:root {
  --bs-gray: #302E2E;
  --bs-primary: #435B20;
  --bs-secondary: #64C6C4;
  --bs-light: #a4cb6a;
  --bs-dark: #222D10;

  --bs-primary-rgb: 78, 112, 105;
  --bs-secondary-rgb: 100, 198, 196;
  --bs-light-rgb: 246, 246, 246;
  --bs-dark-rgb: 34, 45, 16;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-rgb: 129, 129, 129;

  --bs-font-sans-serif: "Montserrat", sans-serif;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));

  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 17px;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.75;
  --bs-body-color: #141529;
  --bs-body-bg: #fff;

  --byf-header-font: 'Playfair Display', serif;
}

/*=====================
TYPOGRAPHY/DEFAULT
======================*/

[class*=display-], h1, h2, h3, h4, h5 {
    font-family: var(--byf-header-font);
    font-weight: 400;
}

[class^=fs-]:not([class^=fa-]):not([class*=display-]) {
    font-family: var(--bs-font-sans-serif);
}

#pageContent a {
    color: var(--bs-primary);
    font-weight: 600;
    text-decoration: underline;
}

.fab {
    font-size: 1.4rem;
}

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

.btn-lg {
    font-size: 1.1rem;
    padding: .65rem 1.75rem;
}

.btn-primary {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary);
    color: #fff !important;
}

.btn-secondary {
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
    color: #fff;
}

.btn-light {
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary);
    color: var(--bs-dark);
}

.bgPattern, body:not(.noBg) {
    background: var(--bs-dark);
}

.visible-xs {
  display: none;
}

.form-control {
    border: 1px solid #d3d3d3;
    border-radius: 30px;
    color: #404040;
    display: block;
    font-size: 0.875rem;
    margin: 5px 0 7px;
    padding: .5rem .875rem;
}

/*=====================
NAVBAR
======================*/

#websiteMainNav {
  background: var(--bs-dark);
}

#websiteMainNav .nav-link {
  font-size: 0.925rem;
}

#headerTop {
  justify-content: space-between;
}

#header .navContainer {
    flex: 0 1 auto;
    flex-wrap: wrap;
}

#auxMenu {
  border-right: 1px solid var(--bs-primary);
}

/*=====================
HERO SECTION
======================*/

.bg-black-70 {
    background-color: rgb(123 153 77 / 80%);
}

.fadeFromLeft:before {
    background-image: linear-gradient(144deg,rgb(26 26 26 / 75%) 5%,transparent);
}

.shiftUp>section:first-of-type {
    padding-top: 5rem!important;
}

.carousel-item {
    min-height: 450px;
}

#splashImage .carousel {
    padding-bottom: 0;
    margin-top: -5rem;
}

.carousel-control-next, .carousel-control-prev {
    width: 5%;
}

/*===============
INDEX SECTION
===============*/

.img-thumbnail:not(img):before {
 background: var(--bs-secondary);
}

/*=============
SERVICES
=============*/

#homepageServices .card {
  background: var(--bs-light);
  border: 3px solid var(--bs-light);
   transition: all 0.2s linear;
}

#homepageServices .card :is(h3, p){
  color: var(--bs-dark);
}

#homepageServices a:hover .card {
    background: var(--bs-dark);
}

#homepageServices a:hover .card :is(h3, p, .fas) {
    color: #fdfdfd !important;
}

/*==============
INNER PAGES
=============*/

#contactaddress {
margin-bottom: 2rem;
}

#contactaddress h1 {
margin-bottom: 1rem;
}

#sidePanel {
    background-color: #ffffff;
    color: var(--bs-dark);
    border-top: 1px solid var(--bs-primary);
}

#pageContent {
    color: var(--bs-gray);
    flex-basis: 92%;
}

.step {
  padding: 2.25rem 2rem;
  margin-bottom: 1rem;
}

.step:nth-child(odd) {
  background: #fefffe;
}

.affiliate {
  margin-right: 35px;
}

/*==============
TESTIMONIALS
=============*/

#testimonals:before {
    display: none;
}

/*==============
FOOTER
=============*/

#footerBottom img {
  display: none;
}

.nav-link {
    color: var(--bs-primary);
}

footer {
  border-top: 1px solid #ededed;
}


@media (max-width: 580px) {

.navContainer img {
    display: none;
}

#header .navContainer {
    justify-content: center;
}

#auxMenu {
   border-right: none;
}

#splashImage > img {
  max-width: none;
  width: auto !important;
}

#header .navContainer {
    position: relative;
}

.visible-xs {
   display: block;
   width: 65px;
}

}