/*
Theme Name: Sporkful MKIII
Author: Celis Design
Author URI: http://www.celisdesign.com/
*/


*{
margin:0;
padding:0;
}

html {
	height:100%;
}

body {
	width:100%;
	height:100%;
	font-family: Helvetica,sans-serif;
	-webkit-font-smoothing: subpixel-antialiased;
	font-weight:normal;
	font-style:normal;
	font-size:100%;
	text-align:center;
	color:#000;
	background:#f5f5f5;
	line-height:20px;
}

.wrap,  
.back_default, 
.sticky-nav {
	background:#f5f5f5;
}

.wrap_111 {
	background:#111;
}

.wrap_black {
	background:#000;
}

img {
	width: 100%;
	max-width: 100%;
	height:auto !important;
	display:block;
}

.backstretch img {
	opacity:0.4;
}

.body.internal .backstretch img {
	opacity:0.27;
}

/*Inserts*/
img #wnyc_ad, .single-actions img, 
.footer_entry img {
	width:auto;
}

.wp_caption {
	width:80% !important;
}

.gallery img {
	margin:25px 0;
}

img.loader {
	width:16px !important;
	height:16px !important;
}

.fixed {
	position:fixed;
}

.clear {
	clear:both;
}

.left {
	float:left;
}

.right {
	float:right;
}	

.text_left {
	text-align:left;
}

.text_center {
	text-align:center;
}

.text_right {
	text-align:right;
}


iframe {
	z-index:2000;
	max-width:100%;
}

.hidden {
	display:none;
}

.visible {
	visibility:visible; 
}

.tint {
	position:fixed;
	width:100%;
	height:100%;
	background:black;
	opacity:0.4;
	filter: alpha(opacity=40);
	z-index:-5;
}

.z-1 {
	z-index:1 !important;
}

.z-200 {
	z-index:200 !important;
}


.relative {
	position:relative !important;
}

.fixed_section {
	position:fixed !important;
	width:100%;
	z-index:2000 !important;
	top:72px;
	top:0;

}	

.mobile_only {
	display:none;
}

/*--------------------------------------------

STRUCTURE [GRID ESTABLISHED IN CSS DIRECTORY]

---------------------------------------------*/

/*wraps the grid*/

#wrap {
	position:relative;
	min-width:100%;
	min-height:100%;
	z-index:1000;
	text-align:left;
}	

.wrap {
	/*position:relative;*/
	min-width:100%;
}

.masthead {
	margin-top:70px;
}

.main {
	padding-bottom:70px;
}

.col .inner {
	padding:30px;
}

.bottom_0 .col {
	margin-bottom:0 !important;
}

.top_0 .col {
	margin-top:0 !important;
}

.padding_2 {
	padding:2% 0;
}

.padding_3 {
	padding:3% 0;
}

.padding_5 {
	padding:5% 0;
}

.padding_6 {
	padding:6% 0;
}

.padding_7 {
	padding:7% 0;
}

.padding_8 {
	padding:8% 0;
}

.padding_9 {
	padding:9% 0;
}

.padding_10 {
	padding:10% 0;
}

.padding_15 {
	padding:15% 0;
}

.padding_20 {
	padding:20% 0;
}

.padding_30 {
	padding:30% 0;
}

.padding_50 {
	padding:50% 0;
}

.top_10 {
	padding-top:10%;
}

.top_20 {
	padding-top:10%;
}

.top_50 {
	margin-top:50%;
}

.top_100 {
	margin-top:100%;
}

/*-------------------------

FONTS / TYPE

--------------------------*/

ul {
	list-style:none;
	 font-size:15px;
 	 color:#444;  
}

h1, h2, h3, h4, h5 {
	font-weight:normal;
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing:antialiased;
	-webkit-text-size-adjust:none;
}

/*-------P--------*/

p {
	font-weight:normal;
	-text-rendering: optimizeLegibility;
	-webkit-font-smoothing:antialiased;
	-webkit-text-size-adjust:100%;
	font-size:15px;
	line-height:20px;
	color:#444;
}

.wrap_111 p, .wrap_black p {
	color:#888;
}

/*-------H1--------*/

h1 {
	font-size: 32px;
	line-height:35px;
	display: inline-block !important;
	max-width:70%;	
}

h1 span.muted {
	color:#b7bbec;
}

/*-------H2--------*/

h2 {
	font-size: 30px;
	color:#000;
	font-weight:bold;
	display: inline-block;
	text-transform: none;
	line-height:35px;	
}

.title h2 {
	line-height:30px;
}

h2 a {
	color:black;
}

/*-------H3--------*/

h3 {
	font-size:20px;
	color:#black;
	display:inline-block !important;
	padding-bottom:12px;
}

h3 a {
	color:black;
	font-weight:500;
}


/*-------H4--------*/

h4 {
	font-size:16px;
	display:inline-block;
	margin:0 0 5px 0;

}

.title h4 {
	display:inline-block;
	max-width:400px;
}

h4.underline {
	border-bottom:solid 2px #fff;
	padding:2px 2px 2px 2px;
}

.wrap_111 h4, .wrap_black h4 {
	color:white;
}

/*-------H5--------*/

h5 {
	font-size:14px;
	letter-spacing:2px;
}

.wrap_111 h5, .wrap_black h5 {
	color:white;
}

/*-------OVVERRIDE--------*/


.text_white h2 {
	color:white !important;
}

/*-------------------------

LINKS

--------------------------*/

a { 
	color:#197bd6;	
	text-decoration:none;
	-webkit-font-smoothing: subpixel-antialiased;
}

a:hover {
	color:#444;
}

.col .video_entry, 
ul.pagination li,
a.donate, 
.single-actions a.donate,
.landing-actions a, 
input[type="submit"]:hover, 
.hero-embed ul li a.action, 
a.button  {	
	-webkit-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease;
	-moz-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease;
	-ms-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease;
	-o-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease;
}



/*---------------------------

SOCIAL / ICONS 

--------------------------*/

a.amazon {
	display:inline-block; 
	width:26px; 
	height:26px;
	background:url('img/icons/icon_amazon_music.png') center top no-repeat; 	
	background-size:100%;
}

a.apple_podcast {
	display:inline-block; 
	width:27px; 
	height:27px;
	background:url('img/icons/icon_apple_podcast_black.png') center bottom no-repeat; 	
	background-size:100%;
}

a.apple_podcast.white {
	display:inline-block; 
	width:25px; 
	height:25px;
	background:url('img/icons/icon_apple_podcast_white.png') center top no-repeat; 	
	background-size:100%;
}


a.fb {
	display:inline-block;
	width:24px;
	height:24px;
	background:url("img/icons/icon_fb_black.png") center center no-repeat;
	background-size:100%;
}

a.instagram {
	display:inline-block;
	width:24px;
	height:24px;
	background:url("img/icons/icon_instagram_black.png") center bottom no-repeat;
	background-size:100%;
}

a.itunes {
	display:inline-block;
	width:30px;
	height:30px;
	background:url("img/icons/icon_itunes.png") center 0px no-repeat;
}

a.mailing {
	display:inline-block;
	width:30px;
	height:25px;
	background:url("img/icons/icon_mail.png") center 2px no-repeat;
}

a.podcast_black_sm {
	display:inline-block;
	width:30px;
	height:30px;
	background:url("img/icons/icon_podcast_black_sm.png") center 0px no-repeat;
}

a.rss {
	display:inline-block;
	width:30px;
	height:25px;
	background:url("img/icons/icon_rss.png") center 2px no-repeat;
}

a.stitcher {
	display:inline-block;
	text-align:right;
	width:61px;
	height:28px;
	padding-top:0px;
	background:#f7f7f7 url("img/icons/stitcher_new_light.png") 0 bottom no-repeat;
	background-size:100%;
	position:relative;
	background-blend-mode: darken;
}

a.stitcher.white {
	display:inline-block;
	text-align:right;
	width:59px;
	height:25px;
	padding-top:0px;
	background: url("img/icons/stitcher_logo_all_white_trans.png") center bottom no-repeat;
	background-size:100%;
}
a.spotify {
	display:inline-block;
	width:25px;
	height:25px;
	background:url('img/icons/icon_spotify.png') center center no-repeat;
	background-size:100%;
}

a.spotify.white {
	display:inline-block;
	width:25px;
	height:25px;
	background:url('img/icons/icon_spotify_white.png') center center no-repeat;
	background-size:100%;
}


a.tiktok {
	display:inline-block; 
	width:25px; 
	height:25px;
	background:url('img/icons/icon_tiktok_black.png') center top no-repeat; 	
	background-size:88%;
}

a.twitter {
	display:inline-block;
	width:25px;
	height:25px;
	background:url('img/icons/icon_twitter_black.png') center 1px no-repeat;
	background-size:100%;
}

 
a.button {
	display:inline-block;
	padding:15px;
	font-size:16px;
	color:white !important;
	background:#3eba7c;	
	text-align:center;
} 

a.button.back_black {
	background:black;
}

a.button:hover {
	background:black;
}

a.button.back_black:hover {
	background:#222;
}


/*--------------------------------------------

HEADER

---------------------------------------------*/

#header {
	text-align:left;
	position:fixed;
	top:0;
	width:100%;
	z-index:4000 !important;
	padding:0px 0 15px 0;
	transition: top 0.4s ease-in-out;
	-webkit-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease;
	-moz-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease;
	-ms-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease;
	-o-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease;	
}

#header .center {
	position:relative;
}

#header span.subscribe, 
#header .social-nav {
	float:left; 
}

#header ul.social {
	float:left;
	text-align:left
	display:table;
	margin-right:30px;
	padding:0;
}

#header ul.social li {
	display:table-cell;
	padding:20px 13px 0 0;
	margin:0 0 0 7px;	
}

@media only screen and (max-width: 1205px) {
	#header ul.social {
		margin-right:6px;
	}
	#header ul.social li {
		margin:0 0 0 4px;	
	    padding:20px 8px 0 0; 
	}
}

@media only screen and (max-width: 1010px) {
	#header ul.social li.CTA.connect {
		display:none;
	}
}

@media only screen and (max-width: 950px) {
	#header .col.span_1_of_2 {
		width:55%;
	}
	#header .col.span_1_of_2:first-of-type {
		width:45%;
	}
}

#header ul.social li.CTA {
	font-size:13px;
	line-height:17px;
	text-align:right;
	color:rgba(0, 0, 0, 0.5);
	vertical-align:middle;
}

#header div.mail_form, 
#header div.search {
	float:right;
	width:305px;
	padding-top:20px;
}

#header div.search {
	margin-left:20px;
	width:90px;
}

#header div.mail_form form input[type="email"], 
nav ul li.mail_form form input[type="email"], 
#header div.search input[type="text"] {
	float:left;
	width:263px;
	text-align:left;
	margin:3px 0px 0 0px;
	padding:0px 0 5px 0px;
	background:none;
	font-size:15px;
	border-bottom:2px solid rgba(0, 0, 0, 1); 
    box-shadow: none;
	border-radius:0;
    -webkit-box-shadow: none;
    color:#888;
}

#header div.search input[type="text"] {
	width:50px;
}

#header div.search input[type="submit"],
#header div.mail_form form input[type="submit"], 
nav ul li.mail_form form input[type="submit"] {
	float:right;
	text-align:left;
	background:none;
    box-shadow: none;
    -webkit-box-shadow: none;
 }

#header div.mail_form form input[type="submit"], 
#header div.search input[type="submit"]  {
	width:30px;
	height:30px;
    border-radius: 50%;
	padding:5px 0;
	text-align:center;
	color:#fff;
	background:#000; 
	margin:0;
	font-size:16px;
	font-weight:bold;
}

#header .panel form input[type="text"], 
#header .panel form input[type="email"] {
	width:330px;
	padding:20px 0;
	border-bottom:1px solid rgba(0, 0, 0, 0.5);
	border-radius:0;
}

#header .panel form input[type="text"]#s2 {
	width:100px;
}

#header .panel form input[type="submit"] {
	width:100px;
	padding:10px;
	margin-top:20px;
}


#header div.search form input[type="submit"]:hover,
#header div.mail_form form input[type="submit"]:hover, 
#header div.mail_form form input[type="submit"].back_none {
	background-color:rgba(0, 0, 0, 0.2);
}

#header div.search {
	float:right;
}

#header div.search form input[type="submit"] {
	background:#000 url('img/icons/icon_search_white.png') center center no-repeat; 
	background-size:80%;
}

body.search p.no-results {
	margin:30px 0;
}

/*--------------------------------------------

MASTHEAD 

---------------------------------------------*/

.masthead {
	position:relative; 
	padding:10px 0 0 0;
	background:#ddeaf8;
}

.masthead .center {
	height:310px;
	background:#ddeaf8 url('img/assets/sporkful_weblogo.svg') 60px bottom no-repeat; 
	background-size:auto 310px;
}

.masthead a.home {
	position:absolute; 
	top:0; 
	left:0; 
	width:490px;
	height:310px;
}

.masthead span.recognition {
	position:absolute; 
	top:-10px;
	right:60px;
	width:230px;
	height:154px;
	background:url('img/assets/awards_desktop.svg') 0 0 no-repeat; 
	background-size:100%;
}

.masthead .nav-wrap {
	width:100%;
	position:absolute; 
	bottom:0px; 
}

.masthead .nav-wrap nav {
	float:right;
	margin-right:60px;
	font-family: 'Titillium Web', sans-serif;
}

.masthead .nav-wrap ul li {
	display:inline-block;
	position:relative;	
	margin:0 0 0 10px;
}

.masthead .nav-wrap ul li a {
	color:black;
	font-size:16px;
	letter-spacing:1px;
	font-weight:600;
	display:inline-block;
	padding:0 10px 0 0;
	margin-bottom:14px;
	border-right:solid 1px #b3b3b3;
}

.masthead .nav-wrap ul li:last-of-type a {
	border:none;
	padding:0;
}

.masthead .nav-wrap ul li span.bar {
	position:absolute;
	left:0;
	bottom:0;
	width:calc(100% - 10px); 
	height:7px;
	background:#f13535;
	opacity:0;
	-webkit-transition: opacity 0.5s ease;
	-moz-transition: opacity 0.5s ease;
	-ms-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;	
}

.masthead .nav-wrap ul li:last-of-type span.bar {
	width:100%;
}

body.tag.podcast-episodes .nav-wrap ul li:first-of-type span.bar,
.masthead .nav-wrap ul li.current_page_item span.bar,
.masthead .nav-wrap ul li:hover span.bar {
	opacity:1;
}
	
#nav > a.logo {
	width:60px;
	height:60px;
	background:#f5f5f5 url('img/sporkful_logo_small.png') 0 0 no-repeat; 
	display:inline-block;
	margin:0 20px 0 0;
}




/*--------------

BADGE

--------------*/



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

	.masthead .center {
		background-position:0 bottom;
	}

	.masthead span.recognition {
		right:0;
	}
	
	.masthead .nav-wrap nav {
		margin-right:0;
	}
}

@media only screen and (max-width: 1080px) {
	.masthead .nav-wrap ul li {
		margin-left:5px;
	}
}
    
div.recognition_mobile {
	display:none;
	width:100%;
	padding:30px 0 20px 0;
	font-family: 'Titillium Web', sans-serif;		
	color:#fff;
	background-color:#2a7fd3;
}
div.recognition_mobile .center {
	width:75%;
	background:url('img/assets/awards_phone.svg') 0 0 no-repeat; 
	background-size:30px;
}

div.recognition_mobile ul {
	margin-left:50px;
}

div.recognition_mobile span, 
div.recognition_mobile ul li {
	font-size:13px;
	font-weight:600;
    color: rgba(255, 255, 255, 0.4);	
	display:block;
	margin:0; 
	padding:0;
		
}

div.recognition_mobile ul li:has(strong) {
	display:block;
}

div.recognition_mobile ul li strong {
	width:100%;
	color:#fff;
	transform:scale(1.05);		
}

div.recognition_mobile ul li strong::before {
	display:block;
    content: "";
	width:100%;
	height:1px;
	background:rgba(255, 255, 255, 0.66);
	margin:5px 0;
}

div.recognition_mobile ul li:first-of-type strong::before {
	display:none;
}

div.recognition_mobile span:first-of-type {
	font-weight:700;
}


/*--------------

BADGE

--------------*/


.badge-wrap {
	position:absolute;
	top:-75px;
	right:3%;
	font-family: 'Titillium Web', sans-serif;			
}

.badge-container, 
.badge-wrap svg {	
	width:250px;
	height:250px;

}

.badge-container {
	position:relative;
	text-align:center;
}

.badge-wrap .badge-container .badge-content {
	text-align:center;
	padding-top:95px;
	font-size:13px;
	width:80%;
	margin:0 auto;
}

.badge-wrap svg  {
	fill: #297FD3;
	filter: drop-shadow(0 0.2rem 0.25rem rgba(0, 0, 0, 0.4));    	
	position:absolute;
	top:0; 
	left:0;
}


.badge-container .badge span, 
.badge-container .badge ul li {
	position: relative;
	z-index: 100;
	display: block;
	text-align: center;
	font-size:13px;
	font-weight:bold;
	
/* 
	color: #fff;
	font-weight: bold;
 */
}

.badge-container .badge span.label, 
.badge-container .badge ul li strong {
	color:#fff;
	transform:scale(1.05);		
}


.badge-container .badge span.number, 
.badge-container .badge ul li {
  color: rgba(255, 255, 255, 0.4);
}	

.badge-container span.line, 
.badge-container .badge ul li strong::before {
	display:block;
    content: "";
	width:30px;
	height:1px;
	background:#fff;
	margin:5px auto;
}

.badge-container .badge ul li:first-of-type strong::before {
	display:none;
}


/*----------------------------

ENTRIES, MEDIA & THUMBS

-----------------------------*/

.entry {
	width:100%;
	position:relative;
	
}	

#features .col {
	height:400px;
}

/*specify col here, timeline also has media class*/
.col .media {
	/*float:left;*/
	position:relative;
	width:100%;
	max-height:100%:
	height:auto;
	text-align:left;
	background:#000;
	z-index:100;
}


.col .media img {
	opacity:1; 

}

.col .video_entry img {
	opacity:0.7;
	
}

/*.col .media:hover, */
.col .video_entry:hover {
	background:#be2d31;
}

.col .video_entry:hover img {
	opacity:0.1;
}


/******** TITLE ********/


div.title {
	/*position:absolute;
	text-align:left;		
	z-index:100;
	top: 25px;
    left: 25px;
    width:75%;*/
    position:relative;
    height:55px;
    padding-top:12px;
}	

.title h2 a {
	display:inline-block;
	width:85%;
	position:absolute;
	bottom:5px;
	font-size:24px;
	font-weight:bold;
}

div.title h3 a {
	display:inline-block;
	width:85%;
	position:absolute;
	bottom:12px;
	font-size:18px;
	font-weight:bold;

}

/******** EXCERPTS ********/

.excerpt {
	float:left;
	position:relative;
	background:#fff;
	width:100%;
	height:auto;	
	min-height:120px;
	padding-bottom:30px;	
	/*(border-top:solid 22px #e8e8e8;*/
}

.col.span_1_of_3 .excerpt {
	min-height:175px;
}

.col.span_1_of_3 .excerpt.extend_height { /*used when entry has no audio, match heights with entries that have player */
	min-height:212px;
}

.excerpt_gradient {
	background:#fff url('img/media_gradient.png') 0 0 repeat-x; 
	padding-top:30px;
}

.span_1_of_2 .excerpt {
	height:190px;
}

.excerpt_wrap, .entry {
	position:relative;	
}

div.media .excerpt strong {
	color:black;
}
	
.excerpt .entry_actions_wrap {
	position:absolute;
	width:calc(100% - 70px);
	left:0;
	left:35px;
	bottom:20px;
}	

.excerpt .entry_actions .addthis_default_style {
	float:right;
	width:auto;	
	margin-right:0px;	
	opacity:0.5;
}

.excerpt .entry_actions .addthis_default_style:hover {
	opacity:1;
}

.excerpt .entry_actions a.more {
	color:black;
	display:inline-block;
	padding-bottom:1px;
	border-bottom:solid 1px #000;
	float:left;
	
}

.excerpt .entry_actions a.more:hover {
	border:none;
	padding-bottom:2px;
	color:#444;

}

.col .excerpt .entry_actions_wrap .inner {
	padding:30px 0; 
	padding-right:0;
}

/*--------------------------------------------

CUSTOM PLAYER

-----------------*/

div.audio_wrap {
	position:relative;
	float:left;
	width:100%;
 	z-index:100;
 }
 
div.audio_wrap {
	background-color:#000;
}	

body.single div.audio_wrap {
	margin-bottom:15px;
}

body.single div.audio_wrap {
	margin-bottom:0;
}

.audio_wrap iframe {
	max-width:100% !important;
	height:30px;
}

/*remove after custom player release*/ 
.art19-web-player, div.art19-web-player {
	margin-bottom:0; 
}

/*remove after custom player release*/
div.audio_wrap.omny {
	position:relative;
}

.audio_wrap iframe.omny {
	max-width:100% !important;
	height:auto;
}

.sm2-bar-ui {
 	font-size: 14px;
}

/*-------------------------

Player Element Widths

-----------------*/

/*Single pages*/
.col.span_1_of_1 .sm2-bar-ui.full-width {
	width:92%;
}

.col.span_1_of_1 .audio_actions_wrap {
	width:8%;
}

/*Listing*/
.col.span_1_of_3 .sm2-bar-ui.full-width {
	float:left;
	width:77.5%;
}

.col.span_1_of_3 .audio_actions_wrap {
	width:22.5%;
}

/*Featured, 1st listing item*/
.col.span_2_of_3 .sm2-bar-ui.full-width {
	width:89%;
}

.col.span_2_of_3 .audio_actions_wrap {
	width:11%;
}

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

	.col.span_1_of_1 .sm2-bar-ui.full-width,	
	.col.span_1_of_3 .sm2-bar-ui.full-width {
		width:89%;
	}
	
	.col.span_1_of_1 .audio_actions_wrap,
	.col.span_1_of_3 .audio_actions_wrap {
		width:11%;
	}
}

@media only screen and (max-width: 700px) {
	
	.col.span_1_of_1 .sm2-bar-ui.full-width,	
	.col.span_1_of_3 .sm2-bar-ui.full-width,
	.col.span_2_of_3 .sm2-bar-ui.full-width {
		width:86%;
	}
	
	.col.span_1_of_1 .audio_actions_wrap,
	.col.span_1_of_3 .audio_actions_wrap, 
	.col.span_2_of_3 .audio_actions_wrap {
		width:14%;
	}

	.audio_wrap ul.audio_actions a, 
	.audio_actions_drawer a {
		width:25px;
	}

}

@media only screen and (max-width: 600px) {
	
	.col.span_1_of_1 .sm2-bar-ui.full-width,	
	.col.span_1_of_3 .sm2-bar-ui.full-width,
	.col.span_2_of_3 .sm2-bar-ui.full-width {
		width:83%;
	}
	
	.col.span_1_of_1 .audio_actions_wrap,
	.col.span_1_of_3 .audio_actions_wrap, 
	.col.span_2_of_3 .audio_actions_wrap {
		width:17%;
	}

}

@media only screen and (max-width: 450px) {
	
	.col.span_1_of_1 .sm2-bar-ui.full-width,	
	.col.span_1_of_3 .sm2-bar-ui.full-width,
	.col.span_2_of_3 .sm2-bar-ui.full-width {
		width:75%;
	}
	
	.col.span_1_of_1 .audio_actions_wrap,
	.col.span_1_of_3 .audio_actions_wrap, 
	.col.span_2_of_3 .audio_actions_wrap {
		width:25%;
	}

}


/*-------------------------*/

.sm2-bar-ui .sm2-playlist {
	display:none; /* hide content title and marquee */
}

.sm2-bar-ui .sm2-main-controls,
.sm2-bar-ui .sm2-playlist-drawer {
 	background-color: #000;
}
.sm2-bar-ui .sm2-inline-texture {
 	background: transparent;
}

.sm2-bar-ui .sm2-inline-element, .sm2-bar-ui .sm2-button-element .sm2-button-bd {
	min-height:25px;
	padding:3px 0;
}

.sm2-bar-ui .sm2-progress {
}

.sm2-progress .sm2-progress-track {
	background:rgba(255, 255, 255, 0.18);
}

.sm2-bar-ui .play-pause,  .sm2-bar-ui.play-pause:hover, .sm2-bar-ui .paused .play-pause:hover {
	background-position:40% 55%;
}

.sm2-bar-ui .sm2-volume-control, .sm2-bar-ui .sm2-volume-shade {
	background-position:42% 52%;
}

/*--------------------------

AUDIO ACTIONS

--------------*/

.audio_actions_wrap {
	float:right;
	/*width defined above*/
 	background-color: #000;	
}

.audio_wrap ul.audio_actions li {
	width:33.33%;
	float:right;
}

.audio_wrap ul.audio_actions a, 
.audio_actions_drawer a {
	display:inline-block;
	width:30px;
	height:20px;
	padding:0 0 0 0;
	margin-top:9px;	
	color:white;
}

@media only screen and (max-width: 1380px) {
	.audio_wrap ul.audio_actions a, 
	.audio_actions_drawer a {
		width:25px;
	}
}	

@media only screen and (max-width: 1100px) {
	.audio_wrap ul.audio_actions a, 
	.audio_actions_drawer a {
		width:20px;
	}
}	


.audio_wrap ul.audio_actions a.download {
	background: #000 url("img/icons/icon_download_white.png") center center no-repeat;
	background-size:16.5px;
	margin-top:7px;
}

.audio_wrap ul.audio_actions a.share {
	margin-top:8px;	
	background: #000 url("img/icons/icon_share_white.png") center center no-repeat;
	background-size:19px;
}

.audio_wrap ul.audio_actions a.subscribe {
	background: #000 url("img/icons/icon_subscribe_white.png") center center no-repeat;
	background-size:15px;
}

.audio_wrap ul.audio_actions a:hover {
	opacity:0.88;
}

.audio_wrap ul.audio_actions a.podcast {
	display:inline-block;
	width:35px;
	background: #000 url("img/icons/icon_audio_white.png") center top no-repeat;
	background-size:35px;
}

.audio_actions_drawer {
	position:absolute;
	left:0;
	bottom:0;
	display:none;
	width:100%;
	height:70px;
	text-align:center;
	color:rgba(255, 255, 255, 0.7);
	background:#555;
	z-index:1000;
}

.audio_actions_drawer ul  {
	margin:14px auto 0 auto;
	width:220px;
	display:table;
}

.audio_actions_drawer ul li {
	position:relative;
	display:table-cell;
	padding:0 5px;
	font-size:13px;		
}

.audio_actions_drawer ul li {
	vertical-align:middle;
}

.audio_actions_drawer ul li:first-of-type span {	
	display:block;
	margin-top:10px;
}
/*firefox*/
@-moz-document url-prefix() {
	.audio_actions_drawer ul li:first-of-type span {	
		margin-top:4px;
	}
}

.audio_actions_drawer ul li a.embed_copy {
	width:100px;
	padding-left:20px;
	color:#fff;		
	background: #555 url("img/icons/icon_embed_white.png") left 0 no-repeat;
	background-size:19px;
}

.audio_actions_drawer ul li a.embed_copy.success {
	background: #555 url("img/icons/icon_check_white.png") left 0 no-repeat;
	background-size:19px;
}

.audio_actions_drawer a.close {
	position:absolute;
	top:5px;
	right:5px;
	background: #555 url("img/icons/icon_x_white.png") center 40% no-repeat;
	background-size:19px;
}


/******** VIDEO ********/

.video-container {
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

div.title_play {
    position:absolute;
	/*width:100%;
	height:100%;
	margin:137px 0 0 0;
	*/
	text-align:center;		
	z-index:100;
	top: 50%;
    left: 50%;
    height: 7%;
    width: 60%;
    margin: -6% 0 0 -30%;

}

.span_1_of_3 div.title_play, .span_4_of_9 div.title_play {
	margin-top:-8%;
}

.span_2_of_3 div.title_play {
	margin-top:-4%; 
}

.btn_play {
	display:inline-block;
	width:74px;
	height:74px;
	margin:auto;
    background-image: url("img/btn_play.png");
    color:#444;
    font-weight:bold;
}

.media-thumb .title_play .btn_video {
	display:inline-block;
	width:74px;
	height:74px;
	margin:auto;
    background: url("img/icons/icon_video_white_3x.png") 0 0 no-repeat;
	background-size:74px;
}

.direct_embed {  
	position:absolute;
	text-align:center;		
	z-index:10;
	top: 50%;
    left: 0;
    min-height: 10%;
    width: 100%;
    margin: -24% 0 0 0;
}


/*first post*/
.span_2_of_3 .direct_embed iframe, 
.span_2_of_3 .direct_embed embed {
	margin:6% 0 0 0;
}

.span_2_of_3 .direct_embed.cooking_channel {
    margin: -24% 0 0 0;
}

.span_2_of_3 .direct_embed.cooking_channel iframe,
.span_2_of_3 .direct_embed.cooking_channel embed {
	margin:0 0 0 0;
}

/*---------------------------


PAGES


--------------------------*/

div.page-title {
	padding:35px 0 15px 0;
}

body.tag div.page-title h2 {
	text-transform:capitalize;
}

.page-inner {
	padding:0 30px 30px 30px;
}

.page-content p {
	margin:0 0 30px 0;
	width:80%;
	font-size:16px;
	line-height:24px;
}

div.term-description {
	padding:30px 0 25px 0;
}

div.featured-image span.credit {
	display:block;
	float:right;
	margin-top:10px;
	color:#666;
}

/*---------------------------


SINGLE PAGES


--------------------------*/


div.single-title {
	padding:35px 0 15px 0px;
}

div.premium-copy {
	padding:30px 0 25px;
}

.single-content {
	margin-top:50px;
}

.single-content ol, 
.single-content ul {
	margin:0 0 30px 20px;	
   -webkit-margin-before: 0; 
   -webkit-margin-after: 0
}

.single-content p, 
.single-content ul li,
.single-content ol li  {
	margin:0 0 30px 0;
	width:100%;
	color:#444;
	font-size:17px;
	line-height:25px;
	-webkit-font-smoothing:antialiased;
}

.single-content ul li, 
.single-content ol li {
	margin:0 0 15px 0;
}

.single-meta {
	padding:10px 0 30px 0px;
	color:#888;
}	

.single-meta h4 strong {
	color:black;
	font-weight:bold;
}

span.date {
	display:inline-block;
	border-bottom:dashed 1px #888;
	padding-bottom:15px;
}

.single-meta .addthis_default_style, 
.single-meta .addthis_default_style a { 
	z-index:1 !important;
	position:relative;
}

.single-tags {
	width:35%;
	margin-top:15px;
}

.single-tags a {
	display:inline-block;
}

#mobile-single-tags-actions {
	display:none;
}

#disqus_thread {
	margin-top:40px;
}

#related {
	margin-top:20px;
}

/*----------------------------

TRANSCRIPT

-----------------------------*/

div.transcript {
	margin-bottom:30px;
}

div.transcript p:first-of-type {
	margin-bottom:0;
}

div.transcript a.read-more-toggle {
	font-size:16px;
}

h3 a.read-more-toggle {
	color:#197bd6;
}

h3 a.read-more-toggle:hover {
	color:#444;
}

/*----------------------------

PAGE EVENTS

-----------------------------*/

.template-Events .page-content {
	margin-top:30px;
}

.table {
  display: table;
  width:100%;
  border-collapse:collapse;
  font-size:16px;
  color:rgba(0, 0, 0, 0.6); 
}
.table-row {
	display: table-row;
}
.table-cell, .table-head {
  display: table-cell;
  padding:1em;
  border:#f0f0f0 1px solid;
  min-width:9%;
  width:9%;
}

.table-cell:nth-of-type(2) {
	color:black;
}

.table-cell.wide, .table-head.wide {
  min-width:12%;
  width:12%
}

.table-head {
	font-weight:bold;
	color:black;
}

.table-cell.table-entry-title {
	font-size:17px;
}

.table-cell.table-entry-title span.note {
  color:rgba(0, 0, 0, 0.6); 
  /*font-size:15px;*/
  /*margin-top:5px;*/
  display:block;
}

.table-cell.table-entry-title span.note_with_title {
  color:rgba(0, 0, 0, 0.6); 
  font-size:15px;
  margin-top:5px;
  display:block;	
}

.table a.action {
	display:inline-block;
	color:white;
	font-size:13px;
	background:#197bd6;
	padding:10px; 
}


.table a.action:hover {
	background:black;
}

@media only screen and (max-width: 900px) {
	.table, .table-row, 
	.table-cell {
		float:left;
		display:block;
		width:100% !important;
		clear:both;
		border:none;
	}
	
	.table-cell {	
		padding:10px 0;
	}
	
	.table-row .table-cell:nth-of-type(1), 
	.table-row .table-cell:nth-of-type(2), 
	.table-row .table-cell:nth-of-type(3) {
		padding:3px 0;
	}
	
	.table-cell.empty {
		display:none;
	}

	.table-head {
		display:none;
	}
	
	.table-row {
		margin-bottom:35px;
	}

}

/*-------------------------

TEAM ENTRIES

--------------------------*/

.content.team-header {
	margin-bottom:10px;
}

.team-entries .entry {
	margin:0 0 60px 0;
}

.team-entries .entry h3 {
	font-weight:bold;
}

@media only screen and (max-width: 920px) {
	.team-entries .entry .page-inner {
		padding:30px;
	}
}

.entry_team p.subtitle {
	font-size:16px;
	font-weight:600;
}

.entry_team .content {
	margin-top:10px;
}

/*----------------------------

FORMS

-----------------------------*/

.subscribe_box ul li a, 
a.rounded, input[type="text"], 
input[type="email"],  
input[type="submit"] {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;	
}

fieldset input[type="text"],  input[type="text"],
input[type="email"],  input[type="submit"],
fieldset textarea,  textarea {
	padding: 20px;
	font-size: 1.2em;
	color: #000;
	border: none;
	background: #fff;
	text-align:center;	
}

input[type="submit"] {
 	color:#fff;
 	background:#2a7fd3;
 	border:none;
	-webkit-appearance: none;
	border-radius: 0;
 }
 
input[type="submit"]:hover {
	background:black;
}

 
 /*----------------------------

FOOTER & PAGINATION

-----------------------------*/

body.internal.page #footer .wrap {
		background:#111; /*account for no pagination*/
}

#footer a, 
#footer #legal a:hover{
	color:rgba(255, 255, 255, 0.3);
}

#footer a:hover, 
#footer #legal a {
	color:rgba(255, 255, 255, 0.7);
}

#footer img.partner_logo {
	width:85%;
	max-width:85%;
}

#footer div.nav {
	margin-left:7%;
}

#footer nav ul li {
	margin-bottom:25px;
}

#footer nav ul li ul li {
	margin-bottom:0;
}

#footer nav ul li a {
	display:inline-block;
	padding-bottom:3px;
	color:rgba(255, 255, 255, 0.7);
	border-bottom:solid 1px rgba(255, 255, 255, 0.7);
	margin-bottom:7px;
}

#footer nav ul li a:hover {
	border-bottom:solid 1px rgba(255, 255, 255, 0);
}


#footer nav ul li ul li a {
	margin-bottom:0;
	padding:0;
	border:none;
	color:rgba(255, 255, 255, 0.3);
}

#footer nav ul li ul li a:hover {
	color:rgba(255, 255, 255, 0.7);
}

ul.pagination {
  float:right;
}	

ul.pagination li {
	display:inline;
}

ul.pagination li.solo {
	margin-left:150px;
}

ul.pagination li a {
	display:inline-block;
	width:150px;	
	padding:15px 0;
	color:white !important;
	background:#3eba7c;	
	text-align:center;

}

ul.pagination li a:hover {
	background:black;
}

ul.single-pagination {
	margin-top:50px;
}

div.footer_icon {
	position:absolute; 
	top:-50px;
	left:-25px;
	width:40px;
	height:40px;
}

.footer_entry {
	padding:40px 0 80px 0;
}

.footer_entry img {
	float:left;
}

.footer_entry p {
	float:left;
	width:37%;
	margin:25px 0 0 7%;
	font-size:14px;
}

.footer_entry a.copy {
	float:left;
	width:37%;
	margin:7% 0 0 7%;
	font-size:14px;
	color:#888;
}

.footer_entry a.copy:hover {
	color:#333;
}

#footer_cooking_channel p {
	width:45%;
	margin-left:0;
}

#footer_cooking_channel a {
	margin:25px 0 0 0;
}

#footer_contact p {
	width:100%;
	margin:0;
}

#footer_mailing p {
	width:80%;
	margin:0; 
}	

div#footer_contact ul {
	width:100%;
	margin-bottom:25px;
}

div#footer_contact ul li {
	display:inline; 
	margin-right:13px;
	color:white;
	font-size:16px;
}

div#footer_contact ul li h5 {
	display:inline;
}

div#footer_contact ul li a {
	display:inline-block;
	width:20px;
	height:20px; 
}

div#footer_contact ul li a.twitter_white_sm {
	background:url('img/icons/icon_twitter_white_sm.png') 0 0 no-repeat; 
}

div#footer_contact ul li a.fb_white_sm {
	background:url('img/icons/icon_fb_white_sm.png') 0 0 no-repeat; 
}

div #legal {
	padding:20px 0;
	border-top:dashed 1px #333;
}

div#legal p {
	color:#555;
	font-size:13px;
}

/*-----------

PANEL

-------------*/

.panel .logo-wrap {
	width:150px !important;
}

.panel nav {
	display:block !important;
	float:left;
	width:100%;
	margin:80px 0 0 0;
	text-align:center;
}

.panel ul {
	display:block;
	margin:0px 0 0 0px;
}

.panel nav ul li {
	display:block;
	width:100%;
	font-size:24px;
	letter-spacing:1px;
	line-height:64px;
}

.panel nav ul li ul {
	display:block !important;
	position:relative;
	top:auto;
}

.panel nav ul li ul li {
	color:black;
	float:left;
	display:block;
}

.panel ul li a {
	font-size:25px !important;
	color:black !important;
}

#nav-toggle {
	position:absolute !important;
	right:0px;
	width:80px;
	height:70px;
	z-index:6000 !important;
	background:#f13535;
}

.nav-icon {
  width: 50px;
  height: 37px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  margin:20px auto;
}

.nav-icon span {
  display: block;
  position: absolute;
  height: 6px;
  width: 100%;
  background: #fff;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.nav-icon span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.nav-icon span:nth-child(2) {
  top: 12px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.nav-icon span:nth-child(3) {
  top: 24px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.nav-icon.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: 8px;
}


.nav-icon.open span:nth-child(2)  {
  width: 0%;
  opacity: 0;
}

.nav-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 32px;
  left: 8px;
}

#header .panel .panel-content div.social-nav {
	float:left;
	width:100%;
	margin-top:5px;
	text-align:center;
}

#header .panel .panel-content div.social-nav ul {
	float:none;
	width:133px;
	margin:0 auto;
	display:block;
	text-align:center;
}	

#header .panel .panel-content div.social-nav ul li a {
	margin-left:3px;
}

#header .panel .panel-content div.social-nav ul.social:first-of-type, 
#header .panel .panel-content div.social-nav ul.social li.CTA {
	display:none;
}

#header .panel .search_wrap, 
#header .panel .mail_wrap {
	float:left;	
	width:100%;
	margin-top:30px;
	text-align:center;
}


/*---------------------------


X


--------------------------*/

.x {
  width: 50px;
  height: 37px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  margin:20px auto;
}

.x span {
  display: block;
  position: absolute;
  height: 6px;
  width: 100%;
  background: #fff;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

.x span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.x span:nth-child(2) {
  top: 12px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.x span:nth-child(3) {
  top: 24px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}

.x span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -3px;
  left: 8px;
}


.x span:nth-child(2)  {
  width: 0%;
  opacity: 0;
}

.x span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 32px;
  left: 8px;
}



/*---------------------------


MODAL


--------------------------*/

.modal-wrap {
	position:fixed;
	display:none;
	width:100%;
	height:100%;
	z-index:3000;
	top:72px;
	top:0;
	color:white;
	background:rgba(0, 0, 0, 0.8);
    overflow-y: scroll;
	-webkit-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease;
	-moz-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease;
	-ms-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease;
	-o-transition: background-color 0.5s ease, color 0.5s ease, opacity 0.5s ease;    
	font-family: 'Titillium Web', sans-serif;

}

.modal-wrap {
	text-align:center;
	padding:12% 0;
	padding:12vh 0;
}

.modal-wrap .modal-content {
	width:50%;
	margin:0 auto;
	padding:100px 0 40px 0;
	padding:10px 0;
	background-color:#CA2228;
}

.modal-wrap .entry-title {
	width:80%;
	margin:0 auto;
}

.modal-wrap .entry-title h4 {
	line-height:25px;
}

.modal-wrap .media-thumb {
	width:24%;
	text-align:center;
	margin:15px auto;
}

.modal-wrap img {
}

.modal-wrap .media-thumb img {
	float:none;
}

.modal-wrap a.permalink {
	display:inline-block;
	margin-top:15px;
}

.modal-wrap .x {
	position:absolute;
	transform:scale(0.66);
	top:0px;
	right:10px; 
	display:inline-block;
	z-index:200;	
}

.modal-wrap h1, 
.modal-wrap h2,
.modal-wrap h3, 
.modal-wrap h4, 
.modal-wrap p {
	color:white;
}

.modal-wrap h2 {
	font-weight:500;
	margin-bottom:40px;
}

.modal-wrap ul {
	font-size:17px;
	line-height:24px;
}

.modal-wrap p {
	font-size:17px;
	line-height:24px;
	width:100%;
	margin-bottom:30px;
}	

/*
sfoglini
.modal-wrap a, 
.modal-wrap a.button {
	display:inline-block;
	padding:15px;
	font-size:16px;
	text-align:center;
	width:100%;
	color:#CA2228;
	background-color:#fff;
}

.modal-wrap a:hover {
	color:#fff;
	background-color:#CA2228;
}
*/


.modal-wrap .tint_absolute {
	position:absolute;
	width:100%;
	height:100%;
	background:rgba(0, 0, 0, 0.4);
	top:0;
	left:0;
	z-index:0;

}

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

	.modal-wrap .modal-content {
		width:85%;
	}
	.modal-wrap .page-inner {
		padding:0 30px 30px 0;
	}
	
	.modal-wrap .x {
		top:-35px;
	}

	.modal-wrap img {
/*	margin-top:35px;
		margin-bottom:20px;		
*/	}
}


@media only screen and (max-width: 600px) {
	
	.modal-wrap {
		padding:15% 0;
	}
		
	.modal-wrap .modal-content {
		margin: 4vh auto;
		padding:7vh 0 7vh 0;
		padding:4vh 0;
	}
	
	.modal-wrap .page-inner {
		padding:0 0 30px 0;
	}
	
	.modal-wrap h2 {
		font-size:24px;
		margin-top:10px;
		margin-bottom:30px;
	}
	
	
	.modal-wrap a,
	.modal-wrap a.button { 
		width:auto;
		min-width:90%;
	}

}

/*---------------------------


ANYTHING'S PASTABLE


--------------------------*/

#pastable-wrap {
	background: #5670A7 url('img/pastable_back_rain.jpg');  
	background-size:50%;
}

#pastable-wrap p, 
#pastable-wrap ul li {
	font-size:17px;
	line-height:25px;
}

body.anythings-pastable .main {
	padding-bottom:20px;
	color:white !important;
}

#anythings-pastable-copy .center.narrow {
	max-width:66%;
}
@media only screen and (max-width: 920px) {

	#pastable-wrap {
		background-size:75%;
	}

	body.anythings-pastable .main {
		padding-bottom:0px;
	}

	#anythings-pastable-copy .center.narrow {
		max-width:95%;
		width:95%;
		}
}


@media only screen and (max-width: 620px) {
	#pastable-wrap {
			background-size: 85%;
	}
}

@media only screen and (max-width: 600px) {
	#pastable-wrap {
			border-top:3px solid white;
	}

}

/*************************

MEDIA QUERIES

************************/

/*--------------

MISC BREAKS

--------------*/

@media only screen and (max-width: 1600px) {
	.direct_embed.cooking_channel {
	    margin: -26% 0 0 0;
	}
	
	.span_2_of_3 .direct_embed.cooking_channel {
	    margin: -28% 0 0 0;
	}
}

@media only screen and (max-width: 1500px) {
	.direct_embed.cooking_channel {
	    margin: -27% 0 0 0;
	}
}


@media only screen and (max-width: 1300px) {
	.span_2_of_3 .direct_embed.cooking_channel {
	    margin: -32% 0 0 0;
	}
}

@media only screen and (max-width: 1265px) {
	
	.single-actions img {
		width:30%;	
	}
	
	#single-actions-book ul {
		width:65%;	
	}

}

/*--------------

TABLET: Portrait

--------------*/

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

	.tablet_hide {
		display:none;
	}
	
	#header-modal-wrap {
		display:none !important;
	}
	
	.mobile_only {
		display:inline-block;
	}
	
	#header {
		height:70px;
		padding:0;
	}
	
	#header .col.span_1_of_2:first-of-type {
		width:100%;
	}
	
	.masthead a.home {
		width:100%;
	}

	.masthead .center {
		height:240px;
		background:#ddeaf8 url('img/assets/sporkful_weblogo.svg') 60px bottom no-repeat; 
		background-size:auto 240px;
	}
	
	.masthead span.recognition {
		position:absolute; 
		top:-10px;
		right:0px;
		width:166px;
		height:108px;
		background:url('img/assets/awards_tablet.svg') 0 0 no-repeat; 
		background-size:auto 108px;
	}
	
	/*-------- STRUCTURE --------*/

	
	.col, .guttered .col, .guttered .span_1_of_3, .guttered .span_1_of_2, 
	.span_1_of_3, .span_1_of_2, .span_2_of_3, .guttered .span_2_of_3, 
	#page-wrap, .wrap {
		float:left;
		width:100%;
		margin:0;
	}
	
	.guttered .col.centered.span_2_of_3 {
		margin-left:0 !important;	
	}
		
	body.home .main {
		padding-top:30px;
	}	
	
	.page-inner-mobile {
		padding:0 30px 30px 30px; /*currently on About to align with team entries*/
	}
		
	/*-------- NAV --------*/
		
	#nav-toggle {
	}
	
	nav {
		float:left;
	}
		
	nav ul li {
		float:left;
		display:none;
		width:100%;
		padding:4px 0;
	}

	#footer nav ul li {
		display:block;
		margin-bottom:10px;
	}
	
	/*-------- ENTRIES --------*/

	
	div.entry {
		float:left;
		margin-bottom:35px;
	}
	
	div.title {
		padding:20px 0 0 0;
		height:auto;
	}	
	
	/*first*/
	.span_2_of_3 div.title {
		padding:15px 0;
		height:auto;
	}
		
	.title h2 a {
		font-size:22px;
	}

	.title h2 a,
	div.title h3 a {
		width:100%;
		position:relative;
		bottom:auto;
	}
	
	.direct_embed.cooking_channel {
	    margin: -22% 0 0 0%;
	}
	
		
	/*-------- FOOTER CONTENT -------*/
	
	#footer .wrap {
		padding-top:30px;
	}
	
	#footer .mobile_hide {
		display:none;
	}
	
	#footer .hidden {
		display:inline-block;
		width:100%;
	}
	
	#footer .footer_entry {
		padding:0;
	}
	
	#footer h4 {
		width:100%;
		margin-bottom:0;
	}

	#footer .arrow_down {
		 margin-bottom:70px;
	}
	
	#footer .icon {
		margin-top:50px;
	}
	
	div.footer_icon {
		position:absolute; 
		top:-50px;
		left:-25px;
		width:40px;
		height:40px;
	}
		
	#footer .guttered .col {
		margin-top:0;
	}
	
	#footer .hidden .footer_icon {
		top:-15px;
	}
	
	#footer_book {
		padding-bottom:120px;
	}
	
	#footer_mailing form {
		border:none;
	}
	
	#footer a.wnyc {
		display:inline-block;
	}
	
	#footer img.partner_logo {
		margin-bottom:30px;
	}


	#credits {
		padding-top:20px;
		text-align:left;
	}
	

	/*-------- SINGLE PAGES --------*/

	.single-meta {
		margin-top:20px;
	}
	
	.single-meta .addthis_default_style {
		float:left;
		width:100%;
		padding:20px 0;
	}

	.single-actions .bordered, .single-actions .bordered-right {
		border-right:none;
	}
	
	.single-content p, 
	.page-content p {
		width:100%;
	}
	
	.single-actions ul {	
		width:50%;
		padding:0 0 0 5%;

	}	

	.single-actions img {
		width: 12% !important;
	}
	
	.mobile-hide .single-actions {
		display:none;
	}
	
	.mobile_hide,
	.entry .mobile_hide {
		display:none;
	}
	
	#mobile-single-tags-actions {
		display:block;
	}
	
	/*-------- FORMS --------*/
	
	fieldset input[type="text"],  input[type="text"], 
	input[type="email"],
	fieldset textarea,  textarea {
		width: 80%;
	}
	
	 input[type="submit"] {
	 	width:60%;
	 }
	 
	 #footer input[type="submit"] {
	 	width:20%;
	 }
	 
	

}

/*--------------

PHONE: Portrait

--------------*/

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

	#header {
		height:50px;
	}
	
	#header ul.social li {
		padding-top:10px;
	}
	
	#header ul.social li.CTA {
		line-height:15px;
	}
	
	/*--------------*/

	#nav-toggle {
		width:50px;
		height:50px;
	}

	.nav-icon {
	  width: 30px;
	  height: 22px;
	  margin:15px auto;
	}
	
	.nav-icon span {
	  height: 4px;
	  border-radius: 6px;
	}	
	
	.nav-icon span:nth-child(2) {
	  top: 8px;
	  -webkit-transform-origin: left center;
	  -moz-transform-origin: left center;
	  -o-transform-origin: left center;
	  transform-origin: left center;
	}

	.nav-icon span:nth-child(3) {
	  top: 16px;
	}
	
	.nav-icon.open span:nth-child(1) {
	  -webkit-transform: rotate(45deg);
	  -moz-transform: rotate(45deg);
	  -o-transform: rotate(45deg);
	  transform: rotate(45deg);
	  top: -3px;
	  left: 4px;
	}

	.nav-icon.open span:nth-child(2) {
	  width: 0%;
	  opacity: 0;
	}

	.nav-icon.open span:nth-child(3) {
	  -webkit-transform: rotate(-45deg);
	  -moz-transform: rotate(-45deg);
	  -o-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	  top: 18px;
	  left: 4px;
	}

	/*--------------*/
	
	.panel nav ul li {
		line-height:50px;
	}
	
	/*--------------*/

	
	.masthead {
		margin-top:50px;
	}	

	.masthead .center {
		height:180px;
		background:#ddeaf8 url('img/assets/sporkful_weblogo.svg') center bottom no-repeat; 
		background-size:auto 180px;
	}
	
	.masthead span.recognition {
		display:none;
	}
	
	div.recognition_mobile {
		display:block;	
	}

	.excerpt {
		float:left;
		min-height:175px;
	}

	.span_1_of_2 div.title_play, .span_2_of_3 div.title_play {
			margin-top:-14%;
	}
	
	.audio-thumb .title_play {
		margin-top:-18% !important;
	}
	
	.span_2_of_3 div.audio-thumb div.title_play { 
		margin-top:-20% !important;
	}
	
	body.home .main {
		padding-top:15px;
	}	

}

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

	#header .panel form input[type="text"], 
	#header .panel form input[type="email"] {
		width:90%;
	}
}