/*---
CSS Version 1
Updated 2025*03*26
---*/

/*------------------------------------------------------
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-face {
    font-family: StyleScript;
    src: url(../vendor/google/StyleScript-Regular.ttf);
 }
 * {
    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;
}

/*------------------------------------------------------
Dynamic Navbar
--------------------------------------------------------*/
#dynamicnavbar {
    font-size: 1.35rem;
    background-color: #54a9a9 !important;
}
#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:#d6eae9;
}
#dynamicnavbar img:hover {
    cursor: pointer;
}
#dynamicnavbar a {
    padding-left:1.5rem;
}
#dynamicnavbar ul li a {
    color: #fff;
    white-space: nowrap;
}
#dynamicnavbar ul li a:hover {
    color:#a1cfcd;
}
#dynamicnavbar ul li .a-div {
    padding: .25rem 1rem .25rem .25rem;
    background-color: #E34464;
    border-radius: 5rem;
    cursor: pointer;
    transition: 0.3s;
}
#dynamicnavbar ul li .a-div:hover {
    background-color: #e974a4;
    color: #fff;
}
#dynamicnavbar ul li a.button {
    text-decoration: none;
    color: #fff;
    font-size: 1.25rem;
    height: 100%;
    font-weight: bold;
    cursor: pointer;
}

/*------------------------------------------------------
Intro
--------------------------------------------------------*/
#intro {
    background-color: #54a9a9;
    color: #000;
    min-height: calc(100vh - 96px);
}
#intro h1 {
    font-size: 3.5rem;
    color: #fff;
    font-weight: 600;
}
#intro a {
    padding: .85rem 1.5rem .85rem 1.5rem;
    text-decoration: none;
    color: #fff;
    font-size: 1.25rem;
    line-height: 5rem;
    background-color: #eb963e;
    font-weight: 300;
    border-radius: 5rem;
    cursor: pointer;
    text-transform: uppercase;
}
#intro a:hover {
    background-color: rgba(77, 77, 77, 0.6);
    color: #fff;
}
#intro a span {
    font-style: italic;
} 

/*------------------------------------------------------
Overview
--------------------------------------------------------*/
#overview {
    background-color: #f5f0ea;
    color: #000;
}
#overview h1 {
    font-size: 3.5rem;
    color: #e98aac;
    font-weight: 600;
}
#overview p {
    color: #000;
    font-size: 1.25rem;
}
#overview h6 {
    color:#005456;
    font-size: 1.5rem;
    font-weight: 600;
}

/*------------------------------------------------------
Services
--------------------------------------------------------*/
#services {
    background-color: #005456;
    color:#fff;
    scroll-margin-top: 50px;
}
#services img {
    display: block;
    width: 75%;
    height: auto;
}
#services h3 {
    font-weight: 600;
}
#services a {
    padding: .85rem 1.5rem .85rem 1.5rem;
    text-decoration: none;
    color: #fff;
    font-size: 1.25rem;
    line-height: 5rem;
    background-color: #53a5a6;
    font-weight: 300;
    border-radius: 5rem;
    cursor: pointer;
    text-transform: uppercase;
}
#services a:hover {
    background-color: #a1cfcd;
    color: #fff;
}
#services a span {
    font-style: italic;
} 

/*------------------------------------------------------
Owner
--------------------------------------------------------*/
#owner {
    background-color: #fff;
    color: #fff;
    scroll-margin-top: 50px;
}
#owner h1 {
    font-size: 4.5rem;
    color: #EA8FB0;
    font-family: StyleScript;
}
#owner h2 {
    color: #EA8FB0;
    font-weight: 900;
}
#owner p {
    color: #000;
}
#owner span {
    font-weight: 600;
}
#owner a {
    padding: .85rem 1.5rem .85rem 1.5rem;
    text-decoration: none;
    color: #fff;
    font-size: 1.25rem;
    line-height: 5rem;
    background-color: #53a5a6;
    font-weight: 300;
    border-radius: 5rem;
    cursor: pointer;
    text-transform: uppercase;
}
#owner a:hover {
    background-color: #a1cfcd;
    color: #fff;
}
#owner a span {
    font-style: italic;
} 

/*------------------------------------------------------
certifications
--------------------------------------------------------*/
.certifications {
    background-color: #eb963e;
    color:#fff;
}
.certifications h2 {
    text-transform: uppercase;
    color: #fff;
}
.certifications img {
    width: 65%;
}
@media (min-width: 992px) {
    .certifications .div-borders {
        border-left: #fff 3px solid;
    }
  }

/*------------------------------------------------------
Qualifications
--------------------------------------------------------*/
#qualifications {
    background-color: #f5f0ea;
    color:#000;
}
#qualifications h2 {
    color: #e34464;
    font-weight: 600;
}
#qualifications span {
    font-weight: 600;
}

/*------------------------------------------------------
Testimonial Carousel
--------------------------------------------------------*/
#testimonials {
    background-color: #005456;
}
#testimonials p{
    color: #fff;
}
#testimonials h1 {
    color: #a1cfcd;
    font-family: StyleScript;
    font-size: 4rem;
}
#testimonails span {
    font-weight: 900;
}
#testimonials .carousel-caption {
    top: 50%;
    transform: translateY(-50%);
    bottom: initial;
    right:5%;
    left:5%;
}
#testimonials .carousel .carousel-inner .carousel-item .carousel-caption p {
    font-size: 1.1rem;
}
/* Declare heights because of positioning of img element */
#testimonials .carousel-item {
    height: 19rem;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
#testimonials .reviewer {
    font-style: italic;
}
#testimonials .fa-circle-arrow-left, #testimonials .fa-circle-arrow-right {
    font-size: 2rem;
    color:#a1cfcd;
    transition: 0.3s;
}
#testimonials .fa-circle-arrow-left:hover, #testimonials .fa-circle-arrow-right:hover {
    color: #d6eae9;
    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;
}
#ContactModal .modal-header {
    background-color: #F4EFEC;
}
#ContactModal .modal-footer {
    background-color: #fff;
}
#ContactModal .modal-body {
    background-color: #F4EFEC;
    height: 100%;  
    width: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    color:#fff;
    background-attachment: fixed;
}
#PrivacyModal .btn-secondary {
    background-color: #005456;
}
#PrivacyModal .btn-secondary:hover {
    background-color: #53a5a6;
}

/*------------------------------------------------------
Footer
--------------------------------------------------------*/
.footer {
    background-color: #F4EFEC;
    color: #000;
}
.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:#EA8FB0;
}
.footer a:hover {
    color: #F2B8D0;
}
.footer a.email {
    text-decoration: none;
    color: #54a9a9;
}
.footer a.email:hover {
    color: #a1cfcd;
}
.footer li {
    color: #EA8FB0;
    font-size: 1rem;
}
.footer ul {
    list-style-type: none;
    margin:0;
    padding:0;
}
.footer .a-div {
    padding: .85rem 1.5rem .85rem 1.5rem;
    background-color: #e34464;
    border-radius: 5rem;
    cursor: pointer;
    transition: 0.3s;
}
.footer .a-div:hover {
    background-color: #e974a4;
    color: #fff;
}
.footer a.button {
    text-decoration: none;
    color: #fff;
    font-size: 1.25rem;
    height: 100%;
    font-weight: bold;
    cursor: pointer;
    white-space: normal;
}
.footer p.email {
    color: #54a9a9;
}

/*------------------------------------------------------
Bottom Footer
--------------------------------------------------------*/
.bottom-footer {
    background-color: #fff;
    text-transform: uppercase;
}
.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: #005456 !important;
}
.bottom-footer h3 {
    font-size: 1.1rem;
}
.bottom-footer img{
    height: 75px;
    width: auto;
}

/* `sm` applies to x-small devices (portrait phones, less than 576px)*/
@media (min-width:0px) and (max-width: 575.98px) {  
#testimonials .carousel-item {
    height: 30rem;
}
#testimonials p {
    font-size: 0.80rem;
}
.dimensions h2 {
    font-size: 1rem;
}
}

/* `md` applies to small devices (landscape phones, less than 768px)*/
@media (min-width: 575.99px) and (max-width: 767.98px) {  
#testimonials .carousel-item {
    height: 23rem;
}
#testimonials p {
    font-size: 0.90rem;
}
.dimensions h2 {
    font-size: 1.25rem;
}
}

/* `lg` applies to medium devices (tablets, less than 992px)*/
@media (min-width: 768px)  and (max-width: 991.97px) {  
#testimonials .carousel-item {
    height: 23rem;
}
#testimonials p {
    font-size: .95rem;
}
.dimensions h2 {
    font-size: 1.5rem;
}
}

/* `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;
}
.dimensions h2 {
    font-size: 1.5rem;
}
}