.rhodesia-timeline-section{background:#e6e5db;background:linear-gradient(0deg,#e6e5db 0% 100%);height:100%;width:100%}.section-shape{position:relative;padding:10px 5px}.timeline-container{overflow:hidden;position:relative;background:#cdc390;background:linear-gradient(156deg,#cdc390,#78543cb4 37%,#516444);padding:5px;border-radius:12px;z-index:0}.timeline-swiper{display:flex;flex-direction:column;position:relative;height:auto;width:100%!important;margin-top:5px;overflow:hidden}.timeline-category{position:relative;display:flex;background:#fff;border-radius:5px;margin-bottom:5px;overflow:hidden}.category-name{position:absolute;left:0;font-size:1.1em;padding-left:10px;padding-right:10px;font-family:Arial;border-color:#fff;border:4px solid white;border-right:0px;flex-shrink:0;z-index:15;background:linear-gradient(90deg,#fff 0% 65%,#ffffff59);opacity:1;height:100%;align-content:center;border-top-left-radius:6px;border-bottom-left-radius:6px;width:15vh}.events-container,#axis-markers,#axis-hashmarks{will-change:transform;transform:translate(0)}.events-container{position:relative;height:40px!important;white-space:normal;display:flex;overflow:visible;flex-grow:1;align-items:center}.event{width:150px;cursor:pointer;position:absolute;min-width:70%;overflow:visible;text-overflow:clip;border:none;border-radius:5px;transition:transform .3s ease,opacity .3s ease;display:flex;height:80%!important;align-items:center;padding:2px;z-index:1;background:linear-gradient(325deg,#cdc39080,#96272780);box-shadow:0 1px 3px #0000001a;font-size:.8em;line-height:1.4;justify-content:center}.event:before{content:"";position:absolute;top:-.5px;left:-.5px;right:-.5px;bottom:-.5px;background:linear-gradient(150deg,#cdc39080,#96272780);background-size:100% 100%;border-radius:5px;z-index:-1;opacity:0;transition:opacity .3s ease;pointer-events:none}.event:after{content:"";position:absolute;top:.5px;left:.5px;right:.5px;bottom:.5px;background:#f0f0f0;border-radius:5px;z-index:0;pointer-events:none}.event>*{position:relative;z-index:2}.event:hover,.event.active{transform:scale(1.05);z-index:5}.event:hover:after,.event.active:after{background:#e0e0e0}.event:hover:before,.event.active:before{opacity:1;animation:rotateGradient 3s linear infinite}@media (max-width: 768px){.timeline-category{width:100%;background:#fff}.category-name{width:22%!important;font-size:.9em}.event{width:220px;min-width:220px}}@keyframes rotateGradient{0%{background-position:0% 0%}to{background-position:200% 200%}}.event.fade-left{opacity:0}.event-title{display:block;font-size:.85em;text-align:center}.event-date{display:none;font-size:.75em;color:#666;text-align:center}.event:hover .event-date{display:none}.event-marker{position:absolute;bottom:-35px;width:2px;height:20px;background:#333;transform:translate(-50%);left:50%}.timeline-axis{position:absolute;height:28px;border-radius:5px;padding:2px;overflow:hidden}.axis-line{position:absolute;top:50%;left:0;right:0;height:2px;background:#333}.axis-markers{position:relative;height:100%;transition:transform .3s ease}.axis-marker{position:absolute;top:50%;width:10px;height:10px;border-radius:50%;transform:translate(-50%,-50%)}.axis-label{position:absolute;top:30%;width:10px;transform:translate(-50%);font-size:.8em;display:inline-grid;align-content:center;justify-content:center;text-align:center;color:#fff}#axis-hashmarks{position:absolute;top:0;left:0;height:100%;width:100%;transition:transform .3s ease;pointer-events:none}.axis-hashmark{position:absolute;top:10%;width:1px;height:10px;background:#fff;transform:translate(-50%);display:block!important}.timeline-nav{display:flex;justify-content:space-between;margin-top:1px}@media (max-width: 480px){.timeline-nav{display:flex;justify-content:space-between}.timeline-axis{height:25px;justify-content:center}}.nav-arrow{padding:6px 25px;background:#333;color:#fff;border:none;cursor:pointer;opacity:.89;border-radius:22px}.nav-arrow:hover{background:#555}.event-details{margin-top:20px;padding:20px;background:#f5f5f5;border-radius:5px;position:relative;overflow:hidden;min-height:200px}.details-content{overflow:visible}.details-content img.details-image{float:right;margin-left:10px;margin-bottom:10px;margin-top:0;width:150px;height:150px;object-fit:cover;border:2px solid #ccc;border-radius:5px;shape-outside:margin-box}.details-content:after{content:"";display:block;clear:both}@media (max-width: 768px){.timeline-category{width:100%;background:#fff;height:100%}.category-name{font-size:.9em}.event{width:20vh;min-width:25vh}}.event-details>.details-image{display:none}
/*# sourceMappingURL=/cdn/shop/t/1/assets/custom-time.css.map */