@import url("../fonts/amsipro/stylesheet.css");
@import url("../fonts/bree/stylesheet.css");

/* Navbar custom */
:root {
  --body-text-color: #444;
  --mobile-menu-background-color: #bc2a61;
  --mobile-menu-text-color: #ffffff;
  --white: #fff;
  --theme: #bc2a61;
}

.mob-menu-footer ul {
  display: inline-block !important;
}
.mob-menu-footer img {
  width: 29px;
}
.mob-f-social-cover {
  padding-top: 30px;
  position: fixed;
  bottom: 12%;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  left: 0px;
}
.mob-f-social-cover a {
  padding-right: 10px;
}
.mob-copy {
  position: fixed;
  bottom: 0px;
  left: 0;
}
.mob-copy p {
  font-size: 14px;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 30px;
  color: #0d753e;
}
/* Toggle icon change css */

.navbar-toggle img {
  width: 30px;
  margin-right: 10px;
}

.navbar-toggle .toggle-icon-2 {
  display: none;
}
.active .navbar-toggle .toggle-icon-1 {
  display: none;
}
.active .navbar-toggle .toggle-icon-2 {
display: block;
  width: 13px;
  margin-right: 7px;
  margin-top: 10px;
}

/* End toggle icon change css */

.navbar {
  align-items: center;
  display: flex;
  flex-basis: 100%;
  height: 106px;
  padding: 0 1rem;
}
.navbar.active .navbar-toggle {
  position: fixed;
  right: 1rem;
}
.navbar.active .navbar-toggle .hamburger {
  background: 0 0;
}
.navbar.active .navbar-toggle .hamburger:hover {
  transform: scale(1.2);
}
.navbar.active .navbar-toggle .hamburger::before,
.navbar.active .navbar-toggle .hamburger::after {
  top: 0px;
  width: 24px;
  background: var(--mobile-menu-text-color);
}
.navbar.active .navbar-toggle .hamburger::before {
  transform: rotate(45deg);
}
.navbar.active .navbar-toggle .hamburger::after {
  transform: rotate(-45deg);
}

.navbar-menu ul li {
  padding-top: 20px;
}
.navbar-menu .nav-item {
  padding-top: 24px;
}
.navbar.active .navbar-menu {
  display: block;
  background: #fef3e1;
  justify-content: center;
  text-align: center;
}
.navbar.active .navbar-menu ul {
  display: block;
  padding-left: 0px;
}
.navbar.active .navbar-menu ul li a {
  color: #007637;
  -webkit-font-smoothing: antialiased;
  font-size: 21px;
  line-height: 51px;
}
.mobile-menu-logo{
  width: 125px;
  margin-top: -97px;

 
}
.navbar .navbar-brand {
  display: flex;
  text-decoration: none;
  color: var(--body-text-color);
  
}
.navbar .navbar-brand img {
  max-width: 200px;
  transition: max-width 0.3s ease-out;
}
@media screen and (max-width: 768px) {
  .navbar .navbar-brand img {
    max-width: 175px;
  }
}
.navbar .navbar-toggle {
  display: block;
  margin-left: auto;
  position: relative;
  z-index: 22;
  cursor: pointer;
  background: none;
  border-width: 0px;
  border-style: initial;
  border-color: initial;
  border-image: initial;
  padding: 0px;
  transition: all 300ms ease-in 0s;
}
@media screen and (min-width: 750px) {
  .navbar .navbar-toggle {
    display: none;
  }
}
.navbar .navbar-toggle .hamburger {
  width: 24px;
  height: 3px;
  position: relative;
  z-index: 1000;
  margin: 10px 0px;
  background: var(--theme);
  border-radius: 1px;
  transition: all 250ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
}
.navbar .navbar-toggle .hamburger::before,
.navbar .navbar-toggle .hamburger::after {
  content: " ";
  right: 0px;
  height: 3px;
  position: absolute;
  border-radius: 1px;
  background: var(--theme);
  transition: all 300ms cubic-bezier(0.68, -0.55, 0.265, 1.55) 0s;
}
.navbar .navbar-toggle .hamburger::before {
  top: -7px;
  width: 20px;
}
.navbar .navbar-toggle .hamburger::after {
  top: 7px;
  width: 16px;
}
.nav-call-btn{
  position: absolute;
  right: 21%;
  top: 33%;
}
.navbar .navbar-menu {
  display: none;
  position: fixed;
  overflow-y: auto;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  align-items: center;
  background: var(--theme);
  margin: 0px;
  padding: 5rem 1.0875rem;
  z-index: 1;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .navbar .navbar-menu {
    display: flex;
    position: static;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    flex-grow: 0;
    background: none;
    margin: 0px 0px 0px auto;
    padding: 0px;
    overflow: visible;
  }
 

}
.navbar .navbar-menu ul {
  list-style: none;
  display: flex;
}
.navbar .navbar-menu ul li a {
  color: #007637;
  font-family: "AmsiPro";
  text-decoration: none;
  padding: 0 1rem;
}

.navbar .navbar-menu ul li a:hover {
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-decoration-color: #e17126;
  text-underline-offset: 6px;
  
}

/* End custom navbar */