/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */

@font-face {
  font-family: 'b4cs-glyphs';
  src: url('../fonts/b4cs-glyphs/font/b4cs-glyphs.eot?38246878');
  src: url('../fonts/b4cs-glyphs/font/b4cs-glyphs.eot?38246878#iefix') format('embedded-opentype'),
       url('../fonts/b4cs-glyphs/font/b4cs-glyphs.woff2?38246878') format('woff2'),
       url('../fonts/b4cs-glyphs/font/b4cs-glyphs.woff?38246878') format('woff'),
       url('../fonts/b4cs-glyphs/font/b4cs-glyphs.ttf?38246878') format('truetype'),
       url('../fonts/b4cs-glyphs/font/b4cs-glyphs.svg?38246878#b4cs-glyphs') format('svg');
  font-weight: normal;
  font-style: normal;
}

:root {
	--b4cs-background-color: #ffffff;
	--b4cs-primary-color: #3a76ca;
	--b4cs-text-color: #303030;
	--b4cs-text-on-primary-color: #ffffff;
	--b4cs-text-lighter-color: #555555;
	--b4cs-text-lightest-color: #808080;
	--b4cs-gliph-color: #999999;
	--b4cs-border-darker-color: #808080;
	--b4cs-border-color: #c0c0c0;
	--b4cs-border-lighter-color: #e0e0e0;
	--b4cs-background-grey-color: #e9e9ed;
	--b4cs-background-lighter-grey-color: #f7f7f7;
	--b4cs-background-darker-grey-color: #d0d0d7;
	--b4cs-background-today-color: #ffffef;
	--b4cs-category-1-color: #3a76ca;
	--b4cs-category-2-color: #3aca76;
}

.b4cs-hidden {
	display: none;
}

.b4cs-event-status-cancelled {
	color: var(--b4cs-text-lightest-color);
}

.b4cs-event-status-cancelled div.b4cs-event-name {
	text-decoration: line-through;
}

div.b4cs-row {
	/* A container to display the event 'cards' horizontally */
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

div.b4cs-card {
	/* Add shadows to create the "card" effect */
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	transition: 0.3s;
	background-color: var(--b4cs-background-color);
}

div.b4cs-card:hover {
  /* On mouse-over, add a deeper shadow */
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

div.b4cs-date { /* no formatting at present */ }

span.b4cs-date-gliph::before {
	content: "\e803";
	font-family: "b4cs-glyphs";
	font-size: 0.9em;
	padding-right: 0.5rem;
	color: var(--b4cs-gliph-color);
}

div.b4cs-time { /* no formatting at present */ }

span.b4cs-time-gliph::before {
	content: "\e802";
	font-family: "b4cs-glyphs";
	font-size: 0.9em;
	padding-right: 0.5rem;
	color: var(--b4cs-gliph-color);
}

div.b4cs-location { /* no formatting at present */ }

span.b4cs-location-gliph::before {
	content: "\e800";
	font-family: "b4cs-glyphs";
	font-size: 0.9em;
	padding-right: 0.7rem;
	color: var(--b4cs-gliph-color);
}

div.b4cs-address,
div.b4cs-description {
    font-size: 0.8em;
    line-height: 1.25;
	margin: 1rem 0;
}