/* MDB5 Multi-step form */
html,
body,
.intro {
  height: 100%;
}

@media (min-width: 550px) and (max-width: 750px) {
  html,
  body,
  .intro {
    height: 550px;
  }
}

@media (min-width: 800px) and (max-width: 850px) {
  html,
  body,
  .intro {
    height: 550px;
  }
}

a.link {
  font-size: .875rem;
  color: #6582B0;
}
a.link:hover, 
a.link:active {
  color: #426193;
}



/* Adobe font starter css */
h1, h2{
font-family: bebas-neue-by-fontfabric, sans-serif;
font-weight: 400;
font-style: normal;
}

body, p, h6{
font-family: nunito-sans, sans-serif;
font-weight: 400;
font-style: normal;
}
li, h3, h4{
font-family: brandon-grotesque, sans-serif;
font-weight: 300;
font-style: normal;
font-variant: all-small-caps;
}
.btn, h5{
font-family: brandon-grotesque, sans-serif;
font-weight: 700;
font-style: normal;
}
h5{
font-variant: all-small-caps;
}
/* Adobe font starter css */

/* Multistep form */
/* Input required/optional */
small.required{
    padding-left:8px;
    letter-spacing: .05em;

}
small.optional{
    padding-left:8px;
    letter-spacing: .05em;
}

/* Form Side Image */
.form-side-image{
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
/* Input Borders */
.form-outline .form-control~.form-notch .form-notch-trailing {
    border-top: .125rem solid #9c9b9b;
    border-right: .125rem solid #9c9b9b;
    border-bottom: .125rem solid #9c9b9b;
} 
.form-outline .form-control~.form-notch .form-notch-middle {
    border-bottom: .125rem solid #9c9b9b;
    border-top: .125rem solid #9c9b9b;
} 
.form-outline .form-control~.form-notch .form-notch-leading {
    border-top: .125rem solid #9c9b9b;
    border-bottom: .125rem solid #9c9b9b;
    border-left: .125rem solid #9c9b9b;
} 

.form-outline .form-control~.form-label {
    color: #9c9b9b;
}
.select-input~.select-arrow {
    color: #9c9b9b;
}
/* Focused Input Borders */
.form-outline .form-control:focus~.form-notch .form-notch-leading {
    border-top: .125rem solid #8cc08f !important;
    border-bottom: .125rem solid #8cc08f !important;
    border-left: .125rem solid #8cc08f !important;
} 
.form-outline .form-control:focus~.form-notch .form-notch-trailing {
    border-top: .125rem solid #8cc08f !important;
    border-right: .125rem solid #8cc08f !important;
    border-bottom: .125rem solid #8cc08f !important;
} 
.form-outline .form-control:focus~.form-notch .form-notch-middle {
    border-top: 0;
    border-bottom: .125rem solid #8cc08f !important;
} 
.form-outline .form-control:focus~.form-label {
    color: #cceedd;
}
.select-input.focused~.select-arrow {
    color: #cceedd;
}
/* Input Trailing Icons */
.trailing {
    cursor: default;
    pointer-events: auto !important;
  }
/* Slider */

/* CHECKBOXES/RADIOS/FILE INPUTS */
.stepper-head:hover{
    background-color: white !important;
}
.form-check-input[type='radio']:checked:focus:before {
    border-color: black;
    box-shadow: none !important;
    box-shadow: 0 0 0 0.35rem rgba(119, 184, 144, 1) !important;
  }
  .form-check-input[type='radio']:checked {
    border-color: #66BB6A !important;
    color: #66BB6A !important;
    background-color: #66BB6A !important;
  }
.form-check-input[type=radio]:checked:after{
    background-color: #66BB6A !important;
    color: #66BB6A !important;
}
.stepper-completed .stepper-head-icon{
    background-color: #66BB6A !important;
}
.check.form-check-input:checked:after{
   background-image:  url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e") !important;
   background-size: cover;
   background-position: center center;
   background-repeat: no-repeat;
}
.form-check-input[type='checkbox']:checked{
    background-color: #66BB6A !important;
}
.form-check-input[type='checkbox']:checked:focus:before {
    border-color: black;
    box-shadow: none !important;
    box-shadow: 0 0 0 0.35rem rgba(119, 184, 144, 1) !important;
}
/* File Upload */      
.file-upload-wrapper{
    border: 1px dashed #f2f3f5;
}
.file-upload-message i{
    color: rgb(126, 131, 182);
}

.custom-file-label{
    width:75%;
    height: 6em;
    clear:both;
    display: block;
    margin: auto;
    text-align: center;
    border: 1px dashed #3d5ca5;

}
.custom-file-input:hover{
    cursor:grab
}
.custom-file-label:before{
    font-family: FontAwesome;
    content: "\f019";
    display: block;
    font-size: 20px;
    color: #78909c;

}  
.custom-file-label:after{
    display: none;

} 
/* Hidden / Reveal on Input */
.hidden-fade{
    display: none !important;
}
/* Buttons stick to bottom    ##looks like shit  on mobile
@media screen and (min-width: 700px) {
    .pagination{
        position: absolute !important;
        bottom: 0;
        display: inline-block !important;
    }
    .pagination:first-of-type{
        right: 0;
    }
    .pagination:last-of-type{
        left: 33%;
    }  
}
*/