.error {
  color: darkred;
}

.success {
  color: green;
}

@font-face {
  font-family: "Nunito";
  src: url("/lib/fonts/Nunito/Nunito-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
}
@font-face {
  font-family: "Nunito";
  src: url("/lib/fonts/Nunito/Nunito-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
}
@font-face {
  font-family: "Autumn Days Clipart";
  src: url("/lib/fonts/AutumnDays-Clipart.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Autumn Days Regular";
  src: url("/lib/fonts/AutumnDays-Regular.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "AutumnLeaves";
  src: url("/lib/fonts/AutumnLeaves.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Christmas Carol";
  src: url("/lib/fonts/ChristmasCarolStarPersonalRegular-1G090.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Grinch Snow";
  src: url("/lib/fonts/GrinchSnow-ovyEV.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Navidad";
  src: url("/lib/fonts/Nunito/Navidad-ERJj.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Creepsville";
  src: url("/lib/fonts/RW-creepsville.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Tenderleaf";
  src: url("/lib/fonts/TenderleafRegular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
:root {
  --page-width: 8.5in;
  --page-height: 11in;
  --qr-width: 1.1in;
}

body {
  background-color: black;
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}

.coordinates {
  position: fixed;
  background-color: #2d2d2d;
  color: #e0e0e0;
  padding: 2em;
  border-radius: 0 0 1em 0;
  top: 0;
  left: 0;
  font-size: 0.6em;
  font-family: "Courier New", Courier, monospace;
}
.coordinates table, .coordinates td {
  color: inherit;
  font-size: inherit;
}

.page {
  margin-top: 100px;
  width: var(--page-width);
  height: var(--page-height);
  background-color: white;
  position: relative;
  page-break-after: always;
  background-color: white;
}

.page_template_background {
  /* background: url('flyer-background.png') no-repeat center center;
  background-size: cover;  */
}

.page_white_background {
  background-color: white;
}

.page-top {
  position: absolute;
  top: 37;
  left: 444;
  z-index: 10;
  font-size: 0.6em;
}

.page-bottom {
  position: absolute;
  top: 1010;
  left: 348;
  z-index: 10;
  font-size: 0.6em;
}

.flyer {
  width: calc(var(--page-width) / 2);
  height: calc(var(--page-height) / 2);
  position: absolute;
}

.flyer1 {
  transform: rotate(180deg); /* Flip the div upside down */
  top: 14;
  left: 23;
}

.flyer2 {
  top: 1;
  left: 393;
}

.flyer3 {
  bottom: 0;
  left: 23;
  transform: rotate(180deg); /* Flip the div upside down */
}

.flyer4 {
  /*bottom:0;*/
  bottom: 13;
  left: 395;
}

.flyer-position {
  position: absolute;
  top: 186;
  left: 90;
  z-index: 10;
}

.flyer-background {
  position: absolute;
  width: calc(var(--page-width) / 2);
  height: calc(var(--page-height) / 2);
  background: url("../flyer-background-quarter.png") no-repeat center center;
  background-size: cover;
  opacity: 100%;
}

.flyer-background-1 {
  position: absolute;
  /* top: -1;
  left: 7; */
  top: 15;
  left: 15;
  transform: rotate(180deg); /* Flip the div upside down */
}

.flyer-background-2 {
  position: absolute;
  /* top: 0;
  left: 6; */
  top: 0;
  left: 399;
}

.flyer-background-3 {
  position: absolute;
  /* top: 0;
  left: 8; */
  top: 528;
  left: 15;
  transform: rotate(180deg); /* Flip the div upside down */
}

.flyer-background-4 {
  position: absolute;
  /*top: -13;*/
  /* top: 0;
  left: 5; */
  top: 513;
  left: 399;
}

.center-line {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 1px;
  background-color: magenta;
  left: 50%; /* Align the line to the center */
  transform: translateX(-50%); /* Center the line exactly */
}

/* .flyer .qr-code{
    position: absolute;

    top: 405px;
    left: 131px;
} */
.flyer-heading {
  position: absolute;
  top: 21px;
  left: -13px;
  font-family: "Nunito", sans-serif;
  font-weight: bold;
  font-size: 2em;
  text-align: center;
}

.flyer-subheading {
  position: absolute;
  top: 109px;
  left: 134px;
  font-family: "Nunito", sans-serif;
  font-weight: bold;
  font-size: 1.2em;
  text-align: center;
}

.qr-code {
  width: var(--qr-width);
}

.qr-code img {
  width: 100%;
}

.offer {
  position: absolute;
  top: 158px;
  left: 93px;
  font-family: "Nunito", sans-serif;
  font-weight: bold;
  font-size: 1.4em;
  text-align: center;
}

.offer-buy-one-01 {
  background-color: black;
  color: white;
  border-radius: 0.3em;
  padding: 0.1em 0.3em 0em 0.3em;
}

.offer-buy-one-02 {
  background-color: black;
  color: white;
  border-radius: 0.3em;
  padding: 0.1em 0.3em 0em 0.3em;
}

.qr-text {
  position: absolute;
  font-family: "Nunito", sans-serif;
  font-size: 0.4em;
  text-align: left;
  padding-top: 1em;
  /* background-color: lightpink; */
  writing-mode: vertical-rl;
  text-orientation: sideways;
  /* transform: rotate(90deg);
  transform-origin: bottom right; */
}

.text-code-inner {
  margin-left: -1em;
}

.bottom {
  position: absolute;
  top: 443px;
  left: 73px;
  font-family: "Nunito", sans-serif;
  font-weight: bold;
  font-size: 1.4em;
  text-align: center;
}

.bogo-03 {
  background-color: black;
  color: white;
  border-radius: 3px;
  padding: 5 10 5 10;
  font-size: 1.4em;
  font-weight: bold;
}

.generate_flyers_error {
  color: darkred;
}

.always-free-delivery {
  position: relative;
  text-align: center;
}
.always-free-delivery .always {
  font-size: 0.5em;
}
.always-free-delivery .free {
  font-size: 1.2em;
  margin-bottom: -2px;
}
.always-free-delivery .delivery {
  font-size: 0.6em;
}
.always-free-delivery .free-delivery {
  background-color: black;
  border-radius: 50%;
  color: white;
  padding: 10;
  text-align: center;
}

.free-delivery-2 {
  position: relative;
}
.free-delivery-2 .main-fd {
  background-color: black;
  color: white;
  padding: 7px 13px 7px 13px;
  border-radius: 5px;
}
.free-delivery-2 .always {
  position: absolute;
  top: -9;
  left: -30;
  text-decoration: underline;
  transform: rotate(-35deg);
  border-color: black;
  border-style: solid;
  border-width: 0 0 0 0;
  background-color: white;
  font-size: 0.8em;
  padding: 3px 10px 1px 10px;
}

.page-number {
  position: absolute;
  font-size: 0.6em;
}

.page-number-top-right {
  top: 27;
  left: 746;
}

.page-number-bottom-left {
  top: 1012;
  left: 30;
}

.bottom-description {
  z-index: 100;
}

.drag {
  /* background-color: lightpink; */
}

/* Override for printing */
@media print {
  .page {
    margin-top: 0; /* No top margin when printing */
  }
  .coordinates {
    display: none;
  }
}/*# sourceMappingURL=flyers.css.map */