/*
 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
*/
/* 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: 0.35rem;
  --border-radius-primary: 0.5rem;
  --border-radius-medium: 0.75rem;
  --border-radius-large: 8rem;

  --transition-primary: all 0.3s cubic-bezier(0.7, 0, 0.3, 1);
  --transition-slow: all 0.7s cubic-bezier(0.7, 0, 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 {
  -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: 0.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, 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: 0.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% - 0.25rem) calc(50% + 0.05rem);
  background-repeat: no-repeat;
  background-size: 1.6rem;
}
.dubai-booking-form .form-group select {
  background-position: calc(100% - 0.75rem) calc(50% + 0.05rem);
}
.hero-filter input::placeholder {
  color: var(--primary-300);
}
/* Search Button */
.hero-filter input[type="submit"] {
  width: 100%;
  display: flex;
  justify-content: center;
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1.5;
  color: var(--primary-50);
  background-color: var(--primary-600);
  padding: 0.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) {
  /* Links */
  .mobile-only {
    display: none;
  }
  /* Hero Search Filter */
  .hero-filter ul {
    flex-direction: row;
    gap: 0.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;
  }
}