/* **************************** */
/*   STYLING FOR BLURB MENU     */

/* Hide our navbar - this is so it doesn't show up on mobile */
#hype_desktop_nav {
  display: none;
}

/* For Desktop, Hide the standard Divi navigation and display the Hype Menu instead */
@media(min-width: 982px) {
  #main-header {
    display: none;
  }
  #hype_desktop_nav {
    display: block;
    position: fixed;
    width: 100%;
    margin: 0;
    padding: 0!important;
    top: 0;
    left: 0;
    z-index:99;
  }
}

/* Target entire Hype Menu row */
#hype_menu_row {
    border-radius: 0 0 50px 50px;
}

/* Target All Hype Menu Items */
.hype_menu {
  transition: all 0.5s ease-in-out;
  border-top: 3px solid transparent;
  border-left: 1px solid transparent;
}
.hype_menu:hover {
  cursor: pointer;
  border-color: #ca22b7!important;
}

/* Target Active Hype Menu Items */
.hype_menu.active {
  border-color: #ca22b7!important;
}
/* Animate the icon */
.hype_menu .et-pb-icon {
  transition: all 0.5s ease-in-out;
  background-color: transparent!important;
}
.hype_menu:hover .et-pb-icon {
  transform: scale(1.3);
  background-color: #ca22b7!important;
}
.hype_menu.active .et-pb-icon {
  transform: scale(1.2);
  background-color: #ca22b7!important;
}
/* Animate the Text */
.hype_menu .et_pb_module_header {
  transition: all 0.5s ease-in-out;
}
.hype_menu.active .et_pb_module_header {
  font-weight: bold;
}

/* custom settings for icon_menu as it's different to the other menu items */
#hype_desktop_nav #hype_icon_menu {
  border-color: transparent!important;
}

#hype_icon_menu .et_pb_main_blurb_image {
  margin-bottom: 0!important;
}

#hype_icon_menu img {
  max-height: 57px;
}

/* Target Hype Submenu Items */

/* Target entire Hype Submenu row */
#hype_submenu_row {
/*  transition: all 0.5s ease-in; */
  background: transparent;
  padding-bottom: 0;
}

#hype_submenu_row.padded {
	padding-bottom: 20px;
}

/* Target  all Hype Submenu columns */
 .hype_submenu {
  transition: transform 0.5s ease-in;
  top: 0;
  opacity: 0;
  height: 0.5px;
  border-radius: 5px;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  transform: translateY(20px);
	 width: 0px;
}

.hype_submenu:before {
    content: "\42";
    font-family: "ETModules";
    font-size: 50px;
    width: 100%;
    position: absolute;
    color: #CA22B7;
    top: -18px;
    left: 8px;
}

.hype_submenu:hover {
  cursor: pointer;
}

/* Target Active Hype Submenus */
.hype_submenu.active {
  opacity: 1;
  height: auto;
  width: 25%!important;
  padding-bottom: 12px;
  -webkit-transform: translateY(0);
   -moz-transform: translateY(0);
   -ms-transform: translateY(0);
   -o-transform: translateY(0);
   transform: translateY(0);
  border: 1px solid #ca22b7;
  margin-top: 15px;
}

#hype_logo_submenu.active {
  margin-left: 40px;
}

/* Target All Hype Submenu Items */
.hype_submenu_item {
  display: none;
  transition: all 0.5s ease-in-out;
  border-top: 0px!important;
}

.hype_submenu.active > .hype_submenu_item {
	display: block;
}

#hype_modules_submenu .et_pb_blurb.hype_submenu_item {
  padding-top: 5px!important;
  padding-bottom: 5px!important;
  padding-left: 0px!important;
}

#hype_modules_submenu #hype_modules_submenu_accordions {
  padding-top: 0!important;
}

#hype_modules_submenu #hype_modules_submenu_download {
  background: #CA22B7!important;
  color: white!important;
}


.hype_submenu_item .et_pb_blurb_content {
  padding-bottom: 0;
  padding-top: 5px;
  margin-bottom: -6px;
}

.hype_submenu_item:hover {
  background-color: #ca22b7!important;
}

/* Animate the icon */
.hype_submenu_item .et-pb-icon {
  transition: all 0.5s ease-in-out;
}
.hype_submenu_item:hover .et-pb-icon {
  background-color: #ca22b7!important;
  transform: scale(1.1);
}

#hype_modules_submenu .et_pb_module_header:before {
    font-family: 'etbuilder'!important;
    display: inline-block;
    font-size: 30px;
    vertical-align: middle;
    padding-right: 10px;
}

/* Set the icons for module submenu items */
#hype_modules_submenu_download .et_pb_module_header:before {
  font-family: 'ETmodules'!important;
  content: '';
}
#hype_modules_submenu_download {
  margin-bottom: 10px!important;
}
#hype_modules_submenu_accordions .et_pb_module_header:before {
  content: '\70';
}
#hype_modules_submenu_blurbs .et_pb_module_header:before  {
  content: '\67';
}
#hype_modules_submenu_contactforms .et_pb_module_header:before  {
  content: '\31';
}
#hype_modules_submenu_persons .et_pb_module_header:before  {
  content: '\47';
}
#hype_modules_submenu_pricingtables .et_pb_module_header:before  {
  content: '\56';
}
#hype_modules_submenu_socialfollows .et_pb_module_header:before  {
  content: '\62';
}
#hype_modules_submenu_testimonials .et_pb_module_header:before  {
  content: '\2a';
}

#hype_blog_submenu .et_pb_post_slider .et-pb-arrow-prev {
  right: auto;
}

a.et_pb_newsletter_button.et_pb_button, a.et_pb_button.et_pb_more_button {
    background: #ca22b7;
    border-radius: 25px 0!important;
    border-width: 2px 0!important;
    border-color: white!important;
}

a.et_pb_newsletter_button.et_pb_button:hover, a.et_pb_button.et_pb_more_button:hover {
    border-color: #ca22b7!important;
}

#hype_blog_submenu h2.dh_row_heading {
  margin-top: 0px!important;
}

#hype_blog_submenu, #hype_blog_submenu .et_pb_module  {
border-top-left-radius: 25px;
}

#hype_blog_submenu .et_pb_slide .et_pb_container {
  height: 430px!important;
}

#hype_blog_submenu .et_pb_slide .et_pb_container .et_pb_slider_container_inner {
  vertical-align: top;
}