* {
	color: inherit;
}

:root {
	--md-primary-color: #BB86FC;
	--md-primary-color-variant: #2D2D2D;
	--md-secondary-color: #03DAC5;
	--md-primary-color-variant: #2D2D2D;

	--md-app-background-color: #38383C; /* page background-color */
	--md-card-color: #2a2b2d; /* Card background color */
	--md-card-color-hover: #38383C; /* Card background color */
	--md-card-color-focus: #424246; /* Card background color */

	--main-md-text-color: #fdfdfd;
	--scnd-md-text-color: rgba(0,0,0,.87);
}


html {
	color: rgba(255, 255, 255, .87);
	background: #202124;
}

#body.agenda {
	background-color: inherit;
}

a {
	color: #4FC3F7;
}

a:hover {
	color: #B3E5FC;
}

select {
	border: 1px solid var(--md-card-color-hover);
	background-color: var(--md-card-color-hover);
}

/* header */
#search {
	background: #3C3C3C;
}

#search:focus-within { /* on focus */
	background: #4B4B4B;
}

#q:not(:placeholder-shown),
#q:not(:placeholder-shown) + #label_q { /* not empty (a search is done) */
	background: #4B4B4B;
}

#nav a::before {
	text-shadow: 0px 0px 1px black;
}


/* ui items */
.item-menu-options > ul > li:hover {
	background: var(--md-card-color-hover);
} 

/* RSS*/
#post-list {
	background: transparent;
	box-shadow: none;
	border-radius: 0;
}
#post-list > li {
	margin-bottom: 20px;
	border-radius: 4px;
}
#post-list > li,
#feed-list {
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.3), 0 3px 1px -2px rgba(0,0,0,0.2);
	border-color: transparent;
}
#post-list > li.read:not(.open-post) {
	opacity: 0.8;
	border-color: transparent;
}
#post-list > li:hover {
	background-color: var(--md-card-color-hover);
}

/* comments */ 
#form-commentaire .formatbut,
#form-commentaire textarea.text {
	border: none;
}
#form-commentaire .infos > span {
	margin-top: 5px;
}
.commentbloc .comm-header {
	border-bottom: 1px solid #000;
}

#feed-list li:not(.special):hover {
	background-color: var(--md-card-color-focus);
}

#feed-list li.active-site,
#feed-list > li.feed-folder.active-site {
	background-color: var(--md-card-color-focus);
}

.text {
	background-color: var(--md-card-color-hover);
	border: none;
	border-radius: 4px;
}
.text:focus {
	background-color: var(--md-card-color-focus);
	box-shadow: none;
}


/* ecrire */
#apercu > h2 {
	border-bottom-color: #222;
}
#datetime input {
	box-shadow: 0 0 2px black;
}
#form-ecrire .main-form .text {
	border-color: transparent;
	border-bottom: 1px solid #222;
}

#form-ecrire #chapo {
	border-right-color: #222;
}
#content_format:focus-within {
	box-shadow: none;
}
#tag_bloc {
	border-bottom-color: #222;
}
#tag_bloc:focus-within {
	box-shadow: none;
}


/* fichiers */
#form-image #dragndrop-area.fullpagedrag {
	background: var(--md-card-color-focus);
}
#interg-codes input.text {
	padding-left: 15px;
	margin-top: 5px;
}

/* liens */
.linkbloc .link-tags a {
	background-color: var(--md-card-color-focus);
	border: none
	;
}
.linkbloc.privatebloc {
	border-left: 0;
	background-color: #171717; 
	filter: unset;
}
#post-lien .text {
	border-radius: 0;
}
#post-lien #tag_bloc {
	background-color: var(--md-card-color-hover);
	border-bottom: 0;
}

#post-lien #url,
#post-lien #title,
#post-lien fieldset {
	margin-bottom: 5px;
}

#post-lien #url:focus,
#post-lien #title:focus,
#post-lien fieldset:focus-within,
#post-lien #tag_bloc:focus-within {
	box-shadow: none;
	background-color: var(--md-card-color-focus);
}


/* notes */
#post-new-lien:hover,
#post-new-note:hover {
	background-color: var(--md-card-color-hover)
}

.notebloc {
	color: #222;
	box-shadow: none;
}

.notebloc[data-ispinned="1"]::after {
	color: #fff;
	text-shadow: -2px 4px 0px black;
}

#popup.popup-note {
	color: #222;
}

/* Agenda */
#calendar-wrapper #calendar-table-nav > button.cal-mode {
	border: none;
}

#calendar-table thead {
	background: var(--md-card-color-hover);
}

#calendar-table > tbody,
#calendar-table > tbody > tr > td {
	border-color: #3A3A3A;
}

#calendar-table > tbody td.isPast > span.eventLabel {
	color: #000;
}

#popup .text {
	border-bottom-color: white; 
}

#popup.popup-edit-contact .contact-content .text,
#popup.popup-edit-event .event-content > div:not(.event-content-date) .text {
	background-color: rgba(111,111,119, .2);
}

#popup.popup-edit-contact .contact-content .text:focus,
#popup.popup-edit-event .event-content > div:not(.event-content-date) .text:focus {
	background-color: rgba(160,160,168, .2);
}