/*
 Theme Name:   APLI Theme
 Theme URI:    https://apli.co.za
 Description:  Child Theme for Divi
 Author:       Just Imaging Design Studio
 Author URI:   http://justimaging.co.ke
 Template:     Divi
 Version:      1.0.0
*/

/*****Add any custom CSS below this line*****/

.container.et_menu_container {
  width: 95%;
  max-width: 1700px !important;
  /* padding-bottom: 15px; */
}

.et_header_style_left #et-top-navigation nav>ul>li>a, .et_header_style_split #et-top-navigation nav>ul>li>a {
  padding-bottom: 30px;
}
.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation{
  padding-top: 30px;
}

 #top-menu-nav>ul>li>a:hover {
   color: #0071b5;
 }

#top-menu li li a{
  width: 300px;
  font-size: 16px;
}

.nav li ul{
  width: 380px;
}

#main-header .nav li ul {
  background-color: rgba(0,67,122,0.73) !important;
}

#footer-bottom {
	padding: 0;
}
.carousel-link {
	padding-left: 0;
}

.companies-carousel{
  font-size: 80%;
  transform: scale(0.9);
  transition: transform 0.6s ease-in-out;
  padding-top: 60px;
}

.companies-carousel.swiper-slide-active {
  background: #2d2d2d;
  font-size: 100%;
  transform: scale(1);
  padding-bottom: 50px;

}
/********* OUR TEAM Section ****/

/*Postion the text module and centrally align text*/

.ds-advent-6-text-show {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 87%;
  cursor: pointer;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all .7s ease;
  transition: all .7s ease;
  opacity: 0;
	font-size: 14px !important;
}


.ds-advent-6-text-show:hover {
  opacity: 1;
}
/*Bold text*/

.ds-advent-6-text-show mark {
  display: block;
  background: transparent;
  font-weight: bold;
  color: #fff;
}

/*Text link colour*/

.ds-advent-6-text-show a {
  color: #fff;
}
 a.company-link {
   color: white;
   font-weight: bold;
   font-size: 16px
 }

/* Our team HR lines*/
 .hr-text {
  line-height: 1em;
  position: relative;
  outline: 0;
  border: 0;
  color: #0071b5;
  text-align: left;
  height: 1.5em;
  font-size: 30px;
  font-weight: bold;
  
}
.hr-text:before {
  content: '';
  background: #0071b5;
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 1px;
}
.hr-text:after {
  content: attr(data-content);
  position: relative;
  display: inline-block;  
  padding-right: 30px;
  line-height: 1.5em;
  color: #0071b5;
  background-color: #fff;
}

/* Full-width Video */
.videoWrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    /* padding-top: 25px; */
    height: 0;
}
.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.et_pb_video_box iframe {
    width: 100% !important;
}

/* Mobile Menu */

@media only screen and (max-width: 480px){

    header#main-header {
    position: fixed !important;
  }

.et_mobile_menu {
  padding-top: 70px;
  background-color: #02155abd;
  height: 100vh;  
  margin-left: 30px;
  width: calc(100vw - 30px);
}

.et_header_style_left #logo, .et_header_style_split #logo {
  max-width: 40%;
}

.et_mobile_menu li a{
  color: white !important;  
  font-size: 20px;
  font-weight:800;

}

.et_mobile_menu li li a{
  font-size: 16px;
  padding: 3px 10px;
  font-weight:600;
}

.et_mobile_menu li:last-child {
  border-bottom: 1px solid white;
  padding-bottom: 50px
}

.et_mobile_menu li li:last-child {
  border: none;
  padding-bottom: 0;
}

}