/*
Theme Name:   Safar Child
Theme URI:    https://safardemo.devsvibe.co/
Author:       DevsVibe
Author URI:   https://themeforest.net/user/devsvibe/portfolio
Description:  Safar Child Theme For For Hotel & Resort Booking Purpose.
Version:      1.0.0
Template:     safar
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain:  safar-child
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

* If you are not familiar with Child Themes, you can read about it here:
* http://codex.wordpress.org/Child_Themes
*/

html { scrollbar-gutter: stable; }
/*body .safar-navbar { background:none; -webkit-backdrop-filter:none; backdrop-filter:none; box-shadow:none; }*/
body .safar-header-navbar > * { width:33.333%; }
body .safar-header-navbar .safar-default-header-nav { display:flex; justify-content:center; }
body .safar-header-navbar .safar-header-right { justify-content:flex-end; }


body {
	--tp-color: #FFF;
	--tp-color-inverse: #769f2f;
	--tp-transition: 0.5s ease all;
	--tp-el-padding:20px;
}

/* Mega Menù */
body .tp-mega-menu-button {
	position:relative;
	border:2px solid var(--tp-color);
	border-radius:12px;
	color:var(--tp-color);
	background-color:transparent;
	padding:10px 14px;
	display:flex;
	align-items:center;
	overflow:hidden;
}
body .tp-mega-menu-button .tp-text-container { position:relative; overflow:hidden; padding:0 var(--tp-el-padding); margin-top:2px; text-align:center; z-index:2; }
body .tp-mega-menu-button .tp-text-container .tp-text-uno { position:relative; transform:translateY(0%); transition:var(--tp-transition); }
body .tp-mega-menu-button .tp-text-container .tp-text-due { position:absolute; top:0; left:50%; transform:translate(-50%, 100%); transition:var(--tp-transition); }
body .tp-mega-menu-button .tp-icon-container {
	position:relative;
	display:flex;
	flex-direction:column;
	justify-content: space-between;
	margin-right:var(--tp-el-padding);
	z-index:2;
	width:16px;
	overflow:hidden;
	aspect-ratio:1/1;
}
body .tp-mega-menu-button .tp-icon-container .tp-icon-line { width:100%; height:2px; background-color:var(--tp-color); transition:var(--tp-transition); opacity:1; }
body .tp-mega-menu-button .tp-icon-container .tp-icon-line.due { position:absolute; top:50%; left:50%; width:200%; transform:translate(-50%, -50%); }
body .tp-mega-menu-button:before {
	content:'';
	width:0%;
	border-radius:50%;
	background-color:var(--tp-color);
	position:absolute;
	top:0;
	left:0;
	transform:translate(-50%, -50%);
	transition:var(--tp-transition);
	aspect-ratio:1/1;
	z-index:1;
	pointer-events:none;
}

body .tp-megamenu-overlay-container {
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100dvh;
	opacity:0;
	transition:var(--tp-transition);
	padding:20px;
	background-color:#FFFFFF;
	z-index:9;
	pointer-events:none;
}
body.admin-bar .tp-megamenu-overlay-container { top:32px; height:calc(100dvh - 32px); }
body .tp-megamenu-overlay-container .tp-megamenu-overlay { background-color:#362618; border-radius:24px; height:100%; width:100%; display:flex; position:relative; overflow:hidden; }
body .tp-megamenu-overlay-container .tp-megamenu-overlay .tp-megamenu-content { flex-grow:1; }
body .tp-megamenu-overlay-container .tp-megamenu-overlay .tp-megamenu-content { display:flex; gap:25px; flex-direction:column; align-items:flex-start; justify-content:center; }
body .tp-megamenu-overlay-container .tp-megamenu-overlay .tp-megamenu-content .menu-item { position:relative; overflow:hidden; }
body .tp-megamenu-overlay-container .tp-megamenu-overlay .tp-megamenu-content .menu-item .menu-item-text {
	position:relative;
	transform:translateY(0px);
	font-size:50px;
	line-height:60px;
	font-family:"Marcellus";
	transition:var(--tp-transition);
	
	background-size:225%;
	background-image:linear-gradient(90deg,rgba(118, 159, 47, 1) 0%, rgba(118, 159, 47, 1) 49%, rgba(255, 255, 255, 1) 51%, rgba(255, 255, 255, 1) 100%);
	background-position:right;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
body .tp-megamenu-overlay-container .tp-megamenu-overlay .tp-megamenu-content .menu-item .menu-item-underline { position:absolute; bottom:0; left:0; width:100%; height:2px; background:#769f2f; transform:translateX(-101%); transition:var(--tp-transition); }

body .tp-megamenu-overlay-container .tp-megamenu-overlay .tp-megamenu-images { position:absolute; top:0; left:0; height:100%; width:35%; }
body .tp-megamenu-overlay-container .tp-megamenu-overlay .tp-megamenu-images .tp-megamenu-image { position:absolute; top:0; left:0; height:100%; width:100%; background-size:cover; background-position:center; opacity:0; transform:translateX(-30px); transition:var(--tp-transition); }
body .tp-megamenu-overlay-container .tp-megamenu-overlay .tp-megamenu-images .tp-megamenu-image:after { content:''; position:absolute; top:0; right:0; height:100%; width:50px; background-image:linear-gradient(to right, #36261800, #362618FF); }

/* Mega Menù HOVER */
body .tp-mega-menu-button:hover { color:var(--tp-color-inverse); cursor:pointer; }
body .tp-mega-menu-button:hover .tp-icon-container .tp-icon-line { background-color:var(--tp-color-inverse); }
body .tp-mega-menu-button:hover:before { width:250%; }
body .tp-megamenu-overlay-container .tp-megamenu-overlay .tp-megamenu-content .menu-item:hover .menu-item-text { transform:translateY(-5px); background-position:left; }
body .tp-megamenu-overlay-container .tp-megamenu-overlay .tp-megamenu-content .menu-item:hover .menu-item-underline { transform:translateX(0%); }

/* Mega Menù OPEN */
body .tp-mega-menu-button.open .tp-text-container .tp-text-uno { transform:translateY(-100%); }
body .tp-mega-menu-button.open .tp-text-container .tp-text-due { transform:translate(-50%, 0%); }
body .tp-mega-menu-button.open .tp-icon-container .tp-icon-line.uno,
body .tp-mega-menu-button.open .tp-icon-container .tp-icon-line.tre { opacity:0; }
body .tp-mega-menu-button.open .tp-icon-container .tp-icon-line.due { transform:translate(-50%, -50%) rotate(45deg); }
body .tp-mega-menu-button.open .tp-icon-container .tp-icon-line.due.copy { transform:translate(-50%, -50%) rotate(-45deg); }

body .tp-megamenu-overlay-container.open { pointer-events:inherit; opacity:1; }

/* Header Sticky */
body #masthead { transition:var(--tp-transition); }
body #masthead.open { margin-block-start:30px; background-color:transparent; }
body .safar-header-sticky .safar-header-area .logo-wrapper img { object-fit:contain; object-position:left; }
body .safar-header-sticky .tp-mega-menu-button { --tp-color: #769f2f; --tp-color-inverse: #FFF; }
/* Header Sticky OPEN */
body .safar-header-sticky.open .tp-mega-menu-button { --tp-color: #FFF; --tp-color-inverse: #769f2f; }