/* IMPORTS */
@import url(http://fonts.googleapis.com/css?family=Open+Sans);
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);

body {
  background-color: #000;
  font-family: "Droid Sans", 'Open Sans', sans-serif;
  font-weight: 500;
  font-size: 2.25em;
}

/* GLOBALS */
.red-font {
  color: #a00000;
}
.red-bg {
  background-color: #a00000;
}
.quote-attribution {
  color: #636363;
  font-weight: 300;
  font-size: 1em;
}
.bold {
  font-weight: bold;
}
.col-centered {
  display: inline-block;
  text-align: center;
  margin-right: -4px;
}
.row-centered {
  text-align: center;
}
#top-stats > div > div > img {
  margin: 0 auto;
}

#top-quote > div > div > img
{
  margin: 0 auto;
}

#video-wrapper-small {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}

#video-wrapper-small iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#video {
  padding-top: 0 !important;
}

#lead-small {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

 #lbf-small-wrapper {
    width: 100%;
    text-align: center;
  }

/* Custom, iPhone Retina */
@media only screen and (max-width:320px) {
  #stats-img {
    width: 100%;
  }

  div#lbf-small-wrapper.container {
    text-align: center !important;
  }
  ul, li {
    margin-left: 0.5em;
    margin-right: 0.5em;
    padding-right: 0;
    padding-left: 0;
    padding-top: 0;
  }

  #what-they-are-saying-body > ul, 
  #what-they-are-saying-body > ul > li, 
  #honor-roll-body > ul > li, 
  #all-class-body-sm > ul > li
  {
    margin-left: 0.5em;
    margin-right: 0.5em;
  }

  #in-the-news-body > ul > li,
  #in-the-news-body > ul {
    margin-left: 0.5em !important;
    margin-right: 0.5em !important;
  }
/*#all-class-body-sm > ul > li:nth-child(1){color: white;}*/
}

/* Extra Small Devices, Phones */
@media only screen and (max-width:480px) {
  #stats-img {
    width: 100%;
  }

 /*    MY PHONE   */
  div#lbf-small-wrapper.container {
    text-align: center !important;
  }
  ul, li {
    margin-left: 0.5em;
    margin-right: 0.5em;
    padding-right: 0;
    padding-left: 0;
    padding-top: 0;
  }

  #what-they-are-saying-body > ul, 
  #what-they-are-saying-body > ul > li, 
  #honor-roll-body > ul > li, 
  #all-class-body-sm > ul > li
  {
    margin-left: 0.5em;
    margin-right: 0.5em;
  }

  #in-the-news-body > ul > li,
  #in-the-news-body > ul {
    margin-left: 0.5em !important;
    margin-right: 0.5em !important;
  }
/*  #all-class-body-sm > ul > li:nth-child(1){color: teal;}*/
}

/* Small Devices, Tablets */
@media only screen and (max-width:768px) and (min-width:481px){
  #stats-img {
    width: 100%;
  }
 
  div#lbf-small-wrapper.container {
    text-align: center !important;
  }
  ul, li {
    margin-left: 2.5em;
    margin-right: 2.5em;
    padding-right: 0;
    padding-left: 0;
    padding-top: 0;
  }

  #what-they-are-saying-body > ul, 
  #what-they-are-saying-body > ul > li, 
  #honor-roll-body > ul > li, 
  #all-class-body-sm > ul > li
  {
    margin-left: 2.0em;
    margin-right: 2.0em;
  }

  #in-the-news-body > ul > li,
  #in-the-news-body > ul {
    margin-left: 2.0em !important;
    margin-right: 2.0em !important;
  }

/*  #all-class-lg > ul > li:nth-child(1){color: blue;}
  #all-class-body-sm > ul > li:nth-child(1){color: purple;}*/
}

@media only screen and (max-width:991px) and (min-width: 769px) {
    ul, li {
    margin-left: 2.7em;
    margin-right: 2.7em;
    padding-right: 0;
    padding-left: 0;
    padding-top: 0;
  }

  #what-they-are-saying-body > ul, 
  #what-they-are-saying-body > ul > li, 
  #honor-roll-body > ul > li, 
  #all-class-lg > ul > li
  {
    margin-left: 2.7em;
    margin-right: 2.7em;
  }

  #in-the-news-body > ul > li,
  #in-the-news-body > ul {
    margin-left: 2.5em !important;
    margin-right: 2.5em !important;
  }

/*  #all-class-body-sm > ul > li:nth-child(1){color: green;}*/
}

/* Medium Devices, Desktops */
@media only screen and (min-width:992px) {
  ul, li {
    margin-left: 1em;
    margin-right: 1em;
    padding-right: 0;
    padding-left: 0;
    padding-top: 0;
  }

  #what-they-are-saying-body > ul,
  #what-they-are-saying-body > ul > li,
  #honor-roll-body > ul > li,
  #all-class-lg > ul > li {
    margin-left: 0.8em !important;
  }
  #in-the-news-body > ul > li,
  #in-the-news-body > ul {
    margin-left: 0.5em !important;
  }

/*  #all-class-lg > ul > li:nth-child(1){color: yellow;}*/
}

/* Large Devices, Wide Screens */
@media only screen and (min-width:1200px) {
  ul, li {
    margin-left: 1.25em;
    margin-right: 1.25em;
    padding-right: 0;
    padding-left: 0;
    padding-top: 0;
  }

  #what-they-are-saying-body > ul,
  #what-they-are-saying-body > ul > li,
  #honor-roll-body > ul > li,
  #all-class-lg > ul > li {
    margin-left: 0.8em !important;
  }
  #in-the-news-body > ul > li,
  #in-the-news-body > ul {
    margin-left: 0.5em !important;
  }

/*#all-class-lg > ul > li:nth-child(1){color: orange;}*/
}
#footer {
}
#lead {
  background: url('../media/jpgs/top_without_quote_70q_pdl_1970wX838h_v_2_0_0.jpg') no-repeat center top;
  min-height: 838px;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}

div#footer.jumbotron {
  margin-bottom: 0px !important;
  padding: 0px;
  margin-bottom: 0px;
  padding-top: 20px;
}
.jumbotron {
  background-color: #000 !important;
}
#footer-large {
  background: url('../media/jpgs/Footer_jh_1970w.jpg') no-repeat center top;
  min-height: 202px;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

#footer-small {
  background: url('../media/jpgs/Footer_SMALL.jpg') no-repeat center top;
  min-height: 187px;
  background-size: cover;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}
.content-header-image, .content-header-image img {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
#frankly-speaking-header {
}
.content-body {
  background: url('../media/pngs/ContentBodyBackGround_1pxTALL.jpg') center top #000;
  background-repeat: repeat-y;
  background-size: auto auto;
  text-align: left;
}
.content-body-lg-ac {
  background: url('../media/pngs/ContentBodyBackGround_8pxTALL_lg_all-class.png') center top #000;
  background-repeat: repeat-y;
  text-align: left;
  background-size: auto auto;
}
.content-body-sm-ac {
  background: url('../media/pngs/ContentBodyBackGround_2pxTALL_sm_all-class.png') center top;
  background-repeat: repeat-y;
  text-align: left;
  background-size: auto auto;
}
.content-body-right {
  background: url('../media/pngs/ContentBodyBackGround_1pxTALL.png') center top;
  background-repeat: repeat-y;
  text-align: left;
  background-size: auto auto;
}


ul {
  list-style-image: url('../media/pngs/RedArrow.png');
  list-style-position: outside;
  padding-left: 20px;
}
li {
  padding-bottom: 12px;
  border-bottom: 2px solid #efedf5;
  padding-top: 12px;
  text-align:left;
}
li::before {
  text-align: right;
  padding-left: 20px;
}

#what-they-are-saying-body > ul
{
  padding-left: 8px !important;
}
ul > li:last-child {
  padding-bottom: 20px !important;
}
#frankly-speaking-body > ul > li, 
#honor-roll-body > ul > li, 
#in-the-news-body > ul > li, 
#all-class-lg > ul > li,
#all-class-body-sm > ul > li {
  border: none !important;
  padding-bottom: 2px;
}
#what-they-are-saying-body > ul, 
#in-the-news-body > ul {
  list-style: none;
}

#in-the-news-body > ul > li {
  text-align: left !important;
}
#in-the-news-body > ul > li > a {
  color: #000;
  text-decoration: underline;
}

#all-class-image-lg {
  float: left;
  padding-left: 40px;
}
div#frankly-speaking-body.content-body ul li a:hover {
  color: #000;
  text-decoration: underline;
}

#video-wrapper-large
{
  position: absolute;
  z-index: 100;
  left: 45%;
  top: 300px;
}

.show-as-image {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}