/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */


/* added wizard styles */

.wizard {
    overflow: visible!important;
}

.page-template-template-wizard-php .skip-link,#wizard-form #extra-remarks {
    display: none;
}

#wizard-submit-btn {
    display: none;
    font-size:22px; 
    font-weight:bold;
}

#wizard-form {
    position: relative;
}

.wizard > .content {
    background:transparent;
} 

@media only screen and (min-width: 768px) {
    .wizard-form {
        margin-left: 10px!important;
    }
}


@media (max-width: 767px) {
    #wizard-form-p-0 {
        position:relative;
        left:3px;
        height:auto;
    }

    .gmap-control-col {
        border: none;
    }
}

@media only screen and (min-width: 768px) {
    .wizard-map {
        margin-bottom: 0;
    }
}

.movers-wizard .wizard > .content > .body input[name="move-date"] {
    line-height: 50px;
}

@media (max-width: 767px) {
    .movers-wizard #wizard-form-p-0 .wizard-form .wizard-form-item .input-group {
        padding-right:0;
    }
}

@media (max-width: 767px) {
    .movers-wizard .accordion {
        margin-bottom: 120px;
    }
}

@media (max-width: 767px) {
    .movers-wizard .calculator-mobile-header {
        position: fixed;
    }
}

.movers-wizard .wizard>.steps>ul>li:before {
    color: #ffffff!important;
}

#itemList .accordion-header small {
    font-size: .6em;
    margin-left: 5px;
}

.wizard-form-item .input-group .form-control.invalid {
    border-color: #e42727 !important;
    background: rgb(249, 228, 229)!important;
}


.form-control.from-postcode,.form-control.stop-postcode,.form-control.to-postcode {
    width:40%!important;
}
.form-control.from-house-num,.form-control.stop-house-num,.form-control.to-house-num { 
    width:35%!important;
}
.form-control.from-toev,.form-control.stop-toev,.form-control.end-toev {
    width:25%!important;
}