/**
 * Additional CSS for Divi Child Theme
 * 
 * @package Divi_Child
 */



/*Main page*/
.quote{
	z-index:11;
}


/*Glowny post*/







.mainPost article.et_pb_post .post-meta .entry-categories,
.left-image article.et_pb_post .post-meta .entry-categories,
.obramowanie{
    
    border-radius: 20px;
    border:solid 1px #D1D1D1;
    padding: 4px 12px;

    display: inline-block !important;
    max-width: fit-content;
    margin: 0 auto;
    background-color: #FFFFFF;
   
}



.mainPost article.et_pb_post .post-meta .entry-categories a:hover,
.left-image article.et_pb_post .post-meta .entry-categories a:hover {
    color: #344A9A !important;
    text-decoration: underline;
}


/*foto z lewej*/


/* Rozwiązanie z float */
.et_pb_blog.left-image .et_pb_post {
    overflow: hidden;
    
}

.et_pb_blog.left-image .et_pb_image_container {
    float: left;
    width: 30%;
    margin-right: 10px;
    margin-bottom: 10px;
}

.et_pb_blog.left-image .entry-title,
.et_pb_blog.left-image .post-meta,
.et_pb_blog.left-image .post-content {
    overflow: hidden;
}


.et_pb_blog.left-image .et_pb_post:after {
    content: "";
    display: table;
    clear: both;
}

/*mobile ukrycie*/
@media (min-width: 1439px) {
  .mobile-2-wyroznione {
    display: none;
  }
}
.left-image article.et_pb_post .post-meta {
padding-top: 2px;
  padding-bottom: 10px;

}
.left-image .entry-title{
    margin-top:-13px;
}

/*napisy na foto - blog*/



.tytul-wpis-main .entry-title,
.tytul-wpis-main .post-meta {
  display: none !important;
}

.tytul-wpis-main article {
  position: relative;
  overflow: hidden;
}

.tytul-wpis-main article .entry-featured-image-url::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0.15) 0%,
    rgba(0, 0, 0, 0.1) 25%,
    rgba(0, 0, 0, 0.05) 50%,
    rgba(0, 0, 0, 0.1) 75%,
    rgba(0, 0, 0, 0.15) 100%
  );
  z-index: 5;
  pointer-events: none;
}

.tytul-wpis-main article .overlay-category {
  position: absolute;
  top: 15px;
  left: 15px;
  background:#F9F9FB;
  color: #0D0D0D;
  padding: 5px 12px;
  border-radius: 3px;
  font-size: 14px;
  border-radius:20px;
  z-index: 15;
  pointer-events: auto; 
}

.tytul-wpis-main article .overlay-category a {
  color: #0D0D0D;
  text-decoration: none;
}

.tytul-wpis-main article .overlay-category a:hover {
  color:  #344A9A;
  text-decoration: underline;
}


.tytul-wpis-main article .image-text-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 25px 20px 20px;
  z-index: 10;
  color: #fff;
  pointer-events: none;
}


.tytul-wpis-main article .image-text-overlay::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  background: linear-gradient(to top, rgba(0,0,0,0.6) 0%, transparent 70%);
  z-index: -1;
}


.tytul-wpis-main article .image-text-overlay .overlay-title {
  display: block;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.3;
  margin-bottom: 8px;
  color: #fff;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}


.tytul-wpis-main article .image-text-overlay .overlay-date {
  display: block;
  font-size: 14px;
  color: rgba(255, 255, 255, 0.9);
 
}


.tytul-wpis-main.et_pb_blog_4 article .overlay-category {
  top: 10px;
  left: 10px;
  padding: 4px 10px;
  font-size: 11px;
}

.tytul-wpis-main.et_pb_blog_4 article .image-text-overlay {
  padding: 20px 15px 15px;
}

.tytul-wpis-main.et_pb_blog_4 article .image-text-overlay .overlay-title {
  font-size: 18px;
  margin-bottom: 5px;
}

.tytul-wpis-main.et_pb_blog_4 article .image-text-overlay .overlay-date {
  font-size: 12px;
}


@media (max-width: 980px) {
  .tytul-wpis-main article .overlay-category {
    top: 10px;
    left: 10px;
    font-size: 11px;
  }
  
  .tytul-wpis-main article .image-text-overlay .overlay-title {
    font-size: 20px;
  }
  
  .tytul-wpis-main.et_pb_blog_4 article .image-text-overlay .overlay-title {
    font-size: 16px;
  }
}

@media (max-width: 480px) {
  .tytul-wpis-main article .image-text-overlay .overlay-title {
    font-size: 15px;
  }
  
  .tytul-wpis-main article .overlay-category {
    padding: 3px 8px;
    font-size: 10px;
  }
}

/*kwadratowe foto*/
#kwadrat-foto .et_pb_post_main_image {
    height:200px;
}

.et_pb_blog#left-image .et_pb_image_container{
    width:40%;
}
#left-image article {
    padding-bottom:0px;
}

/*menu*/
.przyciskmenu a{
    background-color: #344A9A;
    border-radius: 16px;
    color:#FFFFFF !important;
    padding: 12px 14px !important;
}



/*przycisk fixed */
@media only screen and (min-width: 981px) {
    .et-fixed-header nav#top-menu-nav > ul#top-menu.nav > li.przyciskmenu.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-17 > a {
        color: white !important;
    }
}

/*post img*/
.post-image-r img {
    border-radius: 16px;
}

#blog-2-box img{
height:219px;

}
#blog-2-box article .image-text-overlay .overlay-title{
font-size: 16px;
}



.all-post-blog-page .entry-title,
.all-post-blog-page .post-meta,
.all-post-blog-page .post-content-inner{
margin-left: -19px;

}
.all-post-blog-page .et_pb_ajax_pagination_container .pagination {
  display: flex;
  justify-content: center;
  gap:35px;
  text-align: right;
}

/*licznik - o nas*/
@media (min-width: 981px) and (max-width: 1250px) {
  .licznik-onas .percent-value {
    font-size: 30px;
  }
}

@media (min-width: 766px) and (max-width: 1283px) {
 
  #respo-font article .image-text-overlay .overlay-title{
  font-size:15px;
  
}
}
@media (min-width: 766px) and (max-width: 940px) {
 
  #respo-font article .image-text-overlay .overlay-title{
  font-size:13px;
   
}
#respo-font article .overlay-category{
display: none;
}
}
/*h1 kategorii*/
.kategoria-wpisu{
  font-size: 40px;
  font-family: 'Inter';
  color:#101828;

}
/*blog page*/

@media (min-width: 800px) {
#blog-main-h img{
height:467px;
  }
}

/*main page p */
@media (min-width: 767px) and (max-width: 1342px){
.popular-p-1201{  
  width:65%;
  }
}

.left-image .entry-categories a:not(:first-child) {
    display: none;
}
.left-image .entry-categories {
    display: none;
    color: #FFFFFF;
}

@media only screen and (max-width: 980px) {
 .et_pb_blog_5 .et_pb_posts{
    --column-count: 1 !important;
  }
}
/*menu*/
@media (min-width: 981px) {
  .et_header_style_left .et-fixed-header #et-top-navigation {
    padding-top: 9px;
  }
}

.et_mobile_menu{
  border-top: 3px solid #50AE30;
  text-align: center;
}

/*sticky menu mobile*/

@media (max-width: 980px) {
 
  #main-header {
    position: sticky !important;
    top: 0 !important;
    z-index: 10000 !important;
    background-color: #ffffff !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1) !important;
  }
  
  
  #page-container {
    padding-top: 0 !important;
  }
  
  
  .et_fixed_nav #main-header,
  .et_non_fixed_nav #main-header,
  #main-header.et-fixed-header {
    position: sticky !important;
    top: 0 !important;
    transform: none !important;
  }
   
} 

/*cookies*/
.cky-btn{
  border-radius: 10px !important;
}


#blog-main-h .et_pb_post_main_image {
object-fit: cover;
}
/*responsywnosc*/

@media (max-width: 450px) {
#wpis-main-mobile img {
  height:193px;
}
}