.hp-menu--site-header .hp-menu__item--listing-submit{
  display: none;
}
.hp-listing--view-block .hp-listing__location a,
.hp-listing--view-page .hp-listing__location a {
  pointer-events: none;
}

/* General rule for moving the "Sign In" or user account button to the right */
.menu-item--user-login, .menu-item--user-account {
    position: fixed;
    right: -550px; /* Adjust this value as needed to align perfectly */
    top: 0px;
    z-index: 1000;
}

/* Optional: Adjusting padding/margin if needed */
.menu-item--user-login a, .menu-item--user-account a {
    padding: 10px 20px;
    margin: 0;
}

/* Responsive adjustments for tablet screens (768px to 1024px) */
@media (min-width: 768px) and (max-width: 1024px) {
    .menu-item--user-login, .menu-item--user-account {
        right: 20px; /* Adjust this value so the menu aligns properly on tablets */
    }
}

/* Mobile adjustments (max-width 768px) */
@media (max-width: 768px) {
    .menu-item--user-login, .menu-item--user-account {
        right: 10px; /* Adjust this value so it aligns well on mobile */
        position: relative; /* Change from fixed to relative for smaller screens if needed */
    }
}


/* Adjusting the placement on smaller screens */
@media (max-width: 768px) {
    .menu-item--user-login, .menu-item--user-account {
        margin-right: 10px; /* Adjust for smaller screen sizes */
        margin-top: 5px; /* Adjust for smaller screen sizes */
    }
}

/* Optional: Styling for the button */
.menu-item--user-login a, .menu-item--user-account a {
    background-color: #fff; /* Change to your desired background color */
    color: #fff; /* Change to your desired text color */
    border-radius: 5px; /* Optional: Add rounded corners */
    text-decoration: none; /* Remove underline */
}

/* Ensure the header has relative positioning to handle other elements properly */
.header {
    position: relative;
}

/* Mobile view adjustments */
@media (max-width: 768px) {
    .menu-item--user-login, .menu-item--user-account {
        right: 1px; /* Adjust this value as needed to align perfectly for mobile */
        top: 50px; /* Adjust this value as needed to align perfectly for mobile */
    }

    /* Optional: Adjust font size and padding for mobile */
    .menu-item--user-login a, .menu-item--user-account a {
        padding: 8px 16px; /* Adjust padding for mobile */
        font-size: 14px; /* Adjust font size for mobile */
    }
}
.hp-listing-category--view-block .hp-listing-category__item-count,
.hp-listing-category--view-page .hp-listing-category__item-count {
  display: none;
}

/* Ensure embedded YouTube videos are responsive */
@media (max-width: 768px) {
    .entry-content iframe,
    .entry-content object,
    .entry-content embed,
    .hp-listing__description iframe {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        max-width: 100%;
    }
}
.page-id-940 .header-hero {
    display: none;
}

/* Hide header picture on the 'For Artists' page */
.page-id-1543 .header-hero {
    display: none;
}

.hp-form__field--radio {
    display: none;
}

.hp-listing--view-block .hp-listing__categories{
  display: none !important;
}

.hp-link--hide-map {
    display: none;
}

.hp-order__vendor.hp-meta {
    display: none;
}

/* Hide elements on mobile screens */
@media only screen and (max-width: 767px) {
  .hide-on-mobile {
    display: none !important;
  }
}

/* Show on mobile and hide on desktop */
@media only screen and (min-width: 768px) {
  .hide-on-desktop {
    display: none !important;
  }
  
  /* Make sure elements hidden on mobile are shown on desktop */
  .hide-on-mobile {
    display: block !important;
  }
}

/* Remove any margin or padding associated with the block-column */
.wp-block-column.is-layout-flow {
margin: 0 !important;
padding: 0 !important;
}
}

/* Hide the green section and leave a small space */
@media only screen and (max-width: 767px) {
#content.site-content {
background-color: transparent !important; /* Remove the green background */
padding: 10px 0 !important; /* Leave a small space (10px) */
}
}

/* Set a minimal size for the orange element (block-10) */
#block-10.widget.widget--sidebar.widget_block {
min-width: 100px; /* Adjust the minimum width as needed */
min-height: 50px; /* Adjust the minimum height as needed */
padding: 40px; /* Optional: Adjust padding for spacing */
margin-bottom: 15px; /* Optional: Adjust margin for space below */
}



/* Hide the Filter heading on mobile */
@media only screen and (max-width: 767px) {
#filter {
display: none !important;
}
}

/* Target the spacer with specific height to hide on mobile */
@media only screen and (max-width: 767px) {
.wp-block-spacer[style*="height:13px"] {
display: none !important;
}
}

/* Target and hide the spacer or padding causing the orange space on mobile */
@media only screen and (max-width: 767px) {
.wp-block-spacer[style*="height:"] {
display: none !important;
}