@import '../fonts/bureausans/bureausans.css';
@import '../fonts/solar/solar.css';
/*
################################
----- Colors and variables -----
################################
*/
:root{
  --forest: #133600;
  --spruce: #347103;
  --lime: #e0ffb2;
  --mint: #f6ffe3;
  --sun: #fefcb4;
  --vanilla: #fdfcec;
  --black: #0d0d0d;
  --white: #ffffff;
  --grey: #adadad;
  --vipps: #ff5b24;
  --text: var(--forest);
  --text-light: var(--grey);
  --link: var(--spruce);
  --button-text: var(--vanilla);
  --button-background: var(--spruce);
  --button-border: var(--spruce);
  --button-text-hover: var(--vanilla);
  --button-background-hover: var(--forest);
  --button-border-hover: var(--forest);
  --button-text-focus: var(--black);
  --button-background-focus: var(--spruce);
  --button-border-focus: var(--spruce);
  --input-text: var(--black);
  --input-border: var(--forest);
  --input-background: var(--white);
  --input-text-active: var(--black);
  --input-border-active: var(--forest);
  --input-background-active: var(--spruce);
  --select-text: var(--forest);
  --select-background: var(--vanilla);
  --select-border: var(--forest);
  --table-text: var(--black);
  --table-background: var(--white);
  --table-border: var(--text-light);
  --font-family: "bureausans", helvetica;
  --font-size: 1em;
  --border-radius: 0.5rem;
  --outline: 2px solid var(--black);
}
/*
#######################
----- Base styles -----
#######################
*/
.framework-csbulma.palette-default {
  font-family: var(--font-family);
  font-size: var(--font-size);
  color: var(--forest);
}
.framework-csbulma.palette-default a {
  color: var(--link);
  font-family: var(--font-family);
}
.framework-csbulma.palette-default a:hover {
  color: #133600;
}
.framework-csbulma.palette-default .dropdown-item{
  color: var(--text);
}
.framework-csbulma.palette-default a.dropdown-item.is-active{
  background-color: var(--spruce);
  color: var(--vanilla);
}
.framework-csbulma.palette-default a.dropdown-item:hover {
  background-color: var(--forest);
  color: var(--vanilla);
}
.framework-csbulma.palette-default .has-background-primary {
  background-color: var(--forest);
}
.framework-csbulma.palette-default .has-background-primary-light{
  background-color: var(--sun);
}
.framework-csbulma.palette-default .has-text-black{
  color: var(--black);
}
.framework-csbulma.palette-default .has-text-grey-light {
  color: #b5b5b5;
}
.framework-csbulma.palette-default .is-size-7 {
  font-size: .75em;
}
.framework-csbulma.palette-default .label {
  color: var(--text);
  display: block;
  font-size: var(--font-size);
  font-weight: 700;
}
.framework-csbulma.palette-default .control.has-icons-right .icon.is-right {
  right: 0.5em;
}
.framework-csbulma.palette-default .box{
  color: var(--black);
  font-family: var(--font-family);
}
.framework-csbulma.palette-default .has-text-primary {
  color: var(--forest);
}
.framework-csbulma.palette-default .input:focus, .framework-csbulma.palette-default .textarea:focus, .framework-csbulma.palette-default .taginput .taginput-container.is-focusable:focus, .framework-csbulma.palette-default .select select:focus, .framework-csbulma.palette-default .is-focused.input, .framework-csbulma.palette-default .is-focused.textarea, .framework-csbulma.palette-default .taginput .is-focused.taginput-container.is-focusable, .framework-csbulma.palette-default .select select.is-focused, .framework-csbulma.palette-default .input:active, .framework-csbulma.palette-default .textarea:active, .framework-csbulma.palette-default .taginput .taginput-container.is-focusable:active, .framework-csbulma.palette-default .select select:active, .framework-csbulma.palette-default .is-active.input, .framework-csbulma.palette-default .is-active.textarea, .framework-csbulma.palette-default .taginput .is-active.taginput-container.is-focusable, .framework-csbulma.palette-default .select select.is-active {
  border-color: var(--spruce);
  box-shadow: none;
}
.framework-csbulma.palette-default .select:not(.is-multiple):not(.is-loading)::after {
  border-color: var(--spruce);
  right: 1.125em;
  z-index: 4;
}
.framework-csbulma.palette-default .select select option {
  color: var(--black);
  padding: calc(0.375em - 1px) calc(0.625em - 1px);
}
.framework-csbulma.palette-default .datepicker .datepicker-table .datepicker-body .datepicker-cell.is-selectable {
  color: var(--black);
}
.framework-csbulma.palette-default .datepicker .datepicker-table .datepicker-body .datepicker-cell.is-today {
  border: 2px solid var(--forest);
}
.framework-csbulma.palette-default .datepicker .datepicker-table .datepicker-body .datepicker-cell.is-selected {
  background-color: var(--spruce);
  color: var(--vanilla);
}
.framework-csbulma.palette-default .tag:not(body).is-primary.is-light {
  background-color: var(--spruce) !important;
  color: var(--vanilla);
}
.framework-csbulma.palette-default .b-radio.radio input[type=radio]+.check{
  border: 2px solid var(--forest);
}
.framework-csbulma.palette-default .b-checkbox.checkbox input[type=checkbox]:focus:checked+.check {
  box-shadow: none;
}
.framework-csbulma.palette-default .b-checkbox.checkbox:hover input[type=checkbox]:not(:disabled)+.check {
  border-color: var(--forest);
}
.framework-csbulma.palette-default .b-checkbox.checkbox input[type=checkbox]:focus+.check {
  box-shadow: none;
}
svg[vendor="vipps"] {
  color:var(--vipps);
}
svg[vendor="ocr"] {
  color:var(--black);
}
.framework-csbulma.palette-default .tag:not(body).is-primary {
  background-color: var(--spruce);
  color: var(--vanilla);
}
/*
##################
----- Tables -----
##################
*/
.framework-csbulma.palette-default .table {
  background-color: var(--white);
  color: var(--text);
}
.framework-csbulma.palette-default .b-table .table th{
  color: var(--text);
  border-color: (--grey);
}
.framework-csbulma.palette-default .b-table .table tbody td {
  border-color: var(--table-text);
  color: #0d0d0d;
}
/*
########################
----- Input styles -----
########################
*/
.framework-csbulma.palette-default .input{
  background-color: var(--input-background);
  border-color: var(--input-border);
  border-radius: var(--border-radius);
  color: var(--input-text);
}
.framework-csbulma.palette-default .input::placeholder{
  color: $grey;
}
.framework-csbulma.palette-default .input:focus{
  outline: var(--outline);
}
.framework-csbulma.palette-default .input:focus-visible{
  outline: var(--outline);
}
.framework-csbulma.palette-default .input:hover{
  border-color: var(--spruce);
}
.framework-csbulma.palette-default .b-radio.radio input[type=radio]:focus:checked+.check {
  box-shadow: none;
}
.framework-csbulma.palette-default .b-radio.radio:hover input[type=radio]:not(:disabled)+.check{
  border-color: var(--input-text);
}
.framework-csbulma.palette-default .b-radio.radio input[type=radio]+.check.is-primary:before {
  background: var(--input-background);
}
.framework-csbulma.palette-default .b-radio.radio input[type=radio]:checked+.check {
  border-color: var(--forest);
}
.framework-csbulma.palette-default .b-radio.radio input[type=radio]+.check:before{
  background-color: var(--forest);
}
.framework-csbulma.palette-default .b-radio.radio:hover + input[type=radio]{
  border-color: var(--forest);
}
.framework-csbulma.palette-default .b-radio.radio input[type=radio]+.check:hover{
  border-color: var(--forest);
}
.framework-csbulma.palette-default .b-checkbox.checkbox input[type=checkbox]+.check {
  width: 1.25em;
  height: 1.25em;
  flex-shrink: 0;
  border-radius: 0;
  border: 2px solid var(--input-border);
  transition: none;
  background: transparent;
}
.framework-csbulma.palette-default .b-checkbox.checkbox input[type=checkbox]:checked+.check {
  background: var(--spruce) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:%23fff' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
  border-color: var(--spruce);
}
/*
#########################
----- Button styles -----
#########################
*/
.framework-csbulma.palette-default .button{
  font-family: var(--font-family);
  background-color: transparent;
  border-color: var(--button-border);
  border-width: 1px;
  color: var(--black);
  cursor: pointer;
  justify-content: center;
  padding-bottom: calc(0.375em - 1px);
  padding-left: .75em;
  padding-right: .75em;
  padding-top: calc(0.375em - 1px);
  text-align: center;
  white-space: nowrap;
  border-radius: 0.5rem;
}
.framework-csbulma.palette-default .button:hover, .framework-csbulma.palette-default .button.is-hovered{
  background-color: var(--button-background-hover);
  border-color: var(--button-border-hover);
  color: var(--button-text-hover);
}
.framework-csbulma.palette-default .button:focus, .framework-csbulma.palette-default .button.is-focused{
  border-color: transparent;
  color: var(--vanilla);
}
.framework-csbulma.palette-default .button:focus-visible {
  outline: none;
  border-color: var(--button-border-focus);
}
.framework-csbulma.palette-default .button.is-primary{
  background-color: var(--spruce);
  color: var(--vanilla);
}
.framework-csbulma.palette-default .button.is-primary:hover, .framework-csbulma.palette-default .button.is-primary.is-hovered{
  background-color: var(--spruce);
  color: var(--vanilla);
}
.framework-csbulma.palette-default .button.is-primary:focus, .framework-csbulma.palette-default .button.is-primary.is-focused{
  /*outline: var(--outline);*/
}
.framework-csbulma.palette-default .button.is-primary:focus:not(:active){
  box-shadow: none;
}
.framework-csbulma.palette-default .button.is-primary:active, .framework-csbulma.palette-default .button.is-primary.is-active {
  background-color: var(--forest);
  border-color: transparent;
  color: var(--vanilla);
}
.framework-csbulma.palette-default .button.is-primary[disabled], fieldset[disabled]{
  background-color: var(--spruce);
  border-color: var(--spruce);
  box-shadow: none;
}
.framework-csbulma.palette-default .button.is-primary.is-inverted {
  background-color: transparent;
  color: var(--spruce);
}
.framework-csbulma.palette-default .button.is-primary.is-inverted:hover{
  background-color: var(--spruce);
  color: var(--vanilla);
}
.framework-csbulma.palette-default .button.is-white {
  color: var(--spruce);
  background-color: var(--vanilla);
  border-color: transparent;
}
.framework-csbulma.palette-default .button.is-white:hover{
  color: var(--forest);
  background-color: var(--vanilla);
  border-color: var(--forest);
}
.framework-csbulma.palette-default .button.is-primary.is-outlined{
  color: var(--black);
  background-color: transparent;
  border-color: var(--forest);
}
.framework-csbulma.palette-default .button.is-primary.is-outlined:hover{
  color: var(--button-text-hover);
  background-color: var(--button-background-hover);
  border-color: var(--button-text-hover);
}
.framework-csbulma.palette-default .button.is-primary.is-outlined:focus, .framework-csbulma.palette-default .button.is-primary.is-outlined.is-focused {
  background-color: var(--spruce);
  border-color: var(--forest);
  color: var(--vanilla);
}
.framework-csbulma.palette-default .button.is-primary.is-light{
  color: var(--button-text);
  background-color: var(--button-background);
}
.framework-csbulma.palette-default .button.is-primary.is-light:hover, .framework-csbulma.palette-default .button.is-primary.is-light.is-hovered{
    background-color: var(--button-background-hover);
    border-color: transparent;
    color: var(--button-text-hover);
}
.framework-csbulma.palette-default .select select {
  background-color: var(--select-background);
  border-color: var(--select-border);
  border-radius: var(--border-radius);
  color: var(--select-color);
}
.framework-csbulma.palette-default .buttons .button:not(:last-child):not(.is-fullwidth) {
  margin-right: .5rem;
}
.framework-csbulma.palette-default .button.is-static{
  border: 1px solid var(--forest);
}
.framework-csbulma.palette-default .field.is-grouped {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
/*##########################################################################################*/
/*------------------------------------------------------------------------------------------*/
/* Member window styles. Overrides base styling */
/*------------------------------------------------------------------------------------------*/
/*##########################################################################################*/
.framework-csbulma.palette-default .member_sapphire .button.is-primary {
  color: var(--vanilla);
  background-color: var(--spruce);
}
.framework-csbulma.palette-default .member_sapphire .has-text-grey-light {
  color: var(--black);
}
.framework-csbulma.palette-default .member_sapphire .b-checkbox.checkbox input[type=checkbox]:checked+.check{
  border-color: var(--forest);
  background: var(--spruce) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1 1'%3E%3Cpath style='fill:%23fff' d='M 0.04038059,0.6267767 0.14644661,0.52071068 0.42928932,0.80355339 0.3232233,0.90961941 z M 0.21715729,0.80355339 0.85355339,0.16715729 0.95961941,0.2732233 0.3232233,0.90961941 z'%3E%3C/path%3E%3C/svg%3E") no-repeat center center;
  box-shadow: none;
}
.framework-csbulma.palette-default .member_sapphire .b-checkbox.checkbox:hover input[type=checkbox]:not(:disabled)+.check {
  border-color: var(--spruce);
}
.framework-csbulma.palette-default .member_sapphire .b-checkbox.checkbox:focus input[type=checkbox]:not(:disabled)+.check {
  border-color: var(--spruce);
  box-shadow: none;
}
.framework-csbulma.palette-default .member_sapphire .has-text-primary {
  color: var(--spruce) !important;
}
.form[data-v-fead2b4c] {
  max-width: 800px;
  margin: auto;
  padding: 1em;
}
/*##########################################################################################*/
/*------------------------------------------------------------------------------------------*/
/* Donate window styles. Overrides base styling */
/*------------------------------------------------------------------------------------------*/
/*##########################################################################################*/
.donate_sapphire svg[vendor="vipps"] {
  color:var(--vipps);
}
.donate_sapphire svg[vendor="ocr"] {
  color:var(--black);
}
.donate_sapphire .cs-donate-submit svg[vendor="vipps"]{
  color: var(--vipps);
}
.donate_sapphire .cs-donate-submit svg[vendor="ocr"] {
  color:var(--vanilla);
}
.donate_sapphire .cs-donate-submit .button.is-primary[data-v-f9356a2c]{
  background-color: var(--forest);
}
/*##########################################################################################*/
/*------------------------------------------------------------------------------------------*/
/* Consent window styles. Overrides base styling */
/*------------------------------------------------------------------------------------------*/
/*##########################################################################################*/
.framework-csbulma.palette-default .consent_sapphire .has-background-primary hr{
  background-color:var(--spruce) !important;
}
.framework-csbulma.palette-default .consent_sapphire hr.has-background-primary{
  background-color: var(--spruce) !important;
}
#view_5473871 .framework-csbulma.palette-default .consent_sapphire .content {
  display: hidden !important;
}
*/
/*##########################################################################################*/
/*------------------------------------------------------------------------------------------*/
/* Mypage window styles. Overrides base styling */
/*------------------------------------------------------------------------------------------*/
/*##########################################################################################*/
.framework-csbulma.palette-default .mypage_sapphire{
  font-size: 14px;
}
.framework-csbulma.palette-default .mypage_sapphire .input, .framework-csbulma.palette-default .mypage_sapphire .select {
  font-size: 14px;
}
.framework-csbulma.palette-default .mypage_sapphire .button.is-danger {
  background-color: red;
  border-color: transparent;
  color: #FDFCEC;
}
.framework-csbulma.palette-default .mypage_sapphire .button:focus, .framework-csbulma.palette-default .mypage_sapphire .button.is-focused {
  border-color: transparent;
  color: #0d0d0d;
  outline: 3px solid #0d0d0d;
}
.framework-csbulma.palette-default .mypage_sapphire .control.has-icons-left .input.is-medium ~ .icon{
  font-size: 14px;
}
.framework-csbulma.palette-default .mypage_sapphire .is-size-6 {
  font-size: 1em !important;
}
.framework-csbulma.palette-default .mypage_sapphire .button.is-large {
  font-size: 1.1em;
}
.framework-csbulma.palette-default .mypage_sapphire .button.is-small {
  font-size: 14px;
}
.framework-csbulma.palette-default .mypage_sapphire .field-label {
  flex-basis: 1;
  flex-grow: 2;
  flex-shrink: 0;
  margin-right: 1.5rem;
  text-align: left;
}
/*##########################################################################################*/
/*------------------------------------------------------------------------------------------*/
/* Media queries */
/*------------------------------------------------------------------------------------------*/
/*##########################################################################################*/
@media (min-width:401px) {
  .framework-csbulma.palette-default .input, .framework-csbulma.palette-default .select{
    font-size: 16px;
  }
  .framework-csbulma.palette-default .mypage_sapphire, .framework-csbulma.palette-default .mypage_sapphire .input, .framework-csbulma.palette-default .mypage_sapphire .select{
    font-size: 14px;
  }
}
@media (min-width:769px) {
  .framework-csbulma.palette-default .input, .framework-csbulma.palette-default .select{
    font-size: 18px;
  }
  .framework-csbulma.palette-default .mypage_sapphire, .framework-csbulma.palette-default .mypage_sapphire .input, .framework-csbulma.palette-default .mypage_sapphire .select{
    font-size: 14px;
  }
  .framework-csbulma.palette-default .mypage_sapphire .field.is-horizontal {
    display: flex;
    flex-direction: column;
  }
  .framework-csbulma.palette-default .consent_sapphire .field-label {
    flex-basis: 0;
    flex-grow: 1.5;
    flex-shrink: 0;
    margin-right: 1.5rem;
    text-align: left;
  }
}
@media (min-width:1025px) {
  .framework-csbulma.palette-default .input, .framework-csbulma.palette-default .select{
    font-size: 18px;
  }
  .framework-csbulma.palette-default .mypage_sapphire, .framework-csbulma.palette-default .mypage_sapphire .input, .framework-csbulma.palette-default .mypage_sapphire .select{
    font-size: 14px;
  }
  .framework-csbulma.palette-default .mypage_sapphire .field.is-horizontal {
    display: flex;
    flex-direction: row;
  }
  .framework-csbulma.palette-default .mypage_sapphire .field-label.is-wide {
    flex-grow: 5;
  }
}
@media (min-width:1201px) {
  .framework-csbulma.palette-default .input, .framework-csbulma.palette-default .select{
    font-size: 20px;
  }
  .framework-csbulma.palette-default .mypage_sapphire, .framework-csbulma.palette-default .mypage_sapphire .input, .framework-csbulma.palette-default .mypage_sapphire .select{
    font-size: 14px;
  }
}
@media (min-width:1441px) {
  .framework-csbulma.palette-default .input, .framework-csbulma.palette-default .select{
    font-size: 20px;
  }
  .framework-csbulma.palette-default .mypage_sapphire, .framework-csbulma.palette-default .mypage_sapphire .input, .framework-csbulma.palette-default .mypage_sapphire .select{
    font-size: 14px;
  }
}