/* Theme Name: Lu Cordeiro
Theme URI: http://corseletiva.com
Description: Tema desenvolvido para o blog Lu Cordeiro, proibido cópias ou alterações com o risco de perda de sua garantia.
Version: 1.0
Author: Suzana Carvalho
Author URI: http://corseletiva.com */

@charset "utf-8";
@import url("wpcore.css");
@import url("owl.carousel.css");
@import url(http://fonts.googleapis.com/css?family=Lato:400,300italic,300,400italic,700,700italic,900,900italic);
@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);

@font-face {font-family: "Asterism"; src: url("fonts/AsterismCleanBold.otf");}

/* -------------------------------
	BÁSICO
--------------------------------- */

body {background:#f1f1f2; color:#000; font-family: 'Lato', Arial, Helvetica;}

html {font-size: 62.5%;}

article, aside {font-size: 1.4rem; line-height: 150%;}

a, a:link, a:visited, a:active {color:#bebebe; text-decoration: none;}
a:hover {color:#000; text-decoration: none;}

/* colunas */

.container {min-width: 1100px;}

.wrapper {max-width: 1040px; margin: auto; position: relative;}

.colMaior {width: 700px; float: left;}
.colMenor {width: 320px; float: right;}

/* -------------------------------
	INÍCIO BLOG
--------------------------------- */

.topo {background:#fff; width: 100%; height: auto; padding-bottom: 20px; margin-bottom: 20px}

.logo {background: url('images/logo.png') no-repeat center; width: 566px; height: 165px; display: block; margin: auto; position: relative; top: 165px;}

/* menu principal */

.barra {background:#000; width: 100%; min-height: 60px; position: fixed; z-index: 999; top: 0;}
.barra nav {/*width: 880px;*/ float: left;}
.barra nav ul {padding: 0; margin: 0; list-style: none; text-align: left;}
.barra nav ul li {display: inline-block;}
.barra nav ul li a {margin: 0 20px 0 0; float: left; color:#fff!important; padding: 20px 0; font: 1.4rem Montserrat; text-transform: uppercase; letter-spacing: 0.15rem;}
.barra nav ul li a:hover {opacity: 0.6!important;}

/* drop down */

.menu > li {position: relative;}
.menu > li:hover .sub-menu {display: block;} 
.menu li .sub-menu li:nth-of-type(1) {padding-top: 60px;}
.menu li .sub-menu {position: absolute; left: 0; display: none; z-index: 888;}
.menu li .sub-menu a {text-align: left; padding: 10px; width: 130px; background:#000; color:#fff;}
.menu li .sub-menu a:hover {}

/* busca */

.barra #searchform {width: 160px; min-height: 60px; float: right;}
.barra #s {background: transparent; border: none; width: 80%; height: auto; text-align: right; color:#fff; font: 1.4rem Montserrat; text-transform: uppercase; letter-spacing: 0.15rem; padding: 20px 0; float: left;}
.barra #searchsubmit {background: transparent; color:#fff; font-size: 1.8rem; cursor: pointer; border: 0; padding: 20px 0; display: block; width: 20%; height: auto; float: right;}

/* menu de categorias */

.barra2 {border-top: 1px solid; width: 100%; min-height: 50px; margin-top: 250px;}
.barra2 nav {width: 100%;}
.barra2 nav ul {padding: 0; margin: 0; list-style: none; text-align: center;}
.barra2 nav ul li {display: inline-block;}
.barra2 nav ul li a {margin: 0 15px; float: left; color:#000!important; padding: 15px 0; font: 1.4rem Montserrat; text-transform: uppercase; letter-spacing: 0.15rem;}
.barra2 nav ul li a:hover {opacity: 0.6!important;}

/* -------------------------------
	DESTAQUE
--------------------------------- */

.slide {}
.slide img {opacity: 0.8;}

.slide center {position: absolute; width: 1040px; z-index: 10; background: rgba(0, 0, 0, 0.5); opacity: 0; -webkit-transition: all 1.0s ease-out; -moz-transition: all 1.0s ease-out;}
.slide center:hover {opacity: 0.99; -webkit-transition: all 1.0s ease-out; -moz-transition: all 1.0s ease-out;}

.slide center .text {color:#fff; text-align: center; padding: 0 50px; display: table-cell; vertical-align: middle; height: 550px;}
.slide center .text h1 {font: 5.0rem Asterism;}
.slide center .text h2 {font: 3.0rem Montserrat; text-transform: uppercase; letter-spacing: 0.15rem; padding-bottom: 10px;}

.owl-nav {text-indent: -55555px; position: absolute; top: 45%; left: 0; right: 0;}
.owl-nav .owl-prev, .owl-nav .owl-next {cursor: pointer; width: 40px; height: 40px; position: absolute;}
.owl-nav .owl-prev {background: url('images/arrow-left.png') no-repeat; left: -40px;}
.owl-nav .owl-next {background: url('images/arrow-right.png') no-repeat; right: -40px;}

/* -------------------------------
	PADRÃO DE POSTS E PÁGINAS
--------------------------------- */

.postItem, .pageItem {width: 100%; background:#fff; padding: 35px 25px; margin-bottom: 20px;}

/* topo das postagens */

.postItem header, .postItem h3 {text-align: center; text-transform: uppercase; letter-spacing: 0.15rem; display: block;}

.postItem header h1, .postItem h3 {font: 2.4rem/1 Montserrat;}
.postItem header h1 a {color:#000;}

.postItem h3 {font-size: 1.4rem;}

.postItem header .categoria {font: 1.1rem Montserrat; margin: 15px 0;}
.postItem header .categoria a {color:#;}
.postItem header .categoria a:hover {color:#;}

.postItem header hr {border-top: 1px solid; width: 75px; margin: 0 auto 5px;}

/* páginas */

.pageItem header h1, pageItem h2, #respond h3 {text-align: center; text-transform: uppercase; letter-spacing: 0.15rem;}

.pageItem header h1, .pageItem h2, #respond h3 {font: 2.4rem/1 Montserrat;}
.pageItem header h1 a, .pageItem h2 a {color:#000;}

.pageItem .back {font-family: inherit; font-size: 1rem; letter-spacing: 0.1em; text-transform: uppercase; margin: 15px auto 0; display: table;}
.pageItem .back a {background:#eee; color:#000; padding: 5px 10px; margin: 0 7px 0 0;}
.pageItem .back a:hover {background:#000; color:#fff;}

.pageItem .error {text-align: center; text-transform: uppercase; letter-spacing: 0.15rem;}
.pageItem .error h1 {font: 15rem Asterism; color:#bebebe; letter-spacing: 0;}
.pageItem .error h2 {font: 1.8rem Montserrat;}
.pageItem .error h3 {font: 2.5rem Montserrat;}
.pageItem .error h4 {font: 6.0rem Montserrat;}

/* conteúdo das postagens */

.postItem article, .pageItem article {width: 100%; text-align: justify; padding: 10px 0 0 0;}
.postItem article p, .pageItem article p {padding: 0; margin: 10px 0;}
.postItem article img, .pageItem article img {max-width: 100%; height: auto;}
.postItem article iframe, .pageItem article iframe {width: 100%; min-height: 400px;}

.postItem article h1, .pageItem article h1,
.postItem article h2, .pageItem article h2,
.postItem article h3, .pageItem article h3,
.postItem article h4, .pageItem article h4 {margin-top: 10px;}
.postItem article h1, .pageItem article h1 {}
.postItem article h2, .pageItem article h2 {}
.postItem article h3, .pageItem article h3 {}
.postItem article h4, .pageItem article h4 {}

/* rodapé das postagens */

.postItem footer {width: 100%; height: auto; margin: 15px auto 0; text-align: left; position: relative; z-index: 100;}
.postItem footer p {margin: 0; font: 0.9rem Montserrat; text-transform: uppercase; letter-spacing: 0.15rem;}

.postItem footer .autor {width: 490px; float: left;}
.postItem footer .autor img {border-radius: 50%; float: left; margin-right: 10px; display: block;}
.postItem footer .autor p {color:#bebebe; padding-top: 15px;}
.postItem footer .autor span {font: 3.4rem Asterism; display: block;}

.postItem footer .comente {font: 1.1rem Montserrat; text-transform: uppercase; letter-spacing: 0.15rem; background:#fff; border: 1px solid; text-align: right; float: right; display: block; padding: 10px; margin-top: 17px;}
.postItem footer .comente i {font-size: 1.8rem;}
.postItem footer .comente a {color:#000;}
.postItem footer .comente a:hover {color:#bebebe;}

.postItem footer .tags {font: 0.9rem Montserrat; text-transform: uppercase; letter-spacing: 0.15rem; color:#bebebe; border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding: 8px 0;}
.postItem footer .tags a {color:#;}
.postItem footer .tags a:hover {color:#;}

.postItem footer .share {border-bottom: 1px solid #eee; padding: 10px 0;}
.postItem footer .share p {float: left; margin-right: 10px; padding-top: 4px;}
.postItem footer .share > div {}

/* -------------------------------
	POSTS RELACIONADOS
--------------------------------- */

.relacionados {}
.relacionados h3 {text-align: center; color:#bebebe; font: bold 1.1rem Montserrat; text-transform: uppercase; letter-spacing: 0.15rem; padding: 10px 0;}
.relacionados .item {width: 215px; height: 140px; float: left; overflow: hidden; margin: 0 2px 0 0;}
.relacionados .item:first-child {margin-left: 0;}
.relacionados .item:last-child {margin-right: 0;}
.relacionados .item img  {-webkit-filter: grayscale(1); opacity: 0.8;}
.relacionados .item .texto {width: 215px; height: 140px; margin-top: -140px; background: rgba(0, 0, 0, 0.7); display: table; padding: 10px; opacity: 0; -webkit-transition: all 1.0s ease-out; -moz-transition: all 1.0s ease-out;}
.relacionados .item .texto span {color:#fff; text-align: center; display: table-cell; vertical-align: middle;}
.relacionados .item .texto span h1 {font: 1.1rem Montserrat; text-transform: uppercase; letter-spacing: 0.15rem;}
.relacionados .item .texto:hover {opacity: 0.99; -webkit-transition: all 1.0s ease-out; -moz-transition: all 1.0s ease-out;}
.relacionados .item:hover img {-webkit-filter: grayscale(0);}

/* -------------------------------
	PAGINAÇÃO
--------------------------------- */

.paginacao {width: 100%; clear: both; font: bold 1.2rem Montserrat; text-transform: uppercase; letter-spacing: 0.15rem; text-align: center; display: inline-block; margin: auto;}
.paginacao a {margin: 0 10px;}
.paginacao a:link,
.paginacao a:visited,
.paginacao a:active,
.paginacao span,
.paginacao a:hover {margin: 0 8px; display: inherit; width: 30px; height: 30px; line-height: 30px; border-radius: 50%;}
.paginacao a:link,
.paginacao a:visited,
.paginacao a:active {background:#fff; color:#000;}
.paginacao span,
.paginacao a:hover {background:#bebebe; color:#000;}

/* -------------------------------
	PÁGINA CATEGORIA
--------------------------------- */

.PostCat {width: 100%;}

.PostCat h1 {font: 3.8rem Asterism; text-align: center;}
.PostCat h2 {font: 1.3rem/1 Montserrat; letter-spacing: 0.15rem; text-transform: uppercase; text-align: center;}

.PostCat ul {padding: 0; margin: 0; text-align: justify;}
.PostCat ul:after {content:""; width: 100%; display: inline-block;}

.PostCat ul li {list-style-type: none; width: 31.5%; display: inline-block; margin: 0 0 20px 0; vertical-align: top; position: relative;}
.PostCat ul li:first-child {margin-left: 0;}
.PostCat ul li:last-child {margin-right: 0;}

.PostCat ul li img {width: 100%; height: auto;}

.PostCat ul li a {display: table; -webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out;}
.PostCat ul li a:hover {opacity: 0.7;}

.PostCat ul li span {width: 100%; display: inherit;}
.PostCat ul li span h3 {font: 1.2rem Montserrat; letter-spacing: 0.15rem; text-transform: uppercase; text-align: center; background:#fff; color:#000; padding: 10px; width: 100%; height: 100px; display: table-cell; vertical-align: middle;}

/* -------------------------------
	RODAPÉ
--------------------------------- */

/* recentes */

.maisMais {background:#fff; padding: 20px 0; margin-top: 50px; clear: both; display: inline-block; width: 100%;}
.maisMais h1 {text-align: center; font: 4.0rem Asterism; position: absolute; left: 0; right: 0; top: -50px;}

.lista {max-width: 340px; height: 120px; overflow: hidden; display: inline-block; margin: 0 8px 0 0; text-align: left;}
.lista:first-child {}
.lista:last-child {margin: 0;}
.lista:hover {opacity: 0.5;}
.lista img {float: left; margin-right: 10px;}
.lista date {color:#bebebe; font: 1.1rem Montserrat; text-transform: uppercase; letter-spacing: 0.15rem;}
.lista span {color:#000; font: 1.2rem/18px Montserrat; text-transform: uppercase; letter-spacing: 0.15rem; display: block; padding: 5px 0;}
.lista p {color:#bebebe; margin: 0; font-size: 1.2rem;}

/* vídeos */

.ultimosVideos {background:#000; padding: 20px 0; width: 100%;}
.ultimosVideos h1 {color:#fff; text-align: left; font: bold 1.2rem Montserrat; text-transform: uppercase; letter-spacing: 0.15rem;}

div.amazingslider-box-1 :nth-child(3) {visibility: hidden;}
div.amazingcarousel-image :nth-child(3) {visibility: hidden;}

div.html5gallery-container-0
div.html5gallery-box-0
div.html5gallery-elem-0
div.html5gallery-elem-img-0
a{visibility: hidden;}

.wonderplugincarousel-container {margin-top: -15px;}

/* créditos cor seletiva */

.creditos {width: 100%; height: auto; padding: 15px 0;}
.creditos section {}
.creditos .mini {background: url('images/minilogo.png') no-repeat; width: 245px; height: 72px; margin: auto; /*background-size: contain;*/ display: block;}
.creditos p {color:inherit; text-align: center; font-size: 1.0rem; letter-spacing: 0.15rem; text-transform: uppercase; margin: 0;}
.creditos a {color:inherit;}
.creditos .corseletiva {background: url('images/cs-PRETO.png') no-repeat; width: 32px; height: 32px; display: inline-block; position: relative; top: 10px;}

/* seta subir ao topo */

#scrollToTop:link, #scrollToTop:visited {display: none; position: fixed; bottom: 25px; right: 25px; z-index: 888;}

/* -------------------------------
	SIDEBAR
--------------------------------- */

.sidebar {width: 100%;}
.sidebar .widget {margin-bottom: 20px; background:#fff; padding: 10px;}
.sidebar .widget:last-child {margin-bottom: 0;}
.sidebar .widget img {max-width: 100%; height: auto;}
.sidebar .widget p {margin: 5px 0;}
.sidebar .widget .screen-reader-text .titulo {display: none;}
.sidebar .widget .titulo {}
.sidebar .widget h6:empty {display: none;}

.sidebar .widget h6 {background:#000; color:#fff; font: bold 1.4rem Montserrat; text-transform: uppercase; letter-spacing: 0.15rem; text-align: center; padding: 14px 0; width: 320px; margin: -10px 0 10px -10px;}

/* perfil */

#widget_sp_image-4 {}
#widget_sp_image-4 .titulo {display: none;}
#widget_sp_image-4 img {max-width: 320px!important; margin: -10px 0 0 -10px;}
#widget_sp_image-4 .widget_sp_image-description {text-align: center; font-style: italic; position: relative;}
#widget_sp_image-4 h3 {background:#000; color:#fff; font: bold 1.4rem Montserrat; text-transform: uppercase; letter-spacing: 0.15rem; text-align: center; padding: 14px 0; width: 320px; margin-left: -10px; margin-bottom: 10px;}

#text-6 {margin-top: -30px;}

.social {display: table; margin: auto;}
.social a {font-size: 1.5rem; text-align: center; background:#000; color:#fff; width: 30px; height: 30px; line-height: 30px; display: inline-block; border-radius: 50%; margin: 0 8px;}
.social a:hover {background:#bebebe; color:#fff;}

#widget_sp_image-5 {padding: 0; background: transparent;}

/* newsletter */

#text-4 {margin-top: 35px;}
#text-4 h6 {font: 4.0rem Asterism; color:#000; background: none; text-transform: none; letter-spacing: 0; padding: 0; width: 100%; margin: -32px 0 0 0;}

.feed {text-align: center;}
.feed i {display: block;}
.feed form .name {background: transparent; border: 0; width: 100%; text-align: center; border-bottom: 1px solid #000; padding: 10px; color:#bebebe; font: inherit; font-style: italic; padding: 4px 0; margin-bottom: 5px;}
.feed form .mail {background:#000; cursor: pointer; border: 0; width: 100%; text-align: center; color:#fff; font: 1.1rem Montserrat; text-transform: uppercase; letter-spacing: 0.15rem; padding: 6px 0;}

#text-10 {padding: 0; background: none;}
#text-10 .titulo {display: none;}

#widget_sp_image-6 {padding: 0; background: none;}
#widget_sp_image-6 .titulo {display: none;}

/* calendário */

#wp-calendar {width: 100%; margin: 0;}
#wp-calendar td {border: 0; font: inherit; font-size: 1.1rem; color: inherit; padding: 5px; background: #fff; border: 1px solid #e9e9e9;}
#wp-calendar td a {color: inherit;}
#wp-calendar td a:hover {color: inherit;}
#wp-calendar tr {text-align: center; text-transform: uppercase;}
#wp-calendar tr th {background: #000; border: 1px solid #fff; color: #fff; padding: 5px;} /* barra de dias da semana */
#wp-calendar td.pad {background: transparent;}
#wp-calendar td#today {background: #bebebe; color: #000;} /* bloco do dia atual */
#wp-calendar caption {font: bold 1.2rem Montserrat; text-transform: uppercase; letter-spacing: 0.15rem; color: inherit; text-align: center; padding-bottom: 5px;}

/* -------------------------------
           COMENTÁRIOS
--------------------------------- */

.commentlist {text-align: justify; padding: 15px 0; border-top: 1px solid #f4f4f4; font-size: 1.3rem; min-height: 92px;}
.commentlist h2 {}

#respond {margin: 15px 0 0 0px;}
#respond h3 {clear: both; color:inherit; padding: 20px 0; font-size: 1.4rem;}

.commentlist .alt {}
.commentlist .lado {}
.commentlist p {margin: 10px 0 0 80px; text-align: left;}

.commentlist .area-nome {display: block; font: inherit; font-weight: bold; text-transform: uppercase; letter-spacing: 0.15rem;}
.commentlist .area-nome .comment-author {}
.commentlist .area-nome .comment-author a {}
.commentlist .area-nome .date {color:#afafaf; font-size: 1rem;}

.commentlist .avatar {float: left; margin: 0 10px 0 0;}
.commentlist .avatar img {margin: 0; border-radius: 50%;}

.commentlist .author {background:#eee !important; padding: 10px; min-height: 92px;}
.commentlist .author p, .commentlist .author p a {color:#;}
.commentlist .author .avatar {}
.commentlist .author .area-nome {color:#;}
.commentlist .author .comment-author {color:#;}
.commentlist .author .comment-author a {color:#;}

p.thdrpy {width: 100%; margin: 0; text-align: right;}
p.thdrpy a {background:#000; color:#fff; padding: 4px 10px; font-size: 1.0rem; text-transform: uppercase; letter-spacing: 0.15rem; display: inline-block;}
p.thdrpy a:hover {opacity: 0.5;}

#commentform {width: 100%; margin: 15px 0 0 0; font-size: 1.3rem;}
#commentform p {margin: 5px 0;}
#commentform small {position: relative; top: -1px; font: inherit;}
#commentform a, #commentform small {color: inherit;}
#commentform input {width: 100%; margin: 0 0 10px 0;}
#commentform input#submit {cursor: pointer; margin: 10px 0 0 0; font: inherit;}
#commentform textarea {margin: 0; width: 100%;}

#commentform .com_form {}
#commentform .com_form .autor {width: 210px; float: left;}
#commentform .com_form .email {width: 210px; float: left; margin: 0 10px;}
#commentform .com_form .url {width: 210px; float: right;}
#commentform .com_form input {}
#commentform .com_form p {text-align: center; font: inherit; margin: -4px 0 4px 0;}