/*! basic CHCR setup
 * initally based off Primitive
 * A frontend Sass boilerplate by Tania Rascia 
 */
/* Variables
 * ===============
 *
 * All variables and most of the configuration is defined on this page. */
/* dizz-containers */
/* Breakpoints */
/* Colors */
/* Typography */
/* $h1-mobile: 2.625rem;
$h2-mobile: 2rem;
$h3-mobile: 1.375rem;
$h4-mobile: 1rem;
$h5-mobile: 1.25rem; */
/* $h1: 4rem;
$h2: 3rem;
$h3: 2.25rem;
$h4: 1rem;
$h5: 1.5rem; */
/* Padding */
/* Borders */
/* Buttons */
/* Forms */
/* Tables */
/* Code */
a {
  color: #1075a5;
  text-decoration: none;
}
a:hover, a:active, a:focus {
  color: #09445f;
  text-decoration: underline;
  text-underline-offset: 0.1em;
  -webkit-text-decoration-style: dashed;
          text-decoration-style: dashed;
}

h3 a,
p a {
  text-decoration: underline;
  -webkit-text-decoration-style: dashed;
          text-decoration-style: dashed;
  text-underline-offset: 0.1em;
}

.patient-home a:hover, .patient-home a:active, .patient-home a:focus,
.physician-home a:hover,
.physician-home a:active,
.physician-home a:focus {
  text-decoration: underline;
  text-underline-offset: 0.25em;
  -webkit-text-decoration-style: dashed;
          text-decoration-style: dashed;
}

/* Mixins
  =============== */
/*
    Fonts.scss
*/
/* source-sans-pro-regular - latin */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/source-sans-pro-v19-latin-regular.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/source-sans-pro-v19-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/source-sans-pro-v19-latin-regular.woff2") format("woff2"), url("../fonts/source-sans-pro-v19-latin-regular.woff") format("woff"), url("../fonts/source-sans-pro-v19-latin-regular.ttf") format("truetype"), url("../fonts/source-sans-pro-v19-latin-regular.svg#SourceSansPro") format("svg"); /* Legacy iOS */
}
/* source-sans-pro-600 - latin */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/source-sans-pro-v19-latin-600.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/source-sans-pro-v19-latin-600.eot?#iefix") format("embedded-opentype"), url("../fonts/source-sans-pro-v19-latin-600.woff2") format("woff2"), url("../fonts/source-sans-pro-v19-latin-600.woff") format("woff"), url("../fonts/source-sans-pro-v19-latin-600.ttf") format("truetype"), url("../fonts/source-sans-pro-v19-latin-600.svg#SourceSansPro") format("svg"); /* Legacy iOS */
}
/* source-sans-pro-700 - latin */
@font-face {
  font-family: "Source Sans Pro";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/source-sans-pro-v19-latin-700.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/source-sans-pro-v19-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/source-sans-pro-v19-latin-700.woff2") format("woff2"), url("../fonts/source-sans-pro-v19-latin-700.woff") format("woff"), url("../fonts/source-sans-pro-v19-latin-700.ttf") format("truetype"), url("../fonts/source-sans-pro-v19-latin-700.svg#SourceSansPro") format("svg"); /* Legacy iOS */
}
/* lora-500 - latin */
@font-face {
  font-family: "Lora";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/lora-v23-latin-500.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/lora-v23-latin-500.eot?#iefix") format("embedded-opentype"), url("../fonts/lora-v23-latin-500.woff2") format("woff2"), url("../fonts/lora-v23-latin-500.woff") format("woff"), url("../fonts/lora-v23-latin-500.ttf") format("truetype"), url("../fonts/lora-v23-latin-500.svg#Lora") format("svg"); /* Legacy iOS */
}
/* lora-700 - latin */
@font-face {
  font-family: "Lora";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/lora-v23-latin-700.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/lora-v23-latin-700.eot?#iefix") format("embedded-opentype"), url("../fonts/lora-v23-latin-700.woff2") format("woff2"), url("../fonts/lora-v23-latin-700.woff") format("woff"), url("../fonts/lora-v23-latin-700.ttf") format("truetype"), url("../fonts/lora-v23-latin-700.svg#Lora") format("svg"); /* Legacy iOS */
}
/* lora-500italic - latin */
@font-face {
  font-family: "Lora";
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/lora-v23-latin-500italic.eot"); /* IE9 Compat Modes */
  src: local(""), url("../fonts/lora-v23-latin-500italic.eot?#iefix") format("embedded-opentype"), url("../fonts/lora-v23-latin-500italic.woff2") format("woff2"), url("../fonts/lora-v23-latin-500italic.woff") format("woff"), url("../fonts/lora-v23-latin-500italic.ttf") format("truetype"), url("../fonts/lora-v23-latin-500italic.svg#Lora") format("svg"); /* Legacy iOS */
}
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/* Reset
  =============== */
html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

figure {
  margin: 0;
}

/* Helpers
  =============== */
hr {
  height: 0;
  border: 0;
  border-top: 1px solid #dedede;
}

.clearfix::before,
.clearfix::after {
  content: " ";
  display: block;
}

.clearfix:after {
  clear: both;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.text-center {
  text-align: center;
}

.text-justify {
  text-align: justify;
}

.block {
  display: block;
}

.inline-block {
  display: inline-block;
}

.inline {
  display: inline;
}

.vertical-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.responsive-image {
  max-width: 100%;
  height: auto;
}

.show {
  display: block !important;
}

.hide {
  display: none !important;
}

.invisible {
  visibility: hidden;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.no-padding-top {
  padding-top: 0;
}

.no-padding-bottom {
  padding-bottom: 0;
}

.padding-top {
  padding-top: 2rem;
}

.padding-bottom {
  padding-bottom: 2rem;
}

.no-margin-top {
  margin-top: 0;
}

.no-margin-bottom {
  margin-bottom: 0;
}

.margin-top {
  margin-top: 2rem;
}

.margin-bottom {
  margin-bottom: 2rem;
}

.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

/* typography
  =============== */
html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font: normal normal 400 1rem/1.3 "Source Sans Pro", Franklin Gothic Medium, Franklin Gothic, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 1rem;
}

body {
  color: #404040;
  font-size: 1.125rem;
  line-height: 1.3;
}

p,
ol,
ul,
dl,
table {
  margin: 0 0 1rem 0;
}

ul,
ol {
  padding-left: 1rem;
  padding-bottom: 0.5rem;
}

li ul,
li ol {
  padding-left: 1rem;
}

ul li ul,
ol li ol {
  margin-bottom: 0;
}

mark {
  background: #ffeea8;
  padding: 0 0.2rem;
}

blockquote {
  margin: 0 0 1.5rem 0;
  border-left: #dedede;
  padding: 0 1.5rem;
  font-size: 1.5rem;
}
blockquote cite {
  display: block;
  margin-top: 1.5rem;
  font-size: 1rem;
  text-align: right;
}

pre {
  border: 0;
  border-radius: 6px;
  background: transparent;
  padding: 1rem;
  -moz-tab-size: 2;
    -o-tab-size: 2;
       tab-size: 2;
  color: #404040;
  font-family: Menlo, monospace;
  font-size: 14px;
  margin: 0 0 1.5rem 0;
}
pre code {
  font-family: Menlo, monospace;
  line-height: 1.2;
}

kbd {
  background-color: #f7f7f7;
  border: 1px solid #ccc;
  border-radius: 3px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px #fff inset;
  color: #333;
  display: inline-block;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.4;
  margin: 0 0.1em;
  padding: 0.1em 0.6em;
  text-shadow: 0 1px 0 #fff;
}

:not(pre) > code {
  color: #404040;
  background: transparent;
  font-family: Menlo, monospace;
  font-size: 14px;
  padding: 0 0.2rem;
  border: 1px solid #dedede;
  border-radius: 6px;
}

dt {
  font-weight: 600;
}

dd {
  margin-bottom: 0.5rem;
}

h1,
h2,
h3,
h4,
h5 {
  margin: 0;
  font-weight: 600;
  font-family: "Source Sans Pro", Franklin Gothic Medium, Franklin Gothic, Helvetica Neue, Helvetica, Arial, sans-serif;
  line-height: 1.1;
  color: #404040;
}

h1 {
  font-size: 1.75rem;
}

h2,
.modal h1 {
  font-size: 1.5rem;
}

h3,
.patient-home .dizz-card h2,
.modal-body .intro h2 {
  font-size: 1.25rem;
  padding: 0.5em 0;
}

h4 {
  font-size: 1rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 1em 0 0.5em;
}

h3 + h4 {
  margin-top: 0.5em;
}

h5 {
  font-size: 1rem;
}

@media (min-width: 800px) {
  h1 {
    font-size: 2.25rem;
  }
  h2 {
    font-size: 2rem;
  }
  h3 {
    font-size: 1.75rem;
  }
  h4 {
    font-size: 1rem;
  }
  h5 {
    font-size: 1.25rem;
  }
}
/* font families */
h2.hero-subheading,
.intro {
  font-family: "Lora", Palatino, Times, Times New Roman, Georgia, serif;
  font-weight: 500;
}

h5,
.lede,
em,
.note,
.modal-body .intro h2,
.modal-body .intro p {
  font-family: "Lora", Palatino, Times, Times New Roman, Georgia, serif;
  font-weight: 500;
  font-style: italic;
}

h3,
.fancy {
  font-family: "Lora", Palatino, Times, Times New Roman, Georgia, serif;
  font-weight: 700;
}

p,
li,
.menu-link,
.patient-home .page-intro p.sans {
  font-family: "Source Sans Pro", Franklin Gothic Medium, Franklin Gothic, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 400;
}

button,
.button,
h1,
h2,
.hero-home {
  font-family: "Source Sans Pro", Franklin Gothic Medium, Franklin Gothic, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-weight: 600;
}

.small-bold,
h4,
.video,
.algorithm,
.accordion-header h4 {
  font-weight: 700;
}

.small {
  font-size: 0.9rem;
}

p,
li {
  font-size: 1.125rem;
}

li {
  margin-bottom: 0.5rem;
}

p > * {
  margin-top: 1rem;
}

.intro,
.intro p {
  font-size: 1.125rem;
}

.tips .accordion-title {
  color: #444;
  font-size: 1.125rem;
}

.modal-body .intro p {
  font-size: 1rem;
}

.note {
  font-size: 1.125rem;
}

.tips .accordion-title {
  font-size: 1.125rem;
}

sup {
  padding: 0 0.125em;
  font-weight: bolder;
}

.modal-body .intro h2 {
  margin-bottom: 1rem;
}

li p {
  padding-top: 0.5rem;
}

h2 + ul {
  margin-top: 1rem;
}

.faq-question:not(:first-of-type) {
  margin-top: 2em;
}

h2.faq-separator {
  color: #404040;
  margin-top: 2em;
  margin-bottom: -1em;
  border-top: 3px solid #404040;
}

/* Buttons
  =============== */
.button, a.button, button, [type=submit], [type=reset], [type=button] {
  -webkit-appearance: none;
  display: inline-block;
  border: 1px solid #1075a5;
  border-radius: 6px;
  background: #1075a5;
  color: #ffffff;
  font-weight: 600;
  font-family: "Source Sans Pro", Franklin Gothic Medium, Franklin Gothic, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 1.125rem;
  text-transform: none;
  padding: 0.75rem 1.25rem;
  margin: 0 0.5rem 0.5rem 0;
  vertical-align: middle;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  line-height: 1.1;
  box-shadow: 0 2px 5px 0 rgba(128, 128, 128, 0.54);
}

.button:hover, button:hover, [type=submit]:hover, [type=reset]:hover, [type=button]:hover {
  border: 1px solid #073348;
  background: #0a4764;
  color: #ffffff;
  text-decoration: none;
}

.button:focus, .button:active, button:focus, button:active, [type=submit]:focus, [type=submit]:active, [type=reset]:focus, [type=reset]:active, [type=button]:focus, [type=button]:active {
  border: 1px solid #0b5477;
  background: #0b5477;
  color: #ffffff;
  text-decoration: none;
}

.button::-moz-focus-inner, a.button::-moz-focus-inner, button::-moz-focus-inner, [type=submit]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=button]::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.button a, .button a:hover, .button a:focus, .button a:active, a.button a, a.button a:hover, a.button a:focus, a.button a:active, button a, button a:hover, button a:focus, button a:active, [type=submit] a, [type=submit] a:hover, [type=submit] a:focus, [type=submit] a:active, [type=reset] a, [type=reset] a:hover, [type=reset] a:focus, [type=reset] a:active, [type=button] a, [type=button] a:hover, [type=button] a:focus, [type=button] a:active {
  text-decoration: none;
  color: #ffffff;
}
.button a, a.button a, button a, [type=submit] a, [type=reset] a, [type=button] a {
  color: #ffffff;
}

.accent-button,
a.accent-button {
  color: #1075a5;
  background: #fff;
  border: 1px solid #1075a5;
}
.accent-button:hover, .accent-button:focus, .accent-button:active,
a.accent-button:hover,
a.accent-button:focus,
a.accent-button:active {
  border: 1px solid #41bfe7;
  background: #6eceed;
}
.accent-button a,
a.accent-button a {
  color: #ffffff;
}
.accent-button a:hover, .accent-button a:focus, .accent-button a:active,
a.accent-button a:hover,
a.accent-button a:focus,
a.accent-button a:active {
  color: #ffffff;
}

.muted-button,
a.muted-button {
  background: transparent;
  border: 1px solid #74a829;
  color: black;
  font-weight: normal;
}
.muted-button:hover, .muted-button:focus, .muted-button:active,
a.muted-button:hover,
a.muted-button:focus,
a.muted-button:active {
  color: black;
  border: 1px solid #1f2d0b;
  background: transparent;
}
.muted-button a,
a.muted-button a {
  color: rgba(0, 0, 0, 0);
}
.muted-button a:hover, .muted-button a:focus, .muted-button a:active,
a.muted-button a:hover,
a.muted-button a:focus,
a.muted-button a:active {
  color: black;
}

.round-button,
a.round-button {
  border-radius: 40px;
}

.square-button,
a.square-button {
  border-radius: 0;
}

.full-button,
a.full-button {
  display: block;
  width: 100%;
}

a.restart {
  background-color: #bf4018;
  border-color: #bf4018;
}

.close-button {
  font-size: 1.5rem;
  opacity: 1 !important;
  line-height: 1;
  border-radius: 50%;
  padding: 0.5rem 1rem !important;
  color: #064664;
  margin: 0 !important;
  aspect-ratio: 1/1;
}

a.button-close-text {
  margin-top: 1rem;
}

/* Forms
  =============== */
[type=color], [type=date], [type=datetime], [type=datetime-local], [type=email], [type=month], [type=number], [type=password], [type=search], [type=tel], [type=text], [type=url], [type=week], [type=time], select, textarea {
  display: block;
  border: 1px solid #dedede;
  border-radius: 6px;
  padding: 0.75rem;
  outline: none;
  background-color: transparent;
  margin-bottom: 0.5rem;
  font-size: 1rem;
  width: 100%;
  max-width: 100%;
  line-height: 1;
  font-family: "Source Sans Pro", Franklin Gothic Medium, Franklin Gothic, Helvetica Neue, Helvetica, Arial, sans-serif;
}

[type=color]:hover, [type=date]:hover, [type=datetime]:hover, [type=datetime-local]:hover, [type=email]:hover, [type=month]:hover, [type=number]:hover, [type=password]:hover, [type=search]:hover, [type=tel]:hover, [type=text]:hover, [type=url]:hover, [type=week]:hover, [type=time]:hover, select:hover, textarea:hover {
  border: 1px solid #c5c5c5;
}

[type=color]:focus, [type=color]:active, [type=date]:focus, [type=date]:active, [type=datetime]:focus, [type=datetime]:active, [type=datetime-local]:focus, [type=datetime-local]:active, [type=email]:focus, [type=email]:active, [type=month]:focus, [type=month]:active, [type=number]:focus, [type=number]:active, [type=password]:focus, [type=password]:active, [type=search]:focus, [type=search]:active, [type=tel]:focus, [type=tel]:active, [type=text]:focus, [type=text]:active, [type=url]:focus, [type=url]:active, [type=week]:focus, [type=week]:active, [type=time]:focus, [type=time]:active, select:focus, select:active, textarea:focus, textarea:active {
  border: 1px solid #1075a5;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 6px #5fc1ef;
}

input [type=checkbox] {
  background: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A//www.w3.org/2000/svg%27%20width%3D%2732%27%20height%3D%2732%27%3E%3Cpath%20%20fill%3D%22%23cccccc%22%20d%3D%22M25.107%2032.030h-18.214c-3.456%200-6.268-2.81-6.268-6.264v-19.529c0-3.456%202.812-6.268%206.268-6.268h18.214c3.456%200%206.268%202.812%206.268%206.268v19.529c0%203.452-2.812%206.264-6.268%206.264zM6.893%201.85c-2.419%200-4.386%201.967-4.386%204.386v19.529c0%202.417%201.967%204.382%204.386%204.382h18.214c2.419%200%204.386-1.965%204.386-4.382v-19.529c0-2.419-1.967-4.386-4.386-4.386h-18.214z%22%3E%3C/path%3E%3C/svg%3E");
  background-size: contain;
  width: 1rem;
  height: 1rem;
  -moz-appearance: none;
  border: 1px solid #777;
  border-radius: 3px;
  background-color: #eee;
}

textarea {
  overflow: auto;
  height: auto;
}

fieldset {
  border: 1px solid #dedede;
  border-radius: 6px;
  padding: 1rem;
  margin: 1.5rem 0;
}

legend {
  padding: 0 0.5rem;
  font-weight: 600;
}

select {
  color: #404040;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAJCAYAAAA/33wPAAAAvklEQVQoFY2QMQqEMBBFv7ERa/EMXkGw11K8QbDXzuN4BHv7QO6ifUgj7v4UAdlVM8Uwf+b9YZJISnlqrfEUZVlinucnBGKaJgghbiHOyLyFKIoCbdvecpyReYvo/Ma2bajrGtbaC58kCdZ1RZ7nl/4/4d5EsO/7nzl7IUtodBexMMagaRrs+06JLMvcNWmaOv2W/C/TMAyD58dxROgSmvxFFMdxoOs6lliWBXEcuzokXRbRoJRyvqqqQvye+QDMDz1D6yuj9wAAAABJRU5ErkJggg==) right center no-repeat #fff;
  line-height: 1;
}

select::-ms-expand {
  display: none;
}

[type=range] {
  width: 100%;
}

label {
  font-weight: 600;
  max-width: 100%;
  display: block;
  margin: 1rem 0 0.5rem;
}

@media (min-width: 600px) {
  .split-form label {
    text-align: right;
    padding: 0 0.5rem;
    margin-bottom: 1rem;
  }
}
input.has-error, input.has-error:hover, input.has-error:focus, input.has-error:active,
select.has-error,
select.has-error:hover,
select.has-error:focus,
select.has-error:active,
textarea.has-error,
textarea.has-error:hover,
textarea.has-error:focus,
textarea.has-error:active {
  border: 1px solid #bf4018;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), 0 0 6px #f2ad98;
}
::-webkit-input-placeholder,
::-moz-placeholder,
:-moz-placeholder,
:-ms-input-placeholder {
  color: #3b5615;
}

.group {
  margin: 0 0 1rem;
  border-bottom: 1px solid #ccc;
}

/* Tables
  =============== */
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  max-width: 100%;
}

thead th {
  border-bottom: 2px solid #dedede;
}

tfoot th {
  border-top: 2px solid #dedede;
}

td {
  border-bottom: 1px solid #dedede;
}

th,
td {
  text-align: left;
  padding: 0.5rem;
}

caption {
  padding: 1rem 0;
  caption-side: bottom;
  color: #ababab;
}

.striped-table tbody tr:nth-child(odd) {
  background-color: #f8f8f8;
}

.contain-table {
  overflow-x: auto;
}

@media (min-width: 600px) {
  .contain-table {
    width: 100%;
  }
}
/* accordion styles
  =============== */
.video-accordion-wrapper {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.accordion-title {
  display: flex;
  justify-content: space-between;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  width: 90%;
  margin-top: 0;
  padding-left: 1rem;
}

.video-accordion .accordion-title {
  background: url(/img/icon-document.png) no-repeat;
  background-position: center left 6px;
  background-size: 22px;
  padding: 0.125rem 0rem 0.125rem 2rem;
}

.accordion-body {
  position: relative;
  overflow: hidden;
  max-height: 8000px;
  transition: all 0.25s ease-in-out;
  opacity: 1;
  transform: translate(0, 0);
  z-index: 2;
  background-color: #fff;
  margin-top: 1rem;
}
.accordion-body > * {
  padding: 0 1rem;
}
.accordion-body ul, .accordion-body ol {
  margin-left: 1.5rem;
}

.accordion {
  perspective: 900;
  padding: 0;
  margin: 0;
}
.accordion .accordion-section {
  position: relative;
  padding: 0;
  margin: 0;
  padding-top: 1rem;
  -webkit-animation: flipdown 0.5s ease both;
          animation: flipdown 0.5s ease both;
  box-shadow: 0 2px 5px 0 rgba(128, 128, 128, 0.25);
}
.accordion .accordion-section:nth-of-type(1) {
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
}
.accordion .accordion-section:nth-of-type(2) {
  -webkit-animation-delay: 0.75s;
          animation-delay: 0.75s;
}
.accordion .accordion-section:nth-of-type(3) {
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
}

i {
  position: absolute;
  transform: translate(-6px, 0);
  margin-top: 1rem;
  right: 1rem;
}
i:before, i:after {
  content: "";
  transition: all 0.25s ease-in-out;
  position: absolute;
  background-color: #1075a5;
  width: 3px;
  height: 9px;
}
i:before {
  transform: translate(-2px, 0) rotate(45deg);
}
i:after {
  transform: translate(2px, 0) rotate(-45deg);
}

input[type=checkbox] {
  position: absolute;
  cursor: pointer;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0;
}
input[type=checkbox]:checked ~ .accordion-body {
  margin-top: 0;
  max-height: 0;
  opacity: 0;
  transform: translate(0, 50%);
  padding-top: 0rem;
}
input[type=checkbox]:checked ~ i:before {
  transform: translate(2px, 0) rotate(45deg);
}
input[type=checkbox]:checked ~ i:after {
  transform: translate(-2px, 0) rotate(-45deg);
}

.transition {
  transition: all 0.25s ease-in-out;
}

.flipIn {
  -webkit-animation: flipdown 0.5s ease both;
          animation: flipdown 0.5s ease both;
}

@-webkit-keyframes flipdown {
  0% {
    opacity: 0;
    transform-origin: top center;
    transform: rotateX(-90deg);
  }
  5% {
    opacity: 1;
  }
  80% {
    transform: rotateX(8deg);
  }
  83% {
    transform: rotateX(6deg);
  }
  92% {
    transform: rotateX(-3deg);
  }
  100% {
    transform-origin: top center;
    transform: rotateX(0deg);
  }
}

@keyframes flipdown {
  0% {
    opacity: 0;
    transform-origin: top center;
    transform: rotateX(-90deg);
  }
  5% {
    opacity: 1;
  }
  80% {
    transform: rotateX(8deg);
  }
  83% {
    transform: rotateX(6deg);
  }
  92% {
    transform: rotateX(-3deg);
  }
  100% {
    transform-origin: top center;
    transform: rotateX(0deg);
  }
}
.time,
.repeat {
  display: flex;
  align-items: center;
  margin-bottom: 0.25em;
}
.time::before,
.repeat::before {
  padding-right: 1.5em;
  height: 1em;
  content: "";
}

.time::before {
  background: url(/img/timer-sm.png) no-repeat;
  background-size: contain;
}

.repeat::before {
  background: url(/img/repeat-sm.png) no-repeat;
  background-size: contain;
}

.video-accordion .accordion-body img {
  max-width: 160px;
}

/* Navigation
  =============== */
nav {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #fff;
  padding: 0.5rem 0;
  filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.25));
}
@media (min-width: 800px) {
  nav {
    padding-top: 1rem;
  }
}
@media (min-width: 1400px) {
  nav {
    flex-direction: row;
    align-content: center;
    align-items: center;
    width: 100%;
  }
}
nav a {
  transition: all 0.25s ease-in-out;
}
nav a:hover,
nav a:focus {
  transition: all 0.25s ease-in-out;
  color: #111d00;
}
nav a:active,
nav .router-link-active {
  height: 100%;
  font-weight: 700;
  color: #2f4f01;
}
nav ul {
  list-style-type: none;
  line-height: 1.1;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  transition: all 0.5s cubic-bezier(0.325, 1, 0.22, 1);
  width: 90%;
}
@media (min-width: 1400px) {
  nav ul {
    width: 100%;
    align-items: center;
    flex-direction: row;
    gap: 0.5rem;
  }
}
nav li {
  padding: 0;
  margin: 0;
  transition: all 0.5s cubic-bezier(0.5, 1, 0.22, 1);
  font-size: 1.1rem;
  font-size: min(max(1rem, 2vw), 1.125rem);
}
@media (min-width: 1440px) {
  nav li {
    text-align: left;
    align-self: center;
  }
}
nav li:not(.logo) a {
  padding: 1rem;
  text-decoration: none;
  display: block;
}
@media (min-width: 1440px) {
  nav li:not(.logo) a {
    text-align: left;
    align-self: center;
  }
}
nav li:not(.logo) a {
  padding: 1rem;
  text-decoration: none;
  display: block;
}
nav .logo {
  font-family: "Source Sans Pro", Franklin Gothic Medium, Franklin Gothic, Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 1.1rem;
}
nav .logo img {
  width: 2rem;
  height: auto;
}
nav .logo svg {
  max-width: 40vw;
}
@media (min-width: 1440px) {
  nav .logo {
    margin-right: auto;
  }
}
nav .language select {
  display: inline-block;
}
nav .physicians {
  align-self: flex-start;
}

.hidden {
  display: none;
}

#nav-Toggle {
  margin: 0.25rem 1.75rem 0 0;
  position: absolute;
  right: 0;
}
#nav-Toggle svg {
  height: 1.5rem;
  width: 1.5rem;
}

#nav-Checkbox:checked ~ ul.nav-Menu li,
#nav-Checkbox:checked ~ label#nav-Toggle #svg-close {
  display: block;
  transition: all 0.5s cubic-bezier(0.5, 1, 0.22, 1);
}

#nav-Checkbox:checked ~ label#nav-Toggle #svg-menu {
  display: none;
}

#nav-Checkbox:checked ~ ul.nav-Menu {
  padding-bottom: 1rem;
  transition: all 0.5s cubic-bezier(0.5, 1, 0.22, 1);
}

#nav-Checkbox:checked ~ ul.nav-Menu li a {
  border-top: 1px solid rgb(228, 228, 228);
  width: 100%;
}

@media (min-width: 1400px) {
  #nav-Toggle {
    display: none;
  }
  .nav-Menu li {
    display: block;
  }
  #nav-Checkbox:checked ~ ul.nav-Menu li a {
    border: none;
  }
}
.language-picker {
  display: flex;
  align-items: center;
}
.language-picker a {
  padding: 0.5rem !important;
  margin-top: 0;
}
.language-picker p {
  margin: 0;
  font-size: 0.95em;
  padding-top: 0;
}
.language-picker .language-en {
  border-right: 1px solid #ccc;
}
.language-picker .active {
  font-weight: 700;
}
@media (min-width: 1400px) {
  .language-picker {
    justify-content: center;
  }
}

/* Layout
  =============== */
/* basic set up */
body {
  background-color: #f9f8f8;
}

#app {
  display: flex;
  height: 100%;
  min-height: 100vh;
  flex-direction: column;
  background-color: #f9f8f8;
}
#app main {
  flex: 1;
}
#app header {
  flex: none;
}

.site-header,
.university-logos,
.dizz-container,
.landing-grid-section,
.patient-home-grid-section,
.screen-padding {
  padding-left: 6vw;
  padding-right: 6vw;
}

main .grid-section {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(324px, 1fr));
  grid-gap: 1rem;
}

.dizz-container,
.patient-home .full-width-background {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.full-width-background {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.single-column > *,
.university-logos {
  margin: 0 auto;
}

.content,
.university-logos {
  max-width: 46rem;
  justify-self: center;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

img {
  width: 100%;
  height: auto;
}

/* Effect styles */
.tailwind--drop-shadow {
  filter: drop-shadow(0px 0px 8px rgba(0, 0, 0, 0.25));
}

.subtle-drop-shadow {
  filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.18));
}

.patient .page-intro {
  filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.18));
  background-color: #fff;
  border-radius: 0 0 2rem 2rem;
}

.disorder-dizzy {
  align-items: center;
}

.neck-problems {
  padding: 1rem 2rem 1rem;
}
.neck-problems p {
  font-family: "Lora", Palatino, Times, Times New Roman, Georgia, serif;
}

.patient-home-page .content-header h1 {
  color: #fff;
  padding-top: 3rem;
}
.patient-home-page article {
  padding: 3rem 0.5rem 3rem 2rem;
}

.old-dizz-container {
  width: 100%;
  max-width: 70rem;
  padding: 2rem;
  margin: 0 auto;
}

.modern-dizz-container {
  width: min(100% - 2rem, 70rem);
  margin-inline: auto;
}

h3:not(:first-of-type) {
  border-top: 1px solid #919191;
  padding-top: 0.25em;
}

.video h3 {
  padding-left: 2rem;
  padding-right: 2rem;
  background-color: #ccc;
  border-radius: 2rem 2rem 0 0;
}

.video h3 {
  padding-top: 1.5rem;
  padding-bottom: 1rem;
}

.video h5 {
  padding: 0 2rem 1.5rem;
}

/*landing pages */
.patient-home .hero h1 {
  color: #fff;
  font-size: 1.375rem;
}
@media (min-width: 800px) {
  .patient-home .hero h1 {
    font-size: 2rem;
  }
}
.patient-home h3,
.patient-home em,
.patient-home .page-intro p {
  font-family: "Lora", Palatino, Times, Times New Roman, Georgia, serif;
  font-weight: 400;
}
.patient-home .page-intro p {
  font-size: 0.95rem;
  margin-bottom: 0;
}
@media (min-width: 800px) {
  .patient-home .page-intro p {
    font-size: 1.25rem;
  }
}
.patient-home .patient-home-grid-section {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 1rem;
  margin-top: 1rem;
}
.patient-home .patient-home-grid-section .intro p,
.patient-home .patient-home-grid-section .hero p {
  font-family: "Source Sans Pro", Franklin Gothic Medium, Franklin Gothic, Helvetica Neue, Helvetica, Arial, sans-serif;
}
.flexing {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}
.flexing div {
  flex: 1;
  padding-bottom: 1rem;
}

.landing-grid-section {
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  margin-top: 1rem;
}

.landing-grid-section img,
.flexing img {
  align-self: center;
  max-width: 24px;
}

.checklist .content > div {
  border-bottom: 1px solid #ccc;
  padding: 0.5em 0 1rem;
  margin-left: 1.5rem;
}
.checklist .content > div p:before {
  content: "";
  background: url(/img/icon-checkmark.png) no-repeat;
  background-position: center left;
  padding-right: 2rem;
  width: 2rem;
  height: 2rem;
  background-size: contain;
  margin-left: -2rem;
}

.preview {
  border: 1px solid #ccc;
  margin-top: 2rem;
}
.preview h4 {
  background-color: #4d8102;
  color: #fff;
  margin: 0;
  padding: 1rem;
}
.preview h3,
.preview ul,
.preview p {
  margin: 0 1rem;
}
.preview h2 {
  padding: 1rem;
  border: 1px solid #4d8102;
}
.preview li {
  margin-bottom: 0.5rem;
}
.preview a.button {
  margin: 1rem;
}

.footnav {
  margin-top: 1rem;
  display: flex;
  justify-content: space-between;
}

.credits {
  background-color: #fff;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-content: center;
  align-items: center;
}
.credits img {
  max-width: 400px;
}

.dizz-card {
  filter: drop-shadow(0px 2px 4px rgba(0, 0, 0, 0.18));
  border-radius: 1rem;
  background-color: #fff;
  padding: 0.25rem 1rem 0.25rem;
  margin-bottom: 0.5rem;
}
.dizz-card .flexing {
  border-radius: 1rem 1rem 0 0;
}
.dizz-card h3 {
  line-height: 1.1;
}
.dizz-card h3 span h5 {
  color: #fff;
  line-height: 1.1;
  margin-top: 0.25em;
  font-size: 0.875rem;
}
.dizz-card p {
  line-height: 1.2;
}

.disorder-dizzy h2 {
  color: #fff;
}

.hero p {
  margin-bottom: 0;
}

.no-border {
  border-top: 0 !important;
  margin-bottom: 2rem;
}

.video-accordion .accordion-body img {
  max-width: 160px;
}

.step-one-images img {
  align-self: center;
}

@media (max-width: 400px) {
  .disorder-dizzy p {
    font-size: 0.875rem;
  }
  a article.tips-dizzy,
a article.faq-dizzy {
    float: left;
  }
  a article.faq-dizzy {
    float: right;
  }
}
.inline-image {
  display: flex;
  align-items: center;
  align-content: center;
}
.inline-image img {
  display: inline;
  width: 24px;
  margin-top: 0;
  margin-right: 0.5rem;
}

/* Colors */
/*dizzy image*/
.hero,
.patient-home-page .content-header,
.patient-home-page article {
  background-color: #2782ac;
  height: 100%;
}

.patient-home .intro,
.patient-home .intro h2 {
  color: #1e6a8d;
}

.neck-problems {
  background-color: #c53003;
}
.neck-problems p {
  color: #fff;
}

.theme-darkpurple .hero, .theme-darkpurple.hero,
.theme-darkpurple .video h3,
.theme-darkpurple .video h5 {
  background-color: #5C2DA8;
}
.theme-darkpurple .content h2,
.theme-darkpurple .content h3,
.theme-darkpurple .fancy {
  color: #462280;
}
.theme-darkpurple h3 a,
.theme-darkpurple p a {
  -webkit-text-decoration-color: #cab6eb;
          text-decoration-color: #cab6eb;
}
.theme-darkpurple h1, .theme-darkpurple .hero h2, .theme-darkpurple .hero h3, .theme-darkpurple .hero h4, .theme-darkpurple .hero p, .theme-darkpurple .video h3, .theme-darkpurple .video h5, .theme-darkpurple.hero h3, .theme-darkpurple.hero p {
  color: #fff;
}
.theme-darkpurple.flexing img {
  mix-blend-mode: screen;
}

[data-theme=theme-darkpurple] {
  background: #5C2DA8;
}
[data-theme=theme-darkpurple]:hover {
  background: #462280;
}
[data-theme=theme-darkpurple][disabled] {
  background: #66587d;
}

.theme-darkblue .hero, .theme-darkblue.hero,
.theme-darkblue .video h3,
.theme-darkblue .video h5 {
  background-color: #2782AC;
}
.theme-darkblue .content h2,
.theme-darkblue .content h3,
.theme-darkblue .fancy {
  color: #1e6382;
}
.theme-darkblue h3 a,
.theme-darkblue p a {
  -webkit-text-decoration-color: #b2dbed;
          text-decoration-color: #b2dbed;
}
.theme-darkblue h1, .theme-darkblue .hero h2, .theme-darkblue .hero h3, .theme-darkblue .hero h4, .theme-darkblue .hero p, .theme-darkblue .video h3, .theme-darkblue .video h5, .theme-darkblue.hero h3, .theme-darkblue.hero p {
  color: #fff;
}
.theme-darkblue.flexing img {
  mix-blend-mode: screen;
}

[data-theme=theme-darkblue] {
  background: #2782AC;
}
[data-theme=theme-darkblue]:hover {
  background: #1e6382;
}
[data-theme=theme-darkblue][disabled] {
  background: #517282;
}

.theme-darkgreen .hero, .theme-darkgreen.hero,
.theme-darkgreen .video h3,
.theme-darkgreen .video h5 {
  background-color: #4D8102;
}
.theme-darkgreen .content h2,
.theme-darkgreen .content h3,
.theme-darkgreen .fancy {
  color: #2f4f01;
}
.theme-darkgreen h3 a,
.theme-darkgreen p a {
  -webkit-text-decoration-color: #b7fc53;
          text-decoration-color: #b7fc53;
}
.theme-darkgreen h1, .theme-darkgreen .hero h2, .theme-darkgreen .hero h3, .theme-darkgreen .hero h4, .theme-darkgreen .hero p, .theme-darkgreen .video h3, .theme-darkgreen .video h5, .theme-darkgreen.hero h3, .theme-darkgreen.hero p {
  color: #fff;
}
.theme-darkgreen.flexing img {
  mix-blend-mode: screen;
}

[data-theme=theme-darkgreen] {
  background: #4D8102;
}
[data-theme=theme-darkgreen]:hover {
  background: #2f4f01;
}
[data-theme=theme-darkgreen][disabled] {
  background: #48671c;
}

.theme-darkorange .hero, .theme-darkorange.hero,
.theme-darkorange .video h3,
.theme-darkorange .video h5 {
  background-color: #c53003;
}
.theme-darkorange .content h2,
.theme-darkorange .content h3,
.theme-darkorange .fancy {
  color: #932402;
}
.theme-darkorange h3 a,
.theme-darkorange p a {
  -webkit-text-decoration-color: #fdae97;
          text-decoration-color: #fdae97;
}
.theme-darkorange h1, .theme-darkorange .hero h2, .theme-darkorange .hero h3, .theme-darkorange .hero h4, .theme-darkorange .hero p, .theme-darkorange .video h3, .theme-darkorange .video h5, .theme-darkorange.hero h3, .theme-darkorange.hero p {
  color: #fff;
}
.theme-darkorange.flexing img {
  mix-blend-mode: screen;
}

[data-theme=theme-darkorange] {
  background: #c53003;
}
[data-theme=theme-darkorange]:hover {
  background: #932402;
}
[data-theme=theme-darkorange][disabled] {
  background: #9d452b;
}

.theme-default .hero, .theme-default.hero,
.theme-default .video h3,
.theme-default .video h5,
.theme-default .algorithm-category,
.theme-default .algorithm-element {
  background-color: #eae5e5;
}
.theme-default h1, .theme-default h2, .theme-default h3, .theme-default h3 a, .theme-default .intro, .theme-default h4, a .theme-default.hero p, .theme-default .fancy {
  color: #583b3b;
}
.theme-default h3 a,
.theme-default p a {
  -webkit-text-decoration-color: #d3c9c9;
          text-decoration-color: #d3c9c9;
}
.theme-default .hero,
.theme-default article {
  background-blend-mode: multiply;
}

[data-theme=theme-default] {
  background: #727272;
}
[data-theme=theme-default]:hover {
  background: #595959;
}
[data-theme=theme-default][disabled] {
  background: #727272;
}

.theme-purple .hero, .theme-purple.hero,
.theme-purple .video h3,
.theme-purple .video h5,
.theme-purple .algorithm-category,
.theme-purple .algorithm-element {
  background-color: #eae2f6;
}
.theme-purple h1, .theme-purple h2, .theme-purple h3, .theme-purple h3 a, .theme-purple .intro, .theme-purple h4, a .theme-purple.hero p, .theme-purple .fancy {
  color: #421c81;
}
.theme-purple h3 a,
.theme-purple p a {
  -webkit-text-decoration-color: #cdbbeb;
          text-decoration-color: #cdbbeb;
}
.theme-purple .hero,
.theme-purple article {
  background-blend-mode: multiply;
}

[data-theme=theme-purple] {
  background: #6A42AC;
}
[data-theme=theme-purple]:hover {
  background: #533487;
}
[data-theme=theme-purple][disabled] {
  background: #76727c;
}

.theme-blue .hero, .theme-blue.hero,
.theme-blue .video h3,
.theme-blue .video h5,
.theme-blue .algorithm-category,
.theme-blue .algorithm-element {
  background-color: #eef6fa;
}
.theme-blue h1, .theme-blue h2, .theme-blue h3, .theme-blue h3 a, .theme-blue .intro, .theme-blue h4, a .theme-blue.hero p, .theme-blue .fancy {
  color: #1e6a8d;
}
.theme-blue h3 a,
.theme-blue p a {
  -webkit-text-decoration-color: #c6e2ee;
          text-decoration-color: #c6e2ee;
}
.theme-blue .hero,
.theme-blue article {
  background-blend-mode: multiply;
}

[data-theme=theme-blue] {
  background: #4693B7;
}
[data-theme=theme-blue]:hover {
  background: #387592;
}
[data-theme=theme-blue][disabled] {
  background: #798184;
}

.theme-green .hero, .theme-green.hero,
.theme-green .video h3,
.theme-green .video h5,
.theme-green .algorithm-category,
.theme-green .algorithm-element {
  background-color: #e2f5c6;
}
.theme-green h1, .theme-green h2, .theme-green h3, .theme-green h3 a, .theme-green .intro, .theme-green h4, a .theme-green.hero p, .theme-green .fancy {
  color: #49730c;
}
.theme-green h3 a,
.theme-green p a {
  -webkit-text-decoration-color: #ccee9b;
          text-decoration-color: #ccee9b;
}
.theme-green .hero,
.theme-green article {
  background-blend-mode: multiply;
}

[data-theme=theme-green] {
  background: #74A829;
}
[data-theme=theme-green]:hover {
  background: #587f1f;
}
[data-theme=theme-green][disabled] {
  background: #6c7e53;
}

.theme-yellow .hero, .theme-yellow.hero,
.theme-yellow .video h3,
.theme-yellow .video h5,
.theme-yellow .algorithm-category,
.theme-yellow .algorithm-element {
  background-color: #fdf3d9;
}
.theme-yellow h1, .theme-yellow h2, .theme-yellow h3, .theme-yellow .intro, .theme-yellow h4, a .theme-yellow.hero p {
  color: #b88500;
  color: #a64c13;
}
.theme-yellow h3 a,
.theme-yellow p a {
  -webkit-text-decoration-color: #b88500;
          text-decoration-color: #b88500;
}

[data-theme=theme-yellow] {
  background: #E6B024;
}
[data-theme=theme-yellow]:hover {
  background: #c19116;
}
[data-theme=theme-yellow][disabled] {
  background: #b59a55;
}

.theme-orange .hero, .theme-orange.hero,
.theme-orange .video h3,
.theme-orange .video h5,
.theme-orange .algorithm-category,
.theme-orange .algorithm-element {
  background-color: #fde8e0;
}
.theme-orange h1, .theme-orange h2, .theme-orange h3, .theme-orange .intro, .theme-orange h4, a .theme-orange.hero p {
  color: #bb350d;
}
.theme-orange h3 a,
.theme-orange p a {
  -webkit-text-decoration-color: #e7734f;
          text-decoration-color: #e7734f;
}

/* physician
  =============== */
body {
  font-size: 1rem;
}

.intro, .intro p {
  font-size: 1rem;
}

.physician-nav {
  width: 100vw;
  z-index: 1000;
}

.category h4 {
  margin: 0;
  padding: 1rem 0;
}

.physician header,
.video-library .content,
.physician .strapi-content > * {
  padding-left: 2rem;
  padding-right: 2rem;
}

.physician h4 + h3 {
  padding-top: 0;
}
.physician .container {
  padding-top: 0;
  margin-bottom: 1rem;
}
.physician h4 {
  margin: 0;
  padding: 1em 0;
}
.physician .button-group {
  display: grid;
  grid-template-areas: "back next" "back next";
  grid-template-columns: 1fr 4fr;
  margin-top: 2rem;
}
.physician .button-group .back {
  grid-area: back;
  align-self: end;
}
.physician .three-buttons {
  display: grid;
  grid-template-areas: "back next" "back next" "back next";
}

.physician-home {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 70vh;
}
.physician-home .nav-group a:not(:first-of-type) div {
  border-top: 1px solid #ccc;
}
.physician-home .nav-group div {
  display: grid;
  grid-template-areas: "content icon" "content icon";
  grid-template-columns: 6fr 1fr;
  padding: 1rem;
}
.physician-home .nav-group div img {
  grid-area: icon;
  place-self: center;
  max-width: 4rem;
  -o-object-fit: contain;
     object-fit: contain;
}
.physician-home .nav-group div h3, .physician-home .nav-group div p {
  align-self: center;
  padding-right: 1rem;
}

.algorithm {
  position: relative;
  grid-column: center-start/-1;
  display: grid;
  grid-auto-flow: column;
  gap: 3rem;
  overflow: auto;
  padding: 0 1rem 2rem;
  grid-template-columns: repeat(8, minmax(auto, auto));
}
@media (min-width: 810px) {
  .algorithm {
    grid-template-columns: repeat(8, 20rem);
  }
}
.algorithm .algorithm-category {
  padding: 1rem;
}
.algorithm .algorithm-article {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.algorithm h4 {
  padding: 0;
  margin: 0;
  font-size: 0.85rem;
}
.algorithm h3 {
  font-size: 1.25rem;
}
.algorithm p {
  font-size: 0.85rem;
}
.algorithm .discharge {
  grid-column: 7/9;
  display: grid;
  gap: 3rem;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: minmax(-webkit-min-content, -webkit-max-content);
  grid-auto-rows: minmax(min-content, max-content);
}
.algorithm .discharge header {
  grid-column: 1/-1;
}
.algorithm .discharge .decision-point {
  grid-column: 1;
}
.algorithm .discharge > a {
  grid-column-start: 2;
}

.algorithm-element {
  position: relative;
  padding: 0.6rem 1rem;
  border-radius: 1.125rem;
  background-color: #efefef;
  display: grid;
  grid-template-columns: 3fr 1fr;
  align-items: center;
  gap: 1rem;
  filter: drop-shadow(0px 2px 3px rgba(0, 0, 0, 0.18));
  font-weight: bold;
  font-size: 0.75rem;
  line-height: 1.1;
  color: #000;
}
.algorithm-element p {
  margin: 0;
}

code {
  font-size: 0.7rem;
  font-family: sans-serif;
}

p code,
h3 code,
h4 code {
  display: inline-block;
}

.decision-question {
  border: 1px solid rgba(255, 255, 255, 0.5);
  padding: 0.5rem;
  border-radius: 1rem;
  color: #000;
  line-height: 1.2;
  display: grid;
  grid-template-columns: 7fr 1fr;
  /*non diamond styles */
  grid-template-columns: 4fr 1fr;
}
.decision-question img {
  max-width: 1.5rem;
}

/*decision with diamond inside */
.decision-point.algorithm-element {
  align-items: stretch;
  grid-template-columns: 2fr 1fr;
}

.decision-answer {
  display: grid;
  align-content: space-between;
  grid-template-columns: 1fr 1fr 1fr;
}
.decision-answer .no,
.decision-answer .yes {
  font-weight: bold;
  font-size: 1.25rem;
}
.decision-answer .no {
  grid-row: 2;
  grid-column: 3;
  place-self: center;
}
.decision-answer .yes {
  place-self: center;
  grid-row: 3;
}
.decision-answer .diamond {
  grid-row: 2;
}

/*decision diamon */
.decision-point-diamond {
  -webkit-clip-path: polygon(48% 0, 0 48%, 0% 52%, 48% 100%, 52% 100%, 100% 52%, 100% 48%, 52% 0%);
          clip-path: polygon(48% 0, 0 48%, 0% 52%, 48% 100%, 52% 100%, 100% 52%, 100% 48%, 52% 0%);
  background-color: #efefef;
  display: grid;
  grid-template-columns: 5rem 1fr 5rem;
  grid-template-columns: 3.2rem 1fr 3.2rem;
  grid-template-rows: 3rem 1fr 3rem;
  grid-template-areas: " . . . " " . question no " " . yes . ";
}
.decision-point-diamond .decision-question {
  grid-area: question;
  display: flex;
  align-content: center;
  font-size: 0.85rem;
  margin: 0.6rem;
  display: grid;
  grid-template-columns: 4fr 1fr;
}
.decision-point-diamond .decision-question svg {
  justify-self: end;
}
.decision-point-diamond .decision-question-column {
  flex-direction: column;
  grid-template-columns: 1fr;
}
.decision-point-diamond .decision-question-column span {
  display: block;
  margin: 0.325rem 0;
  font-style: italic;
  text-align: center;
}
.decision-point-diamond .decision-answer {
  grid-area: answer;
}
.decision-point-diamond .yes {
  grid-area: yes;
  justify-self: center;
}
.decision-point-diamond .no {
  grid-area: no;
  align-self: center;
}

.algorithm-article a {
  position: relative;
}

.strapi-content > p:first-child {
  margin: 3rem 0 2rem;
}

.algorithm-article {
  display: flex;
  flex-direction: column;
}

.modal-header {
  padding-left: 2rem;
  padding-right: 2rem;
}

.modal-body {
  padding: 2rem;
}

.modal-content {
  min-height: 70%;
}

.modal .button-group {
  display: none;
}

.step-intro h1 {
  padding-top: 2rem;
  padding-bottom: 1rem;
}

#okdis {
  align-self: center;
}

.page-intro #isnew,
.page-intro #straightside,
.page-intro #uniny,
.page-intro #triggeredny {
  display: grid;
  grid-template-columns: 8fr 1fr;
}
.page-intro #isnew svg,
.page-intro #straightside svg,
.page-intro #uniny svg,
.page-intro #triggeredny svg {
  justify-self: center;
}

p.openModal {
  font-weight: bold;
}

.qr-code {
  margin: 2rem auto;
  max-width: 300px;
}

.design-note {
  font-family: sans-serif;
  letter-spacing: 0.25em;
  text-transform: uppercase;
  font-size: 0.6rem;
  color: #666;
  margin: 0;
}

/* .full-width-background to add a background color or image to full-width bits. padding inside this is the same as site-header,
footer, container, full-width-background

.dizz-container to add side padding to high level elements, so the page content aligns on left and right screen edges */
.modal {
  width: 100vw;
}

.modal-fullscreen .modal-content {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}/*# sourceMappingURL=main.css.map */