@charset "utf-8";

/* --------------------------------------------------------- */
/* CSS Template - Brand Sites - BCHANNEL CSS CUSTOM          */
/* --------------------------------------------------------- */

/* ------------------------------------ */
/* BCHANNEL Styles                      */
/* ------------------------------------ */
/* NOTE: Its expected that bchannel     */ 
/*       Might require styles that run  */ 
/*       counter to the template.       */
/*       Therefore only define styles   */
/*       prefixed with .bchannel-css    */
/*       to target this only.           */
/* ------------------------------------ */

.bchannel-css { /*background-color: red;*/ }

.bchannel-slide-viewer ul.standard-background {
	background: transparent url(../images/blank.png) no-repeat top left;
	background-size: 100% auto;
	margin-bottom: -3rem;
	padding-bottom: 3rem;
}

/*   BChannel Item styles   */
.item-slider .slider-content.bchannel-slide-viewer { margin-bottom: 0rem; }

.bchannel-item {
	max-width: 100%;
	width: auto;
	float: left;
	display: block;
	border: 0px solid #9B9A9B;
	padding: .5rem;
	background-color: #ffffff;
	height: 100%;
}

.bchannel-item { color: #ffffff; }

.bchannel-item.bchannel-full-bleed { padding: 0; }

.bchannel-item .item-left {
	max-width: none;
	min-width: auto;
	height: 100%;
}

.bchannel-item .item-left img {
	max-width: 100%;
	height: auto;
	width: auto;
}

.bchannel-item .item-right {
	max-width: none;
	min-width: auto;
	max-height: inherit;
}

.mobile .bchannel-item .item-left {
	max-width: none;
	min-width: auto;
	width: 100% !important;
	margin-bottom: 1rem;
	height: auto;
}

.mobile .bchannel-item .item-right {
	min-width: auto;
	max-width: 95% !important;
	max-width: none !important;
	clear: both !important;
	float: right !important;
	height: auto;
	padding: 1rem .5rem !important;
}

.bchannel-item .background-wrapper {
	display: block;
	position: relative;
	float: left;
}

.bchannel-item .bchannel-item-top { }

.bchannel-item .bchannel-item-bottom {
	padding: 0rem;
	float: left;
	position: relative;
	display: block;
	width:100%;
}
.bchannel-item .bchannel-item-bottom.padded-content-centered {
	float: none;
	width:90%;
	margin-left:auto;
	margin-right:auto;
}

.bchannel-item .bchannel-item-bottom .item-bottom-col-1 {
	width: 100%;
	position: relative;
	float: left;
	display: block;
	clear:both;
}

.bchannel-item .bchannel-item-bottom .item-bottom-col-2 {
	width: 100%;
	position: relative;
	float: left;
	display: block;
	clear:both;
}

.bchannel-item .bchannel-item-bottom .item-bottom-col-2.centered-content {
	text-align:center;
}
.bchannel-item .item-cta.centered-btn {
    display: inline-block;
    margin: 1rem auto;
}
.bchannel-item .item-full {
	max-width: 100%;
	min-width: auto;
	height: 100%;
}

#bchannel-slider .pagination { margin: 0; }

/* ------------------------------------ */
/* BCHANNEL - we bake style             */
/* ------------------------------------ */

.bchannel-css .bc-we-bake .item-left {
	background-color: transparent;
	width: 55.045871559633027522935779816514%;
	height: auto;
	max-width: 240px;
}

.bchannel-css .bc-we-bake .item-right {
	background-color: transparent;
	width: auto;
	float: left;
	padding: 0 0rem;
	max-width: 39.130434782608695652173913043478%;
}

.bchannel-css .bc-we-bake .background-wrapper {
	background-color: #EDEEEE;
	float: left;
	width: 100%;
	height: 100%;
}

.bchannel-css p {
	color: #000000;
	font-size: .875rem;
	font-weight: 700;
	text-align:center;
	line-height: 1rem;
	text-transform: uppercase;
	margin: 1rem auto 0 auto;
}

.bchannel-css .bc-we-bake p {
	width: 100%;
	color: #393939;
	font-size: .75rem;
	font-weight: 400;
	text-align: left;
	line-height: 1rem;
}

.bchannel-css a.ghosted.reversed {
	border: 1px solid #00508B;
	color: #00508B;
	background: #ffffff;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color;
	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px; /* Brand customization - Rounded: 20px 20px 20px 20px Square 0px 0px 0px 0px */
}

.bchannel-css .bc-centered-dark .item-cta a:hover::after { color: #ffffff;   /* Brand color */ }

.bchannel-css .bc-centered-dark .item-cta a::after {
	content: '>';
	margin-left: 5px;
	text-decoration: none;
	display: inline-block;
	color: #00508B;   /* Brand color */
}

.bchannel-css a.ghosted.reversed.rounded-corners {
	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px; /* Brand customization - Rounded: 20px 20px 20px 20px Square 0px 0px 0px 0px */
}

.bchannel-css a.ghosted.reversed:hover {
	background: rgba(0, 80, 139,1);
	color: #ffffff;
}
.bchannel-item-bottom .item-bottom-col-2 .item-cta a {
    display: block;
    float: right;
}
.mobile .bchannel-item-bottom .item-bottom-col-1  {
    display: block;
    float: left;
    clear: both;
    width: 100%;
}
.mobile .bchannel-item-bottom .item-bottom-col-2  {
    display: block;
    float: left;
    clear: both;
    width: 100%;
	margin-top:1rem;
}
.mobile  .bchannel-item-bottom .item-bottom-col-2 .item-cta a {
    display: block;
    float: left;
}
/* ------------------------------------------------ */
/* BCHANNEL - centered copy - dark style            */
/* ------------------------------------------------ */

.bchannel-css .bc-centered-dark .background-wrapper {
	background-color: #00508B;   /* Brand color */
	height: 100%;
	width: 100%;
	float: left;
}

.bchannel-css .bc-centered-dark .item-full {
	width: 100%;
	float: left;
	height: auto;
	padding: 1rem 0;
}

.bchannel-css .bc-centered-dark p {
	width: 60%;
	color: #ffffff;
	font-size: 1rem;
	font-weight: 700;
	text-align: center;
	/*padding-top: 2rem;*/
	margin: 0 auto;
	line-height: 1.5rem;
}

.bchannel-css .bc-centered-dark .item-cta a {
	margin: 1rem auto 0rem auto;
	float: none;
	display: block;
	width: -moz-fit-content;
	width: fit-content;
	max-width: 94px;
}

.fr .bchannel-css .bc-centered-dark .item-cta a { max-width: 108px; }

.bchannel-css .item-cta.rounded-corners a {
	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
}

/* ------------------------------------------------ */
/* BCHANNEL - MEDIA QUERIES            */
/* ------------------------------------------------ */

.smallscreen .bchannel-css.item-slider li {
	display: block;
	max-width: 100%;
	min-width: 100%;
	float: left;
	clear: both;
	margin: 1rem 0;
}

.smallscreen .bchannel-css.item-slider .slider-controller { display: none; }

.smallscreen .bchannel-css.item-slider .pagination { display: none; }

.smallscreen .bchannel-css .bc-we-bake .background-wrapper { display: block; }


.smallscreen .slider-content.slide-viewer.bchannel-slide-viewer .slider-items li {
	border: 1px solid #ccc;
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;  
	padding-right:0;
	min-width: 100% !important;
}

.smallscreen .slider-content.slide-viewer.bchannel-slide-viewer {
	width: 90%;
	margin-left:3%;
}