@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;
}
}