/*
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 + (60 - 10) * ((100vw - 320px) / (1400 - 320)));
					 padding-bottom: calc(10px + (60 - 10) * ((100vw - 320px) / (1400 - 320)));}

	.et_pb_row { padding-top: calc(10px + (20 - 10) * ((100vw - 320px) / (1400 - 320)))!important;
				 padding-bottom: 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; }
		.pb0 {padding-bottom: 0!important;}


	/*---- MARGIN----*/
		.mb0 {margin-bottom: 0!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;}
		.w75 {width: 100%!important; max-width: 75%!important;}
        /*.w90 {width: 100%!important; max-width: 90%!important;} 
        .w80 {width: 100%!important; max-width: 80%!important;}
		
        .w65 {width: 100%!important; max-width: 65%!important;}
		.w60 {width: 100%!important; max-width: 60%!important;}*/
		.w50 {width: 50%!important;}
		.w33 {width: 33%!important;}

/*------------------------------------*\
    BARVY
\*------------------------------------*/
	.text-barva1{color:#786a43;} /*zlata*/
	.text-barva2{color:#e30613;} /*cervena*/
	.text-barva3{color:#1b1534;} /*tmave modra*/
	.text-barva-bila{color:#ffffff;} /*bila*/
	.text-barva-cerna{color:#121212;} /*cerna*/

	.bcg-barva1{background-color:#786a43;} /*zlata*/
	.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:#121212;}	/*cerna*/
	.bcg-barva-3{background-color:#f6f6f6;} /*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: 10px;
		line-height: 1em;
		font-weight: bold;
		text-align: left!important;
		color: #786a43;
	}

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

	a { text-decoration: underline; }

.os-udaje-podminky h1,
.os-udaje-podminky h2,
.os-udaje-podminky h3,
.os-udaje-podminky h4{ font-family: 'Open Sans',Helvetica,Arial,Lucida,sans-serif!important; }

.os-udaje-podminky h1{ font-size: 40px }
.os-udaje-podminky h2{ font-size: 30px }
.os-udaje-podminky h3{ font-size: 25px }
.os-udaje-podminky h4{ font-size: 20px }

/*------------------------------------*\
    TLACITKA
\*------------------------------------*/
	.et_pb_button,
	a.more-link{
		background-color: #786a43!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,
    .slider-uvod .et_pb_button{
		background-color: #ffffff!important;
		color: #786a43!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: #282728!important;
		color: #ffffff!important;
	}

 	input[type=submit]{
		float: right!important;
		max-width:  150px!important;
		background-color: #df0c22!important;
        color: #ffffff!important;
        border: none!important;
		padding: 1em 2em!important;
        cursor: pointer;
        font-size: 16px;
		}
    input[type=submit]:hover{
		background-color: #000000!important;
		color: #ffffff!important;
           	}
/*---------------------------------------------
	IKONY
---------------------------------------------*/ 
	/*---IKONA S TEXTEM NAPRAVO---*/	
			.et_pb_blurb.ikona-s-textem { 
				margin-bottom: 1em!important;
				font-size: 18px;
				line-height: 1.4em;
				padding-right: 1em;
			}

	/*---velikost-ikony---*/
			.et_pb_blurb.ikona-s-textem .et_pb_blurb_content .et-pb-icon{
				font-size: 36px!important;
				color: #e30613!important; /*--cervena--*/
			}
	/*---samotná ikona---*/
		.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: #e30613!important; /*--cervena--*/
			}

/*---------------------------------------------
	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 #232323;
			padding: 14px;
			position: relative;
			width: 100%;
			font-size: 16px;
			background-color: #232323;
			color: #ffffff!important;	
		}

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

		sup {
			bottom: 0.3em;
			padding-left: 3px;
    		font-size: 0.8em;
		}
		label sup {
			color: #ff0000;
		}
/*---------------------------------------------
	TABULKA
---------------------------------------------*/            
		.table-responsive {
			margin-bottom: 0!important;
			margin-top: 1em;
		}
		.table-responsive table {
			width: 100%!important;
		}
		.table-responsive table strong {color:#786a43;}

		/*.entry-content .tabulka-bez-okraju table:not(.variations) {
			border: none;
			margin: 10px 0!important;
		}

		.entry-content .tabulka-bez-okraju tr td {
			border-top: none;
			padding: 6px 0;
		}*/
/*------------------------------------*\
    TOP MENU
\*------------------------------------*/
		.top-lista-sekce {
			padding: 0!important;
			border-bottom: 3px solid #786a43;
		}
		.top-lista-sekce .et_pb_row{
			padding-top: 0!important;
			display: flex;
    		align-items: center;
		}



		.top-logo-sloupec {
			padding: 0;
		}

		.top-lista{
			padding: 0;
		}

		.top-lista .top-kontakty{
			display: flex;
			justify-content: flex-end;
		}
	/*--- velikost ikony v menu --*/
		.top-lista .top-kontakty .et_pb_blurb.ikona-s-textem .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;
		}

		.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,
		.tlacitko-menu a{
				padding: 0!important;
		}

		 .et-menu .tlacitko-menu a {
		   color: #ffffff!important;
		}


/*------------------------------------*\
    ÚVODNÍ SLIDER
\*------------------------------------*/
		.slider-uvod .nadpis{
			font-size: 48px;
			font-weight: 400;
			text-transform:uppercase;
			line-height: 1.3em;
		}

		.slider-uvod .mesto{
			font-size: calc(60px + (150 - 60) * ((100vw - 320px) / (1400 - 320)));
			line-height: 1.2em;
			font-family: 'Kaushan Script',handwriting;
		}

		.slider-uvod .perex{
			font-size: 20px;
		}

/*--- sipky --*/
	 .slider-uvod .et-pb-slider-arrows a{
			text-decoration: none;
		    background-color: #786a43;
			color: #ffffff;
			cursor: pointer;	
		}
		.slider-uvod .et-pb-slider-arrows a:hover{
		    background-color: #000000;
		}

/*------------------------------------*\
    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: 980px) { 
	/*--- odsazení loga --*/
		.top-logo-sloupec {
			margin-bottom: 0!important;
		}
	
	.et_mobile_nav_menu {background-color:#786a43;}
		
	.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; }
	
	.wrap-mob {flex-wrap: wrap;}
	
	.slider-uvod .perex{
			font-size: 16px;
		}
	
}
@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; }
	
	.et_pb_section { padding: 60px 0;}
	.et_pb_row { padding-top: 20px;}
	.et_pb_text { margin-bottom: 16px;}
	
	.slider-uvod .et_pb_fullwidth_header_subhead { font-size: 150px; }

}