/*   WEATHER  */

.td_block_weather {
    /*margin-bottom: 48px;*/
    position: relative;
    clear: both;
}

.td-weather-wrap {
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.td-weather-temperature {
    font-family: 'Roboto', sans-serif;
    padding: 3px 0;
    display: inline-block;
    float: left;
    text-align: center;
}

.td-weather-temp-wrap { display: inline-block; }
.td-weather-animated-icon {
    float: left;
    text-align: right;
    /* margin-left: -15px; */
    position: relative;
}

.td-weather-animated-icon span {
    width: 100px;
    height: 100px;
    display: inline-block;
    opacity: 0.4;
    margin-top: 4px;
    /* responsive portrait tablet + phone */
}

.td-weather-now {
    float: left;
    text-align: center;
    line-height: 1;
    padding: 32px 16px;
    font-weight: 300;
    width: 145px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.td-weather-now .td-big-degrees { font-size: 40px; }
.td-weather-now .td-circle {
    font-size: 30px;
    position: relative;
    top: -6px;
    opacity: 0.6;
    line-height: 1;
    vertical-align: top;
}
.td-weather-now .td-weather-unit {
    font-size: 16px;
    position: relative;
    top: -4px;
    font-weight: 400;
    opacity: 0.6;
    left: -2px;
    line-height: 1;
    vertical-align: top;
}
.td-weather-lo-hi {
    float: left;
    text-align: left;
    width: 55px;
    margin-left: 10px;
    padding: 30px 0;
}
.td-weather-degrees-wrap {
    padding: 2px 0;
}
.td-weather-degrees-wrap i {
    position: relative;
    top: 3px;
    font-size: 16px;
    color: #b3b3b3;
}
.td-weather-degrees-wrap .td-small-degrees {
    font-size: 12px;
}
.td-weather-degrees-wrap .td-circle {
    font-size: 18px;
    position: relative;
    right: 3px;
    top: 3px;
}
.td-weather-condition {
    text-transform: capitalize;
    text-align: left;
    color: #b3b3b3;
}

.td-weather-information {
    border-top: 1px solid #b3b3b3;
    padding: 10px 0;
}
.td-weather-information .td-weather-section {
    width: 25%;
    padding: 0 4px;
    float: left;
    text-align: center;
}

.td-weather-week {
    float: left;
    background: #e9e9e9;
    margin: 20px 0 20px 40px;
    padding: 30px;
}
.td-weather-week:before {
    content: " ";
}
.td-weather-days {
    float: left;
    text-align: center;
    padding: 10px 20px;
}
.td-weather-days .td-day {
    margin-bottom: 8px;
    opacity: 0.5;
}
.td-weather-days .td-day-degrees {
    font-size: 20px;
    position: relative;
    left: 4px;
    line-height: 14px;
    opacity: 0.7;
}
.td-weather-days .td-circle {
    position: relative;
    right: 5px;
}
.td-weather-days .td-day-condition {
    margin-top: 8px;
    opacity: 0.5;
}

.clear-sky-d {
    background: url('../images/weather/clear-sky-d.png') no-repeat;
}
.clear-sky-n {
    background: url('../images/weather/clear-sky-n.png') no-repeat;
}
.few-clouds-d {
    background: url('../images/weather/few-clouds-d.png') no-repeat;
}
.few-clouds-n {
    background: url('../images/weather/few-clouds-n.png') no-repeat;
}
.scattered-clouds-d {
    background: url('../images/weather/scattered-clouds-d.png') no-repeat;
}
.scattered-clouds-n {
    background: url('../images/weather/scattered-clouds-n.png') no-repeat;
}
.broken-clouds-d {
    background: url('../images/weather/broken-clouds-d.png') no-repeat;
}
.broken-clouds-n {
    background: url('../images/weather/broken-clouds-n.png') no-repeat;
}
.shower-rain-d {
    background: url('../images/weather/shower-rain-d.png') no-repeat;
}
.shower-rain-n {
    background: url('../images/weather/shower-rain-n.png') no-repeat;
}
.rain-d {
    background: url('../images/weather/rain-d.png') no-repeat;
}
.rain-n {
    background: url('../images/weather/rain-n.png') no-repeat;
}
.thunderstorm-d {
    background: url('../images/weather/thunderstorm.png') no-repeat;
}
.thunderstorm-n {
    background: url('../images/weather/thunderstorm.png') no-repeat;
}
.snow-d {
    background: url('../images/weather/snow-d.png') no-repeat;
}
.snow-n {
    background: url('../images/weather/snow-n.png') no-repeat;
}
.mist-d {
    background: url('../images/weather/mist.png') no-repeat;
}
.mist-n {
    background: url('../images/weather/mist.png') no-repeat;
}


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

[class^="mx-icon-"]:before,
[class*=" mx-icon-"]:before {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'dolphin-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class*="mx-icon-"] {
    line-height: 1;
    text-align: center;
    display: inline-block;
    cursor: default;
}

.mx-icon-rain-d:before {
    content: "\e800";
}
.mx-icon-rain-n:before {
    content: "\e801";
}
.mx-icon-mist:before {
    content: "\e802";
}
.mx-icon-scattered-clouds:before {
    content: "\e803";
}
.mx-icon-shower-rain:before {
    content: "\e804";
}
.mx-icon-snow:before {
    content: "\e805";
}
.mx-icon-thunderstorm:before {
    content: "\e806";
}
.mx-icon-broken-clouds:before {
    content: "\e807";
}
.mx-icon-clear-sky-d:before {
    content: "\e808";
}
.mx-icon-clear-sky-n:before {
    content: "\e809";
}
.mx-icon-few-clouds-d:before {
    content: "\e80a";
}
.mx-icon-few-clouds-n:before {
    content: "\e80b";
}
.mx-icon-drop:before {
    content: "\e80c";
}
.mx-icon-wind:before {
    content: "\e80d";
}
.mx-icon-arrows-down:before {
    content: "\e80e";
}
.mx-icon-arrows-up:before {
    content: "\e80f";
}
.mx-icon-cloud:before {
    content: "\e810";
}
.mx-icon-location:before {
    content: "\e811";
}
.mx-icon-mx-icons-home:before {
    content: "\e902";
}
.mx-icon-mx-icons-pets:before {
    content: "\e903";
}