:root {
   --primary: #80C01E;
   --primaryHover: #6da61a;
   --secondary: #222222;
   --secondaryHover: #333333;
   --light: #f3f3f3;
   --text: #3e3f3d;
   --fontSite: "Inter", serif;
}


*, *::before, *::after {
   margin: 0;
   padding: 0;
   box-sizing: border-box !important;
}

html, body {
   min-height: 100vh;
   min-height: 100dvh;
   color: var(--text) !important;
   background-color: var(--white);
   font-family: var(--fontSite) !important;
   font-weight: 400;
   font-style: normal;
   font-optical-sizing: auto;
   position: relative !important;
   line-height: 1.6;
}

.nav-link {
   font-weight: 500;
   font-size: 0.9rem !important;
}

.nav-link:hover, .nav-item .active  {
   color: var(--primary) !important;
}
.nav-item .active{
   font-weight: bold !important;
}

@media (min-width: 992px) and (max-width: 1300px){
   .nav-link {
      font-size: 0.8rem !important;
   }   
}

.nav-link.border {
   width: 50px;
   height: 50px;
}


/* Home
---------------*/
#homeBanner.header{height:80vh !important;}
#pages.header{height:35vh !important;}

@media (max-width: 1023.98px){
   #pages.header {
      height: 20vh !important;
   }
}
/* end ---*/


/* SERVIÇOS
---------------*/
.lSSlideOuter .lSPager.lSGallery li {
   border: 3px solid red !important;
}
.lSSlideOuter .lSPager.lSGallery img {
   -o-object-fit: cover!important;
   object-fit: cover !important;
   height: 60px;
}
.lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover {
   border: 3px solid #8b8f36 !important;
}
/* end ---*/


.itemWithBorder:hover{
   background: var(--light) !important;
   border: 1px solid #ffffff !important;
   box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

.itemWithBorder:hover .itemIntro{
   opacity: 1 !important; 
}

.btnArrowRotate:after {
   content: '';
   position:absolute; 
   bottom: 0;
   width: 0;
   height: 2;
   background: #000000;
}
.btnArrowRotate:hover:after {
   content: '';
   position:absolute; 
   bottom: 0;
   width: 100%;
   height: 2;
   background: #000000;
}
.btnArrowRotate svg {
   rotate: 45deg;
   fill: currentColor !important;
}
.btnArrowRotate:hover svg {
   rotate: 90deg;
}


.roundedLink{
   width: 50px; height: 50px;
}
.roundedLink:hover{
   background: var(--primaryHover) !important;
   color: #ffffff !important;
   fill: #ffffff !important;
   border-color: var(--primaryHover) !important;
}
/* HELPERS
---------------*/
/* Sizes & Dimensions */
.h-0{height: 0 !important;}
.w-fit {width: fit-content;}
.h-screen {height: 100vh; height: 100dvh;}

.transition-04 {
   transition: all linear .4s;
   -o-transition: all linear .4s;
   -moz-transition: all linear .4s;
   -webkit-transition: all linear .4s;
}
.transition-03 {
   transition: all linear .3s;
   -o-transition: all linear .3s;
   -moz-transition: all linear .3s;
   -webkit-transition: all linear .3s;
}
.transition-02 {
   transition: all linear .2s;
   -o-transition: all linear .2s;
   -moz-transition: all linear .2s;
   -webkit-transition: all linear .2s;
}


.btn-primary {
   --bs-btn-color: #fff;
   --bs-btn-bg: var(--primary);
   --bs-btn-border-color: var(--primary);
   --bs-btn-hover-color: #fff;
   --bs-btn-hover-bg: var(--primaryHover);
   --bs-btn-hover-border-color: var(--primaryHover);
   --bs-btn-focus-shadow-rgb: 49, 132, 253;
   --bs-btn-active-color: #fff;
   --bs-btn-active-bg: var(--primary);
   --bs-btn-active-border-color: var(--primary);
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   --bs-btn-disabled-color: #fff;
   --bs-btn-disabled-bg: var(--primary);
   --bs-btn-disabled-border-color: var(--primary);
}


.btn-secondary {
   --bs-btn-color: #fff;
   --bs-btn-bg: var(--secondary);
   --bs-btn-border-color: var(--secondary);
   --bs-btn-hover-color: #fff;
   --bs-btn-hover-bg: var(--secondaryHover);
   --bs-btn-hover-border-color: var(--secondaryHover);
   --bs-btn-focus-shadow-rgb: 130, 138, 145;
   --bs-btn-active-color: #fff;
   --bs-btn-active-bg: var(--secondaryHover);
   --bs-btn-active-border-color: var(--secondaryHover);
   --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
   --bs-btn-disabled-color: #fff;
   --bs-btn-disabled-bg: var(--secondary);
   --bs-btn-disabled-border-color: var(--secondary);
}


.linkHoverPrimary:hover{color:var(--primary) !important;}


a{color: #000000 !important;}
a:hover{color:var(--primary) !important;}



.container-fluid{max-width:1920px !important;}


.fs-7 {font-size: .9rem; line-height: 1.4rem !important;}
.fs-8 {font-size: .8rem;}
.fs-9 {font-size: .7rem;}
@media (min-width: 1024px){
   .h0{font-size:3.6rem !important;}
}

.lh-1{line-height: 1rem !important;}
.lh-0{line-height: 0rem !important;}

.fw-bolder{font-weight: 800 !important;}
.fw-bold{font-weight: 700 !important;}
.fw-semibold{ font-weight: 600 !important; }
.fw-normal{font-weight: 400 !important;}

/* Colors */
.text-primary {color: var(--primary) !important;}
.text-secondary {color: var(--secondary) !important;}
.text-text {color: var(--text) !important;}


.bg-cover{background-size:cover !important; background-repeat:no-repea !important; background-position:center center !important;}
.bgOverlay{background: rgba(0, 0, 0, 0.85) !important;}
.bg-primary {background-color: var(--primary) !important;}
.bg-secondary {background-color: var(--secondary) !important;}
.bg-light{background-color: var(--light) !important; !important}
.img-cover {
   object-fit: cover;
   object-position: center center;
}