:root {
  --green-text: color: #3d572f; 
  --rolfson-orange: color: #f48a2b;
}

body {

    margin: 0;

    padding: 0;

}



#map {

    position: absolute;

    top: 0;

    bottom: 0;

    width: 100%;

}



.marker {

    /* background-image: url('mapbox-icon.png'); */

    position: absolute;

    height: 30px;

    border: 1px solid rgb(53, 51, 51);

    color: white;

}



.marker-icon, .marker-text {

    vertical-align: middle;

    display: inline-block;

    margin-left: 2px;

}



.marker-icon{

    border-color: aquamarine;

    border-width: 120px;

    margin-top: 2px;

}



.marker-text{

    font-size: 20px;

	font-weight: bold;

	margin-right:8px;

}



/* .mapboxgl-marker {

    cursor: pointer;

} */



.marker {

    background-image: url('../img/icon.png');

    background-size: cover;

    border: none;

    width: 50px;

    height: 50px;

    border-radius: 50%;

    cursor: pointer;

  }



p, h3{

    margin: 0;

}



p{

    font-size: 15px;

}



button{

    width: 200px;

    height: 40px;

    margin-top: 10px;

    border-width: 1px;

    border-radius: 10px;

    color: white;

    font-size: 15px;

    background-color: #f48a2b;

    border-color: white;

}



button:focus {

    outline: none;

}



button:hover{

    cursor: pointer;

    color: white;

    border-color: white;

    outline: none;

}



button:active{

    color: white;

    border-color: white;

}



.mapboxgl-popup-close-button{

   display: none;

}



.mapboxgl-popup-content{

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 220px;
    color: #3d572f;
    border-width: 5px;
    border-color: #617c58;
	  padding: 20px 20px 40px 20px;
	/* padding-top: 5px; */

}


.mapboxgl-popup-anchor-top .mapboxgl-popup-tip,

.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip,

.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {

   border-top-color: rgb(255 255 255 / 0%) !important;

}

.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip,

.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip,

.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {

  border-top-color: rgb(255 255 255 / 0%) !important;

}

.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {

   border-top-color: rgb(255 255 255 / 0%) !important;

}

.mapboxgl-popup-anchor-right .mapboxgl-popup-tip {

  border-top-color: rgb(255 255 255 / 0%) !important;

}

.top-info {
    margin-bottom: 10px;
}

.top-info-label {
    font-weight: bold;
}

.top-info a {
  color: var(--green-text);
  text-decoration: none;
}

.top-info-label.last {
  margin-bottom: 5em;
}

.location-image-container {
    margin-bottom: 20px;
}

.location-image {
    border: 1px solid #97979d52;
    box-sizing: border-box;
    cursor: pointer;
}

/* button {
    cursor: pointer;
    background: transparent;
    border: none;
    outline: none;
    font-size: inherit;
  } */

  /* .btn-group {
    text-align: center;
  } */

.modal { 
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: left;
    justify-content: center;
    padding: 1rem;
    background: rgba(15, 41, 23, 0.555);
    cursor: pointer;
    visibility: hidden;
    opacity: 0;
    transition: all 0.35s ease-in;
    transition-duration: 0ms;
    transform: translate(0,0);
    /* transform: scale(1); */
    z-index: 9999;
    width: 100vw;
    height: 100vh;
  }

  .see-it {
    opacity: 1;
    color: white;
    visibility: visible !important;
  }

  .reset-position {
        /* max-width: 100vw; */
        transform: translate(0, 0) !important;
        visibility: hidden;
  }

  .modal-dialog {
    height: 100%;
    max-height: 70vh;
    position: relative;
    top: 10%;
    /* background-color: rgba(255, 255, 255, 0.527); */
    padding: 0 3% 3% 3%;
    border-radius: 5px;
    /* background: var(--white); */
    overflow: hidden;
    cursor: default;
    /* color: darkgray; */
    font-family: "Open Sans Bold", Verdana, Geneva, Tahoma, sans-serif;
    font-weight: bold;
  }

  .modal-header {
    font-size: 1rem;
  }

  .modal-footer {
    font-size: 1rem;
  }
  /* .modal-dialog > * {
    padding: 1rem;
  } */
   
  .modal-header,
  .modal-footer {
    /* background: lightgray; */
  }
   
  .modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
   

  .modal-footer {
    padding-top: 2%;
  }

  /* .modal-header .modal-close {
    font-size: 1.5rem;
  } */
   
  /* .modal p + p {
    margin-top: 1rem;
  } */

  span.close-modal {
    background: none;
    border: none;
    /* color: rgba(15, 41, 23, 0.555); */
    cursor: pointer;
    width: 20px;
    font-size: 2em;
    font-weight: bold;
    padding-right: 1%;
  }

  .expanded-image {
    max-height: 60vh;
    max-width: 80vw;
    object-fit: fill;
  }