@charset "UTF-8";
/*
 * CSS Conf
 *
 */
/*
 * Colors
 *
 */
/* logo colors */
/* admin semaphore colors */
.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede; }
.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5; }
.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede; }
.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6; }
.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
      background: #8ad5f4; }
.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #cccccc; }
.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
      background-color: rgba(92, 196, 239, 0.2); }
.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none; }
/* -------------------------------------------------
    Datepicker cells
   ------------------------------------------------- */
.datepicker--cells {
  display: flex;
  flex-wrap: wrap; }
.datepicker--cell {
  border-radius: 4px;
  box-sizing: border-box;
  cursor: pointer;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  height: 32px;
  z-index: 1; }
.datepicker--cell.-focus- {
    background: #f0f0f0; }
.datepicker--cell.-current- {
    color: #4EB5E6; }
.datepicker--cell.-current-.-focus- {
      color: #4a4a4a; }
.datepicker--cell.-current-.-in-range- {
      color: #4EB5E6; }
.datepicker--cell.-in-range- {
    background: rgba(92, 196, 239, 0.1);
    color: #4a4a4a;
    border-radius: 0; }
.datepicker--cell.-in-range-.-focus- {
      background-color: rgba(92, 196, 239, 0.2); }
.datepicker--cell.-disabled- {
    cursor: default;
    color: #aeaeae; }
.datepicker--cell.-disabled-.-focus- {
      color: #aeaeae; }
.datepicker--cell.-disabled-.-in-range- {
      color: #a1a1a1; }
.datepicker--cell.-disabled-.-current-.-focus- {
      color: #aeaeae; }
.datepicker--cell.-range-from- {
    border: 1px solid rgba(92, 196, 239, 0.5);
    background-color: rgba(92, 196, 239, 0.1);
    border-radius: 4px 0 0 4px; }
.datepicker--cell.-range-to- {
    border: 1px solid rgba(92, 196, 239, 0.5);
    background-color: rgba(92, 196, 239, 0.1);
    border-radius: 0 4px 4px 0; }
.datepicker--cell.-range-from-.-range-to- {
    border-radius: 4px; }
.datepicker--cell.-selected- {
    color: #fff;
    border: none;
    background: #5cc4ef; }
.datepicker--cell.-selected-.-current- {
      color: #fff;
      background: #5cc4ef; }
.datepicker--cell.-selected-.-focus- {
      background: #45bced; }
.datepicker--cell:empty {
    cursor: default; }
.datepicker--days-names {
  display: flex;
  flex-wrap: wrap;
  margin: 8px 0 3px; }
.datepicker--day-name {
  color: #FF9A19;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1;
  text-align: center;
  text-transform: uppercase;
  font-size: .8em; }
.datepicker--cell-day {
  width: 14.28571%; }
.datepicker--cells-months {
  height: 170px; }
.datepicker--cell-month {
  width: 33.33%;
  height: 25%; }
.datepicker--years {
  height: 170px; }
.datepicker--cells-years {
  height: 170px; }
.datepicker--cell-year {
  width: 25%;
  height: 33.33%; }
.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede; }
.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5; }
.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede; }
.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6; }
.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
      background: #8ad5f4; }
.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #cccccc; }
.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
      background-color: rgba(92, 196, 239, 0.2); }
.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none; }
/* -------------------------------------------------
    Datepicker
   ------------------------------------------------- */
.datepickers-container {
  position: absolute;
  left: 0;
  top: 0; }
@media print {
    .datepickers-container {
      display: none; } }
.datepicker {
  background: #fff;
  border: 1px solid #dbdbdb;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  box-sizing: content-box;
  font-family: Tahoma, sans-serif;
  font-size: 14px;
  color: #4a4a4a;
  width: 250px;
  position: absolute;
  left: -100000px;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0.3s;
  z-index: 100; }
.datepicker.-from-top- {
    transform: translateY(-8px); }
.datepicker.-from-right- {
    transform: translateX(8px); }
.datepicker.-from-bottom- {
    transform: translateY(8px); }
.datepicker.-from-left- {
    transform: translateX(-8px); }
.datepicker.active {
    opacity: 1;
    transform: translate(0);
    transition: opacity 0.3s ease, transform 0.3s ease, left 0s 0s; }
.datepicker-inline .datepicker {
  border-color: #d7d7d7;
  box-shadow: none;
  position: static;
  left: auto;
  right: auto;
  opacity: 1;
  transform: none; }
.datepicker-inline .datepicker--pointer {
  display: none; }
.datepicker--content {
  box-sizing: content-box;
  padding: 4px; }
.-only-timepicker- .datepicker--content {
    display: none; }
.datepicker--pointer {
  position: absolute;
  background: #fff;
  border-top: 1px solid #dbdbdb;
  border-right: 1px solid #dbdbdb;
  width: 10px;
  height: 10px;
  z-index: -1; }
.-top-left- .datepicker--pointer, .-top-center- .datepicker--pointer, .-top-right- .datepicker--pointer {
    top: calc(100% - 4px);
    transform: rotate(135deg); }
.-right-top- .datepicker--pointer, .-right-center- .datepicker--pointer, .-right-bottom- .datepicker--pointer {
    right: calc(100% - 4px);
    transform: rotate(225deg); }
.-bottom-left- .datepicker--pointer, .-bottom-center- .datepicker--pointer, .-bottom-right- .datepicker--pointer {
    bottom: calc(100% - 4px);
    transform: rotate(315deg); }
.-left-top- .datepicker--pointer, .-left-center- .datepicker--pointer, .-left-bottom- .datepicker--pointer {
    left: calc(100% - 4px);
    transform: rotate(45deg); }
.-top-left- .datepicker--pointer, .-bottom-left- .datepicker--pointer {
    left: 10px; }
.-top-right- .datepicker--pointer, .-bottom-right- .datepicker--pointer {
    right: 10px; }
.-top-center- .datepicker--pointer, .-bottom-center- .datepicker--pointer {
    left: calc(50% - 10px / 2); }
.-left-top- .datepicker--pointer, .-right-top- .datepicker--pointer {
    top: 10px; }
.-left-bottom- .datepicker--pointer, .-right-bottom- .datepicker--pointer {
    bottom: 10px; }
.-left-center- .datepicker--pointer, .-right-center- .datepicker--pointer {
    top: calc(50% - 10px / 2); }
.datepicker--body {
  display: none; }
.datepicker--body.active {
    display: block; }
.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede; }
.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5; }
.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede; }
.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6; }
.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
      background: #8ad5f4; }
.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #cccccc; }
.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
      background-color: rgba(92, 196, 239, 0.2); }
.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none; }
/* -------------------------------------------------
    Navigation
   ------------------------------------------------- */
.datepicker--nav {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #efefef;
  min-height: 32px;
  padding: 4px; }
.-only-timepicker- .datepicker--nav {
    display: none; }
.datepicker--nav-title,
.datepicker--nav-action {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center; }
.datepicker--nav-action {
  width: 32px;
  border-radius: 4px;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none; }
.datepicker--nav-action:hover {
    background: #f0f0f0; }
.datepicker--nav-action.-disabled- {
    visibility: hidden; }
.datepicker--nav-action svg {
    width: 32px;
    height: 32px; }
.datepicker--nav-action path {
    fill: none;
    stroke: #9c9c9c;
    stroke-width: 2px; }
.datepicker--nav-title {
  border-radius: 4px;
  padding: 0 8px; }
.datepicker--nav-title i {
    font-style: normal;
    color: #9c9c9c;
    margin-left: 5px; }
.datepicker--nav-title:hover {
    background: #f0f0f0; }
.datepicker--nav-title.-disabled- {
    cursor: default;
    background: none; }
.datepicker--buttons {
  display: flex;
  padding: 4px;
  border-top: 1px solid #efefef; }
.datepicker--button {
  color: #4EB5E6;
  cursor: pointer;
  border-radius: 4px;
  flex: 1 1;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 32px; }
.datepicker--button:hover {
    color: #4a4a4a;
    background: #f0f0f0; }
.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede; }
.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5; }
.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede; }
.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6; }
.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
      background: #8ad5f4; }
.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #cccccc; }
.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
      background-color: rgba(92, 196, 239, 0.2); }
.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none; }
/* -------------------------------------------------
    Timepicker
   ------------------------------------------------- */
.datepicker--time {
  border-top: 1px solid #efefef;
  display: flex;
  align-items: center;
  padding: 4px;
  position: relative; }
.datepicker--time.-am-pm- .datepicker--time-sliders {
    flex: 0 1 138px;
    max-width: 138px; }
.-only-timepicker- .datepicker--time {
    border-top: none; }
.datepicker--time-sliders {
  flex: 0 1 153px;
  margin-right: 10px;
  max-width: 153px; }
.datepicker--time-label {
  display: none;
  font-size: 12px; }
.datepicker--time-current {
  display: flex;
  align-items: center;
  flex: 1 1;
  font-size: 14px;
  text-align: center;
  margin: 0 0 0 10px; }
.datepicker--time-current-colon {
  margin: 0 2px 3px;
  line-height: 1; }
.datepicker--time-current-hours,
.datepicker--time-current-minutes {
  line-height: 1;
  font-size: 19px;
  font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
  position: relative;
  z-index: 1; }
.datepicker--time-current-hours:after,
  .datepicker--time-current-minutes:after {
    content: '';
    background: #f0f0f0;
    border-radius: 4px;
    position: absolute;
    left: -2px;
    top: -3px;
    right: -2px;
    bottom: -2px;
    z-index: -1;
    opacity: 0; }
.datepicker--time-current-hours.-focus-:after,
  .datepicker--time-current-minutes.-focus-:after {
    opacity: 1; }
.datepicker--time-current-ampm {
  text-transform: uppercase;
  align-self: flex-end;
  color: #9c9c9c;
  margin-left: 6px;
  font-size: 11px;
  margin-bottom: 1px; }
.datepicker--time-row {
  display: flex;
  align-items: center;
  font-size: 11px;
  height: 17px;
  background: linear-gradient(to right, #dedede, #dedede) left 50%/100% 1px no-repeat; }
.datepicker--time-row:first-child {
    margin-bottom: 4px; }
.datepicker--time-row input[type='range'] {
    background: none;
    cursor: pointer;
    flex: 1 1;
    height: 100%;
    padding: 0;
    margin: 0;
    -webkit-appearance: none; }
.datepicker--time-row input[type='range']::-webkit-slider-thumb {
      -webkit-appearance: none; }
.datepicker--time-row input[type='range']::-ms-tooltip {
      display: none; }
.datepicker--time-row input[type='range']:hover::-webkit-slider-thumb {
      border-color: #b8b8b8; }
.datepicker--time-row input[type='range']:hover::-moz-range-thumb {
      border-color: #b8b8b8; }
.datepicker--time-row input[type='range']:hover::-ms-thumb {
      border-color: #b8b8b8; }
.datepicker--time-row input[type='range']:focus {
      outline: none; }
.datepicker--time-row input[type='range']:focus::-webkit-slider-thumb {
        background: #5cc4ef;
        border-color: #5cc4ef; }
.datepicker--time-row input[type='range']:focus::-moz-range-thumb {
        background: #5cc4ef;
        border-color: #5cc4ef; }
.datepicker--time-row input[type='range']:focus::-ms-thumb {
        background: #5cc4ef;
        border-color: #5cc4ef; }
.datepicker--time-row input[type='range']::-webkit-slider-thumb {
      box-sizing: border-box;
      height: 12px;
      width: 12px;
      border-radius: 3px;
      border: 1px solid #dedede;
      background: #fff;
      cursor: pointer;
      -webkit-transition: background .2s;
      transition: background .2s; }
.datepicker--time-row input[type='range']::-moz-range-thumb {
      box-sizing: border-box;
      height: 12px;
      width: 12px;
      border-radius: 3px;
      border: 1px solid #dedede;
      background: #fff;
      cursor: pointer;
      -moz-transition: background .2s;
      transition: background .2s; }
.datepicker--time-row input[type='range']::-ms-thumb {
      box-sizing: border-box;
      height: 12px;
      width: 12px;
      border-radius: 3px;
      border: 1px solid #dedede;
      background: #fff;
      cursor: pointer;
      -ms-transition: background .2s;
      transition: background .2s; }
.datepicker--time-row input[type='range']::-webkit-slider-thumb {
      margin-top: -6px; }
.datepicker--time-row input[type='range']::-webkit-slider-runnable-track {
      border: none;
      height: 1px;
      cursor: pointer;
      color: transparent;
      background: transparent; }
.datepicker--time-row input[type='range']::-moz-range-track {
      border: none;
      height: 1px;
      cursor: pointer;
      color: transparent;
      background: transparent; }
.datepicker--time-row input[type='range']::-ms-track {
      border: none;
      height: 1px;
      cursor: pointer;
      color: transparent;
      background: transparent; }
.datepicker--time-row input[type='range']::-ms-fill-lower {
      background: transparent; }
.datepicker--time-row input[type='range']::-ms-fill-upper {
      background: transparent; }
.datepicker--time-row span {
    padding: 0 12px; }
.datepicker--time-icon {
  color: #9c9c9c;
  border: 1px solid;
  border-radius: 50%;
  font-size: 16px;
  position: relative;
  margin: 0 5px -1px 0;
  width: 1em;
  height: 1em; }
.datepicker--time-icon:after, .datepicker--time-icon:before {
    content: '';
    background: currentColor;
    position: absolute; }
.datepicker--time-icon:after {
    height: .4em;
    width: 1px;
    left: calc(50% - 1px);
    top: calc(50% + 1px);
    transform: translateY(-100%); }
.datepicker--time-icon:before {
    width: .4em;
    height: 1px;
    top: calc(50% + 1px);
    left: calc(50% - 1px); }
.datepicker--cell-day.-other-month-, .datepicker--cell-year.-other-decade- {
  color: #dedede; }
.datepicker--cell-day.-other-month-:hover, .datepicker--cell-year.-other-decade-:hover {
    color: #c5c5c5; }
.-disabled-.-focus-.datepicker--cell-day.-other-month-, .-disabled-.-focus-.datepicker--cell-year.-other-decade- {
    color: #dedede; }
.-selected-.datepicker--cell-day.-other-month-, .-selected-.datepicker--cell-year.-other-decade- {
    color: #fff;
    background: #a2ddf6; }
.-selected-.-focus-.datepicker--cell-day.-other-month-, .-selected-.-focus-.datepicker--cell-year.-other-decade- {
      background: #8ad5f4; }
.-in-range-.datepicker--cell-day.-other-month-, .-in-range-.datepicker--cell-year.-other-decade- {
    background-color: rgba(92, 196, 239, 0.1);
    color: #cccccc; }
.-in-range-.-focus-.datepicker--cell-day.-other-month-, .-in-range-.-focus-.datepicker--cell-year.-other-decade- {
      background-color: rgba(92, 196, 239, 0.2); }
.datepicker--cell-day.-other-month-:empty, .datepicker--cell-year.-other-decade-:empty {
    background: none;
    border: none; }
.color_bg_main {
  background: #00909e; }
/*
 * Type scale
 *
 */
/*
 * CSS Custom Variables
 *
 */
:root {
  --color-base-string: var(--color-main, 0, 144, 158);
  --color-base: rgb(var(--color-base-string));
  --color-gobierto-turquoise: #008e9c;
  --color-gobierto-blue: #12365b;
  --color-gobierto-red: #ff776d;
  --color-gobierto-yellow: #f8b205; }
/* Responsive mixin
   ----------------
  @include screen(768, 1280) {
    background: black;
  }
  @include min-screen(320) {
    width: 300px;
  }
*/
@media screen and (max-width: 768px) {
  .pure-g.gutters {
    margin-top: -0.5rem;
    margin-bottom: -0.5rem; }
  .pure-g.gutters > [class*=pure-u] {
    box-sizing: border-box;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem; } }
@media screen and (min-width: 768px) {
  .pure-g.gutters {
    margin-left: -0.5rem;
    margin-right: -0.5rem; }
  .pure-g.gutters > [class*=pure-u] {
    box-sizing: border-box;
    padding-left: 0.5rem;
    padding-right: 0.5rem; } }
/*
  * Populities
  * CSS and JS utilities by Populate
  *
  * https://github.com/PopulateTools/populities
  * Version: 0.3
  *
  * TODO: Create and index, document...
  *
  */
.clearfix:after, .clearfix:before {
  content: '';
  display: table; }
.clearfix:after {
  clear: both; }
.clear_b {
  clear: both; }
.col-1-2, .col-2-2 {
  width: 48%;
  float: left;
  margin: 0 4% 0 0;
  text-align: center; }
.col-2-2 {
  float: right;
  margin: 0; }
.col-1-3, .col-2-3, .col-3-3 {
  width: 32%;
  float: left;
  margin: 0 2% 0 0;
  text-align: center; }
.col-3-3 {
  float: right;
  margin: 0; }
.left {
  text-align: left; }
.right {
  text-align: right; }
.center {
  text-align: center; }
.d_block {
  display: block; }
.ib, .inline {
  display: inline-block; }
.f_left {
  float: left; }
.f_right {
  float: right; }
.absolute_right {
  position: absolute;
  right: 0; }
.hidden, .soft_hidden {
  display: none; }
/* From https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css#L128 */
.screen-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0; }
.fixed {
  position: fixed; }
.soft, .events-filter .filter-option:not(.active) {
  opacity: .5; }
.v_top {
  vertical-align: top; }
.no_wrap {
  white-space: nowrap; }
.strong {
  font-weight: 700; }
.p_0_5 {
  padding: 0.5em; }
.p_1 {
  padding: 1em; }
.p_2 {
  padding: 2em; }
.p_3 {
  padding: 3em; }
.p_4 {
  padding: 4em; }
.m_0 {
  margin: 0; }
.m_1 {
  margin: 1em; }
.m_2 {
  margin: 2em; }
.m_3 {
  margin: 3em; }
.m_4 {
  margin: 4em; }
.p_h_1 {
  padding: 0 1em;
  box-sizing: border-box; }
.p_h_2 {
  padding: 0 2em;
  box-sizing: border-box; }
.p_h_3 {
  padding: 0 3em;
  box-sizing: border-box; }
.p_h_4 {
  padding: 0 4em;
  box-sizing: border-box; }
.p_v_1 {
  padding: 1em 0;
  box-sizing: border-box; }
.p_v_2 {
  padding: 2em 0;
  box-sizing: border-box; }
.p_v_3 {
  padding: 3em 0;
  box-sizing: border-box; }
.p_v_4 {
  padding: 4em 0;
  box-sizing: border-box; }
.m_v_0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }
.m_v_0_25 {
  margin: .25em 0 !important; }
.m_v_1 {
  margin: 1em 0 !important; }
.m_v_2 {
  margin: 2em 0 !important; }
.m_v_3 {
  margin: 3em 0 !important; }
.m_v_4 {
  margin: 4em 0 !important; }
.p_h_r_0_5 {
  padding: 0 0.5em 0 0;
  box-sizing: border-box; }
.m_t_0 {
  margin-top: 0; }
.m_t_1 {
  margin-top: 1em; }
.m_t_0_5 {
  margin-top: 0.5em; }
.m_t_2 {
  margin-top: 2em; }
.m_t_3 {
  margin-top: 3em; }
.m_t_4 {
  margin-top: 4em; }
.m_b_1 {
  margin: 0 0 1em 0; }
.m_b_2 {
  margin: 0 0 2em 0; }
.m_b_3 {
  margin: 0 0 3em 0; }
.m_b_4 {
  margin: 0 0 4em 0; }
.p_h_r_0_25 {
  padding: 0 0.25em 0 0;
  box-sizing: border-box; }
.p_h_r_1 {
  padding: 0 1em 0 0;
  box-sizing: border-box; }
.p_h_r_2 {
  padding: 0 2em 0 0;
  box-sizing: border-box; }
.p_h_r_3 {
  padding: 0 3em 0 0;
  box-sizing: border-box; }
.p_h_l_1 {
  padding: 0 0 0 1em;
  box-sizing: border-box; }
.p_h_l_2 {
  padding: 0 0 0 2em;
  box-sizing: border-box; }
.p_h_l_3 {
  padding: 0 0 0 3em;
  box-sizing: border-box; }
.bg-gray {
  background: #f6f6f6; }
/*

Mixins
------

Chunks of code to help us along the way. If you need to perform some calculation
place that in the `generic/_functions.scss` file, mixins is more for CSS
properties.

*/
/*
* @include triangle within a pseudo element and add positioning properties (ie. top, left)
* $direction: up, down, left, right
*/
/* Responsive mixin
   ----------------
  @include screen(768, 1280) {
    background: black;
  }
  @include min-screen(320) {
    width: 300px;
  }
*/
/* Encloses current element with a circle */
@media screen and (max-width: 740px) {
  .desktop_only {
    display: none; }
  .desktop_only_reset {
    display: none; }
  .mobile_only {
    display: block;
    width: 100%; } }
@media screen and (min-width: 741px) {
  .desktop_only {
    width: 100%;
    display: block; }
  .desktop_only_reset {
    display: block; }
  .mobile_only {
    display: none; } }
/* Padded Cols hack */
@media screen and (min-width: 768px) {
  .padded_cols.pure-g {
    width: calc(100% + 2em); } }
.padded_cols [class*="pure-u"] {
  box-sizing: border-box; }
.padded_cols .padded {
  height: 100%; }
@media screen and (min-width: 768px) {
    .padded_cols .padded {
      margin: 1em; } }
.padded_cols [class*="pure-u"]:first-child {
  margin-left: -1em; }
.padded_cols.example {
  background: rgba(204, 204, 204, 0.9); }
.padded_cols.example [class*="pure-u"] {
    background: #DFDFDF; }
.padded_cols.example .padded {
    background: green;
    color: #FFF;
    text-align: center;
    padding: 2em; }
/*
 * Text content
 *
 */
.text_page header.text_page_header {
  text-align: center; }
figure.png,
figure.jpg,
figure.gif {
  margin: 1em 0; }
figure.png img,
  figure.jpg img,
  figure.gif img {
    max-width: 100%;
    height: auto; }
figure.png figcaption,
  figure.jpg figcaption,
  figure.gif figcaption {
    display: none; }
.cms_page {
  padding-top: 2em; }
.cms_page menu.side_navigation {
    line-height: 1.4;
    margin: 0;
    padding: 0; }
.cms_page menu.side_navigation ul, .cms_page menu.side_navigation li {
      margin: 0;
      padding: 0;
      list-style: none; }
.cms_page menu.side_navigation li {
      display: inline-block; }
.cms_page menu.side_navigation ul li {
      display: block;
      margin: 0 0 0.5em 0; }
.cms_page menu.side_navigation ul li a {
        padding: 0.5em 0.75em;
        color: #fff;
        background: rgb(0, 144, 158);
        background: var(--color-base);
        display: block;
        text-decoration: none; }
.cms_page menu.side_navigation ul li a:hover {
        background: rgba(0, 144, 158, 0.9);
        background: rgba(var(--color-base-string), 0.9); }
.cms_page menu.side_navigation ul li ul {
        background: rgba(0, 144, 158, 0.06);
        background: rgba(var(--color-base-string), 0.06);
        padding: 0.75em 0.75em 0.75em 1.25em;
        font-size: 0.85rem; }
.cms_page menu.side_navigation ul li ul li {
          margin: 0 0 1em 0; }
.cms_page menu.side_navigation ul li ul li a {
            background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
            background: initial;
            padding: 0;
            font-weight: bold;
            color: rgb(0, 144, 158);
            color: var(--color-base); }
.cms_page menu.side_navigation ul li ul li a:hover {
            background: transparent none repeat 0 0 / auto auto padding-box border-box scroll;
            background: initial;
            color: rgb(0, 144, 158);
            color: var(--color-base);
            filter: brightness(0.9); }
.cms_page menu.side_navigation ul li ul li ul {
            background: none;
            padding: 1em 0 0 1.5em; }
.cms_page menu.side_navigation ul li ul li ul li a {
              font-weight: normal;
              color: #000000; }
@media screen and (min-width: 740px) {
    .cms_page article {
      padding-left: 6em; } }
.cms_page article .breadcrumb {
    margin-top: 0;
    padding-top: 0;
    font-size: 0.75em;
    opacity: 0.5; }
.cms_page article h1 {
    font-size: 1.5rem;
    border-bottom: 1px solid #cce8eb;
    padding: 0 0 0.5em 0; }
.cms_page article .page_attachments {
    background: rgba(0, 144, 158, 0.06);
    background: rgba(var(--color-base-string), 0.06);
    margin: 0 0 2em 0;
    padding: 2em;
    border-radius: 6px; }
.cms_page article .page_attachments h3 {
      margin: 0 0 1em 0;
      font-size: 1rem; }
.cms_page article .page_attachments .file {
      clear: both;
      margin-top: -0.5em;
      margin-left: -0.5em; }
.cms_page article .page_attachments .file .icon {
        float: left;
        margin: 0 1rem 1rem 0;
        font-size: 2.5rem;
        opacity: 0.3; }
.cms_page article .page_attachments .file a {
        display: block;
        text-decoration: none;
        padding: 0.5em;
        border-radius: 6px; }
.cms_page article .page_attachments .file a:hover {
        background: rgba(0, 144, 158, 0.06);
        background: rgba(var(--color-base-string), 0.06);
        filter: brightness(0.95); }
.cms_page article .page_attachments .file h4 {
        text-transform: none;
        margin: 0;
        text-decoration: underline; }
.cms_page article .page_attachments .file .meta {
        opacity: 0.65;
        font-size: 0.875rem; }
.cms_page img {
    width: 100%;
    height: auto; }
.page_children {
  display: flex;
  flex-wrap: wrap;
  line-height: 1.2; }
.page_children .page_child {
    background: rgba(0, 144, 158, 0.06);
    background: rgba(var(--color-base-string), 0.06);
    border-radius: 6px;
    margin: 0.5em;
    font-size: 1.125rem;
    font-weight: 600;
    box-sizing: border-box;
    width: 40%;
    flex: 2 1 auto; }
.page_children .page_child a {
      display: block;
      padding: 1em; }
.page_children .page_child a:hover {
      background: rgba(0, 144, 158, 0.06);
      background: rgba(var(--color-base-string), 0.06);
      filter: brightness(0.95); }
.page_children .page_child .page_children {
      padding: 0 1em 1em 1em;
      display: block; }
.page_children .page_child .page_children .page_child {
        font-weight: normal;
        font-size: 0.85rem;
        margin: 0;
        display: inline;
        background: none;
        padding: 0; }
.page_children .page_child .page_children .page_child a {
          padding: 0;
          margin: 0 0 0.5em 0; }
.nowrap {
  white-space: nowrap; }
.timeline {
  position: relative;
  /* Active line which fills the timeline */ }
.timeline .timeline_row {
    position: relative;
    width: 100%;
    padding: 0.5em;
    margin-bottom: 0.5em; }
@media screen and (min-width: 740px) {
      .timeline .timeline_row {
        margin-bottom: 3em; } }
.timeline .timeline_row .timeline_separator {
      display: none; }
@media screen and (min-width: 740px) {
        .timeline .timeline_row .timeline_separator {
          display: inline-block; } }
.timeline .badge {
    float: right;
    min-width: 4em;
    margin-top: 0.5em; }
.timeline .badge strong {
      padding: 0 0.5em; }
.timeline .line {
    margin-top: 1em;
    position: absolute;
    right: 1em;
    width: 12px;
    height: calc(100% - 8em);
    background: #cce8eb;
    border-radius: 4px; }
@media screen and (min-width: 740px) {
      .timeline .line {
        left: 20%;
        z-index: 1; } }
.timeline .current {
    background: #fefbd2;
    border-radius: 4px;
    border: 1px solid #f0f0f0; }
.timeline .timeline_row.active:not(:last-child):not(:nth-child(2))::before {
    margin-top: 1.25em;
    z-index: 1;
    content: '';
    position: absolute;
    left: 10.25em;
    width: 4px;
    top: calc(-100% - 2em);
    height: calc(100% + 3em);
    background: rgb(0, 144, 158);
    background: var(--color-base); }
.timeline .content_block {
    position: relative;
    min-height: inherit; }
.timeline .content_block h3 {
      cursor: pointer; }
.timeline .content_block .description {
      display: none;
      max-width: 90%;
      margin-bottom: 0.5em; }
.timeline .content_block .circle {
      color: #000000;
      font-weight: 400;
      border: 1px solid #00909E;
      border-radius: 100%;
      font-size: 0.775em;
      text-align: center;
      margin-right: 0.25em;
      width: 2em;
      height: 2em;
      line-height: 2em;
      display: inline-block;
      position: absolute;
      top: 1em;
      right: 1em;
      display: none; }
@media screen and (min-width: 740px) {
        .timeline .content_block .circle {
          display: block; } }
.timeline .content_block::before {
      content: '';
      position: absolute;
      background: #cce8eb;
      border-radius: 50%;
      width: 18px;
      height: 18px;
      top: 0.85em;
      left: -8.275%; }
@media screen and (min-width: 1200px) {
        .timeline .content_block::before {
          left: -7.95%; } }
.timeline .content_block::after {
      content: '';
      z-index: 2;
      position: absolute;
      background: rgb(0, 144, 158);
      background: var(--color-base);
      border-radius: 50%;
      width: 10px;
      height: 10px;
      top: 1.1em;
      left: -7.5%; }
@media screen and (min-width: 1200px) {
        .timeline .content_block::after {
          left: -7.25%; } }
@media screen and (min-width: 1200px) {
    .timeline .current .content_block::after {
      left: -7.35%; } }
.gradient-bg {
  background-image: linear-gradient(-180deg, #ecfafc 0%, white 50%);
  margin: 0 -1em;
  margin-bottom: 5em;
  padding: 1em; }
@media (min-width: 768px) {
    .gradient-bg {
      margin: 0;
      margin-bottom: 5em; } }
@media screen and (min-width: 740px) {
  .processes_home .news_teaser {
    margin-top: -1.75em; } }
.news_teaser,
.activities_teaser {
  margin: 0 0 4em 0; }
.news_teaser h3,
  .activities_teaser h3 {
    line-height: 1.3;
    font-size: 1.25em;
    margin-top: 0;
    margin-bottom: 0.25em; }
.news_teaser p,
  .activities_teaser p {
    margin-top: 0.25em; }
.news_teaser .meta,
.news_article .meta,
.activities_teaser .meta {
  font-size: 0.875rem;
  opacity: 0.5; }
.content .inner {
  max-width: 650px;
  margin: 0 auto;
  text-align: left; }
@media (min-width: 768px) {
    .content .inner {
      padding: 0;
      padding-top: 5em; } }
.content .inner h1 {
    font-weight: 600;
    font-size: 2.25em;
    margin-bottom: 0.25em; }
.content .inner p {
    font-weight: 500;
    font-size: 1.125em;
    margin-top: 0;
    line-height: 1.3; }
.content article > img {
  text-align: left;
  margin: 1em auto;
  max-width: 100%; }
.content article p {
  font-size: 1.125em;
  line-height: 1.5; }
.content article ul {
  padding-left: 2em;
  margin-bottom: 3em;
  font-size: 1.125rem; }
.content article ul li {
  margin-bottom: 0.25em;
  list-style-type: disc; }
.content article h2 {
  font-size: 1.25rem;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #deeff1;
  margin-top: 2em; }
.content article h3 {
  font-size: 1.125rem;
  margin-top: 2em; }
.content article h3 small {
    color: #000000;
    font-weight: 400;
    border: 1px solid #00909E;
    border-radius: 100%;
    font-size: 0.775em;
    text-align: center;
    margin-right: 0.25em;
    width: 18px;
    height: 18px;
    line-height: 18px;
    display: inline-block; }
.content article h4 {
  font-size: 1rem;
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 2em; }
.content article h5 {
  font-size: 1em; }
.content article .number {
  padding-top: 0.5em;
  padding-bottom: 2em; }
.content article .number p {
    margin-top: 0;
    color: #a5a5a5;
    font-size: 0.775em; }
.content article .number div {
    color: rgb(0, 144, 158);
    color: var(--color-base);
    font-weight: 300;
    font-size: 3em; }
.content article blockquote {
  margin: 0;
  position: relative; }
.content article blockquote p {
    margin-top: 0;
    font-weight: 300;
    font-size: 1.5em;
    line-height: 1.25; }
@media (min-width: 768px) {
      .content article blockquote p {
        font-size: 2.25em; } }
.content article blockquote .share {
    position: absolute;
    right: 0; }
.content article blockquote .share a {
      color: #676767; }
.content article blockquote .share a:not(:last-child) {
        margin-right: 0.25em; }
.content article figure {
  position: relative;
  max-width: 1024px;
  margin: 0; }
@media (min-width: 768px) {
    .content article figure {
      margin-bottom: 3em;
      min-width: 120%;
      margin-left: -10%; } }
.content article figure figcaption {
    color: #a5a5a5;
    font-size: 0.775em;
    line-height: 1.4;
    margin-top: 0.5em; }
@media (min-width: 768px) {
      .content article figure figcaption {
        display: inline-block;
        position: absolute;
        margin-left: 0.25em;
        right: 0; } }
.content article dl {
  box-sizing: border-box;
  background: rgba(0, 144, 158, 0.03);
  background: rgba(var(--color-base-string), 0.03);
  max-width: 730px;
  padding: 1em 1em;
  display: flex;
  flex-wrap: wrap;
  margin: 1em -1em; }
@media (min-width: 768px) {
    .content article dl {
      padding: 30px 65px;
      margin: 1em auto;
      margin-bottom: 4em;
      min-width: 120%;
      margin-left: -10%; } }
.content article dl > div:not(:last-child) {
    margin-bottom: 1.5em; }
.content article dl > div dt {
    color: rgb(0, 144, 158);
    color: var(--color-base);
    font-weight: 600;
    margin: 0; }
.content article dl > div dd {
    font-size: 1em;
    line-height: 1.4;
    margin: 0; }
@media (min-width: 768px) {
    .content article dl > div {
      width: 48%; }
      .content article dl > div:nth-child(odd) {
        margin-right: 1em; } }
.content article .note {
  position: relative;
  padding-top: 0.5em;
  margin-bottom: 4em;
  font-size: 0.775em;
  color: #a5a5a5; }
.content article .sources {
  margin-top: 8em; }
.content article .sources h4 {
    padding-bottom: 0.5em;
    border-bottom: 1px solid #deeff1; }
.content article .sources ul {
    list-style: none;
    padding-left: 0; }
.content article .sources ul li {
      margin-bottom: 1em; }
.content ol {
  counter-reset: list;
  list-style: none;
  font-size: 1.125em;
  padding-left: 0; }
.content ol li {
    counter-increment: list;
    margin-bottom: 1em;
    line-height: 1.5; }
.content ol li::before {
    color: #000000;
    font-weight: 400;
    border: 1px solid #00909E;
    border-radius: 100%;
    font-size: 0.775em;
    text-align: center;
    margin-right: 0.25em;
    width: 18px;
    height: 18px;
    line-height: 18px;
    display: inline-block;
    content: counter(list);
    margin-right: 8px; }
@media (min-width: 768px) {
      .content ol li::before {
        margin-left: -29px; } }
.content_side_nav_location {
  font-size: 0.875rem; }
.list_items_from_collection {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 25px; }
@media screen and (min-width: 640px) and (max-width: 1024px) {
    .list_items_from_collection {
      grid-template-columns: repeat(2, 1fr); } }
@media screen and (max-width: 639px) {
    .list_items_from_collection {
      display: block; }
      .list_items_from_collection a {
        display: block; } }
.list_items_from_collection a {
    text-decoration: none;
    color: #000000;
    border: 1px solid #cce8eb;
    padding: 1em;
    transition: box-shadow 0.5s ease; }
.list_items_from_collection a:hover {
    text-decoration: none;
    color: #000000;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15); }
.list_items_from_collection .collection_item img {
    width: 100%;
    height: auto; }
.list_items_from_collection .collection_item span.date {
    font-size: 0.875rem;
    opacity: .65; }
.list_items_from_collection .collection_item h2 {
    font-size: 1.125rem;
    margin: 0 0 .5rem 0;
    color: rgb(0, 144, 158);
    color: var(--color-base); }
.list_items_from_collection .collection_item p.description {
    color: #000000;
    font-size: 0.875rem;
    margin: 0;
    line-height: 1.4; }
.card-container {
  background: rgba(0, 144, 158, 0.06);
  background: rgba(var(--color-base-string), 0.06);
  display: flex; }
@media screen and (max-width: 740px) {
    .card-container .card-inner-side {
      width: 25%; } }
.card-container .card-inner-side img {
    display: block;
    width: 100%; }
body.contributions_layout header.meta,
body.contributions_layout footer {
  display: none; }
.contributions_container {
  box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.1);
  border-top: 3px solid rgb(0, 144, 158);
  border-top: 3px solid var(--color-base);
  border-radius: 0;
  max-width: 1200px;
  margin: 4em auto;
  position: relative; }
.contributions_container .contributions_header {
    border-bottom: 4px solid rgba(0, 0, 0, 0.1); }
.contributions_container .contributions_header .wrapper {
      width: 100%;
      padding: 2em 2em 1em; }
.contributions_container .contributions_header .meta h2 {
      font-size: 1.25em;
      margin-bottom: 0; }
.contributions_container .contributions_header .meta p {
      margin-top: 0; }
.contributions_container .contributions_header .circle {
      color: #000000;
      font-weight: 400;
      border: 1px solid #00909E;
      border-radius: 100%;
      font-size: 0.775em;
      text-align: center;
      margin-right: 0.25em;
      width: 5em;
      height: 5em;
      line-height: 5em;
      display: inline-block;
      border: 2px solid rgb(0, 144, 158);
      border: 2px solid var(--color-base);
      margin: 1em auto; }
@media screen and (min-width: 740px) {
        .contributions_container .contributions_header .circle {
          margin: 0; } }
.contributions_container .contributions_header .circle span {
        font-size: 2.5em;
        color: rgb(0, 144, 158);
        color: var(--color-base); }
.contributions_container .contributions_header .contribution_action {
      text-align: right; }
.contributions_container .contributions_header .contribution_action .button {
        width: 100%;
        margin-bottom: 0; }
.contributions_container .contributions_header .contribution_action p {
        text-align: center;
        margin-top: 0.25em;
        font-size: 0.85em; }
.contributions_container .contributions_header .contributions_control {
      border-top: 1px solid #ccc; }
.contributions_container .contributions_header .contributions_control p {
        margin: 0 0 1em 0;
        font-weight: 600;
        font-size: 1.15em;
        display: inline-block; }
@media screen and (min-width: 740px) {
          .contributions_container .contributions_header .contributions_control p {
            margin: 0;
            margin-right: 0.5em; } }
.contributions_container .contributions_header .contributions_control .circles_progress {
        text-align: center; }
@media screen and (min-width: 740px) {
          .contributions_container .contributions_header .contributions_control .circles_progress {
            text-align: right; } }
.contributions_container .contributions_content {
    box-sizing: border-box;
    border-top: 8px solid rgba(0, 0, 0, 0.1);
    position: relative;
    margin: 0 auto;
    height: calc(750px + 2.5em);
    width: 100%;
    background-image: linear-gradient(-128deg, #2fb585 0%, #2f9eb5 100%);
    overflow: hidden;
    will-change: transform; }
.contributions_container .contributions_content .arrow {
      cursor: pointer;
      position: absolute;
      top: 50%;
      color: white;
      z-index: 1;
      text-shadow: 0 1px 5px rgba(0, 0, 0, 0.5); }
.contributions_container .contributions_content .previous_contribution {
      left: 0.25em; }
.contributions_container .contributions_content .next_contribution {
      right: 0.25em; }
.contributions_container .contributions_content .disabled {
      pointer-events: none;
      opacity: 0.5; }
.contributions_container .contributions_content.toggled {
      padding: 2.5em 0;
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
.contributions_container .contributions_content.toggled .card {
      position: relative;
      transform: none !important;
      left: auto !important;
      left: initial !important;
      top: auto !important;
      top: initial !important;
      margin: 0.25em; }
.contributions_container .contributions_content .card {
      display: flex;
      flex-flow: row wrap;
      justify-content: center;
      cursor: pointer;
      position: absolute;
      background: white;
      width: 300px;
      height: 120px;
      border-radius: 16px;
      box-shadow: 0 1px 2px 2px rgba(0, 0, 0, 0.1);
      padding: 1em; }
.contributions_container .contributions_content .card .title {
        text-align: center; }
.contributions_container .contributions_content .gradient_bar {
      width: 100%;
      height: 6px;
      border-radius: 6px; }
.contributions_container .contributions_content .contribution_legend {
      position: absolute;
      top: 0.5em;
      right: 1em;
      color: white;
      text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); }
.contribution_tools_overlay {
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5); }
.contribution_card_new {
  position: absolute;
  margin: 5em;
  max-width: 1000px;
  min-width: 750px;
  top: 0;
  background: #fff;
  border-radius: 6px;
  line-height: 1.3;
  box-shadow: 0 5px 10px 10px rgba(0, 0, 0, 0.1);
  z-index: 2; }
.contribution_card_new .contribution_card_new_header {
    padding: 1em 2em;
    font-weight: bold;
    border-radius: 6px 6px 0 0; }
.contribution_card_new .contribution_card_new_wrapper {
    padding: 2em 2em 0 2em; }
.contribution_card_new .form_item {
    margin: 0 0 2em 0; }
.contribution_card_new .form_item textarea {
      height: 200px; }
.contribution_card_expanded {
  position: absolute;
  margin: 5em;
  max-width: 1000px;
  top: 0;
  padding: 3em 4em;
  background: #fff;
  border-radius: 6px;
  line-height: 1.3;
  box-shadow: 0 5px 10px 10px rgba(0, 0, 0, 0.1);
  z-index: 2; }
.contribution_card_expanded .contribution_card_expanded_wrapper {
    display: flex;
    flex-flow: row wrap; }
.contribution_card_expanded .contribution_card_expanded_main_col {
    flex-basis: 62%;
    padding: 0 5% 0 0;
    margin: 0 5% 0 0;
    overflow: auto; }
.contribution_card_expanded .contribution_card_expanded_main_col h1 {
      margin: 0;
      font-size: 1.25rem; }
.contribution_card_expanded .contribution_card_expanded_main_col .meta {
      font-weight: bold;
      display: inline-block; }
.contribution_card_expanded .contribution_card_expanded_main_col .meta .date {
        font-weight: normal;
        font-size: 0.875rem;
        opacity: 0.5; }
.contribution_card_expanded .contribution_card_expanded_main_col .comments_container {
      opacity: 0.8; }
.contribution_card_expanded .contribution_card_expanded_main_col .comments_container .comment {
        padding: 1em 0 0 0;
        margin: 0 0 2em 0; }
.contribution_card_expanded .contribution_card_expanded_main_col .comments_container h3 {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        color: #000000;
        font-size: 1rem;
        font-weight: normal;
        padding: 1.5em 0 0.25em 0; }
.contribution_card_expanded .contribution_card_expanded_main_col .comments_container .comment_actions {
        text-align: right;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        padding: 0.5em 0 0 0;
        margin: 1em 0 0 0;
        font-size: 0.875rem; }
.contribution_card_expanded .contribution_card_expanded_main_col .comments_container .comment_actions div {
          display: inline-block; }
.contribution_card_expanded .contribution_card_expanded_main_col .comments_container .comment_actions a {
          margin: 0 0 0 1.5em;
          color: #262626;
          text-decoration: none; }
.contribution_card_expanded .contribution_card_expanded_main_col .comments_container .comment_actions a:hover {
          color: #bdbdbd; }
.contribution_card_expanded .contribution_card_expanded_main_col .comment_new {
      border-top: 1px solid #d6d6d6;
      padding: 3em 0;
      margin: 3em 0; }
.contribution_card_expanded .contribution_actions {
    flex-basis: 25%; }
.contribution_card_expanded .contribution_actions h3 {
      margin: 0;
      font-size: 1.25rem; }
.element_eval_actions {
  padding: 2em 0; }
.element_eval_actions .action_button_bg {
    width: 116px;
    height: 494px;
    margin: auto;
    background: url(./asset_path("illustrations/emoji_eval_col.svg")) no-repeat center center; }
.element_eval_actions a.action_button {
    position: relative;
    width: 111px;
    height: 111px;
    margin: 1em 0;
    border-radius: 100%;
    display: block; }
.element_eval_actions a.action_button .action_description {
      display: none;
      position: absolute;
      padding: 0.25em 1em;
      top: 38px;
      left: 130px;
      font-size: 0.875rem;
      font-weight: bold;
      border-radius: 20px;
      color: #fff;
      white-space: nowrap; }
.element_eval_actions a.action_button:hover {
    opacity: 0.9; }
.element_eval_actions a.action_button:hover::after {
    content: ""; }
.element_eval_actions a.love {
    background: url(./asset_path("illustrations/emoji_1_love.svg")) #00b076 no-repeat center center;
    width: 91px;
    height: 91px;
    margin-left: 10px; }
.element_eval_actions a.love .action_description {
      top: 32px;
      left: 120px;
      background: #00b076; }
.element_eval_actions a.like {
    background: url(./asset_path("illustrations/emoji_2_like.svg")) #0090a5 no-repeat center center; }
.element_eval_actions a.like .action_description {
      background: #0090a5; }
.element_eval_actions a.pse {
    background: url(./asset_path("illustrations/emoji_3_pse.svg")) #987172 no-repeat center center; }
.element_eval_actions a.pse .action_description {
      background: #987172; }
.element_eval_actions a.reject {
    background: url(./asset_path("illustrations/emoji_4_reject.svg")) #ff4e42 no-repeat center center;
    width: 90px;
    height: 90px;
    margin-left: 10px; }
.element_eval_actions a.reject .action_description {
      top: 32px;
      left: 120px;
      background: #ff4e42; }
.person_event-item .month,
.person_event-item .hour,
.place_event-item .month,
.place_event-item .hour,
.place_news-item .month,
.place_news-item .hour,
.place_latest-item .month,
.place_latest-item .hour {
  font-size: 0.85em; }
.person_event-item .hour,
.place_event-item .hour,
.place_news-item .hour,
.place_latest-item .hour {
  opacity: 0.5; }
.event-content,
.news-content,
.latest-content {
  padding: 0 0 0 1.5em;
  box-sizing: border-box; }
.event-content .meta,
  .news-content .meta,
  .latest-content .meta {
    font-size: 0.85em; }
.event-content h2,
  .event-content h3,
  .news-content h2,
  .news-content h3,
  .latest-content h2,
  .latest-content h3 {
    margin: 0.5em 0 0.75em 0; }
.event-content .event-data,
  .news-content .event-data,
  .latest-content .event-data {
    border-top: 1px solid #d6d6d6; }
.event-content .event-description,
  .news-content .event-description,
  .latest-content .event-description {
    padding: 2em 0; }
.event-content .person-item,
  .news-content .person-item,
  .latest-content .person-item {
    padding: 0 0 1em 0;
    border: 0; }
.event-content .event-locations,
  .news-content .event-locations,
  .latest-content .event-locations {
    box-sizing: border-box;
    padding: 0 0 0 2em; }
.event-content .person-name h2,
  .news-content .person-name h2,
  .latest-content .person-name h2 {
    margin-top: 0; }
/*
 * Activities
 *
 */
.activity_feed {
  border-left: 1px solid #d6d6d6;
  margin-left: 50px;
  padding-left: 50px; }
.activity_feed .activity_item {
    margin: 0 0 1.5em 0; }
.activity_feed .activity_item h2 {
      margin: 0;
      font-size: 1.1em; }
.activity_feed .activity_item h2 a {
        padding: 0.25em;
        display: block;
        border-radius: 3px;
        text-decoration: none;
        text-decoration: initial; }
.activity_feed .activity_item h2 a span.secondary {
          color: #a5a5a5;
          display: block;
          font-weight: 200; }
.activity_feed .activity_item h2 a:hover {
        background: rgba(0, 144, 158, 0.06);
        background: rgba(var(--color-base-string), 0.06); }
.activity_feed .activity_item .date {
      padding: 0.25em;
      font-size: 0.85em;
      color: #a5a5a5;
      font-weight: 200; }
/* activity types

- presupuestos: 					money
- cargos y agendas
- bio: 									street-view
- declaración:					id-card-o
- blog:									pencil-square
- agenda: 							calendar-o
- indicadores
- datos: 								thermometer-3
- participación
- idea: 								lightbulb-o
- consulta:							question-circle-o

 */
/*
 * Modals
 *
 */
.modal {
  position: relative;
  background: #fff;
  padding: 3em 4em 4em;
  width: auto;
  max-width: 750px;
  margin: 20px auto;
  overflow: hidden;
  border-radius: 5px;
  color: #676767; }
.modal#read_later input[type=submit],
  .modal#read_later .button {
    padding: 0 1em; }
.modal.modal-full-width {
    max-width: 95%;
    box-sizing: border-box; }
.modal.modal-no-padding {
    padding: 0; }
.modal .disclaimer {
    font-size: 0.8em;
    text-align: center;
    margin: 2em 0;
    opacity: 0.6; }
.cropper-container {
  border: 1px solid red;
  padding: 1em; }
.mfp-container {
  padding: 0; }
.mfp-bg {
  opacity: 0.6; }
.mfp-close-btn-in .mfp-close:hover {
  color: #fff;
  border-radius: 0;
  background: transparent; }
.modal_background {
  position: relative;
  background-color: rgb(0, 144, 158);
  background-color: var(--color-base);
  padding: 1em 4em;
  width: auto;
  max-width: 950px;
  margin: 20px auto;
  border-radius: 5px;
  color: #676767;
  background-size: cover;
  background-repeat: no-repeat; }
.modal-attachments {
  position: relative;
  padding: 0;
  min-height: 600px;
  max-width: 1024px; }
@media (min-width: 1440px) {
    .modal-attachments {
      min-height: 680px;
      max-width: 1200px; } }
.modal-attachments.bg-highlight {
    background: #fef0cd; }
.modal-attachments .mfp-close:hover {
    background: transparent;
    color: #333;
    opacity: 1; }
.modal-attachments h1,
  .modal-attachments h2,
  .modal-attachments h3,
  .modal-attachments h4 {
    color: #946b04; }
.modal-attachments table tbody {
    overflow-y: scroll;
    max-height: 350px; }
@media (min-width: 1440px) {
      .modal-attachments table tbody {
        max-height: 450px; } }
.modal-attachments table tr td:not(:first-child) {
    color: #a5a5a5; }
.modal-attachments .file-sidebar {
    background: #fef0cd;
    transition: 0.3s;
    height: 100%;
    left: 66.6667%;
    position: absolute;
    border-radius: 4px;
    z-index: 1; }
.modal-attachments .file-sidebar i {
      cursor: pointer; }
.modal-attachments .file-sidebar.dragged {
      left: 0;
      width: 100%; }
.modal-attachments .dragged .drag-section {
    max-width: 750px;
    margin: 0 auto; }
.modal-attachments .drag-section {
    height: calc(100% - 115px); }
.modal-attachments .drag-section .drag-drop {
      text-align: center;
      border: 3px dotted #b4a47d;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      transition: 0.3s;
      padding: 1em; }
.modal-attachments .drag-section .drag-drop .input-file {
        opacity: 0;
        width: 100%;
        height: 200px;
        position: absolute;
        cursor: pointer; }
@media (min-width: 1440px) {
        .modal-attachments .drag-section .drag-drop {
          height: 100%; } }
.modal-attachments .drag-section .drag-drop:hover, .modal-attachments .drag-section .drag-drop.active {
        background: #fee9b4; }
.modal-attachments .drag-section .drag-drop .drag-call {
        margin: 0 auto;
        text-align: center;
        max-width: 150px;
        color: #b4a47d; }
.modal-attachments .drag-section .drag-drop .drag-call p {
          margin-top: 0; }
.modal-attachments .drag-section .drag-drop button {
        background: rgb(0, 144, 158);
        background: var(--color-base);
        color: white;
        text-transform: uppercase;
        padding: 0.75em 2em; }
.modal-attachments .dragged .strong {
    color: #676767; }
.modal-attachments .dragged .form_item.textarea {
    margin-bottom: 1em; }
.modal-attachments .dragged .form_item.textarea textarea {
      min-height: 180px;
      height: 180px; }
@media (min-width: 1440px) {
        .modal-attachments .dragged .form_item.textarea textarea {
          min-height: 280px;
          height: 280px; } }
.consultation_list .consultation {
  width: 48%;
  height: 190px;
  float: left;
  margin-bottom: 4em;
  border-radius: 5px;
  background: rgb(0, 144, 158);
  background: var(--color-base);
  box-sizing: border-box;
  color: #fff;
  position: relative; }
.consultation_list .consultation h3 {
    margin: 0;
    font-size: 1.6em;
    font-weight: 200;
    line-height: 1.2em; }
.consultation_list .consultation h3 a {
      padding: 1.5rem 1.5rem 3rem;
      display: block; }
.consultation_list .consultation h3 a:hover {
      background: rgba(0, 144, 158, 0.8);
      background: rgba(var(--color-base-string), 0.8);
      border-radius: 5px; }
.consultation_list .consultation a {
    color: #fff;
    text-decoration: none; }
.consultation_list .consultation a:hover {
    color: rgba(255, 255, 255, 0.8); }
.consultation_list .consultation .meta {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    box-sizing: border-box;
    padding: 0.75rem 1.5rem;
    font-size: 0.8em;
    line-height: 1.2em; }
.consultation_list .consultation .meta .dates {
      float: left;
      width: 120px;
      border-right: 1px solid rgba(255, 255, 255, 0.2);
      margin-right: 1em; }
.consultation_list .consultation .act {
    position: absolute;
    bottom: -1em;
    right: 1em; }
.consultation_list .consultation .act a {
      display: block;
      padding: 0.75em 1.5em 0.65em;
      font-weight: 700;
      background: rgba(0, 144, 158, 0.8);
      background: rgba(var(--color-base-string), 0.8);
      height: auto;
      height: initial; }
.consultation_list .consultation form input[type=email] {
    width: 60%; }
.consultation_list .consultation:nth-of-type(2n) {
  float: right; }
.consultation_list .consultation.get_lead,
.consultation_list .consultation.stats {
  background: rgba(0, 144, 158, 0.1);
  background: rgba(var(--color-base-string), 0.1);
  padding: 1.5rem;
  color: #000000; }
.consultation_list .consultation.get_lead h3,
  .consultation_list .consultation.stats h3 {
    font-size: 1.3em;
    margin: 0 0 1.25em 0; }
.consultation_item {
  margin-top: 3em;
  margin-bottom: 3em; }
.consultation_item header .main_title {
    margin: 1em 0 2em 0;
    box-sizing: border-box;
    padding: 3em 6em 2em;
    text-align: center;
    background-image: linear-gradient(135deg, rgba(0, 144, 158, 0.5) 0%, rgb(0, 144, 158) 150%);
    background-image: linear-gradient(135deg, rgba(var(--color-base-string), 0.5) 0%, var(--color-base) 150%);
    border-radius: 6px;
    color: #fff; }
.consultation_item header .main_title h1 {
      line-height: 1.6em;
      font-weight: 600; }
.consultation_item header .main_title .meta {
      font-size: 0.8em;
      margin: 2em 5em 0;
      padding: 2em 0 0 0;
      border-top: 1px solid rgba(255, 255, 255, 0.5);
      text-transform: uppercase;
      text-align: center; }
.consultation_item header .pre_title {
    margin: 6% 30% 2%;
    font-size: 1.2em;
    font-weight: 200; }
.consultation_item header .header_comps {
    padding-top: 8em; }
.consultation_item .participation_question_cont {
    margin: auto;
    box-sizing: border-box;
    border-radius: 5px;
    border: 1px solid #d6d6d6;
    padding: 3em 5em;
    text-align: center;
    margin-top: 2em; }
.consultation_item .participation_question_cont h2 {
      font-size: 1.8em;
      line-height: 1.4em;
      margin: 1em 0 1.5em 0;
      font-weight: 600;
      color: rgb(0, 144, 158);
      color: var(--color-base); }
.consultation_item .participation_question_cont .options {
      margin: 0 10%; }
.consultation_item .participation_question_cont .options .option {
        display: block;
        margin: 0 0 1em 0;
        text-align: left;
        height: 65px; }
.consultation_item .participation_question_cont .options .option input[type="checkbox"] + label,
        .consultation_item .participation_question_cont .options .option input[type="radio"] + label {
          box-sizing: border-box;
          padding: 20px; }
.consultation_item .participation_question_cont .options button,
      .consultation_item .participation_question_cont .options .button {
        width: 100%;
        margin: 1em auto; }
.consultation_item .participation_question_cont .options input[type=text] {
        width: 100%;
        border: 0;
        padding: 20px;
        height: 63px; }
.consultation_item ul.slick-dots {
    position: absolute;
    top: -1em;
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 0; }
.consultation_item ul.slick-dots li {
      display: inline-block; }
.consultation_item ul.slick-dots li button {
        text-indent: -3000px;
        border-radius: 13px;
        font-size: 3px;
        height: 12px;
        opacity: 0.5;
        margin: 0 2em; }
.consultation_item ul.slick-dots li.slick-active button {
      opacity: 1; }


/*# sourceMappingURL=participation-a4d5eb78.css.map*/