/* 
 Theme Name:   eco-child
 Theme URI:    
 Description:  
 Author:       
 Author URI:   
 Template:     eco-solar-power
 Version:      1.0

 /* == Add your own styles below this line ==
--------------------------------------------*/

:root {
    --primary: #a76e2c;
    --secondary: #e6932a;
}

#inner-pages-header .header-overlay {
    background:
        radial-gradient(circle at 75% 15%,
            rgba(255, 202, 112, 0.5) 0%,
            transparent 25%),
        radial-gradient(circle at 25% 85%,
            rgba(230, 147, 42, 0.4) 0%,
            transparent 35%),
        linear-gradient(115deg,
            #2a1708 0%,
            var(--primary) 30%,
            #5e3512 55%,
            var(--secondary) 78%,
            #321b09 100%);
}

.primary-menu li.current-menu-item>a,
.primary-menu li.current-menu-item>.link-icon-wrapper>a {
    color: var(--primary);
}

.entry-content h2 {
    position: relative;
    width: fit-content;
    max-width: 100%;
    margin: 55px auto 35px;
    padding: 12px 35px;

    text-align: center;
    color: #332416;
    font-weight: 700;
    letter-spacing: 0.02em;

    background:
        linear-gradient(90deg,
            transparent,
            rgba(167, 110, 44, 0.12),
            rgba(230, 147, 42, 0.18),
            rgba(167, 110, 44, 0.12),
            transparent);
}

.entry-content h2::before,
.entry-content h2::after {
    content: "";
    position: absolute;
    top: 50%;
    width: 45px;
    height: 18px;
    transform: translateY(-50%);
}

.entry-content h2::before {
    right: 100%;
    border-top: 1px solid var(--primary);
    border-left: 3px solid var(--secondary);
}

.entry-content h2::after {
    left: 100%;
    border-bottom: 1px solid var(--primary);
    border-right: 3px solid var(--secondary);
}

.entry-content h2 {
    transition:
        color 0.3s ease,
        background 0.3s ease;
}

.entry-content img {
    outline: 3px solid var(--secondary);
    border-radius: 20px;
}

.site-info a {
    color: var(--primary);
}