/*
Colors:
Blue = #123a54 rgba(18, 54, 184)
Lighter Blue Section Background = #f0f3f8
Bright Blue = #009CF8   rgba(0, 156, 248,

Alt:
Gold: #E59D23
Orange: #FF5C00  #FF991C  #FF6700

OLD GREENS:
rgba(0, 0, 0, 0.9);
#23a884 changed to #009CF8
hover: #1f9373 changed to 

Bright GREEN: #009a00

Muted Green = #6a7f8d

METER COLOR:
Global change in script.js from fill: "#23a884" to fill: "#009CF8"

Font: Global change in style.css from Dosis to Barlow

*/

.hide { display: none; }
.blue-background  { background-color: #f0f3f8 !important; }
.white-background  { background-color: #ffffff !important; }
.gray-background  { background-color: #f1f1f1 !important; }

.hero-slider-s3 .slide-caption p { font-size: 1.5rem !important; line-height: 1.4em !important; }

.contact-info li a { color: white; text-decoration: underline;}
.contact-info li:last-child a { text-decoration: none; font-weight: bold; }
.header-style2 .topbar .contact-info li i, .header-style3 .topbar .contact-info li i { color: white !important;}
.site-footer { background-color: #123a54 !important; }
.one-page .contact-section-wrapper .contact-block .contact-info ul li a { color: #123a54 !important; }
.one-page .contact-section-wrapper .contact-block .contact-info ul li a:hover { color: #009CF8 !important; }

.volunteers-grids .img-holder:before  { background-color: rgb(0, 0, 0, .2) !important; }

.theme-btn:hover, .theme-btn-s4:hover, .theme-btn:focus, .theme-btn-s4:focus, .theme-btn:active, .theme-btn-s4:active { background-color: #FF5C00 !important; }

.quick-donation-section .donate-list .active { background: #FF5C00 !important; }
.quick-donation-section input[type="radio"]:checked + label .check-icon:before { background: #FF991C !important; }

.products-grids .info-list > div a:hover { background-color: #009CF8 !important; }

.fund-volunteers .box:before { background-color: rgba(0, 156, 248, 0.9) !important; }

.cta:before { background-color: rgba(0, 156, 248, 0.9) !important; }

.fun-fact-s2 .circle-data { background-color: rgba(0, 156, 248, 0.9) !important; }

.causes-s3-grids .grid .img-holder:before { background-color: rgba(0, 156, 248, 0.9) !important; }

.back-to-top { background-color: rgba(0, 156, 248, 0.8) !important; } .back-to-top:hover { background-color: #123a54 !important; }

.causes-s2-grids .goal-raised-meter { background-color: rgba(0, 156, 248, 0.8) !important; }

.causes-s2-grids .grid:hover .causes-info {
  background-color: #009CF8 !important;
  -webkit-box-shadow: -2px 13px 25px -5px rgba(0, 156, 248, 0.5) !important;
  -moz-box-shadow: -2px 13px 25px -5px rgba(0, 156, 248, 0.5) !important;
  box-shadow: -2px 13px 25px -5px rgba(0, 156, 248, 0.5) !important;
}

.products-grids .grid:hover {
  -webkit-box-shadow: -2px 13px 25px -5px rgba(0, 156, 248, 0.5) !important;
  -moz-box-shadow: -2px 13px 25px -5px rgba(0, 156, 248, 0.5) !important;
  box-shadow: -2px 13px 25px -5px rgba(0, 156, 248, 0.5) !important;
}

.cta:before { background-color: rgba(0, 156, 248, 0.8) !important; }

.about-company-section .some-info .circle:before, .donation-section .some-info .circle:before { rgba(0, 156, 248, 0.5) !important; }

.about-company-section .about-company p, .donation-section .donation-section p { margin-bottom: 20px !important }

.events-section .tablist .nav li a:hover { background-color: #FF5C00 !important; }

.company-info p { line-height: 1.5em !important; }

/* FIX COLUMN PROBLEM */
/* https://medium.com/wdstack/varying-column-heights-in-bootstrap-4e8dd5338643 */
.volunteers-grids { display: flex; flex-wrap: wrap; }
.volunteers-grids > [class*='col-'] { display: flex; flex-direction: column; }

/* FOOTER */
.site-footer .widget-title { margin: 16px 0 .5em !important; }
.tight { line-height: .4em !important;}


@media (max-width: 767px) { .section-padding { padding: 25px 0 30px !important; } }

@media (max-width: 991px) { 
.site-header .navigation, .navbar-header, .site-header #navbar { background-color: transparent !important; }
}

@media (min-width:768px) {
	.site-logo img { max-width: 120% !important; }
}