@charset "UTF-8";
@font-face { 
    font-family: "Abbott-icon"; 
    src: url("https://electrophysiology.abbott.com/rs/808-JQJ-642/images/Abbott-icon.eot?1iw9o4#iefix") format("embedded-opentype"), 
         url("https://awkn.sfo3.digitaloceanspaces.com/Abbott/fonts/Abbott-icon.ttf?1iw9o4") format("truetype"), 
         url("https://awkn.sfo3.digitaloceanspaces.com/Abbott/fonts/Abbott-icon.woff?1iw9o4") format("woff"), 
         url("https://awkn.sfo3.digitaloceanspaces.com/Abbott/fonts/Abbott-icon.svg?1iw9o4#Abbott-icon") format("svg"); 
    font-style: normal; 
    font-weight: normal; 
    font-display: block; 
}

:root {
  /* Accent color */
  --accent-color: var(--abbott-medium-blue);
  --flow-space: 1em;
  --blue-green-yellow-gradient: linear-gradient(170deg, var(--abbott-primary-blue) 20%, var(--abbott-medium-green) 70%, var(--abbott-yellow) 100%); 
}

.gradient {
  background-image: none;
  background-color: var(--accent-color);
}

.grGradient {
  background: var(--blue-green-yellow-gradient);
  padding-inline: 2em;
}

.flow > * + * {
  margin-block-start: var(--flow-space, 1em);
}

.topics ul {
  margin-block-start: var(--flow-space);
}

header {
  background-color: var(--abbott-medium-blue);
}

header .logo {
  width: clamp(7.813rem, calc(5.304rem + 7.432vw), 11.25rem); /* min: 125px, max: 180px */
}

header .dt {
  color: var(--abbott-medium-blue);
}

.hero {
  background-image: none;
  color: #ffffff;
  height: clamp(17.5rem, calc(8.378rem + 27.027vw), 30rem); /* min: 280px, max: 480px */
}

#boothContent figure {
  background-color: #3a3a3a;
  aspect-ratio: 4 / 3;
}

#boothContent figure img {
  object-fit: cover;
  height: 100%;
  object-position: 60%;
}

#booth .switcher {
  display: none;
}

h1 {
  font-weight: 400;
  letter-spacing: 2.5px;
  max-width: 100%;
}

h2 {
  font-size: clamp(1.375rem, calc(1.01rem + 1.081vw), 1.875rem); /* min: 22px, max: 30px */
  font-weight: 400;
  text-transform: uppercase;
}

h3 {
  text-wrap: unset;
  max-width: 50ch;
}

.topics h5 {
  margin-block-start: 0;
}

.ctaContent {

  & :first-child {
    flex-grow: 1;
  }
  & h3 {
    color: var(--abbott-medium-blue);
    text-transform: uppercase;
    max-width: 100%;
    text-align: center;
  }
}

a,
footer .container a,
#signup a:not([class]) {
  color: var(--abbott-primary-blue);
  text-decoration: none;
}

a:hover,
footer .container a:hover,
#signup a:not([class]):hover {
  text-decoration: underline;
}

.topics div > a {
  font-family: brandon-grotesque, Calibri, Arial, Helvetica, sans-serif;
  font-weight: 500;
}

.grid-2-col {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: clamp(20px, 3.5vw, 60px);
}

#learnMore .switcher {
  flex-direction: column;
}

#learnMore .switcher > * {
  flex-basis: auto;
}

.side-button a,
a.button:not(.blue),
.mktoForm .mktoButton {
  background-color: var(--accent-color) !important;
  border: 1px solid var(--accent-color) !important;
  color: #ffffff !important;
}

.side-button a:hover,
a.button:not(.blue):hover,
.mktoForm .mktoButton:hover {
  background-color: #ffffff !important;
  color: var(--accent-color) !important;
}

.side-button a {
  --accent-color: var(--abbott-primary-blue);
}

.footer-nav {
  background-color: var(--accent-color);
}

.abt-icon-arrow_circle.arrow-up::before {
  display: inline-block;
  transform: rotate(270deg);
}

.img-flex {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: center;
    gap: var(--gap, 40px);
    margin-block-end: 20px;

    & figure {
      max-width: 60px;
    }
}

.grid-columns {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 20px;
}

.topics .grid-columns {
  max-width: 720px;
}

.columns.cols__two {
    columns: 2;
}

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

/* Headshot Images */
.speakers img {
  border-radius: 50vw;
}

/* Keep disclaimer colorbox fixed in viewport */
#colorbox {
  position: fixed !important;
}