/***************************************************************
****************************************************************
**
** Theme Name: TV Quotes
** Theme URI:  http://tvquotes.co/
** Description: Theme for TV Quotes
** Version: 1.0
**
** Author: Jonathan Bosley
** Author URI: http://www.thecodex.us
**
** Built on Foundation & WordPress
** http://foundation.zurb.com/
**
****************************************************************
***************************************************************/
/* Global Styles */
input, button, a{ outline: none; }
p{ font-size: 16px; font-size: 1.6rem; }
iframe{ max-width: 100%; }

/* Globally Reused Classes */
.bold{ font-weight: 700; }
.uppercase{ text-transform: uppercase; }
.text-center{ text-align: center; }
.text-right{ text-align: right; }
.orange{ color: #dd711f; }
.dark-orange{ color: #9a3a1a; }
.row .twelve.columns{ margin-left: 0; }
.ads, .secondary-ads, .footer-adspace{ margin: 25px auto; overflow: hidden; }
.external-link{ padding-right: 8px; }
.external-link:after { content: "\f08e"; font: normal normal normal 14px/1 FontAwesome; margin-left: 3px; }
.table{ display: table; width: 100%; height: 100%; }
.table-cell{ display: table-cell; height: 100%; }
.v-middle{ vertical-align: middle; }
.page-title{ padding: 25px 0; }

/* Typography */
body{ font-family: 'Montserrat', sans-serif; overflow-x: hidden; }
h1, h2, h3, h4, h5, h6{ font-family: 'Carter One', cursive; }

/* Global Disclaimer */
.global-disclaimer{ text-align: center; padding: 20px; }
.global-disclaimer h4{ color: #C00000; margin-bottom: 15px; }
.global-disclaimer h5{ color: #E82A2A; }

/* Header */
.branding .logo{ display: block; max-width: 125px; margin: 15px auto; }

/* Homepage */
.home .headline h1{ font-size: 35px; font-size: 3.5rem; }
.recently-added{ padding: 25px 0 15px; }
.most-popular h3{ margin: 15px 0; }

/* Share */
.addthis-smartlayers .atss.atss-right .at4-share-title{ float: none; text-align: center; color: #9a3a1a; font-weight: bold; text-transform: uppercase; font-size: 12px; }

/* Tags */
.tag-cloud{ max-width: 500px; margin: 25px auto; }
.tag-cloud h2{ margin-bottom: 15px; text-align: center; }

/* Search */
.search-wrap{ max-width: 600px; margin: 25px auto; position: relative; }
.search-wrap input{ width: 100%; font-size: 18px; padding: 8px 12px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: 1px solid #555; margin: 0; -webkit-border-radius: 0;border-radius: 0; height: 39px; }
.search-wrap button{ border: none; cursor: pointer; position: absolute; right: 0; top: 0; width: 41px; height: 39px; font-size: 25px; font-size: 2.5rem; background-color: #dd711f; color: #fff; text-align: center; padding: 2px 6px 3px; }

/* Lists */
.show-list .show, .search-results .search-result{ margin-bottom: 15px; padding-bottom: 13px; border-bottom: 1px solid #d0d2d3; }
.show-list .show:last-child, .search-results .search-result:last-child{ border: none; }

/* Single Show */
.show-info{ clear: both; padding: 45px 0; }

/* Single Quote */
.media h4{ margin-top: 25px; margin-bottom: 15px; }

/* Media Viewer */
.media-viewer{ clear: both; padding: 45px 0; }
.media-viewer img{ display: block; margin: 0 auto; }

/* Pagination */
.pagination{ padding: 25px 15px; margin-top: 25px; border-top: 1px solid #555; border-bottom: 1px solid #555; text-align: center; font-size: 20px; font-size: 2.0rem; }

/* Comments */
#commentBox{ max-width: 600px; margin: 25px auto; }
#comment{ width: 100%; }
#comments{	position: relative; margin: 0 0 25px 0px; width: 98%; padding: 10px 0 0 0; }
#content.project #comments{ padding-top: 30px; }
#comments ul{ list-style: none; margin: 0 0 25px 0;	}
#comments h3{ margin: 0 0 25px 0; }
#content #comments ul li{ font-size: 1em !important; }
#trackbacks{ margin: 25px 0 0 35px; }
ol#commentslist{ margin: 0; list-style: none; padding: none; padding: 0; }
#commentslist .children li{ padding: 15px 0 0 25px; background: transparent url(images/comment_marker.gif) no-repeat 0px 40px;	border-left: 1px solid #e3e3e3;	}
.comment{ position: relative; margin: 0 0 0 0; padding: 0 0 20px 0; }
.comment .avatar{ position: absolute; left: 0; top: 0; border-radius: 35px;	-webkit-border-radius: 35px; -moz-border-radius: 35px; -o-border-radius: 35px; -ms-border-radius: 35px; -khtml-border-radius: 35px; width:50px; height:50px; }
#commentForm label{ font-size: 14px; font-size: 1.4rem; padding-top: 2px; }
#commentForm #respond input:not(#submit){ width: 50%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: 1px solid #555; }
.comment h5{ margin: 0 0 0 80px; padding: 0; }
.comment .date{	margin: -5px 0 10px 80px; display: block; color: #a5a5a2; font-style: italic; font-size: .75em; }
.comment p{	 margin: 0 0 10px 80px; }
.comment-reply-link,.comment-reply-login{ margin: 0 0 0 80px; font-size: .75em; }
.comment-reply{	display: inline-block!important; padding: 0 0 0 10px; }
#comment-add{ position: absolute; top: -5px; right: 0px; }
.moderation{ margin: 0px; padding: 0 0 10px 25px; }
#trackbacks ul{ margin: -5px 0 15px; }
#trackbacks ul li{ padding: 5px 0 5px 20px;	}

/* Comment Form */
#commentForm{ position: relative; margin: 25px 0; }
#comments #respond{ position: relative; padding: 0 0 0; margin: 0; }
#respond .form-allowed-tags{ display: none; }
#respond form{	margin: 0; padding: 0; position: relative; }
.cancel-comment-reply{ float: right; margin: 5px 90px 0 0; }
#comments textarea{ width: 90% !important; }
#comments input[type="text"]{ width: 50%; margin-right: 20px; }
#commentForm #submit{ display: block; margin: 0 auto; font-family: 'Montserrat', sans-serif; }

/* Footer */
.footer{ text-align: center; margin-top: 25px; margin-bottom: 35px; }
.footer .social-media{ margin: 25px auto; text-align: center; font-size: 32px; }
@media screen and (max-width: 767px){
	.media h4{ text-align: center; }
	.media iframe, .media img{ display: block; margin: 0 auto; }
}
@media screen and (max-width: 500px){
	#commentForm #respond input:not(#submit){ width: 100%; }
}