/* CSS Document */


#footerCont { 
	position:relative; /*Required to keep everything from disappearing with BG*/
	width:100%;
	/*background: #252626;*/
	background-color:rgba(37,38,38, 0.9);
	
	overflow:auto;
	border-top:1px solid #a36f48; /* Template Change */
	font-size: .8em;
}

 .ft-main-wrap {      /*Footer footer is not contained in this wrapper*/
	/*width: 1200px;*/
	width:90%;
	/*padding:10px 0 15px 0;*/
	margin:0 auto;
	/*border: 1px solid #02611b;*/
	/*overflow: auto;*/
} 

.ft-main-wrap a:link { color:#fff; text-decoration: none;}
.ft-main-wrap a:visited { color:#fff;}
.ft-main-wrap a:hover { color:#fff; text-decoration: underline;}
.ft-main-wrap a:active { color:#fff;}
	
	.ft-main-wrap h4 {  
		font-size: 1.25rem;
		margin:5px 20px 5px 20px;
		padding:5px 5px 5px 5px;
		border-bottom: 1px solid #494a4a;
		color: #c98a59; 
	 }

	 .ft-main-wrap li { 
/*	 	padding:5px;*/
	 	margin:5px 20px 10px 20px;
		border-bottom: 1px solid #373939;
		
	 }

	.ft-main-wrap .col4 img { /* = = = = Cols are generis in Sheer.css = = = = */
		
	 }

/* ========== Col Structure ============ */

	.ft-main-col1  {  /* Spacer */
	  float:left;
	  width:5%;
	}
	.ft-main-col2 { 
	  float:left;
	  width:30%;
	  text-align: left;
	  /*background: #ffd8d8;*/
	}
		.ft-main-col2 li {
		  /*border:1px solid #f00;*/
		}
		.ft-main-col2 li:before {    /* Font awesome bullet list. Column 2 */
			font-family: 'FontAwesome';
			content: '\f138';
			margin:0 5px 0 30px;
			color: #757575;
		}

	.ft-main-col3 { 
	  float:left;
	  width:30%;
	  text-align: center;
	  /*background: #dad8ff;*/
	}
		.ft-main-col3 ul { /*Hack to fix alignment issuse below - Looked ok so I left it. */
			padding-left:20px;
			padding-right:20px;
			}

		.ft-main-col3 li {
			text-align: left;
			color: #eeeeee;
			/*border:1px solid #f00;*/
		}
		.greyIcon {color: #757575;} /* Place, Phone, Envelope Needed to seperate SocMed i coloring.*/

		.ft-main-col3 li i { /* Disable to use Social Icon colors - Will need to add the color classes still */
				/*color: #757575;*/
				color: #959595;
		}


	.ft-main-col4 { 
	  float:left;
	  width:30%;
	  text-align: right;
	  /*background: #fff2d8;*/
	  color: #EEE;
	}
	
	.ft-main-col5  { 
	  float:right;
	  width:5%;
	}



/* ============= Footer Soc Med  FA Used  ============= */

       .soc-footer-cont {
        overflow: hidden;
        font-size:.7em;
        text-align: center;
        margin-bottom: 10px;
      }

      .soc-med li {
         border: none; /* Overriding .ft-main-wrap li */
         margin:0 5px; /* Overriding .ft-main-wrap li */
       }
        
      .soc-ico-color { /* Icon Color */
          color: #fff;
        }

	/* FA Soc Med color styles  Jan 26, 16 - Uncommented*/
	/* Also used in review page.*/
      .color-fb {color:#3B5998;}
      .color-in {color:#1c87bd;}
      .color-gplus {color:#E14107;}
	  .color-google {color:#db3236;}
	  .color-yelp {color:#c41200;}
	  .color-twitter {color:#52c1e9;}
	  .color-youTube {color:#d52e2a;}
      .color-mail {color:#2eb9fa;}
      .color-tel {color:#43bf11;}


/* ============= Footer Footer "ft" ============= */

.ft-ft-cont {
	width:100%;
/*	padding-top:3px;*/
	overflow:auto;
	/*background-color: #202121;*/
	background-color:#2c2e2c;
	background-color:rgba(32,33,33, 0.8);
	border-top:1px solid #333333;
}
.ft-ft-wrap {
	overflow:auto; /* 2017-02-20 */
	width:1200px;
	overflow: auto;
	margin: 0 auto;
	/*border:1px solid #f00;*/
}
.ft-ft-left { 
	float: left;
	padding:15px;
	color:#757575;
	/*border:1px solid #789;*/
}
/*.ft-ft-left img {  SI Icon after copywrite 
	float: left;
	padding:3px 5px 5px 5px;
}*/
.ft-ft-right { 
	float: right;
	padding:15px;
	color:#757575;
	/*border:1px solid #456;*/
}
.ft-ft-pi { /* Cloak and Daggar */
	float: left;/*float: right when no "help desk"*/
	/*padding:18px 15px 5px 5px; Pi Settings */
	padding:19px 15px 0 5px;
	/*border:1px solid #ff00e4;*/
} 

.ft-ft-cont a:link {  color:#5e5d5d; text-decoration: none;}
.ft-ft-cont a:visited { color:#5e5d5d;}
.ft-ft-cont a:hover { color:#aaaaaa;}
.ft-ft-cont a:active { color:#5e5d5d;}


@media only screen and (max-width: 1500px) {
		.ft-main-wrap {
		  width:99%;
		  }
	}
            
 @media only screen and (max-width: 1400px) {

	.ft-main-col2, .ft-main-col3 , .ft-main-col4 {
			  width:98%;
			  }
			  
	.ft-ft-wrap {
		width:97%;
		}
	
	.ft-ft-pi {
	position: absolute;
	padding:10px;
   	bottom: 5px;
    right: 5px;
    z-index: 0;    
      }
}

/* ============================================ */
/*       Footer Newsletter Rules & Media        */
/* ============================================ */
.rowNewsSignupCont {
	overflow:auto;
	width:100%;
	background-color:#2c2e2c;
	background-color:rgba(32,33,33, 0.9);
	border-bottom:1px solid #054868;	
	}

.rowNewsSignupWrap {
	overflow:auto;
	}
	
.newsSignupForm { /* Itself */
		width:800px;
		overflow:auto;
		/*border:1px solid #f00;*/
		}
		
.newsSignupForm input {
		margin:15px 10px;
		}

.newsSignupFormHeading {
	font-size:2em;
	font-weight:300;
	float:left;
	color:#EEE;
	line-height:2em;
	margin-right:5px;
	}
	
	@media only screen and (max-width: 780px) {
		.rowNewsSignupWrap { width:97%;}
		.newsSignupForm { width:97%;}
		.newsSignupForm input { margin:5px 10px;}
		.form-control {clear:left;}
		
		.newsSignupForm {
			margin-bottom:10px;
			}
		
	}