html, body {
  height: 100%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  background: #fff200;
}

body {
  position: relative;
  min-height: 100vh;
  font-family: 'Inter', Arial, Helvetica, sans-serif;
  overflow-x: hidden;
}

/* Checkerboard stripes */
.checkerboard {
  position: fixed;
  top: 0;
  bottom: 0;
  width: 50px;
  background-repeat: repeat-y;
  background-size: 50px auto;
  z-index: 1;
  pointer-events: none;
}

.left {
  left: 0;
  background-image: url('/img/corner-left.png');
}

.right {
  right: 0;
  background-image: url('/img/corner-right.png');
}
/* Desktop: 75px space (50px check + 25px margin) */
@media (min-width: 992px) {
  .checkerboard { width: 50px; background-size: 50px auto; }
  .main-content-col {
    padding-left: 75px !important;
    padding-right: 75px !important;
  }
}

/* Tablet/Mobile: 30px space (22px check + 8px margin) */
@media (max-width: 991.98px) {
  .checkerboard { width: 22px; background-size: 22px auto; }
  .main-content-col {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
}

/* Small mobile: shrink further if needed */
@media (max-width: 600px) {
  .checkerboard { width: 14px; background-size: 14px auto; }
  .main-content-col {
    padding-left: 18px !important;
    padding-right: 18px !important;
  }
}
@media (max-width: 400px) {
  .main-content-col {
    padding-left: 22px !important;
    padding-right: 22px !important;
  }
}

/* Typography migrated from style.css for Bootstrap layout */

h1.title{
  font-family: 'Inter', Arial, Helvetica, sans-serif;
  font-size: clamp(2rem, 5vw, 4rem);
  font-weight: 900;
  line-height: 1.1;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #000;
  text-align: center;
  margin: 1.5rem 0 1.5rem 0;
}

h2 {
  font-family: 'Inter', Arial, Helvetica, sans-serif;
  font-size: clamp(1.3rem, 3vw, 2.2rem);
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 1px;
  color: #000;
  margin: 1.2rem 0 1.2rem 0;
  text-align: center;
  text-transform: uppercase;
}

h3 {
  font-family: 'Inter', Arial, Helvetica, sans-serif;
  font-size: clamp(1.1rem, 2vw, 1.5rem);
  font-weight: 700;
  line-height: 1.2;
  color: #000;
  margin: 1rem 0 1rem 0;
  text-align: left;
}

p {
  font-family: 'Inter', Arial, Helvetica, sans-serif;
  font-size: clamp(1.1rem, 2vw, 1.3rem);
  font-weight: 400;
  color: #000;
  margin: 1rem 0;
  line-height: 1.6;
}

ol, ul {
  font-family: 'Inter', Arial, Helvetica, sans-serif;
  font-size: clamp(1.15rem, 2.3vw, 1.35rem);
  font-weight: 500;
  color: #000;
  line-height: 1.5;
  margin: 1em 0 1em 1.5em;
  padding: 0;
}

li {
  font-size: inherit;
  font-family: inherit;
  font-weight: inherit;
  color: inherit;
  margin-bottom: 0.5em;
  line-height: 1.5;
}

.bg-dark h2 {
  text-align: center;
}
.text-xsmall { font-size: 0.75em; }

li .lucide {
  width: 1.5em;
  height: 1.5em;
  min-width: 1.5em;
  min-height: 1.5em;
  display: inline-block;
  vertical-align: middle;
}
@media (max-width: 400px) {
  .bg-white ul ul .lucide {
    width: 25px;
    height: 25px;
    min-width: 25px;
    min-height: 25px;
  }
}
.circle-number {
  font-size: 1.3em;

}
.gallery-img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border: none !important;
  border-radius: 0 !important;
  width: 100%;
  height: auto;
  display: block;
}
.bg-white.p-2 {
  border: none !important;
  border-radius: 0 !important;
}
.small.text-muted.text-center a {
  color: #000;
  text-decoration: none;
}

.legal-content a,
.legal-content a:visited {
  color: #000 !important;
  text-decoration: none !important;
  font-weight: bold;
}

.legal-content a:hover,
.legal-content a:focus {
  color: #e8653c !important;
  text-decoration: none !important;
}
.footer-menu a,
.footer-menu span {
  margin-left: 10px;
  margin-right: 10px;
}

.footer-menu a:first-child,
.footer-menu span:first-child {
  margin-left: 0;
}

/* Cognito Forms Styles */

.cog-header {
    display:none!important;
}
.cog-heading {
    font-family: 'Inter', Arial, Helvetica, sans-serif!important;
    font-weight: 900!important;
    text-transform: uppercase!important;
    color: #000000!important;
    font-size: 30px!important;
}
.cog-label, .cog-confirmation {
    font-family: 'Inter', Arial, Helvetica, sans-serif!important;
    font-size: 1.5em!important;
    line-height: 28px!important;
    color: #000000!important;
    font-weight: bold!important
}
.cog-asterisk {
    color: #DE5B35!important;
}
.cog-button--submit {
    background-color: #DE5B35!important;
    color: #FFF!important;
    font-family: 'Inter', Arial, Helvetica, sans-serif!important;
    font-weight: 600!important;
    text-transform: uppercase!important;
    font-size: 15px!important;
    padding: 10px 20px!important;
    border-radius: 0!important;
}
.cog-abuse, .cog-branding {
    display: none!important;
}
.el-input__inner {
    border-radius: 0!important;
    border: none!important;
    border-bottom: 1px solid #000000!important;
    padding: 0!important;
    margin-bottom: 10px!important;
    background: none!important;
    font-family: 'Inter', Arial, Helvetica, sans-serif!important;
    font-size: 15px!important;
    line-height: 28px!important;
    color: #000000!important;
}
.el-textarea__inner {
    height: auto!important;
    border-radius: 0!important;
    border: none!important;
    border-bottom: 1px solid #000000!important;
    padding: 0!important;
    margin-bottom: 10px!important;
    background: none!important;
    font-family: 'Inter', Arial, Helvetica, sans-serif!important;
    font-size: 15px!important;
    line-height: 28px!important;
    color: #355060!important;
}
.el-select-dropdown__item, .el-radio__label, .cog-button__text, .cog-upload__drag-text {
    font-family: 'Inter', Arial, Helvetica, sans-serif!important;
    font-size: 15px!important;
    color: #000000!important;
}
.el-select-dropdown__item.selected {
    font-weight: normal!important;
}
.cog-page__navigation .cog-button__text {
    color: #FFFFFF!important;
    font-weight: normal!important;
}
.cog-error-message, .cog-upload__list, .cog-upload__file-info, .cog-upload__file-size {
    font-family: 'Inter', Arial, Helvetica, sans-serif!important;
    font-size: 12px!important;
}
.btn.btn-dark.text-white,
.btn.btn-dark.text-white:visited,
.btn.btn-dark.text-white:hover,
.btn.btn-dark.text-white:focus {
  color: #fff !important;
}

.cta-block .btn-outline-dark:hover,
.cta-block .btn-outline-dark:focus,
.cta-block .btn-outline-secondary:hover,
.cta-block .btn-outline-secondary:focus {
  color: #fff !important;
  background-color: #000 !important;
  border-color: #000 !important;
}
.text-warning {
  color: #fff200 !important;
}