/*
  This partially resolves an issue with the primary menu on desktop, where the labels shift when clicked on.
 */
@media (min-width: 992px) {
	li a {
		transform: none !important;
	}
}

/* Change background color of primary and side menu on desktop */
@media (min-width: 992px) {
	.sidebar, .nav__submenu {
background-color: #001b1f !important;
}
}

/* Change background color and pattern of side menu on mobile */
@media (max-width: 991px) {
	.mobile__background {
		background-image: url("https://hostrealty.com/wp-content/uploads/2023/09/pattern_bg_2.png") !important;
		background-color: #001b1f !important;
	}
}

/* Make buttons uniform size on mobile */
@media (max-width: 991px) {
	.button.-md {
		min-width: 20rem;
	}
}

/* Menu colors are hidden in the theme. .sidebar targets the side menu. !important is needed because the background is set with the same flag in assets/css/colors.css */
.sidebar {
	background-color: #001b1f !important;
}

/* changes top navigation color when page is scrolled. */
.header.is-sticky .header__bar {
	background-color: #001b1f;
}

/* sets text color in the site map inside the hamburger menu */
.menu-sidebar-container {
	color: white;
}

.sidebar {
	background-image: url("https://hostrealty.com/wp-content/uploads/2023/09/pattern_bg_2.png");
}
/*customizing social media links color */
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook {
background-color: #bc815a;
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter {
background-color: #bc815a;
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram {
background-color: #bc815a;
}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube {
background-color: #bc815a;
}

/* change color of social links in hamburger menu on hover */
.wp-block-social-link-anchor:hover {
    background: #013741;
}

/* Resize IDX results and center images - Desktop */
@media (min-width: 992px) {
	li.dsidx-listing-container {
		float: left;
		width: 33.333333%;
	}
	
	/* this is being over written by CSS provided by Diverse Solutions
	div.dsidx-listing {
		width: 300px !important;
		margin: 0 auto !important;
	} */
}
img.custom-header-image + #jarallax-container-0 {
    display: none;
}

img.custom-header-image {
    width: 100%;
}

/* Give chat window square corners */
.chat {
	border-radius: unset;
}