td.has-events {
	background-color: #eeeeee;		
}

.date-prev {
	padding-right: 1em !important;
}

.date-next {
	padding-left: 1em !important;
}

.view-id-flat_booking_calendar{
    margin-bottom: 50px;
    /*margin-top: -50px;*/
}

.view-id-flat_booking_calendar table td.mini{
    padding: 20px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    border: 1px solid #ddd !important;
}

.view-id-flat_booking_calendar table td.mini a{
    text-decoration: none;
    border: 0;
}

.view-id-flat_booking_calendar .date-nav-wrapper .date-heading h3{
	font-size: 22px;
}

.view-id-flat_booking_calendar .date-nav-wrapper .date-heading h3 a{
	text-decoration: none;
	border: 0;
}

.view-id-flat_booking_calendar .date-nav{
	padding-bottom: 1px;
}

.booking-key-container{
	display: flex;
	flex-direction: column;
}

.booking-key-title{
}

.booking-key-legends {
	display: flex;
	justify-content: space-evenly;
	width: 40em;
	flex-flow: wrap;
}

.booking-key-legend-type {
	display: flex;
	flex-direction: row;
	align-items: center;
}

.booking-key-color-block{
	margin-left: 0.5em;
	display: inline;
	border: 0.5px solid;
	border-radius: 20%;
	background-color: #fff;
	height: 1em;
	width: 1em;
}

.booking-key-booked-color{
	background-color: #eee;
}

.calendar-iframe {
        width: 100%;
        height: 30em;
}

.icon-instagram {
	content: url(https://nrs.preservation.mirrorweb.com/public/20190614215527oe_/https://www.shareicon.net/data/128x128/2016/11/22/855143_photos_512x512.png);
}

/*Custom Event Box: Slight improvement to how the event Taxonomy View is displayed. See Events->Knowledge-Share for example*/
.custom-event-box {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: start;
}

.custom-event-box * {
  flex-grow: 1;
}

.custom-event-box img {
  min-width: 300px;
  max-width: 300px;
  width: 100%;
  height: auto;
}

@media(max-width:600px) {
  .custom-event-box{
    flex-direction: column;
    flex-wrap: wrap;
  }
}

/*Custom Event Box END*/

/* Modify the multi-buy section display  */
#multi_buy_div {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-around;
        margin: 2em 0 -2em 0;
}

@media(max-width: 790px) { /* Fixes weird behavior of last Knowledge Share element having 56% width (?) around this media width */
        .col-md-8.region-center{
                width: unset !important;
        }
}