/**
 * Duke Communicators Custom Styles
 */

/* Add custom styles below */

@font-face {
    font-family: 'duke-icons';
    src: url('../fonts/duke-icons/duke-icons.ttf') format('truetype'),
        url('../fonts/duke-icons/duke-icons.woff') format('woff'),
        url('../fonts/duke-icons/duke-icons.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

.wp-block-navigation__responsive-container.is-menu-open:where(:not(.disable-default-overlay)) .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
    padding-left: 0;
    padding-right: 0;
}

.nav-list a {
    text-decoration: underline;
}

.nav-list a:hover {
    text-decoration: none;
}

@media (min-width: 600px) {
    .wp-block-navigation:not(.has-background) .wp-block-navigation__submenu-container {
        border: none;
        border-radius: 8px;
        box-shadow: var(--wp--preset--shadow--card);
        overflow: hidden !important;
    }
}

.play-pause-button {
    position: absolute;
    bottom: 1.5rem;
    right: 1.5rem;
    text-shadow:
        0px 1px 1px rgba(0, 0, 0, 0.7),
        0px 1px 5px rgba(0, 0, 0, 0.8),
        0px 0px 10px rgba(0, 0, 0, 0.9),
        0px 0px 20px rgba(0, 0, 0, 1.0);
    background: none;
    border: 0;
    color: var(--wp--preset--color--base);
    font-size: .75rem;
    font-family: var(--wp--preset--font-family--montserrat);
    text-align: center;
    text-indent: -9999em;
    text-transform: uppercase;
    z-index: 21;
}

.play-pause-button:before {
    text-indent: 0;
    content: "\ea1c";
    display: block;
    font-size: 1.75em;
    line-height: 32px;
    margin: 0 auto;
    display: block;
    height: 32px;
    width: 32px;
    font-family: 'duke-icons';
}

.play-pause-button.playing:before {
    content: "\ea1d";
}


.cc-toggle-button {
    position: absolute;
    bottom: 4.5rem;
    right: .85rem;
    background: none;
    border: 0;
    font-size: .75rem;
    color: var(--wp--preset--color--base);
    text-shadow:
        0px 1px 1px rgba(0, 0, 0, 0.7),
        0px 1px 5px rgba(0, 0, 0, 0.8),
        0px 0px 10px rgba(0, 0, 0, 0.9),
        0px 0px 20px rgba(0, 0, 0, 1.0);
    text-indent: -9999em;
    text-transform: uppercase;
    z-index: 21;
}

.cc-toggle-button:before {
    text-indent: 0;
    content: "\f20a";
    display: block;
    font-size: 1.75em;
    line-height: 32px;
    margin: 0 auto;
    height: 32px;
    width: 32px;
    font-family: 'duke-icons';
    font-weight: normal;
}

.cc-toggle-button.cc-enabled {
    text-shadow:
        0px 1px 1px rgba(255, 255, 255, 0.7),
        0px 1px 5px rgba(255, 255, 255, 0.8),
        0px 0px 10px rgba(255, 255, 255, 0.9),
        0px 0px 20px rgba(255, 255, 255, 1.0);
    color: var(--wp--preset--color--shale-blue);
}

/* Highlight the icon when captions are active */
.cc-toggle-button.cc-enabled:before,
.cc-toggle-button[aria-pressed="true"]:before {
    color: var(--wp--preset--color--shale-blue);
}


/* span third-item on homepage */
@container (max-width: 1242px) {
    .home .wp-block-post-template.is-layout-grid li:nth-child(3) {
        grid-column: 1 / -1;
    }
}

/* Move back to Duke Blocks */
.wp-block-duke-blocks-tabs-content {
    max-width: 100%;
}


.page-numbers {
    min-height: 30px;
    min-width: 30px;
    display: inline-block;
    text-align: center;
}

@media (max-width:781px) {
    .right-nav {
        flex-direction: column-reverse;
    }
}

.wp-block-navigation .current-menu-item {
    text-decoration: underline;
    text-underline-offset: .25rem;
    font-weight: 700;
}

.wp-block-navigation .current-menu-item .wp-block-navigation-item {
    font-weight: 400;
}

.wp-block-navigation .current-menu-ancestor {
    font-weight: 700;
}

.wp-block-navigation .current-menu-ancestor li:not(.current-menu-item) {
    font-weight: 400;
}

/* WordPress Block Button Hover States */
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.wp-block-button:not(.is-style-outline) .wp-block-button__link:focus,
.wp-block-button:not(.is-style-outline) a.wp-element-button:hover,
.wp-block-button:not(.is-style-outline) a.wp-element-button:focus {
    background-color: var(--wp--preset--color--duke-royal-blue-700, #00325D) !important;
    color: var(--wp--preset--color--base, #FFFFFF) !important;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-block-button__link:focus,
.wp-block-button.is-style-outline a.wp-element-button:hover,
.wp-block-button.is-style-outline a.wp-element-button:focus {
    background-color: var(--wp--preset--color--duke-royal-blue-700, #00325D) !important;
    border-color: var(--wp--preset--color--duke-royal-blue-700, #00325D) !important;
    color: var(--wp--preset--color--base, #FFFFFF) !important;
}