/*
Theme Name: Miller
Author: Camilo Cendales
*/

@font-face {
    font-family: WoodBonnet;
    src: url(assets/fonts/WoodBonnet-G-No4.otf);
}

@font-face {
    font-family: DINPro-Black;
    src: url(assets/fonts/DINPro-Black.ttf);
}

@font-face {
    font-family: DINPro-Light;
    src: url(assets/fonts/DINPro-Light.ttf);
}

@font-face {
    font-family: Arial_regular;
    src: url(assets/fonts/Arial.ttf);
}

@font-face {
    font-family: Arial_bold;
    src: url(assets/fonts/Arial\ Bold.ttf);
}

@font-face {
    font-family: Helvetica_regular;
    src: url(assets/fonts/HelveticaNeue-01.ttf);
}

@font-face {
    font-family: Helvetica_bold;
    src: url(assets/fonts/HelveticaNeue-Condensed\ Bold.ttf);
}

.Section_sol {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: 0;
    position: relative;
    background: url(assets/images/bg-miller.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.Section_sol_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 450px;
    margin: 40px 0 0 0;
}

.Sol_box_images {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.Sol_box_images img {
    max-width: 150px;
}

.Sol_box_form {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 20px;
}

.Sol_box_form img {
    width: 100%;
}

.Form_text {
    text-transform: uppercase;
    font-family: DINPro-Light;
    font-size: 38px;
    color: #B91918;
    margin: 0;
    line-height: 1;
}

.Form_text span {
    color: black;
}

.Sol_box_form form {
    display: flex;
    flex-direction: column;
    width: 100%;
    text-transform: uppercase;
    font-family: DINPro-Light;
    letter-spacing: 2px;
    color: black;
    font-size: 18px;
    margin: 20px 0;
}

.Label_form {
    margin: 0;
}

.Input_form {
    background: #E1E2EA;
    color: #A0A0A0;
    border: none;
    border-radius: 7px;
    margin-bottom: 20px;
    height: 45px;
    padding: 10px;
}

.Input_form_checkbox {
    display: flex;
    align-items: center;
    justify-content: center;
}

.Input_form_checkbox p {
    margin: 0;
}

.Input_form_politica {
    margin-right: 10px!important;
}

.Text_terminos {
    font-family: DINPro-Light;
    font-size: 12px;
    color: #002144;
    letter-spacing: 0;
    text-transform: none;
}

.Text_terminos a {
    font-family: DINPro-Light;
    color: #BB983D;
}

.Button_send {
    display: flex;
    align-items: center;
    justify-content: center;
}

.Input_form_send{
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #002144;
    color: #BB983D;
    text-transform: uppercase;
    font-family: DINPro-Black;
    font-size: 20px;
    padding: 10px 50px;
    border: none;
    border-radius: 30px;
    width: auto;
    margin: 10px 0;
    border: 2px solid transparent;
    transition: .5s;
}

.Input_form_send:hover{
    background-color: transparent;
    color: #002144;
    border: 2px solid #BB983D;
    
}

/* thanks */

.Form_text_thanks {
    text-transform: uppercase;
    font-family: DINPro-Black;
    font-size: 38px;
    color: #002144;
    margin: 0;
    line-height: 1;
}

.Sol_box_thanks {
    width: 100%;
    height: 50vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 20px;
}
/* Footer */

.Sol_footer {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    height: auto;
}

.Sol_footer p {
    font-family: Helvetica_regular;
    text-align: center;
    color: black;
    font-size: 14px;
    margin: 20px;
}

.Sol_footer p span{
    font-family: Helvetica_bold;
}

@media (max-width: 849px) {
    .Section_sol {
        background: url(assets/images/bg-miller-mobile.png);
        background-repeat: no-repeat;
        background-size: cover;
    }
    .Section_sol_box {
        width: 90%;
    }
    .Form_text, .Input_form_send {
        font-size: 27px;
    }
}

@media (max-width: 849px) and (orientation: landscape) { 
    .Section_sol_box {
        width: 450px;
    }
}




/* new styles */

@font-face {
        font-family: JornadaSans-Heavy;
        src: url("fonts/JornadaSans-Heavy.otf");
    }
    @font-face {
        font-family: JornadaSans-Light;
        src: url("fonts/JornadaSans-Light.otf");
    }
    @font-face {
        font-family: JornadaSans-Medium;
        src: url("fonts/JornadaSans-Medium.otf");
    }

    .banner_ppal {
        flex-direction:column; 
        align-items:flex-start; 
        justify-content:center; 
        width: 100%; 
        padding: 80px;
        height: 250vh; 
        background: url(images/banner-rappi.png); 
        background-size: cover; 
        background-repeat: no-repeat;
    }

    .form-content, ._dp_container-form {
        height: 1000px!important;
        width: 400px!important;
        float: right!important;
        background-color: rgba(255, 255, 255, 0.9)!important;
        border-radius: 20px;
        padding: 40px;
    }

    ._dp_container-content {
        background-color: rgba(255, 255, 255, 0.9)!important;
        border-radius: 20px;
    }
    ._dp_container-HTMLForm {
        background: none!important;
        border: none!important;
    }
    .form-content h2, ._dp_container-form strong {
        font-family: JornadaSans-Medium!important;
        color: #000!important;
        display: flex;
        width: 150px!important;
    }

    .formInput, ._dp_container-form ._dp_container-content ._dp_container-HTMLForm ._dp_form-body ._dp_canvas-input input, ._dp_container-form ._dp_container-content ._dp_container-HTMLForm ._dp_form-body ._dp_canvas-input textarea, ._dp_container-form ._dp_container-content ._dp_container-HTMLForm ._dp_form-body .selectBox {
        font-family: JornadaSans-Light!important;
        color: #B3B3B3!important;
        font-size: 16px!important;
        border-radius: 20px!important;
        font-style: normal!important;
        width: 100%;
        margin: 10px 0;
        height: 45px;
        border: 1px solid;
        padding: 0 20px;
    }

    #lugar, .lugar, ._dp_permission_label {
        font-family: JornadaSans-Light!important;
        font-size: 16px!important;
    }

    .submitButton, .submit-button {
        width: 200px!important;
        border-radius: 20px!important;
        border: none!important;
        font-family: JornadaSans-Light!important;
        font-size: 18px!important;
        font-weight: bold!important;
        margin: auto!important;
        display: flex!important;
        justify-content: center!important;
        background-color: #FFFCA1;
        padding: 10px 0;
    }

    .footer {
        display: flex; 
        justify-content:space-between; 
        align-items:center; 
        background-color: #FA4B26; 
        padding: 40px 80px;
    }

    @media screen and (max-width: 900px) {
        .banner_ppal {
            padding: 40px;
        }
        .footer {
            padding: 40px 10px;
        }
        .form-content, ._dp_container-form {
            width: 100%!important;
        }
        .lugar-mb {
            width:90%!important;
        }
    }