/* S&R photo sections */
.sr-photos .nectar-carousel .flickity-viewport{margin:30px 0 !important;}

/* S&R hero slider: gradient scrim so headings hold contrast over any photo */
#hero .swiper-slide .slide-bg-overlay{
	background-color:transparent !important;
	background-image:
		linear-gradient(100deg, rgba(24,36,45,0.88) 0%, rgba(24,36,45,0.74) 30%, rgba(24,36,45,0.34) 62%, rgba(24,36,45,0.10) 100%),
		linear-gradient(to top, rgba(24,36,45,0.55) 0%, rgba(24,36,45,0) 34%);
}
#hero .swiper-slide .content h2,
#hero .swiper-slide .content p{
	text-shadow:0 1px 16px rgba(12,20,26,0.45);
}

/* S&R hero slider on phones: vertical scrim, plus readable buttons */
@media only screen and (max-width:690px){
	#hero .swiper-slide .slide-bg-overlay{
		background-image:linear-gradient(to top, rgba(24,36,45,0.90) 0%, rgba(24,36,45,0.66) 48%, rgba(24,36,45,0.48) 100%);
	}
	#hero .nectar-slider-wrap[data-fullscreen="false"] .swiper-slide .button a{font-size:14px !important;padding:12px 20px !important;line-height:1.2 !important;}
	#hero .swiper-slide .buttons .button{margin-bottom:8px;}
}

/* Salient renders vc_column_text with max_width as inline-block, so the button that
   follows shares its line. Force block flow in the hero and the CTA band. */
.sr-hero .wpb_text_column,
.sr-cta-band .wpb_text_column{
	display:block !important;
}
.sr-cta-band .wpb_text_column{
	margin-left:auto;
	margin-right:auto;
}

/* Display type: Archivo at 54px sits loose at default tracking */
h1, h1.vc_custom_heading, .sr-hero h1{
	letter-spacing:-0.02em;
	line-height:1.08;
}
h2, h2.vc_custom_heading{
	letter-spacing:-0.01em;
	line-height:1.22;
}
@media only screen and (max-width:690px){
	h1, h1.vc_custom_heading, .sr-hero h1{letter-spacing:-0.01em;}
}

/* Reading measure: full-width paragraphs were running ~100 characters a line */
.main-content .wpb_text_column p{max-width:680px;}
.sr-cta-band .wpb_text_column p{max-width:none;}

/* FAQ: the questions were smaller than the answers they open, and the
   answers ran about 100 characters a line in the 2/3 column */
body .toggles .toggle .toggle-title a,
body .toggles .toggle h3 a{
	font-size:17px !important;
	line-height:1.45;
}
.toggles .inner-toggle-wrap p{max-width:680px;}