/* 
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 */

/* Padding Left Style */
.padding-left-style { padding-left: calc((100% - 1440px) / 2);  }

#tribe-events-pg-template { max-width: 100%; padding: 0px; }


/* Contact Form Style */
.wpcf7 .wpcf7-form .form-row { margin: 0 -15px; }
.wpcf7 .wpcf7-form .col-12, .wpcf7 .wpcf7-form .col-3 { padding: 0 15px; }
.wpcf7 .wpcf7-form .col-12 { width: 100%; position: relative; }
.wpcf7 .wpcf7-form .col-3 { width: 150px; position: absolute; top: 13px; right: -10px; }
.wpcf7 .wpcf7-form .wpcf7-form-control { height: 56px; width: 100%; background-color: #FFFFFF; border: none; border-radius: 0px; }
.wpcf7 .wpcf7-form .wpcf7-form-control.form-btn { height: 46px; min-width: 120px; background-image: linear-gradient(90deg, var(--e-global-color-accent) 0%, var(--e-global-color-primary) 100%); font-size: 18px; line-height: 28.8px; color: #FFFFFF; text-transform: uppercase; padding: 9px 14px; }

.wpcf7 .wpcf7-form .form-row.contact-form { margin: 0 -15px; }
.wpcf7 .wpcf7-form .form-row.contact-form .col-6, .wpcf7 .wpcf7-form .form-row.contact-form .col-12 { float: left; padding: 0 15px; margin-bottom: 15px; } 
.wpcf7 .wpcf7-form .contact-form .col-6 { width: 50%; }
.wpcf7 .wpcf7-form .contact-form .col-12 { width: 100%; }
.wpcf7 .wpcf7-form .contact-form .wpcf7-form-control { font-size: 18px; font-weight: 500; color: #000000; border-bottom: 1px solid #000000; }
.wpcf7 .wpcf7-form .contact-form input::placehoder { color: #000000; }
.wpcf7 .wpcf7-form .contact-form input:focus, .wpcf7 .wpcf7-form .contact-form input:focus-visible, .wpcf7 .wpcf7-form .contact-form textarea:focus, .wpcf7 .wpcf7-form .contact-form textarea:focus-visible, { outline: none; box-shadow: none; border-bottom: 1px solid #ed52f8; }
.wpcf7 .wpcf7-form .contact-form .wpcf7-form-control.wpcf7-textarea { min-height: 150px; }
.wpcf7 .wpcf7-form .contact-form .wpcf7-form-control.form-btn { display: inline-block; max-width: 250px; height: 55px; background-image: linear-gradient(90deg, var(--e-global-color-accent) 0%, var(--e-global-color-primary) 100%); color: #FFFFFF; font-size: 18px; font-family: var(--e-global-typography-text-font-family), text-transform: uppercase; font-weight: 400; border-bottom: 0px; }
.wpcf7 .wpcf7-form .contact-form .wpcf7-form-control.form-btn:hover { background-image: linear-gradient(90deg, var(--e-global-color-primary) 0%, var(--e-global-color-accent) 100%); }

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output { width: 100%; float:left; margin: 0px; color: #FFFFFF; }

/* Event List Style */
.event-lists { display: flex; flex-direction: column; }
.child-event { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(0,0,0,0.1); padding: 50px 0; }
.event-date { width: 20%; display: flex; align-items: center; gap: 10px; }
.event-date .day { font-size: 82px; font-weight: 700; font-family: var(--e-global-typography-secondary-font-family), Sans-serif; color: #000; line-height: 1; }
.event-date .month-year { font-size: 24px; line-height: 30px; font-family: var(--e-global-typography-text-font-family), Sans-serif; color: #74787C; margin-top: 10px; }
.event-info { width: 60%; display: flex; align-items: start; justify-content: center; gap: 10px; flex-direction: column; }
.event-info h3 { font-family: var(--e-global-typography-d7bbf48-font-family), Sans-serif; font-size: 35px; font-weight: 500; color: #000; margin: 0px; }
.event-info h3 a { color: #000000; }
.event-info .meta { display: flex; align-items: center; gap: 10px; font-family: var(--e-global-typography-text-font-family), Sans-serif; font-size: 15px; line-height: 21px; color: #000000; }
.event-info .meta .location, .event-info .meta .time { display: flex; align-items: center; gap: 10px; }
.event-info .meta span { display: inline-block; }
.event-action { width: 20%; text-align: end; }
.view-button { text-align: center; font-size: 18px; font-family: var(--e-global-typography-text-font-family), text-decoration: none; text-transform: uppercase; font-weight: 400; background: #000; color: #fff; border: 1px solid #000000; padding: 16px 48px; }
.view-button:hover { background: #ed52f8; color: #FFFFFF; border: 1px solid #ed52f8; }


@media only screen and (max-width: 991px) {
	.event-date { width: 18%; }
	.event-info { width: 58%; }
	.event-action { width: 24%; text-align: end; }
	.child-event { padding: 30px 0; }
	.event-date .day { font-size: 44px; }
	.event-info h3 { font-size: 25px; }
	.event-date .month-year { font-size: 16px; line-height: 22px; }
	.view-button { width: 100%; display: inline-block; font-size: 14px; padding: 10px 36px; }
}

@media only screen and (max-width: 767px) {
	.child-event { flex-direction: column; align-items: start; gap: 20px; }
	.event-info, .event-info, .event-action { width: 100%; }
	
	.wpcf7 .wpcf7-form .form-row.contact-form .col-6, .wpcf7 .wpcf7-form .form-row.contact-form .col-12 { width: 100%; }
	
	.event-date .day { font-size: 24px; }
	.event-date .month-year { margin-top: 5px; }
	.event-date .month-year br { display: none; }
}