@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@100;200;300;400;500;600;700&display=swap');
:root {
    --darkBlue: #013952; /* originally #14374f */
    --extraDarkBlue: #091b27;
    --lightBlue: #52b4c1;
    --green: #b2ce53;
    --paleGreen: #ebf6f2;
    --lightGrey: #f3f3f3;
    --grey: #3c3c3c;
	--red: #FF3131;
}
body {
    background-color: #ffffff;
}
h1 {
    color: var(--darkBlue);
            font-family: 'M PLUS Rounded 1c', sans-serif;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 2rem;
}
@media (min-width: 768px) {
    h1 {
       font-size: 3rem;
    } 
}
h1 span {
    font-weight: 400;
    font-size: 1.5rem;  
    display: block;
    color:var(--lightBlue);
}
@media (min-width: 768px) {
    h1 span {
        font-size: 2.25rem;
    } 
}
h2 {
    color: var(--darkBlue);
	font-family: 'M PLUS Rounded 1c', sans-serif;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.5rem;
}
@media (min-width: 768px) {
    h2 {
        font-size: 2rem;
    } 
}
h2 span.red {
	color:var(--red);
}
#events h2 {
	text-transform:none;
}
h3 {
    color: var(--darkBlue);
            font-family: 'M PLUS Rounded 1c', sans-serif;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 1.25rem;
}
@media (min-width: 768px) {
    h3 {
        font-size: 1.5rem;
    }
}
#events h3 {
	text-transform:none;
}
h4 {
    font-family: 'IBM Plex Sans', sans-serif;
    font-size: 1.25rem;
    font-weight: 500;
    text-transform: uppercase;
}
#events h4 {
	text-transform:none;
}
#headerWrapper {
    padding: 0px;
    position: scroll;
    z-index: 350;
    top: 0px;
    background-color: #ffffff;
    overflow: hidden;
}
@media (min-width: 768px) {
    #headerWrapper {
        position: fixed;
        overflow: visible;
    }  
}
#header {
    padding: 0px;
}
#header .logo {
    padding-left: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}
@media (min-width: 768px) {
    #header .logo {
        padding-left: 40px;
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: left;
    } 
}
#header .logo img {
    max-width: 50%;
}
@media (min-width: 768px) {
    #header .logo img {
        max-width: 100%;
    } 
}

#header .col-md-6 .col-md-8 p {
    color: var(--lightBlue);
    font-family: 'IBM Plex Sans', sans-serif;
font-weight: 400;
font-size: 1.25rem;
margin-top: -25px;
    }
    @media (min-width: 768px) {
        #header .col-md-6 .col-md-8 p {
        font-size: 1.5rem;
            }  
    }
    #header .contact {
        text-align: center;
        
        }
        @media (min-width: 768px) {
            #header .contact {
                text-align: right;
                
                } 
        }
    #header .contact .overlay {
        background-color: rgba(178, 206, 83, .95);
        color: #ffffff;
       margin-left: 0px;
       padding-top: 10px;
       padding-right: 0px;
       height: 100%;
    }
    @media (min-width: 768px) {
        #header .contact .overlay {
            background-color: rgba(178, 206, 83, .95);
            height: 100%;
            clip-path: polygon(0% 100%, 10% 0%, 100% 0%, 100% 100%);
           margin-left: 0px;
           padding-top: 22px;
           padding-right: 75px;
        }  
    }
/*@media (min-width: 992px) {
	#header .contact .overlay {
		margin-left:125px;
	}
}
@media (min-width: 1200px) {
	#header .contact .overlay {
	   margin-left: 175px;
	}  
}*/
@media (min-width: 1400px) {
	#header .contact .overlay {
	   margin-left: 100px;
		clip-path: polygon(0% 100%, 10% 0%, 100% 0%, 100% 100%);
	}  
}

#header .contact p:nth-child(1) {
	color: #ffffff;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	text-transform: uppercase;
	font-weight: 500;
	font-size: 1.75rem;
	letter-spacing: 3px;
}
@media (min-width: 768px) {
    #header .contact p:nth-child(1) {
        color: #ffffff;
        font-size: 2.25rem;
        letter-spacing: 3px;
    } 
}
#header .contact p:nth-child(2) {
   margin-top: -25px;
   color: #ffffff;
}


#header .contact a:link, #header .col-md-6:nth-child(2) a:visited {
	text-decoration: none;
	color: var(--darkBlue);
	font-family: 'M PLUS Rounded 1c', sans-serif;
text-transform: uppercase;
font-weight: 700;
font-size: .975rem;
}
@media (min-width: 768px) {
	#header .contact a:link, #header .col-md-6:nth-child(2) a:visited {
	 font-size: 1.125rem;
	}
}
#header .contact a:hover {
	color: #ffffff;
}

#header .serving {
	background-color: var(--lightBlue);
	padding-top: 10px;
	padding-bottom: 10px;
	font-size:1.1rem;
	font-weight:700;
}
@media (min-width:1200px) {
	#header .serving {
		background-color: transparent;
		padding-top:25px;
	}
}

    #mainNav {
        background-color: var(--darkBlue);
        padding-top: 10px;
        padding-bottom: 10px;
    }
    @media (min-width: 768px) {
        #mainNav {
            padding-top: 0px;
            padding-bottom: 0px;
        }  
    }
    #mainNav a:link, #mainNav a:visited {
        font-family: 'M PLUS Rounded 1c', sans-serif;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 1.125rem;
        letter-spacing: 2px;
        color: #ffffff;
        margin-left: 10px;
        margin-right: 10px;
    }
    #mainNav a:hover {
        background-color: var(--lightBlue);
        color: var(--darkBlue);
    }
    #mainNav .dropdown-menu {
        margin-top: -1px;
        border-radius: 0px;
    }
    #mainNav .dropdown-menu a:link, #mainNav .dropdown-menu a:visited {
        font-family: 'M PLUS Rounded 1c', sans-serif;
        text-transform: uppercase;
        font-weight: 500;
        font-size: 1.125rem;
        letter-spacing: 2px;
        color: var(--darkBlue);
        margin-left: 0px;
        margin-right: 0px;
    }
    #mainNav a:hover {
        background-color: var(--lightBlue);
        color: var(--darkBlue);
    }
    #subNav {
        background-color: var(--lightBlue);
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 50px;
    }
    @media (min-width: 768px) {
        #subNav {
           padding-left: 30px;
        }
    }
    #subNav .btn {
        background-color: #ffffff;;
        color: var(--darkBlue);
        border-radius: 0px;
        text-transform: uppercase;
        width: 100px;
		margin-bottom:5px; /* buttons stack on phones */
        -webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear;
    }
    @media (min-width: 400px) {
        #subNav .btn {
			margin-bottom:0px;
        }  
    }
    @media (min-width: 768px) {
        #subNav .btn {
            width: 200px;
        }  
    }
    #subNav .btn:hover {
        background-color: var(--green);
        color: #ffffff;
        border-color: var(--green);
        border-radius: 0px;
        text-transform: uppercase;
    }
    #hero {
        background-image: url(../images/backHero.jpg);
        background-repeat: no-repeat;
        background-size: 100%;
background-position: top center;
margin-top: 0px;
padding-top: 210px;

    }
    @media (min-width: 768px) {
        #hero {
            background-image: url(../images/backHero.jpg);
            background-repeat: no-repeat;
            background-size: cover;
    background-position: right center;
    margin-top: 220px;
    padding-top: 0px;
        }
    }
    #hero .overlay {
        background-color: var(--green);
            width: 100%;
            padding-top: 25px;
            padding-bottom: 25px;
            padding-left: 25px;
            padding-right: 25px;
            color: #ffffff;
    }
    @media (min-width: 768px) {
        #hero .overlay {
            background-color: rgba(178, 206, 83, .95);
            width: 640px;
            clip-path: polygon(0% 100%, 0% 0%, 100% 0%, 85% 100%);
            padding-top: 150px;
            padding-bottom: 150px;
            padding-left: 75px;
            padding-right: 125px;
            color: #ffffff;
        }  
    }
    #hero .overlay .btn {
        border-radius: 0px;
        font-family: 'M PLUS Rounded 1c', sans-serif;
        text-transform: uppercase;
        font-weight: 700;
        background-color: var(--darkBlue);
        color: #ffffff;
        font-size: 1.125rem;
        -webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear;
    }
    #hero .overlay .btn:hover {
        background-color: var(--lightBlue);
        color: var(--darkBlue);
    }
    #hero p:nth-child(1) {
        font-family: 'M PLUS Rounded 1c', sans-serif;
        text-transform: uppercase;
        font-weight: 700;
        font-size: 2rem;
        line-height: 120%;
    }
    @media (min-width: 768px) {
        #hero p:nth-child(1) {
            font-size: 2.75rem;
        }
    }
    #hero p:nth-child(2) {
        font-family: 'IBM Plex Sans', sans-serif;
        font-size: 1.25;
        font-weight: 400;
    }

    #intro {
        padding-top: 45px;
        padding-bottom: 45px;
        
    }
    @media (min-width: 768px) {
        #intro {
            padding-top: 90px;
            padding-bottom: 90px;
            
        } 
    }
    #intro .col-md-4 {
        padding-bottom: 25px;;
    }
    #intro p.subHead {
        color: var(--lightBlue);
                font-family: 'M PLUS Rounded 1c', sans-serif;
            font-weight: 500;
            font-size: 1.75rem;
    }
    #intro p {
        font-family: 'IBM Plex Sans', sans-serif;
font-weight: 400;
font-size: 1rem;
color: var(--grey);
    }
    #content {
        margin-top: 0px;
        padding-top: 50px;
        padding-bottom: 50px;
        padding-left: 20px;
        padding-right: 20px;
    }
    @media (min-width: 768px) {
        #content {
            margin-top: 200px;
			padding-top:90px;
			padding-bottom:90px;
        } 
    }
	@media (min-width:1200px) {
		#content {
			margin-top:180px;
		}
	}
    #content p {
        font-family: 'IBM Plex Sans', sans-serif;
font-weight: 400;
font-size: 1rem;
color: var(--grey);
    }
    #content ul {
        font-family: 'IBM Plex Sans', sans-serif;
font-weight: 400;
font-size: 1rem;
color: var(--grey);
margin-bottom: 0px;
    }
    @media (min-width: 768px) {
        #content ul {
          margin-bottom: 25px;
        } 
    }
    #content a:link, #content a:visited {
        color: var(--lightBlue);
        text-decoration: none;
    }
    #content a:hover {
        color: var(--green);
    }
    #leadIns {
        background-color: var(--paleGreen);
        padding-top: 75px;
        padding-bottom: 75px;
        
    }
    #leadIns .card {
        margin-left:10px;
        margin-right:10px;
        border-style: none;
        text-align: center;
        -webkit-transition: all .5s linear;
-moz-transition: all .35s linear;
-ms-transition: all .35s linear;
-o-transition: all .35s linear;
transition: all .35s linear;
    }
    @media (min-width: 768px) {
        #leadIns .card {
            margin-left:50px;
            margin-right:50px;
        } 
    }
    #leadIns .card:hover {
        -webkit-box-shadow: 0 0 5px 5px rgba(82, 180, 193, .5);
box-shadow: 0 0 5px 5px rgba(82, 180, 193, .5);
    }
    #leadIns .card p {
        font-family: 'IBM Plex Sans', sans-serif;
font-weight: 400;
font-size: .95rem;
color: var(--grey);
    }
    #leadIns .card-footer {
        background-color: #ffffff;
        text-align: center;
        border-style: none;
        padding-bottom: 25px;
    }
    #leadIns .btn {
        border-radius: 0px;
        font-family: 'M PLUS Rounded 1c', sans-serif;
        text-transform: uppercase;
        font-weight: 700;
        background-color: var(--green);
        color: var(--darkBlue);
        -webkit-transition: all .5s linear;
-moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
transition: all .5s linear;
    }
    #leadIns .btn:hover {
        background-color: var(--darkBlue);
        color: #ffffff;
    }
    .float-end {
        margin-left: 25px;
        margin-bottom: 25px;
    }
    #mapFacebook {
        background-color: var(--lightBlue);
        padding: 0px;
        overflow: hidden;
    }
    #mapFacebook .col-md-4 {
        text-align: center;
        padding-top: 25px;
    }
	
	@media (min-height:600px) {
		.news-events-coming-soon {
			min-height:50vh;
		}
	}
    #footer {
        background-color: var(--darkBlue);
        color: var(--lightGrey);
        padding-top: 50px;
        padding-bottom: 50px;
    }
   /* #footer .col-md-4:nth-child(2) {
        padding-left: 10px;
    }
    @media (min-width: 768px) {
        #footer .col-md-4:nth-child(2) {
            padding-left: 125px;
        }  
    }*/
    #footer p {
        font-family: 'IBM Plex Sans', sans-serif;
        font-size: .975rem;
        font-weight: 400;
        line-height: 120%;
    }
    #footer ul {
        font-family: 'IBM Plex Sans', sans-serif;
        font-size: .975rem;
        font-weight: 400;
    }
    #footer a:link, #footer a:visited,  #subFooter a:link, #subFooter a:visited  {
        color: var(--lightGrey);
        text-decoration: none;
    }
    #footer a:hover, #subFooter a:hover {
        color: var(--lightBlue);
    }
    #subFooter {
        background-color: var(--extraDarkBlue);
        color: var(--lightGrey);
        font-family: 'IBM Plex Sans', sans-serif;
        font-size: .9125rem;
        font-weight: 400;
        text-align: center;
padding-top: 10px;
padding-bottom: 10px;
    }
    .float-start {
        margin-right: 25px;
        margin-bottom: 25px;
    }
	@media (max-width:499px) {
		.float-start {
			max-width:100%;
		}
	}
/*    .sideBar {
        padding-left: 20px;
    }*/
    .sideBar span {
       /* margin-left: 80px;*/
        display: block;
    }
   /* @media (min-width: 768px) {
        .sideBar span {
            margin-left: 0px;
        } 
    }
    @media (min-width: 768px) {
        .sideBar {
            padding-left: 125px;
        } 
    }*/
/*    .widget {
        padding-left: 100px;
    }
    @media (min-width: 768px) {
        .widget {
            padding-left: 40px;
        }  
    } */
    .accordion-item {
        border-style: none;
    }
    .accordion-header button {
        background-color: transparent;
        color: var(--lightBlue);
      }
      .accordion-header button:hover {
        color: var(--green);
      }
    .accordion-header button[aria-expanded="true"]{
        background-color: var(--lightBlue);
        color: #ffffff;
      }
      strong {
          font-weight: 700;
      }