/*
Theme Name: PitEtAk
Theme URI: http://127.0.0.1/wordpress/
Author: Alak
Author URI: https://pitetak.com
Description: Look for it
Requires at least: 6.7
Tested up to: 6.9
Requires PHP: 7.2
Version: 0.7
Text Domain: pitetak
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
*/

/*
 * IMPORTANT: This file is only served on the frontend when `SCRIPT_DEBUG` is enabled;
 * in most instances, the `style.min.css` file will be served. It is not recommended that you
 * use the Theme File Editor to modify this stylesheet. Instead, add the necessary style
 * overrides via "Additional CSS" in the Site Editor.
 */

/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */

a,
a:link,
a:visited,
a:active {
    color: var(--wp--preset--color--info);
	text-shadow: none;
    text-decoration: underline;
}

a:hover {
	color: var(--wp--preset--color--info-dark);
	text-shadow: 4px 4px 2px rgba(255, 244, 153, 0.8);
    text-decoration: underline;
}

a:focus-visible {
	outline: 2px solid var(--wp--preset--color--info-light);
	outline-offset: 2px;
}

a.silent-link,
a.silent-link:link,
a.silent-link:visited,
a.silent-link:active,
a.silent-link:hover {
    color: inherit;
	text-shadow: none;
    text-decoration: none;
}


/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

/*
 * Prevents unnecessary scrollbars while handling long lines of preformatted text.
 * https://core.trac.wordpress.org/ticket/63875
 */
:where(pre) {
	overflow-x: auto;
}


/* --- ___ Home ___ --- */

.home-menu {
    justify-content: center;
}

.home .shapes {
    display: flex;
    flex-direction: column;
    width: calc(100% - 32px);
    max-width: 992px;
    align-items: center;
    
    box-sizing: border-box;
    padding: 0px 0px 0px 0px;
    margin: 0px auto 0px auto;
}

.home .shapes .mobile-shape {
    display: inline-flex;
    width: 100%;
    max-width: 343px;
    height: 184%;
    
    box-sizing: border-box;
    padding: 0px 0px 0px 0px 0px;
    margin: 0px auto 0px auto;
}

.home .shapes .desktop-shape {
    display: none;
    width: 100%;
    max-width: 992px;
    height: 54%;
    
    box-sizing: border-box;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.ribbon {
    
}

@media only screen and (min-width: 768px) {
    
    .index-category .ribbon {
        display: none;
    }
    
    .index-category:hover .ribbon {
        display: block;
    }
}

.ribbon .ribbon-legend {
    font-family: var(--wp--preset--font-family--amatic-sc);
    font-size: 4.25rem;
    color: var(--wp--preset--color--base);   
}

.ribbon .ribbon-legend.ribbon--lo{
    font-size: 3rem;
}

.ribbon .ribbon-legend.ribbon--tr{
    font-size: 3rem;
    letter-spacing: -2%;
}

.ribbon .ribbon-legend.ribbon--mobile {
    font-size: 2rem;
}

.ribbon .ribbon-legend.ribbon--mobile--tr {
    font-size: 1.8rem;
}

.ribbon .ribbon-legend.ribbon--mobile--tr {
    font-size: 1.8rem;
}


@media only screen and (min-width: 768px) {
    
    .home .shapes .mobile-shape {
        display: none;
    }

    .home .shapes .desktop-shape {
        display: inline-flex;
    }
}

/* --- ___ Header ___ --- */


.top-menu nav ul li.wp-block-navigation-item {
    display: inline-block;
    position: relative;
    
    
    border: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 8px 0px 0px;
}

.top-menu nav ul li.wp-block-navigation-item:before {
    content: ""; 
	position: absolute;
	top: 0; 
	left: 0; 
	border-bottom: 3px solid #303A42; 
	width: 0%; 
}

.top-menu nav ul li.wp-block-navigation-item:after {
    content: ""; 
	position: absolute;
	bottom: 0; 
	left: 0; 
	border-bottom: 3px solid #303A42; 
	width: 0%; 
}

.top-menu nav ul li.wp-block-navigation-item a.wp-block-navigation-item__content {
    position: relative;
    
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;	
	text-decoration: none;
	
    padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;	
}

.top-menu nav ul li.wp-block-navigation-item a.wp-block-navigation-item__content:hover {
    text-decoration: none;
	text-shadow: 4px 4px 2px rgba(106, 222, 255, 0.05);
}

.top-menu nav ul li.wp-block-navigation-item a.wp-block-navigation-item__content:focus {
    outline: 2px solid var(--wp--preset--color--info-light);
    border-radius: 4px;
}

.top-menu nav ul li.wp-block-navigation-item a.wp-block-navigation-item__content:before {
    content: "";
    position: absolute;
    top: 0px;
	left: 0px;
    
    font-family: var(--wp--preset--font-family--header);
    font-size: 2.5rem;
	line-height: 3.5rem;
	opacity: 0;
	color: var(--wp--preset--color--ink);
    
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.top-menu nav ul li.menu-entry--blog a.wp-block-navigation-item__content:before {
	content: "\e601";
}

.top-menu nav ul li.menu-entry--pictures a.wp-block-navigation-item__content:before {
	content: "\e603";
}

.top-menu nav ul li.menu-entry--map a.wp-block-navigation-item__content:before {
	content: "\e602";
}

.top-menu nav ul li.menu-entry--lord-of-the-rings a.wp-block-navigation-item__content:before {
	content: "\e600";
}

.top-menu nav ul li.wp-block-navigation-item:hover a.wp-block-navigation-item__content:before,
.top-menu nav ul li.wp-block-navigation-item.selectedElement a.wp-block-navigation-item__content:before
{
	-webkit-animation: iconAppearance 0.2s; 
    animation: iconAppearance 0.2s;
	
	opacity: 1;
}


.top-menu nav ul li.wp-block-navigation-item a.wp-block-navigation-item__content span.wp-block-navigation-item__label {
    display: inline-block;
    
    font-family: 'Oswald', sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 1.5rem;
	line-height: 2.75rem;
	letter-spacing: -0.02em;
    color: var(--wp--preset--color--ink);
    
    padding: 0px 28px 4px 28px;
    margin: 4px 0px 4px 0px;
    
    transition: padding 0.2s;
}

.top-menu nav ul li.wp-block-navigation-item.selectedElement a.wp-block-navigation-item__content span.wp-block-navigation-item__label,
.top-menu nav ul li.wp-block-navigation-item:hover a.wp-block-navigation-item__content span.wp-block-navigation-item__label {
    padding: 0px 8px 4px 48px;
}

.top-menu nav ul li.wp-block-navigation-item:hover:before,
.top-menu nav ul li.wp-block-navigation-item.selectedElement:before,
.top-menu nav ul li.wp-block-navigation-item:hover:after,
.top-menu nav ul li.wp-block-navigation-item.selectedElement:after{
	border-bottom: 2px solid var(--wp--preset--color--ink);
	border-top: 2px solid var(--wp--preset--color--ink);
	-webkit-animation: borderAnimation 0.2s; 
    animation: borderAnimation 0.2s;
	
	width: 100%;
}

/* --- Header Animation Part --- */


/* Chrome, Safari, Opera */
@-webkit-keyframes borderAnimation {
    0%   {width: 0%;}
    25%  {width: 20%;}
    50%  {width: 40%;}
    75%  {width: 70%;}
    100% {width: 100%;}
}

@-webkit-keyframes iconAppearance {
    from {opacity: 0.1;}
    to {opacity: 1;}
}

@-webkit-keyframes leftMarginHeader {
    from {margin-left: 0px;}
    to {margin-left: 25px;}
}

/* Standard syntax */
@keyframes borderAnimation {
    0%   {width: 0%;}
    25%  {width: 20%;}
    50%  {width: 40%;}
    75%  {width: 70%;}
    100% {width: 100%;}
}

@keyframes iconAppearance {
    from {opacity: 0.1;}
    to {opacity: 1;}
} 

@keyframes leftMarginHeader {
    from {margin-left: 0px;}
    to {margin-left: 25px;}
} 

/* --- ___ Footer ___ --- */

.footer-content {
    display: flex;
    flex-direction: row;
    width: calc( 100% - 32px);
    max-width: 992px;
    column-gap: 8px;
    align-items: center;
    
    box-sizing: border-box;
    padding: 0px 0px 24px 0px;
    margin: 0px auto 0px auto;
}

.footer-content .footer-line {
    width: 100%;
    flex-grow: 1;
    
    box-sizing: border-box;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.footer-content .footer-menu {
    flex-shrink: 0;
    
    box-sizing: border-box;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.footer-content .footer-menu .footer-link,
.footer-content .footer-menu .footer-link:link,
.footer-content .footer-menu .footer-link:visited {
    font-family: 'Amatic SC', cursive;
    font-size: var(--wp--preset--font-size--large);
    line-height: 1.5rem;
    font-style: normal;
    font-weight: normal;
    color: var(--wp--preset--color--dark-grey);
    text-align: right;
    text-decoration: none;
    text-shadow: none;
}

.footer-content .footer-menu .footer-link:hover {
    color: var(--wp--preset--color--info);
	text-decoration: none;
	text-shadow: 4px 4px 2px var(--wp--preset--color--yellow-light);
    
}

.footer-content .footer-menu .footer-link:focus {
    outline: 2px solid var(--wp--preset--color--info-light);
    border-radius: 2px;
}

.footer-content .footer-menu .footer-link:active {
    color: var(--wp--preset--color--alert);
	text-decoration: none;
	text-shadow: none;
    
}

/* --- ___ Page gallerie ___ --- */

.page-gallery {
    
}

.page-gallery .wp-block-pellicule-album-block  {
    margin-bottom: 36px;
    margin-left: auto;
        margin-right: auto;
}

.page-gallery .wp-block-pellicule-album-block::after  {
    content: attr(data-pellicule-album-title);
    display: inline-block;
    width: 100%;
    
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: var(--wp--preset--color--ink);
    
    padding-top: 12px;
}

@media (max-width: 781px) {
  .page-gallery .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
    flex-basis: auto !important;
  }
}

/* --- ___ Articles & Catégories ___ --- */

.article-container,
.category-container {
    width: 100%;
    max-width: 1056px;
    
    box-sizing: border-box;
    padding: 24px 32px 24px 32px;
    margin: 0px auto 0px auto;
}

.article-container .article,
.category-container .category {
    
}

.article-container .sidebar,
.category-container .sidebar {
    position: fixed;
    z-index: 1000;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    
    background-color: var(--wp--preset--color--mask); 
    
    box-sizing: border-box;
    padding: 24px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.article-container .sidebar .sidebar-content,
.category-container .sidebar .sidebar-content {
    display: flex;
    flex-direction: column;
    gap: 8px;
    
    background-color: var(--wp--preset--color--base);
    border-top-left-radius: 16px;
    border-top-right-radius: 16px;
    
    box-sizing: border-box;
    padding: 16px 16px 0px 16px;
    margin: 0px 0px 0px 0px;
}

.article-container .sidebar .sidebar-content .sidebar-content--header,
.category-container .sidebar .sidebar-content .sidebar-content--header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    
    box-sizing: border-box;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.article-container .sidebar .sidebar-content .sidebar-content--header,
.category-container .sidebar .sidebar-content .sidebar-content--header {
    font-family: var(--wp--preset--font-family--oswald);
    font-style: normal;
    font-weight: bold;
    font-size: 1.25em;
    line-height: 1.5rem;
    color: var(--wp--preset--color--ink);
    
    box-sizing: border-box;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.article-container .sidebar .sidebar-content .sidebar-content--content,
.category-container .sidebar .sidebar-content .sidebar-content--content {
    height: calc(100vh - 88px);
    overflow-y: auto;
    
    box-sizing: border-box;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.article-container .sidebar,
.category-container .sidebar{
    display: none;
}

.article-container.showSidebar .sidebar,
.category-container.showSidebar .sidebar {
    display: unset;
}

@media only screen and (min-width: 768px) {
    
    .article-container,
    .category-container { 
        display: flex;
        flex-direction: row;
        gap: 24px;
    }
    
    .article-container .sidebar,
    .category-container .sidebar {
        position: relative;
        display: flex;
        flex-direction: column;
        flex: 0 0 240px;
        height: auto;
        
        background-color: transparent;
    }
    
    .article-container .sidebar .sidebar-content .sidebar-content--header,
    .category-container .sidebar .sidebar-content .sidebar-content--header {
        display: none;
    }
    
    .article-container .sidebar .sidebar-content .sidebar-content--content,
    .category-container .sidebar .sidebar-content .sidebar-content--content {
        height: auto;
        overflow-y: visible;
    }
}

.button,
.button:link {
    cursor: pointer;
    
    /*font-family: var(--wp--preset--font-family--open-sans);*/
    font-family: var(--wp--preset--font-family--didact-gothic);
    font-style: normal;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.19rem;
    letter-spacing: 0.04em;
    color: var(--wp--preset--color--ink);  
    
    background-color: var(--wp--preset--color--base);  
    border: 2px solid var(--wp--preset--color--ink);
    border-radius: 8px;
    
    box-sizing: border-box;
    padding: 8px 12px 8px 12px;
    margin: 0px 0px 0px 0px;
}

.button svg path,
.button:link svg path {
    fill: var(--wp--preset--color--ink);
}

.button:hover {
    color: var(--wp--preset--color--ink-light);
    border: 2px solid var(--wp--preset--color--ink-light);
}

.button:hover svg path {
    fill: var(--wp--preset--color--ink-light);
}

.button:focus {
    outline: none;
}

.button:focus-visible {
    outline: 2px solid var(--wp--preset--color--info-light);
    outline-offset: 2px;
}

.button:active {
    color: var(--wp--preset--color--base);  
    
    background-color: var(--wp--preset--color--ink);  
}

.button:active svg path {
    fill: var(--wp--preset--color--base);
}

.button--grey,
.button--grey:link {
    color: var(--wp--preset--color--dark-grey);
    
    border: none;
    background-color: var(--wp--preset--color--primary-bg);
}

.button--grey:hover {
    color: var(--wp--preset--color--dark-grey);
    
    border: none;
    background-color: var(--wp--preset--color--primary-bg-dark);
}

.button--grey:active {
    color: var(--wp--preset--color--primary-bg);
    
    border: none;
    background-color: var(--wp--preset--color--dark-grey);
}

.button--grey:active svg path {
    fill: var(--wp--preset--color--primary-bg);
}

.button--icon {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    
    padding:  0px 0px 0px 0px;
}

.button--icon--small {
    width: 40px;
    height: 40px;
}

.button--hide-sidebar {
}


@media only screen and (min-width: 768px) {
    
    .button--show-sidebar,
    .button--hide-sidebar{
        display: none;
    }
}

/*--- ___ Article sidebar ___ --- */

.sidebar ul {
	list-style: none;
	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.sidebar ul li {
	position: relative;
    
    font-family: var(--wp--preset--font-family--medula-one);
	font-style: normal;
	font-weight: normal;
	font-size: 1.7rem;
    line-height: 1.9rem;
	color: #f0373f;
	
	background-image: url('assets/images/sideBarElement/sideBar_.png');
	background-repeat: repeat-y;
    
    margin: 0px 0px 0px 0px;
    padding: 4px 0px 8px 28px;
}

.sidebar ul li:before {
	content: '';
    position: absolute;
	top: 16px;
	left: 6px;
    width: 10px;
	height: 10px;

	border-radius: 10px;
	background-color: #303a42;
    
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.sidebar ul li:last-child {
	background-image: url('assets/images/sideBarElement/sideBar_20x20.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
    background-position: 0px -180px;
    background-clip: border-box;
}

.sidebar ul li:first-child {
	background-image: url('assets/images/sideBarElement/sideBar_20x20.png');
	background-repeat: no-repeat;
	background-position: 0px 25px;
}

.sidebar ul li a {
    font-size: 1.7rem;
    line-height: 1.9rem;
	text-decoration: none;
	color: #303a42;
}

@media only screen and (min-width: 768px) {
    
    .sidebar ul li,
    .sidebar ul li a {
        font-size: 2rem;
        line-height: 2.1rem;
    }
}

.sidebar ul li.displayedPost:before {
	background-color: #F0373F;
	
	top: 15px;
	left: 3px;
	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
	width: 15px;
	height: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

.sidebar ul li:hover a {	
	-webkit-animation: sideBarText 0.2s; 
    animation: sideBarText 0.2s;
	
	color: #66CC33;
}

.sidebar ul li:hover:before {	
	-webkit-animation: scaleUpCircle 0.2s; 
    animation: scaleUpCircle 0.2s;
	
	background-color: #66CC33;
	top: 14px;
	left: 3px;
	width: 15px;
	height: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}

.sidebar ul li.displayedPost:hover:before {
	-webkit-animation: doNotSelect 0.2s; 
    animation: doNotSelect 0.2s;
	
	top: 14px;
	left: -4px;
	background-color: transparent;
	
	width: 0;
	height: 0;
	border-top: 8px solid transparent;
	border-right: 16px solid #F0373F;
	border-bottom: 8px solid transparent;
	
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}


/* --- SideBar Animation Part --- */

@keyframes sideBarText {
    from
	{
		color: #303a42;
	}
	to
	{
		color: #66CC33;
	}
}

@keyframes doNotSelect {
    from
	{
		background-color: #F0373F;
		top: 15px;
		left: 3px;
		width: 0px;
		height: 0px;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		border-radius: 15px;
	}
	to
	{
		top: 14px;
		left: -3px;
		background-color: transparent;
	
		width: 0;
		height: 0;
		border-top: 8px solid transparent;
		border-right: 16px solid #F0373F;
		border-bottom: 8px solid transparent;
	
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
	}
}

@keyframes scaleUpCircle {
    from
	{
		top: 16px;
		left: 6px;
		width: 10px;
		height: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	
		background-color: #303a42;
	}
	to
	{
		background-color: #66CC33;
		top: 14px;
		left: 3px;
		width: 15px;
		height: 15px;
		-moz-border-radius: 15px;
		-webkit-border-radius: 15px;
		border-radius: 15px;
	}
}



/*--- ___ Article content ___ --- */

.linked-category {
    position: relative;
    
    font-family: var(--wp--preset--font-family--didact-gothic);
    font-style: normal;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1.19rem;
    letter-spacing: 0.04em;
    color: #847f7f;
    
    box-sizing: border-box;
    padding: 0px 0px 0px 0px;
    margin-top: 8px;
}

.linked-category::before {
    content: "\e607";
    position: absolute;
    left: 0px;
    
    font-family: var(--wp--preset--font-family--header);
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-transform: none;
    color: #847f7f;
    
}

.linked-category .wp-block-post-terms  {
    padding: 0px 0px 0px 12px;
    margin: 0px 0px 0px 0px;
}

.linked-category .wp-block-post-terms a,
.linked-category .wp-block-post-terms a:link, 
.linked-category .wp-block-post-terms a:visited, 
.linked-category .wp-block-post-terms a:active {
    position: relative;
    
    text-shadow: none;
    text-decoration: none;
    color: #847f7f;
    
    padding: 2px 2px 2px 2px;
    margin: 0px 0px 0px 0px;
}

.linked-category .wp-block-post-terms a:hover {
    color: #3b9abf;
    text-shadow: none;
}

.linked-category .wp-block-post-terms a:before {
    content: " ";
    
    position: absolute;
    width: 100%;
    height: 1%;
    
    bottom: 0px;
    left: 0px;
    
    background-color: #eeeeef;
    z-index: -1; 
}

.linked-category .wp-block-post-terms a:hover:before {
    -webkit-animation: linkBackgroundToTop 0.3s; 
    animation: linkBackgroundToTop 0.3s;
    
    height: 100%;
}

.wp-block-column:has(.wp-block-pellicule-album-block) {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 215px;
}

/* --- Post Animation Part --- */

@keyframes linkBackgroundToTop {
    from {
		height: 1%;
	}
	to {
		height: 100%;
	}
}

/*--- ___ Category content ___ --- */

.articles-in-that-category .articles-in-that-category--title {
    
    font-family: var(--wp--preset--font-family--didact-gothic);
    font-style: normal;
    font-weight: bold;
    font-size: 1.75rem;
    line-height: 3rem;
    color: var(--wp--preset--color--ink);
    
    box-sizing: border-box;
    padding: 0px 0px 16px 0px;
    margin: 0px 0px 0px 0px;
}

.articles-in-that-category ul {
    list-style: none;
    
    box-sizing: border-box;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.articles-in-that-category ul li {
    box-sizing: border-box;
    padding: 0px 0px 8px 0px;
    margin: 0px 0px 0px 0px;
}

.articles-in-that-category .article-in-that-category--link {
    font-family: var(--wp--preset--font-family--oswald);
    font-size: 1.37rem;
    line-height: 2rem;
    font-style: normal;
    font-weight: normal;
    color: var(--wp--preset--color--ink);
    text-decoration: none;
    
}

.articles-in-that-category .article-in-that-category--link:hover {
    color: var(--wp--preset--color--info);
    text-shadow: none;
}

.articles-in-that-category .article-in-that-category--link:focus-visible {
    outline: 2px solid var(--wp--preset--color--info-light);
    outline-offset: 2px;
    border-radius: 4px;
}