.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
    background-color: #e67e22 !important;
    outline: none;
}

.custom-checkbox .custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: none;
    outline: none;
}

/*        .custom-checkbox .custom-control-input:checked:focus ~ .custom-control-label::before {
                                box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 255, 0, 0.25)
                            }

                            .custom-checkbox .custom-control-input:focus ~ .custom-control-label::before {
                                box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(0, 0, 0, 0.25)
                            }

                            .custom-checkbox .custom-control-input:active ~ .custom-control-label::before {
                                background-color: #C8FFC8;
                            }*/

.hover-enable {
    pointer-events:all;
    cursor:pointer;
}    

.hover-disable {
    pointer-events: none;
}

.imgFitCol {
    height:auto;
    max-width:100%;
}

.boldtext {
    font-weight:bold;
}

.header-dark .header .header-brand-text-alt, .header.header-dark .header-brand-text-alt {
    color: #e67e22;
}

.PEOlarge {
    color: #fff;
}

    .PEOlarge .text-alt {
        color: #e67e22;
    }

.page-loader {
    background: #808080 !important;
}

.successContent, .errorContent {
    margin-bottom: 20px;
    display: none;
    text-transform: none;
    letter-spacing: 1px;
}

#contactResult {
    font-size:.9em;
}

#footer {
    border-top: 2px solid #e67e22;
}

/*.findQuestionImage {
    height:172px;
}*/

.findPEOquestions .card {
    height:100%;
}

.btn-100 {
    width: 100%;
}

.fullheight {
    height:100%;
}

.underheader {
   border-bottom: 2px solid #e67e22;
}

.overheader {
    border-top: 2px solid #e67e22;
}




/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Bootstrap 4 breakpoints
*/

/* 
Extra small devices (portrait phones, less than 576px) 
No media query since this is the default in Bootstrap because it is "mobile first"
*/
.findQuestionImage {
    height: 300px;
}


/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .findQuestionImage {
        height: 200px;
    }
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
    .findQuestionImage {
        height: 200px;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .findQuestionImage {
        height: 172px;
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}