#header,
#container,
#footer {
padding: 0
}
a img:hover,
a:focus img,
a svg:hover,
a:focus svg {
opacity: 1;
}
.container {
margin: 0px auto;
max-width: calc(100% - 160px);
width: 100% !important
} .midContainer{
width: 1220px;
max-width: 100%;
margin: 0 auto;
} .wideContainer {
width: 1380px;
margin: 0px auto
}
#wrapper {
width: var(--pageWidth);
background: #fff;
overflow-x: hidden;
}
#colophon {
width: var(--pageWidth);
background: #fff;
overflow-x: hidden;
margin: 0px auto !important;
max-width: 100%;
}
#content {
width: 100%;
padding-right: 0;
background: #fff;
}
article,
.entry-content {
background: #fff
}
#colophon {
background-color: var(--darkbg);
color: #fff;
}
.site-credit a {
text-decoration: none;
}
.pSec {
padding-left: var(--spaceContainer);
padding-right: var(--spaceContainer);
}
.hWhiteBlueS .h1 strong,
.hWhiteBlueS .h2 strong,
.hWhiteBlueS .h3 strong,
.hWhiteBlueS .h4 strong,
.hWhiteBlueS h1 strong,
.hWhiteBlueS h2 strong,
.hWhiteBlueS h3 strong,
.hWhiteBlueS h4 strong {
color: var(--maincolor);
font-weight: inherit;
}
.headingDarkBlue h1,
.headingDarkBlue h2,
.headingDarkBlue h3,
.headingDarkBlue h4,
.headingDarkBlue h5,
.headingDarkBlue h6,
.text-dark-blue {
color: var(--darkblue)
}
.headingDarkBlue h1 strong,
.headingDarkBlue h2 strong,
.headingDarkBlue h3 strong,
.headingDarkBlue h4 strong,
.headingDarkBlue h5 strong,
.headingDarkBlue h6 strong {
color: var(--maincolor);
//font-weight: inherit;
}
.headingwidthmid {
width: 900px;
max-width: 100%;
}
.headingwidthsmall {
width: 800px;
max-width: 100%;
} .featImg:after {
content: '';
position: absolute;
left: 0;
top: 0;
display: block;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.3);
}
#pageHero {
position: relative;
max-height: 600px;
overflow: hidden;
} #pageHero h1 {
margin-bottom: 0
}
.pageTitle {
position: absolute;
left: 0;
bottom: 80px;
width: 100%;
z-index: 2;
}
#pageHero img {
display: block;
object-position: center top;
position: relative;
width: 100%;
object-fit: cover;
}
.scrollDownWrap {
position: absolute;
z-index: 99;
left: calc(50% - 9px);
bottom: 40px;
display: none;
}
.scrollDown {
display: block;
width: 18px;
height: 25px;
background: url(//selectrical.com.au/wp-content/themes/selectrical/img/Arrow.svg) no-repeat center center;
background-size: 100% auto;
-webkit-animation: scrollDot 2s infinite;
animation: scrollDot 2s infinite;
}
@keyframes scrollDot {
0% {
transform: translate(0, 0);
opacity: 0;
}
40% {
opacity: 1;
}
80% {
transform: translate(0, 20px);
opacity: 0;
}
100% {
opacity: 0;
}
}
#pageContent {
padding-top: 40px;
padding-bottom: 112px;
}
#pageContent.noHero {
padding-bottom: var(--space2b)
}
#pageContent.area .breadcrumb {
margin-bottom: 60px !important;
}
#pageContent.location .breadcrumb {
}
.breadcrumb {
font-size: 14px;
line-height: 20px;
margin-bottom: 30px;
}
.breadcrumb .separator {
display: inline-block;
margin: 0 10px;
background-image: url(//selectrical.com.au/wp-content/themes/selectrical/img/chevronRight.svg);
background-repeat: no-repeat;
height: 8px;
width: 6px;
}
.breadcrumb .current-item {
font-weight: 600;
}
.padNews {
padding-top: 40px;
padding-bottom: 60px
}
.newsDate {
font-size: 14px;
line-height: 20px;
}
.noHeroHeading h1 {
margin-bottom: 0
}
.newsMain .newsWrapper {
width: 860px;
max-width: 100%;
padding-bottom: var(--space2);
margin-bottom: var(--space2);
border-bottom: 2px solid #E0E0E0;
}
.newsMain .newsWrapper .newsMeta h5 {
margin-bottom: 10px;
}
.newsImgWrap {
min-height: 100%;
}
.newsFW h3 {
margin-bottom: 20px
}
.singleNewsHeading {
padding-top: 30px !important
}
.singleFeatImage {
margin-bottom: var(--space2b)
}
.acItem {
margin-top: 60px
}
#noHeroContent {
color: var(--secondbodytext)
}
.basicContent p+h2,
.basicContent p+h3,
.basicContent p+h4,
.basicContent p+h5,
.basicContent ul+h2,
.basicContent ul+h3,
.basicContent ul+h4,
.basicContent ul+h5,
.basicContent ol+h2,
.basicContent ol+h3,
.basicContent ol+h4,
.basicContent ol+h5,
{
padding-top: 15px
}
.basicContent p+h5 {
padding-top: 15px
}
#pageContent.marBot0 {
margin-bottom: 0
}
#pageContent p {
margin-bottom: 10px
}
.cInfo {
margin-bottom: 30px
}
.cInfo:last-child {
margin-bottom: 0px
}
.cItem:last-child {
margin-bottom: 0
}
.cItem+.cItem {
margin-top: 60px
}
.cItem.cItemSocial+.cItem {
margin-top: 40px
}
.waCode img {
width: 112px;
margin-top: 20px
}
.cItem h4 {
margin-bottom: 20px
}
.contactContent h5 {
font-weight: 700;
}
.contactContent .cInfo > h5  {
font-weight: 400;
font-size: 20px;
margin-bottom: 10px;
}
.contactDirection {
font-size: 11px !important;
line-height: 20px !important;
display: inline-block;
margin-top: 10px;
text-decoration: underline;
}
.paymentIcons {
display: flex;
margin-top: 20px;
align-items: center;
flex-direction: row;
flex-wrap: wrap;
}
.paymentIcons img {
margin-right: 16px;
margin-bottom: 20px
}
.paymentIcons img:last-child {
margin-right: 0
}
.socialContact.social a {
margin-right: 16px;
margin-bottom: 20px;
display: inline-block;
}
.socialContact.social a:last-child {
margin-right: 0
}
.contactForm .gfmc-container {
column-gap: 20px;
}
.contactForm .gfield_required {
color: var(--secondbodytext) !important
}
.contactForm .gfield {
margin-bottom: 14px;
}
.contactForm input[type="submit"] {
border: 2px solid var(--maincolor);
min-width: 174px
}
.contactForm input[type="submit"]:hover {
border: 2px solid var(--maincolor);
background-color: var(--maincolor);
color: #fff
}
.greviewPersonLink {
display: flex;
flex-direction: row;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
}
.gLink {
margin-left: 20px
}
.innerWhyRow>div {
margin-bottom: 30px;
}
.innerWhyRow+.padTop3 {
padding-top: 45px
}
.innerWhyRow .iwTitle h5 {
margin-bottom: 10px !important;
}
.serviceThumbnail,
.latestThumb {
display: flex;
justify-content: center;
align-items: center;
overflow: hidden;
margin-bottom: 30px;
position: relative;
padding-bottom: 65.6%;
}
.serviceThumbnail img,
.latestThumb img {
position: absolute;
left: 50%;
top: 50%;
width: auto;
max-width: 200% !important;
height: 100%;
transform: translate(-50%, -50%);
}
.videoWrapper {
position: relative;
padding-bottom: 56.25%; height: 0;
}
.videoWrapper iframe,
.videoWrapper video {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.sthumbExcerpt a {
font-size: 14px;
line-height: 20px
}
#sideBar .newsSidebar li {
margin-bottom: 20px;
font-size: 14px;
line-height: 20px;
}
.slick-slider {
-webkit-user-select: text;
-khtml-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
}
.slick-list.draggable {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.entry-content .faqContent ul,
.entry-content .faqContent ol {
margin-top: 14px;
padding-left: 0;
list-style-type: decimal;
}
.entry-content .faqContent ul li {} #wrapper #content h1 span.heroTxt {
display: inline-block;
font-size: 26px !important;
line-height: 34px !important;
//font-family: 'Roboto';
font-weight: 300;
text-transform: none;
margin-top: 20px;
} .teaser {
font-weight:400;margin-bottom:30px
}
.postContent h5{
font-weight:400
}
.capitalize {
text-transform: capitalize;
}
.entry-content .suburbsList.other {
margin-top: 100px !important;
}
.suburbsList.other ul {
grid-template-columns: repeat(1, minmax(220px, 1fr));
}
.suburbsList ul {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: 10px;
text-align: left;
margin-top: 7%;
margin-left: 12%;
color: var(--BRAND-GREY, #262626);
font-family: Helvetica;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 30px; list-style-type: none;
padding: 0 !important;
}
.suburbsList li {
margin: 0;
}
.suburbsList li {
margin: 0 !important;
}
.suburbsList h5 {
margin: 0px;
}
.suburbsList h5::before,
.suburbsList a::before {
content: none !important;
}
.suburbsList a {
text-decoration: none;
color: #333;
}
.suburbsList a:hover {
text-decoration: underline;
}
.ti-reviews-container-wrapper .ti-review-item:first {
//margin-left: 500px !important;
}
@media screen and (max-width:1394px) {
.ti-reviews-container-wrapper .ti-review-item {
max-width: 440px !important;
}
}