:root {
--byf-green: #056839;
--byf-green2: #91c847;

--byf-pop: #E08300;
--byf-pop2: #FF9F1C;

--byf-dark: #042d19;
--byf-light: #EAE6E5;

--byf-xsmall: 0.875rem;
--byf-small: 1rem;
--byf-medium: 1.4rem;
--byf-large: 1.8rem;

--byf-font: 'Poppins', sans-serif;
}

body {
    font-size: 15px;
}

#testimonials, #affiliates {
    display: none;
}

/*=====================
BUTTONS/TYPOGRAPHY
======================*/

.btn, .btn:active, .btn:focus, .btn:active:focus, .btn:not(:disabled):not(.disabled).active, .btn:not(:disabled):not(.disabled):active:focus, .btn-primary, .btn-primary:active, .btn-primary:focus, .btn-primary:active:focus, .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-default, .btn-default:active, .btn-default:focus, .btn-default:active:focus, .btn-default:not(:disabled):not(.disabled).active, .btn-default:not(:disabled):not(.disabled):active:focus {
    background: var(--byf-pop);
    border: 1px solid var(--byf-pop);
    border-radius: 20px;
    box-shadow: none;
    letter-spacing: 2px;
    font-weight: 400;
    color: #FFF !important;
    font-family: var(--byf-font);
}

a, a:active, a:focus, a:visited {
    color: var(--byf-green2);
    font-family: var(--byf-font);
    outline: 0;
}

a:hover {
    color: var(--byf-pop);
}

h1, h2, h3, h4, h5 {
  font-family: var(--byf-font);
  margin-bottom: 1rem;
   font-weight: 400;
}

h1 {
  font-size: var(--byf-large);
}

h2, h3, h4, h5 {
  font-size: var(--byf-medium);
}

p + h2, p + h3 {
    margin-top: 20px;
}

p, a, ul, li {
  font-family: var(--byf-font);
  font-size: var(--byf-small);
  line-height: 1.95;
  font-weight: 300;
}

/*==========
TOPBAR 
===========*/

.opaque #topbar {
    background: var(--byf-dark);
}

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

#header-logo img {
    max-width: 345px;
}

#header-logo.fixed-top img {
    max-width: 275px;
    min-width: 275px;
}

#header-logo.fixed-top {
    background: rgb(255 255 255);
}

.navbar .dropdown-item, .navbar .dropdown-item:active, .navbar .dropdown-item:focus {
    background: transparent;
    color: #333;
    font-weight: 300;
    padding: .25rem 1rem;
}

/*==============
SERVICE BOXES
===============*/

#services {
    background: var(--byf-dark);
}

#services .outer-img-holder {
    margin-bottom: 10px;
    overflow: hidden;
    border-radius: 20px;
    position: relative;
    box-shadow: 2px 4px 6px rgb(42 45 41 / 85%);
}

.slider-overlay {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    background: rgba(10, 10, 10, 0.6);
}

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

#index-section .index-bg {
    background: url("/site_images/index-bg.webp") no-repeat center center;
    background-size: cover;
}

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

#featured-services-1 .icon-holder {
    background: var(--byf-pop);
    border-radius: 50%;
    border: 0px solid var(--byf-green2);
    display: table-cell;
    height: 70px;
    position: relative;
    width: 70px;
}

#featured-services-1 .service-icon i {
    color: #ffffff;
    font-size: 23px;
    top: 2px;
    position: relative;
}

#featured-services-1 .service {
    display: flex;
    padding: 50px 0 0;
    flex-direction: column;
    align-items: center;
}

#featured-services-1 .service-icon {
    display: block;
    width: auto;
    margin-bottom: 1rem;
}

#featured-services-1 .service-text h3 {
    color: #fefefe;
    font-size: var(--byf-medium);
    font-weight: 600;
}

#featured-services-1 .service-text {
    text-align: center;
}

#featured-services-1 .overlay {
    background: rgb(19 20 18 / 60%);
}

#featured-services-1 {
    background-image: url("/site_images/featured-bg.webp");
    background-position: 50% 0;
    background-repeat: no-repeat;
    padding: 45px 0 90px;
    position: relative;
}

#featured-services-1 .service-text p {
    color: #fff;
    font-size: var(--byf-small);
    margin: 0;
}

#featured-services-1 a:hover .service-icon i {
    color: var(--byf-pop);
}

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

#headline {
    background: var(--byf-green);
    padding: 0;
}

.inner-img {
  float: left; 
   margin-right: 15px;
}

#sidebar-consultation h4 {
    color: var(--byf-green2);
    font-size: var(--byf-small);
    margin: 0 0 25px;
}

#sidebar .sidebar-bg {
    background: #e8ebe2;
}

/*=================
RESOURCES
=================*/

#resource-links {
    background: var(--byf-light);
    position: relative;
    z-index: 1;
}

#resource-links a:hover .resource-link {
    background: var(--byf-green2);
}

#resource-links .resource-link {
    display: table;
    height: 100%;
    padding: 45px 25px;
}

#resource-links h3, #resource-links p, #resource-links i {
    color: #242c21;
}

/*==================
CALL TO ACTION
==================*/

#call-to-action {
    background: var(--byf-green);
    overflow: hidden;
    padding: 50px 0;
}

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

#footer-top, #footer-bottom {
    background: var(--byf-dark);
}

#overlay-menu {
    background: var(--byf-base-dark);
    background: rgba(4, 45, 25, 0.97);
}

@media (max-width: 480px){
  #header-logo img {
    max-width: 290px;
}

#myCarousel img {
    width: auto;
    max-width: none;
    max-height: 300px;
}

}