/*
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 .mphb_sc_rooms-wrapper .mphb-room-type .safar-mphb-rooms-info-wrapper .mphb-loop-room-type-attributes li.mphb-room-type-total-capacity .mphb-attribute-value:before { content:'max.'; }
body .mphb_sc_rooms-wrapper .mphb-room-type .safar-mphb-rooms-info-wrapper .mphb-loop-room-type-attributes li.mphb-room-type-size .mphb-attribute-value:before { content:'circa'; }
body .mphb_sc_rooms-wrapper .mphb-room-type .safar-mphb-rooms-info-wrapper .mphb-loop-room-type-attributes li.mphb-room-type-custom-attribute .mphb-attribute-value { display:none !important; }

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

/* 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-mega-menu-button { color:var(--tp-color-inverse); cursor:pointer; }
body .tp-mega-menu-button .tp-icon-container .tp-icon-line { background-color:var(--tp-color-inverse); }
body .tp-mega-menu-button: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; }

/* Header Blog */
body.blog #masthead:not(.safar-header-sticky) { position:absolute; top:0; left:0; width:100%; z-index:10; margin-top:30px; }
body.blog .safar-page-title-area { padding-top:160px; padding-block-end:0px; min-height:var(--tp-header-height); }
body.blog .safar-page-title-area .safar-breadcrumb-wrapper { display:none; }

/* Carosello Homepage */
body .tp-carousel-home .swiper { overflow:visible; }
body .tp-carousel-home .swiper-slide { transition:0.3s ease transform; }
body .tp-carousel-home .swiper-slide:nth-child(odd) { transform:rotate(2deg); }
body .tp-carousel-home .swiper-slide:nth-child(even) { transform:rotate(-2deg); }
body .tp-carousel-home .swiper-slide img { border-radius:25px; border:5px solid white; box-shadow: 5px 5px 20px 0px #00000022; }
body .elementor-element .tp-carousel-home .swiper .elementor-swiper-button-prev,
body .elementor-element .tp-carousel-home .swiper .elementor-swiper-button-next {
	top:auto;
	bottom:0;
	transform:none;
	color:#362618;
	background-color:#FBFBFB;
	border-radius:50%;
	width:64px;
    height:64px;
    display:flex;
    align-items:center;
    justify-content:center;
	box-shadow: 0px 8px 10px 0px #00000015;
	transition:0.2s ease all;
}
body .elementor-element .tp-carousel-home .swiper .elementor-swiper-button-prev { left:50%; right:auto; transform:translate(calc(-100% - 10px), 100px); padding-right:2px; }
body .elementor-element .tp-carousel-home .swiper .elementor-swiper-button-next { right:50%; left:auto; transform:translate(calc(100% + 10px), 100px); padding-left:2px; }
body .elementor-element .tp-carousel-home .swiper .elementor-swiper-button-prev i,
body .elementor-element .tp-carousel-home .swiper .elementor-swiper-button-next i { font-size:20px; }
body .elementor-slideshow__footer { display:none; }

body .elementor-element .tp-carousel-home .swiper .elementor-swiper-button-prev:hover,
body .elementor-element .tp-carousel-home .swiper .elementor-swiper-button-next:hover { box-shadow: 0px 4px 10px 0px #00000015; background-color:#FFFFFF; }
body .tp-carousel-home .swiper-slide:nth-child(odd):hover,
body .tp-carousel-home .swiper-slide:nth-child(even):hover { transform:rotate(0deg); }

/* Altro */
body .mphb_sc_rooms-wrapper .mphb-room-type .safar-mphb-rooms-images-wrapper .gallery-item br { display:none; }
body .flexslider { background:transparent; }
body.single-mphb_room_type .safar-page-title-area { min-height:var(--tp-header-height_min); }
body.single-mphb_room_type .safar-page-title-area { padding-block-start: 0px !important;    background: none !important; }
body.single-mphb_room_type .elementor-widget-heading{    padding-block-start: 65px !important;   }

body.single-post .e-con-full {    padding-block-start: 65px !important;    }
body.single-post .e-con-full .elementor-heading-title  {    text-align:center !important; }

body.mphb_room_type-template .safar-main-content-inner {
    padding-block-start: 65px !important; 
    padding-block-end: 65px !important; 
}

body.single-mphb_room_type .safar-page-title-area > * { display:none; }
@media screen and (min-width: 1200px) {
    body.single-mphb_room_type #masthead:not(.safar-header-sticky) {
        margin-block-start: 30px;
    }
}