.blog-archive-main-section{background-color:var(--blog-archive-bg);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.blog-acrhive-header-section{box-sizing:border-box;justify-content:center;align-items:center;width:100%;max-width:1600px;height:fit-content;padding:160px 20px 90px;display:flex}.blog-archive-header-box{flex-direction:column;justify-content:space-between;padding-left:20px;display:flex;position:relative}.blog-archive-header-text{margin:0;font-size:clamp(60px,4vw,90px);font-weight:500;line-height:clamp(60px,4vw,90px)}.blog-archive-post-amount{visibility:hidden;opacity:0;margin:0;font-size:clamp(28px,1.6vw,40px);transition:visibility,opacity .2s ease-in-out}.blog-archive-post-amount.fade-in{visibility:visible;opacity:1}.ref-main-header h1{height:fit-content;margin:0;font-size:clamp(60px,4vw,90px);line-height:clamp(60px,4vw,90px);position:relative}.ref-main-header h2{margin:0;font-size:clamp(28px,1.6vw,40px)}.ref-amount-blog-wrapper{flex-direction:row;width:100%;height:fit-content;display:flex}.ref-total-text.archive{opacity:1;margin:0;font-weight:400;transition:opacity .5s ease-in-out,transform .5s}.ref-total-text span{margin-right:8px!important}.archive-type-posts{cursor:default!important}.blog-acrhive-posts-section{justify-content:center;align-items:center;width:100%;height:fit-content;display:flex}.archive-row-seperator{pointer-events:none;cursor:default;background-color:#333;height:1px}.blog-archive-posts-section{justify-content:center;align-items:center;width:100%;height:fit-content;margin-bottom:100px;display:flex}.blog-archive-container{box-sizing:border-box;flex-direction:column;width:100%;max-width:1600px;padding-left:20px;padding-right:20px;display:flex}.blog-archive-type-row{justify-content:center;align-items:center;height:40px;padding-bottom:40px;display:flex}.blog-archive-type-box{justify-content:center;width:25%;display:flex}.blog-archive-type-text{text-transform:uppercase;cursor:pointer;background:0 0;border:none;margin:0;font-size:15px;font-weight:400;color:var(--blog-archive-header-color)!important}.archive-type-year{flex-direction:row;display:flex;transition:color .15s ease-in-out!important}.archive-type-year:hover{color:var(--blog-archive-header-color-hover)!important}.batb-year-sort{border-left:5px solid #0000;border-right:5px solid #0000;border-bottom:10px solid var(--blog-archive-header-color);width:0;height:0;position:relative;left:9px}.batb-latest{top:5px!important}.batb-oldest{transform:rotate(180deg);top:5px!important}.archive-type-month{padding-left:30px}.archive-row-link{cursor:default;cursor:pointer;background-color:var(--blog-archive-row-item-bg);width:100%;height:fit-content;margin-bottom:10px;text-decoration:none}.blog-archive-row{cursor:pointer;border-top:var(--blog-category-line-bg);border-left:var(--blog-category-line-bg);border-right:var(--blog-category-line-bg);background:0 0;border-bottom:none;justify-content:center;align-items:center;width:100%;height:90px;margin-bottom:20px;display:flex;position:relative}.blog-archive-row.active{background-color:var(--blog-archive-row-active)}.blog-archive-row:hover{background-color:var(--blog-archive-row-hover);animation:3s ease-in-out forwards fade}.blog-archive-row:hover .blog-archive-dropdown-img-box{opacity:1}.blog-archive-value{width:25%}.blog-archive-value-text{justify-content:center;margin:0;font-weight:500;display:flex;position:relative}.blog-date-month{justify-content:center;display:flex}.archive-value-month{width:fit-content;padding-left:30px}.blog-archive-dropdown-list{cursor:default;flex-direction:column;height:fit-content;margin-bottom:15px;padding:0;list-style:none;display:flex}.blog-archive-item{color:var(--blog-archive-item-color);width:fit-content;margin:0;font-size:19px;font-weight:400;list-style:none;position:relative}.blog-archive-item:before{content:"";background-color:var(--blog-archive-item-hover);transform-origin:bottom;width:100%;height:1px;position:absolute;bottom:-1.5px;left:0;transform:scaleY(0)}.archive-row-link:hover .blog-archive-item{color:var(--blog-archive-item-hover)}.archive-row-link:hover .blog-archive-item:before{transform:scaleY(1.2)}.blog-archive-dropdown-img-box{opacity:1;border-top:10px solid #0000;border-bottom:10px solid #0000;border-left:10px solid #f1f1f1;width:0;height:0;transition:opacity .3s ease-in;position:absolute;left:5%;transform:rotate(90deg)}.archive-row-seperator-loader{pointer-events:none;cursor:default;box-sizing:border-box;background-color:#333;width:100%;height:1px}.blog-archive-row-loader{box-sizing:border-box;width:100%;height:90px;padding:10px}.blog-archive-gradient-loader{background:var(--pei-image-gradient);background-size:200% 100%;border-top-right-radius:20px;border-bottom-left-radius:20px;width:100%;height:100%;animation:3s infinite gradient-animation}@keyframes gradient-animation{0%{background-position:200% 0}to{background-position:-200% 0}}.archive-row-link-wrapper{box-sizing:border-box;width:100%;height:fit-content;padding:20px}@media (max-width:1000px){.blog-archive-dropdown-list{padding-left:0;padding-right:0}.blog-archive-item{font-size:18px}.blog-archive-type-text,.blog-archive-value-text{padding-left:0}}@media (max-width:530px){.blog-archive-type-text{font-size:clamp(8px,3.5vw,13px)}.blog-archive-value-text{font-size:14px}.batb-year-sort{border-left:4px solid #0000;border-right:4px solid #0000;border-bottom:9px solid var(--blog-archive-header-color);top:4px!important}}@media (max-width:400px){.blog-archive-type-text{font-size:11px}.blog-archive-value-text{font-size:13px}.batb-year-sort{top:4px!important}}.blog-archive-list-wrapper{flex-direction:column;display:flex}.reverse-archive-year{flex-direction:column-reverse}