/*
 Theme Name:   the-bothey
 Theme URI:    https://bothey.co.za/
 Description:  The Bothey, Child Theme of Astra
 Author:       Tigme
 Author URI:   https://tigme.com/
 Template:     astra
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         custom-menu, Custom Logo, Entertainment, One Column, Two Columns, Left Sidebar, E-Commerce, Right Sidebar, Custom Colours, Editor Style, Featured Images, Full Width Template, microformats, Post Formats, rtl-language-support, Theme Options, threaded-comments, translation-ready, Blog
 Text Domain:  astra
*/

/* styles index
	1. global/custom styles
	2. navigation
	3. typography
	4. footer
	5. contact form 7
	6. meow apps
*/


/* -----------------------------
*
*	1. global/custom styles
*
----------------------------- */

.ast-single-post .entry-content .wp-block-button .wp-block-button__link,
.ast-single-post .entry-content .wp-block-search .wp-block-search__button,
body .entry-content .wp-block-file .wp-block-file__button,
.uagb-buttons__outer-wrap .uagb-buttons-repeater,
.ast-builder-social-element,
.wp-block-gallery figure.wp-block-image {
	transition: 0.5s ease-in-out;
}

/* align scroll to top button center bottom */
#ast-scroll-top {
	transition: 0.5s ease-in-out;
	left: 49.75vw;
	bottom: 0;
	transform: translate(-51.25%);
}


/* -----------------------------
*
*	2. navigation
*
----------------------------- */

/* remove padding on either side of masthead */
#masthead .ast-container {
	padding-left: 0;
	padding-right: 0;
}

/* move masthead down on all screens */
#masthead {
	margin-top: 45px;
}

/* add background to primary header bar on large screens only */
@media (min-width: 991px) {
	.ast-primary-header-bar .site-primary-header-wrap {
		min-height: 60px;
		height: 60px;
		background-color: rgba(34, 59, 78, 0.9);
	}
}
@media (min-width: 922px) and (max-width: 990px) {
	.ast-primary-header-bar .site-primary-header-wrap {
		min-height: 60px;
		height: 60px;
	}
	.site-header-section {
		height: auto;
		min-height: 0;
		align-items: center;
		/* background-color: rgba(34, 59, 78, 0.9); */
	}
	.site-header-section .ast-builder-menu {
		background-color: rgba(34, 59, 78, 0.9);
		height: 60px;
	}
}

/* add map pin icon before header button */
.tbh-btn-directions {
	width: 60px;
	height: 60px;
}
.tbh-btn-directions:hover,
.tbh-btn-directions:focus {
	background-color: #eae4da;
	mix-blend-mode: color-burn;
	filter: drop-shadow(0px 0px 3px rgba(34, 59, 78, 0.3));
	color: rgba(235, 229, 219, 0.0) !important;
}
.tbh-btn-directions a {
	color: #e8e0d5 !important;
}
.site-header-section > * {
	padding: 0 0;
}

/* START : add "BOOK NOW" button on mobile menus only */
@media (max-width: 768px) {
	.tbh-btn-mobile-booknow > a.menu-link {
		font-size: 1em;
		font-weight: 600 !important;
		color: #ebe5db !important;
		letter-spacing: 3px;
		background-color: rgba(34, 59, 78, 0.5) !important;
		line-height: 1.3 !important;
		margin-top: 40px;
	}
}
/* END : add "BOOK NOW" button on mobile menus only */

/* START : style "BOOK NOW" button on large screens */
@media (min-width: 1440px) {
	.ast-header-button-1[data-section*="section-hb-button-"] .ast-builder-button-wrap .ast-custom-button {
		padding-top: 22px;
		padding-bottom: 21px;
		padding-left: 30px;
		padding-right: 200px;
	}
}
@media (min-width: 922px) and (max-width: 1439px) {
	.ast-header-button-1[data-section*="section-hb-button-"] .ast-builder-button-wrap .ast-custom-button {
		padding-top: 22px;
		padding-bottom: 21px;
		padding-left: 30px;
		padding-right: 70px;
	}
	#menu-item-49 {
		padding-left: 50px;
	}
}
.ast-builder-button-wrap > a > .ast-custom-button {
	white-space: nowrap;
}
/* END : style "BOOK NOW" button on large screens */

/* add background behind logo */
.ast-logo-title-inline .site-logo-img {
	background: #f0eeeb;
	height: 170px;
	width: 170px;
	border-radius: 0 45px;
	text-align: center;
	vertical-align: middle;
	padding-top: 20px;
	padding-left: 1em;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
@media (min-width: 1440px) {
	.ast-logo-title-inline .site-logo-img {
		margin-left: 240px;
	}
}
@media (min-width: 991px) and (max-width: 1439px) {
	.ast-logo-title-inline .site-logo-img {
		margin-left: 70px;
	}
}

/* style links and background colour of sub menu on large screens */
@media (min-width: 922px) {
	.main-header-menu .sub-menu {
		width: auto !important;
		padding-top: 10px;
		padding-bottom: 15px;
	}
	.ast-desktop .main-header-menu.ast-menu-shadow .sub-menu {
		box-shadow: none;
		border-left: solid 3px #ebe5db;
	}
	.sub-menu > li > a.menu-link {
		text-wrap: nowrap;
		padding: .4em 1.5em !important;
	}
}

/* place hamburger menu below logo on mobiles */
@media (max-width: 990px) {
	.ast-builder-grid-row {
		display: flex;
		align-items: center;
		flex-direction: column;
	}

	.site-header .site-branding {
		display: flex !important;
		justify-content: center !important;
		margin-top: 40px; /* Add some space above the logo */
		margin-bottom: 10px; /* Add some space below the logo */
	}

	.main-header-bar-navigation {
		order: 2; /* Ensure the menu appears below the logo */
	}

	.site-logo-img {
		order: 1; /* Ensure the logo appears first */
	}

	/* change colour of hamburger icon on transparent headers */
	.ast-theme-transparent-header [data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal > span > span > svg {
		fill: #fff;
		background: #dd4662;
		padding: 0.5em;
	}

	/* make close toggle icon of mobile menu larger */
	.ast-mobile-popup-drawer .ast-mobile-popup-header .menu-toggle-close > span > span > svg {
		width: 30px;
		height: 30px;
	}
}


/* -----------------------------
*
*	3. typography
*
----------------------------- */

a,
a > div {
	transition: 0.5 ease-in-out;
}

b,
strong {
	font-weight: 600 !important;
}

.entry-content ul,
.entry-content ol {
	margin-bottom: 1.5em;
}
.entry-content ul li,
.entry-content ol li {
	line-height: 1.4;
	padding-left: 0.5em;
	margin-bottom: 0.55em;
}

@media (max-width: 720px) {
	/* center paragraph text on mobile screens */
	p {
		font-size: 1.1em;
		text-align: center;
	}

	/* center selected text on mobile screens */
	.text-center {
		text-align: center;
	}

	/* left-align selected text on mobile screens */
	.text-left {
		text-align: left !important;
	}
}

@media (min-width: 768px) and (max-width: 900px) {
	/* center selected text on tablets */
	.text-center-tablet {
		text-align: center;
	}
}

/* START : style Feature accordion on Suite pages */
.tbh-features-accordion .uagb-faq-item.uagb-faq-item-active .uagb-question {
	font-weight: 700;
}
.uagb-block-b45b215e.uagb-faq__outer-wrap {
	border-bottom: solid 1px #EBE5DA96;
}
/* END : style Feature accordion on Suite pages */

/* ensure separator aligns right on large screens */
@media (min-width: 922px) {
	.tbh-meet-you-heading-separator > .uagb-separator {
		margin: 0 -30px 0 0 !important;
	}
}


/* -----------------------------
*
*	4. footer
*
----------------------------- */

.ast-footer-copyright {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 600;
	line-height: 1.2;
}

/* change item alignment to middle on tablets and mobiles */
@media (min-width: 319px) and (max-width: 850px) {
	.site-above-footer-wrap[data-section="section-above-footer-builder"] .ast-builder-grid-row,
	.site-above-footer-wrap[data-section="section-above-footer-builder"] .site-footer-section {
		align-items: center;
		/* background: linear-gradient(to bottom, #7ba3a9 3%, #ebe5db 3%, #ebe5db 94%); */
	}
	.site-footer-above-section-3 p {
		text-align: center !important;
	}
}

/* scale background bougainvillea image on smaller screens */
@media (max-width: 921px) {
	.site-above-footer-wrap[data-section="section-above-footer-builder"] {
		background-size: 100%;
		background-color: #ebe5db;
	}
}

/* remove bottom margin from site-above-footer-wrap sections */
.site-above-footer-wrap[data-section="section-above-footer-builder"].ast-footer-row-mobile-stack .site-footer-section {
	margin-bottom: 0;
}

/* style size of cherise chevron in footer "Check Availability" link */
.tbh-check-availability-chevron mark {
	font-size: 26px;
}
@media (max-width: 767px) {
	.tbh-check-availability-chevron mark {
		font-size: 23px;
		vertical-align: 4px;
	}
}
@media (min-width: 768px) and (max-width: 990px) {
	.tbh-check-availability-chevron mark {
		font-size: 25px;
		vertical-align: 1px;
	}
}


/* -----------------------------
*
*	5. contact form 7
*
 ----------------------------- */

.wpcf7 input:not([type="submit"]),
.wpcf7 select,
.wpcf7 textarea {
	border-top-width: 0 !important;
	border-right-width: 0 !important;
	border-bottom-width: 1px;
	border-left-width: 0 !important;
	border-style: solid;
	background: rgba(200, 210, 210, 0);
	border-radius: 0;
	border-color: rgba(105, 200, 207, 0.7);
	box-shadow: none;
	padding: 5px !important;
}

.wpcf7 input:not([type="submit"]):focus,
.wpcf7 select:focus,
.wpcf7 textarea:focus {
	border-color: rgba(213, 144, 23, 1) !important;
}

label {
	font-size: 16.3px;
	font-weight: 600;
	line-height: 1 !important;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #465568;
}

.wpcf7-list-item {
	margin: 0.5em 1em 0 0;
}

.wpcf7-list-item-label {
	font-weight: 400;
	color: #1a3a46;
}

.wpcf7 .wpcf7-not-valid-tip {
	color: #d81d40;
	font-size: 14px;
	font-weight: 500;
	margin-top: 5px;
	text-transform: uppercase;
	letter-spacing: 1px;
}


/* -----------------------------
*
*	6. meow apps
*
----------------------------- */

.mwl .mwl__metadata h2 {
	font-family: 'Albert Sans', sans-serif !important;
	font-size: 0.99rem !important;
	font-weight: 500 !important;
	letter-spacing: 2px !important;
	color: #7ba3a9 !important;
	text-transform: uppercase;
}

.mwl .mwl__metadata .description .caption-wrapper {
	max-height: 15vh !important;
}

.mwl .mwl__metadata .description .caption {
	font-size: 1.1rem;
	line-height: 1.1;
	font-weight: 500;
	color: #ebe5db;
}

.mgl-tiles > div {
	grid-column-gap: 10px;
	grid-row-gap: 10px;
	margin-bottom: 10px;
}

@media (max-width: 720px) {
	.mgl-tiles .mgl-row .mgl-box {
		padding: 0;
	}
}