/*Theme Name  
Theme URI: http://biokwanza.com
Description:  biokwanza
Version: 1.0

@charset "utf-8";
@import url("css/normalize.css");

/* -- geral -- */
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;
}

*{
outline:none;
}

body {
background: #fff;
font-size:13px;
font-family: arial;
}

html {
background: #FFF;
}

ul {
padding:0px;
list-style:none;
}

/* -- links -- */
a {
color: #333491;
text-decoration: none;
}

a:hover {
color: #333491;
}


/* -- header -- */
#header {
width:100%;
}

/* -- estrutura -- */
#pagina {
width: 1100px;
margin:auto;
padding-top: 30px;
}

/* -- sidebar -- */
#sidebar {
float: right;
width: 260px;
}

.widget {
width:260px;
padding: 10px;
float:left;
background: #fff;
margin-bottom: 35px;
font-family: 'Montserrat', sans-serif;
color: #2d2d2d;
}
.widget img{
	max-width: 280px;
}

.widget h1 {
color: #2d2d2d;
text-align: left;
font-family:'Montserrat', sans-serif;
font-size: 18px;
text-transform: uppercase;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 0px;
width: 100%;
height: auto;
margin-bottom: 10px;
margin-top: 0px;
margin-left: 0px;
background: none;
width: 280px;
border-bottom: 1px solid #2d2d2d;
}

.about-widget { 
background:#fff;
color:#231f20;
font-family: 'Montserrat', sans-serif;
font-size:26px;
text-align: center;
padding-bottom:15px;
}

.about-widget p {
font: normal 12px 'Montserrat', sans-serif;
margin-top: 0px;
text-align: center;
}
.widget:nth-child(1) {
margin-bottom: -30px;
}

/* sociais */
.sswidget_social li {
float: left;
margin-left: 5px;
}

.sswidget_social li:nth-child(1) {
margin-left: 50px;
}

.sswidget_social a {
color: #fff;
background: #231f20;
padding: 5px 0px 5px 0px;
font-size: 22px;
border-radius: 20px;
width: 40px;
float: left;
text-align: center;
}

.sswidget_social a:hover {
background: #333491;
color:#fff;
}

/* calendário */
#calendar_wrap {
display:block;
}

#calendar_wrap table {
width:100%; 
text-align:center;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
}

#calendar_wrap caption {
padding-bottom:7px;
padding-top: 7px; 
background: #89273e;
color: #fff;
}

#calendar_wrap th, #calendar_wrap td {
border:1px solid #f1f1f1; 
padding:2px 3px; 
font-size:80%; 
text-transform:uppercase;
}

#calendar_wrap .tagcloud {
font-style:italic; 
font-family:Georgia, "Times New Roman", Times, serif;
}

#calendar_wrap .tagcloud a {
color:#3e3e3e;
}

#calendar_wrap .tagcloud a:hover {
color:#9cdcda;
}

#calendar_wrap form {
text-align:center;
}

#calendar_wrap span {
display:none; 
visibility:hidden;
}

#calendar_wrap input {
background:#fff; 
border:1px solid #f1f1f1; 
width:70%; 
display:block; 
float:left; 
padding:7px; 
margin:0;
}

#calendar_wrap input[type="submit"] {
width:auto; 
margin:0 0 0 2px;
}

/* select */
#sidebar select {
background:transparent;
border:1px solid #bebebe;
width:100%;
}


/* postagens  */
#conteudo {
width: 100vw !important;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    max-width: none !important
}

.post-page {
width: 100vw !important;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw !important;
    margin-right: -50vw !important;
    max-width: none !important
}

.post {
width: 950px;
padding: 10px;
float: left;
margin-bottom: 30px;
background: #fff;
text-align: justify;
font-size: 17px;
line-height: 25px;
color: #000;
font-family: 'arial';
border-bottom: 0px solid #696969;
}

.ecae-image a, .ecae-image img {
    width: inherit;
    height: inherit;
    max-width: 100%;
    float: center;
    margin: 5px;
}

.titulo {
width:100%;
float:center;
font-size:42px;
font-family: 'times new roman', sans-serif;
font-weight:bold;
margin-top: 45px;
margin-bottom: 15px;
text-align: left;
line-height: 37px;
}

.titulo a, .titulo a:hover {
color: #333491;
}

.titulo-page{
	display:none;
}
.categorias {
width: auto;
float:left;
text-align: left;
color: #fff;
background:#333491;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
padding:5px; 
}

.categorias a, .categorias a:hover {
background: none;
color: #fff;
font-size:14px;
}

.data {
background: none;
float: center;
width: 100%;
font: italic 12px 'Montserrat', sans-serif;
color: #b0b0b0;
text-align: left;
margin-bottom: 0px;
padding-top: 10px;
padding-bottom: 0px;
margin-left: 0px; 
text-transform:none;
font-weight: bold;
}

 blockquote {
    background:#F4F4F4;
    border-left:6px solid #ccc;
    font-family: "arial";
    margin:1.5em 10px;
    padding:.5em 10px;
    quotes:"\201C""\201D""\2018""\2019";
    }
    blockquote:before {
    color:#ccc;
    content:open-quote;
    font-family: "arial";
    font-size:4em;
    line-height:.1em;
    margin-right:.25em;
    vertical-align:-.4em;
    }
    blockquote p {
    display:inline;
    }
    blockquote cite {
    color: #999999;
    font-size: 14px;
    display: block;
    margin-top: 10px;
    } 

.read-more {
width: auto; 
height: auto; 
float: center;
}
.read-more a:hover {
background: #fff!important;
}

.rodape {
background: none;
color: #2d2d2d;
width: 100%;
height: auto;
float: left;
font: normal 16px 'Montserrat', sans-serif;
text-transform: uppercase;
margin-top: 30px;
padding-top: 30px;
padding-left: 0px;
}

.commentslink {
width: auto;
font: normal 16px 'Montserrat', sans-serif;
text-transform: uppercase;
float: right;
text-align: right;
color: #3E3E3E;
margin-right: 20px;
margin-top: -30px;
padding-left: 5px;
padding-top: 3px;
padding-bottom: 3px;
padding-right: 5px;
z-index: 155;
position: relative;
}

.tags {
  width: 100%;
  float: center;
  padding: 10px;
}

.tags a{
  color: #3E3E3E;
  font-size: 12px;
  border: 0px solid #000;
  padding-left: 5px;
  padding-right: 5px;
}

/* comentarios  */

#facebookcomment {
font-family: 'Montserrat', sans-serif;
font-size: 18px;
text-align: center;
margin-top: 20px;
color: #fff;
text-transform: uppercase;
background: #3e3e3e;
}

#blogcomment {
font-family: 'Montserrat', sans-serif;
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
color: #fff;
background: #3e3e3e;
text-transform: uppercase;
}

.fb-comments {
	width: 100%;
}
#comments {
width: 100%;
float: left;
}

.c1, .c2 {
float: left;
width: 50%;
}

#comments input, #comments textarea {
background: #eaeaea;
font-size: 11px;
border: 0px solid #d3d3d3;
}

#submit {
background: #333491 !important;
border: 0px !important;
color: #fff;
font-size: 15px !important;
float: left;
text-align: center;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
letter-spacing: 1.5px;
width: 100%;
margin-top: 10px;
}

.nome, .email, .blog {
float: left;
width: 92%;
margin: 0px 0px 13px;
}

.blog {
float: left;
width: 92%;
margin: 0px;
}

.comentario {
float: right;
width: 92%;
height: 111px;
}

::-webkit-input-placeholder { /* Safari, Chrome and Opera */
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
letter-spacing: 1.5px;
font-size: 12px;
}

:-moz-placeholder { /* Firefox 18- */
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
letter-spacing: 1.5px;
font-size: 12px;
}

::-moz-placeholder { /* Firefox 19+ */
text-transform: uppercase;
font-family:'Montserrat', sans-serif;
letter-spacing: 1.5px;
font-size: 12px;
}

:-ms-input-placeholder { /* IE 10+ */
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
letter-spacing: 1.5px;
font-size: 12px;
}

::-ms-input-placeholder { /* Edge */
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
letter-spacing: 1.5px;
font-size: 12px;
}

:placeholder-shown { /* Standard one last! */
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
letter-spacing: 1.5px;
font-size: 12px;
}

.commentlist {
list-style: none;
padding: 0px;
margin-top: 15px;
float: left;
}

.commentlist li {
margin: 0;
list-style: none;
position: relative;
}

.commentlist ul, .commentlist ol {
margin: 0 0 0 7%;
padding: 0;
}

#comment-box {
width: 100%;
float: left;
margin-bottom: 15px;
background: #eaeaea;
}

.authcomment {
background-color: #000 !important;
}

.commententry {
font-size: 12px;
}

.avatar {
float: left;
margin-right:5px;
border-radius: 0px;
}

.autor {
color: #333491;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
font-size: 20px;
}

.comment-time {
font-size: 11px;
text-transform: uppercase;
font-family: tahoma;
}

.reply {
background: #333491;
float: right;
text-transform: uppercase;
font-family: 'Montserrat', sans-serif;
margin-top: 6px;
font-size: 15px;
padding-left: 5px;
padding-right: 5px;
}

.reply a, .reply a:hover {
color: #fff;
}


/* formularios  */
input, textarea, select, button {
background:#ccc;
padding:10px;
border:0px;
}

form, fieldset {
margin: 0;
padding: 0;
border: 0;
}

/* alinhamento */
.center, .aligncenter {
display: block; 
margin-left: auto; 
margin-right: auto; 
text-align: center;
max-width: 100%;
height: auto;
}

.left, .alignleft {
float: left; 
margin-right:2%; 
}

.right, .alignright {
float: right; 
margin-left:2%;
}

.alignnone {
display: block; 
float: left; 
}


/* paginacao  */
.paginacao {
width: 100%;
float: left;
padding: 10px 0px;
text-align:  center;
font-family:  'Montserrat', sans-serif;
font-size: 18px;
letter-spacing: 1px;
color: #000;
text-transform: uppercase;
}

.page-numbers {
padding: 0px 10px;
color: #000;
}

.page-numbers:hover {
color: #000;
}

.current {
padding: 0px 8px;
background: #4b4b4d;
border-radius: 50px;
color: #fff;
}

#scrollToTop:link, #scrollToTop:visited {
position: fixed; 
bottom: -5px; 
right:20px;
}

.pgafu-post-pagination a, .pgafu-post-pagination a {
    color: #fff !important;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
    background: #333;
    padding: 7px 10px;
    display: inline-block;
    text-align: center;
    border-radius: 0px;
    line-height: normal;
    box-shadow: none;
    text-shadow: none;
    font-size: 12px!important;
    text-transform: uppercase;
    border: 1px solid #333;
    text-decoration: none !important;
    font-family: 'Montserrat', sans-serif!important;
}


@media screen and (max-width:1024px) {
	
.post {
width: 93%;
}

.autora {
  width: 100%;
  float: center;
  text-align:center;
}

.rodape {
width: 100%;
height: auto;
margin-top: 50px;
padding-top: 0px;
padding-left: 0px;
}
}

@media screen and (max-width:1115px) {
.widget {
margin-left:-50px;
}

	
#top, .social-footer {
display: none;
}

#pagina {
width: 96%;
}

#sidebar {
margin: auto;
float: none
}
}

@media screen and (max-width:900px) {
.titulo {
font-size:30px;
line-height: 37px;
}
.rodape {
margin-left: 0px;
}  
}

@media screen and (max-width:710px) {
.post {
width: 95%;
}

.c1, .c2 {
width: 100%;
}

.nome, .email, .blog {
width: 96%;
}

.comentario {
width: 96%;
float: left;
margin-top: 13px;
}
}

@media screen and (max-width:535px) {
.rodape {
width: 100%;
margin: 0px;
}
}

@media screen and (max-width:440px) {
.rodape .avatar {
display: none;
}

.reply {
float: none;
}
}