/*
 Theme Name: Astra Child
 Template: astra
 Version: 1.0.0
*/

/* wp astra-child specific START */
#content,
.ast-builder-grid-row-container-inner,
.site-above-footer-wrap[data-section="section-above-footer-builder"]
{
    background-color: white;
}

body {
    min-width: 360px;
}

#footer {
    text-align: left;
}

#socialIcons > img {
    margin-right: 4px;
}

* {
    font-family: sans-serif! important;
}

/* wp astra-child specific END */



/*  duplicate of home page */

#footer #enterRegFooter input, #footer #enterRegFooter button {
    background-color: #BFBD91;
    font-size: x-large;
    color: #fff;
    font-weight: bold;
    border: none;
    padding: 10px;
    border-radius: 5px;
}

#footer #enterRegFooter input {
    background-color: #fff;
    color: #231F20;
    width: 215px;
}

#footer #enterRegFooter input#regFooter {
    text-transform: uppercase;
}

#footer {
    margin-top: 100px;
}

#footer #footerBody {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    width: 100%;           /* fill available */
    max-width: 1200px;     /* cap overall width */
    margin: 0 auto;        /* center the row */
    padding: 0 40px;       /* keep some edge space on wide screens */
}

#footer #footerBody > div {
    flex: 0 0 auto;
    vertical-align: top;
    border-left: 1px solid #E9F2F5;
    padding: 0 0 0 20px;
}

#footer #footerBody > div h2 {
    padding: 0 0 20px 0;
    margin: 0;
}

#footer #footerBody > div:first-child {
    margin-right: 100px;
    padding: 0;
    border: none;
}

#footer #enterRegFooter input,
#footer #enterRegFooter button {
    margin-top: 20px;
    font-size: small;
    border: 1px solid #BFBD91;
    width: 114px;
}

#footer #enterReg input {
    width: 69px;
}

#footer a {
    text-decoration: none;
}

#footer #item2 #socialIcons p {
    display: flex;          /* shrink to content width */
    align-items: center;           /* vertically center icon and text */
    gap: 8px;                      /* space between icon and text */
    margin: 8px 0;
}

#footer #item4 p {
    margin-top: 0;
}

#footer ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#footer ul li {
    list-style: none;
    padding: 0;
    margin: 0;
}

#footer #copyright {
    text-align: center;
    margin: 50px 0;
    font-size: small;
    color: #BFBD91;
}

@media (max-width: 1406px) {
    #footer #footerBody {
        width: auto;
    }
}

@media (max-width: 1205px) {
    #post-283 {  /* FAQs page */
        margin-top: 20px;
    }
}

@media (max-width: 1232px) {
  #footer #footerBody {
    flex-wrap: wrap;              /* allow wrapping into 2 rows */
    align-items: flex-start;      /* align columns to top when heights differ */
    max-width: 100%;
    width: 63%;
  }

  #footer #footerBody > div {
    box-sizing: border-box;       /* include padding/border in width calc */
    flex: 0 0 calc(50% - 10px);   /* two columns accounting for 20px gap */
    max-width: calc(50% - 10px);
    min-width: 0;                 /* allow flex items to shrink content */
    border-left: none;            /* avoid extra width from borders */
    padding-left: 0;              /* align neatly without overflow */
  }

  #footer #footerBody > div:first-child {
    margin-right: 0;              /* remove large desktop margin when wrapping */
  }
}

@media (max-width: 1066px) {
    #footer #footerBody > div h2 {
        font-size: 1.5rem;
    }
}

@media (max-width: 1020px) {
    #socialIcons > img {
        width: 40px;
    }
}

@media (max-width: 909px) {
    #footer #footerBody {
      width: 72%;
    }
}

@media (max-width: 796px) {
    #footer #footerBody {
      width: 75%;
    }
}

@media (max-width: 753px) {
    #footer #footerBody {
      width: 82%;
    }
}

@media (max-width: 698px) {
  #footer #footerBody {
    flex-direction: column;     /* stack all footer sections */
    align-items: center;        /* center the column */
    gap: 55px;                  /* spacing between stacked items */
    padding: 0 20px;            /* side padding on small screens */
  }

  #footer #footerBody > div {
    box-sizing: border-box;
    flex: 0 0 100%;             /* full width in the column */
    max-width: 600px;           /* readable line length */
    width: 100%;
    border-left: none;          /* remove desktop divider */
    padding-left: 0;            /* remove left padding from desktop */
    text-align: center;         /* center content within each block */
  }

  #footer #footerBody > div:first-child {
    margin-right: 0;            /* remove desktop margin on first block */
  }

  #footer #footerBody #socialIcons > img {
    width: 46px;
  }

  #footer #item2 #socialIcons p {
      justify-content: center;
  }
}

@media (max-width: 496px) {
    #footer #footerBody{
        width: 92%;
    }
}