/*
 * Include the SDK stylesheet
 */
.mapboxgl-canvas-container.mapboxgl-interactive, .mapboxgl-ctrl-nav-compass {
  cursor: default;
}

$sdk-orange: #f58d50;
$sdk-blue: #29728d;
$sdk-green: #bbd34a;
$sdk-grey: #ededed;

// Palette

$primary-color-dark:   #455A64;
$primary-color:        #607D8B;
$primary-color-light:  #CFD8DC;
$primary-color-text:   #FFFFFF;
$accent-color:         #8BC34A;
$primary-text-color:   #212121;
$secondary-text-color: #757575;
$divider-color:        #BDBDBD;

@import 'popup';
@import 'zoomslider';
@import 'zoomcontrol';
@import 'scaleline';





/** SDK button. */
button.sdk-btn {
  background-color: $sdk-orange;
  color: #fff;
  display: inline-block;
  font-weight: 400;
  line-height: 1.25;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  padding: .5rem 1rem;
  font-size: 1rem;
  border-radius: .25rem;
}

li.sdk-layer {
    list-style: none;
}

.sdk-map {
    position: relative;
}

.sdk-map .controls {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}