/* 
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


/* System */
.header,
#footer,
.footer-1,
.footer-2 {
    display: block;
}

#masthead {
    background-image: url('/wp-content/uploads/2025/01/2023-10-23-23.34.01_25_11zon-e1737800491271.webp');
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
}

@media (min-width: 768px) {
    .header {
        display: block;

    }
}

@media (max-width: 1024px) {
    #footer {
        display: block;
    }
}

div.large-12.col {
    padding: 0 !important;
    width: 100% !important;

}

.row.row-main {
    width: 100vw;
    /* Full width of the viewport */
    margin-left: 0;
    /* Remove default margin */
    margin-right: 0;
    /* Remove default margin */
    max-width: 100%;
    /* Prevent overflow */
}

.section,
.section-content {
    padding: 0 5px !important;
    margin: 0 !important;
    max-width: 100% !important;
    width: 100% !important;
}

.content-area.page-wrapper {
    padding: 0 !important;
    width: 100vw !important;
    /* 100% of the viewport width */
    max-width: 100%;
    /* Ensure it doesn't exceed 100% */
    overflow-x: hidden;
    /* Optional: Hide any overflow */
}


/* html {
    background-image: url('/wp-content/uploads/2025/01/bg-iwin-2025.webp') !important;
    background-color: #EDEDED !important;
    background-size: cover !important;
    background-position: center !important;
} */


main {
    background-color: transparent !important;
}

main,
#wrapper {
    background-color: transparent !important;
}

.header .logo img {
    padding-top: 20px !important;
}

body {
    font-family: 'Roboto', sans-serif !important;
}

.header-top.hide-for-sticky.nav-dark {
    background: linear-gradient(to right, #DE133D, #FB9C1E) !important;
    /* Gradient background */
    height: 30px !important;
    /* Set the height */
    overflow: hidden;
    /* Handle any overflow if needed */
}

.col-inner ul li {
    margin-left: 0 !important;
}



/* System */


@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
}

.footer-2 {
    background-image: url('/wp-content/uploads/2025/01/bg-footer-iwin.webp') !important;
    background-size: 100% 100% !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

@keyframes zoomInOut {

    0%,
    100% {
        transform: scale(1);
        filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0));
    }

    50% {
        transform: scale(1.1);
        filter: drop-shadow(0 0 15px rgba(225, 225, 225, 1));
    }
}

.animate-zoom-in-out {
    animation: zoomInOut 0.5s infinite ease-in-out;
}

@keyframes zoomInOutSlogan {

    0%,
    100% {
        transform: scale(1);
        filter: drop-shadow(0 0 0 rgba(0, 0, 0, 0));
    }

    50% {
        transform: scale(1.1);
        filter: drop-shadow(0 0 15px rgba(255, 255, 0, 0.7));
    }
}

.img-animate-zoom-in-out {
    animation: zoomInOutSlogan 1s infinite ease-in-out;
}

.image-trochoi {
    transition: transform 0.3s ease;
}

.image-trochoi:hover {
    transform: translateY(-10px);
}

@keyframes marquee {
    0% {
      transform: translateX(100%);
    }
    100% {
      transform: translateX(-100%);
    }
  }
  
  .animate-marquee {
    animation: marquee 10s linear infinite;
  }