/*
Theme Name: Hoteller Child
Theme URI: https://themes.themegoods.com/hoteller/landing
Description: Premium Photography WordPress Theme
Version: 1.0
Author: ThemeGoods
Author URI: https://themeforest.net/user/ThemeGoods
License: GNU General Public License
License URI: https://themeforest.net/licenses/regular_extended
Text Domain: hoteller
Template: hoteller
*/
/* Cards */
.boc-demo-card-info p{ opacity: 0;}

.boc-demo-card-info h2,
.boc-demo-card-info p,
.boc-demo-card-info:hover p span{ transition: all 400ms ease;}
.boc-demo-card-info:hover h2{ transform: translateY(-20px);}

.boc-demo-card-info:hover p{ opacity: 1;}
.boc-demo-card-info:hover p span{ margin-left: 10px;}


/* Default footer */
.default-footer-boc a:hover:not(.button, .elementor-button){color: #fdd036 !important ;}

/* Boc Popup */
.boc-floating-icon{
	position: fixed;
	left: 16px;
	bottom: 16px;
	z-index: 999999;
	display: inline-flex;
	align-items: center;
	justify-content: center;

	/* Make it clickable and smooth */
	cursor: pointer;
	text-decoration: none;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.boc-floating-icon img{
	display: block;
	width: 64px;
	height: 64px;
	max-width: 64px;
	max-height: 64px;
}

.boc-floating-icon:hover{ transform: translateY(-2px);}

.boc-floating-icon:focus{
	outline: none;
	box-shadow: 0 0 0 3px rgba(0,0,0,0.18), 0 10px 28px rgba(0,0,0,0.22);
}

/* Mobile: slightly smaller */
@media (max-width: 480px){
	.boc-floating-icon{
		left: 12px;
		bottom: 12px;
		padding: 8px;
		border-radius: 12px;
	}
	.boc-floating-icon img{
		width: 38px;
		height: 38px;
		max-width: 38px;
		max-height: 38px;
	}
}

/* Menu mobile for bookoncloud */
.elementor-895 .elementor-element.elementor-element-fcc1972 .eael-simple-menu.eael-simple-menu-responsive li:hover > a {
    color: #FCD550 !important;
    background-color: #FFFFFF;
}


#boc-options{
	display: flex;
	flex-direction: row;
	border-radius: 55px;
	margin-left: -38px;
	z-index: -1;
	opacity: 0;
	transition: all 550ms ease;
	position: fixed;
	bottom: 27px;
	left: 78px;
}

.boc-icon-wrapper:hover #boc-options{ opacity: 1; z-index: 1;}

#boc-options a{ 
	display: inline-flex;
	font-size: 16px;
	transition: all 350ms ease;
	padding: 7px 0; 
	background: #FFF;
	border-radius: 55px;
	padding: 7px 33px;
	color: #333;
}

#boc-options a:first-child{ 
	transform: translateX(-300px);
	transition: transform 400ms ease;
	background: #DFDFDF;
	padding-left: 48px;
	padding-right: 46px;
}
#boc-options a:last-child{ 
	margin-left: -36px;
	padding-left: 38px;
	transform: translateX(-400px);
	transition: transform 900ms ease;
}

.boc-icon-wrapper:hover #boc-options a{ transform: translateX(0);}

#boc-options a:hover{ background: #ebc446;}