@charset "UTF-8"; 
/* Declare the encoding (if needed) */

/* Optional: Import other stylesheets  
@import url("http://repixel.de/blog/wp-content/themes/micromoon/assets/css/reset.css"); 
*/






/*==========================================================================
**
**                  S I T E     F O O T E R
**
**==========================================================================
*/

   .footer-wrapper {
     background-color: #001630; /* Footer background */
 color: #68A;  /* Footer text color */
      padding: 2em 0; width:96% !important; margin:0auto;
      text-align: center; /* border: 1px solid red;*/
    }

    /* Footer menu styles */
    .footer-pages {
      display: flex;
      justify-content: center;
      flex-wrap: wrap;
      gap: 1rem;
      padding: 0;
      margin: 0 0 2rem 0; /* Add some space below the menu */
      list-style: none; text-align: center;
    }

    .footer-pages li {
      min-width: 6rem;
	  height:1em;
	  line-height:1em;
	  padding:0 auto; 
	 text-align: center;
    }
 .footer-pages li:not(:first-of-type){
	 border-left:1px solid; text-align: center;
 }
    .footer-pages a {
      display: block;
      color: white;
      text-decoration: none;    
   background-color: #001630; /* Footer background */
 color: #68A;  /* Footer text color */
      text-align: center; width:100%; height:100%; min-width:8em;
    }

    .footer-pages a:hover {
   color: #8AC; /* Hover link color */
    }
/*****************************************************************/
    /* Post-nav Flex section below menu, copyright, WP, etc  */
    .pfl {
      
      display: flex;
      flex-wrap: nowrap; /* align-items:center;*/  align-items:center ;justify-content:space-around;  max-width:900px; margin:1em auto;
    }

    .pfl > div {
      padding: 1rem 0;
      text-align: center;
     /* border: 1px solid lime; */
    }

    .pfl > div:first-child {
      flex: 1 1 auto;
      min-width: 10em;
    }

    .pfl > div:nth-child(2) {
      flex: 2 1 auto;
      min-width: 8em;
    }

    .pfl > div:last-child {
      flex: 1 1 auto;
      min-width: 10em;
    }

    /*   footer ul li -  Responsive styles */
    @media (max-width: 768px) {
	  .footer-pages li {
      min-width: 6rem; 
	  height:2em;line-height:2em;
	  padding:0 auto; 
	  border:0px solid !important;
    }

	
      .footer-pages {
        flex-direction: column;
        align-items: center;
      }

      .footer-pages li {
        width: 100%;
        max-width: 300px;
        text-align: center;
      }

      .pfl {
        flex-direction: column;
        flex-wrap: wrap; flex:1 100%;
      }
	  /*f funny display of the wp image...
 .pfl > div > *{ width: 100%;} 
      .pfl > div  {
        width: 100%;padding:1em 0 !important;
      } */
  .pfl > div {
      padding: 1.5rem 0;
      text-align: center;
    
      flex:0 100%; min-width:100% !important;
      
    }	  
}






/* Optional: Styling the jump-to-top link */
li.jump-to-top {
 /* min-width: 10rem;*/
}
/* operational link */
ul.footer-pages + a {
  position: absolute;
  bottom: 2rem;
  right: 2rem;
  display: block;
  align-items: center;
  justify-content: center;
  width: 1.2rem;
  height: 1.2rem;
  font-size: 1rem;
  font-family: serif;
  font-weight: bold;
  border-radius: 50%;
  /*color: #46A;*/
  text-decoration: none;
  opacity: 0.4;
  transition: color 0.2s ease;
  pointer-events: auto;
  z-index: 99;
  cursor: default !important;
}

ul.footer-pages + a:last-of-type::before {
  content: "\03C0"; /* Pi symbol */
  cursor: default !important;
}

ul.footer-pages + a:hover {
  color: #000;
  cursor: default !important;
}

/* FBL Link Styling (custom branding text) */
.fbl-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 14em;
  height: 1em;
  font-family: times, serif;
  font-weight: bold !important;
  position: relative;
  overflow: hidden; 
}

.fbl-link::before {
  content: ' \0020 made with \01F499\0020 by\0020 \2131\212C\2112 ';
  margin-right: 0.5em;
  font-size: 0.75rem;
  font-family: inherit;
  white-space: nowrap;
  z-index: 1;
  cursor: text; 
}

/* WordPress linking styling */
.wplink {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.2em;
  height: 2.2em;
  background-color: #0073AA !important;
  border: 2px solid #FFFFEE !important;
  color: #F0F0F1;
  font-family: times, serif;
  font-weight: bold !important;
  font-size: 0.9rem;
  border-radius: 50%;
  text-decoration: none;
  position: relative;
  z-index: 0;
  margin-left: .5rem;
  padding-right: 1px;
  padding-top: 1px;
  color: #FFF;
}

.wplink::before {
  content: '\0020';
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.6) 100%) !important;
  z-index: 1; 
}

.wplink::after {
  content: 'W';
  position: relative;
  z-index: 2;
  font-size: 1rem;
  font-family: serif;
  font-weight: bold;
  color: #F0F0F1;
}

.wplink:hover::before {
  color: #FFF;position:absolute;
  background: radial-gradient(circle, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 0.4) 100%) !important;
  margin-right: .5rem; padding-left:.5rem;
}