/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/

/*---structure columns---*/
.vc_row.vc_row-flex>.vc_column_container.vc_col-sm-6 >.vc_column-inner {
	box-shadow: 0px 0px 16px rgb(0 0 0 / 8%);
    border: 1px solid #ececec;
    border-radius: 8px;
    padding: 0px;
    margin: 0px 26px 26px;
	background: #ffffff;
	justify-content: center;
}
.vc_row.vc_row-flex.primary >.vc_column_container.vc_col-sm-6:last-child >.vc_column-inner {
    background: none;
    box-shadow: none;
    border: none;
    border-radius: 0px;
}
.vc_row.vc_row-flex>.vc_column_container.vc_col-sm-6:first-child >.vc_column-inner {
    justify-content: inherit;
}
.vc_row.vc_row-flex.primary >.vc_column_container.vc_col-sm-6:first-child >.vc_column-inner {
    justify-content: inherit;
	max-height: 444px;
}
.vc_row.vc_row-flex >.vc_column_container.vc_col-sm-6:first-child >.vc_column-inner {
    justify-content: inherit;
	max-height: 444px;
}
.vc_column-inner .wpb_text_column.wpb_content_element {
    margin-bottom: 0px;
}
.vc_row.vc_row-flex>.vc_column_container.vc_col-sm-6:first-child >.vc_column-inner {
    margin-right: 13px;
}
.vc_row.vc_row-flex>.vc_column_container.vc_col-sm-6:last-child >.vc_column-inner {
    margin-left: 13px;
}
.vc_row.wpb_row.vc_row-fluid.vc_row-o-equal-height.vc_row-flex {
    margin: 0px -26px;
}
.vc_row.vc_row-flex>.vc_column_container.vc_col-sm-6:last-child >.vc_column-inner > .wpb_wrapper > .wpb_content_element > .wpb_wrapper_right, .vc_row.vc_row-flex>.vc_column_container.vc_col-sm-6:last-child >.vc_column-inner > .wpb_wrapper > .wpb_content_element, .vc_row.vc_row-flex>.vc_column_container.vc_col-sm-6:last-child >.vc_column-inner > .wpb_wrapper {
    height: 100%;
}
.vc_row.vc_row-flex.primary >.vc_column_container.vc_col-sm-6:last-child >.vc_column-inner > .wpb_wrapper > .wpb_content_element > .wpb_wrapper {
	height: 100%;
}
.panel div#field_2_3 {
    text-align: left;
    margin-bottom: 16px;
}
@media only screen and (max-width: 1000px) {
	div.checkin_title {
    	font-size: 22px;
    	margin-top: 10px;
    	margin-bottom: 8px;
    	line-height: 26px;
	}
	div.checkin_text {
    	font-size: 14px;
    	line-height: 18px;
	}
}

@media only screen and (max-width: 768px) {
	.vc_row-o-equal-height.vc_row-flex .vc_col-sm-6 {
	    display: block;
	}
	.vc_row.vc_row-flex>.vc_column_container.vc_col-sm-6:first-child >.vc_column-inner, .vc_row.vc_row-flex>.vc_column_container.vc_col-sm-6:last-child >.vc_column-inner {
	    margin: 0px auto 16px auto;
    	width: 85%;
	}
	.wpb_wrapper_right div#response .response_inner {
		padding:46px 20px;
	}
	.vc_row.vc_row-flex.primary >.vc_column_container.vc_col-sm-6:first-child >.vc_column-inner, .vc_row.vc_row-flex >.vc_column_container.vc_col-sm-6:first-child >.vc_column-inner	{
    	justify-content: inherit;
    	max-height: 470px;
	}
	.vc_row.wpb_row.vc_row-fluid.checkin_bottom {
    	max-width: calc(85% + 60px);
    	margin: 46px auto 32px;
	}
	button.button.modify_button, button.button.cancel_button, button.button.complete_button {
    	font-size: 11px;
    	line-height: 14px;
	}
	.checkin_bottom .wpb_text_column .wpb_wrapper {
    	line-height: 18px;
    	font-size: 13px;
	}
}
	
@media only screen and (max-width: 600px) {
	div.reservation_buttons {
    	display: block;
	    text-align: center;
	}
	div.reservation_buttons button {
    	margin: 4px 4px !important;
	}
	div.reservation_buttons button {
    	font-size: 13px !important;
    	padding: 10px 12px !important;
	}
	div.accordion {
    	font-size: 16px;
	    line-height: 20px;
	}
	.tags div.tag {
    	font-size: 10px;
    	line-height: 12px;
	}
	div.left_details {
    	font-size: 15px;
	}
}
.vc_row.vc_row-flex>.vc_column_container.vc_col-sm-6.guestRight >.vc_column-inner {
	box-shadow: 0px 0px 16px rgb(0 0 0 / 0%);
    border: 0px solid #ececec;
    border-radius: 8px;
    padding: 0px;
    margin: 0 26px 26px;
    background: none;
    justify-content: center;
}
.guestRight div#response {
    border-radius: 8px;
    box-shadow: 0px 0px 16px rgb(0 0 0 / 15%);
    background: #ffffff;
    width: 100%;
}
/*---structure end---*/

.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok {
	color: #6db167 !important;
}

.checkin_confirmed {
	text-align:center;
	padding: 20px;
	background: #6eb168;
}
.checkin_confirmed.checkin_guest {
	background: #408CA9;
    height: calc(100% + 40px);
    margin: -20px;
    padding: 46px 20px;
}
div.checkin_confirmed {
	padding: 46px 20px;
}

.checkin_confirmed img {
    width: 90%;
    max-width: 170px;
}

.checkin_title {
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 26px;
    margin-top: 10px;
    margin-bottom: 8px;
    line-height: 30px;
}
.checkin_text {
    color: #ffffff;
    text-transform: none;
    font-weight: 400;
    font-size: 18px;
    margin-top: 0px;
    line-height: 22px;
}
.checkin_confirmed {
    padding: 20px;
    border: 1px solid #ececec;
    border-radius: 8px 8px 8px 8px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 16px rgb(0 0 0 / 8%);
}
.confirmedBox {
    max-width: 85%;
    width: 100%;
}

.accordion_icon {
	display:inline;
    padding-right: 18px;
    margin-left: -12px;
}
.accordion_icon .fa-circle-check {
    color: #6db167;
}

.reservation_buttons {
	display: flex;
	justify-content: space-evenly;
    margin-top: 32px;
}

.reservation_buttons button {
	background: #ed0000;
	color: white;
}

div, p, h1, h2, h3, h4, h5, span, a, legend, input, textarea, legend {
	font-family: 'Acumin-Pro', arial, sans-serif;
}

/*Gravity Forms*/
#field_1_3 {
	overflow-x: auto;
    height: 200px;
    text-align: left;
    font-size: 12px;
    line-height: 18px;
    padding: 16px;
    border: 1px solid #e5e5e5;
    border-right: none;
	overflow-y: scroll;
}
.panel input[type="submit"] {
    width: 150px;
    border: 2px solid #ed0000;
    padding: 6px 18px 6px;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    margin-top: -40px;
    box-shadow: none;
    background: #ed0000;
    border-radius: 70px !important;
    font-family: 'acumin-pro';
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .3px;
    font-size: 14px;
    margin-bottom: 0px !important;
}
/*Gravity Forms End*/

div.main-page-wrapper {
    min-height: calc(100vh - 178px);
}

footer .copyrights-wrapper p {
    font-size: 11px;
}

.badge {
	position: absolute;
	z-index: 10;
}

#idCopy {
	position:relative;
	top: 0px;
	left: 35px;
}

.badge-success {
	color: green;
}





/*Header*/
.wd-header-text.siteTitle {
    font-size: 46px;
    font-weight: 800;
    font-family: 'Acumin-Pro';
    color: #c7c7c7;
}


/*Accordion*/
.accordions {
    border: 1px solid #ececec;
    border-radius: 9px;
    box-shadow: 0px 0px 16px rgb(0 0 0 / 8%);
    position: relative;
}
.accordion {
    /*background-color: #ececec;*/
    background-color: #f1f1f1;
    color: #444;
    cursor: pointer;
    padding: 16px 40px 16px 32px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 18px;
    transition: 0.4s;
    display: block;
    text-transform: unset;
    font-weight: unset;
    border-bottom: 1px solid #d9d9d9;
	display: flex;
    align-items: center;
    line-height: 24px;
}
.accordion:last-child {
	border:none;
}
.accordion.active, .accordion.active:hover {
	background-color: #111111;
}
.accordion:hover {
	background-color: #dddddd;
}
.accordion.active .accordion_heading {
	color: #eeeeee;
}

/*.accordion_heading:after {
	content: '\002B';
	color: #777;
	font-weight: bold;
	float: right;
	margin-left: 5px;
}
.active .accordion_heading:after {
	content: "\2212";
}*/
.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
	position: absolute;
    right: 20px;
}
.accordion.active:after {
	content: "\2212";
	color: #ffffff;
}

.accordion:nth-child(9) {
	border-radius: 0px 0px 8px 8px;
	transition: border-radius 0.1s ease-in-out;
}
.accordion:first-child {
    border-radius: 8px 8px 0px 0px;
}
.accordion.active:nth-child(9) {
	border-radius:0px;
	transition: border-radius 0.1s ease-in-out;
}
.accordion:last-child, .accordion.active + .panel:last-child {
    border-radius: 0px 0px 8px 8px;
}
.panel {
	padding: 0px 18px;
	background-color: white;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.2s ease-out;
}
.submit {
    margin: 20px auto 10px !important;
	transition: all 0.1s ease-in-out;
}
button.guest_checkin_button {
	width: 200px;
    line-height: 20px;
    padding-bottom: 8px;
	margin: 20px auto 10px !important;
	transition: all 0.1s ease-in-out;
}
.submit:hover, button.guest_checkin_button:hover, .button.modify_button:hover, .button.cancel_button:hover, .panel input[type="submit"]:hover {
    background-color: #111111;
	border-color: #111111;
	color: #ffffff;
	transition: all 0.1s ease-in-out;
}
.reservation_selected_tags {
    font-size: 13px;
    font-style: italic;
    font-weight: 600;
    color: #8e8e8e;
    letter-spacing: .1px;
    line-height: 18px;
}
.active .reservation_selected_tags {
	color: #b9b9b9;
}
/*Accordion End*/


.panel_wrapper {
	padding:16px 0px;
	text-align:center;
    line-height: 20px;
}
.guest_checkin_button {
	display:block;
	margin-top: 5px;
}
.tags {
	display: flex;
	flex-wrap: wrap;
	padding:5px;
	margin: -5px -4px;
}
.tags > div {
	margin: 6px;
}
div.tag {
	background: #ebebeb;
    padding: 6px 14px 6px;
    border: 2px solid #ebebeb;
    color: #767676;
    font-weight: 600;
    border-radius: 50px;
    cursor: pointer;
    margin: 5px 4px !important;
    font-family: 'Acumin-Pro', arial, sans-serif;
    font-size: 12px;
    line-height: 14px;
}
div.tag.tagselected {
    background: none;
    border-color: #ed0000;
    color: #ed0000;
    transition: all 0.1s ease-in-out;
}
div.occasiontag.occasionselected:hover {
    background: none;
    border-color: #ed0000;
    color: #ed0000;
    transition: all 0.1s ease-in-out;
    box-shadow: none;
}
.submit, .guest_checkin_button {
	width: 116px;
    border: 2px solid #ed0000;
    padding: 6px 18px 6px;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    margin-top: 16px;
    box-shadow: none;
    background: #ed0000;
    border-radius: 70px !important;
    font-family: 'acumin-pro';
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .3px;
    font-size: 14px;
}
.button.modify_button, .button.cancel_button {
    width: 210px;
    border: 2px solid #777777;
    padding: 6px 18px 6px;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    margin-top: 16px;
    box-shadow: none;
    background: #777777;
    border-radius: 70px !important;
    font-family: 'acumin-pro';
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .3px;
    font-size: 14px;
}
.button.complete_button {
	width: 210px;
    border: 2px solid #ed0000;
    padding: 6px 18px 6px;
    color: #ffffff;
    cursor: pointer;
    text-align: center;
    margin-top: 16px;
    box-shadow: none;
    background: #ed0000;
    border-radius: 70px !important;
    font-family: 'acumin-pro';
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: .3px;
    font-size: 14px;
}
.button.complete_button[disabled] {
    background: #cccccc;
    border-color: #c4c4c4;
    color: #7c7c7c;	
    cursor: initial;
}
button.button.modify_button {
    margin: 0px 0px 0px auto;
}
button.button.complete_button {
    margin: 0px auto 0px 0px;
}
button.button.cancel_button {
    margin: 0 12px;
}

textarea {
  width: 100%;
  height: 100px;
}
.occasiontagsubmit:hover, .occasiontagsubmit:active {
    background: #111111;
    border: 2px solid #111111;
}

.lp_spinner {
	width: 50px;
	height: 50px;
	left: 45%;
	top: 45%;
	position: absolute;
	background: url('/wp-content/uploads/2022/12/LP_Logo_Small.png');
	background-size: 50px 50px;
	animation-name: spin;
	animation-duration: 2000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear; 
	/* transform: rotate(3deg); */
	/* transform: rotate(0.3rad);/ */
	/* transform: rotate(3grad); */ 
	/* transform: rotate(.03turn);  */
}

@keyframes spin {
	from {
		transform:rotate(0deg);
	}
	to {
		transform:rotate(360deg);
	}
}

/*Left Booking Details*/
.left_container i {
    width: 18px;
    text-align: center;
    margin-right: 6px;
}
.reservation_details, .reservation_dates {
    margin: 6px 0px;
}
span.reservation_number {
    font-weight: 600;
}
.left_heading {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 8px;
    color: #242424;
    line-height: 24px;
}
.left_container {
    overflow: hidden;
	/*box-shadow: 0px 0px 16px rgb(0 0 0 / 8%);
	border-radius: 8px;*/
}
.left_details {
	padding:20px;
    /*border: 1px solid #ececec;
    border-radius: 0px 0px 8px 8px;
    background: #ffffff;*/
	font-size: 16px;
}

/*---GUEST BOOKING---*/
form[name="reservation_search_form"] input[type="text"] {
    border-radius: 2px;
    background-color: #ffffff;
    max-width: 380px;
    margin: 4px auto 4px !important;
    text-align: center;
    border: 1px solid #d0d0d0;
    font-size: 16px;
}
div#response {
	/*border-radius: 8px;*/
    overflow: hidden;
    /*box-shadow: 0px 0px 16px rgb(0 0 0 / 8%);
    background: #ffffff;*/
    padding: 20px;
    height: 100%;
    /* border: 1px solid #ececec; */
    text-align: center;
    position: relative;
	    display: table;
    text-align: center;
    margin: 0 auto;
}
form[name="reservation_search_form"] label {
    display: none;
}
.guest_intro p {
    font-size: 16px;
    line-height: 22px;
    color: #777777;
    max-width: 330px;
    margin: 0 auto 20px !important;
}
.guest_intro h2 {
    margin-bottom: 0px;
    font-size: 30px;
    font-weight: 700;
}
.response_inner {
    /*left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    position: absolute;
    top: calc(50% - 20px);*/
	display: table-cell;
    text-align: center;
    vertical-align: middle;
}
form[name="reservation_search_form"] input[type="text"]::-webkit-input-placeholder { 
	color: #bbbbbb;
	font-style:italic;
}
form[name="reservation_search_form"] input[type="text"]:-ms-input-placeholder { 
	color: #bbbbbb;
	font-style:italic;
}
form[name="reservation_search_form"] input[type="text"]::placeholder {
	color: #bbbbbb;
	font-style:italic;
}
.submit.guest_submit {
    margin-top: 8px !important;
    margin-bottom: 0px !important;
}
.left_image img {
    border-radius: 8px 8px 0px 0px;
}
.lp_spinner {
    z-index: 200;
}
.gform_wrapper.gravity-theme .dateofbirth .ginput_complex {
    justify-content: center;
}

/*---confirm alert--*/
div.alertify .ajs-footer {
    padding: 0px;
}
.alertify .ajs-footer .ajs-buttons.ajs-primary button.ajs-button {
    margin: 0px;
    padding: 16px 16px;
}
.alertify .ajs-footer div.ajs-buttons .ajs-button.ajs-ok {
    font-weight: 600;
}
.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok:hover {
    background: #6db167;
    color: #ffffff !important;
}
.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-cancel:hover {
    background: #ed0000;
    color: #ffffff !important;
}
.alertify .ajs-body div.ajs-content {
    padding: 0px;
}
.alertify .ajs-dialog .ajs-body {
    padding: 20px 0px;
}
.alertify .ajs-dialog .ajs-header {
    padding: 14px 24px;
    text-transform: uppercase;
}
.alertify .ajs-dialog .ajs-commands {
    margin: -11px 10px 0 0;
}

/*---New Reservation View---*/
.checkin_right .flex-row {
    text-align: center;
    margin: 0 auto;
    padding: 26px;
}
.checkin_right .flex-row h3 {
	text-align: center;
    padding-top: 0px;
    margin-bottom: 0px;
    color: #777777;
}
.checkin_right .flex-row .reservation_buttons {
    margin-top: 16px;
}
.checkin_right .wpb_wrapper_right.new_reservation {
    display: flex;
    align-items: center;
    box-shadow: 0px 0px 16px rgb(0 0 0 / 8%);
    border: 1px solid #ececec;
    border-radius: 8px;
    padding: 0px;
    background: #ffffff;
}
.flex-row .button.modify_button, .flex-row .button.cancel_button {
    width: 100%;
    border: 2px solid #777777;
    padding: 6px 18px 6px;
    margin-top: 16px;
    background: #ffffff00;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    height: 84px;
    color: #777777;
    border-radius: 6px !important;
}
.flex-row .button.modify_button:hover {
	border: 2px solid #111111;
    background: #111111;
    color: #ffffff;
}
.flex-row .button.modify_button:first-child {
	margin-right:6px;
}
.flex-row .button.modify_button:last-child {
	margin-left:6px;
}

/*---Cancel view---*/
.cancel_right button.button.modify_button, .cancel_right button.button.cancel_button {
    margin: 0px 6px;
}
.cancellation_outer {
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    position: absolute;
    top: calc(50%);
    width: 80%;
}
.cancellation_policy {
    line-height: 20px;
    font-size: 15px;
}
.cancellation_policy h4 {
    padding-bottom: 12px;
    text-align: center;
    font-size: 30px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0px;
}
.reservation_buttons {
    justify-content: space-evenly;
}
.cancel_right .wpb_wrapper.wpb_wrapper_right {
    position: relative;
}
.checkin_confirmed.checkin_cancelled {
    background: #111111;
	height: calc(100% + 40px);
    margin: -20px;
    padding: 46px 20px;
}
.cancelContainer div#response {
    width: 100%;
    padding: 0px;
}
.page-id-63 .alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok {
    color: #ed0000 !important;
}
.page-id-63 .alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok:hover {
    color: #ffffff !important;
    background: #ed0000;
}
.page-id-63 .alertify .ajs-footer .ajs-buttons .ajs-button.ajs-cancel:hover {
    color: #ffffff !important;
    background: #111111;
}
@media only screen and (max-width: 1000px) {
	.cancellation_policy {
    	line-height: 16px;
    	font-size: 13px;
	}
	.cancellation_policy h4 {
    	padding-bottom: 10px;
    	text-align: center;
    	font-size: 22px;
    	font-weight: 800;
    	text-transform: uppercase;
    	letter-spacing: 0px;
	}
	.cancel_right .button.modify_button, .cancel_right .button.cancel_button {
    	font-size: 9px;
    	line-height: 12px;
	}
	.reservation_buttons {
    	margin-top: 22px;
	}
}

@media only screen and (max-width: 768px) {
	/*.vc_row.vc_row-flex.cancelContainer >.vc_column_container.vc_col-sm-6:last-child >.vc_column-inner {
    	min-height: 335px;
	}*/
	.cancellation_policy {
    	line-height: 20px;
    	font-size: 15px;
	}
	.cancellation_policy h4 {
    	padding-bottom: 12px;
    	text-align: center;
    	font-size: 30px;
    }
	.cancel_right .button.modify_button, .cancel_right .button.cancel_button {
    	font-size: 12px;
    	line-height: 14px;
	}
	.cancellation_outer {
    	left: 0%;
    	margin-right: 0%;
    	transform: translate(0%, 0%);
    	position: relative;
    	top: calc(0%);
    	width: 80%;
    	display: flex;
    	justify-content: center;
    	align-items: center;
    	flex-direction: column;
    	margin: 0 auto;
    	padding: 50px 0px 58px;
	}
}
@media only screen and (max-width: 600px) {
	.cancellation_policy h4 {
    	padding-bottom: 12px;
    	text-align: center;
    	font-size: 20px;
    	line-height: 26px;
	}
	.cancellation_policy {
    	line-height: 18px;
    	font-size: 13px;
	}
}