/*	All pages
	-------------------------------------------------------
*/

* {
	tab-size:4;
		-moz-tab-size:4;
}

*:not(span.poll__input, div.audio-player > img) {
  border-radius:0!important;
}

/*	Link icon in front of permalink, to make clearer	*/
a.status__relative-time > time::before {
	content:"🔗";
	font-size:1.2ch;
	margin-left:1ch;
}

/*	Coloured icons for different visabilities	*/
/*	Public	*/
span.status__visibility-icon > i.fa-globe { color:lightgreen }
/*	Direct	*/
span.status__visibility-icon > i.fa-at { color:#d32f2f }

abbr {
	cursor:help;
}

cite {
	font-style:italic;
}

/*	Removes nav area from
	/about/more /public and profiles					*/
/*
div.public-layout > div.container > nav.header {
	display:none!important;
}
*/

/*	Remove scrollbar styling							*/
html {
	scrollbar-color:unset;
}

/*	De-truncate links									*/
span.ellipsis::after {
	content:"";
}
span.invisible {
	display:inline;
	font-size:inherit;
	height:inherit;
	line-height:inherit;
	position:inherit;
	width:inherit;
}

/*	Place display name and account on separate lines	*/
strong.display-name__html {
    display:block;
}

/*	General button appearance							*/
.btn,
.button {
	background-color:#ffaec9!important;
	border:3px outset #ffcfdf!important;
	color:black!important;
}

.btn:hover,
.button:hover {
	border-style:inset!important;
	color:black!important;
}

/*	Logged-in page (Tweetdeck style)
	-------------------------------------------------------
*/

/*	Posting area										*/

.compose-form .autosuggest-textarea__textarea {
	min-height:20em;
}

.compose-form {
	padding:0;
}

.compose-form .compose-form__publish .compose-form__publish-button-wrapper {
	width:100%;
}

.compose-form .compose-form__buttons-wrapper .character-counter__wrapper {
	margin:0;
	margin-top:6px;
}

/*	Space between posting area and 'toot' button	*/
.compose-form .compose-form__publish .compose-form__publish-button-wrapper {
	background-color:#191b22;
}

/*	Area below posting bit	*/
div.drawer__inner__mastodon {
	background:none;
	background-color:#191b22;
}


.drawer__inner__mastodon > img {
	display:none;
}

/* I think this is breaking emoji responses on announcements?
.emoji-button {
	content:url("https://cf.mastohost.com/v1/AUTH_91eb37814936490c95da7b85993cc2ff/gamemaking/custom_emojis/images/000/001/890/original/lsd-face2.png");
	width:32px;
}
*/

.navigation-bar__profile-edit::before {
	content:"🖛";
	font-size:120%;
	margin-right:0.2em;
}

/*	Link previews										*/
.status-card:hover,
.status-card.compact:hover {
	border:1px solid #fff200;
}

/*	Underline links in tweetdeck view					*/
a.status-link:not(.mention) {
	text-decoration:underline;
}

/*	Profile pages
	-------------------------------------------------------
*/

/*	Transparant avatar background						*/
.public-layout .public-account-header__bar .avatar img {
	background:none;
	border:none;
}

/*	Underline links in post view						*/
div.status__content a:not(.hashtag):not(.mention) {
	text-decoration:underline;
}

/*	Hide instance descrpition and logo					*/
div.grid > div.column-1 > div.hero-widget {
	display:none;
}

/*	About page
	-------------------------------------------------------
*/

/*	Point hand for COC checkbox
div.landing label.optional::before {
	color:#fff200;
	content:"☜";
	font-size:120%;
	margin-right:0.5em;
}*/

/*	Adding more details to the
	'Why do you want to join?' form
	Not screen-reader-friendly :(						
.hint::after {
    content: ". If you leave this blank most-likely your application will be rejected.";
}*/

div.landing > div.landing__grid > div.landing__grid__column > div.hero-widget > div.hero-widget__text {
	padding-bottom:1em;
}


/*	Logo fiddling
	Moving logo from right column to the top of the page
 */

div.landing > div.landing__brand > a.brand > svg,
div.landing > div.landing__brand > a.brand > span.brand__tagline,
div.landing div.hero-widget__img {
	/*	Hide Masto logo and tagline,
		and original GM.S logo							*/
	display:none;
}

div.landing div.landing__brand {
	/*	Show GM.S logo in place of hidden Masto one		*/
	background-image:url("https://cf.mastohost.com/v1/AUTH_91eb37814936490c95da7b85993cc2ff/gamemaking/site_uploads/files/000/000/001/original/logo_smilier_200x.png");
	background-repeat:no-repeat;
	background-position:center;
	height:100px;
}

/*	Hide big ugly header	*/
div.public-account-header.public-account-header--no-bar {
	display:none;
}

/*	Pink borders										*/
div.contact-widget,
div.directory > div.directory__tag,
div.hero-widget__footer,
ul.table-of-contents {
	border:1px solid #ffaec9;
}
div.box-widget,
div.hero-widget__text,
div.landing-page__call-to-action,
div.landing-page__forms,
div.landing-page__information,
div.landing-page__information.contact-widget,
div.page-header,
div#mastodon-timeline {
	border:1px solid #ffaec9;
	box-shadow:none;
	padding:1em;
}

form.simple_form input[type=email],
form.simple_form input[type=number],
form.simple_form input[type=password],
form.simple_form input[type=text],
form.simple_form textarea {
	border-width:1px;
}

form.simple_form input[type=email]:focus:invalid,
form.simple_form input[type=number]:focus:invalid,
form.simple_form input[type=password]:focus:invalid,
form.simple_form input[type=text]:focus:invalid,
form.simple_form textarea:focus:invalid {
	border-color:#ffaec9;
}

form.simple_form input[type=email]:required:valid,
form.simple_form input[type=number]:required:valid,
form.simple_form input[type=password]:required:valid,
form.simple_form input[type=text]:required:valid,
form.simple_form textarea:required:valid {
	border-color:#ffaec9;
	border-width:1px;
}

h3 {
	margin-top:2em;
}

li#settings a.selected {
	background-color:#ffaec9!important;
	color:black!important;
}

/*	custom tag for compacting the blocklists			*/
ul.blocklist li {
	line-height:1em;
}

/*	Footer, remove top border and bg colour				*/
div.landing div.hero-widget__footer {
	background:none!important;
	border-top:0;
}

/*	About/more (rules and blocklist) page
	-------------------------------------------------------
*/

/*	Profile pages
	-------------------------------------------------------
*/

/*	Tags pages
	-------------------------------------------------------
*/

/*	Settings pages
	-------------------------------------------------------
*/

/*	remove unscrollable left padding				*/
.admin-wrapper .sidebar-wrapper {
	flex:none;
}

/*testing*/

a:hover {color:#ffaec9!important;}

/*About page logo bg*/
.about__header__hero,
.server-banner__hero {
	background:none;
}
/*	Header colour	*/
.about__section__title,
.prose h2 {
	color:#ffaec9;
}

a.status-link,
.prose a {
	color:#ffaec9!important;;
}

/* experimenting with making captioned images obvious */

.media-gallery img[alt],
.media-gallery video[aria-label]{
  border:1px solid lightgreen;
  box-sizing:border-box;
}

.media-gallery img:not([alt]),
.media-gallery video:not([aria-label]) {
	border:1px solid red;
	box-sizing:border-box;
}


