.wrap-archive-page{padding:80px 0}
.archive-page {max-width: 1270px;padding: 0 0;margin: 0 auto}
.archive-page.m-grid{max-width:805px}
.article-box {background-color: #FFF}
.archive-title{line-height: 1.4}
.wrap-title {margin-bottom:8rem}

.wrap-title h1 {
  display: flex;
  align-items: center;
  letter-spacing:3.5px;
  justify-content: center;
  line-height:1.17;
  white-space:nowrap;
}

.wrap-title h1 span {
  position: relative;
  width:100%;
}
.wrap-title h1 span:after {
    content: "";
    position: absolute;
    right: 0;
    width: 90%;
    display: block;
    height: 4px;
    background: var(--orange);
    /* top: 15px; */
}

@media screen and (min-width:1024px) {
.article-box .thumb-holder:after {
    content: "";
    transition:all 0.3s ease;
    background: transparent linear-gradient(180deg, #8badf9 0%, #26459F 100%) 0% 0% no-repeat padding-box;
    mix-blend-mode: hard-light;
    opacity: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}
.article-box:hover .thumb-holder:after{opacity:1}
.article-box:hover .thumb-holder img {transform: scale(1.05)}
.article-box:hover .inner-text .archive-title {color: #26459F}
}

.article-box .inner-text {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}


.pagination a, .pagination span {
    color: #fff;
    text-decoration: none;
    display: block;
    line-height: 1.2;
    transition: all 0.3s ease;
    padding: 2px 8px;
    margin: 0 2px;
}
.pagination {
    margin-top: 8rem;
    text-align: center;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.pagination span {
    color: #FFF;
    background-color: var(--orange);
    border-radius: 100%;
    padding: 2px 8px;
    width: 28px;
}
.arrowpage {
    text-indent: -999999px;
    background-image: url(../imgs/arrow-60.png);
    width: 30px;
    background-position: center;
    background-size: 100%;
    filter: brightness(0) invert(1);
}

.arrowpage.prevpage {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
.post-type-archive-videos .pagination a,
.post-type-archive-videos .pagination span {color: #FFF}

.tax-video .pagination a,
.tax-video .pagination span {color: #FFF}

.tax-video .arrowpage,
.post-type-archive-videos .arrowpage {filter: brightness(0) invert(1)}

@media screen and (min-width:1023px) {
.pagination a:not(.arrowpage):hover{
    color: #FFF;
    background-color: var(--orange);
    border-radius: 100%;
    padding: 2px 8px;
    width: 28px;
}
}

.video-article-link {background-color:#26459F}
/* .video-mask:after{
content:"";
position:absolute;
height: 70%;  
bottom:0;left:0;right:0;
background: transparent linear-gradient(0deg, #FF8600 0%, #80430000 100%) 0% 0% no-repeat padding-box;
opacity: 0.7;  
} */
.mask-article{padding:10px;height:115px}
.video-title{font-size:14px}


.video-mask svg {
    position: absolute;
    bottom: 10px;
    z-index: 1;
    left: 10px;
}


.video-tabs {
    display: flex;
    align-items: center;
    margin-top: 5rem;margin-bottom:5rem;
}.video-tabs li {
    margin-right:10px;
    cursor:pointer;
    font-size: 16px;
    padding: 10px 15px;
    display: block;
    transition: all 0.3s ease;
    background-color: transparent;
    border-radius: 5px;
    line-height: 1;
}
.video-tabs li.activeTab,
.video-tabs li:hover {
    background-color: var(--orange);
}.video-tabs li a {
    text-decoration: none;
}

@media screen and (min-width:1023px) {
.video-article-link:hover .thumb-holder img {transform: scale(1.05)}
.video-article-link:hover .mask-article .video-title,
.video-article-link:hover .mask-article .tax-video{color: var(--orange)!important}
}
.video-article .mask-article date {position: absolute;bottom: 10px}

.padding-inner{padding:1.5rem 3.4rem}


@media screen and (max-width:1023px) {
.wrap-title h1 {font-size:2.7rem;letter-spacing: 3px}
.wrap-title h1 span.border-mobile:after {left: 0;right: initial}
.wrap-archive-page{padding:0 20px}  
.archive-page .wrap-title {margin-bottom: 4rem}
.inner-text .archive-title {line-height: 1.2;min-height: 100px}
.padding-inner{padding:10px 20px}  
.fancybox-slide {padding: 0!important}
  
/* anchor tabs */
.video-tabs.expanded {
    background-color:#00215B;
    border-radius: 5px;
    padding-bottom: 20px;
}
.video-tabs {flex-direction:column;margin-bottom:3rem}  
.video-tabs li{margin:0 auto}
.video-tabs li.activeTab{order:-1;position:relative;width:200px;margin-top: -10px;margin-bottom: 10px;width: auto}
.video-tabs li.activeTab .pure-white {margin-right:20px}
.video-tabs li:not(.activeTab){position:absolute;top:-999em}
.video-tabs li.activeTab:after{width:1px;height:1px;border:6px solid transparent;border-top:6px solid #fff;content:"";position:absolute;right:10%;top:40%;z-index:9999}
.video-tabs.expanded li:not(.active){position:relative;top:auto}
  
}