/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/
#brx-header.scrolling #logo-container .no-scroll {
    display: none;
}
#brx-header:not(.scrolling) #logo-container .scrolling {
    display: none;
}
h1 {
    font-size: 50px;
}
h2 {
    font-size: 50px;
    line-height: 50px;
    padding: 30px 0px;
}
h3 {
    padding: 30px 0px;
}
h4 {
    font-size: 28px;
    padding: 30px 0px;
}

.white-text {
    color: #ffffff;
}
.black-text {
    color: #000000;
}
.dark-blue-text {
    color: #04142c;
}
.white-border-button {
    border-radius: 6px;
    border: 2px solid #ffffff;
    color: #ffffff;
    font-size: 20px;
    font-weight: 500;
    padding: 6px 20px;
}
.white-border-button:hover {
    background-color: rgba(255,255,255,0.3);
}

.dark-blue-border {
    border-radius: 6px;
    border: 2px solid #04142c;
    color: #04142c;
    font-size: 20px;
    font-weight: 500;
    padding: 6px 20px;
}
.dark-blue-border:hover {
    color: #ffffff;
    background-color: rgba(4,20,44,0.8)
}
.black-border {
    border-radius: 6px;
    border: 2px solid #000000;
    color: #000000;
    font-size: 20px;
    font-weight: 500;
    padding: 6px 20px;
}
.area-title {

}
#brx-content section:first-of-type{
    margin-top: 0px;
    width: 100%;
}
#brx-content section:last-of-type {
    margin-bottom: 0px;
    width: 100%;
}

#brx-content section {
    margin-top: 30px;
    margin-bottom: 30px;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}
#brx-content section.contact-section {
    margin-top: 60px;
    margin-bottom: 60px;
}
.property-overview-container .property-list-price {
    padding: 10px 0px;
}
.property-overview-container .group-property-details,
.property-overview-container .property-address {
    font-size: 14px;
}
.property-overview-container .property-address {
    color: #999999;
}

@media (max-width: 401px) {
	h2.contact-section {
		font-size: 22px !important;
		line-height: 1.3em !important;
	}
	footer .footer-logo {
		max-width: 140px !important;
	}
	footer #logo-media-container > div {
		width: 50%;
	}
	.page-homepage main section > div:nth-child(2) {
		margin-top: 30px;
	}
	.hero-title, .contact-section-title {
		margin-left: 40px;
		margin-right: 40px;
	}
}