/*
 Theme Name:   CertaFoamII
 Theme URI:    http://snapmy.info/themes
 Description:  Divi Child Theme
 Author:       Eric Sivertson
 Author URI:   http://snapmy.info/Eric
 Template:     Divi
 Version:      2.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, three-columns, four-columns, right-sidebar, left-sidebar, responsive-layout, accessibility-ready
 Text Domain:  divi-child
*/
@import url('../Divi/style.css');

/*------------------------------------------------*/
/*------------------------------------------------*/
/*---------------[GLOBAL STYLES]------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/

body {
    font-size: 20px;
    line-height: 1.2em;
}

h1 {
    font-size: 45px;font-weight: 900;
}
h2 {
    font-size: 40px;font-weight: 700;
}
h3 {
    font-size: 35px;font-weight: 500;
}
h4 {
    font-size: 30px;font-weight: 500;
}
h5 {
    font-size: 25px;font-weight: 500;
}
.red {
    color: #9c0521;
}
a:hover {
    text-decoration: underline;
}
.et-social-icon a:hover {
    text-decoration: none!important;
}
.et_pb_video_play:hover {
    text-decoration: none!important;
}
.center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    display: block;
}
.boxShadow {
    -webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.75);
}

/*------------------------------------------------*/
/*---------------[GHOST BUTTONS]------------------*/
/*------------------------------------------------*/
.et_pb_bg_layout_light .et_pb_more_button, .et_pb_bg_layout_light .et_pb_promo_button, .et_pb_pricing_table_button, .et_pb_contact_submit, .et_pb_bg_layout_light .et_pb_newsletter_button, .form-submit input {
    color:#fff !important;
}
.et_pb_pricing_table_button, .et_pb_promo_button, a.et_pb_more_button, .et_pb_newsletter_button, .comment-reply-link, .form-submit input, .et_pb_contact_submit, .et_pb_contact_reset, .et_password_protected_form .et_submit_button, .single_add_to_cart_button .button {
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 5px;
    border: 2px solid #fff;
    padding: 6px 45px;
    line-height: 1.7em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    position: relative; 
}
.et_pb_promo_button:hover, a.et_pb_more_button:hover, .et_pb_newsletter_button:hover {
    background: rgba(255, 255, 255, 0.3) !important;
    color: #fff !important;
    border: 2px solid #fff;
    padding: 6px 45px !important; 
}
.et_pb_pricing_table_button:hover, .et_pb_bg_layout_light .et_pb_promo_button:hover, .et_pb_bg_layout_light .et_pb_more_button:hover, .et_pb_bg_layout_light .et_pb_newsletter_button:hover, .comment-reply-link:hover, .form-submit input:hover, .et_pb_contact_submit:hover, .et_pb_contact_reset:hover, .et_password_protected_form .et_submit_button:hover {
    background: rgba(255, 255, 255, 0.3) !important;
    color: #fff !important;
    border: 2px solid #fff;
    padding: 6px 45px !important; 
}
.form-submit input:hover, .et_pb_contact_submit:hover, .et_pb_contact_reset:hover, .et_password_protected_form .et_submit_button:hover {
    background: rgba(255, 255, 255, 0.3) !important;
    color: #fff !important;
    border: 2px solid #fff;
    padding: 6px 45px !important; 
}
.form-submit input:after, .et_pb_pricing_table_button:after, .et_pb_promo_button:after, a.et_pb_more_button:after, .et_pb_newsletter_button:after, .comment-reply-link:after {
    font-size: 32px;
    line-height: 1em;
    opacity: 0;
    position: absolute;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    content: "5";
    color: #fff;
    top: 2px;
    right: -30px; 
}
.form-submit input:hover:after, .et_pb_pricing_table_button:hover:after, .et_pb_promo_button:hover:after, a.et_pb_more_button:hover:after, .et_pb_newsletter_button:hover:after, .comment-reply-link:hover:after {
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    content: "5";
    color: #fff;
    right: 10px;
    opacity: 0; 
}
.et_pb_pricing_table_button:hover:after, .et_pb_promo_button:hover:after, a.et_pb_more_button:hover:after, .et_pb_newsletter_button:hover:after, .comment-reply-link:hover:after {
    opacity: 1;
    margin-left: 0; 
}
/*-------------[END GHOST BUTTONS]----------------*/

/*------------------------------------------------*/
/*-------------[TRIANGLE SEPARATOR]---------------*/
/*------------------------------------------------*/

.triangle-separator:after,.triangle-separator:before {
    content:'';
    position:absolute;
    bottom:0;width:50%;
    z-index:100;
    border-bottom:50px solid #fff;
    -moz-transform:rotate(0.000001deg);
    -webkit-transform:rotate(0.000001deg);
    -o-transform:rotate(0.000001deg);
    -ms-transform:rotate(0.000001deg);
    transform:rotate(0.000001deg)
}

.triangle-separator:before {
    right:50%;
    border-right:50px solid transparent;
    border-left:1000px solid #fff;
}
.triangle-separator:after {
    left:50%;
    border-left:50px solid transparent;
    border-right:1000px solid rgba(255,255,255,0.00);
}
/*-----------[END TRIANGLE SEPARATOR]-------------*/	

/*------------------------------------------------*/
/*-------[Float an Image Between Sections]--------*/
/*------------------------------------------------*/
 
/* remove all padding in section */
    .logo-spacer-section { padding:0px; margin:0 0 -40px 0;}
    .logo-spacer-section .et_pb_row, .logo-spacer-section .et_pb_section  { padding: 0px;}
 
/* logo under header */
    #logo-under-header {padding: 0px; margin: 0px;}
    #logo-under-header img {margin-top:-105px; width: 150px; z-index: 1; position: relative;}
 
/* logo under standard sections */
    #logo-spacer {padding: 0px; margin: 0px;}
    #logo-spacer img {margin-top: -55px; width: 100px; z-index: 1; position: relative;} 

/*------------------------------------------------*/
/*------------------------------------------------*/
/*---------------[MENU & HEADER]------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/

#et_search_icon::before{
    display:none;
}
/* adjust the padding of the top menu navigation bar */
#main-header { 
    line-height: 0px; 
    padding-top:14px;
}
#main-header nav#top-menu-nav {
    padding-top: 0px;
    padding-bottom: 10px;
}

/* adjust the padding of the top menu navigation items */
#main-header.et-fixed-header nav#top-menu-nav {
    padding-top: 0px;
}
#top-menu li { 
    padding-top: 20px; 
}
#top-menu li li a, .fullwidth-menu li li a {
    padding: 0px 20px; 
    line-height: normal;
}
.et_fixed_nav #logo {
margin-bottom: 0;
max-height: 50px;
} 

/* adjust the padding and height of the fixed header logo (when scrolled down) */
.et-fixed-header #logo {
    max-height: 39px;
    padding-top: 1px;
}
/* Mobile-Menu */ 
.et_mobile_menu {
	background: rgba(31, 31, 31, 0.9) !important; 
	margin-top: -20px;
}
.et_mobile_menu a {
	color: #fff!important;
}
.et_mobile_menu a:hover {
	color: #fff!important;
}
.et_mobile_menu li {
    padding: 15px 0;
}
.et_mobile_menu li a {
    padding: 5px 5%;
}
.et_mobile_menu li.get-started { 
    padding: 0px!important;
}
.et_mobile_menu .menu-item-has-children > a {
    background-color: #1e2024 !important;
}

/* Mobile-Menu - Replace Hamburger Icon all together */ 
.mobile_menu_bar:before {
    content: "Menu"!important;
    color: #FFFFFF!important;
    display: block;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    border-radius: 3px;
    padding: 4px 0px 4px 15px;
    width: 50px;
    float: right;
    background-color: rgba(255, 255, 255, 0.2)!important;
    font-weight: 400;
}
 
#main-header { 
    background-color: rgba(31,31,31,0.00) !important;
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.0); 
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.0);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.0);
}
.single-post #main-header {
    background-color: rgba(31, 31, 31, 0.8) !important;
}
/*scrolling state*/
#main-header.et-fixed-header {
    background-color: rgba(31,31,31,0.9) !important;
}
#top-menu a {
    color: #fff!important;
}
#top-menu a:hover {
    color: #fff;
    border-bottom: 2px solid;
}
#top-menu li.current-menu-ancestor > a {
    color: #01B525!important;
}
#top-menu li.current-menu-item > a {
    border-bottom: 2px solid;
}
#et_search_icon {
    color:#fff!important;
}
#et_search_icon:hover {
    color: #01B525!important;
}
/* Sub-Menu */
#top-menu li li a {color:#ededed!important;}
#top-menu li li a:hover {color:#ef4a4a!important; background:#1e2024!important;}
.nav li ul {background: rgba(30, 30, 30, 0.8)!important;}
.sub-menu {border-color:#ef4a4a!important;}
#et_search_icon {color: #cfcfcf!important;}

/* style the CTA button */

.contact-us {
    border-radius: 5px;
    height: 20px; 
}
#top-menu .contact-us a, #top-menu .contact-us a:hover {
    color: #fff!important;
    border: none!important;
}
#top-menu .contact-us.current-menu-item > a {
    color: #fff!important;
    border: none;
    font-weight: 700;
}
li.contact-us {
    color:#fff!important;
    background-color:#01B525; 
    font-weight: 700; 
    text-transform: uppercase; 
    text-align: center; 
    padding-right: 20px !important;
    padding-bottom: 0px !important;
    padding-left: 20px !important;
    padding-top: 10px;
    -moz-transition: all 0.5s; 
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
li.contact-us:hover {
    background-color:rgba(255, 255, 255, .3);
    color: #FFF!important;
}
.contact-us .et_mobile_menu li a {
    padding-top: 0px!important;
}

/*------------------------------------------------*/
/*------------------------------------------------*/
/*--------------[HOME PAGE STYLES]----------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/
.home_mainBG {
    height: 600px; 
    top:-80px; 
}
.homeHeading .et_pb_promo_button {
    width: 190px;
    text-align: center;
    margin: 0 10px 10px 0;
}
.homeHeading .et_pb_promo_button:hover {
    border-color: rgba(255, 255, 255, .1);
}
.homeHeading .et_pb_promo_button:hover:after {
    right: 10px;
}
.homeHeading .et_pb_promo_button:after {
    right: -30px;
}
.homeHeading h1 {
    line-height: 1em;
    font-size: 75px;
    margin-bottom: -60px;
}
.green {
    color: #01B525;
}
.red {
    color: #9c0521;
}
.green_button {
    background-color: #01B525;
    border-color: #01B525;
}
.red_button {
    background-color: #9c0521;
    border-color: #9c0521;
}
.red_button:hover {
    color: #9c0521!important;
    border-color: #9c0521;
}  
.certaFacts {
    padding: 0px;
    font-style: italic;
    color:#000;
}
.certaFacts p {
    padding-top: 30px;
}
.certaFacts img {
    max-width: 200px;
}
#SprayFoam {
}

/*------------[END HOME PAGE STYLES]--------------*/

/*------------------------------------------------*/
/*--------------[Sub Page Global]-----------------*/
/*------------------------------------------------*/

.et_pb_toggle_title::before {
    color: #9c0521;
}
.headerBG {
    height: 250px; 
    top:-80px; 
}
.heading h1 {
    line-height: 1.2em;
    font-size: 75px;
}
#SectionTwo {
    margin-top: -80px;
}

.et_pb_counter_title {
    font-size: inherit;
    padding-bottom: 5px;
}
/*------------------------------------------------*/
/*---------------[Contact Blurbs]-----------------*/
/*------------------------------------------------*/

.contact-blurbs .et-pb-icon-circle { margin-top:2px; font-size: 45px;}
.contact-blurbs .et_pb_blurb h4 { padding-bottom: 1px; padding-left: 23px; font-weight: 900; font-size: 29px; }
.contact-blurbs .et_pb_blurb_content p:last-of-type { padding-bottom: 0px; padding-left: 23px; font-size: 25px; }

.contact-blurbs .email-blurb .et-pb-icon-circle {margin-left:-40px;}
.contact-blurbs .email-blurb h4 {padding-top:3px; padding-left: 0px; margin-left: -20px;}
.contact-blurbs .email-blurb p:last-of-type {font-size: 20px; padding-left: 0px; margin-left: -20px;}

/*-------------[End Contact Blurbs]---------------*/

/*------------------------------------------------*/
/*----------------[Contact Form]------------------*/
/*------------------------------------------------*/

#ResponsiveForm{
	margin:0 auto;
        width:100%;
}
.form-row{
	width: 100%;
}
.column-half, .column-full{
	float: left;
	position: relative;
	padding: 0.65rem;
	width:100%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) { 
	.column-half{
		width: 50%;
	}
}
.wpcf7-form .input-field:focus {
    outline: 0px none;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(243, 243, 243, 0.6);
}
.wpcf7-form .input-field {
    background-color: rgba(31, 31, 31, 0.8);
    color: #ffffff!important;
    border: 0px solid #BBB;
    border-radius: 5px;
    font-size: inherit;
    padding: 10px;
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.wpcf7-submit {
    float: right;
    background-color: rgb(1, 181, 37);
    color: rgb(255, 255, 255);
    padding: 10px 30px;
    cursor: pointer;
    border: 0px none;
    border-radius: 5px;
    font-weight: 700;
    text-transform: uppercase;
}
.wpcf7-submit:hover {
    background-color: rgba(255,255,255,0.5);
}

/*--------------[End Contact Form]----------------*/

@media only screen and (max-width: 980px){
.headerBG {
    height: 200px; 
}
.heading h1 {
    font-size: 65px;
}
.certaFacts p {
    padding-top: 0px;
}
.contact-blurbs .et_pb_row {left:180px;}
.contact-blurbs .email-blurb .et-pb-icon-circle {margin-left:0px;}
.contact-blurbs .email-blurb h4 {padding-top:3px; padding-left: 23px; margin-left:0px}
.contact-blurbs .email-blurb p:last-of-type {font-size: 20px; padding-left: 23px; margin-left: 0px;}
}
@media only screen and (max-width: 768px){
.home_mainBG {
    height: 850px;
} 
.homeHeading h1 {
    font-size: 65px;
}
.heading h1 {
    font-size: 35px;
    padding-top: 20px;
}
.contact-blurbs .et_pb_row {left:70px;}
}
@media only screen and (max-width: 479px){
.et_fixed_nav #logo {
    max-height: 35px !important;
}
.homeHeading h1 {
    font-size: 45px;
}
.contact-blurbs .et_pb_row {left:0px;}
.contact-blurbs .et-pb-icon-circle { margin-top:2px; font-size: 35px;}
.contact-blurbs .et_pb_blurb h4 {padding-left: 10px;}
.contact-blurbs .et_pb_blurb_content p:last-of-type {padding-left: 10px; font-size: 15px; }
.contact-blurbs .email-blurb p:last-of-type {font-size: 14px;}
}