#mlis-hero {
  background-image: url('hero.jpg');
  background-position: 50% 0;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 370px;
  text-align: center;
  display: flex;
  padding: 0 !important;
  position: relative;
  border-top: 1px solid var(--sstone);
}

#mlis-hero:before {
   position: absolute;
   content: "";
   display: block;
   height: 5px;
   background: linear-gradient(rgba(0,0,0,.25), rgba(0,0,0,0));
   z-index: 100;
   left: 0;
   right: 0;
   top: 0;
}

#mlis-hero div {
  background-color: rgba(0,0,0,.6);
  align-self: flex-end;
  flex: 1;
}

#mlis-hero p {
  color: #fff;
  font-weight: 600;
  font-size: 2.2rem;
  text-transform: uppercase;
  text-align: center;
  font-family: 'Roboto Condensed', 'Lato', 'Helvetica Neue', sans-serif;
  text-shadow: 2px 2px #000;
  margin: 1rem 0;
}

#mlis-hero p span {
  display: block;
}


/*-----------------------------*/


#intro {
  background-color: var(--stormcloud);
  padding: 2.2rem 0;
  position: relative;
}

#intro:before {
   position: absolute;
   content: "";
   display: block;
   height: 5px;
   background: linear-gradient(rgba(0,0,0,.25), rgba(0,0,0,0));
   z-index: 100;
   left: 0;
   right: 0;
   top: 0;
}

#intro h2 {
  text-align: center;
  font-size: 2rem;
  margin: .5rem 0 2rem;
  color: #fff;
  font-family: 'Roboto Serif', serif;
  font-weight: 200;
}

#intro p {
  font-size: 1.2rem;
  font-weight: 300;
  color: #fff;
  letter-spacing: .03rem;
}

#intro div div {
  text-align: center;
}

#intro .btn {
  background-color: #fff;
  color: #333;
  padding: .8rem 2rem;
  line-height: 1rem;
  border: 1px solid #ccc;
  text-transform: uppercase;
  font-size: 1.2rem;
  font-weight: 600;
  margin-top: 1rem;
  margin-bottom: .3rem;
}

#intro .btn:hover {
  background-color: var(--uark-red);
  color: #fff;
  border-color: #fff;
}


/*-----------------------------*/


#program {
  padding-top: 2rem;
  padding-bottom: 2rem;
}

#program ul {
  display: grid;
  padding: 0;
}


#program li {
  list-style-type: none;
  font-weight: 600;
  font-size: 1.2rem;
}

#program li:before {
  content: "";
  height: 2.5rem;
  width: 2.5rem;
  border-radius: 50%;
  background-color: var(--uark-red);
  margin: 0 .5rem 0 0;
  background-size: 1rem;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}

#program-hours:before {
  background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 384 512'%3E%3Cpath fill='%23ffffff' d='M32 0C14.3 0 0 14.3 0 32S14.3 64 32 64l0 11c0 42.4 16.9 83.1 46.9 113.1l67.9 67.9-67.9 67.9C48.9 353.9 32 394.6 32 437l0 11c-17.7 0-32 14.3-32 32s14.3 32 32 32l320 0c17.7 0 32-14.3 32-32s-14.3-32-32-32l0-11c0-42.4-16.9-83.1-46.9-113.1l-67.9-67.9 67.9-67.9c30-30 46.9-70.7 46.9-113.1l0-11c17.7 0 32-14.3 32-32S369.7 0 352 0L32 0zM288 437l0 11-192 0 0-11c0-25.5 10.1-49.9 28.1-67.9l67.9-67.9 67.9 67.9c18 18 28.1 42.4 28.1 67.9z'/%3E%3C/svg%3E" );   
}

#program-length:before {
  background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath fill='%23ffffff' d='M128 0c17.7 0 32 14.3 32 32l0 32 128 0 0-32c0-17.7 14.3-32 32-32s32 14.3 32 32l0 32 32 0c35.3 0 64 28.7 64 64l0 288c0 35.3-28.7 64-64 64L64 480c-35.3 0-64-28.7-64-64L0 128C0 92.7 28.7 64 64 64l32 0 0-32c0-17.7 14.3-32 32-32zM64 240l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0c-8.8 0-16 7.2-16 16zm128 0l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0c-8.8 0-16 7.2-16 16zm144-16c-8.8 0-16 7.2-16 16l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0zM64 368l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0c-8.8 0-16 7.2-16 16zm144-16c-8.8 0-16 7.2-16 16l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0zm112 16l0 32c0 8.8 7.2 16 16 16l32 0c8.8 0 16-7.2 16-16l0-32c0-8.8-7.2-16-16-16l-32 0c-8.8 0-16 7.2-16 16z'/%3E%3C/svg%3E" );   
}

#program-inperson:before {
  background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ffffff' d='M256 0a64 64 0 1 1 0 128 64 64 0 1 1 0-128zm96 312c0 25-12.7 47-32 59.9l0 92.1c0 26.5-21.5 48-48 48l-32 0c-26.5 0-48-21.5-48-48l0-92.1C172.7 359 160 337 160 312l0-40c0-53 43-96 96-96s96 43 96 96l0 40zM96 32a56 56 0 1 1 0 112 56 56 0 1 1 0-112zm16 240l0 32c0 32.5 12.1 62.1 32 84.7l0 75.3c0 1.2 0 2.5 .1 3.7-8.5 7.6-19.7 12.3-32.1 12.3l-32 0c-26.5 0-48-21.5-48-48l0-56.6C12.9 364.4 0 343.7 0 320l0-32c0-53 43-96 96-96 12.7 0 24.8 2.5 35.9 6.9-12.6 21.4-19.9 46.4-19.9 73.1zM368 464l0-75.3c19.9-22.5 32-52.2 32-84.7l0-32c0-26.7-7.3-51.6-19.9-73.1 11.1-4.5 23.2-6.9 35.9-6.9 53 0 96 43 96 96l0 32c0 23.7-12.9 44.4-32 55.4l0 56.6c0 26.5-21.5 48-48 48l-32 0c-12.3 0-23.6-4.6-32.1-12.3 0-1.2 .1-2.5 .1-3.7zM416 32a56 56 0 1 1 0 112 56 56 0 1 1 0-112z'/%3E%3C/svg%3E" );   
}

#program-practical:before {
  background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='%23ffffff' d='M7.8 207.7c-13.1-17.8-9.3-42.8 8.5-55.9L142.9 58.5C166.2 41.3 194.5 32 223.5 32H384 544c17.7 0 32 14.3 32 32v64c0 17.7-14.3 32-32 32H507.2l-44.9 36c-22.7 18.2-50.9 28-80 28H304 288 224c-17.7 0-32-14.3-32-32s14.3-32 32-32h64 16c8.8 0 16-7.2 16-16s-7.2-16-16-16H183.4L63.7 216.2c-17.8 13.1-42.8 9.3-55.9-8.5zM382.4 160l0 0 .9 0c-.3 0-.6 0-.9 0zM568.2 304.3c13.1 17.8 9.3 42.8-8.5 55.9L433.1 453.5c-23.4 17.2-51.6 26.5-80.7 26.5H192 32c-17.7 0-32-14.3-32-32V384c0-17.7 14.3-32 32-32H68.8l44.9-36c22.7-18.2 50.9-28 80-28H272h16 64c17.7 0 32 14.3 32 32s-14.3 32-32 32H288 272c-8.8 0-16 7.2-16 16s7.2 16 16 16H392.6l119.7-88.2c17.8-13.1 42.8-9.3 55.9 8.5zM193.6 352l0 0-.9 0c.3 0 .6 0 .9 0z'/%3E%3C/svg%3E" );   
}

#program-final:before {
  background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ffffff' d='M256 32C270.2 32 283.3 39.52 290.5 51.75L506.5 419.8C513.8 432.1 513.8 447.4 506.7 459.9C499.6 472.3 486.3 480 472 480H40C25.66 480 12.41 472.3 5.287 459.9C-1.839 447.4-1.756 432.1 5.503 419.8L221.5 51.75C228.7 39.52 241.8 32 256 32V32zM256 87.8L53.97 432H458L256 87.8zM262.9 76.06C262.9 76.06 262.9 76.07 262.9 76.06V76.06zM262.9 76.06L256 72z'/%3E%3C/svg%3E" );   
}

#program-gre:before {
  background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23ffffff' d='M80 160c17.7 0 32 14.3 32 32l0 256c0 17.7-14.3 32-32 32l-48 0c-17.7 0-32-14.3-32-32L0 192c0-17.7 14.3-32 32-32l48 0zM270.6 16C297.9 16 320 38.1 320 65.4l0 4.2c0 6.8-1.3 13.6-3.8 19.9L288 160 448 160c26.5 0 48 21.5 48 48 0 19.7-11.9 36.6-28.9 44 17 7.4 28.9 24.3 28.9 44 0 23.4-16.8 42.9-39 47.1 4.4 7.3 7 15.8 7 24.9 0 22.2-15 40.8-35.4 46.3 2.2 5.5 3.4 11.5 3.4 17.7 0 26.5-21.5 48-48 48l-87.9 0c-36.3 0-71.6-12.4-99.9-35.1L184 435.2c-15.2-12.1-24-30.5-24-50l0-186.6c0-14.9 3.5-29.6 10.1-42.9L226.3 43.3C234.7 26.6 251.8 16 270.6 16z'/%3E%3C/svg%3E" );   
}



/*-----------------------------*/



#admission-requirements {
  border-top: 1px solid var(--silverleaf);
  background-color: var(--quartz);
  border-bottom: 1px solid var(--silverleaf);
}

#admission-requirements .container > ol {
  list-style: none;
  padding: 0;
}

#admission-requirements .container > ol > li {
  counter-increment: incrementor;
  display: flex;
  margin: 0 0 1.5rem;
}
  
  

#admission-requirements .container > ol > li p {
  font-size: 1.3rem;
}

#admission-requirements .container > ol > li span {
  font-size: 1rem;
  display: block;
}


#admission-requirements .container > ol > li::before {
  content: counter(incrementor);
  border-radius: 50%;
  display: inline-block;
  line-height: 2rem;
  color: var(--uark-red);
  text-align: center;
  margin: 6px 1rem 0 0;
  font-family: 'Roboto Serif', serif;
  font-size: 3rem;
}



/*-----------------------------*/


#mv {
  background-color: var(--stormcloud);
}

#mv hr {
  grid-column: 1/3;
  width: 100%;
  margin: 0;
  opacity: .1;
  margin: .5rem 0;
}

#mv h2, #mv p {
  color: #fff;
  margin: 0;
}


#mv h2 {
  font-family: 'Roboto Serif', serif;
  font-weight: 200;
  font-size: 2.2rem;
  margin-top: 0;
  line-height: 2.6rem;
}

#mv p {
  font-size: 1.2rem;
  font-weight: 300;
}

#application-checklist ul {
  margin: 1rem 0;
  padding: 0;

}

#application-checklist ul li {
  list-style-type: none;
  background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%239d2235' d='M256 512c141.4 0 256-114.6 256-256S397.4 0 256 0S0 114.6 0 256S114.6 512 256 512zM369 209L241 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L335 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z'/%3E%3C/svg%3E" );   
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: 0 6px;
  padding-left: 24px;
  margin: .2rem 0;
  font-size: 1.2rem;
}

#application-checklist ul li span {
  display: inline-block;
  font-size: 1rem;
}

#deadline {
  background-color: var(--quartz);
  padding: .8rem;
  border: 2px solid var(--uark-red);
  border-radius: 10px;
  margin: 3rem 0 2.5rem;
}

#deadline p {
  font-size: 1.4rem;
  text-align: center;
  margin-bottom: 0;
}


/*-----------------------------*/


#program-of-study h4 {
  font-weight: 600;
  margin-top: 3.5rem;
}

#program-of-study ul {
  margin: 0;
  padding: 0;
}

#program-of-study li {
  margin: .3rem 0;
}

#program-of-study li, #program-of-study dt {
  font-weight: 600;
  font-size: 1rem;
}

#program-of-study li {
  list-style-type: none;
}

#program-of-study dl {
border-top: 1px solid var(--silverleaf);
border-bottom: 1px solid var(--silverleaf);
margin-bottom: 14px;
}

#program-of-study dt {
  text-decoration: underline;
  padding-top: .3rem;
}

#program-of-study dt:not(:first-child) {
  border-top: 1px solid var(--silverleaf);
}

#program-of-study dt:after {
  content: "";
  display: inline-block;
  height: 1rem;
  width: 1rem;
  background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23999999' d='M352 208H160c-9.531 0-18.16 5.656-22 14.38C134.2 231.1 135.9 241.3 142.4 248.3l96 104C242.9 357.2 249.3 360 256 360s13.09-2.812 17.62-7.719l96-104c6.469-7 8.188-17.19 4.375-25.91C370.2 213.7 361.5 208 352 208zM256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464z'/%3E%3C/svg%3E" );
  background-size: 1rem;
  background-position: 50% 100%;
  background-repeat: no-repeat;
  margin-left: .3rem;
  margin-bottom: -2px;
}

#program-of-study dt[aria-expanded="true"]:after {
  background-image: url( "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23999999' d='M273.6 159.7C269.1 154.8 262.7 152 256 152S242.9 154.8 238.4 159.7l-96 104c-6.469 7-8.188 17.19-4.375 25.91C141.8 298.3 150.5 304 160 304h192c9.531 0 18.16-5.656 21.1-14.38c3.813-8.719 2.094-18.91-4.375-25.91L273.6 159.7zM256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 464c-114.7 0-208-93.31-208-208S141.3 48 256 48s208 93.31 208 208S370.7 464 256 464z'/%3E%3C/svg%3E" );
}

#program-of-study dd {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.5s ease, opacity 0.7s;
  opacity: 0;
  margin-bottom: .4em;
}

#program-of-study dd.shown {
  grid-template-rows: 1fr;
  opacity: 1;
}

#program-of-study dd span {
  overflow: hidden;
}

#total-hours {
  margin-top: 1.2rem;
  font-size: 1.2rem;
  font-weight: 600;
}


/*-----------------------------*/


@media only screen and (max-width: 575px) {

  .container {
    padding-left: 10px;
    padding-right: 10px;
  }


  #mlis-hero {
    min-height: 280px;
  }
 
  #mlis-hero p {
    margin: 1rem 0;
    font-size: 1.8rem;
  }
  
  
  
  #intro h2 {
    font-size: 1.6rem;
    margin: .5rem 0 .8rem;
    text-align: left;
  }
  
  
  #intro p {
    font-size: 1.1rem;
  }
  
  #program li {
    display: flex;
    align-items: center;
  }
  
  #program li:before {
    flex: 0 0 auto;
  }

  #program li:not(:last-child) {
    margin-bottom: 1rem;
  }
  
  
  
  
  
  
  #admission-requirements .container > ol > li {
    margin: 0 0 1rem;
  }

  
  
  
  
  
  #admission-requirements .container > ol > li:before {
    font-size: 2.5rem;
  }
  
  #deadline p strong {
    display: block;
  }
  
  
  
}










@media only screen and (min-width: 576px) {
  #program ul {
    justify-items: center;
    grid-template-columns: repeat(2, 1fr);
    grid-gap: 2.5rem;
    margin: 2rem 0;
  }

  #program li {
    text-align: center;
  }

  #program li:before {
    display: block;
    height: 5rem;
    width: 5rem;
    margin: 0 auto .5rem;
    background-size: 2.2rem;
  }

  #program-hours:before {
    background-size: 1.7rem !important;
  }
  
  
  
  
  
  
  
  
}


@media only screen and (max-width: 767px) {

  section h2 {
    font-size: 1.7em;
  }
  
  #uark-t2 a {
    line-height: 1em;
  }

  #uark-t2 a span {
    display: block;
  }
  
  #mission-vision {
    background-color: var(--stormcloud);
    padding: 1.5rem 0;
  }
  
  #mv h2 {
    font-size: 1.8rem;
  }

  #mv hr {
    margin: 1.8rem 0;
  }
  
  #deadline {
    margin-bottom: 1rem;
  }
}



@media only screen and (min-width: 768px) {
  #mlis-hero p {
    margin: 2.5rem 0;
  }

  #mlis-hero p span {
    display: inline;
  }

  #intro h2 {
    font-size: 2.5rem;
  }

  #program ul {
    grid-template-columns: repeat(6, 1fr);
    grid-gap: 2.5rem;
  }

  #program li {
    grid-column: span 2;
  }

  #program li:nth-child(n + 4) {
    grid-column: 2/4;
  }

  #program li:nth-child(n + 5) {
    grid-column: 4/6;
  }

  #program li:nth-child(n + 6) {
    grid-column: 3/5;
  }

  #admission-requirements .container > ol > li {
    background-color: var(--quartz);
  }

  #mv {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 1.5rem;
    margin-bottom: 3.5rem;

  padding: 3rem;
  border-radius: 10px;
  margin-top: 2rem;

}




  #mv h2 {
    text-align: right;
  }
}






@media only screen and (min-width: 992px) {
  #mlis-hero p {
    font-size: 3rem;
  }
  
  #admission-requirements .container > ol {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
    gap: 1px;
    background-color: var(--silverleaf);
    margin: 2.5rem 0;
  }
  
  #admission-requirements .container > ol > li {
    padding: 1.5rem 2rem;
    margin: 0;
  }
}