.section__tribe .gridWrap .slider__left--container,
.section__tribe .gridWrap .slider__right--container {
display: grid;
margin-bottom: 40px;
}
.section__tribe .gridWrap .slider__left--container {
grid-column: 1 / 4;
}
.section__tribe .gridWrap .slider__right--container {
grid-column: 10 / 13;
}
.section__tribe .gridWrap .slider__left--container .swiper,
.section__tribe .gridWrap .slider__right--container .swiper {
grid-column: 1;
grid-row: 1;
opacity: 0;
transition: opacity 0.25s ease-in-out;
transition-delay: 0.25s;
}
.section__tribe .gridWrap .slider__left--container .swiper.active,
.section__tribe .gridWrap .slider__right--container .swiper.active {
opacity: 1;
transition-delay: 0s;
z-index: 10;
}
.section__tribe .gridWrap .slider__left,
.section__tribe .gridWrap .slider__right {
border-radius: 14px;
}
.section__tribe .gridWrap .slider__left .image,
.section__tribe .gridWrap .slider__right .image {
filter: grayscale();
}
.section__tribe .gridWrap .slider__left .swiper-slide .text-content,
.section__tribe .gridWrap .slider__right .swiper-slide .text-content {
position: absolute;
display: flex;
flex-flow: column;
justify-content: flex-end;
align-items: center;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 52px 20px;
color: white;
border-radius: 14px;
overflow: hidden;
isolation: isolate;
pointer-events: none;
}
.section__tribe .gridWrap .slider__left .swiper-slide .text-content::before,
.section__tribe .gridWrap .slider__right .swiper-slide .text-content::before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(0deg, black 0, rgba(0, 0, 0, 0.5) 30%);
opacity: 0;
transition: opacity 0.5s ease-in-out;
pointer-events: none;
z-index: -1;
}
.section__tribe
.gridWrap
.slider__left
.swiper-slide:hover
.text-content::before,
.section__tribe
.gridWrap
.slider__right
.swiper-slide:hover
.text-content::before {
opacity: 1;
}
.section__tribe .gridWrap .slider__left .swiper-slide .text-content blockquote,
.section__tribe
.gridWrap
.slider__right
.swiper-slide
.text-content
blockquote {
font-family: "Crucial", system-ui, -apple-system, BlinkMacSystemFont,
"Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
sans-serif;
font-style: italic;
font-weight: 500;
font-size: 20px;
line-height: 24px;
text-align: center;
opacity: 0;
transform: translate3d(0, -10px, 0);
transition-property: opacity, transform;
transition-duration: 0.75s;
transition-timing-function: ease-in-out;
}
.section__tribe
.gridWrap
.slider__left
.swiper-slide
.text-content
ul.categories,
.section__tribe
.gridWrap
.slider__right
.swiper-slide
.text-content
ul.categories {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 10;
flex-wrap: wrap;
margin-top: 20px;
list-style: none;
opacity: 0;
transform: translate3d(0, -10px, 0);
transition-property: opacity, transform;
transition-duration: 0.75s;
transition-timing-function: ease-in-out;
}
.section__tribe
.gridWrap
.slider__left
.swiper-slide
.text-content
ul.categories
li.categories--item,
.section__tribe
.gridWrap
.slider__right
.swiper-slide
.text-content
ul.categories
li.categories--item {
display: flex;
justify-content: center;
align-items: center;
padding: 6px 10px;
font-family: "Spartan", system-ui, -apple-system, BlinkMacSystemFont,
"Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
sans-serif;
font-style: normal;
font-weight: 600;
font-size: 16px;
line-height: 18px;
color: #000bf8;
background: #43ebb8;
border-radius: 100px;
text-shadow: 0px 20px 50px rgba(255, 255, 255, 0.25);
}
.section__tribe
.gridWrap
.slider__left
.swiper-slide:hover
.text-content
blockquote,
.section__tribe
.gridWrap
.slider__right
.swiper-slide:hover
.text-content
blockquote {
transition-delay: 0.25s;
opacity: 1;
transform: translate3d(0, 0, 0);
}
.section__tribe
.gridWrap
.slider__left
.swiper-slide:hover
.text-content
ul.categories,
.section__tribe
.gridWrap
.slider__right
.swiper-slide:hover
.text-content
ul.categories {
transition-delay: 0.4s;
opacity: 1;
transform: translate3d(0, 0, 0);
}
.section__tribe
.gridWrap
.slider__left
.swiper-slide
.text-content
.producer-name,
.section__tribe
.gridWrap
.slider__right
.swiper-slide
.text-content
.producer-name {
margin-top: 48px;
font-family: "Spartan", system-ui, -apple-system, BlinkMacSystemFont,
"Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
sans-serif;
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 20px;
text-align: center;
}
.section__tribe .gridWrap .slider__center .swiper-slide {
height: auto;
transition: opacity 0.25s ease-in-out;
}
.section__tribe .gridWrap .slider__center .swiper-slide h4 {
margin-bottom: 20px;
}
.section__tribe .gridWrap .slider__center .swiper-slide h4 + * + * {
margin-top: 1em;
}
.section__tribe .gridWrap .slider__center .swiper-slide .first {
font-family: "Spartan", system-ui, -apple-system, BlinkMacSystemFont,
"Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
sans-serif;
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 18px;
text-align: right;
opacity: 0.7;
}
.section__tribe .gridWrap .slider__center .swiper-slide .second {
font-family: "Spartan", system-ui, -apple-system, BlinkMacSystemFont,
"Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue",
sans-serif;
font-style: normal;
font-weight: 700;
font-size: 16px;
line-height: 18px;
text-align: left;
}
.section__tribe .gridWrap .slider__center .swiper-slide.swiper-slide-next {
opacity: 0.14 !important;
}
.section__tribe .gridWrap .slider__center .swiper-slide.swiper-slide-active {
opacity: 1;
} .post-type-archive-films #mainHeader .social,
.page-template-totem #mainHeader .social,
.page-template-tribe #mainHeader .social,
.archive #mainHeader .social {
right: 144px !important;
}
.footer {
padding-bottom: 20px !important;
}
@media screen and (min-width: 900px) {
.totem_section .gridWrap .text {
font-size: 18px;
line-height: 1.25;
font-weight: bold;
}
.totem_section .gridWrap .text a {
font-weight: inherit;
}
.totem_section .gridWrap .card .block__text p {
font-size: 18px !important;
font-weight: bold;
}
.totem_section .gridWrap .team .block__text .name {
font-size: 18px !important;
}
.totem_section .gridWrap .team:nth-child(even) {
grid-column: 4 / 7 !important;
}
.totem_section .gridWrap .team:nth-child(odd) {
grid-column: 7 / 10 !important;
}
}
@media screen and (max-width: 900px) {
.section__tribe .gridWrap .title {
font-size: 50px !important;
}
.section__tribe .gridWrap .slider__left--container,
.section__tribe .gridWrap .slider__right--container {
display: none;
}
.section__tribe .gridWrap .slider__center {
grid-column: 1 / span 12 !important;
height: calc(100vh - 210px) !important;
}
.section__tribe .gridWrap .slider__center .swiper-slide,
.section__tribe .gridWrap .slider__center .swiper-slide.swiper-slide-next {
opacity: 1 !important;
} .post-type-archive-films #mainHeader .social,
.page-template-totem #mainHeader .social,
.page-template-tribe #mainHeader .social,
.archive #mainHeader .social {
display: none !important;
}
}
.page-id-913 h1 {
color: #0101dd;
padding-top: 160px;
font-size: 40px;
margin: auto;
max-width: 800px;
padding-bottom: 100px;
}
.page-id-913 h2 {
color: #0101dd;
}
div#cmplz-document {
margin: auto;
}
div#cmplz-document h2 {
color: #0101dd;
}