/* PLEASE - try to comment your notes
 * These updates are for the front end of the NIC website, using the USWDS theme
 * 
 */

/* Remove Max Widths */
@media (min-width: 30em) {
    .usa-form {
        max-width: 99rem;
    }
}

a.usa-tag:visited {
    color: #f8dfe2;
}

.usa-banner__header-text {line-height: 1.5;}
.usa-footer .site-preview-heading {
    color:#1b1b1b;
}

/* Lori Eville Memorial */

.memorial-person {
    align-items: center;
    display: flex;
    flex-direction: column;
    background: rgba(0, 0, 0, 0.1);
    padding: 20px;
}

.memorial-person p {
    font-weight: 400;
}

.memorial-person .memorial-profile {
    border-radius: 50%;
    height: 312px;
    -webkit-tap-highlight-color: transparent;
    transform: scale(0.7) perspective(1000px) translate(-15px, 26px);
    transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* .memorial-person .memorial-profile:hover {
    transform: scale(0.28) perspective(1000px);
} */

.memorial-person .memorial-profile:hover .circle,
.memorial-person .memorial-profile .circle,
.memorial-person .memorial-profile:hover img,
.memorial-person .memorial-profile img {
    -webkit-transition: 300ms -webkit-filter cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: 300ms -moz-filter cubic-bezier(0.4, 0, 0.2, 1);
    -moz-transition: 300ms filter cubic-bezier(0.4, 0, 0.2, 1);
    -ms-transition: 300ms -ms-filter cubic-bezier(0.4, 0, 0.2, 1);
    -o-transition: 300ms -o-filter cubic-bezier(0.4, 0, 0.2, 1);
    transition: 300ms filter cubic-bezier(0.4, 0, 0.2, 1),
        300ms -webkit-filter cubic-bezier(0.4, 0, 0.2, 1),
        transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
    max-width: 80%;
}

.memorial-person .memorial-profile-inner {
    clip-path: path("M 390,400 C 390,504.9341 304.9341,590 200,590 95.065898,590 10,504.9341 10,400 V 10 H 200 390 Z"
        );
    position: relative;
    transform-origin: 50%;
    top: -200px;
    left: 0;
    right: 0;
    width: 380px;
    text-align: center;
    margin: auto;
}

.memorial-person .circle {
    background-color: transparent;
    border-radius: 0 0 50% 50%;
    cursor: pointer;
    height: 380px;
    left: 60px;
    pointer-events: none;
    position: absolute;
    top: 162px;
    width: 380px;
    filter: grayscale(1) blur(5px);
}

.memorial-person .img {
    pointer-events: none;
    position: relative;
    transform: translateY(20px) scale(1.15);
    transform-origin: 50% bottom;
    transition: transform 300ms cubic-bezier(0.4, 0, 0.2, 1);
    filter: grayscale(1);
}

.memorial-person:hover .circle {
    filter: grayscale(0) blur(0px);
}

.memorial-person:hover .img {
    transform: translateY(20px) scale(1.3);
    filter: grayscale(0);
}

.memorial-person .img1 {
    left: 22px;
    top: 217px;
    width: 340px;
}

.memorial-person .divider {
    background-color: #AF3700;
    height: 1px;
    width: 160px;
    margin: 0 auto;
    border-top: 0;
    transform: translateZ(20px);
}

.memorial-person .h2,
.memorial-person .text-muted {
    transform: translateZ(20px);
}

.memorial-person .memorial-panel {
    padding: 20px;
    background: rgba(255, 255, 255, .5);
}

.memorial-person blockquote {
    width: 100%;
}
.memorial-person blockquote cite {
    width: 100%;
    display:block;
    color:#3d4551;
    font-style: italic;
}

.memorial-person .row {
    width: 100%;
}

.memorial-person .row .on::before,
.memorial-person .row .on::after {
    border-color: #333;
}
/*Lori Eville Memorial END*/


/* field labels */
.nic-product .field .usa-label,
.nic-product .field .title {
    font-weight: bold;
}

.block-system-main-block .nic-product .field--label-inline .usa-label,
.nic-product .field--label-inline>.usa-label,
.nic-product .field--label-inline .usa-label {
    font-size: 1rem;
    font-weight: bold;
}

.nic-product .field .title::after {
    content: ":";
    padding-left: 1px;
}

/* checkboxes */

/*, html .usa-radio__label:before*/

html .usa-checkbox__label:before {
    margin-top: -.4rem;
}

.selected .usa-checkbox__label:before,
.selected .usa-radio__label:before {
    background: #005ea2;
}

/*responsive video wrapper */
.embed-responsive.embed-responsive-4by3,
.videowrapper-34 {
    /* aspect-ratio: 3 / 4; */
    /* padding-bottom: calc(var(--aspect-ratio, .5625) * 100%); */
}
.embed-responsive.embed-responsive-4by3 video,
.videowrapper-34 video {
    aspect-ratio: 3 / 4;
    height: auto;
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: block;
    /* padding-bottom: calc(var(--aspect-ratio, .5625) * 100%); */
}
.videowrapper,
.embed-responsive.embed-responsive-16by9,
.videowrapper-169 {
    /* aspect-ratio: 16 / 9; */
    /* padding-bottom: calc(var(--aspect-ratio, .5625) * 100%); */
}
.videowrapper video,
.embed-responsive.embed-responsive-16by9 video,
.videowrapper-169 video {
    aspect-ratio: 16 / 9;
    height: auto;
    width: 100%;
    margin: 0 auto;
    position: relative;
    display: block;
    /* padding-bottom: calc(var(--aspect-ratio, .5625) * 100%); */
}
.embed-responsive.embed-responsive-16by11 video,
.videowrapper-1611 video {
    aspect-ratio: 16 / 11;
    height: auto;
    width: 100%;
    max-width: 820px;
    margin: 0 auto;
    position: relative;
    display: block;
    /* padding-bottom: calc(var(--aspect-ratio, .5625) * 100%); */
}
.video_buttons {padding-left: 0;margin-top:0;}

/*responsive video wrapper */

/* START Videos with Chapters */

figure.video_chapters {}

figure.video_chapters p {
    display: none;
}

figure.video_chapters video,
figure.video_chapters figcaption {
    display: block;
    width: 100%;
}

figure.video_chapters video {
    border-bottom: 10px solid #111;
}

figure.video_chapters figcaption {
    position: static;
    height: 300px;
    overflow-y: scroll;
    background: hsla(0, 0%, 0%, .2);
}

figure.video_chapters figcaption ol li {
    border-bottom: 1px dashed #000;
}

figure.video_chapters figcaption ol li a {
    display: block;
    padding: .7rem 1rem;
    transition: .3s;
    font-family: 'Merriweather', serif;
}

figure.video_chapters figcaption ol li a:hover {
    cursor: pointer;
}

@media screen and (min-width: 640px) {
    figure.video_chapters {
        font-size: 0;
        position: relative;
        background: #000;
        margin: 0;
    }

    figure.video_chapters video {
        width: 75%;
        height: auto;
        display: inline-block;
    }

    figure.video_chapters figcaption {
        position: absolute;
        right: 0;
        top: 0;
        background: #222;
        width: 25%;
        font-size: 1rem;
        color: #999;
        height: 100%;
        overflow-y: scroll;
    }

    figure.video_chapters figcaption ol {
        position: relative;
        list-style-type: none;
        margin: 0;
        padding: 0;
    }

    figure.video_chapters figcaption ol li a {
        display: block;
        padding: .7rem 1rem;
        border-bottom: 1px dashed #000;
        transition: .3s;
        font-family: 'Merriweather', serif;
        color: #fff;
        text-decoration: none;
    }

    figure.video_chapters figcaption ol li.watched a {
        background: hsla(45, 80%, 50%, .3);
    }

    figure.video_chapters figcaption ol li a.current {
        background: hsl(45, 80%, 50%);
        color: #000;
    }

    figure.video_chapters figcaption ol li a:not(.current):hover,
    figure.video_chapters figcaption ol li a:not(.current):focus {
        background: #73b3e7;
        color: #000;
        cursor: pointer;
    }


    figure.video_chapters figcaption ol li a small {
        clear: both;
        display: block;
        font-size: .75em;
        font-family: 'Source Sans Pro', Helvetica, sans-serif;
    }

    figure.video_chapters figcaption ol li a small::before {
        content: '';
        clear: both;
        display: block;
    }

    figure.video_chapters figcaption::-webkit-scrollbar {
        width: 13px;
        height: 100%;
    }

    figure.video_chapters figcaption::-webkit-scrollbar-track {
        background-color: #000;
    }

    figure.video_chapters figcaption::-webkit-scrollbar-thumb:vertical {
        background: hsl(45, 80%, 20%);
        width: 13px;
        height: 20px;
    }
}


/* END Videos with Chapters */

/*Hide user subscription button in profile because we don't want them getting overwhelmed.
#block-uswds-nic-local-tasks a[href*="subscriptions"] {display: none;}*/

.video_buttons {
    list-style: none;
    font-size: 1rem;
    margin: 0;
    text-align: center;
    padding-left: 0;
}

.video_buttons li {
    display: inline-block;
}

.video_buttons li a {
    padding: .2rem;
    display: block;
    cursor: pointer;
    height: 1.7rem;
    width: 1.7rem;
    border-radius: 50%;
}

.video_buttons li a:hover {
    background: #B9B9BA;
    color: #fff;
}

.video_buttons li a i {
    width: 1rem;
    height: 1rem;
}


/*Section */
/* .nic-product section.grid-col-9 .field--name-body {}

.nic-product section.grid-col-9 .links-section {} */

.nic-product section.grid-col-9 .links-section .field {
    margin-bottom: 0;
    border-top: 1px solid #e6e6e6;
    margin-top: 0.5rem;
    padding-top: 0.5rem;
}

/* Add to cart button */
@media screen and (min-width: 600px) {

    .nic-product form [type=submit],
    .nic-product form [type=submit] {
        padding-left: 2.5rem;
        padding-right: 1.5rem;
        padding-top: 0.2rem;
        padding-bottom: 0.2rem;
        width: auto;
        height: 2.5rem;
    }
}

.nic-product .commerce-order-item-add-to-cart-form [id^=edit-actions] {
    position: relative;
}

.nic-product .commerce-order-item-add-to-cart-form [id^=edit-actions]::before {
    content: "\f217";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 4px;
    z-index: 99;
    color: white;
    position: absolute;
    left: 0.7rem;
    top: 0.5rem;
}

.nic-product .field--type-image {
    position: relative;
}

/* .nic-product .field--type-image > div > div::after {*/
/*    width: 85%;*/
/*    height: 80%;*/
/*    max-width: 200px;*/
/*    display: block;*/
/*    content: "";*/
/*    box-shadow: 0px 0rem 2rem 2rem rgba(0, 0, 0, .2);*/
/*    left: 1.5rem;*/
/*    top: 1rem;*/
/*    position: absolute;*/
/*    z-index: -1;*/
/*    border-radius: 50%;*/
/*    background: rgba(0,0,0,0.2);*/
/*}*/
.nic-product .field--type-image span {
    display: inline-block;
}

.paragraph--type--accordion-weblinks .usa-card form [type=submit],
.paragraph--type--accordion-weblinks .usa-card form [type=submit] {
    margin-bottom: 0;
}

/* Price */
.field--name-price {
    display: none;
}

/* Links */
/* .field.field--name-field-links {}

.field.field--name-field-links .usa-label {}

.field.field--name-field-links {} */

.nic-product .field.field--name-field-links a {
    background: #005ea2;
    padding: 0.5rem 1rem;
    border-radius: 4px;
    display: inline-block;
    clear: left;
    color: #fff;
    margin-bottom: .5rem;
}

.nic-product .field.field--name-field-links a:focus,
.nic-product .field.field--name-field-links a:hover {
    background: #1a4480;
}

.nic-product .field.field--name-field-links a::before {
    content: "\f56d";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 4px;
}

/* Aside */
/* .nic-product aside {} */

.nic-product aside .field {
    margin-bottom: 0;
    border-top: 1px solid #e6e6e6;
    margin-top: 0.5rem;
    padding-top: 0.5rem;
}

/* Aside tags */
.field--name-field-tags span {
    display: inline-block;
}

.field--name-field-tags a.usa-tag {
    text-decoration: none;
    white-space: nowrap;
}

/*Project Page Accordions Product fixes */
.field--name-field-links-to-nic-products article .field-group-tabs-wrapper {
    display: none;
}

[headers="view-operations-table-column"] ul.dropbutton.usa-nav__primary.usa-accordion {
    display: flex;
    gap: 0.5rem 0.5rem;
    column-gap: 0.5rem;
    row-gap: 0.5rem;
}

/* [headers="view-operations-table-column"] ul.dropbutton.usa-nav__primary.usa-accordion>.usa-nav__primary-item {} */

[headers="view-operations-table-column"] ul.dropbutton.usa-nav__primary.usa-accordion>.usa-nav__primary-item>a {
    line-height: .9;
    padding: 0.4rem;
    display: flex;
    font-weight: 700;
    color: #fff;
    background-color: #1a4480;
}

.usa-form .usa-button.move-wishlist-item {
    margin: 0 0 0.2rem;
    line-height: 0.9;
    padding: 0.4rem;
    display: flex;
    font-weight: 700;
    height: auto;
    border-radius: 0;
    color: #fff;
    background-color: #1a4480;
}

/* .views-field-edit-commerce-wishlist-item {} */

.usa-form .views-field-edit-commerce-wishlist-item>a,
.usa-form .views-field-edit-commerce-wishlist-item>input.usa-button {
    margin: 0.2rem 0.2rem;
    line-height: 1;
    padding: 0.4rem;
    font-weight: 700;
    height: 2rem;
    border-radius: 0;
    color: #fff;
    background-color: #005ea2;
    display: flex;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    width: fit-content;
}

.usa-form .views-field-edit-commerce-wishlist-item>a:active,
.usa-form .views-field-edit-commerce-wishlist-item>a:focus,
.usa-form .views-field-edit-commerce-wishlist-item>a:hover,
.usa-form .views-field-edit-commerce-wishlist-item>input.usa-button:active,
.usa-form .views-field-edit-commerce-wishlist-item>input.usa-button:focus,
.usa-form .views-field-edit-commerce-wishlist-item>input.usa-button:hover {
    color: #fff;
    background-color: #1a4480;
}

/* .bef-links-use-ajax.form-select.bef-links {}
.bef-links-use-ajax.bef-links {}
.bef-links {} */
.bef-links ul {
    list-style: none;
    padding: 0;
    margin: 0.5rem 0;
}
.bef-links ul li {
    display: inline;
}
.bef-links ul li a.bef-link {
    font-family: Source Sans Pro Web,Helvetica Neue,Helvetica,Roboto,Arial,sans-serif;
    font-size: 1.06rem;
    line-height: .9;
    color: #fff;
    background-color: #005ea2;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    border-radius: 0.25rem;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    padding: 0.75rem 1.25rem;
    text-align: center;
    text-decoration: none;
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
}
.bef-links ul li a.bef-link.bef-link--selected {
    background-color: #d83933;
}

/* special views filter for when tags are included */
#views-exposed-form-initiatives-test-page-1 {
    max-width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(0.6fr, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background: #f0f0f0;
    padding: 0.5rem;
    margin-bottom: 2rem;
    border: 2px solid #3d4551;
}

#views-exposed-form-initiatives-test-page-1 .form-item-title { grid-area: 1 / 1 / 2 / 2; }
#views-exposed-form-initiatives-test-page-1 .form-item-title-1 { grid-area: 1 / 2 / 2 / 3; }
#views-exposed-form-initiatives-test-page-1 .form-item-field-audiences-served-target-id { grid-area: 2 / 1 / 3 / 3; }

.view-card-grid li article,
.view-card-grid li article .clearfix {
    height: 100%;
}

/* USA Book Navigation at bottom of page */
.usa-book-navigation ul {
    padding-left: 0;
    list-style: none;
    display: flex;
    justify-content: space-between;
}
/* USA Book Navigation at bottom of page */
.block-book-block-toc .book-blocks-toc-book span.book-blocks-toc-prefix {
    display: none;
}

/* .block-book-block-toc {}
.block-book-block-toc .book-blocks-toc-book {} */

.block-book-block-toc div.book-blocks-toc-book {
    font-size: 1.71rem;
    line-height: 1.2;
    font-family: 'Merriweather', serif;
    font-weight: 700;
}

.block-book-block-toc div.book-blocks-toc-book a {
    text-decoration: none;
    color: #000;
}

/* .block-book-block-toc .book-blocks-toc-book div.book-blocks-toc-book.book--active-trail {} */

.block-book-block-toc .book-blocks-toc-book span.book-blocks-toc-prefix {
    display: none
}

/* .block-book-block-toc .book-blocks-toc-book ul.usa-sidenav {} */

.block-book-block-toc ul {
    list-style-type: none;
}

/* .block-book-block-toc ul.usa-sidenav ul {} */

.block-book-block-toc ul.usa-sidenav li {
    position: relative;
}

.block-book-block-toc ul.usa-sidenav li>i,
.block-book-block-toc ul.usa-sidenav li>svg {
    display: flex;
    align-items: center;
}


.block-book-block-toc ul.usa-sidenav li>a.expandable {
    position: absolute;
    left: 100%;
    top: 0.75rem;
    bottom: 0;
    width: 1rem;
    height: 1rem;
    padding: 0;
    margin: 0;
}

.block-book-block-toc ul.usa-sidenav li>a.expandable:hover {
    background-color: transparent;
}

.block-book-block-toc ul.usa-sidenav li>a.expandable::before {
    content: '';
    display: block;
    border-left: 2px solid #000;
    height: 1rem;
    width: 2px;
    position: absolute;
    left: 0rem;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    transition: .5s all ease;
}

.block-book-block-toc ul.usa-sidenav li.expanded>a.expandable::before {
    transform: rotate(90deg);
}

.block-book-block-toc ul.usa-sidenav li>a.expandable::after {
    content: '';
    display: block;
    border-bottom: 2px solid #000;
    width: 1rem;
    height: 2px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

@media (min-width: 40em) {
    .block-book-block-toc ul.usa-sidenav li>a.expandable {
        position: absolute;
        left: -1.5rem;
        top: 0.75rem;
        bottom: 0;
        width: 1rem;
        height: 1rem;
        padding: 0;
        margin: 0;
    }
}

.block-book-block-toc ul.usa-sidenav li>a {
    grid-area: a;
}

.block-book-block-toc ul.usa-sidenav li>a.usa-sidenav__item {
    border-top: none;
}

.block-book-block-toc ul.usa-sidenav li>ul {
    grid-area: ul;
}

.block-book-block-toc ul.usa-sidenav li.collapsed>ul {
    display: none;
}

.usa-sidenav.usa-sidenav__sublist {
    border-bottom: none;
}

/* .block-header-indent.width-release .contextual-region .more-link,
.block-header-indent.width-release > h2.font-serif-xl,
.block-header-indent > h2.font-serif-xl {
    max-width: 75rem !important;
}

.width-release.wr-small .contextual-region {
    max-width: 75rem !important;
} 
.width-release .contextual-region {
    display: flex;
    flex-direction: column;
}*/
.width-release .contextual-region .more-link {
    width: 100%;
    align-self: center;
    padding: 0 2rem;
}

@media (max-width: 30rem) {
    .block-local-tasks-block .usa-button-group a {margin-bottom: .5rem;}
}


/*CSS Flip Card*/
.flip-card {
    background-color: transparent;
    /* width: 100%;*/
    /* min-height: 500px; */
    /* height: 60vh;
    max-height: 60vh; */
    perspective: 1000px;
    /* Remove this if you don't want the 3D effect */
}

/* This container is needed to position the front and back side */
.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transform-style: preserve-3d;
    -webkit-transition: all 0.2s ease;
    transition: all 0.8s ease;
}

.flip-card:nth-child(2)::before {
    animation: flip-wobble 3s infinite linear;
    content: '';
    width: 90%;
    height: 80%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: auto;
    margin: auto;
    display: block;
    background-color: rgba(0, 101, 106, 1);
    z-index: -1;
    transform-style: preserve-3d;
    perspective: 1000px;
    opacity: 1;
}

.flip-card:nth-child(2):hover::before {
    animation: none;
    content: none;
}

.flip-card:hover::before {
    opacity: 0 !important;
}

@keyframes flip-wobble {
    0% {
        transform: rotateY(0deg) scale(1.0);
        opacity: 0;
    }

    40% {
        transform: rotateY(0deg) scale(1.0);
        opacity: 0;
    }

    45% {
        transform: rotateY(0deg) scale(1.0);
        opacity: 1;
    }

    50% {
        transform: rotateY(10deg) scale(1.05);
        opacity: 1;
    }

    75% {
        transform: rotateY(-10deg) scale(1.05);
        opacity: 1;
    }

    95% {
        transform: rotateY(0deg) scale(1.0);
        opacity: 0;
    }

    100% {
        transform: rotateY(0deg) scale(1.0);
        opacity: 0;
    }
}

/* Do an horizontal flip when you move the mouse over the flip box container */
.flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
    -webkit-animation: 0;
    animation: 0;
}

/* Position the front and back side */
.flip-card-front {
    position: absolute;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Style the back side */
.flip-card-back {
    position: absolute;
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    padding: 1rem;
    background-color: #001A32;
    color: white;
    transform: rotateY(180deg);
    /* overflow-y: scroll; */
}
@media screen and (min-width: 64em) {
    .flip-card {
        min-height: 500px;
        height: auto;
        max-height: 60vh;
    }
    .flip-card-front {
        height: auto;
        min-height: 400px;
    }
    .flip-card-back {
        min-height: 400px;
        height: auto;
        max-height: 30vh;
        overflow-y: scroll;
    }
}

/* width */
.flip-card-back::-webkit-scrollbar {width: 10px;}

/* Track */
.flip-card-back::-webkit-scrollbar-track {background: rgba(255, 255, 255, 0.2);}

/* Handle */
.flip-card-back::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 0.4);
    transition: .5s background-color ease;
}

/* Handle on hover */
.flip-card-back::-webkit-scrollbar-thumb:hover {background-color: rgba(255, 255, 255, 0.7);}

/* Style the front side (fallback if image is missing) */
.flip-card-front {
    background-color: #003c71;
    color: #fff;
}

.grid-row .flip-card:nth-child(1) .flip-card-front {background-color: #003c71;}
.grid-row .flip-card:nth-child(2) .flip-card-front {background-color: #00656A;}
.grid-row .flip-card:nth-child(3) .flip-card-front {background-color: #007649;}
.grid-row .flip-card:nth-child(1) .flip-card-back {background-color: #001A32;}
.grid-row .flip-card:nth-child(2) .flip-card-back {background-color: #002C2E;}
.grid-row .flip-card:nth-child(3) .flip-card-back {background-color: #003420;}

@media screen and (max-width: 64em) {
    .flip-card:nth-child(2)::before {
        animation: none;
        display: none;
    }

    .flip-card-front {
        position: relative;
        width: 100%;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        display: flex;
    }

    .flip-card-back {
        position: relative;
        width: 100%;
        transform: rotateY(0deg);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .flip-card:hover .flip-card-inner {
        transform: rotateY(0deg);
        -webkit-animation: 0;
        animation: 0;
    }

    audio,
    canvas,
    progress,
    video {
        display: inline-block;
        vertical-align: baseline;
    }
}


/*CSS Flip Card*/

.tax-view > header {display: none;}

.block-views .views-filters .usa-form#views-exposed-form-page-taxonomies-block-1,
.block-views .views-filters .usa-form#views-exposed-form-page-taxonomies-block-2 {
    max-width: 100%;
    display: grid;
    grid-template-columns: 6fr 1fr;
}

/* in-page nav */
.usa-in-page-nav__list {
    margin-bottom: 0;
    margin-top: 0;
    list-style-type: none;
    border-left: 1px solid rgba(27, 27, 27, .25);
    padding: 0;
}
.usa-in-page-nav__item {
    font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-size: .93rem;
    line-height: 1.1;
    border: 0;
    font-weight: 700;
    position: relative;
}
.usa-in-page-nav__list>li {
    margin-bottom: 0;
    max-width: unset;
}

.usa-in-page-nav .usa-in-page-nav__list .usa-in-page-nav__item {
    font-size: .81rem;
    line-height: 1.2;
}

.site-story,
.usa-in-page-nav .usa-in-page-nav__heading,
.usa-in-page-nav .usa-in-page-nav__list .usa-in-page-nav__item {
    font-family: Public Sans Web, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
}

.usa-in-page-nav__item.usa-in-page-nav__item--sub-item {
    font-weight: 400;
}

.usa-in-page-nav__list a:not(.usa-button):not(.usa-current) {
    color: #005ea2;
}

.usa-in-page-nav__list a:not(.usa-button) {
    display: block;
    padding: 0.5rem 1rem;
    text-decoration: none;
}

.usa-in-page-nav__list a:not(.usa-button).usa-current {
    position: static;
}

.usa-in-page-nav__list a:not(.usa-button).usa-current {
    color: #1b1b1b;
    font-weight: inherit;
}

.usa-in-page-nav__list a:not(.usa-button) {
    display: block;
    padding: 0.5rem 1rem;
    text-decoration: none;
}
/* fox for main page content not being centered*/
main>.grid-row {
    justify-content: center;
}

@media (min-width: 40em){
    .usa-in-page-nav__list .usa-current {
        position: relative;
    }
}

.usa-in-page-nav__list .usa-current {
    position: relative;
    color: #005ea2;
    font-weight: 700;
}

#block-newstitleandlinkhomepage-2 .field--name-body {
    height: 100%;
}

#block-views-block-products-block-11-2 .mobile-lg-grid-col-6.desktop-grid-col-6.margin-y-1 > article {height: 100%;}

.views-element-container .item-list article {width: 100%;}

input[type="range"].rating-slider.usa-input {
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  cursor: pointer;
}

/*Super Login Overrides to User Login Form START*/

.usa-form.user-login-form {
    width: 75vw;
    margin: -2rem 2rem;
}

.usa-form.user-login-form p.login-title {
    margin: 0;
    padding: 1rem;
    font-weight: bold;
    font-family: 'Merriweather', serif;
    font-size: 1.4rem;
}
.usa-form.user-login-form .form-item{
    border-left: 4px solid transparent;
}
.usa-form.user-login-form .form-item label.usa-input-required.usa-label {
    margin: 0 0 0 0rem;
    padding: 0rem 0;
}
.usa-form.user-login-form .usa-input-error {
    left: 0;
    border-left: 4px solid #d83933;
}
.usa-form.user-login-form input[type="text"],
.usa-form.user-login-form input[type="password"] {
    width: auto;
    max-width: 95%;
}

html .usa-form#user-login-form .actions-suffix {
    float: right;
    position: relative;
    bottom: 65px;
    right: 10px;
}
.usa-form.user-login-form .actions-suffix a {
    font-family: Source Sans Pro Web, Helvetica Neue, Helvetica, Roboto, Arial, sans-serif;
    font-size: 1.06rem;
    line-height: .9;
    appearance: none;
    border: 0;
    border-radius: 0.25rem;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 0.5rem;
    padding: 0.75rem 1.25rem;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background-color: #d83933;
}
.usa-form.user-login-form .actions-suffix a::before {
    content: "\f234";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    padding-right: 4px;
}

@media (max-width: 64em) {
    html .usa-form#user-login-form {
        margin-left: 0;
        margin-right: 0;
    }
    html .usa-form#user-login-form .actions-suffix {
        float: none;
        position: relative;
        bottom: 0;
        right: 0;
        left: 0;
        margin: 10px auto;
        text-align: center;
    }
    #user-login-form .form-actions {
        margin: 0em 0 1em 0em;
        padding: 0;
        display: block;
        clear: both;
        float: none;
    }
    html .usa-form#user-login-form [type=submit],
    html .usa-form#user-login-form [type=submit] {
        display: block;
        clear: both;
        position: relative;
        float: none;
        padding: 0;
        margin: 0;
        line-height: 1rem;
        height: 2.5rem;
        width: auto;
        min-width: 15rem;
        margin: 0 auto;
    }
}


/*Super Login Overrides to User Login Form END*/

@media (min-width: 64em) {
    .sticky {
        position: fixed;
        top: 0;
        width: 100%;
        background-color: #fff;
    }
    .sticky+main,
    .sticky+section {
        padding-top: 143px !important;
    }
    .sticcky-block,
    .position-sticky {
        position: sticky
    }
    .sticky-nav,
    .sticky-menu {
        position: sticky;
        top: 23rem;
        right: 0;
        width: 15rem;
        background-color: #fff;
    }
}