/*Custom font from google*/
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('../../dist/custom.config.css');

/*css for Fritidscenter Gammel Kongevej*/
:root {
    /*COLORS*/

    --pink: #d61c64;
    --mainBgColor: #f3f3f7;
    --blackColor: #000000;
    --primaryColorWeb: #DE5D12;
    --secondaryColorWeb: #a64e1b;
    --iconColor: var(--primaryColorWeb);
    --iconBgColor: white;
    --scrollbarThumb: black;
    /*------Aside navigation-------*/
    --asidemenuTextBase: white;
    --asidemenuDivider: white;
    --asidemenuTextPrimaryHover: var(--secondaryColorWeb);
    --asidemenuTextSecondaryHover: var(--secondaryColorWeb);
    --asidemenuBgStyleMainPanel: var(--primaryColorWeb);
    --asidemenuBgStyleSubPanel: var(--primaryColorWeb);
    --heroHeaderBgStyle: none;
    /*------General components-------*/
    --webbannerTextColorBase: #DE5D12;
    --ctabuttonBackgroundColor: white;
    --ctabuttonBackgroundColorBase: white;
    --webcardHeading: var(--primaryColorWeb);
    --eventcardHeadingColorBase: var(--primaryColorWeb);
    --customHeadingColor: var(--primaryColorWeb);
    --buttonMoliri: var(--primaryColorWeb);
    --buttonMoliriIconColor: var(--primaryColorWeb);
    /*search*/
    --searchBarBtnColor: var(--primaryColorWeb);
    --searchBtnColor: var(--primaryColorWeb);
    --searchBarIconColor: white;
    /*------Footer & CTA banner-------*/
    --ctabannerBackgroundColorBase: var(--primaryColorWeb);
    --buttonBorderMoliri: var(--primaryColorWeb);
    --footerBackgroundColorBase: var(--pink);
    --ctabannerTextColorBase: var(--primaryColorWeb);
    --buttonBorderMoliri: var(--primaryColorWeb);
    /*----Accordion----*/
    --accordionBtnFontWeight: 700;
    --accordionBtnPadding: 6px 10px;
    --accordionBtnBg: var(--primaryColorWeb);
    --accordionBtnText: #f9f9f9;
    --accordionBtnBorder: transparent;
    --accordionBtnFontSize: 12px;
    --accordionItemTextColor: var(--primaryColorWeb);
    --accordionItemIconColor: var(--primaryColorWeb);
    --webcardHeading: var(--primaryColorWeb);
    --listdefaultHeadingColor: var(--blackColor);
    /*------ Formular ------*/
    --webFormImputLabelColor: var(--primaryColorWeb);
    --singleforminputTextColorBase: var(--primaryColorWeb);
    --singleFormInputLabelColor: var(--primaryColorWeb);
    /*----- Full-cicrle - Banner -----*/
    --webbannerDesignSvg: url(https://static.moliri.dk/aalborgkommune/fritidscenter/dist/images/full-circle.svg);
    --webBannerDividerColor: var(--primaryColorWeb);
    --webBannerButtonTextColor: var(--primaryColorWeb);
    /*breadcrumb*/
    --breadcrumbitemTextColorActive: var(--blackColor);
    --breadcrumbitemTextColorBase: var(--blackColor);
    --breadcrumbitemDivider: var(--blackColor);
    --webBannerButtonBgColor: #DE5D12;
    --webBannerButtonTextColor: white;
    --buttonBorderMoliri: #DE5D12;
    /*--- Div ---*/
    --listdefaultTextColor: var(--blackColor);
    --primaryRGB: 222,93,18;
    --secondaryRGB: 166,78,27;
}

bui-web-banner p {
    font-weight: bold;
}

bui-heading[variant="slotted"] p {
    color: #DE5D12;
}

bui-heading {
    --primaryColorWeb: #DE5D12;
}

bui-cta-button {
    --ctaButtonSquareIconBgColor: var(--ctabuttonBackgroundColor, var(--primaryColorWeb));
    --ctaButtonSquareIconColor: white;
    --ctabuttonTransformIcon: translateX(0px);
}


bui-header-search bui-web-button {
    background: var(--searchBarBtnColor, var(--primaryColorWeb));
}

    bui-header-search bui-web-button:hover, bui-header-search bui-web-button:focus-within {
        --headerAsideMenuItemColor: var(--searchBarIconHoverColor, var(--primaryColorWeb));
    }

.office-component {
    --blockBaggroundColor: white;
    color: var(--primaryColorWeb) !important;
}

bui-web-banner bui-icon {
    --imageCtaBannerIconColor: var(--webBannerContentBgColorForIcon);
    --iconBgColor: var(--webbannerTextColorBase);
}


bui-web-button:hover button {
    background-color: var(--primaryColorWeb);
    --buttonMoliriIconColor: white;
    border: 2px solid white;
    color: white;
}

bui-accordion bui-web-button:hover button {
    background-color: white;
    --buttonMoliriIconColor: var(--secondaryColorWeb);
    border: none;
    color: var(--secondaryColorWeb);
}

.home bui-divider:nth-of-type(4) {
    display: block
}

.alternative__footer .cta-arrow{
    --iconColor:var(--primaryColorWeb);
}

bui-raw-sp h1,
bui-raw-sp h2,
bui-raw-sp h3,
bui-raw-sp h4,
bui-raw-sp h5,
bui-raw-sp h2{
    color: var(--primaryColorWeb);
}

.moliri-solid {
    font-weight: bold;
}

bui-container bui-web-banner h2 {
    color: var(--webbannerTextColorBase);
}

bui-container bui-web-banner p {
    color: var(--webbannerTextColorBase);
}