/*** CSS RESET ***/
/* http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126 License: none (public domain)
*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

/*** END CSS RESET ***/
/*** WEBFONTKIT ***/
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on January 29, 2020 */
@font-face { font-family: 'bourtonbase'; src: url("../webfontkit-BourtonBase/kimmy_design_-_bourtonbase-webfont.woff2") format("woff2"), url("../webfontkit-BourtonBase/kimmy_design_-_bourtonbase-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }
@font-face { font-family: 'bourtonoutline_medium'; src: url("../webfontkit-BourtonOutlineMediumRegular/kimmy_design_-_bourtonoutlinemedium-webfont.woff2") format("woff2"), url("../webfontkit-BourtonOutlineMediumRegular/kimmy_design_-_bourtonoutlinemedium-webfont.woff") format("woff"); font-weight: normal; font-style: normal; }
/*** WEBFONTKIT ***/
/*** MEDIA QUERIES ***/
@media only screen and (max-width: 350px) { #wrapper { width: 90%; } }
@media only screen and (min-width: 351px) { #wrapper { width: 340px; } }
/* ID'S */
#airInfo { font-size: 0.7em; }

#cities a, #cities a:visited { text-decoration: none; color: #131313; }

#forecast_oneDay { font-family: bourtonbase; }

#forecast_twoDay { font-family: bourtonbase; }

#jsonDetails { white-space: pre; font-family: monospace; font-size: 0.66em; overflow-x: auto; overflow-y: hidden; }

#wrapper { margin: 0 auto; }

/* CLASSES */
.boxShadow1 { -webkit-box-shadow: 0 6px 4px -4px #6D6D6D; -moz-box-shadow: 0 6px 4px -4px #6D6D6D; box-shadow: 0 6px 4px -4px #6D6D6D; }

.boxShadow2 { -webkit-box-shadow: 0 6px 4px -4px #000; -moz-box-shadow: 0 6px 4px -4px #000; box-shadow: 0 6px 4px -4px #000; }

.colorRect { display: block; float: right; height: 12px; width: 12px; margin-top: 1px; }

.darkGrey { color: #3d3d3d; }

.darkerGrey { color: #101010; }

.footer { text-align: center; margin-top: 20px; }
.footer a, .footer a:visited { text-decoration: none; color: #383838; }

.grey { color: #454545; }

.greenTxt { color: MediumSeaGreen; }

.h1_dayTime { text-shadow: 2px 2px 2px #D4D4D4; }

.h1_nightTime { text-shadow: 2px 2px 2px black; }

.hidden { display: none; }

.inlineBl { display: inline-block; }

.maskIcon { display: inline-block; position: absolute; top: 8px; height: 70px; width: 70px; }

.maskL { left: 50%; margin-left: -172px; }

.maskR { right: 50%; margin-right: -172px; }

.redTxt { color: Tomato; }

.smaller { font-size: 0.833em; display: inline-block; color: #383838; }

.button { /******************** $background,$color,$pad_top,$pad_sides,$pad_bottom,$margin */ -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 0 0; -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 0 0; box-shadow: rgba(0, 0, 0, 0.2) 0 1px 0 0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 3px 2px 0px; background-color: #D1D1D1; color: black; text-shadow: white 1px 1px 0; border: none; margin-bottom: 3px; display: inline-block; margin-top: 3px; }

/* HTML ELEMENTS */
body { font-family: bourtonbase; font-size: 18px; color: #2b2b2b; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; cursor: default; }

h1 { font-size: 1.8em; text-align: center; margin: 8%; color: #FAFAFA; }

h2 { font-size: 1.17em; color: #131313; }

h3 { font-size: 1.17em; font-family: bourtonoutline_medium; }

section { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom: 11px; padding: 6px; background-color: #F9F9F9; word-wrap: break-word; }

/************** STICKY FOOTER **************/
html, body { height: 100%; }

body { display: flex; flex-direction: column; }

#wrapper { flex: 1 0 auto; }

.footer { flex-shrink: 0; }