File: /home/confeduphaar/public_html/wp-content/plugins/ova-framework/assets/css/ova-menu.css
/* DeskTop *********************************************************************/
/* Fix when menu is full width */
.align_right > .elementor-container {
float: right;
width: 100%; }
.elementor-widget-ova_menu .ova_nav ul.menu > li > a {
color: #202B5D; }
.elementor-widget-ova_menu .ova_nav ul.menu .dropdown-menu li.active > a {
color: #fff; }
.elementor-widget-ova_menu .ova_nav ul.menu .dropdown-menu li.active > a:after {
opacity: 1; }
.elementor-widget-ova_menu .ova_nav ul.menu .dropdown-menu li a {
color: #202B5D; }
.elementor-widget-ova_menu .ova_nav ul.menu .dropdown-menu li a:hover {
color: #fff; }
.elementor-widget-ova_menu .ova_nav ul.menu .dropdown-menu li a:hover:after {
width: 100%; }
.elementor-widget-ova_menu .ova_nav ul.menu .dropdown-menu li a:after {
content: '';
position: absolute;
top: -1px;
left: 0;
width: 0;
height: 1px; }
/* Button Open Canvas */
.ova_openNav {
display: none; }
.ova_nav {
width: 100%;
/* Sub Menu */
/* Parent Menu */ }
.ova_nav .ova_closeNav {
display: none; }
.ova_nav .dropdown-menu {
padding: 0px;
margin: 0; }
.ova_nav .dropdown-menu > li {
width: 100%;
position: relative; }
.ova_nav .dropdown-menu > li > a {
color: #202B5D;
display: block;
text-transform: uppercase;
font-weight: 500;
font-size: 14px; }
.ova_nav ul.menu {
display: flex;
list-style: none;
margin: 0;
padding: 0;
/* Dropdown arrow */ }
.ova_nav ul.menu > li > a {
color: #202B5D;
font-weight: 500;
font-size: 14px;
text-transform: uppercase;
display: inline-block;
padding: 0px 15px; }
.ova_nav ul.menu button.dropdown-toggle {
display: none; }
.ova_nav ul.menu button.dropdown-toggle:after {
display: none; }
/* Fix Sub Menu Direction */
.sub_menu_dir_left .dropdown-menu li {
text-align: right;
position: relative;
/* Menu level 3 */ }
.sub_menu_dir_left .dropdown-menu li.dropdown a i {
position: absolute;
left: 10px;
top: 50%;
margin-top: -10px; }
.sub_menu_dir_left .dropdown-menu li.dropdown a i:before {
content: "\34";
font-family: "eleganticons"; }
.sub_menu_dir_left .dropdown-menu li .dropdown-menu {
position: absolute;
left: auto;
right: 100%;
top: 0; }
.sub_menu_dir_right .dropdown-menu li {
text-align: left;
/* Menu level 3 */ }
.sub_menu_dir_right .dropdown-menu li.dropdown a i {
position: absolute;
right: 10px;
top: 50%;
margin-top: -10px; }
.sub_menu_dir_right .dropdown-menu li.dropdown a i:before {
content: "\35";
font-family: "eleganticons"; }
.sub_menu_dir_right .dropdown-menu li .dropdown-menu {
position: absolute;
right: auto;
left: 100%;
top: 0; }
/* Cover page when open canvas */
.ova_closeCanvas {
height: 100%;
width: 0;
position: fixed;
z-index: 3;
top: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.4);
overflow-y: auto;
overflow-x: hidden;
text-align: center;
transition: opacity 1s; }
@media (min-width: 1025px) {
/* Vertical Menu Desktop */
.ova_wrap_nav.column ul.menu.sub_menu_dir_right > li.dropdown > a i:before {
content: "\35";
font-family: "eleganticons"; }
.ova_wrap_nav.column ul.menu > li {
width: 100%; }
.ova_wrap_nav.column ul.menu > li > .dropdown-menu {
left: 100%;
top: 0 !important; }
.ova_nav ul.menu {
/* Sub Menu */ }
.ova_nav ul.menu .dropdown-menu {
visibility: hidden;
display: block;
top: 110%;
z-index: -1;
box-shadow: 0px 10px 40px 0px rgba(6, 22, 58, 0.1); }
.ova_nav ul.menu > li:hover > .dropdown-menu {
display: block;
z-index: 9999;
webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-ms-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in;
visibility: visible;
top: 100%; }
.ova_nav ul.menu > li:hover > .dropdown-menu > li:hover > .dropdown-menu {
display: block;
opacity: 1;
z-index: 9999;
webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-ms-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in;
visibility: visible;
top: 0; }
.ova_nav ul.menu > li:hover > .dropdown-menu > li:hover > .dropdown-menu > li:hover > .dropdown-menu {
display: block;
opacity: 1;
z-index: 9999;
webkit-transition: all .3s ease-in;
-moz-transition: all .3s ease-in;
-ms-transition: all .3s ease-in;
-o-transition: all .3s ease-in;
transition: all .3s ease-in;
visibility: visible;
top: 0; } }
/* Mobile *********************************************************************/
@media (max-width: 1024px) {
/*transition when display nav*/
.ova-wrapp {
transition: margin-left .5s; }
.ova_openNav {
display: block;
border: none;
outline: none;
cursor: pointer; }
.ova_openNav:focus {
outline: none; }
/* Align Menu Button */
.NavBtn_right {
float: right;
margin: 0;
padding: 0; }
.NavBtn_left {
float: left;
margin-left: 0;
margin-right: 0; }
.NavBtn_center {
justify-content: center; }
/* Close Button in menu */
.ova_nav.canvas_left .ova_closeNav {
display: block;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 10px;
color: #fff;
text-align: right; }
.ova_nav.canvas_right .ova_closeNav {
display: block;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 10px;
color: #fff;
text-align: left; }
/* Hide Menu */
.logged-in .ova_nav {
padding-top: 60px; }
.ova_nav {
height: 100%;
width: 0;
position: fixed;
z-index: 4;
top: 0;
overflow-x: hidden;
padding-top: 30px;
transition: 0.5s;
/* Canvas direction */
/* Background Canvas */
/* Show/hide Canvas */
/* Always display column in mobile */ }
.ova_nav ul.menu li {
width: 100%;
display: block;
align-items: center;
/* Dropdown arrow */ }
.ova_nav ul.menu li a {
width: 100%; }
.ova_nav ul.menu li a i {
display: none; }
.ova_nav ul.menu li button.dropdown-toggle {
display: block;
position: absolute;
top: 3px;
right: 10px;
background: transparent;
border: none;
outline: none; }
.ova_nav ul.menu li.active_sub > .dropdown-menu {
display: block; }
.ova_nav ul.menu li.active_sub > button.dropdown-toggle > i:before {
content: "\32";
font-family: "eleganticons"; }
.ova_nav ul.menu .dropdown-menu {
position: relative !important;
transform: none !important;
left: 0;
top: 0;
right: auto;
border: none !important;
background: transparent !important;
display: none;
opacity: 1;
visibility: visible;
width: 100%; }
.ova_nav.canvas_left {
left: 0; }
.ova_nav.canvas_left ul.menu {
align-items: flex-start;
text-align: left;
/* Dropdown arrow */
/* level 2 */ }
.ova_nav.canvas_left ul.menu button.dropdown-toggle {
right: 10px; }
.ova_nav.canvas_left ul.menu .dropdown-menu {
/* level 3 */ }
.ova_nav.canvas_left ul.menu .dropdown-menu li {
text-align: left;
border: none !important;
background: transparent !important;
clear: both; }
.ova_nav.canvas_left ul.menu .dropdown-menu .dropdown-menu {
padding-left: 15px; }
.ova_nav.canvas_right {
right: 0; }
.ova_nav.canvas_right ul.menu {
align-items: flex-end;
text-align: right;
/* Dropdown arrow */
/* level 2 */ }
.ova_nav.canvas_right ul.menu button.dropdown-toggle {
left: 10px; }
.ova_nav.canvas_right ul.menu .dropdown-menu {
/* level 3 */ }
.ova_nav.canvas_right ul.menu .dropdown-menu li {
text-align: right;
border: none !important;
background: transparent !important; }
.ova_nav.canvas_right ul.menu .dropdown-menu .dropdown-menu {
padding-right: 15px; }
.ova_nav.canvas_bg_gray {
background-color: #343434; }
.ova_nav.canvas_bg_gray ul.menu li a,
.ova_nav.canvas_bg_gray ul.menu li .dropdown-toggle {
color: #fff !important; }
.ova_nav.canvas_bg_white {
background-color: #fff; }
.ova_nav.canvas_bg_white ul.menu li a,
.ova_nav.canvas_bg_white ul.menu li .dropdown-toggle {
color: #343434 !important; }
.ova_nav.show {
width: 250px; }
.ova_nav.hide {
width: 0; }
.ova_nav ul.menu {
flex-direction: column !important; } }
@media (max-width: 767px) {
/* Align Menu Button */
.NavBtn_right, .NavBtn_left {
float: none;
margin: 0;
padding: 0; }
.NavBtn_right_m {
float: right;
margin: 0;
padding: 0; }
.NavBtn_left_m {
float: left; }
.NavBtn_center_m {
justify-content: center; }
.mobi_no_shrink {
position: relative !important; } }
/*# sourceMappingURL=ova-menu.css.map */