a {
	cursor: pointer !important;
}

.RD-page-intro {
	color: var(--wp--preset--color--accent-4);
	font-size: 1.55rem;
    font-weight: 300;
    line-height: 1.4;
}


.RD-btn-secondary {
	display: inline-block;
    padding: 8px 12px 8px 12px;
    border: 2px solid #02bcf7;
	color: #ffffff;
	background-color: #085973;
    border-radius: 10px;
    font-weight: 400;
    text-transform: uppercase;
    text-decoration: none !important;
    text-align: center;
    cursor: pointer;
}

.RD-center {
	text-align: center;
}
.RD-small-text {
	font-size: .85em;
    line-height: 1.4em;
}




.RD-callout-section {
    margin-bottom: 40px;
}
.RD-callout-section-title {
	padding: 0;
	margin: 15px 0 15px 0;
}
.RD-callout-section-title .RD-icon {
	float: left;
    margin-right: 5px;
}
.RD-callout-section-title h5 {
	font-size: 1.7em;
	margin: 0 !important;
}
.RD-callout-section-content {
	padding: 0;
	
}
.RD-callout-section-content-featured {
	border-top: 2px solid #39778d;
	margin: 45px 0 0 0;
}
.RD-callout-section-content-featured h4, .RD-class-format-title {
	text-transform: capitalize;
}
.RD-callout-section-content-featured-detail{
	margin: 0;
}




.RD-grid{
	gap: 30px;
    display: inline-grid;
    width: 100%;
} 
.RD-grid-stay-inline {
	display: inline-grid !important;
}
.RD-grid-item {

}
.RD-grid-item img {
	max-width: 100%;
  	height: auto;
}
.RD-grid-2 {
	grid-template-columns: repeat(2, 1fr);
}
.RD-grid-1x11 {
	grid-template-columns: 8% auto;
}
.RD-select {
	width:auto;
	margin: 8px 0 8px 0;
	padding: 10px;
    border: 1px solid #71949f;
    border-radius: 2px;
    font-size: 1em;
    background-color: #e7eff2;
}

.RD-icon-plus {
    background-image: url(/app-custom/images/global/icon-plus-white.png);
    background-size: contain;
	background-repeat: no-repeat;
}
.RD-icon-minus {
    background-image: url(/app-custom/images/global/icon-minus-white.png);
    background-size: contain;
	background-repeat: no-repeat;
}


.RD-block-accordion-container {
	margin: 45px 0 0 0;
	background-color: #012735;
	border-radius: 10px;
	padding: 15px;
	border: 2px solid var(--wp--preset--color--accent-3);
}
.RD-block-accordion-title {
	display: grid;
    grid-template-columns: 1fr 25px;
    width: 100%;
	cursor: pointer;
	font-weight:bolder;
}
.RD-block-accordion-title:hover {
	color: var(--wp--preset--color--accent-4);
}


/* class details */
.RD-ticket-info {
	margin: 25px 0 0 0;
}

/* ---------- GALLERY ---------------*/
        .RD-gallery-wrapper {
            width: 100%;
            max-width: 900px;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            gap: 16px;
        }

        /* Main Display Area */
        .RD-gallery-mainDisplay {
            position: relative;
            width: 100%;
            /* aspect-ratio: 16 / 9; */
			aspect-ratio: 1 / 1;
            background: #000;
            border-radius: 8px;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
        }

        .RD-gallery-mainDisplay img,
        .RD-gallery-mainDisplay video {
            width: 100%;
            height: 100%;
            object-fit: contain;
        }

        /* Thumbnails Container (Horizontal Scroll) */
        .RD-gallery-thumbnailsContainer {
            display: flex;
            gap: 12px;
            overflow-x: auto;
            padding-bottom: 8px;
            scroll-behavior: smooth;
            -webkit-overflow-scrolling: touch;
        }

        /* Custom Scrollbar for Thumbnails */
        .RD-gallery-thumbnailsContainer::-webkit-scrollbar {
            height: 8px;
        }

        .RD-gallery-thumbnailsContainer::-webkit-scrollbar-track {
            background: rgba(255, 255, 255, 0.05);
            border-radius: 4px;
        }

        .RD-gallery-thumbnailsContainer::-webkit-scrollbar-thumb {
            background: rgba(255, 255, 255, 0.2);
            border-radius: 4px;
        }

        .RD-gallery-thumbnailsContainer::-webkit-scrollbar-thumb:hover {
            background: rgba(255, 255, 255, 0.4);
        }

        /* Thumbnail Card */
        .RD-gallery-thumbnail {
            position: relative;
            flex: 0 0 120px;
            height: 75px;
            border-radius: 6px;
            overflow: hidden;
            cursor: pointer;
            border: 2px solid transparent;
            transition: transform 0.2s ease, border-color 0.2s ease;
            background: #000;
        }

        @media (min-width: 768px) {
            .RD-gallery-thumbnail {
                flex: 0 0 150px;
                height: 90px;
            }
        }

        .RD-gallery-thumbnail:hover {
            transform: scale(1.03);
        }

        .RD-gallery-thumbnail.active {
            border-color: var(--primary-color);
        }

        .RD-gallery-thumbnail img,
        .RD-gallery-thumbnail video {
            width: 100%;
            height: 100%;
            object-fit: cover;
            pointer-events: none;
        }

        /* Video Icon Overlay for Thumbnails */
        .RD-gallery-thumbnail .RD-gallery-video-badge {
            position: absolute;
            bottom: 6px;
            right: 6px;
            background: rgba(0, 0, 0, 0.7);
            color: #fff;
            padding: 2px 6px;
            font-size: 10px;
            border-radius: 4px;
            display: flex;
            align-items: center;
            gap: 3px;
        }
/* ----------------------------------*/


/* ********* MOBILE ************ */   
@media only screen and (max-width: 840px) {
    
    .RD-grid {
        gap: 20px;
        display: block;
        width: 100%;
    } 
	.RD-callout-section-content-featured-detail{ /* pricing container */
		margin: 45px 0 0 0;
	}
    
} /* END MOBILE */

