/* Niko added this custom CSS */

/*hide listing attribute box when empty */
.hp-listing__attributes--primary:empty {
  display: none;
}

/* tags checkboxes - mostly configured with PHP in snippets! */
.hp-form--listing-filter .hp-field--checkboxes {
    max-height: 300px;
    overflow-y: auto;
    border: 1px solid #efefef;
    border-radius: 3px;
    padding: 15px;
    background-color: #fff;
}


/* Style the tags box scrollbar */
.hp-form--listing-filter .hp-field--checkboxes::-webkit-scrollbar {
    width: 6px;
}

.hp-form--listing-filter .hp-field--checkboxes::-webkit-scrollbar-thumb {
    background: #ddd;
    border-radius: 4px;
}

.hp-form--listing-filter .hp-field--checkboxes::-webkit-scrollbar-thumb:hover {
    background: #555;
}

/*search bar position */

/* HOME: make the search box overlap the hero */
body.home .hp-page__header,
body.home .page__header,
body.home .site__header {
  position: relative;
  z-index: 1;
	margin-bottom: -50px;
}

body.home .hp-form--listing-search,
body.home .hp-search,
body.home .hp-search-form {
  position: relative;
  z-index: 5;
  transform: translateY(-90px); /
}

/* make the overlapped box feel like a “card” */
body.home .hp-form--listing-search,
body.home .hp-search,
body.home .hp-search-form {
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,.15);
}

/* Force wider dropdowns */
ul.sub-menu {
  min-width: 300px !important;
}

/*slim down our logo*/
.header-logo {
	width: 170px;
}

/* hide vendor */
.hp-vendor--view-block {
	display: none;
}

/* 480px listing image */
.hp-listing__images {
	max-width:480px;
}

/*remove listing create date*/
.hp-listing--view-block .hp-listing__created-date,
.hp-listing--view-page .hp-listing__created-date {
  display: none;
}

/* hide delete account */
.hp-form__action--user-delete {
	display: none !important;
}

/* hide delete listing */
.hp-template--listing-edit-page .hp-listing__action--delete,
.hp-template--listings-edit-page .hp-listing__action--delete {
  display: none;
}
	.hp-template--listing-edit-page .hp-listing__action--hide {
  display: none;
}

/* Display listing attributes in a single column */
.hp-listing--view-block .hp-listing__attributes--secondary .hp-col-lg-6,
.hp-listing--view-page .hp-listing__attributes--secondary .hp-col-lg-6 {
    flex-basis:100%;
    max-width:100%;
}

/* Remove the vendor search page sidebar */
.hp-template--vendors-view-page .hp-page__sidebar {
  display:none;
}

.hp-template--vendors-view-page .hp-page__content {
  max-width:100%;
  flex-basis:100%;
}

/*stylings: box shadows, black boxes, border radiuses */

.hp-listing--view-block .hp-listing__footer {
	display: none;
}

.hp-field input[type=radio]+span {
	color: #000;
}
.hp-listing--view-block.hp-listing--featured {
	border: 1px solid #A9A9A9;
}
.hp-listing--view-block .hp-listing__image img {
	border-radius: 0;
}

.select2-container--default .select2-dropdown {
	border: 1px solid #A9A9A9;
}

/* remove listing button top */
.hp-menu--site-header button {
	display: none;
}

/* remove count of listings */
.hp-result-count{
 color: #fff;	
}

/* max image height 360 */
.hp-listing__image img {
	max-height: 360px;
  object-fit: cover;
	object-position: top;
  display: block;
}

/* remove sort by */
.hp-form--pivot .hp-form__field {
	display: none;
}

/*make tags more visible*/
.tagcloud a, .wp-block-tag-cloud a {
	background-color: #CBEFF6;
	border-radius: 0px;
}

.hp-social-links .hp-social-links__item--website {
    background-color: #66B0E1;
}
.hp-social-links .hp-social-links__item--instagram {
    background-color: #F0ACA8;
}

.hp-social-links .hp-social-links__item--facebook {
    background-color: #5176A4;
}

.hp-social-links .hp-social-links__item--youtube {
    background-color: #F0ACA8;
}

.hp-listing__verified-badge {
    color: #A480A8;
}
 /* end Niko section */

/* Sara added this custom CSS */
/* Hide HivePress placeholder image */
.hp-listing__image img[src*="placeholder"] {
  display: none !important;
}

/* crop thumbnail image on homepage listings grid to the top*/
.hp-listing-card__image img {
  object-fit: cover !important;
  object-position: top center !important;
  width: 100% !important;
  height: 100% !important;
}

.hp-listing-card__image {
  aspect-ratio: 1:1;
}

/* end Sara section */

/* start Andrew section */

.wp-block-button__link {
background-color: #2e82c1
}

.wp-block-button {
color: white;
}

/*CTA Button*/

.header-hero--large {
        padding: 6rem 0;
    }

.wp-block-button__link {
	background-color: #1c5075;
	border-radius: 3px;
	background-image: linear-gradient(to right, #fff0, rgb(255 255 255 / .2));
}

/*Protected Book attribute style*/
.hp-listing__attribute--booking-link {
  /* Layout and Colors */
  padding: 5px;
  color: white;
  font-family: sans-serif;
  font-weight: bold;
  text-align: center;
	border-radius: 3px;
	width: 200px;

  /* The Gradient: Blue - Lighter Blue (The Flash) - Blue */
  background: linear-gradient(
    90deg, 
    #1c5075 0%, 
    #1c5075 40%, 
    #3e7ca8 50%, 
    #1c5075 60%, 
    #1c5075 100%
  );
  
  /* Make the background 200% width so we can slide it */
  background-size: 200% 100%;
  
  /* Link the animation */
  animation: flash-move 3s infinite linear;
}

/* Keyframes to slide the background */
@keyframes flash-move {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}

.hp-listing__attribute--protected-book {
/* Layout and Colors */
  padding: 5px;
  color: white;
  font-family: sans-serif;
  font-weight: bold;
  text-align: center;
	border-radius: 3px;

  /* The Gradient: Blue - Lighter Blue (The Flash) - Blue */
  background: linear-gradient(
    90deg, 
    #1c5075 0%, 
    #1c5075 40%, 
    #3e7ca8 50%, 
    #1c5075 60%, 
    #1c5075 100%
  );
  
  /* Make the background 200% width so we can slide it */
  background-size: 200% 100%;
  
  /* Link the animation */
  animation: flash-move 3s infinite linear;
}

/* Keyframes to slide the background */
@keyframes flash-move {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
}

/* Hide ListingHive's injected hero section on Listings page */

/* end Andrew section */