/**************************/
/* Body / Main Containers */
/**************************/
body { background-color: #3A3A3A; }
.layout-container {
	background: rgb(255,255,255) !important;
	background:
		linear-gradient(#3A3A3A 72px, transparent 73px),
		linear-gradient(90deg, rgba(233,233,233,0.9) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 90%, rgba(233,233,233,0.9) 100%) !important;
}


/************************/
/* Headers & Hidden Nav */
/************************/
.header__logo:hover { 
	opacity: 1;
}
.region-header, #block-ancillary, .region-section-nav, .region-footer-top, footer, #block-exposedformsolr-searchpage-1, #block-helpfor, #block-mainmenuctas, #mobile-header {
	display:none;
}
@media (max-width: 700px) {
	.region-header {
		display: none;
	}
	#mobile-header {
		display: block;    
		position: absolute;
		top: 19px;
		left: 70px;
		color: white;
		font-weight: bold;
		white-space: nowrap;
	}
}
header[role="banner"] {
    background: rgba(58, 58, 58, 0.7);
}
.region-hero {
    background: #7f2635;
	background: linear-gradient(to bottom left, rgb(196, 18, 48) 10%, rgb(127, 38, 53) 80%);
}
.region-hero .media-image img {
	-webkit-transition: -webkit-transform 5s ease-out;
	transition: transform 4s ease-out;
	-webkit-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
	-webkit-transform-origin: bottom center;
	-ms-transform-origin: bottom center;
	transform-origin: bottom center;
}
.region-hero .text-wrapper.heroImg h1 {
	transition-property: background-color, padding;
	transition-duration: 0.75s;
    background-color: rgba(196, 18, 48, 0.5);
    padding: 0 0 8px 15px;
	text-wrap-style: balance;
}
/*
.region-hero .text-wrapper img.fade-in {
	opacity: 0; 
	animation: fadeIn 0.5s ease-in forwards; 
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
*/
.region-section-nav + .region-hero .text-wrapper {
    text-align: center;
}
.region-hero .media-image:before {
    transition: transform 4s ease-out;
	opacity: 0;
}
@media (max-width: 700px) {
	.region-hero h1 {
		left: 0;
		width: 100%;
	}
	.region-hero .text-wrapper.heroImg h1 {
		padding-bottom: 8px !important;
	}
	.right-rail + .region-hero .text-wrapper {
		background: #7f2635;
		background: linear-gradient(to top right, rgb(189 32 59) 10%, rgb(127, 38, 53) 80%);
	}
	.right-rail + .region-hero .text-wrapper .field--name-field-page-subtitle {
		color: white;
	}
	.region-hero .text-wrapper:not(.heroImg) .field--name-field-page-subtitle {
		padding: 0;
		transition-property: padding;
		transition-duration: 1s;
	}
}
/* if unhidden
.menu--ancillary-menu li {
	font-size: 1.3em;
	color: #ffe398;
	text-shadow: 1px 1px 2px black;
}
*/


/*****************/
/* Red Side Menu */
/*****************/
.header__menu-button {
	width: 110px;
	background-position-x: 15px;
}
.header__menu-button.small-only > span {
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	text-align: left;
	padding: 0 0 0 25px;
}
.open-main-menu {
	top: 14px !important;
}
@media (max-width: 1100px) {
	.open-main-menu {
		top: 12px !important;
	}
}
@media (max-width: 900px) {
	.open-main-menu {
		top: 10px !important;
	}
}
@media (max-width: 700px) {
	.open-main-menu {
		top: 0px !important;
	}
}
@media (min-width: 701px) {
	.open-mainnav .close-panel {
		right: 30px;
	}
}
.rail-top-container {
    background: linear-gradient(to bottom right, rgb(196, 18, 48) 10%, rgb(127, 38, 53) 80%);
}
.rail-top-container a {
	padding-right: 0px;
}
.rail-top-container a:hover, .rail-top-container a:focus {
	margin-right: -10px;
}
#block-main ul.menu li.menu-item.active {
	background: white;
	margin: -1px -15px 0 -15px;
	padding: 15px 10px 15px 15px;
	color: black;
	font-weight:600;
}



/*******************/
/* Header Nav Menu */
/*******************/
.paragraph--type-red-cta-s {
    margin: 0;
}
.field--name-field-rcta-link {
    margin-top: 8px;
}
.field--name-field-rcta-link {
	grid-template-columns: repeat(5, 1fr) !important;
}
@media (max-width: 900px) {
	.field--name-field-rcta-link {
		grid-template-columns: repeat(3, 1fr) !important;
	}
}
@media (max-width: 700px) {
	.field--name-field-rcta-link {
		grid-template-columns: 100% !important;
	}
}
.field--name-field-rcta-link .field__item.active a {
	background: #FFBA00 !important;
	color: #000000 !important;
}
.field--name-field-rcta-link .field__item.active a::after {
	content: " ▼";
}
.field--name-field-rcta-link .field__item.active a:hover {
	cursor: default !important;
}



/**************************/
/* Footer Navigation Menu */
/**************************/
.field__item.footer .field--name-field-wysiwyg-body {
	position: relative;
	width: 100vw;
	left: 50%;
	margin-left: -50vw;
	max-width: 1900px;
	padding: 40px 0;
	margin-bottom: 0px;
}
.field__item.footer .field--name-field-wysiwyg-body {
	background-color: #000;
	background: linear-gradient(180deg, #000 60%, #3A3A3A 100%);
}
@media (min-width: 1900px) {
	.field__item.footer .field--name-field-wysiwyg-body {
		margin-left: -950px !important;
	}
}
.field--name-field-wysiwyg-body .innerwysiwyg {
	max-width: 1600px;
	padding: 0 140px;
	margin: 0 auto;
}
@media (max-width: 1200px) {
	.field--name-field-wysiwyg-body .innerwysiwyg {
		padding: 0 45px;
	}
}
@media (max-width: 700px) {
	.field--name-field-wysiwyg-body .innerwysiwyg {
		padding: 0 15px;
	}
}
.innerwysiwyg h3 { 
	margin-top: 0;
}

#menuFooter {
    margin: 20px auto;
    text-align: center;
}
#menuFooter .cta--large { 
	color: #000;
	font-size: 15px;
	font-weight:700;
	background: #edeff0;
	margin:2px;
	padding: 9px 12px;
	min-width:115px;
}
@media (max-width: 700px) {
	#menuFooter .cta--large { 
		font-size: 13px;
		padding: 7px 10px;
		min-width:100px;
	}
}
#menuFooter .cta--large:hover { 
	background: #C41230;
	color: #FFFFFF;
}
#menuFooter .active {
	background: #FFBA00 !important;
	color: #000000 !important;
}
#menuFooter .active::after {
	content: " ▲";
}
#menuFooter .active:hover { 
	cursor: default !important;
}



/*******************/
/* Paragraph Types */
/*******************/
.paragraph--type-p-three-column {
	background: none !important;
}
.paragraph--type-p-three-column .field--name-field-3col-columns .paragraph--type-p-column {
	box-shadow: 5px 5px 20px rgba(40, 4, 14, 0.2);
}

.paragraph--type-p-icon-column .view-mode-wysiwyg-full {
	margin: 20px 0;
}


/*****************/
/* Miscellaneous */
/*****************/
.field__item h2:before {
	content: "";
	display: block;
	width: 47px;
	height: 4px;
	background: #FFBA00;
	margin-bottom: 30px;
}

#copyright p {
	margin: 30px 0 0 0;
	text-align: center;
	color: white;
}