/* 
Theme Name: WDK - Custom Hello Theme
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Custom Hello Elementor theme with camap custom events template and checkout styles.
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 */


/*WDK Donation css*/

div#pmpro_donations {
    margin: 1em 0;
    padding: 1em ;
    background: #337866;
    color: #fff;
}

div#pmpro_donations:before {
    content: 'Donate to CAMAP';
    display: block;
    margin-bottom: 18px;
    font-size: 26px;
    font-weight: 700;
}

div#pmpro_donations span#pmprodon_donation_prompt { font-weight: 600;}

div#pmpro_donations .pmpro_small { padding-left: 15px; border-left: 3px solid #82bc48;}

div#pmpro_donations .pmpro_small p { color: #fff; font-size: 16px; line-height: 1.2;}

.pmpro_advanced_levels-div.pmpro_levels-div span.checkout-msg-thing { display: none;}

.pmpro_advanced_levels-div.pmpro_levels-div span.time-tag { display: block; margin-bottom: 5px;}

.pmpro_advanced_levels-div.pmpro_levels-div p:has(.checkout-msg-thing) br {display: none;}

button.pmpro_btn-plain.pmpro_btn-print {
    pointer-events: none;
    display: none;
}

.pmpro_card_actions:has(.pmpro_btn-print) {display: none;}

/*tec css style (Events) */
:root {
	--tec-border-radius-default: 0;
	--tec-grid-width-default: 1570px;
}
	/*global fixes*/
.tribe-common ol li, .tribe-common ul li, .tribe-events-notices ul li {list-style: none;}

	/*month view*/
.tribe-events .tribe-events-calendar-month__header-row {
	background: #548f5f;
}

.tribe-events-calendar-month__header-column {
    padding: 10px 15px !important;
	  position: relative;
}

.tribe-events-calendar-month__header-column:not(:first-child):before { 
    content: '';
    display:block;
    height: 60%;
    width: 1px;
    background: rgba(255,255,255,0.5);
    position: absolute;
    left: 0;
    top: 20%;
}

.tribe-events .tribe-events-calendar-month__header-column-title { color: #fff; font-weight: 700;}

.tribe-events .tribe-events-calendar-month__body {background: #fff;}

.tribe-events .tribe-events-calendar-month__calendar-event-title-link, 
.tribe-events .tribe-events-calendar-month__calendar-event-tooltip-title-link { font-weight: 700; color: #106b69!important;}

/*single events view*/
.tribe-events-event-image img {
display: block;
aspect-ratio: 16 / 9;
object-fit: cover;
height: auto;
}

body.single-tribe_events {background: #fff;}
#tribe-events-pg-template { max-width: 1510px;}

.tribe-events-single .tribe-events-sub-nav { padding: 0!important; list-style:none;}

.tribe-events-single .tribe-events-sub-nav li {list-style: none;}

@media (min-width: 768px) {
    .tec-sidebar-layout {
        display: grid;
        grid-template-columns: 1fr 26%;
        grid-template-rows: 1fr;
        grid-column-gap: 60px;
        grid-row-gap: 0px;
    }

    .tec-sidebar-layout div[class^="post-"] { grid-area: 1 / 1 / 2 / 2; }
    .tec-sidebar-layout .tec-sidebar { grid-area: 1 / 2 / 2 / 3;}

}

@media (max-width: 1366px) { .tec-sidebar-layout { grid-template-columns: 1fr 30%;}}

@media (max-width: 1024px) { 
    .tec-sidebar-layout { grid-template-columns: 1fr 36%;}
    
    .tec-sidebar-layout div[class^="post-"] .intro-wrap:has(.tribe-events-event-image) { display: flex; flex-direction: column-reverse;}
}

@media (min-width: 1025px) {
    .tec-sidebar-layout div[class^="post-"] .intro-wrap { position: relative;}

    .tec-sidebar-layout div[class^="post-"] .title-wrap { 
			padding: 15px 30px 20px;
			width: 100%;
			background: #549060;
			margin-bottom: 30px;
    }

    .tec-sidebar-layout div[class^="post-"]:has(.tribe-events-event-image) .title-wrap {
        position: absolute;
        bottom: 0;
        background: rgba(84,144,97,0.75);
		margin-bottom:0;
    }

    .tec-sidebar-layout div[class^="post-"] .title-wrap .tribe-events-single-event-title { margin-bottom: 10px; color: #fff;}

    .title-wrap .tribe-events-schedule h2, .title-wrap .tribe-events-schedule .tribe-events-cost { color: #fff; font-weight: 600;}

    .title-wrap .tribe-events-schedule .tribe-events-cost {font-weight: 700;}

    .tec-sidebar-layout div[class^="post-"] .title-wrap .tribe-events-schedule {margin-top: 0; margin-bottom: 0;}

    .tec-sidebar-layout div[class^="post-"]:has(.tribe-events-event-image) .tribe-events-schedule {margin-bottom: 0;}

    .title-wrap .tribe-events-schedule .tribe-events-virtual-single-marker { margin-left: auto; background: #ffcb00; font-weight: 600;}

    .title-wrap .tribe-events-virtual-single-marker__icon-svg {
        height: 10px;
        margin-right: var(--tec-spacer-0);
        transform: scale(1.5);
        margin-left: 4px;
        margin-right: 8px;
    }
}

.tribe-events-schedule .timezone { margin-left: 5px;}


.tec-sidebar-layout .tec-sidebar .sb-wrap {
    background: rgba(138,154,157,0.5);
    padding: 10px 30px 30px;
}

.tec-sidebar-layout .tec-sidebar .sb-wrap .tribe-events-event-meta { display: flex; flex-direction: column;}

.tec-sidebar-layout .tec-sidebar .sb-wrap .tribe-events-event-meta .tribe-events-meta-group { width: 100%}

.tec-sidebar-layout .tec-sidebar .tribe-events-event-meta.primary .tribe-events-meta-group-details { order: 1;}
.tec-sidebar-layout .tec-sidebar .tribe-events-event-meta.primary .tribe-events-meta-group-other { order: 2;}
.tec-sidebar-layout .tec-sidebar .tribe-events-event-meta.primary .tribe-events-meta-group-organizer { order: 3;}
.tec-sidebar-layout .tec-sidebar .tribe-events-event-meta.primary .tribe-events-meta-group-venue {order: 4;}
.tec-sidebar-layout .tec-sidebar .tribe-events-event-meta.primary .tribe-events-meta-group-gmap {order: 5;}

.tec-sidebar-layout .tec-sidebar .tribe-events-meta-group .tribe-events-single-section-title {
    display: block;
    font-size: 20px;
	line-height: 1.2em;
    background: #106b69;
    color: white;
    padding: 10px;
	margin-bottom: 20px;
}

.tec-sidebar-layout .tec-sidebar .tribe-events-event-meta dt {font-weight: 600;}

.tribe-events-event-meta dt:not(:first-child) { margin-top: 10px;}

@media (min-width: 768px) { .tribe-events-venue-map { width: 100%; margin-top: 0; margin-bottom: 10px;} }

.sb-wrap .tribe-events-event-meta~div:not(.tribe-events-event-meta,.event-tickets) {
    border-top: none;
    background: var(--tec-color-border-secondary);
    padding: 10px;
    border-left: 3px solid #80b948;
    font-style: italic;
}

.tec-sidebar-layout div[class^="post-"] .tribe-link-view-attendee {
    margin: 15px 0;
    padding: 10px 20px;
    background: rgba(129, 185, 72, 0.15);
    border-radius: 8px 4px 4px 8px;
    border-left: 3px solid #80b948;
}

.tribe-events-event-meta:before {display: none;}

.single-tribe_events .tribe-events-c-subscribe-dropdown__container, .tribe-events .tribe-events-c-subscribe-dropdown__container {display: none!important;}

/* Related Events */

.tribe-events-related-events-title { border-top: 0; }

.tribe-events-single ul.tribe-related-events li { border: 0;}

.tribe-events-single ul.tribe-related-events li .tribe-related-event-info { padding: 0 15px;}

section#tribe-events-pg-template #tribe-events-footer { margin-top: 30px;}

.tribe-events-single ul.tribe-related-events li .tribe-related-events-thumbnail a { padding: 0;}

.tribe-events-single ul.tribe-related-events li .tribe-related-events-thumbnail img {
    bottom: unset;
    left: unset;
    position: initial;
    right: unset;
    top: unset;
    transform: unset;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    overflow: hidden;
}

.tribe-events-single ul.tribe-related-events li .tribe-related-events-thumbnail img[src$="tribe-related-events-placeholder.png"] { transform: unset;}

/*ticket - single event page*/

.entry .entry-content .event-tickets .tribe-tickets__tickets-item-content-title-container.tribe-tickets--no-description, 
.event-tickets .tribe-tickets__tickets-item-content-title-container.tribe-tickets--no-description { align-self: center; }

.tribe-tickets__tickets-item[data-ticket-price="0"] .tribe-tickets__tickets-item-extra-price { display: none;}

.event-tickets .tribe-tickets__tickets-item[data-ticket-price="0"] .tribe-tickets__tickets-item-extra { align-self: center!important;}

/*Tickets Waitlist*/

.event-tickets .tribe-tickets__tickets-item:has(button[title*="Waitlist"]) {display: none;}

.entry .entry-content .event-tickets .tribe-tickets__tickets-item[data-available=false], 
.event-tickets .tribe-tickets__tickets-item[data-available=false] { opacity: 1;}

.entry .entry-content .event-tickets .tribe-tickets__tickets-item[data-available=false] > *:not(.tribe-tickets__tickets-item-quantity), 
.event-tickets .tribe-tickets__tickets-item[data-available=false] > *:not(.tribe-tickets__tickets-item-quantity) { opacity: .3; font-style: italic;}

.entry .entry-content .event-tickets .tribe-tickets__tickets-item[data-available=false] .tribe-tickets__tickets-item-quantity-unavailable, 
.event-tickets .tribe-tickets__tickets-item[data-available=false] .tribe-tickets__tickets-item-quantity-unavailable { 
    font-family: 'Arial', Verdana, Helvetica, sans-serif;
    font-weight: 700;
    font-size: 15px;
    color: #ac0e0e;
}

.event-tickets:has(.tribe-tickets__tickets-item[data-available=false]) .tribe-tickets__tickets-item:has(button[title*="Waitlist"]) { display: grid;}

.event-tickets:has(.tribe-tickets__tickets-item[data-available=false]) .tribe-tickets__tickets-item:has(button[title*="Waitlist"]) .tribe-tickets__tickets-item-extra { display: none;}

/*ticket sale end date*/ .tribe-tickets__tickets-item .ticket_end_date {font-size: 14px;}

/*hide rsvp until tickets are sold out*/
.tec-sidebar-layout div[class^="post-"]:has(.tribe-tickets__tickets-form) div#rsvp-now {display: none;}

.tec-sidebar-layout div[class^="post-"]:has(.tribe-tickets__tickets-item[data-available="false"]) div#rsvp-now {display: block;}

.event-tickets .tribe-tickets__rsvp-attendance, .event-tickets .tribe-tickets__rsvp-availability { display: none !important;}

.event-tickets .tribe-tickets__rsvp-details-wrapper { align-items: flex-start!important;}

/*ticket & rsvp forms*/

@media (min-width: 768px) {
	.entry .entry-content .event-tickets .tribe-tickets__attendee-tickets-item.tribe-tickets__form .tribe-tickets__form-field, 
	.event-tickets .tribe-tickets__attendee-tickets-item.tribe-tickets__form .tribe-tickets__form-field { flex-flow: column!important;}
	
    .entry .entry-content .event-tickets .tribe-tickets__attendee-tickets-item.tribe-tickets__form .tribe-tickets__form-field-label, 
	.event-tickets .tribe-tickets__attendee-tickets-item.tribe-tickets__form .tribe-tickets__form-field-label {flex: auto!important;}
}

.entry .entry-content .event-tickets .tribe-tickets__attendee-tickets-item--has-focus,.event-tickets .tribe-tickets__attendee-tickets-item--has-focus {
    border-left-color: #7fb94a!important;
}

.entry .entry-content .event-tickets .tribe-tickets__attendee-tickets-item--has-focus:after,.entry .entry-content .event-tickets .tribe-tickets__attendee-tickets-item--has-focus:before,.event-tickets .tribe-tickets__attendee-tickets-item--has-focus:after,.event-tickets .tribe-tickets__attendee-tickets-item--has-focus:before {
    background: #7fb94a!important;
}


/* Minh WDK */
/* Checkout Page */
body.woocommerce-checkout .site-main, body.woocommerce-cart .site-main {
	max-width: 1040px!important;
	padding: 50px 20px 0px!important;
	margin: 50px auto;
	background: white;
}

body.woocommerce-checkout .site-main h1, body.woocommerce-cart .site-main h1 { font-size: 40px; margin-bottom: 10px;}

body.woocommerce-checkout .site-main h2, body.woocommerce-cart .site-main h2 { font-size: 26px; margin-bottom: 8px;}

.woocommerce ul.order_details { margin-top: 10px!important;}

/* Add by Miller */
.has-errormessage {
    margin-bottom: -40px !important;
}
/*  checkout page  */
#reffe-name,#reffe-email,#reffe-phone{
    max-width:100%;
    width:100%;
}