html{font-size:62.5%;}
body {
  font-family: var(--font-primary);
  display: flex;
  flex-direction: column;
  height: 100vh;
  font-size:1.6rem;
  background:#efefef;

}
img{max-width:100%;}
main {
  flex: 1 0 auto;
}

h1, .h1{
    font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif;
    font-weight:500;
    color:#333;
    font-size:3rem;
}
h2, .h2, h3, .h3{
          font-family: "Limelight", sans-serif;
        font-size:6rem;
}
h3, .h3{font-size:3rem;}

/*Spacing classes*/
.m-1{margin:1rem;}
.my-1{margin-top:1rem; margin-bottom:1rem;}
.mx-1{margin-left:1rem; margin-right:1rem;}
.mt-1{margin-top:1rem;}
.mb-1{margin-bottom:1rem;}
.m-2{margin:2rem;}
.my-2{margin-top:2rem; margin-bottom:2rem;}
.mx-2{margin-left:2rem; margin-right:2rem;}
.mt-2{margin-top:2rem;}
.mb-2{margin-bottom:2rem;}

.m-3{margin:3rem;}
.my-3{margin-top:3rem; margin-bottom:3rem;}
.mx-3{margin-left:3rem; margin-right:3rem;}
.mt-3{margin-top:3rem;}
.mb-3{margin-bottom:3rem;}

.m-4{margin:4rem;}
.my-4{margin-top:4rem; margin-bottom:4rem;}
.mx-4{margin-left:4rem; margin-right:4rem;}
.mt-4{margin-top:4rem;}
.mb-4{margin-bottom:4rem;}

.m-5{margin:5rem;}
.my-5{margin-top:5rem; margin-bottom:5rem;}
.mx-5{margin-left:5rem; margin-right:5rem;}
.mt-5{margin-top:5rem;}
.mb-5{margin-bottom:5rem;}

.m-6{margin:6rem;}
.my-6{margin-top:6rem; margin-bottom:6rem;}
.mx-6{margin-left:6rem; margin-right:6rem;}
.mt-6{margin-top:6rem;}
.mb-6{margin-bottom:6rem;}

.m-7{margin:7rem;}
.my-7{margin-top:7rem; margin-bottom:7rem;}
.mx-7{margin-left:7rem; margin-right:7rem;}
.mt-7{margin-top:7rem;}
.mb-7{margin-bottom:7rem;}

.m-8{margin:8rem;}
.my-8{margin-top:8rem; margin-bottom:8rem;}
.mx-8{margin-left:8rem; margin-right:8rem;}
.mt-8{margin-top:8rem;}
.mb-8{margin-bottom:8rem;}

.m-9{margin:9rem;}
.my-9{margin-top:9rem; margin-bottom:9rem;}
.mx-9{margin-left:9rem; margin-right:9rem;}
.mt-9{margin-top:9rem;}
.mb-9{margin-bottom:9rem;}

.p-1{padding:1rem;}
.py-1{padding-top:1rem; padding-bottom:1rem;}
.px-1{padding-left:1rem; padding-right:1rem;}
.pt-1{padding-top:1rem;}
.pb-1{padding-bottom:1rem;}

.p-2{padding:2rem;}
.py-2{padding-top:2rem; padding-bottom:2rem;}
.px-2{padding-left:2rem; padding-right:2rem;}
.pt-2{padding-top:2rem;}
.pb-2{padding-bottom:2rem;}

.p-3{padding:3rem;}
.py-3{padding-top:3rem; padding-bottom:3rem;}
.px-3{padding-left:3rem; padding-right:3rem;}
.pt-3{padding-top:3rem;}
.pb-3{padding-bottom:3rem;}

.p-4{padding:4rem;}
.py-4{padding-top:4rem; padding-bottom:4rem;}
.px-4{padding-left:4rem; padding-right:4rem;}
.pt-4{padding-top:4rem;}
.pb-4{padding-bottom:4rem;}

.p-5{padding:5rem;}
.py-5{padding-top:5rem; padding-bottom:5rem;}
.px-5{padding-left:5rem; padding-right:5rem;}
.pt-5{padding-top:5rem;}
.pb-5{padding-bottom:5rem;}

.p-6{padding:6rem;}
.py-6{padding-top:6rem; padding-bottom:6rem;}
.px-6{padding-left:6rem; padding-right:6rem;}
.pt-6{padding-top:6rem;}
.pb-6{padding-bottom:6rem;}

.p-7{padding:7rem;}
.py-7{padding-top:7rem; padding-bottom:7rem;}
.px-7{padding-left:7rem; padding-right:7rem;}
.pt-7{padding-top:7rem;}
.pb-7{padding-bottom:7rem;}

.p-8{padding:8rem;}
.py-8{padding-top:8rem; padding-bottom:8rem;}
.px-8{padding-left:8rem; padding-right:8rem;}
.pt-8{padding-top:8rem;}
.pb-8{padding-bottom:8rem;}

.p-9{padding:9rem;}
.py-9{padding-top:9rem; padding-bottom:9rem;}
.px-9{padding-left:9rem; padding-right:9rem;}
.pt-9{padding-top:9rem;}
.pb-9{padding-bottom:9rem;}



/** bootstrap overrides**/
a{
    color: var(--primary-color);
    text-decoration: none !important;
}
a:hover{
    color: var(--primary-color-dark);
}
.btn-primary{
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color-dark) !important;
}
.btn-primary:hover{
    background-color: var(--primary-color-dark) !important;
    border-color: var(--primary-color-dark) !important;
}
.btn-secondary{
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color-dark) !important;
}
.btn-secondary:hover{
    background-color: var(--secondary-color-dark) !important;
    border-color: var(--secondary-color-dark) !important;
}
.btn-success{
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color-dark) !important;
}
.btn-success:hover{
    background-color: var(--primary-color-dark) !important;
    border-color: var(--primary-color-dark) !important;
}

.footer {
  flex-shrink: 0;
}

.topNav {
  background-color: var(--primary-color);
}
.topNav .navList {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.topNav .navList .item {
  padding:5px 1rem;
  display: flex;
  align-items: center;
}

.topNav .navList .item:hover {
  background-color: var(--primary-color-dark);
}
.topNav .navList .item:first-child {
  border-left: none;
}
.topNav .navList .item .title {
  color: var(--body-color);
     font-size: 1.2rem;
    font-weight: 600;
  text-decoration: none;
}

.header {
  padding: 5px 0;
  align-items: center;
  line-height: 24px;
}

.header .logoWrapper {
  margin-top: 1em;
  height:50px;
}
.logo {
    max-height: 100%;
}
.header .textWrapper {
  align-items: center;
}
.header .titleWrapper {
  margin-right: 1em;
}

.header .titleWrapper .title {
  font-size: 16px;
  font-family: var(--font-title);
  margin-bottom: 0;
}

.header .searchWrapper {
  display: flex;
  align-items: center;
}

.header .searchWrapper .searchBox {
  margin-right: 0.2em;
}
.nav-container{
    background:#fff;
    border-bottom:1px solid #ddd;
}

.mainMenu .navList {
  font-size: 1.4rem;
  font-family: var(--font-title);
  text-transform: uppercase;
    font-weight: 600;
}
.desktopMenu .navList .active-menu-item{
     border-bottom: 2px solid var(--primary-color);
}
.desktopMenu .navList .inactive-menu-item  {
  border-bottom: 2px solid transparent;
}
.desktopMenu .navList .inactive-menu-item:hover   {
  border-bottom: 2px solid var(--primary-color);
}
.active-submenu-item{
    background-color: #f8f9fa;
}
.mainMenu .navList .item {
  display: flex;
  align-items: center;
}
.mainMenu .navList .item:hover > .dropdown-menu {
  display: block;
}
.desktopMenu .navList .item .title {
  color: var(--primary-text-color);
  text-decoration: none;
    text-decoration: none;
    display: block;
    position: relative;
    -webkit-transition: opacity 0.4s ease-in-out, background-color 0.4s ease-in-out;
    transition: opacity 0.4s ease-in-out, background-color 0.4s ease-in-out;
}

.mainMenu .dropdown-toggle::after {
  display: none;
}
.mainMenu .dropdown-toggle {
  text-decoration: none;
  color: black;
}


.carouselWrapper {
    padding-bottom: 4rem;
    padding-top: 4rem;
    padding-left: 8rem;
    padding-right: 8rem;
}

.footer {
  background-color: var(--footer-color);
  color: #dddddd;
  padding-top: 2rem;
  padding-bottom: 2rem;
  padding: 2rem;
  align-self: flex-end;
}

.footer .title {
  font-size: 16px;
  padding-bottom: 1em;
  text-transform:uppercase;
}

.footer .imgWrapper {
  padding-bottom: 1em;
}

.footer .textWrapper p {
  color: var(--footer-contact-font-color);
  margin: 0;
}
.footer .textWrapper .contactLink {
  color: var(--footer-contact-link-color);
}
.copyrightFooter {
  width: 100%;
  background-color: var(--footer-copyright-color);
  flex-shrink: 0;
  color: var(--footer-copyright-font-color);
  padding-top: 0.5em;
}
.copyrightFooter .title {
  margin-left: 4rem;
  margin-top: 0.5em;
  font-size: 12px;
}
.mobileDivider {
  width: 100%;
  height: 2px;
  background-color: var(--border-color);
}
.mobileMenu .title {
  font-size: 18px;
  font-family: var(--font-primary);
}
.mobileMenu .card a {
  color: var(--primary-text-color);
  text-decoration: none;
}
@media screen and (max-width: 768px) {

}

@media screen and (max-width: 992px){
    .carouselWrapper {
        padding: 0;
    }
      .header {
    padding-left: 0.2em;
    padding-right: 0.2em;
  }
  .header .titleWrapper {
    width: 100%;
    padding-top: 1em;
  }
  .header .titleWrapper .title {
    text-align: center;
    font-size: 20px;
  }
  .header .searchWrapper {
    width: 100%;
  }

  .header .mobileIcon {
    background-color: transparent;
  }

  .carousel-inner {
    height: auto;
  }
    .carouselWrapper {
  padding: 0;
}
  .dropdownArrow {
    margin-left: auto;
  }
  .dropdownSpacer {
    width: 24px;
    height: 24px;
  }
  .searchBox {
    width: 100%;
  }
  .mobileSearch {
    width: 100%;
  }
  .topNav .navList {
    justify-content: center;
    width: 100%;
  }
}

.btn{
   
    border-width: 0px !important;
    border-radius: 5px;
    letter-spacing: 2px;
    font-size: 1.4rem;
    font-family: 'Montserrat', Helvetica, Arial, Lucida, sans-serif !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    padding:15px 30px;
    
}
.btn-primary{
     color: #ffffff !important;
     background:#196575;
}
.btn-light{
    background:#fff;
    color:#196575 !important;
}
.bg-tan{
    background-color: #FDF5EC !important;
}
.bg-primary{
   background-color: var(--primary-color) !important;
}
.bg-secondary{
   background-color: var(--secondary-color) !important;
}
.full-width{
    width:calc(100% + 30px);
    margin-left:-15px;
}
.full-width .row{margin:0;}
.space-2{padding-top:40px; padding-bottom:40px;}

.events-wrapper{
    display:flex;
}
.event-card{flex:1; margin:20px; padding:20px; background:rgba(255,255,255.8); text-align:left;}
.event-cards .pull-left{
    float:unset;
}

.bg-poly{
    background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 225 104" fill="none"><path d="M0.5 0H225L0.5 104V0Z" fill="%23196575"/></svg>');
    background-size: cover;
    background-position: -5px top;
    background-repeat: no-repeat;
    fill:#000000;
    padding-top:80px;padding-bottom:80px;
}
.bordered-box{
    border:30px solid #fff;
}
.text-white{
    color:#fff;
    
}
.large-3{
   font-size:20rem !important;
    
}
.bg-primary h3{
    color:#fff;
    text-decoration:none !important;
}
.bordered-card-img{
    border:20px solid #fff;
    height:300px; width:100%;
    background-size:cover;
    background-position:center center;
    margin-bottom:10px;
    
}
.homeHero {
    height: 250px;
    display: flex;
    background-size:cover;
}
.homeHero .container{
    display:flex;
    align-items:center;
}
.homeHero .container h2, .homeHero .container h3, .homeHero .container p{color:#fff;}

#upcomingeventsTable a.details {
    color: #fff;
}
#upcomingeventsTable a.details:hover {
   color: var(--primary-color-dark);
}