/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

.flexclass {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.5s ease-in-out;
	position: fixed;
	z-index: 100;
	/*background: var(--e-global-color-d70714d);*/
	/*background: var( --e-global-color-62c3981 );*/
	background: #fff;
	right: 0;
	/*width: 100%;*/
	width: 100vw;
	max-width: 470px;
	/*box-shadow: -10px 10px 20px rgba(0, 0, 0, 0.1), 10px 10px 20px rgba(0, 0, 0, 0.1), 0 10px 20px rgba(0, 0, 0, 0.1);*/
	box-shadow:  -10px 15px 25px rgba(0, 0, 0, 0.1), 10px 15px 25px rgba(0, 0, 0, 0.1), 0 15px 25px rgba(0, 0, 0, 0.1);
}
.flexclass .booking-widget-holder{
	padding: 20px 0;
	flex-wrap: wrap;
	display: flex;
	flex-direction: column;
	width: 100%;
}

.widgetbox {
	padding: 10px 20px 0;
	position:relative;
}
.widgetbox.flex{
	display: flex;
	flex-wrap: wrap;
}
.custom-group-content {
	display: flex;
	flex-wrap: wrap;
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.5s ease-in-out;
}
.widgetbox .adults,
.custom-group-content .group-field{
	flex: 1;
	padding-right: 5px;
}
.widgetbox .children,
.custom-group-content .password-field{
	flex: 1;
	padding-left: 5px;
}
.form-actions{
	display: flex;
	justify-content: space-between;
	align-items: center
}
.form-actions .form-link{
	font-family: var(--e-global-typography-text-font-family), Sans-serif;
	font-size: 14px;
	display: flex;
	align-items: center;
	padding: 10px 0
}
#groupLink::after {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	margin-left: 5px;
	margin-bottom: 2px;
	background-image: url('/wp-content/themes/hello-theme-child-master/irmng/icon-arrow-down2.svg');
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}
.rightwhiteborder {
	border-right:1px solid #fff
}

.bluebackground {
	border-style: solid !important;
	border-width: 1px!important;
	border-color: var(--e-global-color-d99d673)!important;
	border-radius: 25px!important;
	color: var(--e-global-color-accent)!important;
	background-color: var( --e-global-color-0bebbca )!important;
	padding: 5px 15px!important;
}
/*.bluebackground {*/
/*	background-color: #9ebacc;*/
/*	border-bottom: 1px solid #002B47 !important;*/
/*    border-left: none !important;*/
/*    border-right: none !important;*/
/*    border-top: none !important;*/
/*	border-radius:0 !important;*/
/*}*/

/*.noleftpadding {*/
/*	padding-left: 0 !important;*/
/*	padding-top: 0 !important;*/
/*}*/

.widgetLabel {
	font-family: var(--e-global-typography-text-font-family ), Sans-serif;
	font-size:14px;
}
input[type=password].widgetLabelElement,
input[type=text].widgetLabelElement,
select.widgetLabelElement {
	font-family: var(--e-global-typography-text-font-family ), Sans-serif;
	color:#002B47 !important;
	text-transform:uppercase;
	display: inline-block;
	height: 42px;
	padding: 0 15px 0 0;
	cursor: pointer;
	font-size: 14px;
	font-weight: normal
}
select.widgetLabelElement {
	appearance: none; /* Remove default styling */
	-webkit-appearance: none; /* For Safari */
	background: url('/wp-content/themes/hello-theme-child-master/irmng/icon-arrow-down2.svg') no-repeat;
	background-position: calc(100% - 20px) center;
	background-size: 10px;
}
select.widgetLabelElement:disabled {
	background: none !important; /* Remove background */
}

input.widgetLabelElement.arrival{
	background: url('/wp-content/themes/hello-theme-child-master/irmng/icon-calendar.svg') no-repeat;
	background-position: calc(100% - 20px) center;
	background-size: 20px;
}
.widgetLabelElement::placeholder {
	color:#002B47 !important;
	opacity: 1;
}
.bluebackground:focus {
	outline:none !important;
}
.flexclass .submitanchor{
	padding-top: 20px;
}


.margin20 {
	margin-left:20px;
	margin-right:20px;
}
.screenSeven {
	width: 17%;
	min-width: 244px;
}
.submittext {
	color:#fff !important;
	font-family: var(--e-global-typography-text-font-family ), Sans-serif !important;
	font-size:18px !important;
	font-weight:600 !important;
}
.submitbutton {
	background-color:#002B47 !important;
	color: #fff !important;
}
.submitbutton:hover {
	background-color:#fff !important;
	color: #002B47 !important;
}
.submitanchor {
	display:flex;
	align-items: center;
    justify-content: center;
}
.justifycenter {
	justify-content:center;
}

@media screen and (max-width: 480px){
	.flexclass {
		height: calc(100vh - 72px);
		overflow-y: auto
	}
}
@media screen and (max-width: 380px){
	.form-actions {
		flex-direction: column-reverse;
	}
}

.elementor-59 .elementor-element.elementor-element-5b8c15b .elementor-icon-list-text,
.elementor-59 .elementor-element.elementor-element-a7ecd0e .elementor-icon-list-text{
    color: #d2be8c!important
}
.elementor-269 .elementor-element.elementor-element-3198b7b .elementor-heading-title,
.elementor-269 .elementor-element.elementor-element-110312b .elementor-heading-title,
.elementor-269 .elementor-element.elementor-element-dbae047 .elementor-heading-title{
	 color: #186289;
    -webkit-text-stroke-color: #186289;
    stroke: #186289;
}
/*.litepicker .container__months,*/
/*.litepicker .container__months .month-item{*/
/*	width: 100%;*/
/*	max-width: 430px;*/
/*}*/
/*.litepicker .container__days>div, .litepicker .container__days>a {*/
/*	padding: 5px 0;*/
/*	!*width: 61.43px;*!*/
/*}*/
/*.litepicker .container__days .day-item{*/
/*	font-size: 14px;*/
/*	cursor: pointer;*/
/*	color: #002B47*/
/*}*/
/*:root{*/
/*	--litepicker-day-width: 61.43px;*/
/*}*/
.litepicker .container__months .month-item-header .button-previous-month,
.litepicker .container__months .month-item-header .button-next-month{
	border: 0;
	background-color: unset;
	padding: 0 15px;
	cursor: pointer
}
#modifyReservation {
	display: none;
}