{"version":3,"sourceRoot":"","sources":["style.scss","../_sass/taiga/_base.scss","../_sass/taiga/_mixins.scss","../_sass/taiga/_settings.scss","../_sass/taiga/_grid.scss","../_sass/taiga/_layout.scss","../_sass/taiga/_states.scss","../_sass/taiga/_button.scss","../_sass/taiga/_print.scss","../_sass/modules/_syntax.scss","../_sass/modules/_logo.scss","../_sass/modules/_jumbotron.scss","../_sass/modules/_mainmenu.scss","../_sass/modules/_toc.scss","../_sass/modules/_builtwithwicket.scss","../_sass/modules/_quickstart.scss","../_sass/modules/_wicket8.scss","../_sass/main.scss"],"names":[],"mappings":"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","sourcesContent":["@import url(../fonts/source-code-pro/stylesheet.css);\n@import url(../fonts/source-sans-pro/stylesheet.css);\n@import url(../fonts/wicket-font/stylesheet.css);\n@import \"main\";\n","// =========== Base\n\nhtml, 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; }\n\n*,\n*:after,\n*:before {\n    @include box-sizing(border-box);\n}\n\n::-moz-selection { background: $color-neutral-90; color: $white; text-shadow: none; }\n::selection { background: $color-neutral-90; color: $white; text-shadow: none; }\n\nhtml {\n    color: $color-neutral-70;\n    font: 300 $font-size-base $font-family-body;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    text-rendering: auto;\n    -webkit-text-size-adjust: 100%;\n    \n    @include breakpoint($breakpoint-20) {\n       font-size: $font-size-base + 2;\n    }\n}\n\nbody {\n    line-height: 1.5em;\n    background-color: #fff;\n}\n\n\n// Headings\nh1, h2, legend, h3, h4, h5, h6 {\n    font-family: $font-family-heading;\n    font-weight: 400;\n    line-height: 1.5em;\n    margin: 0 0 0.25em 0;\n}\n\nh1 { font-size: 2rem; }\n\nh2,\nlegend {\n    font-size: 1.5rem;\n}\n\nh3 { font-size: 1.3rem; }\n\nh4 { font-size: 1.2rem; }\n\nh5 { font-size: 1.1rem; }\n\nh6 { font-size: 1rem; }\n\n\n// Paragraphs\np {\n    margin-bottom: $spacing;\n\n    &.is-lead { font-size: $font-size-40; }\n}\n\n\n// Links\na {\n    color: $color-brand-50;\n    cursor: pointer;\n    text-decoration: none;\n\n    &:hover { color: $color-brand-60; }\n}\n\n\n// Other\nsmall {\n    color: $color-neutral-50;\n    font-size: $font-size-20;\n}\n\nem { font-style: italic; }\n\nstrong { font-weight: bold; }\n\ncode, pre { font-family: 'courier new', monospace; }\n\npre { overflow-x: auto; }\n\nabbr { border-bottom: 1px dotted $color-neutral-50; }\n\ndel { text-decoration: line-through; }\n\nmark { background-color: lighten(yellow, 35%); }\n\nhr {\n    background-color: transparent;\n    border: solid $color-neutral-30;\n    border-width: 1px 0 0;\n    clear: both;\n    margin: 2.5rem $spacing;\n}\n\n\n// Lists\nul, ol { margin: 0 0 $spacing 1.5rem; }\n\nul { list-style: disc; }\n\nol { list-style: decimal; }\n\ndl {\n    margin-bottom: $spacing;\n\n    dt { font-weight: bold; }\n    dd { margin-left: $spacing; }\n\n    &.advanced {\n        @include grid-container;\n\n        dt { @include grid(16, 0, 1); }\n\n        dd { @include grid(32); }\n    }\n}\n\nmain {\n\tbox-shadow: 0 .5rem 3rem #f0f0f0;\n}\n\n.announce {\n\tfont-weight: bold !important;\n\tfont-size: 4rem;\n\tcolor: rgb(48, 50, 132);\n}","// =========== Mixins\n\n// Animations\n// Example: .element { @include animation(keyframe-name, 500ms, default); }\n@mixin animation ($name: true, $duration: true, $timing_function: true, $delay: false, $iteration_count: false, $direction: false) {\n    @if $name { -webkit-animation-name: $name; -moz-animation-name: $name; -ms-animation-name: $name; }\n    @if $duration { -webkit-animation-duration: $duration; -moz-animation-duration: $duration; -ms-animation-duration: $duration; }\n    @if $timing_function { -webkit-animation-timing-function: $timing_function; -moz-animation-timing-function: $timing_function;  -ms-animation-timing-function: $timing_function; }\n    @if $delay { -webkit-animation-delay: $delay; -moz-animation-delay: $delay; -ms-animation-delay: $delay; }\n    @if $iteration_count { -webkit-animation-iteration-count: $iteration_count; -moz-animation-iteration-count: $iteration_count; -ms-animation-iteration-count: $iteration_count; }\n    @if $direction { -webkit-animation-direction: $direction; -moz-animation-direction: $direction; -ms-animation-direction: $direction; }\n}\n\n// Backface-visibility\n// Example: .element { @include backface-visibility(hidden); }\n@mixin backface-visibility($backface) {\n    -webkit-backface-visibility: $backface;\n    -moz-backface-visibility: $backface;\n    -ms-backface-visibility: $backface;\n    backface-visibility: $backface;\n}\n\n// Border-radius\n// Example: .element { @include border-radius($border-radius-10); }\n@mixin border-radius($radius) {\n    background-clip: padding-box;\n    border-radius: $radius;\n}\n\n// Box-sizing\n// Example: .element { @include box-sizing(border-box); }\n@mixin box-sizing($box) {\n    -webkit-box-sizing: $box;\n    -moz-box-sizing: $box;\n    box-sizing: $box;\n}\n\n// Media queries\n// Example: @include breakpoint($breakpoint-20) { your properties }\n@mixin breakpoint($breakpoint, $property-name : $breakpoint-property) {\n    @media ($property-name: $breakpoint) {\n        @content;\n    }\n}\n\n// Filters\n// Example: .element { @include filter(grayscale(50%)); }\n@mixin filter($filter) {\n    -webkit-filter: $filter;\n    -moz-filter: $filter;\n    filter: $filter;\n}\n\n// Retina image\n// Example: .element { @include image-2x(\"logo2x.png\", 2em, 1em); }\n@mixin retina($image, $width, $height) {\n    @media (min--moz-device-pixel-ratio: 1.3), (-o-min-device-pixel-ratio: 2.6/2), (-webkit-min-device-pixel-ratio: 1.3), (min-device-pixel-ratio: 1.3), (min-resolution: 1.3dppx) {\n        background-image: url($image);\n        background-size: $width $height;\n    }\n}\n\n// Perspective\n// Example: .element { @include perspective(1000); }\n@mixin perspective($perspective) {\n    -webkit-perspective: $perspective;\n    -moz-perspective: $perspective;\n    perspective: $perspective;\n}\n\n// Transform\n// Example: .element { @include transform(translateX(1em)); }\n@mixin transform($transform) {\n    -webkit-transform: $transform;\n    -moz-transform: $transform;\n    -ms-transform: $transform;\n    transform: $transform;\n}\n\n// Transition\n// Example: .element { @include transition(background 500ms ease-in); }\n@mixin transition($transition) {\n    -webkit-transition: $transition;\n    -moz-transition: $transition;\n    transition: $transition;\n}\n\n// Columns\n// Example: .element { @include columns(2, 1em)); }\n@mixin columns($count, $gap) {\n    -webkit-column-count: $count;\n    -webkit-column-gap : $gap;\n    -moz-column-count: $count;\n    -moz-column-gap: $gap;\n    column-count: $count;\n    column-gap: $gap;\n}\n\n// Column rule\n// Example: .element { @include column-rule(1px, solid, #000); }\n@mixin columns-rule($size, $style, $color) {\n    -webkit-column-rule-width: $size;\n    -webkit-column-rule-style: $style;\n    -webkit-column-rule-color: $color;\n    -moz-column-rule-width: $size;\n    -moz-column-rule-style: $style;\n    -moz-column-rule-color: $color;\n    column-rule-width: $size;\n    column-rule-style: $style;\n    column-rule-color: $color;\n}\n\n// Gradient\n// Example: .element { @include gradient(top, #000, #fff); }\n@mixin gradient($side, $start, $end) {\n    background-color: $end;\n    background-image: -webkit-linear-gradient($side, $start, $end);\n    background-image: -moz-linear-gradient($side, $start, $end);\n    background-image: -ms-linear-gradient($side, $start, $end);\n    background-image: linear-gradient($side, $start, $end);\n}\n","// =========== Settings\n\n// Most of the variables are based on some kind of percentages to maintain stability.\n// So $variable-10 is small or light and $variable-100 is big or dark.\n\n\n// Set your own font\n$font-family-body: \"Source Sans Pro\", sans-serif;\n$font-family-heading: \"Source Sans Pro\";\n\n// The base font-size, all other elements will adjust to this value\n$font-size-base: 15px;\n\n$font-size-10: 0.75rem;\n$font-size-20: 0.875rem;\n$font-size-30: 1rem;\n$font-size-40: 1.125rem;\n$font-size-50: 1.313rem;\n$font-size-60: 1.5rem;\n$font-size-70: 1.625rem;\n$font-size-80: 1.75rem;\n$font-size-100: 2rem;\n\n// The grid columns will be used in the grid mixin, 48 is standard\n$grid-columns: 48;\n\n\n// Adjust the website's maximum width.\n$max-width: 85rem;\n\n\n// Use the spacing variable on margins and paddings\n$spacing: 1rem;\n\n\n// Adjust the border-radius\n$border-radius-10: 0.125rem;\n$border-radius-20: 0.313rem;\n\n\n// Media queries\n// Adjust them to you needs or add more\n$breakpoint-property: min-width;\n$breakpoint-10: 590px;\n$breakpoint-20: 769px;\n$breakpoint-30: 960px;\n$breakpoint-40: 1152px;\n$breakpoint-50: 1295px;\n\n// Z-index plan\n$z-index-10: 10;\n$z-index-20: 20;\n$z-index-30: 30;\n\n\n// Colors\n// Add your own color variables\n\n// Color brand\n$color-brand-40: darken(#E97826, 25%);\n$color-brand-50: #E97826; // Default\n$color-brand-60: lighten(#E97826, 10%);\n$color-brand-70: #FF9925; //old default\n\n\n// Color success\n$color-success-50: #39b924; // Default\n$color-success-60: #249c11;\n\n// Color alert\n$color-alert-50: #f3490d; // Default\n$color-alert-60: #d33e09;\n\n// Color neutral\n$color-neutral-10: #eef2f0;\n$color-neutral-30: #ccd6d2;\n$color-neutral-50: #8d9994;\n$color-neutral-70: #3f4542;\n$color-neutral-90: #232725;\n\n// Color basics\n$black: #000;\n$almost-black: #111111;\n$white: #fff;\n","// =========== Grid\n\n// Use '@include grid(12, 2)' to make a column.\n// The first unit (12) is the column width.\n// The second unit (2) is the margin on both sides.\n// The margin will be auto substracted from the column width.\n// So don't recalculate the column width if you change your margin.\n\n// To set different margins on both sides use '@include grid(12, 2, 3)'.\n// You can also use negative margins.\n\n$grid-column: 100% / $grid-columns;\n\n@mixin col($n: 1) { width: ($n * $grid-column); }\n@mixin prepend($n: 1) { margin-left: $grid-column * $n }\n@mixin append($n: 1) { margin-right: $grid-column * $n }\n\n@mixin grid($cols: 1, $grid-margin-left: 0, $grid-margin-right: $grid-margin-left) {\n    @include col($cols - ($grid-margin-left + $grid-margin-right));\n    @include prepend($grid-margin-left);\n    @include append($grid-margin-right);\n}\n\n// Use this mixin to reset your grid by example for your mobile articles\n@mixin grid-reset() {\n    clear: both;\n    float: none;\n    margin-left: 0;\n    margin-right: 0;\n    width: auto;\n}\n\n// The grid-container mixin is necessary for the floats\n@mixin grid-container() {\n\n    &:before,\n    &:after {\n        content: \"\";\n        display: table;\n    }\n\n    &:after { clear: both; }\n}\n","// =========== Layout\n\n.l-full {\n    @include breakpoint($breakpoint-30) { @include grid(48, 1); }\n    width: 100%;\n    float: none;\n}\n\n.l-two-third {\n\n    @include breakpoint($breakpoint-30) { @include grid(32, 1); }\n}\n\n.l-half {\n\n    @include breakpoint($breakpoint-30) { @include grid(24, 1); }\n}\n\n.l-one-quarter {\n    @include breakpoint($breakpoint-30) { @include grid(12, 1); }\n}\n\n.l-one-eigth {\n    @include breakpoint($breakpoint-30) { @include grid(6, 1); }\n}\n\n.l-one-sixth {\n    @include breakpoint($breakpoint-30) { @include grid(8, 1); }\n}\n\n.l-one-third {\n\n    @include breakpoint($breakpoint-30) { @include grid(16, 1);  }\n}\n\n.l-grid {\n    @include grid-container;\n\n    li { @include grid(16, 1); }\n}\n\n.l-first { clear: left; }\n\n\n.l-container {\n    margin: auto;\n    max-width: $max-width;\n    padding: $spacing ;\n    @include grid-container;\n\n    @include breakpoint($breakpoint-30) { padding: $spacing ($spacing * 5); }\n}\n\n.l-button-table {\n    @include breakpoint($breakpoint-30) {\n        display: flex;\n        justify-content: center;        \n    }\n}\n\n.l-button-table > .l-two-third {\n    float: none;\n    margin-left: 0;\n    margin-right: 0;\n} \n\n.l-flex {\n\tdisplay:flex;\n\tflex-wrap: wrap;\n}","// =========== States\n\n.is-hidden { display: none !important; }\n\n.is-hidden, .is-invisible { visibility: hidden !important; }\n\n.is-active, .is-visible { display: block; }\n\n.left { @include breakpoint($breakpoint-10) { float: left; } }\n\n.right { @include breakpoint($breakpoint-10) { float: right; } }\n\n.text-left { text-align: left; }\n\n.text-right { text-align: right; }\n\n.text-center { text-align: center; }\n\n.nowrap { white-space: nowrap; }\n\nimg.desaturated {\n    -webkit-filter: grayscale(100%);\n    -moz-filter: grayscale(100%);\n    filter: grayscale(100%);\n}\n","// =========== Buttons\n\nbutton::-moz-focus-inner,\ninput::-moz-focus-inner {\n    border: 0;\n    padding: 0;\n}\n\n%button {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    appearance: none;\n    border: 0;\n    border-radius: $border-radius-10;\n    cursor: pointer;\n    display: inline-block;\n    font-family: $font-family-body;\n    font-size: $font-size-30;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n    font-weight: bold;\n    line-height: 1.5em;\n    margin: 0 0 0.25rem 0;\n    padding: 0.5rem 0.75rem;\n    text-decoration: none;\n    vertical-align: bottom;\n\n    &:focus { outline: 0; }\n}\n\n// The standard button has the $color-brand colors\n.button,\ninput[type=submit],\nbutton {\n    @extend %button;\n    background: $color-brand-70;\n    color: $white;\n\n    &:hover {\n        background: $color-brand-60;\n        color: $white;\n    }\n\n    &:active,\n    &:focus {\n        box-shadow: inset 0 1px 3px rgba($black, 0.2);\n    }\n}\n\n.button--neutral,\ninput[type=submit].button--neutral,\nbutton.button--neutral {\n    @extend %button;\n    background: $color-neutral-30;\n    color: $color-neutral-70;\n\n    &:hover {\n        background: $color-neutral-50;\n        color: $color-neutral-70;\n    }\n\n    &:active,\n    &:focus {\n        box-shadow: inset 0 1px 3px rgba($black, 0.2);\n    }\n}\n\n.button--success,\ninput[type=submit].button--success,\nbutton.button--success {\n    @extend %button;\n    background-color: $color-success-50;\n    color: $white;\n\n    &:hover {\n        background-color: $color-success-60;\n        color: $white;\n    }\n\n    &:active,\n    &:focus {\n        box-shadow: inset 0 1px 3px rgba($black, 0.2);\n    }\n}\n\n.button--alert,\ninput[type=submit].button--alert,\nbutton.button--alert {\n    @extend %button;\n    background-color: $color-alert-50;\n    color: $white;\n\n    &:hover {\n        background-color: $color-alert-60;\n        color: $white;\n    }\n\n    &:active,\n    &:focus {\n        box-shadow: inset 0 1px 3px rgba($black, 0.2);\n    }\n}\n","// =========== Print\n\n@media print {\n    * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */\n    a, a:visited { text-decoration: underline; }\n    a[href]:after { content: \" (\" attr(href) \")\"; }\n    abbr[title]:after { content: \" (\" attr(title) \")\"; }\n    .ir a:after, a[href^=\"javascript:\"]:after, a[href^=\"#\"]:after { content: \"\"; }  /* Don't show links for images, or javascript/internal links */\n    pre, blockquote { page-break-inside: avoid; }\n    thead { display: table-header-group; } /* h5bp.com/t */\n    tr, img { page-break-inside: avoid; }\n    img { max-width: 100% !important; };\n    @page { margin: 2cm; }\n    p, h2, h3 { orphans: 3; widows: 3; }\n    h2, h3 { page-break-after: avoid; }\n}\n",".lineno { text-align: right; margin-right: 0.5rem;}\n.highlight  { background: #ffffff; }\n.highlight .c { color: #999988; font-style: italic } /* Comment */\n.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */\n.highlight .k { font-weight: bold } /* Keyword */\n.highlight .o { font-weight: bold } /* Operator */\n.highlight .cm { color: #999988; font-style: italic } /* Comment.Multiline */\n.highlight .cp { color: #999999; font-weight: bold } /* Comment.Preproc */\n.highlight .c1 { color: #999988; font-style: italic } /* Comment.Single */\n.highlight .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */\n.highlight .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */\n.highlight .gd .x { color: #000000; background-color: #ffaaaa } /* Generic.Deleted.Specific */\n.highlight .ge { font-style: italic } /* Generic.Emph */\n.highlight .gr { color: #aa0000 } /* Generic.Error */\n.highlight .gh { color: #999999 } /* Generic.Heading */\n.highlight .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */\n.highlight .gi .x { color: #000000; background-color: #aaffaa } /* Generic.Inserted.Specific */\n.highlight .go { color: #888888 } /* Generic.Output */\n.highlight .gp { color: #555555 } /* Generic.Prompt */\n.highlight .gs { font-weight: bold } /* Generic.Strong */\n.highlight .gu { color: #aaaaaa } /* Generic.Subheading */\n.highlight .gt { color: #aa0000 } /* Generic.Traceback */\n.highlight .kc { font-weight: bold } /* Keyword.Constant */\n.highlight .kd { font-weight: bold } /* Keyword.Declaration */\n.highlight .kp { font-weight: bold } /* Keyword.Pseudo */\n.highlight .kr { font-weight: bold } /* Keyword.Reserved */\n.highlight .kt { color: #445588; font-weight: bold } /* Keyword.Type */\n.highlight .m { color: #009999 } /* Literal.Number */\n.highlight .s { color: #d14 } /* Literal.String */\n.highlight .na { color: #008080 } /* Name.Attribute */\n.highlight .nb { color: #0086B3 } /* Name.Builtin */\n.highlight .nc { color: #445588; font-weight: bold } /* Name.Class */\n.highlight .no { color: #008080 } /* Name.Constant */\n.highlight .ni { color: #800080 } /* Name.Entity */\n.highlight .ne { color: #990000; font-weight: bold } /* Name.Exception */\n.highlight .nf { color: #990000; font-weight: bold } /* Name.Function */\n.highlight .nn { color: #555555 } /* Name.Namespace */\n.highlight .nt { color: #000080 } /* Name.Tag */\n.highlight .nv { color: #008080 } /* Name.Variable */\n.highlight .ow { font-weight: bold } /* Operator.Word */\n.highlight .w { color: #bbbbbb } /* Text.Whitespace */\n.highlight .mf { color: #009999 } /* Literal.Number.Float */\n.highlight .mh { color: #009999 } /* Literal.Number.Hex */\n.highlight .mi { color: #009999 } /* Literal.Number.Integer */\n.highlight .mo { color: #009999 } /* Literal.Number.Oct */\n.highlight .sb { color: #d14 } /* Literal.String.Backtick */\n.highlight .sc { color: #d14 } /* Literal.String.Char */\n.highlight .sd { color: #d14 } /* Literal.String.Doc */\n.highlight .s2 { color: #d14 } /* Literal.String.Double */\n.highlight .se { color: #d14 } /* Literal.String.Escape */\n.highlight .sh { color: #d14 } /* Literal.String.Heredoc */\n.highlight .si { color: #d14 } /* Literal.String.Interpol */\n.highlight .sx { color: #d14 } /* Literal.String.Other */\n.highlight .sr { color: #009926 } /* Literal.String.Regex */\n.highlight .s1 { color: #d14 } /* Literal.String.Single */\n.highlight .ss { color: #990073 } /* Literal.String.Symbol */\n.highlight .bp { color: #999999 } /* Name.Builtin.Pseudo */\n.highlight .vc { color: #008080 } /* Name.Variable.Class */\n.highlight .vg { color: #008080 } /* Name.Variable.Global */\n.highlight .vi { color: #008080 } /* Name.Variable.Instance */\n.highlight .il { color: #009999 } /* Literal.Number.Integer.Long */\n",".responsive-logo {\n  width: 100%;\n  max-width: 200px;\n  height: auto;\n} \n",".jumbotron {\n    &.header{\n/*        background: radial-gradient(ellipse closest-side, rgba(0,0,0,0), rgba(0,0,0,0.6)), url('../img/background-1.jpg');*/\n        background-color:#111;\n        background-image: url('../img/background-2.jpg');\n        background-repeat: no-repeat;\n        background-position: center 25%;\n        background-size: cover;\n        box-shadow: inset 0 0 40px rgba(0, 0, 0, 1);\n    }\n\n    .mainmenu {\n        @include breakpoint($breakpoint-20) {\n            padding-top:1rem;\n            margin-bottom:7rem;\n        }\n    }\n    .jumbotron-mission {\n        font-size: $font-size-50;\n        font-weight:400;\n        line-height:2;\n        margin-top:2rem;\n        margin-bottom:2rem;\n        text-align:center;\n        text-transform:uppercase;\n        @include grid(48,2);\n\n        @include breakpoint($breakpoint-10) {\n            @include grid(48,6);\n            margin-top:2rem;\n            margin-bottom:3rem;\n        }\n        @include breakpoint($breakpoint-20) {\n            @include grid(48,12);\n        }\n    }\n\n    .jumbotron-download {\n        margin:2rem auto;\n        text-align:center;\n        text-transform:uppercase;\n    }\n\n    .jumbotron-logo {\n        margin-top:2rem;\n        margin-bottom:2rem;\n\n        @include breakpoint($breakpoint-20) {\n            display:block;\n            float:none;\n        }\n        img {\n            display:block;\n            width:50%;\n            min-width:320px;\n            margin:0 auto;\n        }\n    }\n\t.jumbotron-version {\n\t\ttext-transform:lowercase;\n\t\tcolor:white;\n\t}\n}\n","nav.mainmenu {\n    display:block;\n    margin:0 auto 2rem auto;\n    text-align:center;\n    padding-top: 12px;\n    display:inline-block;\n    text-transform: uppercase;\n    font-weight:bold;\n    &.active { border-bottom: 2px solid white;}\n    \n    li+li {\n        margin-left:1*$grid-column;\n    }\n\n    a, a:active {\n        border:none;\n        color:$color-brand-50;\n        font-weight:500;\n        text-decoration: none;\n    }\n    \n    a:hover {\n        color: #303284;\n    }    \n    \n}\n.nav-container {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex-wrap: wrap;\n   \n    &:last-child {\n        flex-grow: 1;\n        \n        justify-content: flex-end;\n        \n        @include breakpoint($breakpoint-20, 'max-width') {\n           justify-content: center;\n        }\n        \n        font-size: 2rem;\n        flex-wrap: nowrap;\n    }\n}\n\n.nav-items {\n   padding-right: 1rem;\n    \n   &:hover {\n       color: $color-brand-50;\n   }\n}\n\n.nav-logo {\n    text-align:center;\n\n    display:flex;\n    padding-right: 1rem;\n\n    @include breakpoint($breakpoint-20, 'max-width') {\n        \n        margin:0;\n        @include prepend(1);\n        \n        justify-content: center;\n        align-items: center;\n    }\n    img {\n        display:inline-block;\n        width: 200px;\n    }\n}\n",".toc {\n    ul { list-style: none; }\n    &>ul {\n        margin-left: 0;\n    }\n    &>ul > li+li {\n        margin-top: 1rem;\n    }\n    \n    @include breakpoint($breakpoint-10) {\n\t   display: none;\n    }\n}\n\n.toc.post.index {\n    display: none;\n}",".builtwithwicket {    \n    background-color: #eee;\n    /*margin-left: -1rem;\n    margin-right: -1rem;*/\n    padding-bottom: 2rem;\n    padding-left: 1rem;\n    padding-right: 1rem;\n    \n    .slick-prev::before,\n    .slick-next::before {\n        color: $color-brand-50;\n    }\n}\n\n.builtwithwicket + hr {\n    display:none;\n}\n\n.builtwithwicket-post {\n    padding: 1rem 1rem 0 1rem;\n}\n\n.builtwithwicket-screenshot {\n    margin: 0 auto;\n    max-height: 20rem;\n    min-height: 15rem;\n    max-width: 100%;\n    min-width: 50%;\n    padding-bottom: 1rem;\n}\n","div.quickstart-wizard {\n  background-color: $color-brand-70;\n  border-radius: 3px;\n  color: #ffffff;\n  line-height: 2em;\n  padding: 1rem 2rem 2rem 2rem; \n\n  label {\n    display: block;\n    font-weight:bold;\n    margin-top: 0.5rem;\n  }\n  button,\n  input,\n  select,\n  textarea {\n    display: block;\n    width: 100%;\n    border: none;\n    border-radius: 3px;\n    padding: 0.5rem;\n    color: #606060;\n    height: 2rem; \n  }\n\n  textarea {\n    height: 5rem; \n  }\n\n  button {\n    background-color: #E68A00;\n    color: white;\n    height: 3em;\n    margin-top: 1em;\n    font-size: 1em;\n    font-weight: 200; \n  }\n}\n\n.quickstart {\n  ol {\n    margin-left:0;\n    padding-left:0; \n    counter-reset:item;\n  }\n  ol>li {\n    margin-left:2.5rem; \n    padding-left:0; \n    counter-increment:item; \n    list-style:none inside;\n    margin-bottom:10px\n  }\n  ol>li:before {\n    background: $color-brand-70;\n    border-radius: 50%; \n    color:#fff;\n    content: counter(item);\n    display:inline-block;\n    height:2rem;\n    margin-left:-2.5rem; \n    margin-right:0.5rem;\n    padding-top:0.3333rem;\n    text-align:center;\n    vertical-align: baseline;\n    font-weight:bold;\n    width:2rem;\n  }\n}\n","\n.wicket8 {\n    nav.mainmenu {\n        a, a:active, a:hover {\n            color:$almost-black;\n        }\n    }\n\n    .header {\n        color:$almost-black;\n    }\n    .jumbotron {\n        &.header{\n            background-color:#BF866F;\n            background-image: url('../img/background-4.jpg');\n            background-repeat: no-repeat;\n            background-position: center 50%;\n            background-size: cover;\n            box-shadow: none;\n        }\n        .jumbotron-version {\n            color:$almost-black;\n        }\n        .jumbotron-poweredbyasf {\n            margin: 0 auto;\n            text-align: center;\n            \n            b {\n                font-weight: bold;\n            }\n        }\n        .jumbotron-mission {\n            font-size: 2rem;\n            font-weight: bold;\n        }\n    }\n}\n","@import \"taiga/settings\";\n@import \"taiga/mixins\";\n@import \"taiga/grid\";\n@import \"taiga/base\";\n@import \"taiga/layout\";\n@import \"taiga/states\";\n@import \"taiga/button\";\n@import \"taiga/print\";\n\n@import \"modules/syntax\";\n@import \"modules/logo\";\n@import \"modules/jumbotron\";\n@import \"modules/mainmenu\";\n@import \"modules/toc\";\n@import \"modules/builtwithwicket\";\n@import \"modules/quickstart\";\n@import \"modules/wicket8\";\n\ncode, pre, code > span, pre > span { \n    font-family: 'Source Code Pro', 'courier new', monospace; \n    font-size: $font-size-20; \n}\n\na {\n\tborder-color: $color-brand-50;\n    border-style: none none dotted none;\n    border-width: 0 0 1px 0;\n    cursor: pointer;\n    font-weight:400;\n    text-decoration: none;\n\n    &:hover { color: $color-brand-60; }\n}\n\nh1 a, h2 a, h3 a {\n    border: none;\n}\n\ndiv.header {\n    background-color: white;\n    border-bottom: 1px solid #e1e1e1;\n    box-shadow: 0 .5rem 3rem #f0f0f0;\n    color: $color-brand-50;\n    display:block;\n    position:relative;\n    width:100%;\n}\n\n.default {\n    nav.mainmenu {\n        margin:0;\n        padding-right:1em;\n        display:flex;\n        \n        @include breakpoint($breakpoint-20, 'max-width') {\n            display:block;\n        }\n    }\n    a, a:hover, a:active, a:visited {\n        border:none;\n    }\n}\n\n.preamble {\n    font-weight:300;\n    line-height:2;\n    text-align:center;\n\n    h1 { \n        font-weight:300;\n    }\n    h2 {\n        color:$color-brand-50;\n        font-weight:300;\n    }\n    h1 + *, \n    h2 + *, \n    img + * {\n        padding-top:1rem;\n    }\n    h1:last-child,\n    h2:last-child,\n    img:last-child {\n        margin-bottom:2rem;\n    }\n    p {\n        font-size: $font-size-50;\n        text-align: left;\n    }\n}\n.index .preamble {\n    margin-bottom: 2rem;\n\n    p {\n        text-align: center;\n    }\n}\n.news {\n    ul {\n        list-style:none;\n        margin-left:0;\n        padding-left:0;\n    }\n    li {\n        display:block;\n        margin-left:0;\n        margin-bottom:2rem;\n        padding-left:0;\n    }\n}\n.l-full, \n.l-half,\n.l-one-third,\n.l-one-sixth,\n.l-one-quarter,\n.l-one-eigth,\n.l-two-third {\n    hr { margin-left:0; margin-right:0; }\n}\n\npre {\n    margin: 1rem 0;\n}\n\narticle+article {\n    border-top: 1px solid $color-neutral-30;\n    clear: both;\n    margin-top: 2rem;\n    padding-top: 2rem;\n}\n\n.button-bar {\n    display: -webkit-flex;\n    display: flex;\n    flex-direction: row;\n    margin-bottom: 2rem;\n    width:100%;\n\n\n    .button {\n        -webkit-flex: 1;\n        flex: 1;\n        padding: 1rem;\n        text-align:center;\n\n        & + .button {\n            margin-left: 0.5rem;\n        }\n\n        i {\n            font-size: 3rem;\n        }\n    }\n}\n\nth { \n\ttext-align: left; \n}\n\n.media-bar {\n\tclear: both;\n\ta {\n\t\tborder: none;\n\n\t\t> img {\n\t\t\twidth: 100%;\n\t\t}\n\t}\n}\n\n.color-brand {\n\tcolor:$color-brand-70;\n}\n\n.wicket7.header {\n    background-color: $color-brand-50;\n    background-image: url(/img/wicket-7-bg.jpg);\n\tmargin-bottom : 0;\n    text-align:center;\n\ta { border:none; margin:0; padding:0; height:0; }\n\timg { min-width: 240px; width:33%; margin: 0 auto; padding: 6rem 0 4rem; }\n\n\tnav.mainmenu { \n        background-color: $color-brand-50; \n        line-height:3em;\n        margin-top:1rem; \n        margin-bottom:0;\n        padding-right:1em;\n        ul {\n            margin-bottom:0;\n        }\n        @media screen and (orientation: portrait) {\n        \tpadding-bottom:0.25rem;\n        }\n    }\n    .submenu {\n        background-color: white;\n        color: black;\n        display:block;\n        font-size:10pt;\n        margin:0 auto 0rem auto;\n        padding-top: 0.5rem; \n        padding-right:1em;\n        text-align:center;\n\n        ul {\n            list-style:none;\n        }\n        li {\n            display:inline-block;\n            font-size:12px;\n\n            &.active { border-bottom: 2px solid;}\n        }\n        li+li {\n            margin-left:1*$grid-column;\n        }\n\n        a, a:active, a:hover {\n            border:none;\n            font-weight:400;\n            text-decoration: none;\n            text-transform: uppercase;\n        }\n    }\n}\n\n"],"file":"style.css"}