@font-face {
  font-family: 'Rubik';
  src: url('/fonts/Rubik-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;       
}
@font-face {
  font-family: 'Rubik';
  src: url('/fonts/Rubik-Italic.ttf') format('truetype');
	font-weight: normal;
	font-style: italic;       
}
@font-face {
  font-family: 'Rubik';
  src: url('/fonts/Rubik-Bold.ttf') format('truetype');
	font-weight: bold;
	font-style: normal;       
}
@font-face {
  font-family: 'Rubik';
  src: url('/fonts/Rubik-BoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;       
}
@font-face {
  font-family: 'Rubik';
  src: url('/fonts/Rubik-Black.ttf') format('truetype');
	font-weight: 900;
	font-style: normal;       
}
@font-face {
  font-family: 'Rubik';
  src: url('/fonts/Rubik-BlackItalic.ttf') format('truetype');
	font-weight: 900;
	font-style: italic;       
}
@font-face {
  font-family: 'Rubik';
  src: url('/fonts/Rubik-Medium.ttf') format('truetype');
	font-weight: 500;
	font-style: normal;       
}
@font-face {
  font-family: 'Rubik';
  src: url('/fonts/Rubik-MediumItalic.ttf') format('truetype');
	font-weight: 500;
	font-style: italic;       
}
@font-face {
  font-family: 'Rubik';
  src: url('/fonts/Rubik-Light.ttf') format('truetype');
	font-weight: 300;
	font-style: normal;       
}
@font-face {
  font-family: 'Rubik';
  src: url('/fonts/Rubik-LightItalic.ttf') format('truetype');
	font-weight: 300;
	font-style: italic;       
}


body {
	font-family:  "Rubik", sans-serif;
	letter-spacing:0.2px;	
}
strong {
	font-weight:500;
}
.light-text	 { font-weight: 300;}
.regular-text { font-weight: 400;}
.medium-text { font-weight: 500;}
.strong-text { font-weight: 700;}
.caption-text { font-size: 12px;}

.page-container {
	margin:0px;
	padding: 0px 15px;
}

.active-text {
	color:#e81c16;	
}
a.link {
	color: #333;
	text-decoration:none;
}

.bottom-rule {
	padding-bottom:5px;
	margin-bottom:20px;
	border-bottom: 1px solid #eee;	
}

.top-padding-10 { padding-top:10px;}
.top-padding-15 { padding-top:15px;}
.top-padding-20 { padding-top:20px;}

.bottom-padding-10 { padding-bottom:10px;}
.bottom-padding-15 { padding-bottom:15px;}
.bottom-padding-20 { padding-bottom:20px;}
.bottom-padding-25 { padding-bottom:25px;}
.bottom-padding-30 { padding-bottom:30px;}

.page-header {
	padding-bottom:0px;
}

.featured-content-container {
	padding-bottom:30px;
}
.red-button-link a.link,
.orange-button-link a.link,
.gray-button-link a.link {
	padding: 2px 7px 2px 7px;
	color:white;
	font-size:13px;
	font-weight:400;
	vertical-align:top;
}
.red-button-link a.link 		{ background-color: #e81c16; }
.orange-button-link a.link 	{ background-color: #e81c16; }
.gray-button-link a.link		{ background-color: #aaaaa8; }
.orange-button-link.reverse a.link 	{ 
	color: #e81c16; 
	background-color: white;
	font-weight:500; 
}

/**********************/
/*** Header and Nav ***/

@media (max-width: 991px) {
	.page-header {
		margin-top:20px;
	}
}
@media (min-width: 992px) {
	.nav-row {
		/*padding-left:40px;*/
		padding-top:5px;
	}
}
@media (min-width: 1200px) {
	.nav-row {
	padding-left:30px;
	padding-top:10px;
	}
}


nav.navbar-default {
	background-color: #fff;
	border-color:#fff;
	margin-bottom:0px;
}

@media (max-width: 991px) {
	div.navbar-collapse {
		margin-top:10px;
		padding-top:10px;
		padding-left:0px;
	}
}

@media (max-width: 991px) {
	/* nudge the logo over a bit to line up with menu items */
	div.navbar-header.col-sm-3 img  {
		padding-left:10px;
	}
}
/*
div.navbar-collapse .col-sm-3 {
	padding-left:0px;
}
*/

ul.nav {
	padding-right:00px;
	width:100%;
}

@media (min-width: 992px) {
	/*
	.nav>li {
		width: 14%;
	}
	.nav>li#nav-editions {
		width: 22%;
	}
	.nav>li#nav-stream {
		width: 16%;
	}
	*/
}

.navbar-default  .nav>li>a {
	padding: 3px 15px 1px 15px;
	color: #000;
	font-weight:normal;
	letter-spacing:0.4px;
	line-height: 26px;
	font-size:16px;
}

@media (min-width: 992px) {
	.navbar-default  .nav>li>a  {
	padding: 3px 10px 1px 10px;
	font-size:14px;
	}	
}
@media (min-width: 1200px) {
	.navbar-default  .nav>li>a  {
	padding: 3px 15px 1px 15px;
	font-size:16px;
	}	
}
.navbar-default  .nav>li.current>a {
	color: #e81c16;
	background-color:white;
}
.nav>li>a.active {
	color: #db211e;
}
.navbar-form {
	padding-left:30px;
	border-top: 0px;
	border-bottom: 0px;
}
.navbar-search {
	margin:15px 0px 0px 0;
	padding-top:0px;
	border-top: 1px solid #eee;
}
#addthis {
	padding-top: 6px;
	padding-left: 15px;
	padding-right: 30px;
}
#addthis a {
	margin:0;
}
button.search,
input.search,
input.search:focus  {
	color:#ccc;
	/*color:#000;*/
	border-color:white;
	border: 0px solid white !important;
	border-radius:0;
	box-shadow:none;
	font-size:20px;
}


/***********************/
/****** Fixes to trigger mobile nav for small screens */

    @media (max-width: 991px) {
        .navbar-header {
            float: none;
        }
        .navbar-toggle {
            display: block;
            float:right;
        }
        .navbar-collapse {
            border-top: 1px solid transparent;
            box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
        }
        .navbar-collapse.collapse {
            display: none!important;
        }
        .navbar-nav {
            float: none!important;
            margin: 7.5px -15px;
        }
        .navbar-nav>li {
            float: none;
        }
        .navbar-nav>li>a {
            padding-top: 10px;
            padding-bottom: 10px;
        }
        .navbar-text {
            float: none;
            margin: 15px 0;
        }
        /* since 3.1.0 */
        .navbar-collapse.collapse.in { 
            display: block!important;
        }
        .collapsing {
            overflow: hidden!important;
        }
    }

/****** End fixes to trigger mobile nav for small screens */
/***********************/


/************/
/*** Home ***/
.home-text {
	padding: 0 15%;
	font-size:16px;
	line-height: 1.4;
	font-weight:300;	
}

	@media (max-width: 991px) {
		.home-text {
			padding: 0 10%;
		}
	}

	/***********************/
	/*** Home News Modal ***/

	
	.modal {
		background-color:rgba(0,0,0,0);
	}

	.currentNewsToggleContainer {
		margin-right: 70px;/*58px;*/		
	}
	@media (max-width: 991px) {
		.currentNewsToggleContainer {
			margin-right: 10px;			
		}	
	}	
	.modal-content {
	    background-color: rgba(0, 0, 0, 0.45);
	    top:140px;
	    margin: 0 100px;
	}        
	@media (max-width: 991px) {
	    .modal-content {
	        top:160px;
		    margin:0;
	    }    
	}    
	@media (max-width: 767px) {
	    .modal-content {
	        top:75px;
	    }    
	}    
	.modal-body h3,.modal-body h2 {
	    color:white;
	    width:100%;
	    text-align:center;
	    margin: 5px 0 25px 0;
		font-size:36px;
	    font-weight:300;	    
	}    	
	.modal-body h2 {
	    margin: 10px 0 20px 0;
		font-size:50px;
	}
	.modal-body h6.orange-button-link a.link {
		font-size: 16px;
	}
	
	.modal-body button.home-news-close {
		opacity: 1;
		outline:none;	
	}
	.overlay-item {
	    margin: 3%;
	    padding: 20px;        
	}    
	.overlay-item img {
	    width: 100%;
	}    
	.overlay-item h3 {
		color:black;
	}
	.overlay-item p {
	    margin: 20px 0px;
	}


/***************************/
/*** Issues/Archive Page ***/

.gallery-container {
	position:relative;
	margin-bottom:20px;
}
.gallery-container-inner {
	position:relative;
}
.gallery-container-inner a {
	position:absolute;
	width:100%;
	height:100%;
	z-index:100;	
}

.galleryCaption {
	margin-top:0px;
	margin-bottom:60px;
	color:#ddd;
	font-size:smaller;
}

.issue-production-gallery {	
	background-color:#e1e1e1;
	padding:20px 10px;	
}
.issue-production-gallery h3 {
	color:black;
	margin-top:10px;	
	margin-bottom:10px;	
	font-weight:500;
	letter-spacing: 1px;
	text-transform:uppercase;
}
.issue-production-gallery h3 span {
	font-weight:300;
	color:#888;
	text-transform:none;
}

.issue-production-gallery .copy {
	padding:0px 40px;
}
.issue-production-gallery img {
	padding:20px 40px;
}

.archive-title {
	font-weight: 500;
	font-size: 16px;
	letter-spacing:0.4px;
}
.archive-title.current {
	font-size: 17px;
}
.archive-description {
	padding-top:40px;
}
.archive-info h6 {
	height:19px;
	line-height:19px;	
}
.archive-buy-now a,
.archive-soldout {
	color: #db211e;
	font-weight:bold;
}
.archive-buy-now img {
	padding-bottom:1px;
	vertical-align:bottom;
}
.archive-price {
	padding-right:20px;
	font-weight: 300;
	font-size: 16px;
}
.archive-issue {
	padding: 15px 0px 10px 0px;
}
.archive-issue .archive-img-container {
	margin:0 10%;
	width: 80%;
}

.archive-issue .archive-img {
}

/***************************************/
/*** Single Issuee and Content Pages ***/

div.content {
	padding-top:20px;
}

div.content-issue {
	padding-top:40px;
}
.content-page  h4.byline {
	font-weight:normal;	
}

.content-image {
	padding: 0px 0px 20px 0px;
}
.content-quote p {
	font-size:15px;
}
.content-main-text {
	font-size:15px;
}
.content-bio {
	font-size:13px;
	color: #aaa;
	border-top: 1px solid #f0f0f0;
	margin-top:20px;
	padding-top:20px;
}

.content-audio-container {
	border-top:1px solid #f0f0f0;
	margin-top:10px;
}

.player-container,
.track-list-container {
	padding:10px;
}
.player-container {
	background-color: #b6b9ba;
}
.player-inner {
	padding: 0 0 10px 0;;
}
 .player-inner .col-xs-2 {
 	
 }
.player-container img {
	margin:3px 0 0 0;
	padding:0;
	vertical-align:top;
}
.player-container audio {
	background-color: #b6b9ba;
	height: 24px;
	width: 100%;
}

.btn-player {
	padding:0px 5px;
	font-size:12px;
}
.player-thumb {
	float:left;
}

.current-track {
	padding:0px 0 10px 0;
	color:#fefafa;
	text-transform:uppercase;
	font-size:13px;
	font-weight:300;
}

.player-bio {
	padding: 10px;
	background-color:#ebebea;
	font-size:12px;
}

.player-bio p {
	margin: 4px;
}

.player-bio div.credits p {
	font-size:11px;
	color: #8f8b8c;
}


.playlist-title {
	color: #e3e3e3;
	font-weight: 300;
	font-size:18px;
	margin-bottom:0;
	
}

.content-audio-container .track-list-item {
	padding-top:4px;
	min-height:26px;
}
.track-list-item.alt-track {
	background-color: #ddddda;
}
.track-list-item.active,
.track-list-item.loaded {
	font-weight:500;
}

.more-audio-menu ul {
	padding-left:0px;
}
.more-audio-menu li {
		list-style:none;
		padding:2px 0;
		margin:0;
}


div.issue-content {
	padding-bottom: 20px;	
}
div.issue-contents h5,
div.issue-contents h6 {
	margin: 0;
	line-height: 1.42857143;	
}
div.issue-contents h5 a,
div.issue-contents h6 a {
	color:#3a3a3a;
	font-size:15px;
}
div.issue-contents h6 a {
	font-weight:normal;
}
div.issue-contents h5.active a {
	color:#e81c16;	
}
.issue-contents-container {
	padding-left:30px;
}

.issue-contents-container h4 {
	font-size:20px;
}

.issue-contents-container .disclosure {
	font-weight:400;
}
.panel.content {
	border-color: #eee;
	padding:20px 30px;
}

.flip-issue  {
	margin-top:20px;
}
.flip-issue a.link {
	padding: 2px 7px 1px 7px;
	color:white;
	background-color: #e81c16;
}

/************************************/
/*** News / Events 								***/

.news-list-header {
	padding: 10px 0px 20px 0px;
}
.news-list-header h3 {
	line-height:1.25;
}
.news-lise-see-all a.link {
	padding: 2px 10px;
	color:white;
	background-color: #e81c16;
}

.news-list-item-container {
	padding:10px 20px 10px 25px;
}
.news-list-item {
	background-color: #c0c0c0;
	margin-bottom: 20px;
	padding: 20px 20px 10px 25px;
}

.news-item-header {
	background-color: #b5b5b5;
	margin-top: 25px;
	margin-bottom: 30px;
	padding: 15px 15px 10px 15px;
}

.news-list-item .news-date,
.news-item-header .news-date {
	color: #f8f8f8;
	font-weight:400;
	font-size:16px;
	line-height:20px;
}
.news-list-item .news-type a,
.news-item-header .news-type a {
	text-decoration:underline;
	font-weight:500;
	text-transform:uppercase;
	font-size:12px;
}
.news-list-item .news-title {
	margin-top:20px;
	height: 50px;
	overflow:hidden;
	font-weight:400;
	font-size:15px;
	line-height:17px;
}
.news-item-header .news-title,
.news-item-header .news-title h3,
.news-item-header .news-type,
.news-item-header .news-date {
	font-size:22px;
	line-height:24px;
	text-align:bottom;
	margin:0;
}

.news-list-item .news-title a {
}
.news-list-item img {
	margin: 0 0px 10px auto;
}
.news-year-list li {
	list-style:none;
}
.news-item-body {
	margin-top:20px;
	padding-left:0px;
}
.news-item-right {
	padding-right:0px;
	padding-top:20px;
}
.news-body-video iframe {
	width:100%;
	overflow:hidden;
}
.news-body-link {
	padding:15px;
	margin-bottom:15px;
	background-color: #ccc6c2;
}

.news-body-link h6 {
	margin-bottom:5px;
	margin-left: 50px;	
}
.news-body-link h5 {
	margin-left: 50px;
}
.news-body-link h5 a,
.news-body-link h6 a{
	color:#e7e7e7;
}
.news-body-link h6 a {
	padding:2px 10px;
}
.news-body-link h5 {
	padding: 2px 6px;
}

.news-body-link h6 a,
.news-body-link h5 {
	background-color:#363536;	
}

.news-body-link img {
	float:left;
}

.news-recent {
	margin-top:29px;
	padding-left:23px;
	background-color: #c0c0c0;
}
.news-recent h5 {
	margin-top:22px;
	margin-bottom:20px;
	color:white;
	font-weight:300;
}

.news-recent-item {
	margin-bottom:20px;
}
.news-recent-item h6 {
	margin-bottom:5px;
	font-weight:300;
}
.news-recent-item a span {
	color:white;
}
	
/**************************************/
/*** Search Results 								***/

.search-results-title {
	margin: 50px 0px 20px 0;
}
.search-results-title.first {
	margin: 20px 0px;
}
.search-results .row {
	margin-bottom:10px;
}

.search-results .row h5 {
	margin-bottom:5px;
}
.search-results .row h6 {
	margin-top:5px;
}

.results-info p {
	font-weight:300;
}

/********************************/
/*** Editions 								***/



.featured-edition-subtitle {
	font-weight: normal;
}

.artist-edition-header {
	border-top: 1px solid #eee;
	padding-top:20px;	
}

.edition-list-container {
	padding:30px 25px 0 25px;
}
.edition-list {
	padding-bottom:30px;
}
.edition-list-contrib {
	margin-top:20px;
	margin-bottom:0;
	font-size:16px;
	font-weight:500;
}
.edition-list-title {
	margin-top:7px;
	margin-bottom:0px;
	font-size:16px;
	font-weight:400;
	font-style: italic;
}
.edition-list-title span {
	font-style: normal;
}
.edition-list .archive-buy-now,
.edition-list .archive-soldout {
	margin-top:9px;
}

div.edition-main {
	margin-top:30px;
}
.edition-download,
.edition-limited {
	margin-top:50px;
	padding: 20px 30px;
	background-color:#efefef;
}
.edition-download {
	color: #8f8b8c;
}
.edition-download .submit {
	color: #e81c16;
}
.edition-limited {
	margin-top:40px;
	background-color:#efefef;
	color:#8f8b8c;
}
.edition-limited p.reverse {
	background-color:white;
	color:#a0a2a1;
	padding:10px 20px;
}
.edition-title {
	margin-top:30px;
	font-weight: 500;
	font-size: 20px;
	letter-spacing:0.4px;
}
.edition-subtitle {
	font-weight: 300;
	font-size: 20px;
}
.edition-info p {
	margin:0px;
	padding:0px;
	font-size:14px;
	line-height:16px;
	font-weight:300;
}

.edition-main-text {
	font-size:15px;
	line-height:24px;
	letter-spacing: 0.2px;
	line-height: 1.42857143;
}

.edition-additional-image {
	margin-top:20px;
}
.edition-additional-image p {
	padding-top:10px;
}

/********************************/
/*** Web Pages 								***/

.web-page-menu li {
	list-style:none;
	padding-bottom:5px;
}
.web-page-menu li,
.web-page-menu li a {
	color:#3a3a3a;
	font-size:15px;
	font-weight:500;
}

.web-page-menu li.active,
.web-page-menu li.active a {
	color:#e81c16;
}

form .error-message {
	color:red;
}

.web-page-text  {
	font-weight:300;
}
.web-page-text img {
	margin:20px 0px;
}

/******************************/
/*** Where To Find 					***/

.where_store {
	margin-bottom:20px;
}
.where_store h4 {
	margin-bottom:5px;
}

#where_to_buy_form label {
	color:#888;
	font-weight:300;
	font-size:16px;
}

.retail-location-distance {
	color:#a0a1a2;
}

/****************************/
/*** The Stream						***/

.stream-row {
	margin-top:40px;
}
.stream-list-header {
	padding: 10px 10px 20px 20px;
	border-bottom: 1px solid #f0f0f0;
}
.stream-container {
	padding:20px;
	/*border-top: 1px solid #f0f0f0;*/
	border-bottom: 1px solid #f0f0f0;
}
.stream-embed-container {
	height:200px;
	overflow:scroll;
	overflow-x: hidden;
}

.stream-title {
	padding: 5px;
}

#more-streams-button {
	margin-top:20px;
}

/****************************/
/*** Content page				  ***/


.content-header {
	padding: 10px 10px 20px 10px;
}
.content-header h4 {
	line-height:1.25;
	margin-bottom:30px;
}
.content-header h5 {
	font-size:16px;
	line-height:21px;
	font-weight:400;
}
.content-controls select {
	width: 100%;
	margin-bottom:10px;
}

.content-archive-header {
	padding-bottom:16px;
}