.intro { 
  background-image: url(wallstreet2.jpg); 
}

.top-shadow {
  /* Use tool at https://codepen.io/yaphi1/pen/oNbEqGV to calculate optimal opacity */
  background: linear-gradient(to bottom, rgba(0, 57, 118, 0.658), transparent);
}

@media print {
  .intro {
    display: none;
  }
}

.title-text a {
  text-shadow: 1px 0 0 #003976, 0 -1px 0 #003976, 0 1px 0 #003976, -1px 0 0 #003976;
}

/* .display-table h1,h2 {
  color: white;
  font-size: calc(var(--fontSize) * 1.5);
  margin-top: calc(var(--fontSize) * 2);
  margin-bottom: calc(var(--fontSize) * 2);
  margin-left: calc(var(--fontSize) * 2);
  margin-right: calc(var(--fontSize) * 2);
} */

.top-link {
  color: white;
}

.top-link:hover {
  color: white;
}

.signature {
	font-size: var(--fontSize);
	margin-top: calc(var(--fontSize) * 2);
    margin-bottom: calc(var(--fontSize) * 1);
    text-align: left;
    padding-left: 0;
}

.italic {
  font-style: italic;
  margin-left: calc(var(--fontSize) * 2);
  margin-top: calc(var(--fontSize) * 2);
  margin-bottom: calc(var(--fontSize) * 2);
}

.italic li {
  margin-left: calc(var(--fontSize) * 2);
}

h1 {
	margin-top: calc(var(--fontSize) * 1);
}

h1 a {
	color: var(--brandshadow);
	text-decoration: none;
}

h1 a:hover {
	color: var(--brandshadow);
}

/* .commentary li {
	margin-top: calc(var(--fontSize) * 1);
	margin-bottom: calc(var(--fontSize) * 1);
	margin-left: 2em;
} */

/* .td-link a {
	text-align: center;
  color: white;
  font-weight: bold;
	margin-top: calc(var(--fontSize) * 1);
} */

.cas-link a {
  text-align: center;
  color: white;
  font-weight: bold;
  margin-top: calc(var(--fontSize) * 1);
}

.modal .schwab-reqd p {
  font-size: 12pt;
}

.cancel {
  text-align: left;
}

.gotocas {
  text-align: right;
}

.list li {
  margin-left: calc(var(--fontSize) * 2);
  margin-bottom: calc(var(--fontSize) * 1);
}

h3 {
    overflow: hidden;
    text-align: center;
    color: var(--brandshadow);
}

@media screen and (min-width: 40em) {

    h3:before,
    h3:after {
        background-color: #003976;
        content: "";
        display: inline-block;
        height: 2px;
        position: relative;
        vertical-align: middle;
        width: 50%;
    }

    h3:before {
        right: 0.5em;
        margin-left: -50%;
    }

    h3:after {
        left: 0.5em;
        margin-right: -50%;
    }
}

h3 {
    margin-top: calc(var(--fontSize) * 2);
    margin-bottom: calc(var(--fontSize) * 2);
}

.quote-source {
  font-size: calc(var(--fontSize) * 0.75);
  font-style: italic;
  line-height: calc(var(--fontSize) * 1);
  margin-bottom:  calc(var(--fontSize) * 2);
}

.quote-source a {
  font-size: calc(var(--fontSize) * 0.75);
  font-style: italic;
  line-height: calc(var(--fontSize) * 1);
}

.section-prompt {
  font-size: calc(var(--fontSize) * 0.75);
  font-style: italic;
  margin-top: calc(var(--fontSize) * 1);
  margin-bottom:  calc(var(--fontSize) * 2);
  line-height: calc(var(--fontSize) * 1);
}

.accordion-title {
  font-size: calc(var(--fontSize) * 1.25);
  color: var(--brandshadow);
}

.accordion-title:focus, .accordion-title:hover {
  background-color: white;
}

.accordion-title:visited, .accordion-title:active {
  color: var(--brandshadow);
}

.accordion-title::before {
/*  position: absolute;
  top: 50%;
  right: 1rem;
  margin-top: -.5rem;
  content: "+"; */
  content: none;
}

.is-active>.accordion-title::before {
  /* content: "–"; */
  content: none;
}

.triangle {
  font-style: normal;
}

.bullets {
  margin-top: calc(var(--fontSize) * 2);
  margin-bottom: calc(var(--fontSize) * 2);
  margin-left: 5rem;
}

.bullets li {
  margin-bottom:  calc(var(--fontSize) * 2);
}

.embeded-list {
  margin-top: calc(var(--fontSize) * 1);
  margin-bottom: calc(var(--fontSize) * 1);
  /* margin-left: 5rem; */
}

.article-link {
  font-size: calc(var(--fontSize) * 0.75);
  font-style: italic;
}

.close-section {
  font-size: calc(var(--fontSize) * 0.75);
  font-style: italic;
}

.bottom-links {
  margin-bottom: calc(var(--fontSize) * 2);
}

.alignleft {
  float: left;
}

.alignright {
  float: right;
}

.clearstyle {
  clear: both;
  margin: 0;
}

.close-section:hover {
  cursor: pointer;
}

a.hide-link {
  color: var(--brandshadow);
  font-size: calc(var(--fontSize) * 1.75);
  letter-spacing: var(--letterSpacing);
  font-weight: calc(var(--fontWeight)* 2.66);
  text-decoration: none;
}