.navBreakpoint,
.mobileOnly {
display: none !important
}
.logoMob {
display: none
}
@media screen and (max-width:960px) {
.simpleParallax {
height: 54vw;
}
.linkbtn-a {
max-width: 350px !important;
margin-left: auto;
margin-right: auto;
}
} @media screen and (max-width:1124px) {
.page-template-default .headerMobLogo,
.blog .headerMobLogo,
.archive .headerMobLogo,
.single .headerMobLogo {
display: none !important
}
#pageHero {
display: flex;
flex-direction: column-reverse;
}
#pageHero h1 {
font-size: 38px !important;
line-height: 40px !important;
}
#pageContent {
padding-top: 60px;
padding-bottom: 60px
}
#featImg img {
height: 100%;
max-width: 200% !important;
width: 100% !important;
margin-left: 50%;
transform: translate(-50%, 0);
}
.heroDesktop {}
.showlogomob .headerMobLogo {
display: block !important
}
.topEdge .mobileLogo img {
opacity: 0;
}
.page-template-default .mobileLogo img,
.blog .mobileLogo img,
.archive .mobileLogo img,
.single .mobileLogo img {
opacity: 1
}
.showlogomob .mobileLogo img {
opacity: 0;
}
.showlogomob.nav-down .mobileLogo img {
opacity: 1;
}
.topEdge .showlogomob.nav-down .mobileLogo img {
opacity: 0;
}
.navBreakpoint {
display: block !important
}
.scrollDownWrap {
bottom: 45px;
}
.pageTitle h1 {
margin-bottom: 0;
font-weight: 600;
margin-bottom: 20px;
}
}
@media screen and (max-width:840px) {
.home .logoMob {
display: none
}
.postContent.headingH2 h3 {
font-size: 38px !important;
line-height: 40px !important;
}
.logoMob {
display: block;
padding: 18px 20px 24px
}
.breadcrumb {
display: none;
}
.featImg {
position: relative;
}
}
@media screen and (max-width:767px) { .pageTitle {
position: relative;
left: auto;
bottom: auto;
background-color: var(--darkblue);
padding-bottom: 35px;
} .contactContent .col-sm-4 {
margin-bottom: 50px
}
.cItem+.cItem {
margin-top: 50px;
}
.whyIcoTitle br {
display: none !important;
}
.hideMobile {
display: none !important;
}
.mobileOnly {
display: block !important;
}
:root {
--spaceContainer: 20px;
}
.padLeftContainer {
padding-left: 0
}
.padRightContainer {
padding-right: 0
}
.padContMob {
padding-left: 30px;
padding-right: 30px;
}
.linkbtn-a a {
display: block;
width: 100%;
margin-left: 0 !important;
margin-bottom: 10px !important;
}
.linkbtn-a a:last-child {
margin-bottom: 0px;
}
input[type="submit"],
button,
.button {
padding: 12px 10px;
min-width: 200px;
}
input[type="submit"].buttonLarge,
button.buttonLarge,
.button.buttonLarge {
padding: 19px 18px;
min-width: 350px;
}
.serviceListPortrait {
padding-left: var(--spaceContainer)
}
.serviceItemWrap {
width: 265px !important;
min-width: 265px !important
}
.mCSB_scrollTools {
margin-top: 0
}
#homeServiceList {
padding-top: 100px !important;
}
.serviceListPortrait.padBot4 {
padding-bottom: 60px
}
.serviceItemWrap:first-child {
margin-left: 0;
}
.mCSB_scrollTools.mCSB_scrollTools_horizontal {
max-width: calc(100% - 20px);
margin-left: 0;
}
.whyItem {
margin-bottom: 30px;
}
.provLogoWrapper img {
margin-bottom: 50px
}
.mod-providerLogo {
padding-bottom: 10px
}
.googleReviewLink {
margin-top: 30px
}
.reviewSlider {
margin-top: 30px;
padding: 0px 20px;
}
#content .wp-gr .grw-slider .grw-slider-review-inner {
margin: 0 4px !important
}
.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 {
max-width: 100%;
}
#content .wp-gr .grw-slider .grw-slider-controls {
position: relative !important;
top: auto !important;
width: 100% !important;
bottom: auto !important;
max-width: 100% !important;
margin-top: 40px !important;
}
.mod-googleReview {
padding-bottom: 80px
}
#content .wp-gr .grw-slider .grw-slider-btns.grw-slider-next {
margin-right: 0 !important;
width: 40px !important;
height: 22px !important;
background-image: url(//selectrical.com.au/wp-content/themes/selectrical/img/arrowGreyRight.svg) !important;
background-size: 100% auto !important;
margin-left: 50px !important;
right: auto !important;
}
#content .wp-gr .grw-slider .grw-slider-btns.grw-slider-prev {
margin-left: 0 !important;
width: 40px !important;
height: 22px !important;
background-image: url(//selectrical.com.au/wp-content/themes/selectrical/img/arrowGreyLeft.svg) !important;
background-size: 100% auto !important;
}
.scrollDownWrap {
display: none !important
}
.newsImg {
margin-bottom: 30px
}
.latestNewsItems>div {
margin-bottom: 60px
}
.latestNewsItems>div:last-child {
margin-bottom: 0
}
.newsMain .newsWrapper:last-child {
padding-bottom: 0;
border-bottom: 0
}
.newsMain .newsWrapper:first-child {
padding-top: 0
}
.newsMain .newsWrapper {
padding-bottom: 60px;
padding-top: 60px;
margin-bottom: 0
}
.newsSidebar {
margin-top: 60px
}
#sideBar>ul>div {
margin-bottom: 60px;
}
.singleNewsHeading {
padding-bottom: 60px
}
.relContent {
padding-right: 0
}
}
@media screen and (max-height:667px) {
.navBreakpoint {
padding-top: 30px
}
.postMeta {
flex: 0 0 60%;
width: 60%
}
.mShare {
flex: 0 0 40%;
width: 40%
}
}
@media screen and (max-width:720px) {
#menu-mobile-menu>li>a {
padding-top: 10px;
padding-bottom: 10px
}
}
@media screen and (max-width:420px) {
input[type="submit"].buttonLarge,
button.buttonLarge,
.button.buttonLarge {
min-width: 300px;
max-width: 100%;
}
.simpleParallax {
height: 60vw;
}
} @media screen and (min-width:768px) {
.pageTitle {
background-color: transparent;
}
}