/* 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;}

.bizfooter-flex-container {
  display: flex;
  flex-direction: row;
  font-size: 20px;
  text-align: center;
  background-color: #ab9678; 
font-family: Tahoma, Arial; 

}

.bizfooter-flex-container a:hover {  color: brown;}      /*  95% Gray   almost white     white is   #ffffff */

.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(#d1b790,  #ab9678,  #d1b790);

}


/*footer for every page no matter what*/
		.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;
		background-color: #d1b790; 
		background-image: linear-gradient(to bottom, #d1b790,  #ab9678);
	    font-family: Tahoma, Arial; 
}

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

}


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