@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
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
Text Domain: Uébb Digital
*/



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



/* header */
.logo {
  padding: 0.350rem 0;
}

.nav-index {
  background: transparent;
  box-shadow: none;
}

a.nav-btn-cta img { opacity:1.0; }
a:hover.nav-btn-cta img { opacity:0.9; }

a.nav-btn-cta div.caption-text,
a.nav-btn-cta div.body1 { color: var(--secundary600) }

a:hover.nav-btn-cta div.caption-text,
a:hover.nav-btn-cta div.body1 { color: var(--dark600) }

@media (max-width: 1499px) { header nav.nav-box-width { padding: 0 30px !important; } }
@media (max-width:  575px) { header nav.nav-box-width { padding: 0 20px !important; } }
@media (max-width:  399px) { header nav.nav-box-width { padding: 0 15px !important; } }



/* navmenu color links */

/* nav top transparent */
header nav.navbar.white-link .navbar-nav > li > a,
nav.navbar.bootsnav.white-link ul.nav > li > a {
  color: var(--dark600) !important;
  opacity: 1.0 !important;
}

header nav.navbar.white-link .navbar-nav > li > a:hover,
nav.navbar.bootsnav.white-link ul.nav > li > a:hover {
  color: var(--secundary600) !important;
  opacity: 1.0 !important;
}

/* nav scroll white */
header.header-appear nav.bootsnav.header-light .navbar-nav > li > a {
  color: var(--dark600) !important;
  opacity: 1.0 !important;
}

header.header-appear nav.bootsnav.header-light .navbar-nav > li > a:hover {
  color: var(--secundary600) !important;
  opacity: 1.0 !important;
}

/* nav desktop menu */
nav.navbar.navbar-default ul.nav > li > a {
  padding:27px 0;
  background: transparent;
  display: block;
  border-top: 5px solid transparent;
  opacity: 1.0 !important;
}

nav.navbar.navbar-default ul.nav > li > a:hover {
  border-top: 5px solid var(--primary400);
  opacity: 1.0 !important;
}



/* nav-hidden */
@media (max-width: 1366px) { .nav-hidden-1367 { display: none; } }
@media (max-width: 1279px) { .nav-hidden-1280 { display: none; } }
@media (max-width: 1079px) { .nav-hidden-1080 { display: none; } }
@media (max-width:  839px) { .nav-hidden-840  { display: none; } }
@media (max-width:  767px) { .nav-hidden-768  { display: none; } }
@media (max-width:  399px) { .nav-hidden-400  { display: none; } }



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

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

/* column */
@media (min-width: 1500px) { .xl-max-width-8333 { max-width:83.333333% } }



/* 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;
  z-index: 999;
  position: fixed;
  border-radius: 100%;
  width: 6.250rem;
}

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

.float-wpp {
  right: 0.625rem;
  bottom: 0.625rem;
  opacity: 1;
  z-index: 999;
  position: fixed;
  border-radius: 100%;
  width: 6.250rem;
}

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

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



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



/* dropdown */
.dropdown-box {
  min-width: 18.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;
}



/* index slideshow */
.slideshow-lens-overlay {  
  background: linear-gradient(180deg, rgba(255, 255, 255, 1.00) 0%, rgba(255, 255, 255, 0.50) 9.86%, rgba(255, 255, 255, 0.00) 19.58%);
  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; } .slideshow-cta-button { padding-top:370px; } }
@media ( max-width: 1366px ) { .slideshow-height { height: 730px; } .slideshow-cta-button { padding-top:320px; } }
@media ( max-width: 1199px ) { .slideshow-height { height: 630px; } .slideshow-cta-button { padding-top:280px; } }
@media ( max-width: 991px  ) { .slideshow-height { height: 490px; } .slideshow-cta-button { padding-top:240px; } }
@media ( max-width: 767px  ) { .slideshow-height { height: 590px; } .slideshow-cta-button { padding-top:320px; } }



/* index product slider */
@media ( min-width: 1500px ) { section#product-carousel div.container-fluid { padding: 0 10px!important; } }
@media ( max-width: 1499px ) { section#product-carousel div.container-fluid { padding: 0 15px!important; } }
@media ( max-width: 1199px ) { section#product-carousel div.container-fluid { padding: 0 30px!important; } }
@media ( max-width:  767px ) { section#product-carousel div.container-fluid { padding: 0 25px!important; } }
@media ( max-width:  575px ) { section#product-carousel div.container-fluid { padding: 0 30px!important; } }

@media ( min-width: 992px ) { .swiper-three-slides div.swiper-slide.product-slide { width:31.3333%!important; margin:0 1%!important; } }
@media ( max-width: 991px ) { .swiper-three-slides div.swiper-slide.product-slide { width:47%!important; margin:0 1.5%!important; } }
@media ( max-width: 767px ) { .swiper-three-slides div.swiper-slide.product-slide { width:100%!important; margin:0 0!important; } }

.swiper-slide div.product-card {
  background-size: cover;
  background-color: var(--dark200);
  border-radius: 16px;
  text-align: left;
  padding: 300px 50px 40px 50px;
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}

.swiper-slide:hover  div.product-card {
  background-color: var(--dark100);
  transition-duration: 0.3s;
  transition-timing-function: ease-in-out;
}

@media ( max-width: 1366px ) { .swiper-slide div.product-card { padding: 250px 40px 40px 40px; } }
@media ( max-width: 1199px ) { .swiper-slide div.product-card { padding: 200px 30px 40px 30px; } }
@media ( max-width:  991px ) { .swiper-slide div.product-card { padding: 200px 30px 30px 30px; } }
@media ( max-width:  767px ) { .swiper-slide div.product-card { padding: 250px 40px 30px 40px; } }
@media ( max-width:  575px ) { .swiper-slide div.product-card { padding: 250px 30px 30px 30px; } }

.swiper-slide div.product-card div.lens-overlay {
  background: linear-gradient(180deg, rgba(247, 248, 250, 0.00) 30%, #F7F8FA 70%);
  border: 2px solid var(--dark200);
  border-radius: 16px;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.swiper-slide:hover div.product-card div.lens-overlay {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 60.13%);
}


@media ( min-width: 576px ) {

  .swiper-slide div.product-card div h2 span.header2 {
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
  }

}

@media ( max-width: 991px ) {

  .swiper-slide div.product-card div h2 span.header2 {
    font-size: 4.125rem !important;
    line-height: 4.125rem !important; 
  }

}


.product-card div p.body2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}

@media ( min-width: 1200px ) { .product-card div p.body2 { min-height: 96px; } }
@media ( max-width: 1199px ) { .product-card div p.body2 { min-height: 85px; } }
@media ( max-width:  767px ) { .product-card div p.body2 { min-height: 70px; } }

@media ( max-width:  991px ) { .product-card div p.body2 { -webkit-line-clamp: 3; } }
@media ( max-width:  575px ) { .product-card div p.body2 { -webkit-line-clamp: 4; } }



/* index cta and feature */
#cta-features div.content-up {
  background: linear-gradient(180deg, rgba(191, 201, 212, 0.00) 40%, rgba(191, 201, 212, 0.10) 65%, rgba(191, 201, 212, 0.35) 80%, rgba(191, 201, 212, 0.65) 95%, #BFC9D4 100%);
}

#cta-features div.content-middle {
  background: var(--secundary600);
}

#cta-features div.content-down {
  background: linear-gradient(180deg, #014372 0%, #015F8F 100%);
}

#cta-features div#box-left  { border-radius:16px 0 0 0; }
#cta-features div#box-right { border-radius:0 16px 0 0; }
#cta-features div#box-down  { border-radius:0 0 16px 16px; }


@media ( max-width: 1199px ) {

  #cta-features div#box-left  { border-radius:16px 16px 0 0; }
  #cta-features div#box-right { border-radius:0 0 0 0; }
  #cta-features div#box-down  { border-radius:0 0 16px 16px; }

}



/* index clients */
.clients-box {
  background-color: var(--dark100);
  box-shadow: 0px 15px 35px 0px rgba(45, 50, 47, 0.05);
  border: 2px solid var(--dark100);
  border-radius: 16px;
  padding: 15px 0;
  text-align: center;
}

.clients-box:hover {
  box-shadow: 0px 15px 35px 0px rgba(45, 50, 47, 0.00);
  border: 2px solid var(--dark200);
}

.clients-box img        { filter: grayscale(0.0); opacity: 1.0; }
.clients-box:hover img  { filter: grayscale(1.0); opacity: 0.5; }



/* index testimonials */
section#testimonials-gray div.swiper-slide div.testimonial-card { background-color: var(--dark200); }
section#testimonials-light div.swiper-slide div.testimonial-card { background-color: var(--dark100); }



/* index blog */
.blog-img-cover {
  position: relative;
  background-size: cover;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  border-radius: 16px;
  aspect-ratio: 16 / 9;
  width: 100%;
}

#blog-card > a > div > h4 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

#blog-card > a > div > p {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.blog-tag, .blog-date {
  border: 1px solid;
  padding: 2px 12px 0px;
  border-radius: 15px;
  margin: 0;
  width: fit-content;
}

.blog-tag {
  border-color: var(--dark500);
  color: var(--dark500);
}

.blog-date {
  border-color: transparent;
  color: var(--dark500);
}

#blog-card > a > div.blog-img-cover { filter:grayscale(0.0); opacity:0.8; }
#blog-card > a:hover > div.blog-img-cover { filter:grayscale(0.0); opacity:1.0; }

#blog-card > a > div > h4 { color: var(--dark700); }
#blog-card > a:hover > div > h4 { color: var(--dark900); }

#blog-card > a > div > p { color: var(--dark700); }
#blog-card > a:hover > div > p { color: var(--dark700); }



/* footer */
.footer-menu ul li            { margin-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #6d849c;}
.footer-menu ul li:hover      { border-bottom: 1px solid var(--dark500);}

.footer-menu p                { color: var(--dark300); margin: 0 0 40px; }

.footer-menu ul li a i        { color: var(--dark500);    }
.footer-menu ul li a:hover i  { color: var(--dark400);    }

.footer-menu ul li a          { color: var(--dark400);    }
.footer-menu ul li a:hover    { color: var(--primary400); font-weight:600; }


@media (max-width: 991px) { 

  .footer-menu ul li          { margin-top: 25px; padding-bottom: 25px; }
  .footer-menu ul li a        { font-size: 1.550rem!important; line-height: 1.975rem!important; }

}

.logo-uebb-footer { margin-top: -2px; }

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

/* social */
a img.social-btn {
  background-repeat: no-repeat;
  background-position: center;
  background-color: #FBFBFB1F;
  background-size: 26px;
  border-radius: 100%;
  padding: 23px;
}

a:hover img.social-btn {
  background-color: var(--dark100);
}

a img#instagram   { background-image: url(/wp-content/themes/uebb-peniel/img/icon-social-instagram-light.svg); }
a img#facebook    { background-image: url(/wp-content/themes/uebb-peniel/img/icon-social-facebook-light.svg);  }
a img#youtube     { background-image: url(/wp-content/themes/uebb-peniel/img/icon-social-youtube-light.svg);   }
a img#linkedin    { background-image: url(/wp-content/themes/uebb-peniel/img/icon-social-linkedin-light.svg); }

a:hover img#instagram   { background-image: url(/wp-content/themes/uebb-peniel/img/icon-social-instagram-color.svg); }
a:hover img#facebook    { background-image: url(/wp-content/themes/uebb-peniel/img/icon-social-facebook-color.svg);  }
a:hover img#youtube     { background-image: url(/wp-content/themes/uebb-peniel/img/icon-social-youtube-color.svg);   }
a:hover img#linkedin    { background-image: url(/wp-content/themes/uebb-peniel/img/icon-social-linkedin-color.svg); }



/* pagetitle */
.pagetitle-lens-overlay {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 15%, rgba(255, 255, 255, 0.70) 50%, #FFF 100%);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}



/* page sobre a peniel */
.about-lens-overlay {
  background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 20%, rgba(255, 255, 255, 0.00) 80%, #FFF 100%);
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

section div#about.container-fluid { padding-right:0!important; }
@media (max-width: 1366px) { section div#about.container-fluid { padding-right:30px!important; } }

/* video */
.video-aspect-ratio { aspect-ratio: 3.4 / 1; }

@media (max-width: 1199px) { .video-aspect-ratio { aspect-ratio:   3 / 1; } }
@media (max-width:  991px) { .video-aspect-ratio { aspect-ratio:   2 / 1; } }
@media (max-width:  767px) { .video-aspect-ratio { aspect-ratio: 1.5 / 1; } }
@media (max-width:  575px) { .video-aspect-ratio { aspect-ratio:   1 / 1; } }

.video-lens-overlay {
  background: linear-gradient(31deg, rgba(1, 67, 114, 0.90) 20.85%, rgba(1, 67, 114, 0.70) 33.69%, rgba(1, 123, 171, 0.60) 65.78%, rgba(1, 150, 199, 0.40) 85.03%);
  position: absolute;  
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

a.video-button       { opacity:1.0; }
a:hover.video-button { opacity:0.9; }

.mfp-fade.mfp-bg.mfp-ready { opacity: 0.9 !important; }

.mfp-bg,
.my-mfp-zoom-in.mfp-ready.mfp-bg,
.my-mfp-slide-bottom.mfp-ready.mfp-bg { background: var(--secundary600) !important; }



/* page solucoes em coberturas */
.product-img-lens-overlay {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 40%, rgba(255, 255, 255, 0.50) 59.62%, rgba(255, 255, 255, 0.80) 80%, #FFF 100%);
  position: absolute;  
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

@media (min-width: 1200px) { div#product-full { display: none; } }
@media (max-width: 1199px) { div#product-crop { display: none; } }

section div#product.container-fluid { padding-right:0!important; }
@media (max-width: 1199px) { section div#product.container-fluid { padding-right:30px!important; } }

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

/* call to action */
@media ( max-width: 767px ) { .cta-section a div div img { height:80px; } }

.cta-section a div div img { opacity:1.0; }
.cta-section a:hover div div img { opacity:0.9; }

.cta-section a div div p.caption-text,
.cta-section a div div p.body1 { color: var(--secundary600); }

.cta-section a:hover div div p.caption-text,
.cta-section a:hover div div p.body1 { color: var(--dark600); }

/* contact form */
.contact-form-lens-overlay {
  background: linear-gradient(31deg, rgba(1, 67, 114, 0.90) 20.85%, rgba(1, 67, 114, 0.70) 33.69%, rgba(1, 123, 171, 0.60) 65.78%, rgba(1, 150, 199, 0.40) 85.03%);
  position: absolute;  
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
}



/* page blog article */
.portfolio-filter-tab-1 li.active a {
    border-bottom: 1px solid var(--primary400) !important;
    color: var(--primary400) !important;
    font-weight: 700 !important;
}

.portfolio-filter-tab-1 li a {
    color: var(--dark500) !important;
    font-weight: 500 !important;
}

@media (max-width: 767px) {

  .portfolio-filter-tab-1 li {
    width: auto !important;
    margin: 10px 20px !important;
  }

}

.aspect-ratio-16-9 { aspect-ratio: 16 / 9; }



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