/*!
Theme Name: oleakpromo
Theme URI: https://promo.oleak.com.br
Author: Underscores.me
Author URI: http://elocriativo.com.br
Description: Oleak
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: oleakpromo
*/

/* - - - - - - - - - - - - - - - - - -
 General
- - - - - - - - - - - - - - - - - - - */

html {
    scroll-behavior: smooth;
}

:root {
	--bs-primary-rgb: #1280a2;
    --bs-dark-rgb: #2e2d3b;
}

.custom-logo {
    height: 30px;
    width: auto;
    margin-right: 2rem;
}

.distibuidor-logo {
    max-height: 40px;
    width: auto;
}

@media (max-width: 768px) {
    .distibuidor-logo {
        height: auto;
        max-width: 140px;
    }
}

.discount-coupon {
    border: 2px dashed #c7c7c7;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    border-radius: 10px;
    padding: 10px 25px;
}

@media (min-width: 768px) {
    .w-md-75 {
        width: 75%!important;
    }

    .w-md-60 {
        width: 60%!important;
    }

    .w-md-50 {
        width: 50%!important;
    }
    
    .w-md-85 {
        width: 85%!important;
    }

    .w-md-auto {
        width: auto !important;
    }
}

.col-icons {
    gap: 1em !important;
}

/* - - - - - - - - - - - - - - - - - -
 Colors
- - - - - - - - - - - - - - - - - - - */

.has-primary-color  {
	color: var(	--bs-primary-rgb);
}

.bg-dark {
    background: var(--bs-dark-rgb) !important;
}

.text-has-link a {
    text-decoration: none;
    color: #198db0;
}

.text-has-link a:hover {
    text-decoration: underline;
    color: #0c6e8c;
}

@media (max-width: 768px) {
    .bg-sm-dark {
        background: var(--bs-dark-rgb)
    }    
}

@media (max-width: 576px) {
    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 3rem !important;
    }
}
@media (min-width: 576px) {
    .px-sm-5 {
        padding-right: 3rem !important;
        padding-left: 0rem !important;
    }
}
/* - - - - - - - - - - - - - - - - - -
 Buttons
- - - - - - - - - - - - - - - - - - - */

.btn-whatsapp {
    z-index: 100001;
    position: fixed;
    bottom: 15px;
    right: 15px;
    background: #1cb18c;
    padding: 0px 15px;
    border-radius: 100px;
    color: white;
    font-weight: 600;
    font-size: 1rem;
    letter-spacing: .02rem;
    text-decoration: none;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding:  0.825em 0.825em;
}

.btn-primary {
    border: solid 1px var(	--bs-primary-rgb);
}

.btn-primary-mautic {
    background-color: #1284a2;
    color: white;
    font-size: 1rem !important;
    font-weight: 400 !important;
    border-radius: 4px !important;
    padding: 7px 15px!important;
    width: 100%;
}

.btn-primary-mautic:hover {
    background-color: #0d5e72;
    color: white;
}

.btn-success-mautic {
    background-color: #1cb18c;
    color: white;
    font-size: 1rem !important;
    font-weight: 400 !important;
    border-radius: 4px !important;
    padding: 7px 15px!important;
    width: 100%;
}

.btn-success-mautic:hover {
    background-color: #148b6e;
    color: white;
}

/* - - - - - - - - - - - - - - - - - -
 Offcanvas
- - - - - - - - - - - - - - - - - - - */

.offcanvas-body h4 {
	font-size: 1.25rem;
	margin-bottom: 2rem
}

/* - - - - - - - - - - - - - - - - - -
 Nav Setores
- - - - - - - - - - - - - - - - - - - */

.nav-setores {
    display: grid;
    grid-template-columns: 80px calc(91vw);
    align-items: center;
    border-top: solid 1px rgba(33,50,91,.1);
    padding: 0rem 1rem;
    background: white;
    z-index: 1;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}

@media (min-width: 768px) {
    .nav-setores-menu {
        padding: 0 0 0 2rem;
    }

    .nav-setores-label {
        border-right: solid 1px rgba(33,50,91,.1);
        margin-right: 2rem;
    }
}


/* - - - - - - - - - - - - - - - - - -
 Swiper
- - - - - - - - - - - - - - - - - - - */



@media (min-width: 768px) {
    .swiper {
        padding: 0 0 0 3rem
    }
}


.swiper-wrapper a {
    text-decoration: none;
}

.swiper-slide {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: black;
    font-weight: 600;
    margin-right: 2rem
}

@media (min-width: 768px) {
    .swiper-slide {
        width: auto !important;
    }
}

@media (max-width: 768px) {
    .swiper-button-next,
    .swiper-rtl
    .swiper-button-prev {
        right: 70px;
        background: white;
        width: 5%;
    }    
}

.swiper-slide p {
    font-size: 1rem;
    font-weight: 600;
    margin-left: 1rem;
}

.swiper-button-prev::after, 
.swiper-button-next::after {
    font-size: 1rem;
    color: #2E2D3B
}

/* - - - - - - - - - - - - - - - - - -
 Alignments
- - - - - - - - - - - - - - - - - - - */

.alignleft {
	float: left;
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {
	float: right;
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}

/* - - - - - - - - - - - - - - - - - -
 Hero 
- - - - - - - - - - - - - - - - - - - */

@media (min-width: 768px) {
    .hero-form-bg {
        background-size: cover; 
        background-position: center top; 
        background-repeat: no-repeat;
    }
}

.hero-form-grid {
    display: grid;
    grid-template-columns: 69% 28%;
    gap: 2rem;
    max-width: 1280px;
    margin: 0 auto;
}
@media (max-width: 768px) {
    .hero-form-grid {
		display: flex;
		flex-direction: column;
        gap: 0rem;
    }
}

.hero-form-form {
    background: white;
    border-radius: 5px;
    margin-top: 6rem;
    padding: 0rem 2rem;
    box-shadow: 0 .6125rem 2.5rem .6125rem rgba(140,152,164,.175);
    border-top: solid 6px #4294b1;
}
@media (max-width: 768px) {
	.hero-form-form{
		margin: 1rem;
	}
}

.hero-form-header {
    display: flex;
    flex-direction: column;;
    height: 100%;
    padding-top: 12rem;
}

@media (max-width: 768px) {
	.hero-form-header {
        padding-top: 2rem;
    }
}

.hero-form-header h1 {
    font-weight: 600;
    font-size: 3.5rem
}
@media (max-width: 768px) {
	.hero-form-header h1 {
        padding-top: 0;
        margin-top: 25rem;
        padding: 2rem 0rem;
        margin-bottom: -0.5rem;
        font-size: 2.5rem
    }
}

.hero-description {
    padding: 40px; 
    color: black; 
    margin-top: -10rem; 
    padding-right: 50%;
    display: flex;
    align-items: center;
}
@media (max-width: 768px) {
	.hero-description {
		padding: 80px 30px 40px 30px; 
		margin-top: -3rem; 
		padding-right: 0;	
	}
}



/* - - - - - - - - - - - - - - - - - -
 Page Template Vendas
- - - - - - - - - - - - - - - - - - - */

@media (min-width: 768px) {
    .page-template-page-vendas .hero-form-bg {
        height: 75vh;
        position: relative;
    }

    .page-template-page-vendas .hero-description {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
    }

    .page-template-page-vendas .hero-form-header {
        padding-top: 9rem;
    }

    .page-template-page-vendas .hero-description {
        padding: 40px;
        color: black;
        margin-top: -10rem;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}

@media (max-width: 768px) {
	.page-template-page-vendas .hero-form-header h1 {
        margin-top: 20rem;
    }

    .page-template-page-vendas .hero-description {
        display: flex;
        flex-direction: column;
    }
}






/* - - - - - - - - - - - - - - - - - -
 Images Rounded Corners
- - - - - - - - - - - - - - - - - - - */

@media (min-width: 768px) {
    .rounded-right img {
        border-radius: 0 300px 300px 0;
    }
    
    .rounded-left img {
        border-radius: 300px 0 0 300px;
    }
    
    .rounded-bottom-right img {
        border-radius: 0 30px 250px 0;
    }
    
    .rounded-bottom-left img {
        border-radius: 30px 0 0 250px;
    }
    
    .rounded-top-right img {
        border-radius: 0 250px 30px 0 ;
    }
    
    .rounded-top-left img {
        border-radius: 250px 0 0 30px;
    }
    
    .rounded-bottom-right-hard img {
        border-radius: 0 0 250px 0;
    }

    .rounded-top-right-hard img {
        border-radius: 0 250px 0px 0;
    }

    .rounded-bottom-left-hard img {
        border-radius: 0 0 0 250px;
    }

    .rounded-top-left-hard img {
        border-radius: 250px 0 0px 0;
    }

    .rounded-img img, .rounded-img {
        border-radius: 15px;
    }
}

/* - - - - - - - - - - - - - - - - - -
 Card Product Badge
- - - - - - - - - - - - - - - - - - - */

.badge-product {
    position: absolute;
    border-radius: 50%;
    height: 120px;
    width: 120px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    top: -25px;
    left: -25px;
    background: white;
    box-shadow: 0 .1rem 1rem rgba(0,0,0,.12)!important;
    padding: 1rem;
}
.badge-text {
    color: #2e2d3b;
    font-weight: 500;
    margin: 0;
    font-size: .8rem;
}
.badge-product-price {
    color: #1284a2;
    font-weight: bold;
    font-size: 1.1rem;
    letter-spacing: -.02rem;
    white-space: nowrap;
}

@media (max-width: 768px) {
    .badge-product {
        height: 120px;
        width: 120px;
        top: -20px;
        left: -15px;
    }
}

/* - - - - - - - - - - - - - - - - - -
Button Copy
- - - - - - - - - - - - - - - - - - - */

.btn-copy {
    border-radius:5px; 
    background: rgba(18, 128, 162, .3);
    font-size:1.125em;
    color: var(--bs-primary-rgb);
    border: 3px dashed var(--bs-primary-rgb);
    font-weight: 500;
}

.btn-copy:active {
    background: rgba(18, 128, 162, .45);
}

/* - - - - - - - - - - - - - - - - - -
Swiper Depoimentos
- - - - - - - - - - - - - - - - - - - */

.swiperTestimonials {
    padding: 0 .5rem 0 .5rem;
  }
  @media (min-width: 768px) {
    .swiperTestimonials .swiper-wrapper {
      width: 98.7%;
    }
  }
  .swiperTestimonials .swiper-slide {
    width: 33% !important;
    align-items: inherit;
  }
  
  @media (max-width: 768px) {
    .swiperTestimonials .swiper-slide {
      width: 100% !important;
      align-items: inherit;
    }
    .swiperTestimonials {
      padding: 0 0 0 0;
    }
    .swiperTestimonials .swiper-button-next {
        right: 0px;
    }
    .swiperTestimonials .swiper-button-prev {
        left: 0px;
    }
  }
  
  .swiperTestimonials .swiper-slide p {
    margin: 0;
    font-size: auto !important;
  }
  
  .swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: #1284a2;
  } 
  
.ul-consultoria {
    list-style: none;
    display: flex;
    flex-direction: column;
}

.ul-consultoria li {
    line-height: 2rem;
    display: flex;
}

.ul-consultoria li::before {
    content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="20px" viewBox="0 0 448 512"><path fill="%231284a2" d="M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z"/></svg>');
    padding-right: 1rem;
    padding-top: 3px;
}

.zoom-img {
    border-radius: 0.5rem;
}

.zoom-img img {
    transition: all .5s ease-in-out;
}

.zoom-img img:hover   {
    transform: scale(1.1)
}