/*
 Theme Name:   Divi Child Theme
 Description:  Divi HeadHunters Recruitment Child Theme is ready for customisation. Divi HeadHunters Recruitment Child Theme is a flexible and multifunctional Divi child theme created to assist you in building beautiful and expert websites for any purpose.
 Author:       Divi.Expert (Eugene Dimov)
 Author URI:   https://divi.expert
 Template:     Divi
 Version:      1.01
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  divi-child-theme
*/


/* - FLEX TRICKS - place left column under right column on mobile only*/
/* - FLEX TRICKS -section content vertical align - */
/* - text selection style -*/
/* - inline objects- */
/* - Name in meta comments - */
/* - back to top button - */
/* - footer opt-in - */
/* - Footer columns style -*/
/* - logo style -*/
/* - change logo on scroll  - */
/* - Blurb Align buttons to the bottom  - */
/* - M E N U  - */
/* - change hamburger icon to x when mobile menu is open - */
/* - Footer section CSS style from 1024px to 980 screen sizes  - */
/* - align buttons to bottom of a column  - */
/* - Footer columns style - */
/* - column position style -  */
/* - add content before number counter value* -*/
/* - content style after number counter - */
/* - content style after number counter value on mobiles - */
/* - Remove Divi Menu Drop Shadow - */
/* - CSS Clamp Text style   - */
/* - Remove sidebar - */
/* - Remove thin line - */
/* - Make content 100% width - */




    
    /* FLEX TRICKS - place left column under right column on mobile only*/
     @media (max-width:768px) {
      .rcm {
        display: flex;
        flex-direction: column-reverse;
      }
    }
    /*end*/
    
    
    
      /* FLEX TRICKS -section content vertical align  */
      
      .va { 
          display: flex; 
          flex-direction: column; 
          justify-content: center;
      } 
      

    /* end of FLEX TRICKS -section content vertical align  */
    
    /* txt selection style */
    
    ::-moz-selection { /* Code for Firefox */
      color: #ffffff !important;
      background: #000000 !important;
    }
    
    ::selection {
      color: #ffffff !important;
      background: #000000 !important;
    }
    /*end txt selection style */
    
    
  




/*====== inline objects ======*/

.btn-inline .et_pb_button_module_wrapper {
	display: inline-block;
	margin: 0 5px;
  }
  
  .btn-inline {
	text-align: center !important;
  }
  
  .icon_inline .et_pb_icon {
	display: inline-block;
	margin: 0 10px;
  }
  
  
  
      /*text inline*/
	  .text_inline .et_pb_text {
        display: inline-block;
        margin: 0 10px;
    }

  
  
  /* 766px and bigger screen sizes */
  @media (min-width:766px){
  .text_inline_footer .et_pb_text {
	display: inline-block;
	margin: 0 10px;
  }
  }
	/* 766px and smaller screen sizes */
  @media (max-width:766px){
  .text_inline_footer .et_pb_text {
   margin-top:10px;
  }
  
	
  }
  
  
  /*========End===========*/







    
    
    /*Name in meta comments*/
    span.fn, span.fn a {
        color: #000000;
        font-weight: 300;
          font-size:1.1rem;
    }
    p.logged-in-as {
        color: #000;
    }
    
    /* end of Name in meta comments*/
    
    
    /*back to top button*/
    .et_pb_scroll_top.et-pb-icon {
    text-align: center;
    background: #000000;  /*change background colour*/
    color: #ffffff;  /* change icon colour */
    border-radius: 100px; 
        margin-right:20px
        
        
    }
    .et_pb_scroll_top.et-pb-icon:hover {
    text-align: center;
    background: #7cda24;  /*change background colour on hover */
    color: #ffffff;  /*change icon colour on hover */
        
    }








/*footer opt-in*/
@media (min-width: 767px) {
	/*set the width of the input fields minus the width of the button*/
	.et_pb_newsletter_fields .et_pb_newsletter_field {
		flex-basis: calc(100% - 195px) !important;
	}
	/*set the width of the button*/
	.et_pb_newsletter_fields .et_pb_newsletter_button_wrap {
		flex-basis: 180px !important;
	}
}


/*Footer columns style*/
/* 479px and smaller screen sizes */
@media (max-width:479px){

	/* Column 1/12 */
	.et_pb_section_0_tb_footer .et_pb_column:nth-child(1){
		margin-bottom:5px !important;
	}
	
	/* Column 1/12 */
	.et_pb_section_0_tb_footer .et_pb_column:nth-child(2){
		margin-bottom:5px !important;
	}
	
}

/*end*/









/*--logo style--*/


/* 380px and smaller screen sizes */
@media (max-width:380px){

  /* Logo */
  #logo{
    max-width:125px !important;
  }
  
}

/* 980px and smaller screen sizes */
@media (max-width:980px){

  /* Logo */
  #logo{
    max-width:160px !important;
  }
  
}


/* end*/


/* change logo on scroll */
.et-fixed-header #logo {
    content: url(https://copilot.co.za/wp-content/uploads/2025/12/CoPilot-PDF2-3.png);
}






/*-------------------------------*/
/* - Blurb Align buttons to the bottom -*/
/*------------------------------*/
 
 
        /* buttons fixed to the bottom */
            .bottom_fixed_buttons .et_pb_column {
                padding-bottom:30px;}
            .bottom_fixed_buttons .et_pb_button_module_wrapper {
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                margin: auto;}




.item_bottom {
  position: absolute; 
bottom: 0; 
left: 0; 
right: 0; 
margin: auto;
}





/* M E N U */


/* Link */
#mobile_menu_slide > .menu-item > a{
	font-family:'Mako', sans-serif;
	font-size:27px;
	padding-top:5px !important;
	padding-bottom:6px !important;
  
	
  }
  
  
  /* Link */
  #mobile_menu_slide .sub-menu a{
	font-size:27px;
	font-family:'Mako', sans-serif;
	color:#fff !important;
	padding-top:5px !important;
	padding-bottom:5px !important;
  }
  
  /* 380px and smaller screen sizes */
  @media (max-width:380px){
  
	/* Link */
	#mobile_menu_slide > .menu-item > a{
		font-size:25px;
		padding-bottom:0px !important;
		padding-top:5px !important;
		font-family:'Mako', sans-serif;
	}
	
	/* Link */
	#mobile_menu_slide .sub-menu a{
		font-size:25px;
		
	}
	
  }
  
  
  



/*menu items style*/
#top-menu > .menu-item > a{
  font-weight:400;}
#top-menu > .menu-item > a:hover{
  font-weight:400;
}
/* submenu items style */
#top-menu .sub-menu a{
  font-weight:400;  
}




/*change hamburger icon to x when mobile menu is open*/
#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
	content: '4d';
}


/*=======end MENU======== */








/* Footer section CSS style from 1024px to 980 screen sizes */
@media (max-width:1024px) and (min-width:980px){
	
	/* Heading */
	#footer_section .et_pb_column h2{
		font-size:120px;
	}
	
	/* Link */
	#footer_section .et_pb_button_0_tb_footer_wrapper a{
		font-size:14px !important;
	}
	
	/* Row 0 footer */
	#footer_section .et_pb_row_0_tb_footer{
		width:90%;
		transform:translatex(0px) translatey(0px);
	}
	
	/* Column 3/12 */
	#footer_section .et_pb_row_0_tb_footer .et_pb_column{
		width:40%;
	}
	
	/* Column 2/12 */
	#footer_section .et_pb_row_0_tb_footer .text_inline_footer{
		width:50%;
	}
	
	/* Column 3/12 */
	#footer_section .et_pb_row_2_tb_footer .et_pb_column{
		width:30%;
	}
	
	/* Column 2/12 */
	#footer_section .et_pb_row_2_tb_footer .text_inline_footer{
		width:60%;
	}
	
}

/*end*/







/* 768px and smaller screen sizes */
@media (max-width:768px){

	/* Menu container */
	#main-header .et_menu_container{
		width:90%;
		
	}
	
}


/* align buttons to bottom of a column */
.align-bottom-column-1 .et_pb_column {
	padding-bottom: 150px;
}
.align-bottom-column-1 .et_pb_button_module_wrapper {
	position: absolute; 
	bottom: 50px; 
	left: 50px; 
	right: 0; 
	margin: auto;
}


/* align buttons to bottom of a column */
.align-bottom-column-2 .et_pb_column {
	padding-bottom: 150px;
}
.align-bottom-column-2  .et_pb_button_module_wrapper {
	position: absolute; 
	bottom: 50px; 
	left: 50px; 
	right: 0; 
	margin: auto;
}

/*end*/



/*Footer columns style*/
/* 479px and smaller screen sizes */
@media (max-width:479px){

	/* Column 1/12 */
	.et_pb_section_0_tb_footer .et_pb_column:nth-child(1){
		margin-bottom:5px !important;
	}
	
	/* Column 1/12 */
	.et_pb_section_0_tb_footer .et_pb_column:nth-child(2){
		margin-bottom:5px !important;
	}
	
  }
  
  /*end*/
  


/* column position style  */
/* 766px and smaller screen sizes */
@media (max-width:766px){

  
	/* Column 1/12 */
	#quick_links .et_pb_column{
		margin-bottom:5px !important;
		
	}
	
  }
  /*end*/



/*add content before number counter value*/
.de-number-counter-before .percent-value:before {
	content: "$";
}
/*content style after number counter*/
.de-number-counter-after .percent-value:after {
	content: "+";
font-size:10rem;

}




/*content style after number counter value on mobiles*/
@media only screen and (max-width: 450px) {

.pa-number-counter-after .percent-value:after {
display:none;
}
}



/*end*/




/*=Remove Divi Menu Drop Shadow==*/

#main-header, #main-header.et-fixed-header {
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    box-shadow: none!important;
}
/*end*/


/* CSS Clamp Text style  */

html{
	font-size: 62.5%;
}

.clamp h1{
	
	font-size: clamp(4rem, calc(4rem + ((1vw - 0.32rem) * 1.25)), 6rem);
}

.clamp h2{
	
	font-size: clamp(3rem, calc(3rem + ((1vw - 0.32rem) * 1.25)), 5rem);
}

.clamp h3{
	
	font-size: clamp(2.8rem, calc(2.8rem + ((1vw - 0.32rem) * 0.625)), 3.8rem);
}

.clamp p{
	
font-size: clamp(2.2rem, calc(2.2rem + ((1vw - 0.32rem) * 0.125)), 2.4rem);
	line-height:2.8rem;
}

.clamp a{
	
font-size: clamp(2.2rem, calc(2.2rem + ((1vw - 0.32rem) * 0.125)), 2.4rem);
	line-height:2.8rem;
}

.clamp li{
	
font-size: clamp(2.2rem, calc(2.2rem + ((1vw - 0.32rem) * 0.125)), 2.4rem);
	line-height:2.8rem;
}



/* ---end of CSS Clamp Text style ---  */





/* Remove sidebar */
#sidebar{
	display:none;
  }
  
      /* end Remove sidebar */
  /* Remove thin line */
  #main-content .container:before{
	background: none;
  }
  

  
  /* Make content 100% width */
  @media (min-width: 981px){
  #left-area {
	width: 100%;
	padding-right: 0px !important;
  }}