.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-16591 .elementor-element.elementor-element-1b848fc{text-align:center;}.elementor-16591 .elementor-element.elementor-element-ce77815{text-align:center;}.elementor-16591 .elementor-element.elementor-element-ce77815 .elementor-heading-title{font-family:"Luckiest Guy", Sans-serif;font-weight:300;color:#5E5E5E;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}/* Start custom CSS for heading, class: .elementor-element-1b848fc */.sc-water-title {  text-align: center;  font-family: 'Poppins', 'Segoe UI', sans-serif;  font-size: clamp(2.4rem, 6vw, 5.2rem);  font-weight: 900;  line-height: 0.95;  color: #ffffff;  text-transform: uppercase;  letter-spacing: 1px;  padding: 30px 18px;  background: linear-gradient(135deg, #009ee3, #00c8ff, #ff8a00);  border-radius: 28px;  text-shadow: 3px 3px 0 #003f7d, 6px 6px 14px rgba(0,0,0,0.35);  box-shadow: 0 12px 30px rgba(0, 121, 194, 0.35);}.sc-water-title span {  display: block;  margin-top: 12px;  font-size: clamp(1.1rem, 2.5vw, 2rem);  color: #fff6d6;  letter-spacing: 0;}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-1fe4330 *//* =========================================================
   BIG FUN BOUNCE
   HALLOWEEN PARTY RENTALS IN WILMINGTON, DE
   FULL BLOG GUIDE CSS
========================================================= */


/* =========================================================
   MAIN WRAPPER
========================================================= */

.bf-halloween-guide {
  --bf-blue: #00aeef;
  --bf-dark-blue: #005fa8;
  --bf-deep-blue: #003e8a;
  --bf-yellow: #fff200;
  --bf-orange: #ff8a00;
  --bf-halloween-orange: #ff6a00;
  --bf-purple: #6d28a8;
  --bf-dark-purple: #42146f;
  --bf-red: #ef3340;
  --bf-text: #263238;
  --bf-light-blue: #eefaff;
  --bf-light-orange: #fff6e8;
  --bf-light-purple: #f8f1ff;
  --bf-white: #ffffff;

  width: 100%;
  max-width: 1160px;

  margin: 0 auto;
  padding: 25px 18px 45px;

  font-family: "Poppins", "Segoe UI", Arial, sans-serif;
  color: var(--bf-text);

  box-sizing: border-box;
}


.bf-halloween-guide *,
.bf-halloween-guide *::before,
.bf-halloween-guide *::after {
  box-sizing: border-box;
}


/* =========================================================
   GENERAL CARDS
========================================================= */

.bf-halloween-card {
  width: 100%;

  margin: 0 0 25px;
  padding: 32px 34px;

  background: #ffffff;

  border: 2px solid #d8f1fb;
  border-radius: 20px;

  box-shadow:
    0 8px 22px rgba(0, 62, 138, 0.08);

  position: relative;
  overflow: hidden;
}


/* Small Halloween accent across top of cards */

.bf-halloween-card::before {
  content: "";

  position: absolute;
  top: 0;
  left: 0;

  width: 100%;
  height: 5px;

  background: linear-gradient(
    90deg,
    var(--bf-blue) 0%,
    var(--bf-yellow) 28%,
    var(--bf-orange) 52%,
    var(--bf-purple) 76%,
    var(--bf-blue) 100%
  );
}


/* =========================================================
   INTRODUCTION
========================================================= */

.bf-halloween-intro {
  padding: 42px 42px 38px;

  background:
    radial-gradient(
      circle at 5% 10%,
      rgba(255, 242, 0, 0.20),
      transparent 22%
    ),
    radial-gradient(
      circle at 95% 15%,
      rgba(109, 40, 168, 0.12),
      transparent 23%
    ),
    linear-gradient(
      135deg,
      #ffffff 0%,
      #eefaff 48%,
      #fff7e7 100%
    );

  border: 3px solid var(--bf-blue);

  box-shadow:
    0 12px 28px rgba(0, 62, 138, 0.12);
}


/* =========================================================
   LABELS
========================================================= */

.bf-halloween-label,
.bf-halloween-section-label,
.bf-halloween-final-label {
  display: table;

  margin: 0 auto 15px;
  padding: 8px 16px;

  border-radius: 50px;

  font-size: 13px;
  font-weight: 900;
  line-height: 1.25;

  letter-spacing: 0.5px;
  text-transform: uppercase;
  text-align: center;
}


.bf-halloween-label {
  background: var(--bf-yellow);
  color: var(--bf-deep-blue);

  border: 2px solid var(--bf-deep-blue);
}


.bf-halloween-section-label {
  margin-left: 0;

  background: var(--bf-light-purple);
  color: var(--bf-purple);

  border: 1px solid #d9bdf0;
}


.bf-halloween-final-label {
  background: var(--bf-yellow);
  color: var(--bf-deep-blue);

  border: 2px solid var(--bf-white);
}


/* =========================================================
   H1
========================================================= */

.bf-halloween-guide h1 {
  max-width: 980px;

  margin: 0 auto 13px !important;
  padding: 0 !important;

  color: var(--bf-deep-blue) !important;

  font-family: "Poppins", "Segoe UI", Arial, sans-serif !important;

  font-size: clamp(36px, 5vw, 54px) !important;
  font-weight: 900 !important;
  line-height: 1.12 !important;

  text-align: center !important;

  letter-spacing: -1px;
}


/* =========================================================
   INTRO H2
========================================================= */

.bf-halloween-intro h2 {
  max-width: 900px;

  margin: 0 auto 27px !important;
  padding: 0 !important;

  color: var(--bf-purple) !important;

  font-family: "Poppins", "Segoe UI", Arial, sans-serif !important;

  font-size: clamp(21px, 3vw, 28px) !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;

  text-align: center !important;
}


/* =========================================================
   H3
========================================================= */

.bf-halloween-guide h3 {
  margin: 0 0 17px !important;
  padding: 0 !important;

  color: var(--bf-deep-blue) !important;

  font-family: "Poppins", "Segoe UI", Arial, sans-serif !important;

  font-size: clamp(25px, 3vw, 32px) !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}


/* =========================================================
   H4
========================================================= */

.bf-halloween-guide h4 {
  margin: 0 0 9px !important;
  padding: 0 !important;

  color: var(--bf-purple) !important;

  font-family: "Poppins", "Segoe UI", Arial, sans-serif !important;

  font-size: 19px !important;
  font-weight: 800 !important;
  line-height: 1.35 !important;
}


/* =========================================================
   PARAGRAPHS
========================================================= */

.bf-halloween-guide p {
  margin: 0 0 17px !important;
  padding: 0 !important;

  color: var(--bf-text) !important;

  font-family: "Poppins", "Segoe UI", Arial, sans-serif !important;

  font-size: 17px !important;
  font-weight: 400;
  line-height: 1.75 !important;
}


.bf-halloween-card > p:last-child {
  margin-bottom: 0 !important;
}


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

.bf-halloween-guide p a {
  color: var(--bf-dark-blue) !important;

  font-weight: 700 !important;

  text-decoration: underline !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 3px;

  transition:
    color 0.2s ease,
    text-decoration-color 0.2s ease;
}


.bf-halloween-guide p a:hover,
.bf-halloween-guide p a:focus {
  color: var(--bf-halloween-orange) !important;
}


/* =========================================================
   PLANNING / HELPFUL NOTES
========================================================= */

.bf-halloween-note {
  margin: 23px 0 0;
  padding: 18px 20px;

  background: linear-gradient(
    135deg,
    #fffde2,
    #fff6d0
  );

  color: var(--bf-text);

  border: 2px solid var(--bf-yellow);
  border-left: 7px solid var(--bf-orange);

  border-radius: 12px;

  font-size: 16px;
  line-height: 1.65;

  box-shadow:
    0 5px 13px rgba(255, 138, 0, 0.10);
}


.bf-halloween-note strong {
  color: var(--bf-purple);

  font-weight: 900;
}


/* =========================================================
   TABLE OF CONTENTS
========================================================= */

.bf-halloween-toc {
  background: linear-gradient(
    135deg,
    var(--bf-deep-blue),
    #006ebc
  );

  border-color: var(--bf-yellow);
}


.bf-halloween-toc::before {
  background: linear-gradient(
    90deg,
    var(--bf-yellow),
    var(--bf-orange),
    var(--bf-purple),
    var(--bf-yellow)
  );
}


.bf-halloween-toc h3 {
  color: #ffffff !important;

  text-align: center !important;
}


.bf-halloween-toc > p {
  max-width: 850px;

  margin-left: auto !important;
  margin-right: auto !important;

  color: #ffffff !important;

  text-align: center;
}


.bf-halloween-toc-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;

  gap: 10px;

  margin-top: 22px;
}


.bf-halloween-toc-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  min-height: 42px;

  padding: 9px 15px;

  background: #ffffff;

  color: var(--bf-deep-blue) !important;

  border: 2px solid var(--bf-yellow);
  border-radius: 50px;

  font-size: 14px;
  font-weight: 800;

  line-height: 1.25;

  text-align: center;
  text-decoration: none !important;

  box-shadow:
    0 4px 10px rgba(0, 0, 0, 0.12);

  transition:
    transform 0.2s ease,
    background 0.2s ease;
}


.bf-halloween-toc-links a:hover,
.bf-halloween-toc-links a:focus {
  background: var(--bf-yellow);

  transform: translateY(-2px);
}


/* =========================================================
   LISTS
========================================================= */

.bf-halloween-list {
  margin: 16px 0 5px !important;
  padding: 0 !important;

  list-style: none !important;
}


.bf-halloween-list li {
  position: relative;

  margin: 0 0 10px;
  padding: 11px 15px 11px 43px;

  background: #f8fcff;

  color: var(--bf-text);

  border: 1px solid #d6eef9;
  border-radius: 10px;

  font-size: 16px;
  line-height: 1.5;
}


.bf-halloween-list li::before {
  content: "✓";

  position: absolute;
  left: 15px;
  top: 10px;

  color: var(--bf-purple);

  font-size: 18px;
  font-weight: 900;
}


/* =========================================================
   QUICK ANSWER
========================================================= */

.bf-halloween-answer {
  margin: 24px 0;
  padding: 21px 22px;

  background: linear-gradient(
    135deg,
    var(--bf-light-blue),
    #ffffff
  );

  border: 2px solid var(--bf-blue);
  border-left: 7px solid var(--bf-purple);

  border-radius: 14px;
}


.bf-halloween-answer h4 {
  color: var(--bf-deep-blue) !important;
}


.bf-halloween-answer p:last-child {
  margin-bottom: 0 !important;
}


/* =========================================================
   STANDARD BUTTON
========================================================= */

.bf-halloween-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  margin-top: 8px;
  padding: 13px 22px;

  background: linear-gradient(
    135deg,
    var(--bf-blue),
    var(--bf-dark-blue)
  );

  color: #ffffff !important;

  border: 2px solid var(--bf-deep-blue);
  border-radius: 50px;

  font-family: "Poppins", "Segoe UI", Arial, sans-serif !important;

  font-size: 15px;
  font-weight: 900;

  line-height: 1.25;

  text-align: center;
  text-decoration: none !important;

  box-shadow:
    0 6px 13px rgba(0, 95, 168, 0.18);

  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}


.bf-halloween-button:hover,
.bf-halloween-button:focus {
  color: #ffffff !important;

  transform: translateY(-2px);

  box-shadow:
    0 8px 17px rgba(0, 95, 168, 0.24);
}


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

.bf-halloween-grid {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 16px;

  margin-top: 20px;
}


.bf-halloween-box {
  padding: 20px;

  background: linear-gradient(
    135deg,
    #ffffff,
    var(--bf-light-purple)
  );

  border: 2px solid #e4d1f3;
  border-radius: 14px;
}


.bf-halloween-box:nth-child(even) {
  background: linear-gradient(
    135deg,
    #ffffff,
    var(--bf-light-orange)
  );

  border-color: #ffe0ad;
}


.bf-halloween-box p:last-child {
  margin-bottom: 0 !important;
}


/* =========================================================
   EVENT TYPE GRID
========================================================= */

.bf-halloween-event-grid {
  display: grid;

  grid-template-columns:
    repeat(2, minmax(0, 1fr));

  gap: 16px;

  margin-top: 20px;
}


.bf-halloween-event-box {
  padding: 20px;

  background: #f7fcff;

  border: 2px solid #cceefa;
  border-radius: 14px;

  position: relative;
}


.bf-halloween-event-box::before {
  content: "";

  position: absolute;

  top: 0;
  left: 0;

  width: 6px;
  height: 100%;

  background: var(--bf-orange);
}


.bf-halloween-event-box h4 {
  color: var(--bf-deep-blue) !important;
}


.bf-halloween-event-box p:last-child {
  margin-bottom: 0 !important;
}


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

.bf-halloween-age-grid {
  display: grid;

  grid-template-columns:
    repeat(3, minmax(0, 1fr));

  gap: 16px;

  margin-top: 20px;
}


.bf-halloween-age-box {
  padding: 21px 18px;

  background: #ffffff;

  border: 2px solid var(--bf-blue);
  border-radius: 14px;

  text-align: center;

  box-shadow:
    0 6px 14px rgba(0, 174, 239, 0.08);
}


.bf-halloween-age-box:nth-child(2) {
  border-color: var(--bf-orange);
}


.bf-halloween-age-box:nth-child(3) {
  border-color: var(--bf-purple);
}


.bf-halloween-age-box p {
  text-align: left;
}


.bf-halloween-age-box p:last-child {
  margin-bottom: 0 !important;
}


/* =========================================================
   LOCAL WILMINGTON SECTION
========================================================= */

.bf-halloween-local {
  background:
    radial-gradient(
      circle at 95% 15%,
      rgba(255, 242, 0, 0.17),
      transparent 22%
    ),
    linear-gradient(
      135deg,
      #eefaff,
      #ffffff 55%,
      #fff8e8
    );

  border: 3px solid var(--bf-blue);
}


/* =========================================================
   FAQ
========================================================= */

.bf-halloween-faq {
  background: linear-gradient(
    135deg,
    #ffffff,
    #f7fbff
  );
}


.bf-halloween-faq-list {
  margin-top: 20px;
}


.bf-halloween-faq-item {
  margin: 0 0 12px;

  background: #ffffff;

  border: 2px solid #d5edf8;
  border-radius: 12px;

  overflow: hidden;
}


.bf-halloween-faq-item summary {
  position: relative;

  padding: 17px 48px 17px 18px;

  color: var(--bf-deep-blue);

  font-size: 16px;
  font-weight: 800;
  line-height: 1.45;

  cursor: pointer;

  list-style: none;
}


.bf-halloween-faq-item summary::-webkit-details-marker {
  display: none;
}


.bf-halloween-faq-item summary::after {
  content: "+";

  position: absolute;

  right: 18px;
  top: 50%;

  transform: translateY(-50%);

  color: var(--bf-purple);

  font-size: 26px;
  font-weight: 900;
}


.bf-halloween-faq-item[open] summary::after {
  content: "−";
}


.bf-halloween-faq-item[open] summary {
  background: var(--bf-light-blue);
}


.bf-halloween-faq-answer {
  padding: 0 18px 17px;
}


.bf-halloween-faq-answer p {
  margin: 0 !important;

  font-size: 16px !important;
}


/* =========================================================
   FINAL CTA
========================================================= */

.bf-halloween-final {
  padding: 40px 35px;

  background:
    radial-gradient(
      circle at 10% 20%,
      rgba(255, 242, 0, 0.18),
      transparent 22%
    ),
    radial-gradient(
      circle at 90% 20%,
      rgba(255, 138, 0, 0.18),
      transparent 22%
    ),
    linear-gradient(
      135deg,
      var(--bf-deep-blue),
      var(--bf-purple)
    );

  border: 4px solid var(--bf-yellow);

  text-align: center;

  box-shadow:
    0 12px 26px rgba(66, 20, 111, 0.20);
}


.bf-halloween-final::before {
  background: linear-gradient(
    90deg,
    var(--bf-yellow),
    var(--bf-orange),
    var(--bf-blue),
    var(--bf-yellow)
  );
}


.bf-halloween-final h3 {
  color: #ffffff !important;

  text-align: center !important;
}


.bf-halloween-final p {
  max-width: 900px;

  margin-left: auto !important;
  margin-right: auto !important;

  color: #ffffff !important;

  text-align: center;
}


.bf-halloween-final p a {
  color: var(--bf-yellow) !important;

  text-decoration-color: var(--bf-yellow) !important;
}


.bf-halloween-final p a:hover {
  color: #ffffff !important;
}


.bf-halloween-final-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;

  gap: 12px;

  margin-top: 24px;
}


.bf-halloween-final .bf-halloween-button {
  margin: 0;

  background: var(--bf-yellow);

  color: var(--bf-deep-blue) !important;

  border-color: #ffffff;
}


.bf-halloween-final .bf-halloween-button:hover {
  color: var(--bf-deep-blue) !important;
}


.bf-halloween-final .bf-halloween-button-alt {
  background: var(--bf-orange);

  color: #ffffff !important;

  border-color: #ffffff;
}


.bf-halloween-final .bf-halloween-button-alt:hover {
  color: #ffffff !important;
}


/* =========================================================
   ANCHOR POSITION
   Prevents sticky headers from covering sections
========================================================= */

.bf-halloween-card[id] {
  scroll-margin-top: 100px;
}


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

@media only screen and (max-width: 900px) {

  .bf-halloween-guide {
    padding:
      20px 14px
      38px;
  }


  .bf-halloween-card {
    padding: 28px 26px;

    border-radius: 17px;
  }


  .bf-halloween-intro {
    padding: 35px 28px;
  }


  .bf-halloween-age-grid {
    grid-template-columns: 1fr;
  }


  .bf-halloween-age-box {
    text-align: left;
  }

}


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

@media only screen and (max-width: 650px) {

  .bf-halloween-guide {
    padding:
      14px 8px
      30px;
  }


  .bf-halloween-card {
    margin-bottom: 18px;

    padding: 25px 17px;

    border-radius: 14px;
  }


  .bf-halloween-intro {
    padding: 29px 17px 25px;
  }


  .bf-halloween-guide h1 {
    font-size: 32px !important;
    line-height: 1.14 !important;

    letter-spacing: -0.4px;
  }


  .bf-halloween-intro h2 {
    font-size: 20px !important;
    line-height: 1.35 !important;
  }


  .bf-halloween-guide h3 {
    font-size: 24px !important;
    line-height: 1.3 !important;
  }


  .bf-halloween-guide h4 {
    font-size: 18px !important;
  }


  .bf-halloween-guide p {
    font-size: 16px !important;
    line-height: 1.7 !important;
  }


  .bf-halloween-label,
  .bf-halloween-section-label,
  .bf-halloween-final-label {
    font-size: 11px;

    padding: 7px 12px;
  }


  .bf-halloween-grid,
  .bf-halloween-event-grid,
  .bf-halloween-age-grid {
    grid-template-columns: 1fr;

    gap: 12px;
  }


  .bf-halloween-box,
  .bf-halloween-event-box,
  .bf-halloween-age-box {
    padding: 17px;
  }


  .bf-halloween-list li {
    padding:
      10px 12px
      10px 39px;

    font-size: 15px;
  }


  .bf-halloween-list li::before {
    left: 13px;
    top: 9px;
  }


  .bf-halloween-note,
  .bf-halloween-answer {
    padding: 16px;

    border-radius: 10px;
  }


  .bf-halloween-toc-links {
    display: grid;

    grid-template-columns:
      repeat(2, minmax(0, 1fr));

    gap: 8px;
  }


  .bf-halloween-toc-links a {
    width: 100%;

    padding: 9px 8px;

    font-size: 12px;
  }


  .bf-halloween-button {
    width: 100%;

    padding: 13px 16px;
  }


  .bf-halloween-final {
    padding: 30px 17px;
  }


  .bf-halloween-final-buttons {
    flex-direction: column;
  }


  .bf-halloween-final-buttons .bf-halloween-button {
    width: 100%;
  }


  .bf-halloween-faq-item summary {
    padding:
      15px 43px
      15px 14px;

    font-size: 15px;
  }


  .bf-halloween-faq-answer {
    padding:
      0 14px
      15px;
  }

}


/* =========================================================
   VERY SMALL PHONES
========================================================= */

@media only screen and (max-width: 400px) {

  .bf-halloween-guide h1 {
    font-size: 29px !important;
  }


  .bf-halloween-intro h2 {
    font-size: 19px !important;
  }


  .bf-halloween-guide h3 {
    font-size: 22px !important;
  }


  .bf-halloween-toc-links {
    grid-template-columns: 1fr;
  }

}


/* =========================================================
   ACCESSIBILITY / REDUCED MOTION
========================================================= */

@media (prefers-reduced-motion: reduce) {

  .bf-halloween-guide *,
  .bf-halloween-guide *::before,
  .bf-halloween-guide *::after {
    scroll-behavior: auto !important;
    transition: none !important;
  }

}/* =========================================================
   HALLOWEEN MISTAKES TO AVOID
========================================================= */

.bf-halloween-mistakes {
  padding: 38px !important;

  background:
    radial-gradient(
      circle at 95% 5%,
      rgba(255, 106, 0, .16),
      transparent 20%
    ),
    linear-gradient(
      135deg,
      #ffffff 0%,
      #fff8ed 50%,
      #f7f0ff 100%
    ) !important;

  border: 4px solid #ff8a00 !important;
  border-top: 7px solid #6d28a8 !important;
  border-radius: 24px !important;

  box-shadow:
    0 14px 30px rgba(66, 20, 111, .11) !important;

  font-family:
    "Poppins",
    "Segoe UI",
    Arial,
    sans-serif !important;
}


/* LABEL */

.bf-halloween-mistakes
.bf-halloween-section-label {
  display: inline-block !important;

  margin: 0 0 18px !important;
  padding: 9px 17px !important;

  background:
    linear-gradient(
      135deg,
      #ff6a00,
      #ff8a00
    ) !important;

  color: #ffffff !important;

  border: 3px solid #fff200 !important;
  border-radius: 50px !important;

  font-size: 12px !important;
  font-weight: 900 !important;

  text-transform: uppercase !important;
  letter-spacing: .6px !important;

  box-shadow:
    4px 4px 0 #6d28a8 !important;
}


/* MAIN HEADING */

.bf-halloween-mistakes h3 {
  margin: 0 0 18px !important;

  color: #003e8a !important;

  font-family:
    "Poppins",
    Arial,
    sans-serif !important;

  font-size: 31px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}


/* INTRO PARAGRAPHS */

.bf-halloween-mistakes > p {
  color: #263238 !important;

  font-family:
    "Poppins",
    Arial,
    sans-serif !important;

  font-size: 17px !important;
  line-height: 1.75 !important;
}


.bf-halloween-mistakes p a {
  color: #6d28a8 !important;

  font-weight: 800 !important;

  text-decoration: underline !important;
  text-decoration-color: #ff8a00 !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 3px !important;
}


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

.bf-halloween-mistake-grid {
  display: grid !important;

  grid-template-columns:
    repeat(2, minmax(0, 1fr)) !important;

  gap: 17px !important;

  margin-top: 27px !important;
}


/* MISTAKE CARD */

.bf-halloween-mistake-box {
  display: flex !important;

  align-items: flex-start !important;

  gap: 15px !important;

  padding: 21px 19px !important;

  background: #ffffff !important;

  border: 2px solid #ffd3ae !important;
  border-radius: 16px !important;

  box-shadow:
    0 7px 16px rgba(0, 62, 138, .07) !important;
}


.bf-halloween-mistake-box:nth-child(even) {
  border-color: #ddc8ef !important;
}


/* WARNING CIRCLE */

.bf-halloween-warning {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  flex: 0 0 46px !important;

  width: 46px !important;
  height: 46px !important;

  background: #ff6a00 !important;
  color: #ffffff !important;

  border: 4px solid #fff200 !important;
  border-radius: 50% !important;

  font-family:
    "Poppins",
    Arial,
    sans-serif !important;

  font-size: 23px !important;
  font-weight: 900 !important;

  box-shadow:
    0 5px 10px rgba(255, 106, 0, .18) !important;
}


.bf-halloween-mistake-box:nth-child(even)
.bf-halloween-warning {
  background: #6d28a8 !important;
}


/* CARD CONTENT */

.bf-halloween-mistake-content {
  flex: 1;
}


/* SMALL WARNING LABEL */

.bf-halloween-dont {
  display: inline-block !important;

  margin-bottom: 7px !important;

  color: #ff6a00 !important;

  font-family:
    "Poppins",
    Arial,
    sans-serif !important;

  font-size: 11px !important;
  font-weight: 900 !important;

  letter-spacing: .8px !important;
  text-transform: uppercase !important;
}


.bf-halloween-mistake-box:nth-child(even)
.bf-halloween-dont {
  color: #6d28a8 !important;
}


/* CARD HEADING */

.bf-halloween-mistake-box h4 {
  margin: 0 0 9px !important;

  color: #003e8a !important;

  font-family:
    "Poppins",
    Arial,
    sans-serif !important;

  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.35 !important;
}


/* CARD PARAGRAPH */

.bf-halloween-mistake-box p {
  margin: 0 0 13px !important;

  color: #263238 !important;

  font-family:
    "Poppins",
    Arial,
    sans-serif !important;

  font-size: 15px !important;
  line-height: 1.6 !important;
}


/* BETTER PLAN */

.bf-halloween-better {
  padding: 11px 12px !important;

  background:
    linear-gradient(
      135deg,
      #eefaff,
      #fffde5
    ) !important;

  color: #263238 !important;

  border-left: 5px solid #00aeef !important;
  border-radius: 7px !important;

  font-family:
    "Poppins",
    Arial,
    sans-serif !important;

  font-size: 13px !important;
  line-height: 1.5 !important;
}


.bf-halloween-better strong {
  color: #6d28a8 !important;
  font-weight: 900 !important;
}


/* =========================================================
   MISTAKES SUMMARY
========================================================= */

.bf-halloween-mistake-summary {
  display: flex !important;

  align-items: center !important;

  gap: 17px !important;

  margin-top: 24px !important;
  padding: 21px !important;

  background:
    linear-gradient(
      135deg,
      #003e8a,
      #6d28a8
    ) !important;

  border: 3px solid #fff200 !important;
  border-radius: 15px !important;
}


.bf-halloween-summary-icon {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  flex: 0 0 50px !important;

  width: 50px !important;
  height: 50px !important;

  background: #fff200 !important;
  color: #003e8a !important;

  border-radius: 50% !important;

  font-size: 25px !important;
  font-weight: 900 !important;
}


.bf-halloween-mistake-summary h4 {
  margin: 0 0 6px !important;

  color: #ffffff !important;

  font-family:
    "Poppins",
    Arial,
    sans-serif !important;

  font-size: 19px !important;
  font-weight: 900 !important;
}


.bf-halloween-mistake-summary p {
  margin: 0 !important;

  color: #ffffff !important;

  font-family:
    "Poppins",
    Arial,
    sans-serif !important;

  font-size: 15px !important;
  line-height: 1.6 !important;
}



/* =========================================================
   HALLOWEEN PLANNING TIMELINE
========================================================= */

.bf-halloween-timeline {
  padding: 38px !important;

  background:
    radial-gradient(
      circle at 7% 5%,
      rgba(255, 242, 0, .20),
      transparent 18%
    ),
    linear-gradient(
      135deg,
      #eefaff 0%,
      #ffffff 48%,
      #faf1ff 100%
    ) !important;

  border: 4px solid #00aeef !important;
  border-top: 7px solid #fff200 !important;
  border-radius: 24px !important;

  box-shadow:
    0 14px 30px rgba(0, 62, 138, .11) !important;

  font-family:
    "Poppins",
    "Segoe UI",
    Arial,
    sans-serif !important;
}


/* TIMELINE LABEL */

.bf-halloween-timeline
.bf-halloween-section-label {
  display: inline-block !important;

  margin: 0 0 18px !important;
  padding: 9px 17px !important;

  background:
    linear-gradient(
      135deg,
      #6d28a8,
      #42146f
    ) !important;

  color: #ffffff !important;

  border: 3px solid #fff200 !important;
  border-radius: 50px !important;

  font-size: 12px !important;
  font-weight: 900 !important;

  letter-spacing: .6px !important;
  text-transform: uppercase !important;

  box-shadow:
    4px 4px 0 #ff8a00 !important;
}


/* TIMELINE MAIN HEADING */

.bf-halloween-timeline h3 {
  margin: 0 0 18px !important;

  color: #003e8a !important;

  font-family:
    "Poppins",
    Arial,
    sans-serif !important;

  font-size: 31px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;
}


.bf-halloween-timeline > p {
  color: #263238 !important;

  font-family:
    "Poppins",
    Arial,
    sans-serif !important;

  font-size: 17px !important;
  line-height: 1.75 !important;
}


/* =========================================================
   TIMELINE LIST
========================================================= */

.bf-halloween-timeline-list {
  position: relative !important;

  margin-top: 30px !important;
}


/* VERTICAL LINE */

.bf-halloween-timeline-list::before {
  content: "" !important;

  position: absolute !important;

  top: 15px !important;
  bottom: 15px !important;
  left: 54px !important;

  width: 5px !important;

  background:
    linear-gradient(
      180deg,
      #00aeef,
      #6d28a8,
      #ff8a00
    ) !important;

  border-radius: 10px !important;
}


/* TIMELINE ROW */

.bf-halloween-time-row {
  position: relative !important;

  display: grid !important;

  grid-template-columns:
    110px 1fr !important;

  gap: 20px !important;

  margin-bottom: 18px !important;
}


/* TIME CIRCLE */

.bf-halloween-time-marker {
  position: relative !important;
  z-index: 2 !important;

  display: flex !important;
  flex-direction: column !important;

  align-items: center !important;
  justify-content: center !important;

  width: 110px !important;
  min-height: 110px !important;

  background:
    linear-gradient(
      135deg,
      #003e8a,
      #00aeef
    ) !important;

  color: #ffffff !important;

  border: 5px solid #fff200 !important;
  border-radius: 50% !important;

  text-align: center !important;

  box-shadow:
    0 7px 15px rgba(0, 62, 138, .18) !important;
}


.bf-halloween-time-row:nth-child(2)
.bf-halloween-time-marker {
  background:
    linear-gradient(
      135deg,
      #6d28a8,
      #42146f
    ) !important;
}


.bf-halloween-time-row:nth-child(3)
.bf-halloween-time-marker {
  background:
    linear-gradient(
      135deg,
      #ff6a00,
      #ff8a00
    ) !important;
}


.bf-halloween-time-row:nth-child(4)
.bf-halloween-time-marker {
  background:
    linear-gradient(
      135deg,
      #003e8a,
      #6d28a8
    ) !important;
}


.bf-halloween-time-marker span {
  display: block !important;

  font-family:
    "Poppins",
    Arial,
    sans-serif !important;

  font-size: 24px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}


.bf-halloween-time-marker small {
  display: block !important;

  margin-top: 5px !important;

  font-family:
    "Poppins",
    Arial,
    sans-serif !important;

  font-size: 9px !important;
  font-weight: 900 !important;

  letter-spacing: .7px !important;
}


/* TIMELINE CONTENT CARD */

.bf-halloween-time-content {
  padding: 21px 22px !important;

  background: #ffffff !important;

  border: 2px solid #d4edf8 !important;
  border-radius: 15px !important;

  box-shadow:
    0 6px 14px rgba(0, 62, 138, .06) !important;
}


.bf-halloween-time-row:nth-child(even)
.bf-halloween-time-content {
  border-color: #e1ccef !important;
}


/* SMALL LABEL */

.bf-halloween-time-label {
  display: inline-block !important;

  margin-bottom: 7px !important;

  color: #6d28a8 !important;

  font-family:
    "Poppins",
    Arial,
    sans-serif !important;

  font-size: 11px !important;
  font-weight: 900 !important;

  text-transform: uppercase !important;
  letter-spacing: .7px !important;
}


/* TIMELINE H4 */

.bf-halloween-time-content h4 {
  margin: 0 0 9px !important;

  color: #003e8a !important;

  font-family:
    "Poppins",
    Arial,
    sans-serif !important;

  font-size: 19px !important;
  font-weight: 900 !important;
}


/* TIMELINE TEXT */

.bf-halloween-time-content p {
  margin: 0 0 12px !important;

  color: #263238 !important;

  font-family:
    "Poppins",
    Arial,
    sans-serif !important;

  font-size: 15px !important;
  line-height: 1.6 !important;
}


/* TIMELINE LIST ITEMS */

.bf-halloween-time-content ul {
  margin: 0 !important;
  padding: 0 !important;

  list-style: none !important;
}


.bf-halloween-time-content li {
  position: relative !important;

  margin-bottom: 6px !important;
  padding-left: 21px !important;

  color: #263238 !important;

  font-family:
    "Poppins",
    Arial,
    sans-serif !important;

  font-size: 14px !important;
  line-height: 1.45 !important;
}


.bf-halloween-time-content li::before {
  content: "✓" !important;

  position: absolute !important;

  left: 0 !important;
  top: 0 !important;

  color: #ff6a00 !important;

  font-weight: 900 !important;
}


/* =========================================================
   PARTY DAY
========================================================= */

.bf-halloween-party-day
.bf-halloween-time-marker {
  background:
    linear-gradient(
      135deg,
      #ff6a00,
      #6d28a8
    ) !important;

  border-color: #fff200 !important;
}


.bf-halloween-party-day
.bf-halloween-time-marker span {
  font-size: 20px !important;
}


.bf-halloween-party-day
.bf-halloween-time-content {
  background:
    linear-gradient(
      135deg,
      #fffbea,
      #ffffff
    ) !important;

  border: 3px solid #ff8a00 !important;
}


/* =========================================================
   TIMELINE CTA
========================================================= */

.bf-halloween-timeline-cta {
  margin-top: 27px !important;
  padding: 28px 24px !important;

  background:
    radial-gradient(
      circle at 10% 20%,
      rgba(255, 242, 0, .18),
      transparent 20%
    ),
    linear-gradient(
      135deg,
      #003e8a,
      #6d28a8
    ) !important;

  border: 4px solid #fff200 !important;
  border-radius: 17px !important;

  text-align: center !important;
}


.bf-halloween-timeline-cta-label {
  display: inline-block !important;

  margin-bottom: 10px !important;
  padding: 6px 12px !important;

  background: #ff8a00 !important;
  color: #ffffff !important;

  border-radius: 50px !important;

  font-family:
    "Poppins",
    Arial,
    sans-serif !important;

  font-size: 11px !important;
  font-weight: 900 !important;

  text-transform: uppercase !important;
}


.bf-halloween-timeline-cta h4 {
  margin: 0 0 10px !important;

  color: #ffffff !important;

  font-family:
    "Poppins",
    Arial,
    sans-serif !important;

  font-size: 23px !important;
  font-weight: 900 !important;
}


.bf-halloween-timeline-cta p {
  max-width: 820px !important;

  margin:
    0 auto
    18px !important;

  color: #ffffff !important;

  font-family:
    "Poppins",
    Arial,
    sans-serif !important;

  font-size: 16px !important;
  line-height: 1.65 !important;
}


.bf-halloween-timeline-cta p a {
  color: #fff200 !important;

  font-weight: 900 !important;

  text-decoration: underline !important;
  text-decoration-color: #ff8a00 !important;
}


/* BUTTONS */

.bf-halloween-timeline-buttons {
  display: flex !important;

  flex-wrap: wrap !important;
  justify-content: center !important;

  gap: 11px !important;
}


.bf-halloween-timeline-button {
  display: inline-flex !important;

  align-items: center !important;
  justify-content: center !important;

  padding: 13px 20px !important;

  background: #fff200 !important;
  color: #003e8a !important;

  border: 2px solid #ffffff !important;
  border-radius: 50px !important;

  font-family:
    "Poppins",
    Arial,
    sans-serif !important;

  font-size: 14px !important;
  font-weight: 900 !important;

  text-decoration: none !important;

  box-shadow:
    0 6px 12px rgba(0, 0, 0, .15) !important;
}


.bf-halloween-timeline-quote {
  background: #ff8a00 !important;
  color: #ffffff !important;
}



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

@media only screen and (max-width: 850px) {

  .bf-halloween-mistake-grid {
    grid-template-columns: 1fr !important;
  }

}



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

@media only screen and (max-width: 650px) {

  .bf-halloween-mistakes,
  .bf-halloween-timeline {
    padding: 25px 17px !important;

    border-radius: 17px !important;
  }


  .bf-halloween-mistakes h3,
  .bf-halloween-timeline h3 {
    font-size: 25px !important;
  }


  .bf-halloween-mistakes > p,
  .bf-halloween-timeline > p {
    font-size: 16px !important;
  }


  .bf-halloween-mistake-box {
    gap: 11px !important;

    padding: 17px 14px !important;
  }


  .bf-halloween-warning {
    flex-basis: 40px !important;

    width: 40px !important;
    height: 40px !important;

    font-size: 20px !important;
  }


  .bf-halloween-mistake-summary {
    align-items: flex-start !important;

    padding: 17px !important;
  }


  /* TIMELINE MOBILE */

  .bf-halloween-timeline-list::before {
    left: 25px !important;
  }


  .bf-halloween-time-row {
    grid-template-columns:
      52px 1fr !important;

    gap: 12px !important;
  }


  .bf-halloween-time-marker {
    width: 52px !important;
    min-height: 70px !important;

    border-width: 3px !important;

    border-radius: 25px !important;
  }


  .bf-halloween-time-marker span {
    font-size: 15px !important;
  }


  .bf-halloween-time-marker small {
    font-size: 7px !important;

    letter-spacing: 0 !important;
  }


  .bf-halloween-party-day
  .bf-halloween-time-marker span {
    font-size: 11px !important;
  }


  .bf-halloween-time-content {
    padding: 17px 14px !important;
  }


  .bf-halloween-time-content h4 {
    font-size: 17px !important;
  }


  .bf-halloween-timeline-cta {
    padding: 23px 16px !important;
  }


  .bf-halloween-timeline-buttons {
    flex-direction: column !important;
  }


  .bf-halloween-timeline-button {
    width: 100% !important;
  }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-32bb638 *//* =========================================================
   BIG FUN HALLOWEEN PARTY IDEAS
   STANDALONE CSS - NO VARIABLES REQUIRED
========================================================= */


/* MAIN CARD */
.bf-halloween-ideas {
  background:
    radial-gradient(circle at 8% 8%, rgba(255, 242, 0, .22), transparent 18%),
    radial-gradient(circle at 94% 8%, rgba(255, 106, 0, .18), transparent 20%),
    linear-gradient(135deg, #f1fbff 0%, #ffffff 48%, #fff3df 100%) !important;

  border: 4px solid #00aeef !important;
  border-top: 7px solid #6d28a8 !important;
  border-radius: 24px !important;

  padding: 38px 38px !important;
  margin: 25px auto !important;

  box-shadow: 0 15px 32px rgba(0, 62, 138, .15) !important;

  font-family: "Poppins", "Segoe UI", Arial, sans-serif !important;
}


/* TOP HALLOWEEN LABEL */
.bf-halloween-ideas .bf-halloween-section-label {
  display: inline-block !important;

  background: linear-gradient(135deg, #6d28a8, #42146f) !important;
  color: #ffffff !important;

  border: 3px solid #fff200 !important;
  border-radius: 50px !important;

  padding: 9px 18px !important;
  margin: 0 0 18px !important;

  font-family: "Poppins", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 900 !important;

  text-transform: uppercase !important;
  letter-spacing: .7px !important;

  box-shadow: 4px 4px 0 #ff8a00 !important;
}


/* MAIN SECTION HEADING */
.bf-halloween-ideas h3 {
  color: #003e8a !important;

  font-family: "Poppins", "Segoe UI", Arial, sans-serif !important;

  font-size: 31px !important;
  font-weight: 900 !important;
  line-height: 1.25 !important;

  margin: 0 0 18px !important;
}


/* INTRO TEXT */
.bf-halloween-ideas > p {
  color: #263238 !important;

  font-family: "Poppins", "Segoe UI", Arial, sans-serif !important;

  font-size: 17px !important;
  line-height: 1.75 !important;

  margin: 0 0 17px !important;
}


/* TEXT LINKS */
.bf-halloween-ideas p a {
  color: #6d28a8 !important;
  font-weight: 800 !important;

  text-decoration: underline !important;
  text-decoration-color: #ff8a00 !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: 3px !important;
}


/* =========================================================
   PARTY IDEA GRID
========================================================= */

.bf-halloween-idea-grid {
  display: grid !important;

  grid-template-columns:
    repeat(2, minmax(0, 1fr)) !important;

  gap: 20px !important;

  margin-top: 28px !important;
}


/* IDEA CARDS */
.bf-halloween-idea-box {
  position: relative !important;

  padding: 26px 23px 22px !important;

  background: #ffffff !important;

  border: 3px solid #00aeef !important;
  border-radius: 20px !important;

  box-shadow:
    0 10px 20px rgba(0, 62, 138, .10) !important;

  overflow: hidden !important;
}


/* DIFFERENT HALLOWEEN CARD COLORS */
.bf-halloween-idea-box:nth-child(2),
.bf-halloween-idea-box:nth-child(5) {
  border-color: #ff8a00 !important;
}


.bf-halloween-idea-box:nth-child(3),
.bf-halloween-idea-box:nth-child(6) {
  border-color: #6d28a8 !important;
}


/* COLORED STRIP AT TOP OF EACH BOX */
.bf-halloween-idea-box::before {
  content: "" !important;

  position: absolute !important;

  top: 0 !important;
  left: 0 !important;

  width: 100% !important;
  height: 7px !important;

  background: #00aeef !important;
}


.bf-halloween-idea-box:nth-child(2)::before,
.bf-halloween-idea-box:nth-child(5)::before {
  background: #ff8a00 !important;
}


.bf-halloween-idea-box:nth-child(3)::before,
.bf-halloween-idea-box:nth-child(6)::before {
  background: #6d28a8 !important;
}


/* =========================================================
   BIG NUMBER CIRCLES
========================================================= */

.bf-halloween-idea-number {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  width: 52px !important;
  height: 52px !important;

  margin: 4px 0 17px !important;

  background: #00aeef !important;
  color: #ffffff !important;

  border: 4px solid #fff200 !important;
  border-radius: 50% !important;

  font-family: "Poppins", Arial, sans-serif !important;

  font-size: 16px !important;
  font-weight: 900 !important;

  box-shadow:
    0 5px 10px rgba(0, 62, 138, .20) !important;
}


.bf-halloween-idea-box:nth-child(2)
.bf-halloween-idea-number,
.bf-halloween-idea-box:nth-child(5)
.bf-halloween-idea-number {
  background: #ff6a00 !important;
}


.bf-halloween-idea-box:nth-child(3)
.bf-halloween-idea-number,
.bf-halloween-idea-box:nth-child(6)
.bf-halloween-idea-number {
  background: #6d28a8 !important;
}


/* CARD HEADINGS */
.bf-halloween-idea-box h4 {
  color: #003e8a !important;

  font-family: "Poppins", "Segoe UI", Arial, sans-serif !important;

  font-size: 20px !important;
  font-weight: 900 !important;

  margin: 0 0 12px !important;
}


/* CARD TEXT */
.bf-halloween-idea-box p {
  color: #263238 !important;

  font-family: "Poppins", "Segoe UI", Arial, sans-serif !important;

  font-size: 16px !important;
  line-height: 1.65 !important;

  margin: 0 0 17px !important;
}


/* =========================================================
   PARTY IDEA STRIP
========================================================= */

.bf-halloween-idea-combo {
  padding: 13px 15px !important;
  margin-top: 16px !important;

  background: linear-gradient(
    135deg,
    #eefaff,
    #fffbd7
  ) !important;

  color: #263238 !important;

  border-left: 6px solid #ff8a00 !important;
  border-radius: 9px !important;

  font-family: "Poppins", "Segoe UI", Arial, sans-serif !important;

  font-size: 14px !important;
  line-height: 1.55 !important;
}


.bf-halloween-idea-combo strong {
  color: #6d28a8 !important;
  font-weight: 900 !important;
}


/* =========================================================
   BIG FUN TIP
========================================================= */

.bf-halloween-ideas-tip {
  margin-top: 25px !important;

  padding: 20px 22px !important;

  background:
    linear-gradient(
      135deg,
      #fff200 0%,
      #ffd447 100%
    ) !important;

  color: #003e8a !important;

  border: 3px solid #ff8a00 !important;
  border-left: 9px solid #6d28a8 !important;

  border-radius: 14px !important;

  font-family: "Poppins", "Segoe UI", Arial, sans-serif !important;

  font-size: 16px !important;
  line-height: 1.65 !important;

  box-shadow:
    0 7px 15px rgba(255, 138, 0, .15) !important;
}


.bf-halloween-ideas-tip strong {
  color: #42146f !important;
  font-weight: 900 !important;
}


/* =========================================================
   HALLOWEEN RENTAL PACKAGE
========================================================= */

.bf-halloween-package {
  background:
    linear-gradient(
      135deg,
      #eefaff 0%,
      #ffffff 50%,
      #f7efff 100%
    ) !important;

  border: 4px solid #6d28a8 !important;
  border-top: 7px solid #ff8a00 !important;

  border-radius: 24px !important;

  padding: 38px !important;

  font-family: "Poppins", "Segoe UI", Arial, sans-serif !important;

  box-shadow:
    0 15px 30px rgba(66, 20, 111, .12) !important;
}


.bf-halloween-package .bf-halloween-section-label {
  display: inline-block !important;

  padding: 8px 17px !important;
  margin-bottom: 17px !important;

  background: #ff8a00 !important;
  color: #ffffff !important;

  border: 3px solid #fff200 !important;
  border-radius: 50px !important;

  font-family: "Poppins", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 900 !important;

  text-transform: uppercase !important;
}


.bf-halloween-package h3 {
  color: #003e8a !important;

  font-family: "Poppins", Arial, sans-serif !important;

  font-size: 31px !important;
  font-weight: 900 !important;
}


.bf-halloween-package > p {
  color: #263238 !important;

  font-family: "Poppins", Arial, sans-serif !important;

  font-size: 17px !important;
  line-height: 1.75 !important;
}


/* PACKAGE GRID */
.bf-halloween-package-grid {
  display: grid !important;

  grid-template-columns:
    repeat(3, minmax(0, 1fr)) !important;

  gap: 17px !important;

  margin-top: 26px !important;
}


.bf-halloween-package-box {
  padding: 23px 20px !important;

  background: #ffffff !important;

  border: 3px solid #00aeef !important;
  border-radius: 17px !important;

  box-shadow:
    0 8px 18px rgba(0, 62, 138, .09) !important;
}


.bf-halloween-package-box:nth-child(2) {
  border-color: #ff8a00 !important;

  background:
    linear-gradient(
      180deg,
      #fffaf1,
      #ffffff
    ) !important;
}


.bf-halloween-package-box:nth-child(3) {
  border-color: #6d28a8 !important;
}


/* PACKAGE BADGE */
.bf-halloween-package-size {
  display: inline-block !important;

  margin-bottom: 12px !important;
  padding: 7px 12px !important;

  background: #003e8a !important;
  color: #ffffff !important;

  border-radius: 50px !important;

  font-family: "Poppins", Arial, sans-serif !important;

  font-size: 11px !important;
  font-weight: 900 !important;

  text-transform: uppercase !important;
}


.bf-halloween-package-box:nth-child(2)
.bf-halloween-package-size {
  background: #ff6a00 !important;
}


.bf-halloween-package-box:nth-child(3)
.bf-halloween-package-size {
  background: #6d28a8 !important;
}


.bf-halloween-package-box h4 {
  color: #003e8a !important;

  font-family: "Poppins", Arial, sans-serif !important;

  font-size: 19px !important;
  font-weight: 900 !important;
}


.bf-halloween-package-box p,
.bf-halloween-package-box li {
  color: #263238 !important;

  font-family: "Poppins", Arial, sans-serif !important;
}


/* =========================================================
   HALLOWEEN CHECKLIST
========================================================= */

.bf-halloween-checklist {
  background:
    linear-gradient(
      135deg,
      #ffffff,
      #eefaff
    ) !important;

  border: 4px solid #00aeef !important;
  border-top: 7px solid #fff200 !important;

  border-radius: 24px !important;

  padding: 38px !important;

  font-family: "Poppins", "Segoe UI", Arial, sans-serif !important;
}


.bf-halloween-checklist .bf-halloween-section-label {
  display: inline-block !important;

  padding: 8px 17px !important;

  background: #6d28a8 !important;
  color: #ffffff !important;

  border: 3px solid #fff200 !important;
  border-radius: 50px !important;

  font-family: "Poppins", Arial, sans-serif !important;

  font-weight: 900 !important;

  text-transform: uppercase !important;
}


.bf-halloween-checklist h3 {
  color: #003e8a !important;

  font-family: "Poppins", Arial, sans-serif !important;

  font-size: 31px !important;
  font-weight: 900 !important;
}


.bf-halloween-checklist > p {
  font-family: "Poppins", Arial, sans-serif !important;

  font-size: 17px !important;
  line-height: 1.75 !important;
}


/* CHECKLIST GRID */
.bf-halloween-checklist-grid {
  display: grid !important;

  grid-template-columns:
    repeat(2, minmax(0, 1fr)) !important;

  gap: 13px !important;

  margin-top: 25px !important;
}


.bf-halloween-check-item {
  display: flex !important;

  gap: 14px !important;

  padding: 17px !important;

  background: #ffffff !important;

  border: 2px solid #d1edf8 !important;
  border-radius: 13px !important;

  box-shadow:
    0 5px 11px rgba(0, 62, 138, .06) !important;
}


.bf-halloween-check {
  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  flex: 0 0 38px !important;

  width: 38px !important;
  height: 38px !important;

  background: #6d28a8 !important;
  color: #ffffff !important;

  border: 3px solid #fff200 !important;
  border-radius: 50% !important;

  font-size: 18px !important;
  font-weight: 900 !important;
}


.bf-halloween-check-item:nth-child(3n+2)
.bf-halloween-check {
  background: #ff6a00 !important;
}


.bf-halloween-check-item:nth-child(3n+3)
.bf-halloween-check {
  background: #00aeef !important;
}


.bf-halloween-check-item h4 {
  color: #003e8a !important;

  font-family: "Poppins", Arial, sans-serif !important;

  font-size: 17px !important;
  font-weight: 900 !important;

  margin: 0 0 5px !important;
}


.bf-halloween-check-item p {
  color: #263238 !important;

  font-family: "Poppins", Arial, sans-serif !important;

  font-size: 14px !important;
  line-height: 1.55 !important;

  margin: 0 !important;
}


/* =========================================================
   FINAL CHECKLIST CTA
========================================================= */

.bf-halloween-checklist-cta {
  margin-top: 27px !important;
  padding: 28px 24px !important;

  background:
    linear-gradient(
      135deg,
      #003e8a,
      #6d28a8
    ) !important;

  border: 4px solid #fff200 !important;
  border-radius: 18px !important;

  text-align: center !important;
}


.bf-halloween-checklist-cta h4 {
  color: #ffffff !important;

  font-family: "Poppins", Arial, sans-serif !important;

  font-size: 23px !important;
  font-weight: 900 !important;
}


.bf-halloween-checklist-cta p {
  color: #ffffff !important;

  font-family: "Poppins", Arial, sans-serif !important;

  font-size: 16px !important;
}


.bf-halloween-checklist-buttons {
  display: flex !important;

  justify-content: center !important;

  flex-wrap: wrap !important;

  gap: 12px !important;

  margin-top: 20px !important;
}


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

@media only screen and (max-width: 900px) {

  .bf-halloween-package-grid {
    grid-template-columns: 1fr !important;
  }

}


@media only screen and (max-width: 650px) {

  .bf-halloween-ideas,
  .bf-halloween-package,
  .bf-halloween-checklist {
    padding: 25px 17px !important;

    border-radius: 17px !important;
  }


  .bf-halloween-idea-grid,
  .bf-halloween-checklist-grid {
    grid-template-columns: 1fr !important;
  }


  .bf-halloween-ideas h3,
  .bf-halloween-package h3,
  .bf-halloween-checklist h3 {
    font-size: 25px !important;
  }


  .bf-halloween-ideas > p,
  .bf-halloween-package > p,
  .bf-halloween-checklist > p {
    font-size: 16px !important;
  }


  .bf-halloween-idea-box {
    padding: 22px 17px !important;
  }


  .bf-halloween-checklist-buttons {
    flex-direction: column !important;
  }


  .bf-halloween-checklist-buttons a {
    width: 100% !important;
  }

}/* End custom CSS */