.partnerek-sor {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 5rem;
padding: 2rem 0;
}
.partner-icon {
flex: 0 0 auto;
transition: transform 0.3s ease;
}
.partner-icon:hover {
transform: scale(1.1);
}
.partner-icon img {
display: block;
max-width: 100%;
height: auto;
}
.tooltip-three img {
width: 250px !important;
}
.tooltip-one::after {
content: "Szigeti Autósiskola – Pécs";
bottom: -2.5rem;
}
.tooltip-two::after {
content: "Motorbox, Motoros árúház – Pécs";
bottom: -3rem;
}
.tooltip-three::after {
content: "Red Baron Motoros árúház";
bottom: -3rem;
}
.tooltip-wrapper::after {
white-space: nowrap;
position: absolute;
left: 50%;
transform: translateX(-50%) translateY(5px);
background-color: transparent;
color: white;
border: 1px solid var(--light-grey);
padding: 12px 25px;
border-radius: 6px;
opacity: 0;
transition: opacity 0.5s ease, transform 0.5s ease;
font-size: 14px;
z-index: 10;
}
.tooltip-wrapper:hover::after {
opacity: 1;
transform: translateX(-50%) translateY(-5px);
}
@media only screen and (max-width: 1070px) {
.partnerek-sor {
gap: 3rem;
}
}
@media only screen and (max-width: 860px) {
.carousel-track {
gap: 3rem;
} .partnerek-sor {
overflow-x: auto;
position: relative;
overflow: hidden;
width: 100%;
padding: 3rem 0;
display: block; -webkit-mask-image: linear-gradient(to right,
transparent 0%,
black 10%,
black 90%,
transparent 100%);
mask-image: linear-gradient(to right,
transparent 0%,
black 10%,
black 90%,
transparent 100%);
} .carousel-track {
display: flex;
align-items: center;
width: max-content; cursor: grab;
user-select: none;
-webkit-user-select: none;
-webkit-touch-callout: none;
touch-action: pan-y; } .carousel-track .partner-icon {
flex-shrink: 0;
margin: 0 2rem;
transition: transform 0.3s ease;
} .partnerek-sor:hover .carousel-track {
animation-play-state: paused;
} .carousel-track.dragging {
animation: none !important;
cursor: grabbing;
} .carousel-track .partner-icon:hover {
transform: scale(1.15);
z-index: 10;
} .carousel-track .partner-icon img {
display: block;
width: 150px;
height: auto;
filter: grayscale(20%);
transition: filter 0.3s ease;
} .carousel-track .partner-icon:hover img {
filter: grayscale(0%);
} @keyframes scroll-left {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
} @media only screen and (max-width: 480px) { .carousel-track {
animation-duration: 30s;
} .carousel-track .partner-icon img {
width: 120px;
} .carousel-track .partner-icon {
margin: 0 1.5rem;
}
}  @media (prefers-reduced-motion: reduce) {
.carousel-track {
animation: none !important;
}
.partnerek-sor {
overflow-x: auto;
-webkit-mask-image: none;
mask-image: none;
}
.carousel-track {
animation: none;
}
}  .partnerek-sor:not(.carousel-initialized) .partner-icon.duplicate {
display: none;
}  .tooltip-wrapper {
position: relative;
} @media only screen and (max-width: 860px) {
.carousel-track:not(:hover) .tooltip-wrapper::before,
.carousel-track:not(:hover) .tooltip-wrapper::after {
display: none;
}
}.gyik-container h2,
.gallery-container h2 {
margin-bottom: 3.5rem;
}
.faq-item {
width: 100%;
background: var(--light-grey);
border-radius: 15px;
margin-bottom: 16px;
overflow: hidden;
transition: all 0.3s ease;
}
.faq-question {
width: 100%;
padding: 24px 60px 24px 24px;
background: var(--light-grey);
border: none;
text-align: left;
cursor: pointer;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
transition: background 0.3s ease;
}
.faq-question:hover {
background: white;
}
.question-icon {
color: var(--red);
font-size: 20px;
margin-right: 12px;
flex-shrink: 0;
}
.question-text {
color: var(--txt-p);
flex-grow: 1;
margin-right: 24px;
}
.faq-item.active .question-text {
font-weight: 700;
}
.arrow-icon {
position: absolute;
right: 24px;
top: 50%;
transform: translateY(-50%);
width: 24px;
height: 24px;
transition: transform 0.3s ease;
}
.arrow-icon svg {
width: 100%;
height: 100%;
stroke: var(--txt-p);
}
.faq-item.active .arrow-icon {
transform: translateY(-50%) rotate(180deg);
}
.faq-answer {
max-height: 0;
overflow: hidden;
transition: max-height 0.4s ease, padding 0.4s ease;
padding: 0 24px;
}
.faq-item.active .faq-answer {
max-height: 1000px;
padding: 1.2rem 1.2rem 2.3rem 1.2rem;
border-top: 1px solid var(--middle-grey);
}
.answer-content {
color: var(--txt-p);
font-size: 18px;
padding-left: 32px;
}
.answer-content h4{
margin-bottom: 1rem;
}
.answer-content ul li,
.answer-content p {
margin-bottom: 12px;
letter-spacing: 1px;
}
.answer-content p:last-child {
margin-bottom: 0;
}
.answer-content strong {
font-weight: 700;
}
.answer-content ul {
list-style: none;
padding-left: 0;
margin: 1.5rem 0;
}
.answer-content ul li {
padding-left: 25px;
position: relative;
margin-bottom: 0;
}
@media (max-width: 768px) {
.answer-content {
padding-left: 0;
}
.faq-question {
padding: 15px 10px 15px 20px;
}
.arrow-icon {
right: 20px;
}
}.opinions-section {
width: 100%;
background: var(--brown);
}
.velemenyek-header {
padding-bottom: 20px;
}
.nav-arrows {
display: flex;
align-items: center;
gap: 15px;
justify-content: flex-end;
}
.nav-arrows::before {
content: '';
flex: 1; height: 1px;
background-color: var(--middle-grey);
order: -1; }
.arrow-btn {
width: 50px;
height: 50px;
background-color: #ffffff;
border: none;
border-radius: 8px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.arrow-btn:hover {
background-color: #f0f0f0;
transform: scale(1.05);
}
.arrow-btn:disabled {
opacity: 0.5;
cursor: not-allowed;
}
.arrow-btn svg {
width: 24px;
height: 24px;
color: #2d2d2d;
}
.opinions-wrapper {
display: grid;
grid-template-columns: 1fr 3fr;
gap: 40px;
align-items: start;
}
.summary-card {
background-color: #ffffff;
border-radius: 20px;
padding: 50px 40px;
text-align: center;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.summary-title {
color: var(--txt-p);
margin-bottom: 10px;
font-weight: normal;
}
.stars {
display: flex;
justify-content: center;
gap: 5px;
}
.star {
font-size: 1.5rem;
color: #f4c542;
}
.author-info,
.review-count {
font-size: clamp(16px, 1.6vw, 0.8rem);
color: var(--txt-p);
}
.avatars {
display: flex;
justify-content: center;
align-items: center;
gap: -10px;
}
.avatar {
width: 45px;
height: 45px;
border-radius: 50%;
border: 3px solid #ffffff;
object-fit: cover;
margin-left: -10px;
transition: margin-left 0.4s ease;
}
.avatar:first-child {
margin-left: 0;
}
.avatar-count {
width: 45px;
height: 45px;
border-radius: 50%;
background-color: #d4af37;
color: #ffffff;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
font-size: 14px;
border: 3px solid #ffffff;
margin-left: -10px;
transition: margin-left 0.4s ease;
}
.velemeny-teljes {
display: none;
transition: all 0.3s ease;
} .velemeny-teljes.visible {
display: block;
}
.velemeny-toggle {
position: relative;
display: inline-block;
margin-top: 0.5rem;
font-weight: bold;
cursor: pointer;
transition: color 0.3s ease;
}
.arrow-velemeny {
position: absolute;
right: -30px;
top: 50%;
transform: translateY(-50%);
width: 24px;
height: 24px;
transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
} .arrow-velemeny.rotated {
transform: translateY(-50%) rotate(180deg);
}
.arrow-velemeny svg {
width: 100%;
height: 100%;
stroke: var(--red);
} .summary-card:hover .avatar {
margin-left: 5px;
}
.summary-card:hover .avatar:first-child {
margin-left: 0;
}
.summary-card:hover .avatar-count {
margin-left: 5px;
}
.testimonials-container {
position: relative;
overflow: hidden;
}
.testimonials-slider {
display: flex;
transition: transform 0.5s ease;
}
.testimonial-card {
display: none;
background-color: #ffffff;
border-radius: 20px;
overflow: hidden;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.testimonial-card.active {
display: grid;
grid-template-columns: 1fr 2fr;
}
.testimonial-image {
width: 100%;
height: 100%;
overflow: hidden;
}
.testimonial-image img {
width: 100%;
height: 100%;
object-fit: cover;
}
.testimonial-content {
padding: 50px;
display: flex;
flex-direction: column;
justify-content: center;
}
.testimonial-content .stars {
justify-content: flex-start;
margin-bottom: 25px;
}
.testimonial-text {
color: var(--txt-p);
margin-bottom: 30px;
font-style: italic;
}
.testimonial-author {
margin-top: 1rem;
}
.testimonial-text,
.testimonial-text-contener p,
.author-info {
margin-bottom: 0;
}
.author-name {
font-size: 1.2rem;
font-weight: bold;
color: #2d2d2d;
margin-bottom: 5px;
} @media (max-width: 1024px) {
.title {
font-size: 2rem;
}
.opinions-wrapper {
grid-template-columns: 1fr;
gap: 30px;
max-width: 508px;
margin: 0 auto;
}
.testimonial-card.active {
grid-template-columns: 1fr;
}
.testimonial-image {
height: 400px;
}
.summary-card {
order: 2;
}
.testimonials-container {
order: 1;
}
.top-fit-img {
object-position: top;
}
} @media (max-width: 768px) {
body {
padding: 20px 15px;
}
.velemenyek-header {
flex-direction: column;
gap: 20px;
align-items: flex-start;
}
.title {
font-size: 1.5rem;
letter-spacing: 1px;
}
.nav-arrows {
width: 100%;
justify-content: center;
}
.arrow-btn {
width: 45px;
height: 45px;
}
.summary-card {
padding: 30px 25px;
}
.summary-title {
font-size: 1.4rem;
}
.star {
font-size: 1.5rem;
}
.avatar,
.avatar-count {
width: 50px;
height: 50px;
}
.testimonial-content {
padding: 30px 25px;
}
.testimonial-text {
font-size: 1rem;
}
.testimonial-image {
height: 300px;
}
}
@media (max-width: 580px) {
.title {
font-size: 1.2rem;
}
.testimonial-image {
height: 250px;
}
.testimonial-content {
padding: 25px 20px;
}
.author-name {
font-size: 1.1rem;
}
.testimonial-content .stars {
margin-bottom: 0.5rem;
}
}.photo-gallery-section {
width: 100%;
padding: 80px 0;
background-color: var(--dark);
overflow: hidden;
}
.gallery-container {
max-width: 100%;
margin: 0 auto;
}
.gallery-heading {
text-align: center;
margin-bottom: 4rem;
} .slider-wrapper {
width: 100%;
overflow: hidden;
position: relative;
cursor: grab;
user-select: none;
}
.slider-wrapper:active {
cursor: grabbing;
}
.slider-track {
display: flex;
gap: 30px;
will-change: transform; } .gallery-item {
flex-shrink: 0;
width: 348px;
height: 259px;
position: relative;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.gallery-item:hover {
transform: translateY(-5px);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);
}
.gallery-item img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: filter 0.4s ease;
} .gallery-item:hover img {
filter: grayscale(100%);
} .gallery-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: none;
}
.gallery-item:hover .gallery-overlay {
opacity: 1;
pointer-events: all;
}
.gallery-zoom-btn {
width: 60px;
height: 60px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.5);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: transform 0.3s ease, background-color 0.3s ease;
}
.gallery-zoom-btn:hover {
transform: scale(1.1);
background-color: rgba(255, 255, 255, 0.7);
}
.plus-icon {
font-size: 40px;
font-weight: 300;
color: #000000;
line-height: 1;
} .lightbox {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
display: none;
align-items: center;
justify-content: center;
opacity: 0;
transition: opacity 0.3s ease;
}
.lightbox.active {
display: flex;
opacity: 1;
}
.lightbox-backdrop {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.9);
z-index: 1;
}
.lightbox-content {
position: relative;
z-index: 2;
max-width: 90vw;
max-height: 90vh;
display: flex;
align-items: center;
justify-content: center;
}
.lightbox-image-container {
max-width: 100%;
max-height: 90vh;
display: flex;
align-items: center;
justify-content: center;
}
#lightbox-image {
max-width: 100%;
max-height: 90vh;
object-fit: contain;
border-radius: 4px;
box-shadow: 0 10px 50px rgba(0, 0, 0, 0.5);
} .lightbox-close {
position: absolute;
top: 20px;
right: 20px;
width: 50px;
height: 50px;
background-color: #ffffff;
border: none;
border-radius: 8px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
z-index: 3;
}
.lightbox-close:hover {
background-color: #f0f0f0;
transform: rotate(90deg);
}
.close-icon {
font-size: 36px;
font-weight: 300;
color: var(--txt-p);
line-height: 1;
transition: transform 0.3s ease;
} .lightbox-nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 50px;
height: 50px;
background-color: #ffffff;
border: none;
border-radius: 8px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: background-color 0.3s ease;
}
.lightbox-nav:hover {
background-color: #f0f0f0;
}
.lightbox-prev {
left: 40px;
}
.lightbox-next {
right: 40px;
}
.nav-arrow {
width: 24px;
height: 24px;
color: #2d2d2d;
} @media (max-width: 768px) {
.gallery-heading {
font-size: 32px;
margin-bottom: 40px;
}
.gallery-item {
width: 280px;
height: 210px;
}
.slider-track {
gap: 20px;
}
.gallery-zoom-btn {
width: 50px;
height: 50px;
}
.plus-icon {
font-size: 32px;
}
.lightbox-nav {
width: 50px;
height: 50px;
}
.lightbox-prev {
left: 20px;
}
.lightbox-next {
right: 20px;
}
.nav-arrow {
font-size: 40px;
}
.lightbox-close {
width: 45px;
height: 45px;
top: 15px;
right: 15px;
}
.close-icon {
font-size: 30px;
}
}
@media (max-width: 480px) {
.photo-gallery-section {
padding: 60px 0;
}
.gallery-heading {
font-size: 28px;
margin-bottom: 30px;
padding: 0 20px;
}
.gallery-item {
width: 240px;
height: 180px;
}
.slider-track {
gap: 15px;
}
} .no-scroll {
overflow: hidden;
}.container {
margin: 0 auto;
max-width: 1200px;
}
.title {
text-align: center;
}
.subtitle {
text-align: center;
color: #cccccc;
font-size: 1rem;
margin-bottom: 60px;
}
.timeline {
position: relative;
display: flex;
justify-content: space-between;
align-items: center;
margin: 80px auto 60px;
max-width: 900px;
padding: 0 50px;
}
.timeline-line {
position: absolute;
top: 90%;
left: 80px;
right: 80px;
height: 2px;
background-color: #444444;
z-index: 1;
}
.timeline-step {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
z-index: 2;
cursor: pointer;
transition: transform 0.3s ease;
}
.timeline-step:hover {
transform: translateY(-5px);
}
.icon-wrapper {
margin-bottom: 15px;
}
.icon {
width: 60px;
height: 60px;
color: var(--gold);
transition: all 0.3s ease;
}
.timeline-step:hover .icon {
transform: scale(1.1);
}
.timeline-dot {
width: 16px;
height: 16px;
border-radius: 50%;
background-color: #ffffff;
border: 3px solid #444444;
transition: all 0.3s ease;
}
.timeline-dot.active {
background-color: var(--gold);
border-color: var(--gold);
}
.timeline-step:hover .timeline-dot {
border-color: var(--gold);
transform: scale(1.2);
}
.card-container {
position: relative;
max-width: 570px;
margin: 0 auto;
}
.card {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 100%;
padding: 4rem 3rem;
opacity: 0;
visibility: hidden;
transition: opacity 0.5s ease, visibility 0.5s ease;
}
.card::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background-image: url(//malikmotorosoktatas.hu/wp-content/uploads/card-bg-black-stretch.svg);
background-size: 100% 100%;
background-position: center;
transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.sard:hover::after {
transform: translateY(-20px);
}
.card.active {
opacity: 1;
visibility: visible;
position: relative;
left: 0;
transform: none;
}
.card-header {
margin-bottom: 20px;
}
.card-icon {
width: 60px;
height: 60px;
color: var(--gold);
}
.card-title {
color: #ffffff;
}
.card-description {
color: #cccccc;
margin-bottom: 25px;
}
.card-arrows {
position: absolute;
bottom: 30px;
right: 30px;
font-size: 2rem;
color: var(--red);
opacity: 0.6;
}
.card-button {
margin-top: 1.1rem;
}
@media only screen and (max-width: 1240px) {
.icon {
width: 50px;
height: 50px;
}
.card-title {
margin-bottom: 0.5rem;
}
.card-container {
position: relative;
}
}
@media (max-width: 768px) {
.title {
font-size: 1.8rem;
letter-spacing: 2px;
}
.timeline {
padding: 0 20px;
margin: 60px auto 40px;
max-width: 100%;
}
.timeline-line {
left: 40px;
right: 40px;
}
.icon {
width: 35px;
height: 35px;
}
.timeline-dot {
width: 12px;
height: 12px;
}
.card-container {
max-width: 420px;
}
.card {
padding: 2rem 2.5rem;
}
.card-icon {
width: 45px;
height: 45px;
}
.card-description {
font-size: 0.9rem;
}
.card-button {
padding: 10px 20px;
font-size: 16px;
margin-top: 0;
}
}*,
*:before,
*:after {
box-sizing: border-box;
}
:root {
--gap: 40px;
}   .column-2,
.column-3,
.column-4,
.column-5,
.column-6,
.column-7,
.column-8,
.column-9,
.column-10,
.column-11,
.column-12 {
display: flex!important;
gap: var(--gap);
flex-wrap: wrap!important;
justify-content: center;
} .column-2>div {
width: calc((100% - (1 * var(--gap))) / 2);
}
.column-3>div {
width: calc((100% - (2 * var(--gap))) / 3);
}
.column-4>div {
width: calc((100% - (3 * var(--gap))) / 4);
}
.column-5>div {
width: calc((100% - (4 * var(--gap))) / 5);
}
.column-6>div {
width: calc((100% - (5 * var(--gap))) / 6);
}
.column-7>div {
width: calc((100% - (6 * var(--gap))) / 7);
}
.column-8>div {
width: calc((100% - (7 * var(--gap))) / 8);
}
.column-9>div {
width: calc((100% - (8 * var(--gap))) / 9);
}
.column-10>div {
width: calc((100% - (9 * var(--gap))) / 10);
}
.column-11>div {
width: calc((100% - (10 * var(--gap))) / 11);
}
.column-12>div {
width: calc((100% - (11 * var(--gap))) / 12);
}  .row {
display: flex;
gap: var(--gap);
}  .col-1-2 {
flex-basis: calc(100% / 2);
}
.col-1-3 {
flex-basis: calc(100% / 3);
}
.col-1-4 {
flex-basis: calc(100% / 4);
}
.col-1-5 {
flex-basis: calc(100% / 5);
}
.col-1-6 {
flex-basis: calc(100% / 6);
} .col-2-3 {
flex-basis: calc(100% / 3 * 2);
}
.col-2-5 {
flex-basis: calc(100% / 5 * 2);
} .col-3-4 {
flex-basis: calc(100% / 4 * 3);
}
.col-3-5 {
flex-basis: calc(100% / 5 * 3);
} .col-4-5 {
flex-basis: calc(100% / 5 * 4);
} .col-5-6 {
flex-basis: calc(100% / 6 * 5);
} .card-grid {
display: grid;
gap: 2rem;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
justify-items: center;
padding: 2rem 0;
} @media only screen and (max-width: 1420px) {
.column-4>div {
width: calc((80% - (1 * var(--gap))) / 2);
}
.folyamat {
gap: 40px!important;
}
}
@media only screen and (max-width: 768px) {
.col-1-2,
.col-1-3,
.col-1-4,
.col-1-5,
.col-1-6,
.col-2-3,
.col-2-5,
.col-3-4,
.col-3-5,
.col-4-5,
.col-5-6 {
flex-basis: 100%;
min-width: 0;
}
.row {
flex-wrap: wrap;
}
} @media only screen and (max-width: 769px) {
:root {
--gap: 15px!important;
}
.column-4>div{
width: 80%;
}
.column-2>div,
.column-3>div {
width: 100%;
}
.column-5>div,
.column-6>div {
width: calc((100% - (1 * var(--gap))) / 2);
}
.column-7>div,
.column-8>div,
.column-9>div,
.column-10>div,
.column-11>div,
.column-12>div {
width: calc((100% - (2 * var(--gap))) / 3);
}
}
@media only screen and (max-width: 432px){
.column-4>div{
width: 100%;
}
} @media only screen and (min-width: 770px) and (max-width: 1042px) {
:root {
--gap: 20px;
}
.column-3>div,
.column-5>div {
width: calc((100% - (1 * var(--gap))) / 2);
}
.column-6>div,
.column-7>div,
.column-8>div,
.column-9>div {
width: calc((100% - (2 * var(--gap))) / 3);
}
.column-10>div,
.column-11>div,
.column-12>div {
width: calc((100% - (2 * var(--gap))) / 3);
}
} @media only screen and (min-width: 1042px) and (max-width: 1200px) {
.column-5>div,
.column-6>div,
.column-7>div,
.column-8>div,
.column-9>div {
width: calc((100% - (3 * var(--gap))) / 4);
}
.column-10>div,
.column-11>div,
.column-12>div {
width: calc((100% - (4 * var(--gap))) / 5);
}
:root {
--gap: 20px;
}
}.hero {
position: relative;
padding: 15rem 0 8rem 0;
margin-top: -10rem;
}
.hero .wp-block-group__inner-container {
z-index: 10;
}
.hero::before {
content: '';
position: absolute;
bottom: 0;
right: 0;
width: 100%;
height: 100%;
background: url(//malikmotorosoktatas.hu/wp-content/uploads/Hero-bg.jpg) bottom right no-repeat;
background-size: cover;
z-index: -1;
}
#main-menu ul {
display: flex;
list-style-type: none !important;
align-items: center;
}
.kapcsolat-head li::before,
.slider-menu-display,
#main-menu ul li ul {
display: none;
}
.kapcsolat-head li {
font-size: clamp(16px, 1.6vw, 1rem);
font-family: "Inter", serif;
padding-left: 0;
}
.footer-logo,
#main-menu ul,
.kapcsolat-head li{
margin-bottom: 1rem;
}
.kapcsolat-head li img {
margin-right: 10px;
}
#main-menu ul li {
margin-left: 2rem;
}
#main-menu ul li::before {
background: none;
}
#main-menu ul li a {
color: white;
padding: 0.5rem 0;
font-weight: 400;
position: relative;
font-size: clamp(16px, 1.6vw, 0.8rem);
text-transform: uppercase;
}
#main-menu ul li a:hover {
color: var(--gold);
}
#main-menu {
display: flex;
justify-content: space-between;
align-items: center;
}
#nav-header {
padding-bottom: 0;
padding-top: 1rem 0;
z-index: 10;
position: relative;
}
.archive #nav-header,
.single #nav-header,
.page-template-page-gyik #nav-header,
.page-template-page-adatkezeles #nav-header,
.page-template-page-impresszum #nav-header,
.page-template-page-aszf #nav-header,
.page-template-page-cookie #nav-header {
background-color: var(--dark);
}
#nav-header .content-box {
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 1rem;
}
#bottom-head ul {
display: flex;
list-style-type: none;
justify-content: flex-end;
}
#bottom-head a {
font-size: 0.7rem;
color: var(--body-txt)
}
#bottom-head a:hover {
color: var(--gold);
}
#bottom-head ul li {
margin-left: 2rem;
display: flex;
align-items: center;
}
.menu-icon-idopont>a,
.menu-icon-contact>a {
display: block;
width: 36px;
height: 74.5px;
display: flex;
align-items: center;
}
.menu-icon-idopont>a,
.menu-icon-contact>a,
#emblem svg,
.footer-logo{
transition: all 0.3s ease;
}
.menu-icon-idopont>a:hover,
.menu-icon-contact>a:hover,
#emblem svg:hover,
.footer-logo:hover {
transform: scale(1.1);
}
.menu-icon-contact {
margin-left: 0 !important;
padding-left: 1rem;
}
.menu-contact-link {
display: block;
width: 20px;
height: 20px;
}
.wp-image-50 {
margin-right: 7px;
}
.wp-image-52 {
margin-right: 10px;
} #nav-menu {
position: relative;
}
.menu {
margin-top: 2rem;
} #logo a {
display: flex;
align-items: center;
}
#logotipia svg {
width: auto;
height: 2.1rem;
}
#emblem svg {
width: auto;
height: 5rem;
margin-right: 14px;
} #hamburger,
#kapcsolat-head {
display: none;
}
.line {
stroke: var(--red);
stroke-width: 2;
stroke-linecap: round;
transition: all 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
} .line1-left,
.line1-right {
transform-origin: 15px 7.5px;
}
.line2-left,
.line2-right {
transform-origin: 15px 15px;
}
.line3-left,
.line3-right {
transform-origin: 15px 22.5px;
} .hamburger.animating .line1-left {
animation: line1LeftToX 0.8s ease-in-out forwards;
}
.hamburger.animating .line1-right {
animation: line1RightToX 0.8s ease-in-out forwards;
}
.hamburger.animating .line2-left {
animation: line2LeftToX 0.8s ease-in-out forwards;
}
.hamburger.animating .line2-right {
animation: line2RightToX 0.8s ease-in-out forwards;
}
.hamburger.animating .line3-left {
animation: line3LeftToX 0.8s ease-in-out forwards;
}
.hamburger.animating .line3-right {
animation: line3RightToX 0.8s ease-in-out forwards;
} .hamburger.closing .line1-left {
animation: line1LeftFromX 0.8s ease-in-out forwards;
}
.hamburger.closing .line1-right {
animation: line1RightFromX 0.8s ease-in-out forwards;
}
.hamburger.closing .line2-left {
animation: line2LeftFromX 0.8s ease-in-out forwards;
}
.hamburger.closing .line2-right {
animation: line2RightFromX 0.8s ease-in-out forwards;
}
.hamburger.closing .line3-left {
animation: line3LeftFromX 0.8s ease-in-out forwards;
}
.hamburger.closing .line3-right {
animation: line3RightFromX 0.8s ease-in-out forwards;
} .hamburger.active .line1-left {
transform: translateY(7.5px) rotate(-45deg);
}
.hamburger.active .line1-right {
transform: translateY(7.5px) rotate(45deg);
}
.hamburger.active .line2-left,
.hamburger.active .line2-right {
opacity: 0;
}
.hamburger.active .line3-left {
transform: translateY(-7.5px) rotate(45deg);
}
.hamburger.active .line3-right {
transform: translateY(-7.5px) rotate(-45deg);
}  @keyframes line1LeftToX {
0% {
transform: translateY(0) rotate(0deg);
}
50% {
transform: translateY(0) rotate(-45deg);
}
100% {
transform: translateY(7.5px) rotate(-45deg);
}
} @keyframes line1RightToX {
0% {
transform: translateY(0) rotate(0deg);
}
50% {
transform: translateY(0) rotate(45deg);
}
100% {
transform: translateY(7.5px) rotate(45deg);
}
} @keyframes line2LeftToX {
0% {
opacity: 1;
transform: rotate(0deg);
}
50% {
opacity: 1;
transform: rotate(-45deg);
}
75% {
opacity: 0;
transform: rotate(-45deg);
}
100% {
opacity: 0;
transform: rotate(-45deg);
}
} @keyframes line2RightToX {
0% {
opacity: 1;
transform: rotate(0deg);
}
50% {
opacity: 1;
transform: rotate(45deg);
}
75% {
opacity: 0;
transform: rotate(45deg);
}
100% {
opacity: 0;
transform: rotate(45deg);
}
} @keyframes line3LeftToX {
0% {
transform: translateY(0) rotate(0deg);
}
50% {
transform: translateY(0) rotate(-45deg);
}
100% {
transform: translateY(-7.5px) rotate(45deg);
}
} @keyframes line3RightToX {
0% {
transform: translateY(0) rotate(0deg);
}
50% {
transform: translateY(0) rotate(45deg);
}
100% {
transform: translateY(-7.5px) rotate(-45deg);
}
}  @keyframes line1LeftFromX {
0% {
transform: translateY(7.5px) rotate(-45deg);
}
50% {
transform: translateY(0) rotate(-45deg);
}
100% {
transform: translateY(0) rotate(0deg);
}
} @keyframes line1RightFromX {
0% {
transform: translateY(7.5px) rotate(45deg);
}
50% {
transform: translateY(0) rotate(45deg);
}
100% {
transform: translateY(0) rotate(0deg);
}
} @keyframes line2LeftFromX {
0% {
opacity: 0;
transform: rotate(-45deg);
}
25% {
opacity: 0;
transform: rotate(-45deg);
}
50% {
opacity: 1;
transform: rotate(-45deg);
}
100% {
opacity: 1;
transform: rotate(0deg);
}
} @keyframes line2RightFromX {
0% {
opacity: 0;
transform: rotate(45deg);
}
25% {
opacity: 0;
transform: rotate(45deg);
}
50% {
opacity: 1;
transform: rotate(45deg);
}
100% {
opacity: 1;
transform: rotate(0deg);
}
} @keyframes line3LeftFromX {
0% {
transform: translateY(-7.5px) rotate(45deg);
}
50% {
transform: translateY(0) rotate(-45deg);
}
100% {
transform: translateY(0) rotate(0deg);
}
} @keyframes line3RightFromX {
0% {
transform: translateY(-7.5px) rotate(-45deg);
}
50% {
transform: translateY(0) rotate(45deg);
}
100% {
transform: translateY(0) rotate(0deg);
}
} .overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
background: rgba(0, 0, 0, 0.7);
opacity: 0;
visibility: hidden;
transition: all 0.4s ease;
z-index: -1;
}
.overlay.active {
opacity: 1;
visibility: visible;
}
@media only screen and (min-width: 1920px) {
.hero {
padding: 18rem 0 18rem 0;
margin-top: -10rem;
}
}
@media only screen and (max-width: 1380px) { #main-menu {
flex-wrap: wrap;
}
#menu-main-menu {
display: flex;
flex-wrap: wrap;
gap: 0;
} #menu-main-menu>li {
flex: 1 1 100%;
} #menu-main-menu>li:nth-last-child(2),
#menu-main-menu>li:last-child {
flex: 1 1 calc(50% - 0.5rem);
}
#bottom-head ul,
#kapcsolat-head {
display: block;
margin: 0;
}
#main-menu ul li {
margin-left: 0 !important;
margin-top: 20px;
margin-bottom: 20px;
padding-left: 0;
}
.menu-icon-idopont,
.menu-icon-contact {
margin-left: 0 !important;
margin-top: 1rem;
max-width: 50px;
}
.menu-icon-contact {
padding-left: 1rem !important;
}
.menu-icon-idopont>a::after,
.menu-icon-contact>a::after {
display: none;
}
#bottom-head ul li {
margin-left: 0;
margin-bottom: 0.5rem;
}
#nav-header .content-box {
flex-wrap: wrap;
flex-direction: row !important;
margin-bottom: 0;
}
#nav-menu {
position: fixed;
top: 0;
right: -100%;
width: 100%;
height: 100vh;
background: #1D1A13;
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 5rem;
transition: right 0.6s cubic-bezier(0.68, -0.55, 0.265, 1.55);
overflow-y: auto;
box-shadow: -5px 0 15px rgba(0, 0, 0, 0.3);
}
#nav-menu.nyitva {
right: 0;
position: absolute;
}
#nav-menu.nyitva ul {
position: relative;
position: relative;
left: -1.5rem;
top: 0;
}
#nav-menu.active {
right: 0;
max-height: 1000px;
opacity: 1;
pointer-events: auto;
}
#main-menu ul.nyitva .menu-item {
margin-top: 20px;
margin-bottom: 20px;
opacity: 1;
transform: translateX(50px);
transition: all 0.5s ease;
padding: 0;
}
.nav-menu.active .menu-item {
opacity: 1;
transform: translateX(0);
}
.nav-menu.active .menu-item:nth-child(1) {
transition-delay: 0.1s;
}
.nav-menu.active .menu-item:nth-child(2) {
transition-delay: 0.2s;
}
.nav-menu.active .menu-item:nth-child(3) {
transition-delay: 0.3s;
}
.nav-menu.active .menu-item:nth-child(4) {
transition-delay: 0.4s;
}
.nav-menu.active .menu-item:nth-child(5) {
transition-delay: 0.5s;
}
.nav-menu.active .menu-item:nth-child(6) {
transition-delay: 0.6s;
}
.menu-item a {
color: #ffffff;
text-decoration: none;
font-size: clamp(20px, 1.6vw, 1.5rem);
letter-spacing: 2px;
position: relative;
transition: color 0.3s ease;
cursor: pointer;
}
.menu-item a::after {
content: '';
position: absolute;
bottom: -10px;
left: 50%;
transform: translateX(-50%) scaleX(0);
width: 80%;
height: 3px;
background: var(--gold);
transition: transform 0.3s ease;
}
.menu-item a:hover {
color: var(--gold);
}
.menu-item a:hover::after {
transform: translateX(-50%) scaleX(1);
} #hamburger {
display: flex;
height: 4rem;
width: 3rem;
padding: 0.4rem;
flex-direction: column;
justify-content: space-between;
transition: all 0.3s ease-in-out;
cursor: pointer;
background: transparent;
z-index: 999;
}
.slider-menu-display {
display: block;
}
#hamburger.nyitva {
background: var(--gold);
justify-content: center;
align-items: center;
}
#hamburger span {
display: block;
width: 100%;
height: 2px;
background-color: var(--gold);
}
}
@media only screen and (max-width: 1240px) { #bottom-head ul {
justify-content: center;
}
#nav-header .content-box {
flex-direction: column;
align-items: center;
}
.hero {
margin-top: -10rem;
}
}
@media only screen and (max-width: 830px) {
#logo {
margin: 0;
}
#logotipia svg {
height: 1.8rem;
}
.hero {
margin-top: -5rem;
margin-bottom: 25vw;
}
.hero::before {
bottom: -25vw;
height: 70%;
}
#main-menu ul li a {
font-size: clamp(16px, 1.6vw, 1.8rem);
}
}
@media (max-width: 768px) {
.hamburger {
top: 20px;
right: 20px;
width: 2rem;
height: 2rem;
}
.menu-item {
margin: 25px 0;
}
}
@media only screen and (max-width: 542px) {
.hero {
padding: 7.5rem 0 5rem 0;
margin-top: -4rem;
margin-bottom: 45vw;
}
.hero::before {
bottom: -45vw;
}
.hero .wp-block-buttons:first-of-type {
margin-top: 2rem;
}
.hamburger {
width: 2rem;
height: 2rem;
}
.menu-item a {
font-size: 1.5rem;
}
.menu-item {
margin: 10px 0;
}
.menu {
margin-top: 0;
}
#main-menu ul li {
margin-bottom: 10px;
}
#nav-menu {
padding-left: 2.5rem;
}
#nav-menu.active {
right: 0;
max-height: 800px;
opacity: 1;
pointer-events: auto;
}
}@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&display=swap");
:root {
--dark: #131009;
--brown: #715835;
--gold: #C9A961;
--red: #D32F2F;
--light-grey: #E8E8E8;
--light-dark: #1D1A13;
--middle-grey: #D5D5D5;
--txt-h: #131009;
--txt-p: #424242;
}
html {
font-size: clamp(16px, 1.2vw, 18px);
overflow-x: hidden;
scroll-behavior: smooth;
max-width: 100%;
}
body {
background: var(--dark);
font-family: "Inter", serif;
color: white;
position: relative;
margin: 0;
padding: 0;
overflow-x: hidden;
}
.archive,
.single,
.page-template-page-gyik,
.page-template-page-adatkezeles,
.page-template-page-impresszum,
.page-template-page-aszf,
.page-template-page-cookie {
background: white;
}
.content-box,
.fullwide .wp-block-group__inner-container {
max-width: 1542px;
margin: 0 auto;
padding-left: 151px;
padding-right: 151px;
}
.page-hero-content {
margin-top: 2rem;
}
.page-id-32 .page-hero-content,
.page-template-page-rolam .page-hero-content,
.page-id-415 .page-hero-content,
.page-id-48 .page-hero-content,
.page-id-42 .page-hero-content {
margin-top: 11rem;
}
.page-template-page-viptraining .page-hero-content,
.page-template-page-alaptraining .page-hero-content {
margin-top: 9rem;
}
.page-template-page-rolam .page-hero-content>h2:first-of-type,
.page-id-415 .page-hero-content>p:first-of-type {
margin-bottom: 7rem;
} img {
max-width: 100%;
height: auto;
border-radius: 20px;
}
.testimonial-image img,
.align-center img {
border-radius: 0;
} h1,
.hero-title {
font-size: clamp(32px, 3.8vw, 52px);
letter-spacing: 4.8px;
}
h1,
h2,
.hero-title {
text-transform: uppercase;
}
h1,
h2,
.hero-title,
h3 {
font-family: "Merriweather", serif;
font-weight: 700;
}
h2,
.single h1 {
font-size: clamp(28px, 2.6vw, 48px);
letter-spacing: 4.8px;
}
.single h1,
.page-top-h2,
.hero-title,
.widget a,
.archive .zaro-cta p,
.breadcrumb a {
color: white;
}
.single h2,
.idopont-h2,
h3 {
font-size: clamp(24px, 2.2vw, 32px) !important;
line-height: 38px;
letter-spacing: 3.2px;
}
h2,
.single h2,
h3,
h4,
.bejegyzesek h2 a,
.bejegyzesek h2 {
color: var(--gold);
}
h1,
h2,
h3,
h4,
p,
.section-description,
.home .wp-block-post-title {
margin-top: 0;
}
.width {
max-width: 60%;
}
.width-80,
.hero h1 {
max-width: 80%;
}
.head-p {
font-size: clamp(18px, 1.5vw, 22px);
line-height: 30px;
letter-spacing: 2px;
}
h4,
.bejegyzesek h2 a,
.bejegyzesek h2 {
font-size: clamp(22px, 1.6vw, 28px);
font-family: "Merriweather", serif;
font-weight: 400;
line-height: 34px;
letter-spacing: 1.8px;
text-transform: none;
}
p,
.question-text,
.answer-content,
.cards-column p,
ul li,
.choose-my p,
.why-card p,
.little-h2 {
font-size: clamp(16px, 1.2vw, 18px);
letter-spacing: 1px;
line-height: 25px;
}
a {
color: rgb(194, 98, 98);
text-decoration: none;
cursor: pointer;
}
a:hover {
color: rgb(146, 42, 42);
}
.widget a,
.archive p,
.breadcrumb p,
.breadcrumb a,
table {
font-size: 16px;
}
.cky-preference-body-wrapper .cky-preference-content-wrapper p button,
.cky-preference-body-wrapper .cky-preference-content-wrapper .cky-show-desc-btn {
color: var(--gold) !important;
}
.cky-footer-wrapper .cky-prefrence-btn-wrapper .cky-btn-preferences {
background: transparent !important;
border: 1px solid var(--light-dark) !important;
color: var(--light-dark) !important;
}
.widget a:hover,
.breadcrumb a:hover,
.blog-cikk .col-1-4 ul li a {
color: rgb(146, 146, 146);
}
.tovabb-link {
transition: transform 0.4s ease;
font-weight: 600;
}
.tovabb-link:hover {
transform: translateX(10px);
}
.margin-bottom {
margin-bottom: 2rem !important;
}
.margin-bottom-three,
.margin-bottom-three-comb {
margin-bottom: 3.5rem
}
.margin-bottom-four,
.for-you-col {
margin-bottom: 4rem;
}
.card-padding-left {
padding-left: 2rem;
}
.card-button,
.button,
.wp-block-button a,
input[type="submit"],
#mlb2-34637496.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button,
#mlb2-34637496 .ml-mobileButton-horizontal button {
display: inline-block;
color: white;
background: var(--gold);
text-transform: uppercase;
font-weight: 700;
font-family: "Inter", serif;
font-size: clamp(14px, 1.1vw, 16px);
padding: 14px 24px;
border-radius: 10px;
transition: all 0.8s ease-in-out;
cursor: pointer;
transition: transform 0.4s ease, box-shadow 0.4s ease;
letter-spacing: 1.6px;
}
.wp-block-buttons .secondary-button a {
display: inline-block;
color: white;
background: transparent;
text-transform: uppercase;
font-weight: 700;
font-family: "Inter", serif;
font-size: clamp(14px, 1.1vw, 16px);
line-height: 1;
padding: 15px 24px;
border-radius: 10px;
border: solid 1px white;
transition: all 0.8s ease-in-out;
cursor: pointer;
transition: transform 0.8s ease, box-shadow 0.4s ease;
letter-spacing: 1.6px;
}
.scroll-top-btn .wp-block-button__link {
background: white;
border: 1px solid var(--dark);
width: 55px;
height: 55px;
padding: 10px 15px;
}
#scrollToTop,
.scroll-top-btn {
display: none;
position: fixed;
bottom: 1rem;
right: 1rem;
cursor: pointer;
z-index: 1000;
}
.scroll-top-btn.show {
display: block;
}
.card-button:hover,
.button:hover,
.wp-block-button a:hover,
.secondary-button a:hover,
input[type="submit"]:hover {
transform: translateY(-5px);
box-shadow: 0 25px 20px rgba(0, 0, 0, 0.1);
}
.wp-block-buttons>.wp-block-button,
.training-type-section .alap-treaning-h2 {
margin-bottom: 1rem;
}
.fullwide {
width: calc(100vw - 16px);
left: calc(50% + 8px);
position: relative;
margin-left: -50vw;
gap: unset;
}
.copyright {
background-color: white;
text-align: center;
}
#copyright {
padding: 1rem 0;
border-top: 1px solid var(--middle-grey);
}
#copyright p {
margin: 0;
} ul {
list-style: none;
padding-left: 0;
}
ul li {
position: relative;
padding-left: 1.5rem;
line-height: 38px;
}
ul li::before {
content: "";
position: absolute;
left: 0;
top: 0.4em;
width: 16px;
height: 16px;
background: url(//malikmotorosoktatas.hu/wp-content/uploads/arrow-gold-right-01.svg) no-repeat center center;
background-size: contain;
}
.answer-content ul li::before {
top: 0.6em;
}
.contact-li,
.col-1-4 .wp-block-latest-posts__list li,
.col-1-4 .blog-cikk .wp-block-list li,
.widget li,
.col-1-4 .widget li {
padding-left: 0;
}
.contact-li::before,
.col-1-4 .wp-block-latest-posts__list li::before,
.col-1-4 .blog-cikk .wp-block-list li::before,
.col-1-4 .widget li::before,
.widget li::before,
.wp-block-post-template li::before {
display: none;
}
.contact-li img {
min-width: 25px !important;
}
.contact-page {
display: flex;
align-items: center;
}
.contact-page-contact ul li a {
color: white !important;
}  .for-me-section {
position: relative;
}
.oktatasi-hatter {
display: flex;
align-items: center;
}  .counter-wrapper {
margin-top: 3rem;
} .desktop-counter {
display: block;
width: fit-content;
box-sizing: border-box;
margin-top: -8rem;
} .mobile-counter {
display: none;
padding: 4rem 2rem;
text-align: center;
} .counter-container {
display: flex;
gap: 3rem;
justify-content: flex-start;
align-items: center;
flex-wrap: nowrap;
} .counter-item {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
gap: 1rem;
animation: fadeInUp 0.8s ease-out backwards;
}
.counter-item:nth-child(1) {
animation-delay: 0.1s;
}
.counter-item:nth-child(2) {
animation-delay: 0.2s;
}
.counter-item:nth-child(3) {
animation-delay: 0.3s;
} .counter-number {
color: #C9A961;
font-family: 'Inter', sans-serif;
font-size: clamp(20px, 1.5vw, 32rem);
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 4.8px;
white-space: nowrap; }
.counter-value {
display: inline-block;
min-width: 1ch;
font-variant-numeric: tabular-nums;
transition: transform 0.05s ease-out;
}
.counter-suffix {
display: inline-block;
} .counter-label {
color: #FFF;
font-family: 'Inter', sans-serif;
font-size: clamp(14px, 1.6vw, 0.8rem);
font-style: normal;
font-weight: 400;
line-height: normal;
letter-spacing: 1.8px;
} @keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
} .header-content .wp-block-group__inner-container {
display: flex;
gap: 40px;
margin-bottom: 4rem;
align-items: flex-start;
}
.why-cards-container .wp-block-group__inner-container,
.middle-icons {
display: flex;
gap: 2rem;
flex-wrap: wrap !important;
justify-content: center;
}
.middle-icons .wp-block-group {
max-width: 228px;
min-width: 200px;
}
.elvalaszto {
display: none;
width: 100%;
color: rgba(213, 213, 213, 0.3);
} .why-card {
z-index: 10;
position: relative;
min-width: 304px;
max-width: 370px;
transition: transform 0.6s ease-in-out;
} .why-card::before {
content: "";
position: absolute;
display: block;
background-size: contain;
width: 41px;
height: 74.5px;
background-image: url(//malikmotorosoktatas.hu/wp-content/uploads/arrows-red-three.svg);
background-repeat: no-repeat;
background-position: center;
top: 0;
right: 20px;
z-index: -1;
transition: transform 0.6s ease-in-out;
}
.why-card .wp-block-group__inner-container {
padding: 3rem 2rem;
flex-direction: column;
gap: 0;
}
.why-card:hover::before {
transform: translateY(-20px);
}
.why-card:hover {
transform: translateY(-0.5rem);
}
.why-card .wp-block-group__inner-container::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
background-image: url(//malikmotorosoktatas.hu/wp-content/uploads/card-bg-black-stretch.svg);
background-size: 100% 100%;
background-position: center;
}
.training-type-section h2,
.training-type-section>p:first-of-type,
.partner-section h3 {
text-align: center;
}
.why-card-content {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
gap: 1.5rem;
height: 100%;
margin: 1rem 0 0 0;
}
.why-card h4 {
font-size: clamp(20px, 2vw, 24px);
}
.section-title {
flex: 0 0 auto;
max-width: 50%;
}
.section-description {
flex: 1;
max-width: 50%;
} .brown {
background-color: var(--brown);
padding: 6rem 0;
max-width: 1542px;
padding: 0 150px;
padding-top: 7rem;
padding-bottom: 7rem;
}
.page-template-page-rolam .brown {
padding-left: 0;
padding-right: 0;
}
.partner-section,
.training-type-section {
background-color: var(--brown);
padding-bottom: 8rem;
}
.training-type-section h2 {
margin-bottom: 4rem;
}
.training-card {
position: relative;
padding: 70px 40px;
color: #424242;
min-width: 350px;
z-index: 1;
max-width: 640px;
}
.training-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
min-width: 304px;
height: 100%;
z-index: -1;
background-image: url(//malikmotorosoktatas.hu/wp-content/uploads/card-grey-bg-stretch.svg);
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}
.training-card li,
.training-card p,
.single .blog-cikk .col-3-4 h4,
.little-h2,
.color-txt-p {
color: var(--txt-p);
text-transform: none;
}
.single .blog-cikk .col-3-4 h4 {
margin: 2rem 0 1rem 0;
}
table {
margin: 1rem 0 2rem 0;
}
.brown,
.about-columns-wrapper,
.box-style>p:first-of-type,
.training-card .info-one {
margin-bottom: 0;
}
.training-card .info-two {
margin-top: 10px;
}
.wp-block-buttons:first-of-type {
margin-top: 3rem;
}
.training-page-btn {
margin-top: 2rem !important;
}
.training-page-btn,
.alaptraining-img-group {
margin-bottom: 8rem;
}
.card-price {
font-size: 28px;
}
.is-style-wide {
color: var(--middle-grey);
margin: 2rem 0 !important;
}
.align-center {
display: flex;
align-items: center;
}
.align-start {
display: flex;
align-items: flex-start;
}
.align-center img,
.align-start img {
margin-right: 10px;
width: 40px;
}
.important-info {
border: 1px solid var(--middle-grey);
border-radius: 15px;
padding: 1.5rem 2.5rem;
background: var(--light-dark);
}
.important-info img {
margin-right: 25px !important;
}
.single .row,
.page-template-page-gyik .row,
.lemondas,
.page-template-page-adatkezeles .row,
.page-template-page-gyik .row,
.page-template-page-impresszum .row,
.page-template-page-aszf .row,
.page-template-page-cookie .row {
gap: 60px;
}
.lemondas .wp-block-column {
max-width: 600px;
}
.min-width-col {
min-width: 400px;
}
.breadcrumb {
display: flex;
align-items: center;
gap: 0.5rem;
color: white;
}  .training-tabs-nav {
display: none;
gap: 0;
margin-bottom: 2rem;
border-radius: 12px;
overflow: hidden;
max-width: 600px;
margin-left: auto;
margin-right: auto;
} .training-tabs-nav .tab-button {
flex: 1;
padding: 16px 24px;
background-color: rgba(255, 255, 255, 0.3);
border: none;
color: white;
font-size: clamp(14px, 1.1vw, 16px);
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
position: relative;
}
.training-tabs-nav .tab-button:hover {
background-color: rgba(255, 255, 255, 0.5);
}
.training-tabs-nav .tab-button.active {
background-color: rgba(255, 255, 255, 0.9);
color: var(--brown, #8B4513);
} @keyframes slideInFromRight {
from {
opacity: 0;
transform: translateX(100%);
}
to {
opacity: 1;
transform: translateX(0);
}
}
@keyframes slideOutToLeft {
from {
opacity: 1;
transform: translateX(0);
}
to {
opacity: 0;
transform: translateX(-100%);
}
} .archive .bejegyzesek p,
.blog-cikk p,
.blog-cikk p a,
.blog-cikk h1,
.blog-cikk ul li,
.blog-cikk .col-1-4 ul li a {
color: var(--txt-p);
}
.bg-black {
background-color: var(--dark);
padding-top: 2rem;
padding-bottom: 2rem;
color: white;
}
.blog-cikk .row,
.archive .column-3 {
padding: 6rem 0;
}
.single .widget li,
.col-1-4 .blog-cikk .wp-block-list li,
.col-1-4 .widget li,
.widget li {
margin-bottom: 1rem;
line-height: 25px;
}
.home-blog .wp-block-column.is-vertically-aligned-center {
align-self: start;
}
.home-blog-right-col {
max-width: 19rem;
} body.sidebar-open {
overflow: hidden;
}
:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
border: 1px solid var(--purple);
}
.filter-sidebar {
position: fixed;
top: 0;
right: -100%;
width: 80%;
max-width: 400px;
height: 100%;
overflow-y: auto;
background: var(--light-dark);
box-shadow: -2px 0 8px rgba(0, 0, 0, 0.2);
transition: right 0.3s ease;
z-index: 9999;
padding: 3rem 1rem 1rem 2rem;
}
.filter-sidebar.open {
right: 0;
}
.filter-wrapper span {
color: white;
}
.filter-wrapper {
border-top: 1px solid rgba(213, 213, 213, 0.3);
margin-top: 1rem;
}
.single .filter-sidebar.open {
padding-top: 4rem;
padding-left: 2rem;
} body.sidebar-open .overlay {
opacity: 1;
pointer-events: all;
z-index: -1;
}
.filter-close {
position: absolute;
top: 1rem;
right: 1rem;
background: none;
border: none;
font-size: 1.5rem;
cursor: pointer;
color: white;
}
#filter-toggle span {
display: none;
}
.back-btn {
padding: 0;
border: none;
background: transparent;
}
.back-btn svg {
width: 1.7rem;
height: 1.7rem;
fill: var(--light-grey);
}
.filter-btn {
border: none;
cursor: pointer;
display: none;
padding: 0.3rem 0.3rem 0.1rem 0.3rem;
background: transparent;
}
.filter-btn svg {
width: 2rem;
height: 2rem;
fill: var(--middle-grey);
} .arak .desktop-only {
display: none;
}
.single footer {
margin-top: 4rem;
}
.archive .attachment-post-thumbnail,
.single .attachment-post-thumbnail {
margin-bottom: 2rem;
}
.single-filter .desctop-only,
.szolg-filter .desktop-only {
display: block;
}
.single-filter #filter-toggle {
display: flex;
align-items: center;
}
.single-filter #filter-toggle {
justify-content: space-between;
padding: 1.5rem 0 0.5rem 0;
} .zaro-cta {
padding-top: 6rem !important;
padding-bottom: 14rem !important;
position: relative;
margin-bottom: -12rem;
}
.zaro-cta-center {
text-align: center;
}
.zaro-cta-center img {
margin-top: 2rem;
}
.page-zaro-cta {
display: flex;
align-items: center;
flex-direction: column;
}
.zaro-cta::before {
background: url(//malikmotorosoktatas.hu/wp-content/uploads/zaro_cta_bg3.jpg) no-repeat center;
background-size: cover;
width: 100%;
height: 100%;
content: '';
position: absolute;
top: 0;
left: 0;
z-index: -2;
}
.home .wp-block-post-excerpt__excerpt,
.home .wp-block-post-excerpt__more-link {
font-size: clamp(16px, 1.6vw, 0.8rem);
line-height: 25px;
}
.home .wp-block-post-date {
font-size: 14px;
}
.home .wp-block-post-title {
margin-bottom: 0.5rem;
}
.breadcrumb p,
.margin-null,
figure {
margin: 0;
}
.margin-top-middle {
margin-top: 2.5rem;
}
.home-blog {
list-style-type: none !important;
}
.home-blog li {
padding-left: 0;
line-height: 28px;
}
.home-blog-separator {
margin-bottom: 1rem;
}
.wp-block-separator {
color: rgba(213, 213, 213, 0.5);
} .footer-content-box {
color: var(--txt-p);
background-image: url(//malikmotorosoktatas.hu/wp-content/themes/MalikL/Footer-01.png);
}
footer ul li,
footer p {
font-size: clamp(14px, 1vw, 0.8rem);
color: var(--txt-p);
}
.footer-contact {
line-height: 22px;
margin-bottom: 0.5rem;
}
footer li img {
margin-right: 10px;
}
#footer-content-box {
padding-top: 6rem;
padding-bottom: 3rem;
position: relative;
overflow: visible;
}
#footer-content-box::before {
content: '';
position: absolute;
top: -20rem;
right: -10rem;
width: calc(100% + 19rem);
height: calc(100% + 20rem);
background: url(//malikmotorosoktatas.hu/wp-content/uploads/Footer-01.png) no-repeat top right;
background-size: cover;
z-index: -1;
}
#footer-content-box .column-4 {
justify-content: center;
align-content: center;
}
.footer-kapcsolat ul li {
padding: 0;
}
.footer-kapcsolat ul li::before {
background: none;
}
footer ul li a {
color: var(--txt-p) !important;
}
footer ul li a:hover {
color: var(--txt-h) !important;
font-weight: 600;
}
.design-by {
color: var(--txt-h);
font-weight: 600;
transition: all 0.3s ease;
}
.design-by:hover {
color: #c40082 !important;
transform: scale(1.1);
}
.google-map iframe {
width: 100% !important;
} .scroll-animate {
opacity: 0;
transform: translateY(50px);
transition: opacity 0.6s ease-out, transform 0.6s ease-out;
will-change: opacity, transform;
}
.scroll-animate.show {
opacity: 1;
transform: translateY(0);
}
.scroll-animate-right {
opacity: 0;
transform: translateX(50px);
transition: opacity 0.6s ease-out, transform 0.6s ease-out;
will-change: opacity, transform;
}
.scroll-animate-right.show {
opacity: 1;
transform: translateX(0);
}
.scroll-animate-left {
opacity: 0;
transform: translateX(-50px);
transition: opacity 0.6s ease-out, transform 0.6s ease-out;
will-change: opacity, transform;
}
.scroll-animate-left.show {
opacity: 1;
transform: translateX(0);
}
@media only screen and (min-width: 1340px) {
.important-info {
width: 80%;
margin: 0 auto;
}
}
@media only screen and (min-width: 1421px) {
#footer-content-box .column-4 {
justify-content: space-between;
}
#footer-content-box .column-4>.wp-block-group:nth-of-type(1),
#footer-content-box .column-4>.wp-block-group:nth-of-type(2) {
max-width: 200px;
}
#footer-content-box .column-4>.wp-block-group:nth-of-type(4) {
min-width: 300px;
}
}
@media only screen and (min-width: 1920px) {
.content-box,
.brown,
.fullwide .wp-block-group__inner-container {
max-width: 1910px !important;
padding-left: 251px;
padding-right: 251px;
}
.page-id-32 .page-hero-content,
.page-template-page-rolam .page-hero-content,
.page-id-48 .page-hero-content,
.page-id-42 .page-hero-content {
margin-top: 21rem;
}
.page-template-page-rolam .page-hero-content>h2:first-of-type,
.page-id-415 .page-hero-content>p:first-of-type {
margin-bottom: 6rem;
}
.page-template-page-viptraining .page-hero-content,
.page-template-page-alaptraining .page-hero-content {
margin-top: 18rem;
}
}
@media only screen and (max-width: 1440px) {
.blog-section {
display: inline-block !important;
}
.blog-section .wp-block-buttons:first-of-type {
margin-top: 2rem;
}
.blog-left-col {
width: 60%;
}
.blog-right-col {
margin-top: 3rem !important;
}
.blog-post-cont {
display: flex;
}
#main-menu ul li {
margin-left: 2rem;
}
}
@media only screen and (min-width: 1320px) { .my-column-left .counter-wrapper {
margin-top: 3rem;
}
.my-column-left .counter-container {
justify-content: flex-start;
gap: 2.5rem;
}
.my-column-left .counter-number {
letter-spacing: 4.2px;
}
.my-column-left .counter-label {
font-size: clamp(14px, 1.6vw, 0.8rem);
letter-spacing: 1.6px;
}
}
@media only screen and (max-width: 1320px) { .desktop-counter {
display: none;
} .mobile-counter {
display: block;
} .mobile-counter .counter-container {
justify-content: center;
gap: 4rem;
max-width: 1000px;
margin: 0 auto;
}
.zaro-cta p {
margin: 0;
}
.img-none {
display: none;
}
.oktatasi-hatter figure img {
width: 100% !important;
}
}
@media only screen and (max-width: 1240px) {
.header-content .wp-block-group__inner-container {
flex-direction: column;
}
.header-content .wp-block-group__inner-container,
.for-you-col {
gap: 0;
}
.page-hero-content {
margin-top: 2rem;
}
.section-title,
.section-description {
max-width: 100%;
}
.spacer-big {
height: 190px !important;
}
#footer-content-box .column-4 {
gap: 2.4rem;
}
.ikon img {
width: 50px !important;
}
.wp-block-group__inner-container .ikon {
margin-bottom: 0;
}
p,
.question-text,
.answer-content,
.cards-column p,
ul li,
.choose-my p,
.why-card p {
line-height: 22px;
}
.contact-page-contact ul li,
.lemondas ul li,
.wp-block-latest-posts__list li {
margin-bottom: 0.7rem;
}
.single-filter #filter-toggle {
padding: 1rem 0 0.5rem 0;
}
.single-filter .filter-btn {
display: inline-block;
}
.single .col-1-4,
.page-template-page-gyik .col-1-4,
.page-template-page-adatkezeles .col-1-4,
.page-template-page-impresszum .col-1-4,
.page-template-page-aszf .col-1-4,
.page-template-page-cookie .col-1-4 {
display: none;
}
.single .col-3-4 {
flex-basis: 100%;
}
}
@media only screen and (max-width: 1140px) { .training-tabs-nav {
display: flex;
} .training-cards {
position: relative;
overflow: hidden;
justify-content: center;
} .training-cards .training-card {
position: absolute;
top: 0;
left: 0;
width: 100%;
opacity: 0;
transform: translateX(100%);
transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
pointer-events: none;
} .training-cards .training-card.active {
position: absolute;
opacity: 1;
transform: translateX(0);
pointer-events: auto;
} .training-cards .training-card.slide-out {
opacity: 0;
transform: translateX(100%);
}
.width,
.hero h1 {
max-width: 100%;
}
.spacer-little {
height: 60px !important;
}
.column-two {
flex-wrap: wrap !important;
}
.gap-nulla {
gap: 0;
}
.margin-bottom-three-comb {
margin-bottom: 1rem
}
.lemondas {
gap: 90px;
}
}
@media only screen and (max-width: 1024px) {
.page-hero-content {
margin-top: 4rem;
}
.single h2,
.archive h2 a,
.archive h2,
h3,
.page-id-48 h2 {
line-height: 30px;
}
.why-card::before {
right: 10px;
}
.card-margin {
margin: 1.5rem 0 !important;
}
.alaptraining-section .for-you-col {
display: block !important;
}
.content-box,
.fullwide .wp-block-group__inner-container {
padding-left: 81px;
padding-right: 81px;
}
.brown {
padding: 120px 80px;
}
.training-type-section {
padding-bottom: 6rem;
}
#footer-content-box::before {
top: -15rem;
}
.for-you-col h2 {
margin-bottom: 2rem;
}
.partnerek-sor {
padding-bottom: 3.5rem;
} #filter-toggle span,
.filter-btn {
display: inline-block;
}
.desktop-only {
display: none;
}
.wp-block-post-template {
max-width: 70%;
margin: 0 auto;
}
.wp-block-post-template {
max-width: 100%;
}
.home-blog-separator {
display: none;
}
}
@media only screen and (max-width: 945px) {
.page-id-48 .important-info {
margin-top: 2rem;
}
}
@media only screen and (max-width: 860px) {
.partner-icon {
margin: 0 2.5rem;
}
.blog-left-col {
width: 100%;
}
.blog-post-cont {
display: inline-block;
}
.blog-cikk .row,
.archive .column-3 {
padding: 3rem 0;
}
.blog-spacer {
height: 50px !important;
}
}
@media only screen and (max-width: 768px) {
html {
font-size: 18px;
}
.wp-block-buttons:first-of-type {
margin-top: 2rem;
}
.training-card {
min-width: 100%;
padding: 50px 30px;
}
.training-tabs-nav .tab-button {
padding: 14px 20px;
}
.training-type-section .training-cards {
flex-wrap: nowrap !important;
}
.training-cards {
min-height: 800px;
}
.mobile-counter {
padding: 3rem 1.5rem;
}
.counter-container {
gap: 3rem;
}
.counter-number {
letter-spacing: 3.6px;
}
.counter-label {
letter-spacing: 1.6px;
}
.blog-post-cont,
.box-style {
margin-bottom: 4rem;
}
#footer-content-box .column-4 {
justify-content: left;
}
}
@media only screen and (max-width: 710px) {
.page-hero-content h1,
.hero-p {
margin-bottom: 6rem;
}
.counter-container {
justify-content: space-between;
gap: 1rem;
}
.page-hero-content {
margin-top: 3rem;
}
.page-hero-content>h2:first-of-type,
.page-hero-content>p:first-of-type {
max-width: 100%;
}
.none-spacer {
display: none;
}
.spacer {
height: 100px !important;
}
.top-column {
gap: 0;
margin-top: 3rem;
}
.single h1 {
line-height: 32px;
}
}
@media only screen and (max-width: 580px) {
html {
font-size: 16px;
}
.hero h1 {
font-size: 36px;
line-height: 36px;
}
.page-template-page-gyik h1,
.page-template-page-impresszum h1,
.page-template-page-adatkezeles h1,
.page-template-page-aszf h1,
.page-template-page-cookie h1 {
font-size: 38px;
}
.page-template-page-gyik h4,
.page-template-page-impresszum h4,
.page-template-page-adatkezeles h4,
.page-template-page-aszf h4,
.page-template-page-cookie h4 {
font-size: 18px;
color: var(--txt-p);
line-height: 1.3;
font-weight: 600;
margin-bottom: 2rem;
}
h1,
h2,
h3,
.hero-title,
.page-hero-content h2,
.single h2,
.archive h2 {
text-transform: none;
}
h1,
.hero-title,
.page-hero-content>h2:first-of-type {
letter-spacing: 4px;
margin-bottom: 1rem;
}
h2 {
letter-spacing: 3px;
line-height: 36px;
}
h3,
.page-hero-content>p:first-of-type {
line-height: 28px;
}
h4,
.why-card h4 {
margin-bottom: 0.5rem;
line-height: 1.4;
}
.contact-li,
.counter-label,
p,
.question-text,
.answer-content {
line-height: 22px;
letter-spacing: 1.2px;
}
.page-template-page-gyik .fullwide,
.archive .fullwide,
.single .fullwide,
.page-template-page-impresszum .fullwide,
.page-template-page-aszf .fullwide,
.page-template-page-cookie .fullwide {
width: 100%;
left: 50%;
}
.width-80 {
width: 100%;
}
.hero p {
font-size: 18px;
line-height: 25px;
}
.hero h1 {
margin-bottom: 1rem;
}
.head-p {
line-height: 28px;
}
.why-card .ikon {
margin-bottom: 1rem !important;
}
.why-card-content,
.zaro-cta .margin-none {
margin: 0 !important;
}
.zaro-cta-center {
text-align: left;
}
.zaro-cta-center img {
margin-top: 1rem;
}
.blog-btn a {
padding: 15px 15px;
}
.testimonial-text,
.author-info,
.review-count,
.choose-my p,
.why-card p,
table,
.page-id-48 .important-info p:nth-of-type(2),
.page-id-32 .important-info {
font-size: 14px;
line-height: 20px;
}
.align-center img,
.align-start img {
width: 30px !important;
}
.why-card .wp-block-group__inner-container .ikon {
margin-bottom: 0;
}
.training-type-section h2,
.header-content .wp-block-group__inner-container,
.margin-bottom-four,
.page-hero-content h1,
.head-p,
.my-column-left h2 {
margin-bottom: 3rem;
}
.partnerek-sor {
padding-top: 1rem;
}
.page-id-32 .page-hero-content,
.page-template-page-rolam .page-hero-content,
.page-id-415 .page-hero-content,
.page-id-48 .page-hero-content,
.page-id-42 .page-hero-content {
margin-top: 8rem;
}
.partner-section h3 {
padding-top: 6rem;
}
.width {
max-width: 100%;
}
.training-card h3 {
margin-bottom: 1.5rem;
}
.gap-null {
gap: 0;
}
.mobile-counter .counter-container,
.mobile-counter {
padding: 4rem 0;
gap: 1rem;
}
.counter-wrapper {
margin-top: 0;
}
.counter-container {
gap: 1.5rem;
}
.counter-number {
letter-spacing: 2.4px;
}
.content-box,
.fullwide .wp-block-group__inner-container {
padding-left: 21px;
padding-right: 21px;
}
.brown {
padding: 60px 20px;
}
.spacer-big {
height: 100px !important;
}
.spacer-little {
height: 40px !important;
}
.elvalaszto {
display: block;
}
.training-type-section {
background-color: var(--dark);
padding-bottom: 0;
}
.training-type-section .training-cards {
flex-wrap: nowrap !important;
}
.training-type-section .spacer {
height: 0 !important;
}
.training-cards {
background-color: var(--light-grey);
margin: 0 -1.3rem 0rem -1.3rem;
}
.training-card {
position: relative;
padding: 50px 20px;
color: #424242;
}
.training-tabs-nav {
margin-bottom: 1.5rem;
}
.training-page-btn {
margin-bottom: 5rem;
}
.training-tabs-nav .tab-button {
padding: 12px 16px;
}
.my-column-left .wp-block-buttons:first-of-type {
margin-top: 2rem !important;
}
.zaro-cta .wp-block-buttons:first-of-type {
margin-top: 1rem !important;
}
.min-width-col {
min-width: 100%;
}
#radix-_r_4s_ .mb-4 .dialog-creation .bg-cal-muted .flex {
flex-direction: column !important;
}
#radix-_r_4s_ .dialog-creation .bg-cal-muted div .close_dialog_button {
margin-bottom: 1rem !important;
}
.zaro-cta {
align-items: start !important;
}
.card-price {
font-size: 24px;
}
.page-id-32 .lemondas h3 {
font-size: 20px !important;
}
.training-card .info-two {
margin-top: 0;
}
ul li::before {
width: 12px;
height: 12px;
}
footer ul li {
line-height: 38px;
}
.important-info {
flex-wrap: wrap !important;
padding: 1.5rem 1rem;
}
.page-id-48 .important-info p {
margin: 0;
}
.contact-page-contact .contact-li {
line-height: 2;
}
.page-id-48 .important-info img {
margin-right: 15px !important;
}
#copyright p {
font-size: 12px;
}
.scroll-top-btn .wp-block-button__link {
width: 45px !important;
height: 45px !important;
}
.scroll-top-btn .wp-block-button__link {
padding: 8px 10px;
}
.scroll-animate-left,
.scroll-animate-right {
opacity: 0;
transform: translateY(50px);
transition: opacity 0.6s ease-out, transform 0.6s ease-out;
will-change: opacity, transform;
}
.scroll-animate-left.show,
.scroll-animate-right.show {
opacity: 1;
transform: translateY(0);
}
#footer-content-box::before {
right: -15rem;
}
.margin-bottom-three,
.lemondas h4,
.zaro-cta h2,
.zaro-cta p {
text-align: left;
margin-bottom: 2rem;
}
.zaro-cta .wp-block-buttons {
justify-content: start;
}
}
@media only screen and (max-width: 420px) {
table {
font-size: 12px;
}
}