@charset "UTF-8";
/*Header*/
header{
    background-color: #111;
}
#CDLC-header-logo{
    width: 200px;
}
body{
    background-color: #1c1c1c;
}
#form-placeholder{
   
   
    margin-top: 20px;
    border-radius: 20px;
}
#register-form{

    margin-bottom: 100px;
}
.form-control{
    color: #fff;
}
.form-control:focus{
    background-color: #1c1c1c;
        color: #fff;

}
.form-outline .form-control:focus~.form-notch .form-notch-leading, .form-outline .form-control:focus~.form-notch .form-notch-middle, .form-outline .form-control:focus~.form-notch .form-notch-trailing{
        border-color: #dbae2f;
}
.form-label{
    color: #888!important;
}
.form-header{
    
}
.form-header h2{
    color: #fff;
    font-weight: 100;
    border-bottom: solid 1px #dbae2f;
}
.form-header h2 i{
font-size: 1.3rem;
margin-bottom: 10px;

}
#submit-CTA{
    background-color: #dbae2f;
    color: #111;
    border: none; 
    padding: 10px 30px;
    border-radius: 22px;
    transition: background ease-out .2s;
}
#submit-CTA:hover{
    background-color: #e8c05b;
    
}
#confirmation{
    color: #fff;
    margin-top: 50px;
}
#confirmation h1, #confirmation h3{
    font-weight: 100;
}
.divider{
    width: 200px; 
    height: 2px;
    margin: 10px auto;
    background-color: #dbae2f;
}
/*FOOTER*/
footer{
    background-color: #111;
    color: #dedede;
}
/*LUNCH*/
.form-check-input:checked, .form-check-input:checked:focus{
    border-color: #dbae2f;
}
.form-check-input[type=radio]:checked:after{
    border-color: #dbae2f;
    background-color: #dbae2f;
}
.form-check-input:checked:focus:before{
    box-shadow: none;
}
@media only screen and (max-width: 1200px) {

}
@media only screen and (max-width: 990px) {
    
}
@media only screen and (max-width: 767.88px) {
  
}
@media only screen and (max-width: 575.88px) {
    
}
@media screen and (orientation:portrait) {

}
@media (hover: none) {

}

@media (pointer: coarse) and (hover: none) {

}