.container-page--content {
display: flex;
padding-top: var(--space-14);
}
.column-45 {
width: 45%;
}
.column-55 {
width: 55%;
}
.section-page--content {
min-height: 700px;
}
.contact-page--content p {
max-width: 520px;
}
.container-page--content .varia-featured-container--wrapper {
position: relative;
}
.container-page--content .varia-featured-image {
position: absolute;
top: -190px;
z-index: 0;
}
@media screen and (max-width: 1280px) {
body.page-template-page-contact .varia-featured-image {
min-height: unset !important;
}
}
@media screen and (min-width: 1024px) {
body.page-template-page-contact .wpcf7 {
margin-left: 100px;
}
}
body.page-template-page-contact .container-page--content a {
color: var(--color-text) !important;
}
body.page-template-page-contact .container-page--content a:hover {
color: var(--color-secondary) !important;
}
.container-page--content .cf7-form--contact {
padding-top: 20px;
position: relative;
z-index: 3;
max-width: var(--container-sm);
}
.container-page--content .cf7-form--contact input:not(input[type="checkbox"], input[type="submit"]) {
width: 100%;
margin-bottom: 20px;
}
.container-page--content .cf7-form--contact input[type="submit"] {
width: 100%;
color: var(--color-text);
margin-top: 20px;
min-height: 60px;
}
.container-page--content .cf7-form--contact input[type="submit"]:hover {
color: var(--color-white);
}
.container-page--content .cf7-form--contact textarea {
padding-top: 24px;
}
@media screen and (min-width: 1024px) {
.varia-featured-image {
min-height: 700px;
}
}
.varia-featured-image--wrapper {
position: relative;
}
.varia-image--border-right {
display: inline-block;
position: absolute;
bottom: -10px;
right: -15px;
width: 180px;
height: 10px;
transform: rotate(90deg);
transform-origin: right;
background-color: var(--color-secondary);
}
.varia-image--border-bottom {
display: inline-block;
position: absolute;
bottom: -10px;
right: -20px;
width: 180px;
height: 10px;
background-color: var(--color-secondary);
} .section-contact-map {
background-color: #ece9e4;
}
.contact-mapa {
width: 100%;
height: 600px;
}
@media screen and (max-width: 1280px) {
.container-page--content .varia-featured-image {
position: static;
margin-top: -100px;
}
.contact-mapa {
width: 100%;
height: 450px;
}
}
@media screen and (max-width: 1025px) {
.container-page--content .varia-featured-image {
margin-top: 0px;
}
.varia-image--border-right,
.varia-image--border-bottom {
width: 100px;
height: 5px;
}
.varia-image--border-right {
bottom: -5px;
right: -10px;
}
.varia-image--border-bottom {
bottom: -5px;
right: -12px;
}
}
@media screen and (max-width: 767px) {
.container-page--content {
flex-direction: column-reverse;
}
.column-45 {
width: 100%;
margin-top: 36px;
}
.column-55 {
width: 100%;
}
.contact-mapa {
width: 100%;
height: 350px;
}
.varia-page-kitchen--content,
.varia-page-kitchen--additional-description {
max-width: unset !important;
}
}