body.lpg-cerceve .mainHeader {
background: #fff;
}
body.lpg-cerceve .topBarInLogoAreaCell {
display: flex;
align-items: center;
gap: 22px;
}
body.lpg-cerceve .lpg-ust-telefon {
display: inline-flex;
align-items: center;
gap: 12px;
color: #0d1722;
text-decoration: none;
}
body.lpg-cerceve .lpg-ust-telefon__ikon {
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
border-radius: 50%;
background: #eef3f8;
color: #0072bc;
}
body.lpg-cerceve .lpg-ust-telefon__ikon svg {
width: 18px;
height: 18px;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
body.lpg-cerceve .lpg-ust-telefon__metin {
display: flex;
flex-direction: column;
gap: 3px;
line-height: 1.1;
text-align: left;
}
body.lpg-cerceve .lpg-ust-telefon__metin span {
font-family: 'Archivo', 'Montserrat', Arial, sans-serif;
font-size: 11px;
letter-spacing: 0.1em;
text-transform: uppercase;
color: #4f5d6d;
}
body.lpg-cerceve .lpg-ust-telefon__metin strong {
font-family: 'JetBrains Mono', ui-monospace, Menlo, Consolas, monospace;
font-size: 16px;
font-weight: 600;
color: #0d1722;
} body.lpg-cerceve .topBarInLogoArea .btIconWidget {
display: inline-flex;
align-items: center;
gap: 12px;
padding: 8px 22px 8px 8px;
border-radius: 50px;
background: #0072bc;
text-decoration: none;
transition: background-color 0.15s;
}
body.lpg-cerceve .topBarInLogoArea .btIconWidget:hover {
background: #005e9b;
}
body.lpg-cerceve .topBarInLogoArea .btIconWidgetIcon .btIcoHolder {
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 50%;
background: #fff;
}
body.lpg-cerceve .topBarInLogoArea .btIconWidgetIcon .btIcoHolder::before {
color: #0072bc;
font-size: 17px;
line-height: 1;
}
body.lpg-cerceve .topBarInLogoArea .btIconWidgetContent {
display: flex;
flex-direction: column;
gap: 2px;
line-height: 1.1;
text-align: left;
}
body.lpg-cerceve .topBarInLogoArea .btIconWidgetTitle {
font-family: 'Archivo', 'Montserrat', Arial, sans-serif;
font-size: 10.5px;
font-weight: 500;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #d6eaf8;
}
body.lpg-cerceve .topBarInLogoArea .btIconWidgetText {
font-family: 'Archivo', 'Montserrat', Arial, sans-serif;
font-size: 15px;
font-weight: 700;
color: #fff;
} body.lpg-cerceve.btMenuHorizontal .mainHeader .btBelowLogoArea,
body.lpg-cerceve.btMenuHorizontal .mainHeader .btBelowLogoArea::before,
body.lpg-cerceve.btMenuHorizontal .mainHeader .topBar,
body.lpg-cerceve.btMenuHorizontal .mainHeader .topBar::before {
background-color: #0d1722 !important;
}
@media (min-width: 1025px) {
body.lpg-cerceve.btMenuHorizontal .mainHeader .btBelowLogoArea .menuPort > nav > ul > li > a {
font-family: 'Archivo', 'Montserrat', Arial, sans-serif;
font-size: 14.5px;
font-weight: 600;
color: #c7d3df;
}
body.lpg-cerceve.btMenuHorizontal .mainHeader .btBelowLogoArea .menuPort > nav > ul > li > a:hover,
body.lpg-cerceve.btMenuHorizontal .mainHeader .btBelowLogoArea .menuPort > nav > ul > li.current-menu-item > a,
body.lpg-cerceve.btMenuHorizontal .mainHeader .btBelowLogoArea .menuPort > nav > ul > li.current-menu-ancestor > a {
color: #fff;
}
body.lpg-cerceve .topBarInMenu .btIcoHolder,
body.lpg-cerceve .topBarInMenu .btIcoHolder::before {
color: #c7d3df;
}
body.lpg-cerceve .topBarInMenu a:hover .btIcoHolder::before {
color: #fff;
}
}
@media (max-width: 1100px) {
body.lpg-cerceve .lpg-ust-telefon {
display: none;
}
} body.lpg-cerceve .lpg-alt {
background: #0d1722;
color: #b9c6d4;
font-family: 'Archivo', 'Roboto', Arial, sans-serif;
font-size: 14.5px;
line-height: 1.6;
}
body.lpg-cerceve .lpg-alt a {
color: #b9c6d4;
text-decoration: none;
}
body.lpg-cerceve .lpg-alt a:hover {
color: #fff;
}
body.lpg-cerceve .lpg-alt a:focus-visible {
outline: 3px solid #f2a516;
outline-offset: 2px;
}
body.lpg-cerceve .lpg-alt p,
body.lpg-cerceve .lpg-alt ul,
body.lpg-cerceve .lpg-alt dl,
body.lpg-cerceve .lpg-alt dd,
body.lpg-cerceve .lpg-alt h3 {
margin: 0;
padding: 0;
}
body.lpg-cerceve .lpg-alt ul {
list-style: none;
}
body.lpg-cerceve .lpg-alt svg {
width: 16px;
height: 16px;
flex: 0 0 auto;
fill: none;
stroke: currentColor;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
body.lpg-cerceve .lpg-alt__izgara {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 40px;
max-width: 1280px;
margin: 0 auto;
padding: 72px clamp(20px, 4vw, 40px) 44px;
}
body.lpg-cerceve .lpg-alt__sutun {
display: flex;
flex-direction: column;
gap: 14px;
min-width: 0;
} body.lpg-cerceve .lpg-alt .lpg-alt__logo {
display: inline-block;
align-self: flex-start;
line-height: 0;
}
body.lpg-cerceve .lpg-alt .lpg-alt__logo img {
display: block;
width: 220px;
max-width: 100%;
height: auto;
}
body.lpg-cerceve .lpg-alt__baslik {
font-family: 'Archivo', 'Montserrat', Arial, sans-serif;
font-size: 15px;
font-weight: 700;
line-height: 1.35;
color: #fff;
text-transform: none;
}
body.lpg-cerceve .lpg-alt .lpg-alt__mono {
font-family: 'JetBrains Mono', ui-monospace, Menlo, Consolas, monospace;
color: #fff;
}
body.lpg-cerceve .lpg-alt__iletisim {
display: flex;
flex-direction: column;
gap: 4px;
}
body.lpg-cerceve .lpg-alt__butonlar,
body.lpg-cerceve .lpg-alt__sosyal {
display: flex;
flex-wrap: wrap;
gap: 8px;
}
body.lpg-cerceve .lpg-alt .lpg-alt__buton {
display: inline-flex;
align-self: flex-start;
align-items: center;
gap: 6px;
min-height: 42px;
padding: 0 16px;
border: 1px solid #34506e;
border-radius: 50px;
font-size: 13.5px;
font-weight: 600;
color: #fff;
}
body.lpg-cerceve .lpg-alt .lpg-alt__buton:hover {
border-color: #fff;
}
body.lpg-cerceve .lpg-alt .lpg-alt__buton--mavi {
border-color: #0072bc;
background: #0072bc;
}
body.lpg-cerceve .lpg-alt .lpg-alt__buton--mavi:hover {
border-color: #005e9b;
background: #005e9b;
}
body.lpg-cerceve .lpg-alt__rozet {
min-height: 40px;
padding-top: 4px;
}
body.lpg-cerceve .lpg-alt__subeler {
display: grid;
grid-template-columns: auto 1fr;
gap: 8px 16px;
font-size: 14px;
}
body.lpg-cerceve .lpg-alt__subeler dt {
font-weight: 400;
}
body.lpg-cerceve .lpg-alt__liste {
display: flex;
flex-direction: column;
gap: 10px;
font-size: 14px;
}
body.lpg-cerceve .lpg-alt__sosyal a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 50%;
background: #1b2d42;
color: #fff;
}
body.lpg-cerceve .lpg-alt__sosyal a:hover {
background: #0072bc;
}
body.lpg-cerceve .lpg-alt__sosyal svg {
width: 18px;
height: 18px;
}
body.lpg-cerceve .lpg-alt__alt {
border-top: 1px solid #24384f;
}
body.lpg-cerceve .lpg-alt__alt-ic {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 12px 24px;
max-width: 1280px;
margin: 0 auto;
padding: 22px clamp(20px, 4vw, 40px);
font-size: 13px;
color: #8fa3b8;
}
body.lpg-cerceve .lpg-alt__menu ul {
display: flex;
flex-wrap: wrap;
gap: 6px 18px;
}
body.lpg-cerceve .lpg-alt__menu li {
margin: 0;
padding: 0;
}
@media (max-width: 1024px) {
body.lpg-cerceve .lpg-alt__izgara {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 600px) {
body.lpg-cerceve .lpg-alt__izgara {
grid-template-columns: minmax(0, 1fr);
gap: 32px;
padding-top: 52px;
}
}
@media (prefers-reduced-motion: reduce) {
body.lpg-cerceve .topBarInLogoArea .btIconWidget {
transition: none;
}
}