/* Theme name: HOPE Loucas por Lingerie
Theme URL: http://blog.hopelingerie.com.br/
Description: Layout desenvolvido exclusivamente para o blog Loucas por Lingerie, da HOPE. É proibida a reprodução deste através de quaisquer meios.
Version: 1.0
Author: Giovana Joris
Author URL: http://hopelingerie.com.br */


/* Simple reset and customization */
* {margin: 0;padding: 0;}
html, body {background: #FFF; width: 100%;height: 100%;font-size: 100%; font-family: 'brandon-grotesque', sans-serif;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
	font-smooth: always;}
::selection {background: #F8DDD7;color: #FFF;}
::-moz-selection {background: #F8DDD7;color: #FFF;}
a {text-decoration: none;border: 0; cursor: pointer;}
img {border: 0;}
ul li {list-style: none;}
button {cursor: pointer;}
p, h1, h2, h3, h4, h5, h6 {font-weight: normal;}
header, section, article,  , nav, figure, input, textarea, form, footer {position: relative;float: left;margin: 0;padding: 0;}
button, input, textarea {-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;appearance: none;background: none;border: 0;border-radius: 0;}
::-webkit-input-placeholder {color: #FFF;}
:-moz-placeholder {color: #FFF;}
::-moz-placeholder {color: #FFF;}
:-ms-input-placeholder {color: #FFF;}

/* Update your browser */
div#update-your-browser {position: fixed;width: 100%;height: 100%;padding: 30px 0 30px 0;left: 0;top: 0;background: url(../imgs/update-your-browser-background.png) repeat;z-index: 99999;}
div#update-your-browser p {font: normal 400 1.6em 'Arial', sans-serif;color: #FFF;text-align: center;}
div#update-your-browser p a {color: #FFF;text-decoration: underline;}


/* Master */
header {
	width: 100%;
}

a, a:link, a:visited, a:active {
	color: #000;
	border-bottom: 1px solid #000;
	-webkit-transition: all 0.3s ease-out; 
	-moz-transition: all 0.3s ease-out; 
	transition: all 0.3s ease-out;	
}

a:hover {
	color: #F6B8B1;	
	border-bottom: 1px solid #F6B8B1;

}

p {
	font: normal 300 15px/20px 'brandon-grotesque', serif;
	color: #5b5a5f;
}

hr {
	border-top: 0;
	border-right: 0;
	border-left: 0;
	border-bottom: 1px solid #ececec;
	clear: both;
}

.wp-smiley {
	margin: 0 !important;
}

/* Alinhamento de imagens */

a img {
	border: none;
}

img.aligncenter {
	position: relative;
	display: block;
	text-align: center;
	margin: 10px auto;
}

img.alignleft {
	float: left;
	text-align: left;
	margin: 10px 10px 10px 0;
}

img.alignright {
	float: left;
	text-align: right;
	margin: 10px 0 10px 10px;
}

img.alignnone {
	margin: 10px 10px 10px 0;
}

.emoji {
	margin: 0 !important;
}

.wp-caption {
	float: left;
	background: #f4f4f4;
	max-width: 100%;
	text-align: center;
}

.wp-caption.alignnone {
    margin: 10px 1px;
}

.wp-caption.alignleft {
    margin: 10px 1px;
}

.wp-caption.alignright {
    margin: 10px 1px;
}

.wp-caption img {
    width: auto;
    height: auto;
    max-width: 100%;
    margin: 0 !important;
    padding: 0;
}

.wp-caption p.wp-caption-text {
	width: 100%;
    font-size: 12px;
	text-align: center;
	line-height: 17px;
	margin: 0;
	padding: 8px 0 10px;
}

.wp-block-video figcaption {
	text-align: center;
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 1px;
    margin: 10px 0;
}

.wp-playlist {
	border: 0;
    width: 100%;
}

.wp-playlist video {
	min-width: 100%;
}

blockquote {
	display: block;
    color: #777;
    text-align: left;
    padding: 15px 30px 0;
    margin: 50px;
    border-left: 3px solid #000;
}

blockquote p {
	font: normal 300 15px/25px 'brandon-grotesque', sans-serif !important;
	color: #777 !important;
}

form {
	float: left;
	height: auto;
	margin: 0 auto;
	text-align: center;
}

form ul {
	width: 100%;
	margin: 30px 0 auto;
}

form ul li {
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
}

input {
	background: #f4f4f4;
	width: 100%;
	height: 40;
	text-indent: 20px;
	font: italic 100 14px/40px 'brandon-grotesque', serif;
	color: #a0a0a0;
}

textarea {
	background: #f4f4f4;
	width: 100%;
	height: 155px;
	text-indent: 20px;
	padding: 15px 0 0 0;
	font: italic 300 13px/17px 'brandon-grotesque', sans-serif;	
	color: #a0a0a0;
	resize: none;
}

/* Desktop */

.wrapper {
	position: relative;
	width: 90%;	
	margin: 0 auto; 
}

/****

Header

****/

header {
	position: absolute;
	width: 100%;
	background: transparent linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%) 0% 0% no-repeat padding-box;
	border-top: 6px solid #F8DDD7;
	padding: 50px 0;
	z-index: 3;
}

.header-align {
	display: flex;
	flex-wrap: nowrap;
	min-width: 1270px;
}

figure.logo {
	position: relative;
	width: 20%;
	text-align: center;
}

figure.logo img {
	max-width: 100%;
}

figure.logo a {
	border: 0;
}

button#responsive-menu {
	position: relative;
}

nav.menu-topo {
	width: 40%;	
}

nav.menu-topo ul {
	position: relative;
	color: #FFFFFF;
	margin: 22px 0 0 40px;
}

nav.menu-topo ul li {
	display: inline-block;
	margin: 0 3% 0 0;
	font: normal 600 12px/50px 'brandon-grotesque', sans-serif;
	text-transform: uppercase;
	letter-spacing: 2px;
}

nav.menu-topo ul li:last-child {
	margin: 0;
}

nav.menu-topo ul li a {
	color: #ffffff !important;
	font-weight: 600 !important;
	border-bottom: 0;
}

nav.menu-topo ul li a:hover {
	color: #d8d8d8 !important;
}

.search-buy {
	width: 30%;
	display: flex;
	flex-wrap: nowrap;
	margin-top: 22px;
	margin-left: 9%;
}

.search-input {
	width: 50%;
}

.search-input input {
	min-width: 190px;
	background: url(imgs/header-ico-search.svg) no-repeat center right transparent;
	font: normal 600 12px/50px 'brandon-grotesque', sans-serif;
	color: #FFFFFF !important;
	letter-spacing: 1px;
	text-transform: uppercase;
}

.search-input input:focus {
	outline:0;
}

.search-input input::-webkit-input-placeholder {color: #FFF;}
.search-input input:-moz-placeholder {color: #FFF;}
.search-input input::-moz-placeholder {color: #FFF;}
.search-input input:-ms-input-placeholder {color: #FFF;}

button.buy {
	height: 50px;
	font: normal 600 12px/50px 'brandon-grotesque', sans-serif;
	letter-spacing: 1px;
	line-height: 50px;
	border-left: 1px solid rgba(255,255,255,0.3);
	margin-left: 25px;
	padding-left: 25px;
}

button.buy a {
	color: #FFFFFF !important;
	border: 0;
}


/****

Menu Fixo

****/

section#menu-fixo {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: #FFF;
	border-bottom: 2px solid #F0F0F0;
	padding: 5px 0;
}

section#menu-fixo button.responsive-menu {
	filter: invert(1);
	margin-right: 3%;
}

section#menu-fixo nav.menu-topo ul {
	margin: 0 0 0 0;
}

section#menu-fixo nav.menu-topo ul li a {
	color: #000 !important;
}

section#menu-fixo figure.logo img {
    margin-top: 12px;	
}

section#menu-fixo .search-buy {
	margin-top: 0;
}

section#menu-fixo .search-input input {
	background-image: url(imgs/header-ico-search-blk.svg);
	color: #000 !important;
}

section#menu-fixo .search-input input:focus {
	outline:0;
}

section#menu-fixo .search-input input::-webkit-input-placeholder {color: #000;}
section#menu-fixo .search-input input:-moz-placeholder {color: #000;}
section#menu-fixo .search-input input::-moz-placeholder {color: #000;}
section#menu-fixo .search-input input:-ms-input-placeholder {color: #000;}

section#menu-fixo button.buy {
	border-left: 1px solid rgba(0,0,0,0.1);
}


section#menu-fixo button.buy a {
	color: #000 !important;
}

button.search-open {
	display: none;
}

/****

Menu Overlay

****/

section#nav-overlay {
	display: none;
	position: fixed;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.95);
  	backdrop-filter: blur(15px);
	z-index: 99999999;
	border-top: 6px solid #F8DDD7;
	padding: 50px 0;
}

article#nav-header {
	display: flex;
	flex-wrap: nowrap;
	margin-bottom: 5%;
}

#nav-close {
	width: 40%;
    margin: 26px 0 0 4px;
}

#nav-close button {
    font: normal 600 12px/50px 'brandon-grotesque', sans-serif;
    text-transform: uppercase;
}

#nav-close img {
	margin: 0 10px -5px 0;
}

#nav-logo {
	width: 20%;
	filter: invert(1);
	text-align: center;
}

#nav-logo img {
	max-width: 100%;
}

#nav-logo a {
	border: 0;
}

#nav-buy {
	width: 40%;
	text-align: right;
}

#nav-buy button#buy-online {
    height: 50px;
    font: normal 600 12px/50px 'brandon-grotesque', sans-serif;
    color: #000;
    letter-spacing: 1px;
    line-height: 50px;
    margin: 21px 8% 0;
}

article#submenus {
	display: flex;
	flex-wrap: nowrap;
}

nav#lingerie-outwear {
	width: 40%;
	padding: 20px 70px;
}

nav#lingerie-outwear span, nav#categorias span {
    font: normal 300 12px/20px 'brandon-grotesque', sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
}

nav#lingerie-outwear h3 {
    font: normal 600 22px/35px 'brandon-grotesque', sans-serif;
    letter-spacing: 4px;
    text-transform: uppercase;
}

nav#lingerie-outwear li.cat-post-item {
	margin: 20px 0;
}

nav#lingerie-outwear li.cat-post-item a {
    font: normal 400 18px/28px 'brandon-grotesque', sans-serif;	
	border-bottom: 0;
}

nav#lingerie-outwear li.cat-post-item span {
	display: block;
	width: 100%;
    font: normal 400 12px/18px 'brandon-grotesque', sans-serif;	
    letter-spacing: 1px;
}

nav#categorias {
	width: 60%;
	padding: 20px 70px;
	border-left: 1px solid rgba(112,112,112,0.2);
}

nav#categorias ul#menu-menu-universo-hope {
	display: flex;
	flex-wrap: nowrap;
}

nav#categorias ul#menu-menu-universo-hope li.menu-categoria-item:first-child {
	margin-right: 150px;
}

nav#categorias ul#menu-menu-universo-hope li.menu-categoria-item a {
    font: normal 600 22px/35px 'brandon-grotesque', sans-serif;
    letter-spacing: 4px;
    text-transform: uppercase;
    border-bottom: 0;
}

nav#categorias ul#menu-menu-universo-hope li.menu-categoria-item ul.sub-menu {
	margin-top: 20px;
}

nav#categorias ul#menu-menu-universo-hope li.menu-categoria-item ul.sub-menu li a {
    font: normal 400 18px/45px 'brandon-grotesque', sans-serif;	
    text-transform: none;
    letter-spacing: 0;
}

nav#categorias ul#menu-menu-universo-hope li.menu-categoria-item ul.sub-menu li:last-child a {
    font: normal 700 13px/45px 'brandon-grotesque', sans-serif;
    letter-spacing: 1px;	
	text-transform: uppercase;
	border-bottom: 1px solid #000;
}


/****

Destaques

****/

main {
	margin-top: 30px !important;
}

main h3 {
	text-align: center;
	font: normal normal bold 25px/100px brandon-grotesque;
	letter-spacing: 6.25px;
	color: #000000;
	text-transform: uppercase;
}

#slider-mobile {
	display: none;
}

.titulo {
	display: flex;
	flex-wrap: nowrap;	
	max-width: 1920px;
}

.titulo h3 {
	width: 100%;
}

.titulo button {
    position: absolute;
    top: 48px;
    right: 0;
    text-transform: uppercase;
}

.titulo button a {
	text-align: right;
	font: normal normal bold 13px/19px brandon-grotesque;
	letter-spacing: 0.65px;
	color: #000000;
}

.titulo button a:hover {
	color: #F8DDD7;
}

section#destaques {
	max-width: 1920px;
    margin-bottom: 80px;
}

section#destaques .regulador {
	display: flex;
	flex-wrap: nowrap;	
}

section#destaques article.post {
	position: relative;
	width: calc(25% - 0px);
	margin-right: 9px;
	transition: all ease-in-out 0.3s;
}

section#destaques article.post:last-child {
	margin-right: 0;
}

section#destaques article.post a {
	border-bottom: 0;
}

section#destaques article.post img {
	width: 100%;
	height: auto;
	max-width: 100%;
	transition: all ease-in-out 1s;
}

section#destaques article.post img:hover {
	filter: saturate(0);
}

section#destaques article.post h2 {
	padding: 15px 30px 0;
}

section#destaques article.post h2 a {
	color: #000000;
	font: normal normal normal 20px/29px brandon-grotesque;
	letter-spacing: 0px;
	text-align: left;
	text-transform: none;
}

section#destaques article.post h2 a:hover {
	color: #F6B8B1;
}

section#destaques article.post h5 {
	text-align: left;
	font: normal normal normal 12px/30px brandon-grotesque;
	letter-spacing: 1.8px;
	color: #000000;
	text-transform: uppercase;
	padding: 0 30px;
}

section#destaques article.post h5 span {
	position: relative;
	top: -3px;
	display: inline-block;
	width: 30px;
	height: 1px;
	background: #000;
	opacity: 0.5;
}


/****

Hot now

****/

section#hot-now {
	max-width: 1600px;
	margin: 80px auto;
}

section#hot-now h3 {
	line-height: 25px;
}

section#hot-now h4 {
	font: normal normal normal 18px/29px brandon-grotesque;
	color: #000000;
	letter-spacing: 0px;
	text-align: center;
}

section#hot-now article.post {
	width: 100%;
	height: auto;
	margin-top: 50px;
}

section#hot-now article.post figure {
	float: left;
	display: inline-block;
	width: 52%;
	height: auto;
	margin-bottom: 50px;
}

section#hot-now article.post figure a {
	border: 0;
}

section#hot-now article.post figure img {
	max-width: 100%;
	height: auto;
}

section#hot-now article.post:last-child figure {
	float: right;
}

section#hot-now article.post:last-child {
	text-align: right !important;
}

section#hot-now article.post div.conteudo {
	display: inline-block;
	width: calc(48% - 130px);
	padding: 5% 65px;
}

section#hot-now article.post div.conteudo h2 a {
	text-align: left;
	font: normal normal normal 33px/48px brandon-grotesque;
	letter-spacing: 0px;
	color: #000000;
	text-transform: none;
	border: 0;
}

section#hot-now article.post div.conteudo h5 {
	font: normal normal normal 12px/30px brandon-grotesque;
	letter-spacing: 1.8px;
	color: #000000;
	text-transform: uppercase;
}

section#hot-now article.post div.conteudo h5 a {
	font-weight: normal;
	border: 0;
}

section#hot-now article.post div.conteudo h5 span {
	position: relative;
	top: -3px;
	display: inline-block;
	width: 30px;
	height: 1px;
	background: #000;
	opacity: 0.5;
}

section#hot-now article.post div.conteudo p {
	font: normal normal 300 18px/36px brandon-grotesque;
	letter-spacing: 0px;
	color: #000000;
	margin: 6% 0;
}

section#hot-now article.post div.conteudo a {
	font: normal normal bold 13px/19px brandon-grotesque;
	letter-spacing: 0.65px;
	color: #000000;
	text-transform: uppercase;
}

section#hot-now article.post div.conteudo a:hover {
	color: #F6B8B1
}


/****

Destaques Full

****/

section#destaques-full {
	width: 100%;
	height: 700px;
}

section#destaques-full article.post {
	position: absolute;
	width: 100%;
	height: 700px;
	background-attachment: fixed;
	background-position: center center;
	background-size: cover;
}

section#destaques-full article.post .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
	z-index: 1;
}

section#destaques-full article.post .conteudo {
	position: absolute;
	width: 100%;
	top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
	text-align: center;
    z-index: 2;
}

section#destaques-full article.post .conteudo h5 {
	display: inline-block;
	background: #000;
	padding: 5px 15px;
}

section#destaques-full article.post .conteudo h5 a {
	text-align: center;
	font: normal normal normal 12px/18px brandon-grotesque;
	letter-spacing: 5.4px;
	color: #FFFFFF;
	text-transform: uppercase;
}

section#destaques-full article.post .conteudo h2 {
	padding: 30px 210px;
}

section#destaques-full article.post .conteudo h2 a {
	font: normal normal bold 60px/92px brandon-grotesque;
	letter-spacing: 3.55px;
	color: #FFFFFF;
	text-transform: uppercase;
	border: 0;
}

section#destaques-full article.post .conteudo p {
	text-align: center;
	font: normal normal normal 20px/29px brandon-grotesque;
	letter-spacing: 0px;
	color: #FFFFFF;
	padding: 0 210px 25px;
}

section#destaques-full article.post .conteudo a.ler-mais {
	font: normal normal bold 13px/19px brandon-grotesque;
	letter-spacing: 0.65px;
	color: #FFFFFF;
	text-transform: uppercase;
	border-bottom: 1px solid #FFF;
	margin-top: 25px;
}

/****

Universo Hope

****/

section#universo-hope {
	margin-bottom: 80px;
}

section#universo-hope .titulo {
	display: inline-block;
	width: 100%;
	margin: 80px auto 50px;
}

section#universo-hope .titulo h3 {
	line-height: 25px;
}

section#universo-hope .titulo h4 {
	font: normal normal normal 18px/29px brandon-grotesque;
	color: #000000;
	letter-spacing: 0px;
	text-align: center;
}

section#universo-hope #grid-postagens {
	display: grid;
    grid-template-columns: repeat(4, 1fr);
    -ms-grid-template-columns: repeat(4, 1fr);
    gap: 50px 9px;
    margin-bottom: 80px;
}

section#universo-hope article.post {
	transition: all ease-in-out 0.3s;
}

section#universo-hope article.post:last-child {
	margin-right: 0;
}

section#universo-hope article.post a {
	border-bottom: 0;
}

section#universo-hope article.post img {
	width: 100%;
	height: auto;
	max-width: 100%;
	transition: all ease-in-out 1s;
}

section#universo-hope article.post img:hover {
	filter: saturate(0);
}

section#universo-hope article.post h2 {
	padding: 15px 30px 0;
}

section#universo-hope article.post h2 a {
	color: #000000;
	font: normal normal normal 20px/29px brandon-grotesque;
	letter-spacing: 0px;
	text-align: left;
	text-transform: none;
}

section#universo-hope article.post h2 a:hover {
	color: #F6B8B1;
}

section#universo-hope article.post h5 {
	text-align: left;
	font: normal normal normal 12px/30px brandon-grotesque;
	letter-spacing: 1.8px;
	color: #000000;
	text-transform: uppercase;
	padding: 0 30px;
}

section#universo-hope article.post h5 span {
	position: relative;
	top: -3px;
	display: inline-block;
	width: 30px;
	height: 1px;
	background: #000;
	opacity: 0.5;
}

section#universo-hope button.ver-tudo {
	display: block;
	text-align: center;
	margin: 0 auto;
}

section#universo-hope button.ver-tudo a {
	display: block;
	font: normal normal bold 18px/26px brandon-grotesque;
	line-height: 77px;
	letter-spacing: 4.5px;
	color: #000000;
	text-transform: uppercase;
	padding: 0 80px;
	border: 1px solid #000;
}

section#universo-hope button.ver-tudo a:hover {
	background: #000;
	color: #FFF;
}



/****

Widgets

****/

section#widgets {
	background: #F0F0F0;
	padding: 60px 0;
}

section#widgets .wrapper {
	min-width: 1200px;
	max-width: 1600px;
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 60px;
    text-align: center;
}

section#widgets .wrapper a {
	font: normal normal bold 13px/19px brandon-grotesque;
	letter-spacing: 0.65px;
	color: #000000;
	text-transform: uppercase;
	border: 0;
}


/****

Instagram

****/

section#instagram {
	text-align: center;
	margin-bottom: 30px;
}

section#instagram .titulo {
	display: inline-block;
	width: 100%;
	margin: 80px auto 50px;
}

section#instagram .titulo h3 {
	line-height: 25px;
}

section#instagram .titulo h4 {
	font: normal normal normal 18px/29px brandon-grotesque;
	color: #000000;
	letter-spacing: 0px;
	text-align: center;
}

section#instagram button.ver-tudo {
	padding: 40px 0;
}

section#instagram button.ver-tudo svg {
	margin: 0 8px -4px 0;
}

section#instagram button.ver-tudo a {
	font: normal normal bold 13px/19px brandon-grotesque;
	letter-spacing: 0.65px;
	color: #000000;
	text-transform: uppercase;
}


/****

Footer 

****/

footer {
	padding: 50px 0;
	border-top: 1px solid #F0F0F0;
}

footer .wrapper {
	display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px 60px;
}

footer a {
	border-bottom: 0 !important;
}

footer article.institucional h1 {
	font: normal normal normal 12px/16px brandon-grotesque;

}

footer article.institucional ul li {
	display: inline;
}

footer article.institucional ul#social {
	margin: 30px 0;
}

footer article.institucional ul#social li {
	margin-right: 20px;
}

footer article.institucional ul#social li a svg {
	fill: #000;
	transition: all ease-in-out 0.3s;
}

footer article.institucional ul#social li a:hover svg {
	fill: #F6B8B1;
}

footer article.institucional ul#social li:first-child {
	display: block;
	text-align: left;
	font: normal normal bold 11px/16px brandon-grotesque;
	letter-spacing: 0.55px;
	color: #111111;
	text-transform: uppercase;
	margin: 20px 0 10px;
}

footer article.institucional ul#app li:first-child {
	display: block;
	text-align: left;
	font: normal normal bold 11px/16px brandon-grotesque;
	letter-spacing: 0.55px;
	color: #111111;
	text-transform: uppercase;
	margin: 20px 0 10px;
}

footer article.institucional ul#app li a:hover {
	opacity: 0.7;
}

footer article.institucional ul#app li img {
	max-width: 150px;
	max-height: 50px;
}

footer article.comprar {
	background: #f0f0f0;
	padding: 50px;
}


footer article.comprar ul li {
	text-align: left;
	font: normal normal normal 13px/22px brandon-grotesque;
	letter-spacing: 0px;
}

footer article.comprar ul li a {
	color: #575756;
}

footer article.comprar ul li a span {
	font: normal normal bold 13px/19px brandon-grotesque;
}

footer article.comprar ul li img {
	float: left;
	margin-right: 25px;
}

footer article.comprar ul li:first-child {
	padding: 0 0 35px;
	border-bottom: 1px solid #fff;
}

footer article.comprar ul li:last-child {
	padding: 35px 0 0;
}


/****

SINGLE

****/

body.single header {
	position: relative;
	background: #FFF !important;
	padding: 30px 0;
}

body.single main {
	margin-top: 0 !important;
	margin-bottom: 80px !important;
}

body.single header button.responsive-menu img, body.single header figure.logo img {
	filter: invert(1);
}

body.single header section#menu-fixo button.responsive-menu img, body.single header section#menu-fixo figure.logo img {
	filter: invert(0);
}

body.single header nav.menu-topo ul li a {
	color: #000 !important;
}

body.single header .search-buy input {
	background-image: url(imgs/header-ico-search-blk.svg);
}

body.single header button.buy {
    border-left: 1px solid rgba(0,0,0,0.3) !important;
}

body.single header button.buy a {
	color: #000 !important;
}

body.single header .search-buy input::-webkit-input-placeholder {color: #000;}
body.single header .search-buy input:-moz-placeholder {color: #000;}
body.single header .search-buy input::-moz-placeholder {color: #000;}
body.single header .search-buy input:-ms-input-placeholder {color: #000;}

/**** Post ****/

body.single section.post .wrapper {
	width: 68%;
}

body.single section.post #featured-post {
	position: relative;
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
}

body.single section.post #featured-post img {
	max-width: 100%;
	height: auto;
}

body.single section.post #featured-post #descricao {
	position: absolute;
	bottom: 6px;
	width: 100%;
	background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
	padding: 50px 0;
}

body.single section.post #featured-post #descricao a {
	border: 0;
} 

body.single section.post #featured-post #descricao h5 {
	display: inline-block;
	background: #000;
	font: normal normal normal 12px/22px brandon-grotesque;
	letter-spacing: 5.4px;
	color: #FFFFFF;
	text-transform: uppercase;
	padding: 0 15px;
}

body.single section.post #featured-post #descricao h5 a {
	color: #FFFFFF;
}

body.single section.post #featured-post #descricao h2 {
	color: #FFF;
	text-align: left;
	font: normal normal bold 50px/62px brandon-grotesque;
	letter-spacing: 4.8px;
	color: #FFFFFF;
	text-transform: uppercase;
	margin: 25px 0;
}

body.single section.post #featured-post #descricao .autor-post {
	text-align: left;
	font: normal normal normal 12px/30px brandon-grotesque;
	letter-spacing: 1.8px;
	color: #FFF;
	text-transform: uppercase;
}

body.single section.post #featured-post #descricao .autor-post a {
	color: #FFF;
}

body.single section.post #featured-post #descricao .autor-post span {
	position: relative;
	top: -3px;
	display: inline-block;
	width: 30px;
	height: 1px;
	background: #FFF;
	opacity: 0.5;
}

body.single section.post article.post-conteudo {
	margin: 65px auto;
}

body.single section.post article.post-conteudo p {
	text-align: left;
	font: normal normal 300 18px/36px brandon-grotesque;
	letter-spacing: 0px;
	color: #000000;
	margin: 0 0 25px;
}

body.single section.post article.post-conteudo p img, body.single section.post article.post-conteudo img {
	max-width: 100%;
	height: auto;
	margin: 25px auto;
}

body.single section.post article.post-conteudo a img {
	border: 0;
}

body.single section.post article.post-conteudo p.post-meta {
	text-align: left;
	font: normal normal normal 33px/48px brandon-grotesque;
	letter-spacing: 0px;
	color: #000000;
	margin-bottom: 35px;
}

body.single .wp-block-column img {
	max-width: 100%;
	height: auto;
}

body.single section.post article.post-footer {
	display: flex;
	flex-wrap: nowrap;
	margin-bottom: 80px;
}

body.single section.post article.post-footer .tags {
	width: 70%;
}

body.single section.post article.post-footer .tags a {
	display: inline-block;
	font: normal normal bold 13px/25px brandon-grotesque;
	letter-spacing: 1.95px;
	text-transform: uppercase;
	color: #7F7F7F;
	padding: 20px 35px;
	border: 1px solid #F0F0F0;
	margin: 0 10px 10px 0;
}

body.single section.post article.post-footer .social {
	width: 30%;
	text-align: center;
	font: normal normal bold 11px/16px Brandon Grotesque;
	letter-spacing: 1.65px;
	text-transform: uppercase;
	color: #7F7F7F;
}

body.single section.post article.post-footer .addtoany_list a {
	display: inline-block;
	border-right: 1px solid #f0f0f0;
	padding: 10px 20px;
	margin-top: 5px;
}

body.single section.post article.post-footer .addtoany_list a:last-child {
	border-right: 0;
}

body.single .yarpp-related-shortcode {
	width: 90%;
	border-top: 1px solid #f0f0f0;
	margin: 0 auto;
	padding-top: 30px;
}

body.single .yarpp-related-shortcode {

}

body.single section#relacionados {
	margin: 0 auto;
	padding: 20px 0 0;
}

body.single section#relacionados ul#grid-postagens {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 9px;
}

body.single section#relacionados ul#grid-postagens li img {
	width: 100%;
	height: auto;
	transition: all ease-in-out 1s;
}

body.single section#relacionados ul#grid-postagens li a {
	border: 0;
}

body.single section#relacionados ul#grid-postagens li a:hover img {
	filter: saturate(0);
}

body.single section#relacionados ul#grid-postagens li h2 {
	padding: 15px 30px 0;
}

body.single section#relacionados ul#grid-postagens li h2 a {
	color: #000000;
	font: normal normal normal 20px/29px brandon-grotesque;
	letter-spacing: 0px;
	text-align: left;
	text-transform: none;
}

body.single section#relacionados ul#grid-postagens li h2 a:hover {
	color: #F6B8B1;
}

body.single section#relacionados ul#grid-postagens li h5 {
	text-align: left;
	font: normal normal normal 12px/30px brandon-grotesque;
	letter-spacing: 1.8px;
	color: #000000;
	text-transform: uppercase;
	padding: 0 30px;
}

body.single section#relacionados ul#grid-postagens li h5 span {
	position: relative;
	top: -3px;
	display: inline-block;
	width: 30px;
	height: 1px;
	background: #000;
	opacity: 0.5;
}




/****

PÁGINA

****/

body.page-template header {
	position: relative;
	background: #FFF !important;
	padding: 30px 0;
}

body.page-template main {
	margin-top: 0 !important;
	margin-bottom: 80px !important;
}

body.page-template header button.responsive-menu img, body.page-template header figure.logo img {
	filter: invert(1);
}

body.page-template header section#menu-fixo button.responsive-menu img, body.page-template header section#menu-fixo figure.logo img {
	filter: invert(0);
}

body.page-template header nav.menu-topo ul li a {
	color: #000 !important;
}

body.page-template header .search-buy input {
	background-image: url(imgs/header-ico-search-blk.svg);
}

body.page-template header button.buy {
    border-left: 1px solid rgba(0,0,0,0.3) !important;
}

body.page-template header button.buy a {
	color: #000 !important;
}

body.page-template header .search-buy input::-webkit-input-placeholder {color: #000;}
body.page-template header .search-buy input:-moz-placeholder {color: #000;}
body.page-template header .search-buy input::-moz-placeholder {color: #000;}
body.page-template header .search-buy input:-ms-input-placeholder {color: #000;}


body.page-template section.post .wrapper {
	width: 68%;
}

body.page-template section.post #featured-post {
	position: relative;
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
}

body.page-template section.post #featured-post img {
	max-width: 100%;
	height: auto;
}

body.page-template section.post #featured-post #descricao {
	position: absolute;
	bottom: 6px;
	width: 100%;
	background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
	padding: 50px 0;
}

body.page-template section.post #featured-post #descricao a {
	border: 0;
} 

body.page-template section.post #featured-post #descricao h5 {
	display: inline-block;
	background: #000;
	font: normal normal normal 12px/22px brandon-grotesque;
	letter-spacing: 5.4px;
	color: #FFFFFF;
	text-transform: uppercase;
	padding: 0 15px;
}

body.page-template section.post #featured-post #descricao h5 a {
	color: #FFFFFF;
}

body.page-template section.post #featured-post #descricao h2 {
	color: #FFF;
	text-align: left;
	font: normal normal bold 50px/62px brandon-grotesque;
	letter-spacing: 4.8px;
	color: #FFFFFF;
	text-transform: uppercase;
	margin: 25px 0;
}

body.page-template section.post #featured-post #descricao .autor-post {
	text-align: left;
	font: normal normal normal 12px/30px brandon-grotesque;
	letter-spacing: 1.8px;
	color: #FFF;
	text-transform: uppercase;
}

body.page-template section.post #featured-post #descricao .autor-post a {
	color: #FFF;
}

body.page-template section.post #featured-post #descricao .autor-post span {
	position: relative;
	top: -3px;
	display: inline-block;
	width: 30px;
	height: 1px;
	background: #FFF;
	opacity: 0.5;
}

body.page-template section.post article.post-conteudo {
	margin: 65px auto;
}

body.page-template section.post article.post-conteudo p {
	text-align: left;
	font: normal normal 300 18px/36px brandon-grotesque;
	letter-spacing: 0px;
	color: #000000;
}

body.page-template section.post article.post-conteudo p img, body.page-template section.post article.post-conteudo img {
	max-width: 100%;
	height: auto;
	margin: 25px auto;
}

body.page-template section.post article.post-conteudo a img {
	border: 0;
}

body.page-template section.post article.post-conteudo p.post-meta {
	text-align: left;
	font: normal normal normal 33px/48px brandon-grotesque;
	letter-spacing: 0px;
	color: #000000;
	margin-bottom: 35px;
}

body.page-template .wp-block-column img {
	max-width: 100%;
	height: auto;
}

body.page-template section.post article.post-footer {
	display: flex;
	flex-wrap: nowrap;
	margin-bottom: 80px;
}

body.page-template section.post article.post-footer .tags {
	width: 70%;
}

body.page-template section.post article.post-footer .tags a {
	display: inline-block;
	font: normal normal bold 13px/25px brandon-grotesque;
	letter-spacing: 1.95px;
	text-transform: uppercase;
	color: #7F7F7F;
	padding: 20px 35px;
	border: 1px solid #F0F0F0;
	margin-right: 10px;
}

body.page-template section.post article.post-footer .social {
	width: 30%;
	text-align: center;
	font: normal normal bold 11px/16px Brandon Grotesque;
	letter-spacing: 1.65px;
	text-transform: uppercase;
	color: #7F7F7F;
}

body.page-template section.post article.post-footer .addtoany_list a {
	display: inline-block;
	border-right: 1px solid #f0f0f0;
	padding: 10px 20px;
	margin-top: 5px;
}

body.page-template section.post article.post-footer .addtoany_list a:last-child {
	border-right: 0;
}

body.page-template section#relacionados {
	width: 90%;
	border-top: 1px solid #f0f0f0;
	margin: 0 auto;
	padding: 50px 0 0;
}

body.page-template section#relacionados ul#grid-postagens {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 9px;
}

body.page-template section#relacionados ul#grid-postagens li img {
	width: 100%;
	height: auto;
	transition: all ease-in-out 1s;
}

body.page-template section#relacionados ul#grid-postagens li a {
	border: 0;
}

body.page-template section#relacionados ul#grid-postagens li a:hover img {
	filter: saturate(0);
}

body.page-template section#relacionados ul#grid-postagens li h2 {
	padding: 15px 30px 0;
}

body.page-template section#relacionados ul#grid-postagens li h2 a {
	color: #000000;
	font: normal normal normal 20px/29px brandon-grotesque;
	letter-spacing: 0px;
	text-align: left;
	text-transform: none;
}

body.page-template section#relacionados ul#grid-postagens li h2 a:hover {
	color: #F6B8B1;
}

body.page-template section#relacionados ul#grid-postagens li h5 {
	text-align: left;
	font: normal normal normal 12px/30px brandon-grotesque;
	letter-spacing: 1.8px;
	color: #000000;
	text-transform: uppercase;
	padding: 0 30px;
}

body.page-template section#relacionados ul#grid-postagens li h5 span {
	position: relative;
	top: -3px;
	display: inline-block;
	width: 30px;
	height: 1px;
	background: #000;
	opacity: 0.5;
}


/****

ARQUIVO

****/

body.category header {
	position: relative;
	background: #FFF !important;
	padding: 30px 0;
}

body.category main {
	margin-top: 0 !important;
	margin-bottom: 80px !important;
}

body.category header button.responsive-menu img, body.category header figure.logo img {
	filter: invert(1);
}

body.category header section#menu-fixo button.responsive-menu img, body.category header section#menu-fixo figure.logo img {
	filter: invert(0);
}

body.category header nav.menu-topo ul li a {
	color: #000 !important;
}

body.category header .search-buy input {
	background-image: url(imgs/header-ico-search-blk.svg);
}

body.category header button.buy {
    border-left: 1px solid rgba(0,0,0,0.3) !important;
}

body.category header button.buy a {
	color: #000 !important;
}

body.category header .search-buy input::-webkit-input-placeholder {color: #000;}
body.category header .search-buy input:-moz-placeholder {color: #000;}
body.category header .search-buy input::-moz-placeholder {color: #000;}
body.category header .search-buy input:-ms-input-placeholder {color: #000;}

section#titulo-categoria {
	width: 100%;
	height: 220px;
	background: url(imgs/header-bg-categorias.png) no-repeat center center;
	margin-bottom: 50px;
}

section#titulo-categoria h3 {
	display: inline-block;
	width: 100%;
	text-align: center;
	font: normal normal bold 46px/55px brandon-grotesque;
	letter-spacing: 3.68px;
	color: #FFFFFF;
	text-transform: uppercase;
}

section#titulo-categoria span {
    display: inline-block;
    width: 100%;
    text-align: center;
    font: normal normal normal 12px/18px brandon-grotesque;
    letter-spacing: 5.4px;
    color: #FFFFFF;
    text-transform: uppercase;
    margin: 70px 0 0;
}

body.category section#universo-hope button.ver-tudo {
	display: inline-block;
}




/****

ARQUIVO

****/

body.search header {
	position: relative;
	background: #FFF !important;
	padding: 30px 0;
}

body.search main {
	margin-top: 0 !important;
	margin-bottom: 80px !important;
}

body.search header button.responsive-menu img, body.search header figure.logo img {
	filter: invert(1);
}

body.search header section#menu-fixo button.responsive-menu img, body.search header section#menu-fixo figure.logo img {
	filter: invert(0);
}

body.search header nav.menu-topo ul li a {
	color: #000 !important;
}

body.search header .search-buy input {
	background-image: url(imgs/header-ico-search-blk.svg);
}

body.search header button.buy {
    border-left: 1px solid rgba(0,0,0,0.3) !important;
}

body.search header button.buy a {
	color: #000 !important;
}

body.search header .search-buy input {
	color: #000 !important;
}

body.search header .search-buy input::-webkit-input-placeholder {color: #000;}
body.search header .search-buy input:-moz-placeholder {color: #000;}
body.search header .search-buy input::-moz-placeholder {color: #000;}
body.search header .search-buy input:-ms-input-placeholder {color: #000;}

body.search section#universo-hope button.ver-tudo {
	display: inline-block;
}

/****

404

****/

body.error404 header {
	position: relative;
	background: #FFF !important;
	padding: 30px 0;
}

body.error404 main {
	margin-top: 0 !important;
	margin-bottom: 80px !important;
}

body.error404 header button.responsive-menu img, body.error404 header figure.logo img {
	filter: invert(1);
}

body.error404 header section#menu-fixo button.responsive-menu img, body.error404 header section#menu-fixo figure.logo img {
	filter: invert(0);
}

body.error404 header nav.menu-topo ul li a {
	color: #000 !important;
}

body.error404 header .search-buy input {
	background-image: url(imgs/header-ico-search-blk.svg);
}

body.error404 header button.buy {
    border-left: 1px solid rgba(0,0,0,0.3) !important;
}

body.error404 header button.buy a {
	color: #000 !important;
}

body.error404 header .search-buy input {
	color: #000 !important;
}

body.error404 header .search-buy input::-webkit-input-placeholder {color: #000;}
body.error404 header .search-buy input:-moz-placeholder {color: #000;}
body.error404 header .search-buy input::-moz-placeholder {color: #000;}
body.error404 header .search-buy input:-ms-input-placeholder {color: #000;}

body.error404 section#titulo-categoria h3 {
	margin-top: 70px;
}

body.error404 p {
	text-align: center;
	margin-bottom: 50px;
}


@media screen and (min-width: 1600px) {

	section#hot-now article.post div.conteudo {
	    display: inline-block;
	    width: calc(48% - 130px);
	    padding: 7% 65px;
	}
	

}

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

	header {
		padding: 30px 0;
	}

	.header-align {
		min-width: auto;
	}

	nav.menu-topo, .search-buy .search-input, .search-buy button.buy {
		display: none;
	}

	button.responsive-menu {
		width: 10%;
		margin-right: 15% !important;
	}

	.search-buy {
		width: 10% !important;
		margin-left: 15% !important;
		margin-top: 5px !important;
	}

	button.search-open {
		width: 100%;
	}

	body.home button.search-open img {
		width: 23px;
		filter: invert(1);
	}

	body.home #menu-fixo button.search-open img {
		filter: invert(0);
	}

	button.search-open img {
		width: 23px;
	}

	.search-buy .search-input {
		position: absolute;
		top: 70px;
		left: 0;
		width: 100%;
	}

	.search-buy .search-input form {
		width: 100%;

	}

	.search-buy .search-input input {
		background: #f0f0f0;
		color: #000 !important;
		width: 100%;
	}

	body.single header .search-buy input {
		background-image: none;
	}

	.search-buy .search-input input::-webkit-input-placeholder {color: #000;}
	.search-buy .search-input input:-moz-placeholder {color: #000;}
	.search-buy .search-input input::-moz-placeholder {color: #000;}
	.search-buy .search-input input:-ms-input-placeholder {color: #000;}

	section#menu-fixo .search-input input {
		background-image: none;
	}

	figure.logo {
		width: 50%;
	}

	section#nav-overlay {
		padding-top: 10px;
	}

	section#nav-overlay #nav-logo {
		display: none;
	}

	section#nav-overlay #nav-buy {
		display: none;
	}

	article#submenus {
		display: block;
	}

	nav#lingerie-outwear {
		display: none;
		width: 100%;
		padding: 0;
	}

	#nav-close {
		margin-top: 0;
	}

	nav#categorias {
	    width: 80%;
	    padding: 0;
	    border: 0;
	    margin: 0 10%;
	}

	nav#categorias ul#menu-menu-universo-hope {
		display: block;
		width: 100%;
	}

	nav#categorias ul li {
		width: 100%;
	}

	nav#categorias ul#menu-menu-universo-hope li.menu-categoria-item ul.sub-menu {
		margin: 10px 0;
	}

	nav#categorias ul#menu-menu-universo-hope li.menu-categoria-item a {
		font: normal 600 19px/33px 'brandon-grotesque', sans-serif;
	}

	nav#categorias ul#menu-menu-universo-hope li.menu-categoria-item ul.sub-menu li a {
	    font: normal 400 16px/36px 'brandon-grotesque', sans-serif;
	}

	/****

	Home

	****/

	main h3 {
		font-size:20px;
	}

	#slider-desktop {
		display: none;
	}

	#slider-mobile {
		display: block !important;
	}
	
	main .titulo {
		display: block;
		width: 100%;
		line-height: 40px;
	}

	.titulo h3 {
		font-size: 20px;
		line-height: 30px;
	}

	.titulo button {
		position: relative;
		width: 100%;
		top: 0;
		margin-bottom: 35px;
	}

	section#destaques {
	    display: block;
    	overflow-x: auto;
	}

	.regulador {
		min-width: 1330px;
	}

	section#destaques article.post {
		width: 100%;
		max-width: 400px;
		margin-right: 9px;
	}

	section#destaques article.post a:hover {
		color: #000;
	}

	section#youtube {
		display: none;
	}

	section#hot-now article.post figure {
		width: 100%;
	    margin-bottom: 15px;
	}

	section#hot-now article.post div.conteudo {
	    width: calc(100% - 60px);
    	padding: 0 30px;
	}

	section#hot-now article.post div.conteudo h2 a {
		font:normal normal normal 25px/40px brandon-grotesque;
	}

	section#hot-now article.post div.conteudo p {
		font: normal normal 300 15px/30px brandon-grotesque;
	}

	section#hot-now article.post:last-child {
		text-align: left !important;
	}

	section#destaques-full {
		height: 500px;
	}

	section#destaques-full article.post {
		height: 500px;
		background-size: cover;
	    background-attachment: unset;
	}

	section#destaques-full article.post .conteudo h2 {
		padding: 0 15px;
		margin: 25px 0;
	}

	section#destaques-full article.post .conteudo h2 a {
		font: normal normal bold 28px/42px brandon-grotesque;
	}

	section#destaques-full article.post .conteudo p {
		display: none;
	}

	section#universo-hope {
		margin-bottom: 45px;
	}

	section#universo-hope #grid-postagens {
		grid-template-columns: 49% 49%;
		gap: 25px 1%;
		margin-bottom: 35px;
	}

	section#universo-hope article.post h2 {
		padding: 0 25px 0 5px;
		line-height: 25px !important;
	}

	section#universo-hope article.post h2 a {
		font:normal normal normal 16px/18px brandon-grotesque;
	}

	section#universo-hope article.post h5 {
		padding: 0;
		font: normal normal normal 10px/15px brandon-grotesque;
		margin-top: 15px;
	}

	section#universo-hope button.ver-tudo a:hover {
		background: none;
	}


	section#widgets {
		padding: 15px 0;
	}

	section#widgets .wrapper {
		min-width: 90%;
		max-width: 90%;
		width: 90%;
		display: block;
	}

	span.PIN_1616073754966_embed_grid.PIN_1616073754966_c3 {
		max-height: 400px;
	}

	footer {
		padding-bottom: 25px;
	}

	footer .wrapper {
		display: block;
	}


	footer .item {
		float: left;
		margin-bottom: 35px;
	}

	footer article.comprar {
		width: calc(100% - 60px);
		padding: 30px;
	}


	/****

	SINGLE

	****/

	body.single section.post .wrapper {
		width: 80%;
	}

	body.single section.post #featured-post #descricao {
		padding: 15px 0;
	}

	body.single section.post #featured-post #descricao h2 {
		font:normal normal bold 18px/24px brandon-grotesque;
	}

	body.single section.post #featured-post #descricao .autor-post {
		display: none;
	}

	body.single section.post article.post-conteudo {
		margin: 30px auto;
	}

	body.single section.post article.post-footer {
		display: block;
		margin-bottom: 0;
	}

	body.single section.post article.post-footer .tags {
		width: 100%;
	}

	body.single section.post article.post-footer .tags a {
		padding: 10px 20px;
		margin: 5px 5px;
	}

	body.single section.post article.post-footer .social {
		width: 100%;
		border-top: 1px solid #f0f0f0;
		border-bottom: 1px solid #f0f0f0;
		padding: 35px 0;
		margin-top: 35px;
	}

	#relacionados {
		width: 90% !important;
		padding-top: 10px !important;
		overflow-x: auto;
		border: 0 !important;
	}


	/****

	CATEGORIA

	****/

	section#titulo-categoria {
		height: 200px;
	}

	section#titulo-categoria h3 {
		font:normal normal bold 26px/55px brandon-grotesque;
	}


}