/* Tippy.js tooltip https://atomiks.github.io/tippyjs/ */
.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}.tippy-box{position:relative;background-color:#333;color:#fff;border-radius:4px;font-size:14px;line-height:1.4;outline:0;transition-property:transform,visibility,opacity}.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}.tippy-box[data-placement^=left]>.tippy-arrow{right:0}.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}.tippy-box[data-placement^=right]>.tippy-arrow{left:0}.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:#333}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1}

/* Tags */
:root{--tagify-dd-color-primary:rgb(53,149,246);--tagify-dd-bg-color:white}.tagify{--tags-border-color:#DDD;--tags-hover-border-color:#CCC;--tags-focus-border-color:#3595f6;--tag-bg:#E5E5E5;--tag-hover:#D3E2E2;--tag-text-color:black;--tag-text-color--edit:black;--tag-pad:0.3em 0.5em;--tag-inset-shadow-size:1.1em;--tag-invalid-color:#D39494;--tag-invalid-bg:rgba(211, 148, 148, 0.5);--tag-remove-bg:rgba(211, 148, 148, 0.3);--tag-remove-btn-color:black;--tag-remove-btn-bg:none;--tag-remove-btn-bg--hover:#c77777;--input-color:inherit;--tag--min-width:1ch;--tag--max-width:auto;--tag-hide-transition:0.3s;--placeholder-color:rgba(0, 0, 0, 0.4);--placeholder-color-focus:rgba(0, 0, 0, 0.25);--loader-size:.8em;display:flex;align-items:flex-start;flex-wrap:wrap;border:1px solid #ddd;border:1px solid var(--tags-border-color);padding:0;line-height:1.1;cursor:text;outline:0;position:relative;box-sizing:border-box;transition:.1s}@keyframes tags--bump{30%{transform:scale(1.2)}}@keyframes rotateLoader{to{transform:rotate(1turn)}}.tagify:hover{border-color:#ccc;border-color:var(--tags-hover-border-color)}.tagify.tagify--focus{transition:0s;border-color:#3595f6;border-color:var(--tags-focus-border-color)}.tagify[readonly]:not(.tagify--mix){cursor:default}.tagify[readonly]:not(.tagify--mix)>.tagify__input{visibility:hidden;width:0;margin:5px 0}.tagify[readonly]:not(.tagify--mix) .tagify__tag>div{padding:.3em .5em;padding:var(--tag-pad)}.tagify[readonly]:not(.tagify--mix) .tagify__tag>div::before{background:linear-gradient(45deg,var(--tag-bg) 25%,transparent 25%,transparent 50%,var(--tag-bg) 50%,var(--tag-bg) 75%,transparent 75%,transparent) 0/5px 5px;box-shadow:none;filter:brightness(.95)}.tagify[readonly] .tagify__tag__removeBtn{display:none}.tagify--loading .tagify__input::before{content:none}.tagify--loading .tagify__input::after{content:'';vertical-align:middle;opacity:1;width:.7em;height:.7em;width:var(--loader-size);height:var(--loader-size);border:3px solid;border-color:#eee #bbb #888 transparent;border-radius:50%;animation:rotateLoader .4s infinite linear;margin:-2px 0 -2px .5em}.tagify--loading .tagify__input:empty::after{margin-left:0}.tagify+input,.tagify+textarea{display:none!important}.tagify__tag{display:inline-flex;align-items:center;margin:5px 0 5px 5px;position:relative;z-index:1;outline:0;cursor:default;transition:.13s ease-out}.tagify__tag>div{vertical-align:top;box-sizing:border-box;max-width:100%;padding:.3em .5em;padding:var(--tag-pad,.3em .5em);color:#000;color:var(--tag-text-color,#000);line-height:inherit;border-radius:3px;white-space:nowrap;transition:.13s ease-out}.tagify__tag>div>*{white-space:pre-wrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:top;min-width:1ch;max-width:auto;min-width:var(--tag--min-width,1ch);max-width:var(--tag--max-width,auto);transition:.8s ease,.1s color}.tagify__tag>div>[contenteditable]{outline:0;-webkit-user-select:text;user-select:text;cursor:text;margin:-2px;padding:2px;max-width:350px}.tagify__tag>div::before{content:'';position:absolute;border-radius:inherit;left:0;top:0;right:0;bottom:0;z-index:-1;pointer-events:none;transition:120ms ease;animation:tags--bump .3s ease-out 1;box-shadow:0 0 0 1.1em #e5e5e5 inset;box-shadow:0 0 0 var(--tag-inset-shadow-size,1.1em) var(--tag-bg,#e5e5e5) inset}.tagify__tag:hover:not([readonly]) div::before{top:-2px;right:-2px;bottom:-2px;left:-2px;box-shadow:0 0 0 1.1em #d3e2e2 inset;box-shadow:0 0 0 var(--tag-inset-shadow-size,1.1em) var(--tag-hover,#d3e2e2) inset}.tagify__tag--loading{pointer-events:none}.tagify__tag--loading .tagify__tag__removeBtn{display:none}.tagify__tag--loading::after{--loader-size:.4em;content:'';vertical-align:middle;opacity:1;width:.7em;height:.7em;width:var(--loader-size);height:var(--loader-size);border:3px solid;border-color:#eee #bbb #888 transparent;border-radius:50%;animation:rotateLoader .4s infinite linear;margin:0 .5em 0 -.1em}.tagify__tag--flash div::before{animation:none}.tagify__tag--hide{width:0!important;padding-left:0;padding-right:0;margin-left:0;margin-right:0;opacity:0;transform:scale(0);transition:.3s;transition:var(--tag-hide-transition,.3s);pointer-events:none}.tagify__tag--hide>div>*{white-space:nowrap}.tagify__tag.tagify--noAnim>div::before{animation:none}.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div>span{opacity:.5}.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before{box-shadow:0 0 0 1.1em rgba(211,148,148,.5) inset!important;box-shadow:0 0 0 var(--tag-inset-shadow-size,1.1em) var(--tag-invalid-bg,rgba(211,148,148,.5)) inset!important;transition:.2s}.tagify__tag[readonly] .tagify__tag__removeBtn{display:none}.tagify__tag[readonly]>div::before{background:linear-gradient(45deg,var(--tag-bg) 25%,transparent 25%,transparent 50%,var(--tag-bg) 50%,var(--tag-bg) 75%,transparent 75%,transparent) 0/5px 5px;box-shadow:none;filter:brightness(.95)}.tagify__tag--editable>div{color:#000;color:var(--tag-text-color--edit,#000)}.tagify__tag--editable>div::before{box-shadow:0 0 0 2px #d3e2e2 inset!important;box-shadow:0 0 0 2px var(--tag-hover,#d3e2e2) inset!important}.tagify__tag--editable>.tagify__tag__removeBtn{pointer-events:none}.tagify__tag--editable>.tagify__tag__removeBtn::after{opacity:0;transform:translateX(100%) translateX(5px)}.tagify__tag--editable.tagify--invalid>div::before{box-shadow:0 0 0 2px #d39494 inset!important;box-shadow:0 0 0 2px var(--tag-invalid-color,#d39494) inset!important}.tagify__tag__removeBtn{order:5;display:inline-flex;align-items:center;justify-content:center;border-radius:50px;cursor:pointer;font:14px/1 Arial;background:0 0;background:var(--tag-remove-btn-bg,none);color:#000;color:var(--tag-remove-btn-color,#000);width:14px;height:14px;margin-right:4.66667px;margin-left:-4.66667px;overflow:hidden;transition:.2s ease-out}.tagify__tag__removeBtn::after{content:"\00D7";transition:.3s,color 0s}.tagify__tag__removeBtn:hover{color:#fff;background:#c77777;background:var(--tag-remove-btn-bg--hover,#c77777)}.tagify__tag__removeBtn:hover+div>span{opacity:.5}.tagify__tag__removeBtn:hover+div::before{box-shadow:0 0 0 1.1em rgba(211,148,148,.3) inset!important;box-shadow:0 0 0 var(--tag-inset-shadow-size,1.1em) var(--tag-remove-bg,rgba(211,148,148,.3)) inset!important;transition:box-shadow .2s}.tagify:not(.tagify--mix) .tagify__input br{display:none}.tagify:not(.tagify--mix) .tagify__input *{display:inline;white-space:nowrap}.tagify__input{flex-grow:1;display:inline-block;min-width:110px;margin:5px;padding:.3em .5em;padding:var(--tag-pad,.3em .5em);line-height:inherit;position:relative;white-space:pre-wrap;color:inherit;color:var(--input-color,inherit);box-sizing:inherit}.tagify__input:empty::before{transition:.2s ease-out;opacity:1;transform:none;display:inline-block;width:auto}.tagify--mix .tagify__input:empty::before{display:inline-block}.tagify__input:focus{outline:0}.tagify__input:focus::before{transition:.2s ease-out;opacity:0;transform:translatex(6px)}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.tagify__input:focus::before{display:none}}@supports (-ms-ime-align:auto){.tagify__input:focus::before{display:none}}.tagify__input:focus:empty::before{transition:.2s ease-out;opacity:1;transform:none;color:rgba(0,0,0,.25);color:var(--placeholder-color-focus)}@-moz-document url-prefix(){.tagify__input:focus:empty::after{display:none}}.tagify__input::before{content:attr(data-placeholder);height:1em;line-height:1em;margin:auto 0;z-index:1;color:rgba(0,0,0,.4);color:var(--placeholder-color);white-space:nowrap;pointer-events:none;opacity:0;position:absolute}.tagify--mix .tagify__input::before{display:none;position:static;line-height:inherit}.tagify__input::after{content:attr(data-suggest);display:inline-block;white-space:pre;color:#000;opacity:.3;pointer-events:none;max-width:100px}.tagify__input .tagify__tag{margin:0}.tagify__input .tagify__tag>div{padding-top:0;padding-bottom:0}.tagify--mix{display:block}.tagify--mix .tagify__input{padding:5px;margin:0;width:100%;height:100%;line-height:1.5}.tagify--mix .tagify__input::before{height:auto}.tagify--mix .tagify__input::after{content:none}.tagify--select::after{content:'>';opacity:.5;position:absolute;top:50%;right:0;bottom:0;font:16px monospace;line-height:8px;height:8px;pointer-events:none;transform:translate(-150%,-50%) scaleX(1.2) rotate(90deg);transition:.2s ease-in-out}.tagify--select[aria-expanded=true]::after{transform:translate(-150%,-50%) rotate(270deg) scaleY(1.2)}.tagify--select .tagify__tag{position:absolute;top:0;right:1.8em;bottom:0}.tagify--select .tagify__tag div{display:none}.tagify--select .tagify__input{width:100%}.tagify--invalid{--tags-border-color:#D39494}.tagify__dropdown{position:absolute;z-index:9999;transform:translateY(1px);overflow:hidden}.tagify__dropdown[placement=top]{margin-top:0;transform:translateY(-100%)}.tagify__dropdown[placement=top] .tagify__dropdown__wrapper{border-top-width:1px;border-bottom-width:0}.tagify__dropdown[position=text]{box-shadow:0 0 0 3px rgba(var(--tagify-dd-color-primary),.1);font-size:.9em}.tagify__dropdown[position=text] .tagify__dropdown__wrapper{border-width:1px}.tagify__dropdown__wrapper{max-height:300px;overflow:hidden;background:#fff;background:var(--tagify-dd-bg-color);border:1px solid #3595f6;border-color:var(--tagify-dd-color-primary);border-top-width:0;box-shadow:0 2px 4px -2px rgba(0,0,0,.2);transition:.25s cubic-bezier(0,1,.5,1)}.tagify__dropdown__wrapper:hover{overflow:auto}.tagify__dropdown--initial .tagify__dropdown__wrapper{max-height:20px;transform:translateY(-1em)}.tagify__dropdown--initial[placement=top] .tagify__dropdown__wrapper{transform:translateY(2em)}.tagify__dropdown__item{box-sizing:inherit;padding:.3em .5em;margin:1px;cursor:pointer;border-radius:2px;position:relative;outline:0}.tagify__dropdown__item--active{background:#3595f6;background:var(--tagify-dd-color-primary);color:#fff}.tagify__dropdown__item:active{filter:brightness(105%)}

.tags-look .tagify__dropdown__item{
  display: inline-block;
  border-radius: 3px;
  padding: .3em .5em;
  border: 1px solid #CCC;
  background: #F3F3F3;
  margin: .2em;
  font-size: .85em;
  color: black;
  transition: 0s;
}

.tags-look .tagify__dropdown__item--active{
  color: black;
}

.tags-look .tagify__dropdown__item:hover{
  background: lightyellow;
  border-color: gold;
}

/*
Loforo CSS
*/

.pure-form input:focus:invalid:focus, 
.pure-form textarea:focus:invalid:focus, 
.pure-form select:focus:invalid:focus {
	border-color: rgba(25, 118, 210, 0.5);
	outline: 0 none;
	transition: all 0.3s ease;
}


.pure-button {
	margin: 0.1em 0.16em;
	transition: all 0.2s ease;
	border-radius: 4px;
	padding: 0.5em 0.4em;
  opacity: 0.9;
  font-size: 110%;
}

.pure-button:hover, .pure-button:active, .pure-button:focus {
	text-decoration: none;
	background-image: none;
	filter: none;
	box-shadow: none;
	opacity: 1;
	/*transform: scale(1.05);*/
	transition: all 0.3s ease;
}

.button-success,
.button-error,
.button-warning,
.button-secondary,
.button-generic {
	color: white;
	text-shadow: none;
	background-color: transparent;
}

.button-success {
	border: 2px solid rgba(28, 184, 65, 0.6); /* this is a green */
  background-color: rgba(28, 184, 65, 1); /* this is a green */
    font-weight: bold;
}

.button-success:hover {
	border: 2px solid rgba(28, 184, 65, 1);
	color: rgba(28, 184, 65, 1);
	background-color: white;
    /* text-shadow: 1px 1px grey; */
}

.button-error {
	background: rgb(202, 60, 60); /* this is a maroon */
}

.button-warning {
	background: rgb(223, 117, 20); /* this is an orange */
}

.button-secondary {
	border: 2px solid rgba(66, 184, 221, 0.6); /* this is a light blue */
	color: rgba(66, 184, 221, 1); /* this is a green */
}

.button-secondary:hover {
	border: 2px solid rgba(66, 184, 221, 1); /* this is a blue */
	background: rgba(66, 184, 221, 1); /* this is a blue */
	color: white;
}

.button-generic {
	border: 2px solid rgba(0, 0, 0, 0.4); /* this is a light black */
	color: rgba(0, 0, 0, 0.7); /* this is a black */
}

.button-generic:hover {
	border: 2px solid rgba(0, 0, 0, 0.6); /* this is a black */
}

.button-xsmall {
	font-size: 70%;
}

.button-small {
	font-size: 85%;
}

.button-large {
	font-size: 110%;
}

.button-xlarge {
	font-size: 125%;
}


a {
	text-decoration: none;
	color: rgb(33, 150, 243);
	transition: all 0.2s ease;
}

a:hover, a:focus {
	text-decoration: underline;
	/* color: rgba(25, 118, 210); */
	transition: all 0.2s ease;
	/* border-bottom: 1px solid rgba(33, 150, 243, 0.5); */
}

h1, h2, h3, h4, h5, h6 {
    color: #1a202c;
}

h1 {
  font-size: 1.6em;
  font-weight: normal;
}

h3, h4 {
	margin: 1em 0;
	line-height: 1.1em;
}

h3 {
	font-size: 1.2em;
}

h4 {
	font-size: 1.1em;
}

h1 a, h2 a, h3 a, h4 a {
	color: rgba(33, 33, 33, 0.9);
	transition: 0.3s;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {
	color: rgba(25, 118, 210, 0.9);
	text-decoration: none;
	border-bottom: 2px solid rgba(25, 118, 210, 0.4);
	transition: all 0.2s ease-out;
}

label, small {
	color: rgba(0,0,0,0.5);
}

ul, ul {
	line-height: 1.8em;
	padding: 0 0 0 2em;
}

li p {
	margin: 0;
}

hr {
	border: 0;
	width: 30%;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	margin-top: 1.6em;
	margin-bottom: 1.6em;
}

blockquote {
	margin: 0.8em 2em;
	border-left: 0.3em solid rgba(0,0,0, 0.1);
	padding-left: 1em;
}

pre, code {
	background-color: #f7f7f7;
	font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
	font-size: 0.9em;
	border-radius: 0.2em;
	white-space: pre;
	line-height: 1.4em;
}

pre {
	margin: 0.6em 1.4em;
	padding: 0.8em 1em;
}

small, .text-small {
	font-size: 0.867em;
}

.text-center {
	text-align: center;
}

.fade {
	opacity: 0.8;
}

.alert {
	margin: 0;
	padding: 0.4em 1em;
	margin-bottom: 1.5em;
	border: 2px solid transparent;
	border-radius: 0.5em;
	color: #8a6d3b;
	background-color: rgba(252, 248, 227, 0.6);
	border-color: #faebcc;
	list-style-type: none;
}

body > header {
	position: fixed;
	z-index: 999;
	/*padding: 0.1em 0.4em;*/
	/* border-bottom: 1px solid rgba(0, 0, 0, 0.05); */
  height: 48px;
  padding: 2px 4px 0;
  /* max-width: 1192px; */
	margin: 0 auto;
	top: 0;
  left: 50%;
  transform: translateX(-50%);
	background-color: rgba(255, 255, 255, 0.90);
  width: 100%;
  box-shadow: 0 0 20px rgba(128,128,128,0.15);
}

.lf-header-control {
	float: right;
	/* text-align: right; */
	/* width: 12em; */
	margin: 0.3em 0.1em;
}
.lf-header-control-small {
	float: right;
	/* text-align: right; */
	/* width: 6em; */
	margin: 0 0.1em;
}

.lf-header-control .button-generic {
	opacity: 0.85;
	border: 2px solid rgba(0, 0, 0, 0.1);
}

.lf-logo-contain {
	float: left;
	/*width: 180px;*/
	height: 48px;
	transition: transform 0.2s ease;
}

.lf-logo-contain:hover {
	transform: scale(1.04);
	transition: transform 0.2s ease;
}

.lf-logo-text {
	opacity: 0.8;
}

.lf-logo {
	opacity: 0.9;
}

nav {
	margin: 0;
	padding: 0;
	height: 48px;
}

nav ul {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 48px;
}

nav ul li {
	float: left;
	display: list-item;
	height: 48px;
	/* background-color: rgba(255, 255, 255, 0.7); */
}

nav ul li a {
	display: block;
	height: 44px;
	position: relative;
	text-decoration: none;
	padding: 1px 0.5em 0 0.4em;
	color: rgba(33,33,33, 0.8);
	font-size: 16px;
	transition: all 0.2s ease;
}

nav ul li a .icon {
	float: left;
	width: 28px;
	height: 28px;
	margin: 8px 0 0 0;
	font-size: 1.4em;
	color: rgba(33,33,33, 0.65);
}

nav ul li a .label {
	float: left;
	margin: 9px 0 0 4px;
}

nav ul li a:hover, nav ul li a:active, nav ul li a:hover, nav ul li a:focus, nav .selected {
	border-bottom: 4px solid rgba(28, 184, 65, 0.6);
	color: rgba(0, 0, 0, 1);
	text-decoration: none;
	background-color: rgba(224, 224, 224, 0.15);
	transition: all 0.2s ease-out;
}

nav .nav-right {
	float: right;
	width: 5.8em;
}

header ul.pure-menu-children {
  max-height: 76vh;
  overflow-y: auto;
  left: -20px !important;
}
header ul.pure-menu-children > .pure-menu-item {
  height: 2.5em;
}

.lf-container {
	min-width: 280px;
	max-width: 1192px;
	margin: 0 auto;
	padding: 0 8px;
	background-color: #fff;
}

header .lf-container {
  background-color: transparent; 
}

.lf-content {
	margin: 4em 0.6em 1em;
}

.lf-container img {
	max-width: 100%;
}

footer {
	margin: 3em 0;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.7);
  border-radius: 4px;
  /* font-size: 0.6em; */
}

#home-big {
	text-align: center;
	/*width: 100%;*/
	display: block;
	padding: 4em 0 4em 0;
	/* background-color: #F7CE68; */
	/* background-image: linear-gradient(350deg, #FBAB7E 0%, #F7CE68 40%); */
	margin: 0 0 1em 0;
  border-radius: 0.5em;
  background-color: #0c356a;
  background-image: url('https://loforo.com/images/loforo-back-photo.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

#home-big h1 {
  text-shadow: 1px 1px 1px #333;
  font-weight: 600;
  color: white;
}

#home-big h2 {
  font-size: 1.3em;
  font-weight: 400;
  color: white;
}

.highlight-box {
	padding: 0 1em;
	margin: 0 0 0.5em;
	border-radius: 4px;
}

.highlight-box h4 {
  text-align: center;
  line-height: 0.9em;
}

.highlight-box p {
  text-align: center;
  font-size: 16px;
  color: #86868b;
}

.feature-ico {
	display: block;
	width: 4rem;
	height: 2rem;
	margin: 0 auto 1.5rem;
	border: 1px solid rgba(0,0,0,.2);
	border-radius: 3rem;
	text-align: center;
	opacity: .8;
	transition: all .15s ease-out;
	font-size: 2em;
	padding: 1rem 0;
}

.pure-table thead {
    background-color: #f9f9f9;
    color: #4a5568;
}

.pure-menu-children {
	margin-left: -4.5em;
	background-color: #f9f9f9;
	padding: 1em;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.pure-radio {
    cursor: pointer;
}

.hover-bg:hover {
  cursor: pointer;
  background-color: rgba(152, 216, 236, 0.1);
  transition: all 0.2s ease-out;
}

#post-controls {
  padding: 0.3em 1.4em;
}

#p_title {
	font-size: 1.4em;
	font-weight: 800;
	padding: 0.2em 0.4em;
	opacity: 0.8;
	border: 1px solid rgba(0,0,0, 0.1);
	box-shadow: none;
}

/* Textarea */
#p_content {
	/*max-height: 24em;*/
	/*font-size: 1.1em;*/
	border: 1px solid rgba(0,0,0, 0.1);
  box-shadow: none;
  min-height: 320px;
}


#post_status_indicator_contain {
	display: inline-block; /* Fit width to content */
}

.page-markers {
	clear: both;
	text-align: center;
	margin: 1.4em;
	width: 100%;
}

/* Greyed header small text */
.subhead {
	text-transform: uppercase;
	color: #aaa;
	border-bottom: 1px solid #eee;
	padding: 0;
	font-size: 80%;
	font-weight: 500;
	letter-spacing: 0.1em;
}

#files-contain {

}

#files-contain .item {
	border: 1px solid rgba(0,0,0, 0.05);
	width: 240px;
	text-align: center;
	background-color: rgba(0,0,0, 0.03);
	padding: 0;
	border-radius: 0.3em;
	box-shadow: 0 2px 0px rgba(34,25,25, 0.1);
}

#files-contain .file-content {
	min-height: 3em;
	overflow: hidden;
}

#files-contain .file-content img {
	width: 100%;
}

#files-contain .file-info {
	padding: 0.1em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#files-contain .file-info a {
	color: rgba(0,0,0, 0.8);
}

#files-contain .file-info a:hover {
	color: rgba(0,0,0, 1);
	text-decoration: none;
}

.lf-preview, .lf-preview-video {
	margin: 0;
	padding: 0;
	width: 240px;
	border-radius: 0.3em 0.3em 0 0;
	cursor: zoom-in;
}

.lf-preview:hover, .lf-preview-video:hover {
	transform: scale(1.05);
	transition: transform 0.2s ease-out;
}

.stats-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 600px;
  margin: 0.5em auto 1em auto;
}

.boxed {
  flex: 1;
  text-align: center;
}

.boxed .box-num {
  font-size: 1.8em;
  font-weight: 400;
  color: #039be5;
}

.boxed .box-label {
  font-size: 0.7em;
  font-weight: 400;
  color: #727272;
  text-transform: uppercase;
}

.notify-date {
  width: 5rem;
  color: #727272;
  font-size: 0.9em;
}

.notify-type {
  width: 2rem;
}


#publicDropdown {
	display: none;
}

/* Responsive */
@media only screen and (max-width: 620px) {

  nav ul {
    overflow: hidden;
  }
	nav ul li a .label {
		display: none;
  }
  
  nav ul li.nav-create, nav ul li.nav-settings, nav ul li.nav-groups {
    display: none;
  }

  .lf-logo-text {
    display: none;
  }

  /*
	nav ul li {
		display: none;
  }
  */

	nav .nav-right {
		width: 3em;
	}

	#btnSignup, #btnLogin {
		display: none;
	}

	#publicDropdown {
		display: block;
	}

	#post-list th:nth-child(2) { display:none; }
	#post-list td:nth-child(2) { display:none; }
	/* #post-list th:nth-child(3) { display:none; } */
	/* #post-list td:nth-child(3) { display:none; } */
}

@media only screen and (max-width: 800px), only screen and (max-device-width: 800px) {
  nav ul {
    overflow: hidden;
  }

	nav ul li a .label {
		display: none;
	}
}


@keyframes fadeInDown {
 from {
  opacity:0;
  transform:translate3d(0,-100%,0)
 }
 100% {
  opacity: 1;
  transform:none
 }
}


/* Fontello */
@font-face {
	font-family: 'fontello';
	src: url('/font/fontello.eot?48505163');
	src: url('/font/fontello.eot?48505163#iefix') format('embedded-opentype'),
		 url('/font/fontello.woff2?48505163') format('woff2'),
		 url('/font/fontello.woff?48505163') format('woff'),
		 url('/font/fontello.ttf?48505163') format('truetype'),
		 url('/font/fontello.svg?48505163#fontello') format('svg');
	font-weight: normal;
	font-style: normal;
  }
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'fontello';
    src: url('../font/fontello.svg?25576203#fontello') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: never;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 
 
.icon-happy:before { content: '\e800'; } /* '' */
.icon-heart:before { content: '\e801'; } /* '' */
.icon-heart-empty:before { content: '\e802'; } /* '' */
.icon-star:before { content: '\e803'; } /* '' */
.icon-star-empty:before { content: '\e804'; } /* '' */
.icon-picture:before { content: '\e805'; } /* '' */
.icon-search:before { content: '\e806'; } /* '' */
.icon-mail:before { content: '\e807'; } /* '' */
.icon-plus:before { content: '\e808'; } /* '' */
.icon-help-circled:before { content: '\e809'; } /* '' */
.icon-list:before { content: '\e80a'; } /* '' */
.icon-grid:before { content: '\e80b'; } /* '' */
.icon-ok:before { content: '\e80c'; } /* '' */
.icon-cancel:before { content: '\e80d'; } /* '' */
.icon-info-circled:before { content: '\e80e'; } /* '' */
.icon-link:before { content: '\e80f'; } /* '' */
.icon-lock:before { content: '\e810'; } /* '' */
.icon-lock-open:before { content: '\e811'; } /* '' */
.icon-tag:before { content: '\e812'; } /* '' */
.icon-pencil:before { content: '\e813'; } /* '' */
.icon-edit:before { content: '\e814'; } /* '' */
.icon-doc:before { content: '\e815'; } /* '' */
.icon-down:before { content: '\e816'; } /* '' */
.icon-left:before { content: '\e817'; } /* '' */
.icon-right:before { content: '\e818'; } /* '' */
.icon-up:before { content: '\e819'; } /* '' */
.icon-cloud:before { content: '\e81a'; } /* '' */
.icon-upload:before { content: '\e81b'; } /* '' */
.icon-login:before { content: '\e81c'; } /* '' */
.icon-logout:before { content: '\e81d'; } /* '' */
.icon-unhappy:before { content: '\e81e'; } /* '' */
.icon-grin:before { content: '\e81f'; } /* '' */
.icon-key:before { content: '\e820'; } /* '' */
.icon-user:before { content: '\e821'; } /* '' */
.icon-globe:before { content: '\e822'; } /* '' */
.icon-lock-alt:before { content: '\e823'; } /* '' */
.icon-trash:before { content: '\e824'; } /* '' */
.icon-cog:before { content: '\e825'; } /* '' */
.icon-download:before { content: '\e826'; } /* '' */
.icon-flag-filled:before { content: '\e827'; } /* '' */
.icon-eye:before { content: '\e828'; } /* '' */
.icon-share:before { content: '\e829'; } /* '' */
.icon-block:before { content: '\e82a'; } /* '' */
.icon-shuffle:before { content: '\e82b'; } /* '' */
.icon-calendar:before { content: '\e82c'; } /* '' */
.icon-loop:before { content: '\e82d'; } /* '' */
.icon-comment:before { content: '\e82e'; } /* '' */
.icon-user-add:before { content: '\e82f'; } /* '' */
.icon-spin:before { content: '\e832'; } /* '' */
.icon-link-ext:before { content: '\f08e'; } /* '' */
.icon-rss:before { content: '\f09e'; } /* '' */
.icon-menu:before { content: '\f0c9'; } /* '' */
.icon-mail-alt:before { content: '\f0e0'; } /* '' */
.icon-code:before { content: '\f121'; } /* '' */
.icon-help:before { content: '\f128'; } /* '' */
.icon-info:before { content: '\f129'; } /* '' */

/* solid editor */
.solid-edit-trigger {
  height: 3.6em !important;
}