:root{--atwb_border_color:#000;--atwb_top_border_color:#000;--atwb_odd_item_icon_color:red;--atwb_odd_item_icon_background_color:#fff;--atwb_even_item_icon_color:#fff;--atwb_even_item_icon_background_color:#000;--atwb_odd_item_text_color:#000;--atwb_odd_item_background_color:#fff;--atwb_odd_item_border_color:red;--atwb_even_item_text_color:#000;--atwb_even_item_background_color:#fff;--atwb_even_item_border_color:green;--atwb_odd_item_animation_name:"";--atwb_even_item_animation_name:"";--atwb_item_animate_duration:1s;--atwb_item_animate_delay:1s;--atwb_item_animate_repeat:1;--atwb_item_title_font_size:26px;--atwb_odd_item_title_color:#000;--atwb_even_item_title_color:#000}.timeline_aria{border-top:2px dashed var(--atwb_top_border_color);height:auto;overflow:hidden;padding-top:100px;position:relative;width:100%}.timeline_aria:before{border-right:2px solid var(--atwb_border_color);content:"";height:100%;left:51.5%;margin-left:-1px;position:absolute;top:0;width:0}.timeline_item_area{clear:both;display:inline-block;margin-bottom:100px;padding:0 10px;position:relative;width:100%}.timeline_item{border-bottom:2px solid;border-radius:20px;box-shadow:0 1px 5px 4px #d3d3d3;padding:10px;width:45%}.timeline_item:before{clear:both;content:"";height:auto;width:100%}.timeline_item_area:nth-child(2n)>.timeline_item{float:right;left:auto;margin-right:18px;right:100%;top:24px;width:calc(45% - 18px)}.timeline_item_area:nth-child(odd){animation-name:var(--atwb_odd_item_animation_name)}.timeline_item_area:nth-child(2n){animation-name:var(--atwb_even_item_animation_name)}.timeline_item_area:nth-child(odd)>.timeline_item{border-color:var(--atwb_odd_item_border_color);color:var(--atwb_odd_item_text_color)}.timeline_item_area:nth-child(2n)>.timeline_item{border-color:var(--atwb_even_item_border_color);color:var(--atwb_even_item_text_color)}.timeline_icon{align-items:center;border-radius:50%;box-shadow:0 0 0 4px #fff,inset 0 2px 0 rgba(0,0,0,.08),0 3px 0 4px rgba(0,0,0,.05);display:flex;height:40px;justify-content:center;left:50%;margin-left:-20px;position:absolute;top:-50px;width:40px}.timeline_date{height:30px;position:absolute;top:-45px;width:auto}.timeline_item_area:nth-child(odd)>.timeline_icon{background-color:var(--atwb_odd_item_icon_background_color);color:var(--atwb_odd_item_icon_color)}.timeline_item_area:nth-child(2n)>.timeline_icon{background-color:var(--atwb_even_item_icon_background_color);color:var(--atwb_even_item_icon_color)}.timeline_item_area:nth-child(odd)>.timeline_date{text-align:right;width:44%}.timeline_item_area:nth-child(2n)>.timeline_date{left:54%;text-align:left;width:40%}.timeline_thumbnail{display:block;text-align:center}.timeline_thumbnail>img{border-top-left-radius:20px;border-top-right-radius:20px;width:100%}.timeline_title{font-size:var(--atwb_item_title_font_size);margin:5px 0}.timeline_content{overflow:hidden}.timeline_item_area:nth-child(odd)>.timeline_item>.timeline_title{color:var(--atwb_odd_item_title_color)}.timeline_item_area:nth-child(2n)>.timeline_item>.timeline_title{color:var(--atwb_even_item_title_color)}.addtimeline-btn{background-color:#fff;border:1px solid #d3d3d3;color:#000;cursor:copy;font-size:22px;padding:10px 20px}.clearfix{clear:both}.text-center{text-align:center}@media screen and (max-width:768px){.timeline_item_area{padding:0!important}.timeline_aria:before{left:16px}.timeline_item_area:nth-child(2n)>.timeline_date{left:auto}.timeline_item_area:nth-child(2n)>.timeline_date,.timeline_item_area:nth-child(odd)>.timeline_date{right:0;text-align:left;width:calc(100% - 40px)}.timeline_icon{height:32px;left:18px;margin-left:-18px;width:32px}.timeline_item_area:nth-child(2n)>.timeline_item{margin-right:auto}.timeline_item,.timeline_item_area:nth-child(2n)>.timeline_item{box-shadow:none;float:right;padding:5px 1px;width:calc(100% - 30px)}}.animate__animated{animation-duration:1s;animation-duration:var(--atwb_item_animate_duration);animation-fill-mode:both}.animate__animated.animate__infinite{animation-iteration-count:infinite}.animate__animated.animate__repeat-1{animation-iteration-count:1;animation-iteration-count:var(--atwb_item_animate_repeat)}.animate__animated.animate__repeat-2{animation-iteration-count:2;animation-iteration-count:calc(var(--atwb_item_animate_repeat)*2)}.animate__animated.animate__repeat-3{animation-iteration-count:3;animation-iteration-count:calc(var(--atwb_item_animate_repeat)*3)}.animate__animated.animate__delay-1s{animation-delay:1s;animation-delay:var(--atwb_item_animate_delay)}.animate__animated.animate__delay-2s{animation-delay:2s;animation-delay:calc(var(--atwb_item_animate_delay)*2)}.animate__animated.animate__delay-3s{animation-delay:3s;animation-delay:calc(var(--atwb_item_animate_delay)*3)}.animate__animated.animate__delay-4s{animation-delay:4s;animation-delay:calc(var(--atwb_item_animate_delay)*4)}.animate__animated.animate__delay-5s{animation-delay:5s;animation-delay:calc(var(--atwb_item_animate_delay)*5)}.animate__animated.animate__faster{animation-duration:.5s;animation-duration:calc(var(--atwb_item_animate_duration)/2)}.animate__animated.animate__fast{animation-duration:.8s;animation-duration:calc(var(--atwb_item_animate_duration)*.8)}.animate__animated.animate__slow{animation-duration:2s;animation-duration:calc(var(--atwb_item_animate_duration)*2)}.animate__animated.animate__slower{animation-duration:3s;animation-duration:calc(var(--atwb_item_animate_duration)*3)}@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInDown{animation-name:slideInDown}@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInLeft{animation-name:slideInLeft}@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInRight{animation-name:slideInRight}@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInUp{animation-name:slideInUp}
.addtimeline-btn{background-color:#7d5353;border:2px dotted grey;color:#fff;cursor:copy;font-size:18px;padding:4px 7px}.clearfix{clear:both}.text-center{text-align:center}.dashicon-picker-aria{background:#fff;display:none;height:300px;left:50%;margin-left:-150px;max-width:300px;overflow:hidden;padding:20px 10px;position:fixed;top:20%}.dashicon-picker-aria.opend:before{background-color:#00000036;content:"";height:100vh;left:0;position:fixed;top:0;width:100%;z-index:-9}.dashicon-picker-aria.opend{display:block}.dashicon-picker-aria>.icon-picker{background-color:#fff;height:300px;overflow-y:auto;padding:10px 3px}.dashicon-picker-aria>.icon-picker>span.dashicons{cursor:pointer;margin:5px 10px}.dashicon-picker-aria>.icon-picker>span.dashicons:hover{outline:1px solid #000}.dashicon-picker-aria>.icon-picker-close{background:#fff;border:1px solid;color:red;content:"\f335";cursor:pointer;font-size:21px;line-height:18px;padding:1px;position:absolute;right:10px}.remove-timeline-item{border:1px solid #d3d3d3;border-radius:50%;box-shadow:0 0 5px 2px #000;color:red;cursor:pointer;font-size:21px;left:10px;line-height:20px;padding:5px;position:absolute;top:12px}.timeline_item_area:nth-child(2n)>.remove-timeline-item{left:auto;right:10px}