@charset "utf-8";
/*	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * 	Resource:	dashboard.css       | Ver:5.0.0
 * 	Author:		DNC Thomas          | Feb 2026
 *  Created:    2026-02-05
 * 	Last Edit:  2025-10-03 15:19:34
 *	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * 	Role:	Additional styles for page
 * 	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.almanacGrid {
    margin: 1vh 0;
    display:grid; 
    grid-template-columns: repeat(3, 1fr) 120px;
    grid-template-areas: 
        'sunRise dawn moonRise moon' 
        'sunSet dusk moonSet moon' 
        'dayLength dayLight moonPhase moon'
        'currcond currcond currcond moon';
}
@media ( max-width: 600px ) {
    .almanacGrid {
        grid-template-columns: repeat(2, 1fr) 100px;
        grid-template-areas: 
            "sunRise sunSet moon"
            "dawn dusk moon"
            "dayLength dayLight moon"
            "moonRise moonSet moon"
            ". moonPhase moonPhase"
            "currcond currcond currcond";
    }
}
.almanacGrid p { margin: 0; padding: 0.25em 0; }
.moonTip {
    top: 25%;
    width: 120%;
    left: -10%;
    border-radius: 50%;
    border-bottom: 0.25em solid var(--color5);
    padding: 0;
}
#infoText { padding: 0.5em 0; }