/* INDEX OF STYLES */

/*
i. RESETS
1. FONTS
2. SASS
2. TEXT STYLES
3. STRUCTURAL ELEMENTS
5. HOME PAGE STYLES
6. INSIDE PAGE STYLES
7. SIDEBAR STYLES
8. SPRITE STYLES
9. CUSTOM SLIDER STYLING
10. FORMS STYLING
*/

/* /////////////// */
/* i. RESETS ///// */
/* /////////////// */

h1, h2, h3, h4, h5, h6, p, table, ul, li, a {
  opacity: .999;
  font-weight: normal;}

a {
  transition-property: all;
  transition-duration: .085s;
  transition-timing-function: linear;
  transition-delay: .01s;
  /* Firefox 4 */
  -moz-transition-property: all;
  -moz-transition-duration: .085s;
  -moz-transition-timing-function: linear;
  -moz-transition-delay: .01s;
  /* Safari and Chrome */
  -webkit-transition-property: all;
  -webkit-transition-duration: .085s;
  -webkit-transition-timing-function: linear;
  -webkit-transition-delay: .01s;
  /* Opera */
  -o-transition-property: all;
  -o-transition-duration: .085s;
  -o-transition-timing-function: linear;
  -o-transition-delay: .01s;
  }

img a, img, a {
  border: none; }

::selection {
  background: #1b1b1b; /* Safari, Chrome */ }

::-moz-selection {
  background: #1b1b1b; /* Firefox */ }
  
:focus {
  outline-color: transparent;
  outline-style: none;
}

input {
	width: 94%!important;
	padding: 2.5%!important;
}

select {
	width: 99%!important;
	padding: 2.5%!important;
}

body {
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 0px;
  margin: 0px;
}

body.inside {
	background: #fff;
}

textarea, input, select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: none!important; }


/* ////////////// */
/* 1. FONTS ///// */
/* ////////////// */

@font-face {
	font-family: 'MuseoSlab-500';
	src: url('../fonts/29A04A_0_0.eot');
	src: url('../fonts/29A04A_0_0.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/29A04A_0_0.woff') format('woff'),
		 url('../fonts/29A04A_0_0.ttf') format('truetype'),
		 url('../fonts/29A04A_0_0.svg#wf') format('svg');
		 font-weight: normal;
		 font-style: normal;
}

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


/* ///////////// */
/* 2. SASS ///// */
/* ///////////// */

/* //////////////////// */
/* 2. TEXT STYLES ///// */
/* //////////////////// */

h1, h2, h3, h4, h5, h6 {font-family: 'nexa_boldregular', Helvetica, Arial, sans-serif;}

h2 {line-height: 1em!important; margin: 0;}

span.location, span.date {
	position: absolute;
	font-family: 'MuseoSlab-500', Helvetica, Arial, sans-serif;
	color: #fff;
	font-size: 11px;
	color: #fff;
	top: 90px;
	left: 13px;
	text-transform: uppercase;
}

span.date {
	left: 222px;
}

span.copyright {
	width: 300px;
	text-align: center;
	color: #74cdd7;
	font-size: 9px;
	font-family: 'MuseoSlab-500', Helvetica, Arial, sans-serif;
	position: absolute;
	top: 301px;
	left: 0px;
}

/* ///////////////////////// */
/* 5. HOME PAGE STYLES ///// */
/* ///////////////////////// */

.weather-widget h1 {
	font-family: 'MuseoSlab-500', Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #feef51;
	position: absolute;
	top: 55px;
	left: 13px;
	margin: 0px!important;
	padding: 0px!important;
	text-transform: uppercase;
}

.weather-day-wrap span.day {
	text-align: center;
	font-family: 'MuseoSlab-500', Helvetica, Arial, sans-serif;
	color: #175153;
	font-size: 14px;
	margin-bottom: 5px;
	text-transform: uppercase;
	text-align: center;
	width: 100%;
	display: block;
}

.weather-day-wrap p {
	text-align: center;
	font-family: 'MuseoSlab-500', Helvetica, Arial, sans-serif;
	font-size: 13px;
}

.weather-day-wrap p span {
	width: 100%;
	clear: both;
	display: block;
}

.weather-day-wrap p span.high {
	color: #fff;
}

.weather-day-wrap p span.low {
	color: #175153;
}

.weather-day-wrap p span.precip {
	color: #0d73ca;
}


.weather-widget h1 span.part2 {
	position: absolute;
	top: 0px;
	left: 207px;
}
	
.weather-widget {
	width: 300px;
	height: 450px;
	background: url(../images/widget-background-temp.png) top center no-repeat;
	box-sizing: border-box;
	border: none;
	padding: 10px;
	display: block;
	float: left;
	clear: both;
	position: relative;
}

.weather-day-wrap {
	width: 50px;
	padding: 0 5px;
	float: left;
	display: block;
}

.weather-day-wrap.first {
	padding-left: 10px;
}

.weather-day-wrap.last {
	pading-right: 0px;
}

.weather-icon {
	width: 46px;
	height: 46px;
	margin-right: 10px;
	float: left;
	display: block;
}

.weather-icon-last {
	margin-right: 0px;
}

.forecast-wrap {
	width: 300px;
	height: 125px;
	position: absolute;
	left: 0px;
	top: 125px;
}

.forecast-wrap img {
	margin-bottom: 0px;
}

.left-0 {
	padding-left: 0px;
}

/* /////////////////////////// */
/* 6. INSIDE PAGE STYLES ///// */
/* /////////////////////////// */

/* /////////////////////// */
/* 7. SIDEBAR STYLES ///// */
/* /////////////////////// */

/* ////////////////////// */
/* 8. SPRITE STYLES ///// */
/* ////////////////////// */


/* ////////////////////////////// */
/* 9. CUSTOM SLIDER STYLING ///// */
/* ////////////////////////////// */

/* /////////////////////// */
/* 10. FORMS STYLING ///// */
/* /////////////////////// */