/*
 Theme Name:   lien-botha-photographers-geography
 Theme URI:    https://lienbotha.co.za/
 Description:  Lien Botha A Photographer's Geography, 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
	2. navigation
	3. typography
	4. footer
	5. meow apps
	6. bellows accordion menu for sidebar
*/


/* -----------------------------
*
*	1. global
*
----------------------------- */

.custom-logo {
	opacity: 0.9;
}

button, .ast-button, .button, input[type="button"], input[type="reset"], input[type="submit"] {
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,0);
}

/* ensure sidebar 'sticks' to the left on larger screens */
.ast-container,
.ast-container-fluid {
	padding-left: 0;
}

/* set minimum width for sidebar */
#secondary {
	min-width: 250px;
	min-height: 100vh;
	margin: 0 0 0;
}
.ast-left-sidebar #primary {
	border-left: 1px solid transparent !important;
}
.ast-left-sidebar #secondary {
	padding-right: 2.2%;
	padding-left: 2.2%;
	padding-top: 40px;
	border-right: 1px solid transparent !important;
	background-color: #f2f2f2 !important;
}
@media (max-width: 768px) {
	#secondary {
		display: none;
	}
}

/* sidebar text color */
.ast-left-sidebar #secondary a {
	color: #767575;
}
.ast-left-sidebar #secondary a:hover,
.ast-left-sidebar #secondary a:focus {
	color: #252424;
}

/* increase space between gallery and item before */
figure.wp-block-gallery {
	margin-top: 3rem;
}

/* style default hr rule */
hr,
hr.wp-block-separator {
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: solid 1px transparent !important;
	content: "";
	display: block;
	position: relative;
	height: 1px;
	background-image: linear-gradient(90deg, transparent 50%, #fff 50%, #fff 100%), linear-gradient(90deg, #fff, #cdcbcb, #fff);
	background-size: 13px 1px, 100% 1px;
	max-width: 100% !important;
	margin-bottom: 27px !important;
}

/* style photographic captions */
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
	background: transparent;
	text-shadow: 0 0 4px #000000ba;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 0.8rem;
	font-weight: 500;
	line-height: 1.2;
	padding: 0.5em;
}
.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption)::before {
	-webkit-backdrop-filter: blur(0);
	backdrop-filter: blur(0);
}
@media (max-width: 768px) {
	.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
		font-size: 0.8rem;
		padding: 0.5em;
	}
}
.mgl-item figcaption {
	text-transform: uppercase;
	letter-spacing: 2px;
	text-shadow: 0 0 4px #000000ba;
	font-weight: 500;
}

.wp-block-image.aligncenter {
	font-style: italic !important;
	line-height: 1.3 !important;
	font-size: 0.9rem !important;
	color: #767575 !important;
}

/* gallery : force images to stack on mobiles (screen size less than 640px) */
@media (max-width: 640px) {
	.wp-block-gallery .wp-block-image {
		width: 100% !important;
	}
}

/* images in containers : force height to auto on smaller screens */
@media (max-width: 900px) {
	.wp-block-image img {
		height: auto !important;
	}
}

/* images in containers : force width to auto on larger screens */
@media (min-width: 900px) {
	.wp-block-image img {
		width: auto !important;
	}
}

/* gallery : reduce top margin to allow for 30px between two rows of connected galleries */
.gallery-low-top-margin {
	margin-top: 30px !important;
}

/* set heights for slideshow images */
.lb-slider-sizing > img {
	width: auto;
	max-height: 750px;
}
@media (max-width: 479px) {
	.lb-slider-sizing > img {
		max-height: 400px;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.lb-slider-sizing > img {
		max-height: 500px;
	}
}

/* make home page slider display height */
@media (min-width: 900px) {
	.home-page-slider {
		max-height: 85vh;
	}
}
@media (min-width: 480px) and (max-width: 767px) {
	.home-page-slider {
		width: auto !important;
	}
	.home-page-slider-img > img {
		width: auto !important;
		max-height: 300px !important;
	}
}


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

/* mobile menu : remove mobile toggle hamburger icon */
.mobile-menu-toggle-icon {
	display: none !important;
}
.ast-button-wrap .menu-toggle.main-header-menu-toggle {
	padding: 0;
}
[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal:focus {
	border-style: none !important;
	border-color: transparent !important;
	border-width: 0px !important;
}

/* mobile menu : insert chevron down arrow */
[data-section="section-header-mobile-trigger"] .ast-button-wrap .mobile-menu-wrap .mobile-menu::after {
	content: url(https://mariskathomas.co.za/wp-content/uploads/2025/03/lien-botha-mobile-menu-toggle-11x7-1.png);
	display: block;
	width: 15px;
	height: 10px;
	margin-left: -8px;
	animation: bounce 2s ease;
	z-index: 9999;
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0);}
	40% {transform: translateY(-10px);}
	60% {transform: translateY(-5px);}
}

/* mobile menu : change colour and size of dropdown chevron for sub menus */
@media (max-width: 768px) {
	.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .ast-menu-toggle {
		color: #d8d7d7;
	}
	.ast-builder-menu-mobile .main-navigation .main-header-menu .menu-item > .menu-link:focus {
		color: #252424;
		opacity: 1;
		border: transparent;
	}
	.main-navigation > .main-header-menu > .menu-item-has-children > .sub-menu > .menu-item > .menu-link {
		color: #252424;
	}
	.ast-header-break-point .main-navigation ul .menu-item .menu-link .icon-arrow:first-of-type svg {
		display: none;
	}
	.ast-builder-menu-mobile .main-navigation .menu-item.current-menu-item > .menu-link {
		text-decoration: underline;
	}
}

#menu-nav-main-side {
	font-size: 0.9rem;
}

/* VIN (2021) chapter menu styles */

.lb-vin-chapters-menu ul {
	gap: 15px;
}
.lb-vin-chapters-menu li a {
	background-color: #f2f2f2;
	padding: 8px 25px 6px 25px !important;
	transition: 0.2s ease;
	text-decoration: none !important;
}
.lb-vin-chapters-menu li a span {
	color: #767575;
	font-size: 0.88rem;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 1px;
	text-transform: uppercase;
}
.lb-vin-chapters-menu li.current-menu-item,
.lb-vin-chapters-menu li a:focus,
.lb-vin-chapters-menu li a:hover {
	filter: invert(0.5);
	filter: contrast(0.85);
}


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

h1,
h2,
h3,
h4 {
	letter-spacing: 0.0125em;
}

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

/* style page content links */
.ast-single-post .entry-content a {
	text-decoration: underline dashed 1px #254d764a;
}
.ast-single-post .entry-content a:hover,
.ast-single-post .entry-content a:focus {
	text-decoration: underline solid 1px #b4932e61;
}

@media (max-width: 720px) {
	p {
		text-align: center;
	}
}


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

.ast-footer-copyright {
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 500;
}



/* -----------------------------
*
*	5. meow apps
*
----------------------------- */

.mwl__metadata {
	padding: 0 0 30px 0 !important;
}

.mwl .mwl__metadata h2 {
	font-family: 'Vollkorn', serif !important;
	font-size: 0.95rem !important;
	letter-spacing: 2px !important;
	color: #b89149 !important;
	text-transform: uppercase;
}

.mwl .mwl__metadata .description .caption {
	font-size: 1.1rem;
	font-style: italic;
}



/* -----------------------------
*
*	6. bellows accordion menu for sidebar
*
----------------------------- */

/* make chevron down arrow smaller and lighter */
.bellows .bellows-nav .bellows-subtoggle .fa {
	color: transparent;
	font-size: 0.7rem;
}
/* change position of chevron arrow */
.bellows .bellows-nav .bellows-subtoggle {
	top: -2px !important;
	width: 100% !important;
	justify-content: right !important;
}

/* reduce spacing between menu items */
.bellows {
	margin: 7px 0 0 0 !important;
	--bellows-item-padding-v: 5px !important;
	--bellows-item-padding-h: 0 !important;
	--bellows-sub-item-padding-v: auto !important;
	--bellows-sub-item-padding-h: 20px !important;
}

.bellows-nav > .bellows-active > .bellows-target > .bellows-target-title {
	color: #252424 !important;
}

.bellows .bellows-nav .bellows-submenu {
	margin: 10px 0 20px 0 !important;
}
#secondary li > a > span,
.bellows .bellows-nav .bellows-active > .bellows-submenu > li > a > span {
	color: #252424;
}
#secondary li.bellows-current-menu-item > a > span,
.bellows .bellows-nav .bellows-active > .bellows-submenu > li.bellows-current_page_item > a > span {
	text-decoration: underline solid 1px !important;
}

.bellows-target-title .bellows-target-text {
	color: #3e3e3e !important;
}