/* --------------------------------------------------------------------------------------------------- */
/* -------------------------------------------- DARK MODE -------------------------------------------- */
/* --------------------------------------------------------------------------------------------------- */

@media screen and (prefers-color-scheme: dark) {

    /* ------------------------------ GLOBAL ------------------------------ */  

    /* - Hyperlinks - */

    A         { color: #e69500; }
    A:visited { color: #e69500; }
    A:active  { color: #e69500; }
    A:link    { color: #e69500; }
    A:hover   { color: #0e60a0; }

    html { background-color: #efefef; }                                 

    /* - Mobile Phone Telephone Number Links - */

    a[href^=tel] { color: #0e60a0; }  

    /* - Headings - */

    h1 { color: #0e60a0; }
    h2 { color: #fff; }
    h6 { color: #52c6ff; }

    p { color: #444; }

    /* - Other - */

    .warning    { color: #ff0000; }
    .question   { color: #0097f2; }
    .cb         { color: #005588; }

    /* ------------------------------ TOP BAR  ------------------------------ */

    .top_bar_container { background: #ffffff; }

    /* ------------------------------ MENU ------------------------------ */

    .menu_item { border-color: #0e60a0; }

    .menu_item a:link,
    .menu_item a:visited { color: #0e60a0; }

    .menu_item:hover { 
        border-color: #e69500;
        color: #e69500; 
    }

    .menu_item:hover a:link,
    .menu_item:hover a:visited { color: #e69500; }

    .menu_item a:hover, 
    .menu_item a:active { color: #e69500; }

    .menu_item_active { border-color: #e69500; }

    .menu_item_active a:link, 
    .menu_item_active a:visited, 
    .menu_item_active a:active,
    .menu_item_active a:hover { color: #e69500; }

    .menu_item_active:hover a:link,
    .menu_item_active:hover a:visited, 
    .menu_item_active:hover a:active { border-color: #1090f5; }

    /* --- Mobile Menu --- */

    .mobile_menu_icon {  border-color: #fff; }

    #menu_mobile { 
        background: #004c70;
        background-image: url("../images/waves_white.png"); 
    }

    /* ------------------------------ HEADER ------------------------------ */

    .header {
        background: #0e60a0;
        background: linear-gradient(0deg, rgba(14,96,160,1) 0%, rgba(10,72,120,1) 100%);
    }

    .header a,
    .header a:link, 
    .header a:visited, 
    .header a:active { color: #FFD23D;  }
    .header a:hover { color: #fff;  }

    .header_rounded a,
    .header_rounded a:link, 
    .header_rounded a:visited, 
    .header_rounded a:active { color: #FFD23D;  }
    .header_rounded a:hover { color: #fff; }

    /* ------------------------------ CENTER BAR ------------------------------ */

    .center_bar { 
        background: #0e60a0;
        background: linear-gradient(0deg, rgba(14,96,160,1) 0%, rgba(10,72,120,1) 100%);
    }

    .stat_headline { color: #7bc5ff; }
    .stat_text { color: #fff; }

    /* ------------------------------ PAGE CONTENTS ------------------------------ */

    .main_container { background: #fff; }
    .main_columns { border-color: #e4dcdc; }

    /* ------------------------------ COOKIES ------------------------------ */

    .cookie_container { background: #ffc400; }
    .cookies { color: #3c3c3c; }

    .cookies a,
    .cookies a:link, 
    .cookies a:visited, 
    .cookies a:active { color: #0e60a0; }
    .cookies a:hover { color: #0e60a0; }

    /* ------------------------------ TESTIMONIALS ------------------------------ */

    .testimonials_container {
        background: #0e60a0;
        background: linear-gradient(0deg, rgb(0, 55, 99) 0%, rgb(0, 78, 138) 100%);
    }

    .testimonials {
        border-color: #52c6ff;
        background: #006494;  
    }

    .testimonials:hover { border-color: #e5a124; }
    .testimonial_name { color: #52c6ff; }

    /* ------------------------------ FOOTER ------------------------------ */

    .footer_container {
        background-color: rgb(22, 36, 47);
        background-image: url("../images/waves_white.png"); 
    }

    .social_icons_wrapper {
        background: #0e60a0;
        background: linear-gradient(0deg, rgba(10,72,120,1) 0%, rgba(14,96,160,1) 100%);
    }

    .social_icons_container p { color: #fff; }

    .footer_links a,
    .footer_links a:link, 
    .footer_links a:visited, 
    .footer_links a:active { color: #ffc400; }
    .footer_links a:hover { color: #fff; }

    .copyright p, .footer_links p  { color: #fff; }

    .copyright a,
    .copyright a:link, 
    .copyright a:visited, 
    .copyright a:active { color: #ffc400; }
    .copyright a:hover { color: #fff; }

    /* ---------------------------------------- RESOLUTION < 945px ---------------------------------------- */

    @media screen and (max-width: 945px) {

        .menu_item a,
        .menu_item a:link, 
        .menu_item a:visited, 
        .menu_item a:hover,
        .menu_item a:active { color: #fff; }

        .menu_item:hover { color: #fff; }

        .menu_item:hover a,
        .menu_item:hover a:link, 
        .menu_item:hover a:visited, 
        .menu_item:hover a:hover,
        .menu_item:hover a:active { color: #fff; }
    }

}