@font-face {
	font-family: 'eglises';
	src: url('/static/eglises.woff');
}
body {
	padding-top: 80px;
	padding-bottom: 50px;
}
nav, footer {
	background-color: #ddf;
}
.navbar-toggler {
    font-size: 1.0rem;
}
.card-img-top {
	max-height: 100% !important;
	max-width: 100% !important;
}
#search-item {
	padding-left: 50px;
}
#search-item input {
	width: 250px;
}
footer p {
	padding-top: 10px;
}
h1 {
	font-size: 2rem;
	text-align: center;
}
h2 {
	font-size: 1.8rem;
}
.btn-big {
	font-size: 1.5rem;
}
.img-link {
	margin: auto;
}
.eglise {
	background-color: rgba(195, 148, 255, 0.02);
	border-radius: 4px;
	vertical-align: middle;
}
.eglise:hover {
	background-color: rgba(195, 148, 255, 0.1);
}
.eglise > a {
	display: inline-block;
}
.eglise > a > img {
	vertical-align: middle;
}
.eglise > a > i {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.helper {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
p.links {
	margin-bottom: 16px;
}
.links {
	padding: 0;
	margin: 0;
	list-style-type: none;
}
.links li {
	display: inline-block;
	margin: 2px;
	text-align: center;
}
.links a {
	line-height: 25px;
}
.links a:before {
	font-family: 'eglises';
	font-size: 20px;
	margin-right: 5px;
	position: relative;
	top: 4px;
}
.links a:hover:before {
	color: white;
}
.cef:before {
	content: "f";
	color: #3970BC;
}
.ch:before {
	content: "h";
	color: #DCDCDC;
}
.clochers:before {
	content: "l";
	color: #D76583;
}
.commons:before {
	content: "c";
	color: #146598;
}
.gc:before {
	content: "g";
	color: #117744;
}
.egliseinfo:before {
	content: "e";
	color: #CC8200;
}
.maps:before {
	content: "m";
	color: #1F9900;
}
.merimee:before {
	content: "p";
	color: #7D0000;
}
.misas:before, .misas:hover:before {
	content: "a";
	color: #e9c155 !important;
}
.observatoire:before {
	content: 'o';
	color: #A2A86C;
}
.website:before {
	content: "s";
	color: #388E4D;
}
.wikidata:before {
	content: "d";
	color: #BD0000;
}
.wikipedia:before {
	content: "w";
	color: #373a3c;
}
.cef:hover, .cef:active {
	background-color: #3970BC !important;
}
.ch:hover, .ch:active {
	background-color: #DCDCDC !important;
}
.clochers:hover, .clochers:active {
	background-color: #D76583 !important;
}
.commons:hover, .commons:active {
	background-color: #146598 !important;
}
.egliseinfo:hover, .egliseinfo:active {
	background-color: #CC8200 !important;
}
.gc:hover, .gc:active {
	background-color: #117744 !important;
}
.maps:hover, .maps:active {
	background-color: #1F9900 !important;
}
.merimee:hover, .merimee:active {
	background-color: #7D0000 !important;
}
.misas:hover, .misas:active {
	background-color: #63080b !important;
}
.observatoire:hover, .observatoire:active {
	background-color: #A2A86C !important;
}
.website:hover, .website:active {
	background-color: #388E4D !important;
}
.wikidata:hover, .wikidata:active {
	background-color: #BD0000 !important;
}
.wikipedia:hover, .wikipedia:active {
	background-color: #373a3c !important;
}
.cef:hover,
.ch:hover,
.clochers:hover,
.commons:hover,
.egliseinfo:hover,
.gc:hover,
.maps:hover,
.merimee:hover,
.misas:hover,
.observatoire:hover,
.wikipedia:hover,
.website:hover,
.wikidata:hover {
	color: white;
}
ul.columns {
	-moz-columns: 1;
	-webkit-columns: 1;
	columns: 1;
}
.navbar-brand {
    margin-right: 0.1rem;
}
@media (max-width: 350px) {
	.navbar-brand a {
		font-size: 80%;
	}
}
@media (min-width: 544px) {
	ul.columns {
		-moz-columns: 1;
		-webkit-columns: 1;
		columns: 1;
	}
}
@media (min-width: 768px) {
	ul.columns {
		-moz-columns: 2;
		-webkit-columns: 2;
		columns: 2;
	}
}
@media (min-width: 992px) {
	ul.columns {
		-moz-columns: 3;
		-webkit-columns: 3;
		columns: 3;
	}
}
@media (min-width: 1200px) {
	ul.columns {
		-moz-columns: 4;
		-webkit-columns: 4;
		columns: 4;
	}
}
ul.columns li {
	page-break-inside: avoid;
	break-inside: avoid;
	list-style-type: none;
	margin-top: 0.7rem;
}
.breakable {
	white-space: normal;
}
#map {
	width: 100%;
	height: 400px;
}
svg .icon, th .icon:before {
    font-family: 'eglises';
}
.ol-popup {
  position: absolute;
  background-color: white;
  -webkit-filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
  filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
  padding: 15px;
  border-radius: 10px;
  border: 1px solid #cccccc;
  bottom: 12px;
  left: -50px;
  min-width: 250px;
}

.ol-popup:after,
.ol-popup:before {
  top: 100%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.ol-popup:after {
  border-top-color: white;
  border-width: 10px;
  left: 48px;
  margin-left: -10px;
}

.ol-popup:before {
  border-top-color: #cccccc;
  border-width: 11px;
  left: 48px;
  margin-left: -11px;
}

.ol-popup-closer {
  text-decoration: none;
  position: absolute;
  top: 2px;
  right: 8px;
}

.ol-popup-closer:after {
  content: "x";
}