/**********************/
/*** news dashboard ***/
/**********************/

html.dashboard.news.illinois {
    font-size: 2.75vmin;
    font-weight: 300;
}

@media only screen and (min-aspect-ratio: 90/90) and (max-aspect-ratio: 95/90) {
    html.dashboard.news.illinois {
        font-size: 1.5vmin;
    }
}

@media only screen and (min-aspect-ratio: 95/90) and (max-aspect-ratio: 100/90) {
    html.dashboard.news.illinois {
        font-size: 1.55vmin;
    }
}

@media only screen and (min-aspect-ratio: 100/90) and (max-aspect-ratio: 105/90) {
    html.dashboard.news.illinois {
        font-size: 1.65vmin;
    }
}

@media only screen and (min-aspect-ratio: 105/90) and (max-aspect-ratio: 110/90) {
    html.dashboard.news.illinois {
        font-size: 1.7vmin;
    }
}

@media only screen and (min-aspect-ratio: 110/90) and (max-aspect-ratio: 115/90) {
    html.dashboard.news.illinois {
        font-size: 1.8vmin;
    }
}

@media only screen and (min-aspect-ratio: 115/90) and (max-aspect-ratio: 120/90) {
    html.dashboard.news.illinois {
        font-size: 1.9vmin;
    }
}

@media only screen and (min-aspect-ratio: 120/90) and (max-aspect-ratio: 125/90) {
    html.dashboard.news.illinois {
        font-size: 2vmin;
    }
}

@media only screen and (min-aspect-ratio: 125/90) and (max-aspect-ratio: 130/90) {
    html.dashboard.news.illinois {
        font-size: 2.1vmin;
    }
}

@media only screen and (min-aspect-ratio: 130/90) and (max-aspect-ratio: 140/90) {
    html.dashboard.news.illinois {
        font-size: 2.2vmin;
    }
}

@media only screen and (min-aspect-ratio: 140/90) and (max-aspect-ratio: 145/90) {
    html.dashboard.news.illinois {
        font-size: 2.3vmin;
    }
}

@media only screen and (min-aspect-ratio: 145/90) and (max-aspect-ratio: 150/90) {
    html.dashboard.news.illinois {
        font-size: 2.4vmin;
    }
}

@media only screen and (min-aspect-ratio: 150/90) and (max-aspect-ratio: 155/90) {
    html.dashboard.news.illinois {
        font-size: 2.5vmin;
    }
}

@media (orientation: landscape) {
    html.dashboard.news.illinois .layout-grid {
        grid-template-columns: 2fr 2fr 1fr 1fr;
        grid-template-rows: repeat(42, 1fr);
    }
}

html.dashboard.news .panel-component.logo .panel-body-component {
    margin-bottom: 0;
    align-items: center;
}
html.dashboard.news .panel-component.logo img {
    width: 14rem;
}
html.dashboard.news .panel-component.logo .panel-component-inner {
    justify-content: space-around;
}

@media (orientation: portrait) {
    html.dashboard.news .panel-component.logo {
        height: 4rem;
    }
}

@media (orientation: landscape) {
    html.dashboard.news .panel-component.logo {
        grid-row-start: 1;
        grid-column-start: 1;
        grid-row-end: 8;
        grid-column-end: 2;
    }
}

@media (orientation: landscape) {
    html.dashboard.news .panel-component.production {
        grid-row-start: 8;
        grid-column-start: 1;
        grid-row-end: 22;
        grid-column-end: 2;
    }
}

@media (orientation: landscape) {
    html.dashboard.news .panel-component.core-values {
        grid-row-start: 22;
        grid-column-start: 1;
        grid-row-end: 43;
        grid-column-end: 2;
    }    
}

@media (orientation: landscape) {
    html.dashboard.news .panel-component.employees-of-the-month {
        grid-row-start: 1;
        grid-column-start: 2;
        grid-row-end: 15;
        grid-column-end: 3;
    }
}

@media (orientation: landscape) {
    html.dashboard.news .panel-component.twitter {
        grid-row-start: 15;
        grid-column-start: 2;
        grid-row-end: 29;
        grid-column-end: 3;
    }
}

@media (orientation: landscape) {
    html.dashboard.news .panel-component.news {
        grid-row-start: 29;
        grid-column-start: 2;
        grid-row-end: 43;
        grid-column-end: 3;
    }    
}

@media (orientation: landscape) {
    html.dashboard.news .panel-component.time-and-temp {
        grid-row-start: 1;
        grid-column-start: 3;
        grid-row-end: 22;
        grid-column-end: 5;
    }
}

@media (orientation: landscape) {
    html.dashboard.news .panel-component.weather-radar {
        grid-row-start: 22;
        grid-column-start: 3;
        grid-row-end: 33;
        grid-column-end: 5;
    }
}

@media (orientation: landscape) {
    html.dashboard.news .panel-component.spot-ethanol {
        grid-row-start: 33;
        grid-column-start: 3;
        grid-row-end: 38;
        grid-column-end: 4;        
    }
}

html.dashboard.news .panel-component.spot-ethanol .panel-component-inner {
    background-color: rgba(50, 168, 223, 0.7);
}

@media (orientation: landscape) {
    html.dashboard.news .panel-component.spot-ddgs {
        grid-row-start: 33;
        grid-column-start: 4;
        grid-row-end: 38;
        grid-column-end: 5;
    }
}

html.dashboard.news .panel-component.spot-ddgs .panel-component-inner {
    background-color: rgba(115, 191, 69, 0.7);
}

@media (orientation: landscape) {
    html.dashboard.news .panel-component.spot-corn-oil {
        grid-row-start: 38;
        grid-column-start: 3;
        grid-row-end: 43;
        grid-column-end: 4;
    }    
}

html.dashboard.news .panel-component.spot-corn-oil .panel-component-inner {
    background-color: rgba(176, 180, 54, 0.7);
}

@media (orientation: landscape) {
    html.dashboard.news .panel-component.spot-corn {
        grid-row-start: 38;
        grid-column-start: 4;
        grid-row-end: 43;
        grid-column-end: 5;        
    }
}

html.dashboard.news .panel-component.spot-corn .panel-component-inner {
    background-color: rgba(67, 67, 67, 0.93);
}