/* @override
	http://localhost:10004/wp-content/themes/canv6/style.css?*
	https://www.creativeapplications.net/wp-content/themes/CANV6/style.css?* */

/*!
Theme Name: CAN V6
Theme URI: https://www.creativeapplications.net
Author: Filip Visnjic
Author URI: https://www.creativeapplications.net
Description: CAN V6
Version: 1.0.1
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: canv6
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

CANV6 is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

:root {
	--postpaddingleft: 12.5%;

/*NORMAL*/
	--backgroundcolor: #F1F1F1;
  --bodycolor:#363636;
	--linecolor:#404040;
	--linkcolor: #363636;
	--darkcolor: black;
	--codecolor: #f2e7e7;
	--shadecolor: #E1E1E1;
	--iconfilter: none;
	--noiseimage: url("assets/img/grain2.webp") 0px 0px repeat var(--backgroundcolor);
	--imagefilter: none;

/*	RED*/
/*	--backgroundcolor: #E7E7E3;
	--bodycolor:#CE3567;
	--linecolor:#CE3567;
	--linkcolor: #CE3567;
	--darkcolor: #AC2D56;
	--shadecolor: #f2a6bf;
	--noiseimage: url("assets/img/grain-red.jpg") 0px 0px repeat var(--backgroundcolor);
	--iconfilter: invert(38%) sepia(91%) saturate(3573%) hue-rotate(320deg) brightness(84%) contrast(91%);
	--imagefilter: invert(30%) sepia(100%) saturate(3100%) hue-rotate(316deg) brightness(200%) contrast(111%);*/

/*	DARK*/
/*	--backgroundcolor: #0C0909;
	--bodycolor:#C9C9C9;
	--linecolor:#363636;
	--linkcolor: #C9C9C9;
	--darkcolor: #E5E5E5;
	--codecolor: #3A3A3A;
	--shadecolor: #3A3A3A;
	--imagefilter: invert(100%);
	--iconfilter: invert(100%);*/

}

/* Typography
--------------------------------------------- */
@font-face { font-family: 'Inter-Regular'; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/font/Inter-Regular.woff2") format("woff2"); }
@font-face { font-family: 'Inter-Light'; font-style: normal; font-weight: 300; font-display: swap; src: url("assets/font/Inter-Light.woff2") format("woff2"); }
@font-face { font-family: 'Inter-Medium'; font-style: normal; font-weight: 500; font-display: swap; src: url("assets/font/Inter-Medium.woff2") format("woff2"); }
@font-face { font-family: 'Inter-Semibold'; font-style: bold; font-weight: 600; font-display: swap; src: url("assets/font/Inter-SemiBold.woff2") format("woff2"); }
@font-face { font-family: 'Inter-Italic'; font-style: bold; font-weight: 600; font-display: swap; src: url("assets/font/Inter-Italic.woff2") format("woff2"); }
@font-face { font-family: 'Inter-Medium-Italic'; font-style: bold; font-weight: 600; font-display: swap; src: url("assets/font/Inter-MediumItalic.woff2") format("woff2"); }

@font-face { font-family: 'JetBrainsMono-Regular'; font-style: normal; font-weight: 400; font-display: swap; src: url("assets/font/JetBrainsMono-Regular.woff2") format("woff2"); }
@font-face { font-family: 'JetBrainsMono-Light'; font-style: normal; font-weight: 300; font-display: swap; src: url("assets/font/JetBrainsMono-Light.woff2") format("woff2"); }
@font-face { font-family: 'JetBrainsMono-Medium'; font-style: normal; font-weight: 500; font-display: swap; src: url("assets/font/JetBrainsMono-Medium.woff2") format("woff2"); }
@font-face { font-family: 'JetBrainsMono-Bold'; font-style: normal; font-weight: 600; font-display: swap; src: url("assets/font/JetBrainsMono-Bold.woff2") format("woff2"); }


/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;


}
/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
	float: left;
	width: 100%;
}

.site-footer {
	background-color: var(--backgroundcolor);
}

div#logo-container img {
	filter: var(--iconfilter);
	padding-top: 0.5em;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
/*pre {
	font-family: "JetBrainsMono-Light", Arial, Helvetica, Geneva, sans-serif;
	font-size: 0.75em;
}*/

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;

}

b, strong {
  font-family: 'Inter-Semibold', Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
}


/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-family: "JetBrainsMono-Light", Arial, Helvetica, Geneva, sans-serif;
	font-size: 1em;
}

/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sup a {
	font-size: 11px !important;
	font-family: 'Inter-Regular', Arial, Helvetica, sans-serif;
} 

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

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}


.has-small-font-size {
	font-size: 0.75em !important;
	margin-bottom: 1em;
	margin-top: 0px;
	font-family: "JetBrainsMono-Light", Arial, Helvetica, Geneva, sans-serif;
}

.has-small-font-size strong {
	font-family: "JetBrainsMono-Bold", Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
}

.has-small-font-size a {
	font-family: "JetBrainsMono-Medium" !important;
}

.has-medium-font-size {
	font-size: 1em;
	margin-bottom: 1em;
	margin-top: 0px;
}

.has-large-font-size {
	font-size: 1.75em !important;
	margin-bottom: 0.4em;
	margin-top: 0px;
	line-height: 1.3em;
}

.has-x-large-font-size {
	font-size: 2em !important;
	margin-bottom: 1em;
	margin-top: 0px;

}



/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-weight: normal;
	font-style: normal;

/*	font-family: inherit;*/
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

.wpcf7-submit.has-spinner:hover, input#submit:hover, input#qsubmit:hover {
	background-color: var(--bodycolor);
	color: var(--backgroundcolor);
	cursor: pointer;
}

#post_thumbnail {
	color: var(--bodycolor) !important;
}


/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

.wp-element-button {

}


.is-style-outline .wp-element-button {
	border-width: 1px !important;
}

/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}

/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}

html {
	box-sizing: border-box;
}

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/

/* Typography
--------------------------------------------- */



body {
	color: var(--bodycolor);
	font: 1rem "Inter-Regular", Arial, Helvetica, Geneva, sans-serif;
	line-height: 1.5;
}

button,
input,
select,
optgroup,
textarea {
	color: var(--bodycolor);
	font-family: "Inter-Regular", "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	font-weight: normal;
	font-style: normal;
	line-height: 1.35em;
}

h4.c-accordion__title {
	margin-bottom: 1px;
	margin-top: 0px;
}

h6 {
	font-size: 1.17em;
	margin-top: -1em;
	margin-bottom: 1em;
}



.header-title.fullwidth h1, .header-title.fullwidth h2, .header-title.fullwidth h3, .header-title.fullwidth h4 {
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}

p {
	margin-bottom: 1em;
	word-break: break-word;
}

.has-background {
	filter: var(--iconfilter);
	padding: 1em;
}

.has-black-background-color a {
	color: var(--backgroundcolor) !important;
	text-decoration: underline;
}

.has-background a {
	filter: var(--iconfilter);
}

.wp-block-column.has-background {
	padding: 1em;
}

.has-pale-pink-background-color {
	color: var(--bodycolor) !important;

}

.has-cyan-bluish-gray-background-color {
	border: 1px solid var(--bodycolor);
	background: transparent !important;

}

.has-cyan-bluish-gray-background-color a {
	color: var(--bodycolor) !important;
	text-decoration: underline;
}

.has-luminous-vivid-orange-background-color {
/*	background-color: #ff8661 !important;*/
}

.has-luminous-vivid-amber-background-color {
	background-color: #FDEFC0 !important;
/*	border: 1px solid #f9c704;*/
}

.has-vivid-red-background-color {
	background-color: #F6E9ED !important;
/*	border: 1px solid #F5BFCE;*/
}

.has-vivid-cyan-blue-background-color {
	color: var(--backgroundcolor) !important;
	background-color: #c6e3f4 !important;
/*	border: 1px solid #8ccbec;*/
}



blockquote {
	font-family: "Inter-Medium", Arial, Helvetica, Geneva, sans-serif;
	border-left: 5px solid var(--bodycolor);
	margin-left: 0px !important;
	padding-left: 1em;
}

blockquote body { quotes: '\201c' '\201d'; }
blockquote p:before { 
content: open-quote; 
}
blockquote p:after  { 
content: close-quote; 
margin-left: 0px;
/*padding-left: 10px;*/

}

blockquote sup a {
	position: absolute;
	width: 20px;
	right: -30px;
	top: 12px;
	font-weight: normal !important;
	font-style: normal !important;
} 

blockquote cite sup a {
	position: relative;
	right: 0px;
	top: 0px;
	padding-left: 2px;
}

/*blockquote sup.fn {
	width: 1px !important;
	position: relative;
	margin-left: -20px;
} 
blockquote sup a {
/*	position: relative;
	right: -25px;*!/
} */


blockquote.is-style-plain {
	text-align: center;
	font-family: Georgia, "Times New Roman", Times, serif;
	border-left: none;
	font-style: italic;
	font-size: 1.25em;
	margin-right: 0;
	padding-right: 1em;
	border-top: 1px solid var(--shadecolor);
	border-bottom: 1px solid var(--shadecolor);
	padding-bottom: 1em;
}

@media (max-width: 768px) {
	blockquote.is-style-plain {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	blockquote {
/*		margin-right: 0px;*/
	}
}

blockquote.is-style-plain cite {
	font-size: 0.6em !important;
}

.full-width-page blockquote {
	border-left: none;
	margin-bottom: 0px;
	padding-bottom: 0.75em;
	padding-right: 10%;
/*	font-size: 1.5em;
	line-height: 1.3em;*/
}

.fullwidthheadingintro {
	font-size:2.8em;
	line-height:1.10em;
	padding-right: 10%;
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}

div#gridlstitemmedia img {
	width: 100%;
}


cite {
	font: normal normal 0.75em "JetBrainsMono-Light", Arial, Helvetica, Geneva, sans-serif;
}

.wp-element-caption {
	font: normal normal 0.75em "JetBrainsMono-Light", Arial, Helvetica, Geneva, sans-serif !important;
	background: none !important;
}

/*.entry-content .diagram figcaption {
	font: normal normal 0.75em "JetBrainsMono-Light", Arial, Helvetica, Geneva, sans-serif !important;
	color: var(--bodycolor) !important;
}*/

.wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption):before {
	-webkit-backdrop-filter: none !important;
	mask-image: none !important;
}

.wp-block-image.size-large {
	padding-bottom: 0px !important;
}


dfn,
em,
i {
/*	font-style: italic;*/
	font-family: "Inter-Italic", Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
}

blockquote em, blockquote i {
	font-family: "Inter-Medium-Italic", Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;	
}

b em, b i, strong em, stron i {
	font-family: "Inter-Medium-Italic", Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;		
}

address {
	margin: 0 0 1.5em;
}

pre {

	font-family: "JetBrainsMono-Light", Arial, Helvetica, Geneva, sans-serif;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.0em;
	font-size: 0.75em;

}

.wp-block-code {
	font-family: "JetBrainsMono-Light", Arial, Helvetica, Geneva, sans-serif;
	font-size: 0.75em;
}

code,
kbd,
tt,
var {
	font-family: "JetBrainsMono-Light", Arial, Helvetica, Geneva, sans-serif;
	background: var(--codecolor);
}

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

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}



/* Elements
--------------------------------------------- */
body {
	background: var(--backgroundcolor);
	padding: 1em 1em 1em 1em;
	width: 100%;
}

@media (max-width: 768px) {
	body {
		padding: 0.5em 0.5em 0.5em 0.5em;
	}
}

hr {
	background-color: var(--shadecolor) !important;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
	margin-top: 1.5em;
	border: none !important;
}

ul,
ol {
	margin: 0 0 1.5em 0em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

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

li {
}

.wp-block-list li {
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/* Make sure embeds and iframes fit their containers. */
iframe {
	max-width: 100%;
	border: none;
	width: 100%;
}
embed,
object {
	max-width: 100%;
	border: none;
}

img {
	height: auto;
	max-width: 100%;
}

img.emoji { /* Target your emoji images */
  display: inline-block;
  vertical-align: middle; /* Or top, bottom, baseline as needed */
}

figure {
	margin: 1em 0;
}

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

.wp-block-table.has-small-font-size {
	margin: 0px;
	padding: 0px;
}


.wp-block-columns {
	margin-bottom: 1em;
}

/* Links
--------------------------------------------- */
a {
	color: var(--linkcolor);
	text-decoration: none;
	
}


.entry-content a {
	font-family: 'Inter-Medium', Arial, Helvetica, sans-serif;
	color: var(--linkcolor);
}


a:visited {
	color: var(--linkcolor);
}

a:hover,
a:focus,
a:active {
	color: var(--darkcolor);
}

a:focus {
	outline: thin dotted;
}

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

.externallink a {
	background: url(assets/img/exlink_b.png);
/*	background: filter(url("assets/img/exlink_b.png"), var(--imagefilter));*/
	background-size: 15px 15px;
	padding-left: 1.25em;
	background-repeat: no-repeat;
	background-position: 0 3px;
	filter: var(--imagefilter);
	color: #363636;
}


/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: var(--linecolor);
	border-radius: 0px;
	line-height: 1;
	padding: 0.5em 1em 0.5em 1em;
}



button:hover {
}

input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
}

#updateuser.submit.button:hover {
	background-color: var(--bodycolor) !important;
	color: var(--backgroundcolor) !important;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: var(--bodycolor);
}

input:is([type="button"], [type="submit"], [type="reset"]), input[type="file"]::file-selector-button, button {
	border: 1px solid;
	border-color: var(--linecolor);
	border-radius: 0px;
	color: var(--bodycolor);
	line-height: 1;
	padding: 0.5em 1em 0.5em 1em;
	background-color: var(--backgroundcolor);
}

.swpm-login-form-submit, #updateuser.submit.button {
	cursor: pointer;
}

.swpm-login-submit input:hover {
	cursor: pointer;
	background-color: var(--bodycolor);
	color: var(--backgroundcolor);
}

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 {
	color: var(--bodycolor);
	border: 1px solid var(--linecolor);
	border-radius: 0px;
	padding: 0.5em 1em 0.5em 1em;
	background-color: var(--backgroundcolor);

}


.wpcf7-form-control-wrap input {
	max-width: 100%;
}


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: var(--bodycolor);
}

input::placeholder {
	color: var(--shadecolor);
}

label {
/*	width: 100%;
	float: left;
	margin-bottom: 5px;*/

	font-size: 0.8em;
}

select {
	border: 1px solid var(--linecolor);

	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Remove default arrow */
	background: url(...) var(--backgroundcolor);
    /* Add custom arrow */

	border-radius: 0px;
	padding: 0.5em 1em 0.5em 1em;

}

textarea {
width: 100%;
background-color: var(--backgroundcolor);
box-shadow: none;
}

textarea::placeholder {
	color: var(--shadecolor);
}

textarea:focus {
	outline: 0 !important;
	box-shadow: none;
}

/*Membership elements*/

input#swpm_user_name, input#swpm_password {
	width: 100%;
}

.swpm-forgot-pass-link, .swpm-login-form-register-link {
	display: none;
}

#swpm-login-form {
	margin-bottom: 20px;
}

/*Support Block*/


.expandable {
  position: relative;
  cursor: pointer;
  overflow: hidden;
  max-height: calc(1em + 2em); /* 1em for the line height, 2em for padding */
  transition: max-height 0.3s ease-in-out;
  padding: 0.6em 1em 1em 1em;
  box-sizing: border-box; /* Include padding in the element's total width and height */
  border: 1px solid var(--linecolor);

}

.expandable.expanded {
  max-height: 1200px; /* Or a very large value to allow content to expand */
}

#supportblockwelcome {
  position: relative; /* Allows for z-index */
  z-index: 10; /* Ensure the first line is above the rest */
  display: block; /* Make sure it takes up the full width */
  white-space: nowrap; /* Prevent wrapping */
  overflow: hidden; /* Hide overflowing text */
  text-overflow: ellipsis; /* Add ellipsis (...) if text overflows */
  width: calc(100% + 2em);
}

/* Optional: Style the rest of the content */
.expandable > *:not(#supportblockwelcome) {

  display: block; /* Ensure the rest of the content displays correctly */
}


div#swpm_paypal_button_0, div#swpm_paypal_button_1, div#swpm_paypal_button_2, div#swpm_paypal_button_3 {
	width: 200px !important;
	height: 45px !important;
	overflow: hidden;
	filter: var(--iconfilter);
}

#supportoptions {
	float: left;
	margin-top: 0px !important;
/*	border: 1px solid var(--linecolor);
	padding: 1em;*/
	margin-bottom: -1px;
}

#supportoptions a:hover {
	text-decoration: line-through;
}
.option-container {
    display: flex;
    flex-direction: column;
    gap: 10px;

}

.option-container ul {
	list-style-type: "✓ ";
	margin-left: 20px;
}

div#supportoptions div.option-container div.option.active div.option-content p {
	margin-bottom: 20px;
}

.option {
    border: 1px solid transparent;
    padding: 1em;
    transition: border-color 0.3s ease;

    border-color: var(--backgroundcolor); /* Highlight color */
}

.option.active {
    border-color: #f9c704; /* Highlight color */
	background-color: #fef0ba;
	padding: 1em;
	border-width: 1px;

}

.choice-label {
    cursor: pointer;
}

.choice-label:hover {
}

input.choice-input {
float: left;
height: 1em;
margin-right: 0.5em;
margin-top: 4px;

}

.option-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.4s ease-in-out;
    margin-top: 5px;
}

.option-content p {
    margin: 0;
}

/* Expanded state */
.option.active .option-content {
    max-height: 100px; /* Adjust according to the content height */
}

/* Button styling */
#submit-btn, #info-btn {
    margin-top: 15px;
    padding: 10px 20px;
    background-color: #000000;
    color: white;
    border: none;
    cursor: pointer;
	font-size: 1em;
	margin-right: 10px;
	margin-top: 1em;
}

#info-btn {
    background-color: #dedede;
	color: #000000;
	font-size: 1em;
	border: 1px solid #000000 !important; /* Highlight color */
	margin-top: 1em;
}

#submit-btn:hover, #info-btn:hover {
    opacity: 0.9;
}

#canstatus {

}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/

.site, .site-footer {
	float: left;
	width: 100%;
}

#chart-container {
width: 100% !important; /* Make the container responsive */
height: 110px !important;
float: left;
}

#myChart {
display: none;
}

#sparklineChart {
display: none;
width: 800px;
min-height: 65px;
max-height: 65px;

}

div#user-locations-map svg g circle.user-marker {
	fill : "red" !important;
}


#footergrid {
	display: grid;
	grid-template-columns: repeat( auto-fit, minmax(10%, 1fr) );
	border-bottom: 1px solid var(--linecolor);
	border-left: 1px solid var(--linecolor);
}

#footerpart {
	padding: 1em 1em 1em 1em;
	border-right: 1px solid var(--linecolor);
}

/*
#scrollToTopBtn {
    position: fixed;
    bottom: 1em;
    right: 1em;
    /* Initially hidden, jQuery will handle fade *!/
    display: none;
    cursor: pointer;
    z-index: 1000; /* Ensure it's above other content *!/
	font-size: 1.17em;
}

@media (max-width: 768px) {
	#scrollToTopBtn {
		right: 0.5em;
		}
}*/


@media (max-width: 768px) {
#footergrid #footerpart:nth-child(1) {
	grid-column-start: 1;
	grid-column-end: 5;
	grid-row-start: 2;
	grid-row-end: 2;
}
#footergrid #footerpart:nth-child(2) {
	grid-column-start: 1;
	grid-column-end: 9;
	grid-row-start: 1;
	grid-row-end: 1;
	border-bottom: 1px solid var(--linecolor);
}
#footergrid #footerpart:nth-child(3) {
	grid-column-start: 5;
	grid-column-end:9;
	grid-row-start: 2;
	grid-row-end: 2;
}
}

@media (min-width: 768px) {
#footergrid #footerpart:nth-child(1) {
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 1;
	grid-row-end: 1;
}
#footergrid #footerpart:nth-child(2) {
	grid-column-start: 2;
	grid-column-end: 7;
	grid-row-start: 1;
	grid-row-end: 1;
}
#footergrid #footerpart:nth-child(3) {
	grid-column-start: 7;
	grid-column-end:9;
	grid-row-start: 1;
	grid-row-end: 1;
}
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/

/* Navigation
--------------------------------------------- */


.main-navigation {
	display: block;
	width: auto;
	background-color: var(--backgroundcolor);;

}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
/*	border-right: 1px solid var(--linecolor);*/
	margin-left: -1px;
	margin-bottom: -0.5px;
}

/*SUBMENUS*/
.main-navigation ul ul {
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
	background-color: var(--backgroundcolor);
	border-left: 1px solid var(--linecolor);
	border-bottom: 1px solid var(--linecolor);
	border-top: 1px solid var(--linecolor);
	border-right: 1px solid var(--linecolor);
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	position: relative;
/*	border-right: 1px solid var(--linecolor);*/
}

.main-navigation a {
	display: block;
	text-decoration: none;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 9px;
	padding-bottom: 8px;

}

/* Small menu. */

.menu-toggle,
.main-navigation.toggled ul {
	display: block;

	padding-left: 1em;
	padding-right: 1em;
	margin-top: 7px;
}

nav#site-navigation.main-navigation button.menu-toggle {
	background-color: transparent !important;
	border: none !important;
}

nav#site-navigation.main-navigation button.menu-toggle:hover {
	color: var(--bodycolor) !important;
}


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

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

@media (max-width: 768px) {
	.menu-toggle {
		visibility: hidden;
		position: relative;
	}
	.menu-toggle:after {
		visibility: visible;
		content: "Menu";
		top: 0.4em;
		left: 1em;
		position: absolute;
		font-size: 1em;
	}
	ul#members-menu.menu.nav-menu {
	padding-bottom: 0.5em;
	border-top: 1px solid var(--linecolor);
	margin-top: 0px;

	}
	.menu-item a{
		padding-left: 0px;
	}
}



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

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	flex: 1 0 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	text-align: end;
	flex: 1 0 50%;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.post,
.page {

/*	border-right: 1px solid var(--linecolor);
	border-left: 1px solid var(--linecolor);*/


}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
/*	margin: 1.5em 0 0;*/
}

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



.post-thumbnail {
	float: left;
	width: calc(100%);
	margin-left: 0.5px;
	margin-top: 0.25px;

	border-left: 1px solid var(--linecolor);
	border-right: 1px solid var(--linecolor);
	border-bottom: 1px solid var(--linecolor);

	background-color: var(--backgroundcolor);
}

.post-thumbnail img {
	width: 100%;
	margin-bottom: -6px;

	background-color: var(--backgroundcolor);
}






/* Header
--------------------------------------------- */
.ticker {
	white-space: nowrap;
}
#logo {
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 10px;
	padding-bottom: 7px;
	display: block;
	float: left;
	border-left: 1px solid var(--linecolor);
	border-right: 1px solid var(--linecolor);
	height: 50px;
	width: 25%;
    display:table-cell;
    vertical-align:middle;

	box-sizing: border-box;
}

#search {
	display: block;
	float: left;
	height: 50px;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 10px;
	padding-bottom: 7px;
	width: 50%;
}

#menu {
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 10px;
	padding-bottom: 7px;
	display: block;
	float: right;
	border-left: 1px solid var(--linecolor);
	height: 50px;
	width: 25%;
    display:table-cell;
    vertical-align:middle;
	box-sizing: border-box;
}

/* Default (Desktop) */
.site.moved {
  transform: translateX(-50%);
}


.sidemenu {
    right: -50%; /* Default hidden position */
    width: calc(50% - 2em);
    transition: right 0.4s ease;

    height: 100vh;
    position: fixed;
    top: 0;
    margin: 1em;
    overflow-y: scroll;
    padding-bottom: 100px;

    background-color: var(--backgroundcolor);
    z-index: 1;

    -ms-overflow-style: none; /* Internet Explorer 10+ */
    scrollbar-width: none; /* Firefox */

    overflow-y: auto; /* Allows scrolling inside the sidebar */
    -webkit-overflow-scrolling: touch; /* Smooth scrolling for iOS */
    overscroll-behavior: contain; /* Prevents bounce */
}

.sidemenu.moved {
    right: 0;
    transition: right 0.5s ease;
}

.site {
    transition: transform 0.5s ease, margin-left 0.5s ease; /* Example transitions */
}

.disable-pointer-events {
    pointer-events: none;
}


@media (max-width: 768px) {
#logo {
	width: 50%;
}
#search {
	width: 25%;
}
#menu {
	width: 25%;
}
}


#search h3 {
	margin: 3px 0px 0px 0px;
}

#csv-search-results {
   width: calc(100% + 2em + 2px);
   margin-left: calc(-1em - 1px);
   margin-top: 10px;
   max-height: 60vh;
   overflow-y: scroll;
   -ms-overflow-style: none;  /* Internet Explorer 10+ */
   scrollbar-width: none;  /* Firefox */
   border-bottom: 1px solid var(--linecolor);
   border-top: 1px solid var(--linecolor);

   box-sizing: border-box;
/*   overscroll-behavior: contain; /* or 'none' *!/*/
   overscroll-behavior: none;
}



#csv-search-results{


}
#csv-search-results::-webkit-scrollbar {
    display: none;  /* Safari and Chrome */
}

.highlight {
    background-color: var(--bodycolor);
	color: var(--backgroundcolor);
}

.csv-search-result {
	background-color: var(--backgroundcolor);
	z-index: 1;
	position: relative;
	padding: 1em;
	border-left: 1px solid var(--linecolor) !important;
	border-right: 1px solid var(--linecolor) !important;
	border-bottom: 1px solid var(--linecolor) !important;

	width: 100%;
	float: left;

}



.quick-search-meta a {
	margin-bottom: 0em;
	float: left;
	width: 100%;
}

.archive-search a {
	opacity: 0.3;
}

.archive-search span {
	opacity: 0.3;
}

.quick-search-meta {
	width: 100%;
	float: right;
}

#search input#csv-search-input {
	width: 100%;
	margin: 0px;
	border: none;
	background-color: transparent;
	position: relative;
	font-size: 1.2em;
	padding: 0px;
	margin-top: 2px;
}

#search input:focus,
#search select:focus,
#search textarea:focus,
#search button:focus {
    outline: none;
}

#search input::placeholder {
	color: #000000;
}

@media (max-width: 768px) {
	#csv-search-results {
		display: none !important;
		}
}

#logo-container {
width: 100% !important;
aspect-ratio : 1 / 1 !important;
}

#logo-container .p5Canvas{
width: 100% !important;
height: 100% !important;
}

#post3d-container {
width: 100% !important;
aspect-ratio : 1 / 1 !important;
max-width: 600px !important;
overflow: hidden !important;
margin: 0 auto;
}


#post3d-container .p5Canvas {
	width: 100% !important;
	height: 100% !important;
	overflow: hidden !important;
}

#logo h3 {
	margin: 3px 0px 0px 0px;
}

#menu h3 {
	margin: 3px 0px 0px 0px;
}

#section-data h3 {
	margin-top: 5px !important;
	padding: 0px;
}

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

	border-left: 1px solid var(--linecolor);
	border-right: 1px solid var(--linecolor);
	border-bottom: 1px solid var(--linecolor);
}

@media (max-width: 768px) {
	#preheader {
		margin-bottom: 0px;
		}
}

#adA {
	margin: 0 auto;

/*	max-width: 920px;*/
}

#adA a {
	margin: 0px;
	padding: 0px;
	float: left;
	margin-bottom: -5px;
}

#ad.griditem {

}

.site-header {
	width: 100%;
	float: left;
/*	height: 30px;*/
/*	border-bottom: 1px solid var(--linecolor);*/
	border-top: 1px solid var(--linecolor);
	border-right: 1px solid var(--linecolor);
	border-bottom: 1px solid var(--linecolor);
}



#moveButton {
	margin: -2px 0px 0px 0px;
	float: right;
	cursor: pointer;
	padding-left: 0.65em;
}

#toggle-theme {
	float: right;
	padding-left: 0.65em;
	cursor: pointer;
	margin-top: -2px;
}

#mainmenu {
	background-color: var(--backgroundcolor);
	width: calc(75% - 1.5em);
	height: 600px;
	position: absolute;
	right: calc(1em + 1px);
	top: calc(51px + 1.1em);
	display: none;
	z-index: 1;
	border: none;
	padding: 0px;

	border-bottom: 1px solid var(--linecolor);
	border-right: 1px solid var(--linecolor);
	border-left: 1px solid var(--linecolor);

	opacity: 0.8;
}


div#section-data.sidebartop {
	border-top: 1px solid var(--linecolor);
}

  /* Mobile (using media query) */
@media (max-width: 768px) { /* Adjust breakpoint as needed */
  .site.moved {
    transform: translateX(-90%);
  }

  .sidemenu {
    right: -90%; /* Hidden position for mobile */
	width: calc(90% - 1.9em);
	margin-top: 0.5em;
	margin-left: 0px;
	margin-right: 0.75em;
  }
}


.sidemenu::-webkit-scrollbar {
    display: none;  /* Safari and Chrome */
}

.sidemenu a {
/*	font-family: "Inter-Medium", Arial, Helvetica, Geneva, sans-serif;*/
}


.no-scroll {
  overflow: hidden;
  height: 100vh;
  touch-action: none; /* Prevent touch gestures like scroll */
}


.cookie-notice-container {
	width: calc(37.5% - 1em - 3px);
	position: fixed;
	right: calc(2.5em + 3px);
	bottom: calc(1.5em + 3px);
	background-color: var(--backgroundcolor);
	text-align: left;
	padding: 1em;
	color:  var(--bodycolor) !important;

	border: 1px solid var(--linecolor);
}

@media (max-width: 768px) {
	.cookie-notice-container {
		width: calc(100% - 1em - 3px);
		right: calc(0.5em + 2px);
		bottom: 0px;
		bottom: calc(0.5em + 3px);
	}
}

.cn-text-container {
	margin-bottom: 1em;
	line-height: 1.4em;
	font-size: 1em;
	padding-right: 10%;
	font-family: 'Inter-Regular', Arial, Helvetica, Geneva, sans-serif !important;
}
.cn-button-custom.button {
	border: 1px solid var(--linecolor);
	color: var(--bodycolor) !important;
	margin-right: 1em !important;
	margin-left: 0px !important;
	padding-left: 1em;
	padding-right: 1em;
	margin-bottom: 0.2em !important;
	font-family: 'Inter-Regular', Arial, Helvetica, Geneva, sans-serif !important;
	font-size: 1em !important;

}

.cn-button-custom.button:hover {
	color: var(--backgroundcolor) !important;
	border: 1px solid var(--bodycolor) !important;
	background-color: var(--bodycolor) !important;
}

span#cn-close-notice.cn-close-icon {
	position: absolute;
	top: 1.5em;
	right: 1em;
	color: var(--bodycolor) !important;
	opacity: 1;

}

/* Pagination (Numbers)
--------------------------------------------- */
.paging-navigration {
	float: left;
	width: 100%;
}
ul.page-numbers {
	margin: 0px;
	float: left;
	margin-left: 0px;
	padding-left: 0;
	width: 100%;
	font-size: 1.1em;

}

.paging-navigation ul.page-numbers li {
	list-style: none;
	float: left;
	margin-right: 1.5em;
}


.page-numbers.current {
	font-family: "Inter-Semibold", Arial, Helvetica, Geneva, sans-serif;
	color: var(--darkcolor);
}

.page-numbers.next {
	position: absolute;
	right: 2em;
	text-align: right;
}


/* Front
--------------------------------------------- */

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

#section.dataviz {
	float: left;
	width: 100%;
	overflow: hidden;
	border-left: 1px solid var(--linecolor);
	border-right: 1px solid var(--linecolor);
	border-bottom: 1px solid var(--linecolor);
}

div#treemap-container {
	margin-top: -0.5em;
	margin-bottom: 0.5em;
}

select#density {
	padding: 0px;
	border: none;
	color: var(--bodycolor);
}

#section.full-width-page {
	border-left: 1px solid var(--linecolor);
	width: calc(100% - 1px);
	margin-top: 0px;
/*	border-bottom: 1px solid var(--linecolor);*/
}

div#section-data h3 {
	margin-top: 0.3em;
}

#section-break {
	float: left;
	width: 100%;
	min-height: 40px;
	border-bottom: 1px solid var(--linecolor);
	font-family: "JetBrainsMono-Light", Arial, Helvetica, Geneva, sans-serif;
	font-size: 0.75em;

	display: flex;
/*	justify-content: flex-end;*/
	align-items: flex-end;
	padding-bottom: 5px;
}

#section-data {
	float: left;
	width: 100%;
	min-height: 40px;
	padding: 0.5em 1em 0.5em 1em;
	border-bottom: 1px solid var(--linecolor);
	border-left: 1px solid var(--linecolor);
	border-right: 1px solid var(--linecolor);
	overflow: hidden;
}

div#section-data.topics {
	padding-bottom: 0px;
	padding-top: 0.6em;
}

#section-data.full-width-page {
	padding: 0px;
	border-right: none;
	border-top: none;
	border-right: 1px solid var(--linecolor);
}

#section-data h1, #section-data h2, #section-data h3, #section-data h4 {
	margin-top: 0.5em;
	margin-bottom: 0.4em;
	line-height: 1.2em;
}

#section-data.slideshow {
	padding: 0px;
	border-bottom: 1px solid var(--linecolor);
	float: left;
}

div#section-data.mainmenu {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	min-height: 40px;
}

#section-full {
	float: left;
	width: 100%;
	border-left: 1px solid var(--linecolor);
	border-right: 1px solid var(--linecolor);
	border-bottom: 1px solid var(--linecolor);

	display: flex;
	flex-direction: row;
}

#section-half {
	float: left;
	width: 100%;
	border-left: 1px solid var(--linecolor);
	border-right: 1px solid var(--linecolor);
	border-bottom: 1px solid var(--linecolor);
}

#section-half-break {
	width: calc(100% + 2em);
	border-top: 1px solid var(--linecolor);
	margin-left: -1em;
	padding: 1em;
	margin-top: 0.5em;
	float: left;
}

#section-half-break.bio {
	padding-right: 10%;
/*	line-height: 1.2em;*/
	padding-bottom: 0.5em;
}

#section-half-break.bio.author {
	line-height: 1em;
}

#section-half-break.calendar ul {
	margin-top: 0px;
	padding: 0;
	margin-bottom: 1.0em;
	margin-top: 1em;
}

#section-half-break.calendar li {
	list-style: none;
}


#section-half-data-1 {
	float: left;
	width: 50%;
	min-height: 40px;
	padding: 0.5em 1em 0.5em 1em;
	border-right: 1px solid var(--linecolor);
}

#section-half-data-2 {
	float: left;
	width: 50%;
	min-height: 40px;
	padding: 0.5em 1em 0.5em 1em;
}

#section-third-data-1 {
	float: left;
	width: calc(75% + 1px);
	min-height: 40px;
	padding: 0.5em 1em 0.5em 1em;
	border-right: 1px solid var(--linecolor);
}

#section-third-data-2 {
	float: left;
	width: calc(25% - 1px);
	min-height: 40px;
	padding: 0.5em 1em 0.5em 1em;
}

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

#controls.switch {
	width: 50%;
	float: left;
}

#section-full-sixteenth {
	float: left;
	width: calc(12.5%);
	padding: 0.5em 0.5em 0.5em 0.5em;
	border-right: 1px solid var(--linecolor);
}

.topborder {
	border-top: 1px solid var(--linecolor);
	margin-top: -1px;
}

@media (max-width: 768px) {
	#section-full-sixteenth {
		width: 25%;
		}
}

div#section-full-sixteenth {
}

div#section-full-sixteenth iframe {
	aspect-ratio : 1 / 1;
}

#section-full-quarter {
	float: left;
	width: calc(25% - 0px);
	min-height: 40px;
	padding: 0.5em 1em 0.5em 1em;
	border-right: 1px solid var(--linecolor);
}

#section-full-half {
	float: left;
	width: calc(50% + 1px);
	min-height: 40px;
	padding: 0.5em 1em 0.5em 1em;
	border-right: 1px solid var(--linecolor);
}

#section-full-sixtwofive {
	float: left;
	width: calc(62.5% + 2px);
	min-height: 40px;
	padding: 0.5em 1em 0.5em 1em;
	border-right: 1px solid var(--linecolor);
	border-left: 1px solid var(--linecolor);
	margin-left: -1px;


}

@media (max-width: 768px) {
	#section-full-sixtwofive {
		width: 50%;
		}
}

#section-full-quarter-end {
	float: left;
	width: calc(25% - 1px);
	min-height: 40px;
	padding: 0.5em 1em 0.5em 1em;
}


#listing_grid-1,#listing_list-1 {

}

.hide { display: none !important; }



.featuredtopics {
  font-family: "JetBrainsMono-Light", Arial, Helvetica, Geneva, sans-serif;
  font-size: 0.75em;
  background-color: var(--shadecolor);
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}

.featuredtopics:hover {
	background-color: var(--bodycolor);
	color: var(--backgroundcolor);
}

#featuredtopictitle {
float: left;
}

#featuredtopiccount {
float: left;
}


li.featuredtopics {
	list-style: none;
	float: left;
	background-color: var(--shadecolor);
	margin-right: 5px;
	margin-bottom: 5px;
}

span#metabutton a span.tagcount {
	font-weight: bold;
	float: right;
	margin-top: 5px;
	margin-right: 0px;
}


/* form#new_post.wpcf7-form, form#new_post_quick.wpcf7-form {
	margin-top: -1em;
} */

.swpm-red-error-text {
	font-weight: normal;
	font-style: normal;
	font-size: 0.8em;
	color: #ee3c91;
}

/* Lightbox
--------------------------------------------- */

.slb_container {
	background-color: var(--backgroundcolor) !important;
/*	border: 1px solid var(--linecolor) !important;*/
	border-radius: 0px !important;
}

.slb_data_content {
	display: none !important;
}

.slb_template_tag_ui_slideshow_control {
	display: none !important;
}

div#slb_viewer_slb_default.slb_viewer.slb_theme_slb_default.slb_theme_slb_baseline.item_multi div.slb_viewer_layout div.slb_container div.slb_content div.slb_controls span.slb_close span.slb_template_tag.slb_template_tag_ui.slb_template_tag_ui_close {
	background: url(assets/img/closew.png) 5px 0 no-repeat;
	background-size: 20px 20px;
}

div#slb_viewer_slb_default.slb_viewer.slb_theme_slb_default.slb_theme_slb_baseline.item_multi div.slb_viewer_layout div.slb_container div.slb_content div.slb_nav span {
	background: none;
}

.slb_loading {
	display: none !important;
}

/* Taxonomy Listing
--------------------------------------------- */

#toolUL {
	margin: 0;
	float: left;
	margin-top: 0.5em;
	padding: 0px;
	overflow: hidden;
	padding-bottom: 0.5em;
}

#peopleUL {
	margin: 0;
	float: left;
	margin-top: 1em;
	padding: 0px;
	overflow: hidden;
	padding-bottom: 40px;
	height: 15vh;

}

li span.letter {
  background-color: var(--linecolor);
  padding-left: 0.5em;
  padding-right: 0.5em;
  margin: 0px !important;
  color: var(--backgroundcolor);
}

#toggleButton.peopletoggle {
	width: 100%;
	border: none;
/*	margin-bottom: 0.5em;*/
	transition: bottom 0.5s ease;

/*	box-shadow: 0px -20px 20px 0px var(--backgroundcolor);*/
	cursor: pointer;
	color: var(--bodycolor);
}

.lettergroup span.letter {
	font: 0.75em"JetBrainsMono-Medium", Arial, Helvetica, Geneva, sans-serif;
	background-color: var(--bodycolor);
	color: var(--backgroundcolor);
	float: left;
	margin-right: 0.5em;
	padding-left: 0.5em;
	padding-right: 0.5em;
}

.lettergroup {
	float: left;
	margin-right: 0em;
	margin-bottom: 0em;
}


#peopleUL.expanded {
  height: auto; /* Full height */
  overflow: visible;
}

#peopleUL.expanded #toggleButton {
  bottom: 0; /* Button remains at the bottom */
}

#toolUL li, #peopleUL li {
	list-style: none;
	float: left;
	margin-right: 0.5em;

	font-family: "JetBrainsMono-Light", Arial, Helvetica, Geneva, sans-serif;
	font-size: 0.75em;
	margin-bottom: 5px;
}

#searchUL {
	float: left;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
#searchUL li {
	font-family: "JetBrainsMono-Light", Arial, Helvetica, Geneva, sans-serif;
	font-size: 0.75em;
	margin-bottom: 0.5em;	
	list-style: none;
	float: left;
	margin-right: 0.5em;
	padding: 0.2em 0.5em 0.2em 0.5em;
	
	filter: var(--iconfilter);
}

#searchUL li a {
	color: var(--bodycolor) !important;
	padding-right: 0px !important;
}

#searchUL li a:hover {
	color: var(--darkcolor) !important;
}
	
.child-categories ul{
	float: left;
	padding: 0;
	width: 100%;
	margin-top: 0.5em;
	margin-bottom: 0px;
}

ul#toolUL li a, ul#peopleUL li a {
/*	margin-right: 0.5em;*/
}
.search ul#toolUL li a {
	filter: var(--iconfilter);
}


ul#toolUL li a:hover, ul#peopleUL li a:hover {
	background-color: var(--bodycolor);
	color: var(--backgroundcolor);;
}

.tooltiphover, .tooltipspecial {
	color: var(--backgroundcolor);
	background-color: var(--bodycolor) !important;
}

#toolUL .tooltiphover {
	max-width: 400px !important;
	font-size: 1.0em !important;
}
#peopleUL .tooltiphover {
	max-width: 400px !important;
	font-size: 1.0em !important;
}

.search #toolUL li, .search #peopleUL li {
	margin-bottom: 0.5em;
}

#toolUL .child-categories {
	border-width: 1px;
	float: left;
	padding: 0.5em;
	margin-bottom: 0.5em;
	margin-right: 0.5em;
	border-style: dashed;
	border-color: var(--linecolor);
}

#toolInput, #peopleInput {
	margin-top: 0em;
	border: none;
	padding: 0;
	width: 150px;
	color: var(--bodycolor);
}

#toolInput::placeholder, #peopleInput::placeholder {
	color: var(--bodycolor);
	opacity: 0.2;
}

/* Register Page
--------------------------------------------- */

 iframe.archivesvizcube {
 	height: 400px;
 }

 @media (max-width: 768px) {
  iframe.archivesvizcube {
  	 pointer-events: none;
  }
 }

.fundinggloalframe2025, .fundinggloalstatus2025 {
	height: 5px !important;
}


div#fundinggraph div.fundinggloalframe20252 {
	background: var(--noiseimage);
}

#fundinggraph .has-small-font-size {
	font-family: "JetBrainsMono-Light", Arial, Helvetica, Geneva, sans-serif;
	margin-top: 10px;
}

#profilenotification {
	text-align: center;
	background: #fdcae8;
	font-family: "JetBrainsMono-Light", Arial, Helvetica, Geneva, sans-serif;
	font-size: 0.75em;
	border-bottom: 1px solid var(--linecolor);
	border-left: 1px solid #ed63ba;
	border-right: 1px solid #ed63ba;
	color: #ed63ba;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	float: left;
	width: 100%;
}

#profilenotification a {
	color: #d0178c;
}

div#fundinggraph {
	margin-top: 1em;
	width:100%;
	float:left;
	margin-bottom: 1em;
}


 /* NFT BLOCK
--------------------------------------------- */

#nftblock {
	width: 100%;
	float: left;
	overflow: hidden;
	font-family: "JetBrainsMono-Light", Arial, Helvetica, Geneva, sans-serif;
	font-size: 0.75em;
	margin-top: 1em;
	aspect-ratio : 1 / 1;
}

.nftiframe iframe, .nftimage a img, .nftvideo a video, .nftiframeratio1x1 iframe, .nftiframeratio4x3 iframe, .nftiframeratio16x9 iframe {
	margin-bottom: -0.40em;
	height: 100%;
	width: 100%;
}

#nftblock li {
	list-style: none;
}

#nftdata li a, #ipfsdata li a {
	font-family: "JetBrainsMono-Medium", Arial, Helvetica, Geneva, sans-serif;
}

#nftdata li a:hover {
	background-color: var(--bodycolor) !important;
	color: var(--backgroundcolor) !important;
}
.nftiframe, .nftimage {
	aspect-ratio : 1 / 1;
}
.nftiframe, .nftimage, .nftvideo {
	width: calc(100% + 2em + 0.75px);
	margin-left: calc(-1em);
	border: 1px solid var(--linecolor);
	margin-top: -0.5px;

	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

	margin-bottom: 1em;
	overflow: hidden;
}

#nftdata, #ipfsdata {
	font-family: "JetBrainsMono-Light", Arial, Helvetica, Geneva, sans-serif;
	font-size: 0.75em;
	margin-bottom: 1em;
}
#nftdata li, #ipfsdata li {
	list-style: none;
}

.nftvideo a video, .nftvideo video, .nftimage img {
	width: 100%;
	margin-bottom: -0.5em;
}

.nftiframeratio1x1, .nftiframeratio4x3, .nftiframeratio16x9 {
	width: calc(100% + 2em + 0.75px);
	margin-left: calc(-1em);
	border: 1px solid var(--linecolor);
	margin-bottom: 1em;
	margin-top: -0.5px;
}

.nftiframeratio1x1 {
	aspect-ratio : 1 / 1;

}
.nftiframeratio4x3 {
	aspect-ratio : 4 / 3;
}
.nftiframeratio16x9 {
	aspect-ratio : 16 / 9;
}


#ipfsdata pre {
  padding: 0px;
  font-size: 1em;
  white-space: pre-wrap;
  word-break: normal;
  word-wrap: break-word;
  overflow-wrap: break-word;


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

		overflow: visible;
}

/*--------------------------------------------------------------
# Member Map
--------------------------------------------------------------*/


.membermap {
  position: relative;
  border-right: 1px solid var(--linecolor);
  border-left: 1px solid var(--linecolor);
}
.membermap #calendar {
	width: 100%; /* Can be in percentage also. */
    height: auto;
    margin: 0 auto;
    position: relative;
	padding-left: 1em;
	padding-right: 1em;

}

#calendar {
	font-family: "JetBrainsMono-Light", Arial, Helvetica, Geneva, sans-serif;
	padding-top: 1em;
}

.month {
	width: 100%;
}

.monthblock {
}

div#calendar .dayno {
	float: left;
	width: 11px;
	height: 20px;
	margin-right: 3px;
	margin-top: -3px;
	margin-left: 2px;
	margin-bottom: -5px;

}
.month-name {
	width: 53px;
	aspect-ratio : 1 / 1;
	float: left;
	margin-right: 3px;
	margin-bottom: 3px;
	padding-left: 4px;
	font-size: 0.8em;

	border-right: 1px solid var(--shadecolor);
	border-bottom: 1px solid var(--shadecolor);
}

.day {
	width: 53px;
	aspect-ratio : 1 / 1;
	text-align: left;
	font-size: 10px;
	position: relative; /* For tooltip positioning */
	font-family: arial;
	float: left;
	margin-right: 1px;
	margin-bottom: 3px;
	padding-left: 2px;

	border-right: 1px solid var(--shadecolor);
	border-bottom: 1px solid var(--shadecolor);

}

.dot {
	width: 7px;
	aspect-ratio : 1 / 1;
	float: left;
	border-radius: 50%;
	margin-right: 1px;
	margin-bottom: 1px;
	position: relative;
	z-index: 1;

/*	background: url("assets/img/plus.svg") 0px 0px no-repeat var(--backgroundcolor);
	background-size: 7px 7px;*/

}


@media (max-width: 768px) {
.month-name, .day {
	width: 14%;
	font-size: 2vw;
}
div#calendar .dayno {
	font-size: 1.6vw;
	height: 20px;
}
.hideonmobile {
	display: none;
}
.dot {
	width: 9px;
}
}

input#user-search {
	padding: 0px !important;
	margin: 0px !important;
	border: none !important;
	letter-spacing: 0;
	border-bottom: 1px solid var(--bodycolor) !important;
	font-family: "JetBrainsMono-Light", Arial, Helvetica, Geneva, sans-serif;
	font-size: 1em !important;
	width: 200px;
}

input#user-search::placeholder {
	color: var(--bodycolor);
	opacity: 0.3;
}

/* Tooltip Styles */
.tooltipx {
	position: absolute;
	pointer-events: none; /* Prevent tooltip from blocking mouse events */
	z-index: 10; /* Ensure tooltip is on top */
	width: auto;
	padding: 4px 10px 5px 10px;
	font-size: 0.75em;
	background-color: var(--bodycolor) !important;

	color: var(--backgroundcolor) !important;
	font-family: "JetBrainsMono-Light", Arial, Helvetica, Geneva, sans-serif;
}

#calendar-table {
	border-top: 1px solid var(--linecolor);
	border-bottom: 1px solid var(--linecolor);
	float: left;
	width: 100%;
	padding: 1em;
	font-family: "JetBrainsMono-Light", Arial, Helvetica, Geneva, sans-serif;
	font-size: 0.75em;
}


.user-info-window {
	font-family: "JetBrainsMono-Light", Arial, Helvetica, Geneva, sans-serif;
	font-size: 0.9em;
	border: none !important;
}

.user-info-window a {
	border: none !important;

}

div#user-locations-map div div.gm-style div div div div div div.gm-style-iw-a div.gm-style-iw-t div.gm-style-iw.gm-style-iw-c {
	border-radius: 0px;
	box-shadow: none;
}

/* Log
--------------------------------------------- */

#section-data.log {
	padding: 0;

    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 0px;

	font-family: "JetBrainsMono-Light", Arial, Helvetica, Geneva, sans-serif;
	font-size: 0.75em;

	float: left;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	padding-right: 0.5em;
}

#section-data.log .title {
    grid-column: span 6 / span 6;
}

#comm-1 #section-data.log div.title {
	grid-column: span 5 / span 5;
}

#section-data.log .titlesaved {
    grid-column: span 6 / span 6;
}

.dashLink, .subLink {
opacity: 0.2;
margin-right: 0.5em;
}
.dashLink.activeLink, .subLink.activeLink {
opacity: 1;
}

/*.log div.date:nth-child(1) {
	animation: blinker 1s linear infinite;
}

.log div.type:nth-child(2) {
	animation: blinker 1s linear infinite;
}*/
/*#section-data.log div.title:nth-child(4) {
	animation: blinker 1s linear infinite;
}*/

#section-data.log > div {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 1.5em;
	padding-right: 0px;
}
#section-data.log .date {
	padding-left: 1.5em;
	display: flex;
}

#section-data.log .author{
/*	background-color: #e1e1e1;*/
	text-align: left;
}

#section-data.log .type {
	text-align: left;
}



#section-data.log .title a:hover, #section-data.log .author a:hover, #section-data.log .titlesaved a:hover {
	background-color: var(--bodycolor) !important;
	color: var(--backgroundcolor) !important;

}

#section-data.discord {
	display: grid;
	grid-template-columns: repeat(8, 1fr); /* 8 columns, each taking an equal fraction of the available space */
	grid-auto-rows: auto; /* Important: rows will size themselves based on content */
	font-family: "JetBrainsMono-Light", Arial, Helvetica, Geneva, sans-serif;
	font-size: 0.75em;

	padding-bottom: 0.5em;
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-left: 0px;	
}

#section-data.discord .discorditem {
  grid-column: span 7; /* Span across all 8 columns */
  padding: 0.5em;
}

#section-data.discord .author {
  grid-column: span 1; /* Span across all 8 columns */
/*  background-color: #e1e1e1;*/
  padding: 0.5em;
padding-left: 1.5em;
}

.wp-block-column.discord {
	display: grid;
	grid-template-columns: repeat(8, 1fr); /* 8 columns, each taking an equal fraction of the available space */
	grid-auto-rows: auto; /* Important: rows will size themselves based on content */


	padding-bottom: 0.5em;
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-left: 0px;	
}

.wp-block-column.discord .discorditem {
  grid-column: span 6; /* Span across all 8 columns */
  padding: 0.5em 0.5em 0.5em 0.5em;	
  font-family: "JetBrainsMono-Light", Arial, Helvetica, Geneva, sans-serif;
   font-size: 0.75em;
}

.wp-block-column.discord .author {
  grid-column: span 2; /* Span across all 8 columns */
/*  background-color: #e1e1e1;*/
  padding: 0.5em;
	padding-left: 0em;	
  font-family: "JetBrainsMono-Light", Arial, Helvetica, Geneva, sans-serif;
   font-size: 0.75em;
}


span#metabutton button.sap-save-button, span#metabutton button.sap-unsave-button {
	padding: 0;
	margin: 0;
	font-family: "JetBrainsMono-Light", Arial, Helvetica, Geneva, sans-serif;
	border: none;
	color: var(--bodycolor);

}

.sap-save-button {
	background: none;
}

span#metabutton button:hover {
	background-color: var(--bodycolor) !important;
	color: var(--backgroundcolor) !important;
}

#savedbutton {
	border-bottom: 1px solid var(--linecolor);
	padding: 0.5em 1em 0.5em 1em;
}

div#savedbutton button {
	padding: 0;
	border: none;
}


/* Popup
--------------------------------------------- */

.popmake-content {
   outline: none;
   font-family: 'Inter-Regular', Arial, Helvetica, Geneva, sans-serif !important;
}

#canobjpoptext h4 {
	margin-top: 17px;
}

#canobjpoptext {
	box-sizing: border-box;
	float:left;
	width:50%;
	color: #000000 !important;
	font-weight: normal !important;


}

#canobjpopresponsive {
	width: 780px;
	height: 390px;
	overflow: hidden;
	color: var(--bodycolor) !important;
	background-color: var(--backgroundcolor);

	border: 1px solid var(--linecolor);
}

#canobjpopresponsive a {
	color: var(--darkcolor) !important;
}

div#canobjpoptext p a button {
	background: transparent;
	cursor: pointer;
}

div#canobjpoptext p a button:hover {
	background-color: var(--bodycolor) !important;
	color: var(--backgroundcolor) !important;
}


#community-widget {
  position: fixed;
  left: 2em; /* Set left margin to 1em */
  bottom: 1.5em;
  transform: translateX(0); /* Remove horizontal centering */
  background-color: var(--backgroundcolor);
  border: 1px solid var(--linecolor);
  cursor: pointer;
  transition: opacity 0.3s ease-out;
  z-index: 1000; /* Ensure it's on top */
  display: flex; /* For aligning close button and initial text */
  align-items: center;
  width: auto; /* Adjust width to content when collapsed */
  height: auto; /* Adjust height to content when collapsed */
  color: var(--bodycolor);
  background-color: var(--backgroundcolor);
}

@media (max-width: 768px) {
  #community-widget {
    left: 1.5em; /* Adjust for smaller screens if needed */
  }
}



#community-widget.moved {
	margin-left: -50%;
	transition: right 0.5s ease;
}

@media (max-width: 768px) {
#community-widget.moved {
	margin-left: -85%;
	transition: right 0.5s ease;
}
}

#community-widget.expanded {
  width: 782px; /* Example expanded width */
  height: 390px; /* Example expanded height */
  display: block;
  left: 50%; /* Center horizontally when expanded */
  bottom: auto; /* No longer at the bottom when expanded */
  top: 50%; /* Center vertically when expanded */
  transform: translate(-50%, -50%); /* Center both horizontally and vertically */
  overflow: hidden;
}

@media (max-width: 768px) {
  #community-widget.expanded {
    width: calc(80%); /* Example expanded width */
    height: auto; /* Example expanded height */
  }
}

#community-widget.collapsed {
  /* Now positioned 1em from the left at the bottom */
  padding: 0.5em 1em 0.5em 1em; /* Keep some padding for collapsed */
}

#community-widget-content {
  display: none; /* Initially hidden */
  width: 100%; /* Take full width when expanded */
}

#community-widget.expanded #community-widget-content {
  display: block;
}

#close-button {
  position: absolute;
  top: 0em;
  right: 0em;
  cursor: pointer;
  font-size: 1.5em;
  width: 50px;
  height: 50px;
  text-align: center;
  z-index: 99999;
  padding-left: 10px;
  padding-bottom: 10px;
}

#community-text {
  flex-grow: 1; /* Allow text to take available space in collapsed state */
}

#community-widget.expanded #community-text {
  display: none !important;
}


/* Controls
--------------------------------------------- */

#controls.tab-box {
	float: right;
	width: 50%;
	text-align: right;
	margin-bottom: -10px;
}

button.control {
	border: none;
	padding-left: 2em;
	padding-top: 3px !important;
	padding-bottom: 0px !important;
	padding-right: 0px !important;
	margin: 0px !important;

}

.control.toggle-btn:hover {
	color: var(--bodycolor) !important;
}

button#grid.control {
	background: url(assets/img/grid.svg) 0 2px no-repeat;
	background-size: 20px 20px;
	width: 20px;
	height: 22px;
	padding: 0px;
	background-color: transparent;

	margin-right: 1em !important;
	filter: var(--iconfilter);

}

.diagram img {
	filter: var(--imagefilter);
}

button#list.control {
	background: url(assets/img/list.svg) 0px 2px  no-repeat;
	background-size: 20px 20px;
	width: 20px;
	height: 22px;
	padding: 0px;
	margin-right:0.75em !important;

	background-color: transparent;
	filter: var(--iconfilter);
}
button#meta.control {
	background: url(assets/img/meta.svg) 0px 2px  no-repeat;
	background-size: 20px 20px;
	width: 20px;
	height: 22px;
	padding: 0px;

	background-color: transparent;
	filter: var(--iconfilter);
}
button#log.control {
	background: url(assets/img/list.svg) 0px 2px  no-repeat;
	background-size: 20px 20px;
	width: 20px;
	height: 22px;
	padding: 0px;
	margin-left: 15px !important;
	transform: rotate(90deg) translate(1px);

	background-color: transparent;
	filter: var(--iconfilter);
}

#toggleButtonTitle, #toggleButtonMeta, #toggleButtonExcerpt {
	background: url("assets/img/switch_on.svg") 0px -2px no-repeat var(--backgroundcolor);
	background-size: 26px 26px;


	background-color: transparent;
	filter: var(--iconfilter);
}

#toggleButtonGrayscale {
	background: url("assets/img/switch_on.svg") 0px -2px no-repeat var(--backgroundcolor);
	background-size: 26px 26px;

	background-color: transparent;
	filter: var(--iconfilter);
}

.inverted {
	filter: invert(100%) !important;
}


.activeLink .control {
	opacity: 1 !important;
}
.control.toggle-btn {
	opacity: 1 !important;
}
.control {
	opacity: 0.2 !important;
}


#ppllisting_name.tabLink.activeLink {
	margin-right: 1em;
}

.activeLink {
	opacity: 1;
}

.gradient {
	background: linear-gradient(-45deg, grey, var(--backgroundcolor), grey, var(--backgroundcolor));
	background-size: 400% 400%;
	animation: gradient 15s ease infinite;
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}



/* Layouts GRID
--------------------------------------------- */

.gridtitle {
	float: left;
	width: 100%;
	padding: 1em;
	overflow: hidden;

}

.listtitle {
	padding-right: 5%;
}

.gridtitle h3 {
	margin: 0px;
}

#grid-layout {
	display: grid;
	grid-template-columns: repeat( auto-fit, minmax(25%, 1fr) );
	border-left: 1px solid var(--linecolor);
}

@media (max-width: 768px) {
	#grid-layout {
		grid-template-columns: repeat( auto-fit, minmax(50%, 1fr) );
	}
}

@media (min-width: 1440px) {
	#grid-layout {
		grid-template-columns: repeat( auto-fit, minmax(20%, 1fr) );
	}
}

#grid-layout.books, #grid-layout.relatedposts {
	display: grid;
	grid-template-columns: repeat( auto-fit, minmax(20%, 1fr) );
	border-left: 1px solid var(--linecolor);
}

#grid-layout.projects {
	display: grid;
	grid-template-columns: repeat( auto-fit, minmax(20%, 1fr) );
	border-left: 1px solid var(--linecolor);
}

@media (max-width: 768px) {
	#grid-layout.books, #grid-layout.relatedposts, #grid-layout.projects {
		grid-template-columns: repeat( auto-fit, minmax(50%, 1fr) );
		margin-bottom: 0px;
		}
}

#grid-layout.ads {
	display: grid;
	grid-template-columns: repeat( auto-fit, minmax(50%, 1fr) );
	border-left: 1px solid var(--linecolor);
}


#grid-layout.jobs {
	display: grid;
	grid-template-columns: repeat( auto-fit, minmax(25%, 1fr) );
	border-left: 1px solid var(--linecolor);
}

@media (max-width: 768px) {
	#grid-layout.jobs {
		grid-template-columns: repeat( auto-fit, minmax(50%, 1fr) );
		}
}

.jobsubmit input {
	padding: 1em 1.5em 1em 1.5em;
/*	background-color: var(--bodycolor) !important;
	color: var(--backgroundcolor) !important;*/
	margin-bottom: 1em;
	font-size: 1.2em;
}

.wpcf7-response-output {
	margin: 0px !important;
}

.griditem {
	border-right: 1px solid var(--linecolor);
	border-bottom: 1px solid var(--linecolor);

}

#ad.griditem img {
	margin-bottom: -6px;
}

.listitem {
	float: left;
	width: 100%;
	border-bottom: 1px solid var(--linecolor);
	border-left: 1px solid var(--linecolor);
	border-right: 1px solid var(--linecolor);
}

@media (max-width: 768px) {
#maingrid .griditem:nth-child(1), #archivegrid .griditem:nth-child(1) {
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 1;
}
#maingrid .griditem:nth-child(4) {
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 3;
	grid-row-end: 3;
}
#maingrid .griditem:nth-child(7) {
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 5;
	grid-row-end: 5;
}
#grid-layout.books .griditem:nth-child(5) {
display: none;
}
}

@media (min-width: 768px) {
#maingrid .griditem:nth-child(1), #archivegrid .griditem:nth-child(1) {
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 1;
}

#maingrid .griditem:nth-child(6) {
	grid-column-start: 3;
	grid-column-end: 5;
	grid-row-start: 2;
	grid-row-end: 2;
}

#maingrid .griditem:nth-child(7) {
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 3;
	grid-row-end: 3;
}
#grid-layout.author-featured .griditem:nth-child(9), #grid-layout.author-featured .griditem:nth-child(10) {
	display: none;
}
#grid-layout.author-featured .griditem:nth-child(11), #grid-layout.author-featured .griditem:nth-child(12) {
	display: none;
}
}


@media (min-width: 1440px) {
#maingrid .griditem:nth-child(6), #archivegrid .griditem:nth-child(6) {
	grid-column-start: 3;
	grid-column-end: 4;
	grid-row-start: 2;
	grid-row-end: 2;
}
#maingrid .griditem:nth-child(7) {
	grid-column-start: 5;
	grid-column-end: 6;
	grid-row-start: 2;
	grid-row-end: 2;
}
#grid-layout.author-featured .griditem:nth-child(11), #grid-layout.author-featured .griditem:nth-child(12) {
	display: none;
}
#grid-layout.author-featured .griditem:nth-child(9), #grid-layout.author-featured .griditem:nth-child(10) {
	display: block;
}
#grid-layout.archive .griditem:nth-child(26) {
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 6;
	grid-row-end: 6;
}
#grid-layout.archive .griditem:nth-child(28) {
	grid-column-start: 4;
	grid-column-end: 6;
	grid-row-start: 6;
	grid-row-end: 6;
}
#archivegrid .griditem:nth-child(5) {
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 2;
	grid-row-end: 2;
}
#archivegrid .griditem:nth-child(9) {
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 3;
	grid-row-end: 3;
}
#archivegrid .griditem:nth-child(11) {
	grid-column-start: 4;
	grid-column-end: 6;
	grid-row-start: 3;
	grid-row-end: 3;
}
}


/* Sequential Animation */
@keyframes fadeInUp {
    to {
        opacity: 1;
    }
}

#maingrid .griditem, .animatepage .griditem {
	opacity: 0; /* Start with hidden divs */
	transition: opacity 0.5s ease, transform 0.5s ease;
}

/* Apply Animation with Delay */
.griditem.animate {
    animation: fadeInUp 0.5s ease forwards;
}

.griditem:nth-child(1) { animation-delay: 0s; }
.griditem:nth-child(2) { animation-delay: 0.05s; }
.griditem:nth-child(3) { animation-delay: 0.1s; }
.griditem:nth-child(4) { animation-delay: 0.15s; }
.griditem:nth-child(5) { animation-delay: 0.2s; }
.griditem:nth-child(6) { animation-delay: 0.25s; }
.griditem:nth-child(7) { animation-delay: 0.3s; }
.griditem:nth-child(8) { animation-delay: 0.35s; }
.griditem:nth-child(9) { animation-delay: 0.4s; }
.griditem:nth-child(10) { animation-delay: 0.45s; }
/*.griditem:nth-child(11),.listitem:nth-child(11) { animation-delay: 0.5s; }
.griditem:nth-child(12),.listitem:nth-child(12) { animation-delay: 0.55s; }
.griditem:nth-child(13),.listitem:nth-child(13) { animation-delay: 0.6s; }
.griditem:nth-child(14),.listitem:nth-child(14) { animation-delay: 0.65s; }
.griditem:nth-child(15),.listitem:nth-child(15) { animation-delay: 0.7s; }
.griditem:nth-child(16),.listitem:nth-child(16) { animation-delay: 0.75s; }*/

.gridexcerpt {
	padding: 1em;
	float: left;
	width: 100%;
	border-top: 1px solid var(--linecolor);
	margin-bottom: 0px;
	overflow: hidden;
}

.gridmeta {
	float: left;
	width: 100%;
	border-top: 1px solid var(--linecolor);
	padding: 1em;
	overflow: hidden;
}

#metabutton a:hover {
	background-color: var(--bodycolor);
	color: var(--backgroundcolor);
}


#metabutton {
	font-family: "JetBrainsMono-Light", Arial, Helvetica, Geneva, sans-serif;
	font-size: 0.75em;
	word-break: break-word;
}

#metabutton button {
	font-family: "JetBrainsMono-Light", Arial, Helvetica, Geneva, sans-serif;
	word-break: break-word;	
}

.header-meta li a {
/*	font-family: "JetBrainsMono-Light", Arial, Helvetica, Geneva, sans-serif;
	font-size: 0.75em !important;*/
}

.header-meta li a:hover {
	background-color: var(--bodycolor);
	color: var(--backgroundcolor);
}

#metabutton.title {
	background-color: var(--shadecolor);
	color: var(--bodycolor);
	padding: 2px 5px 0px 2px;
	margin-right: 5px;
}

#metatitle {
	font-family: "JetBrainsMono-Light", Arial, Helvetica, Geneva, sans-serif;
	background-color: var(--shadecolor);
	color: var(--bodycolor);
	margin-right: 10px;
}

.gridmedia a {
	width: 100%;
	float: left;
	height: calc(100vw/6);
}

.gridmeta {
	line-height: 1em;
}

.gridmeta li {
	list-style: none;
	text-indent: -1.3em;
	margin-left: 1.3em;
}

.gridmedia {
	background: var(--noiseimage);
	background-size: 100% 100%;

	height: calc(100vw / 6);
	width: 100%;
	overflow: hidden;
	object-fit: cover;
	border-bottom: 1px solid var(--linecolor);
	position: relative;
/*	 margin-top: -2px;*/
}

.popmedia {
	background: var(--noiseimage);
	background-size: 100% 100%;	
}

.griditem.insert {
	border: 1px solid var(--linecolor);
	float: left;
	margin-top: 1em;
	margin-bottom: 1em;
}

.gridmedia.insert {
	border: none;
	height: 225px;
}

.gridmedia.insert img {
	height: 225px;
}


@media (max-width: 768px) {
	.gridmedia {
		min-height: calc(100vw / 3);
	}
	.gridmedia a img {
		height: calc(100vw / 3);
		width: 100%;
		object-fit: cover;
}
}

.gridmedia.author-featured {
    position: relative;
    height: 200px;
    overflow: hidden;
}

.gridmedia img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

/*LIST LAYOUT*/

#list-layout {
  padding: 0;
  display: grid;
  grid-template-columns: repeat(8, 1fr); /* 8 columns */
  gap: 0px;
  float: left;
}

.listmedia {
	background: var(--noiseimage);
}

#list-layout .listmedia {
    grid-column: 1 / 1; /* Spans columns 1 to 5 */
	border-bottom: 1px solid var(--linecolor);
	border-right: 1px solid var(--linecolor);
	border-left: 1px solid var(--linecolor);

	display: flex; /* Or display: grid; if you need more complex image content */
	align-items: stretch; /* Or align-items: center; if you want vertical centering */
	overflow: hidden; /* Prevent image overflow */

	background-size: 100% 100%;
}

#list-layout .listmedia img {
  width: 100%; /* Make the image take the full width */
  height: 100%; /* Make the image take the full height */
  object-fit: cover; /* Maintain aspect ratio and cover the area */
}

#list-layout .listinfo {
    grid-column: 2 / 7; /* Spans columns 1 to 5 */
	border-bottom: 1px solid var(--linecolor);
	border-right: 1px solid var(--linecolor);

}

#list-layout .listmetaframe {
	border-bottom: 1px solid var(--linecolor);
	border-right: 1px solid var(--linecolor);
	grid-column: 7 / 9; /* Spans columns 1 to 5 */
	padding: 1em;
}


#list-layout .listtitle {
	padding: 1em;

}

#list-layout .listexcerpt {
	padding: 1em;
	border-top: 1px solid var(--linecolor);
}

#listmeta {
	float: left;
	width: 100%;
	padding: 1em;
	border-left: 1px solid var(--linecolor);
	border-right: 1px solid var(--linecolor);
	border-bottom: 1px solid var(--linecolor);
}

.listmeta li {
	list-style: none;
}

#meta-section {
	width: 50%;
	float: left;
	padding-right: 5%;
}

@media (max-width: 768px) {
	#list-layout {
		grid-template-columns: repeat(8, 1fr); /* 8 columns */
	}
	#list-layout .listmedia {
		grid-column: 1 / 3; /* Spans columns 1 to 5 */
	}
	#list-layout .listinfo {
		 grid-column: 3 / 9; /* Spans columns 1 to 5 */
		 margin-bottom: -1px;
	}
	#list-layout .listmetaframe{
		 grid-column: 1 / 9; /* Spans columns 1 to 5 */
		 padding: 0;
	}
	#list-layout .listmeta li {
		float: left;
		margin-right: 1em;
	}
	#list-layout .listmeta {
		padding: 1em;
		padding-bottom: 0.5em;
		padding-top: 0.5em;
		float: left;
		margin-left: calc(25% - 0.5px);
		border-left: 1px solid var(--linecolor);
	}
	#meta-section {
		width: 100%;
		float: left;
	}
}




.gridmedia img.greyscale, .listmedia img.greyscale, .popmedia img.greyscale, .featured-post-image img.greyscale {
	filter: contrast(1.5) grayscale(100%);
	opacity: 0.75;
/*	filter: sepia(1) saturate(4) hue-rotate(310deg) brightness(0.9);*/
}

.contrast {
	filter: contrast(1) invert(0.2);
	
}


@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}




#meta-cats {
	margin-bottom: 1em;
}

div#meta-count h1 {
	margin-top: 0px;
}


.awardicon {
	width: 24px;
	height: 24px;
	float: left;
	margin-right: 0px;
}
.awardicon svg {
	transform: scale(0.7);
	fill: var(--bodycolor);
}


/*.griditem:has(a div.gridtitle.show:hover) {
	background-color: var(--shadecolor);
}*/



.blink {
animation: blinker 1s linear infinite;
}

@keyframes blinker {
  0% { opacity: 1.0; }
  50% { opacity: 0; }
  100% { opacity: 1.0; }
}

/* Sparklines
--------------------------------------------- */
  #sparkline-container {
    width: 80%; /* Adjust as needed */
    margin: 20px auto;
  }
  
/* Featured Slideshow
--------------------------------------------- */  

.featured-slideshow {
  display: flex;
  width: 100%;
}

.featured-menu-column {
  flex: 2;
  display: flex;
  flex-direction: column;
  border-right: 1px solid var(--linecolor);
  
  border-left: 1px solid var(--linecolor);
  
  margin-top: -1px;
}

@media (max-width: 768px) {
	.featured-menu-column {
		flex: 2;
		}
}

.featured-menu-item {
  cursor: pointer;
  transition: background 0.3s;
  color: var(--bodycolor);
}

.featured-menu-item.active {
  background-color: var(--shadecolor);
  
}

/*.featured-menu-item.active div.featured-slide-title::after {
	content: " ◀︎";
}*/

.featured-slide-title {
  padding: 1em;
  border-top: 1px solid var(--linecolor);
  cursor: pointer;
}

.featured-slide-excerpt {
  padding: 1em 1.25em;
/*  border-bottom: 1px solid var(--linecolor);*/
  border-top: 1px solid var(--linecolor);
}

/*@media (max-width: 768px) {
	.featured-slide-excerpt {
		display: none;
		}
}*/

.content-column {
  flex: 3;
  overflow: hidden;
  scroll-behavior: smooth;
  display: flex;
  flex-direction: column;
  position: relative;
}

@media (max-width: 768px) {
	.content-column {
		flex: 2;
		}
}

/* Show only the active post */
.post-content {
  display: none;
  flex-direction: column;
  height: 100%;
  border-right: 1px solid var(--linecolor);
  border-bottom: 1px solid var(--linecolor);
}

.post-content.active {
  display: flex;
  width: 100%;
}



.featured-post-image {
/*  border-right: 1px solid var(--linecolor);*/
/*  border-bottom: 1px solid var(--linecolor);*/
  flex-shrink: 0;
  background: var(--noiseimage);
  background-size: 20%;
  
  width: 100%;
  height: auto;
}

.featured-post-image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  margin-bottom: -6.5px;
  
/*  aspect-ratio : 1 / 0.6;*/
}

.post-image img {
  width: 100%;
  height: auto;

}

.featured-post-meta {
  flex-grow: 1;
  padding: 1em 1.25em;
  border-top: 1px solid var(--linecolor);
  overflow-y: auto;
/*  padding-right: 32.50%;*/
}

.featured-post-meta li {
  list-style: none;
  float: left;
  margin-right: 1em;
}



.reader .post-content {
height:  85vh;
overflow-y: scroll;
}

.reader figure.alignfull, .wp-block-columns.alignfull {
		width: 100%;
		margin: 0;
}


/* Article
--------------------------------------------- */

#page-column-1 {
	width: calc(var(--postpaddingleft) + 0.5px);
	float: left;
}

#page-column-2 {
	width:calc(62.5% - 1.5px);
	float: left;
}

#page-column-3 {
	width:calc(25% + 1px);
	float: left;
}

@media (max-width: 768px) {
	#page-column-1 {
		width: 100%;
		float: left;
	}
	#page-column-2 {
		width: 100%;
		float: left;
	}
	#page-column-3 {
		width: 100%;
		float: left;
		margin-bottom: 1em;
	}
	.header-meta {
	border-top: 1px solid var(--linecolor);
	border-left: 1px solid var(--linecolor);
	border-right: 1px solid var(--linecolor);
	}
}


/*#page-column-1, #page-column-2, #page-column-3 {
	opacity: 0; /* Start with all divs invisible *!/
}

#page-column-1 {
  animation: fadeIn 0.5s ease-in-out 0.5s forwards; /* Fade in the first div *!/
}

#page-column-2 {
  animation: fadeIn 0.5s ease-in-out 1.0s forwards; /* Fade in the second div after 1 second *!/
}

#page-column-3 {
  animation: fadeIn 0.5s ease-in-out 1.25s forwards; /* Fade in the third div after 2 seconds *!/
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}*/


.entry-header {
	float: left;
	width: 100%;
	border-bottom: 1px solid var(--linecolor);
	border-left: 1px solid var(--linecolor);
	border-right: 1px solid var(--linecolor);
}

.header-title.fullwidth {
	width: 100%;
	border-bottom: 1px solid var(--linecolor);
/*	margin-bottom: -0.5px;*/
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}


#section-data.full-width-page h3 {
	margin-top: 0.5em !important;
	margin-bottom: 0.5em !important;
}

.grid-prefix {
	width: var(--postpaddingleft);
	float: left;
	padding: 0.5em 1em;
	box-sizing: border-box;
}

.header-title {
	width: 62.5%;
	float: left;
	padding-left: 1em;
	padding-right: 1em;
	border-left: 1px solid var(--linecolor);
	border-right: 1px solid var(--linecolor);
	box-sizing: border-box;
}

.grid-postfix {
	padding: 0.5em 1em;
	float: right;
/*	width: calc(100% - 62.5% - var(--postpaddingleft));*/
}

.pre-header-meta {
	float: left;
	padding: 0.5em 1em;
	border-left: 1px solid var(--linecolor);
	border-bottom: 1px solid var(--linecolor);
	width: calc(100% + 1.5px);
	border-right: 1px solid var(--linecolor);
}

@media (max-width: 768px) {
	.grid-prefix {
		display: none;
		}
	.grid-postfix {
		display: none;
		}
	.header-title {
		width: 100%;
		border-right: 1px solid var(--linecolor);
		border-left: 1px solid var(--linecolor);
	}

	article .header-title {
		border-left: none;
		border-right: none;
	}

	.pre-header-meta {
		width: 100%;
		border-bottom: 1px solid var(--linecolor);
	}
}


.header-meta {
	width: calc(100% + 0.5px);
	float: left;
	padding: 0.5em 1em;
	border-right: 1px solid var(--linecolor);
	border-bottom: 1px solid var(--linecolor);
	border-left: 1px solid var(--linecolor);
	min-height: 3.5em;
	margin-left: -0.5px;

}

#tightlist li {
	line-height: 1em;
	list-style: none;
	text-indent: -1.3em;
	margin-left: 1.3em;
	word-break: break-all;
}

@media (max-width: 768px) {
	#tightlist li {
		float: left;
		margin-right: 0.5em;
	}
}

#tightlist li .tooltiphover {
	text-indent: 0;
}

#metalist {
	font-size: 0.75em !important;
	font-family: "JetBrainsMono-Light", Arial, Helvetica, Geneva, sans-serif;
}

a.simplefavorite-button {
	font-size: 0.75em !important;
	font-family: "JetBrainsMono-Light", Arial, Helvetica, Geneva, sans-serif;
	cursor: pointer;
}

a.simplefavorite-button:hover, a.simplefavorite-button.active:hover {
	background-color: var(--linecolor) !important;
	color: var(--backgroundcolor) !important;
}


a.simplefavorite-button.active {
	opacity: 1;
}

div#section-data button.simplefavorites-clear {
	border: none;
	padding: 0px;
}

a#metalist.tooltip:hover, #metalist.tooltip:hover {
	background-color: var(--bodycolor) !important;
	color: var(--backgroundcolor) !important;
}

#metalist .tooltiphover, #metabutton .tooltiphover {
	font-size: 1em;
}

.tooltiphover {
	max-width: 400px;
}

a#metalist.tooltip {
	margin-left: -10px;
}

.header-meta #metabutton.title {
}



#tightlist.header-meta li, #tightlist.pre-header-meta li {
	font-family: "JetBrainsMono-Light", Arial, Helvetica, Geneva, sans-serif;
}

a#metalist.tooltip {

}



a#metalist.tooltip .tooltiphover, #toolUL .tooltiphover{
	line-height: 1.4em;
	text-indent: 0;
	margin-left: ;
}

.entry-content {
/*	max-width: 60%;
	margin-left: 20%;*/
	float: left;
	width: 100%;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
}

/*.entry-content p a {
	font-family: "Inter-Medium", Arial, Helvetica, Geneva, sans-serif;
}*/

h1.header {
	margin-top: 0px;
	margin-bottom: 0px
}

.entry-title {
	margin: 0px;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	line-height: 1.2em;
}

.entry-title-alttitle {
	margin: 0px;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	line-height: 0.9em;
}

h1.entry-title-alttitle span.altsubtitle {
	font-size: 0.5em;
	line-height: 1.4em !important;
	display: block;
	margin-top: 0.6em;
}

.entry-sidebar {
	float: left;

	border-right: 1px solid var(--linecolor);
	border-left: 1px solid var(--linecolor);
	width: calc(100% +1px);
	margin-left: -0.5px;

}

.entry-sidebar-section {
	font-family: "JetBrainsMono-Light", Arial, Helvetica, Geneva, sans-serif;
	font-size: 0.75em;

	float: left;

	border-bottom: 1px solid var(--linecolor);
	width: 100%;

	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.entry-sidebar-section.sidebarad {
	padding: 0px;

}

.entry-sidebar-section.sidebarad a {
	float: left;
	margin-bottom: -0.5em;
}

.entry-sidebar-section.sidebarad a img {
	width: 100%;
}



.entry-sidebar-section ul {
	padding-left: 0em;
	list-style-position: inside;
	margin-left: 0px !important;
	margin-top: 0px;
	margin-bottom: 0px;
}

.entry-sidebar-section li {
	list-style-type: square;
	margin-bottom: 0.5em;

	text-indent: -1em; /*Indent all lines after first line to align with the first line*/
	margin-left: 1em; /*Add padding to the left to match the indent*/
}

.entry-sidebar-section li:first-line {
  text-indent: 1em; /* Remove any default text indent from the first line */
}

#section-data.log li {
	list-style: none;
	line-height: 1.2em;
}


/* Edit Profile
--------------------------------------------- */

.error {
	color: #fa2578;
}

#adduser {
	width: 100%;
	margin-top: -1em;
}

#adduser input {
width: 95%;
margin-top: 5px;
color: var(--bodycolor) !important;
}

input#newsletter_optin {
	width: 15px;
	margin-right: 10px;
}


.form-username {
	width:  50%;
	margin-right: 50%;
}

.form-name, .form-password{
	width: 50%;
	float: left;
	margin-top: 0.5em;
}

.form-textarea {
   width: 98%;
}

.form-submit {
	width: 50%;
	float: left;
}

.form-submit input#updateuser.submit.button {
	background-color: var(--backgroundcolor);
	color: #000000;
	border-color: var(--linecolor);
}

.form-submit input#submit.submit.button {
	background-color: #2d2d2d;
	color: var(--backgroundcolor);
	border-color: #2d2d2d;
}

.accountdetails {
	float: left;
	width: calc(100% + 2em);
	margin-left: -1em;
	padding: 0.5em 1em 0.5em 1em;
	border-bottom: 1px solid var(--linecolor);
}

div#section-data.member-analytics-table {
	padding: 0px;
	width: calc(100% + 0.2px);
	border-right: none;
	
}
.member-analytics {
	
	font-size: 0.75em;
	text-align: left;
}

.member-analytics .tooltiphover {
	font-size: 1em !important;
}

.member-analytics thead tr {
	border-bottom: 1px solid var(--linecolor);
}
.member-analytics thead tr th {
	border-right: 1px solid var(--linecolor);
/*	border-bottom: 1px solid var(--linecolor);*/
	padding-left: 1.25em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-right: 1.25em;
	
}

div#section-data table.member-analytics tbody tr td {
	border-right: 1px solid var(--linecolor);
	border-bottom: 1px solid var(--linecolor);
	padding-left: 1.25em;
		padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-right: 1.25em;
}

div#section-data table.member-analytics tbody tr {
}

table.member-analytics {
  border-collapse: collapse;
  border-spacing: 0;
  margin-bottom: -1px;
}

table.member-analytics thead tr th {
  font-family: 'Inter-Medium', Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;	
}

.member-analytics tbody tr td a {
  font-family: 'Inter-Medium', Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;		
}

.member-analytics-pagenumbers .page-numbers {
	margin-right: 1em;
}

.member-analytics-pagenumbers a.next.page-numbers {
	margin-right: 0px;
}


div#section-data .wp-block-columns p a {
  font-family: 'Inter-Medium', Arial, Helvetica, sans-serif;	
}
div#section-data .wp-block-columns a {
  font-family: 'Inter-Medium', Arial, Helvetica, sans-serif;
}
/* Page Full Width
--------------------------------------------- */

/*#section-data.full-width-page {
	padding-top: 0px;
}

#section-data.full-width-page h1 {
	margin-top: 0em;
}
#section-data.full-width-page h2 {
	margin-top: 0.5em;
}
#section-data.full-width-page h3 {
	margin-top: 1em;
}
#section-data.full-width-page h4 {
	margin-top: 1em;
}*/

.featureheading {
	font-size: 4em;
	float: left;
	width: 100%;

}

.featurecode {
	font-family: "JetBrainsMono-Light", Arial, Helvetica, Geneva, sans-serif;
	font-size: 0.75em;
	float: left;
	width: 100%;
}

#section-data.full-width-page.no-border {
	border: none;
	padding-top: 1em;
	max-width: 1440px;
}

@media (min-width: 1440px) {
	#section-data.full-width-page.no-border {
		margin-left: calc((100vw - 1440px - 2em) / 2);
		padding-right: calc((100vw - 1440px) / 2);
	}
}

#section-data.full-width-page.no-border .wp-block-columns {
	margin-bottom: 2em;
}

.full-width-page.no-border figure.alignfull {
	border: none;
	padding: 0px;
}

.full-width-page figure.alignfull {
  width: calc(100% + 2em);
  margin-left: -1em;
/*  margin-left: calc(-50vw + 50%); /* Corrected centering calculation */
  margin-right: 0px; /* Corrected centering calculation */
  transform: none;
  margin-top: 0px;

  padding-left: 1em;
  padding-right: 1em;
  padding-top: 1em;
  float: left;

  border-top: 1px solid var(--linecolor);
  border-bottom: 1px solid var(--linecolor);
}

.full-width-page .wp-block-columns {
	width: calc(100% + 1px);
	border-top: 1px solid var(--linecolor);
	margin-top: -1.0px;
	margin-bottom: -1px;
}

.full-width-page .wp-block-column {
	padding-left: 1em;
	padding-right: 1em;
	border-right: 1px solid var(--linecolor);
/*	margin-top: -1px;*/
	padding-top: 1em;
	padding-bottom: 1em;
}

@media (max-width: 768px) {
	.full-width-page .wp-block-column {
		border-bottom: 1px solid var(--linecolor);
		}
	.full-width-page .wp-block-columns {
		border-top: none;
		border-bottom: none;
	}
	div#section.full-width-page div.wp-block-columns {
		margin: 0px;
	}
	.full-width-page .wp-block-columns-is-layout-flex {
		row-gap:0px
	}
}

.full-width-page .wp-block-gallery-is-layout-flex {
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.full-width-page .wp-has-aspect-ratio {
	margin-top: 0.5em;
	padding-top: 0px;
	margin-bottom: 0.5em;
	padding-bottom: 0px;
}

.full-width-page div.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-4.wp-block-columns-is-layout-flex div.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow div.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-3.wp-block-columns-is-layout-flex div.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow {
	border: none;
	padding: 0px;
}
.full-width-page div.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-4.wp-block-columns-is-layout-flex div.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow div.wp-block-columns.is-layout-flex.wp-container-core-columns-is-layout-3.wp-block-columns-is-layout-flex {
	border: none;
}

div#section-data.full-width-page .wp-container-core-columns-is-layout-3.wp-block-columns-is-layout-flex {
	border-left: none;
}

div#section-data.full-width-page .wp-container-core-columns-is-layout-4.wp-block-columns-is-layout-flex {
	border-left: none;
}

.swpm-payment-button {
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
	margin-top: 1em;
}

.stripe-button-el {
	border: none !important;
	background-image: none !important;
	box-shadow: none !important;
	border-radius: none !important;
	filter: var(--iconfilter);
}

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

.full-width-page.no-border  .wp-block-columns {
	border: none;
}
.full-width-page.no-border .wp-block-column {
	border: none;
}

.full-width-page .wp-block-columns-is-layout-flex {
	column-gap: 0; /* Removing column gap */
}

.full-width-page figure.wp-block-image.size-full {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}


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

#canobjpopresponsive {
	width: 85vw;
	overflow: hidden;
	height: auto;
/*	margin-left: 5vw;*/
}
#canobjpopgraphic {
	width: 100%;
	height: 32.5vh;
	overflow: hidden;


}

#canobjpopgraphic img {
		width: 100%;
		height: 100%;
		object-fit: cover;
}

#canobjpoptext {
	width: 100%;
}
}


@media only screen and (min-width: 768px){
#canobjpopresponsive {
	width: 780px;
	height: 390px;
	overflow: hidden;
}
#canobjpopgraphic {
	width: 50%;
	float: left;
	border-right: 1px solid var(--linecolor);

}

#canobjpoptext {
	box-sizing: border-box;
	float:left;
	width:50%;
	color: var(--bodycolor);
}
}

.popmake-close {
	font-size: 1.5em !important;
	filter: var(--iconfilter);
}

div#canobjpoptext h2 {
	margin: 0px;
	padding-top: 0.75em;
	padding-bottom: 0em;
	padding-left: 0.75em;
	padding-right: 1em;
	float: left;
	width: 100%;
	color: var(--bodycolor);
}
div#canobjpoptext p {
	float: left;
	width: 100%;
	padding-left: 1em;
	margin-top: 1.25em;
	margin-bottom: 1.25em;
}

div#canobjpoptext div.text {
	padding-left: 1em;
	padding-right: 1em;
	margin-top: 1em;
	float: left;
	color: var(--bodycolor);
	line-height: 1.5em;
	display: block;
	width: 380px;
}

.loginpop {
	padding-left: 1em;
	padding-right: 1em;
	margin-top: 1em;
	float: left;
	color: var(--bodycolor);
	line-height: 1.5em;
	display: block;
	width: 100%;	
	margin-bottom: 1em;
}


INPUT[type=checkbox]:focus
{
    border: 1px solid var(--linecolor);
}

INPUT[type=checkbox]
{
    background-color: var(--backgroundcolor);
    border-radius: 0px;
	border: 1px solid var(--linecolor);
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 15px;
    height: 15px;
    cursor: pointer;
    position: relative;
    top: 2.5px;
}

INPUT[type=checkbox]:checked
{
    background-color: var(--backgroundcolor);
    background: var(--linecolor) url("data:image/gif;base64,R0lGODlhCwAKAIABAP////3cnSH5BAEKAAEALAAAAAALAAoAAAIUjH+AC73WHIsw0UCjglraO20PNhYAOw==") 1px 1px no-repeat;
}

div#canobjpoptext div.smalltext {
	float: left;
	padding-left: 1.5em;
	padding-right: 1em;
	padding-bottom: 1.5em;
	font-size: 0.8em;
	line-height: 1.5em;
	color: var(--bodycolor);
	width: 380px;


}
div#canobjpoptext div.smalltexfootert {
	position: absolute;
    bottom: 0px;
	padding-left: 1.5em;
	padding-right: 1.5em;
	font-size: 0.8em;
	padding-bottom: 1.5em;
	padding-top: 1em;
	color: var(--bodycolor);
}

@media (max-width: 768px) {
	div#canobjpoptext div.smalltexfootert {
		position: static;
	}
	div#canobjpoptext div.text, div#canobjpoptext div.smalltext {
		width: 100%;
	}
}

div#canobjpoptext div.text a {
/*	font-family: 'Inter-Semibold', Arial, Helvetica, sans-serif;*/
}

/* Activity Feed
--------------------------------------------- */

#activity-filters {
	margin-bottom: 0px !important;
	padding-bottom: 0px;
}
/* Basic styling for filter buttons */
#activity-filters .filter-btn {
	padding: 0px;
	margin-right: 1em;
    cursor: pointer;
    color: var(--bodycolor);
	opacity: 0.25;
    transition: all 0.2s ease-in-out; /* Smooth transition for visual changes */
	
/*	font-family: "JetBrainsMono-Light", Arial, Helvetica, Geneva, sans-serif;
	font-size: 0.75em;*/
	
	border: none;
}

/* Styling for the active (selected) filter button */
#activity-filters .filter-btn.active {
	opacity: 1;
}

div#activity-feed-comment-area-title {
	font-family: "JetBrainsMono-Medium", Arial, Helvetica, Geneva, sans-serif;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-size: 0.75em;
}

div#activity-feed-comment-area ul.can-activity-log-feed {
padding-left: 1.0em;
margin-bottom: 0.5em;
}

div#activity-feed-comment-area ul.can-activity-log-feed li {
	list-style: square;
	font-family: "JetBrainsMono-Light", Arial, Helvetica, Geneva, sans-serif;
	font-size: 0.75em;
}

div#section-data.activity-log-post-data {
	border-top: 1px solid var(--linecolor);
	border-bottom: none;
	padding-bottom: 1em;
}

#tightlist button.can-comment-btn {
	margin-top: 1em;
	margin-bottom: 0.25em;
}

#notificationdot {
cursor: pointer;
float: right;
margin-right: 5px;
margin-top: -2px;
}

#section-data.sidebar-notifications {
/*	font-family: "JetBrainsMono-Light", Arial, Helvetica, Geneva, sans-serif;*/
	font-size: 0.75em;
}

div#section-data.sidebar-notifications ul{
	padding-left: 1.5em;
}

div#section-data.sidebar-notifications ul.can-activity-log-feed li {
/*	list-style: none;*/
}

div#section-data.sidebar-notifications ul.can-activity-log-feed li a.activity-mention-link.unread {
	font-family: "Inter-Semibold", Arial, Helvetica, Geneva, sans-serif;
}

/* Utilities
--------------------------------------------- */

.archive-class {
	opacity: 0.4 !important;
/*	background: url("assets/img/grain.webp") 0px 0px repeat;*/
}

.archive-class a img {
	opacity: 0.7 !important;
	background: url("assets/img/grain.webp") 0px 0px repeat #f1f1f1;
}

.tooltipspecial {
	transform: translate(-90px,0px);
	opacity: 1 !important;
	z-index: 10000 !important;
	position: absolute !important;
}

.tooltiphoveraward {
	background: var(--bodycolor) !important;
	color: var(--backgroundcolor) !important;
}

@media (max-width: 768px) {
	.tooltiphover, .tooltipspecial, .tooltiphoveraward {
		display: none !important;
	}
}


/*.comments-area {
	width: 100%;
	float: left;

	border-top: 1px solid var(--linecolor);

	border-bottom: 1px solid var(--linecolor);
	border-right: 1px solid var(--linecolor);

	border-radius: 0px !important;
}

.comment-form p label {
	width: 25%;
	float: left;
	margin: 0px;
	border-right: 1px solid var(--linecolor);
	border-bottom: 1px solid var(--linecolor);
	margin-bottom: -1px;
	padding-left: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	min-height: 50px;
	padding-right: 1em;
}

form#commentform.comment-form p.comment-form-cookies-consent label {
	display: none;
}

.comment-form-comment {
	float: left;
	width: 100%;
	margin: 0px;
}

input#submit.submit {
	margin: 1em;
}

input#author, input#email, input#url {
	height: 55px;
	background: var(--backgroundcolor);
	float: left;
	width: 75%;
	border-bottom: 1px solid var(--linecolor);
	border-left: none;
	border-top: none;
	border-right: none;
}

textarea#comment {
	background: var(--backgroundcolor);
	border-bottom: 1px solid var(--linecolor);
	border-top: 1px solid var(--linecolor);
	border-left: none;
	border-right: none;
	float: left;
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 1em;
	box-sizing: border-box;
	width: 100% !important;
}

.comment-respond {
	width: 62.5%;
	float: left;
	border-left: 1px solid var(--linecolor);
	border-right: 1px solid var(--linecolor);
}

.comment-notes {
	float: left;
	margin-left: 1em;
}

.comment-form-comment label {
	float: left;
	width: 100%;
	margin-bottom: 1em;
}

 {
	float: left;
	width: 100%;
}

.comment-reply-title {
	border-bottom: 1px solid var(--linecolor);
	padding-left: 1em;
	margin-top: 0px;
	padding-top: 1em;
	margin-bottom: 0px;
	padding-bottom: 1em;
}

form#commentform.comment-form {
	float: left;
	box-sizing: border-box;
	font-size: ;
}

.form-submit {
	float: left;
	margin: 0px;
}

.comment-form-author, .comment-form-email, .comment-form-url, .comment-form-cookies-consent {
	float: left;
	width: 100%;
	margin: 0px;
}

.comment-form-cookies-consent {
	display: none;
}

.comment-list {
	float: left;
	margin: 0;
	width: 62.5%;
	border-top: 1px solid var(--linecolor);
	border-left: 1px solid var(--linecolor);
	border-right: 1px solid var(--linecolor);
	border-bottom: 1px solid var(--linecolor);
	padding-bottom: 1em;
}
.comment-body {
	float: left;
}
.comment-meta {
	float: left;
}

,comment-content {
	float: left;
	width: 100%;
}

div#comments.comments-area h2.comments-title {
	float: left;
	width: 100%;
	margin: 0px;
}

input#wp-comment-cookies-consent {
	margin: 1em;
}*/

.entry-footer {
	float: left;
	width: calc(80% - 0.5px);
	padding: 1em 1em 1em 1em;
	border-top: 1px solid var(--linecolor);
	border-left: 1px solid var(--linecolor);
	border-right: 1px solid var(--linecolor);

	font-family: "JetBrainsMono-Light", Arial, Helvetica, Geneva, sans-serif;
	font-size: 0.75em;
/*	padding: 1em;
	border-top: 1px solid var(--linecolor);
	border-left: 1px solid var(--linecolor);
	border-right: 1px solid var(--linecolor);
	border-bottom: 1px solid var(--linecolor);*/
}

.wp-block-footnotes {
	margin-left: 0px;
	padding-left: 0px;
	font-family: "JetBrainsMono-Light", Arial, Helvetica, Geneva, sans-serif;
	font-size: 0.75em !important;
}

.wp-block-footnotes li {
	margin-bottom: 0.5em;
	
	  word-wrap: break-word;
  overflow-wrap: break-word;


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

		overflow: visible;
}

.wp-block-footnotes li a {
	font-family: "JetBrainsMono-Light", Arial, Helvetica, Geneva, sans-serif;
	text-decoration: underline;
}

.wp-block-footnotes li a:hover {
	background: var(--bodycolor) !important;
	color: var(--backgroundcolor) !important;	
}

@media (max-width: 768px) {
	ol.wp-block-footnotes {
		margin-left: 2em;
		}
}

a[href^="#"][id*="-link"] {
    display: inline-block; /* Or block, depending on the surrounding elements */
    margin-top: -1em; /* Adjust this negative value */
    padding-top: 1em; /* To prevent overlap with fixed headers */
	scroll-behavior: smooth;
}

a#share-collection-link {
	padding: 0px;
}

.wp-block-footnotes li:target {
    padding-top: 1em; /* Adjust this value to your preference for the footer */
    margin-top: -1em; /* Optional: To visually separate it */
	scroll-behavior: smooth;
}


figure {
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}

figure.wp-block-image.size-full img {
	width: 100%;
}

div#page-column-2 div.entry-content div.wp-block-columns.alignfull.is-layout-flex.wp-block-columns-is-layout-flex div.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow div.wp-block-columns.is-layout-flex.wp-block-columns-is-layout-flex div.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow figure.wp-block-video {
	margin-bottom: 0px;
	margin-top: 0px;
}

div#page-column-2 div.entry-content div.wp-block-columns.alignfull.is-layout-flex.wp-block-columns-is-layout-flex div.wp-block-column.is-layout-flow.wp-block-column-is-layout-flow div.wp-block-columns.is-layout-flex.wp-block-columns-is-layout-flex {
	margin-bottom: 0px;
}

div#page-column-2 div.entry-content div.wp-block-columns.alignfull.is-layout-flex.wp-block-columns-is-layout-flex {
	margin-bottom: 0px;
}

figure.alignwide {

}

.wp-block-columns.alignfull {
  width: calc(100vw - 3.2em + 10px);
  margin-left: calc(var(--postpaddingleft) * -1.7 - 0.5em);
  margin-right: calc(-50vw + 50%);
}

figure.alignfull {
  width: calc(100vw - 3.2em + 10px);
  margin-left: calc(var(--postpaddingleft) * -1.7 - 0.5em);
  margin-right: calc(-50vw + 50%);

}

@media (max-width: 768px) {
	figure.alignfull, .wp-block-columns.alignfull {
		width: 100%;
		margin: 0;
	}
}

#section-data.related {
	border-top: 1px solid var(--linecolor);
}

/* Tooltip
--------------------------------------------- */
.tooltip span {
    display:none;
	z-index: 2;
}
.tooltip:hover span {
    display:block;
    position:fixed;
	font-family: "JetBrainsMono-Light", Arial, Helvetica, Geneva, sans-serif;
	width: auto;
	padding: 4px 10px 5px 10px;
	font-size: 0.75em;
	border-radius: 2px;
	background-color: var(--linecolor);
	color: var(--backgroundcolor);
}

.condtooltip {

}

.tooltipcontent {
	max-width: 400px;
}

/* Footer
--------------------------------------------- */
.site-footer {
	width: 100%;
	float: left;
	color: var(--linecolor);
	border-top: 1px solid var(--linecolor);
	margin-top: -1px;
}

.site-footer p {
	font-size: 0.8em;
	padding-right: 5%;
	margin-top: 0em;
	margin-bottom: 0px;
	color: var(--bodycolor);
}

.smallprint {
	font-size: 0.75em;
	font-family: "JetBrainsMono-Light", Arial, Helvetica, Geneva, sans-serif;
	margin-top: 5px;
	width: 100%;
	float: left;
	text-align: right;
	margin-bottom: 1em;
}


div#section-data



/* Slideshow
--------------------------------------------- */

/*Slideshow*/

/*.mySlides {
display: none;
}
/*img {vertical-align: middle;}*!/

.slideimage {
	max-height: 30vw;
	overflow: hidden;

}

.slideimage img {
	width: 100%;
}

.slideshow-container {
  max-width: 1920px;
  margin: auto;
}

.slideshow-container img {
	width: 100% !important;
	-webkit-filter: none !important;
}

.prevbut {
	cursor: pointer;
}

.nextbut {
	cursor: pointer;
	float: right;
}*/

/*.prev, .next {
  cursor: pointer;
  position: absolute;
/*  top: 30%;*!/
  width: auto;
  padding: 16px;
  margin-top: -10px;
  color: #000000;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
/*  border-radius: 0 3px 3px 0;*!/
  user-select: none;
}

.next {
  right: 0px;
}

.prev {
  left: 0px;
}

.prev:hover, .next:hover {
/*  background-color: rgb(0, 0, 0);*!/
  color: #ffffff;
}

.slidemeta {
	position: relative;
	top: -15vw;
	z-index: 1;
}*/


/* Fading animation
.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

@-webkit-keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}

 On smaller screens, decrease text size
@media only screen and (max-width: 300px) {
  .prev, .next,.text {font-size: 11px}
}*/




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

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

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

/* 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 logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* 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: 0.8075em 0;
}

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

/* Galleries
--------------------------------------------- */
.gallery {
	margin-bottom: 1.5em;
	display: grid;
	grid-gap: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	width: 100%;
}

.gallery-columns-2 {
	grid-template-columns: repeat(2, 1fr);
}

.gallery-columns-3 {
	grid-template-columns: repeat(3, 1fr);
}

.gallery-columns-4 {
	grid-template-columns: repeat(4, 1fr);
}

.gallery-columns-5 {
	grid-template-columns: repeat(5, 1fr);
}

.gallery-columns-6 {
	grid-template-columns: repeat(6, 1fr);
}

.gallery-columns-7 {
	grid-template-columns: repeat(7, 1fr);
}

.gallery-columns-8 {
	grid-template-columns: repeat(8, 1fr);
}

.gallery-columns-9 {
	grid-template-columns: repeat(9, 1fr);
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/

/* Jetpack infinite scroll
--------------------------------------------- */

/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/

/* Accessibility
--------------------------------------------- */

/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}

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

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

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

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



/* Scrollbar
--------------------------------------------- */

::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}

::-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: var(--backgroundcolor);;
/*  background-clip: padding-box;*/
/*  border: solid transparent;*/
/*  min-height: 28px;*/
/*  padding: 10px 0 0;*/
    height: 10px;
	display: none;

}
::-webkit-scrollbar-thumb:vertical {
  background-color: var(--linecolor);
  background-clip: padding-box;
  min-height: 28px;
  padding: 10px 0 0;
}

body::-webkit-scrollbar-track {
  background: var(--backgroundcolor);
}