*{
  box-sizing: border-box;
}

.quiz-question{
  padding:10px;
  display:flex;
  align-items:center;
  flex-direction: column;
  height:100%;
  overflow:hidden;
  font-size: 0.8em;
  width:100%;
  flex-grow:1;
  color:white;
}

.quiz-answers{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-direction: column;
  padding:10px;
}

.quiz-answer{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-direction: column;
  padding:10px;
  margin:10px;
  text-align:left;
  width:100%;
}

.choice-text{
  width:100%;
}

.quiz-answer p, .quiz-question p, .quiz-answer ul, .quiz-question ul, .quiz-answer li, .quiz-question li{
  text-align:left;
  font-size:1em !important;
  width:100%;
}

li{
  text-align:left;
}

.choice{
  overflow:hidden;
  height:50vh;
}

.choice-wrapper{
  height:50vh;
}

.swiper-container{
  height:85vh;
  overflow:hidden;
}

.swiper-slide{
  font-size: 18px;
  height: auto;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 30px;
  min-height:85vh;
}


.choice-index{
  text-align:left;
  background-color: #e8d478;
  border-radius: 10px;
  margin: 0 auto;
  text-align: left;
  background-color: #e8d478;
  border-radius: 10px;
  margin: 0 auto;
  padding: 10px;
  display: flex;
}

.background-container{
  background-color:#1b4965;
  color:white;
  box-shadow: 3px 3px 3px rgba(0,0,0,.25);
  padding: 2rem 1.375rem 1.75rem;
  border-radius: 10px;
  height:90%;
  width:98%;
  margin:1% 5%;
  display:flex;
  align-items:center;
  flex-direction: column;R
  color:black;
  text-align:center;
}


.question-title{
  font-size:1.3em;
  top:0px;
  color:black;
}

.listing-item ul, .listing-item li{
  text-align:left;
} 

.link-btn{
  text-decoration:none;
  background: #c8e7e5;
  text-transform: uppercase;
  border-radius: .625rem;
  padding: .8rem 1.75rem .6rem;
  display: inline-block;
  line-height: 1.3;
  box-shadow: 1px 1px 1px rgba(0,0,0,.25);
  transition: background-color .2s ease-out;
  color:black;
  font-size:0.9em;
}

.entry-content p {
  font-size:1.3rem;
}

p a{
 color:lightgray;
}

p a:hover, p a:focus{
  color:white;
}

p a:visited{
  color:gray;
}

.link-btn:hover{
  cursor:pointer;
}

.nav-buttons span{
  cursor:pointer;
}

.wp-block-post-content a.link-btn:where(:not(.wp-element-button)) {
  color: black;
}

.choice-index{
  position:relative;
}

.choice-index .choice-index-entry a{
  color: rgb(63, 63, 63);
  text-decoration: none;
}

.choice-index-entry{
  display:inline-block;
  background-color:white;
  padding:15px;
}

.choice-index-entry a{
  color:black;
  text-decoration:none;
}

.choice-index-button{
  padding:5px;
  display:inline-block;
}


.quiz-question-1 .question-title{
  display:none;
}

/* Style The Dropdown Button */
.dropbtn {
  background-color: #4CAF50;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
  cursor: pointer;
  display:none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
  width:calc(100% - 50px);
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
  min-width:50vw;
}

/* Links inside the dropdown */z
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  min-width:40vw;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
  background-color: #3e8e41;
}

.nav-buttons{
  position:absolute;
  top:10px;
  right:10px;
  display:inline;
}

@media only screen and (max-width: 600px) {
  .swiper-slide {
    padding:5px;
  }
}