/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/

:root {
	--purple: #55237C;
  	--blue: #4D98A0;
  	--grey: #161616;
  	--light-yellow: #F1ECE7;
  	--dark-blue: #1F7D84;
  	--dark-yellow: #90867B;
  	--light-grey: #F4F4F4;
  	--dark-red: #C63131;
}

.light-grey-background {
	background: var(--light-grey) !important;	
}
.purple-text {
	color: var(--purple) !important;  
}

body {
	font-family: 'Roboto', 'Arial', sans-serif;
	margin: 0;
	padding: 0;
	font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 0px !important; 
}
/* fixing jumping top bar globaly start - https://help.elegantthemes.com/en/articles/2359901-divi-header-jumping-moving-on-page-load*/
@media (min-width: 981px) {
	#page-container  {
		padding-top: 98px !important;
	}
}
@media (max-width: 980px) {
	.et_fixed_nav.et_show_nav #page-container{
		padding-top: 87px !important	
	}
}
/* fixing jumping top bar globaly end */
p {
  padding-bottom: 16px; 
}
.et_pb_text ol, .et_pb_text ul {
  padding-bottom: 16px;
}
h1, h4, .body-text--bold {
	color: var(--purple);
}
h2, h3, .perex, .body-text {
	color: var(--grey);
}
h1.homepage, h1, h2, h3, h4, .body-text--bold {
	font-weight: bold;
}

h1.homepage {
	font-size: 48px !important;
	line-height: 60px !important;
  	letter-spacing: 0px !important;
}
h1 {
	font-size: 40px !important;
	line-height: 56px !important;
  	letter-spacing: 0px !important;  
}
h2 {
	font-size: 34px !important;
	line-height: 48px !important;
  	letter-spacing: 0px !important;  
}
h3 {
	font-size: 28px !important;
	line-height: 32px !important;
  	letter-spacing: 0px !important;  
}
h4, .clovek-v-tisni {
	font-size: 22px !important;
	line-height: 32px !important;
  	letter-spacing: 0px !important;  
}
.perex, #mozna-dluzite .et_pb_blurb_description {
	font-size: 18px !important;
	line-height: 32px !important;
  	letter-spacing: 0px !important;  
}
.body-text, #dotaznik-sloupec, #pdf-dotaznik-01, #pdf-dotaznik-02, .accordion-instituce h5, #vysledky-dotazniku h5, .accordion-seznam h5 {
	font-size: 16px !important;
	line-height: 24px !important;
 	letter-spacing: 0px !important;
}
.small-text {
	font-size: 14px !important;
	line-height: 24px !important;
 	letter-spacing: 0px !important;  
}
/* h5 = title of blurb */
.body-text--bold, h5, #pdf-dotaznik-01 .body-text--bold, #pdf-dotaznik-02 .body-text--bold {
	font-size: 16px !important;
	line-height: 32px !important;
  	letter-spacing: 0px !important;  
}
.breadcrumbs {
  	font-size: 14px;
	line-height: 24px;
}
@media (max-width:768px) {
    h1.homepage {
        font-size: 32px !important;
        line-height: 40px !important;
        letter-spacing: 0px !important;
    }
    h1 {
        font-size: 32px !important;
        line-height: 40px !important;
        letter-spacing: 0px !important;  
    }
    h2 {
        font-size: 26px !important;
        line-height: 32px !important;
        letter-spacing: 0px !important;  
    }
    h3 {
        font-size: 22px !important;
        line-height: 32px !important;
        letter-spacing: 0px !important;  
    }
    h4, .clovek-v-tisni {
        font-size: 18px !important;
        line-height: 24px !important;
        letter-spacing: 0px !important;  
    }
    .perex, #mozna-dluzite .et_pb_blurb_description {
        font-size: 16px !important;
        line-height: 28px !important;
        letter-spacing: 0px !important;  
    }
    body, .accordion-instituce h5, #vysledky-dotazniku h5, .accordion-seznam h5 {
        font-size: 14px !important;
        line-height: 24px !important;
        letter-spacing: 0px !important;
    }
    /* h5 = title of blurb */
    .body-text--bold, h5 {
        font-size: 14px !important;
        line-height: 24px !important;
        letter-spacing: 0px !important;  
    }
  	.small-text {  
		font-size: 12px !important;
		line-height: 22px !important;
 		letter-spacing: 0px !important;   
  	}
  	.breadcrumbs {
 		font-size: 12px;
		line-height: 24px; 	
	}
}

h1, h2, h3 {
    padding-bottom: 24px;
}
h4, h5 {
  	padding-bottom: 16px;
}
.bold {
  	font-weight: 700;
}
.ml-32	{
	margin-left: 32px;
}
.mt-40-32m {
  	margin-top: 40px;
}
.mt-40 {
  	margin-top: 40px;
}
.mt-32	{
	margin-top: 32px;
}
.mt-28 {
  	margin-top: 28px;
}
.mt-16  {
	margin-top: 16px;
}
.mb-16 {
  	margin-bottom: 16px;
}
.mb-8 {
  	margin-bottom: 8px;
}
.pb-32 {
  	padding-bottom: 32px;
}
.pb-16 {
  	padding-bottom: 16px;
}
.pb-8 {
  	padding-bottom: 8px !important;
}
#mobile_menu a {
	text-decoration: none;
}
.d-i-block {
  	display: inline-block;
}
.d-block {
  	display: block;
}
.d-none, #nadpis-vysledky.d-none {
  	display: none !important;
}
button {
  	border-color: transparent !important;
  	cursor: pointer;
}
button:disabled, button:disabled:hover {
    background-color: var(--dark-blue) !important;
    border-bottom: 2px var(--dark-blue) !important;
    box-shadow: 0px 2px 0px var(--dark-blue) !important;
  	cursor: not-allowed;
}
.btn-loading:after {
    background-image: url(/wp-content/uploads/2021/09/rotating-eclipse.svg) !important;
    width: 24px !important;
    height: 24px !important;
    margin-left: 16px !important;  
	animation: spin 1s linear infinite;
  
}
.et_pb_blurb_position_left .et_pb_blurb_container {
  	padding-left: 16px;
}
@keyframes spin {
	from {
    	transform:rotate(0deg);
  	}
	to {
      	transform:rotate(360deg);
  	}	
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fade-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/*** Responsive Styles Smartphone Only ***/
@media all and (max-width: 767px) {
  	/*smaller text size*/
	.button-size-L {
    	font-size: 18px !important;
      	padding: 12px 24px !important;
  	} 
  	/* smaller padding for hp advices */
  	.homepage-advice {
    	padding: 32px 32px 40px 32px !important;
  	}
}

/* add to divider in footer border radius */
footer .et_pb_divider_0_tb_footer:before {
	border-radius: 2px;
}
/* links in footer white and underline */
footer a {
	color: #ffffff;
  	text-decoration: underline;
}
/* padding left null for blurbs without image */
.blurb-no-padding-left .et_pb_blurb_container {
	padding-left: 0px;
}
/* cookie icon move down + size correction */
.cookie-notice .et_pb_main_blurb_image {
	width: auto;
	padding-top: 4px;  		
}
/* cookie icon smaller paddding next to text */
.cookie-notice .et_pb_blurb_container {
	padding-left: 8px;
}
/* no moving blurb to center when is responsive */
.et_pb_blurb_content {
	margin: 0 0px;
}
/* wider screen for mobiles */
.et_pb_row, .container {
	width: 90%;
}
/* white card with advice on HP */
.hp-advice {
	background: #FFFFFF;
	box-shadow: 0px 2px 4px #DFD5CC;
	border-radius: 8px;
  	padding: 32px 40px 40px 40px !important;
  	max-width: 540px;
}
/* proper links color */
.hp-advice a, .hp-zlepseni a, .sdileni-projektu a, a.link, .pum-close.popmake-close, .breadcrumbs a, .rady-milostive a, a.cmplz-link {
	color: var(--blue) !important;
	text-decoration: underline !important;    
}
/* proper links color hover */
.hp-advice a:hover, .hp-zlepseni a:hover, .sdileni-projektu a:hover, a.link:hover, .pum-close.popmake-close:hover, .breadcrumbs a:hover, .rady-milostive a:hover, a.cmplz-link:hover {
	color: var(--purple) !important;
	text-decoration: underline; 	 
}
/* button-size-M */
.button-size-M {
  	background-color: var(--blue);
	box-shadow: 0px 2px 0px var(--dark-blue);
  	border-bottom: 2px var(--dark-blue);
	border-radius: 4px !important;
  	color: #FFFFFF;
  	font-size: 16px;
  	line-height: 24px !important;
}
/* button-size-L */
.button-size-L {
  	background-color: var(--blue);
	box-shadow: 0px 2px 0px var(--dark-blue);
  	border-bottom: 2px var(--dark-blue);
	border-radius: 4px !important;
  	color: #FFFFFF;
  	font-size: 20px;
  	line-height: 24px !important;
  	padding: 16px 32px;
	font-weight: 700;  
}
/* button-size-M & L hover */
.button-size-M:hover, .button-size-L:hover {
	background-color: var(--dark-blue) !important;  
}
/* button PDF generation */
.button-pdf-form {
  	margin-bottom: 2px;
  	margin-top: 64px;
  	display: inline-flex !important;
    align-items: center;
}
.button-pdf-form:after {
    content: "";
    background-image: url(/wp-content/uploads/2021/07/sipka-bila.svg);
    width: 16px;
    height: 16px;
    display: inline-block;
    background-repeat: no-repeat;
    margin-left: 20px;   	
}
/* button dotaznik */
.button-dotaznik {
    margin-top: 8px;
}
/* changing h5 in social media module */
.sdileni-projektu h5 {
  	padding-bottom: 8px !important;
  	line-height: 24px !important;
}
/* changing h5 in social media module */
.rady-milostive h5 {
    padding-bottom: 16px !important;
    padding-top: 4px !important;
    line-height: 24px !important;
}
/* sharing icon smaller paddding next to text */
.sdileni-projektu .et_pb_blurb_container, .rady-milostive .et_pb_blurb_container {
	padding-left: 4px;
}
/* arrow icon smaller paddding next to text */
.hp-zlepseni .et_pb_blurb_container, .hp-instituce .et_pb_blurb_container  {
	padding-left: 12px;
}
/* no padding for h5 */
.zakladatel h5, .clen-tymu h5 {
  	padding-bottom: 0px !important;
}
/* insert Facebook icon */
.facebook::before {
	content: "";
    background-image: url(/wp-content/uploads/2021/07/ikona-facebook.svg);
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    margin-right: 15px; 
}
/* insert Twitter icon */
.twitter::before {
	content: "";
    background-image: url(/wp-content/uploads/2021/07/ikona-twitter.svg);
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    margin-right: 15px;
}
/* insert E-mail icon */
.e-mail::before {
	content: "";
    background-image: url(/wp-content/uploads/2021/07/ikona-email.svg);
    width: 20px;
    height: 20px;
    display: inline-block;
    background-repeat: no-repeat;
    margin-right: 15px;
}
/*vertical align socials + text */
.facebook, .twitter, .e-mail, .facebook:before, .twitter:before, .e-mail:before {
  	display: inline-flex;
    align-items: center;
}
/*burger menu + text color change*/
.mobile_menu_bar:before, .mobile_menu_bar:after {
	color: var(--blue) !important;
}
/* burger menu proper icon for opening */
.mobile_nav.closed .mobile_menu_bar:before {
  	content: "";
  	background-image: url(/wp-content/uploads/2021/08/mobile-menu-open.svg);
  	width: 20px;
  	height: 20px;
  	background-repeat: no-repeat;
  	margin-right: 8px;
}
/* burger menu proper icon for closing */
.mobile_nav.opened .mobile_menu_bar:before {
  	content: "";
  	background-image: url(/wp-content/uploads/2021/08/mobile-menu-close.svg);
  	width: 20px;
  	height: 20px;
  	background-repeat: no-repeat;
  	margin-right: 8px;
}
/* margin next to icon in burger/close icon */
.mobile_menu_bar:before {
	margin-right: 8px;  
}  
/* text added next to menu when closed */
.mobile_nav.closed .mobile_menu_bar:after {
	content: "Menu"
}
/* text added next to menu when opened */
.mobile_nav.opened .mobile_menu_bar:after {
	content: "Zavřít"
}
/* burger menu button layout */
.mobile_menu_bar {
	background: var(--light-grey);
	border-radius: 2px;
  	padding: 8px 16px !important;
	margin-bottom: 24px !important;
  	cursor: pointer;
 	color: var(--blue) !important; 
    display: flex;
    align-items: center;
  	font-weight: bold;
	font-size: 16px;
	line-height: 24px;
}
/* burger menu button layout only when closed */
.mobile_nav.closed .mobile_menu_bar {
	box-shadow: 0px 1px 0px rgba(166, 166, 166, 0.25); 	 
}
/* remove shadow in menu */
#main-header {
	 box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
  	z-index: 9998;
}
/* shadow only when fixed and only bottom shadow */
#main-header.et-fixed-header {
    -webkit-box-shadow: 0 7px 7px -7px rgba(0,0,0,.1)!important;
	-moz-box-shadow: 0 7px 7px -7px rgba(0,0,0,.1)!important;
    box-shadow: 0 7px 7px -7px rgba(0,0,0,.1)!important;
}
/* mobile menu fixed */
@media (max-width: 980px) {
	.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
    	position: fixed;
  	}
	/*#main-header.et-fixed-header {
    	box-shadow: 0 0 7px rgba(0,0,0,.1)!important;
    	-moz-box-shadow: 0 0 7px rgba(0,0,0,.1)!important;
    	-webkit-box-shadow: 0 0 7px rgba(0,0,0,.1)!important;  
	}*/
}
/* mobile menu full screen and styled */
.mobile_nav .et_mobile_menu {
  	background: var(--light-grey);
	position: fixed;
	height: 100%;
	border-top: 0px;
  	text-align: center;
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
}
/* mobile menu items */
.et_mobile_menu li a {
	font-size: 18px;
	line-height: 24px; 
  	font-weight: normal;
  	padding: 16px 5%;
  	border-bottom: 0px;
}
/* hover menu items disable */
.et_mobile_menu li a:hover, .nav ul li a:hover {
  	opacity: 1;
  	background-color: rgba(0,0,0,0);
}
@media (max-width:980px) {
	.et_pb_svg_logo #logo, .et_pb_svg_logo.et_header_style_split .et-fixed-header .centered-inline-logo-wrap #logo {
      	height: 32px;
  }  
}
/* nav menu item design + margin because of logo */
#top-menu li a {
	line-height: 24px;
  	font-weight: normal;
 	padding-bottom: 8px !important;
  	margin-bottom: 30px;
}
/* nav menu item hover + margin minus border bottom otherwise logo will be moving  */
#top-menu li a:hover {
  	color: var(--dark-blue);
	border-bottom: 2px solid var(--blue); 
  	margin-bottom: 28px;
	opacity: 1 !important;
  	transition: none !important;
  	-moz-transition: none !important;
  	-webkit-transition: none !important;
}
@media only screen and (min-width: 981px) {
	.et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_left #et-top-navigation {
		padding-top: 28px !important;
	}
}
/* nav menu current item + margin minus border bottom otherwise logo will be moving */
#top-menu li.current-menu-item a {
 	font-weight: 700;
	border-bottom: 2px solid var(--blue);
  	margin-bottom: 28px;  	
}
/* padding of menu items */
#top-menu li {
	padding-right: 40px;
}
#top-menu li::last-of-type {
	padding-right: 0px;
}
/* cta menu */
.menu-cta {
  	background-color: var(--blue);
	box-shadow: 0px 2px 0px var(--dark-blue);
  	border-bottom: 2px var(--dark-blue);
	border-radius: 4px !important;
  	padding-right: 0px !important;
}
/* cta menu margin not on mobile */
#top-menu .menu-cta {
  	margin-right: 40px;
}
#mobile_menu .menu-cta {
    margin: 16px auto;
    max-width: 180px;
}
#mobile_menu .menu-cta a {
  	padding: 12px 16px !important;
}
/* cta menu hover */
.menu-cta:hover {
	background-color: var(--dark-blue) !important;    
}
/* cta menu text */
.menu-cta a {
    color: #FFFFFF !important;
	font-weight: 700 !important;
    margin-bottom: 0px !important;
	padding: 8px 16px !important;  
}
/* cta menu text hover */
.menu-cta a:hover {
	border-bottom: 0px !important;
}
/* cta menu active */
#top-menu-nav .menu-cta.current-menu-item {
	border: 2px solid var(--dark-blue);
	background: #ffffff;
	box-shadow: none !important;  
}
/* cta menu text active */
#top-menu-nav .menu-cta.current-menu-item a {
	border-bottom: 0px !important;
  	color: var(--grey) !important;
}
/* cta menu text active hover */
#top-menu-nav .menu-cta.current-menu-item a:hover {
	color: #ffffff !important;
}
.content-not-scrolable {
    overflow: hidden !important;
}
/* header menu different background color for specific pages */
.page-id-3516 #main-header, .page-id-3575 #main-header {
	background-color: var(--light-yellow);
}
/* PDF generating steps 1,2,3 styles START */
.seznam-kroku {
  	display: inline-flex;
}
.seznam-kroku .krok-1 {
	z-index: 5;
}
.seznam-kroku .krok-2 {
	z-index: 5;
}
.seznam-kroku .krok-3 {
	z-index: 5;
}
.seznam-kroku .spojovaci-cara-1-2 {
    margin: 7px -39px 0 -39px !important;
  	width: 285px;
	z-index: 4;  
}
.seznam-kroku .spojovaci-cara-2-3 {
	margin: 7px -39px 0 -39px !important;
    width: 285px;
	z-index: 4;  
}
.seznam-kroku .splneno h6.et_pb_module_header:before {
	content: "";
    background-image: url(/wp-content/uploads/2021/07/checkmark-bila.svg);
    width: 18px;
    height: 14px;
    background-repeat: no-repeat;
}
#krok-1-checked  {
  	cursor: pointer;
}
#krok-1-checked .et_pb_blurb_content .et_pb_blurb_description {
  	text-decoration: underline;
}
#krok-1-checked:hover .et_pb_blurb_content .et_pb_blurb_description {
  	color: var(--grey);
  	text-decoration: none;
}
#krok-1-checked:hover .et_pb_blurb_content .et_pb_module_header {
	background-color: var(--grey);  	
}
#odeslanyEmail {
  	font-weight: 700;
}

/* PDF generating steps 1,2,3 styles END */
/* Styles for questionarre for PDF generating START */
.wpcf7-checkbox .wpcf7-list-item {
	display: block;
  	margin: 0 0 8px 0;
}
.statni-instituce.wpcf7-checkbox .wpcf7-list-item.last {
	margin: 0 0 40px 0;  
}
.pojistovny.wpcf7-checkbox .wpcf7-list-item.last {
	margin: 0px;  
}
.wpcf7-form-control-wrap[data-name="jmeno"], .wpcf7-form-control-wrap[data-name="prijmeni"], .wpcf7-form-control-wrap[data-name="ulice-cislo"], .wpcf7-form-control-wrap[data-name="cast-obce"], .wpcf7-form-control-wrap[data-name="mesto-obec"], .wpcf7-form-control-wrap[data-name="email"], .wpcf7-form-control-wrap[data-name="dorucovaci-ulice-cislo"], .wpcf7-form-control-wrap[data-name="dorucovaci-cast-obce"], .wpcf7-form-control-wrap[data-name="dorucovaci-mesto-obec"]  {
  	margin-bottom: 16px;
}
.wpcf7-checkbox .wpcf7-list-item label {
	display: flex;
}
.wpcf7-checkbox .wpcf7-list-item-label {
	margin-left: 28px;
    display: block;
}
input[type="checkbox"] {
  	margin: 4px 0px 0px 0px;
    position: absolute;  
 	width: 16px;
  	height: 16px;
	border: 1px solid var(--dark-yellow); 
  	background-color: #ffffff;
}
.wpcf7-list-item-label::before, .wpcf7-list-item-label::after {
  	content: none;
}
.wpcf7-checkbox [type="checkbox"]:checked {
  	background-color: var(--purple);
  	border: 1px solid var(--purple); 
	content: "";
    background-image: url(/wp-content/uploads/2021/07/icon-checkbox.svg);
    background-repeat: no-repeat;
    background-position: center;
}
input[type=checkbox], input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button, input[type=radio] {
    -webkit-appearance: none;
    -moz-appearance: none;  
     appearance: none;
}
.wpcf7-form-control-wrap {
  	display: block;
}
.theme_4.wpcf7-form input:not([type='checkbox']).error, .theme_4.wpcf7-form select.error, .theme_4.wpcf7-form textarea.error {
  	border: 1px solid var(--dark-red) !important;
}
.wpcf7-form label.error {
    color: var(--dark-red);
  	margin-top: 4px;
    font-size: 14px;
	line-height: 24px;
    padding-left: 0px;
	display: block;
}
.wpcf7-response-output {
  	display: none !important;
}
textarea {
  	vertical-align: top;
    width: 100%;
    max-width: 400px;
    height: 96px;
}
input.text, input.title, input[type=email], input[type=password], input[type=tel], input[type=text], select, textarea, input[type="number"] {
    border: 1px solid #A79D93;
	box-shadow: inset 0px 1px 4px rgba(167, 157, 147, 0.2);
    border-radius: 2px;
    font-size: 16px;
    line-height: 24px;
    padding: 12px 16px;
	color: var(--dark-yellow) !important;
}
input.text:focus, input.title:focus, input[type=email]:focus, input[type=text]:focus, select:focus, textarea:focus, input[type="number"]:focus{
  	border: 1px solid #289AA1;
	box-shadow: inset 0px 1px 4px #ACC1C2;
	border-radius: 2px;
  	color: var(--grey) !important;
}
input[name="jmeno"], input[name="prijmeni"], input[name="ulice-cislo"], input[name="cast-obce"], input[name="mesto-obec"], input[name="email"], input[name="dorucovaci-ulice-cislo"], input[name="dorucovaci-cast-obce"], input[name="dorucovaci-mesto-obec"] {
  	width: 328px;
} 
@media (max-width: 768px) {
	input[name="jmeno"], input[name="prijmeni"], input[name="ulice-cislo"], input[name="cast-obce"], input[name="mesto-obec"], input[name="email"] {
  		width: 307px;
	}   
  	input[name="dorucovaci-ulice-cislo"], input[name="dorucovaci-cast-obce"], input[name="dorucovaci-mesto-obec"]  {
      	width: 277px;
  	}
  	.mt-40-32m {
  		margin-top: 32px !important;
	}	
}
input[name="rodne-cislo"], input[name="psc"], input[name="telefon"], input[name="dorucovaci-psc"], input[name="datova-schranka"] {
  	width: 148px;
}
input[type="submit"] {
  	border-width: inherit;
  	cursor: pointer;
}
.wpcf7-not-valid-tip {
	display: none;
}
.error {
    color: var(--dark-red);
	font-size: 14px;
	line-height: 24px;
}
#pdf-dotaznik-error .et_pb_main_blurb_image {
  	padding-top: 4px;
}
[data-id="skupina-ucel"], [data-id="doruceni-posta"], [data-id="doruceni-datovka"] {
	border-left: 4px solid var(--light-yellow);
  	border-radius: 2px;
    padding: 12px 0 0 18px;
  	margin-left: 6px;
}
[data-id="doruceni-posta"], [data-id="doruceni-datovka"] {
  	margin-bottom: 32px;
}
[data-id="doruceni-adresa-jina"] {
  	margin-top: 16px;
}
/* Styles for questionarre for PDF generating END */

/* stranka o projektu a casova osa start */
.clen-tymu .et_pb_main_blurb_image {
  	margin-bottom: 8px !important;
}
.clen-tymu img, .zakladatel img {
  	border-radius: 50%;
}
.clen-tymu img {
  	width: 64px;
}
.zakladatel img {
	width: 56px;
}
.clen-tymu h5 {
  	line-height: 24px !important;
}
@media (max-width: 479px) {
	.sloupec-clen-tymu {
  		width: 50% !important;
	}
  	.vic-radku-tymu {
    	padding-bottom: 0px !important;	
  	}
}
@media (min-width: 768px) and (max-width: 980px) {
  	.vic-radku-tymu {
    	padding-bottom: 0px !important;	
  	}
}
@media (min-width: 768px) { 
	.polozka-timeline-prava .et_pb_blurb_container {
		padding-left: 32px;  
	}
	.polozka-timeline-leva .et_pb_main_blurb_image {
  		padding-left: 32px;
  	}
  	.polozka-timeline-leva .et_pb_blurb_container {
  		padding-left: 0px;
	}
}
@media only screen and (min-width: 1167px) {
	.polozka-timeline-leva.et_pb_blurb {
    	max-width: 552px !important;
      	transform: translateX(-497px) translateY(0px) !important;
 	}
  .polozka-timeline-prava.et_pb_blurb {
    	max-width: 552px !important;
  }
}
#timeline .et_pb_blurb_description {
	direction: initial;
}
/* stranka o projektu a casova osa end */

/* kde muzu dluzit stranka prepinac start */
#prepinac-dotaznik {
    width: fit-content;
    height: 48px;
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 18px;
    line-height: 24px;
    color: var(--dark-yellow);
    background: rgb(240, 236, 232);
    border-radius: 8px;
    padding: 4px;
}
#prepinac-dotaznik .wpcf7-list-item.first {
    margin: 0px 8px 0px 0px;
}
#prepinac-dotaznik .wpcf7-list-item.last {
    margin: 0px;
}
#prepinac-dotaznik .wpcf7-list-item {
    text-align: center;
}
#prepinac-dotaznik input[type="radio"] {
    display: none;
}
#prepinac-dotaznik .wpcf7-list-item-label.active {
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px;
    color: var(--blue);
    background: rgb(255, 255, 255);
    border-radius: 4px;
}
#prepinac-dotaznik .wpcf7-list-item-label {
    cursor: pointer;
    padding: 8px 24px;
    margin: 0px;
}
#prepinac-dotaznik .wpcf7-list-item-label:hover:not(.active) {
  	background: #F4F4F4;
	border-radius: 4px;
    color: var(--dark-blue);  	
}
@media (max-width: 767px) {
    #prepinac-dotaznik .wpcf7-list-item-label {
        cursor: pointer;
        padding: 8px 16px;
    }
}
/* kde muzu dluzit stranka prepinac end */

/* kde muzu dluzit dotaznik text + formulare start */
.question {
    margin-bottom: 8px;
    display: flex;
    align-items: center;
}
.wpcf7-list-item label:hover {
    cursor: pointer;
}
#dotaznik-sekce, #instituce-sekce {
  animation: fade-in 1.5s;
}
#instituce-sekce, #instituce-sekce-penale, #instituce-sekce-splatkac, #podminky {
	scroll-margin: 96px; /* normálně */
	/* scroll-margin: 228px; během milostivého léta */ 
}
#seznam-kroku-02, #seznam-kroku-03 {
	scroll-margin: 128px; /* normálně */
	/* scroll-margin: 184px; během milostivého léta */ 
}
#dotaznik-sloupec {
    margin-bottom: 0px;
    overflow: visible;
}
#dotaznik-sloupec .wpcf7-list-item {
    display: flex;
    margin: 0px 0px 8px 20px;
}
#dotaznik-sloupec .wpcf7-list-item.last {
    margin: 0px 0px 32px 20px;
}
#pdf-dotaznik-02 .wpcf7-list-item {
    display: flex;
    margin: 0px 0px 8px 0px;  	
}
.wpcf7-radio .wpcf7-list-item label {
    display: flex;
}
.wpcf7-radio .wpcf7-list-item-label {
  	margin-left: 28px;
    display: block;
}
input[type="radio"] {
    width: 16px;
    height: 16px;
    background-color: rgb(255, 255, 255);
    margin: 4px 0px;
    border: 1px solid var(--dark-yellow);
    border-radius: 50%;
  	position: absolute;
}
input[type="radio"]:hover, input[type="checkbox"]:hover {
    border: 1px solid var(--purple) !important;
	cursor: pointer;
}
input[type="radio"]:checked {
    content: "";
    background-image: url(/wp-content/uploads/2021/07/icon-radiobutton.svg);
    border: 1px solid var(--purple);
    background-repeat: no-repeat;
    background-position: center center;
}           
label input[type="radio"]:checked ~ span, label input[type="checkbox"]:checked ~ span {
    color: var(--purple);
    font-weight: 700;
}
label {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */
}
#vysledky-dotazniku .et_pb_module_header {
  	max-width: 355px;
}
@media (min-width: 768px) {
  	.desktop-label {
    	display: block;  
  	}  	  
  	.mobile-label, .mobil-kam-posleme {
    	display: none;  
  	}  	
}
@media (max-width: 767px) {
	.et_pb_blurb_position_left .et_pb_blurb_container {
  		padding-left: 12px;
  	}
  	.desktop-label {
    	display: none;  
  	}  	    
  	.mobile-label, .mobil-kam-posleme {
    	display: block;  
  	}
  	.mobil-kam-posleme {
		font-weight: 400;
      	font-size: 14px;
      	line-height: 24px;
      	margin-top: 16px;
      	color: var(--dark-yellow);
      	max-width: 260px;
  	}
}
/* kde muzu dluzit dotaznik text + formulare end */

/* kde muzu dluzit dotaznik tooltipy start */
@media (max-width: 980px) {
  .tooltip {
      display: none;
    }
}
@media (min-width: 981px) {
	.tooltip {
        background-image: url(/wp-content/uploads/2021/07/tooltip.svg);
        width: 20px;
        height: 20px;
        cursor: pointer;
        margin-left: 10px;
        position: relative;
        background-repeat: no-repeat;
        background-position: center center;
	}        
    .tooltip:hover {
        background-image: url(/wp-content/uploads/2021/07/tooltip-hover.svg);
    }
    .tooltip .tooltiptext {
        visibility: hidden;
        width: 328px;
        background-color: rgb(51, 51, 51);
        color: rgb(255, 255, 255);
        position: absolute;
        z-index: 2;
        left: 26px;
        font-size: 14px;
        line-height: 24px;
        cursor: default;
        border-radius: 3px;
        padding: 16px 24px;
    }
	.tooltip:hover .tooltiptext {
    	visibility: visible;
	}  
}
/* kde muzu dluzit dotaznik tooltipy end */

/* kde muzu dluzit dotaznik modaly mobily start */
.pum-theme-3853 .pum-container, .pum-theme-nedluzim .pum-container {
	padding: 64px 24px 80px 24px;
}

@media (max-width: 980px) {
    .mobile-modal a {
        background-image: url(/wp-content/uploads/2021/07/tooltip.svg);
        width: 20px;
        height: 20px;
        cursor: pointer;
        margin-left: 10px;
        position: relative;
        background-repeat: no-repeat;
        background-position: center center;
		display: flex;      
    }
    .mobile-modal a:hover {
        background-image: url(/wp-content/uploads/2021/07/tooltip-hover.svg);
    }  
}
@media (min-width: 981px) {
	.mobile-modal {
		display: none;
	}         
}
/* kde muzu dluzit dotaznik modaly mobily end */

/* kde muzu dluzit dotaznik formatovani textu start */
@media (min-width: 1036px) {
    .new-line {
        display: none;
    }                           
}  
@media (max-width: 980px) {
    .new-line {
        display: none;
    }                           
}  
@media (max-width: 1035px) {
    .normal-space {
        display: none;
    }                             
}
@media (max-width: 980px) {
    .normal-space {
        display: initial;
    }                             
}
@media (max-width: 372px) {
  	.separator {
    	display: initial !important;
  	}
}
/* kde muzu dluzit dotaznik formatovani textu end */

/* kde muzu dluzit taby desktop start */
.tabs-instituce {
    border: none;
}
.tabs-instituce ul.et_pb_tabs_controls {
    float: left;
    width: 35%;
    margin-right: 5%;
    background: transparent;
}
.tabs-instituce ul.et_pb_tabs_controls:after {
    content: none;
}
.tabs-instituce .et_pb_tabs_controls li {
    width: 100%;
    border: none;
    margin-bottom: 20px;
	height: auto !important;
  	background: transparent;
}
/*BE AVARE - IT'S ALSO FOR MOBILE TABS*/
.tabs-instituce .et_pb_tabs_controls:before, .accordion-instituce:before {
  	content:"Státní instituce";
	color: var(--purple);
  	font-weight: 700; 
  	font-size: 16px;
	line-height: 32px;
  	margin-bottom: 16px;
	display: block;
}
.tabs-instituce .et_pb_tabs_controls .et_pb_tab_4 {
    margin-bottom: 16px;
  	cursor: normal;
  	pointer-events: none;
}
.tabs-instituce .et_pb_tabs_controls .et_pb_tab_4 a, .accordion-instituce .et_pb_accordion_item_4 h5 {
  	text-decoration: none !important;
	color: var(--purple) !important;
  	font-weight: 700;
}
.tabs-instituce .et_pb_tabs_controls .et_pb_tab_4 a:before, .accordion-instituce .et_pb_accordion_item_4 .et_pb_toggle_title:before{
	display: none;
}
.tabs-instituce .et_pb_tabs_controls .et_pb_tab_4 {
    margin-top: 12px;
}
.tabs-instituce .et_pb_tabs_controls li a {
	font-weight: 400;
	display: flex;
  	align-items: center;
  	padding: 0px;  	
	color: var(--blue);
	text-decoration: underline;    
}
.tabs-instituce .et_pb_tabs_controls li a:hover {
  	color: var(--purple);
	text-decoration: underline; 	
}
.tabs-instituce .et_pb_tabs_controls li.et_pb_tab_active a {
	color: #000000 !important;
	text-decoration: none !important;
  	font-weight: 700;
}
.tabs-instituce .et_pb_tabs_controls li a:before {
    padding-right: 12px;
	width: 24px;
	height: 24px;
	background-size: contain;
	background-repeat: no-repeat;
	content: ""; 	
}
/*BE AVARE - IT'S ALSO FOR MOBILE TABS*/
.tabs-instituce .et_pb_tabs_controls .et_pb_tab_0 a:before, .accordion-instituce .et_pb_accordion_item_0.et_pb_toggle {
	background-image: url(/wp-content/uploads/2021/08/logo-celni-sprava-24.png);
}
.tabs-instituce .et_pb_tabs_controls .et_pb_tab_1 a:before, .accordion-instituce .et_pb_accordion_item_1.et_pb_toggle {
    background-image: url(/wp-content/uploads/2021/08/logo-cssz-24.png);
}
.tabs-instituce .et_pb_tabs_controls .et_pb_tab_2 a:before, .accordion-instituce .et_pb_accordion_item_2.et_pb_toggle {
    background-image: url(/wp-content/uploads/2021/08/logo-fu-24.png);
}
.tabs-instituce .et_pb_tabs_controls .et_pb_tab_3 a:before, .accordion-instituce .et_pb_accordion_item_3.et_pb_toggle {
    background-image: url(/wp-content/uploads/2021/08/logo-obec-24.png);
}
.tabs-instituce .et_pb_tabs_controls .et_pb_tab_5 a:before, .accordion-instituce .et_pb_accordion_item_5.et_pb_toggle {
    background-image: url(/wp-content/uploads/2021/08/logo-cpzp-24.png);
}
.tabs-instituce .et_pb_tabs_controls .et_pb_tab_6 a:before, .accordion-instituce .et_pb_accordion_item_6.et_pb_toggle {
    background-image: url(/wp-content/uploads/2021/08/logo-ozp-24.png);
}
.tabs-instituce .et_pb_tabs_controls .et_pb_tab_7 a:before, .accordion-instituce .et_pb_accordion_item_7.et_pb_toggle {
    background-image: url(/wp-content/uploads/2021/08/logo-rbp-24.png);
}
.tabs-instituce .et_pb_tabs_controls .et_pb_tab_8 a:before, .accordion-instituce .et_pb_accordion_item_8.et_pb_toggle {
    background-image: url(/wp-content/uploads/2021/08/logo-vozp-24.png);
}
.tabs-instituce .et_pb_tabs_controls .et_pb_tab_9 a:before, .accordion-instituce .et_pb_accordion_item_9.et_pb_toggle {
    background-image: url(/wp-content/uploads/2021/08/logo-vzp-24.png);
}
.tabs-instituce .et_pb_tabs_controls .et_pb_tab_10 a:before, .accordion-instituce .et_pb_accordion_item_10.et_pb_toggle {
    background-image: url(/wp-content/uploads/2021/08/logo-zps-24.png);
}
.tabs-instituce .et_pb_tabs_controls .et_pb_tab_11 a:before, .accordion-instituce .et_pb_accordion_item_11.et_pb_toggle {
    background-image: url(/wp-content/uploads/2021/08/logo-zpmv-24.png);
}
.tabs-instituce .et_pb_tab {
    padding: 0;
}
.tabs-instituce .et_pb_tab_content {
    display: flex;
    flex-wrap: wrap;
}
.et_pb_all_tabs {
	background: transparent !important;
}
@media(max-width:767px) {    
    .vertical-tabs3 ul.et_pb_tabs_controls {
        width: 100%;
        margin-bottom: 30px;
        margin-right: 0;
    }
    .vertical-tabs3 .et_pb_tabs_controls li {
        border-bottom: none;
    }
    .vertical-tabs3 .et_pb_tab {
        padding: 0;
    }    
}
/* kde muzu dluzit taby desktop end */

/* kde muzu dluzit taby mobile start */
.accordion-instituce .et_pb_accordion_item, .accordion-seznam .et_pb_accordion_item {
	background: #FFFFFF;
	box-shadow: 0px 2px 4px #DFD5CC;
  	padding: 20px 16px !important;
  	margin-bottom: 12px !important;
  	background-repeat: no-repeat;
	background-size: 24px;
  	background-position: 16px 20px;
}
.accordion-instituce .et_pb_toggle_content, .accordion-seznam .et_pb_toggle_content {
  	padding-top: 24px;
  	padding-bottom: 20px;
}
.accordion-instituce .et_pb_toggle_title {
  	padding-left: 36px !important;
  	color: var(--blue) !important;
}
.accordion-seznam .et_pb_toggle_title {
    color: var(--blue) !important;
}
.accordion-instituce .et_pb_toggle_title:before, .accordion-seznam .et_pb_toggle_title:before {
	content: "" !important;
	background-image: url(/wp-content/uploads/2021/08/ikonka-plus.svg);
    width: 24px;
    height: 24px;
  	top: 0px !important;
  	margin-top: 0px !important;
    background-repeat: no-repeat;
    background-position: center center;
}
.accordion-instituce .et_pb_toggle_open .et_pb_toggle_title:before, .accordion-seznam .et_pb_toggle_open .et_pb_toggle_title:before {
	content: "" !important;
	background-image: url(/wp-content/uploads/2021/08/ikonka-krizek.svg);
    width: 24px;
    height: 24px;
  	top: 0px !important;
  	margin-top: 0px !important;
    background-repeat: no-repeat;
    background-position: center center;
  	display: block !important;

}
.accordion-instituce .et_pb_accordion_item_4 {
  	pointer-events: none;
  	padding: 0px !important;
  	margin: 56px 0px 16px 0px;
  	background: transparent !important;
  	box-shadow: none;
  	border-radius: 0px !important;
}
.accordion-instituce .et_pb_accordion_item_4 .et_pb_toggle_title {
  	padding: 0px !important;
}
/* kde muzu dluzit taby mobile end */

/* dluhove poradny start */
.dluhova-poradna {
  	box-shadow: 0px 2px 4px #DFD5CC;
	border-radius: 8px;
  	padding: 32px 24px 40px 24px; 
}
.clovek-v-tisni {
  	font-weight: 700;
  	display: flex;
  	align-items: center;
}
.clovek-v-tisni:before {
  	content: "";
  	background-image: url(/wp-content/uploads/2021/08/ikona-telefon.svg);
  	width: 24px;
    height: 23px;
    display: inline-block;
    background-repeat: no-repeat;
    margin-right: 8px; 
}

@media(max-width:767px) {
  	.dluhova-poradna {
    	padding: 24px 16px 40px 16px;
  	}
  	.dluhova-poradna .et_pb_blurb_container {
		padding-left: 0px;	
	}
	.dluhova-poradna .et_pb_module_header {
		padding-left: 8px;
    	display: inline-block;
    	vertical-align: middle;
      	max-width: 235px;
	}
	.dluhova-poradna .et_pb_main_blurb_image {
		margin: auto;
    	display: inline-block;
    	vertical-align: sub;
  }
}
.breadcrumbs .custom-separator {
  	color: var(--dark-yellow);  
  	margin: 0px 8px;  
}
@media (max-width: 767px) {
  	.breadcrumbs .current {
   		display: none; 
  	}
}
/* dluhove poradny end */


/* karta instituce start */
.instituce-nazev-logo .et_pb_blurb_container {
	padding-left: 8px;
}
.instituce-nazev-logo .et_pb_blurb_container h3 {
	padding-bottom: 12px !important;
}
.odrazky-poplatek ul, .moznost-odeslani ul, .moznost-odeslani ol {
  	padding-bottom: 0px;
}
.spravni-poplatek {
	text-transform: uppercase;
	color: #FFFFFF;  	
  	font-size: 14px;
	line-height: 24px;
  	padding: 0px 8px;
  	background:	var(--purple);;
  	font-weight: 700;
	border-radius: 2px;
  	display: inline-block;
}
.nadpis-online-zadost h4 {
  	padding-bottom: 16px;
}
@media all and (min-width: 981px) {
	.moznost-podani {
  		box-shadow: 0px 2px 4px #DFD5CC;
		border-radius: 8px;
	}
  	.left-margin {
    	margin-left: 34px;
  	}
}
.krok-nadpis-tistena-zadost-desktop, .krok-nadpis-tistena-zadost-mobil {
	text-transform: uppercase;	
}
.krok-nadpis-tistena-zadost-desktop p {
  	display: flex;
  	align-items: center;
}
.krok-vetsi-cislo {
	font-size: 32px;
  	margin-right: 16px;
}
a.vzor-pdf:before {
	content: "";
    background-image: url(/wp-content/uploads/2021/08/ikona-stazeni.svg);
    width: 24px;
    height: 24px;
    display: inline-block;
    background-repeat: no-repeat;
    margin-right: 8px; 
	vertical-align: middle;  
}
/* karta instituce end */ 

/* karta instituce odpusteni penale start */
.instituce-link-desktop.et_pb_blurb_position_left .et_pb_blurb_container {
	padding-left: 0px !important;
}
.instituce-link-mobile .et_pb_main_blurb_image {
    vertical-align: middle;
}
.instituce-link-mobile .et_pb_main_blurb_image, .instituce-link-phone-mobile  .et_pb_main_blurb_image {
  	width: 20px;
}
.instituce-link-mobile.et_pb_blurb_position_left .et_pb_blurb_container, .instituce-link-phone-mobile.et_pb_blurb_position_left .et_pb_blurb_container {
  	padding-left: 12px !important;
}
/* karta instituce odpusteni penale end */

.button-pdf-form.et_pb_preload:before {
	right: 1em; left: auto;
}

/* hide recaptcha badge */
.grecaptcha-badge {
	visibility: hidden !important;
}

/* STYLY MILOSTIVÉ LÉTO START */
.label-od-do {
	background-color: var(--purple);
  	padding: 8px 12px;
	width: fit-content;
  	border-radius: 2px;
  	margin-bottom: 24px !important;
	font-weight: 700; 
	color: #fff;
}
@media (max-width:768px) { 
  .label-od-do {
  	 	padding: 4px 8px;
  }
}
.label-od-do p {
   	font-weight: bold;
  	color: #fff;
}
h1.milostive-leto {
  	color: var(--grey) !important;
}
.box-bily {
    box-shadow: 0px 2px 4px #dfd5cc;
    border-radius: 8px;
}
.box-bezovy {
 	background: var(--light-yellow);
	border-radius: 8px; 
}
#et-info {
	float: none !important;
  	padding: 0px !important;
}
#et-info-email, #et-info-phone {
	display: none !important;
}
#top-header .container {
	text-align: center;
  	font-weight: normal !important;
  	padding: 16px 0px !important;
}
@media (max-width: 980px) {
	#top-header .container .milostive-leto-notice {
  		text-align: left;
	}
}
#top-header {
  	font-size: inherit !important;
  	color: var(--grey) !important;
	z-index: 9998;
}
.et_secondary_nav_enabled #page-container #top-header {
  	background-color: #FDF8EA !important;
}
#et-info, .milostive-leto-notice, .pum-content.popmake-content {
  	line-height: 24px !important;
}
.accordion-seznam ul {
  	padding-bottom: 0px !important;
}

/* fixing jumping top bar during ML */
@media (max-width: 373px) {
	body.et_fixed_nav.et_secondary_nav_enabled #main-header {
		top: 104px !important;
	}
	.et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container {
		padding-top: 191px !important;
	}
}
@media (min-width: 374px) and (max-width: 855px) {
	body.et_fixed_nav.et_secondary_nav_enabled #main-header {
		top: 80px !important;
	}
	.et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container {
		padding-top: 167px !important;
	}
}
@media (min-width: 856px) {
	body.et_fixed_nav.et_secondary_nav_enabled #main-header {
		top: 56px !important;
	}
	.et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container {
		padding-top: 143px !important;
	}
}
/* STYLY MILOSTIVÉ LÉTO END */

/* Cookies notice START */

#cmplz-cookiebanner-container .cmplz-deny:hover, #cmplz-cookiebanner-container .cmplz-view-preferences:hover, #cmplz-cookiebanner-container .cmplz-save-preferences:hover {
    color: #ffffff !important;
    background-color: var(--dark-blue) !important;
}
.cmplz-always-active {
  	color: var(--blue) !important;
}
.cmplz-btn:hover {
    text-decoration: none !important;
}
.cmplz-accept {
  	background-color: var(--blue) !important;
	box-shadow: 0px 2px 0px var(--dark-blue) !important;
  	border: 2px var(--dark-blue) !important;
	font-weight: 700;  
} 
.cmplz-accept:hover {
  	background-color: var(--dark-blue) !important;
}
.cmplz-deny, .cmplz-view-preferences, .cmplz-save-preferences {
  	border: 2px solid var(--dark-blue) !important;
}
.cmplz-category {
    background-color: var(--light-yellow) !important;	
} 
.cmplz-cookiebanner .cmplz-title {
  	font-weight: 700 !important;
}
@media (min-width: 769px) {
	.cmplz-cookiebanner {
  		max-width: 500px !important;
  		width: 100% !important;
  	}
}
.cmplz-cookiebanner .cmplz-categories .cmplz-category .cmplz-banner-checkbox input.cmplz-consent-checkbox:focus + .cmplz-label::before {
  	box-shadow: none !important;
}
.cmplz-cookiebanner .cmplz-header {
  	grid-template-columns: none !important;
  	display: block !important;
}
@media (max-width: 425px) {
	.cmplz-cookiebanner .cmplz-header .cmplz-title {
    	display: block !important;
  	}
}
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn.cmplz-deny {
  	display: none;
}
/* Cookies notice END */