/* From https://accessibility.18f.gov/hidden-content/ */
/* This is used on the rubric to *hide* the div-based version
   from screen readers, and a plain-text version will be presented instead.
   The plain text version is *just text*, and uses semantic layout to provide
   context/navigation. The "pretty" version is just that... it is more suitable
   for "print layout" than what a screen reader would enjoy.
*/
.sr-only {
    border: 0; 
    clip: rect(0 0 0 0); 
    height: 1px; 
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }

@media print
{  
    .no-print, .no-print *
    {
        display: none !important;
    }
}


/* Injecting rubric colors globally so they can
   be referenced as variables. Also... may need to 
   change to accommodate vision differences. */
/* High contrast colors
    https://venngage.com/blog/color-blind-friendly-palette/
:root {
    --danger-color: #601A4A;
    --warning-color: #EE442F;
    --ok-color: #63ACBE;
}
*/

/* Textures generated here:
    https://doodad.dev/pattern-generator/
*/
:root {
    --danger-color: #F65235;
    --warning-color: #FFDF00;
    --ok-color: #57F41C;
    --danger-fill: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIj48ZGVmcz48cGF0dGVybiBpZD0icGF0dGVybiIgd2lkdGg9IjE1IiBoZWlnaHQ9IjE1IiB2aWV3Qm94PSIwIDAgNDAsNDAiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiIHBhdHRlcm5UcmFuc2Zvcm09InJvdGF0ZSgxMzUpICI+PHJlY3QgaWQ9InBhdHRlcm4tYmFja2dyb3VuZCIgd2lkdGg9IjQwMCUiIGhlaWdodD0iNDAwJSIgZmlsbD0icmdiYSgyNDYsIDgyLCA1MywxKSI+PC9yZWN0PiA8cGF0aCBmaWxsPSJyZ2JhKDI1NCwgMjUyLCAxOTEsMSkiIGQ9Ik0gLTEwIDMwIGggNjAgdjEgaC02MHogTS0xMCAtMTAgaDYwIHYxIGgtNjAiPjwvcGF0aD48cGF0aCBmaWxsPSJyZ2JhKDI1NCwgMjE1LCAyMjYsMSkiIGQ9Im0gLTEwIDEwIGggNjAgdjEgaC02MHogTS0xMCAtMzAgaDYwIHYxIGgtNjB6Ij48L3BhdGg+PC9wYXR0ZXJuPiAgPC9kZWZzPiA8cmVjdCBmaWxsPSJ1cmwoI3BhdHRlcm4pIiBoZWlnaHQ9IjEwMCUiIHdpZHRoPSIxMDAlIj48L3JlY3Q+PC9zdmc+");
    --warning-fill: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIj48ZGVmcz48cGF0dGVybiBpZD0icGF0dGVybiIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiB2aWV3Qm94PSIwIDAgNDAsNDAiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiIHBhdHRlcm5UcmFuc2Zvcm09InJvdGF0ZSgxMzUpICI+PHJlY3QgaWQ9InBhdHRlcm4tYmFja2dyb3VuZCIgd2lkdGg9IjQwMCUiIGhlaWdodD0iNDAwJSIgZmlsbD0icmdiYSgyNTUsIDIyMywgMCwxKSI+PC9yZWN0PiA8Y2lyY2xlIGZpbGw9InJnYmEoMTc4LCAyNDUsIDIzNCwxKSIgY3g9IjIwIiBjeT0iMjAiIHI9IjIiPjwvY2lyY2xlPjxjaXJjbGUgZmlsbD0icmdiYSgyNTQsIDIzNSwgMjAwLDEpIiBjeD0iMCIgY3k9IjQwIiByPSIzIj48L2NpcmNsZT48Y2lyY2xlIGZpbGw9InJnYmEoMjU0LCAyMzUsIDIwMCwxKSIgY3g9IjQwIiBjeT0iMCIgcj0iMyI+PC9jaXJjbGU+PGNpcmNsZSBmaWxsPSJyZ2JhKDI1NCwgMjM1LCAyMDAsMSkiIGN4PSIwIiBjeT0iMCIgcj0iMyI+PC9jaXJjbGU+PGNpcmNsZSBmaWxsPSJyZ2JhKDI1NCwgMjM1LCAyMDAsMSkiIGN4PSI0MCIgY3k9IjQwIiByPSIzIj48L2NpcmNsZT48L3BhdHRlcm4+ICA8L2RlZnM+IDxyZWN0IGZpbGw9InVybCgjcGF0dGVybikiIGhlaWdodD0iMTAwJSIgd2lkdGg9IjEwMCUiPjwvcmVjdD48L3N2Zz4=");
    --ok-fill: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIj48ZGVmcz48cGF0dGVybiBpZD0icGF0dGVybiIgd2lkdGg9IjQwIiBoZWlnaHQ9IjQwIiB2aWV3Qm94PSIwIDAgNDAsNDAiIHBhdHRlcm5Vbml0cz0idXNlclNwYWNlT25Vc2UiIHBhdHRlcm5UcmFuc2Zvcm09InJvdGF0ZSgxMzUpICI+PHJlY3QgaWQ9InBhdHRlcm4tYmFja2dyb3VuZCIgd2lkdGg9IjQwMCUiIGhlaWdodD0iNDAwJSIgZmlsbD0icmdiYSg4NywgMjQ0LCAyOCwxKSI+PC9yZWN0PiA8cGF0aCBmaWxsPSJyZ2JhKDE3OCwgMjQ1LCAyMzQsMSkiIGQ9Ik0tMTAgLTAuNSBoNjAgdjEgaC02MHoiPjwvcGF0aD48cGF0aCBmaWxsPSJyZ2JhKDE3OCwgMjQ1LCAyMzQsMSkiIGQ9Ik0tMTAgMzkuNSBoNjAgdjEgaC02MHoiPjwvcGF0aD48cGF0aCBmaWxsPSJyZ2JhKDI1NCwgMjM1LCAyMDAsMSkiIGQ9Ik0tMTAgMjkuNSAgaDYwIHYxIGgtNjB6Ij48L3BhdGg+PHBhdGggZmlsbD0icmdiYSgyNTQsIDIzNSwgMjAwLDEpIiBkPSJNMjkuNSAtMTAgdjYwIGgxIHYtNjAgeiI+PC9wYXRoPjxwYXRoIGZpbGw9InJnYmEoMTc4LCAyNDUsIDIzNCwxKSIgZD0iTTkuNSAtMTAgdjYwIGgxIHYtNjAgeiI+PC9wYXRoPjwvcGF0dGVybj4gIDwvZGVmcz4gPHJlY3QgZmlsbD0idXJsKCNwYXR0ZXJuKSIgaGVpZ2h0PSIxMDAlIiB3aWR0aD0iMTAwJSI+PC9yZWN0Pjwvc3ZnPg==");

}

.danger-text {
    color: var(--danger-color)
}

.warning-text {
    color: var(--warning-color)
}

.ok-text {
    color: var(--ok-color)
}

.tiprow {
    margin-top: 1em;
    
}

.section:nth-of-type(odd) {
    background: #eaeaea;
}

.section:nth-of-type(even) {
    background: #fff;
}

.section {
    padding: 0.5em;
    color: black;
}

.tip {
    margin: 0.5em;
    padding: 0.9em;
    background: white;
    color: black;
    border-radius: 10px;
}

.blanktip {
    margin: 0.5em;
    padding: 0.9em;
    border-radius: 10px;
}

.green {
    margin: 0.5em;
    padding: .9em;
    background: var(--ok-fill);
    color: black;
    font-size: 80%;
    border-radius: 10px;
}

.yellow {
    margin: 0.5em;
    padding: 0.9em;
    background: var(--warning-fill);
    color: black;
    font-size: 80%;
    border-radius: 10px;
}

.red {
    margin: 0.5em;
    padding: 0.9em;
    background: var(--danger-fill);
    color: black;
    font-size: 80%;
    border-radius: 10px;
}

.priority {
    float: left;
    margin: 1em;
    font-variant: small-caps;
    font-size: 120%;
    font-weight: bold;
    width: 50%;

}

.arrow {
    border-right: 10px solid; 
    border-bottom: 10px solid;
    height: 20px;
    width: 20px;
    transform: rotate(-45deg);
}