/* Styles for themed sites using the BLUE color scheme */


:root {

    /* Blue Variables */
    
    --medium: #4a7aa3 !important;
    --medium-color-1:#83551F;
    --dark: #002949 !important;
    --white: #fff!important;
    --black: #000!important;
    --gray-medium: #DBDEE3;
    --gray-light:#F1F0ED;

    }

/* BEGIN Living Your Legacy Landing Page Styles */
.legacy-landing .landing-intro-text h1 {
    color: #0c3352;
}
.legacy-landing .quiz-row {
    background-color: #0c3352;
}
.legacy-landing .landing-contact h4 {
    color: #0c3352;
}
.legacy-landing .callout-heading {
    color: #002949;
} 
/* END Living Your Legacy Landing Page Styles */


/* BEGIN Living Your Legacy Detail Page Styles */
.legacy-detail .landing-intro-text h1 .head-1 {
    color: #0c3352;
}
.legacy-detail .landing-contact h4 {
    color: #0c3352;
}
.legacy-detail .callout-heading {
    color: #002949;
} 
.legacy-detail .stat-number {
    color: #0c3352;
}
.legacy-detail .stat-percent {
    color: #0c3352;
}
.legacy-detail .focus-callout-section-heading {
    color: #002949;
}
.legacy-detail .slick-nav-button {
    border: 1px solid #002949; 
    color: #002949;
}
.legacy-detail #family-prev:hover{
    background: #002949;
}
.legacy-detail #family-next:hover{
    background: #002949;
}
.legacy-detail .quiz-row {
    background-color: #0c3352;
}
/* END Living Your Legacy Detail Page Styles */


/*BEGIN New Hard-coded Client Modules*/
.new-clients-module .retirement-style-container svg image,
.new-clients-module .retirees-slick svg image, .new-clients-module .retirement-style-container svg path, .new-clients-module .retirees-slick svg path {
    filter: brightness(0) saturate(100%) invert(12%) sepia(22%) saturate(4782%) hue-rotate(182deg) brightness(102%) contrast(103%);
}

.new-clients-module button.pwa-content-cta,
.new-clients-module .pwa-content-cta a,
.new-clients-module .pwa-content-cta a:hover {
    color: #002949;
}

.new-clients-module h2, .new-clients-module h3, .new-clients-module h4, .new-clients-module h5, .new-clients-module h6 {
    color: #002949;
}
.new-clients-module .module-multimedia-content div > h3, .hardcoded-case-study h3 {
    color: #002949;
}
.new-clients-module .hardcoded-case-study .case-study-content {
    border-left: 2px solid #002949;
}
.new-clients-module .navigating-milestones-headline {
    border-bottom: 1px solid #002949;
}
.new-clients-module .hardcoded-case-study h2, .navigating-milestones-headline h2 {
    color: #002949;
}
.new-clients-module .navigating-milestones-headline:before {
    border-bottom: 1px solid #002949;
}
.new-clients-module .case-study-content .module-cta:before {
    color: #002949;
}
.donut-segment-2 {
    stroke: #002949;
}
.new-clients-module .graph-caption {
    color: #002949;
}
.new-clients-module .ftr-cta-wrapper h3 {
    color: #002949;
}
.new-clients-module .focus-callout-section-heading {
    color: #002949;
}
.new-clients-module .focus-callout-section-heading a:hover {
    color: #002949;
}
.new-clients-module .focus-callout-section-text {
    color: #686868;
}
.new-clients-module .module-video-slider-header {
    background: #002949;
}
.new-clients-module .module-main-slider  .content-slider-cta {
    color: #002949;
}
.new-clients-module .module-main-slider li.slick-active button:before {
    color: #002949;
}
.new-clients-module .module-main-slider  .content-slider-cta:before {
    color: #002949;
}
.new-clients-module .banner-title h1 .fadeInDownSmall {
    color: #002949;
}
/*END New Hard-coded Client Modules*/

 

/*Begin Pre-retirees Client Module*/

.container.pre-retirees-container {
    background: #f3f3f3!important;
}

.pre-retirees-grid-wrap{
	position: absolute;
	width: 140px;
	height: 140px;
	border-radius: 50%;
	perspective: 800px;
	transition: all 0.4s ease-in-out;
	top: 20px;
	left: 20px;
	background: #f9f9f9;
	box-shadow: 
		0 0 0 20px rgba(255,255,255,0.2), 
		inset 0 0 3px rgba(84, 137, 182, 1);

}
.pre-retirees-circle .pre-retirees-circle-back {
	transform: rotate3d(0,1,0,180deg);
	background: #FFF;
font-size:20px;
}
.pre-retirees-circle-1 {
    background: #002949;
}

.pre-retirees-circle-2 { 
    background: #002949;
}

.pre-retirees-circle-3 { 
    background: #002949;
}
.pre-retirees-circle-front h3 {
    color: #FFf!important;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
    font-size: 54px;
    margin: 0 15px;
    padding: 40px 0 0 0;
    height: 90px;
    font-family: 'Open Sans', Arial, sans-serif;
    text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3);
}
.pre-retirees-circle-back h3 {
    color: #002949!important;
 text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
    font-size: 54px;
    margin: 0 15px;
    padding: 40px 0 0 0;
    height: 90px;
    font-family: 'Open Sans', Arial, sans-serif;
    text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3);
}
.pre-retirees-circle p {
    color: black;
    padding: 30px 5px;
     margin: 0 30px;
    font-size: 28px;
 }

.pre-retirees-circle p a {
	display: block;
	color: rgba(255,255,255,0.7);
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 9px;
	letter-spacing: 1px;
	padding-top: 4px;
	font-family: 'Open Sans', Arial, sans-serif;
}

.pre-retirees-circle p a:hover {
	color: rgba(255,242,34, 0.8);
}
.pre-retirees-grid li:hover .pre-retirees-grid-wrap {
	box-shadow: 
		0 0 0 0 rgba(255,255,255,0.8), 
		inset 0 0 3px rgba(84, 137, 182, 1);
}

.pre-retirees-grid li:hover .pre-retirees-circle {
	transform: rotate3d(0,1,0,-180deg);
}
.pre-retirees-grid li:hover h3 {
	    color: #002949;
}

button.content-slider-cta {
    background:#5b5e5a;
    color: white;
margin: 20px auto 0;
    width: auto;
    padding: 10px 50px;
    text-transform: uppercase;
    position: relative;
    -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;
    border: 0px;
}

 

.pre-retirees-marker {
    background: #002949;
    color: white;
}

.pre-retirees-marker h3 {
    color: white!important;
    font-weight: 800;
    font-size: 24px;
    letter-spacing: 0px;
    text-transform: uppercase;
    margin: 30px 0 0;
    padding: 5px;
    text-align: center;
}

.pre-retirees-marker p {
    color: white!important;
}

.pre-retirees-case-study a {
    color: #5b5e5a;
}
.pre-retirees-case-study h4 a {
    color: #002949;
}
.pre-retirees-case-study h4 {
    border-bottom: 1px solid #002949;
}


.pre-retirees .module-cta a:hover {
color: #002949;
}


.pre-retirees-marker button.content-slider-cta:before {
    font-family: "FontAwesome";
    font-weight: 300;
    content: "\f061";
    left: -25px;
    position: absolute;
    -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;
    left: auto;
    right: 30px;
    transition: all 0.4s ease-in-out;
}
button.content-slider-cta:hover {
    background: #002949;
    border: 1px solid #5b5e5a;
   -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;
}

p.contact-cta.text-center:before {
  
    margin-right: 5px;
    color: #5b5e5a;
    font-family: "FontAwesome";
    font-weight: 300;
    content: "\f061";
    left: -25px;
     -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;
}

 

.pre-retirees-case-study h2 a, .pre-retirees-case-study h3 a {
    color: #002949;
}

/* End Pre-retirees module */	

/* Retirees */
.new-clients-module .case-study-content .retirees-cta:after {
    color: #002949;
}
.retirees img.mc-image {
    border-top: 8px solid #002949;
}
/* End Retirees module */	

/*Digital Advertisting Landing Page*/
.ads-page .landing-intro-paragraph h1 {
	color: #002949;
}
.ads-page .connect-button-section button {
	background: #002949;
}
.ads-page .office-intro-section h2 {
    color: #002949;
}
.ads-page h2#contact-form {
    color: #002949;
}
.ads-page .ads-services-section h3, .ads-page .clients-section h3 {
    color: #002949;
}
.ads-page header.reveal > .container {
    border-color: #002949;
}
/*Corporate Executives*/

.corporate-executives .retirees-embed-container>.container.corp-executives-container {

    background: #002949;
}
.container.corp-executives-container {
    background-color: #002949;
}
/* End Corporate Ex module */	

/*Sustainable Investing*/

.sustainable-investing .retirees-embed-container>.container.sustainable-investing-container {

    background: #002949;
}
.container.sustainable-investings-container {
    background-color: #002949;
}
.new-clients-module .case-study-content .retirees-cta:after {
    font-family: "FontAwesome";
    font-weight: 300;
    content: "\f061";
    position: absolute;
    transition: all 0.4s ease-in-out;
    margin-left: 5px;
    color: #002949;
}

.sustainable-investing-grid-div a {
    color: white;
}
.sustainable-investing-grid-div a:hover{
    color: #0867e4;
}
 .sustainability-report {
     border-bottom: 1px solid #002949;
}

/* Intergenerational Wealth Transfer  Styles */
.iwt-detail .stat-section-headline h2,
.iwt-landing .callouts-headline h3  {
    color: #073251;
}

/* Custom forms - should move to solution */
.simple-form {
    margin-bottom: 20px;
}
.simple-form input[type="submit"] {
    border: 2px solid #002949;
    background: #002949;
}
.simple-form .select2-container--default .select2-selection--single .select2-selection__arrow:after {
    color: #002949;
}
.recaptcha-disclaimer, .required-text {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 13px;
    line-height: 17px;
}
/* END Custom forms - should move to solution */

/*
==============================================
PRINT 
==============================================
*/
@media print {
    html {
        height: auto;
    }    
    .bio-nav,
    .navigation-contain,
    .horizontal-nav .navigation-contain,
    .bio-detail .social-media .svg,
    .bio-detail .social-media .fa,
    .filter-dropdown-container .reset,
    .filter-dropdown-container .filter-dropdown,
    .site-ft,
    .brokercheck-container,
    .social-media-share-wrapper,
    .resource-banner,
    .tag-cloud,
    .banner-small.banner,
    .filter-dropdown-container,
    .banner_small_image,
    .main-content  {
        display: none !important;
      }
    
    .bio-detail .social-media {
        max-width: none;
    }
    .bio-detail .social-media a {
        width: auto;
        height: auto;
    }
    .horizontal-nav .site-nav,
    .horizontal-nav .navigation,
    .site-hd header {
        border: none;
        padding: 0;
    }
    .site,
    .border-container {
        border: none;
    }
    header .header-container,
    .site-hd,
    .site-bd,
    .resource-info li,
    .bio-tiles li h4 {
        padding: 0;
    }
    .bio-detail {
        padding-top: 20px;
    }
    .img-hd img {
        filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(12%) hue-rotate(257deg) brightness(104%) contrast(104%);
    }
    .site-hd {
        position: relative;
    }
    .resource-info {
        padding-top: 20px;
    }
    .resource-info li:nth-last-child(2):after {
        display: none; 
    }
    /* removes the auto link text on a tag */
header .container a[href]:after,
.resource-info a[href]:after,
.blog-detail-info-wrapper a[href]:after {
	content: none !important;
}
*,
*:before,
*:after {
	background: transparent !important;
	color: var(--black) !important;
	box-shadow: none !important;
	text-shadow: none !important;
}
body {
	border-bottom: 1px solid var(--gray-light) !important;
}
p,
ul,
li,
div {
	font-size: 11pt;
	line-height: 13pt;
}
.resource-info ul, 
.blog-detail-info-wrapper {
	display: block !important;
	font-size: 9.25pt;
	padding-block: 10px;
	margin-block: 10px;
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
}
  p {
    break-inside: avoid;
  }
    @page {
        size: auto;
        margin: 0.25in 0.25in 0.25in;
    }
    }