/*!

Author: Wieni
Author URI: https://www.wieni.be
Description: A custom website for Viva Salud

*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, main, menu, nav, output, picture, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, picture, section {
  display: block; }

body {
  line-height: 1;
  box-sizing: border-box; }

ol, ul {
  list-style: none; }

blockquote,
q {
  quotes: none; }
  blockquote:before, blockquote:after,
  q:before,
  q:after {
    content: ""; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

*,
*:after,
*:before {
  box-sizing: inherit; }

/* ----------------------------------------------------------------------*/
/* - BREAKPOINTS
/* ----------------------------------------------------------------------*/
/* ----------------------------------------------------------------------*/
/* - COLORS
/* ----------------------------------------------------------------------*/
/* ----------------------------------------------------------------------*/
/* - FONTS
/* ----------------------------------------------------------------------*/
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

@font-face {
  font-family: "vef_icons";
  src: url("../font/vef_icons.eot");
  src: url("../font/vef_icons.eot#iefix") format("embedded-opentype"), url("../font/vef_icons.woff") format("woff"), url("../font/vef_icons.ttf") format("truetype"), url("../font/vef_icons.svg#vef_icons") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: "action_icons";
  src: url("../font/action_icons.eot");
  src: url("../font/action_icons.eot#iefix") format("embedded-opentype"), url("../font/action_icons.woff") format("woff"), url("../font/action_icons.ttf") format("truetype"), url("../font/action_icons.svg#vef_icons") format("svg");
  font-weight: normal;
  font-style: normal; }

/* ----------------------------------------------------------------------*/
/* - SIZES
/* ----------------------------------------------------------------------*/
/* ----------------------- TIMING FUNCTIONS ----------------------------- */
/* ----------------------- ANIMATIONS ----------------------------- */
.sponsor--1 {
  background-color: #f65f0a; }

.sponsor--2 {
  background-color: #e95908; }

.sponsor--3 {
  background-color: #db5408; }

.sponsor--4 {
  background-color: #cc4e07; }

.sponsor--5 {
  background-color: #bd4807; }

.sponsor--6 {
  background-color: #ae4306; }

.sponsor--7 {
  background-color: #9f3d06; }

.sponsor--8 {
  background-color: #913705; }

.sponsor--9 {
  background-color: #823205; }

.sponsor--10 {
  background-color: #732c04; }

.sponsor--11 {
  background-color: #642603; }

.sponsor--12 {
  background-color: #552103; }

/* /* /*
 * MOBILE LAYOUT CSS: STRUCTURAL BASE
 */
/* ----------------------- RESET ----------------------------- */
.region-header {
  display: none; }

#header {
  overflow: hidden; }

#header:not(.sticky) .logos {
  margin-top: 0;
  border: 0; }

#header.sticky + #main {
  padding-top: 0;
  margin-top: 45px; }
  .node-type-fundraiser #header.sticky + #main {
    margin-top: 0; }

#closure .logos {
  display: none; }

#header.sticky + #main .tabs-wrapper {
  position: relative;
  top: 0;
  padding: 0;
  background: transparent;
  box-shadow: none; }
  #header.sticky + #main .tabs-wrapper ul {
    margin-bottom: 0; }

body.page-node .tabs-wrapper {
  position: absolute;
  pointer-events: none; }
  body.page-node .tabs-wrapper ul.primary li a {
    pointer-events: auto; }

form .image-widget-data .submit-wrapper input[type=submit] {
  padding: 0 10px; }

form .image-widget-data .submit-wrapper::after {
  content: ""; }

form .submit-wrapper input[type=submit] {
  padding: 18px 30px;
  border-radius: 3px; }

form .form-item.form-type-checkbox > label {
  font-family: "Trebuchet MS", serif;
  font-weight: normal; }

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
  -webkit-text-fill-color: #002d62 !important; }

form .form-item.form-type-textfield input.form-text,
form .form-item.form-type-textfield input[type=text] {
  width: 98.5%;
  margin: 0; }

form .field-name-field-donation-city .form-item.form-type-textfield input.form-text,
form .field-name-field-donation-city .form-item.form-type-textfield input[type=text] {
  width: 97%; }

form .form-item.form-type-select .customSelectContainer,
form .form-item.form-type-date-select .customSelectContainer,
form .form-item.form-type-textarea textarea.form-textarea {
  width: 98.5%;
  margin-left: 2px; }

form .form-item.form-type-checkbox {
  margin-left: 2px; }

.url-textfield {
  display: none; }

div.messages {
  background-image: none;
  top: 10px;
  position: relative;
  padding: 20px;
  border-radius: 0; }
  div.messages ul {
    margin: 0; }
  div.messages.error {
    background-color: #f7c9cb;
    color: #a8191f; }
  div.messages.warning, div.messages.status {
    background-color: #feeade;
    color: #d65207; }

/* ----------------------- 0.9 GENERAL -------------------------------- */
body {
  counter-reset: item;
  font-family: "Trebuchet MS", serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 24px;
  color: #333; }
  body.page-home #header {
    margin-bottom: 0; }

a.blockbtn {
  margin: 20px 10px 10px 0; }

.align-center {
  text-align: center; }

#all-actions-link {
  padding-bottom: 40px; }

.actions-create-intro h1, .donation__fundraiser .header {
  color: #4E2589;
  font-family: "Trebuchet MS", serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 36px;
  margin-bottom: 15px; }

h3, .actions-global-info .bar h2, .actions-global-info .bar h1, #fundraiser-node-form h1, #fundraiser-node-form h2, form#eck-entity-form-add-crm-donation--2 .fieldset-description h1, .donation_copy h1, .donation__share h1 {
  color: #4E2589;
  font-family: "Trebuchet MS", serif;
  font-weight: 400;
  font-size: 32px;
  line-height: 30px;
  margin-bottom: 30px; }

.fundraiser-header .left h2.title, .event-detail .event-header .left .title {
  display: inline-block;
  padding: 15px;
  margin-bottom: 10px;
  font-size: 42px;
  line-height: 40px;
  font-family: "Trebuchet MS", serif;
  font-weight: 700;
  color: #fff; }

.item-list h3 {
  margin-top: 30px; }

#content-inner > form .customSelectContainer.disabled {
  background-color: #ccc;
  opacity: 0.5; }

.profilepic, .fundraiser-header .profilepic, .donation__fundraiser .profile {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  position: relative; }
  .profilepic > img, .fundraiser-header .profilepic > img, .donation__fundraiser .profile > img {
    width: 85%;
    height: auto;
    border-radius: 50%; }
  .profilepic::before, .fundraiser-header .profilepic::before, .donation__fundraiser .profile::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 10;
    width: 100%;
    height: 100%;
    background-image: url(../img/profile-mask.png);
    background-size: 95%;
    background-position-y: 3px;
    background-position-x: -1px;
    background-repeat: no-repeat; }

.event-tag, .fundraiser-header .left .blockbtn, .events-header .event-list li a {
  display: inline-block;
  padding: 8px;
  margin-bottom: 4px;
  font-family: "Trebuchet MS", serif;
  font-size: 14px;
  font-weight: 600;
  background-color: #F76919;
  color: #fff;
  text-decoration: none; }

.event-tag-hover, .events-header .event-list li a:hover {
  background-color: #d65207;
  color: #fff; }

.actions-create-intro {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  min-height: 200px;
  background-color: #4E2589;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 20px; }
  .actions-create-intro::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    height: 100%;
    left: -100%;
    width: 100%;
    background: #4E2589; }
  .actions-create-intro h1 {
    margin-bottom: 5px;
    color: #fff;
    font-size: 40px; }
  .actions-create-intro p {
    font-size: 17px;
    font-weight: 600;
    color: #F76919; }
    .actions-create-intro p::after {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      height: 100%;
      right: -100%;
      width: 100%;
      background: #4E2589; }

.actions-create-intro p::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  height: 100%;
  right: -100%;
  width: 100%;
  background: #4E2589; }

.actions-fundraiser-actions {
  margin: 60px 0; }
  .actions-fundraiser-actions .item-list ul li {
    margin-bottom: 20px; }

.fundraiser-item {
  display: block;
  position: relative;
  border: 1px solid #E6E6E6;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.02), 0 3px 6px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  transform: translateZ(0);
  transition: box-shadow .35s, transform 1s;
  border-radius: 3px; }
  .fundraiser-item:hover {
    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.15);
    transform: translateY(-5px);
    transition: box-shadow .35s, transform .25s; }
  .fundraiser-item a {
    text-decoration: none; }
  .fundraiser-item .contents {
    display: block;
    position: relative; }
  .fundraiser-item .image .image-container {
    display: block;
    height: 200px;
    background-size: cover;
    background-position: center;
    background-color: rgba(0, 0, 0, 0.1);
    transition: transform 0.25s ease; }
  .fundraiser-item .image img {
    width: 100%;
    opacity: 0; }
  .fundraiser-item .event-tag, .fundraiser-item .fundraiser-header .left .blockbtn, .fundraiser-header .left .fundraiser-item .blockbtn, .fundraiser-item .events-header .event-list li a, .events-header .event-list li .fundraiser-item a {
    position: absolute;
    top: -18px;
    left: 30px;
    word-break: break-all;
    white-space: nowrap;
    overflow: hidden;
    max-width: 85%;
    padding-top: 4px;
    padding-bottom: 4px; }
  .fundraiser-item .profile .name {
    font-size: 14px;
    position: relative;
    bottom: 10px; }
  .fundraiser-item .title {
    padding: 30px 15px 15px;
    margin: 0;
    font-size: 20px; }
  .fundraiser-item .profilepic, .fundraiser-item .donation__fundraiser .profile, .donation__fundraiser .fundraiser-item .profile {
    height: 65px;
    width: 65px;
    margin-right: 15px; }
  .fundraiser-item .stats {
    padding: 0 0 5px 0;
    border-bottom: 1px solid #f2f2f2;
    font-size: 16px;
    color: #333333; }
    .fundraiser-item .stats .currency {
      font-family: "Trebuchet MS", serif;
      font-size: 14px;
      font-weight: 600;
      color: #F76919;
      padding-right: 4px; }
    .fundraiser-item .stats .placeholder:first-of-type {
      font-family: "Trebuchet MS", serif;
      font-weight: 600;
      color: #F76919;
      padding-right: 2px; }
  .fundraiser-item .name {
    display: inline-flex;
    align-items: center;
    padding: 5px 0 0;
    font-size: 14px;
    color: #6A6A6A; }
    .fundraiser-item .name > svg {
      margin-right: 5px;
      display: inline-block; }
  .fundraiser-item .footer {
    display: flex;
    flex-direction: row;
    padding: 15px;
    border-top: 1px solid #f2f2f2;
    background: rgba(0, 0, 0, 0.03);
    font-size: 16px;
    transition: background .35s; }
    .fundraiser-item .footer:hover, .fundraiser-item .footer:focus {
      background: rgba(0, 0, 0, 0.07); }
  .fundraiser-item .no-support {
    font-size: 16px; }
    .fundraiser-item .no-support a {
      color: #F76919; }
      .fundraiser-item .no-support a:hover {
        color: #f87932; }

.actions-fundraiser-create {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  width: 100vw;
  margin-left: calc((100% - 100vw) / 2);
  min-height: 300px;
  padding: 20px 0;
  background: url(../img/hero-front.jpg) center center no-repeat;
  background-size: cover; }
  .actions-fundraiser-create::after {
    content: '';
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(78, 37, 137, 0.75); }
  .actions-fundraiser-create form {
    width: 90vw;
    max-width: 900px;
    background-color: transparent; }
    .actions-fundraiser-create form .form-item {
      padding-left: 0; }
      .actions-fundraiser-create form .form-item label {
        font-size: 22px;
        font-weight: 100;
        color: #fff;
        margin-right: 20px;
        white-space: nowrap; }
      .actions-fundraiser-create form .form-item input {
        font-family: "Trebuchet MS", serif; }
      .actions-fundraiser-create form .form-item .customSelectContainer {
        background-color: #fff;
        border-radius: 3px;
        margin-top: 8px;
        font-size: 20px; }
        .actions-fundraiser-create form .form-item .customSelectContainer select {
          font-size: 20px; }
        .actions-fundraiser-create form .form-item .customSelectContainer .customSelectBox {
          border-radius: 3px; }
        .actions-fundraiser-create form .form-item .customSelectContainer .customSelectBox::after {
          color: #4E2589; }
          .actions-fundraiser-create form .form-item .customSelectContainer .customSelectBox::after:hover {
            color: #F76919; }
        .actions-fundraiser-create form .form-item .customSelectContainer .hider {
          font-family: "Trebuchet MS", serif;
          color: #4E2589;
          font-size: 20px; }
      .actions-fundraiser-create form .form-item #edit-title {
        width: 99%;
        margin-top: 3px;
        margin-bottom: 10px;
        margin-left: 0;
        padding-right: 0;
        background-color: #fff;
        font-family: "Trebuchet MS", serif;
        color: #4E2589;
        font-size: 20px;
        border-radius: 3px;
        transition: border-color 0.25s ease;
        padding: 18px; }
        .actions-fundraiser-create form .form-item #edit-title:focus, .actions-fundraiser-create form .form-item #edit-title:hover {
          box-shadow: none; }
  .actions-fundraiser-create .edit-submit {
    float: right; }
    .actions-fundraiser-create .edit-submit input {
      background: #F76919; }
      .actions-fundraiser-create .edit-submit input:hover {
        background: #e95908; }
  .actions-fundraiser-create .customSelectContainer {
    background: #fff; }

.addthis-button {
  display: inline-block;
  padding: 6px 16px 6px 10px;
  font-size: 14px;
  line-height: 22px;
  color: #fff;
  text-decoration: none;
  margin-right: 5px;
  border-radius: 3px;
  transition: background-color 0.25s ease; }
  .addthis-button .icon {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    font-family: action_icons;
    text-align: center;
    font-size: 16px; }
  .addthis-button span {
    display: none; }
  .addthis-button strong {
    font-weight: bold; }
  .addthis-button:link, .addthis-button:visited, .addthis-button :hover, .addthis-button:active {
    color: #fff; }

.addthis_sharing_toolbox {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center; }

.addthis_button_facebook {
  background-color: #3b5998; }
  .addthis_button_facebook:hover {
    background-color: #2d4373; }

.addthis_button_twitter {
  background-color: #00aced; }
  .addthis_button_twitter:hover {
    background-color: #0087ba; }

.addthis_button_linkedin {
  background-color: #0077b5; }
  .addthis_button_linkedin:hover {
    background-color: #005582; }
  .addthis_button_linkedin .icon {
    top: -2px; }

.fundraiser-content .no-sponsors, .event-detail .event-content .no-fundraisers {
  border: 2px dashed #e6e6e6; }
  .fundraiser-content .no-sponsors a, .event-detail .event-content .no-fundraisers a {
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    transition: background-color 0.25s ease; }
  .fundraiser-content .no-sponsors a:hover, .event-detail .event-content .no-fundraisers a:hover {
    background-color: #f2f2f2; }
    .fundraiser-content .no-sponsors a:hover .icon::after, .event-detail .event-content .no-fundraisers a:hover .icon::after {
      content: ")";
      color: #aaa; }
    .fundraiser-content .no-sponsors a:hover p, .event-detail .event-content .no-fundraisers a:hover p {
      color: #aaa; }
  .fundraiser-content .no-sponsors .icon, .event-detail .event-content .no-fundraisers .icon {
    min-width: 80px;
    min-height: 80px;
    border-radius: 50%;
    border: 2px dashed #e6e6e6;
    text-align: center; }
    .fundraiser-content .no-sponsors .icon::after, .event-detail .event-content .no-fundraisers .icon::after {
      content: "(";
      font-family: action_icons;
      color: #e6e6e6;
      font-size: 36px;
      line-height: 80px; }
  .fundraiser-content .no-sponsors p, .event-detail .event-content .no-fundraisers p {
    margin-left: 20px;
    font-family: "Trebuchet MS", serif;
    color: #ccc; }

/* ----------------------- 1.0 HEADER --------------------------------- */
#header {
  margin-bottom: 0; }
  #header.sticky .inner {
    background-color: rgba(78, 37, 137, 0.9); }
  #header .inner {
    max-width: none; }

body.i18n-en #header a.logo {
  width: 125px;
  height: 38px;
  background-image: url("../img/logo/logo-simple.svg");
  margin-top: 10px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat; }

/* ---------------------- 1.1 NAVIGATION -------------------------------- */
#navigation {
  min-height: 0; }
  #navigation .breadcrumb {
    display: none; }
  #navigation .sub-menu {
    display: none; }

/* ----------------------- HOMEPAGE --------------------------------- */
.actions-global-info {
  position: relative;
  font-size: 16px; }
  .actions-global-info:before {
    content: "";
    position: absolute;
    z-index: -1;
    background: #eee;
    top: 0;
    bottom: 0;
    width: 100vw;
    margin-left: calc((100% - 100vw) / 2); }
  .actions-global-info .bar {
    overflow: auto;
    padding: 60px 0;
    position: relative; }
    .actions-global-info .bar:first-of-type {
      box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); }
  .actions-global-info .left.intro, .actions-global-info .right.cta {
    line-height: 27px; }
  .actions-global-info .left {
    padding-bottom: 40px; }
  .actions-global-info .statistics {
    font-family: "Trebuchet MS", serif;
    font-weight: 600;
    color: #4E2589; }
    .actions-global-info .statistics a, .actions-global-info .statistics strong {
      display: block;
      font-size: 48px;
      color: #F76919;
      margin-bottom: 10px;
      text-decoration: none; }
    .actions-global-info .statistics a:hover {
      color: #f9894a;
      text-decoration: none; }
    .actions-global-info .statistics .stat {
      font-size: 24px;
      font-weight: 100;
      text-align: center; }
    .actions-global-info .statistics .stat:first-of-type {
      margin-bottom: 30px; }
  .actions-global-info .steps li {
    counter-increment: item;
    margin-bottom: 20px;
    margin-left: 40px;
    display: inline-flex;
    width: 100%;
    align-items: center; }
    .actions-global-info .steps li::before {
      display: inline-block;
      margin: 0 10px 0 -40px;
      width: 30px;
      height: 30px;
      content: counter(item);
      color: #F76919;
      font-family: "Trebuchet MS", serif;
      font-weight: 600;
      font-size: 32px;
      line-height: 30px;
      text-align: center; }

/* ----------------------- ACTION DETAIL -------------------------- */
body.node-type-fundraiser #header {
  display: none; }

.fundraiser-header {
  position: relative;
  z-index: 99;
  background-color: rgba(51, 51, 51, 0.1);
  background-size: cover;
  background-position: center;
  width: 100vw;
  margin-left: calc((100% - 100vw) / 2);
  padding-bottom: 20px; }
  .fundraiser-header::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: radial-gradient(50% 50%, transparent 50%, transparent 68%, #000000 88%);
    z-index: -1;
    opacity: .25; }
  .fundraiser-header .left {
    padding-top: 80px;
    text-align: center; }
    .fundraiser-header .left .blockbtn {
      margin: 0; }
      .fundraiser-header .left .blockbtn:after {
        content: ""; }
    .fundraiser-header .left h2.title {
      padding-left: 0; }
  .fundraiser-header .right {
    position: relative;
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #E6E6E6;
    box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.1); }
  .fundraiser-header .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #F9F9F9;
    padding: 20px; }
  .fundraiser-header .header-details {
    flex: 1 1 0%;
    margin-left: 20px; }
  .fundraiser-header .profilepic, .fundraiser-header .donation__fundraiser .profile, .donation__fundraiser .fundraiser-header .profile {
    width: 85px;
    height: 85px;
    border: none; }
  .fundraiser-header .cta {
    padding: 10px; }
  .fundraiser-header .stats {
    padding-bottom: 5px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
  .fundraiser-header .name {
    font-size: 14px;
    color: #6A6A6A;
    overflow-wrap: break-word;
    word-wrap: break-word;
    padding-top: 5px; }
  .fundraiser-header .header-details {
    font-size: 16px; }
    .fundraiser-header .header-details .currency,
    .fundraiser-header .header-details .currency + .placeholder {
      color: #F76919;
      font-size: 27px; }
  .fundraiser-header .sponsors {
    text-align: center;
    margin-bottom: 20px;
    color: #aaa; }
    .fundraiser-header .sponsors .placeholder {
      font-style: normal;
      font-weight: 600;
      color: #fff; }
  .fundraiser-header .options {
    text-align: center; }
  .fundraiser-header .customRadioContainer {
    display: none; }
  .fundraiser-header .customRadio {
    display: none; }
  .fundraiser-header .timeleft {
    display: block;
    font-size: 16px;
    text-align: left;
    color: #aaa; }
    .fundraiser-header .timeleft::before {
      content: "t";
      font-family: action_icons;
      font-size: 16px;
      color: #aaa;
      padding-right: 5px; }
  .fundraiser-header .form-item-amount-custom .field-prefix {
    position: absolute;
    z-index: 1;
    line-height: 58px;
    margin-left: 20px;
    color: #333;
    font-weight: 600; }
  .fundraiser-header .form-item-amount-custom #edit-amount-custom {
    width: 100%;
    margin: 0;
    padding-left: 50px;
    display: inline;
    box-sizing: border-box; }
    .fundraiser-header .form-item-amount-custom #edit-amount-custom.error {
      background-color: #f7c9cb; }
  .fundraiser-header .submit-wrapper {
    width: 100%; }
    .fundraiser-header .submit-wrapper input[type=submit] {
      width: 100%;
      padding: 15px;
      text-align: center; }
  .fundraiser-header #edit-amount {
    display: flex;
    flex-wrap: nowrap;
    white-space: nowrap;
    margin-left: -3px;
    margin-right: -3px; }
  .fundraiser-header .form-item.form-type-radio {
    flex: 1 1 100%;
    margin-left: 3px;
    margin-right: 3px; }
    .fundraiser-header .form-item.form-type-radio > label {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
      cursor: pointer;
      display: inline-block;
      width: 100%;
      padding: 15px 10px;
      margin: 0;
      text-align: center;
      color: #000;
      background-color: #fff;
      border: 1px solid #eee;
      font-size: 18px;
      border-radius: 3px;
      transition: background-color .25s;
      text-align: center; }
      .fundraiser-header .form-item.form-type-radio > label:hover {
        border: 1px solid transparent;
        color: #fff;
        background-color: #F76919; }
  .fundraiser-header input[type="radio"]:checked + label {
    border: 1px solid transparent;
    background-color: #F76919;
    color: #fff; }
  .fundraiser-header .form-type-radio .form-radio {
    display: none; }

.form-item.form-type-select {
  width: 100%;
  overflow: none; }
  .form-item.form-type-select:last-of-type {
    padding-right: 0; }

.form-item.form-type-textfield.form-item-amount-custom {
  position: relative;
  padding: 0;
  margin: 10px 0; }

.fundraiser-content .social > span {
  display: inline-block;
  font-family: "Trebuchet MS", serif;
  margin-right: 10px;
  color: #6A6A6A;
  font-size: 16px; }

.fundraiser-content .sponsors .timeleft {
  border: 2px dashed #e6e6e6;
  margin-bottom: 40px;
  padding: 20px;
  text-decoration: none;
  font-family: "Trebuchet MS", serif;
  color: #aaa;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center; }

.fundraiser-content .sponsor-list .amount, .fundraiser-content .sponsor-fake .amount {
  margin-left: 80px;
  width: calc(100% - 100px);
  font-family: "Trebuchet MS", serif;
  font-size: 32px;
  line-height: 40px;
  color: #F76919;
  font-weight: 600; }

.fundraiser-content .sponsor-list .name, .fundraiser-content .sponsor-fake .name {
  margin-left: 80px;
  width: calc(100% - 100px);
  color: #aaa;
  margin-bottom: 10px;
  font-size: 16px; }

.fundraiser-content .sponsor-list .message, .fundraiser-content .sponsor-fake .message {
  margin-left: 80px;
  width: calc(100% - 100px); }

.fundraiser-content .sponsor-list .icon, .fundraiser-content .sponsor-fake .icon {
  position: absolute;
  display: inline-block;
  height: 60px;
  width: 60px;
  border-radius: 50%;
  border: 2px solid #fff;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  background-color: none; }
  .fundraiser-content .sponsor-list .icon img, .fundraiser-content .sponsor-fake .icon img {
    width: 100%;
    height: auto;
    border-radius: 50%; }

.fundraiser-content h3 {
  color: #4E2589;
  font-family: "Trebuchet MS", serif;
  font-weight: 600;
  font-size: 24px;
  line-height: 28px;
  margin-bottom: 20px;
  margin-top: 40px; }

.fundraiser-content .item {
  margin: 30px 0; }

.fundraiser-content .cta {
  margin-bottom: 20px; }

.fundraiser-content > .message {
  margin: 20px 0;
  box-sizing: border-box;
  color: #333;
  font-family: "Trebuchet MS", serif;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px; }
  .fundraiser-content > .message p {
    margin: 20px 0; }
    .fundraiser-content > .message p:first-of-type {
      margin-top: 30px; }
    .fundraiser-content > .message p:last-of-type {
      margin-bottom: 30px; }

/* ----------------------- ALL ACTIONS ---------------------------- */
.events-header {
  width: 100vw;
  margin-left: calc((100% - 100vw) / 2);
  min-height: 200px;
  padding: 0 20px;
  box-sizing: border-box;
  background-color: #4E2589;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }
  .events-header h3 {
    margin-top: 0;
    color: #fff; }
  .events-header .event-list li {
    display: inline-block; }

@media only screen and (max-width: 340px) {
  .fundraiser-header .right {
    width: 100%; } }

/* ----------------------- EVENT DETAIL ---------------------------- */
.event-detail .event-header {
  width: 100vw;
  margin-left: calc((100% - 100vw) / 2);
  background-size: cover;
  background-position: center;
  color: #fff;
  padding: 0 20px;
  box-sizing: border-box; }
  .event-detail .event-header > div {
    padding: 40px 0;
    overflow: hidden; }
  .event-detail .event-header .left {
    padding-bottom: 20px; }
    .event-detail .event-header .left .title {
      padding-left: 0; }
    .event-detail .event-header .left .intro {
      background-color: #fff;
      padding: 15px;
      color: #333;
      font-size: 16px;
      border-radius: 3px;
      box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.1); }
  .event-detail .event-header .right {
    overflow-wrap: break-word;
    word-wrap: break-word;
    text-align: center;
    padding: 40px;
    color: #FFF; }
  .event-detail .event-header .stats {
    font-family: "Trebuchet MS", serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 20px; }
    .event-detail .event-header .stats div:not(:last-of-type) {
      margin-bottom: 10px; }
    .event-detail .event-header .stats em, .event-detail .event-header .stats .amount::first-letter {
      color: #F76919;
      margin-bottom: 10px; }
    .event-detail .event-header .stats .placeholder::after {
      content: ""; }

.event-detail .event-content .fundraisers > h3 {
  margin-top: 40px; }

.event-detail .event-content .no-fundraisers {
  margin-bottom: 40px; }

/* ----------------------- CREATE NEW ACTIONS > PREPAGE --------------------------------- */
body.page-create-your-action-prepage #content-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  width: 100vw;
  margin-left: calc((100% - 100vw) / 2);
  background: #4E2589, url(../img/draft-header.png);
  background-size: cover;
  background-position: center;
  min-height: 400px;
  padding: 20px 0; }
  body.page-create-your-action-prepage #content-inner::after {
    content: '';
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(78, 37, 137, 0.75); }
  body.page-create-your-action-prepage #content-inner form {
    width: 90vw;
    max-width: 900px;
    background-color: transparent; }
    body.page-create-your-action-prepage #content-inner form .form-item {
      padding-left: 0; }
      body.page-create-your-action-prepage #content-inner form .form-item label {
        font-size: 22px;
        font-weight: 100;
        color: #fff;
        margin-right: 20px;
        white-space: nowrap; }
      body.page-create-your-action-prepage #content-inner form .form-item input {
        font-family: "Trebuchet MS", serif; }
      body.page-create-your-action-prepage #content-inner form .form-item .customSelectContainer {
        background-color: #fff;
        border-radius: 3px;
        margin-top: 8px;
        font-size: 20px; }
        body.page-create-your-action-prepage #content-inner form .form-item .customSelectContainer select {
          font-size: 20px; }
        body.page-create-your-action-prepage #content-inner form .form-item .customSelectContainer .customSelectBox {
          border-radius: 3px; }
        body.page-create-your-action-prepage #content-inner form .form-item .customSelectContainer .customSelectBox::after {
          color: #4E2589; }
          body.page-create-your-action-prepage #content-inner form .form-item .customSelectContainer .customSelectBox::after:hover {
            color: #F76919; }
        body.page-create-your-action-prepage #content-inner form .form-item .customSelectContainer .hider {
          font-family: "Trebuchet MS", serif;
          color: #4E2589;
          font-size: 20px; }
      body.page-create-your-action-prepage #content-inner form .form-item #edit-title {
        width: 99%;
        margin-top: 3px;
        margin-bottom: 10px;
        margin-left: 0;
        padding-right: 0;
        background-color: #fff;
        font-family: "Trebuchet MS", serif;
        color: #4E2589;
        font-size: 20px;
        border-radius: 3px;
        transition: border-color 0.25s ease;
        padding: 18px; }
        body.page-create-your-action-prepage #content-inner form .form-item #edit-title:focus, body.page-create-your-action-prepage #content-inner form .form-item #edit-title:hover {
          box-shadow: none; }
  body.page-create-your-action-prepage #content-inner .edit-submit {
    float: right; }
    body.page-create-your-action-prepage #content-inner .edit-submit input {
      background: #F76919; }
      body.page-create-your-action-prepage #content-inner .edit-submit input:hover {
        background: #e95908; }

body.page-create-your-action-prepage form {
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
  width: 100vw;
  margin-left: calc((100% - 100vw) / 2); }
  body.page-create-your-action-prepage form::after {
    content: '';
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(78, 37, 137, 0.75); }
  body.page-create-your-action-prepage form form {
    width: 90vw;
    max-width: 900px;
    background-color: transparent; }
    body.page-create-your-action-prepage form form .form-item {
      padding-left: 0; }
      body.page-create-your-action-prepage form form .form-item label {
        font-size: 22px;
        font-weight: 100;
        color: #fff;
        margin-right: 20px;
        white-space: nowrap; }
      body.page-create-your-action-prepage form form .form-item input {
        font-family: "Trebuchet MS", serif; }
      body.page-create-your-action-prepage form form .form-item .customSelectContainer {
        background-color: #fff;
        border-radius: 3px;
        margin-top: 8px;
        font-size: 20px; }
        body.page-create-your-action-prepage form form .form-item .customSelectContainer select {
          font-size: 20px; }
        body.page-create-your-action-prepage form form .form-item .customSelectContainer .customSelectBox {
          border-radius: 3px; }
        body.page-create-your-action-prepage form form .form-item .customSelectContainer .customSelectBox::after {
          color: #4E2589; }
          body.page-create-your-action-prepage form form .form-item .customSelectContainer .customSelectBox::after:hover {
            color: #F76919; }
        body.page-create-your-action-prepage form form .form-item .customSelectContainer .hider {
          font-family: "Trebuchet MS", serif;
          color: #4E2589;
          font-size: 20px; }
      body.page-create-your-action-prepage form form .form-item #edit-title {
        width: 99%;
        margin-top: 3px;
        margin-bottom: 10px;
        margin-left: 0;
        padding-right: 0;
        background-color: #fff;
        font-family: "Trebuchet MS", serif;
        color: #4E2589;
        font-size: 20px;
        border-radius: 3px;
        transition: border-color 0.25s ease;
        padding: 18px; }
        body.page-create-your-action-prepage form form .form-item #edit-title:focus, body.page-create-your-action-prepage form form .form-item #edit-title:hover {
          box-shadow: none; }
  body.page-create-your-action-prepage form .edit-submit {
    float: right; }
    body.page-create-your-action-prepage form .edit-submit input {
      background: #F76919; }
      body.page-create-your-action-prepage form .edit-submit input:hover {
        background: #e95908; }
  body.page-create-your-action-prepage form > div {
    width: 100%; }

/* ----------------------- CREATE NEW ACTIONS ---------------------------- */
#content-inner > form#fundraiser-node-form {
  background-color: transparent; }

#fundraiser-node-form {
  margin: 40px 0; }
  #fundraiser-node-form > div {
    overflow: hidden; }
  #fundraiser-node-form h1, #fundraiser-node-form h2 {
    margin-bottom: 10px; }
  #fundraiser-node-form h3 {
    display: none; }
  #fundraiser-node-form .vertical-tabs {
    display: none; }
  #fundraiser-node-form label {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14;
    line-height: 17px;
    font-family: "Trebuchet MS", serif;
    font-weight: 600;
    color: #6A6A6A; }
  #fundraiser-node-form select#edit-field-fundraiser-event-und[disabled='1'] {
    cursor: default; }
  #fundraiser-node-form #edit-field-fundraiser-email {
    margin-bottom: 20px; }
  #fundraiser-node-form .form-item-language {
    display: none; }
  #fundraiser-node-form .form-item-field-fundraiser-eventimage-und-0-value {
    margin-bottom: 0; }
  #fundraiser-node-form input#edit-field-fundraiser-eventimage-und-0-value {
    display: none; }
  #fundraiser-node-form #edit-field-fundraiser-image-und-0-ajax-wrapper {
    width: 100%;
    height: 200px;
    overflow: hidden;
    position: absolute;
    top: 0; }
    #fundraiser-node-form #edit-field-fundraiser-image-und-0-ajax-wrapper .description {
      display: none; }
  #fundraiser-node-form #edit-field-fundraiser-profilepic {
    margin-bottom: 20px; }
  #fundraiser-node-form #edit-field-fundraiser-profilepic-und-0-ajax-wrapper .description {
    display: none; }
  #fundraiser-node-form .group-fundraiser-moreaboutaction #edit-field-fundraiser-enddate-und-0-value {
    width: 100%;
    overflow: none; }
    #fundraiser-node-form .group-fundraiser-moreaboutaction #edit-field-fundraiser-enddate-und-0-value .customSelectContainer select {
      font-size: 16px; }
  #fundraiser-node-form .group-fundraiser-moreaboutaction .date-no-float {
    width: 100%; }
  #fundraiser-node-form .group-fundraiser-moreaboutaction .container-inline-date .form-item {
    display: block;
    margin-right: 0; }
  #fundraiser-node-form .group-fundraiser-moreaboutaction .date-clear.form-select {
    width: 100%;
    overflow: none; }
  #fundraiser-node-form .group-fundraiser-moreaboutaction #edit-field-fundraiser-enddate {
    position: relative;
    z-index: 1; }
  #fundraiser-node-form .group-fundraiser-moreaboutaction #edit-field-fundraiser-message {
    position: relative;
    z-index: 0; }
  #fundraiser-node-form #edit-field-fundraiser-extraamount {
    width: 100%;
    margin-left: 0;
    float: left; }
    #fundraiser-node-form #edit-field-fundraiser-extraamount #field-fundraiser-extraamount-add-more-wrapper {
      width: 100%; }
  #fundraiser-node-form #edit-field-fundraiser-extrasponsors {
    width: 100%;
    display: inline-block; }
  #fundraiser-node-form .form-item-field-fundraiser-termsconditions-und label p {
    display: inline; }
  #fundraiser-node-form label[for^=edit-field-fundraiser-image-und-0-upload], #fundraiser-node-form #edit-field-fundraiser-profilepic label[for^=edit-field-fundraiser-profilepic-und-0-upload] {
    display: inline-block;
    vertical-align: top;
    height: 33px;
    line-height: 35px;
    background-color: rgba(0, 0, 0, 0.3);
    border: 1px solid #fff;
    font-family: "Trebuchet MS", serif;
    font-weight: lighter;
    font-size: 12px;
    color: #fff;
    padding: 0 10px;
    margin: 10px;
    cursor: pointer; }
    #fundraiser-node-form label[for^=edit-field-fundraiser-image-und-0-upload]:hover, #fundraiser-node-form #edit-field-fundraiser-profilepic label[for^=edit-field-fundraiser-profilepic-und-0-upload]:hover {
      background-color: rgba(0, 0, 0, 0.65); }
    #fundraiser-node-form label[for^=edit-field-fundraiser-image-und-0-upload]::before, #fundraiser-node-form #edit-field-fundraiser-profilepic label[for^=edit-field-fundraiser-profilepic-und-0-upload]::before {
      content: "c";
      font-family: action_icons;
      font-size: 14px;
      line-height: 12px;
      margin: 0 7px 0 2px; }
  #fundraiser-node-form label[for^=edit-field-fundraiser-image-und-0-upload] {
    position: relative;
    z-index: 1;
    margin-right: 0; }
    #fundraiser-node-form label[for^=edit-field-fundraiser-image-und-0-upload] + div {
      display: inline-block; }
  #fundraiser-node-form .image-widget-data input[type=file] {
    display: none; }
  #fundraiser-node-form .image-widget-data input[type=submit] {
    height: 35px;
    min-height: 35px;
    padding: 0 10px;
    margin: 10px;
    background-color: #F76919;
    font-family: "Trebuchet MS", serif;
    font-size: 12px;
    line-height: 35px;
    text-align: center;
    color: #fff;
    transition: background-color .35s; }
    #fundraiser-node-form .image-widget-data input[type=submit].progress-disabled {
      background-color: transparent; }
    #fundraiser-node-form .image-widget-data input[type=submit]:hover {
      background-color: #d65207;
      color: #fff; }
  #fundraiser-node-form #edit-field-fundraiser-image {
    position: relative; }
    #fundraiser-node-form #edit-field-fundraiser-image .eventimage-picker div.messages.error {
      position: absolute;
      top: -100px; }
    #fundraiser-node-form #edit-field-fundraiser-image .eventimage-picker ul {
      display: inline-block;
      position: relative;
      width: 100%;
      height: 200px; }
    #fundraiser-node-form #edit-field-fundraiser-image .eventimage-picker li {
      display: block;
      width: 100%;
      height: 200px;
      background-size: cover;
      background-position: center;
      overflow: hidden; }
    #fundraiser-node-form #edit-field-fundraiser-image .eventimage-picker img {
      width: 100%;
      height: auto;
      opacity: 0; }
    #fundraiser-node-form #edit-field-fundraiser-image .form-managed-file .image-preview {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      overflow: hidden;
      padding: 0; }
      #fundraiser-node-form #edit-field-fundraiser-image .form-managed-file .image-preview img {
        width: 100%;
        height: auto;
        background-color: #fff; }
    #fundraiser-node-form #edit-field-fundraiser-image .form-managed-file .image-widget-data {
      position: relative; }
      #fundraiser-node-form #edit-field-fundraiser-image .form-managed-file .image-widget-data .file, #fundraiser-node-form #edit-field-fundraiser-image .form-managed-file .image-widget-data .file-size {
        display: none; }
  #fundraiser-node-form .eventimage-picker {
    position: relative; }
  #fundraiser-node-form .eventimage-picker-navigation {
    position: absolute;
    top: calc(50% - 25px);
    width: 100%;
    z-index: 1; }
  #fundraiser-node-form .eventimage-picker-navigation a {
    width: 40px;
    height: 40px;
    background-color: #F76919;
    color: transparent;
    text-decoration: none;
    border-radius: 0;
    position: absolute;
    top: calc(50%);
    z-index: 1; }
    #fundraiser-node-form .eventimage-picker-navigation a:hover {
      background-color: #F76919; }
  #fundraiser-node-form .eventimage-picker-navigation .eventimage-picker-previous {
    left: 0; }
    #fundraiser-node-form .eventimage-picker-navigation .eventimage-picker-previous::after {
      transform: scaleX(-1); }
  #fundraiser-node-form .eventimage-picker-navigation .eventimage-picker-next {
    right: 0; }
  #fundraiser-node-form .eventimage-picker-navigation .eventimage-picker-previous::after, #fundraiser-node-form .eventimage-picker-navigation .eventimage-picker-next::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    line-height: 40px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    content: "A";
    font-family: 'vef_icons';
    font-size: 24px;
    color: #fff;
    display: block; }
  #fundraiser-node-form #edit-field-fundraiser-profilepic .form-type-managed-file {
    padding-bottom: 90px; }
    #fundraiser-node-form #edit-field-fundraiser-profilepic .form-type-managed-file .image-preview {
      position: absolute;
      top: -50%;
      left: 50%;
      transform: translateX(-50%);
      display: block;
      width: 120px;
      height: 120px;
      overflow: hidden;
      padding: 0;
      border-radius: 50%;
      border: 2px solid #fff;
      box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); }
      #fundraiser-node-form #edit-field-fundraiser-profilepic .form-type-managed-file .image-preview.default {
        background-image: url(../img/logo/logo-vivasalud.svg);
        background-size: contain;
        background-position: 15px 15px;
        background-repeat: no-repeat; }
      #fundraiser-node-form #edit-field-fundraiser-profilepic .form-type-managed-file .image-preview img {
        width: 100%;
        height: auto; }
    #fundraiser-node-form #edit-field-fundraiser-profilepic .form-type-managed-file .image-widget-data {
      position: absolute;
      left: calc(50%);
      transform: translateX(-50%);
      top: 70px; }
      #fundraiser-node-form #edit-field-fundraiser-profilepic .form-type-managed-file .image-widget-data .file, #fundraiser-node-form #edit-field-fundraiser-profilepic .form-type-managed-file .image-widget-data .file-size {
        display: none; }
  #fundraiser-node-form #edit-field-fundraiser-profilepic label[for^=edit-field-fundraiser-profilepic-und-0-upload] {
    position: absolute;
    top: -50%;
    left: calc(50%);
    transform: translateX(-50%);
    width: 120px;
    height: 120px;
    padding: 0;
    margin: 0;
    border-radius: 50%;
    border: 2px solid #fff;
    line-height: 120px;
    text-align: center; }
    #fundraiser-node-form #edit-field-fundraiser-profilepic label[for^=edit-field-fundraiser-profilepic-und-0-upload] + div {
      display: inline-block; }

/* ----------------------- DONATE ---------------------------- */
body.page-sips .donation__fundraiser > div {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }

.donation__fundraiser {
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  position: relative;
  min-height: 200px;
  background-color: #4E2589;
  background-image: none !important;
  flex-direction: column;
  padding: 20px; }
  .donation__fundraiser::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    height: 100%;
    left: -100%;
    width: 100%;
    background: #4E2589; }
  .donation__fundraiser::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    height: 100%;
    right: -100%;
    width: 100%;
    background: #4E2589; }
  .donation__fundraiser .profile {
    margin: 3px auto 20px;
    width: 85px;
    height: 85px; }
  .donation__fundraiser .header {
    width: 60vw;
    text-align: center;
    color: #fff;
    font-size: 32px;
    line-height: 30px;
    margin-bottom: 30px; }
    .donation__fundraiser .header a {
      color: #fff;
      text-decoration: none;
      border-bottom: 1px solid #fff; }
  .donation__fundraiser .copy {
    color: #fff;
    margin: 0 20px;
    text-align: center; }

form#eck-entity-form-add-crm-donation--2 {
  background-color: transparent;
  margin-top: 40px; }
  form#eck-entity-form-add-crm-donation--2 > div {
    overflow: hidden; }
  form#eck-entity-form-add-crm-donation--2 legend {
    display: none; }
  form#eck-entity-form-add-crm-donation--2 .fieldset-description h1 {
    margin-bottom: 10px; }

/* ----------------------- DONATION CONFIRMATION ---------------------------- */
.donation_copy {
  margin-bottom: 40px; }
  .donation_copy h1 {
    margin-top: 40px; }

.donation__share {
  margin-bottom: 40px; }
  .donation__share h1 {
    margin-top: 40px; }
  .donation__share .social > span {
    display: inline-block;
    font-family: "Trebuchet MS", serif;
    font-size: 14px;
    font-weight: bold;
    margin-right: 10px; }

/* ----------------------- START JE ACTIE + DONATE ----------------------- */
#fundraiser-node-form .description p, form#eck-entity-form-add-crm-donation--2 .fieldset-description p {
  color: #333;
  margin-bottom: 20px; }

/* ----------------------- EDIT/VERWIJDER ACTIE ----------------------- */
body.page-edit #content-inner > form .form-item.form-item-language {
  display: none; }

body.page-edit input#edit-delete-customer {
  margin-top: 10px; }

body.page-delete #edit-cancel {
  margin-left: 20px; }

/* ----------------------- 4.0 FOOTER --------------------------------- */
.footer-content {
  font-size: 15px; }

.footer-actions h2 {
  font-family: "Trebuchet MS", serif;
  font-weight: 100;
  font-size: 24px;
  color: #F76919;
  margin-top: 15px;
  margin-bottom: 20px; }

.simple_header {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 20px;
  left: 20px;
  padding-left: 45px;
  margin-top: -1px;
  transition: transform .35s, color .35s;
  z-index: 10;
  font-size: 16px; }
  .simple_header:focus, .simple_header:hover {
    color: #fff;
    transform: translateX(10px); }
    .simple_header:focus .placeholder, .simple_header:hover .placeholder {
      color: #fff; }
  .simple_header::before {
    content: '';
    position: absolute;
    width: 40px;
    height: 36px;
    top: -1px;
    margin-left: -45px;
    background: url("../img/logo/logo-simple.svg") left top no-repeat;
    background-size: 22px 28px; }
  .simple_header .placeholder {
    color: rgba(255, 255, 255, 0.8) !important; }

.send-edit-url {
  position: relative;
  z-index: 10;
  background: #F8F9FB;
  border-radius: 3px;
  padding: 15px;
  font-size: 14px;
  margin-bottom: 20px; }

.fundraiser-detail .actions-fundraiser-actions .fundraiser-item {
  margin-bottom: 20px; }

body.node-type-event #header {
  background-color: transparent; }

body.node-type-event .event-header {
  position: relative;
  background-size: cover;
  z-index: 1; }
  body.node-type-event .event-header::after {
    content: '';
    position: absolute;
    z-index: -1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(78, 37, 137, 0.75); }

body.node-type-event .event-detail {
  text-align: center; }

@media screen and (max-width: 460px) {
  /*
 * MOBILE SMALL LAYOUT CSS: STRUCTURAL BASE
 */
  /* ----------------------- 0.9 GENERAL -------------------------------- */
  /* ----------------------- 1.0 HEADER --------------------------------- */
  /* ---------------------- 1.1 NAVIGATION -------------------------------- */
  /* ----------------------- 2.0 CONTENT --------------------------------- */
  /* ----------------------- HOMEPAGE --------------------------------- */
  /* ----------------------- ACTION OVERVIEW --------------------------------- */
  .actions-fundraiser-actions .item-list li {
    max-width: 100%;
    box-sizing: border-box;
    padding-bottom: 20px; }
  /* ----------------------- ACTION DETAIL -------------------------- */
  /* ----------------------- EVENT DETAIL ---------------------------- */
  /* ----------------------- CREATE NEW ACTIONS ---------------------------- */
  /* ----------------------- DONATE ---------------------------- */
  /* ----------------------- 4.0 FOOTER --------------------------------- */ }

@media screen and (min-width: 760px) {
  /*
 * TABLET LAYOUT CSS: STRUCTURAL BASE
 */
  /* ----------------------- RESET ----------------------------- */
  #header {
    position: fixed;
    top: 0;
    z-index: 5;
    background-color: transparent;
    transition: position 1s linear; }
  #header a.logo {
    margin-left: 0; }
  body.node-type-event #main,
  body.node-type-fundraiser #main {
    margin-top: 0;
    padding-top: 0; }
  body.node-type-event .event-header .inner {
    padding-left: 200px; }
  body.node-type-event .event-detail {
    text-align: left; }
    body.node-type-event .event-detail .inner {
      padding-top: 150px; }
  body.node-type-event .tabs-wrapper {
    margin-left: 190px; }
  /* ----------------------- 0.9 GENERAL -------------------------------- */
  .actions-fundraiser-create {
    padding-top: 250px;
    position: relative;
    z-index: 1; }
    .actions-fundraiser-create form .form-item {
      display: flex;
      justify-content: flex-end;
      align-items: center; }
      .actions-fundraiser-create form .form-item label {
        font-size: 32px; }
      .actions-fundraiser-create form .form-item .customSelectContainer {
        flex: 1 1 0%;
        margin: 0; }
      .actions-fundraiser-create form .form-item #edit-title {
        flex: .9 1 0%; }
    .actions-fundraiser-create form label {
      font-size: 24px; }
    .actions-fundraiser-create form .customSelectContainer .hider {
      font-size: 24px; }
    .actions-fundraiser-create form #edit-title {
      font-size: 24px; }
  .actions-fundraiser-actions > .item-list {
    position: relative;
    z-index: 1; }
  /* ----------------------- 1.0 HEADER --------------------------------- */
  #header .inner {
    max-width: none; }
  #header .logos {
    flex: .25 1 0%;
    flex-shrink: 0;
    transition: margin-top 0.5s ease; }
  #header #navigation {
    flex: 2 1 0%;
    flex-shrink: 0;
    margin-top: 20px !important;
    height: 100%; }
  #header a.logo {
    width: 220px;
    height: 189px;
    background-image: url("../img/logo/logo-vivasalud.svg");
    background-size: 220px 189px;
    background-repeat: no-repeat;
    margin-top: 5px; }
  #header .header-wrapper {
    display: flex;
    flex-direction: row; }
  #header.sticky a.logo {
    width: 25px;
    height: 42px;
    margin-top: 0;
    background-image: url("../img/logo/logo-simple.svg");
    background-size: 25px;
    background-position: left top;
    background-repeat: no-repeat;
    animation: fadein .75s; }
  @keyframes fadein {
    0% {
      opacity: 0;
      transform: rotate(0deg); }
    100% {
      opacity: 1;
      transform: rotate(360deg); } }
  #header.sticky #navigation .region-navigation .main-menu {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end; }
    #header.sticky #navigation .region-navigation .main-menu ul.menu li a {
      height: auto; }
  #header.sticky .header-wrapper {
    align-items: flex-end; }
  body.i18n-fr #header a.logo {
    background-image: url("../img/logo/logo-vivasalud-fr.svg");
    margin-top: 5px; }
  body.i18n-fr #header.sticky a.logo {
    margin-top: 0;
    background-image: url("../img/logo/logo-simple.svg"); }
  /* ---------------------- 1.1 NAVIGATION -------------------------------- */
  #navigation .region-navigation .main-menu ul.menu li {
    max-width: 40%; }
    .sticky #navigation .region-navigation .main-menu ul.menu li a::before {
      content: none; }
    .sticky #navigation .region-navigation .main-menu ul.menu li a.active, .sticky #navigation .region-navigation .main-menu ul.menu li a:hover, .sticky #navigation .region-navigation .main-menu ul.menu li a:focus {
      border-bottom-color: #F76919; }
    #navigation .region-navigation .main-menu ul.menu li a {
      font-size: 17px;
      border-bottom: 2px solid transparent;
      transition: border-bottom-color .35s, color .25s;
      position: relative;
      z-index: 1; }
      #navigation .region-navigation .main-menu ul.menu li a::before {
        content: "";
        z-index: -1;
        position: absolute;
        width: 100%;
        height: 115%;
        top: -15%;
        left: 0;
        right: 0;
        background: transparent url(../img/menu-active.svg) no-repeat center center;
        background-size: contain;
        opacity: 0;
        transition: opacity .25s; }
      #navigation .region-navigation .main-menu ul.menu li a.active::before, #navigation .region-navigation .main-menu ul.menu li a:hover::before, #navigation .region-navigation .main-menu ul.menu li a:focus::before {
        opacity: 1; }
  /* ----------------------- 2.0 CONTENT --------------------------------- */
  /* ----------------------- HOMEPAGE --------------------------------- */
  .actions-global-info .left {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-sizing: border-box;
    width: 65%;
    float: left;
    padding-right: 20px;
    padding-bottom: 0; }
  .actions-global-info .right {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 35%;
    float: right;
    padding-left: 20px; }
  .actions-global-info .statistics .stat {
    text-align: left; }
  /* ----------------------- ACTION OVERVIEW --------------------------------- */
  .actions-fundraiser-actions .item-list > ul {
    display: flex;
    flex-flow: row wrap;
    margin-left: -10px;
    margin-right: -10px;
    align-items: stretch; }
  .actions-fundraiser-actions .item-list li {
    flex: 1 0 50%;
    max-width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px 0px; }
  /* ----------------------- ACTION DETAIL -------------------------- */
  /* ----------------------- EVENT DETAIL ---------------------------- */
  .event-overview__items .item-list > ul {
    display: flex;
    flex-flow: row wrap;
    margin-left: -10px;
    margin-right: -10px;
    align-items: stretch; }
  .event-overview__items .item-list li {
    flex: 1 0 50%;
    max-width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px 0px; }
  .event-detail .event-header .left {
    width: 65%;
    float: left;
    box-sizing: border-box;
    padding-right: 20px;
    text-align: left; }
  .event-detail .event-header .right {
    width: 35%;
    float: right;
    box-sizing: border-box;
    text-align: left; }
  .event-detail .event-header .stats {
    font-family: "Trebuchet MS", serif;
    font-weight: 600; }
    .event-detail .event-header .stats div:not(:last-of-type) {
      margin-bottom: 30px; }
    .event-detail .event-header .stats em, .event-detail .event-header .stats .amount::first-letter {
      font-size: 48px;
      line-height: 48px;
      color: #F76919;
      margin-bottom: 10px; }
    .event-detail .event-header .stats .placeholder::after {
      content: "\A";
      white-space: pre; }
  /* ----------------------- CREATE NEW ACTIONS > PREPAGE --------------------------------- */
  body.page-create-your-action-prepage #content-inner {
    padding-top: 250px;
    position: relative;
    z-index: 1; }
    body.page-create-your-action-prepage #content-inner form .form-item {
      display: flex;
      justify-content: flex-end;
      align-items: center; }
      body.page-create-your-action-prepage #content-inner form .form-item label {
        font-size: 32px; }
      body.page-create-your-action-prepage #content-inner form .form-item .customSelectContainer {
        flex: 1 1 0%;
        margin: 0; }
      body.page-create-your-action-prepage #content-inner form .form-item #edit-title {
        flex: .9 1 0%; }
    body.page-create-your-action-prepage #content-inner form label {
      font-size: 24px; }
    body.page-create-your-action-prepage #content-inner form .customSelectContainer .hider {
      font-size: 24px; }
    body.page-create-your-action-prepage #content-inner form #edit-title {
      font-size: 24px; }
  body.page-create-your-action-prepage form {
    background-color: transparent;
    padding-top: 250px;
    position: relative;
    z-index: 1; }
    body.page-create-your-action-prepage form form .form-item {
      display: flex;
      justify-content: flex-end;
      align-items: center; }
      body.page-create-your-action-prepage form form .form-item label {
        font-size: 32px; }
      body.page-create-your-action-prepage form form .form-item .customSelectContainer {
        flex: 1 1 0%;
        margin: 0; }
      body.page-create-your-action-prepage form form .form-item #edit-title {
        flex: .9 1 0%; }
    body.page-create-your-action-prepage form form label {
      font-size: 24px; }
    body.page-create-your-action-prepage form form .customSelectContainer .hider {
      font-size: 24px; }
    body.page-create-your-action-prepage form form #edit-title {
      font-size: 24px; }
  /* ----------------------- CREATE NEW ACTIONS ---------------------------- */
  #edit-field-fundraiser-extraamount {
    width: 50%;
    margin-left: 0;
    float: left; }
    #edit-field-fundraiser-extraamount #field-fundraiser-extraamount-add-more-wrapper {
      width: calc(100% - 10px); }
  #edit-field-fundraiser-extrasponsors {
    width: 50%;
    display: inline-block; }
  /* ----------------------- DONATE ---------------------------- */
  .donation__fundraiser {
    margin-top: -20px; }
  html[lang=fr] #field-donation-amout-add-more-wrapper--2 {
    width: 290px; }
  /* ----------------------- EDIT/VERWIJDER ACTIE ----------------------- */
  body.page-edit .edit-delete-customer {
    float: right; }
    body.page-edit .edit-delete-customer input[type=submit]#edit-delete-customer {
      margin-top: 0;
      margin-left: 10px;
      background-color: #d51f27; }
  /* ----------------------- 4.0 FOOTER --------------------------------- */
  .footer-actions .footer-bar {
    display: inline-block;
    vertical-align: top;
    width: calc(50% - 15px); }
    .footer-actions .footer-bar:first-of-type {
      margin-right: 30px; } }

@media screen and (min-width: 980px) {
  /*
 * DESKTOP LAYOUT CSS: STRUCTURAL BASE
 */
  /* ----------------------- RESET -------------------------------- */
  form .form-item.form-type-textfield input.form-text,
  form .form-item.form-type-textfield input[type=text] {
    width: 99.5%;
    margin: 0; }
  form .field-name-field-donation-city .form-item.form-type-textfield input.form-text,
  form .field-name-field-donation-city .form-item.form-type-textfield input[type=text] {
    width: 99.5%; }
  form .form-item.form-type-select .customSelectContainer,
  form .form-item.form-type-date-select .customSelectContainer,
  form .form-item.form-type-textarea textarea.form-textarea {
    width: 99.5%;
    margin-left: 0px; }
  form .form-item.form-type-checkbox {
    margin-left: 0px; }
  /* ----------------------- 0.9 GENERAL -------------------------------- */
  /* ----------------------- 1.0 HEADER --------------------------------- */
  /* ---------------------- 1.1 NAVIGATION -------------------------------- */
  /* ----------------------- 2.0 CONTENT --------------------------------- */
  /* ----------------------- HOMEPAGE --------------------------------- */
  /* ----------------------- ACTION OVERVIEW --------------------------------- */
  .actions-fundraiser-actions .item-list li {
    flex: 1 0 33.33333%;
    max-width: 33.33333%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px 0px; }
  /* ----------------------- ACTION DETAIL -------------------------- */
  body.node-type-fundraiser #header {
    display: none; }
  .fundraiser-header {
    height: 500px; }
    .fundraiser-header > .inner {
      height: 100%; }
    .fundraiser-header .left {
      padding: 20px 0;
      width: 60%;
      max-width: 880px;
      position: absolute;
      bottom: 0;
      left: 0;
      text-align: left; }
    .fundraiser-header .right {
      position: relative;
      float: right;
      width: 380px;
      margin-top: 60px; }
      .fundraiser-header .right.stick {
        position: fixed;
        top: 0;
        left: 0; }
    .fundraiser-header .cta {
      padding: 20px; }
  .fundraiser-content {
    width: calc(100% - 360px); }
  /* ----------------------- EVENT DETAIL ---------------------------- */
  .event-overview__items .item-list li {
    flex: 1 0 33.33333%;
    max-width: 33.33333%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 10px 0px; }
  /* ----------------------- CREATE NEW ACTIONS ---------------------------- */
  #fundraiser-node-form .required-fields > .description {
    width: 25%;
    float: left;
    clear: both;
    vertical-align: top; }
  #fundraiser-node-form .form-wrapper:not(.vertical-tabs-pane), #fundraiser-node-form .form-item-title {
    width: 70%;
    float: right;
    box-sizing: border-box; }
  #fundraiser-node-form h2 {
    margin-top: 0; }
  #fundraiser-node-form #edit-field-fundraiser-image {
    width: 70%;
    float: right; }
  #fundraiser-node-form .form-type-date-select .form-item.form-type-select {
    display: inline-block;
    width: calc((100% - 20px) / 3);
    padding-right: 10px; }
  #fundraiser-node-form .form-type-date-select .form-item.form-type-select:last-of-type {
    padding-right: 0; }
  #fundraiser-node-form #edit-field-fundraiser-extraamount {
    width: 35%;
    margin-left: 30%;
    float: left; }
    #fundraiser-node-form #edit-field-fundraiser-extraamount #field-fundraiser-extraamount-add-more-wrapper {
      width: calc(100% - 10px); }
  #fundraiser-node-form #edit-field-fundraiser-extrasponsors {
    width: 35%; }
  /* ----------------------- DONATE ---------------------------- */
  form#eck-entity-form-add-crm-donation--2 .required-fields .fieldset-description {
    width: 25%;
    float: left;
    clear: both;
    vertical-align: top; }
  form#eck-entity-form-add-crm-donation--2 div.form-wrapper,
  form#eck-entity-form-add-crm-donation--2 .form-item-title,
  form#eck-entity-form-add-crm-donation--2 .price_suggestion {
    width: 70%;
    float: right;
    box-sizing: border-box; }
  form#eck-entity-form-add-crm-donation--2 h2 {
    margin-top: 0; }
  #edit-field-fundraiser-image {
    width: 70%;
    float: right; }
  .form-type-date-select .form-item.form-type-select {
    display: inline-block;
    width: calc((100% - 20px) / 3);
    padding-right: 10px; }
  .form-type-date-select .form-item.form-type-select:last-of-type {
    padding-right: 0; }
  html[lang=fr] #edit-field-donation-amout--2 {
    display: flex;
    align-items: flex-end; }
    html[lang=fr] #edit-field-donation-amout--2 .item-list {
      flex-grow: 1; }
  html[lang=fr] form#eck-entity-form-add-crm-donation--2 .price_suggestion {
    width: auto;
    float: none; }
  /* ----------------------- 4.0 FOOTER --------------------------------- */
  .footer-content .footer-actions {
    display: inline-block;
    width: 70%;
    vertical-align: top; }
  .footer-content .clearfix:first-of-type {
    display: inline-block;
    width: 30%;
    vertical-align: top; } }

@media screen and (min-width: 1280px) {
  /*
 * DESKTOP WIDE LAYOUT CSS: STRUCTURAL BASE
 */
  /* ----------------------- 0.9 GENERAL -------------------------------- */
  /* ----------------------- 1.0 HEADER --------------------------------- */
  /* ---------------------- 1.1 NAVIGATION -------------------------------- */
  /* ----------------------- 2.0 CONTENT --------------------------------- */
  /* ----------------------- HOMEPAGE --------------------------------- */
  /* ----------------------- ACTION OVERVIEW --------------------------------- */
  /* ----------------------- ACTION DETAIL -------------------------- */
  /* ----------------------- EVENT DETAIL ---------------------------- */
  /* ----------------------- CREATE NEW ACTIONS ---------------------------- */
  /* ----------------------- DONATE ---------------------------- */
  /* ----------------------- 4.0 FOOTER --------------------------------- */
  .fundraiser-detail .actions-fundraiser-actions ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 0 -15px; }
    .fundraiser-detail .actions-fundraiser-actions ul > li {
      width: calc(50% - 30px);
      margin-left: 15px;
      margin-right: 15px; }
  .fundraiser-detail .actions-fundraiser-actions .fundraiser-item {
    margin-bottom: 20px; } }
/*# sourceMappingURL=vivasaludtheme-sass.css.map */



@media screen and (min-width: 760px) {
#header .logos {
        border-top: 0px !important;
    }
}