/*
Theme Name: Belas Frases de Amor 
Description: Wordpress theme exclusivo para website Belas Frases de Amor
*/



@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700|Roboto:400,500');
body {background: #f8f8f8; font-family: 'Roboto', sans-serif; color: #536474; font-weight: 100; font-size: 14px}

.single-lista {background:#f8f8f8; }
.single-lista h1 {text-align:center; margin-bottom:30px; margin-top:30px; font-size:3em}
.single-lista .intro { float:left; width:100%;}
.single-lista .intro p {padding:15px 0; line-height:2em; font-size:16px}
.single-lista h2 { margin-bottom:30px}
.single-lista .card {background:#fff; float:left; width:100%; margin:15px 0; padding:15px;}
.single-lista .card blockquote p {padding:0 !important}
.single-lista .card img {margin-bottom:15px;}
.single-lista .card blockquote {margin:0; padding:0;}
.adfixed{display: none;}
.listas-home {padding:0;}
.listas-home .card {padding:0;}
.listas-home .card h2 {padding-bottom:20px;}
.listas-home .mais {background:#ff555d; padding:120px 0; text-align:center}
.listas-home .mais a {color:#fff; text-transform:uppercase; }

a {color: #FF555D; font-weight: 300; }
a:hover, a:focus, a:active {color: #AB171D}
blockquote {border-left: 0;}
.holiday {background: #FF555D !important;
    color: #fff !important;}
a.nav-expander { background: none; color: #666; display: block;  font-size: 15px; font-weight: 300; height: 50px; margin-left: 0; padding: 20px 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; }
#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}
.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 #FF555D; margin-left: 0px; font-size: 18px; padding: 12px; }
.menu li a { color: #fff; text-decoration: none;  }
.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; }
.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; }
.menu li > a:hover > span.icon { float: left; margin: 0.1em 0.8em -0.1em 0; opacity: 1; }
.menu .btn-default {background: #FF555F; border: none; color: #fff}
.btn-default {background: #fff; color: #3C3C3C; border: 1px solid #3C3C3C; text-decoration: none;  border-radius: 20px;}
.btn-default:hover {background:#FF555D; color: #fff; opacity: .9; border: 1px solid #FF555D; transition: ease-in .1s }
.logo { margin: 0 auto; width: 200px}
.navbar-inverse {background: #fff; border-bottom: 1px solid #ececec; padding: 10px 0 10px 0; border-top: 0; border-left: 0; border-right: 0;}
.navbar-form {margin-top: -50px;}
.navbar {border-radius: 0; margin-bottom: 0;}
.nav {background: #fff; border-bottom: 1px solid #ececec}

.home p {line-height: 2em; font-size: 1em}
.home h2 {width: 100%; margin-bottom: 20px !important}

.topmenu {padding: 0; position: relative}
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: #3C3C3C;
    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: #FF555D;
    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: 10px; 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: #eee; padding-top: 0px; }
.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: #ccc; border-radius: 5px}
.card .social .f {background: #3b5998; color: #fff; transition: ease-in .1s}
.card .social .p {background: #bd081c; color: #fff; transition: ease-in .1s}
.card .social .t {background: #1da1f2; color: #fff; transition: ease-in .1s}
.card .social .d {background: #666; color: #fff; transition: ease-in .1s}
.card .social .w {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: #3C3C3C; font-family: 'Roboto Slab', serif;}
.top h2 {font-size: 1.4em; font-weight: 500; margin: 0; float: left; color: #3C3C3C; font-family: 'Roboto Slab', serif;}
.chamada {font-size: 1.4em; font-weight: 500; margin: 0; float: left; color: #3C3C3C; 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: #FF555D}
.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}
.paginacao {margin: 40px 0}
.pagination {margin-left: 15px}
.pagination>li>a {background: #FF555D;
    color: #fff;
    border: 1px solid #FF555D;
    margin-right: 5px;}
.pagination-lg>li:first-child>a, .pagination-lg>li:first-child>span {border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
    border: 1px solid #FF555D;
    margin-right: 5px;}
    .pagination-lg>li:first-child>span:hover, .pagination>li>span:hover {background: #fff; color: #FF555D; border: 1px solid #FF555D}
.pagination>li>a:hover {color: #fff; background: #FF555D; opacity: .7; border: 1px solid #FF555D}
.pagination>li>span {border:1px solid #FF555D; color: #FF555D; margin-right: 5px}
.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}

/*SIDEBAR*/

.sidebar {background: #fff; padding: 20px 20px 0 20px; border-radius: 3px; margin-bottom:30px;}
.sidebar .menu {background: #fff}
.sidebar .menu span {font-size: 1.4em; font-weight: 500; margin:0; color: #3C3C3C; background: #fff; font-family: 'Roboto Slab', serif; }
.sidebar .menu h2 {font-size: 1.4em; font-weight: 500; margin:0; color: #3C3C3C; 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: #FF555D}
.sidebar .card {margin-bottom: 20px}
.sidebar .card a {color: #FF555D; line-height: 12px}
.sidebar .outbrain {padding: 20px !important}
.vermais {background: #FF555D; color: #fff !important; border-radius:5px; padding: 10px; text-transform: uppercase}

/*CATEGORY MENSAGENS*/

.category h1 {font-size: 1.4em; margin: 0 0 15px 0; color: #3C3C3C; float: left; font-family: 'Roboto Slab', serif; font-weight:bold; padding: 0; width:100%; }
.category .card img {margin: 0 auto; padding-top: 0}

.category .card .social {padding-top: 0px}
.category .card p {margin-bottom: 0; padding: 15px 0; }
.category .card { border-radius: 3px}
.category .breadcrumb {font-size: .9em; background: none; padding: 0; margin: 0;}
.category .breadcrumb a {color: #3C3C3C !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}

/*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; 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: #3C3C3C; font-family: 'Roboto Slab', serif; }
.historias iframe {max-width: 100%}
.historias img {width: 100% !important; margin: 20px 0 !important}
.historias h1 {font-size: 2em !important; text-align: center; padding: 0 15px}
.postnav a {    background: #FF555D;
    color: #fff;
    display: block;
    padding: 20px 15px; 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: #3C3C3C; 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: #FF555D;
	border:1px solid #fff;
}
.footer .social a {color: #FF555D !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: #FF555D;
    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 (min-width:1600px) {
	
	.card {padding: 20px 20px 0 20px; margin-bottom: 40px !important}
	.card img {min-width: 100%}
	.card .social {margin-right: -20px; margin-left: -20px}
	.card p {padding:15px 0}
	
	
	}

@media (max-width:767px) {

  .adfixed{display:block!important;position:fixed;bottom:0;left:0;background:#fff;padding:3px 0 0 0;z-index:9999;width:100%!important}
	
.single-lista {padding:0; margin:0}	
.single-lista h1 {font-size:2em; padding:15px}	
.single-lista .intro {padding:0 15px;}	
.single-lista h2 {padding: 0 15px; font-size:1.5em}	
.single-lista .card {margin: 0 0 15px 0; }	
	.single-lista .card p {font-size:16px; line-height:22px}	
	.single-lista .card .blockquote-footer {margin-top:15px}
.category .card p {padding:15px !important}
.category h1 {background: #EEEEEE; float:none; text-align: center; margin: 0 auto 15px 0; width: 100%}
div.scrollmenu {overflow-x: scroll;}
.main {margin-top: 10px;}
.card p {font-size: 1.2em}
.social .list-inline>li {padding-left: 0;}
.navbar-inverse .navbar-toggle {margin-top: -30px; color: #fff; border: 0;}
.logo {margin-top: 5px}
.card img {width:100%}
.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 10px; padding-top: 10px; width: 120px; }
.full {padding: 0 5px;}
.ad {height: auto !important; padding-bottom: 20px !important; background:#EEEEEE}
#comentarios {padding: 15px}
.chamada {padding-bottom: 5px; padding-top: 5px; overflow: auto; width: 100%; margin: 0 auto; text-align: center }
.navbar-inverse {padding: 0;}
div.scrollmenu a {padding: 14px}
.category .outbrain {padding: 10px; border-radius: 3px}
.out {padding: 0 5px}
.category .card .social {background: #fff; margin-top: -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;}
.form-control {box-shadow: 0;}
.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}
.home {margin-top: 20px}
.social ul {margin-left: 0}
.page h2 {font-size: 1.2em}
.sidebar .outbrain {padding: 10px !important}
.postnav {margin: 0 15px}
.menuhorizontal {margin-left: 10px}
.top h2 {font-size: 1.2em}
.category .title {padding: 10px 20px 0px 20px}
.footer .social ul {margin: 0 auto; text-align: left !important}
.adsingle {margin: 0 auto;}
	.single .card .social {margin-bottom:0!important}	
.menutop {padding: 0;}
.card .social {margin-bottom: 25px !important}
div.scrollmenu a {display: inline-block;
    color: #fff;
    text-align: center;
    padding: 10px 15px !important;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 300;
    margin: 10px 0;
    border-radius: 20px;
    background: #FF555D;
    font-family: 'Roboto Slab', serif;
    border: 0;}
    
.navbar-form {margin: -30px auto -20px;
    border: 0;
    box-shadow: none;
    padding: 30px;
    width: 100%;

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