/**
* Overrides needed if using the main NASA Explore menu
*/

.label-inter {
    font-family: "inter",sans-serif;
    font-style: normal;
    font-weight: 700;
    font-size: 11px;
    line-height: 19px;
    color: #58585b;
    letter-spacing: .25px;
    text-transform: uppercase
}

.font-weight-extrabold,.font-weight-extrabold *,.font-weight-extrabold div,.font-weight-extrabold h1,.font-weight-extrabold h2,.font-weight-extrabold h3,.font-weight-extrabold h4,.font-weight-extrabold h5,.font-weight-extrabold h6,.font-weight-extrabold p,h1.font-weight-extrabold,h2.font-weight-extrabold,h3.font-weight-extrabold,h4.font-weight-extrabold,h5.font-weight-extrabold,h6.font-weight-extrabold,p.font-weight-extrabold {
    font-weight: 800
}

.font-weight-bold,.font-weight-bold *,.font-weight-bold div,.font-weight-bold h1,.font-weight-bold h2,.font-weight-bold h3,.font-weight-bold h4,.font-weight-bold h5,.font-weight-bold h6,.font-weight-bold p,h1.font-weight-bold,h2.font-weight-bold,h3.font-weight-bold,h4.font-weight-bold,h5.font-weight-bold,h6.font-weight-bold,p.font-weight-bold {
    font-weight: 700
}

.font-weight-regular,.font-weight-regular *,.font-weight-regular div,.font-weight-regular h1,.font-weight-regular h2,.font-weight-regular h3,.font-weight-regular h4,.font-weight-regular h5,.font-weight-regular h6,.font-weight-regular p,h1.font-weight-regular,h2.font-weight-regular,h3.font-weight-regular,h4.font-weight-regular,h5.font-weight-regular,h6.font-weight-regular,p.font-weight-regular {
    font-weight: 400
}

.font-weight-light,.font-weight-light *,.font-weight-light div,.font-weight-light h1,.font-weight-light h2,.font-weight-light h3,.font-weight-light h4,.font-weight-light h5,.font-weight-light h6,.font-weight-light p,h1.font-weight-light,h2.font-weight-light,h3.font-weight-light,h4.font-weight-light,h5.font-weight-light,h6.font-weight-light,p.font-weight-light {
    font-weight: 300
}

.font-weight-extralight,.font-weight-extralight *,.font-weight-extralight div,.font-weight-extralight h1,.font-weight-extralight h2,.font-weight-extralight h3,.font-weight-extralight h4,.font-weight-extralight h5,.font-weight-extralight h6,.font-weight-extralight p,h1.font-weight-extralight,h2.font-weight-extralight,h3.font-weight-extralight,h4.font-weight-extralight,h5.font-weight-extralight,h6.font-weight-extralight,p.font-weight-extralight {
    font-weight: 200
}

.line-height-sm,.line-height-sm *,.line-height-sm div,.line-height-sm h1,.line-height-sm h2,.line-height-sm h3,.line-height-sm h4,.line-height-sm h5,.line-height-sm h6,.line-height-sm p,h1.line-height-sm,h2.line-height-sm,h3.line-height-sm,h4.line-height-sm,h5.line-height-sm,h6.line-height-sm,p.line-height-sm {
    line-height: 1
}

.line-height-regular * {
    line-height: 1.1em
}

.line-height-md,.line-height-md *,.line-height-md div,.line-height-md h1,.line-height-md h2,.line-height-md h3,.line-height-md h4,.line-height-md h5,.line-height-md h6,.line-height-md p,h1.line-height-md,h2.line-height-md,h3.line-height-md,h4.line-height-md,h5.line-height-md,h6.line-height-md,p.line-height-md {
    line-height: 1.25
}

.line-height-lg,.line-height-lg *,.line-height-lg div,.line-height-lg h1,.line-height-lg h2,.line-height-lg h3,.line-height-lg h4,.line-height-lg h5,.line-height-lg h6,.line-height-lg p,h1.line-height-lg,h2.line-height-lg,h3.line-height-lg,h4.line-height-lg,h5.line-height-lg,h6.line-height-lg,p.line-height-lg {
    line-height: 1.5em
}

.font-dm-mono {
    font-family: "dm-mono"
}


.block-editor__container .hds-media-background img,.block-editor__container img.hds-media-background,.hds-media-background,.hds-media-background img,.hds-media-inner.hds-cover-wrapper>video {
    position: absolute;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    left: 0;
    top: 0
}

@media all and (max-width: 63.99em) {
    .usa-nav__submenu a:not(.usa-button) {
        padding-left:2rem;
    }

    .usa-nav__submenu .usa-nav__submenu a:not(.usa-button) {
        padding-left: 3rem;
    }

    .usa-nav__submenu .usa-nav__submenu .usa-nav__submenu a:not(.usa-button) {
        padding-left: 4rem;
    }
}

/* Use the native dotted underline, not the dotted border */
.usa-nav__primary .usa-nav__primary-item a span {
    border-bottom: none !important;
}
.hds-footer-menu > li > a:hover > span {
    text-decoration-line: none;
}
/* subnav shoudn't reset padding on hover, this is the original value */
.usa-nav__submenu .usa-nav__submenu-item a:hover {
    padding: 0.5rem;
}

.global-nav__primary-list.usa-nav__submenu-list .usa-nav__submenu-item a:hover, .global-nav__secondary-list.usa-nav__submenu-list .usa-nav__submenu-item a:hover {
    padding: 1rem 0;
}

.global-nav__primary .button-primary {
    color: #fff;
}

.global-nav__primary .button-primary h3 {
    padding-right: 0;
}

/* <a> doesn't need to be block level in lists */
.usa-list a, .usa-list span {
    display: inline-block;
    font-size: inherit;
    line-height: inherit;
    font-family: inherit;
}

/* Overzealous underlines overriding header */
.global-nav__tertiary-submenu a:hover, .global-nav__secondary-list a:hover, .global-nav__features a:hover, .hds-global-menu-primary a:hover,
.global-nav__tertiary-submenu a:focus, .global-nav__secondary-list a:focus, .global-nav__features a:focus, .hds-global-menu-primary a:focus {
    text-decoration-line: none !important;
}

/* We can't include our footer credits in their footer so we have to override the margin */
.usa-footer-credits {
    margin-top: -3.5rem !important;
}

/* splide issues */
svg.splide__toggle__play {
    padding-right: 0 !important;
}

.splide .splide__list .splide__slide[class*='grid-col'] {
    flex: 0 0 auto;
}

#secondary-banner h1 {
    font-size: var(--wp--preset--font-size--x-large);
}

/* Hide their footer meta because we replicate it here */
.usa-footer__primary-section .hds-footer-meta {
    display: none !important;
}

/* Button support */
.button-primary {
	align-items: center;
	display: flex;
	font-weight: var(--theme--type--weight--bold);
	gap: var(--wp--preset--spacing--1);
    text-decoration-line: none !important;
}

.button-primary * {
    margin: 0 !important;
}

.button-primary svg {
    height: 1.2em;
    width: 1.2em;
}

.button-primary svg	circle {
    fill: var(--theme--color--nasa-red);
}
.button-primary .external-link svg, .button-primary .link-external-true svg {
    transform:rotate(-45deg);
}

.button-primary:hover svg {
    /** emulate the darker red color **/
    transition: filter 0.2s;
    filter: grayscale(70%) contrast(3) brightness(0.95);

}