/*!
 *  based on:
 *  Font Awesome 4.2.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('../../vendor/font-awesome/fonts/fontawesome-webfont.eot') format('embedded-opentype'),
       url('../../vendor/font-awesome/fonts/fontawesome-webfont.woff') format('woff'),
       url('../../vendor/font-awesome/fonts/fontawesome-webfont.ttf') format('truetype'),
       url('../../vendor/font-awesome/fonts/fontawesome-webfont.svg') format('svg');
  font-weight: 100;
  font-style: normal;
}

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

/* General icons */
.c4g-spinner span.c4g-icon:before {
  content: "\f01e";
}
input[type='checkbox'] {
  display: none;
}
input[type='checkbox'] + label:before {
  content: "\f204";
  margin-right: 5px;
}
input[type='checkbox']:checked + label:before {
  content: "\f205";
}

/* Viewport controls */
.c4g-permalink button:before {
  content: "\f0c1";
}
.c4g-permalink-popup button.c4g-copy:before {
  content: "\f0ea";
}
.c4g-permalink-popup button.c4g-refresh:before {
  content: "\f021";
}
.c4g-graticule button:before {
  content: "\f00a";
}
.c4g-graticule.c4g-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";
}
.c4g-router.c4g-open > button:before {
  content: "\f124";
}
.c4g-router.c4g-close > button:before {
  content: "\f124";
}
.c4g-editor.c4g-open > button:before {
  content: "\f044";
}
.c4g-editor.c4g-close > button:before {
  content: "\f040";
}
.c4g-measure.c4g-open > button:before {
  content: "\f201";
}
.c4g-measure.c4g-close > button:before {
  content: "\f201";
}
.c4g-starboard-control.c4g-open button:before {
  content: "\f005";
}
.c4g-starboard-control.c4g-close button:before {
  content: "\f006";
}

button.ol-zoom-in:before {
  content: "\f067";
  font-size: .6em;
  /*content: "+";*/
}
button.ol-zoom-out:before {
  content: "\f068";
  font-size: .6em;
  /*content: "-";*/
}
.ol-zoom-extent button:before,
button.ol-zoom-extent:before {
  content: "\f0ac";
}


/* Portside & Starboard */
button.c4g-portside-hide:before {
  content: "\f053";
  font-size: .6em;
  /*content: "<";*/
}
button.c4g-portside-close:before,
button.c4g-starboard-close:before {
  content: "\f00d";
  font-size: .6em;
  /*content: "X";*/
}

button.c4g-editor-feature-modify:before {
  content: "\f0ad";
}
button.c4g-editor-feature-apply:before {
  content: "\f00c";
}
button.c4g-editor-feature-delete:before {
  content: "\f1f8";
}

button.c4g-measuretools-view-trigger-select:before,
button.c4g-editor-view-trigger-select:before {
  content: "\f245";
}
button.c4g-editor-view-trigger-draw-point:before {
  content: "\f041";
}
button.c4g-measuretools-view-trigger-draw-line:before,
button.c4g-editor-view-trigger-draw-line:before {
  content: "\f1e0";
}
button.c4g-measuretools-view-trigger-draw-polygon:before,
button.c4g-editor-view-trigger-draw-polygon:before {
  content: "\f04d";
}
button.c4g-editor-view-trigger-draw-circle:before {
  content: "\f1db";
}

/* Geosearch */
button.c4g-geosearch-start:before {
  content: "\f002";
}
.c4g-geosearch.c4g-open button.c4g-geosearch-trigger:before {
  content: "\f101";
}
.c4g-geosearch.c4g-close button.c4g-geosearch-trigger:before {
  content: "\f002";
}

/* Overviemap */
.c4g-overviewmap span.c4g-icon:before {
  content: "\f14c";
}
.c4g-overviewmap span.c4g-icon {
  width: 1em;
  height: .9em;
  margin-top: -1px;
}
.c4g-overviewmap.c4g-close span.c4g-icon {
  margin-top: 0;
  transform: rotate(180deg);
}

/* Starboard */
/*.c4g-starboard-containerelement-titlebar span.c4g-icon:before {
  content: "\f054";
}
.c4g-starboard-containerelement.c4g-open > .c4g-starboard-containerelement-titlebar span.c4g-icon {
  transform: rotate(90deg);
}*/
button.c4g-starboard-view-trigger-baselayerswitcher:before {
  content: "\f278";
}
button.c4g-starboard-view-trigger-layerswitcher:before {
  content: "\f0ca";
}


.c4g-baselayertree a.c4g-active:before {
  /*content: "\f06e";*/
  content: "\f192";
}
.c4g-baselayertree a.c4g-inactive:before {
  /*content: "\f070";*/
  content: "\f1db";
}

.c4g-layertree a.c4g-active:after {
  content: "\f205";
}
.c4g-layertree a.c4g-inactive:after {
  content: "\f204";
}
.c4g-layertree span.c4g-icon:before {
  content: "\f054";
  font-size: .8em;
}
.c4g-layertree .c4g-open > span {
  transform: rotate(90deg);
}

/* PopUp */
button.c4g-popup-close:before {
  content: "\f00d";
}
button.c4g-popup-route-from:before {
  content: "\f148";
  /*content: "\f124";*/
  margin: 0 5px 0 -3px;
}
button.c4g-popup-route-to:before {
  content: "\f149";
  /*content: "\f11e";*/
  margin: 0 5px 0 -3px;
}