/* TEXT */

.fs-7 {
	font-size: 0.85rem;
}

/* HEADERS */

h1, h2, h3, h4,
.title,
.page-title,
.content-block-title {
	font-weight: bold;
}
h5 {
	font-size: 1.1em;
	font-weight: bold;
}
h6 {
	font-size: 1em;	
}
h1, h2, h3, h4 {
	margin-top: 1em;
	margin-bottom: 0.5em;
}
h5, h6 {
	margin-top: 0.5em;
	margin-bottom: 0;	
}
h1 .prefix, h2 .prefix, h3 .prefix, h4 .prefix, h5 .prefix, h6 .prefix {
	font-weight: 400;
	font-size: 0.9em;
}
.large-throbber > .ajax-progress-throbber,
.ajax-progress-throbber.large-throbber {
	min-height: 3rem;
}
.large-throbber > .ajax-progress-throbber .throbber,
.ajax-progress-throbber.large-throbber .throbber {
	width: 3rem;
	height: 3rem;
	border-width: 6px;
	display: inline-block;
	background: none;
}
.ajax-started .ajax-progress-throbber .msg.admin-only::after {
	content: "...loading...";
	display: block;
}
.ajax-progress-position-absolute .ajax-progress {
	position: absolute;
	margin-top: 1em;
}


.ajax-response-text {
	font-style: italic;
	font-weight: normal;
}
.ajax-response-details {
	position: relative;
}
.ajax-response-details .details-content {
	z-index: 1;
	position: absolute;
	left: 0;
	background: var(--brand-admin-light);
	padding: 0.5em;
	border: 1px dashed var(--brand-admin-dark);
}
.ajax-progress .throbber-3 {
	width:3em; 
	height:3em;
	border-width: 3px;
}
.ajax-progress-throbber .throbber,
.ajax-progress-fullscreen {
	background-image: none !important;
}


/* LINKS */

a:hover,
a:focus {
	outline: none;
}
.outline-none {
	outline: none !important;
}
a {
	text-decoration: none;
}
#main-wrapper a:hover[href], 
#main-wrapper a:hover[onclick], 
#main-wrapper a:active, 
#main-wrapper a:focus,
footer a:hover[href], 
footer a:hover[onclick], 
footer a:active, 
footer a:focus,
.menu--language-interface a:hover {
	text-decoration: underline;	
}


/* NAVS and TABS */
.nav .tab .nav-link {
	opacity: 0.8;
}
.nav .tab .nav-link.active,
.nav .tab .nav-link:hover,
.nav .tab .nav-link:active,
.nav .tab .nav-link:focus {
	opacity: 1;
}
.tabs__link.is-active::after,
.tabs__trigger-icon > span,
.tabs__trigger:focus,
.tabs__link:focus {
	border-color: var(--brand-color-secondary) !important;
	outline-color: var(--brand-color-secondary) !important;
}


/* OPACITY */

.o-100,
.hover-o-100:hover,
*:hover > .phover-o-100
{	opacity: 100%; }

.o-90,
.hover-o-90:hover,
*:hover > .phover-o-90
{	opacity: 90%; }

.o-75,
.hover-o-75:hover,
*:hover > .phover-o-75
{	opacity: 75%; }

.o-50,
.hover-o-50:hover,
*:hover > .phover-o-50
{	opacity: 50%; }

.o-25,
.hover-o-25:hover,
*:hover > .phover-o-25
{	opacity: 25%; }

.o-10,
.hover-o-10:hover,
*:hover > .phover-o-10
{	opacity: 10%; }

.o-0,
.hover-o-0:hover,
*:hover > .phover-o-0
 {	opacity: 0; }




/* BACKGROUND */

.bg-clear {
	background: none !important;
}

/* ALIGNMENT, MARGINS AND PADDING */
.text-justify {
	text-align: justify !important;
}
details.p-0 .details-wrapper {
	margin: 0 !important;
}
.minh-auto {
	min-height: auto;
}
.minh-1 {
	min-height: 1em;
}
.minh-1-5 {
	min-height: 1.5em;
}
.minh-2 {
	min-height: 2em;
}
.minh-3 {
	min-height: 3em;
}
.minw-1 {
	min-width: 1em;
}
.minw-2 {
	min-width: 2em;
}

.nudge-up-1 {
	margin-top: -0.5rem !important;
}
.nudge-up-2 {
	margin-top: -1rem !important;
}
.ps-7 {
	padding-left: 2.75rem !important;
}

.circle,
.circle-1,
.circle-2,
.circle-3 {
	display: inline-flex;
	border-radius: 50%;
	align-items: center;
	justify-content: center;
}
.circle-1 {
	width: 1em;
	height: 1em;
}
.circle-2 {
	width: 1.5em;
	height: 1.5em;
}
.circle-3 {
	width: 2em;
	height: 2em;
}

span.date + span.time::before {
	content: " - ";
}

.hover-text-underline:hover,
*:hover > .parenthover-text-underline {
	text-decoration: underline;
}
.text-truncate-2 {
    -webkit-line-clamp: 2;
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    overflow: hidden;	
	text-overflow: ellipsis;
}
.pill {
	border-radius: 3em;
}
.children-border-0 > * {
	border-width: 0 !important; 
}
.text-monospace {
	font-family: Monospace;
}
.link-button {
	caret-color: transparent;
}
a.link-button.link-button-multiline,
a.link-button-multiline {
	display: inline-block;
	height: auto;
}
*:has(> .parent-relative) {
	position: relative !important;
}




.pagination {
	display: flex; 
	align-items: center;
}
.pagination .caption {
	margin-right: 1em;
}
.pagination .page-item {
	background: var(--color-gray-lighter);
	height: 1.5em;
    width: 1.5em;
    border-radius: 50%;
	margin: 0.25em;
	text-decoration: none !important;
	text-align: center;
}
.pagination a.page-item:hover {
	text-decoration: underline !important;
	background: var(--color-gray-light);
}
.pagination .page-item.page-item-current {
	background: var(--brand-color-secondary);
	color: white;
}