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

:root {
    /*COLORS*/
    --white-color: #ffffff;
    --blackColor: #000000;
    --primaryColorWeb: #006633;
    --primaryColor: var(--primaryColorWeb);
    --webPrimaryColor: var(--primaryColorWeb);
    --secondaryColorWeb: #006633;
    --secondaryColorWebOverlay: rgba(0,102,51, 0.4);
    --secondaryColor: var(--secondaryColorWeb);
    --webSecondaryColor: var(--secondaryColorWeb);
    --highlightedInformationColor: #006633;
    --primaryRGB: 0,102,51;
    --secondaryRGB: 0,102,51;
    /*------ Nyhedsliste ------*/
    --gridchangeIconActive: rgb(0,102,51);
    --gridchangeIconBase: rgba(0,102,51, 0.5);
    /*--- div ---*/
    --blockBaggroundColor: #006633;
    --subpageheaderBackgroundColorBase: #006633;
    --asidemenuTextPrimaryHover: 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;
}