/**************/
/* OLYMPIADES */
/**************/

#custom-header {
	background: linear-gradient(0.25turn, #fdd105, #f77801);
	padding-top: 10px;
}

img#logo-olympiades {
	position: static;
	margin: auto;
	display: block;
	max-width: 180px;
}

.search-bar input.search-right-input {
	border-left: 1px solid #ced4da;
}

.ui-autocomplete {
	position: absolute;
	cursor: default;
	z-index:3000 !important;
	word-wrap: break-word;
	max-width: 859px;
}

p.presentation-theme {
	color: #000;
	font-size: 1.2rem;
	font-weight: 500;
	line-height: 1.4;
}

span.nom-theme {
	font-size: 4em;
}

a.lien-hp-theme {
	color: #FFF;
	text-decoration: none;
}

footer.footer-theme {
	background-color: #FFF;
	margin-top: 1em;
}

div.clickable-card a h5 {
	text-align: center;
	padding-top: 15px;
	font-size: 1.25rem;
	font-weight: normal;
}

div.card a {
  color: #2C114C;
}


@media screen and (min-width: 576px) {
	
	img#logo-olympiades {
		position: static;
		margin: auto;
		display: block;
		max-width: 180px;
	}
	
	span.nom-theme {
		font-size: 3em;
	}
	
}

@media screen and (min-width: 768px) {
	
	img#logo-olympiades {
		position: static;
		margin: auto;
		display: block;
		max-width: 180px;
	}
	
	span.nom-theme {
		font-size: 4em;
	}
	
}

@media screen and (min-width: 992px) {
	
	img#logo-olympiades {
		position: absolute;
		top: 3em;
		right: 4em;
		max-width: 130px;
	}
	
	span.nom-theme {
		font-size: 2.25em;
	}
	
}

@media screen and (min-width: 1200px) {
	
	img#logo-olympiades {
		position: absolute;
		top: 2em;
		right: 4em;
		max-width: 180px;
	}
	
	span.nom-theme {
		font-size: 3.75em;
	}
	
}

@media screen and (min-width: 1400px) {
	
	img#logo-olympiades {
		position: absolute;
		top: 2em;
		right: 10em;
		max-width: 180px;
	}
	
	span.nom-theme {
		font-size: 4em;
	}
	
}