/* Classes = . Ids = # */

/* Darker Green #308b21
/* Lighter Green #5ba117 */

@font-face {
  font-family: 'Gotham-Med';
  src: url('../fonts/gotham-medium.woff') format('woff'),
       url('../fonts/Gotham-Med.ttf')  format('truetype');
}

* {margin: 0; border: 0; padding: 0; outline: 0;}

/* Defaults - Background white 
<P> and labels white
#main black
etc....
*/
body {background-color:#ffffff;overflow-x: hidden; overflow-y: scroll;}
ul {list-style-type: none;}
.clear {clear: both;}

/* for text that needs space lines 
#bigtext {
   white-space: pre-wrap;
}
*/

img {max-width: 100%; height: auto;}

/*.site-wrap              {position: relative;}
.site-wrap:before       {content: ""; position: absolute; width: 50%; top: 0; left: 0; bottom: 0; background: url(../images/bg-rpt.jpg); z-index: -1;}
.site-wrap:after        {content: ""; position: absolute; width: 50%; top: 0; right: 0; bottom: 0; background: url(../images/bg-rpt.jpg) right top; z-index: -1;}
.site-inner             {background: #fff;}
*/


#header,
#footer		{background: #3344aa; color: #fff;}
#footer a 	{color: #fff;}
#footer p:last-of-type	{font-size: 12px;}

.site-logo          {display: block; margin: 0 auto; max-height: 80px;}

#homemenus      {text-align: center;}
ul.headMenu		{margin: 0; padding: 12px 25px; background: #fff; border-radius: 5px; display: inline-block;}
ul.headMenu > li 	{display: inline-block;}
ul.headMenu > li + li 	{margin-left: 15px;}
ul.headMenu > li > a 	{color: #3344aa; font-weight: 600;}
ul.headMenu > li > a:hover,
ul.headMenu > li > a:focus  {color: #e88018; text-decoration: underline;}

#homeBanner .carousel-indicators    {margin: 0; justify-content: flex-start; left: 50px; bottom: 20px;}
#homeBanner .carousel-item {max-height: 450px; background: #3344aa;} 
/*#homeMobile .item       {max-height: 450px; background: #fff;} */
#homeBanner .carousel-item .overlay,
#homeMobile .item .overlay          {position: absolute; top: 0; left: 0; height: 100%; width: 50%; display: flex; align-items: center;}
#homeBanner .carousel-item .overlay > div {padding-left: 50px; color: #fff;}
/*#homeMobile .item .overlay > div    {padding-left: 50px; color: #fff;} */
#homeBanner .carousel-item .overlay > div h2,
#homeMobile .item .overlay > div h2 {font-family: 'Gotham-Med'; font-size: 42px;}
#homeBanner .carousel-item .overlay > div h3,
#homeMobile .item .overlay > div h3 {font-family: 'Gotham-Med'; font-size: 26px;}
#homeBanner .carousel-item .overlay > div a,
#homeMobile .item .overlay > div a  {display: inline-block; color: #fff; border: 2px solid #fff; font-family: 'Gotham-Med'; padding: 12px 30px; margin-top: 30px; text-decoration: none; font-size: 18px;}
#homeBanner .carousel-item .overlay > div a:hover,
#homeMobile .item .overlay > div a:hover    {background: #3344aa; color: #fff;}

.searchLeft     {background: rgb(255, 244, 231);}
.searchLeft input,
.searchLeft label   {cursor: pointer;}

/*.eventImg           {background: rgba(115, 113, 255, 0.18);} */
.eventImg           {background: rgba(255, 255, 255);}
.eventImg img       {max-height: 100px;}
.eventBox .card-body    {min-height: 280px;}
.eventBox button    {bottom: .5rem; right: .5rem;}
.eventBox .miles    {bottom: .5rem; left: .5rem;}

@media all and (min-width: 576px) {
    ul.headMenu > li + li 	{margin-left: 25px;}
}

@media all and (min-width: 992px) {
    .site-logo      {margin: 0; max-height: none;}
    #homemenus      {text-align: right;}
}

.fancybox__container {
	z-index: 99999;
}

.marker {
  background-image: url('mapbox-icon.png');
  background-size: cover;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  cursor: pointer;
}
.marker-count {
      background:#9829c7 ;
      color: white;
      border-radius: 50%;
      width: 25px;
      height: 25px;
      text-align: center;
      line-height: 25px;
      font-size: 12px;
      font-weight: bold;
      cursor: pointer;
    }
.individual-marker {
      background: #9829c7;
      border-radius: 50%;
      width: 10px;
      height: 10px;
    }