lightspeeddevelopment/lsx-customizer

{"version":3,"sources":["../scss/global/mixins/_button.scss","popup-maker.scss","../scss/global/_placeholders.scss","../scss/global/_lsx-variables.scss","../scss/global/mixins/_colours-helper.scss"],"names":[],"mappings":"AAwBA,eACC,mBAAa,CAAb,mBAAa,CAAb,YAAa,CACb,UAAW,CACX,uBAAuB,CAAvB,oBAAuB,CAAvB,sBAAuB,CACvB,wBAAmB,CAAnB,qBAAmB,CAAnB,kBAAmB,CACnB,iBAAkB,CAClB,qBAAsB,CACtB,QAAS,CACT,SAAU,CCHX,mnDCZC,gBAAiB,CACjB,uBAAgB,CAAhB,eAAgB,CAChB,cAAe,CACf,gBAAiB,CACjB,iBAAkB,CAClB,iCAAY,CAAZ,yBAA0B,CDO3B,+FCLW,uBAAY,CAAZ,eAAgB,CDK3B,uLAQE,iCAAkC,CARpC,gSAUG,sBAAuB,CACvB,uBAAgB,CAAhB,eAAgB,CAChB,eAAgB,CAIhB,0BAhBH,gSAcI,wBAAyB,CAE1B,CAhBH,kRAkBG,aEnC8B,CFiBjC,+VAqBI,iBAAkB,CAClB,gBAAiB,CACjB,WAAY,CACZ,UAAW,CACX,WAAY,CACZ,SAAU,CACV,WAAY,CACZ,uBAAgB,CAAhB,eAAgB,CAChB,SAAU,CA7Bd,mCAmCG,sBAAuB,CAnC1B,+BAsCG,aAAc,CAtCjB,4CAyCG,YAAa,CAzChB,oCA4CG,eAAgB,CA5CnB,sBA+CG,UAAW,CACX,0BAhDH,kGAqDM,WAAY,CAEb,CAvDL,mnDA6EG,aAAc,CACd,UAAW,CACX,eAAgB,CAChB,aEjG8B,CFkG9B,sBAAuB,CACvB,qBAAsB,CACtB,qBAAsB,CACtB,iBAAkB,CApFrB,+2DAsFI,oBE9GW,CF+GX,SAAU,CAvFd,6RDzBE,aAAc,CACd,iBAAkB,CAClB,oBAAqB,CACrB,cAAe,CACf,eAAgB,CAChB,WAAY,CACZ,MAAO,CACP,oBAAqB,CACrB,gBAAiB,CACjB,YAAa,CACb,iBAAkB,CAClB,wBAAyB,CACzB,KAAM,CACN,iCAAY,CAAZ,yBAA0B,CCY5B,4FDRE,gBAAiB,CCQnB,6RGLE,wBDnBa,CCoBb,sCANkC,CAMlC,8BANkC,CAOlC,UAXW,CHcb,2TGGE,wBD3B+B,CC4B/B,UAjBiB,CHanB,qGGQE,QAAS,CACT,OAAQ,CACR,kCApBQ,CAoBR,0BApBkC,CHUpC,+BAgGE,QAAS,CAhGX,sDAoGG,SAAU,CACV,eAIF,wBEjIc","file":"../popup-maker.css","sourcesContent":["@mixin lsx-button-scaffolding {\n\t&,\n\t&:active,\n\t&:visited {\n\t\tborder: 0 none;\n\t\tborder-radius: 3px;\n\t\tdisplay: inline-block;\n\t\tfont-size: 14px;\n\t\tfont-weight: 700;\n\t\theight: 48px;\n\t\tleft: 0;\n\t\tletter-spacing: 0.6px;\n\t\tline-height: 1.25;\n\t\tpadding: 15px;\n\t\tposition: relative;\n\t\ttext-transform: uppercase;\n\t\ttop: 0;\n\t\ttransition: all 100ms ease;\n\t}\n\n\t& > .fa {\n\t\tmargin-left: 10px;\n\t}\n}\n.button-holder {\n\tdisplay: flex;\n\twidth: 100%;\n\tjustify-content: center;\n\talign-items: center;\n\ttext-align: center;\n\tvertical-align: middle;\n\tmargin: 0;\n\tpadding: 0;\n}\n\n@mixin lsx-bordered-button(\n\t$color: map-get($buttons, bg),\n\t$color-hover: map-get($buttons, color),\n\t$bg: transparent,\n\t$bg-hover: map-get($buttons, bg)\n) {\n\t@include lsx-button-colour($color, $color-hover, $bg, $bg-hover);\n\n\t&,\n\t&:active,\n\t&:visited {\n\t\tborder: 2px solid $color;\n\t\tbox-shadow: none;\n\t\theight: 50px;\n\t}\n\n\t&:active {\n\t\tleft: 0;\n\t\ttop: 0;\n\t}\n\n\ttransition: all 300ms ease;\n}\n\n@mixin custom-buttons-colours(\n\t$color: map-get($buttons, color),\n\t$color-hover: map-get($buttons, color-hover),\n\t$bg: map-get($buttons, bg),\n\t$bg-hover: map-get($buttons, bg-hover),\n\t$shadow: map-get($buttons, shadow)\n) {\n\t.btn {\n\t\t@include lsx-button-colour(\n\t\t\t$color,\n\t\t\t$color-hover,\n\t\t\t$bg,\n\t\t\t$bg-hover,\n\t\t\t$shadow\n\t\t);\n\t}\n\n\ta.wp-block-button__link {\n\t\t@include lsx-button-colour(\n\t\t\t$color,\n\t\t\t$color-hover,\n\t\t\t$bg,\n\t\t\t$bg-hover,\n\t\t\t$shadow\n\t\t);\n\t}\n\t.button-3d-true {\n\t\ta.wp-block-button__link {\n\t\t\t@include lsx-button-colour(\n\t\t\t\t$color,\n\t\t\t\t$color-hover,\n\t\t\t\t$bg,\n\t\t\t\t$bg-hover,\n\t\t\t\t$shadow\n\t\t\t);\n\t\t}\n\t\t.wp-block-buttons & {\n\t\t\t&.wp-block.block-editor-block-list__block {\n\t\t\t\t@include lsx-button-colour(\n\t\t\t\t\t$color,\n\t\t\t\t\t$color-hover,\n\t\t\t\t\t$bg,\n\t\t\t\t\t$bg-hover,\n\t\t\t\t\t$shadow\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t}\n\n\t#respond {\n\t\t& > .comment-form {\n\t\t\tinput[type=\"submit\"] {\n\t\t\t\t@include lsx-button-colour(\n\t\t\t\t\t$color,\n\t\t\t\t\t$color-hover,\n\t\t\t\t\t$bg,\n\t\t\t\t\t$bg-hover,\n\t\t\t\t\t$shadow\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t}\n\n\t.border-btn {\n\t\t@include lsx-bordered-button($bg, #fff, transparent, $bg);\n\t}\n\n\t.white-border-btn {\n\t\t@include lsx-bordered-button(#fff, $bg, transparent, #fff);\n\t}\n\n\t#top-menu {\n\t\t.top-menu {\n\t\t\t& > .menu {\n\t\t\t\t& > .menu-item {\n\t\t\t\t\t&.cta {\n\t\t\t\t\t\t& > a {\n\t\t\t\t\t\t\t@include lsx-button-colour(\n\t\t\t\t\t\t\t\t$color,\n\t\t\t\t\t\t\t\t$color-hover,\n\t\t\t\t\t\t\t\t$bg,\n\t\t\t\t\t\t\t\t$bg-hover,\n\t\t\t\t\t\t\t\t$shadow\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&.cta-red {\n\t\t\t\t\t\t& > a {\n\t\t\t\t\t\t\t@include lsx-button-colour(\n\t\t\t\t\t\t\t\t#ffffff,\n\t\t\t\t\t\t\t\t#ffffff,\n\t\t\t\t\t\t\t\t#d93a3a,\n\t\t\t\t\t\t\t\t#9f2020,\n\t\t\t\t\t\t\t\t#9f2020\n\t\t\t\t\t\t\t);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t#footer-cta {\n\t\tinput[type=\"submit\"] {\n\t\t\t@include lsx-button-colour(\n\t\t\t\t$color,\n\t\t\t\t$color-hover,\n\t\t\t\t$bg,\n\t\t\t\t$bg-hover,\n\t\t\t\t$shadow\n\t\t\t);\n\t\t}\n\t}\n\n\t// WooCommerce\n\n\t#wc_am_lost_api_key_form {\n\t\tinput[type=\"submit\"] {\n\t\t\t@include lsx-button-colour(\n\t\t\t\t$color,\n\t\t\t\t$color-hover,\n\t\t\t\t$bg,\n\t\t\t\t$bg-hover,\n\t\t\t\t$shadow\n\t\t\t);\n\t\t}\n\t}\n\n\t.lsx-wc-cart-menu-item {\n\t\t.widget_shopping_cart {\n\t\t\t.buttons {\n\t\t\t\t.button {\n\t\t\t\t\t@include lsx-button-colour(\n\t\t\t\t\t\t$color,\n\t\t\t\t\t\t$color-hover,\n\t\t\t\t\t\t$bg,\n\t\t\t\t\t\t$bg-hover,\n\t\t\t\t\t\t$shadow\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.woocommerce-page #main {\n\t\t#respond input#submit,\n\t\ta.button:not(.quick-view-button),\n\t\tbutton.button,\n\t\tinput.button {\n\t\t\t@include lsx-button-colour(\n\t\t\t\t$color,\n\t\t\t\t$color-hover,\n\t\t\t\t$bg,\n\t\t\t\t$bg-hover,\n\t\t\t\t$shadow\n\t\t\t);\n\t\t\tmin-height: 40px;\n\t\t\theight: 100% !important;\n\t\t}\n\t\t.woocommerce {\n\t\t\t.woocommerce-cart-form {\n\t\t\t\t.shop_table {\n\t\t\t\t\t.button {\n\t\t\t\t\t\t&[name=\"update_cart\"] {\n\t\t\t\t\t\t\tbackground-color: nth($green, 1);\n\t\t\t\t\t\t\tbox-shadow: 2px 2px 0 0 nth($green, 2);\n\t\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\t\tbackground-color: nth($green, 2);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t.cart_totals {\n\t\t\t\t.wc-proceed-to-checkout {\n\t\t\t\t\t.checkout-button {\n\t\t\t\t\t\tbackground-color: nth($orange, 1);\n\t\t\t\t\t\tbox-shadow: 2px 2px 0 0 nth($orange, 2);\n\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\tbackground-color: nth($orange, 2);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// Sensei\n\n\t.course-container,\n\t.course,\n\t.lesson,\n\t.quiz {\n\t\ta.button,\n\t\ta.comment-reply-link,\n\t\t#commentform #submit,\n\t\t.submit,\n\t\tinput[type=\"submit\"],\n\t\tinput.button,\n\t\tbutton.button {\n\t\t\t&:not(.btn) {\n\t\t\t\t@include lsx-button-colour(\n\t\t\t\t\t$color,\n\t\t\t\t\t$color-hover,\n\t\t\t\t\t$bg,\n\t\t\t\t\t$bg-hover,\n\t\t\t\t\t$shadow\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t}\n\n\t.quiz {\n\t\tinput[type=\"submit\"] {\n\t\t\t&.complete:not(.btn) {\n\t\t\t\t@include lsx-button-colour(\n\t\t\t\t\t$color,\n\t\t\t\t\t$color-hover,\n\t\t\t\t\t#63a95f,\n\t\t\t\t\t#4e8b4a,\n\t\t\t\t\t#457a42\n\t\t\t\t);\n\t\t\t}\n\n\t\t\t&.reset:not(.btn) {\n\t\t\t\t@include lsx-button-colour(\n\t\t\t\t\t$color,\n\t\t\t\t\t$color-hover,\n\t\t\t\t\t#ed6c6e,\n\t\t\t\t\t#e73f41,\n\t\t\t\t\t#e5282b\n\t\t\t\t);\n\t\t\t}\n\t\t}\n\t}\n}\n\n@mixin custom-buttons-colours-admin(\n\t$color: map-get($buttons, color),\n\t$bg: map-get($buttons, bg)\n) {\n\t.wp-block-button:not(.is-style-outline) {\n\t\tdiv.wp-block-button__link {\n\t\t\tbackground-color: $bg;\n\t\t}\n\t}\n}\n\n@mixin custom-cta-buttons-colours(\n\t$color: map-get($cta-buttons, color),\n\t$color-hover: map-get($cta-buttons, color-hover),\n\t$bg: map-get($cta-buttons, bg),\n\t$bg-hover: map-get($cta-buttons, bg-hover),\n\t$shadow: map-get($cta-buttons, shadow)\n) {\n\t.cta-btn {\n\t\t@include lsx-button-colour(\n\t\t\t$color,\n\t\t\t$color-hover,\n\t\t\t$bg,\n\t\t\t$bg-hover,\n\t\t\t$shadow\n\t\t);\n\t}\n\n\t.cta-border-btn {\n\t\t@include lsx-bordered-button($bg, #fff, transparent, $bg);\n\t}\n\n\t// Caldera Form\n\n\t.caldera-forms-modal {\n\t\t@include lsx-button-colour(\n\t\t\t$color,\n\t\t\t$color-hover,\n\t\t\t$bg,\n\t\t\t$bg-hover,\n\t\t\t$shadow\n\t\t);\n\t}\n\n\t// WooCommerce\n\n\t.lsx-wc-cart-menu-item {\n\t\t.widget_shopping_cart {\n\t\t\t.buttons {\n\t\t\t\t.button.checkout {\n\t\t\t\t\t@include lsx-button-colour(\n\t\t\t\t\t\t$color,\n\t\t\t\t\t\t$color-hover,\n\t\t\t\t\t\t$bg,\n\t\t\t\t\t\t$bg-hover,\n\t\t\t\t\t\t$shadow\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n@mixin custom-secondary-buttons-colours(\n\t$color: map-get($secondary-buttons, color),\n\t$color-hover: map-get($secondary-buttons, color-hover),\n\t$bg: map-get($secondary-buttons, bg),\n\t$bg-hover: map-get($secondary-buttons, bg-hover),\n\t$shadow: map-get($secondary-buttons, shadow)\n) {\n\t.secondary-btn {\n\t\t@include lsx-button-colour(\n\t\t\t$color,\n\t\t\t$color-hover,\n\t\t\t$bg,\n\t\t\t$bg-hover,\n\t\t\t$shadow\n\t\t);\n\t}\n\n\t.secondary-border-btn {\n\t\t@include lsx-bordered-button($bg, #fff, transparent, $bg);\n\t}\n}\n\n@mixin custom-tertiary-buttons-colours(\n\t$color: map-get($tertiary-buttons, color),\n\t$color-hover: map-get($tertiary-buttons, color-hover),\n\t$bg: map-get($tertiary-buttons, bg),\n\t$bg-hover: map-get($tertiary-buttons, bg-hover),\n\t$shadow: map-get($tertiary-buttons, shadow)\n) {\n\t.tertiary-btn {\n\t\t@include lsx-button-colour(\n\t\t\t$color,\n\t\t\t$color-hover,\n\t\t\t$bg,\n\t\t\t$bg-hover,\n\t\t\t$shadow\n\t\t);\n\t}\n\n\t.tertiary-border-btn {\n\t\t@include lsx-bordered-button($bg, #fff, transparent, $bg);\n\t}\n}\n","@import '../scss/global/variables';\n@import '../scss/global/mixins';\n@import '../scss/global/placeholders';\n\n// Placeholders and Mixins\n\n%bootstrap-form-control {\n\tdisplay: block;\n\twidth: 100%;\n\theight: 50px;\n\tcolor: #4a4a4a;\n\tbackground-color: #fff;\n\tbackground-image: none;\n\tborder: 2px solid #DDD;\n\tborder-radius: 2px;\n\n\n\t// lsx-form-control\n\tbox-shadow: none;\n\tfont-size: 18px;\n\tline-height: 1.33;\n\tpadding: 10px 20px;\n\ttransition: all 150ms ease;\n\n\t&:focus {\n\t\tborder-color: nth($blue,1);\n\t}\n}\n\n.pum {\n\t&.pum-theme-default-theme,\n\t&.pum-theme-lightbox,\n\t&.pum-theme-enterprise-blue,\n\t&.pum-theme-hello-box,\n\t&.pum-theme-cutting-edge,\n\t&.pum-theme-framed-border,\n\t&.pum-overlay {\n\t\tbackground-color: rgba(0,0,0,0.75);\n\t\t.pum-container {\n\t\t\tbackground-color: white;\n\t\t\tbox-shadow: none;\n\t\t\tborder-radius: 0;\n\t\t\t@include media('<tablet') {\n\t\t\t\tmax-width: 80% !important;\n\t\t\t}\n\t\t}\n\t\t.pum-content {\n\t\t\tcolor: nth($gray, 3);\n\t\t\t+ .pum-close {\n\t\t\t\t//border: 4px solid nth( $blue, 1 );\n\t\t\t\tborder-radius: 50%;\n\t\t\t\tbackground: white;\n\t\t\t\tcolor: black;\n\t\t\t\twidth: 34px;\n\t\t\t\theight: 34px;\n\t\t\t\ttop: -20px;\n\t\t\t\tright: -20px;\n\t\t\t\tbox-shadow: none;\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t}\n\t}\n\t.pum-content {\n\t\t.popmake-tcp-box {\n\t\t\theight: 100% !important;\n\t\t}\n\t\t.aligncenter {\n\t\t\tmargin: 0 auto;\n\t\t}\n\t\t.pum-form__field--consent {\n\t\t\tdisplay: none;\n\t\t}\n\t\t.wp-block-columns {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t\timg {\n\t\t\twidth: 100%;\n\t\t}\n\t\t.wp-block-lsx-blocks-lsx-container {\n\t\t\t.lsx-container-inside {\n\t\t\t\t.lsx-container-content {\n\t\t\t\t\t@include media('<tablet') {\n\t\t\t\t\t\tpadding: 0em;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\tform,\n\t.pum-form--style-default,\n\t.pum-age-form {\n\t\tinput,\n\t\tinput[type=\"email\"],\n\t\tinput[type=\"date\"],\n\t\tinput[type=\"datetime\"],\n\t\tinput[type=\"datetime-local\"],\n\t\tinput[type=\"month\"],\n\t\tinput[type=\"number\"],\n\t\tinput[type=\"password\"],\n\t\tinput[type=\"search\"],\n\t\tinput[type=\"tel\"],\n\t\tinput[type=\"text\"],\n\t\tinput[type=\"time\"],\n\t\tinput[type=\"week\"],\n\t\tinput[type=\"url\"] {\n\t\t\t@extend %lsx-form-field;\n\t\t\tdisplay: block;\n\t\t\twidth: 100%;\n\t\t\tmin-height: 50px;\n\t\t\tcolor: nth($gray, 3);\n\t\t\tbackground-color: white;\n\t\t\tbackground-image: none;\n\t\t\tborder: 2px solid #DDD;\n\t\t\tborder-radius: 2px;\n\t\t\t&:focus {\n\t\t\t\tborder-color: nth( $blue, 1 );\n\t\t\t\toutline: 0;\n\t\t\t}\n\t\t}\n\t\tbutton {\n\t\t\t@include lsx-button-scaffolding();\n\t\t\t@include lsx-button-colour();\n\t\t}\n\t}\n\t.wpforms-submit-container {\n\t\tmargin: 0;\n\t}\n\t.wpforms-container.inline-fields {\n\t\t.wpforms-submit {\n\t\t\twidth: 99%;\n\t\t}\n\t}\n}\n.pum-container {\n\tborder: 6px solid nth( $blue, 1 );\n}\n","%list-unstyled {\n\tlist-style: none;\n\tpadding-left: 0;\n}\n\n%social-icons-scaffolding {\n\t@include hide-text();\n\n\t&:before {\n\t\t@include fa-icon();\n\n\t\tfont-size: 22px;\n\t\ttransition: color 300ms ease-in-out;\n\t}\n}\n\n%lsx-form-field {\n\tborder-width: 2px;\n\tbox-shadow: none;\n\tfont-size: 18px;\n\tline-height: 1.33;\n\tpadding: 10px 20px;\n\ttransition: all 150ms ease;\n\n\t&:focus { box-shadow: none; }\n}\n\n%lsx-tabs {\n\t&:before,\n\t&:after {\n\t\tdisplay: none;\n\t}\n\n\talign-items: stretch;\n\tdisplay: flex;\n\tflex-flow: column wrap;\n\tjustify-content: flex-start;\n\tborder-bottom: 0 none;\n\tmargin: 0 0 15px 0;\n\tpadding-left: 0;\n\n\t@include media('>=phone') { flex-flow: row nowrap; }\n\n\t& > li {\n\t\tmargin-bottom: 0;\n\t\twidth: 100%;\n\n\t\t@include media('>=phone') {\n\t\t\tdisplay: flex;\n\t\t\tflex: 1 1 auto;\n\t\t\tmax-width: 350px;\n\t\t}\n\n\t\t& + li {\n\t\t\t@include media('>=phone') { margin-left: 10px; }\n\t\t}\n\n\t\t& > a {\n\t\t\tborder: 0 none;\n\t\t\tborder-radius: 0;\n\t\t\tfont-size: 16px;\n\t\t\tmargin: 0;\n\t\t\tpadding: 1rem;\n\t\t\ttext-align: center;\n\t\t\ttransition: all 300ms ease;\n\t\t\t// white-space: nowrap;\n\n\t\t\t@include media('>=phone') {\n\t\t\t\talign-items: center;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex: 1 1 auto;\n\t\t\t\tjustify-content: center;\n\t\t\t}\n\n\t\t\t@include media('>=tablet') { font-size: 22px; }\n\t\t}\n\n\t\t&.active > a {\n\t\t\tborder: 0 none;\n\t\t\tposition: relative;\n\n\t\t\t&:after {\n\t\t\t\t@include media('>=phone') {\n\t\t\t\t\tcontent: '';\n\t\t\t\t\tborder-style: solid;\n\t\t\t\t\tborder-width: 0 6px 6px 6px;\n\t\t\t\t\tbottom: 0;\n\t\t\t\t\theight: 0;\n\t\t\t\t\tleft: 50%;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttransform: translateX(-50%);\n\t\t\t\t\twidth: 0;\n\n\t\t\t\t\t@include media('>=tablet') { border-width: 0 9px 9px 9px; }\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","// LSX Variables\n\n// This file contains the theme's variables declarations and some vendor's variables overriding.\n// Also, it was created separately so we can import it in the vendor's files. In this way, our variables are available to the entire project.\n\n$blue: (#418AD0, #374750, #367DC0, #2B3840);\n$dark-gray: #434343;\n$light-gray: #F6F6F6;\n$orange: (#F7AE00, #CE9100, #EDA700);\n$red-accent: #D84E2E;\n$breaker: #DADDDF;\n$small: #919191;\n$gray: (#EAEAEA, #CCCCCC, #4A4A4A);\n$green: (#6BA913, #649E12);\n\n$grid-float-breakpoint: 1200px;\n$grid-float-breakpoint-max: ($grid-float-breakpoint - 1);\n\n$body-bg: #F6F6F6;\n$text-color: #4A4A4A;\n$link-color: nth($blue, 1);\n$link-hover-color: nth($orange, 1);\n$link-hover-decoration: none;\n\n$font-family-sans-serif: 'Noto Sans', sans-serif;\n$font-family-serif: 'Lora', serif;\n\n$font-size-base: 15px;\n\n$font-size-h1: 40px;\n$font-size-h2: 30px;\n$font-size-h3: 22px;\n$font-size-h4: 22px;\n$font-size-h5: 20px;\n$font-size-h6: $font-size-base;\n\n$headings-font-family: $font-family-serif;\n$headings-font-weight: 400;\n$headings-line-height: 1.25;\n\n$line-height-base: 1.6;\n\n$btn-default-color: #FFF;\n$btn-font-weight: 700;\n$btn-border-radius-base: 3px;\n\n$input-height-base: 50px;\n$input-border: #DDD;\n$input-color: $text-color;\n$input-border-radius: 2px;\n$input-border-focus: nth($blue, 1);\n$input-color-placeholder: #9F9C9C;\n\n$table-border-color: $breaker;\n$page-header-border-color: $breaker;\n\n$lsx-gap: 2.4rem;\n$lsx-medium-gap: 4.25rem;\n$lsx-large-gap: 8.5rem;\n\n$buttons: (\n\tcolor: #FFF,\n\tcolor-hover: #FFF,\n\tbg: nth($blue, 1),\n\tbg-hover: nth($blue, 3),\n\tshadow: darken(nth($blue, 1), 15%)\n);\n\n$cta-buttons: (\n\tcolor: #FFF,\n\tcolor-hover: #FFF,\n\tbg: nth($orange, 1),\n\tbg-hover: nth($orange, 3),\n\tshadow: darken(nth($orange, 1), 15%)\n);\n\n$secondary-buttons: (\n\tcolor: nth($gray, 3),\n\tcolor-hover: nth($gray, 3),\n\tbg: nth($gray, 1),\n\tbg-hover: nth($gray, 2),\n\tshadow: darken(nth($gray, 1), 15%)\n);\n\n$tertiary-buttons: (\n\tcolor: #FFF,\n\tcolor-hover: #FFF,\n\tbg: nth($green, 1),\n\tbg-hover: nth($green, 2),\n\tshadow: darken(nth($green, 1), 15%)\n);\n\n$top-menu: (\n\tbg: #333,\n\tlink: #FFF,\n\thover: #D93A3A,\n\ticon: #D93A3A,\n\ticon-hover: #D93A3A,\n\tdropdown: #333,\n\tdropdown-hover: #333,\n\tdropdown-link: #FFF,\n\tdropdown-link-hover: #D93A3A,\n\theight: 32px\n);\n\n$nav: (\n\tbg: #FFF,\n\tlink: #515151,\n\thover: nth($blue, 1),\n\tdropdown: nth($blue, 2),\n\tdropdown-hover: nth($blue, 4),\n\tdropdown-link: #FFF,\n\tdropdown-link-hover: nth($blue, 1)\n);\n\n$header: (\n\tbg: #FFF,\n\tlink: $red-accent,\n\thover: nth($orange, 1),\n\tdescription: $dark-gray\n);\n\n$banner: (\n\tbg: nth($blue, 4),\n\tcolor: #FFF,\n\tcolor-image: #FFF,\n\tbreadcrumb-bg: nth($blue, 2),\n\tbreadcrumb-color: $small,\n\tbreadcrumb-current: #FFF\n);\n\n$content: (\n\tbg: $body-bg,\n\tbreaker: $breaker,\n\theader: $text-color,\n\tcolor: $text-color,\n\tlink: nth($blue, 1),\n\thover: nth($orange, 1),\n\tsmall: $small,\n\tfull-bg: #FFF,\n\tfull-color: $text-color,\n\tfull-link: nth($blue, 1),\n\tfull-hover: nth($orange, 1),\n\tfull-cta-bg: nth($blue, 1),\n\tfull-cta-color: #FFF,\n\tfull-cta-link: nth($blue, 2),\n\tfull-cta-hover: nth($orange, 1)\n);\n\n$footer: (\n\tbg: nth($blue, 4),\n\tcolor: #FFF,\n\tlink: nth($orange, 1),\n\thover: nth($orange, 2)\n);\n\n$footer-widgets: (\n\tbg: nth($blue, 2),\n\tcolor: #FFF,\n\tlink: #FFF,\n\thover: nth($orange, 1)\n);\n\n$footer-cta: (\n\tbg: nth($blue, 4),\n\tcolor: #FFF,\n\tlink: nth($blue, 1),\n\thover: nth($blue, 3)\n);\n\n$social-icons: (\n\t'codepen': '\\f1cb',\n\t'digg': '\\f1a6',\n\t'dribbble': '\\f17d',\n\t'dropbox': '\\f16b',\n\t'facebook': '\\f09a',\n\t'feed': '\\f09e',\n\t'flickr': '\\f16e',\n\t'foursquare': '\\f180',\n\t'getpocket': '\\f265',\n\t'github': '\\f09b',\n\t'instagram': '\\f16d',\n\t'linkedin': '\\f0e1',\n\t'mailto': '\\f0e0',\n\t'pinterest': '\\f0d2',\n\t'plus.google': '\\f0d5',\n\t'polldaddy': '\\f128',\n\t'reddit': '\\f281',\n\t'spotify': '\\f1bc',\n\t'stumbleupon': '\\f1a4',\n\t'tumblr': '\\f173',\n\t'twitch': '\\f1e8',\n\t'twitter': '\\f099',\n\t'vimeo': '\\f27d',\n\t'wordpress': '\\f19a',\n\t'youtube': '\\f16a'\n);\n","@mixin lsx-link-colour($color: nth($orange, 1), $hover: nth($orange, 2)) {\n\t&,\n\t&:active,\n\t&:visited {\n\t\tcolor: $color;\n\t}\n\n\t&:hover,\n\t&:hover:active,\n\t&:focus {\n\t\tcolor: $hover;\n\t}\n}\n\n@mixin lsx-button-colour(\n\t$color: #fff,\n\t$color-hover: #fff,\n\t$bg: nth($blue, 1),\n\t$bg-hover: nth($blue, 3),\n\t$shadow: darken(nth($blue, 1), 15%)\n) {\n\t&,\n\t&:active,\n\t&:visited {\n\t\tbackground-color: $bg;\n\t\tbox-shadow: 2px 2px 0 0 $shadow;\n\t\tcolor: $color;\n\t}\n\n\t&:hover,\n\t&:hover:active,\n\t&:focus {\n\t\tbackground-color: $bg-hover;\n\t\tcolor: $color-hover;\n\t}\n\n\t&:active {\n\t\tleft: 2px;\n\t\ttop: 2px;\n\t\tbox-shadow: 0 0 0 0 $shadow;\n\t}\n}\n"]}