/*
 * APP.css is compiled using laravel-mix; to see the scss files - src/scss/app.scss
 * This should be used a last resort for quick changes
 */


path.svg-round {
    stroke-dasharray: 0 !important;
    transform-style: preserve-3d;
    -webkit-transform: translateZ(0px);
    transform: translateY(0px) !important;
    transform-box: fill-box;
}

#mailpoet_woocommerce_checkout_optin_field label {
    display: inline;
    font: 14px StrayhornMT-Bold, Arial, sans-serif;
    color: #616161;
    margin-bottom: 0 !important;
    text-transform: none;
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: normal;
}

#mailpoet_woocommerce_checkout_optin_field .checkbox input[type=checkbox] {
    position: relative;
    opacity: 1;
}

#mailpoet_woocommerce_checkout_optin_field span.optional {
    display: none;
}

#mailpoet_woocommerce_checkout_optin_field {

}

#mailpoet_woocommerce_checkout_optin_field {

}

.mailpoet_confirm_unsubscribe a {
    padding: 1rem;
    background: #1b3975;
    margin: 10px 0px;
    display: inline-block;
    color: #fff;
}

/* Hide Google reCAPTCHA badge */
.grecaptcha-badge {
    visibility: hidden;
}


.mailpoetsignup-395 .wpcf7-list-label:before {
    content: "" !important;
    border: 1px solid #ccc;
    border-radius: 3px;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0px;
    top: 0px;
}

#mailpoetsignup-395 {
    opacity: 0
}

.mailpoetsignup-395 .wpcf7-list-label:after {
    content: "";
    border-bottom: 2px solid #FFF;
    width: 6px;
    height: 10px;
    border-right: 2px solid #FFF;
    position: absolute;
    left: 7px;
    top: 4px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    opacity: 0;
}

.mailpoetsignup-395.checked .wpcf7-list-label:before {
    border-color: #ba9765;
    background-color: #ba9765;
}

.mailpoetsignup-395.checked .wpcf7-list-label:after {
    opacity: 1;
}



.category-button-list {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    align-content: center;
    text-transform: uppercase;
    list-style: none;
    flex-wrap: wrap;
    overflow-y: auto;
    white-space: normal;

}
@media screen and (min-width: 768px) {
    .category-button-list {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        align-content: center;
        text-transform: uppercase;
        list-style: none;
        flex-wrap: unset;
        overflow-y: auto;
        white-space: normal;
    }
}


.category-button-list li{
    display: block;
    width: 80%;
}
.category-button-list li a {
    display: block;
    width: 100%;
}



.category-button-list li {
    padding: 0;
    background: none;
    margin: 0 10px;
}

.category-button-list li a {
    font: 17px "StrayhornMT-Bold", Arial, sans-serif;
    color: #fff;
    padding: 0.6rem 1rem;
    border: 2px solid #ba9662;
    background: #ba9662;
    text-transform: uppercase;
    transition: padding, color, background-color 0.5s ease;
    display: inline-block;
    line-height: normal;
    margin: 5px 0;
}

@media screen and (min-width: 768px) {
    .category-button-list li{
        display: inline-block;
        width: auto;
    }
    .category-button-list li a {
        display: inline-block;
        width: auto;
    }
}
.category-button-list li.active a {
    background: #fff;
    color: #ba9662;
}

.category-button-list li a:hover {
    background: #1b3975;
    border-color: #1b3975;
    color: #fff;
}




@media (max-width: 1400px) {
    .customtab_wrap .groupitem .in-details p {
        font-size: 18px;
        margin: 0 0 30px;
        height: 210px;
        overflow: hidden;
        margin: 0;
        mask-image: linear-gradient(180deg, #000 60%, transparent);
        -webkit-mask-image: linear-gradient(180deg, #000 60%, transparent);

    }
}







.form-group {
    margin-bottom: 1rem;
}

.signup-success-message {
    border-left: 5px solid green;
    margin: 5rem 0;
    background: #fafdfa;
    padding: 2rem 2rem;
}

.signup-error-message {
    border-left: 5px solid #800000;
    margin: 5rem 0;
    background: #fdfafa;
    padding: 2rem 2rem;
}
.standard-form-label,
.contact-form-label,
#wp_signup_form .signup-form-label {
    font-family: "StrayhornMT-Bold";
    color: #ba9764;
    font-size: 12px;
    margin-bottom: 1px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.error-reg {
    font-size: 14px;
    font-weight: 400;
    position: relative;
    left: 0;
    top: 100%;
    color: red;
}

.wpcf7-form-control.wpcf7-mailpoetsignup .wpcf7-list-label{padding-left:15px}

#wpcf7-f309-o1 #gdpr + label {
    top: 1px;
}

#data_login_modal .woocommerce-popup{
    background: transparent!important;
}
#data_reset_modal .popup-product-form,
#data_login_modal .popup-product-form {
    background: #fff;
}
#data_login_modal #main_form.popup-product-form .form-group{margin-bottom: 1rem}

/* Override wonky Vimeo plugin styling */
.vimeo-wc-video {
    display: flex;
    flex-direction: column;
    margin-bottom: 34px;
}

.detailinner_wrap iframe {
    min-height: auto;
    margin-bottom: auto;
}