/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/


:last-child{ margin-bottom:0; }

* {
    box-sizing: border-box;
    border: none;
    outline: none;
}
html, body { 
	overflow-x: hidden; 
	font-size: clamp(16px, 1vw, 18px);
}

a { color: inherit;}
ol, ul{ margin-left:14px; }

/* spacing */
.mb-0{ margin-bottom:0; }
.mb-15{ margin-bottom:15px; }
.mb-30{ margin-bottom:30px; }

.lhn{ line-height:normal; }
.lh1{ line-height:1; }


.section-space{
	padding-top: clamp(40px, 6vw, 115px);
	padding-bottom: clamp(40px, 6vw, 115px);
}
.section-space:not([class*="bg-"]) + .section-space:not([class*="bg-"]){
	padding-top: 0;
}
.space-between{ justify-content:space-between; }


@media (min-width: 1024px) {
	.wrap{
		max-width: 70.8vw;
		margin-left: auto;
		margin-right: auto;
	}
}

@media (max-width: 767px) {
	.j-center-m{justify-content: center !important;}
	.column-reverse-m{ flex-direction:column-reverse; }

	.pt-0-m{ padding-top:0 !important; }
	.pb-0-m{ padding-bottom:0 !important; }
}

/* buttons */
.wp-block-button .wp-block-button__link{
	border-radius: 4px;
	font-size: clamp(13px, 0.73vw, 14px);
}
.wp-block-button .wp-block-button__link:hover{ opacity:0.9; }

.main-navigation .main-nav ul li.nav-rounded{margin-left: 16px;}
.main-navigation .main-nav ul li.nav-rounded a {
  background: #AF7487;
  color: #fff !important;
  border-radius: 4px;
  padding-left: 40px;
  padding-right: 40px;
}

.slideout-navigation.do-overlay .inside-navigation{ 
	height:calc(100vh - 60px);
	height: 100dvh;	
	padding: 5%;
}
.slideout-navigation.do-overlay .inside-navigation .main-nav{
	flex: 1;
	width: 100%;
	margin:0;
}
.slideout-navigation .slideout-menu{ 
	height:100%; 
	flex-direction: column;
}
#generate-slideout-menu.do-overlay .slideout-menu li.nav-rounded{
	margin-top: auto;
}

@media screen and (max-width:767px){
	.wp-block-buttons{ justify-content:center; }	
	.main-navigation .main-nav ul li.nav-rounded{margin:0;}
	.main-navigation .main-nav ul li.nav-rounded a{ width: 100%;}	
}
@media screen and (max-width:345px){
	.wp-block-button .wp-block-button__link{font-size: 12px}
}

/*header*/
@media screen and (min-width:1361px){
	.sticky-enabled .main-navigation.is_stuck{ padding-top:10px; padding-bottom:10px; }
}
@media screen and (max-width:767px){
	.site-header .header-image{max-width: 160px;}
}

/* fonts */
.font--encode{ font-family: Encode Sans, sans-serif; }
.font--playfair{ font-family: Playfair Display, serif; }
.w300{ font-weight:300; }

h1, .h1{ font-size: clamp(30px, 2.084vw, 40px); }
h2, .h2{ font-size: clamp(24px, 1.667vw, 32px); }
h3,.h3{ font-size:clamp(20px, 1.25vw, 24px); }
.font-20-18{ font-size:clamp(18px, 1.042vw, 20px); }


/* colors */
.bg-gray{ background-color: #F2F2F2; }
.bg-gold{ background-color: #CBB89E; }
.bg-gold-dark{ background-color: #BD9C7E;}

.color-gold{ color:#BD9C7E; }
.color-pink{ color:#af7487; }


.border-shadow{
	box-shadow: -24px 24px 0px 0px rgba(189, 156, 127, 0.25);	
}

/* overrrides */
.wp-block-cover, .wp-block-cover-image{
	aspect-ratio: 1;
	min-height: 0;
}
@media (max-width: 767px) {
	.wp-block-cover, .wp-block-cover-image{
		aspect-ratio: 2/1.33;
	}
	.pb-0-m{ padding-bottom:0 !important; }
}
.wp-block-separator{ border:0; }


/*instagram block*/
.eapps-instagram-feed-posts-view.eui-slider-slide{ justify-content: space-between }
@media screen and (min-width:1200px){
	.eapps-instagram-feed-posts-item{ width: calc(25% - 15px) !important; }	
}
@media screen and (min-width:1480px){
	.eapps-instagram-feed-posts-item{ width: calc(20% - 15px) !important; }	
}
@media screen and (min-width:1760px){
	.eapps-instagram-feed-posts-item{ width: calc(16.6667% - 15px) !important; }	
}


/* hero's */
.hero{
	aspect-ratio: 1 / 0.323;
}

@media screen and (max-width:767px){
	.hero{
		aspect-ratio: 1 / 0.95;
	}
}



/*ANIMATIONS*/
:root {
    --animateScale: 1.1;
    --animateTranslateX:0.4em;
}
@media (min-width: 1025px){
    :root {
        --scaleAnimate: 1.05;
        --animateTranslateX:1em;
    }
}
@keyframes animateAmbient {
	0% { transform: rotate(0deg) translateX(1em) rotate(0deg) scale(var(--animateScale)); }
	100% { transform: rotate(360deg) translateX(1em) rotate(-360deg) scale( var(--animateScale)); }
}
@keyframes animateShapes {
    0% { transform: rotate(0deg) translateX(var(--animateTranslateX)) rotate(0deg); }
    100% { transform: rotate(360deg) translateX(var(--animateTranslateX)) rotate(-360deg); }
}
.hypnotic::before { animation: animateAmbient 20s linear infinite; }



/*FAQs */
.schema-faq-section{
	padding: 23px 0;
	border-top: 1px solid #EEE6DF;
}
.schema-faq-section:first-child{ border:0; }
.schema-faq-section .schema-faq-question{
	font-weight:normal; 
	cursor:pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	font-size:clamp(18px, 1.25vw, 24px);
	font-weight: 300;
}
.schema-faq-section .schema-faq-question:after{
	content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAzNiAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8cGF0aCBkPSJNMzUgMS41MTQ2NUwxOC4wMjk0IDE4LjQ4NTJMMS4wNTg4NCAxLjUxNDY1IiBzdHJva2U9IiNCRDlDN0UiIHN0cm9rZS13aWR0aD0iMiIvPgo8L3N2Zz4=');
}
.schema-faq-section.open .schema-faq-question {color:#BD9C7E; font-weight: bold;}
.schema-faq-section.open .schema-faq-question:after {
		content: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAzNiAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggaWQ9IlJlY3RhbmdsZSAxMiIgZD0iTTM1IDE4LjQ4NTRMMTguMDI5NCAxLjUxNDc5TDEuMDU4ODQgMTguNDg1NCIgc3Ryb2tlPSIjQkQ5QzdFIiBzdHJva2Utd2lkdGg9IjIiLz4KPC9zdmc+');
}
.schema-faq-section .schema-faq-answer{ display:none; margin-top:10px; }
.schema-faq-section.open .schema-faq-answer{ display:block; }

@media screen and (max-width:768px){
	.schema-faq-section .schema-faq-question:after{ scale:0.6 }
}


/* CONTACT */

@media screen and ( min-width:767px){
	.contact-grid{ flex-wrap:nowrap; }
	.contact-grid > .gb-grid-column{
		border-left: 1px solid #eee6df;
		padding:0 5%;
	}
	.contact-grid > .gb-grid-column:first-child{
		border:0;
		padding-left: 0;
	}
	.contact-grid > .gb-grid-column:last-child{ padding-right:0; }
}
@media screen and ( max-width:767px){		
	.contact-grid > .gb-grid-column:not(:last-child){
		border-bottom: 1px solid #eee6df;
		padding-bottom:20px;
	}	
}



/*responsive*/
.br-show-mobile br{display: none;}
.show-tablet,
.show-mobile{ display:none; }

@media screen and (max-width:1024px){
	.show-tablet{ display:block; }
	.hide-tablet{ display:none; }
}

@media screen and (max-width:767px){
	.br-show-mobile br,
	.show-mobile{ display:block; }

	.br-mobile br{ display:none; }
	.hide-mobile{ display:none; }
}