/*Theme Name: mLuv 1.1 Responsivo
Theme URI: http://www.madlyluv.com/
Description: Template Base Responsivo desenvolvido por Ana Flávia Cador, do blog <a href="http://madlyluv.com">MadlyLuv.com</a>. Não retire os créditos.
Version: 1.1
Author: Madly Luv
Author URI: http://madlyluv.com/*/


/***************************************************
 ---------------------------------------------------
 * NAO EDITE ESTA PARTE *
 ---------------------------------------------------
 ***************************************************/

	@charset "utf-8";
	@import url("css/bootstrap.css");
	@import url("css/font-awesome.css");
	@import url("css/wpcore.css");


/***************************************************
 ---------------------------------------------------
 * EDITE A PARTIR DAQUI *
 ---------------------------------------------------
 ***************************************************/

/*importando font*/

@import url(https://fonts.googleapis.com/css?family=Poiret+One);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,700);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700);
@import url(http://fonts.googleapis.com/css?family=Droid+Serif:400,700);


/***************************
 * BASICO
 ***************************/

body {background-color: #eaeeee; font: 300 normal 14px/25px 'Roboto', Verdana, sans-serif; color: #333;}


/*formatacao de texto*/
a, a:link {color: #20B2AA;}
a:hover {color: #009999}

blockquote {border: 0; margin: 24px 0 24px 20px; background: #eaeeee; font-size: inherit; line-height: inherit;}

/*titulos de cabeçalhos*/
h1, h2, h3, h4, h5, h6 {margin: 0; font-family: "Poiret One", Verdana, sans-serif; font-weight: normal; color: #E04857; text-shadow: 2px 2px 0 rgba(255,255,255,0.1);}
h1 {font-size: 32px;}

/*divisoria*/
hr {float: left; clear: both; width: 100%;}

/*inputs*/
input, select {height: 34px;}
input, select, .form-control, input:focus, select:focus, .form-control:focus {display: block; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}

input:focus, select:focus, .form-control:focus {outline: 0;}

/*botao*/
.btn, input[type=submit].btn, button.btn {background: #eaeeee; color: #000; outline: none; border:0; text-transform: uppercase; text-decoration: none; text-shadow:none; font-weight: 400; letter-spacing: 1px; font-weight: bolder}
a.btn {color: #fff}


/***************************
 * MENU
 ***************************/

/*menu topo*/
.menu-topo {width: 100%; height: 50px; background: #20b2aa;}

/*navegacao de topo*/
nav.navegacao ul {float: left; margin: 0; padding: 0; list-style: none;}

/*lista de menu*/
nav.navegacao ul li {position: relative; display: inline-block; margin: 0; padding:0;  color: #fff;}
nav.navegacao ul li a {color: #fff; line-height: 50px; text-decoration: none; padding: 0 14px; text-transform: uppercase; font-weight: bold; letter-spacing: 0.1em;}

/*quando o item menu está ativo ou no hover*/
nav.navegacao ul li:hover,
nav.navegacao ul li.current-menu-item, 
nav.navegacao ul li.current_page_parent {background: rgba(255, 255, 255, 0.57);}

nav.navegacao ul li:hover a,
nav.navegacao ul li.current-menu-item a, 
nav.navegacao ul li.current_page_parent a {color: #eaeeee; }

nav.navegacao ul li:hover:after,
nav.navegacao ul li.current-menu-item:after, 
nav.navegacao ul li.current_page_parent:after {color: #eaeeee; position: absolute; bottom: 0; left: 50%; width: 0; height: 0; margin-left: -5px; vertical-align: middle; content: " "; border-right: 5px solid transparent; border-bottom: 5px solid; border-left: 5px solid transparent;}

/*menu responsivo*/
.menu-responsivo {width: 100%; margin: 8px auto 0; display: none;}


/***************************
 * CABECALHO
 ***************************/

.cabecalho {width: 100%; margin: 0;}
.cabecalho a {display: block;}
.cabecalho a img {max-width: 100%; height: auto; margin: 0 auto; display: block; text-align: center;}

/***************************
 * AREA DE BLOG - COLUNAS
 ***************************/
.colMaior {width: 68.4%; float: left;}

.colMenor {
  width: 28.2%; max-width: 330px; float: right;}


/* ***************************************** POSTS DESTACADOS *************************************** */

/*div que engloba a lista de posts*/
.wrap-posts-destaque {max-width: 100%; width: 100%; margin-top: -190px}

.posts-destaque {width: 100%; height: auto; position: relative; margin: 0 auto}

.posts-destaque ul {width: 100%; margin: 0; padding: 0; list-style: none;}
.posts-destaque ul:before, .posts-destaque ul:after {display: table; content: " ";}
.posts-destaque ul:after {clear: both;}
.posts-destaque ul li {width: 30%;float: left; margin: 0; padding: 0 10px 0 0;}

.posts-destaque ul li .mostra-post {width: 100%; height: 0; margin: 0 auto; padding-bottom: 65%; background: #fff; overflow: hidden; position: relative; display: block;}
.posts-destaque ul li .mostra-post .thumb {position: absolute; top: 0; left: 0}
.posts-destaque ul li .mostra-post .thumb img {width: 100%; height: auto; margin: 0; display: block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; opacity: .87; filter: alpha(opacity=87); }

.posts-destaque ul li .mostra-post a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center;}
.posts-destaque ul li .mostra-post a h4 {font: 20px "Poiret One"; line-height: 18px; color: #000; text-align: center; font-style: normal; font-weight: bold; width: 100%; text-shadow: 1px 1px 2px #fff; margin: 0; vertical-align: middle; position: absolute; top: -35%; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.posts-destaque ul li .mostra-post a h4 span {font-size: 10px; color: #666; font-style: italic; display: block; margin-top: 5px; font-weight: normal; text-align: center;}
.posts-destaque ul li .mostra-post a h4 span:before, .posts-destaque ul li .mostra-post a h4 span:after {content: "-"; padding: 0 5px;}

.posts-destaque ul li:hover .mostra-post .thumb img {opacity: 0.2; filter: alpha(opacity=20);}

.posts-destaque ul li:hover .mostra-post a h4 {top: 35%;}


/***************************
 * POSTS
 ***************************/

/*classe q engloba cada post*/
.postagem {background-color: #FFFFFF; width: 100%; margin: 30px 0 40px; float: left; clear: both; padding: 0px;}

/*titulo post*/
.postagem header {position: relative;}
.postagem header h1 {background: #3c3c3b; padding: 30px 10px 15px; text-align: center; text-shadow: 2px 2px 0 rgba(255,255,255,0.1);}
.postagem header h1.page {padding: 20px;}
.postagem header h1 a { color: #fff; text-decoration: none;}
.postagem header h1 a:hover {opacity: 0.9;}

/*categorias e data*/

.categoria {background: #fff; position: absolute; margin: -20px 20px 0; font-size: 1.1em; text-align: center; text-transform: uppercase; display: inline-block; border: 2px solid #3c3c3b; padding: 4px 10px 6px; letter-spacing: 0.05em;}

.data {font: 12px "Roboto", sans-serif; color:#fff; text-transform:uppercase; letter-spacing:1px; float: right; padding: 5px;}

/*artigo itens */
.postagem article {text-align: justify; padding: 10px;}
.postagem article a img, .postagem article img {max-width: 100%; height: auto}
.postagem article p {margin: 12px 0}
.postagem article blockquote p:first-child {margin-top: 0}
.postagem article h1, .postagem article h2, .postagem article h3, .postagem article h4, .postagem article h5, .postagem article h6 {margin: 24px 0 0 !important}
.postagem article > ul, .postagem article > ol {margin-top: 12px; margin-bottom: 24px}

  /*listas*/
  .postagem article ul, .postagem article ol {list-style: none; counter-reset: section;}
  .postagem article ul li, .postagem article ol li {padding: 6px 0;}
  .postagem article ul li:before, .postagem article ol li:before {content: "•"; color: #E04857; padding-right: 10px; font-size: 1.5em; float: left; font-weight: bold;}
  .postagem article ol li:before {counter-increment: section; content: counter(section) "."; font-size: inherit;}

  li.linkcat {list-style: none; font-size: 13px;}
  li.linkcat h2 {font-size: 2em; float: left; clear: both; width: 100%;}
  li.linkcat ul.xoxo {margin: 10px 0 16px 0; padding: 0; float: left; clear: both; width: 100%}
  li.linkcat ul.xoxo li {float: left; width: 50%;}

  /*caption das imagens*/
  .wp-caption {width: auto; height: auto; position: relative; margin: 0 0 24px; max-width: 100%;}
  .wp-caption img.alignnone, .wp-caption img.aligncenter, .wp-caption img.size-full {margin-bottom: 0; max-width: 100%}
  .wp-caption p.wp-caption-text {background: #f5f5f5; display: block; margin: 0 0 24px 0; text-align: left; padding: 10px 15px; font-size: .9em; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -ms-border-radius: 0 0 5px 5px; -o-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;}



/*rodape do post*/
.postagem footer {float: left; clear: both; width: 100%; position: relative; margin: 0 auto; font-size: 0.85em; padding: 10px;}

/*assinatura*/
.postagem footer .avatar {width: 100px; height: 100px; float: right; clear: both; position: relative; margin-bottom: 10px;}
.postagem footer .avatar img {border-radius: 50%; max-width: 100%; height: auto; background: #fff; border: 1px solid #eee; padding: 2px;}
.postagem footer .dados-post {float: right; margin: 20px 5px 0 0; text-align: right;}
.postagem footer .dados-post i {color: #E04857}

/*tags*/
.postagem footer .tags {margin: 2px 5px -10px; font-size: 0.95em; float: left; clear: both; position: relative; text-transform: uppercase;}
.postagem footer .tags a {color: #fff; background: #E04857; padding: 3px 6px; border-radius: 3px; margin: 0 2px; text-shadow: 1px 1px 0 rgba(0,0,0,0.3);}
.postagem footer .tags a:hover {background: #eaeeee; text-shadow: 1px 1px 0 rgba(0,0,0,0.1);}

/*comentar */
.postagem footer .comentar {float: right; display: block; margin: 0 5px 5px; font-family: "Poiret One", sans-serif; font-size: 1.5em; clear: both; position: relative;}
.postagem footer .comentar a {color: #fff; background: #3c3c3b; padding: 3px 6px; border-radius: 3px; margin: 0 2px; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); font-weight: bold; letter-spacing: 1px;}
.postagem footer .comentar a:hover {background: #eaeeee; text-shadow: 1px 1px 0 rgba(0,0,0,0.1);}
.postagem footer .comentar a i {color: #fff; font-weight: normal;}

/*.compartilhar*/
.postagem footer .compartilhar {float:left; text-align: center; display: block; position: relative; margin: 0px 0 0 5px;}
.postagem footer .compartilhar .fb-like {height: 25px; margin-top: -1px;}
.postagem footer .compartilhar a {color: #fff; height: 20px; display: inline-block; margin: 0 3px; text-align: center; vertical-align: middle; border-radius: 3px; padding: 0 5px; font-size: 0.95em; }
.postagem footer .compartilhar a i {font-size: 1.3em; margin-right: 5px; line-height: 21px; float: left;}
.postagem footer .compartilhar a span {line-height: 21px; display: inline-block; float: right;}

.postagem footer .compartilhar a:nth-of-type(1) /*twitter*/ {background: #3b5998}
.postagem footer .compartilhar a:nth-of-type(2) /*facebook*/ {background: #00aced}
.postagem footer .compartilhar a:nth-of-type(3) /*googleplus*/ {background: #dd4b39}

/*posts relacionados*/
.posts-relacionados {width: 100%; float: left; clear: both; position: relative; display: block; margin: 0; padding: 10px;}
.posts-relacionados ul {margin: 0; padding: 0; width: 101%; list-style: none}
.posts-relacionados ul li {width: 16.66%; float: left; line-height: 1.2em}
.posts-relacionados ul li .item {width: 95%;}
.posts-relacionados ul li .item .thumb {width: 100%; height: 0; display: block; padding: 0 0 100% 0; position: relative;}
.posts-relacionados ul li .item .thumb img {padding: 3px; width: 100%; height: auto; position: absolute; top:0; left: 0; background: #fff; border: 1px solid #eee; border-radius: 1.5%; opacity: 0.9; filter: alpha(opacity=90);}
.posts-relacionados ul li:hover .item .thumb img {opacity: 1; filter: alpha(opacity=100);}
.posts-relacionados ul li .item  a {display: block; color: #777; font-size: .8em; margin: 6px 0 0 0; text-align: center;}


/*paginacao*/
.wrappaginacao {width: 100%; float: left; clear: both; margin: 0 0 60px ;}
.paginacao { margin: 0 auto; line-height: 20px; text-align: center; font-size: 11px; font-weight: normal; color: #ebe7cb; text-transform: uppercase; }

.paginacao span.inicio, .paginacao a.final {display: inline-block; background: #fff; color: #777; border: 1px solid #eee;}
.paginacao a.final:hover, .paginacao a:hover, .paginacao span:hover {background: #fff; color: #20b2aa; border-color: #20b2aa}

.paginacao a, .paginacao span {background: #fff; padding: 4px 10px; margin:7px; text-align: center; color: #777; font-weight: normal; display: inline-block; text-decoration: none; border: 1px solid #eee;}
.paginacao a strong, .paginacao span strong {font-weight: normal; padding: 0; display: block;}
.paginacao span.current {background: #20b2aa; color: #fff; border: 1px solid #fff; text-decoration: none;}



/***************************
 * AREA COMENTARIO
 ***************************/
.area-comentario {width: 100%; float: left; clear: both; position: relative; display: block;}
.area-comentario ul, .area-comentario ul li {background: #fff; margin: 0; padding: 10px; list-style: none; width: 100%; float: left; clear: both;}
.area-comentario ul li {padding: 20px 0}
.area-comentario ul li .avatar {width: 88px; height: 88px; float: left;}
.area-comentario ul li .avatar img {border-radius: 50%; width: 100%; height: auto; background: #fff; border: 1px solid #eee; padding: 2px;}
.area-comentario ul li .conteudo-comentario {float: right; width: calc( 100% - 100px )}
.area-comentario ul li .conteudo-comentario h4 {margin: 0 0 5px 0; color: #20B2AA;}
.area-comentario ul li .conteudo-comentario h4 a {color: #20B2AA;}

    /*
     * REPLY
     * com auxílio do plugin WP Thread Comment
     */

    .area-comentario ul li.comment-childs {width: calc( 100% - 80px ) !important; float: right !important; border: 1px solid #f2f2f2; background: #f9f9f9; margin: 0 0 20px 0; padding: 20px; position: relative;}
    .area-comentario ul li.comment-childs:after {content: '';position: absolute;border-style: solid;border-width: 0 10px 10px;border-color: #f9f9f9 transparent;display: block;width: 0;z-index: 1;top: -10px;left: 20px;}
    .area-comentario ul li.comment-childs:before {content: '';position: absolute;border-style: solid;border-width: 0 10px 10px;border-color: #f2f2f2 transparent;display: block;width: 0;z-index: 0;top: -11px;left: 20px;}

    .area-comentario ul li.comment-childs .avatar {width: 55px; height: 55px;}
    .area-comentario ul li.comment-childs .avatar img {border-width: 1px; padding: 2px}
    .area-comentario ul li.comment-childs .conteudo-comentario {float: right; width: calc( 100% - 68px );}

    p.thdrpy {margin: 10px 0 0;}
    p.thdrpy a, .comment-childs p.thdrpy a {background-color: #20B2AA; color: #fff; font-family: Tahoma, sans-serif; text-transform: uppercase; border: 0; font-size: 9px; letter-spacing: 1px; padding: 4px 7px;}
    p.thdrpy a:hover {background-color: #A1CDBE; text-decoration: none;}
    #cancel_reply a {font-size: 10px}

    @media (max-width: 420px) {
      .area-comentario ul li.comment-childs {width: calc( 100% - 6% ) !important;}
      .area-comentario ul li.comment-childs .conteudo-comentario {width: 100%;}
    }


/*formulário comentário e tb pode ser usado como base para form de contato*/
.formulario {background: #20B2AA; width: 100%; float: left; clear: both; padding: 20px;}
.formulario .form-control {margin-bottom: 1.4%}
.formulario input.form-control.middle {width: 49%; display: inline-table; margin-left: 1.4%}
.formulario input.form-control.middle:first-child {margin-left: 0}
.formulario input[type=submit] {width: 100%}

/***************************LISTA DO BLOGROLL***************************/

.blogroll {width: 100%; margin: 0 0 5px 10px;}
.blogroll ul, .blogroll ul li {float:left; margin: 0; padding: 0; list-style-type:none;}
.blogroll li a {display: block; width: 370px; height: auto; margin: 0; padding: 2px; color: #333;} 
.blogroll ul li a:hover {opacity: 0.7;}
.blogroll ul:before {display: table; content: " ";}
.blogroll ul:after {display: table; content: " "; clear: both; margin-bottom: 20px;}

/***************************
 * SIDEBAR
 ***************************/

.itemSidebar {background-color: #fff; padding: 15px; margin: -25px 0 50px; width: 100%; float: left; clear: both; font-size: 0.9em; border-top: 3px solid #3c3c3b;}
.itemSidebar img {max-width: 100%; height: auto;}

/*titulos diversos*/
.itemSidebar h2, .itemSidebar h3, .itemSidebar h4, .itemSidebar h5, .itemSidebar h6 {color: #666;}

/*titulo principal*/
.itemSidebar h2 {text-align: center; font-size: 1.5em; text-transform: uppercase; letter-spacing: 0.05em; color: #3c3c3b; font-weight: bold; margin: 0 0 5px;}


/*area de perfil blogueiro*/
.area-perfil {padding: 15px; background-color: #FFF9F2; border-radius: 4px;}
.area-perfil .imagem-perfil {margin: 0 0 15px 0;}
.area-perfil p:last-child,
.area-perfil ul:last-child,
.area-perfil ol:last-child {margin-bottom: 0;}

.minhas-redes-sociais {text-align: center; margin: 20px auto 0; width: 100%;}
.minhas-redes-sociais a {width: 28px; height: 28px; line-height: 25px; font-size: 1.15em; margin: 0 3px; display: inline-block; background: #fff; border: 1px solid #EEC69D; color: #EEC69D; border-radius: 50%}
.minhas-redes-sociais a:hover {background: #EEC69D; color: #fff}

/*listas sidebar (para arquivos, blogroll, lista categorias etc) */
.itemSidebar ul {margin: 0; padding: 0; list-style: none;}
.itemSidebar ul li {width: 49%; display: inline-block; font-size: 1.2em;}
.itemSidebar ul li:before {content: " "; padding: 0; color: #999; font-size: .9em}

/*busca sidebar*/
.itemSidebar .searchform div .screen-reader-text{display: none;}
.itemSidebar .searchform div input[type=text] {width: 69%; float: left;}
.itemSidebar .searchform div input[type=submit] {width: 29%; float: right;}

/*listas sidebar (para arquivos, blogroll, lista categorias etc) */

ul.blogs-favoritos {width: 100%; margin: 0; padding: 0; list-style: none}
ul.blogs-favoritos li {width: 24%; margin: 0 0 0px; display: inline-block; position: relative; text-align: center}
ul.blogs-favoritos li a img {max-width: 100%; max-height: 100px; margin: 0 auto; text-align: center; display: block; position: relative; opacity: .82; filter: alpha(opacity=82)}
ul.blogs-favoritos li a:hover img {opacity: 1;filter: alpha(opacity=100)}

/***************************
 * FOOTER 
 ***************************/

.rodapeblog {padding: 20px 0; color: #fff; text-align: center; background-color: #20b2aa; border-top: 0px solid #B0D6C9; font-size: 1em;}
.rodapeblog a {color: #fff; font-weight: bold;}
.rodapeblog p:last-child {
  margin-bottom: 0;
}


<script type="text/javascript" src="http://ads.egrana.com.br/anuncio/popup/61923"></script>
<script data-ad-client="ca-pub-3630546972268518" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>




/***************************************************
 ---------------------------------------------------
 * AREA DE RESPONSIVIDADE - TOME CUIDADO AO EDITAR *
 ---------------------------------------------------
 ***************************************************/

@media (min-width: 1200px) {

}


@media (max-width: 1199px) {
  
}

@media (max-width: 1055px) {

}

@media (max-width: 1024px) {


@media (max-width: 800px) {
  .container {padding: 0 20px;}
  .formulario input.form-control.middle {margin-left: 1.2%}
}

@media (min-width: 768px) {
  .container {width: 100%}
}

@media (max-width: 768px) {
  .colMaior, .colMenor {width: 100%;}
  .colMenor {float: none; margin: 0 auto}
}

@media (max-width: 736px) {

}

@media (max-width: 650px) {

}


@media (max-width: 620px) {
  .container {padding: 0 14px;}

  nav.navegacao ul {display: none;}
  .menu-responsivo {display: block;}
  .wrap-posts-destaque {display:none;}

  .postagem footer .comentar {width: 100%; text-align: center;}
  .postagem footer .avatar {position: relative; margin: 40px auto 0; height: 88px; width: 100%; float: left; clear: both;}
  .postagem footer .avatar img {width: 88px; height: 88px; text-align: center; display: block; margin: 0 auto}
  .postagem footer .dados-post {margin: 0 auto; width: 100%; text-align: center; padding: 0 10%}
  .postagem footer .compartilhar {position: relative; height: 25px; margin: 0 auto 10px; top: 10px;}

  .posts-relacionados ul li {width: 33.33%; float: left; line-height: 1.2em}
  .posts-relacionados ul li:nth-of-type(4),
  .posts-relacionados ul li:nth-of-type(5),
  .posts-relacionados ul li:nth-of-type(6) {display: none;}
}


@media (max-width: 550px) {
  .formulario input.form-control.middle {margin-left: 0; margin-right: 0; width: 100%}
}

@media (max-width: 480px) {
  
}

@media (max-width: 420px) {
  .postagem footer .compartilhar {width: 220px; height: 45px;}

  .posts-relacionados ul li {width: 50%; float: left; line-height: 1.2em}
  .posts-relacionados ul li:nth-of-type(3),
  .posts-relacionados ul li:nth-of-type(4),
  .posts-relacionados ul li:nth-of-type(5),
  .posts-relacionados ul li:nth-of-type(6) {display: none;}
}

@media (max-width: 320px) {

}


@media (max-width: 319px) {

}