main.page-calendar{
	background-color: #F9F6F3
}
#wl-calendar-container{
	padding: 0 5.55555556vw 6.66666667vw 5.55555556vw
}
#wl-calendar{
	--fc-button-bg-color: #F35E19;
	--fc-button-border-color: #F35E19;
	--fc-button-hover-bg-color: #F0EAE4;
	--fc-button-hover-border-color: #F35E19;
	--fc-button-active-bg-color: #F0EAE4; 
}
#wl-calendar,
#wl-modal{
	/*font-size: 3.562341vw*/
	/*font-size: 4.071247vw*/
	font-size: 4.580153vw
}
#wl-calendar a.fc-event{
	/*font-size: 0.972222vw*/
	font-size: 0.902778vw
	
}
#wl-calendar a.fc-event a{
	font-size: 1.23em
}
#wl-calendar a,
#wl-modal a{
	color: var(--e-global-color-text);
}
#wl-calendar .fc-header-toolbar button:hover{
	--fc-button-text-color: #F35E19
}
#wl-calendar .fc-header-toolbar button:active{
	--fc-button-text-color: #F35E19;
	border-color: #F35E19;
}
#wl-calendar .fc .fc-button-primary:not(:disabled).fc-button-active:focus, 
#wl-calendar .fc .fc-button-primary:not(:disabled):active:focus,
#wl-calendar .fc .fc-button-primary::focus{
	box-shadow: none
}
#wl-calendar .fc-daygrid-event>div{
	width: 98%
}
.page-template-template-calendar table tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th{
	background-color: #F9F6F3
}
.page-template-template-calendar table caption+thead tr:first-child td, 
.page-template-template-calendar table caption+thead tr:first-child th, 
.page-template-template-calendar table colgroup+thead tr:first-child td, 
.page-template-template-calendar table colgroup+thead tr:first-child th, 
.page-template-template-calendar table thead:first-child tr:first-child td, 
.page-template-template-calendar table thead:first-child tr:first-child th,
.page-template-template-calendar .fc-theme-standard .fc-scrollgrid,
.page-template-template-calendar .fc-theme-standard td, .fc-theme-standard th{
	border: 0
}
.page-template-template-calendar table th {
    font-weight: normal;
	text-transform: capitalize;
}
.page-template-template-calendar .fc-col-header-cell{
	padding: 0 2px
}
.page-template-template-calendar .fc-col-header-cell .fc-scrollgrid-sync-inner{
	background: #DBCBBC;
	border-radius: 4px
}
.page-template-template-calendar .fc-daygrid-dot-event:hover{
	background: inherit
}

@media (max-width: 767px){
	.fc .fc-list-event-graphic, 
	.fc .fc-list-event-time{
		display: none;
	}
}
.wl-center{
	text-align: center
}
.wl-mb16{
	margin-bottom: 16px
}
.wl-mb4{
	margin-bottom: 4px
}
.wl-required{
	color: red
}
.wl-event-wrapper{
	border-radius: 8px;
	text-wrap:wrap;
	padding: 12px 12px 16px 12px;
	margin-bottom: 16px;
	font-family: "Source Sans 3";
	font-weight: 400;
	/*line-height: 0.9em*/
	line-height: 1.3em
}
#wl-calendar .wl-event-wrapper a{
	text-decoration: underline
}

/* only in calendar*/
#wl-calendar .wl-group-type{
	align-items: center;
    display: flex;
    justify-content: center;
	min-height: calc( 1.3em * 2 + 8px);
	flex-direction: column
	
}
#wl-calendar .wl-group-type span{
	font-size: 0.8em
}
/*#wl-calendar .wl-icon-wrapper{
	font-size: 0.95em
}*/

/*.wl-group-type{
	padding: 4px 8px;
	background: rgba(255, 255, 255, 0.5);
	border: 2px solid;
	border-radius: 4px;
	text-transform: uppercase;
	display: inline-block
	text-align: center
}*/
.wl-icon-wrapper{
	display: flex;
	align-items: center
}
.wl-icon-wrapper .dashicons{
	margin-right: 2px
}
.wl-icon-wrapper a{
	display: block;
}
.wl-title,
.wl-reservation{
	font-weight: bold
}
.wl-title{
	line-height: 1.3
}
#wl-calendar .wl-title{
	min-height: calc(1.3em * 4)
}
/*.fc-event .wl-event-wrapper .wl-calendar-btn{*/
.wl-event-wrapper .wl-calendar-btn{
	/*padding:6px 12px;*/ 
	/*padding: 12px 24px;*/ 
	padding: 8% 17%; 
	border: 1px solid;
	background: rgba(255, 255, 255, 0.7);
	line-height: 1.2em;
	text-transform: uppercase
}
/*.wl-event-wrapper .wl-calendar-btn:hover,
.wl-modal-content .wl-calendar-btn:hover{
	border:2px solid;
}*/

#wl-modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 99; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
}
.wl-modal-overlay{
	position: fixed; /* Stay in place */
	left: 0;
    top: 0;
	bottom: 0;
	right: 0;
/*    width: 100%;  Full width 
    height: 100%;  Full height */
	z-index: 99; /* Sit on top */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
/*.wl-modal-content {*/
.wl-modal-container {
	position: relative;
    background-color: #fefefe;
    margin: 10% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
	border-radius: 32px;
    width: 90%; /* Could be more or less, depending on screen size */
	z-index: 100
}
#wl-modal.success .wl-modal-content,
#wl-modal.error .wl-modal-content{
	padding: 15px;
	border-radius:15px

}
#wl-modal.error .wl-modal-content{
	color: red;
	background: #f2dede;
}
#wl-modal.success .wl-modal-content{
	color: #468847;
	background: #dff0d8;
}

/* The Close Button */
.wl-modal-close {
	--close-font-size: 28px;
    color: #aaa;
    float: right;
    font-size: var(--close-font-size);
	line-height: var(--close-font-size); 
    font-weight: bold;
	margin-top: -10px
}

.wl-modal-close:hover,
.wl-modal-close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}
.wl-modal-footer{
	display: flex;
	/*justify-content: space-between*/
	justify-content: space-around;
	margin-top: 20px
}
.wl-modal-footer .wl-calendar-btn{
	/*padding: 6px 12px;*/
	line-height: 1.2em;
	/*margin-bottom: 10px*/
	margin-bottom: 1.2em;
}

#wl-modal [aria-busy=true]:not(input):not(select):not(textarea)::before {
	--loading-spinner-opacity: 0.5;
    display: inline-block;
    width: 3em;
    height: 3em;
    /*border: 0.1875em solid currentColor;*/
    border: 0.4875em solid currentColor;
    /*border-radius: 3em;*/
    border-radius: 100%;
    border-right-color: transparent;
    vertical-align: text-bottom;
    vertical-align: -0.125em;
    animation: spinner 0.75s linear infinite;
    content: "";
    opacity: var(--loading-spinner-opacity);
}
.wl-modal-ok{
	display: none
}
#wl-modal.error .wl-modal-ok{
	display: inline-block
}

@keyframes spinner {
	to {
		transform: rotate(360deg);
	}
}

#wl-modal .cart-link{
	color: var(--e-global-color-accent);
	text-decoration: underline
}
#wl-modal .dashicons, 
#wl-modal .cart-link .dashicons
#wl-modal .cart-link .dashicons-before:before{
/*#wl-modal .cart-link .dashicons:before{*/
	line-height: 1.424em;
	text-decoration: none
}


/*.wl-icon-wrapper {
    display: flex;
    align-items: center;
}*/
/*.wl-icon-wrapper .dashicons{
	margin-right: 2px
}*/
.wl-title h1{
	font-size: 4.071247vw
}
@media (max-width: 768px){
	.wl-modal-footer{
		flex-direction: column
	}
}
@media (min-width: 768px){
	.wl-title h1{
		font-size: 1.388889vw
	}
	.wl-modal-container {
		 width: 60%;
	}
	#wl-calendar,
	#wl-modal{
		font-size: 1.111111vw;
	}
}