/*** STMnewsRM.css - Styles for the responsive News pages ***/
/* Created by Ken Slater on 2023-Feb-11 */

/* --- News Item Styles --- */
.card { width: 100%; margin-bottom: 1rem; }
.postdate { font-size: smaller; color: gray; }

@media only screen and ( max-width: 480px ) {
	figcaption { font-size: 1.4rem; line-height: 1.6rem; }
}

/* --- News Navigation Bar */
div.newsnav {
    width: 100%;
    background-color: #FFB7F6;
    font-size: 1.3rem;
    text-align: center;
    padding: .5rem;
    margin: 1rem auto;
    border-radius: 1rem;
    box-shadow: 3px 3px 5px 0px gray;
}
div.navhdr { text-align: center; padding-bottom: 0.5rem; }
div.newsflex { display: flex; flex-flow: row wrap; justify-content: center;
               row-gap: 0.5rem; column-gap: 1rem; color: #666; }
div.newsnav a  { text-decoration: none; font-weight: bold; text-align: center; }
div.newsnav a:visited, div.newsnav a:link  { color: navy; }
div.newsnav a:active,  div.newsnav a:hover { color: blue; }

/* --- Event Calendar Styles --- */
table.cal		   { background-color: white; border: 2px solid black; border-collapse:collapse; margin: auto; }
table.cal TH       { font-size: 1.3rem; border: 1px solid black; background-color: #FFE0FF; }
table.cal TD       { font-size: 1.0rem; border: 1px solid black; padding: 3px 6px; text-align: center; }
table.cal TD.year  { background-color: black; color: white; font-weight: bold; font-size: 1.5rem; letter-spacing: 0.8rem; }
table.cal .public  { background-color: #FFFFA0; } /* Public Function Highlight */
table.cal .mcw     { background-color: #D8F0FF; } /* Mirror Class Highlight    */
table.cal .members { background-color: #FFE0FF; } /* Members Only Highlight    */
table.cal .special { background-color: #CCFFCC; } /* Special Event Highlight   */
table.cal .offsite { font-weight: bold;  color: #D00000; } /* Location Highlight */
#colorkey          { font-size: 1rem; color: var( --STMpink ); }

/* Narrow Device Adjustments*/
@media only screen and ( max-width: 480px ) {
    table.cal th      { font-size: 1.7rem; }
    table.cal td.year { font-size: 2.2rem; }
	table.cal td      { font-size: 1.4rem; }
}

/*** End of STMnewsRM.css ***/