@charset "utf-8";

/*
Theme Name:  Tendas Nova Geração 2025
Theme URI:   https://uebb.digital
Author:      Uébb Digital
Author URI:  https://uebb.digital
Description: Website/One Page/Landing Page
Version:     2025
License:     Uébb Digital
License URI: https://uebb.digital
Text Domain: Uébb Digital
Tags:        desenvolvimento de sites goiania, otimizacao de sites goiania, seo goiania, redes sociais Goiania, criacao de sites goiania, redes sociais para empresas, social media, marketing digital goiania, mkt digital goiania, planejamento estrategico digital goiania, posicionamento de sites no google
*/



/* desktop (rem) base size */
@media (min-width: 1367px) { html { font-size: 16px !important; } }

/* laptop (rem) base size */
@media (max-width: 1366px) { html { font-size: 14px !important; } }

/* mobile (rem) base size */
@media (max-width: 991px) { html { font-size: 12px !important; } }



/* nav header */
header nav.navbar.header-transparent {
  background: transparent;
}

header.header-appear nav.header-transparent {
  background: var(--dark100);
  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.20);
}

@media (min-width: 576px) { header nav h1 span br.nav-title { display:none; } }

header nav h1.body2 { line-height: 1.450rem; }

@media (max-width: 575px) {

  header nav h1 span.header5 { font-size: 2.000rem !important; line-height: 2.000rem !important; }

}

/* custom white background */
header nav.navbar.header-transparent.nav-custom-white-bg {
  /* white background */
  /* background: var(--dark100);
  /* box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.20);
  
  /* transparent background */
  background: transparent;
  box-shadow: none;
}

header.header-appear nav.header-transparent.nav-custom-white-bg {
  background: var(--dark100);
  box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.20);
}



/* nav logo */
header a.logo { padding: 5px 0; }

@media (min-width: 992px) { header a.logo img { height: 70px; } }
@media (max-width: 991px) { header a.logo img { height: 60px; } }



/* navmenu */
a.nav-menu-item img         { opacity: 1.0 }
a:hover.nav-menu-item img   { opacity: 0.8 }

a.nav-menu-item div.body2        { opacity: 1.0; color: var(--dark600); }
a:hover.nav-menu-item div.body2  { opacity: 0.8; color: var(--dark600); }

a.nav-menu-item div.button-text-large        { opacity: 1.0; color: var(--dark800); }
a:hover.nav-menu-item div.button-text-large  { opacity: 0.6; color: var(--dark800); }



a.nav-cta { opacity:1.0; }
a:hover.nav-cta { opacity:0.8; }



/* nav-hidden */
@media (max-width:  1279px) { .nav-hidden-1280  { display: none; } }
@media (max-width:  1199px) { .nav-hidden-1200  { display: none; } }
@media (max-width:   767px) { .nav-hidden-768   { display: none; } }
@media (max-width:   575px) { .nav-hidden-576   { display: none; } }



/* col-hidden */
@media (max-width:  1499px) { .col-hidden-1500  { display: none; } }

/* col-padding */
@media (min-width:  1500px) { .col-padding-8-33-lr  { padding: 0 8.33%; } }
@media (max-width:  1499px) { .col-padding-8-33-lr  { padding: 0 0; } }



/* container */
div.container-fluid { padding-right: 30px; padding-left:30px; }

@media (min-width:  1500px) { div.container-fluid.padding-15px-lr { padding-right: 15px; padding-left:15px; } }



/* float buttons */
.float-phone           { right: 0.625rem; bottom: 6.250rem; opacity: 1.00; z-index: 99; position: fixed; border-radius: 100%; width: 6.250rem; }
.float-phone:hover     { right: 0.625rem; bottom: 6.250rem; opacity: 0.85; z-index: 99; position: fixed; border-radius: 100%; width: 6.250rem; }

.float-wpp             { right: 0.625rem; bottom: 0.625rem; opacity: 1.00; z-index: 99; position: fixed; border-radius: 100%; width: 6.250rem; }
.float-wpp:hover       { right: 0.625rem; bottom: 0.625rem; opacity: 0.85; z-index: 99; position: fixed; border-radius: 100%; width: 6.250rem; }

@media (max-width: 991px) {

  .float-phone         { right: 0.625rem; bottom: 7.250rem; width: 7.450rem; }
  .float-phone:hover   { right: 0.625rem; bottom: 7.250rem; width: 7.450rem; }

  .float-wpp           { right: 0.625rem; bottom: 0.625rem; width: 7.450rem; }  
  .float-wpp:hover     { right: 0.625rem; bottom: 0.625rem; width: 7.450rem; }

}

@media (min-width: 992px) { .btn-float-phone-hidden { display: none; } }



/* link <a> colors default */
a:active, a:focus { color: var(--primary500); }
a:hover, a:active { color: var(--primary500); }



/* slideshow */
.slideshow-lens-overlay {  
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.00) 22.24%);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9;
}

.slideshow-img-banner {
  position: absolute;
  background-size: cover;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

@media ( min-width: 1367px ) { .slideshow-height { height: 860px; } }
@media ( max-width: 1366px ) { .slideshow-height { height: 760px; } }
@media ( max-width: 1199px ) { .slideshow-height { height: 660px; } }
@media ( max-width: 991px  ) { .slideshow-height { height: 510px; } }
@media ( max-width: 767px  ) { .slideshow-height { height: 780px; } }
@media ( max-width: 575px  ) { .slideshow-height { height: 740px; } }
@media ( max-width: 399px  ) { .slideshow-height { height: 640px; } }



/* separator */
.separator-center {
  width: 120px;
  height: 5px;
  margin: 30px auto;
}


/* product details */
.prod-details-tag-col-padding {
  padding: 0;
  margin: 0 5px 5px 0;
}

.prod-details-tag-size {
  border: 2px solid var(--dark800);
  border-radius: 100px;
  padding: 0.7rem 1.4rem 0.3rem
}

.prod-details-tag-size:hover    { background-color: var(--dark800); }
.prod-details-tag-size:hover p  { color: var(--dark100); }

.prod-details-tag-color {
  padding: 1.2rem;
  border-radius: 100%;
}



/* gallery image */
.gallery-img a div i            { position: absolute; bottom: -30px; left: 0; z-index: 99; text-align: center; width: 100%; opacity: 0; color: var(--dark100); font-size: 2.000rem; }
.gallery-img a:hover div i      { position: absolute; bottom:   42%; left: 0; z-index: 99; text-align: center; width: 100%; opacity: 1; color: var(--dark100); font-size: 2.000rem; }

.gallery-cover                  { padding: 50%; position: relative; background-size: cover; overflow: hidden; background-position: center; background-repeat: no-repeat; }

.gallery-img-item               { max-width: 0; max-height: 0; display: none; }

.gallery-img-lens-overlay       { position: absolute; bottom: 0; left: 0; z-index: 25; width: 100%; height: 100%; padding: 0 !important; }

.gallery-img div div.gallery-img-lens-overlay             { background: linear-gradient(45deg, rgba(66, 66, 66, 0.80) 0%, rgba(66, 66, 66, 0.55) 21.79%, rgba(66, 66, 66, 0.45) 38.77%, rgba(66, 66, 66, 0.35) 56.63%, rgba(66, 66, 66, 0.10) 80.06%); }
.gallery-img a:hover div div.gallery-img-lens-overlay     { background: var(--dark800); opacity:0.8; }



/* highlights */
.highlights-item { background: var(--secundary500); box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.05); }
.highlights-item:hover { background: var(--secundary500); box-shadow: 0px 15px 30px 0px rgba(0, 0, 0, 0.10); }

.highlights-item img { opacity: 0.7; }
.highlights-item:hover img { opacity: 1.0; }

@media ( max-width: 767px ) { .highlights-item h3 br { display: none; } }



/* testimonials */
.testimonials-box-item {
  padding: 40px;
  border-radius: 22px;
  background-color: var(--dark400);
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.03);
}



/* contact form */
.contact-form-lens-overlay {
  background: linear-gradient(197deg, rgba(21, 46, 27, 0.30) 11.72%, rgba(21, 46, 27, 0.70) 90.08%);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

@media ( max-width: 991px ) { .contact-form-lens-overlay { background: linear-gradient(0deg, rgba(12, 76, 135, 0.70) 2%, rgba(12, 76, 135, 0.95) 98%); } }

.contact-form-box {
  background: var(--dark300);
  border-radius: 22px;
  padding: 50px 50px 40px 50px;
  box-shadow: 0px 30px 50px 0px rgba(0, 0, 0, 0.30);
}

@media ( max-width:  1199px ) { .contact-form-box { padding: 50px 40px 40px 40px; } }
@media ( max-width:   991px ) { .contact-form-box { padding: 45px 40px 30px 40px; } }
@media ( max-width:   575px ) { .contact-form-box { padding: 40px 35px 30px 35px; } }


@media ( max-width:   767px ) { .contact-form-box h5.header3 { font-size: 4.375rem!important; line-height: 4.375rem!important; } }



/* about */
.about-form-lens-overlay-up {
  background: linear-gradient(197deg, rgba(255, 255, 255, 0.50) 10%, rgba(255, 255, 255, 0.90) 90%);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.about-form-lens-overlay-down {
  opacity: 0.4;
  background: var(--dark100);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}



/* footer */
.logo-uebb-footer { margin-top: -4px; }

@media (max-width: 991px) { .logo-uebb-footer { margin-top: -9px; } }

@media (max-width: 767px) {

  .footer-menu p { margin: 0 0 30px; }
  ul.body2 li a { font-size: 1.250rem !important; }

}



/* modal */
.mfp-fade.mfp-bg.mfp-ready { opacity: 0.7;}



/* google recaptcha */
.grecaptcha-badge { display:none !important; }



/* ##############################
   CSS CUSTOM TENDAS NOVA GERAÇÃO
   ############################## */

/* whatsapp modal */
.whatsapp-modal-cta {
  width: 90%;
  max-width: 420px;
  min-width: 320px;
  padding: 0;
  border-radius: 16px;
  overflow: hidden;
  border-radius: 16px;
  background: linear-gradient(180deg, #FFF9E9 0%, #F1ECDF 100%);
  box-shadow: 0px 15px 30px 0px rgba(31, 32, 34, 0.10);
}