/*
Theme Name: Helpo - Child
Author: Artureanec
Author URI: http://artureanec.com
Description: -
Version: 1.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: helpo
*/

.elementor-slideshow__title {
    display: none !important;
}

.sliding-text {
    overflow: hidden !important;
    white-space: nowrap;
    width: 100vw !important;
    position: relative;
    height: auto !important;
}

.sliding-text h2 {
    font-size: 150px !important;
    color: #ccc !important;
    white-space: nowrap;
    margin: 0;
    display: inline-block;
    animation: slide-horizontal 20s linear infinite;
}

@keyframes slide-horizontal {
    0% {
        transform: translateX(100vw);
    }
    100% {
        transform: translateX(-100%);
    }
}

/* Pause on hover */
.sliding-text:hover h2 {
    animation-play-state: paused;
}

/* Για responsive - μικρότερο font σε μικρές οθόνες */
@media (max-width: 768px) {
    .sliding-text h2 {
        font-size: 80px !important;
    }
}

.sliding-text2 h2 {
    font-size: 150px !important;
    color: #ccc !important;
    white-space: nowrap;
    margin: 0;
    display: inline-block;
    animation: slide-reverse 20s linear infinite;
}

@keyframes slide-reverse {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(100vw);
    }
}

@media (max-width: 480px) {
    .sliding-text h2,
	.sliding-text2 h2 {
        font-size: 50px !important;
    }
}

/* Pause on hover */
.sliding-text2:hover h2 {
    animation-play-state: paused;
}

.helpo_main-menu > li > a:hover, .quadmenu-navbar-nav > li > a:hover {
    color: #ccc;
}

.helpo_prefooter_container {
    background: #111 !important;
}

footer.helpo_footer {
    color: #ccc;
    background: #111 !important;
}