:root{
	--mirai-ui-button-background: #63BFC2;
	--mirai-ui-button-secondary-color: #63BFC2;
	--mirai-ui-calendar-selected-background: #63BFC2;
	--mirai-ui-button-background-active: #57a2a5;
	--mirai-ui-button-secondary-color-active: #57a2a5;
	--mirai-ui-border-radius: 0px;
	--mirai-finder-background: transparent;
	--mirai-finder-border-radius: 0px;
	--mirai-finder-padding: 0px;
	--mirai-finder-border: solid 0px#ddd;
	--mirai-finder-field-height: calc(70px + 4px);
	--mirai-finder-field-border-color: #FFFFFF;
	--mirai-finder-field-separator-color: #FFFFFF;
	--mirai-finder-field-border-width: 0px;
	--mirai-finder-field-border-radius: 0px;
	--mirai-finder-field-border-active: #FFFFFF;
	--mirai-finder-field-icon-color: #FFFFFF;
	--mirai-finder-button-background: #63BFC2;
	--mirai-finder-button-background-active: #57a2a5;
	--mirai-finder-button-border-radius: 0px;
	--mirai-session-color: #FFFFFF;
	--mirai-session-icon-color: #FFFFFF;
	--mirai-session-color-active: #FFFFFF;
	--mirai-session-icon-color-active: #FFFFFF;
	--corporative-color: #63BFC2;
	--mirai-ui-border-width: 0px;
	--mirai-field-background: #000000;
	--mirai-field-label-color: #FFFFFF;
	--mirai-field-content-color: #FFFFFF;
	--mirai-ui-input-color-disabled: #FFFFFF;
	--mirai-ui-font-size-small: 14px;
	--mirai-ui-input-color-disabled: #A9A9A9;
	--mirai-field-background-active:#000000!important;

}

ui-finder[data-role="finder"] ui-layer[data-role="layer"] ui-pressable[data-role="field"]{
	width: 98% !important;
}
ui-finder[data-role="finder"] ui-layer[data-role="layer"] ui-pressable[data-role="field"]:hover{
    background-color: #000000 !important;
}
ui-finder[data-role="finder"] ui-layer[data-role="layer"] ui-pressable[data-role="field"]:active{
    background-color: #000000 !important;
}
ui-finder[data-role="finder"] ui-layer[data-role="layer"] ui-pressable[data-role="field"]:focus{
    background-color: #000000 !important;
}
ui-finder[data-role="finder"] ui-button[data-role="finder-button"]{
	 border-top-right-radius: 54px !important;
	 border-bottom-right-radius: 54px !important;
	 width: 99.8%;
	margin-left: 0.2% !important;
	max-width: 180px;
}
ui-finder[data-role="finder"] ui-layer[data-role="layer"]:nth-child(1) ui-pressable[data-role="field"]{
	 border-top-left-radius: 54px !important;
	 border-bottom-left-radius: 54px !important;
}

.mft-wrapper-finder-header .elementor-widget-Mirai-Finder [data-mirai-component="finder"] > [data-role="finder"] {
    box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.0) !important;
}

ui-finder[data-role="finder"]{
	min-width: 1200px !important;
}
@media screen and (max-width: 1240px) {
ui-finder[data-role="finder"]{
	min-width: 1100px !important;
}
}
@media screen and (max-width: 1140px) {
ui-finder[data-role="finder"]{
	min-width: 1000px !important;
}
}


/***** FINDER *****/
/* HIDDEN IN DETAIL PAGES */
body:has(:where([data-mirai-component="deals"], [data-mirai-component="rooms"])) [data-mirai-component="finder"] {
    display: none;
}

/* MAX-WIDTH COLUMN FINDER */
.column-finder.elementor-widget-Mirai-Finder {
    max-width: 330px;
    margin: 0 auto;
}

/**** CLUB *****/
.elementor-widget-Mirai-Club-Login {
    line-height: normal;
}

/* LOGIN */
[data-role="login"] [data-role="content"] {
    font-family: var(--e-global-typography-5c843f5-font-family), Sans-serif;
    font-size: var(--e-global-typography-5c843f5-font-size);
    font-weight: var(--e-global-typography-5c843f5-font-weight);
    line-height: var(--e-global-typography-5c843f5-line-height);
}

[data-mirai-component="session"] {
    display: flex;
}

@media (max-width: 1024px) {
/* ICON SIZE WHEN YOU ARE LOGGED IN */
	:root [data-mirai-component="session"]:has([data-role="account"]){
		--mirai-ui-font-size-action:17px;
		--mirai-ui-space-L: 27px;
	}
}

/***** CLUB PAGES *****/
/* ALIGN CENTER CLUB FORM ON SIGNGUP PAGE */
[data-mirai-component="signup"] {
	display: flex;
	justify-content: center;
}

/* PADDING FOR SINGUP AND MEMBERS AREA PAGE */
[data-mirai-component="profile"],
[data-mirai-component="signup"] {
	padding: 50px 0;
}

/* remove the grey background of the email imput in profile */
[data-mirai-component="profile"] input[disabled] {
    background-color: transparent;
}

@media screen and (max-width: 480px) {
:root{
	--mirai-finder-field-icon-color: #000000;
}
}