@charset "utf-8";

/*
Theme Name:  Peniel Tendas 2024
Theme URI:   https://uebb.digital
Author:      Uébb Digital
Author URI:  https://uebb.digital
Description: Website/One Page/Landing Page
Version:     2024
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 */
.logo img { margin: 9px 0; }



/* nav cta */
.nav-cta a { opacity:1.0; }
.nav-cta a:hover { opacity:0.7; }

@media (max-width:  1599px) { .nav-cta { padding-left:10px; padding-right:10px; } }
@media (max-width:  1499px) { .nav-cta { padding-left:5px; padding-right:5px; } }
@media (max-width:  1399px) { .nav-cta { padding-left:0px; padding-right:0px; } }
@media (max-width:  1366px) { .nav-cta { padding-left:5px; padding-right:5px; } }
@media (max-width:  1280px) { .nav-cta { padding-left:2.5px; padding-right:2.5px; } }
@media (max-width:  1279px) { .nav-cta { padding-left:15px; padding-right:15px; } }
@media (max-width:  1199px) { .nav-cta { padding-left:5px; padding-right:5px; } }

.nav-cta.cta-col { padding-left:15px!important; padding-right:15px!important; }

@media ( max-width: 767px ) { .nav-cta.cta-col a div div img { height:80px; } }



/* nav hidden */
@media (max-width:  1279px) { .nav-hidden-1280  { display: none; } }
@media (max-width:  1049px) { .nav-hidden-1050  { display: none; } }
@media (max-width:  991px ) { .nav-hidden-992   { display: none; } }
@media (max-width:  767px ) { .nav-hidden-768   { display: none; } }
@media (max-width:  575px ) { .nav-hidden-576   { display: none; } }
@media (max-width:  379px ) { .nav-hidden-380   { display: none; } }

/* navbar */
.navbar p.caption-text { line-height:1.000rem!important; }
.navbar p.caption-text span.alert-y500-txt { font-size: 1.125rem!important; }

@media (max-width: 991px) {
  .navbar p.caption-text { line-height:1.150rem!important; }
  .navbar p.caption-text span.alert-y500-txt { font-size: 1.375rem!important; }
}



/* whatsapp links */
@media (max-width:  991px ) { .wpp-web-link { display:none; } }
@media (min-width:  992px ) { .wpp-mob-link { display:none; } }



/* 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; } }



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



/* dropdown */
.dropdown-box {
  min-width: 16.000rem !important;
  border: none !important;
}

.dropdown-item-custom {
  padding: 0.250rem 0.750rem !important;
  margin: 0 !important;
}

.dropdown-item-custom:hover {
  background-color: var(--dark200);
}

.box-shadow-dropdown {
  box-shadow: 0 0.625rem 0.625rem rgba(0, 0, 0, .1) !important;
}

.dropdown-position {
  left: 3.125rem !important;
}

.dropdown-menu-float-phone {
  position: fixed !important;
  bottom: 11.250rem !important;
  right: 4.375rem !important;
  float: right !important;
  left: auto !important;
  top: auto !important;
}

.dropdown-menu-float-wpp {
  position: fixed !important;
  bottom: 5.875rem !important;
  right: 4.375rem !important;
  float: right !important;
  left: auto !important;
  top: auto !important;
}

.dropdown-menu { left: -95px; }



/* slideshow */
@media (max-width: 575px) {

  div.swiper-slide { background-position: center right !important; }  

}



@media (max-width: 575px) { .slideshow-content h1 { margin: 100px 0 140px 0; } }
@media (max-width: 535px) { .slideshow-content h1 { margin:  60px 0 140px 0; } }



.slideshow-lens-overlay {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.15) 23.63%, rgba(255, 255, 255, 0.00) 36.48%);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

@media (max-width: 767px) {

  .slideshow-lens-overlay {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.15) 23.63%, rgba(255, 255, 255, 0.00) 36.48%);
  }

}



/* types */
.types-box         { z-index:1; padding:0 30px; }
.types-box:hover   { z-index:2; }

.types-box div#item-box-type           { text-align: center; background-color: transparent; border: 1.5px solid var(--dark300); border-radius: 22px; padding: 0 30px 30px; margin-top:60px; }
.types-box div#item-box-type:hover     { background-color: var(--dark100); border: 1.5px solid var(--dark100); box-shadow: 0px 25px 25px 0px rgba(0, 0, 0, 0.07); }

.types-box div#item-box-type img       { filter: grayscale(1.0); height: 120px; margin-top: -60px; margin-bottom: 0px; }
.types-box div#item-box-type:hover img { filter: grayscale(0.0); }

.types-box div#item-box-type h3        { line-height:1.5rem!important; }


@media ( max-width: 991px ) { .types-box { padding: 0 15px; } }

@media ( min-width: 1367px ) { #item-box-type p.body2 { height:100px; } }
@media ( max-width: 1366px ) { #item-box-type p.body2 { height: 65px; } }
@media ( max-width: 1199px ) { #item-box-type p.body2 { height: 85px; } }
@media ( max-width:  991px ) { #item-box-type p.body2 { height:110px; } }
@media ( max-width:  767px ) { #item-box-type p.body2 { height: auto; } }



/* features */
.features-box div#item-box-feature           { text-align: center; background-color: transparent; border: 1.5px solid var(--secundary500); border-radius: 22px; padding: 30px 0; margin-top:20px; }
.features-box div#item-box-feature:hover     { background-color: var(--secundary500); border: 1.5px solid var(--secundary500); }

.features-box div#item-box-feature img       { height: 60px; margin-bottom: 10px; opacity: 0.7; }
.features-box:hover div#item-box-feature img { height: 60px; margin-bottom: 10px; opacity: 1.0; }

.features-box div#item-box-feature h4        { color: var(--dark100); opacity: 0.7; }
.features-box:hover div#item-box-feature h4  { color: var(--dark100); opacity: 1.0; }

@media ( max-width: 767px ) {

  .features-box { padding-left:0!important; padding-right:0!important; }
  .features-box div#item-box-feature           { padding: 0; margin-top:40px !important; border: none !important; }
  .features-box div#item-box-feature:hover     { background-color: transparent; border: none !important; }
  .features-box div#item-box-feature img       { opacity: 0.7; }
  .features-box div#item-box-feature h4        { opacity: 1.0; }

}




/* 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(77, 104, 136, 0.80) 0%, rgba(77, 104, 136, 0.55) 21.79%, rgba(77, 104, 136, 0.45) 38.77%, rgba(77, 104, 136, 0.35) 56.63%, rgba(77, 104, 136, 0.10) 80.06%); }  */
.gallery-img div div.gallery-img-lens-overlay             { background: linear-gradient(45deg, rgba(77, 104, 136, 0.70) 0%, rgba(77, 104, 136, 0.50) 21.79%, rgba(77, 104, 136, 0.30) 38.77%, rgba(77, 104, 136, 0.20) 56.63%, rgba(77, 104, 136, 0.10) 80%); }
.gallery-img a:hover div div.gallery-img-lens-overlay     { background: var(--dark800); opacity:0.8; }



/* testimonials */
@media (max-width: 479px) {
  .ti-widget.ti-goog .ti-controls-line { margin-bottom:0px!important; }
}



/* cta section */
#dark-cta-section div div h3.dark300-txt { color:var(--dark900); }
#dark-cta-section div div div a div div p.dark100-txt { color:var(--dark900); }



/* contact form */
.contact-form-lens-overlay { 
  background: linear-gradient(220deg, rgba(0, 204, 255, 0.30) 34.04%, rgba(1, 177, 227, 0.60) 66.28%, rgba(1, 123, 171, 0.80) 100%);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

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

@media (max-width: 767px) {

  .contact-form-box { padding: 40px 40px 30px 40px; }

}



/* about */
a.about-tendas-link h3 { color:var(--dark100); }
a:hover.about-tendas-link h3 { color:var(--alert-y500); }


/* social buttons */
.social-btn       { opacity: 1.0; }
.social-btn:hover { opacity: 0.7; }



/* 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; }

}



/* typebot */
.modal-typebot { height: 720px; min-height: 580px; }

@media (max-width: 767px) {

  .modal-typebot { height: 580px; min-height: 380px; }

}





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