.weather-widget {
    width: 210px;
    max-height: 150px;
    background: #ffffff;
    border: 0.5px solid rgba(0,0,0,0.12);
    border-radius: 12px;
    overflow: hidden;
    font-family: sans-serif;
}

.ww-top {
    background: linear-gradient(135deg, #185FA5, #378ADD);
    padding: 10px 12px 8px;
    color: #fff;
}

.ww-loc {
    font-size: 10px;
    opacity: .8;
    letter-spacing: .4px;
    text-transform: uppercase;
}

.ww-main-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 2px;
}

.ww-temp {
    font-size: 32px;
    font-weight: 500;
    line-height: 1;
}

.ww-cond {
    font-size: 11px;
    opacity: .85;
    margin-top: 1px;
}

.ww-sun-icon {
    width: 38px;
    height: 38px;
}

.ww-days {
    display: flex;
    border-top: 0.5px solid rgba(0,0,0,0.08);
}

.ww-day {
    flex: 1;
    padding: 6px 2px;
    text-align: center;
    border-right: 0.5px solid rgba(0,0,0,0.08);
}

.ww-day:last-child {
    border-right: none;
}

.ww-day-name {
    font-size: 9px;
    color: #888;
    text-transform: uppercase;
    letter-spacing: .3px;
}

.ww-day-icon {
    margin: 3px auto;
    width: 16px;
    height: 16px;
}

.ww-day-temp {
    font-size: 11px;
    font-weight: 500;
    color: #222;
}

.ww-day-rain {
    font-size: 9px;
    color: #378ADD;
}







.image_stack img { /* css style for photo stack */
	border: none;
	text-decoration: none;
	position: absolute;
	margin-left:0px;
	width: 158px;
	height: 158px;
}
.image_stack { /* css style for photo stack */
	width: 400px;
	position: absolute;
	margin:70px 140px 10px;
}
.image_stack img { /* css style for photo stack */
	position: absolute;
	border: 4px solid #FFF;
	box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);
	z-index: 999;
	/* Firefox */
	-moz-transition: all 0.2s ease;
	/* WebKit */
	-webkit-transition: all 0.2s ease;
	/* Opera */
	-o-transition: all 0.2s ease;
	/* Standard */
	transition: all 0.2s ease;
}
.image_stack #photo1 {  /* position of last photo in the stack */
	top: 8px;
	left: 108px;
}
.image_stack #photo2 {/* position of middle photo in the stack */
	top: 6px;
	left: 104px;
}
.image_stack #photo3 {/* position of first photo at the top in the stack */
	top: 4px;
	left: 100px;
	right: 100px;
}
.image_stack .rotate1 {/* rotate last image 15 degrees to the right */
	-webkit-transform: rotate(15deg); /* safari and chrome */
	-moz-transform: rotate(15deg);/*firefox browsers */
	transform: rotate(15deg);/*other */
	-ms-transform:rotate(15deg); /* Internet Explorer 9 */
	-o-transform:rotate(15deg); /* Opera */
}
.image_stack .rotate2 {/* css not used*/
	-webkit-transform: rotate(0deg); /* safari and chrome */
	-moz-transform: rotate(0deg);/*firefox browsers */
	transform: rotate(0deg);/*other */
	-ms-transform:rotate(0deg); /* Internet Explorer 9 */
	-o-transform:rotate(0deg); /* Opera */
}
.image_stack .rotate3 {/*rotate first image 15 degrees to the left*/
	-webkit-transform: rotate(-15deg); /* safari and chrome */
	-moz-transform: rotate(-15deg); /*firefox browsers */
	transform: rotate(-15deg);/*other */
	-ms-transform:rotate(-15deg); /* Internet Explorer 9 */
	-o-transform:rotate(-15deg); /* Opera */
	cursor: pointer;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color:#5f8fa9;
}
a:active {
	text-decoration: none;
}

@font-face {
    font-family: 'MyriadProRegular';
    src: url('fonts/myriad-webfont.eot');
    src: url('fonts/myriad-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/myriad-webfont.woff') format('woff'),
         url('fonts/myriad-webfont.ttf') format('truetype'),
         url('fonts/myriad-webfont.svg#MyriadProRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

.content {
		font-family:MyriadProRegular;
		font-size:14px;
		color:#505050;
		font-weight:normal;
		text-align:justify;
	}
.maris {
		font-family:MyriadProRegular;
		font-size:14px;
		color:#fff;
		font-weight:normal;
		text-align:justify;
		text-shadow:  0px 2px 2px #666;
	}
a:hover.maris {
		font-family:MyriadProRegular;
		font-size:14px;
		color:#fff;
		font-weight:normal;
		text-align:justify;
		text-shadow:  0px 2px 2px #666;
	}
.web {
		font-family:MyriadProRegular;
		font-size:14px;
		color:#ffcd0c;
		font-weight:bolder;
		text-align:justify;
		text-shadow:  0px 2px 2px #666;
	}
a:hover.web {
		font-family:MyriadProRegular;
		font-size:14px;
		color:#ffcd0c;
		font-weight:bolder;
		text-align:justify;
		text-shadow:  0px 2px 2px #666;
	}
.content2 {
		font-family:MyriadProRegular;
		font-size:14px;
		color:#7f8080;
		font-weight:normal;
		text-align:justify;
		line-height:20px;
		text-shadow:  0px 1px 1px #CCC;
	}

.content5 {
		font-family:MyriadProRegular;
		font-size:14px;
		color:#7f8080;
		font-weight:normal;
		text-align:center;
		line-height:20px;
		text-shadow:  0px 1px 1px #CCC;
	}
.footer_left {
	font-family:MyriadProRegular;
	font-size:12px;
	color:#808080;
	text-align:left;
}
.footer_middle {
	font-family:MyriadProRegular;
	font-size:14px;
	color:#7f8080;
	text-align:center;
	text-shadow:0 0px 1px #7f8080;
}
.footer_right {
	font-family:MyriadProRegular;
	font-size:12px;
	color:#808080;
	text-align:right;
}
.links {
	font-family:MyriadProRegular;
	font-size:14px;
	color:#505050;
	text-align:center;
	text-shadow:0 1px 1px #FFF;
}
a:hover {
	font-family:MyriadProRegular;
	font-size:14px;
	color:#30aac4;
	text-align:left;

}
a:hover.content2 {
	font-family:MyriadProRegular;
	font-size:14px;
	color:#30aac4;
	text-align:justify;

}
a:hover.content_title2
{
	font-family:MyriadProRegular;
	font-size:17px;
	color:#30aac4;
	text-align:left;

}

a:hover.content_title3
{
	font-family:MyriadProRegular;
	line-height:40px;
	font-size:17px;
	color:#30aac4;
	text-align:left;
}

.title2 {
	font-family:MyriadProRegular;
	font-size:14px;
	color:#666;
	text-align:left;
	text-shadow:0 1px 1px #09F;
}
.content_center
{
	padding:10;
	font-family:MyriadProRegular;
	line-height:20px;
	font-size:14px;
	color:#FFF;
	text-align:center;
}
.content_title
{
	padding:10;
	font-family:MyriadProRegular;
	line-height:40px;
	font-size:22px;
	color:#666;
	text-align:center;
}
.content_titlew
{
	padding:10;
	font-family:MyriadProRegular;
	line-height:40px;
	font-size:22px;
	color:#fff;
	text-align:center;
}
.content_title2
{
	padding:10;
	font-family:MyriadProRegular;
	line-height:40px;
	font-size:17px;
	color:#666;
	text-align:left;
}
.content_title3
{
	margin-top:-10px;
	font-family:MyriadProRegular;
	line-height:40px;
	font-size:17px;
	color:#666;
	text-align:left;
}

.content_input
{
	padding-left:5px;
	font-family:MyriadProRegular;
	line-height:20px;
	font-size:14px;
	color:#333;
	text-align:justify;
	border: 1px solid #CCC; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;
	outline:none;
}

a:active,a:focus {
outline: none;
}

a:focus, a:focus
{
-moz-outline-style: none;
}
.button
{
	padding:10;
	background-color:transparent;
	font-family:MyriadProRegular;
	line-height:20px;
	font-size:13px;
	font-weight:bold;
	color:#777777;
	text-shadow:0 1px 2px #ccc;
	text-align:center;
	height:25px;
}
.button:hover
{
	padding:10;
	background-color:transparent;
	font-family:MyriadProRegular;
	line-height:20px;
	font-size:13px;
	color:#000000;
	text-shadow:0 1px 1px #ffffff;
	text-align:center;
}