/*------------------------------------------------------------------------ Global Styles*/
#flexcontent {
    display: block;
    padding: 1px 0;
    margin: 0
}

/*default page header*/
.headerbox {
    position: relative;
    display: block;
    margin: 0;
    padding:1.85rem 0 0;
}

    .headerbox > .innerframe {
        display:flex;
        position: relative;
        height: 100%;
        flex-direction:row-reverse;
        justify-content:space-between;
        flex-wrap:nowrap;
        gap:0;
        width:100%;
        max-width:initial;
    }

    .headerbox .featimg {
        display: flex;
        width: 60%;
        height: 100%;
        aspect-ratio: initial;
        padding:0;
    }


.headerbox .featimg picture {
    position: relative;
    aspect-ratio: initial;
    padding: 0;
    margin: 0;
}

        .headerbox .featimg img {
            display:block;
            position: relative;
            inset: initial;
            margin: 0;
            width: 100%;        
            height: auto;
            border-radius: 4px;
            aspect-ratio: 5/3.44;
            object-fit:cover;
        }
        
    .headerbox .txtbox {
        display: block;
        width: 36%;
        padding:6.0rem 0 0 0;
        position: relative;
    }

        .headerbox .txtbox .rte {
            display: block;
            margin: 0 0 -2px;
        }
        .headerbox .txtbox .rte h4 {
            color: var(--brand-color1);
            
        }
            .headerbox .txtbox .rte h6 {
                color: var(--brand-color1);
            }



/*splitbox*/
.splitbox {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row;
}

.header-text {
    padding: 0;
    border-radius: 4px;
    width: 80%;
    margin: 1.85rem auto 4.85rem;
    position: relative;
    z-index: 10;
    color: #526274;
}

.splitbox > div,
.splitbox > label {
    width: 48%;
}

.header-text .txt2 {
    margin-top: 36px;
}

.splitbox .wrap {
    display: block;
    margin-bottom: 20px;
}


/*dd layout blocks*/

.ddBlockFrame {
    display: block;
    margin: 0;
    padding: 6rem 0 0;
    position: relative;
    
}
    .ddBlockFrame .innerframe{
        width:100%;
        max-width:100%;
    }
    .ddBlockFrame.nopad {
        padding: 0;
    }
    .wideband.rte {
        display: block;
        margin: 0 auto;
        max-width: 980px;
    }

.splitscreen {
    display: flex;
    position: relative;
    width: 100%;
    margin: 0;
    padding:0;
    gap:1.85rem;
}
    .splitscreen.image_left{
        flex-direction:row;
    }
    .splitscreen.image_right{
        flex-direction:row-reverse;
    }
    .splitscreen .imgbox {
        width: 50%;
        position: sticky;
        top: 180px;
        height: calc(100vh - 200px);
        padding: 0;
    }
        .splitscreen .imgbox picture{
            display:flex;
            width:100%;
            height:100%;
        }
        .splitscreen .imgbox img {
            display: block;
            margin: 0;
            object-fit: cover;
            width: 100%;
            height: 100%;
            border-radius: 4px;
        }

    .splitscreen .txtbox {
        width: 50%;
        min-height: 100vh;
        padding: 6rem 0 0;
    }

    /*getPageLink*/
.splitscreen.getPageLink{

}
    .splitscreen.getPageLink .txtbox{
        
    }
        .splitscreen.getPageLink .txtbox :last-child {
            margin-bottom: 0;
        }
    .splitscreen.getPageLink .txtbox .rte {
        display: block;
        margin: 0 0 80px;
    }


.pagelink {
    display: block;
    margin: 20px 0;
    padding: 1px;    
    background: var(--site-txtbox) url('/images/svg/next.svg') calc(100% - 0.85rem) calc(100% - 0.85rem) / 24px no-repeat;
    position: relative;
    border-radius: 4px;
}

    .pagelink.empty {
        background:transparent;
        cursor: default;
        pointer-events: none;
        border-bottom: 2px solid var(--site-border);
        border-radius:4px 4px 0 0;
    }
        
        .pagelink:hover {
            color: var(--dd-dark-grey);
            background-color: var(--site-txtbox2);
        }
    .splitscreen .pagelink {
        margin: 0 0 80px;
    }
.pagelink .infobox h4,
.pagelink .infobox h3 {
    color: var(--dd-black);
}

.pagelink .page-img {
    margin: 0;
    aspect-ratio: 1.6/1;
    object-fit: cover;
    border-radius: 4px 4px 0 0;
    overflow:hidden;
}

.fourCol .pagelink .page-img{
    aspect-ratio:2/1.6;
}



.pagelink .infobox {
    display: block;
    padding: 8%;
}
    .pagelink .infobox .title {
        
        margin:0;
    }
.getPageLink .pagelink.empty .infobox {
    display: flex;
    padding: 8%;
    flex-direction: column-reverse;
}
            .pagelink .infobox .summary {
                margin:20px 0 0;
                color: var(--dd-mid-grey);
            }
            .pagelink .infobox .page-title {
                margin: 0 0 10px;
                
            }
            .pagelink .infobox .caption {
                color: var(--brand-color1);
                font-size: 0.66rem;
                font-weight: 700;
                letter-spacing: 0.13rem;
                text-transform:uppercase;
                margin:0;
            }
    
            .pagelink:hover .infobox .caption {
                color: var(--dd-mid-grey);
            }

.category-list.sixCol {
    gap: 30px;
    margin:4rem auto 0;
}
    .category-list.sixCol .pagelink {
        position: relative;
        transition: var(--transition);
        
    }
        .category-list.sixCol .pagelink:hover {
            transform: translate(0,-0.55rem);
        }
    .category-list.sixCol .pagelink img {
        border-radius: 4px;
    }
        .category-list.sixCol .pagelink .infobox {
            position: absolute;
            inset: auto 0 0;
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            width: 100%;
            height: 60%;
            color: #fff;
            padding: 0.85rem 0.85rem 1.85rem;
            background: url('/images/svg/next.svg') calc(100% - 0.45rem) calc(100% - 0.45rem) / 22px no-repeat,linear-gradient(#0000,#0006);
            border-radius:0 0 4px 4px;
            
        }
           
            /*quote*/
            .wideband.quotebox {
                margin: 0 auto;
                align-items: center;
                max-width: 980px;
                position: relative;
            }


                    .wideband.quotebox blockquote {
                        padding: 0;
                        min-height: 300px;
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                    }
                        
                        .wideband.quotebox blockquote .txt {
                            display:block;
                            margin: 0 auto;
                            max-width: 80%;
                            text-align: center;
                        }
                    .wideband.quotebox .txt::before,
                    .wideband.quotebox .txt::after {
                        content: "";
                        display: block;
                        width: 2px;
                        height: 20px;
                        margin: 2.85rem auto;
                        background: var(--brand-color1);
                    }
                        .wideband.quotebox .txt::before{
                            margin-top:0;
                        }
                        .wideband.quotebox cite {
                            display: block;
                            margin: 0 auto;
                            font-style: normal;
                            font-weight: 600;
                            font-size: 0.86rem;
                            color: var(--dd-mid-grey);
                            text-transform: uppercase;
                            width: 80%;
                            text-align: center;
                        }



/*text columns*/
.ddCol {
    display: block;
    margin: 0 auto;
}
.oneCol {
    display: block;
    margin: 0 auto;
    max-width:880px;
}

.twoCol {
    display: grid;
    grid-template-columns: repeat(2,minmax(46%,50%));
    grid-gap: 5rem;
    
}

.threeCol {
    display: grid;
    grid-template-columns: repeat(3,minmax(30%,33%));
    grid-gap:4rem;
    
}

.fourCol {
    display: grid;
    grid-template-columns: repeat(4,minmax(16%,25%));
    grid-gap: 4rem;
    
}

.fiveCol {
    display: grid;
    grid-template-columns: repeat(5,minmax(14%,20%));
    grid-gap: 0.85rem;   
}

.sixCol {
    display: grid;
    grid-template-columns: repeat(6,minmax(12%,16%));
    grid-gap: 0.85rem;
    
}

.PageLinks{

}

.PageLinks .txtbox {
    display: block;
    padding: 0 36% 0 4%;
    margin: 0 0 60px;
}
    .PageLinks .txtbox {
        display:block;
        padding: 0 36% 0 4%;
        margin: 0 0 60px;        
    }
    .PageLinks:has(.fourCol) .txtbox {
        padding-right: 4%;
        grid-template-columns: repeat(2,1fr);
        display: grid;
        gap: 40px;
    }

    .PageLinks .pagelink img{
        height: auto;
    }
    .PageLinks:has(.threeCol) .pagelink img {
        aspect-ratio: 4/2.6;        
    }
    .PageLinks:has(.fourCol) .pagelink img {
        aspect-ratio:1/1;
    }
    .PageLinks .fourCol{
        gap:40px;
    }


.sixCol .pagelink img{
    aspect-ratio:3/4.8;
}
.sixCol .summary{
    display:none;
}

.ddCol.PagePicker .category-list {
    margin: 4rem auto 0;
    gap:1.85rem;
}
    .ddCol.PagePicker .category-list .pagelink{
        margin:0;
    }
    /*gallery blocks*/
    .gallerybox {
        margin: 0 auto 10px;
        position: relative;
        
    }
.imgbox {
    display: block;
    width: 100%;
    margin:0;
    position:relative;
}
.gallerybox.twoCol,
.gallerybox.threeCol,
.gallerybox.fourCol{
    gap:1.85rem;
    display:grid;
}
.gallerybox.innerframe {    
    margin:0 auto;    
}
    .gallerybox.innerframe + .gallerybox.innerframe{
        margin-top:1.85rem;
    }

.gallerybox .imgbox {
    display: block;
    width: 100%;
    margin: 0;
}
.gallerybox .imgbox img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 4px;
}
  .gallerybox img {
            aspect-ratio: 5/3.5;
        }  
  .gallerybox picture{
        aspect-ratio:initial;
    }
        .gallerybox picture img{
            position:relative;
        }
        
    
    .gallerybox.oneCol img {
        aspect-ratio: 5/2.4;
    }

    .gallerybox.threeCol img {
        aspect-ratio: 4/5;
    }

    .gallerybox.fourCol img {
        aspect-ratio: 1/1;
    }



/*video*/
.align-center {
    align-items: center
}

.videobox.card {
    display: block;
    margin: 0 auto;
    padding: 0;
    width:100%;
    z-index:0;
    position:relative;
    max-width:1080px;
    border-radius:4px;
    overflow:hidden;
}
.video-frame {
    position: relative;
    display: block;   
    
}

.v_iframe {
    position: relative;
    aspect-ratio: 16/9;
    z-index: 0;
    max-height: 100vh;
    max-width: 100%;
}

    .v_iframe video,
    .v_iframe iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;        
        overflow: hidden;
    }

    .v_iframe video {
        object-fit: cover
    }


.video-play .btn-line {
    border-color: var(--dd-light-grey);
}
.video-cover-image {
    position: absolute;
    inset: 0;
    z-index: 1;
    margin: 0;
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
    background: var(--site-txtbox);
    border-radius: 4px;
    transition:var(--transition);
}
.videobox.active .video-cover-image {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}
.video-play-trigger {
    position: absolute;
    inset: 20px auto auto 20px;
    z-index: 1000;
    background: #fc0;
    padding: 20px;
}

.videobox .v_iframe.vimeo {
    aspect-ratio:initial;
    max-height:initial;
}
.video-play {
    cursor: pointer;
    display: flex;
    gap: 20px;
    width: fit-content;
    margin:1.85rem 0 0;
}
.video-play .btn-line:hover {
    color: #AEB9C8;
    border-color: #AEB9C8;
}
/*wideband image text*/
.wideimage.innerframe,
.wideimage {
    display: flex;
    gap:0;
    align-items: center;
    justify-content:space-between;
}
    .videobox.wideimage{
        /*max-width:initial;*/
    }
    .wideimage.video_right,
    .wideimage.image_right {
        flex-direction: row-reverse;
    }

.wideimage .imgbox {
    display:flex;
    width: 60%;
    position: relative;
    aspect-ratio: 5/3.18;
    border-radius: 4px;
}
        .wideimage .imgbox iframe,
        .wideimage .imgbox img {
            position: absolute;
            inset: 0;
            display: block;
            object-fit: cover;
            width: 100%;
            height: 100%;
            border-radius: 4px;
            aspect-ratio:initial;
            overflow:hidden;
        }
            
            .wideimage .imgbox iframe {
                border-radius: 6px;
            }

            .wideimage .txtbox {
                width: 36%;
                padding: 0;
            }

.wideimage.video_center {
    display: flex;
    flex-direction: column;
    gap:1.85rem;
    justify-content: center;
    width: 100%;
    margin:0 auto 4rem;
}
    .wideimage.video_center .txtbox,
    .wideimage.video_center .imgbox {
        width: 100%;
        max-width:750px;
    }
/*tables*/
.ddBlockFrame table {
    border-collapse: collapse;
    font-family: inherit;
    font-size: 11px;
    width: 100%;
    margin: 25px 0;
    font-weight: 500;
    border: 1px solid var(--site-border);
    background: #fff;
    color: var(--dd-grey);
}

    .ddBlockFrame table th {
        border: none;
        border-bottom: 1px solid var(--site-border);
        padding: 8px 10px;
        color: var(--site-black);
        cursor: pointer;
        position: relative;
    }

    .ddBlockFrame table tr td {
        border: none;
        padding: 8px 10px;
        background: none;
        border-bottom: 1px solid var(--site-border);
    }
    /*.ddBlockFrame table tbody	{
	border-bottom:1px solid var(--site-border);
	}*/
.ddBlockFrame table tr.odd {
    background-color: #fff;
}

.ddBlockFrame table p {
    margin: 4px 0;
}

.ddBlockFrame table.Column {
    width: 48%;
    float: left;
}

    .ddBlockFrame table.Column:nth-of-type(even) {
        float: right;
    }

    .ddBlockFrame table.Column + *:not(.Column),
    .ddBlockFrame table.Column + p {
        clear: both;
    }


/*----------------------------------------------------------------------------------------------------------------------- Begin Responsive Queries*/
/* ----------------------------------------------------------------------- Min Withs Smallest to largest */
@media only screen and (min-width: 768px) {
}
@media only screen and (min-width: 1024px) {

}
@media only screen and (min-width: 1180px) {
    
}
@media only screen and (min-width: 1280px) {
    
}
@media only screen and (min-width: 1440px) {

}
@media only screen and (min-width: 1680px) {
    
    #Login .headerbox .innerframe {
        align-items:center;
    }

    .gallerybox.oneCol img {
        aspect-ratio: 5/2.34;
        max-height: 100vh;
        height: auto;
    }    

}
@media only screen and (min-width: 1920px) {
    
}
@media only screen and (min-width: 2080px) {
    
}
/* ----------------------------------------------------------------------- MAX Withs Largest to smallest */

@media only screen and (max-width: 1919px) {

}
@media only screen and (max-width: 1679px) {
                
    
}
@media only screen and (max-width: 1439px) {
        
    
}
@media only screen and (max-width: 1279px) { 
        
    
}
@media only screen and (max-width: 1179px) {
    .ddBlockFrame {
        padding: 4rem 0 0;
    }
    .splitscreen,
    .gallerybox.twoCol,
    .gallerybox.threeCol,
    .gallerybox.fourCol,
    .ddCol.PagePicker .category-list {
        grid-gap: 0.85rem;
    }

    .gallerybox.innerframe + .gallerybox.innerframe {
        margin-top: 0.85rem;
    }

    .splitscreen .imgbox {
        top: 140px;
        height: calc(100vh - 160px);
    }
    .ddCol.twoCol,
    .ddCol.threeCol {
        grid-template-columns: repeat(1,1fr);
        grid-gap: 4rem;
        width: 90%;
        max-width: 750px;
    }
    .ddCol.fourCol {
        grid-template-columns: repeat(2,minmax(46%,50%));
        grid-gap: 4rem;
    }
    .PageLinks .threeCol,
    .PageLinks .fourCol {
        gap: 1.85rem;
    }
    .PageLinks .txtbox {
        padding: 0 30px;
    }

    .PageLinks:has(.fourCol) .txtbox {
        padding-right: 30px;
        gap: 30px;
    }
    .PageLinks:has(.threeCol) .txtbox{
        padding-right:35%;
    }
    .pagelink .infobox {
        display: block;
        padding: 8% 8% 16%;
    }
    .headerbox > .innerframe,
    .wideimage.video_right,
    .wideimage.image_right,
    .wideimage {
        gap:0;
        flex-direction: column;
        align-items:center;
    }

    .headerbox .txtbox, 
    .wideimage .txtbox {
        padding:0;
        width: 90%;
        margin: 2.85rem auto 0;
        max-width: 750px;
    }
    .videobox .txtbox,
    .headerbox .featimg,
    .wideimage .imgbox {
        width: 86%;
    }
    
        .videobox .txtbox .txtframe {
            gap: 30px;
            flex-wrap: wrap;
        }
        .videobox .txtbox h2 {
            min-width:initial;
            width: 100%;
            
        }
    .wideband.rte {
        max-width: 750px;
    }
    
    
}
@media only screen and (max-width: 1023px) {
    .ddBlockFrame {
        padding: 3rem 0 0;
    }
    .headerbox{
        padding:0;
    }
        .videobox imgbox,
        .videobox .txtbox,
        .headerbox .featimg,
        .headerbox .txtbox,
        .wideimage .txtbox,
        .wideimage .imgbox {
            width: 100%;
            max-width: initial;
        }
                
    .videobox .txtbox .txtframe,
    .wideimage.image_right,
    .wideimage {
        gap: 0;
        flex-direction: column;
    }
    .splitscreen.getPageLink {
        flex-direction: column;
    }
        .splitscreen.getPageLink .txtbox,
        .splitscreen.getPageLink .imgbox{
            width:100%;
            position:initial;
        }
        .splitscreen.getPageLink .txtbox {
            display: grid;
            grid-gap: 1.85rem;
            grid-template-columns: repeat(2,minmax(46%,50%));
            min-height: initial;
            padding: 1.85rem 0 0;
        }

            .splitscreen.getPageLink .txtbox .section-intro {
                grid-column: span 2;
                margin: 0 0 2.85rem;
            }
                .splitscreen.getPageLink .imgbox {
                    height: auto;
                    width: 100%;
                    aspect-ratio: 5/3.18;
                    inset: initial;
                }
        .splitscreen.getPageLink .pagelink {
            margin: 0;
        }
        .splitscreen.getPageLink .txtbox .rte {
	        display: block;
	        margin: 0 0 2.85rem;
        }
    .ddCol.PagePicker .category-list .pagelink .page-img {
        aspect-ratio: 5/3.18;
    }
    .ddCol.PagePicker .category-list {
        grid-gap: 1.85rem;
        grid-template-columns: repeat(2,minmax(46%,50%));
        margin: 2.85rem 0 0;
    }
    
    .gallerybox.twoCol,
    .gallerybox.threeCol,
    .gallerybox.fourCol {
        grid-gap: 1.85rem;
        grid-template-columns: repeat(1, 1fr);
    }
    .gallerybox.innerframe + .gallerybox.innerframe {
        margin-top: 1.85rem;
    }
    .ddBlockFrame .gallerybox img {
        aspect-ratio: 5/3.18;
    }
    .ddCol.twoCol, .ddCol.threeCol {
        grid-gap: 1.85rem;
        width: 100%;
        max-width: initial;
    }

}
@media only screen and (max-width: 767px) {
    .splitscreen.getPageLink .txtbox,
    .ddCol.PagePicker .category-list {
        grid-gap: 0.85rem;
    }
    .ddCol.fourCol {
        grid-template-columns: repeat(1,1fr);
        grid-gap:1.85rem;
    }
    

}
@media only screen and (max-width: 599px) {

    .ddBlockFrame {
        /*padding: 2rem 0 0;*/
    }
    .headerbox .featimg img {
        aspect-ratio: 2/2.35;
    }
    .headerbox .txtbox, 
    .wideimage .txtbox {
        margin: 1.85rem auto 0;
    }
    .splitscreen.getPageLink .txtbox, 
    .ddCol.PagePicker .category-list {
        grid-gap: 0.85rem;
        grid-template-columns: repeat(1,1fr);
    }
        .splitscreen.getPageLink .txtbox .section-intro {
            grid-column: span 1;
            margin: 0 0 1.85rem;
        }
    .pagelink .infobox {
        padding: 1.85rem 0.85rem 2.85rem;
    }
    .gallerybox.twoCol, 
    .gallerybox.threeCol, 
    .gallerybox.fourCol {
        grid-gap: 0.85rem;
    }
    .gallerybox.innerframe + .gallerybox.innerframe {
        margin-top: 0.85rem;
    }
    
}
/*iphone6 + regular android*/
@media only screen and (max-width: 479px) { 

}
/*Iphone 4&5*/
@media only screen and (max-width: 359px) { 

}

/* Size and Orientation */
@media only screen and (max-width: 479px) and (orientation: portrait){ 

}
/* Landscape Orientation */
@media screen and (orientation: landscape) {

}

/* Portrait Orientation */
@media screen and (orientation: portrait) {

}

/*--------------------------------------------------------------------- End Responsive Queries*/