/*-----------------------------------------------------------------*/
/* EXTRA
/*-----------------------------------------------------------------*/

/* NOTIFICATION
----------------------------------------- */
.notification
{
	position: absolute;
	z-index: 999;
	top: 0;
	left: 0;

	width: 100%;

	background-color: var(--color__yellow-light);
}

.notification__text
{
	font-size: 1.2rem;
	font-weight: var(--font-weight__medium);

	display: grid;
	align-items: center;
	justify-content: center;

	height: var(--header__notification-height);

	text-align: center;

	grid-template-columns: auto auto;
}

.notification__text span
{
	overflow: hidden;

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

.notification__text a
{
	margin-left: 10px;

	white-space: nowrap;
	text-decoration: underline;

	color: var(--color__red-light);
}

.notification__text a:hover
{
	text-decoration: solid underline transparent;
}

@media (max-width: 760px)
{
	.notification__text
	{
		grid-template-columns: auto 1fr;
		text-align: left;
	}

	.notification__text span
	{
		white-space: normal;
	}
}

@media (min-width: 961px) {
	.notification__text
	{
		font-size: 1.3rem;
	}
}

/* OVERLAY
----------------------------------------- */
.overlay
{
	position: fixed;
	z-index: 9999;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;

	display: none;

	background: rgba(var(--color__black_rgb), 0.7);
}

.no-scroll
{
	overflow: hidden;

	height: 100%;
}

/* WPML (Plugin)
----------------------------------------- */
.otgs-development-site-front-end
{
	display: none;
}

/* WP ADMIN BAR
----------------------------------------- */
.admin-bar-active
{
	top: 32px;
}

.admin-bar-active #wpadminbar
{
	position: absolute;
	top: -32px;
}

@media (max-width: 960px)
{
	.admin-bar-active
	{
		top: 0;
	}

	.admin-bar-active #wpadminbar
	{
		display: none;
	}
}

/* JS OFF
----------------------------------------- */
.no-js picture
{
	display: none !important; /* Hides picture tag if JavaScript is not available */
}

.no-js .lazyload
{
	opacity: 1;
}

/* PRINT
----------------------------------------- */
@media print
{
	header,
	nav,
	.tools,
	.slider,
	.sidebar,
	.comment__respond,
	footer
	{
		display: none !important; /* Hides unnecessary components if print */
	}
}