/*!
Theme Name: Weable
Theme URI: https://weable.vn/themes/weable
Author: Weable Team
Author URI: https://weable.vn
Description: Weable.vn - A creative web design & development agency
Version: 2.4.4
Requires at least: 5.0
Tested up to: 5.7
Requires PHP: 7.2
License: GPL version 2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0
Text Domain: weable
*/
 @font-face{font-family:"Gilroy";src:url("assets/fonts/SVN-GilroyMedium.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Gilroy";src:url("assets/fonts/SVN-GilroyXBold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"UTM-Avo";src:url("assets/fonts/UTMAvoBold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"WeableV4";src:url("assets/fonts/WeableV4-Bold.woff") format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"WeableV4";src:url("assets/fonts/WeableV4-BoldItalic.woff") format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:"WeableV4";src:url("assets/fonts/WeableV4-Medium.woff") format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"WeableV4";src:url("assets/fonts/WeableV4-MediumItalic.woff") format("woff");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:"WeableV4";src:url("assets/fonts/WeableV4-Regular.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"WeableV4";src:url("assets/fonts/WeableV4-Italic.woff") format("woff");font-weight:400;font-style:italic;font-display:swap}:root{--heading-font:"WeableV4", sans-serif;--body-font:"WeableV4", sans-serif;--small-shadow:0 10px 50px 0 rgb(231 230 236 / 53%);--medium-shadow:0 5px 20px 0 rgb(39 40 40 / 15%)}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{font-family:var(--heading-font);font-weight:bold!important;color:var(--dark)}a:hover{text-decoration:none!important}body{font-family:var(--body-font)!important;font-weight:normal!important;color:var(--gray-dark)!important}strong{font-family:var(--body-font);font-weight:bold!important;color:var(--dark)!important}.alignnone{margin:5px 20px 20px 0}.aligncenter,div.aligncenter{display:block;margin:5px auto 5px auto}.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left;margin:5px 20px 20px 0}a img.alignright{float:right;margin:5px 0 20px 20px}a img.alignnone{margin:5px 20px 20px 0}a img.alignleft{float:left;margin:5px 20px 20px 0}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{max-width:96%;padding:5px 3px 10px;text-align:center}.wp-caption.alignnone{margin:5px 20px 20px 0}.wp-caption.alignleft{margin:5px 20px 20px 0}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0 none;height:auto;margin:0;max-width:98.5%;padding:0;width:auto}.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}.gallery-item{display:inline-block;text-align:left;vertical-align:top;width:50%}.gallery-item a,.gallery-item a:hover,.gallery-item a:focus{-webkit-box-shadow:none;box-shadow:none;background:none;display:inline-block;max-width:100%}.gallery-item a img{display:block;-webkit-transition:-webkit-filter 0.2s ease-in;transition:-webkit-filter 0.2s ease-in;transition:filter 0.2s ease-in;transition:filter 0.2s ease-in,-webkit-filter 0.2s ease-in;-webkit-backface-visibility:hidden;backface-visibility:hidden}.gallery-item a:hover img,.gallery-item a:focus img{-webkit-filter:opacity(60%);filter:opacity(60%)}.gallery-caption{display:block;text-align:left;padding:0 10px 0 0;margin-bottom:0}.gallery-columns-1 .gallery-item{max-width:100%}.gallery-columns-2 .gallery-item{max-width:50%}.gallery-columns-3 .gallery-item{max-width:33%}.gallery-columns-4 .gallery-item{max-width:25%}.gallery-columns-5 .gallery-item{max-width:20%}.gallery-columns-6 .gallery-item{max-width:16.66%}.gallery-columns-7 .gallery-item{max-width:14.28%}.gallery-columns-8 .gallery-item{max-width:12.5%}.gallery-columns-9 .gallery-item{max-width:11.11%}.gallery-columns-6 .gallery-caption,.gallery-columns-7 .gallery-caption,.gallery-columns-8 .gallery-caption,.gallery-columns-9 .gallery-caption{display:none}.bypostauthor{font-weight:700}.py-100{padding:100px 0}.py-200{padding:200px 0}.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute!important;height:1px;width:1px;overflow:hidden}.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgb(0 0 0 / .6);clip:auto!important;color:#21759b;display:block;font-size:14px;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}.wyswyg .align-full{position:relative;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:calc(100vw - var(--scrollbarWidth))}.wyswyg section{position:relative}.btn-primary:hover,.wp-block-button .wp-block-button__link:hover{background-color:#3754db!important;border-color:#3754db!important}@keyframes wRotateAnimation{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1280px!important}}.rounded-10{border-radius:.6rem}.rounded-16{border-radius:1rem}.navbar-expand-md .navbar-nav .nav-link{color:var(--dark);font-size:1rem;padding:.5rem 1.5rem!important;font-weight:500}.navbar-brand img{height:50px!important}.navbar-expand-md .navbar-nav .nav-link:hover,.navbar-expand-md .navbar-nav .current-menu-item .nav-link{color:var(--primary)}nav.navbar{border-bottom:1px solid var(--border-color);z-index:999}.dropdown-toggle:after{border:none!important;display:inline-block;font-family:bootstrap-icons!important;font-style:normal;font-weight:normal!important;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\F282"!important;font-size:.8em;margin-left:0.5em!important;vertical-align:unset!important;margin-top:3px}.navbar-expand-md .navbar-nav .nav-link.dropdown-toggle{display:flex;align-items:center}.navbar-expand-md .navbar-nav .dropdown-menu{background-clip:padding-box;background-color:#fff;border:1px solid #f0f2f6;border-radius:.75rem;min-width:20rem!important;left:50%!important;transform:translateX(-50%) translateY(-3px) scale(.96);transition:all 0.2s ease-in-out;margin-top:1.1rem;top:100%}.navbar-expand-md .navbar-nav .dropdown-menu .dropdown-item{padding:1rem 1.5rem}.dropdown-item:focus:not(span),.dropdown-item:hover:not(span){background-color:transparent!important;color:var(--primary)!important}.dropdown-item .bi-icon{background:#f0f2f5;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:.5em;margin-right:10px}.divider{width:100%;height:1px;background:var(--border-color)}.dropdown-header{white-space:unset!important}.dropdown-item.active,.dropdown-item:active{color:var(--primary)!important;background-color:transparent!important}.hamburger-menu{z-index:10;cursor:pointer}.hamburger-menu .menu-bar1,.hamburger-menu .menu-bar2,.hamburger-menu .menu-bar3{width:40px;height:2px;background-color:#212529;margin:.6em 0;transition:0.4s}.hamburger-menu .menu-bar2{width:25px;margin-left:auto}.hamburger-menu.active .menu-bar1{transform:rotate(-45deg) translate(-.5em,.6em)}.hamburger-menu.active .menu-bar2{opacity:0}.hamburger-menu.active .menu-bar3{transform:rotate(45deg) translate(-.46em,-.6em)}.m-menu{width:100%;height:calc(100vh - 61.38px);height:calc(var(--vh, 1vh) * 100 - 61.38px);position:fixed;left:0;right:0;top:-100%;background:#fff;z-index:99;transition:transform 0.35s ease}.m-menu.show{transform:translate3d(0,calc(100% + 61.38px * 2),0)}#menu-mobile-menu .nav-link{display:block;padding:1rem 1.5rem;color:#212529}#menu-mobile-menu .nav-link span{background:#f0f2f5;width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border-radius:.5em;margin-right:10px;color:var(--primary)}html,body{overflow-x:hidden}.home #main{margin-top:0}.navbar .container{justify-content:flex-start!important}.navbar-brand{padding-top:0!important;padding-bottom:0!important;font-size:1rem!important;color:var(--dark);font-weight:500}.navbar-expand-md .navbar-nav .nav-link{text-transform:uppercase;padding:0!important;color:rgb(0 0 0 / .9)!important}.navbar-expand-md .navbar-nav .menu-item:not(:last-child) .nav-link{margin-right:1rem}.navbar-expand-md .navbar-nav .nav-link:hover,.navbar-expand-md .navbar-nav .current-menu-item .nav-link{color:var(--primary)!important}@media screen and (max-width:991px){.navbar-nav .nav-link{padding:1rem!important;font-size:1.5rem;color:#000}}a[data-fancybox] img{cursor:zoom-in}.fancybox__container{--fancybox-bg:#fff;--fancybox-color:#333;--fancybox-accent-color:#e879f9;--carousel-button-svg-filter:none;display:flex;flex-direction:row}.fancybox__toolbar{position:relative;padding:0;background:rgb(255 255 255 / .8);backdrop-filter:blur(30px);border-bottom:1px solid #edeef0;text-shadow:none;font-weight:400;--carousel-button-svg-stroke-width:1.75;--carousel-button-svg-width:22px;--carousel-button-svg-height:22px}.fancybox__slide{padding-top:8px;padding-bottom:8px}.fancybox__nav{--carousel-button-bg:#e5e7eb;--carousel-button-border-radius:6px;--carousel-button-svg-width:20px;--carousel-button-svg-height:20px;--carousel-button-svg-stroke-width:2.5}.fancybox__leftCol{width:80vw;min-height:1px;height:100%;display:flex;flex-direction:column;overflow:hidden;position:relative}.fancybox__rightCol{width:20vw;max-width:300px;height:100%;padding:2rem;overflow:auto;display:flex;flex-direction:column;border-left:1px solid #edeef0;opacity:var(--fancybox-opacity,1)}.fancybox__container.is-animated[aria-hidden="false"] .fancybox__rightCol{animation:0.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__rightCol{animation:0.15s ease both fancybox-fadeOut}.fancybox__container.is-animated.is-closing .fancybox__leftCol{overflow:visible}.w-projectItems .grid{display:grid;grid-gap:10px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-auto-rows:200px}.w-projectItems .item img{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%;height:100%;display:block}.w-projectItems .item:first-child img{object-fit:contain}.w-projectItems .item{height:100%;width:100%;display:block;background:#fff;padding:10px}.w-projectItems .item:nth-child(even){grid-row-end:span 2}.w-projectItems .item:nth-child(6){grid-row-end:span 3}.w-socials{gap:1rem}.w-socials i{font-size:1.2rem;color:var(--dark)}#main{background-color:#f5f5f5}.compensate-for-scrollbar{padding-right:0!important}@media screen and (max-width:991px){.navbar .container{justify-content:space-between!important}}@media screen and (max-width:768px){.fancybox__container{flex-wrap:wrap}.fancybox__leftCol,.fancybox__rightCol{width:100vw;height:50vh}.fancybox__rightCol{max-width:100vw;padding:1rem;font-size:.9rem}.fancybox__rightCol h2{font-size:1.2rem}footer h3{font-size:1.2rem}footer{font-size:.9rem}}body,html{position:relative}.w-loader{width:100vw;height:100vh;position:fixed;top:0;left:0;background-color:#333;display:flex;justify-content:center;align-items:center;z-index:9999}.hypnotic{width:50px;height:50px;border:2.2px solid #fff;background:repeating-conic-gradient(#0000 0 90deg,#fff 0 180deg),repeating-conic-gradient(#fff 0 90deg,#0000 0 180deg);background-size:17.9px 17.9px;background-position:0 0;animation:hypnotic-60mq8qmd 2s infinite}@keyframes hypnotic-60mq8qmd{100%{background-position:0 35.8px,17.9px 0}}#header{background-color:rgb(0 0 0 / .6)!important;border-bottom:none!important}.navbar-expand-md .navbar-nav .nav-link{color:#fff!important;opacity:.8}.navbar-expand-md .navbar-nav .nav-link:hover{color:#fff!important;opacity:1}.w-projectItems .item{padding:5px;box-shadow:0 10px 20px rgb(0 0 0 / 19%),0 6px 6px rgb(0 0 0 / 23%)}.w-projectItems .grid{grid-gap:1rem}#footer p{margin-top:0!important;margin-bottom:10px!important}.navbar-expand-md .navbar-nav .nav-link:hover,.navbar-expand-md .navbar-nav .current-menu-item .nav-link{color:#fff!important;opacity:1!important}@media screen and (max-width:991px){.w-projectItems .grid{grid-template-columns:1fr 1fr 1fr;grid-auto-rows:80px}}