main::before {
content: "";
position: absolute;
width: 100%;
max-width: 42.1rem;
height: 94.8rem;
background-image: url(//ambient.test-unifer.cz/wp-content/themes/ambient-energy-theme/assets/images/vector.svg);
background-size: contain;
background-repeat: no-repeat;
top: 3.2rem;
left: 0;
z-index: 1;
}
.about-us {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 12.1rem;
}
.about-us__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-flex: 1;
-ms-flex: 1 0 0px;
flex: 1 0 0;
padding: 6.4rem 0;
}
.about-us__text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 4rem;
}
.about-us__text-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1.6rem;
}
.about-us__text-header h1 {
background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(255, 255, 255, 0.54)));
background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0.54) 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.about-us__subheader {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1.6rem;
-ms-flex-item-align: stretch;
align-self: stretch;
}
.about-us__subheader i svg {
color: var(--cool-grey-cool-grey-40, #4d5358);
}
.about-us__description {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 4rem;
}
.about-us__description .mixed {
width: 100%;
max-width: 54rem;
font-size: 1.6rem;
line-height: 1.5;
color: var(--cool-grey-cool-grey-70, #a2a9b0);
}
.about-us__description span {
color: var(--cool-grey-cool-grey-100, #f2f4f8);
font-family: "Overused-Grotesk-Regular", sans-serif;
font-size: 1.6rem;
font-style: normal;
font-weight: 600;
line-height: 2.4rem;
}
section.staff {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 144rem;
padding: 6.4rem 2.5rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1rem;
margin: 0 auto;
z-index: 5;
}
section.staff .staff__photo {
width: 100%;
max-width: 123.3rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-item-align: stretch;
align-self: stretch;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 auto;
}
section.staff .staff__photo-card {
width: 100%;
max-width: 27.2rem;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 0.7rem 0.8rem;
border-top: 1px solid var(--cool-grey-cool-grey-40, #4d5358);
border-bottom: 1px solid var(--cool-grey-cool-grey-40, #4d5358);
}
section.staff .staff__photo-card:nth-child(2), section.staff .staff__photo-card:nth-child(3) {
border-right: 1px solid var(--cool-grey-cool-grey-40, #4d5358);
border-left: 1px solid var(--cool-grey-cool-grey-40, #4d5358);
}
section.staff .staff__photo-card img {
min-height: 30.8rem;
-ms-flex-negative: 0;
flex-shrink: 0;
border-radius: 0.4rem;
-webkit-filter: grayscale(1);
filter: grayscale(1);
-o-object-fit: cover;
object-fit: cover;
}
section.staff .staff__photo-card-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 27.2577rem;
padding: 2.2rem 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0.4rem;
margin: 0 auto;
}
section.staff .staff__photo-card-text h5 {
color: var(--White, #fff);
}
section.we-are-here {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
z-index: 5;
}
section.we-are-here .we-are-here__content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 1rem;
-ms-flex-item-align: stretch;
align-self: stretch;
padding: 0 0 5.3rem 0;
}
section.we-are-here .we-are-here__content-text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 2.4rem;
}
section.we-are-here .we-are-here__content-text .header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
max-width: 46.5rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
gap: 0.4rem;
}
@media only screen and (max-width: 1128px) {
section.staff .staff__photo {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
section.staff .staff__photo-card:nth-child(odd) {
border-right: 1px solid var(--cool-grey-cool-grey-40, #4d5358);
border-left: none;
}
section.staff .staff__photo-card:nth-child(2) {
border-right: 1px solid var(--cool-grey-cool-grey-40, #4d5358);
border-left: none;
}
}
@media only screen and (max-width: 1060px) {
section.staff .staff__photo-card:nth-child(3) {
border-right: none;
}
}
@media only screen and (max-width: 900px) {
.about-us__content {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 4rem;
}
.about-us__subheader {
-ms-flex-item-align: center;
align-self: center;
}
}
@media only screen and (max-width: 806px) {
section.staff .staff__photo-card:nth-child(2) {
border-right: none;
}
section.staff .staff__photo-card:nth-child(3) {
border-right: 1px solid var(--cool-grey-cool-grey-40, #4d5358);
}
}
@media only screen and (max-width: 592px) {
section.staff .staff__photo {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
section.staff .staff__photo-card:nth-child(odd) {
border-right: none;
}
}