#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;
}
#wl-modal .wl-modal-content a{
	/*color: var( --e-global-color-accent );*/
	text-decoration: underline
}
.wl-modal-content .wl-calendar-btn{
	/*padding:6px 12px;*/ 
	/*padding: 12px 24px;*/ 
	padding: 2% 5%;
	border: 1px solid;
	background: rgba(255, 255, 255, 0.7);
	line-height: 1.2em;
	text-transform: uppercase
}

/* 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;
	margin-top: 20px
	/*justify-content: space-around*/
}
.wl-modal-footer .wl-calendar-btn{
	/*padding: 6px 12px;*/
	line-height: 1.2em;
	margin-bottom: 10px
}

#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-card,
.wl-event{
	padding: 24px 24px 32px 24px;
	border-radius: 8px
}
/* on all group types*/
.wl-group-type{
	padding: 4px 8px;
	background: rgba(255, 255, 255, 0.5);
	border-radius: 4px;
	text-transform: uppercase;
	/*text-align: center*/
}
.wl-icon-wrapper{
	display: flex;
	align-items: center
}
#wl-modal a{
	color: var(--e-global-color-text);
}
wl-center{
	text-align: center
}
.wl-mb16{
	margin-bottom: 16px
}
.wl-mb4{
	margin-bottom: 4px
}
.wl-required{
	color: red;
}
.wl-required.error{
	position: relative;
    padding-left: 30px;
}
.wl-required.error::before {
    display: block;
    position: absolute;
    left: 0;
    top: 2px;
    content: "!";
    border-radius: 50%;
    border: 1px solid red;
    width: 20px;
    height: 20px;
    line-height: 22px;
    text-align: center;
    color: red;
    font-weight: normal;
}
.wl-retreat-form{
	padding: 25px
}
.wl-modal-title,
.wl-retreat-form>div,
.wl-form-submit{
	padding: 12px 24px
}
.wl-modal-container.wide .wl-modal-title{
	font-size: 23px;
	text-align: center;
	font-weight: bold
}
.wl-retreat-form .retreat_learn>label{
	display: flex;
	align-items: center
}
.wl-retreat-form .retreat_learn>label input{
	margin-right: 5px
}
.wl-retreat-form .room_with_info{
	display: none
}
.wl-retreat-form .retreat_learn_other{
	display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    width: 100%;
    min-height: 24px;
    padding: .5em .5em .5em 0;
}
.wl-retreat-form .retreat_learn_other>label{
	-webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    padding-right: 20px;
    width: auto;
}
.wl-retreat-form .retreat_learn_other div{
	-webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1; 
    min-width: 200px;
}

#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;
	width: auto;
	height: auto
}

.wl-custom-form-row{
	margin-bottom: 12px;
	background: #fff;
	border-radius: 8px
}
.wl-custom-form-row .wl-event-title{
	/*font-size: 1.481vw;*/
	font-size: 32px;
	font-weight: bold;
	text-align: center
}
.wl-custom-form-row input[type="text"],
.wl-custom-form-row input[type="text"]:focus,
.wl-custom-form-row input[type="text"]:focus-visible,
.wl-custom-form-row input[type="text"]:active{
	background: transparent;
	border: none;
	position: relative;
	padding: 0.5rem 0;
	outline: none
}
.wl-custom-form-row input[type="text"]+div{
	/*content: "";*/
	border-bottom: 1px solid rgba(0,0,0,.12);
}
.wl-custom-form-row input[type="text"]:focus+div{
	border-bottom: 2px solid red
}
.wl-custom-form-row select,
.wl-custom-form-row select:focus,
.wl-custom-form-row select:focus-visible,
.wl-custom-form-row select:active{
	background: transparent;
	border: 1px solid rgb(218,220,224);
	outline: none
}
.wl-custom-form-row>label{
	font-size: 23px;
	line-height: 1.2em
}
.wl-img{
	text-align: center
}
.wl-img img{
	width: 100%
}
.wl_image_container{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	/*gap: 10px;*/
}
.wl_image_container img{
	max-width: 49%;
	/*margin-bottom: 10px*/
	margin-bottom: 2%
}
.wl-custom-form-row [for="terms_and_conitions"]{
	line-height: 1.4em
}

@media (max-width: 768px){
	.wl-retreat-form div.first_name,
	.wl-retreat-form div.phone_number{
		margin-bottom: 12px
	}
	.wl-modal-footer{
		flex-direction: column
	}
	.wl-modal-container.wide{
		width: 100%
	}
	
}
@media (min-width: 768px){
	#wl-calendar,
	#wl-modal{
		font-size: 1.111111vw;
	}
	.wl-title h1{
		font-size: 1.388889vw
	}
	.wl-modal-container {
		 width: 60%;
	}
	.wl-modal-container.wide{
		width: 90%
	}
	.wl-modal-container.wide .wl-retreat-form,
	.wl-modal-container.wide .wl-form-submit{
		width: 60%;
		margin: 0 auto
	}
	.wl-retreat-form .names,
	.wl-retreat-form .info{
		display: flex;
		justify-content: space-between;
	}
	.wl-retreat-form .names>div,
	.wl-retreat-form .info>div{
		flex-basis: 45%;
		width: 45%
	}
	
	#wl-modal .dashicons, 
	#wl-modal .cart-link .dashicons, 
	#wl-modal .cart-link .dashicons-before:before,
	.wl-retreat-form .wl-text,
	.wl-retreat-form input,
	.wl-retreat-form textarea,
	.wl-retreat-form select{
		/*font-size: 1.111111vw*/
		font-size: 23px
	}
/*	.wl-retreat-form input{
	}*/
	#wl-modal .dashicons.dashicons-cart{
		line-height: 1.8em
	}
/*	#wl-modal .cart-link{
		margin-left: 5px
	}*/
	.wl-retreat-form [type="checkbox"]{
		width: 0.8em;
		height: 0.8em;
		vertical-align: middle;
		margin-right: 5px
	}
	.wl-retreat-form [type="radio"]{
		width: 1em;
		height: 1em;
		vertical-align: middle;
		margin-right: 5px
	}
	.wl-retreat-form .retreat_learn>label{
		/*line-height: 24px*/
		line-height: 1.5em
	}
	.wl-retreat-form .retreat_learn_other label{
		/*line-height: 42px*/
		line-height: 2.65em
	}
	
}

@media (min-width: 1440px){
	.elementor-widget.dashicons-calendar,	
	.elementor-widget.dashicons-clock,
	.elementor-widget.dashicons-universal-access{
		width: auto;
		height: auto;
		font-size: 0.8em;
	}
}