<style>
.component.promo.undefined:not(.basis-full) {
margin-top: -80px;
position: relative;
z-index: 2;
}
.component.promo.undefined:not(.basis-full) > .component-content {
background-color: #fff;
border-radius: 16px;
max-width: 1200px;
margin-inline: auto;
overflow: hidden;
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
}
.hero-banner-one.location-main-hero-banner {
height: 691px !important;
overflow: hidden !important;
}
.hero-banner-one.location-main-hero-banner .hero-banner-one__image,
.hero-banner-one.location-main-hero-banner .hero-banner-one__overlay {
height: 691px !important;
}
@media (max-width: 992px) {
.hero-banner-one.location-main-hero-banner {
min-height: 400px !important;
height: 400px !important;
max-height: 400px !important;
overflow: hidden !important;
display: block !important;
}
.hero-banner-one.location-main-hero-banner * {
max-height: 400px !important;
min-height: unset !important;
overflow: hidden !important;
}
.component.promo.undefined:not(.basis-full) {
margin-top: -40px;
}
.component.promo.undefined:not(.basis-full) > .component-content {
border-radius: 12px;
margin-inline: 16px;
}
.component.promo.undefined:not(.basis-full) .component-content > div {
flex-direction: column !important;
}
.component.promo.undefined:not(.basis-full) .field-promoicon {
width: 100% !important;
flex-basis: 100% !important;
}
.component.promo.undefined:not(.basis-full) .field-promoicon img {
width: 100% !important;
height: auto !important;
border-radius: 8px !important;
}
.component.promo.undefined:not(.basis-full) .promo-text {
width: 100% !important;
flex-basis: 100% !important;
text-align: left !important;
}
}
</style> <br />
<br />
<h1 class="mb-3">DESIGN GUIDELINES</h1>
<p class="mb-3 text-center flex justify-center">Bring your own builder and build your dream home at Everdene, Mulgoa.
</p> <style>
@media (max-width: 768px) {
.mb-centered{
display: flex;
justify-content: center;
text-align: center;
}
.orange-bar {
height: 40px;
background-color: #F79667;
width: 10px;
position: absolute;
top: 0;
left: 40px;
}
}
.card {
background-color: white;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
margin: 20px 0;
position: relative;
}
.orange-bar {
height: 40px;
background-color: #F79667;
width: 10px;
position: absolute;
top: 0;
left: 48px;
}
.card-content {
padding: 24px;
}
.feature-list {
list-style: none;
padding: 0;
margin: 0;
}
.feature-item {
display: flex;
margin-bottom: 12px;
}
.feature-marker {
width: 16px;
height: 16px;
background-color: #F79667;
margin-right: 12px;
margin-top: 3px;
flex-shrink: 0;
}
.feature-text {
font-size: 16px;
color: #555;
}
.card-content p {
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #666666;
}
</style>
<style>
.register-btn {
display: inline-block;
padding: 12px 40px;
background-color: #402830;
color: #ffffff;
font-family: "Times New Roman"; !important
font-size: 14px;
font-weight: bold;
text-align: center;
text-decoration: none;
border-radius: 0;
letter-spacing: 0.05em;
transition: background-color 0.3s ease;
margin-top: 20px;
}
.register-btn:hover {
background-color: #5a3a44;
color: #ffffff;
text-decoration: none;
}
.component.promo.undefined:not(.basis-full) {
margin-top: -80px;
position: relative;
z-index: 2;
padding-bottom: 100px;
background-color: #f0e6e0; !important
}
</style>
<div class="card-content">
<h2><span class="carilo">D</span>esign Guidelines<span style="font-size: 13px;"></span></h2>
<p> </p>
<p>These Design Guidelines apply specifically to lots from 300m<sup>2</sup> - 700m<sup>2</sup> and have been created to ensure that each home contributes to a harmonious street scape, creating a cohesive community that feels welcoming to all residents.
</p>
<a rel="noopener noreferrer" href="https://edge.sitecorecloud.io/mirvacprocu45a5-mirvacsitec7536-prodc5da-5fc1/media/Project/residential/mulgoa/Release-3/EVERDENE-Design-guidelines-A4_v17b.pdf" target="_blank" class="register-btn">Download Now</a>
</div>
<div id="newvtPopupMenu" style="display: none;"> </div>
<style>
@media (max-width: 768px) {
.mb-centered{
display: flex;
justify-content: center;
text-align: center;
}
.orange-bar {
height: 40px;
background-color: #F79667;
width: 10px;
position: absolute;
top: 0;
left: 40px;
}
}
.card {
background-color: white;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
margin: 20px 0;
position: relative;
}
.orange-bar {
height: 40px;
background-color: #F79667;
width: 10px;
position: absolute;
top: 0;
left: 48px;
}
.card-content {
padding: 24px;
}
.feature-list {
list-style: none;
padding: 0;
margin: 0;
}
.feature-item {
display: flex;
margin-bottom: 12px;
}
.feature-marker {
width: 16px;
height: 16px;
background-color: #F79667;
margin-right: 12px;
margin-top: 3px;
flex-shrink: 0;
}
.feature-text {
font-size: 16px;
color: #555;
}
.card-content p {
font-weight: 400;
font-size: 16px;
line-height: 26px;
color: #666666;
}
</style>
<style>
.register-btn {
display: inline-block;
padding: 12px 40px;
background-color: #402830;
color: #ffffff;
font-family: "Times New Roman"; !important
font-size: 14px;
font-weight: bold;
text-align: center;
text-decoration: none;
border-radius: 0;
letter-spacing: 0.05em;
transition: background-color 0.3s ease;
margin-top: 20px;
}
.register-btn:hover {
background-color: #5a3a44;
color: #ffffff;
text-decoration: none;
}
.component.promo.undefined:not(.basis-full) {
margin-top: -80px;
position: relative;
z-index: 2;
padding-bottom: 100px;
background-color: #f0e6e0; !important
}
</style>
<div class="card-content">
<h2><span class="carilo">H</span>omestead<span style="font-size: 13px;"></span></h2>
<p> </p>
<p> These Design Guidelines apply specifically to the Rural Living Lots located around the perimeter of Everdene. The Rural Living Lots range from 2,000m2 to 4,000m2 and differ in their planning controls from the balance of the broader site.
</p>
<a rel="noopener noreferrer" href="https://edge.sitecorecloud.io/mirvacprocu45a5-mirvacsitec7536-prodc5da-5fc1/media/project/residential/mulgoa/homestead-release-1/everdene-homestead-design-guidelines.pdf" target="_blank" class="register-btn">Download Now</a>
</div>
<div id="newvtPopupMenu" style="display: none;"> </div>