/*!
Theme Name: Codemic
Theme URI: http://underscores.me/
Author: Mikko Heikkilä | Codemic Oy
Author URI: http://codemic.fi
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: codemic
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Codemic is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
 
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
 html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:#fff0}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*,*::before,*::after{box-sizing:inherit}html{box-sizing:border-box}body,button,input,select,optgroup,textarea{color:#000;font-family:"Manrope",sans-serif;font-size:clamp(1rem, 0.9444rem + 0.2963vw, 1.5rem);line-height:1.5}h1,h2,h3,h4,h5,h6{clear:both}h1,.h1{font-size:clamp(1.875rem, 1.3063rem + 2.3944vw, 4rem);font-weight:500;margin:0}h4,.h4{font-size:clamp(1.5rem, 1.3889rem + 0.5926vw, 2.5rem);font-weight:400}p{margin-bottom:1.5em}a,a:visited{color:#000}dfn,cite,em,i{font-style:italic}big{font-size:125%}html{overscroll-behavior:none}body{overflow-x:hidden;background:#000}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}ul,ol{margin:0 0 1.5em 3em}ul{list-style:disc}ol{list-style:decimal}li>ul,li>ol{margin-bottom:0;margin-left:1.5em}dt{font-weight:700}dd{margin:0 1.5em 1.5em}button,input[type=button],input[type=reset],input[type=submit],.btn,input[type=button]{position:relative;display:inline-block;align-items:center;font-size:.875rem;font-family:"IBM Plex Mono",monospace;border:1px solid;border-color:#DDFA6B;border-radius:3px;background:#DDFA6B;color:#000;line-height:1;padding:.45rem 2rem .6rem 1rem;text-decoration:none;border-radius:0;cursor:pointer;transition:background-color 0.3s ease-in-out}button:after,input[type=button]:after,input[type=reset]:after,input[type=submit]:after,.btn:after,input[type=button]:after{position:absolute;top:50%;right:12px;transform:translateY(-50%);content:"";background-image:url("data:image/svg+xml,%3Csvg width='12' height='10' viewBox='0 0 12 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 0L6.285 0.6965L10.075 4.5H0V5.5H10.075L6.285 9.2865L7 10L12 5L7 0Z' fill='black'/%3E%3C/svg%3E%0A");width:12px;height:10px;display:inline-block;background-repeat:no-repeat;background-size:contain}button:hover,input[type=button]:hover,input[type=reset]:hover,input[type=submit]:hover,.btn:hover,input[type=button]:hover{background-color:#CAEB47}.cky-btn:after,.cky-btn-revisit:after{display:none!important}input[type=text],input[type=email],input[type=url],input[type=password],input[type=search],input[type=number],input[type=tel],input[type=range],input[type=date],input[type=month],input[type=week],input[type=time],input[type=datetime],input[type=datetime-local],input[type=color],textarea{border-radius:3px;padding:3px}textarea{width:100%}.site-header{position:fixed;padding:20px;z-index:5;mix-blend-mode:difference;transform:translateY(-15vh);transition:transform 2s cubic-bezier(.85,0,.15,1)}.site-header.animated{transform:translateY(0)}.site-branding svg{width:33vw;height:auto;max-width:140px}.site-footer__middle{display:flex;flex-wrap:wrap}.site-footer__bottom{display:flex;align-items:center;gap:1rem}.site-footer__bottom p,.site-footer__bottom a,.site-footer__bottom a:visited{color:#fff;font-family:"IBM Plex Mono",monospace;margin:0}.profile{margin-bottom:2rem}.profile__img{max-width:215px;width:100%;margin-bottom:1rem}.profile__name{margin:0}.profile__title{margin:0;font-family:"IBM Plex Mono",monospace}.profile__phone,.profile__phone:visited{margin:0;color:#C8C7C6!important;font-family:"IBM Plex Mono",monospace}.profile__email{margin:0}.profile__email:before{content:"";color:#DDFA6B;background-image:url("data:image/svg+xml,%3Csvg width='16' height='17' viewBox='0 0 16 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' transform='translate(0 0.978516)' fill='white' fill-opacity='0.01' style='mix-blend-mode:multiply'/%3E%3Cpath d='M13.855 3.12364C13.7875 3.05648 13.7023 3.00998 13.6093 2.98961C13.5163 2.96924 13.4194 2.97584 13.33 3.00864L2.33 7.00864C2.23513 7.04463 2.15346 7.10862 2.09583 7.19212C2.03819 7.27562 2.00732 7.37468 2.00732 7.47614C2.00732 7.5776 2.03819 7.67666 2.09583 7.76017C2.15346 7.84367 2.23513 7.90766 2.33 7.94364L6.625 9.65864L9.795 6.47864L10.5 7.18364L7.315 10.3686L9.035 14.6636C9.07205 14.7567 9.13619 14.8364 9.21909 14.8926C9.302 14.9488 9.39986 14.9787 9.5 14.9786C9.60104 14.9766 9.69909 14.9439 9.7812 14.885C9.86332 14.8261 9.92566 14.7437 9.96 14.6486L13.96 3.64864C13.9941 3.56018 14.0023 3.46386 13.9837 3.37091C13.9651 3.27795 13.9205 3.1922 13.855 3.12364Z' fill='%23DDFA6B'/%3E%3C/svg%3E%0A");width:16px;height:16px;display:inline-block;margin-right:6px;margin-bottom:-4px}.navigation-container{position:fixed;right:0;width:100%;transform:translateY(-100vh);z-index:99;opacity:0;transition-property:opacity,transform;transition-duration:1s;transition-timing-function:cubic-bezier(.85,0,.15,1)}@media (min-width:992px){.navigation-container{transform:translateY(0);width:auto;mix-blend-mode:difference;opacity:1}}.navigation-container.active{opacity:1;transform:translateY(0)}.main-navigation{z-index:5;padding:20px 30px 20px 20px;display:flex;align-items:center;justify-content:flex-end;width:100%;background-color:#000;z-index:999;height:100vh;opacity:0;transform:translateY(-15vh);transition:transform 2s cubic-bezier(.85,0,.15,1)}.main-navigation.animated{opacity:1;transform:translateY(0)}.main-navigation ul{padding:0;margin:0;width:100%;max-width:600px;transform:translateX(30px)}@media (min-width:992px){.main-navigation ul{width:100%;max-width:600px;transform:translateX(0)}}.main-navigation__item{list-style:none;position:relative;border-bottom:1px solid #61605F;padding:1rem 0}@media (min-width:992px){.main-navigation__item{border-bottom:none;padding:0}}.main-navigation__item::before{position:absolute;top:50%;transform:translateY(-50%);content:"";display:block;width:4px;height:4px;background-color:#DDFA6B;opacity:0;transition:opacity 0.5s cubic-bezier(.85,0,.15,1)}.main-navigation__item .main-navigation__link,.main-navigation__item .main-navigation:visited{display:block;color:#61605F;text-decoration:none;font-family:"IBM Plex Mono",monospace;font-size:5vw;transform:translateX(0);transition-property:color,transform;transition-duration:0.5s;transition-timing-function:cubic-bezier(.85,0,.15,1)}@media (min-width:992px){.main-navigation__item .main-navigation__link,.main-navigation__item .main-navigation:visited{font-size:clamp(1rem, 0.9444rem + 0.2963vw, 1.5rem)}}.main-navigation__item.current::before{opacity:1}.main-navigation__item.current .main-navigation__link,.main-navigation__item.current .main-navigation:visited{color:#DDFA6B;transform:translateX(15px)}@media (min-width:992px){.main-navigation{width:auto;background-color:#fff0;z-index:999;height:auto}}.menu-button{display:block;position:fixed;right:0rem;top:-2px;z-index:999;background-color:#fff0;border:none;padding:2rem;height:16px;width:16px;cursor:pointer;mix-blend-mode:difference;transform:rotate(0);transition:transform 0.5s cubic-bezier(.85,0,.15,1)}.menu-button:hover{background-color:#fff0}.menu-button.active{transform:rotate(45deg)}.menu-button:after{display:none}.menu-button__content{position:relative}.menu-button__line{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff}.menu-button__line--1{height:1px;width:16px}.menu-button__line--2{height:16px;width:1px}@media (min-width:992px){.menu-button{display:none}}.intro__top{position:relative;width:100%;height:100vh;background-color:#000}.intro__arrow{position:absolute;left:50%;transform:translateX(-50%);bottom:20px}.intro__bottom{position:relative;width:100%;height:175vw;min-height:100vh;background-color:#fff}.intro__text-container{position:absolute;width:100%;height:100%;clip:rect(0,auto,auto,0);display:flex;align-items:center}.intro__text{width:100%;font-size:clamp(1.5rem, -0.0694rem + 8.3704vw, 15.625rem);font-weight:500;margin:0;z-index:2;line-height:1.2;overflow:hidden;padding:0 20px}.intro__text span{display:block;width:85%}.intro__text span:nth-child(2){transform:translateX(20%)}.intro__text span:nth-child(3){transform:translateX(40%)}.intro__text--sticky{position:fixed;color:#fff;mix-blend-mode:difference}.intro__text--fixed{position:fixed;color:#DDFA6B;overflow:hidden}.intro__illustration{position:absolute}.intro__illustration svg{width:100%;height:100%}.intro__illustration--1{top:6%;left:1%;width:28%;height:auto}.intro__illustration--2{top:15%;right:16%;width:20%;height:auto}.intro__illustration--3{top:34%;right:50%;width:20%;height:auto}.intro__illustration--4{top:48%;right:1%;width:33%;height:auto}.intro__illustration--5{top:54%;left:1%;width:36%;height:auto}.intro__illustration--6{bottom:7%;right:28%;width:20%;height:auto}.sticky-container{height:100%;width:100%;font-size:clamp(1.5rem, -0.0694rem + 8.3704vw, 15.625rem);font-weight:500;margin:0;z-index:1;line-height:1.2;overflow-x:hidden;position:fixed;top:0;color:#fff;mix-blend-mode:difference;display:flex;align-items:center}.marquee-container{padding:.5rem}@media (min-width:992px){.marquee-container{padding:1rem}}.marquee{overflow:hidden;display:flex;gap:10vw;pointer-events:none}.marquee__item{display:flex;align-items:center;justify-content:center;height:auto}.marquee__item img{max-height:30px;max-width:100px;width:auto}.marquee.swiper-free-mode>.swiper-wrapper{transition-timing-function:linear}.card-reference__title,.card-reference__title:visited{margin:1rem 0 .5rem;display:flex;align-items:center;color:#000;text-decoration:none}.card-reference__title h3,.card-reference__title:visited h3{margin:0;font-weight:400;transition:font-weight 0.3s ease-in-out}.card-reference__title::after,.card-reference__title:visited::after{content:"";background-image:url(/wp-content/themes/codemic/assets/link.png);background-repeat:no-repeat;width:12px;height:12px;display:inline-block;background-size:contain;margin-left:.5rem;margin-top:-11px}.card-reference__title:hover h3,.card-reference__title:visited:hover h3{font-weight:700}.card-reference__excerpt{color:#000;margin-top:0;margin-bottom:1rem;width:80%}.card-reference__tags{display:flex;flex-wrap:wrap;gap:.5rem}.card-reference__tags .tag{padding:.25rem .5rem;font-family:"IBM Plex Mono",monospace;font-size:.875rem;text-transform:lowercase;background-color:#000;color:#fff}.card-reference__tags .tag--wordpress{background-color:#000;color:#fff}.card-reference__tags .tag--shopify{background-color:#DDFA6B;color:#000}.card-reference__tags .tag--award-winning{background-color:#DF94FF;color:#000}.card-reference__tags .tag--woocommerce{background-color:#E7E6E4;color:#000}.card-reference__tags .tag--lifterlms{background-color:#001F0A;color:#DDFA6B}.card-reference__tags .tag--plugin-development{background-color:#906BFA;color:#000}.card-reference__tags .tag--integration{background-color:#001F0A;color:#DDFA6B}.wpforms-form input[type=text],.wpforms-form input[type=email],.wpforms-form textarea{background-color:#fff0;border:none;width:100%;border-bottom:1px solid #61605F;color:#fff;font-family:"IBM Plex Mono",monospace;padding:.5rem 0;border-radius:0}.wpforms-form input[type=text]::-moz-placeholder,.wpforms-form input[type=email]::-moz-placeholder,.wpforms-form textarea::-moz-placeholder{color:#61605F;opacity:1}.wpforms-form input[type=text]::placeholder,.wpforms-form input[type=email]::placeholder,.wpforms-form textarea::placeholder{color:#61605F;opacity:1}.wpforms-form input[type=checkbox]{margin-right:1rem}.wpforms-form input[type=text]:focus,.wpforms-form input[type=email]:focus,.wpforms-form textarea:focus{outline:none;border-bottom:1px solid #906BFA}.wpforms-form .wpforms-field-gdpr-checkbox{color:#fff;font-family:"IBM Plex Mono",monospace;margin:1.5rem 0}.wpforms-form .wpforms-field-gdpr-checkbox ul{padding:0;margin:0}.wpforms-form .wpforms-field-gdpr-checkbox ul li{list-style:none}.wpforms-form .wpforms-field-gdpr-checkbox ul li a,.wpforms-form .wpforms-field-gdpr-checkbox ul li a:visited{color:#fff}.wpforms-form .mailcheck-suggestion{color:#DDFA6B}.wpforms-form .wpforms-confirmation-container{font-size:clamp(1.5rem, 1.3889rem + 0.5926vw, 2.5rem);text-wrap:balance}.wpforms-form .wpforms-error{font-family:"IBM Plex Mono",monospace;color:#DF94FF}.wpforms-form .wpforms-label-hide,.wpforms-form .wpforms-hidden{display:none}.grecaptcha-badge{display:none}.loading-screen{position:fixed;width:100%;height:100%;top:0;left:0;display:flex;justify-content:center;align-items:center;font-size:20px;z-index:999999;color:#fff;transition:opacity 0.5s ease-out;opacity:1}.loading-screen__half{position:relative;background-color:#000;width:50vw;height:100%;opacity:1;transform:translateX(0);transition:opacity 0.5s cubic-bezier(.45,0,.55,1)}.loading-screen__half--left.animated{opacity:0}.loading-screen__half--left .loading-logo{right:3px}.loading-screen__half--right.animated{opacity:0}.loading-screen__half--right .loading-logo{left:3px}.loading-screen__content{width:165px;height:165px}.loading-logo{position:absolute;top:50%;height:165px;width:80px;transform:translateY(-50%);transition:transform 750ms cubic-bezier(.85,0,.15,1)}.loading-logo__line{width:80px;height:12px;background-color:#fff;background-color:#DDFA6B;-webkit-clip-path:inset(0 0 0 100%);clip-path:inset(0 0 0 100%);transition:-webkit-clip-path 0.75s cubic-bezier(0,.55,.45,1);transition:clip-path 0.75s cubic-bezier(0,.55,.45,1);transition:clip-path 0.75s cubic-bezier(0,.55,.45,1),-webkit-clip-path 0.75s cubic-bezier(0,.55,.45,1)}.loading-logo__line--1{position:absolute;transform:rotate(135deg);top:34px;left:0;-webkit-clip-path:inset(0 0 0 100%);clip-path:inset(0 0 0 100%)}.loading-logo__line--2{position:absolute;transform:rotate(45deg);top:34px;right:0;-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}.loading-logo__line--3{position:absolute;transform:rotate(135deg);bottom:34px;right:0;-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}.loading-logo__line--4{position:absolute;transform:rotate(45deg);bottom:34px;left:0;-webkit-clip-path:inset(0 0 0 100%);clip-path:inset(0 0 0 100%)}.loading-logo__line.animated{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}.loading-logo.animated{transform:scale(1.4)}.page__header{background-color:#000;min-height:33vh;color:#fff;display:flex;align-items:flex-end}.page__content{background-color:#fff}.about{min-height:100vh;display:flex;align-items:center}.about__title{margin-bottom:1rem}@media (min-width:992px){.about__title{margin-bottom:5rem}}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#fff;border-radius:3px;box-shadow:0 0 2px 2px rgb(0 0 0 / .6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#000;display:block;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}#primary[tabindex="-1"]:focus{outline:0}.alignleft{float:left;margin-right:1.5em;margin-bottom:1.5em}.alignright{float:right;margin-left:1.5em;margin-bottom:1.5em}.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;margin-bottom:1.5em}.color-white{color:#fff}.color-black{color:#000}.color-primary{color:#DDFA6B}.color-violet{color:#906BFA}.color-gray--light{color:#C8C7C6}.color-gray{color:#61605F}.bg-white{background-color:#fff}.bg-black{background-color:#000}.bg-violet{background-color:#906BFA}.text-uppercase{text-transform:uppercase}.text-balance{text-wrap:balance}.text-center{text-align:center}.container{width:100%;max-width:1600px;margin:0 auto;padding:0 20px}.span-1{width:100%}.span-2{width:100%}.span-3{width:100%}.span-4{width:100%}.span-5{width:100%}.span-6{width:100%}.span-7{width:100%}.span-8{width:100%}.offset-1{margin-left:0}.offset-2{margin-left:0}.offset-3{margin-left:0}.offset-4{margin-left:0}.offset-5{margin-left:0}.offset-6{margin-left:0}@media (min-width:992px){.span-1{width:8.3333333333%}.span-2{width:16.6666666667%}.span-3{width:25%}.span-4{width:33.3333333333%}.span-5{width:41.6666666667%}.span-6{width:50%}.span-7{width:58.3333333333%}.span-8{width:66.6666666667%}.offset-1{margin-left:8.3333333333%}.offset-2{margin-left:16.6666666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.3333333333%}.offset-5{margin-left:41.6666666667%}.offset-6{margin-left:50%}}.section-padding{padding:5rem 0}@media (min-width:992px){.section-padding{padding:10rem 0}}.pt-1{padding-top:1rem}.pt-2{padding-top:2rem}.pt-3{padding-top:3rem}.pt-4{padding-top:4rem}.pt-5{padding-top:5rem}.pb-1{padding-bottom:1rem}.pb-2{padding-bottom:2rem}.pb-3{padding-bottom:3rem}.pb-4{padding-bottom:4rem}.pb-5{padding-bottom:5rem}.m-0{margin:0}.mb-1{margin-bottom:1rem}.mb-2{margin-bottom:2rem}.mb-3{margin-bottom:3rem}.mb-4{margin-bottom:4rem}.mb-5{margin-bottom:5rem}.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mt-3{margin-top:3rem}.mt-4{margin-top:4rem}.mt-5{margin-top:5rem}.mt-6{margin-top:6rem}.mt-7{margin-top:7rem}.mt-8{margin-top:8rem}.mt-9{margin-top:9rem}.mt-10{margin-top:5rem}@media (min-width:992px){.mt-10{margin-top:10rem}}.w-100{width:100%}.d-flex{display:flex;flex-wrap:wrap}.sticky{position:sticky;top:5rem}.relative{position:relative;z-index:2}.reveal--fade-in{opacity:0;transition:opacity 0.5s ease-in}.reveal--fade-in.visible{opacity:1}.no-scroll{overflow:hidden!important}.hide-mobile{display:none}@media (min-width:992px){.hide-mobile{display:block}}.hide-desktop{display:block}@media (min-width:992px){.hide-desktop{display:none}}