main.single-warehouse {
padding-top: 160px;
padding-bottom: 72px;
}
.single-warehouse {
--single-warehouse-accent: #E31F26;
--single-warehouse-accent-dark: #861013;
}
.single-warehouse--city-flex, .single-warehouse--green-saver {
--single-warehouse-accent: #FDA909;
--single-warehouse-accent-dark: #BA7D03;
}
.single-warehouse--7r-park {
--single-warehouse-accent: #08B395;
--single-warehouse-accent-dark: #046051;
}
.single-warehouse--city-park {
--single-warehouse-accent: #1199EF;
--single-warehouse-accent-dark: #27365F;
}
.single-warehouse__container {
position: relative;
}
.single-warehouse__layout {
display: grid;
grid-template-columns: minmax(0, 1fr) 360px;
gap: 40px;
align-items: start;
}
.single-warehouse__blocks {
margin-top: 48px;
}
.single-warehouse__main {
min-width: 0;
}
.single-warehouse__sidebar {
position: sticky;
top: 180px;
display: flex;
flex-direction: column;
}
.single-warehouse__badges {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-bottom: 12px;
}
.single-warehouse__badge {
display: inline-flex;
padding: 4px 12px;
border: 1px solid #08B395;
border-radius: 999px;
color: #08B395;
background: #FEFEFF;
font-size: 12px;
line-height: 1.2;
text-decoration: none;
}
.single-warehouse__badge:hover, .single-warehouse__badge:focus-visible {
background: #08B395;
color: #FEFEFF;
outline: none;
}
.single-warehouse__badge--type {
border-color: var(--single-warehouse-accent);
color: var(--single-warehouse-accent);
}
.single-warehouse__badge--type:hover, .single-warehouse__badge--type:focus-visible {
background: var(--single-warehouse-accent);
color: #FEFEFF;
}
.single-warehouse__title {
margin: 0;
color: #171717;
font-family: "Libre Baskerville", sans-serif;
font-size: 48px;
font-weight: 400;
line-height: 1.15;
max-width: 800px;
line-height: 1.15;
margin-bottom: 8px;
}
.single-warehouse__location {
margin: 0 0 8px;
font-weight: 300;
}
.single-warehouse__certifications {
display: flex;
flex-wrap: wrap;
gap: 12px;
margin-bottom: 50px;
}
.single-warehouse__certification {
padding: 6px 10px;
border: 1px solid #27365F;
border-radius: 999px;
background: #FEFEFF;
color: #27365F;
font-size: 8px;
text-transform: uppercase;
}
.single-warehouse__stats {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 17px;
margin-bottom: 50px;
}
.single-warehouse__stat {
display: flex;
min-height: 74px;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 24px;
border: 2px solid #046051;
border-radius: 999px;
background: #FEFEFF;
text-align: center;
font-family: "Libre Baskerville", sans-serif;
}
.single-warehouse__stat strong {
font-size: 24px;
font-weight: 400;
color: #046051;
}
.single-warehouse__stat > span {
margin-top: 2px;
font-family: "Lato", sans-serif;
font-weight: 300;
color: #1F1F1F;
}
.single-warehouse__gallery {
padding: 0;
margin-bottom: 50px;
}
.single-warehouse__gallery-tabs {
display: none;
}
.single-warehouse__gallery-shell {
background: #fff;
border-radius: 36px;
padding: 38px 78px 20px 78px;
}
.single-warehouse__gallery-stage {
margin-bottom: 12px;
}
.single-warehouse__gallery-image,
.single-warehouse .rsa-gallery__placeholder {
height: 450px;
border-radius: 20px;
}
.single-warehouse__gallery-thumbs {
display: flex;
gap: 10px;
}
.single-warehouse__gallery-thumb {
width: 100px;
height: 100px;
border-radius: 22px;
}
.single-warehouse__section {
margin-bottom: 25px;
}
.single-warehouse__section--localization {
margin-bottom: 50px;
}
.single-warehouse__section--parameters {
margin-bottom: 50px;
}
.single-warehouse__section--parameters .single-warehouse__section-title {
margin-bottom: 43px !important;
}
.single-warehouse__section-title {
margin: 0;
color: #171717;
font-family: "Libre Baskerville", sans-serif;
font-size: 32px;
font-weight: 400;
line-height: 1.15;
margin-bottom: 12px;
}
.single-warehouse__text {
max-width: 900px;
font-size: 16px;
}
.single-warehouse__text p {
margin: 0 0 12px;
}
.single-warehouse__eyebrow {
position: relative;
margin: 0 0 12px;
padding-left: 47px;
color: #08B395;
font-size: 1rem;
font-weight: 400;
}
.single-warehouse__eyebrow::before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 37px;
height: 1px;
background: currentColor;
transform: translateY(-50%);
}
.single-warehouse__eyebrow {
color: var(--single-warehouse-accent);
margin-bottom: 8px;
}
.single-warehouse__parameters {
display: flex;
flex-wrap: wrap;
-moz-column-gap: 33px;
column-gap: 33px;
row-gap: 10px;
}
.single-warehouse__parameter {
padding: 6px 24px;
border: 1px solid #27365F;
border-radius: 999px;
background: #FEFEFF;
color: #27365F;
}
.single-warehouse__parameter span,
.single-warehouse__parameter strong {
display: block;
line-height: 1.15;
}
.single-warehouse__parameter span {
font-size: 16px;
font-weight: 300;
}
.single-warehouse__parameter strong {
margin-top: 2px;
font-size: 18px;
font-weight: 400;
}
.single-warehouse__sidebar-button {
font-size: 1rem;
color: #861013;
background-color: #FEFEFF;
padding: 13px 22px;
border: 2px solid #861013;
border-radius: 40px;
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
transition: 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.single-warehouse__sidebar-button:hover {
background-color: #861013;
color: #FEFEFF;
cursor: pointer;
}
.single-warehouse__sidebar-button svg {
width: 20px;
height: 20px;
}
.single-warehouse__sidebar-button svg path {
stroke: currentColor;
}
.single-warehouse__sidebar-button {
width: 100%;
min-height: 48px;
text-decoration: none;
margin-bottom: 15px;
}
.single-warehouse__sidebar-button--space-l {
margin-bottom: 28px;
}
.single-warehouse__sidebar-button--red {
background-color: #861013;
color: #FEFEFF;
}
.single-warehouse__sidebar-button--red:hover {
background-color: #FEFEFF;
color: #861013;
}
.single-warehouse__advisor {
padding: 24px;
border: 2px solid var(--single-warehouse-accent);
border-radius: 24px;
background: #FEFEFF;
margin: 0 0 38px;
}
.single-warehouse__advisor-label {
margin: 0 0 12px;
color: var(--single-warehouse-accent);
font-family: "Libre Baskerville", sans-serif;
font-size: 18px;
}
.single-warehouse__advisor-name {
display: inline-block;
color: #171717;
text-decoration: none;
font-family: "Libre Baskerville", sans-serif;
font-size: 18px;
margin: 0;
}
.single-warehouse__advisor-position {
font-size: 14px;
font-style: italic;
color: #171717;
margin: 0 0 24px;
}
.single-warehouse__advisor-contact {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 32px;
}
.single-warehouse__advisor-contact a {
color: #171717;
font-size: 18px;
font-weight: 700;
text-decoration: none;
overflow-wrap: anywhere;
}
.single-warehouse__advisor-contact span {
display: block;
font-size: 12px;
font-weight: 300;
margin-bottom: 0 0 6px;
}
.single-warehouse__contact {
margin-top: 8px;
}
.single-warehouse__contact-title {
margin: 0;
color: #171717;
font-family: "Libre Baskerville", sans-serif;
font-size: 26px;
font-weight: 400;
line-height: 1.15;
margin-bottom: 16px;
}
.single-warehouse .wpcf7-form {
display: flex;
flex-direction: column;
gap: 10px;
}
.single-warehouse .wpcf7-form p {
margin: 0;
}
.single-warehouse .wpcf7-form label {
display: block;
margin-bottom: 4px;
font-size: 16px;
}
.single-warehouse .wpcf7-form label > span {
margin-top: 10px;
}
.single-warehouse .wpcf7-form .wpcf7-form-control-wrap {
display: block;
border-radius: 20px;
transition: box-shadow 0.2s ease;
}
.single-warehouse .wpcf7-form .wpcf7-form-control-wrap:focus-within {
box-shadow: 0 0 0 3px #FEFEFF, 0 0 0 6px rgba(227, 31, 38, 0.22);
}
.single-warehouse .wpcf7-form input,
.single-warehouse .wpcf7-form textarea,
.single-warehouse .wpcf7-form select {
width: 100%;
padding: 10px 16px;
border: 1px solid #861013;
border-radius: 999px;
background: #FEFEFF;
color: #171717;
font: inherit;
font-size: 13px;
outline: 0;
transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.single-warehouse .wpcf7-form input:focus,
.single-warehouse .wpcf7-form textarea:focus,
.single-warehouse .wpcf7-form select:focus {
border-color: #E31F26;
box-shadow: none;
}
.single-warehouse .wpcf7-form textarea {
min-height: 76px;
border-radius: 14px;
resize: vertical;
}
.single-warehouse .wpcf7-form input[type=submit],
.single-warehouse .wpcf7-form button[type=submit] {
font-size: 1rem;
color: #FEFEFF;
background-color: #861013;
padding: 12px 20px;
border: 2px solid #861013;
border-radius: 40px;
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
transition: 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.single-warehouse .wpcf7-form input[type=submit]:hover,
.single-warehouse .wpcf7-form button[type=submit]:hover {
background-color: #861013;
color: #FEFEFF;
cursor: pointer;
}
.single-warehouse .wpcf7-form input[type=submit] svg,
.single-warehouse .wpcf7-form button[type=submit] svg {
width: 20px;
height: 20px;
}
.single-warehouse .wpcf7-form input[type=submit] svg path,
.single-warehouse .wpcf7-form button[type=submit] svg path {
stroke: currentColor;
}
.single-warehouse .wpcf7-form input[type=submit],
.single-warehouse .wpcf7-form button[type=submit] {
width: 100%;
border-color: #861013;
}
.single-warehouse .wpcf7-form input[type=submit]:hover,
.single-warehouse .wpcf7-form button[type=submit]:hover {
background-color: #FEFEFF;
color: #861013;
}
@media (max-width: 1100px) {
.single-warehouse__layout {
grid-template-columns: 1fr;
gap: 10px;
}
.single-warehouse__sidebar {
position: static;
}
.single-warehouse .rsa-gallery__shell {
padding: 24px 12px;
}
.single-warehouse__parameters {
-moz-column-gap: 10px;
column-gap: 10px;
}
}
@media (max-width: 767px) {
.single-warehouse__title {
font-size: 34px;
}
.single-warehouse__stats {
grid-template-columns: 1fr;
}
.single-warehouse__gallery-image,
.single-warehouse .rsa-gallery__placeholder {
height: 280px;
}
.single-warehouse__gallery-thumb {
width: calc(33.333% - 7px);
height: 74px;
}
.single-warehouse__advisor-contact {
display: flex;
flex-wrap: wrap;
gap: 16px;
}
}