/*!
 * Componente Nombre: dextdbkg  | fiat
 * Autor: DEX360
 * Copyright: DEX360
 */
 
/*  
    0.  :root
    1.  dextdbkg
    2.  dextdbkg--steps-line
    3.  dextdbkg--button
    4.  dextdbkg--form
        4.2. amelia plugin
    
*/

.dextdbkg--main-menu a {
    background-color: #FE1430;
    color: #fff;
    display: block;
    font-size: 18px !important;
    font-weight: 700;
    margin: 0 -18px 0 0;
    min-height: 45px;
    padding: 10px 20px;
}

/* 0. :root
--------------------------------------------------------------*/
:root {
    --colorPrimary: #FE1430;
}

/* 1. dextdbkg
--------------------------------------------------------------*/
.dextdbkg .dtdt--title span {
    color: var(--colorPrimary);
}
.dextdbkg .dextdbkg--button {
    background-color: var(--colorPrimary);
}
.dextdbkg .dextdbkg--form--location .dextdbkg--button {
    background-color: transparent;
}

/* 2. dextdbkg--steps-line 
--------------------------------------------------------------*/
.dextdbkg--steps-line .step-active {
    background: var(--colorPrimary);
}

/* 3. dextdbkg--button
--------------------------------------------------------------*/
.dextdbkg--button::before {
    content: '';
    position: absolute;
    background-color: var(--colorPrimary);
    border-radius: 0;
    left: -13%;
    height: 100%;
    padding: 25px 40% 34px;
    top: 0px;
    transform: skewX(-19deg);
    -webkit-transform: skewX(-19deg);
    -moz-transform: skewX(-19deg);
    -ms-transform: skewX(-19deg);
    -o-transform: skewX(-19deg);
    width: 125%;
    z-index: -1;
}

/*  4. dextdbkg--form 
--------------------------------------------------------------*/
/* 4.2. amelia plugin */
.dextdbkg .amelia-v2-booking #amelia-container .am-button.am-button--micro.is-icon-only.am-heading-prev {
    background-color: var(--colorPrimary);
}
.dextdbkg .dextdbkg--form ul {
    padding:0px;
}
.dextdbkg .dextdbkg--form ul li {
    text-align:center;
}

/* 4. dextdbkg--form
--------------------------------------------------------------*/
.dextdbkg--form--location li a {
    width:70%;
}
.dtdt--model-button .dextdbkg--button::before {
    padding: inherit;
}


/* 10. Responsive */
/* --------------------------------------------------------------*/
/* MOBILE */
@media (max-width:600px) {
    /* dextdbkg--button */
    .dextdbkg--button {
        width: 70%;
        margin: 0px auto;
    }
}