/* Start custom CSS for html, class: .elementor-element-789de9d *//* =========================================================
AUSTRALISINK PUBLISHER
PREMIUM HEADER
FULL RESPONSIVE + MULTI LEVEL SERVICES MENU
========================================================= */
/* =========================================================
GLOBAL HEADER
========================================================= */
.pp-header {
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
padding: 20px 40px;
position: relative;
z-index: 9999;
font-family: 'Poppins', sans-serif;
}
/* =========================================================
CENTER
========================================================= */
.pp-center {
display: flex;
align-items: center;
justify-content: center;
gap: 50px;
}
/* =========================================================
MENU
========================================================= */
.pp-menu {
display: flex;
align-items: center;
gap: 35px;
}
/* =========================================================
NORMAL MENU LINKS
========================================================= */
.pp-menu > a,
.pp-services-link {
color: #ffffff;
text-decoration: none !important;
font-family: 'Poppins', sans-serif;
font-size: 16px;
font-weight: 500;
white-space: nowrap;
transition: color .3s ease;
position: relative;
}
/* =========================================================
NORMAL MENU HOVER
========================================================= */
.pp-menu > a:hover,
.pp-services-link:hover {
color: #C51F2F;
}
/* =========================================================
SERVICES
========================================================= */
.pp-services {
position: relative;
display: flex;
align-items: center;
}
/* =========================================================
SERVICES ARROW
========================================================= */
.pp-arrow {
display: inline-block;
margin-left: 6px;
font-size: 15px;
line-height: 1;
color: #ffffff;
transition:
transform .35s ease,
color .3s ease;
}
.pp-services:hover .pp-arrow {
color: #C51F2F;
transform: rotate(180deg);
}
/* =========================================================
MAIN SERVICES DROPDOWN
========================================================= */
.pp-dropdown {
position: absolute;
top: calc(100% + 20px);
left: 50%;
transform:
translateX(-50%)
translateY(12px);
width: 305px;
padding: 10px;
background: rgba(255, 255, 255, .98);
border-radius: 8px;
border: 1px solid rgba(23, 43, 73, .10);
box-shadow:
0 20px 55px rgba(16, 33, 57, .20);
backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);
opacity: 0;
visibility: hidden;
pointer-events: none;
transition:
opacity .30s ease,
transform .35s cubic-bezier(.16, 1, .3, 1),
visibility .30s ease;
z-index: 99999;
}
/* =========================================================
DROPDOWN TOP ARROW
========================================================= */
.pp-dropdown::before {
content: "";
position: absolute;
top: -7px;
left: 50%;
width: 13px;
height: 13px;
background: #ffffff;
border-left: 1px solid rgba(23, 43, 73, .10);
border-top: 1px solid rgba(23, 43, 73, .10);
transform:
translateX(-50%)
rotate(45deg);
}
/* =========================================================
OPEN MAIN DROPDOWN
========================================================= */
.pp-services:hover .pp-dropdown,
.pp-services.pp-open .pp-dropdown {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform:
translateX(-50%)
translateY(0);
}
/* =========================================================
DROPDOWN ITEM
========================================================= */
.pp-dropdown-item {
position: relative;
width: 100%;
}
/* =========================================================
IMPORTANT:
INVISIBLE HOVER BRIDGE
Keeps submenu alive while mouse crosses gap
========================================================= */
.pp-dropdown-item::after {
content: "";
position: absolute;
top: 0;
right: -18px;
width: 25px;
height: 100%;
background: transparent;
z-index: 99998;
}
/* =========================================================
MAIN DROPDOWN LINK
========================================================= */
.pp-dropdown-link {
width: 100%;
min-height: 52px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 15px;
padding: 13px 14px;
color: #172B49;
background: transparent;
text-decoration: none !important;
font-family: 'Poppins', sans-serif;
font-size: 12px;
font-weight: 600;
line-height: 1.4;
border-radius: 5px;
transition:
background .30s ease,
color .30s ease,
padding-left .30s ease,
box-shadow .30s ease;
}
/* =========================================================
MAIN DROPDOWN HOVER
========================================================= */
.pp-dropdown-link:hover {
background: #172B49;
color: #ffffff;
padding-left: 20px;
box-shadow:
0 5px 15px rgba(23, 43, 73, .15);
}
/* =========================================================
SUB ARROW
========================================================= */
.pp-sub-arrow {
flex-shrink: 0;
font-size: 21px;
line-height: 1;
color: #C51F2F;
transition:
transform .30s ease,
color .30s ease;
}
.pp-dropdown-link:hover .pp-sub-arrow {
color: #ffffff;
transform:
translateX(5px);
}
/* =========================================================
THIRD LEVEL SUBMENU
========================================================= */
.pp-submenu {
position: absolute;
top: -10px;
left: calc(100% + 10px);
width: 285px;
padding: 10px;
background: rgba(255, 255, 255, .98);
border-radius: 8px;
border: 1px solid rgba(23, 43, 73, .10);
box-shadow:
0 20px 55px rgba(16, 33, 57, .20);
backdrop-filter: blur(15px);
-webkit-backdrop-filter: blur(15px);
opacity: 0;
visibility: hidden;
pointer-events: none;
transform:
translateX(-12px);
transition:
opacity .25s ease,
transform .30s cubic-bezier(.16, 1, .3, 1),
visibility .25s ease;
z-index: 100000;
}
/* =========================================================
SHOW THIRD LEVEL
========================================================= */
.pp-dropdown-item:hover > .pp-submenu,
.pp-dropdown-item.pp-sub-open > .pp-submenu {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform:
translateX(0);
}
/* =========================================================
SUBMENU LINKS
========================================================= */
.pp-submenu a {
width: 100%;
min-height: 45px;
display: flex;
align-items: center;
padding: 10px 14px;
border-radius: 5px;
color: #172B49;
background: transparent;
text-decoration: none !important;
font-family: 'Poppins', sans-serif;
font-size: 11px;
font-weight: 500;
line-height: 1.4;
transition:
background .25s ease,
color .25s ease,
padding-left .30s ease;
}
/* =========================================================
SUBMENU HOVER
========================================================= */
.pp-submenu a:hover {
background: #C51F2F;
color: #ffffff;
padding-left: 19px;
}
/* =========================================================
LOGO
========================================================= */
.pp-logo img {
max-height: 70px;
width: auto;
display: block;
transition:
transform .40s ease;
}
.pp-logo img:hover {
transform:
scale(1.04);
}
/* =========================================================
PHONE + CTA
========================================================= */
.pp-phone a,
.pp-cta a {
text-decoration: none !important;
color: #ffffff;
border: 1px solid rgba(255, 255, 255, .60);
padding: 14px 28px;
border-radius: 10px;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
font-family: 'Poppins', sans-serif;
font-size: 13px;
font-weight: 500;
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
background: rgba(255, 255, 255, .05);
transition:
background .30s ease,
border-color .30s ease,
color .30s ease,
transform .30s ease,
box-shadow .30s ease;
}
/* =========================================================
PHONE / CTA HOVER
========================================================= */
.pp-phone a:hover,
.pp-cta a:hover {
background: #C51F2F;
border-color: #C51F2F;
color: #ffffff;
transform:
translateY(-3px);
box-shadow:
0 10px 25px rgba(197, 31, 47, .25);
}
/* =========================================================
PHONE ICON
========================================================= */
.phone-icon {
display: inline-flex;
position: relative;
align-items: center;
justify-content: center;
margin-right: 4px;
transform-origin: center;
animation:
ring 1.5s infinite;
}
/* =========================================================
PHONE WAVES
========================================================= */
.phone-icon::before,
.phone-icon::after {
content: "";
position: absolute;
left: 50%;
top: 50%;
width: 18px;
height: 18px;
border:
2px solid rgba(255, 255, 255, .50);
border-radius: 50%;
transform:
translate(-50%, -50%)
scale(1);
animation:
wave 1.5s infinite;
pointer-events: none;
}
.phone-icon::after {
animation-delay: .5s;
}
/* =========================================================
PHONE RING ANIMATION
========================================================= */
@keyframes ring {
0%,
100% {
transform: rotate(0deg);
}
10% {
transform: rotate(15deg);
}
20% {
transform: rotate(-15deg);
}
30% {
transform: rotate(15deg);
}
40% {
transform: rotate(-15deg);
}
50% {
transform: rotate(10deg);
}
60% {
transform: rotate(-10deg);
}
}
/* =========================================================
PHONE WAVE ANIMATION
========================================================= */
@keyframes wave {
0% {
opacity: .8;
transform:
translate(-50%, -50%)
scale(1);
}
100% {
opacity: 0;
transform:
translate(-50%, -50%)
scale(2.2);
}
}
/* =========================================================
LARGE TABLET
========================================================= */
@media (max-width: 1200px) {
.pp-header {
padding:
18px 25px;
}
.pp-center {
gap: 30px;
}
.pp-menu {
gap: 20px;
}
.pp-menu > a,
.pp-services-link {
font-size: 14px;
}
.pp-phone a,
.pp-cta a {
padding:
12px 17px;
font-size: 11px;
}
}
/* =========================================================
TABLET / MOBILE
========================================================= */
@media (max-width: 1024px) {
.pp-header {
flex-direction: column;
gap: 20px;
padding: 20px;
}
.pp-center {
flex-direction: column;
gap: 20px;
width: 100%;
}
.pp-menu {
flex-wrap: wrap;
justify-content: center;
gap: 15px;
}
.pp-logo {
order: -1;
}
.pp-logo img {
max-height: 55px;
}
/* =====================================================
DISABLE DESKTOP HOVER BRIDGE
===================================================== */
.pp-dropdown-item::after {
display: none;
}
/* =====================================================
MAIN MOBILE DROPDOWN
===================================================== */
.pp-dropdown {
position: relative;
top: auto;
left: auto;
width: 300px;
margin-top: 14px;
transform:
translateY(-8px);
box-shadow:
0 15px 40px rgba(16, 33, 57, .18);
}
.pp-services:hover .pp-dropdown {
transform:
translateY(0);
}
.pp-services.pp-open .pp-dropdown {
transform:
translateY(0);
}
.pp-dropdown::before {
left: 50%;
}
/* =====================================================
MOBILE THIRD LEVEL
===================================================== */
.pp-submenu {
position: relative;
top: auto;
left: auto;
width: calc(100% - 14px);
margin:
0 7px 8px;
padding: 6px;
transform:
translateX(0)
translateY(-5px);
display: none;
box-shadow:
0 8px 25px rgba(16, 33, 57, .12);
}
/* Prevent desktop hover opening on mobile */
.pp-dropdown-item:hover > .pp-submenu {
display: none;
opacity: 0;
visibility: hidden;
pointer-events: none;
}
/* Mobile click opening */
.pp-dropdown-item.pp-sub-open > .pp-submenu {
display: block;
opacity: 1;
visibility: visible;
pointer-events: auto;
transform:
translateX(0)
translateY(0);
}
.pp-dropdown-link {
min-height: 48px;
}
.pp-sub-arrow {
transform:
rotate(0deg);
}
.pp-dropdown-item.pp-sub-open
.pp-sub-arrow {
transform:
rotate(90deg);
}
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width: 767px) {
.pp-header {
padding:
15px 16px;
gap: 16px;
}
.pp-center {
gap: 15px;
}
.pp-menu {
gap:
10px 18px;
}
.pp-menu > a,
.pp-services-link {
font-size: 13px;
}
.pp-logo img {
max-height: 52px;
}
.pp-phone a,
.pp-cta a {
padding:
11px 18px;
font-size: 11px;
}
.pp-dropdown {
width:
min(300px, 88vw);
}
.pp-dropdown-link {
font-size: 11px;
}
.pp-submenu a {
font-size: 10.5px;
min-height: 40px;
}
}
/* =========================================================
SMALL MOBILE
========================================================= */
@media (max-width: 480px) {
.pp-header {
padding:
13px 12px;
}
.pp-menu {
gap:
9px 14px;
}
.pp-menu > a,
.pp-services-link {
font-size: 12px;
}
.pp-arrow {
font-size: 12px;
margin-left: 3px;
}
.pp-phone a,
.pp-cta a {
padding:
10px 15px;
font-size: 10px;
}
.pp-dropdown {
width:
92vw;
}
.pp-dropdown-link {
font-size: 11px;
padding:
12px 12px;
}
.pp-submenu a {
font-size: 10px;
padding:
9px 11px;
}
}
/* =========================================================
ACCESSIBILITY
========================================================= */
@media (prefers-reduced-motion: reduce) {
.pp-dropdown,
.pp-submenu,
.pp-dropdown-link,
.pp-submenu a,
.pp-logo img,
.pp-phone a,
.pp-cta a,
.phone-icon,
.phone-icon::before,
.phone-icon::after {
animation: none !important;
transition: none !important;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ec1d8f9 *//* =========================================
MOBILE / TABLET HEADER
FINAL TRANSPARENT VERSION
========================================= */
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header {
display: none;
width: 100%;
position: relative;
z-index: 99999;
font-family: Arial, Helvetica, sans-serif;
background: transparent !important;
}
/* =========================================
TOP ROW
========================================= */
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header .mth-top-row {
width: 100%;
min-height: 78px;
padding: 12px 20px;
display: flex;
align-items: center;
justify-content: space-between;
background: transparent !important;
box-sizing: border-box;
}
/* =========================================
LOGO
========================================= */
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header .mth-logo {
display: flex;
align-items: center;
text-decoration: none;
background: transparent !important;
}
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header .mth-logo img {
display: block;
width: auto;
max-width: 180px;
max-height: 55px;
object-fit: contain;
}
/* =========================================
TOGGLE BUTTON
WHITE 3 LINES ONLY
========================================= */
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header .mth-toggle {
width: 48px;
height: 44px;
margin: 0;
padding: 0;
border: none !important;
outline: none !important;
background: transparent !important;
box-shadow: none !important;
display: flex;
flex-direction: column;
align-items: flex-end;
justify-content: center;
gap: 6px;
cursor: pointer;
box-sizing: border-box;
}
/* TOGGLE LINES */
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header .mth-toggle span {
display: block;
height: 2px;
margin: 0;
padding: 0;
background: #ffffff !important;
border: none !important;
transition: all 0.3s ease;
}
/* STYLISH DIFFERENT WIDTHS */
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header .mth-toggle span:nth-child(1) {
width: 27px;
}
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header .mth-toggle span:nth-child(2) {
width: 21px;
}
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header .mth-toggle span:nth-child(3) {
width: 27px;
}
/* TOGGLE HOVER */
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header .mth-toggle:hover {
background: transparent !important;
border: none !important;
box-shadow: none !important;
}
/* =========================================
TOGGLE → X
========================================= */
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header .mth-toggle.active {
align-items: center;
}
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header .mth-toggle.active span {
width: 27px;
}
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header .mth-toggle.active span:nth-child(1) {
transform: translateY(8px) rotate(45deg);
}
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header .mth-toggle.active span:nth-child(2) {
opacity: 0;
}
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header .mth-toggle.active span:nth-child(3) {
transform: translateY(-8px) rotate(-45deg);
}
/* =========================================
SECOND ROW
========================================= */
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header .mth-action-row {
width: 100%;
display: flex;
align-items: stretch;
gap: 10px;
padding: 10px 20px 14px;
background: transparent !important;
box-sizing: border-box;
}
/* =========================================
PHONE + CHAT BUTTONS
SOLID RED
========================================= */
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header .mth-action-btn {
flex: 1;
min-height: 48px;
display: flex;
align-items: center;
justify-content: center;
gap: 9px;
padding: 8px 12px;
margin: 0;
color: #ffffff !important;
background: #e31e24 !important;
border: 1.5px solid #e31e24 !important;
border-radius: 5px;
text-decoration: none;
font-size: 13px;
font-weight: 600;
line-height: 1.2;
box-sizing: border-box;
transition: all 0.3s ease;
}
/* BUTTON HOVER */
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header .mth-action-btn:hover {
background: #c9161c !important;
border-color: #c9161c !important;
color: #ffffff !important;
}
/* =========================================
ACTION ICON
========================================= */
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header .mth-action-icon {
width: 25px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header .mth-action-icon i {
font-size: 16px;
line-height: 1;
color: #ffffff !important;
}
/* =========================================
PHONE / CHAT BUZZ ANIMATION
========================================= */
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header .mth-phone-icon i,
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header .mth-chat-icon i {
animation: mthMobileBuzz 1.3s infinite;
transform-origin: center;
}
@keyframes mthMobileBuzz {
0% {
transform: rotate(0deg);
}
10% {
transform: rotate(-18deg);
}
20% {
transform: rotate(18deg);
}
30% {
transform: rotate(-15deg);
}
40% {
transform: rotate(15deg);
}
50% {
transform: rotate(-8deg);
}
60% {
transform: rotate(8deg);
}
70% {
transform: rotate(0deg);
}
100% {
transform: rotate(0deg);
}
}
/* =========================================
MAIN MENU
========================================= */
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header .mth-menu {
position: absolute;
top: 100%;
left: 0;
width: 100%;
margin: 0;
padding: 0;
background: #071a35 !important;
max-height: 0;
overflow: hidden;
opacity: 0;
visibility: hidden;
transform: translateY(-8px);
transition:
max-height 0.4s ease,
opacity 0.25s ease,
transform 0.25s ease,
visibility 0.25s ease;
box-shadow: 0 12px 30px rgba(0,0,0,0.20);
box-sizing: border-box;
}
/* MENU OPEN */
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header .mth-menu.active {
max-height: calc(100vh - 120px);
overflow-y: auto;
opacity: 1;
visibility: visible;
transform: translateY(0);
}
/* =========================================
MENU UL RESET
========================================= */
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header .mth-menu ul {
list-style: none;
margin: 0;
padding: 0;
}
/* =========================================
MAIN MENU ITEMS
========================================= */
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header .mth-main-menu > li {
display: block;
width: 100%;
margin: 0;
padding: 0;
border-bottom: 1px solid rgba(255,255,255,0.10);
}
/* =========================================
MENU LINKS
========================================= */
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header .mth-menu a {
display: block;
width: auto;
margin: 0;
padding: 16px 20px;
color: #ffffff !important;
background: transparent !important;
text-decoration: none;
font-size: 15px;
font-weight: 500;
line-height: 1.3;
transition: all 0.25s ease;
box-sizing: border-box;
}
/* MENU HOVER */
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header .mth-menu a:hover {
color: #e31e24 !important;
background: rgba(255,255,255,0.04) !important;
padding-left: 27px;
}
/* =========================================
MENU LINK + ARROW
========================================= */
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header .mth-menu-link {
width: 100%;
display: flex;
align-items: center;
margin: 0;
padding: 0;
}
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header .mth-menu-link > a {
flex: 1;
}
/* =========================================
SUBMENU ARROW
========================================= */
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header .mth-submenu-toggle {
width: 52px;
height: 52px;
flex: 0 0 52px;
margin: 0;
padding: 0;
border: none !important;
background: transparent !important;
color: #ffffff !important;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
box-sizing: border-box;
box-shadow: none !important;
}
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header .mth-submenu-toggle i {
font-size: 12px;
color: #ffffff !important;
transition: transform 0.3s ease;
}
/* ARROW HOVER */
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header .mth-submenu-toggle:hover {
color: #e31e24 !important;
background: transparent !important;
}
/* =========================================
ARROW OPEN
========================================= */
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header
.mth-has-submenu.open
> .mth-menu-link
> .mth-submenu-toggle
i {
transform: rotate(180deg);
color: #e31e24 !important;
}
/* =========================================
SUBMENU
========================================= */
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header .mth-submenu {
width: 100%;
max-height: 0;
overflow: hidden;
margin: 0;
padding: 0;
background: #0b2344 !important;
transition: max-height 0.4s ease;
}
/* SUBMENU OPEN */
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header
.mth-has-submenu.open
> .mth-submenu {
max-height: 1200px;
}
/* =========================================
FIRST LEVEL SUBMENU
========================================= */
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header
.mth-main-menu
> li
> .mth-submenu
> li {
border-top: 1px solid rgba(255,255,255,0.06);
}
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header
.mth-main-menu
> li
> .mth-submenu
> li
> .mth-menu-link
> a {
padding-left: 35px;
font-size: 14px;
}
/* =========================================
SECOND LEVEL SUBMENU
========================================= */
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header
.mth-main-menu
> li
> .mth-submenu
> li
> .mth-submenu {
background: #0e2c50 !important;
}
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header
.mth-main-menu
> li
> .mth-submenu
> li
> .mth-submenu
a {
padding-left: 50px;
font-size: 13px;
color: rgba(255,255,255,0.90) !important;
}
/* SECOND LEVEL HOVER */
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header
.mth-main-menu
> li
> .mth-submenu
> li
> .mth-submenu
a:hover {
color: #e31e24 !important;
background: rgba(255,255,255,0.04) !important;
}
/* =========================================
MENU SCROLLBAR
========================================= */
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header
.mth-menu::-webkit-scrollbar {
width: 5px;
}
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header
.mth-menu::-webkit-scrollbar-track {
background: #071a35;
}
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header
.mth-menu::-webkit-scrollbar-thumb {
background: #e31e24;
border-radius: 10px;
}
/* =========================================
TABLET
========================================= */
@media (min-width: 768px) and (max-width: 1024px) {
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header {
display: block;
}
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header .mth-top-row {
min-height: 88px;
padding: 14px 30px;
background: transparent !important;
}
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header .mth-logo img {
max-width: 210px;
max-height: 60px;
}
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header .mth-toggle {
width: 52px;
height: 48px;
}
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header .mth-action-row {
padding: 10px 30px 16px;
background: transparent !important;
}
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header .mth-action-btn {
min-height: 52px;
font-size: 14px;
}
}
/* =========================================
MOBILE
========================================= */
@media (max-width: 767px) {
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header {
display: block;
}
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header .mth-top-row {
min-height: 70px;
padding: 10px 15px;
background: transparent !important;
}
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header .mth-logo img {
max-width: 145px;
max-height: 48px;
}
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header .mth-toggle {
width: 44px;
height: 40px;
}
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header .mth-action-row {
gap: 7px;
padding: 8px 15px 12px;
background: transparent !important;
}
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header .mth-action-btn {
min-height: 45px;
padding: 7px 8px;
gap: 6px;
font-size: 11px;
white-space: nowrap;
background: #e31e24 !important;
color: #ffffff !important;
}
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header .mth-action-btn:hover {
background: #c9161c !important;
color: #ffffff !important;
}
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header .mth-action-icon {
width: 21px;
height: 21px;
}
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header .mth-action-icon i {
font-size: 14px;
color: #ffffff !important;
}
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header .mth-menu a {
padding: 14px 15px;
font-size: 14px;
}
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header .mth-menu a:hover {
padding-left: 21px;
}
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header
.mth-main-menu
> li
> .mth-submenu
> li
> .mth-menu-link
> a {
padding-left: 28px;
}
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header
.mth-main-menu
> li
> .mth-submenu
> li
> .mth-submenu
a {
padding-left: 42px;
font-size: 12.5px;
}
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header .mth-submenu-toggle {
width: 45px;
height: 48px;
flex-basis: 45px;
}
}
/* =========================================
VERY SMALL MOBILE
========================================= */
@media (max-width: 380px) {
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header .mth-action-btn {
font-size: 10px;
padding-left: 5px;
padding-right: 5px;
}
.elementor-14 .elementor-element.elementor-element-ec1d8f9 .mth-mobile-header .mth-logo img {
max-width: 125px;
}
}/* End custom CSS */