@import url('https://www.raymondjames.com/-/media/rj/advisor-sites/global/global-css/model-2/colors/blue.css');
/* masonry grid 3 styles*/
@import url('https://www.raymondjames.com/-/media/34d01108a19a419eb2f4ff71406a8082.ashx');
@import url('https://www.raymondjames.com/-/media/rj/advisor-sites/global/global-css/shared/universal.css');


:root {
--light: #5b96c9;
--light-color-1:#61a5e1;
--medium: #104C6E;
--medium-color-1: #5798d1;
--dark: #002949;
--dark-color-1: #01182b;
--dark-color-2: #393F4D;
}


a:hover, a:focus, .accord .accord-link-content a:hover, .accord .accord-inner-link-content a:hover {
    color: var(--dark);
}

/*
==============================================
HEADER
==============================================
*/
.body-home .header-main,
.interior .header-main {
    background: var(--white) !important;
}
.social-container .fa {
  color: var(--medium);
}
.social-container .fa:hover {
    color: var(--dark);
}
.header-section .ftr-logo-divider, .header-section .ftr-group-name {
    display: none;
}
.footer-section .ftr-logo, .footer-section .ftr-logo-divider {
    display: none;
}
/*
==============================================
NAVIGATION
==============================================
*/
.nav-overall-wrapper:not(.van-mobile-nav) {
    background: var(--white) !important;
    border-bottom: 3px solid var(--medium);
}
.nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav > li > a, .nav {
    color: var(--gray-dark);
}
.nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav .nav-subnav li > .nav-subnav-second li > .nav-subnav-third {
    background-color: rgba(0, 41, 73, .9) !important;    
}
.nav-overall-wrapper:not(.van-mobile-nav).nav-with-arrows .primary-nav > li .nav-subnav > li .has-children-arrow-wrapper i {
  color: var(--white);
}
.nav-address-mobile .nav-address-overall-wrapper .address-group-name-1 {
  color: var(--white);
}
/*
==============================================
INTRO SECTION
==============================================
*/
.intro-section .video-tile {
  margin-top: 100px;
}
/*
==============================================
NICHE SECTION
==============================================
*/
.niche-section {
    display: none;
}
/*
==============================================
FOOTER SECTION
==============================================
*/
.body-home .footer-billboard-section-wrap {
    display: none;
}

.ftr-cta-wrapper a h2 {
  color: var(--dark);
}
.ftr-cta-wrapper a h2 .footer-subhead {
  color: var(--dark-color-2);
}
.footer-hedge a:hover {
    color: var(--white) !important;
}
.ftr-nap li[data-phonetype="0"]::before, .ftr-nap li[data-phonetype="3"]::before, .ftr-nap li[data-phonetype="4"]::before, .ftr-nap li[data-phonetype="5"]::before, .ftr-nap li[data-phonetype="6"]::before, .ftr-nap li[data-phonetype="12"]::before {
  display: none;
}
/*
==============================================
COPY SECTION
==============================================
*/
.copy-section h1 {
  color: var(--dark);
}
.copy-section h1 .head-2 {
  color: var(--medium);
}
/*
==============================================
INTERIOR SECTION
==============================================
*/
.body-about-us .footer-billboard-section {
    display: none;
}
.interior .quote-section {
    background: var(--dark-color-2) !important;
}
.interior .quote-content:before {
    background: var(--light);
}
.simple-form .select2-container--default .select2-selection--single .select2-selection__arrow:after {
  color: var(--dark);
}
.body-bio-alt-structure .bio-detail-copy-wrapper ul li {
    list-style-type: disc;
}
.body-bio-alt-structure .bio-detail-copy-wrapper ul {
    padding-left: 20px;
}

/*
==============================================
RESOURCES SECTION
==============================================
*/
.masonry-row a:hover > .masonry-copy .masonry-category-container .masonry-category, .masonry-row a:hover > .masonry-copy .masonry-cta-container button, .masonry-one-by-one-stacked a:hover > .masonry-one-of-two-stacked .masonry-copy .masonry-cta-container button, .masonry-one-by-one-stacked a:hover > .masonry-two-of-two-stacked .masonry-copy .masonry-cta-container button {
    color: var(--white) !important;
}



/* These will override the model 2 callout styles */
.co-lateral-base .callout-item .callout-heading-wrapper .callout-heading, 
.co-lateral-base .callout-slide .callout-heading-wrapper .callout-heading {
  color: var(--dark);
  font-family: var(--font-1);
  font-weight: 300;
  text-transform: none;
  font-style: normal;
  font-size: 30px;
  line-height: 36px;
}
.co-lateral-base .callout-item .callout-heading-wrapper {
    height: auto !important;
    animation: slideInLeftSmall 1s forwards;
    visibility: visible;
}


.co-lateral-base .callout-item:hover .callout-cta-wrapper button:before, 
.co-lateral-base .callout-item:hover .callout-cta-wrapper button:before {
  content: "";
  position: absolute;
  height: 2px;
  width: 0%;
  margin: 0 auto;
  background: var(--medium-color-1);
  right: 0;
  left: 0;
}
.co-lateral-base .callout-item .callout-copy-wrapper {
  color: var(--gray-dark);
  font-family: var(--font-3);
  animation: slideInLeftSmall 1s forwards;
}
/* structure */
.co-lateral-base .callout-item .callout-image-wrapper {
  grid-row: 1;
  max-height: fit-content;
  overflow: visible;
  animation: slideInRightSmall 1s forwards;
  }
.co-lateral-base .callout-link {
  display: flex;
}
.co-lateral-base {
  display: flex;
  flex-direction: column; /* Ensure callouts stack vertically */
}
.co-lateral-base .callout-item {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px; /* Adjust spacing between callouts as needed */
  max-width: 100%;
}
.co-lateral-base .callout-image-wrapper {
  flex: 1;
  margin-right: 0px; /* Adjust spacing between image and content as needed */
}
.co-lateral-base .callout-item .callout-image-wrapper .callout-image {
  height: 190px;
  max-width: none;
  width: auto;  
  -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-lateral-base .callout-lateral-content-wrapper {
  flex: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 5px 60px;
  visibility: visible;  
}
.co-lateral-base .flip-order-even .callout-lateral-content-wrapper {
  padding: 5px 60px 5px 0px;
}
.co-lateral-base .callout-item .callout-cta-wrapper {
  align-self: auto;
}

/* Ensure the callouts container displays items in a single column */
.co-lateral-base .callouts-container {
  display: flex;
  flex-direction: column;
}

/* Flip order for odd callouts */
.co-lateral-base .callout-item.flip-order-odd {
  flex-direction: row-reverse;
}

/* Flip order for even callouts */
.co-lateral-base .callout-item.flip-order-even {
  flex-direction: row-reverse;
}

/* Flip order for odd callouts */
.co-lateral-base .callout-item.flip-order-odd .callout-link {
  flex-direction: row-reverse;
}

/* Flip order for even callouts */
.co-lateral-base .callout-item.flip-order-even .callout-link {
  flex-direction: row-reverse;
}


/*==================== 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) {
.co-lateral-base .callout-item {
  width: 100%;
} 
.co-lateral-base .callout-item .callout-lateral-content-wrapper {
  padding-right: 0;
}
}
 
 
/* Large devices (desktops, 992px and less) */
@media only screen and (max-width: 992px) {
 
}
 
/* 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) .nav .primary-nav > li > a, .nav {
    color: var(--white);
  }
  .primary-nav > li > a:hover, 
  .primary-nav > li > a.selected, 
  .primary-nav > li > a.active, 
  .nav-standard.selected {
    color: var(--light);
  }
  .address-map-directions a {
    color: var(--light);
  }
  .co-lateral-base .callout-lateral-content-wrapper {
    padding: 5px 30px;
  }
  .co-lateral-base .flip-order-even .callout-lateral-content-wrapper {
    padding: 5px 30px 5px 0;
  }

 
}
 
 
/* Extra small devices (most portrait phones, 480px and less) mobile-p */
@media only screen and (max-width: 480px) {
  .co-lateral-base .callout-link {
    display: block;
  }
  .callouts-container .callout-item .callout-cta-wrapper button, .callouts-mobile-slider .callout-item .callout-cta-wrapper button {
    padding: 0 !important;
    font-family: var(--font-3) !important;
  }
  .co-lateral-base .callout-lateral-content-wrapper {
    padding: 5px 0px;
  }
  .co-lateral-base .flip-order-even .callout-lateral-content-wrapper {
    padding: 5px 0;
  }
  .co-lateral-base.callouts-version-1.callouts-mobile-slider .callout-slide .callout-copy-wrapper {
    color: var(--gray-dark);
  }
  .co-lateral-base.callouts-version-1.callouts-mobile-slider .callout-slide .callout-heading-wrapper .callout-heading {
    color: var(--dark);
    font-family: var(--font-1);
    font-weight: 300;
    text-transform: none;
    font-style: normal;
    font-size: 30px;
    line-height: 36px;
  }
}
 
 
 
/* 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) {
  .co-lateral-base .callout-lateral-content-wrapper {
    padding: 5px 30px;
  }
  .co-lateral-base .flip-order-even .callout-lateral-content-wrapper {
    padding: 5px 30px 5px 0px;
  }
}
 
/* IE only */
@media screen\0 {
 
}
       

/* Medium devices (tablet portrait, 768px-old 810 new and less) tablet-p */
@media only screen and (max-width: 810px) {  

 
}
