/** The !important's are necessary to override wagtail's css **/

/* Large */
@media only screen and (max-width: 1200px) {
    .summary ul.stats li:before {
        font-size: 5em !important;
    }

    .summary ul.stats span {
        font-size: 3em !important;
    }
}

/* Medium */
@media only screen and (max-width: 992px) {
    .summary ul.stats li:before {
        font-size: 4.5em !important;
    }

    .summary ul.stats span {
        font-size: 2.5em !important;
    }
}

/* Small */
@media only screen and (max-width: 768px) {
    .summary ul.stats li:before {
        font-size: 4em !important;
    }

    .summary ul.stats span {
        font-size: 2em !important;
    }

    .page-editor span.hallo-hide-button{
        display: block !important;
    }

    .page-editor footer{
        position: relative !important;
    }
}

/*
Overriding wagtailautocomplete's unintuitive color scheme.

All hex values are taken from Wagtail's style guide.
 */

li.c-wagtailautocomplete__suggestions__item--active {
    background-color: #43b1b0;
    color: #fafafa;
}

li.c-wagtailautocomplete__suggestions__item--active path {
    fill: #fafafa;
}

div.c-wagtailautocomplete__selection {
    background-color: #fafafa;
    border: 1px solid #e6e6e6;
    color: #404040;
}

div.c-wagtailautocomplete__selection path {
    fill: #404040;
}