/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Apr 26 2024 | 00:54:23 */
/* This class targets your container */

.hovercontainer {
    background-color: #FFFFFF;
    transition: all 0.3s ease-in-out;
}


/* This changes the background color of that container on hover */

.hovercontainer:hover {
    background-color: #0068C8 !important;
}


/* This class targets your text editor(s) */

.hovertext {
    color: #101010 !important;
    transition: all 0.3s ease-in-out !important;
}


/* This combines the background color change and the text color change */

.hovercontainer:hover .hovertext {
    color: #FFFFFF !important;
}


/* This stops the effect from happening on mobile devices - make sure the colors match your normal state colors if you leave this in */

@media only screen and (max-width: 767px) {
    .hovercontainer:hover
    {
        background-color: #FFFFFF !important;
        transition: none;
    }
    .hovercontainer:hover .hovertext {
        color: #101010 !important;
    }
}