.stw-tabs .stw-tablist{display:flex;border:1px solid #fdfdfd;border-radius:10px;box-shadow:rgba(99,99,99,0.2) 0 2px 8px 0;font-size:20px}
.stw-tabs .stw-tablist li{flex-grow:1;flex-basis:0}
.stw-tabs .stw-tablist li button{border-bottom:0;border-radius:10px;margin-bottom:0;font-family:DinLight,sans-serif;padding:1.2rem;width:100%;border:0;background-color:transparent}
.stw-tabs .stw-tablist li button[aria-selected='true'],.stw-tabs .stw-tablist li button:hover,.stw-tabs .stw-tablist li button:focus{color:#fff;background-color:#00384a;font-family:DinMedium,DinLight,sans-serif}
.stw-tabs .stw-tablist li button[aria-selected='true'].tab-purple,.stw-tabs .stw-tablist li button:hover.tab-purple,.stw-tabs .stw-tablist li button:focus.tab-purple{background-color:#00384a !important;font-family:DinMedium,DinLight,sans-serif}
.stw-tabs .stw-tabs-panel{border:1px solid #fdfdfd;border-radius:10px;box-shadow:rgba(99,99,99,0.2) 0 2px 8px 0;padding:15px;margin-top:20px}
@media only screen and (min-width:768px){.stw-tabs .stw-tabs-panel{padding:20px}
}
body{overflow:hidden}
body.with-cookie-banner{height:auto;overflow:auto !important}
html,body,.page-content,.stw-river-pledges,#recite-wrapper{margin:0;height:100%;padding-bottom:0}
html .river-pledges-status-pins,body .river-pledges-status-pins,.page-content .river-pledges-status-pins,.stw-river-pledges .river-pledges-status-pins,#recite-wrapper .river-pledges-status-pins{background:#f2f2f2;padding:9px;border-radius:8px;margin:9px 4px 9px 4px;display:inline-flex;width:94%;font-size:12px;align-items:center;height:60px}
html .river-pledges-status-pins .stw-icon,body .river-pledges-status-pins .stw-icon,.page-content .river-pledges-status-pins .stw-icon,.stw-river-pledges .river-pledges-status-pins .stw-icon,#recite-wrapper .river-pledges-status-pins .stw-icon{width:30px;height:auto;margin-right:10px}
@media only screen and (min-width:768px){html .river-pledges-status-pins,body .river-pledges-status-pins,.page-content .river-pledges-status-pins,.stw-river-pledges .river-pledges-status-pins,#recite-wrapper .river-pledges-status-pins{width:48%}
}
.page-content{max-width:none}
.stw-alert{margin-bottom:0}
#stw-river-pledges-filters-popover .MuiPaper-root{border-radius:0;box-shadow:0 1px 2px rgba(0,0,0,0.3)}
.button-radio-group.row:before,.button-radio-group.row:after{display:none}
.stw-river-pledges-filters-close{display:block;padding:10px;width:100%;text-align:right}
@media only screen and (min-width:768px){.stw-river-pledges-filters-close{display:none}
}
.stw-river-pledges-filters-close .close-icon{margin-left:6px;display:inline-block;vertical-align:middle}
.stw-river-pledges-filters{background:#fff;padding-top:5px}
.stw-river-pledges-filters button{display:flex;justify-content:space-between;padding:6px 10px;width:100%;text-align:left}
.stw-river-pledges-filters button div{align-items:center}
.stw-river-pledges-filters button:hover{background:#f4f4f4}
.stw-river-pledges-filters button .stw-icon{vertical-align:middle;margin-right:6px}
.stw-river-pledges-filters button .stw-icon svg{height:40px}
.stw-river-pledges-filters button .check-mark{position:relative;width:30px;height:30px;top:7px;margin-left:14px;border:2px solid #e1e1e1;vertical-align:middle;float:right}
.stw-river-pledges-filters button .check-mark.checked{background:url('img/valid-input-tick.svg') center no-repeat}
.stw-river-pledges-filters .filters-group-link{display:block;padding:10px 20px;background:#00384a;color:#fff;text-align:center;margin-top:5px}
.stw-river-pledges-filters .filters-heading{font-family:'DinMedium';font-size:16px;text-align:left}
.toggle-div-maps{align-items:center;margin:10px;justify-content:space-between}
.toggle-div-maps .preferences-description{flex-direction:row;align-items:center}
.toggle-div-maps .preferences-description .stw-icon{vertical-align:middle;margin-right:6px}
.toggle-div-maps .preferences-description .stw-icon svg{height:40px}
.toggle-div-maps .preferences-toggle{display:flex;align-items:center;margin:0}
.preferences-description .stw-icon{vertical-align:middle;margin-right:6px}
.preferences-description .stw-icon svg{height:40px}
.stw-river-pledges{display:flex;flex-direction:column;max-width:1600px;margin:0 auto}
.stw-river-pledges nav{font-family:'DinMedium';border-bottom:1px solid #e1e1e1}
.stw-river-pledges nav.display-mobile{display:flex;align-items:center;justify-content:space-between}
@media only screen and (min-width:768px){.stw-river-pledges nav{margin:0;border-top:1px solid #e1e1e1}
.stw-river-pledges nav.display-mobile{display:none}
}
.stw-river-pledges nav .separator{display:none}
@media only screen and (min-width:768px){.stw-river-pledges nav .separator{display:inline-block;border-right:2px solid #00384a;margin:10px 10px 0 10px;height:35px}
}
.stw-river-pledges nav .get-river-positive-link{display:none}
@media only screen and (min-width:768px){.stw-river-pledges nav .get-river-positive-link{display:inline-block}
}
.stw-river-pledges nav a,.stw-river-pledges nav button{margin:8px;padding:6px;text-align:center;vertical-align:top;border-radius:10px}
@media only screen and (min-width:768px){.stw-river-pledges nav a,.stw-river-pledges nav button{padding:12px 16px 10px;text-align:left;padding:7px}
.stw-river-pledges nav a.map-toggle,.stw-river-pledges nav button.map-toggle{display:inline}
}
.stw-river-pledges nav a .stw-icon,.stw-river-pledges nav button .stw-icon{display:block;width:22px;height:22px;margin:0 auto}
@media only screen and (min-width:768px){.stw-river-pledges nav a .stw-icon,.stw-river-pledges nav button .stw-icon{display:inline-block;vertical-align:middle;margin:0 10px}
}
.stw-river-pledges nav a .stw-icon svg,.stw-river-pledges nav button .stw-icon svg{height:20px}
.stw-river-pledges nav a:hover,.stw-river-pledges nav button:hover{border-radius:10px;color:#00384a;background-color:#00caaf;font-family:DinMedium,DinLight,sans-serif}
.stw-river-pledges nav a.active,.stw-river-pledges nav button.active{border-radius:10px;color:#fff;background-color:#00384a}
.stw-river-pledges nav a.active svg,.stw-river-pledges nav button.active svg{fill:#fff}
.stw-river-pledges nav a.active svg circle,.stw-river-pledges nav button.active svg circle,.stw-river-pledges nav a.active svg line,.stw-river-pledges nav button.active svg line,.stw-river-pledges nav a.active svg path,.stw-river-pledges nav button.active svg path{fill:#fff}
.stw-river-pledges nav a.filters-button,.stw-river-pledges nav button.filters-button{border-bottom:2px solid transparent !important;border-radius:0;margin:0;padding:14px}
@media only screen and (min-width:768px){.stw-river-pledges nav a.filters-button,.stw-river-pledges nav button.filters-button{padding-right:24px;background:url('img/chevron-down-black.png') center right no-repeat}
.stw-river-pledges nav a.filters-button:hover,.stw-river-pledges nav button.filters-button:hover,.stw-river-pledges nav a.filters-button.active,.stw-river-pledges nav button.filters-button.active{color:#00384a;border-bottom:2px solid #00384a !important;background:url('img/chevron-up-black.png') center right no-repeat}
.stw-river-pledges nav a.filters-button svg,.stw-river-pledges nav button.filters-button svg{fill:#000}
}
.stw-river-pledges main{flex:2;display:flex;border-bottom:1px solid #e1e1e1}
.stw-river-pledges main .esri-contextual-help{position:relative;font-family:DinMedium,DinLight,sans-serif;background:#fff;padding:10px 30px 0 10px;width:240px}
.stw-river-pledges main .esri-contextual-help .esri-contextual-help-close{position:absolute;top:0;right:5px}
.stw-river-pledges main .esri-search .esri-input[type='text']{height:40px;font-size:16px}
@media only screen and (min-width:768px){.stw-river-pledges main .esri-search .esri-input[type='text']{font-size:inherit}
}
.stw-river-pledges main .esri-search .esri-widget--button{background:#00384a}
.stw-river-pledges main .esri-search .esri-icon-search,.stw-river-pledges main .esri-search .esri-icon-close{color:#fff}
.stw-river-pledges main .esri-widget--button{width:40px;height:40px}
.stw-river-pledges main .esri-popup .esri-feature__last-edited-info{display:none}
.stw-river-pledges main .esri-popup .esri-popup__main-container{width:100%}
@media only screen and (min-width:768px){.stw-river-pledges main .esri-popup .esri-popup__main-container{width:700px}
}
.stw-river-pledges main .esri-popup.esri-popup--is-docked .esri-popup__main-container{max-height:95%}
.stw-river-pledges main .esri-popup .cso-popup-content{color:#00384a}
.stw-river-pledges main .esri-popup .cso-popup-content .cso-popup-icon{align-self:flex-start;margin-right:10px}
.stw-river-pledges main .esri-popup .cso-popup-content .cso-popup-icon svg{width:40px;height:40px}
.stw-river-pledges main .esri-popup .cso-popup-content .cso-accordion{border:1px solid #e1e1e1;border-radius:10px;margin:20px 0;box-shadow:rgba(60,64,67,0.3) 0 1px 2px 0,rgba(60,64,67,0.15) 0 1px 3px 1px}
.stw-river-pledges main .esri-popup .cso-popup-content .cso-accordion #cso-collapse-panel{overflow:hidden}
.stw-river-pledges main .esri-popup .cso-popup-content .cso-accordion .map-comment-btn.collapsed{border-radius:0 0 10px 10px}
.stw-river-pledges main .esri-popup .cso-popup-content .cso-accordion .map-comment-btnSingle.collapsed{border-radius:10px}
.stw-river-pledges main .esri-popup .cso-popup-content .cso-accordion .map-comment-body{border-radius:0 0 10px 10px}
.stw-river-pledges main .esri-popup .cso-popup-content .cso-accordion .map-comment-body .works-header{display:flex;align-items:center;justify-content:space-between;padding:5px;border-bottom:1px solid;font-family:'DinMedium'}
.stw-river-pledges main .esri-popup .cso-popup-content .cso-accordion .map-comment-body .works-header span svg{width:25px}
.stw-river-pledges main .esri-popup .cso-popup-content .cso-accordion .map-comment-body .investment-solution{border-radius:10px;background-color:#fff;padding:20px;margin:10px 0}
.stw-river-pledges main .esri-popup .cso-popup-content .cso-accordion .map-comment-body .investment-solution span svg{width:25px}
.stw-river-pledges main .esri-popup .cso-popup-content .cso-accordion .map-comment-body .investment-solution .investment-solution-heading{font-family:'DinMedium'}
.stw-river-pledges main .esri-popup .cso-popup-content .cso-accordion .map-comment-body .investment-solution .investment-solution-desc{margin:10px 0}
.stw-river-pledges main .esri-popup .cso-popup-content .cso-accordion .map-comment-body .investment-solution .investment-solution-status{margin-top:10px;font-family:'DinMedium'}
.stw-river-pledges main .esri-popup .cso-popup-content .cso-accordion .map-comment-body .investment-solution .investment-solution-status span{font-family:'DinLight';margin-left:10px}
.stw-river-pledges main .esri-popup .cso-popup-content .cso-accordion .map-comment-body .no-works{display:flex;align-items:center;padding:10px}
.stw-river-pledges main .esri-popup .cso-popup-content .cso-accordion .map-comment-body .no-works span svg{width:22px;margin-right:8px}
.stw-river-pledges main .esri-popup .cso-popup-content .cso-accordion .cso-collapse-itemSingle{border-radius:10px !important}
.stw-river-pledges main .esri-popup .cso-popup-content .cso-accordion .cso-collapse-item{border:0;border-radius:0;border-bottom:1px solid #e1e1e1;margin-bottom:0 !important}
.stw-river-pledges main .esri-popup .cso-popup-content .cso-accordion .cso-collapse-item:only-child{border-radius:10px !important}
.stw-river-pledges main .esri-popup .cso-popup-content .cso-accordion .cso-collapse-item:first-child{border-radius:10px 10px 0 0}
.stw-river-pledges main .esri-popup .cso-popup-content .cso-accordion .cso-collapse-item:first-child .accordion-title{border-radius:10px 10px 0 0}
.stw-river-pledges main .esri-popup .cso-popup-content .cso-accordion .cso-collapse-item:first-child .accordion-title p{line-height:0 !important}
.stw-river-pledges main .esri-popup .cso-popup-content .cso-accordion .cso-collapse-item:last-child{border-bottom:0;border-radius:0 0 10px 10px}
.stw-river-pledges main .esri-popup .cso-popup-content .cso-accordion .cso-collapse-item .cso-collapse-button{display:flex;align-items:center;width:100%;padding:14px 20px;background:transparent;border:0;font-family:'DinMedium'}
.stw-river-pledges main .esri-popup .cso-popup-content .cso-accordion .cso-collapse-item .cso-collapse-button .cso-title{text-align:left}
.stw-river-pledges main .esri-popup .cso-popup-content .cso-accordion .cso-collapse-item .cso-collapse-button .glyphicon{margin-left:auto}
.stw-river-pledges main .esri-popup .cso-popup-content .cso-accordion .cso-collapse-item .cso-collapse-button .glyphicon.glyphicon-menu-up{display:block}
.stw-river-pledges main .esri-popup .cso-popup-content .cso-accordion .cso-collapse-item .cso-collapse-button .glyphicon.glyphicon-menu-down{display:none}
.stw-river-pledges main .esri-popup .cso-popup-content .cso-accordion .cso-collapse-item .cso-collapse-button.collapsed .glyphicon-menu-down{display:block}
.stw-river-pledges main .esri-popup .cso-popup-content .cso-accordion .cso-collapse-item .cso-collapse-button.collapsed .glyphicon-menu-up{display:none}
.stw-river-pledges main .esri-popup .cso-popup-content .cso-accordion .cso-collapse-item .cso-collapse-body{background:#f4f4f4;padding:10px 35px;word-wrap:break-word}
.stw-river-pledges main .esri-popup .cso-popup-content .cso-accordion .cso-collapse-item .cso-collapse-body .latest-date{margin-top:2px !important;margin-left:5px}
.stw-river-pledges main .esri-popup .cso-popup-content .cso-accordion .cso-collapse-item .cso-collapse-body:last-child{border-bottom:0;border-radius:0 0 10px 10px}
.stw-river-pledges main .esri-popup .cso-popup-content .cso-popup-status{background:#ddd;padding:10px;border-radius:5px;margin-bottom:10px;display:flex}
.stw-river-pledges main .esri-popup .cso-popup-content .cso-popup-status .stw-icon{width:20px;height:auto;margin-right:10px}
.stw-river-pledges main .esri-popup .cso-popup-content .cso-popup-content-group{margin-bottom:14px}
.stw-river-pledges main .esri-popup .cso-popup-content .cso-popup-content-group .cso-popup-title{font-family:DinMedium,DinLight,sans-serif;font-size:22px}
.stw-river-pledges main .esri-popup .cso-popup-content .cso-popup-content-group .cso-popup-cso-name{font-family:DinMedium,DinLight,sans-serif;font-size:18px;padding:10px 0}
.stw-river-pledges main .esri-popup .cso-popup-content .cso-popup-content-group .cso-popup-cso-constituency{padding-bottom:10px}
.stw-river-pledges main .esri-popup .cso-popup-content .cso-popup-content-group .cso-popup-type{color:#00384a}
.stw-river-pledges main .esri-popup .cso-popup-content .cso-popup-content-group.cso-popup-value-add img{max-width:100%}
.stw-river-pledges main .esri-popup .cso-popup-content .cso-popup-content-group .site-image{width:100%;height:200px;border-radius:10px}
.stw-river-pledges main .esri-popup .cso-popup-content .cso-popup-content-group #bathing-rivers-tabs .stw-tabs__panels,.stw-river-pledges main .esri-popup .cso-popup-content .cso-popup-content-group #river-pledges-tabs .stw-tabs__panels{border:0;background:#f2f2f2;margin-top:15px;border-radius:10px}
.stw-river-pledges main .esri-popup .cso-popup-content .cso-popup-content-group #bathing-rivers-tabs .stw-tabs__list,.stw-river-pledges main .esri-popup .cso-popup-content .cso-popup-content-group #river-pledges-tabs .stw-tabs__list{box-shadow:rgba(60,64,67,0.3) 0 1px 2px 0,rgba(60,64,67,0.15) 0 1px 3px 1px;border-radius:8px;display:flex;justify-content:space-around}
.stw-river-pledges main .esri-popup .cso-popup-content .cso-popup-content-group #bathing-rivers-tabs .stw-tabs__tab,.stw-river-pledges main .esri-popup .cso-popup-content .cso-popup-content-group #river-pledges-tabs .stw-tabs__tab{min-width:auto;min-height:auto;padding:15px 10px;font-family:'DinMedium';margin:0;border-radius:8px;border:0}
.stw-river-pledges main .esri-popup .cso-popup-content .cso-popup-content-group #bathing-rivers-tabs .stw-tabs__tab:hover,.stw-river-pledges main .esri-popup .cso-popup-content .cso-popup-content-group #river-pledges-tabs .stw-tabs__tab:hover{border:0}
.stw-river-pledges main .esri-popup .cso-popup-content .cso-popup-content-group #bathing-rivers-tabs .stw-tabs__tab .stw-icon,.stw-river-pledges main .esri-popup .cso-popup-content .cso-popup-content-group #river-pledges-tabs .stw-tabs__tab .stw-icon{margin-bottom:4px}
@media only screen and (min-width:992px){.stw-river-pledges main .esri-popup .cso-popup-content .cso-popup-content-group #bathing-rivers-tabs .stw-tabs__tab,.stw-river-pledges main .esri-popup .cso-popup-content .cso-popup-content-group #river-pledges-tabs .stw-tabs__tab{width:100%}
}
.stw-river-pledges main .esri-popup .cso-popup-content .stw-tabs--horizontal{font-size:14px}
.stw-river-pledges main .esri-popup .cso-popup-content .river-pledges-popup-actions{margin-top:20px}
@media only screen and (min-width:768px){.stw-river-pledges main .esri-popup .cso-popup-content .river-pledges-popup-actions{display:flex;justify-content:space-between}
}
.stw-river-pledges main .esri-popup .cso-popup-content .river-pledges-popup-actions a{color:#fff !important;text-decoration:none !important;display:flex;width:100%;padding:10px 5px;background:#00384a;color:#fff;margin-bottom:14px;border-radius:5px}
.stw-river-pledges main .esri-popup .cso-popup-content .river-pledges-popup-actions a:hover,.stw-river-pledges main .esri-popup .cso-popup-content .river-pledges-popup-actions a:focus{color:#ffcd00 !important}
.stw-river-pledges main .esri-popup .cso-popup-content .river-pledges-popup-actions a:hover svg,.stw-river-pledges main .esri-popup .cso-popup-content .river-pledges-popup-actions a:focus svg{fill:#ffcd00 !important}
@media only screen and (min-width:768px){.stw-river-pledges main .esri-popup .cso-popup-content .river-pledges-popup-actions a{width:49%;margin-bottom:0}
}
.stw-river-pledges main .esri-popup .cso-popup-content .river-pledges-popup-actions a .river-pledges-popup-action-icon{padding:5px 8px 5px 5px}
.stw-river-pledges main .esri-popup .cso-popup-content .river-pledges-popup-actions a .river-pledges-popup-action-icon svg{width:24px;height:auto;fill:#fff}
.stw-river-pledges main .esri-popup .cso-popup-content .river-pledges-popup-actions a .river-pledges-popup-action-title{font-family:DinMedium,DinLight,sans-serif;font-size:18px}
.stw-river-pledges main .esri-popup .cso-popup-content .river-pledges-popup-actions a p{font-size:14px}
#stw-river-pledges-constituencies-popover form{display:flex;width:100%;padding:14px 20px}
@media only screen and (min-width:768px){#stw-river-pledges-constituencies-popover form{width:400px}
}
#stw-river-pledges-constituencies-popover form .constituency-select-reset{background:#00384a;color:#fff;width:0;height:33px;align-self:end;overflow:hidden;transition:width .2s ease-out}
#stw-river-pledges-constituencies-popover form .constituency-select-reset.visible{width:45px}
.cso-weather-data{margin:5px;font-family:'DinMedium'}
.cso-popup-weather-dates-row{padding:5px}
.cso-popup-weather-dates-row .cso-popup-weather{margin:10px 1%}
@media only screen and (min-width:768px){.cso-popup-weather-dates-row .cso-popup-weather{width:38%;margin:0 1%}
}
.cso-popup-weather-dates-row .cso-popup-latestSpills{margin:0 1%}
@media only screen and (min-width:768px){.cso-popup-weather-dates-row .cso-popup-latestSpills{width:58%}
}
.cso-popup-weather-dates-row .cso-popup-weather-dates{background:#fff;padding:10px;border-radius:10px;font-family:'Din';min-height:265px}
.cso-popup-weather-dates-row .cso-popup-weather-dates .discharges-table-container{margin:20px 0;overflow-x:auto}
.cso-popup-weather-dates-row .cso-popup-weather-dates .discharges-table{width:100%;border-collapse:collapse}
.cso-popup-weather-dates-row .cso-popup-weather-dates .discharges-table th,.cso-popup-weather-dates-row .cso-popup-weather-dates .discharges-table td{text-align:left;padding:10px;border-bottom:1px solid #ddd}
.cso-popup-weather-dates-row .cso-popup-weather-dates .discharges-table th{font-family:'DinMedium';background-color:#f4f4f4}
.cso-popup-weather-dates-row .cso-popup-weather-dates .discharges-table tr:nth-child(even){background-color:#f1f1f2}
.cso-popup-weather-dates-row .cso-popup-weather-dates .discharges-table tr td{padding:12px 10px;font-size:14px}
.no-discharges-div{text-align:center;margin:27% 0}
.no-discharges-div .no-monitors-div svg{width:20px}
.cso-popup-latest-update-header{padding:10px;font-family:'DinMedium';border-bottom:2px solid #00384a;font-size:16px}
.cso-popup-latest-update{padding-top:18px}
@media only screen and (min-width:768px){.cso-popup-latest-update{border-bottom:0;padding-bottom:0;margin-bottom:0}
}
.cso-popup-latest-update .cso-popup-latest-update-block{display:flex;flex-direction:column;justify-content:center;text-align:center;background-color:#fff;border:1px solid #e1e1e1;padding:26px 15px 14px;border-radius:10px;box-shadow:rgba(60,64,67,0.3) 0 1px 2px 0,rgba(60,64,67,0.15) 0 1px 3px 1px}
.cso-popup-latest-update .last-spill{margin-left:20px}
.cso-popup-latest-update .cso-popup-latest-update-item{display:flex;align-items:center;margin-bottom:10px;max-height:100%}
.cso-popup-latest-update .cso-popup-latest-update-item .stw-icon{width:20px;height:auto;margin-right:10px}
.cso-popup-latest-update .cso-popup-latest-update-item p{margin:0 !important}
.cso-popup-latest-update .text-right-cso{justify-content:left;padding:5px 10px}
@media only screen and (min-width:768px){.cso-popup-latest-update .text-right-cso{justify-content:right}
}
.cso-popup-latest-update .cso-popup-latest-update-weather>.cso-popup-latest-update-weather-label{font-family:DinMedium,DinLight,sans-serif;font-size:18px;text-align:center;margin-bottom:10px}
.cso-popup-latest-update .cso-popup-latest-update-weather .cso-popup-latest-update-weather-items{display:block;justify-content:center;gap:5px;padding:10px}
@media only screen and (min-width:768px){.cso-popup-latest-update .cso-popup-latest-update-weather .cso-popup-latest-update-weather-items{justify-content:end}
}
.cso-popup-latest-update .cso-popup-latest-update-weather .cso-popup-latest-update-weather-items .bc-width{width:90%;padding:5px !important;margin:10px 5%}
.cso-popup-latest-update .cso-popup-latest-update-weather .cso-popup-latest-update-weather-items .bc-weather{box-shadow:none;background-color:#f1f1f2}
.cso-popup-latest-update .cso-popup-latest-update-weather .cso-popup-latest-update-weather-items .weather-card-header{padding:0}
.cso-popup-latest-update .cso-popup-latest-update-weather .cso-popup-latest-update-weather-items .weather-card-title{text-align:left}
.cso-popup-latest-update .cso-popup-latest-update-weather .cso-popup-latest-update-weather-items .weather-card-icon{align-self:flex-start;width:60px;height:60px;margin-right:10px}
@media only screen and (min-width:768px){.cso-popup-latest-update .cso-popup-latest-update-weather .cso-popup-latest-update-weather-items .weather-card-icon{margin-right:17px}
}
.cso-popup-latest-update .cso-popup-latest-update-weather .cso-popup-latest-update-weather-items .cso-popup-latest-update-weather-item{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;border:1px solid #e1e1e1;background-color:#fff;padding:10px 20px 0;border-radius:10px;margin-bottom:20px;box-shadow:rgba(60,64,67,0.3) 0 1px 2px 0,rgba(60,64,67,0.15) 0 1px 3px 1px}
.cso-popup-latest-update .cso-popup-latest-update-weather .cso-popup-latest-update-weather-items .cso-popup-latest-update-weather-item .cso-popup-latest-update-weather-label{font-family:DinMedium,DinLight,sans-serif;font-size:16px}
.cso-popup-latest-update .cso-popup-latest-update-weather .cso-popup-latest-update-weather-items .cso-popup-latest-update-weather-item .cso-popup-latest-update-weather-icon{width:58px;height:auto}
.river-pledges-popup-cso-history-section{margin-top:20px}
.river-pledges-popup-cso-history-section .river-pledges-popup-cso-history{overflow:auto;margin-top:16px}
.river-pledges-popup-cso-history-section .river-pledges-popup-cso-history ul{display:flex;justify-content:space-between;min-width:550px;margin-bottom:16px}
.river-pledges-popup-cso-history-section .river-pledges-popup-cso-history ul li{display:flex;flex-direction:column;width:calc(13.33333333%);min-height:80px;padding:10px 5px 6px;border:1px solid #e1e1e1;border-radius:4px;text-align:center;overflow:hidden;margin:0 2px}
.river-pledges-popup-cso-history-section .river-pledges-popup-cso-history ul li svg{height:40px;width:auto}
.river-pledges-popup-cso-history-section .river-pledges-popup-cso-history ul li .cso-date{font-size:11px}
.river-pledges-popup-cso-history-section .river-pledges-popup-cso-history ul li .cso-status{margin-top:auto;font-family:DinMedium,DinLight,sans-serif;font-size:18px}
.river-pledges-popup-cso-history-section .river-pledges-popup-cso-history ul li .cso-status-activated{color:#df1882}
.river-pledges-popup-cso-history-section .river-pledges-popup-cso-history ul li.with-weather{padding:4px 5px 6px;min-height:110px}
.river-pledges-popup-cso-history-section .river-pledges-popup-cso-history ul li.with-weather .cso-date{margin-top:-4px}
.tab-pane{border-radius:10px;padding:10px 15px;margin-top:20px;background-color:#f2f2f2}
.bathing-rivers-tabs>li{display:table-cell;width:1%;border:0;border-color:transparent;vertical-align:middle}
.bathing-rivers-tabs>li.active{background-color:#00384a;border-radius:10px}
.nav-justified>li>button{border-bottom:0;border-radius:10px;margin-bottom:0;font-family:DinLight,sans-serif;padding:15px;width:100%;border:0;background-color:transparent;font-size:18px;box-shadow:rgba(60,64,67,0.3) 0 1px 2px 0,rgba(60,64,67,0.15) 0 1px 3px 1px}
.nav-pills>li>button:hover{color:#00384a;background-color:#00caaf;font-family:DinMedium,DinLight,sans-serif}
.nav-pills>li.active>button,.nav-pills>li.active>button:focus{color:#fff;background-color:#00384a;font-family:DinMedium,DinLight,sans-serif}
.bathing-rivers-title-panel{color:white;width:100%;display:flex;align-items:center;border-radius:10px}
.bathing-rivers-title-panel .bathing-condition-icon{width:30px;height:auto;margin-right:10px}
.bathing-rivers-title-panel .bathing-rivers-popup-title{font-size:19px;color:#fff;padding:10px;width:100%;border-radius:10px}
.bathing-rivers-tabs{border:1px solid #fdfdfd;border-radius:10px;box-shadow:rgba(99,99,99,0.2) 0 2px 8px 0;font-size:20px;margin:20px 0}
.direction-label-btn{width:78%;padding:12px 17px}
@media only screen and (min-width:768px){.direction-label-btn{width:100%;display:flex;max-width:100% !important;padding:9px 7px 9px 7px !important}
}
.direction-label-btn-icon{width:30px;margin:0}
@media only screen and (min-width:768px){.direction-label-btn-icon{margin:0 20px}
}
.additional-amenity-btn{display:flex;max-width:100% !important;padding:9px 7px 9px 7px !important}
.additional-amenity-btn:hover .additional-amenity-btn-icon svg circle,.additional-amenity-btn:hover .additional-amenity-btn-icon svg line,.additional-amenity-btn:hover .additional-amenity-btn-icon svg path{fill:#00384a}
.additional-amenity-btn .additional-amenity-btn-icon{width:27px;margin:5px 10px}
.additional-amenity-btn .additional-amenity-btn-icon svg circle,.additional-amenity-btn .additional-amenity-btn-icon svg line,.additional-amenity-btn .additional-amenity-btn-icon svg path{fill:#fff}
.additional-amenity-btn-label{display:flex;flex-direction:column;justify-content:center;align-items:center}
.direction-label{display:none}
@media only screen and (min-width:768px){.direction-label{display:flex;flex-direction:column;justify-content:center;align-items:center}
}
.sitename-div{padding:0}
.direction-link-div{padding-right:0}
.site-image{height:200px;border-radius:10px}
@media only screen and (min-width:768px){.site-image{height:200px}
}
.amenities-div{margin:0}
.site-features{margin-bottom:20px}
.site-features .site-heading{margin-bottom:5px}
.site-features .site-detail-div{margin:0 -15px;display:flex}
.site-features .site-detail-div .stw-icon{width:30px;height:auto;margin-right:10px;align-items:baseline}
.site-features .site-detail-div .site-detail-desc{display:flex;justify-content:center;flex-direction:column;margin-top:5px}
.river-improvement-btn{max-width:none !important;text-align:left !important}
.information-label{font-size:15px;padding:10px 0}
.water-quality-img{width:100%;height:200px}
.color-white{color:#fff}
.color-black{color:#000}
.bathing-date-div{padding:10px 15px;font-size:16px}
.bathing-date-div .bathing-date-span{font-family:'DinMedium'}
.bathing-dates-column{padding:0 10px}
.bathing-condition{display:flex;align-items:center;border-radius:10px;padding:10px;margin:10px 0;background-color:#fff}
@media only screen and (min-width:992px){.bathing-condition{text-align:center}
}
.bathing-condition .bathing-rivers-popup-weather-icon{width:58px;height:auto}
.bathing-condition .date-div{padding:5px 0}
.bathing-condition .date-div .weather-card-header{padding:5px 0;align-items:center}
@media only screen and (min-width:768px){.bathing-condition .date-div .weather-card-header{justify-content:center}
}
.bathing-condition .date-div .weather-card-day{font-size:14px;padding:0 0 5px}
@media only screen and (min-width:768px){.bathing-condition .date-div .weather-card-day{text-align:left}
}
.bathing-condition .date-div .weather-card-date{font-size:12px}
.bathing-condition .date-div .weather-card-icon{align-self:flex-start;width:38px;height:38px;margin-right:10px;flex-shrink:0}
@media only screen and (min-width:768px){.bathing-condition .date-div .weather-card-icon{margin-right:8px}
}
.bathing-condition .condition-div{font-size:13px;padding:5px 0 0;text-align:left;float:left}
.poor-condition{color:#df1882;--icon-color:#df1882}
.good-condition{color:#11845e;--icon-color:#11845e}
.excellent-condition{color:#0b85d7;--icon-color:#0b85d7}
.poor-condition-background{background-color:#df1882}
.good-condition-background{background-color:#11845e}
.excellent-condition-background{background-color:#0b85d7}