@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap');

body { font-family: 'Lato', sans-serif; font-size: 22px; }

.h1, h1 { font-size: 36px !important; }
.h2, h2 { font-size: 32px !important; }
.h3, h3 { font-size: 28px !important; }
.h3, h3 { font-size: 26px !important; }
img { max-width: 100%; height: auto; }
blockquote { margin: 20px; border-left: 4px solid #000; padding-left: 20px; margin-left: 20px; }
.bg-green { background: #1D8F4C !important; }
#navbar-top{ padding:0; margin-bottom:0 !important; }
.sticky-header { position: sticky; left: 0; top: 0; right: 0; margin: 0 !important; z-index: 100; padding: 0; box-shadow: 0px 5px 10px #1D8F4C1F; }
.header-gradient-layer { width: 100%; padding: .5rem 1rem; background: #1D8F4C url("../images/gradient-bg.png") no-repeat; background-size: 105% 100%; background-position: left center; }
.navbar-brand { margin: 0; padding: 0; }
.navbar-brand img { width: 245px; }
.topbar { float: right; margin-bottom: 8px; }
.topbar li { float: left; padding: 0 8px; }
.topbar li a, .nav-link--user-login { display: inline-block; color: #fff !important; text-decoration: none !important; }
.nav-link--user-login:hover { color: #fff !important; }
.topbar li a.topbar-button, .topbar li a.topbar-plain-button { background: #1D8F4C; color: #fff !important; margin-top: 10px; padding: 0 15px; border: 1px solid #fff; transition: 0.1s ease-out all; }
.topbar li a.topbar-button:hover, .topbar li a.topbar-button:focus, .topbar li a.topbar-plain-button:hover, .topbar li a.topbar-plain-button:focus { color: #fff !important; background: #2A6CA7; box-shadow: 0 1px 5px #555; }
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { font-weight: 700; }
#search-block-form { position: relative; margin: 10px 0 0 10px; }
#search-block-form legend { display: none; }
#search-block-form label { float: left; margin: 0 8px 0 0; line-height: 30px; color: #fff; }
#search-block-form input { float: left; width: auto; padding: 0 32px 0 10px; line-height: 30px; height: 35px; border: 1px solid #fff; border-radius: 0; outline: 0; background:#fff; }
.form-control:focus { box-shadow: 0 0 0; border-color: #000 !important; }
::placeholder { color: #000000 !important; }
#search-block-form .form-group { margin-bottom: 0; }
#search-block-form .form-actions { position: absolute; right: 2px; top: 0; }
#search-block-form button { border: 0; height: 26px; width: 30px; padding: 0; background-color: transparent !important; cursor: pointer; z-index: 100; box-shadow: 0 0 0 !important; border-radius: 5px; margin-top: 2px; border: 1px solid transparent !important; text-indent: -999999px; background: url(../images/icons/search.svg) no-repeat; background-size: 18px; background-position: center; }
#search-block-form button:focus { border: 1px solid #000 !important; }
#search-block-form button img { display: none; }
.clear { clear: both; height: 0; }
.main-navigation { float: right; }
.main-navigation .navbar-nav { margin-right: -15px; }
.main-navigation ul.navbar-nav>li.nav-item:last-child>ul.dropdown-menu { right: 0; left: auto; }
.main-navigation .dropdown-menu { top: 40px; border-radius: 0; border: 0; padding: 12px 0 0; background: transparent; margin: 0; }
.main-navigation .dropdown-submenu .dropdown-menu { padding: 0; }
.main-navigation .dropdown-menu li a { background: #235033; }
.dropdown-menu { display: none; }
.main-navigation.collapse ul li.nav-item:hover>ul, .main-navigation.collapse ul li.nav-item+a:focus+ul, .dropdown-submenu .dropdown-menu.show { display: block }
.navbar-nav .nav-link { color: #fff !important; font-size: 17px; outline-color: #000; }
.main-navigation .dropdown-item, .main-navigation .dropdown-submenu li:last-child { padding: 0; }
.main-navigation .dropdown-item a, .main-navigation a.dropdown-item, .main-navigation .dropdown-item span, .main-navigation span.dropdown-item { color: #fff; font-size: 17px; text-decoration: none; display: block; padding: .5rem 1.5rem; outline: 0; border: 1px solid transparent; border-bottom-color: #1D8F4C; cursor: pointer; }
.main-navigation .dropdown-item:last-child a, .main-navigation .dropdown-item:last-child span { border-bottom-color: transparent; }
.main-navigation .dropdown-item a:focus, .main-navigation a.dropdown-item:focus, .main-navigation .dropdown-item:last-child a:focus { border: 1px solid #000; }
.main-navigation li.dropdown-item:focus, .main-navigation li.dropdown-item:hover { background-color: transparent; }
.main-navigation .dropdown-item a:hover, .main-navigation .dropdown-item a.active, .main-navigation .dropdown-item a:active, .main-navigation a.dropdown-item:hover, .main-navigation a.dropdown-item.active, .main-navigation a.dropdown-item:active, .main-navigation .dropdown-item span:hover, .main-navigation span.dropdown-item:hover { color: #fff; background: #1B8143; }
.main-navigation .dropdown-item a:focus, .main-navigation a.dropdown-item:focus { background: #235033; }
.main-navigation .dropdown-item:hover a, .main-navigation .dropdown-item:hover span { color: #fff; }
.dropdown-toggle::after { border: 0 !important; background: url("../images/icons/down-arrow.svg") no-repeat; background-size: cover; width: 12px; height: 12px; margin: 6px 0 0 5px; transition: 0.3s ease; float: right; }
.main-navigation.collapse ul li.nav-item:hover .nav-link.dropdown-toggle::after, .main-navigation.collapse ul li.nav-item.show .nav-link.dropdown-toggle::after, .show.dropdown-submenu .dropdown-toggle::after { transform: rotate(180deg); }
.main-navigation ul li.dropdown-submenu { position: relative; padding: 0; }
.dropdown-submenu .dropdown-menu { top: 0; left: 0; margin: 0; position: relative !important; border-radius: 0; }
.main-navigation .dropdown-submenu .dropdown-menu a { background: #183823; }
#main-content { min-height: calc(100vh - 300px); }
.footer-section { background: #000000; padding: 40px 0; }
.footer-wrapper { display: flex; }
.footer-item { flex-grow: 5;  /* flex-basis: 20%; */ ; }
.footer-heading { color: #FFFFFF; margin-bottom: 15px; padding: 0.5rem 0; }
.footer-item ul { list-style: none; padding: 0; margin: 0; }
.footer-item ul li a { color: #FFFFFF; font-size: 13px; padding: 4px 0; }
.footer-item ul li a:hover { text-decoration: underline; }
footer p { color: #fff; margin-bottom: 0; }
footer hr { margin: 3rem -15px; border-top: 1px solid #888; }
.footer-section ul.nav, .footer-links { display: inline-block; list-style: none; padding: 0; margin: 0; }
.footer-section ul.nav li, .footer-links li { float: left; border-right: 1px solid #fff; line-height: 22px; }
.footer-section ul.nav li:last-child, .footer-links li:last-child { border-right: 0; }

.footer-section ul.nav li a, .footer-links li a { display: inline-block; line-height: 22px; padding: 0 25px; color: #fff !important; }
.copyright { padding: 20px 0; }
.region-footer-bottom-right { display: inline-block; }
.copyright p { color: #000000; }
.copyright p a { display: inline-block; margin-left: 5px; }
.copyright p img { width: 24px; margin: 1px; }
.custom-select { margin-top: .25rem; }
.default-main-section-padding { padding: 70px 0; }
.webform-submission-donate-online-form { margin-top: 50px; }
.webform-progress-tracker .progress-step.is-active .progress-marker, .webform-progress-tracker .progress-step.is-active:hover .progress-marker { background-color: #1d8f4c; }
.btn-primary { background-color: #1d8f4c !important; border-color: #1d8f4c !important; }
.node__content { margin: 0; }
table tr, table tr th { background: transparent !important; color: #000000; }
.table .thead-light th { background-color: #EFF4F8 !important; border-color: #E8E9EC; color: #A3A6B4; }
#block-nfbaff-template1-content .breadcrumb, .breadcrumb li{font-size: 22px;}
/****** Homepage styles ******/
.homepage-banner { position: relative; }
.banner-overlay { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }
.banner-text { position: absolute; left: 0; right: 0; top: 28%; }
.path-frontpage .inner-banner-text h1 { display: none; }
.path-frontpage .inner-banner-text .text-formatted h1 { display: block; max-width: 100%; text-align: left; text-transform: none; letter-spacing: 2px; }
.path-frontpage .inner-banner-text .text-formatted p { text-align: left; font-weight: 400; color: #fff; margin: 40px 0 0; max-width: 870px; }
.inner-banner-text { position: absolute; left: 0; right: 0; top: 40%; top: 0 !important; bottom: 0; display: flex; justify-content: center; flex-direction: column; text-align: center; }
.path-frontpage .inner-banner-text { top: 28%; }
.banner-flex-vertical-left-center { display: flex; flex-direction: column; justify-content: center; }
.banner-flex-vertical-center-center { display: flex; flex-direction: column; justify-content: center; height: 100%; }
.homepage-banner h1 { font-weight: bold; letter-spacing: 3px; color: #fff; }
.homepage-banner h1 span { display: block; }
.homepage-banner p { font-weight: 400; color: #fff; margin: 40px 0 0; max-width: 870px; }
#featured-programs { position: relative; top: -150px; margin-bottom: -80px; }
#featured-content section { padding: 40px 0; }
.news-featured-wrapper { background: #fff; padding: 40px; box-shadow: 0px 20px 20px #EFF4F8; }
#featured-content section .news-featured-wrapper { padding: 0; box-shadow: 0 0 0; }
.featured-thumb { width: 100%; height: 175px; background: url(../images/featured-placeholder.jpg) no-repeat; background-size: cover; background-repeat: no-repeat; }
.news-featured-wrapper h2, .related-article h2, .four-column-head h2 { font-weight: bold; letter-spacing: 2px; color: #000000; margin-bottom: 25px; }
.plain-theme-button, .webform-confirmation__back a { display: inline-block; color: #fff !important; padding: 4px 20px; background: #1D8F4C; border: 1px solid #1D8F4C; text-decoration: none !important; outline: 0; line-height: 35px; margin-bottom: 25px; transition: 0.2s all ease-out; }
.plain-theme-button:hover, .plain-theme-button:focus { color: #fff !important; background: #2A6CA7; box-shadow: 0 1px 5px #555; }
.webform-confirmation__back a { margin-bottom: 0; }
.webform-progress-tracker.progress-tracker { margin-top: 60px; max-width: 500px; }
.webform-confirmation__message { text-align: center; margin: 0; }
.single-news-featured-item { text-align: center; height: 100%; border: 1px solid #ddd; }
.news-featured-item-details { border-top: 0; padding: 15px; }
#featured-programs .single-news-featured-item:hover { border-color: #1D8F4C; }
.single-news-featured-item h3 { display: inline-block; color: #000000 !important; font-weight: bold; min-height: 50px; text-decoration: none !important; outline: 0 !important; }
.single-news-featured-item:hover .news-featured-item-details h3 { color: #1D8F4C !important; }
.single-news-featured-item a.read-more, .blog-item-details a.read-more, .single-board-director-card a.read-more { font-weight: 600; color: #000000 !important; text-decoration: underline !important; display: inline-block; padding: 5px 25px 5px 15px; background: url("../images/icons/arrow-right.svg") no-repeat; background-size: 10px; background-position: 100% 56%; transition: linear all 0.1s; }
.blog-item-details a.read-more { background-position: 100% 58%; text-decoration: underline !important; }
.single-news-featured-item:hover a.read-more, .blog-item-details:hover a.read-more, .grey-bg-card:hover a.read-more { padding-right: 30px; color: #1D8F4C !important; background: url("../images/icons/arrow-right-green.svg") no-repeat; background-size: 10px; background-position: 95% 56%; }
.inside-news-article-thumb { float: right; margin: 0 0 25px 25px; }
#featured-content .single-news-featured-item h3 a { min-height: 28px; }
.learning-home { padding: 40px 0 0; }
.learning-home h4 { font-size: 32px; font-weight: bold; letter-spacing: 3px; color: #000000; margin-bottom: 20px; }
.learning-home h3 { font-size: 32px; font-weight: bold; letter-spacing: 3px; color: #000000; margin-bottom: 20px; }
.learning-home p { max-width: 700px; margin-bottom: 25px; }
.learning-home a { margin-bottom: 40px; }
.learning-home img { width: 100%; }
.blog-section { padding: 100px 0; background: #1F3356; text-align: center; }
.blog-item-details { padding: 15px; background: #fff; }
.blog-item-details h5 { display: inline-block; font-weight: 700; line-height: 25px; color: #000000 !important; margin-bottom: 15px; min-height: 50px; text-decoration: none !important; outline: 0 !important; transition: linear all 0.1s; }
.blog-item-details:hover h5 { color: #1D8F4C !important; }
.blog-item-details p { display: -webkit-box;  /* -webkit-line-clamp: 4; */ -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }

/****** Common footer grey section styles ******/
.grey-bg-section { padding: 70px 0; background: #F0F5F9; text-align: center; }
.center-content-columns { display: flex; flex-direction: row; align-items: stretch; height: 100%; }
.center-content-column { display: flex; flex: 1; flex-direction: column; justify-content: center; align-items: center; }
.center-content-column h6 { font-size: 32px; font-weight: bold; letter-spacing: 3px; color: #000000; line-height: 40px; margin-bottom: 30px; }
.center-content-column a.subscribe-btn { background: #fff; color: #1D8F4C; border: 1px solid #1D8F4C; outline: 0; text-decoration: none; padding: 6px 20px; width: 200px; cursor: pointer; transition: 0.2s all ease-out; }
.grey-bg-right-column { border-left: 2px solid #fff; }
.logo-slogan { width: 250px; margin-bottom: 25px; }
.grey-bg-right-column p a { color: #000000 !important; padding: 2px 5px; }
.button-set { list-style: none; padding: 0; margin: 0; }
.button-set li { display: inline-block; margin: 0 10px; }
.button-set li a { display: inline-block; min-width: 50px; padding: 0 20px; line-height: 35px; color: #1D8F4C !important; background: #fff; text-decoration: none !important; outline: 0; border: 1px solid #1D8F4C; transition: 0.2s all ease-out; }
.center-content-column a.subscribe-btn:hover, .center-content-column a.subscribe-btn:focus, .button-set li a:hover, .button-set li a:focus { color: #fff !important; background: #2A6CA7; border-color: #2A6CA7; box-shadow: 0 1px 5px #555; }

/****** Contact us page styles ******/
.page-node-102 #block-webform .block-webform .content { max-width: 50%; }
.page-node-102 #block-webform { margin-top: 80px; }
.contact-blue-section { color: #fff; background: #1F3356; padding: 70px 0; text-align: center; }
.contact-blue-section h1, .contact-left-section h2, .contact-inquiries-section h3 { font-size: 32px; font-weight: bold; letter-spacing: 3px; margin-bottom: 25px; }
.contact-intro { margin-bottom: 100px; }
.contact-left-section { text-align: left; }
.contact-left-section address { margin-bottom: 2rem; }
.contact-left-section p { margin-bottom: 5px; }
.contact-left-section p a { color: #fff !important; padding: 2px 3px; }
.contact-inquiries-section { padding: 150px 0 80px; }
.contact-inquiries-section h3 { color: #000000; }
.resp-table tr { border-bottom: 15px solid transparent; }
.resp-table th { display: none; }
.resp-table td { display: block; }
.resp-table td span { float: right; width: 65%; }
.resp-table td:before { content: attr(data-th) " "; font-weight: bold; width: 30%; float: left; font-size: 22px; }
.blog-item-details h2 { display: inline-block; font-weight: 700; color: #000000 !important; margin-bottom: 15px; min-height: 50px; text-decoration: none !important; outline: 0 !important; transition: linear all 0.1s; }
.blog-item-details h3 { display: inline-block; font-weight: 700; color: #000000 !important; margin-bottom: 15px; min-height: 50px; text-decoration: none; outline: 0 !important; transition: linear all 0.1s; }
.blog-item-details:hover h2 { color: #1D8F4C !important; }
.blog-item-details:hover h3 { color: #1D8F4C !important; }
.center-content-column h2 { font-size: 32px; font-weight: bold; letter-spacing: 3px; color: #000000; line-height: 40px; margin-bottom: 30px; }
.content a { text-decoration: underline; }
.view-content a { text-decoration: underline; color: black; }
.footer-greybackgrnd { color: black; margin-bottom: 1rem; }
header #search-block-form { padding: 0px; }
#featured-programs { position: relative; top: -150px; margin-bottom: -80px; }
#featured-content { padding: 40px 0px; top: 0px; margin-bottom: 0px; }
#featured-content .news-featured-wrapper { padding: 0; box-shadow: 0 0 0; }
#block-nfbaff-template1-socialmediablock .field--name-body { display: flex; }
#block-nfbaff-template1-socialmediablock .field--name-body h2 { margin: 0; margin-right: 10px; }
#block-nfbaff-template1-socialmediablock .field--name-body .socialmediablock { margin: 0; display: flex; }
#block-nfbaff-template1-socialmediablock .field--name-body .socialmediablock a { display: block; margin: 0px 2px; }
.socialmediablock img { height: 28px; width: 28px; }
.underline-cards { text-decoration: underline !important; }
.overlay-banner-img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); }
.clearfix::after { display: none; }
label.error, .form-item--error-message { color: red; }
svg.mailto, svg.ext { width: 16px !important; height: 16px !important; margin-left: 3px !important; vertical-align: text-top; }
.table-responsive #converted-table { display: none; }
.search-form .container-inline div { display: grid; }
.block-system-breadcrumb-block { margin-top: 2%; }
.contact-us-breadcrumbs { position: absolute; margin-top: 2%; }
.block-system-breadcrumb-block { margin-top: 2%; }
.contact-us-breadcrumbs { position: absolute; margin-top: 2%; }
.path-frontpage .breadcrumbs-subdiv { Display: none; }
.block-webform { margin-top: 30px; margin-bottom: 30px; }



.contact-inquiries-section table a { color: #000000 !important; padding: 2px 3px; }

/****** Inner page styles ******/
.inner-page-banner-section { position: relative; color: #fff; text-align: center; }
.node--type-inner-page .inner-page-banner-section, .page-node-23 .inner-page-banner-section { margin-bottom: 70px; }
.inner-page-banner-section img { height: auto !important; margin-bottom: 0; }
.inner-page-banner-section h1 { font-size: 36px; font-weight: bold; letter-spacing: 2px; margin-bottom: 25px; max-width: 700px; margin: 0 auto; }
.inner-page-banner-section p { color: #fff; margin-top: 1rem; margin-bottom: 0; }
.inner-page-main-content-section { padding: 70px 0; }
.node--type-inner-page .inner-page-main-content-section, .page-node-23 .inner-page-main-content-section { padding: 0; }
.inner-page-main-content-section h2, .masonry-block h2 { font-size: 32px; font-weight: bold; letter-spacing: 1px; margin-bottom: 25px; }
.inner-page-main-content-section ul, .masonry-block ul { padding-left: 15px; margin-top: 5px; }
.inner-page-main-content-section ul li, .masonry-block ul li { margin-bottom: 5px; line-height: 1.7rem; }
.inner-page-main-content-section ul li a, .masonry-block ul li a, .inner-page-main-content-section p a, .masonry-block p a { color: #1D8F4C; font-weight: 600; }
.mb-8 { margin-bottom: 8rem; }
.mt-6 { margin-top: 6rem; }
.inner-page-main-content-section p cite { display: block; color: #000; }
.gray-color-text, .gray-color-text a { color: #000 !important; }
.mt-30 { margin-top: 30px; }
.node--type-inner-page .grey-bg-section, .page-node-23 .grey-bg-section { margin-top: 70px; }
.custom-box-shadow { box-shadow: 0 15px 40px #D6C6B3; }
.max-width-1000 { max-width: 1000px; margin-left: auto; margin-right: auto; }
.custom-card-item .card { background-color: #EFF4F8; border-color: #EFF4F8; margin-bottom: 30px; }
.custom-card-item .card-body { padding: 1.5rem; }
.custom-card-item .card-title { font-size: 22px; color: #000000; text-transform: none; letter-spacing: 0; line-height: 30px; }
.chapters-cards .custom-card-item .card-title { letter-spacing: 2px; line-height: 36px; }
.custom-card-item .card-body p:last-child { margin-bottom: 0; }
.chapters-cards .custom-card-item a, .custom-cards .custom-card-item a { color: #1D8F4C !important; }
.chapters-cards .custom-card-item a.email-link { color: #2A6CA7 !important; text-decoration: underline; }
.custom-card-item .plain-theme-button { margin-bottom: 1rem; background: #fff; }
.custom-card-item .plain-theme-button:hover, .custom-card-item .plain-theme-button:focus { color: #fff !important; background: #1D8F4C; }
.custom-card-item .plain-theme-button { margin-bottom: 1rem; background: #fff; font-weight: 600; }
.custom-card-item .plain-theme-button:hover, .custom-card-item .plain-theme-button:focus { color: #fff !important; background: #1D8F4C; }
.grey-bg-card { position: relative; background: #F0F5F9; height: 100%; padding-bottom: 50px; }
.grey-bg-card img { width: 100%; }
.mb-30 { margin-bottom: 30px; }
.grey-content-area { padding: 15px; }
.collection-image-count { display: inline-block; position: absolute; top: 5px; right: 5px; padding: 0 5px 0 30px; color: #fff; background: #1D8F4C url("../images/icons/gallery.svg") no-repeat; background-size: 14px; background-position: 8px 50%; border-radius: 2px; z-index: 10; line-height: 22px; }
.publish-date { display: inline-block;  color: #000; margin-bottom: 15px; }
.grey-bg-card h2, .grey-bg-card h3 { font-weight: bold; color: #000000; letter-spacing: 0; margin: 0 0 15px; line-height: 34px; min-height: 50px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; text-transform: none; }
.news-item .grey-bg-card h2, .blog-item .grey-bg-card h2 { -webkit-line-clamp: 2; }
.grey-bg-card p { margin-bottom: 0; color: #000; line-height: 22px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
.view-gallery-link { position: absolute; left: 10px; bottom: 10px; display: inline-block; padding: 5px 25px 5px 5px; color: #1D8F4C !important; font-weight: 600; text-decoration: none !important; background: url("../images/icons/arrow-right-green.svg") no-repeat; background-position: 95% 64%; background-size: 12px; }
.grey-bg-card .read-more { position: absolute; left: 0; right: 0; bottom: 10px; margin: auto; width: 105px; color: #000000 !important; font-weight: 600; display: inline-block; padding: 5px 25px 5px 15px; background: url(../images/icons/arrow-right.svg) no-repeat; background-size: 10px; background-position: 90% 56%; transition: linear all 0.1s; }
.grid .field--name-field-gallery-images { display: block; column-count: 4; column-gap: 16px; }
.grid .field--name-field-gallery-images .field__item { margin: 0; display: grid; grid-template-rows: 1fr auto; margin-bottom: 16px; break-inside: avoid; width: auto; }

.grid-item a { display: block; position: relative; }
.grid-item a img { border: 2px solid #fff; }
.grid-item a:focus img { border: 2px solid #000; }
.grid-item img { width: 100%; }
.custom-pagination .pagination-link { display: inline-block; color: #1D8F4C !important; border: 1px solid #1D8F4C; padding: 0 20px; line-height: 35px; min-width: 150px; text-align: center; text-decoration: none; cursor: pointer; outline: 0; }
.custom-pagination .pagination-link.disabled { color: #DDDBDB !important; border: 1px solid #DDDBDB; cursor: not-allowed; background: #fff !important; }
.custom-pagination .pagination-link:hover, .custom-pagination .pagination-link:focus { background: #1D8F4C !important; border-color: #1D8F4C !important; color: #fff !important; }
.custom-pagination .pagination-link.disabled:hover, .custom-pagination .pagination-link.disabled:focus { background: #DDDBDB !important; border-color: #DDDBDB !important; color: #000000 !important; }
.custom-pagination .pagination-link.disabled:focus { border-color: #000 !important; }
.custom-pagination p { display: inline-block; line-height: 35px; color: #000; }
.custom-pagination p span { display: inline-block; padding: 0 10px; line-height: 35px; border: 1px solid #DDDBDB; margin-left: 5px; }
h2.subheading { font-size: 32px; font-weight: bold; letter-spacing: 1px; margin-bottom: 25px; }
h3.subheading { font-size: 32px; font-weight: bold; letter-spacing: 1px; margin-bottom: 25px; }
.single-board-director-card { margin-bottom: 30px; }
.single-board-director-card img { margin-bottom: 15px; }
.single-board-director-card h3 { text-transform: none; letter-spacing: 0; margin-bottom: 15px; font-weight: bold; }
.single-board-director-card h4 { color: #2A6CA7; }
.single-board-director-card p a { color: #000000 !important; padding: 0 2px; font-weight: normal; }
.article-inner-page-content { background: #F0F5F9; }
.article-main-content-wrapper { background: #fff; box-shadow: 0px 0px 20px #2A6CA726; border: 1px solid #EFF4F8; }
.article-main-content { padding: 40px 40px 20px; border-bottom: 2px solid #EFF4F8; }
.article-published-date { display: inline-block; margin-bottom: 30px; font-style: italic; }
.article-main-content p { text-align: justify; line-height: 25px; }
.article-meta-deta { padding: 20px 40px; }
.article-meta-deta p { margin: 0; font-style: italic; }
.article-meta-deta p a { color: #2A6CA7 !important; padding-bottom: 2px; display: inline-block; text-decoration: none; margin-left: 3px; }
.related-article { padding: 70px 0; background: #1F3356; }
.related-article h2 { color: #fff !important; }
.related-article .plain-theme-button { background: #1D8F4C; border-color: #1D8F4C; color: #fff !important; }
.related-article .plain-theme-button:hover, .related-article .plain-theme-button:focus { background: #2A6CA7; border-color: #2A6CA7; }
.related-article .grey-bg-card { background: #fff; }
.events-card, #datepicker { padding: 25px; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 0px 20px #2A6CA726; border: 1px solid #EFF4F8; height: 100%; }
.events-card h2 { color: #000000;  letter-spacing: 1px; text-transform: none; }
.events-table tbody tr td { color: #4D4F5C; border-left: 1px solid #dee2e6; border-right: 1px solid #dee2e6; }
.events-table tbody tr td:last-child { border-bottom: 1px solid #dee2e6; }
h1.subheading { font-size: 32px; font-weight: bold; letter-spacing: 1px; margin-bottom: 25px; }

.width-155 { width: 155px; }
.ui-datepicker { width: 100% !important; padding: 0 !important; font-family: 'Lato', sans-serif !important; }
.ui-widget-header { border: 0 !important; background: #fff !important; margin-bottom: 15px; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next, .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { box-shadow: 0px 2px 3px #0000000D; border: 1px solid #E8E9EC !important; border-radius: 4px; background: #fff !important; cursor: pointer; }
.ui-datepicker .ui-datepicker-prev-hover { left: 2px !important; top: 2px !important; }
.ui-datepicker .ui-datepicker-next-hover { right: 2px !important; top: 2px !important; }
.ui-widget-header .ui-datepicker-prev .ui-icon { background-image: url(../images/icons/arrow-right.svg) !important; background-size: 14px; background-position: center; transform: rotate(180deg); }
.ui-widget-header .ui-datepicker-next .ui-icon { background-image: url(../images/icons/arrow-right.svg) !important; background-size: 14px; background-position: center; }
.ui-widget.ui-widget-content { border: 0 !important; }
.ui-datepicker table thead { background: #EFF4F8; border-bottom: 2px solid #fff; }
.ui-datepicker table thead th { color: #A3A6B4; }
.ui-datepicker table tbody tr { border: 0 !important; }
.ui-datepicker td span, .ui-datepicker td a { text-align: center !important; padding: 0.5em !important; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid transparent !important; background: #f6f6f6 !important; color: #454545 !important; }
.ui-datepicker td.event a { background-color: #D2E9DB !important; border: 1px solid #E8E9EC !important; color: #1D8F4C !important; }
.events-read-more-btn { color: #1D8F4C !important; font-weight: 600; display: block; width: 100px; margin: 25px auto 0; line-height: 25px; text-align: center; }
.breadcrumb { list-style: none; padding: 0 !important; margin: 0 0 30px !important; overflow: hidden; background-color: transparent !important; }
.breadcrumb li a { color: #000 !important; }
.breadcrumb li.active { color: #1D8F4C !important; }
.view-taxonomy-term .block-system-breadcrumb-block { margin-top: 40px; }
.view-taxonomy-term .view-content { width: 100%; max-width: 1140px; padding: 0px 0 70px; margin-right: auto; margin-left: auto; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.view-taxonomy-term .views-row { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; -ms-flex: 0 0 33.333333%; flex: 0 0 33.333333%; max-width: 33.333333%; }
.view-taxonomy-term .views-row .news-item { max-width: 100%; -ms-flex: 100%; flex: 100%; padding: 0; }
.view-taxonomy-term .views-row .news-item p, .feed-icon { display: none; }
.view-taxonomy-term .views-row .news-item .grey-content-area p:nth-of-type(1) { display: -webkit-box; }
/********* Default pages style fix *********/
.page-node-57 { background: #F0F5F9; }
.donate-content-wrapper, .webform-confirmation { background: #fff; box-shadow: 0px 0px 20px #2A6CA726; border: 1px solid #EFF4F8; display: block; max-width: 900px; width: 100%; padding: 50px 75px; margin: 75px auto 50px; }

.path-search #block-nfbaff-template1-content, .page-user-login #block-nfbaff-template1-content { margin-bottom: 75px; }
#block-nfbaff-template1-content .search-form { width: 100%; max-width: 500px; margin-bottom: 30px; }
#main-content .tabs { margin: 1rem auto; max-width: 1140px; }
.webform-results-table thead a { color: #000000 !important; }
.tabs .nav-tabs li a, .button-webform-play, .webform-results-table tbody a { color: #1D8F4C !important; }
.webform-results-table .tablesort { display: none; }
.block-help { padding: 1em; }
.webform-results-table.table-striped thead tr { background-color: #d2e2f0 !important; }
.webform-results-table.table-striped tbody tr:nth-of-type(even) { background: rgba(0, 0, 0, .05) !important; }
.page-user-login .tabs, #block-nfbaff-template1-content legend { display: none; }
#block-nfbaff-template1-content .form-type-search #edit-keys { width: calc(100% - 60px); float: left; }
#block-nfbaff-template1-content .search-form #edit-submit { width: 45px; height: 40px; float: right; margin-top: -55px; text-indent: -999999px; background: url(../images/icons/search-white.svg) no-repeat; background-size: 18px; background-position: center; }
#block-nfbaff-template1-content #edit-submit:focus { box-shadow: 0 0 0; border: 2px solid #000 !important; }
#block-nfbaff-template1-content .search-form #edit-submit img { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }
.list-group-item { border: 0; }
.node_search-results { margin-top: 15px; }
.node_search-results li { margin-bottom: 20px; border: 1px solid #ddd !important; }
.node_search-results .list-group-item { margin-bottom: 20px; border: 1px solid #ddd !important; }
.item-list ul li { padding: 0; margin: 0 0 10px; }
.search-form a, .node_search-results li h3 a { color: #1d8f4c !important; }
.search-form a, .node_search-results h1 a, .node_search-results h2 a { color: #1d8f4c !important; font-weight: 600; }
.node_search-results li h3 a { font-weight: 600; }
.node_search-results li p { color: #666; margin-bottom: 5px; }
.user-login-form { width: 100%; max-width: 500px; }
.progress-step:not(:last-child)::after { z-index: 1; }
.form-control, .custom-select { border: 1px solid #707070; border-radius: 0; font-size: 22px; }
.webform-submission-donate-form { margin-top: 50px; }
.webform-submission-donate-form #edit-submit { border-radius: 0; }
.webform-confirmation__back { margin-top: 20px; margin-bottom: 0; text-align: center; }
.form-required { position: relative; }
.form-required:after { content: "*"; position: absolute; right: -10px; top: 0; color: red; }
.form-control.error { border-color: red !important; border-width: 2px !important; }
#wf-crm-billing-items caption { font-family: inherit; background-color: rgba(29, 143, 76, 0.3); padding: 10px; }
.page-node-57 .crm-container .crm-section .label { width: 35%; text-align: left; }
.js-webform-type-radios legend { display: block; font-weight: 400; margin-bottom: .5rem; }
#billing-payment-block legend { display: block; margin: 0 0 30px; padding: 0 10px 0 0; }
.page-node-57 .crm-container .crm-section .content { margin-left: 35%; }
.page-node-57 .crm-container input.crm-form-text { width: 75%; border: 1px solid #707070; }
.crm-container input.crm-form-text, .crm-container .crm-icon-picker-button, .crm-container input.dateplugin, .crm-container input.crm-form-password { background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #fff), color-stop(15%, #fff)); background-image: -webkit-linear-gradient(top, #fff 1%, #fff 15%); background-image: -moz-linear-gradient(top, #fff 1%, #fff 15%); background-image: linear-gradient(top, #fff 1%, #fff 15%); height: 34px; }
.credit_card_exp_date-section .crm-form-select, .billing_country_id-5-section .crm-form-select { display: inline-block; width: 38%; height: calc(1.5em + .75rem + 2px); padding: .375rem 1.75rem .375rem .75rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; border: 1px solid #707070; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: #fff url("data:image/svg+xml,%3csvg xmlns=!string!width=!string!height=!string!viewBox=!string!%3e%3cpath fill=!string!d=!string!/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px; }
.billing_country_id-5-section .crm-form-select, .billing_state_province_id-5-section .select2-container { width: 76.4% !important; }
.billing_country_id-5-section .crm-form-select { border: 0; padding: 0; height: auto; }
.crm-container .cvv2-icon { margin-bottom: -10px; }
.select2-container .select2-choice { background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(.5, #fff)); background-image: -webkit-linear-gradient(center bottom, #fff 0, #fff 50%); background-image: -moz-linear-gradient(center bottom, #fff 0, #fff 50%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='http://www.w3.org/2000/svg', endColorstr='4', GradientType=0); background-image: linear-gradient(to top, #fff 0, #fff 50%); border: 1px solid #707070; border-radius: 0; background: #fff url("data:image/svg+xml,%3csvg xmlns=!string!width=!string!height=!string!viewBox=!string!%3e%3cpath fill=!string!d=!string!/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px; color: #212529 !important; }
.crm-public .select2-container .select2-choice .select2-arrow, .crm-container .select2-container .select2-choice abbr { display: none; }

/********* Default pages style fix *********/
.blog-item .grey-content-area { padding: 25px; }
.blog-item .grey-bg-card .read-more { margin: 0 0 10px 10px; color: #1D8F4C !important; background: url("../images/icons/arrow-right-green.svg") no-repeat; background-size: 10px; background-position: 90% 56%; padding: 5px 15px !important; text-decoration: underline !important; }
.inner-page-main-content-section .article-main-content h2 { color: #000; font-size: 22px; font-weight: bold; text-transform: none; letter-spacing: 0; }
.inner-page-main-content-section .article-main-content h3 { color: #2A6CA7; font-weight: bold; text-transform: none; letter-spacing: 0; }
.inner-page-main-content-section .article-main-content ul li { color: #000000; line-height: 28px; }

.field--type-image img, .field--name-field-user-picture img { margin-bottom: 0; }
.page-link { color: #1d8f4c; }
.page-item.active .page-link { border-color: #1d8f4c; background-color: #1d8f4c; }
.ui-dialog-content.modal-dialog { pointer-events: all !important; }
.basic-page-content-section { padding: 80px 0; }
#page-level-error-wrapper { display: none; outline: 0; }
#page-level-error-wrapper.has-error { display: block; }
#page-level-error-wrapper p { padding-bottom: 6px; margin-bottom: 6px; border-bottom: 1px solid #f1b0b7; }
#page-level-error-wrapper .errors-list p:last-child { border: 0; padding: 0; margin: 0; }
#page-level-error-wrapper .error-count-label { border: 0; margin-bottom: 15px; }

/* Template 1 style fix for checkbox error message display */
.js-webform-checkboxes.checkbox { position: relative; }
.js-webform-checkboxes.checkbox .form-check { position: unset; }
.js-webform-checkboxes.checkbox .form-item--error-message, .js-webform-checkboxes.checkbox label.error { position: absolute; bottom: -30px; left: 0; }
.grey-bg-section .center-content-column .row { margin: 0; padding: 0 20px; }
footer .grey-bg-section  p { color: #000; margin-bottom: 20px; }
#blog-section .col-md-6 .inner { background: #fff; height: 100%; }
.audio-item{ padding:0 20px; }

/* Language drop down  */
.region-top-header-form .search-block-form { margin-right: 156px; }
#block-dropdownlanguage .dropbutton-widget ul li { float: none !important; list-style: none; }
#block-dropdownlanguage .active-language { color: #000000; }
#block-dropdownlanguage .dropbutton-widget { background-image: none !important; border: none !important; border-radius: 0 !important; padding: 0px 4px; width: 140px; }
#block-dropdownlanguage .dropbutton-widget ul li a { color: #000 !important; }
#block-dropdownlanguage .dropbutton-toggle { padding: 0 !important; }
#block-dropdownlanguage .dropbutton-toggle button:hover, #block-dropdownlanguage .dropbutton-toggle .dropbutton-arrow:hover { background: #fff !important; }
#block-dropdownlanguage .dropbutton-toggle button { background: #fff !important; background-image: none !important; }
.dropbutton .dropbutton-action>* { padding: 0 22px 0 0 !important; }
#block-dropdownlanguage .dropbutton .dropbutton-action:hover, #block-dropdownlanguage .dropbutton a:hover, #block-dropdownlanguage .language-link:hover { background-color: #fff !important; }
#block-dropdownlanguage fieldset legend { display: none; }
#block-dropdownlanguage { margin: 8px 0 0 0; position: relative; }
#block-dropdownlanguage .content { position: absolute; top: 0; right: 0; }

/*---- Header-section ----- */
.sm-menu a, .sm-menu a:hover, .sm-menu a:focus, .sm-menu a:active { font-size: 22px !important; }
#main-menu>li>ul li a { font-size: 22px !important; }
.h3, h3 { font-size: 28px !important; }
.read-more-button { font-size: 22px !important; padding: 5px 20px; }
.read-more-button svg.ext path { fill: #fff; stroke: #fff; }
.btn-primary, .webform-confirmation__back a { font-size: 22px !important; padding: 5px 20px; }
.topbar li a.topbar-button { font-size: 22px !important; }

/*---- civicrm  ____*/
#crm-container.crm-public .calc-value, #crm-container.crm-public .content { font-size: 22px !important; }
.path-civicrm #crm-container.crm-public .label, #crm-container.crm-public .price-field-amount { font-size: 22px; }
.crm-container .form-layout-compressed td, .crm-container .form-layout-compressed th { font-size: 22px !important; }
#main-content a.button { font-size: 22px; padding: 5px 20px; }
.path-civicrm .crm-container .crm-section .label label { font-size: 22px !important; }
.path-civicrm #crm-container.crm-public select, .path-civicrm #crm-container.crm-public input[type="text"], .path-civicrm #crm-container.crm-public input[type="password"], .path-civicrm #crm-container.crm-public input[type="email"] { font-size: 22px !important; }
.path-civicrm div.crm-container label { font-size: 22px; }
.path-civicrm .crm-submit-buttons .crm-form-submit, .path-civicrm .CRM_Event_Form_Registration_ThankYou .event_info_link-section a { font-size: 22px; padding: 5px 20px; }
#crm-container.crm-public .label, #crm-container.crm-public .price-field-amount { font-size: 22px; }
#crm-container.crm-public .calc-value, #crm-container.crm-public .content { font-size: 22px; }
.crm-container.crm-public .select2-container, .crm-container.crm-public .select2-results { font-size: 22px; }
.crm-container .form-layout td { font-size: 22px; }
.path-civicrm .crm-submit-buttons .crm-form-submit, .path-civicrm .CRM_Event_Form_Registration_ThankYou .event_info_link-section a { font-size: 22px !important; }
.crm-container tr.even, .crm-container tr.odd, .crm-container tbody th, .crm-container td { font-size: 22px !important; }
.contact-right-section img { margin-bottom: -200px; }




/*--- Event form submit page ----*/
#crm-container.crm-public .CRM_Event_Form_Registration_Confirm .crm-profile-view-title { font-size: 24px; margin: 10px 0 20px; }
#crm-container.crm-public .CRM_Event_Form_Registration_Confirm .crm-public-form-item { margin-bottom: 0px !important; display: flex !important; border-bottom: 1px solid #ccc; padding: 10px 0; }
#crm-container.crm-public .CRM_Event_Form_Registration_Confirm .crm-public-form-item .label { font-weight: bold; min-width: 200px; position: relative; padding-right: 30px; padding-top: 6px !important; }
#crm-container.crm-public .CRM_Event_Form_Registration_Confirm .crm-public-form-item .label:after { content: ':'; display: block; position: absolute; top: 6px; right: 10px; }

/*--- Event Thankyou page ----*/
#crm-container.crm-public .CRM_Event_Form_Registration_ThankYou .crm-profile-view-title { font-size: 24px; margin: 10px 0 20px; }
#crm-container.crm-public .CRM_Event_Form_Registration_ThankYou .crm-public-form-item { margin-bottom: 0px !important; display: flex !important; border-bottom: 1px solid #ccc; padding: 10px 0; }
#crm-container.crm-public .CRM_Event_Form_Registration_ThankYou .crm-public-form-item .label { font-weight: bold; min-width: 200px; position: relative; padding-right: 30px; padding-top: 6px !important; }
#crm-container.crm-public .CRM_Event_Form_Registration_ThankYou .crm-public-form-item .label:after { content: ':'; display: block; position: absolute; top: 6px; right: 10px; }
.menu-icon-text { color: #fff; }
.bar1, .bar2, .bar3 { background: #fff }
table { width: 100%; display: table; border-collapse: collapse; border-spacing: 0 }
table tbody tr { border: 1px solid #ccc }
table tbody tr th, table tbody tr td { padding: 15px 5px; display: table-cell; text-align: left; vertical-align: middle; border-radius: 2px; border: 1px solid #ccc; }
body.path-search h1.title { display: none; }
.path-civicrm #crm-container.crm-public .crm-section { margin-bottom: 0 !important; }
.path-civicrm .crm-container fieldset { margin-bottom: 0 !important; }
.path-civicrm #crm-container.crm-public .crm-section.registration_fee-section { margin-bottom: 1rem !important; }
.payment_processor-section .content #CIVICRM_QFID_0_payment_processor_id { margin-left: 20px; }

/* Homepage Four Column Title */
.four-column-cards { display: flex; flex-wrap: wrap; }
.four-column-head { text-align: initial; }
.four-column-head h2 { color: white; }
.single-board-director-card h2 { text-transform: none; letter-spacing: 0; margin-bottom: 15px; font-weight: bold; }
.bod-onbio-head h1 { font-size: 32px; font-weight: bold; letter-spacing: 1px; margin-bottom: 25px; text-transform: capitalize; }

/* Webform page-level alert related styles */
.alert-wrapper { position: relative; margin: 30px auto; left: auto; bottom: auto; z-index: auto; max-height: 100%; max-width: 900px; }
.alert-danger { border: 2px solid red !important; }
.alert-danger::before { display: none !important; }
.no_image_heading { position: unset; top: 0px; margin: 40px 0px 0px 0px; }
.no_image_heading h1 { color: black; }
.no_image_heading p { color: black; }
.page-body-margin { margin-top: 70px; margin-bottom: 40px; }
.banner-bottom-margin { margin-bottom: 70px; }
.audio-item { padding: 0 20px; }

.page-node-102 .breadcrumbs-subdiv { background: #233252; max-width: none; padding: 20px; }
.page-node-102 .breadcrumbs-subdiv .block-system-breadcrumb-block .breadcrumb, .page-node-102 .breadcrumbs-subdiv .block-system-breadcrumb-block { margin: 0 !important; }
.page-node-102 .breadcrumbs-subdiv .block-system-breadcrumb-block .breadcrumb li a, .page-node-102 .breadcrumbs-subdiv .block-system-breadcrumb-block .breadcrumb li { color: #fff !important; }

.form-select { display: block; width: 100%; height: calc(1.5em + .75rem + 2px); padding: .375rem .75rem; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #707070; border-radius: 0; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; font-size: 22px; }
form .form-type-textarea { margin-bottom: 1rem !important }
.page-node-102 .field--name-body { padding: 0; max-width: none; }
#block-socialmediablock .field--name-body { display: flex; }
#block-socialmediablock .socialmediablock { display: flex; padding-left:6px }
#block-socialmediablock .socialmediablock a { display: block; padding: 2px; }
.webform-submission-form strong.error.form-item--error-message { font-weight: normal; }
.topbar li a.topbar-button svg.ext { fill: #ffffff; }
.topbar li a.topbar-button svg.ext path, .topbar li a.topbar-button svg.mailto path { stroke: #ffffff; }

.videowrapper { float: none; clear: both; width: 100%; position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; }
.videowrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.content p,.content a {word-wrap: break-word;}
.table-wrap { overflow: scroll; }

.content a {word-wrap: break-word;}
.videowrapper { float: none; clear: both; width: 100%; position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; }
.videowrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.form-select,.form-control, .custom-select { border: 1px solid #707070; border-radius: 0; font-size: 22px; display: block; width: 100%; display: inline-block; width: 100%; height: 47px; padding: .375rem 1.75rem .375rem .75rem; font-weight: 400; line-height: 1.5; color: #000; vertical-align: middle;border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.form-select, .custom-select {
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
}

/*--- pagetitle page-title---*/

#block-nfbaff-template1-page-title { display: none; }
.path-search #block-nfbaff-template1-page-title, 
.page-user-login #block-nfbaff-template1-page-title {display: block; margin-top: 50px; margin-bottom: 20px; word-wrap: break-word; }
.path-search #block-nfbaff-template1-page-title, .path-search #block-nfbaff-template1-content, .page-user-login #block-nfbaff-template1-content { display: block; max-width: 1140px; width: 100%; padding-right: 15px; padding-left: 15px; margin-left: auto; margin-right: auto; }

/* --- audio page --- */
.page-node-99 #blog-section { background: none; }
.page-node-99 #blog-section .paragraph--type--audio-paragraph-type { padding-left: 16px; }
.page-node-99 #blog-section .paragraph--type--audio-paragraph-type .field--name-field-audio-file-name { text-align: left; padding-bottom: 12px; padding-left: 10px; }
.block-views .pagination {justify-content: center; margin-bottom: 40px;}

ul.galerybox { list-style: none; padding: 0; display: block; column-count: 3; column-gap: 15px; }
ul.galerybox li { margin: 0; display: grid; grid-template-rows: 1fr auto; margin-bottom: 10px; break-inside: avoid; width: auto; }
ul.galerybox li img { width: 100%; }
#crm-container.crm-public #crm-submit-buttons { height: 48px; }

/*-- block-dropdownlanguage --*/
#block-dropdownlanguage .dropbutton-toggle { width: 160px; left: 0; height: 35px; right: auto; }
#block-dropdownlanguage .dropbutton-toggle button:hover, #block-dropdownlanguage .dropbutton-toggle button { background: none !important; height: 35px; }
#block-dropdownlanguage .dropbutton-toggle button .dropbutton-arrow { right: 34px; }
#block-dropdownlanguage .dropbutton-multiple .dropbutton{ border:none; }
#block-dropdownlanguage .dropbutton-multiple.open .dropbutton-toggle button .dropbutton-arrow { top: 10px; }


/* ============ responsive =============== */

@media (min-width:992px) {
	.main-navigation .sm-menu li{ padding: 0}
	.main-navigation .sm-menu > li > a{ padding:0px 22px 0px 12px; }
	.inner-page-banner-section img { width:100%; }
	#block-nfbaff-template1-main-menu .sm-menu > li > a{ padding: 0.5rem 24px 0.5rem 4px; }
	.header-gradient-layer #main-menu>li>ul {top: 34px !important;}

}

@media (min-width:480px) {
  .resp-table tr { border-bottom: 0; }
  .resp-table td:before { display: none; }
  .resp-table th, .resp-table td { display: table-cell; }
  .resp-table td span { float: none; width: 100%; }
}

@media (max-width:1160px) and (min-width:992px) {
	.menu-block { background: #448d53; padding:10px 0 }
	.header-gradient-layer { padding: 0; }
	.navbar-brand img { width: 100%; }
	.navbar-dark .navbar-brand { padding-right: 20px; }
	.header-gradient-layer { background: rgb(255, 255, 255); background: linear-gradient(90deg, #ffffff 50%, #448d53 50%); }
}




@media only screen and (min-width:992px) and (max-width:1200px) {
  .header-gradient-layer { background-size: 90% 100%; }
  .navbar-nav .nav-link, .main-navigation .dropdown-item a, .main-navigation a.dropdown-item, .main-navigation .dropdown-item span, .main-navigation span.dropdown-item { font-size: 14px; }
  .main-navigation .dropdown-menu { top: 33px; }
  .main-navigation .dropdown-submenu .dropdown-menu { top: 0; }
  .path-frontpage .inner-banner-text { top: 22%; }
  .inner-page-banner-section h1 { font-size: 32px; letter-spacing: 1px; }
  #featured-programs { top: -90px; }
  .grey-bg-right-column address { font-size: 14px; }
  #featured-programs { top: -90px; }
}

@media only screen and (max-width:991.9px) {
	.sm-menu a .sub-arrow{width: 100%}
    .field--name-field-blog-page-banner, .field--name-field-program-banner-image, .inner-page-banner-section,.field--name-field-page-banner{ min-height: 30vh; height: 30vh; max-height: 100%; overflow: hidden; display: flex; flex-flow: row nowrap; justify-content: stretch; align-items: flex-end; }
  .inner-page-banner-section img,.field--name-field-page-banner img { object-fit: cover; object-position: center; min-width: 100%; height: auto; min-height: 100%; }
  .path-frontpage .inner-banner-text { position: relative; top: auto; width: 100%; left: 0; padding: 140px 20px; }
  .path-frontpage .inner-page-banner-section { min-height: auto; height: auto; display: block; }
  .path-frontpage #block-nfbaff-template1-content .inner-page-banner-section img { position: absolute; top: 0; left: 0; }
  .header-gradient-layer { background: #fff; padding-left: 0; padding-right: 0; }
  .header-gradient-layer .container { padding: 0; }
  .header-gradient-layer .container .row { margin: 0; display: block; width: 100%; }
  .navbar-brand img { max-height: 80px; }
  header .navbar-button { display: block; width: 50px; height: 50px; background: #235033 url("../images/icons/menu-icon.svg"); background-position: center; background-size: 22px; background-repeat: no-repeat; border-radius: 50%; border: 0; margin: 24px 24px 24px auto; outline: 0 !important; }
  header .navbar-button.button-inactive { transform: rotate(90deg); }
  .menu-button-block { background: #1D8F4C; width: 66.66%; height: 97px; position: fixed; top: 0; right: 0; }
  .topbar { float: none; width: 100%; }
  .search-block-form, .search-block-form .container-inline { display: block; width: 100%; }
  #search-block-form { margin: 20px 0; padding-bottom: 20px; border-bottom: 1px solid #1D8F4C; }
  #search-block-form .form-type-search { width: 100%; }
  #search-block-form input { float: none; width: 100%; }
  .menu-block { display: none; width: 66.66%; max-width: 100%; position: fixed; left: auto; right: 0; bottom: 0; top: 95px; background: rgba(31, 98, 72, 0.95); }
  .main-navigation { display: block !important; width: 100%; max-height: calc(100vh - 320px); overflow-y: auto; margin-top: 50px; }
  #block-nfbaff-template1-main-menu { width: 100%; }
  .main-navigation .navbar-nav { margin-right: 0; }
  .navbar-expand-sm .navbar-nav { -ms-flex-direction: column; flex-direction: column; }
  .main-navigation .dropdown-menu { background: rgb(0, 0, 0); background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(35, 80, 51, 1) 100%); background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(35, 80, 51, 1) 100%); background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(35, 80, 51, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#235033", GradientType=1); }
  .navbar-expand-sm .navbar-nav .dropdown-menu { position: static; }
  .dropdown-item.active, .dropdown-item:active { background-color: transparent; }
  .navbar-nav .nav-link, .main-navigation .dropdown-item a, .main-navigation a.dropdown-item, .main-navigation .dropdown-item span, .main-navigation span.dropdown-item { text-align: right; }
  .dropdown-toggle::after { margin-left: 20px; }
  .main-navigation .dropdown-item a:hover, .main-navigation .dropdown-item a.active, .main-navigation .dropdown-item a:active, .main-navigation a.dropdown-item:hover, .main-navigation a.dropdown-item.active, .main-navigation a.dropdown-item:active, .main-navigation .dropdown-item span:hover, .main-navigation span.dropdown-item:hover { background: rgb(0, 0, 0); background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(27, 129, 67, 1) 100%); background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(27, 129, 67, 1) 100%); background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(27, 129, 67, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#1b8143", GradientType=1); outline: 0; border: 0; }
  .menu--secondary-navigation { background: #1D8F4C; position: absolute; bottom: 0; left: 0; right: 0; padding: 15px 0 10px; text-align: center; z-index: 99; }
  .menu--secondary-navigation ul { display: inline-block; }
  .topbar li a.topbar-button, .topbar li a.topbar-plain-button { margin-top: 0; }
  .container { max-width: 100% !important; }
  .center-content-columns { display: block; }
  .center-content-column { padding: 30px 0; align-items: normal; text-align: center; }
  .grey-bg-section .center-content-column .row { margin-left: 0; margin-right: 0; display: block; padding:0 10px }
  .grey-bg-right-column { border: 0; position: relative; }
  .grey-bg-right-column:before { content: ""; width: 300px; height: 2px; background: #fff; position: absolute; top: 0; left: 0; right: 0; margin: auto; }
  .copyright { padding: 20px 15px; }
  .inner-page-main-content-section .mb-8 { margin: 0; }
  .news-item { overflow-x: hidden; }
  .related-article .news-item { margin-bottom: 30px; }
  .related-article .row .news-item:last-child { margin-bottom: 0; }
  #search-block-form .form-actions { position: absolute; right: 15px; top: 5px; }
  header #search-block-form { padding: 5px 15px; flex-flow: row wrap; }

  /*mob view hamburger icon*/
  .hamburger-icon { display: inline-block; cursor: pointer; }
  .hamburger-icon { display: block; width: 50px; height: 50px; background: #235033; background-position: center; background-size: 22px; background-repeat: no-repeat; border-radius: 50%; border: 0; margin: 14px 24px 34px auto; outline: 0 !important; padding-left: 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

  .bar1, .bar2, .bar3 { width: 30px; height: 3px; background-color: #fff; margin: 5px 0px; transition: 0.4s; }
  .change .bar1 { -webkit-transform: rotate(-45deg) translate(-7px, 6px); transform: rotate(-45deg) translate(-7px, 6px); }
  .change .bar2 { opacity: 0; }
  .change .bar3 { -webkit-transform: rotate(45deg) translate(-5px, -5px); transform: rotate(45deg) translate(-5px, -5px); }
  .page-node-102 #block-webform .block-webform .content{ max-width:100%; }

  /*end of hamburger icon*/
  .menu-icon-text { position: absolute; top: 65px; right: 30px; margin: 0px; }
  @supports (-webkit-touch-callout:none) {
    .bar1, .bar2, .bar3 { left: -6px; position: relative; }
  }
  @supports (-webkit-touch-callout:none) {
    .hamburger-icon { padding-left: 16px; }
  }
}

@media only screen and (min-width:768px) and (max-width:991.9px) {
  .path-frontpage .inner-banner-text { top: 22%; }
  .inner-page-banner-section h1 { font-size: 26px; letter-spacing: 1px !important; }
  #featured-programs { top: -50px; margin-bottom: -40px; }
  .single-news-featured-item h3 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; }
  .single-blue-bg-item { margin-bottom: 30px; }
  .blog-section .row .single-blue-bg-item:last-child { margin-bottom: 0; }
  .inner-page-right-images img { display: block; margin: 20px auto; }
  .inner-page-right-images .mt-6 { margin-top: 0 !important; }
  .single-blue-bg-item img { width: 100% }
  .inner-banner-text { top: 26%; }
}
@media only screen and (max-width:767.9px) {
  .menu-button-block { background: #1D8F4C; width: 25%; height: 97px; position: fixed; top: 0; right: 0; }
  header .navbar-button { margin: 24px auto; }
  .menu-block { left: 0; width: 100%; }
  .dropdown-item { white-space: normal; }
  .inner-page-banner-section { overflow-x: hidden; }
  .path-frontpage .inner-banner-text { top: 18%; }
  .path-frontpage .inner-banner-text .text-formatted h1 { letter-spacing: 0; font-size: 20px; }
  .inner-page-banner-section h1 { font-size: 22px; letter-spacing: 0; }
  .path-frontpage .inner-banner-text .text-formatted p { margin-top: 20px; }
  #featured-programs { top: 0; margin-bottom: 0; padding: 50px 0 10px; }
  .news-featured-wrapper { padding: 0; box-shadow: 0 0 0; }
  .news-featured-wrapper h2, .related-article h2, .four-column-head h2 { font-size: 26px; letter-spacing: 1px; text-align: left; }
  .single-news-featured-item { margin-bottom: 15px; height: auto; }
  .single-news-featured-item h3, .single-news-featured-item p, #featured-content .single-news-featured-item p, .blog-item-details h5, .blog-item-details p { min-height: 100%; }
  #featured-content section { padding: 40px 0 10px; }
  .learning-home h4 { font-size: 26px; letter-spacing: 1px; }
  .learning-home h3 { font-size: 26px; letter-spacing: 1px; }
  .blog-section { padding: 40px 0; }
  .single-blue-bg-item { margin-bottom: 15px; }
  .blog-section .row .single-blue-bg-item:last-child { margin-bottom: 0; }
  .single-blue-bg-item img { width: 100%; }
  .grey-bg-section { padding: 0 0 20px; }
  .center-content-column { text-align: left; }
  .center-content-column h6 { text-align: left; letter-spacing: 1px; }
  .grey-bg-right-column:before { content: ""; width: 200px; height: 2px; background: #fff; position: absolute; top: 0; left: 0; margin: 0; }
  .button-set li { margin-left: 0; }
  .logo-slogan { margin-top: 20px; }
  .footer-section { padding: 30px 0; text-align: left; }
  .footer-section ul.nav, .footer-links { display: block; }
  .footer-section ul.nav li, .footer-links li { position: relative; float: none; text-align: left; margin-bottom: 10px; padding-bottom: 10px; border: 0; }
  .footer-section ul.nav li:after, .footer-links li:after { content: ""; position: absolute; left: 0; bottom: 0; width: 50px; height: 1px; background: #fff; }
  .footer-section ul.nav li:last-child, .footer-links li:last-child { padding-bottom: 0; margin-bottom: 0; }
  .footer-section ul.nav li:last-child:after, .footer-links li:last-child:after { display: none; }
  .footer-section ul.nav li a, .footer-links li a { padding: 0; }
  .copyright { padding: 20px 0; }
  .copyright .text-right { text-align: left !important; }
  .copyright .order-last .row, .row.region-footer-bottom-right { display: block; margin-left: 0; margin-right: 0; }
  #block-socialmediablock p span { display: block; margin-top: 5px; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #111; }
  .order-sm-first { -ms-flex-order: 1; order: 1; }
  .copyright p a { margin: 0 5px 0 0; }
  .node--type-inner-page .inner-page-banner-section, .page-node-23 .inner-page-banner-section { margin-bottom: 30px; }
  #block-nfbaff-template1-content img { width: 100%; }
  #block-nfbaff-template1-content .inner-page-banner-section img { width: auto; }
  #block-nfbaff-template1-content .mt-6, #block-nfbaff-template1-content .mt-30 { margin-top: 1rem; }
  .node--type-inner-page .grey-bg-section, .page-node-23 .grey-bg-section { margin-top: 50px; }
  .inner-page-main-content-section { padding: 40px 0 10px; }
  .grey-bg-card h2, .grey-bg-card h3 { min-height: 100%; }
  .grid-item a { display: block; }
  .node--type-chapters-page .inner-page-main-content-section .text-center, .view-all-events .inner-page-main-content-section .text-center { text-align: left !important; }
  .node--type-chapters-page .inner-page-main-content-section .mt-5, .view-all-events .inner-page-main-content-section .mt-5 { margin-top: 0 !important; }
  .custom-card-item { padding: 0; }
  .custom-card-item .card { margin-bottom: 15px; }
  .events-card, #datepicker { height: auto; margin-bottom: 20px; }
  .contact-blue-section { text-align: left; padding: 40px 0 0; }
  .contact-blue-section h1, .contact-left-section h2, .contact-inquiries-section h3 { font-size: 26px; text-transform: none; letter-spacing: 1px; }
  .contact-intro { margin-bottom: 40px; padding-bottom: 40px; border-bottom: 1px solid #fff; }
  .contact-right-section img { margin: 20px 0 0; }
  .contact-inquiries-section, .related-article { padding: 40px 0; }
  .resp-table td:before { font-size: 12px; }
  .view-news .inner-page-main-content-section .col-md-4.mb-30, .view-blog .inner-page-main-content-section .col-md-6.mb-30 { margin-bottom: 15px; }
  .article-main-content-wrapper { margin-bottom: 20px; }
  .article-main-content { padding: 20px 20px 10px; }
  .related-article .news-item, .related-article .blog-item { margin-bottom: 15px; }
  .related-article .row .news-item:last-child { margin-bottom: 0; }
  .related-article .plain-theme-button { margin-bottom: 10px; margin-top: -5px; }
  .donate-content-wrapper { margin: 40px auto 30px; padding: 25px; }
  .donate-content-wrapper .text-formatted p { text-align: left !important; }
  .center-content-column h2 { text-align: left; letter-spacing: 1px; }
  #featured-programs { top: 0px; margin-bottom: 0px; }
  .menu-icon-text { position: absolute; top: 65px; width: 100%; text-align: center; margin: 0px; right: 0px; color: #fff; }
  .hamburger-icon { margin: 15px auto 24px auto; }
  .page-node-102  #block-webform{ padding:0 10px; }
}
@media(max-width:680px) {
  #block-nfbaff-template1-main-menu { height: 72vh; }
  .banner-bottom-margin { margin-bottom: 10px; }
  .grid { margin:0; }
  .grid .field--name-field-gallery-images {column-count: 2;}
  iframe { width: 100%; display: block;}

}



@media(max-width:600px) {
  #crm-container.crm-public .CRM_Event_Form_Registration_ThankYou .crm-public-form-item { display: block !important; }
  #crm-container.crm-public .CRM_Event_Form_Registration_ThankYou .crm-public-form-item .label:after { content: normal; }
  .view-taxonomy-term .view-content { display: block; }
  .view-taxonomy-term .views-row { max-width: none; }
 .path-civicrm #crm-container #crm-main-content-wrapper { width: auto; padding: 20px; margin: 10px; }
  #block-nfbaff-template1-socialmediablock { padding-bottom: 20px; }
  #block-nfbaff-template1-socialmediablock .field--name-body h2 { font-size: 24px !important; padding: 6px 0; }
}
@media(max-width:320px) {
  .inner-page-banner-section img { min-height: 950px; }
}


@supports (-webkit-touch-callout:none) {
  .hamburger-icon { padding-left: 16px; }
}

@media (min-width:480px) {
  .events-table tbody tr td { border-left: 0; border-right: 0; border-color: #dee2e6; }
}

.form-select {
    background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}