/* 
Versatile theme main stylesheet 

Table of contents 
1. Spacing
2. Typography
3. Buttons
4. Forms
5. Global Partials (Header, Footer)
6. Modules

*/


/* 1. Spacing */
/* ********************************************** */

.container,
.header-container, .footer-container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
}
.container {
  max-width: 1280px;
}
.dnd-section, .section{
  padding: 80px 0;
}


/* 2. Typography */
/* ********************************************** */

body {
  font-family:'CambayRegular';
  font-weight:400;
  line-height: 1.5;
  font-size: 16px;
}
@media (min-width: 768px) {
  body {
    font-size: 18px;
  }
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family:'AllerDisplay';
  font-weight:500;
  letter-spacing.2em;
  line-height: 1.2;
  margin: 0 0 16px 0;
  color: #00673d;
}

/* Mobile headlines */
h1, .h1 {
  font-size: 36px;
}
h2, .h2 {
  font-size: 32px;
}
h3, .h3 {
  font-size: 28px;
}
h4, .h4 {
  font-size: 24px;
}
h5, .h5 {
  font-size: 20px;
}
h6, .h6 {
  font-size: 16px;
}
.subline{
  font-size: 22px;
}

/* Desktop headlines */
@media (min-width: 768px) {
  h1, .h1 {
    font-size: 68px;
  }
  h2, .h2 {
    font-size: 48px;
  }
  h3, .h3 {
    font-size: 34px;
  }
  h4, .h4 {
    font-size: 26px;
  }
  h5, .h5 {
    font-size: 20px;
  }
  h6, .h6 {
    font-size: 18px;
  }
  .subline{
    font-size: 28px;
  }
}
.dark-headline-color{
  color: #00673d;
}
.light-headline-color{
  color: #f0efed;
}
.dark-headline-highlight{
  color: #a2ff00;
}
.light-headline-highlight{
  color: ;
}

.dark-text-color{
  color: #00673d;
}
.light-text-color{
  color: #f0efed;
}
.dark-text-highlight{
  color: #a2ff00;
}
.light-text-highlight{
  color: ;
}

a:not(.btn):not(.social-icon){
  color: #250740;
  background: rgba(255, 255, 255, 0%);
  border: 0px solid rgba(102, 0, 102, 0%);
;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

a:hover:not(.btn):not(.social-icon){
  color: #250740;
  background: rgba(255, 255, 255, 0%);
  border: 0px solid rgba(102, 0, 102, 0%);
;
}

a:focus:not(.btn):not(.social-icon){
  color: #250740;
  background: rgba(255, 255, 255, 0%);
  border: 1px solid #660066;
;
}

.list-check ul li:before,
.custom-list ul li:before {
  color: #00673d;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 448 512" fill="%2300673d"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path 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>')
    }
.custom-list.right-long ul li:before {
  background-image: url('data:image/svg+xml;utf8, <svg fill="%2300673d" xmlns="http://www.w3.org/2000/svg" height="1em" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M334.5 414c8.8 3.8 19 2 26-4.6l144-136c4.8-4.5 7.5-10.8 7.5-17.4s-2.7-12.9-7.5-17.4l-144-136c-7-6.6-17.2-8.4-26-4.6s-14.5 12.5-14.5 22l0 72L32 192c-17.7 0-32 14.3-32 32l0 64c0 17.7 14.3 32 32 32l288 0 0 72c0 9.6 5.7 18.2 14.5 22z"/></svg>')
    }

/* 3. Buttons */
/* ********************************************** */

.geoimpact .MuiButtonBase-root.MuiButton-contained,
.btn {
  transition: 0.3s;
  font-size: 16px;
  padding-top: 16px;
padding-right: 32px;
padding-bottom: 16px;
padding-left: 32px;

  text-transform: none;
  border-radius: 100px;
  font-weight: 700;
  line-height: 1;
}
.btn.btn-small {
  padding-top: 8px;
padding-right: 22px;
padding-bottom: 5px;
padding-left: 22px;

}
@media (min-width: 768px) {
  .geoimpact .MuiButtonBase-root.MuiButton-contained {
    font-size: 16px;
    padding-top: 16px;
padding-right: 32px;
padding-bottom: 16px;
padding-left: 32px;

  }
  .btn {
    font-size: 16px;
    padding-top: 16px;
padding-right: 32px;
padding-bottom: 16px;
padding-left: 32px;

  }
  .btn.btn-small {
    padding-top: 8px;
padding-right: 22px;
padding-bottom: 5px;
padding-left: 22px;

  }
}

/* Button Primary */
.btn-primary {
  color: #FFFFFF;
  background-color: #00673d;
  border-color: #00673d;
}
.btn-primary:hover,
.btn-primary:focus {
  color: #fff;
  background-color: #a2ff00;
  border-color: #a2ff00;
}

/* Button outline white */
.btn.btn-outline-white:hover,
.btn.btn-outline-white:focus {
  color: #00673d
}

/* Button Secondary */
.btn-secondary {
  color: #006339;
  background-color: #a2ff00;
  border-color: #a2ff00;
}
.btn-secondary:hover,
.btn-secondary:focus {
  color: #FFFFFF;
  background-color: #00673d;
  border-color: #00673d;
}

/* Button Outline */
.btn-outline {
  border: 1px solid #3f7425;
;
  background: transparent;
  color: #00673d;
}
.btn-outline:hover,
.btn-outline:focus {
  border: 1px solid #a5c500;
;
  background: #00673d;
  color: #a5c500;
}

/* Button outline white */
.btn-outline-white {
  border: 1px solid #FFFFFF;
  background: transparent;
  color: #FFFFFF;
}
.btn-outline-white:hover,
.btn-outline-white:focus {
  border: 1px solid #FFFFFF;
  background: #FFFFFF;
  color: #00673d;
}

/* 4. Forms */
/* ********************************************** */

/* Geoimpact form field overwriter */ 
.geoimpact .MuiInputBase-root {
  padding: 0!important; 
}
.geoimpact .MuiInputBase-root input {
  line-height: 1;
}

/* Form inputs */
form input[type='text'],
form input[type='email'],
form input[type='password'],
form input[type='tel'],
form input[type='number'],
form input[type='file'],
form input[type='search'],
form textarea,
select,
.dropdown-header,
.address-input,
.geoimpact .MuiInputBase-root input,
.geoimpact .MuiInputBase-root textarea {
  background: #ffffff;
  font-size: 14px;
  border-radius: 21px;
  border: 1px solid #B6ADA5;
;
  padding-top: 6px;
padding-right: 16px;
padding-bottom: 6px;
padding-left: 16px;
margin-top: 0px;
margin-bottom: 20px;

  margin-bottom: 24px;
}
form input:disabled,
form input.disabled {
  background: #f8f9fa;
  pointer-events: none;
}
.MuiOutlinedInput-root .MuiAutocomplete-input {
  padding-top: 6px!important;
padding-right: 16px!important;
padding-bottom: 6px!important;
padding-left: 16px!important;
margin-top: 0px!important;
margin-bottom: 20px!important;

  margin-bottom: 0!important;
}
.PrivateSwitchBase-input {
  position: absolute!important;
}
.hs-fieldtype-select {
  margin-bottom: 24px;
}
.geoimpact .MuiTextField-root {
  margin-bottom: 24px;
}
.geoimpact .MuiFormHelperText-root.Mui-error {
  margin-left: 4px;
}
.geoimpact .MuiCheckbox-root:hover {
  background-color: none;
}

@media (min-width: 768px) {
  form input[type='text'],
  form input[type='email'],
  form input[type='password'],
  form input[type='tel'],
  form input[type='number'],
  form input[type='file'],
  form input[type='search'],
  form textarea,
  select,
  .dropdown-header,
  .address-input,
  .geoimpact .MuiInputBase-root input,
  .geoimpact .MuiInputBase-root textarea,
  .MuiOutlinedInput-root .MuiAutocomplete-input {
    font-size: 16px;
    padding-top: 6px;
padding-right: 16px;
padding-bottom: 6px;
padding-left: 16px;
margin-top: 0px;
margin-bottom: 20px;

  }
  .hs-fieldtype-select {
    margin-bottom: 20px;
  }
  .geoimpact .MuiTextField-root {
    margin-bottom: 20px;
  }
}

.geoimpact .MuiInputBase-root input,
.geoimpact .MuiInputBase-root textarea {
  margin-bottom: 0;
}

/* Dropdown header */
.dropdown-header {
  margin-bottom: 0!important;
}

/* Form inputs focus */
form input[type='text']:focus,
form input[type='email']:focus,
form input[type='password']:focus,
form input[type='tel']:focus,
form input[type='number']:focus,
form input[type='file']:focus,
form input[type='search']:focus,
form textarea:focus,
select:focus,
.address-input:focus,
.dropdown-header:focus {
  background: #ffffff;
  color: #707070;
  border: 1px solid #660066;
;
  outline-color: #00673d;
  outline-style: solid;
}

.geoimpact .Mui-focused .MuiOutlinedInput-notchedOutline,
.geoimpact .MuiFormLabel-root:focus {
  background: #ffffff!important;
  color: #707070!important;
  border: 1px solid #660066;
;
  outline-color: #00673d!important;
  outline-style: solid!important;
}

/* Form labels */
.hs-form-field > label, .hs-form-checkbox > label, .hs-form-radio > label {
  display: block;
  font-size: 16px;
  color: #000;
}
@media (min-width: 768px) {
  .hs-form-field > label, .hs-form-checkbox > label, .hs-form-radio > label {
    font-size: 16px;
  }
}
/* Form label - geoimpact field */
.autocomplete-container label,
.geoimpact .MuiFormLabel-root {
  display: block;
  font-size: 16px!important;
  color: #000!important;
  font-weight: bold!important;

}
@media (min-width: 768px) {
  .autocomplete-container label,
  .geoimpact .MuiFormLabel-root {
    font-size: 16px!important;
  }
}

/* Submit */
form .hs-button.primary,
form input[type="submit"] {
  background-color: #00673d;
  color: #FFFFFF;
  padding-top: 16px;
padding-right: 32px;
padding-bottom: 16px;
padding-left: 32px;
;
  border: 1px solid;
  border-color: #00673d;
  border-radius: 100px;
  transition: 0.3s;
  cursor: pointer;
  line-height: 1;
  font-weight: 700;
}
form .hs-button.primary:hover,
form input[type="submit"]:hover,
form .hs-button.primary:focus,
form input[type="submit"]:focus {
  background-color: #a2ff00;
  border-color: #a2ff00;
  color: #fff;
}
@media (min-width: 768px) {
  form .hs-button.primary,
  form input[type="submit"] {
    padding-top: 16px;
padding-right: 32px;
padding-bottom: 16px;
padding-left: 32px;

  }
}

/* error message */
.hs_error_rollup .hs-main-font-element,
.hs-error-msg, 
.hs-form-required {
  color: #dc3545;
}
form .input.dropdown_select .hs-input.error + .dropdown-header,
input.error{
  margin-bottom:0px !important;
  border:1px solid #dc3545 !important;
}
.geoimpact .MuiFormLabel-asterisk {
  color: #dc3545!important;
}

/* Checkboxes */
input[type="checkbox"], 
.hs-input[type="checkbox"]{
  border: 1px solid #00673d;
}
input[type="checkbox"]:checked:after, 
.hs-input[type="checkbox"]:checked:after{
  background: #00673d;
}

/* Dropdown (select) */
.hs-fieldtype-select:not(.multistep-select-choice) ul.dropdown-list {
  border: 1px solid #B6ADA5;
;
  font-size: 14px;
  margin-top: 1rem;
}

.hs-fieldtype-select:not(.multistep-select-choice) ul.dropdown-list li:hover,
.hs-fieldtype-select:not(.multistep-select-choice) ul.dropdown-list li:focus,
.hs-fieldtype-select:not(.multistep-select-choice) ul.dropdown-list li.selected {
  background: #00673d;
  color:#fff;
}
@media (min-width: 768px) {
  .hs-fieldtype-select:not(.multistep-select-choice) ul.dropdown-list {
    font-size: 16px;
  }
}

/* Radio */
input[type="radio"]:before{
  border-color: #00673d;
}
input[type="radio"]:checked:after{
  background: #00673d;
}

/* Legal consent */
.legal-consent-container {
  font-size: 14px;
}
@media (min-width: 768px) {
  .legal-consent-container {
    font-size: 16px;
  }
}

/* Form Divider (hr) */
.hs-form .hs-richtext hr {
  background: #00673d;
}


/* 5. Global Partials (Header, Footer) */
/* ********************************************** */

/* Background color */
.header-wrapper {
  background: #fff;
}
.footer-wrapper .footer-inner-top {
  background: #00673d;
}

/* Text color */
.header-wrapper,
.header-wrapper a,
.header .primaryNav ul li a,
.topbar a {
  color: #660066;
} 
header .primary-menu .menu-item.active a:after,
header .primary-menu .menu-item a:focus:after {
  background-color: #660066;
}
header .accessoir {
  background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" fill="%23660066" height="1em" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>')
    }
.footer-wrapper .footer-inner-top,
.footer-wrapper .footer-inner-top p,
.footer-wrapper .footer-inner-top a {
  color: #FFFFFF;
}
.footer-wrapper .footer-inner-top .modal .modal-body p {
  color: #000000
}
.footer-wrapper .footer-inner-top .modal .modal-body a {
  color: #00673d
}
.footer-wrapper a:not(.btn):hover,
.footer-wrapper a:not(.btn):focus {
  color: #a5c500!important;
  border: none;
}
.header-wrapper a.btn-primary:hover,
.header-wrapper a.btn-primary:focus {
  background-color: #660066;
}

/* Spacing */
.header-container {
  max-width: 1280px;
  padding-top: 16px;
  padding-bottom: 16px;
}
.footer-container {
  max-width: 1280px;
}
.footer-wrapper .footer-inner-top {
  padding-top: 32px;
  padding-bottom: 32px;
}
@media (min-width: 768px) {
  .header-container { padding-top: 16px; padding-bottom: 16px; }
  .footer-wrapper .footer-inner-top { padding-top: 48px; padding-bottom: 48px; }
}

/* Site logo */
.header-container .site-logo img,
.header-container .site-logo svg {
  width: 140px!important;
  height: auto!important;
}


/* 6. Modules */
/* ********************************************** */

/* Socials */
.social-wrapper{
  justify-content: flex-start
}
.social-wrapper a{
  width:1.5rem;
  height:1.5rem;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  
}
.social-wrapper a:hover, .social-wrapper a:focus{
  top:-rem;
  
}

.social-wrapper a i{
  font-size:1.25remrem;
}

.social-wrapper a img,
.social-wrapper a svg{
  height:1.25rem;
  width:1.25rem;
}

.social-wrapper a, 
.primary-bg .social-wrapper a{
  background-color: rgba(102, 0, 102, 1.0);
  border-bottom: 0px solid rgba(0, 0, 0, 0%);

}

.bg-primary .social-wrapper a i, 
.bg-primary .social-wrapper a svg {
  color:rgba(255, 235, 0, 1.0);
  border-bottom: 0px solid #111111;

}

.social-wrapper a:hover,
.bg-primary .social-wrapper a:hover{
  background-color: rgba(255, 235, 0, 1.0)
}

.social-wrapper a:hover i, 
.bg-primary .social-wrapper a:hover i{
  color:rgba(102, 0, 102, 1.0);
}
.social-wrapper a:hover svg,
.bg-primary .social-wrapper a:hover svg {
  fill: rgba(102, 0, 102, 1.0);
}

.light-bg .social-wrapper a{
  background-color: rgba(17, 17, 17, 1.0);
  border-bottom: 0px solid #111111;

}

.bg-white .social-wrapper a i, 
.bg-white .social-wrapper a svg,
.bg-light-grey .social-wrapper a i, 
.bg-light-grey .social-wrapper a svg,
{
  color:rgba(242, 242, 242, 1.0)
}

.bg-white .social-wrapper a:hover,
.bg-light-grey .social-wrapper a:hover,
{
  background-color: rgba(46, 66, 22, 1.0);
  border-bottom: 0px solid #111111;

}

.bg-white .social-wrapper a:hover i, 
.bg-white .social-wrapper a:hover svg,
.bg-light-grey .social-wrapper a:hover i, 
.bg-light-grey .social-wrapper a:hover svg,
{
  color:rgba(242, 242, 242, 1.0)
}

/* Accordion module */
.accordion-wrapper details[open] summary,
.accordion-wrapper details[open] summary::after,
.accordion-wrapper summary::after {
  color: #00673d
}
.accordion-wrapper details {
  border-bottom: 1px solid #a2ff00;
}
.accordion-wrapper details[open] {
  border-bottom: 1px solid #00673d;
}

/* Slider */
.swiper .swiper-pagination .swiper-pagination-bullet {
  border: 1px solid #00673d; 
}
.swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #00673d;
}

/* Product pricing */
.product-pricing .pricing-list-item {
  border-top: 1px solid rgba(0, 103, 61, 0.33);
}
@media (min-width: 768px) {
  .product-pricing .pricing-list-item .list-price {
    border-left: 1px solid rgba(0, 103, 61, 0.33);
  }
}

/* Blog tag filter */
.tag-dropdown .dropdown-button {
  color: #00673d;
}
.tag-dropdown .dropdown-button:after {
  background-image: url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" fill="%2300673d" height="1em" viewBox="0 0 512 512"><!--! Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --><path d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"/></svg>')
    }
.tag-dropdown ul li a:hover,
.tag-dropdown ul li a:focus {
  background-color: #00673d!important;
  border: none!important;
}

/* Blog pagination */
.blog-pagination .blog-pagination-center a {
  color: #00673d;
}
.blog-pagination .controls a svg {
  fill: #00673d;
}
.blog-pagination .blog-pagination-center a.active,
.blog-pagination .blog-pagination-center a:hover,
.blog-pagination .blog-pagination-center a:focus {
  background-color: #00673d!important;
}

/* Share module */
.share .share-item:hover,
.share .share-item:focus {
  border: none!important;
  background-color: #00673d!important;
}
.share .share-item svg {
  fill: #00673d
}
.share .share-item:hover svg,
.share .share-item:focus svg {
  fill: #fff;
}

/* breadcrumb */
.breadcrumb .breadcrumb-item a {
  color: #000000;
}
.breadcrumb svg {
  fill: #000000;
}
.breadcrumb .breadcrumb-item.active a {
  color: #00673d;
}
.breadcrumb .breadcrumb-item a:hover,
.breadcrumb .breadcrumb-item a:focus {
  color: #00673d;
}

/* loading dots */
.loading-dots--dot {
  background-color: #00673d;
}

/* geoimpact */
.geoimpact .MuiAlert-standardSuccess .MuiAlert-message {
  color: #00673d;
}

/* Team Listing Module */
.team-listing .member-card .member-data .member-name {
  color: #a2ff00;
}
.team-listing .member-popup .member-data .member-name {
  color: #00673d;
}




/* Blog Page CSS Start */
.round-corner-media img, 
.round-corner-media video{
  -webkit-border-radius: 1rem;
  -moz-border-radius: 1rem;
  border-radius: 1rem;
}

.filter-bar .sticky-inner {
  background-color: #F0EFED;
}

@media (max-width: 767px){
  .filter-bar .newsletter-popup button.popup-trigger {
    display: block; 
    width: 100%;
    margin-top: 0.5rem;
  }
  .post-bar .share .share-inner {
    justify-content: center;
  }
}

@media (min-width: 768px){
  .filter-bar .filter-bar-inner {
    justify-content: flex-end;
  }
  .post-bar .filter-bar-inner {
    justify-content: flex-start;
  }
  .filter-bar .blog-tag-filter {
    margin-right: 48px;
  }
  .post-bar .newsletter-popup {
    margin-left: auto;
  }
}

.post-bar .container,
.post-wrapper.container {
  max-width: 1000px;
}
.hs-blog-listing.header-offset {
  margin-top:78px; 
}
@media (min-width: 1024px) {
  .hs-blog-listing.header-offset{
    margin-top: 89px;
  }
}
body .hs-blog-post header {
  background: #fff!important;
}
body .hs-blog-listing header .topbar,
body .hs-blog-post header .topbar {
  display:none!important
}
/* Blog Page CSS End */