@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;500&display=swap');
html {
	padding:  0;
	margin:  0;
	width: 100%;
	height: 100%;
}
body {
/*	background-color:  #ebe7e4; */
	background-color:  #D64E50;
	padding:  0;
	padding-bottom:  50px;
	margin:  0;
	width: 100%;
	height: 100%;
}
.rollover {
	cursor:pointer;
	cursor:hand;
}
.rollover-grab {
	cursor:grab;
}
.bold {
	font-weight:  700;
}
.small {
	font-size:  .8em!important;
	line-height:  1em;
}
.cover {
	background-size: cover;
	background-position:  center;
	font-size:  .8em;
	line-height:  1em;
/*	text-shadow: #000 1px 0 3px; */
	text-shadow: 2px 2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, -2px -2px 0 #000, 2px 0px 0 #000, 0px 2px 0 #000, -2px 0px 0 #000, 0px -2px 0 #000;
}
.cover .tags span {
	text-shadow: none;
}
#msg {
	position: fixed;
	top: 20vh;
	left: calc(50vw - 100px);
	width: 200px;
	padding: 30px;
	border-radius: 10px;
	background-color: black;
	color: white;
	text-align: center;
	display: none;
	z-index:  2000;
}
emboss, strong.emboss {
	font-weight:  bolder;
	background: 
		linear-gradient(
			104deg,
			rgba(255,215,0,0) 0.9%,
			rgba(255,215,0,1.25) 2.4%,
			rgba(255,215,0,0.5) 5.8%,
			rgba(255,215,0,0.1) 93%,
			rgba(255,215,0,0.7) 96%,
			rgba(255,215,02,0) 98%),
		linear-gradient(
			183deg,
			rgba(255,215,0,0.1) 0%,
			rgba(255,215,0,0.3) 7.9%,
			rgba(255,215,0,0.2) 15%
		);
	padding: 0 5px;
	padding-right:  10px;
	-webkit-box-decoration-break: clone;
	margin: 0;
	border-radius: 5px;
/*
	text-shadow: 0 0 0.2em black;
*/
}

.grow {
	transition: all 0.1s ease;
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1);
}
.grow:hover {
	transition: all 0.3s ease;
	-webkit-transform: scale(.97);
	-ms-transform: scale(.97);
	transform: scale(.97);
}


.nolink {
	text-decoration:  none;
}
.nolink:hover {
	text-decoration:  underline;
}

.full-h {
	height:  100%;
	min-height:  100%;
	max-height:  100%;
	overflow:  auto;
	margin:  0;
	padding:  0;
}
.full-h.v-center {
	display:  flex;
	align-items:  center;
}
/*==============================================================*/
/* Bootstrap
/*==============================================================*/
a {
	color:  inherit;
}
.btn-xs {
	padding:  2px 5px;
	line-height:  1em;
}
.rounded-circle {
	border-radius: 50%!important;
}

/*==============================================================*/
/* GMW
/*==============================================================*/
#collapseSubjects {
	position:  inherit;
	background-color:  transparent;
	z-index:  10;
}
#collapseSubjects.scrolled {
	position:  fixed;
	top:  55px;
	background-color:  #EBE7E4;
	z-index:  100;
}
.bg-gmw {
	background-color:  #EBE7E4;
}
.bg-gmw-alt {
	background-color:  #D64E50;
}
.focus-gmw {
	color:  #D64E50;
}

.card .link-title {
	font-size: .8em;
	line-height:  1.1em;
	font-weight:  bold;
	max-width:  calc(100% - 30px);
}
.card .link-desc {
	font-size: .8em;
	line-height:  1.1em;
	z-index: 20;
}

.table-row.blur td {
	opacity:  .3;
}
.table-row.blur td.table-cell {
	text-decoration:  line-through;
}
.table-row.focus td {
	opacity:  1;
}
.table-row.focus td.table-cell {
	background-color: #D64E50;
	color: white;
}

.score {
	position:  relative;
	top:  -2px;
}
.card-row.blur {
	-webkit-filter: blur(3px);
	-moz-filter: blur(3px);
	-o-filter: blur(3px);
	-ms-filter: blur(3px);
	filter: blur(3px);
}
.card-row.focus .card {
	border:  red solid 1px;
}
.twitter-button {
	background-color:  #55acee;
}
.small-preview {
	position:  relative;
}
.small-preview > .row {
	box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}

#add-button {
	position:  fixed;
	bottom:  10px;
	left:  10px;
	width:  50px;
	height:  50px;
}

.twitter-embed {
	border:  #1c9bf0 solid 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color:  rgb(15, 20, 25);
	font-family:  'Ubuntu', sans-serif;
	font-size:  15px;
	line-height:  1.2em;
}

.etiquette-container {
	height:  0;
	font-size:  .8em;
}
.etiquette {
	position:  relative;
	top:  -6px;
	left:  -4px;
}

td .form-control {
	font-size: .8em;
	padding:  3px;
}

#save-indicator {
	text-align:  right;
	display: none;
	height:  0;
	position: relative;
	top: -10px;
	font-size: .8em;
	line-height: 1em;
	color: rgba(255,0,0, 0.3);
}
#save-indicator span {
	background-color:  white;
}
/*==============================================*/
/* OffCanvas
/*==============================================*/
/*
.modal-backdrop,
.offcanvas {
	top:  60px;
}
*/
/*
.modal-backdrop {
	top:  0px;
}
*/
.offcanvas {
	z-index:  1100;
}

/*==============================================*/
/* Quill Editor
/*==============================================*/
.ql-container {
	font-size:  11pt;
}
.ql-editor ol, .ql-editor ul {
	padding:  0!important;
}