/* Basics
=========================== */
/* Button Colours
=========================== */
/* Top Bar
=========================== */
/* NavBar
=========================== */
/* Mobile Nav
=========================== */
/* Social
=========================== */
/* Footer 
=========================== */
/* Panel Header Colours
=========================== */
/* Title Colour
=========================== */
/* Style 1 Title BG Colour */
/* Basics
=========================== */
/* Button Colours
=========================== */
/* Top Bar
=========================== */
/* NavBar
=========================== */
/* Mobile Nav
=========================== */
/* Social
=========================== */
/* Footer
=========================== */
/* Panel Header Colours
=========================== */
/* Title Colour
=========================== */
/* Style 1 Title BG Colour */
/*CSS RESET GOES HERE*/
/* Box sizing rules */
*, *::before, *::after { box-sizing: border-box !important; }

/* Set core body defaults */
body { min-height: 100vh !important; scroll-behavior: smooth !important; text-rendering: optimizeSpeed !important; line-height: 1.5 !important; }

/* A elements that don't have a class get default styles */
a:not([class]) { text-decoration-skip-ink: auto; }

/* Make images easier to work with */
img { max-width: 100% !important; display: block !important; }

/* Inherit fonts for inputs and buttons */
input, button, textarea, select { font: inherit !important; }

/* Remove all animations and transitions for people that prefer not to see them */
@media (prefers-reduced-motion: reduce) { * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } }

/*VERTICAL RHYTHM STYLES GO HERE*/
html { font-size: 100% !important; /* 1 */ -webkit-text-size-adjust: 100% !important; /* 2 */ -ms-text-size-adjust: 100% !important; /* 2 */ }

p, ul, ol, pre, table, blockquote { margin-top: 0px !important; margin-bottom: 24px !important; }

h1.header-banner-page-title { margin-bottom: 0px !important; }

.container { width: 1170px; max-width: 80vw !important; }

var { font-style: inherit; font-weight: bold; font-size: larger; }

.flex-slideshow.flexslider li .flex-caption .slide-info .slide-title { font-size: 25px; font-weight: bold; margin-bottom: 3px; color: white; text-align: center; background-color: #184a18; text-decoration: underline; visibility: hidden; }

hr { border-top: 1px solid #a0a0a0 !important; }

.lower-footer .footer-logo .navbar-brand img { height: 30px !important; }

.header-slideshow .site-header .navbar-brand img { -webkit-filter: brightness(0) invert(1); -moz-filter: brightness(0) invert(1); -ms-filter: brightness(0) invert(1); -o-filter: brightness(0) invert(1); filter: brightness(0) invert(1); }

#site-footer { padding: none important; }

.network-text-logo { display: none; }

#page .site-header.fixed-enabled.fixed #slide-search-field { margin-top: -6px; }

#page #secondary_content .ss-widget .widget-subtext, #page .col-lg-3 .ss-widget .widget-subtext, #page .col-md-3 .ss-widget .widget-subtext, #page .col-lg-4 .ss-widget .widget-subtext, #page .col-md-4 .ss-widget .widget-subtext, #page .col-lg-6 .ss-widget .widget-subtext, #page .col-md-6 .ss-widget .widget-subtext, #page .col-lg-9 .ss-widget .widget-subtext, #page .col-md-8 .ss-widget .widget-subtext, #page .large_left_section .ss-widget .widget-subtext { display: block; }

.banner-full-height #page .site-header .navbar-default .navbar-collapse .nav > li > a, .banner-full-height #page #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a { text-shadow: none; }

.header-banner .header-banner-text .container .header-banner-text-inner .header-banner-page-title { text-shadow: none !important; }

.header-banner .header-banner-text .container .header-banner-text-inner .header-banner-page-title { text-shadow: none !important; }

.header-slideshow-wrapper .flex-slideshow .slides li .flex-caption .slide-info .slide-title { text-shadow: none !important; }

.header-banner .header-banner-text .container .header-banner-text-inner .header-banner-subtext { text-shadow: none !important; }

.header-banner .header-banner-text .container .header-banner-text-inner .header-banner-subtext { text-shadow: none !important; }

.header-slideshow-wrapper .flex-slideshow .slides li .flex-caption .slide-info .slide-content { text-shadow: none !important; }

.banner-full-height #page .site-header .navbar-default .navbar-collapse .nav > li > a, .banner-full-height #page #header_topbar #header-account-buttons #header_topbar_account .navbar-nav > li > a { text-shadow: none; }

.header-banner .header-banner-text .container .header-banner-text-inner .header-banner-page-title { text-shadow: none !important; }

.header-banner .header-banner-text .container .header-banner-text-inner .header-banner-subtext { text-shadow: none !important; }

.header-slideshow-wrapper .flex-slideshow .slides li .flex-caption .slide-info .slide-title { text-shadow: none !important; }

.header-slideshow-wrapper .flex-slideshow .slides li .flex-caption .slide-info .slide-content { text-shadow: none !important; }

td { border-top: none !important; }

.col-lg-7 { width: 100% !important; margin: auto !important; }

/* Adding give now button to mobile menu */
a.mobile-menu-prime-link { width: 33.33%; padding: 20px 8px 20px 8px !important; }

a.mobile-menu-prime-link:not(:last-child) { border-right: 1px solid #fff; }

a.mobile-menu-prime-link:last-child { border-right: 0; }

.logged-in-user a.mobile-menu-prime-link { width: 100%; }

#site_footer .footer-contact .footer-contact-info .footer-contact-info-text { margin-left: 0px !important; }

.footer__list__container { padding: 0px !important; }

.footer__list__container > li { list-style: none; }

.custom__paragraph__container, .custom__image__container { margin-bottom: 2rem !important; }

.widget__custom__heading__container, .custom__heading__container { margin-bottom: 24px !important; }

.header-banner-text-inner { padding-bottom: 1.5rem !important; }

.custom_webpage_section_view > div > .mb3 { margin-bottom: 0px !important; }

#custom__section__who-we-are { background: radial-gradient(circle, #cff6df -120%, white 155%); -moz-box-shadow: 24px 24px #009688; -webkit-box-shadow: 24px 24px #009688; box-shadow: 24px 24px #009688; }

.widget__newsletter { display: flex; justify-content: space-between; align-items: center; }

.widget__custom__paragraph__container, .widget__custom__image__container { margin-bottom: 2rem; }

.widget__newsletter__content { flex-basis: 50%; }

.widget__newsletter__image { max-width: 45%; border: 12px solid #FFC107; box-shadow: 16px 40px 72px 8px rgba(62, 39, 5, 0.3); }

.widget__upcoming-events { background-color: #ffeaa7; border: 10px dashed #2797b0; }

.stacks .widget-more-button-wrapper .btn { font-size: 1.2em; line-height: 2em; padding: 6px 20px; width: auto !important; margin: 0 auto !important; }

.banner__page--who-we-are { height: 100vh; background-image: url("https://fonimg1.s3.amazonaws.com/Jerry+in+Nigeria.jpeg"); background-size: cover; background-position: center center; margin-bottom: 8rem !important; box-shadow: inset 0px 0px 24px rgba(0, 0, 0, 0.6); }

.custom__who-we-are__work { display: flex; justify-content: center; }

.custom__who-we-are__unit { padding: 0 1.5rem !important; max-width: auto; }

.custom_webpage_section_richtext_view, .custom_webpage_section_image_view { margin: 0px !important; }

.article-list .row { display: flex !important; justify-content: space-around !important; }

/*SPACING*/
.custom__section, .widget__section { padding: 3rem .75rem !important; margin-bottom: 7rem !important; }

#widget--newsletter { padding: 7rem 0px !important; margin-bottom: 0px !important; }

.custom__heading__container { text-align: center !important; }

#custom__section--goals { margin-bottom: 0rem !important; }

#widget--what-we-do { background-image: linear-gradient(45deg, #dbffdc, #fff9e6); -moz-box-shadow: 24px 24px #009688; -webkit-box-shadow: 24px 24px #009688; box-shadow: 24px 24px #009688; }

#custom__section--our-work { background-color: #fbfbd5; box-shadow: 24px 24px #009688; }

#secondary_content .widget-title { font-size: 20px !important; }

#donor_form > .row > div > .row > h4 { margin-bottom: 3rem !important; }

#donor_form > .row > div > .row > .clearfix > h4 { margin-bottom: 3rem !important; }

#donor_form > .row > div > h4 { margin-bottom: 3rem !important; }

.custom_webpage_section_view div div.article-list .container .ss-widget { padding: 3rem .75rem !important; margin-bottom: 7rem !important; }

#custom__section--meet-our-committees { margin-bottom: 0px !important; border-bottom: 1px solid #eee; }

.custom__section__list { display: flex; flex-direction: column; align-items: center; justify-items: center; }

.custom__section__list-item > p { margin-bottom: 0px !important; }

.group__cards { display: -webkit-box; display: flex; flex-wrap: wrap; justify-content: center; list-style: none; margin: 0; padding: 0; }

.group__cards__item { display: -webkit-box; display: flex; padding: 1rem; }

.group__card { background-color: white; border-radius: 0.25rem; box-shadow: 0 20px 40px -14px rgba(0, 0, 0, 0.25); display: -webkit-box; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; overflow: hidden; }

.group__card:hover .group__card__image { -webkit-filter: contrast(100%); filter: contrast(100%); }

.group__card__content { display: -webkit-box; display: flex; -webkit-box-flex: 1; flex: 1 1 auto; -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column; padding: 1rem; }

.group__card__image { background-position: center center; background-repeat: no-repeat; background-size: cover; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; -webkit-filter: contrast(70%); filter: contrast(70%); overflow: hidden; position: relative; -webkit-transition: -webkit-filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91); transition: -webkit-filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91); transition: filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91); transition: filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91), -webkit-filter 0.5s cubic-bezier(0.43, 0.41, 0.22, 0.91); }

.group__card__image > img { width: 500px !important; height: 200px !important; object-fit: cover; }

.group__card__image--flowers { background-image: url(https://unsplash.it/800/600?image=82); }

.group__card__image--river { background-image: url(https://unsplash.it/800/600?image=11); }

.group__card__image--record { background-image: url(https://unsplash.it/800/600?image=39); }

.group__card__image--fence { background-image: url(https://unsplash.it/800/600?image=59); }

.group__card__title { color: #696969; font-size: 1.25rem; font-weight: 300; letter-spacing: 2px; text-transform: uppercase; }

.group__card__text { -webkit-box-flex: 1; flex: 1 1 auto; font-size: 0.875rem; line-height: 1.5; margin-bottom: 1.25rem; }

#custom__section__connect-with-group-intro { padding: 7rem .75rem !important; border-bottom: 1px solid #eee; }

#custom__widget--membership-directory { margin-bottom: 10rem !important; }

.custom__section--not-member-yet { margin-bottom: 10rem !important; }

.custom__section--not-member-yet ul { display: flex; flex-direction: column; align-items: center; justify-content: center; }

.overlay-light { background-color: rgba(0, 0, 0, 0) !important; }

.slides .overlay-light { background-color: rgba(0, 0, 0, 0) !important; }

.img__container > a { display: flex; justify-content: center; align-items: center; font-size: 2em; }

.img__container > a > img { width: 100%; height: 100%; object-fit: cover; box-shadow: 0 2px 16px var(--shadow); }

.img__container { display: grid; grid-gap: 10px; grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)); grid-auto-rows: 120px; grid-auto-flow: dense; }

.horizontal { grid-column: span 2; }

.vertical { grid-row: span 2; }

.big { grid-column: span 2; grid-row: span 2; }

.custom__board__minutes { display: flex; flex-wrap: wrap; padding: 2em; border: 2px solid #009688; border-radius: 4px; box-shadow: 24px 24px #009688; }

.custom__board__minutes p { text-align: center; flex-basis: 33.33%; margin: 0 0 16px 0 !important; }

.custom__board__minutes p a { font-weight: bold; text-decoration: underline; font-size: 1.5em; }

#custom__section--mailing--address { background-color: #e7fbe8; border: 10px dashed #00BCD4; }

.legal__container p { text-align: center; }

.custom__involved { margin-top: 3rem; text-align: center; }

.custom__fon-bylaws-text { margin-bottom: 0px !important; max-width: 45em; margin: auto; padding: 4em 0; }

.custom__fon-bylaws-text > p { margin-bottom: 0px !important; }

.custom__section__newsletter { text-align: center !important; }

.custom__section__newsletter { margin-bottom: 0px !important; border-bottom: 1px solid #607d8b; }

img { height: auto; max-width: 100%; vertical-align: middle; }

.meetings__cards__card_image { margin-bottom: 0px !important; }

.meetings__cards__card_image > img { height: 240px !important; width: 500px !important; object-fit: cover; margin-bottom: 0px !important; }

.meetings__cards__btn { color: #ffffff; padding: 0.8rem; font-size: 14px; text-transform: uppercase; border-radius: 4px; font-weight: 400; display: block; width: 100%; cursor: pointer; border: 1px solid rgba(255, 255, 255, 0.2); background: transparent; }

.meetings__cards__btn:hover { background-color: rgba(255, 255, 255, 0.12); }

.meetings__cards { display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; }

.meetings__cards__cards_item { margin-left: 0px !important; }

.meetings__cards__cards_item { display: flex; padding: 1rem; }

.contributor__list__item { list-style: none; text-align: center; }

.contributor .custom__heading__container { margin-bottom: 8px !important; }

.meetings__cards__card { background-color: white; border-radius: 0.25rem; box-shadow: 0 20px 40px -14px rgba(0, 0, 0, 0.25); display: flex; flex-direction: column; justify-content: space-between; }

.meetings__cards__card_content { padding: 2rem 1rem; background: linear-gradient(45deg, #009688, #119488); margin-bottom: 0px !important; height: 100%; display: flex; flex-direction: column; justify-content: center; }

.meetings__cards__card_content > .custom__paragraph__container { margin-bottom: 0px !important; }

.meetings__cards__card_content > .custom__paragraph__container > p { margin-bottom: 0px !important; text-align: center; }

.meetings__cards__card_title { color: #ffffff; font-size: 1.1rem; font-weight: 700; letter-spacing: 1px; text-transform: capitalize; margin-bottom: 24px; text-align: center; }

.meetings__cards__card_text { color: #ffffff; font-size: 0.875rem; line-height: 1.5; margin-bottom: 1.25rem; font-weight: 400; }

.contributor__contact { text-align: center; }

#contact--hear-from-you { border: 8px solid #009688; box-shadow: 12px 12px #009688; }

.widget__custom__image__container--member-directory { max-width: 55vw; margin: 0 auto; }

.link__container { display: inline-block; padding: 3em; border: 1px solid #009688; border-radius: 4px; box-shadow: 12px 12px #009688; }

/*MEDIA QUERIES*/
/*MOBILE*/
@media (min-width: 320px) and (max-width: 480px) { #widget__custom__image__container--member-directory--1 { max-width: auto !important; } .container { max-width: 88vw !important; } .widget__newsletter__image { max-width: 80%; } .flex-slideshow.flexslider { border: none; } #custom__section--projects__wrapper { margin: 0 !important; padding-top: 3rem; } .custom__additional-projects { text-align: center !important; } .header-banner-text-inner > .row { margin-bottom: 24px !important; } .header-banner-subtext { font-size: 1rem !important; } .header-banner-page-title { font-size: 1.75rem !important; } .custom__board__minutes { background-color: transparent; box-shadow: 8px 8px #009688; } .custom__board__minutes > p { flex-basis: 50% !important; } .widget__custom__heading__container > h2 > span, .custom__heading__container > h2 > span { font-size: 30px !important; } .group__cards__item { margin-left: 0px !important; } .header-banner .container { display: flex; flex-direction: column; justify-content: flex-end; } .header-banner-text-inner { padding-bottom: 2rem; } .custom__who-we-are__unit { padding: 0px !important; } .projects__flex__container { display: block !important; height: auto !important; margin-bottom: 0px !important; } .project__flex--blurb { padding: 0 !important; text-align: center; } .custom__who-we-are__work, .widget__newsletter { display: flex !important; flex-direction: column !important; } .card { margin-right: 0px !important; } #custom__section--our-work, #custom__section__who-we-are { box-shadow: 8px 8px #009688 !important; } #contact--hear-from-you { border: 4px solid #009688; box-shadow: 10px 10px #009688; } .widget__custom__heading__container, .widget__custom__paragraph__container, .widget__custom__button__container { text-align: center !important; } .custom__section, .widget__section, .custom__section--not-member-yet { margin-bottom: 3rem !important; } #custom__section--goals { margin-bottom: 0px !important; } .article-list .container .ss-widget .row article { margin-bottom: 16px !important; } .widget__newsletter__content { margin-bottom: 3rem; } .custom__section, .widget__section { padding: 3rem .75rem !important; } .article-list .row { display: flex !important; flex-direction: column !important; } #widget--what-we-do { box-shadow: 12px 12px #009688 !important; } .banner__page--who-we-are { background-position: top right !important; } .card { display: block !important; flex-basis: auto !important; margin-bottom: 48px !important; } }

#custom__section__who-we-are, #widget--what-we-do { margin-top: 7rem !important; }

#custom__section--our-grants--goal { background-color: #fbf1d4; box-shadow: 24px 14px #009688; }

.card { margin-right: 32px; margin-bottom: 32px; flex-basis: 25%; box-shadow: 4px 4px 24px 4px rgba(0, 0, 0, 0.15); }

.card__container { display: flex; justify-content: center; flex-wrap: wrap; align-items: flex-start; }

.card__unit img { margin-bottom: 0px; }

.card__unit { background-color: #d9f9da; border-radius: 4px; }

.card__blurb { padding: 1em 0px 3em 2em; }

.card__blurb h3 { margin-bottom: 24px !important; }

.card__blurb h4, .card__blurb p { margin: 0px; padding: 0px; }

.card__blurb { margin-bottom: 1em; padding: 1em 1.25em; }

.card__btn__wrapper { text-align: center; }

.iframe__responsive { width: 100%; height: 0px; padding-bottom: 56.25%; position: relative; }

.iframe__responsive iframe { position: absolute; height: 100%; width: 100%; }

#custom__section--our-grants--goal, #custom__section--our-grants--priorities, #custom__section--our-grants--application, #custom__section--our-grants--criteria, #custom__section--our-grants--testimonial, #custom__section--our-projects-intro { margin-bottom: 0px !important; }

#custom__section--projects__wrapper { margin: 7rem 0; }

.projects__flex__container { height: 50vh; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between; align-items: center; margin-bottom: 72px; }

.project__flex__unit { height: 100%; display: flex; align-items: center; flex-basis: 50%; justify-content: center; }

.project__flex--blurb { justify-content: center; flex-direction: column; padding: 0 4em; }

.project__flex__unit--background { background: radial-gradient(circle, rgba(11, 153, 27, 0.217061) 0%, white 100%); }

/* Landscape */
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape) { .card__container { display: block !important; } #widget__custom__image__container--member-directory--1 { max-width: auto !important; } .card { margin-bottom: 48px !important; padding-bottom: 4px !important; } }

@media (min-width: 320px) and (max-width: 1280px) { .banner__page--who-we-are { background-attachment: scroll; } }

/* ----------- iPad 1, 2, Mini and Air ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) { .banner__page--who-we-are { background-attachment: scroll !important; } }

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) { .banner__page--who-we-are { background-attachment: scroll !important; } }

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) { .banner__page--who-we-are { background-attachment: scroll !important; } }

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) { .banner__page--who-we-are { background-attachment: scroll !important; } }

/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { .banner__page--who-we-are { background-attachment: scroll !important; } }

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { .banner__page--who-we-are { background-attachment: scroll !important; } }

/* ----------- iPad Pro 10.5" ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 834px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2) { .banner__page--who-we-are { background-attachment: scroll !important; } }

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { .banner__page--who-we-are { background-attachment: scroll !important; } }

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { .banner__page--who-we-are { background-attachment: scroll !important; } }

/* ----------- iPad Pro 12.9" ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) { .banner__page--who-we-are { background-attachment: scroll !important; } }

/* Portrait */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 1024px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) { .banner__page--who-we-are { background-attachment: scroll !important; } }

/* Landscape */
/* Declare the same value for min- and max-width to avoid colliding with desktops */
/* Source: https://medium.com/connect-the-dots/css-media-queries-for-ipad-pro-8cad10e17106*/
@media only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { .banner__page--who-we-are { background-attachment: scroll !important; } }

@media (min-width: 1281px) { .banner__page--who-we-are { background-attachment: fixed; } }

@media (min-width: 40rem) { .group__cards__item { width: 50%; } }

@media (min-width: 56rem) { .group__cards__item { width: 33.3333%; } }

@media (min-width: 40rem) { .meetings__cards__cards_item { width: 50%; } }

@media (min-width: 56rem) { .meetings__cards__cards_item { width: 33.3333%; } }

.header-banner { height: 300px !important; }

@media (min-width: 1281px) { .banner__page--who-we-are { background-attachment: fixed; } }

@media (max-width: 320px) { .header-banner { height: 400px !important; } }