@import url("https://fonts.googleapis.com/css?family=Nunito:400,600|Work+Sans:400,600|Roboto:400,600|Roboto+Slab:400,600|Raleway:400,600|Lato:400,600|Oswald:400,600|Dosis:400,600");
:root {
  --main-color: #42424F;
  --hover-color: #23527C;
  --main-text-color: #40404e;
  --main-bg: #ebebeb;
  --main-font-family: Lato, sans-serif; }

:root {
  --highlight-base-color: var(--main-color);
  --header-font-family: var(--main-font-family);
  --header-text-color: var(--main-text-color);
  --feature-color: var(--main-color);
  --button-color: var(--main-color); }

div.card.volunteering, div.card.volunteer-position, div.card.volunteer-data-protection {
  border-color: #9191a5; }
  div.card.volunteering .card-header, div.card.volunteer-position .card-header, div.card.volunteer-data-protection .card-header {
    background-color: #c15a75; }
  div.card.volunteering .progress-sheep, div.card.volunteer-position .progress-sheep, div.card.volunteer-data-protection .progress-sheep {
    background-color: #c15a75; }
  div.card.volunteering .btn-default, div.card.volunteer-position .btn-default, div.card.volunteer-data-protection .btn-default {
    color: #9191a5;
    border-color: #c15a75; }
  div.card.volunteering .btn-default:hover, div.card.volunteer-position .btn-default:hover, div.card.volunteer-data-protection .btn-default:hover {
    color: #c15a75;
    border-color: #c15a75; }

.volunteer-position-text-description {
  color: #f2dce2; }

ul.volunteering {
  padding: 0;
  margin-top: 20px; }
  ul.volunteering li .card-header {
    background-color: #c15a75; }
  ul.volunteering .card-header-volunteer {
    color: #f2dce2; }

ul.question-list, ul.volunteering-summary {
  padding: 0;
  border-bottom: 1px solid #eeeeee; }
  ul.question-list li, ul.volunteering-summary li {
    list-style-type: none;
    padding-bottom: 15px;
    padding-top: 15px;
    margin: 0;
    border-top: 1px solid #eeeeee; }
    ul.question-list li span, ul.volunteering-summary li span {
      display: inline-block;
      font-weight: 300;
      width: calc(100% - 47px); }
    ul.question-list li.clickable:hover, ul.volunteering-summary li.clickable:hover {
      background-color: #23527C;
      background-color: var(--hover-color);
      color: #fff;
      cursor: pointer; }
    ul.question-list li div.icon, ul.volunteering-summary li div.icon {
      float: left;
      margin-right: 10px; }

ul.volunteering-summary li {
  display: inline-block;
  width: 100%; }
  ul.volunteering-summary li span {
    width: 50%; }
  ul.volunteering-summary li .btn {
    float: right; }

.btn-volunteer-apply {
  border: 2px solid #c15a75;
  color: #c15a75; }

.btn-volunteer {
  border: 2px solid #c15a75;
  color: #c15a75; }

.btn-volunteer:hover {
  background-color: #f2f2f2;
  border: 2px solid #ba4765; }

.btn-volunteer-continue {
  background-color: #c15a75;
  border: 2px solid #c15a75;
  color: #fff;
  box-shadow: 0 1px 0 #AB3F5E; }

.btn-volunteer-continue:hover {
  background-color: #ba4765;
  border: 2px solid #ba4765; }