/*!
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 */

.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;
}

/* Gravity Forms */
#gform_1 {
    position: relative;
    padding-bottom: 1.5rem;
}
#gform_1 .gform-footer {
    position: absolute;
    right: 0;
    bottom: 0;
}
.hidden_label > label,
.hidden_label > legend {
    display: none;
}
.gform_required_legend {
    display: none;
}
.gform_fields {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 8);
}
.gfield {
    width: 100%;
}
input,
select, 
textarea {
    margin: calc(var(--spacing) * 0);
    border-style: var(--tw-border-style);
    width: 100%;
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 5);
    --tw-leading: 1.2;
    border-width: 1px;
    border-color: currentColor;
    border-radius: 6px;
    line-height: 1.2;
    transition: border-color .4s ease-in-out, background-color .4s ease-in-out;
}
textarea{
    display: block;
}
select{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
    background-color:#0000;
    background-image:url("data:image/svg+xml,%3Csvg width='16' height='10' viewBox='0 0 16 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.946 1.39714L8.44597 8.89714C8.3405 9.00248 8.19753 9.06165 8.04847 9.06165C7.89941 9.06165 7.75644 9.00248 7.65097 8.89714L0.150969 1.39714C0.0516087 1.29051 -0.00248353 1.14948 8.76355e-05 1.00375C0.0026588 0.858024 0.0616926 0.718985 0.164752 0.615925C0.267812 0.512865 0.406851 0.453831 0.552577 0.45126C0.698303 0.448688 0.839338 0.502781 0.945969 0.602141L8.04847 7.7037L15.151 0.602141C15.2576 0.502781 15.3986 0.448688 15.5444 0.45126C15.6901 0.453831 15.8291 0.512865 15.9322 0.615925C16.0352 0.718985 16.0943 0.858024 16.0969 1.00375C16.0994 1.14948 16.0453 1.29051 15.946 1.39714Z' fill='%231B1924'/%3E%3C/svg%3E%0A");
    background-position:right 1.1em top 50%;
    background-repeat:no-repeat;
    background-size:.8em;
    padding-right:55px;
    display:block;
}
input::placeholder,
select::placeholder,
textarea::placeholder{
    color: currentColor;
    text-transform: capitalize;
}
input:focus,
select:focus,
textarea:focus {
    border-color:currentColor;
}
.gchoice, .ginput_container_consent {
    text-align: left;
    padding-top: 8px;
    padding-bottom: 10px;
    padding-left: 35px;
    position: relative;
}
.gchoice label, .ginput_container_consent label {
    opacity: 1;
    cursor: pointer;
    margin: 0 0 5px;
}
.gchoice label:before, .gchoice label:after, .ginput_container_consent label:before, .ginput_container_consent label:after {
    content: "";
    border-radius: 50%;
    position: absolute;
    top: 20px;
}
.gchoice label:before, .ginput_container_consent label:before {
    border-style: var(--tw-border-style);
    background: 0 0;
    border-width: 1px;
    border-color: currentColor;
    width: 21px;
    height: 21px;
    margin: -14px 0 0;
    transition: all .5s;
    left: 0;
}
.gchoice label:after, .ginput_container_consent label:after {
    opacity: 0;
    background: url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.86337 7.5831L1.55004 5.26976C1.42548 5.14493 1.25638 5.07477 1.08004 5.07477C0.903694 5.07477 0.734593 5.14493 0.610039 5.26976C0.350039 5.52976 0.350039 5.94976 0.610039 6.20976L3.39671 8.99643C3.65671 9.25643 4.07671 9.25643 4.33671 8.99643L11.39 1.9431C11.65 1.6831 11.65 1.2631 11.39 1.0031C11.2655 0.878261 11.0964 0.808105 10.92 0.808105C10.7437 0.808105 10.5746 0.878261 10.45 1.0031L3.86337 7.5831Z' fill='%23ffffff'/%3E%3C/svg%3E") 50%/contain no-repeat;
    width: 11px;
    height: 11px;
    margin: -9px 0 0;
    transition: opacity .25s ease-in-out, transform .25s ease-in-out;
    left: 5px;
    transform: translate(0) scale(.5);
}
.gchoice input[type=radio]:checked+label:before, .gchoice input[type=checkbox]:checked+label:before, .ginput_container_consent input[type=checkbox]:checked+label:before {
    background-color: var(--color-green);
    border-color: #0000;
}
.gchoice input[type=radio]:checked+label:after, .gchoice input[type=checkbox]:checked+label:after, .ginput_container_consent input[type=checkbox]:checked+label:after {
    opacity: 1;
    transform: translate(0);
}
input[type=radio], input[type=checkbox] {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: -9999px;
}
@supports (color:color-mix(in lab,red,red)) {
    input,
    select, 
    textarea {
        border-color: color-mix(in oklab, currentcolor 10%, transparent);
    }
    input::placeholder,
    select::placeholder, 
    textarea::placeholder {
        color: color-mix(in oklab,currentcolor 50%,transparent);
    }
}
@media (min-width: 1025px) {
    .gfield.gfield--width-half {
        width: calc(50% - calc(var(--spacing) * 4));
    }
    .gfield.gfield--width-third {
        width: calc(33.33% - calc(var(--spacing) * 5.33));
    }
    
    input,
    select, 
    textarea  {
        padding-inline: calc(var(--spacing) * 10);
        padding-block: calc(var(--spacing) * 9);
        font-size: var(--text-24);
        line-height: var(--tw-leading, var(--text-24--line-height));
        font-weight: var(--tw-font-weight, var(--text-24--font-weight));
        border-radius: 12px;
    }
    .gchoice {
        padding-top: 5px;
    }
}
div.gform_validation_errors h2.gform_submission_error {
    font-size: var(--text-24);
    line-height: var(--text-24--line-height);
    font-weight: var(--text-24--font-weight)
}
div.gform_validation_errors h2.gform_submission_error,
.validation_message {
    color: #E1341E;
}
.validation_message {
    padding: .5rem 0 0 .5rem;
}

.gfield_visibility_hidden {
    opacity: 0;
    visibility: hidden;
    height: 0;
    /*display: none;*/
}

.pop-up-wrap {
    transition: unset;
}

/* 404 Page */
.error-page {
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 12);
    width: 100%;
    padding-block: calc(var(--spacing) * 20);
}

@media(min-width: 1025px) {
    .error-page {
        gap: calc(var(--spacing) * 0);
        padding-block: calc(var(--spacing) * 48);
    }
}