* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  position: relative;
}

@font-face {
  font-display: swap;
  font-family: "Lora";
  src: url("/assets/fonts/lora-v37-latin-regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 200 900;
}
.delve-hand {
  font-family: "delve-hand", sans-serif;
  font-weight: 400;
  font-style: normal;
}

body {
  font-family: "Lora";
  overflow-x: hidden;
}

a {
  text-decoration: none;
}

a:hover {
  opacity: 0.7;
}

:root {
  --font-sm: 0.875rem;
  --font-md: 1rem;
  --font-lg: 1.25rem;
  --font-xl: 1.75rem;
  --font-2xl: 2.5rem;
  --font-3xl: 4rem;
}

body {
  font-size: var(--font-md);
}

h1 {
  font-size: var(--font-3xl);
  font-family: "Lora";
}

h2 {
  font-size: var(--font-2xl);
  font-family: "Lora";
}

h3 {
  font-size: var(--font-xl);
  font-family: "Lora";
}

h4 {
  font-size: var(--font-lg);
  font-family: "Lora";
}

h1, h2, h3, h4 {
  font-weight: 700;
}

@media (max-width: 768px) {
  :root {
    --font-sm: 0.875rem;
    --font-md: 1rem;
    --font-lg: 1.25rem;
    --font-xl: 1.5rem;
    --font-2xl: 2rem;
    --font-3xl: 3rem;
  }
}
@media (max-width: 425px) {
  :root {
    --font-sm: 0.875rem;
    --font-md: 0.9rem;
    --font-lg: 1.2rem;
    --font-xl: 1.4rem;
    --font-2xl: 1.7rem;
    --font-3xl: 2rem;
  }
}
.primaryBtn {
  background-color: #D7F171;
  border: none;
  padding: 11px 21px;
  border-radius: 4px;
  cursor: pointer;
  font-size: var(--font-md);
  border: 1px solid #232323;
  color: #232323;
  font-family: "Lora";
}

.primaryBtn:hover {
  background-color: #B7CD60;
}

.primaryBtn:focus {
  background-color: #D7F171;
  outline: 1px solid #232323;
  border: 1px solid #1E90FF;
  outline-offset: 1px;
}

.primaryBtn:disabled {
  background-color: #edf9b8;
  border-color: #b0b0b0;
  color: #878787;
  cursor: not-allowed;
}

.secondaryBtn {
  background-color: #232323;
  color: #D7F171;
  border: none;
  cursor: pointer;
  font-size: var(--font-md);
  display: block;
  position: relative;
  padding: 11px 21px;
  border: 1px solid #D7F171;
  border-radius: 4px;
  font-family: "Lora";
}

.secondaryBtn:hover {
  background-color: #181818;
}

.secondaryBtn:focus {
  outline: 1px solid #232323;
  border: 1px solid #1E90FF;
  outline-offset: 1px;
}

.secondaryBtn:disabled {
  color: #999999;
  background-color: #F2F2F2;
}

.tertiaryBtn {
  display: inline-flex;
  align-items: center;
  background-color: transparent;
  border: none;
  color: white;
  font-size: var(--font-md);
  cursor: pointer;
  padding: 0.5rem;
  font-family: "Lora";
}
.tertiaryBtn img {
  filter: invert(100%);
  margin-left: 0.5rem;
}

.tertiaryBtn:hover {
  opacity: 0.7;
}

.tertiaryBtn:focus {
  outline: 1px solid #232323;
  border: 1px solid #1E90FF;
  outline-offset: 1px;
}

.tertiaryBtn:disabled {
  color: #999999;
}

.style-descr {
  text-align: justify;
  line-height: 1.6;
  font-family: "Lora";
}

.paperOverlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-repeat: repeat;
  background-image: url("data:image/jpeg;base64,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");
  mix-blend-mode: multiply;
  pointer-events: none;
}

.pop {
  animation: pop 0.6s ease;
}

@keyframes pop {
  0% {
    transform: scale(0.8);
    opacity: 0;
  }
  60% {
    transform: scale(1.2);
    opacity: 1;
  }
  100% {
    transform: scale(1);
  }
}
.skeleton {
  border-radius: 5px;
  background: rgba(130, 130, 130, 0.2);
  background: linear-gradient(to right, rgba(130, 130, 130, 0.2) 8%, rgba(130, 130, 130, 0.3) 18%, rgba(130, 130, 130, 0.2) 33%);
  background-size: 800px 100px;
  animation: wave-squares 2s infinite ease-out;
}

.skeleton-text {
  height: 2rem;
  width: 90%;
  margin-bottom: 1rem;
}

.skeleton-square {
  height: 100%;
  width: 100%;
}

.skeleton-rectangle {
  height: 30vh;
  width: 100%;
}

img {
  color: transparent;
}

@keyframes wave-squares {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
header {
  z-index: 100;
}

.header-hidden {
  transform: translateY(-100%);
}

.banner {
  width: 100vw;
  min-height: 2.3em;
  background-color: #D7F171;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-family: "lora-bold";
  padding: 10px 30px;
  transition: opacity 0.3s ease, max-height 0.3s ease, padding 0.3s ease;
  overflow: hidden;
  opacity: 1;
}
.banner.hidden {
  opacity: 0;
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.messageBox {
  width: 100vw;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
}

#message {
  min-width: 5vw;
  display: flex;
  flex-direction: row;
  align-items: center;
  transition: opacity 0.3s ease;
}
#message.fade-out {
  opacity: 0;
}

.closeBtn {
  background: none;
  border: none;
  font-size: 1.4rem;
  line-height: 1;
  cursor: pointer;
  margin: 0.5rem 0.8rem;
  color: inherit;
  font-family: inherit;
  flex-shrink: 0;
}
.closeBtn:hover {
  opacity: 0.7;
}

.hidden {
  opacity: 0;
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.icon {
  margin-right: 1vw;
}

.icon:hover {
  transition-duration: 0.3s;
  transform: translateX(10px);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  transition-property: transform;
}

a {
  text-decoration: none;
  color: #232323;
}

.link, nav button {
  display: block;
  position: relative;
  padding: 0.1em 0;
  margin-left: 0.5vw;
}

.link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0.1em;
  background-color: #232323;
  opacity: 0;
  transition: opacity 300ms, transform 300ms;
}

.navTab .link::after {
  background-color: #D7F171;
}

.link:hover::after {
  opacity: 1;
}

.active {
  padding: 0.1em 0;
  border-bottom: 1.5px solid #D7F171;
}

.active-hamburger {
  text-decoration: underline;
}

nav {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  min-height: 3vh;
  background: linear-gradient(45deg, #262626 0%, #262626 5%, transparent 5%, transparent 10%, #262626 10%, #262626 15%, transparent 15%, transparent 20%, #262626 20%, #262626 25%, transparent 25%, transparent 30%, #262626 30%, #262626 35%, transparent 35%, transparent 40%, #262626 40%, #262626 45%, transparent 45%, transparent 50%, #262626 50%, #262626 55%, transparent 55%, transparent 60%, #262626 60%, #262626 65%, transparent 65%, transparent 70%, #262626 70%, #262626 75%, transparent 70%, transparent 80%, #262626 80%, #262626 85%, transparent 85%, transparent 90%, #262626 90%, #262626 95%, transparent 95%), linear-gradient(135deg, #262626 0%, #262626 5%, transparent 5%, transparent 10%, #262626 10%, #262626 15%, transparent 15%, transparent 20%, #262626 20%, #262626 25%, transparent 25%, transparent 30%, #262626 30%, #262626 35%, transparent 35%, transparent 40%, #262626 40%, #262626 45%, transparent 45%, transparent 50%, #262626 50%, #262626 55%, transparent 55%, transparent 60%, #262626 60%, #262626 65%, transparent 65%, transparent 70%, #262626 70%, #262626 75%, transparent 70%, transparent 80%, #262626 80%, #262626 85%, transparent 85%, transparent 90%, #262626 90%, #262626 95%, transparent 95%);
  background-size: 3em 3em;
  background-color: #232323;
  opacity: 1;
  border-bottom: 1px solid #232323;
}
nav a, nav button {
  color: #F8C7CC;
}
nav button {
  background: none;
  border: none;
  font-size: var(--font-md);
  cursor: pointer;
}

.homeTab {
  padding-left: 1.5em;
}

.navTabs {
  display: flex;
  flex-direction: row;
  padding: 0.9em 0;
  margin-right: 1.5em;
}

.navTab, nav button {
  font-family: "lora-bold";
  margin-left: 40px;
}

li {
  list-style: none;
}

.logoMask {
  overflow: hidden;
  width: 25.5px;
  transition: width 0.5s ease-in;
  display: none;
}

.logoMask:hover {
  width: 200px;
}

.logo {
  height: 3.5vh;
}

.logo2 {
  height: 3.3vh;
  margin-right: -4px;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease;
}

.logo2:first-of-type {
  opacity: 1;
}

.logoMask2:hover .logo2 {
  opacity: 1;
}

.logoMask2:hover .logo2:nth-child(1) {
  transition-delay: 0.1s;
}

.logoMask2:hover .logo2:nth-child(2) {
  transition-delay: 0.15s;
}

.logoMask2:hover .logo2:nth-child(3) {
  transition-delay: 0.2s;
}

.logoMask2:hover .logo2:nth-child(4) {
  transition-delay: 0.25s;
}

.logoMask2:hover .logo2:nth-child(5) {
  transition-delay: 0.3s;
}

.logoMask2:hover .logo2:nth-child(6) {
  transition-delay: 0.35s;
}

.logoMask2:hover .logo2:nth-child(7) {
  transition-delay: 0.4s;
}

.logoMask2:hover .logo2:nth-child(8) {
  transition-delay: 0.45s;
}

.logoMask2 .logo2:nth-child(1) {
  transition-delay: 0.5s;
}

.logoMask2 .logo2:nth-child(2) {
  transition-delay: 0.45s;
}

.logoMask2 .logo2:nth-child(3) {
  transition-delay: 0.4s;
}

.logoMask2 .logo2:nth-child(4) {
  transition-delay: 0.35s;
}

.logoMask2 .logo2:nth-child(5) {
  transition-delay: 0.3s;
}

.logoMask2 .logo2:nth-child(6) {
  transition-delay: 0.25s;
}

.logoMask2 .logo2:nth-child(7) {
  transition-delay: 0.25s;
}

.logoMask2 .logo2:nth-child(8) {
  transition-delay: 0.1s;
}

.hamburgerMenu {
  display: none;
}

.openHamburger {
  display: none;
}

.skip-link {
  position: absolute;
  display: inline-block;
  padding: 10px;
  line-height: 1;
  margin-left: 4vw;
  color: #F3EFD8;
  transform: translateY(0vh);
  transition: transform 250ms ease-in;
}

.skip-link:not(:focus) {
  transform: translateY(-10rem);
}

@media (max-width: 825px) {
  .banner {
    padding: 10px 20px;
  }
  .openHamburger {
    padding: 1rem;
    display: flex;
    min-height: 4rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
  }
  #hamburgerMenu {
    position: fixed;
    right: -80vw;
    top: 0;
    background: linear-gradient(135deg, #FFD6DA 0%, #FFD6DA 5%, transparent 5%, transparent 10%, #FFD6DA 10%, #FFD6DA 15%, transparent 15%, transparent 20%, #FFD6DA 20%, #FFD6DA 25%, transparent 25%, transparent 30%, #FFD6DA 30%, #FFD6DA 35%, transparent 35%, transparent 40%, #FFD6DA 40%, #FFD6DA 45%, transparent 45%, transparent 50%, #FFD6DA 50%, #FFD6DA 55%, transparent 55%, transparent 60%, #FFD6DA 60%, #FFD6DA 65%, transparent 65%, transparent 70%, #FFD6DA 70%, #FFD6DA 75%, transparent 70%, transparent 80%, #FFD6DA 80%, #FFD6DA 85%, transparent 85%, transparent 90%, #FFD6DA 90%, #FFD6DA 95%, transparent 95%);
    background-size: 2em 2em;
    background-color: #F8C7CC;
    opacity: 1;
    width: 80vw;
    height: 100vh;
    flex-direction: column;
    z-index: 9999;
    border-left: 1px solid #232323;
  }
  #hamburgerMenu #closeHamburger {
    filter: invert(100%);
  }
  .hamburgerIcon {
    justify-content: space-between;
    display: flex;
    width: 100%;
    padding: 20px 20px 0 20px;
    color: #232323;
    font-size: 13px;
  }
  .socialIcon {
    height: 25px;
    margin-right: 15px;
  }
  .description {
    color: #232323;
    font-size: 13px;
    margin-bottom: 2vh;
    font-family: sans-serif;
  }
  .socialTabs {
    margin: 2vh;
  }
  .socialTabs li {
    margin-bottom: 2vh;
    font-family: "Lora";
    font-weight: 700;
  }
  .socialTabs a, .socialTabs li {
    color: #232323;
  }
  .hamburgerTabs {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #232323;
    padding: 10px 20px;
    font-family: "Lora";
    font-weight: 700;
  }
  nav button {
    color: #232323;
    margin-left: 0;
    font-family: "Lora";
    cursor: pointer;
  }
  .hamburgerTab {
    margin-bottom: 2vh;
    padding: 0;
    color: #232323;
  }
  .hamburgerTab a, .hamburgerTab nav button {
    color: #232323;
  }
  .navTabs {
    display: none;
  }
}
@media (max-width: 375px) {
  #message {
    flex-direction: column;
    display: inline;
  }
  .messageBox {
    text-align: left;
    display: inline;
  }
  .messageBox .link {
    text-align: left;
  }
}
footer {
  background-image: url(/assets/images/backgrounds/brown-noise.svg);
  background-size: cover;
  background-repeat: repeat;
  width: 100vw;
  min-height: 45vh;
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  color: #F8C7CC;
}
footer a, footer .footer-links button {
  color: #F8C7CC;
  font-family: "Lora";
  font-size: var(--font-md);
  cursor: pointer;
}
footer .link::after {
  background-color: #D7F171;
}

.halfSection {
  display: flex;
  flex-direction: column;
  padding: 2vw;
}

#newsletter-section {
  grid-column: 1/2;
}

#sitemap-sections {
  grid-column: 2/3;
}

#logo-section {
  grid-column: 1/3;
}

#logo-section {
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 30%;
  height: 20vh;
  width: 100%;
  background-image: url(/assets/images/logo/Pendulum_LogoBlackWhite.svg);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
}

footer input {
  padding: 11px 21px;
  background-color: transparent;
  border: none;
  width: 100%;
  color: #F8C7CC;
}

.footer-newsletter-box {
  width: 50%;
  border-bottom: 1px solid #F8C7CC;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 3vh;
}
.footer-newsletter-box ::-moz-placeholder {
  color: #F8C7CC;
  opacity: 0.6;
}
.footer-newsletter-box ::placeholder {
  color: #F8C7CC;
  opacity: 0.6;
}

#footer-submit {
  border: none;
  background: transparent;
  cursor: pointer;
}

.footer-half {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.footer-links {
  margin-top: 3vh;
}
.footer-links .link {
  margin-left: 0;
}
.footer-links a {
  line-height: 1.6;
}
.footer-links li {
  margin-right: 5vw;
}
.footer-links button {
  margin-left: 0;
  background: none;
  border: none;
}

.footer-box-half {
  display: flex;
  flex-direction: column;
}

.footer-redirect-box .footer-links {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 70%;
}

.footer-follow-box .footer-links {
  display: grid;
  grid-template-columns: 1fr;
  width: 30%;
}

.error-message-newsletter {
  margin-top: 1rem;
  padding: 0.5rem;
  width: 50%;
  text-align: left;
}

@media (max-width: 1376px) {
  .halfSection {
    padding: 2rem;
  }
  .footer-redirect-box .footer-links {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .footer-links li {
    margin-right: 4vw;
  }
}
@media (max-width: 1024px) {
  .footer-newsletter-box, .error-message-newsletter {
    width: 70%;
  }
  #logo-section {
    height: 15vh;
  }
}
@media (max-width: 768px) {
  footer {
    grid-template-columns: 1fr;
  }
  footer .halfSection {
    width: 100%;
  }
  footer .footer-links {
    margin-top: 1rem;
  }
  footer .footer-redirect-box {
    margin-bottom: 2rem;
  }
  .footer-links li {
    margin-right: 10vw;
  }
  #sitemap-sections, #newsletter-section, #logo-section {
    grid-column: 1/2;
  }
  #sitemap-sections {
    margin-bottom: 5rem;
  }
  #logo-section {
    height: 10vh;
  }
}
@media (max-width: 572px) {
  .footer-newsletter-box, .error-message-newsletter {
    width: 80%;
  }
  .footer-links li {
    margin-right: 5vw;
  }
  .footer-redirect-box .footer-links {
    -moz-column-gap: 15px;
         column-gap: 15px;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (max-width: 425px) {
  .footer-redirect-box .footer-links {
    grid-template-columns: 1fr;
  }
  .footer-newsletter-box, .error-message-newsletter {
    width: 100%;
  }
  #logo-section {
    height: 7vh;
  }
  #sitemap-sections {
    margin-bottom: 3rem;
  }
  .halfSection:nth-of-type(2) {
    padding: 0 2rem;
  }
}
@media (max-width: 375px) {
  .halfSection, .halfSection:nth-of-type(2) {
    padding: 1.5rem;
  }
}
#read-section {
  position: fixed;
  top: 0;
  right: 0;
  width: 50vw;
  height: 100vh;
  overflow-y: auto;
  background-color: #F8C7CC;
  padding: 15px;
  z-index: 9999;
  color: #232323;
  transform: translateX(100%);
  transition: transform 100ms linear, opacity 100ms linear;
  opacity: 0;
}
#read-section h4 {
  color: #232323;
}
#read-section .tertiaryBtn {
  color: #232323;
}

#backdrop {
  z-index: 9998;
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(12, 12, 12, 0.36);
  backdrop-filter: blur(8px);
  transform: translateX(100%);
  transition: transform 100ms linear, opacity 100ms linear;
  opacity: 0;
}

#read-section, #backdrop {
  will-change: transform, opacity;
  pointer-events: none;
}

#read-section.is-open, #backdrop.is-open {
  transform: translateX(0);
  opacity: 1;
  pointer-events: auto;
}

.hidden {
  visibility: hidden;
}

body.no-scroll {
  overflow: hidden;
}

.read-heading {
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
  margin-bottom: 1.5rem;
  align-items: start;
}

.filter a {
  color: #232323;
}
.filter .selected {
  color: #232323;
  font-family: "Lora";
  font-weight: 700;
  text-decoration: underline;
}

.read-filter {
  width: 100%;
}
.read-filter .read-content-filter {
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 2rem;
  padding-bottom: 0.5rem;
}

.read-title-div {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: left;
}

.read-title {
  height: 2.5rem;
}

.read-content-all {
  color: #232323;
  min-height: 28vh;
  border-top: 1px solid #232323;
}
.read-content-all a:hover {
  opacity: 1;
}

.read-content-block {
  width: 100%;
  height: 100%;
  display: inline-flex;
  padding: 1rem 1rem 1rem 0;
}
.read-content-block p {
  text-align: justify;
}

.read-content-img {
  width: 17vw;
  height: 25vh;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  margin-right: 1rem;
  flex-shrink: 0;
}

.read-content-info {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.read-content-info .read-content-text {
  margin: 0.5rem 0;
  line-height: 1.6;
}

.read-content-details-block {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: end;
  margin-top: auto;
}
.read-content-details-block div {
  color: #232323;
}
.read-content-details-block .secondaryBtn {
  margin-left: 1rem;
}

.read-details {
  margin-bottom: 0.8rem;
}

.read-cta, .read-details {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: right;
}

.read-date {
  margin-right: 1rem;
  padding-right: 1rem;
  opacity: 0.7;
  border-right: 1px solid #232323;
}

.read-title-img {
  height: 5.5rem;
}

@media (max-width: 1024px) {
  #read-section {
    width: 70vw;
  }
  .read-content-img {
    width: 22vw;
  }
}
@media (max-width: 768px) {
  #read-section {
    width: 90vw;
  }
  .read-content-img {
    width: 30vw;
  }
}
@media (max-width: 572px) {
  #read-section {
    width: 100vw;
  }
  .read-content-img {
    width: 100%;
    height: 40vh;
  }
  .read-cta {
    flex-direction: column;
  }
  .read-details {
    justify-content: left;
  }
  .read-content-details-block {
    margin-top: 1rem;
  }
  .read-content-details-block .secondaryBtn {
    margin-left: 0;
    margin-top: 0.6rem;
  }
  .read-content-block {
    display: flex;
    flex-direction: column;
    padding: 1rem 0;
  }
  .read-content-info {
    margin-top: 1rem;
  }
}
@media (max-width: 425px) {
  .read-title-img {
    height: 4rem;
  }
}
main {
  width: 100vw;
  min-height: 100vh;
  background: linear-gradient(45deg, #262626 0%, #262626 5%, transparent 5%, transparent 10%, #262626 10%, #262626 15%, transparent 15%, transparent 20%, #262626 20%, #262626 25%, transparent 25%, transparent 30%, #262626 30%, #262626 35%, transparent 35%, transparent 40%, #262626 40%, #262626 45%, transparent 45%, transparent 50%, #262626 50%, #262626 55%, transparent 55%, transparent 60%, #262626 60%, #262626 65%, transparent 65%, transparent 70%, #262626 70%, #262626 75%, transparent 70%, transparent 80%, #262626 80%, #262626 85%, transparent 85%, transparent 90%, #262626 90%, #262626 95%, transparent 95%), linear-gradient(135deg, #262626 0%, #262626 5%, transparent 5%, transparent 10%, #262626 10%, #262626 15%, transparent 15%, transparent 20%, #262626 20%, #262626 25%, transparent 25%, transparent 30%, #262626 30%, #262626 35%, transparent 35%, transparent 40%, #262626 40%, #262626 45%, transparent 45%, transparent 50%, #262626 50%, #262626 55%, transparent 55%, transparent 60%, #262626 60%, #262626 65%, transparent 65%, transparent 70%, #262626 70%, #262626 75%, transparent 70%, transparent 80%, #262626 80%, #262626 85%, transparent 85%, transparent 90%, #262626 90%, #262626 95%, transparent 95%);
  background-size: 3em 3em;
  background-color: #232323;
  opacity: 1;
  padding: 5em 10em;
  position: relative;
  color: #D7F171;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.stockist-section {
  width: 80%;
  height: 100%;
  color: #F8C7CC;
}
.stockist-section a {
  text-decoration: underline;
  color: #D7F171;
}
.stockist-section a:hover {
  opacity: 0.8;
}
.stockist-section #to-contact-div {
  margin-bottom: 5rem;
  color: #D7F171;
  line-height: 1.6;
  text-align: center;
}

footer {
  background: linear-gradient(135deg, #FFD6DA 0%, #FFD6DA 5%, transparent 5%, transparent 10%, #FFD6DA 10%, #FFD6DA 15%, transparent 15%, transparent 20%, #FFD6DA 20%, #FFD6DA 25%, transparent 25%, transparent 30%, #FFD6DA 30%, #FFD6DA 35%, transparent 35%, transparent 40%, #FFD6DA 40%, #FFD6DA 45%, transparent 45%, transparent 50%, #FFD6DA 50%, #FFD6DA 55%, transparent 55%, transparent 60%, #FFD6DA 60%, #FFD6DA 65%, transparent 65%, transparent 70%, #FFD6DA 70%, #FFD6DA 75%, transparent 70%, transparent 80%, #FFD6DA 80%, #FFD6DA 85%, transparent 85%, transparent 90%, #FFD6DA 90%, #FFD6DA 95%, transparent 95%);
  background-size: 2em 2em;
  background-color: #F8C7CC;
  opacity: 1;
  color: #232323;
}
footer .footer-links button {
  color: #232323;
  font-family: "Lora";
  font-size: var(--font-md);
  cursor: pointer;
}
footer a, footer h4 {
  color: #232323;
}
footer .link::after {
  background-color: #232323;
}
footer .footer-newsletter-box {
  border-bottom: 1px solid #232323;
}
footer .footer-newsletter-box ::-moz-placeholder {
  color: #232323;
}
footer .footer-newsletter-box ::placeholder {
  color: #232323;
}

.stockist-heading {
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
  padding-bottom: 0.5rem;
  margin-bottom: 2rem;
  border-bottom: 1px solid #F8C7CC;
}
.stockist-heading .tertiaryBtn {
  color: #F8C7CC;
}

.stockist-content-all {
  color: #F8C7CC;
  line-height: 1.6;
  height: 90%;
  display: flex;
  flex-direction: column;
}
.stockist-content-all a {
  text-decoration: underline;
  color: #F8C7CC;
}
.stockist-content-all .details-table {
  margin-top: auto;
  grid-template-columns: 1fr 2fr;
}
.stockist-content-all .title {
  font-family: "Lora";
  font-weight: 700;
  border-top: 1px solid #F8C7CC;
}

.handwritten-title {
  height: 5.5rem;
  margin-bottom: 1.5rem;
  text-align: center;
}

.details-table {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin-top: 2rem;
}
.details-table .details-categories, .details-table .details-info {
  padding: 1rem 0;
  border-bottom: 1px solid #F8C7CC;
}
.details-table .details-categories {
  border-right: 1px solid #F8C7CC;
}
.details-table .details-info {
  padding-left: 1rem;
}

@media (max-width: 1024px) {
  main {
    padding: 4rem;
  }
  #stockist-section {
    padding: 0;
    width: 100%;
  }
}
@media (max-width: 425px) {
  main {
    padding: 2rem;
  }
  .handwritten-title {
    height: 4rem;
  }
}
@media (max-width: 375px) {
  main {
    padding: 1.5rem;
  }
}/*# sourceMappingURL=stockists.css.map */