@charset "UTF-8";
 html,
body {
width: 100%;
}
*,
*::before,
*::after {
box-sizing: border-box;
}
body {
margin: 0;
padding: 0;
overflow-x: hidden;
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
:focus {
outline: none;
}
:focus-visible {
outline: 2px solid rgb(218, 184, 121);
outline-offset: 3px;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
ul[class],
ol[class] {
margin: 0;
padding: 0;
list-style: none;
}
input:invalid {
border-color: #dc3545;
}
@media (min-width: 1400px) {
.container {
max-width: 1380px;
}
.container-wide {
max-width: min(1800px, 100% - 80px);
}
}
.mt0 {
margin-top: 0px !important;
}
.pt0 {
padding-top: 0px !important;
}
.mb0 {
margin-bottom: 0px !important;
}
.pb0 {
padding-bottom: 0px !important;
}
.ml0 {
margin-left: 0px !important;
}
.pl0 {
padding-left: 0px !important;
}
.mr0 {
margin-right: 0px !important;
}
.pr0 {
padding-right: 0px !important;
}
.mt5 {
margin-top: 5px !important;
}
.pt5 {
padding-top: 5px !important;
}
.mb5 {
margin-bottom: 5px !important;
}
.pb5 {
padding-bottom: 5px !important;
}
.ml5 {
margin-left: 5px !important;
}
.pl5 {
padding-left: 5px !important;
}
.mr5 {
margin-right: 5px !important;
}
.pr5 {
padding-right: 5px !important;
}
.mt10 {
margin-top: 10px !important;
}
.pt10 {
padding-top: 10px !important;
}
.mb10 {
margin-bottom: 10px !important;
}
.pb10 {
padding-bottom: 10px !important;
}
.ml10 {
margin-left: 10px !important;
}
.pl10 {
padding-left: 10px !important;
}
.mr10 {
margin-right: 10px !important;
}
.pr10 {
padding-right: 10px !important;
}
.mt15 {
margin-top: 15px !important;
}
.pt15 {
padding-top: 15px !important;
}
.mb15 {
margin-bottom: 15px !important;
}
.pb15 {
padding-bottom: 15px !important;
}
.ml15 {
margin-left: 15px !important;
}
.pl15 {
padding-left: 15px !important;
}
.mr15 {
margin-right: 15px !important;
}
.pr15 {
padding-right: 15px !important;
}
.mt20 {
margin-top: 20px !important;
}
.pt20 {
padding-top: 20px !important;
}
.mb20 {
margin-bottom: 20px !important;
}
.pb20 {
padding-bottom: 20px !important;
}
.ml20 {
margin-left: 20px !important;
}
.pl20 {
padding-left: 20px !important;
}
.mr20 {
margin-right: 20px !important;
}
.pr20 {
padding-right: 20px !important;
}
.mt25 {
margin-top: 25px !important;
}
.pt25 {
padding-top: 25px !important;
}
.mb25 {
margin-bottom: 25px !important;
}
.pb25 {
padding-bottom: 25px !important;
}
.ml25 {
margin-left: 25px !important;
}
.pl25 {
padding-left: 25px !important;
}
.mr25 {
margin-right: 25px !important;
}
.pr25 {
padding-right: 25px !important;
}
.mt30 {
margin-top: 30px !important;
}
.pt30 {
padding-top: 30px !important;
}
.mb30 {
margin-bottom: 30px !important;
}
.pb30 {
padding-bottom: 30px !important;
}
.ml30 {
margin-left: 30px !important;
}
.pl30 {
padding-left: 30px !important;
}
.mr30 {
margin-right: 30px !important;
}
.pr30 {
padding-right: 30px !important;
}
.mt35 {
margin-top: 35px !important;
}
.pt35 {
padding-top: 35px !important;
}
.mb35 {
margin-bottom: 35px !important;
}
.pb35 {
padding-bottom: 35px !important;
}
.ml35 {
margin-left: 35px !important;
}
.pl35 {
padding-left: 35px !important;
}
.mr35 {
margin-right: 35px !important;
}
.pr35 {
padding-right: 35px !important;
}
.mt40 {
margin-top: 40px !important;
}
.pt40 {
padding-top: 40px !important;
}
.mb40 {
margin-bottom: 40px !important;
}
.pb40 {
padding-bottom: 40px !important;
}
.ml40 {
margin-left: 40px !important;
}
.pl40 {
padding-left: 40px !important;
}
.mr40 {
margin-right: 40px !important;
}
.pr40 {
padding-right: 40px !important;
}
.mt45 {
margin-top: 45px !important;
}
.pt45 {
padding-top: 45px !important;
}
.mb45 {
margin-bottom: 45px !important;
}
.pb45 {
padding-bottom: 45px !important;
}
.ml45 {
margin-left: 45px !important;
}
.pl45 {
padding-left: 45px !important;
}
.mr45 {
margin-right: 45px !important;
}
.pr45 {
padding-right: 45px !important;
}
.mt50 {
margin-top: 50px !important;
}
.pt50 {
padding-top: 50px !important;
}
.mb50 {
margin-bottom: 50px !important;
}
.pb50 {
padding-bottom: 50px !important;
}
.ml50 {
margin-left: 50px !important;
}
.pl50 {
padding-left: 50px !important;
}
.mr50 {
margin-right: 50px !important;
}
.pr50 {
padding-right: 50px !important;
}
.mt55 {
margin-top: 55px !important;
}
.pt55 {
padding-top: 55px !important;
}
.mb55 {
margin-bottom: 55px !important;
}
.pb55 {
padding-bottom: 55px !important;
}
.ml55 {
margin-left: 55px !important;
}
.pl55 {
padding-left: 55px !important;
}
.mr55 {
margin-right: 55px !important;
}
.pr55 {
padding-right: 55px !important;
}
.mt60 {
margin-top: 60px !important;
}
.pt60 {
padding-top: 60px !important;
}
.mb60 {
margin-bottom: 60px !important;
}
.pb60 {
padding-bottom: 60px !important;
}
.ml60 {
margin-left: 60px !important;
}
.pl60 {
padding-left: 60px !important;
}
.mr60 {
margin-right: 60px !important;
}
.pr60 {
padding-right: 60px !important;
}
.mt65 {
margin-top: 65px !important;
}
.pt65 {
padding-top: 65px !important;
}
.mb65 {
margin-bottom: 65px !important;
}
.pb65 {
padding-bottom: 65px !important;
}
.ml65 {
margin-left: 65px !important;
}
.pl65 {
padding-left: 65px !important;
}
.mr65 {
margin-right: 65px !important;
}
.pr65 {
padding-right: 65px !important;
}
.mt70 {
margin-top: 70px !important;
}
.pt70 {
padding-top: 70px !important;
}
.mb70 {
margin-bottom: 70px !important;
}
.pb70 {
padding-bottom: 70px !important;
}
.ml70 {
margin-left: 70px !important;
}
.pl70 {
padding-left: 70px !important;
}
.mr70 {
margin-right: 70px !important;
}
.pr70 {
padding-right: 70px !important;
}
.mt75 {
margin-top: 75px !important;
}
.pt75 {
padding-top: 75px !important;
}
.mb75 {
margin-bottom: 75px !important;
}
.pb75 {
padding-bottom: 75px !important;
}
.ml75 {
margin-left: 75px !important;
}
.pl75 {
padding-left: 75px !important;
}
.mr75 {
margin-right: 75px !important;
}
.pr75 {
padding-right: 75px !important;
}
.mt80 {
margin-top: 80px !important;
}
.pt80 {
padding-top: 80px !important;
}
.mb80 {
margin-bottom: 80px !important;
}
.pb80 {
padding-bottom: 80px !important;
}
.ml80 {
margin-left: 80px !important;
}
.pl80 {
padding-left: 80px !important;
}
.mr80 {
margin-right: 80px !important;
}
.pr80 {
padding-right: 80px !important;
}
.mt85 {
margin-top: 85px !important;
}
.pt85 {
padding-top: 85px !important;
}
.mb85 {
margin-bottom: 85px !important;
}
.pb85 {
padding-bottom: 85px !important;
}
.ml85 {
margin-left: 85px !important;
}
.pl85 {
padding-left: 85px !important;
}
.mr85 {
margin-right: 85px !important;
}
.pr85 {
padding-right: 85px !important;
}
.mt90 {
margin-top: 90px !important;
}
.pt90 {
padding-top: 90px !important;
}
.mb90 {
margin-bottom: 90px !important;
}
.pb90 {
padding-bottom: 90px !important;
}
.ml90 {
margin-left: 90px !important;
}
.pl90 {
padding-left: 90px !important;
}
.mr90 {
margin-right: 90px !important;
}
.pr90 {
padding-right: 90px !important;
}
.mt95 {
margin-top: 95px !important;
}
.pt95 {
padding-top: 95px !important;
}
.mb95 {
margin-bottom: 95px !important;
}
.pb95 {
padding-bottom: 95px !important;
}
.ml95 {
margin-left: 95px !important;
}
.pl95 {
padding-left: 95px !important;
}
.mr95 {
margin-right: 95px !important;
}
.pr95 {
padding-right: 95px !important;
}
.mt100 {
margin-top: 100px !important;
}
.pt100 {
padding-top: 100px !important;
}
.mb100 {
margin-bottom: 100px !important;
}
.pb100 {
padding-bottom: 100px !important;
}
.ml100 {
margin-left: 100px !important;
}
.pl100 {
padding-left: 100px !important;
}
.mr100 {
margin-right: 100px !important;
}
.pr100 {
padding-right: 100px !important;
}
.btn-1,
.btn-2,
.btn-3 {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 44px;
padding: 12px 24px;
border: 1px solid transparent;
border-radius: 8px;
font-size: 14px;
font-weight: 600;
line-height: 1.2;
text-align: center;
cursor: pointer;
transition: all 150ms ease-in-out;
}
.btn-1:focus-visible,
.btn-2:focus-visible,
.btn-3:focus-visible {
outline: 2px solid rgb(218, 184, 121);
outline-offset: 3px;
}
.btn-1:disabled, .btn-1.disabled,
.btn-2:disabled,
.btn-2.disabled,
.btn-3:disabled,
.btn-3.disabled {
opacity: 0.65;
pointer-events: none;
}
.btn-1 {
background-color: rgb(218, 184, 121);
border-color: rgb(218, 184, 121);
color: #ffffff;
}
.btn-1:hover, .btn-1:focus-visible {
background-color: #ae9361;
border-color: #ae9361;
color: #ffffff;
}
.btn-2 {
background-color: rgb(28, 31, 32);
border-color: rgb(28, 31, 32);
color: #ffffff;
}
.btn-2:hover, .btn-2:focus-visible {
background-color: #16191a;
border-color: #16191a;
color: #ffffff;
}
.btn-3 {
background-color: #121c34;
border-color: #121c34;
color: #ffffff;
}
.btn-3:hover, .btn-3:focus-visible {
background-color: #0e162a;
border-color: #0e162a;
color: #ffffff;
}
.banner {
position: relative;
isolation: isolate;
overflow: hidden;
background-color: rgb(218, 184, 121);
}
.banner .text {
position: relative;
z-index: 1;
display: flex;
align-items: center;
min-height: 180px;
padding: 44px 0;
}
@media (max-width: 1199px) {
.banner .text {
min-height: 165px;
padding-top: 38px;
padding-bottom: 38px;
}
}
@media (max-width: 767px) {
.banner .text {
min-height: 140px;
padding-top: 34px;
padding-bottom: 34px;
padding-left: 0;
padding-right: 0;
}
}
.banner .banner-content {
position: relative;
z-index: 2;
max-width: 780px;
}
.banner .banner-content h1 {
margin: 0;
color: #ffffff;
font-size: 48px;
font-weight: 400;
line-height: 1.15;
}
@media (max-width: 991px) {
.banner .banner-content h1 {
font-size: 36px;
}
}
@media (max-width: 767px) {
.banner .banner-content h1 {
font-size: 28px;
}
}
@media (max-width: 320px) {
.banner .banner-content h1 {
font-size: 24px;
}
}
.banner .banner-media {
position: absolute;
top: 50%;
right: -80px;
z-index: 1;
width: min(42vw, 560px);
pointer-events: none;
transform: translateY(-50%);
}
.banner .banner-media img {
display: block;
width: 100%;
height: auto;
opacity: 0.18;
filter: brightness(0);
}
@media (max-width: 991px) {
.banner .banner-media {
right: -120px;
width: min(52vw, 460px);
}
.banner .banner-media img {
opacity: 0.14;
}
}
@media (max-width: 767px) {
.banner .banner-media {
right: -110px;
width: 300px;
}
.banner .banner-media img {
opacity: 0.12;
}
}
.seo-content-section {
background-color: #ffffff;
padding: 40px 0;
}
@media (max-width: 767px) {
.seo-content-section {
padding: 30px 0;
}
}
.seo-content-section .accordion .accordion-item {
border: none;
background-color: #ffffff;
}
.seo-content-section .accordion .accordion-button {
display: flex;
align-items: center;
padding: 15px 0;
background-color: #ffffff;
color: #000000;
font-size: 16px;
font-weight: 600;
border: none;
box-shadow: none;
}
@media (max-width: 767px) {
.seo-content-section .accordion .accordion-button {
padding: 10px 0;
font-size: 14px;
}
}
.seo-content-section .accordion .accordion-button:not(.collapsed) {
background-color: #ffffff;
box-shadow: none;
}
.seo-content-section .accordion .accordion-button:focus {
box-shadow: none;
border: none;
}
.seo-content-section .accordion .accordion-button::after {
flex-shrink: 0;
width: 1rem;
height: 1rem;
margin-left: auto;
content: "";
background-image: url(//bursavipoto.com/wp-content/themes/bursavipoto/assets/icons/angle-down.svg);
background-repeat: no-repeat;
background-size: 1rem;
transition: all 300ms ease-in-out;
}
.seo-content-section .accordion .accordion-button:not(.collapsed)::after {
transform: rotate(180deg);
}
.seo-content-section .accordion .accordion-body {
padding: 30px 25px;
}
@media (max-width: 767px) {
.seo-content-section .accordion .accordion-body {
padding: 25px 20px;
}
}
.seo-content-section .accordion .accordion-body h3 {
font-size: 20px;
margin-bottom: 20px;
}
@media (max-width: 767px) {
.seo-content-section .accordion .accordion-body h3 {
font-size: 18px;
margin-bottom: 15px;
}
}
.seo-content-section .accordion .accordion-body h4 {
font-size: 16px;
margin-top: 25px;
margin-bottom: 12px;
color: rgb(28, 31, 32);
}
@media (max-width: 767px) {
.seo-content-section .accordion .accordion-body h4 {
font-size: 14px;
margin-top: 20px;
}
}
.seo-content-section .accordion .accordion-body h4:first-of-type {
margin-top: 0;
}
.seo-content-section .accordion .accordion-body p {
font-size: 14px;
line-height: 1.8;
color: #494c4d;
margin-bottom: 12px;
}
.seo-content-section .accordion .accordion-body p:last-child {
margin-bottom: 0;
}
.seo-content-section .accordion .accordion-body p strong {
font-weight: 700;
}
.about-section-01 {
background-color: transparent;
padding: 0 0 56px;
}
@media (max-width: 991px) {
.about-section-01 {
padding-bottom: 44px;
}
}
@media (max-width: 767px) {
.about-section-01 {
padding-bottom: 34px;
}
}
.about-section-01 .about-layout {
display: grid;
grid-template-columns: 1fr;
gap: 0;
}
.about-section-01 .about-body {
padding: 48px 0 0 42px;
background-color: transparent;
}
@media (max-width: 991px) {
.about-section-01 .about-body {
padding: 34px 24px 0;
}
}
@media (max-width: 767px) {
.about-section-01 .about-body {
padding-right: 18px;
padding-left: 18px;
}
}
.about-section-01 .about-text {
max-width: 1280px;
padding-right: 42px;
}
@media (max-width: 991px) {
.about-section-01 .about-text {
padding-right: 0;
}
}
.about-section-01 .about-text h2 {
margin: 0 0 8px;
color: rgb(28, 31, 32);
font-size: 36px;
font-weight: 700;
line-height: 1.2;
}
@media (max-width: 991px) {
.about-section-01 .about-text h2 {
font-size: 28px;
}
}
@media (max-width: 767px) {
.about-section-01 .about-text h2 {
font-size: 24px;
}
}
.about-section-01 .about-text h3 {
margin: 0 0 14px;
color: rgb(28, 31, 32);
font-size: 20px;
font-weight: 700;
line-height: 1.3;
}
@media (max-width: 767px) {
.about-section-01 .about-text h3 {
font-size: 18px;
}
}
.about-section-01 .about-text p {
margin: 0;
color: #494c4d;
font-size: 14px;
font-weight: 400;
line-height: 1.8;
}
.about-section-01 .about-values {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 32px;
margin-top: 44px;
padding-right: 42px;
}
@media (max-width: 991px) {
.about-section-01 .about-values {
padding-right: 0;
}
}
@media (max-width: 767px) {
.about-section-01 .about-values {
grid-template-columns: 1fr;
gap: 20px;
margin-top: 28px;
}
}
.about-section-01 .about-values article {
position: relative;
padding-top: 18px;
border-top: 2px solid rgb(218, 184, 121);
}
.about-section-01 .about-values article h3 {
margin: 0 0 8px;
color: rgb(28, 31, 32);
font-size: 18px;
font-weight: 700;
line-height: 1.3;
}
@media (max-width: 767px) {
.about-section-01 .about-values article h3 {
font-size: 16px;
}
}
.about-section-01 .about-values article p {
margin: 0;
color: #494c4d;
font-size: 14px;
font-weight: 400;
line-height: 1.75;
}
.about-section-01 .about-image {
overflow: hidden;
margin: 58px 42px 0 0;
border-radius: 8px;
}
@media (max-width: 1199px) {
.about-section-01 .about-image {
margin-top: 44px;
}
}
@media (max-width: 767px) {
.about-section-01 .about-image {
margin-right: 0;
margin-top: 30px;
}
}
.about-section-01 .about-image img {
display: block;
width: 100%;
aspect-ratio: 16/5.35;
object-fit: cover;
}
@media (max-width: 991px) {
.about-section-01 .about-image img {
aspect-ratio: 16/7;
}
}
@media (max-width: 767px) {
.about-section-01 .about-image img {
aspect-ratio: 4/3;
}
}
.about-section-02 {
padding: 70px 0 80px;
overflow: hidden;
}
@media (max-width: 991px) {
.about-section-02 {
padding: 54px 0 64px;
}
}
@media (max-width: 767px) {
.about-section-02 {
padding: 42px 0 52px;
}
}
.about-section-02 .history-head {
max-width: 720px;
margin-bottom: 54px;
}
@media (max-width: 991px) {
.about-section-02 .history-head {
margin-bottom: 40px;
}
}
.about-section-02 .history-head h2 {
margin: 0 0 12px;
color: rgb(28, 31, 32);
font-size: 36px;
font-weight: 700;
line-height: 1.15;
}
@media (max-width: 767px) {
.about-section-02 .history-head h2 {
font-size: 28px;
}
}
.about-section-02 .history-head p {
margin: 0;
color: #494c4d;
font-size: 14px;
font-weight: 400;
line-height: 1.7;
}
.about-section-02 .history-road {
position: relative;
}
.about-section-02 .history-route {
position: absolute;
inset: 0;
z-index: 1;
width: 100%;
height: 100%;
pointer-events: none;
left: 10px;
object-fit: fill;
}
@media (max-width: 991px) {
.about-section-02 .history-route {
display: none;
}
}
.about-section-02 .history-group {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 50px;
align-items: center;
min-height: 420px;
}
@media (max-width: 1199px) {
.about-section-02 .history-group {
gap: 48px;
}
}
@media (max-width: 991px) {
.about-section-02 .history-group {
grid-template-columns: 1fr;
gap: 34px;
min-height: 0;
}
.about-section-02 .history-group.is-first .history-events::before, .about-section-02 .history-group.is-reverse .history-events::before, .about-section-02 .history-group:last-child .history-events::before {
top: 22px;
bottom: 22px;
}
}
.about-section-02 .history-group.is-reverse .history-events {
order: 2;
}
@media (max-width: 991px) {
.about-section-02 .history-group.is-reverse .history-events {
order: 1;
}
}
.about-section-02 .history-group.is-reverse .history-media {
order: 1;
}
@media (max-width: 991px) {
.about-section-02 .history-group.is-reverse .history-media {
order: 2;
}
}
.about-section-02 .history-group.is-first .history-events::before {
bottom: 22px;
}
.about-section-02 .history-group.is-reverse .history-events::before {
top: 22px;
bottom: 22px;
}
.about-section-02 .history-group:last-child .history-events::before {
top: 22px;
}
@media (max-width: 991px) {
.about-section-02 .history-group.is-first .history-events::before, .about-section-02 .history-group.is-reverse .history-events::before, .about-section-02 .history-group:last-child .history-events::before {
top: 22px;
bottom: 22px;
}
}
.about-section-02 .history-events {
position: relative;
display: grid;
gap: 34px;
}
.about-section-02 .history-events::before {
position: absolute;
top: 22px;
bottom: 22px;
left: 131px;
z-index: 0;
width: 2px;
display: none;
content: "";
background-color: #d2d2d2;
}
@media (max-width: 991px) {
.about-section-02 .history-events::before {
display: block;
}
}
@media (max-width: 767px) {
.about-section-02 .history-events {
gap: 28px;
}
.about-section-02 .history-events::before {
left: 97px;
}
}
.about-section-02 .history-events article {
position: relative;
z-index: 2;
display: grid;
grid-template-columns: 86px 54px minmax(0, 1fr);
gap: 18px;
align-items: start;
}
@media (max-width: 767px) {
.about-section-02 .history-events article {
grid-template-columns: 64px 42px minmax(0, 1fr);
gap: 12px;
}
}
.about-section-02 .history-events article time {
padding-top: 6px;
color: rgb(218, 184, 121);
font-size: 16px;
font-weight: 700;
line-height: 1.2;
}
@media (max-width: 767px) {
.about-section-02 .history-events article time {
font-size: 14px;
}
}
.about-section-02 .history-events article h3 {
margin: 0 0 8px;
color: rgb(28, 31, 32);
font-size: 18px;
font-weight: 700;
line-height: 1.3;
}
@media (max-width: 767px) {
.about-section-02 .history-events article h3 {
font-size: 16px;
}
}
.about-section-02 .history-events article p {
margin: 0;
color: #494c4d;
font-size: 14px;
font-weight: 400;
line-height: 1.65;
}
.about-section-02 .history-marker {
position: relative;
z-index: 3;
width: 54px;
aspect-ratio: 1;
background-color: #ffffff;
border: 2px solid #d2d2d2;
border-radius: 50%;
background-clip: padding-box;
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.05);
}
@media (max-width: 767px) {
.about-section-02 .history-marker {
width: 42px;
}
}
.about-section-02 .history-media {
position: relative;
display: flex;
align-items: center;
justify-content: center;
min-height: 360px;
padding: 26px 0;
}
.about-section-02 .history-media::before {
position: absolute;
right: -8%;
bottom: -3%;
z-index: 0;
width: 44%;
aspect-ratio: 1;
content: "";
background-color: #e8e9e9;
border-radius: 50%;
opacity: 0.7;
}
@media (max-width: 991px) {
.about-section-02 .history-media {
min-height: 320px;
}
}
@media (max-width: 767px) {
.about-section-02 .history-media {
min-height: 250px;
}
}
.about-section-02 .history-media figure {
position: relative;
z-index: 1;
overflow: hidden;
margin: 0;
width: min(100%, 640px);
border-radius: 8px;
box-shadow: 0 24px 48px rgba(0, 0, 0, 0.15);
}
.about-section-02 .history-media figure img {
display: block;
width: 100%;
aspect-ratio: 16/8.6;
object-fit: cover;
}
@media (max-width: 767px) {
.about-section-02 .history-media figure img {
aspect-ratio: 4/3;
}
}
.about-section-02 .history-turn {
display: block;
height: 120px;
}
@media (max-width: 991px) {
.about-section-02 .history-turn {
display: none;
}
}
.team-section {
padding: 80px 0 90px;
background-color: #f4f7f7;
}
@media (max-width: 991px) {
.team-section {
padding: 60px 0 70px;
}
}
@media (max-width: 767px) {
.team-section {
padding: 48px 0 56px;
}
}
.team-section .team-head {
max-width: 640px;
margin-bottom: 52px;
}
@media (max-width: 991px) {
.team-section .team-head {
margin-bottom: 38px;
}
}
.team-section .team-head h2 {
position: relative;
margin: 0 0 16px;
padding-bottom: 20px;
color: rgb(28, 31, 32);
font-size: 36px;
font-weight: 700;
line-height: 1.15;
}
.team-section .team-head h2::after {
position: absolute;
bottom: 0;
left: 0;
width: 52px;
height: 3px;
content: "";
background-color: rgb(218, 184, 121);
border-radius: 9999px;
}
@media (max-width: 767px) {
.team-section .team-head h2 {
font-size: 28px;
}
}
.team-section .team-head p {
margin: 0;
color: #494c4d;
font-size: 16px;
font-weight: 400;
line-height: 1.7;
}
@media (max-width: 767px) {
.team-section .team-head p {
font-size: 14px;
}
}
.team-section .team-card {
overflow: hidden;
background-color: #ffffff;
border-radius: 12px;
box-shadow: 0 8px 28px rgba(0, 0, 0, 0.05);
transition: all 300ms ease-in-out;
}
.team-section .team-card:hover {
box-shadow: 0 16px 44px rgba(0, 0, 0, 0.1);
transform: translateY(-4px);
}
.team-section .team-card:hover .team-photo img {
transform: scale(1.04);
}
.team-section .team-card .team-photo {
position: relative;
overflow: hidden;
aspect-ratio: 4/4.5;
}
.team-section .team-card .team-photo::after {
position: absolute;
inset: 0;
content: "";
background: linear-gradient(to top, rgba(28, 31, 32, 0.2) 0%, transparent 55%);
pointer-events: none;
}
.team-section .team-card .team-photo img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 400ms ease-in-out;
}
.team-section .team-card .team-info {
padding: 22px 24px 24px;
border-top: 3px solid rgb(218, 184, 121);
}
.team-section .team-card .team-info span {
display: block;
margin-bottom: 6px;
color: rgb(218, 184, 121);
font-size: 12px;
font-weight: 700;
line-height: 1.2;
text-transform: uppercase;
}
.team-section .team-card .team-info h3 {
margin: 0 0 10px;
color: rgb(28, 31, 32);
font-size: 18px;
font-weight: 700;
line-height: 1.25;
}
.team-section .team-card .team-info a {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 9px 18px;
color: rgb(28, 31, 32);
background-color: transparent;
border: 1px solid #d2d2d2;
border-radius: 8px;
font-size: 14px;
font-weight: 600;
transition: all 300ms ease-in-out;
}
.team-section .team-card .team-info a:hover, .team-section .team-card .team-info a:focus-visible {
color: #ffffff;
background-color: rgb(28, 31, 32);
border-color: rgb(28, 31, 32);
}
.product-breadcrumb {
padding: 12px 0;
background-color: #ffffff;
border-bottom: 1px solid #d2d2d2;
}
.product-breadcrumb ol {
display: flex;
flex-wrap: nowrap;
align-items: center;
gap: 4px;
margin: 0;
padding: 0;
list-style: none;
overflow-x: auto;
scrollbar-width: none;
}
.product-breadcrumb ol::-webkit-scrollbar {
display: none;
}
.product-breadcrumb li {
display: inline-flex;
align-items: center;
flex-shrink: 0;
color: #77797a;
font-size: 13px;
font-weight: 400;
line-height: 1.4;
white-space: nowrap;
}
.product-breadcrumb li:not(:last-child)::after {
content: "/";
margin: 0 6px;
color: #d2d2d2;
}
.product-breadcrumb li:last-child {
color: rgb(28, 31, 32);
font-weight: 500;
}
.product-breadcrumb a {
color: #77797a;
transition: color all 300ms ease-in-out;
}
.product-breadcrumb a:hover, .product-breadcrumb a:focus-visible {
color: rgb(28, 31, 32);
}
@media (max-width: 767px) {
.product-breadcrumb {
padding: 10px 0;
}
.product-breadcrumb li {
font-size: 12px;
}
}
.product-section-01 {
padding: 60px 0;
background-color: #f4f7f7;
}
@media (max-width: 991px) {
.product-section-01 {
padding: 44px 0;
}
}
@media (max-width: 767px) {
.product-section-01 {
padding: 32px 0;
}
}
.product-section-01 .product-detail-layout {
display: grid;
grid-template-columns: minmax(0, 1.35fr) minmax(340px, 0.65fr);
gap: 34px;
align-items: start;
}
@media (max-width: 1199px) {
.product-section-01 .product-detail-layout {
grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
gap: 28px;
}
}
@media (max-width: 991px) {
.product-section-01 .product-detail-layout {
grid-template-columns: 1fr;
}
}
.product-section-01 .product-gallery,
.product-section-01 .product-summary {
background-color: #ffffff;
border: 1px solid #d2d2d2;
border-radius: 8px;
box-shadow: 0 18px 40px rgba(0, 0, 0, 0.05);
}
.product-section-01 .product-gallery {
min-width: 0;
padding: 18px;
}
@media (max-width: 767px) {
.product-section-01 .product-gallery {
padding: 12px;
}
}
.product-section-01 .product-main-media {
overflow: hidden;
margin: 0;
border-radius: 8px;
background-color: #e8e9e9;
}
.product-section-01 .product-main-media img {
display: block;
width: 100%;
aspect-ratio: 16/9;
object-fit: cover;
}
@media (max-width: 767px) {
.product-section-01 .product-main-media img {
aspect-ratio: 4/3;
}
}
.product-section-01 .product-thumbnails {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 12px;
width: 100%;
min-width: 0;
margin-top: 14px;
overflow: hidden;
}
@media (max-width: 767px) {
.product-section-01 .product-thumbnails {
grid-template-columns: none;
grid-auto-flow: column;
grid-auto-columns: calc((100% - 16px) / 3);
gap: 8px;
margin-top: 10px;
overflow-x: auto;
overscroll-behavior-inline: contain;
scroll-snap-type: inline mandatory;
}
}
@media (max-width: 576px) {
.product-section-01 .product-thumbnails {
grid-auto-columns: calc((100% - 8px) / 2);
}
}
.product-section-01 .product-thumbnails.slick-initialized {
position: relative;
display: block;
padding: 0 46px;
overflow: visible;
}
@media (max-width: 991px) {
.product-section-01 .product-thumbnails.slick-initialized {
padding: 0 40px;
}
}
@media (max-width: 767px) {
.product-section-01 .product-thumbnails.slick-initialized {
padding: 0;
}
}
.product-section-01 .product-thumbnails.slick-initialized .slick-list {
min-width: 0;
overflow: hidden;
}
.product-section-01 .product-thumbnails.slick-initialized button:not(.slick-arrow) {
margin: 0 6px;
}
@media (max-width: 767px) {
.product-section-01 .product-thumbnails.slick-initialized button:not(.slick-arrow) {
margin: 0 4px;
}
}
.product-section-01 .product-thumbnails.slick-initialized .slick-arrow {
position: absolute;
top: 50%;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
padding: 0;
color: transparent;
background-color: rgb(28, 31, 32);
border: 1px solid rgb(218, 184, 121);
border-radius: 50%;
box-shadow: 0 10px 22px rgba(0, 0, 0, 0.1);
cursor: pointer;
transition: all 300ms ease-in-out;
transform: translateY(-50%);
}
@media (max-width: 767px) {
.product-section-01 .product-thumbnails.slick-initialized .slick-arrow {
display: none;
}
}
.product-section-01 .product-thumbnails.slick-initialized .slick-arrow::before {
content: "";
}
.product-section-01 .product-thumbnails.slick-initialized .slick-arrow::after {
content: "";
width: 9px;
height: 9px;
border-top: 2px solid #ffffff;
border-right: 2px solid #ffffff;
}
.product-section-01 .product-thumbnails.slick-initialized .slick-arrow:hover, .product-section-01 .product-thumbnails.slick-initialized .slick-arrow:focus-visible {
background-color: rgb(218, 184, 121);
border-color: rgb(218, 184, 121);
}
.product-section-01 .product-thumbnails.slick-initialized .slick-arrow.slick-disabled {
opacity: 0.4;
pointer-events: none;
}
.product-section-01 .product-thumbnails.slick-initialized .slick-prev {
left: 4px;
}
.product-section-01 .product-thumbnails.slick-initialized .slick-prev::after {
margin-left: 3px;
transform: rotate(-135deg);
}
.product-section-01 .product-thumbnails.slick-initialized .slick-next {
right: 4px;
}
.product-section-01 .product-thumbnails.slick-initialized .slick-next::after {
margin-right: 3px;
transform: rotate(45deg);
}
.product-section-01 .product-thumbnails button:not(.slick-arrow) {
overflow: hidden;
padding: 0;
background-color: #e8e9e9;
border: 2px solid transparent;
border-radius: 8px;
cursor: pointer;
scroll-snap-align: start;
transition: all 300ms ease-in-out;
}
.product-section-01 .product-thumbnails button:not(.slick-arrow)[aria-pressed=true], .product-section-01 .product-thumbnails button:not(.slick-arrow):hover, .product-section-01 .product-thumbnails button:not(.slick-arrow):focus-visible {
border-color: rgb(218, 184, 121);
}
.product-section-01 .product-thumbnails button:not(.slick-arrow) img {
display: block;
width: 100%;
aspect-ratio: 4/3;
object-fit: cover;
}
.product-section-01 .vehicle-features {
margin-top: 28px;
}
.product-section-01 .vehicle-features h3 {
margin: 0 0 18px;
color: rgb(28, 31, 32);
font-size: 24px;
font-weight: 600;
line-height: 1.2;
}
.product-section-01 .vehicle-features ul {
display: grid;
grid-template-columns: repeat(4, minmax(0, 1fr));
gap: 18px;
margin: 0;
padding: 0;
list-style: none;
}
@media (max-width: 1199px) {
.product-section-01 .vehicle-features ul {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media (max-width: 767px) {
.product-section-01 .vehicle-features ul {
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 12px;
}
}
.product-section-01 .vehicle-features li {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
min-height: 120px;
padding: 16px 10px;
text-align: center;
background-color: #ffffff;
border: 1px solid #e8e9e9;
border-radius: 8px;
box-shadow: 0 16px 34px rgba(0, 0, 0, 0.05);
}
@media (max-width: 767px) {
.product-section-01 .vehicle-features li {
min-height: 100px;
padding: 12px 8px;
}
}
.product-section-01 .vehicle-features img {
width: 36px;
height: 36px;
margin-bottom: 8px;
}
@media (max-width: 767px) {
.product-section-01 .vehicle-features img {
width: 30px;
height: 30px;
margin-bottom: 6px;
}
}
.product-section-01 .vehicle-features span {
color: #494c4d;
font-size: 12px;
font-weight: 500;
line-height: 1.2;
}
.product-section-01 .vehicle-features strong {
margin-top: 3px;
color: rgb(28, 31, 32);
font-size: 16px;
font-weight: 800;
line-height: 1.15;
}
@media (max-width: 767px) {
.product-section-01 .vehicle-features strong {
font-size: 14px;
}
}
.product-section-01 .vehicle-tabs__title {
margin: 28px 0 12px;
color: rgb(28, 31, 32);
font-size: 28px;
font-weight: 700;
line-height: 1.3;
}
@media (max-width: 767px) {
.product-section-01 .vehicle-tabs__title {
margin: 20px 0 10px;
font-size: 20px;
}
}
.product-section-01 .vehicle-tabs {
background-color: #ffffff;
border: 1px solid #d2d2d2;
border-radius: 8px;
overflow: hidden;
}
.product-section-01 .vehicle-tabs .tab-nav {
display: flex;
overflow-x: auto;
border-bottom: 1px solid #d2d2d2;
scrollbar-width: none;
}
.product-section-01 .vehicle-tabs .tab-nav::-webkit-scrollbar {
display: none;
}
.product-section-01 .vehicle-tabs .tab-nav button {
display: inline-flex;
flex-shrink: 0;
align-items: center;
gap: 7px;
padding: 13px 18px;
border: none;
border-bottom: 2px solid transparent;
background: transparent;
color: #77797a;
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 13px;
font-weight: 500;
white-space: nowrap;
cursor: pointer;
transition: all 300ms ease-in-out;
}
@media (max-width: 767px) {
.product-section-01 .vehicle-tabs .tab-nav button {
padding: 11px 14px;
font-size: 12px;
gap: 5px;
}
}
.product-section-01 .vehicle-tabs .tab-nav button img {
opacity: 0.3;
width: 16px;
height: 16px;
transition: all 300ms ease-in-out;
}
.product-section-01 .vehicle-tabs .tab-nav button[aria-selected=true] {
color: rgb(28, 31, 32);
border-bottom-color: rgb(218, 184, 121);
font-weight: 600;
}
.product-section-01 .vehicle-tabs .tab-nav button[aria-selected=true] img {
opacity: 1;
}
.product-section-01 .vehicle-tabs .tab-nav button:hover:not([aria-selected=true]) {
color: #494c4d;
}
.product-section-01 .vehicle-tabs .tab-nav button:hover:not([aria-selected=true]) img {
opacity: 0.55;
}
.product-section-01 .vehicle-tabs .tab-panels {
padding: 22px;
}
@media (max-width: 767px) {
.product-section-01 .vehicle-tabs .tab-panels {
padding: 16px;
}
}
.product-section-01 .vehicle-tabs .equipment-group {
padding: 18px 20px 20px;
border: 1px solid #d2d2d2;
border-radius: 8px;
}
@media (max-width: 767px) {
.product-section-01 .vehicle-tabs .equipment-group {
padding: 14px 14px 16px;
}
}
.product-section-01 .vehicle-tabs .equipment-group + .equipment-group {
margin-top: 12px;
}
@media (max-width: 767px) {
.product-section-01 .vehicle-tabs .equipment-group + .equipment-group {
margin-top: 10px;
}
}
.product-section-01 .vehicle-tabs .equipment-group h4 {
margin: 0 0 14px;
padding-bottom: 12px;
border-bottom: 1px solid #e8e9e9;
color: rgb(28, 31, 32);
font-size: 14px;
font-weight: 700;
line-height: 1.2;
}
@media (max-width: 767px) {
.product-section-01 .vehicle-tabs .equipment-group h4 {
margin-bottom: 12px;
padding-bottom: 10px;
font-size: 13px;
}
}
.product-section-01 .vehicle-tabs .equipment-group ul {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 10px 12px;
margin: 0;
padding: 0;
list-style: none;
}
@media (max-width: 1199px) {
.product-section-01 .vehicle-tabs .equipment-group ul {
grid-template-columns: repeat(3, 1fr);
}
}
@media (max-width: 767px) {
.product-section-01 .vehicle-tabs .equipment-group ul {
grid-template-columns: repeat(2, 1fr);
gap: 8px 10px;
}
}
.product-section-01 .vehicle-tabs .equipment-group li {
display: flex;
align-items: flex-start;
gap: 7px;
color: rgb(28, 31, 32);
font-size: 13px;
font-weight: 500;
line-height: 1.4;
}
@media (max-width: 767px) {
.product-section-01 .vehicle-tabs .equipment-group li {
font-size: 12px;
}
}
.product-section-01 .vehicle-tabs .equipment-group li::before {
content: "";
display: inline-block;
flex-shrink: 0;
width: 7px;
height: 12px;
margin-top: 1px;
border-right: 2px solid rgb(218, 184, 121);
border-bottom: 2px solid rgb(218, 184, 121);
transform: rotate(45deg);
}
.product-section-01 .vehicle-tabs .expertise-layout {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(200px, 0.55fr);
gap: 20px;
align-items: start;
}
@media (max-width: 991px) {
.product-section-01 .vehicle-tabs .expertise-layout {
grid-template-columns: 1fr;
}
}
.product-section-01 .vehicle-tabs .expertise-diagram {
margin: 0;
padding: 16px;
background-color: #f4f7f7;
border: 1px solid #e8e9e9;
border-radius: 8px;
}
.product-section-01 .vehicle-tabs .expertise-diagram svg {
display: block;
width: 100%;
height: auto;
}
.product-section-01 .vehicle-tabs .expertise-diagram svg .orijinal {
fill: #5cb87a;
}
.product-section-01 .vehicle-tabs .expertise-diagram svg .boyali {
fill: #c9971e;
}
.product-section-01 .vehicle-tabs .expertise-diagram svg .degisen {
fill: #d95555;
}
.product-section-01 .vehicle-tabs .expertise-diagram svg .belirtilmedi {
fill: #d2d2d2;
}
.product-section-01 .vehicle-tabs .expertise-diagram svg path[id] {
transition: all 300ms ease-in-out;
}
.product-section-01 .vehicle-tabs .expertise-legend {
margin-top: 14px;
padding-top: 14px;
border-top: 1px solid #d2d2d2;
}
.product-section-01 .vehicle-tabs .expertise-legend ul {
display: flex;
flex-wrap: wrap;
gap: 8px 18px;
margin: 0;
padding: 0;
list-style: none;
}
.product-section-01 .vehicle-tabs .expertise-legend li {
display: flex;
align-items: center;
gap: 7px;
font-size: 12px;
font-weight: 600;
color: rgb(28, 31, 32);
}
.product-section-01 .vehicle-tabs .expertise-legend li::before {
content: "";
display: inline-block;
flex-shrink: 0;
width: 10px;
height: 10px;
border-radius: 4px;
}
.product-section-01 .vehicle-tabs .expertise-legend li[data-status=o]::before {
background-color: #5cb87a;
}
.product-section-01 .vehicle-tabs .expertise-legend li[data-status=b]::before {
background-color: #c9971e;
}
.product-section-01 .vehicle-tabs .expertise-legend li[data-status=d]::before {
background-color: #d95555;
}
.product-section-01 .vehicle-tabs .expertise-legend li[data-status=""]::before {
background-color: #d2d2d2;
}
.product-section-01 .vehicle-tabs .expertise-parts {
display: grid;
grid-template-columns: 1fr;
gap: 4px;
margin: 0;
padding: 0;
list-style: none;
}
@media (max-width: 767px) {
.product-section-01 .vehicle-tabs .expertise-parts {
grid-template-columns: repeat(2, 1fr);
}
}
.product-section-01 .vehicle-tabs .expertise-parts li {
display: flex;
justify-content: space-between;
align-items: center;
gap: 6px;
padding: 7px 10px;
background-color: #f4f7f7;
border-radius: 4px;
}
.product-section-01 .vehicle-tabs .expertise-parts li span:first-child {
font-size: 12px;
font-weight: 500;
color: rgb(28, 31, 32);
}
.product-section-01 .vehicle-tabs .expertise-parts li span:last-child {
flex-shrink: 0;
font-size: 11px;
font-weight: 700;
padding: 2px 8px;
border-radius: 9999px;
}
.product-section-01 .vehicle-tabs .expertise-parts li[data-status=o] span:last-child {
background-color: rgba(92, 184, 122, 0.14);
color: #5cb87a;
}
.product-section-01 .vehicle-tabs .expertise-parts li[data-status=b] span:last-child {
background-color: rgba(201, 151, 30, 0.14);
color: #c9971e;
}
.product-section-01 .vehicle-tabs .expertise-parts li[data-status=d] span:last-child {
background-color: rgba(217, 85, 85, 0.14);
color: #d95555;
}
.product-section-01 .vehicle-tabs .expertise-parts li[data-status=""] span:last-child {
background-color: #e8e9e9;
color: #77797a;
}
.product-section-01 .vehicle-tabs .credit-layout > p {
margin: 0 0 16px;
color: #494c4d;
font-size: 14px;
font-weight: 500;
line-height: 1.6;
}
.product-section-01 .vehicle-tabs .credit-layout > p:last-child {
margin: 16px 0 0;
font-size: 12px;
}
.product-section-01 .vehicle-tabs .credit-table {
width: 100%;
margin: 0;
border-collapse: separate;
border-spacing: 0;
border: 1px solid #d2d2d2;
border-radius: 8px;
overflow: hidden;
}
.product-section-01 .vehicle-tabs .credit-table th,
.product-section-01 .vehicle-tabs .credit-table td {
padding: 14px 16px;
background-color: #ffffff;
vertical-align: middle;
}
@media (max-width: 767px) {
.product-section-01 .vehicle-tabs .credit-table th,
.product-section-01 .vehicle-tabs .credit-table td {
padding: 11px 14px;
}
}
.product-section-01 .vehicle-tabs .credit-table tr:not(:last-child) th,
.product-section-01 .vehicle-tabs .credit-table tr:not(:last-child) td {
border-bottom: 1px solid #d2d2d2;
}
.product-section-01 .vehicle-tabs .credit-table th {
width: 1%;
white-space: nowrap;
color: #494c4d;
font-size: 14px;
font-weight: 500;
text-align: left;
}
.product-section-01 .vehicle-tabs .credit-table th:nth-child(3) {
border-left: 1px solid #d2d2d2;
}
.product-section-01 .vehicle-tabs .credit-table td {
color: rgb(28, 31, 32);
font-size: 14px;
font-weight: 700;
text-align: right;
}
.product-section-01 .vehicle-tabs [role=tabpanel][id=panel-description] h2,
.product-section-01 .vehicle-tabs [role=tabpanel][id=panel-description] h3,
.product-section-01 .vehicle-tabs [role=tabpanel][id=panel-description] h4,
.product-section-01 .vehicle-tabs [role=tabpanel][id=panel-description] h5,
.product-section-01 .vehicle-tabs [role=tabpanel][id=panel-description] h6 {
margin: 0 0 10px;
color: rgb(28, 31, 32);
font-weight: 700;
line-height: 1.3;
}
.product-section-01 .vehicle-tabs [role=tabpanel][id=panel-description] h2:not(:first-child),
.product-section-01 .vehicle-tabs [role=tabpanel][id=panel-description] h3:not(:first-child),
.product-section-01 .vehicle-tabs [role=tabpanel][id=panel-description] h4:not(:first-child),
.product-section-01 .vehicle-tabs [role=tabpanel][id=panel-description] h5:not(:first-child),
.product-section-01 .vehicle-tabs [role=tabpanel][id=panel-description] h6:not(:first-child) {
margin-top: 24px;
}
.product-section-01 .vehicle-tabs [role=tabpanel][id=panel-description] h2:last-child,
.product-section-01 .vehicle-tabs [role=tabpanel][id=panel-description] h3:last-child,
.product-section-01 .vehicle-tabs [role=tabpanel][id=panel-description] h4:last-child,
.product-section-01 .vehicle-tabs [role=tabpanel][id=panel-description] h5:last-child,
.product-section-01 .vehicle-tabs [role=tabpanel][id=panel-description] h6:last-child {
margin-bottom: 0;
}
.product-section-01 .vehicle-tabs [role=tabpanel][id=panel-description] h2 {
font-size: 24px;
}
.product-section-01 .vehicle-tabs [role=tabpanel][id=panel-description] h3 {
font-size: 20px;
}
.product-section-01 .vehicle-tabs [role=tabpanel][id=panel-description] h4,
.product-section-01 .vehicle-tabs [role=tabpanel][id=panel-description] h5,
.product-section-01 .vehicle-tabs [role=tabpanel][id=panel-description] h6 {
font-size: 16px;
}
.product-section-01 .vehicle-tabs [role=tabpanel][id=panel-description] p {
margin: 0 0 12px;
color: #494c4d;
font-size: 14px;
font-weight: 400;
line-height: 1.75;
}
.product-section-01 .vehicle-tabs [role=tabpanel][id=panel-description] p:last-child {
margin-bottom: 0;
}
.product-section-01 .vehicle-tabs [role=tabpanel][id=panel-description] ul,
.product-section-01 .vehicle-tabs [role=tabpanel][id=panel-description] ol {
margin: 0 0 12px;
padding-left: 20px;
color: #494c4d;
font-size: 14px;
line-height: 1.75;
}
.product-section-01 .vehicle-tabs [role=tabpanel][id=panel-description] ul:last-child,
.product-section-01 .vehicle-tabs [role=tabpanel][id=panel-description] ol:last-child {
margin-bottom: 0;
}
.product-section-01 .vehicle-tabs [role=tabpanel][id=panel-description] ul li + li,
.product-section-01 .vehicle-tabs [role=tabpanel][id=panel-description] ol li + li {
margin-top: 4px;
}
.product-section-01 .vehicle-tabs [role=tabpanel][id=panel-description] ul {
list-style: disc;
}
.product-section-01 .vehicle-tabs [role=tabpanel][id=panel-description] ol {
list-style: decimal;
}
.product-section-01 .vehicle-tabs [role=tabpanel][id=panel-description] strong,
.product-section-01 .vehicle-tabs [role=tabpanel][id=panel-description] b {
color: rgb(28, 31, 32);
font-weight: 700;
}
.product-section-01 .vehicle-tabs [role=tabpanel][id=panel-description] a {
color: rgb(218, 184, 121);
text-decoration: underline;
text-underline-offset: 3px;
}
.product-section-01 .vehicle-tabs [role=tabpanel][id=panel-description] a:hover {
color: rgb(28, 31, 32);
}
.product-section-01 .vehicle-tabs [role=tabpanel][id=panel-description] blockquote, .product-section-01 .vehicle-tabs [role=tabpanel][id=panel-description] .single-post .post-content .main-content .main-content-text .wp-block-quote, .single-post .post-content .main-content .main-content-text .product-section-01 .vehicle-tabs [role=tabpanel][id=panel-description] .wp-block-quote {
margin: 0 0 12px;
padding: 14px 18px;
border-left: 3px solid rgb(218, 184, 121);
background-color: #e8e9e9;
border-radius: 0 8px 8px 0;
color: #494c4d;
font-size: 14px;
font-style: italic;
line-height: 1.7;
}
.product-section-01 .vehicle-tabs [role=tabpanel][id=panel-description] blockquote:last-child, .product-section-01 .vehicle-tabs [role=tabpanel][id=panel-description] .single-post .post-content .main-content .main-content-text .wp-block-quote:last-child, .single-post .post-content .main-content .main-content-text .product-section-01 .vehicle-tabs [role=tabpanel][id=panel-description] .wp-block-quote:last-child {
margin-bottom: 0;
}
.product-section-01 .vehicle-tabs [role=tabpanel][id=panel-description] hr {
margin: 20px 0;
border: none;
border-top: 1px solid #d2d2d2;
}
.product-section-01 .product-summary {
position: sticky;
top: 110px;
padding: 28px;
}
@media (max-width: 991px) {
.product-section-01 .product-summary {
position: static;
}
}
@media (max-width: 767px) {
.product-section-01 .product-summary {
padding: 20px;
}
}
.product-section-01 .product-heading {
padding-bottom: 22px;
border-bottom: 1px solid #d2d2d2;
}
.product-section-01 .product-heading .vehicle-tags {
display: flex;
flex-wrap: wrap;
gap: 8px;
margin-bottom: 14px;
}
.product-section-01 .product-heading .vehicle-tags span {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 7px 16px;
color: #ffffff;
background-color: rgb(218, 184, 121);
border-radius: 9999px;
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.05);
font-size: 12px;
font-weight: 800;
line-height: 1.2;
text-transform: uppercase;
}
.product-section-01 .product-heading .vehicle-tags span:nth-child(2) {
color: #ffffff;
background-color: rgb(28, 31, 32);
}
.product-section-01 .product-heading .vehicle-tags span img {
display: block;
width: 11px;
height: 11px;
object-fit: contain;
filter: brightness(0) invert(1);
}
.product-section-01 .product-heading .vehicle-tags span:nth-child(2) img {
filter: brightness(0) invert(1);
}
.product-section-01 .product-heading h2 {
margin: 0 0 12px;
color: rgb(28, 31, 32);
font-size: 28px;
font-weight: 700;
line-height: 1.25;
}
@media (max-width: 767px) {
.product-section-01 .product-heading h2 {
font-size: 24px;
}
}
.product-section-01 .product-heading p {
margin: 0;
color: #494c4d;
font-size: 14px;
font-weight: 500;
line-height: 1.65;
}
.product-section-01 .product-price {
padding: 20px 0;
border-bottom: 1px solid #d2d2d2;
}
.product-section-01 .product-price p {
margin: 0;
color: rgb(218, 184, 121);
font-size: 36px;
font-weight: 800;
line-height: 1.15;
}
@media (max-width: 767px) {
.product-section-01 .product-price p {
font-size: 28px;
}
}
.product-section-01 .product-info {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
margin: 20px 0 0;
}
.product-section-01 .product-info div {
padding: 10px 12px;
background-color: #f4f7f7;
border-radius: 8px;
}
.product-section-01 .product-info dt {
margin-bottom: 3px;
color: #77797a;
font-size: 12px;
font-weight: 500;
line-height: 1.2;
text-transform: uppercase;
letter-spacing: 0.03em;
}
.product-section-01 .product-info dd {
margin: 0;
color: rgb(28, 31, 32);
font-size: 14px;
font-weight: 700;
line-height: 1.25;
}
.product-section-01 .product-actions {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
margin-top: 20px;
}
@media (max-width: 767px) {
.product-section-01 .product-actions {
grid-template-columns: 1fr;
}
}
.product-section-01 .product-exchange {
margin-top: 12px;
}
.product-section-01 .product-exchange .btn-3 {
width: 100%;
color: rgb(28, 31, 32);
background-color: #e8e9e9;
border-color: #d2d2d2;
font-size: 16px;
font-weight: 600;
}
.product-section-01 .product-exchange .btn-3:hover, .product-section-01 .product-exchange .btn-3:focus-visible {
color: #ffffff;
background-color: rgb(28, 31, 32);
border-color: rgb(28, 31, 32);
}
.product-section-01 .product-exchange p {
margin: 12px 0 0;
color: #77797a;
font-size: 13px;
font-weight: 400;
line-height: 1.4;
text-align: center;
}
.product-section-01 .product-exchange p strong {
color: rgb(28, 31, 32);
font-weight: 600;
}
.product-section-01 .seller-card {
margin-top: 20px;
padding-top: 20px;
border-top: 1px solid #d2d2d2;
}
.product-section-01 .seller-card .seller-identity {
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 14px;
}
.product-section-01 .seller-card .seller-photo {
flex: 0 0 60px;
width: 60px;
height: 60px;
border-radius: 50%;
overflow: hidden;
}
.product-section-01 .seller-card .seller-photo img {
width: 100%;
height: 100%;
object-fit: cover;
}
.product-section-01 .seller-card .seller-meta {
display: flex;
flex-direction: column;
gap: 2px;
}
.product-section-01 .seller-card h3 {
margin: 0;
color: rgb(28, 31, 32);
font-size: 20px;
font-weight: 600;
line-height: 1.25;
}
@media (max-width: 767px) {
.product-section-01 .seller-card h3 {
font-size: 18px;
}
}
.product-section-01 .seller-card p {
margin: 0;
color: #a4a5a6;
font-size: 12px;
font-weight: 700;
line-height: 1.2;
text-transform: uppercase;
}
.product-section-01 .seller-card ul {
margin: 0;
padding: 0;
list-style: none;
}
.product-section-01 .seller-card li {
border-top: 1px solid #d2d2d2;
list-style: none;
}
.product-section-01 .seller-card li:last-child {
border-bottom: 1px solid #d2d2d2;
}
.product-section-01 .seller-card a {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 12px;
padding: 14px 6px;
color: rgb(28, 31, 32);
font-size: 16px;
font-weight: 500;
line-height: 1.4;
transition: all 300ms ease-in-out;
}
.product-section-01 .seller-card a:hover, .product-section-01 .seller-card a:focus-visible {
color: rgb(218, 184, 121);
}
.product-section-01 .seller-card img {
flex: 0 0 22px;
width: 22px;
height: 22px;
}
.product-section-01 .seller-card .seller-question {
margin-top: 14px;
padding: 14px 12px;
background-color: #e8e9e9;
border: 1px solid #d2d2d2;
border-radius: 8px;
font-size: 14px;
font-weight: 600;
}
.product-section-01 .seller-card .seller-question img {
flex: 0 0 20px;
width: 20px;
height: 20px;
}
@media (max-width: 767px) {
.product-section-01 .seller-card .seller-question {
padding: 10px 12px;
font-size: 13px;
}
}
.product-section-02 {
padding: 0 0 60px;
background-color: #f4f7f7;
}
@media (max-width: 991px) {
.product-section-02 {
padding-bottom: 44px;
}
}
@media (max-width: 767px) {
.product-section-02 {
padding-bottom: 32px;
}
}
.product-section-02 .section-heading {
margin-bottom: 24px;
}
.product-section-02 .section-heading h2 {
margin: 0;
color: rgb(28, 31, 32);
font-size: 28px;
font-weight: 800;
line-height: 1.2;
}
@media (max-width: 767px) {
.product-section-02 .section-heading h2 {
font-size: 24px;
}
}
.product-section-02 .related-vehicle-slider {
position: relative;
margin: 0 -12px;
}
@media (max-width: 767px) {
.product-section-02 .related-vehicle-slider {
margin: 0 -8px;
}
}
.product-section-02 .related-vehicle-slider .slick-list {
overflow-x: hidden !important;
overflow-y: visible !important;
padding-top: 8px !important;
margin-top: -8px;
}
.product-section-02 .related-vehicle-slider .slick-track {
display: flex;
}
.product-section-02 .related-vehicle-slider .slick-slide {
height: auto;
padding: 0 12px;
}
@media (max-width: 767px) {
.product-section-02 .related-vehicle-slider .slick-slide {
padding: 0 8px;
}
}
.product-section-02 .related-vehicle-slider .slick-slide > div {
height: 100%;
}
.product-section-02 .related-vehicle-slider .slick-arrow {
position: absolute;
top: 38%;
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
width: 46px;
height: 46px;
padding: 0;
background-color: rgb(28, 31, 32);
border: 1px solid rgb(218, 184, 121);
border-radius: 50%;
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.1);
cursor: pointer;
transition: all 300ms ease-in-out;
}
.product-section-02 .related-vehicle-slider .slick-arrow::before {
content: "";
}
.product-section-02 .related-vehicle-slider .slick-arrow::after {
content: "";
width: 12px;
height: 12px;
border-top: 2px solid #ffffff;
border-right: 2px solid #ffffff;
}
.product-section-02 .related-vehicle-slider .slick-arrow:hover, .product-section-02 .related-vehicle-slider .slick-arrow:focus-visible {
background-color: rgb(218, 184, 121);
border-color: rgb(218, 184, 121);
}
@media (max-width: 767px) {
.product-section-02 .related-vehicle-slider .slick-arrow {
top: 32%;
width: 38px;
height: 38px;
}
}
.product-section-02 .related-vehicle-slider .slick-prev {
left: -10px;
}
.product-section-02 .related-vehicle-slider .slick-prev::after {
margin-left: 4px;
transform: rotate(-135deg);
}
@media (max-width: 767px) {
.product-section-02 .related-vehicle-slider .slick-prev {
left: 0;
}
}
.product-section-02 .related-vehicle-slider .slick-next {
right: -10px;
}
.product-section-02 .related-vehicle-slider .slick-next::after {
margin-right: 4px;
transform: rotate(45deg);
}
@media (max-width: 767px) {
.product-section-02 .related-vehicle-slider .slick-next {
right: 0;
}
}
.product-section-02 .related-vehicle-slider a {
display: flex;
flex-direction: column;
height: 100%;
overflow: hidden;
background-color: #ffffff;
border: 1px solid #d2d2d2;
border-radius: 8px;
box-shadow: 0 16px 34px rgba(0, 0, 0, 0.05);
transition: all 300ms ease-in-out;
}
.product-section-02 .related-vehicle-slider a:hover, .product-section-02 .related-vehicle-slider a:focus-visible {
border-color: rgb(218, 184, 121);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
transform: translateY(-4px);
}
.product-section-02 .related-vehicle-slider a:hover img, .product-section-02 .related-vehicle-slider a:focus-visible img {
transform: scale(1.04);
}
.product-section-02 .related-vehicle-slider a > div {
display: flex;
flex: 1 1 auto;
flex-direction: column;
padding: 16px;
text-align: left;
}
@media (max-width: 767px) {
.product-section-02 .related-vehicle-slider a > div {
padding: 14px;
}
}
.product-section-02 .related-vehicle-slider figure {
overflow: hidden;
margin: 0;
background-color: #e8e9e9;
}
.product-section-02 .related-vehicle-slider img {
display: block;
width: 100%;
aspect-ratio: 16/10;
object-fit: cover;
transition: all 300ms ease-in-out;
}
@media (max-width: 767px) {
.product-section-02 .related-vehicle-slider img {
aspect-ratio: 4/3;
}
}
.product-section-02 .related-vehicle-slider h3 {
padding-bottom: 10px;
margin: 0 0 10px;
color: rgb(28, 31, 32);
background: linear-gradient(rgb(218, 184, 121), rgb(218, 184, 121)) left bottom/44px 3px no-repeat;
font-size: 18px;
font-weight: 800;
line-height: 1.35;
text-transform: uppercase;
}
@media (max-width: 767px) {
.product-section-02 .related-vehicle-slider h3 {
font-size: 16px;
}
}
.product-section-02 .related-vehicle-slider p {
margin: 0 0 12px;
color: rgb(218, 184, 121);
font-size: 24px;
font-weight: 800;
line-height: 1.2;
}
@media (max-width: 1199px) {
.product-section-02 .related-vehicle-slider p {
font-size: 20px;
}
}
@media (max-width: 767px) {
.product-section-02 .related-vehicle-slider p {
margin-bottom: 10px;
font-size: 18px;
}
}
.product-section-02 .related-vehicle-slider ul {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: 8px;
margin: 0;
padding: 0;
list-style: none;
}
@media (max-width: 767px) {
.product-section-02 .related-vehicle-slider ul {
gap: 6px;
}
}
.product-section-02 .related-vehicle-slider li {
display: inline-flex;
align-items: center;
gap: 6px;
min-height: 30px;
padding: 6px 10px;
color: rgb(28, 31, 32);
background-color: #ffffff;
border: 1px solid #d2d2d2;
border-radius: 9999px;
box-shadow: 0 8px 18px rgba(0, 0, 0, 0.05);
font-size: 12px;
font-weight: 600;
line-height: 1.2;
list-style: none;
white-space: nowrap;
}
.product-section-02 .related-vehicle-slider li::before {
display: block;
flex: 0 0 14px;
width: 14px;
height: 14px;
content: "";
background-color: rgb(28, 31, 32);
-webkit-mask: url(//bursavipoto.com/wp-content/themes/bursavipoto/assets/icons/car.svg) center/contain no-repeat;
mask: url(//bursavipoto.com/wp-content/themes/bursavipoto/assets/icons/car.svg) center/contain no-repeat;
}
.product-section-02 .related-vehicle-slider li:nth-child(1)::before {
-webkit-mask: url(//bursavipoto.com/wp-content/themes/bursavipoto/assets/icons/calendar.svg) center/contain no-repeat;
mask: url(//bursavipoto.com/wp-content/themes/bursavipoto/assets/icons/calendar.svg) center/contain no-repeat;
}
.product-section-02 .related-vehicle-slider li:nth-child(5)::before {
-webkit-mask: url(//bursavipoto.com/wp-content/themes/bursavipoto/assets/icons/time.svg) center/contain no-repeat;
mask: url(//bursavipoto.com/wp-content/themes/bursavipoto/assets/icons/time.svg) center/contain no-repeat;
}
@media (max-width: 767px) {
.product-section-02 .related-vehicle-slider li {
min-height: 28px;
padding: 5px 8px;
font-size: 10px;
}
}
.contact-section-01 {
padding: 60px 0;
background-color: #f4f7f7;
}
@media (max-width: 991px) {
.contact-section-01 {
padding: 44px 0;
}
}
@media (max-width: 767px) {
.contact-section-01 {
padding: 32px 0;
}
}
.contact-section-01 .contact-layout {
display: grid;
grid-template-columns: minmax(280px, 0.72fr) minmax(0, 1fr);
gap: 28px;
align-items: stretch;
}
@media (max-width: 991px) {
.contact-section-01 .contact-layout {
grid-template-columns: 1fr;
}
}
.contact-section-01 .contact-info,
.contact-section-01 .contact-form-panel {
background-color: #ffffff;
border: 1px solid #d2d2d2;
border-radius: 8px;
box-shadow: 0 18px 40px rgba(0, 0, 0, 0.05);
}
.contact-section-01 .contact-info {
display: flex;
flex-direction: column;
padding: 30px;
}
@media (max-width: 767px) {
.contact-section-01 .contact-info {
padding: 20px;
}
}
.contact-section-01 .contact-info .section-heading {
margin-bottom: 24px;
}
.contact-section-01 .contact-info .section-heading h2 {
margin: 0 0 10px;
color: rgb(28, 31, 32);
font-size: 28px;
font-weight: 700;
line-height: 1.2;
}
@media (max-width: 767px) {
.contact-section-01 .contact-info .section-heading h2 {
font-size: 24px;
}
}
.contact-section-01 .contact-info .section-heading p {
margin: 0;
color: #494c4d;
font-size: 14px;
font-weight: 400;
line-height: 1.7;
}
.contact-section-01 .contact-info ul {
display: grid;
gap: 10px;
margin: 0;
padding: 0;
list-style: none;
}
.contact-section-01 .contact-info li {
list-style: none;
}
.contact-section-01 .contact-info a {
display: grid;
grid-template-columns: 36px minmax(0, 1fr);
gap: 14px;
align-items: center;
padding: 14px 16px;
color: rgb(28, 31, 32);
background-color: #f4f7f7;
border: 1px solid #d2d2d2;
border-radius: 8px;
transition: all 300ms ease-in-out;
}
.contact-section-01 .contact-info a:hover, .contact-section-01 .contact-info a:focus-visible {
border-color: rgb(218, 184, 121);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
}
.contact-section-01 .contact-info img {
width: 36px;
height: 36px;
padding: 9px;
background-color: rgb(218, 184, 121);
border-radius: 8px;
object-fit: contain;
}
.contact-section-01 .contact-info span {
display: grid;
gap: 3px;
color: #494c4d;
font-size: 13px;
font-weight: 400;
line-height: 1.45;
}
.contact-section-01 .contact-info strong {
color: rgb(28, 31, 32);
font-size: 14px;
font-weight: 600;
line-height: 1.2;
}
.contact-section-01 .contact-info .contact-map {
margin-top: 16px;
border-radius: 8px;
overflow: hidden;
flex: 1;
}
.contact-section-01 .contact-info .contact-map iframe {
display: block;
width: 100%;
height: 100%;
min-height: 220px;
border: 0;
}
.contact-section-01 .contact-form-panel {
padding: 30px;
}
@media (max-width: 767px) {
.contact-section-01 .contact-form-panel {
padding: 20px;
}
}
.contact-section-01 .contact-form-panel form {
display: grid;
gap: 22px;
}
.contact-section-01 .contact-form-panel .form-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}
@media (max-width: 767px) {
.contact-section-01 .contact-form-panel .form-grid {
grid-template-columns: 1fr;
gap: 14px;
}
}
.contact-section-01 .contact-form-panel .form-field {
display: grid;
gap: 8px;
}
.contact-section-01 .contact-form-panel .form-field:last-child {
grid-column: 1/-1;
}
.contact-section-01 .contact-form-panel label {
color: rgb(28, 31, 32);
font-size: 13px;
font-weight: 600;
line-height: 1.2;
}
.contact-section-01 .contact-form-panel input,
.contact-section-01 .contact-form-panel select,
.contact-section-01 .contact-form-panel textarea {
width: 100%;
min-height: 48px;
padding: 0 14px;
color: rgb(28, 31, 32);
background-color: #ffffff;
border: 1px solid #d2d2d2;
border-radius: 8px;
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 14px;
font-weight: 400;
transition: all 300ms ease-in-out;
}
.contact-section-01 .contact-form-panel input::placeholder,
.contact-section-01 .contact-form-panel select::placeholder,
.contact-section-01 .contact-form-panel textarea::placeholder {
color: #77797a;
opacity: 1;
}
.contact-section-01 .contact-form-panel input:hover, .contact-section-01 .contact-form-panel input:focus,
.contact-section-01 .contact-form-panel select:hover,
.contact-section-01 .contact-form-panel select:focus,
.contact-section-01 .contact-form-panel textarea:hover,
.contact-section-01 .contact-form-panel textarea:focus {
border-color: rgb(218, 184, 121);
box-shadow: 0 0 0 3px rgba(218, 184, 121, 0.1);
}
.contact-section-01 .contact-form-panel select {
cursor: pointer;
}
.contact-section-01 .contact-form-panel textarea {
min-height: 150px;
padding-top: 14px;
resize: vertical;
}
.contact-section-01 .contact-form-panel .form-footer {
display: grid;
gap: 18px;
align-items: start;
}
.contact-section-01 .contact-form-panel .checkbox-field .wpcf7-form-control-wrap,
.contact-section-01 .contact-form-panel .checkbox-field .wpcf7-acceptance,
.contact-section-01 .contact-form-panel .checkbox-field .wpcf7-list-item {
display: block;
width: 100%;
}
.contact-section-01 .contact-form-panel .checkbox-field .wpcf7-acceptance .wpcf7-list-item label {
display: grid;
grid-template-columns: 22px minmax(0, 1fr);
gap: 10px;
align-items: start;
cursor: pointer;
}
.contact-section-01 .contact-form-panel .checkbox-field .wpcf7-acceptance .wpcf7-list-item label input[type=checkbox] {
width: 22px;
height: 22px;
min-height: 0;
margin: 0;
padding: 0;
accent-color: rgb(218, 184, 121);
cursor: pointer;
}
.contact-section-01 .contact-form-panel .checkbox-field .wpcf7-acceptance .wpcf7-list-item label input[type=checkbox]::before {
display: none !important;
content: none !important;
}
.contact-section-01 .contact-form-panel .checkbox-field .wpcf7-acceptance .wpcf7-list-item label input[type=checkbox]:checked {
accent-color: rgb(218, 184, 121);
}
.contact-section-01 .contact-form-panel .checkbox-field .wpcf7-acceptance .wpcf7-list-item label input[type=checkbox] + .wpcf7-list-item-label {
color: #494c4d;
font-size: 12px;
font-weight: 500;
line-height: 1.6;
}
.contact-section-01 .contact-form-panel input[type=submit] {
justify-self: start;
min-width: 160px;
min-height: 48px;
padding: 0 24px;
color: #ffffff;
background-color: rgb(218, 184, 121);
border: 1px solid rgb(218, 184, 121);
border-radius: 8px;
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition: all 300ms ease-in-out;
}
.contact-section-01 .contact-form-panel input[type=submit]:hover, .contact-section-01 .contact-form-panel input[type=submit]:focus {
background-color: #ae9361;
border-color: #ae9361;
}
@media (max-width: 767px) {
.contact-section-01 .contact-form-panel input[type=submit] {
justify-self: stretch;
}
}
.page-default {
padding: 60px 0px;
}
@media (max-width: 991px) {
.page-default {
padding: 40px 0px;
}
}
.page-default .page-content .page-header {
margin-bottom: 50px;
padding-bottom: 30px;
border-bottom: 2px solid #a0a4ae;
}
.page-default .page-content .page-header h1 {
font-size: 48px;
font-weight: 700;
margin-bottom: 15px;
line-height: 1.3;
color: #000000;
}
@media (max-width: 767px) {
.page-default .page-content .page-header h1 {
font-size: 28px;
}
}
.page-default .page-content .page-header .last-updated {
font-size: 14px;
color: #494c4d;
opacity: 0.7;
margin: 0;
}
.page-default .page-content .page-header .last-updated time {
font-weight: 500;
}
.page-default .page-content .page-body h1 {
font-size: 48px;
font-weight: 700;
margin-top: 50px;
margin-bottom: 25px;
color: #000000;
line-height: 1.2;
}
@media (max-width: 767px) {
.page-default .page-content .page-body h1 {
font-size: 36px;
}
}
.page-default .page-content .page-body h1:first-child {
margin-top: 0;
}
.page-default .page-content .page-body h2 {
font-size: 36px;
font-weight: 700;
margin-top: 45px;
margin-bottom: 22px;
color: #000000;
line-height: 1.25;
}
@media (max-width: 767px) {
.page-default .page-content .page-body h2 {
font-size: 28px;
}
}
.page-default .page-content .page-body h2:first-child {
margin-top: 0;
}
.page-default .page-content .page-body h3 {
font-size: 28px;
font-weight: 700;
margin-top: 40px;
margin-bottom: 20px;
color: #000000;
line-height: 1.3;
}
@media (max-width: 767px) {
.page-default .page-content .page-body h3 {
font-size: 24px;
}
}
.page-default .page-content .page-body h4 {
font-size: 24px;
font-weight: 600;
margin-top: 35px;
margin-bottom: 18px;
color: #000000;
line-height: 1.3;
}
@media (max-width: 767px) {
.page-default .page-content .page-body h4 {
font-size: 20px;
}
}
.page-default .page-content .page-body h5 {
font-size: 20px;
font-weight: 600;
margin-top: 30px;
margin-bottom: 15px;
color: #000000;
line-height: 1.4;
}
@media (max-width: 767px) {
.page-default .page-content .page-body h5 {
font-size: 18px;
}
}
.page-default .page-content .page-body h6 {
font-size: 16px;
font-weight: 600;
margin-top: 25px;
margin-bottom: 12px;
color: #000000;
line-height: 1.4;
}
.page-default .page-content .page-body p {
font-size: 16px;
line-height: 1.8;
color: #494c4d;
opacity: 0.85;
margin-bottom: 18px;
}
.page-default .page-content .page-body p:last-of-type {
margin-bottom: 0;
}
.page-default .page-content .page-body ul,
.page-default .page-content .page-body ol {
margin-bottom: 20px;
padding-left: 30px;
}
.page-default .page-content .page-body ul li,
.page-default .page-content .page-body ol li {
font-size: 16px;
line-height: 1.8;
color: #494c4d;
opacity: 0.85;
margin-bottom: 10px;
}
.page-default .page-content .page-body ul li:last-child,
.page-default .page-content .page-body ol li:last-child {
margin-bottom: 0;
}
.page-default .page-content .page-body ul li {
list-style-type: disc;
}
.page-default .page-content .page-body ol li {
list-style-type: decimal;
}
.page-default .page-content .page-body a {
color: rgb(218, 184, 121);
text-decoration: underline;
transition: all 300ms ease-in-out;
}
.page-default .page-content .page-body a:hover {
opacity: 0.8;
}
.page-default .page-content .page-body strong,
.page-default .page-content .page-body b {
font-weight: 700;
color: #000000;
}
.page-default .page-content .page-body blockquote, .page-default .page-content .page-body .single-post .post-content .main-content .main-content-text .wp-block-quote, .single-post .post-content .main-content .main-content-text .page-default .page-content .page-body .wp-block-quote {
background-color: rgba(0, 0, 0, 0.05);
border-left: 4px solid rgb(218, 184, 121);
padding: 20px;
margin: 25px 0;
border-radius: 8px;
font-style: italic;
color: #494c4d;
font-size: 16px;
line-height: 1.8;
}
.page-default .page-content .page-body table {
width: 100%;
border-collapse: collapse;
margin: 25px 0;
border-radius: 8px;
overflow: hidden;
}
.page-default .page-content .page-body table th {
background-color: rgba(0, 0, 0, 0.05);
padding: 12px;
text-align: left;
font-weight: 700;
border-bottom: 2px solid #a0a4ae;
font-size: 14px;
color: #000000;
}
.page-default .page-content .page-body table td {
padding: 12px;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
font-size: 14px;
color: #494c4d;
}
.page-default .page-content .page-body table tr:last-child td {
border-bottom: none;
}
.blog-page .blog-hero {
text-align: center;
padding: 50px 20px 0;
background-color: #ffffff;
}
@media (max-width: 767px) {
.blog-page .blog-hero {
padding: 40px 20px 0;
}
}
.blog-page .blog-hero .big-title {
margin-bottom: 40px;
}
@media (max-width: 767px) {
.blog-page .blog-hero .big-title {
margin-bottom: 30px;
}
}
.blog-page .blog-hero .big-title h1,
.blog-page .blog-hero .big-title h4 {
font-size: 36px;
margin-bottom: 10px;
font-weight: 500;
color: rgb(28, 31, 32);
}
@media (max-width: 991px) {
.blog-page .blog-hero .big-title h1,
.blog-page .blog-hero .big-title h4 {
font-size: 28px;
}
}
@media (max-width: 767px) {
.blog-page .blog-hero .big-title h1,
.blog-page .blog-hero .big-title h4 {
font-size: 28px;
}
}
.blog-page .blog-hero .big-title p {
font-size: 18px;
font-weight: 600;
opacity: 0.7;
color: #494c4d;
}
@media (max-width: 767px) {
.blog-page .blog-hero .big-title p {
font-size: 16px;
}
}
.blog-page .blog-posts {
padding-top: 40px;
padding-bottom: 40px;
}
@media (max-width: 991px) {
.blog-page .blog-posts {
padding-top: 50px;
padding-bottom: 50px;
}
}
.blog-page .post-card {
border: 1px solid #717785;
border-radius: 12px;
background-color: #ffffff;
overflow: hidden;
height: 100%;
transition: all 300ms ease-in-out;
}
.blog-page .post-card:hover {
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
border: 1px solid #121c34;
}
.blog-page .post-card-link {
text-decoration: none;
color: inherit;
}
.blog-page .post-image {
margin: 20px 20px 0 20px;
border-radius: 8px;
overflow: hidden;
height: 250px;
}
.blog-page .post-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
border-radius: 8px;
}
.blog-page .post-body {
padding: 20px;
}
.blog-page .post-body .post-info {
display: flex;
flex-direction: column;
gap: 10px;
margin-bottom: 15px;
}
.blog-page .post-body .category-tag {
display: inline-block;
width: fit-content;
font-size: 14px;
font-weight: 600;
background-color: #f4f7f7;
color: rgb(28, 31, 32);
padding: 4px 10px;
border-radius: 6px;
text-decoration: none;
transition: all 300ms ease-in-out;
}
.blog-page .post-body .category-tag:hover {
background-color: #a0a4ae;
color: rgb(28, 31, 32);
}
.blog-page .post-body .meta-data {
display: flex;
gap: 20px;
font-size: 14px;
color: #494c4d;
}
.blog-page .post-body .meta-data .time,
.blog-page .post-body .meta-data .date {
display: flex;
align-items: center;
gap: 5px;
}
.blog-page .post-body .meta-data img {
width: 16px;
height: 16px;
opacity: 0.7;
}
.blog-page .post-body .post-title {
font-size: 20px;
font-weight: 600;
margin-bottom: 10px;
line-height: 1.3;
color: #000000;
}
.blog-page .post-body .post-excerpt {
font-size: 14px;
color: #494c4d;
line-height: 1.5;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
}
.blog-page .pagination-nav {
margin-top: 40px;
text-align: center;
}
.blog-page .pagination-nav .page-numbers {
display: inline-block;
margin: 0 5px;
padding: 8px 15px;
color: #494c4d;
text-decoration: none;
border: 1px solid #717785;
border-radius: 6px;
transition: all 300ms ease-in-out;
}
.blog-page .pagination-nav .page-numbers:hover {
background-color: #f4f7f7;
border-color: #000000;
}
.blog-page .pagination-nav .page-numbers.current {
background-color: #000000;
color: #ffffff;
border-color: #000000;
}
.single-post .post-content {
padding: 80px;
}
@media (max-width: 991px) {
.single-post .post-content {
padding: 50px 0;
}
}
.single-post .post-content .main-content .breadcrumb {
margin-bottom: 30px;
}
.single-post .post-content .main-content .breadcrumb ol {
list-style: none;
padding: 0;
margin: 0;
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px;
font-size: 14px;
}
.single-post .post-content .main-content .breadcrumb li {
display: flex;
align-items: center;
gap: 8px;
color: #494c4d;
}
.single-post .post-content .main-content .breadcrumb li:not(:last-child)::after {
content: "/";
color: #77797a;
font-weight: 300;
}
.single-post .post-content .main-content .breadcrumb li:last-child span {
color: #000000;
font-weight: 500;
}
.single-post .post-content .main-content .breadcrumb a {
color: #494c4d;
text-decoration: none;
transition: all 300ms ease-in-out;
}
.single-post .post-content .main-content .breadcrumb a:hover {
color: #000000;
}
.single-post .post-content .main-content .toc-box {
margin-bottom: 30px;
padding: 0;
border-radius: 8px;
border: 1px solid #a0a4ae;
}
.single-post .post-content .main-content .toc-box .accordion-item {
background: transparent;
border: none;
}
.single-post .post-content .main-content .toc-box .accordion-header {
margin: 0;
}
.single-post .post-content .main-content .toc-box .accordion-button {
background-color: transparent;
border: none;
box-shadow: none;
padding: 15px;
font-size: 16px;
font-weight: 600;
color: rgb(28, 31, 32);
border-radius: 8px;
}
@media (max-width: 991px) {
.single-post .post-content .main-content .toc-box .accordion-button {
font-size: 14px;
padding: 10px;
}
}
.single-post .post-content .main-content .toc-box .accordion-button:not(.collapsed) {
background-color: transparent;
color: rgb(28, 31, 32);
box-shadow: none;
}
.single-post .post-content .main-content .toc-box .accordion-button:focus {
box-shadow: none;
border: none;
}
.single-post .post-content .main-content .toc-box .accordion-button::after {
background-image: none;
content: "+";
font-size: 20px;
font-weight: 400;
width: auto;
height: auto;
background-size: auto;
}
.single-post .post-content .main-content .toc-box .accordion-button:not(.collapsed)::after {
content: "−";
transform: none;
}
.single-post .post-content .main-content .toc-box .accordion-body {
padding: 0 25px 20px 25px;
}
.single-post .post-content .main-content .toc-box h4 {
font-size: 18px;
font-weight: 600;
margin: 0;
color: rgb(28, 31, 32);
}
.single-post .post-content .main-content .toc-box ol {
list-style: none;
padding: 0;
margin: 0;
}
.single-post .post-content .main-content .toc-box .toc-list {
counter-reset: main-counter;
}
.single-post .post-content .main-content .toc-box .toc-list > li {
counter-increment: main-counter;
margin-bottom: 8px;
}
.single-post .post-content .main-content .toc-box .toc-list > li::before {
content: counter(main-counter) ". ";
font-weight: 600;
color: rgb(28, 31, 32);
}
.single-post .post-content .main-content .toc-box .toc-list > li > a {
color: #494c4d;
text-decoration: none;
font-size: 14px;
line-height: 1.6;
transition: all 300ms ease-in-out;
}
.single-post .post-content .main-content .toc-box .toc-list > li > a:hover {
color: rgb(28, 31, 32);
}
.single-post .post-content .main-content .toc-box .toc-list > li > ol {
counter-reset: sub-counter;
padding-left: 20px;
margin-top: 8px;
}
.single-post .post-content .main-content .toc-box .toc-list > li > ol > li {
counter-increment: sub-counter;
margin-bottom: 6px;
}
.single-post .post-content .main-content .toc-box .toc-list > li > ol > li::before {
content: counter(main-counter) "." counter(sub-counter) " ";
font-weight: 600;
color: rgb(28, 31, 32);
opacity: 0.85;
}
.single-post .post-content .main-content .toc-box .toc-list > li > ol > li > a {
font-size: 14px;
line-height: 1.5;
color: #494c4d;
text-decoration: none;
opacity: 0.9;
transition: all 300ms ease-in-out;
}
.single-post .post-content .main-content .toc-box .toc-list > li > ol > li > a:hover {
color: rgb(28, 31, 32);
opacity: 1;
}
.single-post .post-content .main-content .toc-box .toc-list > li > ol > li > ol {
counter-reset: subsub-counter;
padding-left: 20px;
margin-top: 6px;
}
.single-post .post-content .main-content .toc-box .toc-list > li > ol > li > ol > li {
counter-increment: subsub-counter;
margin-bottom: 5px;
}
.single-post .post-content .main-content .toc-box .toc-list > li > ol > li > ol > li::before {
content: counter(main-counter) "." counter(sub-counter) "." counter(subsub-counter) " ";
font-weight: 600;
color: rgb(28, 31, 32);
opacity: 0.75;
}
.single-post .post-content .main-content .toc-box .toc-list > li > ol > li > ol > li > a {
font-size: 14px;
line-height: 1.4;
color: #494c4d;
text-decoration: none;
opacity: 0.85;
transition: all 300ms ease-in-out;
}
.single-post .post-content .main-content .toc-box .toc-list > li > ol > li > ol > li > a:hover {
color: rgb(28, 31, 32);
opacity: 1;
}
.single-post .post-content .main-content .toc-box .toc-list > li > ol > li > ol > li > ol {
counter-reset: level4-counter;
padding-left: 20px;
margin-top: 5px;
}
.single-post .post-content .main-content .toc-box .toc-list > li > ol > li > ol > li > ol > li {
counter-increment: level4-counter;
margin-bottom: 4px;
}
.single-post .post-content .main-content .toc-box .toc-list > li > ol > li > ol > li > ol > li::before {
content: counter(main-counter) "." counter(sub-counter) "." counter(subsub-counter) "." counter(level4-counter) " ";
font-weight: 600;
color: rgb(28, 31, 32);
opacity: 0.65;
}
.single-post .post-content .main-content .toc-box .toc-list > li > ol > li > ol > li > ol > li > a {
font-size: 12px;
line-height: 1.3;
color: #494c4d;
text-decoration: none;
opacity: 0.8;
transition: all 300ms ease-in-out;
}
.single-post .post-content .main-content .toc-box .toc-list > li > ol > li > ol > li > ol > li > a:hover {
color: rgb(28, 31, 32);
opacity: 1;
}
.single-post .post-content .main-content .toc-box .toc-list > li > ol > li > ol > li > ol > li > ol {
counter-reset: level5-counter;
padding-left: 20px;
margin-top: 4px;
}
.single-post .post-content .main-content .toc-box .toc-list > li > ol > li > ol > li > ol > li > ol > li {
counter-increment: level5-counter;
margin-bottom: 3px;
}
.single-post .post-content .main-content .toc-box .toc-list > li > ol > li > ol > li > ol > li > ol > li::before {
content: counter(main-counter) "." counter(sub-counter) "." counter(subsub-counter) "." counter(level4-counter) "." counter(level5-counter) " ";
font-weight: 600;
color: rgb(28, 31, 32);
opacity: 0.55;
}
.single-post .post-content .main-content .toc-box .toc-list > li > ol > li > ol > li > ol > li > ol > li > a {
font-size: 12px;
line-height: 1.3;
color: #494c4d;
text-decoration: none;
opacity: 0.75;
transition: all 300ms ease-in-out;
}
.single-post .post-content .main-content .toc-box .toc-list > li > ol > li > ol > li > ol > li > ol > li > a:hover {
color: rgb(28, 31, 32);
opacity: 1;
}
.single-post .post-content .main-content .post-meta {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 20px;
font-size: 14px;
margin-top: 15px;
width: 100%;
flex-wrap: wrap;
}
@media (max-width: 991px) {
.single-post .post-content .main-content .post-meta {
align-items: flex-start;
gap: 15px;
}
}
.single-post .post-content .main-content .post-meta span {
display: flex;
align-items: center;
gap: 5px;
opacity: 0.6;
font-size: 14px;
}
.single-post .post-content .main-content .post-meta a {
display: flex;
align-items: center;
gap: 5px;
opacity: 0.6;
font-size: 14px;
color: #000000;
text-decoration: none;
transition: all 300ms ease-in-out;
}
.single-post .post-content .main-content .post-meta a:hover {
opacity: 1;
}
.single-post .post-content .main-content .post-meta img {
width: 20px;
height: 20px;
}
.single-post .post-content .main-content .post-meta .post-share {
margin-left: auto;
}
@media (max-width: 991px) {
.single-post .post-content .main-content .post-meta .post-share {
margin-left: 0;
width: 100%;
}
}
.single-post .post-content .main-content .post-header {
margin-bottom: 50px;
}
.single-post .post-content .main-content .post-header h1 {
font-size: 48px;
margin-bottom: 20px;
font-weight: 700;
line-height: 1.3;
color: #000000;
}
@media (max-width: 767px) {
.single-post .post-content .main-content .post-header h1 {
font-size: 28px;
}
}
.single-post .post-content .main-content .post-meta .post-share {
display: flex;
align-items: center;
gap: 12px;
flex-wrap: wrap;
}
.single-post .post-content .main-content .post-meta .post-share .share-label {
font-weight: 600;
color: #000000;
font-size: 14px;
}
.single-post .post-content .main-content .post-meta .post-share .share-btn {
display: inline-flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: 50%;
border: 1px solid #a0a4ae;
color: #000000;
text-decoration: none;
transition: all 300ms ease-in-out;
}
.single-post .post-content .main-content .post-meta .post-share .share-btn img {
font-size: 14px;
transition: all 300ms ease-in-out;
}
.single-post .post-content .main-content .post-meta .post-share .share-btn:hover {
transform: translateY(-2px);
}
.single-post .post-content .main-content .post-meta .post-share .share-btn:hover img {
filter: invert(1);
}
.single-post .post-content .main-content .post-meta .post-share .share-btn.facebook:hover {
background-color: rgb(28, 31, 32);
color: #ffffff;
border-color: rgb(28, 31, 32);
}
.single-post .post-content .main-content .post-meta .post-share .share-btn.twitter:hover {
background-color: #000000;
color: #ffffff;
border-color: #000000;
}
.single-post .post-content .main-content .post-meta .post-share .share-btn.linkedin:hover {
background-color: #16191a;
color: #ffffff;
border-color: #16191a;
}
.single-post .post-content .main-content .post-meta .post-share .share-btn.whatsapp:hover {
background-color: rgb(218, 184, 121);
color: #ffffff;
border-color: rgb(218, 184, 121);
}
.single-post .post-content .main-content .post-image-lg {
margin-bottom: 20px;
}
.single-post .post-content .main-content .post-image-lg img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 20px;
}
.single-post .post-content .main-content .main-content-text {
margin-bottom: 30px;
}
.single-post .post-content .main-content .main-content-text h1,
.single-post .post-content .main-content .main-content-text h2,
.single-post .post-content .main-content .main-content-text h3,
.single-post .post-content .main-content .main-content-text h4,
.single-post .post-content .main-content .main-content-text h5,
.single-post .post-content .main-content .main-content-text h6 {
margin-top: 30px;
margin-bottom: 15px;
font-weight: 700;
line-height: 1.3;
color: #000000;
}
.single-post .post-content .main-content .main-content-text h1 {
font-size: 28px;
}
@media (max-width: 767px) {
.single-post .post-content .main-content .main-content-text h1 {
font-size: 28px;
}
}
.single-post .post-content .main-content .main-content-text h2 {
font-size: 28px;
}
@media (max-width: 767px) {
.single-post .post-content .main-content .main-content-text h2 {
font-size: 24px;
}
}
.single-post .post-content .main-content .main-content-text h3 {
font-size: 24px;
}
@media (max-width: 767px) {
.single-post .post-content .main-content .main-content-text h3 {
font-size: 20px;
}
}
.single-post .post-content .main-content .main-content-text h4 {
font-size: 20px;
}
@media (max-width: 767px) {
.single-post .post-content .main-content .main-content-text h4 {
font-size: 18px;
}
}
.single-post .post-content .main-content .main-content-text h5 {
font-size: 18px;
font-weight: 600;
}
@media (max-width: 767px) {
.single-post .post-content .main-content .main-content-text h5 {
font-size: 16px;
}
}
.single-post .post-content .main-content .main-content-text h6 {
font-size: 16px;
font-weight: 600;
}
.single-post .post-content .main-content .main-content-text p {
font-size: 16px;
line-height: 1.8;
opacity: 0.8;
font-weight: 400;
margin-bottom: 15px;
}
.single-post .post-content .main-content .main-content-text p:last-of-type {
margin-bottom: 0;
}
.single-post .post-content .main-content .main-content-text a {
color: rgb(218, 184, 121);
text-decoration: underline;
transition: all 300ms ease-in-out;
}
.single-post .post-content .main-content .main-content-text a:hover {
opacity: 0.8;
}
.single-post .post-content .main-content .main-content-text strong,
.single-post .post-content .main-content .main-content-text b {
font-weight: 700;
color: #000000;
}
.single-post .post-content .main-content .main-content-text em,
.single-post .post-content .main-content .main-content-text i {
font-style: italic;
}
.single-post .post-content .main-content .main-content-text ul,
.single-post .post-content .main-content .main-content-text ol {
line-height: 1.8;
}
.single-post .post-content .main-content .main-content-text ul li,
.single-post .post-content .main-content .main-content-text ol li {
margin-bottom: 8px;
font-size: 16px;
opacity: 0.8;
}
.single-post .post-content .main-content .main-content-text ul li:last-child,
.single-post .post-content .main-content .main-content-text ol li:last-child {
margin-bottom: 0;
}
.single-post .post-content .main-content .main-content-text ul li {
list-style-type: disc;
}
.single-post .post-content .main-content .main-content-text blockquote, .single-post .post-content .main-content .main-content-text .wp-block-quote {
background-color: rgba(0, 0, 0, 0.05);
border-left: 4px solid rgb(218, 184, 121);
padding: 20px;
margin: 25px 0;
border-radius: 8px;
font-style: italic;
opacity: 0.85;
font-size: 16px;
line-height: 1.8;
}
.single-post .post-content .main-content .main-content-text blockquote p, .single-post .post-content .main-content .main-content-text .wp-block-quote p {
margin-bottom: 0;
}
.single-post .post-content .main-content .main-content-text blockquote p:first-child, .single-post .post-content .main-content .main-content-text .wp-block-quote p:first-child {
margin-top: 0;
}
.single-post .post-content .main-content .main-content-text blockquote footer, .single-post .post-content .main-content .main-content-text .wp-block-quote footer {
margin-top: 10px;
font-size: 14px;
font-style: normal;
opacity: 0.7;
}
.single-post .post-content .main-content .main-content-text blockquote footer::before, .single-post .post-content .main-content .main-content-text .wp-block-quote footer::before {
content: "— ";
}
.single-post .post-content .main-content .main-content-text pre {
background-color: #04060a;
color: #d0d2d6;
padding: 20px;
border-radius: 8px;
overflow-x: auto;
margin: 25px 0;
font-size: 14px;
line-height: 1.6;
font-family: "Courier New", Courier, monospace;
}
.single-post .post-content .main-content .main-content-text pre code {
background-color: transparent;
color: inherit;
padding: 0;
}
.single-post .post-content .main-content .main-content-text code {
background-color: rgba(0, 0, 0, 0.05);
color: #dc3545;
padding: 2px 6px;
border-radius: 4px;
font-family: "Courier New", Courier, monospace;
font-size: 14px;
}
.single-post .post-content .main-content .main-content-text hr {
margin: 30px 0;
border: none;
border-top: 1px solid #a0a4ae;
}
.single-post .post-content .main-content .main-content-text img {
max-width: 100%;
height: auto;
display: block;
margin: 25px 0;
border-radius: 8px;
}
.single-post .post-content .main-content .main-content-text img.alignleft {
float: left;
margin-right: 20px;
margin-bottom: 10px;
max-width: 40%;
}
@media (max-width: 767px) {
.single-post .post-content .main-content .main-content-text img.alignleft {
float: none;
max-width: 100%;
margin-right: 0;
}
}
.single-post .post-content .main-content .main-content-text img.alignright {
float: right;
margin-left: 20px;
margin-bottom: 10px;
max-width: 40%;
}
@media (max-width: 767px) {
.single-post .post-content .main-content .main-content-text img.alignright {
float: none;
max-width: 100%;
margin-left: 0;
}
}
.single-post .post-content .main-content .main-content-text img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.single-post .post-content .main-content .main-content-text img.wp-smiley {
max-width: 20px;
height: auto;
display: inline;
margin: 0;
}
.single-post .post-content .main-content .main-content-text figure {
margin: 25px 0;
}
.single-post .post-content .main-content .main-content-text figure img {
margin: 0;
}
.single-post .post-content .main-content .main-content-text figure figcaption {
font-size: 14px;
opacity: 0.6;
font-style: italic;
margin-top: 10px;
text-align: center;
}
.single-post .post-content .main-content .main-content-text figure.wp-block-table {
margin: 25px 0;
overflow: hidden;
border-radius: 10px;
border: 1px solid rgba(0, 0, 0, 0.1);
}
.single-post .post-content .main-content .main-content-text figure.wp-block-table table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
margin: 0;
border: none;
}
.single-post .post-content .main-content .main-content-text figure.wp-block-table table thead {
border-bottom: 1px solid rgba(0, 0, 0, 0.1) !important;
}
.single-post .post-content .main-content .main-content-text figure.wp-block-table table thead td,
.single-post .post-content .main-content .main-content-text figure.wp-block-table table th {
background-color: rgba(0, 0, 0, 0.04);
padding: 14px 16px;
text-align: left;
font-weight: 600;
font-size: 13px;
color: rgba(0, 0, 0, 0.55);
text-transform: uppercase;
letter-spacing: 0.04em;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
white-space: nowrap;
border: none;
}
.single-post .post-content .main-content .main-content-text figure.wp-block-table table thead td:not(:last-child),
.single-post .post-content .main-content .main-content-text figure.wp-block-table table th:not(:last-child) {
border-right: 1px solid rgba(0, 0, 0, 0.06);
}
.single-post .post-content .main-content .main-content-text figure.wp-block-table table tbody td {
padding: 13px 16px;
font-size: 14px;
color: rgba(0, 0, 0, 0.75);
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
vertical-align: middle;
border: none;
}
.single-post .post-content .main-content .main-content-text figure.wp-block-table table tbody td:not(:last-child) {
border-right: 1px solid rgba(0, 0, 0, 0.06);
}
.single-post .post-content .main-content .main-content-text figure.wp-block-table table tbody tr:last-child td {
border-bottom: none;
}
.single-post .post-content .main-content .main-content-text figure.wp-block-table table tbody tr {
transition: background-color 0.15s ease;
}
.single-post .post-content .main-content .main-content-text figure.wp-block-table table tbody tr:hover {
background-color: rgba(0, 0, 0, 0.025);
}
.single-post .post-content .main-content .main-content-text table:not(.wp-block-table table) {
width: 100%;
border-collapse: separate;
border-spacing: 0;
border-radius: 10px;
border: 1px solid rgba(0, 0, 0, 0.1);
overflow: hidden;
margin: 25px 0;
}
.single-post .post-content .main-content .main-content-text table:not(.wp-block-table table) th,
.single-post .post-content .main-content .main-content-text table:not(.wp-block-table table) thead td {
background-color: rgba(0, 0, 0, 0.04);
padding: 14px 16px;
text-align: left;
font-weight: 600;
font-size: 13px;
color: rgba(0, 0, 0, 0.55);
text-transform: uppercase;
letter-spacing: 0.04em;
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}
.single-post .post-content .main-content .main-content-text table:not(.wp-block-table table) td {
padding: 13px 16px;
font-size: 14px;
color: rgba(0, 0, 0, 0.75);
border-bottom: 1px solid rgba(0, 0, 0, 0.06);
vertical-align: middle;
}
.single-post .post-content .main-content .main-content-text table:not(.wp-block-table table) tr:last-child td {
border-bottom: none;
}
.single-post .post-content .main-content .main-content-text table:not(.wp-block-table table) tbody tr {
transition: background-color 0.15s ease;
}
.single-post .post-content .main-content .main-content-text table:not(.wp-block-table table) tbody tr:hover {
background-color: rgba(0, 0, 0, 0.025);
}
.single-post .post-content .main-content .main-content-text .wp-block-image {
margin: 25px 0;
}
.single-post .post-content .main-content .main-content-text .wp-block-image img {
margin: 0;
}
.single-post .post-content .main-content .main-content-text .wp-block-video {
margin: 25px 0;
}
.single-post .post-content .main-content .main-content-text .wp-block-video video {
max-width: 100%;
height: auto;
display: block;
}
.single-post .post-content .main-content .main-content-text .wp-block-audio {
margin: 25px 0;
}
.single-post .post-content .main-content .main-content-text .wp-block-pullquote {
border-left: 5px solid rgb(218, 184, 121);
padding: 30px 20px;
margin: 30px 0;
font-size: 18px;
font-style: italic;
text-align: center;
background-color: #f4f7f7;
border-radius: 8px;
line-height: 1.6;
}
.single-post .post-content .main-content .main-content-text .wp-block-pullquote p {
margin-bottom: 10px;
font-size: 18px;
}
.single-post .post-content .main-content .main-content-text .wp-block-pullquote cite {
display: block;
margin-top: 15px;
font-size: 14px;
font-style: normal;
opacity: 0.7;
}
.single-post .post-content .main-content .main-content-text .wp-block-embed {
margin: 25px 0;
}
.single-post .post-content .main-content .main-content-text .wp-block-embed iframe {
max-width: 100%;
height: auto;
}
.single-post .post-content .main-content .main-content-text .wp-block-separator {
margin: 30px 0;
border: none;
border-top: 1px solid #a0a4ae;
opacity: 1;
}
.single-post .post-content .main-content .main-content-text .wp-block-columns {
display: grid;
gap: 20px;
margin: 25px 0;
}
.single-post .post-content .main-content .main-content-text .wp-block-columns .wp-block-column {
min-width: 0;
}
.single-post .post-content .main-content .main-content-text .wp-block-button {
display: inline-block;
margin: 15px 0;
}
.single-post .post-content .main-content .main-content-text .wp-block-button a {
display: inline-block;
padding: 12px 24px;
background-color: rgb(218, 184, 121);
color: #ffffff;
text-decoration: none;
border-radius: 8px;
font-weight: 600;
transition: all 300ms ease-in-out;
font-size: 16px;
}
.single-post .post-content .main-content .main-content-text .wp-block-button a:hover {
opacity: 0.9;
transform: translateY(-2px);
}
.single-post .post-content .main-content .main-content-text .wp-block-button.is-style-outline a {
background-color: transparent;
color: rgb(218, 184, 121);
border: 2px solid rgb(218, 184, 121);
}
.single-post .post-content .main-content .main-content-text .wp-block-list {
margin-bottom: 15px;
}
.single-post .post-content .main-content .main-content-text .wp-block-heading:not(:first-child) {
margin-top: 30px;
}
.single-post .post-content .main-content .main-content-text .wp-block-heading {
margin-bottom: 15px;
font-weight: 700;
}
.single-post .post-content .main-content .main-content-text .wp-block-paragraph {
margin-bottom: 15px;
}
.single-post .post-content .main-content .main-content-text .wp-block-group {
margin: 25px 0;
padding: 0;
}
.single-post .post-content .main-content .main-content-text .wp-block-group.has-background {
padding: 20px;
border-radius: 8px;
}
.single-post .post-content .main-content .main-content-text .wp-block-cover {
margin: 25px 0;
border-radius: 8px;
min-height: 300px;
}
@media (max-width: 767px) {
.single-post .post-content .main-content .main-content-text .wp-block-cover {
min-height: 200px;
}
}
.single-post .post-content .main-content .main-content-text .wp-block-gallery {
margin: 25px 0;
display: grid;
gap: 15px;
}
.single-post .post-content .main-content .main-content-text .wp-block-gallery figcaption {
font-size: 14px;
opacity: 0.6;
}
.single-post .post-content .sidebar-toc {
width: 280px;
margin-right: 40px;
}
@media (max-width: 991px) {
.single-post .post-content .sidebar-toc {
width: 0px;
margin-right: 0;
}
}
@media (max-width: 991px) {
.single-post .post-content .post-content .container {
flex-direction: column;
}
.single-post .post-content .main-content {
width: 100%;
padding-top: 0;
}
}
.single-post .post-content .post-footer-meta {
padding-top: 20px;
border-top: 1px solid #a0a4ae;
margin-top: 40px;
}
.single-post .post-content .post-footer-meta .meta-section {
margin-bottom: 25px;
}
.single-post .post-content .post-footer-meta .meta-title {
font-size: 16px;
font-weight: 500;
color: #494c4d;
margin-bottom: 10px;
}
.single-post .post-content .post-footer-meta .meta-items {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.single-post .post-content .post-footer-meta .meta-tag {
display: inline-flex;
align-items: center;
text-decoration: none;
color: #000000;
border: 1px solid #000000;
padding: 8px 15px;
border-radius: 20px;
font-size: 14px;
transition: all 300ms ease-in-out;
white-space: nowrap;
}
.single-post .post-content .post-footer-meta .meta-tag:hover {
background-color: #000000;
color: #ffffff;
}
.single-post .post-content .post-footer-meta .copy-button {
display: inline-flex;
align-items: center;
gap: 8px;
border: 1px solid #000000;
padding: 10px 20px;
border-radius: 20px;
font-size: 16px;
background-color: transparent;
color: #000000;
cursor: pointer;
transition: all 300ms ease-in-out;
}
.single-post .post-content .post-footer-meta .copy-button svg {
width: 18px;
height: 18px;
fill: currentColor;
}
.single-post .post-content .post-footer-meta .copy-button:hover {
border-color: #000000;
color: #000000;
}
.single-post .post-content .mini-title {
margin-left: 20px;
}
@media (max-width: 991px) {
.single-post .post-content .mini-title {
margin-left: 0;
margin-top: 60px;
}
}
.single-post .post-content .mini-title h4 {
margin-bottom: 20px;
font-size: 16px;
font-weight: 600;
}
.single-post .post-content .blog-item {
margin-bottom: 40px;
margin-left: 20px;
}
@media (max-width: 991px) {
.single-post .post-content .blog-item {
margin-left: 0;
}
}
.single-post .post-content .blog-item .blog-link {
display: flex;
text-decoration: none;
color: inherit;
transition: all 300ms ease-in-out;
}
.single-post .post-content .blog-item .blog-link:hover {
opacity: 0.8;
}
.single-post .post-content .blog-item .image {
flex: 0 0 80px;
height: 80px;
border-radius: 12px;
overflow: hidden;
}
.single-post .post-content .blog-item .image img {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 12px;
}
.single-post .post-content .blog-item .text {
display: flex;
flex-direction: column;
margin-left: 10px;
flex: 1;
}
.single-post .post-content .blog-item .text h6 {
color: #000000;
font-size: 16px;
font-weight: 600;
margin-bottom: 8px;
}
.single-post .post-content .blog-item .text span {
color: #494c4d;
font-size: 14px;
display: flex;
align-items: center;
gap: 5px;
margin-bottom: 5px;
}
.single-post .post-content .blog-item .text span.date img, .single-post .post-content .blog-item .text span.reading img {
width: 15px;
height: 15px;
}
.single-post .post-content .blog-item .text .reading {
color: #494c4d;
font-size: 14px;
display: flex;
align-items: center;
gap: 5px;
}
.single-post .post-content .blog-item .text .reading img {
width: 15px;
height: 15px;
}
.single-post .post-content .post-navigation {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 30px;
margin-top: 60px;
padding-top: 40px;
border-top: 1px solid #a0a4ae;
}
@media (max-width: 991px) {
.single-post .post-content .post-navigation {
grid-template-columns: 1fr;
gap: 20px;
}
}
.single-post .post-content .post-navigation .nav-prev a,
.single-post .post-content .post-navigation .nav-next a {
display: block;
padding: 20px;
border: 1px solid #a0a4ae;
border-radius: 12px;
text-decoration: none;
color: #000000;
font-weight: 500;
transition: all 300ms ease-in-out;
}
.single-post .post-content .post-navigation .nav-prev a:hover,
.single-post .post-content .post-navigation .nav-next a:hover {
border-color: #000000;
background-color: rgba(0, 0, 0, 0.05);
}
.single-post .post-content .post-navigation .nav-prev a {
text-align: left;
}
.single-post .post-content .post-navigation .nav-next a {
text-align: right;
}
.single-post .pagination-nav {
display: flex;
justify-content: center;
align-items: center;
gap: 8px;
margin-top: 60px;
padding: 40px 0;
}
.single-post .pagination-nav .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 44px;
height: 44px;
padding: 0 10px;
border: 1px solid #a0a4ae;
border-radius: 8px;
text-decoration: none;
color: #000000;
font-weight: 500;
transition: all 300ms ease-in-out;
}
.single-post .pagination-nav .page-numbers:hover {
border-color: rgb(218, 184, 121);
color: rgb(218, 184, 121);
}
.single-post .pagination-nav .page-numbers.current {
background-color: rgb(218, 184, 121);
color: #ffffff;
border-color: rgb(218, 184, 121);
}
.single-post .pagination-nav .page-numbers.dots {
border: none;
cursor: default;
}
.single-post .pagination-nav .page-numbers.dots:hover {
border: none;
color: #000000;
}
.single-post .pagination-nav .page-numbers.prev, .single-post .pagination-nav .page-numbers.next {
padding: 0 15px;
}
.single-post .pagination-nav .page-numbers.prev:hover, .single-post .pagination-nav .page-numbers.next:hover {
background-color: rgba(218, 184, 121, 0.1);
}
@media (max-width: 767px) {
.single-post .pagination-nav {
gap: 4px;
font-size: 14px;
}
.single-post .pagination-nav .page-numbers {
min-width: 36px;
height: 36px;
padding: 0 6px;
}
.single-post .pagination-nav .page-numbers.prev, .single-post .pagination-nav .page-numbers.next {
padding: 0 10px;
}
}
.search-bar {
background-color: rgb(218, 184, 121);
padding: 0;
}
.search-bar .search-panel {
position: relative;
display: grid;
grid-template-columns: 310px minmax(0, 1fr);
gap: 34px;
align-items: center;
overflow: hidden;
padding: 22px 0;
background-color: rgb(218, 184, 121);
border: 0;
border-radius: 0;
box-shadow: none;
}
.search-bar .search-panel--full {
grid-template-columns: 1fr;
}
.search-bar .search-panel::before {
display: none;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.search-bar .search-panel {
grid-template-columns: 290px minmax(0, 1fr);
gap: 28px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.search-bar .search-panel {
grid-template-columns: 270px minmax(0, 1fr);
gap: 22px;
}
}
@media (max-width: 991px) {
.search-bar .search-panel {
grid-template-columns: 140px minmax(0, 1fr);
gap: 16px;
}
}
@media (max-width: 767px) {
.search-bar .search-panel {
grid-template-columns: 74px minmax(0, 1fr);
gap: 12px;
}
}
@media (max-width: 320px) {
.search-bar .search-panel {
grid-template-columns: 68px minmax(0, 1fr);
gap: 10px;
padding: 12px 14px;
}
}
.search-bar .search-intro {
min-width: 0;
margin-bottom: 0;
}
.search-bar .search-copy h1 {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.search-bar .search-copy p {
display: none;
}
.search-bar .search-social-links ul {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 10px;
margin: 0;
padding: 0;
}
@media (max-width: 1199px) {
.search-bar .search-social-links ul {
justify-content: center;
}
}
.search-bar .search-social-links li {
display: flex;
}
.search-bar .search-social-links a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
background-color: #ffffff;
border-radius: 50%;
transition: all 300ms ease-in-out;
}
.search-bar .search-social-links a:hover, .search-bar .search-social-links a:focus-visible {
background-color: rgb(28, 31, 32);
}
.search-bar .search-social-links a:hover img, .search-bar .search-social-links a:focus-visible img {
filter: brightness(0) invert(1);
}
@media (max-width: 991px) {
.search-bar .search-social-links a {
width: 34px;
height: 34px;
}
}
@media (max-width: 767px) {
.search-bar .search-social-links a {
width: 28px;
height: 28px;
}
}
.search-bar .search-social-links a[data-platform=sahibinden] img {
width: 25px;
height: 25px;
}
.search-bar .search-social-links img {
display: block;
width: 17px;
height: 17px;
object-fit: contain;
filter: brightness(0) saturate(100%);
transition: all 300ms ease-in-out;
}
@media (max-width: 767px) {
.search-bar .search-social-links img {
width: 14px;
height: 14px;
}
}
.search-bar form {
display: grid;
grid-template-columns: minmax(0, 1fr) 64px;
gap: 0;
align-items: stretch;
min-width: 0;
}
@media (max-width: 991px) {
.search-bar form {
grid-template-columns: minmax(0, 1fr) 60px;
}
}
@media (max-width: 767px) {
.search-bar form {
grid-template-columns: minmax(0, 1fr) 56px;
}
}
.search-bar form .search-keyword,
.search-bar form .form-field {
display: flex;
flex-direction: column;
gap: 0;
min-width: 0;
}
.search-bar form .search-keyword label,
.search-bar form .form-field label {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.search-bar form .search-keyword input,
.search-bar form .search-keyword select,
.search-bar form .form-field input,
.search-bar form .form-field select {
width: 100%;
min-height: 58px;
padding: 0 20px;
color: rgb(28, 31, 32);
background-color: #ffffff;
border: 0;
border-radius: 9999px 0 0 9999px;
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 14px;
font-weight: 500;
transition: all 300ms ease-in-out;
}
.search-bar form .search-keyword input::placeholder,
.search-bar form .search-keyword select::placeholder,
.search-bar form .form-field input::placeholder,
.search-bar form .form-field select::placeholder {
color: #77797a;
opacity: 1;
}
.search-bar form .search-keyword input:hover,
.search-bar form .search-keyword select:hover,
.search-bar form .form-field input:hover,
.search-bar form .form-field select:hover {
border-color: rgb(218, 184, 121);
}
.search-bar form .search-keyword input:focus,
.search-bar form .search-keyword select:focus,
.search-bar form .form-field input:focus,
.search-bar form .form-field select:focus {
border-color: rgb(218, 184, 121);
box-shadow: 0 0 0 4px rgba(218, 184, 121, 0.1);
}
@media (max-width: 991px) {
.search-bar form .search-keyword input,
.search-bar form .search-keyword select,
.search-bar form .form-field input,
.search-bar form .form-field select {
min-height: 52px;
}
}
@media (max-width: 767px) {
.search-bar form .search-keyword input,
.search-bar form .search-keyword select,
.search-bar form .form-field input,
.search-bar form .form-field select {
min-height: 48px;
padding: 0 14px;
font-size: 12px;
}
}
.search-bar form .search-fields {
display: none;
}
.search-bar form .search-actions {
position: relative;
}
.search-bar form .search-actions::before, .search-bar form .search-actions::after {
position: absolute;
z-index: 1;
content: "";
pointer-events: none;
}
.search-bar form .search-actions::before {
top: 18px;
left: 21px;
width: 17px;
height: 17px;
border: 3px solid #ffffff;
border-radius: 50%;
}
@media (max-width: 991px) {
.search-bar form .search-actions::before {
top: 16px;
left: 20px;
}
}
@media (max-width: 767px) {
.search-bar form .search-actions::before {
top: 15px;
left: 18px;
width: 15px;
height: 15px;
}
}
.search-bar form .search-actions::after {
top: 34px;
left: 37px;
width: 11px;
height: 3px;
background-color: #ffffff;
border-radius: 9999px;
transform: rotate(45deg);
}
@media (max-width: 991px) {
.search-bar form .search-actions::after {
top: 31px;
left: 35px;
}
}
@media (max-width: 767px) {
.search-bar form .search-actions::after {
top: 29px;
left: 32px;
width: 10px;
}
}
.search-bar form .search-actions input[type=submit] {
width: 100%;
min-width: 64px;
min-height: 58px;
padding: 0;
color: transparent;
background-color: rgb(28, 31, 32);
border: 1px solid rgb(28, 31, 32);
border-radius: 0 9999px 9999px 0;
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 0;
font-weight: 700;
cursor: pointer;
transition: all 300ms ease-in-out;
}
.search-bar form .search-actions input[type=submit]:hover, .search-bar form .search-actions input[type=submit]:focus {
background-color: #16191a;
border-color: #16191a;
}
@media (max-width: 991px) {
.search-bar form .search-actions input[type=submit] {
min-width: 60px;
min-height: 52px;
}
}
@media (max-width: 767px) {
.search-bar form .search-actions input[type=submit] {
min-width: 56px;
min-height: 48px;
}
}
.search-bar .search-tags {
display: none;
}
.section-1 {
background-color: #f4f7f7;
padding: 30px 0;
}
@media (max-width: 991px) {
.section-1 {
padding-bottom: 25px;
}
}
@media (max-width: 767px) {
.section-1 {
padding-bottom: 20px;
}
}
.section-1 .vehicle-layout {
display: grid;
grid-template-columns: 310px minmax(0, 1fr);
gap: 34px;
align-items: start;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.section-1 .vehicle-layout {
grid-template-columns: 290px minmax(0, 1fr);
gap: 28px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.section-1 .vehicle-layout {
grid-template-columns: 270px minmax(0, 1fr);
gap: 22px;
}
}
@media (max-width: 991px) {
.section-1 .vehicle-layout {
grid-template-columns: 1fr;
}
}
.section-1 .filter-sidebar {
position: sticky;
top: 110px;
display: flex;
flex-direction: column;
max-height: calc(100vh - 130px);
overflow: hidden;
background-color: #ffffff;
border: 0;
border-radius: 6px;
box-shadow: 0 18px 44px rgba(0, 0, 0, 0.05), 0 8px 18px rgba(0, 0, 0, 0.05);
}
@media (max-width: 991px) {
.section-1 .filter-sidebar {
position: static;
max-height: none;
}
}
.section-1 .filter-sidebar .filter-toggle {
position: relative;
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
width: 100%;
margin: 0;
padding: 22px 26px 34px;
background-color: #ffffff;
border: 0;
cursor: default;
color: rgb(28, 31, 32);
box-shadow: inset 0 -1px 0 #e8e9e9;
font-size: 16px;
font-weight: 600;
line-height: 1.2;
text-align: left;
}
.section-1 .filter-sidebar .filter-toggle::after {
position: absolute;
bottom: 14px;
left: 26px;
width: 44px;
height: 3px;
content: "";
background-color: rgb(218, 184, 121);
border-radius: 9999px;
}
.section-1 .filter-sidebar .filter-toggle img {
display: none;
flex: 0 0 auto;
}
@media (min-width: 992px) and (max-width: 1199px) {
.section-1 .filter-sidebar .filter-toggle {
padding: 20px 22px 32px;
font-size: 16px;
}
.section-1 .filter-sidebar .filter-toggle::after {
bottom: 12px;
left: 22px;
}
}
@media (max-width: 991px) {
.section-1 .filter-sidebar .filter-toggle {
padding: 16px 20px;
box-shadow: none;
cursor: pointer;
}
.section-1 .filter-sidebar .filter-toggle::after {
display: none;
}
.section-1 .filter-sidebar .filter-toggle img {
display: block;
}
.section-1 .filter-sidebar .filter-toggle.is-open {
box-shadow: inset 0 -1px 0 #e8e9e9;
}
}
@media (max-width: 767px) {
.section-1 .filter-sidebar .filter-toggle {
padding: 10px 15px;
}
}
@media (max-width: 320px) {
.section-1 .filter-sidebar .filter-toggle {
min-height: 90px;
padding: 18px 20px;
}
}
.section-1 .filter-groups {
flex: 1 1 auto;
min-height: 0;
overflow-y: auto;
interpolate-size: allow-keywords;
scrollbar-color: rgb(218, 184, 121) #e8e9e9;
scrollbar-width: thin;
}
@media (max-width: 991px) {
.section-1 .filter-groups {
max-height: none;
overflow: visible;
display: none;
}
.section-1 .filter-groups.is-open {
display: block;
}
}
.section-1 .filter-groups details {
border-bottom: 1px solid #e8e9e9;
}
.section-1 .filter-groups details:last-child {
border-bottom: 0;
}
.section-1 .filter-groups details.is-open summary::after {
content: "-";
}
.section-1 .filter-groups .filter-panel-wrapper {
overflow: hidden;
transition: height 300ms ease-in-out;
}
.section-1 .filter-groups .filter-panel-wrapper > ul,
.section-1 .filter-groups .filter-panel-wrapper > .range-inputs {
margin-top: 1rem;
}
.section-1 .filter-groups summary {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
min-height: 54px;
padding: 14px 26px;
color: rgb(28, 31, 32);
font-size: 14px;
font-weight: 500;
line-height: 1.2;
cursor: pointer;
list-style: none;
transition: all 300ms ease-in-out;
}
.section-1 .filter-groups summary::-webkit-details-marker {
display: none;
}
.section-1 .filter-groups summary img {
flex: 0 0 auto;
width: 20px;
height: 20px;
opacity: 0.6;
}
.section-1 .filter-groups summary::after {
flex: 0 0 auto;
margin-left: auto;
content: "+";
color: rgb(218, 184, 121);
font-size: 20px;
font-weight: 400;
line-height: 1;
}
.section-1 .filter-groups summary:hover, .section-1 .filter-groups summary:focus-visible {
color: rgb(218, 184, 121);
background-color: rgba(218, 184, 121, 0.1);
}
@media (min-width: 992px) and (max-width: 1199px) {
.section-1 .filter-groups summary {
gap: 10px;
min-height: 50px;
padding: 12px 22px;
font-size: 14px;
}
.section-1 .filter-groups summary img {
width: 18px;
height: 18px;
}
}
@media (max-width: 767px) {
.section-1 .filter-groups summary {
min-height: 50px;
padding: 12px 20px;
font-size: 14px;
}
}
.section-1 .filter-groups ul {
display: flex;
flex-direction: column;
gap: 10px;
max-height: 230px;
padding: 0 24px 18px;
overflow-y: auto;
scrollbar-color: rgb(218, 184, 121) #e8e9e9;
scrollbar-width: thin;
}
@media (min-width: 992px) and (max-width: 1199px) {
.section-1 .filter-groups ul {
padding: 0 20px 16px;
}
}
@media (max-width: 767px) {
.section-1 .filter-groups ul {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px 14px;
max-height: none;
padding: 0 18px 16px;
}
}
@media (max-width: 576px) {
.section-1 .filter-groups ul {
grid-template-columns: 1fr;
}
}
.section-1 .filter-groups ul li {
display: flex;
align-items: center;
gap: 10px;
min-width: 0;
}
.section-1 .filter-groups ul input[type=checkbox] {
flex: 0 0 auto;
width: 18px;
height: 18px;
margin: 0;
accent-color: rgb(218, 184, 121);
cursor: pointer;
}
.section-1 .filter-groups ul label {
display: inline-flex;
align-items: center;
flex: 1 1 auto;
min-height: 28px;
min-width: 0;
color: #494c4d;
font-size: 14px;
font-weight: 500;
line-height: 1.35;
cursor: pointer;
transition: all 300ms ease-in-out;
}
.section-1 .filter-groups ul label:hover, .section-1 .filter-groups ul label:focus-visible {
color: rgb(218, 184, 121);
}
.section-1 .filter-groups ul input[type=checkbox]:checked + label {
color: rgb(218, 184, 121);
font-weight: 700;
}
.section-1 .filter-groups .range-inputs {
display: flex;
align-items: center;
gap: 10px;
padding: 4px 24px 22px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.section-1 .filter-groups .range-inputs {
padding: 4px 20px 18px;
}
}
@media (max-width: 767px) {
.section-1 .filter-groups .range-inputs {
padding: 4px 18px 18px;
}
}
.section-1 .filter-groups .range-inputs label {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.section-1 .filter-groups .range-inputs input[type=number] {
flex: 1 1 0;
min-width: 0;
height: 44px;
padding: 0 12px;
border: 1.5px solid #d2d2d2;
border-radius: 8px;
background-color: #ffffff;
color: rgb(28, 31, 32);
font-size: 14px;
font-weight: 500;
font-family: inherit;
text-align: center;
transition: border-color 200ms ease-in-out, box-shadow 200ms ease-in-out;
appearance: textfield;
-moz-appearance: textfield;
}
.section-1 .filter-groups .range-inputs input[type=number]::-webkit-outer-spin-button, .section-1 .filter-groups .range-inputs input[type=number]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.section-1 .filter-groups .range-inputs input[type=number]::placeholder {
color: #a4a5a6;
font-weight: 400;
}
.section-1 .filter-groups .range-inputs input[type=number]:hover {
border-color: #77797a;
}
.section-1 .filter-groups .range-inputs input[type=number]:focus {
outline: none;
border-color: rgb(218, 184, 121);
box-shadow: 0 0 0 3px rgba(218, 184, 121, 0.2);
}
.section-1 .filter-groups .range-inputs input[type=number]:not(:placeholder-shown) {
border-color: rgb(218, 184, 121);
color: rgb(28, 31, 32);
font-weight: 600;
}
.section-1 .filter-groups .range-inputs span {
flex: 0 0 auto;
color: #77797a;
font-size: 16px;
font-weight: 400;
line-height: 1;
user-select: none;
}
.section-1 .filter-submit {
flex-shrink: 0;
padding: 16px 24px 20px;
background-color: #ffffff;
border-top: 1px solid #e8e9e9;
}
@media (min-width: 992px) and (max-width: 1199px) {
.section-1 .filter-submit {
padding: 14px 22px 18px;
}
}
@media (max-width: 991px) {
.section-1 .filter-submit {
display: none;
}
.section-1 .filter-submit.is-open {
display: block;
}
}
.section-1 .filter-submit-btn {
display: block;
width: 100%;
height: 44px;
padding: 0;
color: #ffffff;
background-color: rgb(218, 184, 121);
border: 0;
border-radius: 8px;
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition: all 300ms ease-in-out;
}
.section-1 .filter-submit-btn:hover, .section-1 .filter-submit-btn:focus-visible {
background-color: #ae9361;
}
.section-1 .vehicle-content {
min-width: 0;
}
.section-1 .vehicle-toolbar {
display: flex;
align-items: flex-start;
justify-content: space-between;
gap: 28px;
margin-bottom: 28px;
}
@media (max-width: 767px) {
.section-1 .vehicle-toolbar {
flex-direction: column;
gap: 16px;
margin-bottom: 22px;
}
}
.section-1 .vehicle-heading h2 {
margin: 0 0 6px;
color: rgb(28, 31, 32);
font-size: 28px;
font-weight: 700;
line-height: 1.2;
}
@media (max-width: 767px) {
.section-1 .vehicle-heading h2 {
font-size: 20px;
}
}
.section-1 .vehicle-heading p {
margin: 0;
color: #77797a;
font-size: 14px;
font-weight: 400;
line-height: 1.4;
}
.section-1 .vehicle-heading p strong {
color: rgb(218, 184, 121);
font-weight: 700;
}
.section-1 .vehicle-controls {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 12px;
}
@media (max-width: 767px) {
.section-1 .vehicle-controls {
width: 100%;
justify-content: space-between;
gap: 10px;
}
}
@media (max-width: 576px) {
.section-1 .vehicle-controls {
flex-direction: column;
align-items: stretch;
}
}
.section-1 .sort-control {
position: relative;
}
.section-1 .sort-control::after {
position: absolute;
top: 50%;
right: 22px;
width: 14px;
height: 14px;
content: "";
background-color: rgb(28, 31, 32);
pointer-events: none;
transform: translateY(-50%);
-webkit-mask: url(//bursavipoto.com/wp-content/themes/bursavipoto/assets/icons/angle-down.svg) center/contain no-repeat;
mask: url(//bursavipoto.com/wp-content/themes/bursavipoto/assets/icons/angle-down.svg) center/contain no-repeat;
}
@media (max-width: 767px) {
.section-1 .sort-control::after {
right: 18px;
width: 12px;
height: 12px;
}
}
@media (max-width: 767px) {
.section-1 .sort-control {
flex: 1 1 auto;
}
}
.section-1 .sort-control label {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.section-1 .sort-control select {
appearance: none;
-webkit-appearance: none;
width: 240px;
min-height: 48px;
padding: 0 52px 0 20px;
color: rgb(28, 31, 32);
background-color: #ffffff;
border: 1px solid #a0a4ae;
border-radius: 12px;
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 14px;
font-weight: 500;
transition: all 300ms ease-in-out;
}
.section-1 .sort-control select:hover, .section-1 .sort-control select:focus {
border-color: rgb(218, 184, 121);
box-shadow: 0 0 0 4px rgba(218, 184, 121, 0.1);
}
@media (max-width: 767px) {
.section-1 .sort-control select {
width: 100%;
min-height: 44px;
padding-right: 44px;
padding-left: 16px;
font-size: 13px;
}
}
.section-1 .view-controls {
display: flex;
align-items: center;
gap: 6px;
}
@media (max-width: 1199px) {
.section-1 .view-controls {
display: none;
}
}
.section-1 .view-controls button {
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
padding: 0;
color: rgb(28, 31, 32);
background-color: #ffffff;
border: 1px solid #a0a4ae;
border-radius: 12px;
cursor: pointer;
transition: all 300ms ease-in-out;
}
.section-1 .view-controls button img {
display: block;
width: 18px;
height: 18px;
object-fit: contain;
transition: all 300ms ease-in-out;
}
.section-1 .view-controls button[aria-pressed=true], .section-1 .view-controls button:hover, .section-1 .view-controls button:focus-visible {
background-color: rgb(218, 184, 121);
border-color: rgb(218, 184, 121);
}
.section-1 .view-controls button[aria-pressed=true] img, .section-1 .view-controls button:hover img, .section-1 .view-controls button:focus-visible img {
filter: brightness(0) invert(1);
}
.section-1 .vehicle-highlight {
margin-bottom: 32px;
}
.section-1 .vehicle-highlight .vehicle-highlight-slider {
position: relative;
overflow: hidden;
border-radius: 12px;
aspect-ratio: 16/3;
}
@media (max-width: 991px) {
.section-1 .vehicle-highlight .vehicle-highlight-slider {
aspect-ratio: 3/4;
}
}
.section-1 .vehicle-highlight .vehicle-highlight-slider .slick-list {
margin: 0 -8px;
}
.section-1 .vehicle-highlight .vehicle-highlight-slider .slick-slide {
padding: 0 8px;
}
.section-1 .vehicle-highlight .vehicle-highlight-slider .slick-track::before, .section-1 .vehicle-highlight .vehicle-highlight-slider .slick-track::after {
display: none;
}
.section-1 .vehicle-highlight .highlight-slide {
position: relative;
}
.section-1 .vehicle-highlight .highlight-link {
position: absolute;
inset: 0;
z-index: 2;
border-radius: 12px;
}
.section-1 .vehicle-highlight .slide-media {
display: block;
width: 100%;
aspect-ratio: 16/3;
object-fit: cover;
border-radius: 12px;
}
@media (max-width: 991px) {
.section-1 .vehicle-highlight .slide-media {
aspect-ratio: 3/4;
}
}
@media (max-width: 767px) {
.section-1 .vehicle-highlight .slide-media--desktop {
display: none;
}
}
.section-1 .vehicle-highlight .slide-media--mobil {
display: none;
}
@media (max-width: 767px) {
.section-1 .vehicle-highlight .slide-media--mobil {
display: block;
}
}
.section-1 .vehicle-grid {
align-items: stretch;
transition: opacity 220ms ease;
}
.section-1 .vehicle-grid > [class*=col] {
display: flex;
}
@media (max-width: 767px) {
.section-1 .vehicle-grid > [class*=col] {
flex: 0 0 100%;
max-width: 100%;
}
}
.section-1 .vehicle-grid.is-switching {
opacity: 0;
}
.section-1 .vehicle-grid.is-list-view > [class*=col] {
flex: 0 0 50%;
width: 50%;
max-width: 50%;
}
@media (max-width: 991px) {
.section-1 .vehicle-grid.is-list-view > [class*=col] {
flex: 0 0 100%;
width: 100%;
max-width: 100%;
}
}
.section-1 .vehicle-grid.is-list-view .vehicle-card {
flex-direction: row;
min-height: 190px;
}
.section-1 .vehicle-grid.is-list-view .vehicle-card:hover {
transform: none;
}
@media (max-width: 991px) {
.section-1 .vehicle-grid.is-list-view .vehicle-card {
min-height: 180px;
}
}
@media (max-width: 767px) {
.section-1 .vehicle-grid.is-list-view .vehicle-card {
min-height: 130px;
}
}
.section-1 .vehicle-grid.is-list-view .vehicle-media {
flex: 0 0 300px;
width: 300px;
aspect-ratio: unset;
border-radius: 8px 0 0 8px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.section-1 .vehicle-grid.is-list-view .vehicle-media {
flex: 0 0 280px;
width: 280px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.section-1 .vehicle-grid.is-list-view .vehicle-media {
flex: 0 0 250px;
width: 250px;
}
}
@media (max-width: 991px) {
.section-1 .vehicle-grid.is-list-view .vehicle-media {
flex: 0 0 280px;
width: 280px;
}
}
@media (max-width: 767px) {
.section-1 .vehicle-grid.is-list-view .vehicle-media {
flex: 0 0 150px;
width: 150px;
border-radius: 20px 0 0 20px;
}
}
.section-1 .vehicle-grid.is-list-view .vehicle-info {
min-width: 0;
padding: 18px 24px;
}
.section-1 .vehicle-grid.is-list-view .vehicle-info h3 {
display: block;
max-width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-size: 16px;
padding-bottom: 12px;
margin-bottom: 10px;
}
.section-1 .vehicle-grid.is-list-view .vehicle-info ul {
padding-top: 8px;
gap: 6px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.section-1 .vehicle-grid.is-list-view .vehicle-info {
padding: 16px 18px;
}
.section-1 .vehicle-grid.is-list-view .vehicle-info h3 {
font-size: 14px;
}
}
@media (max-width: 991px) {
.section-1 .vehicle-grid.is-list-view .vehicle-info {
padding: 16px 20px;
}
}
@media (max-width: 767px) {
.section-1 .vehicle-grid.is-list-view .vehicle-info {
padding: 12px 14px;
}
.section-1 .vehicle-grid.is-list-view .vehicle-info h3 {
font-size: 13px;
padding-bottom: 8px;
margin-bottom: 6px;
}
.section-1 .vehicle-grid.is-list-view .vehicle-info ul {
display: grid;
grid-template-columns: repeat(2, 1fr);
padding-top: 6px;
gap: 5px;
}
.section-1 .vehicle-grid.is-list-view .vehicle-info ul li {
font-size: 12px;
min-height: 26px;
padding: 4px 8px;
}
.section-1 .vehicle-grid.is-list-view .vehicle-info ul li:last-child:nth-child(odd) {
grid-column: 1/-1;
}
}
.section-1 .vehicle-grid.is-list-view .vehicle-price p {
font-size: 20px;
}
@media (min-width: 992px) and (max-width: 1199px) {
.section-1 .vehicle-grid.is-list-view .vehicle-price p {
font-size: 18px;
}
}
@media (max-width: 767px) {
.section-1 .vehicle-grid.is-list-view .vehicle-price p {
font-size: 14px;
}
}
@media (max-width: 767px) {
.section-1 .vehicle-grid.is-list-view .vehicle-location {
display: none;
}
}
.section-1 .vehicle-card {
position: relative;
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
overflow: visible;
background-color: #ffffff;
border: 1px solid #a0a4ae;
border-radius: 8px;
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.05);
transition: all 300ms ease-in-out;
}
.section-1 .vehicle-card:hover {
border-color: rgb(218, 184, 121);
box-shadow: 0 16px 36px rgba(0, 0, 0, 0.1);
transform: translateY(-4px);
}
@media (max-width: 767px) {
.section-1 .vehicle-card {
border-color: #ffffff;
border-radius: 20px;
box-shadow: 0 18px 42px rgba(0, 0, 0, 0.05);
}
.section-1 .vehicle-card:hover {
transform: none;
}
}
.section-1 .vehicle-card a {
color: inherit;
}
.section-1 .vehicle-media {
position: relative;
aspect-ratio: 16/13;
overflow: visible;
background-color: #e8e9e9;
border-radius: 8px 8px 0 0;
}
@media (max-width: 767px) {
.section-1 .vehicle-media {
aspect-ratio: 16/11;
}
.section-1 .vehicle-media .vehicle-media-link > img {
transform: none;
}
}
.section-1 .vehicle-media .vehicle-media-link {
display: block;
width: 100%;
height: 100%;
overflow: hidden;
border-radius: inherit;
}
.section-1 .vehicle-media .vehicle-media-link > img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: all 500ms ease-in-out;
}
.section-1 .vehicle-media > span,
.section-1 .vehicle-media .vehicle-tags span {
position: absolute;
top: 12px;
left: 12px;
z-index: 3;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
padding: 6px 14px;
color: #ffffff;
background-color: rgb(218, 184, 121);
border-radius: 9999px;
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
font-size: 12px;
font-weight: 600;
line-height: 1.2;
text-transform: uppercase;
}
.section-1 .vehicle-media > span:nth-child(2),
.section-1 .vehicle-media .vehicle-tags span:nth-child(2) {
color: #ffffff;
background-color: rgb(28, 31, 32);
}
@media (max-width: 767px) {
.section-1 .vehicle-media > span,
.section-1 .vehicle-media .vehicle-tags span {
gap: 6px;
padding: 5px 10px;
font-size: 10px;
}
.section-1 .vehicle-media > span img,
.section-1 .vehicle-media .vehicle-tags span img {
width: 10px;
height: 10px;
}
}
.section-1 .vehicle-media > span img,
.section-1 .vehicle-media .vehicle-tags span img {
display: block;
width: 12px;
height: 12px;
object-fit: contain;
filter: brightness(0) invert(1);
}
.section-1 .vehicle-media .vehicle-tags {
position: absolute;
top: 12px;
left: 12px;
z-index: 3;
display: flex;
flex-wrap: wrap;
gap: 8px;
max-width: calc(100% - 24px);
}
@media (max-width: 767px) {
.section-1 .vehicle-media .vehicle-tags {
top: 10px;
left: 10px;
gap: 5px;
max-width: calc(100% - 20px);
}
}
.section-1 .vehicle-media .vehicle-tags span {
position: static;
}
.section-1 .vehicle-media .vehicle-location {
position: absolute;
right: auto;
bottom: 18px;
left: 12px;
z-index: 4;
display: inline-flex;
align-items: center;
gap: 12px;
width: auto;
max-width: calc(100% - 88px);
padding: 7px 10px;
color: #ffffff;
background-color: rgba(0, 0, 0, 0.7);
border-radius: 8px;
font-size: 12px;
font-weight: 500;
line-height: 1.2;
opacity: 1;
transform: none;
transition: all 300ms ease-in-out;
}
@media (max-width: 767px) {
.section-1 .vehicle-media .vehicle-location {
bottom: 8px;
left: 8px;
gap: 5px;
max-width: calc(100% - 66px);
overflow: hidden;
white-space: nowrap;
padding: 4px 8px;
font-size: 10px;
}
.section-1 .vehicle-media .vehicle-location::before {
flex: 0 0 12px;
width: 12px;
height: 12px;
}
}
.section-1 .vehicle-media .vehicle-location::before {
flex: 0 0 18px;
width: 18px;
height: 18px;
content: "";
background-color: rgb(218, 184, 121);
-webkit-mask: url(//bursavipoto.com/wp-content/themes/bursavipoto/assets/icons/map-pin.svg) center/contain no-repeat;
mask: url(//bursavipoto.com/wp-content/themes/bursavipoto/assets/icons/map-pin.svg) center/contain no-repeat;
}
.section-1 .vehicle-media .vehicle-expertise-summary {
position: absolute;
right: 12px;
bottom: 12px;
z-index: 6;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 0;
width: 44px;
min-width: 44px;
height: 44px;
padding: 0;
color: rgb(28, 31, 32);
background-color: #ffffff;
border: 1px solid rgba(218, 184, 121, 0.6);
border-radius: 9999px;
box-shadow: 0 12px 28px rgba(0, 0, 0, 0.16);
cursor: pointer;
transition: all 300ms ease-in-out;
list-style: none;
}
.section-1 .vehicle-media .vehicle-expertise-summary::-webkit-details-marker {
display: none;
}
.section-1 .vehicle-media .vehicle-expertise-summary img {
display: block;
flex: 0 0 22px;
width: 22px;
height: 22px;
object-fit: contain;
}
.section-1 .vehicle-media .vehicle-expertise-summary span {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
.section-1 .vehicle-media .vehicle-expertise-summary:hover, .section-1 .vehicle-media .vehicle-expertise-summary:focus-visible {
background-color: rgb(218, 184, 121);
border-color: rgb(218, 184, 121);
transform: translateY(-2px);
}
@media (max-width: 767px) {
.section-1 .vehicle-media .vehicle-expertise-summary {
right: 8px;
bottom: 8px;
width: 42px;
min-width: 42px;
height: 42px;
padding: 0;
}
}
.section-1 .vehicle-media .vehicle-expertise-popover {
position: static;
}
.section-1 .vehicle-media .vehicle-expertise-popover[open] .vehicle-expertise-summary {
background-color: rgb(218, 184, 121);
border-color: rgb(218, 184, 121);
transform: translateY(-2px);
}
.section-1 .vehicle-media .vehicle-expertise-popover[open] .vehicle-expertise-panel {
opacity: 1;
pointer-events: auto;
transform: translateY(0) scale(1);
}
.section-1 .vehicle-media .vehicle-expertise-popover:not([open]) .vehicle-expertise-panel {
display: none;
}
.section-1 .vehicle-media .vehicle-expertise-panel {
position: absolute;
right: 12px;
bottom: 66px;
z-index: 10;
width: min(292px, calc(100vw - 32px));
padding: 38px 10px 10px;
background-color: #ffffff;
border: 1px solid #d2d2d2;
border-radius: 12px;
box-shadow: 0 24px 60px rgba(0, 0, 0, 0.22);
opacity: 0;
pointer-events: none;
transform: translateY(8px) scale(0.98);
transform-origin: right bottom;
transition: all 300ms ease-in-out;
}
.section-1 .vehicle-media .vehicle-expertise-panel::after {
position: absolute;
right: 20px;
bottom: -8px;
width: 16px;
height: 16px;
content: "";
background-color: #ffffff;
border-right: 1px solid #d2d2d2;
border-bottom: 1px solid #d2d2d2;
transform: rotate(45deg);
}
.section-1 .vehicle-media .vehicle-expertise-panel .vehicle-expertise-close {
position: absolute;
top: 8px;
right: 8px;
z-index: 3;
display: inline-flex;
align-items: center;
justify-content: center;
width: 26px;
height: 26px;
padding: 0;
color: rgb(28, 31, 32);
background-color: #e8e9e9;
border: 1px solid #d2d2d2;
border-radius: 50%;
cursor: pointer;
transition: all 300ms ease-in-out;
}
.section-1 .vehicle-media .vehicle-expertise-panel .vehicle-expertise-close span {
display: block;
font-size: 18px;
font-weight: 600;
line-height: 1;
transform: translateY(-1px);
}
.section-1 .vehicle-media .vehicle-expertise-panel .vehicle-expertise-close:hover, .section-1 .vehicle-media .vehicle-expertise-panel .vehicle-expertise-close:focus-visible {
color: #ffffff;
background-color: rgb(28, 31, 32);
border-color: rgb(28, 31, 32);
}
.section-1 .vehicle-media .vehicle-expertise-panel .expertise-diagram {
position: relative;
z-index: 1;
margin: 0;
padding: 10px;
background-color: #f4f7f7;
border: 1px solid #e8e9e9;
border-radius: 8px;
}
.section-1 .vehicle-media .vehicle-expertise-panel .expertise-diagram svg {
display: block;
width: 100%;
height: auto;
}
.section-1 .vehicle-media .vehicle-expertise-panel .expertise-diagram svg .orijinal {
fill: #5cb87a;
}
.section-1 .vehicle-media .vehicle-expertise-panel .expertise-diagram svg .boyali {
fill: #c9971e;
}
.section-1 .vehicle-media .vehicle-expertise-panel .expertise-diagram svg .degisen {
fill: #d95555;
}
.section-1 .vehicle-media .vehicle-expertise-panel .expertise-diagram svg .belirtilmedi {
fill: #d2d2d2;
}
.section-1 .vehicle-media .vehicle-expertise-panel .expertise-diagram svg path[data-part] {
transition: all 300ms ease-in-out;
}
.section-1 .vehicle-media .vehicle-expertise-panel .expertise-legend {
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #d2d2d2;
}
.section-1 .vehicle-media .vehicle-expertise-panel .expertise-legend ul {
display: flex;
flex-wrap: wrap;
gap: 7px 12px;
margin: 0;
padding: 0;
list-style: none;
}
.section-1 .vehicle-media .vehicle-expertise-panel .expertise-legend li {
display: flex;
align-items: center;
gap: 6px;
color: rgb(28, 31, 32);
font-size: 10px;
font-weight: 600;
line-height: 1.2;
}
.section-1 .vehicle-media .vehicle-expertise-panel .expertise-legend li::before {
flex: 0 0 9px;
width: 9px;
height: 9px;
content: "";
border-radius: 50%;
}
.section-1 .vehicle-media .vehicle-expertise-panel .expertise-legend li[data-status=o]::before {
background-color: #5cb87a;
}
.section-1 .vehicle-media .vehicle-expertise-panel .expertise-legend li[data-status=b]::before {
background-color: #c9971e;
}
.section-1 .vehicle-media .vehicle-expertise-panel .expertise-legend li[data-status=d]::before {
background-color: #d95555;
}
.section-1 .vehicle-media .vehicle-expertise-panel .expertise-legend li[data-status=""]::before {
background-color: #d2d2d2;
}
@media (max-width: 767px) {
.section-1 .vehicle-media .vehicle-expertise-panel {
position: fixed;
top: 50%;
right: auto;
bottom: auto;
left: 50%;
width: calc(100vw - 32px);
max-width: 330px;
transform: translate(-50%, -46%) scale(0.98);
transform-origin: center;
}
.section-1 .vehicle-media .vehicle-expertise-panel::after {
display: none;
}
}
@media (max-width: 767px) {
.section-1 .vehicle-media .vehicle-expertise-popover[open] .vehicle-expertise-panel {
transform: translate(-50%, -50%) scale(1);
}
}
.section-1 .vehicle-card:hover .vehicle-media .vehicle-location, .section-1 .vehicle-card:focus-within .vehicle-media .vehicle-location {
opacity: 1;
transform: translateX(0);
}
.section-1 .vehicle-card:hover .vehicle-media .vehicle-media-link > img, .section-1 .vehicle-card:focus-within .vehicle-media .vehicle-media-link > img {
transform: scale(1.04);
}
.section-1 .vehicle-info {
display: flex;
flex: 1 1 auto;
flex-direction: column;
padding: 18px 10px 20px;
text-align: left;
}
@media (min-width: 1200px) and (max-width: 1399px) {
.section-1 .vehicle-info {
padding: 16px;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.section-1 .vehicle-info {
padding: 16px;
}
}
@media (max-width: 767px) {
.section-1 .vehicle-info {
padding: 15px 14px 5px;
text-align: left;
}
}
.section-1 .vehicle-info h3 {
display: -webkit-box;
padding-bottom: 14px;
margin: 0 0 13px;
overflow: hidden;
color: rgb(28, 31, 32);
background: linear-gradient(rgb(218, 184, 121), rgb(218, 184, 121)) left bottom/36px 2px no-repeat;
font-size: 14px;
font-weight: 600;
line-height: 1.4;
text-overflow: ellipsis;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
@media (max-width: 767px) {
.section-1 .vehicle-info h3 {
display: -webkit-box;
overflow: hidden;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
padding-bottom: 10px;
margin-bottom: 10px;
font-size: 13px;
line-height: 1.35;
}
}
.section-1 .vehicle-info ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 8px;
padding-top: 12px;
padding-left: 0;
}
@media (max-width: 767px) {
.section-1 .vehicle-info ul {
gap: 6px;
padding-top: 10px;
}
}
.section-1 .vehicle-info ul li {
display: inline-flex;
align-items: center;
gap: 5px;
flex: 0 0 auto;
min-height: 28px;
padding: 4px 10px;
color: #77797a;
background-color: #ffffff;
border: 1px solid #e8e9e9;
border-radius: 9999px;
box-shadow: none;
font-size: 12px;
font-weight: 600;
line-height: 1.2;
white-space: nowrap;
}
@media (max-width: 767px) {
.section-1 .vehicle-info ul li {
gap: 4px;
min-height: 26px;
padding: 4px 8px;
font-size: 12px;
overflow: hidden;
}
}
.section-1 .vehicle-info ul li img {
display: block;
flex: 0 0 14px;
width: 14px;
height: 14px;
object-fit: contain;
filter: brightness(0) saturate(100%);
}
@keyframes filter-panel-open {
from {
opacity: 0;
transform: translateY(-8px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.section-1 .vehicle-price {
margin-top: auto;
margin-bottom: 10px;
}
@media (max-width: 767px) {
.section-1 .vehicle-price {
margin-bottom: 0;
}
}
.section-1 .vehicle-price p {
margin: 0;
color: rgb(218, 184, 121);
font-size: 20px;
font-weight: 700;
line-height: 1.2;
}
@media (min-width: 992px) and (max-width: 1199px) {
.section-1 .vehicle-price p {
font-size: 18px;
}
}
@media (max-width: 767px) {
.section-1 .vehicle-price p {
font-size: 16px;
line-height: 1.2;
}
}
.search-autocomplete {
display: none;
position: fixed;
z-index: 9999;
background-color: #ffffff;
border-radius: 12px;
box-shadow: 0 16px 40px rgba(0, 0, 0, 0.14);
overflow: hidden;
}
.search-autocomplete.is-open {
display: block;
}
.search-autocomplete-item {
display: flex;
align-items: center;
gap: 16px;
padding: 12px 16px;
color: rgb(28, 31, 32);
text-decoration: none;
transition: background-color 150ms ease;
border-bottom: 1px solid #e8e9e9;
}
.search-autocomplete-item:last-child {
border-bottom: 0;
}
.search-autocomplete-item:hover, .search-autocomplete-item.is-active {
background-color: rgba(218, 184, 121, 0.1);
}
.search-autocomplete-item figure {
flex: 0 0 72px;
width: 72px;
height: 56px;
border-radius: 6px;
overflow: hidden;
background-color: #f4f7f7;
margin: 0;
}
.search-autocomplete-item figure img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.search-autocomplete-item div {
flex: 1 1 auto;
min-width: 0;
}
.search-autocomplete-item div strong {
display: block;
font-size: 14px;
font-weight: 600;
color: rgb(28, 31, 32);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 4px;
}
.search-autocomplete-item div ul {
display: flex;
flex-wrap: wrap;
gap: 4px 12px;
padding: 0;
margin: 0;
list-style: none;
}
.search-autocomplete-item div ul li {
font-size: 12px;
font-weight: 500;
color: #77797a;
}
.search-autocomplete-item div ul li.price {
color: rgb(218, 184, 121);
font-weight: 700;
}
.search-autocomplete-empty {
padding: 16px;
margin: 0;
font-size: 14px;
color: #77797a;
text-align: center;
}
@keyframes revealFadeUp {
from {
opacity: 0;
transform: translateY(24px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes revealFromLeft {
from {
opacity: 0;
transform: translateX(-40px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
@keyframes revealFromRight {
from {
opacity: 0;
transform: translateX(40px);
}
to {
opacity: 1;
transform: translateX(0);
}
}
@media (prefers-reduced-motion: no-preference) {
.banner .banner-content {
animation: revealFadeUp 0.4s ease-out both;
}
.product-gallery {
animation: revealFromLeft 0.4s ease-out both;
animation-delay: 0.05s;
}
}
@media (prefers-reduced-motion: no-preference) and (max-width: 991px) {
.product-gallery {
animation-name: revealFadeUp;
}
}
@media (prefers-reduced-motion: no-preference) {
.product-summary {
animation: revealFromRight 0.4s ease-out both;
animation-delay: 0.1s;
}
}
@media (prefers-reduced-motion: no-preference) and (max-width: 991px) {
.product-summary {
animation-name: revealFadeUp;
}
}
@media (prefers-reduced-motion: no-preference) {
.filter-sidebar {
animation: revealFromLeft 0.4s ease-out both;
animation-delay: 0.08s;
}
}
@media (prefers-reduced-motion: no-preference) and (max-width: 991px) {
.filter-sidebar {
animation-name: revealFadeUp;
}
}
@media (prefers-reduced-motion: no-preference) {
.vehicle-heading {
animation: revealFadeUp 0.35s ease-out both;
}
.vehicle-grid > div:nth-child(-n+4) .vehicle-card {
animation: revealFromRight 0.4s ease-out both;
}
}
@media (prefers-reduced-motion: no-preference) and (max-width: 991px) {
.vehicle-grid > div:nth-child(-n+4) .vehicle-card {
animation-name: revealFadeUp;
}
}
@media (prefers-reduced-motion: no-preference) {
.vehicle-grid > div:nth-child(1) .vehicle-card {
animation-delay: 0.05s;
}
.vehicle-grid > div:nth-child(2) .vehicle-card {
animation-delay: 0.12s;
}
.vehicle-grid > div:nth-child(3) .vehicle-card {
animation-delay: 0.19s;
}
.vehicle-grid > div:nth-child(4) .vehicle-card {
animation-delay: 0.26s;
}
.about-text {
animation: revealFadeUp 0.35s ease-out both;
}
.about-values article:nth-child(1) {
animation: revealFadeUp 0.38s ease-out both;
animation-delay: 0.08s;
}
.about-values article:nth-child(2) {
animation: revealFadeUp 0.38s ease-out both;
animation-delay: 0.16s;
}
.about-image {
animation: revealFadeUp 0.4s ease-out both;
animation-delay: 0.1s;
}
.contact-section-01 .section-heading {
animation: revealFadeUp 0.35s ease-out both;
}
.contact-info ul li:nth-child(1) {
animation: revealFadeUp 0.38s ease-out both;
animation-delay: 0.1s;
}
.contact-info ul li:nth-child(2) {
animation: revealFadeUp 0.38s ease-out both;
animation-delay: 0.18s;
}
.contact-form-panel {
animation: revealFromRight 0.4s ease-out both;
animation-delay: 0.08s;
}
}
@media (prefers-reduced-motion: no-preference) and (max-width: 991px) {
.contact-form-panel {
animation-name: revealFadeUp;
}
}
@media (prefers-reduced-motion: no-preference) {
.reveal {
opacity: 0;
transform: translateY(30px);
transition: opacity 0.4s ease-out, transform 0.4s ease-out;
}
.reveal.is-visible {
opacity: 1;
transform: none;
}
.reveal--left {
transform: translateX(-44px);
}
.reveal--right {
transform: translateX(44px);
}
}
@media (prefers-reduced-motion: no-preference) and (max-width: 991px) {
.reveal--left,
.reveal--right {
transform: translateY(20px);
}
}
.page-404 {
padding: 60px 20px;
min-height: calc(100vh - 300px);
background-color: #ffffff;
}
@media (max-width: 991px) {
.page-404 {
padding: 50px 15px;
min-height: calc(100vh - 250px);
}
}
@media (max-width: 767px) {
.page-404 {
padding: 40px 15px;
}
}
@media (max-width: 320px) {
.page-404 {
padding: 30px 10px;
min-height: calc(100vh - 200px);
}
}
.page-404 .container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
}
.page-404 .container h1 {
font-size: clamp(120px, 20vw, 200px);
font-weight: 700;
background: linear-gradient(135deg, rgb(218, 184, 121), rgb(28, 31, 32));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-transform: uppercase;
margin: 0 0 15px 0;
line-height: 1;
}
@media (max-width: 767px) {
.page-404 .container h1 {
font-size: 80px;
}
}
@media (max-width: 320px) {
.page-404 .container h1 {
font-size: 60px;
}
}
.page-404 .container h2 {
font-size: clamp(24px, 4vw, 36px);
font-weight: 600;
color: rgb(28, 31, 32);
text-transform: uppercase;
margin-top: 0;
margin-bottom: 30px;
line-height: 1.2;
}
@media (max-width: 767px) {
.page-404 .container h2 {
font-size: 28px;
margin-bottom: 25px;
}
}
@media (max-width: 320px) {
.page-404 .container h2 {
font-size: 24px;
}
}
.page-404 .container .messages {
margin-bottom: 40px;
max-width: 600px;
}
@media (max-width: 767px) {
.page-404 .container .messages {
margin-bottom: 35px;
}
}
@media (max-width: 320px) {
.page-404 .container .messages {
margin-bottom: 30px;
}
}
.page-404 .container .messages p {
font-size: 16px;
font-weight: 400;
color: #494c4d;
line-height: 1.6;
margin-top: 0;
margin-bottom: 30px;
}
@media (max-width: 320px) {
.page-404 .container .messages p {
font-size: 14px;
margin-bottom: 25px;
}
}
.page-404 .container .social-links {
margin-top: 50px;
}
@media (max-width: 320px) {
.page-404 .container .social-links {
margin-top: 35px;
}
}
.page-404 .container .social-links .social-media {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
flex-wrap: wrap;
}
@media (max-width: 320px) {
.page-404 .container .social-links .social-media {
gap: 15px;
}
}
.page-404 .container .social-links .social-media li {
display: inline-block;
}
.page-404 .container .social-links .social-media li a {
color: rgb(218, 184, 121);
display: flex;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
background-color: #ffffff;
border: 2px solid #a0a4ae;
border-radius: 50%;
transition: all 300ms ease-in-out;
text-decoration: none;
}
.page-404 .container .social-links .social-media li a img {
width: 20px;
height: 20px;
}
.page-404 .container .social-links .social-media li a:hover {
background-color: rgb(218, 184, 121);
border-color: rgb(218, 184, 121);
transform: translateY(-4px);
box-shadow: 0 8px 20px rgba(218, 184, 121, 0.2);
}
.page-404 .container .social-links .social-media li a:focus {
outline: 2px solid rgb(218, 184, 121);
outline-offset: 2px;
}
@media (max-width: 320px) {
.page-404 .container .social-links .social-media li a {
width: 45px;
height: 45px;
}
.page-404 .container .social-links .social-media li a img {
width: 18px;
height: 18px;
}
}
@keyframes slideDown {
from {
opacity: 0;
transform: translateY(-30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.ytVideoWrapper {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
height: 0;
background-color: #000000;
z-index: 10000;
transition: all 300ms ease-in-out;
overflow: hidden;
}
.ytVideoWrapper.active {
height: 100%;
}
.ytVideoWrapper.active .iframewrapper {
height: 100vh;
}
.ytVideoWrapper.active .closeBtn {
display: block;
}
.ytVideoWrapper .iframewrapper {
position: fixed;
bottom: 0;
left: 0;
width: 100vw;
height: 0;
background-color: #04060a;
z-index: 1000;
transition: all 300ms ease-in-out;
overflow: hidden;
}
.ytVideoWrapper .iframewrapper #ytplayer,
.ytVideoWrapper .iframewrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100vw;
height: 100vh;
}
.ytVideoWrapper .closeBtn {
position: fixed;
top: 0;
right: 0;
width: 80px;
height: 80px;
z-index: 1011;
display: none;
cursor: pointer;
background-color: rgba(0, 0, 0, 0.7);
border: none;
padding: 0;
transition: all 150ms ease-in-out;
}
.ytVideoWrapper .closeBtn:hover {
background-color: rgba(0, 0, 0, 0.9);
}
.ytVideoWrapper .closeBtn:focus-visible {
outline: 2px solid rgb(218, 184, 121);
outline-offset: -2px;
}
.ytVideoWrapper .closeBtn .line {
position: absolute;
background-color: #ffffff;
left: 50%;
top: 50%;
transform-origin: center;
transition: all 150ms ease-in-out;
}
.ytVideoWrapper .closeBtn .line.a {
width: 40px;
height: 3px;
margin-left: -20px;
margin-top: -1.5px;
transform: rotate(45deg);
}
.ytVideoWrapper .closeBtn .line.b {
width: 3px;
height: 40px;
margin-left: -1.5px;
margin-top: -20px;
transform: rotate(45deg);
}
.ytVideoWrapper .closeBtn:hover .line {
background-color: hsl(0, 0%, 110%);
}
.play-btn {
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
background-color: rgb(218, 184, 121);
border: none;
border-radius: 9999px;
padding: 0;
transition: all 300ms ease-in-out;
position: relative;
overflow: hidden;
width: 60px;
height: 60px;
}
.play-btn::before {
content: "";
position: absolute;
width: 0;
height: 0;
border-left: 12px solid #ffffff;
border-top: 8px solid transparent;
border-bottom: 8px solid transparent;
margin-left: 2px;
}
.play-btn:hover {
background-color: #ae9361;
transform: scale(1.05);
box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}
.play-btn:active {
transform: scale(0.95);
}
.play-btn:focus-visible {
outline: 2px solid #ffffff;
outline-offset: 3px;
}
@media (max-width: 320px) {
.play-btn {
width: 50px;
height: 50px;
}
.play-btn::before {
border-left-width: 10px;
border-top-width: 6px;
border-bottom-width: 6px;
}
}
.video-banner {
position: relative;
overflow: hidden;
background-color: #000000;
border-radius: 12px;
}
.video-banner img {
width: 100%;
height: auto;
display: block;
object-fit: cover;
}
.video-banner .text {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background: linear-gradient(135deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.6) 100%);
padding: 1.5rem;
text-align: center;
color: #ffffff;
z-index: 10;
}
.video-banner .text h2 {
font-size: 36px;
font-weight: 700;
margin-bottom: 1rem;
line-height: 1.2;
}
@media (max-width: 767px) {
.video-banner .text h2 {
font-size: 28px;
}
}
@media (max-width: 320px) {
.video-banner .text h2 {
font-size: 24px;
}
}
.video-banner .text p {
font-size: 18px;
font-weight: 400;
margin-bottom: 1.5rem;
line-height: 1.75;
max-width: 600px;
}
@media (max-width: 767px) {
.video-banner .text p {
font-size: 16px;
margin-bottom: 1rem;
}
}
@media (max-width: 320px) {
.video-banner .text p {
font-size: 14px;
}
}
@media (max-width: 767px) {
.ytVideoWrapper .closeBtn {
width: 70px;
height: 70px;
}
.ytVideoWrapper .closeBtn .line.a {
width: 35px;
margin-left: -17.5px;
}
.ytVideoWrapper .closeBtn .line.b {
height: 35px;
margin-top: -17.5px;
}
}
@media (max-width: 320px) {
.ytVideoWrapper .closeBtn {
width: 60px;
height: 60px;
}
.ytVideoWrapper .closeBtn .line.a {
width: 30px;
margin-left: -15px;
}
.ytVideoWrapper .closeBtn .line.b {
height: 30px;
margin-top: -15px;
}
.video-banner .text {
padding: 1rem;
}
.video-banner .text h2,
.video-banner .text p {
max-width: 90%;
}
}
.site-header {
position: sticky;
top: 0;
width: 100%;
background: linear-gradient(180deg, rgb(28, 31, 32) 0%, #0b0c0d 100%);
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.15);
z-index: 100;
padding: 10px 0;
transition: all 300ms ease-in-out;
}
.site-header .container {
display: flex;
align-items: center;
justify-content: space-between;
height: auto;
transition: all 300ms ease-in-out;
}
.site-header .header-actions {
display: flex;
align-items: center;
gap: 12px;
margin-left: 24px;
}
@media (max-width: 1199px) {
.site-header .header-actions {
gap: 10px;
margin-left: 16px;
}
}
@media (max-width: 767px) {
.site-header .header-actions {
gap: 8px;
margin-left: auto;
}
}
@media (max-width: 991px) {
.site-header .header-actions {
display: none;
}
}
.site-header .header-actions a {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 44px;
padding: 10px 14px;
color: #ffffff;
background-color: rgb(218, 184, 121);
border: 1px solid rgb(218, 184, 121);
border-radius: 8px;
font-size: 14px;
font-weight: 700;
line-height: 1.2;
white-space: nowrap;
transition: all 300ms ease-in-out;
}
@media (max-width: 1199px) {
.site-header .header-actions a {
padding: 10px 12px;
font-size: 12px;
}
}
@media (max-width: 576px) {
.site-header .header-actions a {
width: 42px;
min-height: 42px;
padding: 0;
}
}
.site-header .header-actions a:last-child {
color: rgb(28, 31, 32);
background-color: #ffffff;
border-color: #ffffff;
}
.site-header .header-actions a:last-child img {
filter: none;
}
.site-header .header-actions a:last-child:hover, .site-header .header-actions a:last-child:focus-visible {
color: #ffffff;
}
.site-header .header-actions a:last-child:hover img, .site-header .header-actions a:last-child:focus-visible img {
filter: invert(1);
}
.site-header .header-actions a:hover, .site-header .header-actions a:focus-visible {
background-color: #ae9361;
border-color: #ae9361;
}
.site-header .header-actions a img {
flex: 0 0 auto;
width: 18px;
height: 18px;
object-fit: contain;
filter: invert(1);
}
@media (max-width: 576px) {
.site-header .header-actions a span {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0;
}
}
.site-header .header-actions + .menu-trigger {
margin-left: 12px;
}
.site-header .mobile-menu-head {
display: none;
}
@media (max-width: 991px) {
.site-header .mobile-menu-head {
display: flex;
flex-direction: column;
gap: 18px;
width: 100%;
padding: 50px 24px 22px;
border-bottom: 1px solid rgba(218, 184, 121, 0.2);
}
}
.site-header .mobile-menu-brand {
display: inline-flex;
align-items: center;
width: fit-content;
}
.site-header .mobile-menu-brand img {
width: auto;
height: 85px;
object-fit: contain;
}
.site-header .mobile-menu-actions {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
@media (max-width: 576px) {
.site-header .mobile-menu-actions {
grid-template-columns: 1fr;
}
}
.site-header .mobile-menu-actions a {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 44px;
padding: 10px 12px;
color: #ffffff;
background-color: rgb(218, 184, 121);
border: 1px solid rgb(218, 184, 121);
border-radius: 8px;
font-size: 12px;
font-weight: 700;
line-height: 1.2;
text-align: center;
transition: all 300ms ease-in-out;
}
.site-header .mobile-menu-actions a:last-child {
color: rgb(28, 31, 32);
background-color: #ffffff;
border-color: #ffffff;
}
.site-header .mobile-menu-actions a:last-child img {
filter: none;
}
.site-header .mobile-menu-actions a:last-child:hover, .site-header .mobile-menu-actions a:last-child:focus-visible {
color: #ffffff;
}
.site-header .mobile-menu-actions a:last-child:hover img, .site-header .mobile-menu-actions a:last-child:focus-visible img {
filter: invert(1);
}
.site-header .mobile-menu-actions a:hover, .site-header .mobile-menu-actions a:focus-visible {
background-color: #ae9361;
border-color: #ae9361;
}
.site-header .mobile-menu-actions a img {
flex: 0 0 auto;
width: 18px;
height: 18px;
object-fit: contain;
filter: invert(1);
}
.site-header.site-header-dark {
background: linear-gradient(180deg, rgb(28, 31, 32) 0%, #0b0c0d 100%);
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.15);
}
@media (max-width: 991px) {
.site-header.site-header-dark nav {
background-color: rgb(28, 31, 32);
}
}
.site-header.site-header-dark nav .header-menu > .menu-item > a {
color: #d2d2d2;
}
.site-header.site-header-dark nav .header-menu > .menu-item > a:hover, .site-header.site-header-dark nav .header-menu > .menu-item > a:focus-visible {
color: rgb(218, 184, 121);
}
.site-header.site-header-dark nav .header-menu > .menu-item.current-menu-item > a, .site-header.site-header-dark nav .header-menu > .menu-item.current-menu-parent > a, .site-header.site-header-dark nav .header-menu > .menu-item.current-menu-ancestor > a {
color: rgb(218, 184, 121);
}
@media (max-width: 991px) {
.site-header.site-header-dark nav .header-menu > .menu-item {
border-bottom: 1px solid rgba(218, 184, 121, 0.2);
}
.site-header.site-header-dark nav .header-menu > .menu-item > a {
color: #d2d2d2;
}
.site-header.site-header-dark nav .header-menu > .menu-item > a:hover, .site-header.site-header-dark nav .header-menu > .menu-item > a:focus-visible {
color: rgb(218, 184, 121);
background-color: #16191a;
}
.site-header.site-header-dark nav .header-menu .menu-item.menu-item-has-children > a::after {
filter: invert(1);
}
.site-header.site-header-dark nav .header-menu .menu-item.menu-item-has-children .sub-menu {
background-color: rgb(28, 31, 32);
}
.site-header.site-header-dark nav .header-menu .menu-item.menu-item-has-children .sub-menu .mobile-back-btn {
border-bottom-color: rgba(218, 184, 121, 0.2);
}
.site-header.site-header-dark nav .header-menu .menu-item.menu-item-has-children .sub-menu .mobile-back-btn a {
color: rgb(218, 184, 121);
}
.site-header.site-header-dark nav .header-menu .menu-item.menu-item-has-children .sub-menu .mobile-back-btn a::before {
filter: invert(1);
}
.site-header.site-header-dark nav .header-menu .menu-item.menu-item-has-children .sub-menu .menu-item {
border-bottom: 1px solid rgba(218, 184, 121, 0.2);
}
.site-header.site-header-dark nav .header-menu .menu-item.menu-item-has-children .sub-menu .menu-item a {
color: #d2d2d2;
}
.site-header.site-header-dark nav .header-menu .menu-item.menu-item-has-children .sub-menu .menu-item a:hover, .site-header.site-header-dark nav .header-menu .menu-item.menu-item-has-children .sub-menu .menu-item a:focus-visible {
color: rgb(218, 184, 121);
background-color: #16191a;
}
.site-header.site-header-dark nav .header-menu .menu-item.menu-item-has-children .sub-menu .menu-item.current-menu-item > a, .site-header.site-header-dark nav .header-menu .menu-item.menu-item-has-children .sub-menu .menu-item.current-menu-parent > a, .site-header.site-header-dark nav .header-menu .menu-item.menu-item-has-children .sub-menu .menu-item.current-menu-ancestor > a {
color: rgb(218, 184, 121);
}
}
.site-header.site-header-dark .menu-trigger span {
background-color: #ffffff;
}
.site-header .logo {
display: flex;
align-items: center;
justify-content: center;
transition: all 300ms ease-in-out;
}
.site-header .logo:hover {
opacity: 0.8;
}
.site-header .logo:focus-visible {
outline: 2px solid rgb(218, 184, 121);
outline-offset: 4px;
border-radius: 8px;
}
.site-header .logo img {
width: auto;
height: 85px;
object-fit: contain;
}
@media (max-width: 991px) {
.site-header .logo img {
height: 70px;
}
}
@media (max-width: 767px) {
.site-header .logo img {
height: 60px;
}
}
.site-header nav {
flex: 1;
display: flex;
align-items: center;
justify-content: flex-end;
}
@media (max-width: 991px) {
.site-header nav {
position: fixed;
top: 0px;
left: 0;
width: 100%;
height: 100vh;
background-color: rgb(28, 31, 32);
flex-direction: column;
align-items: flex-start;
justify-content: flex-start;
padding: 0;
overflow: hidden;
opacity: 0;
visibility: hidden;
transform: translateX(-100%);
transition: all 300ms ease-in-out;
z-index: 99;
}
.site-header nav.active {
opacity: 1;
visibility: visible;
transform: translateX(0);
}
}
.site-header nav .header-menu {
display: flex;
list-style: none;
margin: 0;
padding: 0;
gap: 2rem;
align-items: center;
}
@media (max-width: 991px) {
.site-header nav .header-menu {
flex-direction: column;
align-items: stretch;
gap: 0;
width: 100%;
flex: 1 1 auto;
min-height: 0;
height: auto;
padding: 0 0 2rem;
overflow-y: auto;
transition: all 300ms ease-in-out;
}
.site-header nav .header-menu.submenu-open {
transform: translateX(-100%);
}
}
.site-header nav .header-menu .menu-item {
position: relative;
}
@media (max-width: 991px) {
.site-header nav .header-menu .menu-item {
padding: 0;
border-bottom: 1px solid rgba(218, 184, 121, 0.2);
}
}
.site-header nav .header-menu .menu-item a {
display: block;
color: #d2d2d2;
font-size: 14px;
padding: 0.5rem 0;
transition: all 150ms ease-in-out;
}
@media (max-width: 991px) {
.site-header nav .header-menu .menu-item a {
padding: 1rem 1.5rem;
border-left: 4px solid transparent;
}
}
.site-header nav .header-menu .menu-item a:hover, .site-header nav .header-menu .menu-item a:focus-visible {
color: rgb(218, 184, 121);
}
.site-header nav .header-menu .menu-item a:focus-visible {
outline: 2px solid rgb(218, 184, 121);
outline-offset: 4px;
}
@media (max-width: 991px) {
.site-header nav .header-menu .menu-item a:focus-visible {
outline-offset: -2px;
}
}
.site-header nav .header-menu .menu-item.current-menu-item > a, .site-header nav .header-menu .menu-item.current-menu-parent > a, .site-header nav .header-menu .menu-item.current-menu-ancestor > a {
color: rgb(218, 184, 121);
}
.site-header nav .header-menu .menu-item.menu-item-has-children > a {
position: relative;
padding-right: 1.25rem;
}
.site-header nav .header-menu .menu-item.menu-item-has-children > a::after {
content: url(//bursavipoto.com/wp-content/themes/bursavipoto/assets/icons/angle-down.svg);
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
display: inline-block;
width: 16px;
height: 16px;
transition: all 150ms ease-in-out;
pointer-events: none;
filter: brightness(0) invert(1) !important;
}
@media (max-width: 991px) {
.site-header nav .header-menu .menu-item.menu-item-has-children > a::after {
margin-right: 1rem;
transform: translateY(-50%) rotate(-90deg);
}
}
@media (hover: hover) {
.site-header nav .header-menu .menu-item.menu-item-has-children > a:hover::after {
transform: translateY(-50%) rotate(180deg);
}
}
@media (hover: hover) and (max-width: 991px) {
.site-header nav .header-menu .menu-item.menu-item-has-children > a:hover::after {
transform: translateY(-50%) rotate(-90deg);
}
}
.site-header nav .header-menu .menu-item.menu-item-has-children .sub-menu {
position: absolute;
top: 100%;
left: 0;
min-width: 200px;
background-color: #111314;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
list-style: none;
margin: 0;
padding: 0.75rem 0;
opacity: 0;
visibility: hidden;
transform: translateY(-10px);
transition: all 300ms ease-in-out;
z-index: 50;
}
@media (max-width: 991px) {
.site-header nav .header-menu .menu-item.menu-item-has-children .sub-menu {
position: fixed;
top: 0;
left: 100%;
width: 100%;
height: 100vh;
background-color: rgb(28, 31, 32);
border-radius: 0;
box-shadow: none;
padding: 4rem 0 2rem;
margin: 0;
opacity: 1;
visibility: visible;
transform: none;
overflow-y: auto;
transition: all 300ms ease-in-out;
z-index: 100;
}
}
@media (max-width: 991px) {
.site-header nav .header-menu .menu-item.menu-item-has-children .sub-menu.active {
left: 0;
}
}
.site-header nav .header-menu .menu-item.menu-item-has-children .sub-menu .mobile-back-btn {
display: none;
}
@media (max-width: 991px) {
.site-header nav .header-menu .menu-item.menu-item-has-children .sub-menu .mobile-back-btn {
display: flex;
justify-content: flex-start;
border-bottom: 1px solid rgba(218, 184, 121, 0.2);
margin-bottom: 0.5rem;
}
.site-header nav .header-menu .menu-item.menu-item-has-children .sub-menu .mobile-back-btn a {
display: flex;
align-items: center;
gap: 0.5rem;
padding: 1rem 1.5rem;
color: #d2d2d2;
font-weight: 600;
font-size: 14px;
transition: all 150ms ease-in-out;
}
.site-header nav .header-menu .menu-item.menu-item-has-children .sub-menu .mobile-back-btn a::before {
content: url(//bursavipoto.com/wp-content/themes/bursavipoto/assets/icons/angle-down.svg);
display: inline-block;
width: 16px;
height: 16px;
transform: rotate(90deg);
filter: invert(1);
}
}
.site-header nav .header-menu .menu-item.menu-item-has-children .sub-menu .menu-item {
position: relative;
}
@media (max-width: 991px) {
.site-header nav .header-menu .menu-item.menu-item-has-children .sub-menu .menu-item {
border-bottom: 1px solid rgba(218, 184, 121, 0.2);
}
}
.site-header nav .header-menu .menu-item.menu-item-has-children .sub-menu .menu-item a {
color: #d2d2d2;
padding: 0.75rem 1rem;
border: none;
font-size: 14px;
display: flex;
align-items: center;
justify-content: space-between;
}
@media (max-width: 991px) {
.site-header nav .header-menu .menu-item.menu-item-has-children .sub-menu .menu-item a {
padding: 1rem 1.5rem;
border-left: 4px solid transparent;
}
}
.site-header nav .header-menu .menu-item.menu-item-has-children .sub-menu .menu-item a:hover, .site-header nav .header-menu .menu-item.menu-item-has-children .sub-menu .menu-item a:focus-visible {
color: rgb(218, 184, 121);
}
@media (max-width: 991px) {
.site-header nav .header-menu .menu-item.menu-item-has-children .sub-menu .menu-item a:hover, .site-header nav .header-menu .menu-item.menu-item-has-children .sub-menu .menu-item a:focus-visible {
background-color: #16191a;
}
}
.site-header nav .header-menu .menu-item.menu-item-has-children .sub-menu .menu-item.current-menu-item > a, .site-header nav .header-menu .menu-item.menu-item-has-children .sub-menu .menu-item.current-menu-parent > a, .site-header nav .header-menu .menu-item.menu-item-has-children .sub-menu .menu-item.current-menu-ancestor > a {
color: rgb(218, 184, 121);
}
.site-header nav .header-menu .menu-item.menu-item-has-children .sub-menu .menu-item.menu-item-has-children > a {
position: relative;
padding-right: 1.5rem;
}
.site-header nav .header-menu .menu-item.menu-item-has-children .sub-menu .menu-item.menu-item-has-children > a::after {
content: url(//bursavipoto.com/wp-content/themes/bursavipoto/assets/icons/angle-down.svg);
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
display: inline-block;
width: 16px;
height: 16px;
transition: all 150ms ease-in-out;
pointer-events: none;
margin-right: 1rem;
filter: invert(1);
}
@media (max-width: 991px) {
.site-header nav .header-menu .menu-item.menu-item-has-children .sub-menu .menu-item.menu-item-has-children > a::after {
transform: translateY(-50%) rotate(-90deg);
}
}
@media (hover: hover) {
.site-header nav .header-menu .menu-item.menu-item-has-children .sub-menu .menu-item.menu-item-has-children > a:hover::after {
transform: translateY(-50%) rotate(-90deg);
}
}
.site-header nav .header-menu .menu-item.menu-item-has-children .sub-menu .menu-item.menu-item-has-children .sub-menu {
position: absolute;
top: 0;
left: 100%;
min-width: 180px;
background-color: #111314;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);
list-style: none;
margin: 0;
margin-left: 0.5rem;
padding: 0.75rem 0;
opacity: 0;
visibility: hidden;
transform: translateX(-10px);
transition: all 300ms ease-in-out;
z-index: 51;
}
@media (max-width: 991px) {
.site-header nav .header-menu .menu-item.menu-item-has-children .sub-menu .menu-item.menu-item-has-children .sub-menu {
position: fixed;
top: 0;
left: 100%;
width: 100%;
height: 100vh;
background-color: rgb(28, 31, 32);
border-radius: 0;
box-shadow: none;
padding: 4rem 0 2rem;
margin: 0;
margin-left: 0;
opacity: 1;
visibility: visible;
transform: none;
overflow-y: auto;
transition: all 300ms ease-in-out;
z-index: 101;
}
}
@media (max-width: 991px) {
.site-header nav .header-menu .menu-item.menu-item-has-children .sub-menu .menu-item.menu-item-has-children .sub-menu.active {
left: 0;
}
}
.site-header nav .header-menu .menu-item.menu-item-has-children .sub-menu .menu-item.menu-item-has-children .sub-menu .menu-item a {
padding: 0.5rem 0.75rem;
font-size: 14px;
}
@media (max-width: 991px) {
.site-header nav .header-menu .menu-item.menu-item-has-children .sub-menu .menu-item.menu-item-has-children .sub-menu .menu-item a {
padding: 1rem 1.5rem;
}
}
.site-header nav .header-menu .menu-item.menu-item-has-children .sub-menu .menu-item.menu-item-has-children .sub-menu .menu-item.current-menu-item > a, .site-header nav .header-menu .menu-item.menu-item-has-children .sub-menu .menu-item.menu-item-has-children .sub-menu .menu-item.current-menu-parent > a, .site-header nav .header-menu .menu-item.menu-item-has-children .sub-menu .menu-item.menu-item-has-children .sub-menu .menu-item.current-menu-ancestor > a {
color: rgb(218, 184, 121);
}
.site-header nav .header-menu .menu-item.menu-item-has-children .sub-menu .menu-item.menu-item-has-children:hover > .sub-menu {
opacity: 1;
visibility: visible;
transform: translateX(0);
}
.site-header nav .header-menu .menu-item.menu-item-has-children:hover .sub-menu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.menu-trigger {
position: relative;
z-index: 100;
width: 30px;
height: 22px;
display: none;
transition: all 300ms ease-in-out;
cursor: pointer;
box-sizing: border-box;
margin-left: auto;
background-color: transparent;
border: none;
padding: 0;
}
@media (max-width: 991px) {
.menu-trigger {
display: inline-block;
}
}
.menu-trigger:focus-visible {
outline: 2px solid rgb(218, 184, 121);
outline-offset: 2px;
}
.menu-trigger span {
display: inline-block;
transition: all 300ms ease-in-out;
box-sizing: border-box;
position: absolute;
left: 0;
width: 100%;
height: 3px;
background-color: #ffffff;
border-radius: 2px;
}
.menu-trigger span:nth-of-type(1) {
top: 0;
}
.menu-trigger span:nth-of-type(2) {
top: 9px;
}
.menu-trigger span:nth-of-type(3) {
bottom: 0;
}
.menu-trigger.active span:nth-of-type(1) {
transform: translateY(12px) rotate(-315deg);
}
.menu-trigger.active span:nth-of-type(2) {
opacity: 0;
}
.menu-trigger.active span:nth-of-type(3) {
transform: translateY(-7px) rotate(315deg);
}
.menu-trigger:active {
transform: scale(0.95);
}
.site-footer {
background: linear-gradient(180deg, rgb(28, 31, 32) 0%, #0b0c0d 100%);
padding: 72px 0 36px;
overflow-x: hidden;
position: relative;
}
.site-footer::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
height: 3px;
background: linear-gradient(90deg, transparent 0%, rgb(218, 184, 121) 30%, #e7cca0 50%, rgb(218, 184, 121) 70%, transparent 100%);
z-index: 1;
}
@media (max-width: 991px) {
.site-footer {
padding: 52px 0 28px;
margin-top: 60px;
}
}
@media (max-width: 767px) {
.site-footer {
padding: 40px 0 20px;
margin-top: 40px;
}
}
.site-footer .footer-brand {
margin-bottom: 0;
}
@media (max-width: 991px) {
.site-footer .footer-brand {
text-align: center;
}
}
.site-footer .footer-brand a {
display: inline-flex;
align-items: center;
padding: 0;
background-color: transparent;
border-radius: 0;
transition: opacity all 300ms ease-in-out;
}
.site-footer .footer-brand a:hover {
opacity: 0.75;
}
.site-footer .footer-brand a:focus-visible {
outline: 2px solid rgb(218, 184, 121);
outline-offset: 4px;
border-radius: 4px;
}
.site-footer .footer-brand a img {
height: 56px;
width: auto;
max-width: 200px;
object-fit: contain;
}
.site-footer .footer-description {
margin: 16px 0 0;
color: #a4a5a6;
font-size: 20px;
font-weight: 300;
line-height: 1.4;
}
.site-footer .footer-description span {
color: rgb(218, 184, 121);
font-weight: 600;
}
@media (max-width: 991px) {
.site-footer .footer-description {
text-align: center;
font-size: 18px;
}
}
.site-footer .footer-contact {
font-style: normal;
margin: 0;
padding: 0;
}
@media (max-width: 991px) {
.site-footer .footer-contact {
text-align: center;
}
}
.site-footer .footer-contact .contact-item {
display: block;
margin-bottom: 10px;
font-size: 13px;
line-height: 1.5;
color: #a4a5a6;
}
.site-footer .footer-contact .contact-item:last-child {
margin-bottom: 0;
}
.site-footer .footer-contact .contact-item a {
display: grid;
grid-template-columns: 32px minmax(0, 1fr);
align-items: center;
gap: 12px;
width: fit-content;
max-width: 100%;
color: #d2d2d2;
transition: all 300ms ease-in-out;
}
@media (max-width: 991px) {
.site-footer .footer-contact .contact-item a {
width: min(100%, 430px);
margin: 0 auto;
text-align: left;
}
}
.site-footer .footer-contact .contact-item a:hover {
color: #e7cca0;
}
.site-footer .footer-contact .contact-item a:hover .contact-icon-wrap {
background-color: #ae9361;
transform: scale(1.05);
box-shadow: 0 4px 12px rgba(218, 184, 121, 0.2);
}
.site-footer .footer-contact .contact-item a:focus-visible {
outline: 2px solid rgb(218, 184, 121);
outline-offset: 2px;
border-radius: 4px;
}
.site-footer .footer-contact .contact-item .contact-icon-wrap {
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
width: 32px;
height: 32px;
background-color: rgb(218, 184, 121);
border-radius: 8px;
transition: all 300ms ease-in-out;
}
@media (max-width: 991px) {
.site-footer .footer-contact .contact-item .contact-icon-wrap {
width: 30px;
height: 30px;
}
}
.site-footer .footer-contact .contact-item .contact-icon {
width: 18px;
height: 18px;
object-fit: contain;
filter: brightness(0) invert(1);
}
.site-footer .footer-contact .contact-item .contact-address {
display: block;
}
.site-footer .social-links {
margin-top: 20px;
}
@media (max-width: 991px) {
.site-footer .social-links {
margin-top: 16px;
}
}
.site-footer .social-links .social-media-list {
display: flex;
gap: 8px;
align-items: center;
}
@media (max-width: 991px) {
.site-footer .social-links .social-media-list {
justify-content: center;
}
}
.site-footer .social-links .social-media-list li {
margin: 0;
}
.site-footer .social-links .social-media-list li a {
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background-color: transparent;
border: 1px solid rgba(218, 184, 121, 0.2);
border-radius: 8px;
transition: all 300ms ease-in-out;
}
.site-footer .social-links .social-media-list li a:hover {
background-color: rgb(218, 184, 121);
border-color: rgb(218, 184, 121);
transform: translateY(-2px);
box-shadow: 0 6px 16px rgba(218, 184, 121, 0.2);
}
.site-footer .social-links .social-media-list li a:focus-visible {
outline: 2px solid rgb(218, 184, 121);
outline-offset: 2px;
border-radius: 8px;
}
.site-footer .social-links .social-media-list li a img {
width: 16px;
height: 16px;
object-fit: contain;
transition: all 300ms ease-in-out;
filter: invert(1);
}
.site-footer .social-links .social-media-list li a[data-platform=sahibinden] img {
width: 22px;
height: 22px;
}
@media (max-width: 991px) {
.site-footer .footer-menu-column {
margin-bottom: 0;
position: relative;
z-index: 1;
}
}
.site-footer .footer-menu-column h4 {
font-size: 16px;
font-weight: 700;
color: rgb(218, 184, 121);
margin-bottom: 20px;
line-height: 1.4;
position: relative;
padding-bottom: 14px;
}
.site-footer .footer-menu-column h4::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 28px;
height: 2px;
background: linear-gradient(90deg, rgb(218, 184, 121), transparent);
border-radius: 9999px;
}
@media (max-width: 991px) {
.site-footer .footer-menu-column h4 {
margin-bottom: 16px;
padding-bottom: 0;
}
.site-footer .footer-menu-column h4::after {
display: none;
}
}
@media (max-width: 991px) {
.site-footer .footer-menu-column h4.accordion-toggle {
cursor: pointer;
position: relative;
padding: 16px 0;
display: flex;
align-items: center;
justify-content: space-between;
transition: all 300ms ease-in-out;
}
.site-footer .footer-menu-column h4.accordion-toggle:hover {
opacity: 0.85;
}
.site-footer .footer-menu-column h4.accordion-toggle:focus-visible {
outline: 2px solid rgb(218, 184, 121);
outline-offset: 3px;
border-radius: 4px;
}
.site-footer .footer-menu-column h4.accordion-toggle::after {
content: "";
display: block;
position: static;
width: 18px;
height: 18px;
flex-shrink: 0;
background-image: url(//bursavipoto.com/wp-content/themes/bursavipoto/assets/icons/angle-down.svg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
background-color: transparent;
border-radius: 0;
transition: all 300ms ease-in-out;
filter: invert(1);
}
.site-footer .footer-menu-column h4.accordion-toggle.active::after {
transform: rotate(180deg);
}
}
.site-footer .footer-menu-column .footer-links .footer-menu li {
margin-bottom: 2px;
}
.site-footer .footer-menu-column .footer-links .footer-menu li:last-child {
margin-bottom: 0;
}
.site-footer .footer-menu-column .footer-links .footer-menu li a {
font-size: 14px;
color: #d2d2d2;
transition: all 300ms ease-in-out;
line-height: 1.6;
display: block;
padding: 4px 0;
}
.site-footer .footer-menu-column .footer-links .footer-menu li a:hover {
color: #e7cca0;
transform: translateX(5px);
}
.site-footer .footer-menu-column .footer-links .footer-menu li a:focus-visible {
outline: 2px solid rgb(218, 184, 121);
outline-offset: 2px;
border-radius: 4px;
}
@media (max-width: 991px) {
.site-footer .footer-menu-column .footer-links.accordion-content {
display: grid;
grid-template-rows: 0fr;
overflow: hidden;
opacity: 0;
visibility: hidden;
transition: all 500ms ease-in-out;
}
.site-footer .footer-menu-column .footer-links.accordion-content > .footer-menu {
min-height: 0;
overflow: hidden;
padding-bottom: 0;
transition: all 300ms ease-in-out;
}
}
@media (max-width: 991px) {
.site-footer .footer-menu-column .footer-links.accordion-content.open {
grid-template-rows: 1fr;
opacity: 1;
visibility: visible;
}
.site-footer .footer-menu-column .footer-links.accordion-content.open > .footer-menu {
padding-bottom: 16px;
}
}
.site-footer .footer-bottom {
margin-top: 16px;
padding-top: 32px;
border-top: 1px solid rgba(218, 184, 121, 0.2);
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
gap: 12px;
position: relative;
z-index: 2;
}
@media (max-width: 991px) {
.site-footer .footer-bottom {
margin-top: 12px;
padding-top: 22px;
}
}
@media (max-width: 767px) {
.site-footer .footer-bottom {
flex-direction: column;
text-align: center;
gap: 8px;
}
}
.site-footer .footer-bottom .copyright {
font-size: 13px;
color: #77797a;
font-weight: 300;
margin: 0;
}
@media (max-width: 767px) {
.site-footer .footer-bottom .copyright {
width: 100%;
}
}
.site-footer .footer-bottom .copyright time {
font-weight: 500;
color: #a4a5a6;
}
.site-footer .footer-bottom .footer-design {
font-size: 13px;
color: #494c4d;
}
.site-footer .footer-bottom .footer-design a {
color: #494c4d;
font-weight: 500;
transition: all 300ms ease-in-out;
}
.site-footer .footer-bottom .footer-design a:hover {
color: #34b88a;
opacity: 1;
}
.site-footer .footer-bottom .footer-design a:focus-visible {
outline: 2px solid rgb(218, 184, 121);
outline-offset: 2px;
border-radius: 4px;
padding: 2px 4px;
}
.site-footer .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.mobile-action-bar {
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 60px;
width: 100%;
background-color: #ffffff;
box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.1);
display: none;
overflow: hidden;
z-index: 9999;
}
@media (max-width: 991px) {
.mobile-action-bar {
display: flex;
align-items: stretch;
}
}
.mobile-action-bar ul {
display: flex;
width: 100%;
height: 100%;
gap: 0;
}
.mobile-action-bar .menu-item {
flex: 1;
display: flex;
align-items: center;
justify-content: center;
border-right: 1px solid #a0a4ae;
height: 100%;
}
.mobile-action-bar .menu-item:last-child {
border-right: 0;
}
.mobile-action-bar .menu-item a {
display: flex;
align-items: center;
justify-content: center;
gap: 0.5rem;
width: 100%;
height: 100%;
color: rgb(218, 184, 121);
font-size: 14px;
font-weight: 600;
line-height: 1.5;
transition: all 150ms ease-in-out;
padding: 0.5rem;
}
.mobile-action-bar .menu-item a:hover, .mobile-action-bar .menu-item a:focus-visible {
background-color: rgba(218, 184, 121, 0.2);
color: #ae9361;
}
.mobile-action-bar .menu-item a:active {
background-color: rgba(218, 184, 121, 0.5);
transform: scale(0.98);
}
.mobile-action-bar .menu-item a i {
font-size: 18px;
}
.mobile-action-bar .menu-item a img {
height: 18px;
width: auto;
object-fit: contain;
}