/*-------------------------------------------------------------- Header --------------------------------------------------------------*/ #header-wrapper { margin: 0 0 120px; padding: 0; position: relative; width: 100%; } #header-wrapper header { margin: 0; padding: 0; position: relative; width: 100%; z-index: 10; } #header-wrapper header.mt-no-header:only-child { position: relative; } #header-wrapper header.mt-no-header:only-child:before { background-color: inherit; content: ""; display: inline !important; height: 100%; pointer-events: none; position: absolute; left: 50%; top: 0; width: 9999px; z-index: 1; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .mt-no-header .header-inner { position: relative; z-index: 1; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; justify-content: space-between; } .mt-no-header .header-inner .no-header-title { width: 30%; } .mt-no-header .header-inner .no-header-title:only-child { display: flex; justify-content: center; width: 100%; } .mt-no-header .header-inner .no-header-title > a { display: inline-block; font-family: var(--mt-font-family-alt); font-size: var(--mt-font-size-h2); font-weight: bold; width: auto; } .mt-no-header .header-inner .no-header-logo { padding: 10px 0; } .mt-no-header .header-inner .no-header-logo:only-child { margin: 0 auto; padding: 20px 0; } .mt-no-header .header-inner .no-header-logo > a, .elementor-widget-mt-logo div.mt-logo-container a { display: inline-block; } .mt-no-header .header-inner .no-header-title > a, .mt-no-header .header-inner .no-header-title > a:focus { text-decoration: none; } .mt-no-header .header-inner .no-header-title a img, .mt-logo-container a img { max-width: 118px; } .mt-no-header .header-inner .no-header-title .alternate_logo { display: none; } .mt-no-header .header-inner .no-header-title h2 { margin: 10px 0; } .mt-no-header .header-inner .no-header-title > a:focus, .mt-no-header .header-inner .mobile-nav-container .menu-trigger:focus { outline: none; } .mt-no-header .header-inner .mobile-nav-container .menu-trigger:focus { outline-offset: 5px; } /*-------------------------------------------------------------- Header Menu Navigation --------------------------------------------------------------*/ .mt-nav-menu > ul > li { position: relative; display: inline-block; margin: 0; padding: 0; } .mt-nav-menu ul > li, .mt-nav-menu ul > li a, .mt-nav-menu ul > li > a:before, .mt-nav-menu ul > li > a:after, .mt-nav-menu ul > li a > span, .mt-nav-menu ul > li a > span:before { -webkit-transition: var(--mt-transition-function); transition: var(--mt-transition-function); } .mt-nav-menu, .mt-nav-menu ul { margin: 0; padding: 0; width: 100%; } .mt-nav-menu > ul { text-align: inherit; } .mt-nav-menu ul ul { text-align: left; } .mt-nav-menu li a, .mt-nav-menu ul li ul.children > li > a, .mt-nav-menu ul li ul.sub-menu > li > a { font-size: var(--mt-font-size-base); line-height: var(--mt-line-height-base); text-transform: capitalize; } .mt-nav-menu li a:not(:focus), .mt-nav-menu ul li ul.children > li > a:not(:focus), .mt-nav-menu ul li ul.sub-menu > li > a:not(:focus) { text-decoration: none; } .mt-nav-menu ul li ul.children > li > a, .mt-nav-menu ul li ul.sub-menu > li > a { text-transform: capitalize; font-family: var(--mt-font-family-alt); font-size: var(--mt-font-size-base); font-weight: var(--mt-font-weight-base); padding: 0; margin: 0; text-transform: capitalize; } .mt-nav-menu .mt-e-primary-nav > li > a { display: inline-block; padding: 14px 20px; vertical-align: middle; } .mt-nav-menu .mt-e-primary-nav > li > a:empty { display: none; } .mt-nav-menu ul li ul.children > li > a, .mt-nav-menu ul li ul.sub-menu > li > a { border-bottom: 0 solid; padding: 8px 20px; } .mt-nav-menu ul li ul.children > li:last-child > a, .mt-nav-menu ul li ul.sub-menu > li:last-child > a { border-bottom-width: 0; } .mt-nav-menu ul li ul.children, .mt-nav-menu ul li ul.sub-menu { margin: 0; opacity: 0; padding: 0; pointer-events: none; position: absolute; left: 0; padding: 15px 0; top: 100%; text-align: left; z-index: 10; -webkit-transition: all 0.1s ease-in; transition: all 0.1s ease-in; -webkit-border-radius: var(--mtRadius_Zero); border-radius:var(--mtRadius_Zero); border-left: 3px solid; } .mt-nav-menu ul.children > li:last-child > ul, .mt-nav-menu ul.children > li:nth-last-child(2) > ul, .mt-nav-menu ul.sub-menu > li:last-child > ul, .mt-nav-menu ul.sub-menu > li:nth-last-child(2) > ul { left: auto; right: 0; } .mt-nav-menu ul li ul.children, .mt-nav-menu ul li ul.sub-menu { width: 250px; } .mt-nav-menu ul li ul.children li, .mt-nav-menu ul li ul.sub-menu li { margin: 0; } .mt-nav-menu ul li ul.children li ul, .mt-nav-menu ul li ul.sub-menu li ul { left: 100%; top: -17px; } .mt-nav-menu ul li.menu-item-depth-2 > ul, .mt-nav-menu ul li.menu-item-depth-4 > ul, .mt-nav-menu ul li.menu-item-depth-6 > ul, .mt-nav-menu ul li.menu-item-depth-8 > ul, .mt-nav-menu ul li.menu-item-depth-10 > ul, .mt-nav-menu ul > li:nth-child(n+2) ul li.menu-item-depth-1 > ul, .mt-nav-menu ul > li:nth-child(n+2) ul li.menu-item-depth-3 > ul, .mt-nav-menu ul > li:nth-child(n+2) ul li.menu-item-depth-5 > ul, .mt-nav-menu ul > li:nth-child(n+2) ul li.menu-item-depth-7 > ul, .mt-nav-menu ul > li:nth-child(n+2) ul li.menu-item-depth-9 > ul { left: 100%; right: auto; } .mt-nav-menu ul li.menu-item-depth-1 > ul, .mt-nav-menu ul li.menu-item-depth-3 > ul, .mt-nav-menu ul li.menu-item-depth-5 > ul, .mt-nav-menu ul li.menu-item-depth-7 > ul, .mt-nav-menu ul li.menu-item-depth-9 > ul, .mt-nav-menu ul > li:nth-child(n+2) ul li.menu-item-depth-2 > ul, .mt-nav-menu ul > li:nth-child(n+2) ul li.menu-item-depth-4 > ul, .mt-nav-menu ul > li:nth-child(n+2) ul li.menu-item-depth-6 > ul, .mt-nav-menu ul > li:nth-child(n+2) ul li.menu-item-depth-8 > ul, .mt-nav-menu ul > li:nth-child(n+2) ul li.menu-item-depth-10 > ul { right: 100%; left: auto; } .mt-nav-menu ul li.has-mega-menu:last-child > ul, .mt-nav-menu ul li.has-mega-menu:nth-last-child(2) > ul { left: 0; right: 0; } .mt-nav-menu ul.children li, .mt-nav-menu ul.children li a, .mt-nav-menu ul.sub-menu li, .mt-nav-menu ul.sub-menu li a { display: inline-block; width: 100%; } .mt-nav-menu ul li.focus > ul, .mt-nav-menu ul li:focus > ul, .mt-nav-menu ul li:hover > ul { display: block; opacity: 1; pointer-events: auto; visibility: visible; } .mt-nav-menu ul li.menu-item-depth-0 > ul { margin-top: 30px; -webkit-transition: margin-top .25s cubic-bezier(.25,.1,.11,.99) .1s,opacity .2s cubic-bezier(.25,.1,.11,.99) .1s, height 0s ease-out .5s; -moz-transition: margin-top .25s cubic-bezier(.25,.1,.11,.99) .1s,opacity .2s cubic-bezier(.25,.1,.11,.99) .1s, height 0s ease-out .5s; transition: margin-top .25s cubic-bezier(.25,.1,.11,.99) .1s,opacity .2s cubic-bezier(.25,.1,.11,.99) .1s, height 0s ease-out .5s; } .mt-nav-menu ul li.menu-item-depth-0.focus > ul, .mt-nav-menu ul li.menu-item-depth-0:focus > ul, .mt-nav-menu ul li.menu-item-depth-0:hover > ul { margin-top: 0; } /** Default Colors */ #header-wrapper header.mt-no-header:only-child, .mt-nav-menu ul li ul { background: var(--mt-tertiary-clr); } .mt-nav-menu ul li ul.children > li > a, .mt-nav-menu ul li ul.sub-menu > li > a { border-color: var(--mtBorderColor); } #header-wrapper header.mt-no-header:only-child:before { background-color: var(--mt-tertiary-clr); } .mt-nav-menu ul li ul.children, .mt-nav-menu ul li ul.sub-menu { -webkit-box-shadow: none; box-shadow: none; } /** Accents */ /* Primary Color */ .mt-nav-menu ul li.focus > a, .mt-nav-menu ul li:focus > a, .mt-nav-menu ul li:hover > a, .mt-nav-menu ul li > a:hover, .mt-nav-menu ul li ul li.focus > a, .mt-nav-menu ul li ul li:focus > a, .mt-nav-menu ul li ul li:hover > a, .mt-nav-menu ul li ul li > a:hover, .mt-nav-menu ul li.current-menu-item > a, .mt-nav-menu ul li.current-page-item > a, .mt-nav-menu ul li.current-menu-ancestor > a, .mt-nav-menu ul li.current-page-ancestor > a, .mt-nav-menu ul li.current_menu_item > a, .mt-nav-menu ul li.current_page_item > a, .mt-nav-menu ul li.current_menu_ancestor > a, .mt-nav-menu ul li.current_page_ancestor > a, .mt-nav-menu ul li ul li.current-menu-item > a, .mt-nav-menu ul li ul li.current-page-item > a, .mt-nav-menu ul li ul li.current-menu-ancestor > a, .mt-nav-menu ul li ul li.current-page-ancestor > a, .mt-nav-menu ul li ul li.current_menu_item > a, .mt-nav-menu ul li ul li.current_page_item > a, .mt-nav-menu ul li ul li.current_menu_ancestor > a, .mt-nav-menu ul li ul li.current_page_ancestor > a, .mt-dark-bg .mt-nav-menu > .mt-e-primary-nav > li > a:focus, .mt-dark-bg .mt-nav-menu > .mt-e-primary-nav > li > a:hover, .mt-dark-bg .mt-nav-menu > .mt-e-primary-nav > li.current_menu_item > a, .mt-dark-bg .mt-nav-menu > .mt-e-primary-nav > li.current_page_item > a, .mt-dark-bg .mt-nav-menu > .mt-e-primary-nav > li.current-menu-item > a, .mt-dark-bg .mt-nav-menu > .mt-e-primary-nav > li.current-page-item > a, .mt-dark-bg .mt-nav-menu > .mt-e-primary-nav > li.current_menu_item > a, .mt-dark-bg .mt-nav-menu > .mt-e-primary-nav > li.current_page_item > a, .mt-dark-bg .mt-nav-menu > .mt-e-primary-nav > li.current_menu_ancestor > a, .mt-dark-bg .mt-nav-menu > .mt-e-primary-nav > li.current_page_ancestor > a, .mt-dark-bg .mt-nav-menu > .mt-e-primary-nav > li.current-menu-ancestor > a, .mt-dark-bg .mt-nav-menu > .mt-e-primary-nav > li.current-page-ancestor > a { color: var(--mt-primary-clr); } /* Primary Border Color */ .no-header-menu ul li ul, .mt-nav-menu ul li ul.children, .mt-nav-menu ul li ul.sub-menu { border-color: var(--mt-primary-clr); } /* Menu Dropdown Arrow */ .mt-nav-menu .mt-e-primary-nav > li[class*="has-children"] > a:after, .mt-nav-menu .mt-e-primary-nav li[class*="has-children"] ul > li.menu-item[class*="has-children"] > a:after { content: ""; width: 8px; height: 8px; position: relative; right: 0; bottom: 4px; display: inline-block; margin-left: 8px; -webkit-transform: rotate(45deg); transform: rotate(45deg); border-bottom: 1px solid currentColor; border-right: 1px solid currentColor; } .mt-nav-menu .mt-e-primary-nav li[class*="has-children"] ul > li.menu-item[class*="has-children"] > a:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); bottom: 0; } .mt-nav-menu .mt-e-primary-nav li[class*="has-children"] ul.sub-menu > li > a { display: inline-block; } .mt-nav-menu .mt-e-primary-nav li[class*="has-children"] ul.sub-menu > li > a:has(~ ul) { display: inline-flex; justify-content: space-between; align-items: center; margin-right: auto; } /** AT Media - Responsive */ @media only screen and (min-width:1541px) and (max-width:1724px) { } @media only screen and (min-width:1281px) and (max-width:1540px) { .mt-nav-menu ul > li:nth-last-child(-n+3) ul li.menu-item-depth-2 > ul, .mt-nav-menu ul > li:nth-last-child(-n+3) ul li.menu-item-depth-4 > ul, .mt-nav-menu ul > li:nth-last-child(-n+3) ul li.menu-item-depth-6 > ul, .mt-nav-menu ul > li:nth-last-child(-n+3) ul li.menu-item-depth-8 > ul, .mt-nav-menu ul > li:nth-last-child(-n+3) ul li.menu-item-depth-10 > ul { left: 100%; right: auto; } .mt-nav-menu ul > li:nth-last-child(-n+3) ul li.menu-item-depth-1 > ul, .mt-nav-menu ul > li:nth-last-child(-n+3) ul li.menu-item-depth-3 > ul, .mt-nav-menu ul > li:nth-last-child(-n+3) ul li.menu-item-depth-5 > ul, .mt-nav-menu ul > li:nth-last-child(-n+3) ul li.menu-item-depth-7 > ul, .mt-nav-menu ul > li:nth-last-child(-n+3) ul li.menu-item-depth-9 > ul { left: auto; right: 100%; } .mt-nav-menu ul li ul { width: 230px; } .mt-nav-menu .mt-e-primary-nav > li > a { padding: 14px 18px; } } @media only screen and (min-width:1281px) { .mt-nav-menu .mt-e-primary-nav > li > a { margin: 18px 0; } } @media only screen and (max-width: 1280px) { } @media only screen and (min-width:1024px) and (max-width:1280px) { } @media only screen and (min-width:768px) and (max-width:1024px) { } @media only screen and (max-width: 767px) { } @media only screen and (max-width: 479px) { } /*-------------------------------------------------------------- Header - Default-Value --------------------------------------------------------------*/ /* Logo Size */ .mt-no-header .no-header .no-header-logo > a > img, .elementor-widget-mt-logo div.mt-logo-container a img { height: auto; width: 142px; max-width: 142px; } @media (max-width: 1280px) { .mt-no-header .no-header .no-header-logo > a > img, .elementor-widget-mt-logo div.mt-logo-container a img { width: 130px; max-width: 130px; } } @media (max-width: 767px) { .mt-no-header .no-header .no-header-logo > a > img, .elementor-widget-mt-logo div.mt-logo-container a img { width: 100px; max-width: 100px; } } /* Header Margin Start */ @media only screen and (min-width:1281px) and (max-width:1540px) { #header-wrapper { margin: 0 0 100px; } } @media only screen and (min-width:1025px) and (max-width:1280px) { #header-wrapper { margin: 0 0 80px; } } @media only screen and (min-width:768px) and (max-width:1024px) { #header-wrapper { margin: 0 0 70px; } } @media only screen and (min-width:480px) and (max-width:767px) { #header-wrapper { margin: 0 0 60px; } } @media only screen and (max-width: 479px) { #header-wrapper { margin: 0 0 50px; } }