/* -----------------KOLORY tła głównych elementów-----------------------------*/

:root {
    /* Hero */
    --hero_nav_background_color: #ffffff;
    --hero_nav_border_color: #000000;
    --hero_nav_separator_color: #000000;

    --hero_nav_text_color: #000000;
    --hero_nav_text_hover_color: #000000;
    --hero_nav_contact_text_color: #000000;

    --hero_title_color: #2a45b0;
    --hero_text_color: #ffffff;

    --hero_button_solid_text_color: #ffffff;
    --hero_button_solid_background_color: #587ed1;

    --hero_button_outline_text_color: #587ed1;
    --hero_button_outline_border_color: #587ed1;
    --hero_button_outline_hover_text_color: #ffffff;

    --hero_scroll_color: #ffffff;
    --hero_scroll_border_color: #ffffff;
    --hero_scroll_hover_color: #587ed1;

    /* Kolory Głównych Elementów */
    --starter_color_header: rgba(255, 255, 255, 1);
    --background_color_objects: rgba(243, 245, 254, 1);
    --background_color_menu_footer: rgba(47, 56, 104, 1);
    --starter_color_footer: rgba(23, 29, 64, 1);
    --background_color_border_header: rgba(47,56,104,.23);
    --top_frame_color_headers: rgba(23, 29, 64, 1);
    --background_color_mottobanner: rgba(255, 255, 255, 1);
    --background_searcher_inputs: rgba(0, 0, 0, 0);
    --background_color_active_elements: rgba(230, 57, 57, 1);
    --background_color_body: rgba(255, 255, 255, 1);
    --border_color_active_elements: rgba(47,56,104,.23);

    /* Kolory Tekstów */
    --starter_color_headertext: rgba(47, 56, 104, 1);
    --color_main: rgba(23, 29, 64, 1);
    --color_object_header: rgba(230, 57, 57, 1);
    --starter_color_footertext: rgba(255, 255, 255, 1);
    --color_menu_footer: rgba(177, 179, 193, 1);
    --starter_color_leadtext: rgba(230, 57, 57, 1);
    --link_color: rgba(230, 57, 57, 1);
    --color_searcher_inputs: rgba(47, 56, 104, 1);
    --color_mottobanner: rgba(23, 29, 64, 1);

    /* Kolory Przycisków */
    --starter_color_button: rgba(230, 57, 57, 1);
    --starter_color_buttontext: rgba(255, 255, 255, 1);
    --dot_color_active: **dot_color_active**;
    --dot_color: **dot_color**;

    /* Kolory po Najechaniu */
    --color_hover_header: rgba(230, 57, 57, 1);
    --background_searcher_border_inputs_focus: rgba(230, 57, 57, 1);
    --color_pagination: rgba(230, 57, 57, 1);
    --color_menu_footer_hover: rgba(230, 57, 57, 1);
    --starter_color_button_hover: rgba(198, 42, 42, 1);
    --color_button_additional_hover: rgba(255, 255, 255, 1);
    --background_button_additional_hover: rgba(23, 29, 64, 1);
    --background_searcher_option_hover: rgba(255, 255, 255, 1);
    --color_searcher_option_hover: rgba(198, 42, 42, 1);
    --link_color_hover: rgba(198, 42, 42, 1);
}

.starter_color_header {
    background-color: rgba(255, 255, 255, 1) !important;
}

.background_color_objects {
    background-color: rgba(243, 245, 254, 1) !important;
}

.background_color_menu_footer {
    background-color: rgba(47, 56, 104, 1);
}

.starter_color_footer {
    background-color: rgba(23, 29, 64, 1);
}

.background_color_border_header:before,
.background_color_border_header:after {
    background-color: rgba(47,56,104,.23) !important;
}

.background_color_border_header {
    border-color: rgba(47,56,104,.23) !important;
}

.top_frame_color_headers,
.top_frame_color_headers:checked+label::before {
    border-color: rgba(23, 29, 64, 1) !important;
}

.top_frame_color_headers:after {
    border-color: rgba(23, 29, 64, 1) transparent transparent transparent !important;
}

.active.top_frame_color_headers:after {
    border-color: transparent transparent rgba(23, 29, 64, 1) transparent !important;
}

.background_color_mottobanner {
    background-color: rgba(255, 255, 255, 1) !important;
}

.background_searcher_inputs,
.background_searcher_inputs::before,
.background_searcher_checkbox::before {
    background-color: rgba(0, 0, 0, 0) !important;
}

.bpm-autocomplete.input-group.color_searcher_inputs .form-control {
    color: rgba(47, 56, 104, 1);
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(23, 29, 64, 1);
}

.bpm-autocomplete.input-group.color_searcher_inputs .form-control::placeholder {
    color: rgba(47, 56, 104, 1);
}

.bpm-autocomplete.input-group.color_searcher_inputs .form-control:focus {
    border-color: rgba(230, 57, 57, 1) !important;
}

.background_color_active_elements:hover {
    background-color: rgba(230, 57, 57, 1) !important;
    border-color: rgba(230, 57, 57, 1) !important;
}

.active.background_color_active_elements {
    background-color: rgba(230, 57, 57, 1) !important;
    border-color: rgba(230, 57, 57, 1) !important;
}

.background_color_body {
    background-color: rgba(255, 255, 255, 1) !important;
    ;
}

/*kolor ramek ofert, agentów, artykułów na blogu, paginacji*/
.border_color_active_elements {
    border-color: rgba(47,56,104,.23) !important;
}

/* ------------------KOLORY CZCIONKI--------------------------------*/

.starter_color_headertext {
    color: rgba(47, 56, 104, 1) !important;
}

.color_main {
    color: rgba(23, 29, 64, 1) !important;
}

/*tytuły artykulow i obiektów*/
.color_object_header {
    color: rgba(230, 57, 57, 1);
}

.starter_color_footertext {
    color: rgba(255, 255, 255, 1);
}

.color_menu_footer {
    color: rgba(177, 179, 193, 1);
}

.starter_color_leadtext {
    color: rgba(230, 57, 57, 1) !important;
}

.active.starter_color_leadtext {
    color: rgba(230, 57, 57, 1) !important;
}

.advert_box i,
.advert_box img {
    background: linear-gradient(to top right, rgba(230, 57, 57, 1), rgba(23, 29, 64, 1) 75%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.link_color {
    color: rgba(230, 57, 57, 1) !important;
}

.color_searcher_inputs {
    color: rgba(47, 56, 104, 1) !important;
}

.color_searcher_inputs::placeholder {
    color: rgba(47, 56, 104, 1) !important;
}

.color_mottobanner {
    color: rgba(23, 29, 64, 1);
}

/* ------------------KOLORY PRZYCISKÓW--------------------------------*/

.starter_color_button {
    background-color: rgba(230, 57, 57, 1) !important;
}

.starter_color_button:checked+label::after {
    color: rgba(230, 57, 57, 1) !important;
}

.starter_color_buttontext {
    color: rgba(255, 255, 255, 1) !important;
}

.active.dot_color_active span {
    background-color: **dot_color_active** !important;
}

.dot_color span {
    background-color: **dot_color** !important;
}

/* ------------------KOLORY NA HOVER i FOCUS--------------------------------*/

.color_hover_header:hover {
    color: rgba(230, 57, 57, 1) !important;
}

.color_hover_header {
    border-top-color: rgba(230, 57, 57, 1) !important;
}

.color_hover_header:after {
    color: rgba(230, 57, 57, 1) !important;
    border-bottom-color: rgba(230, 57, 57, 1) !important;
}

.background_searcher_border_inputs_focus:focus {
    border-color: rgba(230, 57, 57, 1) !important;
}

.active.color_pagination,
.color_pagination:hover {
    color: rgba(230, 57, 57, 1) !important;
}

.color_menu_footer_hover:hover {
    color: rgba(230, 57, 57, 1) !important;
}

.link_color_hover:hover {
    color: rgba(198, 42, 42, 1) !important;
}

.starter_color_button_hover:hover {
    background-color: rgba(198, 42, 42, 1) !important;
}

.color_button_additional_hover:hover {
    color: rgba(255, 255, 255, 1) !important;
}

.background_button_additional_hover:hover {
    background-color: rgba(23, 29, 64, 1) !important;
}

.background_searcher_option_hover li:hover {
    background-color: rgba(255, 255, 255, 1) !important;
}

.color_searcher_option_hover li:hover {
    color: rgba(198, 42, 42, 1);
}