.bw-timeline .container-narrow {
position: relative;
}
.bw-timeline .container-narrow .row {
z-index: 1;
position: relative;
outline: 1px dashed red;
}
.bw-timeline .container-narrow .timeline-divider {
display: block;
width: 0.4375rem;
background-color: grey;
height: 100%;
}
@media (min-width: 960px) {
.bw-timeline .text-col.has-gold-text-content {
align-self: center;
}
}
@media (min-width: 1200px) {
.bw-timeline .text-col__gold {
max-width: 23.4375rem;
}
}
@media (min-width: 1200px) {
.bw-timeline .text-col__desc {
max-width: 26.5625rem;
}
}
.bw-timeline .text-col__year {
position: relative;
}
.bw-timeline .text-col__year p {
margin-bottom: 0.5rem;
}
.bw-timeline .text-col__year:before {
content: "";
display: block;
width: 1.5rem;
height: 60%;
background: var(--wp--preset--color--dk-blue);
position: absolute;
top: 20%;
bottom: 0;
}
.bw-timeline .text-col--left {
text-align: right;
}
.bw-timeline .text-col--left .text-col__gold,
.bw-timeline .text-col--left .text-col__desc {
margin-left: auto;
}
.bw-timeline .text-col--left .text-col__year:before {
right: 0;
-webkit-clip-path: polygon(100% 0, 100% 100%, 0 50%);
clip-path: polygon(100% 0, 100% 100%, 0 50%);
}
@media (min-width: 1200px) {
.bw-timeline .text-col--left .text-col__year:before {
right: -3rem;
}
}
.bw-timeline .text-col--right {
text-align: left;
}
.bw-timeline .text-col--right .text-col__gold,
.bw-timeline .text-col--right .text-col__desc {
margin-right: auto;
}
.bw-timeline .text-col--right .text-col__year:before {
left: 0;
-webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
@media (min-width: 1200px) {
.bw-timeline .text-col--right .text-col__year:before {
left: -3rem;
}
}
.bw-timeline .img-col figure {
margin: 0 0 0 0;
}
@media (min-width: 960px) {
.bw-timeline .img-col--left {
text-align: right;
}
}
@media (min-width: 960px) {
.bw-timeline .img-col--right {
text-align: left;
}
}