/*----------------------global elements------------------------*/
h1, h2, h3, h4, h5, h6 {
  font-family: "Oswald", sans-serif;
  color: #4a4c4f;
}

body {
  background: url(../images/backgrounds/bg2.jpg) left center no-repeat;
  background-attachment: fixed;
  overflow-x: hidden;
}

/*----------------------global regional------------------------*/
/*navigation / topbar*/
.topbar-wrapper {
  border-top: 2px solid #30baff;
  z-index: 9999;
  width: 100%;
  box-shadow: 0px 7px 7px rgba(50, 50, 50, 0.055);
}

.top-bar {
  text-align: left;
  z-index: 9999;
}
.top-bar .title-area h1 {
  font-size: 2.375em;
  line-height: 60px;
}
.top-bar .toggle-topbar.menu-icon a span {
  color: #4a4c4f;
}
.top-bar .title-area h1 > a {
  color: #4a4c4f;
}
.top-bar .top-bar-section a {
  font-size: 0.875em;
  color: #4a4c4f;
  font-weight: 700;
  transition: all 0.4s ease-in-out;
  text-transform: uppercase;
}

.top-bar-section ul li.active > a {
  color: #30baff;
}

.top-bar-section li a:hover {
  color: #30baff;
}

/*form elements*/
form input[type="text"], form input[type="password"], form input[type="email"], form textarea {
  background: #f2f2f2;
}
form input[type="text"], form input[type="password"], form input[type="email"], form select.dropdown {
  font-size: 0.875em;
  height: 4.125em;
  border: 1px solid white;
}
form label {
  font-size: 0.875em;
  color: #A8A8A8;
}
form textarea {
  height: 300px;
  border: 1px solid white;
}

/*sections*/
.section-wrapper {
  background: white;
}
.section-wrapper section {
  padding-top: 7.5em;
  text-align: center;
}
.section-wrapper header.section-header>h2 {
  font-size: 0.6875em;
  font-weight: 700;
  text-transform: uppercase;
  color: #4a4c4f;
}
.section-wrapper p.section-desc {
  font-weight: 700;
  font-size: 1.375em;
  color: #7b7f84;
  padding-bottom: 1.25em;
}

/*section-content*/
.section-content {
  padding: 2.5em 0;
  background: #f2f2f2 url(../images/backgrounds/linen.png) repeat;
}

/*section-seperator*/
.quote-sep {
  background: url(../images/backgrounds/bg2.jpg) no-repeat fixed left center;
}
.quote-sep .section-seperator-inner {
  background: url(../images/backgrounds/bg-ptrn.png) repeat;
}

.section-seperator-inner {
  padding: 6.25em 3.25em;
}

/*reveal modal*/
.reveal-modal-bg {
  z-index: 9999;
  background: white;
}

.reveal-modal {
  z-index: 99999;
  background: white;
  box-shadow: none;
  border: none;
  text-align: left;
  text-align: center;
}
.reveal-modal h3 {
  text-transform: uppercase;
  color: #4a4c4f;
  margin-bottom: 2.5em;
}

.reveal-modal .close-reveal-modal {
  font-size: 1.625em;
  padding: 5px 10px;
  color: white;
  background: #30baff;
}


/******contact form alerts******/
.c-warning {
	background: #c43e3e;
	color: #fff;
	border-color: #c43e3e;
	padding: 5px;
	margin-bottom: 15px;
	text-align: left;
}
.sending-mail {
	background: #08d698;
	color: #fff;
	border-color: #08d698;
	padding: 5px;
	margin-bottom: 15px;
	text-align: left;
}

/*----------------------css components-------------------------*/
/*featured words*/
.yellow-words {
  display: inline-block;
  color: #f45c4e;
  padding: 0;
  font-weight: 700;
}

.lighten {
  color: #96989c;
}

/*buttons*/
.custom-btn {
  padding: 0.625em 0.9375em;
  border: 3px solid white;
  border-radius: 3px;
  display: inline-block;
  color: white;
  transition: all 0.4s ease-in-out;
}

.custom-btn:hover {
  color: #4a4c4f;
  background: white;
}

.custom-btn:active {
  color: #cccccc;
}

/*register button*/
.register-btn:hover {
  background: #22e59a;
  border-color: #22e59a;
}

/*shop button*/
.shop-btn:hover {
  background: #f45c4e;
  border-color: #f45c4e;
}

/*quotes*/
.quote {
  font-size: 2.8125em;
  color: white;
  background: rgba(0, 0, 0, 0.3);
  text-align: center;
}

.quote-author {
  display: inline-block;
  float: right;
  padding: 0 0.625em;
  font-size: 1.25em;
  color: white;
  background: #30baff;
}

/*clearfix*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

/*--------------------------section home-----------------------*/
#home {
  background: rgba(0, 0, 0, 0.3) url(../images/backgrounds/bg-ptrn.png) repeat;
  text-align: center;
}
#home h1 {
  font-size: 4.125em;
  color: white;
  text-transform: uppercase;
  text-align: center;
}

/*----------------------section contribute----------------------*/
.contribute-blocks {
  max-width: 1400px;
  text-align: center;
  padding: 1.25em 0;
  margin: 0 auto;
}
.contribute-blocks li {
  display: inline-block;
  background: #30baff;
  width: 280px;
  padding: 20px;
  margin: 20px 10px;
  border: 1px solid white;
  box-shadow: 0px 0px 0px 5px #30baff;
  transition: all 0.4s ease-in-out;
}
.contribute-blocks i {
  display: block;
  width: 120px;
  height: 120px;
  line-height: 120px;
  color: #30baff;
  background: white;
  border-radius: 50%;
  margin: 0 auto;
  border: 3px solid white;
  box-shadow: 0px 0px 0px 0px white;
  transition: all 0.4s ease-in-out;
}
.contribute-blocks h3 {
  color: white;
  text-transform: capitalize;
}
.contribute-blocks p {
  color: white;
}
.contribute-blocks li:hover {
  box-shadow: 0px 0px 0px 10px #30baff;
}
.contribute-blocks li:hover i {
  box-shadow: 0px 0px 0px 15px rgba(255, 255, 255, 0);
  background: #30baff;
  color: white;
}

/*styles for small devices - contribute blocks*/
@media screen and (max-width: 800px) {
  .contribute-blocks li {
    width: 230px;
  }
}
@media screen and (max-width: 768px) and (min-width: 601px) {
  .contribute-blocks {
    padding: 10px 10px 100px 10px;
  }
  .contribute-blocks li {
    width: 100%;
    max-width: 220px;
  }
}
@media screen and (max-width: 31.5em) {
  .contribute-blocks {
    padding: 10px 10px 100px 10px;
  }
  .contribute-blocks li {
    width: 100%;
    max-width: 270px;
  }
}
/*----------------------section about----------------------*/
#about .section-content {
  text-align: left;
  padding: 3.75em 0 5em;
}
#about .section-content h3 {
  color: white;
  background: #f45c4e;
  padding-left: 0.625em;
  margin-top: 0;
  margin-bottom: 1.25em;
}
#about .section-content p {
  color: #4a4c4f;
  margin-bottom: 1.875em;
}
#about .section-content .about-desc {
  padding: 0.625em 0;
}
#about .section-content .about-desc img {
  margin-bottom: 1.25em;
}
#about .section-content .custom-btn {
  border-color: #f45c4e;
  color: #f45c4e;
}
#about .section-content .custom-btn:hover {
  background: #f45c4e;
  color: white;
}
#about .achievements {
  margin: 2.5em 0;
  padding: 3.75em 0;
}
#about .achievements p {
  font-weight: 700;
  color: #4a4c4f;
}

.achievements ul {
  list-style: none;
  padding: 0.75em 0 0.625em 0.875em;
}
.achievements li {
  padding-left: 1em;
  font-size: 0.875em;
  color: #4a4c4f;
}
.achievements li:before {
  font-size: 1.375em;
  font-family: "Fontawesome";
  margin-right: 0.625em;
  margin-left: -1.5em;
  content: "\F087";
  color: #f45c4e;
}

/*----------------------contact section----------------------*/
#contact {
  background: #232323;
}
#contact form input[type="submit"] {
  color: white;
  background: #232323;
}
#contact form input[type="submit"]:hover {
  background: white;
  color: #232323;
}

.contact-details li {
  color: #f2f2f2;
  font-weight: 700;
}
.contact-details li i {
  padding-right: 0.625em;
  color: #f45c4e;
}

/*google map*/
#map {
  margin-bottom: 1.875em;
}

/*----------------------footer----------------------*/
footer {
  padding: 1.875em 0 0;
  background: #161616;
}
footer h3 {
  color: #f2f2f2;
  font-size: 2.25em;
}

.social-links, .contact-details {
  list-style: none;
  text-align: left;
}

.social-links li {
  text-align: center;
  display: inline-block;
  margin-bottom: 5px;
}
.social-links a {
  width: 82px;
  border: 3px solid #f2f2f2;
  border-radius: 3px;
  color: #f2f2f2;
  background: #161616;
  display: inline-block;
  transition: all 0.4s ease-in-out;
}
.social-links a:hover {
  color: #161616;
  background: #f2f2f2;
}

/*----------------------donations modal----------------------*/
#donate-modal .custom-btn {
  font-weight: 300;
  color: #30baff;
  border-color: #30baff;
  background: white;
}
#donate-modal .custom-btn:hover {
  color: white;
  background: #30baff;
}
#donate-modal p {
  font-weight: 700;
  color: #f45c4e;
}
#donate-modal .meter {
  background: #f45c4e;
}
#donate-modal .meter {
  transition: all 1s ease;
}
#donate-modal .pulse-one {
  box-shadow: 0px 0px 10px #f45c4e;
}
#donate-modal .pulse-two {
  box-shadow: 0px 0px 30px #f45c4e;
}

ul.donation-amt {
  margin-top: 2.5em;
  list-style: none;
  text-align: center;
}
ul.donation-amt li {
  display: inline-block;
}
ul.donation-amt li .amount {
  display: block;
  color: #f45c4e;
}

/*----------------------registration modal----------------------*/
#registration-modal form input[type="submit"] {
  color: #30baff;
  background: white;
  border-color: #30baff;
}
#registration-modal form input[type="submit"]:hover {
  background: #30baff;
  color: white;
}

/*--------------------------flexslider-------------------------*/
.flexslider {
  margin: 0 0 60px;
  background: none;
  border: none;
  box-shadow: none;
  text-align: center;
}
.flexslider p {
  color: #e9e9e9;
  background: rgba(0, 0, 0, 0.5);
  font-size: 1.375em;
}

/*--------------------------flexslider carousel-------------------------*/
.carousel .flex-control-paging li a {
  width: 20px;
  height: 5px;
  background: #f45c4e;
  border: none;
}
.carousel .flex-control-paging li a.flex-active {
  background: #232323;
}