/*
Theme Name: Child theme of Kadence
Template: kadence
Theme URI: https://www.kadencewp.com/kadence-theme/
Author: Kadence WP - modified by Daniel Demjen
Author URI: https://www.kadencewp.com/
Description: This child theme is based on the Kadence Theme, it uses minor modifications to the original theme.
Version: 1.4.3
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: kadence-child
Requires at least: 6.3
Tested up to: 6.9
Tags: translation-ready, accessibility-ready, two-columns, right-sidebar, left-sidebar, footer-widgets, blog, custom-logo, custom-background, custom-menu, rtl-language-support, editor-style, threaded-comments, custom-colors, featured-images, wide-blocks, full-width-template, theme-options, e-commerce
Requires PHP: 7.4

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share
what you've learned with others.
*/



.fade-in-left,
.fade-in-right {
  opacity: 0;
  transition: opacity 0.6s ease, transform 0.6s ease;
}

.fade-in-left {
  transform: translateX(-25vw);
}

.fade-in-right {
  transform: translateX(25vw);
}

.fade-in-visible {
  opacity: 1;
  transform: translateX(0);
}


/* .project-filters {
    display: flex;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
    flex-wrap: wrap;
}

.project-filters li a {
    padding: 8px 14px;
    border-radius: 999px;
    background: #f2f2f2;
    text-decoration: none;
    font-size: 14px;
    transition: 0.2s;
}

.project-filters li a:hover {
    background: #222;
    color: #fff;
}

.project-filters .current-menu-item a {
    background: #111;
    color: #fff;
} */


.project-filters {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 12px;

    list-style: none;
    padding: 0;
    margin: 0 0 24px 0;
}

.project-filters li {
    margin: 0;
}

.project-filters li a {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    padding: 8px 16px;
    border-radius: 999px;

    background: #f2f2f2;
    text-decoration: none;
    font-size: 14px;

    white-space: nowrap;

    transition: all 0.2s ease;
}

.project-filters li a:hover {
    background: #222;
    color: #fff;
    transform: translateY(-1px);
}

.project-filters .current-menu-item a {
    background: #111;
    color: #fff;
}

.project-filter-bar {
  padding: 10px 20px;
}