/* COMMUNICATION - COMMON */
.intro .title {
	display:inline-block;
}

.intro .description .cont {
	margin-top:2em;
}

/* SPECIFIC */

/* TABS */
.tabs {
	font-size:1.25em;
	font-family:'jm';
	margin-bottom:2em;
	/**/
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	justify-content:space-between;
	align-items:flex-start;
	align-content:flex-start;
}

.tabs .tab {
	width:calc(50% - 8px);
	height:74px;	/*49*/
	box-sizing:border-box;
	padding:25px 35px 26px 52px;
	background-color:#B0B0B0;
	color:#000;
	cursor:pointer;
	-webkit-transition:background-color 250ms ease;
	transition:background-color 250ms ease;
}

@media all and (max-width:767px) {
	.tabs .tab {
		width:100%;
		margin-bottom:15px;
	}
}

.tabs .tab:before {
    content:"";
    width:18px;
    height:13px;
    display:block;
    /* margin-top:-13px; */
    background-image:url(../img/menu-corner.svg);
    background-size:cover;
    position:absolute;
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -o-transform:rotate(180deg);
    transform:rotate(180deg);
	/**/
	margin-top:49px;
	margin-left:-52px;
	/**/
	-webkit-opacity:0.0;
	opacity:0.0;
	-webkit-transition:opacity 250ms ease;
	transition:opacity 250ms ease;
}

.tabs .tab.selected:before {
	/**/
	-webkit-opacity:0.9;
	opacity:0.9;
}

.tabs .tab.selected,
.tabs .tab:hover {
	background-color:#343430;
	color:#FFF;
}

/* TOOLS - SORT */
.tools .button.sort {
	cursor:pointer;
	display:inline-block;
	width:300px;
}

.tools .button .title span {
	color:#808080;
}

.tools .button.sort:before {
    content:"";
    display:inline-block;
    width:30px;
    height:15px;
    margin-right:16px;
    background-image:url(../img/arrow.svg);
    background-repeat:no-repeat;
    -webkit-transition:transform 250ms ease;
    transition:transform 250ms ease;
}

.tools .button.sort.open:before {
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    transform:rotate(90deg);
	transform-origin:12px 5px;
}

/* TOOLS - SORT - PANEL */
*[data-paneltarget="agenda_highlights_sort"] {
	margin-left:-139px;
}

*[data-paneltarget="agenda_highlights_sort"] .links li {
	padding:0 22px 0 40px;
	cursor:pointer;
	text-transform:capitalize;
	margin:0 20px;
	/**/
	-webkit-transition:color 250ms ease;
	transition:color 250ms ease;
}

*[data-paneltarget="agenda_highlights_sort"] .links li:hover {
	color:#FFF;
}

*[data-paneltarget="agenda_highlights_sort"] .links li.selected {
	/**/
	background-image:url(../img/arrow-white.svg);
	background-position:left center;
	background-repeat:no-repeat;
}

/* ALL */
#all {
	display:none;
}


/* ITEMS */
.items .separator {
	width:100%;
	height:80px;
	text-transform:capitalize;
}

.items .item {
	width:47.5%;
	/*border-bottom:solid 1px #b7b7b7;*/
	padding-bottom:3em;
	cursor:pointer;
}

.items .block {
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	justify-content:space-between;
	align-items:flex-start;
	align-content:flex-start;
	/**/
	margin-bottom:4em;
}

/*.items .block .item:nth-child(even)*/
.items .block .item.even {
	margin-top:-80px;
}

.items .block .item.highlight .box_prop:after {
	content:"Highlights";
	line-height:108px;
	color:#FFF;
	font-family:'jm';
	font-size:0.80em;
	letter-spacing:0.125em;
	display:block;
	position:absolute;
	width:108px;
	height:108px;
	background-color:#000;
	top:16px;
	right:16px;
	-webkit-border-radius:calc(100% / 2);
	border-radius:calc(100% / 2);
	text-align:center;
	/**/
	-webkit-transition:all 250ms ease;
	transition:all 250ms ease;
}

@media all and (max-width:1023px) {
	.items .block .item.highlight .box_prop:after {
		width:86px;
		height:86px;
		font-size:0.6em;
		line-height:86px;
	}
}

@media all and (max-width:767px) {
	.items .item {
		width:100%;
		border-bottom:0;
	}

	.items .block .item:nth-child(even) {
		margin-top:0;
	}
}

.items .block .item .box_prop,
.items .block .item .image_spacer {
	margin-bottom:1.5em;
}

.items .block .item .title {
	margin-bottom:1.25em;
}

.items .block .item .time {
	text-transform:uppercase;
	color:#000;
	margin-top:9px;
}

.items .block .item .abst {
	height:46px;
	overflow:hidden;
	/**/
	width:75%;
}

@media all and (max-width:767px) {
	.items .block .item .abst {
		display:none;
	}
}