/* https://docs.wagtail.org/en/stable/advanced_topics/customisation/admin_templates.html#custom-user-interface-colours */
@font-face {
    font-family: "OCRF";
    src: url('../fonts/OCRFRegular.woff2') format("woff2"), url('../fonts/OCRFRegular.woff') format("woff");
    font-weight: 400 900;
    font-style: normal;
}
@font-face {
    font-family: "OCRF";
    src: url('../fonts/OCRFLight.woff2') format("woff2"), url('../fonts/OCRFLight.woff') format("woff");
    font-weight: 100 300;
    font-style: normal;
}

:root {
	--w-font-sans: OCRF, "Neue Helvetica W06";

    --w-color-black: #222221;
	--w-color-white: #f8f4f4;
    --w-color-surface-field: white; !important;
    --w-color-primary-hue: 0;
    --w-color-primary-saturation: 70%;
    --w-color-primary-lightness: 43.7%;


    --unnamed-color-fff6c7: #FFF6C7;
    --eliko-green: #1A772F;
    --eliko-white: #FFFFFF;
    --eliko-black: #000000;
    --eliko-light-grey: #F3F3F3;
    --eliko-grey: #969696;
    --eliko-red: #CE3927;
    --w-color-focus: var(--eliko-red);

    /* Orange */
    /*
    --w-color-secondary-hue: 23;
    --w-color-secondary-saturation: 85%;
    --w-color-secondary-lightness: 50%;
    */
    /* Blue */
    --w-color-secondary-hue: 220;
    --w-color-secondary-saturation: 40%;
    --w-color-secondary-lightness: 51%;

}

:focus-visible {
  /* change thickness  */
  outline: 2px solid var(--w-color-focus)!important
}
.sidebar {
    /* This is fucky, the sidebar is being rendered behind overlays, even when z index is set for it */
    z-index: 420 !important;
}


#wagtail-sidebar form[role=search] {
    display: none;
}

.hide_edit_button>li:first-child{
    display: none;
}

.w-panel__wrapper.compact fieldset {
  padding: 0 0 .5em;
}

.actions.footer__container {
  display: flex;
  flex-direction: row;
  width: max-content;
  gap: 1em;
}

.actions.footer__container > div {
    min-width: 200px;
}

#wagtail input[type="radio"] {
  border: 1px solid var( --eliko-red );
}

#wagtail input[type="radio"]:checked::before {
  background-color: var( --eliko-red );
  /*border: 1px solid var(--w-color-border-field-default);*/
}



#map {
    /* extending by using var(--w-font-sans) inside this def didn't work... */
    --w-font-sans: Overpass, OCRF, "Neue Helvetica W06";
}