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

/** font sizes
https://www.fluid-type-scale.com/calculate?minFontSize=16&minWidth=360&minRatio=1.333&maxFontSize=18&maxWidth=1400&maxRatio=1.333&steps=xs%2Cs%2Cm%2Cl%2Cxl%2Cxxl%2C+title&baseStep=s&prefix=text&decimals=1&previewFont=Poppins&previewText=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipiscing+elit.&previewWidth=1920
*/

/** spacing 
https://www.fluid-type-scale.com/calculate?minFontSize=65&minWidth=360&minRatio=1.5&maxFontSize=100&maxWidth=1400&maxRatio=1.5&steps=tiny%2Cxxs%2Cxs%2Cs%2Cm%2Cl%2Cxl%2Cxxl&baseStep=xl&prefix=space&decimals=2&previewFont=Poppins&previewText=Lorem+ipsum+dolor+sit+amet%2C+consectetur+adipiscing+elit.&previewWidth=1920
*/

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

.facetwp-map-filtering { 
  display: none; 
}

/* map popup */

.gm-style-iw-chr {
	display: none;
}

.gm-style .gm-style-iw-c {
	overflow: visible;
	top: 0;
	left: 0;
	padding: 0 !important;
	max-height: 100%;
}

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

.gm-style-iw-d {
	/*overflow: hidden !important;*/
	overflow: auto !important;
}

.mapbox__wrapper {
	width: 340px;
	display: flex;
	flex-direction: row;
	font-family: "quicksand";
	line-height: 1.4em;
}

.mapbox__image-container {
	width: 50%;
}

.mapbox__inner {
	width: 50%;
	padding: 15px;
	font-size: 16px;
}

.mapbox__image-container img {
	object-fit: cover;
	width: 100%;
	height: 100%;
}


.mapbox__title {
	font-size:16px;
	font-weight: 600;
	color: #3D1F40;
	margin-bottom: 6px;
}

.mapbox__price {
	font-weight: 400;
	font-size: 16px;
}


.mapbox__link {
	font-weight: 500;
	margin-top:10px;
}

@media only screen and (max-width: 478px) {
    .mapbox__wrapper {
        flex-direction: column;
        width: auto;
    }
    
    .mapbox__image-container {
        width: 100%;
    }

    .mapbox__inner {
        width: 100%;
    }
	
	.mapbox__image-container img {
		max-height: 120px;
	}
}

.facetwp-reset {
	background: transparent;
	padding: 10px;
	width: 100%;
	color: #FFFFFF;
}


/* splendid web filters */

.spw_filters, .facetwp-facet-property_type select, .facetwp-facet-availability select, .facetwp-type-sort select, .facetwp-facet-branch select {
	margin-top: 0;	
	margin-bottom: 0;
	background-image: url('/wp-content/uploads/2024/08/chevron-down-light.svg');
	background-position: center right;
	background-repeat: no-repeat;
  background-size: 15px;
	padding: 0;
	border: none;
}

.facetwp-type-sort  {
  width: auto;
}

.facetwp-type-sort select {
  border: 1px solid var(--bricks-color-djbrst);
  width: auto;
  background: var(--bricks-color-dmafgx);
  padding: 0px 40px 3px 10px;
  border-radius: 5px;
  background-image: url('/wp-content/uploads/2024/10/chevron-down-dark.svg');
  background-position: calc(100% - 10px) center;
	background-repeat: no-repeat;
  background-size: 15px;
}

.facetwp-type-search .facetwp-input-wrap {
  width: 100%;
}

.facetwp-search {
  width: 100px;
  border-radius: 5px;
  color: var(--bricks-color-djbrst) !important;
}

.facetwp-search::placeholder {
  color: var(--bricks-color-djbrst) !important;
}



.vertical-filter .spw_filters {
	margin-bottom: 20px;
}


/* off-canvas */

.brx-offcanvas-inner {
	transition-duration: 500ms;
}


/* form handling */
.message {
	border-radius: 0 10px 10px 10px;
	line-height: 1.3em;
}

.message.success {
	color: var(--bricks-color-djbrst);
}