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

#wppb-ul-theme-tablesi .wppb-ul-search .wppb-clear-results {
  font-size: 14px !important;
  line-height: 120% !important;
}

.profile-container #wppb-ul-theme-tablesi h4{
  padding-bottom: 0;
  margin-bottom: 0;
  color: #3E9AB7;
  font-weight: 700
}

.profile-container #wppb-ul-theme-tablesi p{
  color: #8A8B8A !important;
  margin-bottom: 10px
}

.profile-container #wppb-ul-theme-tablesi .wppb-ul-section h3{
  text-transform: uppercase;
  font-size: 20px;
 color: #1A2745;
  font-weight: 700;

}

.profile-container #wppb-ul-theme-tablesi p a{
  color: #8A8B8A !important;
  text-decoration: underline !important;
}



/* .logged-in .public-user-link{
  display: none !important;
}

.admin-link{
  display: none !important;
}

.logged-in .admin-link{
  display: block !important;
} */

.profile-container #wppb-form-style-1-wrapper{
  background: #fff;
box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.16);
  border-radius: 5px;
 padding: 30px
}


.wppb-ul-user {
      background: linear-gradient(#3E9AB7 50%, transparent 50%) !important;
    border-radius: 5px !important
}

#wppb-ul-theme-tablesi{
  padding: 20px 10px !important;
}

.page-id-418 .profile-container{
background: #fff;
box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.16);
  border-radius: 5px
}

.wppb-ul-title{
  font-size: 30px !important;;
  color: #208AAC !important;;
  font-weight: 700;
  font-family: lato !important;;
  line-height: 120% !important;;
}

.et_pb_menu .et_pb_menu__menu > nav > ul > li > ul {
  padding-top: 20px
	}

.page-id-474 .entry-title{
  display: none
}

.page-id-474 .entry-content{
  padding: 50px;
  max-width: 900px;
  margin: auto;
background: #fff;
box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.16);
  border-radius: 5px
}

.page-id-474 .fieldset-logged_in{
  margin-bottom: 20px;
  padding-bottom: 30px
}

.page-id-474 input, .page-id-474 select{
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #208AAC
}

.page-id-474 #wp-job_description-editor-container{
    border-radius: 5px !important;
  border: 1px solid #208AAC !important;
}

.single_job_listing .company {
  border: 1px solid #208AAC;
  box-shadow: unset !important;;
  border-radius: 5px
}

.page-id-476 .entry-title{
  display: none
}

.page-id-476 .entry-content{
  padding: 50px;
  max-width: 900px;
  margin: auto;
background: #fff;
box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.16);
  border-radius: 5px
}

.page-id-476 .job_filters{
  display: none
}

.page-id-475 .entry-title{
  display: none
}

.page-id-475 .entry-content{
  padding: 50px;
  max-width: 900px;
  margin: auto;
background: #fff;
box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.16);
  border-radius: 5px
}

.single-job_listing .post-meta, .single-job_listing .et_post_meta_wrapper img{
  display: none !important;
}
.single-job_listing #sidebar{
  display: none
}

.single-job_listing #left-area{
  float: unset !important;
  padding: 50px;
  width: 100%;
  max-width: 900px;
  margin: auto;
background: #fff;
box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.16);
  border-radius: 5px

}

.single-job_listing #main-content .container::before {
  display: none
}

.single-job_listing .et_post_meta_wrapper h1{
  font-size: 30px;
  color: #208AAC;
  font-weight: 700;
  font-family: lato;
  line-height: 120%;
}

.application_button, .button{
  border: 1px solid #208AAC;
  padding: 10px 20px !important;;
  border-radius: 5px;
  font-size: 15px !important;
  background-color: #fff;
  color: #208AAC;
  transition: all 0.6s
}

.application_button:hover, .button:hover{
  background-color: #208AAC;
  color: #fff;
  cursor: pointer;
    transition: all 0.6s
}

.application_details input, .application_details .input-text{
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #208AAC
}
.application_details{
    border-radius: 5px;
  border: 1px solid #208AAC !important;
  padding: 20px !important;
}

.single_job_listing .application .application_details::before {
  border-color: #208AAC !important;
}

.profile-container{
  max-width: 900px;
  margin: auto
}

/* GENERAL */

.gform_confirmation_message_1{
  color: #800020
}

.subHeroHead h1{
  font-weight: 700
}
#servivesIntroTxtMod p{
  max-width: 700px;
  margin: auto
}
.heroSlider .uk-margin p{
  line-height: 120%
}

body p, body a, body ul, body li {
  line-height: 140%;
  font-size: 15px
}
h1, h2, h3, h4, h5 {
  line-height: 140%
}
.flexedRow{
  align-items: center
}

/* Hero Section */

#subHeroRow{
  margin-left: 250px
}
.backgroundElement{
  position: absolute;
  right: 0px;
  bottom:0px;
  z-index: 0
}
.heroSlider p{
  position: relative;
  font-size: 40px;
  color: #fff;
  z-index: 1;
}
.heroSlider .uk-overlay >div{
  width: 100%;
  margin-left: 250px
}
.heroSlider .uk-scope .uk-background-cover{
  background-size:  initial;
  background-position: left
  
}

/* Header */

#leftMenu{
  display: flex !important;
  justify-content: right !important
}
.headerLogoCol{
  width: 145px !important;
}
#headerRow{
  display: flex !important;
  justify-content: center !important;
  padding: 10px 0px !important;
  align-items: center !important
}
#headerSection .menu-item a{
  font-size: 14px !important;
  text-transform: uppercase !important;
  font-family: Lato !important;
  font-weight: 700!important
}
.current-menu-item a{
  color: #208AAC 
}
.menu-item a:hover{
  color: #208AAC !important;
}
#mobmenuright li a:hover{
  color: #ffff !important;
}

/* Footer */

.copyRightTxt .et_pb_text_inner, .copyRightTxt a{
  font-size: 13px
}

.footerLogo img{
  margin-bottom: -30px !important;
  background-color: #8A8B8A !important;
  padding-left: 20px !important;
  padding-right: 20px !important
}
#footerLogoRow{
  margin-bottom: 50px !important;
  padding-top: 20px !important
}
#footerSection a:hover{
  color: #800020 !important;
}
.copyRightTxt img{
  vertical-align: middle !important;
  max-height: 12px !important;
}
#sustainabilitySection{
  margin-bottom: -55px
}
#footerBeforeElementSection{
  background-color: unset !important;
}
#locationBlurb div, #phoneBlurb div{
  margin: unset
}
#footerContactRow .et_pb_with_border{
  border-left: 1px solid #D1D3D4;
  padding-left: 50px
}
.footerContactform input, .footerContactform textarea{
  background-color: #A7A7A7 !important;
  border-color: #A7A7A7;
  border-radius: 5px;
  color: #fff !important;
  font-family: lato !important;
}
.footerContactform .gform_title{
  color: #ffff !important;
  font-size: 15px;
  font-weight: 700;
  font-family: lato
}
#gform_submit_button_1{
  background-color: transparent !important;
  border: 1px solid;
  padding: 5px 20px
}
#gform_submit_button_1:hover{
  background-color: #800020 !important;
  border-color: #800020 !important;
  cursor: pointer
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #fff;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #fff;
}

/* HOME PAGE */

.learderPhoto .et_pb_main_blurb_image img{
  filter: grayscale(100%)
}
.leadershipTxtMod .et_pb_text_inner{
  position: relative;
  height: 100%
}
.leadershipTxtMod .whiteArrowBtn{
  position: absolute;
  bottom: 20px
}

#homeProjectRow{
  padding-bottom: 240px
}
#homeLeadershipRow{
  padding-top: 50px
}
#sustainabilitySection{
  padding-top: 125px
}
#leadershipTxtMod{
  max-width: 802px;
  margin:auto
}
#sustainabilityTxtMod h3{
  max-width: 970px;
  margin:auto
}
#sustainabilityRow p{
  max-width: 700px;
  margin: auto
}
#sustainabilityTxtMod strong{
  line-height: 200%
}

#homeLeadershipSection {
margin-bottom: -50px;
}
.leadershipBioRow {
z-index: 1;
background-color: #fff !important
}

.learderPhoto{
  box-shadow: 0px 3px 80px rgba(0, 0, 0, 0.16);
  padding:10px;
  background-color: #ffff

}
.leadershipTxtMod{
  box-shadow: 0px 3px 80px rgba(0, 0, 0, 0.16);
}
.learderPhoto .et_pb_main_blurb_image{
  margin-bottom: 20px
}
.learderPhoto h3{
  color: #208AAC;
  font-weight: 700;
  font-family: lato;
  font-size: 15px
}


#homeLeadershipSection{
  display: flex;
}

.flip-box-row {
  background-color:  transparent !important;
  width: 316px;
  height: 344px;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}
 
.flip-box-column {
  position: relative;
  width:100%;
  height: 100%;
  -webkit-transition: transform 0.8s;
  transition: transform 0.8s;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
 
.flip-box-row:hover .flip-box-column {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
 
.flip-box-front, .flip-box-back{
  position: absolute;
   width:100%;
  height: 100%;
  -webkit-transform: translate3d(0,0,0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
 
.flip-box-back {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.TxtModule h2{
  font-size: 18px;
  color: #4B4B4B;
  font-weight: 700;
  font-family: lato;
  border-top: 1px solid #800020;
  border-bottom: 1px solid #800020;
  padding-bottom: 5px;
  padding-top: 5px;
  display: inline-block;
}
.TxtModule h3, #aboutTxtMod h1{
  margin-top: 20px !important;
}
.TxtModule h3, #aboutTxtMod h1{
  font-size: 30px;
  color: #208AAC;
  font-weight: 700;
  font-family: lato;
  line-height: 120%
}
.TxtModule p{
  color: #4B4B4B;
  font-family: lato
}
.btn{
  font-size: 14px;
  font-family: lato;
    font-weight: 700
}
.blueArrowBtn{
  color: #4B4B4B;
}
.blueArrowBtn:after{
  content: url(https://rasnco.co.za/wp-content/uploads/Button-Element.svg);
  vertical-align: center;
  margin-left: 10px
}

.whiteArrowBtn{
  color: #fff
}
.whiteArrowBtn:after{
  content: url(https://rasnco.co.za/wp-content/uploads/Button-Element-White.svg);
  margin-left: 10px
}
.whiteArrowBtn:hover:after{
  margin-left: 20px !important;
}
.blueArrowBtn:hover:after{
  margin-left: 20px !important;
}
.sheqImage{
  margin-top: -50px
}
#sheqTxtMod h2, #ethicsTxtMod h2{
  border-color: #fff
}
#sheqTxtMod, #servicesTxtMod, #leadershipTxtMod, #sustainabilityTxtMod{
  text-align: center;
}
#sheqTxtMod p{
  color: #fff
}
.sheqImage{
  margin-bottom: 50px !important;
}
#sheqTxtMod p{
  max-width: 880px;
  margin: auto;
}
#sheqTxtMod{
  padding-bottom: 20px
}
.TxtModule h3{
  margin-bottom: 15px !important;
}
.vismisMod{
height: 239px;
box-shadow: 0px 3px 35px rgba(0, 0, 0, 0.16);
  padding:50px;

}
#homeVisMisRow{
  margin-top: 25px
}
.vismisMod h3{
  font-size: 15px;
  text-transform: uppercase;
  color: #208AAC;
  font-weight: 700;
  font-family: lato;
  margin-bottom: 10px
}
#homeAboutRow{
  margin-bottom: 50px
}
#servicesTxtMod{
  max-width: 800px;
  margin: auto
}
#homeProjectSection{
  padding-top: 0px
}
.projectImages img{
box-shadow: 0px 3px 80px rgba(0, 0, 0, 0.16) !important;
  margin-bottom: 10px
}
#homeProjectRow{
  display: flex
}
.projectTxt h3{
  color: #13265C;
  font-size: 15px;
  font-weight: 700;
  font-family: lato
}
.projectTxt ul{
  margin-bottom: 30px;
  padding-top: 10px
}
.projectTxt li{
  margin-bottom: 20px;
  color: #4B4B4B;
  font-family: lato;
}
.redHeading{
  color: #800020 !important;
}
.blueListStyle li{
  list-style-image: url(https://rasnco.co.za/wp-content/uploads/Blue-Style-Icon.svg);
    margin-left: 20px;
}
.redListStyle li{
  list-style-image: url(https://rasnco.co.za/wp-content/uploads/Red-Styling-Icon.svg);
    margin-left: 20px;
}
.leadershipTxtMod{
  padding: 20px
}

#ethicsTxtMod p{
  color: #ffff
}
#ethicsTxtMod ol{
padding-top: 10px;
}
#ethicsTxtMod li{
  list-style-position: outside;
  margin-left: 20px;
  margin-bottom: 5px
}

/* ABOUT PAGE */

@media only screen and (max-width: 1267px) {
  .aboutMemMod{
    Background-position: top left !important;
  }

}

.greenValue{
  background-color: #208AAC
}
.greenTxtValue{
  color: #ffff
}
.whiteTxtValue{
  color: #208AAC
}
.valueTxtMod{
  padding-top: 50px;
  padding-bottom: 50px;
}
.valueTxtMod p{
  font-size: 20px;
  font-family: lato
}
#valuesRow{
box-shadow: 0px 3px 35px rgba(0, 0, 0, 0.16);
}
#leadershipSection img {
  filter: grayscale(100%);
}
#aboutIntroTxtMod h3{
  max-width: 850px;
  margin: auto
}
#aboutIntroTxtMod p{
  max-width: 600px;
  margin: auto
}

/* SERVICES */

.page-id-12 .vismisMod{
  height: unset 
}
.page-id-12 #servicesMod{
  margin-bottom: 34px
}
#servicesRow{
  padding-bottom: 0 !important;
}
.page-id-14 #aboutTxtMod {
  background-color: #fff
}

/* RESPONSIVE */

@media screen and (max-width: 980px){
	
	#wppb-form-style-1-wrapper{
  max-width: 100% !important;
}
	#headerSection{
		display: none !important;
	}
	.heroSlider .backgroundElement{
 max-height: 100%
}
	.flexedRow{
  display: block !important;
}
	.heroSlider p{
font-size: 18px
}
.heroSlider .uk-panel{
  max-height: 200px;
  background-size:  cover !important;
}
.heroSlider .uk-overlay > div{
  margin-left: 80px
}
	.vismisMod {
  height: unset
}
	#homeLeadershipSection{
  display: block
}
.leadershipBioRow{
  margin-bottom: 50px
}
	#sustainabilitySection{
  padding-bottom: 200px
}
	#footerContactRow .et_pb_with_border {
  border: none
}
	.borderCol{
  border-bottom: 1px solid #D1D3D4;
  padding-bottom: 70px;
  margin-bottom: 70px
}
#footerContactRow .et_pb_with_border{
  padding-left: unset
}
.subHeroHead h1{
  font-size: 18px !important
}
#subHeroSection{
  height: unset !important;
  padding-top: 70px
}
#subHeroRow{
  margin-left: 120px
}
	.page-id-14 #aboutTxtMod{
  text-align: center
}
.page-id-14 #homeAboutRow{
  margin-bottom: 0
}

.page-id-14 #footerBeforeElementSection{
  margin-top: 50px
}
	#homeAboutRow{
  background-image: none
}
	.TxtModule h3, #aboutTxtMod h1 {
  font-size: 25px !important
}
	#homeLeadershipSection{
  margin-bottom: -100px
}
	#sheqRowTwo {
display:flex !important;
flex-direction: column-reverse;
}

#sheqRowTwo img{
  padding-bottom: 30px
}
	.page ul{
  text-align: left
}
}
@media screen and (max-width: 479px) {
	
	.wppb-msf-step fieldset ul{
  width: 310px !important;
}
	
	.profile-container #wppb-form-style-1-wrapper {
  padding: 20px
}
	
	.container {
  width: 90% !important;
}

	
	.et_pb_row{
  width: 90%
}

	
	#valuesRow .valueTxtMod:nth-child(odd) {
background-color: #208AAC;
  color: #ffff
}
#valuesRow .valueTxtMod:nth-child(even) {
background-color: #fff;
  color: #208AAC
}
}