


@media only screen
and (min-width : 480px) {

  .row-cols-8>*,
  .row-cols-5>* {
    flex: 0 0 auto;
    width: 33.3334%;
  }

  .brand-container {
    padding-left: 40px;
    padding-right: 40px;
  }

  .carousel-inner,
  .carousel-item {
    height: 100%;
  }

}


@media only screen
and (min-width : 576px) {


  /* ------------------ WP + SOW gallery ------------------ */
  .gallery-columns-2 .gallery-item,
  .gallery-columns-3 .gallery-item,
  .gallery-columns-4 .gallery-item {
    width: calc(50% - calc(0.5 * var(--spacer)));
    flex: 0 0 auto;
	}

  .gallery-columns-2 .gallery-item:nth-child(odd) {
    margin-right: calc(0.25 * var(--spacer));
  }

  .gallery-columns-2 .gallery-item:nth-child(even) {
    margin-left: calc(0.25 * var(--spacer));
  }


}


@media only screen
and (min-width : 768px) {


  .row-cols-8>*,
  .row-cols-5>* {
    flex: 0 0 auto;
    width: 25%;
  }

    .carousel-item img {
      width: 100%;
      height: auto;
    }

  .loop-posts.template-list article {
    flex-flow: row;
  }

  .loop-posts.template-list article .featured-image {
    width: calc(100%/3);
  }

  .loop-posts.template-list article .entry-container {
    width: calc( calc(100%/3*2) - calc(100%/12) );
    padding-left: calc( var(--bs-gutter-x) + calc(100%/12/2) );
  }


}


@media only screen
and (min-width : 992px) {

  .row-cols-5>* {
    flex: 0 0 auto;
    width: 20%;
  }

  .row-cols-8>* {
    flex: 0 0 auto;
    width: 12.5%;
  }


  /* ------------- navbar ------------- */
  .navbar {}

    .navbar li {
      list-style: none;
      background: none;
      padding: 0;
      margin: 0;
    }

    .navbar .navbar-nav {
      padding: 0;
    }

      .navbar .navbar-nav .nav-link {
        padding: calc( 0.25 * var(--spacer) ) 0;
      }

        .navbar .navbar-nav .menu-item .separator {
          display: none;
        }

        .navbar .navbar-nav .menu-item .nav-link {
          display: inline-block;
          font-size: 1rem;
          text-align: left;
          padding: 0 .25rem;
        }

        .navbar .navbar-nav .menu-item:hover .nav-link {
          text-decoration: none;
          color: #000;
          background-color: transparent;
        }

          .navbar .navbar-nav .menu-item:hover .nav-link:hover,
          .navbar .navbar-nav .menu-item.current-menu-item .nav-link {
            text-decoration: none;
            color: var(--c-main);
            background-color: transparent;
          }

        .navbar .navbar-nav .menu-item:hover .sub-menu {
          display: block;
        }

          .navbar .navbar-nav .menu-item .separator {
            display: inline-block;
            padding: 0 .5rem;
            color: var(--c-main);
            font-size: 14px;
          }

          .navbar .navbar-nav .menu-item:last-child .separator {
            display: none;
          }

          .navbar .navbar-nav .menu-item:last-child .nav-link {
            padding-right: 0;
          }

    .navbar .navbar-nav .menu-item .toggle-link {
      display: none;
    }

    /* ------------- sub-menu ------------- */
    .navbar .navbar-nav .sub-menu {
      position: absolute;
      padding: 10px 25px;
      margin-left: -30px;
      width: 280px;
    }

      .navbar .navbar-nav .sub-menu .menu-item .nav-link {
        display: block;
        padding: 2.5px 10px;
        border-top: 1px solid var(--c-grey-light) !important;
      }

      .navbar .navbar-nav .sub-menu .menu-item:last-child .nav-link {
        border-bottom: 1px solid var(--c-grey-light) !important;
      }




  /* ------------- main-nav ------------- */
  #main-nav {

  }

    #main-nav > .navbar-nav {
      padding-top: 0;
    }

      #main-nav > .navbar-nav > .menu-item {
        padding: 0;
      }

      #main-nav > .navbar-nav .menu-item .nav-link,
      #main-nav > .navbar-nav .menu-item:last-child .nav-link {
        border: none;
      }



  /* ------------------ WP gallery ------------------ */
  .gallery-columns-4 .gallery-item {
    /* width: calc(25% - calc(.25 * var(--spacer))); */
    width: 25%;
    flex: 0 0 auto;
	}

  .gallery-columns-3 .gallery-item {
    width: 33.3333%;
    flex: 0 0 auto;
	}

  /* ------------------ SOW image grid ------------------ */
  .sow-image-grid-wrapper {
    margin-left: -5px;
    margin-right: 5px;
  }


}

@media only screen
and (min-width : 1200px) {

}

@media (min-width: 1400px) {

  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    /* max-width: 1140px; */
  }

}
