/* ======================================== SYSTIRE PREMIUM LIQUID GLASS HEADER ======================================== */ /* Header */ .site-header{ backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px); } /* Menu links */ .ct-header-menu .menu > li > a{ position: relative; padding: 12px 20px !important; border-radius: 18px; transition: all .35s ease; font-weight: 600; overflow: hidden; z-index: 2; } /* Liquid Glass Hover */ .ct-header-menu .menu > li > a:before{ content:''; position:absolute; inset:0; border-radius:18px; background: linear-gradient( 135deg, rgba(255,255,255,.65), rgba(255,255,255,.15) ); backdrop-filter:blur(20px); -webkit-backdrop-filter:blur(20px); border:1px solid rgba(255,255,255,.4); box-shadow: 0 8px 30px rgba(37,99,235,.12), inset 0 1px 1px rgba(255,255,255,.7); opacity:0; transform: translateY(10px) scale(.85); transition:.35s ease; z-index:-1; } /* Hover */ .ct-header-menu .menu > li > a:hover:before{ opacity:1; transform: translateY(0) scale(1); } .ct-header-menu .menu > li > a:hover{ transform:translateY(-3px); color:#2563eb !important; } /* ACTIVE MENU ITEM */ .current-menu-item > a, .current-menu-parent > a, .current-post-parent > a, .current-menu-ancestor > a, .current-cat > a{ color:#2563eb !important; } /* Small Active Indicator */ .current-menu-item > a:after, .current-menu-parent > a:after, .current-post-parent > a:after, .current-menu-ancestor > a:after, .current-cat > a:after{ content:''; position:absolute; left:50%; transform:translateX(-50%); bottom:-8px; width:28px; height:4px; border-radius:50px; background: linear-gradient( 90deg, #2563eb, #7c3aed ); box-shadow: 0 0 15px rgba(124,58,237,.5); } /* Remove giant Blocksy active background */ .ct-header-menu .current-menu-item > a:before, .ct-header-menu .current-menu-parent > a:before, .ct-header-menu .current-menu-ancestor > a:before{ opacity:0 !important; } /* Logo */ .custom-logo{ transition:.4s ease; } .custom-logo:hover{ transform: rotate(-3deg) scale(1.08); } /* Category Cards */ article, .ct-card{ border-radius:24px !important; background: rgba(255,255,255,.8); backdrop-filter:blur(15px); box-shadow: 0 10px 30px rgba(0,0,0,.06); transition:.4s ease; } article:hover, .ct-card:hover{ transform: translateY(-10px); box-shadow: 0 25px 50px rgba(37,99,235,.12); } /* Images */ .wp-post-image{ border-radius:18px; transition:.5s ease; } .wp-post-image:hover{ transform:scale(1.03); } /* Footer */ .ct-footer{ position:relative; } .ct-footer:before{ content:''; position:absolute; top:0; left:0; width:100%; height:1px; background: linear-gradient( 90deg, transparent, rgba(37,99,235,.3), rgba(124,58,237,.3), transparent ); } /* Social Icons */ .ct-footer-socials a{ transition:.3s ease; } .ct-footer-socials a:hover{ transform: translateY(-4px) scale(1.15); } /* Scrollbar */ ::-webkit-scrollbar{ width:10px; } ::-webkit-scrollbar-thumb{ background: linear-gradient( 180deg, #2563eb, #7c3aed ); border-radius:50px; }