.primary-navigation a:link {
.primary-navigation a:visited {
.primary-navigation a:hover {
text-decoration: underline;
text-decoration-style: dotted;
.primary-navigation a:focus {
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 {
border: 1px solid #28303d;
.primary-navigation .sub-menu .sub-menu {
@media only screen and (min-width: 482px) {
.primary-navigation .sub-menu > .menu-item > .sub-menu {
@media only screen and (max-width: 481px) {
.primary-navigation .sub-menu .menu-item:last-child() {
.primary-navigation .sub-menu .menu-item > a {
@media only screen and (min-width: 482px) {
.primary-navigation .sub-menu .menu-item > a {
.primary-navigation .menu-item-has-children > .svg-icon {
@media only screen and (min-width: 482px) {
.primary-navigation .menu-item-has-children > .svg-icon {
.primary-navigation .menu-item-has-children .sub-menu .svg-icon {
.primary-navigation .menu-item-description {
.primary-navigation .menu-item-description > span {
@media only screen and (max-width: 481px) {
@keyframes twentytwentyone-close-button-transition {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
.footer-navigation-wrapper {
.footer-navigation-wrapper li {
.footer-navigation-wrapper li a {
transition: transform 0.1s ease;
.footer-navigation-wrapper li a:link {
.footer-navigation-wrapper li a:visited {
.footer-navigation-wrapper li a:active {
.footer-navigation-wrapper li a:hover {
text-decoration: underline;
text-decoration-style: dotted;
text-decoration-skip-ink: none;
.is-dark-theme .footer-navigation-wrapper li a:focus .svg-icon {
.has-background-white .footer-navigation-wrapper li a:focus .svg-icon {
.footer-navigation-wrapper li .svg-icon {
.footer-navigation-wrapper li .svg-icon:hover {
.footer-navigation-wrapper .sub-menu-toggle,
.footer-navigation-wrapper .menu-item-description {
/* Next/Previous navigation */
text-decoration: underline;
text-decoration-style: dotted;
.navigation .nav-links > * {
.navigation .nav-links .nav-next a,
.navigation .nav-links .nav-previous a {
.navigation .nav-links .dots {
@media only screen and (min-width: 592px) {
.navigation .nav-links .nav-next {
max-width: calc(50% - 10px);
.navigation .nav-links .nav-previous {
max-width: calc(50% - 10px);
.navigation .nav-links .nav-next {
.navigation .nav-previous .svg-icon {
.navigation .prev .svg-icon {
.navigation .nav-next .svg-icon {
.navigation .next .svg-icon {
@media only screen and (min-width: 822px) {
.post-navigation .meta-nav {
.post-navigation .post-title {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
@media only screen and (min-width: 822px) {
.post-navigation .post-title {
@media only screen and (min-width: 482px) {
.post-navigation .nav-links {
justify-content: space-between;
.post-navigation .nav-next {
.post-navigation .nav-previous {
.post-navigation .nav-next:first-child,
.post-navigation .nav-previous:first-child {
.post-navigation .nav-next:last-child,
.post-navigation .nav-previous:last-child {
border-top: 3px solid #28303d;
border-top: 3px solid #28303d;
@media only screen and (min-width: 822px) {
.comments-pagination .nav-links {
.pagination .nav-links a:hover {
.comments-pagination .nav-links a: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 {
.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 {
.pagination .nav-links > * {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
.comments-pagination .nav-links > * {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
.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 {
.pagination .nav-links > *:last-child,
.comments-pagination .nav-links > *:last-child {
.pagination .nav-links > *.next,
.comments-pagination .nav-links > *.next {
.pagination .nav-links > *.prev,
.comments-pagination .nav-links > *.prev {
@media only screen and (max-width: 821px) {
.comments-pagination .nav-links {
.pagination .page-numbers,
.comments-pagination .page-numbers {
.pagination .page-numbers.prev,
.pagination .page-numbers.next,
.comments-pagination .page-numbers.prev,
.comments-pagination .page-numbers.next {
@media only screen and (max-width: 481px) {
.comments-pagination .nav-short {
@media only screen and (min-width: 822px) {