@charset "UTF-8";
/* CSS Document */

/*
 Theme Name:     Divi Child Theme
 Theme URI:      https://www.elegantthemes.com/gallery/Divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        3.0.90
*/
 
@import url("../Divi/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */


/* color class for LCDM Gray & Yellow*/
.gray {color: #3f4743!important;}
.yellow {color:#f7a81b!important;}



/* ////////// HEADER ADJUSTMENTS //////////  */

/* change hover color of main nav text */

#top-menu-nav ul li a:hover {
color: #f7a81b!important;
opacity: 1 !important;
}



/* --- Adjust logo spacing for desktop header ---*/
.LCDM_logo_header {width:100%; background-color: #ffffff; padding: 5% 5% 0% 5%; margin-top:-5%;}


/* --- Adjust logo spacing for mobile header ---*/
@media only screen and (max-width: 980px) {
	
	.LCDM_logo_header {
		padding:5%;}
	

	
	/* - .LCDM_mail_icon:before {display:none;} - */
}

/* --- Adjust search positioning spacing for header ---*/
#LCDM_search {position:relative; float:right; padding-top:3%;}


/* --- change search icon color ---*/
#LCDM_search #et_top_search #et_search_icon:before {color:#3f4743; font-size: 25px;}
#LCDM_search #LCDM_mail .LCDM_mail_icon:before {color:#3f4743!important;}

#LCDM_search #et_top_search #et_search_icon:hover:before {color:#f7a81b; font-size: 25px;}
#LCDM_search #LCDM_mail .LCDM_mail_icon:hover:before {color:#f7a81b!important;}

@media only screen and (min-width: 981px){

.et-fixed-header #et_search_icon:before {
	color: #3f4743!important; font-size: 25px;}
}


@media only screen and (max-width: 980px) {
#et_top_search #et_search_icon:before {
color: #3f4743;
}
}

@media only screen and (min-width: 981px) {
.et-fixed-header #et_search_icon:before {
    color: #3f4743!important;
}
}

/* adjust line-height of nav text */
#top-menu li a {padding-top: 15px;}


/* mail icon for header */
.LCDM_mail_icon:before {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 25px;
    content: "\e010";
	color:#3f4743;
	font-family: 'ETmodules';
	cursor: pointer
}


#LCDM_mail {
    display: block;
    position: relative;
    width: 18px;
    margin: 3px 0 0 22px;
		float:left;
}



/* ////////// HOMEPAGE MAIN SECTIONS //////////  */

@media only screen and (min-width: 981px) {

.home-col-one  {height:390px; border-right: solid 10px #fff;}
.home-col-two  {height:390px; border-right: solid 10px #fff;}
.home-col-three {height:390px;}
	
}

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

.home-col-one  {border-bottom: solid 10px #fff;}
.home-col-two  {border-bottom: solid 10px #fff;}
.home-col-three {height:auto;}
	
}


#home-link-panels a {
	position:relative;
	display:block;
	color:#fff;
	padding:49% 5% 10% 5%;
	width:auto;
	height:390px;
}

#home-link-panels a:hover {
	background-color: rgba(247,168,27,0.30);
	cursor: pointer
}

.home-arrow {padding:2%;}




/* ///////////// STYLE FOOTER ICONS ////////////// */

.LCDM_Address:before {
	position: relative;
    top: 0;
    left: 0;
    font-size: 14px;
    content: "\e081";
	color:#3f4743;
	font-family: 'ETmodules';
	padding-right: 7px;
}

.LCDM_Address_2 {margin-left:21px;}

.LCDM_Phone:before {
	position: relative;
    top: 0;
    left: 0;
    font-size: 14px;
    content: "\e090";
	color:#3f4743;
	font-family: 'ETmodules';
	padding-right: 7px;
}

.LCDM_Text:before {
	position: relative;
    top: 0;
    left: 0;
    font-size: 14px;
    content: "\e00b";
	color:#3f4743;
	font-family: 'ETmodules';
	padding-right: 7px;
}


.LCDM_Email:before {
	position: relative;
    top: 0;
    left: 0;
    font-size: 14px;
    content: "\e076";
	color:#3f4743;
	font-family: 'ETmodules';
	padding-right: 7px;
}

.LCDM_Fax:before {
	position: relative;
    top: 0;
    left: 0;
    font-size: 14px;
    content: "\f1ac";
	color:#3f4743;
	font-family: 'FontAwesome';
	padding-right: 7px;
}

.LCDM_After_Hours:before {
	position: relative;
    top: 0;
    left: 0;
    font-size: 14px;
    content: "\f186";
	color:#3f4743;
	font-family: 'FontAwesome';
	padding-right: 7px;
}


/* ///////////// STYLE FOOTER CUBE NAV ////////////// */

#LCDM_ft_Distribution a {
	position:relative;
	display:block;
	color:#3f4743;
	background: url(/wp-content/uploads/2017/12/foot-nav-sprite.png) 0 0;
	padding-top:100px;
	height:170px;
	width:150px;
	float:left;
	text-transform: uppercase;
	font-size:12px;
	margin:10px;
}

#LCDM_ft_Distribution a:hover {
	color:#ffffff;
	background: url(/wp-content/uploads/2017/12/foot-nav-sprite.png) 0 -170px;
}


#LCDM_ft_Design a {
	position:relative;
	display:block;
	color:#3f4743;
	background: url(/wp-content/uploads/2017/12/foot-nav-sprite.png) -150px 0;
	padding-top:100px;
	height:170px;
	width:150px;
	float:left;
	text-transform: uppercase;
	font-size:12px;
	margin:10px;
}


#LCDM_ft_Design a:hover {
	color:#ffffff;
	background: url(/wp-content/uploads/2017/12/foot-nav-sprite.png) -150px -170px;
}

#LCDM_ft_Engineering a {
	position:relative;
	display:block;
	color:#3f4743;
	background: url(/wp-content/uploads/2017/12/foot-nav-sprite.png) -300px 0;
	padding-top:100px;
	height:170px;
	width:150px;
	float:left;
	text-transform: uppercase;
	font-size:12px;
	margin:10px;
}

#LCDM_ft_Engineering a:hover {
	color:#ffffff;
	background: url(/wp-content/uploads/2017/12/foot-nav-sprite.png) -300px -170px;
}


/*///////////// FIX MOBILE GALLERY IMAGE SPACING //////////////////*/

	@media only screen and ( max-width: 480px ) {
	.et_pb_gallery_grid .et_pb_gallery_item:nth-child(n) {
	margin-bottom: 15%!important;
	}
}

/*////////////////// ADD ICONS TO LINKS //////////////////////*/


a[href$=".pdf"]:before {
  font-family: 'FontAwesome';
  font-size:150%;
  content: "\f1c1\00a0";     /* 00a0 is a non-breaking space, f1c1 is the pdf symbol */
}


/*////////////////// Testimony Circle Icons for Highlight section /////////////////////*/

.testimony-highlight-yellow:after {
	position: absolute;
	margin: auto;
	top: 0; 
	left: 87%;
	bottom: 0;
	right: 0;
    clear: both;
    font-family: 'FontAwesome';
    z-index: 100;
    display: block;
    text-align: center;
    line-height: 120%;
    background-color: rgba(255,255,255, 0.5);
    border: solid 10px #3f4743;
    border-radius: 100%;
    height: 100px;
    width: 100px;
    color: #3f4743;
    font-size: 300%;
    padding: 10px;
	content: "\f10e";
}


@media only screen and ( max-width: 480px ) {
.testimony-highlight-yellow:after {
	display:none;
}
}




/*////////////////// PatchWorx Circle Icons for Process /////////////////////*/

.patchworx-step1:before {
	position: absolute;
	margin: auto;
	top: -90%; 
	left: 0;
	bottom: 0;
	right: 0;
    clear: both;
    z-index: 100;
    display: block;
    text-align: center;
    line-height: 120%;
    /*background-color: rgba(247,168,27, 0.75);*/
	background-color: #3f4743;
    border: solid 10px #f7a81b;
    border-radius: 100%;
    height: 75px;
    width: 75px;
    color: #ffffff;
    font-size: 360%;
    padding: 10px;
	content: "1";
}
.patchworx-step2:before {
	position: absolute;
	margin: auto;
	top: -90%; 
	left: 0;
	bottom: 0;
	right: 0;
    clear: both;
    z-index: 100;
    display: block;
    text-align: center;
    line-height: 120%;
    /*background-color: rgba(247,168,27, 0.75);*/
	background-color: #3f4743;
    border: solid 10px #f7a81b;
    border-radius: 100%;
    height: 75px;
    width: 75px;
    color: #ffffff;
    font-size: 360%;
    padding: 10px;
	content: "2";
}

.patchworx-step3:before {
	position: absolute;
	margin: auto;
	top: -90%; 
	left: 0;
	bottom: 0;
	right: 0;
    clear: both;
    z-index: 100;
    display: block;
    text-align: center;
    line-height: 120%;
    /*background-color: rgba(247,168,27, 0.75);*/
	background-color: #3f4743;
    border: solid 10px #f7a81b;
    border-radius: 100%;
    height: 75px;
    width: 75px;
    color: #ffffff;
    font-size: 360%;
    padding: 10px;
	content: "3";
}

.patchworx-step4:before {
	position: absolute;
	margin: auto;
	top: -90%; 
	left: 0;
	bottom: 0;
	right: 0;
    clear: both;
    z-index: 100;
    display: block;
    text-align: center;
    line-height: 120%;
    /*background-color: rgba(247,168,27, 0.75);*/
	background-color: #3f4743;
    border: solid 10px #f7a81b;
    border-radius: 100%;
    height: 75px;
    width: 75px;
    color: #ffffff;
    font-size: 360%;
    padding: 10px;
	content: "4";
}

/* ////////////// STYLE LCDM CUSTOM DESIGN NINJA UPLOAD FORM ////////////// */

#CD-Ninja .nf-field-element textarea {padding:4% 5% 5% 5%; font-size:100%; border: 3px solid #3f4743; border-radius: 15px 15px 0 15PX;}

#CD-Ninja .nf-field-element input  {height:60px!important; padding:0 5%; font-size:100%; border: 3px solid #3f4743; border-radius: 15px;}

#CD-Ninja .nf-fu-fileinput-button {height:60px!important; padding:4% 5% 5% 5%; font-size:100%; cursor: pointer; border: 3px solid #3f4743; border-radius: 15px;}

#CD-Ninja .nf-fu-fileinput-button:hover {background-color: #3f4743; color:#fff; border: 3px solid #fff;}


#nf-field-8 {height:60px!important; color:#000000; padding:5% 10%; font-size:100%; cursor: pointer; border: 3px solid #3f4743; border-radius: 15px;}

#nf-field-8:hover {background-color: #3f4743; color:#fff; border: 3px solid #ffffff!important;}