@import url('https://fonts.googleapis.com/css?family=Oswald');

* {
  margin: 0 auto;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html, body {
	background: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
div#dateButtonsDiv { padding: 1em; text-align: center; }
div#townsButtonDiv { padding: 1em; text-align: center; }
#ui-datepicker-div { left: 0; right: 0; }
div#filtersContainer { text-align: center; }
button {
	font-family: 'Oswald', sans-serif;
	padding: 1em;
	vertical-align: middle; line-height: 1em;
	background-color: #002c60; color: #FFF;
	box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.3);
	border: none; border-radius: 3px;
	cursor: pointer;
	text-transform:uppercase;
}
button#selectedDay {
	min-width: 270px;
	text-transform: capitalize;
	text-align: center; font-size: 19px;
}
button#selectedDay div:after {
	float: right; display: inline-block; margin-top: -2px;
	content: '\E916';
	font-family: 'Material Icons';
	font-size: 24px;
	-webkit-font-smoothing: antialiased;
}
button:hover { background-color: #0555B0 !important; box-shadow: none; color: #FFF; }
button.selected { background-color: #0045A0 !important; box-shadow: none; }
#filtersButtonsContainer { display: none; }
#themesFilterTrigger,
#suitabilityFilterTrigger {
	display: inline-block; padding: 0.5em 1em;
	background-color: #FFF; color: #333;
	box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.4);
	cursor: pointer;
}
#nextDay, #previousDay, #selectedDay { display:none; }
.selectedFilter {
	background-color: #1565C0 !important;
	color: #FFF !important;
}
#themesFilterTrigger { border-radius: 26px 0 0 26px; }
#suitabilityFilterTrigger { border-radius: 0 26px 26px 0; }
#themesFilter { padding: 1em; display: block; }
#suitabilityFilter { padding: 1em; display: none; }
.activityStart {
	display: block; width: 100% !important; max-width: 100% !important;
	padding: 0.5em 1em;margin: 1.5em 0 0.5em !important;
	background-color: #f3f3f3; color: #0045A0;
	text-align: center; font-size: 1.7em;
}
#markersListContainer { line-height: 1.4; }
#markersListContainer ul { list-style: none; text-align: center; }

#markersListContainer ul li {
    background-color: #FAFAFA;
}
.markerName {
	font-family: 'Oswald', sans-serif;
	padding: 0.5em 1em;
	background-color: #002c60; color: #FFF;
	font-size: 1.2em; text-transform: uppercase;
}
.markerName a { color: #FFF; text-decoration:none; font-weight:400;  }
.markerTimeSlot {
	position: relative; padding: 0.5em 0;
	font-weight: bold;
}
.noThumbnail .markerTimeSlot { padding: 0.8em 0 0.4em 0; }
#markersListContainer ul li {
	position: relative; display: inline-block;
	width: 33%; max-width: 320px; margin: 1em 1%;
	vertical-align: top;
}
.markerThumbnail { width: 100%; max-width: 320px; }
.activityType { padding-bottom: 0.5em; font-size: 1em; }
.activityProvider { padding-bottom: 0.5em; font-size: 1em; }
.practicalInfo,
.activityPlus { padding-top: 1em; font-size: 1em; }
.markerInfo { padding: 0.8em 1em 1em 1em; text-align: left; color:#888585; }
.noThumbnail .markerInfo { padding: 0.2em 1em 1em 1em; }
.infoButton { float: right; }
.suitabilityDiv { margin: 1em 0 0; }
.suitabilityDiv img { max-height: 32px; margin-right: 6px; }

.extendedInfo {
	margin-bottom: 1em;
	color: #222; font-weight: bold;
	/*border: 1px solid #DDD;*/
}
.tarifs {
	padding: 0.5em 1em 1em 1em; margin-bottom: 1em;
	color: #444;
	font-weight: normal; text-align: left;
	border: 1px solid #DDD;
	border-left: none;
	border-right: none;
}
.tarifs legend { padding: 0 0.5em; font-weight: bold; }

/* THEMES */
.themeIcon {
	position: absolute; bottom: -51px; right: 8px; width: 38px;
}
.noThumbnail .themeIcon { bottom: 4px; }
.theme121 .markerName { background-color: #A56AAA; }
.theme118 .markerName { background-color: #5AA4DD; }
.theme117 .markerName { background-color: #E94E84; }
.theme116 .markerName { background-color: #6BB86F; }
.theme115 .markerName { background-color: #F8AA35; }
div#themesFilter img { margin-bottom: 4px; max-height: 80px; }
button.theme { margin-bottom: 0.5em; }
button.theme121 { background-color: transparent; color: #5AA4DD; }
button.theme118 { background-color: transparent; color: #5AA4DD; }
button.theme117 { background-color: transparent; color: #E94E84; }
button.theme116 { background-color: transparent; color: #6BB86F; }
button.theme115 { background-color: transparent; color: #F8AA35; }
button.seeAll { background-color: #f3f3f3; color: #002c60; }
button.seeAll:hover { color:#FFF;}
div#suitabilityFilter img { margin-bottom:4px; max-height: 64px; }
button.suitability { margin-bottom: 0.5em; background-color: transparent; color: #F8AA35; }

/* MEDIA QUERIES */
@media (max-width: 480px){
	button#selectedDay { min-width: 228px; }
	#markersListContainer ul li { width: 100%; margin: 1em 0; }
	.infoButton { float: right; margin: 0.5em 0; }
}