.tbs-image_content_split {
position: relative;
overflow: visible;
}
.tbs-image_content_split.block_option-small_image .img_wrapper {
margin: 25px 0;
}
@media (max-width: 900px) {
.tbs-image_content_split.block_option-small_image .img_wrapper {
margin-top: 0;
}
}
.tbs-image_content_split.block_option-small_image .img_wrapper img {
position: sticky !important;
height: auto !important;
max-height: calc(100vh - 230px);
max-width: 800px !important;
top: 212px !important;
border-radius: 8px !important;
}
@media (max-width: 900px) {
.tbs-image_content_split.block_option-small_image .img_wrapper img {
position: relative;
max-height: unset !important;
max-width: unset !important;
top: 0 !important;
border-radius: 0 !important;
}
}
.tbs-image_content_split:not(.block_option-reverse_row).block_option-small_image .wrapper:nth-child(even) .img_wrapper,
.tbs-image_content_split.block_option-reverse_row.block_option-small_image .wrapper:nth-child(odd) .img_wrapper {
display: flex;
align-items: flex-start;
justify-content: flex-end;
}
.tbs-image_content_split .bg_image {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 100%;
object-fit: contain;
}
@media (max-width: 991px) {
.tbs-image_content_split .bg_image {
bottom: auto;
height: auto;
}
}
.tbs-image_content_split:not(.block_option-reverse_row) .wrapper:nth-child(even),
.tbs-image_content_split.block_option-reverse_row .wrapper:nth-child(odd) {
background-color: #fff;
flex-direction: row-reverse;
}
@media (max-width: 900px) {
.tbs-image_content_split:not(.block_option-reverse_row) .wrapper:nth-child(even),
.tbs-image_content_split.block_option-reverse_row .wrapper:nth-child(odd) {
flex-direction: column-reverse;
}
}
.tbs-image_content_split:not(.block_option-reverse_row) .wrapper:nth-child(even) .content_wrapper,
.tbs-image_content_split.block_option-reverse_row .wrapper:nth-child(odd) .content_wrapper {
padding: 100px 20px 100px 165px;
justify-content: flex-start;
}
@media (max-width: 1750px) {
.tbs-image_content_split:not(.block_option-reverse_row) .wrapper:nth-child(even) .content_wrapper,
.tbs-image_content_split.block_option-reverse_row .wrapper:nth-child(odd) .content_wrapper {
padding: 100px 80px;
}
}
@media (max-width: 1200px) {
.tbs-image_content_split:not(.block_option-reverse_row) .wrapper:nth-child(even) .content_wrapper,
.tbs-image_content_split.block_option-reverse_row .wrapper:nth-child(odd) .content_wrapper {
padding: 50px 20px;
}
}
@media (max-width: 900px) {
.tbs-image_content_split:not(.block_option-reverse_row) .wrapper:nth-child(even) .content_wrapper,
.tbs-image_content_split.block_option-reverse_row .wrapper:nth-child(odd) .content_wrapper {
padding: 50px 20px;
}
}
.tbs-image_content_split:not(.block_option-reverse_row) .wrapper:nth-child(even) .content_wrapper .inner_wrapper,
.tbs-image_content_split.block_option-reverse_row .wrapper:nth-child(odd) .content_wrapper .inner_wrapper {
max-width: 650px;
width: 100%;
padding: 0;
}
@media (max-width: 1750px) {
.tbs-image_content_split:not(.block_option-reverse_row) .wrapper:nth-child(even) .content_wrapper .inner_wrapper,
.tbs-image_content_split.block_option-reverse_row .wrapper:nth-child(odd) .content_wrapper .inner_wrapper {
max-width: unset;
}
}
.tbs-image_content_split:not(.block_option-reverse_row) .wrapper:nth-child(even) .content_wrapper .inner_wrapper h2,
.tbs-image_content_split.block_option-reverse_row .wrapper:nth-child(odd) .content_wrapper .inner_wrapper h2,
.tbs-image_content_split:not(.block_option-reverse_row) .wrapper:nth-child(even) .content_wrapper .inner_wrapper h3,
.tbs-image_content_split.block_option-reverse_row .wrapper:nth-child(odd) .content_wrapper .inner_wrapper h3,
.tbs-image_content_split:not(.block_option-reverse_row) .wrapper:nth-child(even) .content_wrapper .inner_wrapper h4,
.tbs-image_content_split.block_option-reverse_row .wrapper:nth-child(odd) .content_wrapper .inner_wrapper h4 {
color: #1D1D1D;
}
.tbs-image_content_split:not(.block_option-reverse_row) .wrapper:nth-child(even) .content_wrapper .inner_wrapper p,
.tbs-image_content_split.block_option-reverse_row .wrapper:nth-child(odd) .content_wrapper .inner_wrapper p {
color: #2C2E2F;
font-size: 18px;
line-height: 31px;
font-weight: 300;
}
.tbs-image_content_split.block_option-reverse_row .img_wrapper {
padding: 85px 0;
}
@media (max-width: 991px) {
.tbs-image_content_split.block_option-reverse_row .img_wrapper {
padding: 0;
}
}
.tbs-image_content_split.block_option-bg_image .img_wrapper img {
max-height: calc(100vh - 400px);
}
.tbs-image_content_split .wrapper {
display: flex;
flex-direction: row;
background-color: #E7DED566;
justify-content: center;
align-items: stretch;
}
@media (max-width: 900px) {
.tbs-image_content_split .wrapper {
flex-direction: column-reverse;
}
}
.tbs-image_content_split .wrapper .content_wrapper {
max-width: 50%;
width: 100%;
display: flex;
justify-content: flex-end;
align-items: center;
padding: 100px 165px 100px 20px;
}
@media (max-width: 1750px) {
.tbs-image_content_split .wrapper .content_wrapper {
padding: 100px 80px;
}
}
@media (max-width: 1200px) {
.tbs-image_content_split .wrapper .content_wrapper {
padding: 50px 20px;
}
}
@media (max-width: 900px) {
.tbs-image_content_split .wrapper .content_wrapper {
max-width: unset;
padding: 50px 20px;
}
}
.tbs-image_content_split .wrapper .content_wrapper .inner_wrapper {
max-width: 560px;
width: 100%;
font-size: 18px;
font-family: 'DM Sans';
line-height: 33px;
font-weight: 300;
color: #472D17;
}
@media (max-width: 1750px) {
.tbs-image_content_split .wrapper .content_wrapper .inner_wrapper {
max-width: unset;
}
}
.tbs-image_content_split .wrapper .content_wrapper .inner_wrapper h2,
.tbs-image_content_split .wrapper .content_wrapper .inner_wrapper h3,
.tbs-image_content_split .wrapper .content_wrapper .inner_wrapper h4 {
font-size: 50px;
font-family: 'The One';
font-weight: 300;
margin: 0;
line-height: 70px;
color: #472D17;
margin: 20px 0 40px 0;
}
@media (max-width: 575px) {
.tbs-image_content_split .wrapper .content_wrapper .inner_wrapper h2,
.tbs-image_content_split .wrapper .content_wrapper .inner_wrapper h3,
.tbs-image_content_split .wrapper .content_wrapper .inner_wrapper h4 {
font-size: 36px;
line-height: 40px;
}
}
.tbs-image_content_split .wrapper .content_wrapper .inner_wrapper p {
font: inherit;
}
.tbs-image_content_split .wrapper .content_wrapper .inner_wrapper p a {
text-decoration: underline;
font-size: 18px;
font-family: 'DM Sans';
line-height: 33px;
font-weight: 300;
color: #472D17;
}
.tbs-image_content_split .wrapper .content_wrapper .inner_wrapper .secondary-cta_btn {
margin-top: 80px;
}
.tbs-image_content_split .wrapper .img_wrapper {
position: relative;
max-width: 50%;
width: 100%;
}
@media (max-width: 900px) {
.tbs-image_content_split .wrapper .img_wrapper {
max-width: unset;
}
}
.tbs-image_content_split .wrapper .img_wrapper img {
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
object-fit: cover;
aspect-ratio: 1;
}
@media (max-width: 900px) {
.tbs-image_content_split .wrapper .img_wrapper img {
position: relative;
}
}