@import url("normalize.css");

/**
 * All SVG styles are read from this file
 * by using document.styleSheets.
 *
 * All styles must have www or print prefix
 * and a common postfix.
 * Bar Chart is an exception.
 *
 * An example:
 * .www-postfix {}
 * .print-postfix {}
 *
 * TODO: Media Queries?
 */

svg, img {
    border: 1px solid black;
}

#temp {
    visibility: hidden;
}

.domain {
    display: none;
}


/**
 * PRINT
 *
 * SEE graph.js/createPrintTopBar for Top Bar styles and
 * graph.js/createPrintBottomLine for Bottom Line styles.
 */

.print-headline-text {
    /*left: 0mm;*/
    /*top: 9.6mm;*/
    /*font-family: "Helsingin-Medium";*/
    top: 3.3mm;     /* Top is the same size as the font size..*/ 
    left: 4.9mm;
    font-family: "Helsingin-Semibold";
    font-size: 12px;
    line-height: 13px;
    color: rgb(0, 0, 0);
}

.print-subtitle-text {
    /*left: 0mm;*/
    /*top: 14.3mm;*/
    /*    font-family: "HelsinginText-Semibold";*/
    
    /* CHECK LINE HEIGHT*/
    left: 4.9mm;
    top: 11.26mm; /* Top is the size of the black rect next to it */
    font-family: "HelsinginText-Medium";
    font-size: 8.9px;
    line-height: 10.9px;
    color: rgb(0, 0, 0);
}

.print-attribute-text {
    left: 9mm;
    top: 22mm;
    font-family: "HelsinginText-RegularItalic";
    font-size: 8.9px;
    color: rgb(0, 0, 0);
}


.print-value-text{
    font-size: 8.9px;
    font-family: "HelsinginText-Medium";
    color: rgb(0, 0, 0);
}

.print-credit-text {
    left: 0mm;
    /*CHECK THIS!*/
    top: 75mm;
    text-transform: uppercase;
    font-family: "HelsinginText-Medium";
    font-size: 6px;
    color: rgb(0, 0, 0);
}

.print-source-text {
    left: 30mm; /*CHECK THIS*/
    top: 75mm; /*CHECK THIS*/
    font-family: "HelsinginText-Medium";
    font-size: 6px;
    color: rgb(0, 0, 0);
}

.print-bar-chart {
    background-color: rgb(0, 122, 173);
}

.print-bar-chart-tick {
    font-family: "HelsinginText-Regular";
    font-size: 8.9px;
    color: rgb(0, 0, 0);
    stroke-width: 0px;
}

.print-bar-chart-axis {
    background-color: none;
    color: rgb(0,0,0);
    stroke-width: 0.2px;
    shape-rendering: crispEdges;
}

.print-bar-chart-y-axis-first-line {
    background-color: none;
    color: rgb(0,0,0);
    stroke-width: 0.4px;
    shape-rendering: crispEdges;
}

.print-bar-chart-y-axis-last-line {
    background-color: none;
    color: rgb(0,0,0);
    stroke-width: 0.7px;
    shape-rendering: crispEdges;
}

.print-bar-chart-tick-bold {
    font-family: "HelsinginText-Bold";
    font-size: 8.9px;
    color: rgb(0, 0, 0);
    stroke-width: 0px;
}

.print-legend-text {
    left: 9mm;
    top: 22mm;
    font-family: "HelsinginText-Medium";
    font-size: 8.9px;
    color: rgb(0, 0, 0);
}