/*
 Theme Name:   Dubai by Bricks Library
 Theme URI:    https://dubai.brickslibrary.com/
 Description:  A clean & stylish template for estate agents.
 Template:     bricks
 Author:       Bricks Library
 Author URI:   https://brickslibrary.com
*/

/* Fonts */
@font-face {
	font-family: 'BL Dubai';
	src: url('/wp-content/themes/bricks-child/fonts/BL-Dubai-Bold.woff2') format('woff2'),
		 url('/wp-content/themes/bricks-child/fonts/BL-Dubai-Bold.woff') format('woff');
	font-weight: 700;
	font-display: swap;
}
@font-face {
	font-family: 'BL Dubai';
	src: url('/wp-content/themes/bricks-child/fonts/BL-Dubai-SemiBold.woff2') format('woff2'),
		 url('/wp-content/themes/bricks-child/fonts/BL-Dubai-SemiBold.woff') format('woff');
	font-weight: 600;
	font-display: swap;
}
@font-face {
	font-family: 'BL Dubai';
	src: url('/wp-content/themes/bricks-child/fonts/BL-Dubai-Medium.woff2') format('woff2'),
		 url('/wp-content/themes/bricks-child/fonts/BL-Dubai-Medium.woff') format('woff');
	font-weight: 500;
	font-display: swap;
}
@font-face {
	font-family: 'BL Dubai';
	src: url('/wp-content/themes/bricks-child/fonts/BL-Dubai-Regular.woff2') format('woff2'),
		 url('/wp-content/themes/bricks-child/fonts/BL-Dubai-Regular.woff') format('woff');
	font-weight: 400;
	font-display: swap;
}
@font-face {
	font-family: 'BL Dubai';
	src: url('/wp-content/themes/bricks-child/fonts/BL-Dubai-Light.woff2') format('woff2'),
		 url('/wp-content/themes/bricks-child/fonts/BL-Dubai-Light.woff') format('woff');
	font-weight: 300;
	font-display: swap;
}

h1,
h2,
h3,
h4,
h5,
h6,
a,
p {
	font-family: 'BL Dubai',sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	letter-spacing: -1px;
}
h1 {
	font-weight: 700;
}
h2,
h3,
h4,
h5,
h6,
.brxe-button,
.dubai-property-card--main-content-title a {
	font-weight: 600;
}
a {
	font-weight: 500;
}
p {
	font-weight: 400;
}
.dubai-propert-card--main-content-basic-info p,
.dubai-single-full-description p,
.dubai-single-full-description li,
.dubai-footer-info p {
	font-weight: 300;
}

/* Colors */
:root {
	--primary-50: #faf9ff;
	--primary-100: #f1f5f9;
	--primary-200: #e2e8f0;
	--primary-300: #cbd5e1;
	--primary-400: #94a3b8;
	--primary-500: #64748b;
	--primary-600: #475569;
	--primary-700: #334155;
	--primary-800: #1e293b;
	--primary-900: #0f172a;
	
	--white: 255,255,255;
	--black: 0,0,0;
	
	--border-radius-small: .35rem;
	--border-radius-primary: .5rem;
	--border-radius-medium: .75rem;
	--border-radius-large: 8rem;
	
    --transition-fast: all .1s cubic-bezier(.7,0,.3,1);
	--transition-primary: all .3s cubic-bezier(.7,0,.3,1);
    --transition-slow: all .7s cubic-bezier(.7,0,.3,1);
}

/* Transitions */
.bricks-button,
.hero-filter input[type=submit],
.dubai-property-card--main-content-title a,
.dubai-property-card--contact-icon-link,
.dubai-single-author-card--contact-icon-link,
.brxe-post-sharing a,
.dubai-tabs .tab-title,
.dubai-slider--wrapper .splide__arrow,
.brxe-social-icons a,
.dubai-footer-info.brxe-text a,
.dubai-property-card-home--main-content-title a,
.hero-filter input::placeholder,
.dubai-nav .bricks-mobile-menu-overlay,
.dubai-nav.show-mobile-menu .bricks-mobile-menu-overlay {
	-webkit-transition: var(--transition-primary);
			transition: var(--transition-primary);
}
/*.dubai-nav .bricks-mobile-menu-overlay,
.dubai-nav.show-mobile-menu .bricks-mobile-menu-overlay {
	-webkit-transition: var(--transition-slow);
			transition: var(--transition-slow);
}*/

/* General */
html,
body,
* {
	overscroll-behavior: none!important;
    -webkit-tap-highlight-color: transparent;
}
/* Card Links */
.dubai-property-card--main-content-title a::after,
.dubai-slide--title a::after,
.dubai-property-card-home--main-content-title a::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
/* No Results */
.bricks-posts-nothing-found {
	width: 100%;
	text-align: center;
	padding: 4rem 0;
}

/* Header */
.dubai-nav {
	display: flex;
}
.dubai-nav-wrapper .dubai-nav.brxe-nav-menu .bricks-mobile-menu-toggle .bar-bottom {
    width: .9rem!important;
}
.dubai-nav-wrapper .dubai-nav.brxe-nav-menu.show-mobile-menu .bricks-mobile-menu-toggle .bar-bottom {
	width: 1.4rem!important;
}

/* Overlay */
.dubai-nav.show-mobile-menu .bricks-mobile-menu-overlay {
	background-color: rgba(0,0,0,.7);
	z-index: 1;
}

/* Mobile Menu */
.dubai-nav .bricks-mobile-menu-wrapper {
	padding-top: 4rem;
}
.dubai-nav .bricks-mobile-menu-wrapper::after {
	content: "Navigation";
    position: absolute;
    top: 2rem;
    left: 30px;
    color: var(--primary-500);
    text-transform: uppercase;
    font-size: .8rem;
    letter-spacing: 2px;
}

/* Home Page */
/* Hero Search Filter */
.hero-filter ul {
	padding: 0;
	margin: 0;
	display: flex;
    flex-direction: column;
	gap: 1.5rem;
}
.hero-filter li {
	padding: 0;
}
/* Fields */
.hero-filter select,
.hero-filter input {
	-webkit-appearance: none;
  	   -moz-appearance: none;
			appearance: none;
	color: var(--primary-600);
	height: 3rem;
	padding: 0 1rem;
	border: 1px solid var(--primary-400);
	border-radius: var(--border-radius-primary);
}
.hero-filter select,
.dubai-booking-form .form-group select {
	background-image: url(/wp-content/uploads/2022/12/chevron-down-icon.svg);
	background-position: calc(100% - .25rem) calc(50% + 0.05rem);
	background-repeat: no-repeat;
	background-size: 1.6rem;
}
.dubai-booking-form .form-group select {
	background-position: calc(100% - .75rem) calc(50% + 0.05rem);
}
.hero-filter input::placeholder {
	color: var(--primary-400);
}
.hero-filter input:focus::placeholder {
	color: var(--primary-200);
}
/* Search Button */
.hero-filter input[type=submit] {
	width: 100%;
	display: flex;
	justify-content: center;
	font-size: .9rem;
	font-weight: 600;
	line-height: 1.5;
	text-align: center;
	color: var(--primary-50);
	background-color: var(--primary-600);
	padding: .8rem 2rem;
	border: 0;
	border-radius: var(--border-radius-large);
}
.hero-filter input[type=submit]:hover {
	background-color: var(--primary-700);
}
/* Slider */
/* Tab Buttons */
.dubai-tabs--menu-wrapper.brxe-block::-webkit-scrollbar {
  display: none;
}
.dubai-tabs--menu-wrapper.brxe-block {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.dubai-tabs--menu-btn.brx-open {
	cursor: default;
}
.dubai-slider--wrapper .splide__track {
	padding: 1rem 0;
}
/* Arrows */
.brxe-slider-nested .splide__arrows.custom {
	display: none!important;
}
.brxe-slider-nested .splide__arrow:disabled {
	display: none;
}
/* Booking Form */
.dubai-booking-form input,
.dubai-booking-form select {
	line-height: 3rem;
}
.dubai-booking-form select {
	position: relative;
	background-color: var(--white);
}

/* Single Property Page */
.dubai-single-full-description ul {
	padding-left: 1rem;
	margin: 0 0 1.2rem;
}
/* Social Media Tooltip */
[data-balloon]:not([data-balloon=""]):after,
[data-balloon]:not([data-balloon=""]):before {
	display: none!important;
}

/* Footer */
.dubai-footer-info.brxe-text a:hover,
.dubai-footer-menu-col--links.brxe-text a:hover {
	color: var(--primary-600);
}
.dubai-footer-menu-col--links p {
	display: flex;
	flex-direction: column;
}


/********** Responsive **********/
/* Tablet portrait */
@media (min-width: 600px) {
	/* Menu */
	
	/* Links */
	.mobile-only {
		display: none;
	}
	/* Hero Search Filter */
	.hero-filter ul {
		flex-direction: row;
		gap: .5rem;
	}
	.hero-filter select {
		background-size: 1.4rem;
	}
	#ofpurchase_type,
	.hero-filter input,
	#ofproperty_type {
		border: 0;
	}
	#ofpurchase_type {
		width: 5rem;
	}
	.hero-filter input {
		width: 22rem;
	}
	#ofproperty_type {
		width: 10rem;
	}
	.hero-filter li {
		position: relative;
	}
	.hero-filter li:nth-last-child(2)::before {
		content: "";
		background-color: var(--primary-300);
		width: 1px;
		height: 1.8rem;
    	position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
	.hero-filter li:last-child::after {
		content: "";
		background: url(/wp-content/uploads/2022/12/search-white-icon.svg) 1.8rem;
		width: 1.8rem;
		height: 1.8rem;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%,-50%);
		z-index: 1;
		pointer-events: none;
	}
	.hero-filter input[type=submit] {
		width: 3rem;
		padding: 1rem;
	}
}

/* Tablet landscape */
@media (min-width: 801px) {
	/* Hero Search Filter */
	.hero-filter input {
		width: 24rem;
	}
}

/* Laptop */
@media (min-width: 1025px) {
	/* Arrows */
	.brxe-slider-nested .splide__arrows.custom {
		display: block!important;
	}
	/* Dots */
	.brxe-slider-nested .splide__pagination {
		display: none;
	}
}