#drawer{

  filter: drop-shadow(rgba(0, 0, 0, 0.1) 0px 0px 10px);

  position: absolute;
  bottom:0;
  right:0;
 
  width:100vw;
 height: 100vh;

  background-color: white;
  z-index: 9000;
  overflow: scroll;
  padding: 0em;
  transform: translate(0,100%);
  transition:0.5s;
  opacity: 0;

}
.collapsible {
  cursor: pointer;
  font-size: inherit;
  font-weight: inherit;
display: flex;

}

.collapsible:hover{
  color: rgb(0,122,255);


}

.archivecont::-webkit-scrollbar {
  display: none;
}

.acontent {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
  font-weight: inherit;
  width:100%;
  /*background-color: white;*/


}

.bcontent {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
  font-weight: inherit;
  width:100%;
  /*background-color: white;*/


}

.bcontent p:nth-child(n+2){
padding-top:0!important;
}

.bcontent img:nth-child(n+2){
padding-top:0!important;
}


.entry{
  transition: 0.4s;
  height: auto;
  overflow: hidden;
}
.main{
  width:100%;
  margin-top: 2em;
}

.filters a{
  margin-right:0.5em;
  white-space: nowrap;
}

.filter p{
  width:80%;
}

.dot {
  height: 12px;
  width: 12px;
  border-radius: 50%;
  display: inline-block;
  transform: translate(0px, 0px);
  border: solid 1.5px black;
  margin-right: 0.5em;
  margin-left: 0em;
}

.blue{

  background-color: rgb(255,149,0);
  border-color: rgb(235,139,30);

 


}

.yellow{

  background-color: rgb(32,148,250);
  border-color: rgb(42,128,230);




}

.green{

 background-color: rgb(191,90,242);
  border-color: rgb(161,100,232);




}

.purple{
  background-color: white;
  border-color: lightgray;
}

.cell{
  flex-grow:1;
  width:33.3%;
  border-bottom: solid 1px lightgray;
  padding-left: 1em;
  padding-right: 1em;
  color: gray;
}

.title{
  color: #222;
}
.noDec{
  border-bottom: none;
}

.double{
  width:66.6%;
}

.cell p{
padding: 0.5em 0 0.5em 0;

vertical-align: middle;
white-space: normal;
}

.row{
  display: flex;
}

.active{
  margin-bottom: 0em;
}

.gallery{

  overflow-x: auto;
  white-space: nowrap;
  overflow-y: hidden;
  pointer-events: all;
  position: relative;
}

.gallery::-webkit-scrollbar {
  display: none;
}

.gallery table{
  border-collapse: separate;
  margin-top: 1.5em;
  margin-bottom: 1.5em;
}
.gallery table tr td{
  text-align: center;
  
  vertical-align: middle;


}

.gallery table tr td p{
  padding: 1em;
  padding-top:0;
  padding-bottom: 0;
  }
.gallery table tr td img{
height: 120px;
display: inline-block;
margin: auto;
position: relative;
padding: 1em;
}

.gallery table tr td:hover{

  
  border-radius: 10px;
  background-color: #efefef;


}


.gradient{
  height: 100%;
  width: 100%;
  position: absolute;
  background-color: gray;

}

@media only screen and (max-width: 700px) {
  .nomob{
    display: none;
  }

  .lb img{
    padding:2em!important;
  }

  .lb p {
    padding: 1em;
  }

  #drawer{
        height: 100vh;
  }
}