/*------------------------------------------------------
GLOBALS
--------------------------------------------------------*/
@font-face {
    font-family: Montserrat;
    src: url(../vendor/google/Montserrat-Regular.ttf);
 }
 @font-face {
    font-family: Montserrat;
    src: url(../vendor/google/Montserrat-Bold.ttf);
    font-weight: bold;
 }
 * {
    font-family: Montserrat;
 }
body {
    font-family: Montserrat, 'Times New Roman', Times, serif;
    letter-spacing: 0.02rem;
}
.modal {
    z-index:8889;
}
.modal .modal-dialog .modal-content .modal-footer .btn-secondary {
    color: #fff;
    letter-spacing: 0.15rem;
    font-size: 1.25rem;
    background-color: #638719;
    font-weight: bold;
}
.modal .modal-dialog .modal-content .modal-footer .btn-secondary:hover {
    background-color: #638719;
}
.modal .modal-dialog .modal-content .modal-body h4{
    font-size: 1.15rem;
}
.modal .modal-dialog .modal-content .modal-body p{
    font-size: 0.95rem;
}
p, ul {
    font-size: 1.2rem;
}
a, a:hover {
    transition: 0.3s;
}

/*---BRAND COLORS--
Black: #302C1E
Charcoal: #4D4D4D
White: #FFFFFF
Off-White: #F8F4F2
Bright Green: #9EBA24
Forrest Green: #638719
Olive: #5F7064
Blue/ Grey: #D5DBD7
--*/

/*------------------------------------------------------
Dynamic Navbar
--------------------------------------------------------*/
#dynamicnavbar {
    border-bottom: grey 1px solid;
    font-size: 1.35rem;
    background-color: #252424 !important;
    text-transform: uppercase;
}
#dynamicnavbar img {
    height: 80px;
    width: auto;
}
#dynamicnavbar #navbar img {
    height: 100px;
    width: auto;
    margin-top: -5px;
    margin-bottom: -5px;
}
#dynamicnavbar .row>* {
    padding-left: 0.45rem;
    padding-right: 0.45rem;
}
#dynamicnavbar .navbar-brand {
    margin-right: 0;
}
#dynamicnavbar .navbar-toggler {
    background-color:#638719;
}
#dynamicnavbar img:hover {
    cursor: pointer;
}
#dynamicnavbar a {
    padding-left:1.5rem;
}
#dynamicnavbar ul li a {
    color: #fff;
    white-space: nowrap;
}
#dynamicnavbar ul li a.button {
    padding: .5rem 1rem .5rem 1rem;
    text-decoration: none;
    color: #fff;
    text-transform:uppercase;
    letter-spacing: 0.2rem;
    font-size: 1.25rem;
    background-color: #9EBA24;
    font-weight: bold;
    cursor: pointer;
}
#dynamicnavbar a.button:hover {
    background-color: rgba(255, 255, 255, 0.6);
    color: #fff;
}
#dynamicnavbar .social a {
    color: #9EBA24;
    font-size: 2rem;
}
#dynamicnavbar .social a:hover {
    color: #638719;
}

/*------------------------------------------------------
Main Header
--------------------------------------------------------*/
.main-header {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)), url("../images/2.png");
    height: 100vh;  
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color:#fff;
}
.main-header h1 {
    text-transform:uppercase;
    letter-spacing: 0.5rem;
    font-size: 2.5rem;
}
.main-header img {
    max-height: 30vh;
}
.main-header a.transparent {
    padding: .85rem 1.2rem .85rem 1.2rem;
    text-decoration: none;
    color: #fff;
    text-transform:uppercase;
    letter-spacing: 0.25rem;
    font-size: 1.25rem;
    line-height: 5rem;
    background-color: transparent;
    font-weight: bold;
    border: #fff 2px solid;
    cursor: pointer;
}
.main-header a.transparent:hover {
    background-color: rgba(255, 255, 255, 0.6);
    color: #638719;
}
.main-header a.white {
    padding: .85rem 1.2rem .85rem 1.2rem;
    text-decoration: none;
    color: #638719;
    text-transform:uppercase;
    letter-spacing: 0.25rem;
    font-size: 1.25rem;
    line-height: 5rem;
    background-color: #fff;
    border: #fff 2px solid;
    font-weight: bold;
    cursor: pointer;
}
.main-header a.white:hover {
    background-color: rgba(255, 255, 255, 0.6);
    color: #fff;
}
.main-header i {
    font-size: 3rem;
    color: rgba(255, 255, 255, 0.5);
}

.main-header .jump {
    animation: MoveUpDown 1s linear infinite;
    position: absolute;
    bottom: 0;
  }  
@keyframes MoveUpDown {
    0%, 100% {
      bottom: 0;
    }
    50% {
      bottom: 2px;
    }
  }

/*------------------------------------------------------
Main Text
--------------------------------------------------------*/
.main-text {
    background-color: #F8F4F2;
}
.main-text h1 {
    text-transform: uppercase;
    color: #638719;
}

/*------------------------------------------------------
Main Text
--------------------------------------------------------*/
#seasonal {
    background-color: #638719;
    color: #fff;
}
#seasonal a {
    padding: .85rem 1.2rem .85rem 1.2rem;
    text-decoration: none;
    color: #fff;
    text-transform:uppercase;
    letter-spacing: 0.25rem;
    font-size: 1.25rem;
    line-height: 5rem;
    background-color: #4d4d4d;
    font-weight: bold;
}

/*------------------------------------------------------
Services
--------------------------------------------------------*/
#services {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)), url("../images/10.png");
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    scroll-margin-top: 5rem;
}
#services .service-item {
    background-color: #F8F4F2;
}
#services .service-item h4 {
    color:#638719;
}
#services .service-item img {
    width: 35%;
    margin-top: -18%;
}
#services a {
    padding: .85rem 1.2rem .85rem 1.2rem;
    text-decoration: none;
    color: #fff;
    text-transform:uppercase;
    letter-spacing: 0.25rem;
    font-size: 1.25rem;
    line-height: 5rem;
    background-color: #4d4d4d;
    font-weight: bold;
    cursor: pointer;
}
#services a:hover {
    background-color: rgba(77, 77, 77, 0.6);
    color: #fff;
}
#services span {
    color:#638719;
    cursor: pointer;
}

/*------------------------------------------------------
Service Area
--------------------------------------------------------*/
#service-area {
    background-color: #4D4D4D;
}
#service-area h2 {
    color: #fff;
}
#service-area span {
    color:#9EBA24;
    font-size: 2.25rem;
}
#service-area span i.fa-location-dot {
    color:#4D4D4D;
}

/*------------------------------------------------------
Leaf Bg + Olive + Olive Light
--------------------------------------------------------*/
#leaf-bg {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 0.5)), url("../images/3.png");
    height: 100%;  
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color:#fff;
    background-attachment: fixed;
    scroll-margin-top: 3rem;
}
#leaf-bg .bg-olive {
    background-color: rgba(95, 112, 100, 0.90);
    color: #fff;
}
#leaf-bg .bg-olive h1 {
    text-transform: uppercase;
    font-size: 2.75rem;
    color: #fff;
}
#leaf-bg .bg-olive p {
    color: #fff;
    font-size: 1rem;
}
#leaf-bg .bg-olive-light {
    background-color: rgba(95, 112, 100, 0.15);
    color: #000;
}
#leaf-bg .bg-olive-light .divider-right{
    border-right: #638719 3px solid;
}
#difference {
    scroll-margin-top: 4rem;
}

/*------------------------------------------------------
Testimonial Carousel
--------------------------------------------------------*/
.testimonials p{
    color: #000;
}
.testimonials .carousel-caption {
    top: 50%;
    transform: translateY(-50%);
    bottom: initial;
}
.testimonials .carousel .carousel-inner .carousel-item .carousel-caption p {
    font-size: .85rem;
}
/* Declare heights because of positioning of img element */
.testimonials .carousel-item {
    height: 20rem;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.testimonials .reviewer {
    font-style: italic;
}
.testimonials .fa-quote-left {
    font-size: 4rem;
    color:#638719;
}
.testimonials .fa-circle-arrow-left, .testimonials .fa-circle-arrow-right {
    font-size: 2rem;
    color:#638719;
    transition: 0.3s;
}
.testimonials .fa-circle-arrow-left:hover, .testimonials .fa-circle-arrow-right:hover {
    color:rgba(99, 135, 25, 0.6);
    transition: 0.3s;
}

/*------------------------------------------------------
CONTACT - CONTACT FORM
--------------------------------------------------------*/
.contactform {
    background: url("../images/main/BRPhoto-24.jpg");
    width: 100%;
    min-height: 30rem;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/*------------------------------------------------------
Footer
--------------------------------------------------------*/
.footer {
    background-color: #4d4d4d;
    color: #fff;
}
.footer p {
    font-size: 1rem;
    margin-bottom: 0rem;
}
.footer h2 {
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: bold;
    letter-spacing: 0.3rem;
}
.footer a {
    text-decoration: none;
    color:#fff;
}
.footer li {
    color: #EDEBEC;
    font-size: 1rem;
}
.footer ul {
    list-style-type: none;
    margin:0;
    padding:0;
}
.footer a.button {
    padding: .35rem .35rem .35rem .35rem;
    text-decoration: none;
    color: #fff;
    text-transform:uppercase;
    letter-spacing: 0.15rem;
    font-size: 0.8rem;
    background-color: #9EBA24;
    font-weight: bold;
    cursor: pointer;
}
.footer a.button:hover {
    background-color: rgba(255, 255, 255, 0.6);
    color: #fff;
}
.footer a.social {
    color:#9EBA24;
    display: inline-block;
    font-size: 0.5rem;
}
.footer a.social .fa-inverse:hover {
    color:#4D4D4D;
    transition: .7s;
}
.footer a.social .fa-inverse {
    transition: .7s;
}
.footer a.link {
    color:#9EBA24;
}

/*------------------------------------------------------
Bottom Footer
--------------------------------------------------------*/
.bottom-footer {
    background-color: #EDEBEC;
}
.bottom-footer .icons a{
    font-size: 1.25rem;
    padding-left: 0.15rem;
    text-decoration: none;
    color: #4f758b;
}
.bottom-footer a, .bottom-footer p {
    text-decoration: none;
    color: #303E4D;
    font-size: 0.75rem;
    margin-bottom: 0;
}
.bottom-footer a:hover {
    cursor: pointer;
    color: #638719 !important;
}
.bottom-footer h3 {
    font-size: 1.1rem;
}
.bottom-footer img{
    height: 75px;
    width: auto;
}

 #EmploymentModal .modal-body {
    background-color: rgba(99, 135, 25,0.1);
}
#ContactModal .modal-header, #EmploymentModal .modal-header {
    background-color: #fff;
}
#ContactModal .modal-footer, #EmploymentModal .modal-footer {
    background-color: #fff;
}

#ContactModal .modal-body, #EmploymentModal .modal-body  {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75)), url("../images/3.png");
    height: 100%;  
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color:#fff;
    background-attachment: fixed;
}



/* `sm` applies to x-small devices (portrait phones, less than 576px)*/
@media (min-width:0px) and (max-width: 575.98px) {  
.main-header h1 {
    font-size: 1.25rem;
    line-height: 2rem;
    letter-spacing: 0.35rem;
}
.testimonials .carousel-item {
    height: 34rem;
}
.testimonials p {
    font-size: 0.80rem;
}
#leaf-bg .bg-olive-light .divider-right{
    border-right: none;
}
}

/* `md` applies to small devices (landscape phones, less than 768px)*/
@media (min-width: 575.99px) and (max-width: 767.98px) {  
    .main-header h1 {
        font-size: 2rem;
        line-height: 2.3rem;
        letter-spacing: 0.55rem;
    }
.testimonials .carousel-item {
    height: 27rem;
}
.testimonials p {
    font-size: 0.90rem;
}
#leaf-bg .bg-olive-light .divider-right{
    border-right: none;
}
}
/* `lg` applies to medium devices (tablets, less than 992px)*/
@media (min-width: 768px)  and (max-width: 991.97px) {  

.testimonials p {
    font-size: .95rem;
}
}

/* `lg` applies to medium devices (tablets, less than 992px)*/
@media (min-width: 991.98px)  and (max-width: 1199.97px){  
.testimonials p {
    font-size: 1.1rem;
}
}