@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.wp-block-tlgb-b-timeline-block .timeline-container{position:relative}.wp-block-tlgb-b-timeline-block .timeline-container .blurred{filter:blur(1px);opacity:.4;pointer-events:none;transition:opacity .3s ease}.wp-block-tlgb-b-timeline-block .timeline-container .premium-overlay{align-items:center;background:hsla(0,0%,41%,.6);border-radius:12px;display:flex;flex-direction:column;inset:0;justify-content:center;position:absolute;text-align:center;z-index:5}.wp-block-tlgb-b-timeline-block .timeline-container .premium-message{color:#fff;font-size:16px;margin-bottom:10px}.wp-block-tlgb-b-timeline-block .timeline-container .premium-btn{background:#146ef5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 18px;transition:all .2s ease}.wp-block-tlgb-b-timeline-block .timeline-container .premium-btn:hover{background:#1556b6}.wp-block-tlgb-b-timeline-block .timeline-container.vertical{overflow:hidden;padding:20px 0;position:relative;width:100%}.wp-block-tlgb-b-timeline-block .timeline-container.vertical .timeline-bar{background-color:#007bff;height:100%;left:50%;position:absolute;top:0;transform:translateX(-50%);width:4px}.wp-block-tlgb-b-timeline-block .timeline-container.vertical .timeline-items .timeline-item{display:flex;justify-content:space-between;margin:20px 0;opacity:0;transform:translateY(30px)}.wp-block-tlgb-b-timeline-block .timeline-container.vertical .timeline-items .timeline-item.left,.wp-block-tlgb-b-timeline-block .timeline-container.vertical .timeline-items .timeline-item.right{animation:fadeInUp .5s ease-out forwards}.wp-block-tlgb-b-timeline-block .timeline-container.vertical .timeline-items .timeline-item.in-view{opacity:1;transform:translateY(0)}.wp-block-tlgb-b-timeline-block .timeline-container.vertical .timeline-items .timeline-item.left .timeline-content{text-align:left}.wp-block-tlgb-b-timeline-block .timeline-container.vertical .timeline-items .timeline-item.right{flex-direction:row-reverse}.wp-block-tlgb-b-timeline-block .timeline-container.vertical .timeline-items .timeline-item.right .timeline-date{text-align:left}.wp-block-tlgb-b-timeline-block .timeline-container.vertical .timeline-items .timeline-item.right .timeline-content{text-align:right}.wp-block-tlgb-b-timeline-block .timeline-container.vertical .timeline-items .timeline-item .timeline-date{color:#6c757d;font-size:14px;text-align:right;width:40%}.wp-block-tlgb-b-timeline-block .timeline-container.vertical .timeline-items .timeline-item .timeline-icon{align-items:center;background-color:#fff;border:2px solid #007bff;border-radius:50%;color:#007bff;display:flex;height:40px;justify-content:center;left:50%;padding:10px;position:absolute;transform:translate(-50%);transition:all .4s ease-in-out;width:40px;z-index:2}.wp-block-tlgb-b-timeline-block .timeline-container.vertical .timeline-items .timeline-item .timeline-content{border-radius:10px;box-sizing:border-box;font-size:16px;padding:20px;text-align:left;width:40%}.wp-block-tlgb-b-timeline-block .timeline-container.vertical .timeline-items .timeline-item .timeline-content .timeline-title{font-size:18px;font-weight:700;margin-bottom:5px;margin-top:0}.wp-block-tlgb-b-timeline-block .timeline-container.vertical .timeline-items .timeline-item .timeline-content .timeline-description{color:#333;font-size:14px}.wp-block-tlgb-b-timeline-block .timeline-container.vertical .carousel-button{display:none}.wp-block-tlgb-b-timeline-block .timeline-container.horizontal{box-sizing:border-box;overflow:hidden;padding:0 40px;position:relative;width:100%}.wp-block-tlgb-b-timeline-block .timeline-container.horizontal .timeline-bar{background-color:#007bff;height:4px;left:0;position:absolute;width:100%}.wp-block-tlgb-b-timeline-block .timeline-container.horizontal .timeline-items{display:flex;transform:translateX(0);transition:transform .5s ease-in-out}.wp-block-tlgb-b-timeline-block .timeline-container.horizontal .timeline-items .timeline-item{align-items:end;display:flex;flex:0 0 calc(50% - 40px);margin:0 20px;opacity:1;transition:opacity .3s ease-in-out}.wp-block-tlgb-b-timeline-block .timeline-container.horizontal .timeline-items .timeline-item .timeline-date{position:absolute;width:100%}.wp-block-tlgb-b-timeline-block .timeline-container.horizontal .timeline-items .timeline-item .timeline-icon{align-items:center;color:#007bff;display:flex;height:40px;justify-content:center;padding:10px;position:absolute;transition:all .4s ease-in-out;width:40px;z-index:2}.wp-block-tlgb-b-timeline-block .timeline-container.horizontal .timeline-items .timeline-item .timeline-content{border-radius:10px;padding:20px}.wp-block-tlgb-b-timeline-block .timeline-container.horizontal .carousel-button{display:flex;position:absolute}.wp-block-tlgb-b-timeline-block .timeline-container.horizontal .carousel-button.prev{left:0;z-index:10}.wp-block-tlgb-b-timeline-block .timeline-container.horizontal .carousel-button.next{right:0}
.theme3-timeline .timeline-container .timeline-items>*+*{margin-top:2.5rem}.theme3-timeline .timeline-container .timeline-items .timeline-item{align-items:center;display:flex}.theme3-timeline .timeline-container .timeline-items .timeline-item .timeline-date{display:flex;flex-basis:100px;justify-content:center;text-align:right}.theme3-timeline .timeline-container .timeline-items .timeline-item .timeline-date span{color:blue;font-size:18px;font-weight:700}.theme3-timeline .timeline-container .timeline-items .timeline-item .timeline-dot-wrapper{position:relative;width:70px}.theme3-timeline .timeline-container .timeline-items .timeline-item .timeline-dot-wrapper .timeline-dot{align-items:center;background-color:#8a2be2;border-radius:50%;display:flex;height:30px;justify-content:center;position:relative;width:30px;z-index:20}.theme3-timeline .timeline-container .timeline-items .timeline-item .timeline-dot-wrapper .timeline-dot div{background-color:#fff;border-radius:50%;height:18px;width:18px}.theme3-timeline .timeline-container .timeline-items .timeline-item .timeline-content-wrapper{flex-grow:1;width:100%}.theme3-timeline .timeline-container .timeline-items .timeline-item .timeline-content-wrapper .timeline-content{background:#fff;border-radius:10px;padding:25px;transition:all .3s ease}.theme3-timeline .timeline-container .timeline-items .timeline-item .timeline-content-wrapper .timeline-content:hover{transform:translateX(-8px)}.theme3-timeline .timeline-container .timeline-items .timeline-item .timeline-content-wrapper .timeline-content .timeline-label{font-size:22px;margin:0 0 8px}.theme3-timeline .timeline-container .timeline-items .timeline-item .timeline-content-wrapper .timeline-content .timeline-description{color:#666;font-size:16px;margin:0}
.theme4-timeline .timeline-container{padding:30px 0;position:relative}.theme4-timeline .timeline-container .timeline-bar{background-color:#21b4c7;height:100%;left:50%;position:absolute;transform:translateX(-50%);width:4px}.theme4-timeline .timeline-container .timeline-item{align-items:center;display:flex;justify-content:space-between;margin-bottom:35px}.theme4-timeline .timeline-container .timeline-item.even-item{flex-direction:row-reverse}.theme4-timeline .timeline-container .timeline-item.even-item .timeline-content{text-align:left}.theme4-timeline .timeline-container .timeline-item .timeline-content-wrapper{text-align:right;width:41.666667%}.theme4-timeline .timeline-container .timeline-item .timeline-content-wrapper .timeline-content{background-color:#fff;border-radius:10px;border-top:5px solid #a9a9f8;padding:20px;transition:all .3s ease}.theme4-timeline .timeline-container .timeline-item .timeline-content-wrapper .timeline-content:hover{transform:scale(1.05)}.theme4-timeline .timeline-container .timeline-item .timeline-content-wrapper .timeline-content .timeline-label{font-size:22px;font-weight:700;margin:0 0 8px}.theme4-timeline .timeline-container .timeline-item .timeline-content-wrapper .timeline-content .timeline-description{color:#666;font-size:14px}.theme4-timeline .timeline-container .timeline-item .timeline-date{align-items:center;background:#06b6d4;border:10px solid #fff;border-radius:50%;display:flex;height:50px;justify-content:center;left:50%;position:absolute;transform:translateX(-50%);width:50px;z-index:20}.theme4-timeline .timeline-container .timeline-item .timeline-date span{color:#fff;font-size:14px;font-weight:700}.theme4-timeline .timeline-container .timeline-item .empty-div{width:41.666667%}
.theme6-timeline .timeline-container{overflow:hidden;position:relative}.theme6-timeline .timeline-container .timeline-bar{background:#ff4500;height:4px;position:absolute;top:130px;width:100%}.theme6-timeline .timeline-container .timeline-items{display:flex;margin:0 auto;transform:translateX(0);transition:transform .5s ease-in-out;width:96%}.theme6-timeline .timeline-container .timeline-items .timeline-item{padding:134px 30px 0;position:relative;z-index:9999px}.theme6-timeline .timeline-container .timeline-items .timeline-item .timeline-dot-wrapper{left:50%;position:absolute;top:110px;transform:translateX(-50%)}.theme6-timeline .timeline-container .timeline-items .timeline-item .timeline-dot-wrapper .timeline-dot{background:#fff;border:4px solid #ff4500;border-radius:50%;height:32px;width:32px}.theme6-timeline .timeline-container .timeline-items .timeline-item .timeline-content{background-color:orange;border-radius:10px;color:#fff;padding:20px;position:relative;transition:all .3s ease-in-out}.theme6-timeline .timeline-container .timeline-items .timeline-item .timeline-content:hover{transform:translateY(-8px)}.theme6-timeline .timeline-container .carousel-button{background:#a3a3a3;border:none;border-radius:14px;color:#fff;cursor:pointer;display:flex;font-size:25px;padding:7px;position:absolute;top:114px;z-index:10}.theme6-timeline .timeline-container .carousel-button:focus{border-color:transparent;outline:none}.theme6-timeline .timeline-container .carousel-button.prev{left:0}.theme6-timeline .timeline-container .carousel-button.next{right:0}
.theme5-timeline .timeline-container .timeline-items{display:grid;gap:30px;grid-template-columns:repeat(1fr)}.theme5-timeline .timeline-container .timeline-items .timeline-item{border-left:5px solid #ff4500;padding-left:35px;position:relative}.theme5-timeline .timeline-container .timeline-items .timeline-item .timeline-dot-wrapper{left:-15px;position:absolute;top:0}.theme5-timeline .timeline-container .timeline-items .timeline-item .timeline-dot-wrapper .timeline-dot{align-items:center;background:#ff4500;border-radius:50%;display:flex;height:25px;justify-content:center;width:25px}.theme5-timeline .timeline-container .timeline-items .timeline-item .timeline-dot-wrapper .timeline-dot .dot-childDiv{background:#fff;border-radius:50%;height:16px;width:16px}.theme5-timeline .timeline-container .timeline-items .timeline-item .timeline-content{background:#fff;border-radius:6px;padding:15px}.theme5-timeline .timeline-container .timeline-items .timeline-item .timeline-content .timeline-date{margin-bottom:8px}.theme5-timeline .timeline-container .timeline-items .timeline-item .timeline-content .timeline-label{margin:0 0 15px}.theme5-timeline .timeline-container .timeline-items .timeline-item .timeline-content .timeline-description{margin:0}
.theme7-timeline{container-name:timeline;container-type:inline-size;position:relative}.theme7-timeline .timeline-items{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:100%;position:relative}.theme7-timeline .timeline-items .timeline-bar{background-color:#414141;height:100%;position:absolute;width:5px}.theme7-timeline .timeline-items .timeline-bar .timeline_progress-bar{background:linear-gradient(180deg,#ff6a00,#ee0979);height:50vh;position:sticky;top:0;width:5px}.theme7-timeline .timeline-items .timeline-item{display:grid;grid-template-columns:1fr 75px 1fr;padding:80px 0;position:relative}@container timeline (min-width: 780px){.theme7-timeline .timeline-items .timeline-item{grid-template-columns:1fr 180px 1fr}}.theme7-timeline .timeline-items .timeline-item .timeline_left .timeline_left-content{align-items:center;color:#fff;display:flex;font-size:35px;font-weight:500;gap:20px;justify-content:right;letter-spacing:-.03em;line-height:1.2;position:sticky;text-align:right;top:50vh}.theme7-timeline .timeline-items .timeline-item .timeline-dot-wrapper{display:flex;justify-content:center}.theme7-timeline .timeline-items .timeline-item .timeline-dot-wrapper .timeline-dot{background-color:#fff;border-radius:100%;height:25px;position:sticky;top:50vh;width:25px}.theme7-timeline .timeline-items .timeline-item .timeline_right .timeline_text{color:red;font-size:24px;font-weight:500;line-height:1.3}@media screen and (max-width:767px){.theme7-timeline{padding:80px 20px}.theme7-timeline .timeline-items .timeline-item{grid-template-columns:55px 1fr;width:100%}.theme7-timeline .timeline-items .timeline-item .timeline_left{grid-area:1/2/2/3}.theme7-timeline .timeline-items .timeline-item .timeline_left .timeline_left-content{font-size:25px;justify-content:left;text-align:left}.theme7-timeline .timeline-items .timeline-item .timeline_centre{grid-area:1/1/3/2;justify-content:flex-start}.theme7-timeline .timeline-items .timeline-item .timeline_right .timeline_text{font-size:20px}.theme7-timeline .timeline-items .timeline_progress{left:6px}}.timeline {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.timeline *,
.timeline :after,
.timeline :before {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
.timeline:not(.timeline--horizontal):before {
background-color: #ddd;
bottom: 0;
content: "";
left: 50%;
margin-left: -2px;
position: absolute;
top: 0;
width: 4px;
z-index: 1;
}
.timeline__wrap {
overflow: hidden;
position: relative;
z-index: 2;
}
.timeline__item {
font-size: 16px;
font-size: 1rem;
padding: 0.625rem 2.5rem 0.625rem 0;
position: relative;
width: 50%;
z-index: 2;
}
.timeline__item:after {
background-color: #fff;
border: 4px solid #ddd;
border-radius: 50%;
content: "";
height: 20px;
position: absolute;
right: -10px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
width: 20px;
z-index: 1;
}
.timeline__item.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
opacity: 0;
}
.timeline__item.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
.timeline__item--left {
left: 0;
}
.timeline__item--right { padding: 0.625rem 0 0.625rem 2.5rem;
}
.timeline__item--right:after {
left: -11px;
}
.timeline__item--right .timeline__content:before {
border-bottom: 11px solid transparent;
border-right: 12px solid #ccc;
border-left: none;
border-top: 11px solid transparent;
left: -12px;
}
.timeline__item--right .timeline__content:after {
border-bottom: 10px solid transparent;
border-right: 12px solid #fff;
border-left: none;
border-top: 10px solid transparent;
left: -10px;
}
.timeline__content {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 10px;
color: #333;
display: block;
padding: 1.25rem;
position: relative;
}
.timeline__content:after,
.timeline__content:before {
content: "";
height: 0;
position: absolute;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
width: 0;
}
.timeline__content:before {
border-bottom: 11px solid transparent;
border-left: 12px solid #ccc;
border-top: 11px solid transparent;
right: -12px;
z-index: 1;
}
.timeline__content:after {
border-bottom: 9px solid transparent;
border-left: 11px solid #fff;
border-top: 9px solid transparent;
right: -11px;
z-index: 2;
}
.timeline__content label {
font-size: 1.25rem;
font-weight: 700;
margin: 0 0 0.625rem;
}
.timeline__content p {
font-size: 0.9375rem;
line-height: 1.5;
margin-bottom: 10px;
}
.timeline--horizontal {
font-size: 0;
padding: 0 3.125rem;
overflow: hidden;
white-space: nowrap;
}
.timeline--horizontal .timeline-divider {
background-color: #ddd;
display: block;
height: 4px;
left: 40px;
position: absolute;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 40px;
z-index: 1;
}
.timeline--horizontal .timeline__items {
-webkit-transition: all 0.8s;
-o-transition: all 0.8s;
transition: all 0.8s;
will-change: transform;
}
.timeline--horizontal .timeline__item {
display: inline-block;
left: 0;
padding: 0 0 2.5rem;
position: relative;
-webkit-transition: none;
-o-transition: none;
transition: none;
vertical-align: top;
white-space: normal;
}
.timeline--horizontal .timeline__item:after {
left: 50%;
right: auto;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
top: 100%;
}
.timeline--horizontal .timeline__item .timeline__item__inner {
display: flex !important;
height: 100%;
width: 100%;
justify-content: center;
}
.timeline--horizontal .timeline__item .timeline__content__wrap {
display: flex;
align-items: end;
margin: 0;
padding: 0;
vertical-align: bottom;
}
.timeline--horizontal .timeline__item .timeline__content:before {
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-top: 12px solid #ccc;
left: 50%;
right: auto;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
top: 100%;
}
.timeline--horizontal .timeline__item .timeline__content:after {
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #fff;
left: 50%;
right: auto;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
top: 100%;
}
.timeline--horizontal .timeline__item--bottom {
padding: 2.5rem 0 0;
}
.timeline--horizontal .timeline__item--bottom:after {
top: 0;
}
.timeline--horizontal .timeline__item--bottom .timeline__content__wrap {
vertical-align: top;
}
.timeline--horizontal .timeline__item--bottom .timeline__content:before {
border-bottom: 12px solid #ccc;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
border-top: none;
bottom: 100%;
top: auto;
}
.timeline--horizontal .timeline__item--bottom .timeline__content:after {
border-bottom: 10px solid #fff;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: none;
bottom: 100%;
top: auto;
}
.timeline-nav-button {
background-color: #fff;
border: 2px solid #ddd;
border-radius: 50px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-shadow: none;
box-shadow: none;
cursor: pointer;
display: block;
height: 40px;
outline: 0;
position: absolute;
text-indent: -9999px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
top: 50%;
width: 40px;
z-index: 10;
}
.timeline-nav-button:disabled {
opacity: 0.5;
pointer-events: none;
}
.timeline-nav-button:before {
background-position: center center;
background-repeat: no-repeat;
content: "";
display: block;
height: 14px;
left: 50%;
position: absolute;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
top: 50%;
width: 8px;
}
.timeline-nav-button--prev {
left: 0;
}
.timeline-nav-button--prev:before {
background-image: url(//chinagode.com/wp-content/plugins/timeline-block-block/assets/images/arrow-left.svg);
}
.timeline-nav-button--next {
right: 0;
}
.timeline-nav-button--next:before {
background-image: url(//chinagode.com/wp-content/plugins/timeline-block-block/assets/images/arrow-right.svg);
}
.timeline--mobile {
padding: 0;
}
.timeline--mobile:before {
left: 10px !important;
margin: 0 !important;
}
.timeline--mobile .timeline__item {
left: 0;
padding-left: 40px;
padding-right: 0;
width: 100%;
}
.timeline--mobile .timeline__item:after {
left: 2px;
margin: 0;
}
.timeline--mobile .timeline__item .timeline__content:before {
left: -12px;
border-bottom: 12px solid transparent;
border-right: 12px solid #ccc;
border-left: none;
border-top: 12px solid transparent;
}
.timeline--mobile .timeline__item .timeline__content:after {
left: -10px;
border-bottom: 10px solid transparent;
border-right: 10px solid #fff;
border-left: none;
border-top: 10px solid transparent;
}
@-webkit-keyframes fadeIn {
0% {
opacity: 0;
top: 70px;
}
100% {
opacity: 1;
top: 0;
}
}
@keyframes fadeIn {
0% {
opacity: 0;
top: 70px;
}
100% {
opacity: 1;
top: 0;
}
}
@-webkit-keyframes liftUp {
0% {
top: 0;
}
100% {
top: -15px;
}
}
@keyframes liftUp {
0% {
top: 0;
}
100% {
top: -15px;
}
}