@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;
    }
  
  /* ------------- template-default ------------- */
  .loop-posts article {
    flex-flow: row;
  }

  .loop-posts article .featured-image {
    width: 33.3334%;
  }

  .loop-posts article .entry-container {
    width: 67%;
  }

  
  /* ------------- template-grid-3 ------------- */
  .loop-posts.template-grid-3 article {
    
  }

  .loop-posts.template-grid-3 article .featured-image {
    
  }

  .loop-posts.template-grid-3 article .entry-container {
    
  }

  /* ------------- template-grid-4 ------------- */
  .loop-posts.template-grid-4 article {
    flex-flow: column;
  }

  /* ------------- template-zigzag ------------- */
  .loop-posts.template-zigzag article {
    flex-flow: column;
  }

    
  

  

}


@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;
      }
  
      
  .navbar-menu {
    padding: 0;
    display: flex;
    flex-flow: row;
    justify-content: flex-start;
    width: 100%;
  }

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

      .navbar-menu .nav-item .nav-link {
        padding: 3px 10px 2px;
      }

  .navbar-menu .sub-menu {
    position: absolute;
  }



  /* ------------- 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;
  }



  /* ------------- template-zigzag ------------- */
  .loop-posts.template-zigzag article {
    flex-flow: row;
  }

  .loop-posts.template-zigzag article .entry-container,
  .loop-posts.template-zigzag article .featured-image {
    width: 70%;
    box-sizing: border-box;
  }

  .loop-posts.template-zigzag article .entry-container {
    width: 70%;
    margin-top: calc(1 * var(--spacer));
    z-index: 2;
    position: relative;
  }

  .loop-posts.template-zigzag article.even .entry-container {
    /* padding-left: calc(2 * var(--spacer)); */
  }

  .loop-posts.template-zigzag article.even .featured-image {
    margin-left: -20%;
  }

  .loop-posts.template-zigzag article.odd .entry-container {
    margin-left: -10%;
    /* padding-right: calc(2 * var(--spacer)); */
  }

  .loop-posts.template-zigzag article.even .featured-image {
    order: 2;
  }

  .loop-posts.template-zigzag article.even .entry-container {
    order: 1;
  }

  .loop-posts.template-zigzag article.odd .featured-image {
    order: 1;
  }

  .loop-posts.template-zigzag article.odd .entry-container {
    order: 2;
  }

  .loop-posts.template-zigzag article .post-title,
  .loop-posts.template-zigzag article .entry-excerpt {
    padding: calc(0.5 * var(--spacer)) calc(1.25 * var(--spacer));  
  }


}

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

  .loop-posts.template-zigzag article .entry-container,
  .loop-posts.template-zigzag article .featured-image {
    width: 60%;
    box-sizing: border-box;
  }

  .loop-posts.template-zigzag article .entry-container {
    width: 50%;
    margin-top: calc(1 * var(--spacer));
    z-index: 2;
    position: relative;
  }

  .loop-posts.template-zigzag article.even .entry-container {
    padding-left: calc(2 * var(--spacer));
  }

  .loop-posts.template-zigzag article.even .featured-image {
    margin-left: -20%;
  }

  .loop-posts.template-zigzag article.odd .entry-container {
    margin-left: -20%;
    padding-right: calc(2 * var(--spacer));
  }

}

@media (min-width: 1400px) {

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

}