/*!
Theme Name: Fluid 44
Theme URI: https://44i.com
Author: 44i
Author URI: https://44i.com
Description: Howdy! Fluid 44 is always a custom build based on your unique needs. Bolstering the most accessible & advanced responsive front-end framework in the solar system for any device—built just for you—in a semantic, readable, flexible, and completely customizable way. <a href="/wp-admin/admin.php?page=welcome">Welcome to your new shiny site</a>.
Version: 1.6.4.love
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: uxpert, responsive, semantic, readable, reliable, flexible, accessible, customizable, clutter-free, taxonomy featured-images, rtl-language-support, translation-ready
Template: hello-elementor
Text Domain: fluid44 */div.elementor-widget-theme-site-logo a{width:100%}*,*::after,*::before{box-sizing:border-box}:root{font-size:14px;--color-text: rgb(140, 146, 164);--color-bg: #000;--color-link: rgb(140, 146, 164);--color-link-hover: #fff;--page-padding: 1rem}#canvas{width:100%;height:100%}#canvas-wrapper{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1}html,body{width:100vw;height:100%;overflow:hidden}body{margin:0;color:var(--color-text);background-color:var(--color-bg);font-family:ui-monospace,SFMono-Regular,Menlo,Roboto Mono,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.demo-2{--color-text: #000;--color-link: #000;--color-link-hover: #000}.demo-3{--color-text: #e5e2ec;--color-link: #cb0f40}.js .loading::before,.js .loading::after{content:"";position:fixed;z-index:1000}.js .loading::before{top:0;left:0;width:100%;height:100%;background:var(--color-bg)}.js .loading::after{top:50%;left:50%;width:60px;height:60px;margin:-30px 0 0 -30px;opacity:.4;background:var(--color-link);animation:loaderAnim .7s linear infinite alternate forwards}@keyframes loaderAnim{to{opacity:1;transform:scale3d(0.7, 0.7, 1)}}a{text-decoration:underline;color:var(--color-link);outline:none;cursor:pointer}a:hover{text-decoration:none;color:var(--color-link-hover);outline:none}a:focus{outline:none}a:focus-visible{outline:2px solid red}.unbutton{background:none;border:0;padding:0;margin:0;font:inherit;cursor:pointer}.unbutton:focus{outline:none}.frame{padding:var(--page-padding);position:fixed;top:0;left:0;display:grid;z-index:1000;width:100%;height:100%;grid-row-gap:1rem;grid-column-gap:2rem;pointer-events:none;justify-items:start;grid-template-columns:auto auto;grid-template-areas:"title" "prev" "back" "sub" "sponsor" "demos"}.frame #cdawrap{justify-self:start}.frame a{pointer-events:auto}.frame__title{grid-area:title;font-size:inherit;margin:0}.frame__back{grid-area:back;justify-self:start}.frame__prev{grid-area:prev;justify-self:start}.frame__sub{grid-area:sub}.frame__demos{grid-area:demos;display:flex;gap:1rem}@media screen and (min-width: 53em){body{--page-padding: 2rem 3rem}.frame{grid-template-columns:auto auto auto 1fr;grid-template-rows:auto auto;align-content:space-between;grid-template-areas:"title prev back sponsor" "demos demos demos sub"}.frame #cdawrap,.frame__sub{justify-self:end}}.entry-title{color:#fff;font-family:var(--e-global-typography-primary-font-family)}.page-header{position:relative}.page-header .entry-title{position:absolute;top:0;z-index:9}body{margin:0}canvas{position:fixed;inset:0}@keyframes zoom{0%{transform:scale(1)}100%{transform:scale(1.5)}}.loader-container{width:100vw;height:100vh;overflow:hidden;position:relative;background-color:#000}.stars{position:absolute;top:50%;left:50%;height:1px;width:1px;background-color:#fff;border-radius:50%;box-shadow:24vw 9vh 1px 0px #fff,12vw -24vh 0px 1px #fff,-45vw -22vh 0px 0px #fff,-37vw -40vh 0px 1px #fff,29vw 19vh 0px 1px #fff,4vw -8vh 0px 1px #fff,-5vw 21vh 1px 1px #fff,-27vw 26vh 1px 1px #fff,-47vw -3vh 1px 1px #fff,-28vw -30vh 0px 1px #fff,-43vw -27vh 0px 1px #fff,4vw 22vh 1px 1px #fff,36vw 23vh 0px 0px #fff,-21vw 24vh 1px 1px #fff,-16vw 2vh 1px 0px #fff,-16vw -6vh 0px 0px #fff,5vw 26vh 0px 0px #fff,-34vw 41vh 0px 0px #fff,1vw 42vh 1px 1px #fff,11vw -13vh 1px 1px #fff,48vw -8vh 1px 0px #fff,22vw -15vh 0px 0px #fff,45vw 49vh 0px 0px #fff,43vw -27vh 1px 1px #fff,20vw -2vh 0px 0px #fff,8vw 22vh 0px 1px #fff,39vw 48vh 1px 1px #fff,-21vw -11vh 0px 1px #fff,-40vw 45vh 0px 1px #fff,11vw -30vh 1px 0px #fff,26vw 30vh 1px 0px #fff,45vw -29vh 0px 1px #fff,-2vw 18vh 0px 0px #fff,-29vw -45vh 1px 0px #fff,-7vw -27vh 1px 1px #fff,42vw 24vh 0px 0px #fff,45vw -48vh 1px 0px #fff,-36vw -18vh 0px 0px #fff,-44vw 13vh 0px 1px #fff,36vw 16vh 0px 1px #fff,40vw 24vh 0px 0px #fff,18vw 11vh 0px 0px #fff,-15vw -23vh 1px 0px #fff,-24vw 48vh 0px 1px #fff,27vw -45vh 1px 0px #fff,-2vw -24vh 0px 1px #fff,-15vw -28vh 0px 0px #fff,-43vw 13vh 1px 0px #fff,7vw 27vh 1px 0px #fff,47vw 5vh 0px 0px #fff,-45vw 15vh 1px 1px #fff,-5vw -28vh 0px 1px #fff,38vw 25vh 1px 1px #fff,-39vw -1vh 1px 0px #fff,5vw 0vh 1px 0px #fff,49vw 13vh 0px 0px #fff,48vw 10vh 0px 1px #fff,19vw -28vh 0px 0px #fff,4vw 7vh 0px 0px #fff,21vw 21vh 1px 1px #fff,-15vw -15vh 0px 1px #fff,-6vw -42vh 1px 0px #fff,-15vw 48vh 1px 1px #fff,-23vw 25vh 1px 1px #fff,-48vw 25vh 0px 1px #fff,-31vw -19vh 0px 1px #fff,4vw 37vh 1px 1px #fff,-43vw 28vh 0px 0px #fff,3vw -25vh 0px 1px #fff,-39vw 14vh 0px 1px #fff,-40vw 31vh 0px 1px #fff,35vw -36vh 1px 1px #fff,16vw 49vh 0px 0px #fff,6vw 39vh 0px 0px #fff,3vw -35vh 0px 1px #fff,-44vw -2vh 1px 0px #fff,-6vw 21vh 1px 0px #fff,48vw 9vh 1px 1px #fff,-43vw 30vh 1px 1px #fff,29vw -12vh 1px 1px #fff,-48vw 13vh 1px 0px #fff,-42vw 32vh 1px 1px #fff,34vw 15vh 1px 1px #fff,29vw -37vh 1px 1px #fff,28vw 2vh 0px 0px #fff;animation:zoom 16s alternate infinite}.loader-hidden{opacity:0;pointer-events:none;transition:all 1000ms ease-in-out}@keyframes hexagon-intro-anim{0%{stroke-dasharray:600;stroke-dashoffset:600}99%{stroke-dasharray:570;stroke-dashoffset:0}100%{stroke-dasharray:600;stroke-dashoffset:0}}.logo{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.hexagon{stroke-linecap:round;stroke-dasharray:600;animation:hexagon-intro-anim 1000ms ease-in-out forwards}@keyframes letter-intro-anim{0%{opacity:0;animation:scale(0.5) translate(95, 50) rotate(180 5.85 45.5)}100%{opacity:1;animation:scale(1) translate(95, 50) rotate(180 5.85 45.5)}}.letter{opacity:0;transform:scale(0.5) translate(95, 50) rotate(180 5.85 45.5);animation:letter-intro-anim 1000ms ease-in-out forwards;animation-delay:1000ms}