/* STEADFAST STYLES */

.headerContainer {
    background-image: url("/assets/img/1819/unbranded/headerbg.jpg");
}

.headerContainer.homePage {
    background-image: url("/assets/img/1819/unbranded/homeheaderbg.jpg") !important;
}

.postcodeStep {
    background-image: url("/assets/img/1819/unbranded/map_aus.png");
}

#footer {
    background-image: url("/assets/img/1819/unbranded/footerbg.png");
}

.heroHomeLogoContainer {
    width: 100%;
    text-align: center;
    padding-top: 15px;
}

.heroHomeLogo {
    width: 525px;
    margin-left: -10px;
}

.headerContainer.homePage {
    height: 650px !important;
}

.homepageArea {
    background-image: url('/assets/img/1819/unbranded/homeareabg_mobile.png');
}

.homepageArea.mobile {
    background-image: url('/assets/img/1819/unbranded/homeareabg_mobile.png');
}

@media only screen and (max-width: 1250px) {
    .headerContainer.homePage {
        height: 635px !important;
    }
}

@media only screen and (max-width: 915px) {
    .headerContainer.homePage {
        height: 815px !important;
    }
}

@media only screen and (max-width: 850px) {
    .headerContainer.homePage {
        height: 795px !important;
    }

    .heroHomeLogo {
        margin-left: -60px !important;
    }
}

@media only screen and (max-width: 625px) {
    .headerContainer.homePage {
        height: 725px !important;
    }

    .heroHomeLogo {
        width: 250px;
        margin-left: -135px !important;
    }
}

@media only screen and (max-width: 550px) {
    .headerContainer.homePage {
        height: 680px !important;
    }

    .heroHomeLogo {
        width: 250px;
    }

    .heroHomeLogo {
        margin-left: -30px !important;
    }
}

@media only screen and (max-width: 425px) {
    .headerContainer.homePage {
        height: 690px !important;
    }
}

.footerLogo {
    max-width: 450px !important;
}

.footerLinksContainer {
    max-width: 1000px !important;
}

.homeTitle {
    margin-top: 0px !important;
}

#header {
    height: 100px !important;
}

#header #headerlogo {
    width: 200px !important;
    max-width: 200px !important;
}

#header.homePage {
    height: 75px !important;
    background-color: rgba(28, 137, 176, 0.5) !important;
}

#header.homePage #headerlogo {
    width: 150px !important;
}

.headerContainer.homePage {
    background-size: cover !important;
}

.headerContainer {
    background-color: #0092C1 !important;
}

#header.homePage {
    border-bottom: 2px solid #90C9DC !important;
}

#header.emergencyPage {
    border-bottom: 2px solid #90C9DC !important;
    height: 75px !important;
    background-color: rgba(28, 137, 176, 0.5) !important;
}

#header.emergencyPage #headerlogo {
    width: 150px !important;
}

.stepTitle,
.confirmTitle,
.editButton,
.faqTitle,
.wizardButtonNext,
.wizardButtonBack,
.contactTitle,
.jobReferenceTitle,
.jobReference,
.completeStepHeading,
.contactNumber,
.ratingHeading {
    color: #0092C1 !important;
}

.sellingPoint {
    color: white !important;
}

.wizardButtonNext,
.wizardButtonBack,
.tradeName,
.confirmSubTitle {
    color: #404042 !important;
}

.confirmPrice,
.quantityButton,
.popupTitle,
.wizardButton {
    background-color: #0092C1 !important;
}

.standardButton {
    background-color: #404042 !important;
    color: white !important;
}

.standardButton.selected {
    background-color: #0092C1 !important;
}

.tradeBookButton {
    background-color: #404042 !important;
    color: white !important;
}

.greyBox,
.boxNoFill,
input[type=text], textarea,
input[type="email"],
input[type="tel"] {
    border: 1px solid #0092C1 !important;
}

.lighterBox {
    border-color: #404042 !important;
    box-shadow: 0px 0px 5px 0px rgba(64, 64, 66, 0.4) !important;
}

.wizardButtonNext.valid {
    color: #404042 !important;
    background-color: #0092C1 !important;
}

.mat-calendar-body-cell-content {
    color: #0092C1 !important;
}

.mat-calendar-body-selected {
    background-color: #404042 !important;
}

.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected) {
    color: rgba(0,0,0,.38) !important;
}

.handymanButton {
    width: 90% !important;
}