body {
	margin:0; 
	font: 16px 'Philosopher', sans-serif;
	color: #fff;
	background: #000;
	overflow-y: hidden;
}

a, a:visited { 
	color: #0dd; 
	text-decoration: none; 
}
a:hover,a:focus,a:active { 
	color: #0ff; 
	text-decoration: none;
	border-bottom: 1px solid #0ff;
}

.container  {
	width: 100%;
	max-width: 1024px;
	margin: auto;
	color: #ffc;
	text-align: justify;
	line-height: 1.35em;
	padding: 0 100px;
	transition: all 1s;
	
	background: #fff;
	background-repeat: no-repeat;
	background-image: linear-gradient(rgb(153,153,255), #000), url('../images/back.jpg');
	background-blend-mode: multiply;
	background-size: cover;
	max-width: unset;
}

.header  {
	height: 186px;
	text-align: center;
	transition: height .37s;
}
.reduced .header {height: 66px;}

h1, h2, h3, h4 { 
	font-family: 'Philosopher', sans-serif;
	text-transform: uppercase;
	line-height: initial;
	transition: all .37s;
}
h1 {
	font-size: 60px; 
	padding-top: 30px; 
	margin-bottom: 0;
	text-shadow: 2px -6px 12px #000;
}
h2 {
	font-size: 40px; 
	margin-top: 2px;
	text-shadow: 1px 6px 10px #000;
}
h3 {
	font-size: 25px; 
    text-shadow: -1px 1px 0px #00f;
    color: #ca0;
	text-align: center;
}
h4 {
	font-size: 21px; 
}
h5 {
	font-size: 18px; 
	font-weight: bold;
	margin-top: 2.5em;
	margin-bottom: 1em;
}
.reduced h1 {font-size: 40px; padding-top: 0;}
.reduced h2 {font-size: 28px;}

/* overrides knack.css */
address, blockquote, dl, ol, p, pre, ul {
	margin-bottom: 2rem;
}
li { margin-bottom: .5em; }

.page {
	background: #fff; /*linear-gradient(#e9e9e9, #bbb);*/
	color: #000;
	padding: .5em 2em;
	width: 1024px;
	margin: 30px auto 0;
	height: calc(100vh - 255px);
	overflow-y: auto;
	border-top: 12px solid #fff;
	border-bottom: 12px solid #fff;
	box-shadow: 0 0 13px #fff;
	transition: height .37s;
}
.reduced .page {height: calc(100vh - 135px);}
.page a, .page a:visited { color: #66f; }
.page a:hover,.page a:focus,.page a:active { 
	color: #44f; 
	border-bottom: 1px solid #99f; 
}
.page h3 a, .page h3 a:visited { color: unset; }

.logo {
	width: 170px;
	position: absolute;
	top: 0;
	right: 25px;
	transition: transform 1s ease-in-out;
	transition: width .37s;
}
.logo:hover {border: none}
.logo > div {
	text-transform:uppercase; 
	font-size: 11px;
	margin-top: -8px;
	transition: font-size .4s ease;
}
.logo:hover > div {font-size:13px; letter-spacing:1px; }
.reduced .logo {width: 125px;}
.reduced .logo > div {opacity: 0;}

.logo-anim {
	animation: rot-120 1.5s linear;
	transform-origin: 418px 454px;
}
@keyframes rot-120 {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(120deg); }
}

.separator {
	width: 80%; 
	height: 1px; 
	margin: 40px auto; 
	background: linear-gradient(to right, 
	rgba(0,255,255,0) 0%,
	rgba(0,255,255,1) 20%,
	rgba(0,255,255,1) 80%,
	rgba(0,255,255,0) 100%); 
}
.separator-gray {
	width: 33%; 
	height: 1px; 
	margin: 40px auto; 
	background: linear-gradient(to right, 
	rgba(0,0,0,0) 0%, 
	rgba(0,128,255,.5) 20%, 
	rgba(0,128,255,.5) 80%, 
	rgba(0,0,0,0) 100%);
}
.reduced .separator {opacity: 0;}

.logo-fraternites {
	display: block;
	text-decoration: none;
	width: fit-content;
	margin: auto;
	cursor: pointer;
	text-align: center;
	opacity: .8;
	transition: opacity .37s;
}
.logo-fraternites > img {width: 150px; }
.logo-fraternites:hover,
.logo-fraternites:hover .fraternites {
	opacity: 1;
	border: none;
}
.fraternites {
	opacity: 0;
	text-transform: uppercase; 
	font-size: 16px;
	transition: all 1.5s;
}
.logo-sidebar {
	display: block;
	text-decoration: none;
	width: fit-content;
	margin: auto;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 5%;/*calc(3% + 185px);*/
	cursor: pointer;
	text-align: center;
	opacity: .8;
	transition: opacity .75s;
}
.logo-sidebar > img {width: 110px; }
.logo-sidebar:hover,
.logo-sidebar:hover .fraternites {
	opacity: 1;
	border: none;
}
.logo-sidebar .fraternites, .fs-13 {
	font-size: 13px;
}

.schema-logo {
	/*filter: drop-shadow(0 0 3px #fff);*/
	width: 50%;
	min-width: 160px;
	max-width: 512px;
	float: left;
}

.line-h2 {line-height: 2em; }
.carousel {
	display: flex; 
	flex-wrap: wrap; 
	justify-content: center;
	padding: 0 4%; 
	height: 35%; 
}
.carousel a,
.carousel div,
.glossy-btn {
	display: block;
	text-decoration: none;
	text-align: center;
	color: #fff !important;
	border-radius: 1% 126px/96px;
	padding: 7px 2px;
	margin: 1.5%;
	flex: 0 0 250px;
	align-self: center;
	text-transform:uppercase;
	background: radial-gradient(ellipse at center, rgba(200,200,255,1), rgba(153,153,255,0));
	text-shadow: 1px 1px 2px #333, -1px -1px 2px #000;
	border-bottom: 2px solid transparent;
	transition: all .75s ease-out, box-shadow .07s;
}
.carousel a:hover,
.carousel div:hover,
.glossy-btn {
	border-color: transparent;
	box-shadow: 0 0 40px #fff;
	border-bottom-color: #0ff;
	background: radial-gradient(ellipse at center, rgba(255,255,255,1), rgba(153,153,255,1));
	color: #000 !important;
	text-shadow: none;
}
.glossy-btn { border-bottom: 2px solid transparent !important; box-shadow: none; }
.glossy-btn:hover {
	border-color: #0ff !important;
	box-shadow: 0 0 20px #fff;
	background: radial-gradient(ellipse at center, rgba(255,255,255,1), rgba(153,153,255,.8));
}

.img-cover { 
	box-shadow: 0 0 20px 0px #46c;
	transition: all 0.5s ease;
}
.img-cover:hover { box-shadow: 0 0 15px 2px #46c; }

.flex-container { display: flex; width: 100%; }
.f1 {flex: 1; }
.mt-50 {margin-top: 50px; }
.mt-100 {margin-top: 100px; }
.mt-1e {margin-top: 1em; }
.ml-1e {margin-left: 1em; }
.ml-2e {margin-left: 2em; }
.center {text-align: center; }
.m-center {margin: 0 auto; }
.v-center {position: absolute; top: 50%; transform: translateY(-50%);}
.bold {font-weight: bold; }
.signature {font-style: italic; text-align: right; padding-right: 3em; }
.gray {color: #777; }
.gr4y {color: #444; }
.big-text {font-size: 30px;}
.pointer {cursor: pointer; }
.flag {width:25%; opacity:.5; transition: opacity .5s ease-out;}
.flag:hover {opacity:.9; }
.no-border,
.no-border:hover,
.no-border:visited,
.no-border:focus,
.no-border:active,
.page a.no-border {border: none;}
.menu-group {float: right;}
.menu-group > a, .menu-group > span {cursor: pointer;}
.menu-group > a:hover, .menu-group > span:hover {opacity:.8;}
.icon-spaced {margin-right: 7px;}
.schema {text-align: center; background: transparent;}
.schema-img {display: block; margin: auto; margin-bottom: .5em;}
.limit-width {width: 50%; min-width: 160px; max-width: 512px;}
.disabled-star {opacity:.6;}
.poll { padding-left: 3em; }
.poll span { margin-left: .75em; }
.col-vdivide { border-left: 1px solid #99f; }
.hide-soft { display: none; }
.op-6 { opacity: .6; }
.title-anchor:hover .arrow-summary { display: inline-block; }
.arrow-summary { display: none; }

.red, .r1 { color: #c00; text-shadow: 0 0 1px #500;}
.ciel, .r2 { color: #05f; text-shadow: 0 0 2px #acf;}
.vert, .r3 { color: #0c0; text-shadow: 0 0 3px #080;}
.dore, .r4 { color: #e8d705; text-shadow: 0 0 3px #ff7;}
.bleu, .r5 { color: #008; text-shadow: 0 0 3px #34b;}
.rose, .r6 { color: #fbbee2; text-shadow: 0 0 5px #918;}
.violet, .r7 { color: #609; text-shadow: 0 0 3px #103;}
.black { color: #000; }
.cyan { color: #0ff; }
.icon-search { font-size: 1.2em; color: #666; }

.tooltip2 { border-bottom: 1px dashed rgba(0,0,0,.35); }
.tooltip2:hover { border-bottom-color: rgba(0,0,0,.5); }

.lettrine {
	font-size: 1.75em;
	margin-left: 1em;
}

ol > li > ol { margin-top: .5em; }

.encart { 
	list-style: none; 
	border: 1px solid rgba(0,0,0,.25);
	width: fit-content;
	max-width: 50%;
	padding: 1.5em 2.5em;
	margin: 1.75em;
	border-radius: 0 25%;
}

.glossary > div {
	font-size: 1.35em;
	line-height: 1.35em;
	margin-bottom: 1.35em;
}
.glossary > div > div {
	font-size: 18px;
	line-height: 1.3em;
	margin-bottom: 2.25em;
}
.glossary > div > span {
	display: block;
	border-bottom: 1px dotted rgba(0,0,0,.25);
	margin-bottom: 18px;
}
.glossary > div > div > div { 
	display: none; 
	margin: 0 2em;
}
.glossy-btn { width: 37%; min-width: fit-content; cursor: pointer; }

::selection {
  background: #bbf; /* WebKit/Blink Browsers */
}
::-moz-selection {
  background: #bbf; /* Gecko Browsers */
}
/* skin scroll for chrome */
::-webkit-scrollbar {
	width: 12px;
}
::-webkit-scrollbar-track {
	box-shadow: inset 0 0 4px grey; 
	border-radius: 8px;
}
::-webkit-scrollbar-thumb {
	background: rgba(64,96,192,.75); 
	border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
	background: rgba(64,96,192,.6); 
}

.dropdown-submenu {
	position: relative;
}
.dropdown-submenu .dropdown-menu {
	top: 0;
	left: 100%;
	margin-top: -1px;
}
.dropdown-menu>li>a {
	border-bottom: none !important;
}
.limit-height {
	max-height: 272px;
	overflow-y: auto;
}

.article-list {
	font-size: 18px;
}
.article-list li {
	padding-left: .7em;
	color: #66f; 
}

/* animate.css */
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.animated.slow { animation-duration: 2s; }
.animated.delay-1s { animation-delay: 1s; }
.fadeIn { animation-name: fadeIn; }
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

/* overrides https://github.com/ytiurin/html5tooltipsjs */
.html5tooltip-box {
  background-color: #455;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  max-width: 250px;
}

input:valid, textarea:valid { border-color: #0c0; }
input:invalid, textarea:invalid { border-color: #c00; }

/* https://www.alsacreations.com/article/lire/930-css3-media-queries.html */
@media screen and (max-width: 960px) {
  body { font-size: 15px; }
  h1 { font-size: 40px; text-shadow: 1px -3px 6px #000; padding-top: 36px; }
  h2 { font-size: 24px; text-shadow: 0 3px 5px #000; }
  h3 { font-size: 18px; }
  h4 { font-size: 16px; }
  h5 { font-size: 14px; }
  .logo { width: 136px; right: 20px; }
  .logo > div { font-size: 10px; margin-top: -9px; }
  .logo:hover > div { font-size:12px; letter-spacing:.8px; }
  .logo-fraternites > img { width: 120px; }
  .schema-logo { width: 256px; margin-left: calc(50% - 128px); float:none; }
  .microlib_tabs_nav_item { font-size: 16px; }
  .mt-50 { margin-top: 30px; }
  #toggle { width: 36px; }
	.burger { font-size: 24px; }
	.glossy-btn { width: 50%; }
	.gradient-border-back,.gradient-border-next {	height: 20px; font-size: 13px; }
	.gradient-border-back:hover,.gradient-border-next:hover { height: 24px; padding: 2px 0; }
	.fix .gradient-border-back:hover,
	.fix .gradient-border-next:hover {
		height: 27px;
		margin-top: 3px;
	}
	.page { width: 560px; margin-top: -10px; height: calc(100vh - 208px); }
	
	.reduced .header {height: 80px;}
	.reduced h1 {font-size: 35px; padding-top:0; margin-top:7px;}
	.reduced h2 {font-size: 18px;}
	.reduced .page {height: calc(100vh - 89px);}
	.reduced .logo {width: 99px;}
	.article-list { font-size: 15px; }

}
@media screen and (min-width: 961px) and (max-width: 1200px) {
  h1 { font-size: 50px; text-shadow: 2px -6px 12px #000; padding-top: 34px; }
  h2 { font-size: 35px; text-shadow: 1px 6px 10px #000; }
  h3 { font-size: 22px; }
  h4 { font-size: 19px; }
  h5 { font-size: 17px; }
  .logo { width: 160px; right: 22px; }
  .logo > div { margin-top: -11px; }
  .logo-fraternites > img { width: 140px; }
  .microlib_tabs_nav_item { font-size: 18px; }
  #toggle { width: 40px; }
	.burger { font-size: 25px; }
	.page { width: 780px; margin-top: 16px; height: calc(100vh - 236px); }
	
	.reduced h1 {font-size: 40px; padding-top:0; margin-top:13px;}
	.reduced h2 {font-size: 24px;}
	.reduced .page {height: calc(100vh - 109px);}
	.reduced .logo {width: 101px;}
}