/**
 *
 * styles.css
 *
 */

body, a {
    color: #004;
}

a:link, a:visited {
    color: #004;
    text-decoration: none;
}
a:hover, a:active {
    color: #009; /* #001f7f */
    text-decoration: underline;
}

.dark {
    background-color: #004;
    color: #fff;
}

.brdr {
    border: 1px solid #004;
    border-radius: 4px;
}

.card {
    border: 1px solid #ddd;
    border-radius: 4px;
    min-height: 360px;
}


#navtop, #nav_top {
    font-size: 120%;
    text-align: right;
    padding-right:1em;
    background-color: #ccc;
}

#footer {color:#ccc;}
#footer a:link, #footer a:visited {}
#footer a:hover, #footer:active {}


/* SVG chart */
.svg_Fill {
    fill: #00003f;
}

.svg_Chart {
    stroke: #00003f;
}

.svg_Chart.heavy {
    stroke-width: 4px;
}

.svg_Brdr {
    stroke: #ccc;
    stroke-width: 1px;
}

.svg_Series {
    fill: red;
}

.svg_Label {
    fill: grey;
}

.printable {
    display: none;
}

/* SVG feature & logo */
.feature svg, .feature use {
    display: inline-block;
    fill: white;
    stroke: black;
    stroke-width: 4;
    /*-webkit-text-stroke-color: green;*/
    stroke-miterlimit: 10;
    width: 128px;
    height: 128px;
    margin: 0px;
    padding: 0px;
    /*
    vertical-align: middle;
    margin-bottom: 30px;
    */
}


.feature a:link use, .feature a:visited use {
    fill: #0a2650;
}
.feature a:hover use, .feature a:active use {
    fill: #224466;
}

/*
.wp_circle {
    fill: #eee;
    -webkit-text-stroke-color: white;
    -webkit-text-stroke-width: 24px;
}*/

.wp_bckgrnd {
    display: inline-block;
    background-color: #0b0236;
}
#wp_text  {fill:white;}


@media print {

    * {
        background: transparent !important;
        color: black !important;
        text-shadow: none !important;
        filter: none !important;
        -ms-filter: none !important;
    }

    .printable {
        display: block;
    }

    .pagebreak {
        page-break-after: always;
    }

    h1, h2, h3 {
        page-break-after: avoid;
    }

    header, #nav_top, #footer, foot,
    #footer_debug, border,
    .noprint {
        display: none !important;
    }

    video, audio, object, embed {
        display: none !important;
    }

    /* don't print links on printed pages*/
    a:link:after, a:visited:after {
        display: none;
        content: "";
    }

    img {
        max-width: 100% !important;
    }
}