:root {
	--navbar-link: #ffffff;
	--navbar-link-hover: #f1c989;
	--bs-body-font-family: "Libre Baskerville","Palatino Linotype","Book Antiqua",Palatino,Georgia,"Times New Roman",Times,serif;
	--handwrite-font-family: "The Wedding Signature";
}

/* basics */
html {
	scroll-behavior: smooth;
}
html, body {
	font-size: 1rem;
	margin: 0 !important;
	padding: 0 !important;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	margin-bottom: 1rem;
}
.h1, h1 { font-size: 2.5rem; }
.h2, h2 { font-size: 2rem; }
.h3, h3 { font-size: 1.75rem; }
.h4, h4 { font-size: 1.5rem; }
.h5, h5 { font-size: 1.25rem; }
.h6, h6 { font-size: 1rem; }
.display-1 { font-size:5rem }
.display-2 { font-size:4.5rem }
.display-3 { font-size:4rem }
.display-4 { font-size:3.5rem }
.display-5 { font-size:3rem }
.display-6 { font-size:2.5rem }
.handwrite {
	font-family: var(--handwrite-font-family);
	line-height: .8;
}
#main {
	margin-top: 0;
}

.vr {
	605852
}


/* menu */
.navbar-toggler {
	border: none !important;
	outline: none !important;
	box-shadow: none !important;
	color: #fff;
}
.navbar-toggler:active,
.navbar-toggler:focus,
.navbar-toggler:active:focus,
.navbar-toggler:hover:active,
.navbar-toggler:focus-visible {
	color: #d9ae77;
}
#header.bg-light,
.bg-logo {
	background-color: #b76c60 !important;
	background-image: none !important;
}
#header.bg-light .nav-link {
	text-transform: uppercase;
	color: var(--navbar-link);
}
#header.bg-light .nav-link:hover {
	color: var(--navbar-link-hover);
}
.navbar-brand img {
	height: 60px;
}
@media(min-width:992px){
	.navbar-brand img {
		height: 90px;
		margin-bottom: .5rem;
	}
}
body.scrolled #header {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	z-index: 1030;
}
@media(max-width:991.98px){
	body.scrolled {
		margin-top: 64px !important;
	}
	body.scrolled #header .navbar-brand img {
		height: 36px;
	}
}
@media(min-width:992px){
	body.scrolled {
		margin-top: 56px !important;
	}
	body.scrolled #header-logo {
		margin-top: -98px;
	}
}

/* home page */
body.home h1 {
	display: none;	
}
/* home page - top */
.home-top .areoi-background__image {
	z-index: -1;
}
.home-top-slogan {
	font-size: 8rem;
}
.home-top .handwrite {
	line-height: .5;
}
.home-top-button {
	background-color: transparent !important;
	background-image: none !important;
	padding: 20px 35px !important;
	border: 3px solid #d9ae77 !important;
	border-radius: 0px !important;
}
.home-top-button:hover {
	background-image: none !important;
	border-color: #ffffff !important;
	box-shadow: none !important;
}
.home-top-button:active,
.home-top-button:focus,
.home-top-button:active:focus,
.home-top-button:hover:active,
.home-top-button:focus-visible {
	background-color: #b76c60 !important;
}
.home-top-wavy-container {
	position: relative;
}
.home-top-wavy {
	position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
	height: 60px;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}
.home-top-wavy svg {
    position: relative;
    display: block;
    width: calc(125% + 1.3px);
    height: 60px;
}
@media(min-width:768px){
	.home-top-wavy,
	.home-top-wavy svg {
		height: 100px;
	}
}
.home-top-wavy .shape-fill {
    fill: #fef7f1;
}

/* home page - motto */
.home-motto {
	color: #605852;
	background-color: #fef7f1;
	background-image: url(/wp-content/uploads/2024/12/home-motto-quotation-mark.png);
	background-position: center center;
	background-repeat: no-repeat;
}
.home-motto .col {
	padding-top: 5rem;
	padding-bottom: 5rem;
}
.home-motto .col h3 {
	margin-bottom: 1.5rem;
	line-height: 1.8;
}
.home-motto-wavy-container {
	position: relative;
}
.home-motto-wavy {
	position: absolute;
    bottom: -60px;
    left: 0;
    width: 100%;
	height: 60px;
    overflow: hidden;
    line-height: 0;
}
.home-motto-wavy svg {
    position: relative;
    display: block;
    width: calc(125% + 1.3px);
    height: 60px;
	z-index: 2;
}
.home-motto-wavy .shape-fill {
    fill: #fef7f1;
}
@media(min-width:768px){
	.home-motto-wavy {
	    bottom: -100px;
		height: 100px;
	}
	.home-motto-wavy svg {
		height: 100px;
	}
}

/* home page - selftime */
.home-selftime .text {
	background: rgba(227,175,153,.8);
}
@media(min-width:768px){
	.home-selftime {
		background-image: url(/wp-content/uploads/2024/12/home-selftime.jpg);
		background-position: left center;
		background-repeat: no-repeat;
		background-size: 100% auto;
	}
	.home-selftime .areoi-background {
		z-index: -1;
	}
}
@media(min-width:992px){
	.home-selftime {
		background-size: 50% auto;
	}
	.home-selftime .text {
		background: none;
	}
}
.home-selftime .text hr {
	height: 2px !important;
	margin: 2rem 0 3rem !important;
	width: 75%;
}

/* home page - notalone */

/* home page - about */
.home-about a.btn {
	background-color: transparent !important;
	background-image: none !important;
	padding: 15px 30px !important;
	border: 3px solid #d9ae77 !important;
	border-radius: 0px !important;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}
.home-about a.btn:hover {
	background-image: none !important;
	border-color: #ffffff !important;
	box-shadow: none !important;
}
.home-about a.btn:active,
.home-about a.btn:focus,
.home-about a.btn:active:focus,
.home-about a.btn:hover:active,
.home-about a.btn:focus-visible {
	background-color: #99594f !important;
}

/* home - happiest-balanced */
.home-happiest-balanced {
	padding-top: 40px;
	padding-bottom: 40px;
	color: #605852;
}
.home-happiest-balanced .vr {
	background-color: #605852;
	width: 2px;
	opacity: 1;
}

/* home - parallax 1 */
.home-parallax-1 {
	padding-top: 300px;
	padding-bottom: 300px;
}
.home-parallax-1-wavy-container {
	position: relative;
}
.home-parallax-1-wavy {
	position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
	height: 60px;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}
.home-parallax-1-wavy svg {
    position: relative;
    display: block;
    width: calc(125% + 1.3px);
    height: 60px;
}
@media(min-width:768px){
	.home-parallax-1-wavy,
	.home-parallax-1-wavy svg {
		height: 100px;
	}
}
.home-parallax-1-wavy .shape-fill {
    fill: #e3af99;
}

/* home - massages */
.home-massages {
	padding-top: 40px;
	padding-bottom: 40px;
	background: #e3af99 !important;
	background: linear-gradient(180deg, #e3af99 80%, #b76c60 80%) !important;
}
.home-massages .areoi-background__color {
	background: transparent !important;
}
.home-massages h2:first-child {
	font-size: 2.5rem;
}
@media(min-width:768px){
	.home-massages h2:first-child {
		display: flex;
		width: 100%;
		justify-content: center;
		align-items: center;
		text-align: center;
	}
	.home-massages h2:first-child:before,
	.home-massages h2:first-child:after {
		content: '';
		border-top: 2px solid;
		margin: 0 20px 0 0;
		flex: 1 0 20px;
		color: #ffffff;
		max-width: 10%;
	}
	.home-massages h2:first-child:after {
		margin: 0 0 0 20px;
	}
}

.home-massages .wp-block-image {
	position: relative;
}
.home-massages .wp-block-image figcaption {
	position: absolute;
	bottom: -1.5rem;
	right: 0;
	background: #fff;
    padding: 1rem;
	font-size: 14px;
	width: 100%;
}
@media (min-width:350px) and (max-width:575.98px) {
	.home-massages .wp-block-image img {
		max-width: 300px;
	}
}
@media(min-width:768px){
	.home-massages .wp-block-image figcaption {
		width: inherit;
		font-size: 16px;
	}
}
@media(min-width:992px){
	.home-massages .wp-block-image figcaption {
		padding: 1.5rem;
		bottom: -1.75rem;
	}
}
@media(min-width:1200px){
	.home-massages .wp-block-image figcaption {
		padding: 2rem;
		bottom: -2rem;
	}
}

.home-quote {
	padding-top: 150px;
	padding-bottom: 150px;
}
.home-quote h3 {
	line-height: 2;
}










.navbar-brand img,
#header-logo {
	-webkit-transition: all .3s ease !important;
	-moz-transition: all .3s ease !important;
	-ms-transition: all .3s ease !important;
	-o-transition: all .3s ease !important;
	transition: all .3s ease !important;
}



.bg-brown {
	background: rgb(183,108,96);
}
@media(min-width:768px){
	.bg-brown {
		background: linear-gradient(90deg, rgba(183,108,96,1) 70%, rgba(183,108,96,0) 70%, rgba(183,108,96,0) 100%);
	}
}
@media(min-width:1200px){
	.bg-brown {
		background: linear-gradient(90deg, rgba(183,108,96,1) 75%, rgba(183,108,96,0) 75%, rgba(183,108,96,0) 100%);
	}
}
@media(min-width:1400px){
	.bg-brown {
		background: linear-gradient(90deg, rgba(183,108,96,1) 80%, rgba(183,108,96,0) 80%, rgba(183,108,96,0) 100%);
	}
}