/* footer before the last footer  
for store info, about info, software dev info
not all pages will have this
Colors  
#b27439;
 #aaa  gray

 replaced 20220123
 more complicated subfooter
*/
/* ----    CSS Flex Grid ----------20220123--------------------  */
/* ----   https://www.w3schools.com/css/tryit.asp?filename=trycss3_flexbox_responsive ---  */

/* 
The "flex-direction: row;" stacks the flex items horizontally (from left to right).
The "flex-direction: column;" stacks the flex items vertically (from top to bottom).
Resize the browser window to see that the direction changes when the 
screen size is 800px wide or smaller.
----- 3 columns -----
*/

* {box-sizing: border-box;}

/*footer for routine business information */
.bizfooter-flex-container {
  display: flex;
  flex-direction: row;
  font-size: 20px;
  text-align: center;
  background-color: #ab9678; 
font-family: Tahoma, Arial; 

}

.bizfooter-flex-left {
padding: 5px;
flex: 33%;
border-top: 5px solid grey;
}

.bizfooter-flex-middle {
background-color: #ab9678; 
  padding: 5px;
  flex: 33%;
    border-top: 5px solid grey;
}

.bizfooter-flex-right {
background-color: #ab9678; 
  padding: 5px;
  flex: 33%;
  border-top: 5px solid grey;
}

/* Responsive layout - makes a one column-layout instead of two-column layout */
@media (max-width: 800px) {
  .bizfooter-flex-container {
    flex-direction: column;
  }
}

/* ---- CSS Flex Grid -----------------------------------------*/

.subfooter 
{
		left: 0;
		bottom: 0;
		width: 100%;
		margin-top: 5px;
		border-top: 3px solid grey;
		border-bottom: 3px solid grey;
		padding-bottom:10px;
		background-color: #ab9678; 
	    font-family: Tahoma, Arial; 
}

.list-no-bullets {list-style-type: none; margin: 0; padding: 0;}

.linkstyle{ color:White; background-color: transparent; text-decoration: none;}

/* ----  Below ----These are good ------- */


/*footer for easy navigation back*/
.footer-nav 
{	    font-family: Tahoma, Arial; 
		left: 0;
		bottom: 0;
		width: 100%;
		margin-top: 1px;
		border-top: 2px solid grey;
		border-bottom: 2px solid grey;
		padding-top:2px;
		padding-bottom:2px;
		text-align: center;
		background-image: linear-gradient(#b8b894,  #c2c2a3,  #b8b894);

}

/*footer for every page no matter what*/
/*copyright, GDPR, Created By*/
		.footer 
		{
		left: 0;
		bottom: 0;
		width: 100%;
		margin-top: 1px;
		border-top: 2px solid grey;
		border-bottom: 2px solid black;
		padding-bottom:5px;
		text-align: center;
	    font-family: Tahoma, Arial; 
		background-image: linear-gradient(to bottom,   #b8b894,    #a3a375);
}

.link-butt
 {
		
		color: black;
		padding: 2px;
		text-decoration: none;
		background-image: linear-gradient(silver,  white,  silver);
		border:4px;
		border-color: red;
		
}


/*optional*/
.imgbottombanner
{
	height: 33px;
	left: 0;
	top: 0;
	width: auto;

}