/* <!-- MOTEL CONTACT FOOTER STYLE CONFIGURATION --> */
/* ****  REQUIRES -- genpage.css --             **** */	
/*													 */				  
footer 					  { box-sizing: border-box; 
							inline-size: 100%;
							display: grid;
							padding: 0 0 2rem 0;
							grid-template: 'ftReason ' auto
										   'ftAddress' auto 
										   'ftContact' auto
										   'ftMap    ' auto / 100%; }
footer .text, 
footer .text * 		   	  { color: var(--site__FOOTER__Text); }

#footReason 	     	  { grid-area: ftReason;
							position: relative;
							display: flex;
							flex-flow: column wrap;
							justify-content: space-around;  /* space-evenly */
							align-items: center; 
							align-content: center;  /* flex-start */
							padding: 10px 0 10px 0;
							background: linear-gradient(var(--site__FOOT__colorBG),
														var(--site__FOOT__colorBG), 
														var(--site__FOOT__colorBG)), 
										url(../image/MotelFlower-Crop.jpg);
							background-blend-mode: darken, overlay, normal;						
							background-size: cover;
							background-repeat: no-repeat;
							background-position: center center;	
							object-fit: center; } 
#footAddress		   	  { grid-area: ftAddress;  
							padding: 10px 0; 
							margin: auto; } 
#footContact  	    	  { grid-area: ftContact;  
							padding: 10px 0; 
							margin: auto;
							min-inline-size: 32ch; }
#footMap	 	     	  { grid-area: ftMap; 
							position: relative;
							inline-size: auto; 
							block-size: auto;
							max-block-size: 600px;
							min-block-size: 200px; 
							overflow: hidden; } 
#footMap > .image		  { inline-size: 1374px;
							block-size: 824px;
							margin: calc(45% - 412px) 0 0 calc(50% - 687px); }


.reasonCard 		  	  { position: relative;
							display: block;
							padding: 0;
							margin: 0;
							inline-size: 90%;
							align-self: center;
							text-align: center;
							vertical-align: middle; }
.reasonCard > .image > img{ block-size: 100px; }
.reasonCard > .title	  { font-size: clamp(1.5rem, -0.575rem + 3.333vw, 2.0rem );
							font-weight: 500;
							inline-size: auto; }
.reasonCard > .text		  { inline-size: auto; }
/*
.reasonCard > .text:not(.title)
						  { font-weight: 550; }
*/


@media screen and (min-width: 768px) 
{ footer				  { grid-template: 'ftReason  ftReason ' minmax(100px,auto)
										   'ftAddress ftContact' auto
										   'ftMap     ftMap    ' auto  / 
											1fr       1fr; }
  #footReason			  { flex-direction: row; }
  #footAddress			  { padding: 0;
							min-inline-size: auto; }
  #footContact	          { padding: 0;
							min-inline-size: 46ch; }			/* SPECIAL CASE CATCH FOR SPACING */
  #footMap				  { max-block-size: 400px;
							min-block-size: 200px; }
  #footMap > .image		  { margin-block-start: calc(20% - 412px); }
  .reasonCard			  { inline-size: 45%;  /* 30% */ }
	}
											 
@media screen and (min-width: 1200px) 
{ footer				  { grid-template: 'ftReason ftAddress' auto
										   'ftReason ftContact' auto
										   'ftReason ftMap    ' auto / 
											1fr      1fr; }
  #footReason			  { flex-direction: column; }
  #footMap		  		  { max-block-size: 300px;
							min-block-size: 200px; }
  #footMap > .image		  { margin-block-start: calc(20% - 412px); }
  .reasonCard			  { inline-size: 90%;  /* 30% */ }
	}

/* <!-- MOTEL CONTACT FOOTER STYLE CONFIGURATION - END --> */