:root {
    --primary: #2a49d7;
    --secondary: #92c6e5;
    --third: #f6b096;
    --fourth: #1e84c7;
    --bgprimary: #F7FAFC;
    --bgsecondary: #fcfaf8;
}
*{
    box-sizing: border-box;
}
/* top menu kontakt */
.topmenu-icon-phone{
  margin-right:20px;
}
.topmenu-icon-envelope a, .topmenu-icon-phone a{
  position:relative;
}
.topmenu-icon-envelope a::before {
  content: url('../img/envelope.svg');
  position: absolute;
  top:14px;
  left:-16px;
}
.topmenu-icon-phone a::before {
content: url('../img/phone.svg');
position: absolute;
top:14px;
left:-14px;
margin-right: 10px;
}
/* hero */
.entry-hero .entry-header {
  padding: 10px;
}
/* custom-post-section */
 .custom-post-section .entry,
 .post-archive .entry{
  border:1px solid var(--bgprimary);
  border-bottom:1px solid var(--secondary);
  background:var(--bgprimary);
}
 .custom-post-section .kb-post-list-item:nth-child(even) .entry,
 .post-archive .entry-list-item:nth-child(even) .entry{
  border-bottom:1px solid var(--third);
  background:var(--bgsecondary);
}
.content-area .custom-post-section{
  padding-left: 0;
}
/*sklep*/
.single-content ul.custom-product{
  padding-left:0;
 }
ul.custom-product li{
  background:var(--bgprimary);
 }
.woocommerce .content-area .products .entry .product-details{
  text-align: center;
 }
.custom-product .wp-block-post-title{
  padding:0 6px;
}
.product-archive .button{
  padding:8px 24px 8px 24px;
}
.single-product .related-sections {
  background:var(--bgprimary);
  padding:50px 0;
}
.woocommerce .content-area ul.products.woo-archive-btn-button li.product .price {
  margin-bottom: 2px;
}
.woocommerce .related-sections .product-details{
   padding:10px !important;
}
.custom-shop-sidebar .wc-block-product-categories-list--depth-0{
    list-style-type:none;
    line-height: 1.5;
    margin-left: 0;
    padding-left:0;
}
.custom-shop-sidebar .wc-block-product-categories-list--depth-0 li:not(.kb-table-of-content-list li){
    line-height: 1.5;
    padding:10px 0;
    font-weight: bold;
    
}
.custom-shop-sidebar .wc-block-product-categories-list--depth-1{
  margin:6px 0 6px 12px;
  list-style-type:none;
}
.custom-shop-sidebar .wc-block-product-categories-list--depth-1 li:not(.kb-table-of-content-list li){
  line-height: 1.5;
  padding:10px 0;
  border-bottom:1px solid var(--secondary);
  font-weight: normal;
}
.custom-shop-sidebar .wc-block-product-categories-list--depth-1 li:not(.kb-table-of-content-list li):first-child{
  /*border-top:1px solid var(--secondary);*/
  margin-top: 12px;
}

.custom-shop-sidebar .wc-block-product-categories-list li > a:hover{
    text-decoration:none;
    color:var(--primary);
}
.custom-shop-sidebar .wc-block-product-categories-list li.current-menu-item > a{
    color:var(--primary);
}
.woocommerce .content-area .woocommerce-message{
  background: var(--secondary);
  border-left-color: var(--primary);
}
.woocommerce .content-area .woocommerce-message .button{
  padding:8px 16px;
}
.woocommerce .content-area .woocommerce-message .button:hover{
  background: var(--third);
}

/* Przyciski dla kategorii DERMASOVA */
.product_cat-dermasova-bielizna-antybakteryjna-azs-egzema-luszczyca .wc-block-components-product-button__button,
.woocommerce ul.products.woo-archive-btn-button .product_cat-dermasova-bielizna-antybakteryjna-azs-egzema-luszczyca .button:not(.kb-button) {
    background-color: var(--third); 
}

/*animate*/
.wow {
  visibility: hidden;
}
.wow.animate__animated {
  visibility: visible;
  transition: all 0.3s ease;
}
.wow {
  will-change: transform, opacity;
}

 @media only screen and (max-width: 1024px) {
  .content-area .custom-product-grid .custom-product{
    grid-template-columns:repeat(2, 1fr);
 }
}

 @media only screen and (max-width: 840px) {
  .content-area .custom-row .kt-has-2-columns{
     grid-template-columns: 1fr;

  }
  .content-area .custom-row .kt-has-2-columns .custom-col-1 {
      order:2;
  }
  .content-area .custom-row .wp-block-kadence-image {
      width:70%;
      margin:0 auto;
  }
  
}

 @media only screen and (max-width: 768px) {
  
}
 @media only screen and (max-width: 600px) {
  .content-area .custom-product-grid .custom-product{
    grid-template-columns:1fr;
 }
   .content-area .custom-row .wp-block-kadence-image {
      width:94%;
  }
  .content-area .custom-hero-btn .kb-button{
    width:80%;
  }
}