﻿@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&display=swap');
#ajax-gallery {
 cursor: pointer
}

.newsletter-send-button {
 margin: 3px 0 0 -16px
}

.justify-content-center {
 justify-content: center
}

.gallery-button span {
 white-space: nowrap
}

.akce-btn {
 padding: 17px 20px !important
}

.menu > ul > li > ul > li > ul > li > ul {
 display: none
}

@media (min-width: 768px) and (max-width: 998px) {
 .black-cover-half {
 width: 94.5%
 }
}

@media (max-width: 991.98px) {
 .background {
 background-position: center bottom 455px
 }
}

.menu {
 border-bottom: 1px solid #424242;
 height: 130px;
 z-index: 100000;
}
.menu > ul > li a {
  font-size: 20px;
}

#searchning-main {
 max-height: 98px
}

.events > .col-md-6 > a {
 color: #000
}

.events > .col-md-6 > a:hover {
 text-decoration: none
}

.footer-main {
 filter: grayscale(0)
}

.footer-main img {
 filter: grayscale(100%);
 transition: all .5s
}

.footer-main img:hover {
 filter: grayscale(00%)
}

.icon-fb {
 background-image: url(../files/images/icons/icon-fb.png);
 display: inline-block;
 width: 40px;
 height: 40px;
 background-size: 100%;
 filter: grayscale(100%);
 transition: all .5s
}

.icon-ig {
 background-image: url(../files/images/icons/icon-ig.png);
 display: inline-block;
 width: 40px;
 height: 40px;
 background-size: 100%;
 filter: grayscale(100%);
 transition: all .5s
}

.icon-fb:hover, .icon-ig:hover {
 filter: grayscale(0)
}

.social-button a {
 padding: 27px 10px
}

.social-button-mobile {
 display: none
}

@media (max-width: 1200px) {
 .social-button {
 display: none !important
 }

 .social-button-mobile {
 text-align: center;
 display: block
 }

 .social-button-mobile a {
 max-width: 70px;
 display: inline-block !important
 }

 .searching-container button {
 padding: 11px 20px 10px 25px
 }
}

@media (min-width: 1200px) {
 .menu #langs-main ul {
 max-width: 71px
 }

 .events > col-md-6 > a {
 color: #000
 }

 .events > col-md-6 > a:hover {
 color: #000;
 text-decoration: none
 }

 .page-submenu > ul > li > ul > li > ul > li > a {
 background: 0 0;
 padding: 0;
 text-align: left;
 font-size: 13px
 }

 .menu-dropdown-icon-sub {
 content: "+";
 display: block;
 cursor: pointer;
 position: absolute;
 right: 2px;
 top: 20px;
 background: 0 0;
 color: #333;
 cursor: pointer;
 text-decoration: none;
 color: #424242;
 padding: 0 0 0 10px;
 margin-top: 0;
 width: 30px;
 height: 29px;
 border: 1px solid #c7c7c7
 }

 .interest a {
 color: #000
 }

 .interest a:hover {
 color: #000;
 text-decoration: none
 }

 .img-responsive {
 max-width: 100%
 }

 .popup-content img {
 max-width: 100%;
 max-height: 100%
 }

 .map-button-area {
 text-align: left;
 margin: 15px 0
 }

 .popup-button-pos {
 position: absolute;
 bottom: 0;
 left: 0
 }

 .background-map {
 width: 100%;
 background-image: url(/spindleruvmlyn{url_images}PAGES/rozcesti/img_5016.jpg);
 height: 100%;
 position: absolute;
 right: 0;
 top: 0;
 z-index: -1;
 opacity: .35;
 background-size: auto 100%
 }

 .map-text .info-table table {
 color: #000
 }

 .menu-dropdown-icon-sub {
 top: 14px
 }

 .google-switcher {
 position: relative;
 top: 28px
 }

 body {
 top: 0 !important;
 position: unset !important
 }

 #google_translate_element {
 float: right;
 top: 35px;
 position: relative;
 margin-right: 15px
 }
}

@media only screen and (max-width: 1200px) {
 #google_translate_element {
 float: right;
 top: 108px;
 position: absolute;
 right: 0;
 margin-right: 10px
 }

 .goog-te-banner-frame {
 bottom: 0 !important;
 top: initial !important
 }

 .interest-text-half img {
 max-width: 100%;
 height: inherit !important
 }

 .main-slider .slick-slide iframe {
 height: 120vh
 }

 .img-responsive {
 max-width: 100%;
 max-height: 600px
 }

 .pagination {
 display: inline-flex;
 padding-left: 0;
 list-style: none;
 border-radius: .25rem
 }

 .page-link {
 position: relative;
 display: block;
 padding: .5rem .75rem;
 margin-left: -1px;
 line-height: 1.25;
 color: #007bff;
 background-color: #fff;
 border: 1px solid #dee2e6
 }

 .page-link:hover {
 z-index: 2;
 color: #0056b3;
 text-decoration: none;
 background-color: #e9ecef;
 border-color: #dee2e6
 }

 .page-link:focus {
 z-index: 2;
 outline: 0;
 box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
 }

 .page-item:first-child .page-link {
 margin-left: 0;
 border-top-left-radius: .25rem;
 border-bottom-left-radius: .25rem
 }

 .page-item:last-child .page-link {
 border-top-right-radius: .25rem;
 border-bottom-right-radius: .25rem
 }

 .page-item.active .page-link {
 z-index: 1;
 color: #fff;
 background-color: #007bff;
 border-color: #007bff
 }

 .page-item.disabled .page-link {
 color: #6c757d;
 pointer-events: none;
 cursor: auto;
 background-color: #fff;
 border-color: #dee2e6
 }

 .pagination-lg .page-link {
 padding: .75rem 1.5rem;
 font-size: 1.25rem;
 line-height: 1.5
 }

 .pagination-lg .page-item:first-child .page-link {
 border-top-left-radius: .3rem;
 border-bottom-left-radius: .3rem
 }

 .pagination-lg .page-item:last-child .page-link {
 border-top-right-radius: .3rem;
 border-bottom-right-radius: .3rem
 }

 .pagination-sm .page-link {
 padding: .25rem .5rem;
 font-size: .875rem;
 line-height: 1.5
 }

 .pagination-sm .page-item:first-child .page-link {
 border-top-left-radius: .2rem;
 border-bottom-left-radius: .2rem
 }

 .pagination-sm .page-item:last-child .page-link {
 border-top-right-radius: .2rem;
 border-bottom-right-radius: .2rem
 }

 .icon-pagination_left:before {
 content: ' ';
 background-image: url(../files/images/icons/icon-pagination.svg);
 width: 6px;
 height: 13px;
 margin: 0 auto 0 auto;
 display: inline-block;
 cursor: pointer;
 transition: .5s;
 transform: rotate(180deg)
 }

 .icon-pagination_right:before {
 content: ' ';
 background-image: url(../files/images/icons/icon-pagination.svg);
 width: 6px;
 height: 13px;
 margin: 0 auto 0 auto;
 display: inline-block;
 cursor: pointer;
 transition: .5s
 }

 .icon-yt {
 background-image: url(../files/images/icons/icons-play-button.svg);
 display: inline-block;
 width: 46px;
 height: 40px;
 background-position: center;
 background-size: 110%;
 filter: grayscale(100%);
 transition: all .5s
 }

 .icon-yt:hover {
 filter: grayscale(0)
 }

 .menu .social-button a {
 padding: 15px 10px
 }

 .header-mobile {
 position: absolute;
 right: 28px;
 top: 65px;
 color: #000
 }

 .header-mobile a {
 color: #000
 }
}

@media (max-width: 1200px) {
 .header-mobile {
 position: relative;
 right: 0;
 top: 0;
 color: #000;
 background: #fff;
 text-align: center;
 padding: 15px
 }

 .footer-main .loga a {
 display: inline-block;
 padding: 0 15px
 }
}

#manu-content {
 max-width: 1400px;
 margin: auto;
}

@media (max-width: 800px) {
 .small-hp-item, .big-hp-item {
 background-size: cover !important;
 background-position: center !important;
 }
}

.block-changing-content-text, .block-changing-smaller-content-text {
 top: initial;
}

a.image-popup-vertical-fit {
 display: block;
 text-align: center;
 margin-bottom: 60px;
}

a.image-popup-vertical-fit img {
 width: 50%;
 max-width: 400px;
}
#header-big {
 margin-top:180px;
}

.header-big {
 background-size: auto;
 height: 45vh;
}

.content-akce {
 margin-top: 180px;
}

.events .event-item .event-content {
 height: auto;
}

.text-content-hp p, .interest-text {
 color: black;
}

.news-item-text h3, .header-big_content_inner {
 text-shadow: 1px 1px 5px #000, 1px 1px 20px #000;

}

.calendar-buttons > ul > li > a {
 background-color: #F6E6D0;
}

.calendar-buttons > ul > li > a:hover {

 color: #B8874C;
}

.menu > ul > li a:hover {
 color: #B8874C;

}

.active {
 background-color: #F6E6D0;
}

.menu .page-lang {
 color: #3c6c23;
 font-weight: 700;
}

.legal {
 background-color: white;
 width: 400px;
 margin: auto;
 margin-bottom: 40px;
}
.menu-logo img {
 height: 95px;
margin-top: 0px;
 
} 
.menu-logo {
 left: 35px; 
} 

.eu-logo img {
 height: 180px;
 position: absolute;
 left: 145px;
 top: -7px;
}



.btn-arrow_black {
 display: none;
}
.most-visited {
 color: white;
 text-align: center;
 background-color: rgba(235, 158, 6, 0.44);
 padding: 24px 0 24px 0; 
}
.tracy-debug-bar{
display:none!important;
}
p a {
 color: #B8874C;
}
p a:hover {
 text-decoration: underline;
 color: #B8874C; 
}

.header-small {
 margin-top: 150px;
} 
#hp-slider{
margin-top: 100px;
}
@media (max-width: 800px) {
 .block-changing-smaller-content-text {
 margin: 0 25px 0 25px;
 }
 .eu-logo img {
 height: 130px!important;
 left: 105px; 
 }
 .menu-logo img {
 height: 70px; 
 margin-top: 14px; 
 } 
 .menu {
   height: 120px;
 } 
.header-small {
 margin-top: 120px;
} 
}
@media (max-width: 600px) {
 .eu-logo img {
 height: 100px!important;
 left: 75px;
 top: 7px; 
 }
 .menu-logo {
 left: 15px; 
 } 
 .menu-logo img {
 height: 70px;
 margin-top: 14px; 
 
 } 
 .most-visited{
 color: black;
 }
 .news-item-text h3{
 text-shadow: none;
 }
 .menu-mobile{
 padding-right:10px;
 }
}

@media (max-width: 400px) {
 .eu-logo img {
 height: 85px!important;
 left: 65px;
 top: 16px; 
 }
 .menu-logo img {
 height: 64px;
 margin-top: 16px; 
 }
 .menu-logo {
 left: 10px; 
 } 
}

@media only screen and (max-width: 1600px) {
 .menu-image {
 display: none;
 }
 .arrow-down {
 display: none !important;
 }
 .menu-container {
 width: 100%;
 }
 .menu-mobile {
 display: block;
 padding:40px;
 }
 .menu-dropdown-icon:before {
 display: block;
 }
 .menu {
 position: absolute;
 }
 .menu > ul {
 margin: 0 auto;
 padding: 150px 0 0 0;
 display: none;
 position: relative;
 float: none;
 }
 .menu > ul > li {
 width: 100%;
 float: none;
 display: block;
 border-top: 1px solid #d6d6d6;
 }
 .menu > ul > li a {
 padding: 1.8em;
 width: 100%;
 display: block;
 background: #fff;
 color: #000;
 }
 .menu > ul > li a:hover {
 color: #000;
 font-weight: 600;
 }
 .menu > ul > li > ul {
 padding: 25px;
 position: relative;
 background: #fff;
 border-top: 1px solid #d6d6d6;
 }
 .menu > ul > li > ul.normal-sub {
 width: 100%;
 border-top: 1px solid #d6d6d6;
 }
 .menu > ul > li > ul > li {
 float: none;
 width: 100%;
 height: auto;
 background: #fff;
 padding-left: 0;
 padding-top: 0;
 margin: 0;
 }
 .menu > ul > li > ul > li a {
 background: transparent;
 font-family: 'Libre Baskerville';
 color: #000;
 border-bottom: 1px solid #d6d6d6;
 }
 .menu > ul > li > ul > li a:hover {
 color: #000;
 font-weight: 600;
 }
 .menu > ul > li > ul > li > ul > li {
 float: none;
 }
 .menu > ul > li > ul > li > ul > li a {
 color: #000;
 }
 .menu > ul > li > ul > li > ul > li a:hover {
 color: #000;
 font-weight: 600;
 }
 .input-serchnig {
 width: 87% !important;
 border: 1px solid #d6d6d6;
 padding: 5px 5px;
 }
 .icon-search {
 float: right;
 }
 .menu #langs-main {
 border-bottom: 1px solid #d6d6d6;
 }
 .page-lang {
 display: inline-block;
 padding: 1.5em;
 color: #fff;
 }
 .arrow-down {
 display: none !important;
 }
 .menu #langs-main ul {
 background-color: #fff;
 padding-top: 0;
 }
 .menu #langs-main span {
 padding: 1.83em 20px;
 }
 .menu-action-mobile-hidden {
 display: none;
 }
 .menu > ul > li > ul.normal-sub > li a {
 border: 0;
 padding: 1em 6px;
 }
}

.instagram-list {
 display: grid;
 grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
 gap: 20px;
}

.instagram-list img {
 object-fit: cover;
 width: 100%;
}

@media (max-width: 1600px) {
 .instagram-list {
 grid-template-columns: 1fr 1fr 1fr;
 }
.menu > ul {
  margin: -20px auto;
} 
}

@media (max-width: 480px) {
.menu > ul {
  margin: 0px auto;
}
 .instagram-list {
 grid-template-columns: 1fr 1fr;
 }
}
@media (max-width: 800px) {
 .menu > ul {
 padding: 120px 0 0 0;
}
}
.fcbk a{
	color: #B8874C;
}
.show-on-mobile{
    display: block!important;
}
.menu,.menu > ul > li{
    background-color: #E9C08C;
}


@media only screen and (min-width: 1601px) {
  .menu > ul {
    display: flex;
    align-items: center;
  }

  .menu > ul > li {
    float: none;
    display: flex;
    align-items: center;
    width: auto;
  }

  .menu > ul > li:not(:last-child)::after {
    content: "•";
    color: #7D6750;
    font-size: 13px;
    margin: 0 16px;
    line-height: 1;
  }

  .menu > ul > li > a {
    padding-left: 0;
    padding-right: 0;
  }
}

:root {
  --lva-bg: #E9C08C;
  --lva-bg-soft: #FFF7EC;
  --lva-text: #1F1B17;
  --lva-muted: #8d8268;
  --lva-accent: #B8874C;
  --lva-accent-hover: #6F4A25;
  --lva-line: rgba(36, 33, 29, .16);
}

/* Menu */
.menu,
.menu > ul > li {
  background-color: var(--lva-bg);
}

.menu {
  border-bottom: 1px solid var(--lva-line);
  box-shadow: 0 8px 24px rgba(0,0,0,.04);
}

.menu > ul > li > a {
  color: var(--lva-text);
  font-size: 16px;
  letter-spacing: 1.8px;
  transition: color .25s ease, background-color .25s ease;
}

.menu > ul > li > a:hover,
.menu > ul > li:hover > a {
  color: var(--lva-accent-hover);
  background-color: rgba(255,255,255,.18);
}

.menu > ul > li:not(:last-child)::after {
  color: var(--lva-muted);
  opacity: .7;
}

/* Jazyk */
.menu .page-lang {
  color: #4f6c36;
}

.arrow-down {
  opacity: .5;
}

/* Hero */
.item-slider-content h1 {
  font-weight: 300;
  letter-spacing: 8px;
  text-shadow: 0 3px 18px rgba(0,0,0,.42);
}

.item-slider-content .subheader {
  letter-spacing: 5px;
  font-weight: 300;
  text-shadow: 0 2px 12px rgba(0,0,0,.35);
}

.slider-gradient,
.background-color-cover {
  background: rgba(0,0,0,.22);
}

/* Tlačítka */
.btn-main {
  border-color: rgba(255,255,255,.75);
  background-color: rgba(255,255,255,.08);
  color: #fff;
  transition: all .25s ease;
}

.btn-main:hover {
  background-color: var(--lva-accent);
  border-color: var(--lva-accent);
  color: #fff;
}

/* Obsah */
.text-content-hp p,
.interest-text,
#content p {
  color: #3b3832;
  line-height: 1.8;
}

#content h2 {
  color: var(--lva-text);
  font-weight: 300;
  letter-spacing: .5px;
}

/* Rozcestníky */
.news-item h3 {
  font-weight: 300;
  letter-spacing: 2px;
}

.news-item-text h3 {
  text-shadow: 0 2px 14px rgba(0,0,0,.55);
}

.big-hp-item,
.small-hp-item {
  transition: transform .6s ease, filter .6s ease;
  filter: saturate(.95) contrast(.96);
  background-position: center !important;
}

.news-item:hover .big-hp-item,
.news-item:hover .small-hp-item {
  transform: scale(1.035);
  filter: saturate(1.05) contrast(1);
}

/* Patička */
.footer-main {
  background-color: #FFF7EC;
  color: #3b3832;
}

.footer-main a {
  color: var(--lva-accent-hover);
}

.footer-main a:hover {
  color: var(--lva-accent);
  text-decoration: underline;
}

/* Tmavý pruh nad patičkou */
.footer,
#footer {
  background-color: #2c2925;
}

/* Aktivní položky */
.active {
  background-color: rgba(185,138,58,.16);
  color: var(--lva-accent-hover) !important;
}
:root {
  --lva-bg: #E9C08C;
  --lva-bg-soft: #FFF7EC;
  --lva-text: #1F1B17;
  --lva-muted: #7D6750;
  --lva-accent: #B8874C;
  --lva-accent-hover: #6F4A25;
  --lva-line: rgba(47, 42, 36, .16);
}

/* MENU */
.menu,
.menu > ul > li {
  background-color: var(--lva-bg);
}

.menu {
  border-bottom: 1px solid var(--lva-line);
  box-shadow: 0 8px 24px rgba(0,0,0,.04);
}

/* DESKTOP MENU */
@media only screen and (min-width: 1601px) {
  .menu > ul {
    display: flex;
    align-items: center;
    margin: 26px auto;
  }

  .menu > ul > li {
    float: none;
    display: flex;
    align-items: center;
    width: auto;
    background: transparent;
  }

  .menu > ul > li > a {
    color: var(--lva-text);
    font-size: 16px;
    font-weight: 500;
    letter-spacing: 1px;
    padding-left: 0;
    padding-right: 0;
    background: transparent !important;
    transition: color .25s ease;
  }

  .menu > ul > li > a:hover,
  .menu > ul > li:hover > a {
    color: var(--lva-accent-hover);
    background: transparent !important;
    font-weight: 500 !important;
  }

  .menu > ul > li:not(:last-child)::after {
    content: "•";
    color: black;
    opacity: .35;
    font-size: 12px;
    margin: 0 15px;
    line-height: 1;
  }
}

/* JAZYKOVÝ PŘEPÍNAČ */
@media only screen and (min-width: 1601px) {
  .menu #langs-main {
    position: relative;
    padding-right: 0;
  }

  .menu #langs-main::after {
    display: none;
  }

  .menu #langs-main .border-lang {
    display: none;
  }

  .menu #langs-main .page-lang {
    font-family: 'Libre Baskerville', sans-serif;
    color: var(--lva-text);
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 38px 0;
    display: inline-block;
    transition: color .25s ease;
  }

  .menu #langs-main:hover .page-lang {
    color: var(--lva-accent-hover);
  }

  .menu #langs-main .arrow-down {
    display: inline-block !important;
    opacity: .45;
    margin-left: 8px;
    transition: transform .25s ease, opacity .25s ease;
  }

  .menu #langs-main:hover .arrow-down {
    opacity: .8;
    transform: rotate(180deg);
  }

  .menu #langs-main ul#langs {
    display: block;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 76px;
    right: -18px;
    min-width: 86px;
    max-width: none;
    padding: 8px 0;
    margin: 0;
    background: var(--lva-bg-soft);
    border: 1px solid var(--lva-line);
    box-shadow: 0 14px 30px rgba(0,0,0,.12);
    transform: translateY(8px);
    transition: opacity .22s ease, transform .22s ease, visibility .22s ease;
    z-index: 999;
  }

  .menu #langs-main:hover ul#langs {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
  }

  .menu #langs-main ul#langs li {
    display: block;
    margin: 0;
    background: transparent;
  }

  .menu #langs-main ul#langs li a {
    font-family: 'Libre Baskerville', sans-serif;
    color: var(--lva-text);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 10px 18px !important;
    background: transparent !important;
    text-align: center;
  }

  .menu #langs-main ul#langs li a:hover {
    color: var(--lva-accent-hover);
    background: rgba(185, 138, 74, .10) !important;
  }
}

/* HERO */
.item-slider-content h1 {
  font-size: 58px;
  font-weight: 300;
  letter-spacing: 3px;
  text-shadow: 0 3px 18px rgba(0,0,0,.45);
}

.item-slider-content .subheader {
  font-weight: 300;
  letter-spacing: 4px;
  text-shadow: 0 2px 14px rgba(0,0,0,.4);
}

.slider-gradient,
.background-color-cover {
  background: rgba(0,0,0,.24);
}

/* TLAČÍTKA */
.btn-main {
  border-color: black;
  background-color: rgba(255,255,255,.08);
  color: #000;
  transition: all .25s ease;
}

.news .btn-main, .item-slider-container .btn-main {
  border-color: rgba(255,255,255,.75);
  background-color: rgba(255,255,255,.08);
  color: #fff;
  transition: all .25s ease;
}

.btn-main:hover {
  background-color: var(--lva-accent);
  border-color: var(--lva-accent);
  color: #fff;
}

/* OBSAH */
#content h2 {
  color: var(--lva-text);
  font-weight: 300;
  letter-spacing: .4px;
}

#content p,
.text-content-hp p,
.interest-text {
  color: #3b3832;
  line-height: 1.8;
}

/* ROZCESTNÍKY */
.news-item h3,
.news-item-text h3 {
  font-weight: 300;
  letter-spacing: 2px;
}

.news-item-text h3 {
  text-shadow: 0 2px 14px rgba(0,0,0,.55);
}

.big-hp-item,
.small-hp-item {
  transition: transform .6s ease, filter .6s ease;
  filter: saturate(.95) contrast(.96);
}

.news-item:hover .big-hp-item,
.news-item:hover .small-hp-item {
  transform: scale(1.035);
  filter: saturate(1.05) contrast(1);
}

/* ODKAZY */
p a,
.footer-main a,
.calendar-buttons > ul > li > a:hover {
  color: var(--lva-accent-hover);
}

p a:hover,
.footer-main a:hover {
  color: var(--lva-accent);
  text-decoration: underline;
}

/* PATIČKA */
.footer-main {
  background-color: var(--lva-bg-soft);
  color: #3b3832;
}

.footer,
#footer {
  background-color: #2c2925;
}

/* AKTIVNÍ POLOŽKA */
.active {
  background: transparent !important;
  color: var(--lva-accent-hover) !important;
}
.hp-item-wide {
    height: 320px !important;
    background-size: cover !important;
    background-position: center center !important;
}

/* BENEFITY HP */

.hp-benefits{
    display:flex;
    justify-content:center;
    align-items:stretch;
    gap:30px;
    flex-wrap:wrap;
    margin:70px 0;
}

.hp-benefit{
    width:260px;
    padding:35px 30px;
    text-align:center;
    background:#fff;
    border:1px solid rgba(0,0,0,.06);
    box-shadow:0 8px 25px rgba(0,0,0,.04);
    transition:all .3s ease;
}

.hp-benefit:hover{
    transform:translateY(-4px);
    box-shadow:0 15px 35px rgba(0,0,0,.08);
}

.hp-benefit h3{
    margin:0 0 18px;
    padding-bottom:12px;
    font-size:21px;
    font-weight:500;
    color:#1F1B17;
    position:relative;
}

.hp-benefit h3:after{
    content:"";
    display:block;
    width:40px;
    height:1px;
    background:#B8874C;
    margin:12px auto 0;
}

.hp-benefit p{
    margin:0;
    font-size:15px;
    line-height:1.8;
    color:#666;
}

@media (max-width: 767px){

    .hp-benefits{
        gap:20px;
        margin:50px 0;
    }

    .hp-benefit{
        width:100%;
        max-width:350px;
        padding:28px 24px;
    }

    .hp-benefit h3{
        font-size:19px;
    }
}

/* =========================================================
   Finální přebarvení webu U českého lva
   hlavní barva: #E9C08C
   font: Libre Baskerville
   ========================================================= */

@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&display=swap');

:root {
  --lva-bg: #E9C08C;
  --lva-bg-soft: #FFF7EC;
  --lva-bg-muted: #F6E6D0;
  --lva-text: #111111;
  --lva-text-soft: #3A3028;
  --lva-muted: #7D6750;
  --lva-accent: #B8874C;
  --lva-accent-hover: #6F4A25;
  --lva-line: rgba(31, 27, 23, .18);
}

/* FONT */
html,
body,
button,
input,
select,
textarea,
.menu > ul,
.menu > ul > li a,
.menu #langs-main .page-lang,
.menu #langs-main ul#langs li a,
.btn-main,
.newsletter-send-button,
.page-submenu,
.navigation,
.strankovani,
.menu-action .menu-action_d,
.menu-action .menu-action_h,
.menu-action .menu-action_p,
.menu-action_h1,
.gallery-button span,
.icon-span-text,
.calendar-buttons > ul,
.icon-area,
.navigation-select .ui-button,
.navigation-select .select-ui-label {
  font-family: 'Libre Baskerville', Georgia, serif !important;
}

body {
  color: var(--lva-text);
}

/* VÝBĚR TEXTU */
::selection {
  background-color: var(--lva-bg);
  color: #000;
}

/* HLAVIČKA / MENU */
.menu,
.menu-container,
.menu > ul > li {
  background-color: var(--lva-bg) !important;
}

.menu {
  border-bottom: 1px solid var(--lva-line) !important;
  box-shadow: 0 8px 24px rgba(0,0,0,.05);
}

.menu > ul > li > a,
.menu > ul > li a,
.menu #langs-main .page-lang,
.header-mobile,
.header-mobile a {
  color: #000 !important;
}

.menu > ul > li > a {
  font-weight: 500;
  letter-spacing: 1px;
}

/* MENU HOVER - bez podbarvení */
.menu > ul > li > a:hover,
.menu > ul > li:hover > a,
.menu > ul > li a:hover {
    background: transparent !important;
    color: #000 !important;
    text-decoration: underline;
    text-decoration-color: #B8874C;
    text-underline-offset: 6px;
    text-decoration-thickness: 2px;
}

/* AKTIVNÍ POLOŽKA */
.menu .active,
.menu .active:hover,
.menu > ul > li.active > a,
.menu > ul > li.active > a:hover,
.menu > ul > li > a.active,
.menu > ul > li > a.active:hover {
    background: transparent !important;
    color: #6F4A25 !important;
    font-weight: inherit !important;
    text-decoration: none !important;
    cursor: default;
    font-family: 'Libre Baskerville' !important;
}

/* vypnutí všech hover backgroundů v desktop menu */
.menu > ul > li:hover,
.menu > ul > li > a:hover {
    background-color: transparent !important;
}

/* dropdown položky ponechat bez podbarvení */
.menu > ul > li > ul > li:hover {
    background-color: transparent !important;
}
.menu > ul > li:not(:last-child)::after {
  color: #000 !important;
  opacity: .35;
}

.menu > ul > li > ul,
.menu > ul > li > ul > li,
.menu > ul > li > ul.normal-sub,
.menu > ul > li > ul.normal-sub > li,
.menu #langs-main ul,
.menu #langs-main ul li {
  background-color: var(--lva-bg-soft) !important;
}

.menu > ul > li > ul > li:hover,
.menu #langs-main ul#langs li a:hover {
  background-color: var(--lva-bg-muted) !important;
}

.menu > ul > li > ul > li a,
.menu > ul > li > ul > li > ul > li a,
.menu #langs-main ul#langs li a {
  color: #000 !important;
}

/* HAMBURGER */
.bar1,
.bar2,
.bar3 {
  background-color: #000 !important;
}

/* HLAVIČKOVÉ A HERO PŘEKRYVY */
.slider-gradient,
.background-color-cover {
  background: rgba(0,0,0,.24) !important;
}

.item-slider-content h1,
.item-slider-content .subheader,
.header-big_content_inner,
.news-item-text h3 {
  text-shadow: 0 3px 18px rgba(0,0,0,.45);
}

/* TLAČÍTKA */
.btn-main,
.btn-main_black,
.akce-btn,
.searching-container button,
.newsletter-send-button {
  border-color: var(--lva-accent-hover) !important;
  color: #000 !important;
  background-color: transparent;
}

.news .btn-main,
.item-slider-container .btn-main,
.header-big .btn-main,
.header-small .btn-main {
  border-color: rgba(255,255,255,.85) !important;
  color: #fff !important;
  background-color: rgba(0,0,0,.12);
}

.btn-main:hover,
.btn-main_black:hover,
.akce-btn:hover,
.searching-container button:hover,
.newsletter-send-button:hover {
  background-color: var(--lva-bg) !important;
  border-color: var(--lva-bg) !important;
  color: #000 !important;
  text-decoration: none;
}

/* ODKAZY A AKTIVNÍ PRVKY */
a,
p a,
.footer-main a,
.fcbk a {
  color: var(--lva-accent-hover);
}

a:hover,
p a:hover,
.footer-main a:hover,
.fcbk a:hover {
  color: var(--lva-accent);
}

.active,
.strankovani .active-page,
.page-item.active .page-link {
  background-color: var(--lva-bg-muted) !important;
  border-color: var(--lva-accent) !important;
  color: var(--lva-accent-hover) !important;
}

/* OBSAH */
#content h1,
#content h2,
#content h3,
.text-content-hp h1,
.text-content-hp h2,
.text-content-hp h3,
.hp-benefit h3 {
  color: var(--lva-text) !important;
}

#content p,
.text-content-hp p,
.interest-text,
.interest-text-half,
.hp-benefit p {
  color: var(--lva-text-soft) !important;
}

.hp-benefit h3:after {
  background-color: var(--lva-accent) !important;
}

.hp-benefit:hover {
  box-shadow: 0 15px 35px rgba(111,74,37,.14);
}

/* KALENDÁŘ / SUBMENU / STRÁNKOVÁNÍ */
.calendar-buttons > ul > li > a,
.page-submenu a,
.strankovani .page {
  background-color: var(--lva-bg-muted) !important;
  color: #000 !important;
}

.calendar-buttons > ul > li > a:hover,
.calendar-buttons .active,
.page-submenu > ul > li > a:hover,
.page-submenu > ul > li > ul > li > a:hover,
.strankovani .page:hover {
  color: var(--lva-accent-hover) !important;
  background-color: var(--lva-bg) !important;
}

/* BLOK MOST VISITED */
.most-visited {
  background-color: rgba(233,192,140,.58) !important;
  color: #000 !important;
}

/* FORMULÁŘE */
.form-control:focus,
.ui-selectmenu-button:focus {
  border-color: var(--lva-accent) !important;
  box-shadow: 0 0 0 .2rem rgba(233,192,140,.35) !important;
}

/* PATIČKA */
.footer-main {
  background-color: var(--lva-bg-soft) !important;
  color: var(--lva-text-soft) !important;
}

.footer,
#footer {
  background-color: #2A241F !important;
}

.legal {
  background-color: var(--lva-bg-soft) !important;
}

/* MOBILNÍ MENU */
@media only screen and (max-width: 1600px) {
  .menu > ul > li a {
    background-color: var(--lva-bg-soft) !important;
    color: #000 !important;
  }

  .menu > ul > li a:hover {
    background-color: var(--lva-bg-muted) !important;
    color: #000 !important;
  }

  .menu-mobile {
    color: #000 !important;
  }

  .page-lang {
    color: #000 !important;
  }
}

@media (max-width: 600px) {
  .most-visited {
    color: #000 !important;
  }

  .news-item-text h3 {
    text-shadow: none;
  }
}
.header-small {
height: 320px;
}

/* Úprava výšky hlavičky a patičky */
@media only screen and (min-width: 1601px) {
  .menu {
    height: 130px !important;
  }

  .menu-logo {
    top: 50% !important;
    transform: translateY(-50%) !important;
    left: 35px;
  }

  .menu-logo img {
    height: 95px !important;
    margin-top: 0 !important;
  }

  .menu > ul {
    height: 130px !important;
    margin: 0 auto !important;
    display: flex !important;
    align-items: center !important;
  }

  .menu > ul > li {
    display: flex !important;
    align-items: center !important;
  }

  .menu > ul > li > a {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 130px !important;
  }

  .menu #langs-main .page-lang {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 130px !important;
  }

  .menu #langs-main ul#langs {
    top: 92px !important;
  }

  .header-small {
    margin-top: 130px !important;
  }
}

.footer-main {
  min-height: 0 !important;
  padding-bottom: 0 !important;
}

.footer-main .container {
  padding-bottom: 0 !important;
}

.footer-main .row {
  margin-bottom: 0 !important;
}

.footer-main .copy {
  margin-top: 8px !important;
  margin-bottom: 0 !important;
  padding-bottom: 8px !important;
}

.footer-main .copy p {
  margin-bottom: 0 !important;
}

