/* 
 * Put project specific base styles here.
 *
 * Note: The proect does not load this file.
 *       You will need to load these using scripts.js.
 * 
 *
 */
 :root {
  --link-disabled-color: #6e6e6e;
 }

 .reading-width {
  max-width: 600px;
  margin: auto;
  padding: 20px;
}

 .reading-width-footer-tag {
  max-width: 600px;
  margin: -20px auto;
  padding: 0 20px 20px;
}

 .reading-width-footer-tag > .content {
  max-width: var(--grid-container-width);
  margin: 0 auto;
}

.link-disabled {
  cursor: not-allowed;
  color: var(--link-disabled-color) !important;
  text-decoration: none !important;
  pointer-events: none;
}

.link-disabled:hover,
.link-disabled:focus {
  text-decoration: none !important;
  color: var(--link-disabled-color) !important;
}