/*
 * Scott Pedlow campaign site custom styles
 */

/* ---------------------------------------------------------
 * Hero candidate photo
 * --------------------------------------------------------- */

#hero .image {
  width: 100%;
  max-width: 100%;
}

#hero .image img {
  display: block;

  width: min(420px, 100%);
  height: auto;

  margin-left: auto;
  margin-right: auto;

  border-radius: 0.75rem !important;
}


/* ---------------------------------------------------------
 * Campaign artwork
 * --------------------------------------------------------- */

.campaign-artwork {
  width: 100%;
  margin: 2.5rem auto 0;
  text-align: center;
}

.campaign-artwork img {
  display: block;

  /*
   * 850px maximum on large displays.
   * On smaller screens it automatically shrinks to the
   * width of its container.
   */
  width: min(850px, 100%);
  height: auto;

  margin-left: auto;
  margin-right: auto;

  border-radius: 0.75rem;
}

.campaign-artwork figcaption {
  margin-top: 0.5rem;
  font-size: 0.875rem;
  color: #6b7280;
}


/* Give embedded content some breathing room on phones. */
@media (max-width: 576px) {
  .campaign-artwork {
    margin-top: 2rem;
  }

  .campaign-artwork img {
    width: 100%;/*



/*
 * Hugo Profile experience section:
 * Hide the duplicate company name/link beside the job title.
 * The company remains visible in the tabs above.
 */
#experience .tab-pane .d-flex.align-items-center.justify-content-between
  > div:first-child > small,
#experience .tab-pane .d-flex.align-items-center.justify-content-between
  > div:first-child > a {
  display: none;
}