.archive{
    
}

.archive #archives{
    
}
.archive #archives ul li{
    list-style-type:none;
}
.archive #archives ul li h3 a{
    word-break: break-word;
}
.archive #archives ul li .img{
    position:relative;
}
.archive #archives ul li .img .play{
    max-width: 10rem;
    max-height: 10rem;
    width:10vw;
    height:10vw;
    border: 2px solid #f0ece5;
    border-radius: 50%;
    position: absolute;
    display: inline-block;
    top: 30%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
}
.archive #archives ul.col4 li .img .play,
.archive #archives ul.col-full li .img .play{
    top: 50%;
}
.archive #archives ul li.video .img .play::after{
    content: url(../img/play-arrow.svg);
    position: absolute;
    top: 50%;
    left: 55%;
    -webkit-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    width: 25%;
    height: auto;
}
.archive #archives ul.col2{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
}
.archive #archives ul.col2 li{
    width:calc(50% - 3rem);
    position:relative;
}
.archive #archives ul.col2 li:not(:last-child){
    
}
.archive #archives ul.col2 li img{
    display:block;
    width:100%;
}
.archive #archives ul.col2 li .content{
    background-color: #fff;
    padding: 3rem 0 3rem 2rem;
   /* position: relative;*/
    /*margin: -20rem 0 0 auto;*/
    
}
.archive #archives ul.col2 li .content .cat-title{
    
}
.archive #archives ul.col2 li .content h3{
   font-size:3rem;
   font-weight:bold;
   line-height: 1.2;
   margin-bottom:2rem;
}
.archive #archives ul.col2 li .content p{
    font-size:1.9rem;
    line-height:1.3;
}
.archive #archives ul.col4{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.archive #archives ul.col4 li{
    width:calc(25% - 5.5rem);
}
.archive #archives ul.col4 li:not(:last-child){
   margin-right: 7.3rem;
}
.archive #archives ul.col4 li img{
    display:block;
    width:100%;
    margin-bottom:3rem;
}
.archive #archives ul.col4 li .content{
    
}
.archive #archives ul.col4 li .content .cat-title{
    font-size:1.3rem;
}
.archive #archives ul.col4 li .content h3{
    font-size: 2.2rem;
    font-weight:bold;
    line-height: 1.2;
    margin-bottom:2.5rem;
}
.archive #archives ul.col4 li .content p{
    
}


.archive #archives ul.col-full li{
     display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap:wrap;
        flex-wrap:wrap;
}
.archive #archives ul.col-full li .img{
    display:block;
    width:calc(50% - 2.5rem);
    margin-bottom:3rem;
}
.archive #archives ul.col-full li .img img{
    display: block;
    width:100%;
}
.archive #archives ul.col-full .content{
    width:calc(50% - 3.5rem);
}
.archive #archives ul.col-full .content .cat-title{
    font-size:1.8rem;
}
.archive #archives ul.col-full .content h3{
    font-size:3rem;
    font-weight:bold;
    line-height: 1.2;
    margin-bottom:2.5rem;
}
.archive #archives ul.col-full .content p{
    font-size:1.9rem;
}



.wp-pagenavi {
	clear: both;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border:none;
	padding:0;
	margin: 1.5rem;
    font-size:4.1rem;
    color:var(--alpha-text-color);
    width: .6em;
    opacity:1;
    display: inline-block;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.wp-pagenavi a:hover{
    opacity:.5;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
    color:var(--alpha-text-color);
}

.wp-pagenavi span.current {
	font-weight:bold;
}
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink{
    display:inline-block;
    height:6.5rem;
    width:2rem;
    text-indent:-9999px;
    overflow:hidden;
    background-position:center;
    background-size:contain;
    background-repeat:no-repeat;
}

.wp-pagenavi .nextpostslink{
    background-image:url(../img/pagination-next.svg);
}

.wp-pagenavi .previouspostslink{
     background-image:url(../img/pagination-prev.svg);
}