/* /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('resources.css');
@import url('modules.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;


========================================================================================================================
*/

/*

Media Carousel Dots to Outlines
==============================================

red = #

==============================================
*/

.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: #002D62;
}
.slick-dots li button:before {
    color: #002D62;
    opacity: 0.95;
    font-size: 10px;
}
.slick-dots li button:focus:before {
    opacity: 1;
}
.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 #002D62;
    border-radius: 50%;
}
.slick-dots li {
    width: 9px !important;
    height: 9px;
}

/*

Mouse Scroller Model 1
==============================================

red = #
blue = #

==============================================
*/

 .scroller-wrapper .scroller, .scroller-mobile-wrapper .scroller-mobile {
  background-image: none !important;
 background-color: #002D62 !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 #fff;
    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;
}

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: #723E00;
}
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: #002D62;
}

.resource-detail-info-wrapper a, .social-media-share-link, .blog-date-link, .blog-category-link, .blog-media-type-link {
  color: #723E00 !important;
}
.resource-detail-info-wrapper a:hover, .social-media-share-link:hover, .blog-date-link:hover, .blog-category-link:hover, .blog-media-type-link:hover {
  color: #002D62 !important;
}

/* Removes the model stripe pattern */
body, .grid-home, .grid-about-us, .grid-interior, .grid-bio-page, .grid-resources, .related-resources-main, .grid-about-rj, .grid-blog {
  background-image: none !important;
  background: #fff;
}


/* Buttons */
.button, .accord a.accord-cta, .directions-search .submit-search, .contact-form .form-inline .captcha .btn-contact, .masonry-load-more, .masonry-tertiary-load-more, .blog-landing-copy-cta, .simple-form input[type="submit"] {
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  letter-spacing: 2.5px;
  color: #A16721;
  border: 1px solid #A16721;
  text-transform: uppercase;
  display: inline-block;
  background: none;
  border-radius: 0;
  padding: 10px 25px 8px;
 -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 {
  letter-spacing: 2.5px;
  color: #fff;
  border: 1px solid #A16721;
  text-transform: uppercase;
  background: #A16721;
  border-radius: 0;
 -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, .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: #fff;
  border: 1px solid #A16721;
  background: #A16721;
}
.investor-access-login-button:hover {
  color: #fff;
  border: 1px solid #723E00;
  background: #723E00;
}

/*
==============================================
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: #002D62 !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: #723E00 !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: #fff !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: #fff !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: #002D62 !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: #723E00 !important;
}

/*
==============================================
Main Styles
==============================================
*/
.intro-content blockquote, q {
  border-left: 2px solid #999;
  border-right: 2px solid #999;
}
.accord .accord-link {
  color: #A16721;
}
.accord .accord-link:hover, .accord .accord-inner-link:hover, .accord li.open .accord-link, .accord li.open .accord-inner-link {
  color: #002D62;
}
.accord li.open .fa {
  color: #002D62;
}
.flextab-triggers .set {
  color: #fff;
  background: #002D62;
}
.flextab-triggers a {
  background: #eee;
  color: #723E00;
}
.related-resources-content {
  border-top: 20px solid #002D62;
  background: none !important;
}
.related-resources-content h4:before, .related-resources-content h4:after {
  background: #eee;
}
.related-resources-content .slick-slide {
  border-right: 2px solid #eee;
}
.interior .who-we-serve-list {
  padding: 25px 0px;
  position: relative;
  display: table;
  clear: both;
  margin: 0 auto;
}
.interior .who-we-serve-list h2 {
  padding: 0px 0px 25px 0px;
  text-align: center;
}
.interior .who-we-serve-list .button {
  padding: 7px 7px;
  width: 325px;
  margin: 0 auto;
  text-align: center;
  display: block;
  border-radius: 15px;
  font-size: 14px;
  letter-spacing: 1px;
  margin-bottom: 20px;
  background: #A16721;
  color: #fff;
}
.interior .who-we-serve-list .button:hover {
  background: #fff;
  color: #A16721;
}

/*
==============================================
Header Section
==============================================
*/
.header-cta .ftr-cta, .social-icons .social-container a, .social-icons .social-container .fa {
  color: #002D62 !important;
}
.header-main {
  background: #eeeeee !important;
  background-image: none;
}
.social-contact .ftr-nap a, .social-contact .ftr-nap-wrapper .ftr-nap li {
  color: #002D62 !important;
}
.header-cta .ftr-cta:hover, .social-icons .social-container .fa:hover {
    color: #723E00 !important;
}
.social-contact .ftr-nap a:hover {
    color: #723E00 !important;
}
.social-contact .ftr-nap-wrapper .ftr-nap li:after {
    content: "//";
    position: relative;
    margin-left: 8px;
    color: #999;
}

/*
==============================================
Navigation Section
==============================================
*/

/* Main Nav */
.primary-nav {
  background: #002D62;
}
.primary-nav a, .investor-access-remember-me-label {
  color: #fff !important;
}
/* Main Nav Active/Hover */
.primary-nav > li > a:hover, .primary-nav > li > a.selected, .primary-nav > li > a.active, .nav-standard.selected {
  color: #ebc89e !important;
}
/* Dropdown nav */
.primary-nav .nav-subnav a {
  color: #fff !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: #ebc89e !important;
}
.nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav .nav-subnav, .primary-nav .nav-subnav-second {
  background: #002d62 !important;
}

/*
==============================================
Billboard Section
==============================================
*/
.body-home .billboard-content .billboard-background-video-overlay {
  height: 100%;
}
.body-home .billboard-section .billboard-container, .billboard-background-video > video {
  height: 535px !important;
}
.logo-content {
  border-bottom: 6px solid #A16721;
}


/*
==============================================
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: #002D62;
}
/*
==============================================
Niches Section
==============================================
*/
.niche-content .mc-container {
  border-top: 6px solid #A16721;
  border-bottom: none;
}
.niche-content .mc-cta {
	color: #fff;
	border: 1px solid #002D62 !important;
	background: #002D62;
}
.niche-content .mc-container a:hover .mc-cta {
  border: 1px solid #002D62 !important;
	color: #fff;
  background: #002D62;
}
.niche-content .mc-container .slick-next:before, .niche-content .mc-container .slick-prev:before {
  color: #002D62;
}

/*
==============================================
Services Slider Section
==============================================
*/
.slider-content {
  background: #A16721;
  background-image: url(/-/media/rj/advisor-sites/sites/h/a/hartfinancialpartners/images/background-1-serviceslider.jpg) !important;
  background-size: 100%;
  background-position: bottom center;
  background-repeat: no-repeat;
}
.slider-section .content-slider-cta {
  color: #fff;
  border: 1px solid #002D62;
  background: #002D62;
}
.slider-section .slick-slide:hover .content-slider-cta {
	border: 1px solid #002D62;
  letter-spacing: 1px;
}
.slider-section .content-slider-wrapper .slick-dots {
  bottom: 0;
}
.slider-section .slick-dots li.slick-active button:before {
  border: 2px solid #fff !important;
  background: #fff !important;
}
.slider-section .slick-dots li button:before {
  border: 2px solid #fff;
}
/*
==============================================
Team Section
==============================================
*/
.int-team .yearbook-three .yearbook-links .fa {
  color: #002D62;
}
.int-team .yearbook-three .yearbook-links .fa:hover {
  color: #723E00;
}
.team-headline {
  background: #eeeeee;
}
.team-section .team-headline h2 {
  color: #002D62;
}
.team-slider .yearbook-one .yearbook-headshot-wrapper {
  border-right: 6px solid #A16721;
}
.team-slider .yearbook-container .yearbook-cta {
	border: 1px solid rgba(255, 255, 255, 0);
  background: #723E00;
  -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;
}
.team-slider .yearbook-container .yearbook-cta:hover {
  border: 1px solid #fff;
  background: none;
  color: #fff;
}
.team-slider .yearbook-one .yearbook-headshot-wrapper:hover:after {
    background-color: rgba(0, 45, 98, 0.92);
}
.team-slider .yearbook-one .yearbook-headshot-wrapper::after {
	 background-color: rgba(0, 45, 98, 0);
}
.int-team .yearbook-headshot-wrapper:after {
  color: #fff;
  background: #002D62;
}
.int-team .yearbook-three a:hover .yearbook-headshot-wrapper:after {
  color: #fff;
  background: #002D62;
}
.bio-detail-links-wrapper a {
  background: #eee !important;
}
.bio-detail-links-wrapper .fa {
	color: #002D62;
}
.bio-detail-links-wrapper .fa:hover {
  color: #723E00;
}
.bio-detail-headshot-wrapper {
  border: 5px solid #eee;
}
.body-about-us .intro-section-btm {
  display: none;
}
.team-image-wrapper img {
  margin: 0 auto;
}

/*
==============================================
Quote Section
==============================================
*/
.quote-content {
  border-top: none;
  background: #fff !important;
  background-image: none;
}
.interior .quote-content {
  border-top: none;
  background: #eeeeee !important;
}
.quote-content .quote:before {
  content: url(/-/media/rj/advisor-sites/sites/h/a/hartfinancialpartners/images/quote-1-tree.png);
  width: 139px;
  height: 67px;
  display: block;
  position: relative;
  margin: 10px auto;
}


/*
==============================================
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: #A16721 !important;
}

.filter-list-heading a:hover, .filter-list-heading ul li a:hover {
  color: #002D62 !important;
}
.main-content-int-blog h1 {
  text-align: center;
  color: #002D62 !important;
}
.fa-calendar:before {
  color: #002D62;
}
.blog-detail-banner-wrapper .blog-detail-banner {
  border: 1px solid #eee;
  margin: 50px 0px;
}
.blog-detail-banner-wrapper {
    overflow: inherit;
    max-height: none;
}
.blog-landing-content-wrapper .blog-landing-content-container .blog-landing-banner-wrapper .blog-landing-banner {
  border: 1px solid #eee;
}

/*
==============================================
Blog Archive Sidebar Links
==============================================
*/
.simple-form .select2-container--default .select2-selection--single .select2-selection__arrow:after {
  color: #002D62;
}

/*
==============================================
Footer Billboard Section
==============================================
*/
.footer-image-content .billboard-container {
  border-top: 7px solid #A16721;
  border-bottom: 7px solid #A16721;
}

/*
==============================================
Footer Section
==============================================
*/
.footer-cta-section .ftr-cta {
  color: #fff;
  border: 1px solid #002D62;
  background: #002D62;
}
.footer-cta-section .ftr-cta:hover {
  color: #002D62;
  border: 1px solid #002D62;
  background: #fff;
}
.footer-contact-content .ftr-nap .ftr-nap-address-line1:after, .footer-contact-content .ftr-nap .ftr-nap-address-line2:after, .footer-contact-content .ftr-nap .ftr-nap-phone:after {
  color: #999;
}
.footer-contact-content .social-container .fa {
  color: #002D62;
}
.footer-contact-content .social-container .fa:hover {
  color: #723E00;
}
.nav-overall-wrapper:not(.van-mobile-nav).click-nav .primary-nav li > .nav-subnav.clicked {
  background: #723E00 !important;
}
.footer-contact-section .footer-contact-logo .ftr-logo-wrapper {
  align-items: end;
}

/*
==============================================
Billboards
==============================================
*/

.body-who-we-serve .billboard-container {
  background-position: top center;
}
.body-contact-us .billboard-container {
  background-position: top center;
}

/*
==============================================
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) {
  .slider-content {
    background-image: none;
    background: #A16721 !important; /* Old browsers */
    background: -moz-linear-gradient(left,  #723e00 1%, #a16721 50%, #723e00 100%) !important; /* FF3.6-15 */
    background: -webkit-linear-gradient(left,  #723e00 1%,#a16721 50%,#723e00 100%) !important; /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right,  #723e00 1%,#a16721 50%,#723e00 100%) !important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#723e00', endColorstr='#723e00',GradientType=1 ); /* IE6-9 */
  }
  .footer-contact-section .footer-contact-logo .ftr-logo-wrapper {
    align-items: center;
  }
  .interior .who-we-serve-list .button {
    width: 275px;
    font-size: 13px;
    letter-spacing: normal;
  }
  .team-slider .yearbook-one .yearbook-first-last-title {
    background: rgba(0, 45, 98, 0.82);
  }
}


/* 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) {

/* 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: #002D62;
}
/* 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: #fff;
}
.nav-container .address-group-name-wrapper {
  display: none !important;
}
.fa-angle-down:before {
    color: #fff;
}
.nav-address-wrapper {
  color: #fff;
}
.interior .who-we-serve-list .button {
  width: 275px;
  font-size: 12px;
  letter-spacing: normal;
}

}


/* 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 {

}
