@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Lilita+One&family=Passion+One:wght@400;700;900&family=Raleway:ital,wght@0,100..900;1,100..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');

*{background-color: }

body{
	font-family: 'Roboto Condensed', sans-serif;
}

h1,h2,h3{
	font-family: 'Passion One', sans-serif;
}

#skip-links {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
#skip-links a {
    color: white;
}


#wrapper{
	width: 90%;
	margin: 5px auto;
	padding: 5px 30px;
	border: solid 1px grey;
	border-collapse: collapse;
	color: #003049;
    overflow: hidden;
}

#header{
	width: 100%;
}

#navigation {
    list-style-type: none;
	clear: both;
	padding: 5px 15px;
    margin: 0 -30px;
	list-style-type: none;
	background-color: #003049;
	color: white;
}

.primarynav {
	display: inline-block;
	padding: 2px 10px;
	text-align: center;
    position: relative;
}

.primarynav a {
	text-decoration: none;
	color: white;
	font-weight: bold;
	padding: 4px;
}

.primarynav a: hover {
	text-decoration: underline;
	background-color: #B8D3D1;
}

.dropdown-content {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #003049;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1; 
}

.dropdown-content li {
    padding: 8px;
}

.dropdown-content li a {
     text-decoration: none;
    color: white;
}

.dropdown:hover .dropdown-content {
    display: block;
}

.scrollable-gallery {
    display: inline;
}

.scrollable-gallery img {
    height: 150px; /* Adjust as needed */
    margin-right: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}


.current {
	border-bottom: solid 3px white;
}

#content {
	width: 100%;
	margin: 0;
	padding: 0;
}

#main-content {
	width: 77%;
	float:left;
	margin: 0;
	padding: 0 1% 0 0;
}

#secondary-content {
	width: 150px;
    height: 75px;
	float: left;
	margin: 3.5em 0;
	padding: 0 1%;
	color: white;
}

.google-map {
     padding-bottom: 0%;
    margin-top: 20px;
     position: relative;
}

.google-map iframe {
     height: 40%;
     width: 20%;
     left: 0;
     top: 10;
     position: inline;
}


h4, h5, h6 {
    position: inline;
    font-size: 17;
    color: #B66D2F;
}
#footer {
	width:100%;
	clear:both;
	color:#B66D2F;
}

h2 {
	color: #6B8F71;
}

.textbox {
    position: absolute;
    line-height: 125%;
    left: 240px;
    width: 320px;
}
.textfield {
    position: absolute;
    left: 240px;
    width: 320px;
    height: 120px;
    display: inline;
}
.header img {
  float: left;
  width: 100px;
  height: 100px;
}
.header h1 {
  position: relative;
  top: 35px;
  left: 15px;
}
div.gallery {
  border: 1px solid #ccc;
}

div.gallery:hover {
  border: 1px solid #777;
}

div.gallery img {
  width: 100%;
  height: auto;
}

div.desc {
  padding: 15px;
  text-align: center;
}

* {
  box-sizing: border-box;
}

.responsive {
  padding: 0 6px;
  float: left;
  width: 24.99999%;
position: inline;
}

table {
            width: 80%; /* Adjusts the width of the table */
            margin: 20px auto; /* Centers the table on the page with some margin */
            border-collapse: collapse; /* Ensures no space between borders */
            border: 1px solid #ccc; /* Light border for the table */
        }

        th, td {
            padding: 10px; /* Adds padding inside the table cells */
            text-align: left; /* Aligns text to the left */
            border-bottom: 1px solid #ddd; /* Border at the bottom of each cell */
        }

        th {
            background-color: #f2f2f2; /* Light gray background for table headers */
            font-weight: bold; /* Bold text for headers */
        }

        tr:hover {
            background-color: #f5f5f5; /* Light hover effect for table rows */
        }
.download-button {
            background-color: #B66D2F;
            color: white; /* White text color */
            padding: 10px 20px; /* Padding for the button */
            text-align: center; /* Center the text */
            text-decoration: none; /* Remove underline */
            display: inline-block; /* Allows for inline display */
            font-size: 16px; /* Font size */
            border: none; /* No border */
            border-radius: 5px; /* Rounded corners */
            cursor: pointer; /* Pointer cursor on hover */
            margin: 10px; /* Space between buttons */
        }

        /* Change color on hover */
        .download-button:hover {
            background-color: #1A4146; /* Darker green on hover */
        }

.banner {
  width: 100%; /* Full width */
  overflow: hidden; /* Avoid overflow issues */
  text-align: center; /* Center the image */
  background-color: #ddd; /* Default background */
}

.banner img {
  width: 100%; /* Full width */
  height: auto; /* Maintain aspect ratio */
  object-fit: cover; /* Ensure proper image scaling */
  border-bottom: 2px solid #ccc; /* Optional border */
}

@media only screen and (max-width: 700px) {
  .responsive {
    width: 49.99999%;
    margin: 6px 0;
      position: inline;
  }
}

@media only screen and (max-width: 500px) {
  .responsive {
    width: 100%;
  }
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}