/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/* WEATHER WIDGET */
header .mk-header-right {
	top: 25px;
    left: 0;
	right: 0;
	margin: 0 auto;
	max-width: 1060px;
	line-height: normal;
	z-index: 40;
	padding-left: 180px;
	pointer-events: none;
}
header .norquay-header-toolbar { background: none; display: flex; width: fit-content; align-content: center; align-items: center; pointer-events: all; }

header .mk-header-right .weather-button { display: flex; align-items: center; }
header .mk-header-right .weather-toolbar-widget .weather-icon, .mk-header-right .weather-toolbar-widget .weather-temp { display: flex; align-items: center; }
header .mk-header-right a { color: #ffffff !important; display: flex;  }
header .mk-header-right .weather-toolbar-widget .weather-temp { font-size: 30px; padding: 0 20px 0 10px; }
header .mk-header-right .mk-svg-icon { height: 36px !important; width: 36px !important; }
header .mk-header-right  .webcam-toolbar-widget { margin-top: 5px; margin-left: 20px; }
header.a-sticky .mk-header-right { top: 15px; }

@media (max-width: 780px) {
	header .mk-header-right { display: block !important; padding-left: 140px; }
}

@media (max-width: 425px) {
	header .mk-header-right {
		padding-left: 110px !important; max-width: 200px;
	}
	header .mk-header-right  .webcam-toolbar-widget {
		margin-left: 0 !important;
	}
}