/*
| --------------------------------------------------------
| Theme Name : Yankee Themes
| Version : 1.0
| Theme Date : 07/08/2018
| Modified Date : 23/11/2018
| 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
|  - 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
================================================================================================================ */

/*** Nav Style General CSS BOF ***/
.yit-nav .navbar { padding:0; }
.yit-nav .navbar-nav { font-family:inherit; }
.yit-nav .navbar-brand:hover img { -moz-opacity:1; -webkit-opacity:1; -o-opacity:1; -ms-opacity:1; opacity:1; } /* override with logo opacity */

/*** Nav Style Transparent CSS BOF ***/
.yit-nav-transparent-style .navbar { background-color:transparent; }
.yit-nav-transparent-style .navbar-nav .nav-link { font-size:14px; color:#fff; padding-left:.9rem; padding-right:.9rem; }

/*** 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, .yit-on-scroll-nav.animated.navbar { 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, .yit-nav .yit-nav .navbar-nav .show .nav-link, .yit-nav .navbar-nav .active .nav-link,
	.yit-nav .nav-link.show, .yit-nav .navbar-nav .nav-link.active { background-color:transparent; color:#ff504c; } /* change navigation hover here */

/*** Nav Style Light CSS BOF ***/
.yit-nav-light-style .navbar { background-color:#fff; -moz-box-shadow:2px 2px 2px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow:2px 2px 2px 0 rgba(0, 0, 0, 0.3); box-shadow:2px 2px 2px 0 rgba(0, 0, 0, 0.3); }
.yit-nav-light-style .navbar-nav .nav-link { font-size:14px; color:#000; padding-left:.9rem; padding-right:.9rem; }
.yit-nav-light-style .navbar-brand { background-color:#ff504c; padding:7px 13px; }

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

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

	/*** Nav Style General CSS BOF ***/
	.yit-nav .navbar-collapse.collapse.show { max-height: 380px; overflow-y: auto; } /* scroll appear in responsive */
	.yit-nav .navbar-nav { margin-top:15px; margin-bottom:15px; }
	.yit-nav .navbar-nav .nav-link { padding-top:10px; padding-bottom:10px; }
	.yit-nav .navbar-light .navbar-toggler { border-color: #ff504c; color: #ff504c; }
	.yit-nav .yit-bsnav-logo-right .xs-brand-right { position: absolute; right: 15px; top: 10px; } /* apply this mobile class when logo is right align in desktop */
	
		/* 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(255, 80, 75, 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:transparent; color:#ff504c; } /* 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:transparent; color:#ff504c; } /* change navigation hover here */

	/*** Nav Style Transparent CSS BOF ***/
	.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; }
}

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

/* iPad Landscape Device Responsive CSS */
@media (min-width:979px) and (max-width:1200px) { /* code here */ }

/*
| ================================================================================================================
| Menu Hover CSS BOF (For Megamenu + Dropdown)
| ================================================================================================================
*/

/* Custom Media Device Responsive CSS */
@media (min-width:980px) { /* code here */ }

/* Custom Device CSS BOF for (Megamenu / Dropdown Hover ) */
@media (min-width:980px) { /* code here */ }