/*!
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: 19.06.25
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 styling */
input[type="text"],
input[type="email"],
input[type="tel"],
select,
textarea {
    margin: calc(var(--spacing) * 0);
    border-style: var(--tw-border-style);
    background-color: #ffffff2e;
    border-width: 1px;
    border-color: #0000;
    border-radius: 6px;
    width: 100%;
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 5);
    font-family: var(--font-body);
    --tw-leading: 1.2;
    --tw-font-weight: var(--font-weight-medium);
    line-height: 1.2;
    font-weight: var(--font-weight-medium);
    transition: border-color .4s ease-in-out, background-color .4s ease-in-out;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
select:focus,
textarea:focus {
    border-color: var(--color-green);
}
input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="tel"]::placeholder,
select::placeholder,
textarea::placeholder {
    color: var(--color-white)
}
.ginput_container_consent,
.gchoice  {
    text-align: left;
    padding-top: 8px;
    padding-bottom: 10px;
    padding-left: 35px;
    position: relative;
    cursor: pointer;
}
.gchoice input[type=radio], .gchoice input[type=checkbox], .ginput_container_consent input[type=checkbox] {
    visibility: hidden;
    position: absolute;
    top: 0;
    left: -9999px;
}
.ginput_container_consent label,
.gchoice  label {
    opacity: 1;
    cursor: pointer;
    margin: 0 0 5px;
}
.ginput_container_consent label a,
.gchoice  label a {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
}
.ginput_container_consent label:before, .ginput_container_consent label:after,
.gchoice  label:before, .gchoice  label:after {
    content: "";
    border-radius: 4px;
    position: absolute;
    top: 20px;
}
.ginput_container_consent label:before,
.gchoice  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;
}
.ginput_container_consent label:after,
.gchoice 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='%23000000'/%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);
}
div.gform_heading h2.gform_title,
div.gform_validation_errors h2.gform_submission_error {
    font-family: var(--font-body);
    letter-spacing: normal;
    font-size: var(--text-20);
    line-height: var(--tw-leading, var(--text-20--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
}
div.gform_validation_errors h2.gform_submission_error {
    margin-bottom: calc(var(--spacing) * 7);
}
div.gform_validation_errors h2.gform_submission_error,
.validation_message  {
    color: #eda6b5 ;
}
.validation_message {
    position: absolute;
    top: 100%;
}
.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 {
    position: relative;
    width: 100%;
}
.gfield--type-consent {
    display: flex;
    justify-content: center;
}
.gform-footer {
    display: flex;
    justify-content: center;
    margin-top: calc(var(--spacing)*6);
}
#gform_1 {
    margin-top: calc(var(--spacing) * 7);
    gap: calc(var(--spacing) * 5);
    width: 100%;
    display: grid;
}
#gform_1 .gform_fields .gfield:not(:last-child) {
    margin-bottom: calc(var(--spacing) * 7);
}

@supports (color:color-mix(in lab,red,red)) {
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    textarea {
        background-color: color-mix(in oklab, var(--color-white) 18%, transparent);
    }
}
@media (hover: hover) {
    .ginput_container_consent label a:hover {
        color: var(--color-green);
    }
}
@media (min-width: 1025px) {
    input[type="text"],
    input[type="email"],
    input[type="tel"],
    select,
    textarea {
        padding-inline: calc(var(--spacing) * 12);
        padding-block: calc(var(--spacing) * 6);
    }
    .ginput_container_consent {
        padding-top: 5px;
    }
    div.gform_validation_errors h2.gform_submission_error {
        margin-bottom: calc(var(--spacing) * 10);
    }
    .gfield--width-half {
        width: calc(50% - calc(var(--spacing)*4));
    }
    .gfield--type-consent {
        justify-content: flex-start;
    }
    .gform-footer {
        margin-top: -4rem;
        justify-content: end;
    }
    #gform_1 {
        margin-top: calc(var(--spacing) * 10);
        grid-template-columns: minmax(0, 1fr) max-content;
        align-items: start;
    }
    #gform_1 .gform_fields .gfield:not(:last-child) {
        margin-bottom: calc(var(--spacing) * 10);
    }
    #gform_wrapper_1 div.gform_validation_errors h2.gform_submission_error { 
        margin-top: calc(var(--spacing) * 10);
    }
    #gform_1 .gform-footer {
        margin-top: 0;
    }
}

/* Frontend Tweaks*/
@media (min-width: 1281px) {
    .s-vision-and-mission .vision-and-mission-content .vision-card-list .our-vision-card {
         min-height: 45rem; 
    }
}

.s-content-image h2 {
	font-weight: 400;
}