/** Shopify CDN: Minification failed

Line 534:1 Expected "}" to go with "{"

**/
/* =====================================
   SANJOG FOOTER
===================================== */

.sanjog-footer{
  --sf-cream:#fdfbf6;
  --sf-ink:#2b2420;
  --sf-ink-soft:#6b625a;
  --sf-clay:#b87954;

  position:relative;
  overflow:visible;

  background:var(--sf-background,var(--sf-cream));
  color:var(--sf-ink);

  font-family:"EB Garamond",serif;

  padding:70px 0 260px;
}

/* =====================================
   GRID
===================================== */

.sanjog-footer__grid{

  position:relative;
  z-index:2;

  max-width:1680px;
  margin:auto;

  display:grid;
  grid-template-columns:repeat(4,1fr);

  gap:70px;

  padding:0 60px;
}

/* =====================================
   HEADINGS
===================================== */

.sanjog-footer__col h4{

  font-family:"Cormorant Garamond",serif;

  font-size:24px;
  font-weight:600;

  margin:0 0 22px;

  letter-spacing:.04em;

  color:var(--sf-ink);
}

/* =====================================
   LINKS
===================================== */

.sanjog-footer__col ul{
  list-style:none;
  margin:0;
  padding:0;
}

.sanjog-footer__col li{
  margin-bottom:14px;
}

.sanjog-footer__col a{

  display:inline-flex;
  align-items:center;

  color:var(--sf-ink-soft);

  font-size:17px;

  text-decoration:none;

  transition:.35s ease;
}

.sanjog-footer__col a:hover{

  color:var(--sf-clay);

  transform:translateX(8px);

}

/* =====================================
   CONTACT
===================================== */

.sanjog-footer__col--contact p{

  font-size:17px;

  line-height:1.7;

  color:var(--sf-ink-soft);

  margin-bottom:22px;
}

.sanjog-footer__col--contact p a{

  color:var(--sf-ink);

}

/* =====================================
   SOCIALS
===================================== */

.sanjog-footer__socials{

  display:flex;

  gap:14px;
}

.sanjog-footer__socials a{

  width:44px;
  height:44px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:50%;

  border:1px solid #d7cdc1;

  transition:.35s ease;
}

.sanjog-footer__socials a:hover{

  background:var(--sf-clay);

  color:#fff;

  transform:translateY(-4px);
}

.sanjog-footer__socials svg{

  width:18px;
  height:18px;

  fill:currentColor;
}

/* =====================================
   ILLUSTRATION
===================================== */

/* =====================================
   FOOTER ILLUSTRATION
===================================== */

.sanjog-footer{
    position:relative;
    overflow:hidden;
    padding:110px 0 60px;
}

.sanjog-footer__grid{
    position:relative;
    z-index:2;
}

.sanjog-footer__illustration{

    position:absolute;

    top:0;
    left:0;

    width:100%;
     margin-top: -60px;
    aspect-ratio:3320/1220; /* change according to your image */

    background-repeat:no-repeat;
    background-position:center top;
    background-size:100% auto;

    z-index:1;

    pointer-events:none;
}
@media (min-width:750px){

  .sanjog-footer__grid{
      transform: translateY(-40px);
  }

}

@media (min-width:1440px){

    .sanjog-footer{

        padding-top:140px;
        padding-bottom:277px;
    }

    .sanjog-footer__illustration{

        aspect-ratio:3320/1920;
    }

}


/* =====================================
   ACCORDION
===================================== */

.footer-toggle{

  width:100%;

  display:flex;
  justify-content:space-between;
  align-items:center;

  background:none;
  border:none;

  padding:0 0 18px;

  border-bottom:1px solid rgba(0,0,0,.08);

  cursor:pointer;

  font-family:"Cormorant Garamond",serif;

  font-size:18px;
  font-weight:600;

  color:var(--sf-ink);

  transition:.35s ease;
}

.footer-toggle:hover{

  color:var(--sf-clay);

}

.footer-toggle .icon{

  width:28px;
  height:28px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:50%;

  border:1px solid rgba(0,0,0,.12);

  font-size:18px;

  transition:.35s ease;
}

.footer-menu{

  overflow:hidden;

  max-height:0;

  opacity:0;

  transition:max-height .45s ease, opacity .3s ease;
}

.sanjog-footer__col.active .footer-menu{

  max-height:500px;

  opacity:1;
}

.sanjog-footer__col.active .icon{

  transform:rotate(45deg);

  background:var(--sf-clay);

  color:#fff;

  border-color:var(--sf-clay);
}

/* =====================================
   DESKTOP
===================================== */

@media(min-width:750px){

  .footer-toggle{

      pointer-events:none;

      padding-bottom:20px;
  }

  .footer-toggle .icon{

      display:none;
  }

  .footer-menu{

      display:block;

      max-height:none;

      opacity:1;
  }

}

/* =====================================
   TABLET
===================================== */

@media(max-width:1200px){

  .sanjog-footer__grid{

      gap:50px;
  }

  .sanjog-footer{

      padding-bottom:220px;
  }

  .sanjog-footer__illustration{

      height:320px;
  }

}

@media(max-width:990px){
  .sanjog-footer__illustration{
      position:relative;
      width:100vw;
      margin-left:calc(50% - 50vw);

      height:370px;   /* adjust between 100-140px */

      background-repeat:no-repeat;
      background-position:center bottom;
       background-size:100% auto!important;
      margin-top: -30px;   /* Pull image upward */
      margin-bottom: 0px;
;
  }


}

/* =====================================
   MOBILE
===================================== */
/* =====================================
   MOBILE ONLY
===================================== */

@media (max-width:749px){

  .sanjog-footer{
    padding:30px 0 0;
    overflow:hidden;
  }

  .sanjog-footer__grid{
    display:block;
    padding:0 24px;
  }

  .sanjog-footer__col{
    margin:0;
  }

  /* Accordion */

  .footer-toggle{
    width:100%;
    padding:18px 0;
    border:none;
    border-bottom:1px solid #e9e9e9;

    display:flex;
    justify-content:space-between;
    align-items:center;

    font-size:20px;
    font-weight:500;

    background:transparent;
  }

  .footer-toggle .icon{
    width:auto;
    height:auto;
    border:none;
    border-radius:0;
    background:none;
    color:#000;
    font-size:30px;
    line-height:1;
  }

  .sanjog-footer__col.active .icon{
    transform:rotate(45deg);
    background:none;
    color:#000;
  }

  /* Menu */

  .footer-menu{
    max-height:0;
    overflow:hidden;
    opacity:0;
    transition:.35s;
    padding:0;
  }

  .sanjog-footer__col.active .footer-menu{
    max-height:500px;
    opacity:1;
    padding:15px 0;
  }

  .footer-menu li{
    margin:0 0 12px;
  }

  .footer-menu li:last-child{
    margin-bottom:0;
  }

  .footer-menu a{
    font-size:15px;
    color:var(--sf-ink-soft);
  }

  .footer-menu a:hover{
    transform:none;
  }

  /* Contact */

  .sanjog-footer__col--contact{
    padding:20px 0;
  }

  .sanjog-footer__col--contact h4{
    display:none;
  }

  .sanjog-footer__col--contact p{
    margin:0 0 20px;
    font-size:16px;
  }

  /* Social */

  .sanjog-footer__socials{
    display:flex;
    gap:18px;
  }

  .sanjog-footer__socials a{
    width:24px;
    height:24px;
    border:none;
    padding:0;
  }

  .sanjog-footer__socials a:hover{
    background:none;
    color:inherit;
    transform:none;
  }

  .sanjog-footer__socials svg{
    width:24px;
    height:24px;
  }

  /* Illustration */

 @media (max-width:749px){

  .sanjog-footer__illustration{
      position:relative;
      width:100vw;
      margin-left:calc(50% - 50vw);

      height:270px;   /* adjust between 100-140px */

      background-repeat:no-repeat;
      background-position:center bottom;
       background-size:100% auto!important;
      margin-top: -30px;   /* Pull image upward */
      z-index: 1;
;
  }


}