/* global styles */
html,body {scroll-behavior: smooth;}

.fancy-font {font-family: 'Hammersmith One', sans-serif;}

.cart-prod-img {width: 100%;max-width: 150px;}

/* navigation and body */
body>footer {
  position: sticky;
  top: 100vh;
}

main {
  padding-top: 110px;
}

main.no-margin {
  margin-top: 0px;
}

body .btn-primary.focus,
body .btn-primary:focus {
  box-shadow: none;
}

nav {
  box-shadow: 0px 1px 7px 0px rgb(0 0 0 / 10%);
}

.nav-item.active {
  font-weight: bold
}

@media screen and (max-width: 992px) {
  .nav-item.active {
    border-radius: 0px
  }
}

/* top slider in sticky menu */
#headerslide {
  visibility:hidden;
    position: relative;
    height:30px;
}

#headerslide .headerslide-box {
  position:absolute;
  width:100%;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
}

.headerslide-inner{display:flex;align-items:center;text-transform: uppercase;    justify-content: center;}
.headerslide-inner img{margin-right:5px;width:100%;max-width:28px}

/* main title with background */
.main-section-title {
  font-family: 'Hammersmith One';
  text-align: center;
  background: url('/wp-content/themes/biosigla-ttwo/assets/images/index-img/back-title.png');
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  margin: 15px 0px;
  padding: 40px 0px 30px;
  font-size: 42px
}

@media (max-width:992px){.main-section-title{font-size:32px}}
@media (max-width:600px){.main-section-title{font-size:30px}}
@media (max-width:400px){.main-section-title{font-size:26px}}
/* main subtitle title */
.main-section-subtitle {
  text-align: center;
  font-weight: 300;
  font-size: 24px;
  max-width: 60%;
  margin: auto auto 60px
}
@media (max-width:992px){.main-section-subtitle{font-size:20px}}
@media (max-width:768px){.main-section-subtitle{font-size:18px;max-width:300px}}

/* scrollbar colors */
  ::-webkit-scrollbar{width:10px;height:10px}
  ::-webkit-scrollbar-button{width:0;height:0}
  ::-webkit-scrollbar-thumb{background:#bfbfbf;border:0 #fff;border-radius:0}
  ::-webkit-scrollbar-thumb:hover{background:#bfbfbf}
  ::-webkit-scrollbar-thumb:active{background:#bfbfbf}
  ::-webkit-scrollbar-track{background:#f7f7f7;border:0 #fff;border-radius:0}
  ::-webkit-scrollbar-track:hover{background:#f7f7f7}
  ::-webkit-scrollbar-track:active{background:#f7f7f7}
  ::-webkit-scrollbar-corner{background:0 0}

/* toast */
  .custom-toast {
    border-radius: 20px;
    overflow: hidden
  }

  .custom-toast .toast-body {
    color: white;
    font-weight: bold;
    background: #659a40;
    padding: 10px 20px;
    font-size: 15px;
  }
  @media (max-width:992px){
    .custom-toast{
        width: 100%;
        right:0px;
        max-width: 100%;
        border-radius: 0px;
        text-align: center;
        display: block;
        z-index: 999;}
  }
/* btn global */
  .btn-add {
    background: #659A40;
    border: 2px solid transparent;
    color: #fff !important;
    text-transform: uppercase;
  }

  .btn-more {
    background: #fff;
    border: 2px solid #659A40;
    color: #659A40;
    text-transform: uppercase;
  }

  .btn-add:hover {
    filter: brightness(1.1);
  }

  .btn-more:hover {
    background: #659A40;
    color: #fff;
  }


/* slider-dots-default */
  .slider-dots .slick-dots{display: flex;justify-content: center;gap: 15px;margin: 15px auto;padding:0px;    font-size: 0px;}
  .slider-dots .slick-dots button{width: 15px;height: 15px;border-radius: 100px;padding: 0;border: 0px;background: #a0d27e;}
  .slider-dots .slick-dots .slick-active button{background: #659a41;}
  .slick-dots > li:only-child {
          display: none;
      }
    @media (max-width:355px){
      .slider-dots .slick-dots button{width: 10px;height: 10px;}
    }
/* page sidebar */
  .container-with-sidebar{display: grid;grid-template-columns: 70% auto;gap:10px}
  @media (max-width:992px){
    .container-with-sidebar{grid-template-columns: auto}
  }

  .page-sidebar{padding:10px;padding-top:0px}

  .product-sidebar{margin-bottom:10px;background: #efefef;border-radius:10px;padding:10px;}

  .product-sidebar a{display: flex;color:black;
      justify-content: flex-start;
      align-content: center;
      align-items: center;gap:5px;}
  .product-sidebar a:hover,.product-sidebar a:focus{text-decoration: none;color:black}

  .product-sidebar a:hover div span:nth-child(1),.product-sidebar a:focus div span:nth-child(1){font-weight:bold}

  .product-sidebar img{padding: 10px;
      background: white;
      border-radius: 10px;
      width: 100%;
      max-width: 60px;}

  .product-sidebar div span:nth-child(1){display: block;}
  @media (max-width:992px){
    .page-sidebar{
      display: grid;
          grid-template-columns: repeat( auto-fit, minmax(223px, 1fr) );
          gap: 10px;
          padding: 0px;
    }
  }


/* product-card for list */
  .product-list-container{max-width: 1200px;}
  @media screen and (max-width: 1200px) {
    .product-list-container{max-width: 700px;}
  }


  .product-card{text-align: center;padding-bottom: 15px;width: 31.6%;}
  @media(max-width: 1200px) {
      .product-card {
          max-width: 300px;
          width: auto;
      }
  }

  .product-card-inner{
    padding: 5px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: space-between;
    height: 100%;
  }

 
  .product-desc{font-size: 18px;;margin:0px;}

  .product-card-top img{width:100%;max-width: fit-content;}

  #shop .product-price{font-size: 30px;display: flex;align-items: center;justify-content: center;gap: 0px;flex-wrap: nowrap;}
  #shop .product-price del span{color: black;font-size:80%;    white-space: nowrap;}
  #shop .product-price span{color:red;font-weight: bold;font-size:90%;line-height: 19px;    white-space: nowrap; line-height: 10px;}

    .product-card .product-action-btns{
        display:flex;
        gap:10px;
        justify-content: center;
        flex-direction: column;
        max-width: 235px;
        margin: 0px auto;
    }

  .product-reviews{display: flex;justify-content: center;gap: 5px;align-items: center;flex-wrap:wrap;font-size: 19px;    margin-bottom: 5px;}
  .product-reviews div:nth-child(1){color: #ffc107;font-size: 70%;}
  .product-reviews div:nth-child(2){font-size: 100%;}
  
 

  @media screen and (max-width: 900px) {
    .product-card-inner{padding: 0px;}
    .product-card .product-action-btns{flex-wrap: wrap;margin-top: 10px;flex-direction: column-reverse;}
    .product-card .product-action-btns a{font-size: 14px;padding: 5px;margin:0px auto;width:100%;}
     

.product-card .product-action-btns{gap:0px}
      .product-card .product-action-btns a:nth-child(2) {
        margin-bottom:10px;

    }
    .product-desc{font-size: 16px;}
    .product-price{font-size: 25px;}
    .product-reviews{font-size: 15px;}
  }
  @media screen and (max-width: 400px) {
    .product-reviews{gap:0px}
    .product-desc{font-size: 11px;line-height: 16px;margin-top: 5px;}
    .product-price{font-size: 22px;}
    .product-reviews{font-size: 13px;}
    .product-card .product-action-btns a{width: 130px;}
     #shop .product-price {
        margin-top: 15px;
    }
    .product-desc.fancy-font.title-product-hp {
      font-size: 18px;
    }
  }

/*product list out of stock*/
  .product-card.outofstock .product-card-top img{opacity: 0.5;}
  .product-card.outofstock .product-action-btns {filter:grayscale(1);}

  .product-card.outofstock .product-price{text-transform: uppercase;font-size: 18px;font-weight: bold;color: grey;}

  .product-card.outofstock .product-action-btns a,.product-card.outofstock .product-card-top a{pointer-events: none;cursor: default;}

/*popup - modal*/
  .modal-package{padding:0px;padding-right:0px}


  .modal-dialog{max-width: 630px;}
  .modal-package .modal-content  {overflow: hidden}
  .modal-package .modal-body{padding:0px;}
  .modal-package .modal-body .header-popup{background: black;text-align: center;padding: 10px;text-transform: uppercase;font-weight: bold;color: white;}
  .modal-package .modal-body-inner{padding: 10px;}
  @media (max-width:992px){
    .modal-package .modal-body-inner{padding: 10px 3px;}
    .modal-package .package-select-row{padding:0px}
  }

/* packages */
  .variations_form.cart .woovr-variations.woovr-variations-grid-3 .woovr-variation {
      border-radius: 6px;
      align-items: center;
  }
  .woovr-variations[class*="woovr-variations-grid"] .woovr-variation:before {
      display: none !important;
  }
  .woovr-variations[class*="woovr-variations-grid"] .woovr-variation .woovr-variation-image img {
      max-width: 120px !important;
      margin: auto;
  }
  .woovr-variation-info {
      line-height: 18px;
  }
  .woovr-variation-radio .woovr-variation-name {
      font-weight: 500 !important;
      font-size: 15px !important;
  }
  .woovr-variation-radio .woovr-variation-name label {
      font-weight: 500 !important;
      margin: 0 !important;
  }
  .woovr-variation-price del {
      margin-right: 8px;
  }
  .woovr-variation-price ins {
      text-decoration: none;
      font-weight: 700;
      font-size: 16px;
  }
  .woovr-variation-radio .woovr-variation-info .woovr-variation-description {
      font-size: 12px;
  }
  .variations_fovr-variations[class*="woovr-variations-grid"] .woovr-variation.woovr-variation-active {
      border-width: 2px;
  }
  .woovr-variations.woovr-variations-grid-3 .woovr-variation {
      width: calc(100% / 3 - 15px) !important;
  }
  .woovr-variations[class*="woovr-variations-grid"] .woovr-variation {
      margin: 5px !important;
      padding: 10px 5px !important;
  }
  .single_add_to_cart_button {
      font-size: 18px;
      text-transform: uppercase;
      font-weight: 500;
      border-radius: 6px;
      width: 100%;
  }
  .single_variation_wrap {
      margin: 0px auto 10px;
      flex-wrap: wrap;
      display: grid;
      justify-content: inherit;
      grid-template-columns: 1fr 1fr;
  }
  .woovr-variation-price {
      display: flex !important;
      justify-content: center !important;
  }

/* CHECKED STYLES */
  .package-select input {
    position: absolute;
    opacity: 0;
    width: 0;
    height: 0;
  }

  .package-select input+.label-package {
    cursor: pointer;
    height: 100%;
    box-shadow:none;
    background:none;
    transition: box-shadow 0.2s ease-in-out, background 0.4s ease-in-out;
  }

  .package-select input:checked+.label-package {
    transition: box-shadow 0.2s ease-in-out, background 0.5s ease-in-out;
    /* border-width: 2px; */
  }




  .label-package {
    border-style: solid;
    border-width: 1px;
    border-radius: 6px;
    overflow: hidden;
    text-align: center;
    font-size: 14px;
    line-height: 14px;

    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;

align-items: center;
  }


  .label-package-inner {
    padding: 5px;
  }

  .package-off {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    text-transform: uppercase;
    align-items: center;
    color: white;
    gap: 10px;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    padding: 5px 4px;
    width: 100%;
    align-self: flex-start;
  }

  .product-package-select.nooff {
    height: 100%;
    padding-top: 0px;
  }

  .package-off span:nth-child(2) {
    text-transform: uppercase;
    white-space: nowrap;
  }


  @media screen and (max-width: 500px) {
    .label-package {
    align-items: baseline;
}
  }

  @media screen and (max-width: 400px) {
    .package-off span:nth-child(2) {
      font-size: 0.9em;
    }
  }

  .package-name {
    display: block;
    margin-bottom: 0px;
    padding: 0px 10px;
  }

  .package-price {
    font-weight: bold;
    color: black;
    margin: 5px;
    margin-bottom: 0px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    white-space: nowrap;
    gap:3px;
  }
  .package-price del{font-weight:400;}
  .package-save {
    display: block;
    font-size: 80%;
    color: #000;
    text-transform: capitalize;
  }
.label-package-inner  .package-unit{margin-bottom:3px}
.package-ship{margin-top:3px}
.package-ship{color: #000000;
font-size: 90%;}

  .product-package-select .package-off {
    font-size: 11px;
  }

  .product-package-select .package-off span:nth-child(1) {
    font-size: 13px;
  }

  .product-package-select .package-off span:nth-child(2) {
    font-weight: 400;
  }

  @media screen and (max-width: 1200px) {
    .product-package-select .package-off {
      flex-wrap: wrap;
      text-align: center;
      justify-content: center;
      gap: 5px;
    }
    .product-package-select .package-off span:nth-child(1) {
      width: 100%
    }
    .product-package-select.nooff {
      height: 100%;
      padding-top: 0px;
    }
  }
  @media screen and (max-width: 370px) {

    .product-package-select .package-off span:nth-child(1) {
      font-size: 11px;
    }
  }

/* modal and action buttons */
          .modal-action-btns {
            display: flex;
            justify-content: center;
            align-content: center;
            gap: 10px;
            text-align: center;
            margin-bottom: 10px;
            font-size: 13px;
          }

          .modal-action-btns a {
            text-transform: uppercase;
            font-size: 15px;
            align-content: center;
            align-items: center;
            justify-content: center;
            display: flex;
          }

          .product-page-cart-btns a {
            width: 100%;
            font-size: 18px;
          }

          @media screen and (max-width: 600px) {
            .modal-action-btns a {
              font-size: 11px;
              padding: 5px;
              width: 100%;
            }
            .product-page-cart-btns a {
              font-size: 13px;
            }
          }


/*popup badges*/
  .choose-pack-badges {
    justify-content: center;
    font-size: 12px;
    line-height: 14px;
    color: #000;
    display: flex;
    gap: 10px;
  }

  #producttop .choose-pack-badges {
    color: #8e8e8e
  }

  .choose-pack-badges div {
    display: flex;
    align-items: center;
    gap: 3px;
    justify-content: center;
  }

  .choose-pack-badges img {}



  @media screen and (min-width: 501px) {
    .choose-pack-badge-text-m{display: none}
    .choose-pack-badge-text-d{display: block}
  }
  @media screen and (max-width: 500px) {
    .choose-pack-badge-text-m{display: block}
    .choose-pack-badge-text-d{display: none}
  }

  @media screen and (max-width: 500px) {
      .choose-pack-badges div {
            flex-wrap: wrap;
            max-width: 138px;
            text-align: center;
      }
        .choose-pack-badges span{width:100%}

  }
/* blog-list section */
    .blog-list-section {}

    .blog-list-row {
      display: flex;
      justify-content: center;
      align-items: flex-start;
      flex-wrap: wrap;
      gap: 10px;
    }

    .blog-list-box {
      position: relative;
      width: 100%;
      flex-wrap: wrap;
      height: 100%;
      padding: 10px;
      box-shadow: rgb(60 64 67 / 30%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px;
    }
    
    .blog-list-box.slick-slide {
        height: unset;
    }

    .blog-list-box-img {
      margin-bottom: 0px;
      position: relative;
    }

    .blog-list-box-img-shadow:after {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0px;
      left: 0px;
      background-image: linear-gradient( to top, rgb(52 52 52 / 100%) 0%, rgba(165, 25, 73, 0) 67%);
    }

    .blog-list-box-img b {
      position: absolute;
      bottom: 0px;
      color: white;
      margin: 10px;
      margin-bottom: 2px;
      font-size: 22px;
      line-height: 21px;
      font-weight: normal
    }

    .blog-list-box-img-shadow img {
      width: 100%;
    }

    .blog-list-box span {
      font-size: 18px;
      font-weight: 300;
      margin-top: 10px;
    }

    .blog-list-box.slick-slide {
      margin: 10px;
    }

    .blog-slider .slick-track,
    .blog-list-row-page {
      display: flex;
      gap: 10px;
    }

    .blog-slider .slick-slide {
      margin: 5px;
      display: flex
    }

    .blog-list-row-page .blog-list-box {
      margin: 5px;
      display: flex !important;
    }

    .blog-list-row-page {
      display: grid;
      grid-template-columns: repeat( auto-fit, minmax(280px, 1fr));
      margin-top: 20px
    }

    @media (max-width:992px) {
      .blog-list-box.slick-slide {
        box-shadow: none
      }
    }

    @media (max-width:600px) {
      .blog-list-box.slick-slide {
        min-height: 470px;
        margin: 5px;
      }
      .blog-list-box.slick-slide {
        margin: 5px;
      }
    }

    .blog-list-box b .post-date {
      display: block;
      margin: 0px;
      font-size: 13px;
      font-family: sans-serif;
      color: #f3f3f3;
      font-weight: bold;
    }

    .blog-section-card {
      background: white;
      padding: 10px;
      box-shadow: rgb(60 64 67 / 30%) 0px 1px 2px 0px, rgb(60 64 67 / 15%) 0px 2px 6px 2px;
    }

    .blog-list-learn-more {
      display: flex;
      align-items: center;
      width: fit-content;
      margin: 0px auto;
      height: 40px;
      background: #fff;
      border: 2px solid #659A40;
      color: #659A40;
      text-transform: uppercase;
      margin-top: 10px;
      align-self: flex-end;
    }

    .blog-list-learn-more:hover {
      background: #659A40;
      color: #fff;
    }

    .blog-list-link {
      width: 100%
    }

    .blog-list-link:hover img {
      opacity: 0.8
    }
  .product-price {
      flex-direction: column;
  }
  #shop .product-price {
      margin-bottom: 10px;
  }


/* blog single page */
    .page-blog {
        padding-top: 140px;
    }
    .blog-page-header {
      width: 100%;
      background: #efefef;
      margin: 10px 0px;
      border-radius: 10px;
      padding: 10px;
      margin-top: 0px;
      text-align: left;
    }

    .blog-page-header h1 {
      font-size: 30px;
      font-weight: bold;
    }

    .blog-page-header span {
      font-size: 18px
    }

    .blog-page-image img{
      width: 100%;
      height: 400px;
      object-fit: contain;
    }
    .blog-page-section {
        padding-top: 140px;
    }
    
    @media (max-width:992px) {
      .blog-page-image {
        height: auto;
      }
    }
    .blog-page-content {
      margin-top: 20px
    }
    .blog-page-content h3 {
      color: #659a40;
      font-size: 22px;
      font-weight: bold;
    }

    .blog-banner {width:100%;display:block;margin:10px 0px}
    @media (min-width:993px) {
      .blog-banner-m {display: none}
      .blog-banner-d {display: block}
    }
    @media (max-width:992px) {
      .blog-banner-m {display: block}
      .blog-banner-d {display: none}
    }

/*keto post*/
          .blog-page-content h3.ketoPr {
              color: #000;
              font-size: 28px;
          }
          .blog-banner.ketoPrb {
              width: 75%;
              margin: 10px auto;
          }
          .choose-title.ketoPrbt {
              font-size: 18px;
              text-transform: uppercase;
              font-weight: 600;
          }
          .li-style {
              font-size: 24px; 
              color:#df4142;
              font-weight: bold; 
              margin: 0;
          }
          
.owl-carousel {
display: flex;
}
/*end keto post*/
.payment_method_straal_checkout {
background: url("../images/logo_card.png' ?>") no-repeat;
background-size: 50%;
background-position: center right;
}
.payment_method_straal_checkout img {
display: none;
}
#add_payment_method #payment ul.payment_methods li input, .woocommerce-cart #payment ul.payment_methods li input, .woocommerce-checkout #payment ul.payment_methods li input {
margin: 0 0 0 0;
}