/*--------------------------------------------------------------*/
/*-- WCP OpenWeather CSS Document --*/
/*-- Copyright (c) 2015. WebCodin --*/
/*-- @author WebCodin --*/
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*--- WCP OpenWeather Font Face Including ---*/
/*--------------------------------------------------------------*/

/*------------------------------------------------------*/
/*--- WCP OpenWeather Font Family :: [Roboto] :: Regular ---*/
/*------------------------------------------------------*/
@font-face {
    font-family: 'Roboto-Regular';
    src: url('../fonts/roboto-regular.eot');
    src: url('../fonts/roboto-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-regular.woff') format('woff'),
         url('../fonts/roboto-regular.ttf') format('truetype'),
         url('../fonts/roboto-regular.svg#Roboto-Regular') format('svg');
}
/*------------------------------------------------------*/
/*--- WCP OpenWeather Font Family :: [Dosis] :: Bold ---*/
/*------------------------------------------------------*/
@font-face {
    font-family: 'Dosis-Bold';
    src: url('../fonts/dosis-bold.eot');
    src: url('../fonts/dosis-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/dosis-bold.woff') format('woff'),
         url('../fonts/dosis-bold.ttf') format('truetype'),
         url('../fonts/dosis-bold.svg#Dosis-Bold') format('svg');
}
/*------------------------------------------------------*/
/*--- WCP OpenWeather Font Family :: [WCP Icons Fonts] :: Icons ---*/
/*------------------------------------------------------*/
@font-face {
    font-family: 'wcp-ow-icons';
    src: url('../fonts/wcp-ow-icon.eot');
    src: url('../fonts/wcp-ow-icon.eot?#iefix') format('embedded-opentype'),
         url('../fonts/wcp-ow-icon.woff') format('woff'),
         url('../fonts/wcp-ow-icon.ttf') format('truetype'),
         url('../fonts/wcp-ow-icon.svg#wcp-ow-icons') format('svg');
}
/*-----------------------------------------------------------------*/
/*--- WCP OpenWeather Custom Fonts ---*/
/*-----------------------------------------------------------------*/
.wcp-openweather-default-metro-widget .wcp-openweather-content .wcp-openweather-now-wrapper .wcp-openweather-now-temperature .wcp-openweather-now-value, .wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-content-tbl .wcp-openweather-now-temperature-wrapper .wcp-openweather-now-value { font-family: 'Dosis-Bold', Arial, sans-serif; font-weight: normal !important; font-style: normal !important; }
.wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-forecast-content, .wcp-openweather-default-metro-widget .wcp-openweather-content .wcp-openweather-forecast-wrapper .wcp-openweather-forecast-header .wcp-openweather-forecast-day .wcp-openweather-forecast-item-date { font-family: 'Roboto-Regular', Arial, sans-serif; font-weight: normal !important; font-style: normal !important; }
/*-----------------------------------------------------------------*/
/*--- WCP OpenWeather Icons Fonts ---*/
/*-----------------------------------------------------------------*/
[class^="wcp-ow-icon-"], [class*=" wcp-ow-icon-"] { display: inline-block; font-family: 'wcp-ow-icons' !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.wcp-ow-icon-arrow-down:before { content: "\f044"; }
.wcp-ow-icon-refresh:before { content: "\f021"; }
.wcp-ow-icon-cog:before { content: "\e602"; }
.wcp-ow-icon-raindrop:before { content: "\2d"; }
.wcp-ow-icon-wind:before { content: "\7c"; }
/*--------------------------------------------------------------*/
.wcp-openweather-visible-xs { display: none; }
/*--------------------------------------------------------------*/
/*--- WCP OpenWeather Widget Canvas Styles ---*/
/*--------------------------------------------------------------*/
.wcp-openweather-default-metro-widget { font: 12px/14px 'Roboto-Regular', Arial, sans-serif; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; color: #fff; background-repeat: no-repeat; background-position: center top; background-size: cover; position: relative; }
.wcp-openweather-default-metro-widget div, .wcp-openweather-default-metro-widget span { font-family: 'Roboto-Regular', Arial, sans-serif; }
.wcp-openweather-default-metro-widget .wcp-openweather-default-metro-opacity { opacity: 0.6; position: absolute; top: 0; width: 100%; bottom: 0; margin: 0 !important; padding: 0 !important; }
.wcp-openweather-default-metro-widget .wcp-openweather-container { padding: 0 10px; margin: 0; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; }
.wcp-openweather-default-metro-widget .wcp-openweather-default-metro-widget-container { position: relative; z-index: 1; margin: 0 !important; padding: 0 !important; }
/*--------------------------------------------------------------*/
/*--- WCP OpenWeather Widget Header Styles ---*/
/*--------------------------------------------------------------*/
.wcp-openweather-default-metro-widget .wcp-openweather-header { margin: 0; padding: 0; }
.wcp-openweather-default-metro-widget .wcp-openweather-header .wcp-openweather-header-wrapper { background: rgba(255,255,255,0.3); height: 24px; margin: 0; }
.wcp-openweather-default-metro-widget .wcp-openweather-header .wcp-openweather-header-wrapper .wcp-openweather-container { padding-top: 5px; padding-bottom: 5px; }
.wcp-openweather-default-metro-widget .wcp-openweather-header .wcp-openweather-day-wrapper { padding: 0 42px 0 0;  margin: 0; }
.wcp-openweather-default-metro-widget .wcp-openweather-header .wcp-openweather-day-wrapper .wcp-openweather-day { display: block; font-size: 12px; line-height: 14px; text-align: left; text-transform: uppercase; }
.wcp-openweather-default-metro-widget .wcp-openweather-header .wcp-openweather-options-wrapper { float: right; width: 40px; }
.wcp-openweather-default-metro-widget .wcp-openweather-header .wcp-openweather-options, .wcp-openweather-default-metro-widget .wcp-openweather-header .wcp-openweather-refresh { float: right; }
.wcp-openweather-default-metro-widget .wcp-openweather-header .wcp-openweather-options-wrapper { position: relative; }
.wcp-openweather-default-metro-widget .wcp-openweather-header .wcp-openweather-options { padding-left: 8px; }
.wcp-openweather-default-metro-widget .wcp-openweather-header .wcp-openweather-options .wcp-openweather-settings-icon, .wcp-openweather-default-metro-widget .wcp-openweather-header .wcp-openweather-refresh .wcp-openweather-refresh-icon { color: #263238; display: block; width: 14px; height: 14px; font-size: 15px; line-height: 14px; outline: none; text-decoration: none; padding: 0; margin: 0; border: 0; background: none; box-shadow: 0 0 0 0 !important; transition: none; }
.wcp-openweather-default-metro-widget .wcp-openweather-header .wcp-openweather-options .wcp-openweather-settings-icon:hover, .wcp-openweather-default-metro-widget .wcp-openweather-header .wcp-openweather-refresh .wcp-openweather-refresh-icon:hover { color: inherit; width: 14px; height: 14px; font-size: 15px; line-height: 14px; outline: none; text-decoration: none; padding: 0; margin: 0; border: 0; background: none; opacity: 0.7; }
.wcp-openweather-default-metro-widget .wcp-openweather-header .wcp-openweather-refresh .wcp-openweather-refresh-icon .wcp-ow-icon-refresh { font-size: 15px; line-height: 15px; color: #fff; }
.wcp-openweather-default-metro-widget .wcp-openweather-header .wcp-openweather-refresh .wcp-openweather-refresh-icon .wcp-ow-icon-refresh.fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 1s infinite linear; width: 13px; }
.wcp-openweather-default-metro-widget .wcp-openweather-header .wcp-openweather-refresh .wcp-openweather-refresh-spinner { position: absolute; left: -20px; top: 0; display: none; width: 14px; height: 14px; padding: 0; margin: 0; }
.wcp-openweather-default-metro-widget .wcp-openweather-header .wcp-openweather-refresh .wcp-openweather-refresh-spinner img { display: block; background: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; max-width: 100%; height: auto; }
.wcp-openweather-default-metro-widget .wcp-openweather-header .wcp-openweather-options .wcp-openweather-settings-icon .wcp-ow-icon-cog { font-size: 18px; line-height: 14px; margin-left: -2px; color: #fff; }
/*--------------------------------------------------------------*/
.wcp-openweather-default-metro-widget .wcp-openweather-header .wcp-openweather-options .wcp-openweather-settings { display: none; }
/*--------------------------------------------------------------*/
/*--- WCP OpenWeather Widget Content Styles ---*/
/*--------------------------------------------------------------*/
.wcp-openweather-default-metro-widget .wcp-openweather-content { padding: 0; margin: 0; }
.wcp-openweather-default-metro-widget .wcp-openweather-content > .wcp-openweather-container { padding-top: 12px; padding-bottom: 10px; margin: 0; }
.wcp-openweather-default-metro-widget .wcp-openweather-content .wcp-openweather-city-wrapper { text-align: center; margin: 0; }
.wcp-openweather-default-metro-widget .wcp-openweather-content .wcp-openweather-city-wrapper .wcp-openweather-city { font-size: 18px; line-height: 20px; text-transform: none; hyphens: none; -moz-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; word-wrap: break-word; -moz-word-wrap: break-word; -webkit-word-wrap: break-word; -ms-word-wrap: break-word; margin: 0; padding: 0; }
.wcp-openweather-default-metro-widget .wcp-openweather-content .wcp-openweather-city-wrapper .wcp-openweather-country { display: block; padding: 3px 0 0 0; margin: 0; font-size: 14px; line-height: 16px; text-transform: none; hyphens: none; -moz-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; word-wrap: break-word; -moz-word-wrap: break-word; -webkit-word-wrap: break-word; -ms-word-wrap: break-word; }
/*--------------------------------------------------------------*/
.wcp-openweather-default-metro-widget .wcp-openweather-content .wcp-openweather-now-wrapper { padding: 12px 0 0 0; margin: 0; width: 100%; overflow: hidden; }
.wcp-openweather-default-metro-widget .wcp-openweather-content .wcp-openweather-now-wrapper .wcp-openweather-now { margin: 0; padding: 0; }
.wcp-openweather-default-metro-widget .wcp-openweather-content .wcp-openweather-now-wrapper .wcp-openweather-now-temperature .wcp-openweather-now-icon { margin: 0; padding: 0; line-height: 92px; text-align: left; }
.wcp-openweather-default-metro-widget .wcp-openweather-content .wcp-openweather-now-wrapper .wcp-openweather-now-temperature .wcp-openweather-now-icon .icon { font-size: 75px !important; width: 75px; height: 75px; margin: 0 auto; }
.wcp-openweather-default-metro-widget .wcp-openweather-content .wcp-openweather-now-wrapper .wcp-openweather-now-temperature .wcp-openweather-now-icon .icon.diw-sun { font-size: 72px !important; width: 72px; }
.wcp-openweather-default-metro-widget .wcp-openweather-content .wcp-openweather-now-wrapper .wcp-openweather-now-temperature { width: 100%; overflow: hidden; padding: 0; margin: 0; text-align: center; } 
.wcp-openweather-default-metro-widget .wcp-openweather-content .wcp-openweather-now-wrapper .wcp-openweather-now-temperature .wcp-openweather-now-value { padding-top: 8px; font-size: 45px; line-height: 40px; text-transform: uppercase; }
.wcp-openweather-default-metro-widget .wcp-openweather-content .wcp-openweather-now-wrapper .wcp-openweather-now-temperature .wcp-openweather-now-value .wcp-openweather-now-value-deg { bottom: 0 !important; height: 0; line-height: 0; position: relative; top: 16px !important; vertical-align: super !important; font-size: 45px; }
.wcp-openweather-default-metro-widget .wcp-openweather-content .wcp-openweather-now-wrapper .wcp-openweather-now-status { font-size: 14px; line-height: 16px; margin: 0; padding: 4px 0 0 0; text-align: center; text-transform: lowercase; }
/*--------------------------------------------------------------*/ 
.wcp-openweather-default-metro-widget .wcp-openweather-content .wcp-openweather-now-wrapper .wcp-openweather-now-details { width: 100%; overflow: hidden; padding: 11px 0 0 0; margin: 0; }
.wcp-openweather-default-metro-widget .wcp-openweather-content .wcp-openweather-now-wrapper .wcp-openweather-now-details .wcp-openweather-now-details-col { width: 35%; float: left; text-align: right; margin: 0; padding: 0 0 0 3px; box-sizing: border-box; -webkit-box-sizing: border-box; }
.wcp-openweather-default-metro-widget .wcp-openweather-content .wcp-openweather-now-wrapper .wcp-openweather-now-details .wcp-openweather-now-details-col:first-child { width: 65%; text-align: left !important; padding: 0 3px 0 0; }
.wcp-openweather-default-metro-widget .wcp-openweather-content .wcp-openweather-now-wrapper .wcp-openweather-now-details .wcp-openweather-now-details-row { padding: 6px 0 0 0; margin: 0; overflow: hidden; width: 100%; text-transform: uppercase; }
.wcp-openweather-default-metro-widget .wcp-openweather-content .wcp-openweather-now-wrapper .wcp-openweather-now-details .wcp-openweather-now-details-row:first-child { padding: 0; }
.wcp-openweather-default-metro-widget .wcp-openweather-content .wcp-openweather-now-wrapper .wcp-openweather-now-details .wcp-openweather-now-details-row .wcp-openweather-now-details-title { display: block; font-size: 10px; line-height: 10px; margin: 0; padding: 0; }
.wcp-openweather-default-metro-widget .wcp-openweather-content .wcp-openweather-now-wrapper .wcp-openweather-now-details .wcp-openweather-now-details-row .wcp-openweather-now-details-value { display: block; font-size: 12px; line-height: 14px; margin: -1px 0 0 0; padding: 0; } 
/*--------------------------------------------------------------*/
/*--- WCP OpenWeather Widget Forecast Styles ---*/
/*--------------------------------------------------------------*/
.wcp-openweather-default-metro-widget .wcp-openweather-content .wcp-openweather-forecast-wrapper { padding: 12px 0 0 0; margin: 0; }
.wcp-openweather-default-metro-widget .wcp-openweather-content .wcp-openweather-forecast-wrapper .wcp-openweather-forecast-header { background: rgba(255,255,255,0.3); padding: 4px 0 5px; margin: 0; width: 100%; overflow: hidden; }
.wcp-openweather-default-metro-widget .wcp-openweather-content .wcp-openweather-forecast-wrapper .wcp-openweather-forecast-header .wcp-openweather-forecast-day { float: left; width: 20%; font-size: 11px; line-height: 11px; text-transform: uppercase; text-align: center; }
.wcp-openweather-default-metro-widget .wcp-openweather-content .wcp-openweather-forecast-wrapper .wcp-openweather-forecast-content { padding: 10px 0 0 0 !important; margin: 0 !important; overflow: hidden; width: 100%; }
.wcp-openweather-default-metro-widget .wcp-openweather-content .wcp-openweather-forecast-wrapper .wcp-openweather-forecast-content .wcp-openweather-forecast-item { float: left; width: 20%; padding: 0; margin: 0; }
.wcp-openweather-default-metro-widget .wcp-openweather-content .wcp-openweather-forecast-wrapper .wcp-openweather-forecast-content .wcp-openweather-forecast-item .wcp-openweather-forecast-day-icon { margin: 0; padding: 0; text-align: left; }
.wcp-openweather-default-metro-widget .wcp-openweather-content .wcp-openweather-forecast-wrapper .wcp-openweather-forecast-content .wcp-openweather-forecast-item .wcp-openweather-forecast-day-icon .icon { font-size: 20px !important; width: 20px; height: 20px; margin: 0 auto; }
.wcp-openweather-default-metro-widget .wcp-openweather-content .wcp-openweather-forecast-wrapper .wcp-openweather-forecast-content .wcp-openweather-forecast-item .wcp-openweather-forecast-day-icon .icon.diw-sun { font-size: 18px !important; width: 18px; height: 19px; padding-top: 1px; }
.wcp-openweather-default-metro-widget .wcp-openweather-content .wcp-openweather-forecast-wrapper .wcp-openweather-forecast-content .wcp-openweather-forecast-item .wcp-openweather-forecast-day-value { display: block; font-size: 10px; line-height: 10px; text-transform: uppercase; text-align: center; word-wrap: break-word; padding: 4px 0 0 0; margin: 0; }
.wcp-openweather-default-metro-widget .wcp-openweather-content .wcp-openweather-forecast-wrapper .wcp-openweather-forecast-content .wcp-openweather-forecast-item .wcp-openweather-forecast-day-value .wcp-openweather-forecast-day-deg { position: relative; top: 4px !important; bottom: 0 !important; font-size: 11px; line-height: 0; height: 0; vertical-align: super; }
/*--------------------------------------------------------------*/
/*--- WCP OpenWeather Widget NoData Styles ---*/
/*--------------------------------------------------------------*/ 
.wcp-openweather-default-metro-widget .wcp-openweather-content .wcp-openweather-nodata-wrapper { padding: 15px 0 1px; margin: 0; text-align: left; }
.wcp-openweather-default-metro-widget .wcp-openweather-content .wcp-openweather-nodata-wrapper:first-child { padding: 0 0 1px; }
.wcp-openweather-default-metro-widget .wcp-openweather-content .wcp-openweather-nodata-wrapper .wcp-openweather-nodata { font-size: 12px; line-height: 12px; margin: 0; padding: 0; text-transform: uppercase; }
/*--------------------------------------------------------------*/
/*--- WCP OpenWeather Widget Mini Content Styles ---*/
/*--------------------------------------------------------------*/
.wcp-openweather-default-metro-widget.wcp-openweather-default-mini .wcp-openweather-container { padding-left: 10px; padding-right: 10px; }
.wcp-openweather-default-metro-widget.wcp-openweather-default-mini .wcp-openweather-content .wcp-openweather-city-wrapper { text-align: center; }
/*--------------------------------------------------------------*/
.wcp-openweather-default-metro-widget.wcp-openweather-default-mini .wcp-openweather-header .wcp-openweather-header-wrapper { height: 23px; }
.wcp-openweather-default-metro-widget.wcp-openweather-default-mini .wcp-openweather-header .wcp-openweather-day-wrapper .wcp-openweather-day { font-size: 11px; line-height: 13px; }
.wcp-openweather-default-metro-widget.wcp-openweather-default-mini .wcp-openweather-header .wcp-openweather-options { padding-left: 6px; } 
.wcp-openweather-default-metro-widget.wcp-openweather-default-mini .wcp-openweather-header .wcp-openweather-options .wcp-openweather-settings-icon, .wcp-openweather-default-metro-widget.wcp-openweather-default-mini .wcp-openweather-header .wcp-openweather-refresh .wcp-openweather-refresh-icon { font-size: 14px; height: 13px; line-height: 14px; width: 13px; }
.wcp-openweather-default-metro-widget.wcp-openweather-default-mini .wcp-openweather-header .wcp-openweather-refresh .wcp-openweather-refresh-icon .wcp-ow-icon-refresh { font-size: 14px; line-height: 14px; }
.wcp-openweather-default-metro-widget.wcp-openweather-default-mini .wcp-openweather-header .wcp-openweather-options .wcp-openweather-settings-icon .wcp-ow-icon-cog { font-size: 17px; line-height: 13px; }
/*--------------------------------------------------------------*/
.wcp-openweather-default-metro-widget.wcp-openweather-default-mini .wcp-openweather-content .wcp-openweather-now-wrapper { padding: 1px 0 0 0; }
.wcp-openweather-default-metro-widget.wcp-openweather-default-mini .wcp-openweather-content .wcp-openweather-now-wrapper .wcp-openweather-now { float: none; }
.wcp-openweather-default-metro-widget.wcp-openweather-default-mini .wcp-openweather-content .wcp-openweather-now-wrapper .wcp-openweather-now { width: 100%; }
.wcp-openweather-default-metro-widget.wcp-openweather-default-mini .wcp-openweather-content .wcp-openweather-now-wrapper .wcp-openweather-now-temperature .wcp-openweather-now-value { float: none; display: block; max-width: 100%; text-align: center; }
.wcp-openweather-default-metro-widget.wcp-openweather-default-mini .wcp-openweather-content .wcp-openweather-now-wrapper .wcp-openweather-now-temperature .wcp-openweather-now-icon { float: none; margin: 0 auto; }
.wcp-openweather-default-metro-widget.wcp-openweather-default-mini .wcp-openweather-content .wcp-openweather-now-wrapper .wcp-openweather-now-status { text-align: center; max-width: 100%; display: block; }
/*--------------------------------------------------------------*/
/*--- WCP OpenWeather Widget Mini Forecast Styles ---*/
/*--------------------------------------------------------------*/
.wcp-openweather-default-metro-widget.wcp-openweather-default-mini .wcp-openweather-content .wcp-openweather-forecast-tbl { margin: 0; padding: 0; border: 0; border-collapse: separate; border-spacing: 0; width: 100%; font: 11px/13px 'Roboto-Regular', Arial, sans-serif; table-layout: fixed; }
.wcp-openweather-default-metro-widget.wcp-openweather-default-mini .wcp-openweather-content .wcp-openweather-forecast-tbl .wcp-openweather-forecast-header { background: rgba(255,255,255,0.3); } 
.wcp-openweather-default-metro-widget.wcp-openweather-default-mini .wcp-openweather-content .wcp-openweather-forecast-tbl .wcp-openweather-forecast-header th { margin: 0; padding: 3px 5px !important; border: 0; font-weight: normal !important; text-align: center !important; text-transform: uppercase; font-size: 11px; line-height: 14px; height: 14px; background: none; } 
.wcp-openweather-default-metro-widget.wcp-openweather-default-mini .wcp-openweather-content .wcp-openweather-forecast-tbl .wcp-openweather-forecast-item td { margin: 0; padding: 7px 5px !important; border: 0; font-weight: normal !important; text-align: center !important; font-size: 11px; line-height: 13px; vertical-align: middle; background: rgba(255,255,255,0.2); }
.wcp-openweather-default-metro-widget.wcp-openweather-default-mini .wcp-openweather-content .wcp-openweather-forecast-tbl .wcp-openweather-forecast-item.wcp-openweather-forecast-item-light td { background: rgba(255,255,255,0.3); }
.wcp-openweather-default-metro-widget.wcp-openweather-default-mini .wcp-openweather-content .wcp-openweather-forecast-tbl .wcp-openweather-forecast-item td.wcp-openweather-forecast-item-icon { width: 35px; }
.wcp-openweather-default-metro-widget.wcp-openweather-default-mini .wcp-openweather-content .wcp-openweather-forecast-tbl .wcp-openweather-forecast-item td .wcp-openweather-forecast-day-deg { position: relative; bottom: 0 !important; top: 4px !important; line-height: 0; height: 0; font-size: 12px; vertical-align: super; }
.wcp-openweather-default-metro-widget.wcp-openweather-default-mini .wcp-openweather-content .wcp-openweather-forecast-tbl .wcp-openweather-forecast-item td .wcp-openweather-forecast-day-temp, .wcp-openweather-default-metro-widget.wcp-openweather-default-mini .wcp-openweather-content .wcp-openweather-forecast-tbl .wcp-openweather-forecast-item td .wcp-openweather-forecast-day-temp-last { display: block; }
.wcp-openweather-default-metro-widget.wcp-openweather-default-mini .wcp-openweather-content .wcp-openweather-forecast-tbl .wcp-openweather-forecast-item td .wcp-openweather-forecast-day-temp { font-size: 12px; line-height: 13px; margin: 0; padding: 0; }
.wcp-openweather-default-metro-widget.wcp-openweather-default-mini .wcp-openweather-content .wcp-openweather-forecast-tbl .wcp-openweather-forecast-item td .wcp-openweather-forecast-day-temp-last { font-size: 10px; line-height: 12px; margin: 0; padding: 0; }
.wcp-openweather-default-metro-widget.wcp-openweather-default-mini .wcp-openweather-content .wcp-openweather-forecast-tbl .wcp-openweather-forecast-item td .wcp-openweather-forecast-item-day { font-size: 12px; display: block; text-transform: uppercase; }
.wcp-openweather-default-metro-widget.wcp-openweather-default-mini .wcp-openweather-content .wcp-openweather-forecast-tbl .wcp-openweather-forecast-item td .wcp-openweather-forecast-item-date { font-size: 10px; line-height: 12px; display: block; text-transform: uppercase; }
.wcp-openweather-default-metro-widget.wcp-openweather-default-mini .wcp-openweather-content .wcp-openweather-forecast-tbl .wcp-openweather-forecast-item td .wcp-openweather-forecast-day-icon { margin: 0; padding: 0; text-align: left; }
.wcp-openweather-default-metro-widget.wcp-openweather-default-mini .wcp-openweather-content .wcp-openweather-forecast-tbl .wcp-openweather-forecast-item td .wcp-openweather-forecast-day-icon .icon { font-size: 25px !important; width: 25px; height: 25px; margin: 0 auto; }
.wcp-openweather-default-metro-widget.wcp-openweather-default-mini .wcp-openweather-content .wcp-openweather-forecast-tbl .wcp-openweather-forecast-item td .wcp-openweather-forecast-day-icon .icon.diw-sun { font-size: 22px !important; width: 22px; height: 22px; padding: 2px 0 1px; }
.wcp-openweather-default-metro-widget.wcp-openweather-default-mini .wcp-openweather-content .wcp-openweather-forecast-tbl .wcp-openweather-forecast-item td .wcp-openweather-forecast-day-icon img { display: block; background: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; max-width: 100%; height: auto; }
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*--- WCP OpenWeather Shortcode Canvas Styles ---*/
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
.wcp-openweather-default-metro-shortcode { font: 12px/14px 'Roboto-Regular', Arial, sans-serif; width: 100%; box-sizing: border-box; -webkit-box-sizing: border-box; color: #fff; background-repeat: no-repeat; background-position: center top; background-size: cover; position: relative; margin-bottom: 15px; }
.wcp-openweather-default-metro-shortcode div, .wcp-openweather-default-metro-shortcode span { font-family: 'Roboto-Regular', Arial, sans-serif; }
.wcp-openweather-default-metro-shortcode .wcp-openweather-default-metro-opacity { opacity: 0.6; position: absolute; top: 0; width: 100%; bottom: 0; margin: 0 !important; padding: 0 !important; }
.wcp-openweather-default-metro-shortcode .wcp-openweather-container { padding: 0 15px; margin: 0; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; }
.wcp-openweather-default-metro-shortcode .wcp-openweather-default-metro-widget-container { position: relative; z-index: 1; margin: 0 !important; padding: 0 !important; }
/*--------------------------------------------------------------*/
/*--- WCP OpenWeather Shortcode Header Styles ---*/
/*--------------------------------------------------------------*/
.wcp-openweather-default-metro-shortcode .wcp-openweather-header { padding: 0; margin: 0; }
.wcp-openweather-default-metro-shortcode .wcp-openweather-header .wcp-openweather-header-wrapper { background: rgba(255,255,255,0.30); height: 24px; padding: 0; margin: 0; }
.wcp-openweather-default-metro-shortcode .wcp-openweather-header .wcp-openweather-header-wrapper .wcp-openweather-container { padding-top: 5px; padding-bottom: 5px; margin: 0; }
.wcp-openweather-default-metro-shortcode .wcp-openweather-header .wcp-openweather-day-wrapper { padding: 0 42px 0 0; margin: 0; }
.wcp-openweather-default-metro-shortcode .wcp-openweather-header .wcp-openweather-day-wrapper .wcp-openweather-day { display: block; font-size: 12px; line-height: 14px; text-align: left; text-transform: uppercase; font-weight: normal !important; color: #fff; }
.wcp-openweather-default-metro-shortcode .wcp-openweather-header .wcp-openweather-options-wrapper { float: right; width: 40px; padding: 0; margin: 0; }
.wcp-openweather-default-metro-shortcode .wcp-openweather-header .wcp-openweather-options, .wcp-openweather-default-metro-shortcode .wcp-openweather-header .wcp-openweather-refresh { float: right; padding: 0; margin: 0; }
.wcp-openweather-default-metro-shortcode .wcp-openweather-header .wcp-openweather-options-wrapper { position: relative; }
.wcp-openweather-default-metro-shortcode .wcp-openweather-header .wcp-openweather-options { padding-left: 9px; }
.wcp-openweather-default-metro-shortcode .wcp-openweather-header .wcp-openweather-options .wcp-openweather-settings-wrapper { padding: 0; margin: 0; }
.wcp-openweather-default-metro-shortcode .wcp-openweather-header .wcp-openweather-options .wcp-openweather-settings-icon, .wcp-openweather-default-metro-shortcode .wcp-openweather-header .wcp-openweather-refresh .wcp-openweather-refresh-icon { color: #fff; display: block; width: 14px; height: 14px; font-size: 15px; line-height: 14px; outline: none; text-decoration: none; padding: 0; margin: 0; border: 0; background: none; box-shadow: 0 0 0 0 !important; transition: none; }
.wcp-openweather-default-metro-shortcode .wcp-openweather-header .wcp-openweather-options .wcp-openweather-settings-icon:hover, .wcp-openweather-default-metro-shortcode .wcp-openweather-header .wcp-openweather-refresh .wcp-openweather-refresh-icon:hover { color: inherit; width: 14px; height: 14px; font-size: 15px; line-height: 14px; outline: none; text-decoration: none; padding: 0; margin: 0; border: 0; background: none; opacity: 0.7; }
.wcp-openweather-default-metro-shortcode .wcp-openweather-header .wcp-openweather-refresh .wcp-openweather-refresh-icon .wcp-ow-icon-refresh { font-size: 15px; line-height: 15px; color: #fff; }
.wcp-openweather-default-metro-shortcode .wcp-openweather-header .wcp-openweather-refresh .wcp-openweather-refresh-icon .wcp-ow-icon-refresh.fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 1s infinite linear; width: 13px; }
.wcp-openweather-default-metro-shortcode .wcp-openweather-header .wcp-openweather-refresh .wcp-openweather-refresh-spinner { position: absolute; left: -20px; top: 0; display: none; width: 14px; height: 14px; padding: 0; margin: 0; }
.wcp-openweather-default-metro-shortcode .wcp-openweather-header .wcp-openweather-refresh .wcp-openweather-refresh-spinner img { display: block; background: none !important; margin: 0 !important; padding: 0 !important; border: 0 !important; max-width: 100%; height: auto; }
.wcp-openweather-default-metro-shortcode .wcp-openweather-header .wcp-openweather-options .wcp-openweather-settings-icon .wcp-ow-icon-cog { font-size: 18px; line-height: 14px; margin-left: -2px; color: #fff; }
/*--------------------------------------------------------------*/
.wcp-openweather-default-metro-shortcode .wcp-openweather-header .wcp-openweather-options .wcp-openweather-settings { display: none; }
/*--------------------------------------------------------------*/
/*--- WCP OpenWeather Shortcode Content Styles ---*/
/*--------------------------------------------------------------*/
.wcp-openweather-default-metro-shortcode .wcp-openweather-content { padding: 0; margin: 0; }
.wcp-openweather-default-metro-shortcode .wcp-openweather-content > .wcp-openweather-container { padding-top: 12px; padding-bottom: 13px; margin: 0; }
.wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-city-wrapper { text-align: center; margin: 0; }
.wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-city-wrapper .wcp-openweather-city { font-size: 18px; line-height: 20px; text-transform: none; hyphens: none; -moz-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; word-wrap: break-word; -moz-word-wrap: break-word; -webkit-word-wrap: break-word; -ms-word-wrap: break-word; }
.wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-city-wrapper .wcp-openweather-country { display: block; padding: 3px 0 0 0; margin: 0; font-size: 14px; line-height: 16px; text-transform: none; hyphens: none; -moz-hyphens: none; -webkit-hyphens: none; -ms-hyphens: none; word-wrap: break-word; -moz-word-wrap: break-word; -webkit-word-wrap: break-word; -ms-word-wrap: break-word; }
/*--------------------------------------------------------------*/
.wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-content-tbl { margin: 17px 0 0 0 !important; padding: 0 !important; border: 0 !important; border-collapse: separate !important; border-spacing: 0 !important; width: 100% !important; font: 12px/13px 'Roboto-Regular', Arial, sans-serif; color: #fff; background: none !important; table-layout: fixed; text-shadow: none !important; }
.wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-content-tbl tr { margin: 0; padding: 0 !important; border: 0 !important; background: none !important; }
.wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-content-tbl td { margin: 0; padding: 0 !important; border: 0 !important; font-weight: normal !important; text-align: center !important; font-size: 12px; line-height: 13px; vertical-align: middle; background: none !important; }
.wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-content-tbl td.wcp-openweather-now-details { text-align: right !important; vertical-align: bottom; }
.wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-content-tbl td.wcp-openweather-now-details:first-child { text-align: left !important; }
/*--------------------------------------------------------------*/
.wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-content-tbl .wcp-openweather-now-icon-wrapper { padding: 0; margin: 0; text-align: center; }
.wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-content-tbl .wcp-openweather-now-temperature-wrapper .wcp-openweather-now-value { display: inline-block; font-size: 40px; line-height: 35px; text-transform: uppercase; padding: 0; margin: 0; vertical-align: top; color: #fff; } 
.wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-content-tbl .wcp-openweather-now-temperature-wrapper .wcp-openweather-now-value .wcp-openweather-now-value-deg { font-size: 40px; bottom: 0 !important; height: 0; line-height: 0 !important; position: relative; top: 15px !important; vertical-align: super !important; }
.wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-content-tbl .wcp-openweather-now-icon-wrapper .wcp-openweather-now-icon { display: inline-block; height: 34px; margin: 0; padding: 0 0 0 1px; vertical-align: top; color: #fff; }
.wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-content-tbl .wcp-openweather-now-icon-wrapper .wcp-openweather-now-icon .icon { margin: 0; padding: 0; font-size: 35px !important; }
.wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-content-tbl .wcp-openweather-now-status { display: block; text-transform: lowercase; font-size: 12px; line-height: 12px; padding: 1px 0 0 0; margin: 0; color: #fff; }
/*--------------------------------------------------------------*/
.wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-content-tbl .wcp-openweather-now-details .wcp-openweather-now-details-row { padding: 10px 0 0 0; margin: 0; overflow: hidden; width: 100%; text-transform: uppercase; }
.wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-content-tbl .wcp-openweather-now-details .wcp-openweather-now-details-row:first-child { padding: 0; }
.wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-content-tbl .wcp-openweather-now-details .wcp-openweather-now-details-row .wcp-openweather-now-details-title { display: block; font-size: 10px; line-height: 10px; color: #fff; }
.wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-content-tbl .wcp-openweather-now-details .wcp-openweather-now-details-row .wcp-openweather-now-details-value { display: block; font-size: 12px; line-height: 14px; margin-top: -1px; color: #fff; }  
/*--------------------------------------------------------------*/
/*--- WCP OpenWeather Shortcode Forecast Styles ---*/
/*--------------------------------------------------------------*/                                       
.wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-forecast-wrapper { margin: 0; padding: 0 15px 15px; }
.wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-forecast-content { margin: 0 !important; padding: 0; border: 0 !important; border-collapse: separate !important; border-spacing: 0 !important; width: 100% !important; font: 12px/14px 'Roboto-Regular', Arial, sans-serif; color: #fff; table-layout: auto; text-transform: uppercase; letter-spacing: 0; text-shadow: none !important; }
.wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-header { background: none !important; } 
.wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-forecast-content tr, .wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-forecast-content tr:hover { background: none !important; } 
.wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-header th { background: rgba(255,255,255,0.3) !important; font-family: 'Roboto-Regular', Arial, sans-serif; margin: 0; padding: 5px 5px 6px !important; border: 0 !important; font-weight: normal !important; text-align: center !important; text-transform: uppercase; font-size: 11px !important; line-height: 12px; height: 12px; color: #fff; letter-spacing: 0; } 
.wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-header th:first-child { padding: 5px 5px 6px 15px !important; }
.wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-header th span { font-size: 11px; line-height: 12px; margin: 0; padding: 0; } 
.wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-item td { font-family: 'Roboto-Regular', Arial, sans-serif; margin: 0; padding: 6px 5px !important; border: 0 !important; font-weight: normal !important; text-align: center !important; font-size: 12px; line-height: 14px; vertical-align: middle; color: #fff; letter-spacing: 0; background: rgba(255,255,255,0.2); }
.wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-item:hover td { background: rgba(255,255,255,0.2); }
.wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-item.wcp-openweather-forecast-item-light td, .wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-item.wcp-openweather-forecast-item-light:hover td { background: rgba(255,255,255,0.25); }
.wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-item td:first-child { padding: 6px 5px 6px 15px !important; }
.wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-item td:last-child, .wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-header th:last-child, .wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-item td.wcp-openweather-forecast-item-last, .wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-header th.wcp-openweather-forecast-item-last { padding: 4px !important; }
.wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-item td.wcp-openweather-forecast-item-align, .wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-header th.wcp-openweather-forecast-item-align { text-align: left !important; }
.wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-item td .wcp-openweather-forecast-day-deg { position: relative; bottom: 0 !important; top: 4px !important; line-height: 0; height: 0; font-size: 12px; vertical-align: super; }
.wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-item td wcp-openweather-forecast-day-temp-last .wcp-openweather-forecast-day-deg { top: 6px !important; }
.wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-item td .wcp-openweather-forecast-item-day { font-size: 12px; display: block; }
.wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-item td .wcp-openweather-forecast-item-date { font-size: 10px; line-height: 12px; display: block; text-transform: uppercase; /*color: #9e9e9e;*/ }
.wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-item td .wcp-openweather-forecast-day-icon { text-align: left; min-height: 35px; }
.wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-item td .wcp-openweather-forecast-day-icon .icon { font-size: 35px !important; line-height: 27px; width: 35px; height: 35px; margin: 0 auto; }
.wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-item td .wcp-openweather-forecast-day-icon .icon.diw-sun { font-size: 28px !important; width: 28px; height: 28px; padding: 4px 0 3px 0; }
.wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-item td .wcp-openweather-forecast-day-temp-last { line-height: 12px; font-size: 10px; }
/*--------------------------------------------------------------*/
/*--- WCP OpenWeather Shortcode NoData Styles ---*/
/*--------------------------------------------------------------*/ 
.wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-nodata-wrapper { margin: 0; padding: 2px 0 0 0; }
.wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-nodata-wrapper .wcp-openweather-nodata { display: block; padding: 0; margin: 0; text-transform: uppercase; text-align: left; line-height: 12px; font-size: 12px; }
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
/*--- WCP OpenWeather Shortcode Compact Forecast Styles ---*/
/*--------------------------------------------------------------*/
/*--------------------------------------------------------------*/
.wcp-openweather-default-metro-shortcode.wcp-openweather-default-metro-compact .wcp-openweather-content .wcp-openweather-forecast-wrapper .wcp-openweather-forecast-header { background: rgba(255,255,255,0.3); padding: 4px 0 5px; margin: 0; width: 100%; overflow: hidden; }
.wcp-openweather-default-metro-shortcode.wcp-openweather-default-metro-compact .wcp-openweather-content .wcp-openweather-forecast-wrapper .wcp-openweather-forecast-header .wcp-openweather-container { padding: 0 5px; }
.wcp-openweather-default-metro-shortcode.wcp-openweather-default-metro-compact .wcp-openweather-content .wcp-openweather-forecast-wrapper .wcp-openweather-forecast-header .wcp-openweather-forecast-day { float: left; width: 20%; font-size: 11px; line-height: 11px; text-transform: uppercase; text-align: center; }
.wcp-openweather-default-metro-shortcode.wcp-openweather-default-metro-compact .wcp-openweather-content .wcp-openweather-forecast-wrapper .wcp-openweather-forecast-header .wcp-openweather-forecast-day .wcp-openweather-forecast-item-date { display: block; font-size: 11px; line-height: 12px; text-align: center; }
.wcp-openweather-default-metro-shortcode.wcp-openweather-default-metro-compact .wcp-openweather-content .wcp-openweather-forecast-wrapper .wcp-openweather-forecast-content { padding: 10px 0 0 0 !important; margin: 0 !important; overflow: hidden; width: 100%; }
.wcp-openweather-default-metro-shortcode.wcp-openweather-default-metro-compact .wcp-openweather-content .wcp-openweather-forecast-wrapper .wcp-openweather-forecast-content .wcp-openweather-container { padding: 0 5px; }
.wcp-openweather-default-metro-shortcode.wcp-openweather-default-metro-compact .wcp-openweather-content .wcp-openweather-forecast-wrapper .wcp-openweather-forecast-content .wcp-openweather-forecast-item { float: left; width: 20%; padding: 0; margin: 0; }
.wcp-openweather-default-metro-shortcode.wcp-openweather-default-metro-compact .wcp-openweather-content .wcp-openweather-forecast-wrapper .wcp-openweather-forecast-content .wcp-openweather-forecast-item .wcp-openweather-forecast-day-icon { margin: 0; padding: 0; text-align: left; }
.wcp-openweather-default-metro-shortcode.wcp-openweather-default-metro-compact .wcp-openweather-content .wcp-openweather-forecast-wrapper .wcp-openweather-forecast-content .wcp-openweather-forecast-item .wcp-openweather-forecast-day-icon .icon { font-size: 20px !important; width: 20px; height: 20px; margin: 0 auto; }
.wcp-openweather-default-metro-shortcode.wcp-openweather-default-metro-compact .wcp-openweather-content .wcp-openweather-forecast-wrapper .wcp-openweather-forecast-content .wcp-openweather-forecast-item .wcp-openweather-forecast-day-icon .icon.diw-sun { font-size: 18px !important; width: 18px; height: 19px; padding-top: 1px; }
.wcp-openweather-default-metro-shortcode.wcp-openweather-default-metro-compact .wcp-openweather-content .wcp-openweather-forecast-wrapper .wcp-openweather-forecast-content .wcp-openweather-forecast-item .wcp-openweather-forecast-day-value { display: block; font-size: 10px; line-height: 10px; text-transform: uppercase; text-align: center; word-wrap: break-word; padding: 4px 0 0 0; margin: 0; }
.wcp-openweather-default-metro-shortcode.wcp-openweather-default-metro-compact .wcp-openweather-content .wcp-openweather-forecast-wrapper .wcp-openweather-forecast-content .wcp-openweather-forecast-item .wcp-openweather-forecast-day-value .wcp-openweather-forecast-day-deg { position: relative; top: 4px !important; bottom: 0 !important; font-size: 11px; line-height: 0; height: 0; vertical-align: super; } 
/*--------------------------------------------------------------*/
/*--- WCP OpenWeather Spinner Rotate Styles ---*/
/*--------------------------------------------------------------*/
@-webkit-keyframes fa-spin { 
    0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
    100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); }
}
@keyframes fa-spin {
  0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); }
}
/*--------------------------------------------------------------*/
/*--- WCP OpenWeather Chrome Correct Icon Styles ---*/
/*--------------------------------------------------------------*/
@media screen and (-webkit-min-device-pixel-ratio:0) { 
    .wcp-openweather-default-metro-shortcode .wcp-openweather-header .wcp-openweather-refresh .wcp-openweather-refresh-icon .wcp-ow-icon-refresh, .wcp-openweather-default-metro-widget .wcp-openweather-header .wcp-openweather-refresh .wcp-openweather-refresh-icon .wcp-ow-icon-refresh { line-height: 15px; }
    .wcp-openweather-default-metro-widget.wcp-openweather-default-mini .wcp-openweather-header .wcp-openweather-refresh .wcp-openweather-refresh-icon .wcp-ow-icon-refresh { line-height: 14px; }
}
/*-----------------------------------------------------------------*/                               
/*--- Media Queries Styles ---*/
/*-----------------------------------------------------------------*/

/*-----------------------------------------------------------------*/
/*---------- Styles for mobile 0 - 767px --------*/
/*-----------------------------------------------------------------*/
@media only screen and (min-width: 0) and (max-width: 767px) { 
    .wcp-openweather-hidden-xs { display: none; }
    .wcp-openweather-visible-xs { display: block; }    
    .wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-content-tbl .wcp-openweather-now-temperature-wrapper .wcp-openweather-now-icon { padding: 3px 0 1px; display: none; }
    .wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-content-tbl .wcp-openweather-now-status { padding: 0 5px; }
    .wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-content-tbl .wcp-openweather-now-temperature-wrapper .wcp-openweather-now-value { line-height: 32px; }
    .wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-item td:first-child { width: 30px; }
    .wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-item td.wcp-openweather-forecast-item-status { display: none !important; }
    .wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-item td.wcp-openweather-forecast-item-hidden-xs, .wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-forecast-content th.wcp-openweather-forecast-item-hidden-xs { display: none !important; }        
    .wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-item td .wcp-openweather-forecast-day-temp-last { display: block; }
    .wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-item td .wcp-openweather-forecast-day-icon .icon { font-size: 25px !important; line-height: 19px; width: 25px; }      
    .wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-item td .wcp-openweather-forecast-day-icon .icon.diw-sun { font-size: 22px !important; line-height: 14px; width: 22px; padding-top: 2px; }      
    .wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-item td:first-child, .wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-header th:first-child { width: 35px; }
    /*-----------------------------------------------------------------*/
    .wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-item td, .wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-item td .wcp-openweather-forecast-item-day { font-size: 11px; }
    .wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-content-tbl .wcp-openweather-now-details .wcp-openweather-now-details-row .wcp-openweather-now-details-value { font-size: 11px; line-height: 10px; margin: 2px 0 0 0; } 
    .wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-content-tbl td.wcp-openweather-now-details:first-child .wcp-openweather-now-details-row { min-width: 95px; }
    /*-----------------------------------------------------------------*/
    .wcp-openweather-default-metro-widget.wcp-openweather-default-mini .wcp-openweather-content .wcp-openweather-forecast-tbl .wcp-openweather-forecast-header th { padding: 4px 5px !important; line-height: 11px; height: auto; }
    .wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-header th { height: auto; line-height: 11px; padding-bottom: 5px !important }
    /*-----------------------------------------------------------------*/
    .wcp-openweather-default-metro-widget .wcp-openweather-header .wcp-openweather-options .wcp-openweather-settings-icon:hover, .wcp-openweather-default-metro-widget .wcp-openweather-header .wcp-openweather-refresh .wcp-openweather-refresh-icon:hover, .wcp-openweather-default-metro-shortcode .wcp-openweather-header .wcp-openweather-options .wcp-openweather-settings-icon:hover, .wcp-openweather-default-metro-shortcode .wcp-openweather-header .wcp-openweather-refresh .wcp-openweather-refresh-icon:hover { opacity: 1; }
    /*-----------------------------------------------------------------*/
    .wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-header th { padding-bottom: 5px; }
    .wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-header th:first-child { padding-left: 7px !important; }.wcp-openweather-default-metro-shortcode .wcp-openweather-content .wcp-openweather-forecast-content .wcp-openweather-forecast-item td:first-child { padding-left: 7px !important; }    
    /*-----------------------------------------------------------------*/
    .wcp-openweather-default-metro-shortcode.wcp-openweather-default-metro-compact .wcp-openweather-content .wcp-openweather-forecast-wrapper .wcp-openweather-forecast-header, .wcp-openweather-default-metro-widget .wcp-openweather-content .wcp-openweather-forecast-wrapper .wcp-openweather-forecast-header, .wcp-openweather-default-metro-widget .wcp-openweather-content .wcp-openweather-forecast-wrapper .wcp-openweather-forecast-header, .wcp-openweather-default-metro-widget.wcp-openweather-default-mini .wcp-openweather-content .wcp-openweather-forecast-tbl .wcp-openweather-forecast-header th { padding-top: 5px !important; }
}  
/*-----------------------------------------------------------------*/
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 2) {
    .wcp-openweather-default-metro-widget .wcp-openweather-header .wcp-openweather-options .wcp-openweather-settings-icon .wcp-ow-icon-cog, .wcp-openweather-default-metro-shortcode .wcp-openweather-header .wcp-openweather-options .wcp-openweather-settings-icon .wcp-ow-icon-cog { line-height: 16px; }
    .wcp-openweather-default-metro-widget.wcp-openweather-default-mini .wcp-openweather-header .wcp-openweather-refresh .wcp-openweather-refresh-icon .wcp-ow-icon-refresh { line-height: 13px; }
}
/*-----------------------------------------------------------------*/
@media screen and (device-width: 320px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
    .wcp-openweather-default-metro-widget .wcp-openweather-header .wcp-openweather-options .wcp-openweather-settings-icon .wcp-ow-icon-cog, .wcp-openweather-default-metro-shortcode .wcp-openweather-header .wcp-openweather-options .wcp-openweather-settings-icon .wcp-ow-icon-cog { line-height: 16px; }
    .wcp-openweather-default-metro-widget.wcp-openweather-default-mini .wcp-openweather-header .wcp-openweather-refresh .wcp-openweather-refresh-icon .wcp-ow-icon-refresh { line-height: 13px; }
}
/*-----------------------------------------------------------------*/
@media screen and (device-width: 360px) and (device-height: 640px) and (-webkit-device-pixel-ratio: 3) {
    .wcp-openweather-default-metro-widget .wcp-openweather-header .wcp-openweather-options .wcp-openweather-settings-icon .wcp-ow-icon-cog, .wcp-openweather-default-metro-shortcode .wcp-openweather-header .wcp-openweather-options .wcp-openweather-settings-icon .wcp-ow-icon-cog { line-height: 16px; }
    .wcp-openweather-default-metro-widget.wcp-openweather-default-mini .wcp-openweather-header .wcp-openweather-refresh .wcp-openweather-refresh-icon .wcp-ow-icon-refresh { line-height: 13px; }
}