/* 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;}

/*.modal-backdrop:nth-of-type(2) {
    z-index: 9998;
}
*/

/* 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;}

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

.site-wrap              {position: relative;}
.site-wrap:before       {content: ""; position: absolute; width: 50%; top: 0; left: 0; bottom: 0;  z-index: -1;}
.site-wrap:after        {content: ""; position: absolute; width: 50%; top: 0; right: 0; bottom: 0;  z-index: -1;}
.site-inner             {background: #fff;}

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

#homemenus      {text-align: center;}
ul.headMenu > li 	{display: inline-block;}
ul.headMenu > li + li 	{margin-left: 15px;}
ul.headMenu > li > a 	{color: #fff;}
ul.headMenu > li > a:hover,
ul.headMenu > li > a:focus  {color: #01baf4; 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           
.eventImg img        {max-height: 250px;}
.eventBox .card-body {min-height: 350px;}
.eventBox button     {bottom: .5rem; right: .5rem;}
.eventBox .miles     {bottom: .5rem; left: .5rem;}

.unitImg           
.unitImg img        {max-height: 150px;}
.unitBox .card-body {min-height: 150px;}
.unitBox button     {bottom: .5rem; right: .5rem;}
.unitBox .miles     {bottom: .5rem; left: .5rem;}


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

@media all and (min-width: 992px) {
    #homemenus      {text-align: right;}
}

.marker {
  background-image: url('mapbox-icon.png');
  background-size: cover;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  cursor: pointer;
}

#vbHeader {
    background: #012444;
}
#vbHeader .site-logo {
    max-height: 65px;
    display: block;
}
#vbHeadBanner {
    height: 80vh;
    background: url(../images/TestBackground-5-scaled.jpg) no-repeat center;
    background-size: cover;
}
#vbHeadBanner .homeBannerBtn {
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    background: #017ec3;
    padding: 15px 60px;
    text-align: center;
    text-decoration: none;
}
#vbHeadBanner .homeBannerBtn:hover {
    background: #01baf4;
}
#vbHomeContent {
    background: url(../images/TestBackground-7.jpg), linear-gradient(180deg, #2b87da 0%, #29c4a9 100%);
    background-position: 50%;
    background-size: cover;
}
#vbHomeContent .icon {
    max-height: 150px;
}
#vbHomeContent ul {
    list-style-type: disc;
}
#vbHomeContent ul li + li {
    margin-top: 8px;
}
#vbHomeContent .homeContentBtns a {
    display: block;
    color: #fff;
    text-transform: uppercase;
    background: #017ec3;
    padding: 15px 0;
    text-align: center;
    text-decoration: none;
}
#vbHomeContent .homeContentBtns a:hover {
    background: #01baf4;
}
#vbFooter {
    background: #012444;
}

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

   
    #mobMenuToggle {
        cursor: pointer;
    }
    .vbb .headMenu {
        background: #012444;
        position: absolute;
        top: 100%;
        padding: 37px 25px 10px;
        right: -300px;
    }
    .vbb ul.headMenu > li {
        display: block;
    }
    .vbb ul.headMenu > li + li {
        margin-left: 0;
    }
    .vbb ul.headMenu > li > a {
        padding: 8px 0;
    }


@media all and (max-width: 992px){
    .headMenu {
        background: #012444;
        position: absolute;
        top: 100%;
        padding: 37px 25px 10px;
        right: -300px;
    }
    ul.headMenu > li {
        display: block;
    }
    ul.headMenu > li + li {
        margin-left: 0;
    }
    ul.headMenu > li > a {
        padding: 8px 0;
    }
}

@media all and (max-width: 768px){
    #vbHeadBanner {
        height: 70vh;
    }
}
 
@media all and (max-width: 586px){
    #vbHeadBanner {
        height: 65vh;
    }
}
@media all and (max-width:768px){
.NoRqd {min-width: 80px;}
}

// Slick stuff
.slick-prev, .slick-next {
  z-index: 999; 
  color: black !important; /* or any color that stands out */
  font-size: 24px;         /* make them big enough to see */
}