/*
Theme Name: Dicas de Mulher
Author: Contteudo
Author URI: http://www.contteudo.com
Description: Interface 2014/2015 do Dicas de Mulher
*/

/*quizz*/

.wpvq {max-width:none}


body {background: #fafafa; font-family: 'Roboto', sans-serif !important; }
#header .container {padding: 0;}
a {color: #BA275C; text-decoration: none; font-weight:300;}
.site {background: #fafafa; margin-top: 0px;}
a:hover {color: #DD326E; text-decoration: none;  font-weight:300;}
a:visited {color: #BA275C; text-decoration: none;  font-weight:300;}
a:active {text-decoration: none}
.navbar {background: #BA275C;  z-index: 10; border-radius: 0; }
.nav>li>a {color: #fff; text-transform: uppercase; font-size: 13px; min-height: 60px; padding-top: 20px;}
.nav>li>a:hover, .nav>li>a:focus {background: #DD326E;}
.navbar-toggle {color: #fff !important}
.navbar-nav {min-height: 60px; margin-left: 20px; }
.navbar-toggle .icon-bar+.icon-bar {color: #999}
.headroom {position: fixed;top: 0;left: 0;right: 0;transition: all .3s ease-in-out; z-index: 9999}
.headroom--unpinned {top: -100px;}
.headroom--pinned {top: 0;}
.dropdown-menu {border-top: 0; border-bottom: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #eee;}
.dropdown-menu>li>a {color: #666; text-transform: uppercase; font-size: 12px; line-height: 30px;}
.dropdown-menu .fa {margin-right: 15px;}
.logodicas {margin-top: 15px}
.cem {width: 100%}
.destaques {overflow: auto}
.box {margin-bottom: 20px;}
.box img {max-height: 199px; opacity: .95;}
#listagem .box img {height: 199px !important}
#listagem .autor img {height: 25px !important}
.box img:hover {opacity: 100}
.destaques img {max-height: 500px !important;}
#listagem .titulo-chamada {height: 80px;}
#listagem-ajax .titulo-chamada {height: 80px;}
.info {background: #fff; border-bottom: 1px solid #eee; border-right: 1px solid #eee; border-left: 1px solid #eee}
.titulo-chamada  {font-size: 16px; font-family: 'Roboto Slab', serif; padding: 10px !important; font-weight:300; position: relative; padding-bottom: 10px; margin-bottom: 0; margin-top: 0 !important; }
.titulo-chamada a {color: #555; display: block; position: relative; height: 100%; line-height: 1.4em}
.titulo-chamada a:hover {border:0; font-weight:300;}
.autor {padding: 15px 10px 5px 10px; border-top: 1px solid #eee; font-weight:300; font-size: 12px; overflow: auto}
.destaques .autor {padding: 10px 15px 10ox 15px; border-top: 1px solid #eee; font-weight:300; font-size: 12px; overflow: auto}
.autor-old {padding: 10px 10px 0px 10px; border-top: 1px solid #eee; font-weight:300; font-size: 12px; overflow: auto}
.autor a {color: #999;}
.autor .avatar {margin-top: -5px;}
.destaque {position: relative; }
.destaque h2 {position: absolute; padding: 20px 20px 40px 20px; bottom: -10px; z-index: 2; margin-right: 5px; margin-bottom: 15px;    background: rgb(1, 5, 4); background: rgba(9, 3, 9, 0.7); font-family: 'Roboto Slab', serif; font-weight:300; font-size: 2.2em;  }
.postgallery img {width: 100% !important}
.destaque a {color: #fff}
.canal {position: absolute; opacity: 0.8; top: 10px; left: 15px; background: #DD326E; color: #fff; font-weight: 400; font-size: 11px; padding: 5px 15px; text-transform: uppercase; letter-spacing: 1px; }
.teste {margin-top: 80px !important;}
.product {border-bottom: 1px solid #eee; padding: 10px 0;}
.product .col-md-8 {padding-left: 15px;}
.poduct .btn-primary {color: #fff !important; text-transform: uppercase; font-weight: 500}
.product .btn-primary:hover {opacity: .9;}
.product a.btn.btn-primary, .product a.btn.btn-primary i {color: #fff !important;}
.oferecimento {padding-right: 10px;}
.btn-primary {background: #27ae60 !important; border: 0; margin: 15px 0 !important;}
.adblock {margin: 20px 0 !important;  padding: 10px 0; overflow: auto}
.oferecimento span {text-transform: uppercase; font-weight: 300; font-size: 13px; color: #666; margin-bottom: 10px }
.compartilhe .list-inline {display: flex}
.canal a {color: #fff; opacity: 1;}
.canal a:hover {text-decoration: none;}
.adssidebar {margin-top: 20px; z-index: 0 !important; overflow: auto}
.type {position: absolute; top: 10px; left: 15px; background: #fff; color: #999; font-weight: 600;  font-size: 11px; padding: 5px 10px; text-transform: uppercase; letter-spacing: 1px; }
.topcanal {color: #999}
.pink {background: #BA275C; padding: 15px; color: #fff !important;}
.top .titulo-chamada {height: 80px}
.chamadas {overflow: auto;}
.totalshare {color: #999; font-size: 14px; padding-bottom: 5px; margin: 0;}
.sideicon {max-height: 20px !important}
.topcanal a {color: #999 !important; font-weight: 300; font-size: 14px; padding: 10px 0px; font-family: 'Roboto Slab', serif; text-transform: uppercase;}
.box .embed-container {margin-bottom: 21px !important;}
.post .embed-container {margin-bottom: 20px;}
.destaque .autor  {position: absolute; bottom: 0px; margin-right: 40px; padding-left: 20px; color: #fff; z-index: 2; border: 0;}
.destaque .autor a {color: #ccc}
.destaque-side h2 {font-size: 1.5em;}
.popular .autor a {font-weight:300 !important; font-size: 12px !important; color: #999 !important; font-family: 'Roboto', sans-serif !important;}
.avatar {margin-right: 10px; width: 25px !important; height: 25px !important; opacity: 1; float: right}
.rodape {background: #fff; border-top: 1px solid #eee; margin-top: 20px;}
.canais-rodape {font-size: 0.9em; text-transform: uppercase; font-weight:300; margin: 30px 0; overflow: auto}
.canais-rodape a {color: #999}
.canais-rodape li {width: 10%}
.canais-rodape img {text-align: center; opacity: 0.3; max-height: 40px; margin-bottom: 15px; }
.rodape .sobre {border-top: 1px solid #eee !important;}
.sobre-lista {font-size: 0.9em; text-transform: uppercase; font-weight:300; margin: 20px 0 20px 0}
.sobre-lista a {color: #666}
.sobre-lista li {margin-right: 15px}
.about-autor {padding-left: 5px;}
.list-inline>li {padding-left: 0;}
.social-footer {color: #999; margin: 0; font-weight:300; text-align: center}
.single h1 {color: 333; font-weight:300; font-family: 'Roboto Slab', serif; font-size: 3em; margin: 15px 0 0 0;}
.single h2 {color: #666; font-weight:300; font-size: 1.4em; margin-top: 10px; margin-left: 0;  border-bottom: 1px solid #eee; padding-bottom: 15px;}
.post {margin-top: 15px; padding-left: 0; }
.adsright {float: left; margin: 5px 15px 5px 0;}
.about-autor .autor {border: 0; font-size: 1em; padding: 0; margin-top: 12px; float: right}
.about-autor .autor a {color: #666;}
.about-autor .avatar {margin-top: 8px !important; width: 30px !important; height: 30px !important;}
.tags a {font-size: 13px; padding: 10px 15px; font-weight: 300; }
.tags a:hover {font-size: 13px; padding: 10px 15px; font-weight: 300; background: #fff; border: 1px solid #eee}
.tags a:visited {color: #fff !important}
.tags p {color: #999}
.pb_feed {margin-bottom: 30px !important}
.tags ul {margin-left: 0; padding-left: 0 !important;}
.avatar-32 {margin-top:-5px; float: left; margin-right: 10px;}
.loged-in .fa {float: left; margin-top: 25px; }
.video {margin-top: 20px;}
.nav .open>a {background: #DD326E !important;}
.nav .open>a:hover {background: #DD326E !important;}
.top .titulo-chamada {font-size: 1.3em}
.topcategory-img {float: left; max-height: 20px; opacity: 0.7; padding-top: 0px; margin-top: 0; margin-right: 10px}
.comments-area {margin-top: 15px;}
.comments-title {text-transform: uppercase; color: #333; font-weight: 600; font-size: 1em; float: left; margin:10px 0 20px 0; width: 100%; padding-left: 0px;}
.compartilhe {margin: 0; padding: 0; font-weight: 300;}
.compartilhe .fa {margin-right: 10px; font-size: 1.3em}
.compartilhe .fb {background: #2d609b; color: #fff; border-radius: 4px; padding: 10px 20px; margin-right: 10px;}
.compartilhe .plus {background: #C4412F; color: #fff; border-radius: 4px; padding: 10px 20px; margin-right: 10px;}
.compartilhe .tw {background: #27BEF7; color: #fff; border-radius: 4px; padding: 10px 20px; margin-right: 10px;}
.compartilhe .whatsapp {background: #40B82C; color: #fff; border-radius: 4px; padding: 10px 20px; margin-right: 10px;}
.compartilhe .zl {padding-bottom: 0 !important; background: #fff; font-weight: 600; border-radius: 4px; border: 1px solid #eee; padding: 10px 15px 0 15px  !important; margin-right: 10px; line-height: 22px !important; }
.compartilhe .zl a {color: #666; font-weight: 400;}
.compartilhe a {color: #fff; display: block; position: relative; font-weight:300;}
.compartilhe a:hover {text-decoration: none;}
.adstop:first-child {margin-top:70px; margin-bottom:20px;}

#adsfull {border-bottom: 1px solid #ccc; padding-bottom: 0px; margin-bottom: 20px; overflow: auto}
#adsfull p {font-size: 0.9em; padding-bottom: 5px; border-bottom: 1px solid #ccc; margin-bottom: 15px;}
.adsingle {margin-bottom: 15px;}
.ads-footer {margin: 20px 0 10px 0}
.dicas-populares .row {margin-right: 0; margin-left: 0;}
div.wp-caption{
 width: 100% !important;}
.share-text {font-weight: 400;}
.perfil h1 {margin-bottom: 20px; margin-top: 0; padding: 0;}
.selecionadas { margin-bottom: 15px; overflow: auto; width: 100%;}
.selecionadas p {padding: 10px 0; margin: 0 !important; font-weight: 300 !important; width: 100%;}
.selecionadas ul {padding: 0; font-size: 1em; font-family: 'Roboto Slab', serif !important;  font-weight: 300;}


.sobre {margin-top:20px !important}


.share p {color: #999; margin-right: 10px;  padding-top: 10px; font-weight:300; }
.share li {background: #fff; font-size: 1.5em; text-align: center; color: #666; border: 1px solid #eee; border-radius: 50%; width: 40px; height: 40px; padding-top: 5px;}
.share .fb:hover {background: #4569A7; color: #fff;}
.share .plus:hover {background: #C4412F; color: #fff}
.share .tw:hover {background: #27BEF7; color: #fff}
.share .pin:hover {background: #D80015; color: #fff}
.shared {margin-right: 15px; color: #999; font-size: 12px; font-weight: 400;}
.sharenumber {font-size: 3.5em; font-weight: 600; color: #7fc04c; padding: 0; margin: 0; line-height: 0.7em; }
.zilla-likes-count {margin-left: 5px}

.share .zl {text-align: center;}
.share .zl:hover {background: #F5ACA7;}
.share .zilla-likes-count {display: none;}
.share .zilla-likes {margin: 0 0 0 2px !important;}
.share .zilla-likes:hover  {margin: 0 0 0 2px !important;}
.share .zilla-likes.active  {margin: 0 0 0 2px !important;}

.wp-caption-text {background: #fff; padding: 5px 10px 5px 0; width: 100%; text-align: right; font-weight: 300 !important; color: #666 !important; font-size: 12px !important; margin-bottom: 20px; margin-top: 0 !important;}
.post {font-family: 'Roboto', sans-serif !important;}
.post p {font-size: 1.2em; line-height: 28px; color: #333; font-weight:300; margin: 15px 0;}
.post h3 {font-family: 'Roboto Slab', serif; color: #333; font-weight: 400; margin:20px 0; font-size: 2em; line-height: 36px}
.post h4 {font-family: 'Roboto Slab', serif; color: #333; font-weight: 400; margin:20px 0; font-size: 1.6em; line-height: 32px}
.post ol {font-size: 1em; line-height: 28px; color: #444; font-weight:300; padding-left: 40px;}
.post ol li {margin-bottom: 10px; font-size: 1.2em; line-height: 28px; color: #444; font-weight:300; list-style-position: inside}
.post b {font-weight: 500;}
.post a {font-weight: 400 !important;}
.post a:hover {font-weight: 400 !important;}
.post a:visited {font-weight: 400 !important;}

.post article ul {font-size: 1.2em; line-height: 28px; color: #444; font-weight:300; padding-left: 20px;}
.post ul li {margin-bottom: 10px; font-size: 1.2em; font-family: 'Roboto', sans-serif;; font-weight:300; line-height: 28px; list-style-position: inside}
.post .btn-default {background: #BA275C !important; color: #fff !important; padding: 14px 20px !important;}
.post blockquote {background: #fff; font-family: 'Roboto Slab', serif !important; padding: 20px !important; border-left: 4px solid #BA275C;}
.post blockquote p:last-child {line-height: 1.4em; padding: 0 20px; font-size: 1.4em}
.post q {float: right; text-align: right; font-weight: 400; width: 40%; margin: 10px 0 10px 10px; border-top: 3px solid #BA275C; border-bottom: 3px solid #BA275C; padding: 30px 20px; font-size: 1.2em; font-family: 'Roboto Slab', serif !important; line-height: 1.6em;}

.alm-btn-wrap {clear: both;}
.post p:first-of-type {margin-top: 0px !important;}

.testes {font-size: 1.1em; background: #fff; border: 1px solid #eee; padding: 20px}
.testes label {font-weight: 300 !important; display: inline; margin-left: 10px;}
.testes ol li {font-weight: 700 !important;}

.quizz {margin-bottom: 20px}
.quizz h3 {margin: 0; margin-left: 15px;}
.quizz p {margin-left: 15px}
.adsfooter {margin-top: 10px !important; margin-bottom: 20px !important;}
.input-lg, .form-horizontal {padding: 10px 14px !important; border-radius: 5px !important;}

.404 h1 {color: 333; font-weight:300; font-family: 'Roboto Slab', serif; font-size: 3em; margin: 15px auto}

#newsletter {background:#fff; display: block; width: 100%; clear: both; border: 1px solid #eee; padding: 20px 20px 0px 20px; margin-top: 30px; margin-bottom: 40px; }
#newsletter .texto {padding-left: 30px; padding-top: 15px;}
#newsletter p {text-align: left; font-size: 1.1em; line-height: 26px;}
#newsletter span {font-family: 'Roboto Slab', serif; font-size: 2.2em; font-weight:300; text-align: left; line-height: 1.2em; color: #666 }
#newsletter .info {color: #999; font-size: 12px; border: 0; margin-top: 15px; margin-bottom: 0;}
#newsletter .fa {margin-right: 5px;}
#newsletter .btn-default {font-weight: 300;}

.dicaspop {padding: 0; margin:10px 0;}
.dicaspop .img {padding-right: 0;}
.dicaspop .text {padding-left: 10px;  font-family: 'Roboto Slab', serif; font-size: 1em; font-weight:300; background: #fff;
min-height: 116px; border-bottom: 1px solid #eee; border-top: 1px solid #eee; border-right: 1px solid #eee; padding: 5px;  }
.dicaspop .text a {color: #666; padding:10px; float: left}
.dicas-populares {margin-bottom: 30px; overflow: auto; position: relative; height: auto}
.well-dicas {background: #fff; width: 100%; padding: 10px 20px 20px 20px; border: 1px solid #eee;}
.well-dicas h2 {font-family: 'Roboto Slab', serif; color: #666; }
.well-dicas p {font-family: 'Roboto', sans-serif !important; color: #666; font-size: 1.2em !important; }


.btn-default {background: #fff; color: #666; font-size: 1.1em; font-weight: 300; padding: 5px 10px; text-transform: uppercase; border-radius: 4; border: 1px solid #eee;}
.btn-default:hover {background: #fff; color: #666; border: 1px solid #eee;}
.btn-block:hover {text-decoration: none;}
.form-control {border-radius: 0;}
.dfp {margin: 15px auto;}
#side {padding-left: 20px;}
.sidebar {margin-top: 15px; padding-right: 0; margin-bottom: 30px;}
.ads {padding: 0 0 10px 0; margin: 0 auto;}
.sidebar .chamada {text-transform: uppercase; color: #333; font-weight: 600; font-size: 1em; float: left; margin-top: 30px; width: 100%;}
.sidebar .popular {margin-top: 10px;}
.sidebar .popular p {margin: 0 15px 15px 15px; padding-top: 10px; }
.sidebar .popular a {color: #666; font-family: 'Roboto Slab', serif; font-size: 1.2em; font-weight: 300;}

.related {z-index: 10; background: #fafafa; padding-top: 20px; position: relative}
.related .chamada {font-size: 1.2em; text-transform: uppercase; font-weight: 600; color: #333;  }
.related .titulo-chamada {height: 80px;}
.related img {height: 173px}

.autor-bio {border-bottom: 1px solid #eee; margin-top: 80px; padding-bottom: 20px; margin-bottom: 20px;}
.autor-bio img {max-width: 150px}
.autor-bio h1 {font-weight: 600 !important; color: #666; font-size: 32px; margin-bottom: 10px !important; margin-top: 0; padding: 0; float:left; }
.autor-bio ul {margin-left: 0px; color: #666; font-size: 24px;}
#pinfo {font-size: 16px; text-transform: uppercase; font-weight:300; color: #666; margin-top:30px; padding: 0 !important; margin-bottom: 0;}
.autor-bio .infos span {font-size: 32px; text-transform: uppercase; font-weight: 400; color: #333; margin-top: -20px !important; margin-bottom: 0; padding: 0 !important; color: #666}
.autor-bio p {font-weight:300; margin-top: 15px;}
.autor-bio a:visited {color: #BA275C}
.label-primary {background: #DD326E; color: #fff; text-transform: uppercase; margin-left: 15px; font-weight: 300; font-size: 14px; margin-bottom: 15px;}
.autor-bio #cargo {margin-top: 10px;}

.adstop {margin: 0 0 10px 0;}
.topads {background: #fff; width: 100%; padding: 10px 0; display: block; margin-bottom: 15px;}

.social-footer ul {margin-top: 10px;}
.social-footer li {text-align: center; padding-left: 5px}
.social-footer a {color: #999; display: block; position: relative; text-align: center}
.social-footer a:hover {color: #fff}

.bio-final {border-top: 1px solid #eee; border-bottom: 1px solid #eee; margin: 20px 0; padding: 20px 0 10px 0; overflow: auto;}
.bio-final img {width: 38px; margin-right: 15px; float: left;}
.bio-final p {font-size: 1.2em !important; padding-top: 5px;}

.tp-facebook-like-default-preset {background: #fff !important; padding: 20px !important; border: 1px solid #eee !important;}
.question {font-size: 1.6em !important; margin-bottom: 20px !important;}

.related-title {text-transform: uppercase;
color: #333;
font-weight: 600;
font-size: 1em;
float: left;
margin-top: 30px;
width: 100%; padding-left: 0px}

#load-more {background: #BA275C !important; border-radius: 4 !important; text-transform: uppercase !important;  color: #fff !important; font-weight: 600 !important; border:1px solid #BA275C !important; font-size: 13px !important;  }

#newsletter .btn-default {background: #BA275C !important; color: #fff !important; padding: 14px 20px !important}
#search  .btn-default  {background: #BA275C !important; color: #fff !important; padding: 14px 20px !important}
.tags .btn-default  {background: #BA275C !important; color: #fff !important; padding: 10px 20px !important}
.topcategory {border-bottom: 1px solid #eee; padding-bottom: 5px;  margin-bottom: 20px; margin-top: 15px;}
.categoria h1 {font-size: 1.4em; color: #666; margin-top: 0; font-weight:300; text-transform: uppercase;  padding: 0; margin-bottom: 0; }
.subs ul {list-style: none; margin-top: 0;}
.subs ul>li {display: inline; font-size: 12px;}
.subs a:visited {color: #666 !important;}

.alm-btn-wrap {width: 100% !important;}
.copy {color: #999; font-weight:300; font-size: 0.9em !important; margin: 0 0 15px 0;}
.mais .btn-default {background: #BA275C; font-size: 1em; padding: 15px 30px; color: #fff}

.tablepress thead th {background: #BA275C !important; color: #fff}
.fundosite {padding: 10px 5px 10px 10px}
.fundosite-margem {padding: 0px 10px 0px 10px !important;}
.rodape-banner {background: #fafafa}


.papo-assuntos {width: 100%; display: block; padding-top: 20px; float: left;}
.papo-assuntos li {padding: 10px 0; border-bottom: 1px solid #eee;}
.papo-assuntos a {color: #333}
.papo-assuntos .fa {margin-right: 20px;}
.papo h1 {margin-bottom: 30px}


.galleria-info-text .galleria-info-title {font-family: 'Roboto Slab', serif !important;}
.galleria-info-text .galleria-info-description {font-family: 'Roboto', sans-serif !important;}
.galleria-stage {border: 1px solid #eee !important;}


.app {background: #592846; color: #fff; margin-top: -20px; padding: 120px 0 10px; margin-top:-120px;}
.app p {text-transform: uppercase; font-weight: 300; font-size: 1.3em; }
.app .btn-primary {background: transparent; color: #fff !important; border: 1px solid #fff; padding: 10px 25px; margin-left: 15px; font-weight: 100; text-transform: none !important}
.app .btn-primary:hover {font-weight: 100; background: #fff; color: #592846 !important; text-transform: none !important}
.app .close {padding-top: 10px;}


.curta-fb {background: #3b5998; text-transform: uppercase; font-weight: 900; font-size: 1.2em; color: #fff}
.likes-fb {border: 1px solid #3b5998 }


.rodape .btn-primary {background: #fff !important;
border: 1px solid #999;
margin-top: 20px;
padding: 10px 40px 10px 20px;
color: #999;
line-height: 1.3em; font-weight: 100; margin-right: 20px;}
.rodape .btn-primary .fa {font-size: 2.5em;
margin: 0 10px;}
.rodape .btn-primary span {font-size: 12px !important; color: #999; width: 100%;}
.rodape .btn-primary {font-size: 1em;}
.rodape .btn-primary .store {font-size: 1.3em !important;
overflow: auto; }
.rodape .btn-primary:hover {font-weight: 100; color: #BA275C}
#bottom-ad {position: fixed;
  z-index: 100;
  right: 0;
  bottom: 0;
  left: 0;
  height: 50px;
  background: #fff;}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    padding: 20px;
    color: #BA275C !important;
    right: 20px;
    display:none;
    z-index: 20;
}


#search {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    z-index: 100;    
    -webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;

    -webkit-transform: translate(0px, -100%) scale(0, 0);
	-moz-transform: translate(0px, -100%) scale(0, 0);
	-o-transform: translate(0px, -100%) scale(0, 0);
	-ms-transform: translate(0px, -100%) scale(0, 0);
	transform: translate(0px, -100%) scale(0, 0);

}

#search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
	-o-transform: translate(0px, 0px) scale(1, 1);
	-ms-transform: translate(0px, 0px) scale(1, 1);
	transform: translate(0px, 0px) scale(1, 1); 
    opacity: 5;
}

#search input[type="search"] {
    position: absolute;
    top: 50%;
    width: 100%;
    color: #333;
    background: rgba(0, 0, 0, 0);
    font-size: 60px;
    font-weight: 300;
    text-align: center;
    border: 0px;
    margin: 0px auto;
    margin-top: -51px;
    padding-left: 30px;
    padding-right: 30px;
    outline: none;
    opacity: 1
    
}




#search .btn {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 61px;
    margin-left: -45px;
    font-weight: 400;

}
#search .close {
    position: fixed;
    top: 15px;
    right: 15px;
    color: #fff;
	background-color: #BA275C;
	border:0;
	opacity: 1;
	padding: 10px 17px;
	font-size: 27px;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
    margin-bottom: 20px;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget span iframe[style] {
  min-width: 100% !important;
  width: 100% !important;
}

.notfound {padding-top: 80px !important;}

#logo {background: url(img/dicas-de-mulher-logo2.png) no-repeat; display: block; width: 250px; height: 24px; text-indent: -9999px; margin-top: 15px; margin-right: 20px; }



.topo-sobre {background: url(img/bg-sobre.jpg) no-repeat; background-attachment: scroll; background-position: center center; background-size: cover;}




.canal-home, .canal-beleza, .canal-casa, .canal-comportamento, .canal-maes, .canal-moda, .canal-noivas, .canal-saude{
	background: url(img/sprites.png) no-repeat; display: block; margin: 0 auto; background-size: 300px;
}

.canal-home{
	background-position: 0 0 ;
	width: 40px;
	height: 40px;
	opacity: 0.4;
}

.canal-comportamento{
	background-position: -115px 1px;
	width: 38px;
	height: 40px;
	opacity: 0.4;
}

.canal-beleza{
	background-position: -39px 1px;
	width: 37px;
	height: 40px;
	opacity: 0.4;
}

.canal-saude{
	background-position: -257px 4px ;
	width: 40px;
	height: 40px;
	opacity: 0.4;
}

.canal-noivas{
	background-position: -217px 1px;
	width: 40px;
	height: 40px;
	opacity: 0.4;
}

.canal-maes{
	background-position: -148px 1px;
	width: 38px;
	height: 40px;
	opacity: 0.4;
}

.canal-casa{
	background-position: -75px 1px;
	width: 40px;
	height: 40px;
	opacity: 0.4;
}

.canal-moda{
	background-position: -178px 1px;
	width: 40px;
	height: 40px;
	opacity: 0.4;
}

.canal-home:hover{
	background-position: 0 -39px ;
	width: 40px;
	height: 40px;
	opacity: 1;
	
}

.canal-comportamento:hover{
	background-position: -115px -38px ;
	width: 38px;
	height: 40px;
	opacity: 1;
}

.canal-beleza:hover{
	background-position: -39px -38px ;
	width: 37px;
	height: 40px;
	opacity: 1;
}

.canal-saude:hover{
	background-position: -258px -34px ;
	width: 40px;
	height: 40px;
	opacity: 1;
}

.canal-noivas:hover{
	background-position: -217px -38px ;
	width: 40px;
	height: 40px;
	opacity: 1;
}

.canal-maes:hover{
	background-position: -148px -38px ;
	width: 38px;
	height: 40px;
	opacity: 1;
}

.canal-casa:hover{
	background-position: -75px -38px ;
	width: 40px;
	height: 40px;
	opacity: 1;
}

.canal-moda:hover{
	background-position: -178px -38px ;
	width: 40px;
	height: 40px;
	opacity: 1;
}





@media (max-width: 768px) 
{ 
    div[class^="col"]{padding-left:5px; padding-right:5px;}
}
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) 
{ 
    div[class^="col"]{padding-left:5px; padding-right:5px;}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) 
{   
    div[class^="col"]{padding-left:5px; padding-right:5px;}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) 
{   
    /*default so you don't need this*/
    div[class^="col"]{padding-left:0px; padding-right:5px;}
    .ads {background: #fafafa; }
    ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; }

}


@media (min-width: 992px) and (max-width: 1200px) {


.popular img {margin-bottom: 0px;}
ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; }
.autor-bio .infos span {font-size: 24px;}

}



@media(max-width:767px){

.site {margin-top: -20px}
.sidebar p {font-size: 0.9em;}
.canais-rodape li {width: 100%}
.destaque {position: relative; }
.destaque h2 {position: absolute; padding: 20px 20px 40px 20px; bottom: -10px; z-index: 2; margin-right: 5px;    background: rgb(1, 5, 4); background: rgba(9, 3, 9, 0.7); font-family: 'Roboto Slab', serif; font-weight:300; font-size: 1.4em;  }
.destaque a {color: #fff}
.about-autor {padding-left: 10px;}
.canais-rodape img {margin-top: 15px;}
.post {padding-left: 10px}
.post p {font-size: 1em; padding: 0 10px; line-height: 24px}
.post ul li {font-size: 1em; padding: 0 10px 0 0; line-height: 24px}
.post ol li {font-size: 1em; padding: 0 10px 0 0; line-height: 24px}
.post h3 {font-size: 1.3em; padding: 0 10px; font-weight: 400;}
.post h2 {font-size: 1.5em; padding: 0 10px; font-weight: 400;}
.post h4 { font-size:1.1em; padding: 0 10px; font-weight: 400;}
.adsright {float: none; margin: 0 auto;   width: 300px;}
.single h1 {font-size: 1.6em; padding-left: 10px; padding-right: 10px}
.single h2 {font-size: 1.1em; padding-left: 10px; padding-right: 10px}
.about-autor {font-size: 0.9em; font-weight: 600}
#wp-caption-text {font-size: 0.7em; font-weight: 600}
#div-gpt-ad-1427223040321-6 {margin: 0 auto; width:300px}
#newsletter span {font-size: 1.3em; margin-bottom: 15px;}
#newsletter p {font-size: 1.1em; padding: 0;}
#newsletter {overflow: auto; padding: 20px}
#newsletter .btn-default {margin-top: 10px;}
#newsletter .info {font-size: 0.8em}
#newsletter .texto {padding-left: 0; padding-top: 10px;}
#side {padding-left: 5px}
#header .container {padding: 0 15px 0 20px;}
.nav>li>a {color: #fff; text-transform: uppercase; font-size: 13px; min-height: 15px; padding-top: 5px; border-bottom: 1px solid #CE678C;}
.navbar-nav {margin-left: 0;}
.navbar-collapse {padding-left: 0; padding-right: 25px}
.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {border: 0;}
.share-text {display: none}
.compartilhe {padding-left: 20px !important}
.compartilhe .fa {margin-right: 0px; font-size: 1em}
.topcanal {margin-left: 10px}
.compartilhe .fb {margin-right: 0; padding: 5px 8px}
.compartilhe .plus {margin-right: 0; padding: 5px 8px}
.compartilhe .tw {margin-right: 0; padding: 5px 8px}
.compartilhe .whatsapp {margin-right: 0; padding: 5px 8px}
.compartilhe .list-inline>li {padding-right: 0; margin-right: 5px !important;}
.about-autor .autor {border: 0; font-size: 0.9em; padding: 0 10px 0 0; margin-top: 10px; float: right}
.sidebar .popular {padding-left: 0;}
.related-title {margin-left: 5px;}
.dicas-populares .chamada {margin-bottom: 15px}
.top .titulo-chamada {font-size: 1.2em; height: 90px}
.canal-home, .canal-beleza, .canal-casa, .canal-comportamento, .canal-maes, .canal-moda, .canal-noivas, .canal-saude {display: none;}
.canais-rodape li {width: 50%; float: left;}
.dicaspop .text {padding: 5px; font-size: 1em; min-height: 115px; border: 0 !important; background: #fafafa !important;}
.sobre-lista li {width: 100%; margin-bottom: 15px;}
.social-footer li {margin-left: 10px;}
.fundosite-margem {padding: 0px !important;}
.app {margin-top: -22px; padding: 15px 0}
.app span {width: 100%; float: left;}
.app p {font-size: 1.1em;}
.app .btn-primary {margin-top: 10px; width: 40%; }
.rodape .btn-primary {width: 100%;}
.appbanners {margin-bottom: 20px;}
#search input[type="search"] {font-size: 24px}
.topcanal a {font-size: 12px}
.selecionadas {padding: 10px;}
.selecionadas p {padding-bottom: 15px;}
.selecionadas ul {padding: 0 10px; }
.sobre {margin-top:80px !important}

}

@media (min-width:768px) and (max-width:992px){


.destaque h2 {font-size: 2.4em; }
.destaque-side h2 {font-size: 1.6em; }
#listagem .titulo-chamada {font-size: 1.1em; height: 90px}
#listagem-ajax .titulo-chamada {font-size: 1.1em; height: 90px}
.buscar {display: none;}
ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; }
body {padding-top: 20px}
.share-text {display: none}
.compartilhe .fa {margin-right: 0px; font-size: 1.3em}
.compartilhe .fb {padding: 10px 10px; margin-right: 3px}
.compartilhe .plus {padding: 10px 10px; margin-right: 3px}
.compartilhe .tw {padding: 10px 10px; margin-right: 3px}
.compartilhe .zl {padding: 10px 10px 0 10px; margin-right: 3px }
.compartilhe .whatsapp {padding: 10px 10px 0 10px; margin-right: 3px}
#newsletter {overflow: auto}
#newsletter .texto {padding-top: 5px}
#newsletter span {font-size: 2.4em}
#side {padding-left: 0;}
#logo {background: url(img/dicas-de-mulher-logo-small.png) no-repeat; display: block; width: 35px; height: 35px; text-indent: -9999px; margin-top: 10px; margin-right: 0px; }
.navbar-nav {margin-left: 10px;}
.adsmeio {height: 360px}
.canais-rodape li {width: 12%}
.ads-listagem {min-height: 332px;}
.box {min-height: 360px;}

}

@media (min-width:993px) and  (max-width:1200px){

.top .titulo-chamada {font-size: 1.1em; height: 90px}
.nav>li>a {font-size: 12px}
.destaque h2 {font-size: 1.5em; line-height: 26px}
.destaque-side h2 {font-size: 1.1em; line-height: 22px}
#listagem .titulo-chamada {height: 100px;}
#listagem-ajax .titulo-chamada {height: 100px;}
.buscar {display: none;}
.logo {margin-right: 0;}
ul.nav li.dropdown:hover > ul.dropdown-menu { display: block; }
#newsletter .texto {padding-top: 20px}
#newsletter span {font-size: 1.8em}
#newsletter .btn-default {font-size: 0.9em}
#newsletter .input-lg {font-size: 0.9em}
.top .titulo-chamada {font-size: 1.3em; height: 100px}
.compartilhe .fa {margin-right: 10px; font-size: 1.3em}
.compartilhe .fb {background: #2d609b; color: #fff; border-radius: 4px; padding: 10px 10px; margin-right: 5px;}
.compartilhe .plus {background: #C4412F; color: #fff; border-radius: 4px; padding: 10px 10px; margin-right: 5px;}
.compartilhe .tw {background: #27BEF7; color: #fff; border-radius: 4px; padding: 10px 10px; margin-right: 5px;}
.compartilhe .whatsapp {background: #40B82C; color: #fff; border-radius: 4px; padding: 10px 10px; margin-right: 5px;}
.compartilhe .zl {padding-bottom: 0; background: #fff; font-weight: 600; border-radius: 4px; border: 1px solid #eee; padding: 10px 10px 0 10px; margin-right: 10px; }
.compartilhe .zl a {color: #666}
.comp {display: none}
.dicaspop .text {font-size: 0.9em}
.adslist {padding: 5px}
.related img {max-height: 142px}
.dicaspop .text {min-height: 92px; padding: 0;}
.ads-listagem {min-height: 332px;}
.adsmeio {min-height: 320px !important;}
.box img {max-height: 192px !important}
.box { min-height: 350px;}
.embed-container {margin-bottom: 40px !important}
}



@media (min-width:1201px) and  (max-width:1366px){

.top .titulo-chamada {font-size: 1.4em; height: 90px}
.box img {max-height: 174px}
.box {min-height: 300px}

}


/* AAJX LOAD MORE */



button#load-more{	
   font-family: Helvetica, Arial, sans-serif;
   font-size:16px;
   font-weight: 600;
   width:auto;   
   height: 42px;
   line-height: 42px;
   background: #FF5A58;
   color:#fff;
   border: none;
   -webkit-border-radius:3px;
   -moz-border-radius:3px;
   border-radius:3px;
   margin: 0 0 4px;
   padding:0 20px;
   display: inline-block;		
   position: relative;
   -webkit-transition: padding 0.25s ease-in-out;
   -moz-transition: padding 0.25s ease-in-out;
   transition: padding 0.25s ease-in-out;
   text-align: center;	
   text-decoration: none;
   -webkit-appearance: none; 
   -moz-appearance: none;   
   appearance: none;   
   /* Prevents text selection */
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: -moz-none;
   -ms-user-select: none;
   -o-user-select: none;
   user-select: none;
   cursor: pointer;
}
	button#load-more:hover{
		background-color: #ec4745;
		color: #fff;
		text-decoration: none;
	}
	button#load-more:active{
		-webkit-box-shadow: inset 0 4px 3px rgba(0, 0, 0, 0.15);
		-moz-box-shadow: inset 0 4px 3px rgba(0, 0, 0, 0.15);
		box-shadow: inset 0 4px 3px rgba(0, 0, 0, 0.15);
		text-decoration: none;
	}
	
	
	/* Loading */
   button#load-more.loading{
    	padding-left: 42px;
   }
    
   /* Loaded / Done */
	button#load-more.done{
		cursor: default;
		opacity: 0.2;
		filter: alpha(opacity=20); 
		background-color: #FF5A58; 
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		box-shadow: none !important;
   }  
      
   /* Loading Icon */
	button #load-more:before,
	button#load-more.done:before{                
		background: none;
		width: 0;
	}
	
	/* Loading :before */
	button#load-more.loading:before {
      background: url(img/ajax-loader.gif) no-repeat center center;
      width: 30px;
      height: 30px;
      margin: 5px;		
      border: 0;
      display: inline-block;
      z-index: 100;
      content: '';
      position: absolute;
      left: 0;
      overflow: hidden;
      -webkit-transition: width 0.5s ease-in-out;
      -moz-transition: width 0.5s ease-in-out;
      transition: width 0.5s ease-in-out;
	}
	
.alm-btn-wrap{
	text-align:center;
	padding:10px 10px 30px;
	overflow: hidden;
	display: block;
}




.alm-listing{
	margin: 0 0 10px;
	padding: 0;
}
	.alm-listing li{
		background: none;
		margin: 0 0 10px;
		padding: 0 0 0 190px;
		overflow: hidden;
		position: relative;
		list-style: none;
	}						
	.alm-listing li a{
		color: #34383D;
	}
	.alm-listing li p{
		margin: 0;
	}
	.alm-listing li h3{
		margin: 0 0 10px;
	}
	.alm-listing li img{
		position: absolute;
		left: 0;
		top: 0;			
		-webkit-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
	}
	
	
	
	
	
	
	
/* JQUERY PINT IT BUTTON */



.pinit-overlay {
	background-color: transparent;
	position:absolute;
	z-index:200;
	display:none;
	border-width: 0 0;
	padding: 0 0;
	margin: 0 0;
	box-shadow: none;
	overflow: visible;
}
a.pinit-button {
	position:absolute;
	display:none;
	text-indent:-9999em !important;
}

a.pinit-button.pinit-top-left {
	top:0;
	left:0;
}

a.pinit-button.pinit-top-right {
	top:0;
	right:0;
}

a.pinit-button.pinit-bottom-left {
	bottom:0;
	left:0;
}

a.pinit-button.pinit-bottom-right {
	bottom:0;
	right:0;
}

a.pinit-button.pinit-middle {
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin: auto;
}