/*! legacy-blog-post-base */
.blog .post{background-color:#fff;margin-bottom:3.125rem;padding:0 1.875rem 1.875rem;box-shadow:0 5px 10px #0000001a}.blog .post:after{clear:both;content:"";display:table}.blog .post .wp-post-image{width:calc(100% + 60px);max-width:none;margin:0 -1.875rem}.blog .post header{margin-bottom:1.5625rem}.blog .post-title{color:#000;margin-top:1.875rem;font-size:1.125rem;display:inline-block}.blog .post-title>*{font-size:inherit}.blog .post-desc{color:#747474;font-size:1.125rem}.blog .post-link{color:#0081bc;float:right;text-transform:uppercase;font-family:Montserrat,sans-serif;font-size:.75rem}.blog .post-meta-date{color:#bcbcbc}.post-meta-category a{color:#fff;border-radius:2px;padding:.15625rem .6875rem;display:inline-block}.post-meta-category.category-uncategorized a{background-color:#000}.post-meta-category.category-design-ux a{background-color:#252525}.post-meta-category.category-php a{background-color:#81d134}.post-meta-category.category-html-css a{background-color:#ff8400}.post-meta-category.category-javascript a{background-color:#fdda3e}.post-meta-category.category-wordpress a{background-color:#21759b}.post-meta-category.category-envato a{background-color:#82b541}.post-meta-category.category-anpsthemes a{background-color:#008dce}.post-meta{color:#8e8e8e;font-size:.75rem}.post-meta>*{margin-right:.875rem;display:inline-block}.single-post{background-color:#ececec}.single-post #disqus_thread{max-width:970px;margin:70px auto}.single-post .post{background-color:#fff;max-width:970px;margin:15px auto;padding:0 20px}@media screen and (width>=40em){.single-post .post{margin:70px auto;padding:0 70px}}.single-post .post-title{font-size:30px}.single-post .post-image{margin-bottom:30px;margin-left:-20px;margin-right:-20px}.single-post .post-image img{width:100%;max-width:none}@media screen and (width>=40em){.single-post .post-image{margin-bottom:60px;margin-left:-70px;margin-right:-70px}}.single-post .post-meta>:not(.post-meta-category){margin:7px 20px 0 0;font-size:.875rem;font-style:italic;display:block;position:relative}@media (width>=30em){.single-post .post-meta>:not(.post-meta-category){margin-top:0;display:inline-block}.single-post .post-meta>:not(.post-meta-category):after{content:"/";position:absolute;top:0;right:-15px}.single-post .post-meta>:not(.post-meta-category):last-child:after{display:none}}.single-post .post-content{color:#6f6f6f;padding-top:35px;padding-bottom:50px;font-size:1.125rem}.single-post .post-content blockquote{background-color:#f9f9f9;border-left:3px solid #0080bc;padding:1.875rem;font-style:italic}.single-post .post-content blockquote.no-quotes P:after,.single-post .post-content blockquote.no-quotes p:before{content:""}.single-post .post-content blockquote p{color:#6f6f6f;margin:0}.single-post .post-content blockquote p:after,.single-post .post-content blockquote p:before{content:"“"}.single-post .post-content h2,.single-post .post-content h3,.single-post .post-content h4,.single-post .post-content h5,.single-post .post-content h6{color:#000;margin-top:2.1875rem;margin-bottom:.9375rem}.single-post .post-content h2{font-size:1.5rem}.single-post .post-content h3{font-size:1.3125rem}.single-post .post-content h4{font-size:1.1875rem}.single-post .post-content h5{font-size:1.125rem}.single-post .post-footer{background-color:#f9f9f9;justify-content:center;align-items:center;min-height:80px;margin-left:-20px;margin-right:-20px;padding:0;position:relative;overflow:hidden}@media screen and (width>=40em){.single-post .post-footer{margin-left:-70px;margin-right:-70px}}.single-post .post-footer .columns{padding:0}.single-post .post-footer .post-tags{color:#fff;background-color:#008dce;padding:30px 20px;font-family:Montserrat,sans-serif;font-size:.8125rem;position:relative}@media screen and (width>=40em){.single-post .post-footer .post-tags{padding:0 20px}.single-post .post-footer .post-tags:after,.single-post .post-footer .post-tags:before{background-color:inherit;content:"";width:100%;height:100px;position:absolute;left:0}.single-post .post-footer .post-tags:after{bottom:100%}.single-post .post-footer .post-tags:before{top:100%}}.single-post .post-footer .post-tags a{color:inherit;transition:opacity .4s}.single-post .post-footer .post-tags a:focus,.single-post .post-footer .post-tags a:hover{opacity:.8}.single-post .post-footer .author{padding:15px 20px 10px;position:relative}@media screen and (width>=40em){.single-post .post-footer .author{padding-top:10px;padding-left:100px;position:static}}.single-post .post-footer .author-name{color:#006ea1;font-weight:700}.single-post .post-footer .author-desc{color:#8e8e8e;font-size:.875rem;font-style:italic;display:block}@media screen and (width>=40em){.single-post .post-footer .author-desc{display:inline-block}}.single-post .post-footer .author-image{background-repeat:no-repeat;background-size:cover;width:80px;height:100%;display:none;position:absolute;top:0;left:0}@media screen and (width>=40em){.single-post .post-footer .author-image{display:block}}.single-post .post-footer .author-social{margin:0 -4px -4px}.single-post .post-footer .author-social svg{fill:#8e8e8e;width:19px;height:19px;margin:4px;transition:fill .4s}.single-post .post-footer .author-social a:focus svg,.single-post .post-footer .author-social a:hover svg{fill:#222}.single-post .post-footer .author-social .author-behance svg{fill:#08f;width:21px}.single-post .post-footer .author-social .author-dribbble svg{fill:#ea4c89}.single-post .post-footer .author-social .author-linkedin svg{fill:#006ea1}.single-post .post-footer .author-social .author-twitter svg{fill:#55acee}.single-post .post-footer .author-social .author-github svg{fill:#000}.blog-hero{text-align:center;background:#fff url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23000000' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");border-bottom:1px solid #e2e8f0;padding:5rem 1rem;position:relative;overflow:hidden}@media screen and (width>=48em){.blog-hero{padding:6rem 1.5rem}}.blog-hero__accent{background:linear-gradient(90deg,#0085ba,#82c91e);width:100%;height:4px;position:absolute;top:0;left:0}.blog-hero__blob{filter:blur(48px);pointer-events:none;border-radius:50%;position:absolute}.blog-hero__blob--right{background:#0085ba0d;width:24rem;height:24rem;top:-5rem;right:-5rem}.blog-hero__blob--left{background:#82c91e0d;width:20rem;height:20rem;bottom:-5rem;left:-5rem}.blog-hero__inner{z-index:10;max-width:64rem;margin:0 auto;position:relative}.blog-hero__title{color:#111827;letter-spacing:-.025em;margin-bottom:1.5rem;font-size:2rem;font-weight:700;line-height:1.15}@media screen and (width>=48em){.blog-hero__title{font-size:2.75rem}}@media screen and (width>=64em){.blog-hero__title{font-size:3.5rem}}.blog-hero__highlight{color:#0085ba}.blog-hero__desc{color:#64748b;max-width:48rem;margin:0 auto 2rem;font-size:1.125rem;font-weight:300;line-height:1.7}@media screen and (width>=48em){.blog-hero__desc{font-size:1.25rem}}.blog-hero__badge{color:#64748b;justify-content:center;align-items:center;gap:.5rem;margin:1rem 0 0;font-size:.875rem;display:flex}.blog-hero__badge-icon{color:#82c91e;font-size:1.125rem}.blog-filter{z-index:20;background:#fff;border-bottom:1px solid #e2e8f0;position:sticky;top:0;box-shadow:0 1px 3px #0000000d}.blog-filter__container{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;max-width:80rem;margin:0 auto;padding:1rem;display:flex}@media screen and (width<=47.99em){.blog-filter__container{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#0f172a33 transparent;flex-wrap:nowrap;justify-content:flex-start;gap:.75rem;padding:.75rem 1rem;overflow:auto hidden}.blog-filter__container::-webkit-scrollbar{height:6px}.blog-filter__container::-webkit-scrollbar-track{background:0 0}.blog-filter__container::-webkit-scrollbar-thumb{background:#0f172a33;border-radius:999px}}@media screen and (width>=48em){.blog-filter__container{gap:2rem;padding:1rem 1.5rem}}.blog-filter__label{text-transform:uppercase;color:#64748b;letter-spacing:.05em;white-space:nowrap;font-size:.6875rem;font-weight:700;display:inline-block}.blog-filter__link{color:#64748b;white-space:nowrap;border-radius:9999px;padding:.375rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s}.blog-filter__link:hover{color:#0085ba}.blog-filter__link--active{color:#0085ba;background:#0085ba1a;font-weight:700}.blog-grid{background:#f8fafc;padding:4rem 0}.blog-grid__container{max-width:80rem;margin:0 auto;padding:0 1rem}@media screen and (width>=40em){.blog-grid__container{padding:0 1.5rem}}.blog-grid__posts{grid-template-columns:1fr;gap:2rem;margin-bottom:4rem;display:grid}@media screen and (width>=48em){.blog-grid__posts{grid-template-columns:repeat(2,1fr)}}@media screen and (width>=64em){.blog-grid__posts{grid-template-columns:repeat(3,1fr)}}.blog-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;flex-direction:column;transition:box-shadow .3s;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000f}.blog-card:hover{box-shadow:0 10px 25px #00000014}.blog-card__image{aspect-ratio:16/9;background:#f1f5f9;display:block;position:relative;overflow:hidden}.blog-card__image img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.blog-card:hover .blog-card__image img{transform:scale(1.05)}.blog-card__placeholder{color:#cbd5e1;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.blog-card__placeholder .material-symbols-outlined{font-size:3.5rem}.blog-card:hover .blog-card__placeholder .material-symbols-outlined{transition:transform .5s;transform:scale(1.05)}.blog-card__body{flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.blog-card__cat{margin-bottom:.75rem}.blog-card__cat-badge{text-transform:uppercase;letter-spacing:.05em;color:#82c91e;background:#82c91e1a;border-radius:.25rem;padding:.2rem .5rem;font-size:.6875rem;font-weight:700;text-decoration:none;display:inline-block}.blog-card__cat-badge.category-wordpress{color:#0085ba;background:#0085ba1a}.blog-card__cat-badge.category-design-ux,.blog-card__cat-badge.category-design{color:#7c3aed;background:#7c3aed1a}.blog-card__cat-badge.category-php,.blog-card__cat-badge.category-envato{color:#82c91e;background:#82c91e1a}.blog-card__cat-badge.category-html-css{color:#f59e0b;background:#f59e0b1a}.blog-card__cat-badge.category-javascript{color:#eab308;background:#eab3081a}.blog-card__cat-badge.category-anpsthemes{color:#0085ba;background:#0085ba1a}.blog-card__cat-badge.category-uncategorized{color:#6b7280;background:#6b72801a}.blog-card__title{color:#111827;margin:0 0 .75rem;font-size:1.25rem;font-weight:700;line-height:1.35}.blog-card__title a{color:inherit;text-decoration:none;transition:color .2s}.blog-card:hover .blog-card__title a{color:#0085ba}.blog-card__excerpt{color:#64748b;flex-grow:1;margin-bottom:1.5rem;font-size:.875rem;line-height:1.7}.blog-card__excerpt p{margin:0}.blog-card__footer{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding-top:1rem;display:flex}.blog-card__date{color:#64748b;font-size:.75rem}.blog-card__read{color:#0085ba;align-items:center;gap:.25rem;font-size:.875rem;font-weight:700;text-decoration:none;transition:color .2s;display:flex}.blog-card__read:hover{color:#0073aa;text-decoration:underline}.blog-card__read .material-symbols-outlined{font-size:.875rem}.blog-pagination{flex-direction:column;align-items:center;gap:1rem;display:flex}.blog-pagination__label{color:#64748b;margin:0;font-size:.875rem;font-weight:500}.blog-pagination__links{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.blog-pagination__links a,.blog-pagination__links span{border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s}.blog-pagination__links a{color:#64748b;border:1px solid #e2e8f0}.blog-pagination__links a:hover{color:#0085ba;background:#fff}.blog-pagination__links .current{color:#fff;background:#0085ba;border:1px solid #0085ba;box-shadow:0 4px 12px #0085ba33}.blog-pagination__links .dots{color:#64748b;border:none}.blog-cta{text-align:center;background:#fff;border-top:1px solid #e2e8f0;padding:6rem 0}.blog-cta__container{max-width:56rem;margin:0 auto;padding:0 1rem}@media screen and (width>=40em){.blog-cta__container{padding:0 1.5rem}}.blog-cta__title{color:#111827;margin-bottom:1.5rem;font-size:1.75rem;font-weight:700}@media screen and (width>=48em){.blog-cta__title{font-size:2.25rem}}.blog-cta__desc{color:#64748b;max-width:42rem;margin:0 auto 2.5rem;font-size:1.125rem;line-height:1.7}.blog-cta__buttons{flex-direction:column;justify-content:center;gap:1rem;display:flex}@media screen and (width>=40em){.blog-cta__buttons{flex-direction:row}}.blog-bottom{color:#fff;text-align:center;background:#0a1e36;border-top:1px solid #ffffff0d;padding:8rem 0;position:relative;overflow:hidden}.blog-bottom__pattern{opacity:.1;pointer-events:none;color:#fff;position:absolute;inset:0}.blog-bottom__overlay{background:linear-gradient(#0000,#0000,#0a1e36);position:absolute;inset:0}.blog-bottom__inner{z-index:10;max-width:56rem;margin:0 auto;padding:0 1rem;position:relative}@media screen and (width>=40em){.blog-bottom__inner{padding:0 1.5rem}}.blog-bottom__title{color:#fff;letter-spacing:-.025em;margin-bottom:1.5rem;font-size:2.5rem;font-weight:700;line-height:1.15}@media screen and (width>=48em){.blog-bottom__title{font-size:3.25rem}}.blog-bottom__highlight{color:#82c91e}.blog-bottom__desc{color:#94a3b8;max-width:42rem;margin:0 auto 2.5rem;font-size:1.25rem;font-weight:300;line-height:1.7}.blog-bottom__buttons{flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex}@media screen and (width>=40em){.blog-bottom__buttons{flex-direction:row}}.blog-bottom__btn--green .material-symbols-outlined{animation:2s infinite blog-pulse}@keyframes blog-pulse{0%,to{opacity:1}50%{opacity:.6}}.blog-bottom__btn--outline .material-symbols-outlined{transition:transform .2s}.blog-bottom__btn--outline:hover .material-symbols-outlined{transform:translate(4px)}