/* ==========================================================================
The Fires This Time
 ========================================================================== */

body#catedralbg {
margin: 0 auto;
background: url(/assets/feature/catedral_bg.jpg);
background-attachment: fixed;
background-position-x: center;
background-size: cover;
}
#catedralFeature a {
color: #00848F;
}
a,
a:hover {
font-style: normal;
}
#catedralFeature a:active,
#catedralFeature a:hover {
color: #EB7714;
font-style: normal;
}
#catedralFeature hr {
border-top: 2px #00848F solid;
}
#catedralFeature {
font-family: serif;
width: 1080px;
margin: 35px auto 0;
display: block;
background-color: #ffffff;
position: relative;
font-size: 15px;
font-weight: 500;
color: black;
overflow: hidden;
}
#catedralFeature .question {
font-weight: bold;
color: #00848F;
}
#catedralFeature p {
line-height: 30px;
}
#catedralFeature h2 {
font-family: 'futura-pt', Verdana, Helvetica, sans-serif;
text-transform: uppercase;
font-style: normal;
font-weight: 700;
font-size: 2.2em;
color: black;
text-align: center;
}
#catedralFeature .imagecaption {
font-size: 15px;
text-align: center;
margin: 20px;
font-family: 'futura-pt', Verdana, Helvetica, sans-serif;
}
#title {
display: block;
font-family: "futura-pt",sans-serif;
font-style: normal;
font-weight: 700;
vertical-align: middle;
font-size: 6em;
position: relative;
width: 920px;
margin: 50px auto;
line-height: 1em;
text-transform: uppercase;
color: #EB7714;
text-align: center;
}
#byline {
font-family: "futura-pt",sans-serif;
font-style: normal;
font-weight: 500;
text-transform: uppercase;
display: block;
text-align: center;
z-index: 6005;
font-size: .5em;
text-shadow: none;
color: #fff;
letter-spacing: initial;
}
#catedralFeature .video {
width: 100%;
height: 620px;
-webkit-background-size: cover !important;
background-size: cover !important;
}
#catedralFeature .img {
text-align: center;
text-transform: uppercase;
font-family: "futura-pt",sans-serif;
font-style: normal;
font-weight: 400;
font-size: 4em;
line-height: 1;
color: #ffffff;
background-position: top center;
background-color: #aaa;
background-attachment: fixed;
position: relative;
z-index: 999;
width: 100%;
height: 780px;
display: block;
}
#catedralFeature #headline {
display: block;
position: relative;
padding: 100px 50px;
text-align: center;
color: #000000;
font-family: "futura-pt",sans-serif;
font-style: normal;
font-weight: 400;
font-size: 3.3em;
}

#catedralFeature #headline h1 {
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
}
#catedralFeature .segmentWrapper {
height: 1%;
width: auto;
display: block;
margin-bottom:20px;
overflow: hidden;
}
#catedralFeature #segmentA {
margin: 50px 10px 20px 250px;
width: 600px;
clear: both;
font-size: 1.3em;
}
#catedralFeature #segmentB {
margin: 40px auto;
width: 880px;
border-color: #00848F;
border-top-style: double;
border-top-width: 5px;
padding: 20px 80px 0px 80px;
}
#catedralFeature #segmentB img {
float: left;
width: 150px;
margin: 20px 10px 10px 0px;
}
#catedralFeature #readmore {
font-family: "futura-pt", 
sans-serif;
font-style: normal;
font-weight: 700;
font-size: 20px;
text-transform: uppercase;
color: #0e0e0e;
float:right;
margin-right: 20px;
margin-bottom: 20px;
}
#catedralFeature #keepreading {
font-family: "futura-pt", 
sans-serif;
font-style: normal;
font-weight: 700;
font-size: 25px;
text-transform: uppercase;
color: #0e0e0e;
margin-left: 20px;
}
#catedralFeature .inlineimg .caption {
font-size: 15px;
text-align: center;
margin: 20px;
font-family: 'futura-pt', Verdana, Helvetica, sans-serif;
display: block;
}
#catedralFeature .inlineimg img {
width: 100%;
}

#catedralFeature .sqs-layout.sqs-grid-12.columns-12 .row.sqs-row .col.sqs-col-3.span-3 .sqs-block.summary-block .sqs-block-content .summary-item-list .summary-item .summary-thumbnail.content-fill, 
#catedralFeature .sqs-layout.sqs-grid-12.columns-12 .row.sqs-row .col.sqs-col-3.span-3 .summary-item-list .summary-item .summary-thumbnail.content-fill {
overflow: hidden;
height: 248px;
width: 248px;
z-index: 6000;
position: relative;
}
#catedralFeature .sqs-layout.sqs-grid-12.columns-12 .row.sqs-row .col.sqs-col-3.span-3 .summary-title { 
max-width: 200px;
font-family: "futura-pt",sans-serif;
font-style: normal;
font-weight: 300;
font-size: 25px;
line-height: 24px;
text-transform: uppercase;
background: #ffffff;
border-image: url(/assets/border.png) 5;
-moz-border-image:url(/assets/border.png) 5;
-ms-border-image:url(/assets/border.png) 5;
-webkit-border-image:url(/assets/border.png) 5;
-o-border-image:url(/assets/border.png) 5;
padding: 10px;
top: -65px;
z-index: 6005;
position: relative;
border-style: solid;
margin: auto;
}
#catedralFeature .sqs-layout.sqs-grid-12.columns-12 .row.sqs-row .col.sqs-col-3.span-3 .summary-excerpt { 
max-width: 200px;
background: #ffffff;
border-image: url(/assets/border.png) 5;
-moz-border-image:url(/assets/border.png) 5;
-ms-border-image:url(/assets/border.png) 5;
-webkit-border-image:url(/assets/border.png) 5;
-o-border-image:url(/assets/border.png) 5;
font-size: 13px;
padding: 10px;
top:-20px;
z-index: 6005;
margin:auto;
position: relative;
border-style: solid;
color: #0e0e0e;
} 
#catedralFeature .sqs-layout.sqs-grid-12.columns-12 .row.sqs-row .col.sqs-col-3.span-3 .summary-excerpt p {
-webkit-margin-before: 0em;
-webkit-margin-after: 0em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}
#catedralFeature #disqus_thread {
max-width: 880px;
margin: auto;
padding: 10px;
background: transparent;
}
#catedralFeature #disqus_thread iframe {
background: transparent;
}
#catedralFeature #floatshare {
position: fixed;
height: 0px;
overflow: hidden;
top: 160px;
transition: height .3s ease-in-out;
}
#catedralFeature #floatshare.show {
height: 600px;
transition: height .3s ease-in-out;
}
#catedralFeature #bottomshare {
	display: none;
}

#catedralFeature .customshare {
	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
	margin: 20px auto; 
	width: 430px;
	height: 50px;
	color: #ffffff;
}

#catedralFeature .customshare a,
#catedralFeature .customshare a:hover {
	font-style: normal;
	color: #ffffff;
}
#catedralFeature .customshare #facebook {
	padding: 10px 20px;
	background-color: #3b5998;
	float: left;
	margin: 10px;
	height: 20px;
}
#catedralFeature .customshare #twitter {
	padding: 10px 20px;
	background-color: #2ba9e1;
	float: left;
	margin: 10px;
	height: 20px;
}
#catedralFeature .customshare #facebook:hover,
#catedralFeature .customshare #twitter:hover {
	opacity: .8;
}
#catedralFeature .customshare #facebook #fblogo {
	background: url("/assets/facebook_lf.png");
	width: 20px;
	height: 20px;
	display: block;
	float: left;
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 5px;
}
#catedralFeature .customshare #twitter #twlogo {
	background: url("/assets/twitter_bird_lf.png");
	width: 20px;
	height: 17px;
	display: block;
	float: left;
	background-size: contain;
	background-repeat: no-repeat;
	margin-right: 5px;
	margin-top: 1px;
}

#catedralheader #topBar {
max-width: 480px;
width: 480px;
float:left;
height: 25px;
margin: 0;
padding: 0;
border-top: 0;
border-bottom: 0;
position: relative;
z-index: 5001;
font-family: 'futura-pt', Verdana, Helvetica, sans-serif;
font-size: 1.2em;
line-height: normal;
font-weight: 700;
font-style: normal;
text-transform: uppercase;
letter-spacing: 3px;
}
#catedralheader {
font-family: 'futura-pt', 
Verdana, 
Helvetica, 
sans-serif;
position: relative;
text-align: center;
margin-top: 0px;
position: fixed;
z-index: 999999;
width:100%;
padding: 5px 5px 1px 5px;
background: rgba(0, 132, 143, 0.93);
box-shadow: 0px 0px 5px #000;
top:0px;
}
#catedralheader #logoWrapper {
display: block;
width: 160px;
height:100%;
margin: 0;
float: left;
}
#catedralheader #logoWrapper img {
width: 160px;
}
#catedralheader #longform {
float: left;
height: 20px;
margin: 0 0 0 10%;
top: 0;
}
#catedralheader a {
color: black;
}
#catedralheader a:hover {
text-decoration: underline;
}
#catedralFeature img.mobileimg {
display:none;
}
#catedralFeature img.ipadimg {
display:none;
}
#catedralheader .socialcontain {
float:right;
margin-right: 20px;
}
#catedralheader .ss-social-button-container {
margin-left: 10px;
min-height: 20px;
margin-bottom: 0px;
float: right;
width: 75px;
}
#catedralheader .ss-social-button-container.google {
width: 74px;
}
#catedralheader .ss-social-button-container.twitter {
width: 87px;
}
#catedralFeature #comments {
background: none;
padding: 1px;
width: auto;
}
#catedralheader .shareaholic-canvas {
clear: none;
}
#catedralheader .shareaholic-share-buttons {
padding: 0px 0 !important;
}





/* ==========================================================================
Mobile (1080px, 
740px, 
& 480px) 
 ========================================================================== */ 

@media only screen and (max-width: 1080px) {

#catedralFeature {
width: 96%;
}
#title {
font-size: 4.5em;
width: 96%;
margin: 100px 2%;
}
#catedralFeature #headline {
width: auto;
top: 0px;
font-size: 2.5em;
}
#catedralFeature #segmentA {
margin: 0 10px 20px 20%;
width: 70%;
font-size: 1.2em;
}
#catedralFeature #segmentB {
width: auto;
}
#catedralFeature #segmentTrans {
width: auto;
padding: 0 30%;
}
#catedralFeature .sqs-block.code-block img {
max-width: 100%;
width: 100%;
}
#catedralFeature .sqs-layout.sqs-grid-12.columns-12 .row.sqs-row .col.sqs-col-3.span-3 .summary-title {
max-width: 100%;
margin: 3%;
top: -35px;
text-align: center;
font-size: 20px;
}
#catedralFeature .sqs-layout.sqs-grid-12.columns-12 .row.sqs-row .col.sqs-col-3.span-3 .summary-excerpt {
max-width: 100%;
margin: 3%;
top:0px;
}
#catedralFeature .sqs-layout.sqs-grid-12.columns-12 .row.sqs-row .col.sqs-col-3.span-3 .sqs-block.summary-block .sqs-block-content .summary-item-list .summary-item .summary-thumbnail.content-fill, 
#catedralFeature .sqs-layout.sqs-grid-12.columns-12 .row.sqs-row .col.sqs-col-3.span-3 .summary-item-list .summary-item .summary-thumbnail.content-fill {
height: 250px;
width: 100%;
z-index: 6000;
position: relative;
}
#catedralFeature #disqus_thread {
margin: 0px 10px;
max-width: 100%;
}
}

@media only screen and (max-width: 800px) {

#catedralFeature #segmentB {
display: block;
padding: 0px 120px 0px 120px;
}
#catedralFeature img {
width: 100%;
}
#catedralFeature .videomain {
height: 460px;
}
#catedralFeature #title {
padding: 60px 60px 30px;
}
#catedralFeature quote {
	display: none;
}
#catedralFeature img.ipadimg {
	display:block;
}
}

@media only screen and (max-width: 740px) {

#catedralheader .shareaholic-canvas {
float: left;
margin: 20px 5px 0 0;
}
#catedralFeature #floatshare {
	display: none !important;
}
#catedralFeature {
margin: 75px auto 0;
}
#catedralheader {
height: 75px;
}
#catedralFeature .col.sqs-col-3.span-3 {
width: 100%;
float: none;
}
#catedralFeature .sqs-layout.sqs-grid-12.columns-12 .row.sqs-row .col.sqs-col-3.span-3 .summary-excerpt {
max-width: 100%;
margin: 3%;
}
}

@media only screen and (max-width: 450px) {

#catedralFeature {
border: none;
border-top: 2px #00848F solid;
}
#catedralFeature h1 {
font-size: 1.7em;
}
#catedralFeature #segmentA {
margin: 2%;
width: 95%;
padding: 0;
font-size: 1.1em;
}
#catedralFeature #segmentB {
padding: 0px 40px 0px 40px;
}
#catedralFeature #segmentB img {
width: 140px;
}
#title {
font-size: 2.5em;
margin: 50px 2%;
}
#catedralFeature h2 {
font-size: 1.6em;
}
#catedralFeature .ref .footnote {
left: -2%;
padding: 0 2%;
width: 102%;
max-height: 600px;
margin-top:10px;
}
#catedralFeature quote {
	display: none;
}
#catedralFeature img.ipadimg {
display:none;
}
#catedralFeature img.mobileimg {
display:block;
margin: auto;
}
#catedralFeature #headline {
font-size: 20px;
padding: 20px;
margin-top: 0px;
}
#catedralheader #longform {
float: left;
height: 20px;
margin: 2px 0 0 8px;
top: 0;
width: 100px !important;
}
#catedralheader {
position: relative;
width: 100%;
padding: 5px 0px;
}
#catedralFeature {
margin: 0;
width: 100%;
}
#catedralheader .ss-social-button-container {
margin-left: 1px;
float: right;
}
#catedralheader #logoWrapper {
display: block;
width: 160px;
height: 100%;
margin: 0;
float: left;
}
#catedralheader #topBar {
width: 100%;
}
#catedralFeature #readmore {
font-size: 14px;
}
.sqs-layout > .sqs-row {
margin-right: 0px;
}
[class*=sqs-col] .sqs-block {
padding-right: 0px;
}
#catedralFeature .customshare #facebook,
#catedralFeature .customshare #twitter {
float: none;
padding: 5px 10px;
width: 180px;
}
#catedralFeature .customshare {
height: 110px;
}

}