/*
Theme Name: Machu Picchu Andes Tours
Theme URI: https://machupicchuandestours.com
Description: Master custom WordPress theme for Machu Picchu Andes Tours, built with Bootstrap 5, custom megamenu, tours, and glamping support.
Author: Diego
Author URI: https://machupicchuandestours.com
Version: 2.0.0
Text Domain: salkantaytreksperu
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Custom CSS Styles */

/* Keep ACF editor markup aligned with the spacing of its copy container. */
.stp-rich-copy > :first-child {
	margin-top: 0;
}

.stp-rich-copy > :last-child {
	margin-bottom: 0;
}

/* Navigation controls for the three-card gallery slider. */
.boxSwiper.boxSwiperGalleryX3.stp-gallery-x3-navigation {
	position: relative;
}

.boxSwiper.boxSwiperGalleryX3 .stp-gallery-x3-button {
	align-items: center;
	background: rgba(20, 76, 57, 0.94);
	border: 0;
	border-radius: 50%;
	box-shadow: 0 8px 22px rgba(15, 45, 34, 0.24);
	color: #fff;
	cursor: pointer;
	display: inline-flex;
	height: 48px;
	justify-content: center;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	transition: background-color 180ms ease-out, box-shadow 180ms ease-out, transform 180ms ease-out;
	width: 48px;
	z-index: 12;
}

.boxSwiper.boxSwiperGalleryX3 .stp-gallery-x3-prev {
	left: 12px;
}

.boxSwiper.boxSwiperGalleryX3 .stp-gallery-x3-next {
	right: 12px;
}

.boxSwiper.boxSwiperGalleryX3 .stp-gallery-x3-button svg {
	fill: none;
	height: 24px;
	stroke: currentColor;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-width: 2;
	width: 24px;
}

.boxSwiper.boxSwiperGalleryX3 .stp-gallery-x3-button:not(:disabled):hover {
	background: #b88a35;
	box-shadow: 0 10px 26px rgba(15, 45, 34, 0.3);
	transform: translateY(-50%) scale(1.06);
}

.boxSwiper.boxSwiperGalleryX3 .stp-gallery-x3-button:focus-visible {
	outline: 3px solid #f4cf72;
	outline-offset: 3px;
}

.boxSwiper.boxSwiperGalleryX3 .stp-gallery-x3-button:disabled {
	cursor: default;
	opacity: 0.34;
}

@media (max-width: 767.98px) {
	.boxSwiper.boxSwiperGalleryX3 .stp-gallery-x3-button {
		height: 42px;
		width: 42px;
	}

	.boxSwiper.boxSwiperGalleryX3 .stp-gallery-x3-prev {
		left: 8px;
	}

	.boxSwiper.boxSwiperGalleryX3 .stp-gallery-x3-next {
		right: 8px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.boxSwiper.boxSwiperGalleryX3 .stp-gallery-x3-button {
		transition: none;
	}
}