h1 span {
font-family: 'Gotham Light', sans-serif;
}
h2 {
line-height: 30px;
}
p, p1, body, li {
font-size: 17px !important;
line-height: 27px;
}
.page-h1 {
width: 80%;
}
#header {
z-index: 1;
}
#parks-banner {
background-image: url(//www.northharbour.com.au/wp-content/uploads/2022/06/North-Harbour-Heritage-Park-Precinct-and-Compass-Centre.jpg);
background-size: cover;
background-position: center;	
}
#grants-banner {
background-image: url(//www.northharbour.com.au/wp-content/uploads/2022/09/grants3-scaled.jpg);
background-size: cover;
background-position: center top;
height: 50vh;
}
#community-grants-application {
background: #003961;
}
.udia-award {
margin-top: 30px;
background: #f8f8f8;
padding: 30px;
display: flow-root;
}
.udia-award img {
float: left;
width: 120px;
margin-right: 30px;
}
#display-village-maps .narrow {
width: 55%;
}
#video-tours {
display: none;
}
#display-village-maps h3 {
display: flex;
justify-content: center;
margin-bottom: 60px;
font-size: 30px;
}
.tel {
white-space: nowrap;
}
.img-container {
height: 430px;
text-align: right;
}
.facetwp-template .one-third:nth-child(3n) {
margin-right: 0;
}
p.open-soon {
position: absolute;
clip-path: polygon(100% 0%, 90% 50%, 100% 100%, 0 98%, 0 0);
background: #9A5BA5;
padding: 15px 60px 12px 40px;
color: #fff !important;
font-family: 'Gotham Medium', sans-serif !important;
font-size: 19px !important;
text-transform: uppercase;
z-index: 9;
}
p.temporarily-closed {
clip-path: polygon(100% 0%, 95% 50%, 100% 100%, 0 98%, 0 0);
background: #FBAB35;
padding: 6px 25px 3px 12px;
color: #fff !important;
font-family: 'Gotham Medium', sans-serif !important;
font-size: 16px !important;
text-transform: uppercase;
width: fit-content;
margin-bottom: -20px;
}
.img-container img {
height: 100%;
width: auto;
}
.park {
background: #ffff;
}
.park:nth-child(odd) {
background: #0f2c53;
}
.park:nth-child(odd) h3, 
.park:nth-child(odd) p {
color: #fff;
}
.park .container {
display: flex;
}
.park h3 {
color: #0f2c53;
margin-bottom: 30px;
}
.park .btn {
text-transform: none !important;
margin-top: 15px;
}
.park .btn:first-child {
margin-top: 30px;
}
.park i {
margin-left: 10px;
}
#gform_submit_button_4 {
background: #02b8d0;
}
#gform_submit_button_33 {
background-color: #0f2c53;
}
#field_33_8 .gform-field-label, #field_33_5 .gform-field-label, #field_33_6 .gform-field-label {
color: #FFF;
font-family: 'Gotham Medium', sans-serif;
font-weight: 600;
margin-top: 10px;
display: block;
font-size: 0.92em;
}
#field_33_6 .gform-field-label {
margin-top: 5px;
}
#field_33_3 {
margin: -10px 0 10px;
}
#input_33_1_6 {
margin-top: 10px !important;
}
#field_33_6 .gfield_label_before_complex {
padding-top: 10px;
}
.two-column p {
orphans: 6;
}
.two-column p a {
white-space: nowrap;
}
.two-column .btn {
text-transform: none !important;
margin: 10px 5px 0;
background: #0f2c53;
}
.two-column .btn:first-of-type {
margin-left: 0 !important;
}
.two-column .btn:last-of-type {
margin-right: 0 !important;
}
#footer a:hover {
opacity: 0.6;
transition: 0.6s;
}
.notice-message p {
font-family: 'Gotham Medium', sans-serif !important;
}
#image-map-pro-5471 {
width: 105%;
}
.notice-message p:last-child {
margin-bottom: 0;
}
#builder-banner {
height: 500px;
background: grey;
background-size: cover;
background-position: center;
}
#builder-banner .overlay {
background: rgba(0,0,0,0.1);
height: 100%;
position: relative;
}
.brand-container {
height: 150px;
padding: 25px;
display: flex;
}
.brand-container .half {
border-right: 1px solid #fff;
margin: 0;
width: 50%;
}
.brand-container .half:last-child {
border: none;
}
.brand-container img {
max-width: 200px;
max-height: 70px;
width: auto;
margin: 0 auto;
}
.reverse h1 {
color: #fff;
text-align: center;
margin-top: 40px;
}
.reverse h2 {
color: #fff;
}
#display-village-maps .container .half {
margin-right: 0;
}
#display-village-maps .container .half:first-child {
border-right: 0.01em solid #444;
padding-right: 3%;
}
#display-village-maps .container .half:last-child {
padding-left: 3%;
}
#builder-introduction .narrow {
width: 55%;
max-width: 55%;
}
#builder-introduction h2, 
#builder-section h2, 
#builder-homes h2  {
color: #0f2c53;
line-height: 1.4em;
}
#builder-introduction {
border-bottom: 2px solid #f8f8f8;
}
#builder-introduction .half:last-child {
background-size: cover;
}
#builder-introduction p strong {
font-size: 24px;
line-height: 34px;
font-family: 'Gotham Light',sans-serif !important;
}
#builder-section:nth-of-type(even) {
background: #f8f8f8 !important;
}
#builder-section .two-column {
column-count: 2;
widows: 3;
}
#builder-section .two-column p {
orphans: 2;
}
#builder-section h2 {
width: 65%;
}
.img {
height: 400px;
background-size: cover;
}
#builder-homes h2 {
margin-bottom: 40px !important;
}
#builder-homes .two-thirds .one-half {
width: 50%;
float: left;
background: #f8f8f8;
padding: 30px;
height: 260px;
background-size: cover;
}
#builder-homes .two-thirds .one-half:first-child {
background-size: cover;
background-position: center;
}
#builder-homes .two-thirds .one-half:first-child:hover, 
#builder-homes .one-third:hover {
opacity: 0.6;
transition: 0.6s;
}
#builder-homes .btn {
display: block;
width: fit-content;
text-transform: none !important; 
margin-top: 20px;
}
#builder-homes h3 {
font-size: 21px;
color: #0f2c53;
}
#builder-homes h3 span {
font-size: 16px;
}
#builder-homes .img {
display: block;
height: 230px;
background-position: center;
}
#builder-homes .details {
background: #f8f8f8;
width: 100%;
padding: 30px;
}
#builder-contact h2 {
color: #0f2c53;
}
#builder-contact .one-half, 
#display-home-details .one-half {
width: 50%;
float: left;
}
#builder-contact .one-half:first-child, 
#display-home-details {
background: #f8f8f8;
}
#builder-contact .one-half:last-child, 
#display-home-details .one-half:last-child {
background: #0f2c53;
padding: 7% 10%;
color: #fff;
}
#builder-contact .one-half:last-child h2 {
margin-bottom: 10px !important;
}
#builder-contact .one-half .left-content, 
#display-home-details .one-half .left-content {
width: 650px;
padding: 100px 90px 90px 0;
display: block !important;
float: right !important;
}
#builder-contact a {
color: #02b8d0;
}
#builder-contact .reverse h2 {
color: #fff;
}
#builder-contact a:hover {
opacity: 0.6;
transition: 0.6s;
}
.display-home-stats {
font-size: 20px;
color: #0f2c53;
margin: 20px 0 22px;
}
.display-home-stats .fa-light {
font-size: 22px;
margin-right: 15px;
}
.display-home-stats .fa-light:last-child {
margin-right: 0;
}
#display-home-gallery {
background: #f8f8f8;
height: 620px;
}
#display-home-gallery .container {
height: 100%;
}
.facade {
height: 100%;
display: block;
background-size: cover;
background-position: center;
}
#display-home-gallery .buttons {
margin: -95px auto 0 20px;
width: 100%;
display: flex;
}
#display-home-gallery .buttons a {
background: rgba(0,0,0,0.8);
color: #fff;
padding: 15px;
border-right: 1px solid rgba(255,255,255,0.2);
font-size: 10px;
text-align: center;
text-transform: uppercase;
display: grid;
justify-items: center;
}
#display-home-gallery .buttons a:hover {
opacity: 0.6;
transition: 0.6;
}
#display-home-gallery .buttons a:last-child {
border-right: 0;
}
#display-home-gallery .buttons .fa-light {
font-size: 25px;
margin-bottom: 5px;
}
#display-home-details h1 {
color: #0f2c53;
}
#display-home-details .display-home-stats {
font-family: 'Gotham Medium', sans-serif;
font-weight: 500;
margin-top: 0px;
}
#floorplan .one-third {
margin-right: 6%;
}
#floorplan .two-thirds {
width: 62.6%;
}
.hidden {
display: none;
}
#display-home-details {
scroll-margin-top: -200px !important;
}
#display-home-details .builder-logo {
max-height: 80px;
max-width: 200px;
}
#display-home-details .builder-logo:hover {
opacity: 0.6;
transition: 0.6s;
}
#display-home-details .btn {
width: fit-content;
}
p.disclaimer {
font-size: 10px !important;
margin: 20px 0 0;
float: right;
}
#floorplan .one-third td, 
#floorplan .one-third tr {
border: none;
border-left: 0 !important;
background: transparent;
}
#floorplan .one-third tr:first-child td {
background: transparent !important;
}
#floorplan .one-third td, 
#floorplan .one-third tr {
border-bottom: 1px solid #333;
padding: 8px 0;
font-size: 15px;
}
#floorplan .one-third td:first-child {
width: 50%;
}
#floorplan .one-third td:last-child {
text-align: right;
}
#floorplan .one-third p strong {
font-size: 16px;
margin: 35px 0 -15px;
display: block;
}
.frontage {
margin-top: 30px !important;
}
.gchoice_2_4_1 {
margin-left: 0;
}
#input_2_4 {
margin-left: 0;
}
.padding-sml {
padding: 30px 0 !important;
}
.container {
padding-left: 0 !important;
padding-right: 0 !important;
}
#floorplan .container {
display: flex;
align-content: center;
align-items: center;
}
#display-home-details {
-webkit-box-shadow: inset 0px 4px 8px rgb(50 50 50 / 10%);
-moz-box-shadow: inset 0px 4px 8px rgb(50 50 50 / 10%));
box-shadow: inset 0px 4px 8px rgb(50 50 50 / 10%);
}
.display-home-form {
background: #0f2c53;
padding: 10%;
color: #fff;
}
#display-home-form {
background: #0f2c53;
color: #fff;
}
#display-home-form #input_2_1, 
#display-home-form #input_2_2, 
#display-home-form #input_2_3 {
width: 32.8%;
float: left;
}
#display-home-form #input_2_1, 
#display-home-form #input_2_2 {
margin-right: 10px;
}
#display-home-form #input_2_2 {
margin-top: -10px;
}
#display-home-form #input_2_3 {
margin-top: -20px;
}
#display-home-form #gform_submit_button_2 {
float: right !important;
margin-top: -60px !important;
background: #02b8d0 !important;
color: #fff !important;
}
#floorplan .modal {
display: none;
position: fixed;
z-index: 2;
padding-top: 174px;
left: 0;
top: 0;
width: 100%;
height: 100%; 
overflow: auto;
background-color: rgb(0,0,0);
background-color: rgba(255,255,255,0.9);
transition: visibility 0s, opacity 0.5s linear;
}
#floorplan .modal-content {
background-color: transparent;
margin: auto;
border: none;
width: 80%;
padding: 60px;
transition: visibility 0s, opacity 0.5s linear;
text-align: center;
}
#floorplan .close {
position: absolute;
right: 11%;
top: 10%;
background: none;
color: #000 !important;
font-size: 40px !important;
}
#floorplan .close:hover,
#floorplan .close:focus {
opacity: 0.4;
transition: 0.6s;
}
#floorplan .modal-content img {
max-height: 1000px;
max-width: 1100px;
width: auto;
}
#floorplan a img:hover {
opacity: 0.6;
transition: 0.6s;
}
.floorplan {
width: 610px;
margin-left: -20px;
border-radius: 0;
padding: 65px 0 !important;
text-align: center;
background: #fff;
display: contents;
}
.floorplan img {
max-width: 450px;
max-height: 600px;
}
#myBtn img {
max-width: 550px;
max-height: 650px;
width: auto;
}
#floorplan .two-thirds, 
#myBtn {
text-align: center;
display: block;
}
.background-img {
background-size: cover;
background-position: center;
}
.floorplan #myBtn {
height: 100%;
display: grid;
align-content: center;
justify-content: center;
background: #FFF;
}
#myBtn .show {
height: 100%;
position: absolute;
width: 100%;
top: 0;
background: rgba(0,0,0,0.7);
text-align: center;
color: #fff;
display: none;
align-items: center;
display: flex;
justify-content: center;
visibility: hidden;
opacity: 0;
transition: visibility 0s, opacity 0.5s linear;
}
#myBtn .show .fa-solid {
margin-left: 10px;
}
#myBtn:hover .show {
transition: 0.6s;
visibility: visible;
opacity: 1;
}
#builder-section:nth-child(even) .container .flex {
display: -webkit-flex; -webkit-flex-direction: row-reverse; display: flex;
flex-direction: row-reverse;
}
#builder-contact .left-content p {
font-size: 17px !important;
line-height: 1.8em;
}
#builder-section:nth-child(even) .half:first-child {
margin-left: 7%;
margin-right: 0;
}
#footer a {
font-family: 'Gotham Medium', 'Montserrat', sans-serif !important;
font-weight: 600 !important;
}
.now-open {
background: #9a5ba5;
display: block;
width: fit-content;
padding: 7px 20px 0;
color: #fff;
clip-path: polygon(100% 0%, 95% 50%, 100% 100%, 0 100%, 5% 51%, 0 0);
margin-left: 20px;
margin-top: -10px;
font-size: 23px;
}
.single-house {
padding: 10px 35px 7px 20px !important;
font-size: 17px !important;
}
fieldset {
border: none !important;
padding: 0 !important;
margin-left: 0 !important;
}
#field_32_1 legend, 
#field_32_33 legend {
color: #fff;
font-family: 'Gotham Medium', sans-serif; 
margin-bottom: 20px;
margin-left: -13px;
}
#field_32_1 legend:before, 
#field_32_33 legend:before {
content: '1';
background: #02b8d0;
width: 30px;
height: 30px;
border-radius: 50%;
display: grid;
justify-content: center;
align-content: center;
float: left;
margin-right: 10px;
margin-top: -2px;
margin-left: -45px;
}
#field_32_33 legend:before {
content: '2';
}
#field_32_4:before, 
#field_32_5:before, 
#field_32_6:before, 
#field_32_7:before, 
#field_32_8:before, 
#field_32_9:before, 
#field_32_10:before, 
#field_32_11:before, 
#field_32_12:before, 
#field_32_13:before, 
#field_32_14:before, 
#field_32_15:before, 
#field_32_16:before, 
#field_32_17:before, 
#field_32_28:before, 
#field_32_29:before, 
#field_32_30:before, 
#field_32_31:before, 
#field_32_32:before {
background: #02b8d0;
color: #fff;
font-family: 'Gotham Medium', sans-serif; 
width: 30px;
height: 30px;
border-radius: 50%;
display: grid;
justify-content: center;
align-content: center;
float: left;
margin-right: 10px;
margin-top: 7px;
margin-left: -45px;
}
#field_32_30, 
#field_32_31 {
margin-bottom: -8px;
}
#input_32_30 {
height: 50px;
}
#field_32_4:before {
content: '2';
}
#field_32_5:before {
content: '3';
}
#field_32_28:before {
content: '4';
}
#field_32_29:before {
content: '5';
}
#field_32_6:before {
content: '3';
}
#field_32_30:before {
content: '4';
}
#field_32_8:before {
content: '5';
}
#field_32_9:before {
content: '6';
}
#field_32_10:before {
content: '7';
}
#field_32_31:before {
content: '8';
}
#field_32_32:before {
content: '9';
}
#field_32_13:before {
content: '10';
}
#field_32_14:before {
content: '11';
}
#field_32_15:before {
content: '12';
}
#field_32_16:before {
content: '13';
}
#field_32_17:before {
content: '14';
}
#gform_submit_button_32 {
background: #00abc7;
border-radius: 5px;
margin-left: 45%;
margin-top: 20px;
}
#field_32_26 {
text-align: center;
margin-top: 50px;
}
#field_32_26 a {
text-decoration: underline;
}
.gfmc-container {
column-gap: 6em !important;
}
#input_32_17, #input_32_14 {
height: 124px;
}
#gfield_description_32_1, 
#gfield_description_32_33 {
background: transparent;
font-style: italic;
font-size: 12px;
margin-left: -15px;
}
#field_32_27 {
margin-top: 0;
}
#field_32_27 p {
margin: -40px 0 0;
font-size: 14px !important;
}
#field_32_27 p span {
font-family: 'Gotham Bold', sans-serif;
font-weight: bold;
text-decoration: underline;
}
#input_32_1, #input_32_33 {
margin-left: -10px;
}
#field_32_27 ul {
list-style: none;
margin-left: -16px;
}
#field_32_27 li {
font-size: 14px !important;
line-height: 1.1em;
}
#field_32_27 ul li:before {
content: '- ';
}
#input_32_1 label, 
#input_32_33 label {
font-size: 14px !important;
display: flex;
margin-bottom: 10px;
margin-left: 20px;
}
#field_32_4, 
#field_32_5, 
#field_32_7, 
#field_32_28, 
#field_32_29 {
margin-bottom: -15px;
}
#field_32_6 {
margin-bottom: -10px;
}
#field_32_8, 
#field_32_9, 
#field_32_10, 
#field_32_11 {
margin-bottom: -8px;
}
.ui-datepicker {
background: #fafafa;
border: 2px solid #ccc;
border-radius: 5px;
padding: 20px;
margin-top: -30px
}
.ui-datepicker-month {
width: 120px !important;
margin-left: 0 !important;
}
.ui-datepicker-year {
width: 90px !important;
}
.ui-datepicker-prev {
margin: 0 20px 0 3px
}
.ui-datepicker-calendar tr:first-child th, 
.ui-datepicker-calendar tr:first-child td, 
.ui-datepicker-calendar tr:nth-child(2) td {
border: 1px solid #000 !important;
}
.page-id-54010 .btn {
width: fit-content;
text-transform: none !important;
background: #0f2c53;
}
.page-id-54010 h2 {
font-size: 35px !important;
display: flex;
align-items: center;
margin-left: -45px !important;
}
.page-id-54010 h2 img {
width: 75px;
margin-right: 20px;
}
#input_32_13-word-count, 
#input_32_15-word-count, 
#input_32_16-word-count {
color: #fff;
}
.pum-container.pum-responsive.pum-responsive-medium {
padding: 50px;
}
.pum-theme-2344 .pum-title, 
.pum-theme-lightbox .pum-title {
font-family: 'Gotham Bold', sans-serif;
font-size: 24px;
color: #333;
}
.pum-theme-2344 .pum-content, 
.pum-theme-lightbox .pum-content, 
.pum-theme-2344 .pum-content + .pum-close, 
.pum-theme-lightbox .pum-content + .pum-close {
color: #333;
}
.gfield_required {
display: none;
}
ul {
padding:0px;
}
li {
list-style: none;
display: block;
padding: 5px;
}
.house-and-land li {
margin-left: 0;
line-height: 1.1rem;
}
.house-and-land li:before {
content: '- ';
}
#input_32_1 .gfield-choice-input[type="checkbox"], 
#input_32_33 .gfield-choice-input[type="checkbox"] {
opacity: 0;
}
#input_32_1 label:before, 
#input_32_33 label:before  {
content:'';
-webkit-appearance: none;
background-color: transparent;
border: 2px solid #fff;
padding: 7px;
height: 18px;
border-radius: 2px;
cursor: pointer;
margin: 1px 10px 0 -22px;
}
#input_32_1 input:checked + label:after, 
#input_32_33 input:checked + label:after {
content: '';
width: 18px;
height: 18px;
background: #02b8d0;
background-image: url(//www.northharbour.com.au/wp-content/uploads/2022/09/xmark-regular.png);
background-size: 80%;
background-repeat: no-repeat;
background-position: center;
margin-left: -22px;
margin-top: 1px;
border: 2px solid #fff;
border-radius: 2px;
position: absolute;
cursor: pointer;
}
.page-id-54010 .narrow {
width: 80%;
}
.page-id-54010 .narrow p {
text-align: center;
margin-bottom: 50px;
font-size: 25px !important;
line-height: 1.6em;
}
.popmake-content ol {
margin-left: -20px;
}
.popmake-content ol li:before {
content: '\25CF';
margin-right: 10px;
font-size: 12px;
}
.popmake-content ul li {
margin-left: -10px;
margin-top: -5px;
}
#community-grants-application .input-text, 
#community-grants-application input[type="text"], 
#community-grants-application input[type="email"], 
#community-grants-application textarea {
font-family: 'Gotham Light', sans-serif !important;
color: #000 !important;
padding: 15px !important;
font-size: 14px !important;
}
#community-grants-application input[type="text"] {
height: 53px !important;
}
#community-grants-application input[type="text"]::placeholder, 
#community-grants-application textarea::placeholder {
color: #333;
font-weight: 500;
font-family: 'Gotham Medium', sans-serif;
}
#community-grants-application input[type="text"]:focus::-webkit-input-placeholder, 
#community-grants-application textarea:focus::-webkit-input-placeholder {
color: transparent !important;
}
#field_32_30 .textarea, 
#field_32_31 .textarea, 
#field_32_32 .textarea {
height: 53px !important;
}
#field_32_17 .textarea, 
#field_32_14 .textarea {
height: 105px
}
.in-the-media li {
margin-left: -3px;
border-bottom: 1px solid #ccc;
padding-bottom: 20px;
}
#searchsubmit {
line-height: 0.5rem !important;
padding: 10px !important;
}
#searchform {
width: 200px;
font-size: 13px;
font-family: 'Gotham Light', 'Montserrat', sans-serif !important;
}
#searchsubmit.button {
margin-top: 0 !important;
}
#top #s {
border: 1px solid #ccc !important;
padding: 0 10px !important;
height: 40px !important;
font-family: 'Gotham Light', 'Montserrat', sans-serif !important;
}
.search-result-counter {
background: transparent !important;
padding: 0;
border: 0;
display: grid;
align-content: center;
box-shadow: none;
text-align: left;
}
#top .avia-font-entypo-fontello, 
body .avia-font-entypo-fontello, 
html body [data-av_iconfont='entypo-fontello']:before {
font-family: 'entypo-fontello' !important;
padding: 0 !important;
border: 0;
}
.entry-content-header h2 {
margin-bottom: 5px !important;
}
.entry-content-header .entry-title a {
line-height: 1.6rem;
font-family: 'Gotham Medium', 'Montserrat', sans-serif !important;
}
.entry-content-header .post-meta-infos {
display: none;
}
#main-header .one-third {
margin-bottom: 0;
}
.pagination-meta {
font-family: 'Gotham Medium', 'Montserrat', sans-serif !important;
}
#top #header .av-main-nav > li > a {
margin-top: -5px;
}
.blue-btn {
height: 41px;
}
#main-header .one-third {
margin-top: 6px;
}
.wpgmza-basic-list-item .wpgmza_small_img {
width: 30px !important;
margin-top: 10px !important;
}
.wpgmaps_blist_row {
align-items: baseline !important;
min-height: 130px !important;
}
.two-column ol {
list-style-type: decimal;
list-style-position: outside;
margin-left: 17px;
}
.two-column ol li {
list-style: decimal;
margin-left: 0;
display: list-item;
}
.event-box ul li {
margin-left: 0;
padding: 0;
}
.event-box ul li:before {
content: '- ';
}
#features-auto-grid {
display: grid;
grid-template-areas: "a a";
gap: 50px;
grid-auto-rows: 350px;
}
#features-auto-grid > div {
background: grey;
}
#features-auto-grid > div:hover > div {
opacity: 1;
transition: 0.6s;
}
#features-auto-grid > div > div {
height: 100%;
opacity: 0;
padding: 20px;
}
#features-auto-grid > div > div > div:first-child {
width: 70%;
float: left;
margin-right: 5%;
}
#features-auto-grid > div > div > div:last-child {
width: 25%;
float: left;
}
#features-auto-grid > div > div > div:first-child h3 {
color: #fff;
margin-top: 0;
}
#features-auto-grid > div > div > div:first-child p {
font-size: 14px !important;
line-height: 1.3rem;
color: #fff;
}
.features-icon, 
.features-image, 
.features-half-overlay .two-thirds, 
.features-half-overlay .one-third {
height: 470px;
}
.page-id-34968 .skinny {
display: none;
}
.page-id-34968 #archive-research-gateway .skinny {
display: block;
}
.social img {
width: 32px;
}
.page-id-38259 #home-videos {
display: grid;
grid-template-areas: "a a a a a";
gap: 2%;
grid-auto-columns: 17.7%;
margin-bottom: 100px;
}
.page-id-38259 #home-videos div a {
display: grid;
justify-content: center;
font-size: 14px !important;
}
.page-id-52186 #home-videos {
display: grid;
grid-template-areas: "a a a a";
gap: 2%;
grid-auto-columns: 23.5%;
margin-bottom: 100px;
}
.page-id-52186 #home-videos .img, 
.page-id-38259 #home-videos .img {
height: auto;
display: grid;
opacity: 0.8;
justify-content: center;
}
.page-id-52186 #home-videos .img img, 
.page-id-38259 #home-videos .img img {
width: 40px;
}
.page-id-52186 #home-videos .img:before,
.page-id-38259 #home-videos .img:before {
content: '';
padding-top: 4rem;
}
.page-id-52186 #home-videos .img:after, 
.page-id-38259 #home-videos .img:after {
content: '';
padding-bottom: 4rem;
}
.page-id-52186 #home-videos .img:hover img, 
.page-id-38259 #home-videos .img:hover img {
opacity: 0;
transition: 0.6s;
}
.page-id-52186 #home-videos .img:hover, 
.page-id-38259 #home-videos .img:hover {
opacity: 1;
}
.page-id-52186 .btn {
font-size: 13px !important;
padding: 10px;
}
.videos-builder-logo {
display: grid;
justify-content: center;
}
.videos-builder-logo img {
width: auto !important;
height: auto !important;
max-width: 110px !important;
max-height: 40px !important;
margin-bottom: 15px;
}
.builder-learn-more {
display: flex;
}
#top .avia-button-fullwidth, 
.single_toggle p {
font-family: 'Gotham Light', 'Montserrat', sans-serif !important;
font-size: 14px !important;
}
.resource-title {
font-family: 'Gotham Bold', sans-serif !important;
padding: 15px 10px 5px !important;
margin-bottom: 0;
width: auto;
}
#top .avia-button-fullwidth {
width: auto;
}
div .av_one_third {
width: 29.5%;
}
div#n2-ss-1 .n2-ss-slide {
height: 600px !important;
}
#latest-release a:hover {
opacity: 0.6;
transition: 0.6s;
}
.bullet-points ul, .navy-section ul {
margin-left: -25px;
}
.bullet-points ul li, .navy-section ul li {
list-style: disc;
display: flex;
}
.bullet-points ul li:before {
content: '';
background-image: url(//www.northharbour.com.au/wp-content/uploads/2023/11/Bullet-Point.png);
width: 7px;
height: 25px;
display: block;
background-size: 6px;
float: left;
background-position: center;
margin-right: 7px;
background-repeat: no-repeat;
}
.navy-section ul li:before {
content: '';
background-image: url(//www.northharbour.com.au/wp-content/uploads/2023/11/Bullet-Point-Reverse.png);
width: 7px;
height: 25px;
display: block;
background-size: 6px;
float: left;
background-position: center;
margin-right: 7px;
background-repeat: no-repeat;
}
#top-banner {
background-size: cover;
background-position: center;
height: 50vh;
}
.page-id-35955 #top-banner {
height: auto;
}
.page-id-35955 .top-banner-overlay .container {
padding: 120px 0 150px !important;
}
.page-id-35955 .top-banner-overlay .container .btn {
margin-top: 30px;
}
.top-banner-overlay {
background-color: rgba(0,0,0,0.45);
height: 100%;
}
.top-banner-overlay .container {
height: 100%;
display: grid;
align-content: center;
padding: 70px 0 !important;
}
.top-banner-overlay .container .two-thirds {
height: 100%;
display: grid;
align-content: center;
padding-right: 100px;
}
.top-banner-overlay .container .one-third {
background-color: #02b8d0;
padding: 30px;
margin-bottom: 0;
border-radius: 25px;
}
.top-banner-overlay h2 {
font-family: 'Gotham Light', 'Montserrat', sans-serif !important;
font-weight: light;
font-size: 34px !important;
line-height: 44px;
margin-top: 30px;
}
.top-banner-overlay h3 {
font-size: 25px !important;
margin: 0 0 8px !important;
text-align: center;
}
#top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select {
margin-bottom: 0 !important;
}
#input_5_6, #input_3_6, #input_1_5 {
margin-left: -25px;
margin-top: 0;
}
#header #header_main_alternate .container {
max-width: fit-content;
}
.html_header_top.html_bottom_nav_header #header_main_alternate .main_menu>div, .html_header_top.html_bottom_nav_header #header_main_alternate .main_menu ul:first-child {
height: 55px;
}
.padding {
padding: 100px 0;
}
#builders-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-auto-rows: minmax(100px, auto);
grid-auto-flow: dense;
}
#builders-grid div {
display: grid;
align-content: center;
justify-content: center;
}
#builders-grid img {
margin-bottom: 0 !important;
max-height: 50px !important;
max-width: 140px !important;
height: auto;
}
.half-home {
background-color: #0f2c53;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: grid;
align-content: center;
min-height: 400px;
}
a.half-home:hover, #builders-grid a:hover, .package .house-land-name:hover, .package .dark-btn:hover {
opacity: 0.6;
transition: 0.6s;
}
.half-home p:last-child {
padding-bottom: 0 !important;
}
.half-home .dark-btn {
width: fit-content;
}
.inline {
display: flex;
align-items: center;
margin-bottom: 50px;
}
.inline h2 {
margin: 0 !important;
}
.inline .dark-btn {
color: #FFF;
margin: 0 0 0 20px;
}
.btn, #top .gform_wrapper .gform_button {
text-transform: none !important;
letter-spacing: 0;
}
.house-land-name {
color: #0f2c53;
font-family: 'Gotham Medium', sans-serif !important;
font-size: 19px !important;
margin-top: 15px;
margin-bottom: 10px;
line-height: 1.3em;
}
.house-land-builder-logo {
height: 80px;
display: grid;
align-items: center;
justify-content: center;
}
#mega-menu-wrap-avia {
background: transparent;
}
#mega-menu-wrap-avia #mega-menu-avia > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-avia #mega-menu-avia a.mega-menu-link {
font-family: 'Gotham Medium', sans-serif !important;
padding-top: 8px;
font-size: 17px;
padding: 8px 20px;
}
#mega-menu-wrap-avia #mega-menu-avia > li.mega-menu-item > a.mega-menu-link:hover {
opacity: 0.6;
transition: 0.4s;
}
#mega-menu-wrap-avia #mega-menu-avia > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
font-family: 'Gotham Medium', sans-serif;
padding: 0 15px;
color: #0f2c53;
background-color: #FFF;
}
#mega-menu-wrap-avia #mega-menu-avia > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover {
background: #FFF;
color: rgba(15,44,83,0.5);
transition: 0.6s;
}
#mega-menu-wrap-avia #mega-menu-avia > li.mega-menu-flyout ul.mega-sub-menu {
margin-top: 13px;
width: max-content;
min-width: 150px;
}
.contact-cta {
margin-top: 9px;
}
.social-icons img {
width: 30px;
margin-right: 5px;
}
.social-icons img:hover {
opacity: 0.6;
transition: 0.6s;
}
.enquiry-form {
background-color: #02b8d0;
padding: 40px;
border-radius: 25px;
}
.contact-details p {
font-size: 17px !important;
}
#main-header .container {
padding: 0 !important;
}
.accordion {
font-family: 'Gotham Medium', sans-serif !important;
}
.halves {
width: 45%;
margin-right: 10%;
float: left;
}
.halves:last-child {
margin-right: 0;
}
.halves li {
list-style: disc;
display: list-item;
line-height: 27px;
padding: 0;
}
#video-grid, #cta-banner-small {
background-color: #0f2c53;
background-size: cover;
background-position: center;
}
#videos {
display: flex;
justify-content: center;
}
.videos-grid {
width: 32%;
margin-right: 5%;
}
.videos-grid:last-child {
margin-right: 0;
}
.videos-grid .video {
height: 23vh;
}
#cta-banner-large {
background-color: #32BAD0;
background-image: url(//www.northharbour.com.au/wp-content/uploads/2024/02/Slider-Display-Village.jpg);
background-size: 75vw;
background-position: right;
background-repeat: no-repeat;
}
#cta-banner-large .one-third {
margin-bottom: 0;
}
#cta-banner-small .container {
display: grid;
justify-items: center;
text-align: center;
}
#cta-banner-small .btn {
width: fit-content;
margin-top: 20px;
}
#enquiry-footer {
display: grid;
grid-template-areas: "a a";
grid-auto-columns: 50%;
}
#enquiry-footer div {
background-color: #0f2c53;
background-size: cover;
background-position: center;
}
#enquiry-footer div #gform_submit_button_33 {
background-color: #02b8d0;
}
#floorplan {
background-color: #FFF;
}
.form-content {
padding: 15%;
}
.form-content-copy {
width: 41.1em;
padding: 100px 100px 100px 0;
float: right;
}
.btn-container {
margin-top: 20px;
display: flex;
align-items: baseline;
}
.btn-container .btn {
margin-right: 10px;
}
.btn-container .btn:last-child {
margin-right: 0;
}
.narrow .btn-container {
justify-content: center;
}
#display-home-details .btn-container {
margin-top: 50px;
}
.video {
display: grid;
height: 32vh;
margin-top: 23px !important;
}
.video-overlay {
height: 100%;
background-color: rgba(0,0,0,0.6);
display: grid;
align-content: center;
justify-content: center;
justify-items: center;
text-align: center;
}
.video-overlay img {
width: 70px;
}
.video-overlay p {
font-size: 14px !important;
margin-top: 10px;
}
.video:hover .video-overlay {
background-color: rgba(0,0,0,0.2);
transition: 0.6s;
}
.video-heading {
background-color: #54b847;
width: fit-content;
position: absolute;
z-index: 1;
clip-path: polygon(0% 0%, 100% 0%, 95% 100%, 0% 100%);
padding-right: 20px;
}
.video-heading p {
padding: 10px 20px;
color: #FFF;
font-family: 'Gotham Medium', sans-serif !important;
font-weight: bold;
margin-bottom: 0;
line-height: 18px;
}
#infographics {
display: flex;
justify-content: center;
}
#infographics div {
margin-right: 5%;
text-align: center;
width: 100%;
}
#infographics div:last-child {
margin-right: 0;
}
#infographics div img {
max-width: 100px;
max-height: 70px;
}
#infographics div p {
font-family: 'Gotham Medium', sans-serif !important;
line-height: 22px;
font-size: 15px !important;
margin-top: 20px;
color: #0f2c53;
}
#mega-menu-wrap-avia #mega-menu-avia li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu {
padding: 0;
}
#display-village-map {
background-color: #F8F8F8;
}
#display-village-map .narrow {
width: 40vw;
}
#display-village-map h2 {
text-align: center;
color: #0f2c53;
}
#stage-releases h2 {
text-align: center;
color: #0f2c53;
}
#mega-menu-wrap-avia #mega-menu-avia > li.mega-menu-megamenu > ul.mega-sub-menu {
padding: 1% 5%;
background-color: #FFF;
margin-top: 13px;
}
#mega-menu-wrap-avia #mega-menu-avia > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-avia #mega-menu-avia > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item > a.mega-menu-link {
color: #0f2c53 !important;
}
#mega-menu-wrap-avia #mega-menu-avia a.mega-menu-link:hover {
opacity: 0.6;
transition: 0.6s;
}
#mega-menu-wrap-avia #mega-menu-avia > li.mega-menu-megamenu > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-avia #mega-menu-avia > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.mega-menu-item > a.mega-menu-link {
color: #333;
}
#top #searchform {
width: 100%;
}
#top #s {
width: 90%; 
}
input#searchsubmit.button.avia-font-entypo-fontello {
background-color: transparent !important;
}
#land-types {
background-color: #FFF;
}
#land-types h2 {
text-align: center;
color: #0f2c53;
}
#mg-wprm-wrap li.menu-item a, #mg-wprm-wrap li.menu-item-has-children ul.sub-menu a {
text-transform: none;
font-size: 18px;
}
#display-village-home h2 {
text-align: center;
color: #0f2c53;
}
#display-village-home #builders-grid div a img {
max-width: 160px;
max-height: 60px;
width: auto;
margin-bottom: 30px;
}
#introduction .intro-heading {
text-align: center;
margin: 0;
font-size: 28px !important;
line-height: 38px;
}
#image-grid {
display: flex;
}
#image-grid div {
margin-right: 5%;
}
#image-grid div:last-child {
margin-right: 0;
}
.fc-dark #gform_submit_button_5 {
background-color: #0f2c53;
}
.fc-dark #gform_submit_button_3 {
background-color: #02b8d0;
}
.popmake-content ul li, #display-home-details li {
display: list-item;
list-style-type: disc !important;
line-height: 19px;
}
.pum-theme-2343 .pum-title, .pum-theme-default-theme .pum-title {
font-family: 'Gotham Medium', sans-serif;
}
.gfield_checkbox li::marker {
color: #02b8d0;
}
#popmake-61465 .gchoice_3_6_1 {
margin-left: 20px;
}
.mega-sub-menu .mega-menu-link:hover {
color: #333 !important;
}
#gform_submit_button_1 {
margin-top: -50px;
}
#gform_submit_button_3 {
margin-top: -30px;
}
#top .gform_wrapper .gfield_checkbox li label, #top .gform_wrapper .gfield_radio li label {
margin: 0 0 0 25px !important;
display: flex;
line-height: 16px;
}
.latest-land-rel-home {
background-color: #EAE9E4;
background-size: contain;
background-repeat: no-repeat;
background-position: left center;
}
.house-land-home-mob, .house-land-home-mob-copy {
background-size: cover;
background-position: center;
width: 50%;
}
.house-land-home-mob-copy {
background-color: #78bb6e;
width: 50%;
}
.home-columns .padding {
padding: 70px 0;
}
.page-id-35955 #footer {
margin-top: -10px;
}
#aerial-disclaimer {
margin: 0;
padding-top: 10px;
}
#aerial-disclaimer p {
font-size: 10px !important;
line-height: 13px;
}
#input_33_8 {
margin-bottom: 10px !important;
}
#choice_33_6_1 {
margin: 2px 8px 0 0;
}
.gform_submission_error {
font-size: 17px !important;
border: 1px solid #FFF;
padding: 12px;
line-height: 24px;
}
#popmake-61111 #field_33_5 .gform-field-label {
margin-bottom: 5px;
}
.modal {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
opacity: 0;
transition: opacity 0.3s ease;
cursor: pointer;
}
.modal-content {
background-color: #02b8d0;
margin: 15% auto;
padding: 50px 50px 60px;
width: 40%;
cursor: default;
border: none;
border-radius: 3px;
}
.page-id-54010 .modal-content {
background-color: #FFF;
width: 60%;
}
.page-id-54010 .modal-content ul li {
display: list-item;
list-style: disc;
}
.page-id-54010 .modal-content ol li {
display: list-item;
list-style: auto;
}
.modal-content h2 {
font-family: 'Gotham Medium', sans-serif !important;
margin-top: 0 !important;
font-size: 30px !important;
line-height: 38px;
}
.page-id-54010 .modal-content h2 {
color: #0f2c53;
margin-left: 0 !important;
}
.popup-trigger {
cursor: pointer;
display: inline-block;
padding: 13px 20px;
border: none;
font-size: 18px !important;
}
.close {
background-color: transparent;
right: 25%;
top: 25%;
font-size: 30px !important;
}
.close:hover {
background-color: transparent;
opacity: 0.6;
}
.video-caption {
z-index: 1;
}
.enquire-btn {
width: 100%;
}
.default-thumbnail {
background-size: contain !important;
background-repeat: no-repeat;
}
#top-banner {
position: relative;
background-size: cover;
background-position: center;
height: 50vh;
}
.top-banner-img-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.4);
display: flex;
align-items: end;
}
.top-banner-img-overlay .container {
position: relative;
z-index: 1;
}
.top-banner-img-overlay .container {
padding: 50px;
}
.top-banner-img-overlay-content {
text-align: right;
}
.top-banner-img-overlay-content h2, .top-banner-img-overlay-content p {
color: #FFF;
}
.top-banner-img-overlay img {
height: 100%;
width: auto;
position: absolute;
}
.top-banner-img-overlay-content .modal {
background-color: rgba(0,0,0,0.8);
align-items: center;
}
.top-banner-img-overlay-content #openModal {
border: none;
font-size: 21px !important;
}
.top-banner-img-overlay-content .modal-content {
background-color: #02b8d0;
padding: 50px;
border: none;
text-align: left;
max-width: 45%;
}
.top-banner-img-overlay-content .modal-content legend {
color: #FFF;
font-family: 'Gotham Medium', 'Montserrat', Helvetica, sans-serif;
font-weight: 600;
font-size: 19px !important;
}
.top-banner-img-overlay-content .modal-content fieldset {
padding: 0;
margin: 0;
}
.gfield-choice-input {
appearance: none;
width: 17px;
height: 17px;
border: 1px solid #FFF;
border-radius: 4px;
margin-right: 5px;
background-color: rgba(255, 255, 255, 0.2);
}
.gform-field-label--type-inline {
vertical-align: middle;
}
.gfield-choice-input:checked {
background-image: url(//www.northharbour.com.au/wp-content/uploads/2024/03/check-solid.png);
background-color: rgba(255, 255, 255, 1);
background-size: 87%;
background-repeat: no-repeat;
background-position: center;
}
body .gform_wrapper .gform_validation_container {
display: none;
}
#field_34_9 {
display: inline;
}
#gform_submit_button_34 {
background-color: #FFF;
color: #02b8d0 !important;
}
.top-banner-img-overlay-content .modal-content .gchoice {
display: flex;
margin-top: 5px;
}
.top-banner-img-overlay-content .modal-content .gfield_checkbox label {
margin-left: 5px;
margin-top: -1px;
font-size: 14px !important;
color: #FFF;
display: flex;
}
.top-banner-img-overlay-content .close {
background-color: transparent;
margin-right: -220px;
float: right;
position: relative;
margin-top: -140px;
font-size: 25px !important;
}
#field_34_1 {
margin-bottom: 0 !important;
}
.top-banner-img-overlay-content .modal-content #top input[type="email"], .top-banner-img-overlay-content .modal-content #top input[type="text"] {
margin-bottom: 10px !important;
}
.masonry {
grid-template-areas: "a a";
display: grid;
gap: 70px;
grid-auto-columns: 47.5%;
}
.image-item {
margin: 0;
}
ol.d li {
display: list-item;
list-style-type: lower-alpha;
}
ol.d ol > li {
list-style-type: lower-roman;
}
ol.d ol > li > ol > li {
list-style-type: disc;
}
.single-post li {
list-style: disc;
}
.featured-image {
display: grid;
background-size: cover;
background-position: center;
}
.featured-image:before {
content: '';
padding-top: 60%;
}
#display-home-details .display-home-stats img, .builder-contact img  {
width: auto;
}
.wprmenu_bar .hamburger-inner, .wprmenu_bar .hamburger-inner::before, .wprmenu_bar .hamburger-inner::after {
background: #0f2c53 !important;
}
.notification-bar {
background: #0f2c53;
text-align: center;
padding: 0.5rem 0;
display: none;
}
.page-id-35955 .notification-bar {
display: block;
}
.notification-bar p {
color: #FFF;
font-size: 13px !important;
margin: 0;
}
.notification-bar p a {
margin-left: 10px;
display: inline-block;
width: fit-content;
line-height: 1.2;
color: #FFF;
}
.notification-bar p a:hover {
color: #FFF;
}
.notification-bar p a:after {
display: block;
content: '';
width: 0%;
height: 1px;
background: #FFF;
transition: width 0.6s ease;
}
.notification-bar p a:hover:after {
width: 100%;
}
body .gform_wrapper {
display: block !important;
opacity: 1 !important;
visibility: visible !important;
}
@media (orientation: landscape) and (max-width: 1199px) and (min-width: 901px), (orientation: portrait) and (max-width: 1199px) and (min-width: 701px)
div#n2-ss-1 .n2-ss-slide-limiter {
max-width: 100%;
}
@media only screen and (max-width: 1500px) {
.responsive .container {
max-width: 1250px;
}
}
@media only screen and (max-width: 1400px) {
#builder-contact .one-half .left-content, 
#display-home-details .one-half .left-content {
width: 90%;
padding: 100px 90px 90px 0;
display: block !important;
float: right !important;
}
.responsive .container {
max-width: 1100px;
}
#mega-menu-wrap-avia #mega-menu-avia > li.mega-menu-item > a.mega-menu-link, #mega-menu-wrap-avia #mega-menu-avia a.mega-menu-link {
font-size: 14px;
padding: 8px 7px;
}
}
@media only screen and (max-width: 1366px) {
.n2-section-smartslider {
width: 84%;
margin: 0 auto;
}
#top-banner {
height: auto;
}
.top-banner-overlay .container .two-thirds {
padding-right: 0;
}
}
@media only screen and (max-width: 1360px) {
#builder-contact .one-half .left-content, 
#display-home-details .one-half .left-content {
width: 91%;
padding: 100px 90px 90px 0;
display: block !important;
float: right !important;
}
#main-header {
display: initial;
}
#avia-menu {
width: 90%;
margin: 0 auto;
}
#main-header .container {
max-width: 97%;
margin: 0 auto;
padding: 0 !important;
}
#display-home-form #input_2_1, 
#display-home-form #input_2_2,
#display-home-form #input_2_3 {
width: 32.7%;
}	
#home-videos {
grid-template-areas: "a a a a";
grid-auto-columns: auto;
}
}
@media only screen and (max-width: 1280px) {
.home-columns {
width: 85%;
margin: 0 auto;
}
#footer .container, .responsive #top #wrap_all .container {
width: 85%;
}
#custom_html-3 {
margin-top: 50px !important;
}
}
@media only screen and (max-width: 1160px) {
#display-home-form #input_2_1, 
#display-home-form #input_2_2, 
#display-home-form #input_2_3 {
width: 32.6%;
}
}
@media only screen and (max-width: 1120px) {
#display-home-form #input_2_1, 
#display-home-form #input_2_2, 
#display-home-form #input_2_3 {
width: 32.4%;
}
.page-id-52186 #home-videos {
grid-template-areas: "a a a";
}
}
@media only screen and (max-width: 1110px) {
#main-header, #header_main {
display: none;
}
.news {
margin-top: 29px;
}
}
@media only screen and (max-width: 1024px) {
.responsive .container {
width: 85%;
}
.filter-col {
width: 24% !important;
}
.top-banner-overlay .container .two-thirds, .top-banner-overlay .container .one-third {
width: 50%;
}
.top-banner-overlay .container, #footer .container, #socket .container, #display-village-home .container, #aerial-disclaimer .container {
width: 85%;
}
#aerial-disclaimer {
padding-top: 20px;
padding-bottom: 20px;
}
.marina-disclaimer {
display: block;
margin-top: 20px;
}
.footer-divider {
display: none;
}
#builders-grid {
grid-template-columns: repeat(4, 1fr);
}
.page-h1 {
width: 100%;
}
.n2-section-smartslider {
width: 89%;
margin: 0 auto;
}
.page-id-52186 #home-videos, 
#home-videos {
grid-template-areas: "a a";
}
#gform_submit_button_32 {
margin-left: 37%;
}
.page-id-54010 .half:last-child {
margin-top: 50px;
}
.page-id-54010 h2 {
font-size: 25px !important;
margin-left: -8px !important;
}
.gfmc-container {
display: block !important;
padding-left: 40px
}
.half-no-margin {
width: 100%;
}
#gform_submit_button_4 {
padding: 10px !important;
}
#parks-banner .container {
display: block !important;
width: 70%;
}
#image-map-pro-5471 {
width: 100%;
}
.park .container {
display: block;
}
.img-container {
text-align: left;
margin-top: 50px;
height: 286px;
}
.mfp-zoom-in.mfp-ready.mfp-bg, 
.mfp-zoom-in.mfp-ready .mfp-preloader {
z-index: 9999999;
}
.mfp-wrap {
z-index: 9999999;
}
div.avia-popup .mfp-close {
right: -100px !important;
}
.wp-bottom-menu {
display: none !important;
}
#builder-introduction .narrow {
width: 75%;
max-width: 75%;
}
#builder-section h2 {
width: 50%;
}
#builder-homes .two-thirds {
width: 80%;
}
.flex {
display: block;
}
#builder-contact .one-half {
width: 100%;
}
#builder-contact .one-half .left-content {
width: 95%;
column-count: 2;
}
#builder-homes .one-third {
width: 48.5%;
}
#main-header {
display: none;
}
.news, 
.covid {
margin-top: 29px;
}
#floorplan .one-third {
width: 30%;
}
#header_main {
display: none;
}
#wprmenu_bar {
background: #f8f8f8;
}
#display-home-gallery {
height: 350px;
}
#display-home-gallery .buttons {
margin: 0 auto;
background: #333;
margin-left: -9%;
width: 118%;
}
#display-home-gallery .buttons a {
background: rgba(51,51,51,1);
width: auto;
display: flex;
align-items: center;
}
#display-home-gallery .buttons a:hover {
opacity: 1;
}
#display-home-gallery .container {
width: 100% !important;
max-width: 100% !important;
}
#display-home-gallery .buttons .fa-light, 
#display-home-gallery .buttons img {
margin-bottom: 0;
margin-right: 10px;
}
#floorplan .container {
display: flex;
flex-direction: column-reverse;
}
#floorplan .one-third, 
#floorplan .two-thirds {
width: 100%;
}
#display-home-details .container {
display: block;
padding-bottom: 0;
}
#display-home-details .container .half {
width: 100%;
}
.display-home-form {
padding: 9%;
width: 118%;
margin-left: -9%;
margin-top: 50px;
}
#floorplan .one-third {
margin-right: 0;
}
.img {
height: 300px;
}
#builder-section h2 {
width: 100%;
}
#builder-introduction .half:last-child {
margin-top: 70px;
}
}
@media only screen and (max-width: 820px) {
.page-navigation {
display: none !important;
}
.responsive .container {
margin-top: 0;
}
.page-h1 h1 {
font-size: 40px !important;
}
.brand-container {
display: block;
}
#display-village-maps .narrow {
width: 100%;
}
#display-village-maps .container .half:first-child {
border-right: 0;
margin-bottom: 100px;
}
#image-map-pro-5471 {
width: 100%;
}
#builder-section:nth-child(even) .container .flex {
display: block;
}
#builder-section:nth-child(even) .half:first-child {
margin-left: 0;
}
.news, .covid {
margin-top: 45px;
}
#builder-breadcrumb .container .padding-sml {
margin-top: 0 !important;
}
#builder-breadcrumb {
background: #f8f8f8;
width: 100%;
}
.brand-container {
display: flex;
height: auto;
}
#builder-section:nth-child(odd) .container {
padding: 80px 0;
}
#builder-section .two-column {
column-gap: 5%;
}
#builder-homes .two-thirds {
width: 100%;
}
#builder-banner {
height: 350px;
}
.brand-container img {
max-width: 150px;
max-height: 80px;
margin: 0 auto;
}
.brand-container .half:first-child {
width: 180%;
}
.brand-container h1 {
font-size: 25px !important;
}
#builder-homes .one-third {
width: 48.5%;
margin-right: 3%;
}
#builder-homes .one-third:last-child, 
#builder-homes .one-third:nth-child(2n) {
margin-right: 0;
}
#display-home-details .container {
display: block;
padding-bottom: 0;
}
#display-home-details {
margin-top: 60px;
padding-top: 30px;
}
#socket {
margin-bottom: 0 !important;
}
.img {
height: 400px;
}
#display-village-maps h3 {
display: grid;
justify-items: center;
}
.now-open {
margin-top: 10px;
margin-left: 0;
}
.udia-award img {
margin-bottom: 30px;
}
}
@media only screen and (max-width: 768px) {
.padding {
padding: 50px 0;
}
.videos-grid .video {
height: 12vh;
}
.video-overlay img {
width: 40px;
}
#cta-banner-large {
background-image: none;
}
.html_stretched #wrap_all {
margin-top: 30px;
}
#top-banner {
height: 27vh;
}
.modal-content, .top-banner-img-overlay-content .modal-content {
max-width: 70%;
padding: 50px;
height: fit-content;
}
.close {
top: 18vh;
right: 12px;
}
#top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select, #field_33_5 .gform-field-label  {
font-size: 17px;
}
#field_33_8 .gform-field-label, #field_33_5 .gform-field-label, #field_33_6 .gform-field-label {
text-align: left;
}
#gform_submit_button_4 {
float: left;
width: 95% !important;
margin: -17px 0 0 5px;
}
#custom_html-3 {
margin-top: 50px !important;
}
#builders-grid {
grid-template-columns: repeat(3, 1fr);
}
#builders-grid {
grid-auto-rows: minmax(87px, auto);
}
#gform_submit_button_3 {
float: right !important;
width: 99.2% !important;
margin-top: -19px;
}
.home-columns, .home-columns:nth-child(even) {
width: 100%;
display: flex;
}
.half-home {
width: 50%;
}
.latest-land-rel-home, .latest-land-rel-home-copy {
width: 50%;
float: left;
}
#gform_fields_3 {
column-count: 2;
}
#house-and-land-packages .container:last-child {
padding-top: 0;
}
#top-banner, .top-banner {
margin-top: 0;
}
.top-banner-overlay .container .two-thirds, .top-banner-overlay .container .one-third {
width: 100%;
}
.top-banner-overlay .container .two-thirds {
padding-right: 0;
height: auto;
}
#display-home-form #input_2_1, 
#display-home-form #input_2_2,
#display-home-form #input_2_3 {
width: 100%;
}
#display-home-form #input_2_1 {
margin-bottom: 20px !important;
}
#display-home-form #input_2_2 {
margin-bottom: 30px !important;
}
.n2-section-smartslider {
margin-top: 45px;
}
div#n2-ss-1 .n2-ss-slide {
height: 256px !important;
}
}
@media only screen and (max-width: 480px) {
.latest-land-rel-home, .latest-land-rel-home-copy, .half-home {
width: 100%;
}
.home-columns, .home-columns:nth-child(even) {
display: block;
}
#gform_fields_3 {
column-count: 1;
}
.btn-container {
display: block;
}
.house-land-home-mob, .latest-land-rel-home {
width: 100%;
min-height: 250px;
height: 250px;
}
.house-land-home-mob-copy {
width: 100%;
}
.dark-btn {
height: auto !important;
min-height: 10px !important;
}
.btn-container a {
margin-bottom: 15px;
}
#gform_submit_button_4 {
float: left !important;
width: 97% !important;
margin: -17px 0 0 5px;
}
.top-banner-overlay .container .one-third {
padding: 20px; 
}
.home-columns {
width: 100%;
}
div#n2-ss-1 .n2-ss-slide {
height: 391px !important;
}
.n2-section-smartslider {
margin-top: 0;
width: 100%;
}
.wp-bottom-menu {
display: flex !important;
}
.brand-container {
display: grid;
width: 100%;
margin: -75px auto 0;
}
.brand-container .half:first-child {
width: 100%;
}
.brand-container .half {
border-right: 0;
border-bottom: 1px solid #fff;
}
.brand-container h1 {
margin: 10px 0 20px;
}
.brand-container .half:last-child {
margin: 35px 0 10px;
}
#builder-banner {
height: 250px;
}
#builder-introduction .narrow {
width: 100%;
max-width: 100%;
margin-top: 30px;
}
#builder-section h2 {
width: 100%;
}
#builder-section .two-column {
column-count: 1;
}
#builder-homes .two-thirds .one-half {
width: 100%;
}
#builder-contact .one-half .left-content {
column-count: 1;
width: 100%;
padding: 80px 30px;
}
#builder-contact .one-half:last-child {
padding: 80px 30px;
}
.padding {
padding: 80px 30px;
}
#builder-breadcrumb .padding-sml {
padding: 20px 0 15px !important;
text-align: center;
}
#builder-homes .one-third {
width: 100%;
margin-right: 0;
margin-bottom: 9%;
}
#display-home-gallery {
height: 200px;
}
#display-home-gallery .buttons {
margin: 0 auto;
background: #333;
margin-left: -9%;
width: 118%;
}
#display-home-gallery .buttons a {
background: rgba(51,51,51,1);
width: auto;
display: flex;
align-items: center;
}
#display-home-gallery .buttons a:hover {
opacity: 1;
}
#display-home-details {
margin-top: 60px;
}
#display-home-details h1 {
margin-bottom: 10px !important;
}
#floorplan .two-thirds {
margin-bottom: 60px;
}
#floorplan .modal-content {
width: 95%;
padding: 40px 20px 20px;
}
#floorplan .close {
right: 0%;
top: 13%;
font-size: 30px !important;
}
#floorplan {
scroll-margin-top: 200px;
}
.grecaptcha-badge {
position: absolute !important;
bottom: 0;
}
p, p1, body, li {
font-size: 16px !important;
}
.mfp-zoom-in.mfp-ready.mfp-bg, 
.mfp-zoom-in.mfp-ready .mfp-preloader {
z-index: 999999;
}
#wprmenu_bar div.hamburger {
margin-top: 0;
}
#builder-homes .two-thirds .one-half:first-child {
height: 200px;
}
.img-container {
height: 200px;
}
#parks-banner .container {
width: 100% !important;
padding: 80px 0 !important;
}
.padding-sml {
padding: 0 !important;
}
.page-id-54010 h1 {
font-size: 1.1em !important;
}
#community-grants-application input[type="text"], 
#community-grants-application textarea {
font-size: 13px !important;
padding: 10px !important;
}
#field_32_1, 
#field_32_27, 
#field_32_4, 
#field_32_5, 
#field_32_6, 
#field_32_7, 
#field_32_8, 
#field_32_9, 
#field_32_10, 
#field_32_11, 
#field_32_12, 
#field_32_13, 
#field_32_14, 
#field_32_15, 
#field_32_16, 
#field_32_17, 
#field_32_28, 
#field_32_29, 
#field_32_30, 
#field_32_31, 
#field_32_32 {
margin-left: -40px;
}
#field_32_1 legend:before, 
#field_32_4:before, 
#field_32_5:before, 
#field_32_6:before, 
#field_32_7:before, 
#field_32_8:before, 
#field_32_9:before, 
#field_32_10:before,
#field_32_11:before, 
#field_32_12:before, 
#field_32_13:before, 
#field_32_14:before, 
#field_32_15:before, 
#field_32_16:before, 
#field_32_17:before, 
#field_32_28:before,
#field_32_29:before, 
#field_32_30:before, 
#field_32_31:before, 
#field_32_32:before {
display: none;
}
#input_32_13 {
margin-top: -7px !important;
}
#input_32_14, 
#input_32_15, 
#input_32_16 {
margin-top: 10px !important;
}
#input_32_13-word-count, 
#input_32_15-word-count, 
#input_32_16-word-count {
margin-bottom: 20px
}
#gform_submit_button_32 {
margin-left: 25%;
}
.page-id-54010 .narrow {
width: 100%;
}
.page-id-54010 .narrow p {
font-size: 16px !important;
text-align: left;
font-family: 'Gotham Medium', sans-serif !important;
color: #003961;
margin-bottom: 30px;;
}
.page-id-54010 .btn {
margin: 20px 0 0;
width: 100%;
text-align: center;
padding: 15px;
}
#field_32_30 .textarea, 
#field_32_31 .textarea, 
#field_32_32 .textarea {
min-height: 61px !important;
}
#field_32_31 {
margin-bottom: -9px;
}
#field_32_17 .textarea {
height: 170px !important;
margin-top: 7px;
}
.page-id-52186 #home-videos, 
#home-videos, .page-id-38259 #home-videos {
grid-template-areas: "a";
}
.page-id-52186 #home-videos, 
.page-id-38259 #home-videos{
grid-template-areas: "a";
grid-auto-columns: 100%;
gap: 2em;
}
.videos-builder-logo {
width: 50%;
}
.page-h1, .videos-grid, .halves {
width: 100%;
margin: 0;
}
#top-banner {
margin-top: 0;
}
#cta-banner-large {
background-image: none;
}
#enquiry-footer {
grid-template-areas: "a";
grid-auto-columns: 100%;
} 
.form-content {
padding: 30px;
}
.halves:last-child {
margin-top: 50px;
}
#infographics {
display: block;
}
#builders-grid {
grid-template-columns: repeat(2, 1fr);
grid-auto-rows: minmax(80px, auto);
gap: 20px;
}
div .flex_column {
float: none;
position: inherit;
min-height: 50px;
}
#footer .widget {
margin: 0;
}
section#text-2.widget.clearfix.widget_text {
display: block;
}
.home-columns a {
min-height: 250px;
height: 250px;
}
#display-village-home h2 {
margin-top: 80px !important;
display: inline-flex;
}
#display-village-map .narrow {
width: 100%;
}
#videos {
display: block;
}
.modal-content {
width: 90%;
padding: 50px 20px;
}
.top-banner-overlay h2, #introduction .intro-heading {
font-size: 25px !important;
line-height: 35px;;
}
.btn {
padding: 12px 27px 10px;
font-size: 19px !important;
width: 100%;
letter-spacing: 0;
}
#top-banner {
height: 24vh;
}
.top-banner-img-overlay-content #openModal {
width: min-content;
line-height: 23px;
}
.top-banner-img-overlay .container {
height: 220px;
text-align: right;
display: grid;
justify-items: end;
align-items: center;
}
.top-banner-img-overlay-content {
max-width: 100%;
}
.top-banner-img-overlay .close {
margin-right: -40px;
}
.top-banner-img-overlay-content .popup-trigger {
width: min-content;
}
.videos-grid .video {
height: 24vh;
}
.html_stretched #wrap_all {
margin-top: -15px;
}
.modal-content, .top-banner-img-overlay-content .modal-content {
max-width: 85%;
padding: 20px;
}
.top-banner-img-overlay-content .close {
position: inherit;
}
#introduction .intro-heading {
margin-bottom: -70px !important;
}
.notification-bar {	
margin-top: 2rem;
margin-bottom: 1rem;
}
.responsive #top #main {
margin-top: 0 !important;
}
#top-banner {
margin-top: 45px;
height: auto;
}
.home #top-banner {
margin-top: 0;
}
.enquiry-form {
padding: 2rem 1rem;
margin-bottom: 2rem;
}
}