@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) {

  h1, .h1 {
    margin-bottom: calc( 2.5 * var(--spacer) );
  }

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

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

  /* ------------------ loop-posts ------------------ */
  .loop-posts.template-default article {
    width: 50%;
  }

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

  /* ------------- single-ujepactions ------------- */
  .single-ujepactions .event-row {
    margin: calc(0.25 * var(--spacer) ) 0;
  }

  .single-ujepactions .event-row strong {
    width: 90px;
    display: inline-block;
  }


}


@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%;
  }

  .site-brand .site-title {
    background-image: url('images/site-title.svg');
    /* width: 180px; height: 62px; */
  }

  .site-footer .site-brand .site-title {
    background-image: url('images/site-title-b.svg');
    /* width: 180px; height: 62px; */
  }


  /* ------------- navbar-menu ------------- */
  .navbar-menu > .menu-item:first-of-type {
    margin-left: 0;
  }

  .navbar-menu > .menu-item:last-of-type {
    margin-right: 0;
  }

  .navbar-menu > .menu-item:first-of-type .nav-link {
    padding-left: 0;
  }

  .navbar-menu > .menu-item:last-of-type .nav-link {
    padding-right: 0;
  }

  .navbar-collapse {}

    .navbar-collapse .navbar-menu .menu-item {
      display: flex;
      justify-content: flex-start;
      align-items: baseline;
      width: 100%;
      margin: 0 calc( .625 * var(--spacer) );
    }

      .navbar-collapse .navbar-menu > .menu-item {
        width: max-content;
        position: relative;
      }

    .navbar-collapse .toggle-link {
      display: none;
    }

      .navbar-collapse .sub-menu .toggle-link {
        position: relative;
        top: 2px;
        display: inline-block;
        transform: rotate(-90deg);
        width: 12px; height: 12px;
      }


  /* ------------- navbar ------------- */
  .navbar-socket {
    justify-content: flex-end;
  }

    .navbar-mobile-menu-hr {
      display: none;
    }

  #header-socket-nav {
    /* position: absolute;
    top: 0; */
  }

  .navbar-main {

  }

  /* ------------- main-nav ------------- */
  #main-nav .navbar-menu .menu-item {
    /* margin-top: calc( .325 * var(--spacer) ); */
    margin-top: 0;
  }

  .navbar-menu > .menu-item {
    margin: 0 calc( .75 * var(--spacer) );
  }

  .navbar-menu.navbar-menu-inline > .menu-item {
    margin: 0 calc(0.5 * var(--spacer));
    padding-left: 0;
  }

    .navbar-menu > .menu-item:first-of-type {
      margin-left: 0;
    }

    .navbar-menu > .menu-item:last-of-type {
      margin-right: 0;
    }

    .navbar-menu > .menu-item:first-of-type .nav-link {
      padding-left: 0;
    }

    .navbar-menu > .menu-item:last-of-type .nav-link {
      padding-right: 0;
    }


  #main-nav {
    margin-top: calc(-.125 * var(--spacer));
    position: relative;
    top: 21px;
  }


  #main-nav .sub-menu {
    padding: 20px;
    margin: 0;
    width: auto;
  }

  #main-nav .navbar-menu > .menu-item:hover .sub-menu-level-1 {
    display: block;
  }

    #main-nav .sub-menu .toggle-link {
    }

      #main-nav .sub-menu .menu-item {
        flex-wrap: nowrap;
      }

  #main-nav .menu-item-parent-symbol {
    display: none;
  }

    #main-nav .sub-menu-level-1 {
      display: none;
      position: absolute;
      flex-flow: column wrap;
      align-items: flex-start;
      top: 30px;
      left: -20px;
      z-index: 2;
      padding-top: 20px;
      background: #fff;
    }

      #main-nav .sub-menu-level-1 .menu-item {
        padding: 8px 30px 8px 0;

      }

        #main-nav .sub-menu-level-1 .menu-item:hover .sub-menu-level-2 {
          display: block;
        }

        #main-nav .sub-menu-level-2 {
          display: none;
          position: absolute;
          left: calc(100% - 20px);
          top: 0px;
          padding-top: 20px;
          width: max-content;
          background: #fff;
          /* height: -webkit-fill-available; */
          min-height: -webkit-fill-available;
          min-height: 220px
        }

          #main-nav .sub-menu-level-2 .menu-item {

          }

          #main-nav .sub-menu-level-2 .nav-link {

          }

  /* ------------- show-search-form ------------- */
  .show-search-form {
    margin-left: calc( 2 * var(--spacer));
  }

  /* ------------- footer-socket-nav ------------- */
  #footer-socket-nav {
    flex-flow: row;
  }

    #footer-socket-nav .sub-menu {
      display: block;
      padding: 0;
    }

  /* ------------- post-entry / post-abstract ------------- */
  .post-abstract {

  }

    .post-entry .col-left {
      padding-right: 48px;
    }

    .post-entry .col-right {
      padding-left: 48px;
    }

    .page article .page-thumbnail .thumbnail {
      aspect-ratio: 1/1;
    }

  /* ------------------ page / page-template-default ------------------ */
  .page-template-default .entry-content {
    width: calc(66% - 48px);
    padding-right: 48px;
  }

  /* ------------------ loop-posts ------------------ */
  .loop-posts.template-default article {
    width: 33.33333333%;
  }


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

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

  /* ------------- sow-tabs-panel-container ------------- */
  .sow-tabs-panel-container-width-narrow,
  .sow-widget-width-narrow,
  .sow-tabs-panel-container-width-reduced {
    width: 66%;
  }


}

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

  .navbar-collapse .navbar-menu .menu-item {
    margin: 0 calc( 1 * var(--spacer) );
  }

  .navbar-collapse .navbar-menu .menu-item:first-of-type {
    margin-left: 0;
  }

  .navbar-collapse .navbar-menu .menu-item:last-of-type {
    margin-right: 0;
  }

  /* ------------- sow-tabs-panel-container ------------- */
  .sow-tabs-panel-container-width-narrow,
  .sow-widget-width-narrow,
  .sow-tabs-panel-container-width-reduced {
    width: 50%;
  }

}

@media (min-width: 1400px) {

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

}