#lastUpdated {
    color: #fff;
    padding: 5% 0;
}
#lastUpdated:before {
    content: '-- ';
}
#lastUpdated:after {
    content: ' --';
}

/*----------------
	Containers
-----------------*/
.ne_weather_inner_wrapper {

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

/*----------------
	Status Bar
-----------------*/
#status {
    background-color: #FFECAE;
    color: rgba(0,0,0,0.5);
    display: none;
    font-size: 1rem;
    width: 100%;
    z-index: 100;
}
#status p {
    display: inline-block;
    padding: 10px 40px 6px;
}
#status a {
    color: #fff;
}
#status .close {
    background: none;
    color: rgba(0,0,0,0.5);
    float: right;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
}
/*** Error & Success Messages ***/
#status.error {
    background-color: #EE9797;
}
#status.success {
    background-color: #82C886;
}
#status.error, #status.error .close,
#status.success, #status.success .close {
    color: #fff;
}
#status.error .fa-exclamation-triangle,
#status.success .fa-check-circle {
    margin-right: 10px;
}

/*----------------
	Buttons
-----------------*/

#locateBtn, #unitBtn {
    background: none;
    border: 1px solid rgba(255,255,255,0.25);
    border-radius: 50%;
    color: #fff;
    height: 40px;
    transition: background 1s ease-in-out, border 0.2s ease-in-out;
    width: 40px;
}
#locateBtn.on, #unitBtn.on {
    background: rgba(255,255,255,0.25);
}
#locateBtn:focus, #locateBtn:hover, #unitBtn:focus, #unitBtn:hover {
    border: 1px solid rgba(255,255,255,0.75);
}
#locateBtn {
    margin-right: 10px;
}
#unitBtn {
    font-weight: 300;
    padding-right: 3px;
    padding-top: 2px;
    text-transform: uppercase;
}
#unitBtn:before {
    content: '\00b0'; /* Degree symbol */
    padding: 1px;
}
/* locateBtn Pulse Animation */
#locateBtn.pulse {
    animation: pulse 2s infinite;
}
@keyframes pulse {
    20% { background: rgba(255,255,255,0.25); }
}

/*----------------
	Current Weather
-----------------*/
#current {
    padding: 10% 5% 20%;
    position: relative;
}
.location {
    font-size: 26px;
    font-weight: 700;
    margin: 0;
    padding-top: 30px;
}
.date {
    font-size: 1em;
    font-weight: 300;
    text-transform: uppercase;
}
#current .weatherIcon {
    height: 100px;
    margin: 10% auto 7%;
    width: 100px;
}
.temp:after {
    content: '\00b0';
    margin-right: -0.3em;
    font-size: 30px;
    top: -10px;
    position: relative;
}
#current .conditions {
    font-size: 1.2em;
    text-transform: uppercase;
}

/*----------------
	Future Forecast
-----------------*/
#future {
    margin-bottom: 10%;
    padding: 0 10%;
}
#future > .contain {
    border-bottom: 1px solid rgba(255,255,255,0.25);
    margin-bottom: 10px;
    padding: 5% 10%;
    width: 100%;
}
#future > .contain:first-child {
    border-top: 1px solid rgba(255,255,255,0.25);
}
#future .day {
    padding: 0;
    text-align: left;
     font-size: 14px;
}
#future .weatherIcon {
    float: right;
    font-size: 0.5em;
    height: 50px;
    margin-left: 10%;
    margin-top: -5%;
    width: 50px;
}
#future p { text-align: left; }
.high:after, .low:after {
    content: '\00b0';
    padding: 1px;
}

/*----------------
	Media Queries
-----------------*/
@media (min-width: 375px) {
    #locateBtn, #unitBtn {
        display: block;
        margin-bottom: 10px;
    }
    #current {
        padding-bottom: 15%;
        padding-top: 15%;
    }
}
@media (min-width: 550px) {
    /* Current Weather */
    #current {
        font-size: 1.3rem;
        padding-bottom: 10%;
        padding-top: 10%;
    }
    .date, #current .conditions {
        font-size: 16px; color:#797979;
        padding-top:10px;
        text-transform:capitalize;

    }
    #current .weatherIcon {
        font-size: 0.95em;
        height: 120px;
        margin: 7% auto 3%;
        width: 120px;
    }
    /* Future Forecast */
    #future {
        font-size: 1.1rem;
        padding: 0;
        margin-bottom: 3%;
    }
    #future > .contain {
        border-bottom: none;
        float: left;
        padding: 20px;
        width: 33.33%;
    }
    #future > .contain:first-child { border-top: none; }
    #future > .contain:not(:last-child) { border-right: 1px solid rgba(0, 0, 0, 0.08); }
    #future .day, #future p { text-align: center; color:#000;}
    #future .day{
        font-weight:400;
        font-size: 16px;
    }
    #future .weatherIcon {
        font-size: 0.56em;
        float: none;
        height: 60px;
        margin: 10% auto 5%;
        width: 60px;
    }
    footer { font-size: 0.9rem; }
}
.weather_img2{
    margin-top:10px;
    margin-bottom:10px;
}
.weather_img2 img{
    width: 60px;
    margin: 0 auto;
}
@media (min-width: 880px) {
    #current {
        font-size: 1.5rem;
        padding-bottom: 7%;
        padding-top: 7%;
    }
    #current .weatherIcon {
        font-size: 0.82em;
        margin: 5% auto 2%;
    }
    #lastUpdated {
        padding: 3%;
    }
}
.weather_img{
   /* margin-top:30px;*/
}
.weather_img2{
    margin-top:10px;
    margin-bottom:10px;
}
.weather_img2 img{
   width: 60px;
    margin: 0 auto;
}
.high{
    font-size:12px;
    color:#000000;
}
.low{
    font-size:12px;
    margin-left: 5px;
    color:#000000;
}

.voir_plus a {
    background: #256dc1;
    border-radius: 3px;
    font-size: 14px;
    line-height: 36px;
    padding: 0 12px;
    font-weight: bold;
    color: #fff;
    border: none;
    width: 100%;
}

.content-module{margin-bottom:24px;}
.module-title{color:#1f1f1f;font-size:16px;font-weight:500;text-transform:uppercase;}
@media (min-width:768px){
    .module-title{font-size:20px;}
}
.no-wrap{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.weather-icon{height:128px;width:128px;}
.weather-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#fff;-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.05);box-shadow:0 1px 1px 0 rgba(0,0,0,.05);height:59px;padding:16px;}
.weather-card .text{font-size:18px;line-height:1.5;color:#1f1f1f;}
.weather-card .text.title{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-right:24px;}
.weather-card .text.temp{min-width:64px;text-align:right;}
.weather-card .icon{width:auto;height:30px;margin-right:4px;}
.nearby-locations .module-title{margin-bottom:12px;}
@media (min-width:768px){
    .nearby-locations .module-title{margin-bottom:8px;}
}
.nearby-locations-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-bottom:12px;}
@media (min-width:1024px){
    .nearby-locations-list{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;}
}
.nearby-locations-list .nearby-location{margin-bottom:2px;}
@media (min-width:1024px){
    .nearby-locations-list .nearby-location{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:calc(50% - 2px);}
    .nearby-locations-list .nearby-location:nth-child(odd){margin-right:2px;}
}


.daily .forecast-card{margin-bottom:2px;}
.daily .forecast-card:last-child{margin-bottom:0;}
.weather-icon{height:128px;width:128px;}
.forecast-list-card{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:hsla(0,0%,100%,.9);color:#1f1f1f;padding:16px;}
.forecast-list-card.today{background:#fff;border-left:4px solid #f05514;padding-left:12px;}
.forecast-list-card .date{margin-right:16px;font-size:14px;font-weight:500;width:75px;-ms-flex-negative:0;flex-shrink:0;}
.forecast-list-card .date.today{margin-right:16px;font-size:14px;font-weight:500;width:75px;-ms-flex-negative:0;flex-shrink:0;border-left:4px solid #256dc1;padding-left:12px;}
.forecast-list-card .date .sub{font-weight:400;color:#878787;white-space:nowrap;}
.forecast-list-card .icon{margin-right:12px;width:40px;height:40px;min-width:40px;min-height:40px;}
.forecast-list-card .ifm-temps{white-space:nowrap;font-weight:300;margin-right:12px;width:80px;-ms-flex-negative:0;flex-shrink:0;}
@media (min-width:389px){
    .forecast-list-card .ifm-temps{width:100px;}

}
@media (min-width:632px) and (max-width:767px),(min-width:1008px){
    .forecast-list-card .ifm-temps{margin-right:8px;}
}
.forecast-list-card .ifm-temps .high{font-size:26px;line-height:1;}
.forecast-list-card .ifm-temps .low{font-size:16px;color:#878787;line-height:1.33;margin-left:-6px;}
.forecast-list-card .phrase{display:block;display:-webkit-box;font-size:14px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:16px;max-height:32px;}
@media (min-width:632px) and (max-width:767px),(min-width:1008px){
    .forecast-list-card .phrase{font-size:16px;line-height:20px;max-height:40px;}
}
.forecast-list-card .info{display:none;font-size:14px;color:#878787;line-height:1.43;text-align:center;}
@media (min-width:632px) and (max-width:767px),(min-width:1008px){
    .forecast-list-card .info{display:block;}
}


.content-module{margin-bottom:24px;}


.icon-chevron{fill:#256dc1;-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;}
.icon-chevron.right{-webkit-transform:rotate(-90deg);transform:rotate(-90deg);}
.weather-icon{height:128px;width:128px;}
.accordion-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;}
.accordion-item .accordion-item-content{overflow:hidden;-webkit-transition:height .3s ease-out;transition:height .3s ease-out;height:0;}
.card-button{background:#fff;height:40px;-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.1);box-shadow:0 1px 1px 0 rgba(0,0,0,.1);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;}
.card-button .text{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;font-size:14px;font-weight:500;color:#f59721;text-transform:uppercase;padding-left:16px;}
.card-button .arrow-wrap{height:40px;width:40px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;padding-left:16px;}
.card-button .arrow-wrap.is-next{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;padding-left:0;padding-right:16px;margin-left:auto;}
.card-button .arrow{fill:#f59721;}
a.card-button{cursor:pointer;}
.conditions-card{padding:16px;background:#fff;}
.conditions-card .date{margin-bottom:12px;font-size:14px;font-weight:500;}
@media (min-width:768px){
    .conditions-card .date{font-size:16px;}
}
.conditions-card .title{font-size:14px;line-height:1.43;display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:500;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.conditions-card .title .temp-unit{color:#878787;font-weight:400;}
@media (min-width:768px){
    .conditions-card .title{font-size:16px;line-height:1.25;}
}
.conditions-card .temp-icon-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;margin-bottom:16px;}
.conditions-card .temp-icon-wrapper .icon{margin-right:16px;height:80px;width:80px;}
@media (min-width:768px){
    .conditions-card .temp-icon-wrapper .icon{margin-right:24px;height:100px;width:120px;}
}
.conditions-card .temp-icon-wrapper .temperatures .value{font-size:64px;font-weight:300;position:relative;}
@media (min-width:768px){
    .conditions-card .temp-icon-wrapper .temperatures .value{font-size:72px;
        margin-left: 60px;
        margin-top: 40px;
        color: #266cc1;}
}
.conditions-card .temp-icon-wrapper .temperatures .value .hi-lo-label{color:#878787;font-size:18px;line-height:1.33;font-weight:400;position:absolute;bottom:12px;}
@media (min-width:375px){

    .conditions-card .temp-icon-wrapper .temperatures .value .hi-lo-label{font-size:24px;}
}
.conditions-card .temp-icon-wrapper .temperatures .realFeel{font-size:14px;line-height:1.25;color:#878787;margin-top:-5px;margin-left:5px;}
.conditions-card .temp-icon-wrapper .temperatures .realFeel.top{margin-top:0;margin-bottom:6px;}
.conditions-card .phrase{font-size:18px;line-height:1.29;min-height:3.87em;margin-bottom:12px;}
@media (min-width:1024px){
    .conditions-card .phrase{margin-bottom:0;}
}

.conditions-card .toggle {display:none;}
.details-card{padding:24px 16px;background-color:hsla(0,0%,100%,.7);display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;font-weight:500;line-height:1.86;color:rgba(31,31,31,.75);}
.details-card .list{margin-right:40px;font-weight: unset;}
.details-card .list p{ font-weight: 100;}
.current-conditions-card .accordion-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;}
.current-conditions-card .accordion-content .panel{margin-bottom:2px;}
@media (min-width:632px) and (max-width:767px),(min-width:1008px){
    .current-conditions-card .accordion-content{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;}
    .current-conditions-card .accordion-content .accordion-item-header-container{margin-bottom:2px;}
    .current-conditions-card .accordion-content .accordion-item-content,.current-conditions-card .accordion-content .accordion-item-header-container{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-negative:1;flex-shrink:1;min-height:100%;height:auto!important;}
    .current-conditions-card .accordion-content .conditions-card{margin-right:2px;height:100%;}
    .current-conditions-card .accordion-content .conditions-card .temp-unit{font-weight:500;}
    .current-conditions-card .accordion-content .conditions-card .toggle{display:none;}
    .current-conditions-card .accordion-content .details-card{height:calc(100% - 2px);}
}


.content-module{margin-bottom:24px;}
.module-header{color:#1f1f1f;font-weight:500;font-size:14px;text-transform:uppercase;}
@media (min-width:768px){
    .module-header{font-size:16px;}

}
.module-header.sub{color:#878787;}
.card{-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.07);box-shadow:0 1px 1px 0 rgba(0,0,0,.07);}

@media only screen and (min-width: 250px) and (max-width: 767px) {

    .conditions-card  {
        display: none !important;
    }


    .weather_img2 img {

        margin-left: 0px;
    }
}