/**********************************************************************************************

                    THANK YOU FOR CHOOSING WEATHER PRESS

                    This css file is validated by www.w3.org

***********************************************************************************************/

@import url(https://fonts.googleapis.com/css?family=Oswald:400,300);
@import "animations.css";
@import "magic.css";

@font-face {

font-family: "DroidKufi";
src: url("fonts/DroidKufi-Bold.ttf");
}

/* reset widget elements */
.weather_Press_LayoutContainer, .weather_Press_LayoutContainer div, .weather_Press_LayoutContainer ul, .weather_Press_LayoutContainer li, .weather_Press_LayoutContainer span {

	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-family:"DroidKufi", Arial, Helvetica, sans-serif;
	vertical-align: baseline;
	box-sizing:border-box;
	list-style: none;
	background-color:transparent;
	box-shadow:none;
}

.weather_Press_LayoutContainer li:before, .weather_Press_LayoutContainer li:after {
	
	content: '' !important;
	content: none !important;
}

.weather_Press_LayoutContainer li, .weather_Press_LayoutContainer ul {
	
	list-style:none;
	position:relative;
}

.weather_Press_LayoutContainer img {
  border-style: none;
}

.weather_Press_LayoutContainer svg:not(:root) {
  overflow: hidden;
}

/* Don't show shadows when selecting text */
::-moz-selection { background: #5af; color: #fff; text-shadow: none; }
::selection { background: #5af; color: #fff; text-shadow: none; }

.weather_Press_LayoutContainer {

    position:relative;
	display:inline-block;
    max-width: 440px;
	min-width: 221px;
    width: 100%;
    border:1px solid #d9d9d9;
	background-color:rgba(236, 236, 236, 0.5);
	background-image: url('../images/widget_bg.png');
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.6) inset;
	border-radius: 6px;
	padding:6px !important;
	z-index: 111111;
}

.weather_Press_LayoutContainer .clearfix:after {

	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

.weather_Press_LayoutContainer .wp_blockLeft {

    position: relative;
	float:left;
	max-width:37%;
	height: 137px;
	min-width:80px;
	background-color: rgba(236, 236, 236, 0.2);
	border-radius: 6px;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4) inset;
	overflow:hidden;
	z-index: 11111111;
}

.weather_Press_LayoutContainer .wp_blockLeft li {

	position:relative;
	float:none;
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
	text-align:center;
	color:#434343;
	font-size: 0.6em;
	line-height: 24px;
	height: 23px;
	text-align:left;
	margin-bottom: 6.3px !important;
	cursor:pointer;
	white-space: nowrap;
	text-transform: uppercase;
	text-indent: 4%;
}

.weather_Press_LayoutContainer .citiesList {

	position:relative;
	min-height: 137px;
    width: 100%;
	
	-webkit-transition:  all 250ms ease;
    -moz-transition:  all 250ms ease;
    -o-transition:  all 250ms ease;
    transition:  all 250ms ease;	
}
.weather_Press_LayoutContainer .citiesList .deep1 {

	font-size: 0.7rem;
	font-weight:bold;
	opacity: 0.4;
}
.weather_Press_LayoutContainer .citiesList .deep2 {

	font-size: 12px;
	font-weight:bold;
	opacity: 0.7;
}
.weather_Press_LayoutContainer .citiesList .centred {

	position: relative;
	font-size: 19px;
	font-weight:bold;
	opacity: 1;
	z-index: 11111111;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.9);
}

.weather_Press_LayoutContainer .wp_blockRight {

	float:right;
	width:59%;
}

.weather_Press_LayoutContainer .beside {

	display:inline-block;
	width:100%;
}

.weather_Press_LayoutContainer .middle {

	line-height: 87px;
    height: 80px;
}

.weather_Press_LayoutContainer .beside li {

	float:left;
	white-space: nowrap;
}

.weather_Press_LayoutContainer .beside .icon {

	width: 40%;
	height: 100%;
}
.weather_Press_LayoutContainer .beside .icon img {

	position: absolute;
    right: -6%;
    top: -8px;
    width: 100%;
	min-width: 94px;
}

.weather_Press_LayoutContainer .beside .maxmin {

	width: 84%;
	padding-top: 4px !important;
}

.weather_Press_LayoutContainer .beside .maxmin > ul {

	display: inline-block;
	width: 100%;
}
.weather_Press_LayoutContainer .beside .maxmin > ul > li:first-child, .weather_Press_LayoutContainer .beside .maxmin > ul > li:last-child {

	width: 14%;
}
.weather_Press_LayoutContainer .beside .maxmin > ul > li:last-child {

	text-align: right;
}

.weather_Press_LayoutContainer .beside .maxminColors {

	width:71%;
	text-align: center;
}

.weather_Press_LayoutContainer .beside .maxminColors > div {
	
	display:inline-block;
	width:82%;
	height:11px;
	border-radius:4px;
	background-color:#EBEBEB;
	
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5) inset;
	
    background-image: -webkit-linear-gradient(right, #7cbcf7, #ff9c0c); /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */
    background-image:    -moz-linear-gradient(right, #7cbcf7, #ff9c0c); /* For Firefox (3.6 to 15) */
    background-image:      -o-linear-gradient(right, #7cbcf7, #ff9c0c); /* For old Opera (11.1 to 12.0) */ 
    background-image:         linear-gradient(to right, #7cbcf7, #ff9c0c); /* Standard syntax; must be last */
}

.weather_Press_LayoutContainer .date, .weather_Press_LayoutContainer .beside .maxmin {

	height:20px;
	line-height:20px;
	font-size:12px;
    text-align: left;
    color: #888;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.9);
}

.weather_Press_LayoutContainer .date {

	text-indent: 14%;
	margin-top: 3px !important;
}

.weather_Press_LayoutContainer .cTemp {

	position:relative;
	width:50%;
	text-align: right;
	color:#989898;
	font-size: 3em;
	line-height: 1.7em;
	font-family:Arial, sans-serif;
	font-weight:bold;
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.9);
	font-family: 'Oswald', sans-serif;
	font-weight:400;
	z-index: 111111111;
}

.weather_Press_LayoutContainer .beside li:last-child {

	position:relative;
	float:right;
}

#weather_Press_ForecastIcon, #weather_Press_GeolocationIcon {
	
	display: block;
    height: 20px;
    width: 30px;
}

.weather_Press_LayoutContainer .wp_middleRect {

	position:absolute;
	left:-11%;
	top:55px;
	height:40px;
	width:50%;
	z-index:1111111;
	background-color:rgba(0, 10, 48, 0.1);	
	border-radius: 6px;
	border:1px solid #E1E1E1;
	box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.6) inset;
}

.weather_Press_LayoutContainer .relativeInAbsolute {

	position:relative;
	height:100%;
	width:100%;
}

.weather_Press_LayoutContainer .arrowTop, .weather_Press_LayoutContainer .arrowBottom, .weather_Press_LayoutContainer .arrowRight {

	position:absolute;
	height:17px;
	width:40px;
	cursor:pointer;
	z-index: 111111;
}
.weather_Press_LayoutContainer .arrowTop {

	left:0;
	top:-2px;
}
.weather_Press_LayoutContainer .arrowBottom {

	left:0;
	bottom:2px;
}

.weather_Press_LayoutContainer .arrowRight {

	right:0;
	bottom:0;
	height:100%;
	width: 22px;
}

.weather_Press_LayoutContainer .map-marker {

	position:absolute;
	top:0;
	right:0;
	height:30px;
	width:30px;	
	fill:#a09d9d;
	cursor:pointer;
    -webkit-transition:  all 250ms ease-in-out;
    -moz-transition:  all 250ms ease-in-out;
    -o-transition:  all 250ms ease-in-out;
    transition:  all 250ms ease-in-out;
}
.weather_Press_LayoutContainer .map-marker:hover {

	height:35px;
	width:35px;
	right:-3px;
	top:-3px;
	fill:#807D7D;
    -webkit-transition:  all 100ms ease-in-out;
    -moz-transition:  all 100ms ease-in-out;
    -o-transition:  all 100ms ease-in-out;
    transition:  all 100ms ease-in-out;
}
.weather_Press_LayoutContainer .map-marker:active, .weather_Press_LayoutContainer .map-marker:focus {

	height:38px;
	width:38px;
	right:-4px;
	top:-4px;
	fill:#807D7D;
}

.weather_Press_LayoutContainer .loaderContainer {

	position:absolute;
	overflow: hidden;
	top: 0;
    left: 0;
	height: 100%;
    width: 99.7%;
	max-width: 99.7%;
    min-width: 99.7%;
	background-color: rgba(236, 236, 236, 1);
	z-index:1111111111;
}

/* display full cities names if too large */

.weather_Press_LayoutContainer .hoverNames {

	display:none;
	position:absolute;
	left:0;
    right:0;
    margin-left:auto !important;
    margin-right:auto !important;
	top: 104%;
	height:40px;
	line-height:40px;
	width:auto;
	text-transform: uppercase;
	text-align: center;
	color: #434343;
	font-size: 1.1rem !important;
	white-space: nowrap;
	background-color: rgba(219, 219, 219, 0.4);
    border-radius: 6px;
    border: 1px solid #E1E1E1 !important;
    box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, 0.6) inset;
}

/* map and geolocation */

.weather_Press_LayoutContainer .scenes {

  display:none;
  width: 100%;
  height: 100%;
  margin: 0 auto !important;
  position: absolute;
  top:0;
  left: 0;
  transform-origin: 0 0;
}

.weather_Press_LayoutContainer .scene {

  position: relative;
  width: 100%;
  height: 100%; 
  overflow: hidden;
  background: url("../images/map.svg") no-repeat transparent;
  background-size: cover;
  box-shadow: 0px 0px 0px 20px rgba(236, 236, 236, 0.8) inset;
}

.weather_Press_LayoutContainer .scene .description {

    font-size: 0.8em;
    line-height: 1.6em;
    color: #444;
	text-align: center;
}

.weather_Press_LayoutContainer .scene .description  a {

    color: #444;
	text-decoration:underline;
}
.weather_Press_LayoutContainer .scene .description  a:hover {

    color: #52a8e8;
}

.weather_Press_LayoutContainer .scene1 .dot {

  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.2em;
  height: 0.2em;
  background-color: #97f4ff;
  box-shadow: 0 0 .2em .13em #52a8e8, 0 0 0 0 #ECECEC, 0 0 0 0 #298df4;
  opacity: 0;
  border-radius: 50%;
}

/* close svg icon */

.weather_Press_LayoutContainer .closeIt {

   position: absolute;
   display:none;
   left: -2%;
   top: 37%;
   z-index: 1111111111111;
}

/* loader */
.weather_Press_LayoutContainer  .loaderContainer .loader {

	position:relative;
	background: #f1f3f3;
	text-align: center;
	height: 100%;
    width: 100%;
	z-index:11111111111;
}

.weather_Press_LayoutContainer  .loaderContainer .loader img {

	height: 149px;
    display: inline-block;
}

/* hourly forecast list */
.weather_Press_LayoutContainer .forecastList {

	display:none;
	height:100%;
	width:100%;
}

.weather_Press_LayoutContainer .forecastListCity {

	display: inline-block;
    height: 18%;
    font-size: 1.2em;
    line-height: 1.6em;
    width: 100%;
    color: #989898;
    text-align: left;
    padding-left: 2% !important;
}

.weather_Press_LayoutContainer .forecastList > ul {

	display:inline-block;
	height:80%;
	width:100%;
}

.weather_Press_LayoutContainer .forecastList > ul > li {

	float: left;
    width: 25%;
	height: 100%;
	border-right: 1px dotted #DEDEDE;
}

.weather_Press_LayoutContainer .forecastList > ul > li:last-child {

	border:0px;
}

.weather_Press_LayoutContainer .forecastList .single {

	display:inline-block;
	height:100%;
	width:100%;
}

.weather_Press_LayoutContainer .forecastList .single li {

	float: none;
    height: 33%;
	width:100%;
	font-size:1em;
	color: #989898;
	
    /* older webkit */
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-justify-content: center;

    /* older firefox */
    display: -moz-box;
    -moz-box-align: center;
    -moz-box-pack: center;

    /* IE10*/
    display: -ms-flexbox;
    -ms-flex-align: center;
    -ms-flex-pack: center;

    /* newer webkit */
    display: -webkit-flex;
    -webkit-align-items: center;
    -webkit-box-pack: center;

    /* Standard Form - IE 11+, FF 22+, Chrome 29+, Opera 17+ */
    display: flex;
    align-items: center;
    justify-content: center;	
}

.weather_Press_LayoutContainer .forecastList .single li:last-child {

	font-size:1.2em;
	font-family: 'Oswald', sans-serif;
}	

.weather_Press_LayoutContainer .forecastList .single img {

	height: 3em;
}

.weather_Press_LayoutContainer .errors {

	display:none;
	text-align: center;
	width: 100%;
    padding: 40px 10px 10px 10px !important;
	color: #BE1425;	
}

.weather_Press_LayoutContainer .weather_press_clouds {

	position: absolute;
	top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    overflow: hidden;
	z-index: -1;
}