/* FONTS:
font-family: 'Montserrat', sans-serif;
font-family: 'Hind', sans-serif;

Green: #00B052
 */

h1, h1 a, h2, h2 a, h3, h3 a, h4, h4 a, h5, h6 {
  font-family: 'Montserrat', sans-serif;
}

/* Logo */
.site-title a, .site-title a:hover {
  background: url(http://www.greensboroughauto.com.au/wp-content/uploads/2017/10/Greensborough-Auto-Electrical-Logo.png) no-repeat;
  background-size: 430px;
  background-position: center;
  width: 415px;
  height: 75px;
  color: #a4a7a8;
  display: block;
  text-indent: -9999em;
}
.site-description {
  text-indent: -9999em;
}

/* Header Right */
.header-widget-area section {
  float: left;
}
.header-phone {
  color: #fff;
  float: right;
  font-size: 24px;
  padding-left: 30px;
}
.header-phone a {
  color: #fff;
  text-decoration: none;
}
.header-phone a:hover {
  color: #00B052;
}

/* NAVIGATION */
.nav-header .menu-item a {
  font-family: Hind,Helvetica,Arial,sans-serif;
  padding: 8px 1.75em; /*7px 1.25em;*/
  font-size: 24px;
}
.nav-header .menu-item a:hover {
  color: #00B052;
}

.nav-header .sub-menu li a {
  font-size: 16px !important;
}
.nav-header .sub-menu li a:hover {
  color: #00B052 !important;
}
.nav-header ul.sub-menu {
  width: 28rem !important;
  margin-top: 0 !important;
  margin-left: 10px !important;
}
.sub-menu li:first-of-type a {
  padding-left: 1.75em !important;
}

.front-page-1, .front-page-2, .front-page-3, .front-page-4, .front-page-5, .front-page-6 {
  padding: 5rem 0 !important;
}

/* FRONT PAGE 1 */
.front-page-1.page-header {
  padding-bottom: 80px !important;
}
.front-page-1 {
  background: url(http://www.greensboroughauto.com.au/wp-content/uploads/2017/10/Header-bg.jpg) no-repeat;
  padding: 20rem 0 22rem !important;
}
.front-page-1::before {
  background: rgba(20,30,40,.7);
}

/* FRONT PAGE 2 */
.front-page-2 {
  padding-top: 0 !important;
}
.front-page-2 a,
.site-inner a {
  text-decoration: none;
  color: #00B052;
}
.front-page-2 a:hover,
.site-inner a:hover {
  color: #555555;
  text-decoration: none;
}
.home-icon-clear-1, .home-icon-clear-2 {
  display: none;
}
.mid-icon-elem {
  float: left;
  width: 25%;
  line-height: 1.2em;
}
i.fa {
  text-decoration: none;
}
.fa-battery-full {
  font-size: 3.6rem !important;
  padding-top: 4px !important;
}



/* FRONT PAGE 3 (Testimonial) */
.testimonials-list li .wrap {
  background: #fff;
  padding: 10px;
}
.testimonials-list li .wrap:first-of-type {
  margin-right: 10px;
}

/* FRONT PAGE 5 */
.before-footer {
  position: relative;
  background: url(http://www.greensboroughauto.com.au/wp-content/uploads/2017/10/Greensborough-Auto-Electrical-Contact-red.jpg) no-repeat;
  /*background: url(http://www.greensboroughauto.com.auwp-content/uploads/2017/10/motor-2500x1669.jpg) no-repeat;*/
  background-size: cover;
  color: #fff;
  min-height: 300px;
  padding-top: 7rem !important;
}
.fpage-5-1 {
  width:66%;
  float:left;
  text-align:left;
  font-size: 2.6rem;
  font-weight: 600;
}
.fpage-5-2 {
  float:left;
  width:33%;
  line-height: 9rem;
  text-align: right;
  padding: 3% 0;
}

.home-icon-text {
  font-family: 'Montserrat', sans-serif;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.2rem;
}

/* BUTTON */
.green-button {
  background: #00B052;
  border: 4px solid #00B052;
  color: #fff !important;
  line-height: 1;
  font-size: 2rem;
  text-transform: uppercase;
  text-decoration: none;
  padding: 10px 60px;
  border-radius: 0.4rem;
}

.green-button:hover,
#gform_1 .gform_button:hover,
#gform_2 .gform_button:hover {
  background: transparent;
  color: #00B052 !important;
  border: 4px solid #00B052;
}

.green-button:focus {
  outline: none;
}

/* ICONS */
i.fa {
  color: #00B052;
  font-size: 4rem;
}

/* RESPONSIVE MENU */
#responsive-menu-button {
  background: none !important;
  top: 22px !important;
  position: absolute !important;
}

/* FOOTER */
.footer-widgets .widget-title {
  color: #fff;
}
.footer-widgets {
  padding-top: 4rem !important;
  padding-bottom: 0 !important;
  margin-bottom: -15px !important;
}
.footer-widgets ul > li {
  margin-bottom: .2em !important;
  padding-bottom: .2em !important;
  font-size: 1.6rem;
}

.footer-widgets-2 ul > li {
  padding-bottom: .7em !important;
}

/* footer list icons */
.footer-widgets-2 i.fa {
  color: #a4a8ac;
  font-size: 2rem;
}

#simple-social-icons-2 ul li a:first-of-type {
  padding-left: 0 !important;
}
.footer-accr {
  font-size: 1.3rem;
}

.site-footer .wrap {
  padding-bottom: 1rem !important;
}
.footer-logo {
  float: left;
  max-width: 200px;
  width: 100%;
  margin-left: -7px;
}
.site-footer p {
  float: left;
  width: auto;
  line-height: 7rem;
  margin-left: 20px;
  font-size: 1.3rem !important;
}

footer .wrap,
.before-footer {
  width: 100%;
  max-width: none;
}

.before-footer button:hover {
  color: #00B052;
}

.before-footer .wrap,
.footer-widgets,
.footer-base {
  width: 90% !important;
  max-width: 1280px !important;
  margin: 0 auto;
}

.before-footer {
  padding: 7rem 0 !important;
}

.before-footer .wrap {
  padding: 0 !important;
}

.site-footer .back-to-top {
  right: 14vw !important;
}


/* CONTACT PAGE */

#gform_1 .gform_button,
#gform_2 .gform_button {
  border: 4px solid #00B052;
  background-color: #00B052;
  width: 94%;
}

.page-id-86 #gform_2 .gform_button {
  width: auto;
  font-family: Hind,Helvetica,Arial,sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 1.6rem;
}

#gform_fields_1 div.ginput_container,
#gform_fields_2 div.ginput_container{
  margin: 0;
}

#gform_fields_1 li.gfield {
  margin-top: 0;
}

#gform_fields_2 li.gfield {
  margin-top: 12px;
}

#gform_1 .gform_footer, 
#gform_2 .gform_footer{
  margin: 0;
}

#gform_fields_1 label {
  display: none;
}

#gform_submit_button_2:hover {
  box-shadow: none;
}

/* SERVICES PAGE */
.services i.fa {
  float: left;
  margin-right: 10px;
  width: 45px;
}
.services .entry-content h2 + p {
  padding-left: 52px;
}

.entry-content ul > li,
.entry-content ol > li {
  color: #567;
}

.entry-content ul > li {
  list-style-type: none !important;
}

.entry-content ul > li:before {
  content: "\2022";
  color: #567;
  font-size: 2.0rem;
  margin-right: 5px;
}

.entry-content ul > li a {
  text-decoration: none;
  color: #567;
}

.entry-content ul > li a:hover {
  color: #000;
}


/* MEDIA QUERIES */
@media screen and (max-width: 1180px) {

  .header-phone {
    font-size: 20px;
  }
  
  .nav-header .menu-item a {
    padding: 8px 1em; 
    font-size: 20px;
  }
  
  .footer-widgets .green-button {
    font-size: 16px;
    padding: 5px 30px;
  }

}
@media screen and (max-width: 980px) {

  .header-phone {
    display: none;
  }

}
@media screen and (max-width: 940px) {

  .footer-widgets .widget-area {
    -webkit-box-flex: unset !important;
    -webkit-flex: unset !important;
    flex: unset !important;
    width: 40% !important;
  }

}
@media screen and (max-width: 895px) {

  .sidebar .gform_widget {
    margin-top: 20px;
  }

}
@media screen and (max-width: 860px) {

  /* FRONT PAGE 2 */
  .home-icon-clear-1 {
    display: block;
  }
  .mid-icon-elem {
    float: left;
    width: 50%;
  }
  
  /* FRONT PAGE 5 */
  .fpage-5-1, .fpage-5-2 {
    width: 100%;
    text-align: left;
  }

}
@media screen and (max-width: 767px) {
  
  .front-page-1.page-header {
    padding-top: 140px !important;
  }

  #simple-social-icons-2 h3 {
    margin-top: 30px;
  }
  
  .footer-widgets {
    margin-bottom: 10px !important;
  }
  .footer-widgets .widget-area {
    margin-left: 0 !important;
    width: 100% !important;
  }
  
  .site-footer p {
    width: 100%;
    margin-left: 0;
    line-height: 3rem;
  }

}
@media screen and (max-width: 600px) {

  /* Logo */
  .site-title a, .site-title a:hover {
    background-size: 330px;
    background-position: left;
    width: 330px;
  }

}
@media screen and (max-width: 450px) {
  /* Logo */
  .site-title a, .site-title a:hover {
    background-size: 250px;
    background-position: left;
    width: 300px;
  }

  /* FRONT PAGE 2 */
  .home-icon-clear-2 {
    display: block;
  }
  .mid-icon-elem {
    float: left;
    width: 100%;
    clear: both;
  }

}
