/* common HTML changes I rely on */
/* Ask Leo! Colors

  #2d72d9 - "Ask Leo! Blue"
  #5b93fe
  #84b5ff
  #abd9ff
  #bdeaff - lightest
*/
/* device/responsive settings
*/

@media (max-width: 768px) {
/* CSS in here for mobile only */
.al_featuredimage {
  display: none;
  }

.al_question {
  margin-left: 0;
  margin-right: 0;
  }

.al_summary ul {
  margin: 0 0 0 1em;
  }
}

@media (min-width: 769px) and (max-width: 1024px) {
/* CSS in here for tablet only */
.al_question {
  margin-left: 25px;
  margin-right: 25px;
  }

.al_summary ul {
  margin: 0 0 0 2em;
  }
}

@media (min-width: 1025px) {
/* CSS in here for desktop only */
.al_question {
  margin-left: 50px;
  margin-right: 50px;
  }

.al_summary ul {
  margin: 0 0 0 2em;
  }
}

@media only print {
.al_top_search_bar,
.sumome-share-client-wrapper
  {display: none;}
}

h1, h2, h3, h4, h5, h6 {
  clear: none !important;
  }

h2, h3, h4, h5, h6 {
  color: #2D72D9 !important;
  }

img {
  border: none !important;
  display: inline;
  }

td {vertical-align: top;}

@media (max-width: 768px) {
/* CSS in here for mobile only */
.al_floatright {
  margin-right: auto;
  margin-left: auto;
  }

.al_related_inline {
  border-bottom: 2px solid #2d72d9;
  border-radius: 10px;
  border-top: 2px solid #2d72d9;
  margin-bottom:15px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  max-width:300px;
  padding-left:5px;
  }

}

@media (min-width: 769px) and (max-width: 1024px) {
/* CSS in here for tablet only */
.al_floatright {
  float: right;
  margin-left: 10px;
  }

.al_related_inline {
  border-bottom: 2px solid #2d72d9;
  border-radius: 10px;
  border-top: 2px solid #2d72d9;
  float: right;
  margin-bottom:15px;
  margin-left:15px;
  margin-top: 25px;
  max-width:300px;
  padding-left:5px;
  }

}

@media (min-width: 1025px) {
/* CSS in here for desktop only */
.al_floatright {
  float: right;
  margin-left: 10px;
  }

.al_related_inline {
  border-bottom: 2px solid #2d72d9;
  border-radius: 10px;
  border-top: 2px solid #2d72d9;
  float: right;
  margin-bottom:15px;
  margin-left:15px;
  margin-top: 25px;
  max-width:300px;
  padding-left:5px;
  }

}


/* custom classes */
.al_author {
  background-color: #abd9ff;
  border-left: 4px solid #2d72d9;
  padding-left: 5px;
  text-align: left;
  }

.al_author h3 {
  border-top: 1px solid #2d72d9;
  margin-top: 10px;
  }

.al_block {
  margin: 0;
  padding: 0;
  width: auto;
  }

.al_block table {
  width: auto;
}

.al_block ul {
  margin-top: 14px;
  padding-left: 1.2em;
  }

.al_cta {
  border-left: 4px solid #5b93fe;
  border-right: 4px solid #5b93fe;
  border-radius: 10px;
  margin-top: 1.5em;
  padding-left: 10px;
  }

.al_footnotes h2 {
  border-top: 1px solid #2d72d9;
  margin-top: 1.5em;
  }

.al_footnote {
  }

.al_footref {
  vertical-align: super;
  font-size: x-small;
  font-weight: bold;
  }
  
.al_highlight {
  /* background-color: #FFFF99; */
  font-weight: bold;
  }

.al_libraryitem {
  border-top: 1px solid #2d72d9;
  }

.al_pre {
  background-color: #bdeaff;
  margin-bottom: 10px;
  padding: 5px;
  }

.al_pre p {
  margin-bottom: 0;
  }

.al_question {
  border-left: 5px double #84b5ff;
  border-radius: 10px;
  font-family: serif;
  font-style: italic;
  margin-bottom: 20px;
  margin-top: 20px;
  padding-left: 10px;
  }
  
/*.al_question::before {
  content: "Question: ";
  font-style: normal;
  font-weight: bold;
  }
*/
.al_references h3 {
  border-top: 1px solid #2d72d9;
  }

.al_related_inline h2 {
  margin-top: 2px;
  }
  
.al_related_questions {
  border-bottom: 5px solid #84b5ff;
  border-radius: 10px;
  border-top: 5px solid #84b5ff;
  margin-left: 20px;
  margin-right: 20px;
  }

.al_subhead {
  color: black !important;
  }

.al_summary {
  background-color: #abd9ff;
  border-left: 4px solid #5b93fe;
  border-right: 4px solid #5b93fe;
  border-radius: 10px;
  font-size: larger;
  margin: 20px 50px 20px 25px;
  padding: 5px 15px 5px 15px;
  }

.al_summary_out {
  margin-left: 25px
  }

.al_summary h2 {
  color: black;
  margin-top: 2px;
  }

.al_summary p {
  margin-bottom: 0;
  }

.al_summary ol {
  margin: 0 0 0 3em;
  }

.al_video_container {
  border: 1px solid black;
  }

.al_video_html5 {
  }

.askleo_adblock1 {
  background-image: url(https://img.askleomedia.com/2017/a/ab1-bg.png);
  float: left;
  height: 280px;
  margin-bottom: 15px;
  margin-right: 15px;
  margin-top: 15px;
  width: 338px;
  }

.askleo_adblock1b {
  }

.askleo_adblock2 {
  margin-left: 15px;
  margin-bottom: 15px;
  width: 338px;
  }

.askleo_adblock8 {
  float: left;
  margin-bottom: 15px;
  margin-right: 15px;
  margin-top: 15px;
  width: 338px;
  }

.askleo_alert {
  background-color: #F3F8FF;
  border: 1px solid #0C4599;
  margin-left: 20px;
  padding: 5px;
  }

.askleo_original {
  font-size: smaller;
  text-align: right;
}

.askleo_notice {
  background-color: #ecd444;
  border-left: 4px solid #5b93fe;
  border-right: 4px solid #5b93fe;
  border-radius: 10px;
  margin-bottom: 14px;
  margin-left: 75px;
  margin-right: 75px;
  margin-top: 14px;
  padding: 5px;
}

.askleo_notice a:hover {
  color: white;
}

.askleo_sidebar {
  background-color: #abd9ff;
  border-left: 4px solid #2d72d9;
  float: right;
  margin-left: 20px;
  padding: 5px;
  position: relative;
}

@media only screen and (max-width: 800px) {
.askleo_sidebar_300 {
  clear: both;
  float: none;
  margin-left: auto;
  margin-right: auto;
  }

.askleo_adblock1 {
  clear: both;
  float: none;
  margin-left: auto;
  margin-right: auto;
  width: 338px;
  }

.askleo_adblock2 {
  clear: both;
  float: none;
  margin-left: auto;
  margin-right: auto;
  width: 338px;
  }

.askleo_adblock8 {
  clear: both;
  float: none;
  margin-left: auto;
  margin-right: auto;
  width: 338px;
  }

}

.askleo_sidebar h2 {
  margin-top: 0;
}

.al_transcript {
  background-color: #F9FBFF;
  border: 1px solid #0c4599;
  margin: 10px 20px 10px 20px;
  padding: 0 10px 0 10px;
  }

.al_affiliatedisclosure {
  background-color: #abd9ff;
  border-right: 4x double #5b93fe;
  border-radius: 10px;
  float: right;
  font-size: smaller;
  margin-left: 10px;
  margin-top: 10px;
  padding: 10px;
  width: 250px;
  }

.al_tail {
  border-left: 2px solid #5b93fe;
  font-size: smaller;
  padding-left: 20px;
  }

/* classes from the old site here to make import of old articles work */

.imageinline {
  text-align:center;
  }

.leocomment {
  border: 1px solid #C0C0C0;
  font-weight: normal;
  margin-left: 50px;
  padding: 5px;
}

.leocommentsig {
  text-align: right;
}

@media only print {
    .askleo_adblock1,
    .askleo_adblock1b,
    .askleo_adblock2,
    .askleo_adblock8,
    .askleo_adblock9,
    .al_author,
    .al_narration,
    .al_powerpress_player,
    .comment-respond
  {display: none;}
}

/* from barbara feldman */

.fp-amazon, .fp-blog-green, .fp-email, .fp-facebook, .fp-facebook-like, .fp-flickr, .fp-goodreads, .fp-googleplus, .fp-instagram, .fp-pinterest, .fp-twitter-2, .fp-youtube {
	background: url(sprites.png) no-repeat;
}

.fp-amazon{
	background-position: -2px -36px ;
	width: 32px;
	height: 32px;
	margin:.3em;
	float:left;
}

.fp-blog-green{
	background-position: -36px -36px ;
	width: 32px;
	height: 32px;
	margin:.3em;
	float:left;
}

.fp-email{
	background-position: -70px -37px ;
	width: 32px;
	height: 32px;
	margin:.3em;
	float:left;
}

.fp-facebook{
	background-position: -3px 0;
	width: 32px;
	height: 32px;
	margin:.3em;
	float:left;
}

.fp-facebook-like{
	background-position: -103px -39px ;
	width: 69px;
	height: 32px;
	margin:.3em;
	float:left;
}

.fp-flickr{
	background-position: -138px -2px ;
	width: 32px;
	height: 32px;
	margin:.3em;
	float:left;
}

.fp-goodreads{
	background-position: -174px -41px ;
	width: 32px;
	height: 32px;
	margin:.3em;
	float:left;
}

.fp-youtube{
	background-position: -71px -1px ;
	width: 32px;
	height: 32px;
	margin:.3em;
	float:left;
}
.fp-googleplus{
	background-position: -71px -1px ;
	width: 32px;
	height: 32px;
	margin:.3em;
	float:left;
}

.fp-instagram{
	background-position: -171px -3px ;
	width: 32px;
	height: 32px;
	margin:.3em;
	float:left;
}

.fp-pinterest{
	background-position: -106px -2px ;
	width: 32px;
	height: 32px;
	margin:.3em;
	float:left;
}

.fp-twitter-2{
	background-position: -36px -1px ;
	width: 32px;
	height: 32px;
	margin:.3em;
	float:left;
}

/* style overrides for powerpress player
 */
.al_podcast {
  background-color: #abd9ff;
  border-left: 4px solid #5b93fe;
  border-right: 4px solid #5b93fe;
  border-radius: 10px;
  margin-top: 15px;
  padding-left: 10px;
}

.al_powerpress_player {
  margin-bottom: 15px;
}

.al_powerpress_player1 .powerpress_player {
  background-color: transparent;
  border-left: none;
  margin-right: 0;
  padding-left: 0;
  padding-top: 0;
}

/* styles stolen from the theme. Technically they should be MOVED here and removed from the theme.
 */
.quote {
  width: 380px;
  width: 21.11111rem;
  line-height: 1.12708;
  font-size: 24px;
  font-size: 1.33333rem;
  line-height: 32px;
  line-height: 1.77778rem;
  font-style: italic;
}
.quote.align-left, .quote.align-right {
  width: 380px;
  width: 21.11111rem;
}
.quote .quote-text {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 27px;
  padding-top: 27px;
  margin-bottom: 0;
}
.quote.align-left, .quote.align-full {
  padding-left: 50px;
  padding-left: 2.77778rem;
  padding-right: 54px;
  padding-right: 3rem;
}
.quote.align-left .quote-quotes, .quote.align-full .quote-quotes {
  left: -4px;
  left: -0.22222rem;
}
.quote.align-full {
  width: auto;
  float: none;
  clear: none;
}

.quote-quotes {
  display: block;
  width: 27px;
  height: 27px;
  position: absolute;
  top: 54px;
  left: 27px;
  font-size: 100px;
  color: #2d72d9;
  text-align: right;
  font-weight: normal;
  font-style: normal;
  font-family: 'Oswald', sans-serif;
}

.glossary {
  width: 380px;
  width: 21.11111rem;
  color: black;
  font-size: 16px;
  font-size: 0.88889rem;
  line-height: 23px;
  line-height: 1.27778rem;
}
.glossary p {
  margin-bottom: 0;
}
.glossary .glossary-description {
  margin-bottom: 27px;
  margin-bottom: 1.5rem;
}
.glossary.align-left, .glossary.full {
  padding-left: 50px;
  padding-left: 2.77778rem;
  padding-right: 54px;
  padding-right: 3rem;
}
.glossary.align-left .icon-bookmark, .glossary.full .icon-bookmark {
  left: -4px;
  left: -0.22222rem;
}

.glossary-link {
  white-space: nowrap;
}

.glossary-rm {
  font-size: 14px;
  font-size: 0.77778rem;
  color: #2d72d9;
}

.glossary-term {
  font-weight: bold;
}

.glossary-hiperlink {
  border-top: 1px solid #aaaaaa;
  text-transform: uppercase;
  margin-bottom: 27px;
  margin-bottom: 1.5rem;
  text-align: right;
  line-height: 1.93214;
  font-size: 14px;
  font-size: 0.77778rem;
  color: #566067;
}

.glossary .icon-bookmark {
  display: block;
  font-size: 36px;
  font-size: 2rem;
  text-align: center;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 29px;
  left: 1.61111rem;
}

.quote, .glossary {
  margin: 0 0 27px 0;
  margin:  0 0 1.5rem 0;
  padding: 0 0 27px 81px;
  padding:  0 0 1.5rem 4.5rem;
  position: relative;
  color: #566067;
  max-width: 100% !important;
}
.align-right.quote, .align-right.glossary {
  clear: both;
  float: right;
}
.align-left.quote, .align-left.glossary {
  clear: both;
  float: left;
  padding: 0 81px 0 0;
  padding:  0 4.5rem 0 0;
}
.quote br, .glossary br {
  display: none;
}
@media only screen and (max-width: 50em) {
  .quote, .glossary {
    width: auto;
    float: none;
  }
}

/* specific items
*/
#patrontable table td {
  padding: 20px;
  border-bottom: 1px solid black;
  }