/*
*
WRAPPER
*
*/

.archive_wrapper {
    flex: 1;
    padding: 0 0 0 10px;
    display: grid;
    grid-gap: 40px 20px;
    width: 100%;
    grid-template-columns: repeat(auto-fit, 350px);
    justify-items: stretch;
    justify-content: space-between;
}

.archive_wrapper:after {
    content: "";
    display: block;
}



@media only screen and (max-width: 1150px) {

} 
@media only screen and (max-width: 480px) {
    .archive_wrapper .archive_card {
        min-width: 270px;
    }
}  




.archive_wrapper * {
    text-decoration: none !important;
}


.title_intro .description a {
    color: inherit;
}

.title_intro .description a span{
    text-decoration: underline;
}
.title_intro .description a span:hover{
    color: #fff;
}



/*PAGINATION*/

.navigation {	
    width: 100%;
    padding: 0 0 110px;
    position: relative;
    grid-column-start: 1;
    grid-column-end: 4;
}

.navigation ul {
    width: 100%;
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: center;
}

.navigation li {
    display: block;
	border-radius: 100px;
	overflow: hidden;
	width: 30px;
	height: 30px;
	margin: 10px;
}
.navigation li a {
    height: 100%;
    width: 100%;
	background: transparent;
	color: var(--dark);
	font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
}

.navigation li.active a, .navigation li a:hover {
    background-color: var(--dark);
	color: #fff;
}

.navigation li.prev, .navigation li.next {
	border-radius: 0;
	width: 140px;
}

.navigation li.prev a, .navigation li.next a {
	background: transparent;
	color: var(--dark);
}






@media only screen and (max-width: 1040px) {

    .navigation {	
    grid-column-end: 3;
}

    .archive_wrapper .archive_card .main > div.overlay {
        display: none;
    }
}    



@media only screen and (max-width: 770px){
.archive_article .page_inner {
    padding: 0 15px 0 10px;
}
}


@media only screen and (max-width: 700px) {
    .archive_wrapper {
    grid-template-columns: repeat(1, 1fr);   
        justify-items: center;
}
.navigation {	
    grid-column-end: 2;
}



}




@media only screen and (max-width: 480px) {

.navigation li.prev, .navigation li.next {
display: none;
}

}


a.elms_actions.edit {
    position: absolute;
    right: 12px;
    bottom: 12px;
    color: var(--dark);
    opacity: 0.3;
}

a.elms_actions.edit {
    opacity: 0.5;
}