/*
| --------------------------------------------------------
| Theme Name : Umiya Corporation
| Version : 1.1
| Theme Date : 25/12/2023
| Platforms : HTML5, CSS3, Bootstrap4, JS, Jquery, Sass
| Theme Author : Yankee Themes
| Author URI : https://themeforest.net/user/yankeethemes
| Author Contact : enquiry[at]yankeeinfoweb[dot]com
| Tags : yankeethemes, yankeeinfoweb, webdesign, boostrap, wordpress, support, html, responsive, css3, wellorganized, retina, animation, html5, sass, support, yakneelife
| File : yit-boostrap-nav.css
| --------------------------------------------------------
*/

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

/* 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; }

/* 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 .navbar { padding:0 !important; }
.yit-nav .navbar-nav { font-family:inherit; }
.yit-nav .navbar-nav .nav-link { padding-top:0; padding-bottom:0; }
.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; }

/*** Nav Style Transparent CSS BOF ***/
.yit-nav-transparent-style .navbar { background-color:transparent; border-bottom:solid 1px rgba(255, 255, 255, .3); }
.yit-nav-transparent-style .navbar-nav .nav-link { font-size:14px; color:rgba(255, 255, 255, .84); padding-left:.9rem; padding-right:.9rem; position: relative; }
.yit-nav-transparent-style .navbar-nav .nav-link:before { content:""; position:absolute; left:0; right:0; margin:0 auto; bottom: -36px; background-color:transparent; width:28px; height:3px;
	border-radius:20px 20px 0 0; -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; }

/*** 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 .navbar { background-color:#1e1e1e; }
.yit-on-scroll-nav.animated.navbar { background-color:#1e1e1e; }
.yit-on-scroll-nav.animated .yit-top-nav { background-color: #1e1e1e; }

	/* 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-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; }

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

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

	/*** Nav Style General CSS BOF ***/
	.yit-nav .navbar { padding:15px !important;  }
	.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: #01AFEF; color: #01AFEF; }
	.yit-nav-transparent-style .navbar-nav .nav-link:before { 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(1, 175, 239, 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:#01AFEF; color:#fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; } /* 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: #01AFEF; color:#fff; }

	/*** 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:rgba(0, 0, 0, .9); }
	.yit-top-nav-transparent { background-color:rgba(0, 0, 0, .8); }
	.yit-nav-transparent-style .navbar-nav .nav-link { font-size:14px; color:#fff; }
	.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; }
}