/*
    6 - Pages styling file.
 */

/* 6.x about page */
@media all and (max-width: 781px) {
    .wp-block-columns.brand-claims {
        gap:0;
    }
    .wp-block-columns.brand-claims > .wp-block-column {
        max-width: 50%;
    }
}

/* 6.x contact page */
.forminator-field-group {
    padding: 0 !important;
    background:transparent !important;
}
.forminator-field-group .forminator-repeater-field {
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 15px !important;
}
.forminator-guttenberg form.forminator-design--default label {
    color: var(--black) !important;
    font-size: var(--font-size) !important;
}
.forminator-guttenberg form.forminator-design--default input,
.forminator-guttenberg form.forminator-design--default textarea,
.forminator-guttenberg form.forminator-design--default span.select2-selection {
    background: transparent !important;
    border: 2px solid var(--color-alpha) !important;
    border-radius: 1em !important;
}
.forminator-select-dropdown-container--open .forminator-select-dropdown {
    border-color: var(--color-alpha) !important;
}
.forminator-select-dropdown-container--open .forminator-select-dropdown li.select2-results__option--selected {
    background-color: var(--color-alpha) !important;
}
#ui-datepicker-div .ui-datepicker.forminator-calendar--default:before {
    border-color: var(--color-alpha) !important;
}
#ui-datepicker-div .ui-datepicker-header .ui-corner-all {
    background-color: var(--color-alpha) !important;
}
#ui-datepicker-div .ui-datepicker-calendar tbody td a.ui-state-default.ui-state-active,
#ui-datepicker-div .ui-datepicker-calendar tbody td a.ui-state-default:active {
    border-color: var(--color-alpha) !important;
    background-color: var(--color-alpha) !important;
    color: var(--white) !important;
}
#ui-datepicker-div .ui-datepicker-calendar tbody td a.ui-state-default.ui-state-highlight {
    border-color: transparent !important;
    background-color: transparent !important;
    color: #777771 !important;
}
.forminator-design--default .forminator-input-with-icon [class*="forminator-icon-"] {
    color: var(--color-alpha) !important;
}
.forminator-guttenberg form.forminator-design--default button.forminator-button {
    background: var(--button-bg) !important;
    border: none !important;
    border-radius: var(--border-radius) !important;
    color: var(--white) !important;
    cursor: pointer !important;
    display: inline-block !important;
    font-family: var(--font-family-h) !important;
    font-weight: var(--weight-normal) !important;
    letter-spacing: 1px !important;
    line-height: 2.5 !important;
    height: 2.5em !important;
    margin: 0.5em 0 !important;
    overflow: hidden;
    padding: 0 max(1em, calc(var(--border-radius))) !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
    transition: background 400ms ease, color 200ms ease !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
}
.forminator-guttenberg form.forminator-design--default button.forminator-button:hover {
    box-shadow: none;
}

@media all and (min-width: 783px) {
    .forminator-guttenberg div#group-1 {
        padding-right: 5em !important;
    }
}

/* 6.x pickle emoji page */
body.page-id-668 .wp-block-cover .wp-block-cover__background {
    opacity: 0;
}

/* 6.x product pages */
body.single-products h1 {
    margin: 0;
}
body.single-products section.wp-block-theme-collapsible {
    max-width: 450px;
}
body.single-products #destini-locator {
    padding: 0 1em 1em;
}
body.single-products #find p > a {
    font-family: var(--font-family-h);
    text-transform: uppercase;
}
body.single-products #find p > a:hover {
    color: var(--color-bravo);
    text-decoration: none;
}
/* 6.x where to buy */
body.page-id-25 #destini-locator {
    padding: 0 1em 1em;
}
/* 6.x press page */
@media all and (max-width: 781px) {
    body.page-id-27 .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 40% !important;
    }
}
