/*
  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: 21 February 2024 09:54:26
*/


.rotate {
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);

    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

.container__outer {
    display: flex;
    flex-direction: column;
}

.container__padding {
    padding: 100px 0;
}

.container__content {
    display: flex;
    flex-direction: row;

    width: 100%;

    flex-wrap: nowrap;
}

.container__video-link {
    position: relative;

    display: inline-block;
}

.container__video-image {
    z-index: 10;
}

.container__video-button {
    position: absolute;
    z-index: 20;
    bottom: 40%;
    left: 0;

    display: inline-block;

    width: 100%;
    height: 41px;

    background: url(mysource_files/youtube-play-button.svg) center center no-repeat;
    background-size: 20%;
}

.container.text__intro {
    width: 70em;
    margin: 0 auto;
    padding: 10px;
}

.text__intro * {
    font-size: 1.1em;

    text-align: center;
}


.ex-tabs {
    width: 100%;
    margin: 0 auto;
}

.ex-tabs * {
    box-sizing: border-box;
}

.ex-tabs img {
    padding: 0;
}

.ex-tabs input[name=tab-control] {
    position: absolute !important;

    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;

    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;

    border: 0 !important;
}

.ex-tabs .tabs__list {
    display: flex;
    flex-direction: row;

    max-width: 86em;
    margin: 0 auto 10px;
    padding-left: 0;

    list-style-type: none;

    justify-content: flex-start;
    /*align-items: flex-end;*/
    flex-wrap: wrap;
}

.ex-tabs .tab__item {
    width: 25%;
    padding: 0 10px;
}

.ex-tabs .tabs__list .tab__label {
    display: flex;
    flex-direction: column;

    margin-bottom: 10px;

    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all .2s ease-in-out;

    align-items: flex-end;
    -webkit-touch-callout: none;
}

.ex-tabs .tabs__list .tab__label br {
    display: none;
}

.ex-tabs .tab__item-image-wrapper {
    display: flex;

    width: 93.7%;
    padding: 2px;
}

.ex-tabs .tab__item-image {
    width: 100%;
    padding: 0;
}

.ex-tabs .tab__item-text {
    font-size: 1em;
    font-weight: 500;

    display: inline-block;
    float: right;

    min-width: 50%;
    max-width: 60%;
    height: auto;
    padding: 5px 10px;

    color: #000000;
    background: #ffffff;
}

.ex-tabs .tab__label:focus .tab__item-image-wrapper,
.ex-tabs .tab__label:hover .tab__item-image-wrapper {
    background: #bc161d;
}

.ex-tabs .tile-bg__orange .tab__label:focus .tab__item-image-wrapper,
.ex-tabs .tile-bg__orange .tab__label:hover .tab__item-image-wrapper {
    background: #f58f0f;
}


.ex-tabs .tab__label:focus .tab__item-text,
.ex-tabs .tab__label:hover .tab__item-text {
    color: #ffffff;
    background: #bc161d;
}

.ex-tabs .tile-bg__orange .tab__label:focus .tab__item-text,
.ex-tabs .tile-bg__orange .tab__label:hover .tab__item-text {
    color: #ffffff;
    background: #f58f0f;
}

.nth-child-checked .tab__item-image-wrapper,
.nth-child-checked .tab__item-text {
    color: #ffffff;
    background: #bc161d;
}

.tile-bg__orange .nth-child-checked .tab__item-image-wrapper,
.tile-bg__orange .nth-child-checked .tab__item-text {
    color: #ffffff;
    background: #f58f0f;
}

.ex-tabs .content {
    margin-top: 30px;

    background: #ffffff;
}

.ex-tabs .content section {
    line-height: 1.4;

    display: block;

    -webkit-animation-name: content;
    animation-name: content;
    -webkit-animation-duration: .3s;
    animation-duration: .3s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-animation-direction: normal;
    animation-direction: normal;

    position: absolute;
    overflow: hidden;

    width: 1px;
    height: 1px;


}

.ex-tabs input[name=tab-control]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label {
    cursor: default;

    color: #428bff;
}

@media (max-width: 600px) {
    .ex-tabs input[name=tab-control]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label {
        background: rgba(0, 0, 0, .08);
    }
}

.ex-tabs input[name=tab-control]:nth-of-type(1):checked ~ .content > section:nth-child(1) {
    display: block;

    position: static;
    overflow: visible;

    width: 100%;
    height: auto;

}

.ex-tabs input[name=tab-control]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label {
    cursor: default;

    color: #428bff;
}

@media (max-width: 600px) {
    .ex-tabs input[name=tab-control]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label {
        background: rgba(0, 0, 0, .08);
    }
}

.ex-tabs input[name=tab-control]:nth-of-type(2):checked ~ .content > section:nth-child(2) {
    display: block;
    position: static;
    overflow: visible;

    width: 100%;
    height: auto;
}

.ex-tabs input[name=tab-control]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label {
    cursor: default;

    color: #428bff;
}

.ex-tabs input[name=tab-control]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label svg {
    fill: #428bff;
}

@media (max-width: 600px) {
    .ex-tabs input[name=tab-control]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label {
        background: rgba(0, 0, 0, .08);
    }
}

.ex-tabs input[name=tab-control]:nth-of-type(3):checked ~ .content > section:nth-child(3) {
    display: block;
    position: static;
    overflow: visible;

    width: 100%;
    height: auto;
}

.ex-tabs input[name=tab-control]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label {
    cursor: default;
    color: #428bff;
}

@media (max-width: 600px) {
    .ex-tabs input[name=tab-control]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label {
        background: rgba(0, 0, 0, .08);
    }
}

.ex-tabs input[name=tab-control]:nth-of-type(4):checked ~ .content > section:nth-child(4) {
    display: block;
    position: static;
    overflow: visible;

    width: 100%;
    height: auto;
}


.ex-tabs input[name=tab-control]:nth-of-type(5):checked ~ ul > li:nth-child(5) > label {
    cursor: default;

    color: #428bff;
}

@media (max-width: 600px) {
    .ex-tabs input[name=tab-control]:nth-of-type(5):checked ~ ul > li:nth-child(5) > label {
        background: rgba(0, 0, 0, .08);
    }
}

.ex-tabs input[name=tab-control]:nth-of-type(5):checked ~ .content > section:nth-child(5) {
    display: block;
    position: static;
    overflow: visible;

    width: 100%;
    height: auto;
}


.ex-tabs input[name=tab-control]:nth-of-type(6):checked ~ ul > li:nth-child(6) > label {
    cursor: default;

    color: #428bff;
}

@media (max-width: 600px) {
    .ex-tabs input[name=tab-control]:nth-of-type(6):checked ~ ul > li:nth-child(6) > label {
        background: rgba(0, 0, 0, .08);
    }
}

.ex-tabs input[name=tab-control]:nth-of-type(6):checked ~ .content > section:nth-child(6) {
    display: block;
    position: static;
    overflow: visible;

    width: 100%;
    height: auto;
}


.ex-tabs input[name=tab-control]:nth-of-type(7):checked ~ ul > li:nth-child(7) > label {
    cursor: default;

    color: #428bff;
}

@media (max-width: 600px) {
    .ex-tabs input[name=tab-control]:nth-of-type(7):checked ~ ul > li:nth-child(7) > label {
        background: rgba(0, 0, 0, .08);
    }
}

.ex-tabs input[name=tab-control]:nth-of-type(7):checked ~ .content > section:nth-child(7) {
    display: block;
    position: static;
    overflow: visible;

    width: 100%;
    height: auto;
}

.ex-tabs input[name=tab-control]:nth-of-type(8):checked ~ ul > li:nth-child(8) > label {
    cursor: default;

    color: #428bff;
}

@media (max-width: 600px) {
    .ex-tabs input[name=tab-control]:nth-of-type(8):checked ~ ul > li:nth-child(8) > label {
        background: rgba(0, 0, 0, .08);
    }
}

.ex-tabs input[name=tab-control]:nth-of-type(8):checked ~ .content > section:nth-child(8) {
    display: block;
    position: static;
    overflow: visible;

    width: 100%;
    height: auto;
}


.ex-tabs input[name=tab-control]:nth-of-type(9):checked ~ ul > li:nth-child(9) > label {
    cursor: default;

    color: #428bff;
}

@media (max-width: 600px) {
    .ex-tabs input[name=tab-control]:nth-of-type(9):checked ~ ul > li:nth-child(9) > label {
        background: rgba(0, 0, 0, .08);
    }
}

.ex-tabs input[name=tab-control]:nth-of-type(9):checked ~ .content > section:nth-child(9) {
    display: block;
    position: static;
    overflow: visible;

    width: 100%;
    height: auto;
}


.ex-tabs input[name=tab-control]:nth-of-type(10):checked ~ ul > li:nth-child(10) > label {
    cursor: default;

    color: #428bff;
}

@media (max-width: 600px) {
    .ex-tabs input[name=tab-control]:nth-of-type(10):checked ~ ul > li:nth-child(10) > label {
        background: rgba(0, 0, 0, .08);
    }
}

.ex-tabs input[name=tab-control]:nth-of-type(10):checked ~ .content > section:nth-child(10) {
    display: block;
    position: static;
    overflow: visible;

    width: 100%;
    height: auto;
}


.ex-tabs input[name=tab-control]:nth-of-type(11):checked ~ ul > li:nth-child(11) > label {
    cursor: default;

    color: #428bff;
}

@media (max-width: 600px) {
    .ex-tabs input[name=tab-control]:nth-of-type(11):checked ~ ul > li:nth-child(11) > label {
        background: rgba(0, 0, 0, .08);
    }
}

.ex-tabs input[name=tab-control]:nth-of-type(11):checked ~ .content > section:nth-child(11) {
    display: block;
    position: static;
    overflow: visible;

    width: 100%;
    height: auto;
}


.ex-tabs input[name=tab-control]:nth-of-type(12):checked ~ ul > li:nth-child(12) > label {
    cursor: default;

    color: #428bff;
}

@media (max-width: 600px) {
    .ex-tabs input[name=tab-control]:nth-of-type(12):checked ~ ul > li:nth-child(12) > label {
        background: rgba(0, 0, 0, .08);
    }
}

.ex-tabs input[name=tab-control]:nth-of-type(12):checked ~ .content > section:nth-child(12) {
    display: block;
    position: static;
    overflow: visible;

    width: 100%;
    height: auto;
}

.ex-tabs input[name=tab-control]:nth-of-type(13):checked ~ ul > li:nth-child(13) > label {
    cursor: default;

    color: #428bff;
}

@media (max-width: 600px) {
    .ex-tabs input[name=tab-control]:nth-of-type(13):checked ~ ul > li:nth-child(13) > label {
        background: rgba(0, 0, 0, .08);
    }
}

.ex-tabs input[name=tab-control]:nth-of-type(13):checked ~ .content > section:nth-child(13) {
    display: block;
    position: static;
    overflow: visible;

    width: 100%;
    height: auto;
}


.ex-tabs input[name=tab-control]:nth-of-type(14):checked ~ ul > li:nth-child(14) > label {
    cursor: default;

    color: #428bff;
}

@media (max-width: 600px) {
    .ex-tabs input[name=tab-control]:nth-of-type(14):checked ~ ul > li:nth-child(14) > label {
        background: rgba(0, 0, 0, .08);
    }
}

.ex-tabs input[name=tab-control]:nth-of-type(14):checked ~ .content > section:nth-child(14) {
    display: block;
    position: static;
    overflow: visible;

    width: 100%;
    height: auto;
}

.ex-tabs input[name=tab-control]:nth-of-type(15):checked ~ ul > li:nth-child(15) > label {
    cursor: default;

    color: #428bff;
}

@media (max-width: 600px) {
    .ex-tabs input[name=tab-control]:nth-of-type(15):checked ~ ul > li:nth-child(15) > label {
        background: rgba(0, 0, 0, .08);
    }
}

.ex-tabs input[name=tab-control]:nth-of-type(15):checked ~ .content > section:nth-child(15) {
    display: block;
    position: static;
    overflow: visible;

    width: 100%;
    height: auto;
}


.ex-tabs input[name=tab-control]:nth-of-type(16):checked ~ ul > li:nth-child(16) > label {
    cursor: default;

    color: #428bff;
}

@media (max-width: 600px) {
    .ex-tabs input[name=tab-control]:nth-of-type(16):checked ~ ul > li:nth-child(16) > label {
        background: rgba(0, 0, 0, .08);
    }
}

.ex-tabs input[name=tab-control]:nth-of-type(16):checked ~ .content > section:nth-child(16) {
    display: block;
    position: static;
    overflow: visible;

    width: 100%;
    height: auto;
}

@-webkit-keyframes content {
    from {
        transform: translateY(5%);

        opacity: 0;
    }
    to {
        transform: translateY(0%);

        opacity: 1;
    }
}

@keyframes content {
    from {
        transform: translateY(5%);

        opacity: 0;
    }
    to {
        transform: translateY(0%);

        opacity: 1;
    }
}

@media (max-width: 1000px) {
    .ex-tabs ul li label {
        white-space: initial;
    }

    .ex-tabs ul li label br {
        display: initial;
    }

    .ex-tabs ul li label svg {
        height: 1.5em;
    }
}

@media (max-width: 600px) {
    .ex-tabs ul li label {
        padding: 5px;

        border-radius: 5px;
    }

    .ex-tabs ul li label span {
        display: none;
    }

    .ex-tabs .content {
        margin-top: 20px;
    }

    .ex-tabs .content section h2 {
        display: block;
    }
}


/*-- tabs content --*/

.flex__reverse .container__content {
    flex-direction: row-reverse;

    justify-content: space-between;
}

.container__main-text {
    display: flex;
    flex-direction: column;

    padding-right: 40px;

    justify-content: flex-start;
    justify-self: center;
    flex-grow: 1;
}

.flex__reverse .container__main-text {
    padding-right: 0;
    padding-left: 40px;
}

.title__number {
    font-size: 6em;
    font-weight: 700;
    line-height: 80px;

    margin-left: 35px;

    color: #bc161d;
}

.tagline {
    display: flex;

    height: 242px;
}

.tagline__twist {
    display: flex;
    flex-direction: row;

    width: 175px;

    flex-wrap: nowrap;
    align-items: center;
}

.tagline__text {
    width: 85px;

    text-transform: uppercase;

    color: #aaaaaa;
}

.tagline__line {
    width: 75px;
    margin-left: 10px;

    border-bottom: 1px solid #aaaaaa;
}

.title__heading-text {
    margin: 0;

    text-transform: uppercase;

    color: #000000;
}

.section-container .title__heading-text::after {
    position: relative;
    left: 1px;

    display: block;

    width: 50px;
    height: 3px;
    margin-top: 5px;

    content: '';

    background: #359a9c;
}


.container__image-wrapper {
    display: flex;
    flex-direction: column;

    width: auto;

    flex-wrap: nowrap;
    justify-content: flex-start;
}

.container__image,
.container__video-image {
    min-width: 200px;
}

.container__image-caption {
    display: inline-block;

    max-width: 250px;
    padding: 5px 10px;

    color: #f5f5f5;
    background: #000000;
}

.logo-list {
    display: flex;
    flex-direction: row;

    width: 100%;

    flex-wrap: wrap;
    justify-content: center;
}

.logo__item {
    width: 15%;
}

.logo__link,
.logo__no-link {
    display: block;

    width: 100%;
}

.logo__image {
    display: inline-block;
}

.feedback-wrapper {
    display: flex;
    flex-direction: row;

    width: 100%;

    flex-wrap: nowrap;
    justify-content: center;
}

.feedback__line {
    width: 30%;
    height: 1px;

    border-bottom: 1px solid #9c9c9c;

    align-self: center;
    flex-grow: 1;
}

.feedback__button {
    font-weight: 500;

    width: 140px;
    margin: 0 30px;

    text-align: center;
    text-transform: uppercase;

    color: #000000;
    border: none;
    background: #e7e7e7;
}


.full-width-carousel {
    position: relative;

    width: 100%;
    margin: 0;
}

.full-width-carousel img {
    width: 100%;
    padding: 0;
}

.slick-buttons {
    position: absolute;
    z-index: 100;
    right: 0;
    bottom: 176px;

    display: flex;
    flex-direction: row;

    flex-wrap: nowrap;
    align-items: center;
}

.play-pause {
    display: flex;

    width: 37px;
    height: 40px;
    margin: 0 1px;

    background: rgba(0, 0, 0, .6);

    align-items: center;
}

.full-width-carousel .play-pause .js-pause,
.full-width-carousel .play-pause .js-play {
    display: none;

    box-sizing: border-box;
    width: 0;
    height: 0;
    margin: 0 auto;

    cursor: pointer;
    transition: 100ms all ease;

    border: 0 solid;
    background: transparent;
}

.full-width-carousel .play-pause .js-pause.active {
    display: block;

    width: 11px;
    height: 13px;

    transition: 100ms all ease;

    border-width: 0 3px 0 3px;
    border-color: transparent #ffffff transparent #ffffff;
}

.full-width-carousel .play-pause .js-play.active {
    display: block;

    width: 0;
    height: 13px;

    transition: 100ms all ease;

    border-width: 6px 0 6px 11px;
    border-style: solid;
    border-color: transparent transparent transparent #ffffff;
}

.full-width-carousel .slick-prev,
.full-width-carousel .slick-next {
    font-size: 24px;
    line-height: 40px;

    position: static;
    top: auto;
    right: 0;
    bottom: 0;

    display: block;

    width: 37px;
    height: 40px;
    margin: 0;

    text-align: center;
    text-indent: -9999px;

    color: #ffffff;
    border: 0;
    outline: 0;
    background: rgba(0, 0, 0, .6) url(https://www.hawkesbury.nsw.gov.au/__data/assets/image/0019/93601/sprite-lgm.png?v=0.1.1) no-repeat -149px -3996px;
}

.full-width-carousel .slick-prev {
    background-position: -149px -4107px;
}

.fwc__description {
    position: absolute;
    bottom: 0;

    display: flex;

    width: 100%;
    height: 176px;

    background: #ffffffa6;
    transition: all .2s;
}

.fwc__details {
    display: flex;
    flex-direction: column;

    width: 100%;
    height: auto;

    text-transform: uppercase;

    flex-wrap: nowrap;
    align-items: center;
    align-self: center;
}

.fwc__title {
    display: flex;
    flex-direction: row;

    width: 100%;

    flex-wrap: nowrap;
    justify-content: center;
}

.fwc__line {
    width: 33%;
    max-width: 529px;
    margin: 0 32px;

    border-bottom: 1px solid #000000;

    align-self: center;
}

.title-text {
    font-size: 3em;
    font-weight: 700;

    text-align: center;

    display: inline;

    width: auto;
    transition: all .2s;
}

.fwc__alternative-title {
    font-size: 3em;
    transition: all .2s;
}


.container__slider {
    display: block;

    width: 300px;
}

.container__slider .slick-slider {
    position: static;

    display: flex;
    flex-direction: column;

    justify-content: right;
}

.container__slider .cc__link {
    display: grid;

    opacity: 1;
    background: #000000;
}

.container__slider .cc__link .cc__image {
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear;
}

.container__slider .cc__link:hover .cc__image {
    opacity: .3;
}

.container__slider .cc__image {
    padding: 0;
}

.container__carousel .slick-prev,
.container__carousel .slick-next {
    font-size: 0;
    line-height: 40px;

    position: static;
    top: auto;
    right: 0;
    bottom: 0;

    display: block;

    width: 37px;
    height: 40px;
    margin: 0;

    text-align: center;
    text-indent: -9999px;

    color: #000000;
    border: 0;
    outline: 0;
    background: #dfdfdf url(https://www.hawkesbury.nsw.gov.au/__data/assets/image/0019/93601/sprite-lgm.png?v=0.1.1) no-repeat -149px -3345px;
}

.container__carousel .slick-prev {
    background-position: -149px -3456px;
}

.container__carousel .slick-next {
    margin-left: 2px;
}

.container__carousel .slick-buttons {
    position: static;

    align-self: end;
}


/*** Helper Classes ***/


.bg-color__black {
    background: #000000;
}

.bg-color__pink {
    background: #ee2a7b;
}

.bg-color__dark-grey {
    background: #24282c;
}

.bg-color__grey {
    background: #eeeeee;
}

.bg-color__white {
    background: #f6f3ef;
}

.bg-color__green {
    background: #6b8b20;
}

.bg-color__orange {
    background: #f58f0f;
}

.bg-color__teal {
    background: #359a9c;
}

.bg-color__red {
    background: #d0000a;
}

.bg-color__dark-blue {
    background: #002740;
}

.bar__teal {
    border-top: 5px solid #359a9c;
}

.bar__black {
    border-top: 5px solid #000000;
}

.bar__red {
    border-top: 5px solid #d0000a;
}

.bar__pink {
    border-top: 5px solid #ee2a7b;
}

.bar__green {
    border-top: 5px solid #6b8b20;
}

.bar__grey {
    border-top: 5px solid #eeeeee;
}

.bar__orange {
    border-top: 5px solid #f58f0f;
}

.bar__dark-blue {
    border-top: 5px solid #00263e;
}

.text__color-orange {
    color: #f58f0f;
}

.text__color-red {
    color: #bc161d;
}

.text__color-pink {
    color: #ee2a7b;
}

.title__heading-text.underline-color__pink::after {
    background: #ee2a7b;
}

.title__heading-text.underline-color__black::after {
    background: #000000;
}

.title__heading-text.underline-color__dark-grey::after {
    background: #24282c;
}

.title__heading-text.underline-color__grey::after {
    background: #eeeeee;
}

.title__heading-text.underline-color__white::after {
    background: #ffffff;
}

.title__heading-text.underline-color__green::after {
    background: #6b8b20;
}

.title__heading-text.underline-color__orange::after {
    background: #f58f0f;
}

.title__heading-text.underline-color__teal::after {
    background: #359a9c;
}

.title__heading-text.underline-color__red::after {
    background: #d0000a;
}

.title__heading-text.underline-color__dark-blue::after {
    background: #002740;
}

.section-container .title__heading-text.no-underline::after {
    content: none;
}


.titleNumber-color__pink {
    background: #ee2a7b;
}

.titleNumber-color__black {
    color: #000000;
}

.titleNumber-color__dark-grey {
    color: #24282c;
}

.titleNumber-color__grey {
    color: #eeeeee;
}

.titleNumber-color__white {
    color: #ffffff;
}

.titleNumber-color__green {
    color: #6b8b20;
}

.titleNumber-color__orange {
    color: #f58f0f;
}

.titleNumber-color__teal {
    color: #359a9c;
}

.titleNumber-color__red {
    color: #d0000a;
}

.titleNumber-color__dark-blue {
    color: #002740;
}


.tagline__line-teal .tagline__text {
    color: #359a9c;
}

.tagline__line-black .tagline__text {
    color: #000000;
}

.tagline__line-red .tagline__text {
    color: #d0000a;
}

.tagline__line-pink .tagline__text {
    color: #ee2a7b;
}

.tagline__line-green .tagline__text {
    color: #6b8b20;
}

.tagline__line-grey .tagline__text {
    color: #eeeeee;
}

.tagline__line-orange .tagline__text {
    color: #f58f0f;
}

.tagline__line-dark-blue .tagline__text {
    color: #00263e;
}


.tagline__line-teal .tagline__line {
    border-bottom-color: #359a9c;
}

.tagline__line-black .tagline__line {
    border-bottom-color: #000000;
}

.tagline__line-red .tagline__line {
    border-bottom-color: #d0000a;
}

.tagline__line-pink .tagline__line {
    border-bottom-color: #ee2a7b;
}

.tagline__line-green .tagline__line {
    border-bottom-color: #6b8b20;
}

.tagline__line-grey .tagline__line {
    border-bottom-color: #eeeeee;
}

.tagline__line-orange .tagline__line {
    border-bottom-color: #f58f0f;
}

.tagline__line-dark-blue .tagline__line {
    border-bottom-color: #00263e;
}

/*
  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: 21 February 2024 09:54:26
*/


/**
 * template-responsive.css
 * author: Harinder Singh - Hawakesbury City Council
 * modified: 23/May/2023
 */


/* ************************************************* */
/*                 Media Screen 1280px               */
/* ************************************************* */

@media screen and (max-width: 1280px) {
    .fwc__description {
        height: 124px;
    }

    .title-text {
        font-size: 2.5em;
    }

    .fwc__alternative-title {
        font-size: 2.5em;
    }

    .fwc__line {
        width: 30%;
    }

    .container.text__intro {
        width: 100%;
        box-sizing: border-box;
    }

    .slick-buttons {
        bottom: 124px;
    }

    .ex-tabs .tab__item {
        min-width: 200px;
    }
}

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

}

/* ************************************************* */
/*                 Media Screen 65.99em              */
/* ************************************************* */


@media screen and (max-width: 63.9375em) {
    /*65.99em*/
    .fwc__description {
        height: 77px;
    }

    .title-text {
        font-size: 1.5em;
    }

    .fwc__alternative-title {
        font-size: 1.5em;
    }

    .fwc__line {
        width: 23%;
    }

    .text__intro * {
        font-size: 1.1em;
    }

    .slick-buttons {
        bottom: 77px;
    }


    iframe {
        height: 100%;
    }
    .tagline {
        display: none;
    }
}

/* ************************************************* */
/*                 Media Screen 55em                 */
/* ************************************************* */

@media screen and (max-width: 55em) {
    .container__content,
    .flex__reverse .container__content {
        flex-direction: column;
    }

    .container__main-text,
    .flex__reverse .container__main-text {
        padding-left: 0;
        margin-bottom: 20px;
    }

    .container__image-wrapper,
    .container__slider,
    .side-content {
        margin: 0 auto;
    }

    .title__number {
        text-align: right;
        font-size: 4em;
    }

    .tagline__twist {
        width: auto;
    }


}

/* ************************************************* */
/*                 Media Screen 45.5em               */
/* ************************************************* */

@media screen and (max-width: 45.5em) {
    .section-width__90-sml {
        max-width: 90%;
        margin: 0 auto;
    }
    .container__main-text{
        padding-right: 0;
    }
    .fwc__description {
        height: 60px;
    }

    .title-text {
        font-size: 1em;
    }

    .fwc__alternative-title {
        font-size: 1.2em;
    }

    .slick-buttons {
        bottom: 60px;
    }
}


/* ************************************************* */
/*                 Media Screen 43em                 */
/* ************************************************* */

@media screen and (max-width: 43em) {
    .text__intro * {
        font-size: 1em;
    }

}

/* ************************************************* */
/*                 Media Screen 38.5em                 */
/* ************************************************* */

@media screen and (max-width: 38.5em) {
    .ex-tabs .tab__item {
        flex-grow: 1;
    }
}

/* ************************************************* */
/*                 Media Screen 31em                 */
/* ************************************************* */

@media screen and (max-width: 31em) {
    .fwc__line {
        display: none;
        width: 0;
        height: 0;
        position: absolute;
    }

    .slick-buttons {
        position: absolute;
        width: 0;
        height: 0;
        line-height: 0;
    }
}