/* ==========================================================================
Chicken Paprikas
 ========================================================================== */
 
body#cpbg {
margin: 0 auto;
background: rgba(89, 6, 0, 0.2) !important;
}
#cpFeature a, 
#cpFeature a:active, 
#cpFeature a:visited {
color: #7b1d11;
}
#cpFeature a:hover {
text-decoration: underline;
color: #3d0000;
}
#cpFeature {
width: 1080px;
margin: 35px auto 0;
display: block;
background-color: #ecf9ff;
position: relative;
font-family: "myriad-pro",sans-serif;
font-style: normal;
font-weight: 400;
font-size: 16px;
color: black;
height: 1%;
overflow: hidden;
}
#cpFeature #comments {
background: none;
padding: 1px;
width: auto;
}
#cpFeature p {
line-height: 20px;
}
#cpFeature .imagecaption {
font-size: 15px;
text-align: center;
padding: 20px;
font-family: 'futura-pt', Verdana, Helvetica, sans-serif;
display: block;
background: #8da4ac;
border-bottom: solid black 1px;
}
#cpFeature #title {
position: absolute;
display: block;
width: 1040px;
top: 170px;
font-family: serif;
font-style: normal;
font-weight: 400;
text-align: center;
color: #131415;
text-transform: uppercase;
vertical-align: middle;
letter-spacing: 4px;
font-size: 70px;
padding: 20px;
z-index: 6005;
background: rgba(141, 164, 172, 0.5);
}
#cpFeature #title a {
color: #131415;
text-decoration: none;
}
#cpFeature #title a:hover {
text-decoration: underline;
}
#cpFeature #byline {
font-family: 'futura-pt', Verdana, Helvetica, sans-serif;
font-weight: 500;
font-style: normal;
text-transform: uppercase;
display: block;
height: auto;
text-align: center;
letter-spacing: 11px;
font-size: 25px;
z-index: 6005;
color: #131415;
text-shadow: none;
margin-top: 30px;
}
#cpFeature #byline a {
color: #131415;
}
#cpFeature #byline a:hover {
text-decoration: underline;
}
#cpFeature #headline {
display: block;
position: relative;
padding: 40px 150px;
font-size: 33px;
text-align: center;
font-family: serif;
font-style: normal;
background-size: cover;
background-position: center center;
color: #131415;
line-height: 40px;
border-top: 15px #131415 solid;
border-bottom: 15px #131415 solid;
}
#cpFeature .inlineimg {
margin: 5px;
}
#cpFeature .inlineimg img {
width: 100%;
}
#cpFeature quote {
text-align: center;
letter-spacing: -1px;
font-family: serif;
font-style: normal;
font-weight: 400;
font-size: 3.5em;
line-height: 1;
color: #131415;
background-size: initial;
background-position: center center;
background-attachment: fixed;
background-color: #aaa;
position: inherit;
z-index: 999;
width: 100%;
display: block;
height: 700px;
clear: right;
}
#cpFeature quote#main {
background-size: initial;
}
#cpFeature quote .pullquote {
position: relative;
padding: 200px 20px 20px 20px;
z-index: 6005;
width: auto;
}
#cpFeature quote .bg {
width: auto;
height: 100%;
background: rgba(255, 184, 74, 0.3);
opacity: 0;
transition: opacity .7s ease;
}
#cpFeature .segmentWrapper {
height: 1%;
width: auto;
display: block;
margin-bottom:20px;
overflow: hidden;
}
#cpFeature #segmentA {
margin: 0 10px 20px 250px;
width: 700px;
}
#cpFeature #segmentB {
margin: 40px 10px 20px 20px;
width: 880px;
border-color:#7b1d11;
border-top-style: double;
border-top-width: 5px;
padding: 0px 80px 0px 80px;
}
#cpFeature #segmentTrans {
color: white;
background: #f5a3c7;
padding: 20px 370px;
text-align: center;
border-top: 1px black solid;
border-bottom: 1px black solid;
}
#cpFeature #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;
}
#cpFeature #keepreading {
font-family: "futura-pt", 
sans-serif;
font-style: normal;
font-weight: 700;
font-size: 25px;
text-transform: uppercase;
color: #0e0e0e;
margin-left: 20px;
}
#cpFeature iframe#video {
width:1080px;
height:600px;
}
#cpFeature .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, 
#cpFeature .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;
}
#cpFeature .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: url(/assets/title_bg.png) repeat;
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;
}
#cpFeature .sqs-layout.sqs-grid-12.columns-12 .row.sqs-row .col.sqs-col-3.span-3 .summary-excerpt { 
max-width: 200px;
background: url(/assets/title_bg.png) repeat;
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;
} 
#cpFeature .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;
}
#cpFeature #disqus_thread {
max-width: 880px;
margin: auto;
padding: 10px;
background: transparent;
}
#cpFeature #disqus_thread iframe {
background: transparent;
}
#cpFeature #bgbody {
position: fixed;
top: 0px;
margin: auto;
z-index: -10;
}
#cpheader #topBar {
max-width: 380px;
width: 380px;
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;
}
#cpheader {
font-family: 'futura-pt', 
Verdana, 
Helvetica, 
sans-serif;
text-align: center;
margin-top: 0px;
position: fixed;
z-index: 999999;
width:100%;
padding: 5px 5px 1px 5px;
background: rgba(89, 6, 0, 0.93);
box-shadow: 0px 0px 5px #000;
top:0px;
}
#cpheader #adFooter {
text-align: center;
margin-top: 0px;
position: fixed;
z-index: 999999;
width: 100%;
bottom: 0px;
left: 0;
height: 90px;
}
#cpheader #logoWrapper {
display: block;
width: 160px;
height:100%;
margin: 0;
float: left;
}
#cpheader #logoWrapper img {
width: 160px;
}
#cpheader #longform {
float: left;
height: 20px;
margin: 0 0 0 10%;
top: 0;
}
#cpheader a, 
#cpheader a:active, 
#cpheader a:visited {
color: #ecf9ff;
}
#cpheader a:hover {
color: #ecf9ff;
text-decoration: underline;
}
#cpFeature img.mobileimg {
display:none;
}
#cpFeature img.ipadimg {
display:none;
}
#cpheader .socialcontain {
float:right;
margin-right: 20px;
}
#cpheader .ss-social-button-container {
margin-left: 10px;
min-height: 20px;
margin-bottom: 0px;
float: right;
width: 75px;
}
#cpheader .ss-social-button-container.google {
width: 74px;
}
#cpheader .ss-social-button-container.twitter {
width: 87px;
}




/* ==========================================================================
The Very Brief List of Bodies I've Seen (1080px, 
740px, 
& 480px) 
 ========================================================================== */ 

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

#cpFeature {
width: 96%;
}
#cpFeature #title {
width: 100%;
margin: 0px;
padding: 10px 0;
font-size: 70px;
border-width: 10px 0;
}
#cpFeature #headline {
width: auto;
top: 0px;
font-size: 35px;
}
#cpFeature #byline {
font-size: 25px;
letter-spacing: 6px;
}
#cpFeature #segmentA {
margin: 0 10px 20px 20%;
width: 70%;
}
#cpFeature #segmentB {
width: auto;
}
#cpFeature .ref .footnote {
width: 130%;
left: -30%;
}
#cpFeature #segmentTrans {
width: auto;
padding: 0 30%;
}
#cpFeature quote .pullquote {
position: relative;
padding: 50px;
}
#cpFeature .sqs-block.code-block img {
max-width: 100%;
width: 100%;
}
#cpFeature iframe#video {
width:100%;
height:600px;
}
#cpFeature .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;
}
#cpFeature .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;
}
#cpFeature .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, 
#cpFeature .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;
}
#cpFeature #disqus_thread {
margin: 0px 10px;
max-width: 100%;
}
}

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

#cpFeature quote,
#cpFeature quote#top {
display: none;
}
#cpFeature img.ipadimg {
display:block;
margin: auto;
}
#cpFeature img {
width: 100%;
}
#cpFeature #title {
margin: 0px;
padding: 10px 0;
font-size: 70px;
border-width: 0;
}

}

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

#cpFeature #title {
font-size: 55px;
top: 40px;
}
#cpFeature #byline {
font-size: 15px;
letter-spacing: 2px;
}
#cpheader .socialcontain {
float: left;
margin: 20px 5px 0 0;
}
#cpFeature {
margin: 75px auto 0;
}
#cpheader {
height: 75px;
}
#cpFeature #headline {
line-height: 35px;
padding: 40px;
}
#cpFeature .col.sqs-col-3.span-3 {
width: 100%;
float: none;
}
#cpFeature .inlineimg {
	margin: auto;
	float: none;
}
#cpFeature .sqs-layout.sqs-grid-12.columns-12 .row.sqs-row .col.sqs-col-3.span-3 .summary-excerpt {
max-width: 100%;
margin: 3%;
}
#cpheader #adFooter {
height:auto;
}
#cpheader #sideNav {
display: none;
}
}

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

#cpFeature #segmentA {
margin: 2%;
width: 95%;
padding: 0;
}
#cpFeature #segmentB {
padding: 0px 40px 0px 40px;
}
#cpFeature #segmentTrans {
width: auto;
padding: 0 20%;
}
#sideNav {
display: none !important;
}
#cpFeature #title {
font-size: 25px;
margin: 0px;
padding: 10px 0px;
max-width: 93%;
}
#cpFeature #byline {
text-align: center;
margin: 0px;
width: 98%;
padding-left: 2%;
font-size: 12px;
}
#cpFeature .ref .footnote {
left: -2%;
padding: 0 2%;
width: 102%;
max-height: 600px;
margin-top:10px;
}
#cpFeature img.ipadimg {
display:none;
}
#cpFeature img.mobileimg {
display:block;
margin: auto;
}
#cpFeature #headline {
font-size: 20px;
padding: 20px;
}
#cpFeature #longform {
float: left;
height: 20px;
margin: 2px 0 0 8px;
top: 0;
width: auto;
}
#cpheader {
position: relative;
height: 1%;
width: 100%;
overflow: hidden;
padding: 5px 0px;
}
#cpFeature {
margin: 0;
width: 100%;
}
#cpFeature h2 {
font-size: 3.5em;
}

#cpheader .ss-social-button-container {
margin-left: 1px;
float: right;
}
#cpheader #logoWrapper {
display: block;
width: 160px;
height: 100%;
margin: 0;
float: left;
}
#cpheader #topBar {
max-width: 170px;
width: 170px;
}
#cpFeature #readmore {
font-size: 14px;
}
}