/* v.1.2.3 */

/* REDESIGN FIXES */

a {color: #fff;}

.PageBuilder-col-8.PageBuilder-article, .PageBuilder-col-8.PageBuilder-makeItArticle {
	max-width: 100% !important;
	min-width: 100% !important;
	margin-left: 0px !important;
}

.PageBuilder-pageWrapper {
	max-width: 100% !important;
	width: 100% !important;
}

.InlineImage-wrapperNoCaption {
	border-bottom: 0px !important;
}

.InlineImage-imageEmbed {
	margin-bottom: 0px !important;
	background-color: #fff;
}

.ArticleBody-articleBody {
	background-color: #fff;
	color: #333 !important;
	font-size: 18px;
    line-height: 32px;
}

.ArticleBody-articleBody a {
	color: #66003C;
}


.InlineImage-wrapper {
	padding-bottom: 0px !important;
}

.InlineImage-imagePlaceholder {
	margin-bottom: 0px !important;
}

.InlineImage-imageEmbed img {
	margin-bottom: 0px !important;
}

.ArticleTicker-tickerWrapper {
	display: none !important;
}

.custom-page-content p {
	color: #333 !important;
	font-size: 18px;
    line-height: 32px;
}

.custom-page-content a, .custom-page-content a:link, .custom-page-content a:visited {
	color: #F15A24;
}

.vid-icon {
	display: none;
}

.row {
	max-width: 1150px;
    margin: 0 auto;
}

.Sidebar-sidebar, .Sidebar-transporterSidebar {
	display: none !important;
}
.WildcardEmbed-wrapper {
	border-bottom: 0px !important;
}


/* */

/* badgeC */

.source {
	margin-bottom: 50px;
}

#dart_wrapper_badgeb > div, #dart_wrapper_badgec > div, #dart_wrapper_badged > div, #dart_wrapper_badgee > div, #dart_wrapper_badgef > div, #dart_wrapper_badgeg>div, #dart_wrapper_badgeh>div, #dart_wrapper_badgei > div, #dart_wrapper_badgej > div {
	text-align: left !important;
	
}

#dart_wrapper_badgec::before {
	content: "IN COLLABORATION WITH";
	font-size: 10px;
	line-height: 30px;
	color: #fff;
}

#sourcelogo-cnbccom {display: none;}


/* Typography */

.cnbc-contents p {
	font-family: Proxima Nova;
	margin-bottom: 20px;
}

/*.first-para:first-child:first-letter {
	color: #29abe2;
	float: left;
	font-family: 'Gotham Narrow SSm 5r';
	font-size: 90px;
	line-height: 75px;
	padding-top: 4px;
	padding-right: 8px;
	padding-left: 3px;
}*/

.drop-cap {
	color: #006991;
	float: left;
	font-family: Proxima Nova;
	font-weight: 600;
	font-size: 100px;
	line-height: 85px;
	padding-top: 4px;
	padding-right: 4px;
	padding-left: 3px;
}

.bo-h2 {
	font-family: Proxima Nova;
	font-weight: 600;
	font-size: 48px;
	color: #006991;
	margin-top: 20px;
	margin-bottom: 60px;
	letter-spacing: -0.03em;
	line-height: 56px;
}

.sec-num {
	font-family: Proxima Nova;
	font-weight: 600;
	font-size: 150px;
    color: #ccc;
    line-height: 75px;
    border-top: 10px solid #000;
    padding-top: 40px !important;
	text-align: left;
	
}

p.sec-label {
	margin-bottom: 0 !important;
}

.sec-label-wrap {
	position: relative;
	min-height: 80px;
	border-bottom: 1px solid #000;
}

.sec-label {
	position: absolute;
	bottom: 0px;
}

.sec-label strong {
	font-family: Proxima Nova;
	font-weight: 600;
}

/* Tools */

.image-placeholder {
	width: 100%;
	height: 250px;
	background-color: #666;
}

.thick-rule {
	border-bottom: 4px solid #000;
}

.thin-rule {
	border-bottom: 1px solid #000;
}


/* Quotes */

.big-pic{
	position: relative;
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.bo-pull-quote-pic {
	color: #fff;
	position: absolute;
	top: 130px;
	z-index: 10;
}

.bo-pull-quote-pic:before {
	font-family: Proxima Nova;
	font-weight: 600;
	font-size: 120px;
	content: '\201C';
	vertical-align: -webkit-baseline-middle;
}

.bo-pull-quote-margin {
	width: 100%;
	color: #006991;
}

.bo-pull-quote-margin:before {
	font-family: Proxima Nova;
	font-weight: 600;
	font-size: 120px;
	content: '\201C';
	vertical-align: -webkit-baseline-middle;
}

.bo-quote-text {
	font-family: Proxima Nova;
	font-weight: 600;
	font-size: 36px;
	border-top: 1px solid #006991;
	border-bottom: 1px solid #006991;
	line-height: 40px;
	padding: 10px 0;
	margin-bottom: 10px;
	letter-spacing: -0.03em;
}

.bo-quote-text-white {
	font-family: Proxima Nova;
	font-weight: 600;
	font-size: 36px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	line-height: 40px;
	padding: 10px 0;
	margin-bottom: 10px;
	letter-spacing: -0.03em;
}

.bo-quote-attr {
	
}


/* Nav */

#longform-group0 {
	-webkit-box-shadow: 0px 10px 20px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    0px 10px 20px 0px rgba(50, 50, 50, 0.2);
	box-shadow:         0px 10px 20px 0px rgba(50, 50, 50, 0.2);
	margin-bottom: 40px;
	background-color: #fff;
	z-index: 20;
}

#longform-group0 .embed-container.wildcard {
	margin: 10px auto;
}

.bo-nav-label {
	text-decoration: none !important;
	color: #000 !important;
	font-size: 14px !important;
	padding-left: 5px;
	line-height: 20px;

}

.bo-nav-item {
	text-decoration: none !important;
	color: #000 !important;
	font-size: 14px !important;
	border-left: 1px solid #000;
	padding-left: 5px;
	cursor: pointer;
	line-height: 20px;

}

.bo-nav-item-active {
	border-left: 4px solid #000; 
	margin-left: -3px;
	cursor: pointer;
}


.bo-nav-item:hover {
	border-left: 4px solid #000;
	margin-left: -3px;
	cursor: pointer;
}

.bo-nav-item strong {
	font-family: Proxima Nova;
	font-weight: 600;
}

.nav-fixed {
	position: fixed;
	width: 100%;
    top: 50px;
	left: 0px;
    z-index: 100;
    padding-top: 15px;
    padding-bottom: 15px;
	
	-webkit-box-shadow: 0px 10px 20px 0px rgba(50, 50, 50, 0.2);
	-moz-box-shadow:    0px 10px 20px 0px rgba(50, 50, 50, 0.2);
	box-shadow:         0px 10px 20px 0px rgba(50, 50, 50, 0.2);
	margin-bottom: 40px;
	background-color: #fff;
}


/* Page */

#article_body {margin-top: 0px;}
.immersive .story-top .title {
	max-width: 400px;
}

.social-reporter {
	display: none;
}

/* Video */

.fsvideo {
	width: 100%;
	/*min-height: 100%;*/
	display:block;
	opacity: 1;	
	margin: 40px 0;
}


/* Images */

.image-caption {
    font-size: 14px;
	line-height: 16px;
}

.image-credit {
    font-size: 14px;
	color: #666666;
	padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}
/* Sections */

/* sec 1 */

#bo-pq-01, #bo-pq-02 {
	opacity: 0;
}
	

/* Footer */

#footer {
	background-color: #000;
	min-height: 100px;
	color: #fff;
	
	opacity: 0;
}

.footer_logo {
	background: url(https://fm.cnbc.com/applications/cnbc.com/resources/styles/skin/tv/europe/the-brave-ones/img/brave-ones-franchise-header-logo-longform-02.png) no-repeat;
	background-position: center center;
	height: 100px;
}

.footer-copy {
    padding-left: 20px;
}

.footer-headline {
	font-family: Proxima Nova;
	font-weight: 600;
	font-size: 24px;
	margin-top: 20px;
}

.footer-cta {
	font-family: Proxima Nova;
	font-weight: 600;
	font-size: 18px;
}

.footer-cta a, .footer-cta a:visited, .footer-cta a:active  {
	color: #00AEEF;
}

.footer-cta a:hover {
	color: #fff;
}

.footer-sponsor {
	background: url(https://fm.cnbc.com/applications/cnbc.com/resources/styles/skin/tv/europe/the-brave-ones/img/footer_cs_logo.png) no-repeat;
	background-position: center center;
	height: 100px;
}

@media only screen and (max-width: 1024px) {
	.bo-navbar {
		display: none;
	}
	
	.bo-pq {
		margin: 30px 0;
	}
	
	.bo-pull-quote-pic {
		top: 40vh;
		margin-left: 30px;
	}
	
	#big-pic-01, #bp-bg-02 {background-position-x: 45% !important;}
	#big-pic-02, #bp-bg-03 {background-position-x: 45% !important;}
	#big-pic-03, #bp-bg-04 {background-position-x: 45% !important;}
	
	
	.footer-copy {
		text-align: center;
    	margin-bottom: 20px;
	}
}


@media only screen and (max-width: 480px) {
	
	.immersive .story-header-left[style^='background'] .headline-container {
		padding-bottom: 50px;
	}
	
	.immersive .story-top .title {
		max-width: 200px;
	}
	
	#sourcelogo-cnbccom {
		display: none;
	}
	
	.immersive .embed-container {
		margin-left: -10px;
	}
	
	.sec-label-wrap {
		display: none;
	}
	
	.mobile-touch.immersive .story-header-left.twoCol[style*="background"], .mobile-native.immersive .story-header-left.twoCol[style*="background"] {
		background-size: cover !important;
    	height: 80vh;
	}
	
	#longform-group0 {
		display: none;
	}
	
	.bo-pull-quote-margin:before {
		line-height: 10px;
	}
	
	.bo-pull-quote-margin {
		margin-top: 20px;
	}
	
	.bo-quote-attr {
		font-size: 1.8em;
	}
	
	
	.bo-pull-quote-pic {
		top: 32vh;
		margin-left: 10px;
		width: 80%;
	}
	.bo-pull-quote-pic:before {
		line-height: 10px;
	}
	
	.bo-quote-text {
		font-size: 24px;
		line-height: 32px;
	}
	
	.bo-quote-text-white {
		font-size: 24px;
		line-height: 32px;
	}
	
	.filler {
		display: none;
	}
	
	.drop-cap {
		font-size: 50px;
		line-height: 40px;
		padding-left: 0px;
	}
	
	.bo-h2 {
	    font-size: 36px;
		line-height: 40px;
		margin-top: 0px;
		margin-bottom: 40px;
	}
	
	.container-fluid {
		padding-left: 30px !important;
	}
}