header.govuk-header h1.govuk-heading-l { text-align:center; margin-bottom:0px; margin-top:revert; color:#fff }
.govuk-header { border-bottom: 5px solid #68A51C; }
.govuk-main-wrapper { padding-top:0px }

.ac-searchcontainer { background-repeat: no-repeat; background-size:cover; width:100%; height:480px; }
.ac-searchcontainer { width: 100%; display: flex; align-items: center; justify-content: center; background-size: 200% 200%;
  -webkit-animation: AnimateBG 250s ease infinite;
  animation: AnimateBG 250s ease infinite;
}

@-webkit-keyframes AnimateBG {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@keyframes AnimateBG {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

.redbridge-search__input[type="search"] { border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
.redbridge-search__item-wrapper { background-color: transparent; }
.redbridge-search--on-white .redbridge-search__submit { background-color: #fff; color:#000; border-top-right-radius: 6px; border-bottom-right-radius: 6px }

h1.govuk-heading-l a { color:#000; text-decoration:none }
h1.govuk-heading-l a:hover, h1.govuk-heading-l a:focus, h1.govuk-heading-l a:link, h1.govuk-heading-l a:visited { color:#000 }

/** Start: styles for Search **/

.search-instant { position:relative }
.search-instant>ul { left: 22%; right: auto }
.search-instant>ul { background-color: #fff; border: 1px solid #1a1a1a; list-style: none; padding: 15px 0 0; position: absolute; top: -15px; width: 100%; z-index: 99; }
.search-instant>ul:empty { display: none!important }
.search-instant>ul li { background-color: #fff; border-bottom: 1px solid #d9d2d6; margin: 0; text-align:left }
.search-instant>ul li:last-child { border-bottom: none }
.search-instant>ul li span,.search-instant>ul li.map { display: none }
.search-instant>ul li a { display: block; font-size: .875em; padding: 5px 10px }

@media screen and (min-width: 768px) {
  .search-instant>ul { 
    padding-top:19px;
    right: 0;
    left:20%;
    top: -19px;
    width: 59%
  }
}

@media screen and (max-width: 767px) {
  .search-instant>ul {
    padding-top:19px;
    width: 58%;
    left: 20%;
    top:-19px
  }
}

@media screen and (max-width: 640px) {
  .search-instant>ul {
    padding-top:19px;
    width: 87%;
    left: 5%;
    top: -15px
  }
}

@media screen and (max-width: 520px) {
  .search-instant>ul {
    padding-top:19px;
    width: 85%;
    left: 5%
  }
}



.ac-searchcontainer h2, .ac-howhelpcontainer h2 { text-align:center; color:#fff }
.ac-newscontainer h2 { text-align:center; color:#000 }

.ac-searchcontainer { position:relative }
  .ac-searchcontent { position:absolute; top:50%; margin-top:-5em; width:100% }
  .search-heading { margin:auto; text-align:center; width:fit-content }
  .redbridge-search h3 { text-align:center; width: fit-content; }
  .redbridge-search__item-wrapper { width:60%; text-align:center; margin-left:auto; margin-right:auto }
  .search-global { background-color:#2865AD; padding:5px 20px; position:relative; top:10px; z-index:1 }


/** Start: Carousel container **/
.searchcarousel-container { background-color:#F5F5F5; display:flex }
#carousel { margin-top:-100px; margin-top:-150px } 
.carousel { width:75%; margin:auto }
.carousel * { box-sizing: border-box !important }
.responsive-carousel div a { float:left; border-radius:9px }
.slick-next .slick-next-icon, .slick-next .slick-prev-icon, .slick-prev .slick-next-icon, .slick-prev .slick-prev-icon { background-color:#2865AD; border-radius:24px; padding: 12px 19px !important; display:inline-block; padding:10px; opacity:1 !important; color:#fff !important }
.slick-next.slick-disabled .slick-next-icon, .slick-next.slick-disabled .slick-prev-icon, .slick-prev.slick-disabled .slick-next-icon, .slick-prev.slick-disabled .slick-prev-icon { opacity:.5 !important }
.slick-dots li button { background-color:#2865AD } 
.slick-dots li button .slick-dot-icon, .slick-dots li.slick-active button .slick-dot-icon { color:#2865AD !important }
.slick-next, .slick-prev {top: 54% !important;height: auto !important;width: auto !important}
.slick-prev { left:-50px !important }
.slick-next { right:-50px !important }
.slick-slide a { text-decoration:none }
.slick-dots li button .slick-dot-icon:before { opacity:1 !important; font-size: 40px !important; }
.slick-dots li button .slick-dot-icon:after { font-size:30px !important }
.slick-dots li.slick-active button .slick-dot-icon:before { margin-top:0px !important; }
.h-fixed { height:300px }
/** End: Carousel container **/


/** Start: styles for Menu Nav **/
.nav-image {display:block; margin:0px auto; }
ul.nav-items li { float:left; padding:7px 0px 7px 9px }
ul.nav-items li a { display:inline-block; text-align:center; text-decoration:none; }
.nav-items li.divider { border-right:2px solid #e9ecef; margin-top:30px; width:1px; height:10px }
ul.nav-list li { float:left; padding:7px 0px 7px 5px }
ul.nav-list li a { color:#000; text-decoration:none; }
.nav-list li.divider { border-right:2px solid #e9ecef; margin-top:25px; width:1px; height:15px }
.nav-list li.divider:last-child {        display: none;    }
.nav-bar{ height: 1px; background: #fff; }
.nav-container{ max-width: 1000px; margin: 0 auto; }
nav{ float: left; }
.nav-bar nav { float:right }
.nav-list { padding-left:0 }
nav ul{ list-style: none; }
nav ul li{ float: left; position: relative; }
nav ul li a { display: block; padding: 0 5px; line-height: 70px; text-decoration: none; color: #fff; }

nav ul li a.govuk-link:link, nav ul li a.govuk-link:visited, nav ul li a.govuk-link:hover, nav ul li a.govuk-link:active, nav ul li a.govuk-link:focus {
    color: #2C2B2B
}

nav ul li a:hover{ background: #fff; color: #fff; }
nav ul li a:not(:only-child):after{ content: '▼'; padding-left: 5px; }
nav ul li ul li { min-width: 190px; }
nav ul li ul li a{ padding: 0; line-height: 20px; }
.nav-dropdown{ position: absolute; display: none; z-index: 1; }
.nav-mobile{ display: none; position: absolute; top: 0; right: 0; height: 70px; width: 70px; }
#nav-toggle{ position: absolute; left: 18px; top: 22px; cursor: pointer; padding: 10px 35px 15px 0px; text-indent: -9999px;}
#nav-toggle span, #nav-toggle span::before, #nav-toggle span::after{ position: absolute; display: block; content: ''; background: #fff; height: 5px; width: 35px; transition: all 300ms ease-in-out; }
#nav-toggle span::before{ top: -10px;}
#nav-toggle span::after{ bottom: -10px; }
#nav-toggle.active span{ background-color: transparent; }
#nav-toggle.active span::before, #nav-toggle.active span::after{ top: 0;}
#nav-toggle.active span::before{ transform: rotate(45deg); }
#nav-toggle.active span::after{ transform: rotate(-45deg); }

.govuk-link:link {
    color: #2C2B2B;
}
.govuk-link:visited {
    color: #2C2B2B;
}
/*nav ul li a.govuk-link:visited {
    color: #2C2B2B;
}*/

    @media only screen and (max-width: 920px) {
        .nav-list {
            padding-left: 40px
        }

        .nav-mobile {
            display: block;
        }

        nav {
            width: 100%;
            background-color: #fff;
            padding: 0px;
            margin-bottom: 15px
        }

            nav ul {
                display: none;
            }

                nav ul li {
                    float: left;
                    width: 95%;
                    margin-bottom: -15px;
                }

                    nav ul li a:hover {
                        background: #fff;
                        color: #fff;
                    }

                    nav ul li.divider {
                        display: none
                    }

                    nav ul li a {
                        padding: 5px 5px 15px 5px;
                        line-height: 30px;
                        border-bottom: 1px solid #000;
                        margin: 0 0 0 -40px
                    }

                        nav ul li a span.nav-text {
                            margin: 0 0 0 30px
                        }

                        nav ul li a img.nav-image {
                            display: inline-block;
                            position: relative;
                            top: 10px;
                            left: 5px
                        }

        .nav-dropdown {
            position: static;
        }
    }

    @media screen and (min-width: 950px) {
        .nav-list {
            display: block !important;
        }
    }

    .govuk-heading-s { color: #2C2B2B }
.govuk-heading-m { color: #2C2B2B }

.row {
    display: flex; /* equal height of the children */
}
.column-half { flex: 2; border:1px solid #ccc; border-radius:6px; margin:15px}
.column-quarter { flex: 1; border:1px solid #ccc; border-radius:6px;  margin:15px }
.newitem { flex: 1; border:1px solid #ccc; border-radius:6px;  margin:15px }

.link-container { margin-bottom:30px; }
.link-container img { width:100%; margin:0; padding:0; position:relative; top:-1px }
.link-container p img { width:auto; margin:0; padding:0; position:relative; top:-1px }

.column-half a, .column-quarter a { display:block; text-decoration:none }
.column-half a.govuk-link:focus, .column-quarter a.govuk-link:focus { border-radius:6px}

.column-half a.blue-container, .column-half a.orange-container, .column-half a.purple-container, .column-half a.green-container { border-radius:9px }
.column-quarter a.blue-container, .column-quarter a.orange-container, .column-quarter a.purple-container, .column-quarter a.green-container { border-radius:9px }
.remove-border { border:none }

.blue-container { background-color:#2865AD; color:#fff !important }
.orange-container { background-color:#FF5349; color:#fff !important }
.green-container { background-color:#68A51C; color:#fff !important }
.purple-container { background-color:#DD1877; color:#fff !important }
.white-container { background-color:#fff;  }
.grey-container { background-color:#eee; color:#000 !important }
.slick-slide img, .white-container img, .blue-container img, .orange-container img, .green-container img, .purple-container img, .link-content img{
    border-top-left-radius: 6px;
    border-top-right-radius: 6px
}
.link-container > a.govuk-link { text-align:left; border-radius:6px; display:table-cell; vertical-align:middle; text-decoration:none }

.link-container a.govuk-link:focus, .link-container a.govuk-link:active {
    color: #2C2B2B !important;
    text-decoration: none;
}
.h-100 { height: 100% !important; }

.exploreredbridge a { text-decoration:none }
.exploreredbridge ul li { border-bottom:1px solid #ccc; margin-bottom:20px; padding-bottom:10px }
    .exploreredbridge ul li a.govuk-link:visited {
        color: #2C2B2B
    }

.findthings-container, .whatson-container, .inspired-container { position:relative }
.header-whitebox { position: absolute; bottom:0; width:100% }
.header-whitebox img { position:relative; display: block; margin-left: auto; margin-right: auto; margin-bottom:-20px; z-index:2 }
.icon-images { width:87px; height:87px }
.header-whitebox h2 { position:relative; background-color:#fff; padding:20px 0px; display: block; margin-left: auto; margin-right: auto; width: 50%; text-align:center; margin-bottom:0px;; z-index:1 }

.findthings-main a h3 { color:#fff; text-align:center; font-weight:500 }

.location-details-aside-container, .multiple-items { margin-top:0 }
.location-details-aside { float:left; width:100%; margin-top:0; padding-top:0px; padding-bottom:0px; background-color:#f3f2f1  }
.location-details-aside ul li { margin-bottom:0px; padding:10px 10px 0 10px }
.location-details-aside ul li p { display: inline-block; width:80%; vertical-align: top; }
.aside-content .govuk-accordion__section-button { margin-top:5px; font-weight:700; font-size: 1.1rem; padding-bottom:0px; padding-top:10px; margin-top:0px; }
.aside-content .govuk-accordion__section-toggle { float:left; margin-right:10px; margin-top:-1px; margin-left:10px }
.aside-content .govuk-accordion__section-content { padding-top:0px }
.aside-content .govuk-accordion__show-all { display:none }

.heading-bg-green { background-color:#68A51C; padding:5px; color:#fff }
.heading-bg-orange { background-color:#FF661B; padding:5px; color:#fff }
.heading-bg-turquoise { background-color:#00AEAE; padding:5px; color:#fff }
.heading-bg-blue { background-color:#004F7A; padding:5px; color:#fff }
.info-card { padding:15px; display:block }
.info-card p span.whatson-content {        display: inline-block;        width: 80%;        margin-top: 7px;        vertical-align: top;    }

.whatson-content { position:relative; top:-6px }
.whatson-main .govuk-body-s { margin-bottom: 10px; }
.whatson-main-container { position: relative; display:block }
.whatson-main-container img { display:block; margin:0; padding:0 }
.whatson-main-content { position: absolute; top: 0; left:15px; width:40%; height:100%; background-color:#fff; opacity:0.90 }
.whatson-main-content h2  { padding:15px }
.whatson-main-content p { padding:15px }

.seedo-content { position:relative; top:-6px }
.seedo-main .govuk-body-s { margin-bottom: 10px; }
.seedo-main-container { position: relative; display:block }
.seedo-main-container img { display:block; margin:0; padding:0 }
.seedo-main-content { position: absolute; top: 0; left:15px; width:40%; height:100%; background-color:#fff; opacity:0.90 }
.seedo-main-content h2  { padding:15px }
.seedo-main-content p { padding:15px }

.eat-content { position:relative; top:-6px }
.eat-main .govuk-body-s { margin-bottom: 10px; }
.eat-main-container { position: relative; display:block }
.eat-main-container img { display:block; margin:0; padding:0 }
.eat-main-content { position: absolute; top: 0; left:15px; width:40%; height:100%; background-color:#fff; opacity:0.90 }
.eat-main-content h2  { padding:15px }
.eat-main-content p { padding:15px }


.park-content { position:relative; top:-6px }
.park-main .govuk-body-s { margin-bottom: 10px; }
.park-main-container { position: relative; display:block }
.park-main-container img { display:block; margin:0; padding:0 }
.park-main-content { position: absolute; top: 0; left:15px; width:40%; height:100%; background-color:#fff; opacity:0.90 }
.park-main-content h2  { padding:15px }
.park-main-content p { padding:15px }

.generalcomms-main img.icon-images { position:relative; display: block; margin-left: auto; margin-right: auto; top:-40px;  }
.generalcomms-main h2 { text-align:center }
.generalcomms-main p { text-align:left }
.generalcomms-main a {
    margin-left: auto;
    margin-right: auto;
    display: block;
    float: none;
    color: #2C2B2B;
}
.comms-container { margin-right:10px; margin-bottom:15px; background-color:#F5F5F5; min-height:400px; padding:10px }
.comms-content { padding:10px }
.comms-centre p { text-align:center }


.search-content { position:relative; top:-6px }
.search-main .govuk-body-s { margin-bottom: 10px; }
.search-main-container { position: relative; display:block }
.search-main-container img { display:block; margin:0; padding:0 }
.search-main-content { position: absolute; top: 0; width:40%; height:100%; background-color:#004F7A; opacity:0.90 }
.search-main-content h2  { padding:15px }
.search-main-content p { padding:15px }
.search-well { padding-top:15px; padding-bottom:15px; margin-top:15px; background-color:#f3f2f1 }
.search-well .govuk-form-group { padding-left:15px }
.search-checkboxes-inline { position:relative; left:30px; top:25px }


.map-content { position:relative; top:-6px }
.map-main .govuk-body-s { margin-bottom: 10px; }
.map-main-container { position: relative; display:block }
.map-main-container img { display:block; margin:0; padding:0 }
.map-main-content { position: absolute; top: 0; left:15px; width:40%; height:100%; background-color:#fff; opacity:0.90 }
.map-main-content h2  { padding:15px }
.map-main-content p { padding:15px }
.dr-map-info p span.mapinfo-content {display: inline-block;width: 80%;margin-top: 0px;vertical-align: top;}

/** Start: checkbox dropdown **/
.multi-select-container { display: inline-block; position: relative; width:200px; }
.multi-select-menu { position: absolute; left: 0; top: 1.9em; z-index: 1; float: left; width:300px; min-width: 100%; background: #fff; margin: 1em 0; border: 1px solid #aaa; display: none; max-height:200px; overflow-y: auto; border-radius:6px }
.multi-select-menuitem {
  display: block;
  font-size: 1.1875rem;
  line-height: 1.25;
  padding: 0.6em 1em 0.6em 30px;
  white-space: nowrap;
  font-family: GDS Transport,arial,sans-serif;
}
.multi-select-button {
  position:relative;
  top:5px;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: -0.5em;
  background-color: #fff;
  cursor: default;
  font-family: GDS Transport,arial,sans-serif;
  font-size: 1.1875rem;
  line-height: 1.25;
  box-sizing: border-box;
  min-width: 11.5em;
  max-width: 100%;
  height: 40px;
  height: 2.5rem;
  padding: 5px;
  border: 2px solid #0b0c0c;
  color: #0b0c0c;
  background-color: #fff;
  text-decoration:none
}
.multi-select-container .button a.govuk-link {
    color: #2C2B2B
}
.multi-select-container .button a.govuk-link:focus { outline:3px solid #fd0; outline-offset:1px; border:3px solid #000; border-bottom:2px solid #000; background-color:#fff }

.multi-select-container .button a img { position:relative; top:7px; float:right }
.multi-select-menu ul { list-style-type:none; padding-left:10px; width:auto }
.multi-select-menu input { width:15px; height:15px }
.multi-select-menu label.govuk-label  { font-size:19px }
.multi-select-menu ul li { font-size:14px }
.multi-select-menu ul.parentul li label { font-weight:bold }
.multi-select-menu ul.parentul li ul li label { font-weight:normal }
.multi-select-menu ul li ul { list-style-type:none; padding-left:20px }
.menufilter-buttons { width:auto; padding:10px 10px 0 10px; margin:0 0 10px 0; border-top: 1px solid #CBC1C6; }
.menufilter-buttons button { width:100% } 
.menufilter-buttons a { width:100%; display:block; text-align:center } 
/** End: checkbox dropdown **/

/* utilities */
.drwell-links img {    width: 18px;    margin-right: 5px;}
span.drwell-links-text {    display: inline-block;    width: 80%;    word-break: break-word;    margin-top: -5px;    vertical-align: top;    font-size: 1.1875rem;}

.dr-contactdetails { display:flex; align-items:top; justify-content:top }
.dr-contactdetails .dr-contactimg { margin-top:2px }
.dr-contactdetails .dr-contacttext { padding-left:10px; word-break: break-all; }

.govuk-input--increase-width-7-5em { margin-right:30px }
.govuk-breadcrumbs { border-bottom:1px solid #CBC1C6; border-top:1px solid #CBC1C6; padding:10px 0 10px 0 }
nav.govuk-pagination ul li a { line-height:normal }
.form-group-inline { display:inline-block }
.text-colour-green { color:#68A51C }
.text-colour-blue { color:#2865AD }
.button--blue-curved { border-radius:12px; color:#004F7A !important; border:2px solid #004F7A !important }
.button--blue-notcurved { border-radius:0px; color:#004F7A !important; border:2px solid #004F7A !important }
.button--black-notcurved { border-radius:0px; color:#000 !important; border:2px solid #004F7A !important }
.asidebutton-img { width:18px; margin-right:10px }
.text-colour-orangearrow { margin-right:10px; }
.arrow-up { width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #fff; }
.link-arrow { font-size:24px; font-weight:500; display:inline-block; position:relative; top:-2px; float:right; }
.link-arrow-news { font-size:24px; font-weight:500; display:inline-block; position:relative; top:0px; vertical-align:top; }
hr.underline-style { border:2px solid #fff; background-color:#fff; color:#fff; width:10% }

.innerLinks a:link, .innerLinks a:active, .innerLinks a:visited {display: inline-block;color: #000;background-color: #ebe9e9;padding: 3px 10px;border-radius: 6px;margin: 0 5px 5px 5px;text-decoration: none}
.innerLinks a:focus, .innerLinks a:hover {color: #fff;font-weight: bold;background-color: #68A51C !important;box-shadow: none;}
.innerLinks a span.text-colour-green {color: #68A51C;font-weight: bold}
.innerLinks a:hover span.text-colour-green {color: #fff}

.linksContent h2 { color:#000; margin-bottom:10px; margin-top:10px }
.page-right-buttons-all { float:right }
.page-right-buttons { float:right }
.refresh-searchcontent { margin-left:10px }

.redbridge-well p, .redbridge-well h2 { padding:5px 10px }
.redbridge-well h2 a.govuk-link { color:#fff; text-decoration:none }
.redbridge-well p a.govuk-link { color:#0b0c0c; line-height:1.425em; text-decoration:none }
.search-border-green { border:1px solid #68A51C }
.search-green-header { width:auto; color:#fff; background-color:#68A51C }
.search-border-blue { border:1px solid #2865AD }
.search-blue-header { width:auto; color:#fff; background-color:#2865AD }
.search-border-orange { border:1px solid #FF5349 }
.search-orange-header { width:auto; color:#fff; background-color:#FF5349 }

.list-number { padding-left:5px }
.asc-table { margin-top:30px }
.asc-table .govuk-table__cell, .asc-table .govuk-table__header { border-bottom: 1px solid #fff; }
.asc-table .govuk-table__header { margin:0; padding:0 }
.asc-table th { width:300px; }
.asc-table caption, .asc-title { color:#44506c }
.filter-components { float:right }
.desktophomepage { display:block }
.mobilehomepage { display:none }
.aside-content .govuk-button { margin-bottom:10px }
.discover-well { float:left; width:100%; padding-top:15px; padding-bottom:15px; margin-top:15px; background-color:#f3f2f1 }
.discover-well .govuk-form-group { display:inline-block; padding-left:15px }
.discover-well button { margin:30px 30px 0px 0px; display:inline-block }

.location-details-aside-container {border-top: 1px solid #b1b4b6;}
.location-details-aside-container .single-date {font-weight: 700;padding: 10px 0 0 10px}
.location-details-aside-container .single-date span {margin-right: 10px}
.location-details-aside-container .govuk-accordion-nav__chevron:after {left: 0.325rem;transform: rotate(45deg)}

/* Responsive */
@media (min-width: 60em) {
  .link-container > a.govuk-link {
    font-size: 24px !important;
    font-size: 1.5rem !important;
    line-height: 1.25 !important;
  }
}

@media (max-width: 59.9em) {
  .link-container > a.govuk-link {
    font-size: 19px !important;
    font-size: 1.1875rem !important;
    line-height: 1.3157894737 !important;
  }


  .whatson-main-content { position: relative; top: 0; left:0; width:100%; padding:0; background-color:#fff; }
  .whatson-main-content h2  { margin:0px }

  .seedo-main-content { position: relative; top: 0; left:0; width:100%; padding:0; background-color:#fff; }
  .seedo-main-content h2  { margin:0px }

  .eat-main-content { position: relative; top: 0; left:0; width:100%; padding:0; background-color:#fff; }
  .eat-main-content h2  { margin:0px }
  .findthings-main img { display:none }

  .park-main-content { position: relative; top: 0; left:0; width:100%; padding:0; background-color:#fff; }
  .park-main-content h2  { margin:0px }

  .search-main-content { position: relative; top: 0; left:0; width:100%; padding:0; background-color:#fff; }
  .search-main-content h2  { margin:0px }

.discover-well button { margin:0px; width:90%; margin-left:15px }
.location-details-aside-container, .multiple-items { margin-top:5px }
.search-button button { margin-top:15px; width:75%; margin-right:15px }
.search-checkboxes-inline { top:0px; left:0px; }

}

@media (max-width: 40.0525em) {


.row { display:block; margin:0; padding:0 }
.column-half, .column-quarter { margin-left:0px }

  .redbridge-search__item-wrapper { width:90% }
  header.govuk-header h1.govuk-heading-l { margin-bottom:20px; margin-top:0px }
  .link-container a { margin-bottom:15px; min-height:auto; }
  .link-container > a.govuk-link { display:inline-block; font-size: 24px !important; font-size: 1.5rem !important; line-height: 1.25 !important; width:100%; border-radius:18px }
  .search-width { width:35% }

}

@media screen and (max-width:920px) {

    .ac-searchcontainer {
        background-repeat: no-repeat;
        background-size: cover;
        width: 100%;
    }

    .ac-searchcontent {
        top: 55%
    }
}


/** Start: Search autocomplete **/
.ac-searchcontent.active input{
  border-radius: 5px 0 0 0;
}

.ac-searchcontent .resultBox{
  padding: 0;
  opacity: 0;
  pointer-events: none;
  max-height: 280px;
  width: 56%;
  margin-left: auto;
  margin-right: auto;
  background-color:#fff
}

.ac-searchcontent.active .resultBox {
  opacity: 1;
  pointer-events: auto;
}

.resultBox li {
  list-style: none;
  padding: 5px;
  display: none;
  cursor: default;
  border-radius: 3px;
}

.ac-searchcontent.active .resultBox li {
  display: block;
}
.resultBox li:hover {
  background: #efefef;
  cursor:pointer
}


@media (max-width: 40.0525em) {
  .ac-searchcontent .resultBox{
    width: 80%;
  }
}
/** End: Search autocomplete **/


/* Popup container - can be anything you want */
.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* The actual popup */
.popup .popuptext {
  visibility: hidden;
  width: 160px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -80px;
}

/* Popup arrow */
.popup .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/* Toggle this class - hide and show the popup */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}
.popup.active{
color: red;
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;} 
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}

/** start: Whatson Carousel**/

.whatson-carousel-pager-container {
    position: relative;
    width: 0px;
    display: block;
    height: 50px;
    float: right;
    margin-bottom: 20px;
    margin-right: 50px
}

.carousel-week .slick-dots {
    display: none !important
}

.carousel-week .carousel {
    width: 100%;
    margin: auto;
}

.carousel-week .carousel-item a {
    display: block;
    height: 600px
}

.carousel-week .whitegrey-container {
    border: 1px solid #ccc;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    height: 470px
}

.carousel-week .link-content > img {
    height: 130px
}
.carousel-week .link-content.no-image .whitegrey-container {
    height: 600px;
}
/** end: Whatson Carousel**/

.redbridge-tabs__panel--hidden {
    display: none;
}

.js-enabled .govuk-tabs__list {
    margin-bottom: 0;
    border-bottom: 1px solid #b1b4b6
}

.js-enabled .govuk-tabs__list:after {
    content: "";
    display: block;
    clear: both
}

.js-enabled .govuk-tabs__title {
    display: none
}

.js-enabled .govuk-tabs__list-item {
    position: relative;
    margin-right: 5px;
    margin-bottom: 0;
    margin-left: 0;
    padding: 10px 20px;
    float: left;
    background-color: #f3f2f1;
    text-align: center
}

.js-enabled .govuk-tabs__list-item:before {
    content: none
}

.js-enabled .govuk-tabs__list-item--selected {
    position: relative;
    margin-top: -5px;
    margin-bottom: -1px;
    padding: 14px 19px 16px;
    border: 1px solid #b1b4b6;
    border-bottom: 0;
    background-color: #fff
}

.js-enabled .govuk-tabs__list-item--selected .govuk-tabs__tab {
    text-decoration: none
}

.js-enabled .govuk-tabs__tab {
    margin-bottom: 0
}

.js-enabled .govuk-tabs__tab:link, .js-enabled .govuk-tabs__tab:visited {
    color: #0b0c0c
}

.vision-promo {
    display: flex;
    padding: 0px 15px
}

.vision-promo > .vision-image {
    flex: 1 0 0%;
    text-align: right;
}

.vision-img > img {
    vertical-align: top;
    max-width: 100%;
}

.vision-promo > .vision-text {
    flex: 2 0 0%;
    font-size: 16px;
    position: relative;
    top: 28px;
}

.vision-promo .govuk-tag--darkgrey {
    color: #fff;
    font-weight: normal;
    background: #505A5F;
}

.discover-link {
    text-decoration: none
}

.sm-icons a {
    color: #fff;
    display: inline-block;
    padding: 4px 7px;
}

/* Footer icons accessibility - contrast */
.govuk-footer .sr-only { color:#fff }

/* accessibility - text colour contrast on small devices */
@media (max-width: 32em) {
    .text-colour-green { color: #2C2B2B; }
    .findthings-main a h3 { color: #000; font-weight:bold }
    .blue-container { background-color:#80B2E0 }
    .purple-container { background-color:#DC6EA7 }
}