/*
 Theme Name:     Divi Child
 Theme URI:      https://www.website.co.za
 Description:    Empilweni Trading
 Author:         Owl Media
 Author URI:     https://www.owlmedia.co.za
 Template:       Divi
 Version:        1.0.0
*/
 
 
/* =Theme customization starts here
------------------------------------------------------- */

/* GENERAL */

.bioPhoto{
  filter: grayscale(100%);
}

.btn.orangeBtn a, .wpcf7-submit {
  background-color: #F9C800;
  color: #000;
}
.wpcf7-submit {
  display: inline-block !important;
  width: unset !important;
  cursor: pointer;
  border: none
}

.btn a, .wpcf7-submit  {
  display: inline-block !important;
  padding: 8px 25px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
  transition: all 0.2s;
}
.btn a:hover, .wpcf7-submit:hover {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
  transition: all 0.2s;
}
#footerRow .btn.clearbtn a {
    transform: skew(-15deg) rotate(0deg);
  -webkit-transform: skew(-15deg) rotate(0deg);
  -moz-transform: skew(-15deg) rotate(0deg);
  border: 1px solid #F9C800;
  clip-path: unset;
  color: #fff
}
#footerRow .btn.clearbtn a:hover {
    transform: skew(-0deg) rotate(0deg);
  -webkit-transform: skew(-0deg) rotate(0deg);
  -moz-transform: skew(-0deg) rotate(0deg);
  border: 1px solid #F9C800;
  clip-path: unset;
  color: #fff
}

.fm-image-mod img{
  box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.1);
  border-radius: 5px
}
body a, body p, body ul, body li {
	font-size:15px ;
	line-height: 140%;
}

h1, h2, h3, h4, h5 {
	line-height: 140% !important;
}
h1 {
	font-size: 30px;
	font-family: Slicker
}
h2 {
	font-size: 20px !important;
	font-family: Slicker;
}
h3 strong {
	font-size: 18px;
	font-style: italic;
}
#headerSection {
  padding-top: 0;
  padding-bottom: 0
}
#headerRow {
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  align-items: center
}

.contactTxt {
  margin-bottom: 10px !important;
  font-size: 13px
}
.contactTxt a {
  font-size: 13px
}
.contactTxt .email {
  margin-left: 10px
}
a {
  color: #626262
}
a:hover {
  color: #1D7F00
}
#menu-main-menu a {
  text-transform: uppercase
}
#menu-main-menu .current-menu-item a {
  color: #1D7F00;
  font-weight: 700
}
#headerRow .et_pb_with_border {
  border: none !important;
}
#headerRow nav.et-menu-nav {
  border-top: 1px solid #DDDDDD !important;
}
.heroTxt {
  max-width: 483px
}
.heroTxt p {
  font-size: 19px
}
.heroTxt h1 {
  font-family: Open Sans;
  font-weight: 700;
  line-height: 120%;
  margin-top: 10px
}
#heroSection {
  padding-top: 170px;
  padding-bottom: 173px;

}
#serviceSection, #serviceRow {
  padding-top: 0;
}
#serviceRow .et_pb_column {
  margin-top: -100px
}
.serviceTxt h2 {
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}
.serviceTxt p:nth-of-type(1) {
  padding-left: 20px;
  padding-right: 20px;
  font-size: 15px
}
.serviceTxt p:nth-of-type(1) {
  height: 200px
}
#serviceRow .et_pb_column {
  margin-right: 3% !important; 
}
#serviceRow .et_pb_column_1_3 {
  width: 31% !important;
}



h2:after, .subHeroTxt h1:after {
  content: "";
  height: 5px;
  width: 50px;
  background-color: #F68920;
  display: block;
  margin-top: 8px;
  margin-bottom: 10px
}
.subHeroTxt h1:after {
  content: "";
  margin-left: auto;
  margin-right: auto
}
#serviceRow .serviceTxt {
  box-shadow: 0px 0px 52px 5px #00000020;
  transition: all 0.2s;
}
#serviceRow .serviceTxt:hover {
  box-shadow: 0px 0px 15px 5px #00000030;
  transition: all 0.2s;
}

#serviceSection, #bioSection, #aboutSection {
  padding-bottom: 75px
}
#bioSection, #aboutSection {
  padding-top: 75px
}
#aboutSection {
   clip-path: polygon(0% 12%, 100% 0%, 100% 100%, 0% 100%);
}
#footerSection {
  padding-top: 50px;
  padding-bottom: 50px
}
#footerRow {
  padding-top: 0;
  padding-bottom: 0
}
#footerRow h3 {
  font-size: 20px;
  font-family: Slicker;
}
#footerRow p, #footerRow a {
  font-size: 14px
}
#footerRow .footerTxt ul li {
  list-style: none
}
#footerRow .footerTxt ul li a:before {
  content: ">";
  position: absolute;
  left: 0;
  color: #1D7F00
}
#footerRow .footerTxt ul {
  padding-left: 25px
}
#footerRow .footerTxt ul a {
  padding-bottom: 10px !important;
  padding-top: 10px;
  display: block
}
#copyRightRow .copyInfo a, #copyRightRow .copyInfo {
  font-size: 13px !important;
}
#copyRightRow .copyInfo img {
  vertical-align: middle
}
#copyRightRow .copyInfo {
  padding-top: 20px
}
#copyRightRow {
  padding-bottom: 0
}

/* ABOUT US PAGE*/

#subHeroSection {
  background-position: bottom;
}
#subHeroSection {
  padding-top: 65px;
  padding-bottom: 65px
}
.introTxt h3 {
  padding-bottom: 5px
}
.subHeadingTxt h2:after {
  content: "";
  margin-left: auto;
  margin-right: auto
}

.subHeroTxt {
  max-width: 500px;
  margin: 0 auto;
}
.subHeroTxt p {
  font-size: 22px;
  line-height: 120%;
  font-weight: 300
}
.introTxt h3, .conServTxt h3 {
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 10px
}
#introRow h2 {
  font-family: Open Sans;
  font-weight: 300;
  margin-bottom: 10px
}

#introRow h2:after {
  content: none;
}
#servHeadRow {
  padding-bottom: 0
}
.conServTxt {
  max-width: 600px;
  margin: 0 auto
}
#conProjRow h3 {
  font-size: 18px;
  font-weight: 700;
  font-style: italic
}
.bigProjImage {
  margin-bottom: 10px !important;
}

/* CSS STYLES */

.wpcf7 .vc_col-sm-6 {
  float: left;
  width: 50%;
  padding-right: 10px;
}
.noPaddingRight {
  padding-right: 0 !important;
}
.wpcf7 {
  max-width: 600px;
  margin: 0 auto;
}
.wpcf7 input, .wpcf7 textarea, .wpcf7 select {
  width: 100%;
  padding: 10px;
  font-size: 14px;
  margin-bottom: 10px
}
.booking-date input {
  border: 1px solid #B4B4B4;
}

#conDetailSection .wpcf7 {
  box-shadow: 0px 0px 22px 10px #00000010;
  padding: 20px
}

/* MOBILE RESPONSIVE CODE */

@media screen and (max-width: 980px) {
	
	 .bioPhoto {
  display: block !important;;
  height: 550px !important;
}
	
	.heroTxt p{
  font-size: 18px
}
.heroTxt h1 {
  font-size: 25px
}
#heroSection {
  background-position: 70% !important;
}
  
  .wpcf7 .vc_col-sm-6 {
    float: none;
    width: 100%;
    padding-right: 0px;
}
  
  #mobileHight {
    height: 300px !important;
    display: block
  }
  
  #bioSection {
    padding-bottom: 0;
    padding-top: 50px
  }
  #serviceSection {
    padding-bottom: 50px
  }
  
  #aboutSection {
    clip-path: unset !important;
}
  #serviceRow .et_pb_column {
  margin-top: unset
}
    #serviceRow .et_pb_column:nth-of-type(1) {
  margin-top: -50px
}
  .serviceTxt p:nth-of-type(1) {
  height: unset !important;
}
#serviceRow .et_pb_column {
  margin-right: initial !important; 
}
#serviceRow .et_pb_column_1_3 {
  width: initial !important;
}

	#headerRow {
  display: none;
}
	.mob-menu-header-holder {
 background-color: #fff !important; 
}
.mobmenur-container i {
  color: #000 !important;
}
  #serviceRow .serviceTxt img {
    width: 100%
  }

}
@media screen and (max-width: 1238px) {
.serviceTxt p:nth-of-type(1) {
  height: 250px
}

}
@media screen and (max-width: 1032px) {
.serviceTxt p:nth-of-type(1) {
  height: 280px
}

}