/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/

/* CSS Document */
/* Custom styles for the calculator page */

.btn-testimonios {
    color: #ffffff !important;
    border-width: 0px !important;
    border-color: #ef5c2d;
    border-radius: 50px;
    font-size: 18px;
    font-weight: 600 !important;
    background-image: linear-gradient(220deg, #f27c1e 0%, #dd4c23 100%);
    background-color: #ef5c2d;
    box-shadow: 0px 12px 18px -6px rgba(239, 92, 45, 0.48);
    position: relative;
}

.btn-testimonios:hover {
    border-color: #2eaef0 !important;
    letter-spacing: 0px !important;
    background-image: linear-gradient(220deg, #2eaef0 0%, #055fa2 100%);
    background-color: transparent;
    box-shadow: 0px 12px 18px -6px rgb(12 113 195 / 47%);
}

.slider {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 1rem;
    border-radius: 30px;
    background: #d3d3d3;
    outline: none;
    opacity: 1;
    touch-action: none;
}

.slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    background: url("https://d367lmgwyjlanz.cloudfront.net/imagenes/iconRange.webp") no-repeat;
    background-size: cover;
    cursor: pointer;
}

input.slider[type='range'] {
    -webkit-appearance: none;
    appearance: none;
    height: 1.8rem;
    overflow: hidden;
}

input.slider[type='range']::-webkit-slider-runnable-track {
    -webkit-appearance: none;
    height: 1.8rem;
}

input.slider[type='range']::-webkit-slider-thumb {
    -webkit-appearance: none;
    border-radius: 50%;
    box-shadow: -210px 0 0 200px #025FA3;
    cursor: pointer;
    height: 1.8rem;
    width: 1.8rem;
    border: 0;
}

input.slider[type='range']::-moz-range-thumb {
    box-shadow: -1010px 0 0 1000px #025FA3;
    cursor: pointer;
    height: 1.8rem;
    width: 1.8rem;
    border: 0;
}

/* Larger touch target for mobile */
@media (max-width: 768px) {
    .slider::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background: url("https://d367lmgwyjlanz.cloudfront.net/imagenes/iconRange.webp") no-repeat;
        background-size: cover;
        cursor: pointer;
        border: none;
    }

    .slider::-moz-range-thumb {
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background: url("https://d367lmgwyjlanz.cloudfront.net/imagenes/iconRange.webp") no-repeat;
        background-size: cover;
        cursor: pointer;
        border: none;
    }
}

#brx-content .max-w-4xl {
    max-width: 90rem;
}

@media (min-width: 640px) {
    #brx-content .sm\:text-base {
        font-size: 1.7rem;
        line-height: 3rem;
    }
}

@media (max-width: 640px) {
    #brx-content .sm\:text-base {
        margin-top: 10px;
        font-size: 1.7rem;
        line-height: 3rem;
    }
}