/* =========== hero and page banners ================= */.hero-banner {	color:#FFF;	position:relative;	width:100%;	padding-top:102px;	background-image:url(../images/triangle-bg.svg);	background-repeat:no-repeat;	background-position: right top;	background-size: 237px 294px;	margin-bottom:0;}.hero-banner.red {	background-color: #4A001A;}.hero-banner.black {	background-color: #0C0C0D;} @media only screen and (min-width: 768px) { .hero-banner { padding-top:0; background-image:none;}}.hero-banner .image-wrap {	width:100%;	height:auto;	margin-left:auto;	margin-right:auto;	background-repeat:no-repeat;	background-position: right bottom;	background-size: contain;	position:relative;}.hero-banner .image-wrap .hero-container {	height:100%;	object-fit:fill;	display:block;	position:relative;	z-index:2;}@media only screen and (max-width: 767px) { .hero-banner .card_img_fixed { position:absolute; top:0; right:0; bottom:0; width:100%; height:100%; object-fit:cover; z-index:1;}}/* hero banner image wrap - holds the image as well as the mask - tablet and desktop only */@media only screen and (min-width: 768px) {.hero-banner .image-wrap { width:100%; max-width:1600px; min-height:400px; margin-left:auto; margin-right:auto; position: relative; -js-display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: flex-start; justify-content: flex-end;} .hero-banner.short .image-wrap {/*height:378px; < photo height */height:400px;} .hero-banner.med .image-wrap {/*height:404px; < photo height */height:506px;} .hero-banner.med-tall .image-wrap {/*height:482px; < photo height */height:584px;} .hero-banner.tall .image-wrap { height:549px;} .hero-banner .image-wrap .hero-container { min-height:400px;} .hero-bottom-bar { width:100%; height:75px;} .hero-banner .card_img_fixed { position:absolute; margin-top:102px; right:0; bottom:0; width:60%; max-width:812px; height:547px; height:100%; object-fit:fill; z-index:1;} .hero-banner .card_img_fixed2 { position:absolute; bottom:0; right:0; height: auto; width: auto; z-index:1;} .hero-banner.short .card_img_fixed2 { height:298px;}} @media only screen and (min-width: 992px) { .hero-banner.tall .image-wrap { height:549px;}} @media only screen and (min-width: 1200px) { .hero-banner.tall .image-wrap { height:649px;}.hero-banner .card_img_fixed { width:56.38%; width:60%;}}.hero-banner .card-img-overlay {	padding:0;	padding-top:48px;	padding-bottom:48px;	width:100%;	display:block;	position:relative;	z-index:5;} @media only screen and (min-width: 768px) { .hero-banner .card-img-overlay { padding:0; top:102px; position: absolute; -js-display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center;}}/* hero typography */.hero-banner h1 {	color:#FFF;	margin-bottom:15px;} @media only screen and (max-width: 375px) {.hero-banner h1 br {	display:none;	}} @media only screen and (min-width: 1200px) {.home-banner h1 { font-size:5.5vw;}} @media only screen and (min-width: 1440px) {.home-banner h1 { font-size:80px;}.hero-banner h1 { margin-bottom:20px;}}.hero-banner p {	font-size:18px;} @media only screen and (min-width: 768px) {.hero-banner p { font-size:15px;}} @media only screen and (min-width: 1200px) {.hero-banner p { font-size:18px;}}.hero-banner p.eyebrow {	margin-bottom:10px;}.hero-banner p:last-of-type {	margin-bottom:0;}/* hero bio */ .hero-banner.bio {	padding-top:164px;	padding-bottom:40px;} @media only screen and (min-width: 768px) { .hero-banner.bio { padding-top:124px;}} @media only screen and (min-width: 1200px) { .hero-banner.bio { padding-top:164px;} .hero-banner.bio:after { content:''; position:absolute; left:0; right:0; bottom:0; height:10%; background-color:#FFF;}} @media only screen and (min-width: 1300px) { .hero-banner.bio { padding-top:164px;} .hero-banner.bio:after { height:15%;}}.hero-banner.bio .main-inner {	position: relative;	z-index:2;}/* page title */.pagetitle {	color:#FFF;	padding-top:160px;	padding-bottom:80px;}.pagetitle h1, .pagetitle h2, .pagetitle h3, .pagetitle p {	color:#FFF;}.byline {	-js-display: flex;	display: -webkit-box;	display: -moz-box;	display: -ms-flexbox;	display: -webkit-flex;	display: flex;	align-items: center;	justify-content: flex-start;	margin-top:40px;}.byline .biothumb {	width:38px;	height:38px;	background-repeat:no-repeat;	background-position:center center;	background-size:cover;	border-radius:50%;	margin-right:12px;}.byline p {	margin:0;}.pagetitle-bottom {	margin-top:20px;	border-top-width: 1px;	border-top-style: solid;	border-top-color: #DC326E;} @media only screen and (min-width: 768px) { .pagetitle-bottom { padding-top:30px; -js-display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; align-items: center; justify-content: flex-start;}}.pagetitle-bottom .pagetools p {	margin:0;}.pagetitle-bottom .pagetools {	margin-bottom:30px;} @media only screen and (min-width: 768px) { .pagetitle-bottom .pagetools { margin-right:30px; margin-bottom:0;}}.pagetitle-bottom .pagetools .item {	background-color:#DC326E;}.pagetitle-bottom .pagetools .item:hover, .pagetitle-bottom .pagetools .item:focus {	background-color:#A71F53;} /* hero banner angle line - on short banner only */   @media only screen and (max-width: 767px) {.hero-banner.short .image-wrap:before {	content:'';	position:absolute;	width:100%;	height:90%;	bottom:0;	right:15%;	border-right: 3px solid #dc326e;	transform: skew(-35deg);	z-index:3;}} @media only screen and (min-width: 768px) {.hero-banner.short .image-wrap:before {	content:'';	position:absolute;	width:100%;	bottom:0;	top:102px;	right:15%;	border-right: 3px solid #dc326e;	transform: skew(-35deg);	z-index:3;}}.hero-banner.no-angle .image-wrap:before {	display:none;	}