@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-slide-viewer ul.standard-background li .item-full {
	box-sizing:border-box;
}
/*   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: 1px solid #9B9A9B;
	padding: .5rem;
	background-color: white;
	height: inherit;
	box-sizing:border-box;
}

.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;
	float: right;
}

.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: #f9f9f9;
	float: left;
	width: 100%;
	height: 100%;
}

.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 #ffffff;
	color: #0067B1;
	background: rgba(255, 255, 255,1);
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-property: color, background-color;
	transition-property: color, background-color;
	-moz-border-radius: 0px 0px 0px 0px;
	-webkit-border-radius: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px; /* 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 - white */
	background: transparent url('../images/icons/white-circle-arrow.png') no-repeat;
}

.bchannel-css .bc-centered-dark .item-cta a::after {
	color: #0067B1;   /* Brand color - dark blue */
	content: '';
	background: transparent url('../images/icons/blue-circle-arrow.png') no-repeat;
	width: 13px;
	height: 13px;
	margin-left: 8px;
	text-decoration: none;
	display: inline-block;
	top: 2px;
	position: relative;
	background-size: auto 100%;
}

.bchannel-css a.mail-icon.reversed {
}
.bchannel-css .bc-centered-dark .item-cta a.mail-icon.reversed::before {
	color: #0067B1;   /* Brand color - dark blue */
	content: '';
	background: transparent url('../images/icons/white-envelope.png') no-repeat;
	background-position:left center;
	width: 20px;
	height: 12px;
	margin-right: 8px;
	text-decoration: none;
	display: inline-block;
	top: 2px;
	position: relative;
	background-size: auto 100%;
}
.bchannel-css .bc-centered-dark .item-cta a.mail-icon.reversed::after,
.bchannel-css .bc-centered-dark .item-cta a.mail-icon.reversed:hover::after {
	content: '';
	background: none;
	width: 1px;
	height: 1px;
	margin: 0;
	display:none;
}
.bchannel-css .bc-centered-dark .item-cta a.mail-icon.reversed:hover::before {
	color: #ffffff;   /* Brand color - dark blue */
	content: '';
	background: transparent url('../images/icons/blue-envelope.png') no-repeat;
	width: 20px;
	height: 12px;
	margin-right: 8px;
	text-decoration: none;
	display: inline-block;
	top: 2px;
	position: relative;
	background-size: auto 100%;
}
.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(255, 255, 255,0);
	color: #ffffff;
}

/* ------------------------------------------------ */
/* BCHANNEL - centered copy - dark style            */
/* ------------------------------------------------ */

.bchannel-css .bc-centered-dark .background-wrapper {
	background-color: #0067B1;   /* Brand color - bright Blue */
	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 .bc-centered-dark .item-cta a.mail-icon { max-width: 108px; text-align:center; }

.fr .bchannel-css .bc-centered-dark .item-cta a.mail-icon { max-width: 120px; text-align:center; }

.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; }