/**
  Theme Name: Apollo1 Child
  Description: CSS for responsive layout
*/

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

  .highlights .highlight .title {
    padding: 15px;
    width: calc(100% - 30px);
    line-height: 80px;
  }

    .highlights .highlight .title h3 {
      font-size: 1.466667em;
      line-height: 1.1em;
    }


}

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

  .container {
    padding-left: 25px;
    padding-right: 25px;
    width: calc(100% - 50px);
  }

  .wrapper {
    margin: 140px auto 0;
  }

  .header-image {
    height: 160px;
    background-size: 768px;
  }

  header.master h1 {
    width: calc(100% - 44px);
  }

  header.master h1 a {
    width: 300px;
    height: 145px;
  }

  header.master .socket {
    padding: 105px 25px 20px;
    width: calc(100% - 50px);
  }

  .home .blog__gallery .gallery a,
  .archive .blog__gallery .gallery a {
    display: block;
    float: left;
    width: calc(50% - 5px);
  }

  .home .blog__gallery .gallery .promo-first,
  .archive .blog__gallery .gallery .promo-first {
    margin: 0;
    width: 100%;
    float: none;
  }

  .blog__gallery .gallery .even {
    margin: 0 0 4px 10px !important;
  }

  .menu-primary-toggler {
    /*width: 54px;
    height: 50px;*/
  }

  .ngg-album {
		margin: 0 12px 15px 0;
		width: calc(50% - 16px);
	}

  table.event-dates {
  	font-size: 1em;
  }

  .icon-facebook {
    /* width: 30px; height: 30px; */
  }

  .icon-vimeo {
    /* width: 75px; height: 25px;
    background-position: top left; */
  }

  footer .ctyridny-logo {
    height: 74px;
    background-size: 80%;
  }

  footer .contacts {
    font-size: 1em;
    line-height: 1.3em;
    /*display: none !important;*/
  }

  footer .supports {
    display: block;
  }

  .icon-email,
  .icon-phone {
      width: 15px; height: 13px;
  }

  footer .media-default { display: none; }
  footer .media-576 { display: block; }

  /* ------------------ highlights  ------------------ */
  .highlights .highlight {
    width: calc(33.33333% - 16px);
    margin: 0 20px 20px 0;
    max-height: none;
    overflow: hidden;

    padding-top: 0;
  }

  .highlights .highlight-first {
    width: calc(66.66666% - 8px);
  }

  .highlights .highlight:last-child { margin: 0 0 20px 0; }
  .highlights .highlight-second { margin: 0 0 20px 0; }
  .highlights .highlight-third { margin: 0 20px 20px 0; }
  .highlights .highlight:nth-child(5) { margin: 0 0 20px 0; }


  .nl-wrapper .subscription-form .mc-field-group.mc-email,
  .nl-wrapper .subscription-form .mc-field-group.mc-submit-area {
    display: inline-block;
  }

  .nl-wrapper .subscription-form .mc-field-group.mc-email {
    width: 70%;
    max-width: 260px;
  }

  .nl-wrapper .subscription-form .mc-field-group.mc-submit-area {
    width: calc(30% - 5px);
    max-width: 120px;
    margin-left: 25px;
    margin-bottom: 0;
  }

}


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

p { margin: 0 0 20px 0 }

.wrapper {
  padding-top: 30px;
  margin: 200px auto 0;
}

.container {
  padding-left: 25px;
  padding-right: 25px;
  width: calc(100% - 50px);
}

  .header-image {
    height: 200px;
    background-size: 1024px;
  }


  .breadcrumbs {
    margin-bottom: 30px;
  }

.top-header-menu-container {
  margin-top: 6px;
  padding-bottom: 6px;
  font-size: 15px;
  display: block;
}

  .top-header-menu {

  }

    .top-header-menu li,
    .search-form {
      margin-bottom: 0;
    }

  .ngg-thumbnail {
    float: none;
    /*display: inline-block;
    vertical-align: top;*/
    width: 100%;
  }

  .ngg-content {
    /*display: inline-block;
    vertical-align: top;*/
    width: 100%;
    margin-bottom: 4px;
    /*margin-left: -4px;*/
    float: none;
    /*margin: 0 0 0 110px;*/
  }

  .ngg-album {
		margin: 0 12px 15px 0;
		width: calc(50% - 16px);
	}

  footer {
    text-align: left;
  }

  footer .ctyridny-logo {
    display: block;
    margin: 0;
    background-size: 100%;
    height: 90px;
  }

  footer .contacts {
    display: block !important;
  }

  footer .middle {
    margin: 0
  }

  footer .last {
    margin-top: 5px
  }

  footer .fb-share {
    top: 14px;
  }

  .sc-net {}

    .sc-net .icon-facebook,
    .sc-net .icon-vimeo,
    .sc-net .icon-ig {
      width: 28px; height: 28px;
    }

    .sc-net .icon-yt {
      width: 38px; height: 28px;
    }

    .nl-wrapper .subscription-form {
      padding: 40px 40px 40px 160px;
      background-image: url('images/icon-mailing-big.svg');
      background-repeat: no-repeat;
      background-size: 55px;
      background-position: 55px 48px;
    }

}

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

  .en .menu-primary-container {
    /* font-size: 1em; */
  }

}

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

  .en .menu-primary-container {
    /* font-size: 1.6em; */
  }

}


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

header.master {
  padding-bottom: 35px;
}

  header.master h1 {
    /* width: 260px; */
    width: 190px;
  }

    header.master h1 a {
      /* width: 260px;
      height: 130px; */
      width: 190px;
      height: 95px;
    }

  header.master .socket {
    /* width: calc(100% - 260px); */
    display: inline-block;
    position: relative;
    top: 0px;
    left: 0px;
    width: calc(100% - 190px);
    margin-left: -5px;
    text-align: left;
    padding: 0;
  }

  header.master h1,
  header.master .socket {
    display: inline-block;
    vertical-align: bottom;
  }


.wrapper-content {
  padding-top: 0;
}

  .wrapper-content .sidebar,
  .wrapper-content .content {
    display: inline-block;
    vertical-align: top;
  }

  .wrapper-content .sidebar {
    width: 205px;
    padding-right: 25px;
  }

  .wrapper-content .content {
    margin-left: -5px;
    width: calc(100% - 230px);
  }

/* menu */

.menu-primary-container {
  font-size: 17px;
  display: block;
  left: 0; top: 13px;
  position: relative;
}

  .en .menu-primary-container {
    font-size: 1.06667em;
  }

  .menu-primary-container ul {
    text-align: right;
	}

    .menu-primary-container ul li {
      display: inline-block;
      vertical-align: top;
      text-align: left;
      margin: 7.5px 0 0 10px;
    }

      .menu-primary-container ul li a {
        background-color: transparent;
        padding: 0 0 12px;
        color: #12cae0;
      }

      .menu-primary-container ul li a:hover,
      .menu-primary-container ul li.current-menu-item a,
      .menu-primary-container ul li.current-menu-parent a,
      .menu-primary-container ul li.current-menu-ancestor a {
        border-bottom: 4px solid;
        padding: 0 0 8px;
        color: #12cae0;
      }



.menu-primary-toggler {
  display: none;
}

/* ------------- menu-sidebar-container ------------- */
.menu-sidebar-container {
  margin-left: 0;
  width: auto;
}

  .menu-sidebar-container ul {

  }

    .menu-sidebar-container ul li {
      margin: 0 0 15px;
      display: block;
    }

      .menu-sidebar-container ul li a {
        background-color: transparent;
        padding: 0;
      }

  .menu-sidebar-toggler {
    display: none;
    position: relative;
  }


/**/


  .header-image {
    background-size: 1200px;
    height: 372px;
  }



  .highlights .highlight .title {
    padding: 0 25px;
    width: calc(100% - 50px);
  }



  /* .top-header-menu-container {
    padding-bottom: 39px;
    font-size: 1em;
  }

  .menu-primary-container {
    font-size: 1.2em;
    top: 10px;
  }

  .en .menu-primary-container {
    font-size: 1.3em;
  }

    .menu-primary-container ul li {
      margin: 4px 0 0 9px;
    }

    .en .menu-primary-container ul li {
      margin: 4px 0 0 5px;
    } */

  .blog__content {
    margin: 0 20px 0 0;
    width: calc(100% - 274px);
    vertical-align: top;
  }

  .blog__gallery {
    width: 250px;
  }

  .single .gallery .odd {
    margin: 0 0 0 0;
  }

  .single .gallery .even {
    margin: 0 0 4px 10px;
  }


/*––––––––––––––––– filters –––––––––––––––––*/

#filters .taxonomy .mobile {
  display: none;
}

#filters .taxonomy .desktop {
  display: inline-block;
}

.filters {
  margin: 0;
}

  .filters a {
    display: inline-block;
    margin: 0 0 3px;
    padding: 10px 8px;
    width: auto;
    /*font-weight: 400;*/
    font-size: 1.06667em;
    line-height: 1.3em;
    width: auto;
  }

  .filters a:first-child {
    margin-left: 0;
  }

  .filters a.selected {
    display: inline-block;
    background-image: none;
  }

  /*––––––––––––––––– etabs / modify default table, th, td –––––––––––––––––*/
  .tab-container {
    top: 0px;
  }

  .tab-container .meta-show-all-events {
    display: block;
  }

  .tab-container .etabs {
		margin: 14px 0 0;
    min-height: 180px
	}

    .tab-container .etabs li {
      display: inline-block;
      vertical-align: top;
    }

      .tab-container .etabs li a {
        display: inline-block !important;
        font-size: 1.06667em;
        line-height: 1.3em;
        padding: 7px 11px 8px 10px;
        margin: 0 4px 2px 0;
        /* border-bottom: 12px solid #fff; */
        text-transform: lowercase;
        /*font-weight: 300;*/
        width: auto;
        min-height: 46px;
      }

      .tab-container .etabs li.show-all-days-mobile {
        display: none;
      }

      .tab-container .etabs li.active a {
        background-image: none;
      }

      .tab-container .etabs li a.active,
      .tab-container .etabs li.active a {
        min-height: 56px;
      }

        .tab-container .etabs li a br { display: initial; }

  .tab-container .menu-etabs-toggler {
    display: none;
  }

  .etabs-cell {
    display: inline-block;
    vertical-align: top;
    padding: 8px 3px;
    margin-left: -5px;
  }

    .etabs-cell:first-child { margin-left: 0 }

  .event {
    min-height: 116px;
    padding: 16px 0;
    border-bottom: 1px dotted #000;
    display: flex;
  }

    .etabs-cell {
      display: table-cell;
      vertical-align: top;
      padding: 0;
    }

      .event-thumbnail { width: 170px; padding-right: 16px; }
      .event-thumbnail img { width: 100%; height: auto; }
      .event-thumbnail .mobile { display: none; }
      .event-thumbnail .desktop { display: block; }

      .event-header-wrapper {
        display: table-cell;
        /*max-width: 330px;*/
        /*width: calc(100% - 185px - 206px - 84px);*/
        width: calc(100% - 185px - 212px - 60px);
        min-width: 235px;
      }

        .event-header {
          /* padding: 8px 0 0; */
          padding: 0;
        }

          .event-terms {
            display: block;
            padding: 0;
          }

          .event-title {
            margin: 0;
          }

            .event-note {
                padding: 0 0 4px;
            }

          .event-place,
          .event-time {
            display: block;
            text-align: left;
          }

          .event-time-place {
          	width: 128px;
            padding: 7px 12px 0;
          }

      .event-more {
        width: 90px;
        text-align: center;
        display: inline-block;
        height: fit-content;
      }

    .ngg-thumbnail {
      float: left;
      /*display: inline-block;
      vertical-align: top;*/
      width: 110px;
    }

    .ngg-content {
      /*display: inline-block;
      vertical-align: top;*/
      width: calc(100% - 110px);
      /*margin-left: -4px;*/
      float: right;
      /*margin: 0 0 0 110px;*/
    }

    footer {
      font-size: 1em;
    }

}

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

  .menu-primary-container {
    /*font-size: 1.6em;*/
  }

  .en .menu-primary-container,
  .cs .menu-primary-container {
    top: 12px;
  }

  .cz .menu-primary-container ul li {
    margin: 7.5px 0 0 12px;
  }

}

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

  .header-image {
    background-size: 1920px;
  }

  header.master h1 {
    width: 300px;
  }

    header.master h1 a {
      width: 300px;
      height: 145px;
    }

    header.master .socket {
      width: calc(100% - 300px);
    }

  .top-header-menu-container {
    padding-bottom: 54px;
  }

  .menu-primary-container,
  .en .menu-primary-container {
    font-size: 1.3em;
  }

  .ngg-album {
    margin: 0 12px 15px 0;
    width: calc(33.33333% - 16px);
  }

  .highlights .highlight img {
    /* width: auto; */
    height: auto;
  }

}

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


}

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

  .header-image {
    background-size: 100%;
  }

}


@media only screen and (max-width: 575px) {

  .highlights .highlight img {
    position: absolute;
    height: 100%;
    top: 0;
    object-fit: cover;
    object-position: center;
  }

  .highlights .highlight {
    padding-top: 56.25%;
  }

}