/*---
CSS Version 4
Updated 2025-08-28
---*/

/*------------------------------------------------------
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--
Dark Green: #5A804D
Olive Green: #D2D2AE
Light Green: #BFD1A0
Dark Pink: #EA8FB0
Light Pink: #F2B8D0
Off White: #F4EFEC
Black: #2B2B2B

--*/


/*------------------------------------------------------
Top NAVBAR
--------------------------------------------------------*/
.topnavbar {
    background-color: #BFD1A0;
}
.topnavbar .social li a i {
    color: #5A804D;
    font-size: 1.5rem;
}
.topnavbar .social a:hover {
    color: #638719;
}
.topnavbar i {
    font-size: 3rem;
    color: rgba(255, 255, 255, 0.5);
}

/*------------------------------------------------------
Dynamic Navbar
--------------------------------------------------------*/
#dynamicnavbar {
    border-bottom: grey 1px solid;
    font-size: 1.35rem;
    background-color: #fff !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:#638719;
}
#dynamicnavbar img:hover {
    cursor: pointer;
}
#dynamicnavbar a {
    padding-left:1.5rem;
}
#dynamicnavbar ul li a {
    color: #000;
    white-space: nowrap;
}
#dynamicnavbar ul li .a-div {
    padding: .25rem 1rem .25rem .25rem;
    background-color: #EA8FB0;
    border-radius: 5rem;
    cursor: pointer;
    transition: 0.3s;
}
#dynamicnavbar ul li .a-div:hover {
    background-color: #F2B8D0;
    color: #fff;
}
#dynamicnavbar ul li a.button {
    text-decoration: none;
    color: #fff;
    font-size: 1.25rem;
    height: 100%;
    font-weight: bold;
    cursor: pointer;
    text-transform: uppercase;
}

/*------------------------------------------------------
Overview
--------------------------------------------------------*/
#overview {
    background-color: #F4EFEC;
    color: #fff;
}
#overview h1 {
    font-size: 3.5rem;
    color: #EA8FB0;
}
#overview p.italic {
    color: #EA8FB0;
    font-size: 1rem;
    font-style: italic;
}
#overview p {
    color: #000;
    font-size: 1.75rem;
}
#overview p.bold {
    color:#F2B8D0;
    font-size: 3rem;
    font-weight: 600;
}
#overview a {
    padding: .85rem 1.5rem .85rem 1.5rem;
    text-decoration: none;
    color: #fff;
    font-size: 1.25rem;
    line-height: 5rem;
    background-color: #5A804D;
    font-weight: 300;
    border-radius: 5rem;
    cursor: pointer;
}
#overview a:hover {
    background-color: rgba(77, 77, 77, 0.6);
    color: #fff;
}
#overview a span {
    font-style: italic;
} 

/*------------------------------------------------------
Dimensions
--------------------------------------------------------*/
.dimensions {
    background-color: #F2B8D0;
}
.dimensions h2 {
    text-transform: uppercase;
    color: #fff;
}

/*------------------------------------------------------
Services
--------------------------------------------------------*/
#services {
    scroll-margin-top: 5rem;
}
.services {
    background-color: #BFD1A0;
}
.services img {
    display: block;
    width: 100%;
    height: auto;
}
.services .shadow-lg {
    border-radius: 1px !important;
}
.services .card-text {
    text-transform: uppercase;
}
.services .card {
    background-color: transparent;
}
.services .caption {
    position: absolute;
    bottom:0;
    width: 100%;
	background-color: rgba(255, 255, 255, 0.8);
    color: #000;
}
.services .caption p {
    font-weight: 900;
    font-size: 1.5rem;
}
.services h1 {
    font-weight: 900;
    color: #5A804D;
}
.services .caption {
    cursor:default;
    opacity: 1;
}
.services .caption-overlay {
    background-color: rgba(0, 0, 0, 0.8);
    height: 100%;
    color: #fff;
    cursor: default;
    transition: 0.3s;
    opacity: 0;
}
.services .card:hover .caption {
    opacity: 0;
}
.services .card:hover .caption-overlay {
    opacity: 1;
}
.services a {
    padding: .85rem 1.5rem .85rem 1.5rem;
    text-decoration: none;
    color: #fff;
    font-size: 1.25rem;
    line-height: 5rem;
    background-color: #5A804D;
    font-weight: bold;
    border-radius: 5rem;
    cursor: pointer;
}
.services a:hover {
    background-color: #3c5533;
}
.services .bg-1{
    background: url("../images/coaching.jpg");
    width: 100%;
    min-height: 30rem;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.services .bg-2{
    background: url("../images/bloom-bottle.png");
    width: 100%;
    min-height: 30rem;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}
.services .bg-3 {
    background: url("../images/resources.jpg");
    width: 100%;
    min-height: 30rem;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

/*------------------------------------------------------
Owner
--------------------------------------------------------*/
#owner {
    background-color: #F4EFEC;
    color: #fff;
}
#owner h1 {
    font-size: 3.5rem;
    color: #EA8FB0;
    font-weight: 900;
}
#owner p.italic {
    color: #EA8FB0;
    font-size: 1rem;
    font-style: italic;
}
#owner p {
    color: #000;
    font-size: 1rem;
}
#owner p.script {
    font-family: 'Times New Roman', Times, serif;
}
#owner a {
    padding: .85rem 1.5rem .85rem 1.5rem;
    text-decoration: none;
    color: #5A804D;
    font-size: 1.25rem;
    line-height: 5rem;
    background-color: transparent;
    font-weight: 300;
    border-radius: 5rem;
    border: #5A804D 1px solid;
    cursor: pointer;
}
#owner a:hover {
    background-color: #5A804D;
    color: #fff;
}
#owner a span {
    font-style: italic;
}
#owner img {
    width: 40%;
}

/*------------------------------------------------------
Testimonial Carousel
--------------------------------------------------------*/
#testimonials {
    background-color: #F2B8D0;
}
#testimonials p{
    color: #fff;
}
#testimonials h1 {
    color: #EA8FB0;
    font-weight: 900;
    text-transform: uppercase;
}
#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.05rem;
}
/* Declare heights because of positioning of img element */
#testimonials .carousel-item {
    height: 28rem;
    -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:#ea8fb0;
    transition: 0.3s;
}
#testimonials .fa-circle-arrow-left:hover, #testimonials .fa-circle-arrow-right:hover {
    color:rgba(234, 143, 176, 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;
}
#ContactModal .modal-header {
    background-color: #fff;
}
#ContactModal .modal-footer {
    background-color: #fff;
}
#ContactModal .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;
}

/*------------------------------------------------------
Footer
--------------------------------------------------------*/
.footer {
    background-color: #F4EFEC;
    color: #000;
    border-bottom: #000 1px solid;
}
.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: #5A804D;
}
.footer a.email:hover {
    color: #3c5533;
}
.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: #EA8FB0;
    border-radius: 5rem;
    cursor: pointer;
    transition: 0.3s;
}
.footer .a-div:hover {
    background-color: #F2B8D0;
    color: #fff;
}
.footer a.button {
    text-decoration: none;
    color: #fff;
    font-size: 1.25rem;
    height: 100%;
    font-weight: bold;
    cursor: pointer;
    white-space: normal;
    text-transform: uppercase;
}
.footer p.email {
    color: #5A804D;
}
.footer a i.social {
    color: #5A804D;
    font-size: 2rem;
    transition: 0.3s;
}
.footer a i.social:hover {
    color: #3c5533;
    font-size: 2rem;
}

.footer .healthcoach img {
    width: 2rem;
}
.footer .healthcoach p {
    font-size: 0.75rem;
}

/*------------------------------------------------------
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: #5A804D !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: 60rem;
}
#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: 35rem;
}
#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: 40rem;
}
#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;
}
}