@charset "UTF-8";



/*

Theme Name: Twenty Twenty-One

Theme URI: https://wordpress.org/themes/twentytwentyone/

Author: the WordPress team

Author URI: https://wordpress.org/

Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.

Requires at least: 5.3

Tested up to: 5.8

Requires PHP: 5.6

Version: 1.4

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: twentytwentyone

Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready



Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org

Twenty Twenty-One is distributed under the terms of the GNU GPL.

*/



/**

 * SETTINGS

 * File-header..........The file header for the themes style.css file.

 * Fonts................Any font files, if the project needs specific fonts.

 * Global...............Project-specific, globally available variables.

 *

 * TOOLS

 * Functions............Global functions.

 * Mixins...............Global mixins.

 *

 * GENERIC

 * Normalize.css........Normalise browser defaults.

 * Breakpoints..........Mixins and variables for responsive styles

 * Vertical-margins.....Vertical spacing for the main components.

 * Reset................Reset specific elements to make them easier to style in other contexts.

 * Clearings............Clearings for the main components.

 *

 * ELEMENTS

 * Blockquote...........Default blockquote.

 * Forms................Element-level form styling.

 * Headings.............H1–H6

 * Links................Default links.

 * Lists................Default lists.

 * Media................Images, Figure, Figcaption, Embed, iFrame, Objects, Video.

 *

 * BLOCKS

 * Audio................Specific styles for the audio block.

 * Button...............Specific styles for the button block.

 * Code.................Specific styles for the code block.

 * Columns..............Specific styles for the columns block.

 * Cover................Specific styles for the cover block.

 * File.................Specific styles for the file block.

 * Gallery..............Specific styles for the gallery block.

 * Group................Specific styles for the group block.

 * Heading..............Specific styles for the heading block.

 * Image................Specific styles for the image block.

 * Latest comments......Specific styles for the latest comments block.

 * Latest posts.........Specific styles for the latest posts block.

 * Legacy...............Specific styles for the legacy gallery.

 * List.................Specific styles for the list block.

 * Media text...........Specific styles for the media and text block.

 * Navigation...........Specific styles for the navigation block.

 * Paragraph............Specific styles for the paragraph block.

 * Pullquote............Specific styles for the pullquote block.

 * Quote................Specific styles for the quote block.

 * Search...............Specific styles for the search block.

 * Separator............Specific styles for the separator block.

 * Spacer...............Specific styles for the spacer block.

 * Table................Specific styles for the table block.

 * Verse................Specific styles for the verse block.

 * Video................Specific styles for the video block.

 * Utilities............Block alignments.

 *

 * COMPONENTS

 * Header...............Header styles.

 * Footer...............Footer styles.

 * Comments.............Comment styles.

 * Archives.............Archive styles.

 * 404..................404 styles.

 * Search...............Search styles.

 * Navigation...........Navigation styles.

 * Footer Navigation....Footer Navigation styles.

 * Pagination...........Pagination styles.

 * Single...............Single page and post styles.

 * Posts and pages......Misc, sticky post styles.

 * Entry................Entry, author biography.

 * Widget...............Widget styles.

 * Editor...............Editor styles.

 *

 * UTILITIES

 * A11y.................Screen reader text, prefers reduced motion etc.

 * Color Palette........Classes for the color palette colors.

 * Editor Font Sizes....Editor Font Sizes.

 * Measure..............The width of a line of text, in characters.

 */



/* Categories 01 to 03 are the basics. */



/* Variables */





/**

 * Site Structure

 *

 * - Set vertical margins and responsive widths on

 *   top-level wrappers and content wrappers

 * - `--global--width-content` is a responsive variable

 * - See: globals/_global-width-responsive.scss

 */



/**

 * Top Level Wrappers (header, main, footer)

 * - Set vertical padding and horizontal margins

 */

















/* Block Alignments */



/**

 * These selectors set the default max width for content appearing inside a post or page.

 */



/**

 * .alignleft

 */

.alignleft {



	/*rtl:ignore*/

	text-align: left;

	margin-top: 0;

}



.entry-content > .alignleft {

	max-width: var(--responsive--aligndefault-width);

}



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



	.alignleft {



		/*rtl:ignore*/

		float: left;



		/*rtl:ignore*/

		margin-right: var(--global--spacing-horizontal);

		margin-bottom: var(--global--spacing-vertical);

	}



	.entry-content > .alignleft {

		max-width: calc(50% - var(--responsive--alignleft-margin));

	}

}



/**

 * .aligncenter

 */

.aligncenter {

	clear: both;

	display: block;

	float: none;

	margin-right: auto;

	margin-left: auto;

	text-align: center;

}



/**

 * .alignright

 */

.alignright {

	margin-top: 0;

	margin-bottom: var(--global--spacing-vertical);

}



.entry-content > .alignright {

	max-width: var(--responsive--aligndefault-width);

}



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



	.alignright {



		/*rtl:ignore*/

		float: right;



		/*rtl:ignore*/

		margin-left: var(--global--spacing-horizontal);

	}



	.entry-content > .alignright {

		max-width: calc(50% - var(--responsive--alignright-margin));

	}

}



[class*=inner-container] > .alignleft + *,

[class*=inner-container] > .alignright + * {

	margin-top: 0;

}



/**

 * .alignwide

 */

.alignwide {

	clear: both;

}



/**

 * .alignfull

 */

.alignfull {

	clear: both;

}



.has-left-content {

	justify-content: flex-start;

}



.has-right-content {

	justify-content: flex-end;

}



.has-parallax {

	background-attachment: fixed;

}



.has-drop-cap:not(:focus)::first-letter {

	font-family: var(--heading--font-family);

	font-weight: var(--heading--font-weight);

	line-height: 0.66;

	text-transform: uppercase;

	font-style: normal;

	float: left;

	margin: 0.1em 0.1em 0 0;

	font-size: calc(1.2 * var(--heading--font-size-h1));

}



.has-drop-cap:not(:focus)::after {

	content: "";

	display: table;

	clear: both;

	padding-top: 14px;

}



.desktop-only {

	display: none;

}

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



	.desktop-only {

		display: block;

	}

}



/* Category 06 contains all "bigger" components which contain elements of the previous two categories like header, footer, page template, single template, comments section, archives, ... */

.site-header {

	display: flex;

	align-items: flex-start;

	flex-wrap: wrap;

	row-gap: var(--global--spacing-vertical);

}



.wp-custom-logo .site-header {

	align-items: center;

}

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



	.site-header {

		padding-top: calc(var(--global--spacing-vertical) / 0.75);

	}

}

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



	.site-header {

		padding-top: calc(2.4 * var(--global--spacing-vertical));

	}

}



.site-branding {

	color: var(--branding--color-text);

	margin-right: 140px;

}



.site-branding:last-child {

	margin-right: 0;

	width: 100%;

	text-align: center;

}

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



	.site-branding {

		margin-right: initial;

		margin-top: 4px;

	}

}



.site-title {

	color: var(--branding--color-link);

	font-family: var(--branding--title--font-family);

	font-size: var(--branding--title--font-size-mobile);

	letter-spacing: normal;

	text-transform: var(--branding--title--text-transform);

	line-height: var(--global--line-height-heading);

	margin-bottom: calc(var(--global--spacing-vertical) / 6);

}



.site-title a {

	color: currentColor;

	font-weight: var(--branding--title--font-weight);

}



.site-title a:link,

.site-title a:visited,

.site-title a:active {

	color: currentColor;

}



.site-title a:hover,

.site-title a:focus {

	color: var(--branding--color-link-hover);

}

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



	.site-title {

		font-size: var(--branding--title--font-size);

	}

}



.site-description {

	color: currentColor;

	font-family: var(--branding--description--font-family);

	font-size: var(--branding--description--font-size);

	line-height: 1.4;

}



.site-title > a {

	text-decoration-color: var(--global--color-secondary);

}



.site-logo {

	margin: calc(var(--global--spacing-vertical) / 2) 0;

}



.site-header > .site-logo {

	width: 100%;

	padding-bottom: calc(var(--global--spacing-vertical) * 1.5);

	border-bottom: 1px solid;

	text-align: center;

}



.site-logo .custom-logo {

	margin-left: auto;

	margin-right: auto;

	max-width: var(--branding--logo--max-width-mobile);

	max-height: var(--branding--logo--max-height-mobile);

	height: auto;

	display: inline-block;

	width: auto;

}

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



	.site-logo .custom-logo {

		max-width: var(--branding--logo--max-width);

		max-height: var(--branding--logo--max-height);

		height: auto;

		width: auto;

	}

}



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



	.site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {

		position: absolute;

		padding-top: calc(0.5 * var(--global--spacing-vertical));

		margin-top: 0;

		top: var(--global--admin-bar--height);

	}



	.primary-navigation-open .site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo {

		display: none;

	}



	.site-header.has-logo:not(.has-title-and-tagline).has-menu .site-logo img {

		max-height: calc(var(--button--padding-vertical) - (0.25 * var(--global--spacing-unit)) + 1.7em);

	}



	.site-header.has-logo.has-title-and-tagline {

		align-items: flex-start;

	}



	.site-header.has-logo.has-title-and-tagline.has-menu {

		justify-content: space-between;

	}





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



	.primary-navigation > .primary-menu-container {

		height: 100vh;

		z-index: 499;

		overflow-x: hidden;

		overflow-y: auto;

		border: 2px solid transparent;

	}



	.has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {

		position: fixed;

		transform: translateY(0) translateX(100%);

	}



	.admin-bar .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {

		top: var(--global--admin-bar--height);

	}



	.admin-bar .primary-navigation > .primary-menu-container {

		height: calc(100vh - var(--global--admin-bar--height));

	}



	.primary-navigation > .primary-menu-container:focus {

		border: 2px solid var(--global--color-primary);

	}

}

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



	.primary-navigation-open .primary-navigation {

		width: 100%;

		position: fixed;

		z-index: 2;

	}

}



.primary-navigation-open .primary-navigation > .primary-menu-container {

	position: absolute;

	visibility: visible;

	opacity: 1;

	transform: translateY(0);

}

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



	.primary-navigation-open .has-logo.has-title-and-tagline .primary-navigation > .primary-menu-container {

		transform: translateX(0) translateY(0);

	}

}

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



	.primary-navigation {

		position: relative;

		margin-left: auto;

	}



	.primary-navigation > .primary-menu-container {

		visibility: visible;

		opacity: 1;

		position: relative;

		padding: 0;

		background-color: transparent;

		overflow: initial;

		transform: none;

	}



	.primary-navigation #toggle-menu {

		display: none;

	}



	.primary-navigation > .primary-menu-container ul > li .sub-menu-toggle[aria-expanded=false] ~ ul {

		display: none;

	}



	.admin-bar .primary-navigation {

		top: initial;

	}



	.admin-bar .primary-navigation > .primary-menu-container {

		top: initial;

	}

}



.primary-navigation > div > .menu-wrapper {

	display: flex;

	justify-content: flex-start;

	flex-wrap: wrap;

	list-style: none;

	margin: 0;

	max-width: none;

	padding-left: 0;

	position: relative;

}

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



	.primary-navigation > div > .menu-wrapper {

		padding-bottom: 100px;

	}



	.primary-navigation > div > .menu-wrapper ul {

		padding-left: 0;

	}

}



.primary-navigation > div > .menu-wrapper li {

	display: block;

	position: relative;

	width: 100%;

}

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



	.primary-navigation > div > .menu-wrapper li {

		margin: 0;

		width: inherit;

	}



	.primary-navigation > div > .menu-wrapper li:last-child {

		margin-right: 0;

	}

}



.primary-navigation > div > .menu-wrapper .sub-menu-toggle {

	display: flex;

	height: calc(2 * var(--primary-nav--padding) + 1.15em + 1px);

	width: 44px;

	padding: 0;

	justify-content: center;

	align-items: center;

	background: transparent;

	color: currentColor;

	border: none;

}



.primary-navigation > div > .menu-wrapper .sub-menu-toggle:focus {

	outline: 2px solid var(--wp--style--color--link, var(--global--color-primary));

}

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



	.primary-navigation > div > .menu-wrapper .sub-menu-toggle {

		display: none;

	}

}



.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-plus,

.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus {

	height: 100%;

	display: flex;

	align-items: center;

}



.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-plus svg,

.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus svg {

	margin-top: -1px;

}



.primary-navigation > div > .menu-wrapper .sub-menu-toggle .icon-minus {

	display: none;

}



.primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-minus {

	display: flex;

}



.primary-navigation > div > .menu-wrapper .sub-menu-toggle[aria-expanded=true] .icon-plus {

	display: none;

}



.primary-navigation > div > .menu-wrapper > li > .sub-menu {

	position: relative;

}

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



	.primary-navigation > div > .menu-wrapper > li > .sub-menu {

		left: 0;

		margin: 0;

		min-width: max-content;

		position: absolute;

		top: 100%;

		padding-top: 3px;

		transition: all 0.5s ease;

		z-index: 88888;

	}



	.primary-navigation > div > .menu-wrapper > li > .sub-menu:before,

	.primary-navigation > div > .menu-wrapper > li > .sub-menu:after {

		content: "";

		display: block;

		position: absolute;

		width: 0;

		top: -10px;

		left: var(--global--spacing-horizontal);

		border-style: solid;

		border-color: var(--primary-nav--border-color) transparent;

		border-width: 0 7px 10px 7px;

	}



	.primary-navigation > div > .menu-wrapper > li > .sub-menu:after {

		top: -9px;

		border-color: var(--global--color-background) transparent;

	}



	.primary-navigation > div > .menu-wrapper > li > .sub-menu li {

		background: var(--global--color-background);

	}



	.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left {



		/* rtl:ignore */

		left: 0;



		/* rtl:ignore */

		right: auto;

	}



	.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:before,

	.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-left:after {



		/* rtl:ignore */

		left: var(--global--spacing-horizontal);



		/* rtl:ignore */

		right: auto;

	}



	.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right {



		/* rtl:ignore */

		right: 0;



		/* rtl:ignore */

		left: auto;

	}



	.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:before,

	.primary-navigation > div > .menu-wrapper > li > .sub-menu.submenu-reposition-right:after {



		/* rtl:ignore */

		left: auto;



		/* rtl:ignore */

		right: var(--global--spacing-horizontal);

	}

}



.primary-navigation .primary-menu > .menu-item:hover > a {

	color: var(--primary-nav--color-link-hover);

}

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



	.primary-navigation .primary-menu-container {

		margin-right: calc(0px - var(--primary-nav--padding));

		margin-left: calc(0px - var(--primary-nav--padding));

	}



	.primary-navigation .primary-menu-container > ul > .menu-item {

		display: flex;

	}



	.primary-navigation .primary-menu-container > ul > .menu-item > a {

		padding-left: var(--primary-nav--padding);

		padding-right: var(--primary-nav--padding);

	}



	.primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle {

		margin-left: calc(5px - var(--primary-nav--padding));

	}

}



.primary-navigation a {

	display: block;

	font-family: var(--primary-nav--font-family-mobile);

	font-size: var(--primary-nav--font-size-mobile);

	font-weight: var(--primary-nav--font-weight);

	padding: var(--primary-nav--padding) 0;

	text-decoration: none;

}

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



	.primary-navigation a {

		display: block;

		font-family: var(--primary-nav--font-family);

		font-size: var(--primary-nav--font-size);

		font-weight: var(--primary-nav--font-weight);

	}

}



.primary-navigation a + svg {

	fill: var(--primary-nav--color-text);

}



.primary-navigation a:hover,

.primary-navigation a:link,

.primary-navigation a:visited {

	color: var(--primary-nav--color-link-hover);

}



.primary-navigation a:hover {

	text-decoration: underline;

	text-decoration-style: dotted;

}



.primary-navigation a:focus {

	position: relative;

	z-index: 99999;

	outline-offset: 0;

	text-decoration-thickness: 2px;

}



.primary-navigation .current-menu-item > a:first-child,

.primary-navigation .current_page_item > a:first-child {

	text-decoration: underline;

	text-decoration-style: solid;

}



.primary-navigation .current-menu-item > a:first-child:hover,

.primary-navigation .current_page_item > a:first-child:hover {

	text-decoration: underline;

	text-decoration-style: dotted;

}



.primary-navigation .sub-menu {

	margin: 0;

	padding: 0;

	list-style: none;

	margin-left: var(--primary-nav--padding);

	border: 1px solid var(--primary-nav--border-color);

}



.primary-navigation .sub-menu .sub-menu {

	border: none;

}

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



	.primary-navigation .sub-menu > .menu-item > .sub-menu {

		padding: 0;

	}

}

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



	.primary-navigation .sub-menu .menu-item:last-child {

		margin-bottom: 0;

	}

}



.primary-navigation .sub-menu .menu-item > a {

	padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding);

	display: block;

	font-size: var(--primary-nav--font-size-sub-menu-mobile);

	font-style: var(--primary-nav--font-style-sub-menu-mobile);

}

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



	.primary-navigation .sub-menu .menu-item > a {

		font-size: var(--primary-nav--font-size-sub-menu);

		font-style: var(--primary-nav--font-style);

	}

}



.primary-navigation .menu-item-has-children > .svg-icon {

	display: none;

}

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



	.primary-navigation .menu-item-has-children > .svg-icon {

		display: inline-block;

		height: 100%;

	}



	.primary-navigation .menu-item-has-children .sub-menu .svg-icon {

		display: none;

	}

}



.primary-navigation .menu-item-description {

	display: block;

	clear: both;

	font-size: var(--global--font-size-xs);

	text-transform: none;

	line-height: 1.7;

}



.primary-navigation .menu-item-description > span {

	display: inline-block;

}



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



	.lock-scrolling .site {

		position: fixed;

		max-width: 100%;

		width: 100%;

	}

}

@keyframes twentytwentyone-close-button-transition {



	from {

		opacity: 0;

	}



	to {

		opacity: 1;

	}

}



.footer-navigation {

	margin-top: calc(2 * var(--global--spacing-vertical));

	margin-bottom: var(--global--spacing-vertical);

	color: var(--footer--color-text);

	font-size: var(--global--font-size-xs);

	font-family: var(--footer--font-family);

}



.footer-navigation-wrapper {

	display: flex;

	justify-content: center;

	flex-wrap: wrap;

	list-style: none;

	padding-left: 0;

}



.footer-navigation-wrapper li {

	display: inline;

	line-height: 3;

}



.footer-navigation-wrapper li a {

	padding: calc(1.25 * var(--primary-nav--padding)) var(--primary-nav--padding);

	transition: transform 0.1s ease;

	color: var(--footer--color-link);

}



.footer-navigation-wrapper li a:link,

.footer-navigation-wrapper li a:visited,

.footer-navigation-wrapper li a:active {

	color: var(--footer--color-link);

}



.footer-navigation-wrapper li a:hover {

	text-decoration: underline;

	text-decoration-style: dotted;

	text-decoration-skip-ink: none;

	color: var(--footer--color-link-hover);

}



.is-dark-theme .footer-navigation-wrapper li a:focus .svg-icon {

	fill: var(--wp--style--color--link, var(--global--color-background));

}



.has-background-white .footer-navigation-wrapper li a:focus .svg-icon {

	fill: var(--wp--style--color--link, var(--global--color-white));

}



.footer-navigation-wrapper li .svg-icon {

	vertical-align: middle;

	fill: var(--footer--color-link);

}



.footer-navigation-wrapper li .svg-icon:hover {

	transform: scale(1.1);

}



.footer-navigation-wrapper .sub-menu-toggle,

.footer-navigation-wrapper .menu-item-description {

	display: none;

}



/* Next/Previous navigation */

.navigation {

	color: var(--global--color-primary);

}



.navigation a {

	color: var(--global--color-primary);

	text-decoration: none;

}



.navigation a:hover {

	color: var(--global--color-primary-hover);

	text-decoration: underline;

	text-decoration-style: dotted;

}



.navigation a:focus {

	color: var(--global--color-secondary);

}



.navigation a:active {

	color: var(--global--color-primary);

}



.navigation .nav-links > * {

	min-width: 44px;

	min-height: 44px;

}



.navigation .nav-links .nav-next a,

.navigation .nav-links .nav-previous a {

	display: flex;

	flex-direction: column;

}



.navigation .nav-links .dots {

	text-align: center;

}

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



	.navigation .nav-links {

		display: flex;

		justify-content: center;

		flex-wrap: wrap;

	}



	.navigation .nav-links .nav-next,

	.navigation .nav-links .nav-previous {

		flex: 0 1 auto;

		margin-bottom: inherit;

		margin-top: inherit;

		max-width: calc(50% - (0.5 * var(--global--spacing-unit)));

	}



	.navigation .nav-links .nav-next {

		text-align: right;

	}

}



.navigation .svg-icon {

	display: inline-block;

	fill: currentColor;

	vertical-align: middle;

	position: relative;

}



.navigation .nav-previous .svg-icon,

.navigation .prev .svg-icon {

	top: -2px;

	margin-right: calc(0.25 * var(--global--spacing-unit));

}



.navigation .nav-next .svg-icon,

.navigation .next .svg-icon {

	top: -1px;

	margin-left: calc(0.25 * var(--global--spacing-unit));

}



.post-navigation {

	margin: var(--global--spacing-vertical) auto;

}

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



	.post-navigation {

		margin: var(--global--spacing-vertical) auto;

	}

}



.post-navigation .meta-nav {

	line-height: var(--global--line-height-body);

	color: var(--global--color-primary);

}



.post-navigation .post-title {

	display: inline-block;

	font-family: var(--global--font-primary);

	font-size: var(--global--font-size-lg);

	font-weight: var(--pagination--font-weight-strong);

	line-height: var(--global--line-height-heading);

}

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



	.post-navigation .post-title {

		margin: 5px calc(24px + (0.25 * var(--global--spacing-unit))) 0;

	}

}

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



	.post-navigation .nav-links {

		justify-content: space-between;

	}

}



.post-navigation .nav-next,

.post-navigation .nav-previous {

	margin-top: var(--global--spacing-vertical);

	margin-bottom: var(--global--spacing-vertical);

}



.post-navigation .nav-next:first-child,

.post-navigation .nav-previous:first-child {

	margin-top: 0;

}



.post-navigation .nav-next:last-child,

.post-navigation .nav-previous:last-child {

	margin-bottom: 0;

}



.pagination,

.comments-pagination {

	border-top: 3px solid var(--global--color-border);

	padding-top: var(--global--spacing-vertical);

	margin: var(--global--spacing-vertical) auto;

}

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



	.pagination,

	.comments-pagination {

		margin: var(--global--spacing-vertical) auto;

	}

}



.pagination .nav-links,

.comments-pagination .nav-links {

	margin-top: calc(-1 * var(--global--spacing-vertical));

}



.pagination .nav-links a:hover,

.comments-pagination .nav-links a:hover {

	color: var(--pagination--color-link-hover);

}



.is-dark-theme .pagination .nav-links a:active,

.is-dark-theme .pagination .nav-links a:hover:active,

.is-dark-theme .pagination .nav-links a:hover:focus,

.is-dark-theme .comments-pagination .nav-links a:active,

.is-dark-theme .comments-pagination .nav-links a:hover:active,

.is-dark-theme .comments-pagination .nav-links a:hover:focus {

	color: var(--global--color-background);

}



.has-background-white .pagination .nav-links a:active,

.has-background-white .pagination .nav-links a:hover:active,

.has-background-white .pagination .nav-links a:hover:focus,

.has-background-white .comments-pagination .nav-links a:active,

.has-background-white .comments-pagination .nav-links a:hover:active,

.has-background-white .comments-pagination .nav-links a:hover:focus {

	color: var(--global--color-white);

}



.pagination .nav-links > *,

.comments-pagination .nav-links > * {

	color: var(--pagination--color-text);

	font-family: var(--pagination--font-family);

	font-size: var(--pagination--font-size);

	font-weight: var(--pagination--font-weight);

	margin-top: var(--global--spacing-vertical);

	margin-left: calc(0.66 * var(--global--spacing-unit));

	margin-right: calc(0.66 * var(--global--spacing-unit));

}



.pagination .nav-links > *.current,

.comments-pagination .nav-links > *.current {

	text-decoration: underline;

}



.pagination .nav-links > *:not(.dots):not(.current):hover,

.comments-pagination .nav-links > *:not(.dots):not(.current):hover {

	text-decoration-style: dotted;

}



.pagination .nav-links > *:first-child,

.comments-pagination .nav-links > *:first-child {

	margin-left: 0;

}



.pagination .nav-links > *:last-child,

.comments-pagination .nav-links > *:last-child {

	margin-right: 0;

}



.pagination .nav-links > *.next,

.comments-pagination .nav-links > *.next {

	margin-left: auto;

}



.pagination .nav-links > *.prev,

.comments-pagination .nav-links > *.prev {

	margin-right: auto;

}

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



	.pagination .nav-links,

	.comments-pagination .nav-links {

		display: flex;

		flex-wrap: wrap;

	}



	.pagination .page-numbers,

	.comments-pagination .page-numbers {

		display: none;

	}



	.pagination .page-numbers.prev,

	.pagination .page-numbers.next,

	.comments-pagination .page-numbers.prev,

	.comments-pagination .page-numbers.next {

		display: inline-block;

		flex: 0 1 auto;

	}

}