/*
 * Theme Name: Luminary Agent Procedures
 * Theme URI: https://luminaryagent.com
 * Description: Custom procedures theme.
 * Author: Luminary Agent
 * Author URI: https://luminaryagent.com
 * Template: sidekick
 * Version: 1.0.1
 * Updated: January 20, 2021
 *
 */
/* ------------------------------------------------------------
   Smooth Scrolling
   ------------------------------------------------------------ */
/* ------------------------------------------------------------
   Site Main
   ------------------------------------------------------------ */
.site-main__header-image-overlay {
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  z-index: -75; }

.main-article {
  max-width: 100%; }

.main-article__header {
  margin-top: 0; }

.main__sidebar {
  order: 2; }
  @media only screen and (min-width: 896px) {
    .main__sidebar .wrap {
      position: sticky;
      top: 0; } }
.main-article__content {
  order: 3; }

/* ------------------------------------------------------------
   Template - Page - Home
   ------------------------------------------------------------ */
.category-list {
  padding: 16px; }
  @media only screen and (min-width: 896px) {
    .category-list {
      padding: 64px; } }
.category-section {
  margin-bottom: 64px;
  width: 100%; }

.category-section-anchor {
  height: 1px;
  margin-bottom: 40px; }

/* ------------------------------------------------------------
   Single
   ------------------------------------------------------------ */
#top,
.step-anchor {
  height: 1px;
  margin-bottom: 40px; }

.step-toc {
  background-color: #f0f0f0;
  margin-bottom: 32px;
  padding: 64px; }

.step {
  margin-bottom: 10rem;
  padding-left: 10rem; }
  .step .step-number {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    border-radius: 50%;
    color: white;
    float: left;
    font-size: 24px;
    font-weight: bold;
    height: 6rem;
    margin-left: -8rem;
    width: 6rem; }
  .step h2 {
    padding-top: 1rem; }

.step img {
  border: 10px solid #adaeae; }
  .step img.no-border {
    border: none; }
  .step img.inline {
    display: inline; }