/*!
Theme Name: CBD
Theme URI: https://www.cbwebsitedesign.co.uk/
Author: Creative Brand Design
Author URI: https://www.cbwebsitedesign.co.uk/
Description: Creative Brand Design
Version: 04.12.24
Text Domain: cbd
*/

/* Private Pages */
html {
    background-color: #000;
}
.post-password-form {
    height: 70vh;
    height: 70svh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.post-password-form > p {
    width: 100%;
    text-align: center;
    font-size: 115%;
}

.post-password-form label {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.5rem;
}

.post-password-form input[type=password] {
    padding: 0.75rem 1.5rem;
    background: none;
    border: 1px solid #fff;
    border-radius: 0.3rem;
}

.post-password-form input[type=submit] {
    padding: 0.75rem 1.5rem;
    background: #fff;
    border: 1px solid #fff;
    border-radius: 0.3rem;
    color: #000;
    cursor: pointer;
    font-weight: 600;
    transition: 0.3s opacity;
    margin-top: 1.5rem;
}

.post-password-form input[type=submit]:hover {
    opacity: 0.7;
}
/* Tailwind manual classes */
@media (min-width: 1025px) {
    .lg\:gap-0 {
        gap:0;
    }
}
/* Gradient Colours */
/* From */
.from-black {
    --tw-gradient-from: #000 var(--tw-gradient-from-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-white {
    --tw-gradient-from: #fff var(--tw-gradient-from-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-orange {
    --tw-gradient-from: #EF865F var(--tw-gradient-from-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-orange-light {
    --tw-gradient-from: rgba(241,89,34,.5) var(--tw-gradient-from-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-green {
    --tw-gradient-from: #A1C071 var(--tw-gradient-from-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-green-light {
    --tw-gradient-from: #a0c071 var(--tw-gradient-from-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue {
    --tw-gradient-from: #6ED1E3 var(--tw-gradient-from-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

.from-blue-light {
    --tw-gradient-from: rgba(11, 181, 215, .5) var(--tw-gradient-from-position);
    --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
}

/* To */
.to-black {
    --tw-gradient-to: #000 var(--tw-gradient-to-position);
}

.to-white {
    --tw-gradient-to: #fff var(--tw-gradient-to-position);
}

.to-orange {
    --tw-gradient-to: #EF865F var(--tw-gradient-to-position);
}

.to-orange-light {
    --tw-gradient-to: rgba(241,89,34,.5) var(--tw-gradient-to-position);
}

.to-green {
    --tw-gradient-to: #A1C071 var(--tw-gradient-to-position);
}

.to-green-light {
    --tw-gradient-to: #a0c071 var(--tw-gradient-to-position);
}

.to-blue {
    --tw-gradient-to: #6ED1E3 var(--tw-gradient-to-position);
}

.to-blue-light {
    --tw-gradient-to: rgba(11, 181, 215, .5) var(--tw-gradient-to-position);
}

/* Via */
.via-black {
    --tw-gradient-stops: var(--tw-gradient-from), #000 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-white {
    --tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-orange {
    --tw-gradient-stops: var(--tw-gradient-from), #EF865F var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-orange-light {
    --tw-gradient-stops: var(--tw-gradient-from), rgba(241,89,34,.5) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-green {
    --tw-gradient-stops: var(--tw-gradient-from), #A1C071 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-green-light {
    --tw-gradient-stops: var(--tw-gradient-from), #a0c071 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-blue {
    --tw-gradient-stops: var(--tw-gradient-from), #6ED1E3 var(--tw-gradient-via-position), var(--tw-gradient-to);
}

.via-blue-light {
    --tw-gradient-stops: var(--tw-gradient-from), rgba(11, 181, 215, .5) var(--tw-gradient-via-position), var(--tw-gradient-to);
}

/* BG Colors */
.bg-orange {
    --tw-bg-opacity: 1;
    background-color: rgb(241 90 34 / var(--tw-bg-opacity, 1));
}

.bg-blue {
    --tw-bg-opacity: 1;
    background-color: rgb(0 188 223 / var(--tw-bg-opacity, 1));
}

.bg-green {
    --tw-bg-opacity: 1;
    background-color: rgb(134 179 64 / var(--tw-bg-opacity, 1));
}

.\!bg-orange {
    --tw-bg-opacity: 1;
    background-color: rgb(241 90 34 / var(--tw-bg-opacity, 1)) !important;
}

.\!bg-blue {
    --tw-bg-opacity: 1;
    background-color: rgb(0 188 223 / var(--tw-bg-opacity, 1)) !important;
}

.\!bg-green {
    --tw-bg-opacity: 1;
    background-color: rgb(134 179 64 / var(--tw-bg-opacity, 1)) !important;
}

/* Text Colors */
.text-blue {
    color: rgb(0 188 223 / var(--tw-text-opacity, 1));
}

.\!text-blue {
    color: rgb(0 188 223 / var(--tw-text-opacity, 1)) !important;
}

.text-red {
    color: rgb(255 49 0 / var(--tw-text-opacity, 1));
}

.\!text-red {
    color: rgb(255 49 0 / var(--tw-text-opacity, 1)) !important;
}

.text-green {
    color: rgb(134 179 64 / var(--tw-bg-opacity, 1));
}

.\!text-green {
    color: rgb(134 179 64 / var(--tw-bg-opacity, 1)) !important;
}
/* Border Colors */
.border-blue {
    --tw-border-opacity: 1;
    border-color: rgb(0 188 223 / var(--tw-border-opacity, 1));
}

.\!border-blue {
    --tw-border-opacity: 1;
    border-color: rgb(0 188 223 / var(--tw-border-opacity, 1)) !important;
}

.border-red {
    --tw-border-opacity: 1;
    border-color: rgb(255 49 0 / var(--tw-border-opacity, 1));
}

.\!border-red {
    --tw-border-opacity: 1 !important;
    border-color: rgb(255 49 0 / var(--tw-border-opacity, 1)) !important;
}

.border-green {
    --tw-border-opacity: 1;
    border-color: rgb(134 179 64 / var(--tw-border-opacity, 1));
}

.\!border-green {
    --tw-border-opacity: 1 !important;
    border-color: rgb(134 179 64 / var(--tw-border-opacity, 1)) !important;
}

/* Divider Container */
.divider-container svg {
    height: auto;
    position: absolute;
    bottom: -2px;
    min-width: 1920px;
}
/* Form */
.gform_required_legend {
    display: none;
}
.gform_fields {
    display: flex;
    flex-wrap: wrap;
    gap: 2.5rem;
}
.gfield {
    width: 100%;
}
@media(min-width: 768px) {
    .gfield.gfield--width-half {
        width: calc(50% - 1.25rem);
    }
    .gfield.gfield--width-third {
        width: calc(33.3333% - 1.6667rem);
    }
}

.gfield.hidden_label > label,
.gfield.hidden_label > legend {
    display: none;
}
.gfield > label,
.gfield > legend {
    display: block;
    margin-bottom: .5rem;
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    text-transform: capitalize;
    --tw-text-opacity: 1;
    color: rgb(123 123 123 / var(--tw-text-opacity, 1));
}

.gfield input, 
.gfield select, 
.gfield textarea {
    border-radius: 9999px;
    border-width: 1px;
    width: 100%;
    --tw-border-opacity: 1;
    background-color: transparent;
    border-color: rgb(0,0,0 / var(--tw-border-opacity, 1));
    line-height: 1.2;
    margin: 0;
    padding: 1.5rem 1.75rem !important;
    font-size: 100% !important;
    transition: border-color .4s ease-in-out, background-color .4s ease-in-out;
}
.gfield input:focus, .gfield select:focus, .gfield textarea:focus {
    --tw-border-opacity: 1;
    background-color: hsla(0, 0%, 100%, .05);
    border-color: rgb(0 188 223 / var(--tw-border-opacity, 1));
}
.gfield textarea {
    border-radius: 3rem;
}
.gfield select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23060708' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.5 9 12 16.5 4.5 9'/%3E%3C/svg%3E");
    background-position: right .8em top 50%;
    background-repeat: no-repeat;
    background-size: 1.1em auto;
    cursor: pointer;
    display: block;
    padding-right: 55px;
}
.gfield--type-consent input {
    left: -9999px;
    position: absolute;
    top: 0;
    visibility: hidden;
}
.gfield--type-consent label {
    padding-left: 3rem;
    position: relative;
    text-align: left;
    cursor: pointer;
}
.gfield--type-consent label a {
    text-decoration: underline;
}
.gfield--type-consent label a:hover {
    --tw-text-opacity: 1;
    color: rgb(0 188 223 / var(--tw-text-opacity, 1));
}
.gfield--type-consent label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 21px;
    width: 21px;
    background-color: #EF865F;
    border-radius: 50%;
}
.gfield--type-consent label:after {
    content: "";
    position: absolute;
    height: 15px;
    width: 15px;
    left: 3px;
    top: 3px;
    border-radius: 50%;
    background: 50%/contain no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23fff' d='M5.867 10.603 3.534 8.27a.656.656 0 0 0-.934 0 .656.656 0 0 0 0 .933l2.794 2.794c.26.26.68.26.94 0l7.066-7.06a.656.656 0 0 0 0-.934.656.656 0 0 0-.933 0z'/%3E%3C/svg%3E");
    opacity: 0;
    transform: scale(0);
    transition: all .5s;
}
.gfield--type-consent input[type=checkbox]:checked+label:before {
    background-color: rgba(134, 179, 64, .5);
}
.gfield--type-consent input[type=checkbox]:checked+label:after {
    opacity: 1;
    transform: translateZ(0);
}
.gfield--type-fileupload label {
    display: none;
}
.gfield--type-fileupload input::-webkit-file-upload-button {
    background: transparent;
    border: none;
}
.gfield--type-submit {
    text-align: right;
}
.gform_validation_errors {
    padding: 2rem;
    margin-bottom: 2rem;
    border: 2px solid #b3404c;
}
.gform_validation_errors h2 {
    font-size: 2.5rem;
    color: #b3404c;
}
.validation_message {
    color: #b3404c;
    font-size: 2rem;
}
footer .form input::placeholder {
    color: white;
}

footer .gform_fields {
    position: relative;
}

footer .gfield--type-email {
    width: 65%;
    z-index: 2;
}

footer .gfield--type-submit {
    position: absolute;
    top: 0;
    right: 0;
}
footer .gfield--type-submit button {
    max-width: 30%;
}
.foot-subscribe-block .title {
    padding-bottom: 2rem;
}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    border: none;
}

.woocommerce-cart .product-quantity {
    grid-template-columns: unset;
}
.dashboard-nav-block ul li:not(:last-child) {
    border-top: none;
    border-bottom: var(--color-black) solid 1px;
}
.dashboard-nav-block ul li:last-child {
    border: none;
}
.dashboard-nav-block ul li a:hover, .dashboard-nav-block ul li.is-active {
    --tw-text-opacity: 1;
    color: rgb(241 90 34/var(--tw-text-opacity,1));
}
/* Breadcrumbs */
.breadcrumbs-block span:first-of-type {
    display: flex;
    gap: 1rem;
    align-items: center;
}

.breadcrumbs-block i {
    height: 1.25rem;
    width: 1.25rem;
    display: block;
    fill: white;
}

.breadcrumbs-block i svg {
    height: 100%;
    width: 100%;
}

/* Pagination */
.pagination-block {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    gap: 1.25rem;
    justify-content: center;
}

.pagination-block .pagination-numbers {
    align-items: center;
    border-radius: 999px;
    border-width: 1px;
    display: flex;
    height: 4.2rem;
    justify-content: center;
    width: 4.2rem;
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
    padding: .5rem;
    transition: all .5s;
}

.pagination-block #current, .pagination-block .pagination-numbers:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-border-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}

.pagination-block .arrow svg path {
    fill: black;
}

.pagination-block .arrow:hover svg path {
    fill: white;
}

@media(min-width: 1025px) {
    .pagination-block {
        font-size: 17px;
    }
}
/* Quiz */
.s-quiz .gform_wrapper {
    width: 100%;
}
.s-quiz .gform_wrapper .title {
    margin-top: 5rem;
}
.s-quiz .gf_progressbar_title {
    display: none;
}
.s-quiz .gfield_radio .gchoice label,
.s-quiz .gfield_radio .gchoice input:checked+label,
.s-quiz .gform-page-footer .gform-theme-button {
    transition: all .5s !important;
}
.s-quiz .gform-page-footer .gform-theme-button {
    margin-top: 2.5rem;
}
.s-quiz .gfield_radio .gchoice input:checked+label {
    background: transparent !important;
}
.s-quiz .gfield_radio .gchoice label::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: var(--gradient);
    opacity: 0;
    z-index: -1;
    transition: all .5s;
}
.s-quiz .gfield_radio .gchoice input:checked+label::after {
    opacity: 1;
}
.s-quiz .gf_progressbar {
    border-radius: 2rem;
    background-color: #f15a22;
    overflow: hidden;
}
.s-quiz .gf_progressbar_percentage {
    background: linear-gradient(90deg,#00bcdf 0%,#86b340 75%,#f15a22 100%) !important;
}
.s-quiz .gf_progressbar_percentage span {
    visibility: hidden;
    opacity: 0;
}
.s-quiz .gform_wrapper fieldset {
    width: 100%;
    max-width: 96rem;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 6rem !important;
}
.s-quiz .gform_wrapper .gfield_label {
    margin-bottom: 2rem !important;
}
.s-quiz .gform-page-footer {
    text-align: center;
}

@media(max-width: 1025px) {
    .s-quiz .gform_wrapper fieldset {
        margin-top: 5rem !important;
    }
}
@media (min-width: 1025px) {
    .s-quiz .gfield_radio {
        gap: 2.5rem;
    }
}

.is-border-gradient video {
    border-radius: inherit;
    position: relative;
    z-index: 3;
}
/* Pop up */
.pop-up.age-verification {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.pop-up.show {
    visibility: visible;
    opacity: 1;
    z-index: 99999;
}

.popup-box {
    background: white;
    padding: 5px;
    border-radius: 10px;
    text-align: center;
    max-width: 70vw;
}

.pop-up .popup-box .content {
    display: flex;
    background: black;
    z-index: 1;
    border-radius: 10px;
    width: 100%;
    color: white;
    text-align: left;
}

.pop-up .popup-box .content .p-4 {
    padding: 3rem;
}

.pop-up .popup-box .content .title {
    padding-bottom: 2.5rem;
}

.pop-up .popup-box .content .title h2 {
    font-size: clamp(2.5rem, 4.3vw, 6rem);
    margin-bottom: 2rem;
}

.pop-up .popup-box #validation_form {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 2.5rem;
    margin: 3rem 0;
}

.pop-up .popup-box .w-half {
    width: 50%;
}

.t_c p {
    font-size: 1.5rem;
}

.pop-up .popup-box #validation_form button {
    --tw-border-opacity: 1;
    border-color: rgb(255, 255, 255 / var(--tw-border-opacity, 1));
    --tw-text-opacity: 1;
    color: rgb(255, 255, 255 / var(--tw-text-opacity, 1));
}

.pop-up .popup-box figure {
    border-radius: 0 10px 10px 0;
}

.pop-up .popup-box .error {
    color: red;
}

.shop-pagination {
    grid-column: 1 / 5;
}

.single-product .cart {
    display: flex;
}

.s-shop .products {
    width: 100%;
}

.variations_form.cart {
    flex-direction: column;
    width: 100%;
    gap: 2rem;
}

.variations_form.cart table {
    display: flex;
    flex-direction: column;
}

.variations_form.cart table tr {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.variations_form.cart table .value {
    display: flex;
    align-items: center;
    gap: 2rem;
}

.woocommerce-variation-add-to-cart.variations_button {
    display: flex;
    padding-top: 2rem;
}

.variations_form.cart table select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cpath stroke='%23060708' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M19.5 9 12 16.5 4.5 9'/%3E%3C/svg%3E");
    background-position: right, .8em, top, 50%;
    background-repeat: no-repeat;
    background-size: 1.1em auto;
    cursor: pointer;
    display: block;
    padding-right: 55px;
    
    border-radius: 9999px;
    border-width: 1px;
    width: 100%;
    --tw-border-opacity: 1;
    background-color: transparent;
    border-color: rgb(0,0,0 / var(--tw-border-opacity));
    line-height: 1.2;
    margin: 0;
    padding: 1.5rem 1.75rem;
    text-transform: capitalize;
    transition: border-color .4s ease-in-out, background-color .4s ease-in-out;
}

.woocommerce-page .num-in {
    width: 100%;
    height: 55px;
}

.product-quantity .screen-reader-text {
    display: none;
}

/* Checkout Form */

.checkbox input {
    left: -9999px;
    position: absolute;
    top: 0;
    visibility: hidden;
}
.checkbox {
    padding-left: 3rem;
    position: relative;
    text-align: left;
    cursor: pointer;
}
.checkbox span a {
    text-decoration: underline;
}
.checkbox span:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 21px;
    width: 21px;
    background-color: #EF865F;
    border-radius: 50%;
}
.checkbox span:after {
    content: "";
    position: absolute;
    height: 15px;
    width: 15px;
    left: 3px;
    top: 3px;
    border-radius: 50%;
    background: 50%/contain no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23fff' d='M5.867 10.603 3.534 8.27a.656.656 0 0 0-.934 0 .656.656 0 0 0 0 .933l2.794 2.794c.26.26.68.26.94 0l7.066-7.06a.656.656 0 0 0 0-.934.656.656 0 0 0-.933 0z'/%3E%3C/svg%3E");
    opacity: 0;
    transform: scale(0);
    transition: all .5s;
}
.checkbox input[type=checkbox]:checked+span:before {
    background-color: rgba(134, 179, 64, .5);
}
.checkbox input[type=checkbox]:checked+span:after {
    opacity: 1;
    transform: translateZ(0);
}
/*.styled-input-single label:after, .styled-input-single label:before {*/
/*    content: none !important;*/
/*}*/
.styled-input-single label:before {
    background-color: #EF865F;
}
.styled-input-single input[type=checkbox]:checked+label:before {
    background-color: rgba(134, 179, 64, .5);
}
.woocommerce-billing-fields__field-wrapper.checkout-inputs, .woocommerce-shipping-fields__field-wrapper.checkout-inputs {
    display: grid;
    gap: 2.5rem;
}
@media(min-width: 768px) {
    .woocommerce-billing-fields__field-wrapper.checkout-inputs, .woocommerce-shipping-fields__field-wrapper.checkout-inputs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .kl_newsletter_checkbox_field {
        grid-column: span 2;
    }
}
.woocommerce-form-coupon {
    position: relative;
}
.woocommerce-form-coupon button {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 1.2;
}
.product-quantity .num-in input {
    border: none;
}
.woocommerce-input-wrapper strong {
    display: block;
    border-radius: 9999px;
    border-width: 1px;
    width: 100%;
    --tw-border-opacity: 1;
    background-color: transparent;
    border-color: rgb(0, 0, 0 / var(--tw-border-opacity, 1));
    line-height: 1.2;
    margin: 0;
    padding: 1.5rem 1.75rem;
    transition: border-color .4s ease-in-out, background-color .4s ease-in-out;
}
.woocommerce-form-coupon-toggle {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1));
    font-size: 92%;
    display: block;
    margin-bottom: .5rem;
    padding-left: 3rem;
    padding-right: 1.75rem;
    text-transform: capitalize;
}
@media (min-width: 1025px) {
    .woocommerce-form-coupon,
    .woocommerce-form-coupon-toggle {
        width: calc(100% - 42rem);
    }
}

@media (min-width: 1536px) {
    .woocommerce-form-coupon,
    .woocommerce-form-coupon-toggle {
        width: calc(100% - 52rem);
    }
}
#ship-to-different-address label:before,
#ship-to-different-address label:after {
    content: none;
}
.woocommerce-billing-fields__field-wrapper.checkout-inputs p, .woocommerce-shipping-fields__field-wrapper.checkout-inputs p{
    display: flex;
    flex-direction: column;
    margin-top: 0;
}

.woocommerce-billing-fields__field-wrapper.checkout-inputs p label, .woocommerce-shipping-fields__field-wrapper.checkout-inputs p label{
    font-size: 92%;
    display: block;
    margin-bottom: .5rem;
    padding-left: 3rem;
    padding-right: 1.75rem;
    text-transform: capitalize;
}

input {
    border-radius: 9999px;
    border-width: 1px;
    width: 100%;
    --tw-border-opacity: 1;
    background-color: transparent;
    border-color: rgb(0,0,0 / var(--tw-border-opacity, 1));
    line-height: 1.2;
    margin: 0;
    padding: 1.5rem 1.75rem;
    transition: border-color .4s ease-in-out, background-color .4s ease-in-out;
}

.wc-upe-form.wc-payment-form input {
    background-color: transparent;
}

.no-products {
    grid-column : 2 / 4;
    text-align: center;
}

.mt-20.btn {
    margin-top: 5rem;
}
.woocommerce-notices-wrapper {
    position: relative;
    z-index: 10;
}
.woocommerce-notices-wrapper .woocommerce-error a {
    text-decoration: underline;
}
.woocommerce-notices-wrapper .woocommerce-error a:hover {
    color: rgb(0 188 223 / var(--tw-text-opacity, 1));
}
.woocommerce-notices-wrapper .woocommerce-error {
    margin-bottom: 2rem;
    border: 1px solid red;
    padding: 1rem;
    border-radius: 1.5rem;
    text-align: left;
    outline: none;
    margin-top: 3rem;
}

.checkout-inline-error-message,
.woocommerce-error {
    color: red;
}

.dashboard-body mark {
    background-color: transparent;
}

.s-contact .gfield--type-consent {
    grid-column: span 11 !important;
}

.s-contact .gfield--type-submit {
    grid-column: span 1 !important;
    min-width: unset !important;
}
.woocommerce-orders-table a:hover {
    --tw-text-opacity: 1;
    color: rgb(0 188 223 / var(--tw-text-opacity, 1));
}
.woocommerce-orders-table th {
    padding: 2rem 0;
}

.woocommerce-orders-table tbody tr {
    border-top: 1px solid black;
}

.woocommerce-orders-table tr, .woocommerce-orders-table td {
    text-align: center;
}
.woocommerce-orders-table__cell-order-actions a:not(:last-child) {
    margin-right: 1rem;
}
/* View Orders */
.woocommerce-order-details__title {
    font-size: 5rem;
    margin: 2rem 0;
}

.woocommerce-table--order-details {
    margin: 2rem 0;
    width: 100%;
    text-align: left;
}

.woocommerce-table--order-details tbody tr, .woocommerce-table--order-details tfoot tr, .woocommerce-MyAccount-paymentMethods tbody tr {
    border-top: 1px solid black;
}

.woocommerce-table--order-details .woocommerce-table__product-name {
    display: flex;
    gap: 1rem;
    padding: 1rem 0;
}

.woocommerce-table--order-details tfoot th, .woocommerce-table--order-details tfoot td, .woocommerce-MyAccount-paymentMethods td, .woocommerce-MyAccount-paymentMethods th {
    padding: 1rem 0;
}

.woocommerce-customer-details {
    margin-top: 2rem;
}

.woocommerce-customer-details .woocommerce-columns--addresses {
    display: flex;
    gap: 10rem;
}

.woocommerce-customer-details .woocommerce-column__title {
    font-size: 4rem;
}

.woocommerce-Addresses {
    display: flex;
    gap: 10rem;
}

.woocommerce-Address address {
    margin: 1rem 0;
}

/* Edit Address */
.woocommerce-address-fields .woocommerce-input-wrapper{
    width: 100%;
    display: block;
}

.woocommerce-address-fields__field-wrapper, .woocommerce-EditAccountForm,
.woocommerce-address-fields__field-wrapper fieldset, .woocommerce-EditAccountForm fieldset{
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    align-items: end;
}
.woocommerce legend {
    font-size: 133%;
    margin-bottom: 1rem;
}
.form-row label {
    display: block;
    margin-bottom: .5rem;
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    text-transform: capitalize;
    --tw-text-opacity: 1;
}
.woocommerce-address-fields__field-wrapper .form-row, .woocommerce-EditAccountForm .form-row {
    width: 100%;
}
@media(min-width: 768px){
    .woocommerce-address-fields__field-wrapper .form-row, .woocommerce-EditAccountForm .form-row {
        width: calc(50% - 1rem);
    }
}
@media(min-width: 1500px){
    .woocommerce-address-fields__field-wrapper .form-row, .woocommerce-EditAccountForm .form-row {
        width: calc(25% - 1.5rem);
    }
}
.woocommerce-address-fields__field-wrapper p+p, .woocommerce-EditAccountForm p+p {
    margin-top: 0;
}
#account_display_name_description {
    display: none;
}

.woocommerce-address-fields__field-wrapper .screen-reader-text, #shipping_address_2_field .screen-reader-text {
    clip-path: unset;
    overflow: visible;
    position: relative !important;
    height: 100%;
    width: 100%;
}

.woocommerce-address-fields input, .woocommerce-address-fields select, .woocommerce-address-fields .select2-selection, .woocommerce-EditAccountForm input, #billing_state_field .select2-selection, #shipping_state_field .select2-selection,.woocommerce-billing-fields__field-wrapper select {
    border-radius: 9999px;
    border-width: 1px;
    width: 100%;
    --tw-border-opacity: 1;
    background-color: transparent;
    border-color: rgb(0, 0, 0/var(--tw-bg-opacity, 1));
    line-height: 1.2;
    margin: 0;
    padding: 1.5rem 1.75rem;
    transition: border-color .4s ease-in-out,background-color .4s ease-in-out;
    height: auto;
}

.woocommerce-address-fields .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius: 9999px;
    border-bottom-right-radius: 9999px;
}

.woocommerce-address-fields button.btn {
    margin-top: 2rem;
}

.woocommerce-address-fields .select2-selection__arrow, #billing_state_field .select2-selection__arrow, #shipping_state_field .select2-selection__arrow {
    display: none;
}

.woocommerce-EditAccountForm .clear {
    display: none;
}

.woocommerce-EditAccountForm fieldset {
    grid-column: 1 /3;
}

.show-password-input {
    display: none;
}

.woocommerce-message {
    border: 1px solid green;
    padding: 1rem;
}

.woocommerce-MyAccount-paymentMethods {
    width: 100%;
}

.checkout .woocommerce {
    padding-top: 12rem;
}

.checkout .woocommerce .woocommerce-notices-wrapper {
    margin: 0 5rem;
}

/* Wish Icon */
.wish-icon {
    color: white;
}

.wish-icon.active {
    color: rgb(241, 90, 34);
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

.s-what-we-do .inner .title h4 {
    font-size: clamp(2.8rem, 2.7vw, 3rem);
}

@media(min-width: 1025px) {
    .lg\:h-\[30vmax\] {
        height: 30vmax;
    }
}

.product-single-carousel .swiper {
    height: 100%;
}

header .menu .menu-item-has-children .children-indicator {
    right: 40%;
}

@media(max-width: 768px) {
    header .menu .menu-item-has-children .children-indicator {
        right: 0;
    }  
}

/* Search Page */
.search-title-container {
    grid-column: 1 / -1;
}

.search-title-container hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #000;
    margin: 1em auto;
    padding: 0;
    width: 100%;
}

.search-title-container .search-title {
    padding: 0 5rem;
    font-size: 4rem;
    text-transform: capitalize;
}

.styled-input-single label:after {
    background: 50%/contain no-repeat url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none'%3E%3Cpath fill='%23fff' d='M5.867 10.603 3.534 8.27a.656.656 0 0 0-.934 0 .656.656 0 0 0 0 .933l2.794 2.794c.26.26.68.26.94 0l7.066-7.06a.656.656 0 0 0 0-.934.656.656 0 0 0-.933 0z'/%3E%3C/svg%3E");
    opacity: 0;
    transform: scale(0);
    transition: all .5s;
}

.styled-input-single label:after {
    border-radius: 9999px;
    content: '';
    display: inline-block;
    height: 16px;
    left: 3px;
    position: absolute;
    top: 4px;
    width: 16px;
}

.styled-input-single label.checked:after {
    opacity: 1;
    transform: translateZ(0);
}

@media(min-width: 1025px) {
    .styled-input-single label:after {
        top: 20%;
    }
}

.s-benefits .swiper-slide {
    height: auto;
}

@media(max-width: 768px) {
    .pop-up.age-verification .popup-box .content {
        flex-direction: column-reverse;
    }
    .pop-up.age-verification .popup-box .content .w-half {
        width: 100%;
    }
    .pop-up.age-verification .popup-box .content #validation_form {
        justify-content: center;
        flex-wrap: wrap;
    }
    .s-login .woocommerce-notices-wrapper {
        margin-top: 2rem;
    }
    .s-contact .flex-col-reverse {
        flex-direction: column;
    }
    .s-contact .gform_wrapper {
        width: 100%;
    }
    .s-contact .gfield textarea {
        border-radius: 2rem;
    }
    .grid-cols-\[repeat\(auto-fill\2c minmax\(35rem\2c 1fr\)\)\] {
        grid-template-columns: repeat(auto-fill,minmax(30rem,1fr));
    }
    
}
@media(min-width: 1025px){
    .desktop-search {
        top: -1rem;
        right: -1rem;
        width: 18rem;
    }
}
@media(min-width: 1280px){
    .desktop-search {
        top: -1.2rem;
        right: -1.2rem;
        width: 25rem;
    }
}
@media(min-width: 1500px){
    .desktop-search {
        top: -1.5rem;
        right: -1.5rem;
        width: 30rem;
    }
}
.grid-cols-\[repeat\(auto-fill\,minmax\(35rem\,1fr\)\)\] {
    display: flex;
    flex-wrap: wrap;
}
.grid-cols-\[repeat\(auto-fill\,minmax\(35rem\,1fr\)\)\] > div {
    width: 100%;
    height: unset;
}
@media(min-width: 768px) {
    .grid-cols-\[repeat\(auto-fill\,minmax\(35rem\,1fr\)\)\] > div {
        width: calc(50% - 1.25rem);
    }
}
@media(min-width: 1025px){
    .grid-cols-\[repeat\(auto-fill\,minmax\(35rem\,1fr\)\)\] > div {
        width: calc(33.33% - 2.33rem);
    }
}
@media(min-width: 1280px){
    .grid-cols-\[repeat\(auto-fill\,minmax\(35rem\,1fr\)\)\] > div:not(.w-1\/3):not(.w-full):not(.search-title-container) {
        width: calc(25% - 2.625rem);
    }
}
.shop-pagination.w-full {
    width: 100%;
}
@media(max-width: 768px){
    .popup-box {
        max-width: unset;
    }
}
@media(min-width: 768px){
    .pop-up .popup-box figure {
        height: 100%;
    } 
}
.search-form button {
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 65px;
}

.out-stock {
    color: red;
    border: 1px solid red;
    border-radius: 9999px;
    padding: 1rem 1.5rem;
    font-size: 83%;
    align-items: center;
}

.woocommerce-message {
    backdrop-filter: blur(15px);
    background-color: hsla(0,0%,100%,.3);
    margin-top: 3rem;
}

.woocommerce-message a {
    font-weight: 900;
}

.category-card .bg {
    opacity: 1;
}

.grid-details>div {
    border-radius: 10rem;
}

.product-slide-item {
    background-color: transparent;
}

/*.product-slide-item img {*/
/*    object-fit: contain;*/
/*}*/

.woocommerce-form-coupon-toggle {
    margin-top: 3rem;
}
.card-white:before,
.card-what-we-do:before{
    opacity: 0;
}
.card-white .inner .step p,
.card-what-we-do .inner .step p {
    --tw-text-opacity: 1;
    color: rgb(134 179 64 / var(--tw-text-opacity, 1));
}
.card-white:not(:hover) .inner .logo-label,
.card-what-we-do :not(:hover) .inner .logo-label {
    opacity: 0; 
}
.info-icon svg {
    height: 2rem;
    width: 2rem;
    margin: auto;
}
.form-control,
input {
    text-transform: unset;
}
input::placeholder {
    text-transform: capitalize;
}
.woocommerce-info >a:hover {
    --tw-text-opacity: 1;
    color: rgb(0 188 223 / var(--tw-text-opacity, 1));
}
.woocommerce-info >a {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
}

.btn.active:before {
    opacity: 1;
}
div.search-title-container {
    width: 100%;
}
@media (min-width: 1025px) {
    .woocommerce main {
        min-height: 0;
    }
    main > .sidebar-content {
        min-height: 75vh;
    }
}
footer {
    margin-top: -6px;
}
footer figure.bg img {
    background: transparent;
}
@keyframes float-x {
  0%   { transform: translateX(-10px); }
  50%  { transform: translateX(10px); }
  100% { transform: translateX(-10px); }
}

.hand-icon {
  animation: float-x 1.5s ease-in-out infinite;
}
#back-button svg {
    width: 3rem;
    height: 3rem;
    transition: .3s all;
}
#back-button:hover svg {
    fill: rgb(0 188 223);
}
.h-24 {
    height: 6rem;
}
.category-card.active {
    transform: rotateY(180deg);
}
.category-card.active .caption {
    opacity: 0;
}
.category-card .caption {
    position: absolute;
    transition: all .5s;
}
.category-card .back {
    transform: rotateY(180deg);
    padding: 2.5rem;
    transition: all .5s;
    opacity: 0;
}
.category-card.active .back {
    position: relative;
    z-index: 10;
    opacity: 1;
}
@media (min-width: 1025px) {
    .category-card .back {
        padding: 4rem;
    }
}

.swiper-buttons .swiper-slide {
    width: auto;
}
.swiper-buttons .swiper-slide a {
    white-space: nowrap;
}
@media (max-width: 1025px) {
    .item-cropped-image-2 {
        justify-content: space-between;
        height: 100%;
    }
}
.s-methods {
    min-height: calc(100vh - 2rem);
    min-height: calc(100svh - 2rem);
}
/*@media (max-width: 1025px) { */
/*    .testimonials-card {*/
/*    	width: calc(100vw - 1.5rem);*/
    	/*flex-shrink: 0;*/
/*    }*/
/*}*/
section > figure {
    pointer-events: none;
}
.grid-details {
    flex-wrap: nowrap;
    gap: 0;
    /*justify-content: unset;*/
    /*align-items: unset;*/
}
.aspect-1\/1 {
    aspect-ratio: 1 / 1;
}
@media(max-width: 1025px) {
    .custom-aspect {
        height: unset;
        aspect-ratio: 1 / 1.2;
    }
}
.image-repeat:not(:last-child) {
    margin-bottom: 5rem;
}
@media(min-width: 1025px) {
    .image-repeat:not(:last-child) {
        margin-bottom: 10rem;
    }
}
.header .form-control {
    border-color: #fff;
}
.header .form-control::placeholder {
    color: #fff;
}
.cart-item .caption .product-quantity {
    width: 12rem;
}
.card-bg .content {
    background: #fff;
    padding: 2.5rem;
    margin: 0 -2.5rem -2.5rem;
}
.card-bg .bg:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0,0,0,0.5), transparent);
}
.card-bg .title {
    color: #fff;
}

header.header-dark .text-white {
    color: black;
}

header.header-dark .text-white .btn-outlined-white {
    color: black;
    border-color: black;
}
/*@media (min-width: 1025px) {*/
/*    .card-bg .content {*/
/*        position: absolute;*/
/*        bottom: 0;*/
/*        left: 50%;*/
/*        transform: translateX(-50%);*/
/*        width: 100%;*/
/*    }*/
/*}*/

.tray-breadcrumb-container {
    position: absolute;
    top: 0;
}

.tray-breadcrumb-container #back-button svg {
    width: 5rem;
    height: 5rem;
}

@media (max-width: 1025px) {
    .cards-image .bg {
        background: #000;
    }
    .cards-image .bg img {
        display: none;
    }
}

@media(min-width: 1025px) {
    .w-1\/3 {
        width: calc(33% - 2rem);
    }
}

.woocommerce-billing-fields__field-wrapper {
    align-items: end;
}

.woocommerce-billing-fields__field-wrapper.checkout-inputs p, .woocommerce-shipping-fields__field-wrapper.checkout-inputs p {
    justify-content: flex-end;
}

@media(min-width: 1281px) {
    .single-product .card-white .inner {
        min-height: 20rem;
    }   
}

@media(min-width: 1025px) {
    .lg\:top-\[-7\%\] {
        top: -7%;
    }
}

.gap-6 {
    gap: 3rem;
}

.category-card {
    height: 40rem;
}

@media(min-width: 600px) {
    .sm\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media(min-width: 1025px) {
    .lg\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media(max-width: 600px) {
    .s-section.s-hero-inner .content {
        backdrop-filter: blur(10px);
        padding: 1rem;
        border-radius: 2rem;
    }
}