/************************************************************
.page  OR .blog                                                 <body>
  .site #page                                                   <div>
    .site-header #masthead                                      <header>
    .site-content #content                                      <div>
    .site-footer #colophon                                      <div>    
      .site-below-footer-wrap                                   <div>  
        .ast-builder-grid-row-container-inner                   <div>  
          .site-below-footer-inner-wrap                         <div>  
            .site-footer-section-1                              <div>  
              .ast-footer-copyright                             <div>  
                .ast-footer-copyright *** YES 2 of them ***     <div>  
                  <p>
                    <a>
************************************************************/

.blog .site-footer .site-below-footer-wrap,
.page .site-footer .site-below-footer-wrap {
  /* border-top-left-radius: var(--frontier-border-radius-em);
    border-top-right-radius: var(--frontier-border-radius-em); */
  background-color: var(--frontier-secondary);
  border-color: var(--frontier-secondary-shadow);
  border-style: solid;
  border-top-width: 2px;
  border-right-width: 0px;
  border-left-width: 0px;
  border-bottom-width: 0px;
}

/* Change footer text color */
.blog .site-footer .site-below-footer-wrap p,
.page .site-footer .site-below-footer-wrap p {
  color: var(--frontier-text-over-light);
}

.blog .site-footer .site-below-footer-wrap a,
.page .site-footer .site-below-footer-wrap a {
  color: var(--frontier-link-over-light);
  text-decoration: underline;
}

#astra-footer-menu > .menu-item > .menu-link {
  text-decoration: none;
}

.blog .site-footer .site-below-footer-wrap a:hover,
.page .site-footer .site-below-footer-wrap a:hover {
  /* background-color: var(--frontier-primary);*/
  color: white;
  /* box-shadow: 
        rgba(var(--frontier-secondary-shadow-rgb), 0.1) 0px 2px 1px,  
        rgba(var(--frontier-secondary-shadow-rgb), 0.1) 0px 4px 2px; */
}
