/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-cgb-block-cityam-grid-gallery {
  margin: 0 auto;
  padding: 2rem;
  font-family: Oswald, sans-serif; }

ul.team-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  list-style: none; }
  ul.team-list img {
    max-width: 100%;
    max-height: 130px;
    height: auto;
    border: 1px solid #fff; }
  ul.team-list li {
    position: relative; }
    ul.team-list li span {
      position: absolute;
      top: 6px;
      left: 6px; }
    ul.team-list li h3 {
      opacity: 0;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      color: #fff;
      background: rgba(0, 0, 0, 0.8);
      font-size: 14px;
      display: -ms-flexbox;
      display: flex;
      margin: 0;
      -ms-flex-pack: center;
          justify-content: center;
      /* align horizontal */
      -ms-flex-align: center;
          align-items: center;
      /* align vertical */
      -webkit-transition: opacity 0.4s;
      -o-transition: opacity 0.4s;
      transition: opacity 0.4s; }
    ul.team-list li .team-pos-change {
      position: absolute;
      bottom: 4px;
      right: 6px;
      font-weight: 100;
      font-size: 12px;
      width: 48px; }
      ul.team-list li .team-pos-change strong {
        float: right; }
    ul.team-list li:hover h3 {
      opacity: 1;
      cursor: pointer; }

#teamsModal .modal-dialog {
  display: grid;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 100vw;
  height: 100vh; }
  #teamsModal .modal-dialog h2 {
    font-family: Oswald, sans-serif;
    font-size: 1.8em; }
  #teamsModal .modal-dialog p:not(:empty):first-child {
    font-weight: 100; }

body.modal-open .modal-backdrop.show {
  opacity: .8; }

body.modal-open .carousel-control-next {
  right: -110px; }

body.modal-open .carousel-control-prev {
  left: -110px; }

@media (min-width: 576px) {
  body.modal-open .modal-dialog {
    max-width: 700px;
    margin: 1.75rem auto; }
  body.modal-open .modal-body {
    min-height: 460px; } }
/**
 * #.# Common SCSS
 *
 * Can include things like variables and mixins
 * that are used across the project.
*/
/**
 * #.# Styles
 *
 * CSS for both Frontend+Backend.
 */
.wp-block-cgb-block-cityam-email-columns {
  background: orangered;
  border: 0.2rem solid #292929;
  color: #292929;
  margin: 0 auto;
  max-width: 740px;
  padding: 2rem; }

.carousel-item {
  text-align: left; }
  .carousel-item .team-2-cols {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px; }