/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.1
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

a {
	color: unset;
}


/* PixelRomanesc custom css */

/* Hero Border */

#hero-section::after {
  content:'';
  position:absolute;
  bottom:0px;
  left:0px;
  width: 100%; /* Full width */
    height: 8px; /* Height of the border */
    background: linear-gradient(to right, 
        red 0%, red 6.66%,
        yellow 6.66%, yellow 13.33%,
        orange 13.33%, orange 20%,
        
        red 20%, red 26.66%,
        yellow 26.66%, yellow 33.33%,
        orange 33.33%, orange 40%,
        
        red 40%, red 46.66%,
        yellow 46.66%, yellow 53.33%,
        orange 53.33%, orange 60%,
        
        red 60%, red 66.66%,
        yellow 66.66%, yellow 73.33%,
        orange 73.33%, orange 80%,
        
        red 80%, red 86.66%,
        yellow 86.66%, yellow 93.33%,
        orange 93.33%, orange 100%
    );
}

/* Sticky Header Animation */


/* header {
    background-color: #141414;
} */

header {
    background-color: #14141433;
    transition: background-color 0.3s ease-in-out;
}

header.scrolled {
    background-color: #141414;
}

header:hover {
    background-color: #141414;
}

#logo {
    transition: opacity 0.3s ease-in-out;
}


.glassmorphism {
    background: rgba(255, 255, 255, 0.2); 
    backdrop-filter: blur(10px) saturate(180%);
    -webkit-backdrop-filter: blur(10px) saturate(180%);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); 
}

.service1:hover a, .service1.current_page_item a{
    background-color: #ffe500;
}


.service2:hover a, .service2.current_page_item a{
    background-color: #ff9a26;
}

.service3:hover a, .service3.current_page_item a{
    background-color: #ee0000;
    color: #ffffff !important;
}

.service4:hover a, .service4.current_page_item a{
    background-color: #d4d2cc;
}