/* Site header/footer inside the WordPress blog (Astra theme). Markup: /partials/blog-chrome.php,
   printed by the blog's mu-plugin inside <div class="eev-chrome">. Rules are scoped to .eev-chrome
   (header/footer rules from style.css + the Bootstrap 5.1 utilities they use) so the theme is untouched,
   and they reset the theme's global element styles (ul, a, button, p, hr). */

.eev-chrome{font-family:"Open Sans",sans-serif;font-size:16px;line-height:1.5;color:#313030;text-align:left}
.eev-chrome *,.eev-chrome ::before,.eev-chrome ::after{box-sizing:border-box}
.eev-chrome ul{margin:0;padding:0}
.eev-chrome p{margin:0 0 1rem}
.eev-chrome a{text-decoration:none;box-shadow:none}
.eev-chrome img{max-width:100%;height:auto;border:0;vertical-align:middle}
.eev-chrome hr{margin:1rem 0;color:inherit;background-color:currentColor;border:0;opacity:.25;height:1px}
.eev-chrome button,.eev-chrome button:hover,.eev-chrome button:focus{border-radius:0;box-shadow:none;line-height:inherit;text-transform:none;letter-spacing:normal}

/* Bootstrap 5.1 subset */
.eev-chrome .container{width:100%;padding-right:.75rem;padding-left:.75rem;margin-right:auto;margin-left:auto}
@media (min-width:576px){.eev-chrome .container{max-width:540px}}
@media (min-width:768px){.eev-chrome .container{max-width:720px}}
@media (min-width:992px){.eev-chrome .container{max-width:960px}}
@media (min-width:1200px){.eev-chrome .container{max-width:1140px}}
@media (min-width:1400px){.eev-chrome .container{max-width:1320px}}
.eev-chrome .row{display:flex;flex-wrap:wrap;margin-right:-.75rem;margin-left:-.75rem}
.eev-chrome .row>*{flex-shrink:0;width:100%;max-width:100%;padding-right:.75rem;padding-left:.75rem}
@media (min-width:768px){.eev-chrome .col-md-6{flex:0 0 auto;width:50%}}
@media (min-width:992px){.eev-chrome .col-lg-3{flex:0 0 auto;width:25%}}
.eev-chrome .d-flex{display:flex}
.eev-chrome .flex-column{flex-direction:column}
@media (min-width:768px){.eev-chrome .flex-md-row{flex-direction:row}}
.eev-chrome .align-items-center{align-items:center}
.eev-chrome .justify-content-between{justify-content:space-between}
.eev-chrome .gap-3{gap:1rem}
.eev-chrome .img-fluid{max-width:100%;height:auto}
.eev-chrome .list-unstyled{padding-left:0;list-style:none}
.eev-chrome .fw-bold{font-weight:700}
.eev-chrome .small{font-size:.875em}
.eev-chrome .text-center{text-align:center}
.eev-chrome .text-uppercase{text-transform:uppercase}
.eev-chrome .text-white{color:#fff}
.eev-chrome .text-light{color:#f8f9fa}
.eev-chrome .text-muted{color:#6c757d}
.eev-chrome .bg-dark{background-color:#212529}
.eev-chrome .border-secondary{border-color:#6c757d}
.eev-chrome .mb-0{margin-bottom:0}
.eev-chrome .mb-3{margin-bottom:1rem}
.eev-chrome .mb-4{margin-bottom:1.5rem}
.eev-chrome .mt-2{margin-top:.5rem}
.eev-chrome .mt-3{margin-top:1rem}
.eev-chrome .me-3{margin-right:1rem}
.eev-chrome .my-4{margin-top:1.5rem;margin-bottom:1.5rem}
.eev-chrome .pt-5{padding-top:3rem}
@media (min-width:768px){.eev-chrome .mb-md-0{margin-bottom:0}.eev-chrome .mt-md-0{margin-top:0}}

/* Header (style.css) */
.eev-chrome #header{height:70px;z-index:997;background:#fff;box-shadow:0 2px 4px #f1f1f1;position:relative}
.eev-chrome #header .logo img{padding:0;margin:0;max-height:40px}
.eev-chrome .navbar{padding:0}
.eev-chrome .navbar ul{margin:0;padding:0;display:flex;list-style:none;align-items:center}
.eev-chrome .navbar li{position:relative;margin:0}
.eev-chrome .navbar a,.eev-chrome .navbar a:focus{display:flex;align-items:center;justify-content:space-between;padding:10px 0 10px 30px;font-size:14px;font-family:Poppins,sans-serif;color:#635551;white-space:nowrap;transition:.3s;font-weight:500}
.eev-chrome .navbar a:hover,.eev-chrome .navbar li:hover>a,.eev-chrome .navbar .dropdown ul a:hover{color:#2d6247}
.eev-chrome .navbar .dropdown ul{display:block;position:absolute;left:14px;top:calc(100% + 30px);margin:0;padding:10px 0;background:#fff;transition:.3s;visibility:hidden;opacity:0;border-radius:4px;z-index:99;box-shadow:0 0 30px rgba(127,137,161,.25)}
.eev-chrome .navbar .dropdown ul li{min-width:200px}
.eev-chrome .navbar .dropdown ul a{padding:10px 20px;font-size:14px;text-transform:none;color:#473d3a}
.eev-chrome .navbar .dropdown:hover>ul,.eev-chrome .navbar .dropdown.open>ul{opacity:1;top:100%;visibility:visible}
.eev-chrome .navbar .dropdown>button{background:none;border:0;display:flex;align-items:center;justify-content:space-between;padding:10px 0 10px 30px;font-size:14px;font-family:Poppins,sans-serif;color:#635551;white-space:nowrap;transition:.3s;font-weight:500;cursor:pointer}
.eev-chrome .navbar .dropdown:hover>button,.eev-chrome .navbar .dropdown.open>button{background:none;color:#2d6247}
.eev-chrome .navbar .dropdown>button svg{margin-left:5px}
.eev-chrome .svg-icon{width:1em;height:1em;fill:currentColor;vertical-align:-.125em}
.eev-chrome .mobile-nav-toggle{background:none;border:0;padding:0;color:#473d3a;cursor:pointer;display:none;font-size:28px;line-height:0}
@media (max-width:991px){.eev-chrome .mobile-nav-toggle{display:block}.eev-chrome .navbar ul{display:none}}
.eev-chrome .navbar-mobile{position:fixed;overflow:hidden;top:0;right:0;left:0;bottom:0;background:rgba(43,37,35,.9);transition:.3s;z-index:99999}
.eev-chrome .navbar-mobile .mobile-nav-toggle{position:absolute;top:15px;right:15px;color:#fff}
.eev-chrome .navbar-mobile ul{display:block;position:absolute;top:55px;right:15px;bottom:15px;left:15px;padding:10px 0;border-radius:10px;background-color:#fff;overflow-y:auto}
.eev-chrome .navbar-mobile a,.eev-chrome .navbar-mobile a:focus{padding:10px 20px;font-size:15px;color:#473d3a}
.eev-chrome .navbar-mobile .dropdown>button{padding:10px 20px;font-size:15px;color:#473d3a;width:100%}
.eev-chrome .navbar-mobile .dropdown ul{position:static;display:none;margin:10px 20px;padding:10px 0;opacity:1;visibility:visible;background:#fff;box-shadow:none}
.eev-chrome .navbar-mobile .dropdown>.dropdown-active{display:block}

/* Footer: colors and links come from the <style> in the footer partial */
.eev-chrome #footer{font-size:.95rem}
.eev-chrome #footer a:hover{text-decoration:none}
@media (max-width:500px){.eev-chrome .footer-logo{max-width:75%}}

/* Blog bar under the header: link to the blog home, search, language */
.eev-chrome .eev-blog-bar{background:#f6f8f7;border-bottom:1px solid #e6ebe8;font-size:14px}
.eev-chrome .eev-blog-bar .container{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.25rem;min-height:48px;padding-top:6px;padding-bottom:6px}
.eev-chrome .eev-blog-bar a{color:#473d3a;white-space:nowrap}
.eev-chrome .eev-blog-bar a:hover{color:#2d6247}
.eev-chrome .eev-blog-bar .eev-blog-home{font-weight:700;color:#2d6247}
.eev-chrome .eev-blog-bar .eev-blog-tools{margin-left:auto;display:flex;align-items:center;gap:1rem;min-width:0}
.eev-chrome .eev-blog-bar form{display:flex;margin:0;min-width:0}
.eev-chrome .eev-blog-bar input[type=search]{height:32px;padding:4px 10px;border:1px solid #cfd8d3;border-radius:4px 0 0 4px;font-size:14px;width:200px;min-width:0;background:#fff;color:#313030;margin:0}
.eev-chrome .eev-blog-bar button{height:32px;padding:0 12px;border:1px solid #2d6247;border-radius:0 4px 4px 0;background:#2d6247;color:#fff;font-size:14px;cursor:pointer;line-height:1;margin:0}
.eev-chrome .eev-blog-bar button:hover,.eev-chrome .eev-blog-bar button:focus{background:#366f51;border-color:#366f51;color:#fff}
.eev-chrome .eev-blog-bar .eev-blog-langs{display:flex;gap:.5rem}
@media (max-width:575px){.eev-chrome .eev-blog-bar .eev-blog-tools{flex:1 1 100%;margin-left:0}.eev-chrome .eev-blog-bar form{flex:1}.eev-chrome .eev-blog-bar input[type=search]{width:100%;flex:1}}
.eev-blog-cta{max-width:1140px;margin:2rem auto 2.5rem;padding:0 .75rem;text-align:center}
.eev-blog-cta .wp-block-image{margin:0}
.eev-blog-cta img{max-width:100%;height:auto;display:inline-block}