/* Non-critical general CSS */

body:not(.dark_mode) .invert-on-light-mode {
	filter: invert(1);
}

body.dark_mode {
	--wp--preset--color--background: var(--wp--preset--color--neutral-light);
}

#back_to_top {
	background: transparent !important;
	border: none !important;
	height: 44px;
	width: 44px;
}

#back_to_top > a {
	background: transparent url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzODQgNTEyIj48cGF0aCBkPSJNMTY5LjQgMTM3LjRjMTIuNS0xMi41IDMyLjgtMTIuNSA0NS4zIDBsMTYwIDE2MGMxMi41IDEyLjUgMTIuNSAzMi44IDAgNDUuM3MtMzIuOCAxMi41LTQ1LjMgMEwxOTIgMjA1LjMgNTQuNiAzNDIuNmMtMTIuNSAxMi41LTMyLjggMTIuNS00NS4zIDBzLTEyLjUtMzIuOCAwLTQ1LjNsMTYwLTE2MHoiIGZpbGw9IiM2ZGJmNjciLz48L3N2Zz4=') center center no-repeat;
	background-size: contain;
	overflow: hidden;
	position: absolute; top: 0; right: 0; bottom: 0; left: 0;
	text-indent: -999px;
}

#dark_mode_toggle {
	background: transparent !important;
	border: none !important;
	height: 44px;
	width: 44px;
}

#dark_mode_toggle > *:is(.light, .dark) {
	opacity: 0;
	overflow: hidden;
	position: absolute; top: 0; right: 0; bottom: 0; left: 0;
	text-indent: -999px;
}

#dark_mode_toggle .light {
	background: transparent url('../images/biota-light-mode.svg') center center no-repeat;
	background-size: contain;
}

#dark_mode_toggle .dark {
	background: transparent url('../images/biota-dark-mode.svg') center center no-repeat;
	background-size: contain;
}

#dark_mode_toggle > *:is(.light, .dark).current {
	opacity: 1;
}

.site-footer #footer-1 {
	border-top: 1px solid var(--wp--preset--color--neutral);
	padding-top: var(--wp--style--block-gap);
}


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

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

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

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

@media screen and (min-width: 1024px) and (max-width: 1340px) {
	main > .entry-content > *:not(.alignfull):not(.wp-block-separator),
	main > .entry-content > .alignfull:not(.wp-block-cover):not(.wp-block-image):not(.wp-block-separator):not(.has-background) > *:not(.alignfull),
	main > .entry-content > .alignfull:not(.wp-block-cover):not(.wp-block-image):not(.wp-block-separator) > .alignfull:not(.wp-block-cover):not(.has-background) > *:not(.alignfull):not(.wp-block-separator),
	body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull):not(.wp-block-separator))
	{
		margin-right: var(--wp--style--block-gap) !important;
		margin-left: var(--wp--style--block-gap) !important;
	}
	
	body .is-layout-constrained .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull):not(.wp-block-separator)) {
		margin-right: 0 !important;
		margin-left: 0 !important;
	}
}