File: //proc/self/cwd/wp-content/themes/kidzieo/css/timeline/timeline-style-1.css
.pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .pbmit-timeline-year {
font-size: 20px;
line-height: 30px;
margin-bottom: 15px;
letter-spacing: 0;
font-weight: 600;
color: var(--pbmit-kidzieo-secondary-color);
}
.pbmit-element-timeline-style-1 .pbmit-timeline-title {
font-size: 24px;
line-height: 24px;
margin-bottom: 10px;
font-weight: 600;
padding: 0 80px;
}
.pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .pbmit-timeline-desc {
margin: 0;
padding: 0 50px;
line-height: 22px;
}
.pbmit-element-timeline-style-1 .pbmit-timeline-wrapper {
display: grid;
width: 100%;
height: auto;
position: relative;
justify-items: center;
grid-template-rows: 1fr 1fr;
text-align: center;
grid-gap: 160px;
}
.pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .pbmit-same-height.steps-content_wrap{
justify-content: flex-end;
}
.pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-dot .dot{
background-color: var(--pbmit-kidzieo-blackish-color);
display: block;
line-height: normal;
font-size: 14px;
margin: auto;
width: 10px;
height: 10px;
transform: rotate(45deg);
z-index: 2;
position: relative;
}
.pbmit-elementor-bg-color-gradient .pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-dot .dot,
.pbmit-elementor-bg-color-globalcolor .pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-dot .dot,
.pbmit-elementor-bg-color-secondary .pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-dot .dot,
.pbmit-elementor-bg-color-blackish .pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-dot .dot{
background-color: var(--pbmit-kidzieo-white-color);
}
.pbmit-section-number.pbmit-elementor-bg-color-secondary .pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-dot .dot{
background-color:transparent;
}
.pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-dot{
position: absolute;
z-index: 2;
width: 100%;
left: 0;
bottom: 0;
top: 0;
right: 0;
height: -moz-fit-content;
height: fit-content;
margin: auto !important;
}
.pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-dot .dot:after {
content: "";
position: absolute;
left: -11px;
right: 0;
bottom: 0;
width: 1px;
height: 40px;
margin: 0;
background: rgb(var(--pbmit-kidzieo-blackish-color-rgb) ,.90);
transform: rotate(-45deg);
}
.pbmit-elementor-bg-color-gradient .pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-dot .dot:after,
.pbmit-elementor-bg-color-globalcolor .pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-dot .dot:after,
.pbmit-elementor-bg-color-secondary .pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-dot .dot:after,
.pbmit-elementor-bg-color-blackish .pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-dot .dot:after {
background: rgb(var(--pbmit-kidzieo-white-color-rgb) ,.40);
}
.pbmit-section-number.pbmit-elementor-bg-color-secondary .pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-dot .dot:after {
background: rgb(var(--pbmit-kidzieo-blackish-color-rgb) ,.20);
}
.pbmit-element-timeline-style-1 .pbmit-element-posts-wrapper .pbmit-timeline-wrapper.pbmit-slide-even .steps-dot .dot:after{
left: 19px;
top: 0;
bottom: auto;
}
.pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-dot .steps-dot-line {
color: transparent;
line-height: 10px;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-dot .steps-dot-line::before,
.pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-dot .steps-dot-line::after {
content: "";
width: calc(50% + 10px * 100);
height: 1px;
display: block;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
background-repeat: no-repeat;
}
.pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-dot .steps-dot-line::after {
left: 50%;
background: linear-gradient(90deg, rgb(var(--pbmit-kidzieo-blackish-color-rgb),0.05 ) ,rgb(var(--pbmit-kidzieo-blackish-color-rgb) ,0.05 ));
}
.pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-dot .steps-dot-line::before {
right: 50%;
background: linear-gradient(90deg, rgb(var(--pbmit-kidzieo-blackish-color-rgb) ,0.05 ) ,rgb(var(--pbmit-kidzieo-blackish-color-rgb) ,0.05 ));
}
.pbmit-elementor-bg-color-gradient .pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-dot .steps-dot-line::after,
.pbmit-elementor-bg-color-globalcolor .pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-dot .steps-dot-line::after,
.pbmit-elementor-bg-color-secondary .pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-dot .steps-dot-line::after,
.pbmit-elementor-bg-color-blackish .pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-dot .steps-dot-line::after {
background: linear-gradient(90deg, rgb(var(--pbmit-kidzieo-white-color-rgb),.10 ) ,rgb(var(--pbmit-kidzieo-white-color-rgb) ,.10 ));
}
.pbmit-elementor-bg-color-gradient .pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-dot .steps-dot-line::before,
.pbmit-elementor-bg-color-globalcolor .pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-dot .steps-dot-line::before,
.pbmit-elementor-bg-color-secondary .pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-dot .steps-dot-line::before,
.pbmit-elementor-bg-color-blackish .pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-dot .steps-dot-line::before {
background: linear-gradient(90deg, rgb(var(--pbmit-kidzieo-white-color-rgb) ,.10 ) ,rgb(var(--pbmit-kidzieo-white-color-rgb) ,.10 ));
}
.pbmit-section-number.pbmit-elementor-bg-color-secondary .pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-dot .steps-dot-line::after {
background: linear-gradient(90deg, rgb(var(--pbmit-kidzieo-blackish-color-rgb),.03) ,rgb(var(--pbmit-kidzieo-blackish-color-rgb) ,.03 ));
}
.pbmit-section-number.pbmit-elementor-bg-color-secondary .pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-dot .steps-dot-line::before {
background: linear-gradient(90deg, rgb(var(--pbmit-kidzieo-blackish-color-rgb) ,.03 ) ,rgb(var(--pbmit-kidzieo-blackish-color-rgb) ,.03 ));
}
.pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .pbmit-same-height {
display: flex;
flex-direction: column;
justify-content: end;
}
.pbmit-element-timeline-style-1 .pbmit-element-posts-wrapper .pbmit-timeline-wrapper.pbmit-slide-even.swiper-slide-duplicate:nth-last-child(2) .pbmit-feature-image{
order: 0;
}
.pbmit-element-timeline-style-1 .pbmit-element-posts-wrapper .pbmit-timeline-wrapper.pbmit-slide-even .pbmit-feature-image{
order: 1;
justify-content: start;
transition: all 0.4s, opacity 0.4s 0.9s, transform 0.4s 0.9s;
}
.pbmit-element-timeline-style-1 .pbmit-timeline-wrapper:not(.pbmit-slide-even) .pbmit-feature-image {
transition: all 0.4s, opacity 0.4s 0.9s, transform 0.4s 0.9s;
}
.pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-dot,
.pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .pbmit-feature-image,
.pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-content_wrap {
opacity: 1;
}
.pbmit-element-timeline-style-1 .pbmit-element-posts-wrapper{
margin-top: 100px;
}
.pbmit-section-number.pbmit-elementor-bg-color-secondary .pbmit-element-timeline-style-1 .pbmit-timeline-title{
color: var(--pbmit-kidzieo-blackish-color);
}
.pbmit-elementor-bg-color-secondary .pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .pbmit-timeline-year {
color: var(--pbmit-kidzieo-blackish-color);
}
.pbmit-elementor-bg-color-secondary .pbmit-element-timeline-style-1 .pbmit-timeline-title,
.pbmit-elementor-bg-color-blackish .pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .pbmit-timeline-year,
.pbmit-elementor-bg-color-blackish .pbmit-element-timeline-style-1 .pbmit-timeline-title{
color: var(--pbmit-kidzieo-white-color);
}
.pbmit-elementor-bg-color-light .pbmit-element-timeline-style-1 .pbmit-timeline-title,
.pbmit-elementor-bg-color-white .pbmit-element-timeline-style-1 .pbmit-timeline-title {
color: var(--pbmit-kidzieo-blackish-color);
}
.pbmit-elementor-bg-color-light .pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .pbmit-timeline-desc,
.pbmit-elementor-bg-color-white .pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .pbmit-timeline-desc {
color: var(--pbmit-kidzieo-blackish-color);
}
.pbmit-elementor-bg-color-light .pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-dot .dot,
.pbmit-elementor-bg-color-white .pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-dot .dot {
background-color: var(--pbmit-kidzieo-blackish-color);
}
.pbmit-elementor-bg-color-light .pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-dot .steps-dot-line::before,
.pbmit-elementor-bg-color-light .pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-dot .steps-dot-line::after,
.pbmit-elementor-bg-color-white .pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-dot .steps-dot-line::before,
.pbmit-elementor-bg-color-white .pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-dot .steps-dot-line::after {
background: linear-gradient(90deg, rgb(var(--pbmit-kidzieo-blackish-color-rgb), .10 ) ,rgb(var(--pbmit-kidzieo-blackish-color-rgb), .10 ));
}
.pbmit-elementor-bg-color-light .pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-dot .dot:after,
.pbmit-elementor-bg-color-white .pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .steps-dot .dot:after {
background: rgb(var(--pbmit-kidzieo-blackish-color-rgb), .90);
}
.pbmit-elementor-bg-color-globalcolor .pbmit-element-timeline-style-1 .pbmit-timeline-title {
color: var(--pbmit-kidzieo-white-color);
}
.pbmit-element-timeline-style-1 .pbmit-element-inner .pbmit-carousel-nav-arrow-header .swiper-button-next,
.pbmit-element-timeline-style-1 .pbmit-element-inner .pbmit-carousel-nav-arrow-header .swiper-button-prev {
width: 80px;
height: 80px;
background-color: rgba( var(--pbmit-kidzieo-global-color-rgb), 0.9);
}
.pbmit-element-timeline-style-1 .pbmit-element-inner .pbmit-carousel-nav-arrow-header .swiper-button-next:hover,
.pbmit-element-timeline-style-1 .pbmit-element-inner .pbmit-carousel-nav-arrow-header .swiper-button-prev:hover {
background-color: var(--pbmit-kidzieo-global-color);
}
.pbmit-elementor-bg-color-globalcolor .pbmit-element-timeline-style-1 .pbmit-element-inner .pbmit-carousel-nav-arrow-header .swiper-button-next,
.pbmit-elementor-bg-color-globalcolor .pbmit-element-timeline-style-1 .pbmit-element-inner .pbmit-carousel-nav-arrow-header .swiper-button-prev {
width: 80px;
height: 80px;
background-color: rgba( var(--pbmit-kidzieo-secondary-color-rgb), 0.9);
}
.pbmit-elementor-bg-color-globalcolor .pbmit-element-timeline-style-1 .pbmit-element-inner .pbmit-carousel-nav-arrow-header .swiper-button-next:hover,
.pbmit-elementor-bg-color-globalcolor .pbmit-element-timeline-style-1 .pbmit-element-inner .pbmit-carousel-nav-arrow-header .swiper-button-prev:hover {
background-color: var(--pbmit-kidzieo-secondary-color);
}
.pbmit-element-timeline-style-1 .pbmit-element-inner .pbmit-carousel-nav-arrow-header .swiper-button-next {
right: 16%;
}
.pbmit-element-timeline-style-1 .pbmit-element-inner .pbmit-carousel-nav-arrow-header .swiper-button-prev:hover,
.pbmit-element-timeline-style-1 .pbmit-element-inner .pbmit-carousel-nav-arrow-header .swiper-button-next:hover {
border-color: var(--pbmit-kidzieo-global-color);
}
.pbmit-element-timeline-style-1 .pbmit-element-inner .pbmit-carousel-nav-arrow-header .swiper-button-prev {
right: 19%;
left: inherit !important;
}
@media (max-width: 1800px) {
.pbmit-element-timeline-style-1 .pbmit-element-inner .pbmit-carousel-nav-arrow-header .swiper-button-next {
right: 15%;
}
}
@media (max-width: 1600px) {
.pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .pbmit-timeline-desc {
padding: 0 30px;
}
.pbmit-element-timeline-style-1 .pbmit-timeline-wrapper {
grid-gap: 140px;
}
}
@media (max-width: 1500px) {
.pbmit-element-timeline-style-1 .pbmit-timeline-wrapper .pbmit-timeline-desc {
padding: 0 20px;
}
.pbmit-element-timeline-style-1 .pbmit-timeline-wrapper {
grid-gap: 120px;
}
.pbmit-element-timeline-style-1 .pbmit-element-inner .pbmit-carousel-nav-arrow-header .swiper-button-next {
right: 14%;
}
.pbmit-element-timeline-style-1 .pbmit-timeline-title {
padding: 0 50px;
}
}
@media (max-width: 1400px) {
.pbmit-element-timeline-style-1 .pbmit-element-posts-wrapper {
margin-top: 80px;
}
}
@media (max-width: 1200px) {
.pbmit-element-timeline-style-1 .pbmit-element-inner .pbmit-carousel-nav-arrow-header .swiper-button-next {
right: 13%;
}
.pbmit-element-timeline-style-1 .pbmit-element-posts-wrapper {
margin-top: 60px;
}
}
@media (max-width: 767px) {
.pbmit-element-timeline-style-1 .pbmit-carousel-nav-arrow-header,
.pbmit-element-timeline-style-1 .pbmit-element-inner .pbmit-carousel-nav-arrow-header .swiper-button-prev,
.pbmit-element-timeline-style-1 .pbmit-element-inner .pbmit-carousel-nav-arrow-header .swiper-button-next {
display: none;
}
.pbmit-element-timeline-style-1 .pbmit-element-posts-wrapper {
margin-top: 50px;
}
}