/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
	max-width: 50%;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
	max-width: 50%;
}

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

.entry-content::after,
.entry-footer::after {
	content: '';
	display: table;
	clear: both;
}

.page-links {
	clear: both;
}

.sticky {
	display: block;
}

.menu,
.sub-menu {
	list-style: none;
	padding: 0;
	margin: 0;
}

/* Utility class - move? */
.menu.inline {
	margin: -0.5em;	
}

.menu.inline li {
	display: inline-block;
	margin: 0.5em;
}

dl.inline dt,
dl.inline dd {
	display: inline;
	margin: 0;	
}

dl.inline dd::after {
	content: '\A';
	white-space: pre;	
}


dl.spread dt {
	float: left;
	clear: both;	
}

dl.spread dd {
	float: right;	
}

dl.spread::after {
	content: '';
	display: table;
	clear: both;	
}

.strong,
.bold {
	font-weight: var(--typeface-weight-medium);	
}

.bigger {
	font-size: 1.25em;	
}

.ajax-updating {
	opacity: 0.5;	
}

/* Not inside galleries */
.gallery figure {
	margin: 0;
	box-sizing: border-box; /* For inside swiper galleries */	
}

.disabled, [disabled] {
	opacity: 0.5;	
}

.edit-link {
	float: right;
	margin: 0;	
}

/*--------------------------------------------------------------
## Utility class to use toggling elements
--------------------------------------------------------------*/
.toggles-element-container {
	position: relative;	
}

.toggles {
	transform-origin: top right;
	transition: transform 0.25s ease-out, opacity 0.25s ease-out 0.12s;	
}

.toggled-off {
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: -9999em;
	transform: scale(0);
	opacity: 0;
}

.toggled-on {
	visibility: visible;
	position: static;
	transform: scale(1);
	opacity: 1;
}


/* ==========================================================================
   Print styles.
   Inlined to avoid the additional HTTP request:
   https://www.phpied.com/delay-loading-your-print-css/
   ========================================================================== */

@media print {

    *,
    *::before,
    *::after {
        background: transparent !important;
		color: var(--color-black) !important; /* Black prints faster */
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]::after {
        content: " (" attr(href) ")";
    }

    abbr[title]::after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^="#"]::after,
    a[href^="javascript:"]::after {
        content: "";
    }

    pre {
        white-space: pre-wrap !important;
    }

    pre,
    blockquote {
		border: 1px solid var(--color-border-muted);
        page-break-inside: avoid;
    }

    /*
     * Printing Tables:
     * http://css-discuss.incutio.com/wiki/Printing_Tables
     */

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

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

.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; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: var(--color-surface-subtle);
	border-radius: 3px;
	box-shadow: var(--shadow-accessibility-focus);
	clip: auto !important;
	clip-path: none;
	color: var(--color-info);
	display: block;
	font-family: var(--label-medium-font-desktop);
	font-size: var(--label-medium-size-rem-desktop);
	font-weight: var(--label-large-weight-desktop);
	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. */
#content[tabindex="-1"]:focus {
	outline: 0;
}