/*
Theme Name: Koya88
Description: This is a custom Salient child theme.
Theme URI: https://gitlab.com/Robson16/koya88
Author: Robson H. Rodrigues
Author URI: https://robsonhrodrigues.com.br/
Template: salient
Version: 1.1
*/

body.login {
	background: #000;
}

/* ==================== GENERAL ==================== */

/*----- TEXT -----*/

.text-stroked {
	color: transparent;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #ffffff;
}

.color-stroked-black {
	-webkit-text-stroke-color: #000000;
}

.color-alt {
	color: #fff;
}

/*----- STRUCTURE -----*/

.hide-desk {
	display: none;
}

.row_custom {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	max-width: 300px;
}

.col-4_custom {
	max-width: 33.333333333%;
}

.row_custom .col-4_custom img {
	display: block;
	margin: 0 0 0.5rem;
}

/*----- MISC -----*/

.text-divider {
	position: relative;
	margin-bottom: 1.5rem !important;
	padding-bottom: 1rem !important;
}

.text-divider:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 30%;
	height: 2px;
	background: #000;
}

.text-divider:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -3px;
	width: 8px;
	height: 8px;
	background: #000;
}

/* ==================== HEADER ==================== */

#header-outer #top nav>ul>li>a {
	font-size: 17px;
	font-weight: bold;
	color: #000;
}

body.home #header-outer:not(.small-nav) #top #logo img {
	opacity: 0;
}

#header-outer.small-nav #top #logo img,
body:not(.home) #header-outer:not(.small-nav) #top #logo img {
	opacity: 1;
	height: 150px;
}

body.product-template-default #header-outer:not(.small-nav) #top #logo img {
	left: calc((-100vw + 1140px + 75px) / 2);
}

#header-outer #top #logo img {
	transition: all 0.3s;
	position: absolute;
	left: calc((-100vw + 1245px + 100px) / 2);
}

#header-outer.small-nav#header-outer header#top {
	padding: 20px 0;
}

/* ==================== FOOTER ==================== */

#footer-outer #footer-widgets {
	color: #bebebe;
}

#footer-outer #footer-widgets .col p {
	font-size: 18px;
}

#footer-outer #footer-widgets>.container>.row {
	border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

#footer-outer #copyright .copyright-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	font-size: 18px;
	color: #bebebe;
}

#footer-outer #copyright .col.span_5 {
	width: 100%;
	margin: 0;
	float: none;
}

#footer-outer #copyright .col.span_5>p {
	display: none;
}

#footer-outer #copyright .copyright-container img {
	display: inline-block;
	margin: 0;
	vertical-align: middle;
	margin-left: 2rem;
	max-width: 100px;
}

#footer-outer #copyright .copyright-container .copyright-left .footer-beiju {
	margin-right: 1rem;
}

#footer-outer #copyright .copyright-container .copyright-right>span {
	margin: 0 0.5rem;
}

#footer-outer #copyright .copyright-container .link-copyright {
	color: #bebebe !important;
}

#footer-outer #copyright .copyright-container .link-copyright:hover {
	text-decoration: underline;
}

/* ==================== SECTION VITRINE - HOME ==================== */

#section-vitrine-home .icon_vitrine {
	transition: all 0.3s;
}

#section-vitrine-home .icon_vitrine a {
	color: #fff;
}

#section-vitrine-home .icon_vitrine:hover {
	transform: scale(1.1);
}

#section-vitrine-home h2,
#section-vitrine-home p {
	color: #fff;
	margin-bottom: 2rem;
}

#section-vitrine-home>.row_col_wrap_12 {
	padding: 0 0 8rem;
}

#section-vitrine-home .hover-wrap-inner {
	position: absolute;
	top: 0;
	left: calc(14px - 63px);
}

#section-vitrine-home .home-vitrine-left,
#section-vitrine-home .home-vitrine-right {
	writing-mode: vertical-lr;
	-webkit-writing-mode: vertical-lr;
	-ms-writing-mode: vertical-lr;
}

#section-vitrine-home .home-vitrine-left .wpb_wrapper .wpb_wrapper,
#section-vitrine-home .home-vitrine-right .wpb_wrapper .wpb_wrapper {
	display: flex;
	justify-content: center;
}

#section-vitrine-home .home-vitrine-left b,
#section-vitrine-home .home-vitrine-right b {
	display: inline-block;
	transform: rotate3d(0, 0, 1, 180deg);
	color: #000;
}

#section-vitrine-home .home-vitrine-right b:before {
	content: "";
	display: inline-block;
	width: 20px;
	height: 20px;
	background: #000;
	border-radius: 100%;
	margin-bottom: 0.75rem;
}

#section-vitrine-home .carousel-item {
	padding: 8rem 6rem;
}

#section-vitrine-home .home-vitrine-item-left {
	width: auto;
	margin-right: 6rem;
}

#section-vitrine-home .home-vitrine-item-right {
	max-width: 250px;
}

#section-vitrine-home .centered-text .nectar_video_lightbox.play_button {
	margin: 0;
	width: 100px;
	height: 100px;
}

#section-vitrine-home .owl-theme .owl-dots .owl-dot {
	filter: invert(1);
}

#section-vitrine-home .nectar_video_lightbox svg {
	width: 24px;
	height: 24px;
}

#section-vitrine-home .carousel-item .nectar_video_lightbox.play_button:before,
#section-vitrine-home .span_12.dark .nectar_video_lightbox.play_button:before {
	background: #fff;
	z-index: 0;
}

.icon_vitrine {
	display: inline-block;
	width: 28px;
	height: 28px;
	color: #fff;
	background: #000;
	border-radius: 100%;
	font-size: 20px;
}

.icon_vitrine ion-icon {
	display: block;
	margin: auto;
	width: 100%;
}

.icon_vitrine.icon_tik-tok {
	background: #d90a2c;
}

.icon_vitrine.icon_instagram {
	margin: 0.25rem 0 1rem;
}

/* ==================== SECTION VIVA O MOMENTO - HOME ==================== */

#section-viva-o-momento .bg-text-stroked {
	font-size: 200px;
	font-weight: bold;
	line-height: 180px;
	opacity: 0.1;
	color: transparent;
	-webkit-text-fill-color: transparent;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: #bebebe;
	margin: 4rem 0 10rem 4rem;
}

#section-viva-o-momento .bg-text-stroked~div {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	max-width: 1425px;
	width: 100%;
	margin: 0 auto;
	padding: 0px 90px;
	transform: translateY(-50%);
}

#section-viva-o-momento h6 {
	color: #bebebe;
}

#section-viva-o-momento .col-viva-o-momento {
	margin-bottom: 3rem;
}

#section-viva-o-momento .col-icon h5+p {
	color: #bebebe;
	font-weight: bold;
	margin-top: 1.5rem;
}

#section-viva-o-momento .col-icon figure {
	margin-bottom: 1rem;
}

#section-viva-o-momento .col-icons h5 {
	margin-bottom: 1rem;
}

/* ==================== SECTION PROJETO BUSCAPÉ - HOME ==================== */

#section-projeto-buscape>.row_col_wrap_12 {
	padding: 4rem 0;
}

#section-projeto-buscape>.row-bg-wrap>.inner-wrap {
	top: 4rem;
	bottom: 4rem;
	height: auto;
}

/* ==================== SECTION QUEM SOMOS - HOME ==================== */

#section-quem-somos.row-slider-time>.row_col_wrap_12 {
	margin-left: calc((100vw - 16px - 1245px) / 2);
	padding: 4rem 0 2.5rem;
}

#section-quem-somos>.row-bg-wrap>.inner-wrap>.row-bg {
	background-size: auto;
}

#section-quem-somos p {
	max-width: 360px;
}

button.time-icon {
	display: none !important;
}

/* ==================== SECTION PRODUTOS - HOME ==================== */

#section-produtos-home h2 {
	margin-bottom: calc(8px + 4rem);
}

#section-produtos-home>.row_col_wrap_12 {
	padding: 4rem 0 0;
}

#section-produtos-home .woocommerce .products h2 {
	margin: 1rem 0;
	padding: 0;
	font-size: 24px;
}

/* ==================== CAROUSEL TIME ==================== */

.time-carousel {
	margin: 0 -0.75rem;
}

.time-item {
	box-shadow: 0px 4px 8px 0px rgb(128 128 128 / 0.25);
	margin: 0 0.75rem 1.5rem;
}

.time-carousel .time-item .time-image-wrapper img {
	width: 100%;
	object-fit: cover;
}

.time-no-image .time-image {
	display: none;
}

.time-no-image {
	background: #c2c2c2;
	width: 100%;
	padding-bottom: 112.5%;
}

.time-content {
	padding: 1.5rem 1.25rem;
	background: #ffffff;
	position: relative;
}

.time-content .time-icon {
	appearance: none;
	border: 0;
	background: #17161a;
	color: #fff;
	border-radius: 100% !important;
	width: 50px;
	height: 50px;
	text-align: center;
	padding: 0;
	transition: all 0.3s;
	cursor: pointer;
	position: absolute;
	top: -25px;
	right: 1.5rem;
}

.time-content .time-icon ion-icon {
	font-size: 24px;
	display: block;
	margin: 0 auto;
}

.time-item a:hover .time-icon {
	background: #d90a2c;
}

.carousel-arrows {
	display: flex;
}

.carousel-arrows .slick-arrow:hover {
	background: #d90a2c;
}

.carousel-arrows .slick-arrow {
	appearance: none;
	border: 0;
	background: #17161a;
	color: #fff;
	border-radius: 0 !important;
	width: 90px;
	height: 60px;
	text-align: center;
	padding: 0;
	transition: all 0.3s;
	cursor: pointer;
}

.carousel-arrows .slick-arrow ion-icon {
	font-size: 36px;
	display: block;
	margin: 0 auto;
}

/* ==================== SECTION LIVE THE MOMENT - HOME ==================== */

#section-live-the-moment>.row_col_wrap_12 {
	padding: 4rem 0;
}

/* #section-live-the-moment>.row-bg-wrap {
    border-bottom: 1px solid #fff;
} */

#section-live-the-moment h6 {
	color: #bebebe;
}

#section-live-the-moment h4 {
	color: #fff;
}

/* ==================== TEMPLATE DA VITRINE DE PRODUTOS ==================== */

.woocommerce .products .product .add_to_cart_button {
	color: #d90a2c !important;
	font-weight: 900;
	font-size: 20px;
}

.woocommerce .products .product>.woocommerce-loop-product__title {
	display: none;
}

.woocommerce .products .product .onsale {
	font-weight: 900 !important;
	font-family: "Oswald" !important;
	font-size: 20px;
	line-height: 1.2 !important;
	text-transform: capitalize !important;
}

.woocommerce .products .product .low_stock {
	position: absolute;
	border-radius: 0;
	margin-top: 0;
	padding: 4px 9px;
	margin-right: 0;
	right: auto;
	line-height: 24px;
	min-height: 0;
	height: auto;
	left: 13px;
	top: calc(45px + 0.25rem);
	width: auto;
	z-index: 1000;
	transition: all 0.2s linear;
	-webkit-transition: all 0.2s linear;
	font-family: "Open Sans";
	font-weight: 400;
	text-transform: uppercase;
	color: #fff;
	background: #d90a2c;
	font-weight: bold;
	text-transform: unset;
	font-family: "Oswald";
	font-size: 20px;
}

.woocommerce .products .product .text-on-hover-wrap .categories {
	display: none;
}

.woocommerce ul.products .text_on_hover.product .add_to_cart_button {
	text-transform: lowercase;
	font-size: 28px;
	letter-spacing: -0.05em;
}

.woocommerce ul.products .text_on_hover.product .add_to_cart_button:after {
	content: " agora";
}

/* ==================== TEMPLATE DE PRODUTO ==================== */

body[data-form-submit="regular"].woocommerce-page {
	font-family: "Oswald";
	letter-spacing: -0.6px;
	font-size: 20px;
	line-height: 28px;
	font-weight: 200;
}

#ajax-content-wrap .upsells.products>h4 {
	margin-bottom: calc(8px + 4rem);
	text-align: center;
}

.single-product .products.upsells {
	margin-top: 4rem;
}

.produto-right {
	display: grid;
	/* grid-template-rows: auto 202px; */
}

.produto-summary {
	background: #e9e9e9;
	padding: 2rem;
	border-radius: 10px;
	font-family: "Oswald";
}

.product-add-to-cart {
	display: flex;
	flex-direction: column;
	flex: 1;
	gap: 1rem;
	margin-top: 1rem;
}

.product-add-to-cart form.cart {
	display: flex;
	gap: 1rem;
	align-items: center;
	margin: 0 !important;
}

.product-add-to-cart form.cart::before {
	content: none !important;
}

.product-add-to-cart form.cart.variations_form {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1rem;
}

.product-add-to-cart .containerCalculator {
	display: none !important;
}

.product-add-to-cart .price {
	padding: 0;
	font-size: 40px !important;
	letter-spacing: -0.03em;
	line-height: 1;
	font-weight: bold;
	color: #212529 !important;
}

.product-add-to-cart table.variations {
	display: flex;
	margin: 0 !important;
}

.product-add-to-cart table.variations tbody {
	display: flex;
	align-items: center;
	flex: 1;
	flex-wrap: wrap;
}

.product-add-to-cart table.variations td.label {
	padding-top: 0;
}

.product-add-to-cart table.variations td.value {
	padding-bottom: 0;
}

.product-add-to-cart .woocommerce-variation-add-to-cart {
	display: flex;
	align-items: center;
	gap: 1rem;
	margin: 0;
}

.product-add-to-cart .quantity-label {
	font-family: Oswald;
	letter-spacing: -0.6px;
	font-size: 20px;
	line-height: 20px;
	font-weight: 700;
}

.product-add-to-cart .button {
	text-transform: uppercase !important;
}

.produto-stars .star-rating {
	float: none;
}

.produto-title h1 {
	font-size: 50px;
	line-height: 1;
	letter-spacing: -0.03em;
}

.produto-stars .star-rating span::before {
	color: #fcd846;
}

.produto-reviews {
	display: flex;
}

.produto-reviews .produto-divider {
	height: 20px;
	width: 3px;
	background: #000;
	border: 0;
	display: block;
	margin: 0 0.5rem;
	box-sizing: content-box;
}

.produto-reviews .produto-stars {
	display: inline-block;
}

.produto-reviews .produto-avaliations {
	display: inline-block;
}

.produto-reviews .produto-avaliations p {
	margin: 0;
	padding: 0;
	margin-top: -4px;
	font-weight: bold;
}

.produto-tab-item:not(.produto-tab-active) {
	display: none;
}

.produto-tab-title {
	cursor: pointer;
	flex: 0 0 33.333333333%;
	max-width: 33.333333333%;
	text-align: center;
}

.produto-tab-header {
	display: flex;
	margin-bottom: 1rem;
}

.produto-tab-title.produto-tab-active h6,
.produto-tab-title:hover h6 {
	border-bottom: 2px solid #d90a2c;
}

.produto-tab-title h6 {
	padding-bottom: 0.4rem;
	width: auto;
	display: table;
	margin: 0 auto;
}

.produto-tab-title:hover {
	border: 0;
	text-decoration: none;
}

.produto-tab-content {
	color: #808080;
	font-size: 24px;
	line-height: 32px;
	letter-spacing: -0.03em;
	margin: 0;
	padding: 0;
}

.woocommerce-page button[type="submit"].single_add_to_cart_button,
body[data-form-submit="regular"].woocommerce-page .container-wrap button[type="submit"].single_add_to_cart_button {
	padding: 20px 35px !important;
	background-color: #d90a2c !important;
}

body[data-form-submit="regular"].woocommerce-page .container-wrap button[type="submit"].single_add_to_cart_button {
	padding: 20px 35px !important;
	background-color: #d90a2c !important;
	margin: 0;
}

.produto-stock .produto-stock-content {
	color: #d90a2c;
}

.product-price {
	font-size: 40px;
	letter-spacing: -0.03em;
	line-height: 1;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.produto-quantidade {
	display: flex;
	justify-content: space-between;
}

.produto-quantidade h6 {
	display: inline-block;
	margin: 0;
	line-height: 35px;
}

.woocommerce div.product form.cart .produto-quantidade .quantity {
	display: inline-block;
	margin: 0;
}

#produto-gallery {
	position: relative;
	overflow: hidden;
}

.produto-gallery-carousel-container {
	display: flex;
}

.produto-gallery-carousel {
	flex-grow: 1;
	overflow: hidden;
	position: relative;
}

.produto-gallery-carousel .flickity-slider {
	position: relative;
	height: 100%;
}

.produto-gallery-carousel-cell {
	border-radius: 5px;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	top: 0;
}

.produto-gallery-carousel.ready .produto-gallery-carousel-cell {
	bottom: 0;
}

.produto-gallery-carousel-nav .produto-gallery-carousel-cell {
	margin: 0 0 1rem 0;
	cursor: pointer;
	background: #fff;
	padding: 0.5rem;
	box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 0.25);
}

.produto-gallery-carousel-nav {
	overflow-y: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	direction: rtl;
}

.produto-gallery-carousel-nav::-webkit-scrollbar {
	width: 5px;
}

.produto-gallery-carousel-nav::-webkit-scrollbar-track {
	background: #ffffff;
}

.produto-gallery-carousel-nav::-webkit-scrollbar-thumb {
	background: #565656;
	border-radius: 50px;
}

.produto-gallery-carousel-nav::-webkit-scrollbar-thumb:hover {
	background: #252525;
}

.produto-gallery .flickity-slider {
	display: flex;
	align-items: center;
}

.bg-product {
	position: absolute;
	left: 0;
	right: 0;
	top: 15%;
	border-radius: 100%;
	background: #fff;
	box-shadow: 0px -5px 15px rgb(32 32 32 / 0.1);
}

.bg-product:after {
	content: "";
	display: block;
	padding-bottom: 100%;
}

#produto-bottom p {
	margin: 0;
	padding: 0;
}

#produto-bottom .tarja-menores {
	background: #000;
	text-align: center;
	color: #fff;
	padding: 0.5rem 0;
	font-size: 16px;
	letter-spacing: -0.035em;
	line-height: 1.4;
}

#produto-bottom .menos-garrafas {
	font-size: 12px;
	font-weight: bold;
	letter-spacing: -0.03em;
	line-height: 20px;
	text-decoration: underline;
}

#produto-bottom .menos-garrafas a {
	color: #8b8b8b;
}

#produto-bottom .menos-garrafas a:hover {
	color: #000;
}

#produto-bottom .produto-share span {
	color: #252525;
	letter-spacing: -0.025em;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	margin-right: 1rem;
}

#produto-bottom .produto-share a {
	margin-right: 1.5rem;
	font-size: 16px;
	color: #252525;
	opacity: 0.5;
	transition: all 0.3s;
}

#produto-bottom .produto-share a:hover {
	opacity: 1;
	text-decoration: none;
}

.woocommerce .commentlist li .comment_container {
	margin: 1rem 0 0;
}

.woocommerce-Reviews #comments {
	margin-bottom: 1rem;
}

/* ==================== PÁGINA - FAQ ==================== */

#faq>.col {
	padding-top: 4rem;
}

#faq h2 {
	margin-bottom: calc(8px + 1.5rem);
}

#faq .faq-perguntas-frequentes>.vc_column-inner {
	padding: 2rem 0;
}

#faq .faq-perguntas-frequentes>.vc_column-inner>.wpb_wrapper {
	max-width: 390px;
	margin-left: auto;
}

#faq .faq-perguntas-frequentes .column-image-bg-wrap .column-image-bg {
	background-repeat: no-repeat;
	background-size: contain;
}

.accordion #accordion>p {
	font-weight: 400;
	padding-bottom: 1rem;
	position: relative;
}

.accordion #accordion>p:after {
	content: "\f078";
	position: absolute;
	bottom: 0;
	top: 0;
	right: 0;
	font-family: "FontAwesome";
}

.accordion #accordion>p.ui-accordion-header-active:after {
	content: "\f077";
	position: absolute;
	bottom: 0;
	top: 0;
	right: 0;
	font-family: "FontAwesome";
}

.accordion #accordion>div {
	margin-bottom: 1rem;
}

.accordion #accordion>div>p {
	font-size: 18px;
	font-weight: 300;
}

/* ==================== PÁGINA - POLÍTICA DE TERMOS ==================== */

#politica-de-privacidade {
	margin-bottom: 4rem;
}

/* ==================== PÁGINA - ASSINE AGORA ==================== */

.price-risked {
	display: inline-block;
	vertical-align: middle;
	margin-left: 1rem;
}

.price-risked p {
	font-size: 16px;
	line-height: 20px;
	padding: 0;
}

.price-risked del {
	display: block;
	letter-spacing: -0.03em;
	color: #a6a6a6;
}

#vitrine-assinatura .column-image-bg {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

#vitrine-assinatura h2 {
	margin-bottom: calc(8px + 1rem);
}

#boxes-assinatura .row_col_wrap_12 {
	padding: 2rem 4rem 1rem;
}

#boxes-assinatura h5 {
	font-size: 30px;
	line-height: 30px;
	letter-spacing: -0.03em;
	font-weight: 300;
}

#carousel-assinatura h2 {
	margin-bottom: calc(8px + 2rem);
}

#carousel-assinatura .wpb_text_column {
	margin-bottom: 6rem;
}

#carousel-assinatura>.row_col_wrap_12 {
	padding: 4rem 0;
	color: #fff;
}

#como-funciona>.row_col_wrap_12 {
	padding: 4rem 0;
}

#como-funciona h2 {
	margin-bottom: calc(8px + 1rem);
}

#como-funciona .como-funciona-txt p {
	font-weight: 400;
}

#como-funciona .como-funciona-txt a {
	text-decoration: underline;
}

#como-funciona .etapas {
	counter-reset: etapa;
}

#como-funciona .etapas p {
	font-weight: 300;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	position: relative;
}

#como-funciona .etapas p:before {
	counter-increment: etapa;
	content: counter(etapa);
	width: 40px;
	height: 40px;
	display: block;
	border: 1px solid #d5d4d4;
	border-radius: 100%;
	text-align: center;
	line-height: 40px;
	font-weight: 900;
	color: #d90a2c;
	margin-right: 1.5rem;
	min-width: 40px;
	background: #fff;
	z-index: 1;
}

#como-funciona .etapas p:not(:last-of-type):after {
	content: "";
	position: absolute;
	left: calc(20px - 1.5px);
	top: 40px;
	border-left: 3px dotted #d5d4d4;
	height: 50px;
}

#assine-agora h3 {
	padding: 1rem 0;
	margin: 0 0 4px;
}

/* ==================== PÁGINA - COMPRAS À LA CARTE ==================== */

.woocommerce .woocommerce-ordering {
	position: relative;
	bottom: -13px;
	float: right;
	line-height: 40px;
}

.woocommerce .woocommerce-result-count,
.woocommerce-page .woocommerce-result-count {
	position: relative;
	float: right;
	bottom: -13px;
	right: 0;
	line-height: 40px;
	margin: 0 1rem 0 0;
	font-weight: 400;
	color: black;
}

.woocommerce-error {
	text-transform: uppercase;
	letter-spacing: 0.01em;
}

/* ==================== PÁGINA - CHECKOUT ==================== */

input#iugu-card-number,
input#iugu-card-holder-name,
input#iugu-card-holder-name,
input#iugu-card-cvc {
	font-size: 14px !important;
}