.fc_column_content {
display: flex;
gap: clamp(15px, 6vw, 60px);
}
.fc_column_content > div {
flex-grow: 1;
}
.fc_column_content.ratio_30_70 > .left , .fc_column_content.ratio_70_30 > .right {
flex-basis: 30%;
}
.fc_column_content.ratio_30_70 > .right , .fc_column_content.ratio_70_30 > .left {
flex-basis: 70%;
}
.fc_column_content.ratio_40_60 > .left , .fc_column_content.ratio_60_40 > .right {
flex-basis: 40%;
}
.fc_column_content.ratio_40_60 > .right , .fc_column_content.ratio_60_40 > .left {
flex-basis: 60%;
}
.fc_column_content.ratio_50_50 > .right , .fc_column_content.ratio_50_50 > .left {
flex-basis: 50%;
}
.fc_column_content.top{
align-items: flex-start;
}
.fc_column_content.center{
align-items: center;
}
.fc_column_content.bottom{
align-items: flex-end;
}
@media (min-width:1200px) {
.fc_column_content > div.desktop_left {
text-align: left;
}
.fc_column_content > div.desktop_centre {
text-align: center;
}
.fc_column_content > div.desktop_right {
text-align: right;
}
}
@media (max-width:1200px) {
.fc_column_content.ratio_40_60 > .left, .fc_column_content.ratio_60_40 > .right, .fc_column_content.ratio_50_50 > .right , .fc_column_content.ratio_50_50 > .left, .fc_column_content.ratio_40_60 > .left , .fc_column_content.ratio_60_40 > .right, .fc_column_content.ratio_30_70 > .right , .fc_column_content.ratio_70_30 > .left, .fc_column_content.ratio_30_70 > .left , .fc_column_content.ratio_70_30 > .right, .fc_column_content.ratio_40_60 > .right , .fc_column_content.ratio_60_40 > .left {
width: 100%;
}
.fc_column_content {
flex-direction: column;
}
.fc_column_content > div.mobile_left {
text-align: left;
}
.fc_column_content > div.mobile_centre {
text-align: center;
}
.fc_column_content > div.mobile_right {
text-align: right;
}
}.fc_content_repeater {
display: grid;
gap: 60px;
grid-template-columns: repeat(2, 1fr);
&.alignment_middle {
align-items: center;
}
&.alignment_bottom {
align-items: flex-end;
}
&.with_borders {
.wp_content {
position: relative;
&:after {
content: '';
position: absolute;
width: 2px;
height: 100px;
background: rgba(255, 255, 255, 0.10);
top: 0;
right: -30px;
bottom: 0;
margin: auto;
@media (max-width: 850px) {
display: none;
}
}
}
}
}
.fc_content_repeater.grid_3 {
grid-template-columns: repeat(3, 1fr);
.wp_content {
&:nth-child(3n) {
&:after {
display: none;
}
}
}
}
.fc_content_repeater.grid_4 {
grid-template-columns: repeat(4, 1fr);
.wp_content {
display: flex;
flex-direction: column;
justify-content: flex-end;
&:nth-child(4n) {
&:after {
display: none;
}
}
}
}
@media (max-width:850px) {
.fc_content_repeater.grid_4 {
grid-template-columns: repeat(2, 1fr);
}
.fc_content_repeater.with_borders {
.wp_content {
&:before {
content: '';
position: absolute;
height: 2px;
width: 100px;
background: rgba(255, 255, 255, 0.10);
bottom: -30px;
left: 0;
right: 0;
margin: auto;
}
}
}
.fc_content_repeater.grid_3 {
grid-template-columns: repeat(1, 1fr);
}
}
@media (max-width:650px) {
.fc_content_repeater , .fc_content_repeater.grid_3 , .fc_content_repeater.grid_4 {
grid-template-columns: repeat(1, 1fr);
}
}