.button { line-height: 2.5em !important; white-space: nowrap; }
.button-selected { background: #CFB991; }
.tag { background: #FFF; border: 1px solid #DDD; border-radius: 3px; float: left; margin-left: 5px; padding: 5px 10px; text-align: center; width: auto; }

.BG_EEE { background: #EEE; }
.BG_FFF { background: #FFF; }
.arrow-down { width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-top: 20px solid #333; bottom: -20px; position: absolute; }

ul li {
  list-style-type: inherit;
}



.left-or-right { float: left; }
@media (min-width: 992px) { .left-or-right { float: right; } }
.stripes { background: linear-gradient( -135deg, #EEE, #EEE 25px, #FFF 25px, #FFF ); height: 103%; left: -12px; position: absolute; width: 10px; }
.stripes-2 { background: linear-gradient( 135deg, #EEE, #EEE 25px, #FFF 25px, #FFF ); height: 48px; left: 0; position: absolute; width: 10px; }
.stripes-3 { background: linear-gradient( -45deg, #EEE, #EEE 25px, #FFF 25px, #FFF ); bottom: 0; height: 38px; right: 0; position: absolute; width: 10px; }
.square { background: #EEE; height: 12px; left: 2px; top: 13px; position: absolute; width: 12px; }

#search-A {
  background: #FFF;
  border-radius: 3px;
  border: 1px solid #CCC;
  font-weight: bold;
  font-size: 16px;
  line-height: 20px;
  margin: 3px;
  margin-left: 0px;
  margin-right: 10px;
  margin-top: 12px;
  max-width: 360px;
  padding: 5px 15px;
  text-align: left;
  width: 360px;
}
/*
#entity-title { font-size: 1.65em; }
@media (min-width: 576px) {

  #entity-title,
  #entity-title a {
    margin: 0;
    font-size: 1.95rem;
  }

}
*/
.episode { background: #000; box-shadow: 0 10px 0 #EEE; color: #FFF; font-size: 20px; left: 0; padding: 10px 20px; position: relative; width: 100%; }
.show-on-small { display: block; }
.show-on-other { display: none; }
#IDEAS-slogan { font-size: 1.00em !important; font-weight: bold; }
@media (min-width: 576px) { .show-on-small { display: none; } .episode { left: -40px; position: absolute; width: auto; } .show-on-other { display: block; } #IDEAS-slogan { font-size: 1.25em !important; } }
@media (min-width: 992px) { .show-on-small { display: none; } .episode { left: -40px; position: absolute; width: auto; } .show-on-other { display: block; } #IDEAS-slogan { font-size: 1.65em !important; } }


.content p, .content li, .content li > a { font-size: 1.25em; }
.content a, .content p { line-height: 1.30em; }
#main h2 { font-size: 1.55em !important; line-height: 1.10em !important; }
#main h3 { font-size: 1.30em !important; line-height: 1.10em !important; }
#main h4 { font-size: 1.25em !important; line-height: 1.10em !important; }
.item h2 { line-height: 1.00em !important; }

#my-link::before { color: #999; content: "Suggested Resource: "; font-size: 0.75em; }

#question-box p { font-size: 1.50em; padding: 10px; }


.page-button a:hover { color: #CFB991; }
.videoWrapper { height: 0; padding-bottom: 56.25%; position: relative; }
.videoWrapper iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; }


@media (max-width: 576px) { #billboard-container p { font-size: 1.10em; padding: 0; } }
@media (max-width: 576px) { #billboard-container #banner-title { position: relative; display: block; } }