/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@import url("https://fonts.googleapis.com/css2?family=Chakra+Petch:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap");
/*
body {
	cursor: url("images/stories/logos/drawing64.png") 16 16, auto;
	}
*/
p, h1, h2, h3, h4, h5, h6, sub, a {
  font-family: "Chakra Petch", sans-serif !important;
}
p, a {
  line-height: 1.5 !important;
}
sub {
  line-height: 1.65 !important;
}
h1, h2, h3, h4, h5, h6 {
  line-height: 1.2 !important;
}
h4 {
  margin-top: 1.25em !important;
  margin-bottom: 0.35em !important;
}
a * {
  color: inherit;
  text-decoration: inherit;
}
p {
  font-size: 1.5rem !important;
}
h1 {
  font-size: 3rem !important;
}
h2 {
  font-size: 2.75rem !important;
}
h3 {
  font-size: 2.5rem !important;
  font-weight: bold !important;
}
h4 {
  font-size: 2.25rem !important;
}
h5 {
  font-size: 2rem !important;
}
h6 {
  font-size: 1.75rem !important;
}
sub {
  font-size: 12px !important;
}
gnp {
  font-size: 1.5rem !important;
  padding: 1.5rem !important;
  color: #000 !important;
  background-color: #ffc20e !important;
  border: 0px solid #ffc20e !important;
}
.g-offcanvas-toggle {
  font-size: 2rem !important;
  color: #000 !important;
  width: 44px !important;
  height: 44px !important;
  top: 1rem !important;
  background: #ffc20e !important;
  /* Bright, shrieking contrast color */
  border: 1px solid #fff !important;
  box-shadow: 2px 2px 0px #000000 !important;
  border-radius: 8px !important;
  transition: transform 0.1s ease, box-shadow 0.1s ease !important;
}
/* Gives a satisfying "pressed down" tactile sensation */
.g-offcanvas-toggle:active {
  transform: translate(3px, 3px) !important;
  box-shadow: 2px 2px 0px #000000 !important;
}
#g-navigation {
  background: #161311 !important;
}
#g-mainbar, #g-container-main {
  background: #ffc20e !important;
}
.g-main-nav .g-toplevel > li > .g-menu-item-container {
  display: inline-block !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  align-content: center !important;
  align-items: flex-start !important;
  vertical-align: top !important;
  position: relative !important;
  top: 0 !important;
  width: 120px !important;
  min-width: 110px !important;
  height: 100% !important;
  min-height: 100px !important;
  max-height: 100px !important;
  padding: 0 1.2rem !important;
  transition: transform 1s ease-in-out, opacity 1s ease-in-out !important;
}
.g-main-nav .g-toplevel > li.active > .g-menu-item-container {
  background-color: #ffc20e !important;
  color: #161311 !important;
}
.g-menu-item-container:hover {
  color: #161311 !important;
  transition: transform 1s ease-in-out, opacity 1s ease-in-out !important;
}
.g-main-nav .g-toplevel > li > .g-menu-item-container > .g-menu-item-title {
  vertical-align: middle !important !important;
  text-align: center !important !important;
}
.g-menu-item-title {
  font-size: 1.15rem !important;
}
.g-menu-item-101:hover {
  background-color: #f47a4d !important;
}
.g-menu-item-118:hover {
  background-color: #0079a2 !important;
}
.g-menu-item-119:hover {
  background-color: #7d529a !important;
}
.g-menu-item-117:hover {
  background-color: #ef4060 !important;
}
.g-menu-item-120:hover {
  background-color: #f47a4d !important;
}
.g-menu-item-121:hover {
  background-color: #0079a2 !important;
}
.g-menu-item-122:hover {
  background-color: #7d529a !important;
}
.g-menu-item-193:hover {
  background-color: #ef4060 !important;
}
.g-menu-item-123:hover {
  background-color: #f47a4d !important;
}
.g-menu-item-124:hover {
  background-color: #0079a2 !important;
}
.button, .btn {
  color: #fff !important;
  background-color: #000 !important;
  border: 1px solid #ffc20e !important;
  border-radius: 8px !important;
  transition-duration: 0.4s !important;
  font-size: clamp(1rem, 1.5vw, 1.8rem) !important;
  max-width: max-content !important;
  margin: 0 auto 0.8em auto !important;
  padding: 0.5em 1em !important;
  font-family: "Chakra Petch", sans-serif !important;
  text-transform: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.button:hover, .btn:hover {
  color: #000 !important;
  background-color: #ffc20e !important;
  border: 1px solid #000 !important;
  transition-duration: 0.4s !important;
}
.buttonblack {
  color: #fff !important;
  background-color: #000 !important;
  border: 1px solid #ffc20e !important;
  border-radius: 8px !important;
  transition-duration: 0.4s !important;
  font-size: clamp(1rem, 1.5vw, 1.8rem) !important;
  max-width: max-content !important;
  margin: 0 auto 0.8em auto !important;
  padding: 0.5em 1em !important;
  font-family: "Chakra Petch", sans-serif !important;
  text-transform: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.buttonblack:hover {
  color: #000 !important;
  background-color: #ffc20e !important;
  border: 1px solid #000 !important;
  transition-duration: 0.4s !important;
}
.buttonyellow {
  color: #000 !important;
  background-color: #ffc20e !important;
  border: 1px solid #fff !important;
  border-radius: 8px !important;
  transition-duration: 0.4s !important;
  font-size: clamp(1rem, 1.5vw, 1.8rem) !important;
  max-width: max-content !important;
  margin: 0 auto 0.8em auto !important;
  padding: 0.5em 1em !important;
  font-family: "Chakra Petch", sans-serif !important;
  text-transform: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.buttonyellow:hover {
  color: #fff !important;
  background-color: #0079a2 !important;
  border: 1px solid #000 !important;
  transition-duration: 0.4s !important;
}
.buttonwhite {
  color: #161311 !important;
  background-color: #ffffff !important;
  border: 1px solid #ffc20e !important;
  border-radius: 8px !important;
  transition-duration: 0.4s !important;
  font-size: clamp(1rem, 1.5vw, 1.8rem) !important;
  max-width: max-content !important;
  margin: 0 auto 0.8em auto !important;
  padding: 0.5em 1em !important;
  font-family: "Chakra Petch", sans-serif !important;
  text-transform: none !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.buttonwhite:hover {
  color: #ffffff !important;
  background-color: #ffc20e !important;
  border: 1px solid #000000 !important;
  transition-duration: 0.4s !important;
}
.g-simplecontent .g-simplecontent-item-content-title {
  font-family: "Chakra Petch", sans-serif;
}
html body.gantry.site.com_acym.view-.layout-unsubscribepage.task-unsubscribe.dir-ltr.outline-_body_only.g-bodyonly.g-style-preset5 div.platform-content.row-fluid div.span12 div#acym_wrapper.frontusers_unsubscribepage.cms_joomla.cms_v_5 div.acym__unsubscribe__page.grid-x.grid-padding-x div.acym__unsubscribe__form__container.cell div.cell form.acym_front_page.acym__unsubscribe__form fieldset.grid-x.grid-margin-x.align-center div.acym__unsubscribe__container.cell div.acy__unsubscribe__form__header.margin-bottom-3 div.acym__unsubscribe__form__header__image.cell.padding-bottom-1 img.cell {
  max-width: 300px !important;
  width: 100% !important;
  height: auto !important;
  display: flex !important;
  justify-content: center !important;
  text-align: center !important;
}
#acym_wrapper .acym__unsubscribe__page .acym__unsubscribe__form__container .acy__unsubscribe__form__header .acym__unsubscribe__form__header__image, #acym_wrapper img, #acym_wrapper .acym__unsubscribe__page .acym__unsubscribe__form__container .acy__unsubscribe__form__header .acym__unsubscribe__form__header__image img {
  max-height: 400px !important;
  height: auto !important;
  width: 100% !important;
  max-width: 100% !important;
}
.form-label, .formControlLabel {
  font-weight: 600 !important;
  font-size: 1.25rem !important;
  text-shadow: 1px 1px 1px #grey !important;
  line-height: 1 !important;
}
input[type="checkbox"] {
  appearance: none !important;
  -webkit-appearance: none !important;
  background-color: #fff !important;
  border: 2px solid #ccc !important;
  width: 18px !important;
  height: 18px !important;
  cursor: pointer !important;
}
input[type="checkbox"]:checked {
  background-color: #ffc20e !important;
  border-color: #ffc20e !important;
}
.rsfp-skinHtml5 .irs-from, .rsfp-skinHtml5 .irs-single, .rsfp-skinHtml5 .irs-to {
  background: #ffc20e !important;
}
.rsfp-skinHtml5 .irs-bar {
  border-top: 2px solid #7e1519 !important;
  border-bottom: 2px solid #ffc20e !important;
}
.rsfp-skinHtml5 .irs-bar, .rsfp-skinHtml5 .irs-bar-edge {
  height: 12px !important;
  top: 33px !important;
  background: #ffc20e !important;
  background: linear-gradient(to top, #ffc20e 0, #7e1519 100%) !important;
}
.irs-grid-text {
  font-size: 12px !important;
  color: #000 !important;
}
/* RADIO BUTTON STYLE */
.form-check-label {
  display: inline-flex !important;
  align-items: center !important;
  /* Vertically centers the text with the circle */
  gap: 0.5rem !important;
  /* Adds clean, modern spacing without margins */
  line-height: 1 !important;
  /* Prevents extra line height from pushing text down */
  margin-left: 0.5rem !important;
}
/* General style */
input[type="radio" i], input[type=radio] + label:before, input[type=checkbox] + label:before {
  appearance: none !important;
  background-color: #fff !important;
  margin: 0 !important;
  font: inherit !important;
  color: #3b82f6 !important;
  /* Theme color */
  width: 1.75em !important;
  height: 1.75em !important;
  border: 2px solid #cbd5e1 !important;
  border-radius: 50% !important;
}
/* Style when checked */
input[type="radio" i]:checked, input[type=radio]:checked + label:before, input[type=checkbox]:checked + label:before {
  background-color: #ffc20e !important;
  border-color: #ffc20e !important;
  border: 1px solid #000 !important;
}
/* Add dot in circle style */
input[type="radio" i]:checked::before, input[type=radio]:checked + label:before::before, input[type=checkbox]:checked + label:before::before {
  content: "" !important;
  width: 0.65em !important;
  height: 0.65em !important;
  border-radius: 50% !important;
  transform: scale(0) !important;
  transition: transform 0.15s ease-in-out !important;
  background-color: #000 !important;
}
/* END RADIO BUTTON STYLE */
input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea {
  height: 40px !important;
  background-color: white;
  vertical-align: middle !important;
  border: 1px solid #e0e0e5;
  font-size: 1.25rem !important;
  line-height: 2 !important;
  padding: 0.5rem 0.5rem !important;
  transition: border-color 0.2s !important;
}
input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, input:not([type]):focus, textarea:focus {
  background-color: #ffc20e !important;
  border: 1px solid #ffc20e !important;
}
textarea.form-control {
  /* 1.5em * 6 lines = 9em */
  min-height: calc(6em + (0.75rem + 2px));
}
.rsfpa-checkbox label, .rsfpa-radio label {
  display: flex !important;
  flex-direction: row !important;
  align-items: flex-start !important;
  gap: 12px !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  font-size: 1.5rem !important;
  /* Keeps your preferred text size */
}
.formplate .fp-checkbox.checked, .formplate .fp-radio.checked {
  border: 1px solid #0079a2 !important;
  background-color: #0079a2 !important;
  transition-duration: 0.5s !important;
  margin-right: 8px !important;
  margin-bottom: 0 !important;
  font-size: 1.5rem !important;
}
.formplate .fp-checkbox, .formplate .fp-radio {
  width: 30px !important;
  height: 30px !important;
  float: left !important;
}
.formplate .fp-checkbox > input, .formplate .fp-radio > input {
  width: 30px !important;
  height: 30px !important;
}
.rsform-checkbox.checked:before {
  font-size: 18px !important;
  line-height: 18px !important;
  margin-right: 2px !important;
  border-color: #ffc20e !important;
}
/* Change background and border color when checked */
.form-check-input:checked {
  background-color: #ffc20e !important;
  border-color: #ffc20e !important;
}
/* Optional: Change the focus ring color */
.form-check-input:focus {
  box-shadow: 0 0 0 0.25rem rgba(255, 0, 0, 0.25) !important;
  border-color: #ffc20e !important;
}
.rsformProgressBar {
  background: #ffc20e !important;
}
.rsform-input-box:hover, .rsform-text-box:hover, .rsform-textarea:hover {
  background-color: #000 !important;
  border-color: #0079a2 !important;
  box-shadow: 0 0 5px #ffc20e !important;
  color: #ffffff !important;
}
.rsform-input-box:focus, .rsform-text-box:focus, .rsform-textarea:focus {
  background-color: #ffc20e !important;
  border-color: #ffc20e !important;
  box-shadow: 0 0 5px #ffc20e !important;
  color: #000 !important;
}
.chosen-container-single .chosen-single {
  height: 40px !important;
  display: flex !important;
  align-items: center !important;
}
.sppb-carousel-extended-item img {
  object-fit: contain !important;
}
.g-totop {
  text-align: center !important;
}
#g-offcanvas {
  position: fixed !important;
  /* Locks the menu relative to the viewport */
  top: 0 !important;
  /* Aligns it to the top edge */
  left: 0 !important;
  /* Or right: 0; depending on your layout */
  width: 100% !important;
  /* Limits width to the screen width */
  max-width: 18rem !important;
  height: 100vh !important;
  /* Limits height to 100% of the viewport height */
  max-height: 100vh !important;
  /* Strict structural boundary constraint */
  overflow-y: auto !important;
  /* Adds a scrollbar only if items exceed screen height */
  box-sizing: border-box !important;
  /* Includes padding in width/height calculations */
  overscroll-behavior: contain !important;
  /* Prevents background page scrolling */
  transform: none !important;
  /* Overrides slide-in animations that stopped short */
  margin-left: 0 !important;
  /* Removes any negative structural margins */
  padding-left: 2rem !important;
  /* Forces a safe visual cushion on the left edge */
  padding-top: 2rem !important;
}
.smallpadding {
  padding: 1rem !important;
}
.smallmargin {
  margin: 1rem !important;
}
.mediumpadding {
  padding: 2rem !important;
}
.mediummargin {
  margin: 2rem !important;
}
.largepadding {
  padding: 3rem !important;
}
.largepaddingtop {
  padding-top: 5rem !important;
}
.largemargintop {
  margin-top: 5rem !important;
}
.largemargin {
  margin: 3rem !important;
}
/* 1. Desktop Layout (Keeps them horizontal) */
.social-images {
  display: flex !important;
  flex-direction: row !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 15px !important;
  /* Adjust spacing as needed */
}
/* 2. Mobile Layout Fix */
@media (max-width: 768px) {
  .social-images {
    flex-direction: row !important;
    /* Forces horizontal alignment on mobile */
    flex-wrap: wrap !important;
    /* Allows them to wrap if they run out of space */
  }
}
.custom-list {
  /* Remove default list styling */
  list-style: none !important;
  padding: 0 !important;
  margin: 0 !important;
  font-size: 2rem !important;
  margin-top: 1.25em !important;
  margin-bottom: 0.35em !important;
  line-height: 1.2 !important;
  /* Set up the counter */
  counter-reset: custom-counter !important;
}
.custom-list li {
  /* Enable counter incrementing */
  counter-increment: custom-counter !important;
  /* Flexbox aligns the box with the text */
  display: flex !important;
  align-items: center !important;
  margin-bottom: 25px !important;
  /* Adjust spacing between items */
}
.custom-list li::before {
  /* Display the current number */
  content: counter(custom-counter) !important;
  /* Dimensions and Colors */
  width: 50px !important;
  height: 50px !important;
  flex-shrink: 0 !important;
  background-color: #ffbc00 !important;
  /* Yellow background */
  color: #000000 !important;
  /* Black text */
  /* Center the number perfectly inside the square */
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  /* Typography matching the image */
  font-weight: bold !important;
  font-size: 24px !important;
  /* Spacing between the square and your text */
  margin-right: 20px !important;
}
/* Responsive mobile view (targets screens 768px wide and smaller) */
@media (max-width: 768px) {
  /* The container holding both the number and the text */
  /* The gold square numbers */
  .custom-list li {
    display: flex !important;
    flex-direction: column !important;
    /* Stacks the number on top of the text */
    gap: 12px !important;
    /* Adds clean space between the number and text */
    align-items: center !important;
    /* Centers the number and text horizontally */
    text-align: center !important;
    /* Centers the text lines themselves */
  }
  .custom-list li::before {
    margin: 0 auto !important;
    /* Double-ensures the square stays centered */
    align-items: center !important;
    /* Centers the number and text horizontally */
    text-align: center !important;
    /* Centers the text lines themselves */
  }
  #g-above {
    padding: 0rem 0 !important;
  }
  .g-content {
    margin: 0rem !important;
    padding: 0rem !important;
  }
}
select.gt_selector {
  text-align: center !important;
  text-align-last: center !important;
}
.form-text {
  color: #ffc20e !important;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8) !important;
}
/*# sourceMappingURL=custom_14.css.map */