diff --git a/assets/css/fontawesome-all.min.css b/assets/css/fontawesome-all.min.css new file mode 100644 index 0000000..b078d70 --- /dev/null +++ b/assets/css/fontawesome-all.min.css @@ -0,0 +1,112 @@ +/*! + * Font Awesome Free 5.15.4 by @fontawesome - https://fontawesome.com + * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) + */ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +.fa,.fab,.fad,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s linear infinite;animation:fa-spin 2s linear infinite}.fa-pulse{-webkit-animation:fa-spin 1s steps(8) infinite;animation:fa-spin 1s steps(8) infinite}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fa-flip-vertical{-webkit-transform:scaleY(-1);transform:scaleY(-1)}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-both,.fa-flip-horizontal.fa-flip-vertical{-webkit-transform:scale(-1);transform:scale(-1)}:root .fa-flip-both,:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-airbnb:before{content:"\f834"}.fa-algolia:before{content:"\f36c"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-artstation:before{content:"\f77a"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atlassian:before{content:"\f77b"}.fa-atom:before{content:"\f5d2"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-baby:before{content:"\f77c"}.fa-baby-carriage:before{content:"\f77d"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-bacon:before{content:"\f7e5"}.fa-bacteria:before{content:"\e059"}.fa-bacterium:before{content:"\e05a"}.fa-bahai:before{content:"\f666"}.fa-balance-scale:before{content:"\f24e"}.fa-balance-scale-left:before{content:"\f515"}.fa-balance-scale-right:before{content:"\f516"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-bars:before{content:"\f0c9"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-bath:before{content:"\f2cd"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-three-quarters:before{content:"\f241"}.fa-battle-net:before{content:"\f835"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-biking:before{content:"\f84a"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-biohazard:before{content:"\f780"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blog:before{content:"\f781"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-dead:before{content:"\f6b7"}.fa-book-medical:before{content:"\f7e6"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-bookmark:before{content:"\f02e"}.fa-bootstrap:before{content:"\f836"}.fa-border-all:before{content:"\f84c"}.fa-border-none:before{content:"\f850"}.fa-border-style:before{content:"\f853"}.fa-bowling-ball:before{content:"\f436"}.fa-box:before{content:"\f466"}.fa-box-open:before{content:"\f49e"}.fa-box-tissue:before{content:"\e05b"}.fa-boxes:before{content:"\f468"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-bread-slice:before{content:"\f7ec"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-buffer:before{content:"\f837"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}.fa-business-time:before{content:"\f64a"}.fa-buy-n-large:before{content:"\f8a6"}.fa-buysellads:before{content:"\f20d"}.fa-calculator:before{content:"\f1ec"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-day:before{content:"\f783"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-times:before{content:"\f273"}.fa-calendar-week:before{content:"\f784"}.fa-camera:before{content:"\f030"}.fa-camera-retro:before{content:"\f083"}.fa-campground:before{content:"\f6bb"}.fa-canadian-maple-leaf:before{content:"\f785"}.fa-candy-cane:before{content:"\f786"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-crash:before{content:"\f5e1"}.fa-car-side:before{content:"\f5e4"}.fa-caravan:before{content:"\f8ff"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-carrot:before{content:"\f787"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cash-register:before{content:"\f788"}.fa-cat:before{content:"\f6be"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-centos:before{content:"\f789"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-pie:before{content:"\f200"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-cheese:before{content:"\f7ef"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-board:before{content:"\f43c"}.fa-chess-king:before{content:"\f43f"}.fa-chess-knight:before{content:"\f441"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-queen:before{content:"\f445"}.fa-chess-rook:before{content:"\f447"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-chromecast:before{content:"\f838"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-clinic-medical:before{content:"\f7f2"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-cloudflare:before{content:"\e07d"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-medical:before{content:"\f7f5"}.fa-comment-slash:before{content:"\f4b3"}.fa-comments:before{content:"\f086"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compress:before{content:"\f066"}.fa-compress-alt:before{content:"\f422"}.fa-compress-arrows-alt:before{content:"\f78c"}.fa-concierge-bell:before{content:"\f562"}.fa-confluence:before{content:"\f78d"}.fa-connectdevelop:before{content:"\f20e"}.fa-contao:before{content:"\f26d"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-cotton-bureau:before{content:"\f89e"}.fa-couch:before{content:"\f4b8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-critical-role:before{content:"\f6c9"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-crutch:before{content:"\f7f7"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dailymotion:before{content:"\e052"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-deezer:before{content:"\e077"}.fa-delicious:before{content:"\f1a5"}.fa-democrat:before{content:"\f747"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dharmachakra:before{content:"\f655"}.fa-dhl:before{content:"\f790"}.fa-diagnoses:before{content:"\f470"}.fa-diaspora:before{content:"\f791"}.fa-dice:before{content:"\f522"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-directions:before{content:"\f5eb"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-disease:before{content:"\f7fa"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-flatbed:before{content:"\f474"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-polygon:before{content:"\f5ee"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-dumbbell:before{content:"\f44b"}.fa-dumpster:before{content:"\f793"}.fa-dumpster-fire:before{content:"\f794"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-edge:before{content:"\f282"}.fa-edge-legacy:before{content:"\e078"}.fa-edit:before{content:"\f044"}.fa-egg:before{content:"\f7fb"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-ethernet:before{content:"\f796"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-evernote:before{content:"\f839"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-alt:before{content:"\f424"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fan:before{content:"\f863"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-faucet:before{content:"\e005"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-fedex:before{content:"\f797"}.fa-fedora:before{content:"\f798"}.fa-female:before{content:"\f182"}.fa-fighter-jet:before{content:"\f0fb"}.fa-figma:before{content:"\f799"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-excel:before{content:"\f1c3"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-upload:before{content:"\f574"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-fill:before{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-alt:before{content:"\f7e4"}.fa-fire-extinguisher:before{content:"\f134"}.fa-firefox:before{content:"\f269"}.fa-firefox-browser:before{content:"\e007"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flask:before{content:"\f0c3"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flushed:before{content:"\f579"}.fa-fly:before{content:"\f417"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frog:before{content:"\f52e"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-gifts:before{content:"\f79c"}.fa-git:before{content:"\f1d3"}.fa-git-alt:before{content:"\f841"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-cheers:before{content:"\f79f"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glass-whiskey:before{content:"\f7a0"}.fa-glasses:before{content:"\f530"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-globe-europe:before{content:"\f7a2"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-pay:before{content:"\e079"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-lines:before{content:"\f7a4"}.fa-grip-lines-vertical:before{content:"\f7a5"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-guilded:before{content:"\e07e"}.fa-guitar:before{content:"\f7a6"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hamburger:before{content:"\f805"}.fa-hammer:before{content:"\f6e3"}.fa-hamsa:before{content:"\f665"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-medical:before{content:"\e05c"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-holding-water:before{content:"\f4c1"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-middle-finger:before{content:"\f806"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-sparkles:before{content:"\e05d"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-helping:before{content:"\f4c4"}.fa-hands-wash:before{content:"\e05e"}.fa-handshake:before{content:"\f2b5"}.fa-handshake-alt-slash:before{content:"\e05f"}.fa-handshake-slash:before{content:"\e060"}.fa-hanukiah:before{content:"\f6e6"}.fa-hard-hat:before{content:"\f807"}.fa-hashtag:before{content:"\f292"}.fa-hat-cowboy:before{content:"\f8c0"}.fa-hat-cowboy-side:before{content:"\f8c1"}.fa-hat-wizard:before{content:"\f6e8"}.fa-hdd:before{content:"\f0a0"}.fa-head-side-cough:before{content:"\e061"}.fa-head-side-cough-slash:before{content:"\e062"}.fa-head-side-mask:before{content:"\e063"}.fa-head-side-virus:before{content:"\e064"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heart-broken:before{content:"\f7a9"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hive:before{content:"\e07f"}.fa-hockey-puck:before{content:"\f453"}.fa-holly-berry:before{content:"\f7aa"}.fa-home:before{content:"\f015"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-horse-head:before{content:"\f7ab"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hospital-user:before{content:"\f80d"}.fa-hot-tub:before{content:"\f593"}.fa-hotdog:before{content:"\f80f"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house-damage:before{content:"\f6f1"}.fa-house-user:before{content:"\e065"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-i-cursor:before{content:"\f246"}.fa-ice-cream:before{content:"\f810"}.fa-icicles:before{content:"\f7ad"}.fa-icons:before{content:"\f86d"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-ideal:before{content:"\e013"}.fa-igloo:before{content:"\f7ae"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-innosoft:before{content:"\e080"}.fa-instagram:before{content:"\f16d"}.fa-instagram-square:before{content:"\e055"}.fa-instalod:before{content:"\e081"}.fa-intercom:before{content:"\f7af"}.fa-internet-explorer:before{content:"\f26b"}.fa-invision:before{content:"\f7b0"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itch-io:before{content:"\f83a"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-jira:before{content:"\f7b1"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-key:before{content:"\f084"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kiwi-bird:before{content:"\f535"}.fa-korvue:before{content:"\f42f"}.fa-landmark:before{content:"\f66f"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laptop-house:before{content:"\e066"}.fa-laptop-medical:before{content:"\f812"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-leaf:before{content:"\f06c"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location-arrow:before{content:"\f124"}.fa-lock:before{content:"\f023"}.fa-lock-open:before{content:"\f3c1"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-low-vision:before{content:"\f2a8"}.fa-luggage-cart:before{content:"\f59d"}.fa-lungs:before{content:"\f604"}.fa-lungs-virus:before{content:"\e067"}.fa-lyft:before{content:"\f3c3"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-mdb:before{content:"\f8ca"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-mendeley:before{content:"\f7b3"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-meteor:before{content:"\f753"}.fa-microblog:before{content:"\e01a"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-square:before{content:"\f146"}.fa-mitten:before{content:"\f7b5"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mixer:before{content:"\e056"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mouse:before{content:"\f8cc"}.fa-mouse-pointer:before{content:"\f245"}.fa-mug-hot:before{content:"\f7b6"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-octopus-deploy:before{content:"\e082"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-orcid:before{content:"\f8d2"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-pager:before{content:"\f815"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-penny-arcade:before{content:"\f704"}.fa-people-arrows:before{content:"\e068"}.fa-people-carry:before{content:"\f4ce"}.fa-pepper-hot:before{content:"\f816"}.fa-perbyte:before{content:"\e083"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-person-booth:before{content:"\f756"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-alt:before{content:"\f879"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-square-alt:before{content:"\f87b"}.fa-phone-volume:before{content:"\f2a0"}.fa-photo-video:before{content:"\f87c"}.fa-php:before{content:"\f457"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-square:before{content:"\e01e"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-pizza-slice:before{content:"\f818"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-plane-slash:before{content:"\e069"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poo:before{content:"\f2fe"}.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-print:before{content:"\f02f"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pump-medical:before{content:"\e06a"}.fa-pump-soap:before{content:"\e06b"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-radiation:before{content:"\f7b9"}.fa-radiation-alt:before{content:"\f7ba"}.fa-rainbow:before{content:"\f75b"}.fa-random:before{content:"\f074"}.fa-raspberry-pi:before{content:"\f7bb"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-record-vinyl:before{content:"\f8d9"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redhat:before{content:"\f7bc"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-remove-format:before{content:"\f87d"}.fa-renren:before{content:"\f18b"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-republican:before{content:"\f75e"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-restroom:before{content:"\f7bd"}.fa-retweet:before{content:"\f079"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-rust:before{content:"\e07a"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-salesforce:before{content:"\f83b"}.fa-sass:before{content:"\f41e"}.fa-satellite:before{content:"\f7bf"}.fa-satellite-dish:before{content:"\f7c0"}.fa-save:before{content:"\f0c7"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-sd-card:before{content:"\f7c2"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield-alt:before{content:"\f3ed"}.fa-shield-virus:before{content:"\e06c"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopify:before{content:"\e057"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shower:before{content:"\f2cc"}.fa-shuttle-van:before{content:"\f5b6"}.fa-sign:before{content:"\f4d9"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signature:before{content:"\f5b7"}.fa-sim-card:before{content:"\f7c4"}.fa-simplybuilt:before{content:"\f215"}.fa-sink:before{content:"\e06d"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skating:before{content:"\f7c5"}.fa-sketch:before{content:"\f7c6"}.fa-skiing:before{content:"\f7c9"}.fa-skiing-nordic:before{content:"\f7ca"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sleigh:before{content:"\f7cc"}.fa-sliders-h:before{content:"\f1de"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}.fa-smile-beam:before{content:"\f5b8"}.fa-smile-wink:before{content:"\f4da"}.fa-smog:before{content:"\f75f"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-sms:before{content:"\f7cd"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snowboarding:before{content:"\f7ce"}.fa-snowflake:before{content:"\f2dc"}.fa-snowman:before{content:"\f7d0"}.fa-snowplow:before{content:"\f7d2"}.fa-soap:before{content:"\e06e"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-down-alt:before{content:"\f881"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-alpha-up-alt:before{content:"\f882"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-down-alt:before{content:"\f884"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-amount-up-alt:before{content:"\f885"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-down-alt:before{content:"\f886"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-numeric-up-alt:before{content:"\f887"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-sourcetree:before{content:"\f7d3"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-speakap:before{content:"\f3f3"}.fa-speaker-deck:before{content:"\f83c"}.fa-spell-check:before{content:"\f891"}.fa-spider:before{content:"\f717"}.fa-spinner:before{content:"\f110"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-stackpath:before{content:"\f842"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-stopwatch-20:before{content:"\e06f"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-store-alt-slash:before{content:"\e070"}.fa-store-slash:before{content:"\e071"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-suse:before{content:"\f7d6"}.fa-swatchbook:before{content:"\f5c3"}.fa-swift:before{content:"\f8e1"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-symfony:before{content:"\f83d"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablets:before{content:"\f490"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-low:before{content:"\f76b"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-tenge:before{content:"\f7d7"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-ticket-alt:before{content:"\f3ff"}.fa-tiktok:before{content:"\e07b"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet:before{content:"\f7d8"}.fa-toilet-paper:before{content:"\f71e"}.fa-toilet-paper-slash:before{content:"\e072"}.fa-toolbox:before{content:"\f552"}.fa-tools:before{content:"\f7d9"}.fa-tooth:before{content:"\f5c9"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-light:before{content:"\f637"}.fa-trailer:before{content:"\e041"}.fa-train:before{content:"\f238"}.fa-tram:before{content:"\f7da"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-trash-restore:before{content:"\f829"}.fa-trash-restore-alt:before{content:"\f82a"}.fa-tree:before{content:"\f1bb"}.fa-trello:before{content:"\f181"}.fa-trophy:before{content:"\f091"}.fa-truck:before{content:"\f0d1"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-tv:before{content:"\f26c"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}.fa-ubuntu:before{content:"\f7df"}.fa-uikit:before{content:"\f403"}.fa-umbraco:before{content:"\f8e8"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-uncharted:before{content:"\e084"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-uniregistry:before{content:"\f404"}.fa-unity:before{content:"\e049"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-unsplash:before{content:"\e07c"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-ups:before{content:"\f7e0"}.fa-usb:before{content:"\f287"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-injured:before{content:"\f728"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-nurse:before{content:"\f82f"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-cog:before{content:"\f509"}.fa-users-slash:before{content:"\e073"}.fa-usps:before{content:"\f7e1"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-vaadin:before{content:"\f408"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-vest:before{content:"\e085"}.fa-vest-patches:before{content:"\e086"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-virus:before{content:"\e074"}.fa-virus-slash:before{content:"\e075"}.fa-viruses:before{content:"\e076"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-voicemail:before{content:"\f897"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-up:before{content:"\f028"}.fa-vote-yea:before{content:"\f772"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-warehouse:before{content:"\f494"}.fa-watchman-monitoring:before{content:"\e087"}.fa-water:before{content:"\f773"}.fa-wave-square:before{content:"\f83e"}.fa-waze:before{content:"\f83f"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheelchair:before{content:"\f193"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wodu:before{content:"\e088"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yammer:before{content:"\f840"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yarn:before{content:"\f7e3"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-brands-400.eot);src:url(../webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-brands-400.woff2) format("woff2"),url(../webfonts/fa-brands-400.woff) format("woff"),url(../webfonts/fa-brands-400.ttf) format("truetype"),url(../webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:400;font-display:block;src:url(../webfonts/fa-regular-400.eot);src:url(../webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-regular-400.woff2) format("woff2"),url(../webfonts/fa-regular-400.woff) format("woff"),url(../webfonts/fa-regular-400.ttf) format("truetype"),url(../webfonts/fa-regular-400.svg#fontawesome) format("svg")}.fab,.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Free";font-style:normal;font-weight:900;font-display:block;src:url(../webfonts/fa-solid-900.eot);src:url(../webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(../webfonts/fa-solid-900.woff2) format("woff2"),url(../webfonts/fa-solid-900.woff) format("woff"),url(../webfonts/fa-solid-900.ttf) format("truetype"),url(../webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.far,.fas{font-family:"Font Awesome 5 Free"}.fa,.fas{font-weight:900} \ No newline at end of file diff --git a/assets/css/main.css b/assets/css/main.css new file mode 100644 index 0000000..63e1199 --- /dev/null +++ b/assets/css/main.css @@ -0,0 +1,5515 @@ +@import url(fontawesome-all.min.css); +@import url("https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i"); + +/* + Cascade by Pixelarity + pixelarity.com | hello@pixelarity.com + License: pixelarity.com/license +*/ + +html, body, div, span, applet, object, +iframe, h1, h2, h3, h4, h5, h6, p, blockquote, +pre, a, abbr, acronym, address, big, cite, +code, del, dfn, em, img, ins, kbd, q, s, samp, +small, strike, strong, sub, sup, tt, var, b, +u, i, center, dl, dt, dd, ol, ul, li, fieldset, +form, label, legend, table, caption, tbody, +tfoot, thead, tr, th, td, article, aside, +canvas, details, embed, figure, figcaption, +footer, header, hgroup, menu, nav, output, ruby, +section, summary, time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline;} + +article, aside, details, figcaption, figure, +footer, header, hgroup, menu, nav, section { + display: block;} + +body { + line-height: 1; +} + +ol, ul { + list-style: none; +} + +blockquote, q { + quotes: none; +} + + blockquote:before, blockquote:after, q:before, q:after { + content: ''; + content: none; + } + +table { + border-collapse: collapse; + border-spacing: 0; +} + +body { + -webkit-text-size-adjust: none; +} + +mark { + background-color: transparent; + color: inherit; +} + +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +input, select, textarea { + -moz-appearance: none; + -webkit-appearance: none; + -ms-appearance: none; + appearance: none; +} + +/* Basic */ + + @-ms-viewport { + width: device-width; + } + + body { + -ms-overflow-style: scrollbar; + } + + @media screen and (max-width: 480px) { + + html, body { + min-width: 320px; + } + + } + + html { + box-sizing: border-box; + } + + *, *:before, *:after { + box-sizing: inherit; + } + + body { + background: #fff; + } + + body.is-preload *, body.is-preload *:before, body.is-preload *:after { + -moz-animation: none !important; + -webkit-animation: none !important; + -ms-animation: none !important; + animation: none !important; + -moz-transition: none !important; + -webkit-transition: none !important; + -ms-transition: none !important; + transition: none !important; + } + +/* Type */ + + html { + font-size: 14pt; + } + + @media screen and (max-width: 1680px) { + + html { + font-size: 11pt; + } + + } + + @media screen and (max-width: 980px) { + + html { + font-size: 12pt; + } + + } + + @media screen and (max-width: 736px) { + + html { + font-size: 11pt; + } + + } + + body { + background-color: #fff; + color: #888; + } + + body, input, select, textarea { + font-family: "Open Sans", Arial, Helvetica, sans-serif; + font-weight: 400; + font-size: 1rem; + line-height: 2; + } + + a { + -moz-transition: color 0.2s; + -webkit-transition: color 0.2s; + -ms-transition: color 0.2s; + transition: color 0.2s; + text-decoration: underline; + } + + a:active, a:focus, a:hover { + text-decoration: none; + } + + strong, b { + font-weight: 700; + } + + em, i { + font-style: italic; + } + + p { + margin: 0 0 2.5rem 0; + } + + h1, h2, h3, h4, h5, h6 { + font-weight: 300; + line-height: 1.4; + margin: 0 0 1.5rem 0; + } + + h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { + color: inherit; + text-decoration: none; + } + + h1 { + font-size: 4rem; + font-style: italic; + text-transform: uppercase; + letter-spacing: 0.05em; + } + + @media screen and (max-width: 1280px) { + + h1 { + font-size: 3rem; + } + + } + + @media screen and (max-width: 980px) { + + h1 { + font-size: 2.75rem; + } + + } + + @media screen and (max-width: 736px) { + + h1 { + font-size: 2.25rem; + } + + } + + h2 { + font-size: 3.5rem; + font-style: italic; + text-transform: uppercase; + letter-spacing: 0.05em; + } + + @media screen and (max-width: 1280px) { + + h2 { + font-size: 2.75rem; + } + + } + + @media screen and (max-width: 980px) { + + h2 { + font-size: 2.25rem; + } + + } + + @media screen and (max-width: 736px) { + + h2 { + font-size: 1.75rem; + } + + } + + h3 { + font-size: 2.15rem; + } + + @media screen and (max-width: 980px) { + + h3 { + font-size: 2rem; + } + + } + + @media screen and (max-width: 736px) { + + h3 { + font-size: 1.8rem; + } + + } + + h4 { + font-size: 1.5rem; + } + + h5 { + font-size: 1rem; + } + + h6 { + font-size: 0.8rem; + } + + sub { + font-size: 0.8rem; + position: relative; + top: 0.5rem; + } + + sup { + font-size: 0.8rem; + position: relative; + top: -0.5rem; + } + + blockquote { + border-left: solid 12px; + font-style: italic; + margin: 0 0 2.5rem 0; + padding: 0.625rem 0 0.625rem 2.5rem; + } + + code { + border-radius: 4px; + border: solid 1px; + font-family: "Courier New", monospace; + font-size: 0.9rem; + margin: 0 0.25rem; + padding: 0.25rem 0.65rem; + } + + pre { + -webkit-overflow-scrolling: touch; + font-family: "Courier New", monospace; + font-size: 0.9rem; + margin: 0 0 2.5rem 0; + } + + pre code { + display: block; + line-height: 1.75; + padding: 1rem 1.5rem; + overflow-x: auto; + } + + hr { + border: 0; + border-bottom: solid 1px; + margin: 2.5rem 0; + } + + hr.major { + margin: 3.75rem 0; + } + + .align-left { + text-align: left; + } + + .align-center { + text-align: center; + } + + .align-right { + text-align: right; + } + + input, select, textarea { + color: #555; + } + + a { + color: #51CCA8; + } + + strong, b { + color: #555; + } + + h1, h2, h3, h4, h5, h6 { + color: #555; + } + + blockquote { + border-left-color: rgba(144, 144, 144, 0.25); + } + + code { + background: rgba(144, 144, 144, 0.075); + border-color: rgba(144, 144, 144, 0.25); + } + + hr { + border-bottom-color: rgba(144, 144, 144, 0.25); + } + +/* Row */ + + .row { + display: flex; + flex-wrap: wrap; + box-sizing: border-box; + align-items: stretch; + } + + .row > * { + box-sizing: border-box; + } + + .row.gtr-uniform > * > :last-child { + margin-bottom: 0; + } + + .row.aln-left { + justify-content: flex-start; + } + + .row.aln-center { + justify-content: center; + } + + .row.aln-right { + justify-content: flex-end; + } + + .row.aln-top { + align-items: flex-start; + } + + .row.aln-middle { + align-items: center; + } + + .row.aln-bottom { + align-items: flex-end; + } + + .row > .imp { + order: -1; + } + + .row > .col-1 { + width: 8.33333%; + } + + .row > .off-1 { + margin-left: 8.33333%; + } + + .row > .col-2 { + width: 16.66667%; + } + + .row > .off-2 { + margin-left: 16.66667%; + } + + .row > .col-3 { + width: 25%; + } + + .row > .off-3 { + margin-left: 25%; + } + + .row > .col-4 { + width: 33.33333%; + } + + .row > .off-4 { + margin-left: 33.33333%; + } + + .row > .col-5 { + width: 41.66667%; + } + + .row > .off-5 { + margin-left: 41.66667%; + } + + .row > .col-6 { + width: 50%; + } + + .row > .off-6 { + margin-left: 50%; + } + + .row > .col-7 { + width: 58.33333%; + } + + .row > .off-7 { + margin-left: 58.33333%; + } + + .row > .col-8 { + width: 66.66667%; + } + + .row > .off-8 { + margin-left: 66.66667%; + } + + .row > .col-9 { + width: 75%; + } + + .row > .off-9 { + margin-left: 75%; + } + + .row > .col-10 { + width: 83.33333%; + } + + .row > .off-10 { + margin-left: 83.33333%; + } + + .row > .col-11 { + width: 91.66667%; + } + + .row > .off-11 { + margin-left: 91.66667%; + } + + .row > .col-12 { + width: 100%; + } + + .row > .off-12 { + margin-left: 100%; + } + + .row.gtr-0 { + margin-top: 0; + margin-left: 0rem; + } + + .row.gtr-0 > * { + padding: 0 0 0 0rem; + } + + .row.gtr-0.gtr-uniform { + margin-top: 0rem; + } + + .row.gtr-0.gtr-uniform > * { + padding-top: 0rem; + } + + .row.gtr-25 { + margin-top: 0; + margin-left: -0.375rem; + } + + .row.gtr-25 > * { + padding: 0 0 0 0.375rem; + } + + .row.gtr-25.gtr-uniform { + margin-top: -0.375rem; + } + + .row.gtr-25.gtr-uniform > * { + padding-top: 0.375rem; + } + + .row.gtr-50 { + margin-top: 0; + margin-left: -0.75rem; + } + + .row.gtr-50 > * { + padding: 0 0 0 0.75rem; + } + + .row.gtr-50.gtr-uniform { + margin-top: -0.75rem; + } + + .row.gtr-50.gtr-uniform > * { + padding-top: 0.75rem; + } + + .row { + margin-top: 0; + margin-left: -1.5rem; + } + + .row > * { + padding: 0 0 0 1.5rem; + } + + .row.gtr-uniform { + margin-top: -1.5rem; + } + + .row.gtr-uniform > * { + padding-top: 1.5rem; + } + + .row.gtr-150 { + margin-top: 0; + margin-left: -2.25rem; + } + + .row.gtr-150 > * { + padding: 0 0 0 2.25rem; + } + + .row.gtr-150.gtr-uniform { + margin-top: -2.25rem; + } + + .row.gtr-150.gtr-uniform > * { + padding-top: 2.25rem; + } + + .row.gtr-200 { + margin-top: 0; + margin-left: -3rem; + } + + .row.gtr-200 > * { + padding: 0 0 0 3rem; + } + + .row.gtr-200.gtr-uniform { + margin-top: -3rem; + } + + .row.gtr-200.gtr-uniform > * { + padding-top: 3rem; + } + + @media screen and (max-width: 1680px) { + + .row { + display: flex; + flex-wrap: wrap; + box-sizing: border-box; + align-items: stretch; + } + + .row > * { + box-sizing: border-box; + } + + .row.gtr-uniform > * > :last-child { + margin-bottom: 0; + } + + .row.aln-left { + justify-content: flex-start; + } + + .row.aln-center { + justify-content: center; + } + + .row.aln-right { + justify-content: flex-end; + } + + .row.aln-top { + align-items: flex-start; + } + + .row.aln-middle { + align-items: center; + } + + .row.aln-bottom { + align-items: flex-end; + } + + .row > .imp-xlarge { + order: -1; + } + + .row > .col-1-xlarge { + width: 8.33333%; + } + + .row > .off-1-xlarge { + margin-left: 8.33333%; + } + + .row > .col-2-xlarge { + width: 16.66667%; + } + + .row > .off-2-xlarge { + margin-left: 16.66667%; + } + + .row > .col-3-xlarge { + width: 25%; + } + + .row > .off-3-xlarge { + margin-left: 25%; + } + + .row > .col-4-xlarge { + width: 33.33333%; + } + + .row > .off-4-xlarge { + margin-left: 33.33333%; + } + + .row > .col-5-xlarge { + width: 41.66667%; + } + + .row > .off-5-xlarge { + margin-left: 41.66667%; + } + + .row > .col-6-xlarge { + width: 50%; + } + + .row > .off-6-xlarge { + margin-left: 50%; + } + + .row > .col-7-xlarge { + width: 58.33333%; + } + + .row > .off-7-xlarge { + margin-left: 58.33333%; + } + + .row > .col-8-xlarge { + width: 66.66667%; + } + + .row > .off-8-xlarge { + margin-left: 66.66667%; + } + + .row > .col-9-xlarge { + width: 75%; + } + + .row > .off-9-xlarge { + margin-left: 75%; + } + + .row > .col-10-xlarge { + width: 83.33333%; + } + + .row > .off-10-xlarge { + margin-left: 83.33333%; + } + + .row > .col-11-xlarge { + width: 91.66667%; + } + + .row > .off-11-xlarge { + margin-left: 91.66667%; + } + + .row > .col-12-xlarge { + width: 100%; + } + + .row > .off-12-xlarge { + margin-left: 100%; + } + + .row.gtr-0 { + margin-top: 0; + margin-left: 0rem; + } + + .row.gtr-0 > * { + padding: 0 0 0 0rem; + } + + .row.gtr-0.gtr-uniform { + margin-top: 0rem; + } + + .row.gtr-0.gtr-uniform > * { + padding-top: 0rem; + } + + .row.gtr-25 { + margin-top: 0; + margin-left: -0.375rem; + } + + .row.gtr-25 > * { + padding: 0 0 0 0.375rem; + } + + .row.gtr-25.gtr-uniform { + margin-top: -0.375rem; + } + + .row.gtr-25.gtr-uniform > * { + padding-top: 0.375rem; + } + + .row.gtr-50 { + margin-top: 0; + margin-left: -0.75rem; + } + + .row.gtr-50 > * { + padding: 0 0 0 0.75rem; + } + + .row.gtr-50.gtr-uniform { + margin-top: -0.75rem; + } + + .row.gtr-50.gtr-uniform > * { + padding-top: 0.75rem; + } + + .row { + margin-top: 0; + margin-left: -1.5rem; + } + + .row > * { + padding: 0 0 0 1.5rem; + } + + .row.gtr-uniform { + margin-top: -1.5rem; + } + + .row.gtr-uniform > * { + padding-top: 1.5rem; + } + + .row.gtr-150 { + margin-top: 0; + margin-left: -2.25rem; + } + + .row.gtr-150 > * { + padding: 0 0 0 2.25rem; + } + + .row.gtr-150.gtr-uniform { + margin-top: -2.25rem; + } + + .row.gtr-150.gtr-uniform > * { + padding-top: 2.25rem; + } + + .row.gtr-200 { + margin-top: 0; + margin-left: -3rem; + } + + .row.gtr-200 > * { + padding: 0 0 0 3rem; + } + + .row.gtr-200.gtr-uniform { + margin-top: -3rem; + } + + .row.gtr-200.gtr-uniform > * { + padding-top: 3rem; + } + + } + + @media screen and (max-width: 1280px) { + + .row { + display: flex; + flex-wrap: wrap; + box-sizing: border-box; + align-items: stretch; + } + + .row > * { + box-sizing: border-box; + } + + .row.gtr-uniform > * > :last-child { + margin-bottom: 0; + } + + .row.aln-left { + justify-content: flex-start; + } + + .row.aln-center { + justify-content: center; + } + + .row.aln-right { + justify-content: flex-end; + } + + .row.aln-top { + align-items: flex-start; + } + + .row.aln-middle { + align-items: center; + } + + .row.aln-bottom { + align-items: flex-end; + } + + .row > .imp-large { + order: -1; + } + + .row > .col-1-large { + width: 8.33333%; + } + + .row > .off-1-large { + margin-left: 8.33333%; + } + + .row > .col-2-large { + width: 16.66667%; + } + + .row > .off-2-large { + margin-left: 16.66667%; + } + + .row > .col-3-large { + width: 25%; + } + + .row > .off-3-large { + margin-left: 25%; + } + + .row > .col-4-large { + width: 33.33333%; + } + + .row > .off-4-large { + margin-left: 33.33333%; + } + + .row > .col-5-large { + width: 41.66667%; + } + + .row > .off-5-large { + margin-left: 41.66667%; + } + + .row > .col-6-large { + width: 50%; + } + + .row > .off-6-large { + margin-left: 50%; + } + + .row > .col-7-large { + width: 58.33333%; + } + + .row > .off-7-large { + margin-left: 58.33333%; + } + + .row > .col-8-large { + width: 66.66667%; + } + + .row > .off-8-large { + margin-left: 66.66667%; + } + + .row > .col-9-large { + width: 75%; + } + + .row > .off-9-large { + margin-left: 75%; + } + + .row > .col-10-large { + width: 83.33333%; + } + + .row > .off-10-large { + margin-left: 83.33333%; + } + + .row > .col-11-large { + width: 91.66667%; + } + + .row > .off-11-large { + margin-left: 91.66667%; + } + + .row > .col-12-large { + width: 100%; + } + + .row > .off-12-large { + margin-left: 100%; + } + + .row.gtr-0 { + margin-top: 0; + margin-left: 0rem; + } + + .row.gtr-0 > * { + padding: 0 0 0 0rem; + } + + .row.gtr-0.gtr-uniform { + margin-top: 0rem; + } + + .row.gtr-0.gtr-uniform > * { + padding-top: 0rem; + } + + .row.gtr-25 { + margin-top: 0; + margin-left: -0.375rem; + } + + .row.gtr-25 > * { + padding: 0 0 0 0.375rem; + } + + .row.gtr-25.gtr-uniform { + margin-top: -0.375rem; + } + + .row.gtr-25.gtr-uniform > * { + padding-top: 0.375rem; + } + + .row.gtr-50 { + margin-top: 0; + margin-left: -0.75rem; + } + + .row.gtr-50 > * { + padding: 0 0 0 0.75rem; + } + + .row.gtr-50.gtr-uniform { + margin-top: -0.75rem; + } + + .row.gtr-50.gtr-uniform > * { + padding-top: 0.75rem; + } + + .row { + margin-top: 0; + margin-left: -1.5rem; + } + + .row > * { + padding: 0 0 0 1.5rem; + } + + .row.gtr-uniform { + margin-top: -1.5rem; + } + + .row.gtr-uniform > * { + padding-top: 1.5rem; + } + + .row.gtr-150 { + margin-top: 0; + margin-left: -2.25rem; + } + + .row.gtr-150 > * { + padding: 0 0 0 2.25rem; + } + + .row.gtr-150.gtr-uniform { + margin-top: -2.25rem; + } + + .row.gtr-150.gtr-uniform > * { + padding-top: 2.25rem; + } + + .row.gtr-200 { + margin-top: 0; + margin-left: -3rem; + } + + .row.gtr-200 > * { + padding: 0 0 0 3rem; + } + + .row.gtr-200.gtr-uniform { + margin-top: -3rem; + } + + .row.gtr-200.gtr-uniform > * { + padding-top: 3rem; + } + + } + + @media screen and (max-width: 980px) { + + .row { + display: flex; + flex-wrap: wrap; + box-sizing: border-box; + align-items: stretch; + } + + .row > * { + box-sizing: border-box; + } + + .row.gtr-uniform > * > :last-child { + margin-bottom: 0; + } + + .row.aln-left { + justify-content: flex-start; + } + + .row.aln-center { + justify-content: center; + } + + .row.aln-right { + justify-content: flex-end; + } + + .row.aln-top { + align-items: flex-start; + } + + .row.aln-middle { + align-items: center; + } + + .row.aln-bottom { + align-items: flex-end; + } + + .row > .imp-medium { + order: -1; + } + + .row > .col-1-medium { + width: 8.33333%; + } + + .row > .off-1-medium { + margin-left: 8.33333%; + } + + .row > .col-2-medium { + width: 16.66667%; + } + + .row > .off-2-medium { + margin-left: 16.66667%; + } + + .row > .col-3-medium { + width: 25%; + } + + .row > .off-3-medium { + margin-left: 25%; + } + + .row > .col-4-medium { + width: 33.33333%; + } + + .row > .off-4-medium { + margin-left: 33.33333%; + } + + .row > .col-5-medium { + width: 41.66667%; + } + + .row > .off-5-medium { + margin-left: 41.66667%; + } + + .row > .col-6-medium { + width: 50%; + } + + .row > .off-6-medium { + margin-left: 50%; + } + + .row > .col-7-medium { + width: 58.33333%; + } + + .row > .off-7-medium { + margin-left: 58.33333%; + } + + .row > .col-8-medium { + width: 66.66667%; + } + + .row > .off-8-medium { + margin-left: 66.66667%; + } + + .row > .col-9-medium { + width: 75%; + } + + .row > .off-9-medium { + margin-left: 75%; + } + + .row > .col-10-medium { + width: 83.33333%; + } + + .row > .off-10-medium { + margin-left: 83.33333%; + } + + .row > .col-11-medium { + width: 91.66667%; + } + + .row > .off-11-medium { + margin-left: 91.66667%; + } + + .row > .col-12-medium { + width: 100%; + } + + .row > .off-12-medium { + margin-left: 100%; + } + + .row.gtr-0 { + margin-top: 0; + margin-left: 0rem; + } + + .row.gtr-0 > * { + padding: 0 0 0 0rem; + } + + .row.gtr-0.gtr-uniform { + margin-top: 0rem; + } + + .row.gtr-0.gtr-uniform > * { + padding-top: 0rem; + } + + .row.gtr-25 { + margin-top: 0; + margin-left: -0.375rem; + } + + .row.gtr-25 > * { + padding: 0 0 0 0.375rem; + } + + .row.gtr-25.gtr-uniform { + margin-top: -0.375rem; + } + + .row.gtr-25.gtr-uniform > * { + padding-top: 0.375rem; + } + + .row.gtr-50 { + margin-top: 0; + margin-left: -0.75rem; + } + + .row.gtr-50 > * { + padding: 0 0 0 0.75rem; + } + + .row.gtr-50.gtr-uniform { + margin-top: -0.75rem; + } + + .row.gtr-50.gtr-uniform > * { + padding-top: 0.75rem; + } + + .row { + margin-top: 0; + margin-left: -1.5rem; + } + + .row > * { + padding: 0 0 0 1.5rem; + } + + .row.gtr-uniform { + margin-top: -1.5rem; + } + + .row.gtr-uniform > * { + padding-top: 1.5rem; + } + + .row.gtr-150 { + margin-top: 0; + margin-left: -2.25rem; + } + + .row.gtr-150 > * { + padding: 0 0 0 2.25rem; + } + + .row.gtr-150.gtr-uniform { + margin-top: -2.25rem; + } + + .row.gtr-150.gtr-uniform > * { + padding-top: 2.25rem; + } + + .row.gtr-200 { + margin-top: 0; + margin-left: -3rem; + } + + .row.gtr-200 > * { + padding: 0 0 0 3rem; + } + + .row.gtr-200.gtr-uniform { + margin-top: -3rem; + } + + .row.gtr-200.gtr-uniform > * { + padding-top: 3rem; + } + + } + + @media screen and (max-width: 736px) { + + .row { + display: flex; + flex-wrap: wrap; + box-sizing: border-box; + align-items: stretch; + } + + .row > * { + box-sizing: border-box; + } + + .row.gtr-uniform > * > :last-child { + margin-bottom: 0; + } + + .row.aln-left { + justify-content: flex-start; + } + + .row.aln-center { + justify-content: center; + } + + .row.aln-right { + justify-content: flex-end; + } + + .row.aln-top { + align-items: flex-start; + } + + .row.aln-middle { + align-items: center; + } + + .row.aln-bottom { + align-items: flex-end; + } + + .row > .imp-small { + order: -1; + } + + .row > .col-1-small { + width: 8.33333%; + } + + .row > .off-1-small { + margin-left: 8.33333%; + } + + .row > .col-2-small { + width: 16.66667%; + } + + .row > .off-2-small { + margin-left: 16.66667%; + } + + .row > .col-3-small { + width: 25%; + } + + .row > .off-3-small { + margin-left: 25%; + } + + .row > .col-4-small { + width: 33.33333%; + } + + .row > .off-4-small { + margin-left: 33.33333%; + } + + .row > .col-5-small { + width: 41.66667%; + } + + .row > .off-5-small { + margin-left: 41.66667%; + } + + .row > .col-6-small { + width: 50%; + } + + .row > .off-6-small { + margin-left: 50%; + } + + .row > .col-7-small { + width: 58.33333%; + } + + .row > .off-7-small { + margin-left: 58.33333%; + } + + .row > .col-8-small { + width: 66.66667%; + } + + .row > .off-8-small { + margin-left: 66.66667%; + } + + .row > .col-9-small { + width: 75%; + } + + .row > .off-9-small { + margin-left: 75%; + } + + .row > .col-10-small { + width: 83.33333%; + } + + .row > .off-10-small { + margin-left: 83.33333%; + } + + .row > .col-11-small { + width: 91.66667%; + } + + .row > .off-11-small { + margin-left: 91.66667%; + } + + .row > .col-12-small { + width: 100%; + } + + .row > .off-12-small { + margin-left: 100%; + } + + .row.gtr-0 { + margin-top: 0; + margin-left: 0rem; + } + + .row.gtr-0 > * { + padding: 0 0 0 0rem; + } + + .row.gtr-0.gtr-uniform { + margin-top: 0rem; + } + + .row.gtr-0.gtr-uniform > * { + padding-top: 0rem; + } + + .row.gtr-25 { + margin-top: 0; + margin-left: -0.3125rem; + } + + .row.gtr-25 > * { + padding: 0 0 0 0.3125rem; + } + + .row.gtr-25.gtr-uniform { + margin-top: -0.3125rem; + } + + .row.gtr-25.gtr-uniform > * { + padding-top: 0.3125rem; + } + + .row.gtr-50 { + margin-top: 0; + margin-left: -0.625rem; + } + + .row.gtr-50 > * { + padding: 0 0 0 0.625rem; + } + + .row.gtr-50.gtr-uniform { + margin-top: -0.625rem; + } + + .row.gtr-50.gtr-uniform > * { + padding-top: 0.625rem; + } + + .row { + margin-top: 0; + margin-left: -1.25rem; + } + + .row > * { + padding: 0 0 0 1.25rem; + } + + .row.gtr-uniform { + margin-top: -1.25rem; + } + + .row.gtr-uniform > * { + padding-top: 1.25rem; + } + + .row.gtr-150 { + margin-top: 0; + margin-left: -1.875rem; + } + + .row.gtr-150 > * { + padding: 0 0 0 1.875rem; + } + + .row.gtr-150.gtr-uniform { + margin-top: -1.875rem; + } + + .row.gtr-150.gtr-uniform > * { + padding-top: 1.875rem; + } + + .row.gtr-200 { + margin-top: 0; + margin-left: -2.5rem; + } + + .row.gtr-200 > * { + padding: 0 0 0 2.5rem; + } + + .row.gtr-200.gtr-uniform { + margin-top: -2.5rem; + } + + .row.gtr-200.gtr-uniform > * { + padding-top: 2.5rem; + } + + } + + @media screen and (max-width: 480px) { + + .row { + display: flex; + flex-wrap: wrap; + box-sizing: border-box; + align-items: stretch; + } + + .row > * { + box-sizing: border-box; + } + + .row.gtr-uniform > * > :last-child { + margin-bottom: 0; + } + + .row.aln-left { + justify-content: flex-start; + } + + .row.aln-center { + justify-content: center; + } + + .row.aln-right { + justify-content: flex-end; + } + + .row.aln-top { + align-items: flex-start; + } + + .row.aln-middle { + align-items: center; + } + + .row.aln-bottom { + align-items: flex-end; + } + + .row > .imp-xsmall { + order: -1; + } + + .row > .col-1-xsmall { + width: 8.33333%; + } + + .row > .off-1-xsmall { + margin-left: 8.33333%; + } + + .row > .col-2-xsmall { + width: 16.66667%; + } + + .row > .off-2-xsmall { + margin-left: 16.66667%; + } + + .row > .col-3-xsmall { + width: 25%; + } + + .row > .off-3-xsmall { + margin-left: 25%; + } + + .row > .col-4-xsmall { + width: 33.33333%; + } + + .row > .off-4-xsmall { + margin-left: 33.33333%; + } + + .row > .col-5-xsmall { + width: 41.66667%; + } + + .row > .off-5-xsmall { + margin-left: 41.66667%; + } + + .row > .col-6-xsmall { + width: 50%; + } + + .row > .off-6-xsmall { + margin-left: 50%; + } + + .row > .col-7-xsmall { + width: 58.33333%; + } + + .row > .off-7-xsmall { + margin-left: 58.33333%; + } + + .row > .col-8-xsmall { + width: 66.66667%; + } + + .row > .off-8-xsmall { + margin-left: 66.66667%; + } + + .row > .col-9-xsmall { + width: 75%; + } + + .row > .off-9-xsmall { + margin-left: 75%; + } + + .row > .col-10-xsmall { + width: 83.33333%; + } + + .row > .off-10-xsmall { + margin-left: 83.33333%; + } + + .row > .col-11-xsmall { + width: 91.66667%; + } + + .row > .off-11-xsmall { + margin-left: 91.66667%; + } + + .row > .col-12-xsmall { + width: 100%; + } + + .row > .off-12-xsmall { + margin-left: 100%; + } + + .row.gtr-0 { + margin-top: 0; + margin-left: 0rem; + } + + .row.gtr-0 > * { + padding: 0 0 0 0rem; + } + + .row.gtr-0.gtr-uniform { + margin-top: 0rem; + } + + .row.gtr-0.gtr-uniform > * { + padding-top: 0rem; + } + + .row.gtr-25 { + margin-top: 0; + margin-left: -0.3125rem; + } + + .row.gtr-25 > * { + padding: 0 0 0 0.3125rem; + } + + .row.gtr-25.gtr-uniform { + margin-top: -0.3125rem; + } + + .row.gtr-25.gtr-uniform > * { + padding-top: 0.3125rem; + } + + .row.gtr-50 { + margin-top: 0; + margin-left: -0.625rem; + } + + .row.gtr-50 > * { + padding: 0 0 0 0.625rem; + } + + .row.gtr-50.gtr-uniform { + margin-top: -0.625rem; + } + + .row.gtr-50.gtr-uniform > * { + padding-top: 0.625rem; + } + + .row { + margin-top: 0; + margin-left: -1.25rem; + } + + .row > * { + padding: 0 0 0 1.25rem; + } + + .row.gtr-uniform { + margin-top: -1.25rem; + } + + .row.gtr-uniform > * { + padding-top: 1.25rem; + } + + .row.gtr-150 { + margin-top: 0; + margin-left: -1.875rem; + } + + .row.gtr-150 > * { + padding: 0 0 0 1.875rem; + } + + .row.gtr-150.gtr-uniform { + margin-top: -1.875rem; + } + + .row.gtr-150.gtr-uniform > * { + padding-top: 1.875rem; + } + + .row.gtr-200 { + margin-top: 0; + margin-left: -2.5rem; + } + + .row.gtr-200 > * { + padding: 0 0 0 2.5rem; + } + + .row.gtr-200.gtr-uniform { + margin-top: -2.5rem; + } + + .row.gtr-200.gtr-uniform > * { + padding-top: 2.5rem; + } + + } + +/* Box */ + + .box { + border-radius: 4px; + border: solid 1px; + margin-bottom: 2.5rem; + padding: 1.5rem; + } + + .box > :last-child, + .box > :last-child > :last-child, + .box > :last-child > :last-child > :last-child { + margin-bottom: 0; + } + + .box.alt { + border: 0; + border-radius: 0; + padding: 0; + } + + .box { + border-color: rgba(144, 144, 144, 0.25); + } + +/* Button */ + + input[type="submit"], + input[type="reset"], + input[type="button"], + button, + .button { + -moz-appearance: none; + -webkit-appearance: none; + -ms-appearance: none; + appearance: none; + -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; + -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; + -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; + transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out; + border-radius: 4px; + border: 0; + cursor: pointer; + display: inline-block; + font-weight: 700; + font-size: 0.85rem; + height: 3rem; + letter-spacing: 0.04rem; + line-height: 3rem; + padding: 0 2.5em; + text-align: center; + text-decoration: none; + text-transform: uppercase; + white-space: nowrap; + } + + input[type="submit"].icon:before, + input[type="reset"].icon:before, + input[type="button"].icon:before, + button.icon:before, + .button.icon:before { + margin-right: 0.5rem; + } + + input[type="submit"].fit, + input[type="reset"].fit, + input[type="button"].fit, + button.fit, + .button.fit { + width: 100%; + } + + input[type="submit"].small, + input[type="reset"].small, + input[type="button"].small, + button.small, + .button.small { + font-size: 0.7rem; + height: 2.2rem; + line-height: 2.2rem; + } + + input[type="submit"].large, + input[type="reset"].large, + input[type="button"].large, + button.large, + .button.large { + font-size: 1.1rem; + height: 4.25rem; + line-height: 4.25rem; + } + + input[type="submit"].wide, + input[type="reset"].wide, + input[type="button"].wide, + button.wide, + .button.wide { + min-width: 15em; + } + + input[type="submit"].disabled, input[type="submit"]:disabled, + input[type="reset"].disabled, + input[type="reset"]:disabled, + input[type="button"].disabled, + input[type="button"]:disabled, + button.disabled, + button:disabled, + .button.disabled, + .button:disabled { + pointer-events: none; + opacity: 0.25; + } + + input[type="submit"].primary.accent1, + input[type="reset"].primary.accent1, + input[type="button"].primary.accent1, + button.primary.accent1, + .button.primary.accent1 { + background-color: #51CCA8 !important; + color: #ffffff !important; + } + + input[type="submit"].primary.accent1:hover, input[type="submit"].primary.accent1:focus, + input[type="reset"].primary.accent1:hover, + input[type="reset"].primary.accent1:focus, + input[type="button"].primary.accent1:hover, + input[type="button"].primary.accent1:focus, + button.primary.accent1:hover, + button.primary.accent1:focus, + .button.primary.accent1:hover, + .button.primary.accent1:focus { + background-color: #65d2b2 !important; + } + + input[type="submit"].primary.accent1:active, + input[type="reset"].primary.accent1:active, + input[type="button"].primary.accent1:active, + button.primary.accent1:active, + .button.primary.accent1:active { + background-color: #3dc69e !important; + } + + input[type="submit"].primary.accent2, + input[type="reset"].primary.accent2, + input[type="button"].primary.accent2, + button.primary.accent2, + .button.primary.accent2 { + background-color: #51B9CC !important; + color: #ffffff !important; + } + + input[type="submit"].primary.accent2:hover, input[type="submit"].primary.accent2:focus, + input[type="reset"].primary.accent2:hover, + input[type="reset"].primary.accent2:focus, + input[type="button"].primary.accent2:hover, + input[type="button"].primary.accent2:focus, + button.primary.accent2:hover, + button.primary.accent2:focus, + .button.primary.accent2:hover, + .button.primary.accent2:focus { + background-color: #65c1d2 !important; + } + + input[type="submit"].primary.accent2:active, + input[type="reset"].primary.accent2:active, + input[type="button"].primary.accent2:active, + button.primary.accent2:active, + .button.primary.accent2:active { + background-color: #3db1c6 !important; + } + + input[type="submit"].primary.accent3, + input[type="reset"].primary.accent3, + input[type="button"].primary.accent3, + button.primary.accent3, + .button.primary.accent3 { + background-color: #5E92CC !important; + color: #ffffff !important; + } + + input[type="submit"].primary.accent3:hover, input[type="submit"].primary.accent3:focus, + input[type="reset"].primary.accent3:hover, + input[type="reset"].primary.accent3:focus, + input[type="button"].primary.accent3:hover, + input[type="button"].primary.accent3:focus, + button.primary.accent3:hover, + button.primary.accent3:focus, + .button.primary.accent3:hover, + .button.primary.accent3:focus { + background-color: #719fd2 !important; + } + + input[type="submit"].primary.accent3:active, + input[type="reset"].primary.accent3:active, + input[type="button"].primary.accent3:active, + button.primary.accent3:active, + .button.primary.accent3:active { + background-color: #4b85c6 !important; + } + + input[type="submit"].primary.accent4, + input[type="reset"].primary.accent4, + input[type="button"].primary.accent4, + button.primary.accent4, + .button.primary.accent4 { + background-color: #6E81D0 !important; + color: #ffffff !important; + } + + input[type="submit"].primary.accent4:hover, input[type="submit"].primary.accent4:focus, + input[type="reset"].primary.accent4:hover, + input[type="reset"].primary.accent4:focus, + input[type="button"].primary.accent4:hover, + input[type="button"].primary.accent4:focus, + button.primary.accent4:hover, + button.primary.accent4:focus, + .button.primary.accent4:hover, + .button.primary.accent4:focus { + background-color: #8192d6 !important; + } + + input[type="submit"].primary.accent4:active, + input[type="reset"].primary.accent4:active, + input[type="button"].primary.accent4:active, + button.primary.accent4:active, + .button.primary.accent4:active { + background-color: #5b70ca !important; + } + + @media screen and (max-width: 480px) { + + input[type="submit"], + input[type="reset"], + input[type="button"], + button, + .button { + padding: 0; + } + + } + + input[type="submit"], + input[type="reset"], + input[type="button"], + button, + .button { + background-color: transparent; + box-shadow: inset 0 0 0 3px rgba(144, 144, 144, 0.25); + color: #555; + } + + input[type="submit"]:hover, input[type="submit"]:focus, + input[type="reset"]:hover, + input[type="reset"]:focus, + input[type="button"]:hover, + input[type="button"]:focus, + button:hover, + button:focus, + .button:hover, + .button:focus { + background-color: rgba(144, 144, 144, 0.075); + } + + input[type="submit"]:active, + input[type="reset"]:active, + input[type="button"]:active, + button:active, + .button:active { + background-color: rgba(144, 144, 144, 0.175); + } + + input[type="submit"].icon:before, + input[type="reset"].icon:before, + input[type="button"].icon:before, + button.icon:before, + .button.icon:before { + color: #bbb; + } + + input[type="submit"].primary, + input[type="reset"].primary, + input[type="button"].primary, + button.primary, + .button.primary { + box-shadow: none; + background-color: #51CCA8; + color: #ffffff; + } + + input[type="submit"].primary.icon:before, + input[type="reset"].primary.icon:before, + input[type="button"].primary.icon:before, + button.primary.icon:before, + .button.primary.icon:before { + color: #ffffff; + } + + input[type="submit"].primary:hover, input[type="submit"].primary:focus, + input[type="reset"].primary:hover, + input[type="reset"].primary:focus, + input[type="button"].primary:hover, + input[type="button"].primary:focus, + button.primary:hover, + button.primary:focus, + .button.primary:hover, + .button.primary:focus { + background-color: #65d2b2; + } + + input[type="submit"].primary:active, + input[type="reset"].primary:active, + input[type="button"].primary:active, + button.primary:active, + .button.primary:active { + background-color: #3dc69e; + } + +/* Form */ + + form { + margin: 0 0 2.5rem 0; + } + + header.major + form { + margin-top: -1.5rem; + } + + form.combined { + display: -moz-flex; + display: -webkit-flex; + display: -ms-flex; + display: flex; + -moz-flex-direction: row; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + margin-left: auto; + margin-right: auto; + max-width: 100%; + position: relative; + width: 30rem; + } + + form.combined input[type="text"], + form.combined input[type="password"], + form.combined input[type="email"], + form.combined select, + form.combined textarea { + -moz-flex-grow: 1; + -webkit-flex-grow: 1; + -ms-flex-grow: 1; + flex-grow: 1; + -moz-flex-shrink: 1; + -webkit-flex-shrink: 1; + -ms-flex-shrink: 1; + flex-shrink: 1; + border-bottom-right-radius: 0; + border-top-right-radius: 0; + } + + form.combined input[type="submit"] { + -moz-flex-grow: 0; + -webkit-flex-grow: 0; + -ms-flex-grow: 0; + flex-grow: 0; + -moz-flex-shrink: 0; + -webkit-flex-shrink: 0; + -ms-flex-shrink: 0; + flex-shrink: 0; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + @media screen and (max-width: 480px) { + + form.combined { + -moz-flex-direction: column; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + + form.combined input[type="text"], + form.combined input[type="password"], + form.combined input[type="email"], + form.combined select, + form.combined textarea { + border-radius: 4px; + margin: 0 0 1em 0; + } + + form.combined input[type="submit"] { + border-radius: 4px; + } + + } + + label { + display: block; + font-size: 0.9rem; + font-weight: 700; + margin: 0 0 1.25rem 0; + } + + input[type="text"], + input[type="password"], + input[type="email"], + select, + textarea { + -moz-appearance: none; + -webkit-appearance: none; + -ms-appearance: none; + appearance: none; + border-radius: 4px; + border: solid 1px; + color: inherit; + display: block; + outline: 0; + padding: 0 1rem; + text-decoration: none; + width: 100%; + } + + input[type="text"]:invalid, + input[type="password"]:invalid, + input[type="email"]:invalid, + select:invalid, + textarea:invalid { + box-shadow: none; + } + + select { + background-size: 1.25rem; + background-repeat: no-repeat; + background-position: calc(100% - 1rem) center; + height: 3rem; + padding-right: 3rem; + text-overflow: ellipsis; + } + + select:focus::-ms-value { + background-color: transparent; + } + + select::-ms-expand { + display: none; + } + + input[type="text"], + input[type="password"], + input[type="email"], + select { + height: 3rem; + } + + textarea { + padding: 0.75rem 1rem; + } + + input[type="text"].accent1:focus, + input[type="password"].accent1:focus, + input[type="email"].accent1:focus, + select.accent1:focus, + textarea.accent1:focus { + border-color: #51CCA8 !important; + } + + input[type="text"].accent2:focus, + input[type="password"].accent2:focus, + input[type="email"].accent2:focus, + select.accent2:focus, + textarea.accent2:focus { + border-color: #51B9CC !important; + } + + input[type="text"].accent3:focus, + input[type="password"].accent3:focus, + input[type="email"].accent3:focus, + select.accent3:focus, + textarea.accent3:focus { + border-color: #5E92CC !important; + } + + input[type="text"].accent4:focus, + input[type="password"].accent4:focus, + input[type="email"].accent4:focus, + select.accent4:focus, + textarea.accent4:focus { + border-color: #6E81D0 !important; + } + + input[type="checkbox"], + input[type="radio"] { + -moz-appearance: none; + -webkit-appearance: none; + -ms-appearance: none; + appearance: none; + display: block; + float: left; + margin-right: -2rem; + opacity: 0; + width: 1rem; + z-index: -1; + } + + input[type="checkbox"] + label, + input[type="radio"] + label { + text-decoration: none; + cursor: pointer; + display: inline-block; + font-size: 1rem; + font-weight: 400; + padding-left: 2.55rem; + padding-right: 0.75rem; + position: relative; + } + + input[type="checkbox"] + label:before, + input[type="radio"] + label:before { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + line-height: 1; + text-transform: none !important; + font-family: 'Font Awesome 5 Free'; + font-weight: 900; + } + + input[type="checkbox"] + label:before, + input[type="radio"] + label:before { + border-radius: 4px; + border: solid 1px; + content: ''; + display: inline-block; + font-size: 0.8rem; + height: 1.8rem; + left: 0; + line-height: 1.725rem; + position: absolute; + text-align: center; + top: 0; + width: 1.8rem; + } + + input[type="checkbox"]:checked + label:before, + input[type="radio"]:checked + label:before { + content: '\f00c'; + } + + input[type="checkbox"] + label:before { + border-radius: 4px; + } + + input[type="radio"] + label:before { + border-radius: 100%; + } + + ::-webkit-input-placeholder { + opacity: 1.0; + } + + :-moz-placeholder { + opacity: 1.0; + } + + ::-moz-placeholder { + opacity: 1.0; + } + + :-ms-input-placeholder { + opacity: 1.0; + } + + label { + color: #555; + } + + input[type="text"], + input[type="password"], + input[type="email"], + select, + textarea { + background-color: rgba(144, 144, 144, 0.075); + border-color: rgba(144, 144, 144, 0.25); + } + + input[type="text"]:focus, + input[type="password"]:focus, + input[type="email"]:focus, + select:focus, + textarea:focus { + border-color: #51CCA8; + } + + input[type="text"].alt, + input[type="password"].alt, + input[type="email"].alt, + select.alt, + textarea.alt { + background-color: #555; + border-color: #555; + color: #fff; + } + + input[type="text"].alt:focus, + input[type="password"].alt:focus, + input[type="email"].alt:focus, + select.alt:focus, + textarea.alt:focus { + border-color: #bbb; + } + + select { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(144, 144, 144, 0.25)' /%3E%3C/svg%3E"); + } + + select option { + color: #555; + background: #fff; + } + + input[type="checkbox"] + label, + input[type="radio"] + label { + color: #888; + } + + input[type="checkbox"] + label:before, + input[type="radio"] + label:before { + background: rgba(144, 144, 144, 0.075); + border-color: rgba(144, 144, 144, 0.25); + } + + input[type="checkbox"]:checked + label:before, + input[type="radio"]:checked + label:before { + background-color: #51CCA8; + border-color: #51CCA8; + color: #ffffff; + } + + input[type="checkbox"]:focus + label:before, + input[type="radio"]:focus + label:before { + border-color: #51CCA8; + } + + ::-webkit-input-placeholder { + color: #bbb !important; + } + + .alt::-webkit-input-placeholder { + color: #bbb !important; + } + + :-moz-placeholder { + color: #bbb !important; + } + + .alt:-moz-placeholder { + color: #bbb !important; + } + + ::-moz-placeholder { + color: #bbb !important; + } + + .alt::-moz-placeholder { + color: #bbb !important; + } + + :-ms-input-placeholder { + color: #bbb !important; + } + + .alt:-ms-input-placeholder { + color: #bbb !important; + } + +/* Icon */ + + .icon { + text-decoration: none; + border-bottom: none; + position: relative; + } + + .icon:before { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + line-height: 1; + text-transform: none !important; + font-family: 'Font Awesome 5 Free'; + font-weight: 400; + } + + .icon.solid:before { + font-weight: 900; + } + + .icon.brands:before { + font-family: 'Font Awesome 5 Brands'; + } + + .icon > .label { + display: none; + } + +/* Image */ + + .image { + border-radius: 4px; + border: 0; + display: inline-block; + position: relative; + } + + .image[data-position] img { + -moz-object-fit: cover; + -webkit-object-fit: cover; + -ms-object-fit: cover; + object-fit: cover; + display: block; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + } + + .image[data-position="top left"] img { + -moz-object-position: top left; + -webkit-object-position: top left; + -ms-object-position: top left; + object-position: top left; + } + + .image[data-position="top"] img { + -moz-object-position: top; + -webkit-object-position: top; + -ms-object-position: top; + object-position: top; + } + + .image[data-position="top right"] img { + -moz-object-position: top right; + -webkit-object-position: top right; + -ms-object-position: top right; + object-position: top right; + } + + .image[data-position="right"] img { + -moz-object-position: right; + -webkit-object-position: right; + -ms-object-position: right; + object-position: right; + } + + .image[data-position="bottom right"] img { + -moz-object-position: bottom right; + -webkit-object-position: bottom right; + -ms-object-position: bottom right; + object-position: bottom right; + } + + .image[data-position="bottom"] img { + -moz-object-position: bottom; + -webkit-object-position: bottom; + -ms-object-position: bottom; + object-position: bottom; + } + + .image[data-position="bottom left"] img { + -moz-object-position: bottom left; + -webkit-object-position: bottom left; + -ms-object-position: bottom left; + object-position: bottom left; + } + + .image[data-position="left"] img { + -moz-object-position: left; + -webkit-object-position: left; + -ms-object-position: left; + object-position: left; + } + + .image[data-position="center"] img { + -moz-object-position: center; + -webkit-object-position: center; + -ms-object-position: center; + object-position: center; + } + + .image[data-position="25% 25%"] img { + -moz-object-position: 25% 25%; + -webkit-object-position: 25% 25%; + -ms-object-position: 25% 25%; + object-position: 25% 25%; + } + + .image[data-position="75% 25%"] img { + -moz-object-position: 75% 25%; + -webkit-object-position: 75% 25%; + -ms-object-position: 75% 25%; + object-position: 75% 25%; + } + + .image[data-position="75% 75%"] img { + -moz-object-position: 75% 75%; + -webkit-object-position: 75% 75%; + -ms-object-position: 75% 75%; + object-position: 75% 75%; + } + + .image[data-position="25% 75%"] img { + -moz-object-position: 25% 75%; + -webkit-object-position: 25% 75%; + -ms-object-position: 25% 75%; + object-position: 25% 75%; + } + + .image img { + border-radius: 4px; + display: block; + max-width: 100%; + } + + .image.left, .image.right { + max-width: 40%; + } + + .image.left img, .image.right img { + width: 100%; + } + + .image.left { + float: left; + margin: 0 1.5rem 1rem 0; + top: 0.25rem; + } + + .image.right { + float: right; + margin: 0 0 1rem 1.5rem; + top: 0.25rem; + } + + .image.fit { + display: block; + margin: 0 0 2.5rem 0; + width: 100%; + } + + .image.fit img { + width: 100%; + } + + .image.main { + display: block; + margin: 0 0 3.75rem 0; + width: 100%; + } + + .image.main img { + width: 100%; + } + + @media screen and (max-width: 736px) { + + .image.main { + margin: 0 0 2.5rem 0; + } + + } + + a.image { + overflow: hidden; + } + + a.image img { + -moz-transition: -moz-transform 0.2s ease; + -webkit-transition: -webkit-transform 0.2s ease; + -ms-transition: -ms-transform 0.2s ease; + transition: transform 0.2s ease; + } + + a.image:hover img { + -moz-transform: scale(1.05); + -webkit-transform: scale(1.05); + -ms-transform: scale(1.05); + transform: scale(1.05); + } + +/* List */ + + ol { + list-style: decimal; + margin: 0 0 2.5rem 0; + padding-left: 1.25rem; + } + + ol li { + padding-left: 0.25rem; + } + + ul { + list-style: disc; + margin: 0 0 2.5rem 0; + padding-left: 1rem; + } + + ul li { + padding-left: 0.5rem; + } + + ul.alt { + list-style: none; + padding-left: 0; + } + + ul.alt li { + border-top: solid 1px; + padding: 0.5rem 0; + } + + ul.alt li:first-child { + border-top: 0; + padding-top: 0; + } + + dl { + margin: 0 0 2.5rem 0; + } + + dl dt { + display: block; + font-weight: 700; + margin: 0 0 1.25rem 0; + } + + dl dd { + margin-left: 2.5rem; + } + + ul.alt li { + border-top-color: rgba(144, 144, 144, 0.25); + } + +/* Actions */ + + ul.actions { + display: -moz-flex; + display: -webkit-flex; + display: -ms-flex; + display: flex; + cursor: default; + list-style: none; + margin-left: -1.25rem; + padding-left: 0; + } + + ul.actions li { + padding: 0 0 0 1.25rem; + vertical-align: middle; + } + + ul.actions.special { + -moz-justify-content: center; + -webkit-justify-content: center; + -ms-justify-content: center; + justify-content: center; + width: 100%; + margin-left: 0; + } + + ul.actions.special li:first-child { + padding-left: 0; + } + + ul.actions.stacked { + -moz-flex-direction: column; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin-left: 0; + } + + ul.actions.stacked li { + padding: 1.625rem 0 0 0; + } + + ul.actions.stacked li:first-child { + padding-top: 0; + } + + ul.actions.fit { + width: calc(100% + 1.25rem); + } + + ul.actions.fit li { + -moz-flex-grow: 1; + -webkit-flex-grow: 1; + -ms-flex-grow: 1; + flex-grow: 1; + -moz-flex-shrink: 1; + -webkit-flex-shrink: 1; + -ms-flex-shrink: 1; + flex-shrink: 1; + width: 100%; + } + + ul.actions.fit li > * { + width: 100%; + } + + ul.actions.fit.stacked { + width: 100%; + } + + @media screen and (max-width: 480px) { + + ul.actions:not(.fixed) { + -moz-flex-direction: column; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin-left: 0; + width: 100% !important; + } + + ul.actions:not(.fixed) li { + -moz-flex-grow: 1; + -webkit-flex-grow: 1; + -ms-flex-grow: 1; + flex-grow: 1; + -moz-flex-shrink: 1; + -webkit-flex-shrink: 1; + -ms-flex-shrink: 1; + flex-shrink: 1; + padding: 1.25rem 0 0 0; + text-align: center; + width: 100%; + } + + ul.actions:not(.fixed) li > * { + width: 100%; + } + + ul.actions:not(.fixed) li:first-child { + padding-top: 0; + } + + ul.actions:not(.fixed) li input[type="submit"], + ul.actions:not(.fixed) li input[type="reset"], + ul.actions:not(.fixed) li input[type="button"], + ul.actions:not(.fixed) li button, + ul.actions:not(.fixed) li .button { + width: 100%; + } + + ul.actions:not(.fixed) li input[type="submit"].icon:before, + ul.actions:not(.fixed) li input[type="reset"].icon:before, + ul.actions:not(.fixed) li input[type="button"].icon:before, + ul.actions:not(.fixed) li button.icon:before, + ul.actions:not(.fixed) li .button.icon:before { + margin-left: -0.5rem; + } + + } + +/* Icons */ + + ul.icons { + cursor: default; + list-style: none; + padding-left: 0; + } + + ul.icons li { + display: inline-block; + padding: 0 1rem 0 0; + } + + ul.icons li:last-child { + padding-right: 0; + } + + ul.icons li .icon:before { + font-size: 2rem; + } + +/* Contact Icons */ + + ul.contact-icons { + list-style: none; + padding-left: 0; + } + + ul.contact-icons li:before { + padding-left: 0; + margin-right: 1rem; + } + +/* Section/Article */ + + section.special, article.special { + text-align: center; + } + + header p { + max-width: 50rem; + position: relative; + margin-left: auto; + margin-right: auto; + } + + header h1 + p, + header h2 + p, + header h3 + p { + margin-top: -1.375rem; + } + + header h4 + p, + header h5 + p, + header h6 + p { + font-size: 0.9rem; + margin-top: -0.75rem; + } + + header.major { + margin-bottom: 5rem; + text-align: center; + } + + header.major h1:after, header.major h2:after { + background-color: currentColor; + content: ''; + display: block; + height: 3px; + margin: 1.5rem auto; + width: 4rem; + } + + header.major p { + margin-top: 0; + } + + @media screen and (max-width: 1280px) { + + header.major { + margin-bottom: 3.5rem; + } + + } + + @media screen and (max-width: 736px) { + + header.major { + margin-bottom: 2rem; + } + + } + + header p { + color: #bbb; + } + +/* Table */ + + .table-wrapper { + -webkit-overflow-scrolling: touch; + overflow-x: auto; + } + + table { + margin: 0 0 2.5rem 0; + width: 100%; + } + + table tbody tr { + border: solid 1px; + border-left: 0; + border-right: 0; + } + + table td { + padding: 0.75rem 0.75rem; + } + + table th { + font-size: 0.9rem; + font-weight: 700; + padding: 0 0.75rem 0.75rem 0.75rem; + text-align: left; + } + + table thead { + border-bottom: solid 3px; + } + + table tfoot { + border-top: solid 3px; + } + + table.alt { + border-collapse: separate; + } + + table.alt tbody tr td { + border: solid 1px; + border-left-width: 0; + border-top-width: 0; + } + + table.alt tbody tr td:first-child { + border-left-width: 1px; + } + + table.alt tbody tr:first-child td { + border-top-width: 1px; + } + + table.alt thead { + border-bottom: 0; + } + + table.alt tfoot { + border-top: 0; + } + + table tbody tr { + border-color: rgba(144, 144, 144, 0.25); + } + + table tbody tr:nth-child(2n + 1) { + background-color: rgba(144, 144, 144, 0.075); + } + + table th { + color: #555; + } + + table thead { + border-bottom-color: rgba(144, 144, 144, 0.25); + } + + table tfoot { + border-top-color: rgba(144, 144, 144, 0.25); + } + + table.alt tbody tr td { + border-color: rgba(144, 144, 144, 0.25); + } + +/* Posts */ + + .posts { + display: -moz-flex; + display: -webkit-flex; + display: -ms-flex; + display: flex; + -moz-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -moz-align-items: -moz-stretch; + -webkit-align-items: -webkit-stretch; + -ms-align-items: -ms-stretch; + align-items: stretch; + margin-bottom: 3.75rem; + } + + .posts > * { + -moz-flex-shrink: 1; + -webkit-flex-shrink: 1; + -ms-flex-shrink: 1; + flex-shrink: 1; + -moz-flex-grow: 0; + -webkit-flex-grow: 0; + -ms-flex-grow: 0; + flex-grow: 0; + } + + .posts > * { + width: 50%; + } + + .posts > * { + padding: 1.5rem; + width: calc(50% + 1.5rem); + } + + .posts > :nth-child(-n + 2) { + padding-top: 0; + } + + .posts > :nth-last-child(-n + 2) { + padding-bottom: 0; + } + + .posts > :nth-child(2n + 1) { + padding-left: 0; + } + + .posts > :nth-child(2n) { + padding-right: 0; + } + + .posts > :nth-child(2n + 1), + .posts > :nth-child(2n) { + width: calc(50% + 0rem); + } + + .posts article { + border-radius: 4px; + text-align: center; + } + + .posts .image { + display: block; + width: 100%; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + + .posts .image img { + width: 100%; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + + .posts .content { + padding: 3rem 3rem 0.5rem 3rem ; + box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1); + } + + @media screen and (max-width: 980px) { + + .posts > * { + width: 100%; + } + + .posts > * { + padding: 1.5rem; + width: calc(50% + 1.5rem); + } + + .posts > :nth-child(-n + 2) { + padding-top: 1.5rem; + } + + .posts > :nth-last-child(-n + 2) { + padding-bottom: 1.5rem; + } + + .posts > :nth-child(2n + 1) { + padding-left: 1.5rem; + } + + .posts > :nth-child(2n) { + padding-right: 1.5rem; + } + + .posts > :nth-child(2n + 1), + .posts > :nth-child(2n) { + padding: 1.5rem; + width: calc(100% + 3rem); + } + + .posts > * { + padding: 1.5rem; + width: calc(100% + 3rem); + } + + .posts > :nth-child(-n + 1) { + padding-top: 0; + } + + .posts > :nth-last-child(-n + 1) { + padding-bottom: 0; + } + + .posts > :nth-child(1n + 1) { + padding-left: 0; + } + + .posts > :nth-child(1n) { + padding-right: 0; + } + + .posts > :nth-child(1n + 1), + .posts > :nth-child(1n) { + width: calc(100% + 1.5rem); + } + + .posts .content { + padding: 2.5rem 2rem 0.1rem 2rem ; + } + + } + + @media screen and (max-width: 736px) { + + .posts > * { + width: 100%; + } + + .posts > * { + padding: 1rem; + width: calc(50% + 1rem); + } + + .posts > :nth-child(-n + 2) { + padding-top: 1rem; + } + + .posts > :nth-last-child(-n + 2) { + padding-bottom: 1rem; + } + + .posts > :nth-child(2n + 1) { + padding-left: 1rem; + } + + .posts > :nth-child(2n) { + padding-right: 1rem; + } + + .posts > :nth-child(2n + 1), + .posts > :nth-child(2n) { + padding: 1rem; + width: calc(100% + 2rem); + } + + .posts > * { + padding: 1rem; + width: calc(100% + 2rem); + } + + .posts > :nth-child(-n + 1) { + padding-top: 0; + } + + .posts > :nth-last-child(-n + 1) { + padding-bottom: 0; + } + + .posts > :nth-child(1n + 1) { + padding-left: 0; + } + + .posts > :nth-child(1n) { + padding-right: 0; + } + + .posts > :nth-child(1n + 1), + .posts > :nth-child(1n) { + width: calc(100% + 1rem); + } + + .posts .content { + padding: 2rem 1.5rem 0.1rem 1.5rem ; + } + + } + +/* Wrapper */ + + .wrapper { + padding: 6rem 0 3.5rem 0 ; + position: relative; + overflow-x: hidden; + } + + .wrapper > .inner { + margin: 0 auto; + max-width: 75rem; + width: calc(100% - 6rem); + } + + .wrapper.style1 { + background-color: #51CCA8; + color: #d4f2e9; + } + + .wrapper.style1 input, .wrapper.style1 select, .wrapper.style1 textarea { + color: #ffffff; + } + + .wrapper.style1 a { + color: #ffffff; + } + + .wrapper.style1 strong, .wrapper.style1 b { + color: #ffffff; + } + + .wrapper.style1 h1, .wrapper.style1 h2, .wrapper.style1 h3, .wrapper.style1 h4, .wrapper.style1 h5, .wrapper.style1 h6 { + color: #ffffff; + } + + .wrapper.style1 blockquote { + border-left-color: rgba(255, 255, 255, 0.25); + } + + .wrapper.style1 code { + background: rgba(255, 255, 255, 0.075); + border-color: rgba(255, 255, 255, 0.25); + } + + .wrapper.style1 hr { + border-bottom-color: rgba(255, 255, 255, 0.25); + } + + .wrapper.style1 .box { + border-color: rgba(255, 255, 255, 0.25); + } + + .wrapper.style1 input[type="submit"], + .wrapper.style1 input[type="reset"], + .wrapper.style1 input[type="button"], + .wrapper.style1 button, + .wrapper.style1 .button { + background-color: transparent; + box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.25); + color: #ffffff; + } + + .wrapper.style1 input[type="submit"]:hover, .wrapper.style1 input[type="submit"]:focus, + .wrapper.style1 input[type="reset"]:hover, + .wrapper.style1 input[type="reset"]:focus, + .wrapper.style1 input[type="button"]:hover, + .wrapper.style1 input[type="button"]:focus, + .wrapper.style1 button:hover, + .wrapper.style1 button:focus, + .wrapper.style1 .button:hover, + .wrapper.style1 .button:focus { + background-color: rgba(255, 255, 255, 0.075); + } + + .wrapper.style1 input[type="submit"]:active, + .wrapper.style1 input[type="reset"]:active, + .wrapper.style1 input[type="button"]:active, + .wrapper.style1 button:active, + .wrapper.style1 .button:active { + background-color: rgba(255, 255, 255, 0.175); + } + + .wrapper.style1 input[type="submit"].icon:before, + .wrapper.style1 input[type="reset"].icon:before, + .wrapper.style1 input[type="button"].icon:before, + .wrapper.style1 button.icon:before, + .wrapper.style1 .button.icon:before { + color: #b9ebdc; + } + + .wrapper.style1 input[type="submit"].primary, + .wrapper.style1 input[type="reset"].primary, + .wrapper.style1 input[type="button"].primary, + .wrapper.style1 button.primary, + .wrapper.style1 .button.primary { + box-shadow: none; + background-color: #ffffff; + color: #51CCA8; + } + + .wrapper.style1 input[type="submit"].primary.icon:before, + .wrapper.style1 input[type="reset"].primary.icon:before, + .wrapper.style1 input[type="button"].primary.icon:before, + .wrapper.style1 button.primary.icon:before, + .wrapper.style1 .button.primary.icon:before { + color: #51CCA8; + } + + .wrapper.style1 label { + color: #ffffff; + } + + .wrapper.style1 input[type="text"], + .wrapper.style1 input[type="password"], + .wrapper.style1 input[type="email"], + .wrapper.style1 select, + .wrapper.style1 textarea { + background-color: rgba(255, 255, 255, 0.075); + border-color: rgba(255, 255, 255, 0.25); + } + + .wrapper.style1 input[type="text"]:focus, + .wrapper.style1 input[type="password"]:focus, + .wrapper.style1 input[type="email"]:focus, + .wrapper.style1 select:focus, + .wrapper.style1 textarea:focus { + border-color: #ffffff; + } + + .wrapper.style1 input[type="text"].alt, + .wrapper.style1 input[type="password"].alt, + .wrapper.style1 input[type="email"].alt, + .wrapper.style1 select.alt, + .wrapper.style1 textarea.alt { + background-color: #ffffff; + border-color: #ffffff; + color: #51CCA8; + } + + .wrapper.style1 input[type="text"].alt:focus, + .wrapper.style1 input[type="password"].alt:focus, + .wrapper.style1 input[type="email"].alt:focus, + .wrapper.style1 select.alt:focus, + .wrapper.style1 textarea.alt:focus { + border-color: #b9ebdc; + } + + .wrapper.style1 select { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(255, 255, 255, 0.25)' /%3E%3C/svg%3E"); + } + + .wrapper.style1 select option { + color: #ffffff; + background: #51CCA8; + } + + .wrapper.style1 input[type="checkbox"] + label, + .wrapper.style1 input[type="radio"] + label { + color: #d4f2e9; + } + + .wrapper.style1 input[type="checkbox"] + label:before, + .wrapper.style1 input[type="radio"] + label:before { + background: rgba(255, 255, 255, 0.075); + border-color: rgba(255, 255, 255, 0.25); + } + + .wrapper.style1 input[type="checkbox"]:checked + label:before, + .wrapper.style1 input[type="radio"]:checked + label:before { + background-color: #ffffff; + border-color: #ffffff; + color: #51CCA8; + } + + .wrapper.style1 input[type="checkbox"]:focus + label:before, + .wrapper.style1 input[type="radio"]:focus + label:before { + border-color: #ffffff; + } + + .wrapper.style1 ::-webkit-input-placeholder { + color: #b9ebdc !important; + } + + .wrapper.style1 .alt::-webkit-input-placeholder { + color: #bbb !important; + } + + .wrapper.style1 :-moz-placeholder { + color: #b9ebdc !important; + } + + .wrapper.style1 .alt:-moz-placeholder { + color: #bbb !important; + } + + .wrapper.style1 ::-moz-placeholder { + color: #b9ebdc !important; + } + + .wrapper.style1 .alt::-moz-placeholder { + color: #bbb !important; + } + + .wrapper.style1 :-ms-input-placeholder { + color: #b9ebdc !important; + } + + .wrapper.style1 .alt:-ms-input-placeholder { + color: #bbb !important; + } + + .wrapper.style1 ul.alt li { + border-top-color: rgba(255, 255, 255, 0.25); + } + + .wrapper.style1 header p { + color: #b9ebdc; + } + + .wrapper.style1 table tbody tr { + border-color: rgba(255, 255, 255, 0.25); + } + + .wrapper.style1 table tbody tr:nth-child(2n + 1) { + background-color: rgba(255, 255, 255, 0.075); + } + + .wrapper.style1 table th { + color: #ffffff; + } + + .wrapper.style1 table thead { + border-bottom-color: rgba(255, 255, 255, 0.25); + } + + .wrapper.style1 table tfoot { + border-top-color: rgba(255, 255, 255, 0.25); + } + + .wrapper.style1 table.alt tbody tr td { + border-color: rgba(255, 255, 255, 0.25); + } + + .wrapper.style2 { + background-color: #51B9CC; + color: #d4eef2; + } + + .wrapper.style2 input, .wrapper.style2 select, .wrapper.style2 textarea { + color: #ffffff; + } + + .wrapper.style2 a { + color: #51CCA8; + } + + .wrapper.style2 strong, .wrapper.style2 b { + color: #ffffff; + } + + .wrapper.style2 h1, .wrapper.style2 h2, .wrapper.style2 h3, .wrapper.style2 h4, .wrapper.style2 h5, .wrapper.style2 h6 { + color: #ffffff; + } + + .wrapper.style2 blockquote { + border-left-color: rgba(255, 255, 255, 0.25); + } + + .wrapper.style2 code { + background: rgba(255, 255, 255, 0.075); + border-color: rgba(255, 255, 255, 0.25); + } + + .wrapper.style2 hr { + border-bottom-color: rgba(255, 255, 255, 0.25); + } + + .wrapper.style2 .box { + border-color: rgba(255, 255, 255, 0.25); + } + + .wrapper.style2 input[type="submit"], + .wrapper.style2 input[type="reset"], + .wrapper.style2 input[type="button"], + .wrapper.style2 button, + .wrapper.style2 .button { + background-color: transparent; + box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.25); + color: #ffffff; + } + + .wrapper.style2 input[type="submit"]:hover, .wrapper.style2 input[type="submit"]:focus, + .wrapper.style2 input[type="reset"]:hover, + .wrapper.style2 input[type="reset"]:focus, + .wrapper.style2 input[type="button"]:hover, + .wrapper.style2 input[type="button"]:focus, + .wrapper.style2 button:hover, + .wrapper.style2 button:focus, + .wrapper.style2 .button:hover, + .wrapper.style2 .button:focus { + background-color: rgba(255, 255, 255, 0.075); + } + + .wrapper.style2 input[type="submit"]:active, + .wrapper.style2 input[type="reset"]:active, + .wrapper.style2 input[type="button"]:active, + .wrapper.style2 button:active, + .wrapper.style2 .button:active { + background-color: rgba(255, 255, 255, 0.175); + } + + .wrapper.style2 input[type="submit"].icon:before, + .wrapper.style2 input[type="reset"].icon:before, + .wrapper.style2 input[type="button"].icon:before, + .wrapper.style2 button.icon:before, + .wrapper.style2 .button.icon:before { + color: #b9e3eb; + } + + .wrapper.style2 input[type="submit"].primary, + .wrapper.style2 input[type="reset"].primary, + .wrapper.style2 input[type="button"].primary, + .wrapper.style2 button.primary, + .wrapper.style2 .button.primary { + box-shadow: none; + background-color: #51CCA8; + color: #ffffff; + } + + .wrapper.style2 input[type="submit"].primary.icon:before, + .wrapper.style2 input[type="reset"].primary.icon:before, + .wrapper.style2 input[type="button"].primary.icon:before, + .wrapper.style2 button.primary.icon:before, + .wrapper.style2 .button.primary.icon:before { + color: #ffffff; + } + + .wrapper.style2 input[type="submit"].primary:hover, .wrapper.style2 input[type="submit"].primary:focus, + .wrapper.style2 input[type="reset"].primary:hover, + .wrapper.style2 input[type="reset"].primary:focus, + .wrapper.style2 input[type="button"].primary:hover, + .wrapper.style2 input[type="button"].primary:focus, + .wrapper.style2 button.primary:hover, + .wrapper.style2 button.primary:focus, + .wrapper.style2 .button.primary:hover, + .wrapper.style2 .button.primary:focus { + background-color: #65d2b2; + } + + .wrapper.style2 input[type="submit"].primary:active, + .wrapper.style2 input[type="reset"].primary:active, + .wrapper.style2 input[type="button"].primary:active, + .wrapper.style2 button.primary:active, + .wrapper.style2 .button.primary:active { + background-color: #3dc69e; + } + + .wrapper.style2 label { + color: #ffffff; + } + + .wrapper.style2 input[type="text"], + .wrapper.style2 input[type="password"], + .wrapper.style2 input[type="email"], + .wrapper.style2 select, + .wrapper.style2 textarea { + background-color: rgba(255, 255, 255, 0.075); + border-color: rgba(255, 255, 255, 0.25); + } + + .wrapper.style2 input[type="text"]:focus, + .wrapper.style2 input[type="password"]:focus, + .wrapper.style2 input[type="email"]:focus, + .wrapper.style2 select:focus, + .wrapper.style2 textarea:focus { + border-color: #51CCA8; + } + + .wrapper.style2 input[type="text"].alt, + .wrapper.style2 input[type="password"].alt, + .wrapper.style2 input[type="email"].alt, + .wrapper.style2 select.alt, + .wrapper.style2 textarea.alt { + background-color: #ffffff; + border-color: #ffffff; + color: #51B9CC; + } + + .wrapper.style2 input[type="text"].alt:focus, + .wrapper.style2 input[type="password"].alt:focus, + .wrapper.style2 input[type="email"].alt:focus, + .wrapper.style2 select.alt:focus, + .wrapper.style2 textarea.alt:focus { + border-color: #b9e3eb; + } + + .wrapper.style2 select { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(255, 255, 255, 0.25)' /%3E%3C/svg%3E"); + } + + .wrapper.style2 select option { + color: #ffffff; + background: #51B9CC; + } + + .wrapper.style2 input[type="checkbox"] + label, + .wrapper.style2 input[type="radio"] + label { + color: #d4eef2; + } + + .wrapper.style2 input[type="checkbox"] + label:before, + .wrapper.style2 input[type="radio"] + label:before { + background: rgba(255, 255, 255, 0.075); + border-color: rgba(255, 255, 255, 0.25); + } + + .wrapper.style2 input[type="checkbox"]:checked + label:before, + .wrapper.style2 input[type="radio"]:checked + label:before { + background-color: #51CCA8; + border-color: #51CCA8; + color: #ffffff; + } + + .wrapper.style2 input[type="checkbox"]:focus + label:before, + .wrapper.style2 input[type="radio"]:focus + label:before { + border-color: #51CCA8; + } + + .wrapper.style2 ::-webkit-input-placeholder { + color: #b9e3eb !important; + } + + .wrapper.style2 .alt::-webkit-input-placeholder { + color: #bbb !important; + } + + .wrapper.style2 :-moz-placeholder { + color: #b9e3eb !important; + } + + .wrapper.style2 .alt:-moz-placeholder { + color: #bbb !important; + } + + .wrapper.style2 ::-moz-placeholder { + color: #b9e3eb !important; + } + + .wrapper.style2 .alt::-moz-placeholder { + color: #bbb !important; + } + + .wrapper.style2 :-ms-input-placeholder { + color: #b9e3eb !important; + } + + .wrapper.style2 .alt:-ms-input-placeholder { + color: #bbb !important; + } + + .wrapper.style2 ul.alt li { + border-top-color: rgba(255, 255, 255, 0.25); + } + + .wrapper.style2 header p { + color: #b9e3eb; + } + + .wrapper.style2 table tbody tr { + border-color: rgba(255, 255, 255, 0.25); + } + + .wrapper.style2 table tbody tr:nth-child(2n + 1) { + background-color: rgba(255, 255, 255, 0.075); + } + + .wrapper.style2 table th { + color: #ffffff; + } + + .wrapper.style2 table thead { + border-bottom-color: rgba(255, 255, 255, 0.25); + } + + .wrapper.style2 table tfoot { + border-top-color: rgba(255, 255, 255, 0.25); + } + + .wrapper.style2 table.alt tbody tr td { + border-color: rgba(255, 255, 255, 0.25); + } + + .wrapper.style3 { + background-color: #5E92CC; + color: #d7e4f2; + } + + .wrapper.style3 input, .wrapper.style3 select, .wrapper.style3 textarea { + color: #ffffff; + } + + .wrapper.style3 a { + color: #51CCA8; + } + + .wrapper.style3 strong, .wrapper.style3 b { + color: #ffffff; + } + + .wrapper.style3 h1, .wrapper.style3 h2, .wrapper.style3 h3, .wrapper.style3 h4, .wrapper.style3 h5, .wrapper.style3 h6 { + color: #ffffff; + } + + .wrapper.style3 blockquote { + border-left-color: rgba(255, 255, 255, 0.25); + } + + .wrapper.style3 code { + background: rgba(255, 255, 255, 0.075); + border-color: rgba(255, 255, 255, 0.25); + } + + .wrapper.style3 hr { + border-bottom-color: rgba(255, 255, 255, 0.25); + } + + .wrapper.style3 .box { + border-color: rgba(255, 255, 255, 0.25); + } + + .wrapper.style3 input[type="submit"], + .wrapper.style3 input[type="reset"], + .wrapper.style3 input[type="button"], + .wrapper.style3 button, + .wrapper.style3 .button { + background-color: transparent; + box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.25); + color: #ffffff; + } + + .wrapper.style3 input[type="submit"]:hover, .wrapper.style3 input[type="submit"]:focus, + .wrapper.style3 input[type="reset"]:hover, + .wrapper.style3 input[type="reset"]:focus, + .wrapper.style3 input[type="button"]:hover, + .wrapper.style3 input[type="button"]:focus, + .wrapper.style3 button:hover, + .wrapper.style3 button:focus, + .wrapper.style3 .button:hover, + .wrapper.style3 .button:focus { + background-color: rgba(255, 255, 255, 0.075); + } + + .wrapper.style3 input[type="submit"]:active, + .wrapper.style3 input[type="reset"]:active, + .wrapper.style3 input[type="button"]:active, + .wrapper.style3 button:active, + .wrapper.style3 .button:active { + background-color: rgba(255, 255, 255, 0.175); + } + + .wrapper.style3 input[type="submit"].icon:before, + .wrapper.style3 input[type="reset"].icon:before, + .wrapper.style3 input[type="button"].icon:before, + .wrapper.style3 button.icon:before, + .wrapper.style3 .button.icon:before { + color: #bfd3eb; + } + + .wrapper.style3 input[type="submit"].primary, + .wrapper.style3 input[type="reset"].primary, + .wrapper.style3 input[type="button"].primary, + .wrapper.style3 button.primary, + .wrapper.style3 .button.primary { + box-shadow: none; + background-color: #51CCA8; + color: #ffffff; + } + + .wrapper.style3 input[type="submit"].primary.icon:before, + .wrapper.style3 input[type="reset"].primary.icon:before, + .wrapper.style3 input[type="button"].primary.icon:before, + .wrapper.style3 button.primary.icon:before, + .wrapper.style3 .button.primary.icon:before { + color: #ffffff; + } + + .wrapper.style3 input[type="submit"].primary:hover, .wrapper.style3 input[type="submit"].primary:focus, + .wrapper.style3 input[type="reset"].primary:hover, + .wrapper.style3 input[type="reset"].primary:focus, + .wrapper.style3 input[type="button"].primary:hover, + .wrapper.style3 input[type="button"].primary:focus, + .wrapper.style3 button.primary:hover, + .wrapper.style3 button.primary:focus, + .wrapper.style3 .button.primary:hover, + .wrapper.style3 .button.primary:focus { + background-color: #65d2b2; + } + + .wrapper.style3 input[type="submit"].primary:active, + .wrapper.style3 input[type="reset"].primary:active, + .wrapper.style3 input[type="button"].primary:active, + .wrapper.style3 button.primary:active, + .wrapper.style3 .button.primary:active { + background-color: #3dc69e; + } + + .wrapper.style3 label { + color: #ffffff; + } + + .wrapper.style3 input[type="text"], + .wrapper.style3 input[type="password"], + .wrapper.style3 input[type="email"], + .wrapper.style3 select, + .wrapper.style3 textarea { + background-color: rgba(255, 255, 255, 0.075); + border-color: rgba(255, 255, 255, 0.25); + } + + .wrapper.style3 input[type="text"]:focus, + .wrapper.style3 input[type="password"]:focus, + .wrapper.style3 input[type="email"]:focus, + .wrapper.style3 select:focus, + .wrapper.style3 textarea:focus { + border-color: #51CCA8; + } + + .wrapper.style3 input[type="text"].alt, + .wrapper.style3 input[type="password"].alt, + .wrapper.style3 input[type="email"].alt, + .wrapper.style3 select.alt, + .wrapper.style3 textarea.alt { + background-color: #ffffff; + border-color: #ffffff; + color: #5E92CC; + } + + .wrapper.style3 input[type="text"].alt:focus, + .wrapper.style3 input[type="password"].alt:focus, + .wrapper.style3 input[type="email"].alt:focus, + .wrapper.style3 select.alt:focus, + .wrapper.style3 textarea.alt:focus { + border-color: #bfd3eb; + } + + .wrapper.style3 select { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(255, 255, 255, 0.25)' /%3E%3C/svg%3E"); + } + + .wrapper.style3 select option { + color: #ffffff; + background: #5E92CC; + } + + .wrapper.style3 input[type="checkbox"] + label, + .wrapper.style3 input[type="radio"] + label { + color: #d7e4f2; + } + + .wrapper.style3 input[type="checkbox"] + label:before, + .wrapper.style3 input[type="radio"] + label:before { + background: rgba(255, 255, 255, 0.075); + border-color: rgba(255, 255, 255, 0.25); + } + + .wrapper.style3 input[type="checkbox"]:checked + label:before, + .wrapper.style3 input[type="radio"]:checked + label:before { + background-color: #51CCA8; + border-color: #51CCA8; + color: #ffffff; + } + + .wrapper.style3 input[type="checkbox"]:focus + label:before, + .wrapper.style3 input[type="radio"]:focus + label:before { + border-color: #51CCA8; + } + + .wrapper.style3 ::-webkit-input-placeholder { + color: #bfd3eb !important; + } + + .wrapper.style3 .alt::-webkit-input-placeholder { + color: #bbb !important; + } + + .wrapper.style3 :-moz-placeholder { + color: #bfd3eb !important; + } + + .wrapper.style3 .alt:-moz-placeholder { + color: #bbb !important; + } + + .wrapper.style3 ::-moz-placeholder { + color: #bfd3eb !important; + } + + .wrapper.style3 .alt::-moz-placeholder { + color: #bbb !important; + } + + .wrapper.style3 :-ms-input-placeholder { + color: #bfd3eb !important; + } + + .wrapper.style3 .alt:-ms-input-placeholder { + color: #bbb !important; + } + + .wrapper.style3 ul.alt li { + border-top-color: rgba(255, 255, 255, 0.25); + } + + .wrapper.style3 header p { + color: #bfd3eb; + } + + .wrapper.style3 table tbody tr { + border-color: rgba(255, 255, 255, 0.25); + } + + .wrapper.style3 table tbody tr:nth-child(2n + 1) { + background-color: rgba(255, 255, 255, 0.075); + } + + .wrapper.style3 table th { + color: #ffffff; + } + + .wrapper.style3 table thead { + border-bottom-color: rgba(255, 255, 255, 0.25); + } + + .wrapper.style3 table tfoot { + border-top-color: rgba(255, 255, 255, 0.25); + } + + .wrapper.style3 table.alt tbody tr td { + border-color: rgba(255, 255, 255, 0.25); + } + + .wrapper.style4 { + background-color: #6E81D0; + color: #dbe0f3; + } + + .wrapper.style4 input, .wrapper.style4 select, .wrapper.style4 textarea { + color: #ffffff; + } + + .wrapper.style4 a { + color: #51CCA8; + } + + .wrapper.style4 strong, .wrapper.style4 b { + color: #ffffff; + } + + .wrapper.style4 h1, .wrapper.style4 h2, .wrapper.style4 h3, .wrapper.style4 h4, .wrapper.style4 h5, .wrapper.style4 h6 { + color: #ffffff; + } + + .wrapper.style4 blockquote { + border-left-color: rgba(255, 255, 255, 0.25); + } + + .wrapper.style4 code { + background: rgba(255, 255, 255, 0.075); + border-color: rgba(255, 255, 255, 0.25); + } + + .wrapper.style4 hr { + border-bottom-color: rgba(255, 255, 255, 0.25); + } + + .wrapper.style4 .box { + border-color: rgba(255, 255, 255, 0.25); + } + + .wrapper.style4 input[type="submit"], + .wrapper.style4 input[type="reset"], + .wrapper.style4 input[type="button"], + .wrapper.style4 button, + .wrapper.style4 .button { + background-color: transparent; + box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.25); + color: #ffffff; + } + + .wrapper.style4 input[type="submit"]:hover, .wrapper.style4 input[type="submit"]:focus, + .wrapper.style4 input[type="reset"]:hover, + .wrapper.style4 input[type="reset"]:focus, + .wrapper.style4 input[type="button"]:hover, + .wrapper.style4 input[type="button"]:focus, + .wrapper.style4 button:hover, + .wrapper.style4 button:focus, + .wrapper.style4 .button:hover, + .wrapper.style4 .button:focus { + background-color: rgba(255, 255, 255, 0.075); + } + + .wrapper.style4 input[type="submit"]:active, + .wrapper.style4 input[type="reset"]:active, + .wrapper.style4 input[type="button"]:active, + .wrapper.style4 button:active, + .wrapper.style4 .button:active { + background-color: rgba(255, 255, 255, 0.175); + } + + .wrapper.style4 input[type="submit"].icon:before, + .wrapper.style4 input[type="reset"].icon:before, + .wrapper.style4 input[type="button"].icon:before, + .wrapper.style4 button.icon:before, + .wrapper.style4 .button.icon:before { + color: #c5cdec; + } + + .wrapper.style4 input[type="submit"].primary, + .wrapper.style4 input[type="reset"].primary, + .wrapper.style4 input[type="button"].primary, + .wrapper.style4 button.primary, + .wrapper.style4 .button.primary { + box-shadow: none; + background-color: #51CCA8; + color: #ffffff; + } + + .wrapper.style4 input[type="submit"].primary.icon:before, + .wrapper.style4 input[type="reset"].primary.icon:before, + .wrapper.style4 input[type="button"].primary.icon:before, + .wrapper.style4 button.primary.icon:before, + .wrapper.style4 .button.primary.icon:before { + color: #ffffff; + } + + .wrapper.style4 input[type="submit"].primary:hover, .wrapper.style4 input[type="submit"].primary:focus, + .wrapper.style4 input[type="reset"].primary:hover, + .wrapper.style4 input[type="reset"].primary:focus, + .wrapper.style4 input[type="button"].primary:hover, + .wrapper.style4 input[type="button"].primary:focus, + .wrapper.style4 button.primary:hover, + .wrapper.style4 button.primary:focus, + .wrapper.style4 .button.primary:hover, + .wrapper.style4 .button.primary:focus { + background-color: #65d2b2; + } + + .wrapper.style4 input[type="submit"].primary:active, + .wrapper.style4 input[type="reset"].primary:active, + .wrapper.style4 input[type="button"].primary:active, + .wrapper.style4 button.primary:active, + .wrapper.style4 .button.primary:active { + background-color: #3dc69e; + } + + .wrapper.style4 label { + color: #ffffff; + } + + .wrapper.style4 input[type="text"], + .wrapper.style4 input[type="password"], + .wrapper.style4 input[type="email"], + .wrapper.style4 select, + .wrapper.style4 textarea { + background-color: rgba(255, 255, 255, 0.075); + border-color: rgba(255, 255, 255, 0.25); + } + + .wrapper.style4 input[type="text"]:focus, + .wrapper.style4 input[type="password"]:focus, + .wrapper.style4 input[type="email"]:focus, + .wrapper.style4 select:focus, + .wrapper.style4 textarea:focus { + border-color: #51CCA8; + } + + .wrapper.style4 input[type="text"].alt, + .wrapper.style4 input[type="password"].alt, + .wrapper.style4 input[type="email"].alt, + .wrapper.style4 select.alt, + .wrapper.style4 textarea.alt { + background-color: #ffffff; + border-color: #ffffff; + color: #6E81D0; + } + + .wrapper.style4 input[type="text"].alt:focus, + .wrapper.style4 input[type="password"].alt:focus, + .wrapper.style4 input[type="email"].alt:focus, + .wrapper.style4 select.alt:focus, + .wrapper.style4 textarea.alt:focus { + border-color: #c5cdec; + } + + .wrapper.style4 select { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='rgba(255, 255, 255, 0.25)' /%3E%3C/svg%3E"); + } + + .wrapper.style4 select option { + color: #ffffff; + background: #6E81D0; + } + + .wrapper.style4 input[type="checkbox"] + label, + .wrapper.style4 input[type="radio"] + label { + color: #dbe0f3; + } + + .wrapper.style4 input[type="checkbox"] + label:before, + .wrapper.style4 input[type="radio"] + label:before { + background: rgba(255, 255, 255, 0.075); + border-color: rgba(255, 255, 255, 0.25); + } + + .wrapper.style4 input[type="checkbox"]:checked + label:before, + .wrapper.style4 input[type="radio"]:checked + label:before { + background-color: #51CCA8; + border-color: #51CCA8; + color: #ffffff; + } + + .wrapper.style4 input[type="checkbox"]:focus + label:before, + .wrapper.style4 input[type="radio"]:focus + label:before { + border-color: #51CCA8; + } + + .wrapper.style4 ::-webkit-input-placeholder { + color: #c5cdec !important; + } + + .wrapper.style4 .alt::-webkit-input-placeholder { + color: #bbb !important; + } + + .wrapper.style4 :-moz-placeholder { + color: #c5cdec !important; + } + + .wrapper.style4 .alt:-moz-placeholder { + color: #bbb !important; + } + + .wrapper.style4 ::-moz-placeholder { + color: #c5cdec !important; + } + + .wrapper.style4 .alt::-moz-placeholder { + color: #bbb !important; + } + + .wrapper.style4 :-ms-input-placeholder { + color: #c5cdec !important; + } + + .wrapper.style4 .alt:-ms-input-placeholder { + color: #bbb !important; + } + + .wrapper.style4 ul.alt li { + border-top-color: rgba(255, 255, 255, 0.25); + } + + .wrapper.style4 header p { + color: #c5cdec; + } + + .wrapper.style4 table tbody tr { + border-color: rgba(255, 255, 255, 0.25); + } + + .wrapper.style4 table tbody tr:nth-child(2n + 1) { + background-color: rgba(255, 255, 255, 0.075); + } + + .wrapper.style4 table th { + color: #ffffff; + } + + .wrapper.style4 table thead { + border-bottom-color: rgba(255, 255, 255, 0.25); + } + + .wrapper.style4 table tfoot { + border-top-color: rgba(255, 255, 255, 0.25); + } + + .wrapper.style4 table.alt tbody tr td { + border-color: rgba(255, 255, 255, 0.25); + } + + @media screen and (max-width: 1280px) { + + .wrapper { + padding: 5rem 0 2.5rem 0 ; + } + + } + + @media screen and (max-width: 980px) { + + .wrapper { + padding: 4rem 0 1.5rem 0 ; + } + + } + + @media screen and (max-width: 736px) { + + .wrapper { + padding: 3rem 0 0.5rem 0 ; + } + + .wrapper > .inner { + width: calc(100% - 3rem); + } + + } + +/* Carousel */ + + .carousel { + position: relative; + margin: 0 0 2.5rem 0; + } + + .carousel article { + -moz-transform: translateY(0.5em); + -webkit-transform: translateY(0.5em); + -ms-transform: translateY(0.5em); + transform: translateY(0.5em); + -moz-transition: all 0.35s ease-in-out; + -webkit-transition: all 0.35s ease-in-out; + -ms-transition: all 0.35s ease-in-out; + transition: all 0.35s ease-in-out; + opacity: 0; + visibility: hidden; + margin: 0 auto; + background-color: #fff; + border-radius: 4px; + box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.1); + overflow: hidden; + } + + .carousel article.visible { + -moz-transform: translateY(0); + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + opacity: 1; + visibility: visible; + } + + .carousel article .image { + display: block; + position: relative; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + height: 24rem; + overflow: hidden; + } + + .carousel article .image img { + -moz-object-fit: cover; + -webkit-object-fit: cover; + -ms-object-fit: cover; + object-fit: cover; + position: absolute; + top: 0; + left: 0; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + height: 100%; + width: 100%; + } + + .carousel article .content { + padding: 5rem 5rem 2.5rem 5rem ; + color: #888 !important; + text-align: center; + } + + .carousel article .content h3 { + color: #555 !important; + } + + .carousel nav a { + text-decoration: none; + -moz-transition: opacity 0.2s ease-in-out; + -webkit-transition: opacity 0.2s ease-in-out; + -ms-transition: opacity 0.2s ease-in-out; + transition: opacity 0.2s ease-in-out; + height: 100%; + opacity: 0.325; + position: absolute; + top: 0; + width: 8rem; + color: #fff !important; + } + + .carousel nav a:before { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + line-height: 1; + text-transform: none !important; + font-family: 'Font Awesome 5 Free'; + font-weight: 900; + } + + .carousel nav a .label { + display: none; + } + + .carousel nav a:before { + display: block; + font-size: 5em; + height: 2em; + left: 50%; + line-height: 2em; + margin: -1em 0 0 -1em; + position: absolute; + text-align: center; + top: 50%; + width: 2em; + } + + .carousel nav a.previous { + left: -8rem; + } + + .carousel nav a.previous:before { + content: '\f104'; + } + + .carousel nav a.next { + right: -8rem; + } + + .carousel nav a.next:before { + content: '\f105'; + } + + .carousel nav a:hover { + opacity: 1; + } + + @media screen and (max-width: 1280px) { + + .carousel article { + width: calc(100% - 4rem); + } + + .carousel article .image { + height: 20rem; + } + + .carousel article .content { + padding: 4rem 4rem 1.5rem 4rem ; + } + + .carousel article .content br { + display: none; + } + + .carousel nav a { + width: 5rem; + } + + .carousel nav a:before { + font-size: 4rem; + } + + .carousel nav a.previous { + left: -3rem; + } + + .carousel nav a.next { + right: -3rem; + } + + } + + @media screen and (max-width: 736px) { + + .carousel article { + -moz-transform: translateY(0); + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + display: block !important; + opacity: 1; + visibility: visible; + width: 100%; + margin: 2em auto 0 auto; + } + + .carousel article:first-child { + margin-top: 0; + } + + .carousel article .image { + height: 15rem; + } + + .carousel article .content { + padding: 2rem 1.5rem 0.1rem 1.5rem ; + } + + .carousel nav { + display: none; + } + + } + +/* Spotlight */ + + .spotlight { + padding: 7rem 0; + position: relative; + } + + .spotlight > .inner { + display: -moz-flex; + display: -webkit-flex; + display: -ms-flex; + display: flex; + -moz-align-items: center; + -webkit-align-items: center; + -ms-align-items: center; + align-items: center; + -moz-justify-content: space-between; + -webkit-justify-content: space-between; + -ms-justify-content: space-between; + justify-content: space-between; + margin: 0 auto; + max-width: 75rem; + width: calc(100% - 4rem); + } + + .spotlight h2 { + -moz-transition: opacity 0.5s ease-out, -moz-transform 0.5s ease-out; + -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out; + -ms-transition: opacity 0.5s ease-out, -ms-transform 0.5s ease-out; + transition: opacity 0.5s ease-out, transform 0.5s ease-out; + margin-bottom: 0; + } + + .spotlight .image { + border-radius: 0; + height: 100%; + position: absolute; + top: 0; + width: 45%; + } + + .spotlight .image img { + -moz-object-fit: cover; + -webkit-object-fit: cover; + -ms-object-fit: cover; + object-fit: cover; + border-radius: 0; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + } + + .spotlight .content { + padding: 5rem 5rem 2.5rem 5rem ; + -moz-transition: opacity 0.5s ease-out, -moz-transform 0.5s ease-out; + -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out; + -ms-transition: opacity 0.5s ease-out, -ms-transform 0.5s ease-out; + transition: opacity 0.5s ease-out, transform 0.5s ease-out; + background-color: #fff; + border-radius: 4px; + position: relative; + z-index: 1; + width: 55%; + } + + .spotlight.odd .image { + right: 0; + } + + .spotlight.even > .inner { + -moz-flex-direction: row-reverse; + -webkit-flex-direction: row-reverse; + -ms-flex-direction: row-reverse; + flex-direction: row-reverse; + } + + .spotlight.even .image { + left: 0; + } + + .spotlight.accent1 { + background-color: #51CCA8; + } + + .spotlight.accent1 h2 { + color: #ffffff; + } + + .spotlight.accent2 { + background-color: #51B9CC; + } + + .spotlight.accent2 h2 { + color: #ffffff; + } + + .spotlight.accent3 { + background-color: #5E92CC; + } + + .spotlight.accent3 h2 { + color: #ffffff; + } + + .spotlight.accent4 { + background-color: #6E81D0; + } + + .spotlight.accent4 h2 { + color: #ffffff; + } + + .spotlight.is-inactive h2 { + -moz-transform: translateY(-2rem); + -webkit-transform: translateY(-2rem); + -ms-transform: translateY(-2rem); + transform: translateY(-2rem); + opacity: 0; + } + + .spotlight.is-inactive .content { + -moz-transform: translateY(2rem); + -webkit-transform: translateY(2rem); + -ms-transform: translateY(2rem); + transform: translateY(2rem); + opacity: 0; + } + + @media screen and (max-width: 1280px) { + + .spotlight { + padding: 5.5rem 0; + } + + .spotlight > .inner { + -moz-justify-content: -moz-flex-start; + -webkit-justify-content: -webkit-flex-start; + -ms-justify-content: -ms-flex-start; + justify-content: flex-start; + } + + .spotlight h2 { + padding: 0 3rem; + width: 40%; + text-align: center; + } + + .spotlight .content { + padding: 4rem 4rem 1.5rem 4rem ; + width: 45%; + } + + } + + @media screen and (max-width: 980px) { + + .spotlight { + padding: 0; + text-align: center; + } + + .spotlight > .inner { + display: block; + max-width: none; + width: 100%; + } + + .spotlight h2 { + padding: 2.5rem 2.5rem; + width: 100%; + } + + .spotlight h2 br { + display: none; + } + + .spotlight ul.actions { + -moz-justify-content: center; + -webkit-justify-content: center; + -ms-justify-content: center; + justify-content: center; + width: 100%; + margin-left: 0; + } + + .spotlight ul.actions li:first-child { + padding-left: 0; + } + + .spotlight .image { + display: block; + height: 40vh; + min-height: 20rem; + width: 100%; + position: relative; + } + + .spotlight .content { + padding: 3rem 2.5rem 0.5rem 2.5rem ; + border-radius: 0; + width: 100%; + } + + .spotlight .content h3 br { + display: none; + } + + .spotlight.is-inactive h2 { + -moz-transform: none; + -webkit-transform: none; + -ms-transform: none; + transform: none; + opacity: 0; + } + + .spotlight.is-inactive .content { + -moz-transform: none; + -webkit-transform: none; + -ms-transform: none; + transform: none; + opacity: 0; + } + + } + + @media screen and (max-width: 736px) { + + .spotlight h2 { + padding: 1.5rem; + } + + .spotlight .content { + padding: 2rem 1.5rem 0.1rem 1.5rem ; + } + + } + +/* Header */ + + #header { + display: -moz-flex; + display: -webkit-flex; + display: -ms-flex; + display: flex; + -moz-justify-content: space-between; + -webkit-justify-content: space-between; + -ms-justify-content: space-between; + justify-content: space-between; + -moz-align-items: center; + -webkit-align-items: center; + -ms-align-items: center; + align-items: center; + -moz-transition: background-color 0.2s ease; + -webkit-transition: background-color 0.2s ease; + -ms-transition: background-color 0.2s ease; + transition: background-color 0.2s ease; + background-color: #fff; + box-shadow: 0 0 0.5rem 0 rgba(144, 144, 144, 0.25); + height: 3.5rem; + left: 0; + line-height: 3.5rem; + padding: 0 0 0 1.5rem; + position: fixed; + top: 0; + width: 100%; + z-index: 10000; + } + + #header a { + color: inherit; + font-size: 0.8rem; + text-decoration: none; + text-transform: uppercase; + border: 0; + } + + #header a:active, #header a:hover, #header a:focus { + color: #51CCA8; + } + + #header .logo { + display: block; + font-weight: 700; + height: inherit; + letter-spacing: 0.07rem; + line-height: inherit; + } + + #header .logo span { + font-weight: 400; + } + + #header nav ul { + list-style: none; + margin: 0; + padding: 0; + } + + #header nav ul li { + display: inline-block; + padding: 0; + } + + #header nav ul li a { + display: inline-block; + padding: 0 1.5rem 0 1.5rem; + position: relative; + } + + #header nav ul li a[href="#menu"] { + text-decoration: none; + padding-right: 3rem; + } + + #header nav ul li a[href="#menu"]:before { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + line-height: 1; + text-transform: none !important; + font-family: 'Font Awesome 5 Free'; + font-weight: 900; + } + + #header nav ul li a[href="#menu"]:before { + content: '\f0c9'; + display: block; + height: 100%; + line-height: inherit; + position: absolute; + right: 1.5rem; + text-align: center; + top: 0; + width: 1rem; + } + + #header.alt { + background-color: transparent; + box-shadow: none; + color: #fff; + } + + @media screen and (max-width: 736px) { + + #header { + height: 2.75rem; + line-height: 2.75rem; + padding: 0 0 0 0.75rem; + } + + #header nav ul li a { + padding: 0 0.75rem 0 0.75rem; + } + + #header nav ul li a[href="#menu"] { + padding-right: 2.5rem; + } + + #header nav ul li a[href="#menu"]:before { + right: 1rem; + } + + } + + @media screen and (max-width: 480px) { + + #header .logo span { + display: none; + } + + #header nav ul li a[href="#menu"]:only-child { + width: 4rem; + text-indent: 4rem; + white-space: nowrap; + } + + #header nav ul li a[href="#menu"]:only-child:before { + text-indent: 0; + } + + } + +/* Menu */ + + #menu { + background-color: #51CCA8; + color: #d4f2e9; + -moz-transform: translateX(20rem); + -webkit-transform: translateX(20rem); + -ms-transform: translateX(20rem); + transform: translateX(20rem); + -moz-transition: -moz-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s; + -webkit-transition: -webkit-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s; + -ms-transition: -ms-transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s; + transition: transform 0.5s ease, box-shadow 0.5s ease, visibility 0.5s; + -webkit-overflow-scrolling: touch; + background: #44c09c; + box-shadow: none; + height: 100%; + max-width: 80%; + overflow-y: auto; + padding: 3rem 2rem; + position: fixed; + right: 0; + top: 0; + visibility: hidden; + width: 20rem; + z-index: 10002; + } + + #menu input, #menu select, #menu textarea { + color: #ffffff; + } + + #menu a { + color: #ffffff; + } + + #menu strong, #menu b { + color: #ffffff; + } + + #menu h1, #menu h2, #menu h3, #menu h4, #menu h5, #menu h6 { + color: #ffffff; + } + + #menu blockquote { + border-left-color: rgba(255, 255, 255, 0.25); + } + + #menu code { + background: rgba(255, 255, 255, 0.075); + border-color: rgba(255, 255, 255, 0.25); + } + + #menu hr { + border-bottom-color: rgba(255, 255, 255, 0.25); + } + + #menu input[type="submit"], + #menu input[type="reset"], + #menu input[type="button"], + #menu button, + #menu .button { + background-color: transparent; + box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.25); + color: #ffffff; + } + + #menu input[type="submit"]:hover, #menu input[type="submit"]:focus, + #menu input[type="reset"]:hover, + #menu input[type="reset"]:focus, + #menu input[type="button"]:hover, + #menu input[type="button"]:focus, + #menu button:hover, + #menu button:focus, + #menu .button:hover, + #menu .button:focus { + background-color: rgba(255, 255, 255, 0.075); + } + + #menu input[type="submit"]:active, + #menu input[type="reset"]:active, + #menu input[type="button"]:active, + #menu button:active, + #menu .button:active { + background-color: rgba(255, 255, 255, 0.175); + } + + #menu input[type="submit"].icon:before, + #menu input[type="reset"].icon:before, + #menu input[type="button"].icon:before, + #menu button.icon:before, + #menu .button.icon:before { + color: #b9ebdc; + } + + #menu input[type="submit"].primary, + #menu input[type="reset"].primary, + #menu input[type="button"].primary, + #menu button.primary, + #menu .button.primary { + box-shadow: none; + background-color: #ffffff; + color: #51CCA8; + } + + #menu input[type="submit"].primary.icon:before, + #menu input[type="reset"].primary.icon:before, + #menu input[type="button"].primary.icon:before, + #menu button.primary.icon:before, + #menu .button.primary.icon:before { + color: #51CCA8; + } + + #menu > ul { + margin: 0 0 1.25rem 0; + } + + #menu > ul.links { + list-style: none; + padding: 0; + } + + #menu > ul.links > li { + padding: 0; + } + + #menu > ul.links > li > a:not(.button) { + border: 0; + border-top: solid 1px rgba(255, 255, 255, 0.25); + color: inherit; + display: block; + line-height: 3.5rem; + text-decoration: none; + } + + #menu > ul.links > li > .button { + display: block; + margin: 1.25rem 0 0 0; + } + + #menu > ul.links > li:first-child > a:not(.button) { + border-top: 0 !important; + } + + #menu .close { + text-decoration: none; + -moz-transition: color 0.2s ease-in-out; + -webkit-transition: color 0.2s ease-in-out; + -ms-transition: color 0.2s ease-in-out; + transition: color 0.2s ease-in-out; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + border: 0; + color: #b9e3eb; + cursor: pointer; + display: block; + height: 3.25rem; + line-height: 3.25rem; + padding-right: 1.25rem; + position: absolute; + right: 0; + text-align: right; + top: 0; + vertical-align: middle; + width: 7rem; + } + + #menu .close:before { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + line-height: 1; + text-transform: none !important; + font-family: 'Font Awesome 5 Free'; + font-weight: 900; + } + + #menu .close:before { + content: '\f00d'; + font-size: 1.25rem; + } + + #menu .close:hover { + color: #ffffff; + } + + @media screen and (max-width: 736px) { + + #menu .close { + height: 4rem; + line-height: 4rem; + } + + } + + #menu.visible { + -moz-transform: translateX(0); + -webkit-transform: translateX(0); + -ms-transform: translateX(0); + transform: translateX(0); + box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.2); + visibility: visible; + } + + @media screen and (max-width: 736px) { + + #menu { + padding: 2.5rem 1.75rem; + } + + } + +/* Banner */ + + #banner { + padding: 6rem 8% 3.5rem 8% ; + -moz-align-items: center; + -webkit-align-items: center; + -ms-align-items: center; + align-items: center; + display: -moz-flex; + display: -webkit-flex; + display: -ms-flex; + display: flex; + -moz-justify-content: center; + -webkit-justify-content: center; + -ms-justify-content: center; + justify-content: center; + background-color: #1e2731; + color: #ffffff; + background-position: center; + background-size: cover; + background-attachment: fixed; + cursor: default; + min-height: 100vh; + position: relative; + text-align: center; + } + + #banner input, #banner select, #banner textarea { + color: #ffffff; + } + + #banner a { + color: #51CCA8; + } + + #banner strong, #banner b { + color: #ffffff; + } + + #banner h1, #banner h2, #banner h3, #banner h4, #banner h5, #banner h6 { + color: #ffffff; + } + + #banner blockquote { + border-left-color: #ffffff; + } + + #banner code { + background: rgba(255, 255, 255, 0.075); + border-color: #ffffff; + } + + #banner hr { + border-bottom-color: #ffffff; + } + + #banner input[type="submit"], + #banner input[type="reset"], + #banner input[type="button"], + #banner button, + #banner .button { + background-color: transparent; + box-shadow: inset 0 0 0 3px #ffffff; + color: #ffffff; + } + + #banner input[type="submit"]:hover, #banner input[type="submit"]:focus, + #banner input[type="reset"]:hover, + #banner input[type="reset"]:focus, + #banner input[type="button"]:hover, + #banner input[type="button"]:focus, + #banner button:hover, + #banner button:focus, + #banner .button:hover, + #banner .button:focus { + background-color: rgba(255, 255, 255, 0.075); + } + + #banner input[type="submit"]:active, + #banner input[type="reset"]:active, + #banner input[type="button"]:active, + #banner button:active, + #banner .button:active { + background-color: rgba(255, 255, 255, 0.175); + } + + #banner input[type="submit"].icon:before, + #banner input[type="reset"].icon:before, + #banner input[type="button"].icon:before, + #banner button.icon:before, + #banner .button.icon:before { + color: #ffffff; + } + + #banner input[type="submit"].primary, + #banner input[type="reset"].primary, + #banner input[type="button"].primary, + #banner button.primary, + #banner .button.primary { + box-shadow: none; + background-color: #51CCA8; + color: #ffffff; + } + + #banner input[type="submit"].primary.icon:before, + #banner input[type="reset"].primary.icon:before, + #banner input[type="button"].primary.icon:before, + #banner button.primary.icon:before, + #banner .button.primary.icon:before { + color: #ffffff; + } + + #banner input[type="submit"].primary:hover, #banner input[type="submit"].primary:focus, + #banner input[type="reset"].primary:hover, + #banner input[type="reset"].primary:focus, + #banner input[type="button"].primary:hover, + #banner input[type="button"].primary:focus, + #banner button.primary:hover, + #banner button.primary:focus, + #banner .button.primary:hover, + #banner .button.primary:focus { + background-color: #65d2b2; + } + + #banner input[type="submit"].primary:active, + #banner input[type="reset"].primary:active, + #banner input[type="button"].primary:active, + #banner button.primary:active, + #banner .button.primary:active { + background-color: #3dc69e; + } + + #banner:after { + -moz-transition: opacity 1s ease-in-out; + -webkit-transition: opacity 1s ease-in-out; + -ms-transition: opacity 1s ease-in-out; + transition: opacity 1s ease-in-out; + -moz-transition-delay: 0.5s; + -webkit-transition-delay: 0.5s; + -ms-transition-delay: 0.5s; + transition-delay: 0.5s; + content: ''; + background-color: #1e2731; + opacity: 0.85; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + } + + #banner .inner { + -moz-transition: opacity 1s ease-in-out; + -webkit-transition: opacity 1s ease-in-out; + -ms-transition: opacity 1s ease-in-out; + transition: opacity 1s ease-in-out; + position: relative; + max-width: 35rem; + z-index: 1; + } + + #banner h1 { + line-height: 1.3; + } + + #banner h1:after { + content: ''; + background-color: #ffffff; + display: block; + height: 3px; + margin: 2rem auto; + width: 4rem; + } + + #banner p { + margin-bottom: 2.5rem; + } + + body.is-ie #banner { + height: 100vh; + } + + @media screen and (max-width: 1280px) { + + #banner { + background-attachment: scroll; + } + + #banner h1 { + font-size: 3.5rem; + } + + } + + @media screen and (max-width: 736px) { + + #banner h1 { + font-size: 2.5rem; + } + + #banner h1 br { + display: none; + } + + } + + body.is-preload #banner:after { + opacity: 1; + } + + body.is-preload #banner .inner { + opacity: 0; + } + +/* Main */ + + #main { + padding-top: 9rem; + } + + @media screen and (max-width: 980px) { + + #main { + padding-top: 6.5rem; + } + + } + + @media screen and (max-width: 736px) { + + #main { + padding-top: 5rem; + } + + } + +/* Footer */ + + #footer { + padding: 6rem 3rem 3.5rem 3rem ; + background-color: #f2f2f2; + } + + #footer .copyright { + color: #bbb; + font-size: 0.9rem; + margin: 0 0 2.5rem 0; + padding: 0; + text-align: center; + } + + #footer .copyright li { + border-left: solid 1px rgba(144, 144, 144, 0.25); + display: inline-block; + list-style: none; + margin-left: 1.5rem; + padding-left: 1.5rem; + } + + #footer .copyright li:first-child { + border-left: 0; + margin-left: 0; + padding-left: 0; + } + + #footer .contact-icons { + text-align: center; + } + + #footer .contact-icons li { + display: inline-block; + margin-left: 2rem; + } + + #footer .contact-icons li:before { + background-color: #fff; + border-radius: 100%; + color: #555; + display: inline-block; + font-size: 1.2rem; + height: 2.5rem; + line-height: 2.5rem; + width: 2.5rem; + } + + #footer .contact-icons li:first-child { + margin-left: 0; + } + + #footer .contact-icons a { + text-decoration: none; + color: inherit; + } + + #footer .contact-icons a:active, #footer .contact-icons a:focus, #footer .contact-icons a:hover { + color: #555; + } + + @media screen and (max-width: 980px) { + + #footer { + padding: 4rem 3rem 1.5rem 3rem ; + } + + #footer .contact-icons { + display: block; + } + + #footer .contact-icons li { + display: block; + margin: 1rem 0 0 0; + } + + #footer .contact-icons li:first-child { + margin-top: 0; + } + + } + + @media screen and (max-width: 736px) { + + #footer { + padding: 3rem 2rem 0.5rem 2rem ; + } + + #footer .copyright li { + display: block; + border-left: 0; + margin-left: 0; + padding-left: 0; + } + + } + +/* Default background image (for smallest screens) */ +.element { + background-image: url('../../images/banner/dt-320.webp'), + url('../../images/banner/DT-320.jpg'); /* Fallback for non-WebP supporting browsers */ + +} + +/* Media query for screen widths greater than 640px */ +@media (min-width: 640px) { + .element { + background-image: url('../../images/banner/dt-980.webp'), + url('../../images/banner/DT-980.jpg'); /* Fallback for non-WebP supporting browsers */ + } +} + +/* Media query for screen widths greater than 1280px */ +@media (min-width: 1280px) { + .element { + background-image: url('../../images/banner/dt-1350.webp'), + url('../../images/banner/DT-1350.jpg'); /* Fallback for non-WebP supporting browsers */ + } +} + +/* Media query for screen widths greater than 1440px */ +@media (min-width: 1440px) { + .element { + background-image: url('../../images/banner/dt-1620.webp'), + url('../../images/banner/DT-1620.jpg'); /* Fallback for non-WebP supporting browsers */ + } +} + +/* Media query for screen widths greater than 1680px */ +@media (min-width: 1680px) { + .element { + background-image: url('../../images/banner/dt-1850.webp'), + url('../../images/banner/DT-1850.jpg'); /* Fallback for non-WebP supporting browsers */ + } +} + +/* Media query for screen widths greater than 1920px */ +@media (min-width: 1920px) { + .element { + background-image: url('../../images/banner/dt-2048.webp'), + url('../../images/banner/DT-2048.jpg'); /* Fallback for non-WebP supporting browsers */ + } +} diff --git a/assets/js/breakpoints.min.js b/assets/js/breakpoints.min.js new file mode 100644 index 0000000..32419cc --- /dev/null +++ b/assets/js/breakpoints.min.js @@ -0,0 +1,2 @@ +/* breakpoints.js v1.0 | @ajlkn | MIT licensed */ +var breakpoints=function(){"use strict";function e(e){t.init(e)}var t={list:null,media:{},events:[],init:function(e){t.list=e,window.addEventListener("resize",t.poll),window.addEventListener("orientationchange",t.poll),window.addEventListener("load",t.poll),window.addEventListener("fullscreenchange",t.poll)},active:function(e){var n,a,s,i,r,d,c;if(!(e in t.media)){if(">="==e.substr(0,2)?(a="gte",n=e.substr(2)):"<="==e.substr(0,2)?(a="lte",n=e.substr(2)):">"==e.substr(0,1)?(a="gt",n=e.substr(1)):"<"==e.substr(0,1)?(a="lt",n=e.substr(1)):"!"==e.substr(0,1)?(a="not",n=e.substr(1)):(a="eq",n=e),n&&n in t.list)if(i=t.list[n],Array.isArray(i)){if(r=parseInt(i[0]),d=parseInt(i[1]),isNaN(r)){if(isNaN(d))return;c=i[1].substr(String(d).length)}else c=i[0].substr(String(r).length);if(isNaN(r))switch(a){case"gte":s="screen";break;case"lte":s="screen and (max-width: "+d+c+")";break;case"gt":s="screen and (min-width: "+(d+1)+c+")";break;case"lt":s="screen and (max-width: -1px)";break;case"not":s="screen and (min-width: "+(d+1)+c+")";break;default:s="screen and (max-width: "+d+c+")"}else if(isNaN(d))switch(a){case"gte":s="screen and (min-width: "+r+c+")";break;case"lte":s="screen";break;case"gt":s="screen and (max-width: -1px)";break;case"lt":s="screen and (max-width: "+(r-1)+c+")";break;case"not":s="screen and (max-width: "+(r-1)+c+")";break;default:s="screen and (min-width: "+r+c+")"}else switch(a){case"gte":s="screen and (min-width: "+r+c+")";break;case"lte":s="screen and (max-width: "+d+c+")";break;case"gt":s="screen and (min-width: "+(d+1)+c+")";break;case"lt":s="screen and (max-width: "+(r-1)+c+")";break;case"not":s="screen and (max-width: "+(r-1)+c+"), screen and (min-width: "+(d+1)+c+")";break;default:s="screen and (min-width: "+r+c+") and (max-width: "+d+c+")"}}else s="("==i.charAt(0)?"screen and "+i:i;t.media[e]=!!s&&s}return t.media[e]!==!1&&window.matchMedia(t.media[e]).matches},on:function(e,n){t.events.push({query:e,handler:n,state:!1}),t.active(e)&&n()},poll:function(){var e,n;for(e=0;e+~]|"+M+")"+M+"*"),U=new RegExp(M+"|>"),X=new RegExp(F),V=new RegExp("^"+I+"$"),G={ID:new RegExp("^#("+I+")"),CLASS:new RegExp("^\\.("+I+")"),TAG:new RegExp("^("+I+"|[*])"),ATTR:new RegExp("^"+W),PSEUDO:new RegExp("^"+F),CHILD:new RegExp("^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\("+M+"*(even|odd|(([+-]|)(\\d*)n|)"+M+"*(?:([+-]|)"+M+"*(\\d+)|))"+M+"*\\)|)","i"),bool:new RegExp("^(?:"+R+")$","i"),needsContext:new RegExp("^"+M+"*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\("+M+"*((?:-\\d)?\\d*)"+M+"*\\)|)(?=[^-]|$)","i")},Y=/HTML$/i,Q=/^(?:input|select|textarea|button)$/i,J=/^h\d$/i,K=/^[^{]+\{\s*\[native \w/,Z=/^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,ee=/[+~]/,te=new RegExp("\\\\[\\da-fA-F]{1,6}"+M+"?|\\\\([^\\r\\n\\f])","g"),ne=function(e,t){var n="0x"+e.slice(1)-65536;return t||(n<0?String.fromCharCode(n+65536):String.fromCharCode(n>>10|55296,1023&n|56320))},re=/([\0-\x1f\x7f]|^-?\d)|^-$|[^\0-\x1f\x7f-\uFFFF\w-]/g,ie=function(e,t){return t?"\0"===e?"\ufffd":e.slice(0,-1)+"\\"+e.charCodeAt(e.length-1).toString(16)+" ":"\\"+e},oe=function(){T()},ae=be(function(e){return!0===e.disabled&&"fieldset"===e.nodeName.toLowerCase()},{dir:"parentNode",next:"legend"});try{H.apply(t=O.call(p.childNodes),p.childNodes),t[p.childNodes.length].nodeType}catch(e){H={apply:t.length?function(e,t){L.apply(e,O.call(t))}:function(e,t){var n=e.length,r=0;while(e[n++]=t[r++]);e.length=n-1}}}function se(t,e,n,r){var i,o,a,s,u,l,c,f=e&&e.ownerDocument,p=e?e.nodeType:9;if(n=n||[],"string"!=typeof t||!t||1!==p&&9!==p&&11!==p)return n;if(!r&&(T(e),e=e||C,E)){if(11!==p&&(u=Z.exec(t)))if(i=u[1]){if(9===p){if(!(a=e.getElementById(i)))return n;if(a.id===i)return n.push(a),n}else if(f&&(a=f.getElementById(i))&&y(e,a)&&a.id===i)return n.push(a),n}else{if(u[2])return H.apply(n,e.getElementsByTagName(t)),n;if((i=u[3])&&d.getElementsByClassName&&e.getElementsByClassName)return H.apply(n,e.getElementsByClassName(i)),n}if(d.qsa&&!N[t+" "]&&(!v||!v.test(t))&&(1!==p||"object"!==e.nodeName.toLowerCase())){if(c=t,f=e,1===p&&(U.test(t)||z.test(t))){(f=ee.test(t)&&ye(e.parentNode)||e)===e&&d.scope||((s=e.getAttribute("id"))?s=s.replace(re,ie):e.setAttribute("id",s=S)),o=(l=h(t)).length;while(o--)l[o]=(s?"#"+s:":scope")+" "+xe(l[o]);c=l.join(",")}try{return H.apply(n,f.querySelectorAll(c)),n}catch(e){N(t,!0)}finally{s===S&&e.removeAttribute("id")}}}return g(t.replace($,"$1"),e,n,r)}function ue(){var r=[];return function e(t,n){return r.push(t+" ")>b.cacheLength&&delete e[r.shift()],e[t+" "]=n}}function le(e){return e[S]=!0,e}function ce(e){var t=C.createElement("fieldset");try{return!!e(t)}catch(e){return!1}finally{t.parentNode&&t.parentNode.removeChild(t),t=null}}function fe(e,t){var n=e.split("|"),r=n.length;while(r--)b.attrHandle[n[r]]=t}function pe(e,t){var n=t&&e,r=n&&1===e.nodeType&&1===t.nodeType&&e.sourceIndex-t.sourceIndex;if(r)return r;if(n)while(n=n.nextSibling)if(n===t)return-1;return e?1:-1}function de(t){return function(e){return"input"===e.nodeName.toLowerCase()&&e.type===t}}function he(n){return function(e){var t=e.nodeName.toLowerCase();return("input"===t||"button"===t)&&e.type===n}}function ge(t){return function(e){return"form"in e?e.parentNode&&!1===e.disabled?"label"in e?"label"in e.parentNode?e.parentNode.disabled===t:e.disabled===t:e.isDisabled===t||e.isDisabled!==!t&&ae(e)===t:e.disabled===t:"label"in e&&e.disabled===t}}function ve(a){return le(function(o){return o=+o,le(function(e,t){var n,r=a([],e.length,o),i=r.length;while(i--)e[n=r[i]]&&(e[n]=!(t[n]=e[n]))})})}function ye(e){return e&&"undefined"!=typeof e.getElementsByTagName&&e}for(e in d=se.support={},i=se.isXML=function(e){var t=e&&e.namespaceURI,n=e&&(e.ownerDocument||e).documentElement;return!Y.test(t||n&&n.nodeName||"HTML")},T=se.setDocument=function(e){var t,n,r=e?e.ownerDocument||e:p;return r!=C&&9===r.nodeType&&r.documentElement&&(a=(C=r).documentElement,E=!i(C),p!=C&&(n=C.defaultView)&&n.top!==n&&(n.addEventListener?n.addEventListener("unload",oe,!1):n.attachEvent&&n.attachEvent("onunload",oe)),d.scope=ce(function(e){return a.appendChild(e).appendChild(C.createElement("div")),"undefined"!=typeof e.querySelectorAll&&!e.querySelectorAll(":scope fieldset div").length}),d.attributes=ce(function(e){return e.className="i",!e.getAttribute("className")}),d.getElementsByTagName=ce(function(e){return e.appendChild(C.createComment("")),!e.getElementsByTagName("*").length}),d.getElementsByClassName=K.test(C.getElementsByClassName),d.getById=ce(function(e){return a.appendChild(e).id=S,!C.getElementsByName||!C.getElementsByName(S).length}),d.getById?(b.filter.ID=function(e){var t=e.replace(te,ne);return function(e){return e.getAttribute("id")===t}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n=t.getElementById(e);return n?[n]:[]}}):(b.filter.ID=function(e){var n=e.replace(te,ne);return function(e){var t="undefined"!=typeof e.getAttributeNode&&e.getAttributeNode("id");return t&&t.value===n}},b.find.ID=function(e,t){if("undefined"!=typeof t.getElementById&&E){var n,r,i,o=t.getElementById(e);if(o){if((n=o.getAttributeNode("id"))&&n.value===e)return[o];i=t.getElementsByName(e),r=0;while(o=i[r++])if((n=o.getAttributeNode("id"))&&n.value===e)return[o]}return[]}}),b.find.TAG=d.getElementsByTagName?function(e,t){return"undefined"!=typeof t.getElementsByTagName?t.getElementsByTagName(e):d.qsa?t.querySelectorAll(e):void 0}:function(e,t){var n,r=[],i=0,o=t.getElementsByTagName(e);if("*"===e){while(n=o[i++])1===n.nodeType&&r.push(n);return r}return o},b.find.CLASS=d.getElementsByClassName&&function(e,t){if("undefined"!=typeof t.getElementsByClassName&&E)return t.getElementsByClassName(e)},s=[],v=[],(d.qsa=K.test(C.querySelectorAll))&&(ce(function(e){var t;a.appendChild(e).innerHTML="",e.querySelectorAll("[msallowcapture^='']").length&&v.push("[*^$]="+M+"*(?:''|\"\")"),e.querySelectorAll("[selected]").length||v.push("\\["+M+"*(?:value|"+R+")"),e.querySelectorAll("[id~="+S+"-]").length||v.push("~="),(t=C.createElement("input")).setAttribute("name",""),e.appendChild(t),e.querySelectorAll("[name='']").length||v.push("\\["+M+"*name"+M+"*="+M+"*(?:''|\"\")"),e.querySelectorAll(":checked").length||v.push(":checked"),e.querySelectorAll("a#"+S+"+*").length||v.push(".#.+[+~]"),e.querySelectorAll("\\\f"),v.push("[\\r\\n\\f]")}),ce(function(e){e.innerHTML="";var t=C.createElement("input");t.setAttribute("type","hidden"),e.appendChild(t).setAttribute("name","D"),e.querySelectorAll("[name=d]").length&&v.push("name"+M+"*[*^$|!~]?="),2!==e.querySelectorAll(":enabled").length&&v.push(":enabled",":disabled"),a.appendChild(e).disabled=!0,2!==e.querySelectorAll(":disabled").length&&v.push(":enabled",":disabled"),e.querySelectorAll("*,:x"),v.push(",.*:")})),(d.matchesSelector=K.test(c=a.matches||a.webkitMatchesSelector||a.mozMatchesSelector||a.oMatchesSelector||a.msMatchesSelector))&&ce(function(e){d.disconnectedMatch=c.call(e,"*"),c.call(e,"[s!='']:x"),s.push("!=",F)}),v=v.length&&new RegExp(v.join("|")),s=s.length&&new RegExp(s.join("|")),t=K.test(a.compareDocumentPosition),y=t||K.test(a.contains)?function(e,t){var n=9===e.nodeType?e.documentElement:e,r=t&&t.parentNode;return e===r||!(!r||1!==r.nodeType||!(n.contains?n.contains(r):e.compareDocumentPosition&&16&e.compareDocumentPosition(r)))}:function(e,t){if(t)while(t=t.parentNode)if(t===e)return!0;return!1},j=t?function(e,t){if(e===t)return l=!0,0;var n=!e.compareDocumentPosition-!t.compareDocumentPosition;return n||(1&(n=(e.ownerDocument||e)==(t.ownerDocument||t)?e.compareDocumentPosition(t):1)||!d.sortDetached&&t.compareDocumentPosition(e)===n?e==C||e.ownerDocument==p&&y(p,e)?-1:t==C||t.ownerDocument==p&&y(p,t)?1:u?P(u,e)-P(u,t):0:4&n?-1:1)}:function(e,t){if(e===t)return l=!0,0;var n,r=0,i=e.parentNode,o=t.parentNode,a=[e],s=[t];if(!i||!o)return e==C?-1:t==C?1:i?-1:o?1:u?P(u,e)-P(u,t):0;if(i===o)return pe(e,t);n=e;while(n=n.parentNode)a.unshift(n);n=t;while(n=n.parentNode)s.unshift(n);while(a[r]===s[r])r++;return r?pe(a[r],s[r]):a[r]==p?-1:s[r]==p?1:0}),C},se.matches=function(e,t){return se(e,null,null,t)},se.matchesSelector=function(e,t){if(T(e),d.matchesSelector&&E&&!N[t+" "]&&(!s||!s.test(t))&&(!v||!v.test(t)))try{var n=c.call(e,t);if(n||d.disconnectedMatch||e.document&&11!==e.document.nodeType)return n}catch(e){N(t,!0)}return 0":{dir:"parentNode",first:!0}," ":{dir:"parentNode"},"+":{dir:"previousSibling",first:!0},"~":{dir:"previousSibling"}},preFilter:{ATTR:function(e){return e[1]=e[1].replace(te,ne),e[3]=(e[3]||e[4]||e[5]||"").replace(te,ne),"~="===e[2]&&(e[3]=" "+e[3]+" "),e.slice(0,4)},CHILD:function(e){return e[1]=e[1].toLowerCase(),"nth"===e[1].slice(0,3)?(e[3]||se.error(e[0]),e[4]=+(e[4]?e[5]+(e[6]||1):2*("even"===e[3]||"odd"===e[3])),e[5]=+(e[7]+e[8]||"odd"===e[3])):e[3]&&se.error(e[0]),e},PSEUDO:function(e){var t,n=!e[6]&&e[2];return G.CHILD.test(e[0])?null:(e[3]?e[2]=e[4]||e[5]||"":n&&X.test(n)&&(t=h(n,!0))&&(t=n.indexOf(")",n.length-t)-n.length)&&(e[0]=e[0].slice(0,t),e[2]=n.slice(0,t)),e.slice(0,3))}},filter:{TAG:function(e){var t=e.replace(te,ne).toLowerCase();return"*"===e?function(){return!0}:function(e){return e.nodeName&&e.nodeName.toLowerCase()===t}},CLASS:function(e){var t=m[e+" "];return t||(t=new RegExp("(^|"+M+")"+e+"("+M+"|$)"))&&m(e,function(e){return t.test("string"==typeof e.className&&e.className||"undefined"!=typeof e.getAttribute&&e.getAttribute("class")||"")})},ATTR:function(n,r,i){return function(e){var t=se.attr(e,n);return null==t?"!="===r:!r||(t+="","="===r?t===i:"!="===r?t!==i:"^="===r?i&&0===t.indexOf(i):"*="===r?i&&-1:\x20\t\r\n\f]*)[\x20\t\r\n\f]*\/?>(?:<\/\1>|)$/i;function j(e,n,r){return m(n)?S.grep(e,function(e,t){return!!n.call(e,t,e)!==r}):n.nodeType?S.grep(e,function(e){return e===n!==r}):"string"!=typeof n?S.grep(e,function(e){return-1)[^>]*|#([\w-]+))$/;(S.fn.init=function(e,t,n){var r,i;if(!e)return this;if(n=n||D,"string"==typeof e){if(!(r="<"===e[0]&&">"===e[e.length-1]&&3<=e.length?[null,e,null]:q.exec(e))||!r[1]&&t)return!t||t.jquery?(t||n).find(e):this.constructor(t).find(e);if(r[1]){if(t=t instanceof S?t[0]:t,S.merge(this,S.parseHTML(r[1],t&&t.nodeType?t.ownerDocument||t:E,!0)),N.test(r[1])&&S.isPlainObject(t))for(r in t)m(this[r])?this[r](t[r]):this.attr(r,t[r]);return this}return(i=E.getElementById(r[2]))&&(this[0]=i,this.length=1),this}return e.nodeType?(this[0]=e,this.length=1,this):m(e)?void 0!==n.ready?n.ready(e):e(S):S.makeArray(e,this)}).prototype=S.fn,D=S(E);var L=/^(?:parents|prev(?:Until|All))/,H={children:!0,contents:!0,next:!0,prev:!0};function O(e,t){while((e=e[t])&&1!==e.nodeType);return e}S.fn.extend({has:function(e){var t=S(e,this),n=t.length;return this.filter(function(){for(var e=0;e\x20\t\r\n\f]*)/i,he=/^$|^module$|\/(?:java|ecma)script/i;ce=E.createDocumentFragment().appendChild(E.createElement("div")),(fe=E.createElement("input")).setAttribute("type","radio"),fe.setAttribute("checked","checked"),fe.setAttribute("name","t"),ce.appendChild(fe),y.checkClone=ce.cloneNode(!0).cloneNode(!0).lastChild.checked,ce.innerHTML="",y.noCloneChecked=!!ce.cloneNode(!0).lastChild.defaultValue,ce.innerHTML="",y.option=!!ce.lastChild;var ge={thead:[1,"","
"],col:[2,"","
"],tr:[2,"","
"],td:[3,"","
"],_default:[0,"",""]};function ve(e,t){var n;return n="undefined"!=typeof e.getElementsByTagName?e.getElementsByTagName(t||"*"):"undefined"!=typeof e.querySelectorAll?e.querySelectorAll(t||"*"):[],void 0===t||t&&A(e,t)?S.merge([e],n):n}function ye(e,t){for(var n=0,r=e.length;n",""]);var me=/<|&#?\w+;/;function xe(e,t,n,r,i){for(var o,a,s,u,l,c,f=t.createDocumentFragment(),p=[],d=0,h=e.length;d\s*$/g;function je(e,t){return A(e,"table")&&A(11!==t.nodeType?t:t.firstChild,"tr")&&S(e).children("tbody")[0]||e}function De(e){return e.type=(null!==e.getAttribute("type"))+"/"+e.type,e}function qe(e){return"true/"===(e.type||"").slice(0,5)?e.type=e.type.slice(5):e.removeAttribute("type"),e}function Le(e,t){var n,r,i,o,a,s;if(1===t.nodeType){if(Y.hasData(e)&&(s=Y.get(e).events))for(i in Y.remove(t,"handle events"),s)for(n=0,r=s[i].length;n").attr(n.scriptAttrs||{}).prop({charset:n.scriptCharset,src:n.url}).on("load error",i=function(e){r.remove(),i=null,e&&t("error"===e.type?404:200,e.type)}),E.head.appendChild(r[0])},abort:function(){i&&i()}}});var _t,zt=[],Ut=/(=)\?(?=&|$)|\?\?/;S.ajaxSetup({jsonp:"callback",jsonpCallback:function(){var e=zt.pop()||S.expando+"_"+wt.guid++;return this[e]=!0,e}}),S.ajaxPrefilter("json jsonp",function(e,t,n){var r,i,o,a=!1!==e.jsonp&&(Ut.test(e.url)?"url":"string"==typeof e.data&&0===(e.contentType||"").indexOf("application/x-www-form-urlencoded")&&Ut.test(e.data)&&"data");if(a||"jsonp"===e.dataTypes[0])return r=e.jsonpCallback=m(e.jsonpCallback)?e.jsonpCallback():e.jsonpCallback,a?e[a]=e[a].replace(Ut,"$1"+r):!1!==e.jsonp&&(e.url+=(Tt.test(e.url)?"&":"?")+e.jsonp+"="+r),e.converters["script json"]=function(){return o||S.error(r+" was not called"),o[0]},e.dataTypes[0]="json",i=C[r],C[r]=function(){o=arguments},n.always(function(){void 0===i?S(C).removeProp(r):C[r]=i,e[r]&&(e.jsonpCallback=t.jsonpCallback,zt.push(r)),o&&m(i)&&i(o[0]),o=i=void 0}),"script"}),y.createHTMLDocument=((_t=E.implementation.createHTMLDocument("").body).innerHTML="
",2===_t.childNodes.length),S.parseHTML=function(e,t,n){return"string"!=typeof e?[]:("boolean"==typeof t&&(n=t,t=!1),t||(y.createHTMLDocument?((r=(t=E.implementation.createHTMLDocument("")).createElement("base")).href=E.location.href,t.head.appendChild(r)):t=E),o=!n&&[],(i=N.exec(e))?[t.createElement(i[1])]:(i=xe([e],t,o),o&&o.length&&S(o).remove(),S.merge([],i.childNodes)));var r,i,o},S.fn.load=function(e,t,n){var r,i,o,a=this,s=e.indexOf(" ");return-1").append(S.parseHTML(e)).find(r):e)}).always(n&&function(e,t){a.each(function(){n.apply(this,o||[e.responseText,t,e])})}),this},S.expr.pseudos.animated=function(t){return S.grep(S.timers,function(e){return t===e.elem}).length},S.offset={setOffset:function(e,t,n){var r,i,o,a,s,u,l=S.css(e,"position"),c=S(e),f={};"static"===l&&(e.style.position="relative"),s=c.offset(),o=S.css(e,"top"),u=S.css(e,"left"),("absolute"===l||"fixed"===l)&&-1<(o+u).indexOf("auto")?(a=(r=c.position()).top,i=r.left):(a=parseFloat(o)||0,i=parseFloat(u)||0),m(t)&&(t=t.call(e,n,S.extend({},s))),null!=t.top&&(f.top=t.top-s.top+a),null!=t.left&&(f.left=t.left-s.left+i),"using"in t?t.using.call(e,f):c.css(f)}},S.fn.extend({offset:function(t){if(arguments.length)return void 0===t?this:this.each(function(e){S.offset.setOffset(this,t,e)});var e,n,r=this[0];return r?r.getClientRects().length?(e=r.getBoundingClientRect(),n=r.ownerDocument.defaultView,{top:e.top+n.pageYOffset,left:e.left+n.pageXOffset}):{top:0,left:0}:void 0},position:function(){if(this[0]){var e,t,n,r=this[0],i={top:0,left:0};if("fixed"===S.css(r,"position"))t=r.getBoundingClientRect();else{t=this.offset(),n=r.ownerDocument,e=r.offsetParent||n.documentElement;while(e&&(e===n.body||e===n.documentElement)&&"static"===S.css(e,"position"))e=e.parentNode;e&&e!==r&&1===e.nodeType&&((i=S(e).offset()).top+=S.css(e,"borderTopWidth",!0),i.left+=S.css(e,"borderLeftWidth",!0))}return{top:t.top-i.top-S.css(r,"marginTop",!0),left:t.left-i.left-S.css(r,"marginLeft",!0)}}},offsetParent:function(){return this.map(function(){var e=this.offsetParent;while(e&&"static"===S.css(e,"position"))e=e.offsetParent;return e||re})}}),S.each({scrollLeft:"pageXOffset",scrollTop:"pageYOffset"},function(t,i){var o="pageYOffset"===i;S.fn[t]=function(e){return $(this,function(e,t,n){var r;if(x(e)?r=e:9===e.nodeType&&(r=e.defaultView),void 0===n)return r?r[i]:e[t];r?r.scrollTo(o?r.pageXOffset:n,o?n:r.pageYOffset):e[t]=n},t,e,arguments.length)}}),S.each(["top","left"],function(e,n){S.cssHooks[n]=Fe(y.pixelPosition,function(e,t){if(t)return t=We(e,n),Pe.test(t)?S(e).position()[n]+"px":t})}),S.each({Height:"height",Width:"width"},function(a,s){S.each({padding:"inner"+a,content:s,"":"outer"+a},function(r,o){S.fn[o]=function(e,t){var n=arguments.length&&(r||"boolean"!=typeof e),i=r||(!0===e||!0===t?"margin":"border");return $(this,function(e,t,n){var r;return x(e)?0===o.indexOf("outer")?e["inner"+a]:e.document.documentElement["client"+a]:9===e.nodeType?(r=e.documentElement,Math.max(e.body["scroll"+a],r["scroll"+a],e.body["offset"+a],r["offset"+a],r["client"+a])):void 0===n?S.css(e,t,i):S.style(e,t,n,i)},s,n?e:void 0,n)}})}),S.each(["ajaxStart","ajaxStop","ajaxComplete","ajaxError","ajaxSuccess","ajaxSend"],function(e,t){S.fn[t]=function(e){return this.on(t,e)}}),S.fn.extend({bind:function(e,t,n){return this.on(e,null,t,n)},unbind:function(e,t){return this.off(e,null,t)},delegate:function(e,t,n,r){return this.on(t,e,n,r)},undelegate:function(e,t,n){return 1===arguments.length?this.off(e,"**"):this.off(t,e||"**",n)},hover:function(e,t){return this.mouseenter(e).mouseleave(t||e)}}),S.each("blur focus focusin focusout resize scroll click dblclick mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave change select submit keydown keypress keyup contextmenu".split(" "),function(e,n){S.fn[n]=function(e,t){return 01){for(var r=0;r=i&&o>=t};break;case"bottom":h=function(t,e,n,i,o){return n>=i&&o>=n};break;case"middle":h=function(t,e,n,i,o){return e>=i&&o>=e};break;case"top-only":h=function(t,e,n,i,o){return i>=t&&n>=i};break;case"bottom-only":h=function(t,e,n,i,o){return n>=o&&o>=t};break;default:case"default":h=function(t,e,n,i,o){return n>=i&&o>=t}}return c=function(t){var i,o,l,s,r,a,u=this.state,h=!1,c=this.$element.offset();i=n.height(),o=t+i/2,l=t+i,s=this.$element.outerHeight(),r=c.top+e(this.options.top,s,i),a=c.top+s-e(this.options.bottom,s,i),h=this.test(t,o,l,r,a),h!=u&&(this.state=h,h?this.options.enter&&this.options.enter.apply(this.element):this.options.leave&&this.options.leave.apply(this.element)),this.options.scroll&&this.options.scroll.apply(this.element,[(o-r)/(a-r)])},p={id:a,options:u,test:h,handler:c,state:null,element:this,$element:s,timeoutId:null},o[a]=p,s.data("_scrollexId",p.id),p.options.initialize&&p.options.initialize.apply(this),s},jQuery.fn.unscrollex=function(){var e=t(this);if(0==this.length)return e;if(this.length>1){for(var n=0;n1){for(o=0;o article". + speed: 350 + + } + + }; + + /** + * Custom carousel for Altitude. + * @return {jQuery} jQuery object. + */ + $.fn._carousel = function(options) { + + var $window = $(window), + $this = $(this); + + // Handle no/multiple elements. + if (this.length == 0) + return $this; + + if (this.length > 1) { + + for (var i=0; i < this.length; i++) + $(this[i])._slider(options); + + return $this; + + } + + // Vars. + var current = 0, pos = 0, lastPos = 0, + slides = [], + $slides = $this.children('article'), + intervalId, + isLocked = false, + i = 0; + + // Functions. + $this._switchTo = function(x, stop) { + + // Handle lock. + if (isLocked || pos == x) + return; + + isLocked = true; + + // Stop? + if (stop) + window.clearInterval(intervalId); + + // Update positions. + lastPos = pos; + pos = x; + + // Hide last slide. + slides[lastPos].removeClass('visible'); + + // Finish hiding last slide after a short delay. + window.setTimeout(function() { + + // Hide last slide (display). + slides[lastPos].hide(); + + // Show new slide (display). + slides[pos].show(); + + // Show new new slide. + window.setTimeout(function() { + slides[pos].addClass('visible'); + }, 25); + + // Unlock after sort delay. + window.setTimeout(function() { + isLocked = false; + }, options.speed); + + }, options.speed); + + }; + + // Slides. + $slides + .each(function() { + + var $slide = $(this); + + // Add to slides. + slides.push($slide); + + // Hide. + $slide.hide(); + + i++; + + }); + + // Nav. + $this + .on('click', '.next', function(event) { + + // Prevent default. + event.preventDefault(); + event.stopPropagation(); + + // Increment. + current++; + + if (current >= slides.length) + current = 0; + + // Switch. + $this._switchTo(current); + + }) + .on('click', '.previous', function(event) { + + // Prevent default. + event.preventDefault(); + event.stopPropagation(); + + // Decrement. + current--; + + if (current < 0) + current = slides.length - 1; + + // Switch. + $this._switchTo(current); + + }); + + // Initial slide. + slides[pos] + .show() + .addClass('visible'); + + // Bail if we only have a single slide. + if (slides.length == 1) + return; + + }; + + // Breakpoints. + breakpoints({ + xlarge: [ '1281px', '1680px' ], + large: [ '981px', '1280px' ], + medium: [ '737px', '980px' ], + small: [ '481px', '736px' ], + xsmall: [ null, '480px' ] + }); + + // Play initial animations on page load. + $window.on('load', function() { + window.setTimeout(function() { + $body.removeClass('is-preload'); + }, 100); + }); + + // Menu. + $('#menu') + .append('') + .appendTo($body) + .panel({ + delay: 500, + hideOnClick: true, + hideOnSwipe: true, + resetScroll: true, + resetForms: true, + side: 'right' + }); + + // Header. + if ($banner.length > 0 && $header.hasClass('alt')) { + + $window.on('resize', function() { $window.trigger('scroll'); }); + + $banner.scrollex({ + bottom: $header.outerHeight(), + terminate: function() { $header.removeClass('alt'); }, + enter: function() { $header.addClass('alt'); }, + leave: function() { $header.removeClass('alt'); } + }); + + } + + // Images. + $('.image[data-position]').each(function() { + + var $this = $(this), + $img = $this.children('img'); + + // Polyfill object-fit. + if (!browser.canUse('object-fit')) { + + // Apply img as background. + $this + .css('background-image', 'url("' + $img.attr('src') + '")') + .css('background-position', $this.data('position')) + .css('background-size', 'cover') + .css('background-repeat', 'no-repeat'); + + // Hide img. + $img + .css('opacity', '0'); + + return; + + } + + }); + + // Scrolly. + $('.scrolly').scrolly({ + offset: function() { + return $header.outerHeight() - 2; + } + }); + + $('.scrolly-middle').scrolly({ + anchor: 'middle', + offset: function() { + return $header.outerHeight() - 2; + } + }); + + // Spotlights. + $('.spotlight').scrollex({ + top: '30vh', + bottom: '30vh', + delay: 25, + initialize: function() { + $(this).addClass('is-inactive'); + }, + terminate: function() { + $(this).removeClass('is-inactive'); + }, + enter: function() { + $(this).removeClass('is-inactive'); + } + }); + + // Carousels. + $('.carousel') + ._carousel(settings.carousel); + +})(jQuery); \ No newline at end of file diff --git a/assets/js/util.js b/assets/js/util.js new file mode 100644 index 0000000..bdb8e9f --- /dev/null +++ b/assets/js/util.js @@ -0,0 +1,587 @@ +(function($) { + + /** + * Generate an indented list of links from a nav. Meant for use with panel(). + * @return {jQuery} jQuery object. + */ + $.fn.navList = function() { + + var $this = $(this); + $a = $this.find('a'), + b = []; + + $a.each(function() { + + var $this = $(this), + indent = Math.max(0, $this.parents('li').length - 1), + href = $this.attr('href'), + target = $this.attr('target'); + + b.push( + '' + + '' + + $this.text() + + '' + ); + + }); + + return b.join(''); + + }; + + /** + * Panel-ify an element. + * @param {object} userConfig User config. + * @return {jQuery} jQuery object. + */ + $.fn.panel = function(userConfig) { + + // No elements? + if (this.length == 0) + return $this; + + // Multiple elements? + if (this.length > 1) { + + for (var i=0; i < this.length; i++) + $(this[i]).panel(userConfig); + + return $this; + + } + + // Vars. + var $this = $(this), + $body = $('body'), + $window = $(window), + id = $this.attr('id'), + config; + + // Config. + config = $.extend({ + + // Delay. + delay: 0, + + // Hide panel on link click. + hideOnClick: false, + + // Hide panel on escape keypress. + hideOnEscape: false, + + // Hide panel on swipe. + hideOnSwipe: false, + + // Reset scroll position on hide. + resetScroll: false, + + // Reset forms on hide. + resetForms: false, + + // Side of viewport the panel will appear. + side: null, + + // Target element for "class". + target: $this, + + // Class to toggle. + visibleClass: 'visible' + + }, userConfig); + + // Expand "target" if it's not a jQuery object already. + if (typeof config.target != 'jQuery') + config.target = $(config.target); + + // Panel. + + // Methods. + $this._hide = function(event) { + + // Already hidden? Bail. + if (!config.target.hasClass(config.visibleClass)) + return; + + // If an event was provided, cancel it. + if (event) { + + event.preventDefault(); + event.stopPropagation(); + + } + + // Hide. + config.target.removeClass(config.visibleClass); + + // Post-hide stuff. + window.setTimeout(function() { + + // Reset scroll position. + if (config.resetScroll) + $this.scrollTop(0); + + // Reset forms. + if (config.resetForms) + $this.find('form').each(function() { + this.reset(); + }); + + }, config.delay); + + }; + + // Vendor fixes. + $this + .css('-ms-overflow-style', '-ms-autohiding-scrollbar') + .css('-webkit-overflow-scrolling', 'touch'); + + // Hide on click. + if (config.hideOnClick) { + + $this.find('a') + .css('-webkit-tap-highlight-color', 'rgba(0,0,0,0)'); + + $this + .on('click', 'a', function(event) { + + var $a = $(this), + href = $a.attr('href'), + target = $a.attr('target'); + + if (!href || href == '#' || href == '' || href == '#' + id) + return; + + // Cancel original event. + event.preventDefault(); + event.stopPropagation(); + + // Hide panel. + $this._hide(); + + // Redirect to href. + window.setTimeout(function() { + + if (target == '_blank') + window.open(href); + else + window.location.href = href; + + }, config.delay + 10); + + }); + + } + + // Event: Touch stuff. + $this.on('touchstart', function(event) { + + $this.touchPosX = event.originalEvent.touches[0].pageX; + $this.touchPosY = event.originalEvent.touches[0].pageY; + + }) + + $this.on('touchmove', function(event) { + + if ($this.touchPosX === null + || $this.touchPosY === null) + return; + + var diffX = $this.touchPosX - event.originalEvent.touches[0].pageX, + diffY = $this.touchPosY - event.originalEvent.touches[0].pageY, + th = $this.outerHeight(), + ts = ($this.get(0).scrollHeight - $this.scrollTop()); + + // Hide on swipe? + if (config.hideOnSwipe) { + + var result = false, + boundary = 20, + delta = 50; + + switch (config.side) { + + case 'left': + result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX > delta); + break; + + case 'right': + result = (diffY < boundary && diffY > (-1 * boundary)) && (diffX < (-1 * delta)); + break; + + case 'top': + result = (diffX < boundary && diffX > (-1 * boundary)) && (diffY > delta); + break; + + case 'bottom': + result = (diffX < boundary && diffX > (-1 * boundary)) && (diffY < (-1 * delta)); + break; + + default: + break; + + } + + if (result) { + + $this.touchPosX = null; + $this.touchPosY = null; + $this._hide(); + + return false; + + } + + } + + // Prevent vertical scrolling past the top or bottom. + if (($this.scrollTop() < 0 && diffY < 0) + || (ts > (th - 2) && ts < (th + 2) && diffY > 0)) { + + event.preventDefault(); + event.stopPropagation(); + + } + + }); + + // Event: Prevent certain events inside the panel from bubbling. + $this.on('click touchend touchstart touchmove', function(event) { + event.stopPropagation(); + }); + + // Event: Hide panel if a child anchor tag pointing to its ID is clicked. + $this.on('click', 'a[href="#' + id + '"]', function(event) { + + event.preventDefault(); + event.stopPropagation(); + + config.target.removeClass(config.visibleClass); + + }); + + // Body. + + // Event: Hide panel on body click/tap. + $body.on('click touchend', function(event) { + $this._hide(event); + }); + + // Event: Toggle. + $body.on('click', 'a[href="#' + id + '"]', function(event) { + + event.preventDefault(); + event.stopPropagation(); + + config.target.toggleClass(config.visibleClass); + + }); + + // Window. + + // Event: Hide on ESC. + if (config.hideOnEscape) + $window.on('keydown', function(event) { + + if (event.keyCode == 27) + $this._hide(event); + + }); + + return $this; + + }; + + /** + * Apply "placeholder" attribute polyfill to one or more forms. + * @return {jQuery} jQuery object. + */ + $.fn.placeholder = function() { + + // Browser natively supports placeholders? Bail. + if (typeof (document.createElement('input')).placeholder != 'undefined') + return $(this); + + // No elements? + if (this.length == 0) + return $this; + + // Multiple elements? + if (this.length > 1) { + + for (var i=0; i < this.length; i++) + $(this[i]).placeholder(); + + return $this; + + } + + // Vars. + var $this = $(this); + + // Text, TextArea. + $this.find('input[type=text],textarea') + .each(function() { + + var i = $(this); + + if (i.val() == '' + || i.val() == i.attr('placeholder')) + i + .addClass('polyfill-placeholder') + .val(i.attr('placeholder')); + + }) + .on('blur', function() { + + var i = $(this); + + if (i.attr('name').match(/-polyfill-field$/)) + return; + + if (i.val() == '') + i + .addClass('polyfill-placeholder') + .val(i.attr('placeholder')); + + }) + .on('focus', function() { + + var i = $(this); + + if (i.attr('name').match(/-polyfill-field$/)) + return; + + if (i.val() == i.attr('placeholder')) + i + .removeClass('polyfill-placeholder') + .val(''); + + }); + + // Password. + $this.find('input[type=password]') + .each(function() { + + var i = $(this); + var x = $( + $('
') + .append(i.clone()) + .remove() + .html() + .replace(/type="password"/i, 'type="text"') + .replace(/type=password/i, 'type=text') + ); + + if (i.attr('id') != '') + x.attr('id', i.attr('id') + '-polyfill-field'); + + if (i.attr('name') != '') + x.attr('name', i.attr('name') + '-polyfill-field'); + + x.addClass('polyfill-placeholder') + .val(x.attr('placeholder')).insertAfter(i); + + if (i.val() == '') + i.hide(); + else + x.hide(); + + i + .on('blur', function(event) { + + event.preventDefault(); + + var x = i.parent().find('input[name=' + i.attr('name') + '-polyfill-field]'); + + if (i.val() == '') { + + i.hide(); + x.show(); + + } + + }); + + x + .on('focus', function(event) { + + event.preventDefault(); + + var i = x.parent().find('input[name=' + x.attr('name').replace('-polyfill-field', '') + ']'); + + x.hide(); + + i + .show() + .focus(); + + }) + .on('keypress', function(event) { + + event.preventDefault(); + x.val(''); + + }); + + }); + + // Events. + $this + .on('submit', function() { + + $this.find('input[type=text],input[type=password],textarea') + .each(function(event) { + + var i = $(this); + + if (i.attr('name').match(/-polyfill-field$/)) + i.attr('name', ''); + + if (i.val() == i.attr('placeholder')) { + + i.removeClass('polyfill-placeholder'); + i.val(''); + + } + + }); + + }) + .on('reset', function(event) { + + event.preventDefault(); + + $this.find('select') + .val($('option:first').val()); + + $this.find('input,textarea') + .each(function() { + + var i = $(this), + x; + + i.removeClass('polyfill-placeholder'); + + switch (this.type) { + + case 'submit': + case 'reset': + break; + + case 'password': + i.val(i.attr('defaultValue')); + + x = i.parent().find('input[name=' + i.attr('name') + '-polyfill-field]'); + + if (i.val() == '') { + i.hide(); + x.show(); + } + else { + i.show(); + x.hide(); + } + + break; + + case 'checkbox': + case 'radio': + i.attr('checked', i.attr('defaultValue')); + break; + + case 'text': + case 'textarea': + i.val(i.attr('defaultValue')); + + if (i.val() == '') { + i.addClass('polyfill-placeholder'); + i.val(i.attr('placeholder')); + } + + break; + + default: + i.val(i.attr('defaultValue')); + break; + + } + }); + + }); + + return $this; + + }; + + /** + * Moves elements to/from the first positions of their respective parents. + * @param {jQuery} $elements Elements (or selector) to move. + * @param {bool} condition If true, moves elements to the top. Otherwise, moves elements back to their original locations. + */ + $.prioritize = function($elements, condition) { + + var key = '__prioritize'; + + // Expand $elements if it's not already a jQuery object. + if (typeof $elements != 'jQuery') + $elements = $($elements); + + // Step through elements. + $elements.each(function() { + + var $e = $(this), $p, + $parent = $e.parent(); + + // No parent? Bail. + if ($parent.length == 0) + return; + + // Not moved? Move it. + if (!$e.data(key)) { + + // Condition is false? Bail. + if (!condition) + return; + + // Get placeholder (which will serve as our point of reference for when this element needs to move back). + $p = $e.prev(); + + // Couldn't find anything? Means this element's already at the top, so bail. + if ($p.length == 0) + return; + + // Move element to top of parent. + $e.prependTo($parent); + + // Mark element as moved. + $e.data(key, $p); + + } + + // Moved already? + else { + + // Condition is true? Bail. + if (condition) + return; + + $p = $e.data(key); + + // Move element back to its original location (using our placeholder). + $e.insertAfter($p); + + // Unmark element as moved. + $e.removeData(key); + + } + + }); + + }; + +})(jQuery); \ No newline at end of file diff --git a/assets/sass/base/_page.scss b/assets/sass/base/_page.scss new file mode 100644 index 0000000..0208f0f --- /dev/null +++ b/assets/sass/base/_page.scss @@ -0,0 +1,47 @@ +/// +/// Cascade by Pixelarity +/// pixelarity.com | hello@pixelarity.com +/// License: pixelarity.com/license +/// + +/* Basic */ + + // MSIE: Required for IEMobile. + @-ms-viewport { + width: device-width; + } + + // MSIE: Prevents scrollbar from overlapping content. + body { + -ms-overflow-style: scrollbar; + } + + // Ensures page width is always >=320px. + @include breakpoint('<=xsmall') { + html, body { + min-width: 320px; + } + } + + // Set box model to border-box. + // Based on css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice + html { + box-sizing: border-box; + } + + *, *:before, *:after { + box-sizing: inherit; + } + + body { + background: _palette(bg); + + // Stops initial animations until page loads. + &.is-preload { + *, *:before, *:after { + @include vendor('animation', 'none !important'); + @include vendor('transition', 'none !important'); + } + } + + } \ No newline at end of file diff --git a/assets/sass/base/_reset.scss b/assets/sass/base/_reset.scss new file mode 100644 index 0000000..07903db --- /dev/null +++ b/assets/sass/base/_reset.scss @@ -0,0 +1,76 @@ +/// +/// Cascade by Pixelarity +/// pixelarity.com | hello@pixelarity.com +/// License: pixelarity.com/license +/// + +// Reset. +// Based on meyerweb.com/eric/tools/css/reset (v2.0 | 20110126 | License: public domain) + + html, body, div, span, applet, object, + iframe, h1, h2, h3, h4, h5, h6, p, blockquote, + pre, a, abbr, acronym, address, big, cite, + code, del, dfn, em, img, ins, kbd, q, s, samp, + small, strike, strong, sub, sup, tt, var, b, + u, i, center, dl, dt, dd, ol, ul, li, fieldset, + form, label, legend, table, caption, tbody, + tfoot, thead, tr, th, td, article, aside, + canvas, details, embed, figure, figcaption, + footer, header, hgroup, menu, nav, output, ruby, + section, summary, time, mark, audio, video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; + } + + article, aside, details, figcaption, figure, + footer, header, hgroup, menu, nav, section { + display: block; + } + + body { + line-height: 1; + } + + ol, ul { + list-style: none; + } + + blockquote, q { + quotes: none; + + &:before, + &:after { + content: ''; + content: none; + } + } + + table { + border-collapse: collapse; + border-spacing: 0; + } + + body { + -webkit-text-size-adjust: none; + } + + mark { + background-color: transparent; + color: inherit; + } + + input::-moz-focus-inner { + border: 0; + padding: 0; + } + + input, select, textarea { + -moz-appearance: none; + -webkit-appearance: none; + -ms-appearance: none; + appearance: none; + } \ No newline at end of file diff --git a/assets/sass/base/_typography.scss b/assets/sass/base/_typography.scss new file mode 100644 index 0000000..9777772 --- /dev/null +++ b/assets/sass/base/_typography.scss @@ -0,0 +1,238 @@ +/// +/// Cascade by Pixelarity +/// pixelarity.com | hello@pixelarity.com +/// License: pixelarity.com/license +/// + +/* Type */ + + html { + font-size: 14pt; + + @include breakpoint('<=xlarge') { + font-size: 11pt; + } + + @include breakpoint('<=medium') { + font-size: 12pt; + } + + @include breakpoint('<=small') { + font-size: 11pt; + } + } + + body { + background-color: _palette(bg); + color: _palette(fg); + } + + body, input, select, textarea { + font-family: _font(family); + font-weight: _font(weight); + font-size: 1rem; + line-height: 2; + } + + a { + @include vendor('transition', 'color #{_duration(transition)}'); + text-decoration: underline; + + &:active, &:focus, &:hover { + text-decoration: none; + } + } + + strong, b { + font-weight: _font(weight-bold); + } + + em, i { + font-style: italic; + } + + p { + margin: 0 0 _size(element-margin) 0; + } + + h1, h2, h3, h4, h5, h6 { + font-weight: _font(weight-light); + line-height: 1.4; + margin: 0 0 (_size(element-margin) * 0.6) 0; + + a { + color: inherit; + text-decoration: none; + } + } + + h1 { + font-size: 4rem; + font-style: italic; + text-transform: uppercase; + letter-spacing: _font(kerning-heading); + + @include breakpoint('<=large') { + font-size: 3rem; + } + + @include breakpoint('<=medium') { + font-size: 2.75rem; + } + + @include breakpoint('<=small') { + font-size: 2.25rem; + } + } + + h2 { + font-size: 3.5rem; + font-style: italic; + text-transform: uppercase; + letter-spacing: _font(kerning-heading); + + @include breakpoint('<=large') { + font-size: 2.75rem; + } + + @include breakpoint('<=medium') { + font-size: 2.25rem; + } + + @include breakpoint('<=small') { + font-size: 1.75rem; + } + } + + h3 { + font-size: 2.15rem; + + @include breakpoint('<=medium') { + font-size: 2rem; + } + + @include breakpoint('<=small') { + font-size: 1.8rem; + } + } + + h4 { + font-size: 1.5rem; + } + + h5 { + font-size: 1rem; + } + + h6 { + font-size: 0.8rem; + } + + sub { + font-size: 0.8rem; + position: relative; + top: 0.5rem; + } + + sup { + font-size: 0.8rem; + position: relative; + top: -0.5rem; + } + + blockquote { + border-left: solid 12px; + font-style: italic; + margin: 0 0 _size(element-margin) 0; + padding: (_size(element-margin) / 4) 0 (_size(element-margin) / 4) _size(element-margin); + } + + code { + border-radius: _size(border-radius); + border: solid 1px; + font-family: _font(family-fixed); + font-size: 0.9rem; + margin: 0 0.25rem; + padding: 0.25rem 0.65rem; + } + + pre { + -webkit-overflow-scrolling: touch; + font-family: _font(family-fixed); + font-size: 0.9rem; + margin: 0 0 _size(element-margin) 0; + + code { + display: block; + line-height: 1.75; + padding: 1rem 1.5rem; + overflow-x: auto; + } + } + + hr { + border: 0; + border-bottom: solid 1px; + margin: _size(element-margin) 0; + + &.major { + margin: (_size(element-margin) * 1.5) 0; + } + } + + .align-left { + text-align: left; + } + + .align-center { + text-align: center; + } + + .align-right { + text-align: right; + } + + @mixin color-typography($p: null) { + $highlight: _palette($p, highlight); + + @if $p != null { + background-color: _palette($p, bg); + color: _palette($p, fg); + } + + input, select, textarea { + color: _palette($p, fg-bold); + } + + a { + @if $p == $highlight { + color: _palette($p, fg-bold); + } + @else { + color: _palette(accent1, bg); + } + } + + strong, b { + color: _palette($p, fg-bold); + } + + h1, h2, h3, h4, h5, h6 { + color: _palette($p, fg-bold); + } + + blockquote { + border-left-color: _palette($p, border); + } + + code { + background: _palette($p, border-bg); + border-color: _palette($p, border); + } + + hr { + border-bottom-color: _palette($p, border); + } + } + + @include color-typography; \ No newline at end of file diff --git a/assets/sass/components/_actions.scss b/assets/sass/components/_actions.scss new file mode 100644 index 0000000..ac6d05c --- /dev/null +++ b/assets/sass/components/_actions.scss @@ -0,0 +1,95 @@ +/* Actions */ + + ul.actions { + @include vendor('display', 'flex'); + cursor: default; + list-style: none; + margin-left: (_size(element-margin) * -0.5); + padding-left: 0; + + li { + padding: 0 0 0 (_size(element-margin) * 0.5); + vertical-align: middle; + } + + &.special { + @include vendor('justify-content', 'center'); + width: 100%; + margin-left: 0; + + li { + &:first-child { + padding-left: 0; + } + } + } + + &.stacked { + @include vendor('flex-direction', 'column'); + margin-left: 0; + + li { + padding: (_size(element-margin) * 0.65) 0 0 0; + + &:first-child { + padding-top: 0; + } + } + } + + &.fit { + width: calc(100% + #{_size(element-margin) * 0.5}); + + li { + @include vendor('flex-grow', '1'); + @include vendor('flex-shrink', '1'); + width: 100%; + + > * { + width: 100%; + } + } + + &.stacked { + width: 100%; + } + } + + @include breakpoint('<=xsmall') { + &:not(.fixed) { + @include vendor('flex-direction', 'column'); + margin-left: 0; + width: 100% !important; + + li { + @include vendor('flex-grow', '1'); + @include vendor('flex-shrink', '1'); + padding: (_size(element-margin) * 0.5) 0 0 0; + text-align: center; + width: 100%; + + > * { + width: 100%; + } + + &:first-child { + padding-top: 0; + } + + input[type="submit"], + input[type="reset"], + input[type="button"], + button, + .button { + width: 100%; + + &.icon { + &:before { + margin-left: -0.5rem; + } + } + } + } + } + } + } \ No newline at end of file diff --git a/assets/sass/components/_box.scss b/assets/sass/components/_box.scss new file mode 100644 index 0000000..a705c0c --- /dev/null +++ b/assets/sass/components/_box.scss @@ -0,0 +1,34 @@ +/// +/// Cascade by Pixelarity +/// pixelarity.com | hello@pixelarity.com +/// License: pixelarity.com/license +/// + +/* Box */ + + .box { + border-radius: _size(border-radius); + border: solid 1px; + margin-bottom: _size(element-margin); + padding: 1.5rem; + + > :last-child, + > :last-child > :last-child, + > :last-child > :last-child > :last-child { + margin-bottom: 0; + } + + &.alt { + border: 0; + border-radius: 0; + padding: 0; + } + } + + @mixin color-box($p: null) { + .box { + border-color: _palette($p, border); + } + } + + @include color-box; \ No newline at end of file diff --git a/assets/sass/components/_button.scss b/assets/sass/components/_button.scss new file mode 100644 index 0000000..38f9423 --- /dev/null +++ b/assets/sass/components/_button.scss @@ -0,0 +1,144 @@ +/// +/// Cascade by Pixelarity +/// pixelarity.com | hello@pixelarity.com +/// License: pixelarity.com/license +/// + +/* Button */ + + input[type="submit"], + input[type="reset"], + input[type="button"], + button, + .button { + @include vendor('appearance', 'none'); + @include vendor('transition', 'background-color #{_duration(transition)} ease-in-out, color #{_duration(transition)} ease-in-out'); + border-radius: _size(border-radius); + border: 0; + cursor: pointer; + display: inline-block; + font-weight: _font(weight-bold); + font-size: 0.85rem; + height: 3rem; + letter-spacing: 0.04rem; + line-height: 3rem; + padding: 0 2.5em; + text-align: center; + text-decoration: none; + text-transform: uppercase; + white-space: nowrap; + + &.icon { + &:before { + margin-right: 0.5rem; + } + } + + &.fit { + width: 100%; + } + + &.small { + font-size: 0.7rem; + height: 2.2rem; + line-height: 2.2rem; + } + + &.large { + font-size: 1.1rem; + height: 4.25rem; + line-height: 4.25rem; + } + + &.wide { + min-width: 15em; + } + + &.disabled, + &:disabled { + @include vendor('pointer-events', 'none'); + opacity: 0.25; + } + + @each $accent in ('accent1', 'accent2', 'accent3', 'accent4') { + &.primary.#{$accent} { + background-color: _palette($accent, bg) !important; + color: _palette($accent, fg-bold) !important; + + &:hover, &:focus { + background-color: lighten(_palette($accent, bg), 5) !important; + } + + &:active { + background-color: darken(_palette($accent, bg), 5) !important; + } + } + } + + @include breakpoint('<=xsmall') { + padding: 0; + } + } + + @mixin color-button($p: null) { + $highlight: _palette($p, highlight); + + input[type="submit"], + input[type="reset"], + input[type="button"], + button, + .button { + background-color: transparent; + box-shadow: inset 0 0 0 3px _palette($p, border); + color: _palette($p, fg-bold); + + &:hover, &:focus { + background-color: _palette($p, border-bg); + } + + &:active { + background-color: opacify(_palette($p, border-bg), 0.1); + } + + &.icon { + &:before { + color: _palette($p, fg-light); + } + } + + &.primary { + box-shadow: none; + + @if $p == $highlight { + background-color: _palette($p, fg-bold); + color: _palette($p, bg); + + &.icon { + &:before { + color: _palette($p, bg); + } + } + } + @else { + background-color: _palette($highlight, bg); + color: _palette($highlight, fg-bold); + + &.icon { + &:before { + color: _palette($highlight, fg-bold); + } + } + + &:hover, &:focus { + background-color: lighten(_palette($highlight, bg), 5); + } + + &:active { + background-color: darken(_palette($highlight, bg), 5); + } + } + } + } + } + + @include color-button; \ No newline at end of file diff --git a/assets/sass/components/_carousel.scss b/assets/sass/components/_carousel.scss new file mode 100644 index 0000000..3ea48d6 --- /dev/null +++ b/assets/sass/components/_carousel.scss @@ -0,0 +1,173 @@ +/// +/// Cascade by Pixelarity +/// pixelarity.com | hello@pixelarity.com +/// License: pixelarity.com/license +/// + +/* Carousel */ + + .carousel { + position: relative; + margin: 0 0 _size(element-margin) 0; + + article { + @include vendor('transform', 'translateY(0.5em)'); + @include vendor('transition', 'all 0.35s ease-in-out'); + opacity: 0; + visibility: hidden; + margin: 0 auto; + background-color: _palette(bg); + border-radius: _size(border-radius); + box-shadow: 0 0.25rem 1rem rgba(#000, 0.1); + overflow: hidden; + + &.visible { + @include vendor('transform', 'translateY(0)'); + opacity: 1; + visibility: visible; + } + + .image { + display: block; + position: relative; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + height: 24rem; + overflow: hidden; + + img { + @include vendor('object-fit', 'cover'); + position: absolute; + top: 0; + left: 0; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + height: 100%; + width: 100%; + } + } + + .content { + @include padding(5rem, 5rem); + color: _palette(fg) !important; + text-align: center; + + h3 { + color: _palette(fg-bold) !important; + } + } + } + + nav { + a { + @include icon(false, solid); + @include vendor('transition', 'opacity #{_duration(transition)} ease-in-out'); + height: 100%; + opacity: 0.325; + position: absolute; + top: 0; + width: 8rem; + color: _palette(bg) !important; + + .label { + display: none; + } + + &:before { + display: block; + font-size: 5em; + height: 2em; + left: 50%; + line-height: 2em; + margin: -1em 0 0 -1em; + position: absolute; + text-align: center; + top: 50%; + width: 2em; + } + + &.previous { + left: -8rem; + + &:before { + content: '\f104'; + } + } + + &.next { + right: -8rem; + + &:before { + content: '\f105'; + } + } + + &:hover { + opacity: 1; + } + } + } + + @include breakpoint('<=large') { + article { + width: calc(100% - 4rem); + + .image { + height: 20rem; + } + + .content { + @include padding(4rem, 4rem); + + br { + display: none; + } + } + } + + nav { + a { + width: 5rem; + + &:before { + font-size: 4rem; + } + + &.previous { + left: -3rem; + } + + &.next { + right: -3rem; + } + } + } + } + + @include breakpoint('<=small') { + article { + @include vendor('transform', 'translateY(0)'); + display: block !important; + opacity: 1; + visibility: visible; + width: 100%; + margin: 2em auto 0 auto; + + &:first-child { + margin-top: 0; + } + + .image { + height: 15rem; + } + + .content { + @include padding(2rem, 1.5rem); + } + } + + nav { + display: none; + } + } + } \ No newline at end of file diff --git a/assets/sass/components/_contact-icons.scss b/assets/sass/components/_contact-icons.scss new file mode 100644 index 0000000..9f791d3 --- /dev/null +++ b/assets/sass/components/_contact-icons.scss @@ -0,0 +1,19 @@ +/// +/// Cascade by Pixelarity +/// pixelarity.com | hello@pixelarity.com +/// License: pixelarity.com/license +/// + +/* Contact Icons */ + + ul.contact-icons { + list-style: none; + padding-left: 0; + + li { + &:before { + padding-left: 0; + margin-right: 1rem; + } + } + } \ No newline at end of file diff --git a/assets/sass/components/_form.scss b/assets/sass/components/_form.scss new file mode 100644 index 0000000..e793d12 --- /dev/null +++ b/assets/sass/components/_form.scss @@ -0,0 +1,323 @@ +/// +/// Cascade by Pixelarity +/// pixelarity.com | hello@pixelarity.com +/// License: pixelarity.com/license +/// + +/* Form */ + + form { + margin: 0 0 _size(element-margin) 0; + + header.major + & { + margin-top: -1.5rem; + } + + &.combined { + @include vendor('display', 'flex'); + @include vendor('flex-direction', 'row'); + margin-left: auto; + margin-right: auto; + max-width: 100%; + position: relative; + width: 30rem; + + input[type="text"], + input[type="password"], + input[type="email"], + select, + textarea { + @include vendor('flex-grow', '1'); + @include vendor('flex-shrink', '1'); + border-bottom-right-radius: 0; + border-top-right-radius: 0; + } + + input[type="submit"] { + @include vendor('flex-grow', '0'); + @include vendor('flex-shrink', '0'); + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + } + + @include breakpoint('<=xsmall') { + &.combined { + @include vendor('flex-direction', 'column'); + + input[type="text"], + input[type="password"], + input[type="email"], + select, + textarea { + border-radius: _size(border-radius); + margin: 0 0 1em 0; + } + + input[type="submit"] { + border-radius: _size(border-radius); + } + } + } + } + + label { + display: block; + font-size: 0.9rem; + font-weight: _font(weight-bold); + margin: 0 0 (_size(element-margin) * 0.5) 0; + } + + input[type="text"], + input[type="password"], + input[type="email"], + select, + textarea { + @include vendor('appearance', 'none'); + border-radius: _size(border-radius); + border: solid 1px; + color: inherit; + display: block; + outline: 0; + padding: 0 1rem; + text-decoration: none; + width: 100%; + + &:invalid { + box-shadow: none; + } + } + + select { + background-size: 1.25rem; + background-repeat: no-repeat; + background-position: calc(100% - 1rem) center; + height: _size(element-height); + padding-right: _size(element-height); + text-overflow: ellipsis; + + &:focus { + &::-ms-value { + background-color: transparent; + } + } + + &::-ms-expand { + display: none; + } + } + + input[type="text"], + input[type="password"], + input[type="email"], + select { + height: _size(element-height); + } + + textarea { + padding: 0.75rem 1rem; + } + + input[type="text"], + input[type="password"], + input[type="email"], + select, + textarea { + @each $accent in ('accent1', 'accent2', 'accent3', 'accent4') { + &.#{$accent}:focus { + border-color: _palette($accent, bg) !important; + } + } + } + + input[type="checkbox"], + input[type="radio"], { + @include vendor('appearance', 'none'); + display: block; + float: left; + margin-right: -2rem; + opacity: 0; + width: 1rem; + z-index: -1; + + & + label { + @include icon(false, solid); + cursor: pointer; + display: inline-block; + font-size: 1rem; + font-weight: _font(weight); + padding-left: (_size(element-height) * 0.6) + 0.75rem; + padding-right: 0.75rem; + position: relative; + + &:before { + border-radius: _size(border-radius); + border: solid 1px; + content: ''; + display: inline-block; + font-size: 0.8rem; + height: (_size(element-height) * 0.6); + left: 0; + line-height: (_size(element-height) * 0.575); + position: absolute; + text-align: center; + top: 0; + width: (_size(element-height) * 0.6); + } + } + + &:checked + label { + &:before { + content: '\f00c'; + } + } + } + + input[type="checkbox"] { + & + label { + &:before { + border-radius: _size(border-radius); + } + } + } + + input[type="radio"] { + & + label { + &:before { + border-radius: 100%; + } + } + } + + ::-webkit-input-placeholder { + opacity: 1.0; + } + + :-moz-placeholder { + opacity: 1.0; + } + + ::-moz-placeholder { + opacity: 1.0; + } + + :-ms-input-placeholder { + opacity: 1.0; + } + + @mixin color-form($p: null) { + $highlight: _palette($p, highlight); + + label { + color: _palette($p, fg-bold); + } + + input[type="text"], + input[type="password"], + input[type="email"], + select, + textarea { + background-color: _palette($p, border-bg); + border-color: _palette($p, border); + + &:focus { + @if $p == $highlight { + border-color: _palette($p, fg-bold); + } + @else { + border-color: _palette(accent1, bg); + } + } + + &.alt { + background-color: _palette($p, fg-bold); + border-color: _palette($p, fg-bold); + color: _palette($p, bg); + + &:focus { + border-color: _palette($p, fg-light); + } + } + } + + select { + background-image: svg-url(""); + + option { + color: _palette($p, fg-bold); + background: _palette($p, bg); + } + } + + input[type="checkbox"], + input[type="radio"], { + & + label { + color: _palette($p, fg); + + &:before { + background: _palette($p, border-bg); + border-color: _palette($p, border); + } + } + + &:checked + label { + &:before { + @if $p == $highlight { + background-color: _palette($p, fg-bold); + border-color: _palette($p, fg-bold); + color: _palette($p, bg); + } + @else { + background-color: _palette(accent1, bg); + border-color: _palette(accent1, bg); + color: _palette(accent1, fg-bold); + } + } + } + + &:focus + label { + &:before { + @if $p == $highlight { + border-color: _palette($p, fg-bold); + } + @else { + border-color: _palette(accent1, bg); + } + } + } + } + + ::-webkit-input-placeholder { + color: _palette($p, fg-light) !important; + } + + .alt::-webkit-input-placeholder { + color: _palette(fg-light) !important; + } + + :-moz-placeholder { + color: _palette($p, fg-light) !important; + } + + .alt:-moz-placeholder { + color: _palette(fg-light) !important; + } + + ::-moz-placeholder { + color: _palette($p, fg-light) !important; + } + + .alt::-moz-placeholder { + color: _palette(fg-light) !important; + } + + :-ms-input-placeholder { + color: _palette($p, fg-light) !important; + } + + .alt:-ms-input-placeholder { + color: _palette(fg-light) !important; + } + } + + @include color-form; \ No newline at end of file diff --git a/assets/sass/components/_icon.scss b/assets/sass/components/_icon.scss new file mode 100644 index 0000000..c796d0d --- /dev/null +++ b/assets/sass/components/_icon.scss @@ -0,0 +1,29 @@ +/// +/// Cascade by Pixelarity +/// pixelarity.com | hello@pixelarity.com +/// License: pixelarity.com/license +/// + +/* Icon */ + + .icon { + @include icon; + border-bottom: none; + position: relative; + + &.solid { + &:before { + font-weight: 900; + } + } + + &.brands { + &:before { + font-family: 'Font Awesome 5 Brands'; + } + } + + > .label { + display: none; + } + } \ No newline at end of file diff --git a/assets/sass/components/_icons.scss b/assets/sass/components/_icons.scss new file mode 100644 index 0000000..88306cd --- /dev/null +++ b/assets/sass/components/_icons.scss @@ -0,0 +1,28 @@ +/// +/// Cascade by Pixelarity +/// pixelarity.com | hello@pixelarity.com +/// License: pixelarity.com/license +/// + +/* Icons */ + + ul.icons { + cursor: default; + list-style: none; + padding-left: 0; + + li { + display: inline-block; + padding: 0 1rem 0 0; + + &:last-child { + padding-right: 0; + } + + .icon { + &:before { + font-size: 2rem; + } + } + } + } \ No newline at end of file diff --git a/assets/sass/components/_image.scss b/assets/sass/components/_image.scss new file mode 100644 index 0000000..d3cb22c --- /dev/null +++ b/assets/sass/components/_image.scss @@ -0,0 +1,171 @@ +/// +/// Cascade by Pixelarity +/// pixelarity.com | hello@pixelarity.com +/// License: pixelarity.com/license +/// + +/* Image */ + + .image { + border-radius: _size(border-radius); + border: 0; + display: inline-block; + position: relative; + + &[data-position] { + img { + @include vendor('object-fit', 'cover'); + display: block; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + } + } + + &[data-position="top left"] { + img { + @include vendor('object-position', 'top left'); + } + } + + &[data-position="top"] { + img { + @include vendor('object-position', 'top'); + } + } + + &[data-position="top right"] { + img { + @include vendor('object-position', 'top right'); + } + } + + &[data-position="right"] { + img { + @include vendor('object-position', 'right'); + } + } + + &[data-position="bottom right"] { + img { + @include vendor('object-position', 'bottom right'); + } + } + + &[data-position="bottom"] { + img { + @include vendor('object-position', 'bottom'); + } + } + + &[data-position="bottom left"] { + img { + @include vendor('object-position', 'bottom left'); + } + } + + &[data-position="left"] { + img { + @include vendor('object-position', 'left'); + } + } + + &[data-position="center"] { + img { + @include vendor('object-position', 'center'); + } + } + + &[data-position="25% 25%"] { + img { + @include vendor('object-position', '25% 25%'); + } + } + + &[data-position="75% 25%"] { + img { + @include vendor('object-position', '75% 25%'); + } + } + + &[data-position="75% 75%"] { + img { + @include vendor('object-position', '75% 75%'); + } + } + + &[data-position="25% 75%"] { + img { + @include vendor('object-position', '25% 75%'); + } + } + + img { + border-radius: _size(border-radius); + display: block; + max-width: 100%; + } + + &.left, + &.right { + max-width: 40%; + + img { + width: 100%; + } + } + + &.left { + float: left; + margin: 0 1.5rem 1rem 0; + top: 0.25rem; + } + + &.right { + float: right; + margin: 0 0 1rem 1.5rem; + top: 0.25rem; + } + + &.fit { + display: block; + margin: 0 0 _size(element-margin) 0; + width: 100%; + + img { + width: 100%; + } + } + + &.main { + display: block; + margin: 0 0 (_size(element-margin) * 1.5) 0; + width: 100%; + + img { + width: 100%; + } + } + + @include breakpoint('<=small') { + &.main { + margin: 0 0 _size(element-margin) 0; + } + } + } + + a.image { + overflow: hidden; + + img { + @include vendor('transition', 'transform #{_duration(transition)} ease'); + } + + &:hover { + img { + @include vendor('transform', 'scale(1.05)'); + } + } + } \ No newline at end of file diff --git a/assets/sass/components/_list.scss b/assets/sass/components/_list.scss new file mode 100644 index 0000000..50eee21 --- /dev/null +++ b/assets/sass/components/_list.scss @@ -0,0 +1,68 @@ +/// +/// Cascade by Pixelarity +/// pixelarity.com | hello@pixelarity.com +/// License: pixelarity.com/license +/// + +/* List */ + + ol { + list-style: decimal; + margin: 0 0 _size(element-margin) 0; + padding-left: 1.25rem; + + li { + padding-left: 0.25rem; + } + } + + ul { + list-style: disc; + margin: 0 0 _size(element-margin) 0; + padding-left: 1rem; + + li { + padding-left: 0.5rem; + } + + &.alt { + list-style: none; + padding-left: 0; + + li { + border-top: solid 1px; + padding: 0.5rem 0; + + &:first-child { + border-top: 0; + padding-top: 0; + } + } + } + } + + dl { + margin: 0 0 _size(element-margin) 0; + + dt { + display: block; + font-weight: _font(weight-bold); + margin: 0 0 (_size(element-margin) * 0.5) 0; + } + + dd { + margin-left: _size(element-margin); + } + } + + @mixin color-list($p: null) { + ul { + &.alt { + li { + border-top-color: _palette($p, border); + } + } + } + } + + @include color-list; \ No newline at end of file diff --git a/assets/sass/components/_posts.scss b/assets/sass/components/_posts.scss new file mode 100644 index 0000000..1f5ace4 --- /dev/null +++ b/assets/sass/components/_posts.scss @@ -0,0 +1,62 @@ +/// +/// Cascade by Pixelarity +/// pixelarity.com | hello@pixelarity.com +/// License: pixelarity.com/license +/// + +/* Posts */ + + .posts { + @include fixed-grid(( + columns: 2, + gutters: 3rem + )); + margin-bottom: (_size(element-margin) * 1.5); + + article { + border-radius: _size(border-radius); + text-align: center; + } + + .image { + display: block; + width: 100%; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + + img { + width: 100%; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; + } + } + + .content { + @include padding(3rem, 3rem); + box-shadow: 0 0 1rem rgba(#000, 0.1); + } + + @include breakpoint('<=medium') { + @include fixed-grid-resize(( + columns: 1, + gutters: 3rem, + prev-columns: 2, + )); + + .content { + @include padding(2.5rem, 2rem); + } + } + + @include breakpoint('<=small') { + @include fixed-grid-resize(( + columns: 1, + gutters: 2rem, + prev-columns: 2, + )); + + .content { + @include padding(2rem, 1.5rem); + } + } + } diff --git a/assets/sass/components/_row.scss b/assets/sass/components/_row.scss new file mode 100644 index 0000000..8c5af40 --- /dev/null +++ b/assets/sass/components/_row.scss @@ -0,0 +1,31 @@ +/// +/// Cascade by Pixelarity +/// pixelarity.com | hello@pixelarity.com +/// License: pixelarity.com/license +/// + +/* Row */ + + .row { + @include html-grid(1.5rem); + + @include breakpoint('<=xlarge') { + @include html-grid(1.5rem, 'xlarge'); + } + + @include breakpoint('<=large') { + @include html-grid(1.5rem, 'large'); + } + + @include breakpoint('<=medium') { + @include html-grid(1.5rem, 'medium'); + } + + @include breakpoint('<=small') { + @include html-grid(1.25rem, 'small'); + } + + @include breakpoint('<=xsmall') { + @include html-grid(1.25rem, 'xsmall'); + } + } \ No newline at end of file diff --git a/assets/sass/components/_section.scss b/assets/sass/components/_section.scss new file mode 100644 index 0000000..65cbc0f --- /dev/null +++ b/assets/sass/components/_section.scss @@ -0,0 +1,73 @@ +/// +/// Cascade by Pixelarity +/// pixelarity.com | hello@pixelarity.com +/// License: pixelarity.com/license +/// + +/* Section/Article */ + + section, article { + &.special { + text-align: center; + } + } + + header { + p { + max-width: 50rem; + position: relative; + margin-left: auto; + margin-right: auto; + } + + h1 + p, + h2 + p, + h3 + p { + margin-top: (_size(element-margin) * -0.55); + } + + h4 + p, + h5 + p, + h6 + p { + font-size: 0.9rem; + margin-top: (_size(element-margin) * -0.3); + } + + &.major { + margin-bottom: 5rem; + text-align: center; + + h1, h2 { + &:after { + background-color: currentColor; + content: ''; + display: block; + height: 3px; + margin: 1.5rem auto; + width: 4rem; + } + } + + p { + margin-top: 0; + } + + @include breakpoint('<=large') { + margin-bottom: 3.5rem; + } + + @include breakpoint('<=small') { + margin-bottom: 2rem; + } + } + } + + @mixin color-section($p: null) { + header { + p { + color: _palette($p, fg-light); + } + } + } + + @include color-section; \ No newline at end of file diff --git a/assets/sass/components/_spotlights.scss b/assets/sass/components/_spotlights.scss new file mode 100644 index 0000000..ce21a57 --- /dev/null +++ b/assets/sass/components/_spotlights.scss @@ -0,0 +1,191 @@ +/// +/// Cascade by Pixelarity +/// pixelarity.com | hello@pixelarity.com +/// License: pixelarity.com/license +/// + +/* Spotlight */ + + .spotlight { + padding: 7rem 0; + position: relative; + + > .inner { + @include vendor('display', 'flex'); + @include vendor('align-items', 'center'); + @include vendor('justify-content', 'space-between'); + margin: 0 auto; + max-width: _size(container); + width: calc(100% - 4rem); + } + + h2 { + @include vendor('transition', ( + 'opacity 0.5s ease-out', + 'transform 0.5s ease-out' + )); + margin-bottom: 0; + } + + .image { + border-radius: 0; + height: 100%; + position: absolute; + top: 0; + width: 45%; + + img { + @include vendor('object-fit', 'cover'); + border-radius: 0; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + } + } + + .content { + @include padding(5rem, 5rem); + @include vendor('transition', ( + 'opacity 0.5s ease-out', + 'transform 0.5s ease-out' + )); + background-color: _palette(bg); + border-radius: _size(border-radius); + position: relative; + z-index: 1; + width: 55%; + } + + &.odd { + .image { + right: 0; + } + } + + &.even { + > .inner { + @include vendor('flex-direction', 'row-reverse'); + } + + .image { + left: 0; + } + } + + @each $accent in ('accent1', 'accent2', 'accent3', 'accent4') { + &.#{$accent} { + background-color: _palette($accent, bg); + + h2 { + color: _palette($accent, fg-bold); + } + } + } + + &.is-inactive { + h2 { + @include vendor('transform', 'translateY(-2rem)'); + opacity: 0; + } + + .content { + @include vendor('transform', 'translateY(2rem)'); + opacity: 0; + } + } + + @include breakpoint('<=large') { + padding: 5.5rem 0; + + > .inner { + @include vendor('justify-content', 'flex-start'); + } + + h2 { + padding: 0 3rem; + width: 40%; + text-align: center; + } + + .content { + @include padding(4rem, 4rem); + width: 45%; + } + } + + @include breakpoint('<=medium') { + padding: 0; + text-align: center; + + > .inner { + display: block; + max-width: none; + width: 100%; + } + + h2 { + padding: 2.5rem 2.5rem; + width: 100%; + + br { + display: none; + } + } + + ul.actions { + @include vendor('justify-content', 'center'); + width: 100%; + margin-left: 0; + + li { + &:first-child { + padding-left: 0; + } + } + } + + .image { + display: block; + height: 40vh; + min-height: 20rem; + width: 100%; + position: relative; + } + + .content { + @include padding(3rem, 2.5rem); + border-radius: 0; + width: 100%; + + h3 { + br { + display: none; + } + } + } + + &.is-inactive { + h2 { + @include vendor('transform', 'none'); + opacity: 0; + } + + .content { + @include vendor('transform', 'none'); + opacity: 0; + } + } + } + + @include breakpoint('<=small') { + h2 { + padding: 1.5rem; + } + + .content { + @include padding(2rem, 1.5rem); + } + } + } diff --git a/assets/sass/components/_table.scss b/assets/sass/components/_table.scss new file mode 100644 index 0000000..aa342cd --- /dev/null +++ b/assets/sass/components/_table.scss @@ -0,0 +1,114 @@ +/// +/// Cascade by Pixelarity +/// pixelarity.com | hello@pixelarity.com +/// License: pixelarity.com/license +/// + +/* Table */ + + .table-wrapper { + -webkit-overflow-scrolling: touch; + overflow-x: auto; + } + + table { + margin: 0 0 _size(element-margin) 0; + width: 100%; + + tbody { + tr { + border: solid 1px; + border-left: 0; + border-right: 0; + } + } + + td { + padding: 0.75rem 0.75rem; + } + + th { + font-size: 0.9rem; + font-weight: _font(weight-bold); + padding: 0 0.75rem 0.75rem 0.75rem; + text-align: left; + } + + thead { + border-bottom: solid 3px; + } + + tfoot { + border-top: solid 3px; + } + + &.alt { + border-collapse: separate; + + tbody { + tr { + td { + border: solid 1px; + border-left-width: 0; + border-top-width: 0; + + &:first-child { + border-left-width: 1px; + } + } + + &:first-child { + td { + border-top-width: 1px; + } + } + } + } + + thead { + border-bottom: 0; + } + + tfoot { + border-top: 0; + } + } + } + + @mixin color-table($p: null) { + table { + tbody { + tr { + border-color: _palette($p, border); + + &:nth-child(2n + 1) { + background-color: _palette($p, border-bg); + } + } + } + + th { + color: _palette($p, fg-bold); + } + + thead { + border-bottom-color: _palette($p, border); + } + + tfoot { + border-top-color: _palette($p, border); + } + + &.alt { + tbody { + tr { + td { + border-color: _palette($p, border); + } + } + } + } + } + } + + @include color-table; \ No newline at end of file diff --git a/assets/sass/components/_wrapper.scss b/assets/sass/components/_wrapper.scss new file mode 100644 index 0000000..404e792 --- /dev/null +++ b/assets/sass/components/_wrapper.scss @@ -0,0 +1,51 @@ +/// +/// Cascade by Pixelarity +/// pixelarity.com | hello@pixelarity.com +/// License: pixelarity.com/license +/// + +/* Wrapper */ + + .wrapper { + @include padding(6rem, 0); + position: relative; + overflow-x: hidden; + + > .inner { + margin: 0 auto; + max-width: _size(container); + width: calc(100% - 6rem); + } + + &.style1 { + @include color(accent1); + } + + &.style2 { + @include color(accent2); + } + + &.style3 { + @include color(accent3); + } + + &.style4 { + @include color(accent4); + } + + @include breakpoint('<=large') { + @include padding(5rem, 0); + } + + @include breakpoint('<=medium') { + @include padding(4rem, 0); + } + + @include breakpoint('<=small') { + @include padding(3rem, 0); + + > .inner { + width: calc(100% - 3rem); + } + } + } \ No newline at end of file diff --git a/assets/sass/layout/_banner.scss b/assets/sass/layout/_banner.scss new file mode 100644 index 0000000..8e2f824 --- /dev/null +++ b/assets/sass/layout/_banner.scss @@ -0,0 +1,93 @@ +/// +/// Cascade by Pixelarity +/// pixelarity.com | hello@pixelarity.com +/// License: pixelarity.com/license +/// + +/* Banner */ + + #banner { + @include padding(6rem, 8%); + @include vendor('align-items', 'center'); + @include vendor('display', 'flex'); + @include vendor('justify-content', 'center'); + @include color-typography(alt); + @include color-button(alt); + background-image: url('../../images/banner.jpg'); + background-position: center; + background-size: cover; + background-attachment: fixed; + cursor: default; + min-height: 100vh; + position: relative; + text-align: center; + + &:after { + @include vendor('transition', 'opacity 1s ease-in-out'); + @include vendor('transition-delay', '0.5s'); + content: ''; + background-color: _palette(alt, bg); + opacity: 0.85; + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + } + + .inner { + @include vendor('transition', 'opacity 1s ease-in-out'); + position: relative; + max-width: 35rem; + z-index: 1; + } + + h1 { + line-height: 1.3; + + &:after { + content: ''; + background-color: _palette(alt, border); + display: block; + height: 3px; + margin: 2rem auto; + width: 4rem; + } + } + + p { + margin-bottom: 2.5rem; + } + + body.is-ie & { + height: 100vh; + } + + @include breakpoint('<=large') { + background-attachment: scroll; + + h1 { + font-size: 3.5rem; + } + } + + @include breakpoint('<=small') { + h1 { + font-size: 2.5rem; + + br { + display: none; + } + } + } + + body.is-preload & { + &:after { + opacity: 1; + } + + .inner { + opacity: 0; + } + } + } \ No newline at end of file diff --git a/assets/sass/layout/_footer.scss b/assets/sass/layout/_footer.scss new file mode 100644 index 0000000..eecbe6b --- /dev/null +++ b/assets/sass/layout/_footer.scss @@ -0,0 +1,98 @@ +/// +/// Cascade by Pixelarity +/// pixelarity.com | hello@pixelarity.com +/// License: pixelarity.com/license +/// + +/* Footer */ + + #footer { + @include padding(6rem, 3rem); + background-color: #f2f2f2; + + .copyright { + color: _palette(fg-light); + font-size: 0.9rem; + margin: 0 0 _size(element-margin) 0; + padding: 0; + text-align: center; + + li { + border-left: solid 1px _palette(border); + display: inline-block; + list-style: none; + margin-left: 1.5rem; + padding-left: 1.5rem; + + &:first-child { + border-left: 0; + margin-left: 0; + padding-left: 0; + } + } + } + + .contact-icons { + text-align: center; + + li { + display: inline-block; + margin-left: 2rem; + + &:before { + $size: 2.5rem; + background-color: _palette(bg); + border-radius: 100%; + color: _palette(fg-bold); + display: inline-block; + font-size: 1.2rem; + height: $size; + line-height: $size; + width: $size; + } + + &:first-child { + margin-left: 0; + } + } + + a { + text-decoration: none; + color: inherit; + + &:active, &:focus, &:hover { + color: _palette(fg-bold); + } + } + } + + @include breakpoint('<=medium') { + @include padding(4rem, 3rem); + + .contact-icons { + display: block; + + li { + display: block; + margin: 1rem 0 0 0; + + &:first-child { + margin-top: 0; + } + } + } + } + + @include breakpoint('<=small') { + @include padding(3rem, 2rem); + + .copyright { + li { + display: block; + border-left: 0; + margin-left: 0; + padding-left: 0; + } + } + } + } \ No newline at end of file diff --git a/assets/sass/layout/_header.scss b/assets/sass/layout/_header.scss new file mode 100644 index 0000000..b76f134 --- /dev/null +++ b/assets/sass/layout/_header.scss @@ -0,0 +1,142 @@ +/// +/// Cascade by Pixelarity +/// pixelarity.com | hello@pixelarity.com +/// License: pixelarity.com/license +/// + +/* Header */ + + #header { + @include vendor('display', 'flex'); + @include vendor('justify-content', 'space-between'); + @include vendor('align-items', 'center'); + @include vendor('transition', 'background-color #{_duration(transition)} ease'); + background-color: _palette(bg); + box-shadow: 0 0 0.5rem 0 _palette(border); + height: 3.5rem; + left: 0; + line-height: 3.5rem; + padding: 0 0 0 1.5rem; + position: fixed; + top: 0; + width: 100%; + z-index: _misc(z-index-base); + + a { + color: inherit; + font-size: 0.8rem; + text-decoration: none; + text-transform: uppercase; + border: 0; + + &:active, &:hover, &:focus { + color: _palette(accent1, bg); + } + } + + .logo { + display: block; + font-weight: _font(weight-bold); + height: inherit; + letter-spacing: 0.07rem; + line-height: inherit; + + span { + font-weight: _font(weight); + } + } + + nav { + ul { + list-style: none; + margin: 0; + padding: 0; + + li { + display: inline-block; + padding: 0; + + a { + display: inline-block; + padding: 0 1.5rem 0 1.5rem; + position: relative; + + &[href="#menu"] { + @include icon(false, solid); + padding-right: 3rem; + + &:before { + content: '\f0c9'; // Hamburger icon; + display: block; + height: 100%; + line-height: inherit; + position: absolute; + right: 1.5rem; + text-align: center; + top: 0; + width: 1rem; + } + } + } + } + } + } + + &.alt { + background-color: transparent; + box-shadow: none; + color: _palette(bg); + } + + @include breakpoint('<=small') { + height: 2.75rem; + line-height: 2.75rem; + padding: 0 0 0 0.75rem; + + nav { + ul { + li { + a { + padding: 0 0.75rem 0 0.75rem; + + &[href="#menu"] { + padding-right: 2.5rem; + + &:before { + right: 1rem; + } + } + } + } + } + } + } + + @include breakpoint('<=xsmall') { + .logo { + span { + display: none; + } + } + + nav { + ul { + li { + a { + &[href="#menu"] { + &:only-child { + width: 4rem; + text-indent: 4rem; + white-space: nowrap; + + &:before { + text-indent: 0; + } + } + } + } + } + } + } + } + } \ No newline at end of file diff --git a/assets/sass/layout/_main.scss b/assets/sass/layout/_main.scss new file mode 100644 index 0000000..917c6f6 --- /dev/null +++ b/assets/sass/layout/_main.scss @@ -0,0 +1,19 @@ +/// +/// Cascade by Pixelarity +/// pixelarity.com | hello@pixelarity.com +/// License: pixelarity.com/license +/// + +/* Main */ + + #main { + padding-top: 9rem; + + @include breakpoint('<=medium') { + padding-top: 6.5rem; + } + + @include breakpoint('<=small') { + padding-top: 5rem; + } + } \ No newline at end of file diff --git a/assets/sass/layout/_menu.scss b/assets/sass/layout/_menu.scss new file mode 100644 index 0000000..25a25fc --- /dev/null +++ b/assets/sass/layout/_menu.scss @@ -0,0 +1,104 @@ +/// +/// Cascade by Pixelarity +/// pixelarity.com | hello@pixelarity.com +/// License: pixelarity.com/license +/// + +/* Menu */ + + #menu { + @include color-typography(accent1); + @include color-button(accent1); + @include vendor('transform', 'translateX(20rem)'); + @include vendor('transition', ('transform #{_duration(menu)} ease', 'box-shadow #{_duration(menu)} ease', 'visibility #{_duration(menu)}')); + -webkit-overflow-scrolling: touch; + background: desaturate(darken(_palette(accent1, bg), 5), 5); + box-shadow: none; + height: 100%; + max-width: 80%; + overflow-y: auto; + padding: 3rem 2rem; + position: fixed; + right: 0; + top: 0; + visibility: hidden; + width: 20rem; + z-index: _misc(z-index-base) + 2; + + > ul { + margin: 0 0 (_size(element-margin) * 0.5) 0; + + &.links { + list-style: none; + padding: 0; + + > li { + padding: 0; + + > a:not(.button) { + border: 0; + border-top: solid 1px _palette(accent1, border); + color: inherit; + display: block; + letter-spacing: _size(letter-spacing-alt); + line-height: 3.5rem; + text-decoration: none; + } + + > .button { + display: block; + margin: 1.25rem 0 0 0; + } + + &:first-child { + > a:not(.button) { + border-top: 0 !important; + } + } + } + } + } + + .close { + @include icon(false, solid); + @include vendor('transition', 'color #{_duration(transition)} ease-in-out'); + -webkit-tap-highlight-color: rgba(0,0,0,0); + border: 0; + color: _palette(accent2, fg-light); + cursor: pointer; + display: block; + height: 3.25rem; + line-height: 3.25rem; + padding-right: 1.25rem; + position: absolute; + right: 0; + text-align: right; + top: 0; + vertical-align: middle; + width: 7rem; + + &:before { + content: '\f00d'; + font-size: 1.25rem; + } + + &:hover { + color: _palette(accent2, fg-bold); + } + + @include breakpoint('<=small') { + height: 4rem; + line-height: 4rem; + } + } + + &.visible { + @include vendor('transform', 'translateX(0)'); + box-shadow: 0 0 1.5rem 0 rgba(0,0,0,0.2); + visibility: visible; + } + + @include breakpoint('<=small') { + padding: 2.5rem 1.75rem; + } + } \ No newline at end of file diff --git a/assets/sass/libs/_breakpoints.scss b/assets/sass/libs/_breakpoints.scss new file mode 100644 index 0000000..c5301d8 --- /dev/null +++ b/assets/sass/libs/_breakpoints.scss @@ -0,0 +1,223 @@ +// breakpoints.scss v1.0 | @ajlkn | MIT licensed */ + +// Vars. + + /// Breakpoints. + /// @var {list} + $breakpoints: () !global; + +// Mixins. + + /// Sets breakpoints. + /// @param {map} $x Breakpoints. + @mixin breakpoints($x: ()) { + $breakpoints: $x !global; + } + + /// Wraps @content in a @media block targeting a specific orientation. + /// @param {string} $orientation Orientation. + @mixin orientation($orientation) { + @media screen and (orientation: #{$orientation}) { + @content; + } + } + + /// Wraps @content in a @media block using a given query. + /// @param {string} $query Query. + @mixin breakpoint($query: null) { + + $breakpoint: null; + $op: null; + $media: null; + + // Determine operator, breakpoint. + + // Greater than or equal. + @if (str-slice($query, 0, 2) == '>=') { + + $op: 'gte'; + $breakpoint: str-slice($query, 3); + + } + + // Less than or equal. + @elseif (str-slice($query, 0, 2) == '<=') { + + $op: 'lte'; + $breakpoint: str-slice($query, 3); + + } + + // Greater than. + @elseif (str-slice($query, 0, 1) == '>') { + + $op: 'gt'; + $breakpoint: str-slice($query, 2); + + } + + // Less than. + @elseif (str-slice($query, 0, 1) == '<') { + + $op: 'lt'; + $breakpoint: str-slice($query, 2); + + } + + // Not. + @elseif (str-slice($query, 0, 1) == '!') { + + $op: 'not'; + $breakpoint: str-slice($query, 2); + + } + + // Equal. + @else { + + $op: 'eq'; + $breakpoint: $query; + + } + + // Build media. + @if ($breakpoint and map-has-key($breakpoints, $breakpoint)) { + + $a: map-get($breakpoints, $breakpoint); + + // Range. + @if (type-of($a) == 'list') { + + $x: nth($a, 1); + $y: nth($a, 2); + + // Max only. + @if ($x == null) { + + // Greater than or equal (>= 0 / anything) + @if ($op == 'gte') { + $media: 'screen'; + } + + // Less than or equal (<= y) + @elseif ($op == 'lte') { + $media: 'screen and (max-width: ' + $y + ')'; + } + + // Greater than (> y) + @elseif ($op == 'gt') { + $media: 'screen and (min-width: ' + ($y + 1) + ')'; + } + + // Less than (< 0 / invalid) + @elseif ($op == 'lt') { + $media: 'screen and (max-width: -1px)'; + } + + // Not (> y) + @elseif ($op == 'not') { + $media: 'screen and (min-width: ' + ($y + 1) + ')'; + } + + // Equal (<= y) + @else { + $media: 'screen and (max-width: ' + $y + ')'; + } + + } + + // Min only. + @else if ($y == null) { + + // Greater than or equal (>= x) + @if ($op == 'gte') { + $media: 'screen and (min-width: ' + $x + ')'; + } + + // Less than or equal (<= inf / anything) + @elseif ($op == 'lte') { + $media: 'screen'; + } + + // Greater than (> inf / invalid) + @elseif ($op == 'gt') { + $media: 'screen and (max-width: -1px)'; + } + + // Less than (< x) + @elseif ($op == 'lt') { + $media: 'screen and (max-width: ' + ($x - 1) + ')'; + } + + // Not (< x) + @elseif ($op == 'not') { + $media: 'screen and (max-width: ' + ($x - 1) + ')'; + } + + // Equal (>= x) + @else { + $media: 'screen and (min-width: ' + $x + ')'; + } + + } + + // Min and max. + @else { + + // Greater than or equal (>= x) + @if ($op == 'gte') { + $media: 'screen and (min-width: ' + $x + ')'; + } + + // Less than or equal (<= y) + @elseif ($op == 'lte') { + $media: 'screen and (max-width: ' + $y + ')'; + } + + // Greater than (> y) + @elseif ($op == 'gt') { + $media: 'screen and (min-width: ' + ($y + 1) + ')'; + } + + // Less than (< x) + @elseif ($op == 'lt') { + $media: 'screen and (max-width: ' + ($x - 1) + ')'; + } + + // Not (< x and > y) + @elseif ($op == 'not') { + $media: 'screen and (max-width: ' + ($x - 1) + '), screen and (min-width: ' + ($y + 1) + ')'; + } + + // Equal (>= x and <= y) + @else { + $media: 'screen and (min-width: ' + $x + ') and (max-width: ' + $y + ')'; + } + + } + + } + + // String. + @else { + + // Missing a media type? Prefix with "screen". + @if (str-slice($a, 0, 1) == '(') { + $media: 'screen and ' + $a; + } + + // Otherwise, use as-is. + @else { + $media: $a; + } + + } + + } + + // Output. + @media #{$media} { + @content; + } + + } \ No newline at end of file diff --git a/assets/sass/libs/_fixed-grid.scss b/assets/sass/libs/_fixed-grid.scss new file mode 100644 index 0000000..99bfe36 --- /dev/null +++ b/assets/sass/libs/_fixed-grid.scss @@ -0,0 +1,338 @@ +// fixed-grid.scss v1.0 | @ajlkn | MIT licensed */ + +// Mixins. + + /// Initializes base fixed-grid classes. + /// @param {string} $vertical-align Vertical alignment of cells. + /// @param {string} $horizontal-align Horizontal alignment of cells. + @mixin fixed-grid-base($vertical-align: null, $horizontal-align: null) { + + // Grid. + @include vendor('display', 'flex'); + @include vendor('flex-wrap', 'wrap'); + + // Vertical alignment. + @if ($vertical-align == top) { + @include vendor('align-items', 'flex-start'); + } + @else if ($vertical-align == bottom) { + @include vendor('align-items', 'flex-end'); + } + @else if ($vertical-align == center) { + @include vendor('align-items', 'center'); + } + @else { + @include vendor('align-items', 'stretch'); + } + + // Horizontal alignment. + @if ($horizontal-align != null) { + text-align: $horizontal-align; + } + + // Cells. + > * { + @include vendor('flex-shrink', '1'); + @include vendor('flex-grow', '0'); + } + + } + + /// Sets up fixed-grid columns. + /// @param {integer} $columns Columns. + @mixin fixed-grid-columns($columns) { + + > * { + $cell-width: 100% / $columns; + width: #{$cell-width}; + } + + } + + /// Sets up fixed-grid gutters. + /// @param {integer} $columns Columns. + /// @param {number} $gutters Gutters. + @mixin fixed-grid-gutters($columns, $gutters) { + + // Apply padding. + > * { + $cell-width: 100% / $columns; + + padding: ($gutters * 0.5); + width: $cell-width; + } + + } + + /// Sets up fixed-grid gutters (flush). + /// @param {integer} $columns Columns. + /// @param {number} $gutters Gutters. + @mixin fixed-grid-gutters-flush($columns, $gutters) { + + // Apply padding. + > * { + $cell-width: 100% / $columns; + $cell-width-pad: $gutters / $columns; + + padding: ($gutters * 0.5); + width: calc(#{$cell-width} + #{$cell-width-pad}); + } + + // Clear top/bottom gutters. + > :nth-child(-n + #{$columns}) { + padding-top: 0; + } + + > :nth-last-child(-n + #{$columns}) { + padding-bottom: 0; + } + + // Clear left/right gutters. + > :nth-child(#{$columns}n + 1) { + padding-left: 0; + } + + > :nth-child(#{$columns}n) { + padding-right: 0; + } + + // Adjust widths of leftmost and rightmost cells. + > :nth-child(#{$columns}n + 1), + > :nth-child(#{$columns}n) { + $cell-width: 100% / $columns; + $cell-width-pad: ($gutters / $columns) - ($gutters / 2); + + width: calc(#{$cell-width} + #{$cell-width-pad}); + } + + } + + /// Reset fixed-grid gutters (flush only). + /// Used to override a previous set of fixed-grid gutter classes. + /// @param {integer} $columns Columns. + /// @param {number} $gutters Gutters. + /// @param {integer} $prev-columns Previous columns. + @mixin fixed-grid-gutters-flush-reset($columns, $gutters, $prev-columns) { + + // Apply padding. + > * { + $cell-width: 100% / $prev-columns; + $cell-width-pad: $gutters / $prev-columns; + + padding: ($gutters * 0.5); + width: calc(#{$cell-width} + #{$cell-width-pad}); + } + + // Clear top/bottom gutters. + > :nth-child(-n + #{$prev-columns}) { + padding-top: ($gutters * 0.5); + } + + > :nth-last-child(-n + #{$prev-columns}) { + padding-bottom: ($gutters * 0.5); + } + + // Clear left/right gutters. + > :nth-child(#{$prev-columns}n + 1) { + padding-left: ($gutters * 0.5); + } + + > :nth-child(#{$prev-columns}n) { + padding-right: ($gutters * 0.5); + } + + // Adjust widths of leftmost and rightmost cells. + > :nth-child(#{$prev-columns}n + 1), + > :nth-child(#{$prev-columns}n) { + $cell-width: 100% / $columns; + $cell-width-pad: $gutters / $columns; + + padding: ($gutters * 0.5); + width: calc(#{$cell-width} + #{$cell-width-pad}); + } + + } + + /// Adds debug styles to current fixed-grid element. + @mixin fixed-grid-debug() { + + box-shadow: 0 0 0 1px red; + + > * { + box-shadow: inset 0 0 0 1px blue; + position: relative; + + > * { + position: relative; + box-shadow: inset 0 0 0 1px green; + } + } + + } + + /// Initializes the current element as a fixed grid. + /// @param {integer} $columns Columns (optional). + /// @param {number} $gutters Gutters (optional). + /// @param {bool} $flush If true, clears padding around the very edge of the grid. + @mixin fixed-grid($settings: ()) { + + // Settings. + + // Debug. + $debug: false; + + @if (map-has-key($settings, 'debug')) { + $debug: map-get($settings, 'debug'); + } + + // Vertical align. + $vertical-align: null; + + @if (map-has-key($settings, 'vertical-align')) { + $vertical-align: map-get($settings, 'vertical-align'); + } + + // Horizontal align. + $horizontal-align: null; + + @if (map-has-key($settings, 'horizontal-align')) { + $horizontal-align: map-get($settings, 'horizontal-align'); + } + + // Columns. + $columns: null; + + @if (map-has-key($settings, 'columns')) { + $columns: map-get($settings, 'columns'); + } + + // Gutters. + $gutters: 0; + + @if (map-has-key($settings, 'gutters')) { + $gutters: map-get($settings, 'gutters'); + } + + // Flush. + $flush: true; + + @if (map-has-key($settings, 'flush')) { + $flush: map-get($settings, 'flush'); + } + + // Initialize base grid. + @include fixed-grid-base($vertical-align, $horizontal-align); + + // Debug? + @if ($debug) { + @include fixed-grid-debug; + } + + // Columns specified? + @if ($columns != null) { + + // Initialize columns. + @include fixed-grid-columns($columns); + + // Gutters specified? + @if ($gutters > 0) { + + // Flush gutters? + @if ($flush) { + + // Initialize gutters (flush). + @include fixed-grid-gutters-flush($columns, $gutters); + + } + + // Otherwise ... + @else { + + // Initialize gutters. + @include fixed-grid-gutters($columns, $gutters); + + } + + } + + } + + } + + /// Resizes a previously-initialized grid. + /// @param {integer} $columns Columns. + /// @param {number} $gutters Gutters (optional). + /// @param {list} $reset A list of previously-initialized grid columns (only if $flush is true). + /// @param {bool} $flush If true, clears padding around the very edge of the grid. + @mixin fixed-grid-resize($settings: ()) { + + // Settings. + + // Columns. + $columns: 1; + + @if (map-has-key($settings, 'columns')) { + $columns: map-get($settings, 'columns'); + } + + // Gutters. + $gutters: 0; + + @if (map-has-key($settings, 'gutters')) { + $gutters: map-get($settings, 'gutters'); + } + + // Previous columns. + $prev-columns: false; + + @if (map-has-key($settings, 'prev-columns')) { + $prev-columns: map-get($settings, 'prev-columns'); + } + + // Flush. + $flush: true; + + @if (map-has-key($settings, 'flush')) { + $flush: map-get($settings, 'flush'); + } + + // Resize columns. + @include fixed-grid-columns($columns); + + // Gutters specified? + @if ($gutters > 0) { + + // Flush gutters? + @if ($flush) { + + // Previous columns specified? + @if ($prev-columns) { + + // Convert to list if it isn't one already. + @if (type-of($prev-columns) != list) { + $prev-columns: ($prev-columns); + } + + // Step through list of previous columns and reset them. + @each $x in $prev-columns { + @include fixed-grid-gutters-flush-reset($columns, $gutters, $x); + } + + } + + // Resize gutters (flush). + @include fixed-grid-gutters-flush($columns, $gutters); + + } + + // Otherwise ... + @else { + + // Resize gutters. + @include fixed-grid-gutters($columns, $gutters); + + } + + } + + } \ No newline at end of file diff --git a/assets/sass/libs/_functions.scss b/assets/sass/libs/_functions.scss new file mode 100644 index 0000000..f563aab --- /dev/null +++ b/assets/sass/libs/_functions.scss @@ -0,0 +1,90 @@ +/// Removes a specific item from a list. +/// @author Hugo Giraudel +/// @param {list} $list List. +/// @param {integer} $index Index. +/// @return {list} Updated list. +@function remove-nth($list, $index) { + + $result: null; + + @if type-of($index) != number { + @warn "$index: #{quote($index)} is not a number for `remove-nth`."; + } + @else if $index == 0 { + @warn "List index 0 must be a non-zero integer for `remove-nth`."; + } + @else if abs($index) > length($list) { + @warn "List index is #{$index} but list is only #{length($list)} item long for `remove-nth`."; + } + @else { + + $result: (); + $index: if($index < 0, length($list) + $index + 1, $index); + + @for $i from 1 through length($list) { + + @if $i != $index { + $result: append($result, nth($list, $i)); + } + + } + + } + + @return $result; + +} + +/// Gets a value from a map. +/// @author Hugo Giraudel +/// @param {map} $map Map. +/// @param {string} $keys Key(s). +/// @return {string} Value. +@function val($map, $keys...) { + + @if nth($keys, 1) == null { + $keys: remove-nth($keys, 1); + } + + @each $key in $keys { + $map: map-get($map, $key); + } + + @return $map; + +} + +/// Gets a duration value. +/// @param {string} $keys Key(s). +/// @return {string} Value. +@function _duration($keys...) { + @return val($duration, $keys...); +} + +/// Gets a font value. +/// @param {string} $keys Key(s). +/// @return {string} Value. +@function _font($keys...) { + @return val($font, $keys...); +} + +/// Gets a misc value. +/// @param {string} $keys Key(s). +/// @return {string} Value. +@function _misc($keys...) { + @return val($misc, $keys...); +} + +/// Gets a palette value. +/// @param {string} $keys Key(s). +/// @return {string} Value. +@function _palette($keys...) { + @return val($palette, $keys...); +} + +/// Gets a size value. +/// @param {string} $keys Key(s). +/// @return {string} Value. +@function _size($keys...) { + @return val($size, $keys...); +} \ No newline at end of file diff --git a/assets/sass/libs/_html-grid.scss b/assets/sass/libs/_html-grid.scss new file mode 100644 index 0000000..7438a8c --- /dev/null +++ b/assets/sass/libs/_html-grid.scss @@ -0,0 +1,149 @@ +// html-grid.scss v1.0 | @ajlkn | MIT licensed */ + +// Mixins. + + /// Initializes the current element as an HTML grid. + /// @param {mixed} $gutters Gutters (either a single number to set both column/row gutters, or a list to set them individually). + /// @param {mixed} $suffix Column class suffix (optional; either a single suffix or a list). + @mixin html-grid($gutters: 1.5em, $suffix: '') { + + // Initialize. + $cols: 12; + $multipliers: 0, 0.25, 0.5, 1, 1.50, 2.00; + $unit: 100% / $cols; + + // Suffixes. + $suffixes: null; + + @if (type-of($suffix) == 'list') { + $suffixes: $suffix; + } + @else { + $suffixes: ($suffix); + } + + // Gutters. + $guttersCols: null; + $guttersRows: null; + + @if (type-of($gutters) == 'list') { + + $guttersCols: nth($gutters, 1); + $guttersRows: nth($gutters, 2); + + } + @else { + + $guttersCols: $gutters; + $guttersRows: 0; + + } + + // Row. + display: flex; + flex-wrap: wrap; + box-sizing: border-box; + align-items: stretch; + + // Columns. + > * { + box-sizing: border-box; + } + + // Gutters. + &.gtr-uniform { + > * { + > :last-child { + margin-bottom: 0; + } + } + } + + // Alignment. + &.aln-left { + justify-content: flex-start; + } + + &.aln-center { + justify-content: center; + } + + &.aln-right { + justify-content: flex-end; + } + + &.aln-top { + align-items: flex-start; + } + + &.aln-middle { + align-items: center; + } + + &.aln-bottom { + align-items: flex-end; + } + + // Step through suffixes. + @each $suffix in $suffixes { + + // Suffix. + @if ($suffix != '') { + $suffix: '-' + $suffix; + } + @else { + $suffix: ''; + } + + // Row. + + // Important. + > .imp#{$suffix} { + order: -1; + } + + // Columns, offsets. + @for $i from 1 through $cols { + > .col-#{$i}#{$suffix} { + width: $unit * $i; + } + + > .off-#{$i}#{$suffix} { + margin-left: $unit * $i; + } + } + + // Step through multipliers. + @each $multiplier in $multipliers { + + // Gutters. + $class: null; + + @if ($multiplier != 1) { + $class: '.gtr-' + ($multiplier * 100); + } + + &#{$class} { + margin-top: ($guttersRows * $multiplier * -1); + margin-left: ($guttersCols * $multiplier * -1); + + > * { + padding: ($guttersRows * $multiplier) 0 0 ($guttersCols * $multiplier); + } + + // Uniform. + &.gtr-uniform { + margin-top: $guttersCols * $multiplier * -1; + + > * { + padding-top: $guttersCols * $multiplier; + } + } + + } + + } + + } + + } \ No newline at end of file diff --git a/assets/sass/libs/_mixins.scss b/assets/sass/libs/_mixins.scss new file mode 100644 index 0000000..a331483 --- /dev/null +++ b/assets/sass/libs/_mixins.scss @@ -0,0 +1,78 @@ +/// Makes an element's :before pseudoelement a FontAwesome icon. +/// @param {string} $content Optional content value to use. +/// @param {string} $category Optional category to use. +/// @param {string} $where Optional pseudoelement to target (before or after). +@mixin icon($content: false, $category: regular, $where: before) { + + text-decoration: none; + + &:#{$where} { + + @if $content { + content: $content; + } + + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + line-height: 1; + text-transform: none !important; + + @if ($category == brands) { + font-family: 'Font Awesome 5 Brands'; + } + @elseif ($category == solid) { + font-family: 'Font Awesome 5 Free'; + font-weight: 900; + } + @else { + font-family: 'Font Awesome 5 Free'; + font-weight: 400; + } + + } + +} + +/// Applies padding to an element, taking the current element-margin value into account. +/// @param {mixed} $tb Top/bottom padding. +/// @param {mixed} $lr Left/right padding. +/// @param {list} $pad Optional extra padding (in the following order top, right, bottom, left) +/// @param {bool} $important If true, adds !important. +@mixin padding($tb, $lr, $pad: (0,0,0,0), $important: null) { + + @if $important { + $important: '!important'; + } + + $x: 0.1em; + + @if unit(_size(element-margin)) == 'rem' { + $x: 0.1rem; + } + + padding: ($tb + nth($pad,1)) ($lr + nth($pad,2)) max($x, $tb - _size(element-margin) + nth($pad,3)) ($lr + nth($pad,4)) #{$important}; + +} + +/// Encodes a SVG data URL so IE doesn't choke (via codepen.io/jakob-e/pen/YXXBrp). +/// @param {string} $svg SVG data URL. +/// @return {string} Encoded SVG data URL. +@function svg-url($svg) { + + $svg: str-replace($svg, '"', '\''); + $svg: str-replace($svg, '%', '%25'); + $svg: str-replace($svg, '<', '%3C'); + $svg: str-replace($svg, '>', '%3E'); + $svg: str-replace($svg, '&', '%26'); + $svg: str-replace($svg, '#', '%23'); + $svg: str-replace($svg, '{', '%7B'); + $svg: str-replace($svg, '}', '%7D'); + $svg: str-replace($svg, ';', '%3B'); + + @return url("data:image/svg+xml;charset=utf8,#{$svg}"); + +} \ No newline at end of file diff --git a/assets/sass/libs/_vars.scss b/assets/sass/libs/_vars.scss new file mode 100644 index 0000000..0ee3047 --- /dev/null +++ b/assets/sass/libs/_vars.scss @@ -0,0 +1,101 @@ +// Misc. + $misc: ( + z-index-base: 10000 + ); + +// Duration. + $duration: ( + menu: 0.5s, + transition: 0.2s + ); + +// Size. + $size: ( + border-radius: 4px, + container: 75rem, + element-height: 3rem, + element-margin: 2.5rem + ); + +// Font. + $font: ( + family: ('Open Sans', Arial, Helvetica, sans-serif), + family-fixed: ('Courier New', monospace), + weight: 400, + weight-bold: 700, + weight-light: 300, + kerning-heading: 0.05em + ); + +// Palette. + $palette: ( + bg: #fff, + fg: #888, + fg-bold: #555, + fg-light: #bbb, + border: rgba(144,144,144,0.25), + border-bg: rgba(144,144,144,0.075), + border2: rgba(144,144,144,0.5), + border2-bg: rgba(144,144,144,0.2), + highlight: accent1, + + accent1: ( + bg: #51CCA8, + fg: mix(#51CCA8, #ffffff, 25%), + fg-bold: #ffffff, + fg-light: mix(#51CCA8, #ffffff, 40%), + border: rgba(255,255,255,0.25), + border-bg: rgba(255,255,255,0.075), + border2: rgba(255,255,255,0.5), + border2-bg: rgba(255,255,255,0.2), + highlight: accent1 + ), + + accent2: ( + bg: #51B9CC, + fg: mix(#51B9CC, #ffffff, 25%), + fg-bold: #ffffff, + fg-light: mix(#51B9CC, #ffffff, 40%), + border: rgba(255,255,255,0.25), + border-bg: rgba(255,255,255,0.075), + border2: rgba(255,255,255,0.5), + border2-bg: rgba(255,255,255,0.2), + highlight: accent1 + ), + + accent3: ( + bg: #5E92CC, + fg: mix(#5E92CC, #ffffff, 25%), + fg-bold: #ffffff, + fg-light: mix(#5E92CC, #ffffff, 40%), + border: rgba(255,255,255,0.25), + border-bg: rgba(255,255,255,0.075), + border2: rgba(255,255,255,0.5), + border2-bg: rgba(255,255,255,0.2), + highlight: accent1 + ), + + accent4: ( + bg: #6E81D0, + fg: mix(#6E81D0, #ffffff, 25%), + fg-bold: #ffffff, + fg-light: mix(#6E81D0, #ffffff, 40%), + border: rgba(255,255,255,0.25), + border-bg: rgba(255,255,255,0.075), + border2: rgba(255,255,255,0.5), + border2-bg: rgba(255,255,255,0.2), + highlight: accent1 + ), + + alt: ( + bg: #1e2731, + fg: #ffffff, + fg-bold: #ffffff, + fg-light: #ffffff, + border: #ffffff, + border-bg: rgba(255,255,255,0.075), + border2: #ffffff, + border2-bg: rgba(255,255,255,0.2), + highlight: accent1 + ) + ); \ No newline at end of file diff --git a/assets/sass/libs/_vendor.scss b/assets/sass/libs/_vendor.scss new file mode 100644 index 0000000..6599a3f --- /dev/null +++ b/assets/sass/libs/_vendor.scss @@ -0,0 +1,376 @@ +// vendor.scss v1.0 | @ajlkn | MIT licensed */ + +// Vars. + + /// Vendor prefixes. + /// @var {list} + $vendor-prefixes: ( + '-moz-', + '-webkit-', + '-ms-', + '' + ); + + /// Properties that should be vendorized. + /// Data via caniuse.com, github.com/postcss/autoprefixer, and developer.mozilla.org + /// @var {list} + $vendor-properties: ( + + // Animation. + 'animation', + 'animation-delay', + 'animation-direction', + 'animation-duration', + 'animation-fill-mode', + 'animation-iteration-count', + 'animation-name', + 'animation-play-state', + 'animation-timing-function', + + // Appearance. + 'appearance', + + // Backdrop filter. + 'backdrop-filter', + + // Background image options. + 'background-clip', + 'background-origin', + 'background-size', + + // Box sizing. + 'box-sizing', + + // Clip path. + 'clip-path', + + // Filter effects. + 'filter', + + // Flexbox. + 'align-content', + 'align-items', + 'align-self', + 'flex', + 'flex-basis', + 'flex-direction', + 'flex-flow', + 'flex-grow', + 'flex-shrink', + 'flex-wrap', + 'justify-content', + 'order', + + // Font feature. + 'font-feature-settings', + 'font-language-override', + 'font-variant-ligatures', + + // Font kerning. + 'font-kerning', + + // Fragmented borders and backgrounds. + 'box-decoration-break', + + // Grid layout. + 'grid-column', + 'grid-column-align', + 'grid-column-end', + 'grid-column-start', + 'grid-row', + 'grid-row-align', + 'grid-row-end', + 'grid-row-start', + 'grid-template-columns', + 'grid-template-rows', + + // Hyphens. + 'hyphens', + 'word-break', + + // Masks. + 'mask', + 'mask-border', + 'mask-border-outset', + 'mask-border-repeat', + 'mask-border-slice', + 'mask-border-source', + 'mask-border-width', + 'mask-clip', + 'mask-composite', + 'mask-image', + 'mask-origin', + 'mask-position', + 'mask-repeat', + 'mask-size', + + // Multicolumn. + 'break-after', + 'break-before', + 'break-inside', + 'column-count', + 'column-fill', + 'column-gap', + 'column-rule', + 'column-rule-color', + 'column-rule-style', + 'column-rule-width', + 'column-span', + 'column-width', + 'columns', + + // Object fit. + 'object-fit', + 'object-position', + + // Regions. + 'flow-from', + 'flow-into', + 'region-fragment', + + // Scroll snap points. + 'scroll-snap-coordinate', + 'scroll-snap-destination', + 'scroll-snap-points-x', + 'scroll-snap-points-y', + 'scroll-snap-type', + + // Shapes. + 'shape-image-threshold', + 'shape-margin', + 'shape-outside', + + // Tab size. + 'tab-size', + + // Text align last. + 'text-align-last', + + // Text decoration. + 'text-decoration-color', + 'text-decoration-line', + 'text-decoration-skip', + 'text-decoration-style', + + // Text emphasis. + 'text-emphasis', + 'text-emphasis-color', + 'text-emphasis-position', + 'text-emphasis-style', + + // Text size adjust. + 'text-size-adjust', + + // Text spacing. + 'text-spacing', + + // Transform. + 'transform', + 'transform-origin', + + // Transform 3D. + 'backface-visibility', + 'perspective', + 'perspective-origin', + 'transform-style', + + // Transition. + 'transition', + 'transition-delay', + 'transition-duration', + 'transition-property', + 'transition-timing-function', + + // Unicode bidi. + 'unicode-bidi', + + // User select. + 'user-select', + + // Writing mode. + 'writing-mode', + + ); + + /// Values that should be vendorized. + /// Data via caniuse.com, github.com/postcss/autoprefixer, and developer.mozilla.org + /// @var {list} + $vendor-values: ( + + // Cross fade. + 'cross-fade', + + // Element function. + 'element', + + // Filter function. + 'filter', + + // Flexbox. + 'flex', + 'inline-flex', + + // Grab cursors. + 'grab', + 'grabbing', + + // Gradients. + 'linear-gradient', + 'repeating-linear-gradient', + 'radial-gradient', + 'repeating-radial-gradient', + + // Grid layout. + 'grid', + 'inline-grid', + + // Image set. + 'image-set', + + // Intrinsic width. + 'max-content', + 'min-content', + 'fit-content', + 'fill', + 'fill-available', + 'stretch', + + // Sticky position. + 'sticky', + + // Transform. + 'transform', + + // Zoom cursors. + 'zoom-in', + 'zoom-out', + + ); + +// Functions. + + /// Removes a specific item from a list. + /// @author Hugo Giraudel + /// @param {list} $list List. + /// @param {integer} $index Index. + /// @return {list} Updated list. + @function remove-nth($list, $index) { + + $result: null; + + @if type-of($index) != number { + @warn "$index: #{quote($index)} is not a number for `remove-nth`."; + } + @else if $index == 0 { + @warn "List index 0 must be a non-zero integer for `remove-nth`."; + } + @else if abs($index) > length($list) { + @warn "List index is #{$index} but list is only #{length($list)} item long for `remove-nth`."; + } + @else { + + $result: (); + $index: if($index < 0, length($list) + $index + 1, $index); + + @for $i from 1 through length($list) { + + @if $i != $index { + $result: append($result, nth($list, $i)); + } + + } + + } + + @return $result; + + } + + /// Replaces a substring within another string. + /// @author Hugo Giraudel + /// @param {string} $string String. + /// @param {string} $search Substring. + /// @param {string} $replace Replacement. + /// @return {string} Updated string. + @function str-replace($string, $search, $replace: '') { + + $index: str-index($string, $search); + + @if $index { + @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace); + } + + @return $string; + + } + + /// Replaces a substring within each string in a list. + /// @param {list} $strings List of strings. + /// @param {string} $search Substring. + /// @param {string} $replace Replacement. + /// @return {list} Updated list of strings. + @function str-replace-all($strings, $search, $replace: '') { + + @each $string in $strings { + $strings: set-nth($strings, index($strings, $string), str-replace($string, $search, $replace)); + } + + @return $strings; + + } + +// Mixins. + + /// Wraps @content in vendorized keyframe blocks. + /// @param {string} $name Name. + @mixin keyframes($name) { + + @-moz-keyframes #{$name} { @content; } + @-webkit-keyframes #{$name} { @content; } + @-ms-keyframes #{$name} { @content; } + @keyframes #{$name} { @content; } + + } + + /// Vendorizes a declaration's property and/or value(s). + /// @param {string} $property Property. + /// @param {mixed} $value String/list of value(s). + @mixin vendor($property, $value) { + + // Determine if property should expand. + $expandProperty: index($vendor-properties, $property); + + // Determine if value should expand (and if so, add '-prefix-' placeholder). + $expandValue: false; + + @each $x in $value { + @each $y in $vendor-values { + @if $y == str-slice($x, 1, str-length($y)) { + + $value: set-nth($value, index($value, $x), '-prefix-' + $x); + $expandValue: true; + + } + } + } + + // Expand property? + @if $expandProperty { + @each $vendor in $vendor-prefixes { + #{$vendor}#{$property}: #{str-replace-all($value, '-prefix-', $vendor)}; + } + } + + // Expand just the value? + @elseif $expandValue { + @each $vendor in $vendor-prefixes { + #{$property}: #{str-replace-all($value, '-prefix-', $vendor)}; + } + } + + // Neither? Treat them as a normal declaration. + @else { + #{$property}: #{$value}; + } + + } \ No newline at end of file diff --git a/assets/sass/main.scss b/assets/sass/main.scss new file mode 100644 index 0000000..9e3ec60 --- /dev/null +++ b/assets/sass/main.scss @@ -0,0 +1,70 @@ +@import 'libs/vars'; +@import 'libs/functions'; +@import 'libs/mixins'; +@import 'libs/vendor'; +@import 'libs/breakpoints'; +@import 'libs/html-grid'; +@import 'libs/fixed-grid'; +@import 'fontawesome-all.min.css'; +@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i'); + +/* + Cascade by Pixelarity + pixelarity.com | hello@pixelarity.com + License: pixelarity.com/license +*/ + +// Breakpoints. + + @include breakpoints(( + xlarge: ( 1281px, 1680px ), + large: ( 981px, 1280px ), + medium: ( 737px, 980px ), + small: ( 481px, 736px ), + xsmall: ( null, 480px ) + )); + +// Mixins. + + @mixin color($p) { + @include color-typography($p); + @include color-box($p); + @include color-button($p); + @include color-form($p); + @include color-list($p); + @include color-section($p); + @include color-table($p); + } + +// Base. + + @import 'base/reset'; + @import 'base/page'; + @import 'base/typography'; + +// Component. + + @import 'components/row'; + @import 'components/box'; + @import 'components/button'; + @import 'components/form'; + @import 'components/icon'; + @import 'components/image'; + @import 'components/list'; + @import 'components/actions'; + @import 'components/icons'; + @import 'components/contact-icons'; + @import 'components/section'; + @import 'components/table'; + @import 'components/posts'; + @import 'components/wrapper'; + @import 'components/carousel'; + @import 'components/spotlights'; + +// Layout. + + @import 'layout/header'; + @import 'layout/menu'; + @import 'layout/banner'; + @import 'layout/main'; + @import 'layout/footer'; \ No newline at end of file diff --git a/assets/webfonts/fa-brands-400.eot b/assets/webfonts/fa-brands-400.eot new file mode 100644 index 0000000..cba6c6c Binary files /dev/null and b/assets/webfonts/fa-brands-400.eot differ diff --git a/assets/webfonts/fa-brands-400.svg b/assets/webfonts/fa-brands-400.svg new file mode 100644 index 0000000..b9881a4 --- /dev/null +++ b/assets/webfonts/fa-brands-400.svg @@ -0,0 +1,3717 @@ + + + + +Created by FontForge 20201107 at Wed Aug 4 12:25:29 2021 + By Robert Madole +Copyright (c) Font Awesome + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/webfonts/fa-brands-400.ttf b/assets/webfonts/fa-brands-400.ttf new file mode 100644 index 0000000..8d75ded Binary files /dev/null and b/assets/webfonts/fa-brands-400.ttf differ diff --git a/assets/webfonts/fa-brands-400.woff b/assets/webfonts/fa-brands-400.woff new file mode 100644 index 0000000..3375bef Binary files /dev/null and b/assets/webfonts/fa-brands-400.woff differ diff --git a/assets/webfonts/fa-brands-400.woff2 b/assets/webfonts/fa-brands-400.woff2 new file mode 100644 index 0000000..402f81c Binary files /dev/null and b/assets/webfonts/fa-brands-400.woff2 differ diff --git a/assets/webfonts/fa-regular-400.eot b/assets/webfonts/fa-regular-400.eot new file mode 100644 index 0000000..a4e5989 Binary files /dev/null and b/assets/webfonts/fa-regular-400.eot differ diff --git a/assets/webfonts/fa-regular-400.svg b/assets/webfonts/fa-regular-400.svg new file mode 100644 index 0000000..463af27 --- /dev/null +++ b/assets/webfonts/fa-regular-400.svg @@ -0,0 +1,801 @@ + + + + +Created by FontForge 20201107 at Wed Aug 4 12:25:29 2021 + By Robert Madole +Copyright (c) Font Awesome + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/webfonts/fa-regular-400.ttf b/assets/webfonts/fa-regular-400.ttf new file mode 100644 index 0000000..7157aaf Binary files /dev/null and b/assets/webfonts/fa-regular-400.ttf differ diff --git a/assets/webfonts/fa-regular-400.woff b/assets/webfonts/fa-regular-400.woff new file mode 100644 index 0000000..ad077c6 Binary files /dev/null and b/assets/webfonts/fa-regular-400.woff differ diff --git a/assets/webfonts/fa-regular-400.woff2 b/assets/webfonts/fa-regular-400.woff2 new file mode 100644 index 0000000..5632894 Binary files /dev/null and b/assets/webfonts/fa-regular-400.woff2 differ diff --git a/assets/webfonts/fa-solid-900.eot b/assets/webfonts/fa-solid-900.eot new file mode 100644 index 0000000..e994171 Binary files /dev/null and b/assets/webfonts/fa-solid-900.eot differ diff --git a/assets/webfonts/fa-solid-900.svg b/assets/webfonts/fa-solid-900.svg new file mode 100644 index 0000000..00296e9 --- /dev/null +++ b/assets/webfonts/fa-solid-900.svg @@ -0,0 +1,5034 @@ + + + + +Created by FontForge 20201107 at Wed Aug 4 12:25:29 2021 + By Robert Madole +Copyright (c) Font Awesome + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/webfonts/fa-solid-900.ttf b/assets/webfonts/fa-solid-900.ttf new file mode 100644 index 0000000..25abf38 Binary files /dev/null and b/assets/webfonts/fa-solid-900.ttf differ diff --git a/assets/webfonts/fa-solid-900.woff b/assets/webfonts/fa-solid-900.woff new file mode 100644 index 0000000..23ee663 Binary files /dev/null and b/assets/webfonts/fa-solid-900.woff differ diff --git a/assets/webfonts/fa-solid-900.woff2 b/assets/webfonts/fa-solid-900.woff2 new file mode 100644 index 0000000..2217164 Binary files /dev/null and b/assets/webfonts/fa-solid-900.woff2 differ diff --git a/code-of-conduct.html b/code-of-conduct.html index 2e1cb42..c161f0e 100644 --- a/code-of-conduct.html +++ b/code-of-conduct.html @@ -3,74 +3,108 @@ - - - - + + - Code for Anc + Code for Anchorage - Code of Conduct - -
-
- -
-

Code for Anchorage

-
- A safe-space for everyone. -
- -
-

Code for Anchorage's focus is on serving our community through civic tech. We value the participation of each member of our community and want all attendees to have an enjoyable and fulfilling experience.

-

Accordingly, attendees are expected to show respect and courtesy to everyone, regardless of age, gender, sexual orientation, religious or ethnic identity, physical appearance, body size, or ability. Everyone in attendance is required to conform to the following Code of Conduct.

-

Organizers will enforce this code throughout events; more information on reporting a Code of Conduct violation is available below, under the heading Contact Information.

- -

All Attendees.

- -

Please show respect for all attendees. In particular: -

    -
  • Offensive behavior such as verbal abuse, intimidation, or harassment will not be tolerated.
    • -
  • Remember that all our attendees are here for similar reasons, and do not make assumptions about anyone's interests, skill level, or profession based on their appearance or background.
    • -
  • Remember that “no means no.” If someone asks you to stop speaking about a particular subject, or to leave them alone, please do so.
    • -
  • Support your friends and colleagues. If you see someone behaving badly, please let them know that you're not OK with it.
    • -
-

- -

Speakers/Presenters.

- -

Please ensure that your presentation does not stigmatise, alienate, or marginalise any individual or group. In particular: -

    -
  • Keep any slide decks G-rated.
    • -
  • Anything beyond the occasional mild curse word is not appropriate.
    • -
  • While criticism of software, programming practices, etc. is OK, please try to offer constructive improvements or alternatives as part of your talk. Personal criticism and ad hominem attacks are never OK.
    • -
-

- -

Contact Information.

- -

If you are being harassed, notice that someone else is being harassed, or have any other concerns, please contact one of the co-captains, Becky or Hans. You can email us at brigade@codeforanchorage.org.

- -

The captains will be happy to help participants contact venue security or local law enforcement, provide escorts, or otherwise assist those experiencing harassment to feel safe. We value your attendance.

- -

Contact Information.

- -

This Code of Conduct is taken from Anchorage Progamming Workshop's CoC for Anchorage tech events, available on GitHub.

- - Creative Commons License - -

This Code of Conduct is licensed under a Creative Commons Attribution 3.0 Unported License.

- -
- -
- Additional questions or comments? Email Us. -
- - -
-
- + + + + + + + + + +
+
+ +
+

Code of Conduct

+
+ + + +

A safe-space for everyone

+

Code for Anchorage's focus is on serving our community through civic tech. We value the participation of each member of our community and want all attendees to have an enjoyable and fulfilling experience.

+

Accordingly, attendees are expected to show respect and courtesy to everyone, regardless of age, gender, sexual orientation, religious or ethnic identity, physical appearance, body size, or ability. Everyone in attendance is required to conform to the following Code of Conduct.

+

Organizers will enforce this code throughout events; more information on reporting a Code of Conduct violation is available below, under the heading Contact Information.

+ +

All Attendees

+

Please show respect for all attendees. In particular:

+
    +
  • Offensive behavior such as verbal abuse, intimidation, or harassment will not be tolerated.
    • +
  • Remember that all our attendees are here for similar reasons, and do not make assumptions about anyone's interests, skill level, or profession based on their appearance or background.
    • +
  • Remember that “no means no.” If someone asks you to stop speaking about a particular subject, or to leave them alone, please do so.
    • +
  • Support your friends and colleagues. If you see someone behaving badly, please let them know that you're not OK with it.
    • +
+ +

Speakers/Presenters

+

Please ensure that your presentation does not stigmatise, alienate, or marginalise any individual or group. In particular:

+
    +
  • Keep any slide decks G-rated.
    • +
  • Anything beyond the occasional mild curse word is not appropriate.
    • +
  • While criticism of software, programming practices, etc. is OK, please try to offer constructive improvements or alternatives as part of your talk. Personal criticism and ad hominem attacks are never OK.
    • +
+ +

Contact Information

+

If you are being harassed, notice that someone else is being harassed, or have any other concerns, please contact one of the co-captains, Becky or Hans. You can email us at brigade@codeforanchorage.org.

+

The captains will be happy to help participants contact venue security or local law enforcement, provide escorts, or otherwise assist those experiencing harassment to feel safe. We value your attendance.

+

This Code of Conduct is taken from Anchorage Progamming Workshop's CoC for Anchorage tech events, available on GitHub.

+ + Creative Commons License +

This Code of Conduct is licensed under a Creative Commons Attribution 3.0 Unported License.

+
+
+ + + + + + + + + + + + + + \ No newline at end of file diff --git a/images/FB-f-Logo__blue_23.png b/images/FB-f-Logo__blue_23.png deleted file mode 100755 index 3d1287b..0000000 Binary files a/images/FB-f-Logo__blue_23.png and /dev/null differ diff --git a/images/Twitter_logo_blue.png b/images/Twitter_logo_blue.png deleted file mode 100644 index 5739bda..0000000 Binary files a/images/Twitter_logo_blue.png and /dev/null differ diff --git a/images/banner/DT-1350.jpg b/images/banner/DT-1350.jpg new file mode 100644 index 0000000..d146a22 Binary files /dev/null and b/images/banner/DT-1350.jpg differ diff --git a/images/banner/DT-1620.jpg b/images/banner/DT-1620.jpg new file mode 100644 index 0000000..f5d151b Binary files /dev/null and b/images/banner/DT-1620.jpg differ diff --git a/images/banner/DT-1850.jpg b/images/banner/DT-1850.jpg new file mode 100644 index 0000000..e700983 Binary files /dev/null and b/images/banner/DT-1850.jpg differ diff --git a/images/banner/DT-2048.jpg b/images/banner/DT-2048.jpg new file mode 100644 index 0000000..73318d7 Binary files /dev/null and b/images/banner/DT-2048.jpg differ diff --git a/images/banner/DT-320.jpg b/images/banner/DT-320.jpg new file mode 100644 index 0000000..54b1024 Binary files /dev/null and b/images/banner/DT-320.jpg differ diff --git a/images/banner/DT-980.jpg b/images/banner/DT-980.jpg new file mode 100644 index 0000000..f5ce248 Binary files /dev/null and b/images/banner/DT-980.jpg differ diff --git a/images/banner/dt-1350.webp b/images/banner/dt-1350.webp new file mode 100644 index 0000000..bdcc961 Binary files /dev/null and b/images/banner/dt-1350.webp differ diff --git a/images/banner/dt-1620.webp b/images/banner/dt-1620.webp new file mode 100644 index 0000000..9ec181e Binary files /dev/null and b/images/banner/dt-1620.webp differ diff --git a/images/banner/dt-1850.webp b/images/banner/dt-1850.webp new file mode 100644 index 0000000..3631d8a Binary files /dev/null and b/images/banner/dt-1850.webp differ diff --git a/images/banner/dt-2048.webp b/images/banner/dt-2048.webp new file mode 100644 index 0000000..57cf56c Binary files /dev/null and b/images/banner/dt-2048.webp differ diff --git a/images/banner/dt-320.webp b/images/banner/dt-320.webp new file mode 100644 index 0000000..8573e2c Binary files /dev/null and b/images/banner/dt-320.webp differ diff --git a/images/banner/dt-980.webp b/images/banner/dt-980.webp new file mode 100644 index 0000000..c8d5de2 Binary files /dev/null and b/images/banner/dt-980.webp differ diff --git a/images/bike.png b/images/bike.png new file mode 100644 index 0000000..8d448db Binary files /dev/null and b/images/bike.png differ diff --git a/images/boardroom1.png b/images/boardroom1.png new file mode 100644 index 0000000..f69902c Binary files /dev/null and b/images/boardroom1.png differ diff --git a/images/body-bg.png b/images/body-bg.png deleted file mode 100644 index d0618fe..0000000 Binary files a/images/body-bg.png and /dev/null differ diff --git a/images/bus.png b/images/bus.png new file mode 100644 index 0000000..0d5186a Binary files /dev/null and b/images/bus.png differ diff --git a/images/coders.jpg b/images/coders.jpg new file mode 100644 index 0000000..4bb9ad3 Binary files /dev/null and b/images/coders.jpg differ diff --git a/images/coders1350.jpg b/images/coders1350.jpg new file mode 100644 index 0000000..bf20ed3 Binary files /dev/null and b/images/coders1350.jpg differ diff --git a/images/coders1350.webp b/images/coders1350.webp new file mode 100644 index 0000000..cc2a1a5 Binary files /dev/null and b/images/coders1350.webp differ diff --git a/images/coders1620.jpg b/images/coders1620.jpg new file mode 100644 index 0000000..293312e Binary files /dev/null and b/images/coders1620.jpg differ diff --git a/images/coders1620.webp b/images/coders1620.webp new file mode 100644 index 0000000..81d181b Binary files /dev/null and b/images/coders1620.webp differ diff --git a/images/coders1850.jpg b/images/coders1850.jpg new file mode 100644 index 0000000..629eeb8 Binary files /dev/null and b/images/coders1850.jpg differ diff --git a/images/coders1850.webp b/images/coders1850.webp new file mode 100644 index 0000000..3b1bb80 Binary files /dev/null and b/images/coders1850.webp differ diff --git a/images/coders2048.jpg b/images/coders2048.jpg new file mode 100644 index 0000000..4f0e33b Binary files /dev/null and b/images/coders2048.jpg differ diff --git a/images/coders2048.webp b/images/coders2048.webp new file mode 100644 index 0000000..ed4201a Binary files /dev/null and b/images/coders2048.webp differ diff --git a/images/coders320.jpg b/images/coders320.jpg new file mode 100644 index 0000000..491dfd9 Binary files /dev/null and b/images/coders320.jpg differ diff --git a/images/coders320.webp b/images/coders320.webp new file mode 100644 index 0000000..abdf2b4 Binary files /dev/null and b/images/coders320.webp differ diff --git a/images/coders980.jpg b/images/coders980.jpg new file mode 100644 index 0000000..e04be2c Binary files /dev/null and b/images/coders980.jpg differ diff --git a/images/coders980.webp b/images/coders980.webp new file mode 100644 index 0000000..896a191 Binary files /dev/null and b/images/coders980.webp differ diff --git a/images/court.png b/images/court.png new file mode 100644 index 0000000..c127b41 Binary files /dev/null and b/images/court.png differ diff --git a/images/dog.png b/images/dog.png new file mode 100644 index 0000000..6f99bd4 Binary files /dev/null and b/images/dog.png differ diff --git a/images/election.png b/images/election.png new file mode 100644 index 0000000..f73a833 Binary files /dev/null and b/images/election.png differ diff --git a/images/highlight-bg.jpg b/images/highlight-bg.jpg deleted file mode 100644 index 4c4a78e..0000000 Binary files a/images/highlight-bg.jpg and /dev/null differ diff --git a/images/hood.jpg b/images/hood.jpg new file mode 100644 index 0000000..84e0858 Binary files /dev/null and b/images/hood.jpg differ diff --git a/images/hood1350.jpg b/images/hood1350.jpg new file mode 100644 index 0000000..b534969 Binary files /dev/null and b/images/hood1350.jpg differ diff --git a/images/hood1350.webp b/images/hood1350.webp new file mode 100644 index 0000000..3777529 Binary files /dev/null and b/images/hood1350.webp differ diff --git a/images/hood1620.jpg b/images/hood1620.jpg new file mode 100644 index 0000000..68a8e7a Binary files /dev/null and b/images/hood1620.jpg differ diff --git a/images/hood1620.webp b/images/hood1620.webp new file mode 100644 index 0000000..d4a5001 Binary files /dev/null and b/images/hood1620.webp differ diff --git a/images/hood1850.jpg b/images/hood1850.jpg new file mode 100644 index 0000000..d39cf82 Binary files /dev/null and b/images/hood1850.jpg differ diff --git a/images/hood1850.webp b/images/hood1850.webp new file mode 100644 index 0000000..d7e4fa6 Binary files /dev/null and b/images/hood1850.webp differ diff --git a/images/hood2048.jpg b/images/hood2048.jpg new file mode 100644 index 0000000..08e2211 Binary files /dev/null and b/images/hood2048.jpg differ diff --git a/images/hood2048.webp b/images/hood2048.webp new file mode 100644 index 0000000..1a94f54 Binary files /dev/null and b/images/hood2048.webp differ diff --git a/images/hood320.jpg b/images/hood320.jpg new file mode 100644 index 0000000..654dc0c Binary files /dev/null and b/images/hood320.jpg differ diff --git a/images/hood320.webp b/images/hood320.webp new file mode 100644 index 0000000..5e2c635 Binary files /dev/null and b/images/hood320.webp differ diff --git a/images/hood980.jpg b/images/hood980.jpg new file mode 100644 index 0000000..4d99e25 Binary files /dev/null and b/images/hood980.jpg differ diff --git a/images/hood980.webp b/images/hood980.webp new file mode 100644 index 0000000..322bfb0 Binary files /dev/null and b/images/hood980.webp differ diff --git a/images/hr.png b/images/hr.png deleted file mode 100644 index 6c723a5..0000000 Binary files a/images/hr.png and /dev/null differ diff --git a/images/lack1350.webp b/images/lack1350.webp new file mode 100644 index 0000000..4940768 Binary files /dev/null and b/images/lack1350.webp differ diff --git a/images/lack1620.webp b/images/lack1620.webp new file mode 100644 index 0000000..98fb448 Binary files /dev/null and b/images/lack1620.webp differ diff --git a/images/lack1850.webp b/images/lack1850.webp new file mode 100644 index 0000000..e4362f8 Binary files /dev/null and b/images/lack1850.webp differ diff --git a/images/lack2048.webp b/images/lack2048.webp new file mode 100644 index 0000000..7f86c8b Binary files /dev/null and b/images/lack2048.webp differ diff --git a/images/lack320.webp b/images/lack320.webp new file mode 100644 index 0000000..216c63b Binary files /dev/null and b/images/lack320.webp differ diff --git a/images/lack980.webp b/images/lack980.webp new file mode 100644 index 0000000..34df564 Binary files /dev/null and b/images/lack980.webp differ diff --git a/images/landack.jpg b/images/landack.jpg new file mode 100644 index 0000000..9289fb3 Binary files /dev/null and b/images/landack.jpg differ diff --git a/images/landack1350.jpg b/images/landack1350.jpg new file mode 100644 index 0000000..6a2d703 Binary files /dev/null and b/images/landack1350.jpg differ diff --git a/images/landack1620.jpg b/images/landack1620.jpg new file mode 100644 index 0000000..639b712 Binary files /dev/null and b/images/landack1620.jpg differ diff --git a/images/landack1850.jpg b/images/landack1850.jpg new file mode 100644 index 0000000..b0c7eb0 Binary files /dev/null and b/images/landack1850.jpg differ diff --git a/images/landack2048.jpg b/images/landack2048.jpg new file mode 100644 index 0000000..f31e5cf Binary files /dev/null and b/images/landack2048.jpg differ diff --git a/images/landack320.jpg b/images/landack320.jpg new file mode 100644 index 0000000..7505497 Binary files /dev/null and b/images/landack320.jpg differ diff --git a/images/landack980.jpg b/images/landack980.jpg new file mode 100644 index 0000000..d1d49fd Binary files /dev/null and b/images/landack980.jpg differ diff --git a/images/logo1.png b/images/logo1.png deleted file mode 100644 index 46a4476..0000000 Binary files a/images/logo1.png and /dev/null differ diff --git a/images/logo2.png b/images/logo2.png deleted file mode 100644 index 7917347..0000000 Binary files a/images/logo2.png and /dev/null differ diff --git a/images/logo3.png b/images/logo3.png deleted file mode 100644 index d12c142..0000000 Binary files a/images/logo3.png and /dev/null differ diff --git a/images/logo4.png b/images/logo4.png deleted file mode 100644 index 6f5e613..0000000 Binary files a/images/logo4.png and /dev/null differ diff --git a/images/meetup.png b/images/meetup.png deleted file mode 100644 index 25c0f29..0000000 Binary files a/images/meetup.png and /dev/null differ diff --git a/images/mover.png b/images/mover.png new file mode 100644 index 0000000..939514e Binary files /dev/null and b/images/mover.png differ diff --git a/images/names.png b/images/names.png new file mode 100644 index 0000000..fbd2279 Binary files /dev/null and b/images/names.png differ diff --git a/images/noun_project_9477.svg b/images/noun_project_9477.svg deleted file mode 100755 index 470bec4..0000000 --- a/images/noun_project_9477.svg +++ /dev/null @@ -1,10 +0,0 @@ - - - - - - - - - - \ No newline at end of file diff --git a/images/octocat-icon.png b/images/octocat-icon.png deleted file mode 100644 index f0ba137..0000000 Binary files a/images/octocat-icon.png and /dev/null differ diff --git a/images/plug.png b/images/plug.png new file mode 100644 index 0000000..74d6f9d Binary files /dev/null and b/images/plug.png differ diff --git a/images/store.jpg b/images/store.jpg new file mode 100644 index 0000000..7c75fe9 Binary files /dev/null and b/images/store.jpg differ diff --git a/images/store1350.jpg b/images/store1350.jpg new file mode 100644 index 0000000..7a398ac Binary files /dev/null and b/images/store1350.jpg differ diff --git a/images/store1350.webp b/images/store1350.webp new file mode 100644 index 0000000..fedbc27 Binary files /dev/null and b/images/store1350.webp differ diff --git a/images/store1620.jpg b/images/store1620.jpg new file mode 100644 index 0000000..082af5e Binary files /dev/null and b/images/store1620.jpg differ diff --git a/images/store1620.webp b/images/store1620.webp new file mode 100644 index 0000000..e8509c4 Binary files /dev/null and b/images/store1620.webp differ diff --git a/images/store1850.jpg b/images/store1850.jpg new file mode 100644 index 0000000..c673627 Binary files /dev/null and b/images/store1850.jpg differ diff --git a/images/store1850.webp b/images/store1850.webp new file mode 100644 index 0000000..7bc380c Binary files /dev/null and b/images/store1850.webp differ diff --git a/images/store2048.jpg b/images/store2048.jpg new file mode 100644 index 0000000..e6b2530 Binary files /dev/null and b/images/store2048.jpg differ diff --git a/images/store2048.webp b/images/store2048.webp new file mode 100644 index 0000000..d4f3798 Binary files /dev/null and b/images/store2048.webp differ diff --git a/images/store320.jpg b/images/store320.jpg new file mode 100644 index 0000000..5dac2d1 Binary files /dev/null and b/images/store320.jpg differ diff --git a/images/store320.webp b/images/store320.webp new file mode 100644 index 0000000..76e53a5 Binary files /dev/null and b/images/store320.webp differ diff --git a/images/store980.jpg b/images/store980.jpg new file mode 100644 index 0000000..4e1daef Binary files /dev/null and b/images/store980.jpg differ diff --git a/images/store980.webp b/images/store980.webp new file mode 100644 index 0000000..c9d1b41 Binary files /dev/null and b/images/store980.webp differ diff --git a/images/tar-gz-icon.png b/images/tar-gz-icon.png deleted file mode 100644 index d50f34f..0000000 Binary files a/images/tar-gz-icon.png and /dev/null differ diff --git a/images/zip-icon.png b/images/zip-icon.png deleted file mode 100644 index 162c425..0000000 Binary files a/images/zip-icon.png and /dev/null differ diff --git a/index.html b/index.html index 8d1690f..b66b61b 100644 --- a/index.html +++ b/index.html @@ -1,149 +1,505 @@ - - - - - - - - - - - - - Code for Anchorage - - - - -
-
- -
-

Code for Anchorage

-
- -
-

Who We Are

- -

We're a brigade of Code for America, which means that we're a volunteer group of - coders who like to work on software projects for the good of our community.

- -

If you're interested in joining us or learning more, attend one of our meetups - every other Tuesday, 5:30 PM online for the next few months.

-
- -
-

Our projects

- -

This is a sampling of some of the work we've done. We're always looking for new project ideas.

- - -
- -
-

Press

- - -
- -
-

Sponsors

- -
-

-

-

-

-
-
- -
-

Join Us

- -

Check out our Meetup page to attend our next meeting. There will be pizza and beer!

- -

Or you can colloborate with us virtually through our Github repositories.

-
- -
-

Donate to Code for Anchorage

- - Donate - -

Code for Anchorage is a volunteer non-profit group under - 501c3 Code for America and relies on donations - to pay for food and beverages at meetings, software and hosting, and for marketing. With those resources our volunteers work on projects that - help make Anchorage an easier and better city to live in. Please consider making a tax dedecutible donation.

-
- - + + + + + + + Code for Anchorage + + + + + + + + + + + + + + + +
+
+
+ + + + + + A group of developers working on a project.
+ + +

Who
+ we
+ are

+
+

We are a brigade of
Code for America

+

We're a volunteer group of + coders that like to work on software projects for the good of our community. + If you're interested in joining us or learning more, attend one of our Hack Nights, located at The + Boardroom, every other Tuesday at 5:30 PM. Check out our Meetup page to attend our next meeting. + There will be pizza and beer! You can also colloborate with us virtually through our Github repositories.

+ +
- - +
+ + +
+
+
+

Our Projects

+
+
+ + +
+
+ Anchorage People Mover logo of front of bus with heart in the window. +
+
+

Bus Tracker

+

We worked with the Municipality of Anchorage to put the People Mover bus data into Google Maps which you + can use in People Mover + Trip Planner or by using the bus icon in Google Maps. The + data is also used by Bing and Moovit. Text "about" to 907-312-2060 for realtime bus times.

+ +
+
+
+
+ Courtesy Reminder: John has a court hearing on Mon, September 1 at... +
+
+

Alaska CourtBot

+

A free service that will send you a text message reminder the day before your court hearing. Just text + your case or ticket number to: 907-312-2700

+ +
+
+
+
+ A bubble quote bar graph coming from a smartphone with blue and red bars on the screen. +
+
+

Election Watch

+

Tired of refreshing the election results page? This app will do it for you and send you a text when the + results page changes. Just text START to: 907-312-1012

+ +
+
+
+
+ A Google map of the bike trails used to get from brewery to brewery. +
+
+

Bike Brewery Tour of Anchorage

+

The Bike Brewery Tour of Anchorage leverages Google Maps data, using information about local breweries + and bike trails to take you on a fun tour of Anchorage.

+ +
+
+
+
+ Plug at 20 degrees Fahrenheit logo. +
+
+

Plug at 20°

+

Help improve air quality by texting your zip code to 907-312-20​14 to receive a free text when the + temperature in your area dips below 20 degrees.

+ +
+
+
+
+ + + + + + A group of developers working on a project. + + + + +
+
+

SNAP Text Services

+

Text your account number to 907-312-1148 to check your Supplemental Nutrition Assistance Program (SNAP) + (Alaska Quest Card, Food Stamp) Balance.

+

Text ‘Hello’ to 1-907-312-2300 SNAP Public Assistance Pre-Screener to see if you or your family + qualify for public assistance. + Demo video +

+ +
+
+
+
+ Dog Name Game Anchorage Edition +
+
+

Dog Name Game

+

The Dog Name Game uses dog registration data in Anchorage.

+ +
+
+
+
+ Alaska Names website with input field to enter names and an empty graph. +
+
+

Alaskan Names

+

The Alaskan Name Graph shows the popularity of names in Alaska using the PDF data set.

+ +
+
+ +
+
+
+ + +
+
+
+

Our Sponsors

+
+
+
The Boardroom
+
Query On
+
Threat Informant
+
Small Business Development
+
+
+
+
+
+ + +
+
+
+

Press

+
+
+ + + + +
+
+
+ + +
+
+
+

Want to donate?

+

Code for Anchorage is a volunteer non-profit group under + 501c3 Code for America and relies on donations + to pay for food and beverages at meetings, software and hosting, and for marketing. With those + resources our volunteers work on projects that + help make Anchorage a better city to live in. Please consider making a tax dedecutible donation.

+ + + +
+ +
+
+ + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/javascripts/main.js b/javascripts/main.js deleted file mode 100644 index d8135d3..0000000 --- a/javascripts/main.js +++ /dev/null @@ -1 +0,0 @@ -console.log('This would be the main JS file.'); diff --git a/stylesheets/print.css b/stylesheets/print.css deleted file mode 100644 index 541695b..0000000 --- a/stylesheets/print.css +++ /dev/null @@ -1,226 +0,0 @@ -html, body, div, span, applet, object, iframe, -h1, h2, h3, h4, h5, h6, p, blockquote, pre, -a, abbr, acronym, address, big, cite, code, -del, dfn, em, img, ins, kbd, q, s, samp, -small, strike, strong, sub, sup, tt, var, -b, u, i, center, -dl, dt, dd, ol, ul, li, -fieldset, form, label, legend, -table, caption, tbody, tfoot, thead, tr, th, td, -article, aside, canvas, details, embed, -figure, figcaption, footer, header, hgroup, -menu, nav, output, ruby, section, summary, -time, mark, audio, video { - margin: 0; - padding: 0; - border: 0; - font-size: 100%; - font: inherit; - vertical-align: baseline; -} -/* HTML5 display-role reset for older browsers */ -article, aside, details, figcaption, figure, -footer, header, hgroup, menu, nav, section { - display: block; -} -body { - line-height: 1; -} -ol, ul { - list-style: none; -} -blockquote, q { - quotes: none; -} -blockquote:before, blockquote:after, -q:before, q:after { - content: ''; - content: none; -} -table { - border-collapse: collapse; - border-spacing: 0; -} -body { - font-size: 13px; - line-height: 1.5; - font-family: 'Helvetica Neue', Helvetica, Arial, serif; - color: #000; -} - -a { - color: #d5000d; - font-weight: bold; -} - -header { - padding-top: 35px; - padding-bottom: 10px; -} - -header h1 { - font-weight: bold; - letter-spacing: -1px; - font-size: 48px; - color: #303030; - line-height: 1.2; -} - -header h2 { - letter-spacing: -1px; - font-size: 24px; - color: #aaa; - font-weight: normal; - line-height: 1.3; -} -#downloads { - display: none; -} -#main_content { - padding-top: 20px; -} - -code, pre { - font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal; - color: #222; - margin-bottom: 30px; - font-size: 12px; -} - -code { - padding: 0 3px; -} - -pre { - border: solid 1px #ddd; - padding: 20px; - overflow: auto; -} -pre code { - padding: 0; -} - -ul, ol, dl { - margin-bottom: 20px; -} - - -/* COMMON STYLES */ - -table { - width: 100%; - border: 1px solid #ebebeb; -} - -th { - font-weight: 500; -} - -td { - border: 1px solid #ebebeb; - text-align: center; - font-weight: 300; -} - -form { - background: #f2f2f2; - padding: 20px; - -} - - -/* GENERAL ELEMENT TYPE STYLES */ - -h1 { - font-size: 2.8em; -} - -h2 { - font-size: 22px; - font-weight: bold; - color: #303030; - margin-bottom: 8px; -} - -h3 { - color: #d5000d; - font-size: 18px; - font-weight: bold; - margin-bottom: 8px; -} - -h4 { - font-size: 16px; - color: #303030; - font-weight: bold; -} - -h5 { - font-size: 1em; - color: #303030; -} - -h6 { - font-size: .8em; - color: #303030; -} - -p { - font-weight: 300; - margin-bottom: 20px; -} - -a { - text-decoration: none; -} - -p a { - font-weight: 400; -} - -blockquote { - font-size: 1.6em; - border-left: 10px solid #e9e9e9; - margin-bottom: 20px; - padding: 0 0 0 30px; -} - -ul li { - list-style: disc inside; - padding-left: 20px; -} - -ol li { - list-style: decimal inside; - padding-left: 3px; -} - -dl dd { - font-style: italic; - font-weight: 100; -} - -footer { - margin-top: 40px; - padding-top: 20px; - padding-bottom: 30px; - font-size: 13px; - color: #aaa; -} - -footer a { - color: #666; -} - -/* MISC */ -.clearfix:after { - clear: both; - content: '.'; - display: block; - visibility: hidden; - height: 0; -} - -.clearfix {display: inline-block;} -* html .clearfix {height: 1%;} -.clearfix {display: block;} \ No newline at end of file diff --git a/stylesheets/pygment_trac.css b/stylesheets/pygment_trac.css deleted file mode 100644 index c6a6452..0000000 --- a/stylesheets/pygment_trac.css +++ /dev/null @@ -1,69 +0,0 @@ -.highlight { background: #ffffff; } -.highlight .c { color: #999988; font-style: italic } /* Comment */ -.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */ -.highlight .k { font-weight: bold } /* Keyword */ -.highlight .o { font-weight: bold } /* Operator */ -.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */ -.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */ -.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */ -.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */ -.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */ -.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */ -.highlight .ge { font-style: italic } /* Generic.Emph */ -.highlight .gr { color: #aa0000 } /* Generic.Error */ -.highlight .gh { color: #999999 } /* Generic.Heading */ -.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */ -.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */ -.highlight .go { color: #888888 } /* Generic.Output */ -.highlight .gp { color: #555555 } /* Generic.Prompt */ -.highlight .gs { font-weight: bold } /* Generic.Strong */ -.highlight .gu { color: #800080; font-weight: bold; } /* Generic.Subheading */ -.highlight .gt { color: #aa0000 } /* Generic.Traceback */ -.highlight .kc { font-weight: bold } /* Keyword.Constant */ -.highlight .kd { font-weight: bold } /* Keyword.Declaration */ -.highlight .kn { font-weight: bold } /* Keyword.Namespace */ -.highlight .kp { font-weight: bold } /* Keyword.Pseudo */ -.highlight .kr { font-weight: bold } /* Keyword.Reserved */ -.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */ -.highlight .m { color: #009999 } /* Literal.Number */ -.highlight .s { color: #d14 } /* Literal.String */ -.highlight .na { color: #008080 } /* Name.Attribute */ -.highlight .nb { color: #0086B3 } /* Name.Builtin */ -.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */ -.highlight .no { color: #008080 } /* Name.Constant */ -.highlight .ni { color: #800080 } /* Name.Entity */ -.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */ -.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */ -.highlight .nn { color: #555555 } /* Name.Namespace */ -.highlight .nt { color: #000080 } /* Name.Tag */ -.highlight .nv { color: #008080 } /* Name.Variable */ -.highlight .ow { font-weight: bold } /* Operator.Word */ -.highlight .w { color: #bbbbbb } /* Text.Whitespace */ -.highlight .mf { color: #009999 } /* Literal.Number.Float */ -.highlight .mh { color: #009999 } /* Literal.Number.Hex */ -.highlight .mi { color: #009999 } /* Literal.Number.Integer */ -.highlight .mo { color: #009999 } /* Literal.Number.Oct */ -.highlight .sb { color: #d14 } /* Literal.String.Backtick */ -.highlight .sc { color: #d14 } /* Literal.String.Char */ -.highlight .sd { color: #d14 } /* Literal.String.Doc */ -.highlight .s2 { color: #d14 } /* Literal.String.Double */ -.highlight .se { color: #d14 } /* Literal.String.Escape */ -.highlight .sh { color: #d14 } /* Literal.String.Heredoc */ -.highlight .si { color: #d14 } /* Literal.String.Interpol */ -.highlight .sx { color: #d14 } /* Literal.String.Other */ -.highlight .sr { color: #009926 } /* Literal.String.Regex */ -.highlight .s1 { color: #d14 } /* Literal.String.Single */ -.highlight .ss { color: #990073 } /* Literal.String.Symbol */ -.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */ -.highlight .vc { color: #008080 } /* Name.Variable.Class */ -.highlight .vg { color: #008080 } /* Name.Variable.Global */ -.highlight .vi { color: #008080 } /* Name.Variable.Instance */ -.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */ - -.type-csharp .highlight .k { color: #0000FF } -.type-csharp .highlight .kt { color: #0000FF } -.type-csharp .highlight .nf { color: #000000; font-weight: normal } -.type-csharp .highlight .nc { color: #2B91AF } -.type-csharp .highlight .nn { color: #000000 } -.type-csharp .highlight .s { color: #A31515 } -.type-csharp .highlight .sc { color: #A31515 } diff --git a/stylesheets/stylesheet.css b/stylesheets/stylesheet.css deleted file mode 100644 index 33e427c..0000000 --- a/stylesheets/stylesheet.css +++ /dev/null @@ -1,406 +0,0 @@ -/* http://meyerweb.com/eric/tools/css/reset/ - v2.0 | 20110126 - License: none (public domain) -*/ -html, body, div, span, applet, object, iframe, -h1, h2, h3, h4, h5, h6, p, blockquote, pre, -a, abbr, acronym, address, big, cite, code, -del, dfn, em, img, ins, kbd, q, s, samp, -small, strike, strong, sub, sup, tt, var, -b, u, i, center, -dl, dt, dd, ol, ul, li, -fieldset, form, label, legend, -table, caption, tbody, tfoot, thead, tr, th, td, -article, aside, canvas, details, embed, -figure, figcaption, footer, header, hgroup, -menu, nav, output, ruby, section, summary, -time, mark, audio, video { - margin: 0; - padding: 0; - border: 0; - font-size: 100%; - font: inherit; - vertical-align: baseline; -} -/* HTML5 display-role reset for older browsers */ -article, aside, details, figcaption, figure, -footer, header, hgroup, menu, nav, section { - display: block; -} -body { - line-height: 1; -} -ol, ul { - list-style: none; -} -blockquote, q { - quotes: none; -} -blockquote:before, blockquote:after, -q:before, q:after { - content: ''; - content: none; -} -table { - border-collapse: collapse; - border-spacing: 0; -} - -/* LAYOUT STYLES */ -body { - font-size: 1em; - line-height: 1.5; - background: #e7e7e7 url(../images/body-bg.png) 0 0 repeat; - font-family: 'Helvetica Neue', Helvetica, Arial, serif; - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); - color: #6d6d6d; -} - -a { - color: #d5000d; -} -a:hover { - color: #c5000c; -} - -header { - padding-top: 35px; - padding-bottom: 25px; -} - -header h1 { - font-family: 'Chivo', 'Helvetica Neue', Helvetica, Arial, serif; font-weight: 900; - letter-spacing: -1px; - font-size: 48px; - color: #303030; - line-height: 1.2; - margin-top: 0; -} - -header h2 { - letter-spacing: -1px; - font-size: 24px; - color: #aaa; - font-weight: normal; - line-height: 1.3; -} - -#container { - background: transparent url(../images/highlight-bg.jpg) 50% 0 no-repeat; - min-height: 595px; -} - -.inner { - width: 620px; - margin: 0 auto; -} - -#container .inner img { - max-width: 100%; -} - -#downloads { - margin-bottom: 40px; -} - -a.button { - -moz-border-radius: 30px; - -webkit-border-radius: 30px; - border-radius: 30px; - border-top: solid 1px #cbcbcb; - border-left: solid 1px #b7b7b7; - border-right: solid 1px #b7b7b7; - border-bottom: solid 1px #b3b3b3; - color: #303030; - line-height: 25px; - font-weight: bold; - font-size: 15px; - padding: 12px 8px 12px 8px; - display: block; - float: left; - width: 179px; - margin-right: 14px; - background: #fdfdfd; /* Old browsers */ - background: -moz-linear-gradient(top, #fdfdfd 0%, #f2f2f2 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%); /* IE10+ */ - background: linear-gradient(top, #fdfdfd 0%,#f2f2f2 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */ - -webkit-box-shadow: 10px 10px 5px #888; - -moz-box-shadow: 10px 10px 5px #888; - box-shadow: 0px 1px 5px #e8e8e8; -} -a.button:hover { - border-top: solid 1px #b7b7b7; - border-left: solid 1px #b3b3b3; - border-right: solid 1px #b3b3b3; - border-bottom: solid 1px #b3b3b3; - background: #fafafa; /* Old browsers */ - background: -moz-linear-gradient(top, #fdfdfd 0%, #f6f6f6 100%); /* FF3.6+ */ - background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#f6f6f6)); /* Chrome,Safari4+ */ - background: -webkit-linear-gradient(top, #fdfdfd 0%,#f6f6f6 100%); /* Chrome10+,Safari5.1+ */ - background: -o-linear-gradient(top, #fdfdfd 0%,#f6f6f6 100%); /* Opera 11.10+ */ - background: -ms-linear-gradient(top, #fdfdfd 0%,#f6f6f6 100%); /* IE10+ */ - background: linear-gradient(top, #fdfdfd 0%,#f6f6f6, 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#f6f6f6',GradientType=0 ); /* IE6-9 */ -} - -a.button span { - padding-left: 50px; - display: block; - height: 23px; -} - -#download-zip span { - background: transparent url(../images/zip-icon.png) 12px 50% no-repeat; -} -#download-tar-gz span { - background: transparent url(../images/tar-gz-icon.png) 12px 50% no-repeat; -} -#google-group span { - background-image: none, url(../images/noun_project_9477.svg); - background-position: 12px; - background-repeat: no-repeat; - background-size: 28px 23px; -} -#google-group { - margin-right: 0; -} -#meetup span { - background: transparent url(../images/meetup.png) 12px 50% no-repeat; -} -#meetup { - margin-right: 0; -} -#view-on-github span { - background: transparent url(../images/octocat-icon.png) 12px 50% no-repeat; -} -#view-on-github { - margin-right: 0; -} - -#twitter span { - background: transparent url(../images/Twitter_logo_blue.png) 12px 50% no-repeat; -} -#twitter { - margin-right: 0; -} - -#facebook span { - background: transparent url(../images/FB-f-Logo__blue_23.png) 12px 50% no-repeat; -} -#facebook { - margin-right: 0; -} - -code, pre { - font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal; - color: #222; - margin-bottom: 30px; - font-size: 14px; -} - -code { - background-color: #f2f2f2; - border: solid 1px #ddd; - padding: 0 3px; -} - -pre { - padding: 20px; - background: #303030; - color: #f2f2f2; - text-shadow: none; - overflow: auto; -} -pre code { - color: #f2f2f2; - background-color: #303030; - border: none; - padding: 0; -} - -ul, ol, dl { - margin-bottom: 20px; -} - - -/* COMMON STYLES */ - -hr { - height: 1px; - line-height: 1px; - margin-top: 1em; - padding-bottom: 1em; - border: none; - background: transparent url('../images/hr.png') 50% 0 no-repeat; -} - -strong { - font-weight: normal; -} - -em { - font-style: italic; -} - -table { - width: 100%; - border: 1px solid #ebebeb; -} - -th { - font-weight: 500; -} - -td { - border: 1px solid #ebebeb; - text-align: center; - font-weight: 300; -} - -form { - background: #f2f2f2; - padding: 20px; - -} - - -/* GENERAL ELEMENT TYPE STYLES */ - -h1 { - font-size: 32px; - margin-top: 50px; -} - -h2 { - font-size: 22px; - font-weight: bold; - color: #303030; - margin-bottom: 8px; -} - -h3 { - color: #d5000d; - font-size: 18px; - font-weight: bold; - margin-bottom: 8px; -} - -h4 { - font-size: 16px; - color: #303030; - font-weight: bold; -} - -h5 { - font-size: 1em; - color: #303030; -} - -h6 { - font-size: .8em; - color: #303030; -} - -p { - font-weight: 300; - margin-bottom: 20px; -} - -li { - font-weight: 300; -} - -a { - text-decoration: none; -} - -p a { - font-weight: 400; -} - -blockquote { - font-size: 1.6em; - border-left: 10px solid #e9e9e9; - margin-bottom: 20px; - padding: 0 0 0 30px; -} - -ul li { - list-style: disc inside; - padding-left: 20px; -} - -ol li { - list-style: decimal inside; - padding-left: 3px; -} - -dl dt { - color: #303030; -} - -footer { - background: transparent url('../images/hr.png') 0 0 no-repeat; - margin-top: 40px; - padding-top: 20px; - padding-bottom: 30px; - font-size: 13px; - color: #aaa; -} - -footer a { - color: #666; -} -footer a:hover { - color: #444; -} - -/* MISC */ -.clearfix:after { - clear: both; - content: '.'; - display: block; - visibility: hidden; - height: 0; -} - -.clearfix {display: inline-block;} -* html .clearfix {height: 1%;} -.clearfix {display: block;} - -/* #Media Queries -================================================== */ - -/* Smaller than standard 960 (devices and browsers) */ -@media only screen and (max-width: 959px) {} - -/* Tablet Portrait size to standard 960 (devices and browsers) */ -@media only screen and (min-width: 768px) and (max-width: 959px) {} - -/* All Mobile Sizes (devices and browser) */ -@media only screen and (max-width: 767px) { - header { - padding-top: 10px; - padding-bottom: 10px; - } - #downloads { - margin-bottom: 25px; - } - #download-zip, #download-tar-gz { - display: none; - } - .inner { - width: 94%; - margin: 0 auto; - } -} - -/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ -@media only screen and (min-width: 480px) and (max-width: 767px) {} - -/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ -@media only screen and (max-width: 479px) {}