/*
Theme Name:     KCRW Triplicity Child
Description:    
Author:         Sean Habibi
Template:       kcrw-triplicity

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/




/* Set max-width of iframes to 100% (useful for mobile views) */
iframe {
	max-width: 100%;
}

/* add bottom padding to author name on mobile */
@media (max-width: 768px) {
	.entry-footer {
		border-top: 1px solid #e6e6e6;
		padding-bottom: 3rem;
	}
}

/* increasing padding and set background position for category images */
.page-title-group.with-image {
	background-position: center center;
	padding: 45px 0;
}

/* Add Flama Bold Italic */
@font-face {
  font-family: "Flama Book Italic";
  src: url(//www.kcrw.com/++theme++kcrw.theme/fonts/Flama-BoldItalic.eot);
  src: url(//www.kcrw.com/++theme++kcrw.theme/fonts/Flama-BoldItalic.eot?#iefix) format('embedded-opentype'), url(//www.kcrw.com/++theme++kcrw.theme/fonts/Flama-BoldItalic.woff) format('woff'), url(//www.kcrw.com/++theme++kcrw.theme/fonts/Flama-BoldItalic.ttf) format('truetype'), url(//www.kcrw.com/++theme++kcrw.theme/fonts/Flama-BoldItalic.svg#svgFontName) format('svg');
  font-weight: "bold";
  font-style: "italic";
}

.img-circle{
	border-radius: 50%;
}


/* CUSTOM FEEDIFY STYLE */
.feedify-item-header{
	background-color: #FFF;
}

.feedify-item-header h3{
	margin: 0 0 1rem 0;
	text-transform: inherit !important;
}

@media (max-width: 768px) {
	.feedify-item-header h3{
		font-size: 1.3rem !important;
	}
}

.fixed .feedify-item-header{
	-webkit-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.4);
	   -moz-box-shadow: 0 8px 6px -6px rgba(0,0,0,0.4);
	        box-shadow: 0 8px 6px -6px rgba(0,0,0,0.4);
}

.feedify-item:focus, #top:focus{
	outline: none !important;
}


/* STYLES FOR OFF THE BLOCK SUBSCRIBE BUTTONS */


.off-the-block-sub-buttons div:last-of-type{ padding-right: 0px; }

.off-the-block-sub-btn{
	display: inline-block;
	float: left;
	width: 50%;
	box-sizing: border-box;
	padding-right: 10px;
}

.off-the-block-sub-btn a{
	display: inline-block;
	text-align: center;
	background: #e1915d;
	color: #FFF;
	padding: 20px;
	box-sizing: border-box;
	width: 100%;
	border-radius: 4px;
	font-family: "Flama SemiBold";
	box-shadow: 0 5px 0 #b17247;
	text-transform: uppercase;
	font-size: 24px;
	position: relative;
}

.off-the-block-sub-btn a:hover{
	top:2px;
	box-shadow: 0 3px 0 #b17247;
}




/* HIDE SLIDESHOW CAPTIONS ON MOBILE */
@media (max-width: 600px) {
	.gallery-caption{display: none;}
}