/*
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 + (25 - 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;*/
				}

	/*--- leve odsaceni kontejneru full width ---*/
		.leve-odsazeni{
			padding: 0 0 0 10%!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;}
		.pb2 {padding-bottom: 2em!important;}
		.pt0 {padding-top: 0!important;}
		.py05 {padding-top: 0.5em!important; padding-bottom: 0.5em!important}
		.py2 {padding-top: 2em!important; padding-bottom: 2em!important}
		.py3 {padding-top: 3em!important; padding-bottom: 3em!important}



	/*---- MARGIN----*/
		.m0 {margin: 0!important;}
		.mb0 {margin-bottom: 0!important;}
        .mb1 {margin-bottom: 1em!important;}
		.mb2 {margin-bottom: 2em!important;}
		.mauto {margin: auto!important;}
		.mr1 {margin-right: 1em!important;}
		.mt1 {margin-top: 1em!important;}
		.my05 {margin-top: 0.5em!important; margin-bottom: 0.5em!important;}
		/*.my4 {margin-top: 4em!important; margin-bottom: 4em!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:#af907c;} /*zlatá*/
	.text-barva2{color:#ffd4a3;} /*bezova*/
	.text-barva-bila{color:#ffffff;} /*bila*/
	.text-barva-cerna{color:#000000;} /*cerna*/

	.bcg-barva1{background-color:#af907c;} /*zlata*/
	.bcg-barva2{background-color:#ffd4a3;} /*bezova*/
	.bcg-barva-3{background-color:#f9f9f9;} /*svetle seda*/
	.bcg-barva-4{background-color:#e8e8e8;} /*tmavsi seda*/
	.bcg-barva-bila{background-color:#ffffff;} /*bila*/
	.bcg-barva-cerna{background-color:#000000;}	/*cerna*/

.bcg-prechod-1{
	background: rgb(79,175,241);
	background: linear-gradient(90deg, rgba(79,175,241,1) 0%, rgba(0,98,166,1) 100%)!important;
}

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

	body{ font-size: calc(16px + (16 - 14) * ((100vw - 320px) / (1400 - 320)))!important;}
	h1{ font-size: calc(35px + (45 - 25) * ((100vw - 320px) / (1400 - 320)));}
	h2{ font-size: calc(32px + (32 - 22) * ((100vw - 320px) / (1400 - 320)));}
	h3{ font-size: calc(30px + (30 - 20) * ((100vw - 320px) / (1400 - 320)));}
	h4{ font-size: calc(25px + (25 - 20) * ((100vw - 320px) / (1400 - 320)));}
	h5{ font-size: calc(20px + (22 - 16) * ((100vw - 320px) / (1400 - 320)));}
	
	body{ line-height: 1.5em;}	

	h1, h2, h3, h4, h5, .nadpis-hlavicka {
		padding-bottom: 10px;
		line-height: 1.3em;
		font-weight: normal;
		/*text-align: left!important;*/
		color: #000000;
		word-break: normal;      /* výchozí hodnota – neporušuje slova */
 		 overflow-wrap: normal;   /* nebo použij 'break-word' pro extra dlouhá slova */
  		hyphens: none;           /* zakáže dělení slov pomocí spojovníků */
		}

	h1 {
		text-transform:uppercase;
		}

	p { margin: 0; 
		padding: 0 0 10px 0;
		line-height: 1.7em;
}

	a { text-decoration: underline; }

	.nadpis-hlavicka {
		font-size: calc(30px + (40 - 20) * ((100vw - 320px) / (1400 - 320)));		
		color: #ffffff!important;
		font-family: 'Roboto Condensed', Helvetica, Arial, Lucida, sans-serif;
	}

	.paticka h2 { font-size: 30px; }

/*------------------------------------*\
    TLACITKA
\*------------------------------------*/
	.et_pb_button,
	a.more-link{
		background: #af907c!important;
		color: #ffffff!important;
		border: 2px solid #8f5f25!important;
		border-radius: 0!important;
		padding: 0.7em 1.7em!important;
		text-decoration: none;
		text-transform: uppercase;
		font-size: 16px;
		
	}

	.et_pb_button.btn-bile,
    .slider-uvod .et_pb_button{
		background-color: #ffffff!important;
		color: #000000!important;
	}

	a.more-link {
		padding: 0.7em 1.7em!important;
		display: inline-block;
		margin-top: 1em;
		width: 100%;
        text-align: center;
	}

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

 	input[type=submit]{
		float: right!important;
		max-width:  150px!important;
		background-color: #8f5f25!important;
        color: #ffffff!important;
        border: none!important;
		padding: 1em 2em!important;
        cursor: pointer;
        font-size: 16px;
		}
    input[type=submit]:hover{
		background-color: #ffd4a3!important;
		color: #ffffff!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: #ffffff;
			color: #000000!important;	
		}

		.et-l label{
			padding: 0.5rem 0!important;
			color: #000000!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 {
			width: 100%!important;
			border: none;
		}
		/*.table-responsive table strong {color:#786a43;}*/

		
		table tr td{
			text-align: center!important;
			background-color: #ffffff;
			/*padding-left: 1em!important;
			display: flex;
    		align-items: center;*/
		}
		table tr td:first-child{
			text-align: left!important;
		}

		
		.tabulka-modul,
		.entry-content table:not(.variations){			
			margin:0!important;
			border: none;
		}

/*------------------------------------*\
    BUNKA
\*------------------------------------*/
	.bunka{
		font-size: 15px;
    	background-color: #ffffff;
    	padding: 1em !important;
		box-shadow: 0px 50px 80px 0px rgba(12, 2, 2, 0.1);
    	/*transition: transform 300ms ease 0ms;*/
		}

	.bunka .et_pb_blurb_content,
	.bunka .et_pb_blurb_container{
			text-align: center!important;
		}
	.bunka .et_pb_module_header{
			color: #8f5f25!important;
			font-size: 20px!important;
		}


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/
/*---Notebook--*/
@media only screen and (max-width:1440px) {
	.et_pb_row { width: 94%;}
 
}
/*---Tablet--*/

@media only screen and (max-width:980px) {
	.direction-colrev-tab {flex-direction: column-reverse;}
	
	/*---TOP PRUH ---*/	
		.top-kontakty .ikona-s-textem .et_pb_blurb_description .skryt{ display: none; visibility: hidden;}	
		/*.top-kontakty .ikona-s-textem .et_pb_blurb_description a span { display: block; visibility: visible;}*/
 
}

@media only screen and (max-width:767px) {
	.w100-tab {width: 100%!important;}
	.wrap-tab {flex-wrap: wrap!important;}
	/*---tabulka--*/
		div.et_pb_image.obr-tabulka,
		.tabulka-modul{			
			width: 100%!important;
			max-width: 100%!important;
			}

		.mtr-td-tag:first-child::before{			
			font-weight: bold;
			}
		.mtr-table tr{	margin-bottom: 1em;	}
	    .mtr-table tr:last-child{	margin-bottom: 0;	}
 
}
/*---mobil--*/
@media only screen and (max-width:640px) {
	.wrap-mob {flex-wrap: wrap;}
	.p1-mob {padding: 1em!important;}
	.et_pb_post h1 {
        font-size: 25px!important;
    }
}
/*---mobil-xs--*/

@media only screen and (max-width:468px) {
    .et_pb_post h2 {
        font-size: 18px!important;
    }

 
}