/* PORTFOLIO: category menu, project counts and project details. Loaded on portfolio pages only. */

.menu-portfolio-menu-container ul { list-style: none; display: flex; justify-content: center; margin: 0; align-items: center; margin-left: auto; margin-right: auto; flex-wrap: wrap;grid-gap: 20px; }
.menu-portfolio-menu-container ul li a, button.category-button, a.category-button  /*, .portfolio-tags a*/ {letter-spacing: 1px; font-size: 13px; font-weight: 700; text-transform: uppercase; padding: 9px 17px; background-color: var(--white);}
.portfolio-categories /*, .portfolio-tags a*/ {  letter-spacing: 1px; font-size: 13px; font-weight: 700; text-transform: uppercase; min-width: 150px; padding: 9px 17px; background-color: white; }
.menu-portfolio-menu-container li a:hover, .menu-portfolio-menu-container li a:focus, .menu-portfolio-menu-container li a:active { color: var(--main); }
.category-count { color: var(--accent); font-size: small; position: absolute; left: 50%; transform: translateX(-50%); margin-top: 14px;}
.portfolio-meta { position: relative; font-size: 16px; text-align: center; font-weight: 400; letter-spacing: 0.75px; display: flex; justify-content: center; align-items: center; margin: 0!important;}