body { 
  background:#FDFBF7;
}
.site_title a, site_title a:hover { color:white;text-decoration:none; }

#banner {
  background-image: url('../images/bg2.jpg');
  position:fixed;
  width:30%;
  top:0;
  bottom:0px;
  color:white;
}

#banner-content {
  margin:30px;
}
#banner h1 { 
  color:white;
  font-size:3vw;
  margin:0px;
}
#content, #page-header, #footer {
  margin-left: 31%;
  padding: 0em 1em 1em 2em;
}

  .color-1 { background:#2b3043; }
  .color-2 { background:#fd6057; }
  .color-3 { background:#fea062; }
  .color-4 { background:#02a787; }
  .color-5 { background:#1cc1a1; }
  .color-6 { background:#1aa1a1; }
  
.lora-700 {
  font-family: "Lora", serif;
  font-optical-sizing: auto;
  font-weight: bold;
  font-style: normal;
}

h1, h2, h3, h4, h5 {
  font-family: "Lora", serif;
  font-weight: bold;
  text-transform: uppercase;
}

#site_menu {
  display:inline;
}
#site_menu li {
  list-style-type:none;
}
#site_menu li a {
  font-size: 1.3em;
  font-weight: bold;
  text-decoration: none;
  color: black;
}

.gallery2 {
  
}

.card3 {
  display: flex;
  margin: 1em 0;
  width:100%;
  gap: 1em;
  border: solid 0px #DDD;
  border-radius: 10px;
  text-decoration:none;
  color:black;
  overflow: hidden;
}
.card3 img { height:290px; }
.card3 .card-container { width:70%;background:#ebe5e5;padding:1em; }

.card-container ul {padding: 0 1em;}

#main_menu {
  margin:1em 0;
  text-align:right;
}
#site_menu3 {
  display:inline;
  padding:0;
}

#site_menu3 li {
  padding: 0.5em;
  list-style-type: none;
  display: inline;
}

#site_menu3 li a { 
  color:black;
  font-size:1.5em;
  font-family: "Lora", serif;
  font-weight: bold;
  text-transform: uppercase;
  text-decoration:none;
}

#site_menu {}

#site_menu li {
  padding-bottom:1em;
}

#site_menu li a { 
  color:white;
}


/******************* content ******************/

.sliding_pagelist_container {
  overflow-y: auto;
}
.sliding_pagelist {
  display:flex;
}
.slider_pagelist ul {
  list-style-position: outside;
}
.sliding_pagelist ul li {
  max-width:340px;
  margin-bottom:3px;
}
.sliding_pagelist ul li a {
  text-decoration:none;
}

/******************* vocab *********************/

#mysearch { 
  margin:1em 0;
 }
#mysearch input { 
  width:80%;
  padding: 1em;
  border:solid 1px grey;
 }
#mysearch ul { 
  padding: 0px;
  margin: 1em 0;
 }
#mysearch ul li {  display:flex; }
#mysearch ul li span { width:50%; }