@charset "utf-8";
/* CSS Document */

/* ------------------------------- */
/* Title */
/* ------------------------------- */

article > .title {
 display: flex;
 height: 500px;
 justify-content: center;
 align-items: center;
 text-align: center;
 background: url(/img/site/results/img_title.jpg) center no-repeat;
}

article > .title h1 {
 margin-bottom: 10px;
 font-size: 50px;
 font-weight: bold;
}

article > .title h1 span {
 color: #15A839;
}

article > .title h2 {
 font-size: 16px;
 font-weight: bold;
}

@media (max-width: 767px) {
 article > .title {
  height: 200px;
  background-size: auto 100%;
 }
 
 article > .title h1 {
  font-size: 30px;
 }
}


/* ------------------------------- */
/* Results Title */
/* ------------------------------- */

.results-title h1 {
 font-size: 20px;
 font-weight: bold;
 text-align: center;
 line-height: 1.4;
}


/* ------------------------------- */
/* Results */
/* ------------------------------- */

/* Map */

#map {
 position: relative;
 margin-bottom: 30px;
 padding-bottom: 600px;
 height: 0;
 overflow: hidden;
}

#map iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100% !important;
 height: 100% !important;
}

.results h1 {
 margin: 20px 0 10px 0;
 color: #1F9F3C;
 font-size: 40px;
 font-weight: bold;
}

.results h1 span {
 display: block;
 margin-bottom: 8px;
 font-size: 20px;
}

.results p {
 line-height: 1.6;
}

.results table th {
 color: #FFF;
 background-color: #1F9F3C;
}

.results .table-responsive {
 height: 500px;
}

.results .marker-count {
 color: #1F9F3C;
 font-size: 1.8rem;
 font-weight: bold;
 text-align: center;
}

.results .detail {
 max-height: 200px;
 overflow-y: auto;
}

.results .detail table th {
 color: #333;
 text-align: center;
 background-color: #e2e2e2;
 border: 1px solid #919191;
}

.results .detail table td {
 text-align: center;
 border: 1px solid #919191;
}

@media screen and (max-width: 767px) {
 .results .table-responsive {
  overflow-y: scroll;
  height: 300px;
 }
}