/* LESS - http://lesscss.org style sheet */
/* Palette color codes */
/* Palette URL: http://paletton.com/#uid=13H0u0kljqH0H++cMY5YrlzXgd1 */
/* Feel free to copy&paste color codes to your application */
/* MIXINS */
/* As hex codes */
/* Main Primary color */
/* As RGBa codes */
/* Main Primary color */
/* Generated by Paletton.com © 2002-2014 */
/* http://paletton.com */
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: 'PT Serif', serif;
}
#whole {
  background: linear-gradient(-10deg, #FAFCFF 67%, #9EBFF7);
  background-color: #FAFCFF;
  height: 100%;
  box-sizing: border-box;
}
#header h1.title {
  background-color: #0C0943;
  color: #FAFCFF;
  margin: 0;
  padding: 10px;
  font-family: 'Scada', sans-serif;
  font-size: 2em;
}
#nav {
  font-family: 'Scada', sans-serif;
  font-size: 1.2em;
}
#nav ul.nav-menu {
  margin: 0;
  padding: 0;
  background-color: #0C0943;
  color: #FAFCFF;
}
#nav ul.nav-menu li.nav-element {
  display: inline-block;
}
#nav ul.nav-menu li.nav-element a.nav-link {
  text-decoration: none;
  display: block;
  color: #FAFCFF;
  margin: 5px 10px;
}
#nav ul.nav-menu li.nav-element:hover {
  background-color: #9EBFF7;
}
#content {
  margin: 10px;
  box-sizing: border-box;
  max-width: 768px;
}
#members h2 {
  margin: 0;
}
#testimonials .testimonial {
  margin-top: 20px;
}
#testimonials .testimonial-wrapper {
  display: inline-block;
}
#testimonials .quote-container::before {
  font-family: 'FontAwesome';
  content: "\f10d";
  color: #012B72;
  display: inline-block;
  vertical-align: top;
}
#testimonials .quote-container::after {
  font-family: 'FontAwesome';
  content: "\f10e";
  color: #012B72;
  display: inline-block;
}
#testimonials .quote-container .quote {
  margin: 0;
  padding: 0 5px;
  display: inline-block;
  max-width: 720px;
  color: #2348DA;
}
#testimonials .quote-container .quote p {
  margin: 0;
}
#testimonials .source {
  text-align: right;
}
#testimonials .source::before {
  content: "\02015";
}
#footer {
  border-top: 1px solid #0C0943;
  padding: 3px;
  clear: both;
}
a {
  color: #2348DA;
}
a:visited {
  color: #9EBFF7;
}
blockquote {
  color: #012B72;
}
@media only screen and (min-device-width: 768px) {
  body {
    min-width: 1105px;
  }
  body,
  div,
  p,
  span {
    font-size: 16px;
  }
  #whole {
    min-width: 1105px;
    padding: 15px;
  }
  #header {
    display: inline-block;
    min-width: 970px;
    width: calc(-5%);
  }
  #header h1.title {
    font-size: 36px;
    padding: 11px 10px;
  }
  #logo {
    margin-left: 5px;
    vertical-align: top;
  }
  #highlights {
    display: inline-block;
    box-sizing: border-box;
    width: 250px;
    vertical-align: top;
    border-left: 1px solid #0C0943;
    padding: 0 0 15px 15px;
  }
  #content {
    display: inline-block;
    box-sizing: border-box;
    width: 825px;
  }
  #mobile-calendar {
    display: none;
  }
  #mobile-volunteer {
    display: none;
  }
}
/* Mobile */
@media only screen and (max-device-width: 768px) {
  body,
  div,
  p,
  span {
    font-size: 16px;
  }
  #logo {
    display: none;
  }
  #nav {
    border-top: 1px solid #FAFCFF;
  }
  #highlights {
    display: none;
  }
  #content {
    margin: 10px;
  }
  #main-calendar {
    display: none;
  }
  #main-volunteer {
    display: none;
  }
  #testimonials .quote-container .quote {
    max-width: 250px;
  }
}