body {
    font-family: 'Open Sans', sans-serif;
}

    body * {
        scroll-behavior: smooth;
    }


/***** COLORS *****/
.magnolia-green {
    color: #8ba57e;
}
.magnolia-title-green {
    color: #3a623f;
}
.magnolia-gray {
    color:#bfbfbf;
}

.magnolia-pale-green {
    color: color-mix(in srgb, #8ba57e, #ffffff 60%);
}

.bg-dk-grn {
    background-color: #22291F;
    color: #f8f9fa;
}

    .bg-dk-grn .nav-link {
        color: #f8f9fa;
    }

.bg-mgf-pale {
    background-color: color-mix(in srgb, #8ba57e, #ffffff 60%);
}

.border-dk-grn {
    border-color: #22291F !important;
}

.border-mgf-green {
    border-color: #8ba57e !important;
}

.border-pale-green {
    border-color: color-mix(in srgb, #8ba57e, #ffffff 60%) !important;
}



/***** FONTS *****/
.hurricane {
    font-family: Hurricane, cursive;
    font-weight: 500;
    font-style: normal;
}

.julius {
    font-family: 'Julius Sans One', 'Tempus Sans ITC', sans-serif;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
}

.raleway {
    font-family: Raleway, 'Open Sans', sans-serif;
    font-weight: 400;
    font-style: normal;
}


/***** HEADINGS *****/
.h1, .h2, .h3, .h4,
h1, h2, h3, h4 {
    /*font-family: Hurricane, cursive;*/
    font-weight: 400;
    font-style: normal;
    color: #3a623f;
}

.h1 {
  font-size: 4rem;
  line-height: .8;
  margin-top: 1rem;
}

@media screen and (min-width:992px){
   .h1 {
      font-size: 6rem;
      line-height: 1;
      margin-top: 0;
    }

   .bg-lg-transparent {
       background-color: transparent!important;
   }
}


.text-shadow {
    text-shadow: -2px 2px 5px #000000;
}

.quote-icon, .quote-icon-reverse {
  width: 55px;
}

.quote-icon-reverse {
  transform: rotate(180deg);
}


/*** BUTTONS ***/
.btn {
    font-family: 'Julius Sans One', 'Tempus Sans ITC', sans-serif;
}

.btn-mag-grn {
    background-color: #3a623f;
    border-color: #3a623f;
    color: white;
}

.btn-mag-lt-grn {
    background-color: #6f8465;
    border-color: #8ba57e;
    font-weight: 600;
    box-shadow: var(--bs-box-shadow);
    transition: all ease-in-out .15s;
}

.bg-mag-lt-grn {
    background-color: #8ba57e;
}

.btn-mag-lt-grn:hover, .btn-mag-lt-grn:active, .btn-mag-lt-grn:focus {
    background-color: #8ba57e;
    border-color: #8ba57e;
    transform: translate3d(0px, -2px, 0px);
}


.link-mag-grn {
    color: #3a623f;
    text-decoration: none;
}
.link-mag-grn:active, .link-mag-grn:hover {
    color: #6f8465;
}

.link-wbd {
    color: #679331;
    transition: color .5s ease-in;
    padding-left: 25px;
    margin-left: 5px;
    background: url(../media/images/webbot-leaf.png) left 50%/contain no-repeat;
}

.link-wbd:active, .link-wbd:focus, .link-wbd:hover {
    color: #69bc33;
}


a.magnolia-green:hover, a.magnolia-green:active, a.magnolia-green:focus {
    color: #3a623f;
}


/*** BLOCKS & SECTIONS ***/
.section-bg-img {
    background-size: cover;
    background-position: center center;
}

.banner-bg {
    background-image: url('../media/images/bgs/mgf-aerial-view.jpg');
}

.banner-2025-bg {
    background: url('../media/images/heroes/wedding-couple-ceremony.jpg') right bottom no-repeat;
    background-size: cover;
}

.banner-fade, .banner-fade-end {
    background-color: rgba(0,0,0,.75);
}

.vine-bg {
    background: url('../media/images/bgs/magnolia-vines.png') center top no-repeat;
    background-size: contain;
}

.bride-bg {
    background: url('../media/images/heroes/bride.png') right top no-repeat;
    background-size: 62%;
}

.airbnb-banner {
    background: url('../media/images/bgs/wedding-couple-bathtub.jpg') center center no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.photography-banner {
    background: url('../media/images/bgs/photography-banner.jpg') left bottom no-repeat;
    background-size: cover;
}

@media (min-width:768px) {
    .banner-fade {
        background: linear-gradient(90deg, rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, .9) 50%, rgba(0, 0, 0, .1) 100%);
    }
    
    .banner-fade-end {
        background: linear-gradient(270deg, rgba(0, 0, 0, 1) 30%, rgba(0, 0, 0, .9) 50%, rgba(0, 0, 0, .1) 100%);
    }

    .photography-banner {
        background-position-x: 25%;
    }
}

@media (min-width:992px){
    .banner-2025-bg {
        aspect-ratio: 20/9
    }
    
    

    .bride-bg {
        aspect-ratio: 1/1;
    }

    .airbnb-banner {
        aspect-ratio: 5/2;
    }

    /*.photography-banner {
        aspect-ratio: 20/9;
    }*/
}

@media (min-width:1200px){
    .photography-banner {
        background-position-x: left;
    }
}



.corp-bg {
    /*background-image: url('../media/images/bgs/formal-table-setting-35.jpg');*/
}

.photography-bg {
    /*background-image: url('../media/images/bgs/christmas-living-room-25.jpg');*/
}

.socials-bg {
    /*background-image: url('../media/images/bgs/house-dining-room-25.jpg');*/
}

#airbnb_carousel img {
    max-height:150px;
    margin-left: .5rem;
    margin-right: .5rem;
}

#testimonialsCarousel .slick-track {
    display: flex;
    align-items: stretch;
}

/*** UTILITIES ***/

.w-40 {
    width: 40%; 
    max-width: 40%;
}
.icon-list li, 
.icon-list p {
    text-indent: -.9rem;
}

.text-hanging-3 {
    text-indent: -1rem;
}

.text-hanging-4 {
    text-indent: -1.5rem;
}

.text-justify {
    text-align: justify;
}

textarea.form-control {
    min-height: 6rem!important;
}

.pb-xs-md-60 {
    padding-bottom: 60px
}


.ms-n2 {
    margin-left: -.5rem;
}

.mt-n6 {
    margin-top: -6rem;
}

.mt-n7 {
    margin-top: -7rem;
}

.border-75 {
    border-width: .75rem!important;
}


@media (min-width: 992px) {
    .pb-xs-md-60 {
        padding-bottom:unset
    }

    .pt-lg-10p {
        padding-top: 10%;
    }
}

@media screen and (max-width: 767px) {
    .cky-revisit-bottom-left {
        bottom: 45px!important;
    }
}