.elementor-1246 .elementor-element.elementor-element-steamboat-content{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-1246 .elementor-element.elementor-element-steamboat-content{--width:100%;}}@media(max-width:1024px){.elementor-1246 .elementor-element.elementor-element-steamboat-content{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(max-width:767px){.elementor-1246 .elementor-element.elementor-element-steamboat-content{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}/* Start custom CSS for html, class: .elementor-element-steamboat-html */#jlb-steamboat {
  --ss-white: var(--e-global-color-84963db, #ffffff);
  --ss-gray: var(--e-global-color-8fc069f, #ececec);
  --ss-ink: var(--e-global-color-text, #222222);
  --ss-black: var(--e-global-color-primary, #000000);
  --ss-gold: var(--e-global-color-accent, #ad9364);
  --ss-display: var(--e-global-typography-primary-font-family, "Birthstone"), sans-serif;
  --ss-body: var(--e-global-typography-text-font-family, "Roboto"), sans-serif;
  background: var(--ss-white); color: var(--ss-ink);
  font: 300 16px/1.65 var(--ss-body); text-align: left; overflow-wrap: break-word;
  -webkit-text-size-adjust: 100%;
}
#jlb-steamboat *, #jlb-steamboat *::before, #jlb-steamboat *::after { box-sizing: border-box; }
#jlb-steamboat .ss-wrap { width: min(1280px, 100%); margin-inline: auto; padding-inline: 32px; }
#jlb-steamboat .ss-section { padding-block: 48px; }
#jlb-steamboat .ss-gray { background: var(--ss-gray); }
#jlb-steamboat h1, #jlb-steamboat h2 {
  color: var(--ss-black); font-family: var(--ss-display); font-weight: 400;
  font-style: normal; line-height: 1.12; letter-spacing: normal;
  text-transform: none; margin: 0 0 20px;
}
#jlb-steamboat h1 { font-size: clamp(38px, 4.8vw, 68px); }
#jlb-steamboat h2 { font-size: clamp(40px, 4.2vw, 58px); }
#jlb-steamboat h3 { color: var(--ss-ink); font: 600 19px/1.4 var(--ss-body); margin: 0 0 12px; }
#jlb-steamboat p { margin: 0 0 20px; }
#jlb-steamboat p:last-child { margin-bottom: 0; }
#jlb-steamboat a { color: var(--ss-ink); text-decoration: underline; text-underline-offset: 4px; }
#jlb-steamboat a:hover { color: var(--ss-black); text-decoration-thickness: 2px; }
#jlb-steamboat a:focus-visible { outline: 3px solid var(--ss-ink); outline-offset: 5px; }
#jlb-steamboat .ss-opening { position: relative; isolation: isolate; overflow: hidden; }
#jlb-steamboat .ss-opening::before {
  content: ""; position: absolute; z-index: -1; right: max(3%, calc((100vw - 1216px)/2));
  top: 50%; transform: translateY(-50%); width: 320px; height: 320px;
  background: url("https://jasonlbishop.com/wp-content/uploads/jlb-logo-outline.png") center/contain no-repeat;
  opacity: .085; pointer-events: none;
}
#jlb-steamboat .ss-hero { padding-block: 40px 44px; }
#jlb-steamboat .ss-brand { font: 600 13px/1.5 var(--ss-body); letter-spacing: 1px; text-transform: uppercase; margin-bottom: 16px; }
#jlb-steamboat .ss-hero > p:not(.ss-brand) { max-width: 55ch; font-size: 18px; margin-bottom: 24px; }
#jlb-steamboat a.ss-button {
  display: inline-flex; align-items: center; justify-content: center;
  background: linear-gradient(180deg, var(--ss-black), var(--ss-ink));
  color: var(--ss-gold); font: 400 35px/1.12 var(--ss-display);
  padding: 14px 32px; min-height: 48px; border: 0; border-radius: 0;
  text-decoration: none; text-align: center;
}
#jlb-steamboat a.ss-button:hover { background: var(--ss-black); color: var(--ss-gold); }
#jlb-steamboat .ss-reading { max-width: 880px; margin-inline: auto; }
#jlb-steamboat .ss-reading > p { max-width: 70ch; }
#jlb-steamboat img { display: block; max-width: 100%; height: auto; border: 0; border-radius: 0; }
#jlb-steamboat figure { margin: 0; }
#jlb-steamboat .ss-frame-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; max-width: 1000px; margin: 32px auto; }
#jlb-steamboat .ss-frame-pair > figure { min-width: 0; }
#jlb-steamboat .ss-frame-pair > figure > a { display: flex; height: 500px; justify-content: center; align-items: center; margin-bottom: 24px; }
#jlb-steamboat .ss-frame-pair img { max-height: 100%; width: auto; object-fit: contain; }
#jlb-steamboat .ss-frame-pair figcaption { max-width: 46ch; margin-inline: auto; font-size: 15px; }
#jlb-steamboat .ss-centered { text-align: center; }
#jlb-steamboat .ss-text-link { font-weight: 600; font-size: 15px; }
#jlb-steamboat .ss-materials { max-width: 1100px; }
#jlb-steamboat .ss-materials > h2 { text-align: center; margin-bottom: 32px; }
#jlb-steamboat .ss-material-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; }
#jlb-steamboat .ss-material-columns > div { border-top: 1px solid var(--ss-gold); padding-top: 24px; min-width: 0; }
#jlb-steamboat .ss-colorado { display: grid; grid-template-columns: minmax(0, 360px) minmax(0, 1fr); gap: 64px; align-items: center; max-width: 1060px; margin-inline: auto; }
#jlb-steamboat .ss-colorado figcaption { font-size: 13px; margin-top: 16px; }
#jlb-steamboat .ss-copy { max-width: 66ch; }
#jlb-steamboat .ss-planning { padding-left: 24px; margin: 28px 0 0; }
#jlb-steamboat .ss-planning > li { padding-left: 12px; margin-bottom: 28px; }
#jlb-steamboat .ss-planning > li:last-child { margin-bottom: 0; }
#jlb-steamboat .ss-planning > li::marker { font-weight: 600; color: var(--ss-ink); }
#jlb-steamboat .ss-questions > div { padding-block: 24px; border-top: 1px solid var(--ss-gray); }
#jlb-steamboat .ss-questions p { max-width: 70ch; }
#jlb-steamboat .ss-inquiry { text-align: center; border-top: 1px solid var(--ss-gold); max-width: 1060px; margin: 32px auto 0; padding-top: 40px; }
#jlb-steamboat .ss-inquiry p { max-width: 65ch; margin: 0 auto 24px; }
@media (max-width: 1024px) {
  #jlb-steamboat .ss-opening::before { right: 3%; width: 250px; height: 250px; opacity: .065; }
  #jlb-steamboat .ss-frame-pair, #jlb-steamboat .ss-colorado { gap: 32px; }
  #jlb-steamboat .ss-frame-pair > figure > a { height: 400px; }
}
@media (max-width: 767px) {
  #jlb-steamboat { font-size: 15px; }
  #jlb-steamboat .ss-wrap { padding-inline: 24px; }
  #jlb-steamboat .ss-section { padding-block: 36px; }
  #jlb-steamboat .ss-hero { padding-block: 28px 36px; }
  #jlb-steamboat h1 { font-size: clamp(32px, 8.8vw, 48px); }
  #jlb-steamboat .ss-hero > p:not(.ss-brand) { font-size: 16px; }
  #jlb-steamboat .ss-opening::before { width: 86px; height: 86px; right: 12px; top: auto; bottom: 20px; transform: none; opacity: .055; }
  #jlb-steamboat .ss-frame-pair, #jlb-steamboat .ss-material-columns, #jlb-steamboat .ss-colorado { grid-template-columns: 1fr; gap: 32px; }
  #jlb-steamboat .ss-frame-pair > figure > a { height: auto; max-height: none; }
  #jlb-steamboat .ss-frame-pair img { width: 100%; max-width: 380px; max-height: none; }
  #jlb-steamboat .ss-colorado > figure { max-width: 360px; margin-inline: auto; }
  #jlb-steamboat a.ss-button { font-size: 32px; padding: 12px 26px; }
  #jlb-steamboat .ss-planning > li { padding-left: 4px; }
}/* End custom CSS */