/*
Theme Name: Skřivánek – jazyková agentura
Theme URI: https://skrivanek.cz
Author: Ales Loziak, Libor Svoboda
Author URI: https://apollo1.cz/, https://tajpej.cz
Description:
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: skrivanek
Requires at least: 4.7
Requires PHP: 7.0.0
Tested up to: 5.6
Tags: blog, custom-menu, featured-images, translation-ready, custom-background
*/

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

/* Load base styles, used also for WYSIWIG editor in admin */
/* @import url('style-base.css'); */

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

}

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

.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: 10px;
  padding-left: 10px;
}

.row {
  /* margin-right: -20px;
  margin-left: -20px; */
  --bs-gutter-x: 10px;
  margin-right: 0;
}

.shadow {
  -webkit-box-shadow: var(--shadow) !important;
	box-shadow: var(--shadow) !important;
}

.rounded {
  border-radius: 4px !important;
}

.ml-auto, .mx-auto {
    margin-left: auto !important;
}

.mr-auto, .mx-auto {
    margin-right: auto !important;
}


.f-general, .f-hind { font-family: 'Hind', sans-serif; }
.f-headlines, .f-noto-serif { font-family: 'Noto Serif', serif; }
.f-supplementary { }


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

  @media only screen and (max-width: 1199px) {
    .navbar .container-xl {
      padding: 0;
    }
  }



/* ------------- modal / bs-modal ------------- */
.modal {}

  .modal form input,
  .modal form textarea,
  .modal form select {
    background-color: #fff;
    border-color: var(--c-grey-l) !important;
  }

  .modal form input[type="submit"]{
    background-color: var(--c-main-btn);
    color: #fff;
    border-color: var(--c-main-btn);
  }

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

  .form-modal {
    height: calc(100vh - 88px);
    position: absolute;
    z-index: 2000;
    top: 80px; left: 0;
    width: 100%;
    margin: 0;
  }

  .modal-content {
    border: none;
    border-radius: 0;
  }

  .modal-header {
    border: none;
    padding: 0;
  }

  .modal-open {
    overflow: hidden;
    position:fixed;
    width: 100%;
    height: 100%;
  }

  .modal-backdrop {
    background-color: #fff;
  }

  .wpa9-modal {
    background-color: rgba(255, 255, 255, 0.8);
  }


    .form-modal .modal-content {
      background-color: var(--c-grey-l);
      padding: 0 20px;
    }

    .form-modal .modal-dialog {
      position: relative;
      max-width: 100%;
      margin: 0 auto;
    }

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

      .form-modal .form-close:hover {
        background-image: url('images/icon-close-hover.svg');
      }


@media only screen and (min-width: 1200px) {
  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    /* padding-left: 0;
    padding-right: 0; */
  }
}


/* form control */
.form-check-input {
  width: auto;
  height: auto;

  -webkit-appearance: auto;
  -moz-appearance: auto;
  appearance: auto;
}

.invalid-feedback {
  width: max-content;
  font-size: 1em;
  font-weight: 400;
  background-color: #dc3545;
  color: #fff;
  padding: 6px 16px 4px;
}




/*************************************
+ 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: 0;
  width: 100%;
  justify-content: center;
}

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

/* body .panel-layout .panel-grid:first-of-type > .siteorigin-panels-stretch, */
body .panel-layout .panel-grid:first-of-type > div {
  padding: 20px 0 80px 0;
}

/* body .so-widget-skrv-incl-widget > .panel-layout > .panel-grid > .siteorigin-panels-stretch, */
body .so-widget-skrv-incl-widget > .panel-layout > .panel-grid > div {
  padding: 80px 0 80px 0;
  justify-content: center;
}

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



  body .panel-layout .panel-grid .so-widget-skrv-incl-widget .siteorigin-panels-stretch {
    /* position: relative;
    width: 100vw;
    margin-left: -50vw !important;
    margin-right: 0 !important;
    padding-left: var(--spacer) !important;
    padding-right: var(--spacer) !important;
    left: 50%; */
  }


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

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

  body .panel-layout .panel-grid { margin-bottom: 0; }

}

@media only screen and (max-width: 992px) {
  body .panel-layout .panel-grid > .panel-row-style,
  body .panel-layout .panel-grid > .panel-grid-cell {
    padding-top: 50px !important;
    padding-bottom: 50px !important;
  }
}

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

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








/* ------------- Wysiwyg editor / siteorigin-widget-tinymce ------------- */
.siteorigin-widget-tinymce p,
.siteorigin-widget-tinymce ul,
.siteorigin-widget-tinymce table {
  font-size: 1.125rem;
}

.siteorigin-widget-tinymce p *,
.siteorigin-widget-tinymce ul *,
.siteorigin-widget-tinymce table * {
  font-size: 1rem;
}

.siteorigin-widget-tinymce h4:first-of-type {
  margin-top: 0;
}

.siteorigin-widget-tinymce p:last-child,
.siteorigin-widget-tinymce ul:last-child,
.siteorigin-widget-tinymce ol:last-child,
.siteorigin-widget-tinymce dl:last-child {
  margin-bottom: 0;
}



/* ------------------ embed (video & iframe) responsive ------------------ */
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}

.embed-container iframe,
.embed-container object,
.embed-container embed,
.embed-container video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* ------------------ WP media containers ------------------ */
.mejs-container {

}

/* ------------------ BS spinner ------------------ */




/* ------------------ WP gallery ------------------ */
.gallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

  .gallery .gallery-item {
    position: relative;
    margin-bottom: calc(1 * var(--spacer));
  }

    .gallery .gallery-item a {
      display: block;
      width: 100%;
    }

    .gallery .gallery-item img {
      position: relative;
      display: block;
      width: 100%;
      height: 100%;
    }

    .gallery .gallery-item .gallery-caption {
      display: none;
    }

    .gallery.gallery-columns-2 .gallery-item,
    .gallery.gallery-columns-3 .gallery-item {
      flex: 0 0 auto;
      width: 100%;
    }



.border-top-c-default { border-top-color: var(--c-main-hover) }
.border-top-c-red { border-top-color: var(--c-red) }
.border-top-c-blue { border-top-color: var(--c-blue) }
.border-top-c-black { border-top-color: var(--c-black) }
.border-top-c-yellow { border-top-color: var(--c-yellow) }
.border-top-c-green { border-top-color: var(--c-green) }
.border-top-c-grey-d { border-top-color: var(--c-grey-d) }

.border-bottom-c-default { border-bottom-color: var(--c-main-hover) }
.border-bottom-c-red { border-bottom-color: var(--c-red) }
.border-bottom-c-blue { border-bottom-color: var(--c-blue) }
.border-bottom-c-black { border-bottom-color: var(--c-black) }
.border-bottom-c-yellow { border-bottom-color: var(--c-yellow) }
.border-bottom-c-green { border-bottom-color: var(--c-green) }
.border-bottom-c-grey-d { border-bottom-color: var(--c-grey-d) }




.wp-caption-text {
  margin-top: 4px;
  font-size: .8125em;
  margin-right: 10px;
  text-align: right;
}


/* ------------- icons ------------- */
.icon {
  display: inline-block;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  width: 20px; height: 20px;
}

  button.icon {
    min-width: inherit;
    border: none;

    margin: 0;
    padding: 0;
  }

  .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-globe {
    background-image: url('images/icon-globe.svg');
  }

  .icon-facebook { background-image: url('images/icon-facebook.svg'); }
  .icon-facebook:hover { background-image: url('images/icon-facebook-hover.svg'); }

  .icon-linkedin { background-image: url('images/icon-linkedin.svg'); }
  .icon-linkedin:hover { background-image: url('images/icon-linkedin-hover.svg'); }

  .icon-instagram { background-image: url('images/icon-instagram.svg'); }
  .icon-instagram:hover { background-image: url('images/icon-instagram-hover.svg'); }

  .icon-twitter { background-image: url('images/icon-twitter.svg'); }
  .icon-twitter:hover { background-image: url('images/icon-twitter-hover.svg'); }

  .icon-youtube { background-image: url('images/icon-youtube.svg'); }
  .icon-youtube:hover { background-image: url('images/icon-youtube-hover.svg'); }

  .icon-email { background-image: url('images/icon-email.svg'); }
  .icon-email:hover {  }

  .icon-phone { background-image: url('images/icon-phone.svg'); }
  .icon-phone:hover {  }

  .icon-account {
    background-image: url('images/icon-account.svg');
  }

  .icon-location {
    background-image: url('images/icon-location.svg');
  }

  .icon-location-default {
    background-image: url('images/icon-location-default.svg');
  }

  .icon-location.icon-outline {
    background-image: url('images/icon-location-outline.svg');
  }

  .icon-email {
    background-image: url('images/icon-email.svg');
  }

  .icon-magnifier {
    background-image: url('images/icon-magnifier.svg');
    background-color: transparent !important;
  }

  .icon-close {
    background-image: url('images/icon-close.svg');
  }

  .icon-magnifier.icon-c-main {
    background-image: url('images/icon-magnifier-c-main.svg');
  }

  .icon-magnifier.icon-c-white {
    background-image: url('images/icon-magnifier-c-white.svg');
  }

  .icon-slide-down {
    background-image: url('images/icon-slide-down.svg');
  }

  .icon-c-white {
    /* background-color: #fff; */
  }

  .icon-c-main {
    /* background-color: var(--c-main); */
  }

  .icon-arrow-up {
    background-image: url('images/icon-arrow-up.svg');
  }

  .icon span {
    /* display: none; */
  }

  .btn.icon {
    border: none;
    min-width: auto;
  }

    .btn.icon:hover {
      background-color: transparent;
    }

    .btn.icon span {
      display: none;
    }

.icon-close {
  /* background-image: url('images/icon-close.svg');
  margin: 0;
  width: 44px;
  height: 43px;
  display: inline-block; */
}

  .icon-close:hover {
    /* background-image: url('images/icon-close-hover.svg');
    text-decoration: none;
    transition: none; */
  }


/* ------------- ------------- */
.content-icon {

}

  .content-icon .icon {
    margin-right: 20px;
  }


/*************************************
 +
*************************************/
.site-main { position: relative; }

  .site-main p {}

  .site-main ul {

  }

    .site-main ul li {}

  .site-main ol.alter {
    counter-reset: numList;
    padding: 0 0 0 52px;
    font-size: 20px;
  }

    .site-main ol.alter li {
      list-style: none;
      display: block;
      min-height: 40px;
      margin-bottom: 14px;
    }

      .site-main ol.alter li:before {
        counter-increment: numList;
        content: counter(numList);

        float: left;
        position: absolute;
        left: 0px;

        border: 1px solid;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        text-align: center;
        padding-top: 6px;
        margin-top: -5px;
        font-size: 16px;
        font-family: 'Noto Serif', serif;
        background-color: #f7f7f7;
        color: var(--c-main);
      }


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

  .site-content ul {
    /* padding-left: calc(.75 * var(--spacer)); */
  }

    .site-content ul li {}

  .site-content ol {}

    .site-content ol li {}

  .site-content p {}


/* ------------- cookie message ------------- */
.cookies {
		position: fixed;
    bottom: 0;
    width: 100%;
    background-color: #f7f7f7;
    z-index: 10;
    text-align: center;
    padding: 20px 10px;
    font-size: 15px;
    border-top: 5px solid var(--c-grey-m);
	}

		.cookies p {
			margin: 0;
		}


/* ------------- masthead ------------- */
#masthead {
  padding: 0;
  z-index: 10;
  box-shadow: 0px 3px 5px rgb(0 0 0 / 10%);
  overflow-y: auto;
  max-height: calc(100vh + 10px);
}


/* ------------- navbar ------------- */
.navbar-container {}

  .navbar-container.opened {
    height: 100vh;
    max-height: 100vh;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }


.navbar {
  font-weight: 400;
}

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

.nav-link {
  padding: 0;
}


.navbar {}

  .navbar .navbar-nav {}



    .navbar .navbar-nav .menu-item {
      list-style: none;
      background-color: transparent;
      padding: 10px 15px;
      margin: 0;
    }

      .navbar .navbar-nav .menu-item.w-25 {
        width: 100% !important;
      }

      .navbar .navbar-nav .menu-item .nav-link {
        padding: 0
      }

    .navbar .navbar-nav button.toggle-link {
      position: absolute;
      right: 0;
      top: 0;
      background-image: url('images/toggle-open-grey-d.svg');
      background-color: transparent;
      background-repeat: no-repeat;
      background-size: 28px;
      background-position: center;
      width: 70px;
      height: 62px;
      min-width: auto;
      padding: 0;
      margin: 0;
      border: none;
    }

      .navbar .navbar-nav button.toggle-link.is-active {
        background-image: url('images/toggle-close-grey-d.svg');
      }

      .navbar .navbar-nav button.toggle-link:hover {
        background-color: transparent !important;
      }

        .navbar .navbar-nav .sub-menu button.toggle-link {
          height: 52px;
        }

        .navbar .navbar-nav li.is-active .toggle-link {
          background-image: url('images/toggle-close-grey-d.svg');
        }






.header-shadow {
  height: 5px;
  width: 100%;
  box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
  position: absolute;
  z-index: 2;
  bottom: 0px;
}

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

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


/* ------------- navbar-top ------------- */
.navbar-top {
  width: 100%;
  padding: calc(.5 * var(--spacer)) calc(1 * var(--spacer));
  margin-right: auto;
  margin-left: auto;
}


/* ------------- reset button class ------------- */
button.hamburger {}

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



/* ------------- customization hamburger ------------- */
.hamburger {
  padding: 0;
  min-width: inherit;
}

.hamburger-box {
  width: 38px;
}

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

  .hamburger-inner::before {
    /* top: -10px; */
  }

  .hamburger-inner::after {
    /* top: 10px; */
  }


/*************************************
 + Components
*************************************/


/* ------------- spinner ------------- */
.spinner-wrapper {
  display: none !important;
  position: fixed;
  z-index: 100;
  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;
    top: 40vh;
    border-width: .35em;
  }

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



/* ------------- navbar-socket ------------- */
.navbar-socket {
  display: block;
  z-index: 2;
  padding: 0;
  /* margin-top: -16px; */
  width: 100%;
  background-color: var(--c-grey-d);
  color: #fff;
  font-size: 1.125em;
  font-weight: 300;
}

  /* #header-socket-nav {
    display: flex;
  } */

  .collapse.show[data-bs-class="flex"] {
    display: flex;
  }

  .navbar-socket .nav-link {
    padding: 11px 20px 11px 20px !important;
  }

  .navbar-socket a {
    color: #fff;
  }

  .navbar-socket a:hover {
    text-decoration: underline;
  }

  .navbar-socket .navbar-nav {
    position: relative;
    width: 100%;
    background-color: transparent;
    box-shadow: none;
  }

    .navbar-socket .navbar-nav .menu-item {
      position: relative;
      padding: 0;
    }

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

      }

        .navbar-socket .navbar-nav .menu-item .nav-link span {
          position: relative;
          top: 2px;
        }

      .navbar-socket .navbar-nav .menu-item .nav-link:hover {
        text-decoration: none;
        background-color: #171c20;
        color: #fff;
      }



    .navbar-socket .menu-item.divider {
      border-left: 2px solid #171c20;
    }

    .navbar-socket .menu-item.icon {
      height: auto;
      width: auto;
      background: none;
    }

    .navbar-socket .menu-item.icon > a {
      background-size: 16px;
      background-repeat: no-repeat;
      background-position: left 17px center;
      padding-left: 40px !important;
      padding-right: 20px !important;
    }

    .navbar-socket .menu-item.icon-globe {
      -webkit-mask-image: none;
      mask-image: none;
      background-color: transparent;
    }

    .navbar-socket .menu-item.icon-globe > a {
      background-image: url('images/icon-globe.svg');
    }


    .navbar.navbar-socket .navbar-nav button.toggle-link {
      background-image: url('images/toggle-open-fff.svg');
      width: 76px;
      height: 43px;
      background-size: 24px;
    }

      .navbar.navbar-socket .navbar-nav button.toggle-link.is-active {
        background-image: url('images/toggle-open-fff.svg');
      }


  .navbar-socket .icon {
    margin-right: 8px;
    height: 20px;
  }

  .navbar-socket span.divider {
    display: block;
    width: 100%;
    height: 2px;
    margin: 0;
    background-color: #171c20;
  }


/* ------------- navbar-main ------------- */
.navbar-main {
  padding: 0;
  background-color: #fff;
  box-shadow: 0px 3px 5px rgba(0,0,0,0.2);
}

  .navbar-main .navbar-nav {
    /* margin: 0 auto; */
    /* position: relative;
    top: -1px; */
  }

  .navbar-main ul.navbar-nav li:not(.fab) a {
    color: var(--c-grey-d);
    font-weight: 500;
    font-size: 1.25em;
    padding: 3px 0 3px;
    line-height: normal;
  }

    .navbar-main ul.navbar-nav li:not(.fab) a:hover {
      text-decoration: underline;
    }



/* ------------- navbar sub-menu layouts ------------- */
.navbar .sub-menu-level-1 {
  display: none;
}

.navbar .sub-menu {

  position: relative;
  padding: 0;
  background-color: var(--c-grey-d);

}


  /* sub-menu layout as a list */
  .navbar .sub-menu-list {

  }

    .navbar .sub-menu-list .sub-menu {
      top: 0px;
      min-width: 180px;
      overflow-x: clip;
    }

  .navbar .sub-menu-list .sub-menu .menu-item .nav-link {
    min-width: 180px;
    padding: 9px 15px 8px 15px !important;
    border-top: 1px solid var(--c-grey-m);
  }


  /* sub-menu layout as a block */
  .navbar .sub-menu-block {
    /* overflow-x: auto; */
  }

  .navbar .sub-menu-block .sub-menu {
    flex-flow: wrap;
  }

    .navbar .sub-menu-block .sub-menu .menu-item {

    }

      .navbar .sub-menu-block .sub-menu .menu-item .nav-link {
        padding: 7px 16px 7px 16px !important;
      }



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

  .navbar .sub-menu-block .sub-menu {
    /* position: absolute; */
  }

    .navbar .sub-menu-block .sub-menu .menu-item .nav-link {
      /* position: fixed;
      text-align: center;
      justify-content: center; */
    }


  #header-socket-nav {}

    #header-socket-nav .sub-menu {
      top: 37px;
    }

}





/* ------------- navbar-brand ------------- */
.navbar-brand {

}

  .navbar-brand a.site-title {
    /* color: #fff; */
    text-decoration: none;
  }

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

  }

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

    }

    .hamburger:hover {

    }

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

    }

    .hamburger-box {

    }

    .hamburger-label {

    }

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

  }

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

    }


/* ------------- wpml ------------- */
.lng-wrapper {
  position: relative;
  padding: 0 15px;
  text-transform: uppercase;
  width: 100%;
  /* overflow-x: clip; */
}

  .lng-wrapper ul {
    margin: 0;
    padding: 0;
  }

    .lng-wrapper ul li {
      list-style: none;
      display: inline-block;
      margin: 0;
      padding: 0;
    }

      .lng-wrapper ul li a {
        display: block;
        text-decoration: none;
        padding: 8px 5.5px 6px !important;
      }

      .lng-wrapper ul li.active a {
        text-decoration: underline;
      }

  .lng-wrapper.wpml-style-dropdown {}

    .lng-wrapper.wpml-style-dropdown .sub-menu {
      min-width: 120px;
    }

      .lng-wrapper.wpml-style-dropdown .sub-menu .nav-item {
        display: block;
      }




/* ------------- brand / navbar-brand / site-title ------------- */

.navbar-brand {}


.site-title {
  display: block;
  width: 164px; height: 50px;
  /* background: url('images/skrivanek-logo.svg'); */
  background-repeat: no-repeat;
  background-size: 100%;


}

#site-title {
  overflow: hidden;
  transform: translate3d(0,0,0);
  text-align: center;
  opacity: 1;
}

  .site-title span {
    display: none;
  }


/* ------------- main-nav ------------- */
#main-nav {
  /* display: block; */
  /* background-color: var(--c-grey-d); */
  background-color: #fff;
  position: relative;
  width: 100%;
  left: 0;
  z-index: 3;
}

  #main-nav ul {}

    #main-nav ul li {
      position: relative;
      padding: 0;
      /* width: 100%; */
    }

      #main-nav ul li a {
        width: 100%;
        padding: 17px 20px 14px;
        border-bottom: 1px solid var(--c-grey-m);
      }

      #main-nav ul li a:hover {
        background-color: var(--c-blue);
        text-decoration: none;
      }

      #main-nav ul li:last-child a {
        /* border-bottom: none; */
      }



  #main-nav ul.navbar-nav {
    border-top: 1px solid var(--c-grey-m);
  }

    #main-nav ul.navbar-nav li {

    }

      #main-nav .sub-menu {
        margin-bottom: 0;
        background-color: #f3f3f4;
      }

      #main-nav .sub-menu,
      #main-nav .sub-menu li {
        padding: 0;
        font-weight: 300;
      }

      #main-nav .sub-menu h5 {
        margin-bottom: 0;
        font-family: 'Hind', serif;
        font-size: 1.25em;
        font-weight: 300;
        padding: 10px 10px 8px 30px;
        border-bottom: 2px solid var(--c-grey-m);
        border-top: 1px solid var(--c-grey-m);
        color: #666;
      }

      #main-nav .sub-menu-level-1 li:first-of-type h5 {
        border-top: none;
      }

        #main-nav .sub-menu li a {
          padding: 10px 10px 9px 40px;
          min-height: auto;
        }

          #main-nav .sub-menu li a:hover {

          }


      #main-nav .sub-menu-level-1 {
        display: none;
        /* color: #fff; */
      }

        #main-nav .sub-menu-level-1 li {

        }

          #main-nav .sub-menu-level-1 li a {

          }

        #main-nav .sub-menu-level-2 {
          color: #fff;
          width: 100%;
        }

          #main-nav .sub-menu-level-2 li {}

            #main-nav .sub-menu-level-2 li a {
              padding: 10px 10px 6px 50px;
            }

              #main-nav .sub-menu-level-2 li a span {
                /* color: #fff; */
              }


      #main-nav ul li.submenu-blue:hover .toggle-link,
      #main-nav ul li.submenu-green:hover .toggle-link,
      #main-nav ul li.submenu-red:hover .toggle-link,
      #main-nav ul li.submenu-grey-dark:hover .toggle-link {
        background-image: url('images/toggle-open-fff.svg');
      }

      #main-nav ul li.submenu-blue.is-active .toggle-link,
      #main-nav ul li.submenu-green.is-active .toggle-link,
      #main-nav ul li.submenu-red.is-active .toggle-link,
      #main-nav ul li.submenu-grey-dark.is-active .toggle-link {
        background-image: url('images/toggle-close-fff.svg');
      }

      #main-nav ul li.submenu-yellow:hover a {
        color: var(--c-black)
      }

      /* blue */
      #main-nav ul li.submenu-blue:hover > a,
      #main-nav ul li.submenu-blue.is-active > a,
      #main-nav ul li.submenu-blue ul.sub-menu-level-2 li a:hover {
        background-color: var(--c-blue);
        color: #fff;
      }

      /* green */
      #main-nav ul li.submenu-green:hover > a,
      #main-nav ul li.submenu-green.is-active > a,
      #main-nav ul li.submenu-green ul.sub-menu-level-2 li a:hover {
        background-color: var(--c-green);
        color: #fff;
      }

      /* red */
      #main-nav ul li.submenu-red:hover > a,
      #main-nav ul li.submenu-red.is-active > a,
      #main-nav ul li.submenu-red ul.sub-menu-level-2 li a:hover {
        background-color: var(--c-red);
        color: #fff;
      }

      /* yellow */
      #main-nav ul li.submenu-yellow:hover > a,
      #main-nav ul li.submenu-yellow.is-active > a,
      #main-nav ul li.submenu-yellow ul.sub-menu-level-2 li a:hover {
        background-color: var(--c-yellow);

      }

      /* grey-dark */
      #main-nav ul li.submenu-grey-dark:hover > a,
      #main-nav ul li.submenu-grey-dark.is-active > a,
      #main-nav ul li.submenu-grey-dark ul.sub-menu-level-2 li a:hover {
        background-color: var(--c-grey-d);
        color: #fff;
      }


      #main-nav .sub-menu-level-1 li.menu-item-has-children > a {
        /* padding: 0; */
      }

        #main-nav .sub-menu-level-1 li.menu-item-has-children > a:hover h5 {
          color: #fff;
        }

        #main-nav .sub-menu-level-1 li.menu-item-has-children > a h5 {
          border-bottom: 1px solid var(--c-grey-m);
        }

      #main-nav .sub-menu-level-1 li.menu-item-has-children .toggle-link {
        display: none;
      }

      #main-nav .sub-menu-level-3 .menu-item .nav-link {
        padding: 10px 10px 6px 70px
      }


  #main-nav .search.icon span {
    display: none;
  }


/* ------------- quick-links-nav ------------- */
.quick-links-nav {}

  .quick-links-nav > ul {
    padding-left: 17px;
    margin-top: -4px;
  }

    .quick-links-nav ul li:before {
      content: "\2022";
      /* color: #fff; */
      font-weight: bold;
      display: inline-block;
      vertical-align: top;
      width: 1em;
      margin-left: -1em;
      font-size: 1.0625em;
    }

    .quick-links-nav > ul li:not(.fab) a {
      display: inline-block;
      color: #fff;
      padding: 0;
      font-weight: 400;
    }

    .quick-links-nav > ul li:not(.fab) a:hover {
      text-decoration: underline;
    }

/* ------------- quick-links-nav #1 ------------- */
#quick-links-nav {}

  #quick-links-nav > ul {

  }

    #quick-links-nav > ul li {

    }

      #quick-links-nav ul li:before {

      }

      #quick-links-nav > ul li:not(.fab) a {
        font-weight: 400;
        font-size: 1.25em;
        line-height: 1.3;
      }

      #quick-links-nav > ul li:not(.fab) a:hover {

      }


/* ------------- quick-links-nav-sub #2 ------------- */
#quick-links-nav-sub {
  margin-top: 30px;
}

  #quick-links-nav-sub > ul li:not(.fab) a {
    font-size: 1em;
    line-height: 1.2;
  }



/* ------------- sitemap html ------------- */
.sitemap-html {}

  .sitemap-html .nav-link {
    width: fit-content;
  }

  .sitemap-html .navbar-nav > .nav-item {
    margin-bottom: calc( 2 * var(--spacer) );
  }

  .sitemap-html .navbar-nav > .nav-item > .nav-link {

    margin-bottom: calc( .5 * var(--spacer) );
    font-size: 1.75em;
    font-weight: 700;
    padding: 0 0 10px 0;
    font-family: 'Noto Serif', serif;
    font-style: normal;
    color: var(--c-main);
  }

  .sitemap-html .navbar-nav .sub-menu .nav-item > .sub-menu {
    margin-bottom: calc( 1 * var(--spacer) );
  }



/* ------------- breadcrumb ------------- */
.wpa9-breadcrumb {
  margin: 0;
}

  .wpa9-breadcrumb .item,
  .wpa9-breadcrumb .separator {
    display: inline-block;
    margin: 0;
  }

  .wpa9-breadcrumb .separator {
    margin: 0 5px;
  }

  .wpa9-breadcrumb .item a {
    display: inline-block;
  }



/* ------------- inquiry ------------- */

  .inquiry-link {
    margin: 0;
    margin-top: 1px;
    margin-left: 20px !important;
    background-color: var(--c-main-btn);
    color: #fff !important;
    padding: 8px 30px 6px;
    min-width: auto;
    max-width: 266px;
  }

    .navbar-top .inquiry-link {
      margin-right: 40px;
      margin-left: 0;
    }

    .navbar-socket .inquiry-link {
      padding: 2px 15px 1px;
      font-size: 1.0625em;
      border-radius: 2px;
    }



  /* ------------- searchform ------------- */
  .searchform {}

    .searchform .search-field {
      margin-right: 12px;
    }

    .searchform .icon {
      width: 22px;
      height: 22px;
      margin: 0 10px;
      padding: 0;
    }

      .searchform .icon-magnifier {
        /* margin-top: 3px; */
      }

      .searchform .icon-magnifier:hover {
        background-image: url('images/icon-magnifier-c-main.svg');
      }

  /* ------------- search-main ------------- */
  .icon.show-search-form {
    margin: 12px 0 2px 18px;
    width: 18px;
    height: 18px;
    width: -webkit-fill-available;
  }

    .icon.show-search-form span {
      display: none;
    }

  .searchform-wrapper {
    position: fixed;
    display: none;
    z-index: 100;
    width: 100vw;
    height: 100vh;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(250, 250, 250, .9);
  }


  .searchform-wrapper .searchform-inner {
    position: relative;
    top: 30%;
    width: 100%;
    max-width: 768px;
    margin: 0 auto;
  }

    .searchform-wrapper .searchform {
      text-align: center;
    }

    .searchform-wrapper .searchform .form-control {
      width: calc(100% - 40px);
      margin: 0 auto 20px;
      font-size: 1.5rem;
      padding: 12px 20px 8px;
      border-radius: 4px;
      border: 2px solid var(--c-main);
    }

    .searchform-wrapper .searchform .icon-magnifier,
    .searchform-wrapper .searchform .icon-close {
      width: 28px;
      height: 28px;
    }

    .searchform-wrapper .searchform .icon-close {

    }




  .search-main {
    display: none;
    position: relative;
    top: 4px;
    padding: 0 5px;
  }

    .search-main .icon-magnifier {}



    .search-main .submit {
      z-index: 2;
      border: none;
      min-width: auto;
      width: 34px;
      padding: 0;
      margin: 0;
    }

      .search-main .submit span {
        display: none;
      }

        .search-main .submit:hover {
          background-color: transparent;
        }

      .search-main form .search-field {
        padding: 8px 15px 5px;
      }


  /* ------------- search-results ------------- */
  .search-results-content {
    margin-top: calc(2 * var(--spacer));
  }

    .search-results-content li::before {
      content: none;
    }

    .search-results-content li::marker {
      font-size: 1.125em;
      color: var(--c-grey-d);
    }

      .search-results-content li {
        padding-left: 10px;
        margin-bottom: calc(2.5 * var(--spacer));
      }

      .search-results-content li h2 {
        font-size: 1.6em;
        line-height: 1.1em;
        font-weight: 300;
        font-family: 'Hind', sans-serif;
      }

      .search-results-content li p {
        margin-bottom: calc(0.125 * var(--spacer));
      }

      .search-results-content li footer {
        background: transparent;
        color: #000;
      }

        .search-results-content li footer a {
          color: var(--c-main);
        }




/* ------------- entry-header ------------- */
.entry-header {
  padding-top: calc( 2 * var(--spacer) );
  padding-bottom: calc( 1 * var(--spacer) );
}

  .entry-header .container {

  }

  .entry-header .page-title {
    font-size: 4.25em;
    margin-top: calc( 1 * var(--spacer) );

    border-bottom-color: var(--c-main-hover);
    border-bottom-width: 6px;
    border-bottom-style: solid;
    padding-bottom: calc( 1 * var(--spacer) );
  }

  .entry-header .entry-subtitle {
    color: #fff;
    font-size: 1.25em;
    font-weight: 500;
    font-family: 'Hind', sans-serif;
    max-width: 740px;
    margin-top: calc( 1 * var(--spacer) );
    line-height: 1.2;
  }

  .entry-header .category-description {
    color: var(--c-black);
  }


/* ------------- entry-title ------------- */
.entry-title {
  font-size: 3.125em;

  padding-bottom: calc( .75 * var(--spacer) );
  border-bottom-width: 6px;
  border-bottom-style: solid;
}

  .no-subtitle.entry-title {
    display: inline-block;
    margin-bottom: calc(1.5 * var(--spacer));
    margin-top: calc(3.5 * var(--spacer));
  }


/* ------------- entry-content ------------- */
.entry-content {}

  .entry-content ul {}

    .entry-content ul li {
      margin-bottom: calc(.25 * var(--spacer));
    }


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

  .page-header-ext {
    position: relative;
    width: 100vw;
    margin-left: -50vw;
    left: 50%;

    padding-top: calc( 1 * var(--spacer) );
    padding-bottom: calc( 4 * var(--spacer) );
    background-color: var(--c-grey-m);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    min-height: 380px;
  }

    @media not all and (hover: none) {

      .page-header-ext {
        width: calc(100vw - 8px);
      }

    }

    .page-header-ext .container {
      width: calc(100% - 30px);
    }

    .page-header-ext .entry-title {
      color: #fff;
      font-size: 2.125em;
      margin-top: calc( 1 * var(--spacer) );
      text-shadow: 0px 0px 12px rgb(0 0 0 / 40%);
    }

    .page-header-ext .entry-subtitle {
      /* color: #fff;
      font-size: 1.25em;
      font-weight: 500;
      font-family: 'Hind', sans-serif;
      max-width: 590px;
      border-top-width: 6px;
      border-top-style: solid;
      padding-top: calc( 1 * var(--spacer) );
      margin-top: calc( 1 * var(--spacer) ); */
    }

    .page-header-overlay {
      display: none;

      position: absolute;
      z-index: 1;
      left: 0;
      right: 0;
      bottom: -1px;
      margin-left: auto;
      margin-right: auto;
      width: 100%;

      background-image: url('images/page-header-overlay.svg');
      background-repeat: no-repeat;
      max-width: 1920px; height: 70px;
      /* min-width: 100vw; */
      background-size: auto;
      background-position: left 35% bottom;
    }

      .page-header-overlay.overlay-color-f7f7f7 {
        background-image: url('images/page-header-overlay-f7f7f7.svg');
      }


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





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

}

.meta-date {
  font-size: 0.875em;
  font-weight: 300;
  color: var(--c-grey-m);
}

.meta-close {}

.meta-more {

}

.meta-buttons {
  /* margin-left: -7.5px;
  margin-right: -7.5px; */
}

.meta-up {
  position: fixed;
  z-index: 5;
  bottom: 36px;
  right: 60px;
  padding: 18px 32px !important;
  border: 1px solid #999999 !important;
  opacity: .6;
  display: none;
}

  .meta-up:hover {
    opacity: 1;
  }

  .meta-up.icon {
    background-size: 20px;
    background-position: center;
    background-color: rgba(255,255,255,.4);
  }



/* ------------- loop-posts general ------------- */
.loop-posts {
  /* margin-top: calc( 1 * var(--spacer) ); */
}

  .loop-posts article:nth-child(n+5) {
    margin-top: calc( 2 * var(--spacer) );
  }



    .loop-posts article .entry-container {
      max-width: 512px;
    }

    .loop-posts a.thumbnail {
      display: block;
      margin-bottom: calc(2 * var(--spacer) );
    }

      .loop-posts figure {
        margin-bottom: 0;
      }

        .loop-posts a figure img { }

        .loop-posts a:hover figure img {
          opacity: .80;
        }

    .loop-posts .post-title {
      font-family: 'Hind', sans-serif;
      font-size: 1.25em;
      font-weight: 500;
      margin-top: 8px;
      margin-bottom: 12px;
    }

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

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

    .loop-posts .entry-excerpt {
      margin-bottom: calc( 1.5 * var(--spacer) );

    }

    .loop-posts .meta-date {

    }

    .loop-posts .post-category {
      background-color: var(--c-main-btn);
      color: #fff;
      float: right;
      padding: 3px 8px 1px;
      font-size: .875em;
      font-weight: 500;
    }



/* ------------- loop-places ------------- */
.widget_siteorigin-panels-postloop {

}

  .widget_siteorigin-panels-postloop .widget-title {
    margin-bottom: calc(1.5 * var(--spacer) );
    text-align: center;
  }

.loop-places {

}

  .loop-places article {
    background-color: #fff;
    padding: 30px 25px 25px;
    margin: 0 10px 20px;
  }

  .loop-places article.col-12 {
    flex: 0 0 calc(100% - 20px);
    max-width: calc(100% - 20px);
  }


    .loop-places article header.place-header {
      display: flex;
      flex-flow: row;
      align-items: flex-end;
      margin-bottom: calc(.75 * var(--spacer) );
    }

        .loop-places article .place-title {
          font-size: 1.75em;
          margin-bottom: 3px;
          line-height: 22px;
          color: var(--c-main);
          font-weight: 300;
          /* font-family: 'Hind', sans-serif;
          font-size: 1.75em;
          font-weight: 300; */
        }

        .loop-places article .place-gm-info {
          font-size: 1.125em;
        }


      .loop-places article .icon-location {
        position: relative;
        left: -4px;
        display: inline-block;
        width: 36px;
        height: 36px;
        margin-right: 2px;
      }

      .loop-places article address {}

        .loop-places article address a {
          text-decoration: none;
        }


    .loop-places figure.thumbnail {
      margin: 0;
      margin-top: calc(1.5 * var(--spacer));

    }

      .loop-places figure.thumbnail a {
        position: relative;
        display: block;
        background-color: #444;

      }

        .loop-places figure.thumbnail a img {
          width: 100%;
          opacity: 0.5;

          transition: opacity .3s ease-out;
          -moz-transition: opacity .3s ease-out;
          -webkit-transition: opacity .3s ease-out;
          -o-transition: opacity .3s ease-out;
        }

        .loop-places figure.thumbnail a .btn {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
        }

        .loop-places figure a:hover img {
          opacity: 1;
        }

        .loop-places figure.thumbnail a:hover .btn {
          color: #fff !important;
          background-color: var(--c-main) !important;
          border-color: var(--c-main) !important;
        }





/* ------------- skrv-google-map ------------- */
.skrv-google-map {
  /* margin-top: 20px;
  margin-bottom: 30px; */
}

  .skrv-google-map .gm-spinner-wrapper {}

    .skrv-google-map .gm-spinner-wrapper .spinner-border {
      top: 300px;
      border-color: var(--c-main);
      border-right-color: transparent;
      left: calc(50% - 2rem);
    }

  .skrv-google-map .googlemap-inner {
    height: 640px;
  }

  button.gm-control-active {
    min-width: auto !important;
  }

  .gm-style-mtc {
    display: none !important;
  }



/* ------------- pagination ------------- */
.pagination {
  width: 100%;
  margin: 0 0 calc(1.5 * var(--spacer));
  padding: calc(1 * var(--spacer)) 0;
  font-weight: 400;
  font-size: 1.0625em;
  text-align: center;
  display: block;
  min-width: 20px;
}

  .pagination h2 { display: none; }

  .pagination {}

    .pagination .page-numbers {
      list-style: none;
      display: inline-block;
      padding: 6px;
      margin: 0;
    }

    .pagination .nav-links .next {}

    .pagination .nav-links .prev {}

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

  .single article {

  }

    .single article header {
      /* margin-bottom: calc(.5 * var(--spacer)); */
    }

    .single article figure.thumbnail {
      max-width: 100%;
    }

      .single article figure.thumbnail img {
        width: 100%;
        height: 100%;
      }


    .single article .entry-container {

    }

      .single article .post-title {
        font-family: 'Noto Serif', serif;
        font-size: 2.5em;
        font-style: normal;
        color: var(--c-main);
        margin-top: calc(2 * var(--spacer));
        margin-bottom: calc(2 * var(--spacer));
      }

      .single article .entry-container .entry-content {
        overflow-wrap: break-word;
      }

      .single article .entry-container aside {
        padding: 20px 0;
        clear: both;
      }




/* ------------- post-link ------------- */
.post-link-wrapper {
  margin: 0 0 20px 0;
  font-weight: 500;
}

  .post-link-wrapper .post-link {
    width: 45%;
    text-align: left;
  }

    .post-link-wrapper .post-link a {
      text-decoration: none;
    }

    .post-link-wrapper .post-link a:hover {
      text-decoration: underline;
    }

  .post-link-wrapper .post-link.post-link-next {
    text-align: right;
  }


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



/* ------------- error 404 ------------- */
.page-404 {}

  .page-404 h1 {
    border-bottom: 6px solid var(--c-main-hover);
    padding-bottom: calc( 1 * var(--spacer) );
  }

  .page-404 .searchform {}

    .page-404 .searchform input[type="search"] {

    }

    .page-404 .searchform input[type="submit"] {
      border: none;
      min-width: auto;
    }



/* ------------- footer ------------- */
footer {
  background-color: var(--c-grey-d);
  color: #fff;
  /* font-size: 0.875em; */

  background-image: url('images/mapa-footer.svg');
  background-repeat: no-repeat;
  background-position: center top calc(1 * var(--spacer) );
  background-size: 727px 360px;
}

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

  footer h5 {
    font-family: 'Noto Serif', serif;
    color: var(--c-grey-m);
    font-weight: 700;
    font-size: 1.375em;
    margin-bottom: calc(1.5 * var(--spacer) );
  }

  footer .soc-net {
    margin: 55px 0;
    padding: 0;
  }

    footer .soc-net li {
      display: inline-block;
      list-style: none;
      margin-right: 20px;
    }

      footer .soc-net li:before {
        content: none;
      }

    footer .soc-net svg {
      font-size: 2.8125em;
      color: #f3f3f4;
    }

      footer .soc-net li a {
        display: block;
      }

        /* footer .soc-net li a:hover svg {
          color: #fff;
        } */

      footer .soc-net li a span:not(.icon) {
        display: none;
      }


  .footer-socket {
    padding: 80px 0 80px;

  }

    .footer-socket > .row > div {
      padding-left: calc(1.5 * var(--spacer) );
      padding-right: calc(1.5 * var(--spacer) );
      margin-bottom: calc(2 * var(--spacer) );
    }

    .footer-socket .brand {
      /* margin-bottom: calc(2 * var(--spacer) ); */
    }

      .footer-socket .brand .site-title {
        background-image: url('images/skrivanek-logo-w-en.svg');
      }

      .cs .footer-socket .brand .site-title,
      .cz .footer-socket .brand .site-title {
        background-image: url('images/skrivanek-logo-w-cs.svg');
      }


  .footer-end-section {
    padding-top: calc(1 * var(--spacer) );
    padding-bottom: calc(0.75 * var(--spacer) );
    background-color: #2a3035;
    color: rgba(255, 255, 255, 0.6);
    font-size: 15px;
  }

    .footer-end-section p:last-of-type {
      margin-bottom: 0;
    }


/* ------------- languages-we-offer ------------- */
.languages-buttons {
  text-align: center;
}

  .languages-buttons .btn {
    min-width: inherit;
    margin-right: 20px;
    border-color: var(--c-grey-m);
    background-color: rgba(255,255,255,.1);
    padding: 9px 25px 5px;
    color: #fff;
  }

    .languages-buttons .btn:hover {
      border-color: #fff;
      background-color: #fff;
      color: var(--c-black);
    }

  .languages-buttons .btn.disabled {
    background-color: transparent;
    /*  */
  }



  .languages-buttons a.disabled {
    /* pointer-events: none; */
    opacity: .75;
  }

  /* [data-flag] {
    --flag: attr(data-flag);
  } */

  /* .languages-buttons a::after {
    background-image: url('https://skrivanek.cz/wp-content/uploads/flags/';
    width: 16px;
    height: 16px;
    display: block;
  } */


/* ------------------ Google Map  ------------------ */
.googlemap {
  position: relative;
}

.googlemap-inner {
	width: 100%;
	margin-bottom: 0;
	margin-top: 0;
  padding: 0;
	height: 480px;
}

 .gm-style .gm-style-iw-c {
  padding: 29px 12px 7px 25px !important;
  border-radius: 6px !important;
  max-height: initial !important;
}

  .gm-style .gm-style-iw button {
    padding: 3px !important;
    top: 9px !important;
    right: 9px !important;
    background-image: url('images/icon-close.svg') !important;
    width: 17px !important;
    height: 17px !important;
    background-repeat: no-repeat !important;
    background-size: 14px !important;
    background-position: center !important;
    min-width: auto;
  }

    .gm-style .gm-style-iw button span {
      display: none !important;
    }

    .gm-style .gm-style-iw button img {
      display: none !important;
    }

  .gm-style .gm-style-iw-d {
    font-size: 18px;
    padding-bottom: 0 !important;
    max-height: initial !important;
  }

    .gm-style .gm-style-iw-d .place-header {
      display: flex;
      flex-flow: row;
      align-items: flex-end;
      margin-bottom: calc(.75 * var(--spacer) );
    }

      .gm-style .gm-style-iw-d .icon-location {
        position: relative;
        left: -4px;
        display: inline-block;
        width: 36px; height: 36px;
        margin-right: 4px;
      }

      .gm-style .gm-style-iw-d .place-title {
        font-size: 28px;
        font-weight: 300;
        margin-bottom: 3px;
        line-height: 22px;
        color: var(--c-main);
      }

      .gm-style .gm-style-iw-d .place-gm-info {
        font-size: 18px;
        line-height: 1.3;
      }

        .gm-style .gm-style-iw-d .place-gm-info a {
          text-decoration: none;
        }

          .gm-style .gm-style-iw-d .place-gm-info a:hover {
            text-decoration: underline;
          }


      .gm-style .gm-style-iw-d .place-gm-add-info {
        margin-top: calc(.75 * var(--spacer) );
      }

      .gm-style .gm-style-iw-d .btn {
        font-size: 20px;
        padding-top: 5px;
      }





/*************************************
 + SiteOrigin WIdgets
*************************************/

/* ------------- wpa9-cta-box-ext ------------- */
.wpa9-cta-box-ext {
  text-align: center;
  margin: 0 auto;
  min-height: 232px;
  font-size: 1.125em;
}

  .wpa9-cta-box-ext * {
    color: #fff;
  }

    .wpa9-cta-box-ext .wpa9-cta-box-ext-header {
      margin-bottom: 40px;
      font-weight: 500;
    }

    .wpa9-cta-box-ext .wpa9-cta-box-ext-content {
      display: block;
    }

    .wpa9-cta-box-ext .advantage-section {
      margin: 0 25px 25px;
      text-align: center;
    }

      .wpa9-cta-box-ext .advantage-section .h1 {
        line-height: 1;
        font-size: calc(4.75em / 1.125);
        display: inline-block;
      }

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

  .wpa9-cta-box-ext {
    font-size: 1em;
  }

    .wpa9-cta-box-ext .wpa9-cta-box-ext-content {
      display: flex;
      flex-direction: row;
      justify-content: center;
    }

      .wpa9-cta-box-ext .advantage-section .h1 {
        /* font-size: calc(2.875em / 1.125); */
      }

}


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

  .wpa9-cta-box-ext {
    font-size: 1.125em;
  }

    .wpa9-cta-box-ext .advantage-section {
      margin: 0 25px;
      text-align: left;
    }

    .wpa9-cta-box-ext .advantage-section .h1 {
      font-size: calc(4.75em / 1.125);
      display: inline;
    }

}





/* ------------- bs carousel ------------- */

  .carousel .carousel-inner {
    margin-bottom: 0px;
  }

  .carousel .carousel-indicators {
    margin: 0 0 20px;
  }

    .carousel .carousel-indicators li {
      border: 1px solid var(--c-main-btn);
      background-color: transparent;
      width: 10px;
      height: 10px;
      margin-right: 4px;
      margin-left: 4px;
      border-radius: 50%;
    }

    .carousel .carousel-indicators li.active {
      background-color: var(--c-main-btn-hover);
    }


@media screen and (orientation: landscape) {
  /* landscape */
  .carousel-item img {
    /* width: 100%;
    height: auto; */
  }
}


@media screen and (orientation: portrait) {
  /* portrait */
  .carousel-item img {
    /* width: auto;
    height: 100%; */
  }
}



/* ------------- wpa9-carousel ------------- */
.wpa9-carousel {
  position: relative;
  width: 100%;
  overflow: hidden;
}

  .wpa9-carousel.wpa9-width-full {
    width: 100vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
    overflow: hidden;
  }

  .wpa9-carousel .carousel {
    /* height: inherit;
    max-height: inherit; */
    padding-top: 0;
    background-color: #ddd;
  }

    .wpa9-carousel .carousel-indicators {
      left: 50%;
      transform: translateX(-50%);
      width: 100%;
      justify-content: flex-end;
      z-index: 2;
    }

      .wpa9-carousel-light .carousel .carousel-indicators li {
        border: 1px solid #fff;
      }

      .wpa9-carousel-light .carousel .carousel-indicators li.active {
        background-color: #fff;
      }

    .wpa9-carousel .carousel-inner {
      position: relative;
      z-index: 0;
    }

      .wpa9-carousel .carousel-inner .carousel-item {
        position: relative;
        background-size: cover;
        min-height: 575px;
        background-position: center right 34%;
        background-repeat: no-repeat;
      }

        .wpa9-carousel .carousel-item-content {
          position: relative;
          width: 100%;
          color: #fff;
          text-align: center;
          /* min-height: 754px; */
        }

        .wpa9-carousel .carousel-inner .carousel-item-bg-image {
          height: max-content;
          object-fit: cover;
        }

          .wpa9-carousel .carousel-inner .carousel-item-bg-image img {
            height: max-content;
            object-fit: cover;
          }

          .wpa9-carousel .carousel-inner .carousel-item-content-wrapper {
            padding-top: 2vh;
          }

      /* ------------- wpa9-carousel color scheme ------------- */
      .wpa9-carousel.wpa9-color-light * {
        color: #fff;
      }

        .wpa9-carousel.wpa9-color-light .carousel-indicators li {
          border-color: #fff;
        }

        .wpa9-carousel.wpa9-color-light .carousel-indicators li.active {
          background-color: #fff;
        }

        .wpa9-carousel.wpa9-color-light .btn {
          background-color: transparent;
          border-color: #fff;
          color: #fff;
        }

          .wpa9-carousel.wpa9-color-light .btn:hover {
            background-color: var(--c-main);
            border-color: var(--c-main);
            color: #fff;
          }



      /* ------------- wpa9-carousel-hp ------------- */
      .wpa9-carousel.wpa9-carousel-hp {

      }

        .wpa9-carousel.wpa9-carousel-hp .carousel {
          /* max-height: 604px; */
        }


        .wpa9-carousel.wpa9-carousel-hp .carousel-indicators {
          margin: 0 0 20px;
        }

        .wpa9-carousel.wpa9-carousel-hp .carousel-inner {
          position: relative;
          min-height: 480px;
        }

        .wpa9-carousel.wpa9-carousel-hp .carousel-item-content {

        }

          .wpa9-carousel.wpa9-carousel-hp .carousel-item-content .slide-headline-wrapper {
            font-size: 2.5em;
            font-family: 'Noto Serif', serif;
            font-weight: 700;
            font-style: oblique;
            color: #fff;
            text-shadow: 0px 0px 12px rgba(0,0,0,0.4);
            line-height: 1.1;
            margin-bottom: calc(2 * var(--spacer));
          }

            .wpa9-carousel.wpa9-carousel-hp .carousel-item-content .slide-headline-wrapper .slide-headline {
              display: block;
            }

            .wpa9-carousel.wpa9-carousel-hp .carousel-item-content .slide-headline-wrapper .slide-subheadline {
              display: block;
            }

          .wpa9-carousel.wpa9-carousel-hp .carousel-item-content .slide-text {
            font-family: 'Hind', sans-serif;
            font-size: 1.25em;
            font-weight: 500;
            font-style: normal;
            color: #fff;
          }

          .wpa9-carousel.wpa9-carousel-hp .carousel-item-content button,
          .wpa9-carousel.wpa9-carousel-hp .carousel-item-content .button,
          .wpa9-carousel.wpa9-carousel-hp .carousel-item-content .btn {
            font-size: 1.375em;
            min-width: 180px;
            font-weight: 600;
            margin-bottom: 36px;
          }

          .wpa9-carousel.wpa9-carousel-hp .carousel-item-content .meta-buttons {
            padding: calc(1 * var(--spacer)) 0 calc(2 * var(--spacer));
            margin-left: -7.5px;
            margin-right: -7.5px;
          }

            .wpa9-carousel.wpa9-carousel-hp .wpa9-carousel-item-content .meta-buttons .btn {
              margin-left: 7.5px;
              margin-right: 7.5px;
            }

@media not all and (hover: none) {

  .wpa9-carousel.wpa9-width-full {
    width: calc(100vw - 8px);
  }

}


/* ------------- wpa9-breadcrumb ------------- */
.wpa9-breadcrumb-wrapper {
  position: relative;
  width: 100vw;
  margin-left: -50vw;
  padding: 20px 7.5px 0;
  left: 50%;
  background-color: #f7f7f7;
}

@media not all and (hover: none) {

  .wpa9-breadcrumb-wrapper {
    width: calc(100vw - 8px);
  }

}

  .wpa9-breadcrumb {
    margin: 0 auto;
    max-width: 960px;
  }

    .wpa9-breadcrumb .item,
    .wpa9-breadcrumb .separator {
      display: inline-block;
      margin: 0;
    }

    .wpa9-breadcrumb .separator {
      margin: 0 5px;
    }

    .wpa9-breadcrumb .item a {
      display: inline-block;
    }


/* ------------- wpa9-image-grid-filter ------------- */
.wpa9-image-grid-filter-container .wpa9-image-grid-filter-triggers ul {
  border-bottom-color: var(--c-main);
}

.wpa9-image-grid-filter-container .wpa9-image-grid-filter-triggers .filter-trigger:hover,
.wpa9-image-grid-filter-container .wpa9-image-grid-filter-triggers .filter-trigger.active {
  border-bottom-color: var(--c-main);
}


/* ------------- wpa9-posts ------------- */
.so-widget-wpa9-posts {}

  .so-widget-wpa9-posts .widget-title {
    /* font-size: 2.5em; */
    text-align: center;
    /* font-size: 2.5em;
    font-family: 'Noto Serif', serif;
    font-weight: 700;
    color: var(--c-grey-m);
    text-align: left; */
  }

  .so-widget-wpa9-posts .widget-subheadline {
    text-align: center;
    margin-bottom: calc( 1 * var(--spacer) );
  }




/* ------------- wpa9-icon ------------- */
.wpa9-icon {}

  .wpa9-icon .icon {
    margin-right: 8px;
  }

  .wpa9-icon .wpa9-icon-content {
    margin-top: 4px;
  }


/* ------------- wpa9-reference-loga ------------- */
.wpa9-reference-loga {}

  .wpa9-reference-loga .widget-title {
    text-align: center;
  }

  .wpa9-reference-loga .carousel-inner {

  }

    .wpa9-reference-loga .carousel-item {
      text-align: center;
    }

    .wpa9-reference-loga img {
      display: inline-block;
      width: 120px; height: 45px;
      margin: 15px;
    }

  .wpa9-reference-loga .carousel-indicators {
    position: relative;
    margin-bottom: 0px;
  }







/* ------------- wpa9- ------------- */


/*************************************
 + Plugins
*************************************/
/* ------------- Cookie Consent / Orest Bida ------------- */
.cc_div .cc-link,
#s-c-bn {
  min-width: auto;
}

.cc_div .c-bn {
  border-radius: 4px !important;
}

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

body .gform_required_legend {
  display: none;
}

body .gform_wrapper .gform_description {
  font-size: 1.25em;
  margin-bottom: calc(2.5* var(--spacer));
  display: block;
}

body .gform_wrapper.gravity-theme .gfield_label {
  font-size: 1.125em;
  font-weight: 500;
  margin-bottom: 2px;
}

body .gform_wrapper.gravity-theme .gfield_required {
  font-size: 1.125rem;
  font-weight: 400;
}

.gform_wrapper.gravity-theme input[type=color], .gform_wrapper.gravity-theme input[type=date], .gform_wrapper.gravity-theme input[type=datetime-local],
.gform_wrapper.gravity-theme input[type=datetime], .gform_wrapper.gravity-theme input[type=email], .gform_wrapper.gravity-theme input[type=month],
.gform_wrapper.gravity-theme input[type=number], .gform_wrapper.gravity-theme input[type=password], .gform_wrapper.gravity-theme input[type=search],
.gform_wrapper.gravity-theme input[type=tel], .gform_wrapper.gravity-theme input[type=text], .gform_wrapper.gravity-theme input[type=time],
.gform_wrapper.gravity-theme input[type=url], .gform_wrapper.gravity-theme input[type=week], .gform_wrapper.gravity-theme select,
.gform_wrapper.gravity-theme textarea {
  font-weight: 300 !important;
  font-size: 1.25em !important;
  /* width: 100% !important; */
  padding: 9px 12.5px 6px !important;
}

.gform_wrapper.gravity-theme .description, .gform_wrapper.gravity-theme .gfield_description,
.gform_wrapper.gravity-theme .gsection_description, .gform_wrapper.gravity-theme .instruction {
  font-size: .9375rem !important;
  margin: 0 !important;
}

.gform_wrapper.gravity-theme .field_description_above .gfield_description {
  margin: 0 0 5px !important;
}

.gform_wrapper.gravity-theme .field_description_below .gfield_description {
  margin: 5px 0 0 !important;
}

.gform_wrapper.gravity-theme .gform_validation_errors {
  box-shadow: none !important;
  padding: 16px 20px 15px !important;
  margin-bottom: 16px;
  border-radius: 4px !important;
}

  .gform_wrapper.gravity-theme .gform_validation_errors > h2 {
    font-size: 1.125rem !important;
  }

.gform_wrapper.gravity-theme .gfield_validation_message,
.gform_wrapper.gravity-theme .validation_message {
  padding: 12px 16px 9px !important;
  border-radius: 4px !important;
}

.gform_wrapper.gravity-theme .field_description_below .gfield_consent_description,
.gform_wrapper.gravity-theme .gfield_consent_description {
  border: none !important;
  margin-top: 4px !important;
  max-height: none !important;
  overflow: hidden !important;
  font-size: .875rem !important;
}

.gform_wrapper .gform_title {
  font-size: 2.625em;
  color: var(--c-main);
  font-family: 'Noto Serif', serif;
  font-style: italic;
  font-weight: 700;
  border-bottom: 6px solid var(--c-main);
  margin-bottom: 20px;
  padding-bottom: 22.5px;
}

.gform_wrapper.gravity-theme .gsection {
  border: none !important;
  padding: 0 !important;
  margin-bottom: 0 !important;
}

  .gform_wrapper.gravity-theme .gsection_title {
    font-size: 1.625em;
    font-weight: 700;
    margin-top: calc(2* var(--spacer));
    /* color: var(--c-main); */
  }

.gform_wrapper.gravity-theme .gfield {
  margin-bottom: calc(.75 * var(--spacer));
}

.gform_wrapper .upload-file {
  width: calc(50%) !important;
}

.gform_wrapper.gravity-theme .gchoice {
  margin: 4px 0;

  display: inline-block;
  margin-right: 32px;
  text-wrap: nowrap;
}

.gform_wrapper.gravity-theme .gfield-choice-input {
  position: relative;
  top: -2px !important;
}

.gform_wrapper.gravity-theme .gfield_checkbox label,
.gform_wrapper.gravity-theme .gfield_radio label {
  font-size: 1.125rem !important;
}

/* ------------- .gsurvey-likert ------------- */
table.gsurvey-likert {
  border-collapse: separate;
  margin-bottom: 0px;
}

  table.gsurvey-likert td.gsurvey-likert-choice,
  table.gsurvey-likert td.gsurvey-likert-choice.gsurvey-likert-selected {
    background-size: 20px 20px !important;
    height: 36px !important;
  }

    table.gsurvey-likert td.gsurvey-likert-choice:hover {
      cursor: pointer;
    }

  table.gsurvey-likert tr, table.gsurvey-likert td,
  table.gsurvey-likert th.gsurvey-likert-choice-label {
    background-color: #fff !important;
  }

  /* Gravity Survey Rating */
  .gravity-theme .gsurvey-rating {
    float: none !important;
  }

    body .gravity-theme .gsurvey-rating:not(:checked)>label {
      background-image: url('images/star0.svg') !important;
      background-size: 30px 30px !important;
      width: 36px !important;
      font-size: 30px !important;
      line-height: 30px !important;
      color: #fff !important;
    }

      body .gravity-theme .gsurvey-rating:not(:checked)>label:hover,
      body .gravity-theme .gsurvey-rating:not(:checked)>label:hover~label,
      body .gravity-theme .gsurvey-rating>input:checked~label {
        cursor: pointer !important;
        background-color: #fff !important;
        background-image: url('images/star1.svg') !important;
        background-size: 30px 30px !important;
        width: 36px !important;
        font-size: 30px !important;
        line-height: 30px !important;
        color: #fff !important;
      }

      body .gravity-theme .gsurvey-rating>input:checked+label:hover,
      body .gravity-theme .gsurvey-rating>input:checked+label:hover~label,
      body .gravity-theme .gsurvey-rating>input:checked~label:hover,
      body .gravity-theme .gsurvey-rating>input:checked~label:hover~label,
      body .gravity-theme .gsurvey-rating>label:hover~input:checked~label {
        color: #fff;
      }


      .gravity-theme .gsurvey-survey-field {
        margin-bottom: calc(.5 * var(--spacer));
      }

      .gravity-theme .gsurvey-survey-field .gfield_label,
      .gravity-theme .gsurvey-survey-field .gsurvey-rating-wrapper {
        display: inline-block;
        width: 66%;
        width: 100%;
      }

      .gravity-theme .gsurvey-survey-field .gsurvey-rating-wrapper {
        position: relative;
        display: inline-block;
        width: 33%;
        width: 100%;
        top: 8px;
      }


/* ------------- .gform legacy ------------- */
.form-modal .modal-dialog form,
.form-modal .gform_wrapper {
  width: 100%;
  max-width: 800px;
  margin: 0 auto;
}

.gform_confirmation_wrapper {
  padding: 40px 40px 30px;
}

.gform_fields {
  padding: 0;
}

  .gform_fields .gfield {
    list-style: none;
  }

  .gfield.consent {
    margin-top: 16px;
  }

  .gfield_label[for="email"],
  .gfield.consent > label {
    display: none;
  }

  .ginput_container_consent {
    margin-bottom: 6px;
  }

    .ginput_container_consent .form-check-input {
      margin-top: 5px;
    }

  .ginput_container_email input {
    font-weight: 300;
    font-size: 1.25em;
    padding: 9px 12.5px 6px !important;
    border-radius: 4px;
  }


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

  /* ------------- .gform ------------- */
  .gform_wrapper .gform_title {
    font-size: 4.625em;
    padding-bottom: 10px;
  }

}





  /* ------------- ui-datepicker ------------- */
  form .ui-datepicker {
    margin: 10px 0;
    padding: 5px;
    background-color: var(--c-grey-l);
  }

    .ui-datepicker {
      padding: 10px;
      background: rgb(255, 255, 255);
      border: 1px solid var(--c-grey-m);
      border-radius: 4px;
      margin-top: 10px;
    }

    .ui-datepicker .ui-datepicker-prev,
    .ui-datepicker .ui-datepicker-next {
      display: inline-block;
      text-align: center;
      display: none;
    }

      .ui-datepicker .ui-datepicker-prev {
        margin-right: 5px;
      }

      .ui-datepicker .ui-datepicker-next {
        margin-left: 5px;
      }

    .ui-datepicker .ui-datepicker-title {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      margin-bottom: 5px;
    }

    .ui-datepicker .ui-datepicker-month,
    .ui-datepicker .ui-datepicker-year {
      width: 45%;
      padding: 3px 5px 0px;
    }

    .ui-datepicker-calendar {
      margin-bottom: 0;
    }

      .ui-datepicker-calendar th,
      .ui-datepicker-calendar td {
        text-align: center;
      }

        .ui-datepicker-calendar td[data-event='click']:hover {
          background-color: var(--c-main);
          color: #fff;
          cursor: pointer;
          font-weight: 500;
        }

          .ui-datepicker-calendar td:hover a {
            text-decoration: none;
            color: #fff;
          }







/*************************************
 + Animation
*************************************/
/* @property --num {
  syntax: "<integer>";
  initial-value: 0;
  inherits: false;
}

div.advantage-section .h1[data-count] {
  animation: counter 5s 1 alternate ease-in-out;
  counter-reset: num var(--num);
}
div.advantage-section .h1[data-count]::after {
  content: counter(num);
}

@keyframes counter {
  from {
    --num: 0;
  }
  to {
    --num: 100;
  }
} */




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

.collapse.show {
  display: block !important;
}



/*************************************
 + Browser Selectors
*************************************/

/* IE
-------------------------------------------------------------- */
.ie {}



/* IE 7
-------------------------------------------------------------- */
.ie7 {}


/* Firefox
-------------------------------------------------------------- */
.gecko {}

  .gecko .search-main .submit {
    position: relative;
    top: -1.5px;
  }

  .gecko .gform_wrapper input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]):not([type="image"]):not([type="file"]),
  /* .gecko .gform_wrapper select, */
  .gecko .gform_wrapper textarea {
    padding: 5px 12.5px 3px;
  }

/* Safari
-------------------------------------------------------------- */
.safari:not(.chrome) {}

  .safari:not(.chrome) .page-header-overlay {
    bottom: -11px;
  }