/*
Theme Name: OceanWP Child Theme
Theme URI: https://oceanwp.org/
Description: OceanWP WordPress theme. Sample child theme.
Author: OceanWP
Author URI: https://oceanwp.org/
Template: oceanwp
Version: 1.0
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

#site-header {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background-color: transparent !important;
    transition: background-color 0.3s ease-in-out !important;
}

#site-header.sticky-active {
    background-color: #233d92 !important;
    box-shadow: 0 4px 10px rgba(0,0,0,0.15);
}

@media only screen and (max-width: 959px) {
    #site-header {
        position: fixed !important;
    }
}

.animated-gradient {

    background-color: #0d71ce !important;

    background-image: linear-gradient(268deg, #0d71ce, #00b8f4, #191d32) !important;
    
    background-size: 400% 400% !important;

    transform: translateZ(0);
    -webkit-transform: translateZ(0); 

    -webkit-animation: gradientMove 10s ease infinite !important;
    animation: gradientMove 10s ease infinite !important;

    color: #ffffff !important;
}

@-webkit-keyframes gradientMove {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
@keyframes gradientMove {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}