/*
| --------------------------------------------------------
| Theme Name : Samarpan Meditation
| Theme Date : 24/03/2024
| Fronted Platform : HTML5, CSS3, Bootstrap4, JS, Jquery
| --------------------------------------------------------
*/

/*
| --------------------------------------------------------
| TABLE OF CSS CONTENT
| --------------------------------------------------------
| General Boostrap Navigation
|  - Transparent Style
|  - Solid Style
|  - Animate Navigation
|  - Responsive Navigation
|  - Dropdown
|  - Custom Dropdown
*/

/* NOTE: This file includes all boostrap navigation (custom, alignment, other) many more variations styles */

/*
| ================================================================================================================
| Genreral Boostrap Navigation CSS BOF
| ================================================================================================================
*/
.yit-upcase-nav .nav-link { text-transform:none; font-weight:400 !important; }

/*** Header CSS BOF ***/
.yit-nav .header-right { background-color:var(--grey-light); padding:20px 35px; position: relative; margin-left:30px; border-radius:0 0 0 30px; -moz-border-radius:0 0 0 30px;
	-webkit-border-radius:0 0 0 30px; top:-5px; }
.yit-nav .header-right .left-top-corner, .yit-nav .header-right .right-bottom-corner { top: 0px; left: -30px; width: 30px; height: 30px; position: absolute; transform: rotate(-90deg); }
.yit-nav .header-right .right-bottom-corner { bottom: -30px; right: 5px; top:auto; left:auto; }
.yit-nav .header-right .left-top-corner svg path, .yit-nav .header-right .right-bottom-corner svg path { fill:var(--grey-light); }
.yit-nav .header-right .btn-book-event { margin-right:20px; }

	/*** Nav Style (.js) Scroll Animated CSS BOF ***/
	.yit-on-scroll-nav.animated .header-right { background-color:var(--white); border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; }
	.yit-on-scroll-nav.animated .header-right svg { display:none; }

/* Mobile Device Responsive CSS BOF */
@media (max-width:767px) {
	.yit-nav .header-right { background-color:transparent; padding:0; margin:0; }
	.yit-nav .header-right .right-bottom-corner { display:none; }
	.yit-nav .header-right .btn-book-event { margin-right:0; }
}

/* Common All Pages Naivgation Variations CSS BOF
================================================================================================================ */

/*** Top Nav General Style CSS BOF ***/
.yit-top-nav { padding:10px 1rem 5px; font-size:14px; font-family:inherit; }
.yit-top-nav .top-nav-left { float:left; }
.yit-top-nav .top-nav-right { float:right; }
.yit-top-nav .top-nav-left ul li { padding-right:10px; }
.yit-top-nav ul li a i { padding-right:5px; }
.yit-top-nav .yit-social i { padding:0; }

/*** Top Nav Transparent CSS BOF ***/
.yit-top-nav-transparent { background-color:transparent; border-bottom:solid 1px rgba(255, 255, 255, .2); }
.yit-top-nav-transparent a { color:rgba(255, 255, 255, .7); }
.yit-top-nav-transparent a:hover { color:#fff; }
.yit-top-nav-transparent .yit-social.style-1 a { color:rgba(255, 255, 255, .7); }
.yit-top-nav-transparent .yit-social.style-1 a:hover { color:#fff; }
.yit-top-nav-transparent .btn-xxsmall:hover, .yit-top-nav-transparent .btn-xxsmall:focus, .yit-top-nav-transparent .btn-xxsmall:focus { color:#000; }

/*** Nav Style General CSS BOF ***/
.yit-nav { position:absolute; left:0; top:0; z-index:1030; width:100%; }
.yit-nav .navbar { padding:25px 0 25px 30px; background-color:transparent; }
.yit-nav .navbar-nav { font-family:inherit; }
.yit-nav .navbar-nav .nav-link { padding-top:0; padding-bottom:0; font-size:14px; color:rgba(255, 255, 255, .84); padding-left:.9rem; padding-right:.9rem; position: relative; }
.yit-nav .navbar-nav .nav-link:before { content:""; position:absolute; left:0; right:0; margin:0 auto; bottom: -15px; background-color:transparent; width:28px; height:3px;
	-moz-transition:all .5s ease-in-out 0s; -webkit-transition:all .5s ease-in-out 0s; -o-transition:all .5s ease-in-out 0s; -ms-transition:all .5s ease-in-out 0s;
	transition:all .5s ease-in-out 0s; }
.yit-nav .navbar-nav .nav-item.dropdown { -moz-transition:all .5s ease-in-out 0s; -webkit-transition:all .5s ease-in-out 0s; -o-transition:all .5s ease-in-out 0s;
	-ms-transition:all .5s ease-in-out 0s; transition:all .5s ease-in-out 0s; }

	/* General Nav Hover State CSS BOF (General Menu Hover) */
	.yit-nav .navbar-nav .nav-link:hover, .yit-nav .navbar-nav .nav-link:focus, .yit-nav .navbar-nav .nav-link:active,
	.yit-nav .navbar-nav .nav-link.active { background-color:transparent; color:#fff; } /* change navigation hover here */

	.yit-nav .navbar-light .navbar-nav .show > .nav-link, .yit-nav .navbar-light .navbar-nav .active > .nav-link,
	.yit-nav .navbar-light .navbar-nav .nav-link.show, .yit-nav .navbar-light .navbar-nav .nav-link.active { color:#fff; }

	.yit-nav .navbar-nav .nav-link:hover:before, .yit-nav .navbar-nav .nav-link:focus:before, .yit-nav .navbar-nav .nav-link:active:before,
	.yit-nav .navbar-nav .nav-link.active:before { background-color:#fff; }

/*** Nav Style (.js) Scroll Animated CSS BOF ***/
.yit-on-scroll-nav { -moz-transition:all .5s ease-in-out 0s; -webkit-transition:all .5s ease-in-out 0s; -o-transition:all .5s ease-in-out 0s; -ms-transition:all .5s ease-in-out 0s; transition:all .5s ease-in-out 0s; }
.yit-on-scroll-nav.animated { position:fixed; }
.yit-on-scroll-nav.animated .navbar { background-color:var(--white); box-shadow:0 5px 15px 0 rgba(0, 0, 0, 0.1); padding:0; }
.yit-on-scroll-nav.animated.navbar { background-color:var(--white); }
.yit-on-scroll-nav.animated .yit-top-nav { background-color: var(--white); }

	/* Nav Style (.js) Scroll Animated Hover State CSS BOF */
	.yit-nav.yit-on-scroll-nav.animated .navbar-nav .nav-link { color:rgba(var(--rgba-grey), 0.74); }

	.yit-nav.yit-on-scroll-nav.animated .navbar-nav .nav-link:hover, .yit-nav.yit-on-scroll-nav.animated .navbar-nav .nav-link:focus, .yit-nav.yit-on-scroll-nav.animated .navbar-nav .nav-link:active, .yit-nav.yit-on-scroll-nav.animated .navbar-nav .nav-link.active { color:var(--green); } /* change navigation hover here */

	.yit-nav.yit-on-scroll-nav.animated .navbar-light .navbar-nav .show > .nav-link, .yit-nav.yit-on-scroll-nav.animated .navbar-light .navbar-nav .active > .nav-link,
	.yit-nav.yit-on-scroll-nav.animated .navbar-light .navbar-nav .nav-link.show, .yit-nav.yit-on-scroll-nav.animated .navbar-light .navbar-nav .nav-link.active { color:var(--green); }

	.yit-nav.yit-on-scroll-nav.animated .navbar-nav .nav-link:hover:before, .yit-nav.yit-on-scroll-nav.animated .navbar-nav .nav-link:focus:before, .yit-nav.yit-on-scroll-nav.animated .navbar-nav .nav-link:active:before, .yit-nav.yit-on-scroll-nav.animated .navbar-nav .nav-link.active:before { background-color:var(--green); }

/* General Boostrap Navigation Responsive CSS BOC
================================================================================================================ */

/* Mobile Device Responsive CSS */
@media (max-width:767px) {

	/*** Nav Style General CSS BOF ***/
	.yit-nav { position: relative; }
	.yit-nav .navbar { padding:15px;  }
	/* .yit-nav .navbar-collapse.collapse.show { max-height: 380px; overflow-y: auto; } scroll appear in responsive */
	.yit-nav .navbar-nav { margin-top:20px; }
	.yit-nav .navbar-nav .nav-link { padding-top:10px; padding-bottom:10px; }
	.yit-nav .navbar-light .navbar-toggler { border-color: var(--green); color: var(--green); }
	.yit-nav-transparent-style .navbar-nav .nav-link:before,
	.yit-nav .header-right .left-top-corner svg path, .yit-nav .header-right .right-bottom-corner svg path { display:none; }

		/* Hover State CSS BOF */
		.yit-nav .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox=\'0 0 30 30\' xmlns=\'http://www.w3.org/2000/svg\'%3E%3Cpath stroke=\'rgba(137, 200, 81, 1)\' stroke-width=\'2\' stroke-linecap=\'round\' stroke-miterlimit=\'10\' d=\'M4 7h22M4 15h22M4 23h22\'/%3E%3C/svg%3E"); }
		.yit-nav .navbar-nav .nav-link:hover, .yit-nav .navbar-nav .nav-link:focus, .yit-nav .navbar-nav .nav-link:active,
		.yit-nav .navbar-nav .nav-link.active { background-color:var(--white); color:var(--green); border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; } /* mobile collpase nav hover */
		.yit-nav .navbar-light .navbar-nav .show > .nav-link, .yit-nav .navbar-light .navbar-nav .active > .nav-link, .yit-nav .navbar-light .navbar-nav .nav-link.show,
		.yit-nav .navbar-light .navbar-nav .nav-link.active { background: var(--white); color:var(--green); }

	/*** Nav Style (.js) Scroll Animated CSS BOF ***/
	.yit-on-scroll-nav.animated .navbar {padding:15px; }

	/*** Nav Style Transparent CSS BOF ***/
	.yit-top-nav .top-nav-left ul li { display:inline-block; }
	.yit-on-scroll-nav.animated .yit-top-nav-transparent { display:none; } /* tob bar none on scroll */
	.yit-nav-transparent-style .navbar { background-color: var(--white); box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1);
		-webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1); position:fixed; z-index:1030; left:0; width:100%; }
	.yit-top-nav-transparent { background-color:transparent; }
	.yit-nav-transparent-style .navbar-nav .nav-link { font-size:14px; color:rgba(var(--rgba-grey), 0.74); }
	.yit-top-nav .yit-social { display:none; }
}

/* iPad Portrait Device Responsive CSS */
@media (min-width:768px) and (max-width:980px) {

	/*** Nav Style Transparent CSS BOF ***/
	.yit-nav-transparent-style .navbar-nav .nav-link { padding-left:0.7rem; padding-right:0.7rem; }
}

/* Dropdown Navigation CSS BOF
================================================================================================================ */
.yit-nav-dropdown .dropdown-menu {
	box-shadow:0px 5px 15px 5px rgba(0, 0, 0, 0.3); -moz-box-shadow:0px 5px 15px 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow:0px 5px 15px 5px rgba(0, 0, 0, 0.3);
	border:medium none; }
.yit-nav-dropdown .dropdown-menu .dropdown-item { font-size:var(--body-font-size-md); color:rgba(var(--rgba-grey), 0.74); border-left:solid 4px transparent; }

	/* Dropdown Hover State CSS BOF */
	.yit-nav-dropdown .dropdown-menu .dropdown-item:hover,
	.yit-nav-dropdown .dropdown-menu .dropdown-item:focus,
	.yit-nav-dropdown .dropdown-menu .dropdown-item:active,
	.yit-nav-dropdown .dropdown-menu .dropdown-item.active { color:var(--green); border-left:solid 4px var(--green); }

	/* Nav Style (.js) Scroll Animated Hover State CSS BOF */
	.yit-nav.yit-on-scroll-nav.animated .yit-nav-dropdown .dropdown-menu { box-shadow:0px 5px 10px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow:0px 5px 10px 5px rgba(0, 0, 0, 0.1);
		-webkitbox-shadow:0px 5px 10px 5px rgba(0, 0, 0, 0.1); }

/*** Custom Nav Style-5 CSS BOF ***/
.yit-custom-nav-5.right-side-nav { background:#ffffff; box-shadow: 0 -10px 15px 4px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 -10px 15px 4px rgba(0, 0, 0, 0.4); z-index:10;
	-webkit-box-shadow: 0 -10px 15px 4px rgba(0, 0, 0, 0.4); height: 100vh; width:350px; padding:35px 20px; position: fixed; right: 0; top: 0; transform:translate(120%, 0px);
	-moz-transform:translate(120%, 0px); -o-transform:translate(100%, 0px); -ms-transform:translate(120%, 0px); -webkit-transform:translate(120%, 0px); width: 320px; }
.yit-custom-nav-5.right-side-nav { transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s; -webkit-transition: all 0.4s ease-in-out 0s;
	-o-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s; overflow:auto; }
.yit-custom-nav-5.right-side-nav .nav-inner-content { margin-top:65px; }

	/* Appear (.js) Class */
	.js-side-nav-open .yit-custom-nav-5.right-side-nav { transform:translate(0px); -moz-transform:translate(0px); -o-transform:translate(0px); -ms-transform:translate(0px);
		-webkit-transform:translate(0px); }

/* Custom Toogle Button CSS BOF */
.nav-toggle-bar.yit-custom-toggle-icon { background:var(--green); height:50px; width:50px; position:absolute; right:10px; text-align:center; top:40px; display:block; z-index:100; border-radius:100px; }
.nav-toggle-bar.yit-custom-toggle-icon span { width:20px; height:2px; display:block; margin:5px auto; background:var(--white); position:relative; top:12px; }
.nav-toggle-bar.yit-custom-toggle-icon span, .nav-toggle-bar.yit-custom-toggle-icon i { transition: all 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease-in-out 0s;
	-webkit-transition: all 0.4s ease-in-out 0s; -o-transition: all 0.4s ease-in-out 0s; -ms-transition: all 0.4s ease-in-out 0s;  }
.nav-toggle-bar.yit-custom-toggle-icon .nav-toggle-close-icon { position: relative; opacity:0; visibility: hidden; }
.nav-toggle-bar.yit-custom-toggle-icon .nav-toggle-close-icon::before, .nav-toggle-bar.yit-custom-toggle-icon .nav-toggle-close-icon::after { width:22px; height:2px; background:var(--white); content:"";
	position:absolute; left:0; right:0; margin:0 auto; top:-3px; }
.nav-toggle-bar.yit-custom-toggle-icon .nav-toggle-close-icon::before{ transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); }
.nav-toggle-bar.yit-custom-toggle-icon .nav-toggle-close-icon::after{ transform:rotate(-45deg); -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg); -o-transform:rotate(-45deg); }

	/*** Nav Style (.js) Scroll Animated CSS BOF ***/
	.yit-on-scroll-nav.animated .nav-toggle-bar.yit-custom-toggle-icon { top:15px }

	/* Appear JS Class */
	.js-side-nav-open .nav-toggle-bar.yit-custom-toggle-icon span { opacity: 0; }
	.js-side-nav-open .nav-toggle-bar.yit-custom-toggle-icon .nav-toggle-close-icon { opacity:1; visibility:visible; }

/*** Responsive Dropdown CSS BOF ***/

/* Mobile Device Responsive CSS */
@media (max-width:767px) {
	.yit-nav-dropdown .dropdown-menu {
		box-shadow:none;
		-moz-box-shadow:none;
		-webkit-box-shadow:none;
	}
}

/*** Inner Pages Navigation CSS BOF ***/
.inner-page-navigation.yit-nav {
	position: relative;
	background-color:var(--white);
	box-shadow:5px 5px 10px 0px rgba(0, 0, 0, 0.2);
}
.inner-page-navigation.yit-nav .navbar {
	padding:10px;
}
.inner-page-navigation.yit-nav .header-right {
	background-color:transparent;
}
.inner-page-navigation.yit-nav .header-right .left-top-corner,
.inner-page-navigation.yit-nav .header-right .right-bottom-corner {
	display:none;
}
.inner-page-navigation .nav-toggle-bar.yit-custom-toggle-icon{
	top:30px;
}
.inner-page-navigation.yit-nav .navbar-nav .nav-link {
	color:var(--grey);
}
.inner-page-navigation.yit-nav .navbar-nav .nav-link:hover,
.inner-page-navigation.yit-nav .navbar-nav .nav-link:focus,
.inner-page-navigation.yit-nav .navbar-nav .nav-link:active,
.inner-page-navigation.yit-nav .navbar-nav .nav-link.active {
	color:var(--green);
}
.inner-page-navigation.yit-nav .navbar-nav .nav-link:hover:before, .yit-nav .navbar-nav .nav-link:focus:before,
.inner-page-navigation.yit-nav .navbar-nav .nav-link:active:before, .yit-nav .navbar-nav .nav-link.active:before {
	background-color:var(--green);
}
.inner-page-navigation.yit-on-scroll-nav.animated.yit-nav {
	position: fixed;
}
.inner-page-navigation.yit-on-scroll-nav.animated .nav-toggle-bar.yit-custom-toggle-icon{
	top:30px;
}