
/* ---- HERO WRAPPER ---- */
.tp-hero-top {
  text-align: center;
  color: #fff;
  position: relative;
  z-index: 5;
}
/* ---- HERO TEXT COLOR + WEIGHT ---- */
.tp-hero-top,
.tp-hero-top h2,
.tp-hero-top .tp-rotate,
.tp-hero-top .tp-words span,
.tp-hero-top .tp-claim {
  color: #ffffff !important;
  font-weight: 700; /* bold */
}

.tp-hero-top h2,
.tp-hero-top .tp-claim {
  text-shadow: 0 0 8px rgba(0,0,0,0.45);
}

/* ---- ROTATOR ---- */
.tp-words {
  position: relative;
  display: inline-block;
}

.tp-words span {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  transition: opacity .6s ease;
  white-space: nowrap;
}

.tp-words span.show {
  opacity: 1;
  position: relative;
}

/* ---- CLAIM ---- */
.tp-claim {
  margin-top: 8px;
  font-size: 16px;
  opacity: 0.9;
}

/* ---- ARROW ---- */
.tp-arrow {
  width: 22px;
  height: 22px;
  margin: 16px auto 0;
  border-bottom: 4px solid #fff;   /* původně 2px */
  border-right: 4px solid #fff;    /* původně 2px */
  transform: rotate(45deg);
  animation: tpArrow 1.4s infinite ease-in-out;
  opacity: 0.95;  /* lehce víc viditelné */
}


/* rotator - uni */
.tp-rotator {
  text-align: center;
  color: #fff;
  max-width: 360px;
  margin: 0 auto;
  position: relative;
  text-shadow: 0 2px 10px rgba(0,0,0,0.35);
}

.tp-rotator-items {
  position: relative;
}

.tp-rotator .tp-item {
  opacity: 0;
  transition: opacity 0.6s ease;
  position: absolute;
  left: 0;
  right: 0;
}

.tp-rotator .tp-item.show {
  opacity: 1;
  position: relative;
}

.tp-rotator strong {
  display: block;
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 4px;
}

.tp-rotator p {
  font-size: 15px;
  margin: 0;
  opacity: 0.9;
}

/* Mobile tweak */
@media (max-width: 767px) {
  .tp-rotator strong { font-size: 20px; }
  .tp-rotator p { font-size: 14px; }
}

.tp-rotator-contact strong {
  font-size: 24px;
  font-weight: 700;
}

/* Fix proti propadávání rotátoru */
.tp-rotator-items {
  position: relative;
  min-height: 35px; /* upravíme podle reálné výšky */
}

.tp-rotator .tp-item {
  top: 0;
  left: 0;
  right: 0;
}


@keyframes tpArrow {
  0% { transform: translateY(0) rotate(45deg); opacity: 0.8; }
  50% { transform: translateY(6px) rotate(45deg); opacity: 1; }
  100% { transform: translateY(0) rotate(45deg); opacity: 0.8; }
}

/* ---- MOBILE ---- */
@media (max-width: 767px) {
  .tp-rotate { font-size: 28px; }
  .tp-claim { font-size: 15px; }
}


.tp-hero-top {
  margin-top: -40px; /* posun nahoru */
}

@media (max-width: 767px) {
  .tp-hero-top {
    margin-top: -20px; /* menší posun pro mobil */
  }
}

.tp-hero-top h2 {
    opacity: 0.75;
}
.tp-claim {
    opacity: 0.85;
}


.tp-item a {
  position: absolute;
  left: 0;
  right: 0;
  top: 100%; /* malý posun pod text */
  display: block;
  width: 100%;
  text-align: center;
}


.tp-item { position: relative; }

.tp-item {
  position: absolute;
  left: 0;
  right: 0;
  opacity: 0;
  pointer-events: none; /* ← tohle je klíčové */
}

.tp-item.show {
  opacity: 1;
  position: relative;
  pointer-events: auto; /* ← jen aktivní položka přijímá kliknutí */
}
/*----------------------------------------*/

/* @media only screen and (max-width: 980px) {
	#main-header,  #main-header .et_mobile_menu {
		background-color: #fff !important;
	}
	.et_mobile_menu li a {
		color: #666;
	}
}
*/
h1,h2,h3,h4,h5,h6 {
	letter-spacing: -1.5px;
	padding-bottom: 20px;
}
h1 {
	font-weight: bold;
}

@media only screen and (min-width: 981px) {
    #logo {
        max-height: 50%;
    }
}

.et-pb-contact-message {
    color: white;
    text-align: center;
}

.et-fixed-header .container.et_menu_container {
    border-bottom: 0px solid #fff;
}
.container.et_menu_container {
    border-bottom: 2px solid #fff;
}

#top-menu li {
    padding-right: 40px;
}
#top-menu>li:last-child {
    padding-right: 40px;
}
#et-top-navigation {
    font-weight: 400 !important;
}

#mobile_menu2 {
	width: calc(100vw + 35px);
	left: -35px;
	border-top-color: #18438d;
}

@media (max-width: 980px) {
	#main-header .et_mobile_menu {
		background-color: rgba(0, 0, 0);
	}	
	.et_pb_menu--style-left_aligned.et_pb_text_align_center .et_pb_menu__wrap {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: right;
	}
	
#main-header, #top-header {
    position: fixed !important;
}
	#main-header {
background-color: rgba(0, 0, 0, 0.82) !important;
	}
	.container.et_menu_container {
    border-bottom: 0 none !important;
}
	
	
}


.et_mobile_menu li a:hover, .nav ul li a:hover {
    background-color: transparent;
    opacity: 1;
}
.et_pb_button:hover {
    transform: translateX(0px) translateY(-5px)!important;
}

div.et_pb_section.et_pb_section_1_tb_header.et_pb_sticky {
    background-image: linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(255,255,255,0) 100%)!important;
}

@media only screen and (min-width: 981px) {
	.menu-item.menu-image a {
		padding-bottom: 0px !important;
		padding-top: 10px;
	}
	.menu-item.menu-image a img {
		
	}
}
/* posuvník */
::-webkit-scrollbar {
    width: 16px;
}
::-webkit-scrollbar-thumb {
    background-color: #92323e;
    border-radius: 0px;
    box-shadow:inset 2px 2px 2px hsla(0,0%,100%,.25),inset -2px -2px 2px rgba(0,0,0,.25);
}

::-webkit-scrollbar-track {
    background-color: #fff;
}

/*** Take out the divider line between content and sidebar ***/
#main-content .container:before {background: none;}
  
/*** Hide Sidebar ***/
#sidebar {display:none;}
  
/*** Expand the content area to fullwidth ***/
@media (min-width: 981px){
	#left-area {
		width: 100%;
		padding: 23px 0px 0px !important;
		float: none !important;
	}
}

.et_secondary_nav_enabled #page-container #top-header {
    background-image: linear-gradient(90deg,#18438D 0%,#0c3274 100%);
}
@media (max-width: 980px) {
    #top-header .container {
        padding-top: 10px;
    }
}
.et_pb_row, .container.et_menu_container {
    width: 90%;
    max-width: 1250px;
}


#et-info-phone:before {
	display: none;
}

#et-info {
    text-align: center;
    float: none;
}

@media screen and (min-width: 600px) {
li.menu-item-34380, li.menu-item-34396 {
		margin-right:30px;
	margin-top:-12px;	
	}
}

/* header cta desktop */

#et-boc #top-menu li.menu-item-34380 a, #et-boc #top-menu li.menu-item-34396 a{
	background-color: #92323e;
    border-radius: 0px;
    text-transform: uppercase;
    text-decoration: none;
	padding-top: 12px !important;
    padding-right: 20px !important;
    padding-bottom: 12px !important;
    padding-left: 20px !important;
	border:1px solid #fff;
	color:white !important;
}
#et-boc #top-menu li.menu-item-34405, #et-boc #top-menu li.menu-item-34418 {
	padding-right:12px;
	padding-left:40px;
}
#et-boc #top-menu li.menu-item-34405 a, #et-boc #top-menu li.menu-item-34418 a{
	color: #92323e;
	font-weight:bold;
	font-size: 15px;
}

/* header cta mobile */


@media (max-width: 980px) {
   #top-header .et_secondary_nav_only_menu, #top-header #et-secondary-nav, .et_secondary_nav_only_menu #top-header   {
         display: block; 
    }
}

@media (max-width: 980px) {
   #top-header #et-secondary-menu, #top-header #et-secondary-nav {
        display: block !important;    }
}

@media (min-width: 981px) {
    .et_secondary_nav_only_menu #top-header {
         display: none; 
    }
}

@media (min-width: 981px) {
    #et-secondary-menu, #et-secondary-nav {
	display: none !important; 
    }
}

.et_secondary_nav_only_menu  #page-container #et-boc #top-header {
	    top: 20px;
    left: 70px;
	right:120px;
		z-index:999999;
    background-image: none !important;
	background-color:transparent !important;
}

.et_secondary_nav_only_menu #top-header li:first-child a {
	background-color: #92323e;
    border-radius: 0px;
    text-transform: uppercase;
    text-decoration: none;
    padding-top: 12px !important;
    padding-right: 20px !important;
    padding-bottom: 12px !important;
    padding-left: 20px !important;
    border: 1px solid #fff;
    color: white !important;
}


#mobile_menu .menu-item-34405, #mobile_menu .menu-item-34396, #mobile_menu .menu-item-34441, #mobile_menu .et_first_mobile_item,  #mobile_menu .menu-item-34454 {
	display:none;
}


#et-secondary-menu .et-pb-icon {
	font-size:21px;
	padding-top: 9px;
  padding-left: 9px;
}
#et-secondary-menu li {
	float:left;
}

@media (max-width: 980px) {
	.et_search_outer {
		background-color:black;
		opacity:0.85;
	}
	#main-header .et-search-form {
		        width: 80% !important;
        max-width: 80% !important;
	}
}

@media (max-width: 980px) {
	#page-container #top-header #et-secondary-nav.nodisplay {
		display:none !important;
	}
}

/* Stabilizace výšky hlavního menu (desktop) */
#main-header {
  height: 98px !important; /* podle data-height-onload */
  line-height: 98px !important; 
  top: 0 !important;
  transition: none !important;
}

/* Zabrání „změně výšky“ při přepnutí do fixed stavu */
#main-header.et-fixed-header {
  height: 98px !important; /* stejné číslo = žádný skok */
  line-height: 98px !important;
  top: 0 !important;
  transition: none !important;
}


@font-face {
  font-family: 'Century Gothic';
  src: url('/wp-content/uploads/et-fonts/Century-Gothic.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

.et_pb_section_0 .et_pb_text_0 p {
  line-height: 1.05 !important;
}

.et_pb_section_0 .et_pb_text_0 p strong {
  line-height: 1.05 !important;
  display: inline-block !important;
  vertical-align: top !important;
}

/* Zastaví Divi vertical-centering reflow v hero textu */
.et_pb_section_0 .et_pb_text_0 {
  display: block !important; /* místo table/table-cell */
  vertical-align: top !important;
  transform: none !important;
}

@media only screen and (min-width: 1350px) {
  .et_pb_section_0.et_pb_section {
    padding-top: 221px !important;
    padding-bottom: 70px !important;
  }
}

@font-face {
  font-family: 'Century Gothic';
  src: url('/wp-content/uploads/et-fonts/Century-Gothic.woff2') format('woff2'),
       url('/wp-content/uploads/et-fonts/Century-Gothic.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: block; /* ← klíčové, tím odstraníme fallback */
}

/* Desktop zůstává tak jak je (221/70) */

/* Tablet */
@media (max-width: 980px) and (min-width: 768px) {
  .et_pb_section_0.et_pb_section {
    padding-top: 180px !important;
    padding-bottom: 60px !important;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .et_pb_section_0.et_pb_section {
    padding-top: 140px !important;
    padding-bottom: 50px !important;
  }
}
@media (max-width: 767px) {
  .et_pb_section_0.et_pb_section {
    background-position: 50% 0 !important;
  }
}

/* První obrázek (výška 91px + mezera) */
.et_pb_image_0 {
  min-height: 111px !important; /* 91 + 20 margin */
}

/* Druhý obrázek (výška 117px + mezera) */
.et_pb_image_1 {
  min-height: 137px !important; /* 117 + 20 margin */
}

/* Mobilní menu – normální řádkování */
@media (max-width: 980px) {
  #mobile_menu li a {
    line-height: 1.4 !important;
    padding: 12px 0 !important;
  }
}

/* Pozadí mobilního menu */
@media (max-width: 980px) {
  #mobile_menu {
    background: rgba(0,0,0,0.85) !important;
    padding: 20px !important;
  }

  /* Barva textu v menu */
  #mobile_menu li a {
    color: #ffffff !important;
  }
}

@media (max-width: 980px) {
  #mobile_menu li a {
    border-bottom: 1px solid rgba(255,255,255,0.12);
  }
}