/*
 Theme Name:     Divi Hype
 Theme URI:      https://www.divihype.com
 Description:    Divi Hype Theme based on Divi
 Author:         Divi Hype
 Author URI:     https://www.divihype.com
 Template:       Divi
 Version:        1.0.0
*/

@font-face {
	font-family: 'etbuilder';
	src:url('../../themes/Divi/core/admin/fonts/builder.eot');
	src:url('../../themes/Divi/core/admin/fonts/builder.eot?#iefix') format('embedded-opentype'),
		url('../../themes/Divi/core/admin/fonts/builder.woff') format('woff'),
		url('../../themes/Divi/core/admin/fonts/builder.ttf') format('truetype'),
		url('../../themes/Divi/core/admin/fonts/builder.svg#et-builder') format('svg');
	font-weight: normal;
	font-style: normal;
}


@media (max-width: 980px) {
  .hype_footer_new .et_pb_newsletter {
    max-width: 90%!important;
  }
  .hype_footer_new ul.hype_social_follow_centered.et_pb_social_media_follow {
    margin: -15px 0 60px 0!important;
  }
}

.et_builder_inner_content {
  background: #fff!important;
}

@media (max-width: 980px) {
.et_non_fixed_nav.et_transparent_nav #main-header, .et_non_fixed_nav.et_transparent_nav #top-header, .et_fixed_nav #main-header, .et_fixed_nav #top-header {
    position: fixed;
}
}
/*
.et_mobile_menu {
    overflow: scroll !important;
    max-height: 83vh;
}
*/

/* Make rows wider on mobile to display more */
@media(max-width: 767px) {
	.et_pb_row {
		width: 90%!important;
	}
}

/* @media (max-width: 980px) {
	.et_pb_column .et_pb_module {
		margin-bottom: 20px!important;
	}
} */

/* vertical align columns in a row */
.et_pb_equal_columns >.et_pb_column {
	margin-top:auto!important;
	margin-bottom:auto!important;
}

/*------------------------------------------------*/
/*-------[Swap Logo on Scroll - Quiroz.co]--------*/
/*------------------------------------------------*/

 #logo2 {display: none;}
/*.et-fixed-header #logo {display:none;}
.et-fixed-header #logo2 {display:inline; height: 59px; margin-bottom: -27px;} */

/* inline logos no home page and elsewhere */
.dh_inline_logo {
	max-width: 100px!important;
	margin-left: auto!important;
	margin-right: auto!important;
	margin-bottom: -60px;
}

@media(max-width: 977px) {
	.dh_inline_logo.et_pb_image {
		max-width: 80px!important;
		margin-bottom: -38px!important;
	}



}

@media(max-width: 477px) {
	.dh_inline_logo.et_pb_image {
		max-width: 80px!important;
		margin-bottom: -38px!important;
	}
}


/* Home page blurb settings */
.dh_blurb .et_pb_team_member_image {
	margin-left: auto;
	margin-right: auto;
}
.dh_blurb .et_pb_team_member_image img {
	max-width: 80%;
}

/* Mobile menu icon color */
.mobile_menu_bar.et_pb_header_toggle.et_toggle_fullscreen_menu:before {
	color: #CA22B7;
}

@media only screen and (max-width: 980px) {
.et-fixed-header#main-header  {
    height: 80px!important;
}
}

.et_header_style_fullscreen .et-fixed-header #et-top-navigation {
    padding-top: 24px !important;
    padding-bottom: 0px !important;
}

/* Homepage Hero Slider */
.dh_hero_slider {
	background-color: rgba(202,34,183,0.4);
}

/* Change the Hero slider animation */
.dh_hero_slider .et_pb_slide_description {
	animation-name: fadeRight;
}

/* Typewriter animation */
.typewriter h2 {
  overflow: hidden; /* Ensures the content is not revealed until the animation */
  border-right: .15em solid #CA22B7; /* The typwriter cursor */
  white-space: nowrap; /* Keeps the content on a single line */
  margin: 0 auto; /* Gives that scrolling effect as the typing happens */
  animation:
    typing 3.5s steps(40, end),
    blink-caret .75s step-end infinite;
	animation-delay: 1s;
}

/* Coloured dot after headers */
h1::after, h2::after, h3::after {
    content: '■';
    color: #ca22b7;
    position: relative;
    font-size: 0.5em;
    padding-left: 2px;
}


/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: #CA22B7; }
}

@media (max-width: 767px) {
.dh_hide_on_mobile {
	display: none;
}

.dh_homepage_header_row .et_pb_row {
    width: 95%!important;
}

}

/* Set the top padding on the slider row so it sits nicely under the menu */
.dh_homepage_header_row {
	padding-top: 64px!important;
}

@media(max-width: 978px) {
	.dh_homepage_header_row {
	padding-top: 57px!important;
}

	.dh_homepage_header_row .et_pb_slide {
    padding: 0 2%!important;
}

.dh_homepage_header_row .et_pb_column .et_pb_module {
    margin-bottom: 0px!important;
	}
}


.et-fixed-header .et_menu_container {
	border-bottom: 2px solid #CA22B7;
}


/* Row Headings on pages */
.dh_row_heading.et_pb_row {
	margin-top: 25px!important;
    padding-right: 25px;
    padding-left: 25px;
    border-radius: 25px 0 25px 0;
    overflow: hidden;
    border-top: 10px solid #CA22B7;
}

h2.dh_row_heading {
    margin-top: 25px!important;
    padding-right: 25px;
    padding-left: 25px;
    border-radius: 25px 0 25px 0;
    overflow: hidden;
    border-top: 10px solid #CA22B7;
    padding-top: 20px;
}

/* Unordered list style */
ul.dh_ul  {
	list-style: none!important;
}

ul.dh_ul li:before {
	content: '■';
    display: inline-block;
    color: #ca22b7;
    font-size: 19px;
    padding-right: 10px;
    position: relative;
    top: -1px;
}

/* Inline button styling for a links */
.dh_inline_button {
   -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
	border: #CA22B7 solid 2px;
	border-radius: 25px;
  padding: 0px 10px;
}

/* Hover effect for inline button */
.dh_inline_button:hover {
	color: white!important;
	background: transparent!important;
	border: white solid 3px;
	border-radius: 25px;
}

/* Inline button :BEFORE styling for expanding background */
.dh_inline_button:before {
  content: "";
  display: inline-block;
  background: #CA22B7;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: -10px;
  margin-right: 0px;
  -moz-transform: scale(0, 1);
  -o-transform: scale(0, 1);
  -ms-transform: scale(0, 1);
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
  position: absolute;
  z-index: -1;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  border-radius: 25px;
  opacity: 1;
  width: 68px;
  height: 24px;
  }

/* Hover effect for :BEFORE area of inline button */
.dh_inline_button:hover:before {
	-moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

/* Additional INLINE BUTTON for Dark Backgrounds */
a.dh_inline_button_white:before {
	content: '';
	display:block;
	background: white;
	border-radius: 20px;
	position: absolute;
}


/* Class to apply primary and secondary Divi Hype colors where needed */
.dh_color1 {
  color: #ca22b7;
}
.dh_color2 {
  color: #696b7d;
}


/* Style the buttons */
.dh_button .et_pb_button {
   -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
	border: white solid 3px;
	border-radius: 25px;
}

/* Style the normal buttons so the :before element shows up OK */
.dh_button .et_pb_button:hover {
	color: white!important;
	background: transparent!important;
	border: white solid 3px;
	border-radius: 25px;
}

/* Style the sliding :before element for normal buttons */
.dh_button .et_pb_button:before  {
	content: "";
    display: inline-block;
    background: #CA22B7;
    top: -2px;
    bottom: -2px;
    left: 30px;
    right: -2px;
    -moz-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    position: absolute;
    z-index: -1;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border-radius: 25px;
	opacity: 1;
}

/* Style the sliding :before element HOVER for buttons */
.dh_button .et_pb_button:hover:before {
	-moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.dh_button .et_pb_contact_submit {
	color: #fff;
}

/* Hide the normal footer */
#footer-bottom {
	display:none;
}


/* ********************************************* */
/*           SOCIAL FOLLOW STYLE                */
/* ********************************************* */

/* Center align icons if 'eq_social_follow_centered' class is set */
ul.hype_social_follow_centered.et_pb_social_media_follow {
  text-align: center;
	margin-left: auto!important;
	margin-right: auto!important;
}
.hype_social_follow_centered.et_pb_social_media_follow li {
  float: none;
  display: inline-block;
}

.hype_social_follow_centered.et_pb_social_media_follow li a {
	margin: auto 4px;
	border-color: white;
	width: 35px;
	height: 35px;
  padding: 5px;
}

/* General settings for social follow container */
ul.hype_social_follow_style.hype_social_follow_centered.et_pb_social_media_follow {
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
	padding-top: 10px;
}

/* Set timings for smooth transitions */
ul.hype_social_follow_style a {
   -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
ul.hype_social_follow_style a.icon:before {
   -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
		font-size: 28px;
    width: 35px;
    height: 35px;
		line-height: 40px;
}

/* Set CSS for when NOT hovering over the icons, so the default backgrounds and icon colors apply only when you DO hover */
ul.hype_social_follow_style a:not(:hover) {
	background-color: white!important;
}
ul.hype_social_follow_style a:not(:hover):before {
	color: #CA22B7;

}

/* Force the on hover color of the icon to white, otherwise Divi sets a slightly off gray color */
ul.hype_social_follow_style a:hover:before {
  color: white; /* Sets the icon color when hovering */
}

/* On Hover, hide the border and apply a light box-shadow */
.hype_social_follow_style a:hover {
	border-color: transparent!important;
	box-shadow: 0px 0px 10px 3px rgba(255,255,255,0.5);
}

hype_social_follow_style li a.icon {
	width: 40px;
  height: 40px;
  padding: 5px;
}

/* *********************************************** */
/* Contact Form Style 2 */
/* *********************************************** */
.eq_contact_form_style2 .input {
   -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
	font-family: inherit!important;
}

.eq_contact_form_style2 p.et_pb_contact_field {
	-webkit-margin-before: 0;
    -webkit-margin-after: 0;
	margin-top: 0;
}

.eq_contact_form_style2 .input:focus {
    /*background: rgba(0,0,0,0.2);*/
}

.eq_contact_form_style2 p.et_pb_contact_field:after {
	content: " ";
    position: absolute;
	height: 5px;
	width: 0%;
/*    background: red; */ /* Animated Border color is set from the Field Bottom Border color using JQuery, then reset to white */
   -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
	margin-top: -2px;
}

.eq_contact_form_style2 p[data-id="message"] {
	margin-bottom: 20px;
}

.eq_contact_form_style2 p[data-id="message"]:after {
	margin-top: -9px!important;
}

.eq_contact_form_style2 p.has_focus:after, .eq_contact_form_style2 p.has_value:after {
	width: 100%!important;
}

.eq_contact_form_style2 .et_pb_contact_field_half.has_focus:after, .eq_contact_form_style2 .et_pb_contact_field_half.has_value:after {
	width: 48%!important;
}

.eq_contact_form_style2 .et_pb_button {
   -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.eq_contact_form_style2 .et_pb_button:hover {
    box-shadow: 0px 0px 5px 1px rgba(255,255,255,0.5);
}

/* Style the sliding :before element for buttons */
.eq_contact_form_style2 button.et_pb_button:before {
	content: ""!important;
    display: inline-block!important;
    background: #CA22B7;
    top: -2px;
    bottom: -2px;
    left: 30px;
    right: -2px;
    -moz-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    position: absolute;
    z-index: -1;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border-radius: 25px;
	opacity: 1;
}

/* Style the sliding :before element HOVER for buttons */
.eq_contact_form_style2 button.et_pb_button:hover:before {
	-moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}


/* Style the submit button - This only works when the button icon is visible all the time (not just on hover) */
.eq_contact_form_style2 .et_pb_button:after  {
   -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.eq_contact_form_style2 .et_pb_button:hover:after {
	margin-left: 0.6em!important;
}

/* ********************************************** */
/* Animated Placeholder 2                         */
/* Label fades right and icon appears             */
/* ********************************************** */

/* Set up animated icon in the :before area  */
.eq_animated_placeholder_style2 .et_pb_contact_field:before {
transition: 0.5s all;
    font-family: "ETmodules" !important;
	color: #CA22B7;           /* This changes the color of the icon */
    top: 37px;
    position: relative;
    left: -18px;
    padding: 12px;
    opacity: 0;
    z-index: 1;
	border-right: 1px #696B7D solid;
}

/* Set specific icons for each field - this caters for the most common fields, but can be added to */
/* To find the icon codes, check this page: https://dividezigns.com/divi-icon-codes/ */
/*The data-id property is used to identify fields. This is the ID value set in Divi for the field */
.eq_animated_placeholder_style2 [data-id="name"]:before {
	content: "\e08b"!important;
}
.eq_animated_placeholder_style2 [data-id="email"]:before, .eq_animated_placeholder_style2 [data-id="mail"]:before {
	content: "\e076"!important;
}
.eq_animated_placeholder_style2 [data-id="phone"]:before, .eq_animated_placeholder_style2 [data-id="tel"]:before {
	content: "\e090"!important;
}
.eq_animated_placeholder_style2 [data-id="message"]:before {
	content: "\e065"!important;
}
.eq_animated_placeholder_style2 [data-id="company"]:before {
	content: "\e0ef"!important;
}
.eq_animated_placeholder_style2 [data-id="website"]:before {
	content: "\e0e3"!important;
}
.eq_animated_placeholder_style2 [data-id="address"]:before {
	content: "\e081"!important;
}

/* Place the label where the placeholder should be */
/* The actual placeholder value is removed with JQuery */
.eq_animated_placeholder_style2 .et_pb_contact_form_label {
   -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    display: inline!important;
    position: relative;
    top: 37px;
    z-index: 1;
    left: -30px;
	opacity: 1;
	pointer-events: none; /* stops the label affecting the input field */
}

/* Add padding to the input fields so the icon area doesn't overlap */
.eq_animated_placeholder_style2 .input {
	padding-left: 60px!important;
}

/* Animate the :before icon area when input has focus or a value */
/* The has_focus and has_value attributes are set with JQuery */
.eq_animated_placeholder_style2 p.has_focus:before, .eq_animated_placeholder_style2 p.has_value:before {
	left: 0px!important;
	opacity: 1!important;
}

/* Animate the label when input has focus or a value */
.eq_animated_placeholder_style2 p.has_focus label, .eq_animated_placeholder_style2 p.has_value label {
    left: 15%!important;
	opacity: 0!important;
}

/* Subscribe footer module customisations */

/* Footer reveal */
@media only screen and (min-width : 981px) {
#main-content {
  position: relative;
  z-index: 1;
  -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  -moz-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
  box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
 }

.hype_page_footer {
  position: fixed;
/*  z-index: -1; */
  height: 480px;
  bottom: 0;
  left: 0;
  right: 0;
 }

 .hype_footer_new {
 	position: fixed;
   z-index: 0;
 	bottom: 0;
 	left: 0;
 	right: 0;
  }

}

/*
.hype_footer_subscribe .et_bloom_inline_form {
	margin-top: 0!important;
}

.hype_footer_subscribe .et_bloom_form_content {
	padding-top: 0!important;
}

.hype_footer_subscribe .et_bloom_header_outer {
	display: none;
}

.hype_footer_subscribe .et_bloom_optin .et_bloom_form_container.et_bloom_rounded button {
border-radius: 25px!important;
    border: 3px white solid;
    background-color: transparent!important;
	z-index: 0;
}

.hype_footer_subscribe .et_bloom_optin .et_bloom_form_container.et_bloom_rounded .et_bloom_button_text {
	color: white;
	font-family: Montserrat, Arial sans-serif!important;
}

.hype_footer_subscribe .et_bloom_optin .et_bloom_form_container.et_bloom_rounded input {
	color: black;
	font-family: 'Muli',Helvetica,Arial,Lucida,sans-serif!important;
}

.hype_footer_subscribe .et_bloom_optin .et_bloom_form_container.et_bloom_rounded button:before {
    content: ""!important;
    display: inline-block!important;
    background: #CA22B7;
    top: 0px;
    bottom: 0px;
    left: 0;
    right: 0px;
    -moz-transform: scale(0, 1);
    -o-transform: scale(0, 1);
    -ms-transform: scale(0, 1);
    -webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    position: absolute;
    z-index: -1;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    border-radius: 25px;
    opacity: 1;
}

.hype_footer_subscribe .et_bloom_optin .et_bloom_form_container.et_bloom_rounded button:hover:before {
	-moz-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}

.hype_footer_subscribe .et_bloom_popup_input:after {
	content: " ";
    position: absolute;
	height: 5px;
	width: 0%;
    background: #CA22B7;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
	margin-top: -2px;
	border-radius: 0 2px;
}

.hype_footer_subscribe .et_bloom_popup_input.has_focus:after {
   -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.hype_footer_subscribe .et_bloom_popup_input.has_value:after {
   -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.hype_footer_blog {
	border-radius: 25px 0;
}
.hype_footer_blog h2{
	margin: 10px 10px 0 10px;
}
.hype_footer_blog p {
	margin: 0 10px 0 10px;
}

.hype_footer_blog .post-content {
	margin-left: 5px;
	margin-right: 5px;
}

.hype_footer_blog .more-link {
   -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
	padding: 1px;
    background: #CA22B7;
    color: white!important;
    border: 2px solid white;
	border-radius: 25px;
    width: auto;
    margin: 5px;
    text-align: center;
}

.hype_footer_blog .more-link:hover {
	box-shadow: 0 0 30px 5px rgba(202,34,183,0.7)
}
*/

.dh_love:before {
    font-family: ETModules;
    content: '\e089';
    display: inline-block;
    font-size: 20px;
    color: inherit;
    padding: 5px 5px 0 5px;
    line-height: 1em;
}

.dh_love_wrapper {
    display: inline-flex;
    border-radius: 30px;
    border: 2px white solid;
    padding: 5px 10px;
    margin: 10px;
    line-height: 1.5em;
}

.dh_home_contact_button:hover {
	border-color: white!important;
	color: white!important;
}


/* Add Logo to Full screen Menu */
.et_slide_menu_top:before {
  content: '';
      background-image: url(/wp-content/uploads/2018/09/Divi-Hype-Logo-White.svg);
      display: block;
      height: 60px;
      width: auto;
      background-repeat: no-repeat;
      background-position: center;
      background-size: contain;
      margin-top: -20px;
}

/* stop the mobile menu icon jumping on scrolling */
@media (max-width: 980px) {
.et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_left #et-top-navigation {
    padding-top: 24px!important;
}
}

/* Align menu content at top */
.et_header_style_fullscreen ul#mobile_menu_slide {
	vertical-align: top!important;
}

/* Make the search bar bigger */
.et_header_style_fullscreen .et_slide_menu_top .et-search-form {
    width: 80vw!important;
    min-width: 50vw;
}

/* Stop menu items going semi-transparent on hover */
#mobile_menu_slide a:hover {
    opacity: 1!important;
}

/* Make the sub-menu dropdown icon non-transparent */
.et_slide_in_menu_container span.et_mobile_menu_arrow {
  opacity: 1!important;
}

/* Code Syntax Highlighter changes */

.syntaxhighlighter table td.gutter .line {
    border-right: 3px solid #CA22B7 !important;
}

/* reduce the image size on the bloom form popup on mobile */
.et_bloom_popup .et_bloom_form_header img {
    max-height: 120px!important;
    max-width: 120px!important;
}

/* Add icons before module titles */
.hype_title {
  border-radius: 20px;
  transition: 0.5s all ease;
}

.hype_title:hover {
  background-color: #ca22b7!important;
  box-shadow: 0 0 10px 2px rgba(0,0,0,0.3);
}
.hype_title:hover h2:before {
  -ms-transform: scale(1.1,1.1); /* IE 9 */
      -webkit-transform: scale(1.1,1.1); /* Safari */
      transform: scale(1.1,1.1);
}

.hype_title.instructions:hover h2 {
	 color: white;
}

.hype_title .et_pb_promo_description {
  padding-bottom: 0!important;
  margin-bottom: -20px;
}
.hype_title h2 {
  padding-bottom: 0!important;
}

.hype_title h2:before {
  font-family: 'etbuilder'!important;
      display: block;
      margin-bottom: 30px;
      font-size: 40px;
      margin-top: -20px;
      transition: 0.5s all ease;
  }

.accordion h2:before {
  content: '\70';
}
.blurb h2:before {
  content: '\67';
}
.contact_form h2:before {
  content: '\31';
}
.person h2:before {
  content: '\47';
}
.pricing_table h2:before {
  content: '\56';
}
.social_follow h2:before {
  content: '\62';
}
.testimonial h2:before {
  content: '\2a';
}
.navigation h2:before {
  content: '\21';
}
.download h2:before {
  font-family: 'ETmodules'!important;
  content: '';
}
.instructions h2:before {
  font-family: 'ETmodules'!important;
  content: 'b';
}

/* .single .et_pb_text_inner {
    padding: 0 20px;
}
 */
.single .container, .error404 .container {
	width: 95%;
	max-width: 100%;
}

#hype_mobile_menu {
	overflow: visible;
}

@media (min-width: 981px) {
.single #content-area #left-area, .error404 #content-area #left-area {
    padding-left: 5.5%;
}
.single #main-content .container, .error404 #main-content .container {
	padding-top: 100px!important;
}

}

@media (max-width: 980px) {
	.single #main-content .container, .error404 #main-content .container {
padding-top: 50px!important;
}
}



#sidebar #bloomwidget-2 .et_bloom_form_header, #sidebar #bloomwidget-2 .et_bloom_image.et_bloom_image_no_animation {
	padding: 0!important;
    padding-top: 20px!important;
    padding-left: 10px!important;
}
#sidebar #bloomwidget-2 .et_bloom_image.et_bloom_image_no_animation {
	width: 80px;
    float: left;
}

#sidebar #bloomwidget-2 .et_bloom_form_header h2 {
margin-top: -80px;
    margin-left: 80px;
}
#sidebar #bloomwidget-2 .et_bloom_form_header p {
margin-top: 10px!important;
}

#sidebar #bloomwidget-2 .et_bloom_form_text {
	text-align: center;
}


body #page-container .et_pb_section #hype_mobile_menu_cta.et_pb_button.et_pb_button_0 {
	padding: 5px!important;
}

#homepage_optin {
	z-index: 1!important;
}

#get_the_set .et_pb_blurb_container {
	width: 0.1%;
	text-align: center;
}

#module_subscribe_section .et_pb_row {
	margin-top: -50px;
	padding-top: 0;
}

.single #module_subscribe_section .et_pb_row {
    margin-top: -33px;
}

#module_subscribe_section .et_pb_module.et_pb_text {
	margin-top: -25px;
}

body.page h1:before {
    content: "";
    background-image: url(/wp-content/uploads/2018/09/Divi-Hype-small-logo-dark.png);
    width: 0.8em;
    height: 0.8em;
    display: inline-block;
    background-size: cover;
    margin-right: 5px;
    margin-left: calc(-0.8em + -5px);
}