body{

background: -webkit-linear-gradient(to top left,#4c2f43 , #1C1C1C); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top left,#4c2f43 , #1C1C1C); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}
.sidebox.reverse{
/*background: linear-gradient(55deg,#56141c,#465485);
background: -webkit-linear-gradient(55deg,#56141c,#465485);
*/
border:0px; 
background:transparent;
}
#container {
	width: 100%;
	overflow: visible !important;
}


.container {
	width: 100%;
	overflow:visible !important;
}

.grid_6, .grid_11, .grid_21,
.grid_15, .grid_15.offset,
.grid_7, .grid_7.offset, .grid_8,
.grid_16, .grid_22, .grid_30, .grid_4,
.grid_32, .grid_19 {
	width: 100%;
}

#content {
	visibility: hidden;
	padding-top: 35px;
}

table {
	max-width: 320px;
}
.slide-image img,
.product-image img {
	width: 100%;
	height: auto;
}

.fullscreen-container.container, .fullscreen-container #header .container {
	width: 100%;
	min-width: intrinsic;
}

/*
#header {
	padding-top: 0px;
	background: url("images/logo-inverse.png") no-repeat 9px 6px;
	height: 48px;
        border-bottom:6px #f06954 solid;
	background-size: auto 24px;
	background-color: #090909;
	position: relative;
}

#logoClick {
	top: 0px;
	left: 0px;
}
*/

#header {
	padding-top: 0px;
	background: url("/images/overlay-black.png");
	height: 48px;
        border-bottom:3px #f06954 solid;
	/*background-size: auto 24px;*/
	background-color: #333;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	z-index: 10000;
	
}

#logoClick {
	position: relative;
	top: auto; left: auto;
	background: url("images/logo-inverse.png") no-repeat 9px 6px;
	height: 39px;
        background-position-y:0px;
	background-size: auto 43px;
}

#header.expanded {
	overflow: visible;
}



.menu-toggle {
	background: url("images/icon-menu.png") no-repeat;
	  background-position: center;
        padding:15px 15px;
     /*       background-color: #672f55;
    border-radius: 3px;*/
        width: 18px;
	height: 18px;
/*	background-size: 100% auto;*/
	position: absolute;
	top: 5px;
	right: 9px;
}

.header-content, #social, #search, 
.desktop-ad,
.fullscreen-container #header .container,
.article-outro,
#featuredPosts .big-close {
	display: none;
}

.top-ad.mobile-ad {
	margin-top: 60px;
	display: block;
}

.bottom-ad.mobile-ad {
	margin-bottom: 60px;
	display: block;
	width: 320px;
}


.box-ad.mobile-ad, 
.box-ad-2.mobile-ad {
	display: block;
	padding: 10px 0;
	/*background-color: rgba(0,0,0,0.2);*/
	padding-bottom: 18px;	
	float: none;
	
}

.box-ad.mobile-ad {

}

.mobile-ad > div {
	margin: 0 auto;
}
#nav,
#menu-primary {
	background: none;
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

#nav,
.nav {
	display: block;
	width:100%;
	position: relative;
	top: auto;
	right: auto;
	text-transform: uppercase;
	font-size: 11px;
	letter-spacing: 0.5px;
	margin: 0px;
	padding: 0px;	
	height: auto;
	
}

.header-content.expanded,
.fullscreen-container #header .container.expanded {
	background-color: #FFF;
	top: 42px;
	left: 0px;
	margin-left: 0px;
	z-index: 1000;
	display: block;
	position: absolute;
}


.nav-item, .menu-item {
	float: none;
	width: 50%;
	display: inline-block;
	border-bottom: 1px solid #000;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box; 
}

body.dark .footer-links .menu-item {
	width: auto;
	padding: 0 3px;
	border: none;
}

body.dark .footer-links {
	text-align: center;
}

#nav .nav-item, #nav .menu-item,
.nav .menu-item {
	text-align: left;
	padding-top: 6px;
	padding-bottom: 6px;
	width: 100%;
}

#nav .nav-item:last-child, 
#nav .menu-item:last-child,
.nav .menu-item,
 {
	width: 100%;
}



#subnav,
.subnav {
	position: relative;
	top: auto; left: auto;
}

#subnav .nav-item,
#subnav .nav-item:first-child,
.subnav .menu-item,
.subnav .menu-item:first-child {
	padding: 6px 12px 4px;
	width: 50%;
	float: left;
	border-left: 1px solid #FFF;
}

#subnav .nav-item:first-child {
	border-left: 1px solid #FFF;
}


.bottom-ad {
	display: none;
}



.grid_15.offset.column {
	margin-left: 0px;
}


h3 {
	font-size: 15px;
}

h3.smaller {
	font-size: 13px;
}


.column {
	margin: 0px;
	float: none;
	display: block;
	clear: both;
}

.container.section, .content-interior {
	margin-bottom: 0px;
}

.content-section,
.content-section.container.section {
	margin-bottom: 21px;
	clear: both;
}

/** feature buckets ***/


#feature-window-wrapper {
	height: auto;
}



/*.box-ad, */desktop-ad.container {
	display: none;
}

.bucket-link.gapTop {
	margin-top: 0px;
}



.bucket.feature,
.bucket:first-child,
.pinned .bucket.bucket-list-sm,
.pinned a:last-child .bucket.bucket-list-sm {
	height: 130px;
	border-top: 1px #efefef solid;
	padding: 0px;
	margin: 0px;
	width: auto;
}

.bucket.first-child {
	border: none;
}

.bucket.feature .bucket-image,
.bucket .bucket-image,
.bucket.bucket-big .bucket-image,
.pinned .bucket.bucket-list-sm .bucket-list-image,
.bucket.store-bucket .bucket-image,
.bucket.store-feature .bucket-image {
	margin-top: 15px;
	height: 100px;
	overflow: hidden;
	width: 100px;
	margin-left: 15px;
}

.bucket.feature .bucket-image img,
.bucket .bucket-image img,
.pinned .bucket.bucket-list-sm .bucket-list-image img {
	height: 100%;
	width: auto;
	/*margin-left: -55%;*/
}

.bucket.feature .bucket-image img,
.pinned .bucket.bucket-list-sm .bucket-list-image img,
.bucket.store-bucket .bucket-image img  {
	margin-left: 0px;
}

.bucket.feature .bucket-category,
.bucket .bucket-category,
.pinned .bucket.bucket-list-sm .bucket-category {
	position: absolute;
	top: 0px;
	left: 130px;
	width: 180px;
	margin-top: 4px;
}

.bucket.feature .bucket-info,
.bucket .bucket-info,
.pinned .bucket.bucket-list-sm .bucket-info {
	max-height: 80px;
	position: absolute;
	bottom: 15px;
	left: 130px;
	width: 180px;
	padding-bottom: 0px;
	overflow: hidden;
	
}

.pinned .bucket.bucket-list-sm {
	width: auto;
}


.bucket-title {
	margin: 0px;
}

.bucket.bucket-list-sm .bucket-title {
	font-size: 14px;
}

.pinned .bucket-info {
	top: 0px;
	bottom: auto;
}

.instagram-follow {
	bottom: 24px;
	right: 0px;
}

.article-content {
	margin: 0px 15px 30px 15px;
}

.page-content {
	padding: 15px;
}



.img-full {
	width: 100%;
}

.article-body > img, .article-body > p > img {
	max-width: 100%;
}

.photo-content .article-header {
	padding: 9px;
}

.article-header h1 {
	width: 94%;
        margin-left:3%;
        margin-right:3%;
	font-size: 18px;	
        color:whitesmoke;
}

.article-header h2 {
	font-size: 14px;
}

.article-header h3 {
        padding-bottom:32px;
	width: 100%;
}

.article-page {
	margin-top: 18px;
	
}

.slideshow-article .slide-text p {
	margin: 0px;
	width: auto;
}

.slide-image {
	margin-bottom: 12px;
}



.slide-content {
	border-top: 1px solid #dfdfdf;
	padding-top: 18px;
	margin-top: 18px;
}
.stButton {
	margin-right: 0px !important;
}

.pinned.row {
	margin-top: 0px;
}

#sidebar.grid_10 {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
	float: none;
}

.article-pagination,
.article-pagination-nav,
.article-pagination-main  {
	width: 100%;
}

.article-pagination .article-main {
	font-size: 100%;
	border-left: none; border-right: none;
	border-top: 1px solid #dfdfdf;
	border-bottom: 1px solid #dfdfdf;
	text-align: center;
}

.sidebox {
	margin-left: auto;
	margin-right: auto;
}

h2.page-title {
	padding-bottom: 6px;
	padding-top: 6px;
	font-size: 21px;
	margin: 3px 0px 0px 0px;
}
.landing-content h2.page-title{
 color:white;
     background: linear-gradient(55deg,#56141c,#465485);
    background: -webkit-linear-gradient(55deg,#56141c,#465485);
    border-bottom:0px !important;
    margin-top:12px;
    padding-top:18px;
padding-bottom:26px;
}
.tracks h2.page-title {
	padding: 42px 9px 9px 9px;

}

.fullscreen-container.container.init {
	height: auto;
}

.fullscreen-content .slide img {
	visibility: visible;
	width: 100%;
	height: auto;
}

.photo-content {
        width:100vw;
	background-color: #FFF;
/*	padding-top: 39px;*/

}

.photo-content .slide {
	margin-bottom: 1px;
	position: relative;
}

.fullscreen-content .slide .caption {
	padding: 3px;
	font-size: 10px;	
	bottom: 9px;
}

.footer-links {
	position: relative;
	top: auto; left: auto; right: auto; bottom: auto;	
	margin-bottom: 18px;
	
}

.footer {
	padding: 9px;
}

.fullscreen-container .footer {
	display: block;
}

.store-nav {
	margin: 0px;
	padding: 9px;
}
.store-category {
	font-size: 12px;
}

.store-drops,
.product .store-drops {
	position: relative;
	top: auto; left: auto; right: auto; bottom: auto;
	margin-left: 9px;
	padding-bottom: 9px;
	
}

.store-drops .column {
	float: left;
	width: 40%;
	clear: none;
	margin-right: 4px;
}

.store-drops .column.shopping-cart {
	width: 40px;
}

.store-option-row .column {
	display: inline-block;
	width: auto;
	margin-left: 9px;
	clear: none;
}

.product {
	padding-top: 0px;
}
.product-image, .product-info {
	padding: 12px;
}

.product .store-header {
	padding-bottom: 12px;
	
}

.store .sidebox {
	height: auto;
	margin-top: 12px;
}

.store_cart_thumb.grid_8 {
	width: 70px;
}

.store_cart_thumb.grid_8 img {
	width: 100%;
	height: auto;
}

.store-cart-table td {
	padding: 6px;
}

.store-cart-table td.grid_3,
.store_cart_remove.grid_5 {
	width: 10px;
}
.store_cart_details.grid_12 {
	width: 70px;
}

.store-cart-price,
.store-cart-title-price {
	display: none;
}

input[type="text"], textarea {
	padding: 3px;
}

.checkout_billing_shipping select,
.store_method select {
	max-width: 180px;
}

.store_method {
	padding: 9px 9px 18px 9px;
}

.store-method-label {
	display: inline-block;
	margin-right: 6px;
}

.store_method .column {
	margin-bottom: 6px;
}

.long-label {
	display: none;
}

.short-label {
	display: inline;
}


/*
#feature-buckets a { 
	height: 60px; 
}
*/
/*#feature-buckets .title { background: url(/images/overlay-black.png); font-weight: 700; display: block; position: absolute; bottom: 0px; left: 0px; width: 100%; padding: 2px 0px 0px 6px; height: 18px; color: #fff; font-size: 10px; text-transform: uppercase;}*/

/*
#photos .bucket.five h3 {
	font-size: 8px;
}

.bucket.feature {
	height: 200px;
}

.bucket.feature .bucket-image {
	height: 120px;

}
*/


/******* COVER STORY ***********/

.container.format-cover-story {
	width: 100%;
}

#cv-logo {
	position: absolute;
	top: 30px;
	right: 30px;
	width: 60px;
	height: 40px;
	background: url(images/logo-inverse.png) no-repeat left top;
	background-size: contain;
}


.cv-section-interior {
	margin: 0 auto;
	position: relative;
	height: 100%;
	width: 100%;
}

.cv-section.format-wide {
	height: 480px;
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: inherit;
	background-position: center center;
}

.cv-section.format-stacked_images {
	background-color: #FFF;
}

.cv-text blockquote {
	width: 210px;
	padding: 30px;
}


.cv-text blockquote p:before,
.cv-text blockquote p:after {
	position: absolute;
	font-size: 60px;
	
}
.cv-text blockquote p:before {
	content: '“';
	top: 21px;
	left: -45px;
	 
}

.cv-text blockquote p:after {
	content: '”';
	top: 21px;
	right: -45px;
}

.big-quote {
	font-size: 45px;
}

.format-stacked_images .cv-text {
	padding: 30px;
	line-height: 1.5em;
	width: 320px;
	margin: 0 auto;
}
.stacked-image-caption {
	padding-top: 9px;
}

.typeC, .typeC p {
	font-size: 10px;
	line-height: 1.3em;
	font-style: italic;
}
.typeB, .typeB p {
	font-size: 13px;
	line-height: 1.6em;
}

.titleD, .titleD p {
	font-size: 16px;
}

.titleA, .titleA p {
	font-size: 24px;
	line-height: 1.4em;
}


.cv-section.theend {
	padding: 30px;
}

.stacked-images {
	position: relative;
	width: 100%;
	overflow: hidden;
}

.stacked-image {
	position: relative;
	margin: 12px auto;
	padding: 10px;
	width: 270px;

	
}

.stacked-image img {
	width: 100%;
	height: auto;
	margin: 0 auto;
	display: block;
}

.stacked-image.stacked-image-0,
.stacked-image.stacked-image-1,
.stacked-image.stacked-image-2 {
	left: auto;
	width: 270px;
}

.cv-section.format-cover .cv-text {
	width: 80%;
}

.cv-section.format-intro .cv-text {
	padding: 60px 0;
	font-size: 14px;
}

.cv-section.format-intro {
	background-size: cover;
}

.cv-section.format-intro .cv-text-interior {
	width: 80%;
	padding: 30px;
}

.cv-section.format-cover .cv-text {
	padding: 30px;
}

.cv-cover-excerpt {
	padding: 15px 0;
}

.landing-content div>a:first-child>.bucket, .content-section div>a:first-child>.bucket{
/*  min-height:450px; 
  max-height:545px;*/
  height:140vw;
}
.landing-content div>a:first-child>.bucket .bucket-info, .content-section div>a:first-child>.bucket .bucket-info{
     position: absolute;
    margin-top: 6px;
    left: 0px;
    top: 5px;
    width: 100%;
    font-size: 34px;
    max-height: 125px;
    text-align:center;
}
.landing-content div>a:first-child>.bucket .bucket-info .bucket-title , .content-section div>a:first-child>.bucket .bucket-info .bucket-title {
height:125px;
display:table-cell;
vertical-align:middle;
width:100vw;
}
.landing-content div>a:first-child>.bucket .bucket-info .bucket-title h3.smaller, .content-section div>a:first-child>.bucket .bucket-info .bucket-title h3.smaller{
  font-size:28px;
}	
.landing-content div>a:first-child>.bucket .bucket-info .bucket-title h3, .content-section div>a:first-child>.bucket .bucket-info .bucket-title h3{
  font-size:28px;
}
.landing-content div>a:first-child>.bucket .bucket-info .bucket-description, .content-section div>a:first-child>.bucket .bucket-info .bucket-description{
display:none;
}
.landing-content div>a:first-child>.bucket .bucket-image, .content-section div>a:first-child>.bucket .bucket-image{
  width:93vw;
  height:93vw;
margin-right:15px;
margin-top:140px;
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.landing-content div>a:first-child>.bucket .bucket-image>img, .landing-content div>a:first-child>.bucket .bucket-image>img, content-section div>a:first-child>.bucket .bucket-image>img, .content-section div>a:first-child>.bucket .bucket-image>img{
  width:100%;
/*height:100vw;*/
}
.landing-content div>a:first-child>.bucket  .bucket-category, .content-section div>a:first-child>.bucket  .bucket-category{
    position: relative;
    /*background-color: #4c2f43;*/
background: linear-gradient(55deg,#56141c,#465485);
background: -webkit-linear-gradient(55deg,#56141c,#465485);
opacity:.85;
    font-size: 18px;
    width: 93vw;
    color: white;
    margin-left: 14px;
    margin-right: 14px;
    margin-top: -39px;
    left: 0;
}

.landing-content div>a:not(:first-child)>.bucket .bucket-image, .content-section div>a:not(:first-child)>.bucket .bucket-image{
 box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.landing-content div>a:not(:first-child)>.bucket .bucket-info, .content-section div>a:not(:first-child)>.bucket .bucket-info{
	max-height: 120px;
    position: absolute;
    bottom: 15px;
    text-align: left;
    top: 10px;
    left: 130px;
    /*width: 280px;*/
    width:55vw;
    padding-bottom: 0px;
    overflow: hidden;
}
.landing-content div>a:not(:first-child)>.bucket .bucket-info .bucket-title, .content-section div>a:not(:first-child)>.bucket .bucket-info .bucket-title{
		display: block;
    font-size: 24px;
    letter-spacing: -0.5px;
    text-align: left;
    margin:0px
}
.landing-content div>a:not(:first-child)>.bucket .bucket-info .bucket-title .smaller, .content-section div>a:not(:first-child)>.bucket .bucket-info .bucket-title .smaller{
  font-size:15px;

}
.landing-content div>a:not(:first-child)>.bucket .bucket-info .bucket-description, .content-section div>a:not(:first-child)>.bucket .bucket-info .bucket-description{
   text-align:left;
}
.landing-content div>a:not(:first-child)>.bucket  .bucket-category, .content-section div>a:not(:first-child)>.bucket  .bucket-category{
	position: absolute;
    text-align: right;
    top:auto;
    left:auto;
    bottom: 5px;
    right: 5px;
    width: 180px;
    font-size: 16px;
    margin-top: 4px;
}


.article-body p.lead-para{
width:auto;
}

/* Landscape */
@media screen and (orientation:landscape) {

   .content-section div>a:nth-type-of(1)>.bucket{
     height:680px;
   }
   .content-section div>a:nth-type-of(1)>.bucket{
      height:130vh;
   }

}
.pinned>a:first-child>.bucket .bucket-info, .home-pinned div>a:first-child>.bucket .bucket-info{
margin-top:auto !important;
}
.pinned>a:first-child>.bucket .bucket-info .bucket-title, .home-pinned div>a:first-child>.bucket .bucket-info .bucket-title{
font-size:48px !important;
}
.pinned>a:not(:first-child)>.bucket .bucket-info .bucket-title, .home-pinned div>a:not(:first-child)>.bucket .bucket-info .bucket-title{
font-size:18px !important;
padding-top:10px;
} 
.container .article-header{
padding-top:24px !important;
background: -webkit-linear-gradient(305deg,#56141c,#465485);
background: -linear-gradient(305deg,#56141c,#465485);

}
.article-header h4 p{
   color:whitesmoke;
}
.article-header h3 .date {
   color:whitesmoke;
}
.footer-social-bucket.footer-instagram-bucket{
   height:320px;
}

.article-main-image.img-full{padding-right:3px;padding-bottom:6px;}
.article-main-image.img-full img{box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);} 
.article-body iframe,.track-embed{box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);}
#sidebar.grid_10{
width:100% !important;
}
#sidebar {
/*display:none;*/  
background: -webkit-linear-gradient(0deg,#56141c,#465485);
background: -linear-gradient(0deg,#56141c,#465485);
/*margin-bottom:20px;*/
width:100%;
padding:30px 0 50px;
}
.article-wrapper>.box-ad,.article-wrapper>.box-ad-2{ 
background: -webkit-linear-gradient(0deg,#56141c,#465485);
background: -linear-gradient(0deg,#56141c,#465485);
}


.photo-content>#sidebar{
    margin-bottom:0px !important;
}
#sidebar .yarpp-related-widget{
margin-bottom:20px;
}

#sidebar .yarpp-related-widget h3{
text-align:center;
font-size:33px;
color:whitesmoke;
padding-bottom:12px;
}
#sidebar .yarpp-related-widget .yarpp-thumbnails-horizontal .yarpp-thumbnail{
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
background-color:white;
margin-bottom:20px;
width:90% !important;
margin-left:5%;
margin-right5%;
}
.excerpt{color:whitesmoke !important;} 
.byline{
    margin-top:20px;
    background-color: white;
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}
.article-wrapper{
overflow:visible !important;
}