/* 
 *	EventON Booking Blocks styles
 *	@version 1.4.4
 * @license EventON CSS Assets

 Copyright (C) 2011-2026 AshanJay Designs LLC.

 PROPRIETARY LICENSE - All Rights Reserved

 Permission is hereby granted, free of charge, to any person obtaining a copy
 of these CSS files (the "Assets") solely for personal use in conjunction with
 a valid EventON license, subject to the following conditions:

 1. You may use these Assets on websites you own or manage.
 2. You may NOT redistribute, resell, sublicense, or publish these Assets
    in whole or in part, including in plugin/theme bundles, marketplaces,
    or GPL download sites.
 3. You may NOT remove or modify this copyright notice.
 4. These Assets are provided "AS IS" WITHOUT WARRANTY OF ANY KIND.
 5. Violation of these terms may result in license revocation and legal action.

 Trademark: "EventON" is a trademark of AshanJay Designs LLC.
 Contact: info@myeventon.com

 THE ASSETS ARE PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR   
 IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
 FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL
 STYLEMIXTHEMES BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER
 IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
 CONNECTION WITH THE ASSETS OR THE USE OR OTHER DEALINGS IN THE ASSETS.

*/


/* selection style 2 */
	.evobo_selections .evobo_selection_row{
		display: block;
		padding: 10px 0px;
		position: relative;
	}	
	.evobo_selections .evobo_selection_row span{
		display: inline-block; padding: 5px 15px; border-radius: 25px;
		cursor: pointer; text-align: center;
		color:#6b6b6b;
		text-transform: uppercase;
	}
	.evobo_selections .evobo_selection_row span.select.non_select{
		background-color: #e6e6e6; color:#6b6b6b; cursor: default;
	}
	.evobo_selections .evobo_selection_row span:hover{background-color: #d6d6d6; color:#808080;}
	.evobo_selections .evobo_selection_row span.select{background-color:#f3c991; color:#fff; }
	
	.evobo_selections .evobo_selection_row.evobo_slot_selection span{
		margin-right: 5px;
	    margin-bottom: 10px;
	    background-color: #ffffff;
	    font-size: 14px;
	    box-sizing: border-box;
	}
	.slot .evobo_selections .evobo_selection_row.evobo_slot_selection span{border:none;}
	.evobo_selections .evobo_selection_row.evobo_slot_selection span:hover{background-color: #d6d6d6}
	.evobo_selections .evobo_selection_row.evobo_slot_selection span em{font-style: normal;}
	.evobo_selections .evobo_selection_row.evobo_slot_selection span.select{
		background-color: #82da95; color:#fff;
	}

/* fonts */
	.evobo_main_selection,
	.evobo_selections .evobo_selection_row.evobo_slot_selection span,
	.evoTX_wc .evoGC_monthyear
	{font-family: var(--evo_font_1), 'poppin';}

	.evoGC .evoGC_week span em,
	.evobo_main_selection .evobo_section_header
	{font-family: var(--evo_font_2), 'open sans','arial';}


/* block preview */
	.evobo_price_values .evovo_price_options{margin-top: 10px;}
	.evoTX_wc .evotx_ticket_other_data_line.evobo_selected_slot, 
	body #evcal_list .evoTX_wc .evotx_ticket_other_data_line.evobo_selected_slot{
		display: flex;justify-content: space-between;
	}
	.evoTX_wc .evotx_ticket_other_data_line.evobo_selected_slot .value{text-align: right;}
/* calendar date style mod */
	.evoGC .evoGC_week span:before{
		content:"";
		display:block;
		padding-top:100%;
	}
	.evobo_calendar .evoGC .evoGC_week span.hasslots em{ background-color: #82da95; color:#fff;	}
/* evobo calendar */
	.evobo_calendar, .evobo_selections{width: 50%;}
	.evobo_selections{padding-left: 20px;}	
	.evobo_main_selection{
		display:flex;
	}
	.evobo_main_selection .evobo_section_header{
		font-weight: 400;font-size: 14px;
		display: block;margin-bottom: 15px; 
	}
	.evobo_booking_section .evobo_price_values{
		background-color: #fff;
	    border-radius: 15px;
	    padding: 20px;
	}
	.evobo_selections .evobo_selection_row.evobo_slot_selection span em.srem{
		    padding-left: 20px;
	    text-transform: none;
	    opacity: 0.6;
	}

/* calendar style slots */
	.evobo_booking_section.def .evobo_selection_row.evobo_slot_selection{
		display: flex;
		flex-direction: column; max-height: 400px;
	    overflow: auto; padding: 10px 5px;
	}
	.evobo_booking_section.def .evobo_selection_row.evobo_slot_selection:focus{
		outline:none;
	}
	.evobo_booking_section.def .evobo_selection_row.evobo_slot_selection .slot{
		box-sizing: border-box;
		font-size: 13px;
		display: flex;flex-wrap: wrap;justify-content: center;
		transition:all 0.2s;
		height: 35px; box-sizing: border-box; padding:10px;
	}
	.evobo_booking_section.def .evobo_selection_row.evobo_slot_selection .slot:hover{
		box-shadow: 0px 0px 5px var(--evo_color_1);
	}
	.evobo_main_selection .evobo_selection_row{padding:0}
/* time slot style */
	.evobo_selections .evobo_selection_row.evobo_slot_selection span.month,
	.evobo_selections .evobo_selection_row.evobo_slot_selection span.line_slots
	{
		background: none;
	    box-shadow: none;
	    padding: 0;
	    margin: 0;
	}
	.evobo_booking_section.slot .evobo_selections .evobo_selection_row{
		background: #fff;
	    padding: 20px;
	    border-radius: 20px;
	    margin: 10px 0;
	}

	.evobo_booking_section.slot .evobo_selections{width: 100%;padding: 0px;}
	.evobo_booking_section.slot .evobo_section_header{margin-bottom: 0}
	.evobo_selections .evobo_selection_row.evobo_slot_selection span.month
	{font-weight: bold;margin-bottom: 10px; cursor: default;}
	.evobo_selections .evobo_selection_row.evobo_slot_selection .date{    display: flex;padding: 0 0 10px;}
	.evobo_selections .evobo_selection_row.evobo_slot_selection .date b.day{
		flex: 0 0 60px; font-size: 18px;
	}
	.evobo_selections .evobo_selection_row.evobo_slot_selection .date b.day i{
		display: block; font-size: 12px;line-height: 1;
		text-transform: uppercase;font-style: normal;opacity: 0.4;
	}
	.evobo_selections .evobo_selection_row.evobo_slot_selection span.line_slots{
		text-align: left;display: flex;
		flex-wrap: wrap; flex:1;
	}
	.slot.evobo_booking_section .evobo_selections .evobo_selection_row.evobo_slot_selection span.line_slots,
	.slot.evobo_booking_section .evobo_selections .evobo_selection_row.evobo_slot_selection span.month
	{
		background-color: transparent;
	}
	.slot.evobo_booking_section .evobo_selections span.line_slots .slot
	{flex: 0 0 44%;border: 1px solid var(--evo_cl_b30);
		border-radius: 10px;
		margin-right: 10px;
	}
	
	

/* evo grid calendar styles */
	.evoGC{margin-bottom: 20px;
		background-color: #fff;
		padding:20px;
		border-radius:20px;
	}
	.evoGC .evoGC_header, .evoGC .evoGC_days, .evoGC .evoGC_dates{display: block}
	.evoGC .evoGC_header{padding-bottom: 20px; 
		display:flex;justify-content:space-between; 
		align-items: center;
		border-bottom: 1px solid var(--evo_color_2);
		margin-bottom: 15px;
		-webkit-user-select: none; /* Chrome all / Safari all */
		  -moz-user-select: none;   /* Firefox all */
		  -ms-user-select: none;  /* IE 10+ */
	   user-select: none;
	}
	.evoTX_wc .evoGC_monthyear{color: var(--evo_color_1)}
	.evoGC .evoGC_header .evoGC_month, .evoGC .evoGC_header .evoGC_year{
		font-size: 16px;
		text-transform: uppercase;
		padding-right: 5px;
		font-weight: bold;
	}
	.evoGC .evoGC_today{
		text-transform: uppercase;
		font-size: 12px;
		border-radius: 12px;
		background-color: var(--evo_color_1);color:#fff;
		padding: 3px 10px;
		margin-right: 10px;
		cursor: pointer;
	}
	.evoGC .evoGC_today:hover{ opacity: 0.6;}
	.evoGC .evoGC_header .evoGC_nav{
		padding-left: 10px;
		display:flex; align-items: center;
	}
	.evoGC .evoGC_header .evoGC_ar{
		text-align: center;
	    height: 25px;
	    width: 25px;
	    cursor: pointer;
	    border: 1px solid var(--evo_color_2);
	    border-radius: 50%;
	    color: var(--evo_color_2);
	    position: relative;
	    margin-right: 10px;
	    display: flex;justify-content: center;align-items: center;
	}
	.evoGC .evoGC_header .evoGC_ar:hover{
		color: #fff;
	    background-color: var(--evo_color_2);
	}
	.evoGC .evoGC_header .evoGC_ar i.fa{
		font-size: 14px; position: absolute;width: 25px;
	}
	.evo_lightbox .evoGC .evoGC_header .evoGC_ar i.fa{}
	.evoGC .evoGC_days{
		display:flex;
		justify-content:space-around;
		text-transform: uppercase;
		font-weight: bold; font-size: 14px;
		margin-bottom: 20px;
		color: #e4e4e4;
	}

	.evoGC .evoGC_dates{
		display:flex;
		justify-content:flex-start;
		flex-wrap: wrap;
		flex-direction:row;
		flex-grow:88;
		padding: 0;
	    margin: 0;
	    list-style: none;
	    display: -webkit-box;
	    display: -moz-box;
	    display: -ms-flexbox;
	    display: -webkit-flex;
	    display: flex;
	}
	.evoGC .evoGC_week{
		flex-basis:100%;
		display:flex;
		justify-content:flex-start;
	}
	.evoGC .evoGC_week span{
		flex-basis: calc(100% *1/7);
		text-align: center;
		box-sizing:border-box;
		position: relative;
		cursor: pointer;
		border-radius: 50%;
    	-webkit-border-radius: 50%;
    	-webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
		-ms-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
	}
	
	.evoGC .evoGC_week span em{
		position: absolute;
	    margin: 0;
	    top: 50%;
	    left: 50%;
	    width: calc(100% - 6px);
	    height: calc(100% - 6px);
	    line-height: 1;
	    font-style: normal; font-weight: bold; font-size:14px;
	    transform: translate(-50%, -50%);
	    -webkit-transform: translate(-50%, -50%);
	    border-radius: 50%;
	    -webkit-border-radius: 50%;
	    color: var(--evo_color_2);
	    box-sizing: border-box;
	    display: flex;justify-content: center;align-items: center;
	}
	.evoGC .evoGC_week span i{
		position: absolute;
	    margin: 0;
	    top: 50%;
	    left: 50%;
	    width: calc(100% - 4px);
	    height: calc(100% - 4px);
	    font-style: normal;
	    transform: translate(-50%, -50%);
	    -webkit-transform: translate(-50%, -50%);
	    border-radius: 50%;
	    display: flex; justify-content: center;align-items: center;
	    transition: all 0.2s;
	}
	.evotx_hidable_section.trim .evoGC .evoGC_week span i{width: 100%; height: 100%}
	.evotx_hidable_section.trim .evoGC .evoGC_week span i em{}

	.evoGC .evoGC_week .evoGC_date.today i{border:2px solid #ffafaf}
	.evoGC .evoGC_week .evoGC_date:hover i{background-color: #f3f3f3;}
	.evoGC .evoGC_week .evoGC_date.select i{border:2px solid #616161}

/* lightbox eventcard */
	.evo_lightbox_body .evobo_calendar{padding-right:30px }
	.evo_lightbox_body .evobo_calendar, .evo_lightbox_body .evobo_selections{width: 100%;}
	.evo_lightbox_body .evobo_selections{padding: 15px 0;}
	.evo_lightbox_body .evobo_booking_section.def .evobo_selections{padding-top: 0}
	.evo_lightbox_body .evobo_main_selection{display:flex;flex-direction:row;}
	.evo_lightbox_body .evoGC .evoGC_week span i{}
	.evo_lightbox_body .evoGC .evoGC_week span em{
		width: 40px; height: 40px; line-height: 40px;
		font-size: inherit; font-style: normal
	}

/* smaller area */
	.evobo_main_selection.trim .evobo_calendar, 
	.evobo_main_selection.trim .evobo_selections{width: 100%;}
	.evobo_main_selection.trim{flex-direction:column;}
	.evobo_main_selection.trim .evobo_selections{padding: 15px 0;}

	.evobo_booking_section.slot .evobo_main_selection.trim .evobo_selections{padding:10px 15px 0}
	.evobo_booking_section.slot .evobo_main_selection.trim span.line_slots{text-align: left;flex-basis: 200px}

/* responsive */
@media (max-width: 975px){
	.evoGC .evoGC_week span em{font-size: 14px;}
	.evoGC .evoGC_week span.today em{ }
}
@media (max-width: 850px){
	.evobo_calendar, .evobo_selections{width: 100%;}
	.evobo_selections{padding: 15px 0;}
	.evobo_main_selection{flex-direction:column;}
	.evoGC .evoGC_week span em{font-size: inherit;}
	.evoGC .evoGC_week span.today em{}
	.evobo_selections .evobo_selection_row.evobo_slot_selection span.line_slots .slot,
	.slot.evobo_booking_section .evobo_selections span.line_slots .slot
	{flex:0 0 48%;}

	.slot.evobo_booking_section .evobo_selections span.line_slots .slot.srem
	{flex:0 0 100%;}
}
@media (max-width: 550px){
	.evoGC .evoGC_week span.select{}
	.evoGC .evoGC_week span em,
	.evo_lightbox_body .evoGC .evoGC_week span em{
		font-size: 12px;
		background-color: transparent;
	}
	.evoGC .evoGC_week span.today em,
	.evo_lightbox_body .evoGC .evoGC_week span.today em{
		border:none;
	}
	.evoGC .evoGC_week .evoGC_date.today i,
	.evoGC .evoGC_week .evoGC_date.select i{height: 100%;width: 100%}

	.evobo_booking_section.slot .evobo_main_selection .evobo_selections{padding:10px 15px 0}
	.evobo_selections .evobo_selection_row.evobo_slot_selection .date{flex-direction: column;}
	.evobo_selections .evobo_selection_row.evobo_slot_selection .date b.day{flex: 0 0 auto; margin-bottom: 15px;}
	.evobo_booking_section.slot .evobo_main_selection.trim span.line_slots{flex-basis: auto;}
	.evobo_selections .evobo_selection_row.evobo_slot_selection span.line_slots .slot{flex:0 0 100%;}
	.evobo_booking_section.slot .evobo_main_selection span.line_slots{text-align: left;}

}