
.grid--image-inside img {
    transform: none !important;
}

.grid--image-inside .image-wrapper {
    padding-left: 24px;
    padding-right: 24px;
}

.section-suggestions .name {
    text-decoration: none;
}

.section-suggestions img {
    max-height: 9999px;
}

.section-suggestions .button {
    text-align: center;
} 

.section-suggestions h2.grid-separator {
    color: white;
    text-align: center;
}

.section-suggestions .grid + h2 {
    margin-top: 48px;
}

.section-product-information .button {
    margin-top: 48px;
}

.section-product-informatio .button-two-lines {
    padding-top: 10px;
    padding-bottom: 10px;
}

/* age gate */
.age-gate__overlay {
    background: url('/wp-content/themes/macieira-brandy/assets/images/gate-background.jpg') center center no-repeat;
    background-size: cover;
}

.age-gate__content {
    background: transparent !important;
    color: white;
}

.age-gate__logo_alternative {
    background: url('/wp-content/themes/macieira-brandy/assets/images/gate-macieira-logo.png') center center no-repeat;
    background-size: contain;
    display: inline-block;
    width: 180px;
    height: 99px;
    margin-bottom: 20px;
}

.age-gate .age-gate__input {
    text-align: center;
    background: rgba(0,0,0,0);
    padding: 12px;
    border: rgba(0,0,0,0);
    border-bottom: 1px solid var(--color-white);
    color: var(--white) !important;
    font-size: 18px;
    width: 100%;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: textfield !important;
    appearance: none;
}

@min screen and (min-width: 768px) {
    .section-product-information .button {
        margin-top: 80px;
    }    
}

.button-404 {
    margin-top: 30px;
}

body .cdb_form_container {
    background-color: transparent;
    color: var(--color-white);
}

body .cdb_form_field ._field_container, 
body .cdb_form_field input:not([type=file]),
body .cdb_form_field textarea,
body .cdb_form_field select,
body .cdb_form_field ._bm_dob_separated_inputs_container {
    color: white;
    border-color: #444;
}

body .cdb_form_field label::before {
    color: white;
    background-color: var(--color-black);
}

body .cdb_form_container button {
    background-color: var(--color-golden);
    border-color: var(--color-golden);
}

body .cdb_form_field :focus {
    border-color: var(--color-golden);
}

body .cdb_form_field :focus + label::before {
    border-color: var(--color-golden);
}

body .cdb_form_container button:hover,
body .cdb_form_container button:focus,
body .cdb_form_container button:active {
    border-color: var(--color-golden);
    color: var(--color-golden);
    background-color: var(--color-black);
}


body .cdb_form_container .confirmation_message {
    padding: 30px 0 60px;
    text-align: center;
}

.page-template td {
    border: 1px solid white;
    padding: 5px;
}
