/* Color palette */

:root {
  --rosy-pink: #f27078;
  --perrywinkle: #71b8de;
  --pale-olive-green: #b7d675;
  --light-gold: #fce150;
  --orange: #FD9653;

}

h1,h2,h3{

font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: bold !important;

}

h2{

font-size: 35px;
line-height: 48px;

}

p{

font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 22px;
line-height: 1.84;

}

.container{
  padding: 0px;
}

.header-title{

font-size: 3.25rem;

}

/* NAV */

.mlk-nav{

background: #353535;
min-height: 57px;

}

.mlk-nav-container{

width: 90%;


}

a{

color: #fff;

}


a .nav-link{

color: #EDEDED !important;
font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 15px;
font-weight: normal;
height: 100%;
line-height: 15px;
text-decoration: none;
transition-delay: 0s;
transition-duration: 0.25s;

}

.asu-link{


padding: 21px 15px !important;


}

.nav-link:hover{

color: #FFB310;
background: #000;

}

.home-icon{

color: #fff;
font-size: 1.25rem !important;
padding: 21px 15px;
min-height: 57px;

}

.home-icon:hover{

color: #FFB310;
background: #000;


}


/* NAV */

/* VIDEO HEADER */

.mlk-video-header{

max-width: 100%;
height: auto;
background: #000;


}

.mlk-video{

  width: 75%;
  height: auto;

}

.banner-notes{

height: 100px;
max-width: 100%;
background: url('../imgs/banner-notes-ws.jpg');
background-repeat: repeat-x;
background-position: top;

}

.banner-notes-btm{

height: 100px;
max-width: 100%;
background: url('../imgs/banner-notes-ws.jpg');
background-repeat: repeat-x;
background-position: bottom;

}

/* VIDEO HEADER */

/* about-mlk-section */

.mlk-celebration{

  background: #6cb6da;
  padding-bottom: 200px !important;
  position: relative;


}

.mlk-celebration-container{

padding: 0px 40px;

}


.celebration-title{

font-size: 35px;

}

.mlk-profile{

width: 100%;


}

/* about-mlk-section */

/* Sticky notes on page */



.sticky-note-container{

height: 1px;
max-width: 100%;
position: absolute;
right: 160px;
bottom: 160px;

}

.sticky-note-2-container{

height: 1px;
max-width: 100%;
position: absolute;
left: 80px;
top: -200px;

}

.mlk-sticky{
width: 300px;
height: 300px;
transform: rotate(-15deg);

}

.mlk-sticky-2{

transform: rotate(15deg);
width: 300px;
height: 300px;

}

/* Sticky notes on page end */

/* MLK Events */


#mlk-events{

  background: #f16b73;
  padding-top: 100px !important;
  padding-bottom: 150px !important;
  padding-left: 0px;
    padding-right: 0px;


}

.mlk-events-container{

padding: 0px 40px;

}

.mlk-event-desc {
  font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 22px;
  font-weight: 400;
  font-style: italic;
  font-stretch: normal;
  line-height: 1.59;
  letter-spacing: normal;
  text-align: left
}

.events-slider{


padding: 10% 0px;


}

.dos-element{

 padding-left:0;
 padding-right:0;

}

.slider-desc {
  font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: normal;
  font-style: italic;
  font-stretch: normal;
  line-height: 1.79;
  letter-spacing: normal;
  text-align: left;
  color: #000000;
}

/* MLK Events end */

/* MLK Contest */

.mlk-contest{

  background: #b8d667;
  position: relative;
  padding-top: 250px !important;

}

.mlk-contest-container{

padding: 0px 40px;

}

.mlk-link{

font-weight: 500;
font-size: 22px;
color: #000;
text-decoration: underline;
transition: all 0.5s ease;

}

.mlk-link:hover{

opacity: 0.5;
color: #000;

}

.mlk-bookmark{

margin: 10px;
width: 100%;


}

.contest-link{

color: #000;
font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
text-decoration: underline;

}

.contest-link:hover{

opacity: 0.5;
color: #000;

}

/* MLK Contest end */

/* Note Carousel */

.sticky-note-carousel{

background: #000;

}

.sticky-note-next-arrow{

background-image: url('../imgs/arrow-right.png');
width: 80px;
height: 80px;

}

.sticky-note-prev-arrow{

background-image: url('../imgs/arrow-left.png');
width: 80px;
height: 80px;

}

.mlk-hashtag{

padding: 50px 0px 0px 0px;
background: #000;

}

.mlk-hashtag h2{

color: #fff;
font-size: 3rem;

}

.mlk-note{

  max-width: 100%;
  height: auto;
  margin: 10%;
}

/* Note Carousel */


/* MLK Awards */

.mlk-awards{

background: #fcdf4c;
  
}

.awards-container{

padding: 0px 40px;

}

.award-info{

padding: 30px 0px;

}

.awardee-name{

font-size: 35px;


}

.awardee-image{

width: 85%;
height: auto;

}


/* MLK Awards END*/

/* MLK Archive*/

.archive-container{

padding: 0px 40px;

}

.mlk-archive-title{


font-size: 3.5rem !important;

}

.archive-year-title{

font-size: 3rem;
margin: 50px 0px;

}

.archive-profile{

width: 150px;
height: auto;

}


.archive-desc h3{

font-size: 1.3rem;
line-height: 1.8rem;
font-weight: 500;


}

.archive-desc p{

font-size: 1.1rem;
line-height: 1.6rem;

}

.mlk-caption{

font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-style: italic;
width: 80%;


}



/* MLK Archive END*/

/** MEDIA QUERIES START  **//** MEDIA QUERIES START  **//** MEDIA QUERIES START  **/


/**TABLET MEDIA QUERY **/

@media (max-width:980px) {

p{

font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 18px;
line-height: 1.64;

}

h2{

font-size: 28px;
line-height: 40px;

}




.mlk-nav-container{

width: 95%;

}


.nav-item a{

font-size: 18px;

}

.home-icon{

color: #fff;
font-size: 1.25rem !important;
bottom: 6px;

}

.mlk-video{

width: 100%;
margin: 50px 0px;

}

.mlk-note{

max-width: 80%;

}

.sticky-note-2-container{

left: 60px;
top: -160px;

}

.awardee-image{

width: 100%;
height: auto;

}

.awards-container, .mlk-celebration-container, .mlk-events-container, .mlk-contest-container, .archive-container{

padding: 0px 20px;

}

  
}
/**TABLET MEDIA QUERY END **/

/**MOBILE MEDIA QUERY **/

@media (max-width: 500px) {

p{

font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 16px;
line-height: 1.5;

}

  
  .nav-item a{

font-size: 14px;

}

.mlk-celebration-container{

flex-direction: column-reverse !important;

}

.mlk-nav{

padding-right: 15px;
padding-left: 15px;

}

.mlk-sticky{

width: 250px;
height: 250px;

}

.mlk-sticky-2{

width: 250px;
height: 250px;

}

.sticky-note-container{



right: 60px;


}

.sticky-note-2-container{

left: 60px;
top: -70px;

}
.sticky-note-prev-arrow{

  width: 30px;
  height: 30px;

}

.sticky-note-next-arrow{

  width: 30px;
  height: 30px;

}

.mlk-hashtag h2{

font-size: 2rem;

}

.mlk-note{

max-width: 65%;
margin: 20%;

}

.awards-container, .mlk-celebration-container, .mlk-events-container, .mlk-contest-container, .archive-container{

padding: 0px 5px;

}

.awardee-container{

flex-direction: column-reverse !important;

}

.mlk-event-desc {
  font-family: Roboto, 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 17px;
  font-weight: 400;
  font-style: italic;
  font-stretch: normal;
  line-height: 1.39;
  letter-spacing: normal;
  text-align: left
}

h2{

font-size: 22px;
line-height: 35px;

}

.header-title{

font-size: 3rem;

}

.mlk-nav-container{

width: 100%;


}

.asu-link{


padding: 21px 5px !important;


}

.mlk-archive-title{


font-size: 2rem !important;

}

.archive-year-title{

font-size: 2rem;
margin: 30px 0px;

}


}
/**MOBILE MEDIA QUERY END **/