@import url('./settings/variables.css');

.car-basic-information *{
    padding: 0px;
    margin: 0px;
}

.car-basic-information > div:nth-child(2){
    padding-left: calc(var(--padding-margin-xxxl) * 2);
}

.car-basic-information .card-info-car{
    padding: var(--padding-margin-sm);
    gap: var(--padding-margin-lg);
    border-radius: 16px;
    border: 2px solid #DFDFDF;
    background: #FAFAFA;
    box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.06);
}

.car-basic-information .bi-header{
    color: var(--text-color);
}

.car-basic-information .bi-header > div{
    font-size: 16px;
}


button:has(> i.i-favorite){
    height: 28px;
}

.i-favorite{
    font-size: calc(var(--icon-md) + 2px) !important;
}

.i-bi{
    font-size: var(--icon-md) !important;
}

div.field-basic-info > span::first-letter {
    text-transform: uppercase;    
}

.field-basic-info > span{
    text-transform: lowercase;
    font-size: 16px;
}

.bi-footer{
    color: var(--gray-dark-color);
}

.bi-footer span{
    font-size: 16px;
}

.contact-button button{
    font-size: 20px;
    width: 100%;
}

.contact-button button i{
    font-size: var(--icon-md) !important;
}

textarea#message-lead{
    min-height: 110px !important;
}

.flex-direction-nav a:before {
    font-size: 35px !important;
}


/* RESPONSIVE DESIGN */

/* 
// `sm` applies to x-small devices (portrait phones, less than 576px)
@media (max-width: 575.98px) { ... }

// `md` applies to small devices (landscape phones, less than 768px)
@media (max-width: 767.98px) { ... }

// `lg` applies to medium devices (tablets, less than 992px)
@media (max-width: 991.98px) { ... }

// `xl` applies to large devices (desktops, less than 1200px)
@media (max-width: 1199.98px) { ... }

// `xxl` applies to x-large devices (large desktops, less than 1400px)
@media (max-width: 1399.98px) { ... }
*/

@media (max-width: 767.98px) {
    .car-basic-information > div:nth-child(2){
        padding-left: 0px;
    }
}