/*======================================
Theme Name: Free Divi Child Theme By HeyPressGo
Theme URI: https://www.heypressgo.com/
Description: This is a free Divi child theme from HeyPressGo
Author: James Hayward 
Author URI: https://www.heypressgo.com/
Author Email: support@heypressgo.com
Template: Divi
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
======================================*/

 /* ===== INDEX FOR CSS ===============
 * 
 * Project CSS Notes 
 * 1. Gravity Form Styliing
 * 1.1 Gravity Form Grader Form
 * 1.2 Gravity Form Error Message Format
 * 2. Hide Play button on Prestoplayer home page 
 * 3. Menu Header Changes 
  * 3.1 to 3.6 Menu Header Changes Colour: bottom border slide in with colour 
  * 3.5 Menu Adjustments to Orginal Divi Menu
  * 3.6 Hide Menu items from Mobile
  * 3.7 Padding alignement on menu to align with logo
  * 3.8 Remove the grey line on menu header
* 4.0 Box shadow around Submenue on Navigation
* 4.5 Formating and Lines on Catergory List in blog
* 5.0 Hover effect over blog modules 
* 6.0 Submenu on mobile
* 7.0 Divi Extender Module Blog Layouts
  
 ====================                         */ 


/****** body {
    -webkit-font-smoothing: subpixel-antialiased;
    } ***/

/****** 1.1 Gravity Form Grader CSS Styling  Form ID = 3 ***/

/* Gravity Form Borders */
#gform_wrapper_3 .gsection {
	border-bottom: none;
}

/*** Opening Description Box **/
 #gform_wrapper_3 .description, #gform_wrapper_3 .gfield_description, #gform_wrapper_3 .gsection_description, #gform_wrapper_3 .instruction, #gform_wrapper_3 ul li.field_description_below div.ginput_container_radio, #gform_wrapper_3 .top_label .gfield_label {
    color: white;
} 
/*** Title for Question **/
#gform_wrapper_3 .gfield_label {
    color: #ffffff;
    font-weight: bold;
}

#gform_wrapper_3 ul li.gfield {
    color: #ffffff;
}

/* Next and Previous Button CSS Style */
 #gform_wrapper_3 .gform_next_button, #gform_wrapper_3 .gform_previous_button {
        font-size: 1em;
        width: auto;
        margin: 0 16px 0 0;
        padding: 10px;
        background-color: #2ea3f2;
        background-size: cover;
        background-position: 50%;
        background-repeat: no-repeat;
        border: 2px solid;
        line-height: 1.7em!important;
        color: #ffffff!important;
        border-color: rgba(0,0,0,0);
        border-radius: 10px;
        letter-spacing: 2px;
        font-size: 18px;
        font-family: 'proxima-nova-semi-b',Georgia,"Times New Roman",serif!important;
        font-weight: 700!important;
        text-transform: uppercase!important;
        /* background-image: linear-gradient(180deg,rgba(98,191,131,0.85) 0%,rgba(98,191,131,0.9) 100%); */
    }
/* Submitt Button CSS Style */
    #gform_wrapper_3 .gform_button {
        font-size: 1em;
        width: auto;
        margin: 0 16px 0 0;
        padding: 10px;
        background-color: #ef354e;
        background-size: cover;
        background-position: 50%;
        background-repeat: no-repeat;
        border: 2px solid;
        line-height: 1.7em!important;
        color: #ffffff!important;
        border-color: rgba(0,0,0,0);
        border-radius: 10px;
        letter-spacing: 2px;
        font-size: 18px;
        font-family: 'proxima-nova-semi-b',Georgia,"Times New Roman",serif!important;
        font-weight: 700!important;
        text-transform: uppercase!important;
        background-image: none; 
    }
/* Gravity FORM formating grey boxes on email and phone */
input[type=email], input[type=password], input[type=tel] {
    background: #eee;
    border: none;
    border-radius: 0;
    color: #999!important;
    padding: 15px!important;
}
    
    /* Progress Bar on Grader */
  

#gform_wrapper_3 .gf_progressbar_wrapper{
    margin: 0 auto 32px;
}

#gform_wrapper_3 .gf_progressbar_title{
    display: none;
}

#gform_wrapper_3  .gf_progressbar {
    background-color: #e5e5e5;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    } 

 #gform_wrapper_3   .gf_progressbar_percentage{
        background-color: #62BF83;
        background-image: none !important;
        border-radius: 0px !important;
    }  

#gform_wrapper_3  .gf_progressbar_percentage span{
        visibility: hidden;
        line-height: 42px; 
    }

#gform_wrapper_3 .gf_progressbar:after {
        content: "";
        display: block;
        width: 100%;
        z-index: 990;
        height: 24px;
        margin-top: -24px;
        /*background-color: rgba(0,0,0,.1);*/
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
        border-top-left-radius: 0px;
        border-bottom-left-radius: 0px;
}

/* Adjust Contact Fields Details on Grader */
#gform_wrapper_3 select {
    height: 50px;
} 

/****** 1.1 Gravity Form Contact Forms  Form ID = 1 and 2 ***/
/** Note have copied this CSS from 

/*** GRAVITY FORM STYLE ***/
#gform_wrapper_1 .top_label .gfield_label, 
#gform_wrapper_2 .top_label .gfield_label,
#gform_wrapper_1 .field_sublabel_below .ginput_complex.ginput_container label
#gform_wrapper_3 .gsection_title{
 display: none;
}
/****Certification Form margin adjusmtens ***/
body .gform_legacy_markup_wrapper .top_label .ginput_container {
    margin-top: 16px!important;
}



/*** FORM TITLE STYLING ***/
 h3.gform_title {
font-size: 26px!important;
font-family: 'proxima-nova-semi-b',Georgia,"Times New Roman",serif!important;
padding: 15px!important;
}

#gform_2 h3.gform_title { padding: 15px 0!important; }
/*** FIELD STYLING ***/
input[type=text],
textarea {
 background: #eee;
 border: none;
 border-radius: 0;
 color: #999 !important;
 padding: 15px !important;
}
/*** BUTTON STYLING ***/
.gform_wrapper .gform_footer input.button {
 float: right;
 color: #ffffff!important;
    border-color: rgba(0,0,0,0);
    border-radius: 5px;
    letter-spacing: 2px;
    font-size: 18px;
    font-family: 'proxima-nova-semi-b',Georgia,"Times New Roman",serif!important;
    font-weight: 700!important;
    text-transform: uppercase!important;
    background-image: linear-gradient(180deg,rgba(98,191,131,0.85) 0%,rgba(98,191,131,0.9) 100%);
	padding-top: 10px!important;
    padding-right: 40px!important;
    padding-bottom: 10px!important;
    padding-left: 40px!important;
}
/*** Gravity Form Styling on Margins around fields ***/
body .gform_legacy_markup_wrapper ul li.gfield {
    margin-top: 0px !important;
    padding-top: 0;
}

/*** BUTTON HOVER STYLING ***/
.gform_wrapper .gform_footer input.button:hover {
 background: rgba(0, 0, 0, 0.05);
 border: 0px solid transparent;
}

/*Search form in navigation*/
.et_pb_fullwidth_menu .et_pb_menu__search-form,.et_pb_menu .et_pb_menu__search-form {
 border-bottom-color: #CBCBCA;
 border-bottom-width:2px; border-bottom-style: solid;
   
}

/** 1.2 Gravity Form Error Message Formats**/
/** Error Message at top in blue**/

.gform_validation_errors>h2 {
    color: #214263!important;
}

/** Remove the icon from error message**/
.gform_validation_errors>h2:before {
   background-image: none !important;
}


/** Red Border Error Message **/

.gform_legacy_markup_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]),.gform_legacy_markup_wrapper li.gfield_error textarea {
    border: 1px solid #c02b0a!important;
    
}

/** Light Blue Background**/


.gform_legacy_markup_wrapper li.gfield.gfield_error,.gform_legacy_markup_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: #f6f9fc;
    margin-bottom: 6px!important;
    border-top: 1px solid #f6f9fc;
    border-bottom: 1px solid #f6f9fc;
    padding-bottom: 6px;
    padding-top: 8px;
    box-sizing: border-box;
}




/* 2. Hide Play button on Prestoplayer home page */
presto-player::part(muted-overlay-play) {
    display: none;}

    #presto-player-1 {
        height: auto;
        width: 101%;
        padding: 0;
        margin-left: -0.5%;
    }  
    
/* 3.1 Menu Header Adjustments*/
/* 3.1 Menu Effect - "What we Do" bottom border slide in with colour */

#top-menu .what-we-do.current-menu-item a::before,
#top-menu .what-we-do.current_page_item a::before {
content: "";
position: absolute;
z-index: 2;
left: 0;
right: 0;
}

#top-menu li.what-we-do a:before  {
    content: "";
    position: absolute;
    z-index: -2;
    left: 0;
    right: 100%;
    bottom: 50%;
    background: #2cc3f0; /*** COLOR OF THE LINE ***/
    height: 3px; /*** THICKNESS OF THE LINE ***/
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
   }
   #top-menu li.what-we-do a:hover {
    opacity: 1 !important;
   }
   #top-menu li.what-we-do a:hover:before {
    right: 0;
   }
   #top-menu li.what-we-do li a:before {
    bottom: 10%;
   }
/* 3.2 Menu Effect - "How it works" bottom border slide in with colour */
#top-menu .how-it-works.current-menu-item a::before,
#top-menu .how-it-works.current_page_item a::before {
content: "";
position: absolute;
z-index: 2;
left: 0;
right: 0;
}

#top-menu li.how-it-works a:before  {
    content: "";
    position: absolute;
    z-index: -2;
    left: 0;
    right: 100%;
    bottom: 50%;
    background: #62bf83; /*** COLOR OF THE LINE ***/
    height: 3px; /*** THICKNESS OF THE LINE ***/
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    background-color: none !important;
  
   }
   #top-menu li.whow-it-works a:hover {
    opacity: 1 !important;

   }
   #top-menu li.how-it-works a:hover:before {
    right: 0;
   }
   #top-menu li.how-it-works li a:before {
    bottom: 10%;
   }

/* 3.3 Menu Effect - "who we help" bottom border slide in with colour */
   #top-menu .who-we-help.current-menu-item a::before,
   #top-menu .who-we-help.current_page_item a::before {
   content: "";
   position: absolute;
   z-index: 2;
   left: 0;
   right: 0;
   }

#top-menu li.who-we-help a:before  {
    content: "";
    position: absolute;
    z-index: -2;
    left: 0;
    right: 100%;
    bottom: 50%;
    background: #ef354e; /*** COLOR OF THE LINE ***/
    height: 3px; /*** THICKNESS OF THE LINE ***/
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
   }
   #top-menu li.who-we-help a:hover {
    opacity: 1 !important;
   }
   #top-menu li.who-we-help a:hover:before {
    right: 0;
   }
   #top-menu li.who-we-help li a:before {
    bottom: 10%;
   }
/* 3.4 Menu Effect - "whu herrmann" bottom border slide in with colour */
   #top-menu .why-herrmann.current-menu-item a::before,
   #top-menu .why-herrmann.current_page_item a::before {
   content: "";
   position: absolute;
   z-index: 2;
   left: 0;
   right: 0;
   }

#top-menu li.why-herrmann a:before  {
    content: "";
    position: absolute;
    z-index: -2;
    left: 0;
    right: 100%;
    bottom: 50%;
    background: #fdd742; /*** COLOR OF THE LINE ***/
    height: 3px; /*** THICKNESS OF THE LINE ***/
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
   }
   #top-menu li.why-herrmann a:hover {
    opacity: 1 !important;
   }
   #top-menu li.why-herrmann a:hover:before {
    right: 0;
   }
   #top-menu li.why-herrmann li a:before {
    bottom: 10%;
   }

   /* 3.5 Menu Effect - "Blog Menu bottom border slide in with colour */
   #top-menu .blog_menu.current-menu-item a::before,
   #top-menu .blog_menu.current_page_item a::before {
   content: "";
   position: absolute;
   z-index: 2;
   left: 0;
   right: 0;
   }

#top-menu li.blog_menu a:before  {
    content: "";
    position: absolute;
    z-index: -2;
    left: 0;
    right: 100%;
    bottom: 50%;
    background: #9d9d9d; /*** COLOR OF THE LINE ***/
    height: 3px; /*** THICKNESS OF THE LINE ***/
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
   }
   #top-menu li.blog_menu a:hover {
    opacity: 1 !important;
   }
   #top-menu li.blog_menu a:hover:before {
    right: 0;
   }
   #top-menu li.blog_menu li a:before {
    bottom: 10%;
   }

   /* 3.6 Menu Effect - "Resources Menu bottom border slide in with colour */
   #top-menu .resources_menu.current-menu-item a::before,
   #top-menu .resources_menu.current_page_item a::before {
   content: "";
   position: absolute;
   z-index: 2;
   left: 0;
   right: 0;
   }

#top-menu li.resources_menu a:before  {
    content: "";
    position: absolute;
    z-index: -2;
    left: 0;
    right: 100%;
    bottom: 50%;
    background: #9d9d9d; /*** COLOR OF THE LINE ***/
    height: 3px; /*** THICKNESS OF THE LINE ***/
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
   }
   #top-menu li.resources_menu a:hover {
    opacity: 1 !important;
   }
   #top-menu li.resources_menu a:hover:before {
    right: 0;
   }
   #top-menu li.resources_menu li a:before {
    bottom: 10%;
   }


/*set the transition for the spacing shrinking action*/
.pa-header .et_pb_row {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

/*set the background color of the fixed header when scrolling*/
.pa-fixed-header .et_pb_row {
	padding: 0px 0;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
/*set the transition for the logo shrinking action*/
.pa-header .et_pb_menu__logo img {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

/*change the logo size when the header shrinks*/
.pa-fixed-header .et_pb_menu__logo img {
	max-width: 80%;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

/*set the transition for the font size shrinking action*/
.pa-header  .et_pb_menu ul li a {
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

/*change the menu font size when the header shrinks*/
.pa-fixed-header .et_pb_menu ul li a {
	font-size: 14px!important;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

/* 4. Menu Adjustments to Orignal Divi Menu */
/*Menu Header Adjustments*/
.container {
    padding-bottom: 10px;
    padding-top: 5px;
}
#et_top_search {
    margin: 30px 0 0 22px;
}

/* Change the hamburger icon to an X when opened */
.mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}

@media (min-width: 1200px){
  .menu_cta a {
    background-color: #214263!important;
    padding: 10px!important;
    margin-top: 20px !important;
    margin-right: 5px;
    border-radius: 5px;
    border-radius: 5px;
    border: solid 1px #fff;
    text-transform: uppercase;
    color: #fff !important;
    text-align: center;
    height: max-content;
  }
  .topmenu_cta a {
    background-color: #214263!important;
    padding: 5px!important;
    margin-top: 5px !important;
    margin-bottom: 5px!important;
    margin-right: 5px;
    border-radius: 5px;
    border-radius: 5px;
    border: solid 1px #fff;
    text-transform: uppercase;
    color: #fff !important;
    text-align: center;
    height: max-content;
  }
  .phone_cta a {
    background-color: #214263!important;
    padding: 5px!important;
    margin-top: 5px !important;
    margin-bottom: 5px!important;
    margin-right: 5px;
    text-transform: uppercase;
    color: #fff !important;
    font-weight: bold;
    text-align: center;
    height: max-content;
  }
}
    
/*Search form in navigation*/
.et-search-form input {
  width: 90%;
  border: none;
  color: #333;
  position: absolute;
  top: 50%;
  bottom: auto;
  right: 30px;
  margin: auto;
  border-bottom-color: #CBCBCA;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  background: transparent;
}

@media only screen and ( max-width: 1240px ) {
  #et_top_search { display:none; }
}

/*adjust Divi Menu module breakpoint*/
@media only screen and ( max-width: 1182px ) {
  #top-menu-nav, #top-menu {display: none;}
  #et_top_search {display: none;}
  #et_mobile_nav_menu {display: block;}
}
    

/* Switch Divi Logo on Mobile Devices */
@media only screen and (max-width: 981px) {
  #logo {
    content: url("/wp-content/uploads/2020/08/Registered-Logo-Mark-Logotypewhite.png");
    /*max-height: 160px;*/
    height: auto; /* default value - the browser calculates the height */
  }
}
/* Restrict the width of the logo if necessary */
@media (max-width: 981px){
  .et_header_style_left #logo{
    max-width: 50%; /*changed from 36%*/
  }
}
/* Padding around mobile hamburger menue */
.et_header_style_left #et-top-navigation .mobile_menu_bar,.et_header_style_split #et-top-navigation .mobile_menu_bar {
  padding-bottom: 0px;
  padding-top: 5px;
}

/* Padding on Main Menu*/
.et_header_style_left .et-fixed-header #et-top-navigation,.et_header_style_split .et-fixed-header #et-top-navigation {
  padding-top: 5px;
}

#logo {
  margin-top: -5px !important;
}

/** 3.7 Hide Menu items from Mobile**/
/* Hide element on Desktop */
@media only screen and (min-width: 981px) {.hide-on-desktop {display: none !important;}}
/* Hide element on Tablet/Phone */
@media only screen and (max-width: 980px) {.phone_cta {display: none !important;}}
@media only screen and (max-width: 980px) {.topmenu_cta {display: none !important;}}

/* 3.7 Padding alignement on menu to align with logo*/
#top-menu li {
  padding-bottom: 10px !important;
}
/* 3.8 Remove the grey line on menue header*/
#main-header {
  box-shadow: none !important;
}

.et_pb_menu li ul {

}
/* 4.0 Box shadow around Submenue on Navigation*/
   .nav li ul {
        background: #fff !important;
        /*border-left: 1px solid #CBCBCA !important;
        border-right: 1px solid #CBCBCA !important;
        border-bottom: 1px solid #CBCBCA !important; */
        /*box-shadow: 0px 13px 10px -10px rgb(0 0 0 / 30%);
        -moz-box-shadow: 0px 13px 10px -10px rgb(0 0 0 / 30%);
        -webkit-box-shadow: 0px 13px 10px -10px rgb(0 0 0 / 30%);
        -webkit-transform: translateZ(0);*/
        border-top: 3px solid #fff !important;
        box-shadow: 0 -20px 10px 0 rgba(200,200,200,0.7);
-moz-box-shadow:0 3px 3px 0 rgba(200, 200, 200, 0.7) ;
-webkit-box-shadow:0 3px 3px 0 rgba(200, 200, 200, 0.7) ;
-khtml-box-shadow:0 3px 3px 0 rgba(200, 200, 200, 0.7) ;
        border-radius: 4px;
    } 

    .nav li li a:hover {
        background: white !important;

        }

  
/* 4.5 Formating and Lines on Catergory List in blog*/
.widget_categories ul li {
            margin-bottom: 0.5em;
            border-bottom: 1px solid #eee;
            list-style: none;
            padding-top: 7px !important;
            padding-bottom: 12px !important;
        }

        .widget_categories ul li a:hover {
            font-weight: bold;
        }
/* Blog H2 Formating */
.et_pb_text_0 h2 {
            font-family: 'adelle-regular',Georgia,"Times New Roman",serif;
            font-weight: 700;
            font-size: 28px !important;;
            color: #214263!important;
            line-height: 1.2em
        }

/*5.0 Hover effect over the blog modules*/

.et_pb_blog_grid .et_pb_post:hover {
	transform: scale(1.05) rotate(0deg);
	-moz-transform: scale(1.05) rotate(0deg);
	-webkit-transform: scale(1.05) rotate(0deg);
    transition: all 900ms ease-in-out;
	-moz-transition: all 900ms ease-in-out;
	-webkit-transition: all 900ms ease-in-out;
}

/*6.0 Submenu on mobile*/ 
/*change hamburger icon to x when mobile menu is open*/

#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';
}


/*adjust the new toggle element which is added via jQuery*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
	width: 44px;
	height: 100%;
	padding: 0px !important;
	max-height: 44px;
	border: none;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	background-color: transparent;
}


/*some code to keep everyting positioned properly*/

ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
	position: relative;
}


/*remove default background color from menu items that have children*/

.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;
}


/*hide the submenu by default*/

ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
	display: none !important;
	visibility: hidden !important;
}


/*show the submenu when toggled open*/

ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
	display: block !important;
	visibility: visible !important;
}


/*adjust the toggle icon position and transparency*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
	text-align: center;
	opacity: 1;
}


/*submenu toggle icon when closed*/

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: 10px;
	position: relative;
	font-family: "ETModules";
	content: '\33';
	color: #00d263;
	background: #f0f3f6;
	border-radius: 50%;
	padding: 3px;
}


/*submenu toggle icon when open*/

ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
	content: '\32';
}


/*add point on top of the menu submenu dropdown*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
	position: absolute;
	right: 5%;
	margin-left: -20px;
	top: -14px;
	width: 0;
	height: 0;
	content: '';
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #ffffff;
}


/*adjust the position of the hamburger menu*/

.mobile_menu_bar {
	position: relative;
	display: block;
	bottom: 10px;
	line-height: 0;
}


/*force the background color and add a rounded border*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu,
.et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
	background-color: #ffffff!important;
	border-radius: 10px;
}

/*set the width of the rows inside the Post Content module*/
.et-l .et-l--post .et_builder_inner_content .et_pb_row {
	width: 100%;
}


/* Set the Divi Mobile Nav to Fixed on scroll */
#top-menu .how-it-works.current-menu-item a::before, 
#top-menu .how-it-works.current_page_item a::before {
	right: 100%;
}
#top-menu .how-it-works.current-menu-item > a::before, 
#top-menu .how-it-works.current_page_item > a::before {
    z-index: 2;
    right: 0;
}
/*--- 2nd level submenu -----*/
#top-menu .how-it-works.current-menu-ancestor > a:before {
	right: 0;
	z-index: 2;
}
#top-menu .how-it-works.current-menu-ancestor ul.sub-menu li.current-menu-item > a::before {
    z-index: 2;
    right: 0;
}
/*--- 3rd level submenu -----*/
#top-menu .how-it-works.current-menu-ancestor ul.sub-menu li.current-menu-ancestor > a::before {
    z-index: 2;
    right: 0;
}
#top-menu .how-it-works.current-menu-ancestor ul.sub-menu li.current-menu-ancestor ul.sub-menu li.current-menu-item > a::before {
    z-index: 2;
    right: 0;
}

@media (max-width: 980px) {
	.et_pb_column {
		width: 100%;
    	margin-bottom: 10px!important;
	}
}
@media(min-width:981px) {
	.et-fixed-header #top-menu li.menu_cta>a {
    	color: #fff!important;
	}
}
/*
.et_mobile_menu {
    overflow: scroll !important;
    max-height: 83vh;
} */

/*edit the Divi mobile menu dropdown*/
.et_mobile_menu {
border-top: 0px;
}

h1, h2 {
	text-align: center;
}

/* Customization */
#main-header {
	z-index: 999;
}
.mobile-header .mobile-header-row {
	display: flex;
	justify-content: space-between;
}
.desktop-header .et_pb_row {
	display: flex;
	justify-content: flex-end;
}
.desktop-header .et_pb_column {
	margin-right: 0;
	flex: 0 0 20%;
}
/* Page - Home */
.et_pb_cta_1.et_pb_promo:hover,
.et_pb_cta_3.et_pb_promo:hover,
.et_pb_cta_5.et_pb_promo:hover,
.et_pb_cta_7.et_pb_promo:hover{ border-top-width: 0!important; }
.presto-block-video { border-radius: 0; }
#presto-player-1 {
    height: auto;
    width: auto;
    padding: 0;
    margin-left: 0;
    margin: -1px;
}
/* Page - Solutions */
.mod-solutions-blockquote blockquote,
.mod-contact-blockquote blockquote {
	font-size: 1.75rem!important;
}
/* Pricing*/
.tooltip {
  position: relative;
  display: inline-block;
  color: #8BD0A3;
  
}
.et_pb_code_inner {
/*   font-weight: bold; */
}
.tooltip .tooltiptext {
  visibility: hidden;
  width: 200px;
  background-color: #fff;
  color: #000000;
  text-align: center;
  border-radius: 6px;
  padding: 10px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -102px;
  border-width: 2px;
  border-style: solid;
  border-color: black;
  box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: black transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}

/* Blog */
.et_pb_blog_grid .et_audio_content, 
.et_pb_blog_grid .et_main_video_container, 
.et_pb_blog_grid .et_pb_post .et_pb_slider, 
.et_pb_image_container {
	margin: -19px -19px -28px;
}


/*add a neceassry position to the blog posts*/

.et_pb_blog_grid .et_pb_post, .et_pb_posts .et_pb_post {
position: relative;
}

/*make the title link spread over the entire post*/

.et_pb_blog_grid .et_pb_post .entry-title a:after, .et_pb_posts .et_pb_post .entry-title a:after {
position: absolute;
display: block;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
}

/*change the mouse cursor into a pointer*/

.et_pb_blog_grid .et_pb_post:hover, .et_pb_posts .et_pb_post:hover {
cursor: pointer;
}

/* Footer */
footer .et_pb_text_10_tb_footer.et_pb_text a {
	color: #fff!important;
}
footer .et_pb_text_10_tb_footer.et_pb_text a:hover {
	color: #9D9D9D!important;
}
/* Gravity Form Styles */
/*** GRAVITY FORM STYLE ***/
.gform_legacy_markup_wrapper .validation_message {
    font-size: 11px;
}
.gform_legacy_markup_wrapper .field_description_below .gfield_description {
    padding-top: 0;
}
.gform_legacy_markup_wrapper li.hidden_label input {
    margin-top: 0;
}
.gform_legacy_markup_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, 
.gform_legacy_markup_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
    margin-top: 0!important;
}

.gform_legacy_markup_wrapper li.gfield.gfield_error, .gform_legacy_markup_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {
    background-color: #fff !important;
    margin-bottom: 6px!important;
    border-top: 1px solid #fff !important;
    border-bottom: 1px solid #fff !important;
    padding-bottom: 6px !important;
    padding-top: 8px !important;
    box-sizing: border-box !important;
}

.gform_legacy_markup_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_left select,.gform_legacy_markup_wrapper.gf_browser_chrome ul.gform_fields li.gfield div.ginput_complex span.ginput_right select,.gform_legacy_markup_wrapper.gf_browser_chrome ul.gform_fields li.gfield select {
    margin-left: 0px !important;
}

.gform_wrapper div.validation_error {
    border: None!important;
	  margin-bottom: 0;
    font-size: 16px;
    font-weight: 700;
    color: #790000 !important;
}

.gform_wrapper .gform_validation_errors {
    background:#fff !important; 
    border-radius: 5px;
    border: 1.5px solid #c02b0a;
    box-shadow: none !important; 
    margin-bottom: 8px;
    margin-top: 8px;
    padding: 16px 16px 16px 48px;
    position: relative;
    width: 100%;
}

#gform_wrapper_5 .top_label .gfield_label,
#gform_wrapper_5 .field_sublabel_below .ginput_complex.ginput_container label
#gform_wrapper_5 .gsection_title{
    display: none;
}
/*** FIELD STYLING ***/
input[type=text],
textarea,
select {
    background: #eee;
    border: none;
    border-radius: 0;
    color: #999 !important;
    padding: 15px !important;
}
/*** Gravity form BUTTON STYLING ***/
/*** Button Postion for home page community sign up ***/ 
@media (min-width:500px) {
#gform_wrapper_6 .gform_footer input.button {
        position: relative !important;
        margin-left: 0% !important;
        }
    }  
/*** Button Postion for Certification page ***/ 
@media (min-width:500px) {
        #gform_wrapper_2 .gform_footer input.button {
                position: relative !important;
                margin-left: 0% !important;
                }
            } 
/*** Button Postion for Contact us form ***/ 
@media (min-width:500px) {
        #gform_wrapper_5 .gform_footer input.button {
                position: relative !important;
                margin-left: 0% !important;
                }
            }  

.gform_wrapper .gform_footer input.button {
   float: none;
    background-image: none;
    background-color: #214263;
    width: 100%;
    color: #ffffff!important;
    border-width: 0px!important;
    border-color: #214263;
    border-radius: 10px;
    letter-spacing: 2px;
    font-size: 18px;
    font-family: 'proxima-nova-semi-b',Georgia,"Times New Roman",serif!important;
    font-weight: 700!important;
    text-transform: uppercase!important;
}
/*** BUTTON HOVER STYLING ***/
.gform_wrapper .gform_footer input.button:hover {
    background: #214263c9;
    border: 1px solid transparent;
}

@media (max-width: 981px) {
	.et_header_style_left #logo {
			max-width: 50%; /*orginal 36% */
			height: auto;
	}
}

@media only screen and (min-width: 641px) {
	.gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_left_half, 
	.gform_wrapper.gform_validation_error .top_label li.gfield.gfield_error.gf_right_half {
			max-width: calc(50% - 8px);
			padding-right: 0;
			padding: 8px;
	}
	
	.gform_legacy_markup_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
    max-width: 100%!important;
    padding: 8px;
}
	
	.gform_wrapper .top_label li.gfield.gf_left_half, 
	.gform_wrapper .top_label li.gfield.gf_right_half {
		padding-right: 8px;
		padding-left: 8px;
	}
	.gform_wrapper ul.gform_fields li.gfield {
  		padding-right: 8px;
  		padding-left: 8px;
	}
	.gform_wrapper .gform_footer {
    	padding: 16px 8px 10px;
	}
}

@media(min-width:992px) {
	h1, h2 {
		text-align: inherit;
	}
	.mobile-header .mobile-header-row {
		display: block;
		justify-content: space-between;
	}
}

@media(min-width:1400px) {
	.mod-banner-text h1 {
		font-size: 60px!important;
	}
	/* Page - Solutions */
	.mod-solutions-blockquote blockquote,
	.mod-contact-blockquote blockquote {
		font-size: 44px!important;
	}
}

@media (min-width: 981px) {
	.et-fixed-header #top-menu li.current-menu-ancestor .sub-menu li.menu-item a, 
	.et-fixed-header #top-menu li.current-menu-item .sub-menu li.menu-item a, 
	.et-fixed-header #top-menu li.current_page_item .sub-menu li.menu-item a {
    	/*color: rgba(255,255,255,0.7)!important;*/
	}
	/*----- Blog Page -----*/
	#sidebar {
		float: left;
		width: 30%;
	}
	#left-area {
		width: 70%;
		padding-bottom: 23px;
	}
	.et_right_sidebar #left-area {
		float: left;
		padding-right: 1rem;
	}
	.et_right_sidebar #main-content .container:before {
    	right: 30%!important;
	}
	/*----- End - Blog Page -----*/
}
/*Internal -make Divi Builder text style settings sticky on scroll*/
.mce-panel .mce-stack-layout-item.mce-first {
	position: sticky!important;
	top: -60px;
}
/*Overflow wrap to stop Widow Lines*/
h1,h2,h3,h4,h5,h6 {
    overflow-wrap: normal;
}
/* Formating on blog post layout */
.et_pb_post_content p {
  padding-bottom: 1.5em;
}
.et_pb_post_content h2 {
    padding-top: .5em;
}

/* 7.0 Divi Extender Blog Module Formatting*/
.et_pb_post_extra.el_dbe_block_extended .post-media-container {
    height: 135px;
}

	/*----- CSS Tweaking  -----*/

    a:where(:not(.wp-element-button)) {
        text-decoration: none!important;
    }