﻿/* 
 Theme Name:  Seofast Divi Child Theme
 Author: Seofast
 Author URI:  http://www.seofast.com.au
 Template: Divi
 Version:  v1.0
 Description: Child theme developed by Seofast
*/ 

@import url("../Divi/style.css");


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */

body {
overflow-x:hidden !important;
}

p {
font-weight:300;
}

blockquote {
border-color: #b95026;
display:block;
margin-bottom: 60px;
}
blockquote strong {
color: #46616e;
display:inline-block;
margin-top: 20px;
}

.white {
font-color:#ffffff !important;
}

.et_pb_gallery_title {
font-size: 16px !important;
font-weight: 400;
}

/* ----------- START HEADER CSS --------------------------- */

#et-info {
width:100% !important;
}

#et-info-phone::before {
display:none;
}

#et-info-email::before {
display:none;
}

.et-social-icons {
float:right !important;
}

.et_fullwidth_nav #main-header .container {
padding-right: 0px;
padding-left: 0px;
}

.logo_container {
padding-top:25px !important;
padding-bottom:25px !important;
max-width:1170px;
margin:auto !important;
}
#logo {
float:left !important;
}

.headerphone {
float:right;
font-size:16px;
font-weight:300;
text-align:right;
color:#46616e;
}
.headerphone span {
display:block;
margin-bottom:20px;
margin-top:10px;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.headerphone strong {
display:block;
font-size:40px;
font-weight:300;
margin-top:8px;
}
.headerphone i {
color:#b95026;
font-size:30px;
}

#main-header {
box-shadow: none !important;
}

#main-header.et-fixed-header .logo_container {
padding-top:0px !important;
}

.et_header_style_centered header#main-header.et-fixed-header .logo_container {
height: 0px;
min-height:60px;
padding:10px 0px !important;
}
.et_header_style_centered header#main-header.et-fixed-header .logo_container > .headerphone > span {
display:none !important;
}

.et_header_style_centered #main-header div#et-top-navigation {
min-height:50px !important;
}

#et-top-navigation {
height:68px
}


#et-top-navigation {
background-color:#46616e;
clear:both;
}


#top-menu li {
display:inline !important;
float:left;
border-right:1px solid #52707e;
padding-right: 11px !important;
padding-left: 11px !important;
}
#top-menu li:first-child {
border-left:1px solid #52707e;
}
#top-menu li:last-child {
float:right;
border-left:1px solid #52707e;
}
#top-menu li:hover {
background-color:#b95026;
}
#top-menu {
width:1170px !important;
max-width:100% !important;
}
.et_header_style_centered #top-menu > li > a {
padding:27px 0px !important;
}

#top-menu li.current-menu-item {
background-color:#b95026;
}
#top-menu li.current-menu-item > a {
color:#ffffff;
}

/* ----------- END HEADER CSS --------------------------- */





/* ----------- START HOME PAGE CSS --------------------------- */

#abovefold .header-content a {
color: #ffffff !important;
display:inline-block;
margin: 26px auto 0;
cursor: pointer;
font-size: 18px;
font-weight: 300;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
padding: 6px 20px;
line-height: 1.7em;
background: transparent;
border: 1px solid #ffffff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
#abovefold .header-content a:hover {
background-color: #46616e;
border-color:#46616e;
color:#ffffff !important;
padding: 6px 25px !important;
}
#abovefold .header-content a:last-child {
color: #fff !important;
display:inline-block;
margin: 26px auto 0 15px;
cursor: pointer;
font-size: 18px;
font-weight: 300;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
padding: 6px 20px;
line-height: 1.7em;
background: #b95026;
border: 1px solid #b95026;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
#abovefold .header-content a:last-child:hover {
background-color: #46616e;
border-color:#46616e;
color:#ffffff !important;
padding: 6px 25px !important;
}
#abovefold .header-content i {
display:inline-block;
margin-left: 10px;
}


#abovefold {
}
#abovefold h1 {
font-size:50px;
margin-bottom:30px;
}
#abovefold p {
font-size:25px;
line-height:35px;
}

#dirbelfold {
padding:100px 0 !important;
}
#dirbelfold h2 {
font-size:35px;
margin-bottom: 25px;
text-transform:uppercase;
color:#46616e;
}
#dirbelfold h3 {
font-size:25px;
margin-top:25px;
margin-bottom: 25px;
text-transform:uppercase;
color:#46616e;
}
#dirbelfold em {
font-size:20px;
font-weight:400;
display:inline-block;
margin-bottom: 20px;
color:#b95026;
}

#dirbelfold a {
color: #46616e !important;
display:inline-block;
margin: 26px auto 0;
cursor: pointer;
font-size: 18px;
font-weight: 300;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
padding: 6px 20px;
line-height: 1.7em;
background: transparent;
border: 1px solid #46616e;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
#dirbelfold a:hover {
background-color: #46616e;
border-color:#46616e;
color:#ffffff !important;
padding: 6px 25px !important;
}
#dirbelfold a:last-child {
color: #fff !important;
display:inline-block;
margin: 26px auto 0 15px;
cursor: pointer;
font-size: 18px;
font-weight: 300;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
padding: 6px 20px;
line-height: 1.7em;
background: #b95026;
border: 1px solid #b95026;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
#dirbelfold a:last-child:hover {
background-color: #46616e;
border-color:#46616e;
color:#ffffff !important;
padding: 6px 25px !important;
}
#dirbelfold i {
display:inline-block;
margin-left: 10px;
}



#hpfourcol {
}
.hpfourcolcontent {
}
.hpfourcol {
}
#hpfourcol h2 {
color:#46616e;
font-size:20px;
line-height:30px;
margin-top:80% !important;
}
#hpfourcol a {
color: #ffffff !important;
display:inline-block;
margin: 26px auto 0;
cursor: pointer;
font-size: 18px;
font-weight: 300;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
padding: 6px 20px;
line-height: 1.7em;
background: #b95026;
border: 1px solid #b95026;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
#hpfourcol a:hover {
background-color: #46616e;
border-color:#46616e;
color:#ffffff !important;
padding: 6px 25px !important;
}
#hpfourcol i {
display:inline-block;
margin-left: 10px;
}

#firstcol strong {
color:#ffffff;
font-size:40px;
line-height:45px;
display:inline-block;
margin-bottom: 25px;
}
#firstcol ul li {
font-weight:300;
padding: 7px 0;
}
#firstcol em {
font-size:20px;
font-weight:400;
display:inline-block;
margin-top: 25px;
color:#e37f56;
}

.fullwidthcontent {
padding:150px 0 !important;
}
.fullwidthcontent h2 {
font-size:35px;
margin-bottom: 25px;
text-transform:uppercase;
color:#46616e;
}
.fullwidthcontent a {
color: #ffffff !important;
display:inline-block;
margin: 26px auto 0;
cursor: pointer;
font-size: 18px;
font-weight: 300;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
padding: 6px 20px;
line-height: 1.7em;
background: #b95026;
border: 1px solid #b95026;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.fullwidthcontent a:hover {
background-color: #46616e;
border-color:#46616e;
color:#ffffff !important;
padding: 6px 25px !important;
}
.fullwidthcontent i {
display:inline-block;
margin-left: 10px;
}

/* ----------- END HOME PAGE CSS --------------------------- */




/* ----------- START SUB PAGE CSS --------------------------- */

.sidebar strong {
color:#46616e;
font-size:25px;
line-height:25px;
display:block;
border-bottom: 3px solid #46616e;
padding-bottom: 20px;
margin-bottom: 10px;
}
.sidebar ul li {
font-weight:300;
padding: 7px 0;
border-bottom: 1px solid #46616e;
text-transform:uppercase;
}
.sidebar em {
font-size:20px;
font-weight:400;
display:inline-block;
margin-top: 25px;
color:#e37f56;
}
.sidebar ul li a {
color:#46616e;
}
.sidebar ul li a:hover {
color:#b95026;
}


.subpagemc {
}
.subpagemc h2 {
font-size:35px;
margin-bottom: 25px;
text-transform:uppercase;
color:#46616e;
}
.subpagemc h3 {
font-size:25px;
margin-top:25px;
margin-bottom: 25px;
text-transform:uppercase;
color:#46616e;
}
.subpagemc h4 {
font-size:18px;
margin-top:20px;
margin-bottom: 13px;
text-transform:uppercase;
color:#46616e;
}
.subpagemc em {
font-size:20px;
font-weight:400;
display:inline-block;
margin-bottom: 20px;
color:#b95026;
}

.subpagemc a {
color: #46616e !important;
display:inline-block;
margin: 26px auto 0;
cursor: pointer;
font-size: 18px;
font-weight: 300;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
padding: 6px 20px;
line-height: 1.7em;
background: transparent;
border: 1px solid #46616e;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.subpagemc a:hover {
background-color: #46616e;
border-color:#46616e;
color:#ffffff !important;
padding: 6px 25px !important;
}
.subpagemc a:last-child {
color: #fff !important;
display:inline-block;
margin: 26px auto 0;
cursor: pointer;
font-size: 18px;
font-weight: 300;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
padding: 6px 20px;
line-height: 1.7em;
background: #b95026;
border: 1px solid #b95026;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.subpagemc a:last-child:hover {
background-color: #46616e;
border-color:#46616e;
color:#ffffff !important;
padding: 6px 25px !important;
}
.subpagemc i {
display:inline-block;
margin-left: 10px;
color:#ffffff !important;
}
.subpagemc ul {
display:inline-block;
margin-top:15px;
}
.subpagemc ul li {
font-weight:300;
padding: 7px 0;
}
.subpagemc hr {
display:block;
border-bottom:1px solid #46616e;
border-top:none;
margin-top: 30px;
margin-bottom: 50px !important;
}
.subpagemc img {
float:right;
margin-left:20px;
max-width:100px;
margin-top:-60px;
}
.subpagemc i {
color:#b95026;
}


.subpagemccontact h2 {
font-size:35px;
margin-bottom: 25px;
text-transform:uppercase;
color:#46616e;
}
.subpagemccontact h3 {
font-size:25px;
margin-top:25px;
margin-bottom: 25px;
text-transform:uppercase;
color:#46616e;
line-height: 35px;
}
.subpagemccontact h4 {
font-size:18px;
margin-top:20px;
margin-bottom: 13px;
text-transform:uppercase;
color:#46616e;
}
.subpagemccontact em {
font-size:20px;
font-weight:400;
display:inline-block;
margin-bottom: 20px;
color:#b95026;
}
.subpagemccontact i {
color:#b95026;
font-style: normal !important;
text-transform:lowercase !important;
}



.colourrange h3 {
font-size:25px;
margin-top:25px;
margin-bottom: 25px;
text-transform:uppercase;
color:#46616e;
}
.colourrange ul {
padding-left:0px;
display:block;
margin-top:30px;
list-style-type: none !important;
}
.colourrange ul li {
display:inline-block;
width:48% !important;
padding:40px 0;
text-align:center;
background-color:#77857c;
color:#000000;
}
.colourrange ul li:nth-child(2) {
background-color:#f8f7f2;
}
.colourrange ul li:nth-child(3) {
background-color:#e7d0ae;
}
.colourrange ul li:nth-child(4) {
background-color:#e1e4db;
}
.colourrange ul li:nth-child(5) {
background-color:#f1e1bb;
}
.colourrange ul li:nth-child(6) {
background-color:#d0cbc2;
}
.colourrange ul li:nth-child(7) {
background-color:#c5c1b4;
}
.colourrange ul li:nth-child(8) {
background-color:#b6b09e;
}
.colourrange ul li:last-child {
background-color:#f4ecd4;
}


.et_pb_toggle_open {
    background: none !important;
}
.et_pb_toggle_close {
    background: none !important;
}
.et_pb_toggle {
    border: 0px solid #46616e;
padding-bottom:40px;
border-bottom: 1px solid #46616e;
margin-bottom: 2.242% !important;
}





/* ----------- END SUB PAGE CSS --------------------------- */





/* ----------- START FOOTER CSS --------------------------- */

#footer-bottom .et-social-icons {
margin-top:12px;
}
#footer-bottom {
background-color:#46616e !important;
}
.footer-widget:nth-child(-n+2) img {
max-width:100%;
}

.footer-widget:nth-child(-n+2) a {
color: #ffffff !important;
display:inline-block;
margin: 26px auto 0;
cursor: pointer;
font-size: 18px;
font-weight: 300;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
padding: 6px 20px;
line-height: 1.7em;
background: transparent;
border: 1px solid #ffffff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-moz-transition: all 0.2s;
-webkit-transition: all 0.2s;
transition: all 0.2s;
}
.footer-widget:nth-child(-n+2) a:hover {
background-color: #b95026;
border-color:#b95026;
color:#ffffff !important;
padding: 6px 25px !important;
}
.footer-widget:nth-child(-n+2) a i {
display:inline-block;
margin-left: 10px;
}

.footer-widget:nth-child(-n+2) h4 {
color:#ffffff;
font-size:20px;
font-weight:500;
border-bottom:1px solid #5f8292;
padding-bottom:20px;
margin-bottom:20px;
}

.footer-widget:nth-child(3) h4 {
color:#ffffff;
font-size:20px;
font-weight:500;
border-bottom:1px solid #5f8292;
padding-bottom:20px;
margin-bottom:20px;
}
.footer-widget:nth-child(3) strong {
font-size:30px;
font-weight:500;
}
.footer-widget:nth-child(3) strong i {
font-size:20px;
font-weight:500;
}
.footer-widget:nth-child(3) em {
font-size:20px;
font-weight:500;
font-style:normal !important;
}
.footer-widget:nth-child(3) strong i:last-child {
display:inline-block;
margin-left:20px;
}
.footer-widget:nth-child(3) i {
color:#e37f56;
font-style:normal !important;
}

.footer-widget li {
font-weight:300;
}
.footer-widget li::before {
border-color: #ffffff !important;
}

#main-footer .footer-widget h4 {
color: #ffffff !important;
}

.footersalogo {
max-width: 100px !important;
float:left;
margin-right: 20px;
-webkit-border-radius: 5px;
border-radius: 5px;
overflow:hidden;
}


/* ----------- END FOOTER CSS --------------------------- */


/*** Responsive Styles Standard Desktop Only ***/
@media all and (min-width: 1100px) and (max-width: 1405px) {

#hpfourcol h2 {
margin-top:170% !important;
}
 
}





/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
.et_mobile_menu {
background:#46616e;
margin-top:-15px;
}
.et_header_style_centered #main-header div#et-top-navigation {
    min-height: 38px !important;
clear:both;
}
#et-top-navigation {
height: 38px !important;
display:block;
margin-top: 15px;
clear:both !important;
}
.mobile_menu_bar::before {
color:#ffffff !important;
}
.headerphone span {
display:none;
}
}





/*** Responsive Styles Smartphone Portrait ***/
@media all and (max-width: 479px) {

.headerphone span {
display:none;
}
.headerphone strong {
display:inline-block;
font-size:20px;
font-weight:600;
margin-top:15px;
}
.headerphone i {
color:#b95026;
font-size:18px;
}

#main-header {
top: 22px !important;
clear:both !important;
}

.logo_container {
margin-bottom:15px !important;
}

.et_header_style_centered #main-header div#et-top-navigation {
    min-height: 38px !important;
clear:both;
}
#et-top-navigation {
height: 38px !important;
display:block;
margin-top: 15px;
clear:both !important;
}
.et_mobile_menu {
background:#46616e;
margin-top:-15px;
}


.mobile_menu_bar::before {
color:#ffffff !important;
}



#abovefold h1 {
font-size:25px;
margin-bottom:20px;
}
#abovefold p {
font-size:18px;
line-height:25px;
}



#dirbelfold h2 {
font-size:25px;
color:#46616e;
}

#dirbelfold a:last-child {
display:inline-block;
clear:both !important;
margin-left:0px !important;
}

#firstcol strong {
color:#ffffff;
font-size:30px;
line-height:35px;
display:inline-block;
margin-bottom: 25px;
}

.footer-widget:nth-child(3) strong {
font-size:20px;
font-weight:500;
}
.footer-widget:nth-child(3) strong i {
font-size:18px;
font-weight:500;
}
.footer-widget:nth-child(3) em {
font-size:16px;
font-weight:500;
font-style:normal !important;
}

#footer-bottom .et-social-icons {
display:block;
margin-top:none !important;
}

#abovefold .header-content a {
font-size: 16px !important;
}

#abovefold .header-content a:last-child {
color: #fff !important;
display:inline-block;
margin: 26px auto 0 0px;
}

.fullwidthcontent h2 {
font-size:25px;
margin-bottom: 25px;
text-transform:uppercase;
color:#46616e;
}

.subpagemc img {
float:right;
margin-left:20px;
max-width:100px;
margin-top:-20px;
}


}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 479px) 
and (orientation : portrait) {

.headerphone strong {
display:inline-block;
font-size:15px;
font-weight:600;
margin-top:15px;
}
.headerphone i {
color:#b95026;
font-size:15px;
}

#abovefold h1 {
font-size:18px;
margin-bottom:20px;
}
#abovefold p {
font-size:16px;
line-height:25px;
}

}

/* Subpage title banner correction. The homepage retains its full-height hero. */
body:not(.page-id-95) #abovefold.et_pb_section {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 340px;
  padding: 0 !important;
  background-position: center center !important;
  background-size: cover !important;
  isolation: isolate;
}
body:not(.page-id-95) #abovefold > .et_parallax_bg {
  position: absolute;
  inset: 0;
  background-position: center center;
  background-size: cover;
  z-index: -1;
}
body:not(.page-id-95) #abovefold > .et_pb_fullwidth_header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 340px;
  padding: 40px 24px !important;
  background: transparent !important;
}
body:not(.page-id-95) #abovefold .et_pb_fullwidth_header_container,
body:not(.page-id-95) #abovefold .header-content-container,
body:not(.page-id-95) #abovefold .header-content {
  width: 100%;
  max-width: 1170px;
  margin: 0 auto;
  text-align: center;
}
body:not(.page-id-95) #abovefold .et_pb_header_content_wrapper h1 {
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: clamp(28px, 4vw, 50px);
  line-height: 1.2;
  text-align: center;
  text-shadow: 0 1px 4px rgba(0, 0, 0, .35);
}
body:not(.page-id-95) #abovefold .et_pb_fullwidth_header_overlay {
  position: absolute;
  inset: 0;
  z-index: -1;
}
@media (max-width: 767px) {
  body:not(.page-id-95) #abovefold.et_pb_section,
  body:not(.page-id-95) #abovefold > .et_pb_fullwidth_header { min-height: 260px; }
  body:not(.page-id-95) #abovefold > .et_pb_fullwidth_header { padding: 32px 20px !important; }
}
