/* GENERAL STYLES **********************/

.flex-even {
  flex: 1;
}

/*.site-wrap {
	position: relative;
	min-height: 100vh;
}*/

.content {
	margin-top: 10px;
	padding-top: 50px;
	min-height: 100vh;
}

.title {
	font-family: 'Racing Sans One', sans-serif;
}

.masthead .nav-top {
	font-family: 'Francois One', sans-serif;
	font-size: 1.5rem;
}

.masthead .nav-link {
	padding: 0.8rem 1.0rem;
	position: relative;
}

.masthead .nav-link.active {
  color: #fff;
}

.masthead .nav-link.active:after {
  position: absolute;
  bottom: -8px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -.5rem;
  vertical-align: middle;
  content: "";
  border-right: .5rem solid transparent;
  border-bottom: .5rem solid;
  border-left: .5rem solid transparent;
}

.masthead .collapsing .nav-link:after {
	border: none;
}

.masthead .show .nav-link:after {
	border: none;
}

.masthead .navbar {
	padding: 8px;
}

.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 10px;
    right: 10px;
    display: none;
}



/* CALENDAR STYLES *********************/

.calendar-day {
	color: #fff;
	min-height: 162px;
	display: block;
	position: relative;
}

.calendar-day a {
	color: #fff;
}

.calendar-day-footer {
	color: #fff;
	height: 40px;
}

.calendar-day.status {
	background-color: rgba( 150, 180, 50, 1.0 );
}

.calendar-day.meeting {
	background-color: rgba( 250, 75, 150, 1.0 );
}

.calendar-day.event {
	background-color: rgba( 150, 160, 180, 1.0 );
}

.calendar-day.attending-event {
	background-color: rgba( 96, 128, 225, 1.0 );
}

.calendar-day.club-event {
	background-color: rgba( 0, 96, 255, 1.0 );
}

.calendar-day.birthday {}

.calendar-day.anniversary {}

.calendar-day.photo {
	background-color: rgba( 180, 100, 255, 1.0 );
}

.calendar-day.note {}

.calendar-day.link {}

.calendar-day.holiday {
	background-color: rgba( 200, 200, 50, 1.0 );
}

.calendar-type {
	font-family: 'Francois One', sans-serif;
	position: absolute;
	bottom: 0;
	left: 5px;
}

.calendar-more {
	position: absolute;
	bottom: 0;
	right: 5px;
}

.calendar-day-wrap:hover {
	/*border-color: #007bff !important;*/
}

.calendar-day-link {
	display: block;
	width: 100%;
	height: 100%;
}

.calendar-day-link:hover {
	text-decoration: none;
}

.calendar-date {
	font-family: 'Racing Sans One', sans-serif;
	font-size: 1.5em;
	line-height: 1.3em;
	text-align: center;
	position: absolute;
	top: 0;
	right: 0;
	background-color: #fff;
	color: #333;
	width: 1.5em;
	height: 1.3em;
}

.calendar-date-content {
	/*max-width: 320px;*/
	height: 162px;
	text-align: left;
	background-size: cover;
	background-position: center;
}

.calendar-date-text {
	font-size: 1.2em;
	padding: 1.5em 0.2em 0 0.2em;
}


.month-prev {
	opacity: 0.3;
}

.month-prev:hover {
	opacity: 1.0;
}

.month-next {
	opacity: 0.3;
}

.month-next:hover {
	opacity: 1.0;
}



.day-view-item {
	max-width: 1000px;
}

.day-view-item-type {
	color: #fff;
	font-family: 'Racing Sans One', sans-serif;
	font-size: 1.4em;
	padding: 0 1em;
}

.day-view-item-type.status {
	background-image: linear-gradient( to right, rgba( 150, 180, 50, 1.0 ), rgba( 180, 100, 255, 0.0 ) );
}

.day-view-item-type.meeting {
	background-image: linear-gradient( to right, rgba( 250, 75, 150, 1.0 ), rgba( 180, 100, 255, 0.0 ) );
}

.day-view-item-type.event {
	background-image: linear-gradient( to right, rgba( 150, 160, 180, 1.0 ), rgba( 180, 100, 255, 0.0 ) );
}

.day-view-item-type.attending-event {
	background-image: linear-gradient( to right, rgba( 96, 128, 225, 1.0 ), rgba( 180, 100, 225, 0.0 ) );
}

.day-view-item-type.club-event {
	background-image: linear-gradient( to right, rgba( 0, 96, 255, 1.0 ), rgba( 180, 100, 255, 0.0 ) );
}

.day-view-item-type.birthday {}

.day-view-item-type.anniversary {}

.day-view-item-type.photo {
	background-image: linear-gradient( to right, rgba( 180, 100, 255, 1.0 ), rgba( 180, 100, 255, 0.0 ) );
}

.day-view-item-type.note {}

.day-view-item-type.link {}

.day-view-item-type.holiday {
	background-image: linear-gradient( to right, rgba( 200, 200, 50, 1.0 ), rgba( 200, 200, 50, 0.0 ) );
}




.day-view-photo {
	max-width: 1000px;
}

.day-view-photo-title {
	color: #fff;
	background-image: linear-gradient( to right, rgba( 180, 100, 255, 1.0 ), rgba( 180, 100, 255, 0.0 ) );
	padding: 0 1em;
	position: absolute;
	width: 100%;
	bottom: 0.5em;
}

.day-view-photo-title h3 {
	/*line-height: : calc(1.1em + 0.5vh);*/
	font-size: calc(1.1em + 0.5vh);
	margin: 0;
}











.event-link.meeting {
	color: rgba( 250, 75, 150, 1.0 );
}

.event-link.event {
	color: rgba( 150, 160, 180, 1.0 );
}

.event-link.attending-event {
	color: rgba( 96, 128, 225, 1.0 );
}

.event-link.club-event {
	color: rgba( 0, 96, 255, 1.0 );
}

.event-link.holiday {
	color: rgba( 200, 200, 50, 1.0 );
}