﻿/* Button reset */

.btn-default {
    background-color: #E77C70;
    border-color: #E77C70;
}

.btn.btn-default {
    border-color: #E77C70;
    font-size: 18px;
}

.btn.btn-default:hover {
    background-color: #E05849 !important;
    border-color: #E05849 !important;
}

.btn.btn-default:focus {
    background-color: #E05849 !important;
    border-color: #E05849 !important;
}

.btn.btn-default.disabled, [disabled].btn.btn-default {
    background-color: #E05849 !important;
    border-color: #E05849 !important;
    opacity: 0.3;
}

.button-return {
    margin-bottom: 35px;
}

h1 {
    color: #EF8172 !important;
    margin-bottom: 30px !important;
    font-size: 36px !important;
}

/** Part 1 - Map & Address **/
/** ---------------------- **/

.centre-details-column {
    padding-left: 20px;
}

h3 {
    color: #EF8172 !important;
    margin-bottom: 10px !important;
    font-size: 20px;
}

.how-to-find-title {
    margin-top: 10px;
}

.map-container {
    padding: 5px;
    border: 1px solid #DDD;
    background-color: #EEE;
    height: 460px;
}

#map_canvas {
    height: 450px;
    width: 100%;
}



.centre-details-part {
    font-weight: unset;
    margin-left: 40px !important;
}



.spacer {
    margin-top: 16px;
}

#main .centre-website a {
    color: #E77C70;
    text-decoration: underline;
}

#main a {
    box-shadow: none;
    text-decoration: none;
}

/** Part 2 - Qualifications **/
/** ----------------------- **/

h2 {
    color: #EF8172 !important;
    margin: 0px 0px 10px 0px !important;
    font-size: 20px;
}

.qualifications-container {
    background-color: #EDEDED;
    padding: 10px;
}

.clear-both {
    clear: both;
}

.qual-box-out {
    margin: 0px;
    padding: 0px;
}

.qual-box-in {
    padding: 10px;
    color: #FFF;
    min-height: 140px;
    opacity: 0.9;
    border: 10px solid #EDEDED;
}

.qual-box-in-no-delivery {
    padding: 0px 0px 0px 10px;
    color: #FFF;
    opacity: 0.8;
    border-top: 5px solid #EDEDED;
    border-right: 10px solid #EDEDED;
    border-bottom: 5px solid #EDEDED;
    border-left: 10px solid #EDEDED;
}

.qualification-summary-level {
    color: #555;
    font-weight: bold;
}

.qualification-summary-desc {
    color: #FFF;
    margin-left: 10px;
}

.qualification-summary-level-tm {
    color: #555;
    font-weight: bold;
}

.qualification-summary-desc-tm {
    color: #666;
    margin-left: 10px;
}

.progression-route-container {
    clear: both;
}

.progression-route-link {
    padding: 10px 0px 10px 10px;
}

#main .progression-route-link a {
    color: #E77C70;
    text-decoration: underline;
}

.centre-quals-part {
    margin-top: 35px;
}

.qualification-delivery-head {
    color: #EF8172 !important;
    margin: 10px 0px 0px 10px;
    padding: 0px;
    font-size: 28px;
    display: block;
}

.qualification-nondelivery-head {
    margin: 10px 0px 0px -5px;
    padding: 0px;
    font-size: 22px;
    display: block;
}

.list-not-delivering  {
    margin: 0px 0px 10px 0px;
    padding: 0px;
}

.list-not-delivering li {
    margin-left: 30px;
}


/** Part 3 - Contact Form **/
/** --------------------- **/

#centre-contact-form {
    background-color: #EDEDED;
    margin-top: 35px;
    padding: 20px;
}

.centre-enquire-head {
    color: #EF8172 !important;
    margin: 0px;
    padding: 0px;
    font-size: 28px;
}

.centre-intro {
    display: block;
    margin: 0px 0 20px 0;
    font-size: 22px;
}

.reduce-padding-left {
    padding-left: 7px;
}

.reduce-padding-right {
    padding-right: 7px;
}

.privacy-notice {
    font-size: 14px;
}

.tbEmail { 
    text-transform: lowercase;
}
::-webkit-input-placeholder { /* WebKit browsers */
    text-transform: none;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    text-transform: none;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    text-transform: none;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    text-transform: none;
}
::placeholder { /* Recent browsers */
    text-transform: none;
}

.ddlQualification, .ddlTrainingType {
    font-size: 18px;
    height: 100%;
}

.form-select {
    margin-bottom: 19px;
}

.new-checkbox {
    position: relative;
    top: 5px;
    left: 3px;
}

.form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio], .new-checkbox input[type=checkbox], .new-radio input[type=radio] {
    padding-right: 20px;
}

.checkbox-label {
    margin-left: 13px;
    display: block;
}

.new-checkbox, .new-radio {
    transform: scale(1.3);
}

.row-privacy {
    padding: 10px 10px 10px 15px;
}

.row-button-messages {
    padding: 0px 10px 0px 15px;
}

.button-send-enquiry {
    display: block;
    padding: 14px 25px;
    font-size: 23px !important;
    margin: 10px 0px 20px 0px;
}

#centre-contact-form a {
    color: #EF8172 !important;
    text-decoration: underline !important;
}

.form-inline .checkbox input[type=checkbox], .form-inline .radio input[type=radio], .new-checkbox input[type=checkbox], .new-radio input[type=radio] {
    height: 20px;
}

/* Errors */

.error-container {
    color: #E05849;
    padding: 10px 0px 0px 5px;
}

.highlight-error {
    border: 1px solid #E05849;
}

.highlight-error:hover {
    border: 1px solid #E05849;
}

.sent-container {
    background-color: #8DC8B6;
    color: #FFF;
    padding: 30px 20px 30px 20px;
    margin-bottom: 35px;
}

.success-container {
    background-color: #8DC8B6;
    color: #FFF;
    padding: 30px 20px 30px 20px;
    margin-bottom: 35px;
}

.failure-container {
    background-color: #E05849;
    color: #FFF;
    padding: 30px 20px 30px 20px;
    margin-bottom: 35px;
}

.failure-container a, .failure-container a:visited {
    color: #FFF;
    text-decoration: underline !important;
}

.grecaptcha-badge {
    width: 70px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    left: 4px !important;
}

.grecaptcha-badge:hover {
    width: 256px !important;
}

@media (max-width: 991px) {
    
    .reduce-padding-left {
        padding-left: 15px;
    }

    .reduce-padding-right {
        padding-right: 15px; 
    }

    .centre-details-column {
        margin-left: 15px;
        margin-top: 25px;
    }

}

@media (max-width: 767.98px) {

    .centre-details-column {
        
    }
}