/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */
body{
	background: url(https://www.brycecanyonscenictoursandshuttleservice.com/wp-content/uploads/2024/10/main-bg.png) top center no-repeat;
	background-size: cover;
}

/* STICKY NAVIGATION */
.sticky {
	position: fixed;
	top: 0;
	left: 0;
	transform: translate(50%, 80%);
	z-index: 99999;
}

.sticky .icon {
	margin-bottom: 10px;
	background: #E67F2E;
	padding: 10px;
	border-radius: 5px;
	transition: background-color 0.3s ease, box-shadow 0.3s ease;
	border: none;
}

.sticky img {
	width: 100%;
	max-width: 30px;
}

.sticky .icon:hover {
	background: #2692FF;
	transition: background-color 0.3s ease, box-shadow 0.3s ease;
}

@media (max-width: 768px){
	.sticky {
		display: none;
	}
}

/* BOOK ONLINE NOW BUTTON */
.book-online-btn a { font-family: "Montserrat", Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.2em;
	text-transform: capitalize;
    letter-spacing: 1px;
    color: #FFFFFF;
    background-color: transparent;
    background-image: linear-gradient(180deg, #C55A26 0%, #F9B67C 100%);
    border-radius: 100px 100px 100px 100px;
    padding: 20px 60px 20px 60px; }

/* ADA COMPLIANCE CSS*/
@keyframes pulse {
	0% {
		box-shadow: 0 0 30px 20px rgba(255, 200, 150, 0.7), 0 0 60px 40px rgba(255, 200, 150, 0.7), 0 0 90px 60px rgba(255, 200, 150, 0.7), 0 0 120px 80px rgba(255, 200, 150, 0.7), 0 0 150px 100px rgba(255, 200, 150, 0.7), 0 0 180px 120px rgba(255, 200, 150, 0.7), 0 0 210px 140px rgba(255, 200, 150, 0.7), 0 0 240px 160px rgba(255, 200, 150, 0.7), 0 0 270px 180px rgba(255, 200, 150, 0.7), 0 0 300px 200px rgba(255, 200, 150, 0.7), 0 0 330px 220px rgba(255, 200, 150, 0.7), 0 0 360px 240px rgba(255, 200, 150, 0.7), 0 0 390px 260px rgba(255, 200, 150, 0.7);
	}
	50% {
		box-shadow: 0 0 40px 25px rgba(255, 255, 255, 0.7), 0 0 80px 50px rgba(255, 255, 255, 0.7), 0 0 120px 75px rgba(255, 255, 255, 0.7), 0 0 160px 100px rgba(255, 255, 255, 0.7), 0 0 200px 125px rgba(255, 255, 255, 0.7), 0 0 240px 150px rgba(255, 255, 255, 0.7), 0 0 280px 175px rgba(255, 255, 255, 0.7), 0 0 320px 200px rgba(255, 255, 255, 0.7), 0 0 360px 225px rgba(255, 255, 255, 0.7), 0 0 400px 250px rgba(255, 255, 255, 0.7), 0 0 440px 275px rgba(255, 255, 255, 0.7), 0 0 480px 300px rgba(255, 255, 255, 0.7), 0 0 520px 325px rgba(255, 255, 255, 0.7);
	}
	100% {
		box-shadow: 0 0 70px 20px rgba(255, 200, 150, 0.7), 0 0 60px 40px rgba(255, 200, 150, 0.7), 0 0 90px 60px rgba(255, 200, 150, 0.7), 0 0 120px 80px rgba(255, 200, 150, 0.7), 0 0 150px 100px rgba(255, 200, 150, 0.7), 0 0 180px 120px rgba(255, 200, 150, 0.7), 0 0 210px 140px rgba(255, 200, 150, 0.7), 0 0 240px 160px rgba(255, 200, 150, 0.7), 0 0 270px 180px rgba(255, 200, 150, 0.7), 0 0 300px 200px rgba(255, 200, 150, 0.7), 0 0 330px 220px rgba(255, 200, 150, 0.7), 0 0 360px 240px rgba(255, 200, 150, 0.7), 0 0 390px 260px rgba(255, 200, 150, 0.7);
	}
}

a.pojo-a11y-toolbar-link.pojo-a11y-toolbar-toggle-link {
	border-radius: 30px;
	box-shadow: 0 0 30px 20px rgba(255, 200, 150, 0.7) !important, 0 0 60px 40px rgba(255, 200, 150, 0.7) !important, 0 0 90px 60px rgba(255, 200, 150, 0.7) !important, 0 0 120px 80px rgba(255, 200, 150, 0.7) !important, 0 0 150px 100px rgba(255, 200, 150, 0.7) !important, 0 0 180px 120px rgba(255, 200, 150, 0.7) !important, 0 0 210px 140px rgba(255, 200, 150, 0.7) !important, 0 0 240px 160px rgba(255, 200, 150, 0.7) !important, 0 0 270px 180px rgba(255, 200, 150, 0.7) !important, 0 0 300px 200px rgba(255, 200, 150, 0.7) !important, 0 0 330px 220px rgba(255, 200, 150, 0.7) !important, 0 0 360px 240px rgba(255, 200, 150, 0.7) !important, 0 0 390px 260px rgba(255, 200, 150, 0.7) !important;
}

.pojo-a11y-toolbar-toggle{
	right:190px !important;
}
.pojo-a11y-toolbar-overlay{
	border-radius:20px;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a{
	display: flex;
	align-items: center;
	gap: 8px
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay ul.pojo-a11y-toolbar-items li.pojo-a11y-toolbar-item a svg{
	display:none !important;
}
#pojo-a11y-toolbar .pojo-a11y-toolbar-overlay {
	background-color: #ffffff;
	font-family: 'Poppins';
	font-size:13px;
	text-align:center;
} 
/* #pojo-a11y-toolbar .pojo-a11y-toolbar-overlay{
width:248px;
} */
/* END */

.strong-view.wpmtst-modern .wpmtst-testimonial-content:after {
	-webkit-mask: url(https://www.brycecanyonscenictoursandshuttleservice.com/wp-content/uploads/2024/10/quote-right-solid.svg) center center no-repeat !important;
	mask: url(https://www.brycecanyonscenictoursandshuttleservice.com/wp-content/uploads/2024/10/quote-right-solid.svg) center center no-repeat !important;
}

.strong-view.wpmtst-modern .wpmtst-testimonial-content:before {
    -webkit-mask: url(https://www.brycecanyonscenictoursandshuttleservice.com/wp-content/uploads/2024/10/quote-left-solid.svg) center center no-repeat !important;
    mask: url(https://www.brycecanyonscenictoursandshuttleservice.com/wp-content/uploads/2024/10/quote-left-solid.svg) center center no-repeat !important;
}

/* ADVANCE SEARCH BAR */
form.search-form { display: flex; gap: 10px}
form.search-form input.search-field { border-radius: 50px; }
form.search-form .search-submit { padding: 5px 15px; font-size: unset; }

/* MOBILE VERSION */
.page-id-1531 .sticky, .page-id-1531 .pojo-a11y-toolbar-toggle { display: none !important; }