.gutenberg-content {
--gutenberg-width: 1440px;
} body.admin-bar .gutenberg-content {
--gutenberg-top-space: 5rem;
} .gutenberg-content > *,
.gutenberg-content > .alignfull > [class*="__inner-container"] > :not(:has(> .container)) {
box-sizing: border-box;
max-width: var(--gutenberg-width);
margin-right: auto;
margin-left: auto;
padding-right: 1.6rem;
padding-left: 1.6rem;
} .gutenberg-content > .alignfull {
max-width: none;
padding-right: 0;
padding-left: 0;
}
.gutenberg-content .narrow-content {
max-width: 1000px;
} .gutenberg-content > .alignfull:first-child {
margin-top: calc(-1 * var(--gutenberg-top-space));
}
.gutenberg-content .no-padding {
padding-bottom: 0;
padding-top: 0;
} .gutenberg-content > p:empty {
display: none;
}
.gutenberg-content section {
padding-top: 8rem;
padding-bottom: 8rem;
}
.gutenberg-content .kivitelezes-hero {
padding-top: 120px;
padding-bottom: 120px;
background-image: url(//lemezpartner.hu/wp-content/themes/lemezpartner/img/pictures/kivitelezes-hero-bg.jpg);
background-size: cover;
background-repeat: no-repeat;
}
.gutenberg-content .narrowp{
max-width: 75%;
margin: auto;
}
.gutenberg-content .hero-text h1,
.gutenberg-content .hero-text h2,
.gutenberg-content .hero-text p {
color: #fff;
}
.gutenberg-content .hero-text {
max-width: 75%;
width: 75%;
padding: 30px;
background-color: rgba(41, 61, 79, 0.75);
}
.gutenberg-content .rolunk-hero {
padding-top: 120px;
padding-bottom: 120px;
background-image: url(//lemezpartner.hu/wp-content/themes/lemezpartner/img/pictures/about-hero.jpg);
background-size: cover;
background-repeat: no-repeat;
}
.gutenberg-content .rolunk-hero h1{
text-transform: uppercase;
padding-bottom: 1rem;
}
.gutenberg-content .rolunk-hero h2{
font-size: 2rem;
}
.light-text {
color: #fff;
}
.gutenberg-content .gray-section {
background: #f7f7fa url(//lemezpartner.hu/wp-content/themes/lemezpartner/img/pictures/home-services.jpg) no-repeat;
background-size: cover;
background-position: center;
position: relative;
}
.gutenberg-content .gray-section:after {
content: "";
display: block;
width: 40%;
height: 10px;
position: absolute;
right: 0;
bottom: -5px;
background-color: #d7d7d7;
}
.gutenberg-content .dark-section {
background: #293D4F;
}
.gutenberg-content .dark-section h2,
.gutenberg-content .dark-section h3,
.gutenberg-content .dark-section p,
.gutenberg-content .dark-section li {
color: #fff;
}
.gutenberg-content ul.wp-block-list {
padding-inline-start: 0;
}
.gutenberg-content ul.wp-block-list > li {
position: relative;
padding-inline-start: 3.8rem;
line-height: 1.8;
margin-block: 1rem;
}
.gutenberg-content ul.wp-block-list > li::marker {
content: "";
}
.gutenberg-content ul.wp-block-list > li::before {
content: "✓";
position: absolute;
inset-inline-start: 0;
top: 0.15em;
display: grid;
place-items: center;
box-sizing: border-box;
width: 2.4rem;
height: 2.4rem;
border: 1px solid currentColor;
border-radius: 0.4rem;
color: var(--cta-bg);
font-size: 1.7rem;
font-weight: 700;
line-height: 1;
}
.gutenberg-content ol.wp-block-list > li::marker {
color: var(--cta-bg);
font-family: "Titillium Web", sans-serif;
font-size: 1.4em;
font-weight: 700;
font-variant-numeric: tabular-nums;
} .gutenberg-content .gb-faq-item {
border-bottom: 1px solid #e2e5e8;
}
.gutenberg-content .gb-faq-item .rank-math-question {
margin: 0;
text-transform: none;
}
.gutenberg-content .gb-faq-toggle {
display: flex;
align-items: center;
justify-content: space-between;
gap: 2rem;
width: 100%;
padding: 2rem 0;
border: 0;
background: none;
color: inherit;
font: inherit;
text-align: start;
cursor: pointer;
}
.gutenberg-content .gb-faq-toggle:focus-visible {
outline: 2px solid var(--cta-bg);
outline-offset: 4px;
}
.gutenberg-content .gb-faq-icon {
flex: 0 0 2.4rem;
color: var(--cta-bg);
font-size: 2.4rem;
line-height: 1;
text-align: center;
}
.gutenberg-content .gb-faq-item .rank-math-answer {
padding-bottom: 2rem;
line-height: 1.8;
}
.gutenberg-content .gb-faq-item .rank-math-answer[hidden] {
display: none;
} .gutenberg-content .wp-block-table {
overflow-x: auto;
border: 1px solid #e2e5e8;
border-radius: 0.6rem;
}
.gutenberg-content .wp-block-table table {
width: 100%;
min-width: 56rem;
border-collapse: collapse;
font-size: inherit;
line-height: 1.6;
}
.gutenberg-content .wp-block-table :is(th, td) {
padding: 1.6rem 2rem;
border: 0;
border-bottom: 1px solid #e2e5e8;
text-align: left;
vertical-align: top;
}
.gutenberg-content .wp-block-table thead {
color: #fff;
background: #293d4f;
border-bottom: 3px solid var(--cta-bg);
}
.gutenberg-content .wp-block-table tbody tr:nth-child(even) {
background: #f7f7fa;
}
.gutenberg-content .wp-block-table tbody td:first-child {
font-weight: 700;
}
.gutenberg-content .wp-block-table tbody tr:last-child td {
border-bottom: 0;
} @media (max-width: 600px) {
.gutenberg-content .wp-block-table {
overflow: visible;
border: 0;
border-radius: 0;
}
.gutenberg-content .wp-block-table table {
min-width: 0;
}
.gutenberg-content .wp-block-table thead {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip-path: inset(50%);
}
.gutenberg-content .wp-block-table :is(tbody, tr, td) {
display: block;
}
.gutenberg-content .wp-block-table tbody tr {
margin-bottom: 1.2rem;
border: 1px solid #e2e5e8;
border-top: 3px solid var(--cta-bg);
border-radius: 0.6rem;
background: #fff;
}
.gutenberg-content .wp-block-table tbody tr:nth-child(even) {
background: #fff;
}
.gutenberg-content .wp-block-table tbody td {
padding: 0.8rem 1.6rem;
border-bottom: 0;
}
.gutenberg-content .wp-block-table tbody td:first-child {
padding-top: 1.4rem;
color: #293d4f;
}
.gutenberg-content .wp-block-table tbody td:last-child {
padding-bottom: 1.4rem;
}
.gutenberg-content .wp-block-table tbody td:not(:first-child)[data-label]::before {
content: attr(data-label) " ";
font-weight: 700;
color: #293d4f;
}
} .gutenberg-content .gb-card-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr));
gap: 3.2rem;
align-items: start;
}
.gutenberg-content .gb-card-grid > * {
min-width: 0;
margin: 0;
text-align: center;
}
.gutenberg-content :is(.gb-card-grid, .gb-steps) .wp-block-image img {
width: auto;
height: 8.4rem;
object-fit: contain;
} .gutenberg-content .gb-steps {
gap: 0;
}
.gutenberg-content .gb-steps > .wp-block-column {
position: relative;
padding: 0 2rem;
}
@media (min-width: 782px) {
.gutenberg-content .gb-steps > .wp-block-column + .wp-block-column::before {
content: "";
position: absolute;
top: 1rem;
bottom: 1rem;
left: 0;
width: 1px;
background: #d7d7d7;
}
}
@media (max-width: 781px) {
.gutenberg-content .gb-steps {
gap: 3.2rem;
}
} @media (max-width: 781px) {
.gutenberg-content .wp-block-group.is-layout-flex.is-nowrap {
flex-wrap: wrap;
row-gap: 3.2rem;
}
.gutenberg-content .wp-block-group.is-layout-flex.is-nowrap > * {
flex: 1 1 100%;
}
} .gutenberg-content .wp-block-gallery.gb-gallery-slider {
--gallery-columns: 5;
display: flex;
flex-wrap: nowrap;
gap: 1rem;
overflow-x: hidden;
scroll-snap-type: x mandatory;
scroll-padding-inline: 1.6rem;
clip-path: inset(0 1.6rem);
touch-action: pan-y;
}
.gutenberg-content .gb-gallery-slider::before,
.gutenberg-content .gb-gallery-slider::after {
content: none;
}
.gutenberg-content .wp-block-gallery.gb-gallery-slider > figure.wp-block-image:not(#individual-image) {
flex: 0 0 calc((100% - (var(--gallery-columns) - 1) * 1rem) / var(--gallery-columns));
width: auto;
aspect-ratio: 1;
margin: 0;
scroll-snap-align: start;
}
.gutenberg-content .wp-block-gallery.gb-gallery-slider > figure.wp-block-image:not(#individual-image) img {
width: 100%;
height: 100%;
aspect-ratio: 1;
object-fit: cover;
border-radius: 0.4rem;
}
.gutenberg-content .gb-gallery-controls {
display: flex;
justify-content: center;
gap: 1rem;
margin-top: 1.6rem;
}
.gutenberg-content .gb-gallery-controls[hidden] {
display: none;
}
.gutenberg-content .gb-gallery-controls button {
display: grid;
place-items: center;
width: 4.4rem;
height: 4.4rem;
padding: 0;
border: 0;
background: none;
color: #293d4f;
cursor: pointer;
}
.gutenberg-content .gb-gallery-controls button::before {
content: "";
width: 1.4rem;
height: 1.8rem;
background: currentColor;
clip-path: polygon(0 0, 100% 50%, 0 100%);
transition: transform 0.2s ease;
}
.gutenberg-content .gb-gallery-controls .is-prev::before {
clip-path: polygon(100% 0, 0 50%, 100% 100%);
}
.gutenberg-content .gb-gallery-controls button:hover {
color: var(--cta-bg);
}
.gutenberg-content .gb-gallery-controls .is-prev:hover::before {
transform: translateX(-0.3rem);
}
.gutenberg-content .gb-gallery-controls .is-next:hover::before {
transform: translateX(0.3rem);
}
.gutenberg-content .gb-gallery-controls button:focus-visible {
outline: 2px solid var(--cta-bg);
outline-offset: 3px;
}
@media (max-width: 1024px) {
.gutenberg-content .wp-block-gallery.gb-gallery-slider {
--gallery-columns: 3;
}
}
@media (max-width: 600px) {
.gutenberg-content .wp-block-gallery.gb-gallery-slider {
--gallery-columns: 1;
}
.gutenberg-content .hero-text {
max-width: 95%;
width: 95%;
}
.gutenberg-content section {
padding-top: 5rem;
padding-bottom: 5rem;
}
.gutenberg-content .kivitelezes-hero,
.gutenberg-content .rolunk-hero {
padding-top: 70px;
padding-bottom: 70px;
}
}