@charset "UTF-8";
      .page-hero {
--rail-marker-y: 48px;
min-height: 365px;
padding-top: 48px;
padding-bottom: 48px;
overflow: hidden;
color: var(--color-white);
background-color: var(--color-blue);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.page-hero__inner {
min-height: calc(365px - 96px);
}
.page-hero__content {
width: 100%;
max-width: 760px;
}
.page-hero__mark {
width: 82px;
height: auto;
margin-bottom: 24px;
}
.page-hero__title {
max-width: 760px;
color: var(--color-white);
font-size: 42px;
font-weight: 600;
line-height: 1.05;
} .page-hero__title span {
display: block;
}
.page-hero__title-light {
font-weight: 300;
} .page-hero--azienda {
background-image: url(//lctecnomec.it/wp-content/themes/tema-custom-lc/Immagini/header-Azienda.jpg);
} .page-hero--come-lavoriamo {
background-image: url(//lctecnomec.it/wp-content/themes/tema-custom-lc/Immagini/Come-Lavoriamo-header.jpg);
} .page-hero--stampi-termoplastici {
background-image: url(//lctecnomec.it/wp-content/themes/tema-custom-lc/Immagini/header Stampi-materie-plastiche.jpg);
} .page-hero--lavorazioni-meccaniche {
background-image: url(//lctecnomec.it/wp-content/themes/tema-custom-lc/Immagini/Lavorazioni-meccaniche-header.jpg);
}  .section-with-rail--title-first {
--rail-marker-y: calc(var(--section-padding) + 14px);
} .company-page-intro .home-company__content strong {
font-weight: 600;
} .work-intro {
background-color: #f4f5f7;
color: var(--color-blue);
}
.work-intro__grid {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 80px;
align-items: center;
}
.work-intro__content {
max-width: 600px;
}
.work-intro__title {
margin-bottom: 26px;
color: var(--color-blue);
font-size: 38px;
font-weight: 600;
line-height: 1.08;
}
.work-intro__content p {
color: var(--color-blue);
font-size: 18px;
font-weight: 300;
line-height: 1.55;
}
.work-intro__content p + p {
margin-top: 22px;
}
.work-intro .button-group {
margin-top: 30px;
}
.work-intro__media {
width: 100%;
}
.work-intro__media img {
width: 100%;
height: auto;
border-radius: 18px;
} .thermo-applications {
color: var(--color-white);
background-color: #3473c5;
background-image: url(//lctecnomec.it/wp-content/themes/tema-custom-lc/Immagini/sfondo-campi-applicazione.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.thermo-applications__intro {
max-width: 900px;
margin: 0 auto 48px;
text-align: center;
}
.thermo-applications__title {
margin-bottom: 18px;
color: var(--color-white);
font-size: 38px;
font-weight: 400;
line-height: 1.08;
}
.thermo-applications__title strong,
.thermo-applications__title span {
display: block;
}
.thermo-applications__title strong {
font-weight: 600;
}
.thermo-applications__intro p {
color: var(--color-white);
font-size: 18px;
font-weight: 300;
line-height: 1.5;
}
.thermo-applications__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 34px 38px;
width: 94%;
max-width: 1240px;
margin: 0 auto;
}
.application-card {
position: relative;
display: flex;
flex-direction: column;
height: 420px;
min-height: 0;
overflow: hidden;
border-radius: 18px;
background-color: var(--color-white);
box-shadow:
10px 14px 22px rgba(10, 41, 59, 0.28),
0 6px 12px rgba(10, 41, 59, 0.16);
} .application-card__visual {
position: relative;
flex: 1 1 auto;
min-height: 90px;
overflow: hidden;
}
.application-card__image {
width: 100%;
height: 100%;
object-fit: cover;
} .application-card__visual::after {
content: "";
position: absolute;
inset: 0;
background:
linear-gradient(
to bottom,
rgba(255, 255, 255, 0) 42%,
rgba(255, 255, 255, 0.18) 58%,
rgba(255, 255, 255, 0.72) 78%,
rgba(255, 255, 255, 0.96) 94%,
var(--color-white) 100%
);
pointer-events: none;
}
.application-card__content {
position: relative;
z-index: 1;
display: flex;
flex: 0 0 auto;
flex-direction: column;
align-items: center;
width: 100%;
margin-top: -50px;
padding: 0 24px 28px;
color: var(--color-blue);
text-align: center;
}
.application-card__icon {
flex: 0 0 auto;
width: 96px;
height: 96px;
margin-bottom: 14px;
object-fit: contain;
}
.application-card__title {
flex: 0 0 auto;
color: var(--color-blue-light);
font-size: 20px;
font-weight: 500;
line-height: 1.08;
} .application-card__text-wrap {
display: grid;
grid-template-rows: 0fr;
width: 100%;
margin-top: 0;
opacity: 0;
transition:
grid-template-rows 320ms ease,
margin-top 320ms ease,
opacity 300ms ease 70ms;
}
.application-card__text {
min-height: 0;
overflow: hidden;
color: var(--color-blue);
font-size: 18px;
font-weight: 300;
line-height: 1.35;
}
.application-card:hover .application-card__text-wrap {
grid-template-rows: 1fr;
margin-top: 14px;
opacity: 1;
} .section-with-rail--line-only .section-rail::after {
display: none;
} .internal-cta {
position: relative;
overflow: hidden;
background-color: var(--color-white);
}
.internal-cta::before {
content: "";
position: absolute;
z-index: 0;
top: 50%;
left: 0;
width: 100%;
height: 240px;
transform: translateY(-50%);
background-color: #a9c4e3;
}
.internal-cta .site-container {
position: relative;
z-index: 1;
}
.internal-cta__card {
display: grid;
grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
gap: 34px;
align-items: center;
width: 72%;
max-width: 900px;
margin: 0 auto;
padding: 38px 42px;
border-radius: 18px;
background-color: var(--color-white);
box-shadow: 0 10px 26px rgba(21, 56, 85, 0.24);
}
.internal-cta__content {
max-width: 390px;
}
.internal-cta__title {
margin-bottom: 20px;
color: #3473c5;
font-size: 34px;
font-weight: 600;
line-height: 1.04;
}
.internal-cta__content p {
color: var(--color-blue);
font-size: 18px;
font-weight: 300;
line-height: 1.5;
}
.internal-cta .button-group {
margin-top: 24px;
}
.internal-cta__media {
display: flex;
align-items: center;
justify-content: center;
}
.internal-cta__media img {
width: 100%;
max-width: 390px;
height: auto;
object-fit: contain;
} .work-process {
background-color: #f4f5f7;
color: var(--color-blue);
}
.work-process__intro {
max-width: 760px;
margin: 0 auto 64px;
text-align: center;
}
.work-process__title {
margin-bottom: 18px;
color: var(--color-blue);
font-size: 38px;
font-weight: 600;
line-height: 1.08;
}
.work-process__intro p {
color: var(--color-blue);
font-size: 18px;
font-weight: 300;
line-height: 1.5;
}
.work-process__list {
display: flex;
flex-direction: column;
gap: 28px;
width: 84%;
max-width: 1080px;
margin: 0 auto;
}
.work-process__card {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-template-areas: "media content";
min-height: 320px;
overflow: hidden;
border-radius: 18px;
background-color: var(--color-white);
box-shadow:
0 5px 12px rgba(21, 56, 85, 0.24),
0 14px 28px rgba(21, 56, 85, 0.14);
}
.work-process__card--reverse {
grid-template-areas: "content media";
}
.work-process__media {
grid-area: media;
min-width: 0;
}
.work-process__media img {
width: 100%;
height: 100%;
min-height: 320px;
object-fit: cover;
}
.work-process__content {
grid-area: content;
display: flex;
flex-direction: column;
justify-content: center;
padding: 42px 48px;
}
.work-process__number {
display: block;
margin-bottom: 24px;
color: var(--color-blue);
font-size: 42px;
font-weight: 600;
line-height: 1;
}
.work-process__content h3 {
margin-bottom: 20px;
color: var(--color-blue);
font-size: 26px;
font-weight: 600;
line-height: 1.08;
}
.work-process__content p {
color: var(--color-blue);
font-size: 18px;
font-weight: 300;
line-height: 1.5;
} @media only screen and (min-width: 801px) and (max-width: 991px) {
.page-hero {
--rail-marker-y: 44px;
min-height: 340px;
padding-top: 44px;
padding-bottom: 44px;
}
.page-hero__inner {
min-height: calc(340px - 88px);
}
.page-hero__mark {
width: 76px;
margin-bottom: 22px;
}
.page-hero__title {
font-size: 38px;
}
.thermo-applications__intro {
margin-bottom: 42px;
}
.thermo-applications__title {
font-size: 34px;
}
.thermo-applications__grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 28px;
width: 92%;
}
.application-card {
height: 400px;
}
.application-card__visual {
min-height: 80px;
}
.application-card__icon {
width: 88px;
height: 88px;
}
.application-card__content {
padding-right: 22px;
padding-left: 22px;
}
.work-intro__grid {
gap: 44px;
}
.work-intro__title {
font-size: 34px;
}
.internal-cta__card {
width: 84%;
gap: 28px;
padding: 34px;
}
.internal-cta__title {
font-size: 30px;
}
.work-process__intro {
margin-bottom: 54px;
}
.work-process__title {
font-size: 34px;
}
.work-process__list {
width: 90%;
gap: 24px;
}
.work-process__card,
.work-process__media img {
min-height: 290px;
}
.work-process__content {
padding: 34px;
}
.work-process__number {
margin-bottom: 20px;
font-size: 38px;
}
.work-process__content h3 {
font-size: 24px;
}
}
@media only screen and (max-width: 800px) {
.page-hero {
--rail-marker-y: 40px;
min-height: 310px;
padding-top: 40px;
padding-bottom: 40px;
}
.page-hero__inner {
min-height: calc(310px - 80px);
}
.page-hero__content {
max-width: 100%;
}
.page-hero__mark {
width: 68px;
margin-bottom: 20px;
}
.page-hero__title {
max-width: 90%;
font-size: 34px;
}
.thermo-applications__intro {
margin-bottom: 36px;
text-align: left;
}
.thermo-applications__title {
font-size: 32px;
}
.thermo-applications__grid {
grid-template-columns: 1fr;
gap: 24px;
width: 100%;
} .application-card {
height: 430px;
}
.application-card__visual {
min-height: 80px;
}
.application-card__content {
margin-top: -44px;
padding: 0 22px 26px;
}
.application-card__icon {
width: 86px;
height: 86px;
}
.application-card__text-wrap,
.application-card:hover .application-card__text-wrap {
grid-template-rows: 1fr;
margin-top: 10px;
opacity: 1;
}
.work-intro__grid {
grid-template-columns: 1fr;
gap: 38px;
align-items: start;
}
.work-intro__content {
max-width: none;
}
.work-intro__title {
font-size: 32px;
}
.internal-cta {
padding-top: 60px;
padding-bottom: 60px;
}
.internal-cta::before {
height: 255px;
}
.internal-cta__card {
grid-template-columns: 1fr;
gap: 24px;
width: 100%;
padding: 28px 24px;
}
.internal-cta__content {
max-width: none;
}
.internal-cta__title {
font-size: 30px;
}
.internal-cta__media img {
max-width: 420px;
}
.work-process__intro {
margin-bottom: 42px;
text-align: left;
}
.work-process__title {
font-size: 32px;
}
.work-process__list {
width: 100%;
gap: 24px;
}
.work-process__card,
.work-process__card--reverse {
grid-template-columns: 1fr;
grid-template-areas:
"media"
"content";
min-height: 0;
}
.work-process__media img {
height: auto;
min-height: 0;
aspect-ratio: 1080 / 765;
object-fit: cover;
}
.work-process__content {
padding: 28px 24px 32px;
}
.work-process__number {
margin-bottom: 18px;
font-size: 36px;
}
.work-process__content h3 {
margin-bottom: 16px;
font-size: 24px;
}
} .thermo-realizations {
--realizations-gap: 12px;
--realizations-slide-width: min(30vw, 458px);
overflow: hidden;
background-color: var(--color-white);
color: var(--color-blue);
} .thermo-realizations--dark {
background-color: var(--color-white);
}
.thermo-realizations__head {
margin-bottom: 34px;
}
.thermo-realizations__title {
color: var(--color-blue-light);
font-size: 38px;
font-weight: 400;
line-height: 1.08;
}
.thermo-realizations__title span,
.thermo-realizations__title strong {
display: block;
}
.thermo-realizations__title strong {
font-weight: 600;
} .thermo-realizations__viewport {
width: calc(100vw - var(--side-gutter));
margin-left: var(--side-gutter);
overflow-x: auto;
overflow-y: hidden;
scroll-behavior: smooth;
overscroll-behavior-inline: contain;
touch-action: pan-x pan-y;
cursor: grab;
scrollbar-width: none;
-ms-overflow-style: none;
}
.thermo-realizations__viewport::-webkit-scrollbar {
display: none;
}
.thermo-realizations__viewport:focus-visible {
outline: 2px solid var(--color-blue-light);
outline-offset: 5px;
}
.thermo-realizations__viewport.is-dragging,
.thermo-realizations__viewport.is-gliding {
scroll-behavior: auto;
}
.thermo-realizations__viewport.is-dragging {
cursor: grabbing;
user-select: none;
}
.thermo-realizations__viewport.is-dragging .thermo-realizations__slide {
cursor: grabbing;
} .thermo-realizations__track {
display: grid;
grid-auto-flow: column;
grid-auto-columns: var(--realizations-slide-width);
gap: var(--realizations-gap);
width: max-content;
min-width: 100%;
}
.thermo-realizations__slide {
width: 100%;
min-width: 0;
padding: 0;
aspect-ratio: 16 / 9;
overflow: hidden;
border: 0;
border-radius: 0;
background: transparent;
cursor: pointer;
}
.thermo-realizations__slide:focus-visible {
outline: 3px solid var(--color-blue-light);
outline-offset: -3px;
}
.thermo-realizations__slide img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
pointer-events: none;
user-select: none;
-webkit-user-drag: none;
} .thermo-realizations__dots {
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 2px;
min-height: 44px;
margin-top: 18px;
}
.thermo-realizations__dot {
position: relative;
width: 44px;
height: 44px;
padding: 0;
border: 0;
border-radius: 50%;
background: transparent;
cursor: pointer;
}
.thermo-realizations__dot::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 16px;
height: 16px;
border: 2px solid rgba(40, 116, 187, 0.82);
border-radius: 50%;
background: var(--color-white);
transform: translate(-50%, -50%);
transition:
background-color 180ms ease,
border-color 180ms ease,
transform 180ms ease;
}
.thermo-realizations__dot:hover::before,
.thermo-realizations__dot.is-active::before {
border-color: var(--color-blue-light);
background-color: var(--color-blue-light);
}
.thermo-realizations__dot.is-active::before {
transform: translate(-50%, -50%) scale(1.08);
}
.thermo-realizations__dot:focus-visible {
outline: 2px solid var(--color-blue-light);
outline-offset: 0;
} .image-modal[hidden] {
display: none;
}
.image-modal {
position: fixed;
z-index: 999999;
inset: 0;
display: grid;
place-items: center;
padding: 76px 30px 30px;
}
.image-modal__backdrop {
position: absolute;
inset: 0;
background: rgba(5, 18, 30, 0.90);
}
.image-modal__content {
position: relative;
z-index: 1;
display: flex;
align-items: center;
justify-content: center;
width: 90%;
max-width: 1200px;
max-height: calc(100vh - 106px);
}
.image-modal__dialog {
display: flex;
align-items: center;
justify-content: center;
width: auto;
max-width: 100%;
max-height: calc(100vh - 106px);
overflow: visible;
border-radius: 0;
background: transparent;
box-shadow: none;
}
.image-modal__image {
display: block;
width: auto;
max-width: 100%;
height: auto;
max-height: calc(100vh - 106px);
object-fit: contain;
}
.image-modal__close {
position: absolute;
z-index: 2;
top: -58px;
right: 0;
width: 48px;
height: 48px;
padding: 0;
border-radius: 50%;
background: rgba(255, 255, 255, 0.96);
color: var(--color-blue);
cursor: pointer;
}
.image-modal__close::before,
.image-modal__close::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 18px;
height: 3px;
border-radius: 999px;
background: currentColor;
transform-origin: center;
}
.image-modal__close::before {
transform: translate(-50%, -50%) rotate(45deg);
}
.image-modal__close::after {
transform: translate(-50%, -50%) rotate(-45deg);
}
.image-modal__close:focus-visible {
outline: 3px solid rgba(255, 255, 255, 0.55);
outline-offset: 4px;
}
.image-modal__nav {
position: absolute;
z-index: 3;
top: 50%;
width: 52px;
height: 52px;
padding: 0;
border: 0;
border-radius: 50%;
background: rgba(255, 255, 255, 0.96);
color: var(--color-blue);
cursor: pointer;
transform: translateY(-50%);
transition:
opacity 180ms ease,
transform 180ms ease,
background-color 180ms ease;
}
.image-modal__nav--prev {
left: -72px;
}
.image-modal__nav--next {
right: -72px;
}
.image-modal__nav::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 13px;
height: 13px;
border-top: 3px solid currentColor;
border-right: 3px solid currentColor;
}
.image-modal__nav--prev::before {
transform: translate(-38%, -50%) rotate(-135deg);
}
.image-modal__nav--next::before {
transform: translate(-62%, -50%) rotate(45deg);
}
.image-modal__nav:hover:not(:disabled) {
background-color: var(--color-white);
transform: translateY(-50%) scale(1.06);
}
.image-modal__nav:disabled {
opacity: 0.28;
cursor: default;
}
.image-modal__nav:focus-visible {
outline: 3px solid rgba(255, 255, 255, 0.55);
outline-offset: 4px;
} @media only screen and (min-width: 801px) and (max-width: 991px) {
.thermo-realizations__head {
margin-bottom: 30px;
}
.thermo-realizations__title {
font-size: 34px;
}
.thermo-realizations {
--realizations-slide-width: calc(45vw - 6px);
}
.thermo-realizations__dots {
margin-top: 16px;
}
}
@media only screen and (max-width: 800px) {
.thermo-realizations__head {
margin-bottom: 26px;
}
.thermo-realizations__title {
font-size: 32px;
}
.thermo-realizations {
--realizations-slide-width: 82vw;
}
.thermo-realizations__viewport {
width: calc(100vw - var(--side-gutter));
}
.thermo-realizations__dots {
justify-content: center;
margin-top: 14px;
}
.image-modal {
padding: 70px 18px 18px;
}
.image-modal__content {
width: 100%;
max-height: calc(100vh - 88px);
}
.image-modal__dialog,
.image-modal__image {
max-height: calc(100vh - 88px);
}
.image-modal__dialog {
border-radius: 14px;
}
.image-modal__close {
top: -52px;
width: 44px;
height: 44px;
}
.image-modal__nav {
width: 44px;
height: 44px;
background: rgba(255, 255, 255, 0.90);
}
.image-modal__nav--prev {
left: 10px;
}
.image-modal__nav--next {
right: 10px;
}
} .page-hero--lavora {
background-image: url(//lctecnomec.it/wp-content/themes/tema-custom-lc/Immagini/Lavora-con-noi-header.jpg);
}
.page-hero--contatti {
background-image: url(//lctecnomec.it/wp-content/themes/tema-custom-lc/Immagini/Contatti-header.jpg);
}
.page-hero--title-only {
--rail-marker-y: calc(50% - (var(--rail-triangle-height) / 2));
}
.page-hero--title-only .page-hero__inner {
display: flex;
align-items: center;
} .form-grid {
display: grid;
gap: 18px;
}
.form-grid--two {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
.form-field {
display: flex;
flex-direction: column;
gap: 7px;
color: var(--color-blue);
font-size: 16px;
font-weight: 500;
line-height: 1.25;
}
.form-field--full {
margin-top: 18px;
}
.form-field input,
.form-field textarea {
width: 100%;
border: 1px solid #d8dee8;
border-radius: 7px;
background: #f4f6f9;
color: var(--color-blue);
font-size: 17px;
font-weight: 300;
outline: none;
transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease;
}
.form-field input {
height: 44px;
padding: 0 13px;
}
.form-field textarea {
min-height: 138px;
padding: 12px 13px;
resize: vertical;
}
.form-field input:focus,
.form-field textarea:focus {
border-color: var(--color-blue-light);
background: var(--color-white);
box-shadow: 0 0 0 3px rgba(40, 116, 187, 0.12);
}
.form-check {
display: flex;
align-items: flex-start;
gap: 9px;
margin-top: 12px;
color: var(--color-blue);
font-size: 13px;
font-weight: 300;
line-height: 1.35;
}
.form-check input {
flex: 0 0 auto;
width: 16px;
height: 16px;
margin-top: 1px;
accent-color: var(--color-blue-light);
} .careers-intro {
background: #f0f2f7;
color: var(--color-blue);
}
.careers-intro__grid {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(360px, 0.9fr);
gap: 95px;
align-items: start;
}
.careers-intro__content {
max-width: 650px;
}
.careers-title {
margin-bottom: 22px;
color: var(--color-blue);
font-size: 34px;
font-weight: 600;
line-height: 1.08;
}
.careers-intro__content p,
.careers-application__intro p,
.careers-jobs__hint {
color: var(--color-blue);
font-size: 18px;
font-weight: 300;
line-height: 1.55;
}
.careers-intro__content p + p {
margin-top: 22px;
}
.careers-intro__content strong {
font-weight: 600;
text-decoration: underline;
text-underline-offset: 2px;
}
.careers-jobs__hint {
margin-top: -12px;
margin-bottom: 28px;
font-size: 16px;
}
.careers-jobs__list {
display: grid;
gap: 14px;
max-width: 420px;
}
.careers-job {
display: flex;
align-items: center;
min-height: 58px;
padding: 14px 22px;
background: var(--color-white);
color: var(--color-blue);
font-size: 18px;
font-weight: 600;
line-height: 1.2;
text-decoration: none;
box-shadow: 0 8px 20px rgba(21, 56, 85, 0.04);
transition: transform 180ms ease, box-shadow 180ms ease, color 180ms ease;
}
.careers-job:hover,
.careers-job:focus-visible {
color: var(--color-blue-light);
transform: translateY(-2px);
box-shadow: 0 12px 25px rgba(21, 56, 85, 0.10);
} .careers-application {
background: var(--color-white);
color: var(--color-blue);
padding-bottom: 130px;
}
.careers-application__grid {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 100px;
align-items: start;
}
.careers-application__media img {
width: 100%;
height: 410px;
object-fit: cover;
border-radius: 18px;
}
.careers-application__content {
max-width: 570px;
}
.careers-application__intro {
margin-bottom: 26px;
}
.career-form {
overflow: hidden;
border-radius: 14px;
background: var(--color-white);
box-shadow: 0 14px 34px rgba(21, 56, 85, 0.18);
}
.career-form__head {
padding: 22px 28px;
background: #eef1f5;
color: var(--color-blue-light);
font-size: 20px;
font-weight: 600;
line-height: 1.2;
text-align: center;
text-transform: uppercase;
}
.career-form__body {
padding: 34px 34px 38px;
}
.form-file {
display: block;
margin-top: 18px;
color: var(--color-blue);
font-size: 15px;
font-weight: 500;
}
.form-file > span {
display: block;
margin-bottom: 8px;
}
.form-file input {
display: block;
width: 100%;
color: var(--color-blue);
font-size: 14px;
font-weight: 300;
}
.career-form__actions,
.contact-form__actions {
margin-top: 26px;
}
.career-form__actions {
text-align: center;
} .contact-page {
--rail-marker-y: calc(var(--section-padding) + 8px);
background: #f5f8fb;
color: var(--color-blue);
padding-bottom: 130px;
}
.contact-page__inner {
max-width: 1100px;
}
.contact-page__grid {
display: grid;
grid-template-columns: minmax(0, 1.06fr) minmax(360px, 0.94fr);
gap: 90px;
align-items: start;
}
.contact-form {
padding: 38px 42px 42px;
border-radius: 16px;
background: var(--color-white);
box-shadow: 0 16px 36px rgba(21, 56, 85, 0.10);
}
.contact-form__eyebrow {
margin-bottom: 12px;
color: var(--color-blue-light);
font-size: 13px;
font-weight: 600;
letter-spacing: 0.22em;
line-height: 1.2;
text-transform: uppercase;
}
.contact-form__title,
.contact-map__title {
color: var(--color-blue);
font-size: 34px;
font-weight: 600;
line-height: 1.08;
}
.contact-form__title {
margin-bottom: 30px;
}
.form-check--contact {
margin-top: 18px;
font-size: 14px;
}
.contact-info {
display: grid;
gap: 18px;
}
.contact-info__card {
display: flex;
align-items: center;
gap: 18px;
min-height: 82px;
padding: 18px 22px;
border-radius: 15px;
background: var(--color-white);
color: var(--color-blue);
text-decoration: none;
box-shadow: 0 12px 28px rgba(21, 56, 85, 0.10);
}
.contact-info__icon {
display: grid;
flex: 0 0 42px;
width: 42px;
height: 42px;
place-items: center;
border-radius: 50%;
background: #edf5fc;
}
.contact-info__icon img {
width: 24px;
height: 24px;
object-fit: contain;
}
.contact-info__card > span:last-child,
.contact-info__hours {
min-width: 0;
flex: 1;
}
.contact-info__card strong,
.contact-info__card small {
display: block;
}
.contact-info__card strong {
margin-bottom: 3px;
font-size: 18px;
font-weight: 600;
line-height: 1.2;
}
.contact-info__card small {
color: var(--color-blue);
font-size: 14px;
font-weight: 300;
line-height: 1.35;
}
.contact-info__card--hours {
align-items: flex-start;
}
.contact-info__hours small {
display: flex;
justify-content: space-between;
gap: 18px;
margin-top: 8px;
}
.contact-info__hours b {
flex: 0 0 auto;
font-weight: 500;
}
.contact-map {
margin-top: 54px;
}
.contact-map__title {
margin-bottom: 24px;
}
.contact-map__frame {
width: 100%;
height: 440px;
overflow: hidden;
border-radius: 18px;
background: #e9eef4;
}
.contact-map__frame iframe {
display: block;
width: 100%;
height: 100%;
border: 0;
}
.contact-form .form-check--contact .wpcf7-list-item-label a,
.contact-form .form-check--contact .wpcf7-list-item-label a:visited,
.contact-form .form-check--contact .wpcf7-list-item-label a:hover,
.contact-form .form-check--contact .wpcf7-list-item-label a:focus {
color: #153855 !important;
text-decoration: underline;
} @media only screen and (min-width: 801px) and (max-width: 991px) {
.careers-intro__grid,
.careers-application__grid,
.contact-page__grid {
gap: 50px;
}
.careers-title,
.contact-form__title,
.contact-map__title {
font-size: 32px;
}
.careers-application__media img {
height: 360px;
}
.contact-form {
padding: 34px 30px 36px;
}
}
@media only screen and (max-width: 800px) {
.page-hero--title-only .page-hero__inner {
align-items: center;
}
.careers-intro__grid,
.careers-application__grid,
.contact-page__grid {
grid-template-columns: 1fr;
gap: 44px;
}
.careers-title,
.contact-form__title,
.contact-map__title {
font-size: 30px;
}
.careers-jobs__list,
.careers-application__content {
max-width: none;
}
.careers-application__media img {
height: auto;
max-height: 420px;
}
.careers-application__grid {
gap: 36px;
}
.careers-application__content {
display: contents;
}
.careers-application__intro {
order: 1;
margin-bottom: 0;
}
.career-form {
order: 2;
}
.form-grid--two {
grid-template-columns: 1fr;
}
.career-form__body,
.contact-form {
padding: 28px 22px 30px;
}
.contact-info {
gap: 14px;
}
.contact-info__card {
min-height: 76px;
padding: 16px 18px;
}
.contact-map {
margin-top: 46px;
}
.contact-map__frame {
height: 360px;
}
}
.maininformativa .legal-page__content a:link, .maininformativa .legal-page__content a:visited {
color: #2874bb;
}
.wpcf7 .wpcf7-acceptance .wpcf7-list-item-label a,
.wpcf7 .wpcf7-acceptance .wpcf7-list-item-label a:visited,
.wpcf7 .wpcf7-acceptance .wpcf7-list-item-label a:hover,
.wpcf7 .wpcf7-acceptance .wpcf7-list-item-label a:focus {
color: #153855 !important;
text-decoration: underline;
}