@font-face {
	font-family: LeagueGothic;
	src: url(../fonts/LeagueGothic-Regular.otf);
}

body {
	overflow-x: hidden;
}

#map-container {
	width: 100%;
	margin: 0;
	padding: 0;
	margin-top: 65px;
}

#app-container {
	margin-top: 100px;
}

#app-navbar {
	background-color: #333 !important;
}

#total-points {
	font-size: 5em;
	text-align: center;
	color: #333;
	border: 1px solid #333;
	background-color: #fece54;
}

#visits {
	margin-top: 50px;
	margin-bottom: 100px;
}

ul.navbar-nav li {
	padding-right: 10px;
}

.bonus-points {
	color: green;
}

.badge-regular-points {
	background-color: #a57adc;
	color: #ffffff;
}

.badge-first-visit-points {
	background-color: #fece54;
	color: #000000;
}

a.badge-link:hover {
	text-decoration: none;
}

.badge-challenge-points {
	background-color: #24b444;
	color: #ffffff;
}

.dropdown-item {
	color: #ffffff !important;
}

.dropdown-item:hover {
	background-color: #333;
	color: #fece54 !important;
}

.dropdown-item.active,
.dropdown-item:active {
	background-color: #333;
	color: #fece54 !important;
}

h1, h2, h3 {
	font-family: 'Open Sans';
}

.leaflet-control-zoom.leaflet-bar.leaflet-control,
.leaflet-touch .leaflet-control-layers.leaflet-control {
	border: none;
}
.leaflet-control-zoom.leaflet-bar.leaflet-control a {
	background-color: #333;
	border-bottom: 1px solid #666;
	color: #fece54;
}
.leaflet-control-layers.leaflet-control a.leaflet-control-layers-toggle {
	background-color: #333;
	border-radius: 5px;
	background-image: url(../icons/layers.png);
	width: 44px;
	height: 44px;
}

.leaflet-control-layers.leaflet-control.leaflet-control-layers-expanded {
	background-color: #333;
	color: #fff;
}


.leaflet-control-layers-list {
	padding-bottom: 5px;
}

.leaflet-control-layers-selector {
	top: 3px !important;
}

.leaflet-popup .leaflet-popup-content a {
	color: #000;
}

.leaflet-popup-content-wrapper {
	border-radius: 0px !important;
}

.leaflet-popup-rating-icon {
	height: 16px;
	width: 16px;
	vertical-align: text-bottom;
}

.fly-to {
	cursor: pointer;
}

.navbar-nav li.nav-item.active a.nav-link {
	color: #fece54 !important;
}

.legend-item {
	margin: 10px;
	display: inline-block;
}

.legend-item img {
	margin-right: 10px;
}

.legend-item div {
	width: 200px;
	height: 50px;
	text-align: center;
	line-height: 50px;
}

.leaflet-container {
	background-color: #aaaaaa !important;
}

#rankings-map.leaflet-container {
	background:
		linear-gradient(
			rgba(0, 0, 0, 0.1),
			rgba(0, 0, 0, 0.1)
		),
		url("../img/cover.jpg");
}

.leaflet-popup-content table.table td {
	padding: 5px;
	vertical-align: baseline;
}

.rankings-legend {
	width: 100%;
	text-align: center;
	padding: 15px 0;
	background: #eeeeee;
	border-top: 1px solid #333;
	border-bottom: 1px solid #333;
}

.rankings-container h2 {
	text-align: center;
	margin-top: 20px;
}

#full-features .feature {
	margin-bottom: 20px;
}

.feature a:hover {
	text-decoration: none;
}

.feature a:hover img {
	border: 1px solid #FECE54;
	transition: all 0.2s ease;
}

.feature.odd .feature-image {
	text-align: left;
}

.feature.even .feature-image {
	text-align: right;
}

.feature-image img {
	max-width: 45%;
	margin: 5px;
	padding: 5px;
	border: 1px solid #000;
}

.feature-description h2 {
	font-size: 20px;
}

.feature-description p {
	text-align: justify;
}

ul.payment-list {
	width: 50%;
	list-style-type: none;
	margin: 20px auto;
}

.payment-label, .payment-value {
	width: 200px;
	display: inline-block;
}

.payment-value {
	font-weight: bold;
}

.horobrani-crew-image {
	width: 60%;
	border: 1px solid #000;
}

.label-top-margin {
	margin-top: 24px;
}

@media only screen and (max-width: 720px) {
	ul.payment-list {
		width: 100%;
		margin: 0;
		margin-bottom: 20px;
		padding: 0;
		text-align: center;
	}

	.payment-label, .payment-value {
		width: auto;
	}

	.payment-label {
		margin-right: 10px;
	}

	.horobrani-crew-image {
		width: 100%;
	}

	.feature-image {
		text-align: left !important;
	}

	.label-top-margin {
		margin-top: 0;
	}
}

body a {
	color: #000;
}

.medals {
	text-align: center;
}

.profile-picture {
	width: 200px;
	height: 200px;
	border: 1px solid #000;
	border-radius: 200px;
}

.gallery .profile-picture {
	width: 50px;
	height: 50px;
}

.profile-joined {
	margin-bottom: 30px;
}

.profile-thumb {
	width: 32px;
	height: 32px;
	border: 1px solid #000;
	border-radius: 16px;
	margin-right: 5px;
}

.profile-thumb.large {
	width: 100px;
	height: 100px;
	border-radius: 50px;
}

.profile-thumb-badge {
	margin-top: -50px;
	margin-left: 67px;
	width: 48px;
	height: 48px;
}

.profile-competition-flag {
	position: absolute;
	top: 160px;
	right: 0px;
	width: 48px !important;
	height: 48px !important;
}

#home-map:hover {
	cursor: crosshair;
}


.locate-me-control {
	background-clip: padding-box;
	box-shadow: none;
	border-radius: 5px;
	width: 48px;
	height: 48px;
}

.locate-me-control a {
	cursor: pointer;
	display: block;
	border-radius: 5px;
	background: #333;
	width: 44px;
	height: 44px;
	text-align: center;
}

.locate-me-control a img {
	margin-top: 3px;
	width: 85%;
}

.locate-me-control a:hover {
	opacity: 1;
}

@keyframes spin {
	from {
		transform:rotate(0deg);
	}
	to {
		transform:rotate(360deg);
	}
}

.spin {
	animation-name: spin;
	animation-duration: 5000ms;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
}

.btn.save-visit {
	font-family: "Arial";
	letter-spacing: 1px;
	font-weight: normal;
	width: 100%;
	margin: 5px auto;
	background-color: #fece54;
	color: #333;
}

.leaflet-marker-pane > * {
	-webkit-transition: transform .3s linear;
	-moz-transition: transform .3s linear;
	-o-transition: transform .3s linear;
	-ms-transition: transform .3s linear;
	transition: transform .3s linear;
}

.search-control {
	background-clip: padding-box;
	box-shadow: none;
	border-radius: 5px;
	width: 44px;
	height: 44px;
}

.search-control a {
	cursor: pointer;
	display: block;
	border-radius: 5px;
	background: #333;
	width: 44px;
	height: 44px;
	text-align: center;
}

.search-control a img {
	margin-top: 3px;
	width: 85%;
}

.search-control a:hover {
	opacity: 1;
}

.search-mountain-item {
	padding: 10px 5px;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.search-mountain-item.last-item {
	border-bottom: none;
}

.search-mountain-item:hover {
	background-color: #EEE;
}

.search-mountain-distance {
	text-align: center;
	color: #999;
}

.search-mountain-distance img.show-location {
	cursor: pointer;
	width: 36px;
}
.search-mountain-info a {
	color: #000;
}

.search-mountain-icon {
	width: 32px;
}

.visit-log {
	margin-bottom: 15px;
	border: 1px solid #CCC;
	min-height: 120px;
	box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.2);
}

.visit-log .visit-user {
	margin-top: 3px;
	text-align: center;
}

@media only screen and (max-width: 720px) {
	.visit-log .visit-user {
		text-align: left;
	}

	.visit-user-mobile {
		border-bottom: 1px solid rgba(0,0,0,.1);
	}

	.visit-date {
		text-align: left;
	}

	img.profile-visit-thumb {
		width: 40px;
	}

	.visit-count-mobile {
		vertical-align: sub;
	}

	.visit-description {
		padding: 0px 10px !important;
	}

	.bigger-rating-icon {
		width: 20px !important;
		height: 20px !important;
	}

	.profile-competition-flag {
		position: absolute;
		top: 110px;
		right: 75px;
		width: 48px !important;
		height: 48px !important;
	}
}

.visit-date {
	text-align: right;
}

.visit-log div {
	padding: 5px;
}

.visit-rating {
	text-align: center;
}

.rating-icon {
	width: 16px;
	height: 16px;
}

.bigger-rating-icon {
	width: 32px;
	height: 32px;
	cursor: pointer;
}

.profile-visit-thumb {
	width: 80px;
	border: 1px solid #000;
	border-radius: 50px;
}

a.profile-link:hover {
	text-decoration: none;
}

.visit-description hr {
	margin: 5px 0px;
}

.visit-description p {
	margin-bottom: 10px;
}

#mountain-summary {
	font-size: 1.5em;
}

.profile-user-summary {
	font-size: 1.5em;
}

#mountain-summary img,
.profile-user-summary img {
	width: 40px;
	height: 40px;
}

.open-edit-visit,
.open-upload-photo {
	width: 24px;
	cursor: pointer;
}

.filepond--root.filepond--hopper {
	width: 100%;
}

.sl-overlay {
	background-color: #333 !important;
}

.mountain-gallery a:hover,
.visit-gallery a:hover {
	text-decoration: none;
}

ul.filepond--list li {
	width: 50%;
}

.image-wrapper {
	display: inline-block;
	position: relative;
	max-width: 64px;
	max-height: 64px;
	margin: 5px;
}

.image-wrapper a.photo {
	display: inline-block;
}

.image-wrapper a.photo img {
	max-width: 64px;
	max-height: 64px;
	padding: 5px 5px 5px 0px;
}

.image-wrapper .delete-image {
	position: absolute;
	top: -10px;
	right: -5px;
	cursor: pointer;
}

.close-caption {
	position: absolute;
	font-weight: bold;
	background-color: black;
	border: 1px solid #FFF;
	border-radius: 14px;
	width: 27px;
	height: 27px;
	top: -10px;
	right: -10px;
	cursor: pointer;
}

.mountain-description {
	margin-bottom: 20px;
}

.nonpaid-row *,
.nonpaid,
.nonpaid a {
	color: #CCC !important;
}

.user-summary-block div {
	font-size: 0.7em;
}

.user-summary-block div.icon {
	width: 150px;
	margin: 0 auto;
}

.irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before {
	border-top-color: #fece54 !important;
}

.irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single,
.irs--round .irs-bar {
	background-color: #fece54 !important;
}

.irs--round .irs-handle {
	border-color: #fece54 !important;
}

.state-checkbox {
	position: relative;
	width: 230px;
	border: 1px solid #ccc;
	padding: 5px;
	border-radius: 5px;
	cursor: pointer;
}

.state-checkbox input[type="radio"],
.state-checkbox input[type="checkbox"] {
	position: absolute;
	right: 10px;
	top: 10px;
}

@media only screen and (max-width: 720px) {
	.profile-container {
		margin-top: -15px;
		text-align: center;
	}

	.profile-container img {
		width: 150px;
		height: 150px;
	}

	.profile-container h1 {
		font-size: 32px;
		margin-top: 15px;
	}

	.user-summary-block.second-row {
		margin-top: 15px;
	}

	.state-checkbox {
		width: 100%;
	}
}

.pagination .page-link {
	color: #333;
}

.pagination .page-link:focus {
	box-shadow: 0 0 0 0.2rem rgba(254, 206 , 84, .4);
}

.pagination .page-item.active .page-link {
	color: #000;
	background-color: #fece54;
	border-color: #fece54;
}

.pagination .page-item.disabled .page-link {
	background-color: #ccc;
}

#spinner-container {
	display: none;
	position: fixed;
	z-index: 100;
	width: 300px;
	margin: 0 auto;
	text-align: center;
	border: 1px solid #000;
	padding: 5px;
	background-color: #EEE;
	box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.2);
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	cursor: default;
}

@keyframes spinner-border {
	to { transform: rotate(360deg); }
}

.spinner-border {
	display: inline-block;
	color: #fece54 !important;
	width: 32px;
	height: 32px;
	vertical-align: text-bottom;
	border: .25em solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	-webkit-animation: spinner-border .75s linear infinite;
	animation: spinner-border .75s linear infinite;
	margin-right: 25px;
}

.separator {
	display: flex;
	align-items: center;
	text-align: center;
}

.separator span {
	cursor: pointer;
}

.separator::before, .separator::after {
	content: '';
	flex: 1;
	border-bottom: 1px solid #CCC;
}

.separator::before {
	margin-right: 1em;
}

.separator::after {
	margin-left: 1em;
}

#rankings.table thead img {
	width: 32px;
}

.my-medal {
	text-align: left;
}

.my-medal img {
	width: 32px;
	height: 32px;
}

.my-medal .profile-thumb {
	border-radius: 16px;
}

.primary-background {
	background-color: rgba(254, 206 , 84, .2) !important;
	border: 1px solid #fece54 !important;
}

#quick-filter, #detailed-filter {
	text-align: center;
}

#quick-filter button {
	width: 100%;
	font-size: 0.85em !important;
}

.selectize-input {
	border: none !important;
	border-radius: 0 !important;
	background-color: #EEE !important;
	background-image: none !important;
	height: 40px !important;
	line-height: 25px !important;
	font-family: "Open Sans", Arial, sans-serif;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 700;
}

.selectize-trip-planner .selectize-input,
.selectize-group-map .selectize-input {
	background-color: #fff !important;
	border: 1px solid #ddd !important;
	overflow: visible;
	min-height: 100px;
}

.selectize-trip-planner .selectize-input input::placeholder,
.selectize-group-map .selectize-input input::placeholder {
	text-transform: none !important;
	font-weight: normal !important;
	font-family: "Open Sans" !important;
	color: #999;
}

.selectize-input input {
	width: 100% !important;
}

.selectize-input input::placeholder {
	color: #000000;
	font-family: "Open Sans", Arial, sans-serif;
	letter-spacing: 2px;
	text-transform: uppercase;
	font-weight: 700;
}

.selectize-dropdown {
	border: 1px solid #DDD !important;
}

.selectize-dropdown .active {
	background-color: rgba(254, 206 , 84, .2) !important;
}

.selectize-control.multi .selectize-input [data-value] {
	background-color: #fece54 !important;
	border: 1px solid #fece54 !important;
	background-image: none !important;
	color: #000;
}

.selectize-control.multi .selectize-input {
	height: 100px !important;
}

@media only screen and (max-width: 720px) {
	#quick-filter button {
		width: 100%;
		margin-bottom: 10px;
	}
}

@keyframes placeHolderShimmer{
	0%{
		background-position: -468px 0
	}
	100%{
		background-position: 468px 0
	}
}

.linear-background {
	animation-duration: 1s;
	animation-fill-mode: forwards;
	animation-iteration-count: infinite;
	animation-name: placeHolderShimmer;
	animation-timing-function: linear;
	background: #f6f7f8;
	background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
	background-size: 1000px 104px;
	height: 338px;
	position: relative;
	overflow: hidden;
}

ul#additional-rules li {
	margin-bottom: 10px;
}

#year-select-dropdown {
	border-radius: 0px;
	width: 200px;
}

#year-select-dropdown .dropdown-item,
#year-select-dropdown .dropdown-item:hover {
	background-color: #FFF;
	color: #000 !important;
}

#year-select-dropdown .dropdown-item:hover {
	background-color: rgb(254, 206, 84, 0.3);
}

.feed-entry,
.sidebar-block {
	margin-bottom: 15px;
	border: 1px solid #CCC;
	min-height: 120px;
	box-shadow: 6px 6px 5px 0px rgba(0,0,0,0.2);
}

.feed-visit {
	margin-bottom: 15px;
}

.feed-visit img.icon,
.group-visit img.icon {
	width: 16px;
	height: 16px;
	vertical-align: middle;
}

.dashboard-sidebar {
	-ms-flex: 0 0 400px;
	flex: 0 0 400px;
	margin-left: 10px;
}

.dashboard-sidebar-wrapper {
	position: fixed;
	width: 400px;
}

.smaller-sidebar {
	-ms-flex: 0 0 300px;
	flex: 0 0 300px;
	margin-left: 10px;
}

.smaller-sidebar-wrapper {
	position: fixed;
	width: 300px;
}

.sidebar-block {
	padding: 10px;
}

.sidebar-block h3 {
	margin: 0;
	color: #000;
	font-size: 16px;
}

.sidebar-block table img {
	width: 32px;
	height: 32px;
}

.group-row {
	min-height: 100px;
}

@media (max-width: 720px) {
	.dashboard-sidebar {
		display: block;
		margin-left: 0;
		padding: 0;
	}

	.dashboard-sidebar-wrapper {
		position: relative;
		width: 100%;
	}

	.smaller-sidebar {
		display: block;
		margin-left: 0;
		padding: 0;
		flex: none;
	}

	.smaller-sidebar-wrapper {
		position: relative;
		width: 100%;
	}

	.group-row {
		min-height: 140px;
	}
}

.border-button {
	display: block;
	border: 1px solid #fece54;
	background-color: #FFF;
	letter-spacing: 2px;
	text-align: center;
	cursor: pointer;
	padding: 7px;
	font-weight: bold;
	min-width: 200px;
	transition: color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out,box-shadow .2s ease-in-out;
}

a.border-button:hover {
	text-decoration: none;
	color: #000;
}

.border-button:focus,
.border-button:hover {
	background-color: rgba(254, 206 , 84, .2);
}

.border-button.active {
	background-color: rgba(254, 206 , 84, .2);
}

.border-button.remove,
.border-button.active:hover {
	border-color: #FF584B;
	background-color: rgb(255, 88, 75, .2);
}

button.border-button[disabled]:hover {
	background-color: #FFFFFF;
	cursor: default;
}

.unfollow {
	opacity: 0;
}

.following, .unfollow {
	position: absolute;
	transition: opacity 0.2s linear;
}

.wrap:hover .following {
	opacity: 0;
}
.wrap:hover .unfollow {
	opacity: 1;
}

@media (max-width: 720px) {
	.border-button {
		width: 220px;
		margin: 0 auto;
	}
	.following {
		display: none;
	}
	.unfollow {
		opacity: 1;
	}
	.following, .unfollow {
		position: relative;
	}
}

input[type=checkbox] {
	margin-right: 10px;
}

.school-info tbody tr td:nth-child(1) {
	font-weight: bold;
}

/* Ripple effect */
.ripple {
	background-position: center;
	transition: background 0.6s;
}
.ripple:hover {
	background: #eab42d radial-gradient(circle, transparent 1%, #eab42d 1%) center/15000%;
}
.ripple:active {
	background-color: #ffd977;
	background-size: 100%;
	transition: background 0s;
}

.ripple-button {
	border: none;
	padding: 12px 18px;
	font-size: 12px;
	text-transform: uppercase;
	cursor: pointer;
	color: #000000;
	background-color: #fece54;
	box-shadow: 0 0 4px #999;
	outline: none;
}

.ripple-button:disabled {
	background-color: #ffe5a4;
	box-shadow: none;
	cursor: default;
}

.ripple-button:focus {
	outline: none;
}

a.ripple-button {
	font-weight: normal;
}

a.ripple-button:hover {
	color: #000000;
	text-decoration: none;
}

.table-no-header-line thead th {
	border-top: 0px;
	border-bottom: 1px solid #dee2e6;
}

table.key-value-table tr td:nth-child(1) {
	width: 20%;
	font-weight: bold;
}

#info-panel {
	position: fixed;
	width: 100%;
	height: 50px;
	background-color: #ffe5a2;
	border-bottom: 1px solid #333;
	color: #000;
	text-align: center;
	z-index: 1029;
	overflow-y: scroll;
}

#info-panel a {
	text-decoration: underline;
	color: #000;
}

#info-panel:not(.app\:map) {
	margin-top: -23px;
}

#info-panel.app\:profile {
	margin-top: 11px;
}

#info-panel .text {
	width: 80%;
	margin: 0 auto;
	margin-top: 11px;
}

#info-panel .close {
	position: fixed;
	top: 88px;
	right: 20px;
	cursor: pointer;
	color: #000 !important;
	opacity: 1 !important;
}

.chart-wrapper {
	position: relative;
	height: 400px;
	width: 100%;
}

@media (max-width: 720px) {
	#info-panel {
		margin-top: 77px !important;
	}

	#info-panel .text {
		margin-top: 0px;
	}

	.chart-wrapper {
		height: 80vh;
	}
}

.group-visit-date {
	font-size: 0.8em;
	float: right;
}

@media (max-width: 720px) {
	.container {
		padding-left: 10px;
		padding-right: 10px;
	}

	.group-visit-date {
		display: inline-block;
		float: none;
	}

	#message-buttons {
		margin-top: 10px;
	}
}

img.photo-square-thumb {
	width: 85px;
	height: 85px;
	object-fit: cover;
	object-position: 50% 50%;
	margin-top: 5px;
}

.square-photo-close {
	background-color: #333333;
	color: #FFFFFF;
	text-align: center;
	cursor: pointer;
	width: 24px;
	height: 24px;
	position: absolute;
	margin-top: -85px;
	margin-left: 61px;
}

.square-photo-close:hover {
	background-color: #000000;
	color: #ff0000;
}

.note-editor.note-frame.fullscreen {
	background-color: white;
}

.note-editor.note-frame.fullscreen .note-editing-area {
	max-width: 664px;
	margin: 0 auto;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}


.article {
	margin-bottom: 100px;
}

.article h1 {
	margin-bottom: 20px;
}

.article .article-author {
	margin-bottom: 20px;
}

.article .article-description {
	font-size: 19px;
	line-height: 32px;
	margin-bottom: 30px;
}

.article .article-image {
	margin-bottom: 20px;
}

.article .article-text,
.note-editable {
	font-size: 17px;
	line-height: 29px;
}

.article .article-text h2,
.note-editable h2 {
	font-size: 28px;
}

.article .article-text h3,
.note-editable h3 {
	font-size: 24px;
}

.article .article-text h4,
.note-editable h4 {
	margin-top: 20px;
	font-size: 20px;
}

.article .article-text img,
.note-editable img {
	padding: 5px;
}

.article .article-text iframe,
.note-editable iframe {
	max-width: 100%;
}

.navbar-brand {
	margin-left: 20px;
}

.article-box h2 {
	font-size: 20px;
	line-height: 26px;
	margin-bottom: 5px;
}

.article-box .article-box-description {
	font-size: 14px;
}

.article .article-text table.yellow-header,
.challenge-text table.yellow-header {
	color: #000000;
	width: 100%;
	overflow-x: scroll;
	font-size: 12.96px;
	margin: 1em 20px 0px 0px;
}
.article .article-text table.yellow-header th,
.challenge-text table.yellow-header th {
	background-color: rgb(254, 206, 84, 0.9) !important;
	color: #000000;
	border: 1px solid rgb(153, 153, 153);
	white-space: pre;
	text-align: center;
	padding: 0.2em 0.5em;
}
.article .article-text table.yellow-header td,
.challenge-text table.yellow-header td {
	border: 1px solid rgb(153, 153, 153);
	white-space: pre;
	padding: 0.2em 0.3em;
}
.article .article-text table.yellow-header a,
.challenge-text table.yellow-header a {
	text-decoration: underline;
}

@media (max-width: 720px) {
	.navbar-brand {
		margin-left: 0;
	}

	.article-box .article-box-image {
		margin-top: 5px;
	}

	.modal-footer button,
	.modal-footer input[type='button'],
	.modal-footer input[type='submit'],
	.modal-buttons button {
		width: 100%;
	}

	.smaller-heading {
		font-size: 30px;
	}
}

.onoffswitch {
	position: relative; width: 102px;
	-webkit-user-select:none; -moz-user-select:none; -ms-user-select: none;
}
.onoffswitch-checkbox {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}
.onoffswitch-label {
	display: block; overflow: hidden; cursor: pointer;
	border: 2px solid #999999; border-radius: 40px;
}
.onoffswitch-inner {
	display: block; width: 200%; margin-left: -100%;
	transition: margin 0.3s ease-in 0s;
}
.onoffswitch-inner:before, .onoffswitch-inner:after {
	display: block; float: left; width: 50%; height: 30px; padding: 0; line-height: 30px;
	font-size: 14px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold;
	box-sizing: border-box;
}
.onoffswitch-inner:before {
	content: "Zapnuto";
	padding-left: 10px;
	background-color: #22B141; color: #FFFFFF;
}
.onoffswitch-inner:after {
	content: "Vypnuto";
	padding-right: 10px;
	background-color: #EEEEEE; color: #999999;
	text-align: right;
}
.onoffswitch-switch {
	display: block; width: 20px; margin: 5px;
	background: #FFFFFF;
	position: absolute; top: 0; bottom: 0;
	right: 68px;
	border: 2px solid #999999; border-radius: 40px;
	transition: all 0.3s ease-in 0s;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner {
	margin-left: 0;
}
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch {
	right: 0px;
}

#story-map {
	position: absolute;
	width: 100%;
	height: 300px;
	left: 0;
	right: 0;
	top: 75px;
	border-bottom: 1px solid #333;
}

.challenge-image {
	text-align: center;
}

.challenge-image-list {
	margin-bottom: 10px;
}

.challenge-image-list img,
.challenge-image img {
	max-width: 100%;
}

.challenge-row {
	margin-bottom: 30px;
}

.challenge-row h2 {
	margin-bottom: 5px;
	font-size: 1.5em;
}

.challenge-row img {
	max-width: 100%;
}

.challenge-mountain-row {
	margin-bottom: 40px;
}

.attributes img {
	border-radius: 5px;
	width: 48px;
	margin-bottom: 5px;
}

.filter-attributes img {
	border-radius: 5px;
	width: 32px;
}

.challenge-attributes img {
	border-radius: 5px;
	max-height: 38px;
	max-width: 38px;
}

.country-info,
.range-info,
.mountain-info {
	color: #000000;
}

.country-description {
	font-size: 1.3em;
}

.challenge-text a,
.article-text a,
.country-info a,
.country-description a,
.range-info a,
.mountain-info a {
	color: #337ab7;
	text-decoration: underline;
}

.footer-icons a:hover {
	text-decoration: none;
	color: #000000;
}

.leaflet-div-icon {
	border: 0 !important;
	background: transparent !important;
}

/* .card-body {
	padding-bottom: 0 !important;
} */

.card-body p {
	padding-bottom: 20px;
}

.sort-header {
	cursor: pointer;
}

.dropdown-item-label {
	font-size: 0.8em;
	color: #cccccc !important;
	font-style: italic;
}

.dropdown-item-label:hover {
	color: #cccccc !important;
	cursor: default;
}