/* /RJ/Advisor Sites/Global/Global CSS/Model 4/base */
@import url('https://www.raymondjames.com/-/media/rj/advisor-sites/global/global-css/model-4/base.css');

@import url('modules.css');
@import url('resources.css');
/*
*/

/*==============================================  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: 'Lato', sans-serif;
font-family: 'Playfair Display', serif;


========================================================================================================================
*/


a, .resource-detail-copy-wrapper a, .blog-detail-copy-wrapper a, .accordion-panel a,
.blog-detail-tag-cloud-wrapper .blog-detail-tag-cloud-links a, .resource-detail-tag-cloud-wrapper .resource-detail-tag-cloud-links a, .related-resources-content .mc-cta
 {
  color: #5D652A;
}
a:hover, .resource-detail-copy-wrapper a:hover, .blog-detail-copy-wrapper a:hover, .accordion-panel a:hover,
.blog-detail-tag-cloud-wrapper .blog-detail-tag-cloud-links a:hover, .resource-detail-tag-cloud-wrapper .resource-detail-tag-cloud-links a:hover, .mc-container a:hover .mc-cta {
  color: #104c6e;
}

/* Removes the model stripe pattern */
body, .grid-home, .grid-about-us, .grid-interior, .grid-bio-page, .grid-resources, .main-module-section .copy-section, .grid-about-rj, .grid-blog {
  background-image: url(/-/media/rj/advisor-sites/sites/o/h/ohanafinancialadvisors/images/pattern-background.jpg) !important;

}
/* .masterprime .module-intro-content, .masterprime .module-multimedia-slider-section, .module-hedge-section, .masterprime .module-investment-management .module-case-section {
  background: #ffffff !important;
}
.masterprime .module-multimedia-slider-section {
  margin: 0px auto 0px;
  padding-top: 70px;
} */
/* Buttons */
.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"] {
  color: #2a3a4b;
  background: #a8b44e;
  border-color: #a8b44e;

 -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, .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 {
  color: #2a3a4b;
  background: transparent;
border-color: #a8b44e !important;
}
.masonry-load-more, .masonry-tertiary-load-more {
  font-size: 14px !important;
  letter-spacing: 2.5px;
  padding: 5px 20px 3px;
  font-family: 'Lato', sans-serif;
  border-left: 1px solid #a8b44e;
  border-right: 1px solid #a8b44e;
  border-bottom: 1px solid #a8b44e;
  text-transform: uppercase;
}
.masonry-load-more:hover, .masonry-tertiary-load-more:hover {
  border: none;
  border-top: 1px solid #52b9bb;
  border-left: 1px solid;
  border-right: 1px solid;
  border-bottom: 1px solid;
}
/*
==============================================
Header Section
==============================================
*/
.header-cta .ftr-cta, .social-icons .social-container a, .social-icons .social-container .fa {
  color: #ffffff !important;
}
.header-main {
  background: #2a3a4b !important;
  background-image: none;
}
.social-contact .ftr-nap-wrapper .ftr-nap li:after {
    color: #36c7a4;
}
.social-contact .ftr-nap a, .social-contact .ftr-nap-wrapper .ftr-nap li {
  color: #ffffff !important;
}
.header-cta .ftr-cta:hover, .social-icons .social-container .fa:hover {
  color: #A8B44E !important;
}
.social-contact .ftr-nap a:hover {
  color: #A8B44E !important;
}
.logo-content {
  border-bottom: 4px solid #b7c633;
}
/*
==============================================
Navigation Section
==============================================
*/

/* Main Nav */
.primary-nav a, .investor-access-remember-me-label {
  color: #424242 !important;
}
/* Main Nav Active/Hover */
.primary-nav > li > a:hover, .primary-nav > li > a.selected, .primary-nav > li > a.active, .nav-standard.selected {
  color: #197760 !important;
}
/* Dropdown nav */
.primary-nav .nav-subnav a {
  color: #424242 !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: #166954 !important;
}
.nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav .nav-subnav, .primary-nav .nav-subnav-second {
  background: #edeeda !important;
}
/* Main Navigation Background */
.primary-nav {
  background: #eaeaea;
}
/*
==============================================
Billboard Section
==============================================
*/


/*
==============================================
Intro Section
==============================================
*/
/* Headlines and headers */
.main-content-int-blog h1 .head-2, .intro-content h1 .head-2, .intro-content h1, .int-team .yearbook-last-name, .yearbook-first-name, .bio-detail-first-name, .bio-detail-middle-initial, .bio-detail-last-name, .bio-detail-preferred-name, .intro-content h2, .intro-content h3, .intro-content h4, .intro-content h5, .related-resources-content h4, .related-resources-content .mc-heading, .intro-content blockquote, q, .blog-detail-tag-cloud-wrapper .blog-detail-tag-cloud-heading-wrapper, .resource-detail-tag-cloud-wrapper .resource-detail-tag-cloud-heading-wrapper, .main-module-content h1, .masterprime .copy-section h1, .masterprime h1 .head-2, .niche-content .mc-heading {
  /* color: #225d38; */
  color: #002949 !important;
}

.intro-section {
  color: #1c2e41;
}
/*
==============================================
Niches Section
==============================================
*/
.niche-content .mc-container {
  border-top: 6px solid transparent;
}
.niche-content .mc-image-wrapper {
  background: #294765;
}
.niche-content .mc-container a .mc-cta {
  border: 1px solid #a8b44e !important;
  color: #2a3a4b;
  letter-spacing: 2px;
  background: #a8b44e;
}
.niche-content .mc-container a:hover .mc-cta {
  border: 1px solid #a8b44e !important;
  color: #2a3a4b;
  letter-spacing: 2px;
  background: #a8b44e;
}
.niche-content .mc-container {
  border-bottom: 6px solid #2a3a4b;
}
.niche-content .mc-container .slick-next:before, .niche-content .mc-container .slick-prev:before {
  color: #ffffff;
}
/*
==============================================
Services Slider Section
==============================================
*/
.slider-content {
  background-image: url(/-/media/rj/advisor-sites/sites/o/h/ohanafinancialadvisors/images/pattern-background-blue.jpg) !important;
}
.content-slider-wrapper {
    margin-top: 17px;
}
.slider-section .content-slider-cta {
  border: 1px solid #a8b44e !important;
  color: #2a3a4b;
  background: #a8b44e;
}
.slider-section .slick-slide:hover .content-slider-cta {
    color: #fff;
    border: 1px solid #fff;
    background: transparent;
}
.slider-section .slick-dots li button:before {
    color: #a8b44e;
}
.slider-section {
    padding-bottom: 15px;
}
.yearbook-one .yearbook-carousel-one {
  border-bottom: 15px solid #2a3a4b;
}
/*
==============================================
Team Section
==============================================
*/
.int-team .yearbook-three .yearbook-links .fa {
  color: #002949;
}
.int-team .yearbook-three .yearbook-links .fa:hover {
  color: #5D652A;
}
.team-headline {
  background: #2a3a4b;
}
.team-section .team-headline h2 {
  color: #ffffff;
}
.team-slider .yearbook-one .yearbook-headshot-wrapper {
    border-right: 6px solid #2a3a4b;
}
.team-slider .yearbook-one .yearbook-headshot-wrapper:hover:after {
    background-color: rgba(42, 58, 75, 0.75);
}
.body-home .team-section .team-slider .yearbook-one .yearbook-first-name, .body-home .team-section .yearbook-last-name {
  color: #ffffff !important;
}
.team-slider .yearbook-container .yearbook-cta {
  border: 1px solid #a8b44e !important;
  color: #2a3a4b;
  background: #a8b44e;
}
/* .team-slider .yearbook-container .slick-prev, .team-slider .yearbook-container .slick-next {
  border-color: #e8ee85;
} */

.int-team .yearbook-three a:hover .yearbook-headshot-wrapper:after {
  color: #2a3a4b;
  background: #a8b44e !important;
}
.yearbook-three .yearbook-title, .bio-detail-title {
  color: #197760;
}
/*
==============================================
Bio Section
==============================================
*/
.bio-detail-links-wrapper .fa {
    color: #2a3a4b;
}
.bio-detail-links-wrapper .fa:hover {
    color: #000000;
}
.bio-detail-links-wrapper a {
    background: #a8b44e !important;
}
/*
==============================================
Quote Section
==============================================
*/

.quote-content, .related-resources-content {
  background-image: none !important;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+65,f2f4e5+100 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 65%, rgba(242,244,229,1) 100%) !important; /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 65%,rgba(242,244,229,1) 100%) !important; /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(255,255,255,1) 65%,rgba(242,244,229,1) 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f4e5',GradientType=1 ) !important; /* IE6-9 fallback on horizontal gradient */

}
.quote-content .quote-cite {
  color: #197760;
}
.quote-content .quote {
    color: #2a3a4b;
}
.interior .quote-content, .interior .related-resources-content  {
    border-top: 5px solid #a8b44e;
}
.related-resources-content h4:before, .related-resources-content h4:after {
  background: #eaeaea;
}
.related-resources-content .slick-slide {
    border-color: #a8b44e;
}
.related-resources-content .mc-container .slick-next:before, .mc-container .slick-prev:before {
    color: #2b3b4c;
}

/*
==============================================
Blog Archive Sidebar Links
==============================================
*/
.filter-list-heading a, .filter-list-links .filter-list-date a, .filter-list-category a, .filter-list-topic a, .filter-list-media a {
  color: #5D652A !important;
}

.filter-list-heading a:hover, .filter-list-heading ul li a:hover {
  color: #104c6e !important;
}


/*
==============================================
Footer Billboard Section
==============================================
*/
.footer-image-content .billboard-container {
  border-top: 7px solid #2a3a4b;
  border-bottom: 7px solid #2a3a4b;
}
/*
==============================================
Footer Section
==============================================
*/
.footer-cta-section .ftr-cta {
  border: 1px solid #a8b44e !important;
  color: #2a3a4b;
  background: #a8b44e;
}
.footer-cta-section .ftr-cta:hover {
  border: 1px solid #a8b44e !important;
  color: #2a3a4b;
  background: #ffffff;
}
.footer-contact-content .social-container .fa {
  color: #002949;
}
.footer-contact-content .social-container a:hover .fa {
  color: #5D652A;
}
.footer-contact-content .social-container .fa:hover, .ftr-nap a:hover {
    color: #5D652A;
}
.ftr-disclosures {
    color: #5e5d5d;
}
.footer-hedge-section a, .ftr-disclaimers a {
    color: #5e5d5d;
}

/*

Next/Previous arrows and background variables
==============================================

blue = #
fuchsia = #
lime = #
orange = #
red = #
aqua = #
color: #2a3a4b;
    background: #a8b44e;
==============================================
*/   /* 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: #2a3a4b !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: #000000 !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: #2a3a4b !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: #2a3a4b !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: #a8b44e !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: #E6E8C9 !important;
}

/*

Mouse Scroller Model 1
==============================================

red = #
blue = #

==============================================
*/

 .scroller-wrapper .scroller, .scroller-mobile-wrapper .scroller-mobile {
  background-image: none !important;
  background-color: #E0E69E !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 #2a3a4b;
  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;
}
.simple-form .select2-container--default .select2-selection--single .select2-selection__arrow:after {
  color: #5D652A;
}

/*

Styles Page Section
==============================================
red = #
blue = #
aqua = #
lime = #
fuchsia = #
orange = #
==============================================
*/


.accord .accord-link, .accord .fa, .flextabs-wrapper a {
  color: #5D652A;
}
.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: #104c6e !important;
}
.flextab-triggers a {
  background: #f8f9f0;
  color: #5D652A !important;
}
.flextab-triggers a:hover, .flextab-triggers .set {
  background: #edeeda !important;
  color: #104c6e !important;
}
blockquote:before, q:before {
  background: #edeeda;
}
blockquote, q {
  color: #5D652A !important;
  border-color: #edeeda !important;
}
.related-resources-content h4:before, .related-resources-content h4:after {
  background: #b7c633;
}
.related-resources-content .slick-slide {
    border-color: #b7c633;
}
.related-resources-content .mc-container .slick-next:hover:before, .related-resources-content .mc-container .slick-prev:hover:before {
    color: #727479;
}

.intro-section-btm {
  display: none;
}


/*
==============================================
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) {

}


/* Medium devices (tablet portrait, 768px-old 810 new and less) tablet-p */
@media only screen and (max-width: 810px) {
.team-slider .yearbook-one .yearbook-first-last-title {
  background: rgb(13 23 34 / 82%);
}
.team-slider .slick-dots li button:before {
  color: #6A7231;
  opacity: 1;
}
.team-slider .slick-dots li.slick-active button:before {
    color: #2a3a4b;
}
/* 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: #2a3a4b;
}
.fa-angle-down:before {
    color: #6A7231;
}

/* 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: #ffffff;
}
.nav-container .address-group-name-wrapper {
  display: none !important;
}

}


/* 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) {}

/* IE only */
@media screen\0 {

}
