/*
 Theme Name:     WPA9 4dny
 Theme URI:      https://ctyridny.cz
 Description:    –
 Author:         Aleš Loziak
 Author URI:     https://apollo1.cz/
 Template:       wpa9
 Version:        1.0
*/


/****************************************
*** Theme customization starts below ***
*****************************************/

:root {
  /* --c-main: #0062a7;
  --c-secondary: #14487c;

  --c-black: #000;

  --c-grey-d: #333333;
  --c-white: #fff;

  --shadow: 0px 4px 11px 0px rgba(20,72,124,0.24);
  --hover: all 0.2s ease-in-out;

  --spacer: 20px; */

  --c-main: #00B5CB;
  --c-main-hover: #0cc2d8;

  --c-grey-d: #303030;
  --c-grey-m: #9A9A9A;
  --c-grey-l: #F8F8F8;

  --c-black: #000;

  --spacer: 22px;

  --radius: 3px;

  /* redefine bootstrap colors */
  --bs-body-color: #000;

}

/*************************************
+ Custom / Grid & Flex & Bootstrap
*************************************/
.widget {

}

.container {
  /* padding-left: 20px;
  padding-right: 20px; */
}

.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7,
.col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4,
.col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
  /* padding-right: 20px;
  padding-left: 20px; */
}

.site-content {
  margin-bottom: calc(8 * var(--spacer));
}



/*************************************
+ Custom / SiteOrigin
*************************************/

/*
 * Settings of SiteOrigin Row/Widget Bottom Margin
 *
 * At the settings of SiteOrigin leave the "Row/Widget Bottom Margin" and "Row Mobile Bottom Margin" blank
 * then you can better control this option via these CSS
*/

body .panel-layout .panel-grid {
  /* margin-bottom: 100px; */
}

@media only screen and (max-width: 992px) {
  /* body .panel-layout .panel-grid { margin-bottom: 60px; } */
}

@media only screen and (max-width: 768px) {
  /* body .panel-layout .panel-grid { margin-bottom: 40px; } */
}

/* -------------  ------------- */

.panel-grid .panel-grid-cell {

}

  .panel-grid .panel-grid-cell:last-child {

  }

.so-widget-sow-editor {

}

  .so-widget-sow-editor p:last-child {

  }



.widget-title {

}



/*************************************
 +Body & Html
*************************************/
html {

}

body {
  font-family: 'Poppins', sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 0.9375rem;
  background-color: #000;
}

body > .site {
  background-color: #fff;
  margin: 100px auto 0;
}


/*************************************
 +(X)HTML / HTML 5 Containers
*************************************/

h1, h2, h3, h4,
.h1, .h2, .h3, .h4 {
  font-weight: 400;
}

h1, .h1 {
  font-size: 2.75rem;
  line-height: 3.5rem;
  font-weight: 600;
  margin-bottom: 0;
}

h2, .h2 {
  font-size: 2rem;
  line-height: 2.625rem;
  font-weight: 400;
}

h3, .h3 {
  font-size: 2rem;
  line-height: 2.75rem;
}


h4, .h4 {

}


h5, .h5 {

}

a {
  color: var(--c-main);
}

a:hover{
  text-decoration: none;
  color: var(--c-main-hover);
}


ul, li {

}


strong, .strong, b, .b {

}



table {}

  td, th {
		padding: 6px 8px;
	}



button, .button, .btn, .btn-primary,
.meta-more {
  padding: 9px 20px 8px;
  background-color: var(--c-main);
  border-radius: var(--radius);
  border: 1px solid var(--c-main);
  color: #fff;
  font-weight: 600 !important;
  font-size: 1rem;
}

  button:hover, .button:hover, .btn:hover, .btn-primary:hover,
  .meta-more:hover {
    background-color: var(--c-main-hover);
    border: 1px solid var(--c-main-hover);
    color: #fff;
  }

.btn-light {
  background-color: transparent;
  border: 1px solid var(--c-main);
  color: var(--c-main);
}

  .btn-light:hover {
    background-color: var(--c-main-hover);
    border: 1px solid var(--c-main);
    color: #fff;
  }

img, .img {

}

  img.post-thumbnail, .img.post-thumbnail {
    width: 100%;
  }

  .r702x250 { aspect-ratio: 702 / 250 }

  figure.r_portrait img,
  figure.r_landscape img {
    position: absolute;
    height: 100% !important;
    top: 0;
    left: 0;
    object-fit: cover;
    object-position: center;
  }

  .r_portrait { height: 414px; }
  .r_landscape { aspect-ratio: 3 / 2;  }

  figure.r_portrait img {
    right: 0;
    width: auto;
    left: auto;
  }

  .icon {
    background-size: contain;
  }

  .icon-sx { width: 14px; height: 14px; }
  .icon-s { width: 18px; height: 18px; }
  .icon-m { width: 20px; height: 20px; }
  .icon-l { width: 24px; height: 24px; }
  .icon-xl { width: 30px; height: 30px; }
  .icon-xxl { width: 36px; height: 36px; }

  .icon-toggler { background-image: url('images/menu-toggler.svg') }

  .icon-fb { background-image: url('images/icon-fb.svg') }
  .icon-ig { background-image: url('images/icon-ig.svg') }
  .icon-vm { background-image: url('images/icon-vm.svg'); }
  .icon-yt { background-image: url('images/icon-yt.svg'); }
  .icon-ctyridny { background-image: url('images/icon-ctyri-dny.svg'); }
  .icon-umenivenku { background-image: url('images/icon-umeni-venku.svg'); }
  .icon-insitu { background-image: url('images/icon-in-situ.svg'); }

  footer.site-footer .icon-fb { background-image: url('images/icon-fb-w.svg') }
  footer.site-footer .icon-ig { background-image: url('images/icon-ig-w.svg') }
  footer.site-footer .icon-vm { background-image: url('images/icon-vm-w.svg'); }
  footer.site-footer .icon-yt { background-image: url('images/icon-yt-w.svg'); }
  footer.site-footer .icon-ctyridny { background-image: url('images/icon-ctyri-dny-w.svg'); }
  footer.site-footer .icon-umenivenku { background-image: url('images/icon-umeni-venku-w.svg'); }
  footer.site-footer .icon-insitu { background-image: url('images/icon-in-situ-w.svg'); }

  button.icon-magnifier {
    background-color: transparent;
    border: none;
    padding: 0;
  }

/* ------------- form.styled ------------- */
form.styled {}

    form.styled input[type=checkbox]:not(old),
    form.styled input[type=radio   ]:not(old) {
      width     : 2em;
      margin    : 0;
      padding   : 0;
      font-size : 1em;
      opacity   : 0;
    }

    form.styled input[type=checkbox]:not(old) + label,
    form.styled input[type=radio   ]:not(old) + label {
      display      : inline-block;
      margin-left  : -35px;
      line-height  : 1.5em;
      width        : auto;
      font-weight  : 600;
    }

    form.styled input[type=checkbox]:not(old) + label > span,
    form.styled input[type=radio   ]:not(old) + label > span {
      position         : relative;
      top              : 6px;
      display          : inline-block;
      width            : 30px;
      height           : 30px;
      margin           : 3px 9px 3px 0;
      /* border           : 1px solid var(--c-main); */
      background       : #fff;
      vertical-align   : bottom;
      background-color : var(--c-main);
      border-radius    : 4px;
    }

    form.styled input[type=checkbox]:not(old):checked + label > span {
      background-image    : url('images/icon-check.svg');
      background-repeat   : no-repeat;
      background-size     : 20px;
      background-position : left 5px top 4px;
  }


    form.styled input[type=checkbox]:not(old):checked + label > span:before {
      /* content     : '✓'; */
      display     : block;
      width       : 1em;
      color       : var(--color-base);
      font-size   : 14px;
      line-height : 1em;
      text-align  : center;
      font-weight : 600;
      margin: 2px;
    }

    form.styled input[type=radio   ]:not(old) + label > span {
      border-radius    : 100%;
    }

    form.styled input[type=radio]:not(old):checked + label > span > span {
      display          : block;
      width            : 10px;
      height           : 10px;
      margin           : 4px;
      border           : 1px solid var(--color-base);
      border-radius    : 100%;
      background       : var(--color-base);
    }

    form.styled label:hover,
    form.styled input[type="checkbox"]:hover,
    form.styled input[type="radio"]:hover {
      cursor: pointer;
    }





/*************************************
 +
*************************************/

.site-header {
  padding: calc( 1 * var(--spacer)) 0;
  padding: 0;
}

.site-main {
  margin-bottom: calc( 2 * var(--spacer));
}

  .site-main p {}

  .site-main ul {}

    .site-main li {}


.site-content {}

  .site-content ul {}

    .site-content li {}

  .site-content p {}


.header-image {
  position: absolute;
  z-index: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100px;
  min-height: 100px;
  /* background-size: 520px; */
  background-size: auto 100px;
  background-repeat: no-repeat;
  background-position: top center;
  background-attachment: fixed;
  /* background-color: #eee; */
}



/* ------------- NavBar / menu ------------- */
.navbar-container {

}

/* ------------- brand / navbar-brand / site-title ------------- */
.navbar {}

  .navbar li {

  }

    .navbar .navbar-nav .nav-link {

    }

      .navbar .navbar-nav {

      }

    .navbar-brand span {

    }

    .navbar-brand .site-title {

    }



  /* ------------- hamburgers.css ------------- */
  .hamburger {
    height: 22px;
    margin-top: 4px;
  }

    .hamburger--spin.is-active .hamburger-inner {

    }

    .hamburger:hover {
      color: var(--c-black);
    }

    .hamburger:hover,
    .hamburger.is-active:hover {

    }

    .hamburger-box {
      width: 22px;
      height: 22px;
    }

    .hamburger-label {

    }

  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {

  }

  .hamburger-inner:before {
    top: -8px;
  }

  .hamburger-inner:after {
    bottom: -8px;
  }

  .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after, .hamburger.is-active .hamburger-inner,
  .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after {

  }

  .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner:after, .hamburger.is-active .hamburger-inner:before {
    background-color: var(--c-black) !important;
  }

  .hamburger .hamburger-box,
  .hamburger--spinner .hamburger-box {

  }

  .hamburger--minus {

  }

    .hamburger--minus .hamburger-box {

    }

  .hamburger-menu-title {
    /* display: none; */
    font-size: 1.5rem;
    font-weight: 600;
    margin-right: 8px;
    position: relative;
    top: -2px;
  }

/* ------------- navbar-menu ------------- */
.navbar-menu {
  padding: 0;
}

  .navbar-menu .menu-item {}

    .navbar-menu .menu-item .nav-link {
      color: var(--c-black);
      border-bottom: 2px solid #fff;
      padding: 3px 0 0;
      margin: 0 15px;
    }

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



#navs {

}

  #navs.collapse.show {
    display: flex !important;
  }


/* ------------- site-header ------------- */
#site-header {
  margin-bottom: calc(1 * var(--spacer));
  position: sticky;
  top: 0;
}

  .single #site-header {
    margin-bottom: calc(2 * var(--spacer));
  }

  #site-header .navbar {
    padding: 5px 0 2px;
    background-color: #fff;
  }

    #site-header .navbar > div {
      /* position: relative; */
    }

  #site-header .navbar-brand {
    padding: 0;
  }

    #site-header .navbar-brand .site-title {
      background-image: url('images/site-title-mobile-cs.svg');
      /* width: 190px;
      height: 39px; */
      width: 230px;
      height: 68px;
      background-position: left top;
    }

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

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

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



/* ------------- site-header sticky ------------- */
#header-right {
  display: flex;
  flex-flow: column;
  /* position: fixed; */
  z-index: 12;
  background-color: rgba(255,255,255,1);
  width: 100%;
  left: 0; top: 0;
  margin: 0;
  padding: calc(.5 * var(--spacer)) 0;
  text-align: right;

  /* -webkit-box-shadow: var(--shadow);
  box-shadow: var(--shadow); */

}

#header-left {
  position: relative;
  z-index: 3;
  display: none;
}



/* ------------- main-nav ------------- */
#main-nav {
  position: relative;
}

  #main-nav > .navbar-menu {
    text-align: right;
    font-size: 2.125rem;
    font-weight: 600;
    line-height: 2rem;
    margin-bottom: 0;
    padding: calc(0.5 * var(--spacer)) 0 0;
  }

    #main-nav > .navbar-menu .menu-item {

    }

      #main-nav > .navbar-menu .menu-item .nav-link {
        border-bottom: 4px solid #fff;
        padding: 3px 0 0;
        margin: 0;
      }

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

/* ------------- header-socket-nav ------------- */
#header-socket-nav {
  margin-top: calc(0.125 * var(--spacer));
}

  #header-socket-nav .navbar-menu {
    font-size: 1.1875rem;
    margin-bottom: 0;
  }

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

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

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

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

  /* ------------- navbar-menu-social ------------- */
  #header-socket-nav .navbar-menu-social {
    margin-top: calc(0.75 * var(--spacer));
  }

    #header-socket-nav .navbar-menu-social .nav-item {
      display: inline-block;
    }

    #header-socket-nav .navbar-menu-social .menu-item .nav-link {
      padding: 0 !important;
      position: relative;
      /* top: 1px; */
      margin: 0 4px;
      border: none !important;
      width: 29px;
      height: 29px;
    }

      .navbar-menu-social .nav-link:hover {
        border: none !important;
      }

    .navbar-menu-social > .nav-item:first-of-type .nav-link {
      margin-left: 0 !important;
    }

    .navbar-menu-social > .nav-item:last-of-type .nav-link {
      margin-right: 0 !important;
    }

.language-switcher {
  font-size: 1.125rem;
}


/* ------------- secondary-nav ------------- */
#secondary-nav {
  position: relative;
  margin-top: calc(.25 * var(--spacer));
  display: block;
  border-top: 2px solid var(--c-black);
  border-bottom: 2px solid var(--c-black);
  padding: 0;
}

  #secondary-nav .navbar-menu {
    display: none;
    width: 100%;
    margin: 0;
    text-transform: uppercase;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.5rem;
    padding: calc(.5 * var(--spacer)) 0;

  }

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

      #secondary-nav .navbar-menu .menu-item .nav-link {
        /* border: none;
        padding: 1px 0 calc(.45 * var(--spacer)) 0;
        margin: 0;
        width: 100%; */
        margin: 0;
      }

        #secondary-nav .navbar-menu .menu-item:last-child .nav-link {
          padding-bottom: 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); */
      }


/* ------------- menu-sidebar-toggler ------------- */
.menu-sidebar-toggler {
  position: relative;
  z-index: 12;
  top: 0;
  left: 0;
  width: 100%;
  /* right: 0;
  width: 80px; */
  height: 56px;
  color: var(--c-black);
  padding: calc(.75 * var(--spacer)) 0 calc(.625 * var(--spacer));
  background-color: #fff;
  font-size: 1.1875rem;
  text-transform: uppercase;
  /* border-top: 2px solid var(--c-black); */


}

  .menu-sidebar-toggler span.title {
    display: block;
    width: calc(100% - 40px);
    padding: 0;
    font-weight: 500;
    line-height: 1;
    color: var(--c-black);
  }

  .menu-sidebar-toggler span.icon {
    position: absolute;
    /* z-index: 10; */
    top: 20px;
    right: 0;
    width: 30px;
    height: 100%;
    display: block;
    height: 14px;
    background-image: url('images/menu-sidebar-toggler.svg');
    background-repeat: no-repeat;
    background-size: 30px 14px;;
    background-position: right center;
  }

    .menu-sidebar-toggler.opened {
      background-color: transparent;
      transition: .5s;
      position: absolute;
      width: 120px;
      right: 0;
      left: auto;
    }

    .menu-sidebar-toggler.opened span.icon {
      transform: rotate(180deg);

    }

      .menu-sidebar-toggler.opened span.title {
        /*display: none;*/
      }

      .menu-sidebar-toggler.opened span.icon {
        background-position: center bottom;
      }




/* ------------- navbar-toggler ------------- */
.navbar-toggler {
  padding: 0;
}





/* ------------- pagination ------------- */
.pagination {
}

  .pagination .pagination-item {

  }

     .pagination .pagination-item .page-numbers {

    }

    .pagination .pagination-item a:hover {

    }

    .pagination .page-numbers.current,
    .pagination a:hover {

    }


/*************************************
 + Content
*************************************/

/* ------------- meta ------------- */
.meta {
  color: var(--c-grey-m);
  font-size: .875rem;
  font-weight: 300;
}

.meta-date {}

.meta-close {}


.meta-more {
  display: inline-block;
  width: auto;
  /* padding: 6px 20px;
  background-color: var(--c-main);
  color: #fff; */
  font-size: 1.125rem;
  /* font-weight: 600; */
  text-transform: uppercase;
  /* border-radius: var(--radius); */
  margin-top: calc(1 * var(--spacer));
}

  .meta-more:hover {
    /* background-color: var(--c-main-hover);
    color: #fff; */
  }


/* WP gallery
-----------------------------------------------------------*/
.gallery {
  margin-right: calc(var(--spacer) * -.375);
  margin-left: calc(var(--spacer) * -.375);
}

  .gallery .gallery-item {
    margin: 0;
    padding-right: calc(var(--spacer) * .375);
    padding-left: calc(var(--spacer) * .375);
    margin-bottom: calc(var(--spacer) * .75);
  }

    .gallery .gallery-item img,
    .gallery .embed-container > iframe {
      background-color: #000;
    }

  .gallery.gallery-columns-1 {
    margin-bottom: 0;
  }

  .gallery.gallery-columns-2-first-big {}

    .gallery.gallery-columns-2-first-big .gallery-item:first-child {

    }

  .gallery .mejs-controls {
    display: none !important;
    visibility: hidden !important;
  }

  .gallery ._embed-container {
    padding-bottom: 66.6667% !important; /* 3:2 */
  }


/* NextGEN gallery
-----------------------------------------------------------*/
.ngg-breadcrumbs {
  display: none;
}

/* ------------- ngg-albumoverview ------------- */
.ngg-albumoverview {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  /* margin-right: calc(var(--bs-gutter-x) * -.5);
  margin-left: calc(var(--bs-gutter-x) * -.5); */
}

  .ngg-albumoverview ul {
    padding: 0;
    margin: 0;

    display: flex;
    flex-wrap: wrap;

    margin-left: calc(var(--bs-gutter-x) * -.5);
    margin-right: calc(var(--bs-gutter-x) * -.5);
  }

    .ngg-albumoverview ul .ngg-album {
      list-style: none;
      padding: 0;
      margin: 0;
      border: none;

      flex: 0 0 auto;
      width: 33.33333333%;
      margin-bottom: calc(2.5 * var(--spacer));

      max-width: 100%;
      padding-right: calc(var(--bs-gutter-x) * .5);
      padding-left: calc(var(--bs-gutter-x) * .5);
      margin-top: var(--bs-gutter-y);
    }

      .ngg-albumoverview ul .ngg-album::before {
        content: none;
      }

      .ngg-albumoverview ul .ngg-album a {
        display: block;
        color: #000;
      }

        .ngg-albumoverview ul .ngg-album a:hover {
          text-decoration: underline;
        }

        .ngg-albumoverview ul .ngg-album a .ngg-thumbnail {
          float: none;
          margin: 0;
          margin-bottom: calc(.75 * var(--spacer));

          position: relative;
          width: 100%;
          aspect-ratio: 3 / 2;
        }

          .ngg-albumoverview ul .ngg-album a .ngg-thumbnail img {
            background-color: transparent;
            border: none;
            margin: 0;
            padding: 0;

            position: absolute;
            width: 100%;
            height: 100% !important;
            top: 0;
            left: 0;
            object-fit: cover;
            object-position: center;
          }

        .ngg-albumoverview ul .ngg-album a .ngg-content {}

          .ngg-albumoverview ul .ngg-album a .ngg-content .ngg-album-desc {
            font-size: 2rem;
          }

          .ngg-albumoverview ul .ngg-album a .ngg-content small {
            display: none;
          }


/* ------------- ngg-galleryoverview ------------- */
.ngg-galleryoverview {
  margin: 0 !important;
}

  .ngg-gallery-header {
    margin-bottom: calc(1.5 * var(--spacer));
  }

    .ngg-gallery-title {
      font-size: 2.75rem;
      font-weight: 600;
      line-height: 1.25em;
      margin-bottom: calc(0.5 * var(--spacer));
    }

    .ngg-gallery-description {
      font-size: 2.125rem;
      font-weight: 400;
      margin-bottom: calc(1 * var(--spacer));
    }

    .ngg-gallery-author {
      font-weight: 300;
      font-size: 1.125rem;
    }

  .ngg-gallery-content {}

    .ngg-gallery-content .ngg-gallery-thumbnail-box {
      float: none;
      max-width: none !important;

      flex: 0 0 auto;
      width: 25%;

      padding-right: 0;
      padding-left: 0;
      padding: 5px;
    }

    .ngg-gallery-content .ngg-gallery-thumbnail {
      margin: 0;
      padding: 0;
      border: none;
      max-width: none !important;
    }

      .ngg-gallery-content .ngg-gallery-thumbnail a {
        display: block;
        margin: 0;
      }

        .ngg-gallery-content .ngg-gallery-thumbnail a img {
          width: 100%;
          height: 100%;
        }







/* ------------- posts / general ------------- */
.post-title {
  font-size: 2.75rem;
}

.post-subtitle {

}


/* ------------- loop-posts ------------- */
.loop-posts {}

  .loop-posts .post {
    border-bottom: 1px dotted var(--c-grey-d);
    margin-bottom: calc(2.5 * var(--spacer));
    padding-bottom: calc(2.5 * var(--spacer));
  }

  .loop-posts article {
    border-bottom: 1px dotted #000;
    padding: calc(2 * var(--spacer)) 0;
    margin: 0;
  }

    .loop-posts article header {
      margin-bottom: calc(1.5 * var(--spacer));
    }

      .loop-posts article .post-meta {
        margin: 0;
      }

      .loop-posts article .post-above-title {
        font-weight: 300;
        margin: calc(.25 * var(--spacer)) 0 0;
      }

      .loop-posts article .post-title {
        font-size: 2rem;
        line-height: 2.6rem;
        margin: 0;
        padding-bottom: 0;
      }

      .loop-posts article .post-subtitle {
        font-weight: 300;
        margin: calc(.125 * var(--spacer)) 0 0;
      }


    .post-gallery {}

      .post-gallery a {
        display: block;
      }

        .post-gallery a img {
          width: 100%;
          margin-bottom: calc(1 * var(--spacer));
        }



/* ------------- single-post ------------- */
.single {}

  .single article.hentry {
    margin-bottom: calc(2 * var(--spacer));
  }

    .single article.hentry header > .post-meta {
      display: none;
    }

    .single article.hentry .meta-date {
      margin-bottom: calc(.5 * var(--spacer));
    }

    .single article.hentry .post-title {
      margin: 0;
      line-height: 1.25em;
      margin: 0 0 calc(.75 * var(--spacer)) 0;
    }

    .single article.hentry .post-term {
      max.width: 480px;
    }

    .single article.hentry main {
      margin: calc(1.25 * var(--spacer)) 0 calc(2 * var(--spacer));
      max-width: 850px;
    }

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


    .single-post {}

      .single-post #secondary-nav {
        display: none;
      }


    .single .post-partners,
    .partneri {}

      .partneri {
        margin: 0 0 calc(2 * var(--spacer));
      }

      .single .post-partners .post-partner,
      .partneri .partner {
        margin: 0 calc(.5 * var(--spacer));
        padding: 0;
        display: inline-block;
      }

        .single .post-partners .post-partner:first-of-type,
        .partneri .partner:first-of-type {
          margin-left: 0;
        }

        .single .post-partners .post-partner:last-of-type,
        .partneri .partner:last-of-type {
          margin-right: 0;
        }

        .single .post-partners .post-partner::before,
        .partneri .partner::before {
          content: none;
        }

        .single .post-partners .post-partner .post-partner-link,
        .partneri .partner .post-partner-link {
          display: block;
        }


/* ------------- single-project ------------- */
.type-project {}

  .type-project .post-thumbnail {
    display: block;
  }

  .type-project .post-thumbnail.r-portrait {
    max-height: 414px;
    overflow: hidden;
  }

  .project-filter {
    display: flex;
    margin-bottom: calc( 2 * var(--spacer) );
  }

  .project-filter .form-field-row {
    display: inline-block;
    margin-right: 18px;
  }

    .project-filter .form-field-row:hover {
      cursor: pointer;
    }


/*************************************
+ Highlights
*************************************/

.highlights {
  margin-bottom: calc(3 * var(--spacer));
}

  .highlights .row {
    margin-bottom: 0;
  }

  .highlights .highlight {
    display: block;
    position: relative;
    margin-bottom: calc(1 * var(--bs-gutter-x));
    /* position: relative;
    display: inline-block;
    width: 100%;
    margin: 0 0 5px 0; */
  }



  .highlights .highlight:last-child,
  .highlights .highlight:nth-child(3),
  .highlights .highlight:nth-child(5) {
    /* margin: 0 0 5px 0; */
  }

    .highlights .highlight {

    }

      .highlights .highlight img {
        width: 100%;
        border-radius: var(--radius);
      }

        .highlights .highlight:hover img {
          opacity: .9;
        }

    .highlights .highlight .title {
      margin-left: calc(1.25 * var(--bs-gutter-x));
      margin-right: calc(1.25 * var(--bs-gutter-x));
      border-radius: var(--radius);
      position: absolute;
      bottom: calc(.625 * var(--bs-gutter-x));
      left: 0;
      padding: 0px;
      width: calc(100% - calc(2.5 * var(--bs-gutter-x)));
      display: block;
      background-color: rgba(255,255,255,0.9);
      /* line-height: 40px; */
    }

      .highlights .highlight .title h3 {
        font-size: 1.375rem;
        line-height: 1.625rem;
        font-weight: 500;
        color: var(--c-black);
        margin: 0;
        padding: calc(.5 * var(--spacer));
        /* position: relative;
        display: inline-block;
        vertical-align: middle;
        line-height: 1em;
        margin: 0;
        font-weight: 600;
        font-size: 1.266667em;
        letter-spacing: -.6px;
        top: 1px; */
      }

  .highlights .highlight-first {
    /* width: 100%; */
  }

  .highlights .highlight-first,
  .highlights .highlight-second {
    /*max-height: 316px;*/
  }


/*************************************
+ Program / Events
*************************************/
.program-loop {}

  .events-month {
    /* display: none */
  }

    .events-month-name {
      font-size: 1rem;
      margin-bottom: calc(.5 * var(--spacer));
      display: none;
    }

  .events-day {

  }

    .events-day-name {
      border-bottom: 2px solid;
      padding-bottom: calc(.5 * var(--spacer));
      margin: calc(3 * var(--spacer)) 0 calc(.325 * var(--spacer));
    }


.filter-item {
  margin: 0 4px 0 0;
  padding: 0;
  display: inline-block;
  vertical-align: top;
}

  .filter-item .selected,
  .filter-item.active .button,
  .filter-item .button.active {
    background-color: var(--c-black);
    border-color: var(--c-black);
  }

  .filter-item::before {
    content: none;
  }

  .show-all-days-mobile {
    display: none;
  }

.program-filter {
  margin: calc(.125 * var(--spacer)) 0 0;
}

  .program-filter .filter-item {
    margin: 0 8px 8px 0;
    padding: 0;
    list-style: none;
  }

  .program-filter .filter-item::before {
    display: none;
  }

  .program-filter .filter-item .button {
    padding: 6px 14px;
    line-height: 1.3125rem;
  }

    .program-filter .filter-item .button:hover {
      background-color: var(--c-black);
      border-color: var(--c-black);
      color: #fff;
    }

  .program-filter-days {
    margin-top: 0;
  }

    .program-filter-days .filter-item {
    }

      .program-filter-days .filter-item::before {
        display: none;
      }

      .program-filter-days .filter-item .button {
        min-height: 60px;
      }

      .program-filter-days .filter-item .button:hover {

      }

      .program-filter-days .filter-item .button:hover,
      .program-filter-days .filter-item .selected,
      .program-filter-days .filter-item.active .button {
        min-height: 74px;
      }


.toggle-wrapper {
  margin-bottom: calc(3 * var(--spacer));
}

.program-day-title {
  font-size: 2.125rem;
  font-weight: 500;
  line-height: 3.125rem;
  border-bottom: 2px solid;
  padding-bottom: calc(.5 * var(--spacer));
}

  .event {
    /* display: flex;
    flex-flow: row nowrap; */
    justify-content: flex-start;
    align-items: flex-start;
    gap: calc(1 * var(--spacer));
    padding: calc(2 * var(--spacer)) 0;
    border-bottom: 1px dotted;
  }

  .event .etabs-cell {
    display: block;
    width: 100%;
  }

    .event-thumbnail {
      width: 100%;
    }

      .event-thumbnail .desktop {

      }

      .event-thumbnail-link {
        display: block;
      }

    .event .event-content {
      width: 100%;
      margin-top: -8px;
    }

      .event .event-header {
        margin-bottom: calc(.75 * var(--spacer));
      }

      .event-sub-title {
        font-size: 1.25rem;
      }

      .event .event-content a {
        color: var(--c-black);
      }

      .event .event-content .event-title {
        margin-bottom: calc(.5 * var(--spacer));
      }

      .event .event-perex {
        margin-bottom: calc(.75 * var(--spacer));
      }

      .event .event-terms,
      .event .event-program-spec {
        font-size: .8125rem;
      }

      .event .event-terms a {
        color: var(--c-main);
      }

    .event .event-time-place {

    }

    .event .event-more {
      width: auto;
      text-transform: uppercase;
      text-align: center;
    }

      .event .event-more a {
        color: #fff;
      }


/* ------------- single-program ------------- */
.single-program {}

  .single-program .post-headings {
    margin-bottom: calc(1 * var(--spacer));
  }

    .single-program .program-title {
      margin-bottom: calc(.5 * var(--spacer)) !important;
    }

    .single-program .program-subtitle {
      margin-bottom: 0;
    }

  .single-program .event-dates {
    font-weight: 500;
  }

  .single-program .meta-back {
    margin-bottom: calc(1.5 * var(--spacer));
  }

    .single-program .meta-back .icon-toggler {
      position: relative;
      top: 1px;
      width: 9px;
      height: 9px;
      transform: rotate(90deg);
    }

  .event-dates {
    font-size: 1rem;
  }

  .event_r_date.cs,
  .date_w.cs {
    text-transform: lowercase;
  }


  /* list view */
  .event-dates-list {}

    .event-dates-list .event-r-place {
      list-style: none;
      padding: 6px 8px;
      margin-bottom: 8px;
      background-color: var(--c-grey-l);
    }

    .event-dates-list .event-r-place::before {
      content: none;
    }

  /* endof list view */


  /* table view */
  .event-dates-table {

  }

    .event-dates-table .event-dates-term {
      /* display: table; */
      /* display: flex; */
      margin-bottom: 8px;

      /* flex-direction: row;
      flex-wrap: wrap; */
      /* justify-content: start; */
      width: 100%;
    }

    .event-dates-table .event-dates-term .event_r {
      display: flex;
      /* flex-flow: wrap; */
      /* align-items: center; */
      padding: 6px 8px;
      background-color: var(--c-grey-l);
    }

    .event-dates-table .event_r_date {
      /* width: 28%; */
      /* width: 130px; */
      border-top-left-radius: var(--radius);
      border-bottom-left-radius: var(--radius);
    }

      .event-dates-table .event_r_date .date_w {
        white-space: nowrap;
      }

      .event-dates-table .event-dates-term .program_r_note {
        padding-top: 0;
      }

        .event-dates-table .program_r_note small {
          font-size: .875rem;
          font-weight: 400;
          line-height: 1.125;
          display: inline-block;
          /* margin-top: 3px; */
        }

    .event-dates-table .event_r_time {
      /* width: 18%; */
      white-space: nowrap;
    }

    .event-dates-table .event_r_title {
      /* width: 54%; */
      width: 100%;
    }

    .event-dates-table .event_r_reservation {
      width: 100%;
      padding: 0 !important;
      text-align: center;
      border-top-right-radius: var(--radius);
      border-bottom-right-radius: var(--radius);
    }

      .event-dates-table .event_r_reservation .event-ticket-link {
        text-transform: uppercase;
        align-self: stretch;
        align-items: center;
        align-content: center;

        font-size: 1rem;
        font-weight: 600;
        padding: 10px 20px;
        width: 100%;
      }

    .event-dates-table .event-price {
      /* margin-top: calc(.25 * var(--spacer)) !important; */
      padding: 6px 8px;
    }

  /* end of table view */









  /* .event-dates th,
  .event-dates td {
    padding: 6px 8px;
    border: none;
    border-bottom: 6px solid #fff;
    border-radius: var(--radius);
  } */






  /*––––––––––––––––– archive-partner –––––––––––––––––*/
  .archive-partner {}

  .partner a,
  .partner a:hover {
  	background: none;
    display: block;
  }

  .archive-partner h4 {
  	padding: 5px 0 7px;
  	border-bottom: 1px dotted;
  	margin: 0 0 1.2em 0;
  }

  	.archive-partner h4 span {
  		/*see also .program-place td.place-title*/
  		/*+*/

  	}

  .kategorie-partner {
  	margin: 0 0 3.6em 0;
  	display: block;
  }

  	.kategorie-partner .partner {
  		display: inline-block;
  		margin: 0 6px 14px 0;
  	}

  	.kategorie-partner .partner a {
      display: block;
      width: 150px;
  	}



  /* ------------- archives (festival, places-of-acts) ------------- */
  ._4dny-archives {}

    ._4dny-archives .archive-item {
      display: block;
      margin-bottom: calc(2 * var(--spacer));
    }

    ._4dny-archives .archive-item .archive-item-link {
      color: #000;
    }

    ._4dny-archives .archive-featured-image {
      margin-bottom: calc(.5 * var(--spacer));
    }

    ._4dny-archives .archive-title {
      margin: 0;
      font-size: 2rem;
    }

    ._4dny-archives .archive-subtitle {
      font-size: 1.125rem;
    }




  /* ------------- submenu-level-3 ------------- */
  .submenu-level-3 {
    background-color: #f8f8f8;
    padding: calc(.75 * var(--spacer)) calc(1 * var(--spacer));
    margin-bottom: calc(1.5 * var(--spacer));
  }

    .submenu-level-3-title {
      margin-bottom: 0;
      font-size: 2rem;
      margin: calc(.25 * var(--spacer)) 0 calc(.75 * var(--spacer));
      padding-bottom: calc(.5 * var(--spacer));
      border-bottom: 2px solid;
    }

    .submenu-level-3-meta {
    }

      .submenu-level-3-meta a {
        color: #000;
      }

      .submenu-level-3-meta a:hover {
        border-bottom: 1px solid;
      }

    .submenu-level-3 .navbar-menu {
      margin: 0;
    }

      .submenu-level-3 .navbar-menu .nav-item {
        display: inline-block;
        list-style: none;
        padding: 0;
      }

      .submenu-level-3 .navbar-menu .nav-item::before {
        content: none;
      }

      .submenu-level-3 .navbar-menu .nav-link {
        margin: 0 20px 8px 0;
        padding: 0;
        text-transform: uppercase;
        font-size: .9375rem;
        font-weight: 500;
        border-bottom: 1px solid transparent;
      }

      .submenu-level-3 .navbar-menu .nav-link:hover,
      .submenu-level-3 .navbar-menu .nav-item.current-menu-item .nav-link {
        border-bottom: 1px solid #000;
      }


/*************************************
+ Footer
*************************************/
/* ------------- footer ------------- */
footer.site-footer {
  font-size: .9375rem;
  background-color: #000;
  text-align: center;
}

  footer.site-footer a {
    color: var(--c-main);
  }

    footer.site-footer a:hover {
      color: #fff;
    }

  footer.site-footer  h5 {
    font-size: .75rem;
  }

  footer.site-footer .column {
    margin-bottom: calc(1.5 * var(--spacer));
  }

  footer.site-footer .column-1 {
    /* width: 20%; */
  }

  footer.site-footer .column-2 {
    /* width: 15%; */
  }

  footer.site-footer .column-3 {
    /* width: 20%; */
  }

  footer.site-footer .column-4 {
    /* width: 20%; */
  }

  footer.site-footer .column-5 {
    /* width: 20%; */
  }

  .navbar-menu-footer {

  }

    .navbar-menu-footer .menu-item {
      margin: 0;
      padding: 0;
    }

      .navbar-menu-footer .menu-item .nav-link {
        color: var(--c-main);
        font-weight: 500;
        border: none;
        padding: 0;
        margin: 0;
      }

        .navbar-menu-footer .menu-item .nav-link:hover,
        .navbar-menu-footer .menu-item.current-menu-item .nav-link,
        .navbar-menu-footer.menu-item:hover > .nav-link,
        .navbar-menu-footer .current-menu-parent .nav-link {
          color: #0cc2d8;
          border: none;
        }

  footer.site-footer .sc-net {}

    footer.site-footer .sc-net .icon {
      width: 34px; height: 34px;
      margin: 0 6px;
    }

  footer.site-footer .supports {
    margin-bottom: calc(.75 * var(--spacer));
  }

    footer.site-footer .supports .icon {
      margin-right: 16px;
    }

    footer.site-footer .supports .icon-ctyridny {
      width: 83px;
      height: 46px;
    }

    footer.site-footer .supports .icon-umenivenku {
      width: 63px;
      height: 34px;
    }

    footer.site-footer .supports .icon-insitu {
      width: 88px;
      height: 38px;
    }

  footer.site-footer copyright {
    font-size: .75rem;
  }



/*************************************
 + Fancybox
*************************************/
.fancybox__dialog {}

  .f-carousel__toolbar {
      position: absolute;
      top: 0; right: 0;
  }

  .fancybox__backdrop {
    background: rgba(255,255,255,.9);
  }

  .fancybox__slide {
    /* max-height: 95%; */
  }

  button.f-button,
  button.f-button:hover {
    border: none;
    color: #555;
    /* background: transparent; */
  }

  .f-button.is-arrow {
    --f-button-bg: rgba(255,255,255,.5);
    --f-button-hover-bg: rgba(255,255,255,.8);
    --f-button-color: #555;
    --f-button-hover-color: #000;
    --f-button-active-color: #000;
    --f-button-svg-stroke-width: 3;
    --f-button-border-radius: none;
    --f-button-width: 40px;
    --f-button-height: 40px;
  }

  .f-thumbs.is-modern .f-thumbs__slide:focus-within:not(.is-selected) button:before,
  .f-thumbs__slide img,
  .f-thumbs__slide button {
    border-radius: 0;
  }

  .f-carousel__toolbar__column.is-right {
    padding-right: 16px;
    background-color: rgba(255, 255, 255, .9);
  }



/*************************************
 + Shortcodes
*************************************/

/* ------------- content-more ------------- */
.content-more.closed {
  display: none;
}


/*************************************
 + Misc
*************************************/