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

/* 3.X - text */
.text-alt {
    font-family: var(--font-family-h);
}
.text-caps {
    text-transform: uppercase;
}
.font-size-xl {
    font-size: var(--font-size-xl);
}
.font-size-xxl {
    font-size: var(--font-size-xxl);
}
.line-height-sm {
    line-height: var(--line-height-sm);
}
p.callout-white em,
h2.callout-white em,
h3.callout-white em
{
    background: var(--white);
    color: var(--color-alpha);
    font-style: normal;
    padding: 0 .25em;
}
p.callout-green em,
h2.callout-green em,
h3.callout-green em
{
    background: var(--color-alpha);
    color: var(--white);
    font-style: normal;
    padding: 0 .25em;
}
ul, ol {
    margin-bottom: 1em;
}
a {
    text-decoration: none;
}
@media (hover:hover) {
    a:hover {
        color: var(--color-alpha);
        text-decoration: underline;
    }
}

/* 3.X - headlines */

h1.has-background,
h2.has-background,
h3.has-background,
h4.has-background,
h5.has-background,
h6.has-background 
{
    padding: .5em 0;
}

/* 3.X - buttons */
button,
.wp-block-button > *,
input[type='submit'],
.wp-element-button {
    color: var(--white);
    text-transform: uppercase;
    font-family: var(--font-family-h);
    height: 2.5em;
    line-height: 2.5em;
    padding: 0 max(1em, calc(var(--border-radius)));
}

@media (hover: hover) {
    button:hover,
    .wp-block-button > *:hover,
    input[type='submit']:hover,
    .wp-element-button:hover {
        background: var(--button-hover-bg);
        color: var(--white);
        text-decoration: none;
    }
}

button.button-alt,
.wp-block-button.button-alt > *
{
    background: var(--white);
    color: var(--color-alpha);
}

@media (hover: hover) {
    button.button-alt:hover,
    .wp-block-button.button-alt > *:hover
    {
        background: var(--button-hover-bg);
        color: var(--white);
        text-decoration: none;
    }
}

/* 3.X youtube */
figure.is-type-video.is-provider-youtube iframe {
    width: 100%;
    height: calc(100vw / 1.77);
}