/* 
 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: #9ed26a;
    --secontary: #89c053;
    --third: #698ed5;
}

section {
    padding: 30px 0;
}

.hero {
    padding-top: 0;
}

section img {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

section h2 {
    color: var(--third);
    text-align: center;
    width: fit-content;
    margin: 0 auto 20px;
    padding: 10px 20px;
    position: relative;
    background:
        linear-gradient(135deg,
            rgba(158, 210, 106, 0.16),
            rgba(105, 142, 213, 0.12));
    border: 2px solid rgba(105, 142, 213, 0.35);
    border-radius: 14px;
    backdrop-filter: blur(4px);
    box-shadow:
        0 0 18px rgba(105, 142, 213, 0.15),
        inset 0 0 0 1px rgba(158, 210, 106, 0.2);
    overflow: hidden;
}

/* cyber corners */
section h2::before,
section h2::after {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    border-color: var(--primary);
    border-style: solid;
}

section h2::before {
    top: 6px;
    left: 6px;
    border-width: 4px 0 0 2px;
}

section h2::after {
    bottom: 6px;
    right: 6px;
    border-width: 0 4px 2px 0;
}

#inner-pages-header h1 {
    font-size: clamp(2rem, 4vw, 2.5rem) !important;
}

section h2 {
    font-size: clamp(1.6rem, 3vw, 2rem) !important;
}

.lettered {
    list-style-type: lower-alpha;
    padding-left: 15px;
}

#inner-pages-header .header-overlay {
    background: #9ED26A;
    background: linear-gradient(289deg, rgba(158, 210, 106, 1) 0%, rgba(105, 142, 213, 1) 8%, rgba(158, 210, 106, 1) 17%, rgba(105, 142, 213, 1) 24%, rgba(137, 192, 83, 1) 30%, rgba(83, 192, 107, 1) 72%, rgba(105, 142, 213, 1) 79%, rgba(158, 210, 106, 1) 85%, rgba(105, 142, 213, 1) 93%, rgba(137, 192, 83, 1) 98%);
}

.toggle-inner {
    top: -20px;
}