/* /RJ/Advisor Sites/Global/Global CSS/Model 1/base */
/*@import url('https://cm.raymondjames.com/-/media/rj/affiliate-sites/raymond-james-investment-management/rjim-base/rjim-base.css');*/
/* @import url('https://fonts.googleapis.com/css2?family=Source+Code+Pro:ital,wght@0,300;0,400;0,500;0,600;0,800;1,300;1,400;1,500;1,600;1,800&display=swap'); */



@import url('https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital@0;1&display=swap');

@import url('https://www.raymondjames.com/-/media/34d01108a19a419eb2f4ff71406a8082.ashx');


@import url('https://www.raymondjames.com/-/media/rj/affiliate-sites/css/rj-etf/components/loading.css');
@import url('https://www.raymondjames.com/-/media/rj/affiliate-sites/css/rj-etf/components/billboards.css');
@import url('https://www.raymondjames.com/-/media/rj/affiliate-sites/css/rj-etf/components/contactcta.css');
@import url('https://www.raymondjames.com/-/media/rj/affiliate-sites/css/rj-etf/components/richtext.css');
@import url('https://www.raymondjames.com/-/media/rj/affiliate-sites/css/rj-etf/components/contentsliders.css');
@import url('https://www.raymondjames.com/-/media/rj/affiliate-sites/css/rj-etf/components/mediacarousels.css');
@import url('https://www.raymondjames.com/-/media/rj/affiliate-sites/css/rj-etf/components/callouts.css');
@import url('https://www.raymondjames.com/-/media/rj/affiliate-sites/css/rj-etf/components/accordions.css');
@import url('https://www.raymondjames.com/-/media/rj/affiliate-sites/css/rj-etf/components/blog.css');
@import url('https://www.raymondjames.com/-/media/rj/affiliate-sites/css/rj-etf/components/bio.css');
@import url('https://www.raymondjames.com/-/media/rj/affiliate-sites/css/rj-etf/components/podcast.css');
@import url('https://www.raymondjames.com/-/media/rj/affiliate-sites/css/rj-etf/components/funds.css'); 
/* @import url('masonry-grid.css');  */

:root {
    --light: #f5f7f9;
    --light-color-1: #f5f7f9;
    --medium: #3D7CA9;
    --medium-color-1:#3D7CA9;
    --dark: #0A2E4D;
    --dark-color-1: #001524;
    --gray-light: #f5f7f9;
    --gray-medium: #C7CCD2;
    --gray-dark: #54606c;
    --black: #000000;
    --white: #ffffff;
    --rgb-color-1: 0,0,0;
    --rgb-color-2: 0,41,73;
    --rgb-color-3: 169,169,169;
    --rgb-color-4: 255,255,255;
    --rgb-opacity-1: 1;
    --rgb-opacity-2: 0.75;
    --rgb-opacity-3: 0.5;
    --rgb-opacity-4: 0.25;
    /* --font-1: 'Lato', sans-serif; */
    --font-1: 'Source Sans 3', sans-serif;
    --font-2: 'Source Sans 3', sans-serif;
    /* --font-2: "Playfair Display", serif; */
    --font-3: 'Source Sans 3', sans-serif;

}


/*
==============================================
Universal Padding & Styles
==============================================
*/

html {
    font-size: 62.5%;
}

body {
    color: var(--gray-dark);
    font-family: var(--font-1);
    background: var(--gray-light);
}
.main-content {
    background: var(--white);
}
.section-white {
    background: var(--white);
}
.section-light {
    background: var(--light);
}
.section-dark {
    background: var(--dark);
}
.content-margin {
    margin: 50px 25px 50px 25px;
}


/* TEXT ALIGNMENT */
.text-center {
text-align: center !important;
}

.text-left {
text-align: left !important;
}

.text-right {
text-align: right !important;
}

/* UNIVERSAL PADDING */
.un-padding-block-25 {padding-block: 25px !important;}
.un-padding-inline-25 {padding-inline: 25px !important;}
.un-padding-25 {padding: 25px !important;}
.un-padding-top-25 {padding-top: 25px !important;}
.un-padding-bottom-25 {padding-bottom: 25px !important;}
.un-padding-left-25 {padding-left: 25px !important;}
.un-padding-right-25 {padding-right: 25px !important;}

.un-padding-block-50 {padding-block: 50px !important;}
.un-padding-inline-50 {padding-inline: 50px !important;}
.un-padding-50 {padding: 50px !important;}
.un-padding-top-50 {padding-top: 50px !important;}
.un-padding-bottom-50 {padding-bottom: 50px !important;}
.un-padding-left-50 {padding-left: 50px !important;}
.un-padding-right-50 {padding-right: 50px !important;}

.un-padding-block-75 {padding-block: 75px !important;}
.un-padding-inline-75 {padding-inline: 75px !important;}
.un-padding-75 {padding: 75px !important;}
.un-padding-top-75 {padding-top: 75px !important;}
.un-padding-bottom-75 {padding-bottom: 75px !important;}
.un-padding-left-75 {padding-left: 75px !important;}
.un-padding-right-75 {padding-right: 75px !important;}

.un-padding-block-100 {padding-block: 100px !important;}
.un-padding-inline-100 {padding-inline: 100px !important;}
.un-padding-100 {padding: 100px !important;}
.un-padding-top-100 {padding-top: 100px !important;}
.un-padding-bottom-100 {padding-bottom: 100px !important;}
.un-padding-left-100 {padding-left: 100px !important;}
.un-padding-right-100 {padding-right: 100px !important;}

.un-margin-block-25 {margin-block: 25px !important;}
.un-margin-inline-25 {margin-inline: 25px !important;}
.un-margin-25 {margin: 25px !important;}
.un-margin-top-25 {margin-top: 25px !important;}
.un-margin-bottom-25 {margin-bottom: 25px !important;}
.un-margin-left-25 {margin-left: 25px !important;}
.un-margin-right-25 {margin-right: 25px !important;}

.un-margin-block-50 {margin-block: 50px !important;}
.un-margin-inline-50 {margin-inline: 50px !important;}
.un-margin-50 {margin: 50px !important;}
.un-margin-top-50 {margin-top: 50px !important;}
.un-margin-bottom-50 {margin-bottom: 50px !important;}
.un-margin-left-50 {margin-left: 50px !important;}
.un-margin-right-50 {margin-right: 50px !important;}

.un-margin-block-75 {margin-block: 75px !important;}
.un-margin-inline-75 {margin-inline: 75px !important;}
.un-margin-75 {margin: 75px !important;}
.un-margin-top-75 {margin-top: 75px !important;}
.un-margin-bottom-75 {margin-bottom: 75px !important;}
.un-margin-left-75 {margin-left: 75px !important;}
.un-margin-right-75 {margin-right: 75px !important;}



/* Medium devices (tablet portrait, 768px and less) tablet-p */
@media screen and (max-width: 767px) {
.content-margin {
margin: 25px 0;
}
}

/* Medium devices (tablet portrait, 768px and less) tablet-p */
@media screen and (max-width: 767px) {
    .un-padding-block-50 {padding-block: 50px !important;}
    .un-padding-inline-50 {padding-inline: 25px !important;}
    .un-padding-50 {padding: 50px 25px !important;}
    .un-padding-top-50 {padding-top: 50px !important;}
    .un-padding-bottom-50 {padding-bottom: 50px !important;}
    .un-padding-left-50 {padding-left: 25px !important;}
    .un-padding-right-50 {padding-right: 25px !important;}

    .un-padding-block-75 {padding-block: 50px !important;}
    .un-padding-inline-75 {padding-inline: 50px !important;}
    .un-padding-75 {padding: 50px !important;}
    .un-padding-top-75 {padding-top: 50px !important;}
    .un-padding-bottom-75 {padding-bottom: 50px !important;}
    .un-padding-left-75 {padding-left: 50px !important;}
    .un-padding-right-75 {padding-right: 50px !important;}

    .un-padding-block-100 {padding-block: 50px !important;}
    .un-padding-inline-100 {padding-inline: 50px !important;}
    .un-padding-100 {padding: 50px !important;}
    .un-padding-top-100 {padding-top: 75px !important;}
    .un-padding-bottom-100 {padding-bottom: 75px !important;}
    .un-padding-left-100 {padding-left: 50px !important;}
    .un-padding-right-100 {padding-right: 50px !important;}
    
    .un-margin-block-50 {margin-block: 50px !important;}
    .un-margin-inline-50 {margin-inline: 25px !important;}
    .un-margin-50 {margin: 50px 25px !important;}
    .un-margin-top-50 {margin-top: 50px !important;}
    .un-margin-bottom-50 {margin-bottom: 50px !important;}
    .un-margin-left-50 {margin-left: 25px !important;}
    .un-margin-right-50 {margin-right: 25px !important;}

    .un-margin-block-75 {margin-block: 50px !important;}
    .un-margin-inline-75 {margin-inline: 50px !important;}
    .un-margin-75 {margin: 50px !important;}
    .un-margin-top-75 {margin-top: 50px !important;}
    .un-margin-bottom-75 {margin-bottom: 50px !important;}
    .un-margin-left-75 {margin-left: 50px !important;}
    .un-margin-right-75 {margin-right: 50px !important;}

    .un-margin-block-100 {margin-block: 50px !important;}
    .un-margin-inline-100 {margin-inline: 50px !important;}
    .un-margin-100 {margin: 50px !important;}
    .un-margin-top-100 {margin-top: 75px !important;}
    .un-margin-bottom-100 {margin-bottom: 75px !important;}
    .un-margin-left-100 {margin-left: 50px !important;}
    .un-margin-right-100 {margin-right: 50px !important;}
}





/*
==============================================
Remove Sections
==============================================
*/

.interior.no-billboard .billboard-section {
    display: none;
}

.interior.no-cta .contact-cta-section {
    display: none;
}

/*
==============================================
Buttons
==============================================
*/

/* Buttons */
.button,
.directions-search .submit-search,
.contact-form .form-inline .captcha .btn-contact,
.masonry-load-more, .masonry-tertiary-load-more,
.investor-access-login-button, .blog-landing-copy-cta,
.simple-form input[type="submit"],
.blog-landing-load-more,
.cs-base .content-slider-cta,
.content-slider-wrapper .content-slider-cta {
display: inline-block;
font-size: 1.8rem;
line-height: 1.8rem;
font-weight: 600;
text-align: center;
background: transparent !important;
color: var(--dark) !important;
padding: 10px 30px;
font-family: var(--font-1) !important;
height: auto !important;
line-height: initial;
margin: 20px 0px;
border-radius: 4px;
border: 1px solid;
border-color: var(--dark);
text-transform: none ;
text-decoration: none !important;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* Buttons Hover */
.button:hover,
.blog-landing-copy-cta:hover,
.investor-access-login-button:hover,
.masonry-load-more:hover,
.masonry-tertiary-load-more:hover,
.masonry-load-more:hover,
.masonry-tertiary-load-more:hover,
.contact-form .form-inline .captcha .btn-contact:hover,
.simple-form input[type="submit"]:hover,
.directions-search .submit-search:hover,
.blog-landing-load-more:hover,
.cs-base .slick-slide:hover .content-slider-cta,
.content-slider-wrapper .content-slider-cta:hover {
background: var(--dark) !important;
color: var(--white) !important;
border: 1px solid;
border-color: var(--dark);
letter-spacing:0; 
cursor: pointer;
}
a, .resource-detail-copy-wrapper a, .blog-detail-copy-wrapper a, .blog-detail-tag-cloud-wrapper .blog-detail-tag-cloud-links a, .resource-section .resource-detail-tag-cloud-wrapper .resource-detail-tag-cloud-links a, .related-resources-content .mc-cta {
color: var(--medium);
}
a:hover, .resource-detail-copy-wrapper a:hover, .blog-detail-copy-wrapper a:hover, .blog-detail-tag-cloud-wrapper .blog-detail-tag-cloud-links a:hover, .resource-section .resource-detail-tag-cloud-wrapper .resource-detail-tag-cloud-links a:hover, .mc-container a:hover .mc-cta {
color: var(--gray-dark);
}
a:focus {
    outline: none;
    text-decoration: none;
}

.section-dark .button,
.section-dark .directions-search .submit-search,
.section-dark .contact-form .form-inline .captcha .btn-contact,
.section-dark .masonry-load-more, .masonry-tertiary-load-more,
.section-dark .blog-landing-copy-cta,
.section-dark .simple-form input[type="submit"],
.section-dark .blog-landing-load-more,
.section-dark .cs-base .content-slider-cta {
color: var(--white) !important;
border-color: var(--white);
}
/* Buttons Hover */
.section-dark .button:hover,
.section-dark .blog-landing-copy-cta:hover,
.section-dark .masonry-load-more:hover,
.section-dark .masonry-tertiary-load-more:hover,
.section-dark .masonry-load-more:hover,
.section-dark .masonry-tertiary-load-more:hover,
.section-dark .contact-form .form-inline .captcha .btn-contact:hover,
.section-dark .simple-form input[type="submit"]:hover,
.section-dark .directions-search .submit-search:hover,
.section-dark .blog-landing-load-more:hover,
.section-dark .cs-base .slick-slide:hover .content-slider-cta {
background: var(--white) !important;
color: var(--dark) !important;
}

/*
==============================================
BILLBOARD SECTION
==============================================
*/
.bb-home.hasVideo {
    height: 600px;
    overflow: hidden;
  }
.bb-home .billboard-background-video {
    height: 600px;
    overflow: hidden;
  }
.bb-home.hasVideo .billboard-background-video-wrapper:after {
    position: absolute;
    content: " ";
    top: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    z-index: 0;
    background-color: rgba(var(--rgb-color-2),var(--rgb-opacity-2)) !important;
    animation-duration: 4s;
    animation-name: fadeIn;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-delay: .15s;
}
.bb-home .billboard-background-video-wrapper .billboard-heading-wrapper {
    max-width: 100%;
    margin: 0;
    padding: 50px 25px;
    border-left: 2px solid var(--medium);
    transition: 300ms all ease-in-out;
}

/* .bb-home .billboard-background-video-wrapper .billboard-heading-wrapper {
    opacity: 0;
}; */



.billboard-heading {
    text-align: left;
}
.bb-home .billboard-heading h1, .billboard-heading h1 {
    color: var(--white);
    font-family: var(--font-1);
    font-size: 5.2rem;
    line-height: 6rem;
    font-weight: 600;
    text-align: left;
    margin-bottom: 0;
}

.bb-home .billboard-background-video-wrapper .billboard-heading p {
    font-weight: 400;
    font-size: 24px;
    line-height: 36px;
    color: var(--white);
    margin-bottom: 15px;
    padding: 10px 0;
}
.bb-home .billboard-content-wrapper .billboard-heading-wrapper .billboard-heading .button, 
.bb-home .billboard-heading-wrapper .billboard-heading .button {
    font-size: 18px !important;
    line-height: 24px;
    color: var(--white) !important;
    border-color: var(--white);
    display: inline-block;
}
.bb-home .billboard-content-wrapper .billboard-heading-wrapper .billboard-heading .button:hover, 
.bb-home .billboard-heading-wrapper .billboard-heading .button:hover {
    background: var(--white) !important;
    color: var(--dark) !important;
}

/* Large devices (tablet landscape, 1024px and less) tablet-l */
@media only screen and (max-width: 1024px) {
.bb-home .billboard-heading h1, .billboard-heading h1 {
    font-size: 4.8rem;
    line-height: 5.6rem;
}    
}

/* Medium devices (tablet portrait, 810px and less) tablet-p */
@media only screen and (max-width: 810px) {

    .bb-home .billboard-mobile-holder {
        height: 230px;
        background-size: cover;
        background-position-x: right;
    }

    .bb-home .billboard-background-video-wrapper .container {
        width: 100%;
    }
    .bb-home.hasVideo {
        background: none !important;
        max-height: inherit !important;
        height: inherit;
    }
    .bb-home .billboard-background-video {
        display: none;
    }
    .bb-home .billboard-background-video-overlay {
        position: relative;
        left: 0;
        top: 0;
        -webkit-transform: none;
        transform: none;
        width: 100%;
        background: var(--dark);
        z-index: 1;
        padding: 0;
    }

    .bb-home .billboard-background-video-wrapper .billboard-heading-wrapper {
        border-left: 8px solid var(--medium);
        padding: 50px 25px 50px 50px;
    }
    .bb-home .billboard-heading h1, .billboard-heading h1 {
        font-size: 4.8rem;
        line-height: 5.4rem;
    }
    .bb-home .billboard-background-video-wrapper .billboard-heading p {
        font-size: 24px;
        line-height: 36px;
    }
}




/* Extra small devices (most portrait phones, 480px and less) mobile-p */
@media only screen and (max-width: 480px) {
    .bb-home .billboard-heading h1 {
        font-size: 3rem;
        line-height: 3.6rem;
    }

    .bb-home .billboard-background-video-wrapper .billboard-heading p {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }
}

/*
==============================================
Video Player Container
==============================================
*/
.video-container {
    margin: 15px;
}
.video-tile {
    padding: 25px;
}


/*
==============================================
CONTACT HEADER
==============================================
*/
.header-contact-wrap .ftr-nap-phone,
.header-contact-wrap .ftr-cta, 
.header-contact-wrap .social-container .fa, 
.header-contact-wrap .ftr-nap a {
    font-size: 1.4rem;
    line-height: 3.8rem;
    font-weight: 400;
}
.header-contact-wrap {
    text-align: right;
}
.header-contact-wrap .ftr-cta {
    display: inline;
    line-height: 3.8rem;
}
.header-contact-wrap .ftr-cta-wrapper {
    display: inline;    
}
.header-contact-wrap .social-container {
    display: inline;
}
.header-contact-wrap .ftr-nap .ftr-nap-phone:before {
    display: none;
}
.header-contact-wrap .ftr-nap-wrapper {
    display: inline;
}
.nav-overall-wrapper {
    top: 0;
}
.header-contact .ftr-nap .ftr-nap-phone:after {
    content: "//";
    position: relative;
    margin-left: 8px;
    margin-right: 3px;
}
.header-contact {
    background: var(--gray-light);
    border: none;
    position: relative !important;    
}
.header-contact-wrap .ftr-cta {
    color: var(--dark);
}
.header-contact-wrap .ftr-cta:hover {
    color: var(--light);     
}
.header-contact-wrap .social-container .fa {
    color: var(--dark);
    margin: 10px 5px;
    padding: 0 7px;
    line-height: 28px;
    border: 1px solid transparent;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;      
}
.header-contact-wrap .social-container a:hover .fa {
    color: var(--dark); 
    border: 1px solid var(--dark);
}
.header-contact-wrap .ftr-nap-phone {
    display: inline;
    padding: 5px 0 5px 0px;       
    color: var(--dark);  
}
.header-contact-wrap .ftr-nap {
    display: inline;
    color: var(--dark);
}
.header-contact-wrap .ftr-nap a {
    color: var(--dark);   
}
.header-contact-wrap .ftr-nap a:hover {
    color: var(--light);     
}

/* Medium devices (tablet portrait, 810px and less) tablet-p */
@media only screen and (max-width: 810px) {
    .header-contact {
        display: none;
    }
}


/*
==============================================
CONTENT SLIDER SECTION
==============================================
*/

.content-slider-content {
    padding: 50px 30px 0px
}

.callout-section {
    padding-block: 75px;
}

.content-slider-section .slider-content {
    padding-right: 25px;
    /* min-height: 600px; */
}

.cs-base.home-feature-slider .content-slider-content-wrapper,
.cs-base.home-feature-slider .content-slider-heading-wrapper .content-slider-heading,
.cs-base.home-feature-slider .content-slider-copy-wrapper,
.cs-base.home-feature-slider .content-slider-copy {
    text-align: left !important;
}

@media screen and (max-width: 767px) {
  .cs-base.home-feature-slider .content-slider-content-wrapper,
  .cs-base.home-feature-slider .content-slider-heading-wrapper .content-slider-heading,
  .cs-base.home-feature-slider .content-slider-copy-wrapper,
  .cs-base.home-feature-slider .content-slider-copy {
    text-align: center !important;
  }

  .etf-featured-content-slider.content-slider-wrapper .wrap-content-slider-content {
    align-items: center !important;
  }
}

.content-slider-section .image-container.home-featured-image {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 550px;
    min-height: 550px; 
}

.rjim-rt-sectionintro.rich-text-container {
    max-width: 900px;
    padding: 0 30px;
    text-align: center;
    margin: 40px auto;
}

.cs-base.home-feature-slide .content-slider-heading {
    padding-bottom: 15px;
}

.cs-base.home-feature-slider .content-slider-copy ul {
    padding-left: 0;
}

.cs-base.home-feature-slider .content-slider-copy ul li {
    display: block;
    margin-bottom: 15px;
    position: relative;
    font-size: 1.8rem;
    line-height: 3rem;
    padding-block: 15px;
    border-top: 1px solid var(--gray-medium);
    margin: 0px;
}

.content-slider-content.content-padding.container {
    width:90%;
    max-width: 1200px;
    
} 

.cs-base.home-feature-slider .content-slider-heading {
    font-weight: 500 !important;
    font-size: 2.4rem;
    line-height: 3rem;
}

.cs-base.home-feature-slider .content-slider-heading .ticker {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: var(--medium);
    letter-spacing: 1px;
}

.cs-base.home-feature-slider .content-slider-heading .ticker::before {
    content: "TICKER ";

}

.content-slider-section {
    padding-block: 50px;
    background: linear-gradient(to bottom, var(--gray-medium) 0%,var(--white) 75%);
}

.content-slider-section .content-slider-content {
    background: var(--white);
    position: relative;
    margin-top: -100px;
}
.cs-base.content-slider-wrapper .content-slider-title {
    text-align: center;
    color: var(--dark);
    font-size: 1.6rem;
    line-height: 26px;
    text-transform: uppercase;
    font-family: var(--font-2);
    letter-spacing: 8px;
    border-bottom: 1px solid var(--light);
    padding: 0 0 10px;
}
.cs-base.content-slider-wrapper .content-slider-heading {
    text-align: left;
    font-size: 3.6rem;
    line-height: 4rem;
    color: var(--dark);
    text-transform: none;
    font-weight: 300;
    padding-bottom: 30px;

}
.cs-base .content-slider-copy {
    color: var(--gray-dark) !important;
    font-size: 1.6rem;
    line-height: 2.4rem;
    /* line-height: 24px; */
    font-weight: 400;
}
.cs-base.content-slider-wrapper {
    overflow:visible;
}
.cs-base.content-slider-wrapper, .cs-base.content-slider-wrapper .content-slider-half-width-content-wrapper  {
    border-top: none;
    border-bottom: none;
    /* padding: 30px; */
}
.cs-base.content-slider-image-top .content-slider-content-wrapper {
    text-align: center;
    max-width: initial; 
}
.cs-base.content-slider-wrapper .wrap-content-slider-content {
    display: block;
}
.cs-base.content-slider-wrapper .image-left .wrap-content-slider-content {
    padding: 0 10px 0 35px;
}

.content-slider-wrapper .content-slider-half-width-content-wrapper {
    border: none;
}
.cs-base.content-slider-gallery, .cs-base.content-slider-gallery .content-slider-heading {
    text-align: center !important;
}
.cs-base.content-slider-wrapper.content-slider-half-width-wrapper .slick-dots {
    bottom: 0;
    position: relative;
    padding: 15px;
    width: 100%;
}
.cs-base.content-slider-wrapper .slick-prev {
    left: -50px;
}
.cs-base.content-slider-wrapper .slick-next {
    right: -50px;
}
.cs-base.content-slider-wrapper .slick-next:before {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 5.0rem;
    background-size: 50px 50px;
    color: var(--dark);
    opacity: 1;
    display: inline-block;
    background-repeat: no-repeat;
    transition: background-position 0.25s;
    transition: all 0.5s ease-in-out;
}
.cs-base.content-slider-wrapper .slick-prev:before {
    content: "\f104";
    font-family: FontAwesome;
    font-size: 5.0rem;
    background-size: 50px 50px;
    color: var(--dark);
    opacity: 1;
    display: inline-block;
    background-repeat: no-repeat ;
    transition: background-position 0.25s ;
    transition: all 0.5s ease-in-out;
}
.cs-base.content-slider-wrapper .slick-next:hover:before, .cs-base.content-slider-wrapper .slick-prev:hover:before {
    color: var(--dark);
    opacity: 1;
}

.image-container.home-featured-image {
    height: 550px;
}

.image-container.home-featured-image img {
    height: 100%;
    width: auto;
}

/* show arrows on all screens */
.home-feature-slider.content-slider-wrapper .slick-arrow {
    opacity: 1 !important;
}

@media screen and (max-width: 991px) {
.content-slider-section .slider-content {
    padding: 0;
    min-height: 600px;
}

.content-slider-section .image-container.home-featured-image {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    min-height: auto;
    max-height: 350px;
    width: 100% 
}

.content-slider-section .image-container.home-featured-image img {
    height: auto;
    width: 100%;
}
}

/* Large devices (tablet landscape, 1024px and less) tablet-l */
@media only screen and (max-width: 1024px) {
    .content-slider-section .content-slider-content {
        top: 0;
    }
}

/* Medium devices (tablet portrait, 810px and less) tablet-p */
@media only screen and (max-width: 810px) {
    .content-slider-section .content-slider-content {
        margin-top: 0;
    }
    .cs-base.content-slider-image-right .content-slider-half-width-content-wrapper {
        flex-direction: column-reverse;
    }
    .cs-base.content-slider-wrapper .content-slider-half-width-content-wrapper {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap-reverse;
    }

    .cs-base.content-slider-wrapper .content-slider-half-width {
        width: 100%;
    }
    .cs-base.content-slider-wrapper .content-slider-heading {
        text-align: center;
    }
}


@media screen and (min-width: 481px) and (max-width: 991px) {
    .content-slider-section .slider-content {
        padding: 0 30px;
    }
}

/* Extra small devices (most portrait phones, 480px and less) mobile-p */
@media only screen and (max-width: 480px) {
    .cs-base.content-slider-wrapper .content-slider-heading,
    .cs-base.content-slider-wrapper .content-slider-heading strong {
        font-size: 2.8rem;
        line-height: 3rem;
        color: var(--dark);
        text-transform: none;
    }

    .content-slider-section {
        padding-block: 0;
        background: linear-gradient(to bottom, var(--gray-medium) 0%, var(--white) 75%);
    }

    .content-slider-content.content-padding.container {
        width: 100%;
    }

    .cs-base.content-slider-wrapper, .cs-base.content-slider-wrapper .content-slider-half-width-content-wrapper {
        padding: 0px;
    }
    .cs-base.content-slider-wrapper .slick-prev {
        left: -10px;
        opacity: 1;
    }
    .cs-base.content-slider-wrapper .slick-next {
        right: -10px;
        opacity: 1;
    }
    .cs-base .content-slider-copy,
    .cs-base.content-slider-wrapper .content-slider-cta-wrapper {
        text-align: center;
    }

    .content-slider-content {
        padding: 20px 20px 0px;
    } 
}

/* Extra small landscape devices (most landscape phones, >=480px and <= 767 and landscape) mobile-l */
@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {
    .cs-base.content-slider-wrapper, .cs-base.content-slider-wrapper .content-slider-half-width-content-wrapper {
        padding: 0;
    }
    .cs-base.content-slider-wrapper .slick-prev {
        left: 0px;
        opacity: 1;
    }
    .cs-base.content-slider-wrapper .slick-next {
        right: 0px;
        opacity: 1;
    }
    .cs-base .content-slider-copy,
    .cs-base.content-slider-wrapper .content-slider-cta-wrapper {
        text-align: center;
    }
}



/*
==============================================
CALLOUTS NUMBERS SECTION
==============================================
*/
.section-dark .co-numbers.co-tile-base .callout-item, 
.section-dark .co-numbers.co-tile-base.callouts-mobile-slider .callout-item {
    background: transparent;
    border: none;
    text-align: center;
}
.section-dark .co-numbers.co-tile-base .callout-item .callout-heading-wrapper .callout-heading, 
.section-dark .co-numbers.co-tile-base.callouts-mobile-slider .callout-item .callout-heading-wrapper .callout-heading {
    font-size: 80px;
    line-height: 86px;
    color: var(--white) !important;
    border-bottom: 2px solid var(--medium);
    padding: 0px 0 10px;
}
.section-dark .co-numbers.co-tile-base .callout-item .callout-heading-wrapper .callout-heading .count-up, 
.section-dark .co-numbers.co-tile-base.callouts-mobile-slider .callout-item .callout-heading-wrapper .callout-heading .count-up {
    font-weight: 100;
    font-size: 40px;
}
.section-dark .co-numbers.co-tile-base .callout-item .callout-heading-wrapper .callout-heading .count-up .counter, 
.section-dark .co-numbers.co-tile-base.callouts-mobile-slider .callout-item .callout-heading-wrapper .callout-heading .count-up .counter {
    font-weight: 400;
    font-size: 80px;
}
.section-dark .co-numbers.co-tile-base .callout-item .callout-copy-wrapper, 
.section-dark .co-numbers.co-tile-base.callouts-mobile-slider .callout-item .callout-copy-wrapper {
    font-size: 14px;
    line-height: 22px;
    text-transform: uppercase;
    color: var(--white) !important;
    margin: 20px 0 0;
}
.section-dark .co-numbers.co-tile-base .callout-item .callout-copy-wrapper span, 
.section-dark .co-numbers.co-tile-base.callouts-mobile-slider .callout-item .callout-copy-wrapper span {
    display: block;
}
.section-dark.callout-numbers-section h2 {
    color: var(--white);
    font-size: 1.6rem;
    line-height: 26px;
    text-transform: uppercase;
    letter-spacing: 7px;
}
.section-dark.callout-numbers-section .disclaimer {
    color: var(--white);
    font-size: 12px;
}

/* removes height difference when having extra cta on page */
.body-home .callout-numbers-section .callout-item .callout-link .callout-copy-wrapper[style] {
    height: fit-content !important;
}


.callout-numbers-section {
    padding-block: 25px 0;
}

.callout-numbers-section .callout-link {
    margin-bottom: 30px;
}

/* Large devices (tablet landscape, 1024px and less) tablet-l */
@media only screen and (max-width: 1024px) {
    .co-tile-base .callout-item {
        width: calc(50% - 30px);
    }
}


/* Extra small devices (most portrait phones, 480px and less) mobile-p */
@media only screen and (max-width: 480px) {
    .co-numbers.co-tile-base .callout-item .callout-copy-wrapper, .co-numbers.co-tile-base.callouts-mobile-slider .callout-item .callout-copy-wrapper {
        height: auto !important;
    }
    .co-numbers.co-tile-base .callout-item .callout-heading-wrapper, .co-numbers.co-tile-base .callouts-mobile-slider .callout-item .callout-heading-wrapper {
        height: auto !important;
    }
}
/*
==============================================
CALLOUTS ETF FUNDS SECTION
==============================================
*/


.co-funds.co-tile-base .callout-item,
.co-funds.callouts-mobile-slider .callout-item {
    background: var(--white);
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 210px;
    position: relative;
    padding: 50px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(84,96,108,0.25);
    -moz-box-shadow: 0px 0px 10px 0px rgba(84,96,108,0.25);
    box-shadow: 0px 0px 10px 0px rgba(84,96,108,0.25);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;    
}

.co-funds.co-tile-base .callout-item .callout-heading-wrapper, 
.co-funds.co-tile-base.callouts-mobile-slider .callout-item .callout-heading-wrapper {
padding: 0;
}

.co-funds.co-tile-base .callout-item .callout-copy-wrapper, .co-funds.co-tile-base.callouts-mobile-slider .callout-item .callout-copy-wrapper {
    padding: 0;
    margin: 0;
    font-size: 1.6rem;
    line-height: 2rem;

}

.co-funds.co-tile-base .callout-item .callout-heading-wrapper .callout-heading, .co-funds.co-tile-base.callouts-mobile-slider .callout-item .callout-heading-wrapper .callout-heading, .co-funds.co-tile-base.callouts-mobile-slider .callout-slide .callout-heading-wrapper .callout-heading {
    font-size: 3.2rem;
    line-height: 3.2rem;
    font-weight: 500;
    text-align: center;
}

.co-funds.co-tile-base .callout-item .callout-copy-wrapper ul, 
.co-funds.co-tile-base.callouts-mobile-slider .callout-item .callout-copy-wrapper ul {
    font-size: 1.6rem;
    list-style: disc;
    line-height: 2rem;
}

.co-funds.co-tile-base .callout-item .callout-copy-wrapper ul li, 
.co-funds.co-tile-base.callouts-mobile-slider .callout-item .callout-copy-wrapper ul li {
    padding-top: 15px;
    font-size: 1.6rem;
    line-height: 2.4rem;
}

@media screen and (max-width: 500px) {
    .co-tile-base .callout-item, .co-tile-base.callouts-mobile-slider .callout-item {
        width: 100%;
    }
}
.co-funds.co-tile-base .callout-item:before {
    content: '';
    display: block;
    height: 8px;
    background: transparent;
    width: 0;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.co-funds.co-tile-base .callout-item:hover:before {
    background: var(--medium);
    width: 100%;
}

/*
==============================================
etf-featured-content-slider
==============================================
*/

.body-home .content-slider-section {
    padding-block: 0;

}

.etf-content-slider-container h2 {
    text-align: center;
    margin: 50px auto 25px;
}
.etf-content-slider-container.container {
    width: 90%;
    max-width: 1200px;
    background-color: white;
    position: relative;
    padding-block: 50px;
}

.etf-featured-content-slider,
.etf-featured-content-slider[style] {
    padding: 120px 0 25px !important;
    position: relative;
}

@media (max-width: 480px) {
    .etf-content-slider-container.container {
    width: 100%;
}
}

@media (min-width: 768px) {
    .etf-content-slider-container.container {
    width: 90%;
    max-width: 1200px;
    background-color: white;
    position: relative;
    padding-block: 50px;
}
    .etf-content-slider-container.container {
        top: -50px;
    }
    .etf-featured-content-slider,
    .etf-featured-content-slider[style] {
        padding: 120px 25px 25px !important;
        position: relative;
    }

    .etf-featured-content-slider.content-slider-wrapper .slick-prev {
    left: -20px;
    }
    .etf-featured-content-slider.content-slider-wrapper .slick-next {
        right: -20px;
    }
}


/* text slick dot styling */
.etf-content-slider-container .etf-featured-content-slider ul.slick-dots,
.etf-content-slider-container .etf-featured-content-slider ul.slick-dots[style] {
    display: flex;
    flex-direction: row;
    bottom: auto !important;
    top: -100px !important;
    padding: 20px;
    /* border: 1px solid var(--gray-medium); */
    gap: 20px;
    opacity: 1;
}

.etf-featured-content-slider.content-slider-wrapper.content-slider-half-width-wrapper.content-slider-dot-text .slick-dots li {
    margin: 0px;
    width: 100% !important;
    border-radius: 4px;
    border: 1px solid var(--gray-medium);
    background-color: transparent;
    text-decoration: none !important;
    font-size: 18px;
    font-family: var(--font-1);
    font-weight: 500;
    color: var(--gray-dark);
    transition: 300ms ease-in-out all;
    height: 50px;
}

.etf-featured-content-slider.content-slider-wrapper.content-slider-half-width-wrapper.content-slider-dot-text .slick-dots li:hover {
    border: 1px solid var(--medium);
    background-color: var(--gray-light);
}

.etf-featured-content-slider.content-slider-wrapper.content-slider-half-width-wrapper.content-slider-dot-text .slick-dots li a {
    text-decoration: none !important;
    color: var(--gray-dark);
}

.etf-featured-content-slider.content-slider-wrapper.content-slider-half-width-wrapper.content-slider-dot-text .slick-dots li.slick-active {
    border: 1px solid var(--dark);
    background-color: var(--dark);
}
.etf-featured-content-slider.content-slider-wrapper.content-slider-half-width-wrapper.content-slider-dot-text .slick-dots li.slick-active a {
    color: var(--white);
}


/* next and prev arrow styling */
.etf-featured-content-slider.content-slider-wrapper .slick-next:before {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 5.0rem;
    background-size: 50px 50px;
    color: var(--dark);
    opacity: 1;
    display: inline-block;
    background-repeat: no-repeat;
    transition: background-position 0.25s;
    transition: all 0.5s ease-in-out;
}
.etf-featured-content-slider.content-slider-wrapper .slick-prev:before {
    content: "\f104";
    font-family: FontAwesome;
    font-size: 5.0rem;
    background-size: 50px 50px;
    color: var(--dark);
    opacity: 1;
    display: inline-block;
    background-repeat: no-repeat ;
    transition: background-position 0.25s ;
    transition: all 0.5s ease-in-out;
}



.etf-featured-content-slider.content-slider-wrapper .slick-next:hover:before, .etf-featured-content-slider.content-slider-wrapper .slick-prev:hover:before {
    color: var(--dark);
    opacity: 1;
}

@media (max-width: 767px) {
    .content-slider-wrapper .slick-arrow {
        opacity: 1;
    }
    .content-slider-wrapper.content-slider-dot-text-mobile .content-slider-heading {
        display: inherit;
    }
}

/* etf content slider copy styling */
.etf-content-slider-container .etf-featured-content-slider .content-slider-content-wrapper,
.etf-content-slider-container .etf-featured-content-slider .content-slider-heading-wrapper .content-slider-heading,
.etf-content-slider-container .etf-featured-content-slider .content-slider-copy-wrapper,
.etf-content-slider-container .etf-featured-content-slider .content-slider-copy {
    text-align: left !important;
    width: 100% !important;
}

@media screen and (max-width: 767px) {
  .etf-content-slider-container .etf-featured-content-slider .content-slider-content-wrapper,
  .etf-content-slider-container .etf-featured-content-slider .content-slider-heading-wrapper .content-slider-heading,
  .etf-content-slider-container .etf-featured-content-slider .content-slider-copy-wrapper,
  .etf-content-slider-container .etf-featured-content-slider .content-slider-copy {
      text-align: center !important;
  }
}

.etf-content-slider-container .etf-featured-content-slider .content-slider-copy ul {
    padding-left: 0;
}

.etf-content-slider-container .etf-featured-content-slider .content-slider-copy ul li {
    display: block;
    margin-bottom: 15px;
    position: relative;
    font-size: 1.8rem;
    line-height: 3rem;
    padding-block: 15px;
    border-top: 1px solid var(--gray-medium);
    margin: 0px;
}


/* etf content slider copy styling */

.etf-featured-content-slider.content-slider-wrapper .content-slider-title {
    text-align: center;
    color: var(--dark);
    font-size: 1.6rem;
    line-height: 26px;
    text-transform: uppercase;
    font-family: var(--font-2);
    letter-spacing: 8px;
    border-bottom: 1px solid var(--light);
    padding: 0 0 10px;
}
.etf-featured-content-slider.content-slider-wrapper .content-slider-heading-wrapper {
    width: 100%;
}
.etf-featured-content-slider.content-slider-wrapper .content-slider-heading {
    display: block !important;
    width: 100%;
    text-align: left;
    font-size: 3.6rem;
    line-height: 4rem;
    color: var(--dark);
    text-transform: none;
    font-weight: 300;
    padding-bottom: 30px;
}

.etf-featured-content-slider.content-slider-wrapper .wrap-content-slider-content {
    padding: 15px 30px;
    align-items: start;
}
@media screen and (max-width:767px) {
    .etf-featured-content-slider.content-slider-wrapper .wrap-content-slider-content {
    padding: 0px;
    } 
    .etf-featured-content-slider.content-slider-wrapper .content-slider-half-image-wrapper {
        /* margin-right: 30px; */
        display: none;
    }
}

@media screen and (min-width:768px) {
    .etf-featured-content-slider.content-slider-wrapper .content-slider-half-image-wrapper {
        /* margin-right: 30px; */
        display: block;
    }

    .etf-featured-content-slider.content-slider-wrapper .content-slider-half-width {
    padding-inline: 30px;
}
}

.etf-featured-content-slider .content-slider-heading .ticker::before {
    content: "TICKER ";

}

.etf-featured-content-slider .content-slider-heading {
    font-weight: 500 !important;
    font-size: 2.4rem;
    line-height: 3rem;
}

.etf-featured-content-slider .content-slider-heading .ticker {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: var(--medium);
    letter-spacing: 1px;
}

.etf-featured-content-slider .content-slider-copy {
    color: var(--gray-dark) !important;
    font-size: 1.6rem;
    line-height: 2.4rem;
    /* line-height: 24px; */
    font-weight: 400;
}

@media screen and (min-width: 481px) and (max-width: 991px) {
    .content-slider-section .slider-content {
        padding: 0 30px;
    }
}

/* Extra small devices (most portrait phones, 480px and less) mobile-p */
@media screen and (max-width: 480px) {
    .etf-featured-content-slider.content-slider-wrapper .content-slider-heading,
    .etf-featured-content-slider.content-slider-wrapper .content-slider-heading strong {
        font-size: 2.8rem;
        line-height: 3rem;
        color: var(--dark);
        text-transform: none;
    }

    .content-slider-section {
        padding-block: 0;
        background: linear-gradient(to bottom, var(--gray-medium) 0%, var(--white) 75%);
    }

    .content-slider-content.content-padding.container {
        width: 100%;
    }

    .etf-featured-content-slider.content-slider-wrapper, .etf-featured-content-slider.content-slider-wrapper .content-slider-half-width-content-wrapper {
        padding: 10px;
    }
    .etf-featured-content-slider.content-slider-wrapper .slick-prev {
        left: 0px;
        opacity: 1;
    }
    .etf-featured-content-slider.content-slider-wrapper .slick-next {
        right: 0px;
        opacity: 1;
    }
    .etf-featured-content-slider .content-slider-copy,
    .etf-featured-content-slider.content-slider-wrapper .content-slider-cta-wrapper {
        text-align: center;
    }

    .content-slider-content {
        padding: 20px 20px 0px;
    } 

    /* dot text */
    .etf-content-slider-container .etf-featured-content-slider ul.slick-dots, .etf-content-slider-container .etf-featured-content-slider ul.slick-dots[style] {
        gap: 4px;
        padding: 10px 0;
    }
}

/* Extra small landscape devices (most landscape phones, >=480px and <= 767 and landscape) mobile-l */
@media screen and (min-width: 480px) and (max-width: 767px) {
    .etf-featured-content-slider.content-slider-wrapper, .etf-featured-content-slider.content-slider-wrapper .content-slider-half-width-content-wrapper {
        padding: 30px;
    }
    .etf-featured-content-slider.content-slider-wrapper .slick-prev {
        left: 0px;
        opacity: 1;
    }
    .etf-featured-content-slider.content-slider-wrapper .slick-next {
        right: 0px;
        opacity: 1;
    }
    .etf-featured-content-slider .content-slider-copy,
    .etf-featured-content-slider.content-slider-wrapper .content-slider-cta-wrapper {
        text-align: center;
    }
}


/*
==============================================
RICH TEXT
==============================================
*/

.rich-text-container h1, .blog-detail-copy-wrapper h1, .yearbook-container h1, .bio-detail-copy-wrapper h1, .accord-container h1 {
    font-size: 4.8rem;
    line-height: 4.8rem;
    font-weight: 500;
    color: var(--dark);
    margin: 0 0 30px;
}

.rich-text-container h2, .blog-detail-copy-wrapper h2, .bio-detail-copy-wrapper h2, .accord-container h2 {
    font-size: 3.6rem;
    line-height: 3.6rem;
    font-weight: 500;
    color: var(--dark);
    margin: 0 0 30px;
}

.rich-text-container h3, .blog-detail-copy-wrapper h3, .bio-detail-copy-wrapper h3, .accord-container h3 {
    font-size: 2.4rem;
    line-height: 2.4rem;
    font-weight: 500;
    color: var(--dark);
    margin: 0 0 15px;
}

.rich-text-container p, .blog-detail-copy-wrapper p, .bio-detail-copy-wrapper p {
    font-size: 1.8rem;
    line-height: 3.2rem;
    font-weight: 400;
    margin: 0 0 20px;
    color: var(--gray-dark);
}
.rich-text-container li, .blog-detail-copy-wrapper li, .bio-detail-copy-wrapper li, .accord-container li {
    color: var(--gray-dark);
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: 400;
}
.section-dark .rich-text-container h1, .section-dark .blog-detail-copy-wrapper h1, .section-dark .bio-detail-copy-wrapper h1, .section-dark .rich-text-container h2, .section-dark .blog-detail-copy-wrapper h2, .section-dark .bio-detail-copy-wrapper h2, .section-dark .rich-text-container h3, .section-dark .blog-detail-copy-wrapper h3, .section-dark .bio-detail-copy-wrapper h3, .section-dark .rich-text-container h4, .section-dark .blog-detail-copy-wrapper h4, .section-dark .bio-detail-copy-wrapper h4, .section-dark .rich-text-container h5, .section-dark .blog-detail-copy-wrapper h5, .section-dark .bio-detail-copy-wrapper h5, .section-dark .rich-text-container h6, .section-dark .blog-detail-copy-wrapper h6, .section-dark .bio-detail-copy-wrapper h6, .section-dark .rich-text-container p, .section-dark .blog-detail-copy-wrapper p, .section-dark .bio-detail-copy-wrapper p, .section-dark .rich-text-container blockquote, .section-dark .blog-detail-copy-wrapper blockquote, .section-dark .bio-detail-copy-wrapper blockquote, .section-dark .rich-text-container li, .section-dark .blog-detail-copy-wrapper li, .section-dark .bio-detail-copy-wrapper li, .section-dark .yearbook-container h1 {
    color: var(--white);
}

@media screen and (max-width: 768px) {

    .rich-text-container .fund-table h2,
    .rich-text-container h2, .blog-detail-copy-wrapper h2, .bio-detail-copy-wrapper h2, .accord-container h2 {
        font-size: 2.8rem;
        line-height: 2.8rem;
    }

    .rich-text-container h1, .blog-detail-copy-wrapper h1, .yearbook-container h1, .bio-detail-copy-wrapper h1, .accord-container h1 {
        font-size: 3.6rem;
        line-height: 3.6rem;
    }
}

/*
==============================================
MEDIA CAROUSEL SECTION
==============================================
*/
.media-carousel-section {
   background: var(--gray-light); 
   background-size: cover;
   background-repeat: no-repeat;
   position: relative;
   z-index: 1;
}


.mc-base .mc-main-heading-wrapper .mc-main-heading {
    font-size: 1.6rem;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    color: var(--dark);
    font-family: var(--font-2);
    letter-spacing: 4px;
    margin: 0 0 10px 0;
    width: 100%;
    margin: 50px auto 10px;
}
.mc-base .mc-heading {
    font-family: var(--font-1);
    font-size: 2.4rem !important;
    line-height: normal;
    color: var(--dark);
    text-transform: none;
    font-weight: 400;
    position: relative;
    display: inline-block;
}

.mc-base .mc-heading .mc-heading-line-two {
    font-family: var(--font-1);
    font-size: 1.8rem !important;
    line-height: 1.2;
    color: var(--dark);
    text-transform: none;
    font-weight: 400;
    position: relative;
    display: inline-block;
}
.mc-base .mc-copy {
    font-family: var(--font-1);
    color: var(--gray-dark);
    font-size: 1.6rem;
    line-height: 24px;
    font-weight: 400;
    margin-top: 10px !important;
}
.mc-base .mc-cta {
    font-family: var(--font-1);
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 20px;
    min-width: auto !important;
    width: auto !important;
    color: var(--dark) !important;
    text-transform: none;
    border: 1px solid var(--dark);
    border-radius: 4px;
    display: inline-block;
    background-color: transparent;
    transition: all 400ms ease-in-out;
}
.mc-base .mc-slide {
    background: var(--white);
    margin: 50px 10px 25px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(84,96,108,0.25);
    -moz-box-shadow: 0px 0px 10px 0px rgba(84,96,108,0.25);
    box-shadow: 0px 0px 10px 0px rgba(84,96,108,0.25);
}
.mc-base .slick-arrow {
opacity: 1 !important;
top: 50% !important;
}
.mc-base .slick-prev:before {
content: "\f104" !important;
font-family: FontAwesome !important;
font-size: 5.0rem !important;
background-size: 50px 50px !important;
color: var(--dark) !important;
opacity: 1 !important;
display: inline-block !important;
background-repeat: no-repeat !important;
transition: background-position 0.25s !important;
transition: all 0.5s ease-in-out !important;
top: 53%;
}
.mc-base .slick-next:before {
content: "\f105" !important;
font-family: FontAwesome !important;
font-size: 5.0rem !important;
background-size: 50px 50px !important;
color: var(--dark) !important;
opacity: 1 !important;
display: inline-block !important;
background-repeat: no-repeat !important;
transition: background-position 0.25s !important;
transition: all 0.5s ease-in-out !important;
top: 53%;
}
.mc-base .mc-container {
padding: 50px 10px;
}
.mc-base .mc-image-wrapper {
overflow: hidden;
max-height: 100% !important;
background: transparent !important;
}
.mc-base .mc-image {
-webkit-backface-visibility: hidden;
display: block;
transition: all 0.5s ease-in-out;
-webkit-backface-visibility: hidden;
transform: scale(1.01, 1.01);
-webkit-transform: scale(1.01, 1.01);
}
.mc-base a:hover .mc-image {
opacity: 1;
-webkit-backface-visibility: hidden;
transform: scale(1.05, 1.05);
-webkit-transform: scale(1.05, 1.05);
}
.mc-base .mc-slide:hover .mc-cta {
color: var(--white) !important;
background-color: var(--dark);
}
.mc-base.mc-container .slick-dots {
    bottom: 0;
}

/*
==============================================
CALLOUTS SOLUTIONS SECTION
==============================================
*/
.callout-solutions-section {
    text-align: center;
}
.section-dark .co-solutions.co-tile-base .callout-item, 
.section-dark .co-solutions.co-tile-base.callouts-mobile-slider .callout-item {
    background: transparent;
    border: none;
    text-align: center;
    border: 1px solid var(--medium);
    position: relative;
}
.section-dark .co-solutions.co-tile-base .callout-item .callout-heading-wrapper .callout-heading, 
.section-dark .co-solutions.co-tile-base.callouts-mobile-slider .callout-item .callout-heading-wrapper .callout-heading {
    font-size: 3.6rem;
    line-height: 4rem;
    font-weight: 500;
    color: var(--white) !important;
}
.section-dark .co-solutions.co-tile-base .callout-item .callout-copy-wrapper, 
.section-dark .co-solutions.co-tile-base.callouts-mobile-slider .callout-item .callout-copy-wrapper {
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: var(--white) !important;
}
.section-dark .co-solutions.co-tile-base .callout-item .callout-copy-wrapper span, 
.section-dark .co-solutions.co-tile-base.callouts-mobile-slider .callout-item .callout-copy-wrapper span {
    display: block;
}
.section-dark .co-solutions.co-tile-base .callout-item:before {
    content: '';
	display: block;
	height: 8px;
	background: transparent;
	width: 0;
	position: absolute;
    top: 0;
    left: 0;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
.section-dark .co-solutions.co-tile-base .callout-item:hover:before {
	background: var(--medium);
	width: 100%;
}
/* Medium devices (tablet portrait, 810px and less) tablet-p */

@media only screen and (max-width: 810px) {
    .co-solutions.callouts-mobile-slider .callout-item {
        background: transparent;
    }
}

@media only screen and (max-width: 768px) {
    .co-funds.co-tile-base .callout-item, .co-funds.callouts-mobile-slider .callout-item {
        width: 100%;
        padding: 35px;
        margin-bottom: 25px;
        height: fit-content

    }

    .co-funds.co-tile-base .callout-item .callout-heading-wrapper .callout-heading, .co-funds.co-tile-base.callouts-mobile-slider .callout-item .callout-heading-wrapper .callout-heading, .co-funds.co-tile-base.callouts-mobile-slider .callout-slide .callout-heading-wrapper .callout-heading {
        font-size: 2.4rem;
        line-height: 2.4rem;
    }

    .co-tile-base .callout-item .callout-cta-wrapper button, .co-tile-base.callouts-mobile-slider .callout-item .callout-cta-wrapper button, .co-tile-base.callouts-mobile-slider .callout-slide .callout-cta-wrapper button {
        font-size: 16px;
    }
}


@media only screen and (max-width: 480px) {
    .co-funds.co-tile-base .callout-item, .co-funds.callouts-mobile-slider .callout-item {
        padding: 20px;
    }

    .co-tile-base .callout-item .callout-cta-wrapper button, .co-tile-base.callouts-mobile-slider .callout-item .callout-cta-wrapper button, .co-tile-base.callouts-mobile-slider .callout-slide .callout-cta-wrapper button {
        padding: 8px 16px;
    }
    .co-tile-base .callout-item .callout-cta-wrapper, .co-tile-base.callouts-mobile-slider .callout-item .callout-cta-wrapper {
        padding: 20px 0px 0px !important;
    }
}



/*
==============================================
CONTACT CTA SECTION
==============================================
*/
.contact-cta-section {
    background: var(--gray-light); 
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
 }
 .contact-cta-section:before {
    content:'';
 /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e6e2e2+0,ffffff+100&0.5+0,0+30 */
 background: linear-gradient(to bottom, rgba(84,96,108,0.10) 0%,rgba(255,255,255,.05) 50%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
     width: 100%;
     height: 100%;
 }
.ftr-cta {
    padding: 70px 20px;
    max-width: 750px;
    margin-inline: auto;
    text-align: center;
    display: block;
}
.ftr-cta-wrapper h2 {
    font-size: 3.6rem;
    line-height: 3.6rem;
    font-weight: 600;
    color: var(--dark);
    font-family: var(--font-2);
    margin: 0 0 15px;
}
.ftr-cta-wrapper p {
    font-size: 2.4rem;
    line-height: 3.6rem;
    margin: 0 0 25px;
    color: var(--gray-dark);
}
.ftr-cta-wrapper p:last-of-type {
    margin-bottom: 0;
}

.ftr-cta-wrapper .button {
    display: inline-block;
    background-color: transparent;
    border-radius: 4px;
    border: 1px solid;
    border-color: var(--dark);
    color: var(--dark);
    padding: 15px 30px;
    font-size: 1.8rem;
    line-height: 2.4rem;
    font-weight: 600;
    text-align: center;
    transition: all .4s;
    font-family: var(--font-2);
}
/* Extra small devices (most portrait phones, 480px and less) mobile-p */
@media only screen and (max-width: 480px) {
.ccta-base .ftr-cta {
    padding: 70px 20px 50px;
}

.ftr-cta-wrapper p {
    font-size: 1.8rem;
    line-height: 2.4rem;
    margin: 0 0 25px;
    color: var(--gray-dark);
}
}

/* Hide/Show & Sticky Navigation */
.hide-nav{
    transform: translate3d(0,-100%,0) !important;
    top: 0px !important;
    transition-delay: 20s;
}
.nav-sticky {
    position: fixed !important;
    top:0;
    width: 100%;
}

/* Medium devices (tablet portrait, 768px and less) tablet-p */
@media only screen and (max-width: 768px) {

.hide-nav{
    transform: inherit !important;
}
.nav-sticky {
    position: relative !important;
}
.nav-overall-wrapper:not(.van-mobile-nav) {
    height: 0px !important;
    min-height: 0px;
    border: none;
    top: 0;
}

.footer-section .footer-cta-sticky {
      bottom: 27px !important;
    }


.ftr-cta-wrapper h2 {
    font-size: 3.2rem;
    line-height: 1.2;
    font-weight: 600;
    color: var(--dark);
    font-family: var(--font-2);
    margin: 0 0 15px;
}


.ftr-cta-wrapper {
    margin: 0;
}
}



/*
==============================================
Global Header
==============================================
*/

/* Header Logo */
.header-main {
background: var(--white) !important;
}
.header-main .ftr-logo-wrapper {
justify-content: left;
padding: 25px 50px;
display: none;
}
.ftr-logo {
max-width: 400px;
height: auto !important;
}
/* Medium devices (tablet portrait, 992px and less) tablet-p */
@media only screen and (max-width: 992px) {
.header-main .ftr-logo-wrapper {
padding: 25px;
}
.ftr-logo {
max-width: 175px;
height: auto !important;
}

}
/* Medium devices (tablet portrait, 810px and less) tablet-p */
@media only screen and (max-width: 810px) {

.header-main .ftr-logo-wrapper {
justify-content: center;
display: block;
}
.header-main .ftr-logo-wrapper .ftr-logo {
    margin: 0 auto;
}

}

/* Division of header, above logo */
.division-header {
background-color: var(--dark);
color: var(--white);
padding: 15px 50px;
text-align: right;
text-transform: uppercase;
font-size: 10px;
}
.division-header a {
color: var(--white);
}
.division-header a:hover {
color: var(--white);
text-decoration: underline;
}

/* Medium devices (tablet portrait, 992px and less) tablet-p */
@media only screen and (max-width: 992px) {
.division-header {
text-align: center;
}
}


/*
==============================================
Global Navigation
==============================================
*/
.nav {
    background: var(--white);
}
.nav-overall-wrapper:not(.van-mobile-nav) {
background: var(--gray-light);
border-bottom: 1px solid var(--gray-medium);
}
.nav-overall-wrapper:not(.van-mobile-nav).click-nav .primary-nav li > .nav-subnav.clicked {
padding: 15px 18px;
}
.nav-image {
    top: 0 !important;
    float: left;
    position: relative;
    padding: 10px;
}

@media only screen and (min-width: 810px) {
.nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav > li {
    top: 20px;
}
}

/* Main Nav */
.primary-nav a {
color: var(--dark);
font-family: var(--font-1); 
text-transform: uppercase;
font-size: 1.6rem;
font-weight: 400;
}

.nav-overall-wrapper:not(.van-mobile-nav).nav-right .primary-nav {
text-align: right;
padding: 0px 50px;
}

.primary-nav {
    max-width: 1170px;
}
/* Main Nav Active/Hover */
.primary-nav > li > a:hover, .primary-nav > li > a.selected, .primary-nav > li > a.active, .nav-standard.selected {
color: var(--medium);
}
/* Dropdown nav */
.primary-nav .nav-subnav a {
color: var(--dark);
font-family: var(--font-1); 
}
/* Dropdown Active/Hover */
.nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav .nav-subnav li:not(.nav-top-link) a:hover, .nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav .nav-subnav li:not(.nav-top-link) a.active {
color: var(--medium);
}
.nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav .nav-subnav, .primary-nav .nav-subnav-second {
background: var(--light);
}
.nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav .nav-subnav li:hover > .nav-subnav-second {
background: var(--light); 
}

/* Medium devices (tablet portrait, 1024px and less) tablet-p */
@media only screen and (max-width: 1024px) {
.nav-overall-wrapper:not(.van-mobile-nav).nav-right .primary-nav {
    padding: 0;
}

.nav-overall-wrapper:not(.van-mobile-nav).nav-right .primary-nav .nav-image img {
    width: 280px;
}
}


/* Medium devices (tablet portrait, 768px and less) tablet-p */
@media only screen and (max-width: 992px) {

.nav-trigger:after {
left: -2px;
top: -15px;
right: -25px;
bottom: -17px;
background: var(--white) !important;
opacity: .8;
z-index: -1;
border: 1px solid var(--dark);
}
.nav-opened.nav-trigger:after {
background: none;
} 
.fa-angle-down:before {
color: var(--dark);
}
/* Hamburger Menu Icon */
.nav-overall-wrapper:not(.van-mobile-nav) .nav-trigger-wrapper .nav-trigger span, .nav-overall-wrapper:not(.van-mobile-nav) .nav-trigger-wrapper .nav-trigger span:before, .nav-overall-wrapper:not(.van-mobile-nav) .nav-trigger-wrapper .nav-trigger span:after {
background:var(--dark);
}
/* Hamburger Menu Icon Active and Open*/
.nav-overall-wrapper:not(.van-mobile-nav) .nav-trigger-wrapper .nav-trigger.nav-opened span:before, .nav-overall-wrapper:not(.van-mobile-nav) .nav-trigger-wrapper .nav-trigger.nav-opened span:after {
background: var(--dark);
}
.nav-container .address-group-name-wrapper {
display: none;
}

}
/* Medium devices (tablet portrait, 810px and less) tablet-p */
@media only screen and (max-width: 810px) {

    li.nav-image.primary-link {
        display: none !important;
    }

    a.nav-image-link {
        display: none !important;
    }
    .nav-overall-wrapper:not(.van-mobile-nav).nav-right .primary-nav {
        text-align: center;
        padding: inherit;
    }
    .nav-overall-wrapper:not(.van-mobile-nav) .nav {
        background: var(--light);
    }
    .nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav > li {
        padding: 8px 0px;
    }
    .nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav > li > a {
        border-bottom-color: rgba(var(--rgb-color-1), var(--rgb-opacity-3));
    }
    .nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav .nav-subnav {
        left: 0;
    }

}





/*
==============================================
Global Footer
==============================================
*/
.footer-section {
background: var(--white);
border-top: 2px solid var(--dark);
padding-bottom: 0px;
margin-bottom: 100px;
}

/* Footer Links */
.footer-section .footer-links ul {
    list-style-type: none;    
    border-left: 1px solid var(--gray-medium);
}
.footer-section .footer-links ul a {
    font-weight: 400;
    color: var(--dark);
    transition: all ease-in-out 300ms;
}
.footer-section .footer-links ul a:hover {
    color: var(--medium);
}


/* Extra small devices (most portrait phones, 810px and less) mobile-p */
@media only screen and (max-width: 810px) {


}
/* Extra small devices (most portrait phones, 480px and less) mobile-p */
@media only screen and (max-width: 480px) {

    .footer-section .footer-links ul {
    border-left: none;
    text-align: center;
    padding: 0;
}
.footer-section .footer-links ul li {
    margin: 0 0 10px;
}
.footer-section .footer-links-1 ul {
    margin: 50px 0 0;
}
.footer-section .footer-links-section ul li {
display: block;
width: 100%;
text-align: center;
}

}

/* Footer Logo and Social */
.footer-section .footer-contact-content {
    padding: 50px 20px;
}
.footer-section .footer-logo-social .ftr-cta {
    padding: 0;
}
.footer-section .footer-logo-social .ftr-cta-wrapper {
    margin: 0;
}
.footer-section .footer-contact-section {
background: var(--gray-light);
}
.footer-section .footer-links li {
    margin: 0 0 20px;
}
/* Footer Logo */
.footer-section .ftr-logo {
max-width: 400px;
height: auto;
}
.footer-section .ftr-logo-wrapper {
justify-content: left;
padding: 0px;
}

/* Footer Social */
.footer-section .social-container a .fa {
color: var(--dark) !important;
padding: 10px;
/* border: 1px solid var(--gray-medium); */
margin: 0 2px;
}
.footer-section .social-container a:hover .fa {
color: var(--medium) !important;
}
.footer-section .social-container {
padding: 20px 0 0;
text-align: left;
}

/* Footer Address */
.ftr-nap {
padding: 10px;
text-align: center;
}
.ftr-nap .ftr-nap-name {
display: none;
}
.ftr-nap li {
color: var(--dark) !important;
font-size: 1.6rem !important;
line-height: normal !important;
}
.ftr-nap-address-label {
display: block;
}
.ftr-nap-phone {
display: inline;
}
.ftr-nap .ftr-nap-name:before, .ftr-nap .ftr-nap-map-directions:before, .ftr-nap .ftr-nap-address-label:before, .ftr-nap .ftr-nap-phone:before, .ftr-nap .ftr-nap-email:before, .ftr-nap .ftr-nap-map-directions:before {
color: var(--dark);
display: none;
}
.ftr-nap .ftr-nap-phone:hover::before, .ftr-nap .ftr-nap-phone:hover::before, .ftr-nap .ftr-nap-email:hover::before, .ftr-nap .ftr-nap-map-directions:hover::before {
color: var(--dark-color-1);
}
.ftr-nap a {
text-decoration: none;
color: var(--dark);
transition: all 500ms ease;
}
.ftr-nap a:hover {
text-decoration: underline;
color: var(--dark-color-1);
transition: all 500ms ease;
}
/* Extra small devices (most portrait phones, 480px and less) mobile-p */
@media only screen and (max-width: 480px) {
.ftr-nap-phone {
    display: block;
}
}

/* Division of Footer */
.division-footer {

}
.division-footer hr {
background-color: var(--medium-color-1);
border-width: 0;
color: var(--medium-color-1);
height: 1px;
line-height: 0;
margin: 25px auto;
text-align: center;
width: 100%;
}
.division-footer img {
max-width: 300px;
margin: 0 auto;
text-align: center;
display: block;
}
.division-footer .header {
color: var(--dark);
padding: 1px 0px;
text-align: center;
text-transform: uppercase;
font-size: 10px;
display: block;
}
.division-footer .header a {
color: var(--dark);
}
.division-footer .header a:hover {
color: var(--dark-color-1);
}

/* Footer Hedge */
.footer-section .ftr-disclosures-wrapper {
padding: 20px;
}

.footer-section .footer-hedge-section {
background: var(--gray-light);
}
.footer-section .footer-hedge-section:has(.etf-disclosures) .ftr-disclosures {
    padding-bottom: 0;
}
.footer-section .ftr-disclosures {
color: var(--gray-dark) !important;
font-size: 13px !important;
line-height: normal !important;
padding-bottom: 25px;
}
.footer-section .ftr-disclosures p {
padding: 10px 0px;
}
.footer-section .ftr-disclosures a {
color: var(--dark);
text-decoration: underline;
}
.footer-section .ftr-disclosures a:hover {
color: var(--medium);
}

.etf-disclosures {
    padding-block: 25px;
    border-top: 1px solid var(--gray-medium);
    margin-bottom: 75px;
}

.footer-section strong {
    color: var(--dark);
}

.etf-disclosures p {
    /* font-style: italic; */
    font-size: 1.3rem !important;
    line-height: 1.6rem !important;
    line-height: normal !important;
    padding-bottom: 8px !important;
    margin-bottom: 0px;
}

/* Footer Broker Check */
.footer-section .footer-brokercheck {
background: var(--gray-light);
}

.section-dark .footer-section .footer-hedge-section, .section-dark .footer-section .footer-contact-section {
background: var(--dark);
}
.section-dark .footer-section .ftr-disclosures {
color: white;
}

/* Medium devices (tablet portrait, 992px and less) tablet-p */
@media only screen and (max-width: 992px) {

.footer-section .ftr-logo {
max-width: 175px;
height: auto !important;
}
.footer-section .ftr-logo-wrapper {
justify-content: center;
padding: 25px 0px;
}
.footer-section .social-container {
text-align: center;
}
.footer-section .footer-social, .footer-section .footer-logo {
padding: 20px 0px;
}

}

/*
==============================================
Sticky Footer
==============================================
*/
.footer-section .footer-contact-section .footer-cta-sticky {
    background: var(--white);
    color: var(--dark);
    font-size: 1.8rem;
    font-family: var(--font-2);
    font-weight: 400;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(84,96,108,0.25);
    -moz-box-shadow: 0px 0px 10px 0px rgba(84,96,108,0.25);
    box-shadow: 0px 0px 10px 0px rgba(84,96,108,0.25);
    border: 1px solid var(--white);    
  }
  .footer-section .footer-contact-section .footer-cta-sticky:hover {
    background: var(--dark);
    color: var(--white);
  }
  .footer-section .footer-contact-section .footer-cta-sticky:after {
    display: none !important;
  }
.footer-section .footer-cta-sticky {
    margin: 0;
    position: fixed;
    right: -1px;
    bottom: 34px;
    z-index: 10;
    text-transform: uppercase;
    padding: 10px 20px;
    visibility: visible;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
  }
  
  
  
  /* Large devices (tablet landscape, 1024px and less) tablet-l */
  @media only screen and (max-width: 1024px) {
    .footer-section .footer-cta-sticky {
      bottom: 27px !important;
    }
  }
  
  /* Medium devices (tablet portrait, 768px and less) tablet-p */
  @media only screen and (max-width: 768px) {
  }
  
  /* Extra small devices (most portrait phones, 480px and less) mobile-p */
  @media only screen and (max-width: 480px) {
    .footer-section .footer-contact-section .footer-cta-sticky  {
      margin: 0 !important;
      position: fixed !important;
      left: 0;
      margin: 25px auto 0 !important;
      bottom: 0 !important;
      width: 100%;
      line-height: 30px !important;
      right: 0 !important;
      text-align: center;
      -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
      -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
      box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);
      
    }
    .footer-section .ftr-cta-wrapper {
      margin: 25px 0 0;
    }
    .footer-section .footer-contact-section .footer-cta-sticky:before {
      content: "\f0e0";
      font-family: "FontAwesome";
      font-weight: 900;
      margin: 0 8px 0 0px;
    }
  }
  
  /* Extra small landscape devices (most landscape phones, >=480px and <= 767 and landscape) mobile-l */
  @media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {
    .footer-section .footer-contact-section .footer-cta-sticky  {
      margin: 0 !important;
      /* position: relative !important; */
      position: fixed !important;
      left: 0;
      margin: 25px auto 0 !important;
      bottom: 0 !important;
      width: 100%;
      line-height: 30px !important;
      right: 0 !important;
      text-align: center;
      -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
      -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
      box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
    }
    .footer-section .ftr-cta-wrapper {
      margin: 25px 0 0;
    }
    .footer-section .footer-contact-section .footer-cta-sticky:before {
      content: "\f0e0";
      font-family: "FontAwesome";
      font-weight: 900;
      margin: 0 8px 0 0px;
    }
  }
  

/*
==============================================
Attestation
==============================================
*/
.attestation-wrapper {
height: 100%;
width: 100%;
background-color: rgba(var(--rgb-color-1), var(--rgb-opacity-2));
}
.attestation-wrapper .attestation-content {
background-color: var(--white);
width: auto;
overflow-y: auto;
max-height: 100%;
max-width: 720px;
padding: 50px;
margin: 0 auto;
}
.attestation-heading  {
font-size: 2.4rem;
line-height: normal;
color: var(--dark);
}
.attestation-description {
font-size: 14px;
line-height: normal;
color: var(--gray-dark);
}
.attestation-heading, .attestation-description, .attestation-buttons  {
padding: 10px;
}
/* Buttons */
.attestation-button {
display: inline-block;
font-size: 1.4rem;
line-height: normal;
font-weight: 600;
text-align: center;
background: transparent !important;
color: var(--dark) !important;
padding: 10px 30px;
font-family: var(--font-1) !important;
height: auto !important;
line-height: initial;
border-radius: 4px;
width: inherit !important;
border: 1px solid;
border-color: var(--dark);
text-transform: none;
text-decoration: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* Buttons Hover */
.attestation-button:hover {
background: var(--dark) !important;
color: var(--white) !important;
border: 1px solid;
border-color: var(--dark);
letter-spacing:0; 
}
@media only screen and (max-width: 992px) {

.image-base img {
width: 100%;
}

}



/*
==============================================
Vanilla Images
==============================================
*/
.image-base {
text-align: center;
}
/* Medium devices (tablet portrait, 992px and less) tablet-p */
@media only screen and (max-width: 992px) {

.image-base img {
width: 100%;
}

}

/*
==============================================
Contact Form 
==============================================
*/

.container .simple-form {
    padding-inline: 0;
}

p.fields-required {
    font-size: 1.6rem;  
    font-style: italic;
    margin-block: 25px;
}

/* Small input font fix */
.simple-form input:not([type=submit]), .simple-form textarea, .simple-form .select2-container--default .select2-selection--single {
font-size: 16px;
}
.simple-form {
max-width: 1200px;
padding: 0px 25px 50px 25px;
margin: 0 auto 25px;
}
.simple-form label {
font-size: 1.6rem;
line-height: 1.5;
font-weight: bold;
color: var(--dark)
}
.simple-form .grecaptcha-badge {
visibility: hidden;
position: absolute;
}
.simple-form .field-validation-error {
display: block;
color: tomato;
}
.simple-form .g-recaptcha.checkbox {
margin-bottom: 30px;
}
.simple-form .g-recaptcha ~ .recaptcha-error {
margin-top: -25px;
color: tomato;
}
.simple-form .radios {
margin-bottom: 20px;
}
.simple-form .radio-label {
display: inline-block;
position: relative;
padding-left: 30px;
margin-bottom: 15px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.simple-form .radio-label input {
position: absolute;
opacity: 0;
cursor: pointer;
width: 0;
}
.simple-form .radio-label input:focus + .radio-button {
border: 2px solid var(--medium);
}
.simple-form .radio-label input:checked + .radio-button:after {
display: block;
}
.simple-form .radio-label .radio-button {
position: absolute;
top: 2px;
left: 0;
height: 20px;
width: 20px;
border: 2px solid var(--gray-dark);
border-radius: 50%;
}
.simple-form .radio-label .radio-button:after {
content: "";
position: absolute;
display: none;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--gray-dark);
font-weight: normal;
}
.simple-form input[type="checkbox"] {
display: inline-block;
}
.simple-form .checkbox-list {
margin-bottom: 25px;
}
.simple-form .checkbox-list .checkbox-label {
margin-bottom: 15px;
}
.simple-form .checkbox-label {
display: inline-block;
position: relative;
padding-left: 30px;
margin-bottom: 25px;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.simple-form .checkbox-label input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.simple-form .checkbox-label input:focus ~ .custom-checkbox {
border: 2px solid var(--medium);
}
.simple-form .checkbox-label input:checked ~ .custom-checkbox {
background: var(--gray-dark);
}
.simple-form .checkbox-label input:checked ~ .custom-checkbox:after {
display: block;
}
.simple-form .checkbox-label .custom-checkbox {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: 0;
height: 20px;
width: 20px;
border: 2px solid var(--gray-dark);
}
.simple-form .checkbox-label .custom-checkbox:after {
content: "";
position: absolute;
display: none;
left: 4px;
top: -1px;
width: 8px;
height: 14px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.simple-form .custom-select.input-validation-error ~ .select2-container .select2-selection--single {
border-color: tomato;
}
.simple-form .select2-container--default {
margin-bottom: 25px;
}
.simple-form .select2-container--default + .field-validation-error {
margin-top: -25px;
}
.simple-form .select2-container--default .select2-selection--single {
position: relative;
border-radius: 0;
border: 2px solid var(--gray-medium);
height: auto;
min-height: 36px;
line-height: normal;
padding: 2px 0;
}
.simple-form .select2-container--default .select2-selection--single .select2-selection__arrow {
right: 8px;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
height: auto;
}
.simple-form .select2-container--default .select2-selection--single .select2-selection__arrow:after {
color: var(--medium);
content: '\f078';
font-family: "FontAwesome";
position: relative;
right: 0;
}
.simple-form .select2-container--default .select2-selection--single .select2-selection__arrow b {
display: none;
}
.simple-form input[type="date"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: white;
}
.simple-form .date-picker-container {
position: relative;
}
.simple-form .simple-form-date-picker-not-mobile {
color: transparent;
background: transparent;
}
.simple-form .simple-form-custom-date-wrapper {
position: relative;
}
.simple-form .simple-form-custom-date {
display: inline-block;
border-radius: 0;
width: 100%;
position: absolute;
top: 50%;
left: 10px;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
pointer-events: none;
}
.simple-form .simple-form-custom-date + .fa-calendar {
position: absolute;
right: 25px;
top: 0;
width: 0;
cursor: pointer;
pointer-events: none;
}
.simple-form .simple-form-custom-date + .fa-calendar:before {
color: var(--medium);
}
.select2-container--default .select2-results__option {
    display: flex;
    min-height: 36px;
    align-items: center;
    justify-content: start;
    font-size: 1.4rem;

}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
background-color: var(--medium);
}



/*
==============================================
Team Page & Bio Pages
==============================================
*/

.about-yearbook.yearbook-three {
    margin: 25px auto 75px;
}

.about-yearbook.yearbook-three .yearbook-headshot-wrapper::after {
    content: none;
}


.yearbook-headshot-link {
text-decoration: none !important;
}
.yearbook-three .yearbook-slide {
width: 25%;
}
.yearbook-three .yearbook-headshot-wrapper {
max-width: none;
}
.bio-detail-link, .yearbook-links {
display: none;
}
.copy-section .yearbook-three .yearbook-headshot-wrapper::after {
background: -moz-linear-gradient(top, rgba(var(--black-alpha), 0.2) 30%,rgba(var(--black-alpha), 0.2) 52%,rgba(var(--black-alpha), 0.2) 100%);
background: -webkit-linear-gradient(top, rgba(var(--black-alpha), 0.2) 30%,rgba(var(--black-alpha), 0.2) 52%,rgba(var(--black-alpha), 0.2) 100%);
background: linear-gradient(to bottom, rgba(var(--black-alpha), 0.2) 30%,rgba(var(--black-alpha), 0.2) 52%,rgba(var(--black-alpha), 0.2) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002e414e', endColorstr='#2e414e',GradientType=0 );
}
.copy-section .yearbook-container .yearbook-first-name {
font-family: var(--font-2);
}
.copy-section .yearbook-container .yearbook-last-name {
font-family: var(--font-1); 
}
.copy-section .yearbook-container .yearbook-designation {
font-family: var(--font-1);  
}
/* bio/yearbook name */

.yearbook-three .yearbook-name-wrapper {
    color: var(--dark);
    font-weight: 600;
}
.yearbook-three .yearbook-name-wrapper .yearbook-designation {
    font-weight: 400;
}


/* bio/yearbook title */
.yearbook-designation-wrapper .yearbook-title, .bio-detail-title-wrapper, .bio-section .bio-detail-title {
color: var(--gray-dark);
font-family: var(--font-2);
font-size: 1.6rem;
font-weight: 400;
line-height: 2.0rem;
text-transform: none;
margin-top: 5px;
margin-bottom: 10px;
}
/* bio/yearbook icon */
.bio-detail-links-wrapper .fa, .yearbook-links .fa, .yearbook-links a {
color: var(--dark) !important;
text-decoration: none;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
/* bio/yearbook icon hover */
.bio-detail-links-wrapper .fa:hover, .yearbook-links .fa:hover, .yearbook-links a:hover {
color: var(--medium) !important;
}
.yearbook-three .yearbook-hr, .bio-content-social:before {
background-color:var(--gray-medium);
display: none;
}
.yearbook-container .slick-dots {
left: 0;
bottom: 0;
}

/*
==============================================
Team Page & Bio Pages Dark
==============================================
*/
.section-dark .yearbook-first-name,
.section-dark .yearbook-last-name,
.section-dark .yearbook-designation,
.section-dark .yearbook-title,
.section-dark .yearbook-hr,
.section-dark .bio-detail-first-name,
.section-dark .bio-detail-middle-initial,
.section-dark .bio-detail-title,
.section-dark .bio-detail-designation,
.section-dark .bio-detail-last-name,
.section-dark .bio-detail-links-wrapper .fa,
.section-dark .yearbook-links .fa,
.section-dark .yearbook-links a {
color: var(--white) !important;
}
.section-dark .yearbook-container .slick-prev {
border-top: 1px solid var(--white);
border-left: 1px solid var(--white);
}
.section-dark .yearbook-container .slick-next {
border-top: 1px solid var(--white);
border-right: 1px solid var(--white);
}

/* Large devices (tablet landscape, 1024px and less) tablet-l */
@media only screen and (max-width: 1024px) {
.yearbook-three .yearbook-slide {
width: 50%;
}
}


/* Large devices (desktops, 992px and less) */
@media only screen and (max-width: 992px) {
.yearbook-three .yearbook-slide {
width: 50%;
}
}

/* Extra small devices (most portrait phones, 480px and less) mobile-p */
@media only screen and (max-width: 480px) {
.yearbook-three .yearbook-slide {
width: 100%;
}
}


/*
==============================================
Interior Pages
==============================================
*/

.copy-section, .bio-section, .resource-section, .blog-main, .body-resource-detail .resource-section, .body-map-directions .resource-section {
background-image: none;
}
.interior .billboard-content:after {
background: var(--gray-medium);
}
/* .resource-section .body-resource-detail h3, .resource-detail-heading {
color: var(--gray-dark) !important;
} */
.simple-form .select2-container--default .select2-selection--single .select2-selection__arrow:after {
color: var(--black);
}

.interior .copy-section, .interior .masonry-grid-section, .interior .blog-detail-content-wrapper, .interior .intro-section {
    padding-block: 50px;
}

.interior .resource-detail-banner-wrapper .resource-detail-banner {

}
.resource-detail-banner-wrapper {
    overflow: hidden;
    max-height: 350px;
    align-items: center;
    justify-content: center;
    display: flex
;
}

/*
==============================================
INTERIOR BILLBOARD SECTION
==============================================
*/
.interior:not(.body-home) .billboard-container {
    height: 420px;
    background-size: cover;
    background-position: center center;
    position: relative;
}
.interior:not(.body-home) .billboard-container:after {
    content:'';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
/*    background: rgba(var(--rgb-color-2), var(--rgb-opacity-2)) !important;   */
}
.interior:not(.body-home) .billboard-heading-wrapper {
    position: relative;
    z-index: 1;
}
.interior:not(.body-home) .billboard-container p {
    text-align: left;
    font-weight: 400;
    font-size: 2.4rem;
    line-height: 3rem;
    color: var(--white);
    margin-bottom: 15px; 
    padding: 20px 0;
}
.interior:not(.body-home) .billboard-container p:last-of-type {
    padding-bottom: 0;
    margin-bottom: 0;
}

.bb-interior .billboard-content-wrapper .billboard-heading-wrapper .billboard-heading .button, 
.bb-interior .billboard-heading-wrapper .billboard-heading .button {
    font-size: 1.6rem !important;
    line-height: 2rem;
    color: var(--white) !important;
    border-color: var(--white);
    margin: 0px 10px 10px 0px !important;

}
.bb-interior .billboard-content-wrapper .billboard-heading-wrapper .billboard-heading .button:hover, 
.bb-interior .billboard-heading-wrapper .billboard-heading .button:hover {
    background: var(--white) !important;
    color: var(--dark) !important;
}


.bb-interior .billboard-heading h1 {
    align-items: center;
    color: var(--white);
    font-family: var(--font-1);
    font-size: 5.4rem;
    line-height: 1.1;
    font-weight: 500;
    text-align: left;
    margin-bottom: 0;
 }


.bb-interior .billboard-heading h1 .bb-ticker {
    display: block;
    color: var(--white);
    font-family: var(--font-1);
    font-size: 6.4rem;
    line-height: 7rem;
    font-weight: 500;
    text-align: left;
    margin-bottom: 0;
    padding-left: 20px;
    border-left: 2px solid var(--medium);
 }

 .bb-interior .billboard-heading h1 .bb-name {
    font-size: 3.6rem;
    font-weight: 300;
 }

/* Extra small devices (most portrait phones, 480px and less) mobile-p */
@media only screen and (max-width: 767px) {
    .interior .billboard-content-wrapper {
        min-height: 100%;
        /* padding-inline: 15px; */
    }
    .billboard-container .billboard-content-wrapper .billboard-heading-wrapper {
        padding: 0px 15px;
    }
    .bb-interior .billboard-content-wrapper .billboard-heading-wrapper .billboard-heading a:has(span.button) ~ a:has(span.button) {
        margin: 0;
    }

    .bb-interior .billboard-heading h1 {
        align-items: center;
        color: var(--white);
        font-family: var(--font-1);
        font-size: 4.8rem;
        line-height: 1.1;
        font-weight: 500;
        text-align: left;
        margin-bottom: 0;
    }

    .bb-interior .billboard-heading h1 .bb-ticker {
        font-size: 4.8rem;
        line-height: 1;
    }

     .bb-interior .billboard-heading h1 .bb-name {
         font-size: 3.2rem;
         line-height: 3.6rem;
     }

}


@media only screen and (max-width: 480px) {

    .bb-interior .billboard-heading h1,
    .bb-interior .billboard-heading h2 {
        font-size: 3.6rem;
        line-height: 4rem;
    }

    .bb-interior .billboard-heading-wrapper {
        height: 100%;
        padding: 15px;
        min-height: 250px;
        display: flex;
        align-items: center;
        justify-content: center;

    }
    .bb-interior .billboard-container p {
        font-size: 1.8rem;
        line-height: 2.4rem;
    }
    
    .bb-interior .billboard-container p:last-of-type {
        padding-bottom: 0;
    }

    .bb-interior .billboard-content-wrapper {
        min-height: 100%;
    }
    .bb-interior .billboard-container {
        height: auto;
        min-height: 300px;
        padding: 50px 15px;
        align-items: center;
    }
}



/*
==============================================
RESOURCES SECTION
==============================================
*/

.blog-detail-previous-link-wrapper-mobile,
.blog-detail-next-link-wrapper-mobile {
    bottom: 10px;
}

@media (min-width: 1200px) {
    .blog-detail-previous-link-wrapper,
    .blog-detail-next-link-wrapper {
        display: inline-block
    }
}

/*
==============================================
ABOUT US NEWS SECTION
==============================================
*/
.news-section {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d2d2d2+0,ffffff+100 */
background: linear-gradient(to bottom, rgba(210,210,210,.25) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */    
}
.mc-news .mc-slide {
    background: none;
    box-shadow: none;    
}
.mc-news .mc-cta {
    border: none;
}
.mc-news .mc-heading {
    font-size: 2.8rem;
    font-weight: 400;
}

@media screen and (max-width: 480px) {
    .mc-news .mc-heading {
        font-size: 2.4rem;
        font-weight: 400;
    }
}

/*
==============================================
VIDEO SECTION
==============================================
*/
.video-section {
    background: url(https://cm.raymondjames.com/-/media/b817aabd83b646e5aad07c087536178d.ashx); 
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 1;
 }
 .video-section:before {
    content:'';
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#e6e2e2+0,ffffff+100&0.5+0,0+30 */
    background: linear-gradient(to bottom, rgba(230,226,226,0.5) 0%,rgba(255,255,255,.5) 50%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
 }



/*
==============================================
Resource Detail Page
==============================================
*/

.resource-section .resource-detail-tag-cloud-wrapper .resource-detail-tag-cloud-links a,
.fa-share-alt, .resource-detail-info-wrapper a,
.social-media-share-link, .blog-date-link,
.blog-category-link, .blog-media-type-link {
color: var(--medium) !important;
}
.resource-section .resource-detail-tag-cloud-wrapper .resource-detail-tag-cloud-links a:hover {
color: var(--gray-dark) !important;
}

/*
==============================================
Masonry fixes model 1 variables
==============================================
*/

.masonry-grid-3 .masonry-one-by-one, .masonry-grid-3 .masonry-two-by-one, .masonry-grid-3 .masonry-one-by-two, .masonry-grid-3 .masonry-one-of-two-stacked, .masonry-grid-3 .masonry-two-of-two-stacked, .masonry-grid-3 .masonry-three-by-one, .masonry-grid-3 .masonry-two-by-two.masonry-two-by-two-img-top, .masonry-grid-3 .masonry-three-by-one {
    background-color: var(--gray-light);
}

.masonry-load-more:before {
display: none;
}

.filter-name, .filter a, .filter-reset {
border: solid 1px transparent;
padding: inherit;
}

.resource-no-results p {
    font-size: 1.6rem;
    font-style: italic;
}

/*
==============================================
Masonry Grid Styles
==============================================
*/

.interior .masonry-grid-section {
    background: linear-gradient(to bottom, rgba(91,94,90,.2) 0%,rgba(255,255,255,0) 75px,rgba(255,255,255,0) 100%); 

}

.masonry-grid-3 .masonry-title {
font-family: var(--font-1);
font-size: 1.6rem !important;
line-height: 1.8rem !important;
font-weight: 600 !important;
text-transform: uppercase !important;
color: var(--dark);
}

.masonry-grid-3 .masonry-date {
font-family: var(--font-1);
}
.masonry-grid-3 .masonry-paragraph {
font-family: var(--font-1);
}
.masonry-grid-3 .masonry-category {
font-family: var(--font-1);
}
.masonry-grid-3 .masonry-cta {
font-weight: 500 !important;
border-radius:25px !important;
font-family: var(--font-2) !important;
color: var(--dark) !important;

}  /*
==============================================
Mouse Scroller Model 1
==============================================
*/

.scroller-wrapper .scroller, .scroller-mobile-wrapper .scroller-mobile {
background-image: none !important;
background-color: var(--gray-medium) !important;
}
.scroller:before, .scroller-mobile:before {
content: '';
height: 50px;
width: 50px;
display: block;
animation: none !important;
background: none !important;
border-radius: 50%;
}
.scroller:after, .scroller-mobile:after  {
content: '' !important;
height: 18px !important;
width: 18px !important;
animation-name: none !important;
display: block !important;
border-radius: 0 !important;
border: 2px solid var(--dark);
border-right-width: 0;
border-top-width: 0;
transform: rotate(-45deg) !important;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
position: absolute !important;
bottom: 20px !important;
left: 52% !important;
top: 13px !important;
background: rgba(210, 120, 85, 0) !important;
margin-left: -10px !important;
}
.scroller-mobile:after  {
transform: rotate(135deg) !important;
-webkit-transform: rotate(135deg) !important;
-moz-transform: rotate(135deg) !important;
-o-transform: rotate(135deg) !important;
-ms-transform: rotate(135deg) !important;
bottom: 10px;
top: 20px !important;
}

/*
==============================================
Media Carousel Dots to Outlines
==============================================
*/

.slick-dots li.slick-active button:focus:before {
opacity: 1;
color: transparent;
}
.slick-dots li.slick-active button:before {
color: transparent !important;
opacity: 1 !important;
background: var(--gray-dark);
}
.slick-dots li button:before {
color: var(--gray-dark);
opacity: 0.95;
font-size: 10px;
}
.slick-dots li button:focus:before {
opacity: 1;
}
.mc-container .slick-dots li button:focus {
    outline: none;
}
.slick-dots li.slick-active button:before {
color: black;
opacity: 1;
}
.slick-dots li button {
border: none;
background: transparent;
display: block;
height: 11px;
width: 11px;
outline: none;
font-size: 0;
color: transparent;
padding: 4px;
cursor: pointer;
/* border-radius: 50%; */
}
.slick-dots li button:before {
color: transparent !important;
opacity: 1 !important;
font-size: 10px;
width: 9px !important;
height: 9px !important;
border: 2px solid var(--gray-dark);
border-radius: 50%;
}
.slick-dots li {
width: 9px !important;
height: 9px;
}
.section-dark .slick-dots li button:before {
border: 2px solid var(--white);
}
.section-dark .slick-dots li.slick-active button:before {
background: var(--white);
}

/*
==============================================
Next/Previous arrows and background variables
==============================================
*/ 

/* Next/prev text normal */
.bio-detail-next, .bio-detail-next-bio, .blog-detail-prev, .blog-detail-prev-resource, .blog-detail-next-resource, .blog-detail-next, .bio-detail-prev-bio, .bio-detail-next-bio, .resource-detail-prev, .resource-detail-next, .resource-detail-next-resource, .resource-detail-prev-resource, .bio-detail-next, .bio-detail-prev, .resource-detail-next, .resource-detail-prev  {
color: var(--gray-dark) !important;
font-size: 1.6rem;
webkit-transition: all 0.2 ease-in-out !important;
-moz-transition: all 0.2s ease-in-out !important;
-o-transition: all 0.2s ease-in-out !important;
-ms-transition: all 0.2s ease-in-out !important;
transition: all 0.2s ease-in-out !important;
}
/* Next/prev text hover */
.blog-detail-previous-link:hover .blog-detail-prev, .blog-detail-previous-link:hover .blog-detail-prev-resource, .blog-detail-next-link:hover .blog-detail-next, .blog-detail-next-link:hover .blog-detail-next-resource, .bio-detail-next-link:hover .bio-detail-next, .bio-detail-next-link:hover .bio-detail-next-bio, .bio-detail-previous-link:hover .bio-detail-prev, .bio-detail-previous-link:hover .bio-detail-prev-bio, .resource-detail-previous-link:hover .resource-detail-prev, .resource-detail-next-link:hover .resource-detail-next, .resource-detail-previous-link:hover .resource-detail-prev-resource, .resource-detail-next-link:hover .resource-detail-next-resource
{
color: var(--black) !important;
}
/* Next/prev arrow normal */
.resource-detail-previous-link:after, .bio-detail-previous-link .bio-detail-previous-arrow, .bio-detail-next-link .bio-detail-next-arrow, .resource-detail-next-link:after, .resource-detail-next-link .resource-detail-next-arrow, .resource-detail-previous-arrow, .blog-detail-previous-link .blog-detail-previous-arrow, .blog-detail-next-link .blog-detail-next-arrow {
border-color: var(--gray-dark) !important;
}
/* Next/prev arrow hover */
.resource-detail-previous-link:hover:after, .bio-detail-previous-link:hover .bio-detail-previous-arrow, .bio-detail-next-link:hover .bio-detail-next-arrow, .resource-detail-next-link:hover:after, .resource-detail-next-link:hover .resource-detail-next-arrow, .resource-detail-previous-link:hover .resource-detail-previous-arrow, .blog-detail-previous-link:hover .blog-detail-previous-arrow, .blog-detail-next-link:hover .blog-detail-next-arrow {
border-color: var(--gray-light) !important;
}
/* Arrow background normal */
.resource-detail-previous-link-wrapper-mobile:before, .bio-detail-next-link-wrapper-mobile:before, .bio-detail-previous-link-wrapper-mobile:before, .bio-detail-previous-link-wrapper:before, .bio-detail-next-link-wrapper:before, .blog-detail-previous-link-wrapper:before, .blog-detail-next-link-wrapper:before, .resource-detail-previous-link-wrapper:before, .resource-detail-next-link-wrapper:before, .resource-detail-next-link-wrapper-mobile:before, .blog-detail-previous-link-wrapper-mobile:before, .blog-detail-next-link-wrapper-mobile:before {
background: var(--white) !important;
}
/* Arrow background hover */
.bio-detail-previous-link-wrapper.hover-link:before, .bio-detail-next-link-wrapper.hover-link:before, .blog-detail-next-link-wrapper.hover-link:before, .blog-detail-previous-link-wrapper.hover-link:before, .resource-detail-previous-link-wrapper.hover-link:before, .resource-detail-next-link:hover:before, .resource-detail-next-link-wrapper.hover-link:before {
background: var(--gray-dark) !important;
}

/*
==============================================
Share Widget and text links
==============================================
*/

/* share icon (left) hover and text */
.social-media-share-link:hover > .fa-share-alt:before, .resource-detail-tag-cloud-links a:active  > .fa-share-alt:before, .social-media-share-link:active > .fa-share-alt:before, .resource-detail-info-wrapper a:hover {
color: var(--gray-dark) !important;
}
/* share icon (left) normal */
.fa-share-alt, .resource-detail-info-wrapper a, .social-media-share-link, .blog-date-link, .blog-category-link, .blog-media-type-link  {
color: var(--medium) !important;
}
/* share pop up box icon normal */
.social-media-share-wrapper span a {
color: var(--white) !important;
}
/* share pop up box icon hover */
.social-media-share-wrapper span a:hover {
color: var(--gray-light) !important;
}
/* Divider lines (//) */
.resource-detail-info-divider, .blog-landing-info-divider, .blog-detail-info-wrapper .blog-detail-info-divider, .blog-detail-info-divider {
color: var(--gray-dark) !important;
}
/* share pop up box background */
.social-media-share-wrapper span {
background-color: var(--medium-color-1);
}
/* share pop up box top chevron  triangle */
.social-media-share-wrapper span:before {
border-bottom: 10px solid var(--medium-color-1);
}
.blog-detail-tag-cloud-wrapper .blog-detail-tag-cloud-heading-wrapper, .resource-detail-tag-cloud-wrapper .resource-detail-tag-cloud-heading-wrapper {
color: var(--gray-dark);
border-top: 1px solid var(--gray-medium);
}

.search-term-wrapper .search-term {
    font-size: 1.6rem;
}

.search-term-wrapper .search-term::placeholder {
    font-size: 1.4rem;
}

/*
==============================================
Styles Page Section
==============================================
*/
.flextabs-wrapper {
overflow: hidden;    
}
 .flextabs {
margin-bottom: 100px;
overflow: visible !important;
position: relative;
/* display: table; */
/* border: 1px solid red;  */
} 
.flextab-triggers a {
display: inline-block;
padding: 14px 14px;
width: auto;
background: var(--gray-light);
color: var(--gray-dark);
font-size: 1.6rem;
font-weight: 600;
text-transform: uppercase;
}
.flextab-triggers a:hover { background: #ffffff; }
.flextab-triggers .set {
color: var(--dark);
background: var(--white);
}
.flextab-content {
padding: 30px;
border: 1px solid var(--gray-medium);
font-size: 1.6rem;
line-height: 24px;
font-weight: 400;
text-transform: none;
}

/* Partners */
.callouts-mobile-slider {
opacity: 1;
}

h2.eyebrow {
    font-size: 1.6rem;
    font-weight: 400;
    font-family: var(--font-2);
    letter-spacing: 8px;
    text-transform: uppercase;
    text-align: center;
    margin: 10px auto;    
}
/*
==============================================
Callout Partners Variant
==============================================
*/
.co-tile-base.co-partners .callout-item {
border: 1px solid var(--light-color-1) !important;
background: var(--dark-color-1) !important;
}
.co-tile-base.co-partners .callout-item a {
cursor: default !important;
}
.co-tile-base.co-partners .callout-item .callout-heading-wrapper .callout-heading {
font-size: 2.4rem;
line-height: 2.4rem;
color: var(--white) !important;
}
.co-tile-base.co-partners .callout-item .callout-copy-wrapper:before {
content: "";
display: block;
width: 100%;
height: 1px;
border-top: 1px solid var(--dark);
padding-bottom: 20px;
}
.co-tile-base.co-partners .callout-item .callout-copy-wrapper:before {
color: var(--white) !important;
}

 /*
==============================================
Callouts Tile
==============================================
*/

.interior.body-blog .co-tile-base .callout-item .callout-link {
    background-color: var(--light-color-1);
}
.co-tile-base .callout-item .callout-link, .co-tile-base .callout-item .callout-link:hover {
    box-shadow: none;
}

.section-light .co-tile-base .callout-item .callout-link, .section-light .co-tile-base .callout-item .callout-link:hover {
    background-color: var(--white);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(84,96,108,0.15);
    -moz-box-shadow: 0px 0px 10px 0px rgba(84,96,108,0.15);
    box-shadow: 0px 0px 10px 0px rgba(84,96,108,0.15);
}


.co-tile-base .callout-item .callout-heading-wrapper .callout-heading, 
.co-tile-base.callouts-mobile-slider .callout-item .callout-heading-wrapper .callout-heading, 
.co-tile-base.callouts-mobile-slider .callout-slide .callout-heading-wrapper .callout-heading {
    font-family: var(--font-1);
    font-size: 2.4rem;
    line-height: 2.6rem;
    color: var(--dark);
    text-transform: none;
    padding: 40px 0 15px;
    font-weight: 400;
    position: relative;
}
.co-tile-base.callouts-container.callouts-no-slider .callout-item .callout-heading-wrapper .callout-heading {
    font-family: var(--font-1);
    font-size: 2.4rem;
    line-height: 2.6rem;
    color: var(--dark);
    text-transform: none;
    padding: 40px 0 15px;
    font-weight: 400;
    position: relative;
}
.callouts-header-line-1-bold .head-1, .callouts-header-line-2-bold .head-1 {
    font-weight: 600;
}
.callouts-header-line-1-break .head-1, .callouts-header-line-2-break .head-1 {
    display: block;
}
.co-tile-base .callout-item .callout-copy-wrapper, 
.co-tile-base.callouts-mobile-slider .callout-item .callout-copy-wrapper {
    font-family: var(--font-3);
    color: var(--gray-dark) !important;
    font-size: 1.6rem;
    line-height: 1.8rem;
    font-weight: 400;
}
.co-tile-base .callout-item .callout-cta-wrapper button, 
.co-tile-base.callouts-mobile-slider .callout-item .callout-cta-wrapper button, 
.co-tile-base.callouts-mobile-slider .callout-slide .callout-cta-wrapper button {
    font-family: var(--font-3);
    font-weight: 800;
    font-size: 1.6rem;
    line-height: 2rem;
    color: var(--dark);
    border: 1px solid var(--dark);
    text-transform: none;
    padding: 10px 20px;
    border-radius: 4px;
    display: inline-block;
    background-color: transparent;
    transition: all 400ms ease-in-out;
}
.callouts-container.callouts-no-slider .callout-item .callout-cta-wrapper button {
    font-size: 1.6rem;
    font-weight: 600;
    padding: 10px;
    transition: all 400ms ease-in-out;

}
.co-tile-base .callout-item .callout-image-wrapper .callout-image, 
.co-tile-base.callouts-mobile-slider .callout-item .callout-image-wrapper .callout-image {
transition: all 400ms ease-in-out;
}
.co-tile-base .callout-item:hover .callout-image-wrapper .callout-image, 
.co-tile-base.callouts-mobile-slider .callout-item:hover .callout-image-wrapper .callout-image {
    -webkit-transform: scale(1.05, 1.05);
    transform: scale(1.05, 1.05);
}
.co-tile-base .callout-item .callout-cta-wrapper, 
.co-tile-base.callouts-mobile-slider .callout-item .callout-cta-wrapper {
    height: auto !important;
}

/*
==============================================
Callout Tiles

co-tile-base
co-gap

==============================================
*/
.co-tile-base {
    grid-gap: 20px;
}
.co-tile-base .callout-item .callout-heading-wrapper .callout-heading, 
.co-tile-base.callouts-mobile-slider .callout-item .callout-heading-wrapper .callout-heading, 
.co-tile-base.callouts-mobile-slider .callout-slide .callout-heading-wrapper .callout-heading {
    padding: 30px 0 15px;
    margin: 0;
}
.co-tile-base .callout-item .callout-heading-wrapper, 
.co-tile-base.callouts-mobile-slider .callout-item .callout-heading-wrapper {
    padding: 0 20px;
}
.co-tile-base .callout-item .callout-copy-wrapper, 
.co-tile-base.callouts-mobile-slider .callout-item .callout-copy-wrapper {
    padding: 0 20px;
} 
.co-tile-base .callout-item .callout-cta-wrapper, 
.co-tile-base.callouts-mobile-slider .callout-item .callout-cta-wrapper {
    padding: 25px 20px;
    margin-bottom: 0px;
}
.co-tile-base .callout-item, 
.co-tile-base.callouts-mobile-slider .callout-item {
    background: transparent;
}
.co-tile-base .callout-item .callout-categories-wrapper, .co-tile-base.callouts-mobile-slider .callout-item .callout-categories-wrapper {
    border-top: 0px solid var(--gray-light);
}
.co-tile-base.callouts-container .callout-item .callout-date-wrapper .callout-date, .co-tile-base.callouts-mobile-slider .callout-item .callout-date-wrapper .callout-date {
    padding: 0 0px;
    color: var(--gray-dark);
    font-size: 1.6rem;
}
.co-tile-base .callout-categories {
    padding: 0 0px;
    color: var(--gray-dark);
    font-size: 1.6rem;
}

.co-tile-base .callout-item .callout-cta:after, 
.co-tile-base.callouts-mobile-slider .callout-item .callout-cta:after {
    content: '';
    font-family: "FontAwesome";
    font-weight: 400;
    content: "\f105";
    display: inline;
    font-size: 25px;
    margin-left: 15px;
    transition: all 400ms ease-in-out;
    top: 3px;
    position: relative;
}
.co-tile-base .callout-item .callout-cta-wrapper .callout-cta {
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2rem;
    border: 0px;
    padding: 0px;
    border-radius: 0px;
    display: inline-block;
    background-color: transparent;
    transition: all 400ms ease-in-out;
    width: auto;
    display: block;
    position: relative;
}
.co-tile-base .callout-item .callout-cta-wrapper .callout-cta:hover, 
.co-tile-base .callout-item:hover .callout-cta, 
.co-tile-base.callouts-mobile-slider .callout-item:hover .callout-cta {
    text-decoration: none;
    background: none;
    color: var(--dark) !important;
    transition: all 400ms ease-in-out;
    
}
button.callout-cta.callout-cta-button {
    left: 0;
}
.co-tile-base .callout-item:hover .callout-cta-wrapper .callout-cta:after, 
.co-tile-base.callouts-mobile-slider .callout-item:hover .callout-cta-wrapper .callout-cta:after {
    padding-left: 10px;
}



.co-col-1 {
    grid-template-columns: repeat(1, 1fr);
}
.co-col-2 {
    grid-template-columns: repeat(2, 1fr);
}
.co-col-3 {
    grid-template-columns: repeat(3, 1fr);
}
.co-col-4 {
    grid-template-columns: repeat(4, 1fr);
}
@media screen and (min-width: 844px) and (max-width: 1024px) {
.co-col-1.callouts-container .callout-item,
.co-col-2.callouts-container .callout-item,
.co-col-3.callouts-container .callout-item,
.co-col-4.callouts-container .callout-item {
    width: calc(100% - 20px);
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.co-col-1.callouts-container .callout-item,
.co-col-2.callouts-container .callout-item,
.co-col-3.callouts-container .callout-item,
.co-col-4.callouts-container .callout-item {
    width: calc(100% - 20px);
}
}
.co-line-break .callout-heading strong {
    display: block;
}

/*
==============================================
Callout Tiles - light
==============================================
*/
.section-light .co-tile-base,
.section-light .co-tile-base .callout-item, 
.section-light .co-tile-base.callouts-mobile-slider .callout-item {
background: transparent;
}

/*
==============================================
Callout Tiles - Dark
==============================================
*/
.section-dark .co-tile-base {
background: transparent;
}
.section-dark .co-tile-base .callout-item, 
.section-dark .co-tile-base.callouts-mobile-slider .callout-item {
background: var(--white);
border: 1px solid rgba(var(--rgb-color-4), var(--rgb-opacity-2));
}
.section-dark .callouts-container .callout-item .callout-categories-wrapper, .section-dark .callouts-mobile-slider .callout-item .callout-categories-wrapper {
border-top: 0px solid var(--dark);
}

.section-dark .co-tile-base .callout-item .callout-heading-wrapper .callout-heading, 
.section-dark .co-tile-base.callouts-mobile-slider .callout-item .callout-heading-wrapper .callout-heading, 
.section-dark .co-tile-base.callouts-mobile-slider .callout-slide .callout-heading-wrapper .callout-heading, 
.section-dark .co-tile-base .callout-item .callout-copy-wrapper, 
.section-dark .co-tile-base.callouts-mobile-slider .callout-item .callout-copy-wrapper,
.section-dark .co-tile-base .callout-cta {
color: var(--dark) !important;
}
.section-dark .co-tile-base .callout-item .callout-cta-wrapper .callout-cta:hover, 
.section-dark .co-tile-base .callout-item:hover .callout-cta, 
.section-dark .co-tile-base .callouts-mobile-slider .callout-item:hover .callout-cta {
text-decoration: none;
background: transparent !important;
color: var(--black) !important;
}
.section-dark .co-tile-base.callouts-container .callout-item .callout-date-wrapper .callout-date, .section-dark .co-tile-base.callouts-mobile-slider .callout-item .callout-date-wrapper .callout-date {
color: var(--dark);
}
.section-dark .co-tile-base .callout-categories {
color: var(--dark);
}





/*
==============================================
Yearbook Five
==============================================
*/

.yearbook-five {
    display: grid;
    grid-gap: 15px;
    margin: 50px 0;
  }
  
  @media (min-width: 992px) {
    .yearbook-five {
      grid-gap: 30px;
      grid-template-columns: 1fr 1fr;
    }
  }
  
  .yearbook-five .yearbook-five-card {
    display: grid;
    grid-template-columns: 2fr 3fr;
  }
  
  @media (min-width: 992px) {
    .yearbook-five .yearbook-five-card.yearbook-five-card-layout-with-social {
      grid-template-columns: 1fr 2fr;
    }
  }
  
  .yearbook-five .yearbook-five-card.yearbook-five-card-layout-with-social .yearbook-five-img {
    width: 100%;
    min-height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  
  .yearbook-five .yearbook-five-card.yearbook-five-card-layout-with-social .yearbook-five-contact-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 40px;
    font-size: 1.8rem;
  }
  
  @media (min-width: 768px) {
    .yearbook-five .yearbook-five-card.yearbook-five-card-layout-with-social .yearbook-five-contact-row .fa-phone {
      display: none;
    }
  }
  
  .yearbook-five .yearbook-five-card.yearbook-five-card-layout-with-social .yearbook-five-location {
    margin-bottom: 15px;
  }
  
  .yearbook-five .yearbook-five-card.yearbook-five-card-layout-with-social .yearbook-five-details {
    padding: 15px;
  }
  
  .yearbook-five .yearbook-five-card.yearbook-five-card-layout-no-social {
    grid-template-columns: 100%;
  }
  
  .yearbook-five .yearbook-five-card.yearbook-five-card-layout-no-social .yearbook-five-img {
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    place-self: stretch;
  }
  
  .yearbook-five .yearbook-five-card.yearbook-five-card-layout-no-social .yearbook-five-contact-row {
    display: none;
  }
  
  .yearbook-five .yearbook-five-card.yearbook-five-card-layout-no-social .yearbook-five-location {
    margin-bottom: 5px;
  }
  
  .yearbook-five .yearbook-five-card.yearbook-five-card-layout-no-social .yearbook-five-details {
    padding: 15px;
  }
  
  .yearbook-five .yearbook-five-card.yearbook-five-card-layout-no-social .yearbook-five-details .yearbook-five-location {
    padding-bottom: 0;
  }
  
  .yearbook-five .yearbook-five-card * {
    color: var(--dark);
    margin-bottom: 0;
    line-height: initial;
  }

  .yearbook-five .yearbook-five-contact-row a:hover {
    color: var(--medium);
  }
  
  .yearbook-five .yearbook-five-details {
    background: var(--gray-light);
  }
  
  .yearbook-five .yearbook-five-name {
    font-size: 1.8rem;
    font-family: 'Source Sans Pro Semibold', sans-serif;
    margin-bottom: 5px;
  }
  
  .yearbook-five .yearbook-five-title {
    font-size: 1.6rem;
  }
  
  .yearbook-five .yearbook-five-phone {
    display: none;
    font-family: 'Source Sans Pro Semibold', sans-serif;
    font-size: 1.6rem;
    margin-bottom: 10px;
  }
  
  @media (min-width: 768px) {
    .yearbook-five .yearbook-five-phone {
      display: block;
    }
  }
  
  .yearbook-five .yearbook-five-location {
    font-size: 1.6rem;
  }
  
  .yearbook-five .yearbook-five-read-bio {
    font-family: 'Source Sans Pro Semibold', sans-serif;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
  }
  
  .yearbook-five .yearbook-five-read-bio:after {
    content: "";
    width: 40px;
    height: 16px;
    background-image: url(/areas/AdvisorSites/Assets/dotcom/images/cta-arrow.svg);
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 15px 3px;
    background-size: 11px 11px;
    transition: background-position .25s;
  }
  
  .yearbook-five .yearbook-five-read-bio:hover:after {
    background-position: 25px 3px;
  }

/*
==============================================
Responsive Media Queries
==============================================
*/

/* Large devices (tablet landscape, 1024px and less) tablet-pro-l */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: landscape)  {

}

/* Large devices (tablet landscape, 1024px and less) tablet-pro-p */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait)  {

}

/* Large devices (tablet landscape, 1024px and less) tablet-l */
@media only screen and (max-width: 1024px) {

}


/* Large devices (desktops, 992px and less) */
@media only screen and (max-width: 992px) {

}




/* Extra small devices (most portrait phones, 480px and less) mobile-p */
@media only screen and (max-width: 480px) {

}

/* Extra small landscape devices (most landscape phones, >=480px and <= 767 and landscape) mobile-l */
@media only screen and (min-width: 480px) and (max-width: 767px) and (orientation: landscape) {


}


