footer { background-color:#e6d7c4; }











/* --------------------- footer links ------------------------ */
.footer-links               { padding: 15px; border-bottom: 1px #bfb3a5 solid; }
.footer-links  p         { text-align:right; font-weight: 300; margin: 0; font-size: 13px; }
.footer-links  a         { border-right: 1px #000000 dotted; color:black;  margin: 0 0 0 -1px; padding: 2px 16px; display: inline-block; }
.footer-links  a:last-child         { border-right: 0px #000000 dotted;  }



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

{
.footer-links  p         { text-align:center;  }
.footer-links  a         { border: 0px; border-top: 1px black dotted; margin: 0; padding: 10px 16px; display: block; }
.footer-links  a:hover         { text-decoration: none; background-color:rgba(255, 255, 255, 0.34) }
}















/* --------------------- footer info ------------------------ */


.foot-info { padding: 30px 20px}
.foot-info p { font-size:13px; color:black; line-height: 135%; margin: 0 }
.foot-info p span { font-weight:bold; }

.f-address span { font-size: 17px;}
.f-phones p { text-align:right; }


.f-address { float:left; width: 33.33% }
.f-phones { float:left; width: 33.33%; padding-right: 100px; }
.f-hours { float:left; width: 33.33%; }

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

{
.f-address { width: 50% }
.f-phones { width: 50%; padding-right: 0px; }
.f-hours { width: 100%; clear:both;}
}




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

{

.foot-info p { margin-bottom: 20px; font-size: 12px; }


.f-address { width: 100%; clear:both; }
.f-phones { width: 100%; padding-right: 0px; }
.f-hours { width: 100%; clear:both;}

.f-phones p { text-align:left; }

}






/* --------------------- social media / offerid ------------------------ */


.footer-inner .social-icons             { display: none; }
.footer-inner .offerid          { display: none; }

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

{
.footer-inner .offerid          { display: block; float:right; padding: 8px 20px;  }
.footer-inner .social-icons { display: block; float:left; padding: 8px 20px; } 
}












/* ---------------- copyright section -------------------*/

.copyright              { clear:both; padding: 15px 20px; border-top: 1px #bfb3a5 solid; }
.copyright img      { float:left;  }
.copyright p                  { text-align:right; color:black; font-weight: 300; font-size: 12px; line-height: 135%; }

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

{
.copyright              { text-align:center; }
.copyright img      { float:none; margin-bottom: 20px;  }
.copyright p                  { text-align:center;}
}