/*
 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
*/



/* Bricks unsetting */

.brxe-form .form-group {
	padding-bottom: 0;
}



/**** Facet styles ****/

/* sliders */

.spw_filters {
	border: none;
	border-bottom: 1px solid var(--bricks-color-iqjdnw);
	padding-left: 0;
	color: #FFF;
	font-size: 18px;
}

.facetwp-search {
	background-color: var(--bricks-color-kjydpf);
	border-top: 0 !important;
	border-left: 0 !important;
	border-right: 0 !important;
	border-bottom: 1px solid var(--bricks-color-iqjdnw);
	color: #FFF !important;;
	font-size: 18px !important;;
}

#brxe-vutlva .facetwp-search {
	padding-left: 0 !important;	
}

.facetwp-icon {
	display: none;
}

.noUi-target {
	background: none !important;
}

.noUi-horizontal {
	height: 4px !important;
	border-color: #FFF !important;
}

.noUi-handle {
	border-radius: 50px !important;
	background: #57172C !important;
	border-width: 2px !important;
	top: -8px !important;
	cursor: pointer !important;
	border-color: #FFF !important;
}

@media only screen and (max-width: 767px) {
  .noUi-horizontal .noUi-handle { 
	  width: 30px !important;
	  height: 30px !important;
  }
}

@media only screen and (max-width: 767px) {
  .noUi-handle { 
	  margin-top: -5px !important;
  }
}

.noUi-connect {
	background: #FFF !important;
}

/* geolocation */


.facetwp-facet-geolocation {
	display: flex !important;
	gap: 10px;
}

.facetwp-facet-geolocation select, .facetwp-type-fselect {
	width: auto !important;
	min-width: 100px;
	font-family: "ivymode" !important;
	color: #CBBBA0 !important;
	border: none !important;
	border-bottom: 1px solid #CBBBA0 !important;
	background-image: linear-gradient(45deg,transparent 50%,#CBBBA0 0),linear-gradient(135deg,#CBBBA0 50%,transparent 0) !important;
}

.facetwp-dropdown {
	border: none !important;
	border-bottom: 1px solid #CBBBA0 !important;
	color: #FFF !important;
	font-size: 18px;
	background-image: linear-gradient(45deg,transparent 50%,#CBBBA0 0),linear-gradient(135deg,#CBBBA0 50%,transparent 0) !important;
}

.facetwp-input-wrap {
	width: 100% !important;
}

.facetwp-location {
	background: none !important;
	border: none !important;
	border-bottom: 1px solid #CBBBA0 !important;
	font-family: "ivymode" !important;
	color: #CBBBA0 !important;
	padding-left: 0 !important;
}

.facetwp-radius-dropdown, .facetwp-dropdown {
	padding-left: 0 !important;
}

.facetwp-location::placeholder {
	color: #CBBBA0 !important;
}


/* map */

.wpgb-map-facet {
	padding-bottom: 0 !important;
	height: calc(100vh - 100px) !important;
}

/* map marker popup */
/**** Map Popup ****/
.wpgb-booking-marker-body {
    display: flex;
    flex-direction: row;
    padding: 0px;
    width: auto;
    font-size: 18px;
	font-family: "ivymode";
}

.wpgb-booking-marker-img {
    flex: 0 0 30%;
    overflow: hidden;
    width: 30%;
	min-width:70px;
    border-radius: 0.35em;
    background-size: cover;
    background-position: 50%;
    background-repeat: no-repeat;
}

.wpgb-booking-marker-content {
    flex: 0 0 70%;
    max-width: 70%;
    padding: 0.625em 0.375em 0.625em 0.75em;
}


.wpgb-booking-marker-title {
    margin: 0 0 0.35em;
    font-size: 0.9em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
	color: #57172C;
}

.gm-style-iw.gm-style-iw-c button {
	display: none !important;
}

.wpgb-booking-marker-body p {
	margin: 0px;
}

.wpgb-booking-marker-price {
	padding: 4px 0 10px 0;
	font-size: 1.1em'
}

.wpgb-booking-marker-beds, .wpgb-booking-marker-baths {
	background-image: url('/wp-content/uploads/2023/02/icon__bed.svg');
	background-repeat: no-repeat;
	background-position: center left;
	background-size: 18px;
	padding: 0 14px 0 24px;
	display: inline-block;
	line-height: 18px;
}

.wpgb-booking-marker-baths {
	background-image: url('/wp-content/uploads/2023/02/icon__bath.svg');
}

.wpgb-booking-marker-link {
	position: absolute;
	right: 10px;
	bottom: 8px;
}



/**** Facet WP ****/
.facetwp-facet {
	margin-bottom: 0 !important;
}

.facetwp-slider-reset {
	display: none !important;	
}

#facetwp-map {
	width: 100% !important;
	height: calc(100vh - 100px) !important;
}

.facetwp-location {
	border-radius: 0 !important;
}

.facetwp-reset {
	font-family: "ivymode";
	width: 100%;
    border-radius: 50px;
    border-top-left-radius: 0;
    background: var(--bricks-color-iqjdnw);
    color: var(--bricks-color-kjydpf);
    padding-top: 12px;
    padding-bottom: 12px;
	text-align: center;
}

/**** Other styles ****/

@media only screen and (max-width: 478px) {
	.bricks-posts-nothing-found {
		padding-left: 20px;
		padding-right: 20px;
	}
}

.nowrap {
	white-space: nowrap;
}

.active-let {
	background: #cbbba0 !important;
}

/**** Fluent forms ****/

.frm-fluent-form label {
	color: #57172c;
	font-weight:400 !important;
	font-size: 16px !important;
}

.frm-fluent-form select {
	font-size: 18px !important;
}

.fluentform .ff-el-form-control:focus {
	border-color: #cbbba0 !important;
}

.fluentform .ff-el-is-error .text-danger {
	font-size: 16px !important;
}

.ff-el-form-check-label span {
	color: black !important;
}

.fluentform .ff-el-form-check-label .ff-el-form-check-input {
	top: -1px !important;
}