/* /RJ/Advisor Sites/Global/Global CSS/Model 4/base */
@import url('/-/media/rj/advisor-sites/global/global-css/model-4/base.css');
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700|Playfair+Display:400,400i,500i,700,700i&display=swap');
/*@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: Celeste Nunez
DESIGNER: 
JOB #: 20-BR35J-0236
COMPLETION DATE: 
ADDITIONAL NOTES:
Fonts:
 
    font-family: 'Montserrat', sans-serif;
    font-family: 'Playfair Display', serif;
 

Passed ADA:
====================================================================
Dark Blue = #002949
Blue (social) = #3d5c75
Blue (borders, nav hover/active) = #71bbd9
Blue (buttons) = #2a7c9d
Beige = #f2ead6
Blue-gray (footer social) = #5c6b77
 
========================================================================================================================
*/

.grid-home, .grid-about-us-with-banner, .header-main, .grid-interior, .related-resources-main, .grid-bio-page, .footer-section, .main-content, .grid-about-rj, .grid-resources, .grid-about-us{
	background-image:url('/-/media/rj/advisor-sites/sites/h/a/harborpw/images/background-pattern.png') !important;
} 
 
/*
==============================================
Home Billboard Video
==============================================
*/

.grid-home .billboard-background-video-wrapper {
	height: 527px;
}

/*
==============================================
Navigation Section
==============================================
*/
 
.header-cta .ftr-cta, .social-icons .social-container .fa{
	color: #3d5c75;
}

.social-icons .social-container .fa:hover, .header-cta .ftr-cta:hover {
    color: #2a7c9d !important;
}

.primary-nav, .primary-nav .nav-subnav-second{
	background: #002949 !important;
}

.nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav > li > a,.nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav .nav-subnav li:not(.nav-top-link) a{
	color: #ffffff;
}

.primary-nav .nav-subnav a.active, .primary-nav a.active, .nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav > li > a: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:hover{
	color: #71bbd9 !important;
}

.nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav .nav-subnav{
	background: rgb(0 40 71 / 98%);
}
 
.logo-content{
	border-bottom-color: #71bbd9;
}

.investor-access-login-button{
	color: #002949;
	border: 1px solid #002949;
}

/*
==============================================
Intro Section
==============================================
*/

.intro-content h1 .head-2, .intro-content h2, .intro-content h3, .related-resources-content h4, .intro-content h5, .related-resources-content .mc-heading, .mc-container .slick-track .slick-slide > a,.related-resources-content .mc-cta,.intro-content h1 .head-1, .intro-content h4{
	color: #002949;
}
 
.intro-section ul li a{
	color: #002949;
}

.intro-section ul li a:hover, .mc-container .slick-track .slick-slide > a:hover, .mc-container a:hover .mc-cta{
	color: #2a7c9d;
}

.related-resources-content{
	border-top: 20px solid #f2ead6;
}

.related-resources-content h4:before, .related-resources-content h4:after{
	background: #71bbd9;
}

.related-resources-content .slick-slide {
    border-right: 6px solid #71bbd9;
}

/*
==============================================
Slider Section
==============================================
*/
 
.slider-content{
	background-image:url('/-/media/rj/advisor-sites/sites/h/a/harborpw/images/harbor-background.png') !important;
}

.quote-content{
	background-image:url('/-/media/rj/advisor-sites/sites/h/a/harborpw/images/harbor-quote-background.png') !important;
}

/*
==============================================
Services Section
==============================================
*/

.accord .accord-link{
	color: #002949;
}

.accord .accord-link:hover{
	color: #2a7c9d !important;
}

.service-page .quote-section{
	display: none;
}
 
/*
==============================================
Niches Section
==============================================
*/

.niche-content .mc-container{
	border-top-color: #71bbd9;
	border-bottom-color: #71bbd9;
}

.cta-center.hide-category.hide-slide-number .mc-content-wrapper{
	border-right: 3px solid #71bbd9;
	margin-top: 9px;
}

.niche-content .mc-container a:hover .mc-cta{
	border: 1px solid #2a7c9d !important;
	color: #2a7c9d;
}

.niche-content .mc-heading,.niche-content .mc-container .slick-prev:before, .niche-content .mc-container .slick-next:before{
	color: #002949;
}

.slider-section .slick-dots li button:before{
	color: #71bbd9;
}

.slider-section .content-slider-cta{
	color: #71bbd9 !important;
	border: 1px solid #71bbd9 !important;
}

.slider-content{
	background: #002949;
}

.slider-section .content-slider-heading .head-1{
	font-size: 31px;
}
 
/*
==============================================
Team Section
==============================================
*/

.team-section .team-headline h2{
	color: #002949;
}

.team-headline{
	background: #f2ead6;
}

.team-slider .yearbook-one .yearbook-headshot-wrapper{
	border-right: 6px solid #002949;
}

.team-slider .yearbook-one .yearbook-headshot-wrapper:hover:after {
    background-color: rgb(2 53 111 / 60%);
}

.team-slider .yearbook-container .yearbook-cta, .int-team .yearbook-three a:hover .yearbook-headshot-wrapper:after{
	background: #002949;
}

.int-team .yearbook-three .yearbook-links .fa{
	color: #5c6b77;
}

.int-team .yearbook-three .yearbook-links .fa:hover{
	color: #002949;
}

.yearbook-designation{
	display: inline-block;
}

.bio-detail-links-wrapper a{
	background: #002949 !important;
}

.bio-detail-links-wrapper .fa:hover{
	color: #71bbd9;
}
.bio-detail-designation{
	display: inline-block;
}

/*
==============================================
Quote Section
==============================================
*/ 

.quote-content .quote{
	color: #002949;
}

.interior .quote-content{
	border-top-color: #f2ead6;
}
 
/*
==============================================
Interior Section
==============================================
*/

.about-rj a{
	color: #2a7c9d;
}

.about-rj a:hover{
	color: #002949;	
}

.fa-share-alt {
    color: #002949 !important;
}

.fa-share-alt:hover {
    color: #2a7c9d !important;
}

.resource-detail-info-wrapper a:hover {
    color: #2a7c9d !important;
}

.social-media-share-wrapper span {
    background-color: #002949;
}

.social-media-share-wrapper span:before {
    border-bottom: 10px solid #002949;
}

.body-resource-detail a{
	color: #002949 !important;
}

.body-resource-detail a:hover{
	color: #2a7c9d !important;
}

.body-resource-detail .nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav > li > a{
	color: #ffffff !important;
}

.social-media-share-link:hover > .fa-share-alt:before {
    color: #2a7c9d;
}

.contact-form .form-inline .captcha .btn-contact, .simple-form input[type="submit"], .directions-search .submit-search{
	color: #2a7c9d;
	border: 1px solid #2a7c9d;
}

.contact-form .form-inline .form-group.select-container:before {
    border-color: #2a7c9d transparent transparent transparent;
}

.intro-content blockquote{
	color: #002949;
	border-left: 2px solid #2a7c9d;
    border-right: 2px solid #2a7c9d;
}

.flextab-triggers a{
	background: #002949;
	color: #ffffff;
}

.flextab-triggers .set {
    color: #71bbd9;
}

.longevity-planning .intro-section a{
	color:#002949;
}

.longevity-planning .intro-section a:hover{
	color:#2a7c9d;
}

 
/*
==============================================
Resources Section
==============================================
*/

.masonry-one-of-two .masonry-title, .masonry-one-by-two .masonry-title, .masonry-one-by-one .masonry-title, .masonry-three-by-one .masonry-title{
    color: #ffffff !important;
}

.masonry-one-of-two .masonry-date, .masonry-one-by-two .masonry-date, .masonry-one-by-one .masonry-date, .masonry-three-by-one .masonry-date{
    color: #ffffff !important;
}
.masonry-one-of-two .masonry-paragraph, .masonry-one-by-two .masonry-paragraph, .masonry-one-by-one .masonry-paragraph, .masonry-three-by-one .masonry-paragraph{
    color: #ffffff !important;
}

.masonry-one-of-two .masonry-category, .masonry-one-by-two .masonry-category, .masonry-one-by-one .masonry-category, .masonry-three-by-one .masonry-category{
    color: #ffffff !important;
}

.masonry-one-of-two .masonry-cta, .masonry-one-by-two .masonry-cta, .masonry-one-by-one .masonry-cta, .masonry-three-by-one .masonry-cta{
    color: #ffffff !important;
    border: 1px solid #ffffff !important;
}

.masonry-load-more, .masonry-tertiary-load-more{
    color: #002949;
    border-top: 1px solid #002949;
    border-bottom: 1px solid #002949;
}
.masonry-load-more:hover, .masonry-tertiary-load-more{
    color: #2a7c9d;
    border-top: 1px solid #2a7c9d;
    border-bottom: 1px solid #2a7c9d;
}

.filter-link{
    border: 1px solid #2a7c9d;
}
 
.filter-open.fa-angle-down:before {
    color: #2a7c9d;
}
.filter a:hover, .filter-reset:hover {
    color: #2a7c9d;
}
.masonry-one-of-two-stacked .masonry-cta, .masonry-two-of-two-stacked:hover .masonry-cta {
    color: #ffffff !important;
}
.masonry-one-of-two .masonry-cta, .masonry-one-by-two .masonry-cta, .masonry-one-by-one .masonry-cta, .masonry-three-by-one .masonry-cta {
    color: #ffffff !important;
}
.masonry-two-by-one:hover .masonry-cta, .masonry-one-by-two:hover .masonry-cta, .masonry-one-by-two:hover .masonry-cta, .masonry-one-by-one:hover .masonry-cta, .masonry-two-by-one:hover .masonry-cta, .masonry-three-by-one:hover .masonry-cta, .masonry-one-of-two-stacked:hover .masonry-cta, .masonry-two-of-two-stacked .masonry-cta {
    color: #71bbd9 !important;
}
 
/*
==============================================
Resources Filter Section
==============================================
*/
 
.filter-overlay .close-filter-overlay {
    background: green;
}
.filter-overlay .close-filter-overlay:hover {
    background: #2a7c9d;
}
.fa-times:before {
    color: #2a7c9d;
}
.close-filter-overlay .fa-remove:before, .close-filter-overlay .fa-close:before, .close-filter-overlay .fa-times:before {
  color: #fff;
}
/*
==============================================
Resources Masonry Section
==============================================
*/
.masonry-one-of-two, .masonry-one-by-two, .masonry-one-by-one, .masonry-three-by-one {
    background: #2a7c9d;
}
.masonry-one-of-two:hover, .masonry-one-by-two:hover, .masonry-one-by-one:hover, .masonry-three-by-one:hover, .masonry-two-by-one:hover .masonry-one-of-two, .masonry-one-of-two-stacked:hover {
    background: #002949;
}
.masonry-two-by-one:hover .masonry-img-container:after {
    border-left: 15px solid #002949;
}
.masonry-one-by-two:hover .masonry-copy:after {
    border-bottom: 15px solid #002949;
}
.masonry-two-by-one .masonry-img-container:after {
    border-left: 15px solid #2a7c9d;
}
.masonry-one-by-two .masonry-copy:after {
    border-bottom: 15px solid #2a7c9d;
}
.masonry-one-of-two-stacked {
    background: #2a7c9d;
}
.masonry-two-of-two-stacked {
    background: #002949;
}
.masonry-two-of-two-stacked:hover {
    background: #2a7c9d;
}
 
/*
==============================================
Footer Section
==============================================
*/

.footer-image-content .billboard-container{
	border-top-color: #002949;
	border-bottom-color: #002949;
}

.footer-cta-section .ftr-cta{
	color: #002949;
	border: 1px solid #002949;
}

.footer-cta-section .ftr-cta:hover {
    border: 1px solid #2a7c9d;
    color: #2a7c9d;
}

.footer-contact-content .social-container .fa{
	color: #5c6b77;
}

.footer-contact-content .social-container .fa:hover, .ftr-nap a:hover,.footer-hedge-section a:hover, .ftr-disclaimers a:hover{
	color: #2a7c9d;
}
 
/*
==============================================
Responsive Meia Queries NEW
==============================================
*/
 
 
 
/* Large devices (tablet landscape, 1024px and less) tablet-l */
@media only screen and (max-width: 1024px) {

	.masonry-one-of-two:hover, .masonry-one-by-two:hover, .masonry-one-by-one:hover, .masonry-three-by-one:hover {
        background: #2a7c9d;
    }
    .masonry-two-by-one:hover .masonry-cta, .masonry-one-by-two:hover .masonry-cta, .masonry-one-by-two:hover .masonry-cta, .masonry-one-by-one:hover .masonry-cta, .masonry-two-by-one:hover .masonry-cta, .masonry-three-by-one:hover .masonry-cta, .masonry-one-of-two-stacked:hover .masonry-cta {
        color: inherit !important;
    }
    .masonry-two-of-two-stacked:hover .masonry-cta {
        color: #fff !important;
    }
    .masonry-two-by-one:hover .masonry-one-of-two, .masonry-one-of-two-stacked:hover {
        background: #002949;
    }

    .team-slider .yearbook-one .yearbook-first-last-title{
    	background: #002949 !important;
    }
     
}
 
 
/* Large devices (desktops, 992px and less) */
@media only screen and (max-width: 992px) {
     
}
 
 
/* Medium devices (tablet portrait, 768px and less) tablet-p */
@media only screen and (max-width: 768px) {
	.ftr-logo {
    	max-width: inherit;
	}

	.footer-image-content .billboard-container{
		background-position: inherit;
	}

	.nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav .nav-address-mobile, .nav-address-mobile a, .fa-angle-down:before{
		color: #ffffff;
	}

	.team-slider .slick-dots li.slick-active button:before {
    	color: #002949;
	}
     
}
 
 
/* Extra small devices (most portrait phones, 480px and less) mobile-p */
@media only screen and (max-width: 480px) {
     .logo-section .ftr-logo {
    	width: inherit;
	}

	.footer-image-content .billboard-container{
		background-position: inherit;
	}
}
 
 
 
/* 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 {
 
}