/*!
* Custom Landing Page v1.4
* Copyright 2021-2022 The Lotus Design Authors
* Copyright 2021-2022 Lotus Design, Unipessoal Lda.
*/

:root{
    --primary--: #cdae6e;
    --secondary--: #103161;
    --alternative--: #242C4F;
    --white--: #ffffff;
}

html {
    min-height: 100%;
}

body {
    font-family: "Roboto",sans-serif;
    font-size: 1em;
    height: 100%;
}

/* Custom Title Tags Styles */
h1, h2, h3, h4, h5, h6 {
    color: var(--secondary--) !important;
    font-family: "Roboto", Sans-serif !important;
}

/* Custom Title Styles */
.h1, .h2, .h3, .h4, .h5, .h6 {
    color: var(--secondary--) !important;
    font-family: "Roboto", Sans-serif !important;
}

h2 {
    color: var(--secondary--) !important;
    font-weight: 800 !important;
    font-family: "Roboto", Sans-serif !important;
    font-size: 1.25rem;
}

/* Custom H2 Tag and Bold Style */
.custom-h2 {
    color: var(--secondary--) !important;
    font-weight: 800 !important;
    font-family: "Roboto", Sans-serif !important;
    font-size: 1.25rem;
}

/* Custom H5 Tag and Bold Style */
h5 b {
    color: var(--secondary--) !important;
    font-weight: 800 !important;
    font-family: "Roboto", Sans-serif !important;
}

/* Custom P Tag Style */
p {
    color: #7A7A7A !important;
    font-weight: 500 !important;
    font-family: "Raleway", Sans-serif !important;
}

/* Custom P Style */
.mc-p{
    color: #7A7A7A !important;
    font-weight: 500 !important;
    font-family: "Raleway", Sans-serif !important;
}

/* Custom Style Logo */
#mc_logo{
    width: auto; 
    height: 70px; 
    object-fit: cover;
}

/* Custom Card Style */
.card {
    min-width: 0;
    width: 400px;
    display: flex;
    position: relative;
    display: -ms-flexbox;
    border-radius: .25rem;
    word-wrap: break-word;
    flex-direction: column;
    background-color: var(--white--);
    -ms-flex-direction: column;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
}

/* CUSTOM NAVBAR BACKGROUND COLOR STYLE */
nav.navbar.navbar-expand-md.navbar-light.bg-light.static-top.shadow {
    background: #fff0 !important;
}

/* CUSTOM LABEL A TAG FORM CONTROL STYLE */
label.custom-control-label a {
    color: #b4aca8;
}

/* CUSTOM LABEL A TAG FORM CONTROL HOVER STYLE */
label.custom-control-label a:hover {
    color: var(--white--);
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
}

/* CUSTOM LABEL FORM CONTROL STYLE */
label.custom-control-label {
    color: var(--white--);
}


/* CUSTOM BACKGROUND FOOTER STYLE */
footer.bg-dark {
    /* background-color: var(--secondary--)!important; */
    background-image: radial-gradient(at center center, var(--secondary--) 2%, var(--alternative--) 100%) !important;
}

/* CUSTOM CARD FORM INFO BACKGROUND STYLE */
div#card_form_info {
    background: var(--primary--) !important;
    border-color: var(--primary--) !important;
    z-index: 100000 !important;
}

/* CUSTOM FORM CONTROL FOCUS STYLE */
.form-control:focus {
    color: #495057;
    background-color: var(--white--);
    border-color: #10316100;
    outline: 0;
    box-shadow: 0 0 0 0.2rem #1031614a;
}

button#form-pedido-info-desktop-submit {
    background: var(--primary--);
    border: 2px solid var(--secondary--);
    padding: 9px 15px;
    display: inline-block;
    line-height: 1;
    font-size: 15px;
    border-radius: 4px;
    color: var(--white--);
    fill: var(--white--);
    text-align: center;
    -webkit-transition: all .3s;
    font-weight: 700;
    margin-bottom: -5px;
}

button#form-pedido-info-desktop-submit:hover {
    background: var(--secondary--);
}

button#form-pedido-info-mobile-submit {
    background: var(--primary--);
    border: 2px solid var(--secondary--);
    padding: 9px 15px;
    display: inline-block;
    line-height: 1;
    font-size: 15px;
    border-radius: 4px;
    color: var(--white--);
    fill: var(--white--);
    text-align: center;
    -webkit-transition: all .3s;
    font-weight: 700;
    margin-bottom: -5px;
}

button#form-pedido-info-mobile-submit:hover {
    background: var(--secondary--);
}

:checked ~ .custom-control-label:after {
    background-color: var(--primary--) !important;
    border-radius: 4px;
}

.custom-control-input:focus:not(:checked)~.custom-control-label::before {
    border-color: #fbd587 !important;
}
.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 0.2rem #cdae6e3d !important;
}

.custom-control-input:checked~.custom-control-label::before {
    color: var(--white--);
    border-color: var(--primary--) !important;
    background-color: var(--primary--) !important;
}

label.custom-control-label a {
    font-weight: 600;
    color: var(--white--) !important;
}
label.custom-control-label a:hover {
    color: var(--white--);
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
}

.only-desktop{
    display: block !important;
}

.only-mobile{
    display: none;
}

@media (max-width:768px) {
    .only-desktop{
        display: none !important;
    }
    
    .only-mobile{
        display: block !important;
    }

    .card {
        width: auto !important;
        margin-bottom: 20px !important;
    }
    #img-cofinance{
        width: 280px !important;
    }
    #lp-name{
        margin-top: 92px !important;
        justify-content: center !important;
        text-align: center !important;
    }
    .cc-window.cc-floating {
        max-width: 100% !important;
        bottom: 0px !important;
    }
    .img_bandeiras{
        margin-top: 1rem!important;
    }
    .img_promotores{
        margin-top: 1rem!important;
    }
}

@media (max-width:48rem) {
    .only-desktop{
        display: none !important;
    }
    
    .only-mobile{
        display: block !important;
    }

    .card {
        width: auto !important;
        margin-bottom: 20px !important;
    }
    #img-cofinance{
        width: 280px !important;
    }
    #lp-name{
        margin-top: 92px !important;
        justify-content: center !important;
        text-align: center !important;
    }
    .cc-window.cc-floating {
        max-width: 100% !important;
        bottom: 0px !important;
    }
    .img_bandeiras{
        margin-top: 1rem!important;
    }
    .img_promotores{
        margin-top: 1rem!important;
    }
}

/* CUSTOM UL & OL TAGS STYLE */
dl, ol, ul {
    color: #7A7A7A !important;
}

/* CUSTOM FORM SUCESS MESSAGE STYLE */
.form-success-status {
    color: var(--white--) !important;
    margin-top: 10px !important;
    border: 2px solid var(--white--);
    border-radius: 4px !important;
    padding: 5px 10px 5px 10px;
    margin-left: -20px;
}

/* CUSTOM FORM ERROR MESSAGE STYLE */
.form-error-status {
    color: red !important;
    margin-top: 10px !important;
    border: 2px solid var(--white--);
    border-radius: 4px !important;
    padding: 5px 10px 5px 10px;
    margin-left: -20px;
}

/* CUSTOM FORM RESPONSE EMPTY INPUT STYLE */
.form-error-empty{
    color: var(--white--) !important;
    margin-top: 10px !important;
    border: 2px solid #f00;
    border-radius: 4px !important;
    padding: 5px 10px 5px 10px;
    margin-left: -20px;
    margin-bottom: 0px !important;
}

/* FOOTER MEDIA QUERIES */
/*
@media (min-width: 768px) and (max-width: 1024px) {
    footer {
        bottom: 0px;
        position: absolute;
        width:  100%;
    }
}
*/

/* HIDE RECAPTCHA BADGE */
.grecaptcha-badge {
    display:  none !important;
}

/* TURN LIGTH HOUSE CONTRAST COLORS TO 100% */
div#card_form_info {
    /*background-color:#12315f !important;*/
    /* background-color:#202c45 !important; */
    background-image: radial-gradient(at center center, var(--secondary--) 2%, var(--alternative--) 100%) !important;
    border: 2px solid var(--primary--) !important;
}
button#form-pedido-info-desktop-submit {
    background: var(--primary--) !important;
    color: white !important;
}
button#form-pedido-info-mobile-submit {
    background: var(--primary--) !important;
    color: white !important;
}
li {
    color: #4e4e4e !important;
}
i {
    color: #4e4e4e !important;
}
p {
    color: #4e4e4e !important;
}
p.mc-p {
    color: #4e4e4e !important;
}
/* TURN LIGTH HOUSE CONTRAST COLORS TO 100% */

.content a {
    color: var(--secondary--) !important;
    text-decoration: none !important;
}

.content a:hover {
    text-decoration: underline !important;
}