/*
 * HBC-ONE MENU STYLE FRAMEWORK
 * Copyright (c) 2018 Hartlepool Borough Council
 */

body,input{font-family:"Source Sans Pro",Verdana,Geneva,Helvetica,sans-serif;margin:0;padding:0}#anonymousLoginScreen,#app-content,#self-content,.showcase,.squircles{font-family:"Open Sans",Verdana,Geneva,Helvetica,sans-serif}body{font-size:1.6em}a{text-decoration:none}a:hover{text-decoration:underline}img{border:0;position:relative}h4{text-align:center;margin-top:30px;margin-bottom:30px;font-weight:400}.welcome{margin:10px;font-size:18px;text-align:left}h1.welcome{font-size:30px}.banner::after,.squircles>li,.welcome p{font-size:16px}.banner::after{color:#fff;position:absolute;width:150px;top:0;text-align:center}.banner.new::after{content:"New";left:0;background-color:#2f8320;-webkit-transform:rotate(-45deg) translate(-46px,-33px);-ms-transform:rotate(-45deg) translate(-46px,-33px);transform:rotate(-45deg) translate(-46px,-33px)}.banner.recycling::after{content:"Recycling";right:0;background-color:#e23a90;-webkit-transform:rotate(45deg) translate(44px,-16px);-ms-transform:rotate(45deg) translate(44px,-16px);transform:rotate(45deg) translate(44px,-16px)}.app-icon,.showcase,.squircles>li{border-radius:16px}.showcase{background-color:#f4f5fc}.rollinglist{display:inline-block;list-style:none;padding:inherit;text-align:center;position:relative}.rollinglist.vertical>li,.squircles{width:100%}.rollinglist>li{display:inline-block;margin:10px}.nomargin,.nomargin>li{margin:0}.rollinglist a{color:#fff}.squircles{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;padding:10px 0 0 10px}.squircles>li{display:inline-block;-webkit-box-flex:1;-ms-flex:1 9em;flex:1 9em;height:10em;margin:0 10px 10px 0;padding:0 4px 1em}.alert,.squircles>li{position:relative;border:none;overflow:hidden}.alert{border-radius:9px;font-size:17px}.alert h6{font-size:18px}.alert .close{opacity:.3;font-size:2.5em}.squircles>li:not(.nohover):not(:hover){-webkit-transition-duration:.15s;-o-transition-duration:.15s;transition-duration:.15s;-webkit-transition-timing-function:cubic-bezier(.45,.05,.55,.95);-o-transition-timing-function:cubic-bezier(.45,.05,.55,.95);transition-timing-function:cubic-bezier(.45,.05,.55,.95);-webkit-transition-property:opacity,-webkit-filter;-o-transition-property:opacity,filter;transition-property:opacity,filter,-webkit-filter}.squircles>li:not(.nohover):hover{-webkit-filter:contrast(.85);filter:contrast(.85);opacity:.85}.squircles li a{text-decoration:none;display:inline-block;position:relative;width:100%;height:100%;color:inherit}@media (min-width:724px) and (max-width:991px){.squircles>li{-webkit-box-flex:1;-ms-flex:1 10em;flex:1 10em}}@media (min-width:992px){.squircles li{-webkit-box-flex:1;-ms-flex:1 13.1em;flex:1 11.1em}.squirclesKJ li{-ms-flex-preferred-size:13.1em!important}}.squircles li i,.squircles li span{top:0;bottom:0;left:0;right:0}.squircles li i{font-weight:400!important}.squircles li span{display:block;font-size:16px}.darkblue,.darkgreen{color:#fff!important}li.nolink{background-color:#fff;border-color:rgba(128,128,128,.2)}li.nolink i{opacity:.2}.darkblue i::before,.darkgreen i::before{color:#fff}.lightblue{background-color:#dddff2}.lightblue i{color:#1f2b83}.darkblue{background-color:#1f2b83}.lightgreen{background-color:hsla(111,31%,83%,1)}.lightgreen i{color:#2f881f}.darkgreen{background-color:#2f881f}.innovate,.innovate li{border-radius:0}.innovate li{border:2px solid #2f881f;border-top-width:8px;background-color:#fff}.innovate li p,.innovate li span{color:#1f2b83}.lines>li{height:4em;-ms-flex-line-pack:center!important;display:inline-block;vertical-align:middle;-ms-flex:45%;-webkit-box-flex:calc(50% - 10px);flex:calc(50% - 10px);z-index:2}.lines>li i{margin-left:10px;margin-right:10px}.lines>li i::before{font-size:48px}.lines>li span{display:inline-block;width:calc(100% - 80px);height:100%;padding-top:0;vertical-align:bottom}li.column,li.column>ul{height:auto;padding:0;margin:0}a.column ul{padding:0}.column>ul>li{-webkit-box-flex:100%;-ms-flex:100%;flex:100%}li.userinfo{z-index:1;margin-top:-2em;padding-top:2em;height:calc(10em + 10px)}.userinfo ul{display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.userinfo ul li{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;height:-webkit-min-content;height:-moz-min-content;height:min-content;margin:0;padding:0;font-size:16px}li.paragraph{padding-top:.4em}li.paragraph span{height:auto;font-weight:700}li.paragraph p{font-size:small;margin-top:.2em}.list{height:auto!important}.list ul{padding-left:2em;text-align:left;list-style-type:square}.list ul li{position:relative;width:100%;margin-top:.5em;height:auto}.toolbar,.toolbar-container,footer,header,nav{display:inline-block;z-index:20;width:100%;left:0;right:0;vertical-align:middle}.toolbar{z-index:10;margin-bottom:20px;-webkit-transition:-webkit-box-shadow .5s;-o-transition:box-shadow .5s;transition:box-shadow .5s;transition:box-shadow .5s,-webkit-box-shadow .5s}#self-content{min-height:100%;min-height:calc(100% - 423px)}.toolbar,.toolbar-container{top:0}.toolbar-container{min-height:105px;height:calc(11.5vw + 43.9px);max-height:130px;margin-bottom:2em}footer,header{background-color:#1f2b83}header{top:0;min-height:70px;height:13vw;max-height:96px}.header-title a{position:relative;height:100%;top:10px}.header-title img{min-height:48.5px;height:10vw;max-height:78px;width:auto;position:relative;padding:1%}.header-dashboard{width:290px;color:#fff;font-size:64px}@media (max-width:950px){.header-dashboard{font-size:7vw;width:30vw}}.breadcrumb-list a,.white,nav{color:#fff}nav{background-color:#2e831f;padding:.4em 0}.breadcrumb-list{margin:0;padding-left:5px;padding-right:5px}.breadcrumb-list>li{display:inline;list-style:none;padding:0 5px}.breadcrumb-list>li:not(.noslash):not(:first-child)::before{content:"/";padding-right:8px}.dropdown-menu{z-index:999;color:#000;text-align:left;border-radius:5px;-webkit-box-shadow:0 0 10px rgba(0,0,0,.2);box-shadow:0 0 10px rgba(0,0,0,.2);-webkit-transition:opacity .15s,-webkit-transform 0s .15s;-o-transition:opacity .15s,transform 0s .15s;transition:opacity .15s,transform 0s .15s,-webkit-transform 0s .15s;display:block;opacity:0;-webkit-transform:translate(-1000px,-1000px);-ms-transform:translate(-1000px,-1000px);transform:translate(-1000px,-1000px)}#anonymousLoginScreen .clearfix,#navigation,.dropdown-backdrop,img.logonimg{display:none}.dropdown-menu li a{color:#000}.caret{-webkit-transition:-webkit-transform .3s;-o-transition:transform .3s;transition:transform .3s,-webkit-transform .3s}.dropdown.open .caret{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.dropdown.open .dropdown-menu{-webkit-transition:opacity .15s,-webkit-transform 0s;-o-transition:opacity .15s,transform 0s;transition:opacity .15s,transform 0s,-webkit-transform 0s;opacity:1;-webkit-transform:translateX(-40px);-ms-transform:translateX(-40px);transform:translateX(-40px)}footer{margin-top:20px}footer .rollinglist{padding:0}footer .left{width:110px}.footer-links{width:100px;font-size:1em}.footer-links li{margin:0 0 5px}.footer-links li:not(:first-child){border-top:1px solid #8e94c2}@media (min-width:382px) and (max-width:510px){.footer-address{width:100%}}.footer-social li{margin:0}.footer-social li:first-child{margin-right:42px}.footer-social i::before{font-size:32px}.ratingStarPanel{width:50%;margin-left:25%}#SelfToolbar .login-link,#toolbar .login-link{top:0;padding:0 0 0 15px;margin:0}.achieveforms-iframe,.renderForm{z-index:0}#anonymousLoginScreen{padding-top:20px}#anonymousLoginScreen h1{font-size:30px}#anonymousLoginScreen,#anonymousLoginScreen div{text-align:left!important}#anonymousLoginScreen .btn,#anonymousLoginScreen .btn-custom,.btn-group .btn,.btn-primary{padding:3px!important;position:relative;min-width:150px;width:30%;width:calc(33% - 9px);height:2em;margin-top:0!important;margin-bottom:15px!important;margin-right:10px!important;background-color:#1f2b83;color:#fff!important;letter-spacing:0;font-size:16px;text-align:center;border:none;border-radius:4px}.btn-custom#btn-anon{-webkit-transform:translateY(-8px);-ms-transform:translateY(-8px);transform:translateY(-8px)}.btn-custom#btn-anon,.btn-success{background-color:#2e831f!important}.ratingstar{color:#d97f00}@media (max-width:550px){.tsvis,body:not(.js) .toolbar{position:absolute;left:0;right:0}.tsvis{-webkit-box-shadow:0 5px 9px 0 rgba(0,0,0,.6);box-shadow:0 -4px 9px 5px rgba(0,0,0,.6)}.tsfixed{width:100%;top:0!important;position:fixed}.header-title{top:-4px}.mainmenu li{-webkit-box-flex:100%;-ms-flex:100%;flex:100%;height:4em}.mainmenu li i{width:10px;margin-left:10px;margin-right:10px}.mainmenu li i::before{font-size:48px}.mainmenu li span{width:calc(100% - 80px);height:100%;display:inline-block;vertical-align:middle}.lines li span,.mainmenu li span{font-weight:bolder;font-size:.9em}.lines>li:not(.paragraph)>a,.mainmenu li span{text-align:left;padding-left:1em}p.noMobile{display:none}h1.welcome{font-size:1.5em}.lines>li{-webkit-box-flex:100%;-ms-flex:100%;flex:100%}#anonymousLoginScreen .btn,#anonymousLoginScreen .btn-custom,.btn-primary{width:100%}}@-webkit-keyframes spin-outer{0%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}50%{border-radius:50%}100%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@keyframes spin-outer{0%{-webkit-transform:rotate(-180deg);transform:rotate(-180deg)}50%{border-radius:50%}100%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}.self-spinner{width:80px!important;height:80px!important;margin-left:5px;margin-bottom:5px;border:none;-webkit-animation:none;animation:none}.self-spinner::after,.self-spinner::before{display:inline-block;position:relative;content:'';width:100%;height:100%;background-color:#202c85}.self-spinner::before{border-radius:16px;-webkit-animation:spin-outer 3s ease-in-out backwards infinite alternate;animation:spin-outer 3s ease-in-out backwards infinite alternate;z-index:4}.self-spinner::after{background-image:url(https://www.hartlepool.gov.uk/site/images/apple-touch-icon.png);background-position:center;z-index:5;border-radius:50%;-webkit-transform:translateY(-85px);-ms-transform:translateY(-85px);transform:translateY(-85px)}@-webkit-keyframes color-change{50%{color:#1f2b83}}@keyframes color-change{50%{color:#1f2b83}}.self-loading-text{color:#2e831f!important;font-size:1.2em;-webkit-animation:color-change 3s ease-in-out infinite alternate;animation:color-change 3s ease-in-out infinite alternate}.rollinglist.images{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.rollinglist.images li img{position:relative;width:100%;max-width:400px}.images li{display:relative;width:calc(33% - 20px)}@media (max-width:660px){.images li{width:calc(50% - 20px)}}@media (max-width:390px){.images li{width:100%}}.left{left:0;float:left;text-align:left}.right{right:0;float:right;text-align:right}.top{top:0}.bottom{bottom:0}.full{width:100%}.hidden{opacity:0}.justify{text-align:justify}.notext{font-size:0}