/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/


/* ================================
   HEADER COM ONDA ANIMADA NO BOTTOM
   ================================ */

#header {
    position: relative;
    z-index: 1000;
}

/* Onda */
#header::after {
    content: "";
    position: fixed;
    left: 0;
    top: 100px;
    width: 100%;
    height: 30px;
    pointer-events: none;

    background: url("data:image/svg+xml,%3Csvg viewBox='0 0 1440 90' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23ffffff' d='M0,45 C120,75 240,15 360,25 480,35 600,85 720,65 840,45 960,5 1080,15 1200,25 1320,65 1440,45 L1440,0 L0,0 Z'/%3E%3C/svg%3E")
        repeat-x bottom;

    background-size: 1920px 100%;
    background-position-x: 0;

    animation: waveMove 12s linear infinite;
}

/* Animação contínua */
/*
@keyframes waveMove {
    from {
        background-position-x: 0;
    }
    to {
        background-position-x: -1440px;
    }
}
*/

#logo {
    top: 8px;
}