/* 
 Theme Name:   ai-child
 Theme URI:    
 Description:  
 Author:       
 Author URI:   
 Template:     ai-automation
 Version:      1.0

 /* == Add your own styles below this line ==
--------------------------------------------*/
:root {
    --secondary: #2b4222;
    --color-primary1: #f1b90d !important;
}

body {
    background-image: repeating-linear-gradient(135deg, hsla(35, 0%, 71%, 0.09) 0px, hsla(35, 0%, 71%, 0.09) 1px, transparent 1px, transparent 11px), repeating-linear-gradient(45deg, hsla(35, 0%, 71%, 0.09) 0px, hsla(35, 0%, 71%, 0.09) 1px, transparent 1px, transparent 11px), linear-gradient(90deg, hsl(183, 0%, 100%), hsl(183, 0%, 100%));
}

section {
    padding: 30px 0;
}

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

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

h3 {
    font-size: clamp(1.4rem, 3vw, 1.7rem) !important;
}

.box-text h1 {
    color: #fff;
    text-transform: capitalize;
    font-weight: 700;
}

.site-info {
    background: var(--secondary);
}

section img {
    outline: 3px solid var(--color-primary1);
}

section h2 {
    width: fit-content;
    margin: 0 auto 1.5rem;
    padding: 0.6rem 1.2rem;
    text-align: center;
    color: #000;
    font-weight: 800;
    background: linear-gradient(135deg,
            rgba(241, 185, 13, 0.12),
            rgba(43, 66, 34, 0.5));
    border: 2px solid rgba(241, 185, 13, 0.25);
    border-radius: 999px;
}

.header-img,
.single-page-img,
.external-div .box-image-page img,
.external-div {
    background-image: linear-gradient(164deg, rgba(246, 246, 246, 0.03) 0%, rgba(246, 246, 246, 0.03) 4%, rgba(152, 152, 152, 0.03) 4%, rgba(152, 152, 152, 0.03) 32%, rgba(123, 123, 123, 0.03) 32%, rgba(123, 123, 123, 0.03) 41%, rgba(189, 189, 189, 0.03) 41%, rgba(189, 189, 189, 0.03) 45%, rgba(151, 151, 151, 0.03) 45%, rgba(151, 151, 151, 0.03) 47%, rgba(61, 61, 61, 0.03) 47%, rgba(61, 61, 61, 0.03) 77%, rgba(34, 34, 34, 0.03) 77%, rgba(34, 34, 34, 0.03) 100%), linear-gradient(207deg, rgba(222, 222, 222, 0.03) 0%, rgba(222, 222, 222, 0.03) 7%, rgba(67, 67, 67, 0.03) 7%, rgba(67, 67, 67, 0.03) 18%, rgba(61, 61, 61, 0.03) 18%, rgba(61, 61, 61, 0.03) 26%, rgba(32, 32, 32, 0.03) 26%, rgba(32, 32, 32, 0.03) 52%, rgba(119, 119, 119, 0.03) 52%, rgba(119, 119, 119, 0.03) 60%, rgba(252, 252, 252, 0.03) 60%, rgba(252, 252, 252, 0.03) 68%, rgba(9, 9, 9, 0.03) 68%, rgba(9, 9, 9, 0.03) 100%), linear-gradient(403deg, rgba(193, 193, 193, 0.03) 0%, rgba(193, 193, 193, 0.03) 12%, rgba(184, 184, 184, 0.03) 12%, rgba(184, 184, 184, 0.03) 24%, rgba(194, 194, 194, 0.03) 24%, rgba(194, 194, 194, 0.03) 43%, rgba(128, 128, 128, 0.03) 43%, rgba(128, 128, 128, 0.03) 54%, rgba(87, 87, 87, 0.03) 54%, rgba(87, 87, 87, 0.03) 71%, rgba(169, 169, 169, 0.03) 71%, rgba(169, 169, 169, 0.03) 93%, rgba(83, 83, 83, 0.03) 93%, rgba(83, 83, 83, 0.03) 100%), linear-gradient(109deg, rgba(186, 186, 186, 0.03) 0%, rgba(186, 186, 186, 0.03) 9%, rgba(77, 77, 77, 0.03) 9%, rgba(77, 77, 77, 0.03) 19%, rgba(38, 38, 38, 0.03) 19%, rgba(38, 38, 38, 0.03) 27%, rgba(203, 203, 203, 0.03) 27%, rgba(203, 203, 203, 0.03) 39%, rgba(130, 130, 130, 0.03) 39%, rgba(130, 130, 130, 0.03) 43%, rgba(184, 184, 184, 0.03) 43%, rgba(184, 184, 184, 0.03) 81%, rgba(108, 108, 108, 0.03) 81%, rgba(108, 108, 108, 0.03) 100%), linear-gradient(180deg, rgb(43, 66, 34), rgb(241, 185, 13)) !important;
}

.single-page-img,
.featured-image {
    opacity: 1 !important;
}