/**
  Theme Name: 4dny (WPA9)
  Description: CSS for responsive layout
*/

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

  #site-header .navbar-brand .site-title {
    width: 290px;
    height: 85px;
  }

}

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

  #site-header .navbar-brand .site-title {
    width: 339px;
    height: 100px;
  }

  #site-header.scrolled .navbar-brand .site-title {
    background-image: url('images/site-title-sticky-mobile-cs.svg');
    width: 339px;
    height: 38px;
  }

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

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

  .px-sm-4 {
    padding-right: 30px !important;
    padding-left: 30px !important;
  }

  .header-image {

  }

  .event-dates-term {
    flex-wrap: nowrap !important;

  }

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

  footer.site-footer {
    text-align: left;
  }

}


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

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

  .single article.hentry main {
    margin: calc(0 * var(--spacer)) 0 calc(2 * var(--spacer)) !important;
  }

  .single .site-main.full-width article.hentry main {
    margin: calc(.25 * var(--spacer)) 0 calc(2 * var(--spacer));
    max-width: 100%;
  }

  .event {
    padding: calc(1.25 * var(--spacer)) 0;
  }

    .event .etabs-cell.event-thumbnail {
      width: 270px;
    }

    .event .etabs-cell.event-content {
      width: 420px;
      padding-right: 20px;
    }

    .event .etabs-cell.event-time-place {
      width: 180px;
    }

    .event  .etabs-cell.event-more {
      margin-left: 20px;
    }

    /* ------------------ highlights  ------------------ */
    .highlights .row {

    }

    .highlights .highlight {

    }



    /* ------------------ site-footer  ------------------ */
    footer.site-footer .column-1 { width: 34%; }
    footer.site-footer .column-2 { width: 33%; }
    footer.site-footer .column-3 { width: 33%; }
    footer.site-footer .column-4 { width: 50%; }
    footer.site-footer .column-5 { width: 50%; }



}


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

  body > .site {
    margin: 220px auto 0;
  }

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

  #main-nav > .navbar-menu {
    font-size: 1.5rem;
  }

  .navbar-menu .menu-item .nav-link,
  #main-nav > .navbar-menu .menu-item .nav-link {
    padding: 3px 0;
  }

  #header-socket-nav .navbar-menu,
  .language-switcher {
    font-size: .875rem;
  }

  #site-header .navbar-brand .site-title {
    background-image: url('images/site-title-cs.svg');
    width: 430px;
    height: 127px;
    background-position: left top;
    background-size: contain;
  }

    .en #site-header .navbar-brand .site-title { background-image: url('images/site-title-en.svg'); }

  #navs {
    display: block;
    width: 100%;
  }

  #header-right {
    position: relative;
    width: calc(100% - 430px);
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 0;
  }

  #header-left {
    width: 430px;
    display: block;
  }

    #header-left .navbar-brand {
      padding-top: 30px;
    }

  #main-nav {
    position: relative;
    margin-right: 0;
    top: 25px;
    width: auto;
  }

  #main-nav > .navbar-menu {
    padding: calc(0.5* var(--spacer)) 0 0;
  }

    #main-nav > .navbar-menu .menu-item .nav-link {
      padding: 3px 0;
      margin: 0 10px; /* 0 15px  */
    }

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

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

  .hamburger-menu-title {

  }

  /* ------------- secondary-nav ------------- */
  #secondary-nav {
    border: none;
    margin-top: 1.5rem;
  }

    #secondary-nav .navbar-menu {
      display: block;
      width: 100%;
      margin: 0 0 calc(1 * var(--spacer)) 0;
      padding: calc(.5 * var(--spacer)) 0 0;
      border-top: 2px solid var(--c-black);
      text-transform: uppercase;
      font-size: 1.0625rem;
      font-weight: 400;
      line-height: 1.5rem;

    }

      #secondary-nav .navbar-menu .menu-item {
        margin: 0;
      }

        #secondary-nav .navbar-menu .menu-item .nav-link {
          margin: 0 calc(1 * var(--spacer)) calc(.25 * var(--spacer)) 0;
          padding: 0;
        }

          #secondary-nav .navbar-menu .menu-item .nav-link span {
            /* border-bottom: 2px solid #fff; */
          }

        #secondary-nav .navbar-menu .menu-item .nav-link:hover span,
        #secondary-nav .navbar-menu .menu-item.current-menu-item .nav-link span {
          /* border-bottom: 2px solid var(--c-black); */
        }

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

    #header-socket-nav .navbar-menu .menu-item .nav-link {
      margin: 0 4px;
    }

    #header-socket-nav .icon-magnifier {
      margin: 0 20px 0 16px;
    }

    #header-socket-nav .language-switcher {
      margin: 0 16px 0 0 ;
    }

  /* ------------- navbar-menu-social ------------- */
  #header-socket-nav .navbar-menu-social {
    margin-top: 0;
  }

  #header-socket-nav .navbar-menu-social .menu-item .nav-link {
    width: 20px;
    height: 20px;
  }



  /* ------------- scrolled ------------- */
  #site-header.scrolled {
    position: sticky;
    top: 0;
  }

    #site-header.scrolled #header-socket-nav {
      display: none !important;
    }


  #site-header.scrolled .navbar {
    padding: 0;
    padding-bottom: calc(.25 * var(--spacer));
    background: #fff;
    /* -webkit-box-shadow: var(--shadow);
    box-shadow: var(--shadow); */
  }

    #site-header.scrolled > .navbar > .container {
      margin-bottom: 0;
      padding-bottom: 3px;
    }

    #site-header.scrolled .navbar .header-right {
      margin-top: 0;
    }

    #site-header.scrolled .navbar .header-left {
      margin-top: 12px;
    }

    #site-header.scrolled .navbar .site-title {
      background-image: url('images/site-title-sticky-cs.svg');
      width: 354px;
      height: 36px;
    }

    .en #site-header.scrolled .navbar .site-title {
      background-image: url('images/site-title-sticky-en.svg');
    }

  #site-header.scrolled #main-nav {
    margin-right: 0;
    top: 0;
  }

    #site-header.scrolled #main-nav > .navbar-menu {
      font-size: 1.1875rem;
      position: relative;
    }

      #site-header.scrolled #main-nav > .navbar-menu .menu-item .nav-link {
        margin: 0 7px;
        padding: 0;
        border-bottom: 2px solid #fff;
      }

      #site-header.scrolled #main-nav > .navbar-menu .menu-item .nav-link:hover,
      #site-header.scrolled #main-nav > .navbar-menu .menu-item.current-menu-item .nav-link,
      #site-header.scrolled #main-nav > .navbar-menu .menu-item.current-menu-ancestor .nav-link {
        text-decoration: none;
        border-bottom: 2px solid var(--c-black);
      }

      #site-header.scrolled #secondary-nav {}

        #site-header.scrolled #secondary-nav .navbar-menu {
          padding-top: calc(.375 * var(--spacer));
        }

          #site-header.scrolled #secondary-nav .navbar-menu .menu-item .nav-link {
            font-size: .9375rem;
          }

  .event-thumbnail .mobile {
      display: none;
  }



  /* ------------- footer navbar ------------- */
  .navbar-menu-footer .menu-item .nav-link {
    padding: 0;
  }

  /* ------------------ site-footer  ------------------ */
  footer.site-footer .column-1 { width: 25%; }
  footer.site-footer .column-2 { width: 25%; }
  footer.site-footer .column-3 { width: 25%; }
  footer.site-footer .column-4 { width: 25%; }
  footer.site-footer .column-5 { width: 100% }

  /* ------------- form.styled ------------- */
  form.styled input[type=checkbox]:not(old) + label > span,
  form.styled input[type=radio   ]:not(old) + label > span {
    top     : 1px;
    width   : 20px;
    height  : 20px;
  }

  form.styled input[type=checkbox]:not(old):checked + label > span {
    background-size     : 13px;
    background-position : left 3px top 3px;
  }


}


@media (min-width: 1200px) {


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

  #main-nav {
    margin-right: 10%;
  }

  #main-nav > .navbar-menu .menu-item .nav-link {
    padding: 3px 0;
    margin: 0 15px;
  }


  /* ------------------ event terms (table view)  ------------------ */
  .event_r_date {
    /* width: 24% !important; */
    width: 130px;
  }

  .event_r_time {
    /* width: 13% !important;
    min-width: 110px; */
  }

  .event_r_title {
    /* width: 29% !important; */
  }

  .event-dates-table .event_r_reservation {
    width: 140px;
    /* width: 26% !important; */
  }


  /* ------------------ site-footer  ------------------ */
  footer.site-footer .supports {
    position: relative;
    top: -8px;
  }

  footer.site-footer .column-1 { width: auto; }
  footer.site-footer .column-2 { width: auto; }
  footer.site-footer .column-3 { width: auto; }
  footer.site-footer .column-4 { width: auto; }
  footer.site-footer .column-5 { width: auto; }

}

@media (min-width: 1400px) {

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

}

@media (min-width: 1920px) {

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

}
