/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 div#calendar{
    margin:0px auto;
    padding:0px;
    width: 602px;
    font-family:Helvetica, "Times New Roman", Times, serif;
  }
   
  div#calendar div.box{
      position:relative;
      top:0px;
      left:0px;
      width:100%;
      height:40px;
      background-color:   #787878 ;      
  }
   
  div#calendar div.header{
      line-height:40px;  
      vertical-align:middle;
      position:absolute;
      left:11px;
      top:0px;
      width:582px;
      height:40px;   
      text-align:center;
  }
   
  div#calendar div.header a.prev,div#calendar div.header a.next{ 
      position:absolute;
      top:0px;   
      height: 17px;
      display:block;
      cursor:pointer;
      text-decoration:none;
      color:#FFF;
  }
   
  div#calendar div.header span.title{
      color:#FFF;
      font-size:18px;
  }
   
   
  div#calendar div.header a.prev{
      left:0px;
  }
   
  div#calendar div.header a.next{
      right:0px;
  }
   
   
   
   
  /*******************************Calendar Content Cells*********************************/
  div#calendar div.box-content{
      border:1px solid #787878 ;
      border-top:none;
  }
   
   
   
  div#calendar ul.label{
      float:left;
      margin: 0px;
      padding: 0px;
      margin-top:5px;
      margin-left: 5px;
  }
   
  div#calendar ul.label li{
      margin:0px;
      padding:0px;
      margin-right:5px;  
      float:left;
      list-style-type:none;
      width:80px;
      height:40px;
      /* line-height:40px; */
      vertical-align:middle;
      text-align:center;
      color:#000;
      font-size: 15px;
      background-color: transparent;
  }
   
   
  div#calendar ul.dates{
      float:left;
      margin: 0px;
      padding: 0px;
      margin-left: 5px;
      margin-bottom: 5px;
  }
   
  /** overall width = width+padding-right**/
  div#calendar ul.dates li{
      margin:0px;
      padding:0px;
      margin-right:5px;
      margin-top: 5px;
      /* line-height:80px; */
      vertical-align:middle;
      float:left;
      list-style-type:none;
      width:80px;
      height:80px;
      font-size:25px;
      /* background-color: #DDD; */
      color:#000;
      text-align:center; 
  }
   
  :focus{
      outline:none;
  }
   
  div.clear{
      clear:both;
  }     

  #calendar{background-color:#fbe8ad}.wd_posts_calendar .wd_cellcontent{min-height: 80px; background-color:transparent!important;border:1px #000 solid;position:relative;display:grid;grid-template-columns:1fr 2fr;grid-template-rows:40% 60%;text-align:unset!important;line-height:unset!important}.wd_posts_calendar .wd_cellcontent .bell{color:brown;left:0;top:0;font-size:15px;grid-column:2/3;grid-row:1/2;padding:5px}.wd_posts_calendar .wd_cellcontent .bell .count{font-size:12px;font-weight:700}.wd_posts_calendar .wd_cellcontent .bell i:hover{-webkit-transition:scale(.5);transition:scale(.5)}.wd_posts_calendar .wd_cellcontent .current_day{font-size:18px;grid-row-start:1;grid-row-end:2;-webkit-box-pack:start;-webkit-justify-content:start;-ms-flex-pack:start;justify-content:start;text-align:right;padding:5px}.wd_posts_calendar .wd_cellcontent .hebdate{font-size:19px;grid-column:1/3;grid-row:2/3;text-align:center}