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

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

  #carousel-home {
    /* height: 545px; */
  }

  .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-3 .gallery-item,
  .gallery-columns-4 .gallery-item {
    width: 50%;
    flex: 0 0 auto;
	}

  .mc-wrapper .modal-content {
    padding: calc(2 * var(--spacer)) calc(2 * var(--spacer)) calc(1.5 * var(--spacer));
  }

  .wpa9-cta-banner {
    width: 100%;
    margin: 0;
  }

  .wpa9-hero-header.fullwidth .wpa9-hero-header-content {
    padding-right: 0; /* calc(var(--spacer) * .5); */
    padding-left: 0;  /* calc(var(--spacer) * .5); */
  }

}


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

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

  .brand-container .navbar-brand {
    /* top: 30px;
    margin-top: 0px;
    position: absolute;
    right: calc(1 * var(--spacer) ); */
  }

  #carousel-home {
    /* max-height: 586px;
    height: 40vw; */
  }

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

  #header-socket-nav {

  }


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

    }

    .wpa9-cta-banner-content {
      padding: calc(1 * var(--spacer) ) !important;
    }

    .wpa9-cta-banner-buttons .btn {
      margin: 0;
    }

}


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

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

  .row-cols-6>* {
    flex: 0 0 auto;
    width: 16.6667%;
  }

  .row-cols-7>* {
    flex: 0 0 auto;
    width: 14.2857%;
  }

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

  .header-socket {
    width: auto;
  }

  .site-content {
    top: 0px;
  }


  .site-header .navbar {
    padding: 15px 0;
    position: relative;
  }

  .navbar-menu {
    padding: 0;
  }

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

      .navbar-menu .nav-item .nav-link {
        padding-left: 8px;
      }

  .navbar-menu .sub-menu {
    position: absolute;
    background-color: var(--c-main);
  }

  .navbar-expand-lg .navbar-collapse {
    display: contents !important;
  }

  /* ------------- main-nav ------------- */
  #main-nav {
    position: relative;
    width: 100%;
    left: 0;
    margin: calc(1.25 * var(--spacer) ) 0 calc(.75 * var(--spacer) );
  }

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

      #main-nav > .navbar-menu > .menu-item {
        margin-right: calc(.5 * var(--spacer) );
      }

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


    #header-socket-nav {}

      #header-socket-nav > .navbar-menu {}

        #header-socket-nav > .navbar-menu > .menu-item {
          padding: 0;
          margin-left: calc(.75 * var(--spacer) );
        }

  .wpa9-hero-header {}

    .wpa9-hero-header .wpa9-hero-header-content {
    }

    .wpa9-hero-header .wpa9-hero-header-image {
      width: 66.6667%;
    }

    .wpa9-hero-header.fullwidth .wpa9-hero-header-content {
      padding-top: calc(1.75 * var(--spacer)) !important;
      padding-bottom: calc(2.5 * var(--spacer)) !important;
      padding-right: calc(2 * var(--spacer)) !important;
    }

    .wpa9-hero-header.fullwidth .wpa9-hero-header-image {
      width: 75%;
    }

    .wpa9-hero-header.fullwidth .wpa9-hero-header-content {
      max-width: 100%;
      padding-left: calc(50vw - 480px);
    }


  /* ------------------ events ------------------ */
  .loop-events article.event {
    margin-bottom: calc( 1.5 * var(--spacer) );
  }



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

  .gallery-columns-2 .gallery-item {
    width: 50%;
    flex: 0 0 auto;
	}

  .gallery-columns-1 .gallery-item {
		width: 100%;
    flex: 0 0 auto;
	}

  /* ------------------ SOW image grid ------------------ */
  .sow-image-grid-wrapper {
    margin-left: 0;
    margin-right: 0;
    text-align: left !important;
  }

  .sow-image-grid-wrapper .sow-image-grid-image {
    /* width: 33.3334%;
    flex: 0 0 auto; */
  }





}

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


  .wpa9-hero-header.fullwidth .wpa9-hero-header-content {
    padding-left: calc(50vw - 570px);
  }

}

@media (min-width: 1400px) {

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

}