/*
 Theme Name:  Divi Child Theme
 Theme URI:    https://divilife.com
 Description:  Child Theme for Divi
 Author:       Tim Strifler
 Author URI:   https://divilife.com
 Template:     Divi
 Version:      1.0.0
*/

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

/*----Global Navigation-----*/
.et-menu-nav li.mega-menu>ul {
  display:none !important;
}

.et-menu-nav li.mega-menu:hover>ul {
  display:flex !important;
}

.et_dropdown_animation_fade.et_pb_menu ul li>ul {
  z-index:99;
}

.et_dropdown_animation_fade.et_pb_menu ul li:hover>ul {
  	z-index:100;
     -webkit-transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1) !important;
  transition:         all 600ms cubic-bezier(0.075, 0.82, 0.165, 1) !important;
}

.nav-secondary {
  display:flex;
  justify-content:flex-end;
}

.nav-secondary a {
  margin-right:20px;
  text-transform:uppercase;
  color:white;
}

.nav-secondary a:hover {
  color:#E8F4FF;
}

.et_pb_menu--style-left_aligned.et_pb_text_align_right .et_pb_menu__wrap {
  justify-content:flex-start;
}

.et_pb_menu_inner_container>.et_pb_menu__logo-wrap {
  border-right:1px solid #d9e1e2;
  margin-right:30px;
}

.demo-link {
  position:absolute !important;
  right:30px;
}

.no-sub a {
  color: #005eb8;
  font-weight:600;
  margin-top:-3px;
  padding-left: 10px !important;
}

.no-sub a:after {
  content: url("../../uploads/2022/06/arrow_forward-smaller-1.svg");
  margin-left: 0px;
  height: 8px;
  opacity:0;
  -webkit-transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
  transition:         all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
}

.no-sub a:hover::after {
  opacity:1;
  margin-left: 5px;
}

#menu-global-navigation-megamenu .et_pb_menu__search-button {
  position:absolute;
  top: 30px !important;
  right:0px !important;
}

.et_pb_menu__search-button:after {
    position: absolute;
    right: 20px;
}

#menu-global-navigation-megamenu a {
  -webkit-transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
    transition:         all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
    text-decoration:none;
}

.et_pb_menu .et_pb_menu__search-input {
  background-color: #f7f7f7!important;
  padding-left: 30px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-radius: 5px;
  border: 1px solid #dbdcdc;
  max-width:500px;
}

#menu-global-navigation-megamenu .nav-category {
  width:100%;
  margin-bottom:15px;
}

#menu-global-navigation-megamenu .nav-category a{
  cursor: default;
  font-size: 20px;
  width: 100% !important;
  color:#202a44 !important;
  padding-left:20px !important;
  box-shadow:none !important;
  border-left:none !important;
  border-bottom: 1px solid #d9e1e2;
  z-index: 3000;
}

#menu-global-navigation-megamenu .nav-category a:hover {
  font-weight:600 !important;
}

/*---style main menu items---*/
#menu-global-navigation-megamenu li.mega-menu {
  border-bottom: 3px solid rgba(0,0,0,0) !important;
  padding-right:20px;
  padding-left:20px;
}

#menu-global-navigation-megamenu li.mega-menu:hover {
  background-color:#E8F4FF !important;
  border-bottom: 3px solid #005eb8 !important;
}

#menu-global-navigation-megamenu li.mega-menu a {
    color: #005eb8;
    font-weight: 600;
    padding-right:0px;
}

#menu-global-navigation-megamenu li.mega-menu a:after {
  display:none;
}

 #menu-global-navigation-megamenu .menu-item.active a {
  text-decoration:underline;
}

 #menu-global-navigation-megamenu .btn-sub-blue {
  margin-top:25px;
  margin-left:25px;
}

#menu-global-navigation-megamenu .btn-sub-blue a {
  color: white!important;
  background: linear-gradient(0deg,rgba(0,94,184,1) 0%,rgba(43,135,218,1) 100%);
  padding: 10px 20px !important;
  border-radius: 5px;
  opacity: 1;
  box-shadow: 0px 12px 18px -6px  rgba(0,0,0,.30) !important;
  font-size:14px;
  font-weight:600 !important;
  text-decoration:none !important;
  text-align:center;
  min-width:225px;
}

#menu-global-navigation-megamenu .btn-sub-blue a:hover {
  background:linear-gradient(0deg,rgba(0,94,184,1) 0%,rgba(0,94,184,1) 100%);
  box-shadow: 0px 12px 25px 7px rgba(0,0,0,.30) !important;
}

#menu-global-navigation-megamenu .btn-blue a {
  color: white!important;
  background: linear-gradient(0deg,rgba(0,94,184,1) 0%,rgba(43,135,218,1) 100%);
  padding: 10px 20px;
  border-radius: 5px;
  opacity: 1;
  box-shadow: 0px 12px 18px -6px rgba(0,0,0,.30) !important;
  font-size:14px;
  font-weight:600;
  text-decoration:none !important;
}

#menu-global-navigation-megamenu .btn-blue a:hover {
  background:linear-gradient(0deg,rgba(0,94,184,1) 0%,rgba(0,94,184,1) 100%);
  box-shadow: 0px 12px 25px 7px rgba(0,0,0,.30) !important;
}

#menu-global-navigation-megamenu .btn-blue {
    margin-top: 19px !important;
    margin-right: 10px;
    height: 40px;
}


#menu-global-navigation-megamenu li.mega-menu>ul {
    /*padding: 30px 20px;*/
    padding: 5%;
    padding-top: 30px;
    position: absolute!important;
    width: 100% !important;
    display: flex;
    flex-direction: column;
    left: 0px!important;
    right: 0px!important;
  	background-color: #fafafa !important;
    min-height:60vh;
    border-top: 1px solid #d9e1e2;
    margin:0 auto;
    margin-top: 1px;
}


#menu-global-navigation-megamenu .sub-nav-item {
  width:50%;

}

#menu-global-navigation-megamenu .sub-nav-item a {
    width: 100%!important;
    padding: 15px 30px!important;
    color: #003F7B !important;
    box-shadow: none !important;
    border-left: none !important;
    font-weight:600 !important;
    border-top: 1px solid rgba(0,0,0,.0);
  	border-bottom: 1px solid rgba(0,0,0,.07);
    -webkit-transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
    transition:         all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
}

#menu-global-navigation-megamenu .sub-nav-item a:hover {
    font-weight:600 !important;
    border-top: 1px solid rgba(0,94,184,.2);
    border-bottom: 1px solid rgba(0,94,184,.2) !important;
    color:#005eb8 !important;
}

#menu-global-navigation-megamenu .sub-nav-item:hover {
  background-color: #E8F4FF;
}

#menu-global-navigation-megamenu .sub-nav-item .sub-menu {
  	position: fixed;
    left: 50%;
    top: 0;
    width: 50% !important;
    height: 100%;
}

#menu-global-navigation-megamenu .sub-nav-item .sub-menu li {
  	width:100%;
}

#menu-global-navigation-megamenu .sub-nav-item .sub-menu li a{
    width: 100% !important;
    padding: 5px !important;
    border:none !important;
}

#menu-global-navigation-megamenu .sub-nav-item .sub-menu li a:hover{
 		padding-left:15px !important;
    text-decoration:underline !important;
  	color: #005eb8 !important;
	background:none;
}

#menu-global-navigation-megamenu .sub-nav-item.has-sub .sub-menu {
    display:none;
    border-left: 1px solid #d9e1e2;
}

#menu-global-navigation-megamenu .sub-nav-item.has-sub:hover .sub-menu {
  display:flex;
  flex-direction:column;
  background-color: #ffffff !important;
  padding: 30px;
  padding-top: 90px;
  border-left: 1px solid #d9e1e2;
  z-index:9999999;
}

.has-sub:after {
   content: url("../../uploads/2022/06/arrow_forward-smaller-1.svg") !important;
    position: absolute;
    top: 18px;
    right: 30px;
    -webkit-transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
    transition:         all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
}

.has-sub:hover:after {
  right:25px;
}

#menu-global-navigation-megamenu li.mega-menu>ul li.nav-category .sub-menu {
  position: fixed !important;
  padding: 50px !important;
  left: 50% !important;
  top: 0 !important;
  width: 50%!important;
  height: 100%;
  background-color: white !important;
  background-size: cover;
   background-repeat: no-repeat;
  z-index:999999;
}

li.nav-category.product-background .sub-menu {
  background-image: url(../../uploads/2021/04/hero-agent-desktop-1.png);
}

li.nav-category.solutions-background .sub-menu {
  background-image: url(../../uploads/2021/12/analyst-research-hero.jpg);
}

li.nav-category.services-background .sub-menu {
  background-image: url(../../uploads/2021/12/Hero.jpg);
}

li.nav-category.resources-background .sub-menu {
  background-image: url(../../uploads/2021/03/website-hero-contactCenterSoftwae.jpg);
}

li.nav-category.company-background .sub-menu {
  background-image: url(../../uploads/2021/06/website-hero-about-min.jpg);
}

#menu-global-navigation-megamenu li.mega-menu>ul li.nav-category .sub-menu li {
  display:none !important;
}

#menu-global-navigation-megamenu .sub-nav-item .sub-menu li.item-strong a {
  font-weight:800 !important;
  padding-top:15px !important;
}

/*----Media Queries-----*/
@media (max-width:1400px) {
  #menu-global-navigation-megamenu li.mega-menu>ul {
    padding: 30px 20px;
    min-height:50vh;
  }
  
  #menu-global-navigation-megamenu li.mega-menu {
  padding-right:15px;
  padding-left:15px;
}

.no-sub a {
  padding-left:5px !important;
}

}

@media (max-width:1200px) {
  
  #menu-global-navigation-megamenu li.mega-menu {
    padding-right:5px;
    padding-left:5px;
  }
  
  #menu-global-navigation-megamenu li.mega-menu a, #menu-global-navigation-megamenu li.no-sub a {
    font-size:12px;
  }
    .nav-secondary {
    justify-content:flex-start;
  }

.no-sub {
  padding-left:5px !important;
}
.no-sub a {
  padding-left:0px !important;
}

}

@media (max-width:980px) {
  
    li.nav-category.product-background .sub-menu, li.nav-category.solutions-background .sub-menu, li.nav-category.services-background .sub-menu, li.nav-category.resources-background .sub-menu, li.nav-category.company-background .sub-menu {
    display:none !important;
  }
  
    .has-sub:after {
    top: 7px;
      display:none;
  }

  
  header.menu-active {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
  }
  
    .demo-link {
    position:fixed !important;
    right:0px;
    bottom:-60px;
    background-color:#ffffff;
    width:100%;
    text-align:center;
    padding:5px;
    box-shadow: 0px 12px 18px 5px rgba(0,0,0,.60)!important;
  	-webkit-transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
  	transition:         all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .demo-link a {
    color:#ffffff!important;
    background: linear-gradient(0deg,rgba(0,94,184,1) 0%,rgba(43,135,218,1) 100%);
    font-weight:700;
    text-transform:uppercase;
    border-radius:4px;
  }
  
    .mobile_nav.opened .et_mobile_menu .demo-link{
    bottom:0px;
  }
  
  .nav-category {
    display:none !important;
  }
  
  
  .mobile_nav .et_mobile_menu {
		position: absolute;
    display: block!important;
    height: 90vh !important;
    overflow-y: auto;
    margin: 0 !important;
    padding: 0 !important;
    left: -100%;
    opacity: 0;
    -webkit-transition: all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
  	transition:         all 600ms cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  
  .mobile_nav.opened .et_mobile_menu {
    left:0;
    opacity:1;
    padding-bottom: 200px !important;
  }
  
  .et_pb_menu .et_mobile_nav_menu {
    margin:0px;
  }
  
  .et_pb_menu--style-left_aligned.et_pb_text_align_right .et_pb_menu__wrap {
  justify-content:flex-end;
    margin-right:15px;
}

.et_pb_menu_inner_container>.et_pb_menu__logo-wrap {
    border-right: none;
    width: 150px !important;
		margin-left:15px;
}

.et_pb_menu__wrap .mobile_menu_bar {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
  	margin-top:-1px !important;
}

.et_pb_menu__search-button:after {
    position: relative;
    right: auto;
}

  /*---Pee Aye code----*/
  #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';
  }
  
  .et_mobile_menu .menu-item-has-children>a,
  .et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
    background-color: transparent;
  }

  ul.et_mobile_menu>li.menu-item-has-children, ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
    position:relative;
    line-height:24px;
  }

  ul.et_mobile_menu li.mega-menu .sub-menu {
    display: none !important;
    visibility: hidden !important;
  }

  ul.et_mobile_menu li.mega-menu .sub-menu.visible {
    display: block !important;
    visibility: visible !important;
  }

	ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
    position:absolute;
		width: 100%;
    height: 100%;
    max-height: 44px;
    border: 0;
    right: 0;
    top: 0;
    opacity: 1;
    background-color:transparent !important;
  }

  ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children .mobile-toggle {
    background-color:transparent !important;
  }

  ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after, .et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after  {
    top: 7px;
    position: absolute;
    font-family: "ETModules";
    content: '\33';
    color: #005eb8;
    /* background: #f0f3f6; */
    /* border-radius: 50%; */
    padding: 3px;
    right: 27px;
  }

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle.sub-open::after {
      transform: rotate(90deg);
}

  ul.et_mobile_menu li.menu-item-has-children ul.sub-menu  li.has-sub .mobile-toggle::after {
    display:none;
  }

ul.et_mobile_menu li.menu-item-has-children ul.sub-menu  li.has-sub .mobile-toggle::before {
  
    font-family: "ETModules";
    content: '\50';
    color: #005eb8;

}

ul.et_mobile_menu li.menu-item-has-children ul.sub-menu  li.has-sub .mobile-toggle.sub-open::before {
  content: '\4f';
}

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle.sub-open {
  border-bottom:1px solid #d9e1e2;
  background-color:rgba(255,255,255,.3) !important;
}

ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children .mobile-toggle.sub-open {
  background-color:rgba(255,255,255,.7) !important;
  opacity:.5;
  border-top:none;
  border-bottom:none;
}

ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children .sub-menu li a {

    background-color: #f7f7f7;
}

.btn-sub-blue a {
  color: #005eb8 !important;
  font-weight:800 !important;
}

.no-sub {
  padding-left:0px !important;
}

.no-sub a {
  padding-left:5% !important;
}

.no-sub a:after {
  opacity:1 !important;
  position:relative;
  top: 5px;
  left: 5px;
}
}
/*---End Global Navigation----*/