/*
Ask supplement content
 */

.category-modular.one-column .supplements--secondary .supplement:nth-child(even){
    margin-left: unset !important;
}
.supplement__adivsor__container{
    background: #b40e19;
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 2rem 0;
}
.supplement__adivsor__heading {
    font-size: 1.5rem;
    color: white !important;
    margin: unset;
    padding: 1rem;
    display: flex;
    justify-content: space-between;
}
.supplement__adivsor__details {
    background: lavenderblush;
    padding: 1rem;
}
summary {
    cursor: pointer;
}
.supplement__adivsor__form__container{
    margin-top: 2rem;
}

.supplement__adivsor__form__container input, .supplement__adivsor__form__container select, .supplement__adivsor__form__container textarea {
    background-color: white;
    margin-bottom: 1rem;
}
.supplement__adivsor__meta {
    color: #cacaca
}
.site-announcement-danger {
    background-color: #f1a3aa !important;
}
/*
Corporate style updates
 */
@media screen and (min-width: 600px) {
    .identity {
        margin: 0 !important;
    }
    .nav--primary-navigation .button__text {
        margin-top: .4em !important;
    }
}
@media screen and (max-width: 600px) {
    .identity__logo{
        height: 2.5rem !important;
    }
    .site-footer .identity__logo{
        display: none;
    }
}
.identity__logo{
    width: 8.875rem !important;
}
@media screen and (min-width: 960px) {
    .nav--primary-navigation .button {
        padding: 1.25rem 1rem !important;
    }
}
.nav--primary-navigation .button__text{
    text-transform: capitalize !important;
    font-weight: bold !important;
}
.menu-navigation__controls .js-menu-toggle .button__text {
    font-size: 1rem !important;
    font-weight: bold !important;
    text-transform: unset !important;
}
.site-header {
    margin-bottom: -10px;
    width: 100%;
}
@media screen and (min-width: 960px) {
    .nav--primary-navigation .button {
        padding: 1rem 1rem !important;
    }
}
.nav--primary-navigation .button .icon, .nav--primary-navigation .button .icon{
    height: 2.4em !important;
}

.menu-navigation__content{
    background-color: #ededed !important;
}
.menu-navigation .list__link{
    text-shadow: unset !important;
    color: #000 !important;
}
.menu-navigation__controls {
    display: flex !important;
    justify-content: flex-end !important;
}

.widget-width--large .widget-navigation .list__item {
    border-bottom: none !important;
    padding: .75rem 1rem !important;
}

.list--navigation .list__item {
    border-bottom: 1px solid #d3d3d3 !important;
    padding: 1rem 0 1rem !important;
}
.list--navigation .list__item a.list__link {
    display: block !important;
}
.widget-width--large .list--navigation .list__item a.list__link {
    display: flex !important;
}
@media screen and (max-width: 1162px) {
    .widget-documents .list--navigation .list__item::before,  .widget--element--ordered-documents .list--navigation .list__item::before {
        content: "";
        display: block;
        height: 7px;
        position: absolute;
        margin-top: 5px;
        transform: translateY(0px) rotate(45deg) scale(1);
        width: 7px;
        border-right: 3px solid rgb(29 134 207);
        border-top: 3px solid rgb(29 134 207);
        right: 40px;
    }
}
@media screen and (max-width: 760px) {
    .site-footer__group .list {
        display: flex !important;
        flex-direction: column !important;
        gap: 1rem !important;
        margin: 1rem 0 !important;
    }
}
.site-footer__group .list__link {
    font-size: 1rem !important;
    text-decoration: underline !important;
}
@media screen and (max-width: 599px) {
    .service__heading {
        font-size: 1.2rem !important;
    }
}
/*
Banner search widget
 */

[data-widget-name="Cludo Banner Search"] {
    margin-top: unset !important;
}
.hero .hero__image-container, .hero {
    height: 60vh !important;
}
.hero .hero__content{
    border-radius: 8px;
    background: unset !important;
    width: 868px;
}
.hero .hero__content .form--search .form__label {
    background-color: unset !important;
}
.hero .hero__subheading{
    font-weight: 300 !important;
}
#js-search-hero > div > h2, #js-cludo-search-hero > div > h2 {
    font-size: 3.5rem !important;
}
.hero .form__append-group .button::before, .hero .integrated-component .button::before{
    border-right-color: #f24d4e;
}
.form--search .form__field{
    border: 1px solid #fff !important;
}
.hero__popular-services-container {
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
}
.hero__container {
    max-width: 1164px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 1rem;
}
.hero__popular-services-container a.button, .hero__popular-services-container p  {
    margin: 0 !important;
}
.button--secondary:hover, .button--secondary:focus, .button--secondary:focus:hover, .button--secondary:active {
    outline: none !important;
    text-decoration: none !important;
}
@media screen and (max-width: 959px) {
    .hero .hero__image-container {
        display: revert;
    }
    .hero .hero__content {
        position: absolute !important;
        top: 50% !important;
    }
    .hero {
        padding: unset !important;
    }
}
@media screen and (max-width: 599px) {
    .hero__container {
        width: 100%;
    }
    .hero__popular-services-container {
        flex-direction: column;
    }
    .hero .hero__image-container {
        display: revert !important;
    }
    .hero {
        background-color: unset !important;
    }
    .hero .hero__content {
        width: 100% !important;
        left: 0 !important;
        right: 0 !important;
        padding: 2.5rem .75rem !important;
        position: absolute !important;
        top: 0 !important;
    }
}
@media screen and (max-width: 370px) {
    .hero .hero__image-container, .hero {
        height: 65vh !important;
    }
}
.center__content{
    display: flex;
    align-items: center;
    height: 100%;
}
.search_autocomplete.instant_suggestions{
    margin-top: .7rem;
    box-shadow: 0 2px 4px rgba(97, 99, 101, 0.3);
}
.search_autocomplete.instant_suggestions h3{
    display:none;
}
.search_autocomplete.instant_suggestions ul{
    margin: 0;
}
.search_autocomplete.instant_suggestions li{
    list-style: none;
}
/*
Search
 */
#search-results > div.cludo-search-results-list > ul > li:not(:first-child) {
    border-top: 1px solid #cacaca !important;
}
#cludo-search-results .cludo-search-results-item__title-anchor .cludo-search-results-item__title {
    display: flex;
    font-size: 1.2em !important;
    flex-direction: column-reverse;
    justify-content: space-between;
    align-items: flex-start !important;
}
#cludo-search-results .cludo-search-results-item__title-anchor .cludo-search-results-item__title span {
    text-align: left !important;
    font-size: .6em !important;
    padding: 2px !important;
    text-transform: capitalize !important;
    margin-left: unset !important;
    font-weight: 100 !important;
}
#cludo-search-results .cludo-search-results-item__description {
    font-size: 1rem !important;
}
#search-results > div.cludo-search-results-list > ul > li> a > h2, #cludo-search-results .cludo-search-results-item .cludo-search-results-item__title-anchor {
    text-decoration: none !important;
}
#cludo-search-results .cludo-search-results__results{
    justify-content: left !important;
}
#cludo-search-results .cludo-search-results-item .cludo-search-results-item__title:hover {
    text-decoration: underline !important;
    text-decoration-thickness: max(3px, .1875rem, .12em) !important;
}
#cludo-search-results .cludo-facet__header, #cludo-search-results .cludo-facet__header, #cludo-search-results .cludo-facet__header-mobile {
    background: #ededed !important;
    color: #000 !important;
    text-transform: unset !important;
    font-size: 1em !important;
}
#cludo-search-results .cludo-facet__value-list-item-anchor::before {
    all: unset !important;
}
#cludo-search-results > div.page-sidebar.col-md-3 > section > div.cludo-facet > div > h2, #cludo-search-results .cludo-facet__header-mobile h2, #cludo-search-results .cludo-facet__header-mobile .form__heading, #cludo-search-results .cludo-facet__header-mobile .form__section-heading, #cludo-search-results .cludo-facet__header-mobile .h2 {
    color: #000 !important;
}
#cludo-search-results .cludo-facet__header-mobile::after, .icon-ui-chevron-down-white {
    background-image: url(data:image/svg+xml;charset%3DUS-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%20preserveAspectRatio%3D%22xMinYMid%22%20aria-hidden%3D%22true%22%20focusable%3D%22false%22%3E%3Cpath%20d%3D%22M15.99%2C19.311%2C4.64%2C7.961a2.14%2C2.14%2C0%2C0%2C0-3%2C3l12.83%2C12.89a2.152%2C2.152%2C0%2C0%2C0%2C3%2C0l12.89-12.86a2.14%2C2.14%2C0%2C0%2C0-3-3Z%22%20fill%3D%22%23000%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E) !important;
    background-repeat: no-repeat;
}
#facet-item-list-Category > li > a{
    padding-left: unset !important;
}
@media screen and (min-width: 760px) {
    #cludo-search-results .col-md-3 {
        border-right: 1px solid #cacaca;
    }
    ul.cludo-search-results-list__list {
        padding-left: 12px !important;
    }
}
/*
Fonts
 */
.button{
    font-weight: bold !important;
}
.button--secondary {
    border: unset !important;
}
a:hover, .site-footer__section--bottom .site-footer__link:hover, .site-footer__section--bottom .site-footer__link:focus, .site-footer__section--bottom .site-footer__link:active, .site-footer__section--bottom .list__link:hover, .site-footer__section--bottom .list__link:focus, .site-footer__section--bottom .list__link:active {
    text-decoration: underline!important;
    text-decoration-thickness: max(3px, .1875rem, .12em) !important;
}
/*
Bin collection widget
 */
.refuse{
    background-color: #222 !important;
    color: #fff;
}
.garden {
    background-color: rgb(143, 81, 0) !important;
    color: #fff;
}
.recycling {
    background-color: #005ea5 !important;
    color: #fff;
}
.greencaddy {
    background-color: #00a560 !important;
    color: #fff;
}


.hcc-badge {
    display: inline-block;
    padding: .35em .65em;
    font-size: .75em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
    background-color: #2125293d;
}
[x-cloak] { display: none !important; }

.shimmer__wrapper {
    background-color: #fff;
    border-radius: 4px;
    overflow: hidden;
}
.shimmer__item {
    background: #fff;
    min-height: 79px;
    padding: 14px 32px 13px;
    display: flex;
    flex-wrap: wrap;
}
.shimmer__item:not(:last-child) {
    border-bottom: 1px solid rgba(40, 45, 58, 0.1);
}
.shimmer__item > div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    flex-basis: 100%;
    max-width: 100%;
}
.shimmer__block {
    animation-duration: 2s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    animation-delay: 0.5s;
    background-color: #ededed;
    background-image: linear-gradient(90deg, #ededed 14.36%, #d7d6d6 56.29%, #ededed 100%);
    background-repeat: no-repeat;
    background-size: 244px 104px;
    position: relative;
    height: 19px;
    border-radius: 10px;
    width: 100%;
    margin: 3px 6px 3px 0px;
}

@keyframes placeHolderShimmer {
    0% {
        background-position: calc(0% - 300px) 0;
    }
    20% {
        background-position: calc(0% - 300px) 0;
    }
    80% {
        background-position: calc(100% + 300px) 0;
    }
    100% {
        background-position: calc(100% + 300px) 0;
    }
}
.error-msg[hidden] {
    opacity: 0;
    height: 0px;
    transform: scale(0);
    display: none;
}
.error-msg{
    font-size: 1rem;
    font-weight: 700;
    transform-origin: left;
    transition: all 200ms;
    border: 1px solid #ff0017;
    border-radius: 4px;
    background-color: #fef4f6;
    display: block;
    padding: 1rem;
    margin-top: 0.5rem;
}
.success-msg{
    font-size: 1rem;
    font-weight: 700;
    transform-origin: left;
    transition: all 200ms;
    border: 1px solid #00ff5b;
    border-radius: 4px;
    background-color: #f4fef9;
    display: block;
    padding: 1rem;
    margin-top: 0.5rem;
}
input#postcode[disabled] {
    background-color: #fff;
    opacity: 0.5;
    cursor: not-allowed;
}
@media screen and (max-width: 399px) {
    table.bin-collections {
        width: 100% !important;
        display: table !important;
    }
    .bin-collections tr {
        display: table-row !important;
    }
    .bin-collections th {
        display: table-row !important;
    }
    .bin-collections tbody {
        display: table-row-group !important;
    }
    .bin-collections tbody {
        display: table-row-group !important;
    }
    table.bin-collections {
        display: table !important;
    }
    .bin-collections td {
        display: table-cell !important;
    }
}
table.bin-collections {
    width: 100%;
}
.bin-collections th{
    display: table-cell !important;
    background-color: #0b0b0b;
    color: #fff;
    border: 1px solid #3e3e3e;
    font-weight: 300;
    padding: 1rem;
    text-align: left;
}
.bin-collections td{
    border: 1px solid #eee;
    padding: .75rem 1rem;
}
/*
Navigation
 */
.icon-accessibility{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' class='bi bi-universal-access' viewBox='0 0 16 16'%3E%3Cpath d='M9.5 1.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM6 5.5l-4.535-.442A.531.531 0 0 1 1.531 4H14.47a.531.531 0 0 1 .066 1.058L10 5.5V9l.452 6.42a.535.535 0 0 1-1.053.174L8.243 9.97c-.064-.252-.422-.252-.486 0l-1.156 5.624a.535.535 0 0 1-1.053-.174L6 9V5.5Z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}
/*
Chat bot
 */
body{
    -webkit-transform: unset !important;
    transform: unset !important;
}
/*
Feedback
 */
.feedback-container{
    margin-bottom: -14px;
    background-color: white;
    padding: 1rem !important;
    border: 1px solid #eee;
}
.feedback-wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1rem;
}
li.page-rating {
    padding: .5rem;
    border: 1px solid #eee;
    border-radius: 6px;
    text-align: center;
}
a.list__link.gm_sidebar_anchor{
    align-items: center;
    display: flex;
    flex-direction: column;
    min-width: 70px;
}
.page-rating-smiley{
    padding-bottom: .5rem;
}
@media screen and (max-width: 399px) {
    li.list__item.page-rating {
        width: 100% !important;
        display: inline-flex;
        justify-content: center;
    }
}
.grecaptcha-badge {
    visibility: hidden;
}

:focus {
    outline: 2px solid #FF9800  !important;
    outline-offset: 2px !important;
}