/* 
 Theme Name:   moneymind-child
 Theme URI:    
 Description:  
 Author:       
 Author URI:   
 Template:     moneymind-finance-advisor
 Version:      1.0

 /* == Add your own styles below this line ==
--------------------------------------------*/
:root {
    --primary: #283272;
    --secondary: #c7b5e9;
}


.widget-column .social-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 999px;
    color: var(--primary);
    background: var(--secondary);
    font-size: 1.25rem;
    line-height: 1;
    transition: transform .2s ease, background-color .2s ease, border-color .2s ease, color .2s ease;
}

.widget-column .social-icon:hover,
.widget-column .social-icon:focus-visible {
    transform: translateY(-3px);
    background: var(--secondary / 30%);
}

@media (max-width: 575.98px) {
    .widget-column .social-icon {
        width: 40px;
        height: 40px;
        font-size: 1.2rem;
    }
}

#colophon h1,
#colophon h2,
#colophon h3 {
    color: var(--primary) !important;
}

#colophon .copyright .site-info a {
    font-size: 16px;
}

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

.home #inner-pages-header {
    display: block !important;
}

.primary-menu li.current-menu-item>a,
.primary-menu li a:hover {
    background: var(--secondary);
    color: var(--primary);
}

#inner-pages-header .header-overlay {
    background-image: repeating-linear-gradient(45deg, rgba(118, 118, 118, 0.05) 0px, rgba(118, 118, 118, 0.05) 19px, rgba(59, 59, 59, 0.05) 19px, rgba(59, 59, 59, 0.05) 67px, rgba(195, 195, 195, 0.05) 67px, rgba(195, 195, 195, 0.05) 87px, rgba(121, 121, 121, 0.05) 87px, rgba(121, 121, 121, 0.05) 133px, rgba(250, 250, 250, 0.05) 133px, rgba(250, 250, 250, 0.05) 172px, rgba(106, 106, 106, 0.05) 172px, rgba(106, 106, 106, 0.05) 197px, rgba(151, 151, 151, 0.05) 197px, rgba(151, 151, 151, 0.05) 226px, rgba(219, 219, 219, 0.05) 226px, rgba(219, 219, 219, 0.05) 260px), repeating-linear-gradient(45deg, rgba(70, 70, 70, 0.05) 0px, rgba(70, 70, 70, 0.05) 40px, rgba(220, 220, 220, 0.05) 40px, rgba(220, 220, 220, 0.05) 79px, rgba(95, 95, 95, 0.05) 79px, rgba(95, 95, 95, 0.05) 103px, rgba(15, 15, 15, 0.05) 103px, rgba(15, 15, 15, 0.05) 148px, rgba(51, 51, 51, 0.05) 148px, rgba(51, 51, 51, 0.05) 186px, rgba(225, 225, 225, 0.05) 186px, rgba(225, 225, 225, 0.05) 202px, rgba(60, 60, 60, 0.05) 202px, rgba(60, 60, 60, 0.05) 239px, rgba(67, 67, 67, 0.05) 239px, rgba(67, 67, 67, 0.05) 259px), repeating-linear-gradient(45deg, rgba(146, 146, 146, 0.05) 0px, rgba(146, 146, 146, 0.05) 40px, rgba(166, 166, 166, 0.05) 40px, rgba(166, 166, 166, 0.05) 54px, rgba(156, 156, 156, 0.05) 54px, rgba(156, 156, 156, 0.05) 71px, rgba(134, 134, 134, 0.05) 71px, rgba(134, 134, 134, 0.05) 95px, rgba(77, 77, 77, 0.05) 95px, rgba(77, 77, 77, 0.05) 111px, rgba(26, 26, 26, 0.05) 111px, rgba(26, 26, 26, 0.05) 153px, rgba(46, 46, 46, 0.05) 153px, rgba(46, 46, 46, 0.05) 202px, rgba(197, 197, 197, 0.05) 202px, rgba(197, 197, 197, 0.05) 216px), linear-gradient(90deg, rgb(199, 181, 233), rgb(40, 50, 114));
}

.entry-content h3 {
    position: relative;
    width: fit-content;
    max-width: 100%;
    margin: 1rem 0 0.5rem;
    padding: 0.5em 1em;
    color: var(--primary);
    background: linear-gradient(135deg,
            rgba(199, 181, 233, 0.35),
            rgba(199, 181, 233, 0.12));
    border: 1px solid rgba(40, 50, 114, 0.12);
    border-radius: 0.75rem;
    box-shadow: 0 0.6rem 1.5rem rgba(40, 50, 114, 0.1);
}

.entry-content h2 {
    position: relative;
    margin: 4rem 0 1.75rem;
    padding: 1.25rem 2rem;
    color: #fff;
    text-align: center;
    line-height: 1.3;
    background: var(--secondary);
    border-radius: 1rem;
    box-shadow:
        0 1rem 2.5rem rgba(40, 50, 114, 0.08),
        inset 0 0 0 1px rgba(199, 181, 233, 0.45);
    overflow: hidden;
}

.entry-content h2::before,
.entry-content h2::after {
    content: "";
    position: absolute;
    width: 4rem;
    height: 4rem;
    background: var(--primary);
    border-radius: 50%;
    opacity: 0.35;
}

.entry-content h2::before {
    top: -0.5rem;
    left: -1rem;
}

.entry-content h2::after {
    right: -1rem;
    bottom: -1rem;
}

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;
}