/* @override
	http://holo.mg/wp-content/themes/holomg/style.css?*
	https://www.holo.mg/wp-content/themes/holomg/style.css?*
	http://www.holo.mg/wp-content/themes/holomg/style.css?* */

/*!
Theme Name: HOLO2.5
Theme URI: http://holo.mg
Author: filip
Author URI:
Description:
Version: 0.5
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: clean-blogging
Tags: custom-background, custom-menu, featured-images, threaded-comments, translation-ready, right-sidebar, two-columns, sticky-post, blog, custom-colors

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Links
# Header
# Navigation
	## Menus
	## Responsive Menu
	## Pagination
# Accessibility
# Alignments
# Clearings
# Widgets
	## Clean Blogging Recent Post Widget
	## Search From
# Content
	## Posts and pages
	## Featured Post
	## 404 Page
	## Comments
	## Entry Footer
	## Author Bio
# Footer
# Infinite scroll
# Screen Reader Text
# Media
## Captions
## Galleries
# Responsive Design
# CSS Based Icons - Super Fast
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;


/*	background-color: #FAFAFA;*/
}

.site {
	z-index: 9999;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
	background: #f9faf9;
}

body {
	margin: 0;
	overscroll-behavior: contain;
	background: #FAFAFA;
/*	overscroll-behavior: none;*/
}

.wrap {
	margin: 0 auto;
	max-width: 1180px;
	width: 100%;

}

article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary {
	display: block
}

audio,canvas,progress,video {
	display: inline-block;
	vertical-align: baseline
}

audio:not([controls]) {
	display: none;
	height: 0
}

[hidden],template {
	display: none
}

a {
	text-decoration: none;
	transition-duration: .3s;
	background-color: transparent;
	outline: none
}

a:active,a:hover {
	outline: 0
}

abbr[title] {
	border-bottom: 1px dotted
}

b,strong {
	font-weight: bold;
}

dfn {
	font-style: italic
}

h1 {
	font-size: 24px;
}

h4 {
	font-size: 24px;
}

h5 {
/*	font-size: 24px;*/
}

h5 .subtext {
	font-size: 15px;
	position: absolute;
	margin-top: -2px;
	margin-left: 5px;
}

h6 {
	font-size: 0.875em
}

mark {
	background: #ff0;
	color: #000
}

small {
	font-size: 80%
}

sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sup {
	top: -0.5em
}

sub {
	bottom: -0.25em
}

img {
	border: 0
}

svg:not(:root) {
	overflow: hidden
}

figure {
	margin: 1em 40px
}

hr {
	box-sizing: content-box;
	height: 0
}

pre {
	overflow: auto
}

code,kbd,pre,samp {
	font-family: monospace, monospace;
	font-size: 1em
}

button,input,optgroup,select,textarea {
	color: inherit;
	font: inherit;
	margin: 0;

}

button {
	overflow: visible
}

button,select {
	text-transform: none
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer
}

button[disabled],html input[disabled] {
	cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
	border: 0;
	padding: 0
}

input {
	line-height: normal;
}

input[type="checkbox"],input[type="radio"] {
	box-sizing: border-box;
	padding: 0
}

input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
	height: auto
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em
}

legend {
	border: 0;
	padding: 0
}

textarea {
	overflow: auto
}

optgroup {
	font-weight: bold
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

td,th {
	padding: 0
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body, button, input, select, textarea {
/*	color: #404040;*/
	font-family: 'Courier Prime', monospace, "Courier New", Courier, mono;
/*	font-size: 13px !important;*/
	font-size: 1rem;
	line-height: 1.3;
	font-weight: 400;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
/*	text-transform: capitalize;*/
	color: #000000;
	line-height: 1.2;
	margin: 35px 0;
	font-family: Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal !important;
}

h1.entry-title {
	font-size: 2.4em;
	margin: 0 0 10px;
}

h1.page-title.search-term {
	margin: 0 0 40px;
	display: inline-block;
	text-transform: none;
}

h1.page-title.search-term::after {
	content: '';
	border-bottom: 8px solid #e2e2e2;
	display: block;
	margin: -10px 0 0;
}

h2.entry-title {
	font-size: 34px;
	margin: 0 0 10px;
}

h2 {
	font-size: 34px;
}

h3 {
	font-size: 32px;
}

h4 {
	font-size: 24px;
}

h6 {
font: 13px 'Courier Prime', monospace, "Courier New", Courier, mono;
text-decoration: underline;
}

.wp-block-column h6 {
	margin-bottom: 5px;
	font-weight: bold;

}

.shop-content-area .wp-block-column h6 {
	margin-bottom: 20px;
	font-weight: bold;

}



p {
	margin: 1.5em 0;
}

.single .content-area p {
	font-size: 13px;
	margin: 30px 0;
	line-height: 1.3em;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: 'Courier Prime', monospace, "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #000000;
	text-decoration: none;
	color: #ffffff;
}

big {
	font-size: 125%;
}



/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*, *:before, *:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

blockquote:before, blockquote:after {
	content: "";
}

blockquote {
	quotes: "" "";
}

q {
	quotes: '“' '”' '‘' '’';
}

q:before {
	content: '“';
	content: open-quote;
}

q:after {
	content: '”';
	content: close-quote;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul, ol {
	margin: 0 0 1.5em 0em;
	/*padding-left: 14px;*/
}

.wp-block-column ul li {
/*	margin-bottom: 5px;*/
}

.wp-block-column h1 {
	margin-bottom: 20px;
	margin-top: 20px;
}

.wp-block-column p {
	margin-top: 0PX;
}

.wp-block-column H5 {
	margin-bottom: 17px;
/*	margin-top: 17px;*/
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul, li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;

}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	float: left;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

.left {
	float: left;
}

.right {
	float: right;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button, input[type="button"], input[type="reset"], input[type="submit"], .btn, .posts-navigation .prev, .posts-navigation .next, .comments-previous a, .comments-next a, a.btn {
	display: inline-block;
	padding: .5em 1em;
	min-width: 5rem;
	color: #000000;
	font-size: 1rem;
	font-weight: 400;
	border: 1px solid #000000;
	background-color: #fafafa;
}

button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .btn:hover, .posts-navigation .prev.btn:hover, .posts-navigation .next:hover, .comments-previous a:hover, .comments-next a {
	color: #ffffff;
	background-color: #191919;
}

.aboutinfobase button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .btn:hover, .posts-navigation .prev.btn:hover, .posts-navigation .next:hover, .comments-previous a:hover, .comments-next a {
	color: #ffffff;
	background-color: #171917 !important;
}

body.wp-night-mode-on button:hover {
	color: #000000;
	background-color: #ffffff;
}


button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, button:active, input[type="button"]:active, input[type="reset"]:active, input[type="submit"]:active {
	border-color: #fff;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="datetime-local"], input[type="color"], textarea, select {
	padding: 3px;
	color: #343a40;
	font-size: .875rem;
	background-color: #fff;
	border: 1px solid #000000;
	border-radius: none;
	transition: all .3s ease;
	outline: none;
}

select {
	border-left: 1px solid #e9ecef;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMCIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjAgMjAiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDIwIDIwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojYWRiNWJkO30NCjwvc3R5bGU+DQo8Zz4NCgk8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjEwLDEzLjQgNS42LDkgNyw3LjYgMTAsMTAuNiAxMyw3LjYgMTQuNCw5IAkiLz4NCjwvZz4NCjwvc3ZnPg0K) no-repeat right center #fff;
	background-size: 1.875rem auto;
	border-radius: 0px;
	box-shadow: 0 0 0;
}

#archive-browser select {
	margin-right: 10px;
	background: none;
	padding-left: 10px !important;
	padding-right: 10px !important;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {
	color: #111;
}

textarea {
	width: 100%;
}

input:focus::-webkit-input-placeholder {
	color: transparent;
}

input:focus:-moz-placeholder {
	color: transparent;
}

/* FF 4-18 */
input:focus::-moz-placeholder {
	color: transparent;
}

/* FF 19+ */
input:focus:-ms-input-placeholder {
	color: transparent;
}

/* IE 10+ */
/*--------------------------------------------------------------
# Links
--------------------------------------------------------------*/
a {
	color: #222;
}

a:visited {
	/*color: #999898;*/
}

a:hover, a:focus, a:active {
	color: #000000;
}

a:focus {
	outline: thin dotted;
}

a:hover, a:active {
	outline: 0;
}

/* ==========================================================================
# Navigation
========================================================================== */

@media screen and (max-width: 960px) {
.site-branding {
	padding: 35px 30px 0px 30px;
	height: 100px;
	float: left;
	/*text-align: center;*/

}
}
@media screen and (min-width: 960px) {
.site-branding {
	padding: 35px 30px 0px 30px;
	height: 120px;
	float: left;
}
}

.site-title {
/*	font-size: 24px;*/
	margin: 0;
	line-height: 0;
	text-transform: capitalize;
	/*font-weight: 600;*/
	font-family: Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	letter-spacing: -1px;
	float: left;
}

.site-title a {
	color: #222;
	position: relative;
	z-index: 1;
	font-weight: normal;
	font-style: normal;
/*	font-size: 28px;*/
}

.site-title a:hover {
/*	color: #000000 !important;*/
}

.site-description {
	display: none;
}

.site-header {



/*	padding: 0 20px;
	padding-right: 20px;
	width: 100%;
	height: 170px;
	z-index: 1;
	background-color: #f9faf9;*/
}

body.wp-night-mode-on .site-header {
	background-color: #181918 !important;
}


#masthead {
	position: relative;
	width: 100%;

/*	background: transparent;*/
	z-index: 2;
	background: transparent;
}

/***************************************
## Menus
***************************************/
.main-navigation {
/*	display: block;
	clear: none;*/
	width: 250px;
	position: fixed;
	right: -10px;
	top: 90px;
	float: right;
	z-index: 10000;
}

.main-navigation ul {
	background: #fff;
	list-style: none;
	margin: 0;
	padding: 0 1.5em;
	text-align: left;
	margin-top: 44px;
	border: 1px solid #eaeaea;
	margin-right: 50px;
	z-index: 10000;

}

/* Hide the menu on small screens when JavaScript is available.
 * It only works with JavaScript.
 */
.js .main-navigation ul, .main-navigation .menu-item-has-children > a > .icon, .main-navigation .page_item_has_children > a > .icon, .main-navigation ul a > .icon {
	display: none;
}

.main-navigation > div > ul {
	border-top: 1px solid #eee;
	padding: 0.75em 1.695em;
}

.js .main-navigation.toggled-on > div > ul {
	display: block;
}

.main-navigation ul ul {
	padding: 0 0 0 1.5em;
	position: relative;
	box-shadow: 1px 1px 1px rgba(0,0,0,0);
	top: 0;

}

.main-navigation ul li:hover > ul.toggled-on {
	display: block;
	float: none;
	left: 0;
}

.main-navigation ul ul a {
	letter-spacing: 0;
	padding: 0.4em 0;
	position: relative;
	text-transform: none;
}

.main-navigation li {
	border-bottom: 1px solid #eee;
	position: relative;
	float: none;
}

.main-navigation li li, .main-navigation li:last-child {
	border: 0;
}

.main-navigation a {
	display: block;
	padding: 1em 0;
	text-decoration: none;
	color: #222;
}

.main-navigation li a, .main-navigation li > ul a {
	font-weight: 400;
	/*text-transform: uppercase;*/
	font-family: Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}

/* Icon Navigation */
i, i:before, .main-navigation li a {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.main-navigation li:hover i::before {
	display: inline-block;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}

/* Menu toggle */
.menu-toggle {

	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/menu1.png) 0 3px no-repeat;
	background-size: 30px 30px;
	/*width: 250px;*/
	height: 50px;
	float: right;
	display: block;
	border: none;

}

.main-navigation .desktop-dropdownsymbol {
	display: none;

}

/* Display the menu toggle when JavaScript is available. */
.js .menu-toggle {
	display: block;

}

.main-navigation.toggled-on ul.nav-menu {
	display: block;

}

.menu-toggle:hover, .menu-toggle:focus {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #FF5722;
	font-weight: 400;
}

.menu-toggle:focus {
	outline: thin solid;
}

.menu-toggle .icon {
	margin-right: 0.5em;
	top: -2px;
}

.toggled-on .menu-toggle .icon-bars, .menu-toggle .icon-close {
	/*display: none;*/
}

.toggled-on .menu-toggle .icon-close {
	display: inline-block;
}

/* Dropdown Toggle */
.dropdown-toggle {
	background-color: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #222;
	display: block;
	font-size: 16px;
	right: -0.5em;
	line-height: 1.5;
	margin: 0 auto;
	padding: 1.2em 0.5em 0;
	position: absolute;
	text-shadow: none;
/*	width: 50px;*/

}

.dropdown-toggle:hover, .dropdown-toggle:focus {
	background: transparent;
	color: #ff5722;
}

.dropdown-toggle:focus {
	outline: thin dotted;
	color: #ffffff;
}

.dropdown-toggle.toggled-on .icon {
	-ms-transform: rotate(-180deg);
	/* IE 9 */
	-webkit-transform: rotate(-180deg);
	/* Chrome, Safari, Opera */
	transform: rotate(-180deg);
}

.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

.nav-previous, .nav-next {
	display: block;
	height: auto;
}

.nav-previous a, .nav-next a {
	padding: 5px 10px;
	color: black;
	/*border-radius: 3px;*/
	border: 1px solid black;
	display: inline-block;
}

.nav-previous a:hover, .nav-next a:hover {
	color: #ffffff !important;
	background: #010101;
}



@media only screen and (min-width: 720px) {

	#masthead {
/*			height: 120px;
			/*background-color: #fafafa;*!/
			padding: 0px;*/
	}

	.shop-content-area {
		max-width: 1450px;
		margin: 0 auto;
	}

}

@media only screen and (max-width: 720px) {

	#masthead {
/*			height: 100px;
			/*background-color: #fafafa;*!/
			padding: 0px;*/
	}
}


.shop-content-area {
	width: 100%;
	max-width: 100%;
	float: left;
}

.shopify-buy-frame.shopify-buy-frame--product.shopify-buy__layout-vertical iframe {
margin-bottom: 0px;
}

/* ## Pagination
 ========================================================================== */
nav.navigation.pagination {
    margin: 0 0 50px;
/*    text-align: center;*/
	margin-top: 30px;
	float: left;
}

span.page-numbers.current,
a.page-numbers {
    border: 1px solid #000000;
    padding: 8px 14px;
/*    border-radius: 3px;*/
    color: #000000;
    margin: 0 10px 0 0;
}

span.page-numbers.current {
    border: 1px solid #000000;
    padding: 8px 14px;
/*    border-radius: 3px;*/
    color: #ffffff;
    margin: 0 10px 0 0;
background-color: #000000;
}

body.wp-night-mode-on span.page-numbers.current {
	background-color: #ffffff !important;
	color: #000000;
}

body.wp-night-mode-on span.page-numbers.current:hover,
body.wp-night-mode-on a.page-numbers:hover  {
	background-color: #ffffff !important;
	color: #000000 !important;
}

span.page-numbers.current:hover,
a.page-numbers:hover {
    border: 1px solid #000000;
    background: #000000;
    color: #fff !important;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
	word-wrap: normal !important;
	/* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 13px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Allignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before, .clear:after, .entry-content:before, .entry-content:after, .comment-content:before, .comment-content:after, .site-header:before, .site-header:after, .site-content:before, .site-content:after, .site-footer:before, .site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after, .entry-content:after, .comment-content:after, .site-header:after, .site-content:after, .site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin-bottom: 4rem;
	color: #8f99a3;
	font-size: 1rem;
	font-weight: 400;
}

.widget ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

.widget select {
	max-width: 100%;
}

.widget img {
	display: block;
	margin: 0 auto;
}

.widget-title {
	margin: 0 0 1.5rem;
	padding: 0 0 .5em;
	color: #212b35;
	font-size: 1.5rem;
	font-weight: 600;
	line-height: 1.1;
	border-bottom: 2px solid #e9ecef;
	text-align: right;
}

.widget-title .rsswidget {
	display: inline-block;
}

.popular-posts ul {
	margin-top: 2em;
}

.popular-posts li {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-flex-align: center;
	align-items: center;
	margin: 1.5em 0;
}

.popular-posts img {
	max-width: 6.25rem;
	margin-right: 1em;
}

.popular-posts .nav-title {
	margin-bottom: .3em;
}

/* ## Clean Blogging Recent Post Widget
--------------------------------------- */
.clean-blogging-widget-list a {
	display: block;
	min-height: 100px;
	position: relative;
}

.clean-blogging-widget-list .post-icon {
	display: block;
	width: 80px;
	height: 80px;
	background: #fff;
	border-radius: 3px;
	position: absolute;
	top: 0;
	left: 0;
}

.clean-blogging-widget-list .post-icon img {
	display: block;
	border-radius: 3px;
}

.clean-blogging-widget-list .post-icon .icon-doc {
	font-size: 2em;
	text-align: center;
	position: absolute;
	top: 10%;
	margin-top: 0;
	left: 0;
	right: 0;
}

.clean-blogging-widget-list .inner {
	padding-left: 100px;
}

.clean-blogging-widget-list .title {
	line-height: 140%;
	font-weight: 400;
	color: #111;
	margin: 0;
	padding: 5px 0 5px;
	font-size: 13px;
}

.clean-blogging-widget-list .meta {
	margin-top: 3px;
	font-size: 11px;
	font-weight: 400;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #888;
}

.clean-blogging-widget-list .excerpt {
	margin-top: 3px;
	color: #666;
	line-height: 130%;
}

.clean-blogging-widget-list p.title, .clean-blogging-widget-list p.meta {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.clean-blogging-widget-list > li a:hover p.title {
	padding: 5px 0 5px 5px;
}

.clean-blogging-widget-list > li a:hover p.meta {
	padding: 0 0 0 5px;
}

/*--------------------------------------------------------------
## Search From
--------------------------------------------------------------*/

#search-form {
	margin-top: 50px;
	width: 30%;
	margin-left: 34%;
}
.search-wrap {
	position: relative;
}

input#search-input {
}

.search-wrap input[type="submit"] {
	padding: 0;
	width: 1px;
	height: 1px;
	min-width: 1px;
}

.search-wrap input[type="search"] {
	width: 100%;
	padding: 18px 0 18px 20px;
	font-size: 16px;
	border: 2px solid #000000;
}

span.icon-search {
	position: absolute;
	display: inline-block;
	right: 6%;
	top: 39%;
	padding: 0;
	margin: 0;
	line-height: 0;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
#content {
	padding: 0 30px 0;
	background: #FAFAFA;

}

.home .content-area {
	margin: 0;
}

.sticky {
	display: block;
}

.entry-meta {
	font-size: 13px;
}

.hentry {
	margin: 0 auto;
}

time.published.updated {
	display: inline-block;
}

time.updated {
	display: none;
}

.single .byline, .group-blog .byline {
	display: inline;
	text-transform: capitalize;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

.entry-title {
	margin-bottom: 0rem;
}

.single header.entry-header {
	border-bottom: 2px solid #ececec;
	padding: 0 0 1.5em;
	margin: 0 0 -1.5em;
}

.single .entry-content p:first-of-type {
	font-size: 18px;
	color: #000;
	margin: 55px 0 0;
}

span.cat-links.left::before {
	font-family: minblog;
	content: '\e805';
	padding: 0 5px 0 0;
}

span.tags-links.right::before {
	font-family: minblog;
	content: '\e802';
	padding: 0 5px 0 0;
}

span.posted-on::before {
	font-family: minblog;
	content: '\e803';
	display: inline-block;
	padding: 0 4px 0 0;
}

span.byline::before {
	font-family: minblog;
	content: '\f2c0';
	display: inline-block;
	padding: 0 4px 0 10px;
}

.single span.author.vcard, .single span.author.vcard a, .single span.byline::before {
	color: #222;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.comment-respond, .comments-area {
	-ms-flex: 1 0 100%;
	flex: 1 0 100%;
	max-width: 100%;
	margin: 3rem 0;
	font-size: .875rem;
}

.comment-respond ul.comment-list, .comment-respond ul.children, .comments-area ul.comment-list, .comments-area ul.children {
	margin: 0;
	padding: 0;
	list-style: none;
}

.comments-area {
	margin-bottom: 1rem;
}

.comments-area h4 {
	font-size: 24px;
}

.single p.logged-in-as {
	font-size: 134px;
}

h3#reply-title {
	font-size: 24px;
	margin: 0 0 -5px;
}

.reply {
	position: absolute;
	top: 1.875rem;
	right: 2rem;
}

.comment-reply-title small a, .comment-reply-link {
	display: inline-block;
	padding: .7em 1.7em;
	font-size: .6875rem;
	font-weight: 400;
	font-style: normal;
	line-height: 1em;
	border: 1px solid;
	border-radius: 999em;
	color:#fff;
}



.comment-reply-link:hover{
	color:#fff;
}
.comment-reply-title small a {
	float: right;
}

.comment-awaiting-moderation {
	margin-bottom: 0;
	color: #8f99a3;
	font-weight: 300;
}

.comment-body {
	position: relative;
	margin: 2rem 0;
	padding: 2rem 2rem .5rem;
	background-color: #197ee3;
	border: 1px solid #f1f3f5;
	border-radius: 3px;
}

.comment-navigation .nav-previous a, .comment-navigation .nav-next a {
	display: inline-block;
	margin: 0 0 2rem;
	padding: .75em 1.75em;
	color: #fff;
	font-size: .75rem;
	background-color: #70c5b9;
	border-radius: 999em;
}

.comment-navigation .nav-previous a:hover, .comment-navigation .nav-previous a:focus, .comment-navigation .nav-previous a:active, .comment-navigation .nav-next a:hover, .comment-navigation .nav-next a:focus, .comment-navigation .nav-next a:active {
	background-color: #48b0a2;
}

.comment-author .fn {
	font-weight: 500;
}

.comment-author .fn a {
	color: #343a40;
}

.comment-author .fn a:hover, .comment-author .fn a:focus, .comment-author .fn a:active {
	opacity: .8;
}

.comment-author .says {
	display: none;
}

.bypostauthor .comment-author:before {
	content: '\F007';
	font-family: 'FontAwesome';
	margin-right: .3em;
}

.comment-metadata {
	font-size: .75rem;
}

.comment-metadata a:not(.comment-edit-link) {
	color: #8f99a3;
}

.comment-metadata a:not(.comment-edit-link):hover, .comment-metadata a:not(.comment-edit-link):focus, .comment-metadata a:not(.comment-edit-link):active {
	color: #495057;
}

.comment-author .avatar {
	float: left;
	margin-right: 1rem;
	border-radius: 100%;
}

.comment-content {
	font-size: 1rem;
	line-height: 1.7;
}

.comment-form label {
	display: block;
}

.comment-form-comment {
	margin-bottom: 0;
}

.comment-form-author input, .comment-form-email input, .comment-form-url input {
	width: 33%;
	padding: 15px 10px;
}

.single .comment-form p {
	margin: 10px 0;
}

.comment-form .form-submit input {
	margin: 30px 0 0;
}

.comment-form-cookies-consent label {
	display: inline-block;
	padding: 0 0 0 10px;
}

/*--------------------------------------------------------------
## Featured Post
--------------------------------------------------------------*/
.home .has-post-thumbnail span.byline a, .home .has-post-thumbnail span.byline {
	color: #fff;
	text-transform: capitalize;
}

span.byline {
	text-transform: capitalize;
}

span.posted-on a {
	color: #404040;
}

.has-post-thumbnail .entry-header-wrapper {
	margin-bottom: 30px;
}

.entry-header-wrapper {
	float: left;
	width: 100%;
	display: block;
	position: relative;
}

.post-thumbnail {
	margin: 0 auto;
	line-height: 0;
	z-index: 1;
	float: left;
	width: 100%;
	display: block;
	position: relative;
}

.post-thumbnail a {
	display: inline-block;
	top: 100%;
	width: 100%;
}

.post-thumbnail img {
	border-radius: 3px;
	width: 100%;
}

.post-thumbnail:after {
	content: "";
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 100%;
	height: 50%;
	border-radius: 0 0 3px 3px;
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), #000000);
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), #000000);
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), #000000);
	background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), #000000);
	background-image: linear-gradient(top, rgba(0, 0, 0, 0), #000000);
	opacity: 0.8;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.has-post-thumbnail .entry-header-wrapper:hover .post-thumbnail:after {
	opacity: 0.8;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

.has-post-thumbnail .has-thumb.entry-header {
	position: absolute;
	bottom: 0;
	padding: 0 50px 40px 50px;
	z-index: 10;
}

h2.entry-title a {
	color: #222;
}

h2.entry-title a:hover {
	color: #ff5722;
}

.has-thumb h2.entry-title a, .entry-header-wrapper span.posted-on, .entry-header-wrapper span.posted-on a, .has-post-thumbnail span.byline a, .has-post-thumbnail span.byline {
	color: #fff;
}

a.readmore {
	display: inline-block;
	border: 1px solid;
	clear: both;
	padding: 8px 15px 8px 36px;
	border-radius: 0px;
	color: #000000;
	font-size: 13px;
	margin: 0 0 30px;
	background-color: transparent;
}

.entry-content a.readmore:hover {
	/* background: #FF5722; */
	color: #fff;
}

.home .sticky .has-thumb h2.entry-title, .home .sticky h2.entry-title {
	text-indent: -32px;
}

.home .sticky .has-thumb h2.entry-title::before {
	font-family: minblog;
	content: '\e801';
	color: #fff;
	font-weight: normal;
	font-size: 29px;
	padding: 0 10px 0 0;
}

.home .sticky h2.entry-title::before {
	font-family: minblog;
	content: '\e801';
	color: #d0d0d0;
	font-weight: normal;
	font-size: 29px;
	padding: 0 10px 0 0;
}

/*--------------------------------------------------------------
## 404 Page
--------------------------------------------------------------*/

.error404 .content-area {
	max-width: 100%;
	text-align: center;
	margin: 0 0 4rem;
}

.error404 span.icon-search {
	right: 2%;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#colophon {
	border-top: 1px solid #e9ecef;
	text-align: center;
}

#colophon p {
	color: #212b35;
}

#colophon a {
	color: #444;
}

#colophon a:hover {
	color: #FF5722;
}

.footer_social ul {
	text-align: center;
	padding: 0;
	margin-bottom: 0;
}

.footer_social ul li {
	display: inline-block;
}

.site-info {
	font-size: 0.9rem;
	margin-right: 20px;
	margin-left: 20px;
}

footer.entry-footer {
	border-top: 2px solid #ececec;
	padding: 1.5em 0;
	font-size: 13px;
}

.aboutinfobase_section {
/*	position: relative;*/
	width: 100%;
	float: left;
/*	bottom: 0px;*/
}


/*-----------------------------------------------------------------------------------*/
/*	HOLO V2
/*-----------------------------------------------------------------------------------*/


#holotilev2 {
	font-family: Arial, Helvetica, Geneva, sans-serif;
}

#alm-filters-streamfilter select, #alm-filters-streamfilter input, .alm-filter--text-wrap.has-button button {
	font-family: Arial !important;
	font-size: 1.2em !important;
	border-radius: 1.2em !important;
	padding: 0.4em 1.2em 0.3em 0.6em !important;
	border-width: 1.5px !important;
	min-width: 0 !important;
	border-color: #000000;
	float: left;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	color: #000000;
}

#alm-filters-streamfilter_v2 select, #alm-filters-streamfilter_v2 input, .alm-filter--text-wrap.has-button button {
	font-family: Arial !important;
	font-size: 1.2em !important;
	border-radius: 1.2em !important;
	padding: 0.4em 1.2em 0.3em 0.6em !important;
	border-width: 1.5px !important;
	min-width: 0 !important;
	border-color: #000000;
	float: left;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	color: #000000;
}

/*#streamfilterv2 {
	width: 100%;
	float: left;
	padding-top: 20px;
	background-color: #fafafa;
}

#streamv2 {
	float: left;
}*/

.alm-filter--text-wrap.has-button button:hover {
	color: #ffffff;
}

body.wp-night-mode-on .alm-filter--text-wrap.has-button button {
	border-color: #ffffff !important;
	color: #ffffff;
}

body.wp-night-mode-on .alm-filter--text-wrap.has-button button:hover {
	color: #000000;
}



#streamv2-datestamp h1 {
	margin-top: 0px;
	margin-bottom: 15px;
}

#streamv2 .streamdate {
	height: 400px;
}

#streamv2-featured-tags {
	float: left;
	width: 70%;
	margin-bottom: 10px;
}

#streamv2-tools {
	width: 30%;
	height: 20px;
	float: right;
	margin-bottom: 20px;
	padding-top: 0.5em;
}

#streamv2-expand {
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/H25-ICON-EXPAND-Day.png) 0 0px no-repeat;
	background-size: 15px 15px;
	width: 15px;
	height: 15px;
	float: right;
	margin-left: 15px;
}

body.wp-night-mode-on #streamv2-expand {
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/H25-ICON-EXPAND-Night.png) 0 0px no-repeat;
	background-size: 15px 15px;
}

#streamv2-tumb {
	float: left;
	width: 100%;
	margin-bottom: 20px;
}

#streamv2-content {
	float: left;
	width: 100%;
}

#streamv2-content .streamdate {
	margin-top: 100px;
}


#streamv2-content .stream-source {
	font-weight: normal;
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/H25-ICON-LINK-Day.png) 0 2px no-repeat;
	background-size: 1em 1em;
	text-transform: uppercase;
	padding-left: 1.4em;
}

body.wp-night-mode-on #streamv2-content .stream-source {
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/H25-ICON-LINK-Night.png) 0 1px no-repeat;
	background-size: 12px 12px;
}

#streamv2-content #itemcontent {
	height: auto;
}

#streamv2-content .stream-outnow {
	display: none;
}

#streamv2-content .itemtextcontent .stream-info {
	display: none;
}

#streamv2-content .stream-text, #streamv2-content .stream-author, #streamv2-content .stream-data {
	font-size: 1.2em !important;
	line-height: 1.4em !important;
	padding-right: 20px;
}


#streamv2-content .itemtextcontent .stream-author {
	font-size: 1.2em !important;
	line-height: 1.4em !important;
}

#streamv2-content .item.date {
	padding: 0px;
	margin-top: -80px;
	position: relative !important;
	background-color: #f9faf9 !important;
}

#streamv2-content .streamdate h5 {
	font-size: 4em !important;
	margin-top: -35px !important;
	line-height: 1em;
}

#editbut {
	margin-right: 10px;
	font-size: 1.2em;
	margin-top: -2px !important;
	float: right;
	font-style: italic;
}

#cent-body .stream-outnow {
	display: none !important;
}

#streamv2-content h5 {
	margin-top: 0px;
	margin-bottom: 20px;
}

@media only screen and (min-width: 960px) {
	#streamv2 .HOLOFont {
	font: 30vw "TpHolo-Thick";
	margin-top: -1vw;
	margin-bottom: -15%;
	margin-left: 3%;
	}
	#streamv2 .alm-reveal {
	  /*grid-template-columns: repeat(auto-fill, minmax(20%,1fr));*/
	  grid-template-columns: repeat(4, minmax(0, 1fr));
	}
	#streamv2 #holotilev2:nth-child(5) {
		grid-column-start: 1;
		grid-column-end: 3;
		grid-row-start: 2;
		grid-row-end: 3;
	}
	#streamv2 #holotilev2:nth-child(6) {
		grid-column-start: 4;
		grid-column-end: 4;
		grid-row-start: 2;
		grid-row-end: 3;

	}
	#streamv2 #holotilev2:nth-child(14) {
		grid-column-start: 3;
		grid-column-end: 5;
		grid-row-start: 4;
		grid-row-end: 5;
	}
	#streamv2 #holotilev2:nth-child(19) {
		grid-column-start: 1;
		grid-column-end: 3;
		grid-row-start: 6;
		grid-row-end: 7;
	}
	#streamv2 #holotilev2:nth-child(5) div.stream-quote h5, #streamv2 #holotilev2:nth-child(5) .stream-author, #streamv2 #holotilev2:nth-child(14) div.stream-quote h5, #streamv2 #holotilev2:nth-child(14) .stream-author, #streamv2 #holotilev2:nth-child(5) div.stream-quote h5, #streamv2 #holotilev2:nth-child(15) .stream-author, #streamv2 #holotilev2:nth-child(5) div.stream-text, #streamv2 #holotilev2:nth-child(14) div.stream-text, #streamv2 #holotilev2:nth-child(19) div.stream-text {
		font-size: 1.5em;
		line-height: 1.3em;
	}
}

@media only screen and (min-width: 1600px) {
	#streamv2 .HOLOFont {
	font: 24vw "TpHolo-Thick";
	margin-top: -1vw;
	margin-bottom: -15%;
	margin-left: 3%;
	}
	#streamv2 .alm-reveal {
	  /*grid-template-columns: repeat(auto-fill, minmax(20%,1fr));*/
	  grid-template-columns: repeat(5, minmax(0, 1fr));
	}
	#streamv2 #holotilev2:nth-child(4) {
		grid-column-start: 5;
		grid-column-end: 6;
		grid-row-start: 1;
		grid-row-end: 1;
	}
	#streamv2 #holotilev2:nth-child(19) {
		grid-column-start: 1;
		grid-column-end: 3;
		grid-row-start: 5;
		grid-row-end: 6;
	}
}

@media only screen and (min-width: 2100px) {
	#streamv2 .HOLOFont {
	font: 20vw "TpHolo-Thick";
	margin-top: -1vw;
	margin-bottom: -15%;
	margin-left: 3%;
	}
	#streamv2 .alm-reveal {
	  /*grid-template-columns: repeat(auto-fill, minmax(20%,1fr));*/
	  grid-template-columns: repeat(6, minmax(0, 1fr));
	}

	#streamv2 #holotilev2:nth-child(19) {
		grid-column-start: 1;
		grid-column-end: 3;
		grid-row-start: 4;
		grid-row-end: 5;
	}
}

@media only screen and (max-width: 960px) {
	#streamv2 .HOLOFont {
	font: 100vw "TpHolo-Thick";
	}
#cent-main {
	width: 100%;
	float: left;
	padding-right: 0%;
	margin-bottom: 50px;
}

#cent-sidebar {
	width: 100%;
	float: left;
	padding-right: 0%;
}

}
@media only screen and (min-width: 960px) {
#cent-main {
	width: 60%;
	float: left;
	padding-right: 40px;
	margin-bottom: 40px;
}

#cent-sidebar {
	width: 40%;
	float: left;
}

/*#cent-data {
	width: 10%;
	float: right;
	padding-left: 40px;
}*/

}

#singlestreammeta {
	float: left;
	width: 100%;
	margin-top: 30px;
}

#quotations {
background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/H25-ICON-Quotation-Day.png) 0 0px no-repeat;
	background-size: 200px 100px;
	float: left;
}

body.wp-night-mode-on #quotations {
background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/H25-ICON-Quotation-Night.png) 0 0px no-repeat;
	background-size: 200px 100px;
	float: left;
}

body.wp-night-mode-on #quotations img {
	background-color: transparent;
}


#cent-body {
	float: left;
}

#cent-body h1 {
	margin-top: 0px;
}

#cent-sidebar h1 {
	margin-top: 0px;
}

#cent-body #itemcontent {
	height: auto;
	float: left;
	font: 1.8em Arial, Helvetica, Geneva, sans-serif;
	line-height: 1.5em;
}

#cent-body .stream-image img {
		max-height:250px;
	    max-width:80%;
	    height:auto;
	    width:auto;
		display: block !important;
		position: relative !important;
	    left: auto !important;
		top: auto !important;
}

#cent-body img {
	margin-bottom: 20px;
}

#cent-body .stream-quote h5 {
	font-size: 1.8em;
	line-height: 1.2em;
}

#cent-body .stream-info {
	display: none;
}

#cent-body .stream-author {
	margin-bottom: 30px;
}

#cent-body .stream-source {
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/H25-ICON-LINK-Day.png) 0 5px no-repeat !important;
	background-size: 22px 22px !important;
padding-left: 30px;
margin-top: 10px;
margin-bottom: 30px;
/*margin-top: 40px;
margin-bottom: 20px;*/
}

body.wp-night-mode-on #cent-body .stream-source {
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/H25-ICON-LINK-Night.png) 0 2px no-repeat !important;
	background-size: 22px 22px !important;
}

#cent-body .stream-data a {
	font-size: 1.2em;
	font-weight: normal;
	font-style: normal;
}

#cent-related {
	border-bottom: 1px solid #000000;
	margin-bottom: 20px;
}

body.wp-night-mode-on #cent-related {
	border-bottom: 1px solid #ffffff;
}
#cent-related h5 {
	margin-top: 0px;
	margin-bottom: 20px;
}

#cent-nav {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}
#cent-date {
	float: left;
}

#cent-date h1 {
	margin: 0px !important;
}

#cent-controls {
	float: right;
}

#cent-featured-tags {
	float: left;
	margin-bottom: 20px;
}

span.holoarrowleft {
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/H25-ICON-ARROW-Day.png) 0 0px no-repeat !important;
	background-size: 22px 22px !important;
	width: 22px;
	height: 22px;
	cursor: pointer;
	float: left;
	margin-right: 20px;
}

span.holoarrowright {
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/H25-ICON-ARROW-Day.png) 0 0px no-repeat !important;
	background-size: 22px 22px !important;
	width: 22px;
	height: 22px;
	cursor: pointer;
	float: left;

	transform-origin: center;
	transform: rotate(180deg);
	margin-right: 20px;
}

body.wp-night-mode-on span.holoarrowleft {
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/H25-ICON-ARROW-Night.png) 0 0px no-repeat !important;
	background-size: 22px 22px !important;
}

body.wp-night-mode-on span.holoarrowright {
		background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/H25-ICON-ARROW-Night.png) 0 0px no-repeat !important;
	background-size: 22px 22px !important;
}

span.holoclose {
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/H25-ICON-MENUCLOSE-Day.png) 0 0px no-repeat !important;
	background-size: 22px 22px !important;
	width: 22px;
	height: 22px;
	cursor: pointer;
	float: left;
}

body.wp-night-mode-on span.holoclose {
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/H25-ICON-MENUCLOSE-Night.png) 0 0px no-repeat !important;
	background-size: 22px 22px !important;
}


/*-------------------------------------------------*/
/*	STREAM V2 Editorial Menu
/*-------------------------------------------------*/

#editorial_menu {
	position: fixed;
	bottom: 0px;
	width: 100vw;
	z-index: 7;
}


#editorialfixed_menu button#holoroundbut {
	margin-bottom: 20px;
	margin-left: -10px;
}



#editorial_menu_content .tabcontent {
	padding: 30px 30px 30px 30px;
	
	animation: fadeIn 0.5s;
}

#editorial_menu #holoroundbut {
	box-shadow: 5px 5px 30px #f9faf9;
}

body.wp-night-mode-on #editorial_menu #holoroundbut {
	box-shadow: 5px 5px 30px #191919;
}

#editorialtabs {
	cursor: pointer;
}

#editorial_menu_content {
	display: none;
/*	border-top: 2px solid #000000;*/
	background-color: #fafafa;

	box-shadow: 0 -50px 50px #f9faf9;
	
	height: 700px;
	overflow-y: scroll;
	margin-left: -30px;
	
	padding-top: 60px;
	

}

body.wp-night-mode-on #editorial_menu_content {
	box-shadow: 0 -50px 50px #191919;
	background-color: #191919;
}

/*#editorial_menu_content a, #editorial_menu_content h5, #editorial_menu_content h2, #editorial_menu_content .project-title {
	color: #ffffff;
}*/

#editorialfixed_menu.open {
	color: #ffffff;
	box-shadow: none;
	position: absolute;
	margin-top: 20px;
	width: auto;
	padding-right: 30px;
	border-radius: 30px;
}

#editorialfixed_menu button#holoroundbut {
	color: #ffffff;	
	padding-right: 50px !important;
	
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/playuw.png) 85% 50% no-repeat #000000 !important;
	background-size: 20px 20px !important;
}

#editorialfixed_menu.open button#holoroundbut {
	color: #ffffff;	
	padding-right: 50px !important;
	
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/playdw.png) 85% 50% no-repeat #000000 !important;
	background-size: 20px 20px !important;
	position: absolute;
	z-index: 1;
}

#editorialfixed_menu.open button#holoroundbut:after {
	padding-right: 50px !important;
	
}

#editorialtabs {
	position: fixed;
	margin-top: -40px;
	margin-left: 170px;
	
	z-index: 1;
/*	width: 80%;*/
	
}

#listing_logout {

}

#editorialtabs .tabLink {
  opacity: 0;
  animation-name: fadeinout;
  animation-duration: 1s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
 
}

@keyframes fadeinout {
  0% {
    opacity: 0;
  }
 100% {                      /* = fadingin / duration * 100% */
    opacity: 1;
  }

}

.tabLink:nth-child(1) { animation-delay: 0s; }  /* delay = (n-1) / numquotes * duration */
.tabLink:nth-child(2) { animation-delay: 0.2s; }
.tabLink:nth-child(3) { animation-delay: 0.4s; }
.tabLink:nth-child(4) { animation-delay: 0.6s; }
.tabLink:nth-child(5) { animation-delay: 0.8s; }
.tabLink:nth-child(6) { animation-delay: 1s; }
.tabLink:nth-child(6) { animation-delay: 1.2s; }




/*-------------------------------------------------*/
/*	Notification V2
/*-------------------------------------------------*/

#notificationv2 h6, #notificationv2 h5 {
	font: 1.2em Arial, Helvetica, Geneva, sans-serif !important;
	margin-top: 0px;
	margin-bottom: 20px;
}
#notificationv2 #notcontent {
	background: transparent;
	padding: 0px;
}
#notificationv2 #notaccount {
	border: none;
	background: transparent;
	padding: 0px;
}

#notificationv2 #dashsidebar {
	padding: 0px;
}

#notificationv2 #notdivhide {
/*	box-shadow: 0 0px 50px #f9faf9;*/
	background-color: #fafafa;
	font: 1.4em Arial, Helvetica, Geneva, sans-serif !important;
/*	line-height: 1.3em !important;*/
	
	
   animation: fadeIn 0.5s;
  -webkit-animation: fadeIn 0.5s;
  -moz-animation: fadeIn 0.5s;
  -o-animation: fadeIn 0.5s;
  -ms-animation: fadeIn 0.5s;
	  
	border-style: solid;
	border-width: 1px;
	
	padding: 30px;
/*	width: 25%;*/
	right: 20px;
}
#notificationv2 #notdivhide a {
	color: #000000;
}


#notcontent button.simplefavorites-clear:hover {
	color: #ffffff !important;
}
#notcontent button.simplefavorites-clear {
	font-family: Arial !important;
	font-size: 1em !important;
	border-radius: 1.2em !important;
	padding: 0.3em 0.6em 0.3em 0.6em !important;
	border-width: 1.5px !important;
	min-width: 0px !important;

	float: left;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	color: #000000;

	max-width: 12em !important;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;	
}






@media screen and (max-width: 960px) {
#holopageintro {
	width: 100%;
	float: left;
	padding-right: 10%;
}
}
@media screen and (min-width: 960px) {
#holopageintro {
	width: 100%;
	float: left;
	padding-right: 25%;
}
}

#holopageintro h1 {
	font-size: 3em;
	margin-top: 0px;
	margin-bottom: 0.6em;
}

#holopageintro h5 {
	margin-top: 0px;
}

#libmain {
	float: left;
	width: 100%;
	margin-bottom: 30px;
/*	max-width: 1600px;*/
}
#libintro {
/*	padding-top: 140px;*/
	float: left;
	width: 100%;
}

#libdatesection {
	float: left;
	width: 100%;
}

.lib_section_grid {
		  width: 100%;
		  float: left;
		  background: blue;
}

#holoroundbut {
	font-family: Arial !important;
	font-size: 1.5em !important;
	border-radius: 1.5em !important;
	padding: 0.4em 0.8em 0.4em 0.8em !important;
	border-width: 2px !important;
	min-width: 0 !important;
	border-color: #000000;
	float: left;
	margin-right: 8px;
	margin-bottom: 10px;
	color: #000000;
}

#holoroundbutsmall, #holoroundbutsmallblack {
	font-family: Arial !important;
	font-size: 1.2em !important;
	border-radius: 1.2em !important;
	padding: 0.3em 0.6em 0.3em 0.6em !important;
	border-width: 1.5px !important;
	min-width: 0px !important;

	float: left;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	color: #000000;

	max-width: 12em !important;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*#holoroundbutsmall {
	font-family: Arial !important;
	font-size: 1.2em !important;
	border-radius: 1.2em !important;
	padding: 0.3em 0.6em 0.3em 0.6em !important;
	border-width: 1.5px !important;
	min-width: 0px !important;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	color: #000000;

	float: left;

	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}*/

#holoroundbutsmallblack {
	border-color: none;
	background-color: #000000;
	color: #ffffff;
}

body.wp-night-mode-on #holoroundbutsmallblack {
	background-color: #ffffff;
	color: #181918;
}

#holoroundbut:hover, #holoroundbutsmall:hover {
	color: #ffffff !important;
	background-color: #000000 !important;
}

body.wp-night-mode-on #holoroundbut:hover, body.wp-night-mode-on #holoroundbutsmall:hover {
	color: #000000 !important;
	background-color: #ffffff !important;
}

.activeLink #holoroundbut, .activeLink #holoroundbutsmall {
	background-color: #000000;
	color: #ffffff;
}

body.wp-night-mode-on #holoroundbut, body.wp-night-mode-on #holoroundbutsmall {
	border-color: #ffffff !important;
	color: #ffffff;
}

body.wp-night-mode-on .activeLink #holoroundbut, body.wp-night-mode-on .activeLink #holoroundbutsmall {
	color: #000000;
	background-color: #ffffff;
}


#libtabs {
	width: 100%;
	float: left;
	margin-bottom: 30px;
}
#libtabsmain {
	float: left;
	padding-right: 50px;
	margin-bottom: 10px;
}

.tabLink {
	float: left;
}

#libjoinstats h5 a {
	text-decoration: none;
}


/*LIST*/

#hololiblistitem {
	padding-bottom: 10px;
	padding-top: 10px;
	border-top-width: 1px;
	border-top-style: solid;
	width: 100%;
	float: left;

    display: grid;

/*	padding-bottom: 20px;*/
	font-family: Arial, Helvetica, Geneva, sans-serif;
}

#hololistcat {
		text-decoration: underline;
		float: left;
		text-transform: uppercase;
		margin-bottom: 10px;
}

#hololistthedate {
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

span#hololisttitle h5 {
	margin-top: 0px;
	margin-bottom: 30px;
}
span#hololisttitle {
	padding-right: 5%;
}

#hololistauthor {
	padding-top: 5px;
}

@media only screen and (max-width: 960px) {
	#hololiblistitem {
	grid-template-columns: repeat(8, 1fr);
	column-gap: 1em;
	}
	#hololistdate {
	  grid-column-start: 1;
	  grid-column-end: 8;
	  grid-row-start: 1;
	  grid-row-end: 1;

	}
	#hololistthumb {
	  grid-column-start: 1;
	  grid-column-end: 4;
	  grid-row-start: 2;
	  grid-row-end: 4;

	}
	span#hololisttitle {
	  grid-column-start: 4;
	  grid-column-end: 9;
	  grid-row-start: 2;
	  grid-row-end: 2;
	}
	#hololistauthor {
	}
}

@media only screen and (min-width: 960px) {
	#hololiblistitem {
	grid-template-columns: repeat(30, 1fr);
	column-gap: 2em;
	}
	#hololistdate {
	  grid-column: span 4;
	}
	#hololistthumb {
	  grid-column: span 6;
	}
	span#hololisttitle {
	  grid-column: span 19;
	  position: relative;
	}
	span#hololistmeta {
	  grid-column: span 2;
	}
	#hololistauthor {
    position: absolute;
    bottom: 0;
}
}



#listing_outlook-1 #hololisttitle {
	color: #969696;
}


.lib_section_content{
float: left;
width: 100%;
display: block;
}


.lib_section_title h5 {
	margin: 0px;
	padding-right: 50%;
}


/*HIGHLIGHT*/




@media only screen and (max-width: 960px) {
	.lib_section_hi_content {
	width: 100%;
	  display: grid;
	  grid-template-columns: repeat(2, 1fr);
	  justify-content: center;
	  margin-top: 30px;
	  column-gap: 2em;
}
}
@media only screen and (min-width: 960px) {
	.lib_section_hi_content {
	  width: 100%;
	  display: grid;
	  grid-template-columns: repeat(4, 1fr);
	  justify-content: center;
	  margin-top: 30px;
	  column-gap: 2em;
}
}
@media only screen and (min-width: 1600px) {
	.lib_section_hi_content {
	  width: 100%;
	  display: grid;
	  grid-template-columns: repeat(5, 1fr);
	  justify-content: center;
	  margin-top: 30px;
}
.lib_section_hi_item:last-child {
  grid-column-start: 5;
  grid-column-end: 3;
  grid-row-start: 4;
  grid-row-end: 2;
}
.lib_section_hi_item:last-child .excerpt {
  display: block;
}
.lib_section_hi_item:last-child .title h5 {
 font-size: 2.5em;
 line-height: 1.2em;
 margin-bottom: 0px !important;
 padding-right: 20%;
}
}

.lib_section_hi_item {
/*  border: 1px solid blue;*/
  grid-column: span 1;
  margin-bottom: 30px;
}

.lib_section_hi_item:first-child {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 1;
  grid-row-end: 3;
}


.lib_section_hi_item h5 {
  float: left;
  margin-top: 20px;
  padding-right: 10%;
  margin-bottom: 20px;
  width: 100%;
}

.lib_section_hi_item:first-child .title h5 {
 font-size: 2.5em;
 line-height: 1.2em;
 margin-bottom: 0px !important;
 padding-right: 20%;

}

.lib_section_hi_item:first-child .excerpt h5 {
margin-bottom: 0px;
}

.lib_section_hi_item .excerpt {
	display: none;
}

.lib_section_hi_item:first-child .excerpt {
  display: block;
}

.lib_section_hi_content .date {
	float: left;
	padding-left: 0px;
	background: none;
	margin-bottom: 10px;
}

.lib_section_hi_content .thumb {
    display: inline-block;
    height: 0;
    padding-bottom: 65%;
    width: 100%;

	background: #171917;
	overflow: hidden;
}

span#croppedthumb img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
/*  width: 100%;
  height: 25vh;*/
  object-fit: cover;
  transform: translateY(-30px);
}

.lib_section_hi_content .category {
	float: left;
	text-transform: uppercase;
	text-decoration: underline;
	margin-top: 5px;
	width: 100%;
}

div#lib_section_hi_grid.large div.title h5 {
	font-size: 3em;
	line-height: 1.2em;

}

.lib_section_hi_content .title a {
	text-decoration: none !important;
}

.lib_section_hi_content .excerpt {
	float: left;
}

.lib_section_hi_content .contributor {
	float: left;
	margin-top: 20px;
}


/*PEOPLE*/

@media only screen and (max-width: 960px) {
	.group_letter {
	width: 85%;
	column-count: 1;
	column-gap: 0px;
	margin-left: 20%;
	}
	.group_letter .letter {
	width: 100%;
	float: left;
/*	background: red;*/
	position: absolute;
	left: 30px;
	margin-top: -3px;
	font-size: 1.8em;
	width: 15%;
	}
}
@media only screen and (min-width: 960px) {
	.group_letter {
	width: 75%;
	column-count: 3;
	column-gap: 0px;
	margin-left: 25%;
	}
	.group_letter .letter {
	width: 100%;
	float: left;
/*	background: red;*/
	position: absolute;
	left: 30px;
	margin-top: -3px;
	font-size: 1.8em;
	width: 20%;
	}
}

.group_letter {
	font-family: Arial;
	font-size: 1.5em;
	margin-bottom: 40px;
	margin-top: 30px;
}

.lib_section_intro {
	float: left;
	margin-bottom: 40px;
	width:66.6666%;
	float:left;
	padding-right:10%
}

.tabcontent {
}

#holosections {
	float: left;
	width: 100%;

}

.lib_section_intro h5 {
	margin-top: 0px;
	margin-bottom: 0px;
}

#listing_date-1 a:hover, #listing_contributors-1 a:hover, #listing_people-1 a:hover, #listing_cities-1 a:hover, #listing_tags-1 a:hover {
	text-decoration: underline;
}

#listing_date-1 h5, #listing_contributors-1 h5, #listing_people-1 h5, #listing_cities-1 h5, #listing_tags-1 h5 {
	margin: 0px;
}

#listing_date-1 ul, #listing_contributors-1 ul, #listing_people-1 ul, #listing_cities-1 ul, #listing_tags-1 ul {
	padding-left: 0px;
}

#listing_date-1 li, #listing_contributors-1 li, #listing_people-1 li, #listing_cities-1 li, #listing_tags-1 li, #listing_orgs-1 li {
	list-style: none;
	padding-right: 20px;
}


/*DATES*/

#listing_date-1 {
	width: 90%;
}

#listing_date-1 .lib_section_content {
	margin-left: -20px;
}

#listing_date-1 h5 li {
float: left;
font-size: 1.5em;
line-height: 1.7em;
padding: 5px 10px 5px 10px;

}

#listing_date-1 h5 li a {
padding: 5px 0px 5px 10px;
border-radius: 1.5em !important;
}

#listing_date-1 h5 li a:hover {

}

#yearlisting {
/*	font-size: 1.5em;*/
/*	line-height: 1.5em;*/
background: #000000;
color: #ffffff;
padding: 0px 0px 0px 0px;

border-radius: 1.5em !important;
border-width: 2px !important;

}

#yearlisting a {
	color: #ffffff;
}

/*LOCATIONS/CITIES*/

#libintrosection {
	margin-bottom: 50px;
	float: left;
	width: 100%;
}

@media only screen and (max-width: 960px) {
	#libtwothirds {
	width: 58%;
	float: left;
}

#libonethird {
	width: 42%;
	float: left;
}
#libonethird h5 {
	font-size: 2em;;
	line-height: 1.2em;
}
}
@media only screen and (min-width: 960px) {
	#libtwothirds {
	width: 66%;
	float: left;
	padding-right: 5%;
}

#libonethird {
	width: 33%;
	float: left;
}
#libonethird h5 {
	font-size: 2.2em;;
	line-height: 1.2em;
}
}

#libmappos {
	position: relative;
}

span#libmappos.doticonblink {
  position: absolute;

  animation: blink 1s step-start 0s infinite;
  -webkit-animation: blink 1s step-start 0s infinite;
}

#libworldmap {
  position: relative;
  max-width:100vh;
  max-height:100%;
  margin:0 auto;
  overflow: hidden;
}

#libworldmap img {
	width: 100%;
}

.libworldmap:before {
  content: "";
  display: block;
  margin-top: 100%;
}



/*SECTIONS*/

#listing_section-1 .wp-block-column {
	padding-right: 10%;
}


/*CONTRIBUTORS*/

#holocontributors h5 a  {
	border-bottom-style: solid;
	padding-bottom: 3px;
	line-height: 1.5em;
	border-bottom-width: 2px;
}

#holocontributors li {
	float: Left;
	margin-bottom: 5px;
/*	border-bottom: 2px solid #000000;*/
	padding-right: 0px;
	margin-right: 20px;
}

body.wp-night-mode-on #holocontributors li {
	border-bottom: 2px solid #FFFFFF;
}

#holocontributors .holotooltip .holotooltiptext {
		  width: 300px;
}

#holocontributors li a:hover {
	text-decoration: none;
}

#holocontributors.lib_section_content {
	width: 90%;
}

/*TAGS*/

#holotags.lib_section_content {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	width: 90%;

}

div#holotags.lib_section_content a.tag-cloud-link {
	margin-right: 10px;
}


/*---------------------------------------------------------------------*/
/*	DOSSIER V2
/*---------------------------------------------------------------------*/

#dossier_v2 {
	width: 100%;
	float: left;
	background: none !important;
}

#dossier_v2 #recorderconnect {
	height: 50px;
}

#dossier_v2 #project_moreinfo_content .wp-block-column {
/*	margin: 0px !important;
	padding-right: 0px;
	margin-right: -30px !important;*/
}

#dossier_v2 #project_moreinfo_tab {
	padding: 15px 0px 30px 10px;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 1.5em;
	text-align: left;
	margin-bottom: -15px;
	cursor: pointer;

	background-color: #f9faf9 !important;
	width: 25%;
	margin-right: 30px;
	float: right;
	margin-top: 10px;
}

#dossier_v2 #project_moreinfo_content {
	padding: 20px 30px 30px 30px;
}

@media screen and (max-width: 960px) {
	#dossier_v2_main {
		width: 100%;
		margin-left: 0px;
		margin-top: 50px;
		padding-right: 10%;

		float: left;
		font-family: Arial, Helvetica, Geneva, sans-serif;
		font-size: 1.2em;
		line-height: 1.5em;

	}
	#dossier_v2_main .project-quote-l {
	font-size: 1.5em;
	line-height: 1.3em !important;
	}
	#dossier_v2_index {
		display: none;
		position: fixed !important;
		width: 100% !important;
/*		display: block;*/
		padding: 30px 30px 30px 30px;
		top: 0px !important;
		padding-top: 30px !important;
		height: calc(100%);
		right: 0px;
		background-color: #f9faf9;
		z-index: 2;

		font-family: Arial, Helvetica, Geneva, sans-serif;
		font-size: 1.2em;
		line-height: 1.5em;
	}
	#dossier_v2_pageintro {
		float: left;
		background-color: transparent;
		margin-left: 0;
	}
	#indexinfo {
		 width: 100%;
		 float: left;
		 margin-bottom: 30px;
	}
	#indexmobilebutton {
		display: block;
		position: fixed;
		right: 5px;
		top: 155px !important;
		z-index: 3;
		padding: 10px 0px 10px 30px;
		transform: rotate(-90deg) translateY(70px);

	}
	#indexmobilebutton button {
		padding-bottom: 50px !important;
		padding-top: 10px !important;
		width: 80px;

	}
	div#dossier_v2 .quote {
		margin-bottom: 20px;
		margin-top: 0px;
	}

	div#dossier_v2 .project-photoblock {
		width: 100%;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	div#dossier_v2_main .project-phototext
	{
		width: 100%;
		padding-left: 0px;
		margin-top: 0px;
	}
	div#dossier_v2_main .project-qaanswer {
		margin-bottom: 20px;
	}
	div#dossier_v2_main .project-qaquestion {
		margin-top: 0px;
		margin-bottom: 20px;
	}
	#dossier_v2_main .project.qa {
		margin-bottom: 0px;
	}
	#dossier_v2_main .project-paragraph {
		margin-top: -30px;
	}
	div#dossier_v2 .project-fieldnotetext {
		margin-bottom: 30px;
	}

}
@media screen and (min-width: 960px) {
	#dossier_v2_main {
		width: calc(60% - 30px);
		margin-left: 7.5%;
		margin-right: calc(7.5% + 30px);

		float: left;
		font-family: Arial, Helvetica, Geneva, sans-serif;
		font-size: 1.5em;
		line-height: 1.5em;
	}
	#dossier_v2_index {
		position: relative;
		width: 25%;
		display: block;
		float: left;

		height: 100%;

		font-family: Arial, Helvetica, Geneva, sans-serif;
		font-size: 1.5em;
		line-height: 1.5em;

		}
	#dossier_v2_main .project-quote-l {
		font-size: 2.0em;
		line-height: 1.3em !important;
	}

	#dossier_v2_pageintro {
		float: left;
		background-color: transparent;
		padding-bottom: 50px;
		width: 92.5%;
		margin-left: 7.5%;
/*		margin-right: 7.5%;*/

	}
	#dossier_v2_pageintro #image-block {
		width: calc(100vw - 80px);
		margin-left: -7.5%;
	}

	#indexinfo {
		 width: 100%;
		 float: left;
		 margin-bottom: 30px;
		}
	#indexmobilebutton {
		display: none;
	}
}


#dossier_v2 .projecttitle {
	font-weight: normal;
	font-style: normal;
/*	border-bottom-style: solid;
	border-bottom-width: 2px;*/
}



@media screen and (max-width: 960px) {
	#dossier_v2_title {
	font: 60px Arial, Helvetica, Geneva, sans-serif;
}
}
@media screen and (min-width: 960px) {
	#dossier_v2_title {
	font: 80px Arial, Helvetica, Geneva, sans-serif;
}
}

#dossier_v2_main h5 {
	font-size: 1.5em;
	line-height: 1.2em;
}

#dossier_v2 .projecttitle {
/*	border-bottom: 2px solid #000000;*/
}





body.wp-night-mode-on #content.site-content {
	background-color: #181918 !important;
}

#indexinfo h5 {
	font-size: 2em !important;
	line-height: 1.2em !important;
	margin-top: 0px;
	margin-bottom: 20px;
}




#dossier_v2_index {

	overflow-y: scroll;
	padding-bottom: 50px;

}

#dossier_v2_index .tabcontent a {
	text-decoration: underline;
}

#dossier_v2 button {
	font-family: Arial !important;
	font-size: 1.0em !important;
	border-radius: 1.2em !important;
	padding: 0.3em 1em 0.3em 1em !important;
	border-width: 1.5px !important;
	min-width: 0px !important;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
	color: #000000;

	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#dossier_v2 button:hover {
	background-color: #000000 !important;
	color: #ffffff !important;
}




#projectindexchapter {
	font-size: 1.4em;
	line-height: 1.4em;
	float: left;
	width: 100%;
	border-bottom-style: solid;
	border-bottom-width: 2px;

	padding-top: 10px;
	padding-bottom: 10px;
}



#dossier_v2_index a {
}

#compactpageintro {
	position: fixed;
	top: 0;
	left: 0;
	background: black;
	width: 100%;
	color: #ffffff !important;
	display: hidden;
	z-index: 3;
	padding: 10px;
	padding-left: 30px;
/*	height: 100vh;*/
}

#compactpageintro h5 {
	color: #ffffff;
	margin: 0px;

}

#dossier_v2_index #projectindextitle {
	border-bottom-style: solid;
	border-bottom-width: 2px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#dossier_v2_index .index {
	padding-right: 0px;
}

#dossier_v2_index #projectindextitle div.reftitle u {
	text-decoration: none;
}


/*----------------------------------------------------------------*/
/*	SEARCHBAR
/*----------------------------------------------------------------*/

#searchbutton {
	float: left;
	border: none;
	color: #191919;
	background-color: transparent;
	min-width: 1rem;
	width: 30px;
	height: 30px;
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/H25-ICON-SEARCH-Day.png) 0 9px no-repeat !important;
	background-size: 22px 22px !important;
	margin-right: 10px;

	opacity: 100%;
}

body.wp-night-mode-on button#searchbutton {
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/H25-ICON-SEARCH-Night.png) 0 9px no-repeat !important;
	background-size: 22px 22px !important;
}

#searchheader.closed {
	display: none;
}

#searchheader {
	width: 100%;
	margin-bottom: 0px;
	
	animation: fadeIn 0.5s;
  -webkit-animation: fadeIn 0.5s;
  -moz-animation: fadeIn 0.5s;
  -o-animation: fadeIn 0.5s;
  -ms-animation: fadeIn 0.5s;
}

#searchheader input {
	width: 100%;
	font: 1.7em Arial, Geneva, sans-serif !important;
	border: none !important;
	padding: 25px 30px 20px 30px !important;
	color: #ffffff !important;
	margin: 0px !important;

	background: #191919 !important;
}

body.wp-night-mode-on #searchheader input {
	background-color: #181918 !important;
	color: #ffffff !important;
}

#searchheader input::placeholder {
	color: #ffffff !important;
	letter-spacing: -1px;
}

body.wp-night-mode-on #searchheader input::placeholder {
	color: #ffffff !important;
	letter-spacing: -1px;
}



/*----------------------------------------------------------------*/
/*	FUNDING
/*----------------------------------------------------------------*/



/*HOLO STREAM FILTER*/


.alm-filters .month, .alm-filters .year, .alm-filters .tags, .alm-filters .search, .alm-filters .order {
	width: auto;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;



}

.alm-filter--textfield.textfield {
/*	font-size: 12px !important;*/
padding-top: 0px !important;
padding-bottom: 0px !important;

}

.alm-filter--textfield.textfield::placeholder  {
	font-size: 1em !important;
	margin: 0px !important;
	padding: 0px !important;
	color: #000000 !important;

}

#search-text-5 {
	height: 2.15em !important;
	line-height: 25px !important;

}

body.wp-night-mode-on .textfield {
	color: #ffffff !important;
}
body.wp-night-mode-on .textfield::placeholder {
	color: #ffffff !important;
}

.alm-filter--item {
	padding-left: 10px !important;
	padding-right: 30px !important;

	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/playdb.png) 90% 0.6em no-repeat !important;
	background-size: 0.8em 0.8em !important;
}

body.wp-night-mode-on .alm-filter--item {
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/playdw.png) 90% 10px no-repeat !important;
	background-size: 12px 12px !important;
}

.alm-filters-container {
	display: inline-block !important;
	margin-bottom: 0px !important;
}



.alm-filter--inner {
	padding-bottom: 0px !important;
}

/*-----------------------------------------------------------------------------------*/
/*	HOLO POPUP
/*-----------------------------------------------------------------------------------*/

.popmake-close {
	font-size: 1.4em !important;
	margin-top: 0px;
	display: block !important;
	color: #ffffff !important;
}

#popmaintmp h5, #popmaintmp h1 {
	color: #ffffff !important;
	 word-break:break-word;
	 font-size: 1.5vw;
}

#popmaintmp h1 {
	font-size: 2.5vw;
/*  white-space:pre-wrap;*/
  word-break:break-word;
}

body.wp-night-mode-on .popmake-close {
	color: #fff !important;
	background-color: red;
}

body.wp-night-mode-on .pum-content h5 {
	background: transparent !important;
}

body.wp-night-mode-on .pum-content p {
	background: transparent !important;
}

.pum-content p {
	margin-bottom: 10px;
}

.pum-content a {
	text-decoration: underline;
}

.pum-content h5 {
	margin-bottom: 0px;
	margin-top: 0px;
}

.pum-content a {
	margin-bottom: 0px;
	margin-top: 0px;
}

#popimageleft {
	width: 40%;
	float: left;
}

#poptextright {
	width: 60%;
	float: right;
	padding-left: 10px;
}

body.wp-night-mode-on .pum-container {
	background-color: #191919 !important;
	border-style: solid;
	border-color: #333333;
}

.popmake-content {
	 -ms-word-break: break-all;
     word-break: break-all;
}

.popmake-content {
   outline: none;
}

body.wp-night-mode-on .popmake-close {
	color: #ffffff !important;
}

/*-----------------------------------------------------------------------------------*/
/*	HOLO BLOG POST PAGE
/*-----------------------------------------------------------------------------------*/

.logicon {
	font-size: 15px;
	padding-right: 8px;
	float: left;
}

#logtitle {
	width: 100%;
	margin-bottom: 20px;
}

/*-----------------------------------------------------------------------------------*/
/*	HOLO INDEX PAGE
/*-----------------------------------------------------------------------------------*/

#indexback {
	position: absolute;
	top: 110px;
	left: 0px;
	width: 100%;
	padding: 30px;
	text-align: center;
	z-index: -1;
}

@media screen and (max-width: 960px) {
		#indexback {
				column-count: 6;
				letter-spacing: 8px;
		}
		#indexform {
			width: 90%;
			margin-left: 5%;
			}
}
@media screen and (min-width: 960px) {
	#indexback {
			column-count: 12;
			letter-spacing: 5px;
		}
		#indexform {
			width: 70%;
			margin-left: 15%;
			}
}

body.wp-night-mode-on #indexform {
	background-color: rgba(24, 25, 24, 0.73);
}

#indexgridid {
font-size: 0.6em;
color: #b3b3b3;
}


#indexgridid:hover {
	color: #000000;
}

#indexintrotext {
	font-size: 0.6em;
	width: 70%;
	margin: 0 auto;
}

#indexform {

position: absolute;
background: rgba(249, 250, 249, 0.6);
text-align: center;
z-index: 0;
margin-top: 5%;
padding-top: 5vh;
padding-bottom: 5vh;
}

#indexform input#txt {
	font: 7vw Arial, Helvetica, Geneva, sans-serif !important;
	text-align: center;
	width: 50%;

}

div#indexform button {
	font: 2vw Arial, Helvetica, Geneva, sans-serif !important;
}


/*-----------------------------------------------------------------------------------*/
/*	HOLO SEARCH
/*-----------------------------------------------------------------------------------*/



/*-----------------------------------------------------------------------------------*/
/*	HOLO STREAM POST PAGE
/*-----------------------------------------------------------------------------------*/

#streamlogotop {
	position: fixed;
	top: 5px;
	left: 30px;
	z-index: 1;
	background: #f9faf9;

}

#streamlogotop .tabLink.activeLink {
	border-bottom: 1px solid #000000;
}

.hide { display: none !important; }


.tab-box {
	position: fixed;
	float: left !important;
	z-index: 1;
	top: 90px;
	margin-left: -30px;
	padding-left: 30px;
	background-color: #f9faf9;
	visibility: visible;
}

.tab-box select {
	padding: 3px 25px 3px 6px !important;
	font-size: 1em !important;

}




#streamlist_title h5 {
	margin-top: 5px;
	text-decoration: none;
	margin-bottom: 30px;
}


#streamlist_title {
	background: none;
}

div#listtitle span.active {

}

div#listtitle span.active {
	text-decoration: none;
}

div#listtitle span.visited {
	color: #b12828;
}

div#listtitle span.active a.sliding-stream {
	background: #000000;
	text-decoration: none;
	color: #ffffff !important;
}

body.wp-night-mode-on div#listtitle span.active a.sliding-stream {
	background: #ffffff;
	text-decoration: none;
	color: #181918 !important;
}

div#streamlist_title a.title h5 {
	text-decoration: none !important;
}

#streamlist_title {
		position: fixed;
		float: left;
		width: 30% !important;
		height: 100%;
		padding-right: 40px !important;
		overflow: scroll !important;
		-ms-overflow-style: scroll;
		margin-top: 0px;
		padding-top: 0px;
		padding-bottom: 300px;
		top: 110px;
		padding-top: 40px;
}

#streamlist_list .navigation.pagination {
	position: fixed;
	bottom: 0px;
	background: #f8faf8;
	color: #f8faf8;
	padding: 0px;
	margin: 0px;
	padding-bottom: 15px;
	width: 30%;
	padding-top: 15px;
	z-index: 1;
	margin-left: -30px;
	padding-left: 30px;
	font-size: 0.8em;
}


body.wp-night-mode-on div#streamlist_list .page-numbers {
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	border: 1px solid #ffffff;

}

div#streamlist_list .page-numbers {
	margin-right: 10px;
	padding: 2px 6px 2px 6px;
	font-size: 1.2em;
	float: left;
	margin-bottom: 5px;
}

#streamlist_content_loc {
	margin-left: 30%;
	position: absolute;
	width: 55%;
/*	background-color: blue;*/
	top: 135px;
	overflow-y: scroll;

}

#streamlist_content #itemcontent .itemtextcontent div.stream-info {
	display: none;
}

#streamlist_content {

	float: left;
	height: auto;
	overflow-y: scroll;
}


#streamlist_content .itemtextcontent div.stream-quote h5 {
	font-size: 1.3em;
	line-height: 1.4em;
}

#streamlist_content #itemcontent .stream-image {
	margin-bottom: 30px;
}

.streamanchor {
	width: 20px;
	height: 20px;
	float: left;
	background: #fc1e1e;
	display: block !important;
	z-index: 10000 !important;
	visibility: hidden;
	margin-top: -170px;
/*	position: relative;*/
}

#streamlist_content #itemcontent {
	display: block !important;
	flex: none !important;
	margin-bottom: 20px;
	float: left;
	height: auto !important;
	border-bottom: 1px solid #000000;
	padding-bottom: 0px;
}

body.wp-night-mode-on #streamlist_content #itemcontent {
	border-bottom: 1px solid #ffffff;
}

#streamlist_content	.stream-image {
		float: left;
		margin-top: 30px;
		display: block;
		flex: none;
		position: rel;
}

#streamlist_content	.stream-image img {

		max-height:250px;
	    max-width:100%;
	    height:auto;
	    width:auto;
		display: block !important;
		position: relative !important;
	    left: 0 !important;
		top: 0 !important;

}

#streamlist_content .stream-text {

}


body.wp-night-mode-on .tab-box {
	-webkit-box-shadow: 0 20px 20px #181918;
	-moz-box-shadow: 0 20px 20px #181918;
	box-shadow: 0 20px 20px #181918;
}


.sticky {
	display: none;
}

.pinned {
		background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/pin-b.png) 95% 2px no-repeat;
		background-size: 12px 12px;
		background-color: none;
}

#stream_main_content {
	position: fixed;
	background: #FAFAFA;
	margin-left: 37.5%;
	padding: 20px;
	z-index: 1;
}

.stream_background {
/*	width: 100% !important;*/
	position: absolute;
	top: 120px;
	padding-right: 30px;
}

#stream_main_content button {
	position: absolute;
	top: -20px;
	right: 20px;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	border: none;
	padding: 0px;
	margin: 0px;
	/*text-align: right;*/
	min-width: 2em !important;
}

#stream_main_content button:hover {
	background: none;
	color: #000000;
	text-decoration: underline;
}

#stream-whiteout {
	width: 100%;
	position: fixed;
	height: 100%;
	background: rgba(250, 250, 250, 0.95);
	top: 0px;
	left: 0px;
	z-index: -1;
}

#streamgraphic {
	position: fixed;
	bottom: 0px;
	right: 0px;


}

#streamgraphic .HOLOFont {
	font-size: 150px;
	padding: 20px;
	margin-bottom: -30px;
}

.newpost {

	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/newd.png) 95% 0px no-repeat;
	background-size: 12px 12px;
}



/*-----------------------------------------------------------------------------------*/
/*	HOLO STREAM FRONT
/*-----------------------------------------------------------------------------------*/


#holo-header {
	/*background: #f1f1f1;*/
	width: 100%;
	padding: 20px;
	text-transform: uppercase;
}

.alm-ajax {
  /*padding-top: 160px;*/
}

@media screen and (max-width: 960px) {
	#ajax-load-more {
	margin-top: 35px;

	}
}
@media screen and (min-width: 960px) {
	#ajax-load-more {
	margin-top: 35px;
	}
}



/*.grid .alm-reveal {
	  z-index: -100;
	  margin-top: 0px;
	  display: grid;
	  grid-gap: 40px;
	  grid-template-columns: repeat(auto-fill, minmax(20%,1fr));
	  /*grid-auto-rows: 20px;*!/
	}*/


.list .alm-reveal {
	  z-index: -100;
	  margin-top: 0px;
	  width: 100%;
	  float: left;
	}


.alm-load-more-btn.done{
   display: none;
}

.alm-btn-wrap {
	text-align: center;
	padding-top: 40px;
}



@media screen and (max-width: 960px) {
.item {
	margin-bottom: 50px;
/*	float: left;*/
}
}
@media screen and (min-width: 960px) {
.item {
	margin-bottom: 30px;
/*	float: left;*/
}
}

#searchresult {
	max-height: 560px;
	overflow: hidden;
	margin-bottom: 30px;
}

#search-text {
	padding-right: 30px;
}

button.alm-load-more-btn {
	border-style: solid;
	border-width: 1px;
}

.generic {
}

.generic .cropped {
	overflow: hidden;
}

.social {
}

.beacon {
	padding: 20px;
	border: 1px solid #000000;
}

.stream-info {
/*	font-size: 13px;*/
/*	float: left;*/
	margin-right: 10px;
	margin-bottom: 17px;
	width: 100%;
	/*text-decoration: underline;*/
}

.stream-text p {
/*	font-size: 13px;*/
	padding-bottom: 0px;
	margin-bottom: 0px;
	/*letter-spacing: -0.5px;*/
	margin-top: 0px;
}


.stream-data {
/*	font-size: 12px;*/
	float: left;
	margin-right: 10px;
	width: 100%;
	font-weight: bold;
	/*margin-top: 10px;*/
}

.stream-quote {
	font-family: Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
/*	font: 2.2vw Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;*/
	padding-bottom: 0px;
	margin-bottom: 30px;
/*	line-height: 28px;*/
	padding-right: 20px;

}

.stream-quote h5 {
	margin: 0px;
}

.stream-author{
  margin-bottom: 17px;
  padding-right: 20px;
}

.stream-author a {
	text-decoration: underline;
}

.stream-source {
	float: left;
	font-weight: bold;
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/link.png) 0 1px no-repeat;
	background-size: 12px 12px;
	padding-left: 18px;
}

.stream-link {
	float: right;
	font-weight: bold;
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/link.png) 0 3px no-repeat;
	background-size: 12px 12px;
	padding-left: 18px;

}




@media screen and (max-width: 960px) {

	#itemcontent {
		float: left;
	}

	.itemtextcontent {
		padding-right: 20px;

	}

	body.wp-night-mode-on .stream-image {
		background: none;
	}

	.stream-image {
		width: 90%;
		float: left;
		margin-top: 30px;
		background: none;
	}

	.stream-image img {

		max-height:350px;
	    max-width:100%;
	    height:auto;
	    width:auto;
	}

}


/*-----------------------------------------------------------------------------------*/
/*	GRID FRONT
/*-----------------------------------------------------------------------------------*/

#dossieritemv2 {
	 width: 100%;
	 margin-right: 2%;
     display: inline-block;
     white-space: normal;
     vertical-align: top;
}

#dossieritemv2 #dossier-status h6 {
	margin-top: 0px;
}

#dossierfrontv2contentleft {
	width: 23.5%;
	float: left;
	margin-right: 2%;

}

#dossierfrontv2contentright {
	width: 74.3%;
	float: left;
}

#dossier-title-v2 {
		flex: 1 1 auto;
		position: relative;
}

#dossier-title-v2 #dossier-main {
	float: left;
	height: auto;
}

#dossier-title-v2 #dossier-main h5 {
	font-size: 3.5em;
	line-height: 1em;
	margin-top: 0px;
	margin-bottom: 20px;

}

#dossier-title-v2 #dossier-descr {
	float: left;
	word-wrap: break-word;
    white-space: normal;

}

#dossieritemv2 #dossier-partner-logo {
	float: left;
	width: 40%;
	margin-top: 20px;
}

#dossieritemv2 #dossier-partner-logo a img {
        max-width: 100%;
        max-height: 100%;
        display: block; /* remove extra space below image */
}

#dossierfrontv2contentright div.image a img {
	width: 100%;
}

#dossier-recent {
	float: left;
	width: 100%;
	padding-right: 50px;
	margin-bottom: 30px;
}

/*@media only screen and (max-width: 960px) {*/
@media only screen and (max-width: 720px) {

	#shopfrontitem, #dossieritem, #encounteritem, .generic_section .item.generic {
	  width: 75%;
	  margin-right: 5%;
	}
	#shopitem-text {
		height: 30vw;
		margin-bottom: -30vw;
	}
	#shopmainitem {
	  width: 48%;
	}

	#dossier-main {

	}

	#dossierfrontv2contentleft {
	width: 100%;
	float: left;
	margin-right: 2%;

	}

	#dossierfrontv2contentright {
	width: 100%;
	float: left;
	}

	.project-fieldnotetext {
	float: left;
	width: 100%;

 -ms-word-break: break-all;
     word-break: break-all;

     /* Non standard for WebKit */
     word-break: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;

	}

}

/*@media only screen and (min-width: 960px) {*/
@media only screen and (min-width: 720px) {
	#shopfrontitem, #shopmainitem, #dossieritem, .generic_section .item.generic {
	  width: 23%;
	  margin-right: 2%;
	}
	#shopitem-text {
	height: 10vw;
	margin-bottom: -10vw;
	}

	#dossier-main {
		height: 17vw;
	}

	#encounteritem {
	  width: 48.5%;
	  margin-right: 2%;
	}

	.project-fieldnotetext {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	padding-right: 10px;

	/*margin-left: 2.5%;*/

 -ms-word-break: break-all;
     word-break: break-all;

     /* Non standard for WebKit */
     word-break: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
        hyphens: auto;

	}

}

/*-----------------------------------------------------------------------------------*/
/*	GENRIC MORE
/*-----------------------------------------------------------------------------------*/

.generic_section_frame {
	width: 100%;
/*	padding-bottom: 30px;*/
}

.generic_section {
  overflow-x: scroll !important;
  overflow-x: hidden;
  white-space: nowrap;
}

.generic_section .item.generic {
  display: inline-block;
  white-space: normal;
  vertical-align: top;
  margin-bottom: 0px;

}

h5#genericbutright.section-title {
	cursor: pointer;
}

/*-----------------------------------------------------------------------------------*/
/*	ENCOUNTER DOSSIER FRONT
/*-----------------------------------------------------------------------------------*/

#encounteritem {
  display: inline-block;
  white-space: normal;
 vertical-align: top;
}

.encounter_section {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;

}

#encounter-thumb {
	margin-bottom: 20px;
}

#encounter h6 {
	margin-top: 0px;
}

#encounter-title {
/*	margin-bottom: 30px;*/
}

#encounter-title h5 {
	margin: 0px;
}

h5.encountertitle  {
	font-family: "Times New Roman", Times, serif !important;
}

#encounter-main {
	margin-bottom: 30px !important;
}

#encounter-descr {
	margin-right: 10%;
}

#encounter-descr a h5 {
	margin-top: 0px;
	margin-right: 30px;
}

.encounter_section_frame {
	width: 100%;
	padding-bottom: 30px;
}

.encounter_section {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;

}

#recentpostslist #notindextitle {
/*	height: 0px;*/
	margin-bottom: 0px;
	border: none;
	padding-bottom: 7px;
	padding-top: 0px;
}

body.wp-night-mode-on #notindextitle {
	border: none;
}


.notfullscreen {
	display: none;
}

#readmode button {
	padding: 5px;
}

/*-----------------------------------------------------------------------------------*/
/*	HOLO DOSSIER FRONT
/*-----------------------------------------------------------------------------------*/

#dossieritem {
  display: inline-block;
  white-space: normal;
 vertical-align: top;
}

.dossier_section {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;

}

#dossieritem h6 {
	margin-top: 0px;
}

#dossier-title {
	margin-bottom: 30px;
}

#dossier-descr a h5 {
	margin-top: 0px;
	margin-right: 30px;
}

#dossier-descr h5 {
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 20px;
}

.dossier_section_frame {
	width: 100%;
	padding-bottom: 30px;
}

.dossier_section {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;

}


/*-----------------------------------------------------------------------------------*/
/*	HOLO SHOP FRONT
/*-----------------------------------------------------------------------------------*/

.shop_section_frame {
	width: 100%;
	padding-bottom: 30px;
}

.shop_section {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;

}

#shopfrontitem {
  display: inline-block;

}

#shopmainitem {
  float: left;
  margin-right: 2%;
  margin-bottom: 80px;
}

#shopitem-title {
/*	background: #f9faf9;*/
	margin-bottom: 10px;
/*	overflow: hidden;*/
/*	height: 15px;*/

}

#shopitem-ref {
	white-space: nowrap;
	overflow: hidden;
}

#shopitem-text {
    display: none;
	position: relative;
	background: #f9faf9;
	padding-top: 10px;
	width: inherit;

}

#shopitem-descr {
	white-space: normal;
}

#shopitem-descr p {
	margin: 0px;
}

body.wp-night-mode-on #shopitem-text {
	background: #181918;
}

#shopitem-ref:hover~#shopitem-text{
    display: block;
	z-index: 1;
}

#shopitem-price {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

div#popbuttonstmp p a span {
	padding: 10px;
	background-color: #000000;
	color: #ffffff;
	text-decoration: none !important;
	font: 1.5vw Arial, Helvetica, Geneva, sans-serif !important;
}

body.wp-night-mode-on div#popbuttonstmp p a {
	text-decoration: none;
}

.pum-overlay {
	background-color: rgba(255, 255, 255, 0.4);
}

body.wp-night-mode-on .pum-overlay {
	background-color: rgba(32, 32, 32, 0.4);
}

#pum-content_popmake-content p a:hover {
	border: none !important;
}

.pum-content, .popmake-content {
	border: none !important;
}

/*FIXING LAYOUT SMALL SCREENS*/

/*#encountermainframe {
	margin: 0 auto;
	max-width: 1450px;
}
#encountermaincontent {
	margin-top: 40px;
	float: left;
	width: 100%;
}*/

@media only screen and (max-width: 960px) {
	body, button, input, select, textarea, .pum-content p {
	font-size: 13px !important;
	}
	.stream-quote {
		font-size: 20px;
		line-height: 24px;
	}

	h5, .site-title {
	font-size: 20px;
	line-height: 24px;
	}

	.project-quote-l {
	font-size: 25px;
	line-height: 32px !important;
	}

	.stripe-button-el span {
	font: 20px Arial, Helvetica, Geneva, sans-serif !important;
	}


	.encounter-subtitle {
	top: 60px;
	}

}

@media only screen and (min-width: 960px) {
	#itemcontent {
		height: 480px;
	}
/*	#streamv2 #itemcontent {
		height: auto;
	}*/
	body, button, input, select, textarea, .pum-content p {
	font-size: 11px !important;
	}

	h5, .site-title {
		font-size: 18px;
		line-height: 24px;
	}
	.project-quote-l {
	font-size: 25px;
	line-height: 32px !important;
	}

	.stripe-button-el span {
	font: 18px Arial, Helvetica, Geneva, sans-serif !important;
	}

	.stream-quote {
		font-size: 18px;
		line-height: 24px;
	}
	.encounter-subtitle {
	top: 55px;
	}

	.encounter-body, .centcontents {
		font-size: 13px;
	}

}

@media only screen and (min-width: 1150px) {
	#itemcontent {
		height: 480px;
	}
/*	#streamv2 #itemcontent {
		height: auto;
	}*/
	body, button, input, select, textarea, .pum-content p {
	font-size: 11px !important;
	}

	h5, .site-title .stream-quote {
		font-size: 18px;
		line-height: 24px;
	}

	.project-quote-l {
	font-size: 26px;
	line-height: 32px !important;
	}

	.stripe-button-el span {
	font: 18px Arial, Helvetica, Geneva, sans-serif !important;
	}

	.stream-quote {
		font-size: 18px;
		line-height: 24px;
	}
	.encounter-subtitle {
	top: 55px;
	}
	.encounter-body, .centcontents {
		font-size: 14px;
	}

}

@media only screen and (min-width: 1350px) {
	#itemcontent {
		height: 520px;
	}
/*	#streamv2 #itemcontent {
		height: auto;
	}*/
	body, button, input, select, textarea, .pum-content p {
	font-size: 13px !important;
	}

	h5, .site-title {
	font-size: 22px;
	line-height: 28px;
	}
	.project-quote-l {
	font-size: 32px;
	line-height: 40px !important;
	}

	.stripe-button-el span {
	font: 22px Arial, Helvetica, Geneva, sans-serif !important;
	}

	.stream-quote {
		font-size: 22px;
		line-height: 28px;
	}
	.encounter-subtitle {
	top: 60px;
	}
	.encounter-body, .centcontents {
		font-size: 15px;
	}
}

@media only screen and (min-width: 1600px) {

	body, button, input, select, textarea, .pum-content p {
	font-size: 14px !important;
	}

	.stream-quote {
		font-size: 25px;
		line-height: 30px;
	}
	.encounter-subtitle {
	top: 65px;
	}

	h5, .site-title {
	font-size: 25px;
	line-height: 32px;
	}
	.project-quote-l {
	font-size: 34px;
	line-height: 42px !important;
	}
	.stripe-button-el span {
	font: 25px Arial, Helvetica, Geneva, sans-serif !important;
	}

}

@media only screen and (min-width: 1800px) {

	body, button, input, select, textarea, .pum-content p {
	font-size: 16px !important;
	}

	.stream-quote {
		font-size: 26px;
		line-height: 32px;
	}
	.project-quote-l {
	font-size: 36px;
	line-height: 44px !important;
	}

	h5, .site-title {
	font-size: 26px;
	line-height: 32px;
	}
	.encounter-subtitle {
	top: 68px;
	}
}


@media only screen and (min-width: 960px) {

	#itemcontent {
		display: flex;
		flex-flow: column;
	}

	.itemtextcontent {
	/*	background: red;*/
		flex: 0 1 auto;
		/*padding-right: 20px;*/

	}

	.readmore .itemtextcontent {
		padding-right: 40px;
	}


	.stream-image {
		width: 90%;
		flex: 1 1 auto;
		position: relative;
		margin-top: 30px;
	}

	.stream-image img {

		max-height:100%;
	    max-width:100%;
	    height:auto;
	    width:auto;

		position: absolute;
	    left: 0;
	    bottom: 0;
	}
}

.stream-link a:hover, #stream-source a:hover {
	text-decoration: underline;
	color: #000000;
}


#projects_title {
	text-decoration: underline;

}

#libmain .aboutinfo_section {
	float: left;
	margin-bottom: 100px;
}

.announcement {
	border: 1px solid #000000;
/*	padding: 20px;*/
}

.announcement .stream-image img {
	padding-left: 25px;
	padding-bottom: 25px;
}

.announcement .itemframe {
	padding: 20px;
}

.holoannounce {
float: left;
}

.stream-text a {
	text-decoration: underline;
}

.stream-type h5 {
/*	font: 24px Arial, Helvetica, Geneva, sans-serif;*/
	list-style: none;
	width: 100%;
	float: left;
	margin-bottom: 0px;
	margin-top: 0px;

}

.stream-encounter-title h5 {
	font-family: "Times New Roman", Times, serif;
}

.holoannounce .stream-type{
	float: left;
}

span.doticon {
	float: left;
	margin-right: 4px;
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/dot-b.gif) no-repeat;
	background-size: 6px 6px;
	width: 10px;
	height: 10px;
	margin-top: 4px;
}


span.urllink {
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/link.png) 0 0px no-repeat;
	background-size: 12px 12px;
	padding-left: 18px;
	font-weight: bold;
	text-decoration: underline;
}

.stream-announce-title h5 {
	width: 100%;
	float: left;
	margin-top: 0px;
	/*padding-right: 30%;*/
	margin-bottom: 20px;
	font-style: italic !important;
}

.stream-text {
	float: left;
	margin-bottom: 17px;
}

.obituary {

}

.obituary .stream-text {
	margin-bottom: 17px;
}

.stream-name h5 {
	margin: 0px;
	font-family: "Times New Roman", Times, serif;
}
.stream-name {
/*	font: 26px "Times New Roman", Times, serif;*/
	padding-bottom: 20px;
	line-height: 32px;
}

.date {
	background: #eeeeee;
	padding-left: 30px;
}

#streamlist_content .date {
	padding-left: 0px;
}

.streamdate h5 {
	margin: 0px;
}

.streamdate {
padding: 30px 30px 30px 0px;
}

.stream-outnow {
	margin-bottom: 17px;
}

.readmore #itemcontent {
	background: #eeeeee;
	padding: 0px 20px 0px 20px;
}


.readmore p.streamcount {
}

.readmore h5 {
	margin: 0px;
	margin-top: 20px;
}

.readmore p {
	margin-top: 0px;


}

.stream-text p em a {
	text-decoration: underline !important;
}

@media screen and (max-height: 960px) {

	#contactinfo p {
		font-size: 12px !important;
		line-height: 16px;
	}
}


/*@media screen and (max-width: 960px) {*/
@media screen and (max-width: 960px) {

	.stream_section {
		  display: grid;
/*		  grid-gap: 2%;*/
		 /* grid-gap: 30px;*/
		  grid-template-columns: repeat(auto-fill, minmax(100%,1fr));
/*		  padding-bottom: 20px;*/
	}
	.alm-ajax.grid {
	  grid-template-columns: repeat(auto-fill, minmax(100%,1fr));
	  /*grid-auto-rows: 20px;*/
	}

	.projects_frame	{
		width: 75%;
		margin-right: 5%;
		vertical-align: top;
	}

	.projects {
		overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;

	}

	.projects_info a h1 {
		font-size: 46px !important;
	}


	.sliding-link h4, #menulisting a h4 {
		font-size: 24px !important;
	}

	#projectlist li.page_item a {
		font-size: 18px !important;
	}

	#contactinfo h5 {
		font-size: 18px !important;
	}


	#contactinfo {
		position: absolute;
		bottom: 40px;
		left: 40px;
		width: 90%;
	}


	.shopitem, .shop_more	{
		width: 75vw;
	}

	.shop_items {
		width: 460%;
	}


	.sidebar {
		padding-top: 100px;
	}

	.grid {
	margin-top: 0px;
	/*float: left;*/
	}


	#project_index .sliding-link {
		/*color: #000000 !important;*/
	}

	#project_index ul {
		background: red;
	}

	#projectindextitle {
		/*height: 40px;*/
		border: none;
	}

	#project_index a {
		/*color: white !important;*/
	}

	.progress-container {
		display: none;
	}

	#l_title, #r_title, #m_title {
		display: none;
	}

	#project {
	padding-top: 90px;
	}

	#project_info {
		position: fixed;
		float: left;
		width: 100% !important;
		margin-top: 10px !important;
		/*z-index: -1000;*/
		height: 100%;
		padding-right: 40px !important;
		overflow: scroll !important;
		-ms-overflow-style: scroll;
		display: none;

	}

	#project_main {
		position: relative;
		width: 100% !important;
		left: 0% !important;
		margin-left: 0% !important;
		margin-top: 40px !important;
		display: block;

/*		z-index: 1000;*/
		z-index: 0 !important;
	}

	#project_index {
		display: none;
		width: 100% !important;
		float: left !important;
		position: relative !important;
		left: 0% !important;
		/*z-index: 0;*/
		margin-top: -20px !important;

	}


	#section {
		display: none;
	}

	.main-navigation {
	/*	display: block;
		clear: none;*/
		width: 100%;
		right: 0px;
		margin-right: -20px;
		z-index: 10000;

	}

	.site-branding {
		white-space: nowrap;
		overflow: hidden;
		/*max-width: calc(100vw - 150px);*/
		max-width: 100%;
        display: block;
	/*	margin-top: 5px;*/
	}

	.site-title {

	}

	.uwp-login-class, .uwp-register-class, .uwp-forgot-class, .uwp-account-form {
	width: 100% !important;
	}

	.section_titleTOP {
/*	margin-top: 120px;*/
	}

	.HOLOFont {
	font: 60vw "TpHolo-Thick";
	margin-top: -50px;
/*	margin-bottom: -30px;*/
	}

	.shopdata {
	margin-top: -77.5vw;
	}

	.shop_main .shopitem {
	width: 50%;
	}

	.shop_main .shopdata {
		margin-top: -45vw;
	}

	#stream_main_content {
/*	width: 95%;*/
	margin-left: -20px;
	margin-top: -20px;
	}

	.project-title {
	font-size: 12vw !important;
	line-height: 10vw !important;
	}

	.project-title-small {
	font-size: 7vw !important;
	line-height: 7vw !important;
	}

	.anchor {
    display: block;
    position: relative;
    top: -120px;
    visibility: hidden;
	}

	.anchorfront {
    display: block;
    position: relative;
    top: -120px;
    visibility: hidden;
	}


	.project-fieldnote {
/*	width: 25%;*/
	width: 100%;
	float: left;
	padding-right: 10px;
	margin-bottom: 30px;
	}

	.project-paragraph {
/*	width: 75%;*/
	width: 100%;
	float: right;
/*	padding-left: 10px;*/
	}

	.project-fieldnoteimage {
		float: left;
		padding-right: 20px;
		width: 25%;
	}

	.project-qacontent {
	width: 100%;
	float: left;

	}

	#projectintro .HOLOFont {
		font: 60vw "TpHolo-Thick" !important;
		margin-top: -100px !important;
		margin-bottom: -40px !important;
	}


	#dossier-maincontent, #centre-content {
		width: 100%;
/*		margin-top: 120px;*/
	}
	#encounter-maincontent {
		width: 100%;
/*		margin-top: 120px;*/
	}

}

/*@media only screen and (min-width: 960px) {*/
@media only screen and (min-width: 960px) {

	.stream_section {
		  z-index: -100;
		  display: grid;
		  grid-gap: 40px;
		 /* grid-gap: 30px;*/
		  grid-template-columns: repeat(auto-fill, minmax(20%,1fr));
		/*  padding-bottom: 20px;*/
	}

	.alm-ajax.grid {
	  /*grid-template-columns: repeat(auto-fill, minmax(20%,1fr));*/
	  grid-template-columns: repeat(auto-fill, minmax(20%,1fr));
	  display: grid;
	  grid-gap: 40px;
	}


	.wps-items-wrapper, div.wps-item, .shop_more	{

	}

	.projects_frame {
		width: 23%;
		margin-right: 2%;
		vertical-align:top;
	}

	.shopitem {
		width: 24.3vw;
	}

	#contactinfo {
		position: absolute;
		bottom: 40px;
		left: 40px;
		width: 90%;
	}

	.grid {
	margin-top: 0px;
/*	margin-top: 120px;*/
	}

	.projects {
		overflow-x: scroll;
		overflow-y: hidden;
		white-space: nowrap;

	}

	.shop_items {
		width: 135%;
	}

	.HOLOFont {
	font: 30vw "TpHolo-Thick";
	margin-top: -6.5vw;
	margin-bottom: -15%;
	margin-left: 3%;
	}

	@media only screen and (min-width: 2200px) {
		.HOLOFont {
			margin-top: -8vw;
			font: 25vw "TpHolo-Thick";
			}

	}

	.shopdata {
	margin-top: -23.5vw;
	}

	.shop_main .shopitem {
	width: 25%;
	}

	#stream_main_content {
	width: 25%;
	}

	.project-title {
	font-size: 4vw;
	line-height: 3.7vw
	}

	.project-title-small {
	font-size: 2vw;
	line-height: 2.2vw;
	margin-top: 10px;
	}

	.sidebar {
		padding-top: 140px;

	}

	.anchor {
    display: block;
    position: relative;
    top: -180px;
    visibility: hidden;

	}

	.anchorfront {
    display: block;
    position: relative;
    top: -150px;
    visibility: hidden;

	}

	.project-fieldnoteimage {
	/*	margin-bottom: 10px;*/
			}

	#dossier-maincontent, #centre-content {
		width: 65%;
		margin-left: 17.5%;

	}

	#encounter-maincontent {
		width: 100%;
/*		margin-top: 120px;*/
	}

	#dossier-maincontent a, #centre-content a {
		text-decoration: underline;
		cursor: pointer !important;
	}

	#encounter-maincontent a {
		text-decoration: underline;
	}
	.project-fieldnote {
	width: 25%;
	float: left;
	padding-right: 10px;
/*	margin-bottom: 30px;*/
/*	font-size: 12px;*/
	}

	.project-paragraph {
	width: 75%;
	float: right;
	padding-left: 10px;
	}

	.project-qacontent {
	width: 75%;
	float: right;
	padding-left: 10px;

	}

	#project {
	padding: 120px 0 0 0;
	}


}




@media only screen and (min-width: 1350px) {

	#dossier-maincontent, #centre-content {
		max-width: 1450px;
		margin: 0 auto;
	}

	#encounter-maincontent {
		max-width: 1450px;
		margin: 0 auto;
	}
}

@media only screen and (min-width: 2000px) {
		.alm-ajax.grid {
	  /*grid-template-columns: repeat(auto-fill, minmax(20%,1fr));*/
	  grid-template-columns: repeat(5, 1fr);
		}
}

@media only screen and (min-width: 2500px) {
		.alm-ajax.grid {
	  /*grid-template-columns: repeat(auto-fill, minmax(20%,1fr));*/
	  grid-template-columns: repeat(6, 1fr);
		}
}


/*--------------------------------------------------------------
# HOLO RECORDER
--------------------------------------------------------------*/
/*@media screen and (max-width: 960px) {*/

@media only screen and (max-width: 720px) {
	.recorder {
	word-break: break-word ;

  	-webkit-hyphens: auto;
  	-ms-hyphens: auto;
  	hyphens: auto;
		}
}

@media only screen and (min-width: 720px) {
		.recorder {
		}
}

.recorder {
	padding: 3%;
	border: 2px solid #000000;
	float: left;
	width: 100%;

}





#credit.recorder {
	border: none;
	padding: 1.5%;
}

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

body.wp-night-mode-on .recorder {
	border: 2px solid #ffffff;
}


#recorderconnect {
	border-left-style: solid;
	border-left-width: 2px;
	margin-left: 50%;
	height: 30px;
	float: left;
}

#recorderleft {
	width: 25%;
	height: auto;
	float: left;
	padding-right: 3%;
	margin-top: 60px;
}


#recorderright {
	float: left;
	width: 75%;
/*	background: red;*/
	display: inline;
}


.recorder-title {
/*	position: absolute;*/
	margin-top: 15px;
	text-transform: uppercase;
/*	text-decoration: underline;*/
}

.recorder-text {
	position: relative;
	margin-top: 30px;
	margin-bottom: 10px;
}
.recorder-text-note {
	position: relative;
	margin-top: 30px;
	margin-bottom: 10px;
}

.recorder-text h5 {
	margin: 0px 0px 10px 0px;
}

.recorder .project-quote-l {
	margin-top: 25px;
	position: relative;
}

#recorderfull .recorder-title {
	position: relative;
	margin-top: 15px;
	text-transform: uppercase;
/*	text-decoration: underline;*/
}

#recorderfull .recorder-text {
	position: relative;
	margin-top: 40px;
}

#recorderfullimage img {
	width: 100%;
}

#recorderfullimage {
	margin-bottom: 15px;
}




@media only screen and (max-width: 720px) {
	#recorderhalfleft {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}
#recorderhalfright {
	float: left;
	width: 100%;

}
}

@media only screen and (min-width: 720px) {
#recorderhalfleft {
	float: left;
	width: 50%;
	padding-right: 1.5%;
}
#recorderhalfright {
	float: left;
	width: 50%;
	padding-left: 1.5%;

}
}

#recorderhalfleft img {
	margin-bottom: -5px;
}

#recorderhalfright .recorder-title {
	margin-top: 0px;
}


#recorderhalfright .recorder-text {
/*	margin-top: 30px;*/
}

#recorderhalfright h5 {
	margin-bottom: 20px;
}

#recorderhalfcentreimage img {
	margin-bottom: -5px;
}

#recorderhalf {
	width: 53.75%;
	margin-left: 23.5%;
}

#noteleft {
	width: 74%;
}

#noteright {
	width: 74%;
	float: right;
}


#noteleft #recorderleft {
	width: 34%;
}

#noteleft #recorderright {
	width: 66%;
}

#noteright #recorderleft {
	width: 33%;
}

#noteright #recorderright {
	width: 67%;
}

.numbers .recorder-title {
	margin-top: 0px !important;
	margin-bottom: 20px;
}

.numbers .recorder-text {
	margin-top: 20px !important;
}


#commentary {
	border: none;
	padding: 0px;
	margin-top: 30px;
}

#commentary #recorderleft {
	width: 26%;
	height: auto;
	float: left;
	padding-right: 3%;
	margin-top: 60px;
}


#commentary #recorderright {
	float: left;
	width: 74%;
/*	background: red;*/
}

#recordertitle .project-quote-l {
	margin-top: 70px;
	position: relative;
}

#recordertitle .recorder-date h5 {
	margin-top: 10px !important;
	margin-bottom: 0px;
	position: absolute;
}

#recordertitle .recorder-title {
	margin-bottom: 10px;
	position: relative;
	margin-top: 40px;
}

#recordertitle .recorder-text {
	margin-top: 10px;
}

#recordertitle #recorderleft {
	margin-top: 80px;
}

#pullquoteimg #recorderleft, #pullquoteimg .recorder-text {
	margin-top: 20px !important;
}


#project_moreinfo {
	position: fixed;
	bottom: 0px;
	width: 100vw;
	margin-left: -30px;
/*	transition: all 0.5s ease;*/

}

#project_moreinfo_tab {
	padding: 15px 15px 30px 30px;
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 1.5em;
	text-align: left;
	margin-bottom: -15px;
	cursor: pointer;

	background-color: #f9faf9;
	box-shadow: 0 -20px 20px #f9faf9;
}

div#project_moreinfo_tab.closed.frontpage, div#project_moreinfo_tab.open.frontpage {
	background-color: #000000;
	color: #ffffff;
	box-shadow: none;
	position: absolute;
	margin-top: -75px;
	margin-left: 20px;
	height: 55px;
	width: auto;
	padding-right: 30px;
	border-radius: 30px;
}

#project_moreinfo_content {
	padding: 30px 30px 1px 30px;
	display: none;
	border-top: 2px solid #000000;
	background-color: #f9faf9;

	box-shadow: 0 -20px 20px #f9faf9;
	
	max-height: 50vh;
	overflow-y: scroll;
}

#project_moreinfo_content .wp-block-column {
	margin: 0px !important;
	padding-right: 30px;
}

#project_moreinfo_content .wp-container-4 {
	gap: 0em !important;
}

body.wp-night-mode-on #project_moreinfo_tab {
/*	border-top: 1px solid #323332;
	border-right: 1px solid #323332;*/
	background-color: #181918;
	box-shadow: 0 -20px 20px #181918;
}
body.wp-night-mode-on #project_moreinfo_content {
	border-top: 1px dashed #ffffff;
/*	border-right: 1px solid #323332;*/
	background-color: #181918;

	-webkit-box-shadow: 0 -20px 15px #181918;
	-moz-box-shadow: 0 -20px 15px #181918;
	box-shadow: 0 -20px 15px #181918;
}

body.wp-night-mode-on #project_moreinfo {
	background: transparent;
}


@media screen and (max-width: 960px) {
	#project_moreinfo_tab {
		width: 100%;
		}
	#project_moreinfo {
		max-height: 75vh;
		overflow-y: scroll;
	}
}
@media screen and (min-width: 960px) {
	#project_moreinfo_tab {
		width: 25%;
	}
}

/*NIGHT MODE*/

body.wp-night-mode-on a {
	color: #ffffff !important;
}

body.wp-night-mode-on .progress-bar { border-bottom: 10px solid #ffffff; }

.wp-night-mode-on { background: #191919 !important; }

body.wp-night-mode-on #content { background-color: #191919;}

body.wp-night-mode-on #colophon { background-color: #191919; }

body.wp-night-mode-on #colophon { border-top: 1px solid #333; }

body.wp-night-mode-on #colophon p { color: #ffffff; }

body.wp-night-mode-on a:hover { color: #ffffff; }

body.wp-night-mode-on .stream-data a:hover { color: #666; }

body.wp-night-mode-on .menu-toggle {
		background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/menu1w.png) 0 3px no-repeat;
background-size: 30px 30px;
}

body.wp-night-mode-on .stream-source {background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/linkw.png) 0 1px no-repeat;
background-size: 12px 12px;}

body.wp-night-mode-on .stream-link {background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/linkw.png) 0 3px no-repeat;
background-size: 12px 12px;}

body.wp-night-mode-on .project-fieldnoteurl {background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/linkw.png) 0 3px no-repeat;
background-size: 12px 12px;}

body.wp-night-mode-on .project-qsource {background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/linkw.png) 0 3px no-repeat;
background-size: 12px 12px;}

body.wp-night-mode-on .project-source {background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/linkw.png) 0 3px no-repeat;
background-size: 12px 12px;}

/*body.wp-night-mode-on .site-header {
	-webkit-box-shadow: 0 20px 15px #191919;
	-moz-box-shadow: 0 20px 15px #191919;
	box-shadow: 0 20px 15px #191919;
}*/

body.wp-night-mode-on .alm-load-more-btn {
	background: black !important;
	color: white !important;
}

body.wp-night-mode-on body {
	background-color: #191919;
}

body.wp-night-mode-on #masthead {
	background-color: #191919;
}

body.wp-night-mode-on .site-header {
	background-color: #191919;
}

body.wp-night-mode-on .site-content {
	background-color: #191919;
}

/*body.wp-night-mode-on a:hover {
	color: #ffffff !important;
}*/

body.wp-night-mode-on .lp-screen {
	background: rgba(0, 0, 0, 0.95) !important;
}

body.wp-night-mode-on .lp-screen-graphic {
background: white !important;
}

body.wp-night-mode-on #main button:hover {
	color: white;
}

body.wp-night-mode-on section.wps-cart {
background: #191919 !important;
}

body.wp-night-mode-on .wps-products-title  {
color: white;
}

body.wp-night-mode-on .components-notice  {
background: #191919 !important;
}

body.wp-night-mode-on .wps-add-to-cart  {
background: #555555 !important;
}

body.wp-night-mode-on .css-ycohzl-AddButtonTextCSS  {
background: #555555 !important;
}

body.wp-night-mode-on .wpnm-button.style-1.active .wpnm-slider  {
background-color: #3a3939;
}

body.wp-night-mode-on .announcement {
	border: 1px solid #ffffff;
}

body.wp-night-mode-on #stream-whiteout {
	background: rgba(25, 25, 25, 0.95);
}
body.wp-night-mode-on #stream_main_content {
	background: #191919;
}

body.wp-night-mode-on #artenginelogo {
background: url(https://www.holo.mg/wp-content/uploads/2020/09/artengine-logo-w.png) no-repeat !important;
background-size: 60% !important;
}

body.wp-night-mode-on #dclogo {
background: url(https://www.holo.mg/wp-content/uploads/2020/10/dc_night.png) no-repeat !important;
background-size: 50% !important;
}

body.wp-night-mode-on #imallogo {
background: url(https://www.holo.mg/wp-content/uploads/2020/11/HOLO-Dossier-PostGrowth-iMAL-1200-day.png) no-repeat !important;
background-size: 60% !important;
}

body.wp-night-mode-on #muteklogo {
background: url(https://www.holo.mg/wp-content/uploads/2021/08/HOLO-MUTEK-Recorder-MUTEK-logo-N.png) no-repeat !important;
background-size: 60% !important;
}


#gnrationlogo {
background: url(https://www.holo.mg/wp-content/uploads/2023/04/HOLO-Dossiers-FRONT-GNRATION-D-600-size.png) no-repeat;
background-size: 180px;
float: left;
width: 100%;
height: 50px;
}

body.wp-night-mode-on #gnrationlogo {
background: url(https://www.holo.mg/wp-content/uploads/2023/04/HOLO-Dossiers-FRONT-GNRATION-N-600-size.png) no-repeat;
background-size: 180px;
}

#fffglogo {
background: url(https://www.holo.mg/wp-content/uploads/2023/06/HOLO-MUTEK-CCA-FF-Field-Guide-logo-D.png) no-repeat;
background-size: 350px;
float: left;
width: 100%;
height: 50px;
}

body.wp-night-mode-on #fffglogo {
background: url(https://www.holo.mg/wp-content/uploads/2023/06/HOLO-MUTEK-CCA-FF-Field-Guide-logo-N.png) no-repeat;
background-size: 350px;
}


body.wp-night-mode-on #readmode button {
	color: #ffffff;
}

body.wp-night-mode-on mark, ins {
	background: #ffffff;
	text-decoration: none;
	color: #000000;
}

body.wp-night-mode-on .wpcf7-form input {
	border: 1px solid #ffffff;
}

body.wp-night-mode-on .wpcf7-form textarea {
	border: 1px solid #ffffff !important;
}

body.wp-night-mode-on .wpcf7-submit  {
border: 1px solid #ffffff !important;
}

body.wp-night-mode-on .wpcf7-select  {
border: 1px solid #ffffff !important;
}

body.wp-night-mode-on #section {
	-webkit-box-shadow: 0 20px 15px #191919;
	-moz-box-shadow: 0 20px 15px #191919;
	box-shadow: 0 20px 15px #191919;
	background: #191919;

}

body.wp-night-mode-on .daymode-video  {
display: none;
}

body.wp-night-mode-on .nightmode-video  {
display: block;
}

body.wp-night-mode-on .nightmode-image  {
display: block;
}

body.wp-night-mode-on .daymode-image  {
display: none;
}

body.wp-night-mode-on span.doticon  {
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/dot-w.gif) no-repeat;
	background-size: 6px 6px;
}

body.wp-night-mode-on .readmore #itemcontent {
	border: 1px solid #333333;
}

body.wp-night-mode-on .date {
	border: 1px solid #333333;
}

body.wp-night-mode-on .project_active {
	border: 1px solid #ffffff;
}

body.wp-night-mode-on  .holoarrowreadmore {
	background:none;
}

body.wp-night-mode-on  #project_index a, body.wp-night-mode-on .sliding-link a {
	color: white !important;
}

body.wp-night-mode-on  .project-title a {
	background-color:transparent !important;
}

body.wp-night-mode-on span.urllink {
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/linkw.png) 0 0px no-repeat;
	background-size: 12px 12px;
}

body.wp-night-mode-on .pinned {
		background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/pin-w.png) 95% 2px no-repeat;
	background-size: 12px 12px;
	background-color: none;
}

body.wp-night-mode-on .item, body.wp-night-mode-on #itemcontent, body.wp-night-mode-on .itemtextcontent, body.wp-night-mode-on .stream-info {
	background-color:transparent !important;
}

body.wp-night-mode-on iframe {
	background-color:transparent !important;
	background: none !important;
}

/*--------------------------------------------------------------
# HOLO PROTECTION
--------------------------------------------------------------*/



#protectright p {
	margin-top: 0px;
}

#protectblock {
	margin-top: 20px;
}


@media only screen and (max-width: 960px) {
	#protectleft {
	float: left;
	width: 100%;
}

#protectright {
	float: left;
	width: 100%;
	padding-left: 0px;
	margin-bottom: 30px;
}
}

@media only screen and (min-width: 960px) {
	#protectleft {
	float: left;
	width: 20%;
}

#protectright {
	float: left;
	width: 80%;
	padding-left: 30px;
	margin-bottom: 30px;
}
}


#protectionframe {
	width: 100%;
	height: 700px;
	float: left;
	background-image: linear-gradient(0deg, rgba(250,250,250,1) 0%, rgba(250,250,250,1) 30%, rgba(255,255,255,0) 100%) !important;
	margin-top: -700px;
	position: relative;
}

#protectionblock {
	text-align: center;
	width: 100%;
	float: left;
	margin-top: 600px;
	z-index: 1;
	padding-left: 40px;
	padding-right: 40px;
}


#protectionframeexp {

}

#protectionframeexp .wp-block-image {

	padding: 0px;
	margin: 0px;
}

#protectionblockexp {
	max-width: 1600px;
/*	float: left;*/
	z-index: 1;
	margin: 0 auto;
}

body.wp-night-mode-on #protectiontextexp {
	border: 1px solid #323332;
}
#protectiontextexp {
	text-align: left;
	padding: 30px;
	padding-bottom: 0px;
	border: 1px solid #3333;
	position: relative;
	margin-top: -70px;

	margin: 0 auto;
	margin-bottom: 50px;

}
@media only screen and (max-width: 1600px) {
#protectiontextexp {
	float: left;
	max-width: 1450px;
}
}
@media only screen and (min-width: 1600px) {
#protectiontextexp {
max-width: 100%;
float: left;
max-width: 1450px;

/*margin-left: 12.5%;*/
}
}


#protectiontextexp a {
	text-decoration: underline;
}

#protectiontextexp img {
	margin-bottom: 20px;
}

#protectiontextexp ul li {
margin-bottom: 5px;
}

#protectiontextexp ul {
	margin-bottom: 30px;
	padding-left: 13px;

}

#gradientblock {
	height: 500px;
	margin-top: -500px;
	background-image: linear-gradient(0deg, rgba(250,250,250,1) 0%, rgba(250,250,250,1) 30%, rgba(255,255,255,0) 100%);
	position: relative;

}

body.wp-night-mode-on #gradientblock {
display: none;
}

body.wp-night-mode-on #protectiontextexp {
	-webkit-box-shadow: 0px -150px 150px 150px #191919;
	-moz-box-shadow: 0px -150px 150px 150px #191919;
	box-shadow: 0px -150px 150px 150px #191919;
	position: relative;
}

#protectionblockexp button:hover {
	border: 1px solid #000000;
}

body.wp-night-mode-on #protectionblockexp button:hover {
/*	background-color: #ffffff;*/
	color: #000000 !important;
	border: 1px solid #ffffff;
}

.swpm-partial-protection-text {
	display: none;
}

#protectiontext a {
	text-decoration: underline;
}

body.wp-night-mode-on #protectionframe {
	background-image: linear-gradient(0deg, rgba(25,25,25,1) 0%, rgba(25,25,25,1) 30%, rgba(25,25,25,0) 100%) !important;
}

body.wp-night-mode-on #protectionframe {
	background: transparent;
}

/*--------------------------------------------------------------
# HOLO Project Archive
--------------------------------------------------------------*/

iframe #player {
width: 200px;
}


/*--------------------------------------------------------------
# HOLO ENCOUNTER
--------------------------------------------------------------*/

.encounter-intro {
	margin-bottom: 30px;
	float: left;
	font: 26px "Times New Roman", Times, serif;
	line-height: 30px;
}

.encounter-body {
	margin-right: 10%;
}

div#libprotecttitle h1 {
 font-size: 2.5em;
 line-height: 1.2em;
}


#encountergalleryframe {
	width: 100%;
	margin-bottom: 10PX;
}

#encountergallerymain {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;

}

#encounter-gallery-image {
	display: inline-block;
	margin-right: 1em;
	vertical-align: top;
}

#encounter-gallery-image #image {
	padding-left: 0px;
}

@media only screen and (max-width: 728px) {
	#encounter-gallery-image #image img {
	height: 45vw;
	width: auto;
	}
}
@media only screen and (min-width: 728px) {
	#encounter-gallery-image #image img {
	height: 29vw;
	width: auto;
	}
}


#encounter-gallery-image #text {
width: 200px;
white-space: normal;
margin-top: 30px;
}

#encounter-gallery-image #text a {
	text-decoration: underline;
}

#dossier-maincontent .vimeo, #centre-content .vimeo {
	margin-bottom: 30px !important;
}

#galleryswipe {
	float: right;
	width: 20px;
	height: 30px;
	margin-top: -50px;
	cursor: pointer;
}

button#right-button {
	height: 30px;
}

#gallerytitle {
	width: 50%;
}

#gallerytitle a {
	text-decoration: none;
	cursor: pointer;
}

#imagelightbox {
	padding: 30px;
	background: #f9faf9;
}

body.wp-night-mode-on #imagelightbox {
	background-color: #181918;
}

@media only screen and (max-width: 960px) {
	#selectedworks {
	display: grid;
	grid-gap: 30px;
	grid-template-columns: repeat(auto-fill, minmax(40%,1fr));
	}
}

@media only screen and (min-width: 960px) {
	#selectedworks {
	display: grid;
	grid-gap: 30px;
	grid-template-columns: repeat(auto-fill, minmax(20%,1fr));
	}
}


body.wp-night-mode-on .wp-block-column h5 {
	background: transparent !important;
}

body.wp-night-mode-on .wp-block-column {
	background: transparent !important;
}

.archive.project {
	float: left;
	display: inline-block;
}

.archive.project #text {
	margin-top: 30px;
	padding-right: 10%;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.archive.project #imagel a img {
	border-bottom: 2px solid #000000;
}

body.wp-night-mode-on .archive.project #imagel a img {
	border-bottom: 2px solid #ffffff;
}

#projectlinked {
	display: none;
}


/*--------------------------------------------------------------
# HOLO FULL / CENTRE LAYOUT
--------------------------------------------------------------*/

@media only screen and (max-width: 960px) {
	#full-frame {
	margin: 0 auto;
	width: 100%;
}
}
@media only screen and (min-width: 960px) {
	#full-frame {
	margin: 0 auto;
	max-width: 1450px;
}
}
/*@media only screen and (min-width: 1600px) {
	#full-frame {
	margin: 0 auto;
	width: 70%;
}
}*/

#full-content {
	float: left;
	width: 100%;
}

/*--------------------------------------------------------------
# HOLO SERIALS / CENTRE LAYOUT
--------------------------------------------------------------*/

.cent-content-area {
/*	margin-top: 140px;*/
}



@media only screen and (max-width: 960px) {
	#cent-frame {
	margin: 0 auto;
	width: 100%;
}
}
@media only screen and (min-width: 960px) {
	#cent-frame {
	margin: 0 auto;
	width: 70%;
}
}

#cent-content {
	float: left;
	width: 100%;
}

#cent-content div.projecttitle div.project-quote-l {
	margin-bottom: 30px;
}

#cent-content #holoimage-image img {
	width: 100%;
}

#cent-content div.wp-container-1 {
	padding-right: 2em;
	margin-bottom: 40px;
}

.projecttitle .project-quote-l {
margin-bottom: 40px;
}

#cent-content .centrecontents .project.quote .project-quote-l {
	margin-bottom: 40px;
}

#cent-content .wp-block-columns {
float: left;
margin-bottom: 40px;
width: 100%;
}

#cent-content .fieldnote {
	margin-top: 10px;
	float: left;
	margin-bottom: 20px;
}


#cent-content .centcontents .encounter .showcase {
	float: left;
	width: 100%;
	margin-bottom: 90px;
}

#cent-content .projecttitle {
	margin-bottom: 10px;
}

#cent-content .projecttitle h5 {
	margin-top: 0px;
	margin-bottom: 0px;
}

#cent-content .projectmeta {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

#cent-content .centcontents .project.qa {
	width: 100%;
	float: left;
	display: block;
}

#cent-content div.centcontents div.project.quote div.project-quote-l {
	margin-bottom: 50px;
}

.centcontents .quote {
	margin-bottom: 0px;
}


#cent-content #encounter-gallery-image #text {
	font-size: 0.9em;;
}

@media only screen and (max-width: 960px) {
	#cent-content .centcontents .encounter.showcase {
		margin-left: 0%;
		width: 100%;
		margin-bottom: 70px;
		float: left;
	}
}

@media only screen and (min-width: 960px) {
	#cent-content .centcontents .encounter.showcase {
/*		margin-left: -10%;
		width: calc(100% + 20%);*/
		width: calc(99vw - 60px);
/*		margin-left: calc(-12.5% - 30px);*/
		margin-left: calc(-17.5% - 30px);

		margin-bottom: 70px;
		float: left;
	}
}

#excerptblockcontent a {
	text-decoration: underline;
}

@media only screen and (max-width: 960px) {
		#excerptblockthumb {
		width: 100%;
		float: left;
		}
		#excerptblock {
			font-size: 1.1em;
			float: left;
			margin-bottom: 30px;
			width: 100%;
		}
		#excerptblockcontent {
			padding-left: 0px;
			width: 80%;
			-webkit-hyphens: auto;
			-ms-hyphens: auto;
			hyphens: auto;
			float: left;
			font-size: 0.9em;
		}
}
@media only screen and (min-width: 960px) {
		#excerptblockthumb {
			width: 75%;
			float: right;
		}
		#excerptblock {
			font-size: 1.1em;
			float: left;
			margin-bottom: 30px;
			position: relative;
			width: 100%;
		}
		#excerptblockcontent {
			position: absolute;
		    left: 0;
		    bottom: 0;
			margin-right: 50%;
			padding-left: 0px;
			margin-bottom: 0px;
			width: 25%;
			-webkit-hyphens: auto;
			-ms-hyphens: auto;
			hyphens: auto;
			padding-right: 20px;
			font-size: 0.9em;
		}
}


@media only screen and (max-width: 960px) {
		#libjoinintro {
			width:58%;
			float:left;
			padding-right:10%;
		}

		#libjoinstats {
			width:42%;
			float:left;
		}
}
@media only screen and (min-width: 960px) {
#libjoinintro {
			width:66.6666%;
			float:left;
			padding-right:10%
		}

		#libjoinstats {
			width:33.33333%;
			float:left
		}
}

#libjoin {
	float: left;
	margin-bottom: 50px;
}

/*--------------------------------------------------------------
# HOLO ENCOUNTER IMAGE LAYOUT
--------------------------------------------------------------*/
#holoimage-image.threequartersright img {
	width: 100%;
}


div#cent-content .vimeo {
	margin-bottom: 40px;
	width: 100%;
	float: left;
}

div#cent-content figure {
	margin-top: 0px;
}

#holoimage-image {
	margin-bottom: 40px;
}

@media only screen and (max-width: 960px) {

		#holoimage-image {
			margin-top: 30px;
			margin-bottom: 20px;
		}

		.wp-block-spacer {
			height: 0px !important;
		}

		.encounter-body, .centrecontents {
			margin-right: 0%;
		}
}

#holoimage-image.threequartersleft {
	width: 75%;
	float: left;
	clear: left;
}
#holoimage-image.threequartersright {
	width: 75%;
	float: right;
	clear: left;
}

#holoimage-image.threequarterscentre {
	width: 75%;
	float: left;
	margin-left: 12.5%;
	clear: left;
}

div#holoimage-image img {
	width: 100%;
}

#holoimage-image.halfcentre {
	width: 50%;
	float: left;
	margin-left: 25%;
	clear: left;
}

#holoimage-image.halfleft {
	width: 50%;
	float: left;
	clear: left;
}

#holoimage-image.halfright {
	width: 50%;
	float: right;
	margin-top: 0px;
}

#holoimage-image.quarterright {
	width: 25%;
	float: right;
}

#holoimage-image.quarterleft {
	width: 25%;
	float: left;
	margin-bottom: 0px;
}

#holoimage-image.quarterleft {
	margin-bottom: -5px;
}

@media only screen and (min-width: 960px) {
	#streamgraphmain {
		display: block;
	}
}
@media only screen and (max-width: 960px) {
	#streamgraphmain {
		display: none;
	}
}

#streamgraphmain {
	width: 100%;
	float: left;
	margin-bottom: 50px;

	-moz-transform: scale(1, -1);
	-webkit-transform: scale(1, -1);
	-o-transform: scale(1, -1);
	-ms-transform: scale(1, -1);
	transform: scale(1, -1);
	height: 25px;
	margin-left: -10px;
}

#streamgraphitem {
	float:left;
/*	width: calc(100vw/400);*/
	width: 0.21em;
	background-color: #000000;
	height: 0.35em;
	display: block;
	border-bottom: 1px solid #f9faf9;
}

.youarehere {
	height: 80px !important;
	position: relative;
	margin-top: -30px;
	width: 9px !important;
	border-right: 2px solid #fb0000;
	margin-right: -10px;
	background-color: transparent !important;
	z-index: 1;
}

#streamgraphgroup .holotooltip .holotooltiptext {
	width: 20em !important;
	border-radius: 2px !important;
	padding: 10px 10px 10px 10px !important;
	z-index: 9999 !important;

/*	margin-top: -80px;*/
/*	background-color: #f9faf9;*/
	position: absolute;
}

#streamgraphsingleitem {
	float:left;
	width: 5px;
	background-color: #000000;
	height: 5px;
	display: block;
	border-radius: 10px;
}

#streamgraphgroupmonth {
	width: 0px !important;
	height: 1px !important;
	float: left;
	margin-right: 10px;

}

#streamgraphgroupmonthnumber {
/*	transform: rotate(180deg) !important;*/
	float: left;
	margin-top: -20px;
	padding-left: 10px !important;
	-moz-transform: scale(1, -1) !important;
	-webkit-transform: scale(1, -1)  !important;
	-o-transform: scale(1, -1)  !important;
	-ms-transform: scale(1, -1)  !important;
	transform: scale(1, -1)  !important;
	background-color: #f9faf9;
}

body.wp-night-mode-on #streamgraphgroupmonthnumber {
	background-color: #181918;
}

body.wp-night-mode-on #streamgraphitem {
	background-color: #ffffff;
}

#streamgraphgroup {
	margin-right: 1px;
	float: left;
	display: grid;
    grid-template: 1fr / 1fr;
}

/*#streamgraphsinglegroup {
	margin-right: 1px;
	float: left;
	width: 100%;
}*/

#streamgraphmain .holotooltiptext {
width: auto;
font-family: Arial !important;
font-size: 1.2em !important;
border-radius: 1.2em !important;
padding: 0.3em 0.6em 0.3em 0.6em !important;
border: 1.5px solid #000000 !important;
min-width: 0 !important;
float: left;
margin-right: 0.5em;
margin-bottom: 0.5em;
-moz-transform: scale(1, -1);
-webkit-transform: scale(1, -1);
-o-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
box-shadow: none;
}

#streamgraph .holotooltiptext  h5 {
	margin-top: 0px;
	margin-bottom: 10px;
}


.holotooltiptext .tooltipimage {
	float: left;
	width: 40%;
	padding-right: 20px;

}

.holotooltiptext .tooltiptext {
	float: left;
	width: 60%;
	text-transform: none !important;
}

.holotooltip:hover {
	cursor: pointer;
}

@media only screen and (max-width: 960px) {

		.holotooltip .holotooltiptext {
		  visibility: hidden;
		  width: 100vw;
		  background: #f9faf9;
		  padding: 20px 20px 20px 20px;
		  left: 0px;
		  /* Position the tooltip */
		  position: fixed;
		  z-index: 1;
		  bottom: 0px !important;

		  -webkit-box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.3);
			-moz-box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.3);
			box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.3);
		}

		.holotooltip:hover .holotooltiptext {
		  visibility: visible;
		}
}

@media only screen and (min-width: 960px) {

		.holotooltip .holotooltiptext {
		  visibility: hidden;
		  width: 600px;
		  background: #f9faf9;
		  padding: 20px 20px 20px 20px;
		  margin-left: 50px;
		  /* Position the tooltip */
		  position: absolute;
		  z-index: 1;

		  	-webkit-box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.3);
			-moz-box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.3);
			box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.3);

		}
		.holotooltip:hover .holotooltiptext {
		  visibility: visible;

		   animation: fadeIn 0.5s;
		  -webkit-animation: fadeIn 0.5s;
		  -moz-animation: fadeIn 0.5s;
		  -o-animation: fadeIn 0.5s;
		  -ms-animation: fadeIn 0.5s;
		}
}


@media only screen and (min-width: 1600px) {
	.holotooltip .holotooltiptext {
		  font: 16px Courier, mono !important;
		}
}

@media only screen and (min-width: 1350px) {
	.holotooltip .holotooltiptext {
		  font: 13px Courier, mono !important;
		}
}

@media only screen and (max-width: 1350px) {
	.holotooltip .holotooltiptext {
		  font: 12px Courier, mono !important;
		}
}

body.wp-night-mode-on .holotooltip .holotooltiptext {
  background: #181918;
}



keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-moz-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-webkit-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-o-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}

@-ms-keyframes fadeIn {
  0% {opacity:0;}
  100% {opacity:1;}
}


#holoimage-image-caption {
	position: absolute;
	width: 300px;
	background: #f9faf9;
	padding: 20px 20px 20px 20px;
	display: none;
	z-index: 1;
}

body.wp-night-mode-on #holoimage-image-caption {
	background: #181918;
}

#holoimage-image:hover ~ #holoimage-image-caption {
	display: block;
}

.collapsible {
  cursor: pointer;
  text-decoration: underline;
}

.active, .collapsible:hover {
  text-decoration: underline;
}

.moresection {
  display: none;
  overflow: hidden;
}


/*--------------------------------------------------------------
# HOLO LIGHTBOX
--------------------------------------------------------------*/

.slb_viewer_overlay {
	background: rgba(249, 250, 249, 0.80) !important;
}

body.wp-night-mode-on .slb_viewer_overlay {
	background: rgb(23, 25, 23, 0.90) !important;
}

.slb_details {
	margin-top: -30px !important;
	background: #f9faf9 !important;
	padding-bottom: 20px !important;
	display: none !important;
}

body.wp-night-mode-on .slb_details {
	background: #171917 !important;
}

.slb_container {
	border-radius: 0px !important;
	background: #f9faf9 !important;
	box-shadow: none !important;
	padding: 30px 30px 30px 30px !important;
	text-align: center;
	margin-top: -30px !important;
}

body.wp-night-mode-on .slb_container {
	background: #181918 !important;
}

.slb_data_title {
	font: 13px Courier, mono !important;
	color: #000000 !important;
	margin-top: 10px !important;
	float: right !important;
	width: 50% !important;

}

.slb_group_status {
	font: 13px Courier, mono !important;
	color: #000000 !important;
	margin-top: 10px !important;
}

.slb_template_tag_ui_nav_next {
background: transparent !important;
}

.slb_template_tag_ui_nav_prev {
background: transparent !important;
}

.slb_template_tag_ui_close {
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/closew.png) 0 3px no-repeat !important;
	background-size: 15px 15px !important;
	margin-right: -10px !important;
	opacity: 1 !important;
}

body.wp-night-mode-on .slb_template_tag_ui_close {
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/closeb.png) 0 3px no-repeat !important;
	background-size: 15px 15px !important;
	margin-right: -10px !important;
	opacity: 1 !important;
}

.slb_template_tag_ui_slideshow_control {
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/playw.png) 0 3px no-repeat !important;
	background-size: 20px 20px !important;
	opacity: 1 !important;
	display: none !important;
}

body.wp-night-mode-on .slb_template_tag_ui_slideshow_control {
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/playb.png) 0 3px no-repeat !important;
	background-size: 20px 20px !important;
	opacity: 1 !important;
	display: none !important;
}

.slb_loading {
	display: none !important;

}

/*--------------------------------------------------------------
# HOLO INFO/ABOUT
--------------------------------------------------------------*/

.aboutinfo_section p {
	line-height: 1.3em;
}

/*--------------------------------------------------------------
# HOLO SHOP
--------------------------------------------------------------*/

.shop_main {
	width: 100%;
/*	margin-top: 240px;*/
	float: left;
	margin-bottom: 0px;
}

.shop_main .shopitem {
	margin-bottom: 40px;
}

.shop_main .price {
	position: absolute;
	bottom: -0px;
	z-index: 0;
	right: 0px;
}

.shop_info {
	float: left;
}

.shop_main .shopdata li {
	width: 100%;
}
.shop_main .shopdata li a {
	width: 80%;
	overflow: hidden;
	float: left;
	margin-bottom: 20px;
}

.shop_main .shopdata li a:hover {
	width: 100%;
}

.shop_items {
	display: inline-block;
	padding-right: 0px;
	float: left;
	padding-bottom: 20px;
	padding-top: 30px;

}
.shop_more {
float: left;
/*width: 10%;*/
background: red;
display: none;
}

.shopitem {
	float: left;
	padding-right: 30px;
	margin-bottom: 50px;
}

.item-title {
	height: 20px;
	overflow: hidden;
}


.shop-content-area .wp-block-columns {
	margin-bottom: 0px;
}

.shop-content-area .wp-block-columns a {
	text-decoration: underline;
}


.shopdata {
	height: 17px;
	float: left;
	overflow: hidden;
	position: relative;
	background: #FAFAFA;
	padding-bottom: 10px;
}

.shopdata .price {
	float: right;
}

.shopdata li {
	list-style: none;
	white-space: normal;
}

.shopdata .readmore {
	display: none;
}

.shopdata:hover {
	height: auto;
}

.shopthumb {
	margin-bottom: 5px;
}

.shopthumb:hover > .shopdata {
	height: auto;
}

.flex-container {
	background: red;
}

button.stripe-button-el {
	background: none;
	text-decoration: none;
	border-radius: 0px !important;
	border-style: hidden !important;
	border-width: 0px !important;
	border-bottom-style: hidden !important;
	background-image: none !important;
	background: #191919 !important;
	box-shadow: none !important;
}


.stripe-button-el span {
	background: #000000 !important;
/*	border: 1px solid black !important;*/
	border-radius: 0px !important;
	text-shadow: none !important;

	font-weight: normal !important;
	font-style: normal !important;
	color: #ffffff !important;
	width: auto !important;
	height: auto !important;
	padding: 6px 12px 6px 12px !important;
	box-shadow: none !important;
	width: 100px;
}

@media only screen and (max-width: 960px) {
		h5.readerprice {
			font-size:8vw;
			margin-top: 60px;
		}
		.readercurr {
			font-size:1.5vw;
		}
}

@media only screen and (min-width: 960px) {
		h5.readerprice {
			font-size:6vw;
		}
		.readercurr {
			font-size:1vw;
		}
}


.stripe-button-el span:hover {
	background-color: #f9faf9 !important;
	color: #000000 !important;
}

body.wp-night-mode-on .stripe-button-el span {
	background: #181918 !important;
	color: #ffffff !important;
	text-shadow: none !important;
	border: 1px solid #ffffff;
}

body.wp-night-mode-on .stripe-button-el span:hover {
	color: #000000 !important;
	background-color: #f9faf9 !important;
}


@media only screen and (min-width: 960px) {

		.wp-block-column .stripe-button-el {
			float: right;
			margin-top: -5px;
		}

		.shopify-buy-frame {
			float: right;
		}

		.shopify-buy__layout-vertical {
			float: left;
		}

		.shopify-buy-frame shopify-buy-frame--product shopify-buy__layout-vertical {
			max-width: 100% !important;
		}

		div#product-component-1648652908865.shopify-buy-frame.shopify-buy-frame, div#product-component-1653292618905.shopify-buy-frame.shopify-buy-frame {
			float: left !important;

		}

		div#product-component-1648652908865.shopify-buy-frame.shopify-buy-frame iframe, div#product-component-1653292618905.shopify-buy-frame.shopify-buy-frame iframe {
			width: 100% !important;
			margin-top: -20px;
			margin-left: 0px;
		}

}

@media only screen and (max-width: 960px) {
		.wp-block-column .stripe-button-el {
			margin-bottom: 20px;
			float: left;

		}

		.shopify-buy__layout-vertical iframe {
		margin-bottom: 40px;
		}

		.shopprice {
			padding-top: 10px;
		}
}

/*--------------------------------------------------------------
# HOLO USER PAGE
--------------------------------------------------------------*/
div#readeronlysimple a.readeronlyclick {

}


#accessbutton {
	padding: 0px 3px 0 3px !important;
	border: none;
	text-decoration: underline;
	margin: 0px !important;
	min-width: auto !important;
}


#accessbutton:hover {
	background: none;
	border: none !important;
	color: #000000;
}

body.wp-night-mode-on #accessbutton {
	color: #ffffff !important;
}

body.wp-night-mode-on #accessbutton:hover {
	background-color: #ffffff !important;
}

.uwp_page {
	margin-bottom: 50px;
}

.card-body {
	background: #FAFAFA;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif !important;
	padding-top: 20px;
}

.form-control {
	background: #FAFAFA !important;
	border: none !important;
	border-bottom: 1px solid #2d2c2c !important;
	border-radius: 0px !important;
}

.bsui button {
	background: #000000 !important;
	border-radius: 0px !important;
	margin-top: 20px;
}

.bsui .btn {
	background: #000000 !important;
	border-radius: 0px !important;
}

.bsui .btn:hover {
	background: #7c7979 !important;
	box-shadow: 0px 0px !important;
}

.bsui a {
	color: #000000;
	text-decoration: underline;
}

.uwp-login-class, .uwp-register-class, .uwp-forgot-class, .uwp-account-form {
	width: 40%;
	margin: 0 auto;
}

.card-body button  {
	width: 200px !important;
	margin: 0 auto;
	margin-top: 20px;
}

.btn-block {
	width: 200px !important;
	margin: 0 auto !important;
}

.dropdown-item.uwp-account-account.active {
	background: #000000;
}

.modal-title {
	font-family: Arial, Helvetica, Geneva, sans-serif !important;
	color: #ffffff;
}

.modal-header button.close {
	font-size: 40px !important;
	color: #ffffff;
	background-color: #000000 !important;
}

.modal-header button.close:hover {
	color: #ffffff;
}

.modal-header {
	background-color: #000000 !important;
}
.badge-pill {
	border-radius: 0px !important;
	background-color: #FAFAFA;
}

.swpm-edit-profile-submit:hover  {
	background-color: #000000 !important;
}

.swpm-profile-username-row td {
	padding-bottom: 20px !important;
}


.swpm-profile-password-retype-row td {
	padding-bottom: 20px !important;
}

.swpm-profile-company-row td {
	padding-bottom: 20px !important;
}

.swpm-profile-country-row td {
	padding-bottom: 20px !important;
}

.swpm-edit-profile-submit-section {
	text-align: left;
}

.swpm-profile-membership-level-row {
	text-decoration: underline;
}

.basic {
/*	margin-top: 150px;*/
}

.swpm-profile-update-success {
	color: blue !important;
	font-weight: normal;
	font-style: normal;
	text-decoration: underline;
}

.swpm-registration-username-row td  {
	padding-bottom: 10px;
}

.swpm-registration-email-row td  {
	padding-bottom: 10px;
}

.swpm-registration-password-retype-row td {
	padding-bottom: 10px;
}

.swpm-registration-lastname-row td {
	padding-bottom: 10px;
}

.swpm-registration-membership-level-row td {
	padding-bottom: 30px;
}

.swpm-registration-widget-form table tbody tr td label {
/*	background: red;*/
}

.swpm-registration-widget-form table tbody tr td  {
width: 20% !important;
}

.swpm-registration-submit-section {
	text-align: left;
}


#swpm_message ul {
	margin-top: 20px;
}

.swpm-registration-success-msg a {
	text-decoration: underline;
}

.swpm-login-submit input a:hover {
	color: #000000;
}

.swpm-pw-reset-text {
	width: 100% !important;
}

#swpm-pw-reset-form {
	max-width: 400px;
}

input, select {
	padding: 3px !important;
	border: 1px solid #000000 !important;
	margin-bottom: 10px;
	border-radius: 0px !important;
	background-color: #f9faf9 !important;
}

body.wp-night-mode-on input, body.wp-night-mode-on select {
	border: 1px solid #ffffff !important;
	margin-bottom: 10px;
	border-radius: 0px !important;
	background-color: #181918 !important;
	color: #ffffff !important;
}

.sidebar input, .sidebar select, body.wp-night-mode-on .sidebar input, body.wp-night-mode-on sidebar select {
	margin-bottom: 0px;
	background-color: #181918 !important;
	border: 1px solid #ffffff !important;
}

.swpm-payments-table {
	margin-top: 30px;
	border: 1px !important;
	box-shadow: none;
}
.swpm-payments-header {
	background: black !important;
}

.swpm-account-delete-button {
	text-align: left;
	margin-bottom: 50px;
	padding: 10px;
	border-style: solid;
	border-width: 1px;
	float: left;
	margin-right: 10px;
	margin-top: 0px;
}

.swpm-account-delete-button:hover {
	background: red;
	color: #ffffff;
}

#cancelimportant {
	color: #ff0001;
}

input.swpm-pw-reset-submit {
	padding: 5px 10px 5px 10px !important;
}

/*--------------------------------------------------------------
# HOLO CONFIRMATIONS SECTION
--------------------------------------------------------------*/
.basicv2 .swpm-profile-password-retype-row, .basicv2 .swpm-profile-password-row, .basicv2 .swpm-profile-username-row, .basicv2 .swpm-profile-membership-level-row {
	display: none;
}

.basicv2 {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 1.2em !important;
}

.basicv2 input, .basicv2 select {
	font-family: Arial, Helvetica, Geneva, sans-serif;
	font-size: 1.0em !important;
	padding: 5px !important;
	
	border: none !important;
	border-bottom: 2px solid #000000 !important;
}

.basicv2 .swpm-edit-profile-submit, .basicv2 .wpcf7-submit.has-spinner {
	border-radius: 1.2em !important;
	padding: 0.3em 0.6em 0.3em 0.6em !important;
	border-width: 1.5px !important;
	width: auto;
	border-style: solid !important;
}


.basicv2 .swpm-edit-profile-submit:hover, .basicv2 .wpcf7-submit.has-spinner:hover {
	border-style: solid !important;
	border-width: 1.5px !important;
	border-style: solid !important;
}
.basicv2 form.wpcf7-form {
	margin-right: 25px;
}

.basicv2 .wpcf7-validates-as-email {
	margin-bottom: 20px;
}

/*--------------------------------------------------------------
# HOLO DASHBOARD SECTION
--------------------------------------------------------------*/

@media only screen and (min-width: 960px) {
	#dashsidebar {
		padding: 30px;
	}
}

@media only screen and (max-width: 960px) {
}


#dashmain h5, #dashsidebar h5 {
	margin-top: 0px;
	margin-bottom: 10px;
}

#dashmain h6, #dashsidebar h6 {
	margin-top: 0px;
	margin-bottom: 10px;
}

#dashsmaintitle {
	margin-bottom: 30px;
	margin-top: -30px;
}


#dashsection {
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

#dashsection.info li {
	list-style: none;
	margin-bottom: 7px;
}

#dashsection.close li {
	list-style: none;
	margin-bottom: 2px;
}

#dashsection p {
	margin-top: 0px;
}

.pic {
	font-size: 18px;
	padding-top: 0px !important;
	float: left;
	margin-top: -2px;
	padding-right: 5px;
}

.drafttitle {
	margin-bottom: 10px;
	max-height: 15px;
	overflow: hidden;
}

.draftthumb {
	opacity: 0.5;
}


/*--------------------------------------------------------------
# HOLO BOOKMARKS SECTION
--------------------------------------------------------------*/

#dashmain .simplefavorite-button {
	display: none;
}

.simplefavorite-button.active {
	text-decoration: none;
}

#fav {
	left: 0px;
	position: relative;
	top: 10px;
	width: 100%;

}

.simplefavorite-button {
	float: right !important;
	width: 10px;
	margin-top: -6px;
	background: none !important;
	color: #6a6969 !important;
	font-size: 20px !important;
	cursor: pointer !important;
}

body.wp-night-mode-on .simplefavorite-button {
	color: #676767 !important;
}

body.wp-night-mode-on .simplefavorite-button.active {
	color: #ffffff !important;
}

.simplefavorite-button.active {
	background: none !important;
	color: #000000 !important;
	font-size: 20px !important;
}

.favorites-list {
	margin-left: 0px;
	padding-left: 0px;
}

.favorites-list li {
	border-bottom-width: 1px !important;
	border-bottom-style: dashed !important;
	margin: 0px !important;
	padding: 7px 0px 7px 15px !important;
	border-top: none !important;
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/dotstill_b.gif) 0 11px no-repeat;
	background-size: 6px 6px;
}

body.wp-night-mode-on .favorites-list li {
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/dotstill_w.gif) 0 11px no-repeat;
	background-size: 6px 6px;
}

.favorites-list li p {
	margin: 0px;
}

.no-favorites {
	padding-left: 0px;
}

/*--------------------------------------------------------------
# HOLO PROJECTS SECTION
--------------------------------------------------------------*/


.section_title {
	width: 100%;
/*	margin-top: 20px;*/
	margin-bottom: 40px;
}

.section_titleTOP {
	width: 100%;
	margin-bottom: 40px;
}

div#content.site-content div.section_titleTOP h5.section-title {
	margin-top: 0px;
}

h1.section-title {
	margin: 0px;
}

.section-arrow  {
	font-size: 50px;
	position: relative;
	right: 0px;
	margin-top: -48px;
	padding: 0px;

}


.projects_section {
	width: 100%;
}

.project-paragraph-100 {
width: 100%;
margin-bottom: 30px;
}

.projects {
	padding-bottom: 20px;
}

.projects_frame {
	display: inline-block;
	white-space: normal;
}

.projects_info {
	padding-right: 30px;
}

.project-title {
	color: #000000;
	letter-spacing: -1px;
	font-family: "Helvetica Neue", Helvetica, Geneva, sans-serif;
	margin-top: 0px;
}

#projectintro h5 {
	margin: 0px;
	margin-top: 20px;
	margin-bottom: 20px;
}


#projectintro p a {
	text-decoration: underline;
}

.projects_entries {
	float: left;
	width: 100%;
/*	margin-top: 20px;*/
}

.title {
	text-decoration: underline;
	margin-bottom: 20px;
}

.projectthumb {
	margin-bottom: 10px;
}

.projecttitle {
	margin-bottom: 30px;
	/*font-size: 13px;*/
	width: 100%;
	font-weight: bold;
	float: left;
}

.projecttitle a {
	text-decoration: none !important;
}

.projecttitle p {
	margin-bottom: 10px;
	margin-top: 10px;
}

.projects h2 {
	margin-bottom: 20px;
}

#projectinfoextend {
	float: left;
	margin-bottom: 20%;
}

button.expander {
	border: none;
	padding: 0px;
}

button.expander:hover {
	background: none;
	color: #000000;
}

#projectexpand, #projectexpandalt {
	width: 100%;
	float: left;
	margin-top: 20px;
	color: #000000;
	padding-bottom: 100px;
}

#projectexpandalt {
	display: none;
	margin-bottom: 20px;
}

.index {
	float: left;
	margin-bottom: 20px;
	width: 100%;
	padding-right: 30px;
}

@media screen and (max-width: 720px) {
		#readmode {
			display: none;
		}
}

@media screen and (min-width: 720px) {
		#readmode {
			position: fixed;
			top: 106px;
			right: 28.25%;
			z-index: 1;
			padding: none;
			margin: none;
			background: none;
			transform: rotate(90deg);
			background: red;
			width: 0px;
			height: 0px;
		}
}

.expandup {
	display: block;
}
.expanddown {
	display: none;
}

#readmode button, #readmode button:hover {
	border: none;
	color: #000000;
	background: none;
	font-size: 20px !important;
}

.project_active {
	border: 1px solid #000000;
	padding: 30px 30px 30px 30px;
	text-align: left;
}

#project_footnotes {
	margin-top: 50px;
}

/*-----------------------------------------------------------------------------------*/
/*	HOLO PROJECT
/*-----------------------------------------------------------------------------------*/

#project {
	float: left;
	width: 100%;
	background: none !important;
}

#project_info {
	width: 22%;
	float: left;
	position: fixed;
	padding-top: 60px;
	height: 90%;
	overflow-y: auto;

	-ms-overflow-style: none;
	scrollbar-width: none;  /* Firefox */

	padding-right: 40px;
}

#project_info::-webkit-scrollbar {
  display: none;
}


#project_info h2 {
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	font-size: 50px;
}
#project_main {
	width: 47%;
	float: left;
	margin-left: 25%;
	margin-top: 60px;
	z-index: -1;
}


#project_index {
	width: 25%;
	float: left;
	position: fixed;
	left: 75%;
	padding-top: 60px;
	padding-right: 20px;
	padding-bottom: 60px;

	height: 90%;
	overflow-y: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;  /* Firefox */
	z-index: 1;
}

body.wp-night-mode-on #project_index {
	background: transparent !important;
}

#section {
	position: fixed;
	float: left;
	width: 100%;
	top: 120px;
	z-index: 1;
	padding-right: 30px;
	padding-left: 30px;
	padding-top: 20px;
	background: #FAFAFA;
	-webkit-box-shadow: 0 15px 15px #fafafa;
	-moz-box-shadow: 0 15px 15px #fafafa;
	box-shadow: 0 15px 15px #fafafa;
}

.project-tab button {
	border: none;
	padding: 0px;
	text-decoration: underline;
	margin: 0px;
	color: #030303;
	background: none !important;
}

.project-tab-button dark {
	background: grey;
}

.project-tab button:hover {
	background: none;
}

.project-tab {
	margin-top: 75px;
	position: fixed;
	z-index: 1 !important;
	top: 0px !important;
	left: 20px !important;
}

#l_title {
	width: 25%;
	float: left;
	background: none !important;
}

#r_title {
	width: 25%;
	float: right;
	background: none !important;
	padding-left: 15px;

}

#m_title {
	width: 50%;
	float: left;
	background: none !important;
}

#projectindextitle {
	float: left;
	padding-bottom: 5px;
	padding-top: 7px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	width: 100%;
}

.refid {
	float: left;
	margin-right: 10px;
	height: 1.4em;

}

.project_main_spacer {
	float: left;
	height: 10vh;
}

.projectinfoextend {
	margin-bottom: 100px;
}

#morestream {
	display: block;
	top: 800px;
	left: 0px;
	width: 100px;
	height: 100px;
	position: relative;
	background: red;
	visibility: hidden;
	z-index: 6;
}

.anchorx {
    display: block;
    position: relative;
    top: 720px;
    visibility: hidden;
}

.progress-post-container {
	float: right;
}

.progress-container {
  width: 10px;
  float: left;
  position: fixed;
  margin-left: -20px;
}

.progress-bar {
  width: 10px;
  height: 0%;
  border-bottom: 10px solid #000000;
  margin-top: 13px;
}

#video-block {
margin-bottom: 30px;
}

.daymode-video {
	display: block;
}

.nightmode-video {
	display: none;
}

.daymode-image {
	display: block;
}

#image-block {
	margin-bottom: 40px;
	margin-top: 10px;
}

#image-block .daymode-image img, #image-block .nightmode-image img {
	width: 100%;
}

.nightmode-image {
	display: none;
}

#p5js-block iframe {
  border: none;
  margin-bottom: 20px;
  background: none;
}

.blocks-gallery-grid {
	z-index: 0;
}

.projectcontent {
	margin-bottom: 40px;
	display: inline-block;
	max-width: 1450px;
}

.projectcontent a {
	text-decoration: underline;
}

.project {
/*	margin-bottom: 30px;*/
}

.fieldnote {
	float: left;
}
.quote {
	display: inline-block;
	width: 100%;
	margin-bottom: 40px;
}

.project-info {
	margin-right: 10px;
	margin-bottom: 10px;
	width: 100%;
	text-decoration: underline;
}

.project-text p {
	padding-bottom: 0px;
	margin-bottom: 10px;
	line-height: 18px;
	letter-spacing: -0.5px;
}

.project-data {
	margin-right: 10px;
	width: 100%;
	font-weight: bold;
}

.project-quote-m h5 {
	margin: 0px;
}

.project-quote-m {
	padding-bottom: 0px;
	margin-bottom: 20px;
	line-height: 32px;
	font-family: "Helvetica Neue", Helvetica, Geneva, sans-serif;
	display: inline-block;
}

.project-quote-l {
	padding-bottom: 0px;
	margin-bottom: 0px;
	line-height: 38px;
	font-family: "Helvetica Neue", Helvetica, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
}

.project-quote-m p, .project-quote-l p  {
	margin: 0px;

}

.project-author{
  letter-spacing: -0.5px;
}

.project-source {
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/link.png) 0 3px no-repeat;
	background-size: 12px 12px;
	padding-left: 18px;
	/*padding-right: 25%;*/
	text-decoration: none;
	font-weight: normal;
	font-style: normal;
}

.project-btntext p {
	margin-top: 20px;
	margin-bottom: 0px;
}

.project-qsource {
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/link.png) 0 3px no-repeat;
	background-size: 12px 12px;
	padding-left: 18px;
	padding-right: 25%;
	text-decoration: underline;
	font-weight: normal;
	font-style: normal;
	margin-top: 0px;
}

.project-link {
	float: right;
	font-weight: bold;
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/link.png) 0 3px no-repeat;
	background-size: 12px 12px;
	padding-left: 18px;
}

.project-image {
	width: 80%;
	margin-left: 10%;
	margin-top: 5%;
}

.project-link a:hover, #stream-source a:hover {
	text-decoration: underline;
	color: #000000;
}

.btnumbers {
	margin-bottom: 30px;
/*	margin-top: -30px;*/
}

.project-btnnumber {
color: #000000;
letter-spacing: -1px;
font-family: "Helvetica Neue", Helvetica, Geneva, sans-serif;
}


.project-btntext {
	/*font-size: 13px !important;*/
	line-height: 1.3;
	color: #000000;
}

.phototext {
	margin-bottom: 30px;
	float: left;
}

.project-photodata {
	font-size: 11px;
}

@media only screen and (min-width: 960px) {
		.project-photoblock {
			width: 50%;
			overflow: hidden;
			float: left;
			padding-right: 10px;
		}
		.project-phototext {
			padding-left: 10px;
			float: right;
			width: 50%;
		}
}

@media only screen and (max-width: 960px) {
		.project-photoblock {
			width: 25%;
			overflow: hidden;
			float: left;
			padding-right: 10px;
		}
		.project-phototext {
			padding-left: 10px;
			float: right;
			width: 75%;
		}
}

.project-phototext p {
	margin: 0px;
}

.qa {
	margin-bottom: 20px;
	display: inline-block;
}

.project-fieldnotetext p {
	margin-top: 0px;
}

.project-fieldnoteimage img {
		max-height:175px;
    max-width:100%;
    height:auto;
    width:auto;
		margin-bottom: 10px;
}

.project-fieldnoteurl {
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/link.png) 0 3px no-repeat;
	background-size: 12px 12px;
	padding-left: 18px;
	padding-right: 25%;
	font-weight: bold;
	float: left;
}

.project-qacontent p {
	margin: 0px;
}

.project-qaquestion {
	margin-bottom: 20px;
	font-weight: bold;
}

.project-qaanswer {
	margin-bottom: 1.5em;
}

.project-qaanswer a {
	text-decoration: underline;
}

.gallery {
	display: inline-block;
}

/*large small large*/

#project-gallery-image1.lsl {
	float: left;
	width: 50%;
	padding-bottom: 60px;
}

#project-gallery-image2.lsl {
	float: right;
	width: 25%;
	padding-bottom: 20px;
}

#project-gallery-image3.lsl {
	float: right;
	width: 75%;
	padding-bottom: 20px;
	padding-left: 10px;
}

#project-gallery-image1.sll {
	float: left;
	width: 25%;
	padding-bottom: 20px;
}

#project-gallery-image2.sll {
	float: right;
	width: 50%;
	padding-bottom: 60px;
}

#project-gallery-image3.sll {
	float: left;
	width: 75%;
	padding-bottom: 20px;
}

#project-gallery-image1.c {
	float: left;
	width: 50%;
	padding-bottom: 60px;
	margin-left: 25%;
	padding-left: 10px;
}

#project-gallery-image2.c {
	float: left;
	width: 75%;
	padding-bottom: 60px;
	margin-left: 12.5%;
	padding-left: 10px;
}

#project-gallery-image3.c {
	float: left;
	width: 50%;
	padding-bottom: 20px;
	margin-left: 25%;
	padding-left: 10px;
}

#project-gallery-image1.csl {
	float: left;
	width: 75%;
	padding-bottom: 60px;
	margin-left: 12.5%;
}

#project-gallery-image2.csl {
	float: left;
	width: 25%;
	padding-bottom: 20px;
}

#project-gallery-image3.csl {
	float: right;
	width: 50%;
	padding-bottom: 20px;
}

#project-gallery-image1.clsl {
	float: left;
	width: 50%;
	padding-bottom: 60px;
	margin-left: 25%;
}

#project-gallery-image2.clsl {
	float: left;
	width: 50%;
	padding-bottom: 60px;
}

#project-gallery-image3.clsl {
	float: right;
	width: 25%;
	padding-bottom: 20px;
}

#project-gallery-image4.clsl {
	float: right;
	width: 75%;
	padding-bottom: 20px;
	padding-left: 10px;
}

#project-gallery-image1.llsc {
	float: right;
	width: 75%;
	padding-bottom: 60px;
	padding-left: 10px;

}

#project-gallery-image2.llsc {
	float: left;
	width: 50%;
	padding-bottom: 60px;
}

#project-gallery-image3.llsc {
	float: right;
	width: 25%;
	padding-bottom: 20px;
}

#project-gallery-image4.llsc {
	float: left;
	width: 50%;
	padding-bottom: 20px;
	margin-left: 25%;
	padding-left: 10px;
}

.gallery ul {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

.gallery ul.image {
	text-align: center;
	width: 100%;
}

.gallery img.attachment-thumbnail.size-thumbnail {
	width: 100%;
}

.gallery ul.text {
	float: left;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
}


.project-paragraph p {
	margin-top: 0px;
/*	margin-bottom: 10px;*/
}

.threefour {
	float: left;
	display: inline-block;
	width: 100%;

}

.project-paragraph a {
	text-decoration: underline;
}


/*--------------------------------------------------------------
# HOLO ICONS
--------------------------------------------------------------*/

span.hololocation {
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/H25-LOC-Day.png) 0 3px no-repeat !important;
	background-size: 22px 22px !important;
	width: 30px;
	height: 30px;
	background-color: red;
	float: left;
	width: 100%;

}

body.wp-night-mode-on span.hololocation {
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/H25-LOC-Night.png) 0 3px no-repeat !important;
	background-size: 22px 22px !important;
}

span.holoarrow {
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/H25-ICON-ARROW-Day.png) 0 3px no-repeat !important;
	background-size: 22px 22px !important;
	width: 25px;
	height: 30px;
	float: right;
	margin-top: -18px;
	cursor: pointer;

}

body.wp-night-mode-on span.holoarrow {
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/H25-ICON-ARROW-Night.png) 0 3px no-repeat !important;
	background-size: 22px 22px !important;
}

span.holoarrowreadmore {
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/H25-ICON-ARROW-Day.png) 0 3px no-repeat !important;
	background-size: 22px 22px !important;
	width: 25px;
	height: 30px;
	float: left;
}

body.wp-night-mode-on .holoarrowreadmore {
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/H25-ICON-ARROW-Night.png) 0 3px no-repeat !important;
	background-size: 22px 22px !important;
}

@media only screen and (min-width: 960px) {
		span.holoarrowreadmore {
			position: absolute;
		    left: 0;
		    bottom: 20px;
		}
}

@media only screen and (max-width: 960px) {
		span.holoarrowreadmore {
			margin-bottom: 20px;
		}
}


/*--------------------------------------------------------------
# HOLO MAIN
--------------------------------------------------------------*/


body.wp-night-mode-on #streamgraphic {
	background: transparent;
}

body.wp-night-mode-on .HOLOFont {
	background: transparent;
}

body.wp-night-mode-on .HOLOFont a {
	background: transparent;
	/*font: 31vw "TpHolo-Thick";*/
}

.HOLOFont a {
	text-decoration: none !important;
}

.wp-block-column a {
	text-decoration: underline;
}

.aboutinfo_section .wp-block-column a {
	text-decoration: none;
}

.wp-block-column  h5 a {
	text-decoration: none;
}


@font-face {
  font-family: 'TpHolo-Thin';
  src: url('fonts/TpHolo_Thin-Regular.woff2') format('woff2'),
       url('fonts/TpHolo_Thin-Regular.woff') format('woff'),
       url('fonts/TpHolo_Thin-Regular.otf') format('otf');
}

@font-face {
  font-family: 'TpHolo-Thick';
  src: url('fonts/TpHolo_Thick-Regular.woff2') format('woff2'),
       url('fonts/TpHolo_Thick-Regular.woff') format('woff'),
       url('fonts/TpHolo_Thick-Regular.otf') format('otf');
}


#holomain {
	margin-top: 200px;
	width: 60%;
	float: left;
}

.site-main article {
	width: 60%;
	float: left;
	margin-top: 200px;
}

#bloginfo {
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 13px;
	display: none;
}

.wp-night-mode {
	width: 20px;
	height: 30px;
	padding: 0px !important;
	margin: 0px !important;
	float: right;
}

#site-navigation {
	z-index: 0 !important;
}

.wpnm-button.style-1.active .wpnm-slider {
	background-color: #3a3939;

}

.wpnm-button.style-1 .wpnm-slider:before {
	background: #ffffff;

}

.lp-screen {
	background: rgba(0, 0, 0, 0.95) !important;
}

.wpcf7-form input {
	width: 100%;
}

.wpcf7-select {
	width: 100%;
	background-color: #FAFAFA;
	border: 1px solid #000000;
	padding: 5px;
}

.wpcf7-form input {
	background-color: #FAFAFA;
	border: 1px solid #000000;
	border-radius: 0px;
	padding: 5px;
}

.wpcf7-form textarea {
	border: 1px solid #000000 !important;
	background-color: #FAFAFA;
	padding: 5px;
	height: 400px;
}

.indicates-required {
	margin-bottom: 10px;
}

div.form-container div.emailoctopus-form-wrapper.emailoctopus-form-default form.emailoctopus-form div.main-form {
	font: bold 1em Courier, mono !important;
}

.emailoctopus-form .form-control {
	font: bold 1em Courier, mono !important;
	margin: 0px;
}

div.form-container {
	margin: 0px !important;
}

.form-container div.emailoctopus-form-wrapper.emailoctopus-form-default form.emailoctopus-form div.main-form input.btn.w-100.btn-primary.mb-2:hover {
	background-color: #000000 !important;
	color: #ffffff;
}

/*#mc_embed_signup_scroll h2{
	margin-bottom: 30px;
}
.mc-field-group {
	margin-top: 5px;
}
.mc-field-group label {
	min-width: 150px;
	float: left;
}
#mce-FNAME, #mce-LNAME, #mce-EMAIL {
	padding: 5px;
}*/

/*#mc-embedded-subscribe.button {
	padding: 5px 10px 5px 10px !important;
}*/

.wpcf7-submit {
	border: 1px solid #000000 !important;
	color: #000000;
	max-width: 400px !important;
	padding-left: 20px !important;
	padding-right: 20px !important;
	padding-top: 5px !important;
}

.wpcf7-response-output {
	margin-left: 0px !important;
	margin-right: 0px !important;
	padding-top: 5px !important;
}

.wpcf7-submit:hover {
	background: #191919 !important;
}

body.wp-night-mode-on .wpcf7-submit:hover {
	background-color: #ffffff !important;
	color: #000000 !important;
}

.lp-screen-graphic {
background: white !important;
}


#cookie-notice .cn-button {
	border-radius: 0px;
	background-color: #f9faf9;
	color: #000000;
	text-transform: uppercase;
	padding: 5px 10px 5px 10px;
}


#cookie-notice {
	width: 20% !important;
	float: right !important;
	background-color: #181918 !important;

}
.cookie-notice-container {
	text-align: left !important;
}

#cn-notice-buttons {
	margin-left: 0px !important;
}

.cn-button {
	margin-left: 0px !important;
	margin-right: 10px !important;
	border: 1px solid #ffffff !important;
	background: black !important;
	font-family: Arial, Helvetica, Geneva, sans-serif !important;
	border-radius: 0px !important;
}

.cn-text-container {
	margin-bottom: 10px !important;
	padding-right: 10px;
	font-family: Arial, Helvetica, Geneva, sans-serif !important;
}

.sidebar {
  height: 100%;
  width: 0;
  position: fixed !important;
  z-index: 99999 !important;
  top: 0;
  right: 0;
  background-color: #191919;
  overflow-x: hidden;
}

.sidebarv2 {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  background-color: #191919;
  overflow-x: hidden;
/*  font-family: Arial, sans-serif;*/


/*  	-webkit-box-shadow: 0 0px 30px #181918;
	-moz-box-shadow: 0 0px 30px #181918;
	box-shadow: 0 0px 30px #181918;*/

}

.sidebarv2 #notcontent {
	background-color: #f9faf9;
	color: #000000;
	border-top: 1px solid #3333;
}

.sidebarv2 #notcontent a {
	color: #000000;
}

#notificationintro {
	padding: 0px 30px 0px 30px;
}

#notificationintro h1 {
	color: #ffffff !important;
}

#notificationfeatured {
	padding: 30px 30px 0px 30px;
	background-color: #f9faf9;
	border-left: 1px solid #3333;
}

#notificationfeatured .lib_section_hi_content {
	  width: 100%;
	  display: grid;
	  grid-template-columns: repeat(4, 1fr);
	  justify-content: center;
	  margin-top: 0px;
	  column-gap: 2em;

}

#notificationfeatured .lib_section_hi_item:first-child {
  display: none;
}

.sidebarv2 #menulisting {
	padding: 30px;
}

/*.sidebarv2 #menulisting h5 {
	padding-left: 0px !important;
}

.sidebarv2 h6 {
  font-family: Arial, sans-serif;
  font-size: 1.5em;
}*/

.sidebar a {
  text-decoration: none;
  color: #ffffff !important;
  display: block;
/*  transition: 0.3s;*/
}

#menulisting a h5 {
	margin: 0px;
	color: #ffffff;
	padding: 0px 0px 0px 40px;
	font-family: Arial, Helvetica, Geneva, sans-serif !important;
}

#menulisting h5 {
	margin: 0px;
	color: #767676;
	padding: 0px 0px 0px 40px;
	font-family: Arial, Helvetica, Geneva, sans-serif !important;
}

#menulisting {
	width: 90%;
}

.sidebar .closebtn, .closemenu {
  position: absolute;
  top: 35px;
  right: 20px;
  width: 30px;
  height: 30px;
  background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/H25-ICON-MENUCLOSE-Night.png) 0 0px no-repeat !important;
  background-size: 22px 22px !important;
}

.wp-block-jetpack-slideshow_pagination button {
	min-width: 1em;
}

.wp-block-jetpack-slideshow_pagination button {
	background: #f9faf9 !important;
	border: 1px solid #333 !important;
}

button.swiper-pagination-bullet-active {
	background: #181918 !important;
	border: none !important;
}

body.wp-night-mode-on .wp-block-jetpack-slideshow_pagination button {
	background: #171917 !important;
	border: 1px solid #f9faf9 !important;
}

body.wp-night-mode-on button.swiper-pagination-bullet-active {
	background: #f9faf9 !important;
	border: none !important;
}


.wp-block-jetpack-slideshow_button-prev {
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/playw.png) 0 3px no-repeat !important;
	background-size: 20px 20px !important;
	width: 25px !important;
	height: 25px !important;
	transform: rotate(180deg);
}

.wp-block-jetpack-slideshow_button-next {
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/playw.png) 0 3px no-repeat !important;
	background-size: 20px 20px !important;
	width: 25px !important;
	height: 25px !important;

}


.openbtn {
  color: black;
  padding: 0px 0px;
  border: none;
  float: left;
/*  position: fixed;*/
  width: 20px;
  height: 30px;
  display: block;
  background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/H25-ICON-MENU-Day.png) 0 0px no-repeat !important;
  background-size: 22px 22px !important;
  min-width: 1rem;
  margin-top: 8px;
  margin-left: 12px;
}

.openmenu {
	float: left;
	border: none;
	color: #191919;
	background-color: transparent;
	min-width: 1rem;
	width: 30px;
	height: 30px;
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/libb.png) 0 0px no-repeat !important;
	background-size: 28px 28px !important;
	margin-right: 15px;
	margin-top: 6px;
}

body.wp-night-mode-on .openbtn {
  background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/H25-ICON-MENU-Night.png) 0 0px no-repeat !important;
  background-size: 22px 22px !important;
}

body.wp-night-mode-on .openmenu {
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/libw.png) 0 0px no-repeat !important;
	background-size: 28px 28px !important;
}

.openbtn:hover {
  padding: 0px 0px;
  color: black;
}

.sidebar h4 {
	color: #ffffff !important;
	padding: 0px !important;
	margin: 0px !important;
	padding-bottom: 5px !important;
	font-size: 24px;
}

#contactinfo h5 {
	font-size: 16px !important;
	line-height: 24px !important;
}

#loginfields li.reg a {
text-decoration: underline;
}


#loginfields {
	float: left;
}

#loginfields .reg {
	width: 100% !important;
	float: left;
	margin-top: 10px;
}

#loginfields input {
	background: #191919;
	border: none;
	border-bottom: 1px solid #fafafa;
	border-radius: 0px;
	margin-top: 4px;
	padding: 5px !important;
	margin-bottom: 0px;
}

#loginfields li {
	list-style: none !important;
	display: list-item;
}

.aboutinfo_section h2, .aboutinfo_section h6 {
	margin-top: 0px;
}

#loginfields .login-username {
	margin-bottom: 10px;
	padding-bottom: 0px;
}

#loginform label {
	width: 100% !important;
	float: left;
}

#loginfields .login-submit {
	margin-top: 0px;
}

#loginfields .button:hover {
	background: #171917 !important;
}

#loginfields .rememberme {
	background-color: #f98888;
}

#loginfields .login-remember {
	margin-top: 0px;
	margin-bottom: 10px;
}

#loginfields .login-password {
	margin-bottom: 10px;
	margin-top: 10px;
	width: 200px;
}


#loginfields input[type='checkbox']{
	width: 15px;
    height: 15px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance:none;
   /* outline: 1px solid white;*/
	border-bottom: none;
	border: 1px solid #ffffff;
	margin-bottom: -1px;
}

#loginfields input[type='checkbox']:checked:after {
  content: '✔';
  color: black;
  margin-left: -2px;
  font-size: 14px;
  float: left;
  margin-top: -6px !important;
}


#contactinfo p {
	font-family: Arial, Helvetica, Geneva, sans-serif !important;
	font-size: 15px;
}

#contactinfo {
	color: #ffffff;
	text-transform: capitalize;
	min-width: 300px;
}

#projectlist h5 {
	text-transform: uppercase !important;
	font-size: 20px;
	margin-top: 5px;
	margin-bottom: 20px;
}

#contactinfo p {
	padding: 0px;
	margin: 0px;
	color: #ffffff;
}

#contactinfo p a {
	text-transform: capitalize;
	margin: 0px;
	padding: 0px !important;
	line-height: 0em;
}

#contactinfo h5 {
	font-size: 20px;
}

#mainmenu {
  right: 10px;
  top: 80px;
}

#mainmenu button:hover {
	background: none;
	color: #000000;
}

body.wp-night-mode-on #mainmenu button:hover {
	background: none;
	color: #ffffff;
}

::-webkit-scrollbar {
  width: 10px;
  height: 5px;
}
::-webkit-scrollbar-thumb {
/*  border-width: 1px 1px 1px 2px*/
}
::-webkit-scrollbar-track {
  border-width: 0
}

::-webkit-scrollbar-track {
  background-clip: padding-box;
  border: solid transparent;
  /*border-width: 0;/* 0 0 4px;*/
}

::-webkit-scrollbar-track {
  background: transparent;
  border-width: 1px;
}
/*horizontal track*/
::-webkit-scrollbar-track:horizontal {
  background: transparent;
/*  border-width: 1px;*/

}

/*the bottom-right corner*/
::-webkit-scrollbar-corner {
  background: transparent
}

::-webkit-scrollbar-thumb:horizontal {
  background-color: #ebebeb;
    height: 10px;
	display: none;

}
::-webkit-scrollbar-thumb:vertical {
  background-color: #FAFAFA;
  background-clip: padding-box;
  min-height: 28px;
  padding: 10px 0 0;
}

body::-webkit-scrollbar-track {
  background: #191919;
}



/*--------------------------------------------------------------
# ACCOUNT PAGE
--------------------------------------------------------------*/

.accountinfo {
	width: 50%;
	margin-bottom: 50px;
	float: left;
}

.accountwelcome {
	width: 50%;
	margin-bottom: 50px;
	float: left;
	padding-left: 30px;
}

.form-password label, .form-url label, .form-email label, .form-username label {
	width: 25%;
	float: left;
	padding: 5px 5px 5px 0px;
}

.accountinfo textarea#description {
	margin-top: 5px;
}

.accountinfo .text-input {
	width: 75%;
	padding: 5px;
}


#dashsidebar #loginfields form input {
	margin-bottom: 10px;
}

#dashsidebar #loginfields form {
	margin-bottom: 5px;
	padding-top: 5px;
	max-width: 75%;
}

.swpm-remberme {
	width: 100%;
	float: left;
	margin-bottom: 0px;
	margin-top: -10px;
	font-size: 1em;
}

div#loginfields form span.swpm-remberme span.swpm-rember-label {
/*	margin-top: 2px !important;*/
	float: left;
	padding-top: 1em !important;
	padding-left: 0.5em;

}

div#loginfields form span.swpm-remberme input {
/*	margin: 2px 8px 0px 0px !important;*/
	float: left;
	margin-top: 1em !important;
}



div.encounter-title a h5.temptitle {
	background-color: #f9faf9;
}

body.wp-night-mode-on div.encounter-title a h5.temptitle {
	background-color: #191919;
}

/*--------------------------------------------------------------
# NOTIFICATION BUTTON
--------------------------------------------------------------*/

#not {
	width: 10px;
	height: 10px;
	overflow: hidden;
	margin-top: 40px;
	right: 130px;
	position: fixed;
}

#not a:hover {
	width: 100px;
	height: 100px;
}

/*--------------------------------------------------------------
# NOTIFICATION BUTTON
--------------------------------------------------------------*/

#controlsmenu {
/*position: fixed;
right: 30px;
top: 25px;*/
position: relative;
float: right;
margin-right: 25px;
margin-top: 27px;
}

@media only screen and (max-width: 720px) {
		#readermenubutton {
			display: none;
		}
}

@media only screen and (min-width: 720px) {
		#readermenubutton {
			float: left;
			margin-right: 20px;
			margin-top: 7px;
		}
}


#nightmode {
	z-index: 0;
	height: 40px;
	float: left;
	background: transparent;
	min-width: 1rem;
	border: none;
}

body.wp-night-mode-on #nightmode {
	background: transparent !important;
}

#notbutton {
	float: left;
	border: none;
	color: #191919;
	background-color: transparent;
	min-width: 1rem;
	width: 30px;
	height: 30px;
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/H25-ICON-PLUS-Day.png) 0 9px no-repeat !important;
	background-size: 22px 22px !important;
}

body.wp-night-mode-on button#notbutton {
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/H25-ICON-PLUS-Night.png) 0 9px no-repeat !important;
	background-size: 22px 22px !important;
}

@media only screen and (max-width: 720px) {
	button#notbutton {
	}

	#notdivhide {
	width: 100%;
	color: #010101;
	position: fixed;
	top: 100px;
	border: none;
	overflow-y: auto;
	height: 100%;
	padding-bottom: 120px;
	border: none !important;
	}
}
/*@media only screen and (min-width: 960px) {*/
@media only screen and (min-width: 720px) {
	button#notbutton {
		right: 120px;
		top: 30px;
	}
	#notdivhide {
	width: 50%;
	background: transparent;
	color: #010101;
	position: fixed;
	top: 80px;
	right: 20px;
	z-index: 1;
	max-height: 100%;
	overflow-y: scroll;
	}
	body.wp-night-mode-on #notdivhide {
	border-left: none !important;
	background: transparent;
	border: none !important;
	}
}

body.wp-night-mode-on button#notbutton {
	color: #ffffff;
}

button:hover#notbutton {
	background: none;
}

body.wp-night-mode-on #notdivhide {
	border: 1px solid #333333;
}

#notindextitle {
	float: left;
	padding-bottom: 7px;
	padding-top: 7px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	width: 100%;
	padding-left: 0px;
	margin-left: 15px;
}

body.wp-night-mode-on #notindextitle {
	border-bottom: 1px dashed #fffffe;
}

#notcontent {
	color: #ffffff;
}

#notcontent a {
	color: #ffffff;
}

#notcontent a:hover {
	color: #ffffff;
}

#log {
	float: left;
	font-size: 22px;
}

#log span {
	color: #000000;
	float: left;
	margin-bottom: 2px;
}

#loglist {
	margin-top: 10px;
	margin-bottom: 20px;
	float: left;
	width: 100%;
}

#logindextitle {
	float: left;
	padding-bottom: 7px;
	padding-top: 7px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	width: 100%;
	margin-left: 15px;
  text-indent: -15px;
}

.author-profile-card {
	width: 80%;
}

#authorlist {
	margin-top: 10px;
	margin-bottom: 20px;
	float: left;
	width: 80%;
}

#authorindextitle {
	padding-bottom: 7px;
	padding-top: 7px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	width: 100%;
}

#notindextitle .doticon {
	float: left;
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/dot-w.gif) no-repeat;
	background-size: 6px 6px;
	width: 10px;
	height: 10px;
	margin-left: -15px;
}

#notindextitle .doticonsolid {
	float: left;
	width: 10px;
	height: 10px;
	margin-left: -15px;
}

#notindextitle .doticonblink {
	float: left;
	width: 10px;
	height: 10px;
	margin-left: -15px;

	animation: blink 1s step-start 0s infinite;
  -webkit-animation: blink 1s step-start 0s infinite;
}

@keyframes blink {
  50% {
    opacity: 0.0;
  }
}
@-webkit-keyframes blink {
  50% {
    opacity: 0.0;
  }
}

#notdate span {
	float: left;
	margin-bottom: 2px;
}

#notdate {
	margin-bottom: 0px;
	margin-top: 20px;
	float: left;
	width: 100%;
}


#notaccount {
	background: #f9faf9 !important;
}

body.wp-night-mode-on #notaccount {
	color: #ffffff !important;
}

@media only screen and (max-width: 960px) {
		#notaccount {
			width: 100%;
			float: left;
			background: #f9faf9;
			padding: 30px;
			border: none;

		}
		body.wp-night-mode-on #notaccount {
			background-color: #181918 !important;
			border-top: none;
			}
		#notcontent {
			padding-left: 30px;
			padding-right: 50px;
			padding-bottom: 30px;
			padding-top: 10px;
			float: left;
			width: 100%;
			background-color: #181918;
			border: none;
		}
}

@media only screen and (min-width: 960px) {
/*@media only screen and (min-width: 960px) {*/
		#notaccount {
		display: table-cell;
		width:50%;
		/*float: left;*/
		vertical-align: top;
		border: 1px solid #3333;
		padding-bottom: 0px;
		background-color: #f9faf9;
		padding-bottom: 40px;
		padding-left: 0px;
		}
		#notcontent {
		display: table-cell;
		width:50%;
		/*float: left;*/
		background: #181918;
		padding-left: 30px;
		padding-right: 50px;
		padding-bottom: 40px;
		vertical-align: top;
		padding-top:15px;
		padding-bottom: 40px;
		}

		body.wp-night-mode-on #notaccount {
			background-color: #181918 !important;
			border-right: 1px solid #333;
			border-left: 1px solid #333;
			border-top: 1px solid #333;
			border-bottom: 1px solid #333;
		}

		body.wp-night-mode-on #notcontent {
			border-right: 1px solid #333 !important;
			border-left: none !important;
			border-top: 1px solid #333 !important;
			border-bottom: 1px solid #333 !important;
		}
		#notdivhide {
			display: table;
		}
		body.wp-night-mode-on #notcontent {
			border: none;
		}
}

/*SEARCH*/

#searchcontent {
	float: left;
	margin-bottom: 50px;
}

#searchfieldmenu {
	margin-left: 40px;
	margin-top: 40px;
}

#searchfieldmenu input {
	color: #ffffff;
	border: 1px solid #454343 !important;
	width: 40%;
}

#searchresulttype {
	float: right;
	margin-right: ;
}

#searchresultno {
	border-bottom: 1px solid #333;
}

div#searchfield form {
	float: left;
	font: 1.5em Arial;
	border-top: none !important;

}

div#searchfield input#search {
	font: 1em Arial !important;
	min-width: none !important;
	border-top-style: none !important;
	border-left-style: none !important;
	border-right-style: none !important;
	padding: 0px !important;
}



#listing_tile {
	width: 22px;
	height: 22px;
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/grid_b.png) 0 0px no-repeat !important;
	background-size: 22px 22px !important;
	margin-left: 20px;
	float: left;
}

body.wp-night-mode-on #listing_tile {
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/grid_w.png) 0 0px no-repeat !important;
	background-size: 22px 22px !important;
}

#listing_row {
	width: 22px;
	height: 22px;
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/list_b.png) 0 0px no-repeat !important;
	background-size: 22px 22px !important;
	float: left;
	margin-left: 20px;
}

body.wp-night-mode-on #listing_row {
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/list_w.png) 0 0px no-repeat !important;
	background-size: 22px 22px !important;
}


/*HOLO TILE*/

#holotile {
	margin-bottom: 30px;
}

#holotilestamp {
	margin-bottom: 10px;
}

#holotiletitle {
	width: 100%;
	float: left;
	padding-right: 10%;
}

#holotiletitle h5 {
	margin-top: 20px;
	margin-bottom: 20px;
}

div#holotilecat {
	margin-top: 5px;
	float: left;
	width: 100%;
	text-transform: uppercase;
	text-decoration: underline;
}

#holotileexcerpt p {
	float: left;
	margin-top: 0px;
}

#holotilecont {
	float: left;
}

span.readers {
	background-color: #000000;
	color: #ffffff;
	padding: 3px 8px 1px 8px;
	border-radius: 1em;
	margin-top: -3px;
	text-transform: uppercase;
	float: right;
}

body.wp-night-mode-on span.readers {
	background-color: #ffffff;
	color: #000000;
}

span#nonthumb {
    background-image: url('https://www.holo.mg/wp-content/uploads/2022/11/default_thumb-day.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    padding-top: 66.64%; /* (img-height / img-width * container-width) */
                /* (853 / 1280 * 100) */

	float: left;
	margin-bottom: -8px;
}

body.wp-night-mode-on span#nonthumb {
	    background-image: url('https://www.holo.mg/wp-content/uploads/2022/11/default_thumb-night.png');
}




.list .alm-reveal {
	margin-top: 25px;
	margin-bottom: -20px;
}

.alm-load-more-btn.more.loading {
	margin-top: 0px;
	margin-bottom: 40px;


	font-family: Arial !important;
	font-size: 1.2em !important;
	border-radius: 1.2em !important;
	padding: 0.3em 1em 0.3em 1em !important;
	border-width: 1.5px !important;
	min-width: 0 !important;
	border-color: #000000;
	color: #000000;


}

#searchresulttype button#holoviewbut {
	min-width: 32px;
	min-height: 32px;
	height: 10px;
	width: 10px;
	font-size: 1.5em !important;
	border-radius: 1em;
	margin-left: 7.5px;
	border-width: 2px;
}

#favgradient {
	background-image: linear-gradient(0deg, rgba(250,250,250,1) 0%, rgba(250,250,250,1) 10%, rgba(255,255,255,0) 100%);
	float: left;
	width: 45%;
	height:100px;
	margin-top: -100px;
	z-index: 110000;
	position: absolute;
}

.morenotes {
	padding-bottom: 10px;
	float: left;
	width: 100%;
}

body.wp-night-mode-on .wjh-image.reader {
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/lock-w.png) 50% 50% no-repeat !important;
	background-size: 25px 25px !important;
}

.wjh-image.reader {
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/lock-b.png) 50% 50% no-repeat !important;
	background-size: 25px 25px !important;
}
.wjh-image.reader img.attachment-post-thumbnail.size-post-thumbnail.wp-post-image {
	opacity: 0.2;
}

.wjh-text h5 {
	margin-top: 20px;
}

#itemcontent {
	border: none !important;
}

#itemcontent a.reader {
		background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/lock-b.png) 0 2px no-repeat !important;
	background-size: 12px 10px !important;
		padding-left: 15px;
}

body.wp-night-mode-on #itemcontent a.reader {
	background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/lock-w.png) 0 2px no-repeat !important;
	background-size: 12px 10px !important;
}

/*--------------------------------------------------------------
# NIGHT MODE BUTTON
--------------------------------------------------------------*/

.wpnm-button.style-1 {
  position: relative;
  display: block;
  width: 25px !important;
  height: 25px !important;
  margin-bottom: 0;
  top: none !important;

}
.wpnm-button.style-1 .wpnm-slider.round {
  border-radius: none!important;
}

.wpnm-button.style-1 .wpnm-slider {
		cursor: pointer;
		background-color: none !important;
		background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/H25-ICON-MODE-Day.png) 0 0px no-repeat !important;
		background-size: 22px 22px !important;

		-webkit-transition: 0s !important;
		transition: 0s !important;
}

body.wp-night-mode-on .wpnm-button.style-1 .wpnm-slider {
		background: url(https://holo.mg/wp-content/themes/holomg/assets/icon/H25-ICON-MODE-Night.png) 0 0px no-repeat !important;
		background-size: 22px 22px !important;

		-webkit-transition: 0s !important;
		transition: 0s !important;
}

.wpnm-button.style-1 .wpnm-slider:before {
		position: absolute;
		content: "";
		height: 30px !important;
		width: 30px !important;
		left: none !important;
		bottom: none !important;
		/*        background-color: white;*/
		-webkit-transition: 0s !important;
		transition: 0s !important;
		/*	box-shadow: -5px 0 1px;*/
		background-color: none !important;
		display: none;
}
.wpnm-button.style-1 .wpnm-slider.round:before {
  border-radius: none !important;
}

/*Active*/
.wpnm-button.style-1.active .wpnm-slider {
		background-color: none !important;
		background: white !important;

}
.wpnm-button.style-1.active .wpnm-slider:before {
		-webkit-transform: none!important;
		-ms-transform: none!important;
		transform: none!important;
		background: white !important;


}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Screen Reader Text
--------------------------------------------------------------*/
.screen-reader-shortcut, .screen-reader-text, .screen-reader-text span {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed, iframe, object {
	max-width: 100%;
}

.wp-block-embed {
	width: 100% !important;

}

.wp-block-embed iframe {
	max-width: 100% !important;
	width: 100% !important;
}


/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 10px 0 20px;
}

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

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Responsive Design
--------------------------------------------------------------*/

@media only screen and (max-width: 960px) {

	.stream-content-area {
		width: 100%;
		max-width: 100%;
		float: left;
/*		margin-top: 120px;*/
	}


}

@media only screen and (min-width: 960px) {
	.content-area {
		width: 100%;
		max-width: 60%;
		float: left;
	}


	.site-content .widget-area {
		max-width: 26.5%;
		float: right;
	}

	.stream-content-area {
		width: 100%;
		max-width: 100%;
		float: left;
/*		margin-top: 120px;*/
	}


}

@media screen and (min-width: 768px) {
	/*Comment*/ ul.comment-list .children {
		margin-left: 2.5rem;
	}

}

@media only screen and (min-width: 1024px) {
	.content-area {
		width: 100%;
		max-width: 67%;
		float: left;
	}


	.stream-content-area {
		width: 100%;
		max-width: 100%;
		float: left;
/*		margin-top: 30px;*/
	}

}

@media only screen and (min-width: 1280px) {
	/*Comment*/ .comment-form-author, .comment-form-email, .comment-form-url {
		position: relative;
		float: left;
		width: 100%;
	}

}

/*--------------------------------------------------------------
# CSS Based Icons - Super Fast
--------------------------------------------------------------*/
.search.icon {
	color: #000;
	position: absolute;
	width: 12px;
	height: 12px;
	border: solid 1px currentColor;
	border-radius: 100%;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 4px;
	left: 101%;
}

.error-404 {
	margin-top: 140px;
}

.search.icon:before {
	content: '';
	position: absolute;
	top: 12px;
	left: 5px;
	height: 6px;
	width: 1px;
	background-color: currentColor;
}

.arrow-right.icon {
	/* color: #FF5722; */
	position: absolute;
	margin-left: -25px;
	margin-top: 7px;
	width: 16px;
	height: 1px;
	background-color: currentColor;
	display: block;
}

.entry-content a.readmore:hover .arrow-right.icon {
	color: #fff;
}

.arrow-right.icon:before {
	content: '';
	position: absolute;
	right: 1px;
	top: -5px;
	width: 10px;
	height: 10px;
	border-top: solid 1px currentColor;
	border-right: solid 1px currentColor;
	-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
}