/* //////////////// CSS - POSTS ARCHIVE & TAXONOMY PAGE //////////////// */
 
/* ////////////////////////////////////////////// BODY */



/*///////////////////////////////////////////// HEADER */


body.archive .archive-header {
	display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: calc( var(--margindesktop) * 2) calc( ( 100% - var(--widthdesktop) ) / 2 );
    background-size: cover;
    background-position: center;
    color: #ffffff;
    text-align: center;
    background-color: var(--purple);
}

body.archive .archive-header:has(:not(p)) h1{
	margin-bottom: unset;
}

/*///////////////////////////////////////////// FOOTER */


/*///////////////////////////////////////////// CONTAINER */

body.archive .content-archive{
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: row;
}

body.archive .content-archive .archive-content {
    width: calc( 100% - 480px );
    padding-left: calc( ( ( 100vw - 480px) - var(--widthdesktop) ) / 2 );
    padding-right: calc( ( ( 100vw - 480px) - var(--widthdesktop) ) / 2 );
    padding-top: calc( var(--margindesktop) * 2);
    padding-bottom: calc( var(--margindesktop) * 2);
}

body.archive.post-type-archive-vacancies .content-archive .archive-content {
	background-color: var(--grey);		
}	
	
@media (max-width:  1760px) {
body.archive .content-archive .archive-content {
    padding-left: var(--margindesktop);
    padding-right: var(--margindesktop);
}       
}

/* SEARCHFILTER */

body.archive .content-archive .archive-sidebar h2 {
	color: var(--purple);
}

body.archive .content-archive .archive-sidebar {
    max-width: unset!important;
    width: 480px;
    padding: var(--margindesktop);
    display: flex;
    flex-direction: column;
    position: sticky;
    position: -webkit-sticky;
	background-color: var(--grey);
}

body.archive.post-type-archive-vacancies .content-archive .archive-sidebar {
	background-color: var(--white);
}

body.archive .content-archive .archive-sidebar .searchandfilter ul {
    display: flex;
    flex-wrap: wrap;
}

body.archive .content-archive .archive-sidebar .searchandfilter ul li {
    padding: unset;
    width: 100%;
}

body.archive .content-archive .archive-sidebar .searchandfilter label {
    width: 100%;
}

/*

body.archive .content-archive .archive-sidebar .searchandfilter ul li.sf-field-reset {
    width: calc( 50% - calc( var(--margindesktop) / 4) );
	margin-right: calc( var(--margindesktop) / 4);
    display: flex;
    justify-content: flex-start;
	align-items: center;
}


body.archive .content-archive .archive-sidebar .searchandfilter ul li.sf-field-submit {
    width: calc( 50% - calc( var(--margindesktop) / 4) );
    display: flex;
    justify-content: flex-end;
	align-items: center;
}

@media (max-width: 475px) {
body.archive .content-archive .archive-sidebar .searchandfilter ul li.sf-field-reset {
    width: 100%;
	margin-right: unset;
	margin-bottom: calc( var(--margindesktop) / 2);
}

body.archive .content-archive .archive-sidebar .searchandfilter ul li.sf-field-submit {
    width: 100%;
	margin-left: unset;

}	
}

body.archive .content-archive .archive-sidebar .searchandfilter ul li.sf-field-reset a {
    background-color: var(--blue-dark);
    border: 1px solid var(--blue-dark);
    height: 40px;
    width: 100%;
    color: #ffffff;
    font-size: 16px;
    transition: var(--transition);
}

body.archive .content-archive .archive-sidebar .searchandfilter ul li.sf-field-reset a:hover {
    cursor: pointer;
    background-color: #ffffff;
    color: var(--blue-dark);
}

body.archive .content-archive .archive-sidebar .searchandfilter ul li.sf-field-submit input {
    margin-bottom: unset;
	width: 100%;
}

*/

/* TBC @media (max-width: 1280px) { */
@media (max-width: 1600px) {
body.archive .content-archive .archive-sidebar    {
    width: 320px;
}
body.archive .content-archive .archive-content {
    width: calc( 100% - 320px );
}
}


/* TBC @media (max-width: 768px) { */
@media (max-width: 975px) {
body.archive .content-archive {
    flex-direction: column;
}
body.archive .content-archive .archive-sidebar,
body.archive .content-archive .archive-content {
    width: 100%;
}
}

body.archive .content-archive .archive-content .view-mode-switch {
    padding: calc(var(--margindesktop) / 2) 0;
    margin: calc(var(--margindesktop) / 2) 0;
    border-bottom: 2px solid var(--grey);
}

/*///////////////////////////////////////////// LOOP VIEW MODE GRID */

body.archive .content-archive .archive-content .archive-content-results.grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: var(--margindesktop); 
}

body.archive .content-archive .archive-content .archive-content-results.grid .article-item-grid {
    display: flex;
    flex-direction: column;
	justify-content: space-between;
	background-color: var(--grey);
}


body.archive.post-type-archive-vacancies .content-archive .archive-content .archive-content-results.grid .article-item-grid {
    flex-direction: unset;
}

body.archive.post-type-archive-insights .content-archive .archive-content .archive-content-results.grid .article-item-grid {
    flex-direction: column;
}



body.archive .content-archive .archive-content .archive-content-results.grid .article-item-grid .article-item-grid-info-group {
    padding: calc(var(--margindesktop) / 2);
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
}


body.archive.post-type-archive-vacancies .content-archive .archive-content .archive-content-results.grid .article-item-grid {
	background-color: var(--white);
}


body.archive .content-archive .archive-content .archive-content-results.grid .article-item-grid  .article-item-grid-info-group {
    padding: calc( var(--margindesktop) / 2);
}


body.archive .content-archive .archive-content .archive-content-results.grid .article-item-grid > :not(:last-child) {
    margin-bottom: calc( var(--margindesktop) / 2);
}

body.archive .content-archive .archive-content .archive-content-results.grid .article-item-grid  h2.article-item-grid-info-title,
body.archive .content-archive .archive-content .archive-content-results.grid .article-item-grid  h2.article-item-grid-info-title a {
	font-size: 18px;
    color: var(--blue-dark);
}

body.archive .content-archive .archive-content .archive-content-results.grid .article-item-grid  img.article-item-grid-image {
    aspect-ratio: 3/2;
    margin: unset;
    object-fit: cover;
	width: 100%;
}

body.archive .content-archive .archive-content .archive-content-results.grid .article-item-grid .article-item-grid-buttons {
    display: flex;
    width: 100%;
    align-items: center;
}

body.archive .content-archive .archive-content .archive-content-results.grid .article-item-grid .article-item-grid-buttons > div {
    width: 100%;
}

body.archive .content-archive .archive-content .archive-content-results.grid .article-item-grid .article-item-grid-buttons .article-item-grid-buttons-right {
    text-align: center;
}

body.archive .content-archive .archive-content .archive-content-results.grid .article-item-grid .article-item-grid-buttons i {
    margin-right: calc( var(--margindesktop) / 4);
}

@media (max-width: 1280px) {
body.archive .content-archive .archive-content .archive-content-results.grid {
    grid-template-columns: repeat(2, 1fr);
}
}

@media (max-width: 675px) {
body.archive .content-archive .archive-content .archive-content-results.grid {
    grid-template-columns: repeat(1, 1fr);
}
}

/*///////////////////////////////////////////// LOOP VIEW MODE LIST */

body.archive .content-archive .archive-content .archive-content-results.list .article-item-list {
    display: flex;
    width: 100%;
    justify-content: space-between;
    margin-bottom: calc( var(--margindesktop) / 2);
    border-bottom: 1px solid var(--grey-light);
    padding-bottom: calc( var(--margindesktop) / 1);
    flex-direction: column;
}

body.archive .content-archive .archive-content .archive-content-results.list .article-item-list:last-child {
    border-bottom: unset;
}


body.archive .content-archive .archive-content .archive-content-results.list .article-item-list-description {
    margin-bottom: calc(var(--margindesktop) / 2);
	line-height: 1.4;
}

body.archive .content-archive .archive-content .archive-content-results.list .article-item-list .article-item-list-buttons {
    display: flex;
    align-items: center;
}

body.archive .content-archive .archive-content .archive-content-results.list .article-item-list .article-item-list-buttons i {
    margin-right: calc( var(--margindesktop) / 4);
}

body.archive .content-archive .archive-content .archive-content-results.list .article-item-list .article-item-list-buttons .article-item-list-buttons-right {
    margin-left: var(--margindesktop);
}

body.archive .content-archive .archive-content .archive-content-results.list .article-item-list  h2.article-item-list-info-title,
body.archive .content-archive .archive-content .archive-content-results.list .article-item-list  h2.article-item-list-info-title a {
    color: var(--blue-dark);
}

@media (max-width: 975px) {
body.archive .content-archive .archive-content .archive-content-results.list .article-item-list {
    flex-direction: column;
}
body.archive .content-archive .archive-content .archive-content-results.list .article-item-list .article-item-list-buttons {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}
}