/*!
Theme Name: Lyn Dayao
Theme URI: https://lyndayao.com/
Author: Lyn Dayao
Author URI: https://lyndayao.com/
Description: A custom WordPress theme built with SCSS and Webpack.
Version: 1.3
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lyndayao
Tags: custom, scss, webpack
*/@font-face{font-display:swap;font-family:"Outfit";font-style:normal;font-weight:300;src:url("fonts/outfit-v11-latin-300.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Outfit";font-style:normal;font-weight:400;src:url("fonts/outfit-v11-latin-regular.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Outfit";font-style:normal;font-weight:500;src:url("fonts/outfit-v11-latin-500.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Outfit";font-style:normal;font-weight:600;src:url("fonts/outfit-v11-latin-600.woff2") format("woff2")}@font-face{font-display:swap;font-family:"Outfit";font-style:normal;font-weight:700;src:url("fonts/outfit-v11-latin-700.woff2") format("woff2")}body{font-family:"Outfit";color:#7a7a7a;font-size:15px;overflow-x:hidden}body .mt-6{margin-top:6rem}body .preloader-frame{position:fixed;z-index:999999999;top:0;left:0;right:0;bottom:0;height:100vh;width:100vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#fff}body .preloader-frame .preloader-content{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}body .preloader-frame .preloader-content .loader-text{text-transform:uppercase;font-size:12px;font-weight:600;letter-spacing:2px}body .preloader-frame .preloader-content::before{content:"";width:1px;height:50vh;background-color:#e9e9e9;position:absolute;bottom:calc(100% + 60px);left:calc(50% - 4px)}body .preloader-frame .preloader-content .preloader{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:60px;height:30px}body .preloader-frame .preloader-content .preloader div{background-color:#e58e80;height:7px;width:7px;border-radius:50%;display:inline-block;-webkit-animation:stretchdelay 1.1s infinite ease-in-out;animation:stretchdelay 1.1s infinite ease-in-out}body .preloader-frame .preloader-content .preloader div.circ-2{-webkit-animation-delay:-0.9s;animation-delay:-0.9s}body .preloader-frame .preloader-content .preloader div.circ-3{-webkit-animation-delay:-0.7s;animation-delay:-0.7s}body .preloader-frame .preloader-content .preloader div.circ-4{-webkit-animation-delay:-0.4s;animation-delay:-0.4s}@keyframes stretchdelay{0%,40%,100%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}20%{-webkit-transform:translateY(-20px);transform:translateY(-20px)}}body header{position:fixed;width:100%;z-index:999}body header #header{border-bottom:1px solid #e9e9e9;background-color:#fff;padding:0px}body header #header .container-fluid{padding:0}body header #header .navbar-brand,body header #header .contact-holder{padding:0px;height:90px;width:90px;background:#2c2c2c;display:flex;align-items:center;justify-content:center;cursor:pointer}body header #header .navbar-brand img,body header #header .contact-holder img{height:30px;-webkit-transition:.4s cubic-bezier(0, 0, 0.3642, 1);transition:.4s cubic-bezier(0, 0, 0.3642, 1)}body header #header .navbar-brand img:hover,body header #header .contact-holder img:hover{-webkit-transform:scale(1.15);transform:scale(1.15)}body header #header .navbar-brand svg,body header #header .contact-holder svg{color:#e58e80;-webkit-transition:.4s cubic-bezier(0, 0, 0.3642, 1);transition:.4s cubic-bezier(0, 0, 0.3642, 1)}body header #header .navbar-brand svg:hover,body header #header .contact-holder svg:hover{-webkit-transform:scale(1.15);transform:scale(1.15)}body header #header #navbar ul{margin:0 auto}body header #header #navbar ul li:not(:last-child){padding-right:10px;margin-right:30px}body header #header #navbar ul li.current-menu-item a::before{content:"";margin-right:10px;position:absolute;left:-5px;display:block;width:7px;height:7px;background-color:#e58e80;border-radius:50%;top:calc(50% - 3.5px)}body header #header #navbar ul li a{color:#4a4a4a;text-transform:uppercase;font-size:12px;font-weight:600;letter-spacing:2px;white-space:nowrap;padding:0 10px;position:relative}body header #header #navbar ul li a::before{transform:scale(1);transition:.4s cubic-bezier(0, 0, 0.3642, 1)}body .mil-left-panel{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:75px;padding:90px 0;width:91px;height:100vh;border-right:solid 1px #e9e9e9;pointer-events:all;position:fixed;left:0}body .mil-left-panel .mil-page-name{width:300px;-webkit-transform:rotate(-90deg) translateX(-140px);transform:rotate(-90deg) translateX(-140px);text-align:right;pointer-events:none;text-transform:uppercase;font-size:12px;font-weight:600;letter-spacing:2px;word-spacing:10px}body .mil-left-panel .social-icons{padding:0}body .mil-left-panel .social-icons li{list-style-type:none;margin-bottom:10px}body .mil-left-panel .social-icons li svg{color:#4a4a4a}@media(max-width: 1100px){.mil-left-panel{display:none !important}}:root{--tabbar-h: 72px;--tabbar-bg: rgba(255, 255, 255, 0.88);--tabbar-accent: #d87c6e;--tabbar-fg: #667085;--tabbar-fg-active: #111827}@media(max-width: 991.98px){header,#header{position:relative !important}:root{--header-offset: 30px}html{scroll-behavior:smooth;scroll-padding-top:var(--header-offset)}section[id]{scroll-margin-top:var(--header-offset)}body{padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom))}body #main{padding-top:0px !important;margin-top:-90px}body #main .top-banner{height:220px}body .mobile-tabbar{position:fixed;left:0;right:0;bottom:0;height:var(--tabbar-h);max-width:640px;margin:0 auto;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:var(--tabbar-bg);backdrop-filter:saturate(180%) blur(10px);border-top-left-radius:18px;border-top-right-radius:18px;box-shadow:0 -4px 24px rgba(16,24,40,.12);z-index:9999}body .mobile-tabbar .tabbar-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6, 1fr);gap:4px}body .mobile-tabbar .menu-item{display:contents}body .mobile-tabbar .tabbar-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;user-select:none;font-size:12px;line-height:1;font-weight:500;color:var(--tabbar-fg);padding:6px 4px;border-radius:12px}body .mobile-tabbar .tabbar-item .icon{width:22px;height:22px;display:block}body .mobile-tabbar .tabbar-item .label{display:block}body .mobile-tabbar .tabbar-item:focus-visible{outline:2px solid var(--tabbar-accent);outline-offset:2px}body .mobile-tabbar .tabbar-item:active{transform:translateY(1px)}body .mobile-tabbar .current-menu-item>.tabbar-item{color:var(--tabbar-fg-active)}body .mobile-tabbar .current-menu-item>.tabbar-item .icon{color:var(--tabbar-accent)}}@media(min-width: 992px){:root{--header-offset: 120px}.mobile-tabbar{display:none}html{scroll-behavior:smooth;scroll-padding-top:var(--header-offset)}section[id]{scroll-margin-top:var(--header-offset)}}#footer{background-color:#2c2c2c;height:90px;display:flex;align-items:center;color:#fff;margin-left:90px}#footer p{margin:0}#footer .row{align-items:center}#footer .menu-item a{color:#fff}#footer .menu-item a[aria-current=page]{color:#e58e80}@media(max-width: 1100px){#footer{margin-left:0;text-align:center}#footer .menu{display:none}}@keyframes rotate-box{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes growWidth{to{transform:scaleX(1)}}#main{margin-top:0px}#main .top-banner{position:relative;height:130px;width:1px;background-color:#e9e9e9;margin:0 auto}#main .top-banner::after{content:"";position:absolute;bottom:0;left:-3px;width:7px;height:7px;background-color:#e58e80;border-radius:50%}#main .custom-width{max-width:1024px;margin:auto}#main .type-post a,#main .type-portfolio a{color:#e58e80}#main .type-post h1.post-title,#main .type-portfolio h1.post-title{font-weight:600;font-size:35px;text-align:center}#main .type-post h2,#main .type-portfolio h2{font-size:22px}#main .type-post h3,#main .type-portfolio h3{font-size:18px}#main .type-post h4,#main .type-portfolio h4{font-size:16px}#main .type-post .post-meta ul,#main .type-portfolio .post-meta ul{padding-left:0px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}#main .type-post .post-meta ul li,#main .type-portfolio .post-meta ul li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;list-style-type:none;text-transform:uppercase;font-size:12px;font-weight:600;letter-spacing:2px}#main .type-post .post-meta ul li:not(:last-child),#main .type-portfolio .post-meta ul li:not(:last-child){margin-right:17px}#main .type-post .post-meta ul li:not(:last-child)::after,#main .type-portfolio .post-meta ul li:not(:last-child)::after{content:"";left:0;width:7px;height:7px;background-color:#e58e80;border-radius:50%;margin-left:15px}#main .type-post .post-meta ul li span.sub-title,#main .type-portfolio .post-meta ul li span.sub-title{margin-right:5px}#main .type-post .post-content,#main .type-portfolio .post-content{line-height:2em}#main .type-post .post-content hr,#main .type-portfolio .post-content hr{border-top:1px solid #202124}#main .type-post .post-content table,#main .type-portfolio .post-content table{margin-bottom:2em}#main .type-post .post-content table th,#main .type-portfolio .post-content table th{border-bottom:1px solid #202124}#main .type-post .post-content table td,#main .type-portfolio .post-content table td{padding:5px 20px 5px 0;border-bottom:1px solid #eee}#main .type-post .post-content .intro,#main .type-portfolio .post-content .intro{text-align:center;font-size:19px;color:#202124;line-height:200%;max-width:80%}#main .type-post .post-content .accent-image img,#main .type-portfolio .post-content .accent-image img{max-width:100%}#main .type-post .post-content .porfolio-link,#main .type-portfolio .post-content .porfolio-link{margin-top:20px;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#202124 !important;text-transform:uppercase;font-size:12px;font-weight:600;letter-spacing:2px}#main .type-post .post-content .porfolio-link svg,#main .type-portfolio .post-content .porfolio-link svg{border-radius:50%;margin-left:15px;width:40px;height:40px;background-color:#e58e80;padding:11px;color:#fff;-webkit-transition:.2s cubic-bezier(0, 0, 0.3642, 1);transition:.2s cubic-bezier(0, 0, 0.3642, 1)}#main .type-post .post-content .porfolio-link:hover svg,#main .type-portfolio .post-content .porfolio-link:hover svg{-webkit-filter:brightness(110%);filter:brightness(110%);-webkit-transform:translateX(4px);transform:translateX(4px)}#main .archive-page h1.archive-title{font-weight:600;font-size:35px;text-align:center}#main .post-navigation{margin-top:30px;padding-top:30px;padding-bottom:30px;margin-bottom:90px;color:#92989b;border-top:1px dashed #202124;border-bottom:1px dashed #202124}#main .post-navigation .nav-links{display:flex;justify-content:space-between;align-items:center;font-size:14px}#main .post-navigation .nav-links a{color:#777;text-decoration:none;letter-spacing:1px;transition:color .3s ease}#main .post-navigation .nav-links a:hover{color:#e58e80}#main h1,#main h2,#main h3,#main h4,#main h5,#main h6{color:#4a4a4a}#main section{scroll-margin-top:0px;max-width:1024px;margin:auto}#main section a{color:#e58e80}#main section h4{font-size:1.3em}#main .row.justify-content-center{justify-content:center}#main .row .icon-container{background-color:#e58e80;display:inline-block;width:40px;height:40px;border-radius:50%;display:flex;justify-content:center;align-items:center}#main .section-title{position:relative;height:30px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:70px}#main .section-title .divider{position:relative;width:100%;height:1px;background-color:#e9e9e9}#main .section-title .divider:before{content:"";position:absolute;bottom:-3px;left:0;width:7px;height:7px;background-color:#e58e80;border-radius:50%}#main .section-title .divider:after{content:"";position:absolute;bottom:-3px;right:0;width:7px;height:7px;background-color:#e58e80;border-radius:50%}#main .section-title h3{white-space:nowrap;display:block;padding:0 30px;margin-left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);text-align:center;position:absolute;top:1px;background-color:#fdfdfd;font-size:24px;font-weight:600}#main #home{height:calc(100vh - 90px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#main #home .website-banner{text-align:center;color:#2c2c2c}#main #home .website-banner h1{font-size:92px;line-height:1.1em;font-weight:600}#main #home .website-banner .sub-text{text-transform:uppercase;font-size:12px;font-weight:600;letter-spacing:2px}#main #home .mil-oval-frame{padding-top:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:rgba(32,33,36,.1);width:170px;height:230px;border-top-right-radius:200px;border-top-left-radius:200px;transform:translate(0px, 0px)}#main #home .mil-oval-frame .mil-circle-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:130px;height:130px}#main #home .mil-oval-frame .mil-circle-text .rotate{transform-origin:center;animation:rotate-box linear forwards;animation-timeline:scroll();animation-range:0 100vh}#main #home .mil-oval-frame .mil-circle-text .mil-ct-svg text{fill:#202124;text-transform:uppercase;font-size:12px;font-weight:500;-webkit-transition:.4s cubic-bezier(0, 0, 0.3642, 1);transition:.4s cubic-bezier(0, 0, 0.3642, 1)}#main #home .mil-oval-frame .mil-circle-text .mil-button{background-color:#202124;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:80px;width:80px;border-radius:90px;position:absolute;border:solid 15px #fff}#main #home .mil-oval-frame .mil-circle-text .mil-button svg{color:#fff}#main #about .row{margin-bottom:70px}#main #about .oval-frame-2{margin:0 auto;padding-bottom:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;background-color:rgba(32,33,36,.1);width:170px;height:170px;border-bottom-right-radius:200px;border-bottom-left-radius:200px}#main #about .oval-frame-2 img{margin-top:auto;width:120px !important;height:120px !important;border-radius:50% !important}#main #services .row{margin-bottom:70px}#main #services .row .icon-box{text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}#main #services .row .icon-box h4{font-size:16px}#main #services .row .service-icon{padding:20px;height:80px;width:80px;background-color:#f4f4f4;border-radius:50%;margin-bottom:30px;display:flex;align-items:center;justify-content:center}#main #services .row .skill{margin-bottom:1.5rem}#main #services .row .skill .label{display:flex;justify-content:space-between;font-weight:600;margin-bottom:.4rem}#main #services .row .skill .bar{background:#eaeaea;height:8px;border-radius:4px;overflow:hidden}#main #services .row .skill .bar .fill{height:100%;background-color:#e58e80;width:0;border-radius:4px;transform:scaleX(0);transform-origin:left center;animation:growWidth 1.4s ease forwards}#main #services .row .skill .bar .w-98{width:98%;animation-delay:.1s}#main #services .row .skill .bar .w-95{width:95%;animation-delay:.1s}#main #services .row .skill .bar .w-90{width:90%;animation-delay:.2s}#main #services .row .skill .bar .w-88{width:88%;animation-delay:.2s}#main #services .row .skill .bar .w-85{width:85%;animation-delay:.3s}#main #services .row .skill .bar .w-80{width:80%;animation-delay:.4s}#main #services .row .skill .bar .w-70{width:70%;animation-delay:.5s}#main #blog .row{margin-top:20px;margin-bottom:90px}#main #blog .row .blog-card{position:relative}#main #blog .row .blog-card .blog-image{position:relative;padding-bottom:60%;overflow:hidden}#main #blog .row .blog-card .blog-image img{width:100%;height:100%;position:absolute;top:0;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-transition:.4s cubic-bezier(0, 0, 0.3642, 1);transition:.4s cubic-bezier(0, 0, 0.3642, 1)}#main #blog .row .blog-card .blog-image .post-link{position:absolute;top:15px;right:15px;opacity:0;-webkit-transform:scale(0.5);transform:scale(0.5);-webkit-transition:.4s cubic-bezier(0, 0, 0.3642, 1);transition:.4s cubic-bezier(0, 0, 0.3642, 1)}#main #blog .row .blog-card .blog-image .post-link svg{background-color:#e58e80;border-radius:50%;margin-left:15px;width:40px;height:40px;padding:11px;color:#fff;-webkit-transition:.2s cubic-bezier(0, 0, 0.3642, 1);transition:.2s cubic-bezier(0, 0, 0.3642, 1)}#main #blog .row .blog-card .blog-image:hover img{-webkit-filter:brightness(80%);filter:brightness(80%);-webkit-transform:scale(1);transform:scale(1)}#main #blog .row .blog-card .blog-image:hover .post-link{opacity:1;-webkit-transform:scale(1);transform:scale(1)}#main #blog .row .blog-card .blog-meta{position:absolute;top:0;left:0;margin:0;background-color:#f4f4f4;font-weight:600;text-transform:uppercase;letter-spacing:1px;padding:5px 10px;color:rgba(32,33,36,.5);font-size:9px;display:inline-block}#main #blog .row .blog-card .blog-meta .dot-divider{color:#e58e80}#main #portfolio .row{margin-top:20px}#main #portfolio .row:not(.intro-text){margin-bottom:90px}#main #portfolio .row .custom-link{color:#e58e80;font-size:14px}#main #portfolio .row .portfolio-card{position:relative}#main #portfolio .row .portfolio-card .portfolio-image{margin-bottom:30px;position:relative;padding-bottom:60%;overflow:hidden}#main #portfolio .row .portfolio-card .portfolio-image img{width:100%;height:100%;position:absolute;top:0;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;-webkit-transform:scale(1.05);transform:scale(1.05);-webkit-transition:.4s cubic-bezier(0, 0, 0.3642, 1);transition:.4s cubic-bezier(0, 0, 0.3642, 1)}#main #portfolio .row .portfolio-card .portfolio-image:hover img{-webkit-filter:brightness(80%);filter:brightness(80%);-webkit-transform:scale(1);transform:scale(1)}#main #portfolio .row .portfolio-card .portfolio-description{position:relative}#main #portfolio .row .portfolio-card .portfolio-description .blog-meta{margin-bottom:5px}#main #portfolio .row .portfolio-card .portfolio-description .blog-meta span{text-transform:uppercase;font-size:12px;font-weight:600;letter-spacing:2px;color:rgba(32,33,36,.5)}#main #portfolio .row .portfolio-card .portfolio-description h5{font-weight:600;line-height:120%;margin-bottom:0px}#main #portfolio .row .portfolio-card .portfolio-description .post-link{position:absolute;top:50%;transform:translateY(-50%);right:15px;-webkit-transition:.4s cubic-bezier(0, 0, 0.3642, 1);transition:.4s cubic-bezier(0, 0, 0.3642, 1)}#main #portfolio .row .portfolio-card .portfolio-description .post-link svg{background-color:#e58e80;border-radius:50%;margin-left:15px;width:40px;height:40px;padding:11px;color:#fff;-webkit-transition:.2s cubic-bezier(0, 0, 0.3642, 1);transition:.2s cubic-bezier(0, 0, 0.3642, 1)}#main #hire-me .contact-form{padding-top:30px;margin-bottom:50px}#main #hire-me .contact-form .frm_submit{margin-top:20px;text-align:right}#main #hire-me svg{color:#fff}@media(max-width: 999px){.with_frm_style input[type=text],.with_frm_style input[type=password],.with_frm_style input[type=email],.with_frm_style input[type=number],.with_frm_style input[type=url],.with_frm_style input[type=tel],.with_frm_style input[type=phone],.with_frm_style input[type=search],.with_frm_style select,.with_frm_style textarea,.frm_form_fields_style,.with_frm_style .frm_scroll_box .frm_opt_container,.frm_form_fields_active_style,.frm_form_fields_error_style,.with_frm_style .frm-card-element.StripeElement,.with_frm_style .frm_slimselect.ss-main{font-size:17px}}@media(max-width: 500px){section{overflow:hidden}#main #hire-me .contact-form .frm_submit{margin-top:20px;text-align:center}#main #home{height:auto;margin-bottom:50px}#main #home .website-banner{margin-top:20px}#main #home .website-banner h1{font-size:60px !important}#main #home .mil-oval-frame{display:none}#main #about .oval-frame-2{border-top-right-radius:200px;border-top-left-radius:200px}#services .content1 .row .col-lg-4:not(:last-child){margin-bottom:30px}#services .content2 .col-lg-6:last-child{margin-top:0px}}/*# sourceMappingURL=style.css.map */