@charset "UTF-8";

header {
	position: relative;
	float: left;
	background-color: #F49D3E;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: contain;

	height: 1200px;

	width: 100%;
}


header {
	background: url(../_images/perspectivesDetails/orange-triangle.svg) 30% 0% no-repeat, url(../_images/perspectivesDetails/white-triangle.svg) 95% -85% no-repeat, url(_images/Header_1240.jpg) 50% 50% fixed no-repeat;
}




header.no-img {
	background: url(../_images/perspectivesDetails/orange-triangle.svg) 30% 0% no-repeat, url(../_images/perspectivesDetails/white-triangle.svg) 95% -85% no-repeat;
	height: 900px;

}

header h1 {
	margin-top: 100px;
	font-size: 60px;
	line-height: 70px;
	color:  #fff;
}

header p {
	color: #fff;
	font-family: 'BreuerTextLight', sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.row h3 {
	background-color: #f2f2f2;
	color: #000;
	padding: 0px 40px;
	font-size: 18px;
	line-height: 28px;
	display: inline-block;
	margin-bottom: 40px;
	padding-bottom: 0;
}

.row h4 {
	font-family: 'BreuerTextLight', sans-serif;
	font-size: 60px;
	line-height: 65px;
	font-weight: 300;
	margin: 0 0 40px 0;
}

footer h3 {
	text-transform: uppercase;

}

footer p a {
/*	font-size: 24px;
	line-height: 36px;
	font-weight: 300;*/
}



.row {
	width: 88%;
	margin-left: 12%;
	clear: both;
	position: relative;
	float: left;
}

#next-article {

		position: relative;
		float: right;
		width: 88%;
		background-color: #fff;
		text-align: right;
		font-family: 'BreuerTextLight', sans-serif;
		font-size: 24px;
		color: orange;
		z-index: 200;
		pointer-events: all;
		vertical-align: bottom;
		/* margin-bottom: 40px; */
		margin-right: 60px;
		padding-left: 3%;


}

.col-xs-12 {
	width: 100%;
	position: relative;
	float: left;
}

.col-xs-12 img {
	max-width: 100%;
}

.col-xs-9 {
	width: 66%;
	position: relative;
	float: left;
}

.col-xs-3 {
	width: 22%;
	float: left;
	position: relative;
	float: left;
}

.col-xs-4 {
	width: 44%;
	float: left;
	position: relative;
	float: left;
}

.title-row {
	width: 66%;
}

/*

this is a fix for firefox
right now, no articles have subhead

 */
.title-row h2 {
	display: none;
}

.image-row-right-caption .col-xs-4:first-of-type {
	width: 300px;
}

.image-row-right-caption {
	clear: both;
}

/* THIS STYLE IS MEANT TO BE OVERWRITTEN LOCALLY */
.perspectiveDetailsBackground {
	height:1600px;
	background: url(../_images/perspectivesDetails/orange-triangle.svg) no-repeat, url(../_images/perspectivesDetails/white-triangle.svg) no-repeat, url(../_images/perspectivesDetails/PDP_PerspectiveSubpage_BG.jpg) no-repeat;
	background-size: auto 830px, auto auto, 100% auto;
	background-position: 0px 0px, 0px 600px, center;
	background-color: #fff;
}

.perspectiveDetailsNoImgBackground {
	height:1600px;
	background: url(../_images/perspectivesDetails/orange-triangle.svg) no-repeat, url(../_images/perspectivesDetails/white-triangle.svg) no-repeat;
	background-size: auto 800px, auto auto;
	background-position: 0px 0px, 0px 500px;
	background-color: #fff;
}

.perspectiveDetailsBackground-NA #navContent {
	/*margin-top: 10px;*/
	padding-top: 8px;
}



.title-abstract {
	position:absolute;
	top: 80px;
}

.small {
	font-size: 70%;
	line-height: 180%;
	font-weight:400;
	color:#6D6D6D;
  letter-spacing:.05em;
}

.share{
	color:#6D6D6D;
	font-size:16px;
	font-weight:300;
	font-style:italic;
}



hr {
	border-color: #CECECE;
}

.imageRow {
	margin-top:55px;
}

.image-row-caption {
	margin-bottom: 50px;
}

.image-row-right-caption {
	margin-top:25px;
	margin-bottom:70px;
}

.socialIcon {
	margin:10px;
}

.social-twitter {
	margin-top: 10px;
	margin-right: 8px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.social-row {
	margin-top:50px;
	height: 50px;
}

.content-footer-row {
	margin-top:20px;
}

.contentFooter{
	font-size:12px;
	font-weight:300;
	color:#6D6D6D;
	letter-spacing:.05em;
	line-height:22px;
}

.pull-quote-line-before {
	margin-bottom:18px;
}

.pull-quote-line-after {
	margin-top:4px;
	float:right;
}

.sectionSeparator {
	margin-top: 36px;
	margin-bottom: 60px;
}

.section-header {	/* h3 section header ex. 01 ACCESS */
	margin-bottom:22px;
}


h4.section-header {
	text-transform: uppercase;
}

h4.section-sub-header {
	text-transform: capitalize;
}

.section-sub-header {
	margin-bottom: 40px;
}

.quote-divider {
	/*background-image:url(../images/quote-divider2.png); */
	background-size:auto;
	background-position:center;
	background-repeat:no-repeat;
	min-height:190px;
	overflow:visible;
	z-index: 5;
	border:0;

	width: 22%;
	margin-right: 5%;
	float: left;
}

.quotation {
	font-family: 'Merriweather', serif;
	font-size: 30px;
	letter-spacing : 1px;
	line-height:42px;
	font-style: italic;
	color: #F69E30;
	background-color: #FFF;
	font-weight:300;
}


.perspectiveDetailsNoImgBackground .bodyCopy {
	margin-top: 850px;
}

/* This tag is deprecated, just uses cascading stylesheets now */
.body-no-img {
	margin-top: 850px;
}

.padding15R{
	padding-right: 15px;
}
.padding25R{
	padding-right: 25px;
}
.padding35R{
	padding-right: 35px;
}
.padding15L{
	padding-left: 15px;
}
.padding25L{
	padding-left: 25px;
}
.padding35L{
	padding-left: 35px;
}

.padding35W{
	padding-left: 35px;
	padding-right: 35px;
}

.quotePadding{
	padding-left:35px;
}
.allCaps{
	text-transform:uppercase;
}
.teaser {
	font-family: 'BreuerTextBold', sans-serif;
	font-size:16px;
	text-transform:uppercase;
	letter-spacing:2px;
}
.pc-pageHeading{
	color:#fff;
	color:#fff;
	font-family: 'BreuerTextLight', sans-serif;
	font-size: 60px;
	margin-bottom:24px;

/*	font-family: 'BreuerTextBold', sans-serif;
	text-transform:uppercase;
	font-size: 70px;
	margin-bottom:-4px;*/

}
.pc-pageSubHeading{
	color:#fff;
	font-family: 'BreuerTextLight', sans-serif;
	font-size: 60px;
	margin-bottom:24px;
}

.pc-footerHeading{
	color:#fff;
	font-family: 'BreuerTextBold', sans-serif;
	text-transform:uppercase;
	font-size: 26px;
	letter-spacing:1px;
	line-height : 20px;
}
.pc-footerSubHeading{
	color:#fff;
	font-family: 'BreuerTextLight', sans-serif;
	font-size: 24px;
	line-height:36px;
}

.pc-footerSubHeading a {
	color:#fff;
}

.pc-pageSubHeadingBody{
	margin-top:15px;
	color:#fff;
	font-family: 'BreuerTextRegular', sans-serif;
	text-transform:uppercase;
	font-size: 16px;
	line-height:28px;
	letter-spacing: 3px;

	/* Adjust size to make text fit better */
	padding-right: 80px;

}
.nopadding {
   padding-left: 0 !important;
   margin-left: 0 !important;
   padding-right: 0 !important;
   margin-right: 0 !important;
}

.container {

}

.caption {
	margin-top: -18px;
	margin-bottom:24px;
	font-size:14px;
	color:#6D6D6D;
	line-height:24px;
	font-family: 'BreuerTextLight', sans-serif;
}

.show-grid {
	margin-bottom: 15px;
}

.show-grid [class^="col-"] {
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #eee;
	border: 1px solid #ddd;
	background-color: rgba(86,61,124,.15);
	border: 1px solid rgba(86,61,124,.2);
}

.triangle-bottomright {
	width: 720px;
	height: 300px;
}



.right
{
	position:absolute;
	right:0px;
}

.rightFooterText
{
	position:absolute;
	right:0px;
	/*width:720px;*/
	text-align:right;
	margin-top:150px;
	padding-right:50px;
	cursor:pointer;
}

.pc-footerSubHeading:hover
{
	opacity:.8;
}

.container .row p {
    margin-bottom: 40px;
}



/* CSS FOR HERO PERSPECTIVES */
#tri_orange {
	width: 100%;
	height:1600px;

	position: absolute;
	top: 0;
	left: 0;

	background: url(../_images/perspectivesDetails/orange-triangle.svg) no-repeat;
	background-size: auto 770px;
	background-position: 0px 0px;
	z-index: 10;
}

#tri_white {
	width: 100%;
	height:4000px;

	position: absolute;
	top: 0;
	left: 0;

	background: url(../_images/perspectivesDetails/white-triangle.svg) no-repeat;
	background-size: cover;
	background-position: 0px 400px;
	z-index: 8;

}

.bigger_container {
	width: 100%;
	background-color: #fff;
	z-index: 10;
	position: relative;
}

.container, .rightFooterText, .triangle-bottomright {
	z-index: 50;
}


@media (max-width: 1024px) {

header {
	background: url(../_images/perspectivesDetails/orange-triangle.svg) 0% 0% no-repeat, url(../_images/perspectivesDetails/white-triangle.svg) 95% -75% no-repeat, url(_images/Header_1240.jpg) 50% 50%  no-repeat;
	height: 1100px;
}

header h1 {
	font-size: 44px;
	line-height: 52px;
}


header.no-img {

	background: url(../_images/perspectivesDetails/orange-triangle.svg) 0% 0% no-repeat, url(../_images/perspectivesDetails/white-triangle.svg) 95% -75% no-repeat;
	height: 1050px;
}

.quotation {
	font-family: 'Merriweather', serif;
	font-size: 22px;
	letter-spacing : 1px;
	line-height: 36px;
	font-style: italic;
	color: #F69E30;
	background-color: #FFF;
	font-weight:300;
}

}


@media (max-width: 640px) {

header.no-img {
	height: 1050px;
}

header h1 {
	font-size: 30px;
	line-height: 35px;

	width: 80%;
	margin-left: 5%;
	float: left;
}


.title-row {
	width: 88%;
}

.row h3 {
	padding: 0px 40px;
	font-size: 18px;
	line-height: 28px;
}

.row h4 {
	font-family: 'BreuerTextLight', sans-serif;
	font-size: 40px;
	line-height: 50px;
	font-weight: 300;
	margin: 0;
}

.quote-divider {

	margin-bottom: 50px;
	width: 86%;
	display: block;
	clear: both;
	margin-right: 14%;
}

.col-xs-9 {
	width: 88%;


	width: 80%;
	margin-left: 5%;
	float: left;

}

.col-xs-4 {
width: 80%;
margin-left: 5%;
float: left;
}

.col-xs-3 {
width: 80%;
margin-left: 5%;
float: left;
}

.image-row-right-caption .col-xs-4:first-of-type {
	width: 88%;
	float: left;
}

.caption {
	margin-top: -18px;
	margin-bottom:24px;
	font-size: 11px;
	line-height: 18px;
	font-family: 'BreuerTextLight', sans-serif;
}


.quotation {
	font-family: 'Merriweather', serif;
	font-size: 28px;
	letter-spacing : 1px;
	line-height: 40px;
	font-style: italic;
	font-weight: 300;
	color: #F69E30;
	background-color: #FFF;
	font-weight:300;
}

}

/*Video Styles */
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}