html, body          {font-family: Figtree, sans-serif;font-weight:500;color:var(--alt-black);background: var(--beige);margin:0;}

img					{border:0px;}
*					{outline:0px;position: relative;}
a					{color:inherit;}
h1                  {font-family: Prompt, sans-serif;font-weight:700;font-size:2rem;margin-top:0;color:var(--alt-blue);}
h2                  {font-family: Prompt, sans-serif;font-weight:900;font-size:clamp(33px,5.1411290323vw,51px);margin-top:0;color:var(--off-black);text-transform:uppercase;--underline-width:64px;}
h2::after           {content:"";display:block;height:6px;background:var(--yellow);width:var(--underline-width, 48px);}

h3                  {font-family: Prompt, sans-serif;font-weight:700;font-size:clamp(23px, 3.8306451613vw, 38px);color:var(--alt-blue);line-height:1;}
h4                  {font-family: "Roboto Condensed", sans-serif;font-weight:700;font-size:clamp(16px,1.6129032258vw,18px);margin-block-end:-1rem;color:var(--off-black);border-left:4px solid var(--yellow);padding-left:4px;}
p.intro             {font-size:clamp(18px, 2.1169354839vw, 21px) !important;margin-block-start:-1em;line-height:1.5em;}
p.intro.extra       {margin-block-start:1em;}
p.showcase          {text-align:center;}

.clearfix:after     {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}

:root {
    --yellow: #faa21b;
    --orange: #faa21b;
    --white: #fff;
    --off-white: #fdfcfb;
    --black: #000;
    --off-black: #020000;
    --blue: #116cbb;
    --alt-blue: #002f5e;
    --beige: #d9d9d9;
    --beige-med: #f2ede5;
    --beige-dk: #c8c1b2;
    --head-brown: #59411f;
    --bg-blue-dk: #002f5e;
    --btn-bg: #c30000; /*#da3740*/
    --btn-text: #fff;
    --error-border: #c30000;
    --error-bg: #f6d6d6;
}

.desktop-only       {display:inline-block;}
.mobile-only        {display:none;}
.outerwrapper       {width:100%; /*max-width:1320px;*/ margin:0px auto;background-color:var(--beige-med);}

.insp-stripe        {display: flex; align-items: center; text-align:left; padding:0em 1em;color:#fff;font-weight:700; background-color:var(--bg-blue-dk); }
.insp-stripe img    {height:2em; max-height:56px;}
.top-bar            {height:3rem;}

.main-content       {margin:0 auto;width:90%;max-width:1000px;padding:1.5rem 0;}
.main-content-wrapper   {background:var(--off-white);}

.content.header     {background: var(--beige-dk);text-align:center;}
.header img         {width:100%;max-width:1320px;}
/*.hero               {width:100%;max-width:1320px;background-position:center center;background-size:cover;background-image: url(../images/GetINSP_Header_Desktop.webp);background-repeat:no-repeat;margin:0 auto;}*/

.headline           {flex-basis:100%;}
.step-bullet        {display:inline-block;color:var(--off-white);background-color:var(--alt-blue);border-radius:20px;width:clamp(23px, 3.8306451613vw, 38px);height:clamp(23px, 3.8306451613vw, 38px);text-align:center;line-height:clamp(23px, 3.8306451613vw, 38px);font-size:0.9em;}
.result             {display:none;}
/*.button             {width:5rem;background:var(--btn-bg);color:var(--btn-text);font-weight:700;padding:0.5rem;padding-right:0.4rem;border-radius:8px;margin:0 0.5rem;text-align:center;cursor:pointer;white-space:nowrap;text-decoration:none;}*/
.submit-btn         {width:100%;}
.step1-btn          {}
a.button            {color:var(--btn-text);}
a.button:hover      {color:var(--btn-text);}
.bttn-wide {
    display: block;
    background: var(--alt-blue);
    color: var(--off-white);
    width: 100%;
    max-width: 1000px;
    height: 64px;
    line-height: 64px;
    font-weight: 900;
    font-size: clamp(18px,2.1169354839vw,21px);
    border-radius: 4px; /*border:2px solid var(--beige-dk);*/
    font-family: Figtree, sans-serif;
    letter-spacing: 2px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    margin: 0;
    -webkit-mask-image: url(../images/button-bkg-black.png);
    mask-image: url(../images/button-bkg-black.png);
    mask-repeat: repeat;
    mask-mode: alpha;
}
.bttn-wide:hover    {color:var(--off-white);background:#004183;}
/*.bttn-wide::after   {-webkit-mask:url(../images/button-bkg-black.png) left top repeat;mask:url(../images/button-bkg-black.png) left top repeat;}*/
.bttn-wide.visit    {margin-bottom:1em;}
.error              {background-color:#fcc;}

/*li::marker          {color:red;}*/
ol {
    counter-reset: li; /* Initiate a counter */
    margin-left: 0; /* Remove the default left margin */
    padding-left: 0; /* Remove the default left padding */
}

ol > li {
    position: relative; /* Create a positioning context */
    margin: 0 0 8px 2em; /* Give each list item a left margin to make room for the numbers */
    padding: 4px 8px; /* Add some spacing around the content */
    list-style: none; /* Disable the normal item numbering */
}

ol > li:before {
    content: counter(li); /* Use the counter as content */
    counter-increment: li; /* Increment the counter by 1 */
    /* Position and style the number */
    position: absolute;
    top: -2px;
    left: -2em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 2em;
    height:2em;
    /* Some space between the number and the content in browsers that support
       generated content but not positioning it (Camino 2 is one example) */
    margin-right: 8px;
    padding: 4px;
    border: 2px solid var(--alt-blue);
    border-radius: 20px;
    color: var(--off-white);
    background: var(--alt-blue);
    font-weight: bold;
    /*font-family: "Helvetica Neue", Arial, sans-serif;*/
    text-align: center;
}

li ol,
li ul {
    margin-top: 6px;
}

ol ol li:last-child {
    margin-bottom: 0;
}

.breakout-beige     {background-color:var(--beige-med);margin: 0 auto;width:90%;max-width:1000px;}
.amoe               {text-align:right;}
.amoe > a           {text-decoration:none;font-size:0.75rem;font-weight:700;font-style:italic;margin:0 0 0;display:inline-block;}
.amoe > a:hover     {text-decoration:underline;}

.already-wrapper    {display:flex;justify-content:center;}
.content.already    {display:none;background:var(--bg-blue-dk);color:var(--white);text-align:center;/*background-position:left center;background-size:cover;background-image: url(../images/already-bg.webp);background-repeat:no-repeat;*/}
.content.already h1 {margin-bottom:-1rem;color:var(--off-white);}
#emailAlready       {border-right:0;width:100%;max-width:590px;}
.bttn-go            {background:var(--blue);color:var(--white);border:2px solid var(--blue);font-size:2rem;font-weight:700;padding:0 1rem;}
.go-btn             {background:var(--blue);color:var(--white);border:2px solid var(--blue);font-size:2rem;font-weight:700;padding:0 1rem;cursor:pointer;line-height:3rem;}

.form-wrapper       {display:none;display:flex;flex-wrap:wrap;justify-content:space-between;row-gap:1rem;margin-bottom:1rem;}
.form-wrapper > h3  {margin-bottom:1rem;}

input               {border:2px solid var(--beige-dk);font-family: Figtree, sans-serif;font-size:1.1rem;font-weight:500;color: #000;line-height:3rem;}
input[type=text]    {padding-left:1rem;}
input::placeholder  {color:#a9a9a9;}
.input-double       {width:100%;max-width:calc(47% - 1rem);}
.input-wide         {width:100%;}

.copypasta          {border:2px solid var(--beige-dk);font-family: Figtree, sans-serif;font-size:1.1rem;font-weight:500;color: #000;line-height:1.5rem;padding:1rem;width:100%;max-width:800px;field-sizing:content;min-height:5.2em;resize:none;overflow:hidden;}
@supports (field-sizing: content) {
    .copypasta      {min-height:unset;}
}
/*
input               {border:2px solid var(--beige-dk);font-family: Figtree, sans-serif;font-size:1.1rem;font-weight:500;color: #000;line-height:3rem;}

input[type="text"]  {padding-left:1rem;}
input.wide          {width:100%;max-width:590px;}
input.standard      {flex-grow:2;}
input.quarter       {flex-grow:1;max-width:25%}

select              {border:2px solid var(--beige-dk);font-family: Figtree, sans-serif;font-size:1.1rem;font-weight:500;color: #999999;line-height:3rem;}
select.three-quarter {flex-grow:3;}
select              {color:#757575;padding-left: 1rem;} 
select option       {color:#000000;}
select:invalid,
option:disabled,
option[value=""] {
    color: #757575;
}
*/

select              {padding:0.5rem 1rem;font-size:1rem;color:#000;width:100%;max-width:calc(50% - 0.5rem);}
select option       {color:#000;}

input[type=checkbox]    {vertical-align:top;margin-top:0.4em;}
.main-content div.optin:first-of-type   {margin-top:1em;}
.optin              {margin:0;width:100%;}
label               {width:calc(100% - 2em);display:inline-block;vertical-align:top;margin:0.15rem 0 0 0.2rem;line-height:1.2em;text-align:left;}
.legal              {font-size:0.75rem;}
.legal.disclaimer   {font-style:italic;}

.form-error         {color:var(--error-border);}

.social-share       {display:flex;justify-content:center;column-gap:3rem;margin-bottom:1.5rem;}
.social-share > a {
    display: block;
    background: var(--yellow);
    color: var(--off-black);
    width: 40%;
    max-width: 440px;
    height: 64px;
    line-height: 64px;
    font-weight: 900;
    font-size: clamp(18px,2.1169354839vw,21px);
    border-radius: 4px; /*border:2px solid var(--beige-dk);*/
    font-family: Figtree, sans-serif;
    letter-spacing: 2px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}
.social-share > a > img     {height:2.5rem;vertical-align:middle;margin:-0.25rem 0 0;}

.footer             {max-height:103px; display: flex;/*grid-template-columns: 1fr auto 1fr;*/}
.footer-logo        {display:flex;}
.logo-text          {font-size:1em;margin:1.5rem 0;}
.footer-links       {margin:1.5rem 0 1.5rem auto;display:inline-block;}
.footer a           {color:#fff;padding:1em 1em;text-decoration:none;white-space:nowrap;}

.overlay            {display:none;}

@media (max-width:480px) {
    .desktop-only           {display:none;}
    .mobile-only            {display:inline-block;}
    .bttn-wide              {height:48px;line-height:48px;}
    h3                      {line-height:1.3;}
    .form-wrapper > h3      {margin-bottom:-1em;margin-top:0;}
    p.intro                 {margin-block-start:1em;}
    .copypasta              {width:auto;overflow:auto;min-height:7em;}
    @supports (field-sizing: content) {
        .copypasta {
            min-height: unset;
        }
    }
    .content.already h1     {font-size:1.5em;}
    .input-double           {max-width:calc(46% - 1rem);}
    .social-share           {flex-wrap:wrap;row-gap:1rem;}
    .social-share > a       {width:100%;height:48px;line-height:48px;}

    .footer                 {display:inline-block;max-height:unset;}
    .footer.insp-stripe     {display:inline-block;}
    .logo-text              {margin:1rem 0;}
    .footer-links           {margin:1rem auto;font-size:0.9em;width:100%;text-align:center;}

}