html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
  margin: 0;
  padding: 0;
  outline: none;
}

.hidden {
	display:none;
}

button {
  cursor: pointer;
}

body {
  /*font-family: Arial, Helvetica, sans-serif;*/
  margin: 0;
  padding: 0;
  /*font-size: 1rem;*/
  background-color:#444;
}


.calendar-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 800px;
  margin: 0 auto;
  min-height: 60px;
}
.calendar-nav * {
  flex: 1 1 200px;
  text-align: center;
}
.calendar-nav button {
  height: 50px;
  background: transparent;
  border: none;
}

#prev-month::before {
  color: black;
  font-size: 40px;
}

#next-month::after {
  color: black;
  font-size: 40px;
}

.arrowfont {
	font-size: 40px;
}

.calendar-grid {
  display:grid;
  /*border: 1px solid black;*/
  padding: 1px;
  grid-template-columns: repeat(7, 1fr);
  /*gap: 1px;*/
  text-align: center;
}

.calendar-grid  div {
  padding: 1px;
  /*margin: 0 auto;*/
}
.prev, .next {
  color: #bbb;
}

.today {
  /*border: 1px solid #d14f4f;*/
  /*background-color:#d14f4f;*/
  opacity: 0.85;
  /*color:black;
  font-weight:bold;*/
}

.empty {
  display:none;
}

.btnday {
  width:100%;
  border: none;
  font-size:140%;
  border-radius: 0%;
  background-color:#444;
}


.testimonial-desc:hover {
  background-color:rgba(0, 0, 0, 0.2)
} 

.tagbox {
  background-color:rgba(0, 0, 0, 0.3);
} 

.weekend {
  background-color:#CCC;
}

.prog {
 margin-bottom:5px;
 height:5px; 
}

.eventpanel {
 color:white;
 padding-bottom:50px;
 background-color:#444;
 background-image: url("img/back-right.png");
 background-position: center top;
 background-repeat: no-repeat;
}

.leftpanel {
 color:white;
 /*height: 100%;*/
 min-height:60px;
 background-color:#d14f4f;
 background-image: url("img/back-left.png");
 background-position: center;
 background-repeat: no-repeat;
}
.calpanel { 
 background-color:white;
 min-height: 100vh;
}

@media only screen and (max-width: 770px) {
	.calpanel { 
    background-color:white;
	min-height: 450px;
    }
}

#currentday {
 height:80px;
 font-size:120%;
 padding-top:20px;
}

.testimonial-desc {
        margin-top: 5px;
        text-align:left;
		padding-top:5px;
		padding-bottom:5px;
        padding-left: 5px;
		/*background-color:#444;*/
    }
        .testimonial-desc img {
            border: 1px solid #f5f5f5;
            border-radius: 150px;
            height: 45px;
            padding: 3px;
            width: 45px;
            display:inline-block;
            vertical-align: top;
        }

        .testimonial-writer{
            display: inline-block;
            vertical-align: top;
            padding-left: 10px;
        }

            .testimonial-writer-name{
                font-weight: bold;
				font-size: 80%;
            }

            .testimonial-writer-designation{
                font-size: 60%;
            }

            .testimonial-writer-company{
                font-size: 65%;
				color: #93cdff;
            }