/*
Theme Name: Bons Rapazes
Theme URI: bonsrapazes.com
Author: Bons Rapazes
Author URI: bonsrapazes.com
Description: Bons Rapazes
Version: 1
*/


/* =Reset
-------------------------------------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}
body{line-height:1;}
:focus{outline:1;}
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}
nav ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:none;}
a{border:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}
sup,sub{font-size:smaller;}
sup{vertical-align:super;}
sub{vertical-align:sub;}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* =Global
----------------------------------------------- */
body,
button,
input,
select,
textarea {
	font: 100%/1.62 'PT Serif', serif;
	color: #404040;
	background: #fff;
}

/* =Typography
----------------------------------------------- */
h1,h2,h3,h4,h5,h6 {
	font-family: 'Oswald', sans-serif;
	color: #454857;
	text-transform: uppercase;
	clear: both;
}
h3 {
	font-size: 16px;
}
h2 {
	font-size: 22px;
}
h1 {
	font-size: 30px;
}

@font-face {
  font-family: 'fa';
  src: url('type/fontawesome-webfont.eot?v=4.0.3');
  src: url('type/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('type/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('type/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('type/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

/* Links */
a {
	color: #404040;
	text-decoration: none;
}
a:hover,
a:focus,
a:active {
	text-decoration: underline;
}

.entry-content a {
	color: #B92D2C;
}
.entry-content a:hover,
.entry-content a:focus,
.entry-content a:active {
	color: #DB302C;
}


/* Elements */
p {
	margin-bottom: 1.5em;
}
ul, ol {
	margin: 0 0 1.5em 3em;
}
ul {
	list-style: disc;
}
ol {
	list-style: decimal;
}
li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

/* =Content
----------------------------------------------- */
.wrap {
	max-width: 1055px;
	margin: 3rem auto;
}
.site-main {
	display: flex;
}
	@media screen and (max-width: 1090px) {
		.site-main {
			padding: 0 16px;
		}
	}

	@media screen and (max-width: 900px) {
		.site-main {
			flex-direction: column;
			padding: 0 32px;
		}
	}

#page {
	background: #fff;
}
#primary {
	flex: 1;
}
#secondary {
	width: 300px;
	margin-left: 32px;
}
	@media screen and (max-width: 900px) {
		#secondary {
			width: 100%;
			margin-left: 0;
		}
	}

/* =Header
----------------------------------------------- */
#header {
	width: 100%;
	margin: 0;
	position: relative;
}

	@media screen and (max-width: 600px) {
		#header {
			overflow: hidden;
		}

		.bg-img {
			max-width: 140%;
			margin-left: -40%;
		}
	}

.site-title {
	position: absolute;
	width: 400px;
    height: 105px;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left: -200px;
}
	@media screen and (max-width: 600px) {
		.site-title {
			width: 330px;
			margin-left: -165px;
		}
	}

#nav-top {
	width: 100%;
	margin-top: -7px;
	background: #222;
}
	#nav-top .wrap {
		margin: 0 auto;
		padding: 0;
	}
#site-navigation {
	font-family: 'Oswald', sans-serif;
	text-transform: uppercase;
}
	#site-navigation li {
		margin: 0 16px;
	}
	#site-navigation a {
		padding: 20px 0;
		color: #777;
		/* letter-spacing: 1px; */
	}
		#site-navigation a:hover {
			color: #ddd;
		}


/* =Primary
----------------------------------------------- */


/* =Primary - Blog
----------------------------------------------- */
.home .post,
.archive .post {
	display: flex;
	/*display: block;*/
}
	@media screen and (max-width: 768px) {
		.home .post,
		.archive .post,
		.post {
			display: block;
		}
	}

.entry-header {
	margin-bottom: 8px;
}
.entry-title {
	line-height: 1.2em;
}
.entry-meta,
.navigation-paging,
.navigation-post {
	font-family: 'PT Mono', sans-serif;
	font-size: 10px;
	color: #72818B;
	text-transform: uppercase;
	letter-spacing: 2px;
}
.entry-summary {
	font-size: 14px;
}
.entry-content {
	font-size: 15px;
}

/* =Primary - Post Styles
----------------------------------------------- */
.post {
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #eee;
}
.style-row {
	
}
	.style-row .post-thumb {
		width: 260px;
		height: 260px;
		margin-right: 26px;
		overflow: hidden;
	}
	@media screen and (max-width: 1090px) {
		.style-row .post-thumb {
			width: 200px;
			height: 200px;
		}
	}
	@media screen and (max-width: 768px) {
		.style-row .post-thumb {
			width: 100%;
		}
	}

	.style-row .post-content {
		flex: 1;
		margin-top: 10px;
	}

/* =Primary - Social Shares
----------------------------------------------- */
.entry-social ul {
	margin: 0;
	list-style: none;
}
	.entry-social li {
		display: inline-block;
		margin-right: 10px;
	}
	.entry-social li.social-fb {
		vertical-align: 6px;
	}
	.entry-social li.social-pin {
		vertical-align: 6px;
	}

.single .entry-social {
	margin: 1em 0;
}

/* =Primary - Related Posts
----------------------------------------------- */
#related-posts {
	
}
.related-posts-title {
	margin-bottom: 20px;
}
.related-thumb {
	float: left;
	margin: 0 32px 50px 0;
}
	.related-thumb.last {
		margin-right: 0;
	}
	.related-thumb h3 {
		width: 215px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}
.related-img {
	display: block;
	width: 216px;
	height: 216px;
	overflow: hidden;
	margin-bottom: 8px;
}
	.related-img img {
		max-width: 322px;
		height: auto;
	}

/* =Primary - Archive / Search
----------------------------------------------- */
.archive h3.page-title,
.search h3.page-title {
	margin-bottom: 8px;
	color: #999;
}

/* =Secondary
----------------------------------------------- */
#secondary {
	font-size: 14px;
}

/* =Secondary - Social Links
----------------------------------------------- */
.social-links {
	margin-bottom: 16px;
	font-family: 'fa';
}
	.social-links ul {
		margin: 0;
		list-style: 0;
	}
	.social-links li {
		display: inline-block;
		margin-right: 8px;
	}
	.social-links a {
		position: relative;
		display: block;
		width: 32px;
		height: 32px;
		background: #404040;
		overflow: hidden;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
	}
	.social-links a:before {
		color: #fff;
		position: absolute;
		top: 6px;
	}
	.social-links .facebook a:before {
		content: "\f09a";		
		left: 13px;
	}
	.social-links .twitter a:before {
		content: "\f099";
		left: 10px;
	}
	.social-links .tumblr a:before {
		content: "\f173";
		left: 11px;
	}
	.social-links .instagram a:before {
		content: "\f16d";
		left: 8px;
	}
	.social-links .googleplus a:before {
		content: "\f0d5";
		left: 10px;
	}
	.social-links a:hover {
		color: #888;
		background: #888;
	}

/* =Footer
----------------------------------------------- */
#footer {
	width: 100%;
	margin: 2rem 0 0;
	font-size: 14px;
	background: #404040;
}
	#footer,
	#footer a {
		color: #ddd;
	}
	#footer .wrap {
		margin: 2rem auto;
	}
	#footer p {
		margin-bottom: 10px;
	}
	#footer .site-info {
		padding: 0;
	}

#ptisp-logo {
	display: inline-block;
	width: 48px;
	height: 22px;
	margin: 0 10px;
	background: url('img/ptisp-logo.png') 0 0 no-repeat;
	background-size: 48px 57px;
	text-indent: -100%;
	vertical-align: -2px;
}
	#ptisp-logo:hover {
		background-position: 0 -38px;
	}

/* =Ads
----------------------------------------------- */
.hmads_728x90 {
	width: 728px;
	width: 960px; /* mod */
	margin: 0 auto;
}

/* =Media
----------------------------------------------- */
img {
	max-width: 100%;
	height: auto;
}
embed,
iframe,
object {
	max-width: 100%;
}
/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/* =Menu
----------------------------------------------- */
.navigation-main {
	clear: both;
	display: block;
	width: 100%;
}
.navigation-main ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
	text-align: center;
}
.navigation-main li {
	position: relative;
	display: inline-block;
}
.navigation-main a {
	display: block;
	text-decoration: none;
}
.navigation-main ul ul {
	display: none;
	float: left;
	position: absolute;
		top: 65px;
		left: 50%;
		margin-left: -96px;
	z-index: 99999;
	background: #232323;
	border-top: 1px solid #444;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
}
.navigation-main ul ul ul {
	left: 100%;
	top: 0;
}
.navigation-main ul ul a {
	width: 160px;
}
.navigation-main ul ul li {
}
.navigation-main li:hover > a {
}
.navigation-main ul ul :hover > a {
}
.navigation-main ul ul a:hover {
}
.navigation-main ul li:hover > ul {
	display: block;
}
.navigation-main li.current_page_item a,
.navigation-main li.current-menu-item a {
}

/* Small menu */
.menu-toggle {
	display: none;
	cursor: pointer;
	color: #fff;
	padding-left: 16px;
	font-size: 24px;
}

.main-small-navigation ul {
	display: none;
}

@media screen and (max-width: 600px) {
	.menu-toggle,
	.main-small-navigation ul.nav-menu.toggled-on {
		display: block;
	}

	.navigation-main ul {
		display: none;
	}
}

/* =Navigation
----------------------------------------------- */
.site-content [class*="navigation"] {
	margin: 0 0 1.5em;
	overflow: hidden;
}
[class*="navigation"] .nav-previous {
	float: left;
	width: 50%;
}
[class*="navigation"] .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/* =Comments
----------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}
.bypostauthor {
}

/* =Forms
----------------------------------------------- */
button,
input,
select,
textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle;
}
button,
input {
	line-height: normal;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid #ccc;
	border-color: #ccc #ccc #bbb #ccc;
	border-radius: 3px;
	background: #e6e6e6;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05);
	color: rgba(0, 0, 0, .8);
	cursor: pointer;
	-webkit-appearance: button;
	font-size: 14px;
	line-height: 1;
	padding: .6em 1em .4em;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}
button:hover,
html input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa #bbb;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02);
}
button:focus,
html input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
html input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
	border-color: #aaa #bbb #bbb #bbb;
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15);
}
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
input[type="search"] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	-moz-box-sizing:    content-box;
	box-sizing:         content-box;
}
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	color: #111;
}
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"] {
	padding: 3px;
}
textarea {
	overflow: auto;
	padding-left: 3px;
	vertical-align: top;
	width: 98%;
}



/* =Widgets
----------------------------------------------- */
.widget {
	margin: 0 0 1.75em;
}
.widget select {
	max-width: 100%;
}
.widget_search .submit {
	display: none;
}

/* =Misc
----------------------------------------------- */
/* Clearing */
.clear:before,
.clear:after,
.post:before,
.post:after,
#nav-top:before,
#nav-top:after,
[class*="content"]:before,
[class*="content"]:after,
[class*="site"]:before,
[class*="site"]:after {
	content: '';
	display: table;
}

.clear:after,
.post:after,
#nav-top:after,
[class*="content"]:after,
[class*="site"]:after {
	clear: both;
}
/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}

/* FB */
.fb_iframe_widget iframe {
	max-width: 635% !important;
}

/* Footer Luvin */
#footer-branded {
	position: relative;
}
	#footer-branded a:hover img {
		opacity: .75;
	}
	#footer-branded img {
		height: auto;
	}
	#footer-branded p {
		margin-bottom: 8px;
	}
	
.footer-info {
	
}
	@media screen and (max-width: 1080px) {
		.footer-info {
			padding: 0 16px;			
		}
	}

	.footer-info img {
		width: 110px;
	}
	
.footer-luvin {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -24px;
}

	@media screen and (max-width: 1080px) {
		.footer-luvin {
			right: 16px;			
		}
	}

	.footer-luvin img {
		width: 135px;
	}

/* =Transitions
----------------------------------------------- */
a,
#footer-branded a img {
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
}