@charset "utf-8";

/* SUCOS - #B00 (VERMELHO) #864 (MARROM) GRADIENT(#304 #607) (ROXO) */

:root {
	--GLB: linear-gradient(to bottom, #00000022 , #00000008);
	--GLD: linear-gradient(to right, #00000022 , #00000008);
	--GBS: linear-gradient(to bottom, #304, #607)
}
@media screen and (min-width: 988px) {
body .fume
	{ backdrop-filter: grayscale(100); background-color: #381c54BB }
}
#cabecalho, #rodape
	{ font-family: Cuprum }
#logo
	{ border: 0.32rem solid transparent }
#banner-figuras
	{ border-bottom: 0.32rem ridge ivory }

.titulo-01, .titulo-02 {
	border: 0.32rem solid #B00;
	border-radius: 1em
}
.titulo-01 > span, .titulo-02 > span {
	background-color: #B00;
	border: 0.32rem solid;
	border-radius: 1em;
	color: ivory
}
.titulo-03
	{ text-shadow: 1px 1px black }
.titulo-04 {
	background-color: #B00;
	border-radius: 0.6em;
	border: 0.32rem solid;
	color: ivory;
}
hr, .wp-block-separator
	{ border-bottom: 0.32rem ridge #FFF8; border-top: none }
#barra-lateral section :not(h6,h5,h4,h3,h2,h1,strong,var,em,i,b):not(.wc-block-components-product-name,.widget-title>span),
#texto :not(h6,h5,h4,h3,h2,h1,strong,var,em,i,b,.button,.submit,.ipe-camaleao),
#comentarios div :not(h6,h5,h4,h3,h2,h1,strong,var,em,i,b,.comment-reply-link,.button,.submit,.ipe-camaleao)
	{ font-family: Caladea-Regular }
#conteudo h6 i, #conteudo h5 i, #conteudo h4 i,
#conteudo h3 i, #conteudo h2 i, #conteudo h1 i,
#conteudo b>i, #conteudo strong>i, #conteudo i>b, #conteudo i>strong,
#conteudo b>em, #conteudo strong>em, #conteudo em>b, #conteudo em>strong,
#conteudo b>var, #conteudo strong>var, #conteudo var>b, #conteudo var>strong
	{ font-family: Caladea-BoldItalic; font-style: normal; font-weight: normal }
h6, h5, h4, h3, h2, h1
	{ font-family: Cuprum-Bold; font-weight: normal }
b, strong, table th
	{ font-family: Caladea-Bold; font-weight: normal }
i, var, em, ::placeholder
	{ font-family: Caladea-Italic; font-style: normal }

#conteudo, #comentarios
	{ background-color: #864 }
#conteudo .coupon input
	{ color: inherit }

#comentarios a:not(.comment-reply-link,.ipe-camaleao a):visited,
#comentarios a:not(.comment-reply-link,.ipe-camaleao a):link,
#conteudo a:not(.ipe-paginador a)
	{ color: aqua }

.ipe-camaleao, .comment-reply-link, .submit {
	transition-property: color,background,border-color,box-shadow;
	transition-timing-function: ease;
	transition-duration: 0.6s;
	transition-delay: 0.2s;
	background-color: forestgreen;
	border: 0.2rem solid;
	font-weight: normal;
	font-family: Cuprum;
	border-radius: 3px;
	color: ivory
}
.ipe-camaleao:hover, .comment-reply-link:hover, .submit:hover {
    box-shadow: inset 1px 1px, inset -1px -1px;
    background-color: ivory;
    border-color: ivory;
    color: forestgreen
}

#comentarios .comment-author .avatar
	{ border: 0.2rem solid; border-radius: 1.8em }
#barra-lateral .avatar
	{ border: 0.2rem solid }

#comentarios .comentarios-lista .trackback,
#comentarios .comentarios-lista .pingback,
#comentarios .comentarios-lista article
	{ border-top: 1px solid rgba(0, 0, 0, 0.1) }
#comentarios .comentarios-lista > li:first-child > article,
#comentarios .comentarios-lista > .trackback:first-child,
#comentarios .comentarios-lista > .pingback:first-child
	{ border-top: 0 }
#comentarios .comment-awaiting-moderation,
#comentarios .form-allowed-tags code,
#comentarios .form-allowed-tags,
#comentarios .comment-notes,
#comentarios .logged-in-as,
#comentarios .no-comments
	{ color: ivory }
#comentarios .required
	{ color: yellow }
#comentarios .comment-reply-title small a
	{ color: #2b2b2b }
@media not screen and (min-width: 600px) {
#comentarios .comment-body
	{ border: 0.2rem solid #FFF4; background-image: var(--GLB); border-radius: 1em }
}
@media screen and (min-width: 600px) {
#comentarios .comment-body
	{ border: 0.2rem solid #FFF4; background-image: var(--GLD); border-radius: 1em }
}
#comentarios input[type="text"],
#comentarios textarea
	{ border: 0.32rem double #381c54; background-color: gainsboro; color: #381c54; }

#rodape
	{ border-top: 0.32rem ridge ivory; background-image: var(--GBS); color: lime }
#rodape a:not(.wp-block-social-link-anchor):visited
	{ color: aqua }
#rodape a:not(.wp-block-social-link-anchor):active
	{ color: aqua }
#rodape a:not(.wp-block-social-link-anchor):hover
	{ color: aqua }
#rodape a:not(.wp-block-social-link-anchor):link
	{ color: aqua }
#rodape .comment-form input[type="submit"] {
	transition-property: background, color;
	transition-timing-function: ease;
	transition-duration: 0.6s;
	transition-delay: 0.2s;
	border: 0.2rem solid ivory;
	background-color: inherit;
	font-family: Cuprum-Bold;
	font-weight: normal;
	border-radius: 3px;
	color: ivory
}
#rodape .comment-form input[type="submit"]:hover {
	background-color: ivory;
	border-color: ivory;
	text-decoration: none;
	color: steelblue
}

#barra-lateral img.size-thumbnail,
#rodape .ipe-widgets img.size-thumbnail
	{ border-radius: 0.4em; border: thin solid }

#cabecalho {
	transition-property: background-color, backdrop-filter;
	transition-timing-function: ease-in;
	transition-duration: 0.6s;
	color: ivory
}
@media not screen and (min-width: 988px) {
#logo 
	{ display: none } }

#menu-principal a:visited,		#menu-principal a:active,
#menu-principal a:hover,		#menu-principal a:link
	{ color: inherit }

@media not screen and (min-width: 988px) {
#menu-principal
	{ background-color: rebeccapurple; }
.menu-ipe > li
	{ border-bottom: 0.32rem ridge #F8F8FF60 }
.menu-ipe .menu-item-has-children > ul li:not(:last-child)
	{ border-bottom: 0.32rem ridge #F8F8FF60 }
.menu-ipe .sub-menu
	{ border-top: 0.32rem ridge #F8F8FF60 }
}
@media screen and (min-width: 988px) {
#menu-principal a
	{ border: thin solid transparent; box-sizing: border-box }
#menu-principal a:hover
	{ background-color: firebrick; border-color: initial }
}
#menu-busca-desktop > nav
	{ border: 0.2rem inset }
#menu-celular-lupas input,
#menu-busca-desktop input
	{ color: #381c54 }

@media screen and (min-width: 988px) {
#menu-celular-lupas {
	border: 0.2rem inset rgba(040,125,081,0.4);
	background: window
} }
@media not screen and (min-width: 988px) {
#menu-celular-lupas
	{ border: 0.2em solid rebeccapurple; background-color: rebeccapurple; }
}

#menu-busca-desktop button, #vazio button
	{ background-color: inherit; border: none }
#menu-busca-desktop .bt, #vazio .bt
	{ background-color: ivory }

#menu-busca button
	{ background-color: inherit }
#menu-busca .bt
	{ background-color: ivory }

#TOPO-01, #TOPO-02
	{ color: lime; }
#TOPO-01:hover span, #TOPO-02:hover span
	{ color: ivory; }

#vazio
	{ border: 0.32rem ridge ivory; border-radius: 2em; color: ivory }
#vazio form
	{ border: 0.2rem inset indianred }
#vazio input
	{ color: steelblue }

#conteudo, #comentarios
	{ color: ivory }
.borda-secao
	{ background-image: var(--GBS); box-sizing: border-box; border-radius: 1.4em }
@media screen and (min-width: 1024px) {
.borda-secao
	{ border: 0.32rem solid ivory }
}
@media not screen and (min-width: 1024px) {
.borda-secao {
	border-bottom: 0.2rem solid ivory;
	border-right: 0.2rem solid ivory;
	border-left: 0.2rem solid ivory;
	border-top: 0.32rem solid ivory
} }
@media screen and (min-width: 600px) and (max-width: 1087.99px) {
.temlateral-celula:last-child
	{ border-top: 0.32rem ridge #FFF8 }
}
@media not screen and (min-width: 600px) {
.temlateral-celula:last-child
	{ border: 0.2rem solid; border-radius: 1.4em }
}
@media screen and (min-width: 1088px) {
#barra-lateral
	{ border: 0.2rem solid ivory; border-radius: 1em }
}

#barra-lateral .widget-title
	{ border: thin solid; border-radius: 1em }
#barra-lateral a:link, #barra-lateral a:visited
	{ color: inherit }
#barra-lateral a:hover, #barra-lateral a:active
	{ color: aqua }

@media screen and (min-width: 600px) and (max-width: 1087.99px) {
#barra-lateral .widipeget
	{ border: thin solid ivory; border-radius: 1em }
}
#texto blockquote {
	border-bottom: thin solid ivory;
	border-right: thin solid ivory;
	border-left: 0.32rem solid ivory;
	border-top: thin solid ivory;
	background-color: #00000036;
	border-radius: 0 0 1em 0
}
#texto a:not([href="#tab-reviews"]):not([href="#tab-description"]):not(.button),
	{ color: aqua }
#texto .wp-block-video figcaption,
#texto .wp-block-embed figcaption
	{ color: inherit }

.colunas .wp-block-column {
	background-color: firebrick;
	border: 0.32rem solid ivory;
	border-radius: 1rem
}
.colunas .wp-block-image img
	{ border: thin solid }

.carrossel .slick-arrow,
.carrossel-pontos
	{ color: lime; }
.carrossel .slick-arrow:not(.slick-disabled):hover,
.carrossel-pontos li:not(.slick-active):hover
	{ color: ivory }
.carrossel-pontos button
	{ background: transparent }

.ipe-icone {
	outline: 0.2rem solid ivory;
	background-color: #607;
	border-radius: 1em
}
.ipe-icone:hover
	{ background-color: #708; color: ivory }
.ipe-icone .categorias
	{ font-family: Cuprum }
.movel figure, .caticone figure
	{ border-radius: 0.8em; border: thin solid }
.destacada
	{ background-color: ivory }

#texto .wp-block-embed,
#texto .wp-block-video
	{ border-style: solid; border-width: 0.2rem }
		
.comentarios-lista > li:first-child > article,
.comentarios-lista > .pingback:first-child,
.comentarios-lista > .trackback:first-child
	{ border-top: none }

#texto > p, #texto em, .wp-block-table, .ipe-texto-slide h3, .ipe-texto-slide p,
#texto h4, #texto li, .borda-secao > h3, .borda-secao > div > p, .borda-secao > p,
#comentarios p
	{ text-shadow: 1px 1px 2px #0008 }

/* -- WIDGETS -- */

#rodape-gets .widipeget
	{ border: 0.2rem ridge; border-radius: 1em }
#rodape-gets .wc-block-sort-select__select
	{ background-color: inherit; border: thin solid }
#rodape-gets .wc-block-sort-select__select option
	{ background-color: ivory }

#rodape-gets .wp-block-button__link {
	background-color: inherit;
	box-sizing: border-box;
	border-radius: 0.6em;
	border: 0.2rem solid; 
	color: inherit
}
#rodape-gets .wp-block-button__link:hover {
	background-color: ivory;
	text-decoration: none;
	border-color: ivory;
	color: ivory
}
#wp-calendar
	{ color: inherit }

#conteudo .wp-block-button__link {
	background-color: inherit;
	font-family: Cuprum-Bold;
	box-sizing: border-box;
	border-radius: 0.6em;
	border: 0.2rem solid; 
	color: inherit
}
#conteudo .wp-block-button__link:hover {
	background-color: ivory;
	border-color: ivory;
	text-decoration: none;
	color: ivory
}
.wc-block-featured-product__link
	{ color: ivory }

.wp-block-calendar tbody td,
.wp-block-calendar th
	{ border: thin solid }
.wp-block-calendar table th
	{ background-color: inherit }

.wc-block-components-review-list-item__published-date
	{ color: inherit }

.ipe-menu-icone
	{ border: thin solid transparent; border-radius: 0.5em }
.ipe-menu-icone:hover
	{ border-color: initial }

.wp-block-gallery .wp-block-image
	{ border: 0.32rem solid ivory }

.ipe-widgets .wp-block-gallery.has-nested-images figure.wp-block-image figcaption
	{ color: inherit }
.ipe-widgets .wp-block-embed iframe,
.ipe-widgets .wp-block-video video,
.ipe-widgets .wp-block-image img
	{ border: thin solid; border-radius: 0.4em }
.widiperede li
	{ border: thin ridge }

#conteudo .wp-block-search__input,
#rodape .wp-block-search__input
	{ border: thin inset; color: steelblue }
#conteudo .wp-block-search__button,
#rodape .wp-block-search__button
	{ background-color: inherit; border: 0.2rem ridge; color: inherit }
#conteudo .wp-block-search__button:hover,
#rodape .wp-block-search__button:hover
	{ border-style: solid }

figure[class*="bordada"] img
	{ border: 0.32rem solid ivory }
figure[class*="bordada"] figcaption
	{ text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black }

.ipe-vidro
	{ border: 0.32rem solid #0003; background-color: #FFF6; border-radius: 1em }

/* - Navegador de posts - */

.ipe-paginador li.active
	{ opacity: 0.6 }
.ipe-paginador li span,
.ipe-paginador li a
	{ color: inherit }
.ipe-paginador li.active {
	border: 0.2rem solid ivory;
	font-family: Cuprum-Bold;
	border-radius: 3px
}

.barra
	{ background-color: #0004 }
.barra div
	{ background-color: lime }

/* BARRA DO EDITOR */
#wpadminbar
	{ background: #1d232766 }
#wpadminbar.nojq .quicklinks .ab-top-menu > li > .ab-item:focus,
#wpadminbar:not(.mobile) .ab-top-menu > li:hover > .ab-item,
#wpadminbar:not(.mobile) .ab-top-menu > li > .ab-item:focus,
#wpadminbar .ab-top-menu > li.hover > .ab-item
	{ background: #2c3338; color: ghostwhite }