/*****//*****//*****//*****//*****/
/*****//*****//*****//*****//*****/
/*******    FIXES CSS      *******/
/*****//*****//*****//*****//*****/
/*****//*****//*****//*****//*****/

/*GLOBAL NAVIGATION FIX*/

/***unset breakpoint 992px values***/
/*unset client-lib css;*/
/*navigation-portrait*/
.navigation-portrait {
	height: initial;
}
.navigation-portrait .nav-brand {
	font-size: initial;
	line-height: initial;
}
.navigation-portrait .nav-toggle{
	display: initial;
}
.navigation-portrait .nav-menus-wrapper {
	width: initial;
	height: initial;
	top: initial;
	left: initial;
	position: initial;
	background-color: initial;
	z-index: initial;
	overflow-y: initial;
	-webkit-overflow-scrolling: initial;
	-webkit-transition-duration: initial;
	transition-duration: initial;
	-webkit-transition-timing-function: initial;
	transition-timing-function: initial;
}
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right {
	left: initial;
	right: initial;
}
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open {
	left: initial;
}
.navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open {
	left: initial;
	right: initial;
}
.navigation-portrait .nav-menus-wrapper-close-button {
	display: initial;
	z-index: initial;
	position: initial;
}
.navigation-portrait .nav-menu {
	width: initial !important;
	margin: initial !important;
	padding-top: initial;
}
.navigation-portrait .nav-menu > li {
	width: initial;
	position: initial;
	border-top: initial;
}
.navigation-portrait .nav-menu > li:last-child {
	border-bottom: initial;
}
.navigation-portrait .nav-menu > li > a {
	width: initial;
	height: initial;
	padding: initial;
}
.navigation-portrait .nav-menu.nav-menu-social {
	width: initial;
	text-align: initial;
}
.navigation-portrait .nav-menu.nav-menu-social > li {
	width: initial;
}
.navigation-portrait .nav-menu.nav-menu-social > li > a {
	padding: initial;
}
.submenu-indicator {
	margin-left: initial;
	margin-top: initial;
	float: initial;
	-webkit-transition:all initial;
	transition:all initial;}
.navigation-portrait .submenu-indicator {
	width: initial;
	height: initial;
	margin-top: initial;
	position: initial;
	top: initial;
	right: initial;
	text-align: initial;
	z-index: initial;
}
.navigation-portrait .submenu-indicator-chevron {
	position: initial;
	top: initial;
	left: initial;
}
.navigation-portrait .nav-search {
	height: initial;
	padding: initial;
	margin-right: initial;
}
.navigation-portrait .nav-search-button {
	width: initial;
	height: initial;
	line-height: initial;
	font-size: initial;
}
.navigation-portrait .nav-search-inner {
	height: initial;
}
.navigation-portrait .nav-search-inner input[type=text], .navigation-portrait .nav-search-inner input[type=search] {
	height: initial;
	font-size: initial;
	line-height: initial;
}
.navigation-portrait .nav-search-close-button {
	top: initial;
	right: initial;
}
.navigation-portrait .nav-button {
	width: initial;
	margin: initial;
}
.navigation-portrait .nav-text {
	width: initial;
	margin: initial;
}
.navigation-portrait .nav-text + ul {
	margin-top: initial;
}
.navigation-portrait .nav-dropdown {
	width: initial;
	position: initial;
	left: initial;
}
.navigation-portrait .nav-dropdown > li > a {
	padding: initial;
}
.navigation-portrait .nav-dropdown > li > ul > li > a {
	padding-left: initial;
}
.navigation-portrait .nav-dropdown > li > ul > li > ul > li > a {
	padding-left: initial;
}
.navigation-portrait .nav-dropdown > li > ul > li > ul > li > ul > li > a {
	padding-left: initial;
}
.navigation-portrait .nav-dropdown >li > ul > li > ul > li > ul > li > ul > li > a {
	padding-left: initial;
}
.navigation-portrait .nav-menu > li > a {
	width: initial;
	height: initial;
	padding: initial;
}
/*navigation landscape*/
.navigation-landscape .nav-menu.nav-menu-centered {
	float: initial;
	text-align: initial;
}
.navigation-landscape .nav-menu.nav-menu-centered > li {
	float: initial;
}
@media only screen and (max-width:991px){
	.nav-menu>li>a.nav-specialty-item {
		width: initial;
		margin-left: initial;
	}
}
@media (min-width: 992px){

	.nav-brand-mobile-slideout {
    	visibility: initial;
	}
	.nav-menus-wrapper .nav-brand > img {
		display: initial;
	}
	.nav-menu {
		float: initial;
	}
	.nav-menu>li>a:hover {
		background-color: initial;
		border-radius: initial;
	}
	.nav-menu>li>a.nav-dropdown-link:hover,
	.nav-menu>li.focus>a.nav-dropdown-link {
		background-color: initial;
		border-radius: initial;
	}
	.nav-menu>li>a.nav-dropdown-link:hover::after,
	.nav-menu>li.focus>a.nav-dropdown-link::after {
		content: "";
		height: initial;
		width: initial;
		margin-right: initial;
		background-color: initial;
		display: initial;
	}
	.nav-dropdown {
		box-shadow: initial;
		background-color: initial;
		padding: initial;
		margin-left:initial
}
	.container {
		max-width: initial;
	}
	.nav-button-icon{
		display: initial
}
}
@media (max-width: 992px){
	.nav-header {
		width: initial;
		text-align: initial;
	}
	.nav-brand {
		display:initial;
	}
	.nav-brand > img {
		margin: initial;
	}
	.nav-menus-wrapper .nav-brand > img {
		margin: initial;
		display: initial;
	}
	.navigation-portrait .nav-menu > li > a {
		padding: initial;
		margin: initial;
	}
	.nav-menu > li > a {
		color: initial;
	}
	.navigation-portrait .nav-menu>li {
		border-top: initial !important;
		border-bottom: initial !important;
		margin-bottom: initial;
	}
	.navigation-portrait .nav-menu>li:last-child {
		border-bottom: initial !important;
	}
	.nav-menu>li:hover>a, .nav-menu>li.active>a, .nav-menu>li.focus>a {
		color: initial;
	}
	.nav-menu>li>a.nav-specialty-item {
		margin: initial !important;
		display: initial !important;
		text-align: initial !important;
		width: initial !important;
		padding: initial;
		border: initial;
	}
	.nav-menu>li>a.nav-specialty-item:hover,
	.nav-menu>li>a.nav-specialty-item:focus {
		color: initial;
		background: initial;
		border: initial;
	}
	.nav-dropdown > li > a, .megamenu-list > li > a {
		width: initial !important;
	}
	.nav-dropdown >li >a {
		background-color: initial !important;
		border-bottom: initial !important;
	}
}
/***END unset breakpoint 992px values***/


/*****/
/*****/
/*****/

/*****/
/*****/
/*****/


/*** FIX: undo current clientlib css -- need to remove from clientlib*/


/*****/
/*****/
/*****/

/*****/
/*****/
/*****/


/**GLOBAL NAVIGATION**/
/***component css***/
.globalnavigation .container {
	max-width: none;
	padding: 0;
	margin: auto;
}
.globalnavigation .nav-brand img {
    max-height: 7.5rem;
    float: left;
}
.globalnavigation .dropdown-menu {
	left: unset;
	right: 0
}
/***bootstrap css***/
/*navigation*/
.globalnavigation .navigation {
	width: 100%;
	height: auto;
	display: table;
	position: relative;
	font-family: inherit;
}
.globalnavigation .navigation * {
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
}
.globalnavigation .nav-header {
	float: none;
}

.globalnavigation .nav-brand{
	line-height: 9rem;
	padding: 0;
	color: #726785;
	font-size: 2.4rem;
	text-decoration: none !important;
	margin: 0 auto;
}
.globalnavigation .nav-brand:hover,
.globalnavigation .nav-brand:focus {
	color: #726785;
}
.globalnavigation .nav-brand > img {
    max-width: none;
}
.globalnavigation .nav-menu {
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: normal;
	font-size: 0;
}
.globalnavigation .nav-menu > li {
	display: inline-block;
	float: none;
	text-align: left;
}

.globalnavigation .nav-menu > li > a {
	display: flex;
	align-items: center;
	color: #2e1a47;
	text-decoration: none;
	font-size: 1.8rem;
	font-weight: 300;
	padding: 1.2rem;
	margin: .6rem;
	border: 2px solid transparent;
	border-radius: 4px;
	-webkit-transition: color .3s, background .3s;
	transition: color .3s, background .3s;
}
.globalnavigation .nav-menu > li:hover > a,
.globalnavigation .nav-menu > li.active > a,
.globalnavigation .nav-menu > li.focus > a {
	color: #2e1a47;
}
.globalnavigation .nav-menu > li > a > i,
.globalnavigation .nav-menu > li > a > [class*=ion-] {
	width: 1.8rem;
	height: 1.6rem;
	line-height: 1.6rem;
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
}
.globalnavigation .nav-menu > li > a > [class*=ion-] {
	width: 1.6rem;
	display: inline-block;
	-webkit-transform: scale(1.8);
	transform: scale(1.8);
}
.globalnavigation .nav-menu > li > a.nav-specialty-item {
	border: 2px solid #2e1a47;
    padding: 1.2rem;
    margin: .6rem;
	border-radius: 4px;
	font-weight: 300;
	white-space: nowrap;
}
.globalnavigation .nav-menu > li > a.nav-specialty-item:hover {
	color: #fff;
	background: #2e1a47;
	border: 2px solid #2e1a47;
}
.globalnavigation .nav-menu > li > a.nav-specialty-item:focus {
	color: #fff;
	background: #2e1a47;
	border: 2px solid #2e1a47;
}
.globalnavigation .submenu-indicator-chevron {
	height: 3px;
	width: 3px;
	display: inline-block;
	border-top: .3em solid;
	border-right: .3em solid transparent;
	border-bottom: 0;
	border-left: .3em solid transparent;
	margin-bottom: 3px;
	margin-right: 3px;
}
.globalnavigation .nav-dropdown {
	min-width: 210px;
	margin: 0;
	padding: 0;
	display: none;
	position: absolute;
	list-style: none;
	z-index: 98;
	white-space: nowrap;
}
.globalnavigation .nav-dropdown::before {
	padding-top: 10px;
}
.globalnavigation .nav-dropdown::after {
	padding-bottom: 10px;
}
.globalnavigation .nav-dropdown .nav-dropdown {
	left: 100%;
}
.globalnavigation .nav-dropdown ul > li,
.globalnavigation .nav-dropdown > li {
	width: auto;
	float: none;
	clear: none;
	position: static;
	text-align: left;
	white-space: normal;
	list-style: none;
	margin: 2rem 1rem;
}
.globalnavigation .nav-dropdown ul > li > a,
.globalnavigation .nav-dropdown > li > a {
	width: auto;
	padding: 0;
	display: inline-block;
	text-decoration: none;
	float: none;
	font-size: 1.8rem;
	color: #fff;
	background-color: #2e1a47;
	line-height: 1em;
	margin: 0;
	font-weight: 300;
	white-space: nowrap;
}
.globalnavigation .nav-dropdown ul > li > a::after,
.globalnavigation .nav-dropdown li > a::after {
	border-bottom: 2px solid #000;
}
.globalnavigation .nav-dropdown ul > li:hover > a,
.globalnavigation .nav-dropdown ul > li:focus > a,
.globalnavigation .nav-dropdown ul > li > a:hover,
.globalnavigation .nav-dropdown ul > li > a:focus,
.globalnavigation .nav-dropdown > li:hover > a,
.globalnavigation .nav-dropdown > li:focus > a,
.globalnavigation .nav-dropdown > li > a:hover,
.globalnavigation .nav-dropdown > li > a:focus  {
	color: #afabc9;
}
.globalnavigation .nav-dropdown.nav-dropdown-left {
	right: 0;
}
.globalnavigation .nav-dropdown ul > li > .nav-dropdown-left,
.globalnavigation .nav-dropdown > li > .nav-dropdown-left {
	left: auto;
	right: 100%;
}
.globalnavigation .navigation-landscape .nav-dropdown.nav-dropdown-left > li > a {
	text-align: right;
}
.globalnavigation .nav-button-icon {
	background: none;
	border: 0/
}
.globalnavigation .nav-button {
	margin: 18px 15px 0;
	padding: 8px 14px;
	display: inline-block;
	color: #fff;
	font-size: 1.4rem;
	text-align: center;
	text-decoration: none;
	border-radius: 4px;
}
.globalnavigation .nav-button:hover,
.globalnavigation .nav-button:focus {
	color: #fff;
	text-decoration: none;
}
.globalnavigation .nav-text {
	margin: 25px 15px;
	display: inline-block;
	color: #343a40;
	font-size: 1.4rem;
}
.globalnavigation .submenu-indicator {
	margin-left: 1rem;
	margin-top: 0;
	float: none;
	-webkit-transition: all .2s;
	transition: all .2s;
}
/*desktop*/
@media (min-width: 1201px){
    .globalnavigation .navigation {
		display: flex;
        align-items: center;
		justify-content: flex-start;
	}
	.globalnavigation .nav-menus-wrapper {
		display: flex;
		height: 9rem;
		align-items: center;
		margin-left: auto;
	}
	.globalnavigation .nav-menus-wrapper .nav-brand > img {
		display: none;
	}
	.globalnavigation .nav-menu {
		float: none;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		margin-left: 4rem;
    }
    .globalnavigation .nav-menu > li {
		text-align: center;
		width: auto;
	}
	.globalnavigation .nav-menu > li > a {
		align-items: center;
		justify-content: center;
	}
	.globalnavigation .nav-menu > li > a:hover {
		background-color: #afabc9;
        border-radius: 4px;
	}
	.globalnavigation .nav-menu li > a.nav-dropdown-link:hover,
	.globalnavigation .nav-menu > li.focus > a.nav-dropdown-link {
		background-color: transparent;
		border-radius: 0;
		position: relative;
	}

	.globalnavigation .nav-menu > li > a.nav-dropdown-link:hover::after,
	.globalnavigation .nav-menu > li.focus > a.nav-dropdown-link::after {
		content: "";
		height: 2px;
		width: calc(100% - 4.3rem);
		background-color: #2e1a47;
		position: absolute;
		bottom: .5rem;
		left: 1rem;
	}
	.globalnavigation .nav-menu > li:last-child > .nav-dropdown {
		right: 0;
		margin-right: 1.8rem;
		margin-left: 0;
	}
	.globalnavigation .nav-dropdown {
		box-shadow: 0 0 1rem rgba(0,0,0,0.2);
		background-color: #2e1a47;
		padding: 2rem 4rem 2rem 2rem;
		margin-left: 1.8rem;
		border-radius: .4rem;
	}
	.globalnavigation .nav-button-icon {
		display: none;
    }
}
/*desktop - IE10+ CSS here */
@media all and (min-width: 1201px) and (max-width: 1440px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	.globalnavigation .nav-menu > li {width: 100%;}
}
/*mobile & tablet*/
@media (max-width: 1200px){
	.globalnavigation .nav-header {
		width: 100%;
		text-align: center;
    }
    .globalnavigation .nav-brand > img {
		margin: 0 auto;
		display: inline-block;
		max-width: 20rem;
	}
	.globalnavigation .nav-brand img {
        margin: 0 auto;
		float: none;
	}
	.globalnavigation .nav-button-icon {
		display: block;
    }
	.globalnavigation .nav-toggle,
	.globalnavigation .navigation-portrait .nav-toggle {
		width: 3rem;
		height: 3rem;
		padding: .6rem .2rem 0;
		position: absolute;
		top: 50%;
		margin-top: -1.4rem;
		left: 0;
		right: auto;
		display: block;
		cursor: pointer;
	}
	.globalnavigation .nav-toggle:before,
	.globalnavigation .navigation-portrait .nav-toggle:before {
		content: "";
		position: absolute;
		width: 2.4rem;
		height: .2rem;
		background-color: #726785;
		border-radius: 1rem;
		box-shadow: 0 .5em 0 0 #726785,0 1em 0 0 #726785;
	}
	.globalnavigation .nav-toggle:focus,
	.globalnavigation .navigation-portrait .nav-toggle:focus {
		outline: 0;
		border: 0;
	}
	.globalnavigation .nav-menus-wrapper-close-button {
		width: 3rem;
		height: 4rem;
		margin: 2rem;
		display: none;
		float: left;
		color: #fff;
		font-size: 2.6rem;
		cursor: pointer;
	}
	.globalnavigation .nav-menus-wrapper .nav-brand > img {
		margin: 0 auto;
		display: block;
    }
	.globalnavigation .nav-menu > li:hover > a,
	.globalnavigation .nav-menu > li.active > a,
	.globalnavigation .nav-menu > li.focus > a {
		color: #fff;
	}
	.globalnavigation .nav-menu > li > a.nav-specialty-item {
		margin: 8rem 0 4rem 0 !important;
		display: block !important;
		text-align: center !important;
		width: 100% !important;
		padding: 1rem !important;
		border: 2px solid #fff;
	}
	.globalnavigation .nav-menu > li > a.nav-specialty-item {
		width: 50%;
		margin-left: 27px;
	}
	.globalnavigation .nav-menu > li > a.nav-specialty-item:hover,
	.globalnavigation .nav-menu > li > a.nav-specialty-item:focus {
		color: #2e1a47;
		background: #fff;
		border: 2px solid #2e1a47;
	}
	.globalnavigation .navigation-portrait {
		height: auto;
	}
	.globalnavigation .nav-brand,
	.globalnavigation .navigation-portrait .nav-brand {
        font-size: 1.8rem;
        line-height: 6rem;
	}
	.globalnavigation .nav-menus-wrapper,
	.globalnavigation .navigation-portrait .nav-menus-wrapper {
        width: 100%;
        height: 100%;
        top: 0;
        left: -100%;
        position: fixed;
        background-color: #2e1a47;
        z-index: 20000;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
        -webkit-transition-duration: .2s;
        transition-duration: .2s;
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease;
    }
	.globalnavigation .nav-menus-wrapper.nav-menus-wrapper-right,
	.globalnavigation .navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right {
        left: auto;
        right: -400px;
    }
	.globalnavigation .nav-menus-wrapper.nav-menus-wrapper-open,
	.globalnavigation .navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-open {
        left: 0;
    }
	.globalnavigation .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open,
	.globalnavigation .navigation-portrait .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open {
        left: auto;
        right: 0;
    }
	.globalnavigation .nav-menus-wrapper-close-button,
	.globalnavigation .navigation-portrait .nav-menus-wrapper-close-button {
        display: block;
        z-index: 2;
        position: absolute;
	}
	.globalnavigation .nav-menu,
	.globalnavigation .navigation-portrait .nav-menu {
        width: 66% !important;
        margin: 0 auto !important;
		padding-top: 30px;
		float: none;
	}
	.globalnavigation .nav-menu > li,
	.globalnavigation .navigation-portrait .nav-menu > li {
        border-top: none !important;
        border-bottom: 1px solid #fff !important;
		color: #fff;
		width: 100%;
		position: relative;
		padding: 1rem 0;
    }
	.globalnavigation .nav-menu > li:last-child,
	.globalnavigation .navigation-portrait .nav-menu > li:last-child {
        border-bottom: none !important;
	}
	.globalnavigation .nav-menu > li > a,
	.globalnavigation .navigation-portrait .nav-menu > li > a {
		width: 100%;
        height: auto;
        padding: .5rem;
        margin: 0;
        color: #fff;
	}
	.globalnavigation .submenu-indicator,
	.globalnavigation .navigation-portrait .submenu-indicator {
		width: auto;
		height: auto;
		margin-top: 0;
        position: absolute;
        top: 1.7rem;
        right: 2rem;
        text-align: center;
        z-index: 20000;
	}
	.globalnavigation .submenu-indicator-chevron,
	.globalnavigation .navigation-portrait .submenu-indicator-chevron {
		position: static;
	}
 	/*
	.submenu-indicator.submenu-indicator-up,
	.navigation-portrait .submenu-indicator.submenu-indicator-up {
		-webkit-transform:rotate(-180deg);
		transform:rotate(-180deg)
	}
	*/
	.globalnavigation .nav-button,
	.globalnavigation .navigation-portrait .nav-button {
        width: calc(100% - 52px);
        margin: 17px 26px;
    }
	.globalnavigation .nav-text,
	.globalnavigation .navigation-portrait .nav-text {
        width: calc(100% - 52px);
        margin: 12px 26px 0;
    }
	.globalnavigation .nav-text + ul,
	.globalnavigation .navigation-portrait .nav-text + ul {
        margin-top: 15px;
    }
	.globalnavigation .nav-dropdown,
	.globalnavigation .navigation-portrait .nav-dropdown {
        width: 100%;
        position: static;
        left: 0;
	}
	.globalnavigation .nav-dropdown ul > li > a,
	.globalnavigation .nav-dropdown > li > a,
	.globalnavigation .navigation-portrait .nav-dropdown ul > li > a,
	.globalnavigation .navigation-portrait .nav-dropdown > li > a {
		padding: 0 2rem !important;
		width: 100% !important;
		background-color: transparent !important;
		border-bottom: none !important;
	}
	.globalnavigation .nav-dropdown ul > li > ul > li > a,
	.globalnavigation .navigation-portrait .nav-dropdown ul > li > ul > li > a {
        padding-left: 50px;
    }
	.globalnavigation .nav-dropdown ul > li > ul > li > ul > li > a,
	.globalnavigation .navigation-portrait .nav-dropdown ul > li > ul > li > ul > li > a  {
        padding-left: 70px;
    }
	.globalnavigation .nav-dropdown ul > li > ul > li > ul > li > ul > li > a,
	.globalnavigation .navigation-portrait .nav-dropdown ul > li > ul > li > ul > li > ul > li > a {
        padding-left: 90px;
    }
	.globalnavigation .nav-dropdown ul > li > ul > li > ul > li > ul > li > ul > li > a,
	.globalnavigation .navigation-portrait .nav-dropdown ul > li > ul > li > ul > li > ul > li > ul > li > a {
        padding-left: 110px;
    }
}

/*********************************/
/*********************************/
/*******COMPONENT BASED CSS*******/
/*********************************/
/*********************************/

/*********************************/
/**MULTIPLE COMPONENT USE**/

/**BACKGROUND COLORS - grid component, cta component**/
.component--bg-color--light,
.bg-white {background-color: #fff;}
.component--bg-color--dark,
.bg-midnight-purple {background-color: #2e1a47;}
.component--bg-color--primary,
.bg-light-gray {background-color: #f7f7f7;}
.component--bg-color--secondary,
.bg-white-purple {background: linear-gradient(#fff 60%, #2e1a47 40%);}
.component--bg-color--tertiary,
.bg-white-lightgray {background: linear-gradient(#fff 60%, #f7f7f7 40%);}

.bg-none {background-color: transparent;}
.bg-dusk-purple {background-color: #7c6992;}
.bg-dawn-purple {background-color: #afabc9;}
.bg-sky-blue {background-color: #b0e0e2;}
/*
.bg-mid-gray {background-color: #a8a8a8;}
.bg-darker-gray {background-color: var(--truNeutral500);}
.bg-darkest-gray {background-color: #424242;}
*/

/*font color adjustment for dark background*/
.component--bg-color--dark, 
.component--bg-color--dark a,
.component--bg-color--dark a:hover, 
.component--bg-color--dark a:focus,
.component--bg-color--dark h1,
.component--bg-color--dark h2,
.component--bg-color--dark h3,
.component--bg-color--dark p,
.component--bg-color--dark ul,
.component--bg-color--dark li,
.bg-midnight-purple, 
.bg-midnight-purple a,
.bg-midnight-purple a:hover, 
.bg-midnight-purple a:focus,
.bg-midnight-purple h1,
.bg-midnight-purple h2,
.bg-midnight-purple h3,
.bg-midnight-purple p,
.bg-midnight-purple ul,
.bg-midnight-purple li {color: #fff;}


/**COLORS - grid component, cta component**/
/*default*/
.global-cta-btn a,
.btn-primary,
.cta a.component--bg-color--dark,
.component--bg-color--light .cta a {background: transparent; border: 2px solid #2e1a47; color: #2e1a47;}
.global-cta-btn a:hover,
.global-cta-btn a:focus,
.btn-primary:hover,
.btn-primary:focus,
.cta a.component--bg-color--dark:hover,
.cta a.component--bg-color--dark:focus,
.component--bg-color--light .cta a:hover,
.component--bg-color--light .cta a:focus {color: #fff; background: #2e1a47;}
/*adjustment for dark background*/
.component--bg-color--dark .cta a,
.cta a.component--bg-color--light,
.bg-midnight-purple .cta a {border-color: #fff; background: transparent; color: #fff}
.component--bg-color--dark .cta a:hover,
.component--bg-color--dark .cta a:focus,
.cta a.component--bg-color--light:hover,
.cta a.component--bg-color--light:focus,
.bg-midnight-purple .cta a:hover,
.bg-midnight-purple .cta a:focus {background-color: #fff; color: #2e1a47;}
/* VIDEO TRANSCRIPT BUTTONS */
/* Video transcript white */
.bg-midnight-purple .accordion.arrow-down .btn-link {font-weight: 300; color: #fff; text-decoration: none; font-size: 1.6rem;}
.bg-midnight-purple .accordion.arrow-down .btn-link:hover {font-weight: 300; color: #fff; text-decoration: none; font-size: 1.6rem; text-decoration: underline;}
/* Video Transcripts button - END */

/*MARGINS - text component, grid component*/
/*margin top*/
.margin__top--xs {margin-top: 1.8rem;}
.margin__top--sm {margin-top: 3rem;}
.margin__top--md {margin-top: 6rem;}
.margin__top--lg {margin-top: 9rem;}
.margin__top--xl {margin-top: 12rem;}
/*margin bottom*/
.margin__bottom--xs {margin-bottom: 1.8rem;}
.margin__bottom--sm {margin-bottom: 3rem;}
.margin__bottom--md {margin-bottom: 6rem;}
.margin__bottom--lg {margin-bottom: 9rem;}
.margin__bottom--xl {margin-bottom: 12rem;}
@media (min-width: 767px){
    /*margin top*/
    .margin__top--xs {margin-top: 2.4rem;}
    .margin__top--sm {margin-top: 4rem;}
    .margin__top--md {margin-top: 8rem;}
    .margin__top--lg {margin-top: 12rem;}
    .margin__top--xl {margin-top: 16rem;}
    /*margin bottom*/
    .margin__bottom--xs {margin-bottom: 2.4rem;}
    .margin__bottom--sm {margin-bottom: 4rem;}
    .margin__bottom--md {margin-bottom: 8rem;}
    .margin__bottom--lg {margin-bottom: 12rem;}
    .margin__bottom--xl {margin-bottom: 16rem;}
}
@media (min-width: 1201px){
    /*margin top*/
    .margin__top--xs {margin-top: 3rem;}
    .margin__top--sm {margin-top: 5rem;}
    .margin__top--md {margin-top: 10rem;}
    .margin__top--lg {margin-top: 15rem;}
    .margin__top--xl {margin-top: 20rem;}
    /*margin bottom*/
    .margin__bottom--xs {margin-bottom: 3rem;}
    .margin__bottom--sm {margin-bottom: 5rem;}
    .margin__bottom--md {margin-bottom: 10rem;}
    .margin__bottom--lg {margin-bottom: 15rem;}
    .margin__bottom--xl {margin-bottom: 20rem;}
}


/*CORNERS - grid component, image component*/
/*grid*/
.border-radius-top-left > div {border-top-left-radius: 2rem;}
.border-radius-top-right > div {border-top-right-radius: 2rem;}
.border-radius-bottom-right > div {border-bottom-right-radius: 2rem;}
.border-radius-bottom-left > div {border-bottom-left-radius: 2rem;}
/*image*/
.border-radius-top-left img {border-top-left-radius: 2rem;}
.border-radius-top-right img {border-top-right-radius: 2rem;}
.border-radius-bottom-right img {border-bottom-right-radius: 2rem;}
.border-radius-bottom-left img {border-bottom-left-radius: 2rem;}
/*responsive*/
@media (min-width: 769px) {
    /*grid*/
    .border-radius-top-left > div {border-top-left-radius: 4rem;}
    .border-radius-top-right > div {border-top-right-radius: 4rem;}
    .border-radius-bottom-right > div {border-bottom-right-radius: 4rem;}
    .border-radius-bottom-left > div {border-bottom-left-radius: 4rem;}
    /*image*/
    .border-radius-top-left img {border-top-left-radius: 4rem;}
    .border-radius-top-right img {border-top-right-radius: 4rem;}
    .border-radius-bottom-right img {border-bottom-right-radius: 4rem;}
    .border-radius-bottom-left img {border-bottom-left-radius: 4rem;}
}

/**MULTIPLE COMPONENT USE END**/
/*********************************/

/**/
/**/
/**/

/*********************************/
/**GRID LAYOUT**/
/**content position**/
.grid__children--order--reverse--column > div > .aem-Grid {display: flex; flex-direction: column-reverse;}
/*responsive*/
@media (min-width: 769px) {
    /**content position**/
    .grid__children--order--reverse--column--desktop > div > .aem-Grid {display: flex; flex-direction: column-reverse;}
    .grid__children--vertical-align--center > div > .aem-Grid {display: flex; align-items: center;}
    .grid__self--vertical-align--top {align-self: flex-start;}
    .grid__self--vertical-align--bottom {align-self: flex-end;}
    /**background colors**/
    .bg-white-purple {background: linear-gradient(#fff 80%, #2e1a47 20%);}
    .bg-white-lightgray {background: linear-gradient(#fff 80%, #f7f7f7 20%);}
}
@media (max-width: 768px) {
    /**content position**/
    .grid__children--order--reverse--column--mobile > div > .aem-Grid {display: flex; flex-direction: column-reverse;}
}

/**GRID LAYOUT CONTAINERS END**/
/*********************************/

/**/
/**/
/**/

/*********************************/
/**TEXT**/
/*body*/
body {font-family: 'Truist Trio','Arial','sans-serif'; font-size: 1.8rem; font-weight: normal; line-height: 1.5em; color: var(--truNeutral500);}
/*heading*/
h1, .h1-title, h2, .h2-title, h3, .h3-title {color: #2e1a47; font-weight: 300; margin: 0;}
h1, .h1-title {line-height: 1.2em; margin: 0 auto 2.8rem;}
h2, .h2-title {line-height: 1.2em; margin: 0 auto 4rem;}
h3, .h3-title, .text__size--subheadline p, .text__type--subtitle p {line-height: 1.2em; margin: 0 auto 2rem;}

h1, 
.h1-title, 
.text__size--larger h2 {font-size: 4.8rem;}
h2, 
.h2-title, 
.text__size--larger h3,  
.text__size--smaller h1 {font-size: 3.2rem;}
h3, 
.h3-title, 
.text__size--larger h4,  
.text__size--smaller h2, 
.text__size--larger.text__size--subheadline, 
.text__size--larger.text__type--subtitle {font-size: 2.6rem;}
h4, 
.h4-title, 
.text__size--smaller h3, 
.text__size--subheadline, 
.text__type--subtitle {font-size: 2rem;}
/*paragraph*/
p {margin-top: 0; margin-bottom: 2em;}
/*lists*/
ol, ul, dl {padding: 0 0 0 1em; margin: 0 auto 2em;}
/*anchors*/
a {color: #2E1A47; text-decoration: underline;}
a:hover,
a:active,
a:focus {color: #2E1A47; text-decoration: none;}
/*skip anchor*/
a.skip-main{position: absolute; top: auto; width: 1px; height: 1px; overflow: hidden; z-index: -999;}
a.skip-main:focus, a.skip-main:active {color: #000; background-color: #ffa500; font-weight: 600; height: auto; overflow: auto; padding: 5px; border: 1px solid #f7f7f7; text-align: center; text-decoration: underline; width: 20%; font-size: 1em; z-index: 999; outline: 0;}
/*subheadlines -- DEPRECATE*/    
.text__type--section-head {font-size: 1.4rem; font-weight: 600;} /*subheadlines -- DEPRECATE*/
.text__type--subtitle,
.text__type--intro {font-size: 2rem;} /*subheadlines -- DEPRECATE*/
/*size*/
.text__size--smaller {font-size: .9em;}
.text__size--larger {font-size: 1.2em;}
/*weight*/
.text__weight--lighter {font-weight: lighter;}
.text__weight--bolder {font-weight: bolder;}
/*dark*/
.text__color--dark,
.text__color--dark a,
.text__color--dark a:hover,
.text__color--dark a:focus,
.text__color--dark h1,
.text__color--dark h2,
.text__color--dark h3 {color: #2e1a47;}
.text__color--dark p,
.text__color--dark ul,
.text__color--dark li {color: var(--truNeutral500);}
/*light*/
.text__color--light,
.text__color--light a,
.text__color--light a:hover, 
.text__color--light a:focus,
.text__color--light h1,
.text__color--light h2,
.text__color--light h3,
.text__color--light p,
.text__color--light ul,
.text__color--light li {color: #fff;}
/*midnight purple*/
.text__color--midnight-purple,
.text__color--midnight-purple a,
.text__color--midnight-purple a:hover, 
.text__color--midnight-purple a:focus,
.text__color--midnight-purple h1,
.text__color--midnight-purple h2,
.text__color--midnight-purple h3,
.text__color--midnight-purple p,
.text__color--midnight-purple ul,
.text__color--midnight-purple li {color: #2e1a47;}
/*dusk purple*/
.text__color--dusk-purple,
.text__color--dusk-purple a,
.text__color--dusk-purple a:hover, 
.text__color--dusk-purple a:focus,
.text__color--dusk-purple h1,
.text__color--dusk-purple h2,
.text__color--dusk-purple h3,
.text__color--dusk-purple p,
.text__color--dusk-purple ul,
.text__color--dusk-purple li {color: #7c6992;}
/*dawn purple*/
.text__color--dawn-purple,
.text__color--dawn-purple a,
.text__color--dawn-purple a:hover, 
.text__color--dawn-purple a:focus,
.text__color--dawn-purple h1,
.text__color--dawn-purple h2,
.text__color--dawn-purple h3,
.text__color--dawn-purple p,
.text__color--dawn-purple ul,
.text__color--dawn-purple li {color: #AFABC9;}
/*sky blue*/
.text__color--sky-blue,
.text__color--sky-blue a,
.text__color--sky-blue a:hover, 
.text__color--sky-blue a:focus,
.text__color--sky-blue h1,
.text__color--sky-blue h2,
.text__color--sky-blue h3,
.text__color--sky-blue p,
.text__color--sky-blue ul,
.text__color--sky-blue li {color: #b0e0e2;}
/*alignment*/
.text__align--left {text-align: left;}
.text__align--center {text-align: center;}
.text__align--right {text-align: right;}
/*list options*/
.text__list--style--none ul {list-style: none; padding: 0;}
@media (min-width: 769px){
    body {font-size: 2rem;}
    /*list options*/
    .text__list--style--none ul {list-style: none; padding: 0;}
    .text__list--columns--2 ul, 
    .text__list--columns--3 ul,
    .text__list--columns--4 ul {display: flex; flex-wrap: wrap;}
    .text__list--columns--2 li {width: 50%;}
    .text__list--columns--3 li {width: 33%;}
    .text__list--columns--4 li {width: 25%;}
    .text__list--margin ul {margin: 0 -2.084%;}
    .text__list--margin ul li {margin: 0 2.084%;}
    .text__list--margin.text__list--columns--2 li {width: calc((100%/2) - 4.167%);}
    .text__list--margin.text__list--columns--3 li {width: calc((100%/3) - 4.167%);}
    .text__list--margin.text__list--columns--4 li {width: calc((100%/4) - 4.167%);}
    .text__list--margin.text__list--columns--2 li p,
    .text__list--margin.text__list--columns--3 li p,
    .text__list--margin.text__list--columns--4 li p {margin: 0 0 1.5rem 0;}
    .text__list--margin.text__list--columns--2 li p.h1-title,
    .text__list--margin.text__list--columns--3 li p.h1-title,
    .text__list--margin.text__list--columns--4 li p.h1-title {margin: 0;}
}
@media (min-width: 1201px){
    /*heading*/
    h1, .h1-title {margin: 0 auto 3.4rem;}
    h2, .h2-title {margin: 0 auto 5rem;}
    h3, .h3-title, .text__size--subheadline p, .text__type--subtitle p {margin: 0 auto 3.2rem;}
    h1, 
    .h1-title, 
    .text__size--larger h2 {font-size: 8rem;}
    h2, 
    .h2-title, 
    .text__size--larger h3,  
    .text__size--smaller h1 {font-size: 4.8rem;}
    h3, 
    .h3-title, 
    .text__size--larger h4,  
    .text__size--smaller h2, 
    .text__size--larger.text__size--subheadline, 
    .text__size--larger.text__type--subtitle {font-size: 3.8rem;}
    h4, 
    .h4-title, 
    .text__size--smaller h3, 
    .text__size--subheadline, 
    .text__type--subtitle {font-size: 2.4rem;}
    /*subheadlines*/
    .text__type--section-head {font-size: 1.8rem;} /*subheadlines -- DEPRECATE*/
    .text__type--intro {font-size: 2.4rem;} /*subheadlines -- DEPRECATE*/ 
}
/**TEXT END**/
/*********************************/

/**/
/**/
/**/

/*********************************/
/**IMAGE**/

/**IMAGE END**/
/*********************************/

/**/
/**/
/**/

/*********************************/
/**CTA COMPONENT**/
/*universal*/
.global-cta-btn a,
.btn {text-align: center; padding: 10px 20px; width: auto; font-size: 1.8rem; border-radius: 5px; text-decoration: none; transition: all .15s ease-in;}
/*policy options*/
.cta__size--full a {width: 100%;}

/**CTA COMPONENT END**/
/*********************************/

/**/
/**/
/**/

/*********************************/
/**SPACE & LINE**/
.border-bottom-1px-solid {border-bottom: .1rem solid #c9c9c9;} /*DEPRECATE*/
.border-color-light {border-color: rgba(255, 255, 255, 0.5);} /*DEPRECATE*/
.border-color-dark {border-color: rgba(0, 0, 0, 0.5);} /*DEPRECATE*/

.line-separator--primary {border-bottom: .1rem solid #c9c9c9;}
.line-separator--secondary {border-bottom: .1rem solid #7c6992;}
.line-separator--tertiary {border-bottom: .1rem solid #fff;}

.line-separator__color--lighter {border-color: rgba(255, 255, 255, 0.5);}
.line-separator__color--darker {border-color: rgba(0, 0, 0, 0.5);}

.spacer-10 {height: 1rem}
.spacer-15 {height: 1.5rem}
.spacer-20 {height: 2rem}
.spacer-25 {height: 2.5rem}
.spacer-30 {height: 3rem}
.spacer-40 {height: 4rem}
.spacer-50 {height: 5rem}
.spacer-75 {height: 7.5rem}
.spacer-100 {height: 10rem}
.spacer-125 {height: 12.5rem}
.spacer-150 {height: 15rem}
.spacer-200 {height: 20rem}
/**SPACE & LINE END**/
/*********************************/

/**/
/**/
/**/

/*********************************/
/**TAB COMPONENT**/
/* tab container */
.r-tabs {position: relative;}

/* tab nav */
.r-tabs .r-tabs-nav {margin: 0; padding: 0; display: inline-flex;}

/* tab element */
.r-tabs .r-tabs-nav .r-tabs-tab {position: relative; display: inline-block; margin: 0; list-style: none;}

/* tab anchor*/
.r-tabs .r-tabs-nav .r-tabs-anchor {display: inline-block; text-decoration: none; color: #2e1a47; font-size: 1.6rem; font-weight: normal; padding: .5rem 2.5rem;}
.r-tabs .r-tabs-nav .r-tabs-anchor:hover {background-color: #2e1a47 !important /*hack*/; color: #fff;}

/* tab anchor active */
.r-tabs .r-tabs-nav .r-tabs-state-active {background-color: #2e1a47;}
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {color: #fff; background-color: #2e1a47 !important /*hack*/;}
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor:focus {background: #2e1a47;}

/* tab element disabled */
.r-tabs .r-tabs-nav .r-tabs-state-disabled {opacity: 0.5;}

/* mobile accordion */
.r-tabs .r-tabs-accordion-title {display: none;}
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {display: block;	font-weight: normal; font-size: 1.6rem; text-decoration: none; background-color: #fff; color: #2e1a47; border: 1px solid #2e1a47; padding: 1rem;}
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {background-color: #2e1a47; color: #fff;}
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {opacity: 0.5;}

/* tab panel */
.r-tabs .r-tabs-panel {padding: 1.5rem; display: none; background-color: transparent; padding: 0;}
.r-tabs .r-tabs-panel.r-tabs-state-active {display: block;}

@media (max-width: 768px){
    .r-tabs .r-tabs-nav {display: none;}
    /* mobile accordion */
    .r-tabs .r-tabs-accordion-title {display: block;}
}

/* TAB style - lines */
.tab__style--lines .r-tabs .r-tabs-nav {display: flex;}
.tab__style--lines .r-tabs .r-tabs-nav .r-tabs-tab {background: transparent; border: none; border-bottom: 2px solid #c9c9c9; border-radius: 0; flex: 1;}
.tab__style--lines .r-tabs .r-tabs-nav .r-tabs-tab:hover,
.tab__style--lines .r-tabs .r-tabs-nav .r-tabs-tab:focus {border-bottom: 2px solid #7C6992;}
.tab__style--lines .r-tabs .r-tabs-nav .r-tabs-tab .r-tabs-anchor {color: #2E1A47; font-size: 2.4rem; font-weight: 300; line-height: 1em; background-color: transparent !important /*hack*/; padding: 2.4rem 8.334%; text-align: center; width: 100%;}
.tab__style--lines .r-tabs .r-tabs-nav .r-tabs-tab .r-tabs-anchor:hover {color: #7C6992; font-weight: 400;}
.tab__style--lines .r-tabs .r-tabs-nav .r-tabs-tab.r-tabs-state-active {border-bottom: 2px solid #7C6992;}
.tab__style--lines .r-tabs .r-tabs-nav .r-tabs-tab.r-tabs-state-active .r-tabs-anchor {color: #7C6992; font-weight: 600;}
@media (max-width: 768px){
    /* mobile accordion */
    .tab__style--lines .r-tabs .r-tabs-accordion-title {display: none;}
    .tab__style--lines .r-tabs .r-tabs-nav .r-tabs-tab .r-tabs-anchor {font-size: 1.8rem;}
}

/* TAB style - pills */
.tab__style--pills .r-tabs .r-tabs-nav .r-tabs-tab {border: 2px solid #2e1a47; border-right: none; background-color: #fff; border-radius: 0;}
.tab__style--pills .r-tabs .r-tabs-nav .r-tabs-tab:first-child  {border-radius: .5rem 0 0 .5rem;}
.tab__style--pills .r-tabs .r-tabs-nav .r-tabs-tab:last-child {border-right: 2px solid #2e1a47; border-radius: 0 .5rem .5rem 0;}
@media (max-width: 768px){
	.tab__style--pills .r-tabs .r-tabs-accordion-title:first-child .r-tabs-anchor {border-radius: .5rem .5rem 0 0;}
	.tab__style--pills .r-tabs .r-tabs-accordion-title:nth-last-child(2) .r-tabs-anchor {border-radius: 0 0 .5rem .5rem; border-bottom: 2px solid #2e1a47;}
}

/* TAB style - buttons */
.tab__style--buttons .r-tabs .r-tabs-panel {background-color: transparent; padding: 0;}
.tab__style--buttons .r-tabs .r-tabs-nav {width: 100%;}
.tab__style--buttons .r-tabs .r-tabs-nav .r-tabs-tab {background: transparent; text-align: center; font-size: 1.8rem; border: 2px solid #2e1a47; border-radius: 5px; text-decoration: none; margin-right: 4.1665%; flex: 1; display: flex; align-items: stretch; justify-content: center;}
.tab__style--buttons .r-tabs .r-tabs-nav .r-tabs-tab:hover,
.tab__style--buttons .r-tabs .r-tabs-nav .r-tabs-tab:focus {}
.tab__style--buttons .r-tabs .r-tabs-nav .r-tabs-tab .r-tabs-anchor {display: block; padding: 10px 20px; display: flex; align-items: center; justify-content: center; width: 100%;}
.tab__style--buttons .r-tabs .r-tabs-nav .r-tabs-tab .r-tabs-anchor:hover {}
.tab__style--buttons .r-tabs .r-tabs-nav .r-tabs-tab.r-tabs-state-active {}
.tab__style--buttons .r-tabs .r-tabs-nav .r-tabs-tab.r-tabs-state-active .r-tabs-anchor {}
@media (max-width: 768px) {
	.tab__style--buttons .r-tabs .r-tabs-accordion-title .r-tabs-anchor {color: #fff; background: #2e1a47; border: 2px solid #fff; border-radius: 5px;}
	.tab__style--buttons .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {background-color: #fff; color: #2e1a47;}
    .tab__style--buttons .r-tabs .r-tabs-accordion-title:nth-last-child(2) .r-tabs-anchor {margin-top: 6rem; margin-bottom: 3rem;}
}

/* TAB display - hide first tab */
.tab__display--hide-first-tab .r-tabs .r-tabs-nav .r-tabs-tab:first-child {display: none;}
@media (max-width: 768px) {
    .tab__display--hide-first-tab .r-tabs .tab-content .r-tabs-accordion-title:first-child {display: none;}
}

/* TAB color - light */
.tab__color--light .r-tabs .r-tabs-nav .r-tabs-tab {border: 2px solid #fff; color: #fff;}
.tab__color--light .r-tabs .r-tabs-nav .r-tabs-tab:hover ,
.tab__color--light .r-tabs .r-tabs-nav .r-tabs-tab:focus {background: #fff;}
.tab__color--light .r-tabs .r-tabs-nav .r-tabs-tab .r-tabs-anchor {color: #fff;}
.tab__color--light .r-tabs .r-tabs-nav .r-tabs-tab .r-tabs-anchor:hover {background-color: #fff; color: #2e1a47;}
.tab__color--light .r-tabs .r-tabs-nav .r-tabs-tab.r-tabs-state-active {background-color: #fff;}
.tab__color--light .r-tabs .r-tabs-nav .r-tabs-tab.r-tabs-state-active .r-tabs-anchor {color: #2e1a47;}

/* TAB color - dark */
.tab__color--dark .r-tabs .r-tabs-nav .r-tabs-tab {border: 2px solid #2e1a47; color: #2e1a47;}
.tab__color--dark .r-tabs .r-tabs-nav .r-tabs-tab:hover ,
.tab__color--dark .r-tabs .r-tabs-nav .r-tabs-tab:focus {background: #2e1a47;}
.tab__color--dark .r-tabs .r-tabs-nav .r-tabs-tab .r-tabs-anchor {color: #2e1a47;}
.tab__color--dark .r-tabs .r-tabs-nav .r-tabs-tab .r-tabs-anchor:hover {background-color: #2e1a47; color: #fff;}
.tab__color--dark .r-tabs .r-tabs-nav .r-tabs-tab.r-tabs-state-active {background-color: #2e1a47;}
.tab__color--dark .r-tabs .r-tabs-nav .r-tabs-tab.r-tabs-state-active .r-tabs-anchor {color: #fff;}
@media (max-width: 768px) {
    .tab__color--dark .r-tabs .r-tabs-accordion-title .r-tabs-anchor {color: #2e1a47; background: #fff; border: 2px solid #2e1a47;}
	.tab__color--dark .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {background-color: #2e1a47; color: #fff;}
}
/**TAB COMPONENT END**/
/*********************************/

/**/
/**/
/**/

/*********************************/
/**COMPONENT**/

/**COMPONENT END**/
/*********************************/

/**/
/**/
/**/

/**/
/**/
/**/

/*********************************/
/*********************************/
/*******    HELPER CSS     *******/
/*********************************/
/*********************************/

/**/
/**/
/**/

/*********************************/
/**DISPLAY**/
.show {display: block;}
.hide {display: none;}
@media (max-width: 768px){
    .hide--mobile {display: none !important;}
}
@media (min-width: 769px) and (max-width: 1200px){
    .hide--tablet {display: none !important;}
}
@media (min-width: 1201px){
    .hide--desktop {display: none !important;}
}
/**DISPLAY END**/
/*********************************/

/**/
/**/
/**/

/**/
/**/
/**/
/*****/
/**TRUIST CARDS**/

/**/
/**/
/**/

/*BASE*/

/**/
/**/
/**/

.grid__truist-cards {}
.grid__truist-cards .input-hidden-container {height: auto !important /*hack*/;}

/*options*/
/*display - show only first three items*/
.grid__truist-cards__display--3 .gridlayoutcontainer > div > .aem-Grid > .gridlayoutcontainer {display: none;}
.grid__truist-cards__display--3 .gridlayoutcontainer > div > .aem-Grid > .gridlayoutcontainer:nth-child(-n+3) {display: block;}

/*responsive*/
@media (min-width: 768px){
	.grid__truist-cards .gridlayoutcontainer > div > .aem-Grid {display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start;}
	.grid__truist-cards .gridlayoutcontainer > div > .aem-Grid > .gridlayoutcontainer > div,
	.grid__truist-cards .gridlayoutcontainer > div > .aem-Grid > .gridlayoutcontainer > div > .aem-Grid {flex-direction: column; height: 100%;}
	.grid__truist-cards .gridlayoutcontainer > div > .aem-Grid > .image {}
	.grid__truist-cards .gridlayoutcontainer > div > .aem-Grid > .gridlayoutcontainer > div > .aem-Grid > .gridlayoutcontainer  {flex: 1 1 auto;}
	.grid__truist-cards .gridlayoutcontainer > div > .aem-Grid > .cta {}
}

/**/
/**/
/**/

/*variation - NEWS*/

/**/
/**/
/**/

/*default*/
.grid__truist-cards--news {}
.grid__truist-cards--news .aem-Grid > .gridlayoutcontainer {background-color: #2e1a47; padding: 8.333%; margin: 0 0 8.333%; transition: all .2s ease-in-out; min-height: 20rem;}
.grid__truist-cards--news .aem-Grid > .gridlayoutcontainer:hover {transform: scale(1.05); box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); cursor: pointer;}

/*copy*/
.grid__truist-cards--news h1,
.grid__truist-cards--news .h1-title,
.grid__truist-cards--news h2,
.grid__truist-cards--news .h2-title,
.grid__truist-cards--news h3,
.grid__truist-cards--news .h3-title,
.grid__truist-cards--news h4,
.grid__truist-cards--news .h4-title,
.grid__truist-cards--news .text__type--section-head p,
.grid__truist-cards--news .text__type--title p,
.grid__truist-cards--news .text__type--subtitle p {color: #b0e0e2; text-decoration: none; font-size: 2.4rem; font-weight: 400; margin-bottom: 4.5rem;}

.grid__truist-cards--news p,
.grid__truist-cards--news .text__type--intro p,
.grid__truist-cards--news .text__type--description p,
.grid__truist-cards--news a {font-size: 2rem; font-weight: 300; color: #fff; text-decoration: none;}

/*options for news*/
/*ui - rounded*/
.grid__truist-cards--news__ui--rounded .aem-Grid > .gridlayoutcontainer {border-radius: 1.5rem;}
/*ui - static*/
.grid__truist-cards--news__ui--static .aem-Grid > .gridlayoutcontainer:hover {transform: none; box-shadow: none; cursor: auto;}

/*responsive*/
@media (min-width: 768px){
	.grid__truist-cards--news .aem-Grid > .gridlayoutcontainer {width: 47.918% !important; padding: 4.165%; margin: 0 4.165% 4.165% 0;}
}
@media (min-width: 768px) and (max-width: 1199px){
	.grid__truist-cards--news .aem-Grid > .gridlayoutcontainer:nth-child(2n) {margin-right: 0;}
}
@media (min-width: 1200px){
	.grid__truist-cards--news .aem-Grid > .gridlayoutcontainer {width: 30.555% !important;}
	.grid__truist-cards--news .aem-Grid > .gridlayoutcontainer:nth-child(3n) {margin-right: 0;}
}


/**/
/**/
/**/

/*variation - mmTRANSACTION LOGO*/

/**/
/**/
/**/

.grid__truist-cards--logo {}

.grid__truist-cards--logo .gridlayoutcontainer > div > .aem-Grid > .image {display: flex; align-items: center; justify-content: left;}
.grid__truist-cards--logo .gridlayoutcontainer > div > .aem-Grid > .image img {height: 9.5rem; padding: 1.5rem 1.5rem 1.5rem 0; max-width: none; width: auto;}

/**/
/**/
/**/

/*variation - PEOPLE*/

/**/
/**/
/**/

.grid__truist-cards--people {}

/*****//*****//*****//*****//*****/
/*****//*****//*****//*****//*****/
/***** VIDEO CSS ***********/
/*****//*****//*****//*****//*****/
/*****//*****//*****//*****//*****/

/* BORDERS */
.wistia_swatch {border-radius: 40px;}
.w-chrome {border-radius: 40px;}
/* END BORDERS */

/* SCRUB BARS */
.w-bottom-bar-lower {padding: 0 25px 0 25px !important;}
.w-playbar-wrapper canvas {max-width: 98%;}
/* END SCRUB BARS */

/* Transcript Button Size */
.video-transcripts-btn-size .accordion .arrow-down .btn-link {font-size: 1.6rem;}
/* Transcript Button Size - END*/


/*****//*****//*****//*****//*****/
/*****//*****//*****//*****//*****/
/**TRUIST LITE CUSTOM CSS**/
/*****//*****//*****//*****//*****/
/*****//*****//*****//*****//*****/

/**BODY**/
body {background-color: #eee; max-width: 1600px; margin: auto;}
/**BODY END**/
/*****/

/*****/
/**HEADER**/
header {}
header .globalnavigation .nav-brand img {margin: -2rem /*hack*/;}
@media (max-width: 1200px){
	header .globalnavigation .nav-brand img {max-height: 7.5rem; margin: 0 auto;}
}
/**HEADER END**/
/*****/

/*****/
/**MAIN**/
main {}

/*CORNERS - grid component, image component*/
/*grid*/
.border-radius-top-left {border-top-left-radius: 2rem;}
.border-radius-top-right {border-top-right-radius: 2rem;}
.border-radius-bottom-right {border-bottom-right-radius: 2rem;}
.border-radius-bottom-left {border-bottom-left-radius: 2rem;}
/*image*/
.border-radius-top-left img {border-top-left-radius: 2rem;}
.border-radius-top-right img {border-top-right-radius: 2rem;}
.border-radius-bottom-right img {border-bottom-right-radius: 2rem;}
.border-radius-bottom-left img {border-bottom-left-radius: 2rem;}
/*responsive*/
@media (min-width: 769px) {
    /*grid*/
    .border-radius-top-left > div {border-top-left-radius: 4rem;}
    .border-radius-top-right > div {border-top-right-radius: 4rem;}
    .border-radius-bottom-right > div {border-bottom-right-radius: 4rem;}
    .border-radius-bottom-left > div {border-bottom-left-radius: 4rem;}
    /*image*/
    .border-radius-top-left img {border-top-left-radius: 4rem;}
    .border-radius-top-right img {border-top-right-radius: 4rem;}
    .border-radius-bottom-right img {border-bottom-right-radius: 4rem;}
    .border-radius-bottom-left img {border-bottom-left-radius: 4rem;}
}
/*CORNERS - grid component, image component - END*/

/*BULLETS*/
.list-checkmark li {list-style: none; color: #2e1a47; padding: 30px 0 0 0; text-indent: -5rem; margin-left: 3rem;}
.list-checkmark li::before {content: "\f00c"; font-family: "fontAwesome"; color: #2e1a47; font-size: 2.4rem; padding: 0 25px 0 0;}
.list-checkmark li::after {content: ""; border-bottom: 1px solid rgb(175,171,201); display: block; margin-left: -5rem; padding-top: 30px;}
.list-checkmark li:last-child:after {content: ""; border-bottom: 0;}
/*BULLETS END*/
/**MAIN END**/
/*****/


/**CUSTOM END**/
/*****/

/*****//*****//*****//*****//*****/
/*****//*****//*****//*****//*****/
/***** CUSTOM COMPONENT CSS ******/
/*****//*****//*****//*****//*****/
/*****//*****//*****//*****//*****/
/*news cards - hack*/
.grid__truist-cards--news h1,
.grid__truist-cards--news .h1-title,
.grid__truist-cards--news h2,
.grid__truist-cards--news .h2-title,
.grid__truist-cards--news h3,
.grid__truist-cards--news .h3-title,
.grid__truist-cards--news h4,
.grid__truist-cards--news .h4-title,
.grid__truist-cards--news .text__type--section-head p,
.grid__truist-cards--news .text__type--title p,
.grid__truist-cards--news .text__type--subtitle p {color: #b0e0e2 !important; text-decoration: none !important; font-size: 2.4rem !important; font-weight: 400 !important; margin-bottom: 4.5rem !important;}

.grid__truist-cards--news p,
.grid__truist-cards--news .text__type--intro p,
.grid__truist-cards--news .text__type--description p,
.grid__truist-cards--news a {font-size: 2rem !important; font-weight: 300 !important; color: #fff !important; text-decoration: none !important;}

/**COMPONENT END**/
/*****/