p {
	font-size: 16px;
	color: #111;
	margin: 1rem 0 2rem 0;
	padding-left: 0.5rem;
	-webkit-font-smoothing: antialiased;
}

ul {
	font-size: 14px;
	margin-left: 40px;
}

.timeline ul {
	margin-left: 30px;
}

a {
	color: #222;
	font-weight: bold;
}

a:hover {
	color: #800001;
}

.jumbo {
	background-image: url(../img/salute.jpg);
	background-size: cover;
	padding: 80px 0 55px 0;
	margin-bottom: 50px;
}

.jumbo.page {
	background-image: url(../img/flags.jpg);
	background-size: cover;
	padding: 40px 0 35px 0;
	margin-bottom: 40px;
}

.jumbo.page.event {
	margin-bottom: 20px;
}

.jumbo h1 {
	color: #fff;
	text-align: center;
	margin-bottom: 15px;
	font-family: "pt-serif", sans-serif;
	font-style: normal;
	font-weight: 700;
}

h2 {
	color: #000;
	font-family: "pt-serif", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 28px;
}

h3 {
	font-family: "pt-serif", sans-serif;
	font-style: normal;
	font-weight: 700;
	background: #01193F;
	color: #fff;
	margin-bottom: 0;
	margin-top: 30px;
	padding: 3px 0;
}

h4 {
	color: #000;
	font-weight: bold;
	font-size: 18px;
	text-transform: uppercase;
	margin-bottom: 0;
}

h4.year {
	font-family: "pt-serif", sans-serif;
	font-style: normal;
	font-weight: 700;
	border-bottom: 1px solid #ccc;
	padding: 10px 0 5px 0;
	margin: 30px 0px 15px 0;
	font-size: 24px;
}

h4 a {
	color: #4d4c4c;
}

.date,
.time {
	font-size: 12px;
	padding-bottom: 10px;
}

.contain-to-grid,
.top-bar {
	background: #01193f;
}

.name {
	padding: 5px 30px;
	width: 150px;
}

.top-bar-section ul li,
.top-bar-section li:not(.has-form) a:not(.button) {
	background: none;
	padding: 6px 14px;

}

.top-bar-section ul li {
	border-bottom: 1px solid #556173;
}

.top-bar-section li:not(.has-form) a:hover:not(.button) {
	background: none;
	text-decoration: underline;
	color: #fff;

}

.top-bar-section ul li>a {
	color: #fff;
	font-weight: bold;
}

.contain-to-grid .top-bar {
	max-width: 81.5rem;
	margin: 0 auto;
	margin-bottom: 0;
}

.active {
	text-decoration: underline;
	font-weight: bold !important;
}


.copy {
	background: #01193F;
	padding: 25px 0;
	color: #fff;
	font-size: 0.75rem;
	margin-top: 6rem;
}

.copy a {
	color: #fff;
}

.button {
	background-color: #800001;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 1px;
	color: white;
	text-decoration: none;
	border-radius: 4px;
	transition: background-color 0.2s ease;
}

.button:hover {
	background-color: #000;
}

.button:focus {
	background-color: #000;
}

button.btn.btn-success {
	background-color: #800001;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #fff;
	padding: 10px 20px;
	border: none;
	cursor: pointer;
}

.names-button {
	background-color: #0d39a8 !important;
	text-transform: uppercase;
	color: #fff !important;
	font-weight: bold;
	border-radius: 25px;
	transition: background-color 0.2s ease;
	padding: 12px 20px;
}

.names-button:hover {
	background-color: #09266e !important;
}

.names-button:focus {
	background-color: #14035a;
}

input[type="checkbox"] {
	margin: 0 .5rem 1rem 0;
}

.top-bar.expanded .title-area {
	background: none;
}

.top-bar-section {
	padding-top: 40px;
}

.top-bar.expanded {
	height: auto;
	background: transparent;
	width: 100%;
	text-align: center;
	z-index: 10;
	position: relative;
	top: -80px;
}

.intro p {
	color: #4d4c4c;
	font-size: 18px;
	font-family: "pt-serif", sans-serif;
	font-style: normal;
	font-weight: 400;
	border-top: 1px solid #ccc;
	padding: 27px 0;
	border-bottom: 1px solid #ccc;
}

.hm-sm-grid {
	padding-bottom: 10px;
}

.event-title {
	color: #fff;
	font-family: "pt-serif", sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	padding: 5px 10px;
	background: #01193F;
	border: 1px solid #fff;
	margin: -40px 15px 20px 15px;
	position: relative;
	z-index: 5;
}

.event-title .date {
	font-family: Arial, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 0;
	text-transform: uppercase;
	width: 40%;
	border-top: 1px solid;
	margin-top: 6px;
}

#about {
	padding-bottom: 50px;
}

.button.expand.donate {
	text-transform: uppercase;
	font-size: 30px;
	padding: 25px 0;
	margin-top: 20px;
	margin-bottom: 40px;
}

a.credit {
	font-size: 10px;
	color: #929292;
}

.text-indent {
	padding-left: 40px;
}

#footer img {
	width: 30%;
}

.dd-logo {
	margin-top: 20px;
}

.dd-text {
	margin-top: 10px;
	margin-bottom: 20px;
}

/* .input-group {
    margin-bottom: 0;
  }
  
  .search {
    margin: 2rem 0 0 0;
  }
  
  .search [type=text] {
    margin: 0;
    border-radius: 0;
    height: 3rem;
    font-size: 1.3rem;
    border: none;
  }

  .input-group-rounded .input-group-field {
    border-radius: 5000px 0 0 5000px;
    padding-left: 1rem;
  }
  
  .input-group-rounded .input-group-button .button {
    border-radius: 0 5000px 5000px 0;
    font-size: 0.8rem;
  } */

/*============ Search form ========== */

.search {
	margin: 2rem 0 0 0;
	display: flex;
}

.search [type=search] {
	margin: 0;
	padding: 0 0.6rem 0 1rem;
	border-radius: 5000px 0 0 5000px !important;
	height: 3rem;
	font-size: 1rem; /* font size should not be below 16px */
	border: solid 2px #003399;
}

.hide-for-search {
	visibility: hidden;
	position: absolute;
	left: -999px;
}

/*============These styles will apply to MEDIUM SIZE SCREENS AND BIGGER========== */
@media only screen and (min-width: 40.063em) {

	.jumbo {
		padding: 150px 0 55px 0;
		background-attachment: fixed;
	}

	.logo {
		position: relative;
		z-index: 2;
		width: 200px;
		margin-left: 100px;
		margin-top: 5px;
	}

	.top-bar-section {
		padding-top: 0px;
	}

	.top-bar-section ul li,
	.top-bar-section li:not(.has-form) a:not(.button) {
		padding: 0px 14px;
		font-size: 14px;
		text-transform: uppercase;
	}

	.top-bar-section ul li {
		border-bottom: none;
	}

	.intro {
		margin-bottom: 20px;
	}

	.intro p {
		font-size: 20px;
	}

	.event-title {
		font-size: 22px;
		margin: -15px 15px 15px 15px;
	}

	#footer img {
		width: 100%;
	}

	.dd-logo {
		margin-top: 0px;
	}

}

	/*============ Search form ========== */

	.search {
		margin: 2rem 0 0 0;
		display: flex;
	}

	.search [type=search] {
		margin: 0;
		padding: 0 0.6rem 0 1rem;
		border-radius: 5000px 0 0 5000px !important;
		height: 3.3rem;
		font-size: 1rem; /* font size should not be below 16px */
		border: solid 2px #003399;
		background:#fafafa;
	}

	.search-button {
		background-color: #003399 !important;
		border-color: transparent !important;
		color: #fff !important;
		font-weight: bold;
		border-radius: 0 5000px 5000px 0 !important;
		font-size: 1rem;
		height: 3.3rem;
		padding-left: 2rem !important;
		padding-right: 2rem !important;
	}

	.hide-for-search {
		visibility: hidden;
		position: absolute;
		left: -999px;
	}

	/* Search Results Styles */

	.search-results-container {
		max-width: 600px;
		margin: 2rem auto;
		padding: 0 1rem;
	}

	.search-results-container > h4 {
		margin-bottom: 2rem;
		text-transform: none;
	}

	.search-result {
		padding: 1rem;
		margin-bottom: 0;
		margin-top: 0;
		border-radius: 0;
		transition: background-color 0.2s ease;
		border: 1px solid #e0e0e0;
	}

	.search-result + .search-result {
		border-top: none;
	}

	.search-result:first-child {
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		border-top: 1px solid #e0e0e0;
	}

	.search-result:last-child {
		border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
	}

	.search-result:nth-child(odd) {
		background-color: #ffffff;
	}

	.search-result:nth-child(even) {
		background-color: #f8f9fa;	
	}

	.search-result-name {
		font-size: 1.125rem;
		text-transform: uppercase;
		font-weight: 600;
		color: #333;
		margin-bottom: 0.25rem;
		-webkit-font-smoothing: antialiased;
	}

	.search-result-location {
		font-size: 1rem;
		color: #666;
	}

	.search-actions {
		text-align: center;
		margin-top: 2rem;
	}

	.search-actions-back {
		text-align: center;
		margin: 3rem 0;
	}

	.search-link {
		display: inline-block;
		margin-right: 1rem;
		color: #0d39a8;
		text-decoration: none;
	}

	.search-link:hover {
		color: #1557b0;
	}

	.search-button {
		display: inline-block;
		padding: 0.5rem 1rem;
		background-color: #003399;
		color: white;
		text-decoration: none;
		border-radius: 4px;
		transition: background-color 0.2s ease;
	}

	.search-button:hover {
		background-color: #002061;
	}

	.no-results {
		text-align: center;
	}

	.search-pagination {
		display: flex;
		justify-content: center;
		gap: 1rem;
		margin-top: 2rem;
	}

	.pagination-button {
		display: inline-block;
		padding: 0.5rem 1rem;
		background-color: #f8f9fa;
		color: #333;
		text-decoration: none;
		border: 1px solid #e0e0e0;
		border-radius: 4px;
		transition: all 0.2s ease;
	}

	.pagination-button:hover {
		background-color: #e9ecef;
		color: #333;
	}