@import url('https://fonts.googleapis.com/css?family=Abel|Cormorant:400,400i|Source+Sans+Pro:400,600');
@import url('https://fonts.googleapis.com/css?family=Cormorant');

@import url('components/navigation-section.css');
@import url('components/billboard-section.css');
@import url('components/intro-section.css');
@import url('components/content-section.css');
@import url('components/team-section.css');
@import url('components/callouts-section.css');
@import url('components/quote-section.css');
@import url('components/footer-section.css');
@import url('components/niche-section.css');
@import url('components/yearbook-section.css');
@import url('components/bio-section.css');
@import url('components/resource-section.css');
@import url('components/blog-section.css');
/* @import url('components/accolades-section.css');*/
@import url('components/carousel-section.css');
@import url('components/sticky.css');
@import url('components/connected-advisor-section.css');
@import url('components/calculator.css');
@import url('components/worthwhile.css');
@import url('modules/main-styles.css');
@import url('modules/behavioral-finance.css');
@import url('modules/landing-page.css');
@import url('modules/living-your-legacy.css');
@import url('modules/retirees.css');
@import url('modules/pre-retirees.css');
@import url('modules/corporate-executives.css');
@import url('modules/private-wealth.css');
@import url('modules/client-center.css');
@import url('modules/e-delivery.css');
@import url('modules/intergenerational-wealth-transfer.css');
@import url('misc/rjl.css');
@import url('features/advanced-bio.css');
@import url('features/email-capture-form.css');
@import url('features/podcast.css');
@import url('features/sticky-footer-cta.css');
@import url('features/awards-and-recognition.css');
@import url('features/header-contact.css');
@import url('features/mc-ks-feed.css');
@import url('../shared/cookie-banner.css');
@import url('features/ks-process-slider.css');
@import url('features/schedule.css');
@import url('features/digital-landing-page.css');
@import url('features/ks-cs-hero.css');

:root {
    /* Model 3 Variables */
    --light: #c9a560;
    --light-color-1:#d8b168;
    --medium: #966c1d;
    --medium-color-1: #666670;
    --dark: #393f4d;
    --dark-color-1: #272d3b;
    --gray-light: #f5f7f9;
    --gray-medium: #c7c7c7;
    --gray-dark: #393939;
    --black: #000000; 
    --white: #ffffff;
    --rgb-color-1: 15,22,38;
    --rgb-color-2: 19,24,34;
    --rgb-color-3: 201,165,96;
    --rgb-color-4: 255,255,255;
    --rgb-opacity-1: 0.9;
    --rgb-opacity-2: 0.85;
    --rgb-opacity-3: 0.1;
    --rgb-opacity-4: 0.93;
    --font-1: 'Abel', sans-serif;
    --font-2: 'Cormorant', serif;
    --font-3: 'Source Sans Pro', sans-serif;
  }

/* =======  GENERAL STYLES START HERE ======= */
/* ========================================= */
/* ========================================= */

body {
	font-family: 'Source Sans Pro', sans-serif;
}

.header-content {
    position: relative;
/*    min-height: 140px;*/
}
strong {
    font-weight: 600;
}
.mobile-logo {
	position: absolute;
    top: -10px;
    z-index: 6;
    margin: 0 auto;
    text-align: center;
    width: 100%;
	display: none;
}
.mobile-logo .ftr-logo-wrapper .desktop-image {
	display: block !important;
}
.mobile-logo .ftr-logo-wrapper .ftr-logo {
	max-width: 100% !important;
}
.mobile-logo .ftr-logo-divider, .mobile-logo .ftr-group-name {
	display: none;
}
.wow {
	visibility: hidden;
}

a, .resource-detail-copy-wrapper a {
	color: #c9a560;
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.accord .accord-link-content a{
	color: #c9a560;
}
a:hover, a:focus, .accord .accord-link-content a:hover, .accord .accord-inner-link-content a:hover {
    color: #23527c;
    background: transparent;
}


a:focus {
	text-decoration: none;
}
.home-body .nav-main-header {
	animation-delay: 1s;
}
.blog-detail-overall-wrapper {
	top: 60px;
}

.contact-form .form-inline .captcha .btn-contact:hover,
.simple-form input[type="submit"]:hover {
    background: #c9a560;
    color: black;
    border: 1px solid transparent;
}

.simple-form input[type="submit"] {
	padding: 10px 20px;
    border-radius: 0;
    background: black;
    color: white;
    border: 1px solid black;
    box-shadow: none;
    transition: all 300ms ease;
}
.simple-form input[type="submit"] {
	margin-bottom: 20px;
}
.cfp {
  font-variant: small-caps;
}
hr {
    border: 0 !important;
    color: #bfbebe;
    background-color: #bfbebe;
    height: 1px;
    width: 100%;
    text-align: left;
    margin: 20px 0;
}
.header-content .ftr-logo,
.footer-hedge-section .ftr-logo {
	max-width: inherit;
}

/* =======  QUOTE STYLES START HERE ======= */
/* ========================================= */
/* ========================================= */



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

/* =======  CTA STYLES START HERE ======= */
/* ========================================= */
/* ========================================= */


.body-map .directions-container, .body-resource .directions-container {
	margin: 80px auto;
}
.directions-search {
	background: none;
}
.directions-search .submit-search {
	font-family: 'Source Sans Pro', sans-serif;
}
.directions-search .submit-search:hover {
    background: #c9a560;
    color: black;
    border: 1px solid transparent;
}
.directions-search #directions-input {
	font-family: 'Source Sans Pro', sans-serif;
}

.body-about-us .main-content-int-copy {
	padding-bottom: 50px;
}

/*
Video Component
==============================================
*/
.video-container {
    margin: 25px auto;
}


/* Safari 4.0 - 8.0 */
@-webkit-keyframes line-draw {
    from {width: 0px;}
    to {width: 350px;}
}

/* Standard syntax */
@keyframes line-draw {
    from {width: 0px;}
    to {width: 350px;}
}

.interior-content .content-disclosure-wrapper {
	padding: 10px 0;
}
.body-bio-alt-3 .content-disclosure-wrapper {
	padding: 50px 200px 70px;
}
p.disclaimer {
	line-height: 18px;
}
.disclosure, .disclaimer {
	font-size: 11px !important;
	line-height: 13px !important;
}


.accord {
	background: none;
    width: 100%;
    max-width: inherit;
    margin: 0 auto;
	padding-left: 0px !important;
	list-style-type: none !important;
}

.accord .accord-link, .accord .accord-inner-link {
    font-family: 'Abel', sans-serif;
    margin: 0;
    padding: 5px 15px 5px 0px;
    color: #966c1d;
    font-size: 28px;
    border-bottom: 1px solid #dddddd;
}
.accord .accord-link:hover, .accord .accord-inner-link:hover, .accord li.open .accord-link, .accord li.open .accord-inner-link {
	color: #222a41;
}
.accord .accord-link-content, .accord .accord-inner-link-content {
	background: none;
}
.accord .fa {
	color: #837258;
}
.accord li.open .fa {
    color: #222a41;
}
.accord a.accord-cta {
    font-family: 'Abel', sans-serif;
    font-size: 21px;
	text-transform: uppercase;
    color: #837258;
    border: none;
	border-radius: 0;
    background: transparent !important;
	padding: 0px;
}

.accord .accord-link-content p {
	line-height: 35px;
}
.accord .accord-link-content p.disclaimer, .accord .accord-link-content p.disclosure {
	line-height: 13px;
}
.accord a.accord-cta:hover {
    border: none;
    color: #837258;
	letter-spacing: 2px;
	-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;
}
.accord a.accord-cta:after {
	content: '';
	font-family: "FontAwesome";
	font-weight: 400;
	content: "\f101";
	display: inline;
	margin-left: 5px;	
	/* display: inline-block;
	background: url(https://www.raymondjames.com/-/media/rj/advisor-sites/global/model-assets/model-2/icons/action-icon.png);
	width: 36px;
	height: 18px;
	margin-left: 10px;
	top: 1px;
    position: relative;
	top: 2px; */
}
.accord .fa.fa-chevron-down {
	top: 15px;
}

.accord .accord-link-content li, .accord .accord-inner-link-content li {
	border-bottom: none;
}
.accord .accord-link-content a, .accord .accord-inner-link-content a {
	padding: 0px !important;
	display: inline;
}
.accord .accord-link-content a:hover, .accord .accord-inner-link-content a:hover {
	background: none;
}
.flextabs h3 {
	font-family: 'Abel', sans-serif;
    font-size: 32px;
    line-height: 35px;
    color: #bc913f;
    margin: 15px 0;
	text-transform: none;
}
.flextab-triggers a.set {
	background: #c9a560;
   	color: #FFF;
}

.flextab-triggers a {
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 19px;
	text-transform: uppercase;
	color: #1c2744;
    display: inline-block;
    padding: 10px 40px;
    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;

}
.flextab-triggers a:hover {
	background: #c9a560;
   	color: #FFF;
	-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;
}
.flextab-triggers {
	background: #f4eddf;
}

/* LANDING PAGE FIX */

.accordion-panel a{
    color: #966c1d;
}
.accordion-panel a:hover{
    color: #000;

}
.accordion-panel button{
    background: transparent;
    border: none;
}


/*
Contact Us
==============================================
*/
.contact-form {
    margin-top: 40px;
	background: #fff;
}
.contact-form .form-inline .form-group .form-control::-webkit-input-placeholder {
  color: inherit;
}
.contact-form .form-inline .form-group .form-control {
	font-family: inherit;
	font-weight: 400;
	color: inherit !important;
}


/*
==============================================
START Password Protected Page
==============================================
*/
.password-protect button {
	padding: 10px 20px;
    border-radius: 0;
    background: black;
    color: white;
    border: 1px solid black;
    box-shadow: none;
    transition: all 300ms ease;
	margin: 0 auto;
	min-width: 180px;
}
.password-protect button:hover {
	background: #c9a560;
    color: black;
    border: 1px solid transparent;
}
.password-page .password-protect {
    padding: 10%;
    text-align: center;
}
.password-protect-recaptcha-disclaimer {
    font-size: 12px;
    margin-top: 20px !important;
}
.password-protect input {
    width: 100%;
    padding: 5px 10px;
    border: 2px solid lightgray;
    min-height: 36px;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.password-protect .password-protect-input-with-icon {
    width: 70%;
    margin: 0 auto;
}
h1.password-protect-headline {
	font-family: 'Abel', sans-serif;
    font-size: 52px;
    color: #191d28;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-top: 0;
    margin-bottom: 60px;
    text-align: center;
}
.password-protect-container {
    padding: 5% 20% 5% 20%;
}
.password-protect label {
	font-family: 'Cormorant', serif;
    font-size: 28px;
    text-transform: none;
    animation-name: slideInUpSmall;
    -webkit-animation-fill-mode: both;
	animation-fill-mode: both;
    color: #966c1d;
    display: block;
    letter-spacing: 0px;
    animation-delay: .25s;
    animation-duration: 2s;
	margin-bottom: 30px;
}
.password-protect .password-protect-description {
    line-height: inherit;
    margin-top: 35px;
    margin-bottom: 50px;
}
.password-protect .password-protect-failure-text,
.password-protect .password-protect-multi-failure-text {
    margin-bottom: 30px;
}

/*
==============================================
END Password Protected Page
==============================================
*/

/*
==============================================
Transition Video
==============================================
*/
.transition-video-section {
    border-bottom: solid 4px #c9a560;
	
}
.transition-video-section .transition-video-content {
	padding: 80px 165px;
}
.transition-video-section .transition-video-content h1 {
	text-align: center;
}
.transition-video-section {
	font-family: 'Source Sans Pro', sans-serif;
    font-size: 18px;
    line-height: 35px;
}
.transition-video-section h1 {
    font-family: 'Cormorant', serif;
    font-size: 30px;
    font-style: italic;
    color: #966c1d;
	margin: 0 0 30px;
    animation-name: slideInDownSmall;
    animation-delay: 0s;
    animation-duration: 1s;
}
.transition-video-section .head-1 {
    font-family: 'Abel', sans-serif;
    font-size: 45px;
    color: #515151;
    text-transform: uppercase;
    font-style: normal;
    display: block;
}
.transition-video-section .video-container {
	margin: 50px auto 0;
}
.button {
    display: inline-flex;
    height: 40px;
	background: #c9a560 !important;
    color: #000;
    text-transform: uppercase;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 10px;
    text-transform: uppercase;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 10px 20px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    border: solid 1px transparent;
    -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;	
}
.button:hover {
    background: #000 !important;
    color: #fff;
    border: solid 1px transparent;
}

/*
==============================================
CLIENT ACCESS LOGIN
==============================================
*/

.client-access-on-page {
    background-color: var(--gray-light);
}
.client-access-on-page .client-access-on-page-content .client-access-on-page-input-wrapper .fa {
    color: var(--gray-dark);
}
.client-access-on-page .client-access-on-page-content .client-access-on-page-password .client-access-on-page-password-show {
    font-weight: 400;
    color: var(--dark);
    font-family: var(--font-3);    
}
.client-access-on-page .client-access-on-page-content .client-access-on-page-header h2 {
    font-size: 20px;
    line-height: 24px;
    color: var(--gray-dark);
    text-transform: none;
    margin: 0;    
}
.client-access-on-page .client-access-on-page-content .client-access-on-page-remember {
    color: var(--gray-dark);
    font-weight: 400;  
}
.client-access-on-page .client-access-on-page-content .client-access-on-page-submit {
    padding: 0;
}
.client-access-on-page .client-access-on-page-content .client-access-on-page-submit button {
    background-color: var(--dark);
    border:1px solid transparent;
    text-transform: uppercase;
    font-family: var(--font-1);  
    font-weight: 400;
	padding: 5px;	
	-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;	    
}
.client-access-on-page .client-access-on-page-content .client-access-on-page-submit button:hover {
    background: none;
    color: var(--dark); 
    border: 1px solid var(--dark);
}
.client-access-on-page .client-access-on-page-links ul .client-access-on-page-link {
    font-size: 13px;
    line-height: 20px;
}
.client-access-on-page .client-access-on-page-links ul .client-access-on-page-link a:hover {
    text-decoration: underline;
}
.client-access-on-page .client-access-on-page-links ul {
    list-style-type: none;
    grid-gap: 13px;
    justify-items: left;
}

/*
==============================================
PRINT 
==============================================
*/
@media print {
.header-social,
.nav-overall-wrapper,
.bio-detail-previous-link-wrapper,
.bio-detail-next-link-wrapper,
.bio-detail-previous-link-wrapper-mobile,
.bio-detail-next-link-wrapper-mobile,
.blog-detail-previous-link-wrapper,
.blog-detail-next-link-wrapper,
.blog-detail-previous-link-wrapper-mobile,
.blog-detail-next-link-wrapper-mobile,
.blog-detail-banner-wrapper, 
.social-media-share-wrapper, 
.resource-detail-previous-link-wrapper,
.resource-detail-next-link-wrapper,
.resource-detail-previous-link-wrapper-mobile,
.resource-detail-next-link-wrapper-mobile,
.resource-detail-banner-wrapper, 
.resource-detail-tag-cloud-wrapper,
.social-media-share-wrapper,
.footer-section,
.cookie-consent-banner-wrapper.cookie-consent-banner-wrapper-visible {
    display: none !important;
}
.resource-detail-copy-wrapper, .blog-detail-copy-wrapper {
    margin-top: 0;
}
.resource-detail-content-wrapper {
    padding: 0!important;
}
.bio-section {
    padding-top: 0 !important;
}
.bio-content-name {
    margin-top: 0;
}
.bio-detail-links-wrapper a {
    display: block;
}
.bio-detail-links-wrapper .fa {
    display: none;
}
.bio-section .bio-content-social {
    border-top: 1px solid var(--gray-medium);
    border-bottom: 1px solid var(--gray-medium);
    padding: 20px 0;
    margin: 20px 0;
}
.bio-detail-links-wrapper a {
    padding: 0;
}
.header-main .ftr-logo {
    filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(12%) hue-rotate(257deg) brightness(104%) contrast(104%);
}
*,
*:before,
*:after {
    background: transparent !important;
    color: var(--black) !important;
    box-shadow: none !important;
    text-shadow: none !important;
}
.copy-section,
.bio-section,
.resource-section,
.blog-main,
.body-resource-detail .resource-section,
.body-map-directions .resource-section,
.header-section {
    background-color: var(--white) !important;
}
body {
    border-bottom: 1px solid var(--gray-light) !important;
}
p,
ul,
li,
div {
    font-size: 9.25pt;
    line-height: 13pt;
}
.body-resource-detail .resource-section h3,
.body-resource-detail .resource-section h4,
.body-resource-detail .resource-section h5,
.body-resource-detail .resource-section h6 {
    color: var(--medium) !important;
}
p.disclaimer {
    font-style: italic !important;
    font-size: 8pt;
}
.header-content {
    padding-block: 10px;
    min-height: auto;
}
.header-content .ftr-logo-wrapper {
    flex-direction: row;
    transform: none;
}
/* .header-main img.ftr-logo[style] {
    width: clamp(1in, 25%, 1.5in) !important;
    height: auto !important;
} */
/* removes the auto link text on a tag */
.header-content a[href]:after,
.resource-detail-info-wrapper a[href]:after,
.blog-detail-info-wrapper a[href]:after,
.p-button a[href]:after {
    content: none !important;
}
.resource-detail-info-wrapper, 
.blog-detail-info-wrapper {
    display: block !important;
    font-size: 11pt;
    padding-block: 10px;
    margin-block: 10px;
    border-top: 1px solid var(--gray-light);
    border-bottom: 1px solid var(--gray-light);
}
.resource-detail-info-wrapper a, 
.blog-detail-info-wrapper a {
    font-size: 11pt;
    color: var(--medium) !important;
}
.resource-detail-info-wrapper .resource-date-link, 
.blog-detail-info-wrapper .blog-date-link {
    padding-right: 25px;
}
.resource-detail-info-divider:last-of-type, 
.blog-detail-info-divider:last-of-type {
    display: none;
}
.header-content .ftr-group-name {
    font-size: 11pt;
    padding: 0 !important;
}
.resource-section .body-resource-detail h3,
.resource-detail-heading {
    font-size: 24pt !important;
    text-transform: initial !important;
    color: var(--dark) !important;
}
h2, h3, h4, h5 {
    text-transform: initial !important;
}
.blog-detail-tag-cloud-wrapper {
	display: none;
}
.bio-detail-quote {
    margin-top: 0;
}
@page {
    size: auto;
	margin: 0.25in 0.25in 0.25in;
}	
}

/*
==============================================
RJL FOOTER BROKERCHECK BACKGROUND COLOR - ADDED BY CASS M
==============================================
*/


/*
==============================================
END RJL FOOTER BROKERCHECK BACKGROUND COLOR
==============================================
*/


/*
==============================================
Responsive Media Queries NEW
==============================================
*/


/* Touch devices only */
@media (pointer:coarse) {}


/* Large devices (tablet landscape, 1024px and less) tablet-l */
@media only screen and (max-width: 1024px) {
    .ks-process-slider .ks-process-step {
        margin-bottom: -47px;
      }  

}


/* 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) {
/*	.wowbar7.bar-initiate-animation:before {
		position: relative;
    	top: -75px;
	}*/

    .transition-video-section .transition-video-content {
        padding: 80px 100px;
    }
	.password-page .password-protect {
		padding: 0;
	}

}

/* Extra small devices (most portrait phones, 480px and less) mobile-p */
@media only screen and (max-width: 480px) {
	.transition-video-section .transition-video-content {
		padding: 40px;
	}
	.body-about-us .main-content-int-copy {
		padding: 0px 20px;
	}
	.main-content-section:before, .difference-section:before, .callout-content:before, .footer-contact-section:before, .footer-group-name:before, .quote-int-container:before, .main-content-int-section:before {
		width: 250px;
	}
	/* Safari 4.0 - 8.0 */
	@-webkit-keyframes line-draw {
		from {width: 0px;}
		to {width: 250px;}
	}

	/* Standard syntax */
	@keyframes line-draw {
		from {width: 0px;}
		to {width: 250px;}
	}
	.password-protect-container {
        padding: 0;
    }
    .password-protect-headline {
        font-size: 26px;
    }
    .client-access-on-page {
		margin: 0 15px;
	}


}

/* Extra small devices (most portrait phones, 375px and less) mobile-p */
@media only screen and (max-width: 375px) {

}

/* 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) {
	.transition-video-section .transition-video-content {
		padding: 30px;
	}
/*	.wowbar7.bar-initiate-animation:before {
		position: relative;
		top: -74px;
	}*/
    .client-access-on-page {
        margin: 0 auto;
    }
    .transition-video-section .transition-video-content {
        padding: 40px 60px 150px 60px;
    }

}

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












/* ----------- iPhone plus 6+, 7+ and 8+ ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 3) {

}

/* Portrait */
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: portrait) {
	.mobile-logo .ftr-logo-wrapper .ftr-logo {
    	max-width: 250px !important;
	}
	.main-content-section:before, .difference-section:before, .callout-content:before, .footer-contact-section:before, .footer-group-name:before, .quote-int-container:before, .main-content-int-section:before {
		width: 250px;
	}
	/* Safari 4.0 - 8.0 */
	@-webkit-keyframes line-draw {
		from {width: 0px;}
		to {width: 250px;}
	}

	/* Standard syntax */
	@keyframes line-draw {
		from {width: 0px;}
		to {width: 250px;}
	}

}
/* Landscape */
@media only screen
  and (min-device-width: 414px)
  and (max-device-width: 736px)
  and (-webkit-min-device-pixel-ratio: 3)
  and (orientation: landscape) {

	.special-page .nav-overall-wrapper:not(.van-mobile-nav).is-fixed {
		background-color: transparent !important;
	}

}



/* ----------- iPhone 6, 6S, 7 and 8 ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: portrait) {
	 .mobile-logo .ftr-logo-wrapper .ftr-logo {
    	max-width: 220px !important;
	}

}

/* Landscape */
@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
	  .scroller-wrapper {
		 display: none;
	  }

}
/* ----------- iPhone 5, 5S, 5C and 5SE ----------- */

/* Portrait and Landscape */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2) {

}

/* Portrait */
@media only screen and (max-width: 320px) {

	  .fixed-top .main-content-int-section {
		padding-top: 142px !important;
	}
	.main-content-int-copy blockquote:before {
		width: 180px;
	}
	  .main-content-int-copy blockquote, q {
		  padding: 0px 20px 100px 20px
	  }

	  .quote-int-section {
		  min-height: 820px;
	  }
	.fixed-top .main-content-int-section {
		padding-top: 142px;
	}
}

/* Landscape */
@media only screen
  and (min-device-width: 320px)
  and (max-device-width: 568px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
	  .scroller-wrapper {
		 display: none;
	  }

	  .home-intro-copy, .resource-detail-content-wrapper {
		padding: 80px 30px 150px 30px;
	}
	  .yearbook-headshot-wrapper:before {
		  background: none;
	  }
}

/* Client Access Videos */
.client-access-videos .ca-videos h2 {
	font-size: 21px;
}

/* RJ Commercial */
@media only screen
and (min-device-width : 1024px)
and (max-device-width : 1024px)  {
	.commercial-video {
		 margin: 4em 0;
	}
}





/****************************** John's Wow Bar Animation CSS START ******************************/

.abar {
	overflow: visible;
}

.bar1-animate:before, .bar2-animate:before, .bar3-animate:before, .bar4-animate:before, .bar5-animate:before, .bar6-animate:before, .bar7-animate:before, .bar8-animate:before, .bar9-animate:before, .bar10-animate:before, .bar11-animate:before, .bar12-animate:before {
	content: '';
	display: block;
	background: #c9a560;
	height: 8px;
	width: 0px;
	margin: 0 auto;
}

.wowbar1, .wowbar2, .wowbar3, .wowbar4, .wowbar5, .wowbar6, .wowbar7, .wowbar8, .wowbar9, .wowbar10, .wowbar11, .wowbar12 {
  visibility: hidden;
}

/***** Animation Styles BEGIN *****/

.bar-initiate-animation:before {
	animation: line-draw 3s forwards;
  animation-delay: .25s;
}

.wowbar1.bar-initiate-animation, .wowbar2.quote-bar-animation, .wowbar3.bar-initiate-animation, .wowbar4.bar-initiate-animation, .wowbar5.bar-initiate-animation, .wowbar6.bar-initiate-animation, .wowbar7.bar-initiate-animation, .wowbar8.bar-initiate-animation, .wowbar9.bar-initiate-animation, .wowbar10.bar-initiate-animation, .wowbar11.bar-initiate-animation, .wowbar12.bar-initiate-animation {
  visibility: visible !important;
}

/***** Animation Styles END *****/

/****************************** John's Wow Bar Animation CSS END ******************************/

/****************************** John's Wow Callout Stagger CSS START ******************************/

/*
.body-home-alt .callout-item {
	opacity: 1;
}
.callout-item {
	opacity: 0;
}
.acallout {
  overflow: visible;
}

.wowcallout1, .wowcallout2, .wowcallout3 {
  visibility: hidden;
}

.callout-initiate-animation {
	visibility: visible !important;
	animation: fadeIn 2s forwards;

}

.wowcallout1.callout-initiate-animation {
	animation-delay: 0s;
}

.wowcallout2.callout-initiate-animation {
	animation-delay: 0.75s;
}

.wowcallout3.callout-initiate-animation {
	animation-delay: 1.5s;
}
*/

/****************************** John's Wow Callout Stagger CSS END ******************************/