@import url("https://fonts.googleapis.com/css?family=Lato:300,400,700");
@font-face{font-family:'codropsicons';src:url(//gratefulartlicensing.com/wp-content/themes/pixefy-child/fonts/codropsicons/codropsicons.eot);src:url(//gratefulartlicensing.com/wp-content/themes/pixefy-child/fonts/codropsicons/codropsicons.eot?#iefix) format('embedded-opentype'), url(//gratefulartlicensing.com/wp-content/themes/pixefy-child/fonts/codropsicons/codropsicons.woff) format('woff'), url(//gratefulartlicensing.com/wp-content/themes/pixefy-child/fonts/codropsicons/codropsicons.ttf) format('truetype'), url(//gratefulartlicensing.com/wp-content/themes/pixefy-child/fonts/codropsicons/codropsicons.svg#codropsicons) format('svg');font-weight:normal;font-style:normal;}
*, *:after, *:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body, html{font-size:100%;padding:0;margin:0;}
.clearfix:before, .clearfix:after{content:" ";display:table;}
.clearfix:after{clear:both;}
body {
font-family: 'Lato', Calibri, Arial, sans-serif;
color: #6b7381;
background: #f2f2f2;
} a{color:#aaa;text-decoration:none;}
a:hover, a:active{color:#333;}
.container > header{margin:0 auto;padding:2em;}
.container > header{text-align:center;background:rgba(0,0,0,0.01);}
.container > header h1{font-size:2.625em;line-height:1.3;margin:0;font-weight:300;}
.container > header span{display:block;font-size:60%;opacity:0.8;padding:0 0 0.6em 0.1em;}
.codrops-top{background:#fff;background:rgba(255, 255, 255, 0.8);text-transform:uppercase;width:100%;font-size:0.69em;line-height:2.2;}
.codrops-top a{padding:0 1em;letter-spacing:0.1em;color:#6b7381;display:inline-block;}
.codrops-top a:hover{color:#424b5a;background:rgba(255,255,255,1);}
.codrops-top span.right{float:right;}
.codrops-top span.right a{float:left;display:block;}
.codrops-icon:before{font-family:'codropsicons';margin:0 4px;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;}
.codrops-icon-drop:before{content:"\e001";}
.codrops-icon-prev:before{content:"\e004";}
.codrops-demos{padding-top:1em;font-size:0.9em;}
.codrops-demos a{display:inline-block;margin:0.5em;padding:0.7em 1.1em;border:3px solid #6b7381;color:#6b7381;font-weight:700;}
.codrops-demos a:hover, .codrops-demos a.current-demo, .codrops-demos a.current-demo:hover{opacity:0.6;}
@media screen and (max-width:25em){
.codrops-icon span {
display: none;
}
}.grid{max-width:69em;list-style:none;margin:30px auto;padding:0;}
.grid li{display:block;float:left;padding:7px;width:33.33333%;opacity:0;}
.grid li.shown, .no-js .grid li, .no-cssanimations .grid li{opacity:1;}
.grid li a, .grid li img{outline:none;border:none;display:block;max-width:100%;}
.grid.effect-1 li.animate{-webkit-animation:fadeIn 0.65s ease forwards;animation:fadeIn 0.65s ease forwards;}
@-webkit-keyframes fadeIn {
0%{}
100%{opacity:1;}
}
@keyframes fadeIn {
0%{}
100%{opacity:1;}
} .grid.effect-2 li.animate{-webkit-transform:translateY(200px);transform:translateY(200px);-webkit-animation:moveUp 0.65s ease forwards;animation:moveUp 0.65s ease forwards;}
@-webkit-keyframes moveUp {
0%{}
100%{-webkit-transform:translateY(0);opacity:1;}
}
@keyframes moveUp {
0%{}
100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;}
} .grid.effect-3 li.animate{-webkit-transform:scale(0.6);transform:scale(0.6);-webkit-animation:scaleUp 0.65s ease-in-out forwards;animation:scaleUp 0.65s ease-in-out forwards;}
@-webkit-keyframes scaleUp {
0%{}
100%{-webkit-transform:scale(1);opacity:1;}
}
@keyframes scaleUp {
0%{}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}
} .grid.effect-4{-webkit-perspective:1300px;perspective:1300px;}
.grid.effect-4 li.animate{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateZ(400px) translateY(300px) rotateX(-90deg);transform:translateZ(400px) translateY(300px) rotateX(-90deg);-webkit-animation:fallPerspective .8s ease-in-out forwards;animation:fallPerspective .8s ease-in-out forwards;}
@-webkit-keyframes fallPerspective {
0%{}
100%{-webkit-transform:translateZ(0px) translateY(0px) rotateX(0deg);opacity:1;}
}
@keyframes fallPerspective {
0%{}
100%{-webkit-transform:translateZ(0px) translateY(0px) rotateX(0deg);transform:translateZ(0px) translateY(0px) rotateX(0deg);opacity:1;}
} .grid.effect-5{-webkit-perspective:1300px;perspective:1300px;}
.grid.effect-5 li.animate{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:50% 50% -300px;transform-origin:50% 50% -300px;-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg);-webkit-animation:fly .8s ease-in-out forwards;animation:fly .8s ease-in-out forwards;}
@-webkit-keyframes fly {
0%{}
100%{-webkit-transform:rotateX(0deg);opacity:1;}
}
@keyframes fly {
0%{}
100%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1;}
} .grid.effect-6{-webkit-perspective:1300px;perspective:1300px;}
.grid.effect-6 li.animate{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:0% 0%;transform-origin:0% 0%;-webkit-transform:rotateX(-80deg);transform:rotateX(-80deg);-webkit-animation:flip .8s ease-in-out forwards;animation:flip .8s ease-in-out forwards;}
@-webkit-keyframes flip {
0%{}
100%{-webkit-transform:rotateX(0deg);opacity:1;}
}
@keyframes flip {
0%{}
100%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg);opacity:1;}
} .grid.effect-7{-webkit-perspective:1300px;perspective:1300px;}
.grid.effect-7 li.animate{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg);-webkit-animation:helix .8s ease-in-out forwards;animation:helix .8s ease-in-out forwards;}
@-webkit-keyframes helix {
0%{}
100%{-webkit-transform:rotateY(0deg);opacity:1;}
}
@keyframes helix {
0%{}
100%{-webkit-transform:rotateY(0deg);transform:rotateY(0deg);opacity:1;}
} .grid.effect-8{-webkit-perspective:1300px;perspective:1300px;}
.grid.effect-8 li.animate{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:scale(0.4);transform:scale(0.4);-webkit-animation:popUp .8s ease-in forwards;animation:popUp .8s ease-in forwards;}
@-webkit-keyframes popUp {
0%{}
70%{-webkit-transform:scale(1.1);opacity:.8;-webkit-animation-timing-function:ease-out;}
100%{-webkit-transform:scale(1);opacity:1;}
}
@keyframes popUp {
0%{}
70%{-webkit-transform:scale(1.1);transform:scale(1.1);opacity:.8;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:1;}
}
@media screen and (max-width:900px){
.grid li{width:50%;}
}
@media screen and (max-width:400px){
.grid li {
width: 100%;
}
}.elementor-column .elementor-spacer-inner{height:var(--spacer-size)}.e-con{--container-widget-width:100%}.e-con-inner>.elementor-widget-spacer,.e-con>.elementor-widget-spacer{width:var(--container-widget-width,var(--spacer-size));--align-self:var( --container-widget-align-self,initial );--flex-shrink:0}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container,.e-con>.elementor-widget-spacer>.elementor-widget-container{height:100%;width:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer>.elementor-widget-container>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer,.e-con>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer{height:100%}.e-con-inner>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer>.elementor-spacer-inner,.e-con>.elementor-widget-spacer:not(:has(>.elementor-widget-container))>.elementor-spacer>.elementor-spacer-inner{height:var(--container-widget-height,var(--spacer-size))}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty,.e-con>.elementor-widget-spacer.elementor-widget-empty{min-height:22px;min-width:22px;position:relative}.e-con-inner>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon,.e-con>.elementor-widget-spacer.elementor-widget-empty .elementor-widget-empty-icon{height:22px;inset:0;margin:auto;padding:0;position:absolute;width:22px}.elementor-widget-divider{--divider-border-style:none;--divider-border-width:1px;--divider-color:#0c0d0e;--divider-icon-size:20px;--divider-element-spacing:10px;--divider-pattern-height:24px;--divider-pattern-size:20px;--divider-pattern-url:none;--divider-pattern-repeat:repeat-x}.elementor-widget-divider .elementor-divider{display:flex}.elementor-widget-divider .elementor-divider__text{font-size:15px;line-height:1;max-width:95%}.elementor-widget-divider .elementor-divider__element{flex-shrink:0;margin:0 var(--divider-element-spacing)}.elementor-widget-divider .elementor-icon{font-size:var(--divider-icon-size)}.elementor-widget-divider .elementor-divider-separator{direction:ltr;display:flex;margin:0}.elementor-widget-divider--view-line_icon .elementor-divider-separator,.elementor-widget-divider--view-line_text .elementor-divider-separator{align-items:center}.elementor-widget-divider--view-line_icon .elementor-divider-separator:after,.elementor-widget-divider--view-line_icon .elementor-divider-separator:before,.elementor-widget-divider--view-line_text .elementor-divider-separator:after,.elementor-widget-divider--view-line_text .elementor-divider-separator:before{border-block-end:0;border-block-start:var(--divider-border-width) var(--divider-border-style) var(--divider-color);content:"";display:block;flex-grow:1}.elementor-widget-divider--element-align-left .elementor-divider .elementor-divider-separator>.elementor-divider__svg:first-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-left .elementor-divider-separator:before{content:none}.elementor-widget-divider--element-align-left .elementor-divider__element{margin-left:0}.elementor-widget-divider--element-align-right .elementor-divider .elementor-divider-separator>.elementor-divider__svg:last-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-right .elementor-divider-separator:after{content:none}.elementor-widget-divider--element-align-right .elementor-divider__element{margin-right:0}.elementor-widget-divider--element-align-start .elementor-divider .elementor-divider-separator>.elementor-divider__svg:first-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-start .elementor-divider-separator:before{content:none}.elementor-widget-divider--element-align-start .elementor-divider__element{margin-inline-start:0}.elementor-widget-divider--element-align-end .elementor-divider .elementor-divider-separator>.elementor-divider__svg:last-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-end .elementor-divider-separator:after{content:none}.elementor-widget-divider--element-align-end .elementor-divider__element{margin-inline-end:0}.elementor-widget-divider:not(.elementor-widget-divider--view-line_text):not(.elementor-widget-divider--view-line_icon) .elementor-divider-separator{border-block-start:var(--divider-border-width) var(--divider-border-style) var(--divider-color)}.elementor-widget-divider--separator-type-pattern{--divider-border-style:none}.elementor-widget-divider--separator-type-pattern.elementor-widget-divider--view-line .elementor-divider-separator,.elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:after,.elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:before,.elementor-widget-divider--separator-type-pattern:not([class*=elementor-widget-divider--view]) .elementor-divider-separator{background-color:var(--divider-color);-webkit-mask-image:var(--divider-pattern-url);mask-image:var(--divider-pattern-url);-webkit-mask-repeat:var(--divider-pattern-repeat);mask-repeat:var(--divider-pattern-repeat);-webkit-mask-size:var(--divider-pattern-size) 100%;mask-size:var(--divider-pattern-size) 100%;min-height:var(--divider-pattern-height);width:100%}.elementor-widget-divider--no-spacing{--divider-pattern-size:auto}.elementor-widget-divider--bg-round{--divider-pattern-repeat:round}.rtl .elementor-widget-divider .elementor-divider__text{direction:rtl}.e-con-inner>.elementor-widget-divider,.e-con>.elementor-widget-divider{width:var(--container-widget-width,100%);--flex-grow:var( --container-widget-flex-grow )}