/*
  Running Squiz Matrix
  Developed by Squiz - http://www.squiz.net
  Squiz, Squiz Matrix, MySource, MySource Matrix and Squiz.net are registered Trademarks of Squiz Pty Ltd
  Page generated: 20 July 2025 10:46:11
*/


/*
ASSET: 160551
STOP STOP STOP STOP STOP STOP STOP STOP STOP STOP STOP
DO NOT MAKE CHANGES HERE! DO NOT MAKE CHANGES HERE!

This file is in sync with repo - https://gitlab.squiz.net/au-client-implementation/waverley-council/blob/master/source/styles/additional.scss
Make changes here. Thanks

(Please leave this note here, paste CSS below)
/*
* Style fixes for the search bar
*/

form td.gsc-input {
  width: 82%;
}
form td.gsc-search-button {
  width: 100%;
}
#main-content .gsc-adBlock iframe {
  position: relative;
  width: 100% !important;
}
#header .wrapper p {
  background: transparent url("https://www.waverley.nsw.gov.au/_design/css/screen.css/Lodge_icon.png") no-repeat 0 0; /*Change made for SDNSW-5729*/
  background-size: contain; /*Change made for SDNSW-5729*/
}

/*Changes made for ticket sdnsw-7813*/
@media screen and (max-width: 590px) {
    .banner-caption__link {
        font-size: small;
        padding-top: 10px;
    }
}

/*Changes made for ticket sdnsw-2172*/
@media screen and (max-width: 450px) {
    /*.banner-caption__link {*/
    /*    font-size: small;*/
    /*    padding-top: 10px;*/
    /*}*/
    .banner-caption {
        top: 165px;
        
    }
    #content .alert {
        height: 220px;
        height: auto;
       /* margin-bottom: 260px; */
    }
    #content .alert p:first-child {
        /*width: 45%;*/
    }
    #content .alert p:last-child {
        /*width: 55%;*/
    }
    #aside .box.quicklinks {
        /*
        position: absolute;
        top: 495px;
        width: 95.5%;*/
    }
    #aside .box img {
        width: 100%;
        height: auto;
    }
    #content .features.left-col {
        width: 100%; 
    }
    #content .features.right-col {
        width: 100%; 
        margin-top: 15px;
        margin-bottom: 15px;
    }
    body.home #content .wrapper #main-content img {
        width: 100%;
    }
    #content ul.calendar.listing li a span.title {
        max-width: 200px;
    }
    #aside .box.quicklinks ul li {
        padding: 10px 5px;
        font-size: 13px;
    }
    #aside .box.quicklinks.quicklinks-fa ul li {
        padding: 20px 0 20px 0;
    }
  
}
@media screen and (max-width: 380px) {
  #aside .box.quicklinks {
        /*top: 475px;*/
    }
}
@media screen and (max-width: 450px) {
  #aside .box.quicklinks, #aside .box.contact {
        z-index: 10 !important;
    }
  #header .wrapper p {
        background: none;
  }
}
@media screen and (max-width: 325px) {
  .banner-caption {
        top: 135px;
    }
    #content .banner-caption p {
        display: none;
    }
    #content .alert {
        height: 240px;
        height:auto;
    }
   
}

/* Social media box mobile and desktop - SDNSW-2659 ticket */

@media screen and (max-width: 20em) {
    #aside .box.contact {
        display: block;
        position: absolute;
        width: 95.5%;
        top: 220px;
        border-top: 0;
        padding-top: 10px;
        z-index: -1;
        margin-top: 0 !important;
    }    
    #aside .box.quicklinks {
        /*top: 350px;*/
    }
    #content .helper-wrapper {
        /*padding-top: 385px;*/
        /*background: none;*/
    }
    
    #content .helper-wrapper.has-notice {
        /*padding-top: 415px;*/
    }
    
    #content .alert {
        margin-bottom: 16px;
    }
    
    #aside .carousel-notice ~ .box.contact {
        top: 250px;
    }
    #aside .carousel-notice ~ .box.quicklinks {
        top: 380px;
    }
}

@media screen and (min-width: 20.001em) {
    #aside .box.contact {
        display: block;
        position: absolute;
        width: 95.5%;
        top: 280px;
        border-top: 0;
        padding-top: 20px;
        z-index: -1;
    }    
    #aside .box.quicklinks {
        /*top: 390px;*/
    }
    #content .helper-wrapper {
        /*padding-top: 385px;*/
       /* background: none;*/
    }
    #content .helper-wrapper.has-notice {
       /* padding-top: 415px;*/
    }
    #content .alert {
        margin-bottom: 16px;
    }
    
    #aside .carousel-notice ~ .box.contact {
        top: 320px;
    }
    #aside .carousel-notice ~ .box.quicklinks {
        top: 430px;
    }
}


@media screen and (min-width: 26.563em)  {
    #aside .box.contact {
        display: block;
        position: initial;
        border-top: 5px solid #2ca8e5;
        width: 88%;
        margin-top: 0 !important;
    }
    
    #aside .box.quicklinks {
        /*top: 260px;*/
    }
    
    #content .helper-wrapper {
        /*padding-top: 260px;*/
    }
    
    #content .helper-wrapper.has-notice {
        /*padding-top: 290px;*/
    }
    
    #aside .carousel-notice ~ .box.quicklinks {
        top: 300px;
    }
}

@media screen and (min-width: 28.188em)  {
    #content .helper-wrapper,
    #content .helper-wrapper.has-notice {
       /* padding-top: 0;*/
    }
}

#aside .box.contact ul li.instagram a {
  background-image: url("//www.waverley.nsw.gov.au/__data/assets/image/0007/166381/instagram_icon.png");
  background-size: 20px 20px;
  background-color: #8D6546;
  background-position: 7px;
}

#aside .box.contact ul {
    /*text-align: center;*/
}
#aside .box.contact ul li:last-child {
    margin-right: 0;
}

/*Changes made for ticket sdnsw-3666*/
@media screen and (min-width: 769px) {
        #aside .box.quicklinks ul li.trees-and-gardens a {
            background: transparent url(https://www.waverley.nsw.gov.au/_nocache?a=231225) no-repeat -258px -330px;
        }
        #aside .box.quicklinks ul li.trees-and-gardens a:hover {
            background-position: -350px -330px;
        }
    }
    @media screen and (max-width: 768px) {
        #aside .box.quicklinks ul li.trees-and-gardens span {
            background: transparent url(https://www.waverley.nsw.gov.au/_nocache?a=231225) no-repeat;
            background-size: 750px 2250px;
            width: 30px;
            height: 30px;
            display: block;
            margin: 0 auto;
            background-position: -225px -266px;
        }
    }
    
/*Changes made for ticket SDNSW-5621*/
@media screen and (max-width: 450px){
    .council .slick-slider {
        touch-action: auto;
        -ms-touch-action: auto;
    }
    .council .home__carousel .slick-slider {
        max-height: 240px;
    }
    .council .home__carousel .carousel__slide .home-slider__item {
        width: 200%;
    }
    .helper-wrapper {
        /*margin-top: -25px;*/
    }
    .council #content ul.listing.calendar li a span.detail {
        max-width: 60%;
    }
    
}

@media screen and (max-width: 325px){
    .council .home__carousel .carousel__slide .home-slider__item {
        width: 175%;
    }
}

/*SUPPORT-288164*/
@media screen and (min-width: 48.0625em) and (max-width: 94em){
  .carousel__slide .home-slider__item {
    margin-left: -29%;
    width: 130%;
  }
}

/*SUPPORT-383080*/
#content .footer-left ul li {
    background-image: none;
}

/* SUPPORT-386203 New image gallery Nov 2021 */
.img-gallery {
        position: relative;
}

.img-gallery_lightbox.hide {
        visibility: hidden;
        
}

.img-gallery .bg-image {
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        padding-bottom: 40%;
        flex: 1 1 auto;
}

.img-gallery--main {
        margin-bottom: 2px;
}

.img-gallery_sub {
        display: flex;
}

.img-gallery--two {
        margin-right: 2px;
}

.img-gallery--three {
        /* margin-right: 2px; */
        position: relative;
}

.img-gallery_overlay {
        color: white;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.65);
}

.img-gallery_count-wrapper {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
}

.img-gallery_count:before {
        content: '+';
        padding-right: 2px;
}

.img-gallery_button-wrapper {
        display: inline-block;
        border: none;
        padding: 0px;
        margin: 0px;
        text-decoration: none;
        background: transparent;
        color: inherit;
        font-family: inherit;
        font-size: 1rem;
        cursor: pointer;
        text-align: center;
        appearance: none;
        position: absolute;
        left: 0px;
        top: 0px;
        width: 100%;
        height: 100%;
}

.img-gallery_button {
        position: absolute;
        width: 33px;
        height: 33px;
        border-radius: 9999px;
        background: rgba(4, 28, 44, 0.5);
        right: 20px;
        top: 20px;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        -webkit-box-pack: center;
        justify-content: center;
}

.img-gallery_button-circle {
        position: relative;
        display: inline-block;
        width: 13px;
        flex: 0 0 auto;
}

.img-gallery_button-circle::before {
        content: "";
        display: block;
        width: 100%;
        padding-top: 100%;
}

.img-gallery_button-wrapper:hover .img-gallery_expand-svg {
        transform: scale(1.4);
}

.img-gallery_expand-svg {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
        transition: transform 0.2s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
}

.img-gallery_lightbox {
        position: fixed;
        width: 100%;
        height: auto;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgb(0, 28, 46);
        overflow-y: scroll;
        z-index: 999;
}


.img-lightbox_close {
        width: 100%;
        height: 64px;
        flex: 0 0 auto;
        position: relative;
        display: flex;
        -webkit-box-pack: end;
        justify-content: flex-end;
        -webkit-box-align: center;
        align-items: center;
}

.img-lightbox_close-button {
        border: none;
        margin: 0px 8px 0px 0px;
        text-decoration: none;
        background: transparent;
        color: inherit;
        font-family: inherit;
        font-size: 1rem;
        cursor: pointer;
        text-align: center;
        appearance: none;
        position: relative;
        padding: 10px;
        display: inline-block;
}

.img-gallery_button-x {
        position: relative;
        display: inline-block;
        width: 28px;
        flex: 0 0 auto;
}

.img-gallery_button-x:before {
        content: "";
        display: block;
        width: 100%;
        padding-top: 100%;
}

.img-gallery_button-svg {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0px;
        top: 0px;
        vertical-align: middle;
        border-style: none;
        max-width: 100%;
}


/* Slick stylings */

.img-gallery_lightbox .slick-slider {
        max-height: unset;
}

.img-gallery_wrapper .slick-wrapper {
        padding-left: 10px;
        padding-right: 10px;
}

.thumbnail_slider_area {
        padding-bottom: 20px;
}

.thumbnail_slider_area .bg-image {
        /* height: 100px; */
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        max-width: 100%;
        padding-bottom: 100%;
}

.thumbnail_slider_area .slick-track {
        margin-top: 1px;
        margin-bottom: 1px;
}

.slick-slide.bg-image {
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 300px;
}

#content #main-content .thumbnail_slider_area .col {
        margin-left: 8px;
        height: 70px;
        object-fit: cover;
        flex: 1 0 0%;
}

.thumbnail_slider .is-active {
        outline: 2px solid green;
}

.img-caption {
        padding: 0 16px;
}

.img-caption_content,
.img-caption_heading {
        color: white;
        padding-top: 20px;
}

.img-caption_heading {
        font-size: 20px;
}

.img-caption_content {
    padding-bottom: 32px;
}

#content #main-content .slick-banner img {
        width: 100%;
        object-fit: contain;
        height: 300px;
}

.no-object-fit #content #main-content .slick-banner img {
    display: block;
    margin: 0 auto;
    width: auto;
}

.slick-banner .slick-next {
        right: 0
}

.slick-banner .slick-prev {
        left: 0
}

.count {
        padding-top: 8px;
        color: White;
}


/* arrows */

.slick-banner .next,
.slick-banner .prev {
        outline: 0px;
        margin: 0;
        text-decoration: 0;
        cursor: pointer;
        appearance: none;
        border-radius: 32px;
        padding: 0;
        background-color: rgb(24, 136, 56);
        color: white;
        border: solid 2px rgb(24, 136, 56);
        position: relative;
        width: 32px;
        height: 32px;
        display: flex;
        align-items: center;
}

.slick-banner .slick-arrow {
        position: absolute;
        top: 130px;
        z-index: 10;
}

.slick-banner .prev {
        left: 0;
}

.slick-banner .next {
        right: 0;
}

.slick-banner svg {
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        width: 10px;
}

.slick-banner .prev svg {
        transform: rotate(180deg);
        left: 8px;
}

.slick-banner .next svg {
        right: 8px;
}

@media screen and (min-width: 768px) {

        /* carousels */
        .thumbnail_slider_area .col {
                height: 120px !important;
        }

        .slick-banner img {
                height: 500px !important;
        }

        /* arrow */
        .slick-banner .slick-arrow {
                top: 205px;
        }

        .slick-banner .prev svg {
                left: 10px;
        }

        .slick-banner .next svg {
                right: 11px;
        }
}

@media screen and (min-width: 1024px) {
        .img-gallery {
                display: flex;
        }

        .img-gallery--main {
                margin-bottom: 0;
                margin-right: 2px;
        }

        .img-gallery_sub {
                flex-direction: column;
                flex: 1 1 auto;
        }

        .img-gallery--two {
                margin-bottom: 2px;
                margin-right: 0;
        }
/* END SUPPORT-386203 New image gallery Nov 2021 */


}


/**** SUP-11786 ****/
#footer-top {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer-social-media {
    display: flex;
    justify-content: center;
    width: max-content;
    margin-bottom: 0.8rem;
}

#content .smp-footer__social.d-flex {
    float: none;
    display: flex;
    margin: 0;
}

#content .smp-footer__social li, #footer .smp-footer__social li {
    background: none;
    font-size: 1.375rem;
    border-right: none;
    padding: 0.235rem;
    margin: 0 0.245rem 0 0;
}


#content .smp-footer__social li a:hover, #content .smp-footer__social li a:focus {
    color: #53C6D6;
}

@media only screen and (min-width: 998px) {
    #footer-top {
        flex-direction: row;
        align-items: flex-start;
        justify-content: space-between;
    }
    
    #footer #footer-top .footer-right {
        flex-direction: column;
        align-items: end;
        margin-top: 0;
        margin-top: 1rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
}
/**** END SUP-11786 ****/