#sequence div,
#sequence span,
#sequence h1,
#sequence h2,
#sequence h3,
#sequence h4,
#sequence h5,
#sequence h6,
#sequence p {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  color : #FFFFFF;
}

#sequence {
  font-size : 1.75vw;
}

#sequence a {
  text-decoration : none;
  color : #FFFFFF;
  border-bottom:none;
}

#sequence ul {
  padding : 0;
}

#sequence ol, #sequence ul {
  list-style: none;
}

#sequence img {
  width : 100%;
  height : auto;
}

#sequence div.learnmore {
  width:55%;
  margin:1.7rem auto 0 auto;
  font-size:1.3vw;
  text-transform:uppercase;

position: absolute;
bottom: 21%;
left: 25%;
}

#sequence div.blurb2,
#sequence div.blurb3,
#sequence div.blurb4,
#sequence div.blurb5,
#sequence div.blurb6,
#sequence div.blurb7,
#sequence div.blurb {
  font-family: 'Open Sans', sans-serif;
}

#sequence .blurb2 h2,
#sequence .blurb3 h2,
#sequence .blurb4 h2,
#sequence .blurb5 h2,
#sequence .blurb6 h2,
#sequence .blurb7 h2,
#sequence .blurb h2,
#sequence .blurb h3 {
 font-family: 'Open Sans', sans-serif;
 font-weight: bold;
/* color : #001d77;*/
}

#sequence .blurb2 h2,
#sequence .blurb3 h2,
#sequence .blurb4 h2,
#sequence .blurb5 h2,
#sequence .blurb6 h2,
#sequence .blurb7 h2,
#sequence .blurb h2 {
  font-size : 1.5vw;
  line-height : 2vw;
  /*letter-spacing: .09vw;*/
}

#sequence .blurb4 h2 sup,
#sequence .blurb5 h2 sup,
#sequence .blurb6 h2 sup,
#sequence .blurb7 h2 sup {
  top : -0.22em;
}

#sequence .blurb4 h2.line2,
#sequence .blurb5 h2.line2,
#sequence .blurb6 h2.line2,
#sequence .blurb7 h2.line2 {
  font-size : 3.4vw;
  line-height : 3.4vw;
  letter-spacing: .1vw;
}

#sequence .blurb h3 {
  font-size : 2.5vw;
  line-height : 2.2vw;
  letter-spacing: .1vw;
}

#sequence .blurb2 p,
#sequence .blurb3 p,
#sequence .blurb4 p,
#sequence .blurb5 p,
#sequence .blurb6 p,
#sequence .blurb7 p,
#sequence .blurb p {
  font-size:0.95vw;
  /*position:absolute;*/
  /*top:45%;*/
  padding:3% 0 3% 0;
}

#sequence p {
  /*font-size : .65rem;*/
  font-size : 1.25vw;
}

#sequence div.blurb2,
#sequence div.blurb3,
#sequence div.blurb4,
#sequence div.blurb5,
#sequence div.blurb6,
#sequence div.blurb7,
#sequence div.blurb {
  width:25vw;
  /*height:18vw;*/
  /*border-radius:9vw;*/
  line-height:2.5rem;
  background:rgba(1, 41, 88, 0.8);
  /*text-align:center;*/
  color:#FFFFFF;
  padding-top:1vw;
  padding-left:1vw;
  padding-right:1rem;
}

/*--- sequence stuff ---*/
#sequence {
    /*height:390px;*/
    height:28.1vw;
    position: relative; /* required */
    width: 100%;
    overflow: hidden;
}

#sequence > .sequence-canvas { /* required */
    height: 100%; 
    width: 100%;
}

#sequence > .sequence-canvas > li { /* required */
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
}

#sequence > .sequence-canvas li > * {  /* required */
    position: absolute;
}

#sequence .bannerbg,
#sequence .animate-in .bannerbg {
    position: absolute;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    -ms-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    transition-duration: 1.5s;
}

#sequence .bannerbg {
    top: -450px;
    opacity: 0;
}

#sequence .animate-in .bannerbg {
    top: 0px;
    opacity: 1;
}

#sequence .animate-out .bannerbg {
    top: 500px;
    opacity: 0;
    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -ms-transition-duration: 1s;
    -o-transition-duration: 1s;
    transition-duration: 1s;
}

#sequence .blurb2,
#sequence .blurb3,
#sequence .blurb4,
#sequence .blurb5,
#sequence .blurb6,
#sequence .blurb7,
#sequence .blurb,
#sequence .animate-in .blurb2,
#sequence .animate-in .blurb3,
#sequence .animate-in .blurb4,
#sequence .animate-in .blurb5,
#sequence .animate-in .blurb6,
#sequence .animate-in .blurb7,
#sequence .animate-in .blurb,
#sequence .animate-out .blurb2,
#sequence .animate-out .blurb3,
#sequence .animate-out .blurb4,
#sequence .animate-out .blurb5,
#sequence .animate-out .blurb6,
#sequence .animate-out .blurb7,
#sequence .animate-out .blurb {
    position: absolute;
    -webkit-transition-duration: 1.5s;
    -moz-transition-duration: 1.5s;
    -ms-transition-duration: 1.5s;
    -o-transition-duration: 1.5s;
    transition-duration: 1.5s;
}

#sequence .blurb,
#sequence .blurb2,
#sequence .blurb3,
#sequence .blurb4,
#sequence .blurb5,
#sequence .blurb6,
#sequence .blurb7 {
    top: 1000px;
    left: 1%;
}

#sequence .animate-in .blurb2,
#sequence .animate-in .blurb3,
#sequence .animate-in .blurb4,
#sequence .animate-in .blurb5,
#sequence .animate-in .blurb6,
#sequence .animate-in .blurb7,
#sequence .animate-in .blurb {
    top: 2%;
}

#sequence .animate-out .blurb2,
#sequence .animate-out .blurb3,
#sequence .animate-out .blurb4,
#sequence .animate-out .blurb5,
#sequence .animate-out .blurb6,
#sequence .animate-out .blurb7,
#sequence .animate-out .blurb {
    top: 1000px;
}

ul.sequence-canvas li {
  cursor : pointer;
}

#bannernav {
 margin-top:1rem;
}

#bannernav li {
 background-color:#67A3D6;
 border-radius:50%;
 line-height:1;
 margin-right:1rem;
 cursor:pointer;
}

#bannernav li.selected {
 background-color:#0165BB;
}

/* --- new mod 2018-10-31 - ORDER MATTERS --- */
@media (max-width : 1026px) {
 #sequence .blurb2 p,
 #sequence .blurb3 p,
 #sequence .blurb4 p,
 #sequence .blurb5 p,
 #sequence .blurb6 p,
 #sequence .blurb7 p,
 #sequence .blurb p {
  font-size:12px;
  line-height:1.5;
 }

 #sequence .blurb2 h1,
 #sequence .blurb3 h1,
 #sequence .blurb4 h1,
 #sequence .blurb5 h1,
 #sequence .blurb6 h1,
 #sequence .blurb7 h1,
 #sequence .blurb h1 {
  font-size:20px;
 }
}

@media (max-width : 768px) {
 #sequence div.blurb2,
 #sequence div.blurb3,
 #sequence div.blurb4,
 #sequence div.blurb5,
 #sequence div.blurb6,
 #sequence div.blurb7,
 #sequence div.blurb {
  /* width: 60vw; */
  width: 98%;
  padding: 5px;
  text-align: center;
 }

 #sequence .blurb2 p,
 #sequence .blurb3 p,
 #sequence .blurb4 p,
 #sequence .blurb5 p,
 #sequence .blurb6 p,
 #sequence .blurb7 p,
 #sequence .blurb p {
  display: none;
 }

 #sequence .blurb2 h1,
 #sequence .blurb3 h1,
 #sequence .blurb4 h1,
 #sequence .blurb5 h1,
 #sequence .blurb6 h1,
 #sequence .blurb7 h1,
 #sequence .blurb h1 {
  white-space: nowrap;
 }
}

@media (max-width : 550px) {
 #sequence div.blurb2,
 #sequence div.blurb3,
 #sequence div.blurb4,
 #sequence div.blurb5,
 #sequence div.blurb6,
 #sequence div.blurb7,
 #sequence div.blurb {
  display: none;
 }
}
/* --- end new mod --- */

/*------- HS OVERRIDES -----------*/
#sequence div.aiken-high-school-blurb,
#sequence div.aiken-high-school-blurb2,
#sequence div.aiken-high-school-blurb3,
#sequence div.aiken-high-school-blurb4,
#sequence div.aiken-high-school-blurb5,
#sequence div.aiken-high-school-blurb6,
#sequence div.aiken-high-school-blurb7,
#sequence div.aiken-high-school-blurb8 {
 background-color:#57207b;
}
#sequence div.clark-montessori-high-school-blurb,
#sequence div.clark-montessori-high-school-blurb2,
#sequence div.clark-montessori-high-school-blurb3,
#sequence div.clark-montessori-high-school-blurb4,
#sequence div.clark-montessori-high-school-blurb5,
#sequence div.clark-montessori-high-school-blurb6,
#sequence div.clark-montessori-high-school-blurb7,
#sequence div.clark-montessori-high-school-blurb8 {
 background-color:#020165;
}
#sequence div.gilbert-a-dater-high-school-blurb,
#sequence div.gilbert-a-dater-high-school-blurb2,
#sequence div.gilbert-a-dater-high-school-blurb3,
#sequence div.gilbert-a-dater-high-school-blurb4,
#sequence div.gilbert-a-dater-high-school-blurb5,
#sequence div.gilbert-a-dater-high-school-blurb6,
#sequence div.gilbert-a-dater-high-school-blurb7,
#sequence div.gilbert-a-dater-high-school-blurb8 {
 background-color:#4d0f1b;
}
#sequence div.cincinnati-digital-academy-blurb,
#sequence div.cincinnati-digital-academy-blurb2,
#sequence div.cincinnati-digital-academy-blurb3,
#sequence div.cincinnati-digital-academy-blurb4,
#sequence div.cincinnati-digital-academy-blurb5,
#sequence div.cincinnati-digital-academy-blurb6,
#sequence div.cincinnati-digital-academy-blurb7,
#sequence div.cincinnati-digital-academy-blurb8 {
 background-color:#071f57;
}
#sequence div.james-n-gamble-montessori-high-school-blurb,
#sequence div.james-n-gamble-montessori-high-school-blurb2,
#sequence div.james-n-gamble-montessori-high-school-blurb3,
#sequence div.james-n-gamble-montessori-high-school-blurb4,
#sequence div.james-n-gamble-montessori-high-school-blurb5,
#sequence div.james-n-gamble-montessori-high-school-blurb6,
#sequence div.james-n-gamble-montessori-high-school-blurb7,
#sequence div.james-n-gamble-montessori-high-school-blurb8 {
 background-color:#2d093f;
}
#sequence div.hughes-stem-blurb,
#sequence div.hughes-stem-blurb2,
#sequence div.hughes-stem-blurb3,
#sequence div.hughes-stem-blurb4,
#sequence div.hughes-stem-blurb5,
#sequence div.hughes-stem-blurb6,
#sequence div.hughes-stem-blurb7,
#sequence div.hughes-stem-blurb8 {
 background-color:#131313;
}
#sequence div.oyler-school-blurb,
#sequence div.oyler-school-blurb2,
#sequence div.oyler-school-blurb3,
#sequence div.oyler-school-blurb4,
#sequence div.oyler-school-blurb5,
#sequence div.oyler-school-blurb6,
#sequence div.oyler-school-blurb7,
#sequence div.oyler-school-blurb8 {
 background-color:#013028;
}
#sequence div.riverview-east-academy-blurb,
#sequence div.riverview-east-academy-blurb2,
#sequence div.riverview-east-academy-blurb3,
#sequence div.riverview-east-academy-blurb4,
#sequence div.riverview-east-academy-blurb5,
#sequence div.riverview-east-academy-blurb6,
#sequence div.riverview-east-academy-blurb7,
#sequence div.riverview-east-academy-blurb8 {
 background-color:#0e0c5f;
}
#sequence div.school-for-creative-and-performing-arts-blurb,
#sequence div.school-for-creative-and-performing-arts-blurb2,
#sequence div.school-for-creative-and-performing-arts-blurb3,
#sequence div.school-for-creative-and-performing-arts-blurb4,
#sequence div.school-for-creative-and-performing-arts-blurb5,
#sequence div.school-for-creative-and-performing-arts-blurb6,
#sequence div.school-for-creative-and-performing-arts-blurb7,
#sequence div.school-for-creative-and-performing-arts-blurb8 {
 background-color:#010160;
}
#sequence div.shroder-high-school-blurb,
#sequence div.shroder-high-school-blurb2,
#sequence div.shroder-high-school-blurb3,
#sequence div.shroder-high-school-blurb4,
#sequence div.shroder-high-school-blurb5,
#sequence div.shroder-high-school-blurb6,
#sequence div.shroder-high-school-blurb7,
#sequence div.shroder-high-school-blurb8 {
 background-color:#540101;
}
#sequence div.robert-a-taft-information-technology-high-school-blurb,
#sequence div.robert-a-taft-information-technology-high-school-blurb2,
#sequence div.robert-a-taft-information-technology-high-school-blurb3,
#sequence div.robert-a-taft-information-technology-high-school-blurb4,
#sequence div.robert-a-taft-information-technology-high-school-blurb5,
#sequence div.robert-a-taft-information-technology-high-school-blurb6,
#sequence div.robert-a-taft-information-technology-high-school-blurb7,
#sequence div.robert-a-taft-information-technology-high-school-blurb8 {
 background-color:#013b01;
}
#sequence div.western-hills-university-high-schoo-blurb,
#sequence div.western-hills-university-high-schoo-blurb2,
#sequence div.western-hills-university-high-schoo-blurb3,
#sequence div.western-hills-university-high-schoo-blurb4,
#sequence div.western-hills-university-high-schoo-blurb5,
#sequence div.western-hills-university-high-schoo-blurb6,
#sequence div.western-hills-university-high-schoo-blurb7,
#sequence div.western-hills-university-high-schoo-blurb8 {
 background-color:#570505;
}
#sequence div.virtual-high-school-blurb,
#sequence div.virtual-high-school-blurb2,
#sequence div.virtual-high-school-blurb3,
#sequence div.virtual-high-school-blurb4,
#sequence div.virtual-high-school-blurb5,
#sequence div.virtual-high-school-blurb6,
#sequence div.virtual-high-school-blurb7,
#sequence div.virtual-high-school-blurb8 {
 background-color:#490b18;
}
#sequence div.withrow-university-high-school-blurb,
#sequence div.withrow-university-high-school-blurb2,
#sequence div.withrow-university-high-school-blurb3,
#sequence div.withrow-university-high-school-blurb4,
#sequence div.withrow-university-high-school-blurb5,
#sequence div.withrow-university-high-school-blurb6,
#sequence div.withrow-university-high-school-blurb7,
#sequence div.withrow-university-high-school-blurb8 {
 background-color:#131313;
}
#sequence div.woodward-career-technical-high-school-blurb,
#sequence div.woodward-career-technical-high-school-blurb2,
#sequence div.woodward-career-technical-high-school-blurb3,
#sequence div.woodward-career-technical-high-school-blurb4,
#sequence div.woodward-career-technical-high-school-blurb5,
#sequence div.woodward-career-technical-high-school-blurb6,
#sequence div.woodward-career-technical-high-school-blurb7,
#sequence div.woodward-career-technical-high-school-blurb8 {
 background-color:#011b5a;
}
/*------- END HS OVERRIDES -------*/

@media (max-width : 737px) {
 #sequence .blurb2 p,
 #sequence .blurb3 p,
 #sequence .blurb4 p,
 #sequence .blurb5 p,
 #sequence .blurb6 p,
 #sequence .blurb7 p,
 #sequence .blurb p {
  line-height:2;
 }
}

@media (max-width : 668px) {
 #sequence .blurb2 p,
 #sequence .blurb3 p,
 #sequence .blurb4 p,
 #sequence .blurb5 p,
 #sequence .blurb6 p,
 #sequence .blurb7 p,
 #sequence .blurb p {
  display:none;
 }
}

@media (max-width : 641px) {
 #sequence .blurb2 div.learnmore,
 #sequence .blurb3 div.learnmore,
 #sequence .blurb4 div.learnmore,
 #sequence .blurb5 div.learnmore,
 #sequence .blurb6 div.learnmore,
 #sequence .blurb7 div.learnmore,
 #sequence .blurb div.learnmore {
    font-size: 0.7vw;
 }
}

@media (max-width : 415px) {
 #sequence .blurb2 div.learnmore,
 #sequence .blurb3 div.learnmore,
 #sequence .blurb4 div.learnmore,
 #sequence .blurb5 div.learnmore,
 #sequence .blurb6 div.learnmore,
 #sequence .blurb7 div.learnmore,
 #sequence .blurb div.learnmore {
    line-height: 1.4;
    font-size: 2.7vw;
    width: 20vw;
    left: 10%;
 }

 #sequence div.blurb {
  width:35vw;
  padding-bottom:1vw;
 }

 #sequence div.blurb h2 {
  font-size:2vw;
  line-height:2;
  letter-spacing:0.09vw;
 }
}

/*
@media (max-width : 639px) {
 #bannernav,
 #sequence {
  display : none;
 }
}
*/
