.page .entry-header { background:#afca9b;text-align:left !important;padding:1.5em; }
.post-list-content .entry-header { background:transparent; padding:0px;}

#expressions-search-nav {
  margin-bottom:15px;
}

#expressions-search {
  width:100%;
}

.expressions-result { 
margin-bottom: 4%;
padding: 2%;
background: #EEE;
border-radius: 10px;
 }
.expressions-result h3 { 
   margin-bottom: 0em !important;
   margin-top: 0em !important;
}

.category-tag {
  background:#d9e9f1;
  padding:0.5em 1em;
  border-radius: 4px;
  margin-top:1em;
  display:inline-block;
}
 
#expressions_toolbar {
  position:fixed;
  top:0px;
  left:0px;
  right:0px;
  height: 70px;
  background: orange;
  z-index:9999;
}

  /***** multiple expressions browse ****/

#expressions-browse {
  margin-top:30px;
  margin-left:30px;
  display:flex;
  flex-wrap:wrap;
}
#expressions-browse .category {
  cursor:pointer;
  border:solid 1px grey;
  padding:10px;
  width:100%;
  margin:0 36px 30px 0;
  position:relative;
  overflow-y:scroll;
}
#expressions-browse .category h3 {
  margin: 0 0 10px 0;	
}

  /***** single expression browse ****/

.expression-browse {
  margin-top:30px;
  margin-left:30px;
  display:flex;
  flex-wrap:wrap;
}
.expression-browse .category:hover {
  background:#EEE;
}
.expression-browse .category {
  cursor:pointer;
  border:solid 1px grey;
  padding:10px;
  width:100%;
  margin:0 36px 30px 0;
  position:relative;
  overflow-y:scroll;
}
.expression-browse .category h3 {
  margin: 0 0 10px 0;	
}


.color1 { box-shadow: -25px -25px #95b1dd; }
.color2 { box-shadow: -25px -25px #cf9693; }
.color3 { box-shadow: -25px -25px #d7fbd0; }
.color4 { box-shadow: -25px -25px #f2c195; }
.color5 { box-shadow: -25px -25px #ddd9c2; }
.color6 { box-shadow: -25px -25px #eddad6; }
.color7 { box-shadow: -25px -25px #d9e9f1; }
.color8 { box-shadow: -25px -25px #e2dceb; }
.color9 { box-shadow: -25px -25px #ee8d39; }






#expressions-flyout.shown { right:0%; }

#expressions-flyout { 
 position:fixed;
 right:-36%;
 top:0px;
 bottom:0px;
 width:36%;
 background:#ddd9c2;
 z-index:9999;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease; 
} 

#expressions-flyout-head { font-size:2.5em; text-align:right;margin-top:50px;margin-right:5%; }
#expressions-flyout-head a { text-decoration:none; }

#expressions-search { margin-bottom:1em; }


#expressions-flyout-content {
  padding: 1em 2em 1em 1em;
  overflow-y:scroll;
  height:75%;
  margin:3%;
}
#expressions-flyout-content h3 { margin:0px !important; }

.expressions-flyout-close { color:black;text-decoration:none; }

.expressionflyout-link-icon { height:20px; }