.varia-page-kitchen--content,
.varia-page-kitchen--additional-description {
max-width: 520px;
}
a.varia-page-kitchen--btn {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
max-width: 480px;
width: 100%;
background-color: var(--color-secondary);
color: var(--color-text) !important;
font-size: var(--text-2xl);
font-weight: var(--font-normal);
letter-spacing: 3px;
text-align: center;
vertical-align: middle;
text-decoration: none;
padding: var(--space-3);
border-radius: 2px;
margin: 26px 0;
transition: all ease-in 300ms;
}
a.varia-page-kitchen--btn img {
transition: all ease-in 200ms;
}
a.varia-page-kitchen--btn:hover img {
transform: scale(1.2);
}
@media screen and (max-width: 1024px) {
a.varia-page-kitchen--btn {
font-size: 18px;
}
a.varia-page-kitchen--btn img {
width: 36px;
height: 36px;
}
} .container-benefits--content .title,
.container-reference--content .title {
font-size: var(--text-5xl);
font-weight: 200;
letter-spacing: 5px;
line-height: 1.3em;
text-align: center;
margin-bottom: var(--space-16);
position: relative;
}
@media screen and (max-width: 1024px) {
.container-benefits--content .title,
.container-reference--content .title {
margin-bottom: 36px;
}
}
.container-benefits--content .title::after,
.container-reference--content .title::after {
content: "";
display: inline-block;
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
text-align: center;
max-width: 200px;
width: 100%;
height: 2px;
background-color: var(--color-secondary);
}
.container-benefits--content .varia-benefits--item {
display: flex;
justify-content: center;
margin-bottom: var(--space-16);
}
.container-benefits--content .varia-benefits--item img.image {
width: 100%;
max-height: 480px;
object-fit: cover;
}
.container-benefits--content .varia-benefits--item .content-wrapper .name {
font-size: var(--text-2xl);
font-weight: var(--font-bold);
line-height: var(--leading-5);
}
.container-benefits--content .varia-benefits--item .content-wrapper .description {
padding-top: 30px;
font-size: var(--text-base);
line-height: 1.7em;
}
.container-benefits--content .varia-benefits--item.even .left-col {
width: 80%;
}
.container-benefits--content .varia-benefits--item.even .right-col {
width: 35%;
margin-left: -25%;
align-self: flex-end;
min-height: 360px;
background-color: #fff;
padding: 40px 0 0 40px;
}
.container-benefits--content .varia-benefits--item.odd .right-col {
width: 80%;
margin-left: -25%;
}
.container-benefits--content .varia-benefits--item.odd .left-col {
width: 35%;
align-self: flex-end;
min-height: 360px;
background-color: #fff;
padding: 40px 40px 0 0px;
z-index: 2;
}
.container-benefits--content .varia-benefits--item.odd .content-wrapper .name,
.container-benefits--content .varia-benefits--item.odd .content-wrapper .description {
text-align: right;
} .additional-description p {
max-width: 850px;
font-size: var(--text-xxl);
font-weight: var(--font-bold);
text-align: center;
margin: var(--space-16) auto;
}
@media screen and (max-width: 1025px) {
.container-benefits--content .varia-benefits--item.even .right-col,
.container-benefits--content .varia-benefits--item.odd .left-col {
width: 60%;
}
.container-benefits--content .title {
font-size: var(--text-3xl);
}
.container-benefits--content .varia-benefits--item {
margin-bottom: var(--space-8);
}
.container-benefits--content .varia-benefits--item.odd .left-col,
.container-benefits--content .varia-benefits--item.even .right-col {
min-height: unset;
}
}
@media screen and (max-width: 767px) {
.container-benefits--content .varia-benefits--item {
flex-direction: column;
}
.container-benefits--content .varia-benefits--item.odd {
flex-direction: column-reverse;
}
.container-benefits--content .varia-benefits--item.even .left-col,
.container-benefits--content .varia-benefits--item.even .right-col,
.container-benefits--content .varia-benefits--item.odd .left-col,
.container-benefits--content .varia-benefits--item.odd .right-col {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.container-benefits--content .varia-benefits--item img.image {
max-height: 360px;
}
.container-benefits--content .title {
font-size: var(--text-2xl);
}
.container-benefits--content .varia-benefits--item .content-wrapper .name {
font-size: var(--text-xxl);
}
.container-benefits--content .varia-benefits--item.odd .content-wrapper .name,
.container-benefits--content .varia-benefits--item.odd .content-wrapper .description {
text-align: left;
}
.container-benefits--content .varia-benefits--item.even .right-col {
padding: 0;
}
.container-benefits--content .varia-benefits--item.odd .left-col {
padding: 16px 16px 0 0px;
}
} .section-reference--content {
background-color: #ece9e4;
padding-top: var(--space-16);
padding-bottom: var(--space-16);
}
.post-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 40px;
}