/*	------------------------------
 * 	Styles for CumulusMX Interface
 * Last modified: 2021/02/24 10:37:56
 * 	------------------------------*/

html, body {
	height: 100%;
}

.footer {
	flex-shrink: 0;
}

html, body, p, h1, h2, h3, h4, h5, h6, li, td, th {
	font-family: 'Montserrat', sans-serif;
}

body {
	display: flex;
	flex-direction: column;
	font-size: 14px;
}
p {
	margin: 0;
}
p.forecast {
	text-align: center;
	font-weight: bold;
	border: 2px solid #000;
	background-color: #AFE1AF;
	padding: 10px;
	margin-top: 16px;
}
p.warning {
	color: #FFF;
	text-align: center;
	background-color: #FF0000;
	border: 2px solid #000;
	padding: 10px;
}
p.cookienote {
	font-size: 13px;
}
p.footer {
	padding: 10px 10px 6px 10px;
	text-align: center;
	font-size: 12px;
	line-height: 2;
}
p.footer > em > a:hover {
	color: #ADD8E6;
}
a {
	text-decoration: none;
}
select {
	font-size: 12px;
}
.mx-button {
	margin: 5px;
	border-radius: 10px;
	border: 1px solid #000;
	background-color: #aec9df;
}
.mx-button:hover {
	background-color: #37658a;
	color: #fff;
}
.site-width {
	max-width:1280px;
	margin:auto;
}
.logo {
	max-width:250px;
	margin: 5px 0 5px 16px;
}

.subText {
	font-size: 80% !important;
	font-weight:400;
}

.at-flex-start { display:flex; justify-content: flex-start;}
.at-flex-end   { display:flex; justify-content: flex-end;}
.at-flex-justify {display:flex; justify-content: space-around; flex-wrap:wrap;}
.at-flex-between {display:flex;justify-content: space-between;}
.at-flex-bottom {display:flex; align-items: flex-end;}

/*	--------------------------------------------------
 * 	Menu enhancements
 * 	--------------------------------------------------*/
#Content {
	flex: 1 0 auto;
}
#Menu_Bar {
	background-color: #37658a;
	border-bottom: 5px solid #93b7d3;
}

.at-slim {
	padding: 4px 14px!important;
}

.at-divider {
	margin: 0 5px;
	color:#F80;
}

.at-spacer {
    min-height:2em;
}

.at-menu-lable {
	display:block;
	width:100%;
	font-size: 13px;
	font-style: italic;
	color: #0C3;
	padding-bottom: 2px!important;
	padding-top:4px!important;
	border-bottom: 1px dotted #c2cfa5!important;
}

.at-menu-bar {
	display:block;
	height: 2px;
	padding: 0 2px!important;
}

.at-indent {
	padding-left: 40px!important;
}

/* Gauges enhancements */
.at-panel {
	height: 95%;
}