/*
Theme Name: Belas Mensagens 2017
Description: Wordpress theme exclusivo para website Belas Mensagens
*/

body {
  background: #f7f7f7;
  font-family: 'Roboto', sans-serif;
  color: #536474;
  font-weight: 100;
  font-size: 14px;
}

.natal p {min-height: 100px !important;}
.natal .chamada {height: auto !important;}
.list-historias .autores img {
  height: 120px !important;
}

.nav-historia {
  background: #f7f7f7 !important;
}

.footer-historia {
  background: #f7f7f7 !important;
}

.instagram-media {margin:20px auto !important}

.historia {
  background: #fff;
}

.historias .wp-caption {
  width: 100% !important;
}

.historia .wp-caption-text {
  margin-top: -25px !important;
  font-size: .8em !important;
}

.historia .card {
  font-size: 1.2em;
}

.historia .card p {
  padding: 15px 0 0 0!important;
}

.historia .share {
  text-align: center;
  margin: 20px 0;
}

.historia .share a {
  display: block;
  width: 100%;
  border-radius: 20px;
  color: #fff;
  padding: 10px;
}

.historia .share a:hover {
  opacity: .8;
}

.historia .share .f {
  background: #3b5998;
}

.historia .share .w {
  background: #25d366;
}

.historia .share .p {
  background: #bd081c;
}

.historia .card h2 {
  font-size: 1.6em;
  padding: 0;
  margin: 25px 0 15px 0;
}

a {
  color: #C3141B;
  font-weight: 300;
}

a:hover, a:focus, a:active {
  color: #AB171D;
}

blockquote {
  border-left: 0;
  padding: 0 !important;
}

a.nav-expander {
  background: none;
  color: #666;
  display: block;
  font-size: 15px;
  font-weight: 300;
  height: 50px;
  margin-left: 0;
  padding: 1em 10px;
  position: absolute;
  left: 10px;
  text-decoration: none;
  text-transform: uppercase;
  top: 0;
  transition: left 0.3s ease-in-out 0s;
  width: auto;
  z-index: 12;
  transition: left 0.3s ease-in-out 0s;
  -webkit-transition: left 0.3s ease-in-out 0s;
  -moz-transition: left 0.3s ease-in-out 0s;
  -o-transition: left 0.3s ease-in-out 0s;
  font-family: 'Roboto Slab', serif;
}

a.nav-expander:hover {
  cursor: pointer;
}

.nav-expanded a.nav-expander.fixed {
  left: 20em;
}

nav {
  background: #AB171D !important;
  display: block;
  height: 100%;
  overflow: auto;
  position: fixed;
  left: -20em;
  font-size: 15px;
  top: 0;
  width: 20em;
  z-index: 2000;
  transition: left 0.3s ease-in-out 0s;
  -webkit-transition: left 0.3s ease-in-out 0s;
  -moz-transition: left 0.3s ease-in-out 0s;
  -o-transition: left 0.3s ease-in-out 0s;
}

.nav-expanded nav {
  left: 0;
  background: #fff;
}

body.nav-expanded {
  margin-left: 0em;
  transition: left 0.4s ease-in-out 0s;
  -webkit-transition: left 0.4s ease-in-out 0s;
  -moz-transition: left 0.4s ease-in-out 0s;
  -o-transition: left 0.4s ease-in-out 0s;
}

.xmas {
  background: #D40028!important;
  color: #fff!important;
}

.holiday {
  background: #D40028!important;
  color: #fff!important;
  border-radius: 30px;
  padding: 5px 10px;
}

#nav-close {
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 300;
  font-size: 24px;
  padding-left: 10px;
}

li:last-child {
  border-bottom: none !important;
}

.vejatambem {
  padding: 20px 10px;
  background: #fff;
  margin: 10px 0 20px 0;
  border-radius: 5px;
}

.vejatambem .media-left {
  width: 100px;
  float: left;
}

.vejatambem img {
  width: 100px;
  padding-right: 10px;
  border-radius: 2px;
}

.vejatambem p a {
  font-weight: bold;
}

.menu {
  padding-top: 0px;
  list-style: none;
  padding-left: 0;
  margin-top: 0;
  background: #AB171D;
}

.menu ul {
  list-style: none;
  margin-left: 0;
  padding-left: 5px;
  margin-top: 15px;
}

.menu li {
  border-bottom: 1px solid #C3141B;
  margin-left: 0px;
  font-size: 18px;
  padding: 12px;
}

.menu li a {
  color: #fff;
  text-decoration: none;
}

.archive .autores a {
  display: inline !important;
}

.menu li a:hover {
  color: #fff;
  text-decoration: none;
}

.menu li .sub-nav {
  border-bottom: 0px;
  padding: 4px;
  font-size: 15px;
  text-transform: none !important;
}

.menu a .caret {
  width: 0;
  height: 0;
  display: inline-block;
  vertical-align: top;
  border-top: 4px solid #4f5963;
  border-left: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
  margin-top: 8px;
}

.card-natal .card {
}

.card-natal .card a {
  display: block;
  padding: 10px;
  background: #C3141B;
  color: #fff;
  border-radius: 5px;
}

.card-natal .card a:hover {
  opacity: .9;
}

.card-natal .card p {
  padding-top: 15px;
}

.card-natal ul {
  font-size: 13px !important;
  margin-left: 15px !important;
  padding-left: 0 !important;
}

.card-natal li {
  margin-bottom: 10px;
}

.menu a:hover .caret {
  border-top-color: #4f5963;
}

.menu li.open > a > .caret {
  border-top: none;
  border-bottom: 4px solid #4f5963;
  border-left: 4px solid transparent;
  border-left: 4px solid transparent;
}

.menu li.open > a:hover > .caret {
  border-bottom-color: #4f5963;
}

.icon:before {
  font-family: 'FontAwesome';
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  text-transform: none;
  content: 'f105';
}

.menu li > a > span.icon {
  float: left;
  margin: 0.1em 1.7em -0.1em 0;
  opacity: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.card-natal {
  margin-bottom: 20px;
}

.card-natal p {
  text-align: center;
  font-weight: bold !important;
  font-size: 1.2em !important;
  padding: 15px 0;
}

.menu li > a:hover > span.icon {
  float: left;
  margin: 0.1em 0.8em -0.1em 0;
  opacity: 1;
}

.menu .btn-default {
  background: #AB171D;
  border: 1px solid #fff;
  color: #fff;
}

.btn-default {
  background: #fff;
  color: #355065;
  border: 1px solid #355065;
  text-decoration: none;
  border-radius: 20px;
}

.btn-default:hover {
  background: #C3141B;
  color: #fff;
  opacity: .9;
  border: 1px solid #C3141B;
  transition: ease-in .1s;
}

.logo {
  margin: 0 auto;
  width: 250px;
}

.navbar-inverse {
  background: #fff;
  border-bottom: 1px solid #ececec;
  padding: 10px 0 5px 0;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}

.navbar-form {
  margin-top: -30px;
}

.navbar {
  border-radius: 0;
  margin-bottom: 0;
}

.nav {
  background: #fff;
  border-bottom: 1px solid #ececec;
}

.archive .autores p {
  height: 100px;
}

.topmenu {
  padding: 0;
  position: relative;
}

.autores p {
  margin-bottom: 20px;
}

.lista-item {
  min-height: 280px !important;
}

.natal-sidebar .col-md-12 {
  padding: 0;
}

div.scrollmenu {
  overflow-y: hidden;
  overflow-x: auto;
  white-space: nowrap;
  text-align: center;
  -webkit-overflow-scrolling: touch;
  position: relative;
}

div.scrollmenu a {
  display: inline-block;
  color: #355065;
  text-align: center;
  padding: 10px 20px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 300;
  margin: 5px 0;
  border-radius: 20px;
  font-family: 'Roboto Slab', serif;
}

div.scrollmenu a:hover {
  background-color: #C3141B;
  border-radius: 20px;
  transition: ease-in .1s;
  color: #fff;
}

.main {
  margin-top: 20px;
  padding: 0;
}

.posts {
  float: left;
  width: 100%;
  margin-left: 0px;
}

.card {
  background: #fff;
  border-radius: 3px;
}

.card p {
  padding: 15px;
  font-size: 1.1em;
  line-height: 1.8em;
  margin: 0;
}

.card ul {
  padding: 15px;
  font-size: 1.1em;
  line-height: 1.8em;
  margin: 0 0 0 20px;
}

.card ol {
  padding: 15px;
  font-size: 1.1em;
  line-height: 1.8em;
  margin: 0 0 0 20px;
}

.card img {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.card h1 {
  font-size: 1.2em;
  margin-left: 20px;
  padding-top: 20px;
  font-weight: 500;
  margin-top: 0;
}

.card h2 {
  font-size: 1.2em;
  margin-left: 20px;
  padding-top: 20px;
  font-weight: 500;
  margin-top: 0;
}

.card .autor {
  margin-top: -10px;
}

.card .social {
  margin-bottom: 15px;
  margin-top: 5px;
  background: #fafafa;
  padding-top: 10px;
}

.card .social ul {
  list-style: none;
  padding-left: 15px;
}

.card .social li {
  display: inline;
  padding-right: 5px;
}

.card .social .btn-default {
  border: 1px solid #eee;
  color: #999;
  border-radius: 5px;
}

.card .social .f:hover {
  background: #3b5998;
  color: #fff;
  transition: ease-in .1s;
}

.card .social .p:hover {
  background: #bd081c;
  color: #fff;
  transition: ease-in .1s;
}

.card .social .t:hover {
  background: #1da1f2;
  color: #fff;
  transition: ease-in .1s;
}

.card .social .d:hover {
  background: #666;
  color: #fff;
  transition: ease-in .1s;
}

.card .social .w:hover {
  background: #25d366;
  color: #fff;
  transition: ease-in .1s;
}

.top {
  background: #fff;
  padding: 15px;
  margin-bottom: 20px;
  overflow: auto;
  border-radius: 3px;
}

.top h1 {
  font-size: 1.4em;
  font-weight: 500;
  margin: 0;
  float: left;
  color: #355065;
  font-family: 'Roboto Slab', serif;
}

.top h2 {
  font-size: 1.4em;
  font-weight: 500;
  margin: 0;
  float: left;
  color: #355065;
  font-family: 'Roboto Slab', serif;
}

.chamada {
  font-size: 1.4em;
  font-weight: 500;
  margin: 0;
  float: left;
  color: #355065;
  font-family: 'Roboto Slab', serif;
}

.top ul {
  list-style: none;
  padding-left: 0;
  width: 100%;
}

.top li {
  font-size: 1.1em;
  padding: 10px 0 !important;
  border-bottom: 1px solid #f4f4f4;
  width: 100%;
  overflow: auto;
}

.autores .row {
  float: left;
  margin: 20px 0;
  width: 100%;
}

.auotres p {
  font-size: .9em;
}

.autores a {
  font-size: 1.1em;
  text-align: center;
  display: block;
}

.autores img {
  margin: 0 auto 15px;
}

.ultimas {
  margin-bottom: 20px;
  overflow: auto;
}

.input-group-btn:last-child>.btn {
  border: 1px solid #ccc;
  border-left: 0;
  color: #666;
  box-shadow: none;
}

.input-group-btn:last-child>.btn:hover {
  background: #fff;
  color: #C3141B;
}

.navbar-form .input-group>.form-control {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  box-shadow: none;
}

.navbar-form .input-group>.form-control:focus {
  border: 1px solid #ccc;
  border-right: 0;
  padding-left: 13px;
}

.navbar-right {
  margin-right: 0;
}

.no-image {
  padding-top: 10px;
}

.pagination {
  margin-left: 15px;
}

.pagination>li>a {
  color: #C3141B;
}

.pagination>li>a:hover {
  color: #AB171D;
}

.pagination>li>span {
  color: #AB171D;
  opacity: .5;
}

.pagination>.active>a, .pagination>.active>a:focus {
  background: #AB171D;
  border-width: 1px;
  border-style: solid;
  border-color: rgb(221, 221, 221);
  border-image: initial;
}

.msg-no-image {
  padding: 0;
}

.bread {
  font-size: .9em !important;
  margin: 0 !important;
  padding: 0 !important;
}

.noborder {
  border-radius: 0 !important;
}

.adtop {
  margin-bottom: 20px;
  min-height: 250px;
}

.adtop > div {
  height: 100%;
}

/*SIDEBAR*/

.sidebar {
  background: #fff;
  padding: 20px 20px 0 20px;
  border-radius: 3px;
}

.sidebar .menu {
  background: #fff;
}

.sidebar .menu span {
  font-size: 1.4em;
  font-weight: 500;
  margin: 0;
  color: #355065;
  background: #fff;
  font-family: 'Roboto Slab', serif;
}

.sidebar .menu ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 30px;
  margin-top: 15px;
}

.sidebar .menu li {
  font-size: 1.1em;
  padding: 10px 0 !important;
  border-bottom: 1px solid #f4f4f4;
}

.sidebar .menu li a {
  color: #C3141B;
}

.sidebar .card {
  margin-bottom: 20px;
}

.sidebar .card a {
  color: #C3141B;
  line-height: 12px;
}

.sidebar .outbrain {
  padding: 20px !important;
}

/*CATEGORY MENSAGENS*/

.category h1 {
  font-size: 1.4em;
  margin: 0;
  color: #355065;
  float: left;
  font-family: 'Roboto Slab', serif;
  padding: 0;
}

.category .card img {
  margin: 0 auto;
  padding-top: 10px;
}

.category .card .social {
  padding-top: 0px;
}

.category .card p {
  margin-bottom: 0;
  padding: 5px 20px;
}

.category .card {
  border-radius: 3px;
}

.category .breadcrumb {
  font-size: .9em;
  background: none;
  padding: 0;
  margin: 0;
}

.category .breadcrumb a {
  color: #355065 !important;
}

.category .title {
  margin-bottom: 20px;
}


/*CATEGORY FRASES */

.frases .card img {
  padding-top: 0 !important;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.frases .title {
  margin-bottom: 20px;
}

/*LISTAS*/

.listas h1 {
  font-size: 3.5em !important;
  padding: 30px 0;
}

.listas .content {
  padding: 0px;
  font-size: 1.1em;
}

.listas h2 {
  font-size: 1.5em !important;
  line-height: 1.5em;
  margin-bottom: 20px;
}

.listas p {
  padding: 15px 0;
  font-size: 18px;
  line-height: 1.5em;
  margin-bottom: 0;
}

.listas img {
  padding: 0;
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
}

.listas .card {
  background: #fff;
  padding: 15px 15px 0 15px;
  border: 1px solid #f1f1f1;
}

.listas .frase {
  background: #fff !important;
  font-size: 1.3em !important;
  padding: 20px !important;
  margin-top: -30px;
}

.listas .autor {
  background: #fff !important;
  font-size: 1em !important;
  padding: 20px !important;
  margin-top: -30px;
}

.listas .share a {
  border-radius: 5px !important;
  padding: 10px 20px !important;
  border: 0;
  color: #fff;
}

.listas .share .f {
  background: #3b5998;
}

.listas .share .t {
  background: #1da1f2;
}

.listas .share .p {
  background: #bd081c;
}

.listas .share .w {
  background: #128c7e;
}

.listas a.list-group-item {
  color: #C3141B;
  font-weight: 500;
  font-size: 18px;
}

.listas .bottom {
  margin-bottom: 30px !important;
}

.relacionados {
  margin-top: 30px;
}

.relacionados h5 {
  font-size: 1.2em;
  line-height: 1.4em;
  padding: 10px 15px 25px 10px;
}

/*SINGLE*/

.single {
  margin-top: 20px;
}

.single .col-md-12 {
  padding: 0 5px;
}

.single .card h1 {
  font-size: 1.5em;
  margin-left: 20px;
  padding-top: 20px;
  font-weight: 500;
  padding-bottom: 10px;
}

.single .sidebar {
  overflow: auto;
  margin: 0 0 30px 0;
  width: 100%;
}

.single img {
  border-radius: 0;
  max-width: 100%;
}

.single .autor {
  margin-top: -20px;
}

.single .card {
  overflow: auto;
  overflow-x: hidden;
  margin-bottom: 20px;
}

.single .card .social {
  margin-bottom: 0;
  float: left;
  width: 100%;
  margin-top: 15px;
}

#comentarios {
  background: #fff;
  padding: 30px;
  margin-bottom: 20px;
}

#comentarios span {
  font-size: 1.4em;
  font-weight: 500;
  margin: 0;
  color: #355065;
  font-family: 'Roboto Slab', serif;
}


.historias iframe :not(.instagram-media) {
  width: 100%;
  height: 400px;
}

@media screen and (max-width: 720px){

.historias iframe :not(.instagram-media) {
    height: 370px;
  }
}

@media screen and (max-width: 660px) {

.historias iframe :not(.instagram-media) {
    height: 340px;
  }
}

@media screen and (max-width: 600px) {

.historias iframe :not(.instagram-media) {
    height: 300px;
  }
}

@media screen and (max-width: 540px) {

.historias iframe :not(.instagram-media) {
    height: 270px;
  }
}

@media screen and (max-width: 490px) {

.historias iframe :not(.instagram-media) {
    height: 240px;
  }
}

@media screen and (max-width: 440px) {

.historias iframe {
    height: 210px;
  }
}

@media screen and (max-width: 390px) {

.historias iframe {
    height: 190px;
  }
}

@media screen and (max-width: 390px) {

.historias iframe :not(.instagram-media) {
    height: 190px;
  }
}

.historias img {
  width: 100% !important;
  margin: 20px 0 !important;
}

.historias h1 {
  font-size: 2.5em !important;
  text-align: center;
  padding: 0px;
  margin-left: 0 !important;
}

.postnav a {
  background: #C3141B;
  color: #fff;
  display: block;
  padding: 20px;
  border-radius: 3px;
  margin-bottom: 15px;
  text-transform: uppercase;
  font-size: 1.2em;
}

.postnav a:hover {
  text-decoration: none;
  opacity: .8;
}

.noimage {
  font-size: 2em;
  line-height: 2.5em;
  padding: 30px;
}

.adstopsingle {
  margin-bottom: 20px;
}

.single .adsingle {
  margin-top: 20px;
  margin-bottom: 20px;
}
/*SINGLE AUTOR*/

.sidebar .perfil p {
  margin-bottom: 20px;
}

.sidebar .perfil img {
  width: 100%;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

.author .autor {
  opacity: .7;
  margin-top: 0px;
}

#nome-autor {
  font-size: 1.4em;
}

/*SINGLE FRASES */

.single-frases {
  margin-top: 20px !important;
}

.single-frases .card {
  overflow: auto;
  margin-bottom: 20px;
}

.single-frases .card .social {
  margin-bottom: 0;
}

/*PAGES*/

.page .top ul {
  margin-top: 15px !important;
}

.page h2 {
  margin-bottom: 20px !important;
}

.error {
  text-align: center;
  padding: 80px 0;
}

.error h1 {
  font-size: 8em !important;
}

.list h2 {
  font-size: 1.4em;
  font-weight: 500;
  margin: 0;
  float: left;
  color: #355065;
  font-family: 'Roboto Slab', serif;
}

/*OUTBRAIN*/

.category .outbrain {
  background: #fff;
  padding: 30px;
  margin-bottom: 20px;
  border-radius: 3px;
}

.outbrain {
  padding-bottom: 20px !important;
}

/*ARCHIVE*/

.archive .card {
  margin-bottom: 20px;
  padding: 30px 0;
}

.archive h2 {
  font-size: 2em;
  padding: 0;
  margin: 0 0 0 15px;
}


/*FOOTER*/

.footer {
  background: #fff;
  padding: 30px 0;
}

.footer .container {
  padding-left: 25px;
}

#toTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  cursor: pointer;
  display: none;
  background: #fff;
  color: #C3141B;
  border: 1px solid #fff;
}

.footer .social a {
  color: #C3141B !important;
  font-size: 2.5em !important;
  opacity: .5;
}

.footer .social a:hover {
  text-decoration: none !important;
  opacity: .9;
}
/*VIDEO*/
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 0;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/*LISTAS*/
#test-list .search {
  background: #fff !important;
  width: 100%;
  font-size: 16px;
  padding: 12px 20px 12px 15px;
  border: 1px solid #eee;
  margin-bottom: 12px;
}

#test-list .list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

#test-list li p {
  margin-bottom: 0;
}

#test-list .list li a {
  border: 1px solid #eee;
  margin-top: -1px;
  background-color: #fff !important;
  padding: 12px;
  text-decoration: none;
  font-size: 1.1em;
  color: #C3141B;
  display: block;
}

/*PAGINAS*/

.page h1 {
  font-size: 1.4em;
  margin-bottom: 20px;
}

.about {
  padding: 20px 0;
}

.about p {
  line-height: 2em;
}

.text {
  background: #fff;
  padding: 30px;
  margin-bottom: 30px;
  font-size: 1.1em;
}

/*ADS*/

.ad {
  margin: 0 auto;
  height: 320px;
  margin-bottom: 20px;
  width: 100%;
  text-align: center;
  padding-top: 20px;
}


/*FONTS*/


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

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-long-arrow-right:before {
  content: "\e912";
}

.icon-chevron-left:before {
  content: "\e913";
}

.icon-map-pin:before {
  content: "\e911";
}

.icon-chevron-up:before {
  content: "\e910";
}

.icon-long-arrow-left:before {
  content: "\e906";
}

.icon-exclamation-triangle:before {
  content: "\e907";
}

.icon-warning:before {
  content: "\e907";
}

.icon-comments-o:before {
  content: "\e908";
}

.icon-bars:before {
  content: "\e909";
}

.icon-navicon:before {
  content: "\e909";
}

.icon-reorder:before {
  content: "\e909";
}

.icon-close:before {
  content: "\e90a";
}

.icon-remove:before {
  content: "\e90a";
}

.icon-times:before {
  content: "\e90a";
}

.icon-edit:before {
  content: "\e90b";
}

.icon-whatsapp:before {
  content: "\e90c";
}

.icon-instagram2:before {
  content: "\e90d";
}

.icon-download:before {
  content: "\e90e";
}

.icon-youtube:before {
  content: "\e90f";
}

.icon-pinterest-p:before {
  content: "\e905";
}

.icon-facebook:before {
  content: "\e900";
}

.icon-facebook-f:before {
  content: "\e900";
}

.icon-twitter:before {
  content: "\e901";
}

.icon-angle-right:before {
  content: "\e902";
}

.icon-chevron-right:before {
  content: "\e903";
}

.icon-search:before {
  content: "\e904";
}

.icon-folder-download:before {
  content: "\e933";
}

.icon-instagram:before {
  content: "\ea92";
}

@media (max-width:767px) {
  .historias .card {
    overflow: inherit !important;
  }

  .historias h1 {
    font-size: 1.8em !important;
  }

  .listas h1 {
    padding: 0 0 20px 0;
  }

  .listas blockquote {
    margin-bottom: 0;
  }

  .listas footer {
    margin-bottom: 10px;
  }

  .listas .card {
    padding: 5px 15px;
  }

  .listas h1 {
    font-size: 2.5em !important;
  }

  .category h1 {
    background: #f2f2f2;
    float: none;
  }

  div.scrollmenu {
    overflow-x: scroll;
  }

  .main {
    margin-top: 10px;
  }

  .navbar-inverse .navbar-toggle {
    margin-top: -30px;
    color: #fff;
    border: 0;
  }

  .logo {
    margin-top: 5px;
  }

  .navbar-inverse .navbar-collapse {
    padding-top: 50px;
    top: 20;
  }

  a.nav-expander {
    top: 0px;
  }

  .content {
    padding: 0;
  }

  .content .col-md-6 {
    padding: 0 5px;
  }

  .sidebar {
    padding: 15px;
  }

  .logo {
    margin: 0 auto 0;
    padding-top: 10px;
    width: 200px;
  }

  .full {
    padding: 0 5px;
  }

  .ad {
    height: auto !important;
    padding-bottom: 20px !important;
  }

  #comentarios {
    padding: 15px;
  }

  .chamada {
    padding-bottom: 10px;
    padding-top: 10px;
    overflow: auto;
  }

  .navbar-inverse {
    padding: 0;
  }

  div.scrollmenu a {
    padding: 14px;
  }

  .category .outbrain {
    padding: 10px;
    border-radius: 3px;
  }

  .out {
    padding: 0 5px;
  }

  .posts {
    float: none;
    width: 100%;
    margin-left: 0px;
  }

  .sidebar {
    background: #fff;
    margin: 0 5px;
    border-radius: 3px;
  }

  .sidebar .menu span {
    padding: 20px 0;
    width: 100%;
    float: left;
  }

  .ultimas {
    padding-left: 10px;
  }

  .footer {
    margin-top: 20px;
  }

  .page .col-md-6 {
    padding: 0;
  }

  .page {
    padding: 0 5px;
  }

  .page h1 {
    margin-left: 15px;
  }

  .single .card h1 {
    font-size: 1.2em;
  }

  a.nav-expander {
    position: absolute;
  }

  .wrap {
    padding: 0;
  }

  .social ul {
    margin-left: 0;
  }

  .page h2 {
    font-size: 1.2em;
  }

  .sidebar .outbrain {
    padding: 10px !important;
  }

  .postnav {
    margin: 0 15px;
  }

  .top h2 {
    font-size: 1.2em;
  }

  .category .title {
    padding: 10px 20px 0px 20px;
  }

  .footer .social ul {
    margin: 10px auto;
    text-align: left !important;
  }

  .adsingle {
    margin: 0 auto;
  }
/*.topmenu:before {
    content: '';
    position: absolute;
    right: 0;
    top: 2px;
    bottom: 2px;
    width: 60px;
    z-index: 99;
  background-image: linear-gradient(to left,#fff,#fff);
}*/
  .navbar-form {
    margin-top: -30px;
    border: 0;
    box-shadow: none;
    padding-top: 30px;
    margin-bottom: -10px;
  }

  .navbar-form .btn-default {
    background: #fff;
  }
}