/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.fresh-makelaars-container{
  margin-top: 100px !important;
}


.fresh-makelaars-container h1{
  font-family: "Bitter", Sans-serif;
  font-weight: 500;
  text-transform: none!important;
}

.fresh-makelaars-container h3, .fresh-makelaars-container ul{
  font-family: "Bitter", Sans-serif!important;
}

/** Single House **/
  
.single-house .tab-buttons .tab-button {
	text-transform: none!important;
}

.fresh-makelaars-container button.read-more {
	font-family: "Bitter", Sans-serif;
    font-weight: 500;
    background-color: #1bb149;
    border-radius: 4px 4px 4px 4px;
	border-width: 0px 0px 3px 0px!important;
	border-color: #127B32!important;
}

.fresh-makelaars-container p, .fresh-makelaars-container article, .fresh-makelaars-container span{
  font-family: "Bitter", Sans-serif;
  font-weight: 300;
  color: #3A3A3A;
}

button.tab-button.active > span {
  font-weight: 800;
}

.slide-in-cta .cta-buttons button {
	font-family: "Bitter", Sans-serif;
    font-weight: 500;
    fill: var(--e-global-color-secondary)!important;
    color: var(--e-global-color-secondary)!important;
    background-color: #1BB149!important;
	border-color: #127B32!important;
	border-width: 0px 0px 3px 0px!important;
	border-radius: 4px 4px 4px 4px!important;
}

.slide-in-cta .cta-back a {
	font-family: 'Bitter';
	
}
/** House Archive **/

.block-search .search-filter button, .loop-house figcaption span{
	background-color: #f2912d!important;

}

.block-nav-house .nav-item.active {
	background-color: #44443e!important;
	color: #fff!important;
	border-color: #44443e!important;
	border-width: 0px 0px 3px 0px!important;
	border-radius: 4px 4px 4px 4px!important;
}

.block-nav-house .nav-item span {
	color:#fff!important;
}

.block-nav-house .nav-item.active span {
	color:#fff!important;
	font-weight: 400;
}

.block-nav-house .nav-item {
	background-color: #1BB149!important;
	color: #fff!important;
	border-color: #127B32!important;
	border-width: 0px 0px 3px 0px!important;
	border-radius: 4px 4px 4px 4px!important;
}

.block-nav-house .nav-item a {
	color:#fff!important;
}

/** Both nav-items
.block-nav-house .nav-item {
	border: 0px solid #0FB4E1!important;
} **/

.loop-house{
	border-color: #44443e!important;
	border-width: 3px 3px 3px 3px!important;
	border-radius: 0px!important;
	box-shadow: rgba(0, 0, 0, 0) 0px 4px 12px!important;
	background-color: #ebebeb!important;
}

.loop-neighborhood {
   position: relative;
    overflow: hidden;
	display: block!important;
	border-color: #44443e!important;
	border-width: 3px 3px 3px 3px!important;
	border-radius: 0px!important;
	box-shadow: rgba(0, 0, 0, 0) 0px 4px 12px!important;
	background-color: #ebebeb!important;
}

.loop-house figure, .loop-neighborhood figure {
   aspect-ratio: 16 / 9; 
}

.loop-house figure img, .loop-neighborhood figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.loop-house-details .address {
	text-transform: none!important;
}

.loop-neighborhoods pre {
display: none!important;
}
.neighborhoods-title{
    display: flex;
    flex-direction: column;
    gap: 12px;
	text-align: center;
}

.pagination {
    justify-content: center!important;
    gap: 19px;
}

.pagination a{
	color: #44443e;
}

.additional-filters-toggle a{
	font-family: "Bitter";
	color: #44443e;
    text-decoration: underline;
}

.houses-map-container{
	margin-top: 160px;
}

.lightbox {
	z-index: 9999 !important;
}

/** Needed in public side due to conditinal loading **/
.elementor-editor-active #wpadminbar {
  display: none !important;
}

.link-matterport {
	background-color: #1BB149;
    display: flex;
    align-self: center;
    padding: 5px 10px;
    border-radius: 5px;
    margin-bottom: 20px;
    color: white !important;
    text-transform: none;	
	border-bottom: 2px solid #127E33;
}

.tab-buttons {
	gap: 5px;
}