.site-header {
background: linear-gradient(135deg, #0f172a 0%, #020617 100%) !important;
box-shadow: 0 4px 20px rgba(0,0,0,0.4);
padding: 0;
position: relative;
z-index: 9999;
} .site-header .site-header-upper-wrap,
.site-header .site-header-upper-inner-wrap,
.site-header .site-main-header-wrap,
.site-header .site-header-row-container {
padding: 0 !important;
margin: 0 !important;
} .site-header .site-header-row-container-inner .site-container {
max-width: 100% !important;
width: 100% !important;
margin: 0 !important;
padding: 4px 18px 2px 32px;
} .site-header .site-branding {
display: flex;
align-items: center;
gap: 8px;
}
.site-header .custom-logo {
max-height: 60px;
width: auto !important;
height: auto !important;
object-fit: contain;
}
.site-header .custom-logo-link {
display: flex;
align-items: center;
} .site-header .site-title,
.site-header .site-title a {
font-weight: 600;
letter-spacing: 0.5px;
color: #f8fafc !important;
line-height: 1.1;
} .site-header .site-description {
font-size: 10px;
line-height: 1.05;
margin: 0;
color: rgba(241, 245, 249, 0.7) !important;
} .site-header .site-header-main-section-right {
margin-left: auto;
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 2px; } .site-header .header-button {
padding: 6px 14px !important;
font-size: 12px !important;
line-height: 1;
margin-top: 2px;
} .site-header .gtranslate_wrapper {
display: flex;
gap: 2px;
margin: 0 !important;
padding: 0 !important;
line-height: 1;
} .site-header .header-html-inner p {
margin: 0 !important;
padding: 0 !important;
} .site-header .header-html {
margin: 0 !important;
padding: 0 !important;
}
.site-header .gtranslate_wrapper img {
width: 13px;
display: block;
}
.site-header .gtranslate_wrapper img {
width: 14px;
} .site-header .main-navigation ul {
display: flex;
gap: 10px;
margin: 1px 0 0 0;
}
.site-header .main-navigation a {
font-size: 13px;
color: #e2e8f0 !important;
line-height: 1.1;
} .site-header #account-navigation {
font-size: 11px;
padding-right: 10px; margin-top: 2px;
color: rgba(241,245,249,0.7);
} @media (min-width: 769px) and (max-width: 1024px) {
.site-bottom-header-inner-wrap {
display: flex !important;
justify-content: center !important;
}
.site-header-bottom-section-center {
display: flex !important;
flex-direction: column;
align-items: center !important;
justify-content: center !important;
text-align: center;
width: 100%;
}
.site-header-bottom-section-center > .site-header-item {
width: auto; display: block; text-align: center;
} .mobile-branding {
margin: 6px 0;
display: flex;
flex-direction: column;
align-items: center; text-align: center; }
.mobile-branding-title {
text-align: center; font-size: 18px;
}
.mobile-branding-desc {
font-size: 12px;
} .mobile-header-button-wrap {
display: flex !important;
justify-content: center !important;
width: 100%;
}
.mobile-header-button {
margin: 0 auto !important;
display: inline-block;
}
#mobile-header .site-header-bottom-section-center .site-header-item {
width: 100%;
text-align: center;
}
.mobile-branding-title {
font-size: 18px;
font-weight: 600;
color: #f8fafc;
text-align: center;
}
.mobile-branding-desc {
font-size: 12px;
color: rgba(241,245,249,0.7);
text-align: center;
}
.mobile-header-button-wrap {
display: flex;
justify-content: center;
}
} @media (max-width: 768px) {
#mobile-header .site-header-bottom-section-center {
display: flex !important;
flex-direction: column;
align-items: center !important;
justify-content: center !important;
text-align: center;
width: 100%;
gap: 6px;
}
#mobile-header .site-header-bottom-section-center .site-header-item {
width: 100%;
display: block;
text-align: center;
} .mobile-header-button-wrap {
display: flex !important;
justify-content: center !important;
align-items: center;
width: 100%;
}
.mobile-header-button {
display: inline-flex !important;
justify-content: center;
align-items: center;
margin: 0 auto !important;
}
.mobile-branding-title {
font-size: 15px;
font-weight: 600;
color: #f8fafc;
text-align: center;
}
.mobile-branding-desc {
font-size: 10px;
color: rgba(241,245,249,0.7);
text-align: center;
}
}
.footer-navigation .menu {
display: flex;
gap: 20px;
justify-content: center;
padding: 0;
margin: 0;
list-style: none;
}
.kadence-logo {
display: block;
margin: 0 auto;
}
@media (max-width: 768px) {
.site-footer-middle-section-1 {
gap: 15px;
}
.footer-navigation .menu {
flex-direction: column;
gap: 10px;
}
} .site-footer {
padding: 40px 20px;
background: linear-gradient(135deg, #020617 0%, #0f172a 100%);
} .site-footer p,
.site-footer a {
color: rgba(255,255,255,0.8);
}
.site-footer a:hover {
color: #fff;
}
.site-middle-footer-inner-wrap {
display: flex;
justify-content: center;
}
.site-footer-middle-section-1 {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 20px; } .site-footer-middle-section-1 p {
margin: 0;
}