/*Color change within elements*/
span.is-brand-color {
    color: var(--wp--preset--color--brand) !important;
}
span.is-white-color {
    color: #FFF !important;
}
span.is-black-color {
    color: #000 !important;
}

/*Assign bold font to strong tags*/
p strong {
    font-family: var(--wp--preset--font-family--gotham-bold); 
}

/*Prevent unintentional horizontal scrolling on mobile devices*/
html, body {
    overflow-x: hidden;
    width: 100%;
}

/*Turn off balanced style for headlines on as-needed basis (balanced as default through theme.json)*/
.no-balance-head {
    text-wrap: wrap;
}

/*Call to Action Button*/
.wp-block-button.call-to-action-button a:hover {
    color: var(--wp--preset--color--white) !important;
    background-color: var(--wp--preset--color--brand) !important;
    border-width: 2px;
    border-style: solid;
    border-color: #FFF;
    padding-left: unset;
    padding-right: unset;
    padding-top: 10px;
    width: 140px;
    height: 48px;
}

/*Feature Cards with Numbers*/
.wp-block-group.feature-card-text.with-number {
    p.feature-card-number,
    .block-editor-block-list__block.feature-card-number {
        height: 100px;
        width: 100px;
        color:#FFF;
        background-color: var(--wp--preset--color--brand-on-gray);
        clip-path: circle(50px);
        line-height: 2.5;    
    }
    .feature-card-with-number-heading {
        margin-bottom: var(--wp--preset--spacing--10) !important;   
    }
}

/*Navigation*/
nav.header-navigation.wp-block-navigation { /*nav element*/
    /*min-width: 800px; */
    justify-content: space-between !important; 
    font-family: var(--wp--preset--font-family--gotham-black); 
    color: var(--wp--preset--color--brand); 
    text-transform: uppercase;
    column-gap: var(--wp--preset--spacing--24);
        & li.wp-block-navigation-item {
            &:hover {
                color: black !important;
            }
            .wp-block-navigation__submenu-icon { 
                width: 1rem !important; 
                height: 1rem !important; 
            }
            & ul.wp-block-navigation__submenu-container { /*dropdown menu*/
                background-color: black !important; 
                color: white !important;
                & a:hover { 
                    color: white !important; 
                    background-color: var(--wp--preset--color--nav-submenu-hover) !important;
                }
            } 
        }
} 

/*Banner*/
[data-title="Banner"]>div.wp-block-group, #banner-group>div.wp-block-group  {
    padding-top: var(--wp--preset--spacing--10) !important;
    padding-bottom: var(--wp--preset--spacing--10) !important;
    row-gap: .25rem;
    & p {
        color: white !important;
        font-family: var(--wp--preset--font-family--gotham-bold);
        padding-left: var(--wp--preset--spacing--10);
        padding-right: var(--wp--preset--spacing--10);
        text-align: center;
    }
    & .wp-block-button {
        & .wp-block-button__link {
            padding: .25rem 1rem;
        }
        &.button-1 {
            & .wp-block-button__link {
                background-color: var(--wp--preset--color--banner-button-1);
                &:hover {
                    background-color: var(--wp--preset--color--banner-button-1-hover);
                }
            }
        }
        &.button-2 {
            & .wp-block-button__link {
                background-color: var(--wp--preset--color--banner-button-2);
                &:hover {
                    background-color: var(--wp--preset--color--banner-button-2-hover);
                }
            }
        }
    }
}
/*Home*/
section.home-hero {
    background-color: rgba(0, 0, 0, 0.5);
    background-blend-mode: darken;
    & h1 {
        background-image: none;
        padding-bottom: 0;
        text-shadow: 4px 4px 6px black;
        margin-bottom: 1rem;
    }
    & .large-subhead {
         text-shadow: 4px 4px 8px black;
         text-wrap: balance;
    }
    & li.wp-block-navigation-item {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        padding-bottom: var(--wp--preset--spacing--10);
        border-right: 1px solid white;
        &:last-child {
            border-right: none;
        }
        & a:hover {
            color: #B0B0B0;
        }
        & .wp-block-navigation-item__content {
            text-shadow: 4px 4px 6px black;
        }
    }
    & .wp-block-button__link {
            background-color: #0D9DD7 !important;
            &:hover {
                background-color: #0D7EAB !important;
            }
        }
}
/*Audience*/
section.audience.intro {
    .wp-block-buttons:has(.wp-block-button.download-button) {
        justify-content: left;
    }
    .wp-block-column.audience-counters-column {
        padding-left: var(--wp--preset--spacing--16);
        padding-right: var(--wp--preset--spacing--16);
        .wp-block-media-planner-counter-block {
            min-width: 180px;
        }
    }
}
section.audience-research {
    .wp-block-media-planner-counter-block {
         max-width: 200px;
    }
}
section.audience-numbers {
    .wp-block-group.audience-numbers-row>.wp-block-group {
        width: 30%;
        height: 300px;
        padding-left: var(--wp--preset--spacing--24);
        padding-right: var(--wp--preset--spacing--24);
        margin-bottom: var(--wp--preset--spacing--24);
    }
}
/*Print*/
section.print-extras .print-extras-row {
    .wp-block-group {
        background-color: #FFF;
        border-right: 1px solid var(--wp--preset--color--background-gray);
        border-bottom: 1px solid var(--wp--preset--color--background-gray);
        padding-right: var(--wp--preset--spacing--16);
        padding-bottom: var(--wp--preset--spacing--16);
    }
    p {
        padding-bottom: 0;
        margin-bottom: 0;

    }
    p.print-extra {
        color: #000;
        font-family: var(--wp--preset--font-family--gotham-bold);
        padding-bottom: var(--wp--preset--spacing--20);
        /*padding-left: var(--wp--preset--spacing--36);*/
    }
    p.new-extra::before {
        content: "New ";
        color: var(--wp--preset--color--brand);
    }
    p.note {
        font-size: var(--wp--preset--font-size--10);
        padding-bottom: var(--wp--preset--spacing--20);
        /*padding-left: var(--wp--preset--spacing--36);*/
    }
    p.print-extra:has(+ p.note) {
        padding-bottom: 0;
    }
}
/*Custom E-blast*/
section.custom-e-blasts.examples {
    .custom-newsletter-samples-row .wp-block-media-planner-media-planner-lightbox {
        width: 180px;
    }
    .lightbox-before-modal-content {
        .lightbox-name, .lightbox-dimensions {
            display: none;
        }
    }
}
/*Events*/
span.bold-label {
    font-family: var(--wp--preset--font-family--gotham-black);
    color: #000;
}
.wp-block-group.logos-row figure.wp-block-image img {
    max-width: 200px;
    max-height: 90px;
}
/*Specifications*/
.ad-spec-columns {
    strong {
        font-family: var(--wp--preset--font-family--gotham-bold);
    }
    p a {
        color: var(--wp--preset--color--brand);
        text-decoration: none;
        &:hover {
            text-decoration: underline;
        }
    }
    span.wp-block-accordion-heading__toggle-icon {
        color: var(--wp--preset--color--brand);
    }
    .wp-block-accordion-panel {
        padding-left: var(--wp--preset--spacing--10);
    }
    p:has(+ ul), ul {
        margin-bottom: 0 !important;
    }
}
/*Specifications*/
section.programmatic-how-it-works {
    .how-it-works-row {
        justify-content: space-between;
        .feature-card-text.with-number {
            width: 20%;
            max-width: 320px;
            min-width: 220px;
            p {
                text-wrap: pretty;
            }
        }
    }
}
/*Website Advertising*/
.wallpaper-ads-group ul {
    padding-left: var(--wp--preset--spacing--16) !important;
}