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

:root {
    /*mainBGcolor*/
    --mainBgColor: #ffffff;
    /*Colors*/
    --white-color: #ffffff;
    --blackColor: #000000;
    --primaryColorWeb: #11698A;
    --primaryColor: var(--primaryColorWeb);
    --webPrimaryColor: var(--primaryColorWeb);
    --secondaryColorWeb: var(--primaryColorWeb);
    --secondaryColorWebOverlay: rgba(17, 105, 138, .4);
    --secondaryColor: var(--secondaryColorWeb);
    --webSecondaryColor: var(--secondaryColorWeb);
    --tertiaryColorWeb: #98b1bb;
    --highlightedInformationColor: #ffd001;
    --montageTextColorBase: var(--white-color);
    --primaryRGB: 17,105,138;
    --secondaryRGB: 17,105,138;
    /*Footer Colors*/
    --footerBackgroundColorBase: #A4B9C3;
    --footerHeadingBase: #333432;
    --customAnchorColor: var(--footerHeadingBase, white);
    /*FooterBanner*/
    --ctabannerBackgroundColorBase: #11698A;
    /*Custom Timeline*/
    --timelinestepIconBgColor: var(--primaryColorWeb);
    --timelinestepIconActiveBgColor: var(--tertiaryColorWeb);
    --timelineLineBaseColor: var(--tertiaryColorWeb);
    --timelineLineProcessColor: var(--tertiaryColorWeb);
    --timelinestepIconTextColor: var(--white-color);
    --timelinestepsIconSize: 45px;
}

/*footer*/
.footer-column-3 {
    --customAnchorColor: var(--footerHeadingBase, white);
}
bui-footer bui-social-media.circle a {
    --borderColor: #333432;
}

/*Custom Timeline*/
.tidslinje403 {
    background: var(--primaryColorWeb);
    padding: 2em 0;
}
.tidslinje403 bui-timeline {
    z-index: 0;
}
.heading-tidslinje403 {
    color: #fff;
    text-align: center;
}
bui-timeline-step button {
    color: #fff;
}
.tidslinje403 bui-timeline-step bui-icon {
    border-radius: 0;
    font-size: 2.5em;
}
.timeline-item {
    --timelineLineBaseColor: var(--tertiaryColorWeb);
    --timelineLineProcessColor: var(--tertiaryColorWeb);
}