.bg-itinerary {
    background-color: #AFE2F566;
}

.gradient-fade-up {
    background: linear-gradient(to top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.8) 40%, rgba(255, 255, 255, 0) 100%);
}

.bg-sunset-gradient {
    background: linear-gradient(180deg, rgba(244, 146, 68, 0.15) 0%, rgba(244, 146, 68, 0.15) 69%);
}

.sunset-mobile-gradient {
    background: linear-gradient(180deg, rgba(252, 170, 60, 0) 35.89%, rgba(252, 170, 60, 0.5) 100.01%);
}

.shadow-gallery {
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
}

.menu-overlay-gradient {
    background: radial-gradient(120% 80% at 50% 0%, rgba(255, 255, 255, 0.08) 0%, rgba(0, 0, 0, 0.35) 55%);
}

.badge-ribbon {
    letter-spacing: 0.01em;
    border-radius: 0 12px 12px 0;
}

/* Accordion Animations */
.grid-rows-\[0fr\] {
    grid-template-rows: 0fr;
}

.grid-rows-\[1fr\] {
    grid-template-rows: 1fr;
}

.transition-\[grid-template-rows\] {
    transition-property: grid-template-rows;
}

.hero-gradient-overlay {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 5.7%, rgba(0, 0, 0, 0.6) 100%);
}

.hero-overlay {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 5.7%, rgba(0, 0, 0, 0.6) 100%);
}

/* Quote Footer Checklist Styling for WYSIWYG */
.quote-footer-text ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.quote-footer-text ul li {
    position: relative;
    padding-left: 32px !important;
    margin: 0 !important;
}

.quote-footer-text ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0px;
    width: 24px;
    height: 24px;
    background-color: #0C94C4;
    border-radius: 50%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

/* From Uiverse.io by bociKond - Enhanced for Yippee Theme */
.loader {
    width: 44.8px;
    height: 44.8px;
    color: #0C94C4;
    position: relative;
    background: radial-gradient(11.2px at center, #0C94C4 94%, #0000);
}

.loader:before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 50%;
    background:
        radial-gradient(10.08px at bottom right, #0000 94%, #0C94C4) top left,
        radial-gradient(10.08px at bottom left, #0000 94%, #0C94C4) top right,
        radial-gradient(10.08px at top right, #0000 94%, #0C94C4) bottom left,
        radial-gradient(10.08px at top left, #0000 94%, #0C94C4) bottom right;
    background-size: 22.4px 22.4px;
    background-repeat: no-repeat;
    animation: loader-anim 1.5s infinite cubic-bezier(0.3, 1, 0, 1);
}

@keyframes loader-anim {
    33% {
        inset: -11.2px;
        transform: rotate(0deg);
    }

    66% {
        inset: -11.2px;
        transform: rotate(90deg);
    }

    100% {
        inset: 0;
        transform: rotate(90deg);
    }
}

.bg-\[\#4da8bf\] {
    background-color: #4da8bf !important;
}

/* Blog and Single Post formatting for #intro */

body.page-template-page-blog-template #intro,
body.single-post #intro {
    color: rgb(71 85 105 / var(--tw-text-opacity, 1));
}

body.page-template-page-blog-template #intro a:not(.button),
body.single-post #intro a:not(.button) {
    text-decoration: underline;
    color: rgb(12 148 196 / var(--tw-text-opacity, 1));
}

body.blog-template #intro ol,
body.blog-template #intro ul,
body.single-post #intro ol,
body.single-post #intro ul {
    list-style: inside;
}

body.blog-template #intro li,
body.single-post #intro li {
    margin-bottom: 10px;
}

/* Tour Page Selected Day Styling */
.selected-day.ring-2 {
    border: 2px solid var(--tw-ring-color);
    box-shadow: 0 0 10px var(--tw-ring-color);
    background: var(--tw-ring-color);
}

/* For Form 7 class */
.btn-quote {
    background-color: #FCAA3C !important;
    outline: 3px solid #e0e0e0 !important;
    outline-offset: 4px !important;
    width: 100% !important;
    display: block !important;
}

.btn-quote:hover {
    background-color: #faa826 !important;
}

/* Remove CF7 p tag margin */
p:has(.btn-quote) {
    margin: 0 !important;
    padding: 0 !important;
}