body.tax-location h1.entry-title, body.single-city h1.entry-title {
    padding-top: 40px;
    margin-bottom: 0;
}

#city-container {
    padding: 0;
    overflow: hidden;
    position: relative;
    min-height: 220px;
    background: #e6e6e6 url(/wp-content/plugins/nxtheme-weather/assets/img/weather-city-default.png) repeat-x top left;
}

#city-container img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#city-container #current-city {
    background: #FFF;
    margin: 0;
    padding: .5rem 1rem .5rem 1rem;
    font-size: 1.5rem;
    display: inline-block;
    position: absolute;
    top: 1rem;
    left: 0;
}

h4#current-city {
    color: #2877a5;
}

#city-container table {
    background: rgba(0,0,0,0.7);
    border: 0;
    width: 70%;
    margin-bottom: 0;
    position: absolute;
    bottom: 2rem;
}

table.city th, table.city td, table.cities th, table.cities td {
    text-align: center !important;
}


#city-container th {
    padding: 1rem 1rem 0 1rem;
    color: #999;
}

#city-container td {
    font-size: 1.1rem;
    color: #fff;
}

#city-container span.temperature, #city-container span.wind-speed, #city-container span.wind {
    color: #fff;
    font-size: 1.1rem;
}

table.city.forecast, table.cities {
    border: 0;
    border-top: 1px solid #ccc;
    border-collapse: collapse;
    font-size: 1rem;
    margin: 1rem 0;
}

table.cities, table.city {
    width: 100%;
}

table.city.forecast thead {
    background: #fff;
    border-bottom: 1px solid #ccc;
}

table.city th, table.city td {
    text-align: center !important;
}

th.date {
    width: 20%;
}

table.city.forecast tr {
    border-bottom: 1px solid #ccc;
}

table.city.forecast td {
    vertical-align: top;
    padding: .5em;
}

div.high, div.low {
    color: #31d5b4;
    font-size: .8rem;
    line-height: 1;
    display: inline-block;
    margin: 0rem 0 .6rem 0;
    padding: 0 0rem 0 .7rem;
    height: .8rem;
    background: url(/wp-content/plugins/nxtheme-weather/assets/img/weather_icons.svg) no-repeat;
    background-position: -10px -1625px;
}

div.low {
    background-position: -10px -1691px;
}

div.high span:first-child, div.low span:first-child {
    display: none;
}

span.temperature {
    display: inline-block;
    margin: 0 0 0 .5rem;
    font-size: .80rem;
    text-align: center;
    color: #6c8197;
    text-indent: 0 !important;
}

#current-region, #current-city {
    font-family: 'amplitude03',Arial,sans-serif;
    font-size: 1.3rem;
    line-height: 1;
}

#current-region a:before {
    content: "";
    background: url(/wp-content/plugins/nxtheme-weather/assets/img/pagination.png) no-repeat 0 -0;
    height: 13px;
    display: inline-block;
    width: 17px;
    margin: 0 2px;
}

h3.other-cities {
    font-family: 'amplitude03',Arial,sans-serif;
    font-size: 1.7rem;
    line-height: 1;
}

table.cities tr td:first-child, table.cities tr th:first-child {
    text-align: left !important;
}

table.cities tr td:last-child, table.cities tr th:last-child {
    text-align: right !important;
}

table.cities tr {
    border-bottom: 1px solid #ccc;
}

table.cities thead tr th, table.cities tfoot tr th, table.cities tbody tr td, table.cities tr td, table.cities tfoot tr td {
    display: table-cell;
    line-height: 1.125em;
}

table.city thead tr th, table.cities thead tr th, table.cities td {
    padding: .5em;
}

.sub-nav {
    display: block;
    font-size: 1.2rem;
    margin: 1rem 0 2rem 0;
    border-bottom: 1px solid #e6e6e6;
    overflow: visible;
    width: 100%;
    float: left;
    clear: both;
}

.sub-nav dd {
    margin: 0;
}

.sub-nav dt, .sub-nav dd, .sub-nav li {
    float: left;
    display: inline;
    font-weight: normal;
    font-size: 0.875em;
}

.sub-nav dd.active {
    position: relative;
    bottom: -1px;
}

.sub-nav dd a, .sub-nav dd.active a {
    padding: .5rem 1rem;
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    display: block;
    font-weight: 300;
}

.sub-nav dd.active a {
    background: #fff;
    color: #2877a5;
    border: 1px solid #e6e6e6;
    border-bottom: 0;
}

.blue, ul.blue a {
    color: #2877a5;
}

/* ICON CODES */ 

span.wind {
    background: url(/wp-content/plugins/nxtheme-weather/assets/img/weather_icons.svg) no-repeat;
    padding-left: 1.4rem;
}

span.wind_N{
    background-position:-8px -1750px
}
span.wind_E{
    background-position:-8px -1882px
}
span.wind_NW{
    background-position:-8px -2209px
}
span.wind_SW{
    background-position:-8px -2078px
}
span.wind_W{
    background-position:-8px -2144px
}
span.wind_NE{
    background-position:-8px -1816px
}
span.wind_S{
    background-position:-8px -2013px
}
span.wind_SE{
    background-position:-8px -1947px
}

span.w_code {
    background: url(/wp-content/plugins/nxtheme-weather/assets/img/weather_icons.svg) no-repeat;
    background-position: -100px;
    text-indent: -5000px;
    display: inline-block;
    width: 2rem;
    height: 2.5rem;
    vertical-align: middle;
    text-align: left;
}

span.w_code_1{
    background-position:0 -100px
}
span.w_code_2{
    background-position:0 -50px
}
span.w_code_3{
    background-position:0 -100px
}
span.w_code_4{
    background-position:0 -100px
}
span.w_code_5{
    background-position:0 -400px
}
span.w_code_6{
    background-position:0 -450px
}
span.w_code_7{
    background-position:0 -500px
}
span.w_code_8{
    background-position:0 -200px
}
span.w_code_9{
    background-position:0 -250px
}
span.w_code_10{
    background-position:0 -300px
}
span.w_code_11{
    background-position:0 -350px
}
span.w_code_12{
    background-position:0 -350px
}
span.w_code_13{
    background-position:0 -700px
}
span.w_code_14{
    background-position:0 -700px
}
span.w_code_15{
    background-position:0 -555px
}
span.w_code_16{
    background-position:0 -605px
}
span.w_code_17{
    background-position:0 -800px
}
span.w_code_18{
    background-position:0 -400px
}
span.w_code_19{
    background-position:0 -1355px
}
span.w_code_20{
    background-position:0 -1405px
}
span.w_code_21{
    background-position:0 -1455px
}
span.w_code_22{
    background-position:0 -1355px
}
span.w_code_23{
    background-position:0 -1505px
}
span.w_code_24{
    background-position:0 -1555px
}
span.w_code_25{
    background-position:0 -1304px
}
span.w_code_26{
    background-position:0 -1055px
}
span.w_code_27{
    background-position:0 -1205px
}
span.w_code_28{
    background-position:0 -955px
}
span.w_code_29{
    background-position:0 -1155px
}
span.w_code_30{
    background-position:0 -1005px
}
span.w_code_31{
    background-position:0 -1104px
}
span.w_code_32{
    background-position:0 -905px
}
span.w_code_33{
    background-position:0 -1104px
}
span.w_code_34{
    background-position:0 -905px
}
span.w_code_35{
    background-position:0 -852px
}
span.w_code_36{
    background-position:0 -1254px
}
span.w_code_37{
    background-position:0 -150px
}
span.w_code_38{
    background-position:0 -150px
}
span.w_code_39{
    background-position:0 -150px
}
span.w_code_40{
    background-position:0 -350px
}
span.w_code_41{
    background-position:0 -650px
}
span.w_code_42{
    background-position:0 -700px
}
span.w_code_43{
    background-position:0 -650px
}
span.w_code_44{
    background-position:0 -1005px
}
span.w_code_45{
    background-position:0 -150px
}
span.w_code_46{
    background-position:0 -750px
}
span.w_code_47{
    background-position:0 -150px
}
span.w_code_3200{
    background-position:0 50px
}