/* Generic styling */
.flexstickyfootercontainer {
    flex: 1;    /* same as flex-grow: 1; */
    display: none /* I don't want sticky footer */
}


/*  
display: flex;
flex-direction: column; 
 justify-content: start; in narrower widths instead of centering and equal spacing


footer => section -- horizontal rows
	section has divs which are floated like columns, 	

	: on narrower screens: make the divs 100% width and float like rows
*/ 
footer {
						   background-color: #555;
						   font-family: "Lato", sans-serif;
						   margin: 0; 
						   padding: 0;
						   box-sizing: border-box;
						   border: 0px solid green;
						   color: #bbb;
						   line-height: 1.5;
						   height: auto;
						   }

footer   ul {
  list-style: none;
  padding-left: 0;
  margin-top: 0px;
}

footer   p {s
  padding-left: 0;
  margin-top: 0px;
  border: 0px solid white;
}


footer a {
  text-decoration: none;
  color: #eee;
}
footer a:hover {
  text-decoration: underline;
}
footer .ft-title {
  color: #fff;
/*   font-family: "Merriweather", serif; */
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";

  font-size: 1.375rem;
  padding-bottom: 0.625rem;
}

footer .ft-title.seconddeck {
  color: #fff;
  font-weight: normal;
  font-size: 1.375rem;
  padding-bottom: 0.625rem;
}

/* Sticks footer to bottom */

/* body {
  display: flex;
  min-height: 5vh;
  flex-direction: column;
} */ 

/*  .container {
  flex: 1;
} 

*/ 


/* Footer main */
footer section.ft-main { /* this is a section */
  padding: 0rem;
  display: flex;
  flex-wrap: wrap;
  border: 0px solid orange;
}

footer section   {
	border: 0px solid blue;
	margin:0;
	}
footer h2   {
  padding: 0;
	line-height: 95%;
	border: 0px solid blue;
	margin:0;
	font-weight: normal
	}

.ft-main-item {
  padding: 1.25rem;
  min-width: 12.5rem; 
  border: 0px solid pink;
}
.ft-main-item.paragraph {
  padding: 1.25rem;
  max-width: 30rem; 
  border: 0px solid pink;
}

/* Footer main | Newsletter form -- not using any of this */ 
/*
form {
  display: flex;
  flex-wrap: wrap;
}
input[type="email"] {
  border: 0;
  padding: 0.625rem;
  margin-top: 0.3125rem;
}
input[type="submit"] {
  background-color: #00d188;
  color: #fff;
  cursor: pointer;
  border: 0;
  padding: 0.625rem 0.9375rem;
  margin-top: 0.3125rem;
}

*/ 
/* Footer social */

.ft-social {
  padding: 0 1.875rem 1.25rem;
}
.ft-social-list {
  display: flex;
  justify-content: center;
  border-top: 1px #777 solid;
  padding-top: 1.25rem;
}
.ft-social-list li {
  margin: 0.5rem;
  font-size: 1.25rem;
}



/* Footer legal */
.ft-legal {
  padding: .2rem;
  background-color: #333;
  border: 0px solid purple;
}
.ft-legal-list {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.ft-legal-list li {
  margin: 0.125rem 0.625rem; /* this takes care of some of the left-right spacing */
  /* white-space: nowrap; */
}
/* one before the last child */
.ft-legal-list li:nth-last-child(2) {
    flex: 1;
    border: 0px solid white;
}