/*

    Theme Name:    Brikk Child
    Theme URI:     https://themeforest.net/item/brikk-directory-listing-wordpress-theme/29105129
    Description:   Brikk Child is a child theme of Brikk
    Author:      Utillz
    Author URI:    https://themeforest.net/user/utillz
    Template:    brikk
    Version:     1.6.0.9
    Text Domain:   brikk-child

*/

/*
 * add your custom styles here
 *
 */

body {
  -webkit-tap-highlight-color: transparent;
}

.brk-header .brk-header-container {
  min-height: 75px !important;
}

.brk-header {
  height: 75px;
}

.rz-explore-type--full .rz-explore-listings,
.rz-explore-type--full .rz-search-filter--inline .rz--content,
.rz-explore-type--full .rz-taxonomy-heading .rz--inner,
.rz-explore-type--full .brk-site-header,
.rz-explore-type--full .rz-search-filter--inline .rz--content .rz-form {
  max-width: 1800px !important;
}

.brk-site-nav {
  display: flex;
  width:100%;
  justify-content: center;
}

.rz-explore-type--full .rz-taxonomy-heading .rz--inner {
  display: none;
}

.rz-search-filter--inline .rz-search-filter-inner {
  padding: 2.4rem 1.5rem 0 !important;
}

.gm-control-active.gm-fullscreen-control {
  margin: 40px 25px !important;
  border-radius: 6px !important;
}

.brk-site-logo {
  width: 17%;
}

.floating-button {
  display: none;
}

.rz-geo-sync .rz-checkbox em {
  display: none !important;
}

.rz-search-bar .rz--action {
  display: none !important;
}

.brk-mobile-bar {
  transform: translateY(0);
  transition: transform 0.3s ease-in-out;
}

.rz-dynamic-map .rz-geo-sync {
  border-radius: 50px !important;
}

.rz-dynamic-map .rz-geo-sync .rz-checkbox>span {
  display: none;
}

/* .rz-checkbox em {
  display: none !important;
} */

.rz-geo-sync .rz-checkbox:before {
  content: 'Search this area';
  color: #222222;
}

.show_map {
  opacity: 1;
  transition: opacity 0.3s ease-in-out;
}

.hide_map {
  opacity: 0;
}

.custom-indicators {
  display: none;
}

.carousel-indicators,
.carousel-control-next,
.carousel-control-prev,
.slider-indicators {
  display: none !important;
}

.rz--explore-geo .rz-dynamic-map .rz-geo-sync {
  margin-top: 3%;
}

.brk-explore .brk-explore-sidebar {
  flex: 0 1 840px !important;
  max-width: 840px !important;
}

.brk-site-cta .rz-button,
.rz-search-footer .rz--submit .rz-button {
  border-radius: 12px !important;
}

.rz-infobox .rz-listing-image {
  border-radius: 12px 12px 0px 0px !important;
}

.rz-listing-image {
  border-radius: 12px !important;
}

.rz-search-filter-inner .rz-mod .rz-heading {
  display: none;
}

.rz-dynamic-filter .rz-modal .rz-modal-content {
  max-height:75vh;
  overflow-y:scroll !important;
  scrollbar-width: thin;
}

.rz-modal .rz-modal-content::-webkit-scrollbar {
  width: 0;
  display: none; 
}

.rz-filter-tab .rz-tab-title,
.rz-guests .rz--label {
  background-color: transparent !important;
  border-radius: 12px !important;
  border: 1px solid #c9c9c9;
  line-height: 39px !important;
  text-overflow: ellipsis;
  overflow: hidden;
}

.rz-listing-cover .rz-listing-cover-inner {
  box-shadow: unset !important;
  /* border: 1px solid rgba(0,0,0,0.1); */
  border-radius: 12px !important;
}

.brk--sorting {
  display: none;
}

.woocommerce-MyAccount-content .rz-checkbox em {
  display: block !important;
}

.rz-submission-step .rz-checkbox em {
  display: block !important;
}

.rz-infobox-outer {
  border-radius:12px !important;
}

.rz-mod-listing-location .rz-map-outer .rz-map-zoom {
  background-color:transparent !important; 
}

.button-container {
  display:none;
}

.map-button.hide {
  display:none !important;
}

.rz-explore-map .rz-infobox .rz--review,
.rz-explore-map .rz-infobox .rz-listing-review {
  display: flex !important;
  float: right !important;
  padding: 2px;
}


@media only screen and (min-width:1024px) {
  .rz-map-zoom {
    bottom: 40px !important;
    right:26px !important;
  }

  .brk-cover .brk--images[data-size="5"] {
    grid-template-rows: repeat(2,200px) !important;
  }  

  .rz-map-zoom .rz--zoom-in,
  .rz-map-zoom .rz--zoom-out {
    color: #222222 !important;
    background: #fff;
    width: 40px !important;
    line-height: 42px !important;
    height: 40px !important;
  }

  .rz-taxonomy-heading .rz--inner {
    display: none !important;
  }

  .rz-explore-type--map_x3 .brk-explore .brk-explore-sidebar {
    flex: 0 1 63% !important;
    max-width: 63% !important;
  }

  body.rz--expand-search-filters .brk-mobile-bar {
    display: none !important;
  }

  .brk-header {
    box-shadow: none !important;
    border-bottom: 1px solid #dddddd;
  }

  .brk--image:nth-child(3) {
    height: 400px;
  }

  .carousel-indicators {
    display: none;
  }

  .single-rz_listing .brk-site-logo {
    width: 19%;
  }
}

@media (max-width: 991.98px) {
  .rz--expand-search-filters .rz-search-filter--inline {
    height: 100% !important;
  }
}

@media only screen and (min-width:768px) and (max-width: 1023px) {
  .rz-search-bar:before {
    content: '' !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor' aria-hidden='true' class='flex-shrink-0 w-5 h-5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    height: 1.25rem;
    width: 1.25rem;
  }

  .fa-sliders-h:before {
    content: '' !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' aria-hidden='true' role='presentation' focusable='false' class='block w-4 h-4' fill='currentColor'%3E%3Cpath d='M5 8c1.306 0 2.418.835 2.83 2H14v2H7.829A3.001 3.001 0 1 1 5 8zm0 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm6-8a3 3 0 1 1-2.829 4H2V4h6.17A3.001 3.001 0 0 1 11 2zm0 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
    position: absolute;
    height: 1rem;
    width: 1rem;
    top: 40px;
    right: 40px;
  }

  .rz-search-bar .rz--icon-filters a {
    padding: 1px;
    margin-right: -10px;
    font-size: 17px;
    border: 1px solid #e5e7eb;
    border-radius: 101%;
    width: 35px;
    height: 35px;
    display: block;
  }

  #videoList {
    border-top: 5px solid #fff;
  }
}

@media only screen and (max-width:767px) {
  .rz-autocomplete {
    top: 40% !important;
    position: relative !important;
  }

  .brk-mobile-bar {
    transform: translateY(0);
    transition: transform 0.3s ease-in-out;
  }

  .footer_hide {
    transform: translateY(100%);
  }

  .hide_map {
    display: none !important;
  }

  .routiz .rz-search-filter--inline {
    background: #fff;
    backdrop-filter: blur(7px);
  }

  .rz--name.rz-ellipsis {
    padding-left: 10px;
  }

  .rz-search-filter .rz--name.rz-ellipsis:after {
    content: 'Anywhere • Any week • Add guests';
    color: rgba(100, 116, 139, 1);
    display: block;
    font-size: .75rem;
    font-weight: 300;
  }

  .rz-search-bar:before {
    content: '' !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='currentColor' aria-hidden='true' class='flex-shrink-0 w-5 h-5'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M21 21l-5.197-5.197m0 0A7.5 7.5 0 105.196 5.196a7.5 7.5 0 0010.607 10.607z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
    position: relative;
    height: 1.25rem;
    width: 1.25rem;
  }

  .fa-sliders-h:before {
    content: '' !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' aria-hidden='true' role='presentation' focusable='false' class='block w-4 h-4' fill='currentColor'%3E%3Cpath d='M5 8c1.306 0 2.418.835 2.83 2H14v2H7.829A3.001 3.001 0 1 1 5 8zm0 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2zm6-8a3 3 0 1 1-2.829 4H2V4h6.17A3.001 3.001 0 0 1 11 2zm0 2a1 1 0 1 0 0 2 1 1 0 0 0 0-2z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat no-repeat;
    background-position: center center;
    background-size: cover;
    position: absolute;
    height: 1rem;
    width: 1rem;
    top: 40px;
    right: 40px;
  }

  .rz-search-bar .rz--icon-filters a {
    padding: 1px;
    margin-right: -10px;
    font-size: 17px;
    border: 1px solid #e5e7eb;
    border-radius: 101%;
    width: 35px;
    height: 35px;
    display: block;
  }

  .brk-is-sticky1 .brk-explore-sidebar {
    margin-top: 0 !important;
  }

  .rz-explore-type--map_x3 .brk-explore-sidebar {
    transition: all 1.3s;
  }

  body.rz--expand-search-filters .brk-mobile-bar {
    display: none;
  }

  .rz-filter-tab.rz-expand .rz-tab-flyout,
  .rz-guests.rz-open .rz--dropdown {
    height: 100%;
  }

  * {
    touch-action: manipulation;
  }

  .brk-site-logo {
    width: 40%;
  }

  .rz-map-zoom {
    display: none !important;
  }

  .brk-mobile-listing-top {
    background-color: transparent !important;
    width: 50%;
    box-shadow: none !important;
  }

  .brk-mobile-listing-top .brk-col-6 span {
    display: none;
  }

  .brk-mobile-listing-top a {
    background-color: #fff;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: block;
  }

  html #wpadminbar {
    display: none !important;
  }

  body.page-id-2711 {
    overflow-x: hidden;
  }

  .rz_listing-template-default .content-area {
    position: relative;
    top:-14px;
  }

  .rz-dynamic-filter .rz-modal .rz-modal-content {
    max-height:100vh;
  }

  .rz-dynamic-filter .rz-modal.rz-modal-more-filters {
    top:0%;
  }

  /* BOC listing work for mobile 15/11/2023 */
  .rz-dynamic-map .rz-nav-prev,
  .rz-dynamic-map .rz-nav-next {
    display:none;
  }

  .rz-dynamic-map .rz-infobox {
    display: inline-flex; 
    height: 126px;
    width: 375px;
  }

  .rz-dynamic-map .rz-infobox-cover {
    height: 126px;
    width: 157px;
  }

  .rz-dynamic-map .rz-infobox-outer {
    margin-top: calc(81vh - 520px) !important;
    top:unset !important;
    left:-186.212px !important
  }

  .rz-dynamic-map .rz-infobox:after {
    display:none !important;
  }

  .rz-dynamic-map .rz-title h4 {
    white-space: unset !important;
  }

  body.home .rz-dynamic-map .rz-listing-gallery-item,
  body.home .rz-dynamic-map .rz-listing-image,
  body.home .rz-dynamic-map .rz-image,
  body.home .rz-dynamic-map .rz-listing-gallery-item.is-selected,
  body.home .rz-dynamic-map .flickity-viewport {
    height: 129px !important;
    width: 157px !important;
  }

  .rz-dynamic-map .rz-infobox .rz-listing-image {
    border-radius: 12px 0px 0px 12px !important;
  }

  /* EOC listing work for mobile 15/11/2023 */

  body.mobile_loaded .brk-explore-sidebar{
    margin-top: 20px; 
  }

  .button-container {
    position: fixed;
    bottom: 0;
    width: calc(100% - var(--scrollbar-gutter,0%));
    z-index: 2;
    display: grid;
    grid-template: repeat(2,auto) / repeat(3,33.333%);
    grid-template-areas:
        'left center right'
        'bottom bottom bottom';
    transition: transform 0.4s ease-in-out;
  }

  .map-section {
      margin-bottom: 74px;
      border-radius: 24px;
      transition-property: opacity;
      transition-duration: 150ms;
      grid-area: center;
      justify-self: center;
      align-self: end;
  }

  .map-button {
      -webkit-box-pack: center !important;
      -webkit-box-align: center !important;
      appearance: none !important;
      display: inline-flex !important;
      border-radius: 24px !important;
      border: 1px solid rgba(0, 0, 0, 0.08) !important;
      outline: none !important;
      margin: 0px !important;
      padding: 14px 19px !important;
      color: #222222 !important;
      cursor: pointer !important;
      touch-action: manipulation !important;
      align-items: center !important;
      justify-content: center !important;
      box-shadow: none !important;
      white-space: nowrap !important;
      transition: transform 0.25s cubic-bezier(0.2,0,0,1) !important;
      background: rgb(34, 34, 34) !important;
  }

  .button-text {
      font-size: 0.875rem !important;
      line-height: 1.125rem !important;
      color: rgb(255, 255, 255) !important;
      font-weight: 600 !important;
      display: flex !important;
  }

  .instruction-text {
      display: inline-flex;
      align-self: center;
  }

  .icon-container {
      margin-right: 8px;
      display: inline-flex;
      align-self: center;
      padding-left:10px;
  }
}

@media only screen and (min-width:1128px) and (max-width:1400px) {
  .brk-explore .brk-explore-sidebar {
    flex: 0 1 793px !important;
    max-width: 793px !important;
  }
}