/*
Theme Name: VisionLink
*/

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap');

html { 
	scroll-behavior: smooth; 
}

body {
	background: #ffffff;
	font-family: 'Inter', sans-serif;
	overflow-x: hidden;

}

.content-width, article {
	margin: 0 auto;
	width: 100%;
	max-width: 1280px;
}

.full-width {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.container-fluid {
	position: relative;
}

.main {
	width: 100%;
	padding-top: 140px;
}

/* Announcement Box */
.announcement-box {
	background: #EBEC68;
	padding: 15px 0;
	position: relative;
	overflow: hidden;
	display: none;
}

.announcement-box.show {
	display: block;
}

.announcement-box p, .home .announcement-box p {
	margin-bottom: 0;
	display: inline-block;
	font-size: 15px;
	padding-right: 65px;
	text-align: left;
}

#announcement-box-close {
	position: absolute;
	right: 0;
	top: 3px;
	height: 50px;
	width: 50px;
	background: url(img/close-button.png) no-repeat 0 0;
	overflow: hidden;
	text-indent: -1000px;
	border: 0;
	padding: 0;
}


/* Header */
.top-bar {
	background: #002c3e;
	width: 100%;
	display: block;
	position: fixed;
	z-index: 201;
	top: 0;
}

.top-bar-content {
	display:flex;
	align-items:center;
	justify-content: space-between;
	height: 40px;

}

.top-bar-left {
	display: flex;
	width: 780px;
	justify-content: space-between;
	align-items: flex-start;
	margin: 0 0 0 32px;
	padding: 0;
}

.top-bar-left li {
	display: inline-block;
	margin: 0;
	padding: 0;
}

.top-bar-left li a {
	display:block;
	color: #fff;
	font-size: 14px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	text-decoration: none;
}

.top-bar-left li a:hover {
	text-decoration: underline;
}

.address a {
	background: url(img/top-bar-address.svg) no-repeat 0 2px;
	padding: 0 0 0 15px;
}

.phone a {
	background: url(img/top-bar-phone.svg) no-repeat 0 2px;
	padding: 0 0 0 18px;
}

.appointment a {
	background: url(img/top-bar-appt.svg) no-repeat 0 2px;
	padding: 0 0 0 18px;
}

.search-bar {
  --size: 30px;
  --padding: 3px;
  --expanded-width: 243px;

  display: flex;
  justify-content: flex-end;
  border-radius: 100px;
  outline: 1px solid transparent;
  overflow: hidden;

  padding: var(--padding);
  margin-left: auto;
  width: var(--size);
  height: var(--size);
  max-width: 100%;
  transition: width 0.5s, outline 0.5s, background-color 0.5s;
}

.search-bar:focus-within {
  width: var(--expanded-width);
  outline: 1px solid #002C3E;
  background-color: #fff;
}

.search-input {
  font-size: 13px;
  color:  #002C3E;
  background-color: transparent;
  border: none;
  outline: none;
  margin-inline: 1rem;
  flex: auto;

  opacity: 0;
  transition: opacity 0.5s;
}

.search-bar:focus-within .search-input {
  opacity: 1;
}

.search-submit {
  flex: none;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  color: #fff;
  background-color: #002C3E;
  border-radius: 50%;
  border: none;
  width: calc(var(--size) - var(--padding) - var(--padding));
  aspect-ratio: 1;
  cursor: pointer;
}

.top-bar-content ul.social-icons {
	margin:0 42px;
	list-style: none;
	padding: 0;	
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 124px;
}

.top-bar-content ul.social-icons li {
	margin: 0;
}

.top-bar-content ul.social-icons li a {
	display: flex;
	flex-flow: row nowrap;
	justify-content: center;
}

.header {
	background: #fff;
	box-shadow: 0 4px 4px 0 rgba(0, 44, 62, 0.20);
	width: 100%;
	z-index: 200;
	position: fixed;
	top: 40px;
}

.header .logo {
	margin-left: 32px;
}

.header .logo-img {
	width:270px;
}

.header-content {
	display:flex;
	justify-content: space-between;
	align-items: center;
	height: 100px;
}


/* Navigation */

.mobile-wrapper {
	display: flex;
	align-items: center;
}

#mobile-nav-button {
	display:none;
}

.bellows {
	margin:25px 40px 25px 0!important;
}

.bellows .bellows-nav li {
	display: inline-block;
}

.bellows .bellows-nav .bellows-submenu {
	position: absolute;
	margin-top: 16px!important;
	margin-left: 10px!important;
	width: 246px;
	z-index: 99;
}

.bellows .bellows-nav .bellows-submenu li {
	display: block;
}

.bellows .bellows-nav .bellows-submenu li a {
	background: #fff;
	font-size: 16px;
	border-top: 1px solid #A2B6BC!important;
	padding:15px 10px!important;
}

.bellows .bellows-nav .bellows-submenu li:first-child a {
	border-top: none!important;
}

.bellows .bellows-nav .bellows-menu-item {
	vertical-align: top;
}

.bellows .bellows-menu-item, .bellows .bellows-menu-item a {
	color: #002c3e;
	font-size: 18px;
	font-style: normal;
	font-weight: 500;
	line-height: normal;
	text-decoration: none;
}

.bellows-current-menu-item a {
	text-decoration:underline!important;
}

.bellows-target-title:hover {
	text-decoration:underline;
}

.bellows .bellows-nav .bellows-menu-item-has-children>.bellows-target {
    padding-right: 45px!important;
}

li#menu-item-4539 {
	border: 2px solid #fff;
	margin-left:20px;
}

li#menu-item-4539:hover {
	border: 2px solid #002c3e;
}

li#menu-item-4539 a {
	background-color: #002c3e;
	margin:3px;
	color:#fff;
	padding: 8px 15px !important;
}

li#menu-item-4539 a .bellows-target-title:hover {
	text-decoration: none;
}

/* Typography */
article {
	color: #003B53;
}

h1 {
	font-size: 38px;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0.38px;
}

h2 {
	font-size: 30px;
	font-style: normal;
	font-weight: 700;
	line-height: 40px; /* 133.333% */
	margin-bottom: 33px;
}

h3 {
	font-size: 24px;
	font-style: normal;
	font-weight: 600;
	line-height: 32px;
}

h4 {
	font-size: 19px;
	font-style: normal;
	font-weight: 600;
	line-height: 24px;
}

p, li {
	font-size: 19px;
	font-style: normal;
	font-weight: 400;
	line-height: 35px;
}

li {
	margin-bottom: 10px;
}

li ul li:first-child {
	margin-top: 10px;
}

a, a:visited {
	color: #003B53;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: none;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
}

a:hover {
	color: #0064DF;
}

.anchor {
	position: relative;
	top: -160px;
	visibility: hidden;
}

ul li ul {
	list-style-type: disc;
	padding-left: 34px;
}

.home h1 {
	margin: 80px auto 69px;
	text-align:center;
	width: 100%;
	max-width: 1280px;
	font-size: 48px;
	font-weight: 700;
	line-height: normal;
	padding: 0 30px;
}

p.lg {
	font-size: 26px;
	font-weight: 500;
	line-height: 40px; /* 153.846% */
}

p.s {
	font-size: 15px;
	font-weight: 400;
	line-height: 24px; 
}

/* Sitewide Styles */ 
.screen-reader-text {
	height: 1px;
	overflow: hidden;
	text-indent: -1000px;
	display: block;
}

p.button {
	display:inline-block;
}

.button a {
	border: 1px solid #003B53;	
	display: flex;
	padding: 9px 20px;
	justify-content: center;
	align-items: center;
	gap: 10px;
	text-decoration: none !important;
	color: #003B53;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	line-height: normal;
}

.button a:hover {
	background: #003B53;
	border: 1px solid #003B53;
	color: #fff;
}

.featured-img {
	width:100%;
	height:400px;
	overflow:hidden;
}

.featured-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.provider-resources .featured-img img, .support-us .featured-img img, .make-a-donation-to-visionlink .featured-img img, .visionlink-report-to-the-community .featured-img img {
	object-position: top;
}

.cff-wrapper {
	padding: 0 70px 40px 70px;
}

.header-wrapper {
	padding: 80px 70px 15px 70px;
}

form.search {
	margin-left: auto;
}

.pagination {
	gap: 10px;
}



.white {
	background: #fff;
}
.gray {
	background: #F5F0E6;
}

.light-blue {
	background: #F0FFFF;
}

.dark-blue {
	background: #002C3E;
	color: #fff;
}




/* Basic Template */
.page-template-page-basic article {
	margin: 0 auto;
	padding: 55px 110px 80px;
	max-width: 1280px;
}

.page-template-page-basic article h1 {
	margin: 0 0 45px 0;
}

.page-template-page-basic article h2 {
	margin: 75px 0 25px 0;
}

.page-template-page-basic article h3 {
	margin: 30px 0 0 0;
}

.page-template-page-basic article h1 + h2 {
	margin-top: 0;
}

.page-template-page-basic article li {
	margin-bottom: 10px;
}

.page-template-page-basic article p {
	margin-bottom: 30px;
}

.visionlink-report-to-the-community.page-template-page-basic article {
	padding-bottom: 0;
}


/* Annual Report */
.annual-report-numbers {
	padding:0 100px;
}

.annual-report-numbers h3 {
	color: #18A0B5;	
	text-align: center;
	font-size: 48px;
	font-weight: 700;
	line-height: 40px; 
}

.annual-report-numbers p {
	color: #18A0B5;
	text-align:center;
	font-size: 21px;
	font-weight: 600;
	line-height: 30px;
}

.annual-report-numbers p strong {
	font-weight:900;
}


/* Video Library styles */

.video-library-top-wrapper {
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	max-width: 1280px;
	padding: 60px 70px 70px 70px;
	margin: 0 auto;
	justify-content: space-between;
	align-items: flex-start;
	color: #fff;
}

.video-library-top-left {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 41px;
	flex: 1 0 0;
	max-width: 669px;
	min-width: 460px;
	padding: 0 40px 0 0;
}

.video-library-top-wrapper h3 a, .video-library-top-wrapper h3 a:hover {
	color: #fff;
}

.video-library-top-right {
	display: flex;
	width: 380px;
	padding: 29px 0;
	flex-direction: column;
	align-items: flex-start;
	flex-shrink: 0;
}

.video-library h2, .video-library p {
	margin:0px;
}

.video-library-top-right p {
	margin-bottom: 30px;
}

.video-gallery-wrapper {
	display: flex;
	width: 100%;
	max-width: 1280px;
	padding: 40px 70px 80px 70px;
	flex-direction: column;
	align-items: flex-start;
}

.video-gallery-contents {
	display:flex;
	flex-flow:row wrap;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	padding: 40px 0 0 0;
}

.video-gallery {
	position:relative;
	margin-bottom:50px;
}

.video-gallery-image {
	display:block;
	width:350px;
	height:200px;
	position:absolute;
	z-index:100;
}

.video-gallery-image:hover {
	background:rgba(8, 23, 31, 0.69) url("img/YouTube-icon-small.png") no-repeat center center;
}

.video-gallery-image-wrapper {
	width: 100%;
	position: relative;
}

.video-gallery img, .video-gallery-image-wrapper img {
	width: 100%;
}

.video-gallery-featured {
	padding: 80px 70px;
	width: 100%;
	max-width: 1280px;
}

.video-gallery-featured .video-gallery-image {
	width: 100%;
	height: 100%;
}

.video-desc.featured {
	width:100%;
	height:242px;
}

.video-gallery-featured .video-gallery-image:hover {
	background:rgba(8, 23, 31, 0.69) url("img/YouTube-icon-large.png") no-repeat center center;
}

.video-desc {
	width: 100%;
	max-width: 350px;
	height:300px;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.15);
	position:relative;
}

.video-desc h3 {
	margin-top:0;
	padding: 20px;	
	font-size: 19px;
	font-weight: 600;
	line-height: 24px;
}

.video-desc p {
	padding: 0 20px;
	font-size: 18px;
	line-height: 28px;
	font-weight: 400;
}

.video-desc.featured {
	max-width: 1140px;
}

.video-desc.featured p {
	font-size: 16px;
	line-height: 26px;
}

.video-desc .button-wrapper {
	position: absolute;
	bottom: 0px;
	margin-bottom: 20px;
}

.video-desc .button-wrapper.nodesc {
	position: absolute;
	bottom: 0px;
	margin-bottom: 44px;
}

.video-desc p.button {
	margin-bottom:11px;
}

.video-desc p.button a {
	margin-bottom:0;
}

.vl-anchor-menu {
	font-size:18px;
	line-height:32px;
}

.video-desc p.audio-description {
	font-size: 12px;
	font-weight: 400;
	line-height: 24px;
	margin-bottom:0;
}


.become-a-client h1 {
	text-align: center;
}

.become-a-client .intro {
	max-width: 700px;
	margin: 0 auto 30px;
}

.become-a-client .wpcf7-form {
	max-width: 400px;
	margin: 0 auto;
}

.become-a-client .wpcf7-form .wpcf7-text {
	max-width: 400px;
	width: 100%;
}

.become-a-client .wpcf7-form select {
	padding: 10px;
	width: 400px;
}

.become-a-client .wpcf7-list-item {
    display: block;
}

.sm {
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
}

.single-post article {
	padding: 80px 150px 80px 110px;
}

.single-post h1 {
	font-size: 30px;
	font-weight: 700;
	line-height: 40px;
	margin-bottom: 50px;
}

.single-post p.date {
	margin-bottom: 50px;
}

.blog-navigation {
	display: flex;
	flex-flow: row wrap-reverse;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	margin-top: 50px;
}

.blog-navigation .back-forward {
	display: flex;
	gap: 25px;
}

/*Footer Styles */
.footer-wrapper {
	width: 100%;
	background: #002c3e;
}

.footer {
	margin: 0 auto;
	padding: 50px 50px 60px 50px;
}

.footer-row {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

.footer-row.bottom-row {
	align-items:baseline;
	margin-top: 10px;
}

.footer-block {
	max-width: 100%;
	display: flex;
}

.footer-block.left {
	justify-content: flex-start;
	text-align: left;
	flex-flow: column wrap;
}

.footer-block.right {
	text-align: left;
	flex-flow: row wrap;
}

.footer-row.bottom-row .footer-block.right {
	display: inline-flex;
	justify-content: flex-end;
	align-items: center;
	gap: 24px;
}

.footer-block.left .footer-block-segment {
	margin: 0 25px 0 0;
}

.footer-block.left p {
	margin-bottom: 15px;
}


.footer-block.right p {
	font-size: 15px;
	font-weight: 500;
	line-height: 24px; /* 171.429% */
	text-align: left;
	margin-bottom: 20px;
}

.footer-block-segment {
	display: inline-block;
	margin: 8px 45px 0px 0;
	text-align: left;
}

.footer h4 {
	color: #E6FFFD;
	font-size: 16px;
	font-weight: 600;
	margin: 30px 0 20px 0;
	padding: 0;
}

.footer p.button {
	margin: 0 25px 0 0 !important;
	padding: 0 !important;
	display: inline-block;
}


.footer .button a {
	border: 1px solid #E6FFFD;
	color: #E6FFFD;
	margin-bottom: 15px;
}

.footer .button a:hover {
	background: #E6FFFD;
	border: 1px solid #E6FFFD;
	color: #002c3e;
}

.footer .logo-img {
	width: 321px;
	margin: 0 0 20px 0;
}

.footer p {
	color: #FFFFFF;
	font-style: normal;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 25px;
	padding: 0;
	text-align: left;
}

ul.social {
	list-style: none;
	margin: 0 0 25px 0;
	padding: 0;	
}

.footer p.tagline {
	margin-bottom: 40px !important;
	font-size: 18px;
	font-weight: 400;
	max-width: 311px;
	line-height: 30px; /* 166.667% */
}

.footer p a {
	color: #fff;
	text-decoration: underline;
}

.footer p a.nou {
	color: #fff;
	text-decoration: none;
}

.footer p.copyright {
	margin-top: 50px;
}

.social li {
	display: inline-block;
	margin: 0;
	padding: 0;
}

.social li img {
	position: relative;
}

.social .linkedin {
}

.social .facebook {
	margin-right: 10px;
}

.social .youtube {
	margin-right: 13px;
}

.social .instagram {
	margin-right: 10px;
}





/* Home Top (ACF Block) */
.home-top {
	overflow: hidden;
}

.home-top-wrapper {
	display: flex;
	width: 100%;
	justify-content: flex-end;
	align-items: center;
	gap: 10px;
}

.home-top-txt {
	display: flex;
	width: 50%;
	height: 700px;
	padding: 116px 55px 116px 86px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	flex-shrink: 0;
	background: linear-gradient(270deg, rgba(0, 44, 62, 0.90) 0%, rgba(0, 44, 62, 0.55) 77.89%, rgba(0, 44, 62, 0.00) 100%);
}

.home-top-txt-wrapper {
	max-width: 500px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 45px;
	flex-shrink: 0;
}

.home-top-wrapper .featured-img {
	display: none;
}

.home-top-txt .headline {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 10px;
	align-self: stretch;	
	color: #FFF;
	font-size: 40px;
	font-style: normal;
	font-weight: 700;
	line-height: 55px; /* 137.5% */
}

.home-top-txt .button a {
	background: #fff;
	border: 1px solid #fff;
	color: #003B53;
}

.home-top-txt .button a:hover {
	background: #003B53;
	border: 1px solid #fff;
	color: #fff;
}

.home-intro-txt {
	display: flex;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 60px 130px;
	justify-content: center;
	align-items: flex-start;
	gap: 10px;
}

.home-intro-txt p {

}

@media (max-width: 1150px) {
	.home-top-txt {
		width: 75%;
		align-items: flex-end;
	}
}

@media (max-width: 1070px) {
	.video-library-top-left {
		min-width: unset;
		padding: 0;
	}
	
	.video-library-top-right {
		width: 100%;
	}
}

@media (max-width: 870px) {
	.home-top {
		/*background: none!important;*/
		background: url(/wp-content/uploads/2026/03/Home-Hero-mobile.png) top center / cover no-repeat!important;
	}
	
	.home-top-wrapper {
		flex-flow: column;
		gap: 0;
	}
	
	.home-top-txt-wrapper {
		gap: 30px;
	}
		
	.home-top-txt {
		width: 100%;
		height: auto;
		background: linear-gradient(0deg, #002C3E 45.67%, rgba(0, 44, 62, 0.55) 65.38%, rgba(0, 44, 62, 0.00) 74.04%);
		padding: 280px 30px 40px 30px;
		align-items: center;
	}
	
	.home-top-txt .headline {
		font-size: 26px;
		line-height: 35px;
	}
	
	.home-intro-txt {
		padding: 40px 30px;
	}
	
	.home-intro-txt p {
		font-size: 20px;
		line-height: 33px;
	}
}


/* Three Column (ACF Block) */
.three-column {
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 50px 35px;
	justify-content: center;
	align-items: center;
	gap: 60px;
	align-self: stretch;
}

.column-cell {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 30px;
	flex: 1 0 0;
	align-self: stretch;
	max-width: 353px;
	position: relative;
}

.column-cell h2 {
	text-align: center;
	font-size: 32px;
	font-weight: 700;
	line-height: normal;
	margin-bottom: 0;
}

.column-cell img {
	height: 275px;
    object-fit: cover;
    width: 100%;
}

.column-cell p {
	font-size: 18px;
	font-weight: 400;
	line-height: 30px; /* 166.667% */
	padding-bottom: 100px;
}

.column-cell p.button {
	position: absolute;
	bottom: 30px;
	padding-bottom:0;
}

.column-cell p.button a {
	font-size: 17px;
	font-weight: 500;
}

@media (max-width: 1040px) {
	.three-column {
		gap: 40px;
	}
	
	.column-cell h2 {
		text-align: center;
		font-size: 32px;
	}
}

@media (max-width: 870px) {
	.column-cell {
		flex: 0 1 auto;
		max-width:	100%;
	}
}




/* LWVL (Living With Vision Loss module) */
.lwvl-wrapper {
	display: flex;
	width: 100%;
	max-width: 1280px;
	padding: 60px 100px;
	margin: 0 auto;
	flex-direction: column;
	align-items: center;
	gap: 60px;
	text-align: center;
}

.lwvl-wrapper h2, .lwvl-wrapper p {
	margin-bottom: 0;
}

.infographic {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: flex-start;
	align-self: stretch;
}

.infographic img {
	flex: 1 0 0;
	align-self: stretch;
	width: 33%;
	max-width: 350px;
}

@media (max-width: 870px) {
	.lwvl-wrapper {
		padding: 40px 30px;
		gap: 40px;
	}
	
	.lwvl-wrapper p.lg {
		font-size: 20px;
		line-height: 33px;
	}

	.infographic {
		justify-content: center;
	}
	
	.infographic img {
		width: 100%;
	}
	
}




/* Highlights Top (ACF Block) */
.highlights-top {
	overflow: hidden;
}

.highlights-top-wrapper {
	display: flex;
	width: 100%;
	max-width: 1280px;
    margin: 0 auto;
	height: 500px;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
}

.highlights-top-wrapper .featured-img {
	display: none;
}

.highlights-top-txt {
	display: flex;
	width: 640px;
	height: 500px;
	padding: 45px 70px 52px 70px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 35px;
}

.highlights-top-txt-wrapper {
	max-width: 500px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 45px;
	flex-shrink: 0;
	color: #fff;
}

.highlights-top-txt-wrapper h1, .highlights-top-txt-wrapper p {
	margin: 0;
}

.highlights-top-txt .button a {
	background: #fff;
	border: 1px solid #fff;
	color: #003B53;
}

.highlights-top-txt .button a:hover {
	background: none;
	border: 1px solid #fff;
	color: #fff;
}

@media (max-width: 870px) {
	.highlights-top {
		background: url('/wp-content/uploads/2026/03/VisionLink-Highlights-hero_m.jpg') bottom center / cover no-repeat!important;
		height: 600px;
	}
	
	.highlights-top-wrapper {
		flex-flow: column;
		gap: 0;
		height: auto;
	}
	
	.highlights-top-txt {
		width: 100%;
		height: auto;
		padding:30px 30px 52px 30px;
		align-items: center;
	}

	.highlights-top-txt-wrapper	 {
		gap: 35px;
	}
	
	.highlights-top-txt-wrapper p.lg {
		font-size: 20px;
		font-weight: 500;
		line-height: 33px;
	}
}




/* Highlights Posts */
.highlights-posts {
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 40px 70px 80px 70px;
	align-items: center;
	gap: 65px;
}

.highlights-posts-txt {
	width: 100%;
	max-width: 665px;
	justify-content: center;
	align-items: flex-start;
}

.highlights-posts-txt p {
	font-size: 18px;
	font-weight: 400;
	line-height: 26px;
	margin-bottom: 30px;
}

@media (max-width: 870px) {
	.highlights-posts {
		padding: 40px 30px;
	}
}

/* Simple Box (ACF Block) */
.simple-box {
	display: flex;
	width: 100%;
	max-width: 1280px;
	padding: 60px 70px;
	margin: 0 auto;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 20px;
	flex: 1 0 0;
}

@media (max-width: 870px) {
	.simple-box {
		padding: 40px 30px;
		text-align: center;
	}
}





/* Split Block (ACF Block) */
.split-block {
	display: flex;
	flex-flow: row wrap;
	width: 100%;
	max-width: 1280px;
	padding: 70px 0;
	justify-content: space-between;
	align-items: flex-start;
}

.split-block-left {
	display: flex;
	padding-left: 70px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	flex: 1 0 0;
}

.split-block-right {
	display: flex;
	padding: 0 100px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	flex: 1 0 0;
}

.split-block-right h3 {
	margin-top: 15px;
}

@media (max-width: 870px) {
	.split-block {
		padding: 40px 30px;
	}
	
	.split-block-left, .split-block-right {
		flex: 0 1 auto;
		padding: 0;
		margin-bottom: 40px;
	}
}



/* Core Values (ACF Block) */
.core-values {
	display: flex;
	width: 100%;
	max-width: 1280px;
	padding: 60px 120px;
	margin: 0 auto;
	flex-direction: column;
	align-items: center;
	text-align: center;
	gap: 40px;
}

.core-values h2 {
	margin-bottom: 0;
}

.core-values-icons {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
}

.value {
	width: 174px;
	display: flex;
    flex-flow: column;
    align-items: center;
}

.value img {
	object-fit: cover;
	width: 100%;
}

@media (max-width: 1110px) {
	.core-values-icons {
		justify-content: center;
	}
}

@media (max-width: 870px) {
	.core-values {
		padding: 40px 30px;
	}
	
	.core-values-icons {
		gap: 15px;
	}
	
	.value {
		width: 100px;
	}
	
	.value h4 {
		font-size: 18px;
	}
}



/*Support Split Box */
.support-split-box {
	display: flex;
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 80px 70px 50px 70px;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
	gap: 70px;
	text-align: center;
}

.support-split-box-side {
	display: flex;
	padding-bottom: 20px;
	flex-direction: column;
	align-items: center;
	gap: 48px;
	flex: 1 0 0;
	align-self: stretch;
}

.support-split-box-divider {
	width: 1px;
	height: 311px;
	background: #003B53;
}

.support-split-box h2, .support-split-box p {
	margin: 0!important;
}

@media (max-width: 870px) {
	.support-split-box-side {
		flex: 0 1 auto;
	}
	
	.support-split-box-divider {
		display: none;
	}
}



/*Support Text Box  */
.support-text-wrapper {
	display: flex;
	width: 100%;
	max-width: 1280px;
	padding: 80px 110px;
	flex-direction: column;
	align-items: flex-start;
	gap: 80px;
}

.support-text-ways {
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	gap: 60px;
	align-self: stretch;
	justify-content: space-between;
}

.support-text-ways-left {
	width: 100%;
	max-width: 577px;
	flex: 1 0 0;
}

.support-text-ways-right {
	display: flex;
	padding: 50px 140px 20px 0;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 25px;
}

.support-text-wrapper h2 {
	margin-bottom: 16px;
}

.support-infographic {
	width: 100%;
	max-width: 1280px;
	margin: 0 auto;
	padding: 30px 30px 50px 30px;
	text-align: center;
}

@media (max-width: 1000px) {
	.support-text-ways-left {
		max-width: 100%;
		flex: 0 1 auto;
	}
	
	.support-text-ways-right {
		flex-direction: row;
		width: 100%;
        padding: 0px;
	}
}

@media (max-width: 870px) {
	.support-text-wrapper {
		padding: 40px 30px;
		gap: 40px;
	}
}






/*------------------------------------------------*\

	VL-Boxes (ACF Block)
	
\*------------------------------------------------*/

.vlboxes-wrapper {
	display:flex;
	flex-flow:row wrap;
}
	

.vlbox {
	height: 600px;
	width: 50%;
	display: flex;
	padding: 100px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
}

.visit .vlbox:first-child {
	padding: 70px;
}

.visit .vlbox:first-child .vlbox-wrapper {
	text-align: left;
	align-items: flex-start;
	gap: 25px;
	max-width: 500px;
}

.visit .vlbox h2 {
	margin-bottom: 0;
}

.vlbox.image iframe {
	width: 100%;
	height: 100%;
	min-height: 500px;
}

.vlbox.image {
	padding: 0;
}

.vlbox-wrapper {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 45px;
	align-self: stretch;
	max-width:440px;
	text-align: center;
	flex:0 1 auto;
}

.vlbox:nth-child( odd ) .vlbox-wrapper {
	margin: 0 0 0 auto;
}

.vlbox:nth-child( even ) .vlbox-wrapper {
	margin: 0 auto 0 0;
}

p.title, .vlbox p.title {
	font-size: 24px;
	font-weight: 600;
	line-height: 36px; /* 150% */
}

.vlbox p {
	font-family: Inter;
	font-size: 19px;
	font-style: normal;
	font-weight: 400;
	line-height: 35px; /* 184.211% */
}

.vlbox p.button {
	padding:0;
	margin:0 !important;
}

.vlbox .bottom-text p {
	/*font-size:14px;*/
}

.vlbox p {
	margin-bottom: 0;
	padding-bottom: 0;
}

.vlbox.light-blue {
}

.vlbox.light-blue .button a {
	border: 1px solid #003B53;
	color: #003B53;
}

.vlbox.light-blue .button a:hover {
	background: #003B53;
	border: 1px solid #003B53;
	color: #F0FFFF;
}

.vlbox.dark-blue {
	color: #fff;
}

.vlbox.dark-blue p, .vlbox.dark-blue p a {
	color:#fff;
}

.vlbox.dark-blue .button a {
	border: 1px solid #fff;
	color: #fff;
}

.vlbox.dark-blue .button a:hover {
	background: #fff;
	border: 1px solid #fff;
	color: #003B53;
}

.vlbox.white {

}

.vlbox.white p, .vlbox.white a {
}

.vlbox.white .button a {
	border: 1px solid #003B53;
	color: #003B53;
}

.vlbox.white .button a:hover {
	background:#003B53;
	border: 1px solid #003B53;
	color: #fff;
}

.vlbox.image img {
	height:100%;
	width:100%;
	object-fit:cover;
}

/*Stretch box on Support Us */
.vl-stretch {
	width: 50%;
}

.vl-stretch .vlbox {
	width: 100%;
}

.vl-stretch .vlbox:nth-child( even ) .vlbox-wrapper {
    margin: 0 0 0 auto;
}

.vl-stretch.tall {
	padding: 40px 50px;
	margin: 0 auto 0 0;
	max-width: 540px;
}



/* Small Screens */
@media (max-width: 1100px) {
	.vlbox {
		padding: 60px;
	}
	
	.vlbox-wrapper {
		gap: 25px;
	}
}

@media (min-width: 871px) {
	.vlbox {
		order: 0!important;
	}
}


@media (max-width: 870px) {
	.vlbox {
		height: auto;
		width:100%;
		padding: 50px 30px;
	}
	
	.vlbox-wrapper {
		gap: 25px;
	}
	
	.vlbox:nth-child( odd ) .vlbox-wrapper, .vlbox:nth-child( even ) .vlbox-wrapper {
		margin: 0 auto!important;
	}
	
	.vlbox p {
		font-size: 20px;
		line-height: 34px;
	}
	
	.vl-stretch {
		width: 100%;
	}
	
	.visit .vlbox:first-child {
		padding: 30px;
	}
}

@media (max-width: 600px) {
	.vlbox.image img {
		height: 350px;
	}
}


/*------------------------------------------------*\

	Top Block (ACF Block)
	
\*------------------------------------------------*/

.top-block {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	width:100%;
	max-width: 1280px;
	padding: 40px 70px 70px 70px;
	align-items: flex-start;
	gap: 65px;
	margin: 0 auto;
}

.low-vision-resource-center .top-block {
	gap: 30px;
}

.top-block-left {
	display: flex;
	padding: 20px 0;
	flex-direction: column;
	align-items: start;
	gap: 40px;
	flex: 1 0 0;
	min-width: 460px;
}

.top-block-right {
	display: flex;
	width: 406px;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 10px;
	flex-shrink: 0;
}

.top-block-left p.large {
	font-size: 26px;
	font-weight: 500;
	line-height: 40px; 
}

.top-block-left p {
	margin-bottom:0;
}

.round-img {
	width: 318px;
	height: 318px;
	border-radius: 318px;
	margin: 10px 0;
}

.top-block-right p.large {
	font-size: 22px;
	font-weight: 600;
	line-height: 29px;
}

.top-block-right .txt-block {
	padding: 15px 35px;
	text-align:center;
}

.top-block-right p {
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	margin:0 0 30px 0;
}

@media (max-width: 1070px) {
	.top-block-left {
		min-width: unset;
	}
	
	.top-block-right {
		width: 100%;
	}
}

@media (max-width: 870px) {
	.top-block {
		padding: 40px 30px;
	}
	
	.resize .top-block-left p.lg {
    	font-size: 20px;
		line-height: 33px;
    }
    
    .top-block-right p.large {
    	font-size: 24px;
    	line-height: 31px;
    }
    
    .top-block-right p {
    	font-size: 19px;
    	line-height: 31px;
    } 
    
    .top-block-right .txt-block {
    	padding: 15px 0px;
    }
}










/*------------------------------------------------*\

	Small screens

\*------------------------------------------------*/

@media (max-width: 1190px) {
	.bellows .bellows-menu-item, .bellows .bellows-menu-item a {
		font-size: 16px;
	}
	
	.bellows .bellows-nav .bellows-submenu li a {
		font-size: 15px;
	}
	
	.header .logo-img {
		width: 250px;
	}
	
	li#menu-item-4539 {
		margin-left: 0;
	}
	
	.bellows .bellows-nav .bellows-subtoggle {
		justify-content: flex-end!important;
	}
	
	.bellows .bellows-nav .bellows-menu-item-has-children>.bellows-target {
		padding-right: 18px!important;
	}
	
	.video-gallery-contents {
		justify-content: flex-start;
		gap: 40px;
	}
}

@media (max-width: 1100px) {
	.top-bar-content {
		justify-content: space-around;
		margin:0 20px;
		gap: 10px;
	}
	
	.top-bar-left, .top-bar-content ul.social-icons {
		margin: 0;
	}
	
	.header .logo {
		margin-left: 20px;
	}
	
	.bellows {
		margin:25px 10px 25px 0!important;
	}
	
	.bellows .bellows-nav .bellows-target {
		padding: 13px 8px!important;
	}
}

@media (max-width: 1000px) {
	.min {
		display:none;
	}
	
	.top-bar-left li a {
		font-size:13px;
	}
}

@media (max-width: 940px) {
	.header .logo-img {
        width: 190px;
        margin-top: -8px;
    }
}

@media (max-width: 964px) {
	.footer-row.bottom-row {
		align-items: baseline;
		flex-direction: column-reverse;
    }
    
    .footer-row.bottom-row .footer-block.right {
    	margin-top: 30px;
    	flex-flow: row nowrap;
    	justify-content: flex-start;
    }
}

@media (max-width: 870px) {
	.min {
		display: inline;
	}
	
	.header {
		position: fixed;
		top: 0;
	}
	
	.main {
		padding-top: 65px;
	}
	
	.top-bar {
        /*display: block;*/
        display: none;
        position: fixed;
        height: 100vh;
        z-index: 98;
        padding: 480px 0 40px;
        right: 0px;
		left: 0px;
		top: 0px;
		position: fixed;
	}
	
	.top-bar-content {
		flex-flow: column wrap;
        height: 100%;
        justify-content: flex-start;
        max-width: 370px;
        margin-left: 10px;
        gap: 20px;
	}
	
	.top-bar-left {
		flex-flow: column wrap;
		gap: 10px;
		width: 100%;
		padding: 0 10px;
		margin-bottom: 10px;
	}
	
	.top-bar-left li {
    	margin: 0px 0 10px 0;
    }
    
    .top-bar-left li a {
        font-size: 14px;
    }
	
	.search-bar {
		margin-inline: auto;
		width: 243px;
		outline: 1px solid #002C3E;
	    background-color: #fff;
	}
	
	.search-bar .search-input {
	    opacity: 1;
	    font-size: 16px;
	    padding-left: 15px;
	    width: 100px;
	}
	
	form.search {
		margin-left: 0;
	}
	
	.header-content {
		height: auto;
	}
	
	.header .logo {
        margin-left: 0;
        padding: 0 20px;
        background-color: #fff;
        box-shadow: 0 4px 4px 0 rgba(0, 44, 62, 0.20);
        width: 100%;
        height: 65px;
        display: flex;
        align-items: center;
        z-index: 100;
    }
    
    .header .logo-img {
        width: 250px;
        margin-top: 0;
    }
	
	#mobile-nav-button {
		background:url(img/mobile-nav-off.png) no-repeat 0 0;
		border:0;
		height: 40px;
		overflow:hidden;
		position: absolute;
		right: 15px;
		text-indent:-1000px;
		width:40px;
		z-index:1000;
		display: block;
	}
	
	#mobile-nav-button.clicked {
		background:url(img/mobile-nav-on.png) no-repeat 0 0;
	}
	
	.mobile-wrapper {
		/*display: block;*/
        display: none;
		position:fixed;
		top:65px;
		background:#fff;
		border:0;
		width:100%;
		box-shadow: -1px 1px 2px 0px rgba(0, 44, 62, 0.15);
		z-index:99;
	}
	
	.bellows.bellows-main {
		max-width: 280px;
		margin-left: 82px!important;
		padding: 18px 0 33px 0;
	}
	
	.bellows .bellows-nav li {
		display: block;
	}
	
	.bellows .bellows-menu-item, .bellows .bellows-menu-item a {
        font-size: 20px;
        font-weight: 600;
    }
    
    .bellows .bellows-nav .bellows-submenu li a {
        font-size: 16px;
    }
	
	.bellows .bellows-nav .bellows-submenu {
    	position: relative;
    }
    
    .bellows .bellows-nav .bellows-submenu {
    	margin-top: 0 !important;
    	margin-left: 0 !important;
    	margin-bottom: 5px !important;
    }
    
    .bellows .bellows-nav .bellows-submenu li a {
    	border-top: none!important;
    	padding: 9px 10px !important;
    }
    
    li#menu-item-4539 {
		display: inline-block;
		margin-top: 15px;
	}
    
    .featured-img {
		height:250px;
    }
    
    .footer {
		padding: 40px 30px;
	}
	
	/* Mobile Typography */
	.home h1 {
		font-size: 40px;
	}
	
	h1 {
		font-size: 38px;
	}
	
	h2 {
    	font-size: 30px;
    }
    
    h3 {
    	font-size: 24px;
    }    
    
	h4 {
		font-size: 20px;
		line-height: 35px;
    }
	
	p, li {
		font-size: 20px;
	}
	
	.button a {
		font-size: 19px;
		font-weight: 600;
	}
	
	.anchor {
		position: relative;
		top: -90px;
		visibility: hidden;
	}
	
	.video-library-top-wrapper, .video-gallery-wrapper, .video-gallery-featured {
		padding: 40px 30px;
	}
	
	.video-gallery {
		margin-bottom: 0;
	}
	
	.video-gallery-contents {
		gap: 30px;
	}
	
	.video-desc {
		height: auto;
	}
	
	.video-desc .button-wrapper, .video-desc .button-wrapper.nodesc {
    	position: initial;
    	padding: 20px 0;
    }
    
	.page-template-page-basic article {
		padding: 55px 30px;
	}
	
	.single-post article {
		padding: 55px 30px;
	}
	
	.cff-wrapper {
		padding: 0 30px 40px 30px;
	}
	
	.header-wrapper {
		padding: 50px 30px 15px 30px;
	}
}

@media (max-width: 800px) {
	.hide {
		display: none;
	}
}

@media (max-width: 400px) {
	.footer-row.bottom-row .footer-block.right {
		gap: 0;
		justify-content: space-between;
		width: 100%;
	}
	
	.footer-row.bottom-row .footer-block.right img {
		height: 90px;
	}
}