/*
 Theme Name:     Hub4 Theme
 Theme URI:      http://www.hub4design.com
 Description:    Hub4 Theme
 Author:         HUB4 Concepts
 Author URI:     http://www.hub4design.com
 Template:       Divi
 Version:        2.4.6
*/
 
@import url("../Divi/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */

.et_pb_scroll_top.et-pb-icon {
	background: #4255a5 !Important;
	color: #fff  !Important;
	bottom: 95px !Important;
    padding: 16px !Important;
	border-radius: 50%;
	-webkit-border-radius: 50% !Important;
    -moz-border-radius: 50% !Important;
    color: #fff;
	cursor: pointer;
    font-weight: 900;
	right: 17px;
	box-shadow: 0 4px 5px -1px rgba(0,0,0,0.5) !Important;
	}

body, p, .et_pb_text {
	-webkit-font-smoothing: antialiased !Important;
	-moz-osx-font-smoothing: grayscale !Important;
	font-family: proxima-nova, sans-serif !Important;
	font-style: normal;
	font-weight: 300;
}

p:empty {
	display: none !Important;
	}

h1, h2, h3, h4, h5, h6 {
letter-spacing: -0.06em !Important;
font-weight: 900 !Important;
font-family: proxima-nova, sans-serif !Important;
font-style: normal;
-webkit-font-smoothing: antialiased !Important;
-moz-osx-font-smoothing: grayscale !Important;
}

.et_bloom h2.et_bloom_success_message.et_bloom_animate_message {
    margin-top: 50px;
    display: block;
    opacity: 1;
    z-index: 99;
    animation: 1s cubic-bezier(0.77, 0, 0.175, 1) 0s normal none 1 running et_bloom_fadeInTop;
    color: #191919 !important;
}

.et_pb_pricing_heading {
    background-color: #BEBEBE;
    margin-bottom: 17px;
    padding: 15px 15px !Important;}

.et_pb_pricing_2 .et_pb_pricing_table, .et_pb_column_2_3 .et_pb_pricing_table, .et_pb_column_1_2 .et_pb_pricing_table {
    width: 50%;
    border-radius: 5px;
}

.et_pb_pricing_heading {
    background-color: #191919;
    margin-bottom: 17px;
    padding: 15px !important;
}

/*SIGNUP GRAVITY FORM********/

input.signupname {padding: 5px 10px; border-radius: 5px;}

.gform_wrapper input[type="text"] {
    padding: 0.7em 0px !Important;
    letter-spacing: normal;
    text-indent: 0.25em;
border-radius: 5px;
}

.gform_wrapper.gf_browser_gecko select {
    padding: 0.5em 0px !Important;
    border-radius: 5px !Important;
}

.gform_wrapper .gform_footer input[type="submit"] {
    display: inline-block;
    width: 100%;
    padding: 0.6em;
    border-radius: 5px;
    border: none;
    background: #191919;
    color: #fff;
    font-weight: 700;
    font-size: 1.1em;
    cursor: pointer;
}

.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
    width: 98% !Important;
}

.gform_wrapper .ginput_complex label {display: none !Important;}

.et_pb_text_1, .et_pb_text_2, .et_pb_text_3  {border-radius: 5px;}

.gform_wrapper .ginput_complex .ginput_left, .gform_wrapper .ginput_complex .ginput_right {
    width: 100% !Important;
    display: inline-block;
    vertical-align: top;
}


/*BLOOM******/

.et_bloom .et_bloom_optin_1 h2, .et_bloom .et_bloom_optin_1 h2 span, .et_bloom .et_bloom_optin_1 h2 strong {
    font-family: "Lato",Helvetica,Arial,Lucida,sans-serif;
font-weight: 500;
}

h2.et_bloom_error_message {color: #666666 !Important;}

.et_bloom .et_bloom_inline_form {
    clear: both;
    margin: 30px 0px;
    display: inline-block;
    top: 0px !important;
}

.et_bloom_form_container {top: 0px !Important;}

.et_bloom .et_bloom_form_container .et_bloom_form_content {
    padding: 1px 30px 40px 30px;
    color: rgba(0, 0, 0, 0.5);
    width: 100%;
    background-color: #E9E9E9;
    position: relative;
}

.et_bloom .et_bloom_popup {
    display: none;
    top: 30% !Important;
    left: 0px;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 99999999;
}

/*Tables********/

.tablepress tfoot th, .tablepress thead th {background-color: #cccccc !Important;}

/*mobile****/
@media screen and (min-width: 421px) { 

#mobileimageonly {display:none;}
}
/*end of 421px and above****/

/*mobile****/
@media screen and (max-width: 420px) { 

.et_pb_column_5 {padding: 5px  !Important;}

.et_pb_column_6 {padding: 5px !Important;}

.entry-content tr th, .entry-content thead th {
    color: #555;
    font-weight: bold;
    padding: 9px 12px !Important;
}

#hubbutton {width: 85% !Important; font-size: 16px !Important;
padding: 10px 20px !Important;
border-radius: 150px !Important;}

#homevideo {display: none;}

#wanttoknowmore {display: none;}
}
/*end of mobile******/

/*Scroll*****/

@media screen and (max-width: 1024px) { 

.scroll-back-to-top-wrapper.show {width: 47px;}

.et_pb_row_6 {width: 90% !Important;}

.et_pb_row.et_pb_row_fullwidth, .et_pb_specialty_fullwidth > .et_pb_row {width: 90% !Important;}

.et_pb_fullwidth_header .et_pb_fullwidth_header_scroll a .et-pb-icon {DISPLAY: NONE;}

.et_pb_fullwidth_header_1.et_pb_fullwidth_header .header-content h1 {
    text-transform: uppercase;
    font-size: 36px !Important;
}

.et_pb_fullwidth_header .et_pb_fullwidth_header_container.right .header-content {
    text-align: center !Important;}

.et_pb_fullwidth_header_container {
    min-height: 100vh;
    width: 100% !Important;
    max-width: none;
}

.war_soundy_audio_control {display: none !Important;}

.et_pb_fullwidth_header_0.et_pb_fullwidth_header .header-content h1 {
    /*text-transform: uppercase;
    font-size: 45px;*/
    text-align: center !Important;
}

}

/*scroll end*****/

/*Buttons*******/

#hubbutton {
    font-weight: 700 !Important;
    font-size: 20px !Important;
    padding: 14px 24px !Important;
    margin: 8px 6px 8px 0px;
    border-radius: 40px  !Important;
    text-transform: uppercase !Important;
    background: #4255a5 !Important;
    border: #fff !Important;
    color: #fff !important;
    text-shadow: none !important;
    width: 45%;
margin: auto;
}


.et_pb_fullwidth_header .et_pb_fullwidth_header_container.center .header-content {
    width: 100% !Important;
}

.et_mobile_menu li a:hover {color: #ccc;}

/*BLOG****/

.et_pb_bg_layout_light .et_pb_post .post-meta {text-align: center;}

.et_pb_blog_grid h2 {
    font-size: 18px;
    margin-top: 19px;
    text-align: center;
}

.et_pb_blog_grid .et_pb_post {
    border: none;
}

.et_pb_fullwidth_menu .fullwidth-menu-nav > ul {
    padding: 28px 0px 0px !important;
    line-height: 1.7em;
    font-weight: 600;
    text-transform: uppercase;
}

.fullwidth-menu li > a {
    padding-bottom: 29px;
    font-size: 12px;
font-family: lato;
}

.fullwidth-menu a:hover {
    opacity: 0.7;
    color: #84C100;
    transition: all 0.4s ease-in-out 0s;
}

.fullwidth-menu a:active {
    opacity: 0.7;
    color: #4255a5;
    transition: all 0.4s ease-in-out 0s;
}

.et_pb_widget a {
    text-decoration: none;
    color: #666;
    TEXT-TRANSFORM: uppercase;
    font-size: 12px;
    font-family: lato;
font-weight: 600;
}


/*END OF BLOG****/

.et_divi_100_custom_back_to_top .et_pb_scroll_top {
    z-index: 9999999;
    position: fixed;
    right: 160px;
    bottom: 9px;
    background: #2C2C2C;
    width: 45px;
    height: 45px;
    box-shadow: 0 2px 4px rgba(108, 46, 185, 0.2);
    -webkit-transition: all 0.2s ease, -webkit-transform 0.6s ease;
    transition: all 0.2s ease, -webkit-transform 0.6s ease;
    transition: all 0.2s ease, transform 0.6s ease;
    transition: all 0.2s ease, transform 0.6s ease, -webkit-transform 0.6s ease;
    cursor: pointer;
}

.blurb-animation img:hover {overflow: hidden !Important;}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}