/* =======================================================
   HIMSS Brand Fonts — Prometo (Headings) & Soleto (Body)
   Official Typekit references for proof of use attempt.
   These Adobe-hosted fonts are domain-locked to HIMSS.org.
   Expect CORS / 403 errors on EventsAir — kept here for documentation.
   ======================================================= */

/* Import HIMSS Typekit kit (blocked outside himss.org) */
@import url("https://p.typekit.net/p.css?s=1&k=cxk2txu&ht=tk&f=23725.23726.23746.23748.23751&a=24129811&app=typekit&e=css");

/* Prometo – HIMSS headlines */
@font-face {
  font-family: "prometo";
  src: url("https://use.typekit.net/af/c4af2b/00000000000000007735a47a/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Soleto – HIMSS body copy */
@font-face {
  font-family: "soleto";
  src: url("https://use.typekit.net/af/0b3ef7/00000000000000007735fdcc/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

/* =======================================================
   Test assignment (no fallback)
   When fonts fail to load, text will fall back to Times/serif.
   ======================================================= */
:root {
  --font-header: "prometo";
  --font-body: "soleto";
}

body, p, li, a, button, input, textarea {
  font-family: var(--font-body) !important;
}

h1, h2, h3, h4, h5, h6, .gradient-title {
  font-family: var(--font-header) !important;
}

/* =======================================================
   Optional console test helper (copy into browser console)
   -------------------------------------------------------
   document.querySelectorAll('body, h1, h2, h3, p, a').forEach(el=>{
     console.log(el.tagName, window.getComputedStyle(el).fontFamily);
   });
   ======================================================= */


/* =======================================================
   HIMSS Gradient Buttons — EA Logic + Visual Perfection
   Applies to: Back | Next | Edit | Submit | Return to Summary
   ======================================================= */

/* --- Base Visual Styling (no layout overrides) --- */
button.page-backward.theme-btn-primary,
button.page-forward.theme-btn-primary,
button.form-submit.theme-btn-primary,
button.page-summary.theme-btn-primary,
a.theme-btn-primary[href*="anchor_"] {
  background: linear-gradient(134deg, #d444f1, #f04438) !important;
  border: none !important;
  border-radius: 1.5rem !important;
  color: #fff !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  padding: 0.55rem 1.75rem !important; /* Slimmer height */
  box-shadow: 0 1px 2px #1018280d !important;
  text-decoration: none !important;
  transition: none !important;
  cursor: pointer !important;
}

/* --- Hover / Focus --- */
button.page-backward.theme-btn-primary:hover,
button.page-forward.theme-btn-primary:hover,
button.form-submit.theme-btn-primary:hover,
button.page-summary.theme-btn-primary:hover,
a.theme-btn-primary[href*="anchor_"]:hover,
button.page-backward.theme-btn-primary:focus,
button.page-forward.theme-btn-primary:focus,
button.form-submit.theme-btn-primary:focus,
button.page-summary.theme-btn-primary:focus,
a.theme-btn-primary[href*="anchor_"]:focus {
  background: linear-gradient(134deg, #d444f1, #f04438) !important;
  color: #fff !important;
  box-shadow: 0 1px 2px #1018280d !important;
  transform: none !important;
}

/* --- Logic: hide where appropriate (EA-safe) --- */

/* Hide BACK on first page */
body.page-1 button.page-backward.theme-btn-primary {
  display: none !important;
}

/* Hide Return to Summary by default (EA will reveal when needed) */
button.page-summary.theme-btn-primary {
  display: none !important;
}

/* =======================================================
   Responsive polish (visual only, no logic or float changes)
   ======================================================= */
@media (max-width: 420px) {
  button.page-backward.theme-btn-primary,
  button.page-forward.theme-btn-primary,
  button.form-submit.theme-btn-primary,
  button.page-summary.theme-btn-primary,
  a.theme-btn-primary[href*="anchor_"] {
    width: auto !important;
    max-width: 95% !important;
    padding: 0.5rem 1.1rem !important;
  }
}

#questionSection > form > div.blue-panel > div:nth-child(5),
#questionSection > form > div.blue-panel > hr:nth-child(6) {
  display: none;
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  background-color: white;
}

body {
  height: 100vh;
  margin: 0;
  background: linear-gradient(90deg, #21145f 20%, #1e22aa 100%);
  color: #333;
  padding: 20px;
}

div.main-form {
  background-color: #fcfcfc;
  max-width: 1000px;
}

.secondary-nav {
  background-color: #1e22aa;
  padding: 10px;
  margin-bottom: 20px;
  border-radius: 8px;
}

.secondary-nav a {
  color: white;
  text-decoration: none;
  padding: 10px 15px;
  display: inline-block;
  border-radius: 5px;
  margin: 5px;
  transition: background-color 0.3s, color 0.3s;
}

.secondary-nav a:hover {
  background-color: #21145f;
  color: #f4f4f4;
  text-decoration: none;
}

.container {
  max-width: 900px;
  margin: auto;
  padding: 20px;
  background: white;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
}

p {
  line-height: 1.6;
  margin-bottom: 15px;
}

ul, ol {
  padding-left: 20px;
  margin-bottom: 15px;
  color: #333;
}

ul li, ol li {
  margin-bottom: 5px;
}

ul li {
  list-style-type: disc;
}

ol li {
  list-style-type: decimal;
}

ul li::marker, ol li::marker {
  color: #1e22aa;
  font-weight: bold;
}

table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px;
}

th, td {
  padding: 8px;
  text-align: center;
  border: 1px solid #ccc;
}

th {
  background-color: #1e22aa;
  color: white;
}

@media (max-width: 600px) {
  .navbar {
    text-align: center;
  }
  .navbar a:hover {
    text-decoration: underline;
  }
}

/* Hide the sign off button immediately */
.navbar-nav a[href="#"][onclick*="logoff-form"] {
  display: none !important;
}

/* =======================================================
   HIMSS Gradient Buttons — Correct Logic + Slim Design
   Back | Next | Edit | Submit | Return to Summary
   ======================================================= */

button.page-backward.theme-btn-primary,
button.page-forward.theme-btn-primary,
button.form-submit.theme-btn-primary,
a.theme-btn-primary,
button.page-summary.theme-btn-primary {
  background: linear-gradient(134deg, #d444f1, #f04438) !important;
  border: none !important;
  border-radius: 1.5rem !important;
  color: #fff !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  padding: 0.55rem 1.75rem !important;
  box-shadow: 0 1px 2px #1018280d !important;
  text-decoration: none !important;
  transition: none !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
}

/* Keep same look when hovered or focused */
button.page-backward.theme-btn-primary:hover,
button.page-forward.theme-btn-primary:hover,
button.form-submit.theme-btn-primary:hover,
a.theme-btn-primary:hover,
button.page-summary.theme-btn-primary:hover,
button.page-backward.theme-btn-primary:focus,
button.page-forward.theme-btn-primary:focus,
button.form-submit.theme-btn-primary:focus,
a.theme-btn-primary:focus,
button.page-summary.theme-btn-primary:focus {
  background: linear-gradient(134deg, #d444f1, #f04438) !important;
  color: #fff !important;
  box-shadow: 0 1px 2px #1018280d !important;
  transform: none !important;
}

/* =======================================================
   Behavior Fixes
   ======================================================= */

body.page-1 button.page-backward.theme-btn-primary {
  display: none !important;
}

button.page-summary.theme-btn-primary {
  display: none;
}
<style>
.btn, button, input[type="submit"], input[type="button"] {
    font-family: "soleto", "Century Gothic", "Helvetica Neue", Arial, sans-serif !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
}

.btn-primary, input[type="submit"], button[type="submit"] {
    background: linear-gradient(134deg, #d444f1, #f04438) !important;
    color: #fff !important;
    border: none !important;
}

.btn-primary:hover, input[type="submit"]:hover, button[type="submit"]:hover {
    background: linear-gradient(134deg, #9e2ee4, #c73a33) !important;
    color: #fff !important;
}

.btn-default {
    background: linear-gradient(134deg, #d444f1, #f04438) !important;
    color: #fff !important;
    border: none !important;
}

.btn-default:hover {
    background: linear-gradient(134deg, #9e2ee4, #c73a33) !important;
    color: #fff !important;
}
</style>

<script>
(function(){
    function fixStandInfo(){
        var el=document.querySelector('#standInfoModal .default-top-margin');
        if(!el||el._fixed)return;
        var t=el.innerHTML;
        if(t.indexOf('&lt;')>-1||t.indexOf('&rsquo;')>-1||t.indexOf('&mdash;')>-1){
            el.innerHTML=t
                .replace(/&lt;/g,'<')
                .replace(/&gt;/g,'>')
                .replace(/&amp;rsquo;/g,'\u2019')
                .replace(/&amp;mdash;/g,'\u2014')
                .replace(/&amp;/g,'&')
                .replace(/&rsquo;/g,'\u2019')
                .replace(/&mdash;/g,'\u2014');
            el._fixed=true;
        }
    }
    document.addEventListener('click',function(){
        setTimeout(fixStandInfo,100);
        setTimeout(fixStandInfo,300);
        setTimeout(fixStandInfo,600);
    });
    new MutationObserver(fixStandInfo).observe(document.body,{childList:true,subtree:true});
})();
</script>

<script>
jQuery(document).ready(function(){
    jQuery(document).on('click', function(){
        setTimeout(function(){
            var el=document.querySelector('#standInfoModal .default-top-margin');
            if(!el||el._fixed)return;
            var t=el.innerHTML;
            if(t.indexOf('&lt;')>-1){
                el.innerHTML=t.replace(/&lt;/g,'<').replace(/&gt;/g,'>').replace(/&amp;rsquo;/g,'\u2019').replace(/&amp;mdash;/g,'\u2014').replace(/&amp;/g,'&').replace(/&rsquo;/g,'\u2019').replace(/&mdash;/g,'\u2014');
                el._fixed=true;
            }
        },300);
    });
});
</script>