/*******************************************************
*  site-colour-scheme.css for the Skeleton 2.0 theme   *
*  with the Superfish HTML menus                       *
*                                                      *
*  This is a Ubuntu-like theme based on additions and  *
*  alterations to the various structure.css settings   *
*  and Superfish elements.                             *
*                                                      *
*  Written by: Ian Matters                             *
*  Email: ian [at] matters [dot] id [dot] au           *
*  Date stamp: 2019-02-02                              *
*******************************************************/

.container {
    background-color: #fff;
}

#wrap {
    background-color: #fff;
}

#wrap a {
    color: #2883de;
}

#wrap a:hover {
    color: #2883de;
}

#credits {
    color: #bbb;
    background-color: #222;
}

#credits a {
    color: #bbb;
}

#credits a:hover {
    color: #de8328;
}

#footer {
    background-color: #222;
    border-top: 1px solid #777;
}

/*
* Footer sitemap
*/
#sitemap-box {
    border-top: 1px solid #000;
    background-color: #333;
}

#sitemap {
    background-color: #333;
}

#sitemap ul li {
    border-left: 1px solid #777;
}

#sitemap a {
    color: #ccc;
}

#sitemap a.current {
    color: #fff;
}

#sitemap p a:hover,
#sitemap ul li a:hover {
    color: #de8328;
}

/*
* Main menu
*/
#sf-desktop-menu-box {
    background-color: #2883de;
}

.container.sf-navbar {
    background-color: #2883de;
}

.sf-menu a {
    border: none !important;
}

/* Used for the mobile menu grid button */
.sf-menu li h1 {
    color: #000;
    background-color: #fff;
    font-size: 50px;
    line-height: 80%;
    padding: 0 !important;
}

.sf-menu li a {
    color: #fff !important;
    font-weight: bold;
    background-color: #2883de;
}

.sf-menu ul li a {
    color: #fff !important;
    font-weight: bold;
    background-color: #1f68af;
}

.sf-menu ul li ul li a {
    color: #fff !important;
    font-weight: bold;
    background-color: #174b80;
}

.sf-menu li a.current,
.sf-menu ul li a.current,
.sf-menu ul li ul li a.current {
    background-color: #444;
}

.sf-menu li a:hover,
.sf-menu li ul li a:hover,
.sf-menu ul li ul li a:hover,
.sf-menu li a.current:hover,
.sf-menu li ul li a.current:hover,
.sf-menu ul li ul li a.current:hover {
    color: #fff !important;
    background-color: #de8328;
}

/*
* Menus for narrow screens and secondary menus
*/
.simple-menu {
    background-color: #2883de;
}

.simple-menu a {
    color: #fff;
}

.simple-menu ul li {
    border-left: 0;
}

.simple-menu ul li a {
    color: #fff !important;
}

.simple-menu ul li a.current {
    color: #fff !important;
    background-color: #444;
}

.simple-menu > ul > li:hover > a {
    background-color: #de8328;
}

/*
* Buttons
*/
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
    color: #fff;
    font-size: 1em;
    font-weight: bold;
    text-transform: none;
    background-color: #2883de;
    border-radius: 0;
}

.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
    color: #fff;
    text-decoration: underline;
    background-color: #de8328;
    border-color: #de8328;
}

/* #Screen less than 768 pixels wide
================================================== */

/* Note: Design for a width of less than 768px */
@media only screen and (max-width: 767px) {
    .container {
        background-color: #fff;
    }

    #wrap {
        background-color: #fff;
    }

    #footer {
        background-color: #fff;
        border-top: 1px solid #ccc;
    }

    #credits {
        color: #000;
        background-color: #fff;
    }

    #credits a, #credits a:hover {
        color: #2883de;
    }
}