/* 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;}

        .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%;max-width: 130px;}
           

.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: 14px;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;
}