html {position: relative; min-height: 100%;}

body {font-family: 'Open Sans', sans-serif, Arial, Helvetica, Verdana; color: #000; font-size: 1.2rem; font-weight: 300; background: #FFF; letter-spacing: 1px;}

/* KIIRO CMS START */
body#admin {font-family: 'Exo', sans-serif, Arial, Helvetica, Verdana; color: #45494D; font-size: 1rem; font-weight: 400; letter-spacing: 1px; background: #FFF;}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #000;}

.spinner {position: fixed; height: 100vh; width: 100vw; display: flex; flex-direction: column; justify-content: center; align-items: center; background-color: rgba(51, 51, 51, 0.5); color: #FFF; z-index: 999;}
.spinner .text-primary {color: #FFC20E !important;}
.spinner h3 {color: #FFF;}

.note-editor .dropdown-toggle::after {all: unset;}
.note-editor .note-dropdown-menu {box-sizing: content-box;}
.note-editor .note-modal-footer {box-sizing: content-box;}

.note-dropdown-item h1 {color: #000; font-size: 24px; font-weight: 600; text-transform: none;}
.note-dropdown-item h2 {color: #FFF; font-size: 22px; font-weight: 400; text-transform: none; text-shadow: -1px -1px 0 #999, 0 -1px 0 #999, 1px -1px 0 #999, 1px 0 0 #999, 1px 1px 0 #CCC, 0 1px 0 #999, -1px 1px 0 #999, -1px 0 0 #999; -webkit-font-smoothing: antialiased;}
#modelBody h1 {color: #000;}
#modelBody h2 {text-shadow: -1px -1px 0 #999, 0 -1px 0 #999, 1px -1px 0 #999, 1px 0 0 #999, 1px 1px 0 #CCC, 0 1px 0 #999, -1px 1px 0 #999, -1px 0 0 #999; -webkit-font-smoothing: antialiased;}
blockquote {padding: 0 0 0 2rem; border-left: 10px solid #41A6C6;}

form h3, blockquote h3 {font-size: 24px; font-size: 700;}

#honey {width: 0; height: 0; opacity: 0; position: absolute; top: 0; left: 0; z-index: -1;}

#modalHeader {background: #45494D ;padding: 0.5rem 1rem !important;}
#modelBody {font-family: 'Exo', sans-serif, Arial, Helvetica, Verdana; font-size: 16px;}
#modelBody label {color: #45494D; font-weight: 600;}
#modelBody .form-control, #modelBody .form-select {background: #FFF; padding: .375rem .75rem; margin: 0 0 1rem 0;}
#modelBody textarea {width: 100%; padding: .375rem .75rem; border: 1px solid #CED4DA;}
#modelBody .input-group .form-control {margin: 0;}
#modelBody input[type=checkbox], #modelBody input[type=radio] {margin: 0 0.5rem 0 0;}
#modelBody .form-control:focus {box-shadow: 0 0 0 0.1rem #FFF, 0 0 0 0.25rem #45494D}
#modelBody th, #modelBody td {border: 1px solid #666 !important;}
#modelBody h4 {font-family: 'Exo', sans-serif, Arial, Helvetica, Verdana; font-size: 18px; font-weight: 700; color: #45494D; text-transform: none;}
h4.heading {font-family: 'Exo', sans-serif, Arial, Helvetica, Verdana; font-size: 24px; font-weight: 700;}
h5.modal-title {font-family: 'Exo', sans-serif, Arial, Helvetica, Verdana; color: #FFF; font-size: 18px; margin: 0 0 0 0.5rem;}
#modalHeader img {float: none !important; width: 40px !important; padding: 0 !important;}
#modelBody img {float: none !important; width: 200px !important; padding: 0 !important;}
#modelBody p {font-size: 1rem !important; padding: 0 !important; margin: 0 0 1rem 0 !important;}

.note-modal a.note-nav-link {font-family: inherit; font-size: 16px; font-weight: 600; padding: 0.5rem !important; margin: 0 0.5rem 0 0 !important; outline: 0 !important;}
.note-modal a.note-nav-link:link, .note-modal a.note-nav-link:visited, .note-modal a.note-nav-link:active {color: #45494D !important; background: #EEE; text-decoration: none;}
.note-modal a.note-nav-link.active {color: #FFF !important; background: #45494D; text-decoration: none;}
.note-modal a.note-nav-link:hover {color: #FFF !important; background: #45494D; text-decoration: none;}

hr {margin: 0.75rem 0 1.5rem 0; border-top: 1px solid #72A94E !important; opacity: 1;}
#admin hr, #modelBody hr {margin: 1rem 0; border-top: 1px solid #45494D !important; opacity: 0.25;}
hr.dropdown-divider {height: 0 !important; margin: .5rem 0 !important; border-top: 1px solid rgba(0,0,0,.15) !important; opacity: .25 !important;}


#admin table {text-align: left;}
#admin th {color: #FFF !important; background: #45494D !important; border: none !important;}

#admin footer {color: #FFF; background: #45494D; white-space: normal; line-height: 30px; padding: 1rem;}

#admin h1 {font-family: 'Exo', sans-serif, Arial, Helvetica, Verdana; font-size: 24px; font-weight: 600; display: inline; color: #45494D; text-transform: none; letter-spacing: 1px;}

#admin .navbar-toggler {display: none !important; position: relative; top: 0;}

@media screen and (max-width: 991px) {
	#admin .navbar-toggler {display: block !important;}
}

#admin nav {background: #45494D;}
#admin .navbar {top: 0; margin: 0; padding: 1rem;}
#admin .navbar-nav {width: inherit; border: none;}
#admin .nav-link {font-family: 'Exo', Serif, Arial, Helvetica, Verdana; font-size: 1rem; font-weight: 400; background: none; padding: 0.5rem !important; margin: 0 !important; outline: none !important;}
#admin a.nav-link:link, a.nav-link:visited, a.nav-link:active {color: #FFF !important; text-decoration: none;}
#admin a.nav-link:hover {color: #FFC20E !important; background: none; text-decoration: none;}
#admin .navbar-collapse {padding: 0 !important;}
#admin .navbar-brand {font-size: 1rem !important; padding: 0.25rem 0 0 0 !important;}
#admin .navbar-brand img {margin: 0 0.5rem 0 0; position: relative; top: -2px;}

#admin .navbar-brand:link, #admin .navbar-brand:visited, #admin .navbar-brand:active {color: #FFF; text-decoration: none;}
#admin .navbar-brand:hover {color: #FFC20E; text-decoration: none;}

#admin .nav-link {font-size: 1rem; font-weight: 400; margin: 0 !important; border: none !important; text-transform: none;}
#admin a.nav-link:link, #admin a.nav-link:visited, #admin a.nav-link:active {color: #FFF !important; border: none !important;}
#admin a.nav-link:hover {color: #FFC20E !important; border: none !important;}

.nav-pills .nav-link {font-size: 18px; font-weight: 600; margin: 0.3rem 0 0.3rem 0 !important; text-transform: none; outline: none !important;}
.nav-pills a.nav-link:link, .nav-pills a.nav-link:visited, .nav-pills a.nav-link:active {color: #FFF !important; background: #41A6C6; text-decoration: none; border-bottom: none;}
.nav-pills a.nav-link:hover, .nav-pills a.nav-link.active {color: #FFF !important; background: #F18A00; text-decoration: none; border-bottom: none;}

.text-warning {color: #FFC20E !important;}

.alert-info {color: #45494D; background: #FFE38F; border-color: #FFC20E;}

#fileUploadBox {background: #EEE; padding: 1rem; margin: 0 0 1rem 0;}
#fileUploadDrag {background: #EEE; padding: 1rem; margin: 1rem 0 0 0; border-radius: 10px; cursor: move;}

.tile-file {background: #EEE; padding: 0; margin: 0 0 0.7rem 0; border-radius: 10px; cursor: move;}
.tile-file:hover {background: #FFC20E;}

.ui-sortable-handle, .ui-sortable-handle a:link {cursor: move;}
.galleryBox .ui-sortable-handle a:hover {cursor: move !important;}

.note-modal-footer .btn-primary:hover {background-image: none !important;}

.btn-success:link, .btn-success:visited, .btn-success:active, .btn-danger:link, .btn-danger:visited, .btn-danger:active {color: #FFF !important; text-decoration: none;}
.btn-success:hover, .btn-danger:hover {color: #FFF !important; text-decoration: none !important;}

.btn-warning:link, .btn-warning:visited, .btn-warning:active {color: #45494D !important; text-decoration: none;}
.btn-warning:hover {color: #45494D !important; text-decoration: none !important;}

#admin a:link, #admin a:visited, #admin a:active {color: #45494D; text-decoration: none;}
#admin a:hover {color: #45494D; text-decoration: underline;}

#admin .btn-cms, #admin .btn-cms:link {font-size: 14px !important; font-weight: 700 !important; color: #FFC20E !important; background: #45494D !important; padding: 8px 15px 6px 15px !important; margin: 0 !important; border: none !important; border-radius: 10px !important; text-transform: uppercase; text-decoration: none; letter-spacing: normal !important;}
#admin .btn-cms:visited, #admin .btn-cms:active {color: #FFC20E !important; background: #45494D !important; text-decoration: none;}
#admin .btn-cms:hover {color: #45494D !important; background: #FFC20E !important; text-decoration: none;}

.btn-cms, .btn-cms:link {font-size: 14px; font-weight: 700; color: #FFC20E !important; background: #45494D !important; padding: 6px 15px 6px 15px !important; margin: 0; border: 1px solid #777 !important; border-radius: 10px !important; text-transform: uppercase; text-decoration: none;}
.btn-cms:visited, .btn-cms:active {color: #FFC20E !important; background: #45494D !important; text-decoration: none;}
.btn-cms:hover {color: #45494D !important; background: #FFC20E !important; border: 1px solid #FFC20E !important; text-decoration: none;}

.btn-icon, .btn-icon:link {background: #45494D !important; padding: 4px 10px 7px 10px !important; margin: 0; border: 1px solid #777 !important; border-radius: 50% !important; text-decoration: none; z-index: 500;}
.btn-icon:visited, .btn-icon:active {background: #45494D !important; text-decoration: none;}
.btn-icon:hover {background: #FFC20E !important; border: 1px solid #FFC20E !important; text-decoration: none;}
.btn-icon img {float: none !important; width: auto !important; padding: 0 !important;}

.tiles-holder .btn-icon, .gallery-holder .btn-icon, .video-gallery-holder .btn-icon .accordion-holder .btn-icon {margin: 0 0.1rem 0 0.1rem;}
.tiles-holder .btn-danger, #tile-files-wrapper .btn-danger, .gallery-holder .btn-danger, .video-gallery-holder .btn-danger, .accordion-holder .btn-danger {padding: 5px 12px 5px 12px !important; margin: 0 0.1rem 0 0.1rem; border-radius: 50% !important; text-decoration: none; cursor: pointer !important;}

.tiles-holder .btn-danger.remove-tile:link {background: #dc3545 !important; border: 1px solid #dc3545 !important; border-radius: 50% !important; text-decoration: none;}
.tiles-holder .btn-danger.remove-tile:visited, .tiles-holder .btn-danger.remove-tile:active {background: #dc3545 !important; text-decoration: none;}
.tiles-holder .btn-danger.remove-tile:hover {color: #FFF !important; background: #bb2d3b !important; border: 1px solid #bb2d3b !important; text-decoration: none;}
/* KIIRO CMS END */

#impact-tiles1 .btn-cms, #impact-tiles1 .remove-tile {display: none; visibility: hidden;}

#home #news-tiles1 .btn-cms.edit-tile-button {position: relative; top: -30px; z-index: 1000;}

#policies-tiles1 .btn-cms.edit-tile-button, #policies-tiles1 .remove-tile {display: none; visibility: hidden;}
#resources-tiles1 .btn-cms.edit-tile-button, #resources-tiles1 .remove-tile {display: none; visibility: hidden;}
#volunteer-tiles1 .btn-cms.edit-tile-button, #volunteer-tiles1 .remove-tile {display: none; visibility: hidden;}
#trustee-tiles1 .btn-cms.edit-tile-button, #trustee-tiles1 .remove-tile {display: none; visibility: hidden;}

[id$="-header1"] img {width: 100%;} /* Header image targets all classes ending with */
[id^="news-header1"] img, [id^="events-header1"] img, [id^="ideas-header1"] img {width: 100%;} /* Header image targets all classes starting with */

#home-image1 {overflow: hidden;}
#home-image1 img {height: 100%; max-width: none;}

#national-image1 img {border-radius: 50% !important;}

#corporate-image1 img {width: 100%;}

#home-text3 {float: left;}

#corporate-text4 {padding: 3rem;}

.galleryBox {overflow: hidden;}
.gallery-image a img {width: 100%; overflow: hidden; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}
.gallery-image:hover a img {-moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);}

#home-video1 .video {width: 100%;}
.videoBox {color: #FFF; background: #CF002C; border-radius: 10px;}
iframe {width: 100%; height: 100%; display: block; aspect-ratio: 16 / 9; border-radius: 0 0 10px 10px;}
#home iframe {border-radius: 10px;}

.tileDate {display: none; visibility: hidden;}
#events-tiles .tileDate, .eventDate .tileDate {height: 44px; color: #000; font-weight: 700; padding: 0.5rem 0 0.5rem 0; display: block; visibility: visible;}

#news-tiles1 {margin: 1rem 0 1rem 0;}
#news-tiles1 h3 {float: right; width: 46%; font-size: 40px; font-weight: 900; color: #CF002C; background: none; padding: 1rem 0 0 0;}
/* #news-tiles .tile:hover h3 {color: #45494D;} If want title font colour change when background above removed */
#news-tiles1 #tileImageBox {float: left; width: 46%; margin: 0 8% 0 0; border: 7px solid #CF002C; border-radius: 10px; overflow: hidden;}
#news-tiles1 #tileImageBox img {width: 100%; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}
#news-tiles1 #tileImageBox:hover img {-moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);}

#news-tiles1 a:link, #news-tiles1 a:visited, #news-tiles1 a:active {color: #000; font-size: 1.2rem; font-weight: 300;}
#news-tiles1 a:hover {color: #000;}

#events-tiles .tileBackground, #ideas-tiles .tileBackground {height: 100%; text-align: center; background: #41A6C6; border: 7px solid #41A6C6; border-radius: 10px;}
#events-tiles .tile h3, #ideas-tiles .tile h3 {height: 80px; font-size: 24px; font-weight: 600; color: #FFF; text-align: center; background: #41A6C6; padding: 0.5rem 1rem 1rem 1rem; margin: 0;}
#events-tiles #tileImageBox {height: 190px; max-height: 190px; overflow: hidden;}
#ideas-tiles #tileImageBox {height: 290px; max-height: 290px; overflow: hidden;}
#events-tiles #tileImageBox img, #ideas-tiles #tileImageBox img {width: 100%; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}
#events-tiles #tileImageBox:hover img, #ideas-tiles #tileImageBox:hover img {-moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);}

.tileButton {font-size: 18px; font-weight: 700; color: #FFF; text-align: center; background: #F18A00; padding: 10px 25px 10px 25px; margin: 0; border: none; border-radius: 0 0 10px 10px; text-transform: none; text-decoration: none; display: block;}
.tileButton:hover {color: #FFF; background: #41A6C6;}

#home .tileButton {color: #FFF; background: #CF002C; margin: 2rem 0 0 0; border-radius: 10px; display: inline-block;}
#home .tileButton:hover {color: #FFF; background: #000;}

#impact-tiles1 {margin: 0 0 1rem 0;}
#impact-tiles1 h3 {float: right; width: 46%; font-size: 40px; font-weight: 900; color: #CF002C; background: none; padding: 1rem 0 1rem 0;}
#impact-tiles1 #tileImageBox {float: left; width: 46%; margin: 0 8% 0 0; border: 7px solid #CF002C; border-radius: 10px; overflow: hidden;}
#impact-tiles1 #tileImageBox img {width: 100%; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}
#impact-tiles1 #tileImageBox:hover img {-moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);}

#team-tiles1 .tileBackground {height: 100%; text-align: center; background: #FFF; padding: 0 0 01rem 0; border: 7px solid #41A6C6; border-radius: 10px;}
#team-tiles1 .tile h3 {font-size: 24px; font-weight: 600; color: #FFF; background: #41A6C6; padding: 0.5rem 1rem 1rem 1rem; margin: 0;}
#team-tiles1 #tileImageBox {height: 330px; max-height: 330px; overflow: hidden; background: #41A6C6; margin: 0 0 1rem 0;}
#team-tiles1 #tileImageBox img {width: 100%;}
#team-tiles1 p {font-size: 1.2rem; padding: 0 1rem 0 1rem; margin: 0;}

#crisis-tiles1 .tileBackground, #funders-tiles1 .tileBackground {height: 100%; text-align: center; background: #FFF; border: 7px solid #41A6C6; border-radius: 10px;}
#crisis-tiles1 .tile h3, #funders-tiles1 .tile h3 {font-size: 24px; font-weight: 600; color: #FFF; background: #41A6C6; padding: 0.5rem 1rem 1rem 1rem; margin: 0;}
#crisis-tiles1 #tileImageBox, #funders-tiles1 #tileImageBox {background: #FFF; padding: 2rem;}
#crisis-tiles1 #tileImageBox img, #funders-tiles1 #tileImageBox img {width: 100%;}
#crisis-tiles1 p, #funders-tiles1 p {font-size: 1.2rem; padding: 0 2rem 0 2rem;}

#pathway-tiles1 .tileBackground {text-align: left; background: #FFF; padding: 0 0 1.5rem 0; margin: 0 0 3rem 0; border: 7px solid #41A6C6; border-radius: 10px;}
#pathway-tiles1 .tile h3 {font-size: 24px; font-weight: 600; color: #FFF; background: #41A6C6; padding: 0.5rem 1rem 1rem 1rem; margin: 0 0 1.5rem 0;}
#pathway-tiles1 p {font-size: 1.2rem; padding: 0 2rem 0 2rem;}
#pathway-tiles1 ul {margin-left: 3rem;}

#crisis-tiles1 p a:link, #funders-tiles1 p a:link {font-size: 18px; font-weight: 700; color: #FFF; background: #41A6C6; padding: 10px 25px 10px 25px; border: none; border-radius: 0; text-transform: none; text-decoration: none; display: inline-block;}
#crisis-tiles1 p a:visited, #crisis-tiles1 p a:active, #funders-tiles1 p a:visited, #funders-tiles1 p a:active {color: #FFF; background: #41A6C6;}
#crisis-tiles1 p a:hover, #funders-tiles1 p a:hover {color: #FFF; background: #000;}

.tileBackground .btn:link {background: none; padding: 0 !important; margin: 0; border: none; text-transform: normal; text-decoration: none;}
.tileBackground .btn:visited, .tiles-holder .btn:active {background: none; text-decoration: none;}
.tileBackground .btn:hover {background: none; text-decoration: none;}
.tileBackground .btn-outline-primary:active {background: none; border: none !important; text-decoration: none;}

a#downloadPDF:link {width: 100%; color: #FFF !important; text-align: left; background: url('../img/pdf_white.png') 1rem center no-repeat #41A6C6 !important; padding: 1rem 1rem 1rem 4rem !important; margin: 0.5rem 0 0.5rem 0 !important; border: none; border-radius: 10px; text-transform: uppercase; text-decoration: none;}
#sideImage a#downloadPDF:link {margin: 1rem 0 0 0 !important;}
a#downloadPDF:visited, a#downloadPDF:active {color: #FFF !important; background: url('../img/pdf_white.png') 1rem center no-repeat #41A6C6 !important; text-decoration: none;}
a#downloadPDF:hover {color: #FFF !important; background: url('../img/pdf_white.png') 1rem center no-repeat #000 !important; text-decoration: none;}

#impact-tiles1 a#downloadPDF:link {float: left; width: auto; color: #FFF !important; text-align: left; background: url('../img/pdf_white.png') 1rem center no-repeat #CF002C !important; padding: 1rem 1rem 1rem 4rem !important; margin: 0.5rem 0 0.5rem 0 !important; border: none; border-radius: 10px; display: inline-block; text-transform: uppercase; text-decoration: none;}
#impact-tiles1 a#downloadPDF:visited, #impact-tiles1 a#downloadPDF:active {color: #FFF !important; background: url('../img/pdf_white.png') 1rem center no-repeat #CF002C !important; text-decoration: none;}
#impact-tiles1 a#downloadPDF:hover {color: #FFF !important; background: url('../img/pdf_white.png') 1rem center no-repeat #000 !important; text-decoration: none;}

#resources-tiles1 a#downloadPDF:link {width: 100%; color: #FFF !important; text-align: left; background: url('../img/pdf_white.png') 1rem center no-repeat #F18A00 !important; padding: 1rem 1rem 1rem 4rem !important; margin: 0.5rem 0 0.5rem 0 !important; border: none; border-radius: 10px; text-transform: uppercase; text-decoration: none;}
#resources-tiles1 a#downloadPDF:visited, #resources-tiles1 a#downloadPDF:active {color: #FFF !important; background: url('../img/pdf_white.png') 1rem center no-repeat #F18A00 !important; text-decoration: none;}
#resources-tiles1 a#downloadPDF:hover {color: #FFF !important; background: url('../img/pdf_white.png') 1rem center no-repeat #000 !important; text-decoration: none;}

label {font-size: 1.2rem; color: #000; font-weight: 600;}
.labelNoneBold label {font-weight: 400;}
label.referralTitleRed {color: #FFF; background: #CF002C; padding: 0.5rem 1rem 0.5rem 1rem; margin: 0 0 0.5rem 0; border-radius: 10px; display: block;}
.form-floating>label {left: auto !important;}
textarea.form-control {height: 130px !important;}
.form-control, .form-select {background: #EEE; padding: 1rem .75rem;}

#wrapperYellow form {text-align: left;}
#wrapperYellow label {color: #837C38;}
#wrapperYellow input, #wrapperYellow select {background: #F0E467; border: 1px solid #F0E467;}

input[type=submit].btn-primary {width: auto !important; font-size: 18px; color: #FFF; font-weight: 700; text-align: center; background: #CF002C; padding: 10px 25px 10px 25px; border: none !important; border-radius: 10px; vertical-align: middle; cursor: pointer; text-decoration: none; text-transform: none; -webkit-appearance: none;}
input[type=submit].btn-primary:hover {color: #FFF; background: #000; -webkit-appearance: none;}
.input-validation-error {border-color: #CF002C;}
.form-check {margin-top: 0.5rem; margin-bottom: 0.5rem;}

table>tbody>tr:nth-of-type(odd) {--bs-table-accent-bg: var(--bs-table-striped-bg); color: var(--bs-table-striped-color);}
table {border: none !important;}
tbody {border: none !important;}
th {color: #FFF !important; background: #72A94E !important; padding: 1rem !important; border: none !important; vertical-align: middle;}
tr {background: #EEE; border: none !important;}
td {padding: 1rem !important; border: none !important; vertical-align: middle;}

h1 {font-family: 'Zilla Slab', sans-serif, Arial, Helvetica, Verdana; font-size: 48px; font-weight: 700; color: #CF002C; padding: 0 0 1rem 0;}
.carousel-caption h1 {font-family: 'Zilla Slab', sans-serif, Arial, Helvetica, Verdana; font-size: 90px; font-weight: 700; text-transform: none; line-height: 90px;}
#yellowArrow h1 {font-family: 'Zilla Slab', sans-serif, Arial, Helvetica, Verdana; font-size: 48px; font-weight: 700; color: #EBD925; padding: 0 0 1rem 0;}
#greenArrow h1 {font-family: 'Zilla Slab', sans-serif, Arial, Helvetica, Verdana; font-size: 48px; font-weight: 700; color: #72A94E; padding: 0 0 1rem 0;}
#orangeArrow h1 {font-family: 'Zilla Slab', sans-serif, Arial, Helvetica, Verdana; font-size: 48px; font-weight: 700; color: #F18A00; padding: 0 0 1rem 0;}
#blueArrow h1 {font-family: 'Zilla Slab', sans-serif, Arial, Helvetica, Verdana; font-size: 48px; font-weight: 700; color: #41A6C6; padding: 0 0 1rem 0;}
#redArrow h1 {font-family: 'Zilla Slab', sans-serif, Arial, Helvetica, Verdana; font-size: 48px; font-weight: 700; color: #CF002C; padding: 0 0 1rem 0;}
h2 {font-family: 'Zilla Slab', sans-serif, Arial, Helvetica, Verdana; font-size: 30px; font-weight: 700; color: #FFF; padding: 0 0 1rem 0;}
.impactRed h2 {color: #CF002C; padding: 0;}
.impactYellow h2 {color: #F18A00; padding: 0;}
h3 {font-family: 'Zilla Slab', sans-serif, Arial, Helvetica, Verdana; font-size: 30px; font-weight: 700; color: #41A6C6; padding: 0 0 1rem 0;}

.positionLayout {position: relative;}
#wrapperRed, #wrapperTop {color: #FFF; background: #CF002C;}
#wrapperGrey {background: #EEE;}
#wrapperYellow {background: #EBD925; display: none; visibility: hidden;}
#home #wrapperYellow {display: block; visibility: visible;}
#wrapperTestimonials {background: #EBD925;}
#home #wrapperTestimonials {display: none; visibility: hidden;}
#wrapperChevrons {background: url('../img/background_chevrons.png') center bottom no-repeat #EEE; background-size: 100%;}
/* #wrapperSpeechBubbles {background: url('../img/background_speech_bubbles.png') 90% 42% no-repeat;} */
#wrapperSpeechBubbles {background: none;}
#parallax {width: 100%; height: 400px; background: url('../img/parallax.jpg') center top fixed no-repeat; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}
#wrapperFooter {color: #FFF; background: #CF002C;}
#wrapperCopyright {font-size: 16px; color: #FFF; background: #CF002C;}

#wrapperFooter img {position: relative; top: -90px; margin-bottom: -90px;}

#wrapperIcons {position: absolute;}
img.iconsLeft {position: relative; top: -6.5rem; left: 20%;}
img.iconsRight {position: relative; top: -5.5rem; right: 10%;}
#home img.iconsRight {top: -8.5rem;}

.icon {position: relative; top: -4rem; padding: 0 0 0 4rem;}

#yellowArrow {background: url('../img/arrow_yellow.png') 3rem 5rem no-repeat; padding: 7rem 3rem 3rem 10rem !important; z-index: 1000;}
#greenArrow {background: url('../img/arrow_green.png') 3rem 5rem no-repeat; padding: 7rem 3rem 3rem 10rem !important; z-index: 1000;}
#orangeArrow {background: url('../img/arrow_orange.png') 3rem 5rem no-repeat; padding: 7rem 3rem 3rem 10rem !important; z-index: 1000;}
#blueArrow {background: url('../img/arrow_blue.png') 3rem 5rem no-repeat; padding: 7rem 3rem 3rem 10rem !important; z-index: 1000;}
#redArrow {background: url('../img/arrow_red.png') 3rem 5rem no-repeat; padding: 7rem 3rem 3rem 10rem !important; z-index: 1000;}
#home #yellowArrow {background: url('../img/arrow_yellow.png') 5rem 5rem no-repeat; padding: 7rem 3rem 3rem 12rem !important; z-index: 1000;}
#home #greenArrow {background: url('../img/arrow_green.png') 5rem 5rem no-repeat; padding: 7rem 3rem 3rem 12rem !important; z-index: 1000;}
#home #orangeArrow {background: url('../img/arrow_orange.png') 5rem 5rem no-repeat; padding: 7rem 3rem 3rem 12rem !important; z-index: 1000;}
#home #blueArrow {background: url('../img/arrow_blue.png') 5rem 5rem no-repeat; padding: 7rem 3rem 3rem 12rem !important; z-index: 1000;}
#home #redArrow {background: url('../img/arrow_red.png') 5rem 5rem no-repeat; padding: 7rem 3rem 3rem 12rem !important; z-index: 1000;}

#logo {padding-bottom: 3rem !important;}
#home #logo {padding-bottom: 0 !important;}

#mobileVisible {display: none; visibility: hidden;}
/* nav {background: #FFF;} */
.navbar {top: 85px; padding: 0;}
.navbar-light .navbar-toggler {border: none;}
.navbar-light .navbar-toggler-icon {width: 50px; height: 50px; background-image: url('../img/menu.png'); background-color: #F18A00;}
.navbar-light .navbar-toggler-icon:hover {background-color: #CF002C;}
.navbar-collapse {padding: 0 !important;}
.navbar-nav {flex-wrap: wrap;}
.nav-link {font-size: 20px; font-weight: 600; margin: 0 0.5rem 0 0.5rem !important; text-transform: none; outline: none !important;}
a.nav-link:link, a.nav-link:visited, a.nav-link:active {color: #F18A00 !important; text-decoration: none; border-bottom: 8px solid #FFF;}
a.nav-link:hover {color: #F18A00 !important; text-decoration: none; border-bottom: 8px solid #F18A00;}

a.nav-link.navabout:link, a.nav-link.navabout:visited, a.nav-link.navabout:active {color: #F18A00 !important; text-decoration: none; border-bottom: 8px solid #FFF;}
a.nav-link.navabout:hover {color: #F18A00 !important; text-decoration: none; border-bottom: 8px solid #F18A00;}
body#about a.navabout {color: #F18A00 !important; text-decoration: none; border-bottom: 8px solid #F18A00;}

a.nav-link.navservices:link, a.nav-link.navservices:visited, a.nav-link.navservices:active {color: #41A6C6 !important; text-decoration: none; border-bottom: 8px solid #FFF;}
a.nav-link.navservices:hover {color: #41A6C6 !important; text-decoration: none; border-bottom: 8px solid #41A6C6;}
body#services a.navservices {color: #41A6C6 !important; text-decoration: none; border-bottom: 8px solid #41A6C6;}

a.nav-link.navadvice:link, a.nav-link.navadvice:visited, a.nav-link.navadvice:active {color: #72A94E !important; text-decoration: none; border-bottom: 8px solid #FFF;}
a.nav-link.navadvice:hover {color: #72A94E !important; text-decoration: none; border-bottom: 8px solid #72A94E;}
body#advice a.navadvice {color: #72A94E !important; text-decoration: none; border-bottom: 8px solid #72A94E;}

a.nav-link.navhelp:link, a.nav-link.navhelp:visited, a.nav-link.navhelp:active {color: #CF002C !important; text-decoration: none; border-bottom: 8px solid #FFF;}
a.nav-link.navhelp:hover {color: #CF002C !important; text-decoration: none; border-bottom: 8px solid #CF002C;}
body#help a.navhelp {color: #CF002C !important; text-decoration: none; border-bottom: 8px solid #CF002C;}

a.nav-link.navvolunteering:link, a.nav-link.navvolunteering:visited, a.nav-link.navvolunteering:active {color: #F18A00 !important; text-decoration: none; border-bottom: 8px solid #FFF;}
a.nav-link.navvolunteering:hover {color: #F18A00 !important; text-decoration: none; border-bottom: 8px solid #F18A00;}
body#volunteering a.navvolunteering {color: #F18A00 !important; text-decoration: none; border-bottom: 8px solid #F18A00;}

a.nav-link.navfundraising:link, a.nav-link.navfundraising:visited, a.nav-link.navfundraising:active {color: #41A6C6 !important; text-decoration: none; border-bottom: 8px solid #FFF;}
a.nav-link.navfundraising:hover {color: #41A6C6 !important; text-decoration: none; border-bottom: 8px solid #41A6C6;}
body#fundraising a.navfundraising {color: #41A6C6 !important; text-decoration: none; border-bottom: 8px solid #41A6C6;}

a.nav-link#navcontact:link, a.nav-link#navcontact:visited, a.nav-link#navcontact:active {color: #72A94E !important; text-decoration: none; border-bottom: 8px solid #FFF;}
a.nav-link#navcontact:hover {color: #72A94E !important; text-decoration: none; border-bottom: 8px solid #72A94E;}
body#contact a#navcontact {color: #72A94E !important; text-decoration: none; border-bottom: 8px solid #72A94E;}

.dropdown-menu {font-size: 18px; color: #FFF !important; background: #F18A00 !important; border: none !important; border-radius: 0 0 12px 12px;}
.dropdown-menu.orange-menu {background: #F18A00 !important;}
.dropdown-menu.blue-menu {background: #41A6C6 !important;}
.dropdown-menu.green-menu {background: #72A94E !important;}
.dropdown-menu.red-menu {background: #CF002C !important;}
a.dropdown-item:link, a.dropdown-item:visited, a.dropdown-item:active {color: #FFF; font-weight: 600; text-decoration: none;}
a.dropdown-item:hover {color: #000; font-weight: 600; background: #FFF !important; text-decoration: none;}

#slideshowMobile {display: none !important; visibility: hidden;}

.carousel .carousel-item {transition-duration: 3s;}
.carousel-caption {width: 40%; font-size: 30px; font-weight: 400; color: #CF002C; text-align: left; padding: 3rem 5rem 3rem 5rem; top: 1.5% !important; right: 2rem !important; bottom: auto !important; left: 2rem !important; text-transform: uppercase;}
#wrapperTestimonials .carousel-caption {width: 100%; font-size: 1.2rem; font-weight: 400; color: #000; text-align: center; padding: 0 8rem 4rem 8rem; position: static; text-transform: none;}
.carousel-indicators [data-bs-target] {width: 20px !important; height: 0 !important; background: #FFF; border-radius: 50%;}
.carousel-indicators button.active {background: #72A94E;}
.carousel-control-prev {top: 25% !important;}
.carousel-control-next {top: 25% !important;}
.carousel-control-prev-icon {width: 47px; height: 46px; background: url('../img/previous.png');}
.carousel-control-next-icon {width: 47px; height: 46px; background: url('../img/next.png');}
.carousel-item {transition: transform 2.6s ease-in-out;}
.carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end {transition: opacity 0s 2.6s;}

#mobileOnly {display: none; visibility: hidden;}

.circleRed {width: 300px; height: 300px; font-size: 100px; font-weight: 700; color: #FFF; text-align: center; background: #CF002C; padding: 4rem 3rem 0 3rem; border: 10px solid #CF002C; border-radius: 50%; display: inline-block;}
.circleOrange {width: 300px; height: 300px; font-size: 100px; font-weight: 700; color: #FFF; text-align: center; background: #F18A00; padding: 4rem 3rem 0 3rem; border: 10px solid #F18A00; border-radius: 50%; display: inline-block;}

.circleButton {width: 300px; height: 300px; font-size: 32px; font-weight: 700; color: #FFF; text-align: center; background: url('../img/pdf_white.png') center 2rem no-repeat #EBD925; padding: 5rem 3rem 0 3rem; border: 10px solid #EBD925; border-radius: 50%; display: inline-block;}
.circleButton:hover {background: url('../img/pdf_white.png') center 2rem no-repeat #000; border: 10px solid #000;}

.accordion-item {margin: 0; border: none;}
.accordion-button img {float: left; margin: 0 1rem 0 0;}
.accordion-button {font-size: 1.4rem; font-weight: 600; color: #FFF !important; background: #41A6C6 !important; border-radius: 10px !important; text-decoration: none;}
.accordion-button:not(.collapsed) {color: #FFF !important; background: #F18A00 !important; text-decoration: none;}
.accordion-button:hover {color: #FFF !important; background: #F18A00 !important; text-decoration: none;}
#services .accordion-button {font-size: 1.4rem; font-weight: 600; color: #FFF !important; background: #72A94E !important; border-radius: 10px !important; text-decoration: none;}
#services .accordion-button:not(.collapsed) {color: #FFF !important; background: #F18A00 !important; text-decoration: none;}
#services .accordion-button:hover {color: #FFF !important; background: #F18A00 !important; text-decoration: none;}
.accordion-button.collapsed::after {background-image: url('../img/plus_white.png') !important; background-position: center;}
.accordion-button:not(.collapsed)::after {background-image: url('../img/minus_white.png') !important; background-position: center;}
.accordion-body {color: #000; background: #FFF; padding: 0 1.25rem 1rem 1.25rem !important;}
.accordion-body img {float: right; width: 60%; padding: 0 0 1rem 3rem;}

.card {border: none !important;}
.card-body {padding: 1rem 3rem;}

.boxRed {color: #FFF; background: #CF002C; border: 10px solid #CF002C; overflow: hidden; border-radius: 10px;}
.boxYellow {color: #FFF; background: #EBD925; border: 10px solid #EBD925; overflow: hidden; border-radius: 10px;}
.boxGreen {color: #FFF; background: #72A94E; border: 10px solid #72A94E; overflow: hidden; border-radius: 10px;}
#fundraising .boxGreen {border: none;}
.boxOrange {color: #FFF; background: #F18A00; border: 10px solid #F18A00; overflow: hidden; border-radius: 10px;}
.boxBlue {color: #FFF; background: #41A6C6; border: 10px solid #41A6C6; overflow: hidden; border-radius: 10px;}

.boxTitle {color: #FFF; font-size: 30px; font-weight: 900; padding: 1rem; position: absolute; z-index: 5000;}
.boxRed .boxTitle {background: #CF002C;}
.boxYellow .boxTitle {background: #EBD925;}
.boxGreen .boxTitle {background: #72A94E;}
.boxOrange .boxTitle {background: #F18A00;}
.boxBlue .boxTitle {background: #41A6C6;}

.boxHover a img {width: 100%; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; transition: all 0.5s;}
.boxHover:hover a img {-moz-transform: scale(1.2); -webkit-transform: scale(1.2); transform: scale(1.2);}

#sideImage {padding: 7rem 3rem 3rem 3rem !important;}

.quote {width: 70%; color: #FFF; background: #F18A00; margin: 0 auto; border-radius: 10px;}

#address {border-left: 8px solid #41A6C6; padding: 0 0 0 3rem;}

.red {color: #CF002C;}
.yellow {color: #EBD925;}
.green {color: #72A94E;}
.orange {color: #F18A00;}
.blue {color: #41A6C6;}

strong, b {font-weight: 700;}

img.twitter, img.facebook, img.linkedin, img.instagram, img.vimeo {background: #EBD925; margin: 0 2px 0 2px; border-radius: 50%; position: relative; top: 0;}
img.twitter:hover, img.facebook:hover, img.linkedin:hover, img.instagram:hover, img.vimeo:hover {background: #FFF; transition: 0.3s;}

#wrapperCopyright img.twitter, #wrapperCopyright img.facebook, #wrapperCopyright img.linkedin, #wrapperCopyright img.instagram, #wrapperCopyright img.vimeo {background: #EBD925; margin: 0 2px 0 2px; border-radius: 50%; position: relative; top: -5px; width: 35px !important; height: 35px !important;}
#wrapperCopyright img.twitter:hover, #wrapperCopyright img.facebook:hover, #wrapperCopyright img.linkedin:hover, #wrapperCopyright img.instagram:hover, #wrapperCopyright img.vimeo:hover {background: #FFF; transition: 0.3s;}

a:link, a:visited, a:active {color: #CF002C; font-weight: 600; text-decoration: none;}
a:hover {color: #CF002C; text-decoration: underline;}

a.donate:link, a.donate:visited, a.donate:active {color: #FFF; font-size: 1.2rem; font-weight: 900; text-decoration: none; text-transform: uppercase;}
a.donate:hover {color: #EBD925 !important; text-decoration: none !important;}

.boxGreen a:link, .boxGreen a:visited, .boxGreen a:active {color: #FFF; font-weight: 600; text-decoration: underline;}
.boxGreen a:hover {color: #000; text-decoration: underline;}

#wrapperRed a:link, #wrapperRed a:visited, #wrapperRed a:active {color: #FFF; font-weight: 600; text-decoration: none;}
#wrapperRed a:hover {color: #FFF; text-decoration: underline;}

#wrapperFooterNav a:link, #wrapperFooterNav a:visited, #wrapperFooterNav a:active {color: #F18A00; font-weight: 900; margin: 0 1rem 0 1rem; text-decoration: none; text-transform: none;}
#wrapperFooterNav a:hover {color: #CF002C; text-decoration: none;}

#wrapperCopyright a:link, #wrapperCopyright a:visited, #wrapperCopyright a:active {color: #FFF; font-weight: 300; text-decoration: none;}
#wrapperCopyright a:hover {color: #FFF; text-decoration: underline;}

.btn-primary:link, .btn-primary {font-size: 18px; font-weight: 700; color: #FFF; background: #CF002C; padding: 10px 25px 10px 25px; border: none; border-radius: 10px; text-transform: none; text-decoration: none;}
.btn-primary:visited, .btn-primary:active {color: #FFF; background: #CF002C;}
.btn-primary:hover {color: #FFF; background: #000;}
.btn {text-align: left;}

#blueArrow .btn-primary:link, #blueArrow .btn-primary {font-size: 18px; font-weight: 700; color: #FFF !important; background: #41A6C6 !important; padding: 10px 25px 10px 25px !important; border: none; border-radius: 10px; text-transform: none; text-decoration: none;}
#blueArrow .btn-primary:visited, #blueArrow .btn-primary:active {color: #FFF !important; background: #41A6C6 !important;}
#blueArrow .btn-primary:hover {color: #FFF !important; background: #000 !important;}

#orangeArrow .btn-primary:link, #orangeArrow .btn-primary {font-size: 18px; font-weight: 700; color: #FFF !important; background: #F18A00 !important; padding: 10px 25px 10px 25px !important; border: none; border-radius: 10px; text-transform: none; text-decoration: none;}
#orangeArrow .btn-primary:visited, #orangeArrow .btn-primary:active {color: #FFF !important; background: #F18A00 !important;}
#orangeArrow .btn-primary:hover {color: #FFF !important; background: #000 !important;}

#wrapperTop button, #wrapperTop button:link, #wrapperTop button:visited, #wrapperTop button:active {color: #FFF; font-size: 1.2rem; font-weight: 900; text-decoration: none; text-transform: uppercase; background: none; border: none;}
#wrapperTop button:hover {color: #EBD925 !important; text-decoration: none !important;}

#wrapperCopyright button, #wrapperCopyright button:link, #wrapperCopyright button:visited, #wrapperCopyright button:active {color: #FFF; font-size: 1.2rem; font-weight: 400; text-decoration: none; text-transform: uppercase; background: none; border: none;}
#wrapperCopyright button:hover {color: #EBD925 !important; text-decoration: none !important;}

@media screen and (max-width: 1975px) {
	.carousel-caption h1 {font-size: 70px; line-height: 70px;}
}

@media screen and (max-width: 1680px) {
	.carousel-caption {font-size: 20px;}
}

@media screen and (max-width: 1630px) {
	.carousel-caption h1 {font-size: 60px; line-height: 60px;}
}

@media screen and (max-width: 1560px) {
	.navbar {top: 75px;}
}

@media screen and (max-width: 1510px) {
	.row {padding: 0 !important;}

	.carousel-caption {width: 45%; top: 0 !important; right: 0 !important; bottom: auto !important; left: 0 !important;}
}

@media screen and (max-width: 1399px) {
	#news-tiles1 h3 {font-size: 30px;}
	#impact-tiles1 h3 {font-size: 30px;}

	#events-tiles #tileImageBox {height: 160px; max-height: 160px;}
	#ideas-tiles #tileImageBox {height: 240px; max-height: 240px;}

	#team-tiles1 #tileImageBox {height: 280px; max-height: 280px;}

	.boxTitle {font-size: 24px;}
	.boxTitle img {width: 25px;}
}

@media screen and (max-width: 1390px) {
	.navbar {top: 65px;}
}

@media screen and (max-width: 1325px) {
	.nav-link {font-size: 18px;}

	.dropdown-menu {font-size: 16px;}
}

@media screen and (max-width: 1300px) {
	.carousel-caption h1 {font-size: 50px; line-height: 50px;}
}

@media screen and (max-width: 1250px) {
	.navbar {top: 55px;}
}

@media screen and (max-width: 1240px) {
	.carousel-caption {font-size: 16px;}
}

@media screen and (max-width: 1226px) {
	.nav-link {font-size: 16px;}

	.dropdown-menu {font-size: 14px;}
}

@media screen and (max-width: 1199px) {
	#news-tiles1 h3 {font-size: 24px; padding: 0;}
	#impact-tiles1 h3 {font-size: 24px; padding: 0;}

	#events-tiles #tileImageBox {height: 130px; max-height: 130px;}
	#ideas-tiles #tileImageBox {height: 190px; max-height: 190px;}

	#team-tiles1 #tileImageBox {height: 230px; max-height: 230px;}

	.boxTitle {font-size: 20px;}
	.boxTitle img {width: 20px;}
}

@media screen and (max-width: 1145px) {
	.carousel-caption {width: 50%;}
}

@media screen and (max-width: 1135px) {
	.nav-link {font-size: 14px; margin: 0 0.3rem 0 0.3rem !important;}
}

@media screen and (max-width: 1115px) {
	.navbar {top: 45px;}
}

@media screen and (max-width: 1050px) {
	.carousel-caption h1 {font-size: 40px; line-height: 40px;}

	#home #blueArrow {background: url('../img/arrow_blue.png') 5rem 2rem no-repeat; padding: 3rem 3rem 3rem 12rem !important;}
}