/*
Theme Name: netwalk
Theme URI: http://localhost/netwalk/twenty-sixteen-child/
Description: Twenty Sixteen Child Theme
Author: Binoy
Author URI: http://woodepckr.in
Template: twentysixteen
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain: twenty-sixteen-childs
*/
/*

.navbar-nav > li > .sub-menu {background: #fff none repeat scroll 0 0; box-shadow: 0 2px 3px 2px rgba(0, 0, 0, 0.2); right: 0; min-width: 200px; 
    opacity: 0; padding: 15px; position: absolute; transform: translateY(100px); visibility: hidden; z-index: 9; }

*/

.lower-footer h4{ margin-bottom: 24px; }
.single-news .image-div h1{ font-size: 42px; white-space: normal; }


.menu-item.menu-item-has-children > a{ position: relative; }
.menu-item.menu-item-has-children > a:before{ content: "\f35f"; font-family:"Ionicons"; opacity: 1; visibility: visible;margin-right: 20px; position: absolute; right: 0; font-size: 16px}
.menu-item.menu-item-has-children > a.enabled:before{ content: "\f365"; font-family:"Ionicons";  }
.nav > li > a::after{width: 0%}

.site-footer .sub-menu { background: none; margin-bottom: 15px;}
.site-footer .sub-menu.on li:hover a{ background: none; color: #f90 }
.site-footer .sub-menu.on li.current_page_item a{ color: #4fc3f7; background: none;  }

.servCricle + div{ min-height: 230px;}
.servCricle + div .btn{ width: 100px; margin: 0 auto; position: absolute; left: 50%; margin-left: -50px; bottom: 0; padding: 0 !important; text-align: center; }



@media only screen and (min-width: 768px) {
    .menu-item-has-children a:hover + ul  {
        opacity: 1; visibility: visible; transform: translateY(0); position: absolute; left: 0;
    }
    .site-footer .menu-item-has-children a:hover + ul  {
        opacity: 1; visibility: visible; transform: translateY(0); position: relative; left: 0;
    }
    button.dropdown-toggle{ display: none }
    .navbar-nav > li{ position: relative; }
    .navbar-nav > li .sub-menu{ position: absolute; z-index: 9; left: 0; top: 53px; width: 240px; visibility: hidden;}
    .navbar-nav > li:hover .sub-menu{ display: block; visibility: visible;}
    .navbar-nav > li:hover > a{ color: #fff; background-color: #000 }
    .sub-menu li a{ display: block; text-align: left; font-size: 13px; line-height: 34px; background: #000; padding: 3px 18px; color: #fff}
    .sub-menu li a:hover{ background: #f90; color: #fff }
    .sub-menu li{opacity: 0; visibility: hidden;}
    .navbar-nav > li:hover .sub-menu li:nth-child(1){ transition-delay: 0.05s; opacity: 1; visibility: visible; }
    .navbar-nav > li:hover .sub-menu li:nth-child(2){ transition-delay: 0.10s; opacity: 1; visibility: visible; }
    .navbar-nav > li:hover .sub-menu li:nth-child(3){ transition-delay: 0.15s; opacity: 1; visibility: visible;  }
    .navbar-nav > li:hover .sub-menu li:nth-child(4){ transition-delay: 0.20s; opacity: 1; visibility: visible;  }
    .navbar-nav > li:hover .sub-menu li:nth-child(5){ transition-delay: 0.25s; opacity: 1; visibility: visible;  }
    .navbar-nav > li:hover .sub-menu li:nth-child(6){ transition-delay: 0.30s; opacity: 1; visibility: visible;  }
    .navbar-nav > li:hover .sub-menu li:nth-child(7){ transition-delay: 0.35s; opacity: 1; visibility: visible;  }

    #menu-item-108 > .dropdown-toggle{ display: none !important }

    .navbar-nav > li .sub-menu{ display: block !important; }

    .menu-item.menu-item-has-children > a:before{ margin-right: 3px; opacity: 0.3; }
    .site-footer .sub-menu.on > .menu-item { opacity: 1; visibility: visible; }
    .site-footer .sub-menu li a { background: none; color: #fff } .site-footer .sub-menu li a:hover { color: #f90 }
}

@media only screen and (max-width: 767px) {
    .menu-item .dropdown-toggle:after{ content: "\f35f"; font-family:"Ionicons"; text-indent: 0; font-size: 20px; position: absolute; right: 0; top: 0; line-height: 50px; text-align: center;}
    .navbar-nav > li > .sub-menu{ display: none; }
	.navbar-nav > li > .sub-menu {/*
		opacity: 1;
		visibility: visible;
		position: static;
		transform: translateY(0);
		box-shadow: none;
		padding-left: 40px;*/
	}
.nav > li.current-menu-item > a:after, .nav > li.current_page_item > a:after{ opacity: 1; width: 100%; bottom: 0 }
.menu-item .dropdown-toggle{ width: 50px; height: 50px; background: none; border:0; padding: 0; overflow: hidden; text-indent: -999px; position: absolute; right: 0; top: 0; opacity: 0.4}
.menu-item .dropdown-toggle:hover, .menu-item .dropdown-toggle{opacity: 1;  display: none !important;}
.menu-item .dropdown-toggle.toggled-on:after{ transform: rotate(-180deg); display: none !important;}
.navbar-nav > li > .sub-menu{/* height:0; opacity: 0; visibility: hidden;*/}
/*.navbar-nav > li.menu-item .dropdown-toggle.toggled-on + .sub-menu{ opacity: 1; visibility: visible; transform: translateY(0); height: auto;} */

.sub-menu{padding-left: 0 !important; background-color: #333}
.sub-menu li a, .sub-menu li:last-child a{ padding: 10px 10px 10px 30px !important; display: block; color: #fff }
.sub-menu li:last-child a{ padding-bottom: 0 }
.single-news .image-div h1{ font-size: 32px; white-space: normal; margin-top: 24px }
.sub-menu li:hover a { background-color: #f90 }
.sub-menu li.current_page_item a { background-color: #4fc3f7 }

.image-div h1{font-size: 48px;}
#menu-mainnav.navbar-right { padding-right: 0;}
.menu-item .dropdown-toggle{right: 15px;}

.site-footer .sub-menu { background: none; margin-bottom: 15px;}
.site-footer .sub-menu.on li:hover a{ background: none; color: #f90 }
.site-footer .sub-menu.on li.current_page_item a{ color: #4fc3f7; background: none;  }


.menu-item.menu-item-has-children > a{ position: relative; }
.menu-item.menu-item-has-children > a:before{ content: "\f35f"; font-family:"Ionicons"; opacity: 1; visibility: visible;margin-right: 20px; position: absolute; right: 0; font-size: 16px}
.menu-item.menu-item-has-children > a.enabled:before{ content: "\f365"; font-family:"Ionicons";  }
.nav > li > a::after{width: 0%}

}