/* Main menu */

@media (min-width: 1280px) {
	
	#page-header:not(.sticky) #dcm_main_menu > .w-nav-list > li > a > .w-nav-title {
		text-shadow: 0px 1px 2px rgba(0,0,0,0.4);
	}
	
	#page-header.sticky #dcm_main_menu > .w-nav-list {
		margin-top: -3px;
	}
	
	#page-header.sticky #dcm_main_menu > .w-nav-list > li.current-menu-item > a > .w-nav-title,
	#page-header.sticky #dcm_main_menu > .w-nav-list > li:not(.current-menu-item):hover > a > .w-nav-title {
		text-shadow: 0px 1px 2px rgba(0,0,0,0.4);
	}
	
	#page-header.sticky #dcm_main_menu > .w-nav-list > li::after {
		-webkit-transition: all 300ms linear !important;
	    -moz-transition: all 300ms linear !important;
	    -o-transition: all 300ms linear !important;
	    transition: all 300ms linear !important;
		content: '';
		display: block;
		position: absolute;
		bottom: -1px;
		left: 0;
		width: 0%;
		height: 1px;
		background: var(--color-content-link);
		z-index: 2;
	}
	
	#page-header.sticky #dcm_main_menu > .w-nav-list > li:hover::after {
		width: 100%;
	}
	
}

/* END Main menu */

/* Footer menu */

#dcm_footer_menu > ul {
	justify-content: center;
    text-align: center;
}

#dcm_footer_menu > ul > li > a {
	background: var(--color-content-bg);
	background: rgba(255,255,255,.65);
	padding: 3px 8px;
	border-radius: 12px;
}

/* END Footer menu */

#dcm_home_title .w-text-value {
	display: inline-block;
	position: relative;
	font-size: 1.75em;
}

#dcm_home_title .w-text-value strong {
	display: inline-block;
	position: relative;
	width: 100%;
	font-family: Inter, sans-serif;
	font-weight: 400;
	text-transform: uppercase;
	font-size: 0.5em;
}

@keyframes dcm_home_title_sep_anim {
	0% {
		width: 0%;
		transform: translate(-50%,-0.5em) scale(1);
		opacity: 1;
	}
	25% {
		width: 100%;
		transform: translate(-50%,-0.5em) scale(1);
		opacity: 1;
	}
	50% {
		width: 100vw;
		transform: translate(-50%,-0.5em) scale(2);
		opacity: .5;
	}
	75% {
		width: 100%;
		transform: translate(-50%,-0.5em) scale(1);
		opacity: 1;
	}
	100% {
		width: 0%;
		transform: translate(-50%,-0.5em) scale(1);
		opacity: 1;
	}
}

#dcm_home_title .w-text-value strong::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,-0.5em) scale(1);
	width: 100%;
	height: 1px;
	background: var(--color-content-bg);
	animation: ease-out infinite 6s dcm_home_title_sep_anim;
}

/* Breadcrumb */
.dcm_breadcrumb > .g-breadcrumbs-item > a {
	color: var(--coor-content-bg) !important;
}

.dcm_breadcrumb > .g-breadcrumbs-item > a > span {
	-webkit-transition: all 250ms linear !important;
    -moz-transition: all 250ms linear !important;
    -o-transition: all 250ms linear !important;
    transition: all 250ms linear !important;
    padding: 3px 8px;
    border-radius: 12px;
    background: var(--color-content-link-hover);
    text-shadow: 0px 1px 2px rgba(0,0,0,0.4);
}

.dcm_breadcrumb > .g-breadcrumbs-item > a:hover > span {
	background: var(--color-content-secondary);
	color: var(--color-content-bg);
}

/* Scrolldown */

#dcm_scrolldown {
	display: block;
	position: absolute;
	bottom: 50px;
	left: 50%;
	transform: translate(-50%,0);
}

@keyframes dcm_scrolldown_label_anim {
	0% {
		font-size: 7px;
	}
	50% {
		font-size: 12px;
	}
	100% {
		font-size: 7px;
	}
}

#dcm_scrolldown > a::after {
	content: 'Descendre';
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,-75%);
	font-size: 7px;
	text-transform: uppercase;
	text-align: center;
	width: 72px;
	color: var(--color-content-bg);
	animation: ease-in-out infinite 2s dcm_scrolldown_label_anim;
}

/* Titles underline */

.dcm_title_underline .w-text-value {
	display: inline-block;
	position: relative;
}

.dcm_title_underline .w-text-value strong {
	color: var(--color-content-link-hover);
}

.dcm_title_underline .w-text-value::after {
	content: '';
	display: block;
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 100%;
	height: 1px;
	background: var(--color-content-secondary);
}

/* Member grid */

.dcm_member {
	display: block;
	position: relative;
	width: 100%;
	background: var(--color-content-bg);
}

.dcm_member > ._member {
	-webkit-transition: all 250ms linear !important;
    -moz-transition: all 250ms linear !important;
    -o-transition: all 250ms linear !important;
    transition: all 250ms linear !important;
	display: block;
	position: relative;
	width: 100%;
	border-radius: 20px;
	-webkit-box-shadow: 0px 3px 8px 5px rgba(0,0,0,0.05); 
	box-shadow: 0px 3px 8px 5px rgba(0,0,0,0.05);
}

.dcm_member > ._member:hover {
	-webkit-box-shadow: 0px 3px 12px 5px rgba(0,0,0,0.12); 
	box-shadow: 0px 3px 12px 5px rgba(0,0,0,0.12);
	transform: translateY(-6px);
}

.dcm_member > ._member > ._img {
	display: block;
	position: relative;
	width: 100%;
	padding-top: 100%;
	overflow: hidden;
	border-bottom-right-radius: 20px;
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	border: solid .5px var(--color-content-primary);
}

@keyframes dcm_member_img_anim {
	0% {
		transform: scale(1) rotate(0deg);
		filter: grayscale(0);
	}
	50% {
		transform: scale(1.1) rotate(0deg);
		filter: grayscale(0);
	}
	100% {
		transform: scale(1) rotate(0deg);
		filter: grayscale(0);
	}
}

.dcm_member > ._member > ._img > img {
	transform: scale(1) rotate(0deg);
	filter: grayscale(0);
	animation: ease-in-out infinite 20s dcm_member_img_anim;
}

.dcm_member > ._member > ._img > ._link {
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: right;
}

.dcm_member > ._member > ._img > ._link > a {
	-webkit-transition: all 250ms linear !important;
    -moz-transition: all 250ms linear !important;
    -o-transition: all 250ms linear !important;
    transition: all 250ms linear !important;
    display: inline-block;
    position: relative;
    padding: 7px 12px;
    background: var(--color-content-link-hover);
    color: var(--color-content-bg);
    font-size: 13px;
    font-weight: 600;
    text-shadow: 0px 1px 2px rgba(0,0,0,0.4);
    border-top-left-radius: 20px;
}

.dcm_member > ._member > ._img > ._link > a:hover {
	padding: 10px 16px;
	background: var(--color-content-secondary);
}

.dcm_member > ._member > ._data {
	display: block;
	position: relative;
	width: 100%;
	border-left: solid .5px var(--color-content-link-hover);
	border-bottom-left-radius: 20px;
}

.dcm_member > ._member > ._data > ._title {
	display: block;
	position: relative;
	width: 100%;
	padding: 15px;
}

.dcm_member > ._member > ._data > ._title > h2 {
	display: block;
	position: relative;
	width: 100%;
	font-size: 1.5rem;
	line-height: 1.75rem;
	margin-bottom: .75rem;
}

.dcm_member > ._member > ._data > ._title > h2 > span {
	display: inline-block;
	position: relative;
}

.dcm_member > ._member > ._data > ._title > h2 > span::after {
	content: '';
	display: block;
	position: absolute;
	bottom: -4px;
	left: 0;
	width: 100%;
	height: 1px;
	background: var(--color-content-secondary);
}

.dcm_member > ._member > ._data > ._title > h3 {
	display: block;
	position: relative;
	font-size: 1.2rem;
	line-height: 1.5rem;
	font-family: Geo,sans-serif;
	text-align: right;
}

.dcm_member > ._member > ._data > ._title > h3 > span {
	display: inline-block;
	position: relative;
	padding: 4px 12px;
	background: var(--color-content-secondary);
	color: var(--color-content-bg);
	border-radius: 16px;
	text-shadow: 0px 1px 2px rgba(0,0,0,0.4);
}

.dcm_member > ._member > ._data > ._description {
	display: block;
	position: relative;
	width: 100%;
	padding: 0 15px 15px 15px;
}

/* Results timeline */

#dcm_results {
	display: block;
	position: relative;
	width: 100%;
}

#dcm_results::before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%,0);
	width: .5px;
	height: 100%;
	background: var(--color-content-primary);
}

#dcm_results > ._trophy {
	display: flex;
	position: relative;
	width: 100%;
	align-items: center;
	gap: 100px;
}

#dcm_results > ._trophy > div {
	flex: 1;
	position: relative;
}

#dcm_results > ._trophy > ._data {
	padding: 16px 20px;
	border : solid .5px var(--color-content-primary);
	background: var(--color-content-bg);
	background: rgba(255,255,255,.75);
	border-radius: 20px;
	margin: 16px 0;
}

@media (min-width: 821px) {
	
	#dcm_results > ._trophy > ._data._left::after {
		content: '';
		display: block;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translate(100%,-50%);
		width: 30px;
		height: .5px;
		background: var(--color-content-primary);
	}
	
	#dcm_results > ._trophy > ._data._right::after {
		content: '';
		display: block;
		position: absolute;
		left: 0;
		top: 50%;
		transform: translate(-100%,-50%);
		width: 30px;
		height: .5px;
		background: var(--color-content-primary);
	}
	
}

#dcm_results > ._trophy > ._data > ._position {
	display: block;
	position: relative;
	width: 100%;
}

@keyframes trophy_place_anim {
	0% {
		transform: translate(0,0) scale(1) rotate(0deg);
		border: solid 1px var(--color-content-primary);
		background: var(--color-content-link-hover);
		color: var(--color-content-bg);
	}
	50% {
		transform: translate(0,0) scale(.9) rotate(0deg);
		border: solid 1px var(--color-content-primary);
		background: var(--color-content-link-hover);
		color: var(--color-content-bg);
	}
	92% {
		transform: translate(0,0) scale(.75) rotate(0deg);
		border: solid 1px var(--color-content-link-hover);
		background: var(--color-content-secondary);
		color: var(--color-content-bg);
	}
	98% {
		transform: translate(0,0) scale(.1.2) rotate(90deg);
		border: solid 1px var(--color-content-link-hover);
		background: var(--color-content-secondary);
		color: var(--color-content-bg);
	}
	100% {
		transform: translate(0,0) scale(1) rotate(360deg);
		border: solid 1px var(--color-content-primary);
		background: var(--color-content-link-hover);
		color: var(--color-content-bg);
	}
}

#dcm_results > ._trophy > ._data > ._position > span {
	display: inline-block;
	position: relative;
	width: 108px;
	height: 108px;
	border-radius: 54px;
	text-align: center;
	line-height: 108px;
	border: solid 1px var(--color-content-primary);
	background: var(--color-content-link-hover);
	color: var(--color-content-bg);
	font-size: 2.5rem;
	font-weight: 700;
	transform: translate(0,0) scale(1) rotate(0deg);
	animation: ease-in-out infinite 3s trophy_place_anim;
}

#dcm_results > ._trophy > ._data > ._position > span > sup {
	font-weight: 400 !important;
	font-size: 1.25rem;
	top: -16px;
}

#dcm_results > ._trophy > ._data > h3 {
	display: block;
	position: relative;
	width: 100%;
	margin: 16px 0;
	padding-top: 0;
}

#dcm_results > ._trophy > ._data > h3::after {
	content:'';
	display: block;
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translate(-50%,0);
	width: 180px;
	height: 1px;
	background: var(--color-content-secondary);
}

#dcm_results > ._trophy > ._data > ._year {
	display: block;
	position: relative;
	width: 100%;
}

#dcm_results > ._trophy > ._data > ._year > span {
	display: inline-block;
	position: relative;
	padding: 5px 20px;
	border-radius: 3px;
	background: var(--color-content-link-hover);
	color: var(--color-content-bg);
	font-weight: 700;
	font-size: 1.2rem;
	border-radius: 24px;
}

#dcm_results > ._trophy > ._data > ._alps {
	display: inline-block;
	position: relative;
	width: 180px;
	margin-top: 16px;
}

/* END Results timeline */

/* Calendar list*/

.dcm_calendar {
	display: block;
	position: relative;
	width: 100%;
}

.dcm_calendar > ._ical {
	display: block;
	position: relative;
	width: 100%;
	padding: 16px;
	border-radius: 20px;
	background: var(--color-content-bg);
	background: rgba(255,255,255,.75);
	border: solid .5px var(--color-content-primary);
}

.dcm_calendar > ._ical:not(:last-child) {
	margin-bottom: 22px;
}

.dcm_calendar > ._ical > h3 {
	display: block;
	position: relative;
	width: 100%;
}

.dcm_calendar > ._ical > h3 > span {
	display: inline-block;
	position: relative;
}

.dcm_calendar > ._ical > h3 > span::after {
	content: '';
	display: block;
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 100%;
	height: 1px;
	background: var(--color-content-secondary);
}

.dcm_calendar > ._ical > ._date {
	display: block;
	position: relative;
	width: 100%;
	text-align: right;
}

.dcm_calendar > ._ical > ._date > span {
	display: inline-block;
	position: relative;
	padding: 4px 12px;
	background: var(--color-content-link-hover);
	color: var(--color-content-bg);
	border-radius: 24px;
	font-weight: 700;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.35);
}

/* END Calendar list */

/* Media Queries */

@media (max-width: 820px) {
	
	#dcm_results > ._trophy {
		display: block;
		align-items: unset;
		gap: unset;
	}
	
}

@media (max-width: 768px) {
	
	.dcm_member > ._member {
		max-width: 520px;
		margin: 0 auto;
	}
	
}

@media (max-width: 600px) {
	
	#dcm_scrolldown {
		display: none;
	}
	
	.dcm_member > ._member > ._data > ._title > h2 {
		font-size: 1.25rem;
    	line-height: 1.5rem;
	}
	
	.dcm_member > ._member > ._data > ._title > h3 {
	    font-size: 1rem;
	    line-height: 1.25rem;
	}
	
}