/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */


#site_top_nav { margin: 0; padding: 0; display: flex; justify-content: flex-end; }
#site_top_nav .submenu_opener { display: none; }
#site_top_nav .back_to_parent { display: none; }
#site_top_nav .mobile_menu_header { display: none; }
#site_top_nav .mobile_menu_footer { display: none; }
#site_top_nav .mobile_menu_body { display: inline-block; }


.mobile_menu_opener { display: none; }
.mobile_menu_opener .icon-bar { height: 2px; display: block; background: #fff; width: 20px; }
.mobile_menu_opener .icon-bar:nth-child(2) { margin: 5px 0; } 

#primary_nav { list-style: none; position: relative; display: flex; margin: 0; padding: 0; width: 100%; height: 100%; }
#primary_nav > li { padding: 0 0 0 0; display: flex; align-items: center; }
#primary_nav > li > a { color:#1a1817!important; }
#primary_nav > li > a span { padding: 2px 0 0 5px; }
#primary_nav > li > a span svg { width: 12px; }
#primary_nav > li.dropdown:last-child ul { left: auto; right: 0; }
#primary_nav > li.dropdown:last-child ul ul { right: 100%; left: auto; }
#primary_nav > li.active_li a { color: #19267b; } 
#primary_nav > li.mega_menu ul { column-count: 2; width: 450px; }
#primary_nav li { position: relative; }
#primary_nav li:before { display: none; }
#primary_nav li a { color: #1a1817; text-decoration: none; display: flex; padding: 10px 15px; font-weight: 500; outline: none!important; }
#primary_nav li a:hover { color: #19267b; }
#primary_nav .dropdown a { position: relative; }
#primary_nav .dropdown:hover > ul { display: block; } 
#primary_nav .dropdown > ul { display: none; position: absolute; top: 100%; padding: 0 0 0 0; z-index: 9999; width: 310px; background: #fff; text-align: left; left: 0; list-style-type: none; box-shadow: 0px 9px 15px rgba(0, 0, 0, .25); border-radius: 0 0 10px 10px; overflow: hidden; }
#primary_nav .dropdown > ul li { position: relative; padding: 0 0 0 0; } 
#primary_nav .dropdown > ul li a { color: #666; }
#primary_nav .dropdown > ul li a:hover { background-color: #19267b; color: #fff; }
#primary_nav .dropdown > ul ul { position: absolute; left: 100%; top: 0; }
#primary_nav .submenu_from_right ul { left: auto; right: 0; }
#primary_nav .submenu_from_right ul ul { right: 100%; left: auto; }


@media(max-width: 991px)
{

#primary_nav > li > a { color: #fff!important; }
	#primary_nav > li > a span { display: none; }
	#site_top_nav { position: fixed; width: 290px; right: 0; top: 0; bottom: 0; z-index: 2; overflow-y: scroll; overflow-x: hidden; transform: translateX(100%); background-color: #025aaa; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; display: flex; flex-direction: column; -ms-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; justify-content: flex-start; }
	#site_top_nav.mobile_menu { transform: translateX(0); }
	#site_top_nav .site_container { padding: 0 0 0 0; }
	#site_top_nav .submenu_opener { padding: 0 0 0 0; cursor: pointer; width: 35px; display: flex; align-items: center; justify-content: center; color: #fff; }
	#site_top_nav .back_to_parent { display: block; background: transparent; border: 0; color: #fff; padding: 10px 15px; font-size: 16px; font-family: 'Outfit', sans-serif; cursor: pointer; }
	#site_top_nav .mobile_menu_header { display: block; padding: 15px; text-align: right; } 
	#site_top_nav .mobile_menu_header .close_mobile_menu { border: 0; padding: 0 0 0 0; color: #fff; height: 30px; width: 30px; font-size: 26px; line-height: 1; display: flex; align-items: center; justify-content: center; cursor: pointer; margin: 0 0 0 auto; }
	#site_top_nav .mobile_menu_body { display: inline-block; }
	#site_top_nav .mobile_menu_body .menu_slider { width: 100%; transition: -webkit-transform 300ms ease-in-out; transition: transform 300ms ease-in-out; transition: transform 300ms ease-in-out, -webkit-transform 300ms ease-in-out; transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); will-change: transform; } 
	#site_top_nav .mobile_menu_footer { display: block; }
	#site_top_nav #primary_nav { flex-direction: column; } 
	#site_top_nav #primary_nav li { display: flex; justify-content: space-between; border-bottom: 1px solid rgba(255, 255, 255, 0.3); padding: 0 0 0 0; position: static; }
	#site_top_nav #primary_nav li ul { position: absolute; top: 0; left: 100%; width: 100%; display: none; }
	#site_top_nav #primary_nav li a { display: block; flex: 1 0 auto; color: #fff; text-decoration: none; display: flex; padding: 10px 15px; } 
	#site_top_nav #primary_nav li a:hover { background-color: transparent; }
	#site_top_nav #primary_nav li a:hover ul { display: none !important; } 
	#site_top_nav #primary_nav li.activemenu ul.activemenu { display: block; }
	#site_top_nav #primary_nav li:before { display: none; }
	#site_top_nav #primary_nav .dropdown > ul { background-color: transparent; box-shadow: none; }

}