/*
 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
*/
html {scroll-behavior: smooth;}
.brxe-button, .bricks-video-overlay, .bricks-video-overlay-icon {transition: all 0.3s ease;}
.ff-el-form-control {height: 58px !important; border: 1px solid #000 !important; border-radius: 0 !important; font-family: Quicksand !important; font-size: 16px !important; font-weight: 500 !important; line-height: 28px !important; color: #00000080 !important;}
textarea.ff-el-form-control {min-height: 210px !important; resize: none;}
.ff_t_c {color: rgba(0, 0, 0, 0.50) !important; font-size: 14px !important; line-height: 18px !important; font-weight: 500 !important; padding-left: 40px !important;}
.ff_t_c a {text-decoration: underline;}
.ff_t_c a:hover {text-decoration: none;}
.ff-btn {border: 1px solid #000 !important; background: #FFF !important; width: 196px !important; height: 60px !important; max-width: 100% !important; color: #000 !important; font-size: 18px !important; font-weight: 600 !important; line-height: normal !important; text-transform: uppercase !important; border-radius: 0 !important; margin-top: -130px;}
.ff-btn:hover {background: #000 !important; color: #fff !important;}
.ff-el-form-check-label {position: relative;}
.ff-el-form-check {width: 65% !important;}
.ff-el-form-check-input[type="checkbox"] {opacity: 0; width: 0; height: 0;}
.ff-el-form-check-label::before {content: ""; position: absolute; left: 0; top: 20px; width: 51px; height: 31px; background: #ccc; border-radius: 22px; transition: background 0.3s;}
.ff-el-form-check-label::after { content: ""; position: absolute; top: 22px; left: 2px; width: 27px; height: 27px; background: #fff; border-radius: 50%; transition: transform 0.3s;}
.ff_item_selected .ff-el-form-check-label::before {background: #000;}
.ff_item_selected .ff-el-form-check-label::after {transform: translateX(20px);}
select.ff-el-form-control {
  appearance: menulist;
  -webkit-appearance: menulist;
  background-image: initial !important; /* Para que no elimine la flecha */
}


.tax-tags {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
	justify-content:center;
}
.tag-chip {
  display: inline-block;
  padding: .25rem .6rem;
  border: 1px solid #000;
  border-radius: 999px;
  font-size: 14px;
  line-height: 1.2;
  color: #000;
  background: #fff;
  text-decoration: none;
}
.filtros-ajax-wrap {
  display: flex;
  flex-direction: row;      
  flex-wrap: nowrap;        
  gap:16px;                
  align-items: center;      
  justify-content: center;
  margin-bottom: 16px;
}

.filtros-ajax-wrap select {
  width: auto;
  min-width: 135px;
  height:35px;
  padding:0 10px;	
  line-height:35px;
  border: 1px solid #000;
  border-radius: 60px;
  background-color: #fff;
  font-size: 18px;
  font-weight:600;	
  color: #000;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  white-space: nowrap;
}


.no-results {
  text-align: center;
  padding: 2rem;
  color: #000;
  font-size: 20px;
  background-color: #fafafa;
  border-radius: 12px;
  border: 1px solid #eee;
}


@media (max-width: 600px) {
	.filtros-ajax-wrap select{
		width:80% !important;
		height:40px;
		line-height:40px;
		font-size: 18px;
	}
  .filtros-ajax-wrap {
    flex-wrap: wrap;
  }
}


@media (max-width: 1023px) {
	.hidden-md {display: none;}
	.ff-btn {margin-top: 0;}
	.ff-el-form-check {width: 100% !important;}
}