html {
overflow-x: hidden;
}
.main .dynamicWrapper p {
font-size: 17px;
line-height: 22px
}
.dynamicWrapper i,
.dynamicWrapper em {
font-style: normal !important;
}
.dlWrapper {
padding-left: 110px;
padding-right: 110px;
}
.strong {
font-weight: 700 !important
} #dynamicLayout {
border: 0px
}
#dynamicLayout section:first-child {
border-top: 1px solid #eaeaea
}
#dynamicLayout section:last-child {
border-bottom: 1px solid #eaeaea
}
#dynamicLayout section {
border-left: 1px solid #eaeaea;
border-right: 1px solid #eaeaea;
}
#dynamicLayout section.endSection {
border-bottom: 1px solid #eaeaea
}
#dynamicLayout section.endSection+section {
margin-top: 25px;
border-top: 1px solid #eaeaea
}
#dynamicLayout div:last-of-type,
#dynamicLayout div:last-of-type *:last-child {
margin-bottom: 0
}
.page-template-template_dynamic-layout .footer-service-areas {
margin-top: 25px
}
.page-template-template_dynamic-layout .padded-container {
padding: 0;
border: 0;
background: transparent
}
.page-template-template_dynamic-layout .padded-container>div {
width: 100% !important;
max-width: 100% !important;
}
.page-template-template_dynamic-layout .main {
margin-top: 0;
padding: 0
}
.page-template-template_dynamic-layout header.banner {
margin-bottom: 0 !important
}
#dynamicLayout.dynamicLayout .heroContentTxt h1 {
width: 604px;
width: 634px;
max-width: 100%;
}
.nsContentHero {
height: 500px
}
.dc-fwparagraph {}
.subContent {
margin-bottom: 50px
}
.subContent:last-child {
margin-bottom: 0
}
.dc-twocolImg>.row {
display: flex;
margin-left: -30px;
margin-right: -30px;
flex-direction: row;
flex-wrap: wrap;
}
.dc-twocolImg.imgLeft>.row {
flex-direction: row-reverse;
}
.dc-twocolImg>.row>div {
padding-left: 30px;
padding-right: 30px
}
.dc-twocolImg .nsImg img {
border: 1px solid #eaeaea
}
.persuasive h3 {
font-weight: bold !important;
margin-bottom: 16px;
}
.perParagraph {
margin-bottom: 40px;
font-size: 20px;
line-height: 26px;
}
.bodycopy .perParagraph {
font-size: 17px;
line-height: 24px
}
.perAdd {
font-size: 20px;
line-height: 26px;
}
.layout-imgLeft {
flex-direction: row-reverse;
display: flex;
}
.list {
display: flex;
flex-wrap: wrap; }
.checklist .list .listItem {
width: 100%;
margin-bottom: 10px !important;
padding: 0 !important
}
.checklist .list .listItem h3 {
background: url(//selectrical.com.au/wp-content/themes/selectrical/css/assets/images/checkOrange.svg) no-repeat;
background-position: left 7px;
}
.checklist .blackList .list .listItem h3 {
background: url(//selectrical.com.au/wp-content/themes/selectrical/css/assets/images/checkBlack.svg) no-repeat;
background-position: left 7px;
font-family: "Helvetica" !important;
}
.checklist .whiteContent .list .listItem h3 {
background: url(//selectrical.com.au/wp-content/themes/selectrical/css/assets/images/checkWhite.svg) no-repeat;
background-position: left 7px;
font-family: "Helvetica" !important;
}
.checklist .blackList,
.checklist .whiteContent {
padding-bottom: 25px
}
.whiteListWrapper {
background-color: #e2723b !important;
color: #fff !important
}
.whiteListWrapper h1,
.whiteListWrapper h2,
.whiteListWrapper h3,
.whiteListWrapper h4,
.whiteListWrapper h5,
.whiteListWrapper h6 {
color: #fff !important
}
.checklist .whiteContent .listItem h3 {
color: #fff;
}
.checklist .list {
columns: 3;
column-count: 3;
column-gap: 25px;
column-rule: none;
margin-left: 0;
padding-left: 0;
margin-bottom: 0;
display: list-item;
list-style: none;
}
.headingBrandLogos {
text-align: center;
margin-bottom: 30px
}
.brandLogoImage {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.brandLogoImage>div {
margin: 10px 30px
}
.brandLogoImage img {
height: 66px;
width: auto;
}
@media screen and (max-width:820px) {
.checklist .list {
columns: 2;
column-count: 2;
}
}
@media screen and (max-width: 500px) {
.checklist .list {
columns: 1;
column-count: 1;
}
.numberedList {
counter-reset: list-number;
}
}
.numberedList .listItem {
counter-increment: list-number;
}
.listItem {
flex: 0 0 50%;
width: 50%;
margin-bottom: 50px !important;
padding-left: 30px;
padding-right: 30px
}
.threeCol .listItem {
flex: 0 0 33.33%;
width: 33.33%;
margin-bottom: 50px !important;
padding-left: 15px;
padding-right: 15px
}
.threeCol .list {
margin-left: -15px;
margin-right: -15px;
}
.layout-logoParagraph .nsTxt {
padding-left: 60px
}
.layout-logoParagraph .nsTxt,
.layout-logoParagraph .nsTxt p {
color: #7C7C7C;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 30px;
font-family: 'Helvetica';
}
.layout-logoParagraph {
display: flex;
flex-direction: row;
align-items: center;
}
.subContent.dc-logoParagraph {
margin-bottom: 60px;
}
.layout-logoParagraph.row {
margin-left: 0;
margin-right: 0
}
.imgGoogleReview {
width: 168px;
}
@media screen and (max-width:820px) {
.layout-logoParagraph {
flex-direction: column;
align-items: flex-start;
}
.layout-logoParagraph>div {
min-width: 100%;
}
.layout-logoParagraph .nsTxt {
margin-top: 40px;
padding-left: 0px
}
.heroContainer h1 br {
display: none;
}
}
@media screen and (max-width:1000px) {
.threeCol .listItem {
flex: 0 0 50%;
width: 50%;
}
}
@media screen and (max-width: 600px) {
.threeCol .listItem {
flex: 0 0 100%;
width: 100%;
}
.perParagraph h2 br {
display: none;
}
}
.centerItem .listItem {
text-align: center;
}
.centerItem .perParagraph {
margin-bottom: 60px
}
.centerItem .persIconImage {
height: 100px
}
.centerItem .persIconImage img {
width: auto
}
.numberedList .listItem:before {
background: #fff;
content: counter(list-number);
font-family: "Helvetica";
display: flex;
font-size: 38px;
line-height: 40px;
border: 4px solid #E2723B;
width: 100px;
height: 100px;
border-radius: 50%;
align-items: center;
justify-content: center;
font-weight: 600;
color: #e2723b;
margin-bottom: 20px
}
.checklist .numberedList .listItem:before {
display: none
}
.bannerCTA .dlContent {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
text-align: center;
}
.ctaContent {
margin-bottom: 30px;
}
.ctaBtn a {
color: #fff;
background: #f26b27;
display: inline-block;
padding: 14px 32px;
border-radius: 6px;
font-weight: 600;
font-size: 24px;
line-height: 30px;
border: 2px solid #fff;
font-weight: 700;
}
.ctaBtnWrapper {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.ctaBtn a:hover {
text-decoration: none;
}
.ctaBtnWrapper>div {
margin: 0 10px
}
.bgWhite {
background-color: #fff !important
}
.bgGreyLight {
background-color: #f5f5f5 !important
}
.bgGreyLighter {
background-color: #f8f8f8 !important
}
.bgOrange .ctaBgWhite a {
background-color: #fff;
color: #E2723B !important
}
.bgOrange .ctaBgWhite a:hover {
background-color: #000;
color: #fff !important;
border-color: #000
}
.bgOrange .ctaBorderedWhite a {
background-color: transparent;
}
.bgOrange .ctaBorderedWhite a:hover {
background-color: #000;
color: #fff !important;
border-color: #000
}
.listIcon {
margin-bottom: 20px !important
}
.noticon_butimage .listIcon {
width: 100%;
padding-bottom: 56.66%;
overflow: hidden;
position: relative;
}
.noticon_butimage .listIcon img {
width: 100% !important;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.noticon_butimage .noImgPersuasive {
background: #eaeaea
}
.noticon_butimage .noImgPersuasive img {
width: 117px !important
}
.listIcon img {
width: 100px
}
.titleInline .persContent h3 {
display: none;
}
.persIconImage h3 {
display: none;
}
.titleInline .persIconImage {
display: flex;
align-items: center;
flex-direction: row;
}
.titleInline .persIconImage h3 {
display: block;
}
.titleInline .persIconImage img {
width: 80px;
margin-right: 20px
}
.w1080 {
width: 1080px;
max-width: 100%;
display: inline-block;
}
.w800 {
width: 100%;
max-width: 800px;
display: inline-block;
}
.faqSection {
color: #000
}
.faqItem {
border-top: 1px solid #D9D9D9;
}
.faqItem:last-child {
border-bottom: 1px solid #D9D9D9;
}
.faqTitle * {
color: var(--darkblue);
font-weight: 700;
}
.faqTitle h4,
.faqTitle .h4 {
border: 0;
padding-left: 0;
padding-right: 0;
width: 100%;
outline: none;
text-align: left;
cursor: pointer;
background: transparent;
padding-top: 23px !important;
padding-bottom: 23px !important;
position: relative;
margin-bottom: 0 !important;
padding-right: 50px;
font-size: 20px;
line-height: 26px;
font-weight: 700 !important;
color: #000;
}
.faqTitle h4:before,
.faqTitle .h4:before {
content: '';
width: 30px;
height: 3px;
background: #e07444;
position: absolute;
right: 4px;
top: 36px;
}
.faqTitle h4:after,
.faqTitle .h4:after {
content: '';
height: 30px;
width: 3px;
background: #e07444;
position: absolute;
right: 18px;
top: 22px;
transition: all 0.2s;
opacity: 1;
}
.faqTitle.opened h4:after,
.faqTitle.opened .h4:after {
opacity: 0;
}
.faqContent {
display: none;
padding: 0;
width: 88%;
padding-bottom: 30px;
margin-top: -14px;
margin-top: 0;
}
.faqContent .w1080 {
padding-left: 20px;
border-left: 2px solid #E2723B
}
.headingFAQ {
margin-bottom: 30px
}
#dynamicLayout {
background-color: #f7f7f7;
}
.googleReview .googleReviewScore {
margin-bottom: 30px !important
}
.parallax-window {
min-height: 575px;
background: transparent;
}
.noImg {
height: 100%;
background: #eaeaea;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
}
.noImg img {
width: 117px
}
.numberedList .noImgPersuasive {
display: none !important;
}
.information {
background: #fff;
padding-top: 74px;
}
.hidenumber.numberedList .listItem:before {
display: none !important
}
.checklist .listIcon {
display: none !important
}
.checklist .listContent p {
display: none
}
.dc-threecol .row {
display: flex;
flex-wrap: wrap;
}
.dc-twoColList {
margin-bottom: -20px !important
}
#dynamicLayout .dc-twoColList h2 {
font-size: 34px;
line-height: 40px;
margin-bottom: 40px
}
.infoTwo {
margin-bottom: 20px
}
.infoTwo h4 {
color: #e2723b;
background: url(//selectrical.com.au/wp-content/themes/selectrical/css/assets/images/checkOrange.svg) no-repeat;
background-position: left 5px;
padding-left: 26px
}
.infoThree {
margin-bottom: 30px
}
.threeColWrapper {
padding-bottom: 30px !important
}
.simpleParallax {
height: 605px
}
.agentLogoWrap.nsContentWrap {
margin-left: -15px;
margin-right: -15px;
margin-left: 0px;
margin-right: 0px;
}
.information .dc-fwparagraph.subContent {
margin-bottom: 50px;
}
.information.dlWrapper .suburbsListGroup{
gap: 15%;
}
@media (min-width: 768px) {
footer.content-info {
border-top: none !important;
padding-top: 0 !important;
}
footer.content-info .nav.footer {
-webkit-columns: 3 !important;
-moz-columns: 3 !important;
columns: 3 !important;
}
}
@media screen and (max-width: 1024px) {
.dlWrapper {
padding: 80px 30px;
}
.information.dlWrapper .suburbsListGroup{
gap: 40px;
}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.information.dlWrapper{
padding: 80px 60px;
}
.information.dlWrapper .tabLeft{
padding: 40px 0 40px 40px;
}
}
@media (max-width: 767px) {
.checklist h1,
.checklist h2,
.checklist h3,
.checklist h4,
.checklist h5,
.checklist h6 {
text-align: left !important;
}
#dynamicLayout section.threeColWrapper {
padding-bottom: 60px !important
}
.nsContentHero {
height: 440px
}
.heroContentTxt {
height: 440px !important;
}
.noImg {
height: 50vw;
}
.dc-twocolImg .nsCol {
margin-bottom: 30px;
}
.dc-twocolImg .nsCol:last-child {
margin-bottom: 0px;
}
.dc-twocolImg>.row>div {
flex: 0 0 100%;
width: 100%;
min-width: 100%;
}
.page-template-template_dynamic-layout .footer-service-areas {
margin-top: -81px !important;
padding-top: 60px !important;
background: #fff;
padding-left: 20px !important;
padding-right: 20px !important;
}
}
@media screen and (max-width:559px) {
.listItem {
flex: 0 0 100%;
width: 100%
}
.listItem:last-child {
margin-bottom: 0 !important
}
.perAdd {
margin-top: 50px
}
.ctaBtnWrapper {
flex-direction: column;
}
.ctaBtnWrapper>div {
margin-bottom: 30px
}
.ctaBtnWrapper>div:last-child {
margin-bottom: 0
}
.simpleParallax {
height: 90vw !important;
position: relative;
overflow: hidden;
}
.simpleParallax img {
height: 100%;
width: auto !important;
max-width: 999999% !important;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%) !important;
}
} #tab {
display: flex;
width: 100%;
margin-bottom: 40px;
margin-top: 0;
margin-left: 0;
} .tabLeft {
border-radius: 6px 0 0 6px;
background: #fff;
color: var(--brandCol-1);
width: 27%;
padding-right: 40px;  
}
.tabLeft .tab_title, .tabRight .tab_title {
font-size: 24px;
font-weight: 700;
line-height: 30px;
border-bottom: 1px solid #dadada;
margin-bottom: 30px !important;
padding-bottom: 20px;
} .tabRight {
border-radius: 0 6px 6px 0;
background: #fff;
width: 73%;
padding-bottom: 50px;
}
.tabRight h5 {
color: var(--brandCol-1);
border-bottom: 1px solid #dadada;
margin-bottom: 30px;
padding-bottom: 20px;
width:120%;
color: #7C7C7C;
}
.tabRight h5 a:hover {
color: #000;
}
.tabRight .suburbsListGroup.suburbsList {
gap: 20px !important;
}
.tabRight .suburbsListGroup.suburbsList li a {
font-weight: 400 !important;
} .tabLeft ul {
list-style: none;
padding: 0;
margin: 0;
}
.tabLeft li {
margin-bottom: 10px; }
.tabLeft a {
color: var(--brandCol-1);
text-decoration: none;
display: block; padding: 6px; position: relative;
font-size: 18px;
font-weight: 400;
line-height: 26px;
}
.tabLeft a:before {
display: block;
width: 8px;
height: 18px;
background-size: 100%;
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
background-repeat: no-repeat;   
}
.tabLeft a:after {
content: "";
display: block;
border-bottom: 1px dashed rgba(255, 255, 255, 0.60);
position: absolute;
bottom: 0;
left: 0;
width: 100%;
}
.tabLeft a.active:after {
border-color: transparent;
}
.tabLeft a.active {
border-radius: 0;
background: var(--maincolor);
color: #fff;
border-radius: 4px;
}
.tabLeft a:not(.active):hover {
color: var(--maincolor);
}
.tabLeft a:hover:before {
}
.tabLeft .active:hover {
} .tabRight .suburbs-cont {
display: none;
}
.tabRight .suburbs-cont.active {
display: block;
}
.tabRight ul {
list-style: none;
padding: 0;
margin: 0;
}
.tabRight li {
margin-bottom: 10px; width:100%;
} @media (max-width: 767px) {
#tab {
flex-direction: column; margin-left: 0;
gap:  40px;
}
.tabLeft, .tabRight {
width: 100%; }
.tabLeft {
border-radius: 0;
padding-right: 0;
}
.tabRight {
border-radius: 0;
}
} .suburbsListGroup{
display: none; grid-template-columns: repeat(3, 1fr); gap: 10%; }
@media (max-width: 768px){
.suburbsListGroup{
grid-template-columns: repeat(2, 1fr);
gap: 60px;
}
}
.main :first-child {
margin-top: 0;
line-height:14px;
}
.suburbsListGroup ul{
list-style: none;
padding: 0;
margin: 0;
}
.suburbsListGroup li {
text-align: left;
width:max-content;
margin-bottom: 20px; }
.suburbsListGroup a{
padding: 0 0 0 20px;
background: url(https://staging.pictura.com.au/selectrical.com.au/wp-content/uploads/2024/09/location-dot-solid.svg) no-repeat left 2px;
font-size: 17px;
line-height: 22px;
display: inline-block;
text-decoration: none;  
}
.suburbsListGroup a:hover {
text-decoration: underline;
}
#suburbsHeading {
text-decoration: none; color: #7C7C7C; }
div.nsSection.nsTwoCol.layout-imgLeft.row {
align-items : center;
align-content : center;
}
div.nsSection.nsTwoCol.layout-imgRight.row {
align-items : center;
align-content : center;
}
div.nscol.nsimg.col-sm-6.col-xs-12 {
margin-top:15px;
}
div.nsCol.nsImg.col-sm-6.col-xs-12 {
margin-top:20px;
}
div.dc-twocolImg.imgright.subcontent {
margin-top:-40px;
}
div.dc-twocolImg.imgRight.subContent {
margin-top:20px;
}
div.padded-container {
margin-top:-15px;
}
.subContent {
margin-bottom:95px;   
}  
section.googleReview.padV3.bg.dlWrapper {
background:#ffffff;   
}
div.dynamicLayout.nsContentWrap {
border:0px;    
margin-top:-35px;
}
header.banner {
border:0px;
}
.img_fw{
background: #fff;
padding-bottom: 120px;
}
.google_review_manual{
background: #F8F8F8;
padding-top: 130px;
padding-bottom: 130px;
text-align: center;
}
.google_review_manual > div{
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
}
.google_review_manual h3{
font-weight: 500 !important;
}
.review_highlight_user{
gap: 20px;
height: 40px;
}
.review_highlight_user img{
object-fit: contain;
object-position: left;
}
.review_highlight_user p br{
display: none;
}
.google_review_list{
background: #FFF;
display: flex;
padding: 120px 70px;
flex-direction: column;
align-items: center;
gap: 50px;
}
.review_list_col_left{
width: 70%;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
.review_list_col_right{
width: 30%;
text-align: right;
}
.social_channels{
background: #F6F6F6;
padding-top: 120px;
padding-bottom: 120px;
}
.social_cols{
justify-content: space-between;
}
.social_col_left{
width: 63%;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
.social_col_right{
gap: 17px;
}
.social_col_right img{
height: 100px;
width: auto;
}
.headingBlue h4.heading-area-list{
font-weight: 500 !important;
letter-spacing: -1px;
}
.mod-providerLogo{
background: #FAFAFA;
}
.twocolImgBGRow h2{
//font-family: 'Politica', sans-serif;
font-size: 48px;
font-weight: 900 !important;
line-height: 50px;
text-transform: uppercase;
}
.area-list, .area-list p{
font-size: 20px;
line-height: 30px;
font-weight: bold;
}
#pageContent h6 > div > div{
margin: 0;
padding: 0;
}
.entry-content .suburbsList{
grid-template-columns: repeat(3, 1fr) !important;
gap: 0 !important;
margin-top: 40px !important;
margin-left: 0 !important;
}
.entry-content .suburbsList li a {
font-weight: 700 !important;
}
.entry-content .suburbsList li::before {
content: none !important; }
.entry-content ul li{
padding-left: 0;
}
.entry-content .suburbsList ul li:before{
display: none;
}
@media (min-width: 1025px){
.service_index_masthead .heading{
max-width: 80%;
}
}
@media (max-width: 1024px){
.suburbsList{
grid-template-columns: repeat(3, 1fr) !important;
}
}
@media (max-width: 768px){
.suburbsList, .entry-content .suburbsList{
grid-template-columns: repeat(2, 1fr) !important;
}
.review_highlight_user{
flex-direction: column;
gap: 10px;
}
.review_list_col_left, .review_list_col_right, .social_col_left{
width: 100%;
}
.review_list{
padding-left: 20px;
padding-right: 20px;
}
.review_list_col_right{
text-align: left;
margin-top: 20px;
}
.social_cols{
flex-direction: column;
gap: 30px;
}
}