/*
 Theme Name:     Hraničář 2022
 Theme URI:      https://hranicar-usti.cz
 Description:    –
 Author:         Aleš Loziak
 Author URI:     https://apollo1.cz/
 Version:        2022.05.23
*/


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

/* Load base styles, used also for WYSIWIG editor in admin */
@import url('https://dev.hranicar-usti.cz/wp-content/themes/hranicar/style-base.css');

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

}

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

.container-fullwidth {
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  left: 50%;
  overflow: hidden;
}

  @media not all and (hover: none) {

    .container-fullwidth {
      width: calc(100vw - 8px);
    }

  }

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

.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
  padding-right: calc(var(--spacer) * .5);
  padding-left: calc(var(--spacer) * .5);
}

.row {
  margin-right: calc(var(--spacer) * -.5);
  margin-left: calc(var(--spacer) * -.5);
}

.row>* {
  padding-right: calc(var(--spacer) * .5);
  padding-left: calc(var(--spacer) * .5);
}

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




/*************************************
+ 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: 60px;
}

/* body .panel-layout .panel-grid:first-of-type > .siteorigin-panels-stretch, */
body .panel-layout .panel-grid:first-of-type > div {
  /* padding: 0 0 calc(2 * var(--spacer) ) 0; */
}

/* body .panel-layout .panel-grid:not(:first-of-type) > .siteorigin-panels-stretch, */
body .panel-layout .panel-grid:not(:first-of-type) > div {
  /* padding: calc(2 * var(--spacer) ) 0; */
}

  body .panel-grid > .panel-grid-cell .so-panel:not(:first-of-type) .widget-title {
    padding-top: 0;
  }

body .panel-layout .panel-grid:last-of-type {
  /* margin-bottom: 0px !important; */
}


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

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

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

.panel-grid .panel-grid-cell {

}

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

  }

.so-widget-sow-editor {
  /* padding-right: 30px;
  padding-left: 0px; */
}

  .so-widget-sow-editor p:last-child {
    margin-bottom: 0;
  }



.widget-title {

}



/*************************************
 +Body & Html
*************************************/
html {
  background-color: #333333;
  overflow-x: hidden;
}

body {

  /* -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; */
}


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

h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {}

h1, .h1 {}

h2, .h2 {}

h3, .h3 {}

h4, .h4 {}

h5, .h5 {}


a {

}

a:hover {

}


ul, li {
  /* margin: 0;
  padding: 0; */
}


strong, .strong, b, .b {
  font-weight: 600;
}


/* table
-----------------------------------------------------------*/
table {
  width: 100%;
}

  table.light-bg td {
    border-bottom: 1px solid #000 !important;
    border-top: 1px solid #000 !important;
  }


/* forms
-----------------------------------------------------------*/
label {

}

input, textarea, select {
  border-radius: 0;
  border: 1px solid #c0c0c0;
}

  input[type="submit"] {

  }

textarea {

}

fieldset {}

  fieldset legend {
    font-size: 1rem;
    font-weight: 600;

  }


.form-control {
  border-radius: 0;
  border: 1px solid var(--c-main);
}

.form-check .form-check-input {
  padding: 0;
  border-radius: 0;
  border: 2px solid var(--c-main);
  text-transform: none;
}

  .form-check .form-check-input:hover,
  .form-check label {
    cursor: pointer;
  }

  .form-check .form-check-input:checked {
    border-color: #0d6efd;
  }

.field-group {
  margin-bottom: calc( .5 * var(--spacer) );
}


/* form.styled
-----------------------------------------------------------*/
form#filter-advanced fieldset {
  display: block;
  vertical-align: top;
  padding: 0 calc( .25 * var(--spacer) );
  margin: 0 auto;
  /* padding-bottom: calc( 1 * var(--spacer) ); */
  /* border-bottom: 1px solid var(--c-grey-light); */
}

  form#filter-advanced .form-field-row {
    background: none;
    padding: 2px 0;
    margin-left: 32px;
    /* margin: 0 auto; */
    text-align: left;
  }


form.styled {
  margin: 0 auto calc( 1.5 * var(--spacer) );
  padding: calc( 1 * var(--spacer) );
  background-color: #eee;
}

  form.styled label {
    width: auto;
  }

  form.styled label:hover {
    cursor: pointer;
  }

  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;
    display   : none;
  }

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

  form.styled input[type=checkbox]:not(old) + label > span,
  form.styled input[type=radio   ]:not(old) + label > span {
    display          : inline-block;
    width            : 20px;
    height           : 20px;
    margin           : 3px 12px 3px 0;
    border           : 1px solid var(--c-main);
    background       : #fff;
    vertical-align   : bottom;
    margin-left      : -32px;
  }

  form.styled input[type=checkbox]:not(old):checked + label > span {
    background-image: url('https://hranicar-usti.cz/wp-content/themes/hranicar/images/icon-check.svg');
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: left 2px top 2px;
}


  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);
  }







/* img | figure | wp image
-----------------------------------------------------------*/
img {}

figure {
  margin: 0;
}

figcaption {
  line-height: initial;
}

  .size-small,
  .size-medium,
  .size-full {
    /* width: 100%;
    height: 100%; */
  }

  img.non-responsive {
    width: auto !important;
  }

  figure,
  .figure {
    position: relative;
    width: 100%;
    margin-bottom: 0;
  }

    figure img,
    .figure img {
      width: 100%;
    }

    figure:not(.original) img,
    .figure:not(.original) img {
      position: absolute;
      height: 100%;
      top: 0;
      object-fit: cover;
      object-position: center;
    }

    .r3x2 { padding-top: 66.6667%; }
    .r16x9 { padding-top: 56.25%; }
    .r16x10 { padding-top: 62.5%; }


/* button
-----------------------------------------------------------*/
button, .button, .btn, .btn-primary,
input[type="submit"], .submit {

}

  button:hover, .button:hover, .btn:hover, .btn-primary:hover,
  input[type="submit"]:hover, .submit:hover {

  }



/* ------------- Wysiwyg editor / Custom styles ------------- */
/* .txt-20 {
  font-size: 20px;
  display: inline-block;
}

.txt-18 {
  font-size: 18px;
  display: inline-block;
}

.txt-14 {
  font-size: 14px;
  display: inline-block;
} */






/* ------------- spinner ------------- */
.spinner-wrapper {
  display: none !important;
  position: fixed;
  z-index: 2000;
  width: 100vw;
  height: 100vh;
  left: 0; right: 0;
  top: 0; bottom: 0;
  background-color: rgba(255,255,255,.8);
}

  .spinner-wrapper.is-active {
    display: flex !important;
  }

  .spinner-border {
    position: relative;
    /* left: 50vw; */
    top: 40vh;
    border-width: .35em;
  }

  .spinner-wrapper .sr-only {
    display: none;
  }


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




/* ------------- site-brand ------------- */
.site-brand {

}

  .site-brand a {
    display: block;
    background-image: url('images/site-brand.svg');
    background-repeat: no-repeat;
    width: 120px;
    height: 45px;
    border: none;
  }

  .site-brand span {
    display: none;
  }

/* ------------- site-main ------------- */
.site-main {

}

  .site-main p {}

  .site-main ul {
    /* margin-left: 25px; */
  }

    .site-main li {}


  .site-main ul.ultiny {
    font-size: 15px;
    line-height: 1.3;
    list-style: none;
    margin: 0;
    color: #666;
  }

    .site-main ul.ultiny li {}



.site-content {
  position: relative;
  padding-bottom: 0;
  top: 125px;
}

  .site-content ul {}

    .site-content li {}

  .site-content p {}



/* ------------- site-header ------------- */
.site-header {
  box-shadow: none;
  padding: 0;
  /* border-top: 6px solid; */
  /* margin-bottom: calc(2 * var(--spacer) ); */
}

  .site-header .navbar {
    padding: 15px 20px 20px;
    background-color: #fff;
    /* border-bottom: 1px solid var(--c-black); */
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 10;
  }

  .home .site-header {
    margin-bottom: 0;
  }




/* ------------- navbar ------------- */
.navbar {
  display: flex;
  flex-flow: wrap;
}

  .navbar li {
    list-style: none;
    background: none;
    padding: 0;
    margin: 0;
  }

  /* ------------- navbar-menu ------------- */
.navbar-menu {
  font-family: 'Intro Bold';
  text-transform: uppercase;
  padding: 16px 0;
  margin-left: -8px;
}

  .navbar-menu .menu-item {
    position: relative;
    display: block;
  }

    .navbar-menu .menu-item .nav-link {
      display: block;
      color: var(--c-black);
      padding: 5px 8px 2px;
      border: none;
    }

      .navbar-menu .menu-item:hover > .nav-link,
      .navbar-menu .menu-item.is-active > .nav-link,
      .navbar-menu .menu-item.current-menu-item > .nav-link {
        text-decoration: none;
        background-color: var(--c-black);
        color: #fff;
      }

        .navbar-menu .menu-item:last-child .nav-link {
          /* padding-right: 0; */
        }

        .navbar-menu .menu-item:last-child .separator {
          display: none;
        }

      .navbar-menu .menu-item-has-children > .nav-link::after {
        content: ' ';
        background-image: url('images/icon-arrow-down.svg');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        display: inline-block;
        width: 12px;
        height: 12px;
        margin: 0 0 0 10px;
      }

        .navbar-menu .menu-item.current-menu-item > .nav-link::after,
        .navbar-menu .menu-item-has-children:hover > .nav-link::after,
        .navbar-menu .menu-item.is-active > .nav-link::after {
          -webkit-filter: invert(100%);
          -moz-filter: invert(100%);
          filter: invert(100%);
        }

    /* ------------- navbar-menu sub-menu ------------- */
    .navbar-menu .sub-menu {
      display: none;
      position: relative;
      margin: 0;
      padding: 0;
      z-index: 2;
    }

      .navbar-menu .sub-menu .menu-item {
        display: block;
      }

        .navbar-menu .sub-menu .menu-item .separator {
          display: none;
        }

        .navbar-menu .sub-menu .menu-item .nav-link {

        }

          .navbar-menu .sub-menu .menu-item .nav-link::before {
            content: '\2014  ';
            display: none;
          }

        .navbar-menu .sub-menu .menu-item:last-of-type {
          /* margin-bottom: 6px; */
        }




    /* desktop */
    .navbar-collapse:not(.show) .navbar-menu .sub-menu {
      padding: 6px;
      width: 220px;
    }

    .navbar-collapse:not(.show) .navbar-menu .sub-menu .menu-item .nav-link {
      color: #fff;
      padding: 6px 6px 6px 18px;
    }

    .navbar-collapse:not(.show) .navbar-menu .menu-item-has-children:hover .sub-menu {
      display: block;
    }

    .navbar-collapse:not(.show) .navbar-menu .menu-item-has-children:hover .sub-menu {
      display: block;
    }

    .navbar-collapse:not(.show) .navbar-menu .sub-menu .menu-item:hover .nav-link {
      text-decoration: underline;
    }


  /* ------------- header-socket-nav ------------- */
  .header-socket {
    width: 100%;
  }


  #header-socket-nav {

  }

    #header-socket-nav .navbar-menu {
      /* font-family: 'Tabac G3 Regular'; */
      text-transform: none;
      margin: 0px;
    }

      #header-socket-nav .menu-item {
        margin-left: 0;
      }

        #header-socket-nav .menu-item > .nav-link {
          border-bottom: 2px solid transparent;
          padding: 5px 1px 2px;
          background-color: transparent;
          color: var(--c-main);
        }

        #header-socket-nav .menu-item:hover > .nav-link,
        #header-socket-nav .menu-item.current-menu-item > .nav-link {
          background-color: transparent;
          color: var(--c-main);
          border-bottom: 2px solid;
        }

          #header-socket-nav .menu-item .nav-link {
            font-size: 0.9375em;
            font-weight: 400;
          }





/* ------------- main-nav ------------- */
#main-nav {
  position: relative;
  /* width: 100vw;
  left: 50%; */
  /* right: 50%; */
  /* margin-left: -50vw; */
  /* margin-right: -50vw; */
  /* margin-bottom: -17px; */

}

  #main-nav > .navbar-nav {}

    #main-nav > .navbar-nav > .menu-item {
      border: none;
    }

    #main-nav > .navbar-nav .menu-item .nav-link {
      border-top: 1px solid var(--c-grey-light);
      font-size: 1.0625em;
    }

    #main-nav > .navbar-nav .menu-item:last-child .nav-link {
      border-bottom: 1px solid var(--c-grey-light);
    }

  #menus {
    transition: all .25s ease-in-out;
  }



/* ------------- brand / navbar-brand / site-title ------------- */
.navbar-brand {
  /* padding: 0; */
}

  .navbar-brand span {
    /* display: none; */
  }

  .navbar-brand .site-title {

  }



/* ------------- navbar-toggler ------------- */
.navbar-toggler {
  border-radius: 0;
  /* height: 20px; */
  padding: 10px 0px 4px 10px;
  outline: 0;
  border-width: 0;
}

  .navbar-toggler:focus {
    box-shadow: none;
  }





/* ------------- hamburgers.css ------------- */
.hamburger {

}

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

  }

  .hamburger:hover {
    background-color: transparent;
    border: none;
    opacity: 1;
  }

  .hamburger:hover .hamburger-inner,
  .hamburger:hover .hamburger-inner:after,
  .hamburger:hover .hamburger-inner:before {
    opacity: 1;
  }

  .hamburger:hover,
  .hamburger.is-active:hover {
    opacity: 1;
  }

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

  }

  .hamburger-box {
    width: 38px;
  }

  .hamburger-label {
    display: none;
  }

.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
  height: 3px;
  width: 35px;
}

.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 .hamburger-box,
.hamburger--spinner .hamburger-box {

}

.hamburger--minus {

}

  .hamburger--minus .hamburger-box {

  }




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


.carousel-inner {

}

.carousel-item {

}

  .carousel-item img {

  }





/* ------------- pagination ------------- */
ul.pagination {
  border-radius: 0;
  justify-content: center;
}

  ul.pagination li {
    background: none;
    padding: 0;
    margin: 0 6px;
  }

     ul.pagination li .page-numbers {
      padding: 1px 5px;
      display: block;
    }

    ul.pagination li a:hover {
      text-decoration: none;
      border-bottom: 1px solid;
    }

    ul.pagination li .current {
      color: var(--c-main);
      border-bottom: 1px solid;
    }




/*************************************
 +Page Templates
*************************************/
/* ------------------ .pagination / .navigation ------------------ */
.pagination {
	text-align: left;
	font-family: 'Intro Regular', sans-serif;
	text-transform: uppercase;
	margin: 12.5px 0;
}

	.navigation h2.screen-reader-text {
		display: none;
	}

	.pagination .nav-links {}

		.pagination .nav-links a {
			text-decoration: none !important;
		}

	.pagination .page-numbers {
		border-bottom: 2px solid #000;
		padding: 5px 9px 2px;
		margin: 0 3px;
	}

		.pagination .page-numbers:hover {
			background-color: #000;
			color: #fff;
		}

		.pagination .page-numbers.next,
		.pagination .page-numbers.prev {
			font-size: 13px;
			padding: 7px 9px 3px;
			border: none;
		}

		.pagination .page-numbers.next:hover,
		.pagination .page-numbers.prev:hover {
			border-bottom: 2px solid #000;
		}

.post-nav {
	border-top: 1px solid #ddd;
	margin: 25px 0 12.5px;
}

	.post-nav a { text-decoration: none; display: block; width: 100% }
	.post-nav a span { text-decoration: underline; }

		.post-nav a:hover {  }

	.post-nav .post-nav-older {}

	.post-nav .post-nav-newer {
		text-align: right;
	}




/* ------------- gridable ------------- */
.gridable {}

  .gridable .col {
    margin-bottom: 32px;
  }

    .gridable .col[data-sh-column-attr-size] {
      flex: none;
      width: 100%;
    }

    .gridable .col[data-sh-column-attr-size="6"] {
      flex: none;
      width: 50%;
    }





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

      .gridable--col {
        margin-bottom: 32px;
      }

      .gridable--col:last-of-type {
        margin-bottom: 0;
      }

      /* .gridable .col[data-sh-column-attr-size] {

      }

      .gridable .col[data-sh-column-attr-size="8"] {
        width: 66.6666%;
      }

      .gridable .col[data-sh-column-attr-size="6"] {
        width: 50%;
      }

      .gridable .col[data-sh-column-attr-size="4"] {
        width: 33.3333%;
      }

      .gridable .col[data-sh-column-attr-size="3"] {
        width: 25%;
      }

      .gridable .col[data-sh-column-attr-size="2"] {
        width: 16.6667%;
      } */

    }




/* ------------- meta ------------- */
.meta {

}

.meta-date {
  font-size: 16px;
  font-weight: 200;
}

.meta-close {}




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

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

    .loop-posts article figure {

    }

      .loop-posts article figure a {
        display: block;
      }

        .loop-posts article figure a img {
          /* max-width: 256px; */
        }



    .loop-posts article .post-title {
      font-size: 1.5rem;
      font-weight: 400;
      margin-bottom: 0;
      margin-top: calc(0.5 * var(--spacer) );
    }

      .loop-posts article .post-title a {
        color: var(--c-main);
      }

    .loop-posts article .entry-excerpt {
      margin-bottom: calc( 1.5 * var(--spacer) );
      font-size: 1rem;
    }

    .loop-posts article .meta-date {
      margin-top: calc(0.5 * var(--spacer) );
    }


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

}

  .single article .post-title {
    font-size: 2.875rem;
    font-weight: 700;
    color: var(--c-main);
    margin-bottom: calc(0.5 * var(--spacer) );
    margin-top: calc(0.25 * var(--spacer) );
  }

    .single article main {

    }



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

    .single article aside .post-link-wrapper {
      margin-bottom: calc(0.75 * var(--spacer) );
    }

/* ------------- single-post-ajax AJAX version in modal window ------------- */
.single-post-ajax {
  display: none;
  position: fixed;
  overflow-y: auto !important;
  z-index: 10;
  top: 0; left: 0;
  padding-bottom: 40px;
  width: 100vw; height: 100vh;
  background-color: rgba(255,255,255,.95);
}

  .single-post-ajax .container {
    max-width: 573px;

  }

    .single-post-ajax article.type-post {
      margin-top: calc(3 * var(--spacer) );

    }

      .single-post-ajax .post-title {
        font-size: 40px;
        margin: calc(1 * var(--spacer) ) 0 calc(1.5 * var(--spacer) );
      }

      .single-post-ajax .thumbnail {}

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

      .single-post-ajax .entry-container {}

      .single-post-ajax .meta-date {}

      .single-post-ajax .meta-close {
        position: relative;
        width: 100%;
        text-align: center;
      }

        .single-post-ajax .meta-close.meta-close-icon {
          text-align: right;
          top: -10px;
          right: -13px;
        }



/* ------------- loop-events ------------- */
.loop-events {}

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

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

    .loop-events article.event header {
      margin-bottom: 12px;
    }

    .loop-events article.event figure a {
      border: none;
    }

      .loop-events article.event .post-title {
        font-size: 1.125em;
        text-transform: none;
        margin-top: 0;
      }

        .loop-events article.event .post-title a {
          border: none;
          text-decoration: none;
        }

      .loop-events article.event .post-subtitle {
        margin-bottom: 0;
        font-size: .875rem;
        font-family: 'Tabac G3 Regular Italic';
        color: #808285;
      }

      .loop-events article.event .meta-date {
        font-family: 'Intro Bold';
        text-transform: uppercase;
        font-size: 0.875em;
        border-top: 1px solid;
        border-bottom: 1px solid;
        padding: 12px 0 6px;
      }

    .loop-events article.event .entry-excerpt {
      /* font-size: 0.8125em; */
      font-size: 0.875em;
      line-height: 19px;
      letter-spacing: .01em;
      margin-bottom: 0;
    }

      .loop-events article.event .entry-excerpt p {
        margin-bottom: calc( .125 * var(--spacer) );
      }

    .loop-events article.event .meta-date {
      margin-top: calc(0.375 * var(--spacer) );
    }

    .program-banner {
      background-color: #eee;
      text-align: center;
    }

    .loop-events article.event a:hover img {
      -webkit-filter: saturate(0) brightness(1.1);
      -moz-filter: saturate(0) brightness(1.1);
      filter: saturate(0) brightness(1.1);
    }

/* ------------- loop-events-table ------------- */
.loop-events-table {}

  .loop-events-table .event {
    padding: 32px 16px;
  }

  .loop-events-table .event:nth-child(odd) {
    background-color: #f2f2f2;
  }

  .loop-events-table .meta-date {
    font-family: 'Intro Bold';
    text-transform: uppercase;
  }

  .loop-events-table .event-date {
    width: 10%;
  }

  .loop-events-table .event-time {
    width: 15%
  }

  .loop-events-table .event-entry {
    width: 75%
  }

    .loop-events-table .event-entry .post-title {
      margin-bottom: 0;
    }

    .loop-events-table .event-entry .post-subtitle {
      font-size: 1em;
      font-style: italic;
    }

    .loop-events-table .event-entry p {
      margin-bottom: 0;
    }


/* ------------- loop-events-archive ------------- */
.loop-events-archive {}

  .loop-events-archive .event {
    padding: 16px 16px;
  }



  .loop-events-archive .meta-read-more {
    margin: 0;
  }

  .loop-events-archive .event-entry {
    width: 50%;
  }

  .loop-events-archive .event-date {
    width: 15%;
  }

/* ------------- events-filter ------------- */
.events-filter {
  margin-bottom: calc(0.75 * var(--spacer) );
}

  .events-filter ul {
    margin: 0;
    padding: 0;
    display: flex;
    flex-flow: wrap;
  }

    .events-filter li {
      list-style: none;
      margin-bottom: 15px;
    }

      .events-filter li .filter-trigger {
        padding: 8px 0 6px;
        margin: 0 30px 0 0;
        border: none;
        border-top: 2px solid transparent;
        text-decoration: none;
        font-family: 'Intro Bold';
      }

        .events-filter li:first-of-type .filter-trigger {
          margin-left: 0;
        }

      .events-filter li .filter-trigger:hover,
      .events-filter li .filter-trigger.active {
        border-top: 2px solid var(--c-main);
        background: #fff;
        color: var(--c-main) !important;
      }



/* ------------- single-events ------------- */
.single-event {}

  .single-event article.event {

  }

    .single-event article.event .event-header {
      margin-top: -8px
    }

    .single-event article.event .featured-image {
      position: relative;
    }

    .single-event article.event .event-oembed-container {
      position: absolute;
      top: 0;
      left: calc(var(--spacer) * .5);
      width: calc(100% - calc(var(--spacer) * 1));
      opacity: 0;
    }

    .single-event .support-wrapper {
      background-color: #faf7dd;
      padding: calc(2 * var(--spacer) ) 0;
    }

    .event-media {
      position: relative;
    }

    .event-media .oembed-play {
      display: block;
      position: absolute;
      z-index: 2;
      top: 13px;
      left: 29px;
      text-align: center;

      font-family: 'Intro Bold';
      text-decoration: none;
      padding: 4px 16px 2px 32px;
      border-radius: 20px;

      color: var(--c-main);
      background-color: rgba(255,255,255,.85);
      background-image: url('https://hranicar-usti.cz/wp-content/themes/hranicar/images/icon-arrow-right.svg');
      background-size: 12px;
      background-repeat: no-repeat;
      background-position: left 12px center;
    }

    .single-event article.event .event-media .oembed-play:hover {
      background-color: rgba(255,255,255,1);
    }

    .single-event article.event .event-meta {
      margin: 0 0 16px 0;
    }

    .single-event article.event .event-date {
      font-family: 'Intro Bold';
      text-transform: uppercase;
      font-size: 1.25em;

      border-top: 1px solid;
      border-bottom: 1px solid;
      padding: 10px 0 7px;
      margin: 0 0 8px 0;
    }

    .single-event article.event .event-location {
      margin: 8px 0 0;
      /* padding-left: 10px;
      border-left: 3px solid; */
    }




    .single-event article.event .event-image-gallery {

    }

      .single-event article.event .event-image-gallery .gallery-item {
        display: block;
        flex: 0 0 calc(50% - 9px);
        max-width: calc(50% - 9px);
        margin: 10px 6px 0;
        padding: 0;
      }

        .single-event article.event .event-image-gallery .gallery-item:nth-of-type(odd) {
          margin-left: 0px;
        }

        .single-event article.event .event-image-gallery .gallery-item:nth-of-type(even) {
          margin-right: 0px;
        }

        .single-event article.event .event-image-gallery .gallery-item a {
          display: block;
        }

      .single-event article.event .event-image-gallery .gallery-item img {
        width: 100%;
        height: 100%;
      }


    .single-event article.event .event-origin-creators {
      font-family: 'Tabac G3 Regular Italic';
    }

      .single-event article.event .event-event-meta-back a {
        border: none;
      }

      .single-event article.event .featured-image figure {
        padding-top: 56.25%;
        position: relative;
        width: 100%;
        margin-bottom: 0;
      }

        .single-event article.event .featured-image figure img {
          width: -webkit-fill-available;
          position: absolute;
          width: 100%;
          height: 100%;
          top: 0;
          object-fit: cover;
          object-position: center;
        }

    .single-event article.event .entry-content {
      margin-top: calc(2 * var(--spacer) );
      margin-bottom: calc(2 * var(--spacer) );
    }

      .single-event article.event main {
        padding-right: 32px;
        margin-bottom: calc(2 * var(--spacer) );
      }

      .single-event article.event aside {
        margin-top: 0;
        margin-bottom: 0;
        /* padding-left: 64px; */
      }



  .event-opening-hours {}

    .event-opening-hours a {
      font-weight: 400;
    }

  .event-partners {
    margin-bottom: calc(.5 * var(--spacer) );
    margin-top: calc(2 * var(--spacer) );
  }

    .event-partners h5 {
      margin-bottom: calc(1 * var(--spacer) );
    }

    .event-partner {
      height: 60px;
      margin-right: calc(1 * var(--spacer) );
      margin-bottom: calc(.5 * var(--spacer) );
    }

      .event-partner span {
        display: block;
        max-width: 200px;
        height: 100%;
      }

      .event-partner a {
        display: inline-block;
        width: 100%;
        height: 100%;
      }

      .event-partner img {
        width: 100%;
        height: 100%;
      }




/* ------------- event-edu ------------- */
.type-event-edu {
  margin-bottom: calc(2 * var(--spacer) );
}

  .type-event-edu .post-header {
    margin-bottom: calc(.25 * var(--spacer) );
  }

    .type-event-edu .post-title {
      margin-bottom: 0;
      text-transform: none;
    }

      .type-event-edu .post-title a {
        text-decoration: none;
      }

      .type-event-edu .post-title a:hover {
        text-decoration: underline;
      }

      .type-event-edu .event-edu-category {
        margin-bottom: 0;
        font-size: 1.125rem;
        /* font-family: 'Tabac G3 Regular Italic'; */
        color: #808285;
      }

  .type-event-edu .featured-image {
    display: block;
    margin-bottom: calc(.5 * var(--spacer) );
    /* max-width: 320px; */
  }

  .type-event-edu .event-media .oembed-play {
    left: 13px;
  }

  .type-event-edu .post-excerpt {
    margin-bottom: calc(.5 * var(--spacer) );
  }

  .type-event-edu .post-meta {
    font-size: 0.875rem;
  }

    .type-event-edu .post-meta dt {
      width: 30%;
      align-self: self-start;
    }

    .type-event-edu .post-meta dd {
      width: 70%;
      margin: 0;
    }




  .loop-event-edu {}

    .loop-event-edu .oembed-play {
      display: none
    }

    .loop-event-edu .event-edu {
      margin-bottom: calc(2 * var(--spacer) ) !important;
    }


  .single-event-edu {}

    .single-event-edu .event-edu {
      margin-bottom: 0;
    }

    .single-event-edu .featured-image {
      max-width: none;
    }

    .single-event-edu .event-header {
      margin-top: -8px;
    }

    .single-event-edu .event-edu-form {

      background-color: #eee;
      padding: calc( 2 * var(--spacer) ) 0 calc( 1.5 * var(--spacer) );
      margin-top: calc( 2 * var(--spacer) );
      margin-bottom: calc( 2 * var(--spacer) );
    }

      .single-event-edu .event-edu-form .container {
        max-width: 768px;
      }

    .single-event-edu .post-meta {
      margin-top: calc(1 * var(--spacer) );
    }

    .single-event-edu .loop-event-edu  article .post-title {
      font-size: 1.75em;
    }




/* ------------- page ------------- */
.page {}

  .type-page {}

    .page-header {
      margin-bottom: calc( 1 * var(--spacer) );
      /* padding: calc( 1.5 * var(--spacer) ) 0;
      border-top: 3px solid;
      border-bottom: 3px solid; */
    }

    .page-title {
      margin: 0;
    }

    .page-subtitle {
      width: 66%;
      max-width: 768px;
      /* font-family: 'PT Serif', serif; */
      text-transform: none;
      margin-bottom: 0;
    }



/* ------------- archive.tax-event-categories ------------- */
.archive.tax-event-categories {}

  .archive.tax-event-categories .tax-name {
    margin-bottom: calc(.5 * var(--spacer));
  }

	.archive.tax-event-categories .tax-description {
		margin-bottom: calc(1 * var(--spacer));
	}

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

	.archive .blog h2 {	}

	.archive .blog article.post {
		display: inline-block;
		margin-bottom: 40px;
	}

		.archive .blog article.post h2 {}

			.archive .blog article.post h2 a {
				text-decoration: none;
			}

      .meta-read-more {
        margin: 12.5px 0;
        font-size: 14px;
      }

      .post__excerpt {
        margin-bottom: calc(1 * var(--spacer));
        line-height: normal;
      }


.blog {
	margin: 0 0 50px;
}

	.blog .blog-socket {
		border-top: 1px solid #ddd;
		padding: 4px 0;
		font-style: italic;
		font-size: 1em;
		margin: 0 0 8px;
	}

		.blog .blog-categories {
			font-style: normal;
			font-size: 15px;
			font-family: 'Intro Bold', sans-serif;
			text-transform: uppercase;
			line-height: 1.6em;
		}

			.blog .blog-categories a {
				text-decoration: none;
			}

				.blog .blog-categories a {
					border-bottom: 1px solid;
				}

				.blog .blog-categories a:hover {
					border: none;
				}

	.blog article.post header {
		margin: 0;
		padding-bottom: 20px;
		background-color: #fff;
	}

		.blog article.post .is-sticky-blog-header {
			padding-bottom: 20px;
			background-color: #fff;
			z-index: 100;
			position: relative;
		}

			.blog article.post .is-sticky-blog-header.is-sticky header {

			}

	.blog article.post header h2 {
		text-align: left;
		margin: 25px 0 0;
		padding: 20px 0 5px;
		border: none;
    border-top: 3px solid;
	}

		.blog article.post header h2 a:hover {
			text-decoration: underline;
		}

	.blog article.post header .post-meta {
		color: #999;
		font-family: 'Intro Regular', sans-serif;
		text-transform: uppercase;
		font-size: .8125rem;
		margin-top: 3px;
	}

	.blog article.post header .post-meta a {
		color: #999;
		text-decoration: none;
	}

  .blog article.post .featured {
    padding-top: 56.25%;
  }



/* ------------- wpa9-wp-events ------------- */
.so-widget-wpa9-wp-events {}

  .so-widget-wpa9-wp-events .widget-header {
    margin-bottom: calc(.5 * var(--spacer));
  }

  .so-widget-wpa9-wp-events .widget-title {
    margin: 0;
  }

  .so-widget-wpa9-wp-events .widget-subheadline {}



/* ------------- footer ------------- */
footer {
  background-color: #111;
  color: #fff;
  padding: 32px 0;
  font-size: .875em;
}

  footer a,
  footer a:hover {
    color: #fff;
  }

  footer h5 {
    margin-bottom: 24px;
  }

  footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
  }


  footer .site-brand {}

    footer .site-brand .site-title {
      filter: invert(1);
      width: 160px;
      height: 22px;
    }

  footer .socialni-site {
  }

    footer .socialni-site li {
      display: inline-block;
      margin-bottom: 8px;
      margin-right: 16px;
    }

  footer .gm-link {
    line-height: normal;
    margin-top: 16px;
  }

  /* footer .soc-net {}

    footer .soc-net li.fab {
      font-size: 40px;
      margin-right: 20px;
      color: #ccc;
    }

    footer li.fab:before {
      position: absolute;
      z-index: 1;
    }

      footer .soc-net li a {
        width: 40px; height: 40px;
        display: inline-block;
        padding: 0;
        position: relative;
        z-index: 2;
      }

        footer .soc-net li a span {
          display: none;
        } */

.negative {
  color: #fff;
}

  .negative button, .negative .button, .negative .btn, .negative .btn-primary,
  .negative input[type="submit"], .negative .submit {
    border-color: #fff;
    color: #fff;
  }

  .negative button:hover, .negative .button:hover, .negative .btn:hover, .negative .btn-primary:hover,
  .negative input[type="submit"]:hover, .negative .submit:hover {
    border-color: #fff;
    background-color: #fff !important;
    color: var(--c-black);
  }





/* ------------- gallery ------------- */
.gallery {

}

  .gallery .gallery-item {
    /* margin-bottom: calc(0.25 * var(--spacer));
    margin-right: calc(0.125 * var(--spacer));
    margin-left: calc(0.125 * var(--spacer)); */
  }

  .gallery .gallery-item img {


  }

    .gallery.gallery-columns-1 {}

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

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

    .gallery.gallery-columns-2 {}

      .gallery.gallery-columns-2 .gallery-item {
        flex: 0 0 auto;
        width: calc(50% - calc(0.25 * var(--spacer)));
      }

  				.wp-gallery.gallery-columns-2 .gallery-item:nth-of-type(1) {
  				}

  				.wp-gallery.gallery-columns-2 .gallery-item:nth-of-type(3) {
  				}

      .wp-gallery.gallery-columns-3 {}

        .wp-gallery.gallery-columns-3 .gallery-item {

  			}


  		.wp-gallery.gallery-columns-4 {}

  			.wp-gallery.gallery-columns-4 .gallery-item {

  			}







/*************************************
 + SOW Widgets
*************************************/
/* ------------- general ------------- */
.wpa9-width-full {
  width: 100%;
  width: 100vw;
  position: relative;
  margin-left: -50vw;
  left: 50%;
}


/* ------------- custom row setting ------------- */
.panel-row-padding-small {
  padding: calc(.5 * var(--spacer)) 0;
}

.panel-row-padding-normal {
  padding: calc(1 * var(--spacer)) 0;
}

.panel-row-padding-big {
  padding: calc(1.5 * var(--spacer)) 0;
}

/* ------------- sow-editor ------------- */
.so-widget-sow-editor {

}

.widget_sow-editor.width-narrow > div,
.panel-row-width-narrow > div {
  max-width: 768px;
  margin: 0 auto;
}

.panel-row-width-super-narrow > .panel-grid-cell {
  max-width: 576px;
  margin: 0 auto;
}


.so-parallax {

}

  .panel-row-style[data-siteorigin-parallax] {
    min-height: calc(100vh / 1.6667) !important;
  }

  .so-parallax img {
    height: auto !important;
  }


/* ------------- so-widget-sow-image ------------- */
.so-widget-sow-image {
  display: block;
  width: 100%;
  /* max-width: 960px; */
  margin: 0 auto;
}

  .so-widget-sow-image .sow-image-container.crop_16x9 {
    position: relative;
    width: 100%;
    margin-bottom: 0;
    padding-top: 56.25%;
  }

    .so-widget-sow-image .sow-image-container.crop_16x9 img {
      position: absolute;
      width: 100%;
      height: 100% !important;
      top: 0;
      object-fit: cover;
      object-position: center;
    }


/* ------------- so-widget-sow-testimonials ------------- */
.so-widget-sow-testimonials .widget-title {
  font-size: 1.5em;
  font-weight: 100;
  line-height: 1.3;
  text-align: center;
  text-transform: none;
}




/* ------------- masonry ------------- */
.masonry {
  margin-right: calc(var(--spacer) * -.5);
  margin-left: calc(var(--spacer) * -.5);
}

  .masonry .so-panel {
    width: 33%;
    padding-right: calc(var(--spacer) * .5);
    padding-left: calc(var(--spacer) * .5);
  }

  .masonry-col-2 .so-panel {
    width: 50%;
  }

  .masonry-col-3 .so-panel {
    width: 33%;
  }



/* ------------- sow widget_media_video ------------- */
.widget_media_video {}

  .widget_media_video .widget-title {
    font-size: 1.5em;
    font-weight: 100;
    line-height: 1.3;
    text-transform: none;
  }



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

  .sow-image-grid-image {
    align-content: center;
    width: auto;
  }

    .sow-image-grid-image a {
      display: block;
      text-decoration: none;
    }

    .sow-image-grid-image a figcaption {
      font-size: 0.875rem;
      margin-top: 10px;
    }

  .partners .sow-image-grid-wrapper {

  }

    .partners .sow-image-grid-wrapper .sow-image-grid-image {
      min-height: 100px;
    }

    .partners .sow-image-grid-wrapper img {
      /* max-width: 130px !important;
      max-height: 60px; */
    }

/* ------------- wpa9-card-m ------------- */
.wpa9-card-m-container {

}

  .wpa9-card-m-container .rounded {
    border-radius: unset !important;
  }

  .wpa9-card-m-container .shadow {
    box-shadow: none !important;
  }

  .wpa9-card-m-container .wpa9-panel {
    border-top: 1px solid;
    border-bottom: 1px solid;
  }

  .wpa9-card-m-container .wpa9-panel:hover {
    background: #000;
    color: #fff;
  }

/* ------------- wpa9-card-m-ext ------------- */
.wpa9-card-m-ext-container {}

  .wpa9-card-m-ext-container .wpa9-card-m-ext-panel {
    background-color: transparent !important;
  }

  .wpa9-card-m-ext-container .wpa9-card-title {
    /* font-size: 1.1875rem; */
    margin-bottom: 0;
  }

  .wpa9-card-m-ext-container header {
    padding: calc(.5 * var(--spacer)) calc(.25 * var(--spacer)) 0;
  }

  .wpa9-card-m-ext-container .wpa9-card-content {
    padding: calc(.5 * var(--spacer)) calc(.25 * var(--spacer));
  }

  .wpa9-card-m-ext-container .wpa9-card-link {
    border: none;
  }

  .wpa9-card-m-ext-container .wpa9-card-link figure {
    background-color: #000;
  }

    .wpa9-panel.linked:hover .wpa9-card-image img {
      /* -webkit-filter: grayscale(100%) contrast(110%) brightness(110%);
      -moz-filter: grayscale(100%) contrast(110%) brightness(110%);
      filter: grayscale(100%) contrast(110%) brightness(110%); */
      opacity: 1;
      -webkit-filter: saturate(0) brightness(1.1);
      -moz-filter: saturate(0) brightness(1.1);
      filter: saturate(0) brightness(1.1);

    }

  .wpa9-card-m-ext-container .wpa9-card-link .wpa9-card-title {
    display: inline-block;
    border-bottom: 2px solid transparent;
    margin-bottom: 1px;
    line-height: normal;
  }

    .wpa9-card-m-ext-container .wpa9-panel.linked:hover .wpa9-card-link .wpa9-card-title {
      border-bottom: 3px solid;
      margin-bottom: 0px;
    }

  .wpa9-card-m-ext-container .wpa9-card-m-ext-panel .meta-buttons {
    margin: 0;
    padding: calc(.5 * var(--spacer)) calc(.5 * var(--spacer)) calc(.5 * var(--spacer));
  }

  .wpa9-card-m-ext-container .wpa9-columns-carousel .wpa9-panel {
    padding-right: calc(.5 * var(--spacer));
  }





/* ------------- wpa-cta ------------- */
.wpa9-cta {
  margin: 0;
}

  .wpa9-cta.c-layout-dark {
    background-color: var(--c-black);
    padding: calc(1.25 * var(--spacer));
  }

  .wpa9-cta.c-layout-dark * {
    color: #fff;
  }


  .wpa9-cta .wpa9-cta-title {
    font-size: 2.5em;
    text-transform: uppercase;
  }

    .wpa9-cta .wpa9-cta-content {

    }

      .wpa9-cta .wpa9-cta-content h5 {
        margin-bottom: calc(.75 * var(--spacer) );
      }

    .wpa9-cta .wpa9-cta-text {

    }

      .wpa9-cta.c-layout-dark .btn:hover {
        background-color: #fff;
        border-color: #fff;
        color: var(--c-black);
      }


/* ------------- wpa9-cta-banner ------------- */
.wpa9-cta-banner {
  width: 100vw;
  margin-right: calc(var(--spacer) * -.5);
  margin-left: calc(var(--spacer) * -.5);
  max-height: none !important;
}

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

  .wpa9-cta-banner-title {
    margin-bottom: calc(.25 * var(--spacer) );
    color: #E27E6A;
  }

  .wpa9-cta-banner-subtitle {
    font-family: 'Intro Bold';
    font-size: 1.25em;
    line-height: 1.25;
    margin-bottom: calc(.5 * var(--spacer) ) !important;
  }

  .wpa9-cta-banner-buttons {

  }

    .wpa9-cta-banner-buttons .btn {
      background-color: var(--c-black);
      color: #fff !important;
      padding: 8px 42px 5px;
      margin: 0 auto;
    }

    .wpa9-cta-banner-buttons .btn:hover {
      background-color: #fff;
      color: var(--c-black) !important;
    }

    .wpa9-cta-banner-image {
      position: relative;
      max-height: none !important;
    }

      .wpa9-cta-banner-image:not(.full-width) img {
        height: 100%;
      }

      .wpa9-cta-banner-image:not(.full-width) img {
        position: absolute;
        height: 100%;
        top: 0;
        object-fit: cover;
        object-position: center;
      }

      .wpa9-cta-banner-image span {
        display: block;
        position: absolute;
        width: 100%; height: 100%;
        left: 0; right: 0; top: 0; bottom: 0;
        /* background-color: #E27E6A; */
        mix-blend-mode: color;
        opacity: 0;
      }




/* ------------- wpa9-persons  ------------- */
.wpa9-persons {}

  .wpa9-persons-panel {}

    .wpa9-persons-panel .wpa9-persons-name {
      margin-bottom: 0;
      font-family: 'Tabac G3 SemiBold';
      font-size: 1rem;
    }

    .wpa9-persons-panel .featured-image {
      max-width: 180px;
      width: 180px;
      height: 180px;
    }

      .wpa9-persons-panel .featured-image img,
      .wpa9-persons-panel .featured-image span {
        border: 10px solid #eee;
        background-color: #fff;
      }





/* ------------- wpa9-hero-header ------------- */
.wpa9-hero-header {
  /* flex-direction: row !important; */
  /* max-width: 1090px; */
}

  .wpa9-hero-header .wpa9-hero-header-content {
    /* background-color: var(--c-black); */
  }

  .wpa9-hero-header.c-layout-dark .wpa9-hero-header-content * {
    color: #fff;
  }


    .wpa9-hero-header .wpa9-hero-header-title {
      font-size: 2.25em;
      text-transform: uppercase;
    }

    .wpa9-hero-header .wpa9-hero-header-text {

    }

      .wpa9-hero-header .wpa9-hero-header-content .wpa9-hero-header-text h3 {
        font-size: 1.375em;
      }

      .wpa9-hero-header .wpa9-hero-header-content .wpa9-hero-header-text h5 {
        margin-bottom: calc(.75 * var(--spacer) );
      }


  .wpa9-hero-header-image {
    width: 100%;
    /* background-color: rgba(34,34,34,.6);
    background-blend-mode: luminosity; */
  }

      .wpa9-hero-header.c-layout-dark .btn:hover {
        background-color: #fff;
        border-color: #fff;
        color: var(--c-black);
      }


  .wpa9-hero-header.fullwidth {}

    .wpa9-hero-header.fullwidth .wpa9-hero-header-content {
      padding-top: calc(1 * var(--spacer));
      padding-bottom: calc(1.25 * var(--spacer));

    }



/* ------------- form-modal ------------- */
.form-modal {}

  .form-modal .form-close {
    position: absolute;
    right: 10px;
    top: 20px;
    border: none;
    background-color: transparent;
  }

  .modal-content {
    border: 3px solid var(--c-black);
    border-radius: 0;
  }








/*************************************
 + Footer & Sockets
*************************************/

.partneri-footer {

}

  .partneri-footer .widget_sow-image-grid {
    margin-bottom: 16px !important;
  }

  .partneri-footer .sow-image-grid-wrapper {
    /* margin-left: -36px; */
    margin-bottom: 8px;
    text-align: left !important;
    margin-left: 0;
    margin-right: 0;
  }

/*************************************
 + Gravity Forms
*************************************/

/* ------------- Gravity Forms ------------- */
.gform_wrapper {
  margin: 0 auto 0;
  width: 100%;
}

body .gform_heading {
  margin-bottom: calc(1 * var(--spacer));
}

  body .gform_heading .gform_description {
    font-weight: 600;
  }

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

    .gform_wrapper .span-4 {
      grid-column: span 4 !important;
    }

    .gform_wrapper .span-6 {
      grid-column: span 6 !important;
    }

    .gform_wrapper .span-8 {
      grid-column: span 8 !important;
    }

  }

body .gform_wrapper.gravity-theme .gfield_label {
  margin-bottom: 2px;

}

body .gform_wrapper.gravity-theme .field_description_above .description,
body .gform_wrapper.gravity-theme .field_description_above .gfield_description,
body .gform_wrapper.gravity-theme .field_description_above .gsection_description,
body .gform_wrapper.gravity-theme .field_description_above .instruction {
  padding-bottom: 4px;
  color: #808285;
  font-size: .875rem;
  font-family: 'Tabac G3 Regular Italic';
}

body .gform_wrapper input[type="submit"]{
  max-width: 320px;
}

body .gform_confirmation_wrapper {
  padding: 32px;
  background-color: var(--c-green);
  margin-bottom: 16px;
}


body .gform_wrapper.gravity-theme .gfield_checkbox label,
body .gform_wrapper.gravity-theme .gfield_radio label {
  font-size: inherit;
}

  body .gform_confirmation_wrapper:not(.gform-theme--framework) .gpoll_button,
  body .gform_legacy_markup_wrapper .gpoll_button, .gravity-theme .gpoll_button,
  body .gform-theme-button {
    text-decoration: none;
  }

  body .gform_confirmation_wrapper:not(.gform-theme--framework) .gpoll_bar_count,
  body .gform_legacy_markup_wrapper .gpoll_bar_count,
  body .gravity-theme .gpoll_bar_count {
    color: #000;
    text-shadow: none;
    padding: 8px;
  }

  body .gpoll_button {
    position: relative;
    top: 2px
  }


  body .has_first_name.no_middle_name.has_last_name {
    display: flex;
    justify-content: space-between;
  }

  body .has_first_name.no_middle_name.has_last_name .name_first,
  body .has_first_name.no_middle_name.has_last_name .name_last {
    width: 49%;
  }






/*************************************
 +SOW
*************************************/

.site-content .sow-contact-form {
  padding: 0;
  border: none;
  background-color: transparent;
}

  .site-content .sow-form-field {
    margin-bottom: calc(0.25 * var(--spacer));
  }

    .site-content .sow-form-field label {
      margin-bottom: 4px;
    }

  .site-content .sow-submit-wrapper {}

    .site-content .sow-submit-wrapper .sow-submit {
      width: auto;
      padding-right: 32px;
      padding-left: 32px
    }

  .site-content .sow-contact-form-success {
    padding: 10px 15px;
    border-bottom: 5px solid #fff;
    background: #d4f3ce;
  }




/*************************************
 +Subscription plugin
*************************************/
.show-subscription-form-modal {

}

.show-subscription-form {
	font-family: 'Intro Bold', verdana, sans-serif;
	/* margin-top: 6px; */
}

	.show-subscription-form a {
		display: block;
		color: var(--c-main);
		font-weight: bold;
		background-color: var(--grey-light-color);
		padding: 8px 10px 4px;
		line-height: 1.2em;
		/* top: -3px; */
		position: relative;
		margin: 0 auto;
		/* width: 310px; */
		text-align: center;
		text-transform: uppercase;
	}

		.show-subscription-form a:hover {
			background-color: var(--c-main);
			color: #fff;
		}

.subscription-form input {
	border: 2px solid var(--c-main);
  padding: 6px 12px;
  text-transform: none;
  margin: 2px 0;
  background: #fff;
}

.subscription-form input[type="submit"] {
	text-transform: uppercase;
	color: var(--c-main);
	border: none;
	font-size: 120%;
	font-weight: 700;
	position: relative;
	padding: 11px 15px 8px;
	border: 1px solid;
}

	.subscription-form input[type="submit"]:hover {
		cursor: pointer;
		background-color: var(--c-main);
		color: #fff;
	}

  .subscription-form .alert {
    margin-bottom: 0;
    --bs-alert-color: #000;
    --bs-alert-bg: transparent;
    --bs-alert-border-color: transparent;
  }


/* ------------------ NL wrapper submit form ------------------ */
.g-recaptcha {
  margin: 1.4em 0;
}

.subscription-form-wrapper a {
	text-decoration: underline;
}


.subscription-form-modal-wrapper {
	display: none;
	width: 100%;
	background-color: rgba(221,221,221,.8);
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1002;
}


.subscription-form-modal-wrapper .subscription-form {
	display: block;
	position: relative;
	margin: 0 auto;
	top: 20%;
	z-index: 1001;
	/* border: 2px solid var(--grey-light-color); */
	background-color: #fff;
  width: 80%;
  max-width: 768px;
  padding: 40px 60px;
	text-align: left;
}

	.subscription-form-modal-wrapper .subscription-form h2 {
		margin-bottom: calc(.5 * var(--spacer) );
	}

	.subscription-form-modal-wrapper .subscription-form .submit-area {
		display: block;
		margin: .7em 0;
	}


	.subscription-form-modal-wrapper .subscription-form .submit-area {
		margin: .7em 0 0;
	}

		.subscription-form-modal-wrapper .subscription-form .submit-area input {
			width: auto;
		}

		.subscription-form-modal-wrapper .subscription-form .icon-close{
			position: absolute;
			top: 18px;
			right: 18px;
			display: block;
			width: 20px;
			height: 20px;
		}


			.subscription-form-modal-wrapper .subscription-form .icon-close span {
				display: none;
			}






    .field-group-email {
      /* margin: calc(1 * var(--spacer)) 0; */
    }

      .field-group-email input {
        max-width: 320px;
        /* padding: 10px 16px;
        font-size: 1.125em; */
      }

    .field-group-gdpr {

    }

      .field-group-gdpr input {
        margin-right: 15px;
      }

      .field-group-gdpr label {
        font-size: .875rem;
      }

    .field-group-preferences {
      margin-left: -1.5em;
      margin-bottom: calc( 1 * var(--spacer) );
    }

      .field-group-preferences input.form-check-input {
        float: none;
        display: inline-block;
        margin: 4px 0 0;
      }

      .field-group-preferences label {
        display: inline-block;
        width: auto;
        margin: 0 12px 0 4px;
      }

    .field-group-submit {

    }

      .field-group-submit input,
      .field-group-submit button {
        /* max-width: 280px; */
        padding-right: 32px;
        padding-left: 32px;
      }



/*************************************
 + Plugins
*************************************/


/* ------------------ GTranslate ------------------ */
.gtranslatewrapper {
  margin-left: calc(.7 * var(--spacer) );
  font-family: 'Intro Bold', sans-serif !important;
  font-size: .875rem !important;
}

  .gtranslatewrapper .glink {
    padding: 0 2px 2px;
  }

    .gtranslatewrapper .glink:hover {
      /* text-decoration: underline; */
      border-bottom: 2px solid;
    }

  .gtranslatewrapper .gt-current-lang {
    display: none;
  }

  .gt_float_switcher {

  }

    .gt_float_switcher .gt-selected .gt-current-lang {
      padding: 3px;
    }

    .gt_float_switcher img {
      display: none !important;
    }


/* ------------------ EM booking-form ------------------ */

.em-item-header, .em-event-bookings, .em-booking-section-title, .em-tickets thead {
  display: none;
}

.em-booking {
	margin-bottom: 0px;
}

	.em-booking .event-available-spaces {
		margin-bottom: 5px;
	}

	.em-booking .message {
		padding: 15px;
		margin-bottom: 20px;
	}

		.em-booking .message-info {
			background: #fcf2cd;
		}

	.em-booking .icon {
		display: block;
	}

		.em-booking .icon-visa-mastercard {
      position: relative;
			background-image: url('images/icon-visa-mastercard.svg');
			background-repeat: no-repeat;
			background-size: auto;
			width: 102px; height: 30px;
			margin-bottom: 12px;
      margin-left: 12px;
      top: -2px;
		}

.em-booking-form {}

	.em-booking-form label {
		margin: 3px 0;
		display: block;
		width: 100%;
		float: none;
	}


	.em-booking-form .em-tickets {
    margin-bottom: calc(.5 * var(--spacer));
  }

		.em-booking-form .em-tickets td {
			padding: 12.5px 0;
			font-weight: 700;
		}

			.em-booking-form .em-tickets td .ticket-desc {
				font-weight: 400;
			}

			.em-bookings-ticket-table-type {
				width: 60%;
			}

			.em-bookings-ticket-table-price {}

			.em-bookings-ticket-table-spaces {}



	.em-booking-form .em-booking-form-details {
		width: 100%;
		padding: 0;
	}

			.em-booking-form .em-booking-form-details p {
				margin: 0 0 12.5px;
			}

		.em-booking-form .em-booking-form-details input.input,
		.em-booking-form .em-booking-form-details textarea {
      width: 100%;
		}

		.em-booking-form .em-booking-form-details textarea {
			height: 100px;
		}

		.em-booking-form .em-booking-form-details .em-ticket-select {
			width: 92%;
			font-size: 100%;
		}

		.em-booking-form .em-booking-form-details .em-booking-submit {
			width: 100%;
			margin: 12.5px 0;
		}

    .em-booking-form .input-field-accept_gdpr input {
      position: relative;
      width: auto;
      margin-right: 8px;
      top: 1px;
    }

      .em-booking-form .input-field-accept_gdpr input:hover {
        cursor: pointer;
      }

    .em-booking-form .em-booking-submit {
      padding: 16px 36px 15px;
      font-size: 1.375rem;
      line-height: 1;
      letter-spacing: 1px;
      background: var(--c-green);
      color: #000;
      border: 1px solid var(--c-green);
      text-transform: uppercase;
    }

      .em-booking-form .em-booking-submit:hover {
        border: 1px solid;
        background: var(--c-main);
        color: #fff;
      }


    .em-booking-info {
      margin: calc(1 * var(--spacer)) 0 0 0;
    }

      .em-booking-info.em-wheel {

      }


    .em-booking-message {}

      .em-booking-message.em-booking-message-error {
        background-color: #ba1826;
        padding: 15px 20px;
        color: #fff;
        margin-bottom: 12px;
        font-weight: 600;
      }

      .em-booking-message-success {
        background-color: #d4f3ce;
        padding: 15px 20px;
        color: #000;
        margin-bottom: 12px;
        font-weight: 600;
      }

    .input-field-booking_ecm_subscription {
      /* margin-bottom: calc(1 * var(--spacer)) !important; */
      font-weight: 700;
    }

    #booking_ecm_subscription {
      display: inline-block;
      margin-right: 10px;
      position: relative;
      top: 2px;
      width: 1em;
      height: 1em;
      border: 1px solid #c0c0c0;
    }

    .em-booking-form .field-group-preferences label {
      display: inline-block;
      width: auto;
      margin: 0 12px 0 4px;
    }

/* ------------------ EM Location widget ------------------ */
.em-locations-widget {
  display: flex;
  flex-flow: row;
  flex-wrap: wrap;
}

  .em-locations-widget .em-location {
    width: 25%;
    margin-bottom: calc( 1 * var(--spacer));
  }

    .em-locations-widget .em-location .em-item-name {
    }

      .em-locations-widget .em-location .em-item-name a {
        text-decoration: none;
      }

    .em-locations-widget .em-location .em-item-meta {
      font-size: 0.875em;
      font-size: 1.1;
    }



/* ------------------ Flickity ------------------ */

.carousel-cell {
  width: 100%;
}

.flickity-viewport {
  transition: height 0.25s;
}

  /* fade effect */
  /* .flickity-slider {
    transform: none !important;
  }

  .carousel-cell {
    left: 0 !important;
    opacity: 0;
    transition: opacity 0.75s ease-in-out;
    z-index: -1;
  }

  .carousel-cell.is-selected {
    opacity: 1;
    z-index: 0
  } */

/* no circle */
.flickity-button,
.flickity-button:hover {
  padding: 0;
  background: #eee;
  border: 5px solid #000;
}

  .flickity-button:hover,
  .flickity-button:active {
    background: #fff;
    opacity: 1;
  }


.flickity-prev-next-button {
  top: 112px;
  width: 54px;
  height: 54px;
}

  .flickity-prev-next-button .flickity-button-icon {
    left: 26%;
    top: 28%;
    width: 45%;
    height: 45%;
  }

  .flickity-prev-next-button.next {
    right: 15px;
  }

  .flickity-prev-next-button.previous {
    left: 15px;
  }

    .flickity-prev-next-button.previous .flickity-button-icon {
      left: 28%;
    }



/* icon color */
.flickity-button-icon {
  fill: #000;
}
/* hide disabled button */
.flickity-button:disabled {
  display: none;
}


/* ------------------ fancybox ------------------ */
.fancybox-bg {
  /* background-color: var(--c-grey-dark); */
  opacity: 1 !important;
}

  .fancybox-content {
    /* border: 0px solid var(--c-black); */
  }

  .fancybox-button, .fancybox-button:link, .fancybox-button:visited {
    color: #ccc !important;
  }

  .fancybox-button:hover {
    border: none !important;
  }



/* ------------------ support-hranicar ------------------ */
.support-hranicar a {
  text-decoration: none;
  padding: 6px 20px 4px !important;
  border: 3px solid #000 !important;
  background: #fff151 !important;
  font-family: 'Intro Bold';
  text-transform: uppercase;
}

  .support-hranicar a:hover {
    background-color: #000 !important;
    color: #fff !important;
  }



#header-socket-nav {}

  .header-socket-nav-mobile .support-hranicar {
    margin-right: 20px;
  }

  .support-hranicar {
    margin: 0 0 0 auto;
  }


/* ------------------ darujme-widget ------------------ */
.darujme-widget {}

  .darujme-widget iframe html body .widget-body {
    padding: 0 !important;
  }


/* ------------------ cookie-consent ------------------ */
.cc_div {}

  .cc_div button {
    border-radius: 0 !important;
  }

  .cc_div .font-weight-normal {
    display: none;
  }

  .cc_div .cc-link {
    background-color: #fff !important;
  }

  .cc_div .cc-link:active,
  .cc_div .cc-link:hover {
    border: none;
  }

  .cc_div .c-bn:hover,
  .cc_div .b-tl:hover {
    border: none;
  }

  .cc_div .b-tl:hover {
    color: var(--cc-btn-primary-bg);
  }

/*************************************
 + Misc
*************************************/
.hidden,
.panel-grid.panel-has-style > .panel-row-style.hidden,
.panel-grid.panel-no-style.hidden,
.panel-grid.panel-has-style > .panel-row-style.collapse:not(.show),
.panel-grid.panel-no-style.collapse:not(.show) {
  display: none;
}

.noborder {
  border: none;
}

/* ------------------ leto-na-ulici 2023 ------------------ */
.leto-na-ulici-program {
  margin-bottom: calc(0.25 * var(--spacer));
}

  .leto-na-ulici-program h4 {
    /* font-size: 1.125em; */
  }

  .leto-na-ulici-program td,
  .leto-na-ulici-program th {
    padding: 32px 16px;
    border: none;
  }

  .leto-na-ulici-program tr:nth-child(odd) {
    background-color: #f2f2f2;
  }

  .filmove-leto-na-ulici .gfield_checkbox .gchoice {
    margin-bottom: calc(0.25 * var(--spacer));
    display: inline-block;
    margin-right: 32px;
    font-size: 1.125rem;
    font-weight: 600;
  }

  .leto-na-ulici-program tr td:first-child,
  .leto-na-ulici-program tr td:nth-child(2) {
    font-family: 'Intro Bold';
  }

  .loop-events {}

    .loop-events .wpa9-card-m-ext-panel header {
      padding: calc(.5 * var(--spacer)) 0;
    }

    .loop-events .wpa9-card-title {
      font-size: 1.125rem;

    }

    .loop-events .wpa9-card-content {
      font-size: 0.875rem;
      padding: 0;
    }

  body .gform_confirmation_wrapper:not(.gform-theme--framework) .blue .gpoll_ratio_box,
  body .gform_legacy_markup_wrapper .blue .gpoll_ratio_box,
  body .gravity-theme .blue .gpoll_ratio_box {
    background-color: #56b08c;
  }

  body .gform_confirmation_wrapper:not(.gform-theme--framework) .blue .gpoll_bar_juice,
  body .gform_legacy_markup_wrapper .blue .gpoll_bar_juice,
  body .gravity-theme .blue .gpoll_bar_juice {
    background-color: #56b08c;
    background-image: none;
    border-radius: 4px;
  }

  body .gform_confirmation_wrapper:not(.gform-theme--framework) .gpoll_bar_juice:after,
  body .gform_legacy_markup_wrapper .gpoll_bar_juice:after,
  body .gravity-theme .gpoll_bar_juice:after {
    background-image: none;
  }

  body .gform_confirmation_wrapper:not(.gform-theme--framework) .gpoll_bar_juice,
  body .gform_legacy_markup_wrapper .gpoll_bar_juice,
  body .gravity-theme .gpoll_bar_juice {
    border-end-end-radius: 0px;
    border-start-end-radius: 0px;
    box-shadow: none;
  }


  .postid-15345 .em-booking-wrapper,
  .postid-15476 .em-booking-wrapper {
    display: none;
  }