/** 
* Úpravy původní šablony, definice nových tříd
 *
 * @since 1.3.0
 * 
 */

/** 
 * VÝPIS BLOGU - DVA SLOUPCE, TEXT VLEVO
 * CSS: .d2a_blog.dva_sloupce.text_vlevo
 * DIVI: d2a_blog dva_sloupce text_vlevo
 * 
 * v nastavení výpisu blogu nesmí být mřížka, ale plná šířka
 * zapis data příspěvku: d. m. Y
 */

.d2a_blog.dva_sloupce .et_pb_ajax_pagination_container .et_pb_post{
	width: 47%;
	margin-right: 6%;
	float:left;
}
.d2a_blog.dva_sloupce .et_pb_ajax_pagination_container .et_pb_post:nth-of-type(2n){
	margin-right: 0;
}

.d2a_blog.text_vlevo .et_pb_ajax_pagination_container .et_pb_post .entry-featured-image-url{
	float: left;
	max-width: 235px;
	margin-right: 25px;
}

.d2a_blog.text_vlevo .et_pb_ajax_pagination_container .et_pb_post h2.entry-title{
	padding-top: 10px;
}

/*proklik na cist vice*/
.d2a_blog.text_vlevo .et_pb_ajax_pagination_container .et_pb_post a.more-link{
	display: inline-block;
	padding-top: 30px;
	padding-left: 37px; /*dělá místo pro pomlku před textem*/
}

/*prvek před číst více*/
.d2a_blog.text_vlevo .et_pb_ajax_pagination_container .et_pb_post a.more-link:before {
    content: '';
    display: block;
    width: 27px;
    height: 2px;
    background: #3e3e3e;
    position: relative;
    left: -35px;
    top: 11px;
}

/*prvek před číst více - najetí myši*/
.d2a_blog.text_vlevo .et_pb_ajax_pagination_container .et_pb_post a.more-link:hover:before {
    background: #00ADEE;
}

@media only screen and (max-width: 1093px) {
	.d2a_blog.dva_sloupce .et_pb_ajax_pagination_container .et_pb_post{
		width: 100%;
		margin-right: 0;
		float:none;
	}	
}
@media only screen and (max-width: 519px) {
	.d2a_blog.text_vlevo .et_pb_ajax_pagination_container .et_pb_post .entry-featured-image-url{
		float: none;
		max-width: 100%;
		margin-right: 0;
	}
	
	.d2a_blog.text_vlevo .et_pb_ajax_pagination_container .et_pb_post .entry-featured-image-url img{
		overflow: hidden;
		object-fit: cover;
		display: block;
		max-height:230px;
	}
	
	.d2a_blog.text_vlevo .et_pb_ajax_pagination_container .et_pb_post h2.entry-title{
		padding-top: 10px;
	}

	.d2a_blog.text_vlevo .et_pb_ajax_pagination_container .et_pb_post a.more-link{
		display: inline-block;
		padding-top: 30px;
	}
}

/** 
 * PEVNÉ ŘÁDKŮ
 * 
 * Pevný řádek drží obvykle fotografie a při snižování rozlišení se responsivně nerozpadá
 */

.pevny_radek_1x3.et_pb_row_inner .et_pb_column{
	width: 30.63973064% !important;
	margin-right: 4.04% !important;	
}
.pevny_radek_1x3.et_pb_row_inner .et_pb_column:last-child{
	margin-right: 0 !important;	
}

/** 
 * POMOCNÉ TŘÍDY PRO SKRÝVÁNÍ A ZOBRAZOVÁNÍ BLOKŮ
 * 
 * @since 1.4.0
 */
@media only screen and (max-width: 400px) {.min_400px {display:none !important;}} 			@media only screen and (max-width: 400px) {.logged-in.admin-bar .min_400px {display:block !important; opacity: 0.5;}}
@media only screen and (max-width: 500px) {.min_500px {display:none !important;}} 			@media only screen and (max-width: 500px) {.logged-in.admin-bar .min_500px {display:block !important; opacity: 0.5;}}
@media only screen and (max-width: 600px) {.min_600px {display:none !important;}} 			@media only screen and (max-width: 600px) {.logged-in.admin-bar .min_600px {display:block !important; opacity: 0.5;}}
@media only screen and (max-width: 700px) {.min_700px {display:none !important;}} 			@media only screen and (max-width: 700px) {.logged-in.admin-bar .min_700px {display:block !important; opacity: 0.5;}}
@media only screen and (max-width: 800px) {.min_800px {display:none !important;}} 			@media only screen and (max-width: 800px) {.logged-in.admin-bar .min_800px {display:block !important; opacity: 0.5;}}
@media only screen and (max-width: 900px) {.min_900px {display:none !important;}} 			@media only screen and (max-width: 900px) {.logged-in.admin-bar .min_900px {display:block !important; opacity: 0.5;}}
@media only screen and (max-width: 1000px) {.min_1000px {display:none !important;}} 		@media only screen and (max-width: 1000px) {.logged-in.admin-bar .min_1000px {display:block !important; opacity: 0.5;}}
@media only screen and (max-width: 1100px) {.min_1100px {display:none !important;}} 		@media only screen and (max-width: 1100px) {.logged-in.admin-bar .min_1100px {display:block !important; opacity: 0.5;}}
@media only screen and (max-width: 1200px) {.min_1200px {display:none !important;}} 		@media only screen and (max-width: 1200px) {.logged-in.admin-bar .min_1200px {display:block !important; opacity: 0.5;}}
@media only screen and (max-width: 1300px) {.min_1300px {display:none !important;}} 		@media only screen and (max-width: 1300px) {.logged-in.admin-bar .min_1300px {display:block !important; opacity: 0.5;}}
@media only screen and (max-width: 1400px) {.min_1400px {display:none !important;}} 		@media only screen and (max-width: 1400px) {.logged-in.admin-bar .min_1400px {display:block !important; opacity: 0.5;}}
@media only screen and (max-width: 1500px) {.min_1500px {display:none !important;}} 		@media only screen and (max-width: 1500px) {.logged-in.admin-bar .min_1500px {display:block !important; opacity: 0.5;}}
@media only screen and (max-width: 1600px) {.min_1600px {display:none !important;}} 		@media only screen and (max-width: 1600px) {.logged-in.admin-bar .min_1600px {display:block !important; opacity: 0.5;}}
@media only screen and (max-width: 1700px) {.min_1700px {display:none !important;}} 		@media only screen and (max-width: 1700px) {.logged-in.admin-bar .min_1700px {display:block !important; opacity: 0.5;}}
@media only screen and (max-width: 1800px) {.min_1800px {display:none !important;}} 		@media only screen and (max-width: 1800px) {.logged-in.admin-bar .min_1800px {display:block !important; opacity: 0.5;}}

@media only screen and (min-width: 401px) {.max_400px {display:none !important;}} 			@media only screen and (min-width: 401px) {.logged-in.admin-bar .max_400px {display:block !important; opacity: 0.5;}}
@media only screen and (min-width: 501px) {.max_500px {display:none !important;}} 			@media only screen and (min-width: 501px) {.logged-in.admin-bar .max_500px {display:block !important; opacity: 0.5;}}
@media only screen and (min-width: 601px) {.max_600px {display:none !important;}} 			@media only screen and (min-width: 601px) {.logged-in.admin-bar .max_600px {display:block !important; opacity: 0.5;}}
@media only screen and (min-width: 701px) {.max_700px {display:none !important;}} 			@media only screen and (min-width: 701px) {.logged-in.admin-bar .max_700px {display:block !important; opacity: 0.5;}}
@media only screen and (min-width: 801px) {.max_800px {display:none !important;}} 			@media only screen and (min-width: 801px) {.logged-in.admin-bar .max_800px {display:block !important; opacity: 0.5;}}
@media only screen and (min-width: 901px) {.max_900px {display:none !important;}} 			@media only screen and (min-width: 901px) {.logged-in.admin-bar .max_900px {display:block !important; opacity: 0.5;}}
@media only screen and (min-width: 1001px) {.max_1000px {display:none !important;}} 		@media only screen and (min-width: 1001px) {.logged-in.admin-bar .max_1000px {display:block !important; opacity: 0.5;}}
@media only screen and (min-width: 1101px) {.max_1100px {display:none !important;}} 		@media only screen and (min-width: 1101px) {.logged-in.admin-bar .max_1100px {display:block !important; opacity: 0.5;}}
@media only screen and (min-width: 1201px) {.max_1200px {display:none !important;}} 		@media only screen and (min-width: 1201px) {.logged-in.admin-bar .max_1200px {display:block !important; opacity: 0.5;}}
@media only screen and (min-width: 1301px) {.max_1300px {display:none !important;}} 		@media only screen and (min-width: 1301px) {.logged-in.admin-bar .max_1300px {display:block !important; opacity: 0.5;}}
@media only screen and (min-width: 1401px) {.max_1400px {display:none !important;}} 		@media only screen and (min-width: 1401px) {.logged-in.admin-bar .max_1400px {display:block !important; opacity: 0.5;}}
@media only screen and (min-width: 1501px) {.max_1500px {display:none !important;}} 		@media only screen and (min-width: 1501px) {.logged-in.admin-bar .max_1500px {display:block !important; opacity: 0.5;}}
@media only screen and (min-width: 1601px) {.max_1600px {display:none !important;}} 		@media only screen and (min-width: 1601px) {.logged-in.admin-bar .max_1600px {display:block !important; opacity: 0.5;}}
@media only screen and (min-width: 1701px) {.max_1700px {display:none !important;}} 		@media only screen and (min-width: 1701px) {.logged-in.admin-bar .max_1700px {display:block !important; opacity: 0.5;}}
@media only screen and (min-width: 1801px) {.max_1800px {display:none !important;}} 		@media only screen and (min-width: 1801px) {.logged-in.admin-bar .max_1800px {display:block !important; opacity: 0.5;}}

/** 
 * PODPORA PRO JS EFEKTY
 * 
 * @since 2.0.1
*/

/*texty_a_bloky.js: po_kliknuti_zobraz_nebo_skryj_obsah*/
.celkovy_ramec_efektu .obsah_k_zobrazeni {display: none;} 
.logged-in.admin-bar .celkovy_ramec_efektu .obsah_k_zobrazeni {display:block; opacity: 0.5;}

/** 
 * OBECNÁ ZOBRAZENÍ
 * 
 * v nastavení výpisu blogu nesmí být mřížka, ale plná šířka
 * zapis data příspěvku: d. m. Y
 */

/*vypnutí zobrazení 404 pro vypis článků*/
.d2a .d2a_404 {
	display: none;
}

/*stranky patička d2a (obecně celá patička)*/
footer#main-footer {
    display: none !important;
}

/** 
* Zásahy přímo do DIVY šablony (bez d2a třídy)
 *
 * @since 1.4.0
 * 
 */

/*všechny příspěvky a stránky - bílý prostor na konci stránky*/
	.single .et_pb_post {
		margin-bottom: 0px !important;
	}
	div#left-area {
		padding-bottom: 0px !important;
	}
	.single .post {
		padding-bottom: 0px !important;
	}

/*úprava slideru směrem k responsivitě*/
@media only screen and (max-width: 1200px) {
	.et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description {
		width: auto;
		margin: auto;
		padding: 16% 0%;
	}
	.et_pb_slider .et_pb_container {
		position: relative;
		z-index: 2;
		width: 100%;
		max-width: 1080px;
		margin: 0 auto;
	}
}
/*zvětšení kontejneru pro obsah na mobilních zařízeních*/
@media only screen and (max-width: 629px) {
	.et_pb_row {
		width: 95%;
	}
}

/*fotogalerie, detailní fotografie, skrytí názvu forky a pořadí v galerii*/
.mfp-title, .mfp-counter{
	display: none;
}

/*uprava rámečků pro vodorovně umístěné prvky, které se dotýkají*/
/*musí se ošetřit, aby prvky nalepené na sebe na pc nevypadaly jako s 2x tak širokým rámečkem*/
@media only screen and (min-width: 981px){
	/*desktop*/
	.responsivni_ramecek_vodorovny_levy{
		border-left: 1px solid;
		border-top: 1px solid;
		border-bottom: 1px solid;
	}

	.responsivni_ramecek_vodorovny_stred{
		border-left: 1px solid;
		border-top: 1px solid;
		border-bottom: 1px solid;
	}

	.responsivni_ramecek_vodorovny_pravy{
		border-left: 1px solid;
		border-top: 1px solid;
		border-bottom: 1px solid;
		border-right: 1px solid;
	}
}
@media only screen and (min-width: 480px) and (max-width: 980px){
	/*tablet*/
	.responsivni_ramecek_vodorovny_levy{
		border-left: 1px solid;
		border-top: 1px solid;

	}

	.responsivni_ramecek_vodorovny_stred{
		border-left: 1px solid;
		border-top: 1px solid;
	}
	
	.responsivni_ramecek_vodorovny_stred.prvni{
		border-right: 1px solid;
	}

	.responsivni_ramecek_vodorovny_stred.posledni{
		border-bottom: 1px solid;
	}

	.responsivni_ramecek_vodorovny_pravy{
		border-left: 1px solid;
		border-top: 1px solid;
		border-bottom: 1px solid;
		border-right: 1px solid;
	}
}
@media only screen and (max-width: 480px){
	/*tablet*/
	.responsivni_ramecek_vodorovny_levy, .responsivni_ramecek_vodorovny_stred, .responsivni_ramecek_vodorovny_pravy{
		border-top: 1px solid;
		border-left: 1px solid;
		border-right: 1px solid;		
	}

	.responsivni_ramecek_vodorovny_pravy{
		border-bottom: 1px solid;
	}
}

/*Pro řádky se zarovnáním before prvků vertikálně na střed (ikony, čísla...)*/
.radek_s_before_prvky_vertikalne_na_stred{
	display: flex;
	flex-direction: column;
	justify-content: center;
}

/*Pro pseudomenu a podobné prvky*/
.d2a_inline_block{
	display: inline-block;
}
