body {
		font-family: 'Source Sans 3', sans-serif;
		color:#434a4f;
		margin: 0;
		padding:0;
		float:left;
		width:100%;
		height:auto;
	}

	p { 
		margin-block-start: 18px;
		margin-block-end: 18px;
	}

	p strong {font-weight: 600;}




	
	a img {	border:none; }
	
	a { 
	color: #000; 
	text-decoration:none;
	}

a:hover {
	color: #357E89;
	text-decoration:none;
	transition: all 300ms ease;
}	

hr { margin: 40px 0px; }

h1 {
	line-height: normal;
	font-size:38px;
	font-weight: 500;
	color: #434a4f;
}

h2 {
	line-height: normal;
	font-size: 28px;
	font-weight: 600;
}

h2 a { text-decoration:none !important;}

h2 a:hover { text-decoration:underline !important; transition: all 300ms ease;}

h3 {
	color:#583f98;
	line-height: 27px;
    font-size: 24px;
	font-weight: 600;
	margin-bottom:0px;
}

h4 a {
	color: #223579;
	text-decoration:none;
	font-weight: 500;
}

h4 a:hover {
	color: #357E89;
	text-decoration:none;
	transition: all 300ms ease;
}


ol li {
	margin-top:20px;
}

ol ul { 
	margin-inline-start: 20px; 
}

ul li {
	margin-top:5px;
}



	
	.clear{clear:both;}
	
	.outer_container {
		height: auto;
		width: 100%;
		float:left;
	}
	
	
	.container {
		margin: 0 auto;   
		text-align: left; 
		width: 100%;
	}



	img {
	width:100%;	
	}


hr {
    border: 0;
    height: 1px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
	width: 75%;
    margin: 0 auto;
	margin-top: 66px;
    margin-bottom: 62px;
}

	

	.content_container {
		float:left;
		height:auto;
		margin-left:8%;
		width:84%;
		margin-top: 7px;
		font-size: 25px;
		line-height: 35px;
	}

@media only screen and (max-width: 1300px) { .content_container { margin-left: 2%; width: 96%; } }

@media only screen and (max-width: 760px) { .content_container { margin-left: 4%; width: 92%; font-size: 22px; line-height: 32px; } }


#fade {
	width:100%;
	height:auto;
	float:left;
	margin:0px;
	padding: 0px;
	list-style-type:none;
	z-index: 1;
}
	
#fade img {
	width:100% !important;
}	
	
#fade li {
	width:100% !important;
}		

#fade_holder {
	width: 100%;
	height:auto;
	float:left;
	position:relative;
	z-index: -1;
}	



.content_container h1 { color: #2e145d; }

.content_container h3 { 
	color: #357E89;
	font-size: 26px;
	line-height: 36px;
}

.content_container a {
	color: #223579;
	font-weight: 600;
	text-decoration: underline;
}

.content_container a:hover {
	color: #357E89;
	transition: all 300ms ease;
}

.content_container a img:hover {
	opacity: 0.8;
	transition: all 200ms ease;
}

.top-bar {
	background-color: #2e145d;
	color: #fff;
	padding: 10px;
	position: sticky;
	top: 0;
	font-size: 1.35vw;
	z-index: 1000;
	text-align:center;
	letter-spacing: 1px;
}

@media only screen and (max-width: 760px)  { .top-bar { display:none; } }

.top-bar a { 
	color: #f7d501;
	font-weight: 700;
	font-size: 1.88vw;
	vertical-align: -2px;
}

.top-bar a:hover { color: #fff5b2; }
	
.top-header, .home-heading, .news-container,  .image-container {
	float:left;
	width:100%;
	height:auto;
}

.news-container-offseason {
    float:left;
	height:auto;
	width: 70%;
    margin-left: 15%;
}

.top-header img:hover {
	opacity: 0.6;
	transition: all 300ms ease;
}

.header-image {
	margin-top:16px;
	float:left;
	width:100%;
	height:auto;
}


video {
    width: 100%;
    height: auto;
	clip-path: inset(1px 1px);
}


	
	.top-logo {
		float: left;
		height: auto;
		width: 22.5%;
		margin-top:16px;
}	
	
	@media only screen and (max-width: 760px)  {
		.top-logo {
	
		width:100%;
		text-align:center;
		
		}
		.top-logo img {
	
		max-width:300px;
		
		}
		
	}	
	
	
	
	.contact-us { 
		float:right;
		height:auto;
		width:70%;
		text-align:right;
		margin-top: 16px;		
	}

	.contact-us img{
	
	max-width:230px;
		
	}
	
	@media only screen and (max-width: 1030px)  {
		.contact-us img{
	
		max-width:125px;
		
		}		
	}
	
	
	@media only screen and (max-width: 760px)  {
		.contact-us {
	
		display:none;
		
		}
		
	}	
	
	
.nav {
	float:right;
	height:auto;
	width:77%;
	font-size:22px;
	color:#000;
	text-align:right;
	margin-top:7px;
}

.nav a {
	font-size: 25px;
	color: #000;
	font-weight: 500;
}	

@media only screen and (max-width: 1770px)  {
	.nav {
		width:100%;
		margin-top:1%;
		font-size: 1.82vw;
	}
	.nav a { font-size: 1.82vw; }
}


	
@media only screen and (max-width: 1030px)  {
	.nav, .nav a { font-size:2.05vw; }
}	

@media only screen and (max-width: 760px)  { .nav { display:none; } }		

.search-float {
	position: relative;
	z-index: 99;
}	
	
	.how-help {
		float: left;
		width: 27%;
		height: auto;
		margin-top: -25%;
		margin-left: 10%;
		position:relative;
		
		
	}
	
	@media only screen and (max-width: 760px)  {
		.how-help {
			display:none;
		}

	}

	.subpage-how-help {
		float: left;
		width: 16%;
		height: auto;
		margin-top: -15%;
		margin-left: 10%;
		position: relative;
		
	}
	@media only screen and (max-width: 1150px)  {
		.subpage-how-help {
			width: 21%;
			margin-top: -17%;

		}

	}		
	
	
	@media only screen and (max-width: 760px)  {
		.subpage-how-help {
			display:none;
		}

	}


	
		
	.search-bar {
		float: left;
		width: 350px;
		height: auto;
		margin-top: -11.2%;
		margin-left: 16%;
		position: relative;
		
	}
	
	@media only screen and (max-width: 760px)  {
		.search-bar {
			display:none;
		}

	}

	.subpage-search-bar {
		float: left;
		width: 350px;
		height: auto;
		margin-top: -7.2%;
		margin-left: 16%;
		position: relative;
		
	}
	
	@media only screen and (max-width: 760px)  {
		.subpage-search-bar {
			display:none;
		}

	}

	
	
	.search-bar input{
		float: left;
		width: 300px;
		height: 25px;
		border-radius: 10px;
		font-size: 20px;
		padding: 10px;
		padding-left: 15%;
		
	}	

@media only screen and (max-width: 1024px)  {
		.search-bar input {
			width: 200px;
			height: 15px;
			font-size: 16px;
		}
}	
	
	.subpage-search-bar input{
		float: left;
		width: 300px;
		height: 25px;
		border-radius: 10px;
		font-size: 20px;
		padding: 10px;
		padding-left: 15%;
		
	}	


	@media only screen and (max-width: 1150px)  {
		.subpage-search-bar input {
			width: 200px;
			height: 15px;
			font-size: 16px;
		}

	}	

	
	
	
	.search-icon {
		float: left;
		width: 65px;
		height: auto;
		margin-top: -11.6%;
		margin-left: 13.5%;
		position: relative;
	}
	
@media only screen and (max-width: 760px)  { .search-icon { display:none; } }		
@media only screen and (max-width: 1024px)  { .search-icon { margin-top: -12.3%; } }		
	


	
	.subpage-search-icon {
		float: left;
		width: 65px;
		height: auto;
		margin-top: -7.6%;
		margin-left: 13.5%;
		position: relative;
		
	}
	@media only screen and (max-width: 1150px)  {
		.subpage-search-icon {
			width: 50px;			
		}

	}	
	
	
	@media only screen and (max-width: 760px)  {
		.subpage-search-icon {
			display:none;
		}

	}		
	
	
	

.accessibility-icon { 
	float: right;
	top: 27%;
	right: 40px;
	position: fixed;
	z-index: 8;
	width: 105px;
	height: auto;
}

.accessibility-icon img:hover {
	filter: invert(15%);
	transition: all 150ms ease;
}
	

	
	
	@media only screen and (max-width: 760px)  {
		.accessibility-icon {
			width: 65px;
			margin-top: -30%;
		}

	}	
	
	.subpage-accessibility-icon {
		float: right;
		width: 100px;
		height: auto;
		margin-top: -16%;
		margin-right: 5%;
		position: relative;
		
	}	
	
	@media only screen and (max-width: 1150px)  {
		.subpage-accessibility-icon {
			width: 55px;

		}

	}		
	
	
	@media only screen and (max-width: 760px)  {
		.subpage-accessibility-icon {
			width: 45px;
			margin-top: -17%;
		}

	}		
	
	.home-subnav {
		float: left;
		height: auto;
		width: 70%;
		margin-left: 17%;
		margin-top: 90px;
		margin-bottom: 90px;		
	}

.home-subnav img:hover {
	opacity: 0.6;
	transition: all 300ms ease;
}

	
@media only screen and (max-width: 1030px) { 
	.home-subnav { width:94%; margin-top:10%; margin-left:6%; margin-bottom:2%; }
}		

@media only screen and (max-width: 760px) { 
	.home-subnav { width: 90%; margin-top:10%; margin-left: 4.5%; margin-bottom:2%; }
}		
	
	
	
.home-subnav-link1 { float:left; width:15%; height:auto; }
.home-subnav-link2 { float:left; width:15%; height:auto; margin-left:10%; }

@media only screen and (max-width: 760px)  {
		.home-subnav-link1, .home-subnav-link2 {
			width:50%;
			margin-left: 0%;
			text-align: center;
	}
}		

@media only screen and (max-width: 760px)  { .home-subnav-link1 img { max-width: 200px; } }		
@media only screen and (max-width: 760px)  { .home-subnav-link2 img { max-width: 200px; } }		
	
	
	
.home-heading { text-align: center; }
	
	.home-heading h1 {
		font-size:52px;
		margin-top:40px;
		margin-bottom:40px;
		font-weight: 400;		
	}

.home-heading a { 
	font-size: 28px;
    line-height: 90px;		
	text-decoration: underline;
	color: #434a4f;
}

.home-heading a:hover {
	text-decoration: none;
	color: #357E89;
	transition: all 300ms ease;
}
	
	@media only screen and (max-width: 760px)  {
		.home-heading h1 {
	
		font-size:30px;
		
		}
		
	}		
	
	
	
.news-image { 
	float:left;
	width:32%;
	height:auto;
}

@media only screen and (max-width: 1440px)  {
	.news-image { width: 42%; }
}

@media only screen and (max-width: 1030px)  { 
	.news-image { width:100%; }
	.news-image img { max-width:500px; }
}


	
	
	.news-content {
		float:right;
		width:63%;
		height:auto;
		font-size: 28px;
    	line-height: 38px;		
	}

.news-content p { margin:0px; }

.news-content a { 
	text-decoration: underline;
	color: #434a4f;
	line-height:90px;
}

.news-content a:hover {
	text-decoration: none;
	color: #357E89;
	transition: all 300ms ease;
}


@media only screen and (max-width: 1440px)  {
	.news-content { width:53%; }
}

@media only screen and (max-width: 1030px)  {
	.news-content {
		width:100%;
		font-size:16px;
	}
}	


	
	
	.home-divider {
    float: left;
    width: 78%;
    height: 5px;
    background-color: #1c1854;
    margin-left: 10%;
	margin-top:100px;
	margin-bottom:10px;
	}
	

	.logo-container {
	float:left;
	width:80%;
	height:auto;
	margin-top:20px;
	margin-bottom:10px;
	margin-left:10%;
		
	}
	
	.logo-image {
	float:left;
	width:16%;
	height:auto;
	
		
	}

	.home-heading h3{
		
	font-size:20px;
	text-align:center;
	text-decoration:underline;
		
	}

	@media only screen and (max-width: 760px)  {
		.home-heading h3 {
	
		font-size:16px;
		
		}
		
	}

	

.footer-container {
	float:left;
	width:100%;
	height:auto;
	background-color:#dddddd;
	margin-top:15px;
	margin-top: 80px;
	padding: 30px 0px;
}
	
	.footer-col1 {
		width: 21%;
		float:left;
		height:auto;
		font-size:22px;
		color:#434a4f;
		margin-left:6%;
		margin-top:20px;
		
	}
	
	@media only screen and (max-width: 1330px)  {
		.footer-col1 { 
		font-size:14px;
		margin-left:2%;
		width: 23%;
		}


	}		
	
	@media only screen and (max-width: 760px)  {
		.footer-col1 {
		font-size:16px;
		margin-left:2%;
		width: 96%;
		text-align:center;
		margin-top:10px;
		}


	}	
	
	.footer-col1 img{
		max-width:310px;
		
	}	
	
	.footer-col1 a, .footer-col4 a {
		font-size:22px;
		color:#434a4f;
	}

.footer-col2 a, .footer-col3 a {
		font-size:22px;
		color:#434a4f;
	margin-left: 14px;
	}

.footer-col1 a:hover, .footer-col2 a:hover, .footer-col3 a:hover, .footer-col4 a:hover  {
		opacity:0.6;
		}



@media only screen and (max-width: 1330px) { 
	.footer-col1 a, .footer-col2 a, .footer-col3 a, .footer-col4 a { font-size:14px; }
}

@media only screen and (max-width: 760px) { 
	.footer-col1 a, .footer-col2 a, .footer-col3 a, .footer-col4 a { font-size:16px; }
}
	
	
	.footer-col2 {
		width: 18%;
		float:left;
		height:auto;
		font-size:22px;
		color:#434a4f;
		margin-left:2%;
		margin-top:20px;
		
	}
	
	
	
	@media only screen and (max-width: 1330px)  {
		.footer-col2 {
		font-size:14px;
		}


	}	


	@media only screen and (max-width: 760px)  {
		.footer-col2 {
		font-size:16px;
		margin-left:2%;
		width: 96%;
		text-align:center;
		margin-top:10px;
		}
	
	}
	

	.footer-col3 {
		width: 30%;
		float:left;
		height:auto;
		font-size:22px;
		color:#434a4f;
		margin-left:2%;
		margin-top:20px;
		
	}
	
	@media only screen and (max-width: 1330px)  {
		.footer-col3 {
		font-size:14px;
		}


	}	
	
	@media only screen and (max-width: 760px)  {
		.footer-col3 {
		font-size:16px;
		margin-left:2%;
		width: 96%;
		text-align:center;
		margin-top:10px;
		}	
	
	}
	
	.footer-col4 {
		width: 19%;
		float:left;
		height:auto;
		font-size:22px;
		color:#434a4f;
		margin-left:2%;
		margin-top:20px;
		
	}
	
	@media only screen and (max-width: 1330px)  {
		.footer-col4 {
		font-size:14px;
		}


	}


	@media only screen and (max-width: 760px)  {
		.footer-col4 {
		font-size:16px;
		margin-left:2%;
		width: 96%;
		text-align:center;
		margin-top:10px;
		}	
	
	}
	
	
	.topnav {
	  overflow: hidden;
	  background-color: #0A576D;
	  position: relative;
	  display:block;
	  float:left;
	  width:100%;
	  height:auto;
	  min-height:20px;

	}

	.topnav #myLinks {
	  display: none;
	}

	.topnav a {
	  color: white;
	  padding: 14px 16px;
	  text-decoration: none;
	  font-size: 17px;
	  display: block;
	  min-height:20px;
	}

	.topnav a.icon {
	  background: #0A576D;
	  display: block;
	  position: absolute;
	  right: 0;
	  top: 0;
	}

	.topnav a:hover {
	  background-color: #ddd;
	  color: black;
		transition: all 300ms ease;
	}	
	
	@media only screen and (min-width: 760px)  {
		.topnav {
		display:none;
		}	
	
	}



.what-we-do {
    display: inline-block;
	margin-bottom: 70px;
	font-size: 28px;
    line-height: 38px;
}

@media only screen and (max-width: 760px)  {
	.what-we-do { font-size: 20px; line-height: normal; }
}

.what-we-do .pic {
    padding-top: 60px;
    padding-bottom: 60px;
}
.what-we-do .contents {
    padding-top: 60px;
    padding-bottom: 60px;
}
.what-we-do h1 {
    text-transform: uppercase;
	font-size: 52px;
    font-weight: 400;
	margin: 0px;
}

@media only screen and (max-width: 760px)  { 
	.what-we-do h1 { font-size: 30px; }
}

.what-we-do .description {
    padding-top: 20px;
}

.what-we-do .description  a {
	text-decoration: underline;
	color:#434a4f;
}

.what-we-do .description a:hover {
	text-decoration: none;
	color: #357E89;
	transition: all 300ms ease;
}

.what-we-do .contents {
    padding-top: 60px;
    padding-bottom: 60px;
}

.infographic-button {
	position: absolute;
    width: 18%;
    float: left;
    z-index: 99;
}

.infographic-button a img:hover {
	filter: contrast(90%);
	transition: all 200ms ease;
}

@media only screen and (max-width: 1300px) { .infographic-button { width: 22%; } }
@media only screen and (max-width: 760px) { .infographic-button { width: 100%; position:relative; } }

.contents {
    padding-top: 120px;
    padding-bottom: 120px;
}

.halfsquare-leftimage img { width: 100%; }
.halfsquare-rightimage img { width: 100%; }

.halfsquare-leftimage {
	float: left;
	width: 38%;
	padding-left: 8%;
    padding-right: 4%;
	padding-top: 60px;
	padding-bottom: 60px;
	background-image: url(../images/what-we-do-bg.jpg);
    background-size: cover;
	background-position: center top;
}

.halfsquare-lefttext {
	float: left;
	width: 38%;
	padding-top: 2%;
	padding-left: 8%;
    padding-right: 4%;
	padding-bottom: 0px;
}

.halfsquare-rightimage {
	float: right;
	width: 38%;
	padding-right: 8%;
    padding-left: 4%;
	padding-top: 60px;
	padding-bottom: 60px;
	background-image: url(../images/what-is-elder-abuse-bg.jpg);
	background-size: cover;
	background-position: center top;
}

.halfsquare-righttext {
	float: right;
	width: 38%;
	padding-top: 2%;
	padding-right: 8%;
    padding-left: 4%;
	padding-bottom: 0px;
}

@media only screen and (max-width: 760px)  {
	.halfsquare-leftimage { width: 100%; padding-left: 0%; padding-right: 0%; }
	.halfsquare-lefttext { width: 92%; padding-left: 4%; padding-right: 0%; }
	.halfsquare-rightimage { width: 100%; padding-left: 0%; padding-right: 0%; padding-top: 20px; }
	.halfsquare-righttext { width: 92%; padding-left: 0%; padding-right: 4%; }
}










.form-input {
    margin: 8px 0 8px 0;
}
.label {
    text-transform: uppercase;
    letter-spacing: .2rem;
    font-weight: bold;
}
.register-container {
    clear: both;
    display: flex;
    justify-content: flex-end;
    width: 90%;
    margin: auto;
}
.register-events {
    flex: 1;
    padding: 0 25px 0 25px;
    margin: 10px;
}
.current-events {
    flex: 1;
    margin: 10px;
}

.error {
    border:1px dotted red;
    outline-color: red;
}

.error-text {
    color:red;
    font-size: small;
    text-decoration: italic
}



.register-events input[type="text"],
.register-events input[type="email"],
.register-events input[type="tel"],
.register-events input[type="date"],
.register-events select { font: 1.15rem / 1.25 sans-serif; }

.register-events input[type="text"],
.register-events input[type="email"],
.register-events input[type="tel"],
.register-events input[type="date"],
.register-events select, 
.register-events textarea {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 0.5rem 0.75rem;
  margin-bottom: 5px;
  border-radius: 8px;
  border-width: 1px;
}
.form-submit {
    display: flex;
    justify-content: flex-end;
}
.submit-button, .g-recaptcha {
    background-color: #213974;
    padding: 16px;
    border-radius: 8px;
    color: white;
    font-weight: bold;
    border: none;
    margin: 5px 0 5px 0;
    cursor: pointer;
    margin-left: 15px;
}
.submit-button:hover {
    opacity: 0.6;
}
.scrolling-list {
  margin: 0;
  padding: 20px;
  list-style-type: none;
  animation: scroll 75s linear infinite; /* Adjust duration as needed */
}

.event-card {
	display: flex;
	align-content: center;
	flex-direction: column;
	padding:20px;
	font-size: 20px;
	line-height: 25px;
}

.scrolling-container {
	overflow: hidden;
    height: 500px;
    border-top: 2px dotted #213974;
}

.scrolling-container-home {
	overflow: hidden;
    height: 365px;
    border-top: 2px dotted #213974;
	border-bottom: 2px dotted #213974;
}

.register-events form {
    background-color: #f5f5f5;
    border-radius: 20px;
    padding: 20px;
}
.form-input-row {
    display:flex;
    justify-content: start;
}

.form-checkbox {
    display: flex;
    align-items: flex-start;
  }
.checkbox-text {
    font-size: small;
}
.checkbox-label {
    display: inline-block;
    cursor: pointer;
}

#eventtypes {
    padding: 0 5px 0 0;
    list-style: none;
}

@keyframes scroll {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-50%);
  }
}

@media only screen and (max-width: 600px) {
  .register-container {
    clear: both;
    display: block;
  }
}




.weeadsquare1, .weeadsquare2 { float: left; width: 50%; }
.weeadsquare1 img { width: 100%; margin: 0%; }
.weeadsquare2 img { width: 100%; margin: 0%; }
.weeadsquare1 a { display: flex; }
.weeadsquare2 a { display: flex; }

.weaad-tl {
	background: #f4f3f7;
}

.weaad-tr {
	background: #eef7f8;
}

.weaad-bl {
	background: #eef7f8;
}

.weaad-br {
	background: none;
}

@media only screen and (max-width: 760px)  { .weeadsquare1, .weeadsquare2 { float: left; width: 100%; } }