/*Theme Name: Fala Dantas 2018
Theme URI: http://sarassilva.com/
Description: Theme by <a href="http://sarassilva.com/" target="_blank">Sara Silva</a>
Version: 1.0
Author: Sara Silva
Author URI: http://sarassilva.com/*/

/* ===================================================
------------------------------------------------------
/////		GENERAL
------------------------------------------------------
=================================================== */
html, body, div, span, blockquote, pre, a, code, em, font, img, small, strong, b, i, ol, ul, li, fieldset, 
form, label, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; border: 0; outline: 0; }
*{ outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
fieldset { border: 0; margin: 0; padding: 0; }

html, body { background: #f7f7f7; font-size:14px; text-align: justify; font-family: 'Lato', sans-serif; color: #1e1e1e; }
ul { padding:0px; list-style:none; }

img { max-width: 100%; height: auto; vertical-align: middle; }

a { color: #10999a; text-decoration: none; }
a:hover { color: #1e1e1e;}

::-moz-selection { background: #b5e6f0; text-shadow: none; }
::selection { background: #b5e6f0; text-shadow: none;}



/* ===================================================
------------------------------------------------------
/////		FORMS
------------------------------------------------------
=================================================== */
input, textarea, select, button { background:#f6f6f6; padding:10px; border:0px; }
form, fieldset { margin: 0; padding: 0; border: 0; }


/* ===================================================
------------------------------------------------------
/////		WORDPRESS POST FORMATTING
------------------------------------------------------
=================================================== */
.center, .aligncenter { display: block; margin-left: auto; margin-right: auto; text-align: center; }
.left, .alignleft { float: left; margin-right:2%; }
.right, .alignright { float: right; margin-left:2%; }
.alignnone { display: block; float: left; }
.wp-caption { max-width: 100% !important; position: relative;}
.wp-caption .wp-caption-text { position: absolute; bottom: 5px; left: 15px; font-size: 10px; background: #fff; padding: 5px 10px; }

/* ===================================================
------------------------------------------------------
/////		HEADER AREA
------------------------------------------------------
=================================================== */
header { text-align: center; background: url(images/header.png) center top; background-repeat: no-repeat; }
header .logo { max-width: 100%; padding-top: 80px; }

.nav2 { width:100%; margin:auto; list-style: none; text-align: center; border-top: 1px solid #c5bdb4; padding: 10px 0; margin-top: 25px;}
.menu-menu-container { display: inline-block; }
.menu-menu-container li { display: inline-block; padding-right: 10px; }
.menu-menu-container li::before { content: ""; font-family: FontAwesome; color: #fb00a9; font-size: 6px; padding-right: 10px; float: left; margin-top: 7px;}
.menu-menu-container li:nth-child(1)::before { display: none; }
.menu-menu-container a { text-transform: uppercase; color: #5a5a5a; letter-spacing: 1px; font-size: 13px; }
.menu-menu-container a:hover { color: #fb00a9; }

.nav { padding: 10px 0; text-align: center; width: 100%; float: left; background: #fff; position: fixed; display: none; z-index: 99999; }
.nav .menu-menu-container { border: 0; margin: 0; }

.searchform { display: inline-block; }
.search .input { padding:0px; border:0px; font-size: 12px; font-style: italic; background: none; }
.search .submit { font-family: FontAwesome; padding:4px; border:0px; font-size:12px; background: none; float: left; color: #62c3ba; }

/* ===================================================
------------------------------------------------------
/////		STRUCTURE
------------------------------------------------------
=================================================== */
section::before, section::after { content: ''; display: table; }
section::after { clear: both; }
.container { width: 95%; max-width: 1100px; margin: auto; }


/* ===================================================
------------------------------------------------------
/////		SIDEBAR
------------------------------------------------------
=================================================== */
.sidebar { float: right; width: 300px;}
.sidebar .widget h1 { margin: 0px; letter-spacing: 3px; background: url(images/cat.png) no-repeat top right; padding: 14px 0; font-size: 13px; color: #181c1d; border-bottom: 1px solid #bebebe; margin-bottom: 10px; text-transform: uppercase; font-weight: 900;}
.sidebar .widget { width:100%; float:left; margin-bottom:30px; }

.widget.sobre { text-align: center; color: #434343; margin-bottom: 10px;}
.sobre .imagem::after { content: ""; background: url(images/jessica2.png) no-repeat center top; float: left; width: 100%; height: 120px; position: relative; margin-top: -63px;}
.sobre .link { color: #fe0e8e; letter-spacing: 2px; text-transform: uppercase; font-weight: 900; font-size: 12px; padding-left: 10px; }

.social { width: 100%; text-align: center;}
.social li { display: inline-block; width: 43px; margin: 0 5px;}
.social a { color: #414141; border: 2.5px solid #414141; border-radius: 50px; font-size: 18px; padding: 8px 0; width: 100%; float: left; }
.social a:hover { color: #222; border: 2.5px solid #222; }

.sidebar .widget_nav_menu ul, .widget_archive ul{ width:100%; }
.sidebar .widget_nav_menu li, .widget_archive li { width:50%; float:left; padding:1px 0; text-align: left; }
.sidebar .widget_nav_menu li a, .widget_archive li a { color: #414141;  }
.sidebar .widget_nav_menu li a:hover, .widget_archive li a:hover { color: #222; }
.sidebar .widget_nav_menu li::before { background: #a8d6df; content: ""; width: 20px; height: 3px; float: left; margin: 7px 7px 0 0; }

.sidebar select { background:transparent; border:1px solid #bebebe; width:100%; }
.sidebar label { display: none; }

.widget.populares h1 { background: url(images/preferidos.png) no-repeat top right; padding: 11px 0; }
.popular-posts li { list-style: none; position: relative; margin-bottom: 10px; float: left; width: 100%; }
.popular-posts li:hover .meta { opacity: 1; }
.popular-posts .meta { transition: opacity 0.3s ease; position: absolute; top: 0; width: 100%; background: #caecf3; height: 100%; text-align: center; opacity: 0; }
.popular-posts .meta .borda { border: 1px solid #b0ced4; margin: 10px; height: 80%; padding: 15px 10px 0; }
.popular-posts h4 { font-weight: normal; margin: 0px; font-size: 16px; font-style: italic; padding-top: 5px; color: #3e484a;}
.popular-posts h4 a { color: #3e484a; }
.popular-posts h5 { font-weight: 900; text-transform: uppercase; letter-spacing: 2px; color: #fb0590; margin: 0; padding: 0; font-size: 10px; }
.popular-posts h5 a, .popular-posts h5 a:hover { color: #fb0590; }
.popular-posts img { width: 100%; height: auto; }

.sidebar .instagram-feed { }
.sidebar .instagram-feed ul.instagram-size-large li { font-size: 70%; position: relative; float: left; width: 32%; margin: 0 0% 2%; }
.sidebar .instagram-feed ul.instagram-size-large li:nth-child(3n+2) { margin: 0 2% 2%; }
.sidebar .instagram-feed a .instagram-feed-meta { -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; opacity: 0; position: absolute; top: 0; width: 100%; padding-top: 45%; background: rgba(169, 169, 169, 0.66); color: #fff; text-align: center; height: 100%;}
.sidebar .instagram-feed a:hover .instagram-feed-meta { opacity: 1; }
.sidebar .instagram-feed ul.instagram-size-original li { font-size: 80%; position: relative; float: left; width: 48%; margin: 0px 0px 2%; }
.sidebar .instagram-feed ul.instagram-size-original li:nth-child(odd) { margin: 0px 2% 2% 0; }

.newsletter { }
.newsletter .input { }
.newsletter .submit { }

.video-list-thumbs { width: 100%; float: left;  margin: 0px; padding: 0px; }
.video-list-thumbs > li { margin-bottom:12px; list-style:none; }
.video-list-thumbs > li:last-child { margin-bottom: 0px; }
.video-list-thumbs h5 {	font-size: 10px; margin: 0px; text-transform: uppercase; margin:3px 0px; font-weight: normal; }


/* ===================================================
------------------------------------------------------
/////		CONTENT
------------------------------------------------------
=================================================== */
.content { float: left; width: 765px;}
.post { width: 100%; float: left; margin-bottom: 30px; background: #fff; padding: 25px; line-height: 20px; }
.post-header { text-align: center; line-height: initial; padding-bottom: 10px; }
.post-header .date { font-size: 13px; color: #767676; font-style: italic; }
.post-header .commentslink {  }
.post-header .line { color: #bdf3f6; font-weight: 900; letter-spacing: -1px; margin: 0 10px; }
.post-header .title { font-size: 33px; padding: 5px 0; letter-spacing: 1px; }
.post-header .title a, .post-header  .title a:hover { color: #000; }
.post-header .category { font-weight: 900; text-transform: uppercase; letter-spacing: 2px; color: #fb0590; font-size: 12px; }
.post-header .category a, .post-header .category a:hover { color: #fd2692; }

blockquote { margin:0px; background: #eaeaea; padding: 5px 20px; }

.post-footer { width: 100%; float: left; margin-top: 20px; }
.post-footer-line { border-top: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; width: 100%; float: left; padding: 12px 0; height: 48px; }
.post-footer-line .share { float: left; }
.post-footer-line .share h1 { float: left; font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: 3px; margin: 0; }
.fb-like { float: left; margin-left: 10px; }
.twitter-share-button { float: left; }
.post-footer-line .commentlink { float: right; background: #b5e6f0 url(images/comente.png) no-repeat left; padding: 13px 0 13px 110px; margin-top: -12px; border-left: 20px solid #b5e6f0; }
.post-footer-line .commentlink span { background: #a9d7e0; padding: 15px; }
.post-footer-line .commentlink span i.fas { color: #fff; }
.post-footer-line .commentlink span .commentslink { font-size: 15px; font-weight: 900; text-transform: uppercase; letter-spacing: 3px; color: #7a9d9f; }

.tags { width: 100%; float: left; font-size: 12px; padding-top: 10px; }
.tags h1 { float: left; font-size: 11px; font-weight: 900; text-transform: uppercase; letter-spacing: 3px; margin: 0; padding-right: 10px; }
.tags a { color: #464646; }

.posts-related { width: 100%; height: auto; position: relative; margin: 0 auto; float: left; margin-top: 15px;}
.posts-related li { float: left; list-style: none; width: 22.7%; position: relative; margin-right: 3%;  }
.posts-related li:nth-child(4) { margin-right: 0%; }
.posts-related h4 { font-style: italic; margin: 0; text-align: left; font-size: 14px; font-weight: normal; color: #000000;  }
.posts-related .category { font-weight: 900; text-transform: uppercase; letter-spacing: 2px; color: #fb0590; font-size: 10px; line-height: 13px; margin-top: 15px; }
.posts-related .category a, .posts-related .category a:hover { color: #9c9c9c; }
.posts-related a img { filter: grayscale(100%); }
.posts-related a:hover img { filter: grayscale(0%); }

.instagram { width: 100%; background: #fff; padding: 25px; margin-bottom: 30px; float: left; display: none; }
.instagram h1 { text-align: center; color: #a8d6df; font-style: italic; letter-spacing: 1px; }
.instagram h1 span { font-weight: 900; text-transform: uppercase; letter-spacing: 2px; font-style: normal; color: #212121; font-weight: 700; }
.instagram ul.instagram-size-large li { font-size: 90%; position: relative; float: left; width: 23.5%; margin: 0 2% 2% 0; }
.instagram ul.instagram-size-large li:nth-child(4), .instagram ul.instagram-size-large li:nth-child(8) { margin: 0 0 2% 0;; }
.instagram ul li a .hover { -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; transition: opacity 0.3s ease; opacity: 0; position: absolute; top: 0; width: 100%; padding-top: 45%; background: rgba(198, 238, 241, 0.67); color: #fff; text-align: center; height: 100%;}
.instagram ul li a:hover .hover { opacity: 1; }

.conteudo:nth-child(1) .instagram { display: block; }
.single .conteudo .instagram { display: none; }

/* ===================================================
------------------------------------------------------
/////		COMMENTS
------------------------------------------------------
=================================================== */
.comentarios { float:left; width:100%; margin-top: 20px; }
.comentarios .input { border: 2px solid #b2e2ec; width: 32.5%; float: left; background: #fff; margin: 0px 0px 1%;} 
.comentarios .input:nth-child(3n+2) { margin: 0px 1.25%; }
.comentarios .textarea {  font-family: 'Lato', sans-serif; width: 100%; border: 2px solid #b2e2ec; background: #fff; height: 120px;}
.comentarios .submit { width: 100%; text-transform: uppercase; margin-top: -19px; background: #b2e2ec; float: left; color:#7a9d9f; font-size: 12px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px;}

::-moz-placeholder { font-style: italic; }
:placeholder-shown { font-style: italic; }

.comentarios ol { width: 100%; list-style: none; padding: 0px; margin-top: 15px; float: left; }
.comentarios ol li { margin: 0; list-style: none; position: relative; }

.comentarios .depth-1 { margin-bottom: 20px; background: #f6f6f6; padding: 20px; min-height: 120px;}

.comentarios .children { }
.comentarios .children .odd { padding: 20px; background: #f2f2f2; min-height: 120px;}
.comentarios .children .even { padding: 20px; background: #fff; min-height: 120px;}
.comentarios .children .bypostauthor, .comentarios .bypostauthor { background: #b2e2ec; padding: 20px; min-height: 120px;}

.comentarios .esquerda { float: left; width: 70px; margin-right: 4%; text-align: center; }
.comentarios .direita { overflow: overlay; }
.comentarios .avatar { border-radius: 100px; }
.comentarios .reply { text-transform: uppercase; font-size: 11px; }
.comentarios .autor { text-transform: uppercase; font-weight: bold; }
.comentarios .data { font-size: 11px; }


/* ===================================================
------------------------------------------------------
/////		PAGINATION
------------------------------------------------------
=================================================== */
.pagination { clear:both; padding-bottom: 20px; position:relative; font-size: 15px; font-weight: 900; text-transform: uppercase; letter-spacing: 3px; text-align: center; } 
.pagination span, .pagination a { margin: 2px; padding:6px 9px 5px 9px; text-decoration:none; width:auto; color:#7a9d9f; } 
.pagination a:hover{ color:#fff; background: #a9d7e0; } 
.pagination .current{ padding:6px 9px 5px 9px; background: #a9d7e0; color:#7a9d9f; }


/* ===================================================
------------------------------------------------------
/////		FOOTER
------------------------------------------------------
=================================================== */
.footer { width: 100%; float: left; background: #fff; margin-top: 40px; padding-bottom: 30px;}

.rodape.widget_nav_menu { width: 100%; float: left; text-align: center; position: relative; margin-top: -25px; margin-bottom: 40px; }
.rodape.widget_nav_menu h1 { margin-bottom: 20px; font-size: 13px; font-weight: 900; text-transform: uppercase; letter-spacing: 1px; background: #b2e2ec; display: inline-block; padding: 10px 20px; }
.rodape.widget_nav_menu .menu li { display: inline-block; padding-right: 20px; }
.rodape.widget_nav_menu .menu li::before { content: ""; font-family: FontAwesome; color: #e3e3e3; font-size: 6px; padding-right: 20px; float: left; margin-top: 7px;}
.rodape.widget_nav_menu .menu li:nth-child(1)::before { display: none; }
.rodape.widget_nav_menu .menu a { text-transform: uppercase; color: #5a5a5a; letter-spacing: 1px; font-size: 13px; font-weight: 900;  }
.rodape.widget_nav_menu .menu a:hover { color: #222; }

.rodape2.widget_text { float: left; width: 280px; text-align: center; font-size: 12px; line-height: 19px; display: inline-block;}
.rodape2.widget_media_image { float: left; width: 540px; display: inline-block; margin: 0 40px; position: relative; }
.rodape2.widget_media_image h1 { position: absolute; top: 40%; left: 17%; font-size: 13px; font-weight: 900; text-transform: uppercase; letter-spacing: 1px; background: #b2e2ec; display: inline-block; padding: 10px 20px; }
.rodape2.widget_nav_menu { float: left; }
.rodape2.widget_nav_menu li { margin-bottom: 6px; }
.rodape2.widget_nav_menu a { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color: #5a5a5a; }
.rodape2.widget_nav_menu a:hover { color: #222; }

.footer-widget { width: 1100px; margin: auto; }

.slider { width: 100%; float: left; margin: 10px 0 30px; position: relative; }
.sss { height: 0; margin: 0; padding: 0; position: relative; display: block; overflow: hidden;}
.sss li { list-style: none; }
.ssslide { width: 100%; margin: 0; padding: 0; position: absolute; top: 0; left: 0; display: none; overflow: hidden;}
.ssslide img { max-width: 100%; height: auto; margin: 0; padding: 0; position: relative; display: block;}

.sssnext, .sssprev { width: 40px; height: 40px; margin: 0; position: absolute; top: 47%; background: #a8d6df; border-radius: 100px; color: #fff; font-size: 29px; text-align: center; padding-top: 3px; z-index: 99999;}
.sssprev { left: 28%; }
.sssnext { right: 28%; }
.sssprev:hover, .sssnext:hover { cursor: pointer; }

.slider .meta { position: absolute; width: 41%; max-width: 450px; background: #fff; top: 40%; left: 29.5%; }
.slider .meta .border { border: 1px solid #e6e6e6;  margin: 10px; padding: 20px ; text-align: center; }
.slider .meta .border .category  { font-weight: 900; text-transform: uppercase; letter-spacing: 2px; color: #fb0590; font-size: 12px; }
.slider .meta .border .category a, .slider .meta .border .category a:hover { color: #fd2692; }
.slider .meta .border h3, .slider .meta .border h3 a { color: #34322f; font-size: 28px; font-style: italic; font-weight: normal; }


/* ===================================================
------------------------------------------------------
/////		RESPONSIVE
------------------------------------------------------
=================================================== */
@media screen and (max-width: 1170px) {
.content { width: 100%; }
.sidebar, .rodape2.widget_nav_menu { display: none; }
.footer-widget { width: 900px; }
}

@media screen and (max-width: 950px) {
.slider .meta { top: 25%; }
.sssnext, .sssprev { top: 36%; }
.footer-widget { width: 95%; text-align: center; }
.rodape2.widget_text { width: 100%; margin-bottom: 10px; }
.rodape2.widget_media_image { text-align: center; margin: auto; float: none;  }
}

@media screen and (max-width: 780px) {
.sss { overflow: initial; }
.sssprev { left: -2%; }
.sssnext { right: -2%; }
.slider .meta { width: 50%; left: 25%; }
.slider .meta .border h3, .slider .meta .border h3 a { font-size: 23px; }
}

@media screen and (max-width: 650px) {
header { background-size: contain; }
header img.logo  { width: 50%; }
.slider { display: none; }
.sidebar { display: block; width: 100%; }
.post-footer-line .commentlink { padding: 13px 0 13px 0px; border: 0; }
.sidebar .widget.widget_custom_html { text-align: center; }
}

@media screen and (max-width: 590px) {
.rodape2.widget_media_image, .rodape2.widget_media_image img { width: 100%; }
.rodape2.widget_media_image h1 { position: relative; left: 0; top: 0; }
.post-footer-line { height: auto; }
.post-footer-line .share { width: 100%; }
.post-footer-line .commentlink {padding: 13px 0 13px 110px; margin: 5px 0 0; border-left: 20px solid #b5e6f0; width: 100%; text-align: right;}
.posts-related li { width: 31.2%; }
.posts-related li:nth-child(3) { margin-right: 0%; }
.posts-related li:nth-child(4) { display: none; }
.rodape.widget_nav_menu .menu li { display: block }
.rodape.widget_nav_menu .menu li::before { display: none; }
}