|
- .timeline-tabs{position:relative;display:block;background-color:var(--color-background);padding:24px 20px 0;margin-bottom:-5px}.timeline-tabs .tabs{margin:0;text-align:center}.timeline-tabs ul{list-style:none;display:flex;justify-content:center;margin:0 -15px;padding:0;position:relative;z-index:1}.timeline-tabs .btn-small{min-width:180px;text-align:center;margin-right:10px}.timeline-tabs .btn-small:not(.active){background-color:var(--color-background);color:var(--color-text)}.timeline-tabs .btn-small:focus{color:var(--color-text)}@media (max-width: 567px){.timeline-tabs .btn-small{min-width:0;padding-left:12px;padding-right:12px;margin:0 4px}}@media (max-width: 349px){.timeline-tabs .btn-small{font-size:16px;margin:0 2px}}@media (min-width: 1000px){.timeline-tabs~.timeline .item-slider .prev,.timeline-tabs~.timeline .item-slider .next{margin-top:-52px}}@media (min-width: 1340px){.timeline-tabs~.timeline .item-slider .prev,.timeline-tabs~.timeline .item-slider .next{margin-top:-74px}}.timeline{margin:0 0 calc(1.5vw + 40px)}.timeline>p:last-child{font-size:14px;text-align:right;margin:15px}.timeline .item-slider{position:relative;display:block;background-color:var(--color-background);min-height:460px;font-weight:600}.timeline .item-slider:before{content:"";position:absolute;width:374px;height:374px;background-color:#9ad7a3;top:50%;left:50%;border-radius:50%;transform:translate3d(-50%,-50%,0) scale(1);opacity:1;transition:.3s ease}@media (max-width: 567px){.timeline .item-slider{min-height:380px}.timeline .item-slider:before{width:280px;height:280px}}@media (max-width: 349px){.timeline .item-slider:before{width:260px;height:260px}}.timeline .item-slider .slider-tabs,.timeline .item-slider .tabs,.timeline .item-slider .count{display:none}.timeline .item-slider .prev,.timeline .item-slider .next{width:80px;height:80px;position:absolute;top:50%;margin-top:-40px;right:24px;padding:0;font-size:80px;line-height:1;transition:.2s ease;border:0;background-color:transparent;cursor:pointer}.timeline .item-slider .prev:before,.timeline .item-slider .next:before{content:"";font-family:Icons,sans-serif;color:var(--color-text);font-weight:400}.timeline .item-slider .prev:hover,.timeline .item-slider .next:hover{padding-left:8px}@media (max-width: 999px){.timeline .item-slider .prev:hover,.timeline .item-slider .next:hover{padding-left:0}}@media (max-width: 1339px){.timeline .item-slider .prev,.timeline .item-slider .next{right:0;width:50px;height:50px;font-size:50px;margin-top:-25px}}@media (max-width: 567px){.timeline .item-slider .prev,.timeline .item-slider .next{font-size:30px;width:30px;height:30px;margin-top:-15px}}.timeline .item-slider .prev{left:24px;transform:scaleX(-1)}@media (max-width: 1339px){.timeline .item-slider .prev{left:0}}.timeline .item-slider .slide{min-height:460px;display:flex;align-items:center;text-align:center}.timeline .item-slider .slide:not(.current){max-height:460px}@media (max-width: 567px){.timeline .item-slider .slide{min-height:380px}.timeline .item-slider .slide:not(.current){max-height:380px}}.timeline .item-slider .text-box{padding:50px 0}@media (max-width: 767px){.timeline .item-slider .text-box{padding:30px 0}}.timeline .item-slider .slide:not(.has-image) .container{max-width:1180px}@media (min-width: 1000px) and (max-width: 1339px){.timeline .item-slider .container{padding:0 60px}}@media (min-width: 768px) and (max-width: 999px){.timeline .item-slider .container{padding:0 120px}}.timeline .item-slider .year{font-family:Korb,sans-serif;font-weight:700;font-size:100px;line-height:.9;margin-bottom:.25em}@media (max-width: 1340px){.timeline .item-slider .year{font-size:80px}}@media (max-width: 999px){.timeline .item-slider .year{font-size:72px}}@media (max-width: 567px){.timeline .item-slider .year{font-size:48px}}@media (max-width: 349px){.timeline .item-slider .year{font-size:40px}}.timeline .item-slider .subhead{font-weight:700}.timeline .item-slider p:last-child{margin-bottom:0}@media (min-width: 1000px){.timeline .item-slider .slide.has-image .container{display:flex;align-items:center;justify-content:space-between}.timeline .item-slider .slide.has-image .container .image-box,.timeline .item-slider .slide.has-image .container .text-box{flex:1 1 calc(50% - 20px);max-width:calc(50% - 20px)}}@media (min-width: 1000px) and (max-width: 1339px){.timeline .item-slider .slide.has-image .container .image-box,.timeline .item-slider .slide.has-image .container .text-box{flex:1 1 calc(50% - 15px);max-width:calc(50% - 15px)}}@media (min-width: 1000px){.timeline .item-slider .slide.has-image .container .image-box{position:relative;margin:30px 0}.timeline .item-slider .slide.has-image .container .image-box.portrait{flex:1 1 265px;margin-right:40px;max-width:265px}.timeline .item-slider .slide.has-image .container .image-box.portrait+.text-box{max-width:none}}@media (min-width: 1000px) and (max-width: 1339px){.timeline .item-slider .slide.has-image .container .image-box.portrait{margin-right:30px}}@media (min-width: 1000px){.timeline .item-slider .slide.has-image .container .image-box.medium{flex:1 1 320px;margin-right:40px;max-width:320px}.timeline .item-slider .slide.has-image .container .image-box.medium+.text-box{max-width:none}}@media (min-width: 1000px) and (max-width: 1339px){.timeline .item-slider .slide.has-image .container .image-box.medium{margin-right:30px}}@media (min-width: 1000px){.timeline .item-slider .slide.has-image .container .image-box img{display:block;max-width:100%}.timeline .item-slider .slide.has-image .container .image-box .caption{position:absolute;bottom:0;left:0;width:100%;padding:8px 12px;background-color:#fff9;text-align:left;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);font-weight:700;font-size:15px;line-height:1.4}.timeline .item-slider .slide.has-image .container .image-box .caption span+span{margin-top:3px}.timeline .item-slider .slide.has-image .container .image-box .copyright{display:block;font-weight:400;font-size:10px}.timeline .item-slider .slide.has-image .container .text-box{text-align:left}.timeline .item-slider .slide.has-image .container .year{margin-left:-.06em}.timeline .item-slider.hide-circle:before{transform:translate3d(-50%,-50%,0) scale(.8);opacity:0}}@media (max-width: 999px){.timeline .item-slider .image-box{display:none}}@media (max-width: 767px){.timeline .item-slider p{line-height:1.4;font-size:.94em}}@media (max-width: 567px){.timeline .item-slider p{padding-left:10px;padding-right:10px}}.timeline .years{position:relative;display:block;background-color:var(--color-background);color:var(--color-text);overflow:hidden}.timeline .years:before{content:"";position:absolute;left:0;right:0;top:50%;margin-top:-4px;height:8px;background-color:var(--color-border)}@media (max-width: 999px){.timeline .years:before{margin-top:8px;height:4px}}.timeline .years-wrapper{position:relative;display:flex}.timeline .years-wrapper.animate{transition:.3s ease}.timeline .years-wrapper.dragging *{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media (max-width: 999px){.timeline .year-item{margin:26px 32px 26px 0}.timeline .year-item .year{white-space:nowrap}.timeline .year-item .year br,.timeline .year-item ul{display:none}.timeline .year-item .year{position:relative;font-family:Korb,sans-serif;font-weight:700;font-size:36px;line-height:1;cursor:pointer;z-index:1;transition:.2s ease;margin-bottom:0}.timeline .year-item .year:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--color-background);margin:0 -8px;z-index:-1;transition:.2s ease;opacity:0}.timeline .year-item.current .year:before,.timeline .year-item.anchor .year:before{opacity:1}.timeline .year-item.current .year{color:var(--color-text-accent)}.timeline .year-item.last{margin-right:200px}}@media (min-width: 1000px){.timeline .year-item{position:relative;font-size:.75em;line-height:1.3em;display:flex;align-items:flex-start;min-height:360px;flex:1 1 320px;max-width:320px;min-width:320px;padding:18px 20px 22px}.timeline .year-item:before{content:"";position:absolute;left:0;top:26px;bottom:calc(50% - 4px);width:4px;background-color:var(--color-text);z-index:2}}@media (min-width: 1000px) and (max-width: 999px){.timeline .year-item{min-height:0;flex:1 1 150px;max-width:150px;min-width:60px}.timeline .year-item:before{display:none}}@media (min-width: 1000px){.timeline .year-item:nth-child(odd){align-items:flex-end}.timeline .year-item:nth-child(odd):before{bottom:26px;top:calc(50% - 4px)}.timeline .year-item.anchor:before{display:none}.timeline .year-item.anchor .year:before{opacity:1}.timeline .year-item.anchor:not(:first-child){margin-right:40px}.timeline .year-item.last{margin-right:400px}.timeline .year-item.anchor~.anchor~.anchor{margin-right:70px}.timeline .year-item.anchor~.anchor~.anchor .year:before{margin-right:.6em}.timeline .year-item .year{position:absolute;bottom:50%;margin:calc(-4px - .15em) -.06em;font-family:Korb,sans-serif;font-weight:700;font-size:60px;line-height:1;cursor:pointer;z-index:1;transition:.2s ease}.timeline .year-item .year:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-color:var(--color-background);margin:0 -16px;z-index:-1;transition:.2s ease;opacity:0}}@media (min-width: 1000px) and (max-width: 999px){.timeline .year-item .year{font-size:40px;position:relative}}@media (min-width: 1000px){.timeline .year-item.current:before{background-color:var(--color-text-accent)}.timeline .year-item.current .year{color:var(--color-text-accent)}.timeline .year-item.current .year:before{opacity:1}.timeline .year-item ul{margin:0 -70% 0 -.28em;padding:0;list-style:none}}@media (min-width: 1000px) and (max-width: 999px){.timeline .year-item ul{display:none}}@media (min-width: 1000px){.timeline .year-item .title{margin:0;font-family:Source Sans Pro,sans-serif;font-weight:600}.timeline .year-item li{position:relative;cursor:pointer;transition:.2s ease;z-index:3;padding:.2em 0;top:.25em}.timeline .year-item li:before{content:"";position:absolute;left:0;top:0;bottom:0;width:15px;transition:.2s ease}.timeline .year-item li:hover,.timeline .year-item li.active{color:var(--color-text-accent)}.timeline .year-item li p{transform:translateZ(0);transition:.2s ease}.timeline .year-item li:hover p{transform:translate3d(10px,0,0)}.timeline .year-item .slide{display:none}}
|
