/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- 
@font-face {
    font-family: 'klavika regular';
    src: url('fonts/klavika-regular-opentypebigfontsitecom.eot');
    src: url('fonts/klavika-regular-opentypebigfontsitecom.eot?#iefix') format('embedded-opentype'),
        url('fonts/klavika-regular-opentypebigfontsitecom.woff2') format('woff2'),
        url('fonts/klavika-regular-opentypebigfontsitecom.woff') format('woff'),
        url('fonts/klavika-regular-opentypebigfontsitecom.ttf') format('truetype'),
        url('fonts/klavika-regular-opentypebigfontsitecom.svg#klavika-regular-opentypebigfontsitecom') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
*/

@font-face {
    font-family: 'ArtlabBlack';
    src: url('fonts/Artlab-Black.eot');
    src: url('fonts/Artlab-Black.eot?#iefix') format('embedded-opentype'),
        url('fonts/Artlab-Black.woff2') format('woff2'),
        url('fonts/Artlab-Black.woff') format('woff'),
        url('fonts/Artlab-Black.ttf') format('truetype'),
        url('fonts/Artlab-Black.svg#Artlab-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ArtlabBold';
    src: url('fonts/Artlab-Bold.eot');
    src: url('fonts/Artlab-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Artlab-Bold.woff2') format('woff2'),
        url('fonts/Artlab-Bold.woff') format('woff'),
        url('fonts/Artlab-Bold.ttf') format('truetype'),
        url('fonts/Artlab-Bold.svg#Artlab-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ArtlabExtraBold';
    src: url('fonts/Artlab-ExtraBold.eot');
    src: url('fonts/Artlab-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('fonts/Artlab-ExtraBold.woff2') format('woff2'),
        url('fonts/Artlab-ExtraBold.woff') format('woff'),
        url('fonts/Artlab-ExtraBold.ttf') format('truetype'),
        url('fonts/Artlab-ExtraBold.svg#Artlab-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ArtlabLight';
    src: url('fonts/Artlab-Light.eot');
    src: url('fonts/Artlab-Light.eot?#iefix') format('embedded-opentype'),
        url('fonts/Artlab-Light.woff2') format('woff2'),
        url('fonts/Artlab-Light.woff') format('woff'),
        url('fonts/Artlab-Light.ttf') format('truetype'),
        url('fonts/Artlab-Light.svg#Artlab-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'ArtlabRegular';
    src: url('fonts/Artlab-Regular.eot');
    src: url('fonts/Artlab-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/Artlab-Regular.woff2') format('woff2'),
        url('fonts/Artlab-Regular.woff') format('woff'),
        url('fonts/Artlab-Regular.ttf') format('truetype'),
        url('fonts/Artlab-Regular.svg#Artlab-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'DMSansRegular';
    src: url('fonts/DMSans-Regular.eot');
    src: url('fonts/DMSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/DMSans-Regular.woff2') format('woff2'),
        url('fonts/DMSans-Regular.woff') format('woff'),
        url('fonts/DMSans-Regular.ttf') format('truetype'),
        url('fonts/DMSans-Regular.svg#DMSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


/* #Primary
================================================== */

::selection {
    color: #fff;
    background-color: #004E7E;
}
::-moz-selection {
    color: #fff;
    background-color: #004E7E;
}

/*Huella de carbono*/
.title-huella {
    font-family: 'ArtlabRegular';
    color: #FFFFFF;
}

.content-huella {
    border: 4px solid #704224;
    border-radius: 5px;
    background-color: #fcf3e8;
}

.contenedor-interno {
    background-color: #ae7c4f;
    border: 4px solid #704224;
    border-radius: 10px;
    margin-right: -10px;
    z-index: 9;
    /*max-height: 380px;*/
}

.label-huella {
    width: 90%;
    font-size: 13px;
    color: #FFFFFF !important;
    min-height: 20px !important;
    padding: 0px;
    text-align: left;
}

.label-check {
    font-size: 13px;
    color: #FFFFFF !important;
}

.input-huella {
    width: 90%;
    font-size: 12px;
    color: #FFFFFF !important;
    background-color: #a27342 !important;
    border-radius: 10px !important;
    min-height: 30px !important;
    padding: 0px 10px 0px 10px !important;
}

.label-huella2 {
    width: 90%;
    font-size: 13px;
    color: #FFFFFF !important;
    padding: 5px 0px 0px 10px;
}

.carousel-item .label-huella2 {
    width: 90%;
    font-size: 13px;
    color: #FFFFFF !important;
    padding: 5px 0px 0px 5px !important;
}

.input-huella::placeholder {
    color: #FFFFFF !important;
}

.page-template-page-huella-carbono .form-group {
    margin-bottom: 5px;
}

.page-template-page-huella-carbono .submit-cotizacion {
    font-family: 'ArtlabBold';
    color: #fff !important;
    background-color: #178248 !important;
    font-size: 16px !important;
    cursor: pointer;
    font-weight: 900;
    padding: 5px 25px 3px 25px;
}

.page-template-page-huella-carbono input.text,
.page-template-page-huella-carbono input.title,
.page-template-page-huella-carbono input[type=email],
.page-template-page-huella-carbono input[type=password],
.page-template-page-huella-carbono input[type=tel],
.page-template-page-huella-carbono input[type=text],
.page-template-page-huella-carbono input[type=number],
.page-template-page-huella-carbono select,
.page-template-page-huella-carbono textarea {
    border: 1px solid #a27342;
}

/*Huella de carbono - ICONOS */
.huella-opciones {
    margin-right: -5px;
    z-index: 1;
}

.huella-opciones i {
    color: #a27342;
    font-size: 40px;
}

.contenedor-seccion-active {
    background-color: #673411;
    border: 4px solid #704224;
    border-radius: 10px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-right: 2px solid #ae7c4f;
}

.contenedor-seccion-active i {
    color: #fff;
    font-size: 40px;
}

.custom-radio-checkbox {
    cursor: pointer;
}

.row-quiz {
    position: relative;
    background-color: #198248 !important;
    border-radius: 5px !important;
    cursor: pointer;
    min-height: 35px;
}

.row-quiz.form-group {
    margin-right: 5px;
    margin-left: 5px;
}

.huella-opciones .container-fluid {
    margin-right: -14px;
}

/*RESULTADOS*/
.content-huella .card {
    background-color: #f69131;
    max-width: 200px;
    border: 1px solid #f69131;
    padding: 0px;
}

.content-huella .card .card-body h5,
.content-huella .card .card-body h6,
.content-huella .card .card-body p {
    color: #ae7c4f;
}

.content-huella .card .card-body input {
    color: #ae7c4f;
    background-color: #FFFFFF00;
    border: 0px solid #ffdb00 !important;
    min-height: 60px;
    max-width: 150px;
    font-size: 60px;
}

.content-huella .card .card-body h5,
.content-huella .card .card-body p {
    font-size: 11px;
    line-height: 16px !important;
}

.content-huella .card .card-body h6 {
    font-size: 65px;
}

/*CAMBIO DE COLORES*/
.row-quiz input[type=checkbox] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.row-quiz input[type=radio] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

/* Estas reglas se aplicarán a todos las elementos i después de cualquier input*/
.row-quiz input+i {
    background: #f0f0f0;
    border: 2px solid rgba(0, 0, 0, 0.2);
    position: absolute;
    left: 0;
    top: 0;
}

/* Estas reglas se aplicarán a todos los i despues 
de un input de tipo checkbox*/
.row-quiz input[type=checkbox]+i {
    background: #FFFFFF00;
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.row-quiz input[type=checkbox]:checked+i {
    border: 0px;
    background: #1ed16e;
    border-radius: 5px;
    width: 100%;
    height: 100%;
    opacity: 0.70;
}

.row-quiz input[type=radio]+i {
    background: #FFFFFF00;
    width: 100%;
    height: 100%;
    border-radius: 5px;
}

.row-quiz input[type=radio]:checked+i {
    border: 0px;
    background: #1ed16e;
    border-radius: 5px;
    width: 100%;
    height: 100%;
    opacity: 0.70;
}

.mundos_huella {
    padding-top: 0px;
    color: #fff !important;
    font-size: 37px;
    padding-left: 2px;
}

.contenedor-final {
    background-color: #704224 !important;
    border-radius: 5px !important;
    padding-top: 0px;
}

/* COKKIES Y ACERITO */
.moove-gdpr-branding-cnt{
    display: none !important;
}

.distanciaAcerito{
    bottom: 70px;
}

.text-size-cookie{
    font-size: 20px !important;
}

#moove_gdpr_cookie_info_bar{
    display: flex;
    position: fixed;
    min-height: 100vh;
    overflow: hidden;
}

#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme {
    background-color: rgb(0 0 0 / 85%);
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container{
    width: 100%;
    background-color: #000;
    height: auto;
    align-self: flex-end !important;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content{
    max-width: 1060px;
    margin: 0px auto;
}


/* #Media
================================================== */

@media (max-width: 767px) {
    .contenedor-seccion-active {
        border-radius: 10px;
        border-bottom-left-radius: 0px;
        border-bottom-right-radius: 0px;
    }
    .huella-opciones i {
        font-size: 25px;
        margin: -5px;
    }
    .contenedor-seccion-active i {
        font-size: 25px;
    }
    .opciones-web {
        margin-bottom: -4px;
    }
}

@media (max-width: 400px) {
    .title-huella{
        font-size: 18px;
    }

    .huella-opciones i {
        font-size: 20px;
        margin: -5px;
    }
    .contenedor-seccion-active i {
        font-size: 20px;
    }
}

@media (min-width: 767px){
    
}