@import url('../../dist/custom.config.css');

:root {
    /*COLORS*/
    --white-color: #ffffff;
    --blackColor: #000000;
    --primaryColorWeb: #c51e21;
    --primaryColor: var(--primaryColorWeb);
    --webPrimaryColor: var(--primaryColorWeb);
    --secondaryColorWeb: #c51e21;
    --secondaryColorWebOverlay: rgba(197, 30, 33, 0.4);
    --secondaryColor: var(--secondaryColorWeb);
    --webSecondaryColor: var(--secondaryColorWeb);
    --tertiaryColorWeb: #c51e21;
    --primaryRGB: 197, 30, 33;
    --secondaryRGB: 197, 30, 33;
    --highlightedInformationColor: #c51e21;
    /*------ Nyhedsliste ------*/
    --gridchangeIconActive: rgb(197, 30, 33);
    --gridchangeIconBase: rgba(197, 30, 33, 0.5);
    /*--- div ---*/
    --blockBaggroundColor: #c51e21;
    --subpageheaderBackgroundColorBase: #c51e21;
    --asidemenuTextPrimaryHover: var(--white-color);
    --asidemenuTextSecondaryHover: var(--white-color);
}

bui-navigation-item a {
    background-image: linear-gradient(transparent, transparent), linear-gradient(var(--white-color), var(--white-color));
    background-size: 100% 2px, 0 2px;
    background-position: 100% 100%, 0 100%;
    background-repeat: no-repeat;
    transition: background-size .3s ease-out;
}

bui-navigation-item a:hover {
    color: var(--white-color);
    background-size: 0 2px, 100% 2px;
}

bui-web-icon-box{
    word-break: break-word;
}

@media (max-width: 767px) {
    form#search-form {
        margin-top: 20px;
    }
}