@import 'fonts/montserrat/montserrat.css';
@import 'fonts/rufina/rufina.css';
@import 'fonts/ms-madi/ms-madi.css';

body {margin: 0;background-color: #f0f4f9;background-image: url(../images/gingham-vector-pattern-lg.svg);background-size: 700px;background-attachment: fixed;}

h1, h2, h3, h4, h5, h6 {font-family: 'Rufina', serif;}
h1 {color: #111;font-weight: 700;line-height: 1.2em;margin: 0 0 10px;font-size: clamp(36px, 5vw, 52px);position: relative;z-index: 2;}
body, p {font-family: 'Montserrat', sans-serif;font-size: 18px;color: #111;line-height: 1.6em;}
.decorative-text {font-family: 'Ms Madi', sans-serif;}
.signature-text {font-family: 'Licorice', sans-serif;}

.utility-nav {background-color: #f1c3b7;}
.utility-container {max-width: 1280px;margin: 0 auto;padding: 0 15px;}
.social-icons {padding: 8px;display: flex;gap: 15px;max-width: fit-content;margin: 0 0 0 auto;background-color: #F9F2F2;}
a.social-icon {text-decoration: none;height: 20px;display: flex
;transition: .3s ease all;}
a.social-icon svg {fill: #2f3f50;max-width: 20px;}
a.social-icon:hover {transform: scale(1.1);opacity: 0.8;transition: .3s ease all;}

.main-nav {max-height: 95px;position: relative;z-index: 2;background-color: #fff;}
.main-nav-container {margin: 0 auto;display: flex;flex-direction: row;align-items: stretch;justify-content: space-between;gap: 10px;position: relative;width: calc(100% - 30px);max-width: 1280px;max-height: 95px;padding: 0 15px;}
.logo-container a {position: relative;top: -25px;}
ul.navigation-menu-list {margin: 0;list-style: none;display: flex;flex-direction: row;flex-wrap: wrap;gap: 20px;align-items: center;padding: 20px 0;}
.facebook-link a {border: 3px solid #F9F2F2;background-color: #CB8E7E;color: #FFF8F8;border-radius: 50px;font-size: 16px;font-weight: 500;box-shadow: 0px 0px 0px 1px #CB8E7E;padding: 10px 25px;text-decoration: none;align-items: center;display: flex;}
.website-link a {border: 3px solid #F9F2F2;background-color: #2f3f50;color: #F9F2F2;border-radius: 50px;font-size: 16px;font-weight: 500;box-shadow: 0px 0px 0px 1px #2f3f50;padding: 10px 25px;text-decoration: none;align-items: center;display: flex;}
.facebook-link a::after {content: "";display: inline-block;background-color: #F9F2F2;width: 16px;height: 16px;margin-right: 4px;margin-left: 10px;mask-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M248%2072c0-13.3-10.7-24-24-24s-24%2010.7-24%2024V232H40c-13.3%200-24%2010.7-24%2024s10.7%2024%2024%2024H200V440c0%2013.3%2010.7%2024%2024%2024s24-10.7%2024-24V280H408c13.3%200%2024-10.7%2024-24s-10.7-24-24-24H248V72z%22%2F%3E%3C%2Fsvg%3E);mask-position: 0 0;mask-size: 100% 100%;mask-repeat: no-repeat;-webkit-mask-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M248%2072c0-13.3-10.7-24-24-24s-24%2010.7-24%2024V232H40c-13.3%200-24%2010.7-24%2024s10.7%2024%2024%2024H200V440c0%2013.3%2010.7%2024%2024%2024s24-10.7%2024-24V280H408c13.3%200%2024-10.7%2024-24s-10.7-24-24-24H248V72z%22%2F%3E%3C%2Fsvg%3E);-webkit-mask-position: 0 0;-webkit-mask-size: 100% 100%;transition: .3s all ease-in-out;}
.website-link a::after {content: "";display: block;background-color: #FFF8F8;width: 16px;height: 16px;margin-right: 4px;margin-left: 10px;mask-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M160%20112v48H288V112c0-35.3-28.7-64-64-64s-64%2028.7-64%2064zm-48%2096H48V416c0%2026.5%2021.5%2048%2048%2048H352c26.5%200%2048-21.5%2048-48V208H336v56c0%2013.3-10.7%2024-24%2024s-24-10.7-24-24V208H160v56c0%2013.3-10.7%2024-24%2024s-24-10.7-24-24V208zm0-48V112C112%2050.1%20162.1%200%20224%200s112%2050.1%20112%20112v48h64c26.5%200%2048%2021.5%2048%2048V416c0%2053-43%2096-96%2096H96c-53%200-96-43-96-96V208c0-26.5%2021.5-48%2048-48h64z%22%2F%3E%3C%2Fsvg%3E);mask-position: 0 0;mask-size: 100% 100%;mask-repeat: no-repeat;-webkit-mask-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20448%20512%22%3E%3Cpath%20d%3D%22M160%20112v48H288V112c0-35.3-28.7-64-64-64s-64%2028.7-64%2064zm-48%2096H48V416c0%2026.5%2021.5%2048%2048%2048H352c26.5%200%2048-21.5%2048-48V208H336v56c0%2013.3-10.7%2024-24%2024s-24-10.7-24-24V208H160v56c0%2013.3-10.7%2024-24%2024s-24-10.7-24-24V208zm0-48V112C112%2050.1%20162.1%200%20224%200s112%2050.1%20112%20112v48h64c26.5%200%2048%2021.5%2048%2048V416c0%2053-43%2096-96%2096H96c-53%200-96-43-96-96V208c0-26.5%2021.5-48%2048-48h64z%22%2F%3E%3C%2Fsvg%3E);-webkit-mask-position: 0 0;-webkit-mask-size: 100% 100%;transition: .3s all ease-in-out;}
.facebook-link:hover a::after, .website-link:hover a::after {transform: translate(5px, 0);transition: .3s all ease-in-out;}

.hero-section {background-image: url('../images/shopping.jpg');background-size: cover;background-repeat: no-repeat;background-position: center center;background-attachment: scroll;position: relative;}
.hero-overlay {background-color: #F9F2F2D1;transition: background-color .3s ease-in-out;position: absolute;top: 0;left: 0;bottom: 0;right: 0;}
.hero-container {position: relative;align-items: center;text-align: center;justify-content: center;max-width: 1200px;display: flex;flex-direction: column;margin: 0 auto;padding: 80px 40px;}
.content-container {margin-bottom: 30px;}
.hero-decorative-text {position: relative;top: 15px;left: -300px;font-size: 80px;font-weight: 400;color: #CB8E7E;margin: 0;line-height: .5;}
.hero-description {font-weight: 500;}
.row {display: flex;flex-direction: row;flex-wrap: wrap;gap: 30px;}
.column-container {padding: 20px;height: 100%;background-color: #fff;}
.col-lg-6 {border-radius: 10px;overflow: hidden;}

form {padding-top: 0 !important;}
[data-ff-el="root"].ff-663bcb0fc4f883babddd2c04 .ff-663bcb0fc4f883babddd2c04__control {box-shadow: 0 0 10px 0 rgba(0 0 0 / 15%);}
[data-ff-el="root"].ff-663bcb0fc4f883babddd2c04 .ff-663bcb0fc4f883babddd2c04__button {box-shadow: 0 0 0 1px #2f3f50;}

div.website-link {display: inline-block;padding: 30px;}

@media (min-width: 992px) {
    .col-lg-6 {float: left;width: calc(50% - 15px);}
}
@media (max-width: 992px) {
    .hero-decorative-text {left: -150px}
}
@media (max-width: 768px) {
    .col-lg-6 {float: none;width: 100%;}

    .main-nav {max-height: none;}
    .main-nav-container {flex-direction: column;text-align: center;max-height: none;gap: 0;}
    ul.navigation-menu-list {justify-content: center;padding-top: 0;}
}
@media (max-width: 576px) {
    .hero-decorative-text {left: 0px;top: 0;}

    .col-12 {width: 100%;}
}