:root  {
	--main-link-hover:   cyan;
	--main-link-base:    #00b0ff;
	--main-link-menu:    lightgray;
	--main-link-primary: #aaccee;
}


@media (min-width: 1400px)  {
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl  {
		max-width: 1250px;
	}
}


.force-select {  
	-webkit-user-select: text;  /* Chrome 49+ */
	-moz-user-select: text;     /* Firefox 43+ */
	-ms-user-select: text;      /* No support yet */
	user-select: text;          /* Likely future */   
}



@font-face {
	font-family: 'Limelight';
	font-style:  normal;
	font-weight: 400;
	src: url('/static/libs/Limelight/Limelight-Regular.ttf');
}


h1.hideable {
	font-size: inherit;
}


li.terms  {
	padding-top: 0.0ex;
	padding-bottom: 1.0ex;
}


b  {
	color: #ffffcc;
}


a.nav-link:hover, a.dropdown-item:hover {
	color: var(--main-link-hover);
}

.navbar  {
	padding: 0.5em 1.0em;
}

.navbar-brand  {
	font-size: 180%;
}


span.brand-name  {
	font-family: "Limelight";
	color: #eeeeee;
}

span.brand-head  {
	color: #fac898;
	font-size: 120%;
}


.text-brand  {
	font-family: Permanent Marker;
	font-size: 48px;
	color: #ddeeff;
}

.capital-brand  {
	font-family: Permanent Marker;
	font-size: 48px;
	color: #aaccee;
}


a.autolink, .math a  {
	color: var(--page-link-normal);
}

a.autolink:hover, .math a:hover {
	color: var(--page-link-hover);
}


a.link-up i  {
	color: white;
}

a.link-up:visited, a.link-up:hover  {
	color: var(--main-link-hover);
}



a.link-brand  {
	text-decoration: none;
}


.footer, a.footer:visited  {
	color: var(--main-link-menu);
	padding-bottom: 0.5em;
}


a.footer:hover  {
	color: var(--main-link-hover);
}


.donate  {
	color: white;
	background: #222222;
	border-width: 0;
	border-color: #00b0ff;
}


.about  {
	list-style-type: none;
	padding-bottom: 0.6em;
	padding-left: 0em;
	padding-right: 0em;
}


.current-activity  {
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	padding-right: 0em;
}

h1.about, h2.about, h3.about, h4.about  {
	padding-top: 15pt;
	color: #00b0ff;
}


.sidebar  {
	color: var(--main-link-menu);;
}

a.sidebar, a.work-detail  {
	color: var(--main-link-primary);;
}

a.sidebar:hover  {
	color: var(--main-link-hover);;
}


.accordion-button:not(.collapsed)  {
	color: #00b0ff;
	background: #222222;
	border-width: 0;
	border-color: #00b0ff;
}


.accordion-button.collapsed  {
	border-width: 0;
	border-color: #00b0ff;
	color: #00b0ff;
}


.accordion-button.collapsed::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300b0ff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

.accordion-button:not(.collapsed)::after {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300b0ff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}


body  {
	margin: 0px;
	color: white;
	background: black;
	font-family: verdana, tahoma, helvetica, arial, 'Open Sans', sans-serif;
	font-size: 110%;
	height: 100vh;
	width: 100%;
	padding-left: 3em;
	padding-right: 2em;
	padding-bottom: 2em;
	/*background: linear-gradient(-10deg,#4020c0,#000030);*/
	background-size: 100% 100%;
	background: linear-gradient(-10deg,#2b1580,#000030);
	background-attachment: fixed;
}
@media (max-width: 580px)  {
	body  {
		padding-left: 2em;
		padding-right: 2em;
	}
}


.card  {
	border-width: 3px;
	border-color: #0074ca;
	background-color: transparent;
	color: #dddddd;
}

.main-container  {
	padding-top: 1.5em;
	/* display: inline; */
	/*background-size: 300% 300%;
	animation: color 20s ease infinite;*/
}
/*@keyframes  color {
	0% { background-position: 100% 0%; }
	100% { background-position: 0% 100%; }
}*/


.main-section  {
	font-family: 'Lobster', sans-serif;
	font-weight: bold;
	font-style: italic;
	padding-top: 1em;
	/*border-top-style: solid;
	border-top-width: 1px;*/
	/*color: rgb(212,57,43);*/
	color: #907060;
	font-size: 190%;
	/*text-shadow: 1px 1px 5px #404040;*/
}


.main-subsection {
	padding-top: 0.5em;
	margin-bottom: 0.0ex;
	padding-bottom: 0.6ex;
	color: #aaccff;
}


div.publication-entry {
	border-color: #2b1580;
	border-width: 1pt;
	border-style: solid;
	padding: 1em;
	margin: 1.4em 0em;
	cursor: context-menu;
	background-color: #100750;
	position: relative;
}


div.vignette {
	border-color: #dddddd;
	border-width: 2pt;
	border-style: solid;
	padding: 1em;
	margin: 1.4em;
	cursor: context-menu;
	background-color: #100750;
	box-shadow: 0px 0px 50px rgba(79,229,239,.84);
	position: relative;
}


div.vig-work {
	cursor: context-menu;
	background-color: transparent;
	position: relative;
}


div[class*="-popup"]  {
	position: absolute;
	right: calc(-1em);
	top: +50%;
	padding: 1em;
	border-width: 2pt;
	border-style: solid;
	border-color: #5fafbf;
	display: none;
	z-index: +1;
	background-color: #100750;
	box-shadow: 0px 0px 50px #5fafbf;
	border-radius: 16px;
	animation-name: show-popup;
	animation-duration: 0.6s;
	/*transition: opacity 0.5 ease;*/
}



div.vig-popup  {
	width: 100%;
	min-width: 220px;
}

div.work-popup  {
	width: 100%;
	right: 0%;
}
@media (min-width: 768px) {
	div.work-popup  {
		width: 200%;
		right: -100%;
	}
}


div.work-reverse  {
	top: -30%;
}


div.work-reverse-bis  {
	top: -150%;
}

div.work-last-limit  {
	right: -1em;
}


@keyframes show-popup  {
	from {opacity: 0};
	to {opacity: 1};
}


div.vignette:hover > .vig-popup, div.vig-work:hover > .work-popup  {
	display: inline;
	z-index: +2;
}



.vig-topic  {
	display: static;
	margin-left: 0.4em;
	margin-right: 0.4em;
}


.bg-seethrough  {
	background-color: rgba(0,0,48,0.5);
}



.inlogo  {
	min-width: 150px;
	min-height: 150px;
}



.detailBox  {
	padding: 1em;
}

.work-detail  {
	font-size: 0.8em;
}



.blog-edit-area, 
.blog-edit-area:hover,
.blog-edit-area:focus,
.blog-edit-area:active  {
	background-color: #333333;
	color: #ffffff;
}


.content-container {
  margin-right: auto;
  margin-left: auto;
}

.input-label {
  color: #ffffff;
}

.loginError {
	color: #ff7f00;
}

.pricing  {
	color: white;
}


/* Table formatting */
.row-bg-0.col-bg-0  {
	padding: 0.5em;
	background-color: #111111;
}

.row-bg-0.col-bg-1  {
	padding: 0.5em;
	background-color: #111111;
}

.row-bg-1.col-bg-0  {
	padding: 0.5em;
	background-color: #022222;
}

.row-bg-1.col-bg-1  {
	padding: 0.5em;
	background-color: #022222;
}


.code  {
	unicode-bidi: embed;
	font-family: monospace;
	white-space: pre;
	display: block;
	color: white;
	background-color: #333333;
}



.center-cropped {
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
}

.center-cropped img {
	min-height: 110%;
	min-width: 110%;
	opacity: 100%;
}