/*
 Theme Name:   HydraSales Child
 Theme URI:    https://hydrasale.co.za/
 Description:  A child theme for Divi tailored for HydraSales
 Author:       Starbright Dev
 Author URI:   https://starbright.co.za/
 Template:     Divi
 Version:      1.0.0
*/

/* Add your custom styles below */

@font-face {
  font-family: 'Roboto';
  src: url('/wp-content/themes/hydrasales-child/fonts/Roboto-Regular.ttf');
}
@font-face {
  font-family: 'Roboto Medium';
  src: url('/wp-content/themes/hydrasales-child/fonts/Roboto-Medium.ttf');
}
@font-face {
  font-family: 'Roboto Light';
  src: url('/wp-content/themes/hydrasales-child/fonts/Roboto-Light.ttf');
}
@font-face {
  font-family: 'Yesteryear Regular';
  src: url('/wp-content/themes/hydrasales-child/fonts/Yesteryear-Regular.ttf');
}

body {
  font-family: "Roboto", Georgia, "Times New Roman", Times, serif;
}

.banner-content {

}

.banner-content h2 {
  color: #FFF;
  font-size: 48px;
  line-height: 1;
  text-transform: uppercase;
}

.banner-content h3 {
  font-size: 72px;
  line-height: 1;
  color: #36bcef !important;
  text-transform: uppercase;
}

.banner-content h4 {
  font-size: 60px;
  color: #FFF;
  font-family: 'Yesteryear Regular';
  padding-top: 15px;
  padding-bottom: 30px;
}

.banner-content p {
  font-size: 14px;
  color: #FFF;
  text-transform: uppercase;
}


.banner-read-more .et_pb_button {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  padding: 14px 28px;
  text-transform: uppercase;
  font-size: 14px;
  line-height: 1;
  border-radius: 28px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: bold;
  color: #fff;
  background-color: #79BB2F !important;
  border-color: #79BB2F !important;
  transition: 400ms;
}

.home-blurp-content .et_pb_main_blurb_image img {
  object-fit: contain;
}



.section-header h2 {
  font-size: 36px;
    color: #2a2a2a;
}

.section-header-colour h2 {
  font-size: 36px !important;
  color: #76a43c !important;
}

.section-header-colour .et_pb_text_inner p{
  font-size: 16px !important;
}

.section-header-white {
  font-size: 36px;
  color: #fff;
}

.supplier-carousel .wpcp-single-item {
  border: 0px solid #dddddd !important;
}


.supplier-carousel .wpcp-single-item  img {
  filter: grayscale(100);
    transition: 400ms;
}

.section-header-colour-footer h3 {
  font-size: 24px !important;
  color: #76a43c !important;
  padding-bottom: 30px;
}

.section-header-colour-footer a{
  font-size: 16px !important;
  color: #fff !important; 
}

#gform_submit_button_1 {
  color: #FFFFFF !important;
  border-color: #79bb2f;
  font-size: 16px;
  background-color: #79bb2f;
  transition: 400ms;
}

#gform_submit_button_1:hover {
  background-color: transparent;
  color: #79bb2f !important;
}

#gform_wrapper_1 input.text, 
#gform_wrapper_1 input.title, 
#gform_wrapper_1 input[type=email], 
#gform_wrapper_1 input[type=password], 
#gform_wrapper_1 input[type=tel], 
#gform_wrapper_1 input[type=text], 
#gform_wrapper_1 select, 
#gform_wrapper_1 textarea {
  display: block;
  width: 100%;
  height: auto;
  padding: 10px;
  font-size: 14px;
  line-height: 1;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

div#gform_fields_1 {
  gap: 10px !important;
}

.mobile_menu_bar:before, .mobile_menu_bar:after, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a {
  color: #79BB2F;
}

#top-menu a {
  color: #727272;
  font-size: 16px;
  text-transform: uppercase;
  padding: 50px 30px;
  position: relative;
  display: inline-block;
}

header#main-header {
  background-color: rgba(0, 0, 0, 0.9) !important;
}

.header#main-header {
    display: none !important;
}
header#main-header {
    display: none;
}
div#page-container {
    padding-top: 0px !important;
}