:root {
--maincolor: #1ABBCF;
--darkbg: #292E35;
--blacktext: #323232;
--darkblue: #1D385F;
--darkerblue: #0e1d33;
--darkLink: #8893A4;
--textlink: #1ABBCF;
--bodytext: #494949;
--secondbodytext: #646464;
--bgDarkblue: #1D385F;
--bgGrey: #F7F7F7;
--bgLightGrey: #F9F9F9;
--lightBlue: #A5B4CA;
--blackAlt: #191919;
--fontHeading: "Space Grotesk";
--fontHeadingAlt: "Public Sans";
--headerHeight: 88px;
--pageWidth: 100%;
--spaceHeading: 30px;
--space0: 0px;
--space1: 40px;
--space2: 50px;
--space2b: 60px;
--space3: 75px;
--space4: 100px;
--space5: 120px;
--space6: 140px;
--space7: 160px;
--spaceContainer: 70px;
--app-height: 100vh;
}
.padV56 {
padding-top: var(--space5);
padding-bottom: var(--space6)
}
.padV62 {
padding-top: var(--space6);
padding-bottom: var(--space2)
}
.padV64 {
padding-top: var(--space6);
padding-bottom: var(--space4)
}
.padV74 {
padding-top: var(--space7);
padding-bottom: var(--space4)
}
.bodyc2,
.bodyc2 * {
color: var(--secondbodytext)
}
.bot2 {
margin-bottom: var(--space2)
}
.marBot0 {
margin-bottom: 0
}
.padBot1 {
padding-bottom: var(--space1);
}
.padBot3 {
padding-bottom: var(--space3)
}
.padBot4 {
padding-bottom: var(--space4)
}
.padBot5 {
padding-bottom: var(--space5)
}
.padBot6 {
padding-bottom: var(--space6)
}
.padTop3 {
padding-top: var(--space3);
}
.padTop5 {
padding-top: var(--space5);
}
.padTop6 {
padding-top: var(--space6);
}
.padTop7 {
padding-top: var(--space7);
}
.padV4 {
padding-top: var(--space4);
padding-bottom: var(--space4);
}
.padV5 {
padding-top: var(--space5);
padding-bottom: var(--space5);
}
.padV6 {
padding-top: var(--space6);
padding-bottom: var(--space6);
}
.padV7 {
padding-top: var(--space7);
padding-bottom: var(--space7);
}
@media screen and (max-width:767px) {
:root {
--space1: 20px;
--space2: 30px;
--space2b: 30px;
--space3: 60px;
--space4: 60px;
--space5: 60px;
--space6: 60px;
}
.padMobTop0 {
padding-top: 0 !important
}
}
.border-tb {
border-top: 1px solid #D9D9D9;
border-bottom: 1px solid #D9D9D9;
}
::marker {
display: none
}
a {
color: var(--maincolor);
}
a:hover {
text-decoration: underline;
}
img {
max-width: 100%;
}
ul li::marker {
display: none !important;
opacity: 0 !important
}
::-webkit-details-marker {
display: none;
}
body {
background: #f2f2f2;
color: var(--bodytext);
-webkit-font-smoothing: antialiased;
}
.padV {
padding-top: 120px;
padding-bottom: 120px
}
.padV75 {
padding-top: 75px;
padding-bottom: 75px
}
.padTop0 {
padding-top: 0 !important
}
.padBot0 {
padding-bottom: 0 !important
}
.padBot1 {
padding-bottom: var(--space1)
}
.padBot2 {
padding-bottom: var(--space2)
}
.padBot3 {
padding-bottom: var(--space3)
}
.padBot4 {
padding-bottom: var(--space4)
}
.padTop1 {
padding-top: var(--space1)
}
.padTop2 {
padding-top: var(--space2)
}
.padTop3 {
padding-top: var(--space3)
}
.padTop4 {
padding-top: var(--space4)
}
.top1 {
margin-top: 30px
}
.row {
margin-left: -10px;
margin-right: -10px;
}
.col-sm,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12 {
padding-left: 10px;
padding-right: 10px;
}
.col-sm-12 {
max-width: 100%;
}
.linkinherit a {
color: inherit;
}
.text-right {
text-align: right;
}
.text-white,
.text-white * {
color: #fff
}
.text-black {
color: #000
}
.text-alt-black {
color: var(--blackAlt)
}
.text-blue,
.text-blue * {
color: var(--maincolor)
}
.text-light-blue,
.text-light-blue * {
color: var(--lightBlue)
}
.text-main,
.text-main * {
color: var(--maincolor)
}
.text-whiteblue,
.text-whiteblue * {
color: var(--darkLink)
}
h2,
h3,
h4,
h5,
h6 {
margin-top: 0px;
}
.headingBlue h1,
.headingBlue h2,
.headingBlue h3,
.headingBlue h4,
.headingBlue h5,
.headingBlue h6,
.text-blue {
color: var(--maincolor)
}
.headingWhite h1,
.headingWhite h2,
.headingWhite h3,
.headingWhite h4,
.headingWhite h5,
.headingWhite h6 {
color: #fff;
}
.mod-multipleContent.bgDarkBlue .headingBlue h1 strong,
.mod-multipleContent.bgDarkBlue .headingBlue h2 strong,
.mod-multipleContent.bgDarkBlue .headingBlue h3 strong,
.mod-multipleContent.bgDarkBlue .headingBlue h4 strong,
.headingWhite h1 strong,
.headingWhite h2 strong,
.headingWhite h3 strong,
.headingWhite h4 strong {
color: var(--maincolor);
font-weight: inherit;
}
.box,
.box-2,
.box-3,
.box-4,
.box-5,
.box-6,
.box-1-3,
.box-2-3 {
padding: 0
}
.bgBlue {
background-color: var(--maincolor);
}
.bgDark {
background-color: var(--darkbg);
}
.bgDarkBlue {
background-color: var(--bgDarkblue);
}
.bgRed {
background-color: var(--bgRed);
}
.bgGrey {
background-color: var(--bgGrey);
}
.bgLightGrey {
background-color: var(--bgLightGrey);
}
.bgWhite {
background-color: #fff;
}
.txtDarkblue {
color: var(--darkblue);
}
.page #content p,
.single-post #content p {
font-size: inherit;
line-height: inherit;
}
p {
margin-top: 0;
margin-bottom: 18px
}
a {
text-decoration: none;
}
.text-center {
text-align: center
}
.wp-post-image {
margin-bottom: 0
}
.entry-content ul,
.widget-container ul,
.comment-body ul,
.entry-content ol,
.widget-container ol,
.comment-body ol {
font-family: inherit;
margin: 0;
padding-left: 20px
}
.entry-content li,
.widget-container li,
.comment-body li {
margin: 0 0 5px 0;
position: relative;
}
.entry-content p+ul,
.entry-content p+ol {
margin-top: 12px
}
.entry-content ul+p,
.entry-content ol+p {
margin-top: 18px
}
.entry-content ol {
margin-left: 6px;
list-style-type: decimal !important;
}
.entry-content ul li,
.widget-container ul li,
.comment-body ul li {
list-style-type: '';
list-style: none;
padding-left: 20px;
}
ul {
list-style: none;
}
.list-nostyle ul,
.list-nostyle ol {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.list-nostyle ul li,
.list-nostyle ol li {
padding-left: 0
}
.list-nostyle ul li::before {
display: none !important
}
.mod-multipleContent ul li::before {
content: "" !important;
}
.mod-multipleContent ul li *:first-child::before,
.entry-content ul li::before {
content: "\2022";
color: inherit;
display: block;
width: 8px;
position: absolute;
left: -14px;
top: 1px;
}
p+h2,
p+h3,
p+h4,
ul+h2,
ul+h3,
ul+h4,
ol+h2,
ol+h3,
ol+h4,
table+h2,
table+h3,
table+h4 {
margin-top: 50px;
margin-bottom: 20px;
}
.singleFeatImage img {
width: 100%
}
.singleShare img {
width: 19px
}
.singleShare .fbIco img {
width: 11px
}
.singleMeta {
display: flex;
width: 100%;
font-size: 12px;
align-items: center;
margin-bottom: 60px
}
.metaBack {
width: 100%;
text-align: left;
font-size: 14px;
line-height: 18px;
margin-bottom: 55px
}
.metaBack a {
color: var(--bodytext);
}
.metaInfo {
display: flex;
width: 50%;
flex-direction: row;
justify-content: flex-end;
align-items: center;
}
.metaInfo div {
margin-left: 30px;
}
.metaInfo div:first-child {
margin-left: 0
}
.singleShare a {
margin-left: 12px;
display: inline-block
}
.singleShare a:first-child {
margin-left: 0
}
.postTitle h1 {
margin-bottom: 10px; }
.postMeta {
font-size: 14px;
line-height: 20px;
}
.postInfo {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 30px;
align-items: center;
}
.postInfo>div {
flex: 0 0 50%;
width: 50%
}
.postMeta>div {
float: left
}
.postMeta a {
color: var(--maincolor)
}
.mDate {
font-weight: 700;
margin-left: 24px
}
.mShare {
display: flex;
flex-direction: row;
justify-content: flex-end;
align-items: center;
}
.blockQuote {
font-weight: 500
}
.smallText,
.smallText label {
font-size: 12px !important;
line-height: 18px !important
}
.gchoice {
position: relative;
}
.gchoice:before {
content: '';
display: block;
width: 18px;
height: 18px;
background: transparent;
position: absolute;
left: 0;
top: 0;
border: 1px solid #fff
}
.gchoice label {
cursor: pointer;
}
.gchoice input:checked+label:after {
background: url(//selectrical.com.au/wp-content/themes/selectrical/img/tick.png);
content: '';
display: block;
width: 14px;
height: 14px; background-size: 100%;
background-position: center center;
background-repeat: no-repeat;
position: absolute;
left: 3px;
top: 3px;
filter: brightness(0) invert(1);
}
.gchoice input {
position: absolute;
left: 0;
top: 0;
}
.gchoice input {
opacity: 0;
visibility: hidden;
height: 1px;
width: 1px;
}
.gfield_checkbox .gchoice label {
padding-left: 32px;
position: relative;
z-index: 2;
}
.container-fluid-right {
margin-left: calc((100vw - 1320px) / 2);
}
@media screen and (max-width:1350px) {
.container-fluid-right {
margin-left: 30px;
}
}
.grecaptcha-badge {
opacity: 0 !important;
height: 1px;
width: 1px;
overflow: hidden;
z-index: -9999;
}
.padLeftContainer {
padding-left: var(--spaceContainer)
}
.btnBGBlue {
border-color: var(--maincolor);
background-color: var(--maincolor);
color: #fff !important
}
.btnBGBlue:hover {
border-color: var(--darkblue);
background-color: var(--darkblue);
}
.btnBGDark {
border-color: var(--darkblue);
background-color: var(--darkblue);
color: #fff !important
}
.btnBGDark:hover {
border-color: var(--maincolor);
background-color: var(--maincolor);
}
.hoverDarker:hover {
border-color: var(--darkerblue);
background-color: var(--darkerblue);
}
.btnBorderedWhite {
border-color: #fff;
color: #fff !important;
background: var(--darkblue) !important
}
.btnBorderedWhite:hover {
color: var(--darkblue) !important;
background:  #fff !important
}
.btnBorderedDark {
border-color: var(--darkblue);
color: var(--darkblue) !important;
background: transparent !important
}
.btnBorderedDark:hover {
color: #fff !important;
background: var(--darkblue) !important
}
.btnBorderedDark.hoverBlue:hover {
color: #fff !important;
background: var(--maincolor) !important;
border-color: var(--maincolor) !important
}
.btnGetIntouch {
display: inline-flex;
align-items: center;
font-size: 18px;
color: #fff;
}
.btnGetIntouch::before {
content: "";
background-image: url(//selectrical.com.au/wp-content/themes/selectrical/img/circleArrowRight.svg);
background-repeat: no-repeat;
background-size: cover;
height: 36px;
width: 36px;
display: block;
margin-right: 10px;
}
.btnGetIntouch.darkblue {
color: var(--darkblue);
}
.btnGetIntouch.darkblue::before {
background-image: url(//selectrical.com.au/wp-content/themes/selectrical/img/circleArrowRightDarkBlue.svg);
}
.button+.button {
margin-left: 20px
}
.gutter20.row {
margin-left: -20px;
margin-right: -20px
}
.gutter20.row>div {
padding-left: 20px;
padding-right: 20px
}
.gutter30.row {
margin-left: -30px;
margin-right: -30px
}
.gutter30.row>div {
padding-left: 30px;
padding-right: 30px
}
.gutter60.row {
margin-left: -30px;
margin-right: -30px
}
.gutter60.row>div {
padding-left: 30px;
padding-right: 30px
}
.gutter74.row {
margin-left: -37px;
margin-right: -37px
}
.gutter74.row>div {
padding-left: 37px;
padding-right: 37px
}
@media screen and (max-width:1024px) {
.gutter20.row {
margin-left: -10px;
margin-right: -10px
}
.gutter20.row>div {
padding-left: 10px;
padding-right: 10px
}
.gutter30.row {
margin-left: -10px;
margin-right: -10px
}
.gutter30.row>div {
padding-left: 10px;
padding-right: 10px
}
.gutter60.row {
margin-left: -10px;
margin-right: -10px
}
.gutter60.row>div {
padding-left: 10px;
padding-right: 10px
}
.gutter74.row {
margin-left: -10px;
margin-right: -10px
}
.gutter74.row>div {
padding-left: 10px;
padding-right: 10px
}
}
.flexVcenter {
align-items: center;
}
.newsSidebar .widgetTitle {
border-bottom: 2px solid #E0E0E0;
padding-bottom: 6px;
margin-bottom: 20px
}
#sideBar>ul>div {
margin-bottom: var(--space2)
}
#sideBar>ul>div ul li:before {
display: none
}
#sideBar {
font-size: 14px;
line-height: 20px;
}
#sideBar a {
color: #646464
}
#sideBar>ul>div ul li {
margin-left: 0;
padding-left: 0
}
#sideBar>ul>div:last-child {
margin-bottom: 0
}
#sideBar ul {
padding-left: 0
}
.newsExcerpt {
color: #646464
}
.readMore {
font-size: 14px;
line-height: 20px;
font-weight: 700;
display: inline-block;
margin-top: 20px
}
.postTitle {
padding-bottom: 60px
}
.post-edit-link {
margin-top: 60px;
font-weight: 600;
display: inline-block;
}
.copyLeftTxt .post-edit-link {
font-weight: 600;
margin-top: 0
}
.latestThumb {
position: relative;
margin-bottom: 0
}
.latestThumb img {
display: block;
}
.thumbRelated {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background-size: cover;
}
.lnHeading {
display: flex;
width: 100%;
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-bottom: 58px !important;
}
.relatedThumb {
margin-bottom: 40px
}
.relContent {
padding-right: 80px
}
.relContent a {}
.padRightContainer {
padding-right: var(--spaceContainer)
}
.postContent h1,
.postContent h2,
.postContent h3,
.postContent h4 {
color: var(--maincolor);
}
.postContent>div>.elementor-element {
padding-left: 0 !important;
padding-right: 0 !important
}
.parallaxImg {
transition: none !important;
height: 100%;
}