/*
Theme Name:         Sage Starter Theme
Theme URI:          https://roots.io/sage/
Description:        Sage is a WordPress starter theme. <a href="https://github.com/roots/sage">Contribute on GitHub</a>
Version:            8.2.1
Author:             Roots
Author URI:         https://roots.io/

License:            MIT License
License URI:        http://opensource.org/licenses/MIT
*/
.page-template-default header.banner{
	border: none;
	margin-bottom: 0 !important;
}
.page-template-default .padded-container{
	overflow-x: hidden;
	padding: 0;
    border: 0;
}
.page-template-default .padded-container>div {
    width: 100% !important;
    max-width: 100% !important;
}
div.dc-fwparagraph.headingGrey.subContent{
	margin-bottom: 40px;
}
div.dc-fwparagraph.headingGrey.subContent p *{
	font-size: 24px !important;
	line-height: 30px !important;
}
#dynamicLayout section.endSection+section{
	border: none;
}
#dynamicLayout .information{
	border-top: none !important;
}
.suburbsList {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); /* auto-fit will fill available space */
    gap: 1px; /* Space between grid items */
    text-align: left;
    margin-top: 7%;
    margin-left: auto; /* Centers the grid layout */
    margin-right: auto;
    width: 76%; /* Adjust as needed for full-width alignment */
    color: var(--BRAND-GREY, #262626);
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
    line-height: 30px;
}

div.nsSection.nsTwoCol.layout-imgLeft.row, div.nsSection.nsTwoCol.layout-imgRight.row{
	align-items: center;
    align-content: center;
}
/*
@media (min-width: 1024px) {
    #dynamicLayout.nsContentWrap {
        margin-top: -60px;
    }
}
*/
@media (min-width: 768px){
	.page-template-default .main{
		padding: 0;
	}
}
@media (min-width: 1024px){
	.dc-twocolImg.subContent{
		margin-bottom: 120px;
	}
	section.bannerCTA.nsContent.padV2.bg.bgOrange.endSection {
        width: 100%;
    }
	div.nsContentWrap.agentLogoWrap{
		width: 100%;
    	margin: 0 auto;
	}
}
@media (min-width: 769px) and (max-width: 1024px) {
    div.dlContent {
        margin-left: 0;
		margin-right: 0;
    }
	div.dc-fwparagraph.headingGrey.subContent{
		width: 100%;
	}
	div.nsSection.nsTwoCol.layout-imgRight.row, div.nsSection.nsTwoCol.layout-imgLeft.row{
		width: unset;
	}
}

@media (max-width: 768px){
	.agentLogoWrap.nsContentWrap{
		border-left: none;
		border-right: none;
		border-bottom: none;
	}
	.suburbsList {
		font-size: 16px;
	}
}
@media (max-width: 540px){
	.suburbsList {
		grid-template-columns: repeat(auto-fill, minmax(48%, 1fr)) !important;
	}
}