/*
Theme Name:  IDEAL CHEMICAL
Theme URI:   http://www.idealchem.com
Version:     1.0
Description: This is a custom theme created for our site Ideal Chemical.
Author:      Mitch Hitch
Author URI:  http://www.internetresourcesgroup.com
Template:    Divi
*/


/***********************************************************************
Caution: do not remove this to keep Divi Children Engine always updated 
Divi Children Engine version: 1.0.3
***********************************************************************/

/*------------------------------[FONT ICONS]-----------------------------*/
/*--[Created by Divi Children, http://divi4u.com/divi-children-plugin/]--*/
/*-----------------------------------------------------------------------*/
.hidden{display: none !important;}
.field-wrap button, .field-wrap input[type=button], .field-wrap input[type=submit], input[type=button].nf-previous, input[type=button].nf-next {
    width: auto;
    padding: 7px;
    font-size: 16px;
    border: 0px;
    background-color: #1db15a;
    color: #fff;
}
.icon_tags, .icon_profile, .icon_chat, .icon_clipboard, .icon_calendar {
	font-family: 'ETmodules';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 16px;
	color: #318EC3;
}
.icon_tags:before {
	content: "\e07c";
	padding: 0px 5px 0 0;
}
.icon_profile:before {
	content: "\e08a";
	padding: 0 5px 0 0;
}
.icon_chat:before {
	content: "\e066";
	padding: 0 5px 0 20px;
}
.icon_clipboard:before {
	content: "\e0e6";
	padding: 0 5px 0 20px;
}
.icon_calendar:before {
	content: "\e023";
	padding: 0 5px 0 20px;
}


#main-header{background-color:transparent; height:60px;} 
#main-header.et-fixed-header {background-color:#fff;box-shadow:none !important;border-bottom:1px solid #ccc;}
#et-top-navigation {
    float: left;
    padding-left: 0 !important;
width:75%;
margin-left:0 !important;
}
#main-header, .et_boxed_layout #page-container #main-header .container{margin:0;width:95%;}
.et_header_style_left .logo_container {
    position: inherit;
    width: 25%;
    float: right;
}
#logo{
	max-height: 95px !important;}
.et_boxed_layout #page-container,#main-header.et-fixed-header,#main-header{box-shadow:none;}
#main-footer>.container:first-child, #et_top_search{display:none;}
#main-footer,#footer-bottom{border:1px solid #004B8B;border-radius: 0 0 15px 15px;text-align:center;}
#footer-info {   
    width: 100%;    
    text-align: center;
}
.et_pb_module.et_pb_button.greenbutton, .et_pb_module .et_pb_button.greenbutton{width:98%;box-shadow: inset 0px 0px 15px rgba(0,0,0,.30);}
.et_pb_module.et_pb_button.greenbutton.firstbutton, .et_pb_module .et_pb_button.greenbutton.firstbutton{border-radius:0 0 0 15px;}
.et_pb_module.et_pb_button.greenbutton.lastbutton, .et_pb_module .et_pb_button.greenbutton.lastbutton{border-radius:0 0 15px 0;}
.centergradient{border:1px solid #D6E2EE; border-radius: 15px 15px 0 0; margin-bottom:10px; box-shadow: inset 0px 0px 35px rgba(214,226,238,.98);
}
.buttonswrapper .et_pb_row {padding:0;}
.et_pb_main_blurb_image img {border:5px solid #fff;border-radius:10px;box-shadow:0px 0px 10px rgba(0,0,0,.3);}
#subnavBar{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,d9ecf3+99 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #d9ecf3 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#d9ecf3 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#d9ecf3 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#d9ecf3',GradientType=0 ); /* IE6-9 */;position:relative; top:-41px;display:block;border:1px solid #fff; border-radius:0 0 15px 15px ; box-shadow:2px 2px 15px rgba(0,0,0,.40); height:35px;padding-top:4px;}
#subnavBar ul{width:70%;margin:0 auto;  display:block;}
#subnavBar ul li {display:block; width:33%; text-align:center;float:left; font-size:13px;}
#subnavBar ul li a{color:#006BB7; font-weight:normal; }
#subnavBar ul li a:hover{color:#10b35b;}
#subnavBar sup{font-size:9px;}
.centergradient .et_pb_row_2{margin:0;padding:0;}
.home .centergradient .et_pb_row_2{margin:20px 0;padding:30px 0;}
.et_pb_title_container h1::before{content:"Home > "; color:#777;}
.centergradient p:last-of-type{
padding-bottom:15px;}
.centergradient ul li{
padding-bottom:15px;}

input[type=text],input[type=email],input[type=password],input[type=tel],select,textarea{
	    padding: 5px;
    font-size: 14px;
    line-height: 1.5em;
}
select{padding:7px 5px;}
.field-wrap.html-wrap{padding: 5px;font-size: 18px;}
/*- YOU CAN INCLUDE THE CUSTOM CODE FOR YOUR CHILD THEME BELOW THIS LINE-*/

/*------------------------------------------------*/
/*-----------------[BASIC STYLES]-----------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*---------------[MAIN LAYOUT INFO]---------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*---------------[DROPDOWN MENU]------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*-------------------[COMMENTS]-------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*---------------------[FOOTER]-------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*--------------------[SIDEBAR]-------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*------------[CAPTIONS AND ALIGNMENTS]-----------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*-----------------[WP CALENDAR]------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*-------------------[PAGE NAVI]------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*------------------[TRANSITIONS]-----------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*---------------[RESPONSIVE LAYOUTS]-------------*/
/*------------------------------------------------*/

@media only screen and ( max-width: 1220px ) {
.et_pb_module.et_pb_button.greenbutton{font-size:16px; box-shadow: inset 0px 0px 10px rgba(0,0,0,.30);}
}
@media only screen and ( max-width: 1028px ) {
.et_pb_module.et_pb_button.greenbutton{font-size:13px; box-shadow: inset 0px 0px 8px rgba(0,0,0,.30);}
}

/*-------------------[960px]------------------*/
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {

	/*-------------------[Sliders]------------------*/

	/*-------------------[Portfolio]------------------*/

	/*-------------------[Sidebar]------------------*/
	
	/*-------------------[Menu]------------------*/
	
}

/*-------------------[768px]------------------*/
@media only screen and ( max-width: 980px ) {
	
.et_pb_module.et_pb_button.greenbutton.firstbutton{border-radius:0 0 0 0;}
	.et_pb_module.et_pb_button.greenbutton.lastbutton{border-radius:0 0 0 0;}
	#et-top-navigation {
		float: none;
		padding-left: 0 !important;
		width: 75%;
		margin-left: 0 !important;
	}
	.et_header_style_left #et-top-navigation{padding:0 !important;float:right;}
	/*-------------------[Portfolio]------------------*/
	
	/*-------------------[Sliders]------------------*/
	
	/*-------------------[Menu]------------------*/

}
@media only screen and ( max-width: 820px ) {
	#subnavBar{display: none;}
	.et_header_style_left .logo_container {
        width: 50%;
    }
	#et-top-navigation {
   		width:50%;
	}
}
@media only screen and ( min-width: 768px ) and ( max-width: 980px ) {

}

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

}

/*-------------------[480px]------------------*/
@media only screen and ( max-width: 767px ) {

	/*-------------------[Menu]------------------*/

}

/*-------------------[320px]------------------*/
@media only screen and ( max-width: 479px ) {

}