@font-face{font-family:"Montserrat";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/montserrat-regular.woff2) format("woff2"),url(../fonts/montserrat-regular.woff) format("woff")}@font-face{font-family:"Montserrat Light";font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/montserrat-light.woff2) format("woff2"),url(../fonts/montserrat-light.woff) format("woff")} /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:100%;box-sizing:border-box}body{padding:0;margin:0;font-family:"Montserrat",sans-serif;font-weight:400;line-height:1.5;color:#0a0a0a;background:#fefefe;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a,small{line-height:inherit}a{background-color:transparent;color:#2199e8;text-decoration:none;cursor:pointer}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}dfn{font-style:italic}h1{font-size:2em}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0;max-width:100%;height:auto;-ms-interpolation-mode:bicubic;display:inline-block;vertical-align:middle}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{box-sizing:content-box;max-width:75rem;height:0;border-right:0;border-top:0;border-bottom:1px solid #cacaca;border-left:0;margin:1.25rem auto;clear:both}pre{overflow:auto}code,pre,samp{font-family:monospace,monospace}code,kbd,pre,samp{font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible;cursor:pointer}button,select{text-transform:none}html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}legend{border:0}textarea{overflow:auto;height:auto;min-height:50px}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}.tabs.simple>li>a,legend{padding:0}.foundation-mq{font-family:"small=0em&medium=40em&large=64em&xlarge=75em&xxlarge=90em"}*,:after,:before{box-sizing:inherit}button,select,textarea{border-radius:0}select{width:100%}#map_canvas embed,#map_canvas img,#map_canvas object,.map_canvas embed,.map_canvas img,.map_canvas object,.mqa-display embed,.mqa-display img,.mqa-display object{max-width:none!important}button{-webkit-appearance:none;-moz-appearance:none;background:0 0;border:0;line-height:1}.is-visible{display:block!important}.is-hidden{display:none!important}.row{max-width:75rem;margin-left:auto;margin-right:auto;display:flex;flex-flow:row wrap}.row .row{margin-left:-.625rem;margin-right:-.625rem}@media screen and (min-width:40em){.row .row{margin-left:-.9375rem;margin-right:-.9375rem}}.row.expanded{max-width:none}.row.collapse>.column,.row.collapse>.columns,.small-collapse>.column,.small-collapse>.columns{padding-left:0;padding-right:0}.column,.columns{padding-left:.625rem;padding-right:.625rem;flex:1 1 0px}@media screen and (min-width:40em){.column,.columns{padding-left:.9375rem;padding-right:.9375rem}}.column.row.row,.row.row.columns{float:none}.row .column.row.row,.row .row.row.columns{padding-left:0;padding-right:0;margin-left:0;margin-right:0}.small-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.small-offset-0{margin-left:0}.small-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.small-offset-1{margin-left:8.3333333333%}.small-3{flex:0 0 25%;max-width:25%}.small-offset-2{margin-left:16.6666666667%}.small-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.small-offset-3{margin-left:25%}.small-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.small-offset-4{margin-left:33.3333333333%}.small-6{flex:0 0 50%;max-width:50%}.small-offset-5{margin-left:41.6666666667%}.small-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.small-offset-6{margin-left:50%}.small-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.small-offset-7{margin-left:58.3333333333%}.small-9{flex:0 0 75%;max-width:75%}.small-offset-8{margin-left:66.6666666667%}.small-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.small-offset-9{margin-left:75%}.small-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.small-offset-10{margin-left:83.3333333333%}.small-12{flex:0 0 100%;max-width:100%}.small-offset-11{margin-left:91.6666666667%}.small-order-1{order:1}.small-order-2{order:2}.small-order-3{order:3}.small-order-4{order:4}.small-order-5{order:5}.small-order-6{order:6}.small-uncollapse>.column,.small-uncollapse>.columns{padding-left:.625rem;padding-right:.625rem}@media screen and (min-width:40em){.medium-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.medium-offset-0{margin-left:0}.medium-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.medium-offset-1{margin-left:8.3333333333%}.medium-3{flex:0 0 25%;max-width:25%}.medium-offset-2{margin-left:16.6666666667%}.medium-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.medium-offset-3{margin-left:25%}.medium-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.medium-offset-4{margin-left:33.3333333333%}.medium-6{flex:0 0 50%;max-width:50%}.medium-offset-5{margin-left:41.6666666667%}.medium-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.medium-offset-6{margin-left:50%}.medium-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.medium-offset-7{margin-left:58.3333333333%}.medium-9{flex:0 0 75%;max-width:75%}.medium-offset-8{margin-left:66.6666666667%}.medium-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.medium-offset-9{margin-left:75%}.medium-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.medium-offset-10{margin-left:83.3333333333%}.medium-12{flex:0 0 100%;max-width:100%}.medium-offset-11{margin-left:91.6666666667%}.medium-order-1{order:1}.medium-order-2{order:2}.medium-order-3{order:3}.medium-order-4{order:4}.medium-order-5{order:5}.medium-order-6{order:6}}@media screen and (min-width:40em)and (min-width:40em){.medium-expand{flex:1 1 0px}}.row.medium-unstack .column,.row.medium-unstack .columns{flex:0 0 100%}@media screen and (min-width:40em){.row.medium-unstack .column,.row.medium-unstack .columns{flex:1 1 0px}.medium-collapse>.column,.medium-collapse>.columns{padding-left:0;padding-right:0}.medium-uncollapse>.column,.medium-uncollapse>.columns{padding-left:.9375rem;padding-right:.9375rem}}@media screen and (min-width:64em){.large-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.large-offset-0{margin-left:0}.large-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.large-offset-1{margin-left:8.3333333333%}.large-3{flex:0 0 25%;max-width:25%}.large-offset-2{margin-left:16.6666666667%}.large-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.large-offset-3{margin-left:25%}.large-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.large-offset-4{margin-left:33.3333333333%}.large-6{flex:0 0 50%;max-width:50%}.large-offset-5{margin-left:41.6666666667%}.large-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.large-offset-6{margin-left:50%}.large-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.large-offset-7{margin-left:58.3333333333%}.large-9{flex:0 0 75%;max-width:75%}.large-offset-8{margin-left:66.6666666667%}.large-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.large-offset-9{margin-left:75%}.large-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.large-offset-10{margin-left:83.3333333333%}.large-12{flex:0 0 100%;max-width:100%}.large-offset-11{margin-left:91.6666666667%}.large-order-1{order:1}.large-order-2{order:2}.large-order-3{order:3}.large-order-4{order:4}.large-order-5{order:5}.large-order-6{order:6}}@media screen and (min-width:64em)and (min-width:64em){.large-expand{flex:1 1 0px}}.row.large-unstack .column,.row.large-unstack .columns{flex:0 0 100%}@media screen and (min-width:64em){.row.large-unstack .column,.row.large-unstack .columns{flex:1 1 0px}.large-collapse>.column,.large-collapse>.columns{padding-left:0;padding-right:0}.large-uncollapse>.column,.large-uncollapse>.columns{padding-left:.9375rem;padding-right:.9375rem}}.shrink{flex:0 0 auto;max-width:100%}.row.align-right{justify-content:flex-end}.row.align-center{justify-content:center}.row.align-justify{justify-content:space-between}.row.align-spaced{justify-content:space-around}.row.align-top{align-items:flex-start}.align-top.columns,.column.align-top{align-self:flex-start}.row.align-bottom{align-items:flex-end}.align-bottom.columns,.column.align-bottom{align-self:flex-end}.row.align-middle{align-items:center}.align-middle.columns,.column.align-middle{align-self:center}.row.align-stretch{align-items:stretch}.align-stretch.columns,.column.align-stretch{align-self:stretch}blockquote,dd,div,dl,dt,form,li,ol,p,pre,td,th,ul{margin:0;padding:0}button,h1,h2,h3,h4,h5,h6{padding:0}h1,h2,h3,h4,h5,h6,p{text-rendering:optimizeLegibility}p{font-size:inherit;line-height:1.6;margin-bottom:1rem}b,em,i,strong{line-height:inherit}em,i{font-style:italic}b,strong{font-weight:700}h1,h2,h3,h4,h5,h6{font-family:"Montserrat",sans-serif;font-weight:400;font-style:normal;color:inherit;margin:0;margin-bottom:.5rem;line-height:1.4}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{color:#cacaca;line-height:0}h1{font-size:1.5rem}h2{font-size:1.25rem}h3{font-size:1.1875rem}h4{font-size:1.125rem}h5{font-size:1.0625rem}h6{font-size:1rem}@media screen and (min-width:40em){h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:1.9375rem}h4{font-size:1.5625rem}h5{font-size:1.25rem}h6{font-size:1rem}}a:focus,a:hover{color:#1585cf}a img{border:0}dl,ol,ul{line-height:1.6;list-style-position:outside;margin-bottom:1rem}li{font-size:inherit}ul{list-style-type:disc}ol,ul{margin-left:1.25rem}ol ol,ol ul,ul ol,ul ul{margin-left:1.25rem;margin-bottom:0}dl dt{margin-bottom:.3rem;font-weight:700}blockquote{margin:0 0 1rem;padding:.5625rem 1.25rem 0 1.1875rem;border-left:1px solid #cacaca}.subheader,blockquote,blockquote p{line-height:1.6;color:#8a8a8a}cite{display:block;font-size:.8125rem;color:#8a8a8a}cite:before{content:"— "}abbr,kbd{color:#0a0a0a}abbr{cursor:help;border-bottom:1px dotted #0a0a0a}kbd{padding:.125rem .25rem 0;margin:0;background-color:#e6e6e6;font-family:Consolas,"Liberation Mono",Courier,monospace}.subheader{margin-top:.2rem;margin-bottom:.5rem;font-weight:400;line-height:1.4}.lead{font-size:125%;line-height:1.6}.stat{font-size:2.5rem;line-height:1}p+.stat{margin-top:-1rem}.no-bullet{margin-left:0;list-style:none}.text-left{text-align:left}.text-right{text-align:right}.text-center{text-align:center}.text-justify{text-align:justify}@media screen and (min-width:40em){.medium-text-left{text-align:left}.medium-text-right{text-align:right}.medium-text-center{text-align:center}.medium-text-justify{text-align:justify}}@media screen and (min-width:64em){.large-text-left{text-align:left}.large-text-right{text-align:right}.large-text-center{text-align:center}.large-text-justify{text-align:justify}}.show-for-print{display:none!important}@media print{*{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}.show-for-print{display:block!important}.hide-for-print{display:none!important}table.show-for-print{display:table!important}thead.show-for-print{display:table-header-group!important}tbody.show-for-print{display:table-row-group!important}tr.show-for-print{display:table-row!important}td.show-for-print,th.show-for-print{display:table-cell!important}a,a:visited{text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}.ir a:after,a[href^="#"]:after,a[href^="javascript:"]:after{content:""}abbr[title]:after{content:" (" attr(title) ")"}blockquote,pre{border:1px solid #999}thead{display:table-header-group}blockquote,img,pre,tr{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}}.hide{display:none!important}.invisible{visibility:hidden}@media screen and (min-width:0em)and (max-width:39.9375em){.hide-for-small-only{display:none!important}}@media screen and (max-width:0em),screen and (min-width:40em){.show-for-small-only{display:none!important}}@media screen and (min-width:40em){.hide-for-medium{display:none!important}}@media screen and (max-width:39.9375em){.show-for-medium{display:none!important}}@media screen and (min-width:40em)and (max-width:63.9375em){.hide-for-medium-only{display:none!important}}@media screen and (max-width:39.9375em),screen and (min-width:64em){.show-for-medium-only{display:none!important}}@media screen and (min-width:64em){.hide-for-large{display:none!important}}@media screen and (max-width:63.9375em){.show-for-large{display:none!important}}@media screen and (min-width:64em)and (max-width:74.9375em){.hide-for-large-only{display:none!important}}@media screen and (max-width:63.9375em),screen and (min-width:75em){.show-for-large-only{display:none!important}}.show-for-sr,.show-on-focus{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.show-on-focus:active,.show-on-focus:focus{position:static!important;height:auto;width:auto;overflow:visible;clip:auto}.hide-for-portrait,.show-for-landscape{display:block!important}@media screen and (orientation:landscape){.hide-for-portrait,.show-for-landscape{display:block!important}}@media screen and (orientation:portrait){.hide-for-portrait,.show-for-landscape{display:none!important}}.hide-for-landscape,.show-for-portrait{display:none!important}@media screen and (orientation:landscape){.hide-for-landscape,.show-for-portrait{display:none!important}}@media screen and (orientation:portrait){.hide-for-landscape,.show-for-portrait{display:block!important}}body,html{height:100%}.off-canvas-wrapper{width:100%;overflow-x:hidden;position:relative;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-overflow-scrolling:auto}.off-canvas-wrapper-inner{position:relative;width:100%;transition:transform .5s ease}.off-canvas-wrapper-inner::after,.off-canvas-wrapper-inner::before{content:" ";display:table}.off-canvas-wrapper-inner::after{clear:both}.off-canvas-content{min-height:100%;background:#fefefe;transition:transform .5s ease;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;box-shadow:0 0 10px rgba(10,10,10,.5)}.js-off-canvas-exit{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(254,254,254,.25);cursor:pointer;transition:background .5s ease}.off-canvas{position:absolute;background:#e6e6e6;z-index:-1;max-height:100%;overflow-y:auto;transform:translateX(0)}[data-whatinput=mouse] .off-canvas{outline:0}.off-canvas.position-left{left:-250px;top:0;width:250px}.is-open-left{transform:translateX(250px)}.off-canvas.position-right{right:-250px;top:0;width:250px}.is-open-right{transform:translateX(-250px)}@media screen and (min-width:40em){.position-left.reveal-for-medium{left:0;z-index:auto;position:fixed}.position-left.reveal-for-medium~.off-canvas-content{margin-left:250px}.position-right.reveal-for-medium{right:0;z-index:auto;position:fixed}.position-right.reveal-for-medium~.off-canvas-content{margin-right:250px}}@media screen and (min-width:64em){.position-left.reveal-for-large{left:0;z-index:auto;position:fixed}.position-left.reveal-for-large~.off-canvas-content{margin-left:250px}.position-right.reveal-for-large{right:0;z-index:auto;position:fixed}.position-right.reveal-for-large~.off-canvas-content{margin-right:250px}}.tabs{margin:0;list-style-type:none;background:#fefefe;border:1px solid #e6e6e6}.tabs::after,.tabs::before{content:" ";display:table}.tabs::after{clear:both}.tabs.vertical>li{width:auto;float:none;display:block}.tabs.simple>li>a:hover{background:0 0}.tabs.primary{background:#2199e8}.tabs.primary>li>a{color:#fefefe}.tabs.primary>li>a:focus,.tabs.primary>li>a:hover{background:#1893e4}.tabs-title{float:left}.tabs-title>a{display:block;padding:1.25rem 1.5rem;line-height:1;font-size:12px;color:#2199e8}.tabs-title>a:hover{background:#fefefe}.tabs-title>a:focus,.tabs-title>a[aria-selected=true]{background:#e6e6e6}.tabs-content{background:#fefefe;transition:all .5s ease;border:1px solid #e6e6e6;border-top:0}.tabs-content.vertical{border:1px solid #e6e6e6;border-left:0}.tabs-panel{display:none;padding:1rem}.tabs-panel.is-active{display:block}.sticky-container{position:relative}.sticky{position:absolute;z-index:0;transform:translate3d(0,0,0)}.sticky.is-stuck{position:fixed;z-index:5}.sticky.is-stuck.is-at-top{top:0}.sticky.is-anchored.is-at-bottom,.sticky.is-stuck.is-at-bottom{bottom:0}.sticky.is-anchored{position:absolute;left:auto;right:auto} /*! * Flickity PACKAGED v1.2.1 * Touch, responsive, flickable galleries * * Licensed GPLv3 for open source use * or Flickity Commercial License for commercial use * * http://flickity.metafizzy.co * Copyright 2015 Metafizzy */ !function(t){function e(){}function i(t){function i(e){e.prototype.option||(e.prototype.option=function(e){t.isPlainObject(e)&&(this.options=t.extend(!0,this.options,e))})}function o(e,i){t.fn[e]=function(o){if("string"==typeof o){for(var s=n.call(arguments,1),a=0,l=this.length;l>a;a++){var h=this[a],c=t.data(h,e);if(c)if(t.isFunction(c[o])&&"_"!==o.charAt(0)){var p=c[o].apply(c,s);if(void 0!==p)return p}else r("no such method '"+o+"' for "+e+" instance");else r("cannot call methods on "+e+" prior to initialization; attempted to call '"+o+"'")}return this}return this.each(function(){var n=t.data(this,e);n?(n.option(o),n._init()):(n=new i(this,o),t.data(this,e,n))})}}if(t){var r="undefined"==typeof console?e:function(t){console.error(t)};return t.bridget=function(t,e){i(e),o(t,e)},t.bridget}}var n=Array.prototype.slice;"function"==typeof define&&define.amd?define("jquery-bridget/jquery.bridget",["jquery"],i):i("object"==typeof exports?require("jquery"):t.jQuery)}(window),function(t){function e(t){return new RegExp("(^|\\s+)"+t+"(\\s+|$)")}function i(t,e){var i=n(t,e)?r:o;i(t,e)}var n,o,r;"classList"in document.documentElement?(n=function(t,e){return t.classList.contains(e)},o=function(t,e){t.classList.add(e)},r=function(t,e){t.classList.remove(e)}):(n=function(t,i){return e(i).test(t.className)},o=function(t,e){n(t,e)||(t.className=t.className+" "+e)},r=function(t,i){t.className=t.className.replace(e(i)," ")});var s={hasClass:n,addClass:o,removeClass:r,toggleClass:i,has:n,add:o,remove:r,toggle:i};"function"==typeof define&&define.amd?define("classie/classie",s):"object"==typeof exports?module.exports=s:t.classie=s}(window),function(){"use strict";function t(){}function e(t,e){for(var i=t.length;i--;)if(t[i].listener===e)return i;return-1}function i(t){return function(){return this[t].apply(this,arguments)}}var n=t.prototype,o=this,r=o.EventEmitter;n.getListeners=function(t){var e,i,n=this._getEvents();if(t instanceof RegExp){e={};for(i in n)n.hasOwnProperty(i)&&t.test(i)&&(e[i]=n[i])}else e=n[t]||(n[t]=[]);return e},n.flattenListeners=function(t){var e,i=[];for(e=0;eo;o++)if(e=i[o]+t,"string"==typeof n[e])return e}}var i="Webkit Moz ms Ms O".split(" "),n=document.documentElement.style;"function"==typeof define&&define.amd?define("get-style-property/get-style-property",[],function(){return e}):"object"==typeof exports?module.exports=e:t.getStyleProperty=e}(window),function(t,e){function i(t){var e=parseFloat(t),i=-1===t.indexOf("%")&&!isNaN(e);return i&&e}function n(){}function o(){for(var t={width:0,height:0,innerWidth:0,innerHeight:0,outerWidth:0,outerHeight:0},e=0,i=a.length;i>e;e++){var n=a[e];t[n]=0}return t}function r(e){function n(){if(!d){d=!0;var n=t.getComputedStyle;if(h=function(){var t=n?function(t){return n(t,null)}:function(t){return t.currentStyle};return function(e){var i=t(e);return i||s("Style returned "+i+". Are you running this code in a hidden iframe on Firefox? See http://bit.ly/getsizebug1"),i}}(),c=e("boxSizing")){var o=document.createElement("div");o.style.width="200px",o.style.padding="1px 2px 3px 4px",o.style.borderStyle="solid",o.style.borderWidth="1px 2px 3px 4px",o.style[c]="border-box";var r=document.body||document.documentElement;r.appendChild(o);var a=h(o);p=200===i(a.width),r.removeChild(o)}}}function r(t){if(n(),"string"==typeof t&&(t=document.querySelector(t)),t&&"object"==typeof t&&t.nodeType){var e=h(t);if("none"===e.display)return o();var r={};r.width=t.offsetWidth,r.height=t.offsetHeight;for(var s=r.isBorderBox=!(!c||!e[c]||"border-box"!==e[c]),d=0,u=a.length;u>d;d++){var f=a[d],v=e[f];v=l(t,v);var y=parseFloat(v);r[f]=isNaN(y)?0:y}var g=r.paddingLeft+r.paddingRight,m=r.paddingTop+r.paddingBottom,b=r.marginLeft+r.marginRight,x=r.marginTop+r.marginBottom,S=r.borderLeftWidth+r.borderRightWidth,C=r.borderTopWidth+r.borderBottomWidth,w=s&&p,E=i(e.width);E!==!1&&(r.width=E+(w?0:g+S));var P=i(e.height);return P!==!1&&(r.height=P+(w?0:m+C)),r.innerWidth=r.width-(g+S),r.innerHeight=r.height-(m+C),r.outerWidth=r.width+b,r.outerHeight=r.height+x,r}}function l(e,i){if(t.getComputedStyle||-1===i.indexOf("%"))return i;var n=e.style,o=n.left,r=e.runtimeStyle,s=r&&r.left;return s&&(r.left=e.currentStyle.left),n.left=i,i=n.pixelLeft,n.left=o,s&&(r.left=s),i}var h,c,p,d=!1;return r}var s="undefined"==typeof console?n:function(t){console.error(t)},a=["paddingLeft","paddingRight","paddingTop","paddingBottom","marginLeft","marginRight","marginTop","marginBottom","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth"];"function"==typeof define&&define.amd?define("get-size/get-size",["get-style-property/get-style-property"],r):"object"==typeof exports?module.exports=r(require("desandro-get-style-property")):t.getSize=r(t.getStyleProperty)}(window),function(t){function e(t){"function"==typeof t&&(e.isReady?t():s.push(t))}function i(t){var i="readystatechange"===t.type&&"complete"!==r.readyState;e.isReady||i||n()}function n(){e.isReady=!0;for(var t=0,i=s.length;i>t;t++){var n=s[t];n()}}function o(o){return"complete"===r.readyState?n():(o.bind(r,"DOMContentLoaded",i),o.bind(r,"readystatechange",i),o.bind(t,"load",i)),e}var r=t.document,s=[];e.isReady=!1,"function"==typeof define&&define.amd?define("doc-ready/doc-ready",["eventie/eventie"],o):"object"==typeof exports?module.exports=o(require("eventie")):t.docReady=o(t.eventie)}(window),function(t){"use strict";function e(t,e){return t[s](e)}function i(t){if(!t.parentNode){var e=document.createDocumentFragment();e.appendChild(t)}}function n(t,e){i(t);for(var n=t.parentNode.querySelectorAll(e),o=0,r=n.length;r>o;o++)if(n[o]===t)return!0;return!1}function o(t,n){return i(t),e(t,n)}var r,s=function(){if(t.matches)return"matches";if(t.matchesSelector)return"matchesSelector";for(var e=["webkit","moz","ms","o"],i=0,n=e.length;n>i;i++){var o=e[i],r=o+"MatchesSelector";if(t[r])return r}}();if(s){var a=document.createElement("div"),l=e(a,"div");r=l?e:o}else r=n;"function"==typeof define&&define.amd?define("matches-selector/matches-selector",[],function(){return r}):"object"==typeof exports?module.exports=r:window.matchesSelector=r}(Element.prototype),function(t,e){"use strict";"function"==typeof define&&define.amd?define("fizzy-ui-utils/utils",["doc-ready/doc-ready","matches-selector/matches-selector"],function(i,n){return e(t,i,n)}):"object"==typeof exports?module.exports=e(t,require("doc-ready"),require("desandro-matches-selector")):t.fizzyUIUtils=e(t,t.docReady,t.matchesSelector)}(window,function(t,e,i){var n={};n.extend=function(t,e){for(var i in e)t[i]=e[i];return t},n.modulo=function(t,e){return(t%e+e)%e};var o=Object.prototype.toString;n.isArray=function(t){return"[object Array]"==o.call(t)},n.makeArray=function(t){var e=[];if(n.isArray(t))e=t;else if(t&&"number"==typeof t.length)for(var i=0,o=t.length;o>i;i++)e.push(t[i]);else e.push(t);return e},n.indexOf=Array.prototype.indexOf?function(t,e){return t.indexOf(e)}:function(t,e){for(var i=0,n=t.length;n>i;i++)if(t[i]===e)return i;return-1},n.removeFrom=function(t,e){var i=n.indexOf(t,e);-1!=i&&t.splice(i,1)},n.isElement="function"==typeof HTMLElement||"object"==typeof HTMLElement?function(t){return t instanceof HTMLElement}:function(t){return t&&"object"==typeof t&&1==t.nodeType&&"string"==typeof t.nodeName},n.setText=function(){function t(t,i){e=e||(void 0!==document.documentElement.textContent?"textContent":"innerText"),t[e]=i}var e;return t}(),n.getParent=function(t,e){for(;t!=document.body;)if(t=t.parentNode,i(t,e))return t},n.getQueryElement=function(t){return"string"==typeof t?document.querySelector(t):t},n.handleEvent=function(t){var e="on"+t.type;this[e]&&this[e](t)},n.filterFindElements=function(t,e){t=n.makeArray(t);for(var o=[],r=0,s=t.length;s>r;r++){var a=t[r];if(n.isElement(a))if(e){i(a,e)&&o.push(a);for(var l=a.querySelectorAll(e),h=0,c=l.length;c>h;h++)o.push(l[h])}else o.push(a)}return o},n.debounceMethod=function(t,e,i){var n=t.prototype[e],o=e+"Timeout";t.prototype[e]=function(){var t=this[o];t&&clearTimeout(t);var e=arguments,r=this;this[o]=setTimeout(function(){n.apply(r,e),delete r[o]},i||100)}},n.toDashed=function(t){return t.replace(/(.)([A-Z])/g,function(t,e,i){return e+"-"+i}).toLowerCase()};var r=t.console;return n.htmlInit=function(i,o){e(function(){for(var e=n.toDashed(o),s=document.querySelectorAll(".js-"+e),a="data-"+e+"-options",l=0,h=s.length;h>l;l++){var c,p=s[l],d=p.getAttribute(a);try{c=d&&JSON.parse(d)}catch(u){r&&r.error("Error parsing "+a+" on "+p.nodeName.toLowerCase()+(p.id?"#"+p.id:"")+": "+u);continue}var f=new i(p,c),v=t.jQuery;v&&v.data(p,o,f)}})},n}),function(t,e){"use strict";"function"==typeof define&&define.amd?define("flickity/js/cell",["get-size/get-size"],function(i){return e(t,i)}):"object"==typeof exports?module.exports=e(t,require("get-size")):(t.Flickity=t.Flickity||{},t.Flickity.Cell=e(t,t.getSize))}(window,function(t,e){function i(t,e){this.element=t,this.parent=e,this.create()}var n="attachEvent"in t;return i.prototype.create=function(){this.element.style.position="absolute",n&&this.element.setAttribute("unselectable","on"),this.x=0,this.shift=0},i.prototype.destroy=function(){this.element.style.position="";var t=this.parent.originSide;this.element.style[t]=""},i.prototype.getSize=function(){this.size=e(this.element)},i.prototype.setPosition=function(t){this.x=t,this.setDefaultTarget(),this.renderPosition(t)},i.prototype.setDefaultTarget=function(){var t="left"==this.parent.originSide?"marginLeft":"marginRight";this.target=this.x+this.size[t]+this.size.width*this.parent.cellAlign},i.prototype.renderPosition=function(t){var e=this.parent.originSide;this.element.style[e]=this.parent.getPositionValue(t)},i.prototype.wrapShift=function(t){this.shift=t,this.renderPosition(this.x+this.parent.slideableWidth*t)},i.prototype.remove=function(){this.element.parentNode.removeChild(this.element)},i}),function(t,e){"use strict";"function"==typeof define&&define.amd?define("flickity/js/animate",["get-style-property/get-style-property","fizzy-ui-utils/utils"],function(i,n){return e(t,i,n)}):"object"==typeof exports?module.exports=e(t,require("desandro-get-style-property"),require("fizzy-ui-utils")):(t.Flickity=t.Flickity||{},t.Flickity.animatePrototype=e(t,t.getStyleProperty,t.fizzyUIUtils))}(window,function(t,e,i){for(var n,o=0,r="webkit moz ms o".split(" "),s=t.requestAnimationFrame,a=t.cancelAnimationFrame,l=0;l1&&(t=i.modulo(t,this.slideableWidth),t-=this.slideableWidth,this.shiftWrapCells(t)),t+=this.cursorPosition,t=this.options.rightToLeft&&c?-t:t;var e=this.getPositionValue(t);c?this.slider.style[c]=p&&this.isAnimating?"translate3d("+e+",0,0)":"translateX("+e+")":this.slider.style[this.originSide]=e},h.positionSliderAtSelected=function(){if(this.cells.length){var t=this.cells[this.selectedIndex];this.x=-t.target,this.positionSlider()}},h.getPositionValue=function(t){return this.options.percentPosition?.01*Math.round(t/this.size.innerWidth*1e4)+"%":Math.round(t)+"px"},h.settle=function(t){this.isPointerDown||Math.round(100*this.x)!=Math.round(100*t)||this.restingFrames++,this.restingFrames>2&&(this.isAnimating=!1,delete this.isFreeScrolling,p&&this.positionSlider(),this.dispatchEvent("settle"))},h.shiftWrapCells=function(t){var e=this.cursorPosition+t;this._shiftCells(this.beforeShiftCells,e,-1);var i=this.size.innerWidth-(t+this.slideableWidth+this.cursorPosition);this._shiftCells(this.afterShiftCells,i,1)},h._shiftCells=function(t,e,i){for(var n=0,o=t.length;o>n;n++){var r=t[n],s=e>0?i:0;r.wrapShift(s),e-=r.size.outerWidth}},h._unshiftCells=function(t){if(t&&t.length)for(var e=0,i=t.length;i>e;e++)t[e].wrapShift(0)},h.integratePhysics=function(){this.velocity+=this.accel,this.x+=this.velocity,this.velocity*=this.getFrictionFactor(),this.accel=0},h.applyForce=function(t){this.accel+=t},h.getFrictionFactor=function(){return 1-this.options[this.isFreeScrolling?"freeScrollFriction":"friction"]},h.getRestingPosition=function(){return this.x+this.velocity/(1-this.getFrictionFactor())},h.applyDragForce=function(){if(this.isPointerDown){var t=this.dragX-this.x,e=t-this.velocity;this.applyForce(e)}},h.applySelectedAttraction=function(){var t=this.cells.length;if(!this.isPointerDown&&!this.isFreeScrolling&&t){var e=this.cells[this.selectedIndex],i=this.options.wrapAround&&t>1?this.slideableWidth*Math.floor(this.selectedIndex/t):0,n=-1*(e.target+i)-this.x,o=n*this.options.selectedAttraction;this.applyForce(o)}},h}),function(t,e){"use strict";if("function"==typeof define&&define.amd)define("flickity/js/flickity",["classie/classie","eventEmitter/EventEmitter","eventie/eventie","get-size/get-size","fizzy-ui-utils/utils","./cell","./animate"],function(i,n,o,r,s,a,l){return e(t,i,n,o,r,s,a,l)});else if("object"==typeof exports)module.exports=e(t,require("desandro-classie"),require("wolfy87-eventemitter"),require("eventie"),require("get-size"),require("fizzy-ui-utils"),require("./cell"),require("./animate"));else{var i=t.Flickity;t.Flickity=e(t,t.classie,t.EventEmitter,t.eventie,t.getSize,t.fizzyUIUtils,i.Cell,i.animatePrototype)}}(window,function(t,e,i,n,o,r,s,a){function l(t,e){for(t=r.makeArray(t);t.length;)e.appendChild(t.shift())}function h(t,e){var i=r.getQueryElement(t);return i?(this.element=i,c&&(this.$element=c(this.element)),this.options=r.extend({},this.constructor.defaults),this.option(e),void this._create()):void(d&&d.error("Bad element for Flickity: "+(i||t)))}var c=t.jQuery,p=t.getComputedStyle,d=t.console,u=0,f={};h.defaults={accessibility:!0,cellAlign:"center",freeScrollFriction:.075,friction:.28,percentPosition:!0,resize:!0,selectedAttraction:.025,setGallerySize:!0},h.createMethods=[],r.extend(h.prototype,i.prototype),h.prototype._create=function(){var e=this.guid=++u;this.element.flickityGUID=e,f[e]=this,this.selectedIndex=0,this.restingFrames=0,this.x=0,this.velocity=0,this.accel=0,this.originSide=this.options.rightToLeft?"right":"left",this.viewport=document.createElement("div"),this.viewport.className="flickity-viewport",h.setUnselectable(this.viewport),this._createSlider(),(this.options.resize||this.options.watchCSS)&&(n.bind(t,"resize",this),this.isResizeBound=!0);for(var i=0,o=h.createMethods.length;o>i;i++){var r=h.createMethods[i];this[r]()}this.options.watchCSS?this.watchCSS():this.activate()},h.prototype.option=function(t){r.extend(this.options,t)},h.prototype.activate=function(){if(!this.isActive){this.isActive=!0,e.add(this.element,"flickity-enabled"),this.options.rightToLeft&&e.add(this.element,"flickity-rtl"),this.getSize();var t=this._filterFindCellElements(this.element.children);l(t,this.slider),this.viewport.appendChild(this.slider),this.element.appendChild(this.viewport),this.reloadCells(),this.options.accessibility&&(this.element.tabIndex=0,n.bind(this.element,"keydown",this)),this.emit("activate");var i,o=this.options.initialIndex;i=this.isInitActivated?this.selectedIndex:void 0!==o&&this.cells[o]?o:0,this.select(i,!1,!0),this.isInitActivated=!0}},h.prototype._createSlider=function(){var t=document.createElement("div");t.className="flickity-slider",t.style[this.originSide]=0,this.slider=t},h.prototype._filterFindCellElements=function(t){return r.filterFindElements(t,this.options.cellSelector)},h.prototype.reloadCells=function(){this.cells=this._makeCells(this.slider.children),this.positionCells(),this._getWrapShiftCells(),this.setGallerySize()},h.prototype._makeCells=function(t){for(var e=this._filterFindCellElements(t),i=[],n=0,o=e.length;o>n;n++){var r=e[n],a=new s(r,this);i.push(a)}return i},h.prototype.getLastCell=function(){return this.cells[this.cells.length-1]},h.prototype.positionCells=function(){this._sizeCells(this.cells),this._positionCells(0)},h.prototype._positionCells=function(t){t=t||0,this.maxCellHeight=t?this.maxCellHeight||0:0;var e=0;if(t>0){var i=this.cells[t-1];e=i.x+i.size.outerWidth}for(var n,o=this.cells.length,r=t;o>r;r++)n=this.cells[r],n.setPosition(e),e+=n.size.outerWidth,this.maxCellHeight=Math.max(n.size.outerHeight,this.maxCellHeight);this.slideableWidth=e,this._containCells()},h.prototype._sizeCells=function(t){for(var e=0,i=t.length;i>e;e++){var n=t[e];n.getSize()}},h.prototype._init=h.prototype.reposition=function(){this.positionCells(),this.positionSliderAtSelected()},h.prototype.getSize=function(){this.size=o(this.element),this.setCellAlign(),this.cursorPosition=this.size.innerWidth*this.cellAlign};var v={center:{left:.5,right:.5},left:{left:0,right:1},right:{right:0,left:1}};h.prototype.setCellAlign=function(){var t=v[this.options.cellAlign];this.cellAlign=t?t[this.originSide]:this.options.cellAlign},h.prototype.setGallerySize=function(){this.options.setGallerySize&&(this.viewport.style.height=this.maxCellHeight+"px")},h.prototype._getWrapShiftCells=function(){if(this.options.wrapAround){this._unshiftCells(this.beforeShiftCells),this._unshiftCells(this.afterShiftCells);var t=this.cursorPosition,e=this.cells.length-1;this.beforeShiftCells=this._getGapCells(t,e,-1),t=this.size.innerWidth-this.cursorPosition,this.afterShiftCells=this._getGapCells(t,0,1)}},h.prototype._getGapCells=function(t,e,i){for(var n=[];t>0;){var o=this.cells[e];if(!o)break;n.push(o),e+=i,t-=o.size.outerWidth}return n},h.prototype._containCells=function(){if(this.options.contain&&!this.options.wrapAround&&this.cells.length)for(var t=this.options.rightToLeft?"marginRight":"marginLeft",e=this.options.rightToLeft?"marginLeft":"marginRight",i=this.cells[0].size[t],n=this.getLastCell(),o=this.slideableWidth-n.size[e],r=o-this.size.innerWidth*(1-this.cellAlign),s=oa;a++){var h=this.cells[a];h.setDefaultTarget(),s?h.target=o*this.cellAlign:(h.target=Math.max(h.target,this.cursorPosition+i),h.target=Math.min(h.target,r))}},h.prototype.dispatchEvent=function(t,e,i){var n=[e].concat(i);if(this.emitEvent(t,n),c&&this.$element)if(e){var o=c.Event(e);o.type=t,this.$element.trigger(o,i)}else this.$element.trigger(t,i)},h.prototype.select=function(t,e,i){if(this.isActive){t=parseInt(t,10);var n=this.cells.length;this.options.wrapAround&&n>1&&(0>t?this.x-=this.slideableWidth:t>=n&&(this.x+=this.slideableWidth)),(this.options.wrapAround||e)&&(t=r.modulo(t,n)),this.cells[t]&&(this.selectedIndex=t,this.setSelectedCell(),i?this.positionSliderAtSelected():this.startAnimation(),this.dispatchEvent("cellSelect"))}},h.prototype.previous=function(t){this.select(this.selectedIndex-1,t)},h.prototype.next=function(t){this.select(this.selectedIndex+1,t)},h.prototype.setSelectedCell=function(){this._removeSelectedCellClass(),this.selectedCell=this.cells[this.selectedIndex],this.selectedElement=this.selectedCell.element,e.add(this.selectedElement,"is-selected")},h.prototype._removeSelectedCellClass=function(){this.selectedCell&&e.remove(this.selectedCell.element,"is-selected")},h.prototype.getCell=function(t){for(var e=0,i=this.cells.length;i>e;e++){var n=this.cells[e];if(n.element==t)return n}},h.prototype.getCells=function(t){t=r.makeArray(t);for(var e=[],i=0,n=t.length;n>i;i++){var o=t[i],s=this.getCell(o);s&&e.push(s)}return e},h.prototype.getCellElements=function(){for(var t=[],e=0,i=this.cells.length;i>e;e++)t.push(this.cells[e].element);return t},h.prototype.getParentCell=function(t){var e=this.getCell(t);return e?e:(t=r.getParent(t,".flickity-slider > *"),this.getCell(t))},h.prototype.getAdjacentCellElements=function(t,e){if(!t)return[this.selectedElement];e=void 0===e?this.selectedIndex:e;var i=this.cells.length;if(1+2*t>=i)return this.getCellElements();for(var n=[],o=e-t;e+t>=o;o++){var s=this.options.wrapAround?r.modulo(o,i):o,a=this.cells[s];a&&n.push(a.element)}return n},h.prototype.uiChange=function(){this.emit("uiChange")},h.prototype.childUIPointerDown=function(t){this.emitEvent("childUIPointerDown",[t])},h.prototype.onresize=function(){this.watchCSS(),this.resize()},r.debounceMethod(h,"onresize",150),h.prototype.resize=function(){this.isActive&&(this.getSize(),this.options.wrapAround&&(this.x=r.modulo(this.x,this.slideableWidth)),this.positionCells(),this._getWrapShiftCells(),this.setGallerySize(),this.positionSliderAtSelected())};var y=h.supportsConditionalCSS=function(){var t;return function(){if(void 0!==t)return t;if(!p)return void(t=!1);var e=document.createElement("style"),i=document.createTextNode('body:after { content: "foo"; display: none; }');e.appendChild(i),document.head.appendChild(e);var n=p(document.body,":after").content;return t=-1!=n.indexOf("foo"),document.head.removeChild(e),t}}();h.prototype.watchCSS=function(){var t=this.options.watchCSS;if(t){var e=y();if(!e){var i="fallbackOn"==t?"activate":"deactivate";return void this[i]()}var n=p(this.element,":after").content;-1!=n.indexOf("flickity")?this.activate():this.deactivate()}},h.prototype.onkeydown=function(t){if(this.options.accessibility&&(!document.activeElement||document.activeElement==this.element))if(37==t.keyCode){var e=this.options.rightToLeft?"next":"previous";this.uiChange(),this[e]()}else if(39==t.keyCode){var i=this.options.rightToLeft?"previous":"next";this.uiChange(),this[i]()}},h.prototype.deactivate=function(){if(this.isActive){e.remove(this.element,"flickity-enabled"),e.remove(this.element,"flickity-rtl");for(var t=0,i=this.cells.length;i>t;t++){var o=this.cells[t];o.destroy()}this._removeSelectedCellClass(),this.element.removeChild(this.viewport),l(this.slider.children,this.element),this.options.accessibility&&(this.element.removeAttribute("tabIndex"),n.unbind(this.element,"keydown",this)),this.isActive=!1,this.emit("deactivate")}},h.prototype.destroy=function(){this.deactivate(),this.isResizeBound&&n.unbind(t,"resize",this),this.emit("destroy"),c&&this.$element&&c.removeData(this.element,"flickity"),delete this.element.flickityGUID,delete f[this.guid]},r.extend(h.prototype,a);var g="attachEvent"in t;return h.setUnselectable=function(t){g&&t.setAttribute("unselectable","on")},h.data=function(t){t=r.getQueryElement(t);var e=t&&t.flickityGUID;return e&&f[e]},r.htmlInit(h,"flickity"),c&&c.bridget&&c.bridget("flickity",h),h.Cell=s,h}),function(t,e){"use strict";"function"==typeof define&&define.amd?define("unipointer/unipointer",["eventEmitter/EventEmitter","eventie/eventie"],function(i,n){return e(t,i,n)}):"object"==typeof exports?module.exports=e(t,require("wolfy87-eventemitter"),require("eventie")):t.Unipointer=e(t,t.EventEmitter,t.eventie)}(window,function(t,e,i){function n(){}function o(){}o.prototype=new e,o.prototype.bindStartEvent=function(t){this._bindStartEvent(t,!0)},o.prototype.unbindStartEvent=function(t){this._bindStartEvent(t,!1)},o.prototype._bindStartEvent=function(e,n){n=void 0===n?!0:!!n;var o=n?"bind":"unbind";t.navigator.pointerEnabled?i[o](e,"pointerdown",this):t.navigator.msPointerEnabled?i[o](e,"MSPointerDown",this):(i[o](e,"mousedown",this),i[o](e,"touchstart",this))},o.prototype.handleEvent=function(t){var e="on"+t.type;this[e]&&this[e](t)},o.prototype.getTouch=function(t){for(var e=0,i=t.length;i>e;e++){var n=t[e];if(n.identifier==this.pointerIdentifier)return n}},o.prototype.onmousedown=function(t){var e=t.button;e&&0!==e&&1!==e||this._pointerDown(t,t)},o.prototype.ontouchstart=function(t){this._pointerDown(t,t.changedTouches[0])},o.prototype.onMSPointerDown=o.prototype.onpointerdown=function(t){this._pointerDown(t,t)},o.prototype._pointerDown=function(t,e){this.isPointerDown||(this.isPointerDown=!0,this.pointerIdentifier=void 0!==e.pointerId?e.pointerId:e.identifier,this.pointerDown(t,e))},o.prototype.pointerDown=function(t,e){this._bindPostStartEvents(t),this.emitEvent("pointerDown",[t,e])};var r={mousedown:["mousemove","mouseup"],touchstart:["touchmove","touchend","touchcancel"],pointerdown:["pointermove","pointerup","pointercancel"],MSPointerDown:["MSPointerMove","MSPointerUp","MSPointerCancel"]};return o.prototype._bindPostStartEvents=function(e){if(e){for(var n=r[e.type],o=e.preventDefault?t:document,s=0,a=n.length;a>s;s++){var l=n[s];i.bind(o,l,this)}this._boundPointerEvents={events:n,node:o}}},o.prototype._unbindPostStartEvents=function(){var t=this._boundPointerEvents;if(t&&t.events){for(var e=0,n=t.events.length;n>e;e++){var o=t.events[e];i.unbind(t.node,o,this)}delete this._boundPointerEvents}},o.prototype.onmousemove=function(t){this._pointerMove(t,t)},o.prototype.onMSPointerMove=o.prototype.onpointermove=function(t){t.pointerId==this.pointerIdentifier&&this._pointerMove(t,t)},o.prototype.ontouchmove=function(t){var e=this.getTouch(t.changedTouches);e&&this._pointerMove(t,e)},o.prototype._pointerMove=function(t,e){this.pointerMove(t,e)},o.prototype.pointerMove=function(t,e){this.emitEvent("pointerMove",[t,e])},o.prototype.onmouseup=function(t){this._pointerUp(t,t)},o.prototype.onMSPointerUp=o.prototype.onpointerup=function(t){t.pointerId==this.pointerIdentifier&&this._pointerUp(t,t)},o.prototype.ontouchend=function(t){var e=this.getTouch(t.changedTouches);e&&this._pointerUp(t,e)},o.prototype._pointerUp=function(t,e){this._pointerDone(),this.pointerUp(t,e)},o.prototype.pointerUp=function(t,e){this.emitEvent("pointerUp",[t,e])},o.prototype._pointerDone=function(){this.isPointerDown=!1,delete this.pointerIdentifier,this._unbindPostStartEvents(),this.pointerDone()},o.prototype.pointerDone=n,o.prototype.onMSPointerCancel=o.prototype.onpointercancel=function(t){t.pointerId==this.pointerIdentifier&&this._pointerCancel(t,t)},o.prototype.ontouchcancel=function(t){var e=this.getTouch(t.changedTouches);e&&this._pointerCancel(t,e)},o.prototype._pointerCancel=function(t,e){this._pointerDone(),this.pointerCancel(t,e)},o.prototype.pointerCancel=function(t,e){this.emitEvent("pointerCancel",[t,e])},o.getPointerPoint=function(t){return{x:void 0!==t.pageX?t.pageX:t.clientX,y:void 0!==t.pageY?t.pageY:t.clientY}},o}),function(t,e){"use strict";"function"==typeof define&&define.amd?define("unidragger/unidragger",["eventie/eventie","unipointer/unipointer"],function(i,n){return e(t,i,n)}):"object"==typeof exports?module.exports=e(t,require("eventie"),require("unipointer")):t.Unidragger=e(t,t.eventie,t.Unipointer)}(window,function(t,e,i){function n(){}function o(t){t.preventDefault?t.preventDefault():t.returnValue=!1}function r(){}function s(){return!1}r.prototype=new i,r.prototype.bindHandles=function(){this._bindHandles(!0)},r.prototype.unbindHandles=function(){this._bindHandles(!1)};var a=t.navigator;r.prototype._bindHandles=function(t){t=void 0===t?!0:!!t;var i;i=a.pointerEnabled?function(e){e.style.touchAction=t?"none":""}:a.msPointerEnabled?function(e){e.style.msTouchAction=t?"none":""}:function(){t&&h(s)};for(var n=t?"bind":"unbind",o=0,r=this.handles.length;r>o;o++){var s=this.handles[o];this._bindStartEvent(s,t),i(s),e[n](s,"click",this)}};var l="attachEvent"in document.documentElement,h=l?function(t){"IMG"==t.nodeName&&(t.ondragstart=s);for(var e=t.querySelectorAll("img"),i=0,n=e.length;n>i;i++){var o=e[i];o.ondragstart=s}}:n;r.prototype.pointerDown=function(i,n){if("INPUT"==i.target.nodeName&&"range"==i.target.type)return this.isPointerDown=!1,void delete this.pointerIdentifier;this._dragPointerDown(i,n);var o=document.activeElement;o&&o.blur&&o.blur(),this._bindPostStartEvents(i),this.pointerDownScroll=r.getScrollPosition(),e.bind(t,"scroll",this),this.emitEvent("pointerDown",[i,n])},r.prototype._dragPointerDown=function(t,e){this.pointerDownPoint=i.getPointerPoint(e);var n="touchstart"==t.type,r=t.target.nodeName;n||"SELECT"==r||o(t)},r.prototype.pointerMove=function(t,e){var i=this._dragPointerMove(t,e);this.emitEvent("pointerMove",[t,e,i]),this._dragMove(t,e,i)},r.prototype._dragPointerMove=function(t,e){var n=i.getPointerPoint(e),o={x:n.x-this.pointerDownPoint.x,y:n.y-this.pointerDownPoint.y};return!this.isDragging&&this.hasDragStarted(o)&&this._dragStart(t,e),o},r.prototype.hasDragStarted=function(t){return Math.abs(t.x)>3||Math.abs(t.y)>3},r.prototype.pointerUp=function(t,e){this.emitEvent("pointerUp",[t,e]),this._dragPointerUp(t,e)},r.prototype._dragPointerUp=function(t,e){this.isDragging?this._dragEnd(t,e):this._staticClick(t,e)},r.prototype.pointerDone=function(){e.unbind(t,"scroll",this)},r.prototype._dragStart=function(t,e){ this.isDragging=!0,this.dragStartPoint=r.getPointerPoint(e),this.isPreventingClicks=!0,this.dragStart(t,e)},r.prototype.dragStart=function(t,e){this.emitEvent("dragStart",[t,e])},r.prototype._dragMove=function(t,e,i){this.isDragging&&this.dragMove(t,e,i)},r.prototype.dragMove=function(t,e,i){o(t),this.emitEvent("dragMove",[t,e,i])},r.prototype._dragEnd=function(t,e){this.isDragging=!1;var i=this;setTimeout(function(){delete i.isPreventingClicks}),this.dragEnd(t,e)},r.prototype.dragEnd=function(t,e){this.emitEvent("dragEnd",[t,e])},r.prototype.pointerDone=function(){e.unbind(t,"scroll",this),delete this.pointerDownScroll},r.prototype.onclick=function(t){this.isPreventingClicks&&o(t)},r.prototype._staticClick=function(t,e){if(!this.isIgnoringMouseUp||"mouseup"!=t.type){var i=t.target.nodeName;if(("INPUT"==i||"TEXTAREA"==i)&&t.target.focus(),this.staticClick(t,e),"mouseup"!=t.type){this.isIgnoringMouseUp=!0;var n=this;setTimeout(function(){delete n.isIgnoringMouseUp},400)}}},r.prototype.staticClick=function(t,e){this.emitEvent("staticClick",[t,e])},r.prototype.onscroll=function(){var t=r.getScrollPosition(),e=this.pointerDownScroll.x-t.x,i=this.pointerDownScroll.y-t.y;(Math.abs(e)>3||Math.abs(i)>3)&&this._pointerDone()},r.getPointerPoint=function(t){return{x:void 0!==t.pageX?t.pageX:t.clientX,y:void 0!==t.pageY?t.pageY:t.clientY}};var c=void 0!==t.pageYOffset;return r.getScrollPosition=function(){return{x:c?t.pageXOffset:document.body.scrollLeft,y:c?t.pageYOffset:document.body.scrollTop}},r.getPointerPoint=i.getPointerPoint,r}),function(t,e){"use strict";"function"==typeof define&&define.amd?define("flickity/js/drag",["classie/classie","eventie/eventie","./flickity","unidragger/unidragger","fizzy-ui-utils/utils"],function(i,n,o,r,s){return e(t,i,n,o,r,s)}):"object"==typeof exports?module.exports=e(t,require("desandro-classie"),require("eventie"),require("./flickity"),require("unidragger"),require("fizzy-ui-utils")):t.Flickity=e(t,t.classie,t.eventie,t.Flickity,t.Unidragger,t.fizzyUIUtils)}(window,function(t,e,i,n,o,r){function s(t){t.preventDefault?t.preventDefault():t.returnValue=!1}r.extend(n.defaults,{draggable:!0}),n.createMethods.push("_createDrag"),r.extend(n.prototype,o.prototype),n.prototype._createDrag=function(){this.on("activate",this.bindDrag),this.on("uiChange",this._uiChangeDrag),this.on("childUIPointerDown",this._childUIPointerDownDrag),this.on("deactivate",this.unbindDrag)},n.prototype.bindDrag=function(){this.options.draggable&&!this.isDragBound&&(e.add(this.element,"is-draggable"),this.handles=[this.viewport],this.bindHandles(),this.isDragBound=!0)},n.prototype.unbindDrag=function(){this.isDragBound&&(e.remove(this.element,"is-draggable"),this.unbindHandles(),delete this.isDragBound)},n.prototype._uiChangeDrag=function(){delete this.isFreeScrolling},n.prototype._childUIPointerDownDrag=function(t){s(t),this.pointerDownFocus(t)},n.prototype.pointerDown=function(n,r){if("INPUT"==n.target.nodeName&&"range"==n.target.type)return this.isPointerDown=!1,void delete this.pointerIdentifier;this._dragPointerDown(n,r);var s=document.activeElement;s&&s.blur&&s!=this.element&&s!=document.body&&s.blur(),this.pointerDownFocus(n),this.dragX=this.x,e.add(this.viewport,"is-pointer-down"),this._bindPostStartEvents(n),this.pointerDownScroll=o.getScrollPosition(),i.bind(t,"scroll",this),this.dispatchEvent("pointerDown",n,[r])};var a={touchstart:!0,MSPointerDown:!0},l={INPUT:!0,SELECT:!0};return n.prototype.pointerDownFocus=function(e){if(this.options.accessibility&&!a[e.type]&&!l[e.target.nodeName]){var i=t.pageYOffset;this.element.focus(),t.pageYOffset!=i&&t.scrollTo(t.pageXOffset,i)}},n.prototype.hasDragStarted=function(t){return Math.abs(t.x)>3},n.prototype.pointerUp=function(t,i){e.remove(this.viewport,"is-pointer-down"),this.dispatchEvent("pointerUp",t,[i]),this._dragPointerUp(t,i)},n.prototype.pointerDone=function(){i.unbind(t,"scroll",this),delete this.pointerDownScroll},n.prototype.dragStart=function(t,e){this.dragStartPosition=this.x,this.startAnimation(),this.dispatchEvent("dragStart",t,[e])},n.prototype.dragMove=function(t,e,i){s(t),this.previousDragX=this.dragX;var n=this.options.rightToLeft?-1:1,o=this.dragStartPosition+i.x*n;if(!this.options.wrapAround&&this.cells.length){var r=Math.max(-this.cells[0].target,this.dragStartPosition);o=o>r?.5*(o+r):o;var a=Math.min(-this.getLastCell().target,this.dragStartPosition);o=a>o?.5*(o+a):o}this.dragX=o,this.dragMoveTime=new Date,this.dispatchEvent("dragMove",t,[e,i])},n.prototype.dragEnd=function(t,e){this.options.freeScroll&&(this.isFreeScrolling=!0);var i=this.dragEndRestingSelect();if(this.options.freeScroll&&!this.options.wrapAround){var n=this.getRestingPosition();this.isFreeScrolling=-n>this.cells[0].target&&-n=t}:function(t,e){return e>t};r(e,o)&&(n+=i,o=e,e=this.getCellDistance(-t,n),null!==e);)e=Math.abs(e);return{distance:o,index:n-i}},n.prototype.getCellDistance=function(t,e){var i=this.cells.length,n=this.options.wrapAround&&i>1,o=n?r.modulo(e,i):e,s=this.cells[o];if(!s)return null;var a=n?this.slideableWidth*Math.floor(e/i):0;return t-(s.target+a)},n.prototype.dragEndBoostSelect=function(){if(void 0===this.previousDragX||!this.dragMoveTime||new Date-this.dragMoveTime>100)return 0;var t=this.getCellDistance(-this.dragX,this.selectedIndex),e=this.previousDragX-this.dragX;return t>0&&e>0?1:0>t&&0>e?-1:0},n.prototype.staticClick=function(t,e){var i=this.getParentCell(t.target),n=i&&i.element,o=i&&r.indexOf(this.cells,i);this.dispatchEvent("staticClick",t,[e,n,o])},n}),function(t,e){"function"==typeof define&&define.amd?define("tap-listener/tap-listener",["unipointer/unipointer"],function(i){return e(t,i)}):"object"==typeof exports?module.exports=e(t,require("unipointer")):t.TapListener=e(t,t.Unipointer)}(window,function(t,e){function i(t){this.bindTap(t)}i.prototype=new e,i.prototype.bindTap=function(t){t&&(this.unbindTap(),this.tapElement=t,this._bindStartEvent(t,!0))},i.prototype.unbindTap=function(){this.tapElement&&(this._bindStartEvent(this.tapElement,!0),delete this.tapElement)};var n=void 0!==t.pageYOffset;return i.prototype.pointerUp=function(i,o){if(!this.isIgnoringMouseUp||"mouseup"!=i.type){var r=e.getPointerPoint(o),s=this.tapElement.getBoundingClientRect(),a=n?t.pageXOffset:document.body.scrollLeft,l=n?t.pageYOffset:document.body.scrollTop,h=r.x>=s.left+a&&r.x<=s.right+a&&r.y>=s.top+l&&r.y<=s.bottom+l;h&&this.emitEvent("tap",[i,o]),"mouseup"!=i.type&&(this.isIgnoringMouseUp=!0,setTimeout(function(){delete this.isIgnoringMouseUp}.bind(this),320))}},i.prototype.destroy=function(){this.pointerDone(),this.unbindTap()},i}),function(t,e){"use strict";"function"==typeof define&&define.amd?define("flickity/js/prev-next-button",["eventie/eventie","./flickity","tap-listener/tap-listener","fizzy-ui-utils/utils"],function(i,n,o,r){return e(t,i,n,o,r)}):"object"==typeof exports?module.exports=e(t,require("eventie"),require("./flickity"),require("tap-listener"),require("fizzy-ui-utils")):e(t,t.eventie,t.Flickity,t.TapListener,t.fizzyUIUtils)}(window,function(t,e,i,n,o){function r(t,e){this.direction=t,this.parent=e,this._create()}function s(t){return"string"==typeof t?t:"M "+t.x0+",50 L "+t.x1+","+(t.y1+50)+" L "+t.x2+","+(t.y2+50)+" L "+t.x3+",50 L "+t.x2+","+(50-t.y2)+" L "+t.x1+","+(50-t.y1)+" Z"}var a="http://www.w3.org/2000/svg",l=function(){function t(){if(void 0!==e)return e;var t=document.createElement("div");return t.innerHTML="",e=(t.firstChild&&t.firstChild.namespaceURI)==a}var e;return t}();return r.prototype=new n,r.prototype._create=function(){this.isEnabled=!0,this.isPrevious=-1==this.direction;var t=this.parent.options.rightToLeft?1:-1;this.isLeft=this.direction==t;var e=this.element=document.createElement("button");if(e.className="flickity-prev-next-button",e.className+=this.isPrevious?" previous":" next",e.setAttribute("type","button"),this.disable(),e.setAttribute("aria-label",this.isPrevious?"previous":"next"),i.setUnselectable(e),l()){var n=this.createSVG();e.appendChild(n)}else this.setArrowText(),e.className+=" no-svg";var o=this;this.onCellSelect=function(){o.update()},this.parent.on("cellSelect",this.onCellSelect),this.on("tap",this.onTap),this.on("pointerDown",function(t,e){o.parent.childUIPointerDown(e)})},r.prototype.activate=function(){this.bindTap(this.element),e.bind(this.element,"click",this),this.parent.element.appendChild(this.element)},r.prototype.deactivate=function(){this.parent.element.removeChild(this.element),n.prototype.destroy.call(this),e.unbind(this.element,"click",this)},r.prototype.createSVG=function(){var t=document.createElementNS(a,"svg");t.setAttribute("viewBox","0 0 100 100");var e=document.createElementNS(a,"path"),i=s(this.parent.options.arrowShape);return e.setAttribute("d",i),e.setAttribute("class","arrow"),this.isLeft||e.setAttribute("transform","translate(100, 100) rotate(180) "),t.appendChild(e),t},r.prototype.setArrowText=function(){var t=this.parent.options,e=this.isLeft?t.leftArrowText:t.rightArrowText;o.setText(this.element,e)},r.prototype.onTap=function(){if(this.isEnabled){this.parent.uiChange();var t=this.isPrevious?"previous":"next";this.parent[t]()}},r.prototype.handleEvent=o.handleEvent,r.prototype.onclick=function(){var t=document.activeElement;t&&t==this.element&&this.onTap()},r.prototype.enable=function(){this.isEnabled||(this.element.disabled=!1,this.isEnabled=!0)},r.prototype.disable=function(){this.isEnabled&&(this.element.disabled=!0,this.isEnabled=!1)},r.prototype.update=function(){var t=this.parent.cells;if(this.parent.options.wrapAround&&t.length>1)return void this.enable();var e=t.length?t.length-1:0,i=this.isPrevious?0:e,n=this.parent.selectedIndex==i?"disable":"enable";this[n]()},r.prototype.destroy=function(){this.deactivate()},o.extend(i.defaults,{prevNextButtons:!0,leftArrowText:"‹",rightArrowText:"›",arrowShape:{x0:10,x1:60,y1:50,x2:70,y2:40,x3:30}}),i.createMethods.push("_createPrevNextButtons"),i.prototype._createPrevNextButtons=function(){this.options.prevNextButtons&&(this.prevButton=new r(-1,this),this.nextButton=new r(1,this),this.on("activate",this.activatePrevNextButtons))},i.prototype.activatePrevNextButtons=function(){this.prevButton.activate(),this.nextButton.activate(),this.on("deactivate",this.deactivatePrevNextButtons)},i.prototype.deactivatePrevNextButtons=function(){this.prevButton.deactivate(),this.nextButton.deactivate(),this.off("deactivate",this.deactivatePrevNextButtons)},i.PrevNextButton=r,i}),function(t,e){"use strict";"function"==typeof define&&define.amd?define("flickity/js/page-dots",["eventie/eventie","./flickity","tap-listener/tap-listener","fizzy-ui-utils/utils"],function(i,n,o,r){return e(t,i,n,o,r)}):"object"==typeof exports?module.exports=e(t,require("eventie"),require("./flickity"),require("tap-listener"),require("fizzy-ui-utils")):e(t,t.eventie,t.Flickity,t.TapListener,t.fizzyUIUtils)}(window,function(t,e,i,n,o){function r(t){this.parent=t,this._create()}return r.prototype=new n,r.prototype._create=function(){this.holder=document.createElement("ol"),this.holder.className="flickity-page-dots",i.setUnselectable(this.holder),this.dots=[];var t=this;this.onCellSelect=function(){t.updateSelected()},this.parent.on("cellSelect",this.onCellSelect),this.on("tap",this.onTap),this.on("pointerDown",function(e,i){t.parent.childUIPointerDown(i)})},r.prototype.activate=function(){this.setDots(),this.bindTap(this.holder),this.parent.element.appendChild(this.holder)},r.prototype.deactivate=function(){this.parent.element.removeChild(this.holder),n.prototype.destroy.call(this)},r.prototype.setDots=function(){var t=this.parent.cells.length-this.dots.length;t>0?this.addDots(t):0>t&&this.removeDots(-t)},r.prototype.addDots=function(t){for(var e=document.createDocumentFragment(),i=[];t;){var n=document.createElement("li");n.className="dot",e.appendChild(n),i.push(n),t--}this.holder.appendChild(e),this.dots=this.dots.concat(i)},r.prototype.removeDots=function(t){for(var e=this.dots.splice(this.dots.length-t,t),i=0,n=e.length;n>i;i++){var o=e[i];this.holder.removeChild(o)}},r.prototype.updateSelected=function(){this.selectedDot&&(this.selectedDot.className="dot"),this.dots.length&&(this.selectedDot=this.dots[this.parent.selectedIndex],this.selectedDot.className="dot is-selected")},r.prototype.onTap=function(t){var e=t.target;if("LI"==e.nodeName){this.parent.uiChange();var i=o.indexOf(this.dots,e);this.parent.select(i)}},r.prototype.destroy=function(){this.deactivate()},i.PageDots=r,o.extend(i.defaults,{pageDots:!0}),i.createMethods.push("_createPageDots"),i.prototype._createPageDots=function(){this.options.pageDots&&(this.pageDots=new r(this),this.on("activate",this.activatePageDots),this.on("cellAddedRemoved",this.onCellAddedRemovedPageDots),this.on("deactivate",this.deactivatePageDots))},i.prototype.activatePageDots=function(){this.pageDots.activate()},i.prototype.onCellAddedRemovedPageDots=function(){this.pageDots.setDots()},i.prototype.deactivatePageDots=function(){this.pageDots.deactivate()},i.PageDots=r,i}),function(t,e){"use strict";"function"==typeof define&&define.amd?define("flickity/js/player",["eventEmitter/EventEmitter","eventie/eventie","fizzy-ui-utils/utils","./flickity"],function(t,i,n,o){return e(t,i,n,o)}):"object"==typeof exports?module.exports=e(require("wolfy87-eventemitter"),require("eventie"),require("fizzy-ui-utils"),require("./flickity")):e(t.EventEmitter,t.eventie,t.fizzyUIUtils,t.Flickity)}(window,function(t,e,i,n){function o(t){if(this.parent=t,this.state="stopped",s){var e=this;this.onVisibilityChange=function(){e.visibilityChange()}}}var r,s;return"hidden"in document?(r="hidden",s="visibilitychange"):"webkitHidden"in document&&(r="webkitHidden",s="webkitvisibilitychange"),o.prototype=new t,o.prototype.play=function(){"playing"!=this.state&&(this.state="playing",s&&document.addEventListener(s,this.onVisibilityChange,!1),this.tick())},o.prototype.tick=function(){if("playing"==this.state){var t=this.parent.options.autoPlay;t="number"==typeof t?t:3e3;var e=this;this.clear(),this.timeout=setTimeout(function(){e.parent.next(!0),e.tick()},t)}},o.prototype.stop=function(){this.state="stopped",this.clear(),s&&document.removeEventListener(s,this.onVisibilityChange,!1)},o.prototype.clear=function(){clearTimeout(this.timeout)},o.prototype.pause=function(){"playing"==this.state&&(this.state="paused",this.clear())},o.prototype.unpause=function(){"paused"==this.state&&this.play()},o.prototype.visibilityChange=function(){var t=document[r];this[t?"pause":"unpause"]()},i.extend(n.defaults,{pauseAutoPlayOnHover:!0}),n.createMethods.push("_createPlayer"),n.prototype._createPlayer=function(){this.player=new o(this),this.on("activate",this.activatePlayer),this.on("uiChange",this.stopPlayer),this.on("pointerDown",this.stopPlayer),this.on("deactivate",this.deactivatePlayer)},n.prototype.activatePlayer=function(){this.options.autoPlay&&(this.player.play(),e.bind(this.element,"mouseenter",this),this.isMouseenterBound=!0)},n.prototype.playPlayer=function(){this.player.play()},n.prototype.stopPlayer=function(){this.player.stop()},n.prototype.pausePlayer=function(){this.player.pause()},n.prototype.unpausePlayer=function(){this.player.unpause()},n.prototype.deactivatePlayer=function(){this.player.stop(),this.isMouseenterBound&&(e.unbind(this.element,"mouseenter",this),delete this.isMouseenterBound)},n.prototype.onmouseenter=function(){this.options.pauseAutoPlayOnHover&&(this.player.pause(),e.bind(this.element,"mouseleave",this))},n.prototype.onmouseleave=function(){this.player.unpause(),e.unbind(this.element,"mouseleave",this)},n.Player=o,n}),function(t,e){"use strict";"function"==typeof define&&define.amd?define("flickity/js/add-remove-cell",["./flickity","fizzy-ui-utils/utils"],function(i,n){return e(t,i,n)}):"object"==typeof exports?module.exports=e(t,require("./flickity"),require("fizzy-ui-utils")):e(t,t.Flickity,t.fizzyUIUtils)}(window,function(t,e,i){function n(t){for(var e=document.createDocumentFragment(),i=0,n=t.length;n>i;i++){var o=t[i];e.appendChild(o.element)}return e}return e.prototype.insert=function(t,e){var i=this._makeCells(t);if(i&&i.length){var o=this.cells.length;e=void 0===e?o:e;var r=n(i),s=e==o;if(s)this.slider.appendChild(r);else{var a=this.cells[e].element;this.slider.insertBefore(r,a)}if(0===e)this.cells=i.concat(this.cells);else if(s)this.cells=this.cells.concat(i);else{var l=this.cells.splice(e,o-e);this.cells=this.cells.concat(i).concat(l)}this._sizeCells(i);var h=e>this.selectedIndex?0:i.length;this._cellAddedRemoved(e,h)}},e.prototype.append=function(t){this.insert(t,this.cells.length)},e.prototype.prepend=function(t){this.insert(t,0)},e.prototype.remove=function(t){var e,n,o,r=this.getCells(t),s=0;for(e=0,n=r.length;n>e;e++){o=r[e];var a=i.indexOf(this.cells,o)e;e++)o=r[e],o.remove(),i.removeFrom(this.cells,o);r.length&&this._cellAddedRemoved(0,s)},e.prototype._cellAddedRemoved=function(t,e){e=e||0,this.selectedIndex+=e,this.selectedIndex=Math.max(0,Math.min(this.cells.length-1,this.selectedIndex)),this.emitEvent("cellAddedRemoved",[t,e]),this.cellChange(t,!0)},e.prototype.cellSizeChange=function(t){var e=this.getCell(t);if(e){e.getSize();var n=i.indexOf(this.cells,e);this.cellChange(n)}},e.prototype.cellChange=function(t,e){var i=this.slideableWidth;if(this._positionCells(t),this._getWrapShiftCells(),this.setGallerySize(),this.options.freeScroll){var n=i-this.slideableWidth;this.x+=n*this.cellAlign,this.positionSlider()}else e&&this.positionSliderAtSelected(),this.select(this.selectedIndex)},e}),function(t,e){"use strict";"function"==typeof define&&define.amd?define("flickity/js/lazyload",["classie/classie","eventie/eventie","./flickity","fizzy-ui-utils/utils"],function(i,n,o,r){return e(t,i,n,o,r)}):"object"==typeof exports?module.exports=e(t,require("desandro-classie"),require("eventie"),require("./flickity"),require("fizzy-ui-utils")):e(t,t.classie,t.eventie,t.Flickity,t.fizzyUIUtils)}(window,function(t,e,i,n,o){"use strict";function r(t){if("IMG"==t.nodeName&&t.getAttribute("data-flickity-lazyload"))return[t];var e=t.querySelectorAll("img[data-flickity-lazyload]");return o.makeArray(e)}function s(t,e){this.img=t,this.flickity=e,this.load()}return n.createMethods.push("_createLazyload"),n.prototype._createLazyload=function(){this.on("cellSelect",this.lazyLoad)},n.prototype.lazyLoad=function(){var t=this.options.lazyLoad;if(t){for(var e="number"==typeof t?t:0,i=this.getAdjacentCellElements(e),n=[],o=0,a=i.length;a>o;o++){var l=i[o],h=r(l);n=n.concat(h)}for(o=0,a=n.length;a>o;o++){var c=n[o];new s(c,this)}}},s.prototype.handleEvent=o.handleEvent,s.prototype.load=function(){i.bind(this.img,"load",this),i.bind(this.img,"error",this),this.img.src=this.img.getAttribute("data-flickity-lazyload"),this.img.removeAttribute("data-flickity-lazyload")},s.prototype.onload=function(t){this.complete(t,"flickity-lazyloaded")},s.prototype.onerror=function(t){this.complete(t,"flickity-lazyerror")},s.prototype.complete=function(t,n){i.unbind(this.img,"load",this),i.unbind(this.img,"error",this);var o=this.flickity.getParentCell(this.img),r=o&&o.element;this.flickity.cellSizeChange(r),e.add(this.img,n),this.flickity.dispatchEvent("lazyLoad",t,r)},n.LazyLoader=s,n}),function(t,e){"use strict";"function"==typeof define&&define.amd?define("flickity/js/index",["./flickity","./drag","./prev-next-button","./page-dots","./player","./add-remove-cell","./lazyload"],e):"object"==typeof exports&&(module.exports=e(require("./flickity"),require("./drag"),require("./prev-next-button"),require("./page-dots"),require("./player"),require("./add-remove-cell"),require("./lazyload")))}(window,function(t){return t}),function(t,e){"use strict";"function"==typeof define&&define.amd?define("flickity-as-nav-for/as-nav-for",["classie/classie","flickity/js/index","fizzy-ui-utils/utils"],function(i,n,o){return e(t,i,n,o)}):"object"==typeof exports?module.exports=e(t,require("desandro-classie"),require("flickity"),require("fizzy-ui-utils")):t.Flickity=e(t,t.classie,t.Flickity,t.fizzyUIUtils)}(window,function(t,e,i,n){return i.createMethods.push("_createAsNavFor"),i.prototype._createAsNavFor=function(){this.on("activate",this.activateAsNavFor),this.on("deactivate",this.deactivateAsNavFor),this.on("destroy",this.destroyAsNavFor);var t=this.options.asNavFor;if(t){var e=this;setTimeout(function(){e.setNavCompanion(t)})}},i.prototype.setNavCompanion=function(t){t=n.getQueryElement(t);var e=i.data(t);if(e&&e!=this){this.navCompanion=e;var o=this;this.onNavCompanionSelect=function(){o.navCompanionSelect()},e.on("cellSelect",this.onNavCompanionSelect),this.on("staticClick",this.onNavStaticClick),this.navCompanionSelect()}},i.prototype.navCompanionSelect=function(){if(this.navCompanion){var t=this.navCompanion.selectedIndex;this.select(t),this.removeNavSelectedElement(),this.selectedIndex==t&&(this.navSelectedElement=this.cells[t].element,e.add(this.navSelectedElement,"is-nav-selected"))}},i.prototype.activateAsNavFor=function(){this.navCompanionSelect()},i.prototype.removeNavSelectedElement=function(){this.navSelectedElement&&(e.remove(this.navSelectedElement,"is-nav-selected"),delete this.navSelectedElement)},i.prototype.onNavStaticClick=function(t,e,i,n){"number"==typeof n&&this.navCompanion.select(n)},i.prototype.deactivateAsNavFor=function(){this.removeNavSelectedElement()},i.prototype.destroyAsNavFor=function(){this.navCompanion&&(this.navCompanion.off("cellSelect",this.onNavCompanionSelect),this.off("staticClick",this.onNavStaticClick),delete this.navCompanion)},i}),function(t,e){"use strict";"function"==typeof define&&define.amd?define("imagesloaded/imagesloaded",["eventEmitter/EventEmitter","eventie/eventie"],function(i,n){return e(t,i,n)}):"object"==typeof module&&module.exports?module.exports=e(t,require("wolfy87-eventemitter"),require("eventie")):t.imagesLoaded=e(t,t.EventEmitter,t.eventie)}(window,function(t,e,i){function n(t,e){for(var i in e)t[i]=e[i];return t}function o(t){return"[object Array]"==p.call(t)}function r(t){var e=[];if(o(t))e=t;else if("number"==typeof t.length)for(var i=0;i*{flex:100%;max-width:none}}.blog-info{padding:1.875rem;text-align:center}@media (min-width:30em){.blog-info{padding:5rem}}.blog-info h2{font-size:1.5rem;margin-bottom:1.3125rem}@media (min-width:30em){.blog-info h2{font-size:1.5rem}}.blog-info p,.desc,.team-description p{color:#6f6f6f;font-size:1.125rem}.desc{color:#adadad;margin-bottom:30px;margin-top:20px}@media (min-width:500px){.desc{margin-bottom:70px}}.bg-style-2 .desc{color:#6f6f6f}.desc--404{font-size:1.125rem}.page-info{text-align:center}.page-info .desc{margin-bottom:3.125rem}.page-info,.page-info--large{padding:3.75rem 0}@media (min-width:768px){.page-info--large{padding:6.25rem 0}}.team-description .columns{padding:0}@media (max-width:800px){.team-description .columns{flex:0 0 100%;max-width:100%}}.team-description .columns+.columns{padding:40px}@media (min-width:800px){.team-description .columns+.columns{padding:0 40px}}@media (min-width:1200px){.team-description .columns+.columns{padding:0 90px}}@media (min-width:1400px){.team-description .columns+.columns{padding:0 170px}}.team-description p{max-width:500px}.team-description strong{color:#0073a9;font-weight:400}.copyright-footer a:focus,.copyright-footer a:hover,.touch-hover .menu-item a:focus,.touch-hover .menu-item a:hover{color:#fff}.buttons{margin-left:-7px;margin-right:-7px}.buttons .button{margin-left:7px;margin-right:7px}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:linear-gradient(to bottom,#0093d8 50%,#0076ad 50%);background-size:100% 200%;border:0;border-radius:3px;color:#fff;display:inline-block;font-family:"Montserrat",sans-serif;font-size:.875rem;padding:.6875rem 1.3125rem;text-transform:uppercase;transition:background-position .4s}@media (min-width:500px){.button{font-size:.9375rem;padding:.8125rem 1.6875rem}}.button:focus,.button:hover{background-position:0 100%;color:#fff}.button a{color:inherit!important;transition:.4s color}.button svg{fill:#01375d;margin-right:12px;vertical-align:middle}.button--large{padding:1.125rem 1.5625rem}@media (min-width:500px){.button--large{padding:1.375rem 2.25rem}}.button.button--slider{padding:.875rem 1.5625rem}@media (min-width:500px){.button.button--slider{padding:1rem 2.25rem}}.jumbotron .button.button--slider{margin:1.5625rem .4375rem}@media (max-width:499px){.jumbotron .button.button--slider{margin:.3125rem 0;width:80%}.jumbotron .button.button--slider:first-of-type{margin-top:1.875rem}}.button--slider-style-1{background:linear-gradient(to bottom,#0093d8 50%,#0076ad 50%);background-size:100% 200%}.button--style-2{background:linear-gradient(to bottom,#81d134 50%,#6eb727 50%);background-size:100% 200%;color:#40770a}.button--spacing{margin:.625rem}.button--large-spacing{margin:3.75rem 0}.demo-item>a{display:block}.demo-item img{image-rendering:-webkit-optimize-contrast}.demo-item{width:80%}@media (min-width:900px){.demo-item{min-width:845px;width:33.333333%}}.demos-wrapper{overflow:hidden}@media (min-width:500px){.demos-wrapper{margin:-60px 0}}.site-footer{background:radial-gradient(circle,#0095da 0,#006696);color:#c0ebff;text-align:center}.site-footer .desc{color:inherit;font-size:1.125rem;margin-bottom:50px}.site-footer>.row{padding:60px 0}@media (min-width:30em){.site-footer>.row{padding:90px 0}}@media (min-width:60em){.site-footer>.row{padding:140px 0}}.site-footer .title{color:#003e5a}.site-footer .title strong{color:#fff}.copyright-footer{background:radial-gradient(circle,#022d42 0,#002639);color:#0e4a65;padding:20px 0;text-align:center}@media (min-width:768px){.copyright-footer{padding:50px 0}}.copyright-footer a{color:#0072a7;transition:.4s color}.copyright-footer svg{fill:#e74c3c;display:inline-block;height:14px;margin:0 2px;position:relative;top:2px;width:14px}.site-header{position:relative}.site-header__bar{height:76px;left:0;position:relative;z-index:99}@media (max-width:1069px){.mobile-nav-open .site-header__bar{position:fixed;top:0;width:100%}}@media (min-width:1070px){.site-header__bar{height:136px}}.site-header__bar>.row{height:100%}.home .site-header,.site-header--transparent{height:0}body:not(.home) .site-header:not(.site-header--transparent){background-color:#006696;border-bottom:1px solid #005278;position:relative}@media (min-width:1070px){body:not(.home) .site-header:not(.site-header--transparent){background:radial-gradient(circle,#0095da 0,#006696)}}.menu-item.current-menu-item a{color:#01293c}.menu{margin:0}.site-header__logo{position:relative;z-index:1000}.site-header__logo img{width:160px}@media (min-width:1070px){.site-header__logo img{width:auto}}.site_header__nav--animate{transition:.4s transform ease}@media (max-width:1069px){.mobile-nav-open{overflow:hidden}}.site_header__nav .button{padding:0}.site_header__nav .button a{display:inline-block;padding:.4375rem 1.6875rem}@media (max-width:1069px){.site_header__nav{align-items:center;background-color:rgba(0,38,57,.9);bottom:0;display:flex;justify-content:center;left:0;padding-top:100px;position:fixed;top:-100px;transform:translateY(-100%);width:100%;z-index:99}.mobile-nav-open .site_header__nav{transform:translateY(0)}.site_header__nav .menu{padding:5rem 0 2.5rem;width:100%}.site_header__nav .menu-item{display:block;padding:0 .9375rem;text-align:center}.site_header__nav .menu-item+.menu-item{margin-left:0;margin-top:1.5625rem}.site_header__nav .menu-item a{font-size:1.3125rem}.site_header__nav .current-menu-item a{color:#fff}.site_header__nav .button{background:0 0;color:#81d134}.site_header__nav .button a{padding:0}}@media (max-height:500px){.site_header__nav .menu{max-height:100%;overflow:auto}}@media (min-width:350px)and (max-width:499px){.site_header__nav .menu-item a{font-size:1.5rem}}@media (min-width:500px)and (max-width:1069px){.site_header__nav .menu-item a{font-size:1.875rem}}@media (min-width:1070px){.site_header__nav{float:right}}.menu-item{display:inline-block;list-style:none}.menu-item+.menu-item{margin-left:30px}@media (min-width:1100px){.menu-item+.menu-item{margin-left:30px}}.menu-item a{color:#fff;font-family:"Montserrat",sans-serif;font-size:.9375rem;text-transform:uppercase;transition:.4s color}.menu-item a:focus,.menu-item a:hover{color:rgba(255,255,255,.7)}.mobile-toggle{padding:10px 15px;position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:100}.mobile-toggle:focus,.mobile-toggle:hover{opacity:.8;outline:0}@media (min-width:1070px){.mobile-toggle{display:none}}.mobile-toggle svg{fill:#fff;height:24px;width:24px}.gallery-fs{background-color:#f9f9f9;overflow:hidden}.gallery-fs figure{color:#777;font-size:0;line-height:0;margin:0;position:relative;text-align:center}.gallery-fs figcaption{font-size:14px;line-height:1.3em;text-align:left;min-height:57px;padding:19px 150px 19px 21px}.gallery-fs .owl-item img{font-size:0}.gallery-fs .owl-item a{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block;margin:0 2px;opacity:.5;position:relative;transition:.2s opacity}.gallery-fs .owl-item a.selected,.gallery-fs .owl-item a:focus,.gallery-fs .owl-item a:hover{cursor:pointer;opacity:1}.gallery-fs .gallery-fs-fullscreen,.gallery-fs .owl-nav>*{border-radius:3px;border:1px solid;color:#ccc;fill:currentColor;cursor:pointer;display:inline-block;font-size:18px;height:37px;width:37px}.gallery-fs .owl-nav>*{position:relative}.gallery-fs .gallery-fs-fullscreen+*,.gallery-fs .owl-nav>*+*{margin-left:6px}.gallery-fs .gallery-fs-fullscreen svg,.gallery-fs .owl-nav>* svg{left:50%;height:20px;position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);width:20px}.gallery-fs .owl-nav{position:absolute;right:21px;top:-49px}.gallery-fs .gallery-fs-fullscreen,.gallery-fs .owl-next,.gallery-fs .owl-prev{transition:.2s color}.gallery-fs .gallery-fs-fullscreen:focus,.gallery-fs .gallery-fs-fullscreen:hover,.gallery-fs .owl-next:focus,.gallery-fs .owl-next:hover,.gallery-fs .owl-prev:focus,.gallery-fs .owl-prev:hover{color:#999}.gallery-fs .gallery-fs-nav{position:relative}.gallery-fs .gallery-fs-fullscreen{background:0 0;bottom:11px;position:absolute;right:106px}.gallery-fs-thumbnails{border-top:1px solid #eee;padding:18px 21px}.newsletter__wrap{border-radius:3px;box-shadow:0 7px 27px 0 rgba(0,0,0,.11);height:58px;overflow:hidden;padding-right:96px;position:relative}@media (min-width:550px){.newsletter__wrap{display:inline-block;height:66px}}.newsletter--popup .newsletter__wrap{box-shadow:0 2px 12px 0 rgba(0,0,0,.11);margin-top:20px;width:100%}.newsletter--popup .newsletter__checkbox label,.single-post .post-content strong,.table th{color:#000}.newsletter--popup .newsletter__checkbox label::before{background:0 0;border-color:rgba(0,0,0,.8)}.newsletter--popup .newsletter__checkbox-check svg{fill:#7bce2a}.newsletter__input::-webkit-input-placeholder{color:#a3b0b8}.newsletter__input:-ms-input-placeholder{color:#a3b0b8}.newsletter__input::-ms-input-placeholder{color:#a3b0b8}.newsletter__input::placeholder{color:#a3b0b8}.newsletter__row{margin-top:22px}.newsletter--dark .newsletter__checkbox label::before{background-color:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.3)}.newsletter__checkbox{perspective:1000px}.newsletter-head__checkbox input,.newsletter__checkbox input{display:none}.newsletter-head__checkbox input:checked+label .newsletter-head__checkbox-check svg,.newsletter__checkbox input:checked+label .newsletter__checkbox-check svg{opacity:1;transform:scale(1)}.newsletter-head__checkbox label,.newsletter__checkbox label{color:#fff;cursor:pointer;font-size:14px;padding-left:30px;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none}.newsletter__checkbox label a{color:inherit;text-decoration:underline;transition:.2s opacity ease-in-out}.newsletter-head__checkbox label a:focus,.newsletter-head__checkbox label a:hover,.newsletter__checkbox label a:focus,.newsletter__checkbox label a:hover{opacity:.7}.newsletter__checkbox label::before{background-color:#166495;border:1px solid transparent;border-radius:3px;content:"";height:20px;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:.2s border-color;width:20px}.newsletter__checkbox-check{height:20px;left:0;line-height:20px;pointer-events:none;position:absolute;text-align:center;top:0;width:20px}.newsletter__checkbox svg{fill:#fff;height:12px;opacity:0;transform:scale(0);transition:all .2s ease-in-out;width:12px}.newsletter__checkbox--error label::before{border:2px solid rgba(255,0,0,.7)!important}.newsletter__input{background-color:#fff;border:0;color:#003e5a;font-size:1rem;height:58px;line-height:58px;padding:0 20px;width:100%}@media (min-width:550px){.newsletter__input{font-size:1.125rem;height:66px;line-height:66px;padding:0 30px;width:400px}}.newsletter__button{background-color:#0093d8;border-radius:0 3px 3px 0;height:100%;position:absolute;right:0;top:0;transition:.3s background-color,.4s width;width:96px}.newsletter__button:focus,.newsletter__button:hover{background-color:#6eb727}.newsletter__button>svg{fill:#fff;height:24px;left:50%;position:absolute;top:50%;transform:translate(-50%) translateY(-50%);transform-origin:50% 50%;width:28px}.newsletter__button>svg.check{opacity:0}.newsletter--success .newsletter__button{background-color:#6eb727;cursor:default;width:100%}.newsletter-head{background-image:url(https://anpsthemes.com/wp-content/themes/anpsthemes/images/newsletter.jpg?ver=1);background-position:center;background-size:cover;overflow:hidden}.newsletter-head .row{padding:.9375rem 10px .9375rem 3.125rem;position:relative}.newsletter-head .row::after{background-color:rgba(255,255,255,.1);content:"";height:100%;left:37px;position:absolute;top:0;width:1px}@media (min-width:800px){.newsletter-head .row::after{left:47px}.newsletter-head .row{padding:1.5rem 18.75rem 1.5rem 4.375rem}}.newsletter-head__title{color:#fff;text-transform:uppercase}.newsletter-head__desc{color:#9abbd9}@media (max-width:799px){.newsletter-head__desc{display:none}}.newsletter-head__close{left:0;outline:0;padding:10px;position:absolute;top:50%;transform:translateY(-50%)}@media (min-width:800px){.newsletter-head__close{padding:15px}}.newsletter-head__close:focus svg,.newsletter-head__close:hover svg{fill:#fff}.newsletter-head__close svg{fill:#9abbd9;height:18px;transition:.4s fill;width:18px}.newsletter-head__form{border-radius:3px;box-shadow:0 7px 27px 0 rgba(0,0,0,.11);overflow:hidden;padding-right:54px;position:relative}@media (max-width:800px){.newsletter-head__form{margin-top:.9375rem}}@media (min-width:800px){.newsletter-head__form{max-width:290px;position:absolute;right:15px;top:50%;transform:translateY(-50%)}}.newsletter-head__input{background-color:#fff;border:0;color:#003e5a;font-size:.875rem;padding:13px 20px;width:100%}@media (min-width:550px){.newsletter-head__input{font-size:.875rem;padding:13px 20px}}.newsletter-head__button{background-color:#0093d8;border-radius:0 3px 3px 0;height:100%;position:absolute;right:0;top:0;transition:.3s background-color,.4s width;width:54px}.newsletter-head__button:focus,.newsletter-head__button:hover{background-color:#6eb727}.newsletter-head__button>svg{fill:#fff;height:16px;left:50%;position:absolute;top:50%;transform:translate(-50%) translateY(-50%);transform-origin:50% 50%;width:20px}.newsletter-head__button>svg.check{opacity:0}.newsletter--success .newsletter-head__button{background-color:#6eb727;cursor:default;width:100%}.newsletter--success .envelope{-webkit-animation:.2s .5s newsletter-envelope-anim forwards;animation:.2s .5s newsletter-envelope-anim forwards}.newsletter--success .check{-webkit-animation:.2s .6s newsletter-check-anim forwards;animation:.2s .6s newsletter-check-anim forwards}.newsletter-head__checkbox{display:inline-block;margin-top:5px;perspective:1000px}.newsletter-head__checkbox label a{color:inherit;display:inline-block;text-decoration:underline;transition:.2s opacity ease-in-out}.newsletter-head__checkbox label::before{background-color:rgba(0,0,0,.4);border:1px solid rgba(255,255,255,.3);border-radius:3px;content:"";height:20px;left:0;position:absolute;top:-1px;transition:.2s border-color;width:20px}.newsletter-head__checkbox-check{height:20px;left:0;line-height:20px;pointer-events:none;position:absolute;text-align:center;top:-1px;width:20px}.newsletter-head__checkbox svg{fill:#fff;height:12px;opacity:0;transform:scale(0);transition:all .2s ease-in-out;width:12px}.newsletter-head__checkbox--error label::before{border:2px solid rgba(255,0,0,.7)}.popup{display:flex;justify-content:center;left:0;position:absolute;top:30px;width:100%;z-index:101}@media (min-height:500px){.popup{align-items:center;height:100%;position:fixed;top:0!important}}.popup__wrap{background-color:#fff;border-radius:3px;box-shadow:0 0 29px 0 rgba(0,0,0,.08);max-height:95%;overflow:auto;position:relative;width:95%;z-index:103}.popup--normal .popup__wrap{max-width:700px;text-align:center}.popup--icon .popup__wrap{max-width:1100px;padding:50px 20px}@media (min-width:900px){.popup--icon .popup__wrap{padding:50px}}@media (min-width:1100px){.popup--icon .popup__wrap{padding:80px}}.popup,.popup-overlay{opacity:0;pointer-events:none;transition:.4s opacity}.popup--opened,.popup--opened .popup-overlay{opacity:1;pointer-events:all}.popup__header{background-image:url(https://anpsthemes.com/wp-content/themes/anpsthemes/images/popup-header.jpg?ver=1);background-size:cover;color:#fff;padding:30px 35px 20px}@media (min-width:700px){.popup__header{padding:40px 65px 30px}}.popup__header-icon{fill:#fff;height:30px;width:30px}.popup__header-subtitle{font-size:14px;margin-top:9px}.popup__header-title{font-family:"Montserrat",sans-serif;font-size:18px;font-weight:700;margin-top:10px;text-transform:uppercase}.popup__content{font-family:"Montserrat",sans-serif;padding:30px 15px}@media (min-width:700px){.popup__content{padding:50px 65px}}.popup__text{color:#585858;font-size:15px;margin:0;text-transform:uppercase}.popup__text strong{color:#0093d8;font-weight:400}.popup__license{margin-bottom:20px;font-size:12px}.popup__license strong{display:block;font-size:14px;margin-bottom:7px;margin-top:30px}.popup__buttons{margin-top:90px}@media (max-width:600px){.popup__buttons{margin-top:14px}}@media (min-width:900px){.popup__buttons{display:flex}}.popup__buttons .button{line-height:1.5em;margin:5px 10px;padding:16px 21px;text-align:center;white-space:nowrap}.popup__close{opacity:.2;outline:0;position:absolute;right:16px;top:16px;transition:.3s opacity}.popup__close:focus,.popup__close:hover{opacity:1}.popup__close svg{height:23px;width:23px}.popup--normal .popup__close svg{fill:#fff}.popup--icon .popup__close svg{fill:#000}.popup-overlay{background-color:rgba(255,255,255,.8);bottom:0;left:0;position:fixed;right:0;top:0;z-index:102}.popup__image{margin-top:50px}@media screen and (min-width:40em){.popup__image{margin-top:0}}.contact-description address,.popup__number{font-style:normal}.popup__subtitle,.popup__title{font-size:24px;margin:0;text-transform:uppercase}.popup__title{color:#048ed9;font-size:30px;margin:0 0 25px}.popup__desc{font-size:15px}.blog .post{background-color:#fff;box-shadow:0 5px 10px 0 rgba(0,0,0,.1);margin-bottom:3.125rem;padding:1.875rem;padding-top:0}.blog .post:after{clear:both;content:"";display:table}.blog .post .wp-post-image{margin:0 -1.875rem;max-width:none;width:calc(100% + 60px)}.blog .post header{margin-bottom:1.5625rem}.blog .post-title{color:#000;display:inline-block;font-size:1.125rem;margin-top:1.875rem}.blog .post-title>*{font-size:inherit}.blog .post-desc{color:#747474;font-size:1.125rem}.blog .post-link{color:#0081bc;float:right;font-family:"Montserrat",sans-serif;font-size:.75rem;text-transform:uppercase}.blog .post-meta-date{color:#bcbcbc}.post-meta-category a{border-radius:2px;color:#fff;display:inline-block;padding:.15625rem .6875rem}.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>*{display:inline-block;margin-right:.875rem}.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 (min-width:40em){.single-post .post{margin:70px auto;padding:0 70px}}.single-post .post-title{font-size:30px}.single-post .post-image{margin-left:-20px;margin-right:-20px;margin-bottom:30px}.single-post .post-image img{max-width:none;width:100%}@media screen and (min-width:40em){.single-post .post-image{margin-left:-70px;margin-right:-70px;margin-bottom:60px}}.single-post .post-meta>:not(.post-meta-category){font-size:.875rem;font-style:italic;display:block;margin:7px 20px 0 0;position:relative}@media (min-width:30em){.single-post .post-meta>:not(.post-meta-category){display:inline-block;margin-top:0}.single-post .post-meta>:not(.post-meta-category)::after{content:"/";right:-15px;position:absolute;top:0}.single-post .post-meta>:not(.post-meta-category):last-child::after{display:none}}.single-post .post-content{color:#6f6f6f;font-size:1.125rem;padding-top:35px;padding-bottom:50px}>.single-post .post-content:last-child{padding-bottom:0}.single-post .post-content blockquote{background-color:#f9f9f9;border-left:3px solid #0080bc;font-style:italic;padding:1.875rem}.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-bottom:.9375rem;margin-top:2.1875rem}.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;overflow:hidden;min-height:80px;margin-left:-20px;margin-right:-20px;padding:0;position:relative}@media screen and (min-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{background-color:#008dce;color:#fff;font-size:.8125rem;font-family:"Montserrat",sans-serif;padding:30px 20px;position:relative}@media screen and (min-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:"";left:0;height:100px;position:absolute;width:100%}.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:.4s opacity}.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 (min-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;display:block;font-size:.875rem;font-style:italic}@media screen and (min-width:40em){.single-post .post-footer .author-desc{display:inline-block}}.single-post .post-footer .author-image{background-size:cover;background-repeat:no-repeat;display:none;left:0;height:100%;position:absolute;top:0;width:80px}@media screen and (min-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;height:19px;margin:4px;transition:.4s fill;width:19px}.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}.jumbotron{padding-bottom:60px;padding-top:60px;text-align:center}.jumbotron:first-of-type{padding-bottom:120px;padding-top:120px}@media (min-width:600px){.jumbotron{padding-bottom:120px;padding-top:120px}}@media (min-width:500px)and (min-height:600px){.home .jumbotron{min-height:100vh}}@media (min-height:701px)and (max-height:850px){.home .jumbotron img{max-height:450px}}.jumbotron>.row{height:100%}.jumbotron .button{margin-top:70px}.jumbotron.jumbotron--small{height:auto;padding-bottom:100px;padding-top:100px}.jumbotron.jumbotron--small>.row{height:auto}.jumbotron.jumbotron--transparent{padding-bottom:100px;padding-top:150px}@media (max-width:1023px){.jumbotron.jumbotron--transparent{padding-bottom:50px;padding-top:90px}}.jumbotron--style-2{background:radial-gradient(circle,#0095da 0,#006696);color:#c0ebff}.jumbotron--style-2 .title{color:#003e5a}.jumbotron--style-2 .title strong,.jumbotron--style-2 .title--large,.jumbotron--style-2 a{color:#fff}.jumbotron--style-2 .desc{color:inherit}.jumbotron--style-2 a:focus,.jumbotron--style-2 a:hover{color:rgba(255,255,255,.7)}.jumbotron.jumbotron--solutions img{display:block;margin:0 auto}.cookie-notice__option input,.jumbotron.jumbotron--solutions .solution-desktop,.jumbotron.jumbotron--solutions .solution-mobile,.jumbotron.jumbotron--solutions .solution-tablet{display:none}@media (max-width:767px){.jumbotron.jumbotron--solutions .solution-mobile{display:block;margin-bottom:20px}}@media (min-width:768px)and (max-width:1079px){.jumbotron.jumbotron--solutions .solution-tablet{display:block;margin-bottom:20px}}@media (min-width:1080px){.jumbotron.jumbotron--solutions .solution-desktop{display:block;margin-bottom:-70px}}.jumbotron.jumbotron--solutions .button{margin:0}.jumbotron--slider{background-color:#3990d5;background-image:url(https://anpsthemes.com/wp-content/themes/anpsthemes/images/slider.jpg?ver=1);background-position:center;background-size:cover}.list{list-style:none;margin:0;padding:0}.list svg{height:12px;left:0;position:absolute;top:5px;width:12px}.list__item{padding-left:24px;position:relative}.list__item+.list__item{margin-top:5px}.list--check svg{fill:#83cc27}.list--close svg{fill:#cf3c35;top:7px}.title{color:#000;font-family:"Montserrat",sans-serif;font-size:1.125rem;font-weight:400;text-transform:uppercase}.title strong{color:#0072a5;font-weight:400}@media (min-width:500px){.title{font-size:1.5rem}}.title--large{color:#fff;font-size:2.8125rem;font-weight:900;margin-top:1.25rem;text-transform:uppercase}@media (max-width:500px){.title--large{font-size:1.8125rem}}.title--medium{color:#fff;font-family:"Montserrat",sans-serif;font-size:1.125rem;letter-spacing:1px;text-transform:uppercase}.title--404{font-size:10.625rem;line-height:1em}.theme-embed{border:1px solid #f3f3f3;border-style:solid none;color:inherit;margin-left:-20px;margin-right:-20px;padding:30px 20px;transition:.3s opacity}.theme-embed:focus,.theme-embed:hover{color:inherit;opacity:.7}@media (min-width:40em){.theme-embed{margin-left:-70px;margin-right:-70px;padding:40px 70px}}@media (min-width:768px){.theme-embed{display:flex}}.theme-embed__subtitle{color:#008dce;font-size:14px;font-weight:700;line-height:1em;text-transform:uppercase}.theme-embed__wrap{margin-top:30px}@media (min-width:768px){.theme-embed__wrap{margin-top:0;padding-left:24px}}.theme-embed__title{color:#000;font-size:24px;margin-bottom:4px;margin-top:2px}.theme-embed__text{font-size:16px;margin:0}.theme-embed__image img{max-width:none}.theme-embed__image--shadow img{box-shadow:0 0 9px 2px rgba(0,0,0,.1)}.side-nav{position:fixed;right:30px;top:50%;transform:translateY(-50%)}@media (max-width:767px){.side-nav{display:none}}@media (min-width:1200px){.side-nav{right:60px}}.side-nav--light .side-nav__link{color:#fff}.side-nav--dark .side-nav__link{color:#008aca}.side-nav__list{left:0;list-style:none;margin:0}.side-nav__list-item+.side-nav__list-item{margin-top:18px}.side-nav__current{background-color:#008aca;content:"";height:10px;left:1px;position:absolute;top:1px;transition:.2s transform;width:10px}.side-nav--light .side-nav__current{background-color:#fff}.side-nav__current,.side-nav__link{border-radius:50%}.side-nav__link{border:2px solid;display:block;height:12px;transition:.3s opacity;width:12px}.contact-form .wpcf7-checkbox .wpcf7-list-item-label a:focus,.contact-form .wpcf7-checkbox .wpcf7-list-item-label a:hover,.side-nav__link:focus,.side-nav__link:hover{opacity:.7}.side-nav__list-item:nth-of-type(1){-webkit-animation:.4s 1s sideNavAnim forwards;animation:.4s 1s sideNavAnim forwards}.side-nav__list-item:nth-of-type(2){-webkit-animation:.6s 1s sideNavAnim forwards;animation:.6s 1s sideNavAnim forwards}.side-nav__list-item:nth-of-type(3){-webkit-animation:.8s 1s sideNavAnim forwards;animation:.8s 1s sideNavAnim forwards}.side-nav__list-item:nth-of-type(4){-webkit-animation:1s 1s sideNavAnim forwards;animation:1s 1s sideNavAnim forwards}.side-nav--animation .side-nav__list-item{transform:translateX(200px)}.side-nav--animation .side-nav__current{opacity:0}.social{margin:60px 0 0}.social__item{display:inline-block}.social__item a{display:block;padding:8px 12px}.social__item a:focus svg *,.social__item a:hover svg *{transition:fill .4s}.social__item a:focus .facebook *,.social__item a:hover .facebook *{fill:#fff}.social__item a:focus .twitter *,.social__item a:hover .twitter *{fill:#55acee}.social__item a:focus .dribbble *,.social__item a:hover .dribbble *{fill:#ea4c89}.social__item a:focus .behance *,.social__item a:hover .behance *{fill:#fff}.social__item a:focus .github *,.social__item a:hover .github *{fill:#000}.social__item a:focus .youtube *,.social__item a:hover .youtube *{fill:#dd2925}.social__item svg{fill:#006fa2;height:24px;transition:.4s fill;width:24px}.social__item svg.behance{width:28px}.alignnone{margin:5px 20px 20px 0}.aligncenter,div.aligncenter{display:block;margin:5px auto}.alignright,a img.alignright{float:right;margin:5px 0 20px 20px}.alignleft{float:left}.alignleft,.wp-caption.alignleft,.wp-caption.alignnone,a img.alignleft,a img.alignnone{margin:5px 20px 20px 0}a img.alignleft{float:left}a img.aligncenter{display:block;margin-left:auto;margin-right:auto}.wp-caption{background:#fff;border:2px solid #f9f9f9;max-width:96%;margin-bottom:25px!important;padding:17px 16px 16px}.wp-caption.alignright{margin:5px 0 20px 20px}.wp-caption img{border:0;height:auto;margin:0;padding:0;width:auto}.wp-caption p.wp-caption-text{color:#9a9a9a;font-size:.875rem;font-style:italic;margin:11px 0 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 rgba(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}.documentation-bar{background-color:#fff;border-bottom:1px solid #e7e7e7;font-family:"Montserrat",sans-serif;height:68px;width:100%}.documentation-bar .doc-menu{list-style:none;margin-bottom:21px;margin-left:0;margin-top:21px}.documentation-bar .doc-menu li{display:inline-block;margin-right:50px}.documentation-bar .doc-menu li a{color:#4d5667;font-size:14px;text-transform:uppercase}.documentation-bar .doc-menu li a.active,.documentation-bar .doc-menu li a:focus,.documentation-bar .doc-menu li a:hover,.documentation-menu ul li a.active,.documentation-menu ul li a:focus,.documentation-menu ul li a:hover{color:#0093d8}.documentation-bar select{color:#454545;font-size:14px}.documentation-menu ul{background-color:#f2f2f2;list-style:none;margin-left:0;padding:10px 20px}.documentation-menu ul li:not(:last-child){border-bottom:1px solid #e3e3e3}.documentation-menu ul li a{color:#454545;display:block;font-family:"Montserrat",sans-serif;font-size:12px;line-height:20px;padding-bottom:15px;padding-top:15px;text-transform:uppercase}.documentation-menu .sticky:not(.is-stuck){width:100%}.documentation-menu .sticky.is-stuck{max-width:270px;width:270px}@media (max-width:1023px){.documentation-menu .navcontainer.sticky-container,.documentation-menu ul{display:none}}.select-wrap,select{background-color:#f2f2f2;height:67px;padding-left:30px;text-transform:uppercase}select{-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;border:0;padding-right:30px}.select-wrap{border:1px solid #ebebeb;border-bottom:none;display:table;font-family:"Montserrat",sans-serif;font-size:14px;min-width:100%;padding-right:40px;position:relative;vertical-align:middle;cursor:pointer}@media (max-width:1023px){.select-wrap{margin-left:-15px;margin-right:-15px;width:calc(100% + 30px)}}.select-wrap .submenu{left:0;list-style:none;margin-left:-1px;margin-right:-1px;position:absolute;top:100%;width:calc(100% + 2px)}.select-wrap .submenu li{display:block}.select-wrap .submenu li:not(:first-child){margin-top:-1px}.select-wrap .submenu li a{background-color:#fafafa;border:1px solid #ebebeb;color:#003252;display:block;font-family:"Montserrat",sans-serif;font-size:14px;line-height:28px;min-height:50px;padding-bottom:10px;padding-left:30px;padding-top:10px;text-transform:none}.select-wrap .submenu li a:first-child{padding-top:10px}.select-wrap .submenu li a:last-child{padding-bottom:10px}.select-wrap .submenu li a .version{color:#0093d8}.select-wrap .submenu li a:focus,.select-wrap .submenu li a:hover{background-color:#0093d8;border-color:#0093d8;color:#fff}.select-wrap .submenu li a:focus .version,.select-wrap .submenu li a:hover .version{color:#003252}.select-wrap::before{background-image:url(../images/svg/angle-down.svg);background-size:100%,100%;content:"";height:18px;pointer-events:none;position:absolute;right:30px;top:50%;transform:translateY(-50%);width:18px}.select-wrap>.curent{display:table-cell;line-height:23px;min-height:67px;vertical-align:middle}.row.anpstoggle{margin-top:35px}.changelog .log{position:relative}.changelog .log-content--title{border-bottom:1px solid #e7e7e7;min-height:50px}.changelog .log-content--heading{display:block;font-size:16px;margin-bottom:0;padding-bottom:0;padding-top:7px}.changelog .log-content--heading span{color:#aaa}.changelog ul.tabs{display:inline-block;float:right;position:absolute;right:0;top:0}@media (max-width:767px){.changelog ul.tabs{display:inline-block;float:none;margin-bottom:-8px;margin-top:14px;position:relative}}.changelog .tabs-content{border:0;clear:both}.changelog .tabs-content .tabs-panel{padding-left:0}.changelog .tabs-content .tabs-panel ul{margin-bottom:20px;margin-left:0;margin-top:10px}.changelog .tabs-content .added,.changelog .tabs-content .fixed,.changelog .tabs-content .improved,.changelog .tabs-content .removed{color:#606060;list-style:none;margin-bottom:10px;padding-left:100px}.changelog .tabs-content .added::before,.changelog .tabs-content .fixed::before,.changelog .tabs-content .improved::before,.changelog .tabs-content .removed::before{border-radius:2px;color:#fff;display:inline-block;font-family:"Montserrat",sans-serif;font-size:12px;left:0;line-height:25px;margin-right:15px;position:absolute;text-align:center;text-transform:uppercase;width:86px}.changelog .tabs-content li.added::before{background-color:#0093d8;content:"added"}.changelog .tabs-content li.fixed::before,.changelog .tabs-content li.removed::before{background-color:#a3a3a3;content:"fixed"}.changelog .tabs-content li.improved::before{background-color:#81d134;content:"improved"}.changelog .tabs-title>a{background-color:#f2f2f2;color:#a1a1a1;font-size:12px;padding:18px;text-transform:uppercase}.changelog .tabs-title:not(:last-child){border-right:1px solid #e7e7e7}.changelog .tabs-title.is-active a{background-color:#fff;color:#000}.changelog .doc-navigation{width:230px}pre code:not([class]){background-color:transparent}.documentation{margin-bottom:60px}.documentation h2{border-bottom:1px solid #e7e7e7;font-size:30px;margin-bottom:10px;padding-bottom:10px}.documentation h3{font-size:21px}.docs-lists{max-width:1200px;margin:0 auto;padding:20px 0}.docs-lists::after{clear:both;content:"";display:table}.docs-list{background-color:#f9f9f9;float:left;margin:0 10px 30px;padding:20px;width:calc(50% - 20px)}.docs-list__title{font-size:24px}.docs-breadcrumbs{border-bottom:1px solid #eee}.docs-breadcrumbs__list{list-style:none;margin:0;padding:15px 0}.docs-breadcrumbs__item{display:inline-block;font-size:0}.docs-breadcrumbs__item::after{content:"/";font-size:14px;margin:0 5px}.docs-breadcrumbs__item:last-child::after{display:none}.docs-breadcrumbs__link,.docs-breadcrumbs__title{font-size:14px}.docs-search{border-bottom:1px solid #eee;margin-bottom:30px;padding:30px 0;text-align:center}.docs-search__wrap{display:inline-block;position:relative}.docs-search__input{padding:8px 15px;width:400px}.docs-results{background-color:#fff;box-shadow:0 0 2px 0 rgba(0,0,0,.3);left:0;position:absolute;top:100%;width:100%;z-index:1}.docs-result{text-align:left}.docs-result+.docs-result{border-top:1px solid #eee}.docs-result__link{display:block;padding:5px 10px}.docs-result__link:focus,.docs-result__link:hover{background-color:#0093d8;color:#fff}.docs-post__title{margin-bottom:0}.docs-post__date{display:block;margin-bottom:30px}.docs-post__content{margin-bottom:60px}.docs-menu__title{font-size:19px;margin-top:15px}.docs-menu__item--current .docs-menu__link{color:#000;cursor:default;font-weight:700}.cookie-notice{background-color:#fff;bottom:0;box-shadow:0 0 40px 0 rgba(0,0,0,.1);color:#999;font-size:.875rem;left:0;padding:20px 15px;position:fixed;transition:.6s transform ease-in-out;width:100%}.cookie-notice--closed{transform:translateY(130%)}@media (min-width:650px){.cookie-notice{bottom:30px;box-shadow:0 30px 70px 0 rgba(0,0,0,.1);left:auto;padding:30px;right:30px;width:570px}}@media (min-width:992px){.cookie-notice{box-shadow:0 30px 100px 0 rgba(0,0,0,.1)}}.cookie-notice__title{color:#6f6f6f;font-size:18px;margin-bottom:5px}@media (min-width:500px){.cookie-notice__title{font-size:1.25rem}}.cookie-notice__option label:hover,.cookie-notice__text a,.cookie-toggle__option label:hover{color:#6f6f6f}.cookie-notice__text a:focus,.cookie-notice__text a:hover{color:#333;text-decoration:underline}.cookie-notice__btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#1e90d8;border-radius:3px;color:#fff;display:inline-block;font-size:1rem;height:50px;line-height:50px;transition:.2s background-color ease-in-out;width:170px}.cookie-notice__btn:focus,.cookie-notice__btn:hover{background-color:#1a84c7}@media (max-width:499px){.cookie-notice__btn{font-size:.875rem;height:35px;line-height:35px;margin-top:15px}}@media (max-width:399px){.cookie-notice__btn{width:100%}}.cookie-notice__options{list-style:none;margin:10px 0 0}@media (min-width:650px){.cookie-notice__options{margin-top:20px}}.cookie-notice__option+.cookie-notice__option{margin-top:6px}.cookie-notice__option:hover .cookie-notice__icon svg,.cookie-toggle__option:hover .cookie-toggle__icon svg{opacity:.5;transform:scale(1)}.cookie-notice__option input:disabled+label{opacity:.7;pointer-events:none}.cookie-notice__option input:focus+label{color:#6f6f6f}.cookie-notice__option input:focus+label .cookie-notice__icon svg{opacity:.5;transform:scale(1)}.contact-form .wpcf7-checkbox input:checked+span .wpcf7-check svg,.cookie-notice__option input:checked+label .cookie-notice__icon svg{opacity:1;transform:scale(1)}.cookie-notice__option label{cursor:pointer;padding-left:30px;position:relative;transition:.2s color ease-in-out;-webkit-user-select:none;-ms-user-select:none;user-select:none}.cookie-notice__option label::before,.cookie-toggle__option label::before{border:1px solid #999;border-radius:4px;content:"";height:20px;left:0;position:absolute;top:0;width:20px}@media (min-width:500px){.cookie-notice__form{align-items:flex-end;display:flex;justify-content:space-between}}.cookie-notice__icon{align-items:center;display:flex;height:20px;justify-content:center;left:0;position:absolute;top:50%;transform:translateY(-50%);width:20px}.cookie-notice__icon svg{fill:#6eb727;height:12px;margin-top:1px;opacity:0;transform:scale(0);transition:all .2s ease-in-out;width:12px}.bg-style-2{background-color:#ececec}.contact-section{padding:60px 0}@media (min-width:640px){.contact-section{padding:90px 0}}.contact-description{color:#6f6f6f;font-size:18px}.contact-description h2{color:#000;font-size:1.5rem;margin-bottom:.9375rem}.contact-description strong{color:#0081bc;font-weight:400}.contact-form{margin-top:2.5rem}@media (min-width:640px){.contact-form{margin-top:0}}.contact-form input:not([type=submit]),.contact-form textarea{background:0 0;border:0;border-bottom:1px solid #d9d9d9;font-size:1.125rem;padding:.625rem .125rem;width:100%}.contact-form input:not([type=submit]):focus,.contact-form textarea:focus{border-color:#0081bc;outline:0}.contact-form input::-webkit-input-placeholder, .contact-form textarea::-webkit-input-placeholder{color:#6f6f6f}.contact-form input:-ms-input-placeholder, .contact-form textarea:-ms-input-placeholder{color:#6f6f6f}.contact-form input::-ms-input-placeholder, .contact-form textarea::-ms-input-placeholder{color:#6f6f6f}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#6f6f6f}.contact-form input,.privacy-policy li+li{margin-top:10px}.contact-form textarea{margin-bottom:-10px;margin-top:1.5625rem}@media (min-width:500px){.contact-form textarea{margin-top:3.4375rem}}@media (min-width:700px){.contact-form textarea{margin-top:8.9375rem}}.contact-form .wpcf7-checkbox{perspective:1000px}.contact-form .wpcf7-checkbox input{display:none}.contact-form .wpcf7-checkbox span{display:block;margin:0}.contact-form .wpcf7-checkbox.wpcf7-not-valid .wpcf7-list-item-label::before{border-color:red!important}.contact-form .wpcf7-checkbox.wpcf7-not-valid+.wpcf7-not-valid-tip{display:none!important}.contact-form .wpcf7-checkbox .wpcf7-list-item-label{color:#909090;cursor:pointer;font-size:16px;padding-left:30px;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none}.contact-form .wpcf7-checkbox .wpcf7-list-item-label a{color:inherit;text-decoration:underline;transition:.2s opacity ease-in-out}.contact-form .wpcf7-checkbox .wpcf7-list-item-label::before{border:1px solid #989898;border-radius:3px;content:"";height:20px;left:0;position:absolute;top:3px;transition:.2s border-color;width:20px}.contact-form .wpcf7-checkbox .wpcf7-check{height:20px;left:0;line-height:20px;pointer-events:none;position:absolute;text-align:center;top:3px;width:20px}.contact-form .wpcf7-checkbox svg{fill:#989898;height:12px;opacity:0;transform:scale(0);transition:all .2s ease-in-out;width:12px}.contact-form .wpcf7-checkbox--error label::before{border:2px solid rgba(255,0,0,.7)!important}.contact-form .wpcf7-form-control-wrap{display:block}.contact-form .wpcf7-not-valid-tip{bottom:.625rem;position:absolute;right:0}@media (max-width:500px){.contact-form .wpcf7-not-valid-tip{text-indent:-999px;overflow:hidden}.contact-form .wpcf7-not-valid-tip::after{content:"*";font-size:2rem;position:absolute;right:0;text-indent:0;top:-7px}}.contact-form [type=submit]{background:0 0;border:0;color:#0081bc;float:right;font-family:"Montserrat",sans-serif;font-size:.875rem;margin-top:1.9375rem;text-transform:uppercase}.contact-form div.wpcf7-mail-sent-ng,.contact-form div.wpcf7-mail-sent-ok,.contact-form div.wpcf7-validation-errors{border:1px solid;border-radius:4px;line-height:22px;margin:50px 0 0;min-height:22px;padding:10px 20px}.contact-form div.wpcf7-mail-sent-ng,.contact-form div.wpcf7-validation-errors{background:#ffccc8;border-color:#e0a7a3;color:red}.contact-form div.wpcf7-mail-sent-ok{background:#c1faa9;border-color:#afe09b;color:green}.map{height:500px}.portfolio-wrapper{margin:-15px 0 0;max-width:100%;padding-bottom:15px;padding-top:15px}.portfolio{margin:0 15px;text-align:center}.portfolio::after{clear:both;content:"";display:table}@media (min-width:600px){.portfolio{margin:0 -3%}}@media (min-width:701px){.portfolio{margin:0 -1.25%}}@media (min-width:600px)and (max-width:849px){.portfolio--recent .portfolio-item:last-child{display:none}}.portfolio-item{background-color:#fff;box-shadow:0 7px 29px 0 rgba(0,0,0,.16);display:inline-block;list-style:none;margin:15px auto;position:relative;text-align:left;top:0;transition:.2s box-shadow;will-change:transform}.portfolio-item:focus,.portfolio-item:hover{box-shadow:0 7px 19px 0 rgba(0,0,0,.1);transform:translateY(1px)}@media (max-width:599px){.portfolio-item{max-width:370px}}@media (min-width:600px){.portfolio-item{float:left;margin:15px 3%;width:44%}}@media (min-width:850px){.portfolio-item{margin:15px 1.25%;width:30.8333%}}.portfolio-item svg{fill:#bcbcbc;height:16px;transition:.4s fill;vertical-align:middle;width:21px}.portfolio-item__content{padding:1.25rem 1.5625rem;padding-right:70px;position:relative}.portfolio-item__image{display:block;transform:translate3d(0,0,0)}.portfolio-item__like-button,.portfolio-item__link-purchase,.portfolio-item__title a{transition:.3s opacity}.portfolio-item__like-button:focus,.portfolio-item__like-button:hover,.portfolio-item__link-purchase:focus,.portfolio-item__link-purchase:hover,.portfolio-item__title a:focus,.portfolio-item__title a:hover{opacity:.8}.portfolio-item__title{color:#000;font-size:.875rem;margin:0}@media (max-width:599px){.portfolio-item__title{line-height:1.5em;margin-bottom:5px}}@media (min-width:600px){.portfolio-item__title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.portfolio-item__title a{color:inherit}.portfolio-item__link-action{bottom:28px;line-height:0;position:absolute;right:25px}.portfolio-item__category{display:block;font-weight:400;margin-bottom:.625rem}.portfolio-item__links{line-height:1em}.portfolio-item__link-action svg{fill:#0081bc;height:21px;width:23px}.portfolio-item__link-dribbble:hover svg{fill:#ea4c89}.portfolio-item__link-behance:hover svg{fill:#08f}.portfolio-item__link-demo:hover svg{fill:#000}.portfolio-item__like svg{fill:#d40e0e}.portfolio-item__download-counter-num,.portfolio-item__like-number{font-size:14px}.anim{-webkit-animation:1s animate forwards,.7s 2.6s animate-2 forwards ease-in-out;animation:1s animate forwards,.7s 2.6s animate-2 forwards ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#fff;border-radius:100%;height:200px;margin:auto;opacity:0;overflow:hidden;position:relative;transform:translate3d(0,50px,0);width:200px}.anim-title{-webkit-animation:1s 2.9s animate-title forwards;animation:1s 2.9s animate-title forwards;opacity:0}.anim svg{position:absolute}.anim .wordpress-logo{-webkit-animation:1s animate-logo forwards;animation:1s animate-logo forwards;height:190px;left:0;margin:5px;opacity:0;width:190px;z-index:9}.anim .green,.anim .orange,.anim .purple{bottom:0;left:-10px;transform:translateY(200px);width:calc(100% + 20px)}.anim .orange{-webkit-animation:1.4s 1s animate-orange forwards;animation:1.4s 1s animate-orange forwards;fill:#ff8400;z-index:2}.anim .green{-webkit-animation:1s 1.4s animate-green forwards;animation:1s 1.4s animate-green forwards;fill:#81d134;z-index:1}.anim .purple{-webkit-animation:1s 1.6s animate-purple forwards;animation:1s 1.6s animate-purple forwards;fill:#be50cb}[data-carousel]:not(.carousel-active) img:not(.current){display:none}[data-carousel].carousel-active{position:relative;overflow:hidden}[data-carousel].carousel-active img:not(.current){opacity:0}[data-carousel].carousel-active img{height:calc(100% + 2px);left:0;opacity:1;position:absolute;top:0;transition:.4s opacity ease-in-out;width:100%}code:not([class]){background-color:#f4f4f4;color:#222;font-size:16px;font-weight:700;padding:5px 6px}.table{border-collapse:collapse}.table td,.table th{border:1px solid #ddd;font-size:16px;padding:.7rem;text-align:left}.feature{margin-top:50px;padding-left:42px;position:relative;text-align:left}.feature svg{fill:#008dce;left:0;position:absolute;top:0}.feature__icon--fonticons{height:24px;width:21px}.feature__icon--hand-pointer-o,.feature__icon--refresh{height:24px;width:24px}.feature__icon--shopping-basket{height:21px;width:24px}.feature__icon--globe{height:24px;width:27px}.feature__icon--eyedropper{height:22px;width:22px}.feature__icon--navicon{height:24px;width:24px}.feature__icon--map-o{height:24px;width:28px}.feature__icon--map-signs,.feature__icon--sliders,.feature__icon--tablet{height:24px;width:24px}.feature__icon--code-fork{height:26px;width:24px}.feature__title{color:#163651;font-size:16px;font-weight:700;margin:0 0 15px;text-transform:uppercase}.feature__desc{color:#738492;margin:0}.feature__desc strong{color:#008dce;font-weight:400}.freebies{padding-bottom:50px}.freebies-header-wrapper{overflow:hidden;position:relative}.freebies-header,.freebies-thank-you{padding:70px 0;text-align:center}.freebies-header .desc,.freebies-thank-you .desc{margin-bottom:35px;margin-top:10px}.freebies-thank-you{margin-bottom:80px;transition:margin .8s}.freebies-thank-you .desc{color:#738492}.not-subscribed .freebies-thank-you{opacity:0}.subscribed .freebies-thank-you{margin-bottom:0;opacity:1}.subscribed .freebies-header{transform:translateY(-100%)}.freebies-header{background-image:url(https://anpsthemes.com/wp-content/themes/anpsthemes/images/freebies-header.jpg);background-repeat:no-repeat;background-size:cover;color:#fff;left:0;position:absolute;top:0;transition:transform .8s ease-in-out;width:100%;z-index:11}@media (min-width:550px){.freebies-header .newsletter__input{width:440px}}.freebies-header .title{color:#fff}.freebies-header .desc{color:#9abbd9}.privacy-policy{background-color:#fff;color:#6f6f6f;padding:30px 0}@media (min-width:600px){.privacy-policy{padding:60px 0}}.privacy-policy h3{color:#333;font-size:1.3125rem;margin-bottom:10px;margin-top:20px}@media (min-width:600px){.privacy-policy h3{font-size:1.75rem;margin-bottom:30px;margin-top:50px}}.privacy-policy h3:first-child{margin-top:0}.privacy-policy ol{padding-left:10px}@media (min-width:600px){.privacy-policy ol{padding-left:30px}}@media (min-width:600px){.privacy-policy li+li{margin-top:20px}}.privacy-policy table{border-collapse:collapse;width:100%;border:1px solid #ccc}.privacy-policy .responsive-table{overflow:auto}.privacy-policy td,.privacy-policy th{font-size:.875rem;padding:8px 10px}@media (min-width:600px){.privacy-policy td,.privacy-policy th{font-size:1rem;padding:12px 15px}}.privacy-policy td,.privacy-policy th{border:1px solid #ccc}.privacy-policy tr:nth-child(2n){background-color:#f9f9f9}.privacy-policy tr:not(:first-child):hover{background-color:#f1f1f1}.contact-form small{color:#999;display:block;font-size:12px;margin-top:40px}.cookie-toggle{margin-bottom:30px}.cookie-toggle__options{list-style:none;margin:0}@media (min-width:650px){.cookie-toggle__options{margin-top:20px}}.cookie-toggle__option{border:1px solid #ddd;border-radius:4px;padding:15px 20px}.cookie-toggle__option+.cookie-toggle__option{margin-top:10px}.cookie-toggle__option input{display:none;height:0;overflow:hidden;position:absolute;text-indent:200%;white-space:nowrap;width:0}.cookie-toggle__option input:disabled+label{opacity:.7;pointer-events:none}.cookie-toggle__option input:focus+label{color:#6f6f6f}.cookie-toggle__option input:focus+label .cookie-toggle__icon svg{opacity:.5;transform:scale(1)}.cookie-toggle__option input:checked+label .cookie-toggle__icon svg{opacity:1;transform:scale(1)}.cookie-toggle__option label{cursor:pointer;padding-left:35px;position:relative;transition:.2s color ease-in-out;-webkit-user-select:none;-ms-user-select:none;user-select:none}.cookie-toggle__icon{align-items:center;display:flex;height:20px;justify-content:center;left:0;position:absolute;top:50%;transform:translateY(-50%);width:20px}.cookie-toggle__icon svg{fill:#6eb727;height:12px;margin-top:-1px;opacity:0;transform:scale(0);transition:all .2s ease-in-out;width:12px} /* http://prismjs.com/download.html?themes=prism-okaidia&languages=markup+css+clike+javascript */ /** * okaidia theme for JavaScript, CSS and HTML * Loosely based on Monokai textmate theme by http://www.monokai.nl/ * @author ocodia */ code[class*="language-"], pre[class*="language-"] { color: #f8f8f2; background: none; text-shadow: 0 1px rgba(0, 0, 0, 0.3); font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace; text-align: left; white-space: pre; word-spacing: normal; word-break: normal; word-wrap: normal; line-height: 1.5; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; hyphens: none; } /* Code blocks */ pre[class*="language-"] { padding: 1em; margin: .5em 0; overflow: auto; border-radius: 0.3em; } :not(pre) > code[class*="language-"], pre[class*="language-"] { background: #272822; } /* Inline code */ :not(pre) > code[class*="language-"] { padding: .1em; border-radius: .3em; white-space: normal; } .token.comment, .token.prolog, .token.doctype, .token.cdata { color: slategray; } .token.punctuation { color: #f8f8f2; } .namespace { opacity: .7; } .token.property, .token.tag, .token.constant, .token.symbol, .token.deleted { color: #f92672; } .token.boolean, .token.number { color: #ae81ff; } .token.selector, .token.attr-name, .token.string, .token.char, .token.builtin, .token.inserted { color: #a6e22e; } .token.operator, .token.entity, .token.url, .language-css .token.string, .style .token.string, .token.variable { color: #f8f8f2; } .token.atrule, .token.attr-value, .token.function { color: #e6db74; } .token.keyword { color: #66d9ef; } .token.regex, .token.important { color: #fd971f; } .token.important, .token.bold { font-weight: bold; } .token.italic { font-style: italic; } .token.entity { cursor: help; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { -webkit-transition: height 500ms ease-in-out; -moz-transition: height 500ms ease-in-out; -ms-transition: height 500ms ease-in-out; -o-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; } /* * Core Owl Carousel CSS File */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel .owl-refresh .owl-item { display: none; } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; } .owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-item img { transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; -moz-transition: scale 100ms ease; -ms-transition: scale 100ms ease; -o-transition: scale 100ms ease; transition: scale 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); -moz-transition: scale(1.3, 1.3); -ms-transition: scale(1.3, 1.3); -o-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; -webkit-background-size: contain; -moz-background-size: contain; -o-background-size: contain; background-size: contain; -webkit-transition: opacity 400ms ease; -moz-transition: opacity 400ms ease; -ms-transition: opacity 400ms ease; -o-transition: opacity 400ms ease; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; } /*! Swipebox v1.3.0 | Constantin Saguin csag.co | MIT License | github.com/brutaldesign/swipebox */ html.swipebox-html.swipebox-touch { overflow: hidden !important; } #swipebox-overlay img { border: none !important; } #swipebox-overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99999 !important; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #swipebox-container { position: relative; width: 100%; height: 100%; } #swipebox-slider { -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; height: 100%; left: 0; top: 0; width: 100%; white-space: nowrap; position: absolute; display: none; cursor: pointer; } #swipebox-slider .slide { height: 100%; width: 100%; line-height: 1px; text-align: center; display: inline-block; } #swipebox-slider .slide:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } #swipebox-slider .slide img, #swipebox-slider .slide .swipebox-video-container, #swipebox-slider .slide .swipebox-inline-container { display: inline-block; max-height: 100%; max-width: 100%; margin: 0; padding: 0; width: auto; height: auto; vertical-align: middle; } #swipebox-slider .slide .swipebox-video-container { background: none; max-width: 1140px; max-height: 100%; width: 100%; padding: 5%; -webkit-box-sizing: border-box; box-sizing: border-box; } #swipebox-slider .slide .swipebox-video-container .swipebox-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; } #swipebox-slider .slide .swipebox-video-container .swipebox-video iframe { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; } #swipebox-slider .slide-loading { background: url(http://anpsthemes.com/wp-content/themes/anpsthemes/images/swipebox/loader.gif) no-repeat center center; } #swipebox-bottom-bar, #swipebox-top-bar { -webkit-transition: 0.5s; transition: 0.5s; position: absolute; left: 0; z-index: 999; height: 50px; width: 100%; } #swipebox-bottom-bar { bottom: -50px; } #swipebox-bottom-bar.visible-bars { -webkit-transform: translate3d(0, -50px, 0); transform: translate3d(0, -50px, 0); } #swipebox-top-bar { top: -50px; } #swipebox-top-bar.visible-bars { -webkit-transform: translate3d(0, 50px, 0); transform: translate3d(0, 50px, 0); } #swipebox-title { display: block; width: 100%; text-align: center; } #swipebox-prev, #swipebox-next, #swipebox-close { background-image: url(http://anpsthemes.com/wp-content/themes/anpsthemes/images/swipebox/icons.png); background-repeat: no-repeat; border: none !important; text-decoration: none !important; cursor: pointer; width: 50px; height: 50px; top: 0; } #swipebox-arrows { display: block; margin: 0 auto; width: 100%; height: 50px; } #swipebox-prev { background-position: -32px 13px; float: left; } #swipebox-next { background-position: -78px 13px; float: right; } #swipebox-close { top: 0; right: 0; position: absolute; z-index: 9999; background-position: 15px 12px; } .swipebox-no-close-button #swipebox-close { display: none; } #swipebox-prev.disabled, #swipebox-next.disabled { opacity: 0.3; } .swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider { -webkit-animation: rightSpring 0.3s; animation: rightSpring 0.3s; } .swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider { -webkit-animation: leftSpring 0.3s; animation: leftSpring 0.3s; } .swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after { -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: all .3s ease; transition: all .3s ease; content: ' '; position: absolute; z-index: 999; top: 0; height: 100%; width: 20px; opacity: 0; } .swipebox-touch #swipebox-container:before { left: 0; -webkit-box-shadow: inset 10px 0px 10px -8px #656565; box-shadow: inset 10px 0px 10px -8px #656565; } .swipebox-touch #swipebox-container:after { right: 0; -webkit-box-shadow: inset -10px 0px 10px -8px #656565; box-shadow: inset -10px 0px 10px -8px #656565; } .swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before { opacity: 1; } .swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after { opacity: 1; } @-webkit-keyframes rightSpring { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @keyframes rightSpring { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-webkit-keyframes leftSpring { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @keyframes leftSpring { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @media screen and (min-width: 800px) { #swipebox-close { right: 10px; } #swipebox-arrows { width: 92%; max-width: 800px; } } /* Skin --------------------------*/ #swipebox-overlay { background: #0d0d0d; } #swipebox-bottom-bar, #swipebox-top-bar { text-shadow: 1px 1px 1px black; background: #000; opacity: 0.95; } #swipebox-top-bar { color: white !important; font-size: 15px; line-height: 43px; font-family: Helvetica, Arial, sans-serif; } /* ============================== OLD HOME PAGE STYLE RESETS Neutralize old rules from minified blob (line 16) ============================== */ /* Override old zero-height header on home page */ .home .site-header{height:auto} .home .site-header,.site-header--transparent{height:auto;position:relative} /* Override old jumbotron hero (no longer used) */ .jumbotron{display:none!important} /* Override old demo carousel (no longer used on home) */ .demos-wrapper{display:none!important} .demo-item{display:none!important} /* Override old side-nav dots (no longer used) */ .side-nav{display:none!important} /* Override old animation widget */ .anim,.anim-title{display:none!important} /* Override old scroll animations */ .scroll-animation{opacity:1!important;transition:none!important} /* ============================== HEADER STYLES ============================== */ /* Header Background — all pages including home */ .site-header{background:linear-gradient(180deg,#007bbf 0%,#006fae 100%);border-bottom:none;position:relative} @media (min-width:1070px){.site-header{background:linear-gradient(180deg,#007bbf 0%,#006fae 100%)}} /* Compact Header Height */ @media (min-width:1070px){.site-header__bar{height:80px}} /* Global Header Accent Line */ .site-header .site-header__bar::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(to right,#0093d8,#81d134);opacity:.75;z-index:1} /* Current Menu Item Underline */ @media (min-width:1070px){.menu-item.current-menu-item>a{color:#fff;border-bottom:3px solid #81d134;padding-bottom:3px}} /* Mobile Current Menu Item */ @media (max-width:1069px){.site_header__nav .menu-item.current-menu-item>a,.site_header__nav .menu-item.current_page_item>a{color:#81d134!important}} /* Support Button Style */ @media (min-width:1070px){.site_header__nav .menu>.menu-item.button.button--style-2{background:none;margin-left:24px}.site_header__nav .menu>.menu-item.button.button--style-2>a{background:#81d134;color:#fff!important;padding:10px 26px;border-radius:4px;font-weight:700;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;transition:background .2s ease;display:inline-block}.site_header__nav .menu>.menu-item.button.button--style-2>a:hover{background:#6eb727;color:#fff!important}} /* Mobile Support Button */ @media (max-width:1069px){.site_header__nav .menu>.menu-item.button.button--style-2{background:none!important;margin-top:2rem!important;padding:0!important}.site_header__nav .menu>.menu-item.button.button--style-2>a{background:#81d134!important;color:#fff!important;padding:14px 36px!important;border-radius:6px;font-weight:700;font-size:.875rem;letter-spacing:.05em;text-transform:uppercase;display:inline-block;transition:background .2s ease}} /* Menu Hover Color Override */ @media (min-width:1070px){.menu-item a:focus,.menu-item a:hover{color:#9ED64A}.menu-item.current-menu-item>a:hover,.menu-item.current-menu-item>a:focus{color:#fff}} /* Dropdown Submenu Styles - Lightweight */ .menu-item-has-children{position:relative} .menu-item-has-children>a::after{content:"";display:inline-block;vertical-align:middle;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid currentColor;margin-left:6px;opacity:.6;transition:transform .2s ease,opacity .2s ease} .menu-item-has-children:hover>a::after{opacity:1} .menu-item-has-children>.sub-menu{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);min-width:180px;background:rgba(0,38,57,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:8px 0;margin:0;list-style:none;z-index:200;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease,top .2s ease} .menu-item-has-children>.sub-menu .menu-item{display:block;margin:0} .menu-item-has-children>.sub-menu .menu-item+.menu-item{margin-left:0} .menu-item-has-children>.sub-menu .menu-item a{display:block;padding:10px 20px;color:rgba(255,255,255,.85);font-size:.8125rem;font-weight:400;text-transform:none;letter-spacing:.3px;transition:color .2s ease,background .2s ease} .menu-item-has-children>.sub-menu .menu-item a:hover,.menu-item-has-children>.sub-menu .menu-item a:focus{color:#fff;background:rgba(255,255,255,.1)} .menu-item-has-children>.sub-menu .menu-item+.menu-item a{border-top:1px solid rgba(255,255,255,.1)} .menu-item-has-children>.sub-menu .menu-item.current-menu-item a{color:#fff} @media (min-width:1070px){.menu-item-has-children:hover>.sub-menu,.menu-item-has-children:focus-within>.sub-menu{opacity:1;visibility:visible;top:100%}.menu-item-has-children:hover>a::after{transform:rotate(180deg)}.submenu-toggle{display:none}} @media (max-width:1069px){.menu-item-has-children{display:flex;flex-wrap:wrap;justify-content:center;align-items:center}.menu-item-has-children>a::after{display:none}.submenu-toggle{background:transparent;border:none;padding:8px 12px;margin-left:2px;cursor:pointer;display:inline-flex;align-items:center;color:#fff;opacity:.7;transition:opacity .2s ease,transform .2s ease}.submenu-toggle:hover{opacity:1}.submenu-toggle svg{width:18px;height:18px;fill:currentColor;transition:transform .2s ease}.submenu-toggle.is-open svg{transform:rotate(180deg)}.menu-item-has-children>.sub-menu{position:static;transform:none;width:100%;background:transparent;padding:0;max-height:0;overflow:hidden;opacity:0;visibility:hidden;transition:max-height .3s ease,opacity .2s ease}.menu-item-has-children.submenu-open>.sub-menu{max-height:400px;opacity:1;visibility:visible;padding:15px 0;margin-top:10px;background:rgba(0,0,0,.15);border-radius:6px}.menu-item-has-children>.sub-menu .menu-item a{color:rgba(255,255,255,.75);font-size:1.0625rem;padding:12px 20px;text-align:center;border:none;letter-spacing:.5px}.menu-item-has-children>.sub-menu .menu-item{border-top:1px solid rgba(255,255,255,.12)}.menu-item-has-children>.sub-menu .menu-item a:hover,.menu-item-has-children>.sub-menu .menu-item a:focus{color:#fff;background:transparent}} .contact-hero { background: #fff; border-bottom: 1px solid #d9d9d9; padding: 64px 0; position: relative; overflow: hidden; } @media (min-width: 640px) { .contact-hero { padding: 80px 0; } } .contact-hero__inner { max-width: 896px; margin: 0 auto; padding: 0 16px; text-align: center; position: relative; z-index: 1; } @media (min-width: 640px) { .contact-hero__inner { padding: 0 24px; } } @media (min-width: 1024px) { .contact-hero__inner { padding: 0 32px; } } .contact-hero__title { font-family: "Montserrat", sans-serif; font-size: 36px; font-weight: 700; color: #000; letter-spacing: -0.025em; margin-bottom: 16px; text-transform: none; } @media (min-width: 640px) { .contact-hero__title { font-size: 48px; } } .contact-hero__desc { font-size: 18px; font-weight: 300; color: #6f6f6f; max-width: 672px; margin: 0 auto; line-height: 1.625; } @media (min-width: 640px) { .contact-hero__desc { font-size: 20px; } } /* Contact main layout */ .contact-main { flex-grow: 1; } .contact-main__container { max-width: 1200px; margin: 0 auto; padding: 48px 16px; } @media (min-width: 640px) { .contact-main__container { padding: 48px 24px; } } @media (min-width: 1024px) { .contact-main__container { padding: 64px 32px; } } .contact-main__grid { display: flex; flex-wrap: wrap; gap: 48px; } @media (min-width: 1024px) { .contact-main__grid { flex-wrap: nowrap; gap: 64px; } } .contact-main__sidebar { width: 100%; } @media (min-width: 1024px) { .contact-main__sidebar { width: 41.666%; flex-shrink: 0; } } .contact-main__form-col { width: 100%; } @media (min-width: 1024px) { .contact-main__form-col { flex: 1; } } /* Support card */ .contact-card { background: #fff; border-radius: 12px; box-shadow: 0 1px 3px rgba(0,0,0,0.08); border: 1px solid #d9d9d9; padding: 24px; margin-bottom: 40px; transition: box-shadow 0.3s; } @media (min-width: 640px) { .contact-card { padding: 32px; } } .contact-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.12); } .contact-card__icon { width: 48px; height: 48px; background: #e8f4fd; border-radius: 8px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px; color: #0093d8; } .contact-card__icon .material-symbols-outlined { font-size: 28px; } .contact-card__title { font-family: "Montserrat", sans-serif; font-size: 20px; font-weight: 700; color: #000; margin-bottom: 12px; } .contact-card__text { font-size: 14px; color: #6f6f6f; line-height: 1.6; margin-bottom: 24px; } .contact-card__btn { display: flex; align-items: center; justify-content: center; width: 100%; background: #0093d8; color: #fff; font-family: "Montserrat", sans-serif; font-weight: 700; padding: 12px 24px; border-radius: 6px; text-decoration: none; transition: background 0.2s; font-size: 15px; } .contact-card__btn:hover { background: #0076ad; color: #fff; } .contact-card__btn .material-symbols-outlined { margin-left: 8px; font-size: 16px; } /* Info rows */ .contact-info-row { display: flex; gap: 20px; margin-bottom: 40px; } .contact-info-row__icon { flex-shrink: 0; margin-top: 4px; } .contact-info-row__icon-circle { width: 40px; height: 40px; border-radius: 50%; display: flex; align-items: center; justify-content: center; } .contact-info-row__icon-circle--green { background: #edf9e0; color: #81d134; } .contact-info-row__icon-circle--purple { background: #f3e8f5; color: #be50cb; } .contact-info-row__title { font-family: "Montserrat", sans-serif; font-size: 18px; font-weight: 700; color: #000; margin-bottom: 8px; } .contact-info-row__text { font-size: 14px; color: #6f6f6f; line-height: 1.6; } /* Office address */ .contact-office { border-top: 1px solid #d9d9d9; padding-top: 32px; margin-top: 16px; } .contact-office__label { font-size: 12px; font-family: "Montserrat", sans-serif; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #6f6f6f; margin-bottom: 16px; } .contact-office__row { display: flex; align-items: flex-start; gap: 16px; } .contact-office__row .material-symbols-outlined { color: #6f6f6f; margin-top: 2px; } .contact-office__address { font-style: normal; font-size: 14px; color: #333; line-height: 1.6; } .contact-office__address strong { color: #000; } /* Form card */ .contact-form-card { background: #fff; border-radius: 12px; box-shadow: 0 4px 16px rgba(0,0,0,0.1); border: 1px solid #d9d9d9; padding: 32px; } @media (min-width: 640px) { .contact-form-card { padding: 40px; } } .contact-form-card__title { font-family: "Montserrat", sans-serif; font-size: 24px; font-weight: 700; color: #000; margin-bottom: 24px; } .contact-form-card__row { display: flex; flex-wrap: wrap; gap: 16px; margin-bottom: 0; } .contact-form-card__field { width: 100%; margin-bottom: 0; } @media (min-width: 640px) { .contact-form-card__field--half { flex: 1; } } .contact-form-card__field--full { margin-bottom: 0; } .contact-form-card label { display: block; font-size: 14px; font-family: "Montserrat", sans-serif; font-weight: 600; color: #333; margin-bottom: 8px; } .contact-form-card label .optional { color: #6f6f6f; font-weight: 400; font-size: 12px; margin-left: 4px; } .contact-form-card input[type="text"], .contact-form-card input[type="email"], .contact-form-card input[type="url"], .contact-form-card select, .contact-form-card textarea { display: block; width: 100%; border: 1px solid #d9d9d9; border-radius: 6px; padding: 12px 16px; font-size: 14px; font-weight: 400; color: #000; background: #fff; transition: border-color 0.2s, box-shadow 0.2s; box-sizing: border-box; font-family: "Montserrat", sans-serif; text-transform: none; letter-spacing: normal; height: auto; margin: 0; } .contact-form-card select { text-transform: none; font-size: 14px; color: #333; -webkit-appearance: auto !important; -moz-appearance: auto !important; appearance: auto !important; } .contact-form-card input:focus, .contact-form-card select:focus, .contact-form-card textarea:focus { outline: none; border-color: #0093d8; box-shadow: 0 0 0 3px rgba(0, 147, 216, 0.15); } .contact-form-card textarea { resize: vertical; max-height: 150px; } /* CF7 overrides */ .contact-form-card p { margin: 0 0 16px 0; } .contact-form-card label br { display: none; } .contact-form-card label { margin-bottom: 6px; } .contact-form-card .wpcf7-form-control-wrap { display: block; margin-top: 6px; } /* Guest fields */ .contact-guest-fields { display: none; padding-top: 16px; border-top: 1px dashed #d9d9d9; margin-bottom: 24px; } .contact-guest-fields.is-visible { display: block; } .contact-guest-info { background: #e8f4fd; padding: 16px; border-radius: 6px; display: flex; align-items: flex-start; gap: 12px; margin-bottom: 24px; } .contact-guest-info .material-symbols-outlined { color: #0093d8; font-size: 20px; margin-top: 2px; } .contact-guest-info p { font-size: 14px; color: #0076ad; margin: 0; } /* Submit */ .contact-submit-wrap { padding-top: 16px; } .contact-submit-btn { width: 100%; background: #81d134; color: #fff; font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 14px; text-transform: uppercase; letter-spacing: 0.05em; padding: 16px 32px; border: none; border-radius: 8px; cursor: pointer; box-shadow: 0 4px 12px rgba(129, 209, 52, 0.3); transition: background 0.2s, box-shadow 0.2s, transform 0.2s; display: flex; align-items: center; justify-content: center; } .contact-submit-btn:hover { background: #6eb727; box-shadow: 0 6px 20px rgba(129, 209, 52, 0.4); transform: translateY(-2px); } .contact-submit-btn .material-symbols-outlined { margin-right: 8px; } .contact-submit-note { font-size: 12px; text-align: center; color: #6f6f6f; margin-top: 16px !important; } .contact-submit-wrap p { margin-bottom: 0; padding-bottom: 0; } .contact-submit-wrap .wpcf7-spinner { display: none; } .contact-submit-note br { display: none; } .contact-submit-note a { text-decoration: underline; color: #6f6f6f; transition: color 0.2s; } .contact-submit-note a:hover { color: #0093d8; } /* ========================================================================== About Us Page ========================================================================== */ /* --- Hero --- */ .about-hero { position: relative; overflow: hidden; background: #fff; border-bottom: 1px solid #e2e8f0; padding: 5rem 0; text-align: center; } @media screen and (min-width: 40em) { .about-hero { padding: 6rem 0; } } .about-hero__bar { position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: linear-gradient(to right, #0085ba, #82c91e); } .about-hero__blob { position: absolute; border-radius: 50%; filter: blur(48px); pointer-events: none; } .about-hero__blob--right { top: -5rem; right: -5rem; width: 24rem; height: 24rem; background: rgba(0, 133, 186, 0.05); } .about-hero__blob--left { bottom: -5rem; left: -5rem; width: 20rem; height: 20rem; background: rgba(130, 201, 30, 0.05); } .about-hero__inner { position: relative; z-index: 1; max-width: 64rem; margin: 0 auto; padding: 0 1rem; } @media screen and (min-width: 40em) { .about-hero__inner { padding: 0 1.5rem; } } .about-hero__title { font-size: 2rem; font-weight: 700; color: #1e293b; letter-spacing: -0.025em; margin-bottom: 1.5rem; line-height: 1.2; } @media screen and (min-width: 40em) { .about-hero__title { font-size: 3rem; } } @media screen and (min-width: 64em) { .about-hero__title { font-size: 3.75rem; } } .about-hero__highlight { color: #0085ba; } .about-hero__desc { font-size: 1.125rem; color: #64748b; font-weight: 300; max-width: 48rem; margin: 0 auto; line-height: 1.7; } @media screen and (min-width: 40em) { .about-hero__desc { font-size: 1.25rem; } } /* --- Shared section labels --- */ .about-section-label { font-size: 0.875rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .about-section-label--green { color: #82c91e; } .about-section-label--blue { color: #0085ba; } .about-section-heading { font-size: 1.875rem; font-weight: 700; color: #1e293b; margin-bottom: 1.5rem; line-height: 1.3; } /* --- Who We Are --- */ .about-whoweare { padding: 5rem 0; background: #f8fafc; } .about-whoweare .row { align-items: center; } .about-whoweare__image-col { margin-bottom: 2.5rem; } @media screen and (min-width: 64em) { .about-whoweare__image-col { margin-bottom: 0; } } .about-whoweare__image-box { position: relative; border-radius: 1rem; overflow: hidden; box-shadow: 0 20px 25px -5px rgba(0,0,0,.1), 0 8px 10px -6px rgba(0,0,0,.1); background: #c8d6e5; padding-top: 56.25%; } @media screen and (min-width: 64em) { .about-whoweare__image-box { padding-top: 100%; } } .about-whoweare__img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .about-whoweare__paragraphs { color: #64748b; line-height: 1.7; } .about-whoweare__paragraphs p { margin-bottom: 1.5rem; } /* --- Feature list --- */ .about-features { list-style: none; margin: 2rem 0 0; padding: 0; } .about-features__item { display: flex; align-items: flex-start; margin-bottom: 1rem; } .about-features__icon { flex-shrink: 0; width: 2rem; height: 2rem; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-top: 0.25rem; } .about-features__icon .material-symbols-outlined { font-size: 0.875rem; font-weight: 700; } .about-features__icon--blue { background: rgba(0, 133, 186, 0.1); color: #0085ba; } .about-features__icon--green { background: rgba(130, 201, 30, 0.1); color: #82c91e; } .about-features__icon--purple { background: rgba(124, 58, 237, 0.1); color: #7c3aed; } .about-features__text { margin-left: 1rem; } .about-features__title { font-size: 1rem; font-weight: 700; color: #1e293b; margin: 0; } .about-features__desc { font-size: 0.875rem; color: #64748b; margin: 0.25rem 0 0; } /* --- What We Do --- */ .about-whatwedo { background: #fff; border-top: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; padding: 5rem 0; } .about-whatwedo__header { text-align: center; margin-bottom: 4rem; } .about-whatwedo__grid { display: flex; flex-wrap: wrap; gap: 2rem; } .about-card { flex: 1 1 100%; padding: 2rem; border-radius: 0.75rem; background: #f8fafc; border: 1px solid #e2e8f0; transition: all 0.3s ease; display: flex; flex-direction: column; } @media screen and (min-width: 40em) { .about-card { flex: 1 1 calc(33.333% - 1.34rem); } } .about-card:hover { box-shadow: 0 10px 15px -3px rgba(0,0,0,.1), 0 4px 6px -4px rgba(0,0,0,.1); } .about-card--blue:hover { border-color: rgba(0, 133, 186, 0.3); } .about-card--green:hover { border-color: rgba(130, 201, 30, 0.3); } .about-card--purple:hover { border-color: rgba(124, 58, 237, 0.3); } .about-card__icon { width: 3.5rem; height: 3.5rem; border-radius: 0.5rem; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem; transition: background 0.3s, color 0.3s; } .about-card__icon .material-symbols-outlined { font-size: 1.875rem; } .about-card__icon--blue { background: rgba(0, 133, 186, 0.1); color: #0085ba; } .about-card__icon--green { background: rgba(130, 201, 30, 0.1); color: #82c91e; } .about-card__icon--purple { background: rgba(124, 58, 237, 0.1); color: #7c3aed; } .about-card--blue:hover .about-card__icon--blue { background: #0085ba; color: #fff; } .about-card--green:hover .about-card__icon--green { background: #82c91e; color: #fff; } .about-card--purple:hover .about-card__icon--purple { background: #7c3aed; color: #fff; } .about-card__title { font-size: 1.25rem; font-weight: 700; color: #1e293b; margin-bottom: 0.75rem; } .about-card__text { font-size: 0.875rem; color: #64748b; line-height: 1.7; margin-bottom: 1.5rem; flex-grow: 1; } .about-card__link { font-weight: 700; font-size: 0.875rem; display: inline-flex; align-items: center; text-decoration: none; transition: color 0.2s; } .about-card__link .material-symbols-outlined { font-size: 0.875rem; margin-left: 0.25rem; } .about-card__link--blue { color: #0085ba; } .about-card__link--blue:hover { color: #0073aa; } .about-card__link--green { color: #82c91e; } .about-card__link--green:hover { color: #71b01a; } .about-card__link--purple { color: #7c3aed; } .about-card__link--purple:hover { color: #6d28d9; } /* --- Stats --- */ .about-stats { background: #2c7bb6; color: #fff; padding: 5rem 0; position: relative; overflow: hidden; } .about-stats__grid { display: flex; flex-wrap: wrap; text-align: center; } .about-stats__item { flex: 1 1 100%; padding: 1.5rem 1rem; } @media screen and (min-width: 40em) { .about-stats__item { flex: 1 1 25%; border-right: 1px solid rgba(255,255,255,0.1); padding: 1.5rem 2rem; } .about-stats__item:last-child { border-right: none; } } .about-stats__icon-wrap { width: 3.5rem; height: 3.5rem; margin: 0 auto 1rem; background: rgba(255,255,255,0.1); border-radius: 50%; display: flex; align-items: center; justify-content: center; } .about-stats__icon { font-size: 1.75rem; color: #82c91e; display: block; } .about-stats__number { font-size: 2rem; font-weight: 700; margin-bottom: 0.25rem; line-height: 1.2; } @media screen and (min-width: 40em) { .about-stats__number { font-size: 2.25rem; } } .about-stats__label { font-size: 0.9375rem; font-weight: 600; opacity: 0.95; margin-bottom: 0.5rem; } .about-stats__sublabel { font-size: 0.8125rem; font-weight: 400; opacity: 0.6; line-height: 1.4; max-width: 200px; margin: 0 auto; } /* --- Our Process --- */ .about-process { background: #f8fafc; padding: 5rem 0; text-align: center; } .about-process__intro { color: #64748b; line-height: 1.7; margin-bottom: 3rem; max-width: 48rem; margin-left: auto; margin-right: auto; } .about-process__steps { display: flex; flex-wrap: wrap; gap: 2rem; position: relative; } @media screen and (min-width: 40em) { .about-process__steps::before { content: ""; position: absolute; top: 1.5rem; left: 10%; right: 10%; height: 2px; background: #e2e8f0; z-index: 0; } } .about-process__step { flex: 1 1 100%; position: relative; z-index: 1; background: #f8fafc; } @media screen and (min-width: 40em) { .about-process__step { flex: 1 1 calc(33.333% - 1.34rem); } } .about-process__circle { width: 3rem; height: 3rem; margin: 0 auto 1rem; background: #fff; border: 2px solid #0085ba; color: #0085ba; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 1.25rem; box-shadow: 0 1px 3px rgba(0,0,0,.1); } .about-process__step-title { font-weight: 700; color: #1e293b; margin-bottom: 0.5rem; } .about-process__step-desc { font-size: 0.875rem; color: #64748b; } /* --- CTA --- */ .about-cta { background: #fff; border-top: 1px solid #e2e8f0; padding: 5rem 0; text-align: center; } .about-cta__title { font-size: 2rem; font-weight: 700; color: #1e293b; margin-bottom: 1.5rem; line-height: 1.2; } @media screen and (min-width: 40em) { .about-cta__title { font-size: 2.5rem; } } .about-cta__desc { font-size: 1.125rem; color: #64748b; margin-bottom: 2.5rem; max-width: 42rem; margin-left: auto; margin-right: auto; } .about-cta__buttons { display: flex; flex-direction: column; gap: 1rem; justify-content: center; align-items: center; } @media screen and (min-width: 40em) { .about-cta__buttons { flex-direction: row; } } .about-cta__btn { display: inline-flex; align-items: center; justify-content: center; padding: 1rem 2rem; font-size: 1rem; font-weight: 700; border-radius: 0.5rem; text-decoration: none; text-transform: uppercase; letter-spacing: 0.05em; transition: transform 0.2s, box-shadow 0.2s, background 0.2s, color 0.2s; } @media screen and (min-width: 40em) { .about-cta__btn { font-size: 1.125rem; } } .about-cta__btn--green { background: #82c91e; color: #fff; border: none; box-shadow: none; } .about-cta__btn--green:hover { background: #71b01a; color: #fff; transform: translateY(-2px); box-shadow: none; } .about-cta__btn--outline { background: transparent; color: #0085ba; border: 2px solid #0085ba; } .about-cta__btn--outline:hover { background: rgba(0, 133, 186, 0.05); color: #0085ba; } /* ===== Footer ===== */ .footer-new { background: #0f172a; color: #94a3b8; border-top: 1px solid #334155; padding: 5rem 0 2rem; font-size: 0.875rem; line-height: 1.6; } .footer-new__container { max-width: 75rem; margin: 0 auto; padding: 0 1rem; } @media screen and (min-width: 40em) { .footer-new__container { padding: 0 1.5rem; } } @media screen and (min-width: 64em) { .footer-new__container { padding: 0 2rem; } } .footer-new__grid { display: grid; grid-template-columns: 1fr; gap: 3rem; margin-bottom: 4rem; } @media screen and (min-width: 40em) { .footer-new__grid { grid-template-columns: repeat(2, 1fr); } } @media screen and (min-width: 64em) { .footer-new__grid { grid-template-columns: repeat(4, 1fr); } } .footer-new__brand { display: block; font-size: 1.5rem; font-weight: 700; color: #fff; margin-bottom: 1.5rem; letter-spacing: -0.01em; } .footer-new__desc { color: #94a3b8; font-size: 0.875rem; line-height: 1.7; margin: 0; } .footer-new__heading { color: #f8fafc; font-weight: 700; font-size: 0.75rem; text-transform: uppercase; letter-spacing: 0.05em; margin: 0 0 1.5rem; } .footer-new__list { list-style: none; margin: 0; padding: 0; } .footer-new__list li { margin: 0; padding: 0; } .footer-new__list li + li { margin-top: 1rem; } .footer-new__link { color: #94a3b8; text-decoration: none; transition: color 0.2s ease; font-size: 0.875rem; } .footer-new__link:hover, .footer-new__link:focus { color: #82c91e; } .footer-new__ext { margin-left: 0.35rem; font-size: 0.85em; display: inline-block; transform: translateY(-1px); } .footer-new__bottom { padding-top: 2rem; border-top: 1px solid #1e293b; display: flex; flex-direction: column; align-items: center; gap: 1rem; font-size: 0.875rem; } @media screen and (min-width: 40em) { .footer-new__bottom { flex-direction: row; justify-content: space-between; } } .footer-new__copy { color: #94a3b8; } .footer-new__meta-row { display: flex; flex-direction: column; align-items: center; gap: 1rem; } @media screen and (min-width: 40em) { .footer-new__meta-row { flex-direction: row; gap: 2rem; } } .footer-new__meta { color: #64748b; font-size: 0.75rem; } .footer-new__legal { display: flex; gap: 1.5rem; } .footer-new__legal-link { color: #94a3b8; text-decoration: none; transition: color 0.2s ease; } .footer-new__legal-link:hover, .footer-new__legal-link:focus { color: #fff; } /* ===== Pre-Footer CTA ===== */ .prefooter { position: relative; overflow: hidden; background: #0a1e36; color: #fff; padding: 6rem 0; border-top: 1px solid rgba(255, 255, 255, 0.05); text-align: center; } .prefooter__pattern { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.1; color: #fff; } .prefooter__pattern svg { width: 100%; height: 100%; display: block; } .prefooter__glow { position: absolute; top: 0; right: 0; width: 33.333%; height: 100%; background: linear-gradient(to left, rgba(0, 133, 186, 0.1), transparent); pointer-events: none; } .prefooter__inner { position: relative; z-index: 1; max-width: 56rem; margin: 0 auto; padding: 0 1rem; } @media screen and (min-width: 40em) { .prefooter__inner { padding: 0 1.5rem; } } .prefooter__content { margin-bottom: 2.5rem; } .prefooter__title { font-size: 2rem; font-weight: 700; color: #fff; margin-bottom: 1.5rem; line-height: 1.15; } @media screen and (min-width: 40em) { .prefooter__title { font-size: 3rem; } } .prefooter__highlight { color: #82c91e; } .prefooter__desc { font-size: 1.125rem; color: #cbd5e1; max-width: 42rem; margin: 0 auto; font-weight: 300; line-height: 1.7; } .prefooter__buttons { display: flex; flex-direction: column; gap: 1.25rem; justify-content: center; align-items: center; } @media screen and (min-width: 40em) { .prefooter__buttons { flex-direction: row; gap: 1.5rem; } } .prefooter__btn { display: inline-flex; align-items: center; justify-content: center; padding: 1rem 2.5rem; font-size: 1rem; font-weight: 700; border-radius: 9999px; text-decoration: none; transition: all 0.3s ease; cursor: pointer; border: none; gap: 0.5rem; } @media screen and (min-width: 40em) { .prefooter__btn { font-size: 1.125rem; } } .prefooter__btn .material-symbols-outlined { font-size: 1.25rem; transition: transform 0.3s ease; } .prefooter__btn:hover .material-symbols-outlined { transform: translateX(4px); } .prefooter__btn--green { background: #82c91e; color: #fff; box-shadow: 0 10px 25px -5px rgba(130, 201, 30, 0.2); } .prefooter__btn--green:hover { background: #71b01a; color: #fff; transform: translateY(-2px); box-shadow: 0 15px 30px -5px rgba(130, 201, 30, 0.4); } .prefooter__btn--outline { background: transparent; color: #fff; border: 2px solid rgba(255, 255, 255, 0.2); } .prefooter__btn--outline:hover { border-color: #fff; background: rgba(255, 255, 255, 0.05); color: #fff; } /* ===== Themes Page ===== */ /* Hero */ .tp-hero { position: relative; overflow: hidden; background: #fff; border-bottom: 1px solid #e2e8f0; padding: 5rem 0 6rem; text-align: center; background-image: 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='%230085ba' 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"); } .tp-hero__bar { position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: linear-gradient(to right, #0085ba, #82c91e); } .tp-hero__blob { position: absolute; border-radius: 50%; pointer-events: none; } .tp-hero__blob--right { top: -5rem; right: -5rem; width: 24rem; height: 24rem; background: rgba(0, 133, 186, 0.05); filter: blur(3rem); } .tp-hero__blob--left { bottom: -5rem; left: -5rem; width: 20rem; height: 20rem; background: rgba(130, 201, 30, 0.05); filter: blur(3rem); } .tp-hero__inner { position: relative; z-index: 1; max-width: 64rem; margin: 0 auto; padding: 0 1rem; } @media screen and (min-width: 40em) { .tp-hero__inner { padding: 0 1.5rem; } } @media screen and (min-width: 64em) { .tp-hero__inner { padding: 0 2rem; } } .tp-hero__title { font-size: 2rem; font-weight: 700; color: #111827; letter-spacing: -0.02em; margin-bottom: 1.5rem; line-height: 1.15; } @media screen and (min-width: 40em) { .tp-hero__title { font-size: 3rem; } } @media screen and (min-width: 64em) { .tp-hero__title { font-size: 3.75rem; } } .tp-hero__highlight { color: #0085ba; } .tp-hero__desc { font-size: 1.125rem; color: #64748b; max-width: 48rem; margin: 0 auto 2rem; font-weight: 300; line-height: 1.7; } @media screen and (min-width: 40em) { .tp-hero__desc { font-size: 1.25rem; } } .tp-hero__actions { margin-bottom: 1rem; } .tp-hero__btn { display: inline-flex; align-items: center; justify-content: center; padding: 1rem 2rem; font-size: 1rem; font-weight: 700; color: #fff; background: #0085ba; border: none; border-radius: 9999px; text-decoration: none; transition: all 0.2s ease; box-shadow: 0 10px 25px -5px rgba(0, 133, 186, 0.2); cursor: pointer; } .tp-hero__btn:hover { background: #0073aa; color: #fff; transform: translateY(-2px); box-shadow: 0 15px 30px -5px rgba(0, 133, 186, 0.35); } .tp-hero__btn:visited, .tp-hero__btn:active, .tp-hero__btn:focus { color: #fff; } .tp-hero__badge { display: flex; align-items: center; justify-content: center; gap: 0.5rem; color: #64748b; font-size: 0.875rem; margin: 1rem 0 0; } .tp-hero__badge-icon { color: #82c91e; font-size: 1.25rem; } /* Stats Bar */ .tp-stats { background: #f8fafc; border-top: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; padding: 3rem 0; } .tp-stats__container { max-width: 75rem; margin: 0 auto; padding: 0 1rem; } @media screen and (min-width: 40em) { .tp-stats__container { padding: 0 1.5rem; } } .tp-stats__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; text-align: center; } @media screen and (min-width: 40em) { .tp-stats__grid { grid-template-columns: repeat(4, 1fr); gap: 0; } .tp-stats__item { border-right: 1px solid #e2e8f0; } .tp-stats__item:last-child { border-right: none; } } .tp-stats__item { padding: 0.5rem; } .tp-stats__number { font-size: 1.5rem; font-weight: 700; color: #111827; margin-bottom: 0.25rem; display: flex; align-items: center; justify-content: center; gap: 0.5rem; } @media screen and (min-width: 40em) { .tp-stats__number { font-size: 1.875rem; } } .tp-stats__icon { color: #82c91e; font-size: 1.5rem; } .tp-stats__label { font-size: 0.75rem; font-weight: 500; color: #64748b; text-transform: uppercase; letter-spacing: 0.05em; } /* Theme Grid Section */ .tp-grid { background: #fff; padding: 5rem 0; } .tp-grid__container { max-width: 75rem; margin: 0 auto; padding: 0 1rem; } @media screen and (min-width: 40em) { .tp-grid__container { padding: 0 1.5rem; } } .tp-grid__header { text-align: center; margin-bottom: 4rem; } .tp-grid__label { font-size: 0.875rem; font-weight: 700; text-transform: uppercase; color: #0085ba; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .tp-grid__heading { font-size: 1.5rem; font-weight: 700; color: #111827; margin-bottom: 1rem; } @media screen and (min-width: 40em) { .tp-grid__heading { font-size: 1.875rem; } } .tp-grid__desc { color: #64748b; max-width: 42rem; margin: 0 auto; line-height: 1.6; } /* Theme Cards */ .tp-cards { display: grid; grid-template-columns: 1fr; gap: 2rem; } @media screen and (min-width: 40em) { .tp-cards { grid-template-columns: repeat(2, 1fr); } } @media screen and (min-width: 64em) { .tp-cards { grid-template-columns: repeat(3, 1fr); } } .tp-card { background: #f8fafc; border-radius: 0.75rem; overflow: hidden; border: 1px solid #e2e8f0; transition: all 0.3s ease; transform: translateY(0); } .tp-card:hover { box-shadow: 0 25px 50px -12px rgba(0, 133, 186, 0.1); transform: translateY(-4px); } .tp-card__image { display: block; position: relative; aspect-ratio: 4 / 3; overflow: hidden; background: #e2e8f0; } .tp-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; } .tp-card:hover .tp-card__image img { transform: scale(1.05); } .tp-card__badge { position: absolute; top: 1rem; right: 1rem; background: rgba(255, 255, 255, 0.9); backdrop-filter: blur(4px); color: #111827; font-size: 0.75rem; font-weight: 700; padding: 0.25rem 0.75rem; border-radius: 9999px; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08); z-index: 1; } .tp-card__badge--free { background: rgba(130, 201, 30, 0.9); color: #fff; } .tp-card__body { padding: 1.5rem; } .tp-card__top { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 0.5rem; } .tp-card__title { font-size: 1.125rem; font-weight: 700; color: #111827; margin: 0 0 0.25rem; line-height: 1.3; } .tp-card__title a { color: inherit; text-decoration: none; transition: color 0.2s ease; } .tp-card:hover .tp-card__title a { color: #0085ba; } .tp-card__tagline { font-size: 0.875rem; font-weight: 500; color: #82c91e; margin: 0; } .tp-card__price { font-weight: 700; color: #111827; font-size: 1rem; white-space: nowrap; padding-left: 1rem; } .tp-card__footer { margin-top: 1rem; padding-top: 1rem; border-top: 1px solid #e2e8f0; display: flex; align-items: center; justify-content: space-between; } .tp-card__meta { display: flex; align-items: center; gap: 0.75rem; } .tp-card__likes { display: flex; align-items: center; gap: 0.25rem; font-size: 0.75rem; color: #64748b; } .tp-card__demo-link { text-decoration: none; cursor: pointer; display: flex; align-items: center; gap: 0.25rem; color: #64748b; font-weight: 600; font-size: 0.8rem; transition: color 0.2s ease; } .tp-card__demo-link:hover { color: #0085ba; } .tp-card__demo-link .material-symbols-outlined { font-size: 1rem; } .tp-card__dribbble { display: flex; align-items: center; color: #94a3b8; transition: color 0.2s ease; } .tp-card__dribbble:hover { color: #ea4c89; } .tp-card__details { display: flex; align-items: center; gap: 0.25rem; color: #0085ba; font-weight: 700; font-size: 0.875rem; text-decoration: none; transition: color 0.2s ease; } .tp-card__details:hover { color: #0073aa; } .tp-card__details .material-symbols-outlined { font-size: 0.875rem; } /* CTA Section */ .tp-cta { background: #f8fafc; padding: 5rem 0; text-align: center; border-top: 1px solid #e2e8f0; border-bottom: 1px solid #e2e8f0; } .tp-cta__container { max-width: 64rem; margin: 0 auto; padding: 0 1rem; } @media screen and (min-width: 40em) { .tp-cta__container { padding: 0 1.5rem; } } .tp-cta__title { font-size: 1.5rem; font-weight: 700; color: #111827; margin-bottom: 1.5rem; } @media screen and (min-width: 40em) { .tp-cta__title { font-size: 1.875rem; } } .tp-cta__desc { font-size: 1.125rem; color: #64748b; max-width: 42rem; margin: 0 auto 2.5rem; line-height: 1.7; } .tp-cta__buttons { display: flex; flex-direction: column; gap: 1rem; justify-content: center; align-items: center; } @media screen and (min-width: 40em) { .tp-cta__buttons { flex-direction: row; } } .tp-cta__btn { display: inline-flex; align-items: center; justify-content: center; padding: 0.75rem 2rem; font-size: 0.875rem; font-weight: 700; border-radius: 0.25rem; text-decoration: none; transition: all 0.2s ease; cursor: pointer; } .tp-cta__btn--primary { background: #0085ba; color: #fff; border: 1px solid transparent; box-shadow: 0 4px 12px rgba(0, 133, 186, 0.2); } .tp-cta__btn--primary:hover { background: #0073aa; color: #fff; } .tp-cta__btn--outline { background: #fff; color: #0085ba; border: 1px solid #0085ba; } .tp-cta__btn--outline:hover { background: #f0f9ff; color: #0085ba; } /* SEO Text */ .tp-seo { background: #fff; padding: 3rem 0; text-align: center; } .tp-seo__container { max-width: 56rem; margin: 0 auto; padding: 0 1rem; } @media screen and (min-width: 40em) { .tp-seo__container { padding: 0 1.5rem; } } .tp-seo__text { font-size: 0.75rem; color: #64748b; line-height: 1.7; margin: 0; } /* ============================ Blog Page - New Design ============================ */ /* Blog Hero */ .blog-hero { background: #fff; border-bottom: 1px solid #e2e8f0; padding: 5rem 1rem 5rem; position: relative; overflow: hidden; text-align: center; background-image: 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"); } @media screen and (min-width: 48em) { .blog-hero { padding: 6rem 1.5rem 6rem; } } .blog-hero__accent { position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: linear-gradient(to right, #0085ba, #82c91e); } .blog-hero__blob { position: absolute; border-radius: 50%; filter: blur(48px); pointer-events: none; } .blog-hero__blob--right { top: -5rem; right: -5rem; width: 24rem; height: 24rem; background: rgba(0, 133, 186, 0.05); } .blog-hero__blob--left { bottom: -5rem; left: -5rem; width: 20rem; height: 20rem; background: rgba(130, 201, 30, 0.05); } .blog-hero__inner { max-width: 64rem; margin: 0 auto; position: relative; z-index: 10; } .blog-hero__title { font-size: 2rem; font-weight: 700; color: #111827; letter-spacing: -0.025em; margin-bottom: 1.5rem; line-height: 1.15; } @media screen and (min-width: 48em) { .blog-hero__title { font-size: 2.75rem; } } @media screen and (min-width: 64em) { .blog-hero__title { font-size: 3.5rem; } } .blog-hero__highlight { color: #0085ba; } .blog-hero__desc { font-size: 1.125rem; color: #64748b; font-weight: 300; max-width: 48rem; margin: 0 auto 2rem; line-height: 1.7; } @media screen and (min-width: 48em) { .blog-hero__desc { font-size: 1.25rem; } } .blog-hero__badge { display: flex; align-items: center; justify-content: center; gap: 0.5rem; font-size: 0.875rem; color: #64748b; margin: 1rem 0 0; } .blog-hero__badge-icon { color: #82c91e; font-size: 1.125rem; } /* Category Filter Bar */ .blog-filter { border-bottom: 1px solid #e2e8f0; background: #fff; position: sticky; top: 0; z-index: 20; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); } .blog-filter__container { max-width: 80rem; margin: 0 auto; padding: 1rem; display: flex; align-items: center; justify-content: center; gap: 1rem; flex-wrap: wrap; } @media screen and (max-width: 47.99em) { .blog-filter__container { flex-wrap: nowrap; justify-content: flex-start; overflow-x: auto; overflow-y: hidden; gap: 0.75rem; padding: 0.75rem 1rem; -webkit-overflow-scrolling: touch; scrollbar-width: thin; scrollbar-color: rgba(15, 23, 42, 0.2) transparent; } .blog-filter__container::-webkit-scrollbar { height: 6px; } .blog-filter__container::-webkit-scrollbar-track { background: transparent; } .blog-filter__container::-webkit-scrollbar-thumb { background: rgba(15, 23, 42, 0.2); border-radius: 999px; } } @media screen and (min-width: 48em) { .blog-filter__container { gap: 2rem; padding: 1rem 1.5rem; } } .blog-filter__label { font-size: 0.6875rem; font-weight: 700; text-transform: uppercase; color: #64748b; letter-spacing: 0.05em; display: inline-block; white-space: nowrap; } .blog-filter__link { font-size: 0.875rem; font-weight: 500; color: #64748b; text-decoration: none; transition: color 0.2s ease; white-space: nowrap; padding: 0.375rem 0.75rem; border-radius: 9999px; } .blog-filter__link:hover { color: #0085ba; } .blog-filter__link--active { background: rgba(0, 133, 186, 0.1); color: #0085ba; font-weight: 700; } /* Blog Grid */ .blog-grid { padding: 4rem 0; background: #f8fafc; } .blog-grid__container { max-width: 80rem; margin: 0 auto; padding: 0 1rem; } @media screen and (min-width: 40em) { .blog-grid__container { padding: 0 1.5rem; } } .blog-grid__posts { display: grid; grid-template-columns: 1fr; gap: 2rem; margin-bottom: 4rem; } @media screen and (min-width: 48em) { .blog-grid__posts { grid-template-columns: repeat(2, 1fr); } } @media screen and (min-width: 64em) { .blog-grid__posts { grid-template-columns: repeat(3, 1fr); } } /* Blog Card */ .blog-card { background: #fff; border-radius: 0.75rem; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06); border: 1px solid #e2e8f0; overflow: hidden; display: flex; flex-direction: column; transition: box-shadow 0.3s ease; } .blog-card:hover { box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08); } .blog-card__image { display: block; position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: #f1f5f9; } .blog-card__image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; } .blog-card:hover .blog-card__image img { transform: scale(1.05); } .blog-card__placeholder { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; color: #cbd5e1; } .blog-card__placeholder .material-symbols-outlined { font-size: 3.5rem; } .blog-card:hover .blog-card__placeholder .material-symbols-outlined { transform: scale(1.05); transition: transform 0.5s ease; } .blog-card__body { padding: 1.5rem; display: flex; flex-direction: column; flex-grow: 1; } .blog-card__cat { margin-bottom: 0.75rem; } .blog-card__cat-badge { font-size: 0.6875rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; padding: 0.2rem 0.5rem; border-radius: 0.25rem; text-decoration: none; display: inline-block; color: #82c91e; background: rgba(130, 201, 30, 0.1); } .blog-card__cat-badge.category-wordpress { color: #0085ba; background: rgba(0, 133, 186, 0.1); } .blog-card__cat-badge.category-design-ux, .blog-card__cat-badge.category-design { color: #7c3aed; background: rgba(124, 58, 237, 0.1); } .blog-card__cat-badge.category-php, .blog-card__cat-badge.category-envato { color: #82c91e; background: rgba(130, 201, 30, 0.1); } .blog-card__cat-badge.category-html-css { color: #f59e0b; background: rgba(245, 158, 11, 0.1); } .blog-card__cat-badge.category-javascript { color: #eab308; background: rgba(234, 179, 8, 0.1); } .blog-card__cat-badge.category-anpsthemes { color: #0085ba; background: rgba(0, 133, 186, 0.1); } .blog-card__cat-badge.category-uncategorized { color: #6b7280; background: rgba(107, 114, 128, 0.1); } .blog-card__title { font-size: 1.25rem; font-weight: 700; color: #111827; margin: 0 0 0.75rem; line-height: 1.35; } .blog-card__title a { color: inherit; text-decoration: none; transition: color 0.2s ease; } .blog-card:hover .blog-card__title a { color: #0085ba; } .blog-card__excerpt { font-size: 0.875rem; color: #64748b; line-height: 1.7; margin-bottom: 1.5rem; flex-grow: 1; } .blog-card__excerpt p { margin: 0; } .blog-card__footer { display: flex; align-items: center; justify-content: space-between; border-top: 1px solid #e2e8f0; padding-top: 1rem; } .blog-card__date { font-size: 0.75rem; color: #64748b; } .blog-card__read { display: flex; align-items: center; gap: 0.25rem; color: #0085ba; font-weight: 700; font-size: 0.875rem; text-decoration: none; transition: color 0.2s ease; } .blog-card__read:hover { text-decoration: underline; color: #0073aa; } .blog-card__read .material-symbols-outlined { font-size: 0.875rem; } /* Blog Pagination */ .blog-pagination { display: flex; flex-direction: column; align-items: center; gap: 1rem; } .blog-pagination__label { font-size: 0.875rem; color: #64748b; font-weight: 500; margin: 0; } .blog-pagination__links { display: flex; justify-content: center; gap: 0.5rem; flex-wrap: wrap; } .blog-pagination__links a, .blog-pagination__links span { padding: 0.5rem 1rem; font-size: 0.875rem; font-weight: 500; border-radius: 0.375rem; text-decoration: none; transition: all 0.2s ease; } .blog-pagination__links a { color: #64748b; border: 1px solid #e2e8f0; } .blog-pagination__links a:hover { color: #0085ba; background: #fff; } .blog-pagination__links .current { background: #0085ba; color: #fff; border: 1px solid #0085ba; box-shadow: 0 4px 12px rgba(0, 133, 186, 0.2); } .blog-pagination__links .dots { color: #64748b; border: none; } /* Blog CTA */ .blog-cta { padding: 6rem 0; background: #fff; border-top: 1px solid #e2e8f0; text-align: center; } .blog-cta__container { max-width: 56rem; margin: 0 auto; padding: 0 1rem; } @media screen and (min-width: 40em) { .blog-cta__container { padding: 0 1.5rem; } } .blog-cta__title { font-size: 1.75rem; font-weight: 700; color: #111827; margin-bottom: 1.5rem; } @media screen and (min-width: 48em) { .blog-cta__title { font-size: 2.25rem; } } .blog-cta__desc { font-size: 1.125rem; color: #64748b; max-width: 42rem; margin: 0 auto 2.5rem; line-height: 1.7; } .blog-cta__buttons { display: flex; flex-direction: column; justify-content: center; gap: 1rem; } @media screen and (min-width: 40em) { .blog-cta__buttons { flex-direction: row; } } .blog-cta__btn { display: inline-flex; align-items: center; justify-content: center; padding: 0.75rem 2rem; font-size: 0.875rem; font-weight: 700; border-radius: 0.375rem; text-decoration: none; transition: all 0.2s ease; } .blog-cta__btn--primary { color: #fff; background: #0085ba; border: 1px solid transparent; box-shadow: 0 4px 12px rgba(0, 133, 186, 0.15); } .blog-cta__btn--primary:hover { background: #0073aa; color: #fff; } .blog-cta__btn--outline { color: #0085ba; background: #fff; border: 1px solid #0085ba; } .blog-cta__btn--outline:hover { background: #f8fafc; color: #0073aa; } /* Blog Bottom CTA */ .blog-bottom { padding: 8rem 0; background: #0a1e36; color: #fff; position: relative; overflow: hidden; border-top: 1px solid rgba(255, 255, 255, 0.05); text-align: center; } .blog-bottom__pattern { position: absolute; inset: 0; opacity: 0.1; pointer-events: none; color: #fff; } .blog-bottom__overlay { position: absolute; inset: 0; background: linear-gradient(to top, #0a1e36, transparent, transparent); } .blog-bottom__inner { max-width: 56rem; margin: 0 auto; padding: 0 1rem; position: relative; z-index: 10; } @media screen and (min-width: 40em) { .blog-bottom__inner { padding: 0 1.5rem; } } .blog-bottom__title { font-size: 2.5rem; font-weight: 700; color: #fff; margin-bottom: 1.5rem; line-height: 1.15; letter-spacing: -0.025em; } @media screen and (min-width: 48em) { .blog-bottom__title { font-size: 3.25rem; } } .blog-bottom__highlight { color: #82c91e; } .blog-bottom__desc { font-size: 1.25rem; color: #94a3b8; max-width: 42rem; margin: 0 auto 2.5rem; font-weight: 300; line-height: 1.7; } .blog-bottom__buttons { display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 1.5rem; } @media screen and (min-width: 40em) { .blog-bottom__buttons { flex-direction: row; } } .blog-bottom__btn { display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem; padding: 1rem 2.5rem; font-size: 1.125rem; font-weight: 700; border-radius: 9999px; text-decoration: none; transition: all 0.3s ease; } .blog-bottom__btn--green { color: #fff; background: #82c91e; box-shadow: 0 8px 20px rgba(130, 201, 30, 0.2); } .blog-bottom__btn--green:hover { background: #71b01a; color: #fff; transform: translateY(-2px); box-shadow: 0 12px 28px rgba(130, 201, 30, 0.35); } .blog-bottom__btn--green .material-symbols-outlined { animation: blog-pulse 2s infinite; } @keyframes blog-pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.6; } } .blog-bottom__btn--outline { color: #fff; background: transparent; border: 2px solid rgba(255, 255, 255, 0.3); } .blog-bottom__btn--outline:hover { border-color: #fff; background: rgba(255, 255, 255, 0.05); color: #fff; } .blog-bottom__btn--outline .material-symbols-outlined { transition: transform 0.2s ease; } .blog-bottom__btn--outline:hover .material-symbols-outlined { transform: translateX(4px); } /* ======================================== HOME PAGE (hp-*) ======================================== */ /* --- HP Hero --- */ .hp-hero { background: #fff; border-bottom: 1px solid #e2e8f0; padding: 3rem 0; position: relative; overflow: hidden; } @media (min-width: 64em) { .hp-hero { padding: 7rem 0; } } .hp-hero__accent { position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: linear-gradient(to right, #0085ba, #3b82f6, #82c91e); } .hp-hero__bg { position: absolute; inset: 0; background: radial-gradient(circle at top right, rgba(219,234,254,0.5), transparent 60%); opacity: 0.7; pointer-events: none; } .hp-hero__container { max-width: 80rem; margin: 0 auto; padding: 0 1rem; position: relative; z-index: 10; } @media (min-width: 40em) { .hp-hero__container { padding: 0 1.5rem; } } @media (min-width: 64em) { .hp-hero__container { padding: 0 2rem; } } .hp-hero__grid { display: grid; grid-template-columns: 1fr; gap: 3rem; align-items: center; } @media (min-width: 64em) { .hp-hero__grid { grid-template-columns: 1fr 1fr; gap: 4rem; } } .hp-hero__content { text-align: left; } .hp-hero__title { font-size: 2.75rem; font-weight: 800; color: #111827; letter-spacing: -0.025em; margin-bottom: 2rem; line-height: 1.1; } @media (min-width: 64em) { .hp-hero__title { font-size: 3.5rem; } } .hp-hero__highlight { background: linear-gradient(to right, #0085ba, #2563eb); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; position: relative; display: inline-block; padding-bottom: 0.5rem; } .hp-hero__underline { position: absolute; width: 100%; height: 0.75rem; bottom: 0; left: 0; color: #82c91e; } .hp-hero__desc { font-size: 1.25rem; color: #64748b; max-width: 32rem; line-height: 1.7; margin-bottom: 2.5rem; } .hp-hero__buttons { display: flex; flex-direction: column; gap: 1.25rem; margin-bottom: 2.5rem; } @media (min-width: 40em) { .hp-hero__buttons { flex-direction: row; } } .hp-hero__btn { display: inline-flex; align-items: center; justify-content: center; padding: 1rem 2rem; font-size: 1.125rem; font-weight: 700; border-radius: 0.5rem; text-decoration: none; transition: all 0.2s; width: 100%; } @media (min-width: 40em) { .hp-hero__btn { width: auto; } } .hp-hero__btn--primary { background: #0085ba; border: 2px solid #0085ba; color: #fff; box-shadow: 0 10px 25px -5px rgba(0,133,186,0.2); } .hp-hero__btn--primary:hover { background: #0073aa; border-color: #0073aa; transform: translateY(-2px); color: #fff; } .hp-hero__btn--primary:visited, .hp-hero__btn--primary:active, .hp-hero__btn--primary:focus { color: #fff; } .hp-hero__btn--outline { background: #fff; border: 2px solid #e5e7eb; color: #1f2937; } .hp-hero__btn--outline:hover { background: #f9fafb; border-color: #d1d5db; transform: translateY(-2px); color: #1f2937; } .hp-hero__btn--outline:visited, .hp-hero__btn--outline:active, .hp-hero__btn--outline:focus { color: #1f2937; } .hp-hero__badges { display: flex; flex-wrap: wrap; align-items: center; gap: 1rem 1.5rem; font-size: 0.8125rem; font-weight: 700; color: #6b7280; text-transform: uppercase; letter-spacing: 0.05em; } .hp-hero__badge { display: flex; align-items: center; } .hp-hero__dot { width: 0.5rem; height: 0.5rem; border-radius: 50%; background: #82c91e; margin-right: 0.5rem; box-shadow: 0 0 8px rgba(130,201,30,0.6); flex-shrink: 0; } /* Hero Visual / Browser Mockup */ .hp-hero__visual { position: relative; display: none; align-items: center; justify-content: center; } @media (min-width: 64em) { .hp-hero__visual { display: flex; justify-content: flex-end; } } .hp-hero__glow { position: absolute; width: 16rem; height: 16rem; border-radius: 50%; filter: blur(3rem); pointer-events: none; } .hp-hero__glow--green { top: -2.5rem; right: -2.5rem; background: rgba(130,201,30,0.1); } .hp-hero__glow--blue { bottom: -2.5rem; left: -2.5rem; background: rgba(0,133,186,0.1); } .hp-hero__browser { position: relative; z-index: 10; width: 100%; max-width: 32rem; background: #fff; border-radius: 0.75rem; border: 1px solid #e5e7eb; overflow: hidden; box-shadow: 0 20px 50px -12px rgba(0,0,0,0.25); } @media (min-width: 64em) { .hp-hero__browser { max-width: none; } } .hp-hero__browser-bar { background: #f3f4f6; border-bottom: 1px solid #e5e7eb; padding: 0.75rem 1rem; display: flex; align-items: center; gap: 0.5rem; } .hp-hero__browser-dots { display: flex; gap: 0.375rem; } .hp-hero__browser-dots span { width: 0.75rem; height: 0.75rem; border-radius: 50%; display: block; } .hp-hero__browser-url { flex: 1; background: #fff; border-radius: 0.375rem; height: 1.5rem; max-width: 60%; margin-left: auto; margin-right: auto; display: flex; align-items: center; padding: 0 0.75rem; gap: 0.5rem; } .hp-hero__browser-url-dot { width: 0.75rem; height: 0.75rem; border-radius: 50%; background: #e5e7eb; flex-shrink: 0; } .hp-hero__browser-url-line { height: 0.5rem; width: 6rem; background: #f3f4f6; border-radius: 999px; } .hp-hero__browser-body { background: #f9fafb; aspect-ratio: 16/10; position: relative; overflow: hidden; display: flex; } .hp-hero__mock-sidebar { display: none; width: 10rem; background: #fff; border-right: 1px solid #f3f4f6; padding: 1rem; flex-shrink: 0; } @media (min-width: 48em) { .hp-hero__mock-sidebar { display: block; } } .hp-hero__mock-logo { width: 2rem; height: 2rem; background: rgba(0,133,186,0.2); border-radius: 0.25rem; margin-bottom: 1.5rem; } .hp-hero__mock-nav { display: flex; flex-direction: column; gap: 0.75rem; } .hp-hero__mock-nav div { height: 0.5rem; background: #f3f4f6; border-radius: 0.25rem; } .hp-hero__mock-main { flex: 1; padding: 1.5rem; display: flex; flex-direction: column; } .hp-hero__mock-topbar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.5rem; } .hp-hero__mock-topbar-block { height: 2rem; width: 8rem; background: #e5e7eb; border-radius: 0.25rem; } .hp-hero__mock-topbar-icons { display: flex; gap: 0.5rem; } .hp-hero__mock-topbar-icons span { width: 2rem; height: 2rem; background: #e5e7eb; border-radius: 50%; display: block; } .hp-hero__mock-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; margin-bottom: 1.5rem; } .hp-hero__mock-stat { height: 6rem; background: #fff; border-radius: 0.5rem; border: 1px solid #f3f4f6; padding: 1rem; box-shadow: 0 1px 2px rgba(0,0,0,0.05); } .hp-hero__mock-stat-circle { width: 2rem; height: 2rem; border-radius: 50%; margin-bottom: 0.5rem; } .hp-hero__mock-stat-line { height: 0.5rem; width: 4rem; background: #f3f4f6; border-radius: 0.25rem; } .hp-hero__mock-panel { flex: 1; background: #fff; border-radius: 0.5rem; border: 1px solid #f3f4f6; padding: 1rem; box-shadow: 0 1px 2px rgba(0,0,0,0.05); position: relative; overflow: hidden; } .hp-hero__mock-panel::before { content: ''; position: absolute; inset: 0; background: linear-gradient(to bottom, transparent, rgba(255,255,255,0.5)); pointer-events: none; } .hp-hero__mock-panel-head { height: 1rem; width: 33%; background: #f3f4f6; border-radius: 0.25rem; margin-bottom: 1rem; } .hp-hero__mock-panel-line { height: 0.5rem; width: 100%; background: #f9fafb; border-radius: 0.25rem; margin-bottom: 0.5rem; } .hp-hero__mock-optimized { position: absolute; bottom: 1rem; right: 1rem; background: #82c91e; color: #fff; font-size: 0.75rem; font-weight: 700; padding: 0.375rem 0.75rem; border-radius: 0.25rem; box-shadow: 0 4px 12px rgba(0,0,0,0.15); display: flex; align-items: center; gap: 0.25rem; z-index: 5; } .hp-hero__mock-optimized .material-symbols-outlined { font-size: 0.875rem; } /* --- HP Stats --- */ .hp-stats { background: #f8fafc; border-bottom: 1px solid #e2e8f0; padding: 2rem 0; position: relative; z-index: 20; } @media (min-width: 64em) { .hp-stats { background: #fff; padding: 3rem 0; box-shadow: 0 1px 3px rgba(0,0,0,0.05); } } .hp-stats__container { max-width: 80rem; margin: 0 auto; padding: 0 1rem; } @media (min-width: 40em) { .hp-stats__container { padding: 0 1.5rem; } } @media (min-width: 64em) { .hp-stats__container { padding: 0 2rem; } } .hp-stats__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.75rem; } @media (min-width: 64em) { .hp-stats__grid { grid-template-columns: repeat(4, 1fr); gap: 2rem; } } .hp-stats__item { display: flex; align-items: center; gap: 1rem; padding: 1rem 1.125rem; background: #fff; border-radius: 0.75rem; border: 1px solid #e5e7eb; } @media (min-width: 64em) { .hp-stats__item { background: transparent; border: none; border-radius: 0; padding: 0 1rem; } .hp-stats__item + .hp-stats__item { border-left: 1px solid #f3f4f6; } } .hp-stats__icon-wrap { width: 2.75rem; height: 2.75rem; border-radius: 0.625rem; background: #eef4ff; display: flex; align-items: center; justify-content: center; flex-shrink: 0; color: #0085ba; } @media (min-width: 64em) { .hp-stats__icon-wrap { width: 3.5rem; height: 3.5rem; border-radius: 50%; background: rgba(219,234,254,0.5); } } .hp-stats__icon-wrap .material-symbols-outlined { font-size: 1.375rem; } @media (min-width: 64em) { .hp-stats__icon-wrap .material-symbols-outlined { font-size: 1.75rem; } } .hp-stats__number { font-size: 1.125rem; font-weight: 800; color: #111827; letter-spacing: -0.025em; line-height: 1.2; } @media (min-width: 64em) { .hp-stats__number { font-size: 1.75rem; } } .hp-stats__label { font-size: 0.75rem; color: #64748b; font-weight: 500; } @media (min-width: 64em) { .hp-stats__label { font-size: 0.875rem; } } /* --- HP Themes --- */ .hp-themes { padding: 3.5rem 0; background: #f8fafc; } @media (min-width: 64em) { .hp-themes { padding: 6rem 0; } } .hp-themes__container { max-width: 80rem; margin: 0 auto; padding: 0 1rem; } @media (min-width: 40em) { .hp-themes__container { padding: 0 1.5rem; } } @media (min-width: 64em) { .hp-themes__container { padding: 0 2rem; } } .hp-themes__header { text-align: center; margin-bottom: 2.5rem; } @media (min-width: 64em) { .hp-themes__header { margin-bottom: 4rem; } } .hp-themes__label { font-size: 0.8125rem; font-weight: 700; text-transform: uppercase; color: #0085ba; letter-spacing: 0.15em; margin-bottom: 0.75rem; } .hp-themes__heading { font-size: 2.25rem; font-weight: 700; color: #0f172a; line-height: 1.15; margin-bottom: 1rem; } @media (min-width: 64em) { .hp-themes__heading { font-size: 3rem; } } .hp-themes__desc { color: #64748b; max-width: 42rem; margin: 0 auto; font-size: 1.125rem; line-height: 1.6; } .hp-themes__more { margin-top: 4rem; text-align: center; } .hp-themes__more-link { display: inline-flex; align-items: center; color: #0085ba; font-weight: 700; font-size: 1.125rem; text-decoration: none; transition: color 0.2s; } .hp-themes__more-link:hover { color: #0073aa; } .hp-themes__more-link .material-symbols-outlined { margin-left: 0.5rem; font-size: 1.125rem; } /* Theme Cards Grid */ .hp-tgrid { display: grid; grid-template-columns: 1fr; gap: 2rem; } @media (min-width: 48em) { .hp-tgrid { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 64em) { .hp-tgrid { grid-template-columns: repeat(3, 1fr); } } .hp-tcard { background: #fff; border-radius: 0.75rem; overflow: hidden; border: 1px solid #e2e8f0; display: flex; flex-direction: column; transition: box-shadow 0.3s, transform 0.3s; } .hp-tcard:hover { box-shadow: 0 25px 50px -12px rgba(0,133,186,0.1); transform: translateY(-4px); } .hp-tcard__image-wrap { position: relative; aspect-ratio: 16/10; background: #f1f5f9; overflow: hidden; } .hp-tcard__image-inner { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; transition: transform 0.5s; } .hp-tcard:hover .hp-tcard__image-inner { transform: scale(1.05); } .hp-tcard__img { width: 100%; height: 100%; object-fit: cover; display: block; } .hp-tcard__badge { position: absolute; top: 1rem; left: 1rem; background: #82c91e; color: #fff; font-size: 0.75rem; font-weight: 700; padding: 0.25rem 0.75rem; border-radius: 0.25rem; box-shadow: 0 1px 3px rgba(0,0,0,0.1); } .hp-tcard__body { padding: 1.5rem; display: flex; flex-direction: column; flex-grow: 1; } .hp-tcard__info { margin-bottom: 1rem; } .hp-tcard__name { font-size: 1.25rem; font-weight: 700; color: #0f172a; margin-bottom: 0.25rem; transition: color 0.2s; } .hp-tcard:hover .hp-tcard__name { color: #0085ba; } .hp-tcard__tagline { font-size: 0.875rem; color: #64748b; line-height: 1.5; } .hp-tcard__buttons { margin-top: auto; display: flex; align-items: center; gap: 0.75rem; padding-top: 1rem; border-top: 1px solid #f1f5f9; } .hp-tcard__btn { flex: 1; text-align: center; padding: 0.625rem 0; border-radius: 0.375rem; font-size: 0.875rem; font-weight: 700; text-decoration: none; transition: background 0.2s, color 0.2s; } .hp-tcard__btn--outline { background: #f8fafc; border: 1px solid #e2e8f0; color: #334155; } .hp-tcard__btn--outline:hover { background: #f1f5f9; color: #334155; } .hp-tcard__btn--primary { background: #0085ba; color: #fff; box-shadow: 0 4px 14px rgba(0,133,186,0.2); } .hp-tcard__btn--primary:hover { background: #0073aa; color: #fff; } /* --- HP Features --- */ .hp-features { padding: 3.5rem 0 2rem; background: #fff; border-top: 1px solid #e2e8f0; } @media (min-width: 64em) { .hp-features { padding: 6rem 0 3rem; } } .hp-features__container { max-width: 80rem; margin: 0 auto; padding: 0 1rem; display: flex; flex-direction: column; gap: 4rem; } @media (min-width: 40em) { .hp-features__container { padding: 0 1.5rem; } } @media (min-width: 48em) { .hp-features__container { flex-direction: row; gap: 4rem; padding: 0 2rem; } } .hp-features__sidebar { flex-shrink: 0; } @media (min-width: 48em) { .hp-features__sidebar { width: 33.333%; position: sticky; top: 6rem; align-self: flex-start; } } .hp-features__title { font-size: 2.25rem; font-weight: 700; color: #111827; margin-bottom: 1.5rem; line-height: 1.2; } @media (min-width: 48em) { .hp-features__title { font-size: 2.75rem; } } .hp-features__title-accent { color: #0085ba; } .hp-features__sidebar-desc { font-size: 1.125rem; color: #64748b; line-height: 1.7; margin-bottom: 2rem; } .hp-features__sidebar-link { color: #0085ba; font-weight: 700; text-decoration: none; display: inline-flex; align-items: center; } .hp-features__sidebar-link:hover { text-decoration: underline; text-underline-offset: 4px; text-decoration-thickness: 2px; } .hp-features__sidebar-link .material-symbols-outlined { margin-left: 0.25rem; font-size: 0.875rem; } .hp-features__grid { flex: 1; display: grid; grid-template-columns: 1fr; gap: 3rem; } @media (min-width: 48em) { .hp-features__grid { grid-template-columns: repeat(2, 1fr); } } .hp-features__item { position: relative; } .hp-features__item-num { font-size: 6rem; font-weight: 900; color: #f3f4f6; position: absolute; top: -2rem; left: -1.5rem; z-index: 0; line-height: 1; pointer-events: none; user-select: none; } .hp-features__item-title { font-size: 1.25rem; font-weight: 700; color: #111827; margin-bottom: 0.75rem; display: flex; align-items: center; position: relative; z-index: 1; } .hp-features__item-bar { display: inline-block; width: 2rem; height: 0.25rem; border-radius: 999px; margin-right: 0.75rem; flex-shrink: 0; } .hp-features__item-desc { color: #64748b; line-height: 1.7; position: relative; z-index: 1; } /* --- HP Demos --- */ .hp-demos { padding: 2rem 0 3.5rem; background: #fff; } @media (min-width: 64em) { .hp-demos { padding: 3rem 0 6rem; } } .hp-demos__container { max-width: 80rem; margin: 0 auto; padding: 0 1rem; } @media (min-width: 40em) { .hp-demos__container { padding: 0 1.5rem; } } @media (min-width: 64em) { .hp-demos__container { padding: 0 2rem; } } .hp-demos__grid { display: grid; grid-template-columns: 1fr; gap: 1rem; } @media (min-width: 48em) { .hp-demos__grid { grid-template-columns: repeat(3, 1fr); gap: 1.5rem; } } .hp-demos__panel { position: relative; aspect-ratio: 3/4; overflow: hidden; cursor: pointer; display: block; text-decoration: none; border-radius: 1rem; } @media (min-width: 48em) { .hp-demos__panel { aspect-ratio: 3/4; } } .hp-demos__panel--middle { border: none; } @media (min-width: 48em) { .hp-demos__panel--middle { border: none; } } .hp-demos__panel-bg { position: absolute; inset: 0; background: #1e293b; transition: transform 0.7s; display: flex; align-items: center; justify-content: center; border-radius: 1rem; } .hp-demos__panel:hover .hp-demos__panel-bg { transform: scale(1.1); } .hp-demos__panel-icon { font-size: 9rem; opacity: 0.15; color: #fff; } .hp-demos__panel-img { width: 100%; height: 100%; object-fit: cover; object-position: top center; display: block; } .hp-demos__panel-overlay { position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.65) 40%, rgba(0,0,0,0.65) 100%); z-index: 1; transition: opacity 0.3s; } .hp-demos__panel:hover .hp-demos__panel-overlay { opacity: 0.85; } .hp-demos__panel-content { position: absolute; bottom: 0; left: 0; padding: 2.5rem; width: 100%; z-index: 2; } .hp-demos__panel-label { color: #82c91e; font-weight: 700; font-size: 0.875rem; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 0.5rem; display: block; transform: translateY(1rem); opacity: 0; transition: all 0.5s 0.1s; } .hp-demos__panel:hover .hp-demos__panel-label { transform: translateY(0); opacity: 1; } .hp-demos__panel-title { color: #fff; font-size: 2.25rem; font-weight: 700; margin-bottom: 0.5rem; } .hp-demos__panel-desc { color: #d1d5db; max-width: 20rem; margin-bottom: 1.5rem; opacity: 0.8; font-size: 0.9375rem; } .hp-demos__panel-line { width: 3rem; height: 0.25rem; background: #fff; transition: width 0.7s ease-out; } .hp-demos__panel:hover .hp-demos__panel-line { width: 100%; } /* --- HP Setup --- */ .hp-setup { padding: 6rem 0; background: #f7f9fc; border-top: 1px solid #e5e7eb; } .hp-setup__container { max-width: 80rem; margin: 0 auto; padding: 0 1rem; } @media (min-width: 640px) { .hp-setup__container { padding: 0 1.5rem; } } @media (min-width: 1024px) { .hp-setup__container { padding: 0 2rem; } } .hp-setup__header { text-align: center; margin-bottom: 3.5rem; } .hp-setup__title { font-size: 2.25rem; font-weight: 700; color: #111827; margin: 0 0 1.5rem; letter-spacing: -0.025em; } @media (min-width: 768px) { .hp-setup__title { font-size: 3rem; } } .hp-setup__desc { max-width: 48rem; margin: 0 auto; color: #6b7280; font-size: 1.125rem; line-height: 1.625; font-weight: 300; } .hp-setup__grid { display: grid; grid-template-columns: 1fr; gap: 2rem; align-items: stretch; } @media (min-width: 1024px) { .hp-setup__grid { grid-template-columns: repeat(3, 1fr); } } .hp-setup__card { background: #fff; border-radius: 1rem; border: 1px solid #f3f4f6; display: flex; flex-direction: column; padding: 2rem; transition: box-shadow 0.3s ease, border-color 0.3s ease; } @media (min-width: 768px) { .hp-setup__card { padding: 2.5rem; } } .hp-setup__card:hover { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1); border-color: rgba(0, 133, 186, 0.2); } .hp-setup__card--featured { position: relative; z-index: 10; background: rgba(239, 246, 255, 0.4); border-color: rgba(0, 133, 186, 0.2); box-shadow: 0 20px 40px -15px rgba(19, 127, 236, 0.1); } @media (min-width: 768px) { .hp-setup__card--featured { transform: scale(1.05); } } .hp-setup__card--featured:hover { border-color: rgba(0, 133, 186, 0.3); } .hp-setup__badge { position: absolute; top: -1rem; left: 50%; transform: translateX(-50%); background: #0085ba; color: #fff; font-size: 0.625rem; font-weight: 700; padding: 0.375rem 1.25rem; border-radius: 9999px; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1); text-transform: uppercase; letter-spacing: 0.1em; white-space: nowrap; } .hp-setup__card-top { margin-bottom: 1.5rem; } .hp-setup__card-label { display: block; color: #0085ba; font-size: 0.625rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.2em; margin-bottom: 0.75rem; opacity: 0.8; } .hp-setup__card-title { font-size: 1.5rem; font-weight: 700; color: #111827; margin: 0 0 1rem; } .hp-setup__card--featured .hp-setup__card-title { font-size: 1.875rem; } .hp-setup__card-desc { color: #6b7280; font-size: 0.875rem; line-height: 1.625; margin: 0; } .hp-setup__features { list-style: none; margin: 0 0 1.75rem; padding: 0; flex-grow: 1; } .hp-setup__feature { display: flex; align-items: flex-start; gap: 0.75rem; } .hp-setup__feature + .hp-setup__feature { margin-top: 1rem; } .hp-setup__card--featured .hp-setup__feature + .hp-setup__feature { margin-top: 1.25rem; } .hp-setup__feature-icon { color: #0085ba; font-size: 1.25rem !important; flex-shrink: 0; line-height: 1; } .hp-setup__feature-text { font-size: 0.875rem; color: #4b5563; } .hp-setup__card--featured .hp-setup__feature-text { font-weight: 500; color: #374151; } .hp-setup__card-footer { margin-top: auto; } .hp-setup__card-btn { display: flex; width: 100%; align-items: center; justify-content: center; padding: 0.75rem 1.5rem; border-radius: 0.5rem; border: 1px solid #e8ecf1; background: transparent; color: #111827; font-size: 0.875rem; font-weight: 600; text-decoration: none; transition: all 0.2s ease; margin-bottom: 0.75rem; } .hp-setup__card-btn:hover { background: #f9fafb; color: #111827; } .hp-setup__card-btn:visited { color: #111827; } .hp-setup__card-btn--primary { background: #0085ba; color: #fff; border-color: #0085ba; padding: 1rem 1.5rem; box-shadow: 0 10px 15px -3px rgba(0, 133, 186, 0.2); } .hp-setup__card-btn--primary:hover { background: #006d9c; color: #fff; transform: translateY(-2px); } .hp-setup__card-btn--primary:visited, .hp-setup__card-btn--primary:active, .hp-setup__card-btn--primary:focus { color: #fff; } .hp-setup__card-note { font-size: 0.75rem; text-align: center; color: #6b7280; margin: 0; } /* --- HP Blog --- */ .hp-blog { padding: 3rem 0; background: #fff; border-top: 1px solid #e2e8f0; } @media (min-width: 64em) { .hp-blog { padding: 5rem 0; } } .hp-blog__container { max-width: 80rem; margin: 0 auto; padding: 0 1rem; } @media (min-width: 40em) { .hp-blog__container { padding: 0 1.5rem; } } @media (min-width: 64em) { .hp-blog__container { padding: 0 2rem; } } .hp-blog__header { display: flex; flex-direction: column; gap: 1rem; margin-bottom: 3rem; } @media (min-width: 48em) { .hp-blog__header { flex-direction: row; justify-content: space-between; align-items: flex-end; } } .hp-blog__title { font-size: 1.875rem; font-weight: 700; color: #111827; margin-bottom: 0.5rem; } .hp-blog__subtitle { color: #64748b; margin: 0; } .hp-blog__all-link { display: none; align-items: center; color: #0085ba; font-weight: 700; text-decoration: none; transition: color 0.2s; white-space: nowrap; } @media (min-width: 48em) { .hp-blog__all-link { display: inline-flex; } } .hp-blog__all-link:hover { color: #0073aa; } .hp-blog__all-link .material-symbols-outlined { font-size: 0.875rem; margin-left: 0.25rem; } .hp-blog__grid { display: grid; grid-template-columns: 1fr; gap: 2rem; } @media (min-width: 48em) { .hp-blog__grid { grid-template-columns: repeat(3, 1fr); gap: 2rem; } } .hp-blog__article { display: flex; flex-direction: column; } .hp-blog__image-wrap { display: block; aspect-ratio: 16/9; background: #e5e7eb; border-radius: 0.5rem; overflow: hidden; margin-bottom: 1rem; text-decoration: none; position: relative; } .hp-blog__image-wrap::after { content: ''; position: absolute; inset: 0; background: rgba(0,0,0,0.07); z-index: 1; pointer-events: none; border-radius: inherit; } .hp-blog__image { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 0.5s; } .hp-blog__article:hover .hp-blog__image { transform: scale(1.05); } .hp-blog__image-placeholder { position: absolute; inset: 0; background: #f1f5f9; display: flex; align-items: center; justify-content: center; color: #cbd5e1; transition: transform 0.5s; } .hp-blog__article:hover .hp-blog__image-placeholder { transform: scale(1.05); } .hp-blog__image-placeholder .material-symbols-outlined { font-size: 3.5rem; } .hp-blog__article-body { flex: 1; } .hp-blog__cat { display: block; font-size: 0.75rem; font-weight: 600; color: #82c91e; opacity: 0.8; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 0.5rem; } .hp-blog__post-title { font-size: 1.25rem; font-weight: 700; color: #111827; margin-bottom: 0.5rem; line-height: 1.4; } .hp-blog__post-title a { color: inherit; text-decoration: none; transition: color 0.2s; } .hp-blog__article:hover .hp-blog__post-title a { color: #0085ba; } .hp-blog__excerpt { font-size: 0.875rem; color: #64748b; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin: 0; } /* --- HP Coming --- */ .hp-coming { padding: 3rem 0; background: #f9fafb; border-top: 1px solid #e2e8f0; text-align: center; } @media (min-width: 64em) { .hp-coming { padding: 4rem 0; } } .hp-coming__container { max-width: 36rem; margin: 0 auto; padding: 0 1rem; } @media (min-width: 40em) { .hp-coming__container { padding: 0 1.5rem; } } .hp-coming__badge { display: inline-block; padding: 0.25rem 0.75rem; border-radius: 999px; background: #dbeafe; color: #1d4ed8; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 1rem; } .hp-coming__title { font-size: 1.5rem; font-weight: 700; color: #111827; margin-bottom: 1rem; } @media (min-width: 48em) { .hp-coming__title { font-size: 1.875rem; } } .hp-coming__desc { color: #64748b; margin-bottom: 2rem; max-width: 32rem; margin-left: auto; margin-right: auto; line-height: 1.6; } .hp-coming__btn { display: inline-flex; align-items: center; justify-content: center; padding: 0.5rem 1.5rem; font-size: 0.875rem; font-weight: 700; color: #0085ba; background: #fff; border: 1px solid #e5e7eb; border-radius: 999px; text-decoration: none; transition: all 0.2s; box-shadow: 0 1px 3px rgba(0,0,0,0.05); } .hp-coming__btn:hover { border-color: #0085ba; background: #f9fafb; color: #0085ba; } .hp-coming__form-wrap { display: inline-block; } .hp-coming__form { animation: hpComingFadeIn 0.3s ease; } @keyframes hpComingFadeIn { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } } .hp-coming__input-group { display: flex; align-items: center; background: #fff; border: 1px solid #e5e7eb; border-radius: 999px; padding: 0.25rem 0.25rem 0.25rem 1rem; box-shadow: 0 1px 3px rgba(0,0,0,0.05); transition: border-color 0.2s; } .hp-coming__input-group:focus-within { border-color: #0085ba; } .hp-coming__input { border: none; outline: none; background: transparent; font-size: 0.875rem; color: #111827; min-width: 0; flex: 1; padding: 0.4rem 0; } .hp-coming__input::placeholder { color: #94a3b8; } .hp-coming__submit { display: inline-flex; align-items: center; justify-content: center; width: 2.25rem; height: 2.25rem; border-radius: 50%; background: #0085ba; color: #fff; border: none; cursor: pointer; flex-shrink: 0; transition: background 0.2s; } .hp-coming__submit:hover { background: #006a94; } .hp-coming__submit .material-symbols-outlined { font-size: 1.125rem; } .hp-coming__msg { font-size: 0.8125rem; margin-top: 0.75rem; margin-bottom: 0; } .hp-coming__msg--success { color: #16a34a; } .hp-coming__msg--error { color: #dc2626; } .hp-coming__msg--info { color: #0085ba; } /* --- HP Bottom --- */ .hp-bottom { padding: 8rem 0; background: #0a1e36; color: #fff; position: relative; overflow: hidden; border-top: 1px solid rgba(255,255,255,0.05); } .hp-bottom__pattern { position: absolute; inset: 0; opacity: 0.1; pointer-events: none; background-image: radial-gradient(circle, currentColor 1.5px, transparent 1.5px); background-size: 3.75rem 3.75rem; } .hp-bottom__overlay { position: absolute; inset: 0; background: linear-gradient(to top, #0a1e36, transparent); pointer-events: none; } .hp-bottom__container { max-width: 48rem; margin: 0 auto; padding: 0 1rem; position: relative; z-index: 10; text-align: center; } @media (min-width: 40em) { .hp-bottom__container { padding: 0 1.5rem; } } .hp-bottom__title { font-size: 2.5rem; font-weight: 700; color: #fff; margin-bottom: 1.5rem; line-height: 1.15; letter-spacing: -0.025em; } @media (min-width: 48em) { .hp-bottom__title { font-size: 3.25rem; } } .hp-bottom__accent { color: #82c91e; } .hp-bottom__desc { font-size: 1.25rem; color: #94a3b8; max-width: 42rem; margin: 0 auto 2.5rem; line-height: 1.7; font-weight: 300; } .hp-bottom__buttons { display: flex; flex-direction: column; gap: 1.5rem; justify-content: center; align-items: center; } @media (min-width: 40em) { .hp-bottom__buttons { flex-direction: row; } } .hp-bottom__btn { display: inline-flex; align-items: center; justify-content: center; padding: 1rem 2.5rem; font-size: 1.125rem; font-weight: 700; border-radius: 999px; text-decoration: none; transition: all 0.3s; gap: 0.5rem; } .hp-bottom__btn--green { background: #82c91e; color: #fff; box-shadow: 0 10px 25px -5px rgba(130,201,30,0.2); } .hp-bottom__btn--green:hover { background: #71b01a; transform: translateY(-2px); box-shadow: 0 15px 35px -5px rgba(130,201,30,0.4); color: #fff; } .hp-bottom__btn--green:visited { color: #fff; } .hp-bottom__btn--outline { color: #fff; background: transparent; border: 2px solid rgba(255,255,255,0.3); } .hp-bottom__btn--outline:hover { border-color: #fff; background: rgba(255,255,255,0.05); color: #fff; } .hp-bottom__btn--outline:visited { color: #fff; } .hp-bottom__btn .material-symbols-outlined { font-size: 1.25rem; transition: transform 0.2s; } .hp-bottom__btn:hover .material-symbols-outlined { transform: translateX(2px); } .grecaptcha-badge { display: none !important; } .recaptcha-notice { font-size: 12px; color: #8a8f98; text-align: center; margin-top: 12px; line-height: 1.4; } .recaptcha-notice a { color: inherit; text-decoration: underline; } /* ===================== Hire Us Page ===================== */ /* Hero */ .hu-hero { background: #fff; border-bottom: 1px solid #e5e7eb; padding: 5rem 0 5rem; position: relative; overflow: hidden; } @media (min-width: 768px) { .hu-hero { padding: 8rem 0 8rem; } } .hu-hero__accent-bar { position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: linear-gradient(to right, #0085ba, #82c91e); } .hu-hero__blob { position: absolute; border-radius: 9999px; filter: blur(48px); } .hu-hero__blob--right { top: 0; right: -5rem; width: 24rem; height: 24rem; background: rgba(0, 133, 186, 0.05); } .hu-hero__blob--left { bottom: 0; left: -5rem; width: 20rem; height: 20rem; background: rgba(130, 201, 30, 0.05); } .hu-hero__inner { max-width: 64rem; margin: 0 auto; padding: 0 1rem; text-align: center; position: relative; z-index: 10; } @media (min-width: 640px) { .hu-hero__inner { padding: 0 1.5rem; } } @media (min-width: 1024px) { .hu-hero__inner { padding: 0 2rem; } } .hu-hero__title { font-size: 2.25rem; font-weight: 700; font-family: "Montserrat", sans-serif; color: #111827; letter-spacing: -0.025em; margin-bottom: 1.5rem; line-height: 1.15; } @media (min-width: 768px) { .hu-hero__title { font-size: 3rem; } } @media (min-width: 1024px) { .hu-hero__title { font-size: 3.75rem; } } .hu-hero__highlight { color: #0085ba; } .hu-hero__desc { font-size: 1.125rem; color: #6b7280; font-weight: 300; max-width: 48rem; margin: 0 auto 2.5rem; line-height: 1.65; } @media (min-width: 768px) { .hu-hero__desc { font-size: 1.25rem; } } .hu-hero__buttons { display: flex; flex-direction: column; justify-content: center; gap: 1rem; margin-bottom: 2rem; } @media (min-width: 640px) { .hu-hero__buttons { flex-direction: row; } } .hu-hero__btn { display: inline-flex; align-items: center; justify-content: center; padding: 1rem 2rem; font-size: 1rem; font-weight: 700; border-radius: 0.375rem; transition: all 0.2s; text-decoration: none; } .hu-hero__btn--primary { background: #82c91e; color: #fff; border: 1px solid transparent; box-shadow: 0 10px 15px -3px rgba(130, 201, 30, 0.2); } .hu-hero__btn--primary:hover { background: #73b119; color: #fff; } .hu-hero__btn--outline { background: #fff; color: #0085ba; border: 1px solid #0085ba; } .hu-hero__btn--outline:hover { background: #f9fafb; color: #0085ba; } .hu-hero__badge { font-size: 0.875rem; font-weight: 500; color: #6b7280; display: flex; align-items: center; justify-content: center; gap: 0.5rem; } .hu-hero__badge-icon { color: #f59e0b; font-size: 1.125rem; } /* Who Section */ .hu-who { padding: 5rem 0; background: #f9fafb; border-bottom: 1px solid #e5e7eb; } .hu-who__container { max-width: 72rem; margin: 0 auto; padding: 0 1rem; } @media (min-width: 640px) { .hu-who__container { padding: 0 1.5rem; } } @media (min-width: 1024px) { .hu-who__container { padding: 0 2rem; } } .hu-who__grid { display: grid; gap: 3rem; } @media (min-width: 768px) { .hu-who__grid { grid-template-columns: 1fr 1fr; align-items: center; } } .hu-who__title { font-size: 1.875rem; font-weight: 700; font-family: "Montserrat", sans-serif; color: #111827; margin-bottom: 1.5rem; } .hu-who__desc { color: #6b7280; font-size: 1.125rem; line-height: 1.65; margin-bottom: 1.5rem; } .hu-who__trust { margin-bottom: 2rem; padding: 1rem; background: rgba(0, 133, 186, 0.05); border-radius: 0.5rem; border: 1px solid rgba(0, 133, 186, 0.1); } .hu-who__trust-text { font-size: 0.875rem; font-weight: 600; color: #0085ba; display: flex; align-items: flex-start; gap: 0.75rem; margin: 0; } .hu-who__trust-text .material-symbols-outlined { font-size: 1.5rem; flex-shrink: 0; } .hu-who__approach { padding: 1.5rem; background: #fff; border-radius: 0.75rem; border: 1px solid #e5e7eb; box-shadow: 0 1px 2px rgba(0,0,0,0.05); } .hu-who__approach-label { font-weight: 500; color: #0085ba; margin-bottom: 0.5rem; display: flex; align-items: center; } .hu-who__approach-label .material-symbols-outlined { margin-right: 0.5rem; } .hu-who__approach-desc { font-size: 0.875rem; color: #6b7280; margin: 0; } .hu-who__checks { display: flex; flex-direction: column; gap: 1rem; } .hu-who__check { display: flex; align-items: flex-start; } .hu-who__check-icon { flex-shrink: 0; margin-top: 0.25rem; } .hu-who__check-icon .material-symbols-outlined { color: #82c91e; } .hu-who__check-body { margin-left: 1rem; } .hu-who__check-title { font-size: 1.125rem; font-weight: 700; color: #111827; margin-bottom: 0.25rem; } .hu-who__check-desc { color: #6b7280; margin: 0; } /* Services Section */ .hu-services { padding: 6rem 0; background: #fff; } .hu-services__container { max-width: 80rem; margin: 0 auto; padding: 0 1rem; } @media (min-width: 640px) { .hu-services__container { padding: 0 1.5rem; } } @media (min-width: 1024px) { .hu-services__container { padding: 0 2rem; } } .hu-services__header { text-align: center; margin-bottom: 4rem; } .hu-services__title { font-size: 1.875rem; font-weight: 700; font-family: "Montserrat", sans-serif; color: #111827; margin-bottom: 1rem; } .hu-services__subtitle { font-size: 1.125rem; color: #6b7280; max-width: 42rem; margin: 0 auto; } .hu-services__grid { display: grid; grid-template-columns: 1fr; gap: 2rem; } @media (min-width: 768px) { .hu-services__grid { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 1024px) { .hu-services__grid { grid-template-columns: repeat(3, 1fr); } } .hu-services__card { padding: 2rem; border-radius: 0.75rem; background: #f9fafb; border: 1px solid #e5e7eb; transition: border-color 0.2s; } .hu-services__card:hover { border-color: rgba(0, 133, 186, 0.5); } .hu-services__card-icon { width: 3.5rem; height: 3.5rem; background: rgba(0, 133, 186, 0.1); border-radius: 0.5rem; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem; color: #0085ba; transition: background 0.2s, color 0.2s; } .hu-services__card-icon .material-symbols-outlined { font-size: 1.875rem; } .hu-services__card:hover .hu-services__card-icon { background: #0085ba; color: #fff; } .hu-services__card-title { font-size: 1.25rem; font-weight: 700; color: #111827; margin-bottom: 0.75rem; } .hu-services__card-desc { color: #6b7280; font-size: 0.875rem; line-height: 1.65; margin: 0; } /* Process / How It Works Section */ .hu-process { padding: 5rem 0; background: #0085ba; color: #fff; } .hu-process__container { max-width: 80rem; margin: 0 auto; padding: 0 1rem; } @media (min-width: 640px) { .hu-process__container { padding: 0 1.5rem; } } @media (min-width: 1024px) { .hu-process__container { padding: 0 2rem; } } .hu-process__header { text-align: center; margin-bottom: 4rem; } .hu-process__title { font-size: 1.875rem; font-weight: 700; font-family: "Montserrat", sans-serif; color: #fff; margin-bottom: 1rem; } .hu-process__subtitle { font-size: 1.125rem; color: rgba(255, 255, 255, 0.8); max-width: 42rem; margin: 0 auto; } .hu-process__grid { display: grid; grid-template-columns: 1fr; gap: 2rem; position: relative; } @media (min-width: 768px) { .hu-process__grid { grid-template-columns: repeat(3, 1fr); } } .hu-process__line { display: none; } @media (min-width: 768px) { .hu-process__line { display: block; position: absolute; top: 3rem; left: 16.6%; right: 16.6%; height: 2px; background: rgba(255, 255, 255, 0.2); z-index: 0; } } .hu-process__step { position: relative; z-index: 10; text-align: center; } .hu-process__circle { width: 6rem; height: 6rem; background: #fff; color: #0085ba; border-radius: 9999px; display: flex; align-items: center; justify-content: center; margin: 0 auto 1.5rem; box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1); font-size: 1.875rem; font-weight: 700; } .hu-process__step-title { font-size: 1.25rem; font-weight: 700; margin-bottom: 0.75rem; color: #fff; } .hu-process__step-desc { color: rgba(255, 255, 255, 0.8); font-size: 0.875rem; line-height: 1.65; padding: 0 1rem; margin: 0; } /* Pricing Section */ .hu-pricing { padding: 6rem 0; background: #f9fafb; } .hu-pricing__container { max-width: 80rem; margin: 0 auto; padding: 0 1rem; } @media (min-width: 640px) { .hu-pricing__container { padding: 0 1.5rem; } } @media (min-width: 1024px) { .hu-pricing__container { padding: 0 2rem; } } .hu-pricing__grid { display: grid; grid-template-columns: 1fr; gap: 4rem; } @media (min-width: 1024px) { .hu-pricing__grid { grid-template-columns: 1fr 1fr; } } .hu-pricing__title { font-size: 1.5rem; font-weight: 700; font-family: "Montserrat", sans-serif; color: #111827; margin-bottom: 2rem; } .hu-pricing__table { background: #fff; border-radius: 0.75rem; border: 1px solid #e5e7eb; overflow: hidden; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); } .hu-pricing__rows { /* divider between rows */ } .hu-pricing__row { padding: 1.25rem; display: flex; justify-content: space-between; align-items: center; transition: background 0.15s; border-bottom: 1px solid #e5e7eb; } .hu-pricing__row:last-child { border-bottom: none; } .hu-pricing__row:hover { background: #f9fafb; } .hu-pricing__row-label { font-weight: 500; color: #111827; } .hu-pricing__row-price { font-size: 0.875rem; color: #6b7280; background: #f9fafb; padding: 0.25rem 0.75rem; border-radius: 9999px; } .hu-pricing__note { padding: 1rem; background: rgba(0, 133, 186, 0.05); border-top: 1px solid #e5e7eb; font-size: 0.75rem; text-align: center; color: #6b7280; } .hu-pricing__needs { background: #fff; padding: 2rem; border-radius: 0.75rem; border: 1px solid #e5e7eb; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05); height: 100%; display: flex; flex-direction: column; } .hu-pricing__needs-intro { color: #6b7280; margin-bottom: 1.5rem; } .hu-pricing__needs-list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 1rem; } .hu-pricing__needs-list li { display: flex; align-items: flex-start; } .hu-pricing__needs-list li .material-symbols-outlined { color: #0085ba; margin-top: 0.125rem; margin-right: 0.75rem; flex-shrink: 0; } .hu-pricing__needs-list li span:last-child { font-size: 0.875rem; color: #374151; } .hu-pricing__needs-cta { margin-top: auto; padding-top: 2rem; border-top: 1px solid #e5e7eb; } .hu-pricing__needs-btn { display: block; width: 100%; padding: 1rem; background: #0085ba; color: #fff; text-align: center; font-weight: 700; border-radius: 0.375rem; text-decoration: none; transition: background 0.2s; box-shadow: 0 10px 15px -3px rgba(0, 133, 186, 0.2); } .hu-pricing__needs-btn:hover { background: #006da3; color: #fff; } /* FAQ Section */ .hu-faq { padding: 5rem 0; background: #fff; border-top: 1px solid #e5e7eb; } .hu-faq__container { max-width: 56rem; margin: 0 auto; padding: 0 1rem; } @media (min-width: 640px) { .hu-faq__container { padding: 0 1.5rem; } } @media (min-width: 1024px) { .hu-faq__container { padding: 0 2rem; } } .hu-faq__title { font-size: 1.875rem; font-weight: 700; font-family: "Montserrat", sans-serif; text-align: center; color: #111827; margin-bottom: 3rem; } .hu-faq__list { display: flex; flex-direction: column; gap: 1.5rem; } .hu-faq__item { background: #f9fafb; border-radius: 0.5rem; padding: 1.5rem; border: 1px solid #e5e7eb; } .hu-faq__item summary::-webkit-details-marker { display: none; } .hu-faq__item summary::marker { display: none; content: ""; } .hu-faq__question { display: flex; align-items: center; justify-content: space-between; cursor: pointer; color: #111827; font-weight: 700; list-style: none; } .hu-faq__arrow { transition: transform 0.2s; } .hu-faq__item[open] .hu-faq__arrow { transform: rotate(180deg); } .hu-faq__answer { margin-top: 1rem; color: #6b7280; font-size: 0.875rem; line-height: 1.65; } /* Hire Us Main wrapper */ .hu-main { flex-grow: 1; } /* ========================================================================== Managed WordPress Websites (mw-) Page ========================================================================== */ /* --- MW Hero --- */ .mw-hero { position: relative; padding: 5rem 0 3rem; overflow: hidden; } @media (min-width: 1024px) { .mw-hero { padding: 8rem 0 4rem; } } .mw-hero__container { max-width: 75rem; margin: 0 auto; padding: 0 1rem; position: relative; z-index: 1; } .mw-hero__grid { display: grid; gap: 3rem; align-items: center; } @media (min-width: 1024px) { .mw-hero__grid { grid-template-columns: 1fr 1fr; } } .mw-hero__content { max-width: 40rem; } .mw-hero__badge { display: inline-block; padding: 0.25rem 0.75rem; border-radius: 9999px; background-color: rgba(0, 147, 216, 0.1); color: #0093d8; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 1.5rem; } .mw-hero__title { font-size: 2.5rem; font-weight: 900; line-height: 1.1; margin-bottom: 1.5rem; font-family: "Montserrat", sans-serif; color: #0a0a0a; } @media (min-width: 1024px) { .mw-hero__title { font-size: 3.25rem; } } .mw-hero__accent { color: #81d134; } .mw-hero__highlight { position: relative; display: inline-block; } .mw-hero__highlight::after { content: ""; position: absolute; left: -0.02em; right: -0.02em; bottom: -0.24em; height: 0.34em; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 24' fill='none'%3E%3Cpath d='M6 18C58 4 142 2 234 18' stroke='%2381d134' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat; pointer-events: none; } .mw-hero__desc { font-size: 1.125rem; color: #6b7280; margin-bottom: 2.5rem; line-height: 1.7; } .mw-hero__buttons { display: flex; flex-direction: column; gap: 1rem; } .mw-hero__badges { margin-top: 1.5rem; } @media (min-width: 640px) { .mw-hero__buttons { flex-direction: row; } } .mw-hero__btn { display: flex; align-items: center; justify-content: center; min-width: 180px; height: 3.5rem; border-radius: 0.5rem; font-weight: 700; font-size: 1.125rem; font-family: "Montserrat", sans-serif; text-decoration: none; transition: transform 0.2s, box-shadow 0.2s, background-color 0.2s; } .mw-hero__btn--primary { background-color: #0093d8; color: #fff; box-shadow: 0 10px 25px -5px rgba(0, 147, 216, 0.3); } .mw-hero__btn--primary:hover { background-color: #0076ad; transform: scale(1.02); color: #fff; } .mw-hero__btn--outline { background-color: #fff; border: 1px solid #e5e7eb; color: #0a0a0a; } .mw-hero__btn--outline:hover { background-color: #f9f9f9; color: #0a0a0a; } .mw-hero__visual { position: relative; } .mw-hero__image-wrap { aspect-ratio: 1; background: linear-gradient(135deg, rgba(0, 147, 216, 0.2), rgba(129, 209, 52, 0.2)); border-radius: 1.5rem; overflow: hidden; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.15); border: 4px solid #fff; } .mw-hero__image { width: 100%; height: 100%; object-fit: cover; } .mw-hero__card { position: absolute; bottom: -1.5rem; left: -1.5rem; background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(8px); padding: 1.5rem; border-radius: 1rem; box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1); border: 1px solid rgba(255, 255, 255, 0.5); max-width: 280px; } .mw-hero__card-header { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 0.5rem; } .mw-hero__card-icon { color: #81d134; font-weight: 700; } .mw-hero__card-title { font-weight: 700; font-size: 0.875rem; } .mw-hero__card-desc { font-size: 0.75rem; color: #6b7280; margin: 0; } /* --- MW Trust Strip --- */ .mw-trust { border-top: 1px solid #e5e7eb; border-bottom: 1px solid #e5e7eb; background-color: #fff; } .mw-trust__container { max-width: 75rem; margin: 0 auto; padding: 2rem 1rem; } .mw-trust__items { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 2rem; opacity: 0.7; filter: grayscale(1); transition: filter 0.3s, opacity 0.3s; } .mw-trust__items:hover { filter: grayscale(0); opacity: 1; } @media (min-width: 768px) { .mw-trust__items { justify-content: space-between; } } .mw-trust__item { display: flex; align-items: center; gap: 0.75rem; padding: 0 1.5rem; border-right: 1px solid #e5e7eb; } .mw-trust__item--last { border-right: 0; } .mw-trust__number { font-size: 1.5rem; font-weight: 900; font-family: "Montserrat", sans-serif; } .mw-trust__label { font-size: 0.875rem; font-weight: 500; text-transform: uppercase; letter-spacing: -0.025em; } /* --- MW What's Included --- */ .mw-included { padding: 7rem 0 6rem; background-color: #f9f9f9; } .mw-included__container { max-width: 75rem; margin: 0 auto; padding: 0 1rem; } .mw-included__header { text-align: center; margin-bottom: 4rem; } .mw-included__title { font-size: 1.875rem; font-weight: 700; margin-bottom: 1rem; font-family: "Montserrat", sans-serif; color: #0a0a0a; } .mw-included__subtitle { margin: 1.5rem auto 1.25rem; max-width: 46rem; color: #6b7280; font-size: 1.125rem; line-height: 1.7; } .mw-included__bar { height: 4px; width: 5rem; background-color: #81d134; margin: 0 auto; border-radius: 9999px; } .mw-included__grid { display: grid; gap: 1.5rem; } @media (min-width: 768px) { .mw-included__grid { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 1024px) { .mw-included__grid { grid-template-columns: repeat(3, 1fr); } } .mw-included__card { padding: 2rem; border-radius: 1rem; background-color: #fff; border: 1px solid #e5e7eb; transition: box-shadow 0.3s; } .mw-included__card:hover { box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1); } .mw-included__icon { width: 3rem; height: 3rem; border-radius: 0.75rem; background-color: rgba(0, 147, 216, 0.1); color: #0093d8; display: flex; align-items: center; justify-content: center; margin-bottom: 1.5rem; } .mw-included__card-title { font-size: 1.25rem; font-weight: 700; margin-bottom: 0.75rem; font-family: "Montserrat", sans-serif; color: #0a0a0a; } .mw-included__card-desc { color: #6b7280; margin: 0; line-height: 1.6; } .mw-included__note { text-align: center; font-size: 0.875rem; color: #6f6f6f; margin: 3rem auto 0; max-width: 42rem; } .mw-included__note a { color: #0093d8; text-decoration: underline; } .mw-included__note a:hover { color: #0076ad; } /* --- MW Comparison --- */ .mw-compare { padding: 6rem 0; } .mw-compare__container { max-width: 64rem; margin: 0 auto; padding: 0 1rem; } .mw-compare__header { text-align: center; margin-bottom: 4rem; } .mw-compare__title { font-size: 2rem; font-weight: 900; margin-bottom: 1.5rem; font-family: "Montserrat", sans-serif; color: #0a0a0a; } @media (min-width: 1024px) { .mw-compare__title { font-size: 2.25rem; } } .mw-compare__desc { font-size: 1.125rem; color: #6b7280; max-width: 48rem; margin: 0 auto; line-height: 1.7; } .mw-compare__grid { display: grid; gap: 2rem; } @media (min-width: 768px) { .mw-compare__grid { grid-template-columns: repeat(2, 1fr); } } .mw-compare__col { padding: 2rem; border-radius: 1rem; } .mw-compare__col--diy { background-color: #fff; border: 1px solid #e5e7eb; } .mw-compare__col--managed { background-color: rgba(0, 147, 216, 0.05); border: 2px solid #0093d8; position: relative; overflow: hidden; } .mw-compare__recommended { position: absolute; top: 1rem; right: 1rem; background-color: #0093d8; color: #fff; font-size: 0.625rem; font-weight: 700; padding: 0.25rem 0.5rem; border-radius: 0.25rem; text-transform: uppercase; } .mw-compare__col-title { font-size: 1.25rem; font-weight: 700; margin-bottom: 1.5rem; font-family: "Montserrat", sans-serif; } .mw-compare__col-title--diy { color: #9ca3af; } .mw-compare__col-title--managed { color: #0093d8; } .mw-compare__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 1rem; } .mw-compare__item { display: flex; align-items: flex-start; gap: 0.75rem; } .mw-compare__item--negative { color: #6b7280; } .mw-compare__item--positive span:last-child { font-weight: 500; } .mw-compare__x { color: #ef4444; flex-shrink: 0; } .mw-compare__check { color: #81d134; flex-shrink: 0; } .mw-compare__note { text-align: center; font-size: 0.875rem; color: #6f6f6f; margin: 3rem auto 0; max-width: 42rem; } .mw-compare__note a { color: #0093d8; text-decoration: underline; } .mw-compare__note a:hover { color: #0076ad; } /* --- MW How It Works --- */ .mw-steps { padding: 4.75rem 0 4rem; background-color: #f9fafb; } .mw-steps__container { max-width: 75rem; margin: 0 auto; padding: 0 1rem; } .mw-steps__header { text-align: center; margin-bottom: 2.8rem; } .mw-steps__title { font-size: 2rem; font-weight: 900; margin-bottom: 0.55rem; font-family: "Montserrat", sans-serif; color: #0a0a0a; } @media (min-width: 1024px) { .mw-steps__title { font-size: 2.25rem; } } .mw-steps__subtitle { color: #6b7280; max-width: 38rem; margin: 0 auto; line-height: 1.6; } .mw-steps__grid { display: grid; gap: 1.75rem; position: relative; align-items: start; } @media (min-width: 768px) { .mw-steps__grid { grid-template-columns: repeat(3, 1fr); gap: 1rem; } .mw-steps__grid::before { content: ""; position: absolute; left: calc(16.666% + 1rem); right: calc(16.666% + 1rem); top: 2.5rem; border-top: 2px solid #dbe7f3; z-index: 0; } } .mw-steps__step { text-align: center; position: relative; padding: 0 0.85rem; display: flex; flex-direction: column; align-items: center; z-index: 1; } .mw-steps__number { width: 5rem; height: 5rem; border-radius: 50%; background-color: #0093d8; color: #fff; display: flex; align-items: center; justify-content: center; margin: 0 auto 1.3rem; box-shadow: 0 12px 24px -10px rgba(0, 147, 216, 0.35); border: 4px solid #f9fafb; z-index: 2; } .mw-steps__number .material-symbols-outlined { font-size: 2rem; } .mw-steps__number--accent { position: relative; background-color: #81d134; box-shadow: 0 12px 24px -10px rgba(129, 209, 52, 0.45); } .mw-steps__step-title { font-size: 1.2rem; font-weight: 700; margin-bottom: 0.5rem; font-family: "Montserrat", sans-serif; color: #0a0a0a; } .mw-steps__step-desc { color: #6b7280; line-height: 1.55; max-width: 19rem; margin: 0 auto; font-size: 0.95rem; margin: 0; } .mw-steps__note { margin: 2.75rem auto 0; width: fit-content; max-width: 100%; padding: 0.55rem 0.9rem; border-radius: 9999px; background-color: #edf4fb; border: 1px solid #d3e3f2; text-align: left; font-size: 0.78rem; font-weight: 500; color: #607487; display: flex; align-items: center; gap: 0.35rem; } .mw-steps__note-icon { color: #1f7ec4; font-size: 0.95rem; } /* --- MW Pricing --- */ .mw-pricing { padding: 6rem 0; } .mw-pricing__container { max-width: 75rem; margin: 0 auto; padding: 0 1rem; } .mw-pricing__header { text-align: center; margin-bottom: 3.2rem; } .mw-pricing__title { font-size: 1.875rem; font-weight: 700; margin-bottom: 1rem; font-family: "Montserrat", sans-serif; color: #0a0a0a; } .mw-pricing__subtitle { color: #6b7280; } .mw-pricing__early-note { margin: 0.9rem auto 0; color: #0b7bc1; font-size: 0.86rem; font-weight: 600; display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.48rem 0.82rem; background-color: #ecf6fd; border: 1px solid #cfe7f8; border-radius: 9999px; } .mw-pricing__early-note::before { content: ""; width: 0.42rem; height: 0.42rem; border-radius: 50%; background-color: #0b7bc1; flex-shrink: 0; } .mw-pricing__grid { display: grid; gap: 2rem; margin-bottom: 1rem; max-width: 64rem; margin-left: auto; margin-right: auto; } .mw-pricing__grid > .mw-pricing__early-note { grid-column: 1 / -1; justify-self: center; margin: 0 0 0.15rem; } @media (min-width: 1024px) { .mw-pricing__grid { grid-template-columns: repeat(2, 1fr); } } .mw-pricing__plan { background-color: #fff; padding: 2.15rem; border-radius: 1.5rem; border: 1px solid #e5e7eb; position: relative; overflow: hidden; } .mw-pricing__plan--popular { border: 2px solid #0093d8; } .mw-pricing__popular-tag { position: absolute; top: 0; right: 0; background-color: #0093d8; color: #fff; font-size: 0.75rem; font-weight: 700; padding: 0.5rem 1rem; border-bottom-left-radius: 0.75rem; } .mw-pricing__plan-name { font-size: 1.5rem; font-weight: 700; margin-bottom: 0.5rem; font-family: "Montserrat", sans-serif; color: #0a0a0a; } .mw-pricing__price { display: flex; align-items: baseline; gap: 0.25rem; margin-bottom: 0.45rem; } .mw-pricing__plan-note { margin: 0; font-size: 0.88rem; font-weight: 600; color: #0b7bc1; } .mw-pricing__plan-regular { margin: 0.15rem 0 1.1rem; color: #7b8593; font-size: 0.85rem; } .mw-pricing__amount { font-size: 2.25rem; font-weight: 900; font-family: "Montserrat", sans-serif; color: #0a0a0a; } .mw-pricing__period { color: #6b7280; font-weight: 500; } .mw-pricing__features { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.85rem; margin-bottom: 1.85rem; } .mw-pricing__features li { display: flex; align-items: flex-start; gap: 0.75rem; } .mw-pricing__check { color: #81d134; flex-shrink: 0; } .mw-pricing__btn { display: block; width: 100%; padding: 0.9rem; border-radius: 0.75rem; font-weight: 700; font-size: 0.95rem; font-family: "Montserrat", sans-serif; border: none; cursor: pointer; transition: filter 0.2s, box-shadow 0.2s; text-align: center; } .mw-pricing__btn--dark { background-color: #111827; color: #fff; } .mw-pricing__btn--dark:hover { filter: brightness(1.1); } .mw-pricing__btn--primary { background-color: #0093d8; color: #fff; } .mw-pricing__btn--primary:hover { box-shadow: 0 10px 25px -5px rgba(0, 147, 216, 0.3); } @media (min-width: 1024px) { .mw-pricing__plan { display: flex; flex-direction: column; min-height: 100%; } .mw-pricing__features { flex: 1 1 auto; margin-bottom: 1.5rem; } .mw-pricing__btn { margin-top: auto; } } /* Enterprise */ .mw-pricing__enterprise { max-width: 64rem; margin: 0 auto; background-color: #111827; color: #fff; padding: 2.6rem 2.8rem; border-radius: 1.5rem; border: 1px solid #1f2937; box-shadow: 0 22px 40px -28px rgba(17, 24, 39, 0.7); position: relative; overflow: hidden; } @media (min-width: 124px) { .mw-pricing__enterprise { margin-top: 2.4rem; } } .mw-pricing__enterprise-inner { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 2rem; } @media (min-width: 768px) { .mw-pricing__enterprise-inner { flex-direction: row; justify-content: space-between; } } .mw-pricing__enterprise-text { max-width: 42rem; } .mw-pricing__enterprise-title { font-size: 1.5rem; font-weight: 700; margin-bottom: 1rem; font-family: "Montserrat", sans-serif; } .mw-pricing__enterprise-desc { color: #9ca3af; line-height: 1.68; } .mw-pricing__enterprise-btn { flex-shrink: 0; background-color: #e5e7eb; color: #111827; padding: 0.78rem 1.35rem; border-radius: 0.75rem; font-weight: 600; font-size: 0.9rem; font-family: "Montserrat", sans-serif; text-decoration: none; white-space: nowrap; transition: background-color 0.2s; display: inline-block; } .mw-pricing__enterprise-btn:hover { background-color: #f3f4f6; color: #111827; } .mw-pricing__enterprise-glow { position: absolute; top: 0; right: 0; width: 33%; height: 100%; background: linear-gradient(to left, rgba(0, 147, 216, 0.2), transparent); } /* --- MW Theme Gallery --- */ .mw-gallery { padding: 6rem 0; background-color: #f9f9f9; } .mw-gallery__container { max-width: 75rem; margin: 0 auto; padding: 0 1rem; } .mw-gallery__header { text-align: center; margin-bottom: 4rem; } .mw-gallery__title { font-size: 1.875rem; font-weight: 700; margin-bottom: 1rem; font-family: "Montserrat", sans-serif; color: #0a0a0a; } .mw-gallery__subtitle { color: #6b7280; } .mw-gallery__grid { display: grid; gap: 2rem; } @media (min-width: 640px) { .mw-gallery__grid { grid-template-columns: repeat(2, 1fr); } } @media (min-width: 1024px) { .mw-gallery__grid { grid-template-columns: repeat(3, 1fr); } } .mw-gallery__card { border-radius: 1rem; overflow: hidden; background-color: #fff; border: 1px solid #e5e7eb; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); transition: box-shadow 0.3s, transform 0.3s; } .mw-gallery__card:hover { box-shadow: 0 20px 40px -10px rgba(0, 0, 0, 0.15); } .mw-gallery__thumb { aspect-ratio: 16/9; position: relative; overflow: hidden; } .mw-gallery__img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s; } .mw-gallery__card:hover .mw-gallery__img { transform: scale(1.1); } .mw-gallery__overlay { position: absolute; inset: 0; background-color: rgba(0, 0, 0, 0.4); opacity: 0; display: flex; align-items: center; justify-content: center; transition: opacity 0.3s; } .mw-gallery__card:hover .mw-gallery__overlay { opacity: 1; } .mw-gallery__preview-btn { background-color: #fff; color: #111827; padding: 0.5rem 1.5rem; border-radius: 9999px; font-weight: 700; font-size: 0.875rem; text-decoration: none; font-family: "Montserrat", sans-serif; transition: background-color 0.2s; } .mw-gallery__preview-btn:hover { background-color: #f3f4f6; color: #111827; } .mw-gallery__info { padding: 1.5rem; } .mw-gallery__name { font-weight: 700; font-size: 1.125rem; font-family: "Montserrat", sans-serif; color: #0a0a0a; margin-bottom: 0.25rem; } .mw-gallery__tagline { font-size: 0.875rem; color: #6b7280; margin: 0; } /* --- MW FAQ --- */ .mw-faq { padding: 6rem 0; background-color: #fff; } .mw-faq__container { max-width: 56rem; margin: 0 auto; padding: 0 1rem; } .mw-faq__title { font-size: 1.875rem; font-weight: 700; text-align: center; margin-bottom: 3rem; font-family: "Montserrat", sans-serif; color: #0a0a0a; } .mw-faq__list { display: flex; flex-direction: column; gap: 1rem; } .mw-faq__item { padding: 1.5rem; border-radius: 1rem; border: 1px solid #e5e7eb; transition: background-color 0.2s; } .mw-faq__item[open] { background-color: #f9fafb; } .mw-faq__item summary::-webkit-details-marker { display: none; } .mw-faq__item summary::marker { display: none; content: ""; } .mw-faq__question { display: flex; justify-content: space-between; align-items: center; font-weight: 700; cursor: pointer; list-style: none; color: #0a0a0a; } .mw-faq__arrow { transition: transform 0.2s; } .mw-faq__item[open] .mw-faq__arrow { transform: rotate(180deg); } .mw-faq__answer { margin-top: 1rem; color: #6b7280; line-height: 1.7; } /* --- MW Final CTA --- */ .mw-cta { padding: 6rem 0; background-color: #111827; color: #fff; position: relative; overflow: hidden; } .mw-cta__container { max-width: 56rem; margin: 0 auto; padding: 0 1rem; text-align: center; position: relative; z-index: 1; } .mw-cta__title { font-size: 2rem; font-weight: 900; margin-bottom: 1.5rem; font-family: "Montserrat", sans-serif; } @media (min-width: 1024px) { .mw-cta__title { font-size: 2.25rem; } } .mw-cta__desc { font-size: 1.25rem; color: #9ca3af; margin-bottom: 3rem; line-height: 1.6; } .mw-cta__buttons { display: flex; flex-direction: column; gap: 1.5rem; justify-content: center; } @media (min-width: 640px) { .mw-cta__buttons { flex-direction: row; } } .mw-cta__btn { padding: 1.25rem 2.5rem; border-radius: 0.75rem; font-weight: 700; font-size: 1.125rem; font-family: "Montserrat", sans-serif; text-decoration: none; display: inline-block; transition: transform 0.2s, background-color 0.2s; } .mw-cta__btn--primary { background-color: #0093d8; color: #fff; box-shadow: 0 25px 50px -12px rgba(0, 147, 216, 0.4); } .mw-cta__btn--primary:hover { transform: scale(1.05); color: #fff; } .mw-cta__btn--secondary { background-color: #1f2937; color: #fff; } .mw-cta__btn--secondary:hover { background-color: #374151; color: #fff; } .mw-cta__glow { position: absolute; inset: 0; background: radial-gradient(circle at center, rgba(0, 147, 216, 0.1), transparent 70%); } /* --- MW Waitlist Form --- */ .mw-waitlist { padding: 6rem 0; background-color: #f9f9f9; } .mw-waitlist__container { max-width: 48rem; margin: 0 auto; padding: 0 1rem; } .mw-waitlist__box { background-color: #fff; padding: 2rem; border-radius: 1.5rem; box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.1); border: 1px solid #e5e7eb; } @media (min-width: 1024px) { .mw-waitlist__box { padding: 3rem; } } .mw-waitlist__header { text-align: center; margin-bottom: 2.5rem; } .mw-waitlist__title { font-size: 1.875rem; font-weight: 700; margin-bottom: 0.75rem; font-family: "Montserrat", sans-serif; color: #0a0a0a; } .mw-waitlist__subtitle { color: #6b7280; } .mw-waitlist__form { display: flex; flex-direction: column; gap: 1.5rem; } .mw-waitlist__row { display: grid; gap: 1.5rem; } @media (min-width: 768px) { .mw-waitlist__row { grid-template-columns: repeat(2, 1fr); } } .mw-waitlist__label { display: block; font-size: 0.875rem; font-weight: 700; margin-bottom: 0.5rem; color: #0a0a0a; } .mw-waitlist__input, .mw-waitlist__select { width: 100%; background-color: #f9fafb; border: 1px solid #e5e7eb; border-radius: 0.5rem; padding: 0.75rem; font-size: 1rem; font-family: "Montserrat", sans-serif; color: #0a0a0a; transition: border-color 0.2s, box-shadow 0.2s; box-sizing: border-box; } .mw-waitlist__input:focus, .mw-waitlist__select:focus { outline: none; border-color: #0093d8; box-shadow: 0 0 0 3px rgba(0, 147, 216, 0.15); } .mw-waitlist__field--checkbox { display: flex; align-items: center; padding-top: 2rem; } .mw-waitlist__checkbox-label { display: flex; align-items: center; gap: 0.75rem; cursor: pointer; font-size: 0.875rem; font-weight: 500; } .mw-waitlist__checkbox { width: 1.25rem; height: 1.25rem; border-radius: 0.25rem; border: 1px solid #d1d5db; accent-color: #0093d8; cursor: pointer; } .mw-waitlist__submit { width: 100%; background-color: #0093d8; color: #fff; padding: 1rem; border-radius: 0.75rem; font-weight: 700; font-size: 1.125rem; font-family: "Montserrat", sans-serif; border: none; cursor: pointer; margin-top: 0.5rem; box-shadow: 0 10px 25px -5px rgba(0, 147, 216, 0.2); transition: filter 0.2s; } .mw-waitlist__submit:hover { filter: brightness(1.1); } .mw-waitlist__submit:disabled { cursor: not-allowed; filter: grayscale(0.15) brightness(0.95); } .mw-waitlist__status { margin: -0.25rem 0 0; padding: 0.75rem 0.875rem; border-radius: 0.625rem; font-size: 0.875rem; font-weight: 600; text-align: center; } .mw-waitlist__status--success { background: #e9f9ef; color: #17693a; border: 1px solid #bfe8cf; } .mw-waitlist__status--error { background: #fff0f0; color: #b42318; border: 1px solid #ffd4d2; } .mw-waitlist__status--info { background: #eff7ff; color: #0b61a4; border: 1px solid #c7e2ff; } .mw-waitlist__note { text-align: center; font-size: 0.75rem; color: #9ca3af; margin: 0; } /* ======================================================================== Monthly Support Page (ms-) ======================================================================== */ /* Utility classes */ .architectural-border { border: 1px solid rgba(10, 10, 10, 0.08); } .editorial-shadow { box-shadow: 0 10px 30px -10px rgba(0, 147, 216, 0.1); } /* --- Hero Section --- */ .ms-hero { position: relative; padding: 5rem 2rem 8rem; overflow: hidden; background: #fff; } .ms-hero__grid { max-width: 75rem; margin: 0 auto; display: grid; grid-template-columns: 1fr; gap: 3rem; align-items: center; } @media (min-width: 64em) { .ms-hero__grid { grid-template-columns: 7fr 5fr; } } .ms-hero__content { display: flex; flex-direction: column; gap: 2rem; } .ms-hero__badge { display: inline-flex; align-items: center; gap: 0.5rem; padding: 0.25rem 0.75rem; border-radius: 9999px; background: rgba(129, 209, 52, 0.15); border: 1px solid rgba(129, 209, 52, 0.2); align-self: flex-start; } .ms-hero__badge-dot { width: 0.5rem; height: 0.5rem; border-radius: 50%; background: #81d134; } .ms-hero__badge-text { font-size: 0.75rem; font-family: "Montserrat", sans-serif; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 700; color: #40770a; } .ms-hero__title { font-family: "Montserrat", sans-serif; font-size: 2.5rem; font-weight: 800; letter-spacing: -0.025em; line-height: 1.15; color: #0a0a0a; margin: 0; } @media (min-width: 768px) { .ms-hero__title { font-size: 3.5rem; } } .ms-hero__title span { color: #0093d8; } .ms-hero__desc { font-size: 1.125rem; color: #6f6f6f; max-width: 42rem; line-height: 1.7; margin: 0; } @media (min-width: 768px) { .ms-hero__desc { font-size: 1.25rem; } } .ms-hero__buttons { display: flex; flex-wrap: wrap; gap: 1rem; padding-top: 1rem; } .ms-hero__btn { padding: 1rem 2rem; font-family: "Montserrat", sans-serif; font-weight: 700; border-radius: 0.5rem; border: 0; cursor: pointer; transition: all 0.3s; font-size: 1rem; display: inline-flex; align-items: center; gap: 0.5rem; } .ms-hero__btn:active { transform: scale(0.95); } .ms-hero__btn--primary { background: #0093d8; color: #fff; } .ms-hero__btn--primary:hover { background: #0076ad; color: #fff; } .ms-hero__btn--secondary { background: #f9f9f9; color: #0a0a0a; } .ms-hero__btn--secondary:hover { background: #e6e6e6; } .ms-hero__note { font-size: 0.875rem; color: rgba(111, 111, 111, 0.7); font-weight: 500; display: flex; align-items: center; gap: 0.5rem; margin: 0; } .ms-hero__note .material-symbols-outlined { font-size: 1rem; } .ms-hero__visual { position: relative; } .ms-hero__image { aspect-ratio: 1; border-radius: 1rem; overflow: hidden; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); background: #e6e6e6; } .ms-hero__image img { width: 100%; height: 100%; object-fit: cover; display: block; } .ms-hero__float-card { position: absolute; bottom: -1.5rem; left: -2rem; padding: 1.5rem; background: #fff; border-radius: 0.75rem; max-width: 18rem; } .ms-hero__float-icon { display: flex; align-items: center; gap: 1rem; margin-bottom: 0.75rem; } .ms-hero__float-icon-bg { padding: 0.5rem; background: rgba(129, 209, 52, 0.1); border-radius: 0.5rem; } .ms-hero__float-icon-bg .material-symbols-outlined { color: #81d134; } .ms-hero__float-label { font-family: "Montserrat", sans-serif; font-weight: 700; color: #0a0a0a; } .ms-hero__float-desc { font-size: 0.875rem; color: #6f6f6f; margin: 0; } /* --- Intro Section --- */ .ms-intro { padding: 6rem 0; background: #f9f9f9; } .ms-intro__grid { max-width: 75rem; margin: 0 auto; padding: 0 2rem; display: grid; grid-template-columns: 1fr; gap: 4rem; align-items: center; } @media (min-width: 64em) { .ms-intro__grid { grid-template-columns: 1fr 1fr; } } .ms-intro__cards { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; order: 2; } @media (min-width: 64em) { .ms-intro__cards { order: 1; } } .ms-intro__cards-col { display: flex; flex-direction: column; gap: 1.5rem; } .ms-intro__cards-col:first-child { padding-top: 3rem; } .ms-intro__card { aspect-ratio: 1; border-radius: 0.75rem; padding: 2rem; display: flex; flex-direction: column; justify-content: flex-end; transition: border-color 0.3s; } .ms-intro__card--light { background: #fff; } .ms-intro__card--light:hover { border-color: #0093d8; } .ms-intro__card--primary { background: #0093d8; color: #fff; box-shadow: 0 10px 30px -10px rgba(0, 147, 216, 0.3); } .ms-intro__card--secondary { background: #81d134; color: #fff; box-shadow: 0 10px 30px -10px rgba(129, 209, 52, 0.3); } .ms-intro__card--light-sec:hover { border-color: #81d134; } .ms-intro__card .material-symbols-outlined { font-size: 2.25rem; margin-bottom: 1rem; } .ms-intro__card--light .material-symbols-outlined { color: #0093d8; } .ms-intro__card--light-sec .material-symbols-outlined { color: #81d134; } .ms-intro__card h3 { font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 1.125rem; margin: 0; } .ms-intro__text { order: 1; } @media (min-width: 64em) { .ms-intro__text { order: 2; } } .ms-intro__text h2 { font-family: "Montserrat", sans-serif; font-size: 2.25rem; font-weight: 800; letter-spacing: -0.025em; color: #0a0a0a; margin: 0 0 1.5rem; } @media (min-width: 768px) { .ms-intro__text h2 { font-size: 2.75rem; } } .ms-intro__text > p { font-size: 1.125rem; color: #6f6f6f; line-height: 1.7; margin: 0 0 1.5rem; } .ms-intro__list { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 1rem; } .ms-intro__list li { display: flex; align-items: center; gap: 0.75rem; color: #6f6f6f; } .ms-intro__list .material-symbols-outlined { color: #81d134; } /* --- Pricing Section --- */ .ms-pricing { padding: 8rem 0; background: #fff; } .ms-pricing__container { max-width: 75rem; margin: 0 auto; padding: 0 2rem; } .ms-pricing__header { text-align: center; margin-bottom: 5rem; } .ms-pricing__header h2 { font-family: "Montserrat", sans-serif; font-size: 2.25rem; font-weight: 800; letter-spacing: -0.025em; color: #0a0a0a; margin: 0 0 1rem; } @media (min-width: 768px) { .ms-pricing__header h2 { font-size: 2.75rem; } } .ms-pricing__header p { color: #6f6f6f; max-width: 42rem; margin: 0 auto; font-size: 1.125rem; } .ms-pricing__cards { display: grid; grid-template-columns: 1fr; gap: 2rem; max-width: 64rem; margin: 0 auto; } @media (min-width: 768px) { .ms-pricing__cards { grid-template-columns: 1fr 1fr; } } /* Theme Care Card */ .ms-pricing__card { padding: 2.5rem; border-radius: 1rem; display: flex; flex-direction: column; transition: transform 0.3s; } .ms-pricing__card:hover { transform: translateY(-4px); } .ms-pricing__card--standard { background: #fff; } .ms-pricing__card--featured { background: #0093d8; color: #fff; box-shadow: 0 20px 50px -10px rgba(0, 147, 216, 0.3); position: relative; overflow: hidden; } .ms-pricing__popular { position: absolute; top: 1.5rem; right: 1.5rem; background: #81d134; color: #fff; font-size: 0.625rem; font-weight: 700; padding: 0.25rem 0.75rem; border-radius: 9999px; text-transform: uppercase; letter-spacing: 0.1em; } .ms-pricing__tier-label { font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; font-size: 0.75rem; color: #0093d8; } .ms-pricing__card--featured .ms-pricing__tier-label { color: #c0ebff; } .ms-pricing__tier-name { font-family: "Montserrat", sans-serif; font-size: 1.875rem; font-weight: 800; margin: 0.5rem 0 0; } .ms-pricing__card-header { margin-bottom: 2rem; } .ms-pricing__price-wrap { margin-bottom: 2rem; } .ms-pricing__price { display: flex; align-items: baseline; gap: 0.5rem; } .ms-pricing__price-amount { font-size: 2.25rem; font-weight: 800; color: #0a0a0a; } .ms-pricing__card--featured .ms-pricing__price-amount { color: #fff; } .ms-pricing__price-period { color: #bcbcbc; font-weight: 500; } .ms-pricing__card--featured .ms-pricing__price-period { color: #c0ebff; } .ms-pricing__price-note { font-size: 0.875rem; color: #bcbcbc; margin: 0.25rem 0 0; } .ms-pricing__card--featured .ms-pricing__price-note { color: #c0ebff; } .ms-pricing__features { list-style: none; margin: 0; padding: 0; flex-grow: 1; margin-bottom: 2.5rem; display: flex; flex-direction: column; gap: 1.25rem; } .ms-pricing__features li { display: flex; align-items: flex-start; gap: 1rem; } .ms-pricing__features .material-symbols-outlined { margin-top: 0.125rem; color: #0093d8; } .ms-pricing__card--featured .ms-pricing__features .material-symbols-outlined { color: #81d134; } .ms-pricing__features span:last-child { color: #6f6f6f; } .ms-pricing__card--featured .ms-pricing__features span:last-child { color: rgba(255, 255, 255, 0.85); } .ms-pricing__card--featured .ms-pricing__features li:first-child span:last-child { font-weight: 700; color: #fff; } .ms-pricing__btn { width: 100%; padding: 1rem; border-radius: 0.5rem; font-family: "Montserrat", sans-serif; font-weight: 700; cursor: pointer; transition: all 0.3s; font-size: 1rem; text-align: center; display: block; } .ms-pricing__btn--outline { background: transparent; color: #0093d8; border: 2px solid #0093d8; } .ms-pricing__btn--outline:hover { background: #0093d8; color: #fff; } .ms-pricing__btn--filled { background: #81d134; color: #fff; border: 0; } .ms-pricing__btn--filled:hover { background: #6eb727; box-shadow: 0 10px 30px -10px rgba(129, 209, 52, 0.4); } .ms-pricing__disclaimer { text-align: center; font-size: 0.875rem; color: #bcbcbc; margin: 2.5rem 0 0; } /* --- Extras Section (Small Changes & WooCommerce) --- */ .ms-extras { padding: 6rem 0; background: #f9f9f9; } .ms-extras__grid { max-width: 75rem; margin: 0 auto; padding: 0 2rem; display: grid; grid-template-columns: 1fr; gap: 3rem; } @media (min-width: 64em) { .ms-extras__grid { grid-template-columns: 1fr 1fr; } } .ms-extras__changes { background: #fff; padding: 3rem; border-radius: 1rem; } .ms-extras__changes h2 { font-family: "Montserrat", sans-serif; font-size: 1.875rem; font-weight: 800; margin: 0 0 1.5rem; color: #0a0a0a; } .ms-extras__changes > p { color: #6f6f6f; margin-bottom: 2rem; font-size: 1.125rem; } .ms-extras__items { display: grid; grid-template-columns: 1fr; gap: 1rem; } @media (min-width: 40em) { .ms-extras__items { grid-template-columns: 1fr 1fr; } } .ms-extras__item { display: flex; align-items: center; gap: 0.75rem; padding: 1rem; background: #f9f9f9; border-radius: 0.5rem; } .ms-extras__item .material-symbols-outlined { color: #0093d8; } .ms-extras__item span:last-child { font-weight: 500; } .ms-extras__note { margin-top: 2rem; font-size: 0.875rem; color: #bcbcbc; font-style: italic; } .ms-extras__woo { background: #002639; color: #fff; padding: 3rem; border-radius: 1rem; box-shadow: 0 20px 50px -10px rgba(0, 38, 57, 0.3); display: flex; flex-direction: column; justify-content: space-between; } .ms-extras__woo-header { display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1.5rem; } .ms-extras__woo-header .material-symbols-outlined { color: #81d134; font-size: 2.25rem; } .ms-extras__woo-header h2 { font-family: "Montserrat", sans-serif; font-size: 1.875rem; font-weight: 800; margin: 0; color: #fff; } .ms-extras__woo > p { color: #bcbcbc; margin-bottom: 2.5rem; font-size: 1.125rem; } .ms-extras__woo-plans { display: flex; flex-direction: column; gap: 1.5rem; } .ms-extras__woo-plan { padding: 1.5rem; background: rgba(255, 255, 255, 0.05); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 0.75rem; display: flex; justify-content: space-between; align-items: center; transition: border-color 0.3s; } .ms-extras__woo-plan:hover { border-color: #81d134; } .ms-extras__woo-plan--highlight { background: rgba(255, 255, 255, 0.1); border-color: #81d134; } .ms-extras__woo-plan h4 { font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 1.25rem; margin: 0 0 0.25rem; color: #fff; } .ms-extras__woo-plan p { font-size: 0.875rem; color: #bcbcbc; margin: 0; } .ms-extras__woo-price { text-align: right; } .ms-extras__woo-price span:first-child { font-size: 1.5rem; font-weight: 800; color: #81d134; } .ms-extras__woo-price span:last-child { display: block; font-size: 0.75rem; color: #6f6f6f; } .ms-extras__woo-disclaimer { margin-top: 1.5rem; font-size: 0.8125rem; color: rgba(255, 255, 255, 0.45); font-style: italic; } /* --- Comparison Table --- */ .ms-compare { padding: 8rem 0; background: #fff; } .ms-compare__container { max-width: 56rem; margin: 0 auto; padding: 0 2rem; } .ms-compare h2 { font-family: "Montserrat", sans-serif; font-size: 2.25rem; font-weight: 800; text-align: center; margin: 0 0 4rem; color: #0a0a0a; } .ms-compare__table-wrap { overflow: hidden; border-radius: 1rem; } .ms-compare table { width: 100%; text-align: left; border-collapse: collapse; } .ms-compare thead tr { background: #f9f9f9; } .ms-compare th, .ms-compare td { padding: 2rem; } @media (max-width: 40em) { .ms-compare th, .ms-compare td { padding: 1rem; font-size: 0.875rem; } } .ms-compare th { font-family: "Montserrat", sans-serif; font-weight: 700; color: #0a0a0a; } .ms-compare th:nth-child(2) { color: #0093d8; } .ms-compare th:nth-child(3) { color: #81d134; } .ms-compare tbody tr { border-top: 1px solid #f9f9f9; } .ms-compare tbody tr:nth-child(even) { background: rgba(249, 249, 249, 0.3); } .ms-compare td:first-child { font-weight: 500; } .ms-compare td:not(:first-child) { color: #6f6f6f; } /* --- How It Works --- */ .ms-steps { padding: 6rem 0; background: #f9f9f9; } .ms-steps__container { max-width: 75rem; margin: 0 auto; padding: 0 2rem; } .ms-steps h2 { font-family: "Montserrat", sans-serif; font-size: 2.25rem; font-weight: 800; text-align: center; margin: 0 0 5rem; color: #0a0a0a; } .ms-steps__grid { display: grid; grid-template-columns: 1fr; gap: 3rem; } @media (min-width: 768px) { .ms-steps__grid { grid-template-columns: 1fr 1fr; } } @media (min-width: 64em) { .ms-steps__grid { grid-template-columns: repeat(4, 1fr); } } .ms-steps__step { position: relative; } .ms-steps__num { margin-bottom: 1.5rem; width: 3rem; height: 3rem; background: #0093d8; color: #fff; border-radius: 0.5rem; display: flex; align-items: center; justify-content: center; font-family: "Montserrat", sans-serif; font-size: 1.25rem; font-weight: 800; transition: transform 0.3s; } .ms-steps__step:hover .ms-steps__num { transform: rotate(6deg); } .ms-steps__num--accent { background: #81d134; } .ms-steps__step h3 { font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 1.25rem; margin: 0 0 1rem; color: #0a0a0a; } .ms-steps__step p { color: #6f6f6f; margin: 0; } /* --- FAQ Section --- */ .ms-faq { padding: 8rem 0; background: #fff; } .ms-faq__container { max-width: 48rem; margin: 0 auto; padding: 0 2rem; } .ms-faq h2 { font-family: "Montserrat", sans-serif; font-size: 2.25rem; font-weight: 800; text-align: center; margin: 0 0 4rem; color: #0a0a0a; } .ms-faq__list { display: flex; flex-direction: column; gap: 1.5rem; } .ms-faq__item { background: #f9f9f9; border-radius: 0.75rem; padding: 1.5rem; cursor: pointer; transition: all 0.3s; } .ms-faq__item[open] { background: #fff; } .ms-faq__item summary { display: flex; justify-content: space-between; align-items: center; font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 1.125rem; list-style: none; gap: 1rem; } .ms-faq__item summary::-webkit-details-marker { display: none; } .ms-faq__item summary .material-symbols-outlined { color: #0093d8; transition: transform 0.3s; flex-shrink: 0; } .ms-faq__item[open] summary .material-symbols-outlined { transform: rotate(180deg); } .ms-faq__answer { margin-top: 1rem; color: #6f6f6f; line-height: 1.7; } /* --- CTA Section --- */ .ms-cta { padding: 0 2rem 8rem; } .ms-cta__inner { max-width: 75rem; margin: 0 auto; position: relative; background: #002639; border-radius: 1.5rem; overflow: hidden; padding: 3rem; text-align: center; } @media (min-width: 768px) { .ms-cta__inner { padding: 6rem; } } .ms-cta__bg { position: absolute; inset: 0; opacity: 0.1; } .ms-cta__bg img { width: 100%; height: 100%; object-fit: cover; } .ms-cta__content { position: relative; z-index: 1; max-width: 48rem; margin: 0 auto; display: flex; flex-direction: column; gap: 2rem; } .ms-cta__content h2 { font-family: "Montserrat", sans-serif; font-size: 2.25rem; font-weight: 800; color: #fff; line-height: 1.15; margin: 0; } @media (min-width: 768px) { .ms-cta__content h2 { font-size: 3.5rem; } } .ms-cta__content h2 span { color: #81d134; } .ms-cta__content > p { font-size: 1.25rem; color: #c0ebff; margin: 0; } .ms-cta__buttons { display: flex; flex-wrap: wrap; justify-content: center; gap: 1.5rem; padding-top: 1rem; } .ms-cta__btn { padding: 1.25rem 2.5rem; font-family: "Montserrat", sans-serif; font-weight: 700; border-radius: 0.5rem; border: 0; cursor: pointer; transition: all 0.3s; font-size: 1rem; } .ms-cta__btn:active { transform: scale(0.95); } .ms-cta__btn--green { background: #81d134; color: #fff; } .ms-cta__btn--green:hover { background: #6eb727; box-shadow: 0 10px 30px -10px rgba(129, 209, 52, 0.4); } .ms-cta__btn--white { background: #fff; color: #0093d8; } .ms-cta__btn--white:hover { background: #f9f9f9; } /* --- Support Request Modal --- */ .ms-modal { display: none; position: fixed; inset: 0; z-index: 9999; align-items: center; justify-content: center; } .ms-modal.is-open { display: flex; } .ms-modal__overlay { position: absolute; inset: 0; background: rgba(0, 38, 57, 0.6); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); } .ms-modal__dialog { position: relative; background: #fff; border-radius: 16px; width: 90%; max-width: 640px; max-height: 90vh; overflow-y: auto; padding: 2.5rem; animation: msModalIn 0.25s ease-out; } @keyframes msModalIn { from { opacity: 0; transform: translateY(20px) scale(0.97); } to { opacity: 1; transform: translateY(0) scale(1); } } .ms-modal__close { position: absolute; top: 1rem; right: 1rem; background: none; border: none; cursor: pointer; color: #6f6f6f; padding: 0.25rem; border-radius: 50%; transition: background 0.2s; } .ms-modal__close:hover { background: #f0f0f0; } .ms-modal__close .material-symbols-outlined { font-size: 1.5rem; } .ms-modal__header { margin-bottom: 1.75rem; } .ms-modal__title { font-size: 1.5rem; font-weight: 700; color: #002639; margin: 0 0 0.35rem; } .ms-modal__subtitle { font-size: 0.9375rem; color: #6f6f6f; margin: 0; } .ms-modal__row { display: flex; gap: 1rem; margin-bottom: 1rem; } .ms-modal__field { flex: 1; } .ms-modal__field label { display: block; font-size: 0.8125rem; font-weight: 600; color: #002639; margin-bottom: 0.35rem; } .ms-modal__field label span { color: #e53935; } .ms-modal__field input[type="text"], .ms-modal__field input[type="email"], .ms-modal__field input[type="url"], .ms-modal__field select, .ms-modal__field textarea { width: 100%; padding: 0.625rem 0.75rem; height: 2.75rem; border: 1px solid #e0e0e0; border-radius: 8px; font-size: 0.9375rem; font-family: "Montserrat", sans-serif; background: #fafafa; color: #0a0a0a; transition: border-color 0.2s; box-sizing: border-box; } .ms-modal__field textarea { height: auto; } .ms-modal__field input:focus, .ms-modal__field select:focus, .ms-modal__field textarea:focus { outline: none; border-color: #0093d8; background: #fff; } .ms-modal__field select { appearance: none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%236f6f6f' d='M1.41.59L6 5.17 10.59.59 12 2l-6 6-6-6z'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 0.75rem center; padding-right: 2rem; } .ms-modal__field--checkbox label { display: flex; align-items: center; gap: 0.5rem; cursor: pointer; font-weight: 400; font-size: 0.9375rem; color: #0a0a0a; } .ms-modal__field--checkbox input[type="checkbox"] { width: 18px; height: 18px; accent-color: #0093d8; flex-shrink: 0; } .ms-modal__submit { width: 100%; padding: 0.875rem; background: #0093d8; color: #fff; border: none; border-radius: 10px; font-size: 1rem; font-weight: 600; font-family: "Montserrat", sans-serif; cursor: pointer; transition: background 0.2s; margin-top: 0.5rem; } .ms-modal__submit:hover { background: #0076ad; } .ms-modal__submit:disabled { opacity: 0.6; cursor: not-allowed; } .ms-modal__status { text-align: center; font-size: 0.875rem; margin-top: 0.75rem; padding: 0.5rem 0.75rem; border-radius: 8px; } .ms-modal__status--success { color: #2e7d32; background: #e8f5e9; } .ms-modal__status--error { color: #c62828; background: #fce4ec; } @media screen and (max-width: 40em) { .ms-modal__dialog { padding: 1.5rem; width: 95%; } .ms-modal__row { flex-direction: column; gap: 0; } } /* ===================================================== Single Post Redesign (.sp-*) ===================================================== */ /* Override old single-post background */ .single-post { background-color: #f8fafc; } /* ── Hero ── */ .sp-hero { background-color: #fff; border-bottom: 1px solid #e2e8f0; padding: 2.5rem 1rem; position: relative; overflow: hidden; text-align: center; } @media (min-width: 48em) { .sp-hero { padding: 5rem 1.5rem; } } .sp-hero__blur { position: absolute; top: -5rem; right: -5rem; width: 24rem; height: 24rem; background: rgba(0, 133, 186, 0.05); border-radius: 50%; filter: blur(48px); pointer-events: none; } .sp-hero__inner { max-width: 56rem; margin: 0 auto; position: relative; z-index: 1; } .sp-hero__badge-wrap { display: flex; justify-content: center; margin-bottom: 1.5rem; } .sp-hero__badge { display: inline-block; font-size: 0.6875rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; color: #82c91e; background: rgba(130, 201, 30, 0.1); padding: 0.25rem 0.75rem; border-radius: 9999px; text-decoration: none; transition: background 0.2s; } .sp-hero__badge:hover { background: rgba(130, 201, 30, 0.2); color: #82c91e; } .sp-hero__title { font-family: 'Poppins', sans-serif; font-size: 1.875rem; font-weight: 700; color: #1e293b; letter-spacing: -0.025em; line-height: 1.2; margin: 0 0 1.5rem; } @media (min-width: 48em) { .sp-hero__title { font-size: 2.75rem; } } @media (min-width: 64em) { .sp-hero__title { font-size: 3rem; } } .sp-hero__meta { display: flex; align-items: center; justify-content: center; gap: 0.75rem; font-size: 0.875rem; color: #64748b; flex-wrap: wrap; } .sp-hero__author-avatar { width: 2rem; height: 2rem; border-radius: 50%; overflow: hidden; background: #e2e8f0; flex-shrink: 0; } .sp-hero__author-avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; } .sp-hero__author-name { font-weight: 600; color: #1e293b; } .sp-hero__dot { width: 4px; height: 4px; border-radius: 50%; background: #cbd5e1; flex-shrink: 0; } /* ── Body wrapper ── */ .sp-body { padding: 2rem 1rem; } @media (min-width: 48em) { .sp-body { padding: 3rem 1.5rem; } } /* ── Grid: 3-column on desktop ── */ .sp-grid { max-width: 80rem; margin: 0 auto; display: grid; grid-template-columns: 1fr; gap: 2rem; } @media (min-width: 64em) { .sp-grid { grid-template-columns: 3.5rem 1fr 17rem; gap: 2.5rem; } } /* ── Share sidebar (desktop) ── */ .sp-share { display: none; } @media (min-width: 64em) { .sp-share { display: block; } } .sp-share__sticky { position: sticky; top: 6rem; display: flex; flex-direction: column; align-items: center; gap: 0.75rem; } .sp-share__label { font-size: 0.6875rem; font-weight: 700; text-transform: uppercase; color: #64748b; writing-mode: vertical-rl; transform: rotate(180deg); letter-spacing: 0.05em; margin-bottom: 0.25rem; } .sp-share__btn { display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; border-radius: 50%; background: #fff; border: 1px solid #e2e8f0; color: #64748b; text-decoration: none; transition: all 0.2s; } .sp-share__btn:hover { border-color: #0085ba; color: #0085ba; } .sp-share__btn--twitter:hover { color: #1DA1F2; border-color: #1DA1F2; } .sp-share__btn--facebook:hover { color: #4267B2; border-color: #4267B2; } .sp-share__btn--copy.sp-share__btn--copied { color: #82c91e; border-color: #82c91e; } .sp-share__btn .material-symbols-outlined { font-size: 1.125rem; } .sp-share__icon { width: 1rem; height: 1rem; fill: currentColor; } /* ── Article column ── */ .sp-article { min-width: 0; } .sp-article__image { border-radius: 0.75rem; overflow: hidden; margin-bottom: 1.5rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); border: 1px solid #e2e8f0; } .sp-article__image img { display: block; width: 100%; height: auto; } .sp-article__body { background: #fff; border-radius: 0.75rem; padding: 2rem; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04); border: 1px solid #e2e8f0; } @media (min-width: 48em) { .sp-article__body { padding: 3rem; } } /* ── Post content typography ── */ .sp-article__content { color: #64748b; font-size: 1.125rem; line-height: 1.75; } .sp-article__content > *:first-child { margin-top: 0; } .sp-article__content p { color: #64748b; margin-bottom: 1.5rem; line-height: 1.75; } .sp-article__content strong { color: #1e293b; } .sp-article__content a { color: #0085ba; text-decoration: underline; text-underline-offset: 2px; } .sp-article__content a:hover { color: #0073aa; } .sp-article__content h2 { font-family: 'Poppins', sans-serif; font-size: 1.5rem; font-weight: 700; color: #1e293b; margin-top: 2.5rem; margin-bottom: 1rem; scroll-margin-top: 5rem; } .sp-article__content h3 { font-family: 'Poppins', sans-serif; font-size: 1.3125rem; font-weight: 700; color: #1e293b; margin-top: 2rem; margin-bottom: 0.75rem; } .sp-article__content h4, .sp-article__content h5, .sp-article__content h6 { font-family: 'Poppins', sans-serif; font-weight: 700; color: #1e293b; margin-top: 1.5rem; margin-bottom: 0.5rem; } .sp-article__content h4 { font-size: 1.1875rem; } .sp-article__content h5 { font-size: 1.0625rem; } .sp-article__content h6 { font-size: 1rem; } .sp-article__content ul, .sp-article__content ol { padding-left: 1.5rem; margin-bottom: 1.5rem; color: #64748b; } .sp-article__content li { margin-bottom: 0.5rem; } .sp-article__content ul { list-style: disc; } .sp-article__content ol { list-style: decimal; } .sp-article__content blockquote { background: #eff6ff; border-left: 4px solid #0085ba; border-radius: 0 0.5rem 0.5rem 0; padding: 1.5rem; margin: 2rem 0; font-style: normal; } .sp-article__content blockquote p { color: #64748b; margin: 0; font-size: 0.9375rem; } .sp-article__content blockquote p:before, .sp-article__content blockquote p:after { content: none; } .sp-article__content code { background: #f1f5f9; color: #e11d48; font-size: 0.875em; padding: 0.15em 0.4em; border-radius: 0.25rem; font-family: 'Consolas', 'Monaco', monospace; } .sp-article__content pre { background: #1e293b; border-radius: 0.5rem; padding: 1.5rem; overflow-x: auto; margin: 1.5rem 0; } .sp-article__content pre code { background: none; color: #e2e8f0; padding: 0; font-size: 0.875rem; } .sp-article__content img { max-width: 100%; height: auto; border-radius: 0.5rem; } /* ── Mobile TOC ── */ .sp-toc-mobile { background: #fff; border: 1px solid #e2e8f0; border-radius: 0.75rem; margin-bottom: 1.5rem; overflow: hidden; } @media (min-width: 64em) { .sp-toc-mobile { display: none; } } .sp-toc-mobile__toggle { display: flex; align-items: center; gap: 0.5rem; width: 100%; padding: 1rem 1.25rem; background: none; border: none; font-size: 0.9375rem; font-weight: 600; color: #1e293b; cursor: pointer; text-align: left; } .sp-toc-mobile__toggle .material-symbols-outlined:first-child { color: #0085ba; font-size: 1.25rem; } .sp-toc-mobile__arrow { margin-left: auto; transition: transform 0.2s; color: #64748b; } .sp-toc-mobile--open .sp-toc-mobile__arrow { transform: rotate(180deg); } .sp-toc-mobile__list { padding: 0 1.25rem 1rem; display: flex; flex-direction: column; } /* ── TOC (shared link styles) ── */ .sp-toc__link { display: block; padding: 0.5rem 0.875rem; font-size: 0.8125rem; color: #64748b; text-decoration: none; border-left: 2px solid transparent; border-radius: 0 0.25rem 0.25rem 0; transition: color 0.2s, background 0.2s, border-color 0.2s; line-height: 1.55; letter-spacing: 0.01em; } .sp-toc__link:hover { color: #0073aa; background: rgba(0, 133, 186, 0.04); } .sp-toc__link--active { color: #0085ba; font-weight: 600; border-left-color: #0085ba; background: rgba(0, 133, 186, 0.06); } /* ── Right sidebar ── */ .sp-sidebar { display: none; } @media (min-width: 64em) { .sp-sidebar { display: block; } } .sp-sidebar__sticky { position: sticky; top: 6rem; } /* ── TOC (sidebar) ── */ .sp-toc { background: #fff; border: 1px solid #e2e8f0; border-radius: 0.75rem; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04), 0 0 0 1px rgba(0, 0, 0, 0.01); padding: 1.5rem; margin-bottom: 2rem; } .sp-toc__title { font-size: 0.625rem; font-weight: 700; text-transform: uppercase; color: #94a3b8; letter-spacing: 0.1em; margin: 0 0 1rem; padding-bottom: 0.75rem; border-bottom: 1px solid #f1f5f9; } .sp-toc__list { display: flex; flex-direction: column; gap: 0.125rem; } /* ── Related Articles (sidebar) ── */ .sp-related { margin-bottom: 2rem; } .sp-related__title { font-size: 0.75rem; font-weight: 700; text-transform: uppercase; color: #64748b; letter-spacing: 0.05em; margin: 0 0 1.25rem; padding-bottom: 0.5rem; border-bottom: 1px solid #e2e8f0; } .sp-related__list { display: flex; flex-direction: column; gap: 1.5rem; } .sp-related__item { display: block; text-decoration: none; } .sp-related__item:hover .sp-related__item-title { color: #0085ba; } .sp-related__thumb { aspect-ratio: 3 / 2; background: #f1f5f9; border-radius: 0.5rem; overflow: hidden; margin-bottom: 0.75rem; display: flex; align-items: center; justify-content: center; color: #cbd5e1; } .sp-related__thumb img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; } .sp-related__item:hover .sp-related__thumb img { transform: scale(1.05); } .sp-related__thumb .material-symbols-outlined { font-size: 2rem; } .sp-related__item-title { font-size: 0.875rem; font-weight: 700; color: #1e293b; margin: 0; line-height: 1.4; transition: color 0.15s; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .sp-related__date { font-size: 0.75rem; color: #64748b; display: block; margin-top: 0.25rem; } /* ── Sidebar CTA ── */ .sp-sidebar-cta { padding: 1.5rem; background: rgba(0, 133, 186, 0.05); border-radius: 0.75rem; border: 1px solid rgba(0, 133, 186, 0.1); } .sp-sidebar-cta__title { font-size: 0.875rem; font-weight: 700; color: #0085ba; margin: 0 0 0.5rem; } .sp-sidebar-cta__desc { font-size: 0.75rem; color: #64748b; margin: 0 0 1rem; line-height: 1.5; } .sp-sidebar-cta__btn { display: block; text-align: center; font-size: 0.75rem; font-weight: 700; color: #fff; background: #0085ba; padding: 0.5rem 1rem; border-radius: 0.375rem; text-decoration: none; transition: background 0.2s; } .sp-sidebar-cta__btn:hover { background: #0073aa; color: #fff; } /* ── Author box ── */ .sp-author { margin-top: 2rem; background: #fff; border-radius: 0.75rem; padding: 2rem; border: 1px solid #e2e8f0; display: flex; flex-direction: column; align-items: center; text-align: center; gap: 1.5rem; } @media (min-width: 48em) { .sp-author { flex-direction: row; align-items: flex-start; text-align: left; } } .sp-author__avatar { flex-shrink: 0; width: 5rem; height: 5rem; border-radius: 50%; overflow: hidden; box-shadow: 0 0 0 4px rgba(0, 133, 186, 0.1); background: #e2e8f0; } .sp-author__avatar img { width: 100%; height: 100%; object-fit: cover; border-radius: 50%; } .sp-author__info { flex-grow: 1; } .sp-author__name-row { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; gap: 0.5rem; margin-bottom: 0.5rem; } @media (min-width: 48em) { .sp-author__name-row { align-items: baseline; justify-content: flex-start; } } .sp-author__name { font-family: 'Poppins', sans-serif; font-size: 1.125rem; font-weight: 700; color: #1e293b; margin: 0; } .sp-author__role { display: inline-block; font-size: 0.6875rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; color: #fff; background: #82c91e; padding: 0.15rem 0.5rem; border-radius: 9999px; line-height: 1.5; white-space: nowrap; } .sp-author__bio { font-size: 0.875rem; color: #64748b; margin: 0 0 1rem; line-height: 1.6; } .sp-author__social { display: flex; justify-content: center; gap: 0.75rem; } @media (min-width: 48em) { .sp-author__social { justify-content: flex-start; } } .sp-author__social-link { color: #64748b; text-decoration: none; transition: color 0.15s; } .sp-author__social-link:hover { color: #0085ba; } .sp-author__social-link .material-symbols-outlined { font-size: 1.125rem; } .sp-author__social-icon { width: 1rem; height: 1rem; fill: currentColor; vertical-align: middle; } /* ── Tags ── */ .sp-tags { margin-top: 1.25rem; padding-top: 1.25rem; border-top: 1px solid #f1f5f9; display: flex; flex-wrap: wrap; gap: 0.375rem; } .sp-tags a { display: inline-block; font-size: 0.75rem; font-weight: 600; color: #0085ba; background: rgba(0, 133, 186, 0.08); padding: 0.25rem 0.625rem; border-radius: 9999px; text-decoration: none; transition: background 0.2s; } .sp-tags a:hover { background: rgba(0, 133, 186, 0.16); } /* ── Mobile Related Articles ── */ .sp-related-mobile { grid-column: 1 / -1; } @media (min-width: 64em) { .sp-related-mobile { display: none; } } .sp-related-mobile__title { font-family: 'Poppins', sans-serif; font-size: 1.25rem; font-weight: 700; color: #1e293b; margin: 0 0 1.5rem; } .sp-related-mobile__grid { display: grid; grid-template-columns: 1fr; gap: 1rem; } @media (min-width: 48em) { .sp-related-mobile__grid { grid-template-columns: 1fr 1fr; } } .sp-related-mobile__item { display: flex; gap: 1rem; align-items: center; background: #fff; padding: 1rem; border-radius: 0.5rem; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04); border: 1px solid #e2e8f0; text-decoration: none; transition: box-shadow 0.2s; } .sp-related-mobile__item:hover { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); } .sp-related-mobile__thumb { width: 5rem; height: 5rem; border-radius: 0.375rem; overflow: hidden; flex-shrink: 0; background: #f1f5f9; display: flex; align-items: center; justify-content: center; color: #cbd5e1; } .sp-related-mobile__thumb img { width: 100%; height: 100%; object-fit: cover; } .sp-related-mobile__thumb .material-symbols-outlined { font-size: 1.5rem; } .sp-related-mobile__item-title { font-size: 0.875rem; font-weight: 700; color: #1e293b; margin: 0 0 0.25rem; } .sp-related-mobile__item:hover .sp-related-mobile__item-title { color: #0085ba; } .sp-related-mobile__date { font-size: 0.75rem; color: #64748b; } /* ── Comments ── */ .sp-comments { max-width: 56rem; margin: 0 auto; padding: 3rem 1rem; } /* ===================================================== Documentation Sidebar Menu (.docs-menu) ===================================================== */ /* Sticky sidebar column on desktop */ @media (min-width: 40em) { .docs-sidebar-sticky { position: sticky; top: 1.5rem; max-height: calc(100vh - 3rem); overflow-y: auto; } } .docs-menu { background: #fff; border: 1px solid #edf0f4; border-radius: 0.625rem; padding: 1.125rem 1.125rem 0.625rem; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.025); margin-top: 0.5rem; } .docs-menu__title { font-family: 'Poppins', sans-serif; font-size: 0.6875rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #94a3b8; margin: 0 0 0.75rem; padding: 0 0.375rem 0.5rem; border-bottom: 1px solid #f1f5f9; } .docs-menu__items { list-style: none; margin: 0; padding: 0; } .docs-menu__item { margin: 0; padding: 0; } .docs-menu__link { display: block; font-size: 0.8125rem; color: #475569; line-height: 1.4; padding: 0.625rem 0.5rem; border-radius: 0.3rem; text-decoration: none; transition: background 0.15s, color 0.15s; } .docs-menu__link:hover { background: #f8fafc; color: #1e293b; } .docs-menu__item--current .docs-menu__link { background: rgba(0, 133, 186, 0.06); color: #0085ba; font-weight: 600; font-size: 0.8125rem; } /* ===================================================== Documentation CTAs (.docs-sidebar-cta, .docs-bottom-cta) ===================================================== */ /* ── Sidebar CTA (under left nav) ── */ .docs-sidebar-cta { margin-top: 1.75rem; padding: 1.25rem; background: #f8fafc; border: 1px solid #e8ecf1; border-radius: 0.625rem; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.03); } .docs-sidebar-cta__icon { display: block; font-size: 1.25rem; color: #0085ba; margin-bottom: 0.625rem; } .docs-sidebar-cta__title { font-family: 'Poppins', sans-serif; font-size: 0.8125rem; font-weight: 700; color: #1e293b; line-height: 1.35; margin: 0 0 0.375rem; } .docs-sidebar-cta__text { font-size: 0.75rem; color: #64748b; line-height: 1.55; margin: 0 0 0.875rem; } .docs-sidebar-cta__btn { display: inline-block; font-size: 0.6875rem; font-weight: 700; color: #0085ba; background: rgba(0, 133, 186, 0.07); border: 1px solid rgba(0, 133, 186, 0.15); padding: 0.375rem 0.875rem; border-radius: 0.375rem; text-decoration: none; transition: background 0.2s, border-color 0.2s; line-height: 1.4; } .docs-sidebar-cta__btn:hover { background: rgba(0, 133, 186, 0.12); border-color: rgba(0, 133, 186, 0.3); color: #0073aa; } /* ── Bottom CTA (end of article) ── */ .docs-bottom-cta { max-width: 860px; margin-top: 3rem; margin-bottom: 1rem; } .docs-bottom-cta__inner { background: #f8fafc; border: 1px solid #e2e8f0; border-radius: 0.75rem; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04); padding: 2rem 2.25rem; text-align: center; } .docs-bottom-cta__icon { display: inline-block; font-size: 1.5rem; color: #82c91e; background: rgba(130, 201, 30, 0.08); width: 2.75rem; height: 2.75rem; line-height: 2.75rem; border-radius: 0.625rem; margin-bottom: 1rem; } .docs-bottom-cta__title { font-family: 'Poppins', sans-serif; font-size: 1.125rem; font-weight: 700; color: #1e293b; line-height: 1.3; margin: 0 0 0.5rem; } .docs-bottom-cta__text { font-size: 0.875rem; color: #64748b; line-height: 1.6; margin: 0 auto 1.25rem; max-width: 34rem; } .docs-bottom-cta__btn { display: inline-block; font-size: 0.8125rem; font-weight: 700; color: #fff; background: #82c91e; padding: 0.5rem 1.5rem; border-radius: 0.375rem; text-decoration: none; transition: background 0.2s, transform 0.15s; line-height: 1.4; } .docs-bottom-cta__btn:hover { background: #71b01a; color: #fff; transform: translateY(-1px); } @media (max-width: 39.9375em) { .docs-bottom-cta__inner { padding: 1.5rem 1.25rem; } } /* ===================================================== Documentation Mobile: Full-width overlay navigation ===================================================== */ /* Trigger + overlay hidden on desktop */ .docs-mob-trigger-wrap { display: none; } .docs-mob-overlay { display: none; } @media (max-width: 39.9375em) { /* ── Hide sidebar column entirely ── */ .row > .small-3.docs-sidebar-sticky { display: none !important; } /* ── Content takes full width ── */ .row > .small-9.columns { flex: 0 0 100%; max-width: 100%; width: 100%; float: none; } /* ── "Browse Docs" button above article ── */ .docs-mob-trigger-wrap { display: block; width: 100%; float: none; padding: 0 0.9375rem; margin-bottom: 1rem; } .docs-mob-trigger { display: inline-flex; align-items: center; gap: 0.4rem; font-family: 'Poppins', sans-serif; font-size: 0.8125rem; font-weight: 600; color: #1e293b; background: #fff; border: 1px solid #e2e8f0; border-radius: 0.5rem; padding: 0.5rem 1rem; cursor: pointer; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04); transition: background 0.15s, border-color 0.15s; } .docs-mob-trigger .material-symbols-outlined { font-size: 1.125rem; color: #0085ba; } .docs-mob-trigger:hover, .docs-mob-trigger:active { background: #f8fafc; border-color: #cbd5e1; } /* ── Overlay backdrop ── */ .docs-mob-overlay { display: block; position: fixed; inset: 0; z-index: 1000; background: rgba(15, 23, 42, 0.4); backdrop-filter: blur(2px); opacity: 0; visibility: hidden; transition: opacity 0.25s, visibility 0.25s; } .docs-mob-overlay--open { opacity: 1; visibility: visible; } /* ── Full-screen panel ── */ .docs-mob-overlay__panel { position: absolute; inset: 0; background: #fff; border-radius: 0; display: flex; flex-direction: column; transform: translateY(100%); transition: transform 0.3s cubic-bezier(0.32, 0.72, 0, 1); box-shadow: none; overflow-y: auto; -webkit-overflow-scrolling: touch; } .docs-mob-overlay--open .docs-mob-overlay__panel { transform: translateY(0); } /* ── Panel header ── */ .docs-mob-overlay__head { display: flex; align-items: center; justify-content: space-between; padding: 0.75rem 1.25rem 0.625rem; border-bottom: 1px solid #f1f5f9; flex-shrink: 0; } .docs-mob-overlay__label { font-family: 'Poppins', sans-serif; font-size: 0.9375rem; font-weight: 700; color: #1e293b; } .docs-mob-overlay__close { background: none; border: none; color: #94a3b8; cursor: pointer; padding: 0.3rem; border-radius: 0.375rem; line-height: 1; transition: color 0.15s, background 0.15s; } .docs-mob-overlay__close:hover { color: #475569; background: #f1f5f9; } .docs-mob-overlay__close .material-symbols-outlined { font-size: 1.25rem; } /* ── Scrollable body ── */ .docs-mob-overlay__body { overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 0.75rem 1rem 2rem; } .docs-mob-overlay__cat { font-family: 'Poppins', sans-serif; font-size: 0.6875rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.06em; color: #94a3b8; margin: 0 0 0.375rem; padding: 0 0.5rem; } .docs-mob-overlay__items { list-style: none; margin: 0; padding: 0; } .docs-mob-overlay__link { display: block; font-size: 0.9375rem; color: #475569; line-height: 1.4; padding: 0.75rem 0.75rem; border-radius: 0.5rem; text-decoration: none; transition: background 0.12s, color 0.12s; } .docs-mob-overlay__link:hover, .docs-mob-overlay__link:active { background: #f8fafc; color: #1e293b; } .docs-mob-overlay__link--active { background: rgba(0, 133, 186, 0.06); color: #0085ba; font-weight: 600; } /* Hide sidebar CTA on mobile */ .docs-sidebar-cta { display: none; } /* ── CTA inside mobile overlay ── */ .docs-mob-overlay__cta { margin: 1.25rem 0 0; padding: 1.125rem; background: #f8fafc; border: 1px solid #e8ecf1; border-radius: 0.625rem; } .docs-mob-overlay__cta-icon { display: block; font-size: 1.25rem; color: #0085ba; margin-bottom: 0.5rem; } .docs-mob-overlay__cta-title { font-family: 'Poppins', sans-serif; font-size: 0.875rem; font-weight: 700; color: #1e293b; line-height: 1.35; margin: 0 0 0.25rem; } .docs-mob-overlay__cta-text { font-size: 0.8125rem; color: #64748b; line-height: 1.5; margin: 0 0 0.75rem; } .docs-mob-overlay__cta-btn { display: inline-block; font-size: 0.75rem; font-weight: 700; color: #0085ba; background: rgba(0, 133, 186, 0.07); border: 1px solid rgba(0, 133, 186, 0.15); padding: 0.4rem 0.875rem; border-radius: 0.375rem; text-decoration: none; transition: background 0.2s; } .docs-mob-overlay__cta-btn:hover { background: rgba(0, 133, 186, 0.12); color: #0073aa; } } /* ===================================================== Documentation page: header overflow fix + search restyle ===================================================== */ /* Fix horizontal overflow (Foundation .row negative margins) */ .single-documentation .off-canvas-content, .single-documentation .off-canvas-wrapper { overflow-x: hidden; } /* ── Modern search bar ── */ .docs-search { border-bottom: none; margin-bottom: 1.5rem; padding: 1.25rem 0 0; text-align: center; display: flex; justify-content: center; align-items: stretch; flex-wrap: nowrap; gap: 0; } .docs-search__wrap { display: inline-block; position: relative; max-width: 400px; width: 100%; flex-shrink: 1; } .docs-search__input { font-family: 'Inter', 'Montserrat', sans-serif; font-size: 0.875rem; color: #1e293b; background: #fff; border: 1px solid #e2e8f0; border-right: none; border-radius: 0.5rem 0 0 0.5rem; padding: 0.625rem 1rem; outline: none; transition: border-color 0.15s, box-shadow 0.15s; width: 100%; box-sizing: border-box; } .docs-search__input::placeholder { color: #94a3b8; } .docs-search__input:focus { border-color: #0085ba; box-shadow: 0 0 0 2px rgba(0, 133, 186, 0.1); } .docs-search .docs-search__button, .docs-search .button--style-2.button { font-family: 'Poppins', sans-serif; font-size: 0.8125rem; font-weight: 600; color: #fff; background: #0085ba; border: 1px solid #0085ba; border-radius: 0 0.5rem 0.5rem 0; padding: 0.625rem 1.25rem; cursor: pointer; transition: background 0.15s; line-height: 1.4; text-transform: none; letter-spacing: 0; background-size: 100% 100%; background-image: none; flex-shrink: 0; white-space: nowrap; } .docs-search .docs-search__button:hover, .docs-search .button--style-2.button:hover { background: #0073aa; border-color: #0073aa; } /* Search results dropdown */ .docs-results { border: 1px solid #e2e8f0; border-radius: 0 0 0.5rem 0.5rem; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08); margin-top: -1px; max-width: 480px; } .docs-result__link { padding: 0.5rem 1rem; font-size: 0.8125rem; } .docs-result__link:focus, .docs-result__link:hover { background-color: #0085ba; } @media (max-width: 39.9375em) { .docs-search { padding: 1rem 0.9375rem 0; margin-bottom: 1rem; justify-content: stretch; } .docs-search__wrap { max-width: none; flex: 1; } .docs-search__input { font-size: 1rem; padding: 0.75rem 0.875rem; } .docs-search .docs-search__button, .docs-search .button--style-2.button { padding: 0.75rem 1rem; font-size: 0.875rem; } }