/*!
 *  based on:
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */

 @font-face {
  font-family: 'FontAwesome';
  src: url('../font-awesome-4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../font-awesome-4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../font-awesome-4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../font-awesome-4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../font-awesome-4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../font-awesome-4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: 100;
  font-style: normal;
}

.ic-sidepanel-viewtriggerbar .ic-icon {
  font-size: 1.4em;
  vertical-align: middle;
}

input[type='radio'] + label {
  padding: 2px 0;
  vertical-align: middle;
  text-align: center;
}

input[type='checkbox'] + label,
.ic-layertree a::after,
.ic-baselayertree a::before,
.ol-control button,
.ic-control button,
.ic-icon {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  font-weight: 100;
  text-rendering: auto;
  vertical-align: middle;
  text-align: center;
  padding: 2px 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* General icons */
.ic-spinner span.ic-icon::before {
  content: "\f01e";
}
.isotope_ciss input[type='radio'].with-font,
.isotope_ciss input[type='checkbox'].with-font {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.isotope_ciss input[type='radio'].with-font ~ label::before,
.isotope_ciss input[type='checkbox'].with-font ~ label::before {
  font-family: FontAwesome;
  display: inline-block;
  content: "\f111";
  letter-spacing: 10px;
  font-size: 1.0em;
  width: 1.4em;
  vertical-align: middle;
  text-align: center;
}

.isotope_ciss input[type='radio'].with-font:checked ~ label::before,
.isotope_ciss input[type='checkbox'].with-font:checked ~ label::before {
  content: "\f058";
  font-size: 1.0em;
  color: #006400;
  letter-spacing: 5px;
}

.isotope_ciss input[type='checkbox'].with-font ~ label::before {
  content: "\f0c8";
}

.isotope_ciss input[type='checkbox'].with-font:checked ~ label::before {
  content: "\f14a";
}

.isotope_ciss input[type='radio'].with-font:focus ~ label,
.isotope_ciss input[type='checkbox'].with-font:focus ~ label {
  outline: 1px solid;
  outline-offset: 1px;
}

/* Viewport controls */
.ic-permalink button::before {
  content: "\f0c1";
}

.ic-permalink-popup button.ic-copy::before {
  content: "\f0ea";
}

.ic-permalink-popup button.ic-refresh::before {
  content: "\f021";
}

.ic-graticule button::before {
  content: "\f00a";
}

.ic-graticule.ic-enabled button::before {
  content: "\f096";
}

.ol-attribution button::before {
  content: "\f101";
}

.ol-attribution.ol-collapsed button::before {
  content: "\f1f9";
}

span.ol-compass::before {
  content: "\f176";
}

button.ol-full-screen-false::before {
  content: "\f065";
}

button.ol-full-screen-true::before {
  content: "\f066";
}

button.ol-zoom-in::before {
  content: "\f067";
  font-size: 0.6em;
}

button.ol-zoom-out::before {
  content: "\f068";
  font-size: 0.6em;
}

.ol-zoom-extent button::before,
button.ol-zoom-extent::before {
  content: "\f0ac";
}

.ol-zoom-box button::before {
  /*   content: "\f00e"; */
}

/* sidepanel */
button.ic-sidepanel-hide::before {
     content: "\f053";

  /*   font-size: .6em; */
}

button.ic-sidepanel-close::before {
  content: "\f00d";
  font-size: 0.6em;
}

/* Overviemap */
.ic-overviewmap span.ic-icon::before {
  content: "\f14c";
}

.ic-overviewmap span.ic-icon {
  width: 1em;
  height: 0.9em;
  margin-top: -1px;
}

.ic-overviewmap.ic-close span.ic-icon {
  margin-top: 0;
  transform: rotate(180deg);
}

/* Layerswitcher */

/* button.ic-layerswitcher-view-trigger-select::before, */

/* button.ic-layerswitcher-view-trigger-select::before { */

/* 	 content: "\f279"; */

/* } */

/* PopUp */
button.ic-popup-close::before {
  content: "\f00d";
}

/* Layerswitcher */
.ic-layerswitcher.ic-open > button::before {
  /*   content: "\f279"; */
}

.ic-layerswitcher.ic-close > button::before {
  /*   content: "\f279"; */
}

/* Geo-selection */
.ic-geo-selection.ic-open > button::before {
  /*   content: "\f248"; */
}

.ic-geo-selection.ic-close > button::before {
  /*   content: "\f248"; */
}

/* Search */
.ic-searchtool.ic-open > button::before {
  /*   content: "\f002"; */
}

.ic-searchtool.ic-close > button::before {
  /*   content: "\f002"; */
}

/* WKT-selection */
.ic-wkt-selection.ic-open > button::before {
  /*   content: "\f278"; */
}

.ic-wkt-selection.ic-close > button::before {
  /*   content: "\f278"; */
}

/* Searches */
.ic-searches > button::before {
  /*   content: "\f002"; */
}

.ic-searches.ic-open > button::before {
  /*   content: "\f002"; */
}

.ic-searches.ic-close > button::before {
  /*   content: "\f008"; */
}