/* ......................................................................... */
/* Filename: colour-theme.css                                                */
/*                                                                           */
/* Purpose: Extends base colours in w3.css for PNSAC website.                */
/*          Created using w3.css colour generator (input #83adb8).           */
/*          https://www.w3schools.com/w3css/w3css_color_generator.asp        */
/* ......................................................................... */
/* History:                                                                  */
/* 12.Jun.2023    Created.                                                   */
/* ......................................................................... */


/* #f8fafb w3-theme-l5
#e6eff1 w3-theme-l4
#cedfe3 w3-theme-l3
#b5ced5 w3-theme-l2
#9dbec6 w3-theme-l1
#83adb8 w3-theme
#70a1ad w3-theme-d1
#5c93a1 w3-theme-d2
#51818d w3-theme-d3
#456e78 w3-theme-d4
#3a5c64 w3-theme-d5
*/

/* Colours generated by W3.css color generator. */
.w3-theme-l5 {
    color: #000 !important;
    background-color: #f8fafb !important
}

.w3-theme-l4 {
    color: #000 !important;
    background-color: #e6eff1 !important
}

.w3-theme-l3 {
    color: #000 !important;
    background-color: #cedfe3 !important
}

.w3-theme-l2 {
    color: #000 !important;
    background-color: #b5ced5 !important
}

.w3-theme-l1 {
    color: #000 !important;
    background-color: #9dbec6 !important
}

.w3-theme-d1 {
    color: #fff !important;
    background-color: #70a1ad !important
}

.w3-theme-d2 {
    color: #fff !important;
    background-color: #5c93a1 !important
}

.w3-theme-d3 {
    color: #fff !important;
    background-color: #51818d !important
}

.w3-theme-d4 {
    color: #fff !important;
    background-color: #456e78 !important
}

.w3-theme-d5 {
    color: #fff !important;
    background-color: #3a5c64 !important
}

.w3-theme-light {
    color: #000 !important;
    background-color: #f8fafb !important
}

.w3-theme-dark {
    color: #fff !important;
    background-color: #3a5c64 !important
}

.w3-theme-action {
    color: #fff !important;
    background-color: #3a5c64 !important
}

.w3-theme {
    color: #fff !important;
    background-color: #83adb8 !important
}

.w3-text-theme {
    color: #83adb8 !important
}

.w3-border-theme {
    border-color: #83adb8 !important
}

.w3-hover-theme:hover {
    color: #fff !important;
    background-color: #83adb8 !important
}

.w3-hover-text-theme:hover {
    color: #83adb8 !important
}

.w3-hover-border-theme:hover {
    border-color: #83adb8 !important
}

/* Breadcrumbs */
ul.breadcrumb {
    padding: 5px 10px;
    list-style: none;
    background-color: #e6eff1;
}

ul.breadcrumb li {
    display: inline;
    font-size: 10px;
}

ul.breadcrumb li+li+li:before {
    padding: 5px;
    color: black;
    content: "/";
}

ul.breadcrumb li a {
    color: #51818d;
    text-decoration: none;
}

ul.breadcrumb li a:hover {
    color: #51818d;
    text-decoration: underline;
}

ul.side-toc {
    list-style-type: none;
    margin: 10;
    padding: 10;
}

ul.side-toc li {
    background: #e6eff1;
    color: #51818d;
    padding: 5px;
    margin-left: 35px;
}

ul.side-toc a:link {
    text-decoration: none;
}

ul.side-toc a:hover {
    text-decoration: underline;

}