/* /RJ/Advisor Sites/Global/Global CSS/Model 2/base */
@import url('https://www.raymondjames.com/-/media/rj/advisor-sites/global/global-css/model-2/base.css');
@import url('https://www.raymondjames.com/-/media/34d01108a19a419eb2f4ff71406a8082.ashx');
 
/*==============================================  IMPORTANT - PLEASE READ ==============================================
  
/* DUE TO THE COMPLEXITY OF CUSTOM SITES, PLEASE SEE BUILDER OR
DESIGNER BEFORE MAKING CHANGES TO FUNCTIONALITY OR ADDING/REMOVING CONTENT OR SECTIONS
  
BUILDER:
DESIGNER:
JOB #:
COMPLETION DATE:
ADDITIONAL NOTES:
Fonts:
  
    font-family: 'Montserrat', sans-serif;
    font-family: 'Playfair Display', serif;
  
  
========================================================================================================================
*/
 
  
 
 
:root {
  
  --light: #f1ddb6;
  --light-color-1:#e1a04b;
  --medium: #9D641B;
  --medium-color-1: #0066DB;
  --dark: #002d62 ;
  --dark-color-1: #0e233c;
  --gray-light: #f5f7f9;   
  --gray-medium: #5a5a5a; 
  --gray-dark: #2b2b2b;
  --black: #000000;
  --white: #ffffff; 
  --rgb-color-1: 0,45,98;
  --rgb-color-2: 14,35,60;
  --rgb-color-3: 201,165,96;
  --rgb-color-4: 255,255,255; 
  --rgb-opacity-1: 0.9;
  --rgb-opacity-2: 0.75;
  --rgb-opacity-3: 0.1;
  --rgb-opacity-4: 0.93;
   
  --font-1: 'Abel', sans-serif;
  --font-2: 'Cormorant', serif;
  --font-3: 'Source Sans Pro', sans-serif;
    
  }
   
   
  /*
  ==============================================
  Masonry Grid Styles
  ==============================================
  */
  .masonry-grid-3 .masonry-title {
    font-family: var(--font-1);
  }
  .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: 600 !important;
  }
   
  body {
    background: var(--white);
   
  }
    
  .masterprime .related-resources-main {
  background: var(--white);
  }
    
  /* Buttons */
  .blog-landing-content-wrapper .blog-landing-content-container .blog-landing-load-more, .button, .accord a.accord-cta, .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"] {
      background: var(--dark);
      color: var(--white);
      border-color: var(--dark);
      padding: 5px 19px;
      min-width: auto;
   
   -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;
  }
  .investor-access-login-button {
    background: transparent;
    color: var(--white);
    border-color: var(--white);  
  }
  /* Buttons Hover */
  .blog-landing-content-wrapper .blog-landing-content-container .blog-landing-load-more:hover, .button:hover, .blog-landing-copy-cta:hover, .accord a.accord-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 {
    background: var(--medium);
    color: var(--white);
    border-color: var(--medium);
  }
  .bio-detail-container:before, .bio-detail-container:before, .resource-section:before, .blog-section:before, .interior .quote-content:before, .copy-section:before, .niche-section .niche-content:before, .bar1-animate:before, .bar2-animate:before, .bar3-animate:before, .bar4-animate:before, .bar5-animate:before, .bar7-animate:before, .bar8-animate:before, .bar9-animate:before, .bar10-animate:before, .bar11-animate:before, .bar12-animate:before {
    background-color: var(--light-color-1);
  }
  .bar6-animate:before {
    display: none;
  }
    
  a, .resource-detail-copy-wrapper a {
    color: var(--medium);
  }
  a:hover, a:focus {
    color: var(--dark);
  }
   
  /*
  ==============================================
  Header Section
  ==============================================
  */
  .social-container .fa:hover {
      color: var(--light-color-1);
  }
  .social-container .fa {
      color: var(--white);
  }
  .header-content .ftr-group-name {
    color: var(--light-color-1);
  }
  .header-section .ftr-logo-divider, .header-section .ftr-group-name {
    display: none;
  }
  .footer-section .ftr-logo, .footer-section .ftr-logo-divider {
    display: none;
  }  
  .header-content .ftr-logo {
    width: 420px;
  }
   
  /*
  ==============================================
  Logo to text Footer Section and logo only in Header
  ==============================================
  */
   
  /* Hide logo in footer and show logo text to use uncomment me
  .header-section .ftr-logo-divider, .header-section .ftr-group-name {
      display: none;
  }
  .footer-section .ftr-logo, .footer-section .ftr-logo-divider {
      display: none;
  }
  */
   
   
  /*
  ==============================================
  Navigation Section
  ==============================================
  */
  .nav {
    font-size: 17px;
  }   
  /* Main Nav */
  .primary-nav a, .investor-access-remember-me-label {
    color: var(--white) !important;
  }
  /* Main Nav Active/Hover */
  .primary-nav > li > a:hover, .primary-nav > li > a.selected, .primary-nav > li > a.active, .nav-standard.selected {
    color: var(--light) !important;
  }
  /* Dropdown nav */
  .primary-nav .nav-subnav a {
    color: var(--white) !important;
  }
  /* 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(--light) !important;
  }
  .nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav .nav-subnav,
  .primary-nav .nav-subnav-second, .primary-nav .nav-subnav-third,
  .primary-nav .nav-subnav- {
    background-color: rgba(var(--rgb-color-2),var(--rgb-opacity-1)) !important;
  }
  .interior .header-main, .interior .nav-overall-wrapper:not(.van-mobile-nav) {
    background-color: var(--dark) !important;
   
  }
  .nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav .nav-subnav {
     
  }
  .nav-overall-wrapper:not(.van-mobile-nav).nav-with-arrows .primary-nav > li .has-children-arrow-wrapper i {
    color: var(--white);
  }
  .investor-access-id-icon, .investor-access-password-icon {
    color: var(--medium);
     
  }
  .investor-access-input-wrapper input {
    color: var(--black);
  }
  .investor-access-login-button:hover {
    background: var(--light);
    border: 1px solid  var(--light);
    color: var(--dark)
  }
  .body-home .billboard-section .billboard-content-wrapper:after {
    background-color: rgba(var(--rgb-color-2),var(--rgb-opacity-2)) !important;
  }
  .body-home .billboard-content:before {
    background-color: rgba(var(--rgb-color-2),var(--rgb-opacity-2)) !important;
  }
   
  /*
  ==============================================
  Hamburger Menu Styles
  ==============================================
  */
   
  /* 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(--light);
  }
    
    
  /* 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(--white);
  }
   
  /* Hamburger Menu Icon Background for ADA*/
  .nav-trigger:after {
    left: -2px;
    top: -15px;
    right: -25px;
    bottom: -17px;
    background:var(--dark-color-1);
    z-index: -1;
  }
  .nav-opened.nav-trigger:after {
    background: none;
  }
  .nav-sticky {
    background: rgba(var(--rgb-color-1),var(--rgb-opacity-1)) !important;
  }
   
  .nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav > li > a {
    border-color: var(--gray-medium) !important;
    font-family: var(--font-3);
  }
  .nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav .nav-subnav li:not(.nav-top-link) a {
    font-family: var(--font-3);
  }
  /*
  ==============================================
  Billboard Section
  ==============================================
  */
  .billboard-heading h1:before {
    border-top: solid 2px var(--light-color-1);
  }
  .billboard-heading h1 .head-1 {
    color: var(--white);
    font-family: var(--font-1);
  }
  .billboard-heading h1 .head-2 {
    color: var(--white);
    font-family: var(--font-2);
  }
  .interior .billboard-content .billboard-container {
    min-height: 450px !important;
    max-height: 450px;
  } 
  .billboard-container.billboard-full-height {
    min-height: 950px;
    max-height: 950px;
  }
  /*
  ==============================================
  Mouse Scroller Model 2
  ==============================================
  */
    
  .scroller, .scroller-mobile {
    background-image: none !important;
    background:  rgba(255, 255, 255, 0) !important  ;
      content: '';
      height: 50px;
      width: 50px;
      display: block;
      background: none;
      border-radius: 50%;
  }
  .scroller:before, .scroller-mobile:before {
      content: '';
      height: 18px;
      width: 18px;
      display: block;
      border: 2px solid var(--white);
      border-right-width: 0;
      border-top-width: 0;
      transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      position: absolute;
      bottom: 32px;
      left: 16px;
  }
  .scroller:after, .scroller-mobile:after  {
      content: '';
      height: 18px;
      width: 18px;
      display: block;
      border: 2px solid var(--white);
      border-right-width: 0;
      border-top-width: 0;
      transform: rotate(-45deg);
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -o-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
      position: absolute;
      bottom: 20px;
      left: 16px;
  }
  .scroller-mobile:after, .scroller-mobile:before   {
       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;
  }
  .scroller-mobile:before {
    bottom: 22px;
  }
   
   
  /*
  ==============================================
  Intro Section
  ==============================================
  */
   
  .intro-section {
    background: var(--white);
    border-bottom: solid 4px var(--dark);
  }
  .intro-section .intro-text {
    color: var(--gray-dark);
    font-family: var(--font-3);
  }
   
  /*
  ==============================================
  Niches Section
  ==============================================
  */
  /*
  ==============================================
  Team Section
  ==============================================
  */
   
  .yearbook-three .yearbook-hr {
    background-color: var(--dark);
  }
  .team-section {
    background: var(--white);
    border-bottom: solid 4px  var(--dark);
  }
  .team-section .team-copy h2 .head-2 {
    color: var(--dark);
    font-family: var(--font-1);
  }
  .team-section .team-copy p {
    color: var(--gray-dark);
  }
  .team-section .team-copy p.disclosure {
    font-size: 11px;
    line-height: 13px;  
  }
  .team-section .yearbook-three .yearbook-name-wrapper .yearbook-first-name,  .yearbook-three .yearbook-name-wrapper .yearbook-last-name, .team-section .yearbook-three .yearbook-name-wrapper .yearbook-designation {
    color: var(--gray-dark) !important;
  }
  .yearbook-section {
    width: auto;
  }
  .yearbook-title {
    color: var(--gray-dark);
  }
  .team-section .team-copy h2 .head-1 {
    color: var(--gray-medium);
    font-family: var(--font-2);
  }
  .team-section .team-slider .yearbook-container .slick-next, .team-section .team-slider .yearbook-container .slick-prev {
    border-color: var(--medium);
  }
  .team-section .team-slider .yearbook-container .slick-next:hover, .team-section .team-slider .yearbook-container .slick-prev:hover {
    border-color: var(--gray-dark);
  }
  .yearbook-three .yearbook-links .yearbook-links-as-icon .fa {
    color:var(--dark);
  }
  .yearbook-three .yearbook-links .yearbook-links-as-icon .fa:hover {
    color: var(--medium);
  }
  .yearbook-slide:before {
    background-color: var(--dark);
    color: var(--white);
  }
   
  .yearbook-slide:hover {
    background: rgba(var(--rgb-color-3),var(--rgb-opacity-3));
  }
  .team-section .team-slider .yearbook-three .yearbook-headshot {
    max-width: 200px;
  } 
  .yearbook-slide {
    width: 25%;
  } 
  .yearbook-three .yearbook-name-wrapper {
    max-height: 400px;
  }
  /*
  ==============================================
  Bio Page Section
  ==============================================
  */
   
  .bio-detail-first-name-wrapper, .bio-detail-last-name-designation-wrapper, .bio-detail-first-name, .bio-detail-last-name, .bio-detail-designation-wrapper, .bio-detail-designation, .bio-detail-middle-initial-wrapper, .bio-detail-middle-initial, .bio-detail-preferred-name {
    color: var(--gray-dark) !important;
  }
  .bio-detail-title-wrapper, .bio-detail-title {
    color: var(--gray-dark);
  }
  .bio-content-social:before {
    background-color: var(--light);
   }
  .bio-detail-links-wrapper .fa {
    color:var(--dark);
  }
  .bio-detail-links-wrapper .fa:hover {
    color: var(--medium);
  }
  .bio-detail-quote:before {
    color: var(--light);
  }
  .bio-detail-quote {
    color: var(--gray-dark);
  }
  .bio-detail-copy-wrapper p, .bio-detail-copy-wrapper {
    color: var(--gray-dark);
  }
  .bio-detail-copy-wrapper h2,
  .bio-detail-copy-wrapper h3,
  .bio-detail-copy-wrapper h4,
  .bio-detail-copy-wrapper h5 {
    color: var(--gray-dark);
  }
  .bio-detail-headshot-wrapper {
    text-align: center;  
  }
  .bio-detail-headshot {
    width: 200px;
  }
  .yearbook-three .yearbook-links .yearbook-links-as-icon .fa.fa-envelope, .bio-detail-links-wrapper .fa.fa-envelope {
    display: none;
  }
  /*
  ==============================================
  Callouts Section
  ==============================================
  */
  .callouts-section {
    background: var(--white);
    border-bottom: none;
  }
  .callouts-section .callouts-container .callout-item:hover .callout-image-wrapper:before, .callouts-section .callouts-mobile-slider .callout-item:hover .callout-image-wrapper:before {
    background: var(--dark);
  }
  .callouts-section .callouts-container .callout-item:hover .callout-cta, .callouts-section .callouts-mobile-slider .callout-item:hover .callout-cta {
    color: var(--medium);
  }
  .callouts-section .callouts-container .callout-item .callout-heading-wrapper .callout-heading, .callouts-section .callouts-version-1.callouts-mobile-slider .callout-slide .callout-heading-wrapper .callout-heading {
    color: var(--gray-dark);
    font-family: var(--font-2);
  }
  .callouts-section .callouts-container .callout-item .callout-heading-wrapper h3 .head-2, .callouts-section .callouts-mobile-slider .callout-item .callout-heading-wrapper h3 .head-2 {
    color: var(--dark);
    font-family: var(--font-1);
  }
  .callouts-section .callouts-container .callout-item .callout-cta-wrapper button, .callouts-section .callouts-mobile-slider .callout-item .callout-cta-wrapper button {
    color: var(--gray-dark);
    font-family: var(--font-1);
  }
  .callouts-section .callouts-container .callout-item .callout-copy-wrapper, .callouts-section .callouts-mobile-slider .callout-item .callout-copy-wrapper {
    color: var(--gray-dark);
  }
  /*
  ==============================================
  Quote Section
  ==============================================
  */
  .new-home .quote-section {
    background: url(https://raymondjames.com/-/media/548c14760006410f89cff5dc4bd4eb4e.ashx);
  }
  .new-home .quote, .new-home .quote-wrapper:before {
    color: var(--gray-dark);
    font-family: var(--font-2);
  }
  .new-home .quote-wrapper:before {
    color: var(--dark);   
  }
  .new-home .quote-section .quote-cite {
    color: var(--dark);
    font-family: var(--font-3);
  }
  /*
  ==============================================
  Interior Quote Section
  ==============================================
  */
   
  .interior .quote-section {
    border-color: var(--dark);
    background: url(https://raymondjames.com/-/media/31d0cfcd729740e9b27445f49b2ffc63.ashx) no-repeat;
    background-size: cover;
  }
  .quote-section .mc-heading {
    color: var(--dark);
  }
  .quote-section .mc-copy {
    color: var(--gray-medium);
  }
  .interior .quote-section .mc-date {
    color: var(--gray-medium);
  }
  .quote-section .mc-cta {
    color: var(--dark);
    border-color: var(--dark);
  }
  .mc-container a:hover .mc-cta {
    color: var(--medium);
    border-color: var(--medium);
    }
  .quote-section .mc-container .slick-prev:before, .quote-section .mc-container .slick-next:before {
    color: var(--dark);
    opacity: 1;
  }
  .quote-section .mc-container .slick-prev:hover:before, .quote-section .mc-container .slick-next:hover:before {
    color: var(--medium);
  }
  .interior .quote-content {
    background-color: rgba(var(--rgb-color-4),var(--rgb-opacity-4))
  }
   
  .interior .quote {
    color: var(--gray-medium);
  }
  .interior .quote-content .quote-wrapper .quote-cite {
    color: var(--dark);
  }
  .no-quote section.quote-section {
    display: none;
}

  /*
  ==============================================
  Niche Section
  ==============================================
  */
.new-home .niche-section {
    background: url(https://raymondjames.com/-/media/31d0cfcd729740e9b27445f49b2ffc63.ashx) no-repeat;
    background-size: cover;
    border-top: solid 4px  var(--dark);
  }
  .niche-section .niche-content, .niche-section .mc-slide {
    background: var(--dark);
  }
  .niche-section .niche-content .mc-heading {
    color: var(--white);
    font-family: var(--font-1);
  }
  .niche-section .niche-content .mc-copy {
    color: var(--white);
    font-family: var(--font-1);
  }
  .niche-section .niche-content .mc-container a:hover .mc-cta, .niche-section .niche-content .mc-container a .mc-cta {
    color: var(--dark) !important;
    border: 1px solid var(--light-color-1) !important;
    font-family: var(--font-1);
  }
  .niche-section .mc-container .slick-prev:before, .niche-section .mc-container .slick-next:before {
    color:  var(--white);
    -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;
  }
  .niche-section .mc-container .slick-prev:hover:before, .niche-section .mc-container .slick-next:hover:before  {
    color:  var(--light);
  }
  .niche-section .niche-content .mc-image-wrapper {
    background: var(--dark-color-1);
  }
  .niche-section .niche-content a .mc-cta, .niche-section .niche-content a:hover .mc-cta {
    background-color: var(--light-color-1) !important;
    font-weight: 600;
  }
  .niche-section .mc-container .media-carousel-three a:hover .mc-image {
    opacity: 0.25 !important;
  }
  /*
  ==============================================
  Blog Archive Sidebar Links - Side Navigation
  ==============================================
  */
    
  .filter-list-heading a {
    color:  var(--gray-dark) !important;
    border-color: var(--light);
  }
  .filter-list-links .filter-list-date a {
    color:  var(--gray-dark) !important;
  }
  .filter-list-heading a:hover {
    color: var(--medium);
  }
  .filter-list-heading a:hover {
    color:  var(--medium) !important;
  }
  .filter-list-category a, .filter-list-topic a, .filter-list-media a {
    color: var(--gray-dark) !important;
  }
   
  /*
  ==============================================
  Footer Section
  ==============================================
  */
   
  .footer-content {
    border-top: none;
  }
   
  /*
  ==============================================
  Footer Contact CTA Section
  ==============================================
  */
  .footer-cta-social-section {
    background: var(--dark);
  }
  .ftr-cta-wrapper a h2 {
    color: var(--white);
    font-family: var(--font-1);
  }
  .footer-social .social-container .fa {
    color: var(--light);
  }
  .footer-social .social-container .fa:hover {
    background: var(--light);
    color: var(--dark);
  }
  .footer-social .social-container .fa-twitter, .footer-social .social-container .fa-facebook, .footer-social .social-container .fa-linkedin, .footer-social .social-container .fa-envelope, .footer-social .social-container .fa-youtube-play {
    border: solid 1px  var(--gray-medium);
  }
  .ftr-cta-wrapper a h2 .footer-subhead {
    color: var(--white);
    font-family: var(--font-1);
  }
  /*
  ==============================================
  Footer Logo Section
  ==============================================
  */
   
  .footer-content .ftr-group-name {
    color: var(--black);
  }
   
  .ftr-nap-map-directions a {
    color: var(--light);
  }
  .footer-section a {
    color: var(--dark);
  }
  .footer-section a:hover {
    color: var(--medium);
  }
  .footer-section .footer-nap-address a {
    color: var(--dark);
  }
  .footer-section .footer-nap-address a:hover {
    color: var(--medium);
  }
  .ftr-nap-address-label {
    color: var(--light) !important;
  }
  .ftr-nap li[data-phonetype="5"]::before, .ftr-nap li[data-phonetype="0"]::before, .ftr-nap li[data-phonetype="3"]::before {
    color: var(--light) !important;
    display: none;
  }
   
  .footer-section .ftr-nap-map-directions a {
    color: var(--dark);
  }
  .footer-section .ftr-nap-map-directions a:hover {
    color: var(--medium);
  }
  .ftr-nap, .ftr-nap a {
    color: var(--dark);
  }
  .ftr-disclaimers-wrapper, .ftr-disclosures-wrapper, .ftr-disclosures-wrapper a {
    color: var(--black);
  }
   
  .footer-hedge-section {
    background-color: var(--white);
    font-family: var(--font-3);
  }
   
   
  /*
  ==============================================
  Styles Section
  ==============================================
  */
  .copy-section h1 {
    color: var(--dark);
    font-family: var(--font-1);
  }
  .copy-section h1 .head-2 {
    color: var(--gray-medium);
    font-family: var(--font-2);
  }
  .copy-content {
    color: var(--gray-dark);
    font-family: var(--font-1);
  }
  .copy-content h2, .copy-content h3, .copy-content h4, .copy-content h5 {
    color: var(--dark);
    font-family: var(--font-1);
  }
  .copy-content blockquote, q, .resource-detail-copy-wrapper blockquote {
    border-color: var(--light);
    color: var(--gray-dark);
  }
  .copy-content blockquote:before, .resource-detail-copy-wrapper blockquote:before {
    background-color: var(--light);
  }
   
    
  .accord .accord-link, .accord .fa, .flextabs-wrapper a {
    color: var(--medium);
  }
   
  .accord .accord-link:hover, .accord .accord-inner-link:hover, .accord li.open .accord-link, .accord li.open .accord-inner-link, .accord li.open .fa, .flextabs-wrapper a:hover {
    color: var(--dark);
  }
  .accord .accord-link, .accord .accord-inner-link {
    border-color: var(--gray-light);
  }
  .flextab-triggers a {
    background: var(--white);
    border: 1px solid var(--dark);
    color: var(--dark) !important;
    padding: 10px 10px;
  }
  .flextab-triggers a:hover, .flextab-triggers .set {
    background: var(--dark) !important;
    color: var(--white) !important;
  }
  .flextab-triggers {
    background: none;
  }
  .accordion-panel a, .accord .accord-inner-link-content a {
    color: var(--medium);
  }
  .accord .accord-link-content a, .accord .accord-inner-link-content a {
    color: var(--medium);
  }
  .accordion-panel a:hover, .accord .accord-link-content a:hover, .accord .accord-inner-link-content a:hover {
    color: var(--dark);
  }
  .simple-form .select2-container--default .select2-selection--single .select2-selection__arrow:after {
    color: var(--dark);
  }
  .copy-section h1 sup {
    font-size: 56%;
  }
  /*
  ==============================================
  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, .bio-detail-prev, .bio-detail-next  {
    color: var(--dark) !important;
    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(--medium) !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(--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(--white) !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(--light) !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(--dark) !important;
  }
   
   
  /*
  ==============================================
  Universal Slick Dots - Dots to Outlines
  ==============================================
  */
  .slick-dots {
    bottom: 0px !important;
    padding: 10px 10px 40px 10px !important;
    position: relative !important;
  }
  .slick-dots li button:hover:before {
    background: var(--gray-dark) !important;
    opacity: 0.6 !important;
  }
   
  .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;
  }
  .slick-dots li.slick-active button:before {
    color: var(--gray-dark);
    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;
  }
  .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%;
    -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;
  }
  .slick-dots li {
    width: 9px !important;
    height: 9px;
  }
   
   
  /*
  ==============================================
  Detail Page Share Widget section
  ==============================================
  */
   
  /* 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 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(--dark) !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(--medium-color-1)  !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(--light) !important;
  }
   
  /* share pop up box background */
  .social-media-share-wrapper span {
    background-color: var(--dark);
  }
  /* share pop up box top chevron  triangle */
  .social-media-share-wrapper span:before {
    border-bottom: 10px solid var(--dark);
  }
   
  /* Tag cloud header with icon*/
  .resource-detail-tag-cloud-header,
  .blog-detail-tag-cloud-header,
  .resource-detail-tag-cloud-wrapper
  .resource-detail-tag-cloud-heading-wrapper,
  .blog-detail-tag-cloud-wrapper
  .blog-detail-tag-cloud-heading-wrapper {
    color:  var(--gray-dark) !important;
  }
   
  .resource-date-link,
  .resource-category-link,
  .resource-media-type-link,
  .resource-detail-tag-cloud-links a,
  .blog-date-link,
  .blog-category-link,
  .blog-media-type-link,
  .blog-detail-tag-cloud-links a,
  .resource-detail-copy-wrapper a {
    color:  var(--medium) !important;
  }
  .resource-date-link:hover,
  .resource-category-link:hover,
  .resource-media-type-link:hover,
  .resource-detail-tag-cloud-links a:hover,
  .blog-date-link:hover,
  .blog-category-link:hover,
  .blog-media-type-link:hover,
  .blog-detail-tag-cloud-links a:hover,
  .resource-detail-copy-wrapper a:hover {
    color:  var(--dark) !important;
  }
   
  .resource-detail-heading-wrapper h1,
  .resource-detail-copy-wrapper h2,
  .resource-detail-copy-wrapper h3,
  .resource-detail-copy-wrapper h4,
  .resource-detail-copy-wrapper h5,
  .blog-detail-heading-wrapper h1,
  .blog-detail-copy-wrapper h2,
  .blog-detail-copy-wrapper h3,
  .blog-detail-copy-wrapper h4,
  .blog-detail-copy-wrapper h5 {
    color:  var(--gray-dark);
  }
  .resource-detail-copy-wrapper,
  .blog-detail-copy-wrapper {
    color:  var(--gray-dark);
  }
  hr {
    background-color: var(--gray-light);
    color: var(--gray-light);
  }
  h1.blog-landing-heading {
    color: var(--gray-dark);
  }
  .blog-landing-content-wrapper .blog-landing-content-container .blog-landing-copy {
    color: var(--gray-dark);
  }
  .blog-landing-calendar {
    color:  var(--gray-dark) !important;
  }
  .blog-landing-overall-copy {
    border-color: var(--light);
  }
  .blog-detail-copy-wrapper a {
    color: var(--medium);
  }
  .blog-detail-copy-wrapper a:hover {
    color: var(--dark);
  }

  /*
==============================================
History Timeline Section
==============================================
*/

/*** New timeline ***/
.timeline-history-section .event img {
  width: 100%;
}
.timeline-history-section .event p {
    top: -8px;
    position: relative;
}
.timeline-history-section strong {
  font-weight: 600;
}
.timeline-history-section h1 {
  letter-spacing: 1.5px;
  color: var(--gray-dark);
  font-weight: 100;
  font-size: 2.4em;
}
.timeline-history-section {
  margin-top: 50px;
  text-align: center;
}
/* Timeline */
.copy-content ul.timeline-site {
  border-left: 2px solid var(--dark);
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
  background: rgba(255, 255, 255, 0.03);
  color: var(--gray-dark);
  margin: 50px auto;
  letter-spacing: 0.5px;
  position: relative;
  line-height: 1.4em;
  font-size: 1.03em;
  padding: 50px;
  list-style: none;
  text-align: left;
  font-weight: 100;
  max-width: 50%;
}
.timeline-site h1,
.timeline-site h2,
.timeline-site h3 {
  letter-spacing: 1.5px;
  font-weight: 100;
  font-size: 1.4em;
  color: var(--gray-dark);
}
.timeline-site .event {
  border-bottom: 1px dashed var(--light);
  padding-bottom: 25px;
  margin-bottom: 50px;
  position: relative;
  font-weight: 400;
  font-size: 20px;
  line-height: 25px;
  animation: slideInDownSmall 1s forwards;
}
.timeline-site .event:last-of-type {
  padding-bottom: 0;
  margin-bottom: 0;
  border: none;
}
.timeline-site .event:before,
.timeline-site .event:after {
  position: absolute;
  display: block;
  top: 0;
}
.timeline-site .event:before {
  left: -217.5px;
  color: var(--dark);
  content: attr(data-date);
  text-align: right;
    font-size: 40px;
    font-family: 'Roboto', sans-serif;
    padding-bottom: 0px;
    margin-bottom: 5px;
  min-width: 60px;
}
.timeline-site .event:after {
  box-shadow: 0 0 0 2px var(--light-color-1);
  left: -56px;
  background: #fff;
  border-radius: 50%;
  height: 11px;
  width: 11px;
  content: "";
  top: 5px;
}


/*** new timeline end ***/

  /*
  ==============================================
  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) {
    .yearbook-slide {
      width: 25%;
    } 
    .nav {
      font-size: 14px;
    }  
  }
    
    
  /* Large devices (desktops, 992px and less) */
  @media only screen and (max-width: 992px) {
  .yearbook-slide {
    width: 100%;
  }  
  .yearbook-three .yearbook-headshot {
    width: 200px
  }
  .yearbook-slide:before {
    display: none;
  }
  .yearbook-slide:hover {
    background: none;
  }

  }
    
  /* Medium devices (tablet portrait, 768px-old 810 new and less) tablet-p */
  @media only screen and (max-width: 810px) {
    .nav-overall-wrapper:not(.van-mobile-nav) {
      background: transparent !important;
    }
    .primary-nav {
      background: var(--dark-color-1);
    }
    .nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav .nav-subnav {
      background: var(--dark) !important;
    }
    .nav-address-mobile .nav-address-overall-wrapper .address-group-name-1 {
     color: var(--light);
    }
    .nav {
      color: var(--white);
    }
    .callouts-section .slick-prev:before, .callouts-section .slick-next:before {
      border-color: var(--medium);
    }
    .copy-content ul.timeline-site {
      max-width: 100%;
      margin-left: 30%;
    }  
    
  }
    
    
  /* Extra small devices (most portrait phones, 480px and less) mobile-p */
  @media only screen and (max-width: 480px) {
    .team-section .team-slider .slick-dots {
      margin-top: 0;
    }
    .copy-content ul.timeline-site {
      max-width: 100%;
      margin-left: 0%;
    }
    .timeline-site .event:before {
      left: 0;
      top: -40px;
    }
    .timeline-site .event:after {
      top: -33px;
    }
    .timeline-site .event {
      padding-bottom: 0px;
      margin-bottom: 80px;
    }
    .header-content .ftr-logo {
      width: 420px;
    }
  }
    
    
    
  /* 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) {
    .header-content .ftr-group-name {
          padding: 0px 0px 30px 0px;
      }
    .copy-content ul.timeline-site {
      max-width: 100%;
      margin-left: 0%;
    }
    .timeline-site .event {
      padding-bottom: 0px;
      margin-bottom: 80px;
    }    
    .timeline-site .event:before {
      left: 0;
      top: -40px;
    }
    .timeline-site .event:after {
      top: -33px;
    }     
  }