/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

@font-face {
    font-family: 'icomoon-filter';
    src:  url('inc/assets/filters/icomoon/fonts/icomoon.eot?fch6ve');
    src:  url('inc/assets/filters/icomoon/fonts/icomoon.eot?fch6ve#iefix') format('embedded-opentype'),
      url('inc/assets/filters/icomoon/fonts/icomoon.ttf?fch6ve') format('truetype'),
      url('inc/assets/filters/icomoon/fonts/icomoon.woff?fch6ve') format('woff'),
      url('inc/assets/filters/icomoon/fonts/icomoon.svg?fch6ve#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
  
[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon-filter' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
  
.icon-close:before {
    content: "\e905";
    color: #555;
}
.icon-filter:before {
    content: "\e904";
}
.icon-arrow-down:before {
    content: "\e902";
}
.icon-more:before {
    content: "\e903";
}
.icon-arrow-left:before {
    content: "\e900";
}
.icon-arrow-right:before {
    content: "\e901";
}

  
body{
	margin: 0;
	width: 100%;
}

body.active{
    overflow: hidden;
}

.filtros{
    width: 100%;
    box-sizing: border-box;
}

.filtros_container{
    width: 100%;
    box-sizing: border-box;
}

.filtros_wrap{
    max-width: 1200px;
	width: 94%;
	margin: 0 auto;
}

.filtros_content{
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.filtros_select{
    width: 15.167%;
    position: relative;
    margin-right: 0.7494%;
}

.filtros_select:last-child{
    margin-right: 0;
}

.filtros_select.small{
    width: 14.834%;
}

.filtros_select.medium{
    width: 16.334%
}

.filtros_select.large{
    width: 18.417%;
}

.filtros_content_two .filtros_select{
    width: 18.334%
}

.filtros_content_two .filtros_select.small{
    width: 17.834%;
}

.filtros_content_two .filtros_select.medium{
    width: 19.334%
}

.filtros_content_two .filtros_select.large{
    width: 21.334%
}

.filtros_select_box{
    width: 100%;
    height: 54px;
    border-radius: 6px;
    background-color: #FFFFFF;
    border: 1px solid #E7E7E7;
    padding: 0px 12px;
    padding-right: 30px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    font-family: 'Mulish-Regular';
    font-size: 14px;
    color: #555555;
    cursor: pointer;
}

.filtros_select_box:before{
    content: "\e902";
    font-family: 'icomoon-filter';
    position: absolute;
    right: 12px;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 6px;
    color: #555555;
    display: flex;
    align-items: center;
}

.filtros_select_box.select_order{
    border: 0;
    flex-direction: column;
    align-items: flex-start;
}

.filtros_order{
    font-size: 11px;
    margin-bottom: 3px;
}

.filtros_select_text p{
    margin: 0;
}

.filtros_select_dropdown{
    width: 100%;
    border: 1px solid #C0C0C0;
    border-radius: 6px;
    background-color: #FFFFFF;
    box-sizing: border-box;
    box-shadow: 0px 8px 22px -4px rgba(20, 20, 20, 0.15);
    position: absolute;
	top: 100%;
	left: 0;
	z-index: 2;
    display: none;
    max-height: 260px;
    overflow: auto;
}

.filtros_select_option{
    border-top: 1px solid #F6F6F6;
    font-family: 'Mulish-Regular';
    font-size: 14px;
    color: #555555;
    box-sizing: border-box;
}

.filtros_select_option:first-child{
    border-top: 0;
}

.filtros_select_option input[type="checkbox"]{
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

.filtros_select_option input[type="checkbox"]:checked + label .filtros_option_circle:after{
    opacity: 1;
    visibility: visible;
}

.filtros_select_option input[type="checkbox"]:checked + label .filtros_option_circle:before{
    border-color: #FF2C5E;
}

.filtros_select_option label{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    padding: 12px 8px;
    box-sizing: border-box;
    cursor: pointer;
}

.filtros_option_circle{
    position: relative;
    width: 13px;
    height: 13px;
    margin-top: 3px;
}

.filtros_option_circle:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #C0C0C0;
    border-radius: 50%;
    box-sizing: border-box;
}

.filtros_option_circle:after{
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    top: 0;
    left:0;
    right: 0;
    bottom: 0;
    text-align: center;
    margin: auto;
    background-color: #FF2C5E;
    opacity: 0;
    visibility: hidden;
    transition: all .2s linear;
}

.filtros_option_text{
    width: calc(100% - 13px);
    padding-left: 10px;
    box-sizing: border-box;
}

.filtros_select_option_text{
    padding: 12px 8px;
    box-sizing: border-box;
    cursor: pointer;
}

.filtros_select_option_text p{
    margin: 0;
}

.filtros_select_dropdown.dropdown_price{
    width: 306px;
}

.filtros_price{
    padding: 16px;
    box-sizing: border-box;
}

.filtros_price_moneda{
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}

input[type="number"]{
    -moz-appearance: textfield;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{
    -webkit-appearance: none;
    margin: 0;
}

.filtros_moneda_check{
    margin-right: 8px;
    position: relative;
}

.filtros_moneda_check input[type="radio"]{
    opacity: 0;
    visibility: hidden;
    position: absolute;
    left: 0;
    top: 0;
}

.filtros_moneda_check input[type="radio"]:checked + label{
    border-color: #FF2C5E;
    background-color: #FFF3F6;
}

.filtros_moneda_check input[type="radio"]:checked + label .filtros_moneda_circle:after{
    opacity: 1;
    visibility: visible;
}

.filtros_moneda_check input[type="radio"]:checked + label .filtros_moneda_circle:before{
    border-color: #FF2C5E;
}

.filtros_moneda_check input[type="radio"]:checked + label .filtros_moneda_tex{
    color: #555555;
}

.filtros_moneda_check label{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    padding: 5px 6px;
    border: 1px solid #E7E7E7;
    border-radius: 5px;
    box-sizing: border-box;
    cursor: pointer;
    transition: all .2s linear;
}

.filtros_moneda_circle{
    position: relative;
    width: 13px;
    height: 13px;
}

.filtros_moneda_circle:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #C0C0C0;
    border-radius: 50%;
    box-sizing: border-box;
}

.filtros_moneda_circle:after{
    content: "";
    position: absolute;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    top: 0;
    left:0;
    right: 0;
    bottom: 0;
    text-align: center;
    margin: auto;
    background-color: #FF2C5E;
    opacity: 0;
    visibility: hidden;
    transition: all .2s linear;
}

.filtros_moneda_text{
    width: calc(100% - 13px);
    padding-left: 4px;
    box-sizing: border-box;
    font-family: 'Mulish-Regular';
    font-size: 9px;
    color: #757474;
    text-transform: uppercase;
    transition: all .2s linear;
}

.filtros_price_box{
    width: 100%;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin-top: 16px;
}

.filtros_price_input{
    width: 47.799%;
    margin-right: 4.402%;
    position: relative;
}

.filtros_price_input:nth-child(2n + 2){
    margin-right: 0;
}

.filtros_price_input input{
    width: 100%;
    height: 43px;
    border: 0;
    border: 1px solid #E7E7E7;
    border-radius: 6px;
    padding: 12px 10px 0px 28px;
    box-sizing: border-box;
    font-family: 'Mulish-Bold';
    font-size: 13px;
    color: #757474;
}

.filtros_price_input label{
    font-family: 'Mulish-SemiBold';
    font-size: 9px;
    color: #888888;
    position: absolute;
    top: 8px;
    left: 0;
    padding: 0px 10px;
    box-sizing: border-box;
    pointer-events: none;
}

.filtros_price_signo{
    font-family: 'Mulish-Bold';
    font-size: 13px;
    color: #757474;
    position: absolute;
    top: 20px;
    left: 10px;
}

.filtros_price_btns{
    width: 100%;
    padding: 9px 16px 17px;
    border-top: 1px solid #C0C0C0;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.filtros_price_limpiar{
    font-family: 'Mulish-Regular';
    font-size: 12px;
    color: #555555;
    text-decoration: none;
}

.filtros_price_resultados{
    display: inline-block;
    height: 36px;
    line-height: 36px;
    font-family: 'Mulish-SemiBold';
    font-size: 13px;
    color: #FFFFFF;
    border: 0;
    border-radius: 8px;
    background-color: #FF2C5E;
    padding: 0px 16px;
    text-decoration: none;
    box-sizing: border-box;
}

.filtros_btn_mobile{
    display: block;
    max-width: 600px;
	width: 100%;
	height: 54px;
    line-height: 54px;
	text-align: center;
	color: #555555;
	border-radius: 8px;
	font-family: 'Mulish-SemiBold';
    font-size: 15px;
	position: relative;
    text-decoration: none;
    padding: 0px 20px;
    border: 1px solid #E7E7E7;
    box-sizing: border-box;
    margin: 0 auto;
    display: none;
}

.filtros_btn_mobile span{
    position: relative;
    padding-left: 30px;
    box-sizing: border-box;
}

.filtros_btn_mobile span:before{
    content: "\e904";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: 18px;
    color: #555555;
    display: flex;
    align-items: center;
    font-family: 'icomoon-filter';
}

.filtros_mobile_title{
    text-align: center;
    color: #555555;
    position: relative;
    display: none;
}

.filtros_mobile_title h3{
    font-family: 'Mulish-Regular';
    font-size: 15px;
    color: #555555;
    margin: 0;
}

.filtros_mobile_close{
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #555555;
    text-decoration: none;
}

.filtros_btns_mobile{
    border-top: 1px solid #C0C0C0;
    padding-top: 16px;
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    display: none;
}

.filtros_btns_limpiar{
    font-family: 'Mulish-Regular';
    font-size: 14px;
    color: #555555;
    text-decoration: none;
}

.filtros_btns_resultados{
    display: inline-block;
    height: 46px;
    line-height: 46px;
    font-family: 'Mulish-SemiBold';
    font-size: 16px;
    color: #FFFFFF;
    border: 0;
    border-radius: 8px;
    background-color: #FF2C5E;
    padding: 0px 24px;
    text-decoration: none;
    box-sizing: border-box;
}

@media screen and (max-width: 1024px){
    .filtros_container{
        max-width: 767px;
		width: 94%;
		height: 98%;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		opacity: 0;
		visibility: hidden;
		margin: auto;
		transform: translateY(200%);
		transition: all .3s linear;
		z-index: 1000;
		background: #FFFFFF;
		padding: 27px 16px 19px;
		border-top-left-radius: 16px;
		border-top-right-radius: 16px;
        box-shadow: 0px -12px 15px rgba(20, 20, 20, 0.2);
        overflow: auto;
    }

    .filtros_container.active{
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
    }

    .filtros_content{
        margin-top: 18px;
        padding-top: 60px;
        border-top: 1px solid #E7E7E7;
        box-sizing: border-box;
    }

    .filtros_mobile_title{
        display: block;
    }

    .filtros_select{
        width: 100%;
        margin: 0;
        margin-bottom: 14px;
    }
    
    .filtros_select.small{
        width: 100%;
    }

    .filtros_select.medium{
        width: 100%;
    }

    .filtros_select.large{
        width: 100%;
    }

    .filtros_content_two .filtros_select{
        width: 100%;
    }
    
    .filtros_content_two .filtros_select.small{
        width: 100%;
    }
    
    .filtros_content_two .filtros_select.medium{
        width: 100%;
    }
    
    .filtros_content_two .filtros_select.large{
        width: 100%;
    }

	.filtros_btn_mobile{
		display: block;
	}

    .filtros_select_dropdown.dropdown_price{
        width: 100%;
        left: 0;
    }

    .filtros_btns_mobile{
        display: flex;
    }
}