
/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/

/* File: custom-search.css */
.press-release-downloads {
	max-width: 42rem;
	margin: 2rem auto;
	padding: 1.5rem;
}

.press-release-downloads h2 {
	font-size: 1.5rem;
	font-weight: 500;
	margin-bottom: 1.5rem;
}

.download-item {
	display: flex;
	align-items: center;
}

.download-item:hover {
	background-color: #f9fafb;
}

.download-icon {
	flex-shrink: 0;
	width: 2rem;
	height: 2rem;
}

.pdf-icon svg {
	color: #ef4444;
}

.image-icon svg {
	color: #3b82f6;
}

.download-title {
	font-weight: 500;
	color: #111827;
	margin: 0;
}

.download-type {
	font-size: .875rem;
	color: #6b7280;
	margin: 0;
}

.download-item a {
	text-decoration: none;
	display: block;
	width: 100%;
}

.download-icon svg {
	width: 100%;
	height: 100%;
}

.pt-event-wrapper, .fusion-events-single-title-content {
	display: none;
}

.cat-inner.press {
	order: -2;
}

.cat-inner.news {
	order: -1;
}

/* Calendar */

/* Calendar */
.webinar-calendar {
	position: relative;
	background: url("https://cdn-ildjeeb.nitrocdn.com/JZbBQNtgUYAxfklxjrcdlQrxZkBqCQmQ/assets/images/optimized/rev-64455aa/pruftechnik-dev.s3.us-west-1.amazonaws.com/wp-content/uploads/2025/01/22134544/calendar-bg.png") center center;
	background-size: cover;
	padding: 20px;
	color: #fff;
	border-radius: 8px;
	overflow: hidden;
}

.webinar-calendar.nitro-lazy {
	background-image: none !important;
}

.webinar-calendar {
	transition: opacity .3s ease;
}

.webinar-calendar.loading {
	opacity: .7;
	pointer-events: none;
}

.calendar-overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .7);
	z-index: 1;
}

.calendar-header {
	position: relative;
	z-index: 2;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 20px 20px;
}

.month-year {
	font-size: 24px;
	font-weight: 500;
}

.calendar-nav {
	display: flex;
	gap: 10px;
}

.calendar-nav-btn {
	background: rgba(255, 255, 255, .1);
	border: none;
	color: #fff;
	width: 36px;
	height: 36px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all .3s ease;
}

.calendar-nav-btn:hover {
	background: rgba(255, 255, 255, .2);
}

.calendar-table {
	position: relative;
	z-index: 2;
	width: 100%;
	border-collapse: separate;
	border-spacing: 4px;
}

.calendar-table th {
	padding: 10px;
	text-align: center;
	font-weight: 500;
	font-size: 14px;
	color: #fff;
	background: rgba(255, 255, 255, .1);
}

.calendar-day {
	padding: 0;
	vertical-align: top;
}

.date-cell {
	min-height: 100px;
	padding: 10px;
	background: rgba(255, 255, 255, .05);
	border-radius: 4px;
	transition: background .3s ease;
}

.calendar-day:hover .date-cell {
	background: rgba(255, 255, 255, .1);
}

.day-number {
	font-size: 16px;
	display: block;
	margin-bottom: 10px;
}

.empty .date-cell {
	background: rgba(255, 255, 255, .02);
}

.has-event .date-cell {
	background: rgba(255, 255, 255, .08);
}

.event-icon {
	margin-top: 5px;
}

.event-icon .fas.fa-graduation-cap {
	color: #ffd700;
	font-size: 18px;
	cursor: pointer;
	transition: transform .2s ease;
}

.event-icon .fas.fa-graduation-cap:hover {
	transform: scale(1.2);
}

/* Improved Tooltip Styling */
.event-tooltip {
	display: none;
	position: fixed;
	background: #333;
	color: #fff;
	padding: 15px;
	border-radius: 4px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, .3);
	z-index: 100;
	width: 250px;
	max-width: 90%;
	text-align: left;
	transition: opacity .3s ease;
	pointer-events: auto;
}

/* Tooltip Arrow Pointing Down */
.event-tooltip::after {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 50%;
	transform: translateX(-50%);
	border-width: 10px 10px 0;
	border-style: solid;
	border-color: #333 transparent transparent;
}

.event-tooltip.arrow-top::after {
	bottom: auto;
	top: -10px;
	border-width: 0 10px 10px;
	border-color: transparent transparent #333;
}

.event-tooltip.visible {
	display: block;
	opacity: 1;
}

.event-tooltip h5 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: 700;
	color: #fff;
}

/* Course Description */
.event-tooltip p {
	font-size: 12px;
	line-height: 1.4;
	margin-bottom: 15px;
}

/* Responsive adjustments */
@media (max-width: 768px) {
	.calendar-table th {
		font-size: 12px;
		padding: 5px;
	}
	
	.date-cell {
		min-height: 80px;
		padding: 5px;
	}
	
	.day-number {
		font-size: 14px;
	}
}

/* 
==========================================
   Upcoming Webinars - Start 
========================================== 
*/
.webinar-addresses-wrapper {
	max-width: 600px;
	margin: 0 auto;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	background: #fff;
	border: 1px solid #e0e0e0;
	border-radius: 4px;
	overflow: hidden;
}

.webinar-address-block {
	border-bottom: 1px solid #e0e0e0;
}

.webinar-address-block:last-child {
	border-bottom: none;
}

.date-header {
	padding: 15px 20px;
	cursor: pointer;
	display: flex;
	align-items: center;
	font-size: 14px;
	color: #333;
	background: #fff;
	transition: background-color .2s;
}

.date-header:hover {
	background: #f5f5f5;
}

.date-header.active {
	background: #fff;
	border-bottom: 1px solid #e0e0e0;
}

.toggle-icon {
	margin-right: 10px;
	font-weight: bold;
	font-size: 16px;
	color: #666;
}

.date-header i {
	margin-right: 8px;
	color: #666;
}

.price-header {
	padding: 0 20px;
	font-size: 14px;
}

.expandable-content {
	padding: 20px;
}

.company-name {
	margin-bottom: 10px;
}

.company-name i {
	color: #666;
	margin-right: 8px;
}

.company-highlight {
	color: #f90;
	font-weight: 500;
}

.address-lines {
	color: #666;
	margin-left: 24px;
	font-size: 14px;
	line-height: 1.4;
}

.map-container {
	margin: 15px 0;
	position: relative;
}

.btn-apply-form {
	width: 100%;
	background: #ffd700;
	color: #000;
	padding: 15px;
	border: none;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
	transition: background-color .3s;
	margin-top: 15px;
}

.btn-apply-form:hover {
	background: #ffc700;
}

.form-popup-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .7);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
}

.form-popup-content {
	background: #fff;
	padding: 30px;
	border-radius: 8px;
	position: relative;
	width: 90%;
	max-width: 600px;
	max-height: 90vh;
	overflow-y: auto;
}

.form-popup-close {
	position: absolute;
	top: 10px;
	right: 15px;
	font-size: 24px;
	cursor: pointer;
	color: #666;
}

/* 
==========================================
   Upcoming Webinars - End 
========================================== 
*/

/* Container for the thumbnail and play button */
.awb-lightbox.play-button-product {
	position: relative;
	display: inline-block;
	width: 342px;
	height: 228px;
	overflow: hidden;
	margin: 10px;
	transition: background-color .3s ease;
}

/* Thumbnail image */
.awb-lightbox.play-button-product img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	transition: opacity .3s ease;
}

/* Play button circle (using ::after pseudo-element) */
.awb-lightbox.play-button-product::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 30px;
	height: 30px;
	background-color: #fff;
	border: 3px solid #fff;
	border-radius: 50%;
	cursor: pointer;
	transition: background-color .3s ease, border-color .3s ease;
	z-index: 1;
}

/* Play button triangle (using ::before pseudo-element) */
.awb-lightbox.play-button-product::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 0;
	height: 0;
	border-top: 7px solid transparent;
	border-bottom: 7px solid transparent;
	border-left: 12px solid #000;
	z-index: 2;
	transition: border-left .3s ease;
}

/* Hover effect for the circle */
.awb-lightbox.play-button-product:hover::after {
	background-color: #fff;
	border-color: #fff;
}

/* Hover effect for the play arrow */
.awb-lightbox.play-button-product:hover::before {
	border-left: 12px solid #ffc20e;
}

/* Hover effect: transparent black overlay on the image */
.awb-lightbox.play-button-product:hover img {
	opacity: .6;
}

/* Hover effect: transparent black background on container */
.awb-lightbox.play-button-product:hover {
	background-color: rgba(0, 0, 0, .5);
}

/* Overlay */
.gravity-form-popup-overlay-success-stories {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .7);
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 9999;
}

/* Popup Content */
.gravity-form-popup-content-success-stories {
	background: #fff;
	padding: 20px;
	border-radius: 8px;
	max-width: 600px;
	height: 800px;
	position: relative;
	box-shadow: 0 4px 10px rgba(0, 0, 0, .2);
	overflow: auto;
}

/* Close Button */
.gravity-form-popup-close-success-stories {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 20px;
	cursor: pointer;
	color: #000;
}

/* Button Styling */
.fusion-button.open-gravity-form-popup-success-stories {
	/* margin-top: 20px; Optional spacing */
	background-color: #0073aa;
	color: #fff;
	border: none;
	border-radius: 4px;
	padding: 10px 20px;
	text-decoration: none;
}

.fusion-button.open-gravity-form-popup-success-stories:hover {
	background-color: #005177;
}

.search-loading {
	text-align: center;
	padding: 20px;
}
