/*
 * Theme Name: Hub Brussels
 * Description: Theme for Hub Brussels
 * Author: La niche
 * Version: v2.0.2.4
*/

.event_item{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
/*	border: 2px solid #efefef;*/
	background-color: #fff;
	border-radius: 32px 32px 0 32px;
	padding: 30px;
	margin-bottom: 50px;
	transition: all 0.3s ease-in-out;
}

.event_item:hover,
.event_item:focus{
	transform: scale(1.01);
}

.event_item:hover .event_item_title,
.event_item:focus .event_item_title{
	color: #00b2a9;
}

.event_item_content{
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	width: 80%;
}

.event_item_date{
	width: 15%;
}

.event_item_date_arrow{
	padding: 0 5px;
	color: #252929 !important;
}

.event_item_date_arrow svg{
	width: 16px;
	vertical-align: text-top;
}


.event_item_date_arrow svg path{
	fill: #252929;
}

.event_item_cta{
	width: 5%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: space-between;
	align-content: flex-end;
}

.event_item_cta svg{
	width: 20px;
}

.event_item_cta svg path{
	fill: #00b2a9;
}

.event_item_content{

}

.event_item_content_top{
		display: flex;
	flex-wrap: wrap;
}

.event_item_content_bottom{

}

.event_item_title{
	width: 68%;
	color: #000;
	font-family: Archia, sans-serif;
	font-weight: 700;
	font-style: normal;
	transition: color .3s cubic-bezier(.165,.84,.44,1);
/*	color: #252929;*/
	font-size: 1.5rem;
	line-height: 1.2;
	padding-right: 15px;
	
}

.event_item_category_container{
	width: 16%;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	padding-right: 15px;
	padding-left: 20px;
	position: relative;
}

.event_item_category{
	font-family: Roboto, sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #252929 !important;
	font-size: 1rem;
	line-height: 1.2;
/*	color: #5c5f5f !important;
	font-weight: 500;
	line-height: 1.2;*/
}

.event_item_category_container span{
		display: inline-block;
}

.event_item_category_container svg{
	height: 16px;
	vertical-align: text-top;
	display: inline-block;
	margin-right: 5px;
	flex-shrink: 0;
	position: absolute;
	top: 0;
	left: 0;
}

.event_item_category_container svg path{
	fill: #5c5f5f;
}

.event_item_lieu{
	width: 16%;
	font-family: Roboto, sans-serif;
	font-weight: 400;
	font-style: normal;
	color: #252929 !important;
	font-size: 1rem;
	line-height: 1.2;
/*	font-weight: 500;
	line-height: 1.2;*/
	padding-right: 15px;
	display: flex;

}

.event_item_lieu span{
		display: inline-block;
}


.event_item_lieu svg{
	height: 16px;
	vertical-align: text-top;
	display: inline-block;
	margin-right: 5px;
	flex-shrink: 0;
}

.event_item_lieu svg path{
	fill: #5c5f5f;
}

.event_item_excerpt{
/*    margin-top: 20px;*/
    font-family: Roboto, sans-serif;
    font-weight: 400;
    font-style: normal;
    color: #5c5f5f;
    font-size: 1.125rem;
    line-height: 1.5555555556;
    margin-top: 20px;
  }



  .event_item_date_end,
  .event_item_date_start{
    font-family: Archia, sans-serif;
    font-weight: 600;
    font-style: normal;
/*    color: #913d69 !important;*/
		color: #252929;
    font-size: 1rem;
    line-height: 1.75;
}

.event_item_complet{
	color: #cd113f;
	display: block;
	font-size: 16px;
	margin-top: 29px;
	margin-bottom: 20px;
}

.event_item_link{
	text-align: right;
}

	.event_item_complet_single{
		margin-top: 0px;
		margin-bottom: 0px;
		margin: 0 10px !important;
	}

@media screen and (max-width: 1024px){
	.event_item_content{
		width: 95%;
	}
	.event_item_date{
		width: 100%;
	}

	.event_item_cta{
		width: 5%;
	}

	.event_item_complet{
		margin-top: 10px;
		margin-bottom: 0;
	}
	.event_item_title{
		width: 100%;
		margin-bottom: 20px;
		margin-top: 20px;
	}
	.event_item_category_container{
		width: 50%;
	}

	.event_item_lieu{
		width: 50%;
	}

	.event_item_complet_single{
		margin-top: 0px;
		margin-bottom: 0px;
		margin: 0 10px !important;
	}
}

/* Shortcode dates 2 colonnes */

.dates_rep_container{
	column-count: 2;
	column-gap: 50px;
	column-rule: 1px solid #00b2a9;
	
}

.dates_rep_item{
	margin-bottom: 30px;
	break-inside: avoid;
}

.dates_rep_date{
	  font-family: Archia, sans-serif;
    font-weight: 700;
    font-style: normal;
		color: #252929;
    font-size: 1.25rem;
    line-height: 1.1;
    text-transform: capitalize;
    margin-bottom: 10px;
}

.dates_rep_desc{

}


.team-card-excerpt a{
	color: #252929;
	font-weight: 500;
}

.team-card-excerpt a:hover{
	color: #00b2a9;
}

@media screen and (max-width: 640px){
.dates_rep_container{
	column-count: 1;
	column-gap: 0px;
	column-rule: 0px solid #00b2a9;
	
}
}


/* Contact repeat */

.contact_repeat_container{
	display: flex;
	flex-wrap: wrap;
}

.contact_repeat_item{
	display: flex;
	width: calc(50% - 50px);
	margin-right: 50px;
	margin-bottom: 50px;
}



.contact_repeat_image{
	width: 33%;
	margin-right: 30px;
}

.contact_repeat_image img{
	border-radius: 50%;
	width: 100%;
	max-width: 150px;
	object-fit: cover;
	object-position: center;
	aspect-ratio: 1;
	
}

.contact_repeat_texte{
	width: 66%;
}


.contact_repeat_texte h3{
    font-family: Archia, sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #252929;
    font-size: 1.225rem;
    line-height: 1.1;
    margin-bottom: 15px;
}
.contact_repeat_texte .wysiwyg {
	line-height: 1.3;
	margin-bottom: 1rem;
}

.contact_repeat_texte .wysiwyg p{
	margin-bottom: 10px;
}

.contact_repeat_texte .wysiwyg a{
	font-weight: 500;
	color: #252929;
}

.contact_repeat_texte .wysiwyg a:hover{
	color: #00b2a9;
}
.contact_repeat_position{
	line-height: 1.3;
	margin-bottom: 1rem;
}

.contact_repeat_mail{
	color: #252929;
	font-weight: 500;
	font-size: 1rem;
}

.contact_repeat_mail:hover{
	color: #00B2A9;
}

@media screen and (max-width: 1024px){
	.contact_repeat_item{
	width: 100%;
	margin-right: 0px;
	margin-bottom: 50px;
}
.contact_repeat_image{
	margin-right: 30px;
}
.contact_repeat_texte{
	width: 100%;
}
}

/* New header */

.header-top-new{
	justify-content: flex-end;
}


.header_top_container{
	display: flex;
	justify-content: flex-end;
}

.language-switcher{
	display: flex;
	margin-left: 30px;
	margin-right: 30px;
}

.header_item{
	padding: 10px 16px;
	font-family: Archia, sans-serif;
	font-weight: 600;
	font-style: normal;
	display: block;
	color: #5c5f5f;
	font-size: 0.875rem;
	line-height: 1.2;
	text-decoration: none;
}

a.header_item:hover{
	color: #00B2A9;
}

.lang_item a{
	color: #5c5f5f;
}

.lang_item{
	padding: 5px 8px;
	font-family: Archia, sans-serif;
	font-weight: 600;
	font-style: normal;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	color: #5c5f5f !important;
	font-size: 1rem;
	line-height: 1.2;
	text-decoration: none;
}
.lang_item a{
	font-family: Archia, sans-serif;
	font-weight: 600;
	font-style: normal;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	color: #5c5f5f !important;
	font-size: 1rem;
	line-height: 1.2;
	text-decoration: none;
	margin-top: 5px;
}

.lang_item a:hover{
	color: #00B2A9 !important;
}

.header_item{
	position: relative;
	padding-left: 25px;
	margin-right: 10px;
}

.header_adresse:before{
	content: "";
	position: absolute;
	background: url('./static/assets/location.svg') no-repeat;
	width: 15px;
	height: 15px;
	display: inline-block;
	margin-right: 5px;
	top: 10px;
	left: 0;

}

.header_tel:before{
	content: "";
	position: absolute;
	background: url('./static/assets/phone.svg') no-repeat;
	width: 15px;
	height: 15px;
	display: inline-block;
	margin-right: 5px;
	top: 10px;
	left: 0;

}

.header_mail:before{
	content: "";
	position: absolute;
	background: url('./static/assets/mail.svg') no-repeat;
	width: 15px;
	height: 15px;
	display: inline-block;
	margin-right: 5px;
	top: 10px;
	left: 0;

}

.header-bottom{
	border: none !important;
}

/*.header-lang{
	display: none;
}*/

.header-nav{
	padding: 0 !important;
}

.header-logo img {
	width: 200px !important;
	margin-top: -50px;
	max-width: 100% !important;
	max-height: 100% !important;

}

.search_svg{
	width: 20px;
	height: 20px;
	margin-top: 5px;
}

.header-search-trigger:hover svg path{
	fill: #00B2A9;
}

.header-nav-item:last-child a,
.header-nav-item:nth-last-child(2) a{
	padding-right: 0 !important;
}
.header-bottom{
	margin-top: -20px;
}

/* rs header */

.header-socials{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: 15px;
}

.header-socials-item{
    font-size: 0.875rem;
    line-height: 1.2;
    margin-right: 10px;
}

/*.header-socials-item svg{
		height: 1.5rem;
    width: 1.5rem;
}
*/
.header-socials-item i{
	color: #9d9c9c;
}

.header-socials-link:hover i{
	color: #00B2A9;
}

.mobile_menu_infos {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
/*    display: none !important;*/
}

.mobile_menu_infos .header_item:before {
	margin-top: 3px;
}

/* Slider video fix */

@media (min-width: 61.24em) {
	.slider_video #tns1-ow {
		transform: scale(0.66);
		max-height: 500px;
	}
}

@media (min-width: 61.24em) {
	.slider_video .slides-slider-controls-prev,
	.slider_video .slides-slider-controls-next {
		right: 111px;
	}
}

@media (min-width: 80em) {
   .slider_video .slides-slider-controls-prev,
   .slider_video .slides-slider-controls-next {
        right: 145px;
    }
}

/* Jobs */

.jobs_list_container{
	display: flex;
	flex-direction: column;
	border-top: 1px solid #cacaca;
}

.jobs_list_item{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 2rem 0;
	border-bottom: 1px solid #cacaca;
}
.jobs_list_item:hover .jobs_list_title{
	color: #00B2A9;
}

.jobs_list_item:hover .jobs_list_cta svg{
	transform: translateX(10px);
}

.jobs_list_title{
	width: 65%;
	padding-right: 5px;
	color: #000;
	font-family: Archia, sans-serif;
	font-weight: 700;
	font-style: normal;
	transition: color .3s cubic-bezier(.165,.84,.44,1);
	font-size: 1.5rem;
	line-height: 1.2;
}

.jobs_list_contrat{
	width: 15%;
	padding-right: 5px;
	padding-left: 5px;
	font-family: Roboto, sans-serif;
	font-weight: 600;
	font-style: normal;
	color: #5c5f5f;
	font-size: 1rem;
	line-height: 1.75;
}

.jobs_list_lieu{
	width: 15%;
	padding-right: 5px;
	padding-left: 5px;
	font-family: Roboto, sans-serif;
	font-weight: 600;
	font-style: normal;
	color: #5c5f5f;
	font-size: 1rem;
	line-height: 1.75;
}

.jobs_list_cta{
	width: 5%;
}

.jobs_list_cta svg{
	width: 20px;
	transition: all 0.3s ease-in-out;
}

.jobs_list_cta svg path{
	fill: #00b2a9;
}