/* /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('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,700|Playfair+Display:400,400i,500i,700,700i&display=swap');

/*==============================================  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: Celeste Nunez
JOB #: 20-BRAUW-0011
COMPLETION DATE: 11/3/20
ADDITIONAL NOTES:
Fonts:

    font-family: 'Montserrat', sans-serif;
    font-family: 'Playfair Display', serif;

 White - #f4f4f4 (nav links)
 Beige - #f9eccd(nav hover - passed ADA)
 Gold - #966e17 (lines in team titles - passed ADA)
 Blue - #43708e (passed ADA)
 Dark Blue - #104c6e(model color)

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

.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('https://www.raymondjames.com/-/media/rj/advisor-sites/sites/o/a/oakcrestadvisors/images/background/background-pattern.jpg') !important;
}

/*
==============================================
Navigation Section
==============================================
*/

 .nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav > li > a{
 	color: #f4f4f4;
 }

 .nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav > li > a:hover{
 	color: #f9eccd;
 }

 .nav-overall-wrapper:not(.van-mobile-nav).nav-right .primary-nav{
 	background-color: #43708e;
 }

 .social-icons .social-container .fa{
 	    color: #43708e;
 }

 .logo-content{
 	border-bottom-color: #43708e;
 }

.primary-nav a.active{
 	color: #f9eccd !important;
 }

 /*sub-nav*/

 .nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav .nav-subnav{
 	background: rgb(249 249 249 / 95%);
 }

 .nav-overall-wrapper:not(.van-mobile-nav) .nav .primary-nav .nav-subnav li:not(.nav-top-link) a:hover, .primary-nav .nav-subnav a.active{
 	color: #43708e !important;
 }

 .nav-subnav-second{
 	display: none !important;
 }

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

.quote-content .quote{
	color: #43708e;
}
.quote-content {
  margin-top: 0;
}

/*
==============================================
Billboard Section
==============================================
*/


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

 h1 .head-1, h1 .head-2, .intro-content h1 .head-2{
 	color: #43708e !important;
 }

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

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

/*
==============================================
Niches Section
==============================================
*/


/*
==============================================
Team Section
==============================================
*/

.team-slider .yearbook-one .yearbook-headshot-wrapper{
	border-right: 6px solid #43708e !important;
}

.team-slider .yearbook-container .yearbook-cta{
	background: #d4f8f9;
    color: #43708e;
}

.team-headline{
	background: #43708e;
}

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

.int-team .yearbook-three .yearbook-links .fa{
	color: #43708e;
}

.int-team .yearbook-three .yearbook-headshot-wrapper::after{
	background: #43708e !important;
}

.bio-detail-designation{
	display: inline !important;
}

.yearbook-designation{
	display: contents !important;
}

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

.bio-detail-links-wrapper .fa:hover{
	color: #d4f8f9;
}

.bio-detail-first-name, .bio-detail-middle-initial, .bio-detail-last-name, .bio-detail-preferred-name{
	font-size: 21px;
}

.bio-detail-title{
	display: table-footer-group;
}

.int-team .team-content h1{
	margin: 45px 0 !important;
}

.contact-us .yearbook-container.yearbook-three.int-team{
	display: table !important;
} 

.contact-us .int-team h1{
	padding: 20px;
}

.contact-us .yearbook-name-wrapper{
	display: none;
}

.contact-us .yearbook-name-wrapper{
	margin: 0px;
}

.contact-us .yearbook-links{
	display: none;
}

/*
==============================================
Callouts Section
==============================================
*/


/*
==============================================
POV Section
==============================================
*/



/*
==============================================
Interior Pages
==============================================
*/

.interior .quote-content{
	border-color: #43708e !important;
}

.contact-links span a:hover, .website-links h
 a:hover{
	color: #002949 !important;
}

.contact-form .form-inline .captcha .btn-contact{
	color: #43708e;
	border-color: #43708e;
}

.contact-form .form-inline .captcha .btn-contact:hover{
	color: #002949;
	border-color: #002949;
}

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

/*
==============================================
Footer Section
==============================================
*/

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

.footer-contact-content .social-container .fa, .footer-cta-section .ftr-cta{
	color: #43708e;
}

.footer-cta-section .ftr-cta{
	border-color: #43708e;
}

/*
==============================================
Responsive Meia Queries NEW
==============================================
*/



/* 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 and less) tablet-p */
@media only screen and (max-width: 768px) {
    .fa-angle-down:before {
    	color: #d4f8f9;
	}

	.nav-address-wrapper{
		color: #ffffff;
	}

	.nav-address-mobile a {
    	color: #ffffff;
	}

	.top-cta{
		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 {

}