/*
 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
------------------------------------------------------- */

.purpleBtn{
  --timing: 2s;
  border: 0;
  width: var(--width);
  padding-block: 1em;
  color: #fff;
  font-weight: bold;
  font-size: 1em;
  transition: all 0.2s;
  border-radius: 3px;
}

.purpleBtn:hover {
  background-color:  #FF4801;

  animation: var(--timing) linear dance6123 infinite;
  transform: scale(1.1) translateY(-1px);

}

@keyframes dance6123 {
  to {
    background-position: var(--width);
  }
}

.blueMenuBtn a:hover{
  background-color: #FF4801;
  transition: all 0.6s !important;
}

.blueMenuBtn a{
  transition: all 0.6s !important;
}

.page-id-83 .heroButtonContainer .et_pb_code_inner, .page-id-85 .heroButtonContainer .et_pb_code_inner{
  max-width: 410px !important;
}


#gform_submit_button_1{
  background-color: #05042F;
  color: #fff;
  border: 1px solid #05042f;
  padding: 10px 40px;
  font-weight: 700;
  transition: all 0.6s
}

#gform_submit_button_1:hover{
  background-color: #fff;
  color: #05042F;
    transition: all 0.6s;
  cursor: pointer
}

/* GENERAL */

body, p, a, li, ul, H1, h2, h3, h4{
  font-family: "century-gothic", sans-serif !important;
}


/* HERO SECTION */

.heroTxtMod h1{
  font-family: "century-gothic", sans-serif;
  font-size: 40px;
  font-weight: 700;
  line-height: 130%
}

.heroTxtMod h2{
  font-family: "century-gothic", sans-serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 130%;
  margin-top: 10px
}

.heroButtonContainer .et_pb_code_inner{
  display: flex;
  justify-content: space-between;
  max-width: 550px;
  padding-top: 10px !important;
}

.purpleBtn{
  background-color: #14134B;
  font-family: "century-gothic", sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  padding: 10px 40px
}

.subHeading h2{
  font-family: "century-gothic", sans-serif;
  font-size: 35px;
  font-weight: 700;
  line-height: 120%
}
#strategyTxtMod p{
  font-family: "century-gothic", sans-serif;
  font-size: 18px;
  font-weight: 200;
  line-height: 130%;
  max-width: 809px;
  margin-top: 10px
}

#strategyTxtMod{
  padding-bottom: 40px !important;
}

.textMod h3{
  font-size: 20px;
  font-weight: 700;
  font-family: "century-gothic", sans-serif;
}

.textMod p{
  font-family: "century-gothic", sans-serif;
  font-size: 15px;
  line-height: 140%
}

.orangebtn{
  color: #FF4801;
  font-family: "century-gothic", sans-serif;
  font-size: 14px;
  font-weight: 700
}

/* SLIDER */

.strategiesMod .uk-overlay{
  background-color: #fff;
  color: #000000 !important;
  font-family: "century-gothic", sans-serif;
  font-size: 15px;
  font-weight: 200;
	line-height: 130%
}

.strategiesMod .uk-overlay h3{
 color: #FF4801 !important;
  font-family: "century-gothic", sans-serif;
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 0 !important;
  margin: 0 !important;
}
.et_pb_button{
  font-family: "century-gothic", sans-serif;
  font-size: 14px !important;;
  font-weight: 700 !important;;
}
.strategiesMod .uk-margin{
  margin-top: 5px !important;
}

.strategiesMod .uk-panel{
  border: 1px solid #FF4801;
  background-size:  inherit !important;
}
.textMod h2{
  font-size: 25px;
  font-weight: 700;
  font-family: "century-gothic", sans-serif;
  line-height: 130%
}
#articleRow p, .articleInfo{
   font-family: "century-gothic", sans-serif;
  font-size: 15px;
  font-weight: 200;
}

.articleHeading h4{
   font-family: "century-gothic", sans-serif;
  color: #000000;
  font-weight: 700;
  font-size: 18px !important;
}

.articleHeading em{
   font-family: "century-gothic", sans-serif;
  color: #B5B4B4;
  font-weight: 200;
  font-size: 13px
}
#footer-section{
  font-family: "century-gothic", sans-serif;
}

.footerTxtMod p{
  color: #5D5D5D;
  font-size: 15px
}

.footerTxtMod h3{
  color: #000000;
  font-size: 20px;
  font-weight: 700
}
.articleImage:after{
  content: url(/wp-content/uploads/Website-Logo.svg);
  width: 100px;
  position: absolute;
  right: 5px;
  top: 5px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 10.16);
  background-color: black;
  padding: 5px 5px 0px 5px
}

.heroTxtMod span{
  color: #F74901
}

#et-top-navigation{
  padding-left: 0 !important;
  padding-top: 0 !important;
}

#wp-megamenu-primary-menu{
  background-color: transparent
}

.wpmm-social-link{
  display: none !important;
}


.menu-item a{
  padding: 28px 20px !important;
  font-family: "century-gothic", sans-serif !important;;
}

.blueMenuBtn a{
  background-color: #14134B;
  color: #fff !important;
  font-weight: 700 !important;
  padding: 40px 35px !important;

}

.menu-item h4{
  color: #05042F !important;
  font-family: "century-gothic", sans-serif !important;
  font-weight: 700 !important;
}

/* SUBPAGES */

.subHeroTxtMod h1{
  color: #F74901;
  font-size: 18px;
  font-weight: 800
}

.subHeroTxtMod h2{
  color: #222222;
  font-size: 40px;
  font-weight: 800;
   line-height: 130%;
  margin-bottom: 10px
}

.subHeroTxtMod p{
  color: #222222;
  font-size: 18px;
  line-height: 150%
}

.page-id-83 .subHeroTxtMod h2{
  max-width: 500px
}
.subHeadTxtMod h2{
  color: #292929;
  font-size: 35px;
  font-weight: 800;
  line-height: 150%
    
}

.subTxtMod p{
  color: #292929;
  font-size: 15px;
  line-height: 180%
}

#investmentInfoSection .subTxtMod p strong{
  color: #F74901;
  font-weight: 800
}

#investmentInfoSection .subTxtMod p{
  margin-bottom: 20px
}

#investmentInfoRow{
  display: flex;
  align-items: center
}
.investBlurb h3{
  font-size: 20px !important;
  font-weight: 800
}

.investBlurb p{
  color: #343434;
  line-height: 150%
}

.investReasonBlurb h3{
  font-size: 20px;
  line-height: 120%;
  color: #05042F;
  padding-bottom: 0
}

.investReasonBlurb strong{
  color: #F74901;
  font-weight: 200
}

.investReasonBlurb .et_pb_main_blurb_image{
  width: 40px;
  margin-bottom: 0
}

.investReasonBlurb .et_pb_blurb_content{
  display: flex !important;
  align-items: center !important;
}
#subHeadPage h1{
  color: #222222;
  font-size: 40px;
}
.overviewContainer div{
  display: flex;

}

.overviewContainer strong{
  width: 200px;
  color: #222222;
  font-size: 15px
}
.FundSrategyTxtMod h3{
  color: #222222;
  font-weight: 900;
  font-size: 25px
}

.FundSrategyTxtMod {
     color: #222222;
  font-size: 15px
}

.characteristicsBlurb .et_pb_blurb_content{
  display: flex;
  align-items: center
}

.characteristicsBlurb .et_pb_main_blurb_image{
  margin-bottom: 0;
  width: 50px !important
}

.characteristicsBlurb h3{
  padding-bottom: 0;
  font-size: 20px
}

.characteristicsBlurb{
  max-width: 340px;
  margin:auto
}
.breadcrumbMod span{
  color: #8D8D8D
}
.breadcrumbMod {
  font-size: 13px
}
.breadcrumbMod span{
  color: #8D8D8D
}
.breadcrumbMod {
  font-size: 13px
}

.downloadBlurb .et_pb_blurb_content{
  display: flex;
  align-items: center
}

.downloadBlurb .et_pb_main_blurb_image{
  margin-bottom: 0
}
.downloadBlurb h3{
  padding-bottom: 0
}
.workTab .et_pb_tabs_controls{
  background-color: #14134B;
  
}
.workTab .et_pb_tabs_controls{
  background-color: #14134B;
  
}

.wp-megamenu-sub-menu{
  display: flex !important;

}

.wp-megamenu-sub-menu a{
  padding: 0 !important;
}

.wp-megamenu-sub-menu li:first-of-type{
  padding-right: 30px
}

#menu-investment-types-1, #menu-hg-funds-1, #menu-why-east-asia-1, #menu-about-hg-1{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 120px;
  padding-top: 5px;
  text-align: left
}
.wp-megamenu-sub-menu li img{
  width: 80px
}
.wp-megamenu-sub-menu{
  padding: 20px !important;
}
.wpmm-type-widget{
  text-align: center
}
.footerTxtMod a:hover{
  padding-left: 10px;
  color: #05042F;
  transition: all 0.6s
}

.footerTxtMod a{
   transition: all 0.6s
}

#menu-investment-types-1 a:hover{
  padding-left: 10px !important;
  transition: all 0.6s
  
}
#menu-hg-funds-1 a:hover{
   padding-left: 10px !important;
  transition: all 0.6s
}
#menu-why-east-asia-1 a:hover{
   padding-left: 10px !important;
  transition: all 0.6s
}
#menu-about-hg-1 a:hover{
   padding-left: 10px !important;
  transition: all 0.6s
}
.gform_title{
  display: none
}
.investNowForm{
box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.16);
  padding: 30px;
  margin-top: 30px

}

#bottomBurb{
  margin-bottom: -120px !important;
}

.researchBlurb{
  display: flex;
  align-items: center
}

.processBlurb{
  padding-left: 15px;
  padding-right: 15px

}

#processBntConRow .heroButtonContainer{
  display: flex;
  justify-content: center;

}
.investLeftCol{
  padding-right: 100px !important;
  height: 200px;
  display: flex;
  align-items: center
}

.investRightCol{
    margin-left: -9%
}

.investmentProcessRow{
  display: flex;
  align-items: center
}

.investmentProcessBlurbs .et_pb_blurb_content{
  display: flex;
  align-items: center
}

.investmentProcessBlurbs .et_pb_main_blurb_image{
  margin-bottom: 0;
  padding-right: 100px
}

/* _________________________ */

.mob-icon-down-open::before, .mob-icon-up-open::before  {
  color: #F74901;
  font-size: 15px
}


.menu-item-has-children a{
  font-size: 18px !important;
  font-weight: 700 !important;
   transition: all 0.6s
}

.sub-menu .menu-item-has-children a, .sub-menu a{
   font-size: 15px !important;
  font-weight: 200 !important;
}

.menu-item-has-children a:hover{
  margin-left: 10px !important;
  transition: all 0.6s
}

.mobileInvest a{
  text-align: center;
  background-color: #05042F;
  color: #fff !important;
 font-size: 15px !important;
 transition: all 0.6s;
  border: 1px solid #05042F
}

.mobileInvest a:hover{
  background-color: #fff;
  color: #05042F !important;
}

.menu-item-has-children a:nth-last-child(1){
  padding: 5px !important;
}

.mobileInvest{
  margin-top: 40px !important;
}

#heroLeftCol{
  max-width: 100%;
  margin-left: auto;
  padding-left: 110px;
  width: 725px;
  margin: 0 auto;
  padding-top: 70px;
  padding-bottom: 70px
}
#heroRightCol{
  max-width: 574px;
  width: 100%;
	line-height: 0;
	  padding-left: 20px
}

.downloadBlurb .et_pb_blurb_content{
max-width: 200px
}

@media screen and (max-width: 1126px){
	.page-id-87 #subHeroSection .heroButtonContainer .et_pb_code_inner{
  display: block !important;
}
.page-id-87 #subHeroSection .heroButtonContainer a{
  display: block;
  text-align: center;
  margin-bottom: 10px;
  margin-right: 20px
}
}


@media screen and (max-width: 1045px){
	
	.page-id-113 #investmentInfoSection{
  margin-top: 0
}
	
		.mob-menu-logo-holder{
  margin-left: 10% !important

}
.mobmenur-container{
  margin-right: 10% !important
}
}

#heroLeftCol{
  padding-right: 20px
}

@media screen and (max-width: 980px){
	
	.page-id-103 .reversedRow{
  display: flex
}

.page-id-103 .reversedRow .infoImage{
  margin-top: 30px
}
	
	.page-id-101 .reversedRow{
  display: flex;
  
}

.page-id-101 .reversedRow .infoImage{
  margin-top: 30px
}
	
	.investLeftCol{
  margin-left: 14%
}

.investmentProcessBlurbs{
  margin-left: -14%;
}

.investmentProcessBlurbs .et_pb_main_blurb_image{
  padding-left: 8%
}

.investmentProcessBlurbs .et_pb_blurb_container{
  padding-left: 1%
}

.investLeftCol {
  padding-right: 20px !important;
}
	
	.investRightCol{
    margin-left: -5%
}
	
	.page-id-109 #investmentWhyHeadRow {
  flex-flow: column
}
	
	.managersRow{
  flex-direction: column
}
	.managerPhoto img{
  width: 100%
}
	
	#fundStrategyRow div{
  display: block !important;
}
	
	.page-id-95 #subHeroSection .et_pb_row{
  flex-flow: column
}
.reversedRow{
  flex-flow: column-reverse !important;
}
.page-id-95 .reversedRow img{
  margin-top: 40px
}

	
	.page-id-85 .infoImageMod, .page-id-87 .infoImageMod{
  margin-top: 40px
}
	
	#invProcResearchRow .processRightCol{
  margin-bottom: 200px
}

.researchBlurb{
  height: unset !important;
  background-color: #fff
}
	
	
	.copyRightTxt a{
  display: block
}
	
#investmentInfoRow{
flex-direction: column-reverse
}
	#investmentWhyRow{
  max-width: 300px
}
	#sloganRow .et_pb_module{
  text-align: center
}
	#aboutTxtMod{
  max-width: 100%
}
	.investReasonBlurb{
max-width: 290px;
  margin: auto
}
	
	#heroRightCol.et_pb_column_empty{
  display: block !important;
  height: 400px;
  max-width: 100%

}
#heroLeftCol{
  width: 80% !important;
  padding-left: 0;
  margin: auto !important;
  float: unset
}
	
  #heroSection .et_pb_row{
    display: block !important;
    
  }
  #heroSection{
    padding-top: 60px
  }
  .heroTxtMod{
    text-align: center !important;
  }
  #heroSection .heroButtonContainer .et_pb_code_inner{
    display: block;
    text-align: center
  }
  #heroSection .heroButtonContainer a{
    display: block;
    margin-bottom: 10px
    
  }
  #heroSection .heroButtonContainer{
    max-width: 400px;
    margin: auto
  }
  .heroImage{
    text-align: center !important;
  }
	  #subHeroSection{
    margin-top: 0
  }

  
}


@media screen and (max-width: 570px){
	
	.managersBio .et_pb_team_member_image{
  max-width: 100% !important;
}
		
	.purpleBtn{
  display: block
}
	
#heroLeftCol .heroButtonContainer .et_pb_code_inner{
  flex-flow: column;
  max-width: 100% !important;
}

.heroButtonContainer a{
  margin-bottom: 10px;
  text-align: center
}
	#heroLeftCol{
  padding-right: 0
}
	
	.purpleBtn{
  text-align: center
}
	#gform_submit_button_1{
  width: 100%
}
	
	.investLeftCol{
  height: 100%;
}

.investmentProcessBlurbs{
  padding-bottom: 30px
}
	
	.investLeftCol{
  margin-left: 15%
}

.investmentProcessBlurbs{
  margin-left: -22%;
}

.investmentProcessBlurbs .et_pb_main_blurb_image{
  padding-left: 8%
}

.investmentProcessBlurbs .et_pb_blurb_container{
  padding-left: 1%
}

.investLeftCol {
  padding-right: 20px !important;
}
	
	.advanBlurb .et_pb_blurb_content, .advanBlurb p, .advanBlurb h3{
  text-align: center !important
}
	
	.page-id-87 #subHeroSection .heroButtonContainer a{
 
  margin-right: 0px
}
		
	#heroLeftCol{
  width: 90% !important;
}
	
	#subHeroRow{
  width: 100% !important;
}
	.mob-menu-logo-holder{
  margin-left: 5% !important

}
.mobmenur-container{
  margin-right: 5% !important
}
  .et_pb_row{
    width: 90% !important;
  }
  #whyRow, #sloganRow{
    padding: 20px !important;
  }
  #aboutRow{
    padding: 20px !important;
  }
  #aboutTxtMod, #aboutRow p{
    text-align: center !important;
  }
  
}