/*
    3 - Global styles - used site wide.
 */

/* general helpers */
.font-alt,
.font-alt.taxonomy-category > a {
    font-family: var(--font-family-alt);
}
.wp-block-columns.dividers {
    gap: 0;
}
@media all and (min-width: 782px) {
    .wp-block-columns.dividers .wp-block-column:not(:last-child) {
        border-right: 2px dashed var(--black);
        padding-right: 4em;
        margin-right: 4em;
    }
}

/* quotes */
blockquote p:before {
    color: inherit;
    content: "\f10d";
    font: var(--fa-font-solid);
    font-size: 2em;
    padding: 0 0.25em 0 0;
}
blockquote p.has-text-color {
    color: var(--black) !important;
}
blockquote p.has-alpha-color:before {
    color: var(--color-alpha);
}
blockquote p.has-bravo-color:before {
    color: var(--color-bravo);
}
blockquote p.has-charlie-color:before {
    color: var(--color-charlie);
}

/* patterns */
.has-pattern {
    background-repeat: repeat;
    background-size: 500px;    
}
.has-delta-background-color.has-pattern {
    background-image: url('../img/orso_pattern_light.svg');
    border-top: 2px solid #feede3;
    border-bottom: 2px solid #feede3; 
}
.has-black-background-color.has-pattern {
    background-image: url('../img/orso_pattern_dark.svg');
}

/* rounded corners */
@media all and (max-width: 781px) {
    :root {
        --border-radius-large: 100px; 
    }
}
.has-rounded-corner.left {
    border-radius: calc(var(--border-radius-large)/2) 0 0 0;
}
.has-rounded-corner.right {
    border-radius: 0 calc(var(--border-radius-large)/2) 0 0;
}
@media all and (min-width: 782px) {
    .has-rounded-corner.left {
        border-radius: var(--border-radius-large) 0 0 0;
    }
    .has-rounded-corner.right {
        border-radius: 0 var(--border-radius-large) 0 0;
    }
}

/* category links */
.taxonomy-category a {
    color: var(--color-bravo);
    text-transform: uppercase;
    text-decoration: none;
}

/* cards */
.has-style-card {
    background: var(--white);
    border: 2px solid var(--gray-medium);
    border-radius: var(--border-radius);
    overflow: hidden;
}

/* buttons */
.forminator-guttenberg .forminator-ui.forminator-custom-form[data-design] .forminator-button,
.wp-block-button a,
input[type='submit'] {
    height: 1.2lh;
    text-transform: uppercase;
}


.wp-block-button a.has-bravo-background-color {
    --button-border-color: var(--color-bravo);
}
.wp-block-button a.has-bravo-background-color:hover {
    background: var(--white) !important;
    --button-hover-color: var(--color-bravo);
}
.wp-block-button a.has-charlie-background-color {
    --button-border-color: var(--color-charlie);
}
.wp-block-button a.has-charlie-background-color:hover {
    background: var(--white) !important;
    --button-hover-color: var(--color-charlie);
}

button.is-style-button-secondary:hover,
.wp-block-button.is-style-button-secondary a:hover,
input[type='submit'].is-style-button-secondary:hover {
    --button-border-color: var(--button-hover-bg);
}

.wp-block-button.is-style-button-secondary a.has-alpha-color {
    --button-border-color: var(--color-alpha);
    --button-hover-bg: var(--color-alpha);
} 
.wp-block-button.is-style-button-secondary a.has-bravo-color {
    --button-border-color: var(--color-bravo);
    --button-hover-bg: var(--color-bravo);
} 
.wp-block-button.is-style-button-secondary a.has-charlie-color {
    --button-border-color: var(--color-charlie);
    --button-hover-bg: var(--color-charlie);
} 

/*
.has-alpha-background-color {
    --button-border-color: var(--wp--preset--color--alpha);
}
.has-bravo-background-color {
    --button-border-color: var(--wp--preset--color--bravo);
}
.has-charlie-background-color {
    --button-border-color: var(--wp--preset--color--charlie);
}
.has-delta-background-color {
    --button-border-color: var(--wp--preset--color--delta);
}
.has-echo-background-color {
    --button-border-color: var(--wp--preset--color--echo);
}
.has-foxtrot-background-color {
    --button-border-color: var(--wp--preset--color--foxtrot);
}
.has-golf-background-color {
    --button-border-color: var(--wp--preset--color--golf);
}
.has-hotel-background-color {
    --button-border-color: var(--wp--preset--color--hotel);
}
*/