/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/* IPARK Custom CSS */

.contact-submit {
	border-radius: 20px;
	padding: 20px 25px 20px 25px;
}

/* WOOCOMMERCE Custom CSS */

/* .woocommerce-billing-fields{
	display: inline-block;
	vertical-align: middle;
} */

.woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1{
	width: 100% !important;
}

.button#place_order{
	color: #FFFFFF !important;
	border-radius: 20px 20px 20px 20px;
	padding: 25px 25px 25px 25px;
}

.woocommerce .button.button[name="apply_coupon"],
.woocommerce .button.button[name="save_address"],
.woocommerce .button.button[name="login"],
.woocommerce .button.button[name="save_account_details"]
{
	border-radius: 20px 20px 20px 20px;
	padding: 20px 25px 20px 25px;
}

.wc_payment_method{
	padding-left: 20px;
}

.woocommerce-info,
.woocommerce-billing-fields h3
{
	margin: 0px !important;
}

.woocommerce .woocommerce-button.button.edit_order{
	display: none !important;
}

.woocommerce table.my_account_orders .button,
.woocommerce table.my_account_orders .button:hover,
.woocommerce .woocommerce-order-details .order-actions-button,
.woocommerce .woocommerce-order-details .order-actions-button:hover
{
	border-radius: 20px;
	padding: 20px;
	margin-right: 10px;
}

.woocommerce form .form-row label,
.woocommerce-page form .form-row label
{
    display: contents !important;
}

input#mailchimp_woocommerce_is_unsubscribed,
input#mailchimp_woocommerce_is_subscribed,
input#mailchimp_woocommerce_is_transactional
{
	margin-right: 10px;
}



/* IPARK Custome CSS */

.ipg_availbility_check_form{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	justify-content: space-evenly;
}

@media (max-width: 800px){
	.ipg_availbility_check_form{
		flex-direction: column;
		align-items: center;
	}
}

.parking_form, .parking_to, .parking_promo_code, .parking_submit{
/* 	width:27%; */
/*	display : inline-block; */
	padding:5px;
}

.avalability-parking {
	min-height: 100px;
	box-sizing: border-box;
}
.avalability-parking-result {
	border: 1px solid #a6a8ab;
	padding: 11px;
	border-radius: 12px;
	margin: 10px;
}
.fa-calendar {
	cursor: pointer;
}

.fa-calendar-form , .fa-calendar-to, .fa-promocode-form {
	position: relative;
	top: -29px;
	right: 10px;
	cursor: pointer;
	float:right;
	color:#EE8520;
}

.parking_submit{
        /* position: absolute; */
	/* padding-left: 10px; */
}

.parking_submit input{
	background: #EF8520;
	color: #FFFFFF;
	border: 1px solid #EF8520;
	border-radius: 20px 20px 20px 20px;
	padding: 25px 40px 25px 40px;
	font-weight: 400 !important;
	font-size: 20px;
	transition: all .3s;
	text-decoration: none !important;
}

.parking_submit input:hover{
	background-color: #3a56a5;
	border: 1px solid #3a56a5;
}

.avalability-parking-result{
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-evenly;
}

@media (max-width: 800px){
	.avalability-parking-result{
                flex-direction: row;
		flex-wrap: wrap;
        }
}

.book-image img{
	max-width: 150px !important;
}

.book-image, .book-title, .description, .book-price{
	/* display : inline-block; */
	padding: 20px 20px 20px 20px;
}

.book-price{
	font-weight: 700;
}

.book-now {
	/* display: inline-block; */
	font-weight: 400;
	color: #ffff;
	text-align: center;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: #EF8520;
	border: 1px solid #EF8520;
	padding: .5rem 1rem;
	font-size: 20px;
	border-radius: 12px;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	text-decoration: none!important;

}

.book-now:focus, .book-now:hover{
  color: #ffff;
  background-color: #3A56A5;
  border: 1px solid #3A56A5;
  text-decoration: none;
}
.text-danger {
  color: #dc3545 !important;
}

.spinner{
        width: 64px;
        height: 64px;
        border: 8px solid;
        border-color: #3d5af1 transparent #3d5af1 transparent;
        border-radius: 50%;
        animation: spin 1.2s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }

  .hide {
  	display: none;
  }