/*
Theme Name:   NGL Africa
Theme URI:    http://lucidity.design
Description:  This is a custom child theme of Divi.
Author:       Richard George Davis
Author URI:   http://lucidity.design
Template:     Divi
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/
@media (min-width: 981px) {

  .ngl-menu-top .et_pb_column_1_tb_header,
  .ngl-main-menu .et_pb_column_4_tb_header {
        width: 70% !important;
    padding: 0 1.5%;
  }

  .ngl-menu-top .et_pb_column_2_tb_header,
  .ngl-main-menu .et_pb_column_5_tb_header {
    width: 15% !important;
  }

  body .ngl-menu-top .et_pb_column_0,
  body .ngl-main-menu .et_pb_column_3,
  body .ngl-menu-top .et_pb_column_2,
  body .ngl-main-menu .et_pb_column_5 {
    width: 15% !important;
  }

  body .ngl-menu-top .et_pb_column_1,
  body .ngl-main-menu .et_pb_column_4 {
    width: 70% !important;
  }

  body .et-menu-nav ul.et-menu li, #top-menu li {
    padding: 0 .75vw !important;
    margin-left: 0 !important;
  }
}

/* gallery slider module */
.ngl-solution .gallery-module {
  border: 10px solid #677482;
  border-radius: 20px !important;
}

/* slider previous and next buttons */
.ngl-solution a.et-pb-arrow-prev {
  color: #fff !important;
  background: #677482;
  margin-left: -23px !important;
  border-radius: 0 20px 20px 0 !important;
}

.ngl-solution a.et-pb-arrow-next {
  color: #fff !important;
  background: #677482;
  margin-right: -23px !important;
  border-radius: 20px 0 0 20px !important;
}

@media (max-width: 767px) {
  .ngl-solution .et_pb_slider:hover .et-pb-arrow-prev, .et_mobile_device .et-pb-arrow-prev {
    left: 16px;
  }

  .ngl-solution .et_pb_slider:hover .et-pb-arrow-next, .et_mobile_device .et-pb-arrow-next {
    right: 16px;
  }
}

.gallery-module .et_pb_gallery_item a {
  pointer-events: none;
}

.gallery-module .et_overlay {
  display: none !important;
}

/* slider controller color modification */
.ngl-solution .et_pb_bg_layout_light .et-pb-controllers a {
  background-color: #fff;
}

/* .ngl-service-header.et_pb_sticky {
  left: 0 !important;
} */
.ngl-service-header.et_pb_sticky h3 {
  font-size: 90%;
}

@media (max-width: 980px) {
  .ngl-service-header.et_pb_sticky .et_pb_column {
    padding-top: 60px;
  }

  .ngl-service-header.et_pb_sticky h3 {
    font-size: 90%;
  }
}

.ngl-bg {
  position: fixed;
  z-index: -99;
  width: 100%;
  height: 100%;
  top: 0;
}

.da11y-screen-reader-text {
  display: none;
}

.et_parallax_bg:before {
  content: "";
  display: block;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(34, 64, 143, 0.7);
}

/*Horizontal Scroll-Bar Bug*/
#page-container {
  overflow: hidden;
}

/*-- [START - list of logos horizontal centered ] ---*/
.logo-img-list .et_pb_column {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center
}

.logo-img-list .et_pb_column .et_pb_image {
  max-width: 200px;
  margin: auto .46em !important;
  padding: 0 .5em;
  -o-object-fit: contain;
  object-fit: contain
}

.logo-img-list .et_pb_column .et_pb_image .et_pb_image_wrap img {
  height: auto;
  max-height: 80px;
  -o-object-fit: contain;
  object-fit: contain
}

/*-- [ menu breakpoint ] --*/
/* @media (max-width: 1250px) {
  #et_mobile_nav_menu {
    display: block;
  }

  #top-menu {
    display: none;
  }

  #et_mobile_nav_menu {
    display: block !important;
  }
}

/*-- [ Ordered list fix ] --*/
article ol li, article ul li {
  margin-bottom: 5px !important;
  margin-top: 5px;
  margin-left: 5px !important;
}

article ul ul {
  margin-left: 30px !important;
}

#left-area ol, .comment-content ol, .entry-content ol {
  list-style-position: outside;
}

article ol ol {
  margin-left: 30px !important;
}

article ul li:last-child, article ol li:last-child {
  margin-bottom: 0 !important;
}

.entry-content ul {
  padding: 0 0 2px 2em;
}

/*- Add any CSS custom code for this child theme below this line -*/
/*---[MEDIA QUERIES: MEDIA QUERY SIZES FOR MOBILE, TABLET, DESKTOP ETC]---*/
/*** Responsive Styles Large Desktop And Above ***/
/*** Responsive Styles Standard Desktop Only ***/
/*** Responsive Styles Tablet and Below ***/
/*** Responsive Styles Tablet Only ***/
/* iPad Pro - Portrait and Landscape */
/* iPad Pro - Portrait */
/* iPad Pro - Landscape */
/*** Responsive Styles Smartphone Only ***/
/*** Responsive Styles Smartphone Portrait ***/
/** Landscape Only **/
/** Portrait Only **/
/** Most laptops and widescreens **/
/** Retina Displays  **/
/*---[PREVENT TEXT FROM BREAKING ON MOBILE]---*/
/* h1, h2, h3, h4, h5, h6 {
  overflow-wrap: normal;
} */
/*---[ START - ken burns effect ]---*/
/*  - Set background image "Use parallax effect" and method css */
.kb-zoomin .et_parallax_bg {
  animation: zoomin 30s infinite;
  -ms-animation: zoomin 30s infinite;
  -webkit-animation: zoomin 30s infinite;
  -moz-animation: zoomin 30s infinite;
  /*     display: none; */
}

@-webkit-keyframes zoomin {
  0% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  45%, 45% {
    -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
    transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
  }

  100% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
}

@keyframes zoomin {
  0% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }

  45%, 45% {
    -webkit-transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
    transform: scale3d(1.5, 1.5, 1.5) translate3d(0px, 0px, 0px);
  }

  100% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    transform: scale3d(1.1, 1.1, 1.1) translate3d(0px, 0px, 0px);
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
  }
}

/*---[ START - A CSS-only, animated, wrapping underline. ]---*/
/* standard */
/* .animated_underline a {
  color: #dfe5f3;
  text-decoration: none;
  background-image: linear-gradient(rgb(176, 251, 188), rgb(176, 251, 188));
  background-size: 100% 2px;
  background-position: 0 100%;
  background-repeat: no-repeat;
} */
/* Two backgrounds */
/* .animated_underline a {
  color: #dfe5f3;
  text-decoration: none;
  background-image: linear-gradient(rgb(176, 251, 188), rgb(176, 251, 188)),
    linear-gradient(#feb2b2, #feb2b2);
  background-size: 100% 2px, 100% 2px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat, no-repeat;
} */
/* Transitioning the background-size */
/* .animated_underline a {
  color: #dfe5f3;
  text-decoration: none;
  background-image: linear-gradient(rgb(176, 251, 188), rgb(176, 251, 188)),
    linear-gradient(#feb2b2, #feb2b2);
  background-size: 100% 2px, 0 2px;
  background-position: 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 2s linear;
}

.animated_underline a:hover {
  background-size: 0 2px, 100% 2px;
} */
/* Three backgrounds */
/* .animated_underline a {
  color: #dfe5f3;
  text-decoration: none;
  background-image: linear-gradient(#222b40, #222b40),
    linear-gradient(rgb(176, 251, 188), rgb(176, 251, 188)),
    linear-gradient(#feb2b2, #feb2b2);
  background-size: 20px 2px, 100% 2px, 0 2px;
  background-position: calc(20px * -1) 100%, 100% 100%, 0 100%;
  background-repeat: no-repeat;
  transition: background-size 2s linear, background-position 2s linear;
}

.animated_underline a:hover {
  background-size: 20px 2px, 0 2px, 100% 2px;
  background-position: calc(100% + 20px) 100%, 100% 100%, 0 100%;
} */
/*---[ Coming Soon ]---*/
/* .ngl_top_section .et_pb_text:not(:first-child) .et_pb_text_inner {
  background-color: #fff;
  display: inline-block;
  padding: 0 15px;
} */
/* #page-container #main-content .ngl_top_section .et_contact_bottom_container {
  float: none;
  text-align: center;
  margin-top: -3px;
} */
/* #page-container #main-content .ngl_top_section .et_contact_bottom_container button {
  padding: 9px 30px !important;
  margin: 0 !important;
} */
.ngl_top_section .et_pb_social_media_follow {
  position: absolute;
  width: 100%;
  bottom: -39px;
  left: 0;
}

.ngl_top_section .et_pb_social_media_follow li:last-child a.icon {
  margin-right: 0 !important;
}

.ngl_top_section .et_pb_social_media_follow li a.icon:hover {
  background-color: #22408f !important;
}

.ngl_top_section .et_pb_social_media_follow li a.icon {
  width: 64px;
  height: 64px;
  /*   text-align: center; */
  margin-right: 17px;
  transition: 0.3s;
}

.ngl_top_section .et_pb_social_media_follow li a.icon:before {
  width: auto;
  height: auto;
  text-align: center;
  padding: 15px 0;
}

/*Responsive*/
@media only screen and (max-width: 1390px) {
  .ngl_top_section .et_pb_row {
    width: 90% !important;
  }
}

@media only screen and (max-width: 480px) {
  .ngl_top_section .et_pb_social_media_follow li a.icon {
    width: 50px;
    height: 50px;
    margin-right: 10px;
  }

  .ngl_top_section .et_pb_social_media_follow li a.icon:before {
    padding: 10px 0;
  }
}

/*---[ pulse button ]---*/
@-webkit-keyframes halloweenpulse {
  0% {
    box-shadow: 0 0 0 0 rgba(78, 144, 220, 1), 0 0 0 0 rgba(78, 144, 220, 1);
  }

  33% {
    box-shadow: 0 0 0 10px rgba(78, 144, 220, 0), 0 0 0 0 rgba(78, 144, 220, 1);
  }

  66% {
    box-shadow: 0 0 0 5px rgba(78, 144, 220, 0), 0 0 0 10px rgba(78, 144, 220, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(78, 144, 220, 0), 0 0 0 5px rgba(78, 144, 220, 0);
  }
}

@keyframes halloweenpulse {
  0% {
    box-shadow: 0 0 0 0 rgba(78, 144, 220, 1), 0 0 0 0 rgba(78, 144, 220, 1);
  }

  33% {
    box-shadow: 0 0 0 10px rgba(78, 144, 220, 0), 0 0 0 0 rgba(78, 144, 220, 1);
  }

  66% {
    box-shadow: 0 0 0 5px rgba(78, 144, 220, 0), 0 0 0 10px rgba(78, 144, 220, 0);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(78, 144, 220, 0), 0 0 0 5px rgba(78, 144, 220, 0);
  }
}

.ngl-btn {
  -webkit-animation: halloweenpulse 3s linear infinite;
  animation: halloweenpulse 3s linear infinite;
  /*   padding: 20px 60px !important; */
  border-radius: 50px !important;
  border: none;
  color: #fff !important;
  font-size: 20px;
  transition: all 0.4s ease-in-out;
  display: inline-block;
  vertical-align: middle;
  z-index: 10;
  position: relative;
}

@media (max-width: 980px) {
  .ngl-btn {
    padding: 20px 30px !important;
    font-size: 16px;
  }
}

/* .ngl-btn:hover {
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1)
} */
body .dipi_flip_box .dipi-flip-box-front-side .dipi-image-wrap img {
  height: 70px !important;
  max-width: 80px;
}

/* column list */
.ngl-multi-col-view ul {
  webkit-column-count: 2;
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 3em;
  -moz-column-gap: 3em;
  column-gap: 3em
}

.ngl-multi-col-view ul ul {
  webkit-column-count: 1;
  -moz-column-count: 1;
  -webkit-column-count: 1;
  column-count: 1;
  -webkit-column-gap: 3em;
  -moz-column-gap: 3em;
  column-gap: 3em
}

@media all and (max-width:980px) {
  .ngl-multi-col-view ul {
    webkit-column-count: 1;
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1
  }
}

/* end column list */
/* popup contact form */
body .popup_contact ul.et_pb_social_media_follow,
body .popup_contact .et_pb_social_media_follow li {
  margin: 0 !important;
  padding: 0 !important;
}

@media only screen and (max-width: 1390px) {
  .popup_contact .et_pb_row {
    max-width: 100% !important;
    width: 90%;
  }

  .popup_contact .et_pb_row .et_pb_contact_form_container {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
}

@media only screen and (max-width: 980px) {
  .popup_contact .et_pb_column_1_4 .et_pb_social_media_follow {
    display: none !important;
  }

  .popup_contact .et_pb_column_1_4 .et_pb_promo:last-of-type {
    margin-right: 0 !important;
  }

  .popup_contact .et_pb_column_1_4 {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
  }

  .popup_contact .et_pb_column_1_4 .et_pb_promo {
    border-bottom: none !important;
  }
}

@media only screen and (max-width: 480px) {
  .popup_contact .et_pb_column_1_4 .et_pb_promo {
    width: 100% !important;
    margin-right: 0;
  }

  .popup_contact .et_pb_contact_form p {
    width: 100% !important;
    margin-right: 0% !important;
  }

  .popup_contact .et_pb_contact .et_contact_bottom_container {
    width: 100%;
    margin-top: 0;
  }
}

/*---[ START - Legal terms & conditions and privacy policy pages ] ---*/
.legal ol {
  list-style-position: outside;
}

.legal ul {
  padding: 0 0 2px 2em;
}

.legal ol li:last-child {
  margin-bottom: 20px !important;
}

.legal ol ul li:last-child {
  margin-bottom: 10px !important;
}

.legal ol li {
  margin-bottom: 5px !important;
  margin-top: 10px;
  margin-left: 5px !important;
}

.legal ul li:last-child {
  margin-bottom: 30px !important;
}

.legal ul li {
  margin-bottom: 5px !important;
  margin-top: 5px;
  margin-left: 5px !important;
}