/*======================================
Theme Name: KZZ
Theme URI: https://www.facebook.com/groups/diviczsk
Description: Divi Child Theme je určena všem, kteří potřebují upravovat .php a .css soubory na svém webu. Pokud by jste dále potřebovali poradit s Divi šablonou nebo jinými produkty Elegant Themes, přidejte se do skupiny. Je nás mnoho, co s Divi pracujeme na profesionální úrovni.
Version: 1.3
Author: Divi CZ / SK
Author URI: https://www.facebook.com/groups/diviczsk
Template: Divi
License: GNU General Public License v2 or later
======================================*/


/*------------------------------------
    Zýkladní styly
------------------------------------*/

/* Zkrášlení podtržení odkazů - barvu si můžete libovolně nastavit podle potřeb */

.et_pb_posts a.more-link, a:link {
    -webkit-text-underline-position: under;
    -ms-text-underline-position: below;
    text-underline-position: under;
}

/* Sdílení na sociálních sítích pod příspěvkem - Monarch - platí, pokud používáte plugin Monarch */

.et_monarch .et_pb_section .et_social_inline_bottom {
    margin-top: 10px;
    margin-bottom: 0;
}

/*------------------------------------
    Nastaveni zuzeneho bocniho blogu
------------------------------------*/

/*Nastaveni sirky obrazku*/

.blog_bocni_uzky .entry-featured-image-url {
	width: 100px;
	float: left;
	margin-bottom: 0!important;
  padding-left: 30px;
}

/*Nastaveni sirky pisma*/

.blog_bocni_uzky .entry-title {
	width: calc(100% - 100px);
	float: left;
  padding-top: 10px;
	padding-left: 2px;
}
  
.blog_bocni_uzky .post-meta {
	width: calc(100% - 100px);
	float: left;
  padding-top: 1px;
	padding-left: 2px;
}

/*pro ctvercovy obrazek*/

.blog_bocni_uzky .entry-featured-image-url {
	padding-top: 100px;
	display: block;
}

.blog_bocni_uzky .entry-featured-image-url img {
	position: absolute;
	height: 100%;
	width: 80%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	object-fit: cover;
}

/*uprava rozteci a ohraniceni*/

.blog_bocni_uzky .et_pb_post:not(:last-child) {
	border-bottom: 1px solid #000000!important;
	padding-bottom: 20px;
	margin-bottom: 20px;
} 

/*Konec nastaveni zuzeneho bocniho blogu*/


.ukazky_obrazku .et_pb_post .entry-featured-image-url img:hover{
transition: transform 2000ms ease 0ms,transform 2000ms ease 0ms,transform 2000ms ease 0ms;
transform: scaleX(1.36) scaleY(1.36) translateX(9%) translateY(3%) rotateX(0deg) rotateY(0deg) rotateZ(6deg)!important;}

.ukazky_obrazku .et_pb_post:hover .entry-featured-image-url img{
transition: transform 2000ms ease 0ms,transform 2000ms ease 0ms,transform 2000ms ease 0ms;
transform: scaleX(1.36) scaleY(1.36) translateX(9%) translateY(3%) rotateX(0deg) rotateY(0deg) rotateZ(6deg)!important;}


/*------------------------------------
    Hlavni blog
------------------------------------*/

.blog_hlavni .et_pb_post div.post-content a.more-link {
    background-color: #000;
    padding-top: 5px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
  width:fit-content;}
  
.blog_hlavni .et_pb_post div.post-content a.more-link:hover {
    background-color: #3423a6;
    }
  
.blog_hlavni .et_pb_post .post-meta a {
  color: #fff !important;
  font-weight: 500;
  text-transform:uppercase;
  background-color: #000000;
  padding-left:10px;
  padding-right:10px;
  padding-top:5px;
  padding-bottom:3px;
    }
  
.blog_hlavni .et_pb_post .post-meta span.published {
  color: #fff !important;
  font-weight: 500;
  text-transform:uppercase;
  background-color: #000000;
  padding-left:10px;
  padding-right:10px;
  padding-top:5px;
  padding-bottom:3px;
  margin-right:5px;
    }
  
.blog_hlavni .et_pb_post .post-meta a:hover {
  text-decoration:underline;
    }
  
.blog_hlavni .et_pb_post .post-meta span.author.vcard a {
    background-color: rgba(0,0,0,0);
    color: #000 !important;
    padding-left:0;
    padding-right:0;
  }
  
.blog_hlavni .pagination a:hover {
    text-decoration: underline;
}
  
.blog_hlavni .et_pb_post .post-content *  {
    margin-bottom: 20px;
}
  
    
.blog_hlavni .et_pb_post .entry-featured-image-url {
    overflow: hidden;
  margin-bottom: 0px;
}
  
 .blog_hlavni .et_pb_post .entry-featured-image-url {
    border: 1px solid rgba(255, 255, 255, 0); } 
  
.blog_hlavni article.et_pb_post {
  background-color: #ffffff;
  box-shadow: 6px 6px 18px 0px rgba(0,0,0,0.22);
  }

.blog_hlavni .et_pb_post .entry-featured-image-url img:hover{
transition: transform 2000ms ease 0ms,transform 2000ms ease 0ms,transform 2000ms ease 0ms;
transform: scaleX(1.36) scaleY(1.36) translateX(9%) translateY(3%) rotateX(0deg) rotateY(0deg) rotateZ(6deg)!important;}

.blog_hlavni .et_pb_post:hover .entry-featured-image-url img{
transition: transform 2000ms ease 0ms,transform 2000ms ease 0ms,transform 2000ms ease 0ms;
transform: scaleX(1.36) scaleY(1.36) translateX(9%) translateY(3%) rotateX(0deg) rotateY(0deg) rotateZ(6deg)!important;}

.blog_hlavni .et_pb_post {
    display: flex;
    flex-direction: column;
}

.blog_hlavni .entry-title {
    order: 0 !important;
}

.blog_hlavni .post-meta {
    order: 2;
}

.blog_hlavni .et_pb_image_container {
    order: 1;
  z-index:0;
}

.blog_hlavni .post-content {
    order: 3;
}

/*------------------------------------
    Blog_kategorie
------------------------------------*/

.blog_kategorie .et_pb_post div.post-content a.more-link {
    background-color: #000;
    padding-top: 5px;
    padding-bottom: 3px;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 10px;
  width:fit-content;}
  
.blog_kategorie .et_pb_post div.post-content a.more-link:hover {
    background-color: #3423a6;
    }

.blog_kategorie .et_pb_post .post-meta {
  color: #969696 !important;
  text-transform: uppercase;
    }  
  
.blog_kategorie .et_pb_post .post-meta a {
  color: #3423a6 !important;
  font-weight:500;
  text-transform:uppercase;
    }
  
.blog_kategorie .et_pb_post .post-meta a:hover {
  text-decoration:underline;
    }
  
.blog_kategorie .et_pb_post .post-meta span.author.vcard a {
    background-color: rgba(0,0,0,0);
    color: #000 !important;
    padding-left:0;
    padding-right:0;
  }
  
.blog_kategorie .pagination a:hover {
    text-decoration: underline;
}
    
.blog_kategorie .et_pb_post .entry-featured-image-url {
    overflow: hidden;
}

.blog_kategorie .et_pb_post .entry-featured-image-url {
    border: 1px solid rgba(255, 255, 255, 0); }

.blog_kategorie .et_pb_post .entry-featured-image-url img:hover{
transition: transform 2000ms ease 0ms,transform 2000ms ease 0ms,transform 2000ms ease 0ms;
transform: scaleX(1.36) scaleY(1.36) translateX(9%) translateY(3%) rotateX(0deg) rotateY(0deg) rotateZ(6deg)!important;}

.blog_kategorie .et_pb_post:hover .entry-featured-image-url img{
transition: transform 2000ms ease 0ms,transform 2000ms ease 0ms,transform 2000ms ease 0ms;
transform: scaleX(1.36) scaleY(1.36) translateX(9%) translateY(3%) rotateX(0deg) rotateY(0deg) rotateZ(6deg)!important;}

.blog_kategorie article.et_pb_post {
margin-bottom: 20px !important;
  background-color: #fff;
  }
  
@media (min-width: 768px) {

/*set the image width*/

.blog_kategorie .entry-featured-image-url  {
width: 100%;
float: left;
margin-bottom: 0!important;
}

/*set the details width*/

.blog_kategorie .entry-title,
.blog_kategorie .post-meta,
.blog_kategorie .post-content {
width: 100%;
float: left;
padding-left: 40px;
}
}
  
@media (min-width: 768px) {.blog_kategorie .entry-featured-image-url {
  padding-top: 100%;
  display: block;
}}

@media (min-width: 768px) {.blog_kategorie .entry-featured-image-url img {
position: absolute;
  height: 100%;
  width: 100%;
  top: ;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}}
  
@media (min-width: 1024px) {

/*set the image width*/

.blog_kategorie .entry-featured-image-url  {
width: 20%;
float: left;
margin-bottom: 0!important;
}

/*set the details width*/

.blog_kategorie .entry-title,
.blog_kategorie .post-meta,
.blog_kategorie .post-content {
width: 80%;
float: left;
padding-left: 60px;
}
}
  
@media (min-width: 1024px) {.blog_kategorie .entry-featured-image-url {
  padding-top: 20%;
  display: block;
  margin-top: 33px;
}}

@media (min-width: 1024px) {.blog_kategorie .entry-featured-image-url img {
position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}}  
  
@media (max-width: 767px) {.blog_kategorie .entry-featured-image-url {
  padding-top: 100%;
  display: block;
}}

@media (max-width: 767px) {.blog_kategorie .entry-featured-image-url img {
position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
}}   
  

/*------------------------------------
    Nastaveni cislovani
------------------------------------*/

/*style the Divi blog pagination buttons*/

.pagination .alignleft a,
.pagination .alignright a {
  color: #ffffff;
	background: #0071fc;
	border: 2px solid #0070fc;
	padding: .7em 1.3em;
	border-radius: 50px;
	text-transform: capitalize;
	transition: all 0.3s ease-in-out;
}

/*style the Divi blog pagination buttons on hover*/

.pagination .alignleft a:hover,
.pagination .alignright a:hover {
	background: transparent;
  color: #0070fc;
	border: 2px solid #0070fc;
	transition: all 0.3s ease-in-out;
}  

/*style the wp-pagenavi pagination links*/

.wp-pagenavi a,
.wp-pagenavi span {
	color: #000000;
	background: #f1f3f5;
	font-size: 1em !important;
	line-height: 1em;
	font-weight: bold !important;
	padding: 0.45em 0.8em !important;
	border-radius: 100px;
	transition: all .5s;
}


/*style the wp-pagenavi current page number*/

.wp-pagenavi span.current {
	color: #ffffff !important;
	background: #0070fc !important;
	border-radius: 100px;
}


/*style the wp-pagenavi pagination links on hover*/

.wp-pagenavi a:hover {
	color: #ffffff!important;
	background: #0070fc!important;
}


/*style the wp-pagenavi pages text*/

.wp-pagenavi .pages {
	background: none;
}


/*remove border and center the wp-pagenavi links*/

.wp-pagenavi {
	border-top: none;
	text-align: center;
}  

/* Center-align moble menu items */
.et_mobile_menu li {
text-align:left !important;
padding-left:25px;
}
  
.et_mobile_menu li li, .et_mobile_menu li ul {
padding-left:20px !important;
}

/* X icon in expanded mobile menu */
.mobile_nav.opened .mobile_menu_bar:before {
content: '\4d';
}