/* Root Variables */
:root {
--footer-bg: #073528;
--text-color: white;
--accent-light: #EAEEFB;
--primary-green: #014235;
--secondary-green: #2a7a3d;
--font-serif: "Antic Didone", serif;
--font-sans: "Albert Sans", sans-serif;
--footer-font-size: 1rem;
}

/* Footer Styles */
footer {
background-color: var(--footer-bg);
color: var(--text-color);
font-size: var(--footer-font-size);
width: 100%;
/* height: 120px; */
bottom: 0;
margin-top: auto;
}

.footer-container {
/*   display: grid; */
/*   grid-template-columns: 1fr 3fr; */
width: 100%;
height: auto;
padding-top: 1rem;
}

.footer-left {
font-family: var(--font-serif);
font-weight: 100;
/*   padding-left: 3rem; */
display: flex;
align-items: center;
justify-content: center;
}

.footer-left h1 {
font-size: 2.2rem;
color: var(--text-color);
margin: 0;
/* padding: 1.5rem 0 0; */
letter-spacing: .5rem;
font-weight: 400;
}

#footer_right_container {
display: flex;
justify-content: center;
  padding-top: 1rem;
}

.footer-right {
display: flex;
justify-content: end;
column-gap: .3rem;
text-align: left;
font-weight: 400;
font-size: .8rem;
font-family: var(--font-sans);
/*   padding-right: 3rem; */
/* padding-top: 1rem; */
}

.footer-social {
display: flex;
flex-direction: row;
gap: .2rem;
/* margin-top: 1rem;
margin-bottom: 16px; */
}


.footer_contact_text {
width: max-content;
font-size: 1rem;
color: var(--text-color);
font-family: var(--font-sans);
margin-bottom: 0;
margin-top: 0;
}

.footer_contact_link {
color: var(--accent-light);
text-underline-offset: .4rem;
font-weight: 200;
}

.footer-item {
display: flex;
align-items: center;
gap: 1rem;
color: var(--accent-light);
padding-right: 1.5rem;
width: inherit;
font-weight: 500;
margin-top: 0;
}

.footer-item i {
color: var(--secondary-green);
font-weight: 800;
font-size: 1.5rem;
}

.footer-item a {
width: max-content;
font-weight: 500;
font-size: 1.5rem;
}

.footer-icon {
width: 20px;
height: 20px;
}

#footer-links{
display: flex;
justify-content: center;
grid-column-start: 1;
grid-column-end: 3;
align-content: center;
gap: 20px;
background-color: #073528;
padding: 1rem;
padding-top: 1.5rem;
}

.footer-link{
color: #EAEEFB;
text-decoration: none;
}

.footer-link:hover {
color: var(--secondary-green);
text-decoration: underline;
}

#mni-membership-638694729531752105 {
/* background-color: #295943; */
/* background-color: #456255b2 */
padding: 1rem;
color: #1b5e20;
font-size: 1rem;
}

#mni-membership-638694729531752105 img {
width: 100px;
height: 100px;
}

/* MEDIA QUERIES */
/* @media (max-width: 1250px) {
.footer-left h1 {
  font-size: 1.5rem;
}
}

@media (max-width: 1050px) {
.footer-right {
  font-size: .8rem;
}
}
*/
@media (max-width: 970px) {
/*   .footer-left h1 {
  font-size: 1.2rem;
} */

.footer-right {
  font-size: .7rem;
}
}

@media (max-width: 870px) {
/* .footer-left {
  padding-left: 1.5rem;
} */

/* .footer-left h1 {
  font-size: 1rem;
}
 */
  .footer-right {
  column-gap: 0;
/*   padding-right: 1.5rem; */
}

#footer_right_container {
  padding-top: 1rem;
  background-color: #073528;
}
}

@media (max-width: 750px) {
footer {
  position: static;
}

.footer-container {
  display: flex;
  flex-direction: column;
  text-align: center;
  padding-top: 1rem;
}

.footer-left {
  padding: 0;
}

.footer-left h1 {
  font-size: 2.4rem;
  padding-bottom: .5rem;
}

.footer-right {
  justify-content: space-around;
/*     padding: 0 .7rem; */
}

.footer-item {
  gap: .5rem;
  font-size: .8rem;
  padding-right: 1rem;
}

#footer-links{
  margin: 0;
  /* background-color: #073528 */
  /* padding: 1rem; */
}
.footer-link{
  color: #EAEEFB;
  text-decoration: none;
}
.footer-social{
  gap: 0;
}
  .footer-item a{
    font-size: 1.2rem;
  }
  .footer-item i{
    font-size: 1.2rem;
  }
  .footer-contact-text{
    padding-left: .5rem;
    font-size: .9rem;
  }
  .footer-contact-link{
    padding-left: .5rem;
    font-size: .9rem;
  }
}
@media (max-width: 650px) {
.footer-item {
    font-size: 1rem;
    padding: .5rem 1rem;
}

#footer_right_container {
    justify-content: center;
    padding-top: 1rem;
}

.footer-right {
    justify-content: center;
    flex-direction: column;
    align-items: flex-start;
}

.footer-right::before {
    content: "Follow us on Facebook and Instagram";
    font-size: 1rem;
    margin-bottom: 1rem;
}

.footer-social {
    display: flex;
    flex-direction: row;
    gap: 1rem; 
    margin: 1rem auto;
    transform: scale(2);
    margin-bottom: 20px;
    margin-top: 0;
}

.footer-social .footer-item {
    display: flex;
    align-items: center;
    gap: 1rem;
}
}


@media (max-width: 550px) {

.footer-left h1 {
  font-size: 2rem;
  padding-bottom: .5rem;
}

.footer_contact_text {
  margin: .5rem;
}
  #footer-links{
    display: grid;
    grid-template-columns: 1fr 1fr;
}
  .footer-item{
    padding: 0 1rem;
  }
  .footer-social{
      padding-top: .5rem;
  }
}

@media (max-width: 550px){
.footer-left h1 {
  font-size: 1.5rem;
}

.footer-right {
  font-size: .8rem;
}
}