/*
Theme Name: Divi Child od WPlama.cz
Theme URI: http://www.wplama.cz/divi-child-sablona/
Description: Divi child šablona od WPlama. Obsahuje vylepšení překladu, přepřipravené styly a další rozšíření výchozích funkcí.
Author: <a href="http://www.wplama.cz/">WPlama.cz</a>
Author URI: http://www.wplama.cz/divi-child-sablona/
Template: Divi
Version: 1.20
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html 
*/



/*------------------------------------*\
    ODSAZENI RADKU A SEKCI
\*------------------------------------*/
	.et_pb_section { padding-top: calc(10px + (45 - 10) * ((100vw - 320px) / (1400 - 320)))!important;
					 padding-bottom: calc(10px + (45 - 10) * ((100vw - 320px) / (1400 - 320)))!important;}

	.et_pb_row { /*padding-top: calc(10px + (20 - 10) * ((100vw - 320px) / (1400 - 320)))!important;
				 padding-bottom: 0!important;*/
				padding: 0!important;}

	.et_pb_text	{ margin-bottom: calc(10px + (16 - 10) * ((100vw - 320px) / (1400 - 320)))!important;
				  /*text-align: justify!important;*/
				}

/*------------------------------------*\
    ODSKOKY
\*------------------------------------*/

	/*---- PADDING----*/
		.p0 {padding: 0!important; }
		.p05 {padding: 0.5em!important; }
		.p1 {padding: 1em!important; }
		.p2 {padding: 2em!important; }
		.pb0 {padding-bottom: 0!important;}
		.pb1 {padding-bottom: 1em!important;}
		.pt0 {padding-top: 0!important;}
		.pt1 {padding-top: 1em!important;}
		.pt2 {padding-top: 2em!important;}
        .py05 {padding-top: 0.5em!important; padding-bottom: 0.5em!important;}
		.py1 {padding-top: 1em!important; padding-bottom: 1em!important;}
		.py2 {padding-top: 2em!important; padding-bottom: 2em!important;}
		.px1 {padding-left: 1em!important; padding-right: 1em!important;}
		.px2 {padding-left: 2em!important; padding-right: 2em!important;}


	/*---- MARGIN----*/
		.mb0 {margin-bottom: 0!important;}
		.mt1 {margin-top: 1em!important;}

	/*---- ZAROVNANI----*/
        .dflex {display: flex;}
		.wrap {flex-wrap: wrap;}
		.just-center {justify-content: center;}
        .just-end {justify-content: flex-end;}
        .just-start {justify-content: flex-start;}
        .just-between {justify-content: space-between;}
        .just-around {justify-content: space-around;}

		.align-center {align-items: center;}
        .align-bottom {align-items: flex-end;}
        .align-top {align-items: flex-start;}
        .align-stretch {align-items: stretch;}
        .align-baseline {align-items: baseline;}

        .direction-row {flex-direction: row;}
        .direction-rowrev {flex-direction: row-reverse;}
        .direction-col {flex-direction: column;}
        .direction-colrev {flex-direction: column-reverse;}
		
		.wrap {flex-wrap: wrap;}
        .wrap-no {flex-wrap: nowrap;}
        .wrap-rev {flex-wrap:wrap-reverse;}   

        .fl {float: left!important;}
        .text-center {text-align:center!important;}
		
	/*---- sirka----*/
        .w100 {width: 100%!important; max-width: 100%!important;}
		.w90 {width: 100%!important; max-width: 90%!important;} 
		.w75 {width: 100%!important; max-width: 75%!important;}
		.w70 {width: 100%!important; max-width: 70%!important;}
		.w65 {width: 100%!important; max-width: 65%!important;}
        /*
        .w80 {width: 100%!important; max-width: 80%!important;}
		
        
		.w60 {width: 100%!important; max-width: 60%!important;}*/
		.w50 {width: 50%!important;}
		.w33 {width: 33%!important;}

/*------------------------------------*\
    BARVY
\*------------------------------------*/
	.text-barva1{color:#004d7f;} /*modra*/
	.text-barva2{color:#f1f1f1;} /*svetle seda bcg*/
	/*.text-barva3{color:#1b1534;} /*tmave modra*/
	.text-barva-bila{color:#ffffff;} /*bila*/
	.text-barva-cerna{color:#262626;} /*cerna*/

	.bcg-barva1{background-color:#004d7f;} /*modra*/
	/*.bcg-barva2{background-color:#e30613;} /*cervena*/
	/*.bcg-barva3{background-color:#1b1534;} /*tmave modra*/
	.bcg-barva-bila{background-color:#ffffff;} /*bila*/
	.bcg-barva-cerna{background-color:#262626;}	/*cerna*/
	.bcg-barva-3{background-color:#f1f1f1;} /*svetle seda*/
	.bcg-barva-4{background-color:#e8e8e8;} /*tmavsi seda*/

/*------------------------------------*\
    VELIKOSTI FONTU
\*------------------------------------*/

	body{ font-size: calc(15px + (18 - 15) * ((100vw - 320px) / (1400 - 320)));}
	h1{ font-size: calc(30px + (70 - 30) * ((100vw - 320px) / (1400 - 320)));}
	h2{ font-size: calc(26px + (60 - 26) * ((100vw - 320px) / (1400 - 320)));}
	h3{ font-size: calc(24px + (50 - 24) * ((100vw - 320px) / (1400 - 320)));}
	h4{ font-size: calc(22px + (40 - 22) * ((100vw - 320px) / (1400 - 320)));}
	h5{ font-size: calc(20px + (30 - 20) * ((100vw - 320px) / (1400 - 320)));}
	
	body{ line-height: 1.5em;}	

	h1, h2, h3, h4, h5 {
		padding-bottom: 0;
		line-height: 1em;
		font-weight: bold;
		color: #786a43;
	}

	p { margin: 10px 0; padding: 0; }

	a { text-decoration: underline; }

	

	.text20 { font-size: 20px; }
	.text30 {font-size: 30px!important}

/*------------------------------------*\
    LINKA
\*------------------------------------*/
	.linka {
		width: 100%;
		max-width: 200px;
		height: 3px;
		background-color: #004d7f;
		margin-bottom: 1em!important;	
	}
	.linka.stred {
		margin: 1em auto!important;	
    }
	.linka.bila {
		background-color: #ffffff;
	}
	.linka.cerna {
		background-color: #262626;
	}
		.et_pb_divider:before{
			border-top:none;
		}

/*--------------------------
 * SEZNAM LI
 * ------------------------*/

	/*--- seznam v obsahu---*/
		.et_pb_text_inner ul{
					list-style-type: none!important;
					padding: 0;
					margin-bottom: 1rem;
				  }

/*--- sipka v LI ---*/
		
		.et_pb_text_inner ul li{	
					background: url(/wp-content/uploads/2024/01/sipka-li-modra.svg) no-repeat left 7px;
				  }
		.et_pb_text_inner ul.sipka-bila li{	
					background: url(/wp-content/uploads/2024/01/sipka-li-bila.svg) no-repeat left 7px;
				  }

		.et_pb_text_inner ul.sipka-cerna li{	
					background: url(/wp-content/uploads/2024/01/sipka-li-bila.svg) no-repeat left 7px;
				  }
		.et_pb_text_inner ul li,
		.et_pb_text_inner ul.sipka-bila li,
		.et_pb_text_inner ul.sipka-cerna li{			
					padding-left: 23px;	
					background-size: 18px 12px;
					margin-bottom: 12px;
				  }
		
/*------------------------------------*\
    TLACITKA
\*------------------------------------*/
	.et_pb_button,
	a.more-link{
		background-color: #004d7f!important;
		color: #ffffff!important;
		border: none!important;
		border-radius: 0!important;
		padding: 0.6em 2em 0.6em 1em!important;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 18px;
	}

	.et_pb_button.btn-bile{
		background-color: #ffffff!important;
		color: #004d7f!important;
	}

	a.more-link {
		padding: 0.6em 1em 0.6em 1em!important;
		display: inline-block;
		margin-top: 1em;
	}

	.et_pb_button:hover,
	.more-link:hover{
		background-color: #262626!important;
		color: #ffffff!important;
	}

 	input[type=submit]{
		float: right!important;
		max-width:  150px!important;
		background-color: #262626!important;
        color: #ffffff!important;
        border: none!important;
		padding: 1em 2em!important;
        cursor: pointer;
        font-size: 16px;
		}
    input[type=submit]:hover{
		background-color: #004d7f!important;
		color: #ffffff!important;
           	}

.et_pb_button.btn:after,
.btn:after{
    line-height: inherit;
    font-size: inherit!important;
    opacity: 1;
    margin-left: 0.3em;
    left: auto;
    font-family: ETmodules!important;
    font-weight: 400!important;
	 text-decoration: none!important;
}
.et_pb_button.btn[data-icon]:not([data-icon=""]):after,
.btn[data-icon]:not([data-icon=""]):after{
    content: attr(data-icon);
	 
}




/*---------------------------------------------
	IKONY
---------------------------------------------*/ 

	/*---velikost-ikony---*/
			/*.et_pb_blurb.ikona-s-textem .et_pb_blurb_content .et-pb-icon{
				font-size: 32px;
				color: #004d7f!important; /*--modra--
			}*/

	/*---IKONA S TEXTEM NAPRAVO---*/	
			.et_pb_blurb.ikona-s-textem { 
				margin-bottom: 1em!important;
				font-size: 18px!important;;
				line-height: 1.4em!important;;
				padding-right: 1em!important;;
			}

	/*---IKONA S TEXTEM NAPRAVO v hlavičce---*/	
			header .et_pb_blurb.ikona-s-textem { 
				margin-bottom: 0!important;
				font-size: 18px;
				line-height: 1.4em;
				padding-right: 1em;
			}



/*---velikost-ikony v paticce---*/
		footer .et_pb_blurb.ikona-s-textem .et_pb_blurb_content .et-pb-icon{
			    font-size: 36px!important;
				color: #ffffff!important; /*--modra--*/
			}

	/*---samotná ikona---*/
		.et_pb_blurb .et_pb_image_wrap {
			text-align: center;
		}

		/*.et_pb_icon.ikona  {
				margin: 0;
			    margin-right: 2em;
			    float: left;
				width: 50px;
			}
			.et_pb_icon.ikona .et-pb-icon {
				font-size: 50px!important;
				color: #004d7f!important; /*--modra--
			}*/

		
/*------------------------------------*\
    TOP MENU
\*------------------------------------*/
		.top-lista {
			padding: 0!important;
		}
		.top-radek-logo{
			display: flex;
    		align-items: center;
		}



		.top-logo-sloupec{
			padding: 0;
			
		}
				.sloupec-logo{
					margin: 0;
					width: 30%!important;
				}

		.top-lista{
			padding: 0;
		}

		.top-lista .top-kontakty{
			display: flex;
			justify-content: flex-end;
			width: 70%; 
		}
	/*--- velikost ikony v menu --*/
		.et_pb_blurb.ikona-s-textem.iko-top-lista .et_pb_blurb_content .et-pb-icon {
			font-size: 25px!important;
		}
	/*--- odsazení modulu ikony s kontaktem --*/
		.et_pb_blurb.ikona-s-textem.iko-top-lista{
			margin: 8px 0!important;
		}
		.et_pb_blurb.ikona-s-textem.iko-top-lista:last-child{
			padding-right: 0;
		}
	/*--- odsazeni ikony od textu napravo --*/
		.et_pb_blurb.ikona-s-textem.iko-top-lista .et_pb_blurb_container {
			padding-left: 5px!important;
		}
	/*--- vystředění textu v menu --*/
		/*et_pb_menu .et_pb_menu__menu, 
		.et_pb_menu .et_pb_menu__menu>nav, 
		.et_pb_menu .et_pb_menu__menu>nav>ul {
			-webkit-box-align: center;
			-ms-flex-align: center;
			align-items: center;
		}*/
		.et_pb_menu .et-menu>li {
			padding-left: 0;
			padding-right: 0;
		}

		/*.tlacitko-menu{
			background-color: #786a43!important;
				color: #ffffff!important;
				border: none!important;
				border-radius: 0!important;
				padding: 15px!important;
				text-transform: uppercase;
				font-size: 18px;
		}*/
		.menu-item a{
				padding: 15px!important;
		}


		/* .et-menu .tlacitko-menu a {
		   color: #ffffff!important;
		}*/
/*---------------------------------------------
	FORMULAR
---------------------------------------------*/ 
	/*---checkbox se souhlasem---*/
		.wpcf7-list-item {
			margin: 0 0 0 0;
			font-size: 15px;
			line-height: 22px;
		}

	.wpcf7-response-output{
		color: #ffffff!important;
			}
	.wpcf7 form.sent .wpcf7-response-output {
		border-color: #46b450!important;
		background:  #46b450!important;
	}
/*------------------------------------*\
   INPUTY
\*------------------------------------*/

		.kontaktni-formular textarea, 
		.kontaktni-formular input[type=email], 
		.kontaktni-formular input[type=text], 
		.kontaktni-formular input[type=tel], 
		.kontaktni-formular input[type=number], 
		.kontaktni-formular input[type=date], 
		.kontaktni-formular input[type=select], 
		.kontaktni-formular input[type=url], 
		.kontaktni-formular .input-form-vyber, 
		.kontaktni-formular .input-form {
			border: 1px solid #cecece;
			padding: 14px;
			position: relative;
			width: 100%;
			font-size: 16px;
			background-color: #ffffff;
			color: #262626!important;	
		}

		.et-l label{
			padding: 0.5rem 0!important;
			color: #262626!important;
		}

		sup {
			bottom: 0.3em;
			padding-left: 3px;
    		font-size: 0.8em;
		}
		label sup,
		.text-cerveny{
			color: #ff0000;
		}
/*---------------------------------------------
	formular v patičce
---------------------------------------------*/
		.kontaktni-formular.paticka textarea, 
		.kontaktni-formular.paticka input[type=email], 
		.kontaktni-formular.paticka input[type=text], 
		.kontaktni-formular.paticka input[type=tel], 
		.kontaktni-formular.paticka input[type=number], 
		.kontaktni-formular.paticka input[type=date], 
		.kontaktni-formular.paticka input[type=select], 
		.kontaktni-formular.paticka input[type=url], 
		.kontaktni-formular.paticka .input-form-vyber, 
		.kontaktni-formular.paticka .input-form {
			border: 1px solid #004d7f;
			background-color: #004d7f;
			color: #ffffff!important;	
		}
		.et-l .kontaktni-formular.paticka label{
			color: #ffffff!important;
		}
/*---------------------------------------------
	TABULKA
---------------------------------------------*/            
		.table-responsive {
			margin-bottom: 0!important;
			margin-top: 1em;
		}
		.table-responsive table {
			width: 100%!important;
			
		}
		.table-responsive table strong {color:#004d7f;}

		
		.entry-content table:not(.variations) {
			border-collapse: collapse!important;
			margin: 0 0 15px;
			text-align: left;
			width: 100%;
		}
			.entry-content tr td{
				border: 1px solid #d0d0d0;
			}

		.entry-content tr td:first-child{
				width: 70%;
			}




/*------------------------------------*\
    ÚVODNÍ SLIDER
\*------------------------------------*/

		.slider-uvod p{
			font-size: 30px;
			line-height: 1.1em;
		}

		.et-pb-arrow-next, 
		.et-pb-arrow-prev{
			text-decoration: none!important;
			background: #ffffff!important;
			color: #004d7f!important;
		}
/*------------------------------------*\
    GALERIE Z DIVI
\*------------------------------------*/
		/*--- 3 SLOUPCE --*/
		.galerie-divi .et_pb_gallery_item {
			width: 32%!important;
    		margin-right: 1%!important;
		}

		.galerie .dipi-carousel-item-title{
			display: none;
		}
		.galerie .dipi_carousel_child{
			border: 1px solid #e8e8e8;
		}


/*------------------------------------*\
    ROZEVIRACI ZALOZKY
\*------------------------------------*/
		/*--- obal jedne zalozky --*/
		.et_pb_accordion .et_pb_accordion_item {
			margin-bottom: 1em!important;
		}
		/*--- barva zavreneho nadpisu --*/
			.et_pb_toggle_close .et_pb_toggle_title {
				color: #262626!important;
			}
/*--- ikona pluska --*/
.et_pb_toggle_title:before {
    font-size: 30px;
    color: #004d7f;
}



/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
@media screen and (max-width: 1440px) { 	
	.et_pb_row,
	.et_pb_fullscreen .et_pb_fullwidth_header_container
	{ width: 92%;}	
}

@media screen and (max-width: 1170px) { 	
			 /*---změna na hamburger ---*/
      
/*---- hamburger ---*/
	.mobile_nav .mobile_menu_bar:before {
		font-size: 45px!important;
		color: #ffffff!important;
		background: #262626!important;
	}

	.et_pb_module .mobile_menu_bar:before {
		top: -1px;
	}
}

@media screen and (max-width: 980px) { 
	.py1-tab {padding-top: 1em!important; padding-bottom: 1em!important;}
	
	
		.logo .et_pb_image_wrap img {
			max-height: 60px!important;
		}
	
		.top-logo-sloupec {
			margin-bottom: 0!important;
		}
	
	.et_mobile_nav_menu {background-color:#262626;}
		
	.menu-item a {
			padding: 10px 0!important;
			text-decoration: none;
		}
	.tlacitko-menu {
		padding: 0!important;
	}
	
	.top-lista-sekce .et_pb_row{
    		align-items: baseline;
		}
	
	.iko-top-lista .et_pb_blurb_container{
    		display: none;
		}
	
}

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

@media screen and (max-width: 640px) { 
	.w100-mob {width: 100%!important; max-width: 100%!important;}
	
	.p0-mob {padding: 0!important; }
	.py0-mob {padding-top: 0!important; padding-bottom: 0!important;}
	.py1-mob {padding-top: 1em!important; padding-bottom: 1em!important;}
		.py2-mob {padding-top: 2em!important; padding-bottom: 2em!important;}
		.px1-mob {padding-left: 1em!important; padding-right: 1em!important;}
		.px2-mob {padding-left: 2em!important; padding-right: 2em!important;}
	
	.wrap-mob {flex-wrap: wrap;}
	
	
	
}
@media screen and (min-width: 1440px) { 	
	body { font-size: 18px; }
	h1 { font-size: 70px; } 
	h2 { font-size: 60px; }
	h3 { font-size: 50px; }
	h4 { font-size: 40px; }
	h5 { font-size: 30px; }
	
	footer h2 { font-size: 45px; }
	footer h3 { font-size: 35px; }
	footer h4 { font-size: 30px; }
	
	.mensi-font h2 { font-size: 45px; }
	.mensi-font h3 { font-size: 35px; }
	.mensi-font h4 { font-size: 30px; }
	
	
	
	.et_pb_section { padding: 50px 0;}
	.et_pb_row { padding-top: 20px;}
	.et_pb_text { margin-bottom: 16px;}
	
	.slider-uvod .et_pb_fullwidth_header_subhead { font-size: 150px; }

}