/*
Theme Name: Stunfest 2026 Twenty Twenty-Four Child
Theme URI: https://wordpress.org/themes/twentytwentyfour/
Template: twentytwentyfour
Author: 3 Hit Combo
Author URI: https://3hitcombo.fr
Version: 0.1.1780307476
Updated: 2026-06-01 11:51:16

*/

@import url('https://fonts.googleapis.com/css2?family=Unbounded:wght@200..900&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

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

.wp-block-navigation ul li.cta {
    font-family: Unbounded;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    letter-spacing: 3%;
}

.wp-block-navigation ul li.cta-star > a{
    display: flex;
    align-items: center;
    transition: transform 0.2s ease;
}

.wp-block-navigation ul li.cta-star > a::before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 18px;
    min-width: 18px;
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 0C9 4.96936 4.97201 9 0 9C4.96936 9 9 13.028 9 18C9 13.0306 13.0306 9 18 9C13.0306 9 9 4.97201 9 0Z' fill='white' stroke='%238879D8' stroke-width='3'/%3E%3C/svg%3E");
    background-size: 18px 18px;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 8px;
    opacity: 0;
    transform: scale(0.4) rotate(-45deg);
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.wp-block-navigation ul li.cta-star:hover > a::before {
    opacity: 1;
    transform: scale(1) rotate(0deg);
}

.wp-block-navigation ul li.cta-star:hover > a {
    text-decoration: none;
    transform: translateX(8px);
}

.wp-block-navigation__submenu-icon.wp-block-navigation-submenu__toggle {
    transition: transform 0.2s ease;
}

.wp-block-navigation ul li.cta-star:hover > .wp-block-navigation__submenu-icon.wp-block-navigation-submenu__toggle {
    transform: translateX(8px);
}

.wp-block-navigation:not(.has-background) .cta-star.wp-block-navigation__submenu-container {
    background-color: #FFD348;
    transform: translateX(8px);
    padding: 10px 15px;
    border: 0;
}

.wp-block-navigation:not(.has-background) .cta-star.wp-block-navigation__submenu-container a {
    text-decoration: none;
}


.wp-block-navigation ul li.stunfest-cta {
    letter-spacing: 6%;
    font-weight: 700;
    font-size: 13px;
    border-radius: 10px;
    border-width: 1.3px;
    padding: 11px 20px;
    text-align: center;
    gap: 10px;
    opacity: 1;
    border: 1.3px solid #000000;
    box-shadow: 4px 4px 0px 0px #000000;
    transition: box-shadow 0.1s ease, transform 0.1s ease;
}

.wp-block-navigation ul li.stunfest-cta:hover {
    box-shadow: 0px 0px 0px 0px #000000;
    transform: translate(4px, 4px);
    
}
:where(.wp-site-blocks *:focus) {       
    outline-width: 1px;
    outline-style:dotted
}