.electionstory {
  color: black;  
}

.electionstory-title {
  font-family: 'Rozha One', serif;
  font-weight: 900;
  font-size: 68px;
  line-height: 1.2em;
  text-align: center;
  border-bottom: 2px solid black;
  border-top: 2px solid black;
}

.electionstory-titlebranding {
  font-family: 'Rozha One', serif;
  font-size: 48px;
  line-height: 1.2em;
  text-align: center;
  border-bottom: 2px solid black;
  border-top: 2px solid black;
  font-weight: bold;
}

.electionstory-description {
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
  line-height: 1.4em;
}

.electionstory-submit {
  font-family: 'Roboto', sans-serif;
  font-weight: 900;
  font-size: 42px;
  line-height: 1.2em;
  color: #F7137A;
}

.electionstory-question-description {
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  line-height: 1.4em;
}


.electionstory-question {
font-family:Georgia, serif; 
font-size:28px; 
font-style:italic; 
font-weight:bold; 
color:#4D5666;
}

.electionstory-votingplan {
  font-family: 'Roboto', sans-serif;
  color: black;
  font-size: 19px;
  line-height: 1.2em;
  text-align: center;

}

.electionstory-prompt {
  font-family: 'Roboto', sans-serif;
  font-weight: 900;
  font-size: 28px;
  line-height: 1.6em;
  color: inherit;
}

.electionstory-response {
  border-color: inherit;
  padding-left: 15px;
}

/* BEGIN MENU STYLING */
.electionstory-menu {
  line-height: 1.8em;
  font-weight: normal;
  text-align: center;
  border-bottom: 1px solid #363636;
}

.electionstory-menu-item a {
  font-family: 'Roboto', sans-serif;
  line-height: 1.8em;
  font-size: 18px;
  color: #363636;
  cursor: pointer;
}

.electionstory-menu-item a:hover {
  font-weight: bold;
}

/* END MENU STYLING */

/* BEGIN SNIPPET STYLING */
.slick-slide {
  height: auto;
}

.snippet {
  background: #FFF203;
  padding: 40px 60px;
  position: relative;
  font-size: 22px;
  line-height: 1.8em;
  font-weight: 900;
  font-family: 'Merriweather', serif;
}

.snippet:after {
  content: " ";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url('https://saada-online.s3.us-east-1.amazonaws.com/static/projects/election2020/ripped-paper-n.png'), url('https://saada-online.s3.us-east-1.amazonaws.com/static/projects/election2020/ripped-paper-e.png'), url('https://saada-online.s3.us-east-1.amazonaws.com/static/projects/election2020/ripped-paper-s.png'), url('https://saada-online.s3.us-east-1.amazonaws.com/static/projects/election2020/ripped-paper-w.png');
  background-position: top center, center right, bottom center, center left;
  background-repeat: repeat-x, repeat-y, repeat-x, repeat-y;
  background-size: 580px 19px, 19px 580px, 580px 19px, 19px 580px;
}

.electionstory-textQ {
  font-family: 'Roboto', sans-serif;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.8;
  margin-bottom: 5px;
}

.electionstory-textA {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  line-height: 1.8;
}
/* END SNIPPET STYLING */

/* BEGIN BUTTON STYLING */

.electionstory-button {
  background-color: #048E9B;
  border: none;
  color: white;
  padding: 12px 20px;
  border-radius: 15px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 17px;
  font-family: 'Roboto', sans-serif;
}

.electionstory-button:hover {
  background-color: #026b75;
}

.electionstory-submissionbutton {
  font-size: 16px;
  padding: 10px 10px;
}

.fa-arrow-alt-circle-left {
  color:black;
}

.fa-arrow-alt-circle-left:hover {
  color:#b8b8b8;
}

.fa-arrow-alt-circle-right {
  color:black;
}

.fa-arrow-alt-circle-right:hover {
  color:#b8b8b8;
}

/* END BUTTON STYLING */

/* BEGIN DROPDOWN STYLING */
.electionstory-dropbtn {	
  background-color: #f0f0f0;
  font-family: 'Roboto', sans-serif;
  font-size: 22px;
  color: black;
  padding: 14px;
  font-weight: bold;
  border: 2px solid black;
  cursor: pointer;
  width: 100%;
}

.electionstory-dropdown {
  position: relative;
  display: inline-block;
}

.electionstory-dropdown-content {
  display: none;
  position: absolute;
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  background-color: #f9f9f9;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.electionstory-dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.electionstory-dropdown-content a:hover {
  background-color: #e8e8e8;
  font-weight: bold;
}

.electionstory-dropdown:hover .electionstory-dropdown-content {
  display: block;
}

.electionstory-dropdown:hover .electionstory-dropbtn {

}

.electionstory-prev {
  cursor:pointer;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;	
  font-size: 14px;
  color: black;
}

.electionstory-next {
  cursor:pointer;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: black;
}

/* END DROPDOWN STYLING */

@media (max-width: 480px) {
  .electionstory {padding: 0px 20px; }
  .snippet { padding: 40px; font-size: 18px; }
  .electionstory-prompt { font-size: 22px; }

}