@charset "UTF-8";
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS/SCSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *



 */
@font-face {
  font-family: 'lightcase';
  src: url(/fonts/lightcase.eot);
  src: url(/fonts/lightcase.eot?#iefix) format("embedded-opentype"), url(/fonts/lightcase.woff) format("woff"), url(/fonts/lightcase.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Gilroy';
  src: url(/fonts/Gilroy-Light.eot);
  src: url(/fonts/Gilroy-Light.eot?#iefix) format("embedded-opentype"), url(/fonts/Gilroy-Light.woff2) format("woff2"), url(/fonts/Gilroy-Light.woff) format("woff"), url(/fonts/Gilroy-Light.ttf) format("truetype");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: 'Gilroy';
  src: url(/fonts/Gilroy-RegularItalic.eot);
  src: url(/fonts/Gilroy-RegularItalic.eot?#iefix) format("embedded-opentype"), url(/fonts/Gilroy-RegularItalic.woff2) format("woff2"), url(/fonts/Gilroy-RegularItalic.woff) format("woff"), url(/fonts/Gilroy-RegularItalic.ttf) format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: 'Gilroy';
  src: url(/fonts/Gilroy-SemiboldItalic.eot);
  src: url(/fonts/Gilroy-SemiboldItalic.eot?#iefix) format("embedded-opentype"), url(/fonts/Gilroy-SemiboldItalic.woff2) format("woff2"), url(/fonts/Gilroy-SemiboldItalic.woff) format("woff"), url(/fonts/Gilroy-SemiboldItalic.ttf) format("truetype");
  font-weight: 600;
  font-style: italic;
}
@font-face {
  font-family: 'Gilroy';
  src: url(/fonts/Gilroy-Heavy.eot);
  src: url(/fonts/Gilroy-Heavy.eot?#iefix) format("embedded-opentype"), url(/fonts/Gilroy-Heavy.woff2) format("woff2"), url(/fonts/Gilroy-Heavy.woff) format("woff"), url(/fonts/Gilroy-Heavy.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Gilroy';
  src: url(/fonts/Gilroy-BoldItalic.eot);
  src: url(/fonts/Gilroy-BoldItalic.eot?#iefix) format("embedded-opentype"), url(/fonts/Gilroy-BoldItalic.woff2) format("woff2"), url(/fonts/Gilroy-BoldItalic.woff) format("woff"), url(/fonts/Gilroy-BoldItalic.ttf) format("truetype");
  font-weight: bold;
  font-style: italic;
}
@font-face {
  font-family: 'Gilroy';
  src: url(/fonts/Gilroy-BlackItalic.eot);
  src: url(/fonts/Gilroy-BlackItalic.eot?#iefix) format("embedded-opentype"), url(/fonts/Gilroy-BlackItalic.woff2) format("woff2"), url(/fonts/Gilroy-BlackItalic.woff) format("woff"), url(/fonts/Gilroy-BlackItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: 'Gilroy';
  src: url(/fonts/Gilroy-MediumItalic.eot);
  src: url(/fonts/Gilroy-MediumItalic.eot?#iefix) format("embedded-opentype"), url(/fonts/Gilroy-MediumItalic.woff2) format("woff2"), url(/fonts/Gilroy-MediumItalic.woff) format("woff"), url(/fonts/Gilroy-MediumItalic.ttf) format("truetype");
  font-weight: 500;
  font-style: italic;
}
@font-face {
  font-family: 'Gilroy';
  src: url(/fonts/Gilroy-ThinItalic.eot);
  src: url(/fonts/Gilroy-ThinItalic.eot?#iefix) format("embedded-opentype"), url(/fonts/Gilroy-ThinItalic.woff2) format("woff2"), url(/fonts/Gilroy-ThinItalic.woff) format("woff"), url(/fonts/Gilroy-ThinItalic.ttf) format("truetype");
  font-weight: 100;
  font-style: italic;
}
@font-face {
  font-family: 'Gilroy';
  src: url(/fonts/Gilroy-ExtraboldItalic.eot);
  src: url(/fonts/Gilroy-ExtraboldItalic.eot?#iefix) format("embedded-opentype"), url(/fonts/Gilroy-ExtraboldItalic.woff2) format("woff2"), url(/fonts/Gilroy-ExtraboldItalic.woff) format("woff"), url(/fonts/Gilroy-ExtraboldItalic.ttf) format("truetype");
  font-weight: 800;
  font-style: italic;
}
@font-face {
  font-family: 'Gilroy';
  src: url(/fonts/Gilroy-HeavyItalic.eot);
  src: url(/fonts/Gilroy-HeavyItalic.eot?#iefix) format("embedded-opentype"), url(/fonts/Gilroy-HeavyItalic.woff2) format("woff2"), url(/fonts/Gilroy-HeavyItalic.woff) format("woff"), url(/fonts/Gilroy-HeavyItalic.ttf) format("truetype");
  font-weight: 900;
  font-style: italic;
}
@font-face {
  font-family: 'Gilroy';
  src: url(/fonts/Gilroy-UltraLightItalic.eot);
  src: url(/fonts/Gilroy-UltraLightItalic.eot?#iefix) format("embedded-opentype"), url(/fonts/Gilroy-UltraLightItalic.woff2) format("woff2"), url(/fonts/Gilroy-UltraLightItalic.woff) format("woff"), url(/fonts/Gilroy-UltraLightItalic.ttf) format("truetype");
  font-weight: 200;
  font-style: italic;
}
@font-face {
  font-family: 'Gilroy';
  src: url(/fonts/Gilroy-LightItalic.eot);
  src: url(/fonts/Gilroy-LightItalic.eot?#iefix) format("embedded-opentype"), url(/fonts/Gilroy-LightItalic.woff2) format("woff2"), url(/fonts/Gilroy-LightItalic.woff) format("woff"), url(/fonts/Gilroy-LightItalic.ttf) format("truetype");
  font-weight: 300;
  font-style: italic;
}
@font-face {
  font-family: 'Gilroy';
  src: url(/fonts/Gilroy-Black.eot);
  src: url(/fonts/Gilroy-Black.eot?#iefix) format("embedded-opentype"), url(/fonts/Gilroy-Black.woff2) format("woff2"), url(/fonts/Gilroy-Black.woff) format("woff"), url(/fonts/Gilroy-Black.ttf) format("truetype");
  font-weight: 900;
  font-style: normal;
}
@font-face {
  font-family: 'Gilroy';
  src: url(/fonts/Gilroy-ExtraBold.eot);
  src: url(/fonts/Gilroy-ExtraBold.eot?#iefix) format("embedded-opentype"), url(/fonts/Gilroy-ExtraBold.woff2) format("woff2"), url(/fonts/Gilroy-ExtraBold.woff) format("woff"), url(/fonts/Gilroy-ExtraBold.ttf) format("truetype");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: 'Gilroy';
  src: url(/fonts/Gilroy-Regular.eot);
  src: url(/fonts/Gilroy-Regular.eot?#iefix) format("embedded-opentype"), url(/fonts/Gilroy-Regular.woff2) format("woff2"), url(/fonts/Gilroy-Regular.woff) format("woff"), url(/fonts/Gilroy-Regular.ttf) format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gilroy';
  src: url(/fonts/Gilroy-UltraLight.eot);
  src: url(/fonts/Gilroy-UltraLight.eot?#iefix) format("embedded-opentype"), url(/fonts/Gilroy-UltraLight.woff2) format("woff2"), url(/fonts/Gilroy-UltraLight.woff) format("woff"), url(/fonts/Gilroy-UltraLight.ttf) format("truetype");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: 'Gilroy';
  src: url(/fonts/Gilroy-Semibold.eot);
  src: url(/fonts/Gilroy-Semibold.eot?#iefix) format("embedded-opentype"), url(/fonts/Gilroy-Semibold.woff2) format("woff2"), url(/fonts/Gilroy-Semibold.woff) format("woff"), url(/fonts/Gilroy-Semibold.ttf) format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: 'Gilroy';
  src: url(/fonts/Gilroy-Bold.eot);
  src: url(/fonts/Gilroy-Bold.eot?#iefix) format("embedded-opentype"), url(/fonts/Gilroy-Bold.woff2) format("woff2"), url(/fonts/Gilroy-Bold.woff) format("woff"), url(/fonts/Gilroy-Bold.ttf) format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Gilroy';
  src: url(/fonts/Gilroy-Thin.eot);
  src: url(/fonts/Gilroy-Thin.eot?#iefix) format("embedded-opentype"), url(/fonts/Gilroy-Thin.woff2) format("woff2"), url(/fonts/Gilroy-Thin.woff) format("woff"), url(/fonts/Gilroy-Thin.ttf) format("truetype");
  font-weight: 100;
  font-style: normal;
}
@font-face {
  font-family: 'Gilroy';
  src: url(/fonts/Gilroy-Medium.eot);
  src: url(/fonts/Gilroy-Medium.eot?#iefix) format("embedded-opentype"), url(/fonts/Gilroy-Medium.woff2) format("woff2"), url(/fonts/Gilroy-Medium.woff) format("woff"), url(/fonts/Gilroy-Medium.ttf) format("truetype");
  font-weight: 500;
  font-style: normal;
}
/*
*   This file contains styling for the loading screens
*   invoked when opening the application for the first
*   time and when loading in new overlays
*/
/* line 7, /app/venice-islands/app/assets/stylesheets/main/loading.scss */
#loadingScreen {
  visibility: hidden;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(0, 0, 0, 0.6);
  z-index: 9999999;
  position: absolute;
}

/* line 20, /app/venice-islands/app/assets/stylesheets/main/loading.scss */
#loadingMini {
  position: absolute;
  background: rgba(255, 255, 255, 0);
  z-index: 1;
  font-size: calc(10px + 1vw);
  bottom: 15px;
  width: 100%;
  pointer-events: none;
  text-align: center;
  color: #000000;
  text-shadow: -1px -1px 0 #FFF, 1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px 1px 0 #FFF;
}

/* line 38, /app/venice-islands/app/assets/stylesheets/main/loading.scss */
#loadingTop {
  z-index: 101;
  font-size: calc(20px + 6vw);
  position: absolute;
  top: 10%;
  width: 100%;
  text-align: center;
  color: whitesmoke;
  pointer-events: none;
}

/* line 50, /app/venice-islands/app/assets/stylesheets/main/loading.scss */
#loadingBottom {
  z-index: 101;
  position: absolute;
  bottom: 10%;
  width: 100%;
  text-align: center;
}

/* Bottom button for closing out of the screen*/
/* line 58, /app/venice-islands/app/assets/stylesheets/main/loading.scss */
a.Close {
  border: 3px solid;
  border-radius: 10px;
  border-color: white;
  height: auto;
  color: white;
  background-color: black;
  padding: 4px;
  font: 14px/16px;
  /* Arial, Helvetica, sans-serif;*/
}

/* line 69, /app/venice-islands/app/assets/stylesheets/main/loading.scss */
a.Close:hover {
  border-color: white;
  background-color: grey;
  color: white;
}

/*  
* This file contains css styling for the following items:
*   - More info window (double click on island or feature)
*   - Filter results window
*   - Nearest features window
*/
/*id styling for title bar of more info window*/
/* line 9, /app/venice-islands/app/assets/stylesheets/main/overlays.scss */
#topBar {
  color: #fafafa !important;
  background: #575757;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  z-index: 100;
  min-height: 75px;
}
/* line 16, /app/venice-islands/app/assets/stylesheets/main/overlays.scss */
#topBar h2 {
  text-align: center;
  line-height: 75px;
  margin: 0;
}

/* Default class for overlay info box
*       this can be overridden using specific ids 
*       for the various overlays, such as #Bell_Towers{}
*/
/* line 27, /app/venice-islands/app/assets/stylesheets/main/overlays.scss */
.moreInfo {
  padding: 10px;
  margin-bottom: 15px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  border-radius: 5px;
  overflow: auto;
  height: auto;
  background-color: whitesmoke;
}

/* line 40, /app/venice-islands/app/assets/stylesheets/main/overlays.scss */
.moreInfo::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
}

/* line 44, /app/venice-islands/app/assets/stylesheets/main/overlays.scss */
.moreInfo::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

/*Gis layer info box in more info window
*   overrides properties set by #inner * {} 
*/
/* line 53, /app/venice-islands/app/assets/stylesheets/main/overlays.scss */
#baseLayer {
  height: 240px;
  max-height: 240px;
}

/*Embedded Image stuff*/
/* line 59, /app/venice-islands/app/assets/stylesheets/main/overlays.scss */
#embeddedImage {
  border: 2px solid black;
  height: 150px;
  position: inherit;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

/* Bibliography button (so you can use href with a button set from script)*/
/* line 72, /app/venice-islands/app/assets/stylesheets/main/overlays.scss */
a.button {
  margin: 10px;
  border: 5px solid;
  border-radius: 5px;
  border-color: white;
  height: auto;
  float: right;
  background-color: white;
  text-decoration: none;
  color: initial;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
}

/* line 85, /app/venice-islands/app/assets/stylesheets/main/overlays.scss */
a.button:hover {
  background-color: powderblue;
  border-color: powderblue;
}

/*table settings*/
/* line 90, /app/venice-islands/app/assets/stylesheets/main/overlays.scss */
td {
  width: 4rem;
  height: 2rem;
  border: 1px solid #ccc;
  text-align: center;
  background: lightblue;
}

/* line 97, /app/venice-islands/app/assets/stylesheets/main/overlays.scss */
th {
  background: lightblue;
  border-color: white;
}

/*class styling for bottom bar of more info window*/
/* line 103, /app/venice-islands/app/assets/stylesheets/main/overlays.scss */
.bottomBar {
  color: #fafafa;
  background: white;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  z-index: 100;
  padding: 6px 8px;
  border: 10px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  min-height: 75px;
}

/*box containing venipedia and cartography links*/
/*venipedia link setup*/
/* line 118, /app/venice-islands/app/assets/stylesheets/main/overlays.scss */
#venipediaImage {
  width: 33%;
  padding: 35px 0px;
  background-image: url(/../image/venipedia.png);
  background-size: 80px 70px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  float: left;
}

/* line 128, /app/venice-islands/app/assets/stylesheets/main/overlays.scss */
#venipediaImage:hover {
  width: 33%;
  padding: 35px 0px;
  background-image: url(/../image/venipedia2.png);
  background-size: 80px 70px;
  background-position: 0px 0px;
  background-repeat: no-repeat;
  float: left;
}

/*zotero link setup*/
/* line 138, /app/venice-islands/app/assets/stylesheets/main/overlays.scss */
#zoteroImage {
  width: 33%;
  padding: 35px 0px;
  background-image: url(/../image/zotero1.png);
  background-size: 70px 70px;
  background-repeat: no-repeat;
  background-position: center;
  float: left;
}

/* line 148, /app/venice-islands/app/assets/stylesheets/main/overlays.scss */
#zoteroImage:hover {
  width: 33%;
  padding: 35px 0px;
  background-image: url(/../image/zotero2.png);
  background-size: 70px 70px;
  background-repeat: no-repeat;
  background-position: center;
  float: left;
}

/*cartography link setup*/
/* line 158, /app/venice-islands/app/assets/stylesheets/main/overlays.scss */
#cartographyImage {
  width: 33%;
  padding: 35px 0px;
  background-image: url(/../image/hMap.png);
  background-size: 80px 70px;
  background-repeat: no-repeat;
  background-position: right;
  float: right;
  clear: none;
}

/* line 169, /app/venice-islands/app/assets/stylesheets/main/overlays.scss */
#cartographyImage:hover {
  width: 33%;
  padding: 35px 0px;
  background-position: right;
  background-image: url(/../image/hMap2.png);
  background-size: 80px 70px;
  background-repeat: no-repeat;
  float: right;
  clear: none;
}

/* feature overrides for mobile users 
* add this to your html page AFTER calling styles.css, since this overrides calls
* given in styles.css
* from: https://css-tricks.com/snippets/css/media-queries-for-standard-devices/ 
*/
/* ----------- iPhone 4 and 4S ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
  /* line 14, /app/venice-islands/app/assets/stylesheets/main/mobile.scss */
  .info {
    display: none;
    visibility: hidden;
  }

  /* line 18, /app/venice-islands/app/assets/stylesheets/main/mobile.scss */
  .leaflet-control-attribution {
    display: none;
    visibility: hidden;
  }
}
/* ----------- iPhone 5 and 5S ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
  /* line 31, /app/venice-islands/app/assets/stylesheets/main/mobile.scss */
  .info {
    display: none;
    visibility: hidden;
  }

  /* line 35, /app/venice-islands/app/assets/stylesheets/main/mobile.scss */
  .leaflet-control-attribution {
    display: none;
    visibility: hidden;
  }
}
/* ----------- iPhone 6 ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) {
  /* line 49, /app/venice-islands/app/assets/stylesheets/main/mobile.scss */
  .info {
    display: none;
    visibility: hidden;
  }

  /* line 53, /app/venice-islands/app/assets/stylesheets/main/mobile.scss */
  .leaflet-control-attribution {
    display: none;
    visibility: hidden;
  }
}
/* ----------- iPhone 6+ ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {
  /* line 67, /app/venice-islands/app/assets/stylesheets/main/mobile.scss */
  .info {
    display: none;
    visibility: hidden;
  }

  /* line 71, /app/venice-islands/app/assets/stylesheets/main/mobile.scss */
  .leaflet-control-attribution {
    display: none;
    visibility: hidden;
  }
}
/* ----------- Galaxy S3 ----------- */
/* Portrait and Landscape */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) {
  /* line 85, /app/venice-islands/app/assets/stylesheets/main/mobile.scss */
  .info {
    display: none;
    visibility: hidden;
  }

  /* line 89, /app/venice-islands/app/assets/stylesheets/main/mobile.scss */
  .leaflet-control-attribution {
    display: none;
    visibility: hidden;
  }
}
/* ----------- Galaxy S4 ----------- */
/* Portrait and Landscape */
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
  /* line 104, /app/venice-islands/app/assets/stylesheets/main/mobile.scss */
  .info {
    display: none;
    visibility: hidden;
  }

  /* line 108, /app/venice-islands/app/assets/stylesheets/main/mobile.scss */
  .leaflet-control-attribution {
    display: none;
    visibility: hidden;
  }
}
/* ----------- Galaxy S5 ----------- */
/* Portrait and Landscape */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
  /* line 122, /app/venice-islands/app/assets/stylesheets/main/mobile.scss */
  .info {
    display: none;
    visibility: hidden;
  }

  /* line 126, /app/venice-islands/app/assets/stylesheets/main/mobile.scss */
  .leaflet-control-attribution {
    display: none;
    visibility: hidden;
  }
}
/* ----------- HTC One ----------- */
/* Portrait and Landscape */
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
  /* line 140, /app/venice-islands/app/assets/stylesheets/main/mobile.scss */
  .info {
    display: none;
    visibility: hidden;
  }

  /* line 144, /app/venice-islands/app/assets/stylesheets/main/mobile.scss */
  .leaflet-control-attribution {
    display: none;
    visibility: hidden;
  }
}
/*
*   This file contains styling for the help screen
*/
/*Help window background*/
/* line 6, /app/venice-islands/app/assets/stylesheets/main/help.scss */
#help {
  visibility: hidden;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  text-align: left;
  background: rgba(0, 0, 0, 0.3);
  z-index: 100;
  position: absolute;
}

/*help window itself*/
/* line 19, /app/venice-islands/app/assets/stylesheets/main/help.scss */
#help div {
  height: calc(100% - 100px);
  width: calc(100% - 100px);
  max-width: 835px;
  float: center;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: left;
  font: 14px/16px Arial, Helvetica, sans-serif;
  background: white;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
  border-radius: 5px;
  z-index: 150;
  position: absolute;
}

/*iframe within help window*/
/* line 36, /app/venice-islands/app/assets/stylesheets/main/help.scss */
#helpContent {
  width: 100%;
  height: 100%;
}

/* line 40, /app/venice-islands/app/assets/stylesheets/main/help.scss */
#helpContent::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
}

/* line 44, /app/venice-islands/app/assets/stylesheets/main/help.scss */
#helpContent::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

/* line 50, /app/venice-islands/app/assets/stylesheets/main/help.scss */
#helpX {
  width: auto;
  height: auto;
  bottom: 60px;
  right: calc(50% - 55px);
  position: fixed;
}

/*
* This file contains all css styling for the coloring and filter toolbars
*   and the items contained within
*/
/* Outer div CLASS for toolbars (what you see the icons in) */
/* line 7, /app/venice-islands/app/assets/stylesheets/main/toolbars.scss */
.iconBox {
  font: 14px/16px Arial, Helvetica, sans-serif;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  border-radius: 5px;
  padding: 6px;
  max-height: 20px;
}

/* id for any item going inside of a toolbar */
/* line 17, /app/venice-islands/app/assets/stylesheets/main/toolbars.scss */
#iconField {
  margin-left: 7px;
}

/* id for any item going inside of a toolbar */
/* line 22, /app/venice-islands/app/assets/stylesheets/main/toolbars.scss */
#controlIcon {
  padding: 2px;
}

/*Coloring toolbar legend*/
/* line 27, /app/venice-islands/app/assets/stylesheets/main/toolbars.scss */
.legend {
  font: 14px/16px Arial, Helvetica, sans-serif;
  line-height: 18px;
  color: #555;
  height: auto;
  width: auto;
  max-height: 165px;
  background: rgba(255, 255, 255, 0.8);
  padding: 6px 8px;
  border-radius: 5px;
  overflow-y: scroll;
  z-index: 100;
}

/* line 40, /app/venice-islands/app/assets/stylesheets/main/toolbars.scss */
.legend::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
}

/* line 44, /app/venice-islands/app/assets/stylesheets/main/toolbars.scss */
.legend::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

/* line 49, /app/venice-islands/app/assets/stylesheets/main/toolbars.scss */
.legend i {
  width: 18px;
  height: 18px;
  float: left;
  margin-right: 8px;
  opacity: 0.7;
}

/*
* styling for the general information box
*/
/* line 5, /app/venice-islands/app/assets/stylesheets/main/genInfo.scss */
.info {
  padding: 6px 8px;
  font: 14px/16px Arial, Helvetica, sans-serif;
  background-color: black !important;
  background: white;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}

/* line 14, /app/venice-islands/app/assets/stylesheets/main/genInfo.scss */
.info h4 {
  margin: 0 0 5px;
  color: #777;
}

/* line 18, /app/venice-islands/app/assets/stylesheets/main/genInfo.scss */
.info h2 {
  font: 15px Arial, Helvetica, sans-serif;
  margin: 0 0 1px;
  color: #1313f5;
}

/*
* Styling for the container holding the VPC logo and help screen btn
*/
/* line 6, /app/venice-islands/app/assets/stylesheets/main/banner.scss */
.VPCinfo {
  padding: 6px 8px;
  font: 14px/16px Arial, Helvetica, sans-serif;
  background: white;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}

/* line 14, /app/venice-islands/app/assets/stylesheets/main/banner.scss */
.VPCinfo h4 {
  margin: 0 0 5px;
  color: #777;
}

/*
*   This file contains universal styling for major components
*   of the web page. Styling for individual features are broken
*   down into the following individual files:
*   - loading screen: loading.css
*   - overlaid information windows: overlays.css
*   - help window:  help.css
*   - mobile browsers: mobile.css
*/
/* line 10, /app/venice-islands/app/assets/stylesheets/main/style.scss */
html, body {
  height: 100%;
  width: 100%;
  margin: 0px;
}

/* line 17, /app/venice-islands/app/assets/stylesheets/main/style.scss */
div, span, p, a, h1, h2, h3, h4, h5, h6 {
  font-family: 'Gilroy';
}

/* line 21, /app/venice-islands/app/assets/stylesheets/main/style.scss */
#map {
  height: calc( 100% - 61px );
  width: 100%;
  z-index: 1;
}

/* grey background */
/* line 28, /app/venice-islands/app/assets/stylesheets/main/style.scss */
#overlay {
  visibility: hidden;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  text-align: left;
  z-index: 10;
  background: rgba(0, 0, 0, 0.2);
}

/*white box for text overlay*/
/* line 41, /app/venice-islands/app/assets/stylesheets/main/style.scss */
#inner {
  width: 80%;
  max-width: 500px;
  margin: auto;
  float: center;
  top: 20px;
  left: 0;
  right: 0;
  text-align: left;
  padding-top: 0px;
  padding-bottom: 0px;
  max-height: 100%;
  font: 14px/16px Arial, Helvetica, sans-serif;
  background: white;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  border-radius: 0px;
  overflow-y: auto;
  position: absolute;
}
/* line 61, /app/venice-islands/app/assets/stylesheets/main/style.scss */
#inner div, #inner p, #inner b, #inner span {
  color: black;
}

/* Apply to all divs within inner, this lets you
*   dynamically resize boxes with overlay info
*   BE CAREFUL, this is applied to
*   #topBar, .bottomBar, and .moreInfo
*/
/* line 72, /app/venice-islands/app/assets/stylesheets/main/style.scss */
#inner * {
  max-height: 80%;
}

/* line 76, /app/venice-islands/app/assets/stylesheets/main/style.scss */
#inner::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 10px;
}

/* line 80, /app/venice-islands/app/assets/stylesheets/main/style.scss */
#inner::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}

/* line 86, /app/venice-islands/app/assets/stylesheets/main/style.scss */
#overlay::first-line {
  margin-top: 20px;
  text-align: center;
}

/*button used for closing out of most overlay windows*/
/* line 92, /app/venice-islands/app/assets/stylesheets/main/style.scss */
a.Xbutton {
  border: 4px solid;
  border-radius: 15px;
  border-color: rgba(255, 255, 255, 0);
  height: auto;
  float: right;
  background: #575757;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0);
  color: #e5e5e5;
  width: auto;
  font-weight: bold;
  font-size: 18px;
}

/* line 106, /app/venice-islands/app/assets/stylesheets/main/style.scss */
a.Xbutton:hover {
  border-color: powderblue;
}

/*Search Bar Width*/
/* line 111, /app/venice-islands/app/assets/stylesheets/main/style.scss */
.leaflet-control-search .search-input {
  height: 25px;
  width: 150px;
  font-size: 12pt;
}

/* line 116, /app/venice-islands/app/assets/stylesheets/main/style.scss */
.search-tip {
  min-width: 150px;
}

/* line 119, /app/venice-islands/app/assets/stylesheets/main/style.scss */
.search-cancel {
  top: 4px;
}

/* line 122, /app/venice-islands/app/assets/stylesheets/main/style.scss */
.search-button {
  margin-top: 3.0px;
}

/*NEW*/
/* line 126, /app/venice-islands/app/assets/stylesheets/main/style.scss */
.text-header-vpc {
  font-size: 18px;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}

/* line 131, /app/venice-islands/app/assets/stylesheets/main/style.scss */
.white-mode {
  background-color: white;
  color: black;
}

/* line 135, /app/venice-islands/app/assets/stylesheets/main/style.scss */
.dark-mode {
  background-color: black;
  color: white;
}

/* line 139, /app/venice-islands/app/assets/stylesheets/main/style.scss */
.header-vpc {
  z-index: 5;
  display: grid;
  grid-template-areas: 'how title vpc';
  grid-template-columns: 1fr 1fr 1fr;
  padding-bottom: 20px;
  padding-top: 20px;
  line-height: 20px;
}

/* line 148, /app/venice-islands/app/assets/stylesheets/main/style.scss */
.button {
  cursor: pointer;
}

/* line 152, /app/venice-islands/app/assets/stylesheets/main/style.scss */
.header-visit-vpc {
  grid-area: vpc;
  cursor: pointer;
  text-decoration: none;
  text-align: right;
  margin-right: 15px;
  color: white;
}

/* line 161, /app/venice-islands/app/assets/stylesheets/main/style.scss */
a.header-visit-vpc:hover {
  color: orange !important;
}

/* line 165, /app/venice-islands/app/assets/stylesheets/main/style.scss */
.leaflet-control-zoom .leaflet-bar .leaflet-contrl {
  position: absolute;
  top: 70vh;
  left: 75vw;
}

/* line 173, /app/venice-islands/app/assets/stylesheets/main/style.scss */
#spinPanel .spinner {
  margin-left: 50%;
  margin-top: 25%;
}

/* line 179, /app/venice-islands/app/assets/stylesheets/main/style.scss */
#map .awesomplete {
  display: inline;
}
/* line 181, /app/venice-islands/app/assets/stylesheets/main/style.scss */
#map .awesomplete ul {
  display: none;
}
/* line 186, /app/venice-islands/app/assets/stylesheets/main/style.scss */
#map .visually-hidden {
  display: none;
}

/* line 193, /app/venice-islands/app/assets/stylesheets/main/style.scss */
.container_about {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-areas: 'img text';
  margin-left: 15px;
  margin-right: 15px;
  place-self: center;
}

/* line 202, /app/venice-islands/app/assets/stylesheets/main/style.scss */
.img_container {
  grid-area: img;
  place-self: center;
}
/* line 205, /app/venice-islands/app/assets/stylesheets/main/style.scss */
.img_container img {
  width: 95%;
}

/* line 210, /app/venice-islands/app/assets/stylesheets/main/style.scss */
.text_container {
  grid-area: text;
  place-self: center;
}
/* line 214, /app/venice-islands/app/assets/stylesheets/main/style.scss */
.text_container h2 {
  margin-top: 10px;
  margin-bottom: 10px;
}
/* line 218, /app/venice-islands/app/assets/stylesheets/main/style.scss */
.text_container p {
  margin: 0;
}

/* line 224, /app/venice-islands/app/assets/stylesheets/main/style.scss */
.title h1 {
  text-align: center;
  margin-bottom: 10px;
  margin-top: 10px;
}

/* line 231, /app/venice-islands/app/assets/stylesheets/main/style.scss */
.guida {
  margin-top: 15px;
  border: solid 1px #ffffff;
  background: transparent;
  border-radius: 50px;
  padding: .7em 2.4em;
  cursor: pointer;
  transition: .3s ease-in-out;
  min-width: 120px;
  display: inline-grid;
  max-height: 30px;
  color: #ffffff;
  text-decoration: none;
}

/* line 247, /app/venice-islands/app/assets/stylesheets/main/style.scss */
.guida span {
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: .05em;
  transition: .3s ease-in-out;
  margin: 0 !important;
  place-self: center;
}

/* line 257, /app/venice-islands/app/assets/stylesheets/main/style.scss */
.guida::hover {
  animation: shinehover 2s infinite ease-in-out;
  transition: .3s;
}

/* line 262, /app/venice-islands/app/assets/stylesheets/main/style.scss */
.guida::hover span {
  transition: .3s ease-in-out;
}

/* line 266, /app/venice-islands/app/assets/stylesheets/main/style.scss */
.back {
  text-align: center;
  margin-top: 30px;
}

/*
.my_link{
  text-decoration: none;
  cursor: pointer;
  color: white;
}  

.guida{
  padding: 4px;
  border: 3px solid #e5b106;
  border-radius: 10px;
  color: #e5b106;
  text-transform: uppercase;
  cursor: pointer;
  text-decoration: none;
} 

.guida:hover{
  background-color: rgba(63,63,63,0.95);
}

.my_link:hover{
  color: #e5b106;
}


*/
/*.about_modal{
  position: absolute;
  z-index: 9999;
  background-color: rgba(0,0,0,0.7);
  width: 100%;
  min-height: 100%;
  display: none;
  padding-bottom: 20px;
  
  
}

.about_modal .container{
    margin-top: 100px;
    text-align: center;
    p{
      margin-left: 10px;
      margin-right: 10px;
    }
    h1{
      font-size: 30px;
    }
}

.about_modal .image_container {
  margin: 0 auto;
}

.about_modal .image_container img{
  width: 80%;
}

.my_link{
  text-decoration: none;
  cursor: pointer;
  color: white;
}  

.guida{
  padding: 4px;
  border: 3px solid #e5b106;
  border-radius: 10px;
  color: #e5b106;
  text-transform: uppercase;
  cursor: pointer;
  text-decoration: none;
} 

.guida:hover{
  background-color: rgba(63,63,63,0.95);
}

.my_link:hover{
  color: #e5b106;
} */
/*.my_link:hover:after{
  content: '  →';
} */
/*
.close_modal{
  margin-top: 15px;
  font-size: 26px;
  font-weight: 800;
  float: right;
  color: #fff;
  margin-right: 15px;
  border: 3px solid #cc2f0c;
  border-radius: 5px;
  min-width: 30px;
  padding: 5px;
  background: #cc2f0c;
  text-align: center;
  cursor: pointer;
}*/
/*.close_modal:hover{
  background-color: rgba(63,63,63,0.95);
}*/