/* Look of AllanStyle and its children such as Lachluin, close to the old subsilver2 forum */
.gcal {
	--gcal-text: #000;
	--gcal-strong: #333;
	--gcal-soft: #666;
	--gcal-muted: #999;
	--gcal-bg: #ececec;
	--gcal-head: #dee3e5;
	--gcal-border: #a9b8c2;
	--gcal-rule: #cbd5db;
	--gcal-today: #f1f8ff;
	--gcal-today-head: #BBCCE0;
	--gcal-today-text: #000;
	--gcal-other: #f6f6f6;
	--gcal-link: #105289;
	--gcal-accent: #D46400;
	--gcal-cancel: #bc2a4d;
	--gcal-icon: #4787a7;
	--gcal-tip-bg: #fff;
	--gcal-tip-border: #4787a7;
	--gcal-button: #f4f6f7;
	margin: 0 0 6px;
	color: var(--gcal-text);
}

.gcal a {
	color: var(--gcal-link);
}

.gcal a:hover {
	color: var(--gcal-accent);
	text-decoration: underline;
}

/* Week strip */
.gcal-week {
	border: 1px solid var(--gcal-border);
	background: var(--gcal-bg);
}

.gcal-week-head {
	padding: 3px 8px;
	background: var(--gcal-head);
	font-weight: bold;
}

.gcal-grid {
	gap: 1px;
	background: var(--gcal-border);
	border-top: 1px solid var(--gcal-border);
}

.gcal-day {
	background: var(--gcal-bg);
}

.gcal-date {
	background: var(--gcal-head);
}

.gcal-today {
	background: var(--gcal-today);
}

.gcal-today .gcal-date {
	background: var(--gcal-today-head);
	color: var(--gcal-today-text);
}

.gcal-tip {
	box-shadow: 0 2px 6px rgba(0, 0, 0, .25);
}

/* Event line */
.gcal-line {
	padding: 4px 8px;
	border: 1px solid var(--gcal-border);
	background: var(--gcal-bg);
}

/* Event box in the topic */
.gcal-box {
	background: var(--gcal-bg);
	border: 1px solid var(--gcal-border);
	margin: 0 0 8px;
	padding: 6px 10px;
}

.gcal .gcal-box-button {
	background: var(--gcal-button);
	border: 1px solid var(--gcal-border);
	border-radius: 3px;
}

.gcal .gcal-box-button:hover {
	border-color: var(--gcal-accent);
	text-decoration: none;
}

/* Month view */
.gcal-month-head {
	background: var(--gcal-head);
	border: 1px solid var(--gcal-border);
	border-bottom: 0;
	padding: 4px 8px;
}

.gcal-month-grid {
	background: var(--gcal-border);
	border: 1px solid var(--gcal-border);
	gap: 1px;
}

.gcal-month-dow,
.gcal-month-kw {
	background: var(--gcal-head);
}

.gcal-month-dow {
	font-weight: bold;
}

.gcal-month-day {
	background: var(--gcal-bg);
}

.gcal-month-day.gcal-today {
	background: var(--gcal-today);
}

.gcal-month-other {
	background: var(--gcal-other);
}

@media (max-width: 700px) {
	.gcal-month-day {
		border-bottom: 1px solid var(--gcal-border);
	}
}