/* 
   This file is sectioned off into two parts.  First is the copy and pasted
   portion from AEM.  The second is adjustments needed for it
   to function correctly for Press.
*/

/**** Copy and pasted from cards-container-v3 in AEM ****/
.cards-container-v3.ccv3-relatedLinkMatrix--right .card-container-v3 .esri-text-container,.cards-container-v3.ccv3-relatedLinkMatrix--left .card-container-v3 .esri-text-container {
    align-self: center;
    width: 100%
}

.cards-container-v3.ccv3-relatedLinkMatrix--right .card-container-v3 .esri-text-container .esri-text__description,.cards-container-v3.ccv3-relatedLinkMatrix--left .card-container-v3 .esri-text-container .esri-text__description {
    margin-bottom: 0px
}

.cards-container-v3.ccv3-relatedLinkMatrix--right .card-container-v3 .relatedLinkMatrix,.cards-container-v3.ccv3-relatedLinkMatrix--left .card-container-v3 .relatedLinkMatrix {
    width: 100%
}

.cards-container-v3.ccv3-relatedLinkMatrix--right .card-container-v3 .ctacontainer,.cards-container-v3.ccv3-relatedLinkMatrix--left .card-container-v3 .ctacontainer {
    display: none
}

@media(min-width: 1024px) {
    .cards-container-v3.ccv3-relatedLinkMatrix--right .card-container-v3 .esri-text-container,.cards-container-v3.ccv3-relatedLinkMatrix--left .card-container-v3 .esri-text-container {
        width:50%
    }

    .cards-container-v3.ccv3-relatedLinkMatrix--right .card-container-v3 .relatedLinkMatrix,.cards-container-v3.ccv3-relatedLinkMatrix--left .card-container-v3 .relatedLinkMatrix {
        width: 50%
    }
}

.cards-container-v3.ccv3-relatedLinkMatrix--left .card-container-v3 {
    flex-direction: row-reverse
}

.cards-container-v3.ccv3-relatedLinkMatrix--left .card-container-v3 .esri-text-container {
    padding-inline-start:60px}

.cards-container-v3.ccv3-relatedLinkMatrix--superbold .esri-text__title.stylesystem {
    font-weight: var(--calcite-font-weight-bold);
    font-size: var(--font-2)
}

.cards-container-v3.ccv3-relatedLinkMatrix--superbold .esri-text__description.stylesystem {
    font-weight: var(--calcite-font-weight-bold);
    font-size: var(--font-7)
}

.media-gallery {
    --gridWidth: 100vw;
    --gridGap: var(--space-4)
}

.media-gallery>.esri-text-container,.media-gallery .ctacontainer {
    margin-inline-start:auto;margin-inline-end:auto;width: calc(var(--gridWidth) - var(--gridGap)*4)
}

@media screen and (min-width: 1152px) {
    .media-gallery>.esri-text-container,.media-gallery .ctacontainer {
        width:90%
    }
}

.mg__grid {
    display: grid;
    grid-gap: var(--gridGap);
    width: calc(var(--gridWidth) - var(--gridGap)*4);
    margin: 0 auto
}

@media screen and (min-width: 768px) {
    .mg__grid {
        grid-template-columns:repeat(2, 1fr);
        grid-template-rows: repeat(6, auto)
    }
}

@media screen and (min-width: 1152px) {
    .mg__grid {
        width:90%;
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(4, auto)
    }

    .mg__grid .mg__grid--c1x1 {
        grid-column: 1/2
    }

    .mg__grid .mg__grid--c1x2 {
        grid-column: 1/3
    }

    .mg__grid .mg__grid--c1x3 {
        grid-column: 1/-1
    }

    .mg__grid .mg__grid--c2x1 {
        grid-column: 2/3
    }

    .mg__grid .mg__grid--c2x2,.mg__grid .mg__grid--c2x3 {
        grid-column: 2/-1
    }

    .mg__grid .mg__grid--c3x1,.mg__grid .mg__grid--c3x2,.mg__grid .mg__grid--c3x3 {
        grid-column: -2/-1
    }

    .mg__grid .mg__grid--r1x1 {
        grid-row: 1/2
    }

    .mg__grid .mg__grid--r1x2 {
        grid-row: 1/3
    }

    .mg__grid .mg__grid--r1x3 {
        grid-row: 1/4
    }

    .mg__grid .mg__grid--r1x4 {
        grid-row: 1/-1
    }

    .mg__grid .mg__grid--r2x1 {
        grid-row: 2/3
    }

    .mg__grid .mg__grid--r2x2 {
        grid-row: 2/4
    }

    .mg__grid .mg__grid--r2x3,.mg__grid .mg__grid--r2x4 {
        grid-row: 2/-1
    }

    .mg__grid .mg__grid--r3x1 {
        grid-row: 3/4
    }

    .mg__grid .mg__grid--r3x2,.mg__grid .mg__grid--r3x3,.mg__grid .mg__grid--r3x4 {
        grid-row: 3/-1
    }

    .mg__grid .mg__grid--r4x1,.mg__grid .mg__grid--r4x2,.mg__grid .mg__grid--r4x3,.mg__grid .mg__grid--r4x4 {
        grid-row: 4/-1
    }
}

.card-container-v3 .linklist {
    width: 100%;
    padding: 0 var(--space-3);
    margin-bottom: var(--space-8)
}

.card-container-v3 .linklist:last-child {
    padding: 0 0 0 var(--space-3)
}

@media(min-width: 48em) {
    .card-container-v3 .linklist {
        width:50%
    }
}

@media(min-width: 72em) {
    .card-container-v3 .linklist {
        width:25%
    }
}

.cards-container-v3.ccv3-cardsSimpleBlockSeries .grid-container .block:first-child {
    width: 100%
}

@media(min-width: 1440px) {
    .cards-container-v3.ccv3-cardsSimpleBlockSeries .grid-container .block:first-child {
        width:75%
    }
}

.cards-container-v3.ccv3-cardsSimpleBlockSeries .grid-container .block:first-child .card-content {
    flex-direction: column;
    padding: 0;
    border-left: none
}

@media(min-width: 768px) {
    .cards-container-v3.ccv3-cardsSimpleBlockSeries .grid-container .block:first-child .card-content {
        flex-direction:row
    }
}

.cards-container-v3.ccv3-cardsSimpleBlockSeries .grid-container .block:first-child .card-content:hover {
    border-left: none
}

.cards-container-v3.ccv3-cardsSimpleBlockSeries .grid-container .block:first-child .card-content .icon-container {
    width: 100%;
    position: relative
}

@media(min-width: 768px) {
    .cards-container-v3.ccv3-cardsSimpleBlockSeries .grid-container .block:first-child .card-content .icon-container {
        width:43%
    }
}

.cards-container-v3.ccv3-cardsSimpleBlockSeries .grid-container .block:first-child .card-content .icon-container img {
    position: relative;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%
}

@media(min-width: 768px) {
    .cards-container-v3.ccv3-cardsSimpleBlockSeries .grid-container .block:first-child .card-content .icon-container img {
        position:absolute
    }
}

.cards-container-v3.ccv3-cardsSimpleBlockSeries .grid-container .block:first-child .card-content .text-container {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    padding: 50px
}

@media(min-width: 768px) {
    .cards-container-v3.ccv3-cardsSimpleBlockSeries .grid-container .block:first-child .card-content .text-container {
        width:57%
    }
}

.cards-container-v3.ccv3-cardsSimpleBlockSeries .grid-container .block:first-child .card-content .text-container .card-title {
    font-size: var(--font-2);
    font-weight: 700;
    margin-bottom: 1.5rem
}

.cards-container-v3.ccv3-cardsSimpleBlockSeries .grid-container .block:first-child .card-content .text-container .card-text {
    font-size: var(--font-0);
    font-weight: 300;
    margin-bottom: 0
}

.marginbottom50px {
    margin-bottom: var(--space-12)
}

.grid-container.hero-0,.grid-container.hero-1,.grid-container.hero-2 {
    width: 100%
}

.paginate-container[data-paginate=false] {
    display: none
}

.card-container-v3 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%
}

.card-container-v3 .esri-text-container {
    width: 100%;
    padding: 0 var(--space-5) 0 var(--space-2);
    max-width: 100ch
}

.card-container-v3 .esri-text-container.container-v3 .esri-text__description {
    width: 80%
}

.card-container-v3 .block[is-hidden=true],.card-container-v3 .block[aria-hidden=true] {
    visibility: hidden
}

.card-container-v3 .block[is-empty=true] {
    display: none
}

.card-container-v3 .block[is-hidden=false],.card-container-v3 .block[aria-hidden=false] {
    position: relative
}

.card-container-v3--hidden {
    display: none
}

.card-container-v3--paginate {
    display: block
}

.card-container-v3 .ctacontainer {
    width: 100%;
    display: flex;
    justify-content: center
}

.card-container-v3--leftAligned {
    justify-content: flex-start
}

.card-container-v3--leftAligned .esri-text-container hr {
    text-align: left
}

.card-container-v3--centered {
    justify-content: center
}

.card-container-v3--centered .esri-text-container.container-v3 .esri-text__title {
    text-align: center
}

.card-container-v3--centered .esri-text-container.container-v3 hr {
    margin: var(--space-4) auto var(--space-5)
}

.card-container-v3--centered .esri-text-container.container-v3 .esri-text__description {
    margin: 0 auto;
    margin-bottom: var(--space-12);
    text-align: center
}

.card-container-v3_i18n {
    visibility: hidden;
    display: none
}

.card-container-v3 .paginate-container .btn-paginate {
    font-size: 1rem;
    line-height: 1.5;
    color: var(--calcite-ui-text-2);
    padding: .375rem var(--space-4)
}

.card-container-v3 .paginate-container .btn-paginate:hover,.card-container-v3 .paginate-container .btn-paginate:active {
    color: --calcite-ui-text-inverse;
    text-decoration: none;
    border-bottom: 2px solid var(--calcite-ui-border-input);
    position: relative;
    bottom: -1px
}

.card-container-v3 .paginate-container .btn-paginate[data-is-selected] {
    width: auto;
    color: var(--calcite-ui-text-1);
    border-radius: 0;
    text-decoration: none;
    background-color: var(--calcite-ui-foreground-1);
    border-bottom: 2px solid var(--calcite-ui-brand);
    position: relative;
    bottom: -1px
}

.card-container-v3 .paginate-container .btn-paginate.is-hidden,.card-container-v3 .paginate-container .btn-paginate[aria-hidden=true] {
    display: none
}

.card-container-v3 .paginate-container[data-paginate=false] {
    display: none
}

.card-container-v3 .paginate-container[data-paginate=true],.card-container-v3 .paginate-container[data-paginate=see-more],.card-container-v3 .paginate-container[data-paginate=full-paginate] {
    width: auto;
    display: flex;
    margin-top: var(--space-5);
    justify-content: center;
    background: none;
    border: none;
    align-items: center;
    font-size: var(--font-1)
}

.card-container-v3 .paginate-container[data-paginate=see-more] {
    color: var(--calcite-ui-text-1)
}

.card-container-v3 .paginate-container[data-paginate=see-more]:focus-visible {
    outline: auto
}

.card-container-v3 .paginate-container[data-paginate=see-more]:hover,.card-container-v3 .paginate-container[data-paginate=see-more]:focus {
    cursor: pointer;
    color: var(--calcite-ui-brand);
    text-decoration: none
}

.card-container-v3 .paginate-container .arrow {
    content: "";
    bottom: 5px;
    width: 10px;
    height: 10px;
    margin: 0 var(--space-2);
    position: relative;
    color: var(--calcite-ui-text-2)
}

.card-container-v3 .paginate-container .arrow.icon-ui-left {
    right: 10px
}

.card-container-v3.darktheme .paginate-container[data-paginate=see-more]:after,.card-container-v3.dark-mode .paginate-container[data-paginate=see-more]:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgICA8cGF0aCBmaWxsPSIjYmZiZmJmIiBkPSJNNSA5LjI5M2w3IDcgNy03djEuNDE0bC03IDctNy03eiIvPgo8L3N2Zz4=)
}

.card-container-v3.darktheme .paginate-container[data-paginate=see-more]:hover,.card-container-v3.darktheme .paginate-container[data-paginate=see-more]:focus,.card-container-v3.dark-mode .paginate-container[data-paginate=see-more]:hover,.card-container-v3.dark-mode .paginate-container[data-paginate=see-more]:focus {
    color: var(--calcite-ui-brand)
}

.card-container-v3.darktheme .paginate-container[data-paginate=see-more]:hover:after,.card-container-v3.darktheme .paginate-container[data-paginate=see-more]:focus:after,.card-container-v3.dark-mode .paginate-container[data-paginate=see-more]:hover:after,.card-container-v3.dark-mode .paginate-container[data-paginate=see-more]:focus:after {
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9IiMwMEEwRkYiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZD0iTTUgOS4yOTNsNyA3IDctN3YxLjQxNGwtNyA3LTctN3oiLz48L3N2Zz4=)
}

.card-container-v3 .block {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    display: flex
}

.card-container-v3 .block>div,.card-container-v3 .block>article {
    margin: 8px
}

.card-container-v3>.experiencefragment {
    width: 100%;
    margin-bottom: 25px
}

.card-container-v3>.experiencefragment .xf-content-height {
    height: 100%
}

.card-container-v3>.experiencefragment .xf-content-height>div {
    height: 100%
}

.card-container-v3>.experiencefragment .xf-content-height>div .block {
    width: 100%;
    height: 100%;
    margin-top: 0px
}

@media(min-width: 768px) {
    .card-container-v3 .block,.card-container-v3>.experiencefragment {
        width:50%
    }
}

@media(min-width: 1024px) {
    .card-container-v3.cardsPerRow-1 .block,.card-container-v3.cardsPerRow-1>.experiencefragment {
        width:100%
    }
}

@media(min-width: 1024px) {
    .card-container-v3.cardsPerRow-3 .block,.card-container-v3.cardsPerRow-3>.experiencefragment {
        width:33.3334%
    }
}

@media(min-width: 1024px) {
    .card-container-v3.cardsPerRow-4 .block,.card-container-v3.cardsPerRow-4>.experiencefragment {
        width:33.3334%
    }

    .card-container-v3.cardsPerRow-4.hero-1 .esri-text-container+.block {
        width: 50%
    }

    .card-container-v3.cardsPerRow-4.hero-1 .block:nth-child(1) {
        width: 50%
    }

    .card-container-v3.cardsPerRow-4.hero-2 .esri-text-container+.block+.block {
        width: 50%
    }

    .card-container-v3.cardsPerRow-4.hero-2 .block:nth-child(1),.card-container-v3.cardsPerRow-4.hero-2 .block:nth-child(2) {
        width: 50%
    }
}

@media(min-width: 1440px) {
    .card-container-v3.cardsPerRow-4 .block,.card-container-v3.cardsPerRow-4>.experiencefragment {
        width:25%
    }
}

@media(min-width: 1024px) {
    .card-container-v3.cardsPerRow-5 .block,.card-container-v3.cardsPerRow-5>.experiencefragment {
        width:33.3334%
    }
}

@media(min-width: 1440px) {
    .card-container-v3.cardsPerRow-5 .block,.card-container-v3.cardsPerRow-5>.experiencefragment {
        width:20%
    }
}

@media(min-width: 1024px) {
    .card-container-v3.cardsPerRow-6 .block,.card-container-v3.cardsPerRow-6>.experiencefragment {
        width:33.3334%
    }
}

@media(min-width: 1440px) {
    .card-container-v3.cardsPerRow-6 .block,.card-container-v3.cardsPerRow-6>.experiencefragment {
        width:16.6667%
    }
}

.card-container-v3 .cards-list-container,.card-container-v3 .cards-standard-container,.card-container-v3 .text-link-stack-image,.card-container-v3 .cards-editorial.small-card {
    width: 100%
}

.card-container-v3 .cards-simple {
    width: 100%;
    display: flex
}


/**** Adjustments for AEM cards-container-v3 ****/
@media (min-width: 1024px) {
    .card-container-v3.cardsPerRow-3.lighttheme .block:only-child {
        width: fit-content;
        max-width: 33.33%;
    }
}