/* 
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.15
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 */
@keyframes fadeInDown {
	from {
	   opacity: 0;
	   transform: translate3d(0, -15%, 0)
	}
	to {
	   opacity: 1;
	   transform: none
	}
 }
 @keyframes fadeInLeft {
	from {
	   opacity: 0;
	   transform: translate3d(-15%, 0, 0)
	}
	to {
	   opacity: 1;
	   transform: none
	}
 }
 @keyframes fadeInRight {
	from {
	   opacity: 0;
	   transform: translate3d(15%, 0, 0)
	}
	to {
	   opacity: 1;
	   transform: none
	}
 }
 @keyframes fadeInUp {
	from {
	   opacity: 0;
	   transform: translate3d(0, 15%, 0)
	}
	to {
	   opacity: 1;
	   transform: none
	}
 }
 
 
 .event-details-table {
	 width: 100%;
	 border-collapse: collapse;
	 margin-top: 10px;
	 font-family: Arial, sans-serif;
	 
	 border:none;
	 overflow: hidden;
 }
 .event-details-table th, .event-details-table td {
	 padding: 20px 12px 5px 12px;
	 border-bottom:none;
	 text-align: left;
 }
 .event-details-table th {
	 background-color:transparent!important;
	 font-weight: 600;
	 width: 20%;
	 border: none;
	 text-transform: uppercase;
	 font-size: 1.25em;
	 font-family: 'Abril Fatface', sans-serif;
 }
 .event-details-table td {
	 background-color: transparent!important;
	 border: none;
	 font-size: 1.15em;
	 font-family: 'Rubik', sans-serif;
 }
 
 .event-details-table td:hover, .event-details-table th:hover, .event-details-table tr:hover {
	 background-color: transparent!important;
 }
 
 .event-details-table a.reservetbn {
	 background-color: #ECC77C;
	 font-family: "Rubik", Sans-serif;
	 font-size: 0.9rem;
	 font-weight: 600;
	 text-transform: uppercase;
	 font-style: normal;
	 text-decoration: none;
	 line-height: 1em;
	 letter-spacing: 1.5px;
	 word-spacing: 0em;
	 fill: var(--e-global-color-66ea652);
	 color: var(--e-global-color-66ea652);
	 border-style: none;
	 border-radius: 100px 100px 100px 100px;
	 padding: 14px 40px 13px 40px;
	 margin: 10px 0;
 }
 
 /* Highlighted Date & Time */
 .event-highlight {
	 background-color: #0056b3;
	 color: white;
	 text-align: center;
 }
 .event-highlight th {
	 padding: 16px;
	 font-size: 20px;
	 border: none;
 }
 .event-date-text {
	 display: block;
	 font-size: 24px;
	 font-weight: bold;
 }
 .event-time {
	 display: block;
	 font-size: 18px;
	 opacity: 0.9;
 }
 

 .event-venue {
	 text-align: center;
	 padding: 20px;
	 font-size: 20px;
	 font-weight: bold;
	 color: #004080;
 }
 .event-address {
	 font-size: 16px;
	 color: #333;
	 margin-top: 5px;
 }
 
 .em-event-content {
	 font-size: 1.1em;
	 line-height: 1.6;
	 color: #333;
	 margin-top: 20px;
 }
 
 .event-details-table tr {
	 border-bottom: 1px solid rgb(210, 210, 210)
 }
 
 
 .em-item-read-more {
	 background-color: #ECC77C;
	   font-family: "Rubik", Sans-serif;
	   font-size: 0.9rem;
	   font-weight: 600;
	   text-transform: uppercase;
	   font-style: normal;
	   text-decoration: none;
	   line-height: 1em;
	   letter-spacing: 1.5px;
	   word-spacing: 0em;
	   fill: var(--e-global-color-66ea652);
	   color: #353535!important;
	   border-style: none;
	   border-radius: 100px 100px 100px 100px;
	   padding: 14px 40px 13px 40px;
	   margin: 10px 0;
 }
 

.event-card {
   display: flex;
   align-items: center;
   justify-content: space-between;
   gap: 1.5rem;
   padding: 1.5rem 2rem;
   background: #fff;
   flex-wrap: wrap;
 }
 
 .event-image img {
   width: 80px;
   height: 80px;
   object-fit: cover;
   border-radius: 50%;
   border: 2px solid #e0e0e0;
 }
 
 .event-details {
   flex: 1;
   display: flex;
   flex-direction: column;
   justify-content: center;
 }
 
 .event-card h3 {
   font-family: "Rubik", sans-serif;
   font-size: 2em;
   color: #a8893f;
   margin: 0 0 0.25rem;
 }
 
 .event-details .elementor-icon {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 16px;
   height: 16px;
   margin-right: 6px;
   color: #caa64d;
 }
 
 .event-details .elementor-icon svg {
   width: 100%;
   height: 100%;
   fill: currentColor;
 }
 
 .event-details p {
   align-items: center;
   gap: 0.4rem;
   margin: 2px 0;
   color: #777;
   font-size: 0.95rem;
 }
 
 .event-details .event-details-row {
   display: flex;
   align-items: center;
   justify-content: flex-start;
   gap: 1.5rem;
   flex-wrap: wrap;
 }
 
 .event-details p span {
   margin-right: 0.4rem;
   color: #c9a14e;
 }
 
 .event-buttons {
   display: flex;
   flex-direction: column;
   align-items: flex-end;
   gap: 0.5rem;
 }
 
 a.btn-primary {
   background-color: #ECC77C;
   font-family: "Rubik", Sans-serif;
   font-size: 0.9rem;
   font-weight: 600;
   text-transform: uppercase;
   text-decoration: none;
   line-height: 1em;
   letter-spacing: 1.5px;
   color: #353535;
   padding: 14px 40px;
   border-radius: 999px;
 }
 
 /* === MOBILE BREAKPOINT === */
 @media (max-width: 768px) {
   .event-card {
	 flex-direction: row;
	 gap: 0;
	 justify-content: normal;
	 padding: 10px;
   }
 .event-details {
	 margin-left: 20px;
	 
 }
   .event-image img {
	 width: 70px;
	 height: 70px;
	 margin-bottom: 1rem;
   }
 
   .event-details .event-details-row {
	 flex-direction: column;
	 align-items: flex-start;
	 gap: 0.75rem;
   }
 
   .event-buttons {
	 width: 100%;
	 align-items: flex-start;
	 margin-top: 1rem;
   }
 
   a.btn-primary {
	 padding: 12px 30px;
	 font-size: 0.85rem;
   }
 }