/* community map formatting */

a.button, a.node-preview-backlink {
  border: none;
  color: #ffffff;
  cursor: pointer;
  height: auto;
  background: #191919;
  outline: none;
  padding: 0.4em 1.1em;
  display: inline-block;
  line-height: inherit;
  margin-left: 0 !important;
}

a.button::hover {
    color: #999999;
}

a.node-preview-backlink::before {
    display: block;
    color: #ff0000;
    background: #ffffff;
    content: 'Story has not been saved';
}

input {
    line-height: inherit;
}


/* story form table - hide draggable handles, weights, borders */

td.field-multiple-drag {
    display: none;
}

.tabledrag-toggle-weight-wrapper {
    display: none;
}

th.field-label {
    text-align: left;
    padding-left: 0;
    border: none;
}

tr.draggable > td {
    text-align: left;
    padding-left: 0;
    border: none;
}

h4.form-required {
    font-family: inherit;
}

table.field-multiple-table > td {
    border: none;
}

input[type=text] {
    background-color: #f2f2f2;
    color: #000000;
}

::placeholder {
    color: #9999CC;
    opacity: 1; /* Firefox */
}
  
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #9999CC;
}
  
::-ms-input-placeholder { /* Microsoft Edge */
   color: #9999CC;
}

/* story map pop-up */

.leaflet-popup-content p {
    margin: 0px 0px 10px 0;
}

.leaflet-popup-content-wrapper, .leaflet-popup-tip {
    background-color: #F7F3A7CC;
}

/* pop-up scrollbar */
/* width */
::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background-color: inherit;
}

/* Corner */
::-webkit-scrollbar-corner {
  background-color: inherit;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background-color: #888;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background-color: #555;
}

/* formatting story content */
div.leaflet-container {
    margin-bottom: 20px;
}

div.item-list {
    margin-bottom: 5px;
}

div.story-text {
    margin-top: 5px;
    display: block;
    height: 100px;
    width: auto;
    overflow: scroll;
}

p.address {
    margin-bottom: 0;
}

p.address > br {
    display: none;
}

/* move the ugly preview container off the top header, hide drop-down */

.node-preview-container {
    position: fixed;
    bottom: 0;
    width: 20%;
}

.js-form-item-view-mode, .form-item-view-mode {
    display: none !important;
}

/* hide geolocation text fields */

#field-geolocation-values {
    display: none !important;
}

/* styling cluster markers */

.marker-cluster-small {
    background-color: rgba(255,255,255,.1);
	}
.marker-cluster-small div {
	background-color: #3388ff;
	}

.marker-cluster-medium {
    background-color: rgba(255,255,255,.1);
	}
.marker-cluster-medium div {
	background-color: #3388ff;
	}

.marker-cluster-large {
    background-color: rgba(255,255,255,.1);
	}
.marker-cluster-large div {
	background-color: #3388ff;
	}

	/* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small {
	background-color: #3388ff;
	}
.leaflet-oldie .marker-cluster-small div {
	background-color: #3388ff;
	}

.leaflet-oldie .marker-cluster-medium {
	background-color: #3388ff;
	}
.leaflet-oldie .marker-cluster-medium div {
	background-color: #3388ff;
	}

.leaflet-oldie .marker-cluster-large {
	background-color: #3388ff;
	}
.leaflet-oldie .marker-cluster-large div {
	background-color: #3388ff;
}

.marker-cluster {
	background-clip: padding-box;
	border-radius: 20px;
	}
.marker-cluster div {
	width: 30px;
	height: 30px;
	margin-left: 5px;
	margin-top: 5px;

	text-align: center;
	border-radius: 15px;
	color: #ffffff;
	font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
	}
.marker-cluster span {
	line-height: 30px;
	}