/*Theme Name: Ari Vegan
Version: 1.0
Author: Danielle Cabral
Author URL: http://twitter.com/dcabraldesign*/

html, body, div, span, h2, h3, blockquote, pre, a, code, em, font, img, small, strong, b, i, ol, ul, li, fieldset, 

form, label, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; border: 0; outline: 0;}

html, body {font: 13px PT Sans; text-align: justify; background: #fff url(images/bg.png) top center no-repeat; }

@font-face {
	font-family: 'Quentin';
	src: url('Quentin.eot');
	src: url('Quentin.eot#iefix') format('embedded-opentype'),
		url('Quentin.woff') format('woff'),
		url('Quentin.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


*, *:after, *:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/*HEADER*/
#header {width: 100%; height:323px; background: url(images/logo.png) center no-repeat; margin-bottom: 10px; float: left; margin-top: 75px;}
#content {width:90%; margin: 0px auto; }

/*MENU*/
#menu {width: 100%; position: fixed; padding-top: 30px; padding-bottom: 30px; background: #1d1d1d; margin: 0px auto; font-family: Montserrat; font-weight: 600; font-size: 12px; text-transform: uppercase; text-align: left; height: 75px; position: relative; z-index: 100000; position: fixed;}
#menu a {color: #fff; margin-right: 40px; padding-bottom: 26px; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
#menu a:last-child {margin-right: 0px;}
#menu a:hover {padding-bottom: 26px; border-bottom: 4px #fff solid; color: rgba(255,255,255,0.7); -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
#menu #redes {height:25px; margin-top: -5px; float: right;}
#menu #redes #r {width: 25px; height: 25px; border-radius: 50%; background: #fff; font-size: 10px; display: table; position: relative; float: left; text-align: center;}
#menu #redes a {margin-right: 20px; float: left;}
#menu #redes #r i {display: table-cell; vertical-align: middle; color: #1d1d1d; }
#menu #redes a:last-child {margin-right: 0px;}
#menu #redes a:hover {border-bottom: 0px !important;}

/*DESTAQUES*/
#destaques {width: 100%; height: 350px; float: left; margin-bottom: 20px;}
#destaques #post {width: calc(100%); float: left; height: 350px; position: relative; margin-right: 0px; background: #1d1d1d; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
#destaques #post #titulo {bottom: 20px; left: 20px; width: calc(100% - 40px); background: #fff; font-family: Montserrat; font-weight: 600; font-size: 12px; text-transform: uppercase; position: absolute; padding: 20px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
#destaques #post #thumb {width: 100%; height: 100%; opacity: 0.4; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}
#destaques #post:hover #thumb {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease; opacity: 0.8;}
#destaques #post #titulo a {color: #1d1d1d;}
#destaques #post:hover #titulo {bottom: 30px; -webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;-o-transition: all 0.3s ease;}


/*POSTS*/
#noticias {width: 100%; float: left;}
#posts {width: calc(70% - 20px); float: left;}
#posts #post {width: 100%; float: left; padding: 20px; border: 1px rgba(0,0,0,0.05) solid;}
#posts #post #titulo {font-family: Montserrat; font-size: 22px; font-weight: 400; width: 100%; float: left; text-transform: uppercase; letter-spacing: 2px; position: relative; padding-bottom: 30px; text-align: center;}
#posts #post #titulo a {color: #1d1d1d;}
#posts #post #titulo::after {content: ""; background: rgba(0,0,0,0.05); width: 6%;  margin-left: auto; margin-right: auto; height: 2px; position: absolute; bottom: 15px; left: 0; right: 0;}
#posts #post #thumb {width: 100%; height: 300px; float: left; margin-bottom: 15px;}
#posts #post #data {width: 100%; float: left; font-family: Montserrat; font-weight: 500; font-size: 10px; text-transform: uppercase; color: #878787; text-align: center; margin-bottom: 15px; letter-spacing: 1px;}
#posts #post #conteudo {font-family: Montserrat; font-size: 13px; line-height: 22px; color: #878787; width: 100%; float: left; padding-bottom: 50px;}
#posts #autor {padding: 20px; width: 100%; border: 1px rgba(0,0,0,0.05) solid; float: left; margin-bottom: 20px; border-top: 0px; position: relative;}
#posts #autor #foto {width: 100px; height: 100px; border-radius: 50%; overflow: hidden; background: transparent; margin: 0px auto; margin-top: -70px; margin-bottom: 10px; }
#posts #autor #foto img {width: 100px; height: 100px;}
#posts #autor #nome {font-family: Quentin; font-size: 35px; color: #1d1d1d; text-align: center; width: 100%;  float: left; margin-top: -5px;}
#posts #autor #postado {width: 100%; font-family: Montserrat; font-size: 10px; font-weight: 500; color: #878787; font-size: 10px; text-transform: uppercase; text-align: center; letter-spacing: 1px;}
#posts #autor #redes {position: absolute; left: 20px; top: calc(50% - 47.5px); width: 25px; }
#posts #autor #redes #r {width: 25px; height: 25px; background: rgba(0,0,0,0.05); content: "f232"; color: #1d1d1d; text-align: center; font-size: 10px; display: table; position: relative; margin-bottom: 10px;}
#posts #autor #redes #r i {display: table-cell; vertical-align: middle;  color: #1d1d1d; }


/*SIDEBAR*/
#sidebar {float: right; width: 30%;}
#sidebar #foto {width: 100%; height: 300px; float: left; margin-top: 0px; background: #000;}
#sidebar #box {border: 1px rgba(0,0,0,0.05) solid; float: left; padding: 20px; width: 100%; border-top: 0px; margin-bottom: 20px;}
#sidebar #nome {font-family: Quentin; color:#1d1d1d; font-size: 30px; width: auto; text-align: center;   padding:10px; margin-right: auto; margin-left: auto; padding-bottom: 30px; position: relative;}
#sidebar #bio {font-family: Montserrat; font-size: 13px; color: #878787; line-height: 22px; width: 100%; margin-bottom: 20px;}
#sidebar #nome::after {content: ""; background: rgba(0,0,0,0.05); width: 10%;  margin-left: auto; margin-right: auto; height: 2px; position: absolute; bottom: 15px; left: 0; right: 0;}
#sidebar #redes {margin-left: auto; margin-right: auto; height: 25px;  width: 205px;}
#sidebar #redes #r {width: 25px; height: 25px; border-radius: 50%; background: rgba(0,0,0,0.05); font-size: 10px; display: table; position: relative; float: left; text-align: center;}
#sidebar #redes a {margin-right: 20px; float: left;}
#sidebar #redes #r i {display: table-cell; vertical-align: middle; color: #1d1d1d; }
#sidebar #redes a:last-child {margin-right: 0px;}
#sidebar #titulo {padding: 20px; position: relative; margin-top: 15px; border: 1px rgba(0,0,0,0.05) solid; font-family: Quentin; font-size: 30px; color: #1d1d1d; float: left; width: 100%; text-align: center; border-bottom: 0px; padding-bottom: 30px;}
#sidebar #titulo::after {content: ""; background: rgba(0,0,0,0.05); width: 10%;  margin-left: auto; margin-right: auto; height: 2px; position: absolute; bottom: 15px; left: 0; right: 0;}
#sidebar #titulo #c {width: 30px; height: 30px; position: absolute; top: -15px; left: calc(50% - 12.5px); background: #f2f2f2; font-size: 10px; display: table; text-align: center; border-radius:50%;}
#sidebar #titulo #c i {display: table-cell; vertical-align: middle; color: #1d1d1d; }
#sidebar #box iframe {width: 100%; height: 250px;}
input#newsletteri {width: 100%; float: left; font-family: Quentin; font-size: 30px; font-weight: 500; font-size:25px; color :#1d1d1d; text-align: center; margin-top: 5px; background: transparent; cursor: pointer;}
.newsletter input[type=text], .newsletter input[type=email] {padding: 15px; width: 100%; float: left; margin-bottom: 10px; background: #f2f2f2; color: #878787; font-size: 10px; text-transform: uppercase; font-weight: 500; font-family: Montserrat; font-weight: 500; letter-spacing: 1px;}
#newsletter {width: 100%; float: left; margin-top: 0px;}
#newsletter .news {float: left;}
#maislidos {width: calc(100% + 40px); margin-left: -20px;}
#maislidos #post {width: 100%; border-top: 1px rgba(0,0,0,0.05) solid; border-bottom: 1px rgba(0,0,0,0.05) solid; height: 90px; padding: 15px; float: left; padding: 15px; }
#maislidos #post:nth-child(2) {border-top: 0px;}
#maislidos #post:nth-child(3) {padding-bottom: 0px; border-top: 0px; border-bottom:0px; height: 70px;}
#maislidos #post #thumb {width: 60px; height: 60px; float: left; margin-right: 15px;}
#maislidos #post #titulom {font-family: Montserrat; font-weight: 500; font-size: 11px; text-transform: uppercase; color: #878787; letter-spacing: 1px; width: calc(100% - 75px); float: left;}
#maislidos #post #titulom a {color: #878787;}
#busca {width: 100%; height: auto; position: relative;}
input#searchsubmit {cursor: pointer; height: 37px; width: 37px; top: 0px; right: 0px; background: #1d1d1d url(images/search.png) center no-repeat; position: absolute; border-radius: 0%;}
#search [type="text"] { font-family: Open Sans; font-weight: 500; font-size: 11px; color: #878787; background: #fff; padding: 10px; padding-top: 10px; padding-bottom: 10px; width: 100%; height: 37px; border: 1px rgba(0,0,0,0.05) solid; letter-spacing: 1px; }

/*FOOTER*/
#footer {width: 100%; float: left; font-family: Montserrat; font-size: 12px; letter-spacing: 1px; color: #878787; text-align: center; padding-top: 40px; padding-bottom: 40px;}
#footer a {color: #878787; padding-bottom: 5px; border-bottom: 2px #1d1d1d solid;}

/*INSTAGRAM*/
#instagram {width: 100%; height: auto; clear: both; position: relative;}
#instagram #icon {width: 25px; height: 25px; background: #f2f2f2; font-size: 10px; display: table; text-align: center; border-radius:50%; position: absolute; top: calc(50% - 12.5px); left: calc(50% - 12.5px);}
#instagram #icon i {display: table-cell; vertical-align: middle; color: #1d1d1d; }

/*ETC*/
@media screen and (min-width: 1040px) {#content {width: 1040px;}}
a {text-decoration: none;}
#clear {Clear: both;}
em, i {color: #d35757;}
#posts #post iframe:not(.instagram-media) {width: 100%; height: 300px;}
#noticias #conteudo a {color: #1d1d1d;}
#noticias #conteudo img {max-width: 100%;}
#noticias #conteudo a img {border: 0px #eee solid; margin-right: 5px;}
#noticias #conteudo a img:hover {border:0px #f3c92a solid;}
b, strong {color: #1d1d1d;}
blockquote {padding: 15px; border: 1px rgba(0,0,0,0.05) solid;}
h1 {float: left; margin: 0px; margin-bottom: 10px; font-family: Montserrat; font-weight: 500; font-size: 11px; color: #878787; width: calc(100%); padding: 20px; background: transparent; border: 1px rgba(0,0,0,0.05) solid; letter-spacing: 1px;}
h1 em, h1 i {color: #1d1d1d;}
#sidebar a {color: #1d1d1d;}
#comentarios {padding: 20px; width: 100%; background:#fff; border: 1px rgba(0,0,0,0.05) solid; float: left; margin-bottom: 10px;}
input, textarea, select, button { margin: 0; padding:4px; font-size: 11px; background-color: 
#f8f8f8; color: #414141; border: 0px solid #ebebeb; outline:none;}

.aligncenter {margin-left: auto; margin-right: auto; display: block;}
.alignleft {float: left; margin-bottom: 10px; margin-right: 10px;}
.alignright {float: right; margin-left: 10px; margin-bottom: 10px;}

/*Prevent text wrapping*/
li ul li a {
	width: auto;
	min-width: 100px;
	padding: 0 20px;
}

ul {padding: 0px; margin: 0px;}

/*Display the dropdown on hover*/
#menu a:hover + .hidden, .hidden:hover {
	display: block;
}

/*Style 'show menu' label button and hide it by default*/
.show-menu {
	font-family: Montserrat; font-weight: 500; font-size: 11px; text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	background: #1d1d1d;
	text-align: center;
	padding: 20px;
	display: none;
   width: 90%; margin: 0px auto; margin-top: 40px;
}

/*Hide checkbox*/
input[type=checkbox]{
    display: none;
    -webkit-appearance: none;
}

/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
    display: block;
}


/*Responsive Styles*/

@media screen and (max-width : 1039px){
	/*Make dropdown links appear inline*/
	
#menu{
		position: static;
		display: none;
	}
	/*Create vertical spacing*/
	li {
		margin-bottom: 1px;
	}
	/*Make all menu links full width*/
	
 #menu a {
		width: 100%;
	}
	/*Display 'show menu' link*/
	.show-menu {
		display:block;
	}
}


/*Pagenavi */
#pag {clear: both; margin: 0px auto; height: auto; height: auto; background: transparent; width: 100%; margin-bottom: 20px; background: transparent; float: left; border: 1px rgba(0,0,0,0.05) solid;}

.wp-pagenavi {
	font-family: Montserrat; font-weight: 600;
	font-size:10px; 
	text-transform:uppercase;
       
}
.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	padding: 15px ; 
	color:#878787;  float: left; text-align: center;
	margin-right: 0px;	
background: transparent;
}

.wp-pagenavi a:last-child {margin-right: 0px;}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	color:#1d1d1d; 

}