.tri-archive-wrapper .tri-archive-article {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row nowrap;
            flex-flow: row nowrap;
    width: 100%;
    background: #f2f2f2;
	margin-bottom: 2rem;
}

.tri-archive-wrapper .tri-archive-article .tri-article-image-wrapper {
    width: 25%;
	position: relative;
}

.tri-archive-wrapper .tri-archive-article .tri-article-image-wrapper .tri-article-image-lien {
    display: block;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.tri-archive-wrapper .tri-archive-article .tri-article-image-wrapper .tri-article-image-lien > .tri-article-image.wp-post-image {
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    left: 50%;
    height: 100%;
    width: auto;
    max-width: unset;
	vertical-align: top;
}

.tri-archive-wrapper .tri-archive-article .tri-article-details {
    width: 75%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 20px;
}

.tri-archive-wrapper .tri-archive-article .tri-article-details > p {
    padding: 0;
    margin-bottom: 0.5rem;
	font-size: 14px;	
	color: #747474;
}

.tri-archive-wrapper .tri-archive-article .tri-article-details a,
.tri-archive-wrapper .tri-archive-article .tri-article-details a:hover,
.tri-archive-wrapper .tri-archive-article .tri-article-details a:active {
	color: #333333;
	font-size: 18px;
	font-weight: 700;
}

.tri-archive-wrapper .tri-archive-article .tri-article-details .tri-article-category {
    margin-top: -20px;
   /* margin-left: -20px;*/
    padding: 5px 10px;
    margin-bottom: 20px;
    background: gray;
    display: inline-block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: white;
}


.tri-archive-wrapper .tri-archive-article .tri-article-details .tri-article-titre,
.tri-archive-wrapper .tri-archive-article .tri-article-details .tri-article-titre > a {
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0.5rem;
    padding: 0;
}

.tri-archive-wrapper .tri-archive-article .tri-article-details .tri-article-meta {
    font-size: 14px;
}

.tri-archive-wrapper .tri-archive-article .tri-article-details .tri-article-meta > span {
    margin-right: 1rem;
}

.tri-archive-wrapper .tri-archive-article .tri-article-details .tri-article-meta > span > i {
    margin-right: 0.25rem;
}

.tri-archive-wrapper .tri-archive-article .tri-article-details .tri-article-desc {
    font-size: 16px;
    line-height: 1.5;
}

.tri-archive-wrapper .tri-archive-article .tri-article-details .tri-article-author {
    margin-top: auto;
    margin-bottom: 1rem;
	font-weight: 700;
}

.tri-archive-wrapper .tri-archive-article .tri-article-details a.tri-article-lire-suite {
    margin-bottom: 0;
    margin-top: auto;
}

.tri-archive-wrapper .tri-archive-article .tri-article-details .tri-article-author ~ .tri-article-lire-suite {
    margin-top: 0;
}


/* Category colors */
.tri-archive-wrapper .tri-archive-article.tri-article-category-technologies-vertes .tri-article-category,
.tri-archive-wrapper .tri-archive-article.tri-article-category-technologies-vertes-evenements .tri-article-category {
    background: #afd969;
}

.tri-archive-wrapper .tri-archive-article.tri-article-category-transformation-alimentaire .tri-article-category,
.tri-archive-wrapper .tri-archive-article.tri-article-category-transformation-alimentaire-evenements .tri-article-category {
    background: #df346e;
}

.tri-archive-wrapper .tri-archive-article.tri-article-category-force-ti .tri-article-category,
.tri-archive-wrapper .tri-archive-article.tri-article-category-force-ti-evenements .tri-article-category {
    background: #1993ca;
}

.tri-archive-wrapper .tri-archive-article.tri-article-category-services-industriels .tri-article-category,
.tri-archive-wrapper .tri-archive-article.tri-article-category-services-industriels-evenements .tri-article-category {
    background: #634c9e;
}

.tri-archive-wrapper .tri-archive-article.tri-article-category-creneau-design-dameublement .tri-article-category,
.tri-archive-wrapper .tri-archive-article.tri-article-category-creneau-design-dameublement-evenements .tri-article-category {
    background: #f6823a;
}

.tri-archive-wrapper .tri-archive-article.tri-article-category-fonds-ecoleader .tri-article-category,
.tri-archive-wrapper .tri-archive-article.tri-article-category-fonds-ecoleader-evenements .tri-article-category {
    background: #fac364;
}



/* Responsive stylings */
@media (max-width: 980px) {
    .tri-archive-wrapper .tri-archive-article .tri-article-details {
        padding: 10px;
    }

    .tri-archive-wrapper .tri-archive-article .tri-article-details > p {
        font-size: 12px;
    }
	
    .tri-archive-wrapper .tri-archive-article .tri-article-details .tri-article-category {
        margin-top: -10px;
        margin-left: -10px;
        margin-bottom: 10px;
    }

    .tri-archive-wrapper .tri-archive-article .tri-article-details .tri-article-titre, .tri-archive-wrapper .tri-archive-article .tri-article-details .tri-article-titre > a {
        font-size: 18px;
    }

    .tri-archive-wrapper .tri-archive-article .tri-article-details .tri-article-desc {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .tri-archive-wrapper .tri-archive-article {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
    }

    .tri-archive-wrapper .tri-archive-article .tri-article-image-wrapper {
        width: 100%;
    }

    .tri-archive-wrapper .tri-archive-article .tri-article-image-wrapper .tri-article-image-lien {
        padding: 0;
		position: relative;
		text-align: center;
    }

    .tri-archive-wrapper .tri-archive-article .tri-article-image-wrapper .tri-article-image-lien > .tri-article-image.wp-post-image {
        position: relative;
        top: unset;
        left: unset;
        -webkit-transform: none;
            -ms-transform: none;
                transform: none;
        max-width: 100%;
        height: auto;
        vertical-align: top;
        margin: auto;
        max-height: 50vh;
        margin-bottom: 1rem;
    }

    .tri-archive-wrapper .tri-archive-article .tri-article-details {
        width: 100%;
    }
}


/* Filter */
.tri-member-list-wrapper,
.tri-archive-filter-wrapper .tri-archive-section {
    margin-bottom: 2rem;
}

.tri-member-list-wrapper .tri-member-list-titre,
.tri-archive-filter-wrapper .tri-filtre-titre {
	display: block;
	color: #474747;
    background-image: -webkit-gradient(linear,left top,right top,from(#fcb040),to(#ffffff));
    background-image: -o-linear-gradient(left,#fcb040 0%,#ffffff 100%);
    background-image: linear-gradient(90deg,#fcb040 0%,#ffffff 100%);
    margin-bottom: 1em;
    line-height: 1.5;
    padding: 10px 15px;	
    font-size: 15px;
    font-family: 'Raleway',Helvetica,Arial,Lucida,sans-serif;
    font-weight: 700;
}

.tri-archive-filter-wrapper .tri-archive-categorie-liste {
	padding: 0;
	list-style-type: none;
	margin-left: 5px;
}

.tri-archive-filter-wrapper .tri-archive-categorie-liste .tri-archive-categorie-item {
    margin-bottom: 0.25rem;
}

.tri-archive-filter-wrapper .tri-archive-categorie-item label {
    cursor: pointer;
    font-weight: 600;
    vertical-align: middle;
    line-height: 1;
}

.tri-archive-filter-wrapper .tri-archive-categorie-item label > input[type=checkbox] {
    cursor: pointer;
    margin: 0;
    margin-right: 0.5rem;
    -webkit-appearance: none;
    background: white;
    border: 1px solid #fcb040;
    box-shadow: 0 1px 2px #fcb04088;
    width: 13px;
    height: 13px;
    display: inline-block;
}

.tri-archive-filter-wrapper .tri-archive-categorie-item label > input[type=checkbox]:checked {
    background: #fcb040;
    border: 1px solid #fcb040;
    box-shadow: 0 1px 2px #fcb040;
}

.tri-archive-filter-wrapper .tri-archive-categorie-item label:hover > input[type=checkbox] {
    background: #fcb040;
    border: 1px solid #fcb040;
    box-shadow: 0 1px 2px #fcb040, inset 0 0 1px 2px white;
}

.tri-archive-filter-wrapper .tri-archive-categorie-item label:hover > span {
    border-bottom: 1px solid black;
}

.tri-archive-filter-wrapper .tri-archive-categorie-item label > input[type=checkbox]:checked + span {
    /* border-bottom: 1px solid black; */
}



/* University Child-specific colors */
.parent-pageid-5031 .tri-members-dropdown-list {
    border: 1px solid #e30513;
}

/* U-Laval */
.tri-member-list-wrapper .form-filtre-archive.ulaval .tri-member-list-titre,
.tri-archive-filter-wrapper .form-filtre-archive.ulaval .tri-filtre-titre {
    background-image: -webkit-gradient(linear,left top,right top,from(#e30513),to(#ffffff));
    background-image: -o-linear-gradient(left,#e30513 0%,#ffffff 100%);
    background-image: linear-gradient(90deg,#e30513 0%,#ffffff 100%);
    color: white;
}

.tri-archive-filter-wrapper .form-filtre-archive.ulaval .tri-archive-categorie-item label > input[type=checkbox] {
    border: 1px solid #e30513;
    box-shadow: 0 1px 2px #e3051388;
}

.tri-archive-filter-wrapper .form-filtre-archive.ulaval .tri-archive-categorie-item label > input[type=checkbox]:checked {
    background: #e30513;
    border: 1px solid #e30513;
    box-shadow: 0 1px 2px #e30513;
}

.tri-archive-filter-wrapper .form-filtre-archive.ulaval .tri-archive-categorie-item label:hover > input[type=checkbox] {
    background: #e30513;
    border: 1px solid #e30513;
    box-shadow: 0 1px 2px #e30513, inset 0 0 1px 2px white;
}

.tri-archive-filter-wrapper .form-filtre-archive.ulaval a.tri-archive-reset {
    color: #e30513;
}


/* UQAM */
.tri-member-list-wrapper .form-filtre-archive.uqam .tri-member-list-titre,
.tri-archive-filter-wrapper .form-filtre-archive.uqam .tri-filtre-titre {
    background-image: -webkit-gradient(linear,left top,right top,from(#0a55a3),to(#ffffff));
    background-image: -o-linear-gradient(left,#0a55a3 0%,#ffffff 100%);
    background-image: linear-gradient(90deg,#0a55a3 0%,#ffffff 100%);
    color: white;
}

.tri-archive-filter-wrapper .form-filtre-archive.uqam .tri-archive-categorie-item label > input[type=checkbox] {
    border: 1px solid #0a55a3;
    box-shadow: 0 1px 2px #0a55a388;
}

.tri-archive-filter-wrapper .form-filtre-archive.uqam .tri-archive-categorie-item label > input[type=checkbox]:checked {
    background: #0a55a3;
    border: 1px solid #0a55a3;
    box-shadow: 0 1px 2px #0a55a3;
}

.tri-archive-filter-wrapper .form-filtre-archive.uqam .tri-archive-categorie-item label:hover > input[type=checkbox] {
    background: #0a55a3;
    border: 1px solid #0a55a3;
    box-shadow: 0 1px 2px #0a55a3, inset 0 0 1px 2px white;
}

.tri-archive-filter-wrapper .form-filtre-archive.uqam a.tri-archive-reset {
    color: #0a55a3;
}


/* UQAC */
.tri-member-list-wrapper .form-filtre-archive.uqac .tri-member-list-titre,
.tri-archive-filter-wrapper .form-filtre-archive.uqac .tri-filtre-titre {
    background-image: -webkit-gradient(linear,left top,right top,from(#6b8915),to(#ffffff));
    background-image: -o-linear-gradient(left,#6b8915 0%,#ffffff 100%);
    background-image: linear-gradient(90deg,#6b8915 0%,#ffffff 100%);
    color: white;
}

.tri-archive-filter-wrapper .form-filtre-archive.uqac .tri-archive-categorie-item label > input[type=checkbox] {
    border: 1px solid #6b8915;
    box-shadow: 0 1px 2px #6b891588;
}

.tri-archive-filter-wrapper .form-filtre-archive.uqac .tri-archive-categorie-item label > input[type=checkbox]:checked {
    background: #6b8915;
    border: 1px solid #6b8915;
    box-shadow: 0 1px 2px #6b8915;
}

.tri-archive-filter-wrapper .form-filtre-archive.uqac .tri-archive-categorie-item label:hover > input[type=checkbox] {
    background: #6b8915;
    border: 1px solid #6b8915;
    box-shadow: 0 1px 2px #6b8915, inset 0 0 1px 2px white;
}

.tri-archive-filter-wrapper .form-filtre-archive.uqac a.tri-archive-reset {
    color: #6b8915;
}


/* Satellite Universities */
.tri-member-list-wrapper .form-filtre-archive.universites-satellites .tri-member-list-titre,
.tri-archive-filter-wrapper .form-filtre-archive.universites-satellites .tri-filtre-titre {
    background-image: -webkit-gradient(linear,left top,right top,from(#7a73b5),to(#ffffff));
    background-image: -o-linear-gradient(left,#7a73b5 0%,#ffffff 100%);
    background-image: linear-gradient(90deg,#7a73b5 0%,#ffffff 100%);
    color: white;
}

.tri-archive-filter-wrapper .form-filtre-archive.universites-satellites .tri-archive-categorie-item label > input[type=checkbox] {
    border: 1px solid #7a73b5;
    box-shadow: 0 1px 2px #7a73b588;
}

.tri-archive-filter-wrapper .form-filtre-archive.universites-satellites .tri-archive-categorie-item label > input[type=checkbox]:checked {
    background: #7a73b5;
    border: 1px solid #7a73b5;
    box-shadow: 0 1px 2px #7a73b5;
}

.tri-archive-filter-wrapper .form-filtre-archive.universites-satellites .tri-archive-categorie-item label:hover > input[type=checkbox] {
    background: #7a73b5;
    border: 1px solid #7a73b5;
    box-shadow: 0 1px 2px #7a73b5, inset 0 0 1px 2px white;
}

.tri-archive-filter-wrapper .form-filtre-archive.universites-satellites a.tri-archive-reset {
    color: #7a73b5;
}






/* New testing */

.tri-archive-filter-wrapper .tri-archive-section:not(.no-collapse) .tri-ellipses {
	display: none;
	cursor: pointer;
}

.tri-archive-filter-wrapper .tri-archive-section:not(.no-collapse):not(.filtre-ouvert) .tri-ellipses {
    display: block;
}

.tri-archive-filter-wrapper .tri-archive-section:not(.no-collapse) .tri-filtre-titre {
    position: relative;
    cursor: pointer;
}

.tri-archive-filter-wrapper .tri-archive-section:not(.no-collapse) .tri-filtre-titre:after {
    content: "\f0da";
    color: white;
    font-family: 'Font Awesome 5 Pro';
    font-size: 16px;
    line-height: 22px;
    text-align: center;
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    background: #fcb040;
    border-radius: 50%;
    top: 50%;
    right: 1em;
    transform: translateY(-50%);
}

/* University specific colorings */
.tri-archive-filter-wrapper .form-filtre-archive.ulaval .tri-archive-section .tri-filtre-titre:after {
    background: #e30513;
}
.tri-archive-filter-wrapper .form-filtre-archive.uqam .tri-archive-section .tri-filtre-titre:after {
    background: #0a55a3;
}
.tri-archive-filter-wrapper .form-filtre-archive.uqac .tri-archive-section .tri-filtre-titre:after {
    background: #6b8915;
}
.tri-archive-filter-wrapper .form-filtre-archive.universites-satellites .tri-archive-section .tri-filtre-titre:after {
    background: #7a73b5;
}


.tri-archive-filter-wrapper .tri-archive-section:not(.no-collapse).filtre-ouvert .tri-filtre-titre:after {
    content: "\f0d8";
}

.tri-archive-filter-wrapper .tri-archive-section:not(.no-collapse) li.tri-archive-categorie-item {
    display: none;
}

/* Pre-load some filtres to get the ball started */
.tri-archive-filter-wrapper .tri-archive-section:not(.no-collapse):not(.filtre-ouvert):not(.possede-selections) li.tri-archive-categorie-item:not(.selectionne):nth-child(1),
.tri-archive-filter-wrapper .tri-archive-section:not(.no-collapse):not(.filtre-ouvert):not(.possede-selections) li.tri-archive-categorie-item:not(.selectionne):nth-child(2),
.tri-archive-filter-wrapper .tri-archive-section:not(.no-collapse):not(.filtre-ouvert):not(.possede-selections) li.tri-archive-categorie-item:not(.selectionne):nth-child(3) {
    display: block;   
}

.tri-archive-filter-wrapper .tri-archive-section:not(.no-collapse) li.tri-archive-categorie-item.selectionne,
.tri-archive-filter-wrapper .tri-archive-section:not(.no-collapse).filtre-ouvert li.tri-archive-categorie-item {
    display: block;
}

.tri-archive-filter-wrapper .tri-archive-section:not(.no-collapse).filtre-ouvert .tri-archive-categorie-liste {
    max-height: 200px;
    overflow-x: hidden;
    overflow-y: auto;
}