Joomla JUI\n /* Joomla JUI NOTE: makes radial gradient IE 10+, also confirmed in Bootstrap, https://github.com/twbs/bootstrap/issues/7462 */\n background-image: radial-gradient(circle, @innerColor, @outerColor);\n // < Joomla JUI\n background-repeat: no-repeat;\n }\n .striped(@color: #555, @angle: 45deg) {\n background-color: @color;\n background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(255,255,255,.15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255,255,255,.15)), color-stop(.75, rgba(255,255,255,.15)), color-stop(.75, transparent), to(transparent));\n background-image: -webkit-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);\n background-image: -moz-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);\n background-image: -o-linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);\n background-image: linear-gradient(@angle, rgba(255,255,255,.15) 25%, transparent 25%, transparent 50%, rgba(255,255,255,.15) 50%, rgba(255,255,255,.15) 75%, transparent 75%, transparent);\n }\n}\n// Reset filters for IE\n.reset-filter() {\n filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)"));\n}\n\n\n\n// COMPONENT MIXINS\n// --------------------------------------------------\n\n// Horizontal dividers\n// -------------------------\n// Dividers (basically an hr) within dropdowns and nav lists\n.nav-divider(@top: #e5e5e5, @bottom: @white) {\n // IE7 needs a set width since we gave a height. Restricting just\n // to IE7 to keep the 1px left/right space in other browsers.\n // It is unclear where IE is getting the extra space that we need\n // to negative-margin away, but so it goes.\n *width: 100%;\n height: 1px;\n margin: ((@baseLineHeight / 2) - 1) 1px; // 8px 1px\n *margin: -5px 0 5px;\n overflow: hidden;\n background-color: @top;\n border-bottom: 1px solid @bottom;\n}\n\n// Button backgrounds\n// ------------------\n.buttonBackground(@startColor, @endColor, @textColor: #fff, @textShadow: 0 -1px 0 rgba(0,0,0,.25)) {\n // gradientBar will set the background to a pleasing blend of these, to support IE<=9\n .gradientBar(@startColor, @endColor, @textColor, @textShadow);\n *background-color: @endColor; /* Darken IE7 buttons by default so they stand out more given they won\'t have borders */\n .reset-filter();\n\n // in these cases the gradient won\'t cover the background, so we override\n &:hover, &:focus, &:active, &.active, &.disabled, &[disabled] {\n color: @textColor;\n background-color: @endColor;\n *background-color: darken(@endColor, 5%);\n }\n\n // IE 7 + 8 can\'t handle box-shadow to show active, so we darken a bit ourselves\n &:active,\n &.active {\n background-color: darken(@endColor, 10%) e("\\9");\n }\n}\n\n// Navbar vertical align\n// -------------------------\n// Vertically center elements in the navbar.\n// Example: an element has a height of 30px, so write out `.navbarVerticalAlign(30px);` to calculate the appropriate top margin.\n.navbarVerticalAlign(@elementHeight) {\n margin-top: (@navbarHeight - @elementHeight) / 2;\n}\n\n\n\n// Grid System\n// -----------\n\n// Centered container element\n.container-fixed() {\n margin-right: auto;\n margin-left: auto;\n .clearfix();\n}\n\n// Table columns\n.tableColumns(@columnSpan: 1) {\n float: none; // undo default grid column styles\n width: ((@gridColumnWidth) * @columnSpan) + (@gridGutterWidth * (@columnSpan - 1)) - 16; // 16 is total padding on left and right of table cells\n margin-left: 0; // undo default grid column styles\n}\n\n// Make a Grid\n// Use .makeRow and .makeColumn to assign semantic layouts grid system behavior\n.makeRow() {\n margin-left: @gridGutterWidth * -1;\n .clearfix();\n}\n.makeColumn(@columns: 1, @offset: 0) {\n float: left;\n margin-left: (@gridColumnWidth * @offset) + (@gridGutterWidth * (@offset - 1)) + (@gridGutterWidth * 2);\n width: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns - 1));\n}\n\n// The Grid\n#grid {\n\n .core (@gridColumnWidth, @gridGutterWidth) {\n\n .spanX (@index) when (@index > 0) {\n .span@{index} { .span(@index); }\n .spanX(@index - 1);\n }\n .spanX (0) {}\n\n .offsetX (@index) when (@index > 0) {\n .offset@{index} { .offset(@index); }\n .offsetX(@index - 1);\n }\n .offsetX (0) {}\n\n .offset (@columns) {\n margin-left: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns + 1));\n }\n\n .span (@columns) {\n width: (@gridColumnWidth * @columns) + (@gridGutterWidth * (@columns - 1));\n }\n\n .row {\n margin-left: @gridGutterWidth * -1;\n .clearfix();\n }\n\n [class*="span"] {\n float: left;\n min-height: 1px; // prevent collapsing columns\n margin-left: @gridGutterWidth;\n }\n\n // Set the container width, and override it for fixed navbars in media queries\n .container,\n .navbar-static-top .container,\n .navbar-fixed-top .container,\n .navbar-fixed-bottom .container { .span(@gridColumns); }\n\n // generate .spanX and .offsetX\n .spanX (@gridColumns);\n .offsetX (@gridColumns);\n\n }\n\n .fluid (@fluidGridColumnWidth, @fluidGridGutterWidth) {\n\n .spanX (@index) when (@index > 0) {\n .span@{index} { .span(@index); }\n .spanX(@index - 1);\n }\n .spanX (0) {}\n\n .offsetX (@index) when (@index > 0) {\n .offset@{index} { .offset(@index); }\n .offset@{index}:first-child { .offsetFirstChild(@index); }\n .offsetX(@index - 1);\n }\n .offsetX (0) {}\n\n .offset (@columns) {\n margin-left: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) + (@fluidGridGutterWidth*2);\n \t *margin-left: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) - (.5 / @gridRowWidth * 100 * 1%) + (@fluidGridGutterWidth*2) - (.5 / @gridRowWidth * 100 * 1%);\n }\n\n .offsetFirstChild (@columns) {\n margin-left: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) + (@fluidGridGutterWidth);\n *margin-left: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) - (.5 / @gridRowWidth * 100 * 1%) + @fluidGridGutterWidth - (.5 / @gridRowWidth * 100 * 1%);\n }\n\n .span (@columns) {\n width: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1));\n *width: (@fluidGridColumnWidth * @columns) + (@fluidGridGutterWidth * (@columns - 1)) - (.5 / @gridRowWidth * 100 * 1%);\n }\n\n .row-fluid {\n width: 100%;\n .clearfix();\n [class*="span"] {\n .input-block-level();\n float: left;\n margin-left: @fluidGridGutterWidth;\n *margin-left: @fluidGridGutterWidth - (.5 / @gridRowWidth * 100 * 1%);\n }\n [class*="span"]:first-child {\n margin-left: 0;\n }\n\n // Space grid-sized controls properly if multiple per line\n .controls-row [class*="span"] + [class*="span"] {\n margin-left: @fluidGridGutterWidth;\n }\n\n // generate .spanX and .offsetX\n .spanX (@gridColumns);\n .offsetX (@gridColumns);\n }\n\n }\n\n .input(@gridColumnWidth, @gridGutterWidth) {\n\n .spanX (@index) when (@index > 0) {\n input.span@{index}, textarea.span@{index}, .uneditable-input.span@{index} { .span(@index); }\n .spanX(@index - 1);\n }\n .spanX (0) {}\n\n .span(@columns) {\n width: ((@gridColumnWidth) * @columns) + (@gridGutterWidth * (@columns - 1)) - 14;\n }\n\n input,\n textarea,\n .uneditable-input {\n margin-left: 0; // override margin-left from core grid system\n }\n\n // Space grid-sized controls properly if multiple per line\n .controls-row [class*="span"] + [class*="span"] {\n margin-left: @gridGutterWidth;\n }\n\n // generate .spanX\n .spanX (@gridColumns);\n\n }\n}\n\n//\n// Scaffolding\n// --------------------------------------------------\n\n\n// Body reset\n// -------------------------\n\nbody {\n margin: 0;\n font-family: @baseFontFamily;\n font-size: @baseFontSize;\n line-height: @baseLineHeight;\n color: @textColor;\n background-color: @bodyBackground;\n}\n\n\n// Links\n// -------------------------\n\na {\n color: @linkColor;\n text-decoration: none;\n}\na:hover,\na:focus {\n color: @linkColorHover;\n text-decoration: underline;\n}\n\n\n// Images\n// -------------------------\n\n// Rounded corners\n.img-rounded {\n .border-radius(6px);\n}\n\n// Add polaroid-esque trim\n.img-polaroid {\n padding: 4px;\n background-color: #fff;\n border: 1px solid #ccc;\n border: 1px solid rgba(0,0,0,.2);\n .box-shadow(0 1px 3px rgba(0,0,0,.1));\n}\n\n// Perfect circle\n.img-circle {\n .border-radius(500px); // crank the border-radius so it works with most reasonably sized images\n}\n\n//\n// Grid system\n// --------------------------------------------------\n\n\n// Fixed (940px)\n#grid > .core(@gridColumnWidth, @gridGutterWidth);\n\n// Fluid (940px)\n#grid > .fluid(@fluidGridColumnWidth, @fluidGridGutterWidth);\n\n// Reset utility classes due to specificity\n[class*="span"].hide,\n.row-fluid [class*="span"].hide {\n display: none;\n}\n\n[class*="span"].pull-right,\n.row-fluid [class*="span"].pull-right {\n float: right;\n}\n\n//\n// Layouts\n// --------------------------------------------------\n\n\n// Container (centered, fixed-width layouts)\n.container {\n .container-fixed();\n}\n\n// Fluid layouts (left aligned, with sidebar, min- & max-width content)\n.container-fluid {\n padding-right: @gridGutterWidth;\n padding-left: @gridGutterWidth;\n .clearfix();\n}\n//\n// Typography\n// --------------------------------------------------\n\n\n// Body text\n// -------------------------\n\np {\n margin: 0 0 @baseLineHeight / 2;\n}\n.lead {\n margin-bottom: @baseLineHeight;\n font-size: @baseFontSize * 1.5;\n font-weight: 200;\n line-height: @baseLineHeight * 1.5;\n}\n\n\n// Emphasis & misc\n// -------------------------\n\n// Ex: 14px base font * 85% = about 12px\nsmall { font-size: 85%; }\n\nstrong { font-weight: bold; }\nem { font-style: italic; }\ncite { font-style: normal; }\n\n// Utility classes\n.muted { color: @grayLight; }\na.muted:hover,\na.muted:focus { color: darken(@grayLight, 10%); }\n\n.text-warning { color: @warningText; }\na.text-warning:hover,\na.text-warning:focus { color: darken(@warningText, 10%); }\n\n.text-error { color: @errorText; }\na.text-error:hover,\na.text-error:focus { color: darken(@errorText, 10%); }\n\n.text-info { color: @infoText; }\na.text-info:hover,\na.text-info:focus { color: darken(@infoText, 10%); }\n\n.text-success { color: @successText; }\na.text-success:hover,\na.text-success:focus { color: darken(@successText, 10%); }\n\n.text-left { text-align: left; }\n.text-right { text-align: right; }\n.text-center { text-align: center; }\n\n\n// Headings\n// -------------------------\n\nh1, h2, h3, h4, h5, h6 {\n margin: (@baseLineHeight / 2) 0;\n font-family: @headingsFontFamily;\n font-weight: @headingsFontWeight;\n line-height: @baseLineHeight;\n color: @headingsColor;\n text-rendering: optimizelegibility; // Fix the character spacing for headings\n small {\n font-weight: normal;\n line-height: 1;\n color: @grayLight;\n }\n}\n\nh1,\nh2,\nh3 { line-height: @baseLineHeight * 2; }\n\nh1 { font-size: @baseFontSize * 2.75; } // ~38px\nh2 { font-size: @baseFontSize * 2.25; } // ~32px\nh3 { font-size: @baseFontSize * 1.75; } // ~24px\nh4 { font-size: @baseFontSize * 1.25; } // ~18px\nh5 { font-size: @baseFontSize; }\nh6 { font-size: @baseFontSize * 0.85; } // ~12px\n\nh1 small { font-size: @baseFontSize * 1.75; } // ~24px\nh2 small { font-size: @baseFontSize * 1.25; } // ~18px\nh3 small { font-size: @baseFontSize; }\nh4 small { font-size: @baseFontSize; }\n\n\n// Page header\n// -------------------------\n\n.page-header {\n padding-bottom: (@baseLineHeight / 2) - 1;\n margin: @baseLineHeight 0 (@baseLineHeight * 1.5);\n border-bottom: 1px solid @grayLighter;\n}\n\n\n\n// Lists\n// --------------------------------------------------\n\n// Unordered and Ordered lists\nul, ol {\n padding: 0;\n margin: 0 0 @baseLineHeight / 2 25px;\n}\nul ul,\nul ol,\nol ol,\nol ul {\n margin-bottom: 0;\n}\nli {\n line-height: @baseLineHeight;\n}\n\n// Remove default list styles\nul.unstyled,\nol.unstyled {\n margin-left: 0;\n list-style: none;\n}\n\n// Single-line list items\nul.inline,\nol.inline {\n margin-left: 0;\n list-style: none;\n > li {\n display: inline-block;\n .ie7-inline-block();\n padding-left: 5px;\n padding-right: 5px;\n }\n}\n\n// Description Lists\ndl {\n margin-bottom: @baseLineHeight;\n}\ndt,\ndd {\n line-height: @baseLineHeight;\n}\ndt {\n font-weight: bold;\n}\ndd {\n margin-left: @baseLineHeight / 2;\n}\n// Horizontal layout (like forms)\n.dl-horizontal {\n .clearfix(); // Ensure dl clears floats if empty dd elements present\n dt {\n float: left;\n width: @horizontalComponentOffset - 20;\n clear: left;\n text-align: right;\n .text-overflow();\n }\n dd {\n margin-left: @horizontalComponentOffset;\n }\n}\n\n// MISC\n// ----\n\n// Horizontal rules\nhr {\n margin: @baseLineHeight 0;\n border: 0;\n border-top: 1px solid @hrBorder;\n border-bottom: 1px solid @white;\n}\n\n// Abbreviations and acronyms\nabbr[title],\n// Added data-* attribute to help out our tooltip plugin, per https://github.com/twitter/bootstrap/issues/5257\nabbr[data-original-title] {\n cursor: help;\n border-bottom: 1px dotted @grayLight;\n}\nabbr.initialism {\n font-size: 90%;\n text-transform: uppercase;\n}\n\n// Blockquotes\nblockquote {\n padding: 0 0 0 15px;\n margin: 0 0 @baseLineHeight;\n border-left: 5px solid @grayLighter;\n p {\n margin-bottom: 0;\n font-size: @baseFontSize * 1.25;\n font-weight: 300;\n line-height: 1.25;\n }\n small {\n display: block;\n line-height: @baseLineHeight;\n color: @grayLight;\n &:before {\n content: \'\\2014 \\00A0\';\n }\n }\n\n // Float right with text-align: right\n &.pull-right {\n float: right;\n padding-right: 15px;\n padding-left: 0;\n border-right: 5px solid @grayLighter;\n border-left: 0;\n p,\n small {\n text-align: right;\n }\n small {\n &:before {\n content: \'\';\n }\n &:after {\n content: \'\\00A0 \\2014\';\n }\n }\n }\n}\n\n// Quotes\nq:before,\nq:after,\nblockquote:before,\nblockquote:after {\n content: "";\n}\n\n// Addresses\naddress {\n display: block;\n margin-bottom: @baseLineHeight;\n font-style: normal;\n line-height: @baseLineHeight;\n}\n\n//\n// Code (inline and blocK)\n// --------------------------------------------------\n\n\n// Inline and block code styles\ncode,\npre {\n padding: 0 3px 2px;\n #font > #family > .monospace;\n font-size: @baseFontSize - 2;\n color: @grayDark;\n .border-radius(3px);\n}\n\n// Inline code\ncode {\n padding: 2px 4px;\n color: #d14;\n background-color: #f7f7f9;\n border: 1px solid #e1e1e8;\n white-space: nowrap;\n}\n\n// Blocks of code\npre {\n display: block;\n padding: (@baseLineHeight - 1) / 2;\n margin: 0 0 @baseLineHeight / 2;\n font-size: @baseFontSize - 1; // 14px to 13px\n line-height: @baseLineHeight;\n word-break: break-all;\n word-wrap: break-word;\n white-space: pre;\n white-space: pre-wrap;\n background-color: #f5f5f5;\n border: 1px solid #ccc; // fallback for IE7-8\n border: 1px solid rgba(0,0,0,.15);\n .border-radius(@baseBorderRadius);\n\n // Make prettyprint styles more spaced out for readability\n &.prettyprint {\n margin-bottom: @baseLineHeight;\n }\n\n // Account for some code outputs that place code tags in pre tags\n code {\n padding: 0;\n color: inherit;\n white-space: pre;\n white-space: pre-wrap;\n background-color: transparent;\n border: 0;\n }\n}\n\n// Enable scrollable blocks of code\n.pre-scrollable {\n max-height: 340px;\n overflow-y: scroll;\n}\n//\n// Forms\n// --------------------------------------------------\n\n\n// GENERAL STYLES\n// --------------\n\n// Make all forms have space below them\nform {\n margin: 0 0 @baseLineHeight;\n}\n\nfieldset {\n padding: 0;\n margin: 0;\n border: 0;\n}\n\n// Groups of fields with labels on top (legends)\nlegend {\n display: block;\n width: 100%;\n padding: 0;\n margin-bottom: @baseLineHeight;\n font-size: @baseFontSize * 1.5;\n line-height: @baseLineHeight * 2;\n color: @grayDark;\n border: 0;\n border-bottom: 1px solid #e5e5e5;\n\n // Small\n small {\n font-size: @baseLineHeight * .75;\n color: @grayLight;\n }\n}\n\n// Set font for forms\nlabel,\ninput,\nbutton,\nselect,\ntextarea {\n #font > .shorthand(@baseFontSize,normal,@baseLineHeight); // Set size, weight, line-height here\n}\ninput,\nbutton,\nselect,\ntextarea {\n font-family: @baseFontFamily; // And only set font-family here for those that need it (note the missing label element)\n}\n\n// Identify controls by their labels\nlabel {\n display: block;\n margin-bottom: 5px;\n}\n\n// Form controls\n// -------------------------\n\n// Shared size and type resets\nselect,\ntextarea,\ninput[type="text"],\ninput[type="password"],\ninput[type="datetime"],\ninput[type="datetime-local"],\ninput[type="date"],\ninput[type="month"],\ninput[type="time"],\ninput[type="week"],\ninput[type="number"],\ninput[type="email"],\ninput[type="url"],\ninput[type="search"],\ninput[type="tel"],\ninput[type="color"],\n.uneditable-input {\n display: inline-block;\n height: @baseLineHeight;\n padding: 4px 6px;\n margin-bottom: @baseLineHeight / 2;\n font-size: @baseFontSize;\n line-height: @baseLineHeight;\n color: @gray;\n .border-radius(@inputBorderRadius);\n vertical-align: middle;\n}\n\n// Reset appearance properties for textual inputs and textarea\n// Declare width for legacy (can\'t be on input[type=*] selectors or it\'s too specific)\ninput,\ntextarea,\n.uneditable-input {\n width: 206px; // plus 12px padding and 2px border\n}\n// Reset height since textareas have rows\ntextarea {\n height: auto;\n}\n// Everything else\ntextarea,\ninput[type="text"],\ninput[type="password"],\ninput[type="datetime"],\ninput[type="datetime-local"],\ninput[type="date"],\ninput[type="month"],\ninput[type="time"],\ninput[type="week"],\ninput[type="number"],\ninput[type="email"],\ninput[type="url"],\ninput[type="search"],\ninput[type="tel"],\ninput[type="color"],\n.uneditable-input {\n background-color: @inputBackground;\n border: 1px solid @inputBorder;\n .box-shadow(inset 0 1px 1px rgba(0,0,0,.075));\n .transition(~"border linear .2s, box-shadow linear .2s");\n\n // Focus state\n &:focus {\n border-color: rgba(82,168,236,.8);\n outline: 0;\n outline: thin dotted \\9; /* IE6-9 */\n .box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6)");\n }\n}\n\n// Position radios and checkboxes better\ninput[type="radio"],\ninput[type="checkbox"] {\n margin: 4px 0 0;\n *margin-top: 0; /* IE7 */\n margin-top: 1px \\9; /* IE8-9 */\n line-height: normal;\n}\n\n// Reset width of input images, buttons, radios, checkboxes\ninput[type="file"],\ninput[type="image"],\ninput[type="submit"],\ninput[type="reset"],\ninput[type="button"],\ninput[type="radio"],\ninput[type="checkbox"] {\n width: auto; // Override of generic input selector\n}\n\n// Set the height of select and file controls to match text inputs\nselect,\ninput[type="file"] {\n height: @inputHeight; /* In IE7, the height of the select element cannot be changed by height, only font-size */\n *margin-top: 4px; /* For IE7, add top margin to align select with labels */\n line-height: @inputHeight;\n}\n\n// Make select elements obey height by applying a border\nselect {\n width: 220px; // default input width + 10px of padding that doesn\'t get applied\n border: 1px solid @inputBorder;\n background-color: @inputBackground; // Chrome on Linux and Mobile Safari need background-color\n}\n\n// Make multiple select elements height not fixed\nselect[multiple],\nselect[size] {\n height: auto;\n}\n\n// Focus for select, file, radio, and checkbox\nselect:focus,\ninput[type="file"]:focus,\ninput[type="radio"]:focus,\ninput[type="checkbox"]:focus {\n .tab-focus();\n}\n\n\n// Uneditable inputs\n// -------------------------\n\n// Make uneditable inputs look inactive\n.uneditable-input,\n.uneditable-textarea {\n color: @grayLight;\n background-color: darken(@inputBackground, 1%);\n border-color: @inputBorder;\n .box-shadow(inset 0 1px 2px rgba(0,0,0,.025));\n cursor: not-allowed;\n}\n\n// For text that needs to appear as an input but should not be an input\n.uneditable-input {\n overflow: hidden; // prevent text from wrapping, but still cut it off like an input does\n white-space: nowrap;\n}\n\n// Make uneditable textareas behave like a textarea\n.uneditable-textarea {\n width: auto;\n height: auto;\n}\n\n\n// Placeholder\n// -------------------------\n\n// Placeholder text gets special styles because when browsers invalidate entire lines if it doesn\'t understand a selector\ninput,\ntextarea {\n .placeholder();\n}\n\n\n// CHECKBOXES & RADIOS\n// -------------------\n\n// Indent the labels to position radios/checkboxes as hanging\n.radio,\n.checkbox {\n min-height: @baseLineHeight; // clear the floating input if there is no label text\n padding-left: 20px;\n}\n.radio input[type="radio"],\n.checkbox input[type="checkbox"] {\n float: left;\n margin-left: -20px;\n}\n\n// Move the options list down to align with labels\n.controls > .radio:first-child,\n.controls > .checkbox:first-child {\n padding-top: 5px; // has to be padding because margin collaspes\n}\n\n// Radios and checkboxes on same line\n// TODO v3: Convert .inline to .control-inline\n.radio.inline,\n.checkbox.inline {\n display: inline-block;\n padding-top: 5px;\n margin-bottom: 0;\n vertical-align: middle;\n}\n.radio.inline + .radio.inline,\n.checkbox.inline + .checkbox.inline {\n margin-left: 10px; // space out consecutive inline controls\n}\n\n\n\n// INPUT SIZES\n// -----------\n\n// General classes for quick sizes\n.input-mini { width: 60px; }\n.input-small { width: 90px; }\n.input-medium { width: 150px; }\n.input-large { width: 210px; }\n.input-xlarge { width: 270px; }\n.input-xxlarge { width: 530px; }\n\n// Grid style input sizes\ninput[class*="span"],\nselect[class*="span"],\ntextarea[class*="span"],\n.uneditable-input[class*="span"],\n// Redeclare since the fluid row class is more specific\n.row-fluid input[class*="span"],\n.row-fluid select[class*="span"],\n.row-fluid textarea[class*="span"],\n.row-fluid .uneditable-input[class*="span"] {\n float: none;\n margin-left: 0;\n}\n// Ensure input-prepend/append never wraps\n.input-append input[class*="span"],\n.input-append .uneditable-input[class*="span"],\n.input-prepend input[class*="span"],\n.input-prepend .uneditable-input[class*="span"],\n.row-fluid input[class*="span"],\n.row-fluid select[class*="span"],\n.row-fluid textarea[class*="span"],\n.row-fluid .uneditable-input[class*="span"],\n.row-fluid .input-prepend [class*="span"],\n.row-fluid .input-append [class*="span"] {\n display: inline-block;\n}\n\n\n\n// GRID SIZING FOR INPUTS\n// ----------------------\n\n// Grid sizes\n#grid > .input(@gridColumnWidth, @gridGutterWidth);\n\n// Control row for multiple inputs per line\n.controls-row {\n .clearfix(); // Clear the float from controls\n}\n\n// Float to collapse white-space for proper grid alignment\n.controls-row [class*="span"],\n// Redeclare the fluid grid collapse since we undo the float for inputs\n.row-fluid .controls-row [class*="span"] {\n float: left;\n}\n// Explicity set top padding on all checkboxes/radios, not just first-child\n.controls-row .checkbox[class*="span"],\n.controls-row .radio[class*="span"] {\n padding-top: 5px;\n}\n\n\n\n\n// DISABLED STATE\n// --------------\n\n// Disabled and read-only inputs\ninput[disabled],\nselect[disabled],\ntextarea[disabled],\ninput[readonly],\nselect[readonly],\ntextarea[readonly] {\n cursor: not-allowed;\n background-color: @inputDisabledBackground;\n}\n// Explicitly reset the colors here\ninput[type="radio"][disabled],\ninput[type="checkbox"][disabled],\ninput[type="radio"][readonly],\ninput[type="checkbox"][readonly] {\n background-color: transparent;\n}\n\n\n\n\n// FORM FIELD FEEDBACK STATES\n// --------------------------\n\n// Warning\n.control-group.warning {\n .formFieldState(@warningText, @warningText, @warningBackground);\n}\n// Error\n.control-group.error {\n .formFieldState(@errorText, @errorText, @errorBackground);\n}\n// Success\n.control-group.success {\n .formFieldState(@successText, @successText, @successBackground);\n}\n// Success\n.control-group.info {\n .formFieldState(@infoText, @infoText, @infoBackground);\n}\n\n// HTML5 invalid states\n// Shares styles with the .control-group.error above\ninput:focus:invalid,\ntextarea:focus:invalid,\nselect:focus:invalid {\n color: #b94a48;\n border-color: #ee5f5b;\n &:focus {\n border-color: darken(#ee5f5b, 10%);\n @shadow: 0 0 6px lighten(#ee5f5b, 20%);\n .box-shadow(@shadow);\n }\n}\n\n\n\n// FORM ACTIONS\n// ------------\n\n.form-actions {\n padding: (@baseLineHeight - 1) 20px @baseLineHeight;\n margin-top: @baseLineHeight;\n margin-bottom: @baseLineHeight;\n background-color: @formActionsBackground;\n border-top: 1px solid #e5e5e5;\n .clearfix(); // Adding clearfix to allow for .pull-right button containers\n}\n\n\n\n// HELP TEXT\n// ---------\n\n.help-block,\n.help-inline {\n color: lighten(@textColor, 15%); // lighten the text some for contrast\n}\n\n.help-block {\n display: block; // account for any element using help-block\n margin-bottom: @baseLineHeight / 2;\n}\n\n.help-inline {\n display: inline-block;\n .ie7-inline-block();\n vertical-align: middle;\n padding-left: 5px;\n}\n\n\n\n// INPUT GROUPS\n// ------------\n\n// Allow us to put symbols and text within the input field for a cleaner look\n.input-append,\n.input-prepend {\n display: inline-block;\n margin-bottom: @baseLineHeight / 2;\n vertical-align: middle;\n font-size: 0; // white space collapse hack\n white-space: nowrap; // Prevent span and input from separating\n\n // Reset the white space collapse hack\n input,\n select,\n .uneditable-input,\n .dropdown-menu,\n .popover {\n font-size: @baseFontSize;\n }\n\n input,\n select,\n .uneditable-input {\n position: relative; // placed here by default so that on :focus we can place the input above the .add-on for full border and box-shadow goodness\n margin-bottom: 0; // prevent bottom margin from screwing up alignment in stacked forms\n *margin-left: 0;\n vertical-align: top;\n .border-radius(0 @inputBorderRadius @inputBorderRadius 0);\n // Make input on top when focused so blue border and shadow always show\n &:focus {\n z-index: 2;\n }\n }\n .add-on {\n display: inline-block;\n width: auto;\n height: @baseLineHeight;\n min-width: 16px;\n padding: 4px 5px;\n font-size: @baseFontSize;\n font-weight: normal;\n line-height: @baseLineHeight;\n text-align: center;\n text-shadow: 0 1px 0 @white;\n background-color: @grayLighter;\n border: 1px solid #ccc;\n }\n .add-on,\n .btn,\n .btn-group > .dropdown-toggle {\n vertical-align: top;\n .border-radius(0);\n }\n}\n\n.input-prepend {\n .add-on,\n .btn {\n margin-right: -1px;\n }\n .add-on:first-child,\n .btn:first-child {\n // FYI, `.btn:first-child` accounts for a button group that\'s prepended\n .border-radius(@inputBorderRadius 0 0 @inputBorderRadius);\n }\n}\n\n.input-append {\n input,\n select,\n .uneditable-input {\n .border-radius(@inputBorderRadius 0 0 @inputBorderRadius);\n + .btn-group .btn:last-child {\n .border-radius(0 @inputBorderRadius @inputBorderRadius 0);\n }\n }\n .add-on,\n .btn,\n .btn-group {\n margin-left: -1px;\n }\n .add-on:last-child,\n .btn:last-child,\n .btn-group:last-child > .dropdown-toggle {\n .border-radius(0 @inputBorderRadius @inputBorderRadius 0);\n }\n}\n\n// Remove all border-radius for inputs with both prepend and append\n.input-prepend.input-append {\n input,\n select,\n .uneditable-input {\n .border-radius(0);\n + .btn-group .btn {\n .border-radius(0 @inputBorderRadius @inputBorderRadius 0);\n }\n }\n .add-on:first-child,\n .btn:first-child {\n margin-right: -1px;\n .border-radius(@inputBorderRadius 0 0 @inputBorderRadius);\n }\n .add-on:last-child,\n .btn:last-child {\n margin-left: -1px;\n .border-radius(0 @inputBorderRadius @inputBorderRadius 0);\n }\n .btn-group:first-child {\n margin-left: 0;\n }\n}\n\n\n\n\n// SEARCH FORM\n// -----------\n\ninput.search-query {\n padding-right: 14px;\n padding-right: 4px \\9;\n padding-left: 14px;\n padding-left: 4px \\9; /* IE7-8 doesn\'t have border-radius, so don\'t indent the padding */\n margin-bottom: 0; // Remove the default margin on all inputs\n .border-radius(15px);\n}\n\n/* Allow for input prepend/append in search forms */\n.form-search .input-append .search-query,\n.form-search .input-prepend .search-query {\n .border-radius(0); // Override due to specificity\n}\n.form-search .input-append .search-query {\n .border-radius(14px 0 0 14px);\n}\n.form-search .input-append .btn {\n .border-radius(0 14px 14px 0);\n}\n.form-search .input-prepend .search-query {\n .border-radius(0 14px 14px 0);\n}\n.form-search .input-prepend .btn {\n .border-radius(14px 0 0 14px);\n}\n\n.js-stools-field-filter {\n .input-prepend,\n .input-append {\n margin-bottom: 0;\n }\n}\n\n\n// HORIZONTAL & VERTICAL FORMS\n// ---------------------------\n\n// Common properties\n// -----------------\n\n.form-search,\n.form-inline,\n.form-horizontal {\n input,\n textarea,\n select,\n .help-inline,\n .uneditable-input,\n .input-prepend,\n .input-append {\n display: inline-block;\n .ie7-inline-block();\n margin-bottom: 0;\n vertical-align: middle;\n }\n // Re-hide hidden elements due to specifity\n .hide {\n display: none;\n }\n}\n.form-search label,\n.form-inline label,\n.form-search .btn-group,\n.form-inline .btn-group {\n display: inline-block;\n}\n// Remove margin for input-prepend/-append\n.form-search .input-append,\n.form-inline .input-append,\n.form-search .input-prepend,\n.form-inline .input-prepend {\n margin-bottom: 0;\n}\n// Inline checkbox/radio labels (remove padding on left)\n.form-search .radio,\n.form-search .checkbox,\n.form-inline .radio,\n.form-inline .checkbox {\n padding-left: 0;\n margin-bottom: 0;\n vertical-align: middle;\n}\n// Remove float and margin, set to inline-block\n.form-search .radio input[type="radio"],\n.form-search .checkbox input[type="checkbox"],\n.form-inline .radio input[type="radio"],\n.form-inline .checkbox input[type="checkbox"] {\n float: left;\n margin-right: 3px;\n margin-left: 0;\n}\n\n\n// Margin to space out fieldsets\n.control-group {\n margin-bottom: @baseLineHeight / 2;\n}\n\n// Legend collapses margin, so next element is responsible for spacing\nlegend + .control-group {\n margin-top: @baseLineHeight;\n -webkit-margin-top-collapse: separate;\n}\n\n// Horizontal-specific styles\n// --------------------------\n\n.form-horizontal {\n // Increase spacing between groups\n .control-group {\n margin-bottom: @baseLineHeight;\n .clearfix();\n }\n // Float the labels left\n .control-label {\n float: left;\n width: @horizontalComponentOffset - 20;\n padding-top: 5px;\n text-align: right;\n }\n // Move over all input controls and content\n .controls {\n // Super jank IE7 fix to ensure the inputs in .input-append and input-prepend\n // don\'t inherit the margin of the parent, in this case .controls\n *display: inline-block;\n *padding-left: 20px;\n margin-left: @horizontalComponentOffset;\n *margin-left: 0;\n &:first-child {\n *padding-left: @horizontalComponentOffset;\n }\n }\n // Remove bottom margin on block level help text since that\'s accounted for on .control-group\n .help-block {\n margin-bottom: 0;\n }\n // And apply it only to .help-block instances that follow a form control\n input,\n select,\n textarea,\n .uneditable-input,\n .input-prepend,\n .input-append {\n + .help-block {\n margin-top: @baseLineHeight / 2;\n }\n }\n // Move over buttons in .form-actions to align with .controls\n .form-actions {\n padding-left: @horizontalComponentOffset;\n }\n}\n\n/*Fix for tooltips wrong positioning*/\n.control-label .hasPopover,\n.control-label .hasTooltip {\n display: inline-block;\n}\n\n/* Field subform repeatable */\n.subform-repeatable-wrapper{\n\n\t.btn-group>.btn.button{\n\t\tmin-width: 0;\n\t}\n\n\t.ui-sortable-helper{\n\t\tbackground: @white;\n\t}\n\n\ttr.ui-sortable-helper{\n\t\tdisplay: table;\n\t}\n}\n\n/*Fix for floating 3 columns without overlapping */\n@media (min-width: 980px) and (max-width: 1215px) {\n\n .float-cols {\n\n .control-label {\n float: none;\n }\n\n .controls {\n margin-left: 0;\n }\n }\n}\n\n//\n// Tables\n// --------------------------------------------------\n\n\n// BASE TABLES\n// -----------------\n\ntable {\n max-width: 100%;\n background-color: @tableBackground;\n border-collapse: collapse;\n border-spacing: 0;\n}\n\n// BASELINE STYLES\n// ---------------\n\n.table {\n width: 100%;\n margin-bottom: @baseLineHeight;\n // Cells\n th,\n td {\n padding: 8px;\n line-height: @baseLineHeight;\n text-align: left;\n vertical-align: top;\n border-top: 1px solid @tableBorder;\n }\n th {\n font-weight: bold;\n }\n // Bottom align for column headings\n thead th {\n vertical-align: bottom;\n }\n // Remove top border from thead by default\n caption + thead tr:first-child th,\n caption + thead tr:first-child td,\n colgroup + thead tr:first-child th,\n colgroup + thead tr:first-child td,\n thead:first-child tr:first-child th,\n thead:first-child tr:first-child td {\n border-top: 0;\n }\n // Account for multiple tbody instances\n tbody + tbody {\n border-top: 2px solid @tableBorder;\n }\n\n // Nesting\n .table {\n background-color: @bodyBackground;\n }\n}\n\n\n\n// CONDENSED TABLE W/ HALF PADDING\n// -------------------------------\n\n.table-condensed {\n th,\n td {\n padding: 4px 5px;\n }\n}\n\n\n// BORDERED VERSION\n// ----------------\n\n.table-bordered {\n border: 1px solid @tableBorder;\n border-collapse: separate; // Done so we can round those corners!\n *border-collapse: collapse; // IE7 can\'t round corners anyway\n border-left: 0;\n .border-radius(@baseBorderRadius);\n th,\n td {\n border-left: 1px solid @tableBorder;\n }\n // Prevent a double border\n caption + thead tr:first-child th,\n caption + tbody tr:first-child th,\n caption + tbody tr:first-child td,\n colgroup + thead tr:first-child th,\n colgroup + tbody tr:first-child th,\n colgroup + tbody tr:first-child td,\n thead:first-child tr:first-child th,\n tbody:first-child tr:first-child th,\n tbody:first-child tr:first-child td {\n border-top: 0;\n }\n // For first th/td in the first row in the first thead or tbody\n thead:first-child tr:first-child > th:first-child,\n tbody:first-child tr:first-child > td:first-child,\n tbody:first-child tr:first-child > th:first-child {\n .border-top-left-radius(@baseBorderRadius);\n }\n // For last th/td in the first row in the first thead or tbody\n thead:first-child tr:first-child > th:last-child,\n tbody:first-child tr:first-child > td:last-child,\n tbody:first-child tr:first-child > th:last-child {\n .border-top-right-radius(@baseBorderRadius);\n }\n // For first th/td (can be either) in the last row in the last thead, tbody, and tfoot\n thead:last-child tr:last-child > th:first-child,\n tbody:last-child tr:last-child > td:first-child,\n tbody:last-child tr:last-child > th:first-child,\n tfoot:last-child tr:last-child > td:first-child,\n tfoot:last-child tr:last-child > th:first-child {\n .border-bottom-left-radius(@baseBorderRadius);\n }\n // For last th/td (can be either) in the last row in the last thead, tbody, and tfoot\n thead:last-child tr:last-child > th:last-child,\n tbody:last-child tr:last-child > td:last-child,\n tbody:last-child tr:last-child > th:last-child,\n tfoot:last-child tr:last-child > td:last-child,\n tfoot:last-child tr:last-child > th:last-child {\n .border-bottom-right-radius(@baseBorderRadius);\n }\n\n // Clear border-radius for first and last td in the last row in the last tbody for table with tfoot\n tfoot + tbody:last-child tr:last-child td:first-child {\n .border-bottom-left-radius(0);\n }\n tfoot + tbody:last-child tr:last-child td:last-child {\n .border-bottom-right-radius(0);\n }\n\n // Special fixes to round the left border on the first td/th\n caption + thead tr:first-child th:first-child,\n caption + tbody tr:first-child td:first-child,\n colgroup + thead tr:first-child th:first-child,\n colgroup + tbody tr:first-child td:first-child {\n .border-top-left-radius(@baseBorderRadius);\n }\n caption + thead tr:first-child th:last-child,\n caption + tbody tr:first-child td:last-child,\n colgroup + thead tr:first-child th:last-child,\n colgroup + tbody tr:first-child td:last-child {\n .border-top-right-radius(@baseBorderRadius);\n }\n\n}\n\n\n\n\n// ZEBRA-STRIPING\n// --------------\n\n// Default zebra-stripe styles (alternating gray and transparent backgrounds)\n.table-striped {\n tbody {\n > tr:nth-child(odd) > td,\n > tr:nth-child(odd) > th {\n background-color: @tableBackgroundAccent;\n }\n }\n}\n\n\n// HOVER EFFECT\n// ------------\n// Placed here since it has to come after the potential zebra striping\n.table-hover {\n tbody {\n tr:hover > td,\n tr:hover > th {\n background-color: @tableBackgroundHover;\n }\n }\n}\n\n\n// TABLE CELL SIZING\n// -----------------\n\n// Reset default grid behavior\ntable td[class*="span"],\ntable th[class*="span"],\n.row-fluid table td[class*="span"],\n.row-fluid table th[class*="span"] {\n display: table-cell;\n float: none; // undo default grid column styles\n margin-left: 0; // undo default grid column styles\n}\n\n// Change the column widths to account for td/th padding\n.table td,\n.table th {\n &.span1 { .tableColumns(1); }\n &.span2 { .tableColumns(2); }\n &.span3 { .tableColumns(3); }\n &.span4 { .tableColumns(4); }\n &.span5 { .tableColumns(5); }\n &.span6 { .tableColumns(6); }\n &.span7 { .tableColumns(7); }\n &.span8 { .tableColumns(8); }\n &.span9 { .tableColumns(9); }\n &.span10 { .tableColumns(10); }\n &.span11 { .tableColumns(11); }\n &.span12 { .tableColumns(12); }\n}\n\n\n\n// TABLE BACKGROUNDS\n// -----------------\n// Exact selectors below required to override .table-striped\n\n.table tbody tr {\n &.success > td {\n background-color: @successBackground;\n }\n &.error > td {\n background-color: @errorBackground;\n }\n &.warning > td {\n background-color: @warningBackground;\n }\n &.info > td {\n background-color: @infoBackground;\n }\n}\n\n// Hover states for .table-hover\n.table-hover tbody tr {\n &.success:hover > td {\n background-color: darken(@successBackground, 5%);\n }\n &.error:hover > td {\n background-color: darken(@errorBackground, 5%);\n }\n &.warning:hover > td {\n background-color: darken(@warningBackground, 5%);\n }\n &.info:hover > td {\n background-color: darken(@infoBackground, 5%);\n }\n}\n\n\n// TABLE WITHOUT HEADER\n// -----------------\n// Table with table header hidden\n.table-noheader {\n border-collapse: collapse;\n thead {\n\tdisplay: none;\n }\n}\n// @import "../../../media/jui/less/sprites.less";\n//\n// Dropdown menus\n// --------------------------------------------------\n\n\n// Use the .menu class on any
element within the topbar or ul.tabs and you\'ll get some superfancy dropdowns\n.dropup,\n.dropdown {\n position: relative;\n}\n.dropdown-toggle {\n // The caret makes the toggle a bit too tall in IE7\n *margin-bottom: -3px;\n}\n.dropdown-toggle:active,\n.open .dropdown-toggle {\n outline: 0;\n}\n\n// Dropdown arrow/caret\n// --------------------\n.caret {\n display: inline-block;\n width: 0;\n height: 0;\n vertical-align: top;\n border-top: 4px solid @black;\n border-right: 4px solid transparent;\n border-left: 4px solid transparent;\n content: "";\n}\n\n// Place the caret\n.dropdown .caret {\n margin-top: 8px;\n margin-left: 2px;\n}\n\n// The dropdown menu (ul)\n// ----------------------\n.dropdown-menu {\n position: absolute;\n top: 100%;\n left: 0;\n z-index: @zindexDropdown;\n display: none; // none by default, but block on "open" of the menu\n float: left;\n min-width: 160px;\n padding: 5px 0;\n margin: 2px 0 0; // override default ul\n list-style: none;\n background-color: @dropdownBackground;\n border: 1px solid #ccc; // Fallback for IE7-8\n border: 1px solid @dropdownBorder;\n *border-right-width: 2px;\n *border-bottom-width: 2px;\n .border-radius(6px);\n .box-shadow(0 5px 10px rgba(0,0,0,.2));\n -webkit-background-clip: padding-box;\n -moz-background-clip: padding;\n background-clip: padding-box;\n\n // Aligns the dropdown menu to right\n &.pull-right {\n right: 0;\n left: auto;\n }\n\n // Dividers (basically an hr) within the dropdown\n .divider {\n .nav-divider(@dropdownDividerTop, @dropdownDividerBottom);\n }\n\n // Labelled Separator (group label for menu items group) within the dropdown\n .menuitem-group {\n margin: 4px 1px;\n overflow: hidden;\n border-top: 1px solid @grayLighter;\n border-bottom: 1px solid @grayLighter;\n background-color: @grayLighter;\n color: @gray;\n text-transform: capitalize;\n font-size: 95%;\n padding: 3px 20px;\n }\n\n // Links within the dropdown menu\n > li > a {\n display: block;\n padding: 3px 20px;\n clear: both;\n font-weight: normal;\n line-height: @baseLineHeight;\n color: @dropdownLinkColor;\n white-space: nowrap;\n }\n}\n\n// Hover/Focus state\n// -----------\n.dropdown-menu > li > a:hover,\n.dropdown-menu > li > a:focus,\n.dropdown-submenu:hover > a,\n.dropdown-submenu:focus > a {\n text-decoration: none;\n color: @dropdownLinkColorHover;\n #gradient > .vertical(@dropdownLinkBackgroundHover, darken(@dropdownLinkBackgroundHover, 5%));\n}\n\n// Active state\n// ------------\n.dropdown-menu > .active > a,\n.dropdown-menu > .active > a:hover,\n.dropdown-menu > .active > a:focus {\n color: @dropdownLinkColorActive;\n text-decoration: none;\n outline: 0;\n #gradient > .vertical(@dropdownLinkBackgroundActive, darken(@dropdownLinkBackgroundActive, 5%));\n}\n\n// Disabled state\n// --------------\n// Gray out text and ensure the hover/focus state remains gray\n.dropdown-menu > .disabled > a,\n.dropdown-menu > .disabled > a:hover,\n.dropdown-menu > .disabled > a:focus {\n color: @grayLight;\n}\n// Nuke hover/focus effects\n.dropdown-menu > .disabled > a:hover,\n.dropdown-menu > .disabled > a:focus {\n text-decoration: none;\n background-color: transparent;\n background-image: none; // Remove CSS gradient\n .reset-filter();\n cursor: default;\n}\n\n// Open state for the dropdown\n// ---------------------------\n.open {\n // IE7\'s z-index only goes to the nearest positioned ancestor, which would\n // make the menu appear below buttons that appeared later on the page\n *z-index: @zindexDropdown;\n\n & > .dropdown-menu {\n display: block;\n }\n}\n\n// Backdrop to catch body clicks on mobile, etc.\n// ---------------------------\n.dropdown-backdrop {\n position: fixed;\n left: 0;\n right: 0;\n bottom: 0;\n top: 0;\n z-index: @zindexDropdown - 10;\n}\n\n// Right aligned dropdowns\n// ---------------------------\n.pull-right > .dropdown-menu {\n right: 0;\n left: auto;\n}\n\n// Allow for dropdowns to go bottom up (aka, dropup-menu)\n// ------------------------------------------------------\n// Just add .dropup after the standard .dropdown class and you\'re set, bro.\n// TODO: abstract this so that the navbar fixed styles are not placed here?\n.dropup,\n.navbar-fixed-bottom .dropdown {\n // Reverse the caret\n .caret {\n border-top: 0;\n border-bottom: 4px solid @black;\n content: "";\n }\n // Different positioning for bottom up menu\n .dropdown-menu {\n top: auto;\n bottom: 100%;\n margin-bottom: 1px;\n }\n}\n\n// Sub menus\n// ---------------------------\n.dropdown-submenu {\n position: relative;\n}\n// Default dropdowns\n.dropdown-submenu > .dropdown-menu {\n top: 0;\n left: 100%;\n margin-top: -6px;\n margin-left: -1px;\n .border-radius(6px 6px 6px 6px);\n}\n.dropdown-submenu:hover > .dropdown-menu {\n display: block;\n}\n\n// Dropups\n.dropup .dropdown-submenu > .dropdown-menu {\n top: auto;\n bottom: 0;\n margin-top: 0;\n margin-bottom: -2px;\n .border-radius(5px 5px 5px 0);\n}\n\n// Caret to indicate there is a submenu\n.dropdown-submenu > a:after {\n display: block;\n content: " ";\n float: right;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n border-width: 5px 0 5px 5px;\n border-left-color: darken(@dropdownBackground, 20%);\n margin-top: 5px;\n margin-right: -10px;\n}\n.dropdown-submenu:hover > a:after {\n border-left-color: @dropdownLinkColorHover;\n}\n\n// Left aligned submenus\n.dropdown-submenu.pull-left {\n // Undo the float\n // Yes, this is awkward since .pull-left adds a float, but it sticks to our conventions elsewhere.\n float: none;\n\n // Positioning the submenu\n > .dropdown-menu {\n left: -100%;\n margin-left: 10px;\n .border-radius(6px 0 6px 6px);\n }\n}\n\n// Tweak nav headers\n// -----------------\n// Increase padding from 15px to 20px on sides\n.dropdown .dropdown-menu .nav-header {\n padding-left: 20px;\n padding-right: 20px;\n}\n\n// Typeahead\n// ---------\n.typeahead {\n z-index: 1051;\n margin-top: 2px; // give it some space to breathe\n .border-radius(@baseBorderRadius);\n}\n\n//\n// Wells\n// --------------------------------------------------\n\n\n// Base class\n.well {\n min-height: 20px;\n padding: 19px;\n margin-bottom: 20px;\n background-color: @wellBackground;\n border: 1px solid darken(@wellBackground, 7%);\n .border-radius(@baseBorderRadius);\n .box-shadow(inset 0 1px 1px rgba(0,0,0,.05));\n blockquote {\n border-color: #ddd;\n border-color: rgba(0,0,0,.15);\n }\n}\n\n// Sizes\n.well-large {\n padding: 24px;\n .border-radius(@borderRadiusLarge);\n}\n.well-small {\n padding: 9px;\n .border-radius(@borderRadiusSmall);\n}\n\n//\n// Component animations\n// --------------------------------------------------\n\n\n.fade {\n opacity: 0;\n .transition(opacity .15s linear);\n &.in {\n opacity: 1;\n }\n}\n\n.collapse {\n position: relative;\n height: 0;\n overflow: hidden;\n .transition(height .35s ease);\n &.in {\n height: auto;\n }\n}\n\n//\n// Close icons\n// --------------------------------------------------\n\n\n.close {\n float: right;\n font-size: 20px;\n font-weight: bold;\n line-height: @baseLineHeight;\n color: @black;\n text-shadow: 0 1px 0 rgba(255,255,255,1);\n .opacity(20);\n &:hover,\n &:focus {\n color: @black;\n text-decoration: none;\n cursor: pointer;\n .opacity(40);\n }\n}\n\n// Additional properties for button version\n// iOS requires the button element instead of an anchor tag.\n// If you want the anchor version, it requires `href="#"`.\nbutton.close {\n padding: 3;\n cursor: pointer;\n background: transparent;\n border: 0;\n -webkit-appearance: none;\n}\n\n.alert-options {\n float: right;\n line-height: @baseLineHeight;\n color: @black;\n text-shadow: 0 1px 0 rgba(255,255,255,1);\n .opacity(20);\n &:hover,\n &:focus {\n color: @black;\n text-decoration: none;\n cursor: pointer;\n .opacity(40);\n }\n}\n//\n// Buttons\n// --------------------------------------------------\n\n\n// Base styles\n// --------------------------------------------------\n\n// Core\n.btn {\n display: inline-block;\n .ie7-inline-block();\n padding: 4px 12px;\n margin-bottom: 0; // For input.btn\n font-size: @baseFontSize;\n line-height: @baseLineHeight;\n text-align: center;\n vertical-align: middle;\n cursor: pointer;\n .buttonBackground(@btnBackground, @btnBackgroundHighlight, @grayDark, 0 1px 1px rgba(255,255,255,.75));\n border: 1px solid @btnBorder;\n *border: 0; // Remove the border to prevent IE7\'s black border on input:focus\n border-bottom-color: darken(@btnBorder, 10%);\n .border-radius(@baseBorderRadius);\n .ie7-restore-left-whitespace(); // Give IE7 some love\n .box-shadow(~"inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)");\n\n // Hover/focus state\n &:hover,\n &:focus {\n color: @grayDark;\n text-decoration: none;\n background-position: 0 -15px;\n\n // transition is only when going to hover/focus, otherwise the background\n // behind the gradient (there for IE<=9 fallback) gets mismatched\n .transition(background-position .1s linear);\n }\n\n // Focus state for keyboard and accessibility\n &:focus {\n .tab-focus();\n }\n\n // Active state\n &.active,\n &:active {\n background-image: none;\n outline: 0;\n .box-shadow(~"inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)");\n }\n\n // Disabled state\n &.disabled,\n &[disabled] {\n cursor: default;\n background-image: none;\n .opacity(65);\n .box-shadow(none);\n }\n\n}\n\n\n\n// Button Sizes\n// --------------------------------------------------\n\n// Large\n.btn-large {\n padding: @paddingLarge;\n font-size: @fontSizeLarge;\n .border-radius(@borderRadiusLarge);\n}\n.btn-large [class^="icon-"],\n.btn-large [class*=" icon-"] {\n margin-top: 4px;\n}\n\n// Small\n.btn-small {\n padding: @paddingSmall;\n font-size: @fontSizeSmall;\n .border-radius(@borderRadiusSmall);\n}\n.btn-small [class^="icon-"],\n.btn-small [class*=" icon-"] {\n margin-top: 0;\n}\n.btn-mini [class^="icon-"],\n.btn-mini [class*=" icon-"] {\n margin-top: -1px;\n}\n\n// Mini\n.btn-mini {\n padding: @paddingMini;\n font-size: @fontSizeMini;\n .border-radius(@borderRadiusSmall);\n}\n\n\n// Block button\n// -------------------------\n\n.btn-block {\n display: block;\n width: 100%;\n padding-left: 0;\n padding-right: 0;\n .box-sizing(border-box);\n}\n\n// Vertically space out multiple block buttons\n.btn-block + .btn-block {\n margin-top: 5px;\n}\n\n// Specificity overrides\ninput[type="submit"],\ninput[type="reset"],\ninput[type="button"] {\n &.btn-block {\n width: 100%;\n }\n}\n\n\n\n// Alternate buttons\n// --------------------------------------------------\n\n// Provide *some* extra contrast for those who can get it\n.btn-primary.active,\n.btn-warning.active,\n.btn-danger.active,\n.btn-success.active,\n.btn-info.active,\n.btn-inverse.active {\n color: rgba(255,255,255,.75);\n}\n\n// Set the backgrounds\n// -------------------------\n.btn-primary {\n .buttonBackground(@btnPrimaryBackground, @btnPrimaryBackgroundHighlight);\n}\n// Warning appears are orange\n.btn-warning {\n .buttonBackground(@btnWarningBackground, @btnWarningBackgroundHighlight);\n}\n// Danger and error appear as red\n.btn-danger {\n .buttonBackground(@btnDangerBackground, @btnDangerBackgroundHighlight);\n}\n// Success appears as green\n.btn-success {\n .buttonBackground(@btnSuccessBackground, @btnSuccessBackgroundHighlight);\n}\n// Info appears as a neutral blue\n.btn-info {\n .buttonBackground(@btnInfoBackground, @btnInfoBackgroundHighlight);\n}\n// Inverse appears as dark gray\n.btn-inverse {\n .buttonBackground(@btnInverseBackground, @btnInverseBackgroundHighlight);\n}\n\n\n// Cross-browser Jank\n// --------------------------------------------------\n\nbutton.btn,\ninput[type="submit"].btn {\n\n // Firefox 3.6 only I believe\n &::-moz-focus-inner {\n padding: 0;\n border: 0;\n }\n\n // IE7 has some default padding on button controls\n *padding-top: 3px;\n *padding-bottom: 3px;\n\n &.btn-large {\n *padding-top: 7px;\n *padding-bottom: 7px;\n }\n &.btn-small {\n *padding-top: 3px;\n *padding-bottom: 3px;\n }\n &.btn-mini {\n *padding-top: 1px;\n *padding-bottom: 1px;\n }\n}\n\n\n// Link buttons\n// --------------------------------------------------\n\n// Make a button look and behave like a link\n.btn-link,\n.btn-link:active,\n.btn-link[disabled] {\n background-color: transparent;\n background-image: none;\n .box-shadow(none);\n}\n.btn-link {\n border-color: transparent;\n cursor: pointer;\n color: @linkColor;\n .border-radius(0);\n}\n.btn-link:hover,\n.btn-link:focus {\n color: @linkColorHover;\n text-decoration: underline;\n background-color: transparent;\n}\n.btn-link[disabled]:hover,\n.btn-link[disabled]:focus {\n color: @grayDark;\n text-decoration: none;\n}\n\n//\n// Button groups\n// --------------------------------------------------\n\n\n// Make the div behave like a button\n.btn-group {\n position: relative;\n display: inline-block;\n .ie7-inline-block();\n font-size: 0; // remove as part 1 of font-size inline-block hack\n vertical-align: middle; // match .btn alignment given font-size hack above\n white-space: nowrap; // prevent buttons from wrapping when in tight spaces (e.g., the table on the tests page)\n .ie7-restore-left-whitespace();\n}\n\n// Space out series of button groups\n.btn-group + .btn-group {\n margin-left: 5px;\n}\n\n// Optional: Group multiple button groups together for a toolbar\n.btn-toolbar {\n font-size: 0; // Hack to remove whitespace that results from using inline-block\n margin-top: @baseLineHeight / 2;\n margin-bottom: @baseLineHeight / 2;\n > .btn + .btn,\n > .btn-group + .btn,\n > .btn + .btn-group {\n margin-left: 5px;\n }\n}\n\n// Float them, remove border radius, then re-add to first and last elements\n.btn-group > .btn {\n position: relative;\n .border-radius(0);\n}\n.btn-group > .btn + .btn {\n margin-left: -1px;\n}\n.btn-group > .btn,\n.btn-group > .dropdown-menu,\n.btn-group > .popover {\n font-size: @baseFontSize; // redeclare as part 2 of font-size inline-block hack\n}\n\n// Reset fonts for other sizes\n.btn-group > .btn-mini {\n font-size: @fontSizeMini;\n}\n.btn-group > .btn-small {\n font-size: @fontSizeSmall;\n}\n.btn-group > .btn-large {\n font-size: @fontSizeLarge;\n}\n\n// Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match\n.btn-group > .btn:first-child {\n margin-left: 0;\n .border-top-left-radius(@baseBorderRadius);\n .border-bottom-left-radius(@baseBorderRadius);\n}\n// Need .dropdown-toggle since :last-child doesn\'t apply given a .dropdown-menu immediately after it\n.btn-group > .btn:last-child,\n.btn-group > .dropdown-toggle {\n .border-top-right-radius(@baseBorderRadius);\n .border-bottom-right-radius(@baseBorderRadius);\n}\n// Reset corners for large buttons\n.btn-group > .btn.large:first-child {\n margin-left: 0;\n .border-top-left-radius(@borderRadiusLarge);\n .border-bottom-left-radius(@borderRadiusLarge);\n}\n.btn-group > .btn.large:last-child,\n.btn-group > .large.dropdown-toggle {\n .border-top-right-radius(@borderRadiusLarge);\n .border-bottom-right-radius(@borderRadiusLarge);\n}\n\n// On hover/focus/active, bring the proper btn to front\n.btn-group > .btn:hover,\n.btn-group > .btn:focus,\n.btn-group > .btn:active,\n.btn-group > .btn.active {\n z-index: 2;\n}\n\n// On active and open, don\'t show outline\n.btn-group .dropdown-toggle:active,\n.btn-group.open .dropdown-toggle {\n outline: 0;\n}\n\n\n\n// Split button dropdowns\n// ----------------------\n\n// Give the line between buttons some depth\n.btn-group > .btn + .dropdown-toggle {\n padding-left: 8px;\n padding-right: 8px;\n .box-shadow(~"inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)");\n *padding-top: 5px;\n *padding-bottom: 5px;\n}\n.btn-group > .btn-mini + .dropdown-toggle {\n padding-left: 5px;\n padding-right: 5px;\n *padding-top: 2px;\n *padding-bottom: 2px;\n}\n.btn-group > .btn-small + .dropdown-toggle {\n *padding-top: 5px;\n *padding-bottom: 4px;\n}\n.btn-group > .btn-large + .dropdown-toggle {\n padding-left: 12px;\n padding-right: 12px;\n *padding-top: 7px;\n *padding-bottom: 7px;\n}\n\n.btn-group.open {\n\n // The clickable button for toggling the menu\n // Remove the gradient and set the same inset shadow as the :active state\n .dropdown-toggle {\n background-image: none;\n .box-shadow(~"inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05)");\n }\n\n // Keep the hover\'s background when dropdown is open\n .btn.dropdown-toggle {\n background-color: @btnBackgroundHighlight;\n }\n .btn-primary.dropdown-toggle {\n background-color: @btnPrimaryBackgroundHighlight;\n }\n .btn-warning.dropdown-toggle {\n background-color: @btnWarningBackgroundHighlight;\n }\n .btn-danger.dropdown-toggle {\n background-color: @btnDangerBackgroundHighlight;\n }\n .btn-success.dropdown-toggle {\n background-color: @btnSuccessBackgroundHighlight;\n }\n .btn-info.dropdown-toggle {\n background-color: @btnInfoBackgroundHighlight;\n }\n .btn-inverse.dropdown-toggle {\n background-color: @btnInverseBackgroundHighlight;\n }\n}\n\n\n// Reposition the caret\n.btn .caret {\n margin-top: 8px;\n margin-left: 0;\n}\n// Carets in other button sizes\n.btn-large .caret {\n margin-top: 6px;\n}\n.btn-large .caret {\n border-left-width: 5px;\n border-right-width: 5px;\n border-top-width: 5px;\n}\n.btn-mini .caret,\n.btn-small .caret {\n margin-top: 8px;\n}\n// Upside down carets for .dropup\n.dropup .btn-large .caret {\n border-bottom-width: 5px;\n}\n\n\n\n// Account for other colors\n.btn-primary,\n.btn-warning,\n.btn-danger,\n.btn-info,\n.btn-success,\n.btn-inverse {\n .caret {\n border-top-color: @white;\n border-bottom-color: @white;\n }\n}\n\n\n\n// Vertical button groups\n// ----------------------\n\n.btn-group-vertical {\n display: inline-block; // makes buttons only take up the width they need\n .ie7-inline-block();\n}\n.btn-group-vertical > .btn {\n display: block;\n float: none;\n max-width: 100%;\n .border-radius(0);\n}\n.btn-group-vertical > .btn + .btn {\n margin-left: 0;\n margin-top: -1px;\n}\n.btn-group-vertical > .btn:first-child {\n .border-radius(@baseBorderRadius @baseBorderRadius 0 0);\n}\n.btn-group-vertical > .btn:last-child {\n .border-radius(0 0 @baseBorderRadius @baseBorderRadius);\n}\n.btn-group-vertical > .btn-large:first-child {\n .border-radius(@borderRadiusLarge @borderRadiusLarge 0 0);\n}\n.btn-group-vertical > .btn-large:last-child {\n .border-radius(0 0 @borderRadiusLarge @borderRadiusLarge);\n}\n\n//\n// Alerts\n// --------------------------------------------------\n\n\n// Base styles\n// -------------------------\n\n.alert {\n padding: 8px 35px 8px 14px;\n margin-bottom: @baseLineHeight;\n text-shadow: 0 1px 0 rgba(255,255,255,.5);\n background-color: @warningBackground;\n border: 1px solid @warningBorder;\n .border-radius(@baseBorderRadius);\n}\n.alert,\n.alert h4 {\n // Specified for the h4 to prevent conflicts of changing @headingsColor\n color: @warningText;\n}\n.alert h4 {\n margin: 0 0 .5em;\n}\n\n// Adjust close link position\n.alert .close {\n position: relative;\n top: -2px;\n right: -21px;\n line-height: @baseLineHeight;\n cursor:pointer;\n}\n\n\n// Alternate styles\n// -------------------------\n\n.alert-success {\n background-color: @successBackground;\n border-color: @successBorder;\n color: @successText;\n}\n.alert-success h4 {\n color: @successText;\n}\n.alert-danger,\n.alert-error {\n background-color: @errorBackground;\n border-color: @errorBorder;\n color: @errorText;\n}\n.alert-danger h4,\n.alert-error h4 {\n color: @errorText;\n}\n.alert-info {\n background-color: @infoBackground;\n border-color: @infoBorder;\n color: @infoText;\n}\n.alert-info h4 {\n color: @infoText;\n}\n\n\n// Block alerts\n// -------------------------\n\n.alert-block {\n padding-top: 14px;\n padding-bottom: 14px;\n}\n.alert-block > p,\n.alert-block > ul {\n margin-bottom: 0;\n}\n.alert-block p + p {\n margin-top: 5px;\n}\n\n//\n// Navs\n// --------------------------------------------------\n\n\n// BASE CLASS\n// ----------\n\n.nav {\n margin-left: 0;\n margin-bottom: @baseLineHeight;\n list-style: none;\n}\n\n// Make links block level\n.nav > li > a {\n display: block;\n}\n.nav > li > a:hover,\n.nav > li > a:focus {\n text-decoration: none;\n background-color: @grayLighter;\n}\n\n// Prevent IE8 from misplacing imgs\n// See https://github.com/h5bp/html5-boilerplate/issues/984#issuecomment-3985989\n.nav > li > a > img {\n max-width: none;\n}\n\n// Redeclare pull classes because of specifity\n.nav > .pull-right {\n float: right;\n}\n\n// Nav headers (for dropdowns and lists)\n.nav-header {\n display: block;\n padding: 3px 15px;\n font-size: 11px;\n font-weight: bold;\n line-height: @baseLineHeight;\n color: @grayLight;\n text-shadow: 0 1px 0 rgba(255,255,255,.5);\n text-transform: uppercase;\n}\n// Space them out when they follow another list item (link)\n.nav li + .nav-header {\n margin-top: 9px;\n}\n\n\n\n// NAV LIST\n// --------\n\n.nav-list {\n padding-left: 15px;\n padding-right: 15px;\n margin-bottom: 0;\n}\n.nav-list > li > a,\n.nav-list .nav-header {\n margin-left: -15px;\n margin-right: -15px;\n text-shadow: 0 1px 0 rgba(255,255,255,.5);\n}\n.nav-list > li > a {\n padding: 3px 15px;\n}\n.nav-list > .active > a,\n.nav-list > .active > a:hover,\n.nav-list > .active > a:focus {\n color: @white;\n text-shadow: 0 -1px 0 rgba(0,0,0,.2);\n background-color: @linkColor;\n}\n.nav-list [class^="icon-"],\n.nav-list [class*=" icon-"] {\n margin-right: 2px;\n}\n// Dividers (basically an hr) within the dropdown\n.nav-list .divider {\n .nav-divider();\n}\n\n\n\n// TABS AND PILLS\n// -------------\n\n// Common styles\n.nav-tabs,\n.nav-pills {\n .clearfix();\n}\n.nav-tabs > li,\n.nav-pills > li {\n float: left;\n}\n.nav-tabs > li > a,\n.nav-pills > li > a {\n padding-right: 12px;\n padding-left: 12px;\n margin-right: 2px;\n line-height: 14px; // keeps the overall height an even number\n}\n\n// TABS\n// ----\n\n// Give the tabs something to sit on\n.nav-tabs {\n border-bottom: 1px solid #ddd;\n}\n// Make the list-items overlay the bottom border\n.nav-tabs > li {\n margin-bottom: -1px;\n}\n// Actual tabs (as links)\n.nav-tabs > li > a {\n padding-top: 8px;\n padding-bottom: 8px;\n line-height: @baseLineHeight;\n border: 1px solid transparent;\n .border-radius(4px 4px 0 0);\n &:hover,\n &:focus {\n border-color: @grayLighter @grayLighter #ddd;\n }\n}\n// Active state, and it\'s :hover/:focus to override normal :hover/:focus\n.nav-tabs > .active > a,\n.nav-tabs > .active > a:hover,\n.nav-tabs > .active > a:focus {\n color: @gray;\n background-color: @bodyBackground;\n border: 1px solid #ddd;\n border-bottom-color: transparent;\n cursor: default;\n}\n\n\n// PILLS\n// -----\n\n// Links rendered as pills\n.nav-pills > li > a {\n padding-top: 8px;\n padding-bottom: 8px;\n margin-top: 2px;\n margin-bottom: 2px;\n .border-radius(5px);\n}\n\n// Active state\n.nav-pills > .active > a,\n.nav-pills > .active > a:hover,\n.nav-pills > .active > a:focus {\n color: @white;\n background-color: @linkColor;\n}\n\n\n\n// STACKED NAV\n// -----------\n\n// Stacked tabs and pills\n.nav-stacked > li {\n float: none;\n}\n.nav-stacked > li > a {\n margin-right: 0; // no need for the gap between nav items\n}\n\n// Tabs\n.nav-tabs.nav-stacked {\n border-bottom: 0;\n}\n.nav-tabs.nav-stacked > li > a {\n border: 1px solid #ddd;\n .border-radius(0);\n}\n.nav-tabs.nav-stacked > li:first-child > a {\n .border-top-radius(4px);\n}\n.nav-tabs.nav-stacked > li:last-child > a {\n .border-bottom-radius(4px);\n}\n.nav-tabs.nav-stacked > li > a:hover,\n.nav-tabs.nav-stacked > li > a:focus {\n border-color: #ddd;\n z-index: 2;\n}\n\n// Pills\n.nav-pills.nav-stacked > li > a {\n margin-bottom: 3px;\n}\n.nav-pills.nav-stacked > li:last-child > a {\n margin-bottom: 1px; // decrease margin to match sizing of stacked tabs\n}\n\n\n\n// DROPDOWNS\n// ---------\n\n.nav-tabs .dropdown-menu {\n .border-radius(0 0 6px 6px); // remove the top rounded corners here since there is a hard edge above the menu\n}\n.nav-pills .dropdown-menu {\n .border-radius(6px); // make rounded corners match the pills\n}\n\n// Default dropdown links\n// -------------------------\n// Make carets use linkColor to start\n.nav .dropdown-toggle .caret {\n border-top-color: @linkColor;\n border-bottom-color: @linkColor;\n margin-top: 6px;\n}\n.nav .dropdown-toggle:hover .caret,\n.nav .dropdown-toggle:focus .caret {\n border-top-color: @linkColorHover;\n border-bottom-color: @linkColorHover;\n}\n/* move down carets for tabs */\n.nav-tabs .dropdown-toggle .caret {\n margin-top: 8px;\n}\n\n// Active dropdown links\n// -------------------------\n.nav .active .dropdown-toggle .caret {\n border-top-color: #fff;\n border-bottom-color: #fff;\n}\n.nav-tabs .active .dropdown-toggle .caret {\n border-top-color: @gray;\n border-bottom-color: @gray;\n}\n\n// Active:hover/:focus dropdown links\n// -------------------------\n.nav > .dropdown.active > a:hover,\n.nav > .dropdown.active > a:focus {\n cursor: pointer;\n}\n\n// Open dropdowns\n// -------------------------\n.nav-tabs .open .dropdown-toggle,\n.nav-pills .open .dropdown-toggle,\n.nav > li.dropdown.open.active > a:hover,\n.nav > li.dropdown.open.active > a:focus {\n color: @white;\n background-color: @grayLight;\n border-color: @grayLight;\n}\n.nav li.dropdown.open .caret,\n.nav li.dropdown.open.active .caret,\n.nav li.dropdown.open a:hover .caret,\n.nav li.dropdown.open a:focus .caret {\n border-top-color: @white;\n border-bottom-color: @white;\n .opacity(100);\n}\n\n// Dropdowns in stacked tabs\n.tabs-stacked .open > a:hover,\n.tabs-stacked .open > a:focus {\n border-color: @grayLight;\n}\n\n\n\n// TABBABLE\n// --------\n\n\n// COMMON STYLES\n// -------------\n\n// Clear any floats\n.tabbable {\n .clearfix();\n}\n.tab-content {\n overflow: auto; // prevent content from running below tabs\n}\n\n// Remove border on bottom, left, right\n.tabs-below > .nav-tabs,\n.tabs-right > .nav-tabs,\n.tabs-left > .nav-tabs {\n border-bottom: 0;\n}\n\n// Show/hide tabbable areas\n.tab-content > .tab-pane,\n.pill-content > .pill-pane {\n display: none;\n}\n.tab-content > .active,\n.pill-content > .active {\n display: block;\n}\n\n\n// BOTTOM\n// ------\n\n.tabs-below > .nav-tabs {\n border-top: 1px solid #ddd;\n}\n.tabs-below > .nav-tabs > li {\n margin-top: -1px;\n margin-bottom: 0;\n}\n.tabs-below > .nav-tabs > li > a {\n .border-radius(0 0 4px 4px);\n &:hover,\n &:focus {\n border-bottom-color: transparent;\n border-top-color: #ddd;\n }\n}\n.tabs-below > .nav-tabs > .active > a,\n.tabs-below > .nav-tabs > .active > a:hover,\n.tabs-below > .nav-tabs > .active > a:focus {\n border-color: transparent #ddd #ddd #ddd;\n}\n\n// LEFT & RIGHT\n// ------------\n\n// Common styles\n.tabs-left > .nav-tabs > li,\n.tabs-right > .nav-tabs > li {\n float: none;\n}\n.tabs-left > .nav-tabs > li > a,\n.tabs-right > .nav-tabs > li > a {\n min-width: 74px;\n margin-right: 0;\n margin-bottom: 3px;\n}\n\n// Tabs on the left\n.tabs-left > .nav-tabs {\n float: left;\n margin-right: 19px;\n border-right: 1px solid #ddd;\n}\n.tabs-left > .nav-tabs > li > a {\n margin-right: -1px;\n .border-radius(4px 0 0 4px);\n}\n.tabs-left > .nav-tabs > li > a:hover,\n.tabs-left > .nav-tabs > li > a:focus {\n border-color: @grayLighter #ddd @grayLighter @grayLighter;\n}\n.tabs-left > .nav-tabs .active > a,\n.tabs-left > .nav-tabs .active > a:hover,\n.tabs-left > .nav-tabs .active > a:focus {\n border-color: #ddd transparent #ddd #ddd;\n *border-right-color: @white;\n}\n\n// Tabs on the right\n.tabs-right > .nav-tabs {\n float: right;\n margin-left: 19px;\n border-left: 1px solid #ddd;\n}\n.tabs-right > .nav-tabs > li > a {\n margin-left: -1px;\n .border-radius(0 4px 4px 0);\n}\n.tabs-right > .nav-tabs > li > a:hover,\n.tabs-right > .nav-tabs > li > a:focus {\n border-color: @grayLighter @grayLighter @grayLighter #ddd;\n}\n.tabs-right > .nav-tabs .active > a,\n.tabs-right > .nav-tabs .active > a:hover,\n.tabs-right > .nav-tabs .active > a:focus {\n border-color: #ddd #ddd #ddd transparent;\n *border-left-color: @white;\n}\n\n\n\n// DISABLED STATES\n// ---------------\n\n// Gray out text\n.nav > .disabled > a {\n color: @grayLight;\n}\n// Nuke hover/focus effects\n.nav > .disabled > a:hover,\n.nav > .disabled > a:focus {\n text-decoration: none;\n background-color: transparent;\n cursor: default;\n}\n\n//\n// Navbars (Redux)\n// --------------------------------------------------\n\n\n// COMMON STYLES\n// -------------\n\n// Base class and wrapper\n.navbar {\n overflow: visible;\n margin-bottom: @baseLineHeight;\n\n // Fix for IE7\'s bad z-indexing so dropdowns don\'t appear below content that follows the navbar\n *position: relative;\n *z-index: 2;\n}\n\n// Inner for background effects\n// Gradient is applied to its own element because overflow visible is not honored by IE when filter is present\n.navbar-inner {\n min-height: @navbarHeight;\n padding-left: 20px;\n padding-right: 20px;\n #gradient > .vertical(@navbarBackgroundHighlight, @navbarBackground);\n border: 1px solid @navbarBorder;\n .border-radius(@baseBorderRadius);\n .box-shadow(0 1px 4px rgba(0,0,0,.065));\n\n // Prevent floats from breaking the navbar\n .clearfix();\n}\n\n// Set width to auto for default container\n// We then reset it for fixed navbars in the #gridSystem mixin\n.navbar .container {\n width: auto;\n}\n\n// Override the default collapsed state\n.nav-collapse.collapse {\n height: auto;\n overflow: visible;\n}\n\n\n// Brand: website or project name\n// -------------------------\n.navbar .brand {\n float: left;\n display: block;\n // Vertically center the text given @navbarHeight\n padding: ((@navbarHeight - @baseLineHeight) / 2) 20px ((@navbarHeight - @baseLineHeight) / 2);\n margin-left: -20px; // negative indent to left-align the text down the page\n font-size: 20px;\n font-weight: 200;\n color: @navbarBrandColor;\n text-shadow: 0 1px 0 @navbarBackgroundHighlight;\n &:hover,\n &:focus {\n text-decoration: none;\n }\n}\n\n// Plain text in topbar\n// -------------------------\n.navbar-text {\n margin-bottom: 0;\n line-height: @navbarHeight;\n color: @navbarText;\n}\n\n// Janky solution for now to account for links outside the .nav\n// -------------------------\n.navbar-link {\n color: @navbarLinkColor;\n &:hover,\n &:focus {\n color: @navbarLinkColorHover;\n }\n}\n\n// Dividers in navbar\n// -------------------------\n.navbar .divider-vertical {\n height: @navbarHeight;\n margin: 0 9px;\n border-left: 1px solid @navbarBackground;\n border-right: 1px solid @navbarBackgroundHighlight;\n}\n\n// Buttons in navbar\n// -------------------------\n.navbar .btn,\n.navbar .btn-group {\n .navbarVerticalAlign(30px); // Vertically center in navbar\n}\n.navbar .btn-group .btn,\n.navbar .input-prepend .btn,\n.navbar .input-append .btn,\n.navbar .input-prepend .btn-group,\n.navbar .input-append .btn-group {\n margin-top: 0; // then undo the margin here so we don\'t accidentally double it\n}\n\n// Navbar forms\n// -------------------------\n.navbar-form {\n margin-bottom: 0; // remove default bottom margin\n .clearfix();\n input,\n select,\n .radio,\n .checkbox {\n .navbarVerticalAlign(30px); // Vertically center in navbar\n }\n input,\n select,\n .btn {\n display: inline-block;\n margin-bottom: 0;\n }\n input[type="image"],\n input[type="checkbox"],\n input[type="radio"] {\n margin-top: 3px;\n }\n .input-append,\n .input-prepend {\n margin-top: 5px;\n white-space: nowrap; // preven two items from separating within a .navbar-form that has .pull-left\n input {\n margin-top: 0; // remove the margin on top since it\'s on the parent\n }\n }\n}\n\n// Navbar search\n// -------------------------\n.navbar-search {\n position: relative;\n float: left;\n .navbarVerticalAlign(30px); // Vertically center in navbar\n margin-bottom: 0;\n .search-query {\n margin-bottom: 0;\n padding: 4px 14px;\n #font > .sans-serif(13px, normal, 1);\n .border-radius(15px); // redeclare because of specificity of the type attribute\n }\n}\n\n\n\n// Static navbar\n// -------------------------\n\n.navbar-static-top {\n position: static;\n margin-bottom: 0; // remove 18px margin for default navbar\n .navbar-inner {\n .border-radius(0);\n }\n}\n\n\n\n// Fixed navbar\n// -------------------------\n\n// Shared (top/bottom) styles\n.navbar-fixed-top,\n.navbar-fixed-bottom {\n position: fixed;\n right: 0;\n left: 0;\n z-index: @zindexFixedNavbar;\n margin-bottom: 0; // remove 18px margin for default navbar\n}\n.navbar-fixed-top .navbar-inner,\n.navbar-static-top .navbar-inner {\n border-width: 0 0 1px;\n}\n.navbar-fixed-bottom .navbar-inner {\n border-width: 1px 0 0;\n}\n.navbar-fixed-top .navbar-inner,\n.navbar-fixed-bottom .navbar-inner {\n padding-left: 0;\n padding-right: 0;\n .border-radius(0);\n}\n\n// Reset container width\n// Required here as we reset the width earlier on and the grid mixins don\'t override early enough\n.navbar-static-top .container,\n.navbar-fixed-top .container,\n.navbar-fixed-bottom .container {\n #grid > .core > .span(@gridColumns);\n}\n\n// Fixed to top\n.navbar-fixed-top {\n top: 0;\n}\n.navbar-fixed-top,\n.navbar-static-top {\n .navbar-inner {\n .box-shadow(~"0 1px 10px rgba(0,0,0,.1)");\n }\n}\n\n// Fixed to bottom\n.navbar-fixed-bottom {\n bottom: 0;\n .navbar-inner {\n .box-shadow(~"0 -1px 10px rgba(0,0,0,.1)");\n }\n}\n\n\n\n// NAVIGATION\n// ----------\n\n.navbar .nav {\n position: relative;\n left: 0;\n display: block;\n float: left;\n margin: 0 10px 0 0;\n}\n.navbar .nav.pull-right {\n float: right; // redeclare due to specificity\n margin-right: 0; // remove margin on float right nav\n}\n.navbar .nav > li {\n float: left;\n}\n\n// Links\n.navbar .nav > li > a {\n float: none;\n // Vertically center the text given @navbarHeight\n padding: ((@navbarHeight - @baseLineHeight) / 2) 15px ((@navbarHeight - @baseLineHeight) / 2);\n color: @navbarLinkColor;\n text-decoration: none;\n text-shadow: 0 1px 0 @navbarBackgroundHighlight;\n}\n.navbar .nav .dropdown-toggle .caret {\n margin-top: 8px;\n}\n\n// Hover/focus\n.navbar .nav > li > a:focus,\n.navbar .nav > li > a:hover {\n background-color: @navbarLinkBackgroundHover; // "transparent" is default to differentiate :hover/:focus from .active\n color: @navbarLinkColorHover;\n text-decoration: none;\n}\n\n// a11y improvement\n.navbar .nav > li > a:focus {\n outline: 2px solid rgb(94, 158, 214);\n}\n\n// Active nav items\n.navbar .nav > .active > a,\n.navbar .nav > .active > a:hover,\n.navbar .nav > .active > a:focus {\n color: @navbarLinkColorActive;\n text-decoration: none;\n background-color: @navbarLinkBackgroundActive;\n .box-shadow(inset 0 3px 8px rgba(0,0,0,.125));\n}\n\n// Navbar button for toggling navbar items in responsive layouts\n// These definitions need to come after \'.navbar .btn\'\n.navbar .btn-navbar {\n display: none;\n float: right;\n padding: 7px 10px;\n margin-left: 5px;\n margin-right: 5px;\n .buttonBackground(darken(@navbarBackgroundHighlight, 5%), darken(@navbarBackground, 5%));\n .box-shadow(~"inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.075)");\n}\n.navbar .btn-navbar .icon-bar {\n display: block;\n width: 18px;\n height: 2px;\n background-color: #f5f5f5;\n .border-radius(1px);\n .box-shadow(0 1px 0 rgba(0,0,0,.25));\n}\n.btn-navbar .icon-bar + .icon-bar {\n margin-top: 3px;\n}\n\n\n\n// Dropdown menus\n// --------------\n\n// Menu position and menu carets\n.navbar .nav > li > .dropdown-menu {\n &:before {\n content: \'\';\n display: inline-block;\n border-left: 7px solid transparent;\n border-right: 7px solid transparent;\n border-bottom: 7px solid #ccc;\n border-bottom-color: @dropdownBorder;\n position: absolute;\n top: -7px;\n left: 9px;\n }\n &:after {\n content: \'\';\n display: inline-block;\n border-left: 6px solid transparent;\n border-right: 6px solid transparent;\n border-bottom: 6px solid @dropdownBackground;\n position: absolute;\n top: -6px;\n left: 10px;\n }\n}\n// Menu position and menu caret support for dropups via extra dropup class\n.navbar-fixed-bottom .nav > li > .dropdown-menu {\n &:before {\n border-top: 7px solid #ccc;\n border-top-color: @dropdownBorder;\n border-bottom: 0;\n bottom: -7px;\n top: auto;\n }\n &:after {\n border-top: 6px solid @dropdownBackground;\n border-bottom: 0;\n bottom: -6px;\n top: auto;\n }\n}\n\n// Caret should match text color on hover/focus\n.navbar .nav li.dropdown > a:hover .caret,\n.navbar .nav li.dropdown > a:focus .caret {\n border-top-color: @navbarLinkColorHover;\n border-bottom-color: @navbarLinkColorHover;\n}\n\n// Remove background color from open dropdown\n.navbar .nav li.dropdown.open > .dropdown-toggle,\n.navbar .nav li.dropdown.active > .dropdown-toggle,\n.navbar .nav li.dropdown.open.active > .dropdown-toggle {\n background-color: @navbarLinkBackgroundActive;\n color: @navbarLinkColorActive;\n}\n.navbar .nav li.dropdown > .dropdown-toggle .caret {\n border-top-color: @navbarLinkColor;\n border-bottom-color: @navbarLinkColor;\n}\n.navbar .nav li.dropdown.open > .dropdown-toggle .caret,\n.navbar .nav li.dropdown.active > .dropdown-toggle .caret,\n.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {\n border-top-color: @navbarLinkColorActive;\n border-bottom-color: @navbarLinkColorActive;\n}\n\n// Right aligned menus need alt position\n.navbar .pull-right > li > .dropdown-menu,\n.navbar .nav > li > .dropdown-menu.pull-right {\n left: auto;\n right: 0;\n &:before {\n left: auto;\n right: 12px;\n }\n &:after {\n left: auto;\n right: 13px;\n }\n .dropdown-menu {\n left: auto;\n right: 100%;\n margin-left: 0;\n margin-right: -1px;\n .border-radius(6px 0 6px 6px);\n }\n}\n\n\n// Inverted navbar\n// -------------------------\n\n.navbar-inverse {\n\n .navbar-inner {\n #gradient > .vertical(@navbarInverseBackgroundHighlight, @navbarInverseBackground);\n border-color: @navbarInverseBorder;\n }\n\n .brand,\n .nav > li > a {\n color: @navbarInverseLinkColor;\n text-shadow: 0 -1px 0 rgba(0,0,0,.25);\n &:hover,\n &:focus {\n color: @navbarInverseLinkColorHover;\n }\n }\n\n .brand {\n color: @navbarInverseBrandColor;\n }\n\n .navbar-text {\n color: @navbarInverseText;\n }\n\n .nav > li > a:focus,\n .nav > li > a:hover {\n background-color: @navbarInverseLinkBackgroundHover;\n color: @navbarInverseLinkColorHover;\n }\n\n .nav .active > a,\n .nav .active > a:hover,\n .nav .active > a:focus {\n color: @navbarInverseLinkColorActive;\n background-color: @navbarInverseLinkBackgroundActive;\n }\n\n // Inline text links\n .navbar-link {\n color: @navbarInverseLinkColor;\n &:hover,\n &:focus {\n color: @navbarInverseLinkColorHover;\n }\n }\n\n // Dividers in navbar\n .divider-vertical {\n border-left-color: @navbarInverseBackground;\n border-right-color: @navbarInverseBackgroundHighlight;\n }\n\n // Dropdowns\n .nav li.dropdown.open > .dropdown-toggle,\n .nav li.dropdown.active > .dropdown-toggle,\n .nav li.dropdown.open.active > .dropdown-toggle {\n background-color: @navbarInverseLinkBackgroundActive;\n color: @navbarInverseLinkColorActive;\n }\n .nav li.dropdown > a:hover .caret,\n .nav li.dropdown > a:focus .caret {\n border-top-color: @navbarInverseLinkColorActive;\n border-bottom-color: @navbarInverseLinkColorActive;\n }\n .nav li.dropdown > .dropdown-toggle .caret {\n border-top-color: @navbarInverseLinkColor;\n border-bottom-color: @navbarInverseLinkColor;\n }\n .nav li.dropdown.open > .dropdown-toggle .caret,\n .nav li.dropdown.active > .dropdown-toggle .caret,\n .nav li.dropdown.open.active > .dropdown-toggle .caret {\n border-top-color: @navbarInverseLinkColorActive;\n border-bottom-color: @navbarInverseLinkColorActive;\n }\n\n // Navbar search\n .navbar-search {\n .search-query {\n color: @white;\n background-color: @navbarInverseSearchBackground;\n border-color: @navbarInverseSearchBorder;\n .box-shadow(~"inset 0 1px 2px rgba(0,0,0,.1), 0 1px 0 rgba(255,255,255,.15)");\n .transition(none);\n .placeholder(@navbarInverseSearchPlaceholderColor);\n\n // Focus states (we use .focused since IE7-8 and down doesn\'t support :focus)\n &:focus,\n &.focused {\n padding: 5px 15px;\n color: @grayDark;\n text-shadow: 0 1px 0 @white;\n background-color: @navbarInverseSearchBackgroundFocus;\n border: 0;\n .box-shadow(0 0 3px rgba(0,0,0,.15));\n outline: 0;\n }\n }\n }\n\n // Navbar collapse button\n .btn-navbar {\n .buttonBackground(darken(@navbarInverseBackgroundHighlight, 5%), darken(@navbarInverseBackground, 5%));\n }\n\n}\n\n//\n// Breadcrumbs\n// --------------------------------------------------\n\n\n.breadcrumb {\n padding: 8px 15px;\n margin: 0 0 @baseLineHeight;\n list-style: none;\n background-color: #f5f5f5;\n .border-radius(@baseBorderRadius);\n > li {\n display: inline-block;\n .ie7-inline-block();\n text-shadow: 0 1px 0 @white;\n > .divider {\n padding: 0 5px;\n color: #ccc;\n }\n }\n > .active {\n color: @grayLight;\n }\n}\n\n//\n// Pagination (multiple pages)\n// --------------------------------------------------\n\n// Space out pagination from surrounding content\n.pagination {\n margin: @baseLineHeight 0;\n}\n\n.pagination ul {\n // Allow for text-based alignment\n display: inline-block;\n .ie7-inline-block();\n // Reset default ul styles\n margin-left: 0;\n margin-bottom: 0;\n // Visuals\n .border-radius(@baseBorderRadius);\n .box-shadow(0 1px 2px rgba(0,0,0,.05));\n}\n.pagination ul > li {\n display: inline; // Remove list-style and block-level defaults\n}\n.pagination ul > li > a,\n.pagination ul > li > span {\n float: left; // Collapse white-space\n padding: 4px 12px;\n line-height: @baseLineHeight;\n text-decoration: none;\n background-color: @paginationBackground;\n border: 1px solid @paginationBorder;\n border-left-width: 0;\n}\n.pagination ul > li > a:hover,\n.pagination ul > li > a:focus,\n.pagination ul > .active > a,\n.pagination ul > .active > span {\n background-color: @paginationActiveBackground;\n}\n.pagination ul > .active > a,\n.pagination ul > .active > span {\n color: @grayLight;\n cursor: default;\n}\n.pagination ul > .disabled > span,\n.pagination ul > .disabled > a,\n.pagination ul > .disabled > a:hover,\n.pagination ul > .disabled > a:focus {\n color: @grayLight;\n background-color: transparent;\n cursor: default;\n}\n.pagination ul > li:first-child > a,\n.pagination ul > li:first-child > span {\n border-left-width: 1px;\n .border-left-radius(@baseBorderRadius);\n}\n.pagination ul > li:last-child > a,\n.pagination ul > li:last-child > span {\n .border-right-radius(@baseBorderRadius);\n}\n\n\n// Alignment\n// --------------------------------------------------\n\n.pagination-centered {\n text-align: center;\n}\n.pagination-right {\n text-align: right;\n}\n\n\n// Sizing\n// --------------------------------------------------\n\n// Large\n.pagination-large {\n ul > li > a,\n ul > li > span {\n padding: @paddingLarge;\n font-size: @fontSizeLarge;\n }\n ul > li:first-child > a,\n ul > li:first-child > span {\n .border-left-radius(@borderRadiusLarge);\n }\n ul > li:last-child > a,\n ul > li:last-child > span {\n .border-right-radius(@borderRadiusLarge);\n }\n}\n\n// Small and mini\n.pagination-mini,\n.pagination-small {\n ul > li:first-child > a,\n ul > li:first-child > span {\n .border-left-radius(@borderRadiusSmall);\n }\n ul > li:last-child > a,\n ul > li:last-child > span {\n .border-right-radius(@borderRadiusSmall);\n }\n}\n\n// Small\n.pagination-small {\n ul > li > a,\n ul > li > span {\n padding: @paddingSmall;\n font-size: @fontSizeSmall;\n }\n}\n// Mini\n.pagination-mini {\n ul > li > a,\n ul > li > span {\n padding: @paddingMini;\n font-size: @fontSizeMini;\n }\n}\n\n//\n// Pager pagination\n// --------------------------------------------------\n\n\n.pager {\n margin: @baseLineHeight 0;\n list-style: none;\n text-align: center;\n .clearfix();\n}\n.pager li {\n display: inline;\n}\n.pager li > a,\n.pager li > span {\n display: inline-block;\n padding: 5px 14px;\n background-color: #fff;\n border: 1px solid #ddd;\n .border-radius(15px);\n}\n.pager li > a:hover,\n.pager li > a:focus {\n text-decoration: none;\n background-color: #f5f5f5;\n}\n.pager .next > a,\n.pager .next > span {\n float: right;\n}\n.pager .previous > a,\n.pager .previous > span {\n float: left;\n}\n.pager .disabled > a,\n.pager .disabled > a:hover,\n.pager .disabled > a:focus,\n.pager .disabled > span {\n color: @grayLight;\n background-color: #fff;\n cursor: default;\n}\n//\n// Modals\n// --------------------------------------------------\n\n/* Joomla JUI NOTE: Original .modal definition has to be commented */\n\n// > Joomla JUI\n// Base modal\ndiv.modal {\n position: fixed;\n top: 5%;\n left: 50%;\n z-index: @zindexModal;\n width: 80%;\n margin-left: -40%;\n background-color: @white;\n border: 1px solid #999;\n border: 1px solid rgba(0,0,0,.3);\n *border: 1px solid #999; /* IE6-7 */\n .border-radius(6px);\n .box-shadow(0 3px 7px rgba(0,0,0,0.3));\n .background-clip(padding-box);\n // Remove focus outline from opened modal\n outline: none;\n\n &.fade {\n .transition(e(\'opacity .3s linear, top .3s ease-out\'));\n top: -25%;\n }\n &.fade.in { top: 5%; }\n}\n//Modal for Batch views\n.modal-batch {\n overflow-y: visible;\n}\n// Modal viewport dimensions\n.modal-body[class^="jviewport-height"],\n.modal-body[class*="jviewport-height"] {\n max-height: none;\n}\n.jviewport-height {\n &10 { height: 10vh; }\n &20 { height: 20vh; }\n &30 { height: 30vh; }\n &40 { height: 40vh; }\n &50 { height: 50vh; }\n &60 { height: 60vh; }\n &70 { height: 70vh; }\n &80 { height: 80vh; }\n &90 { height: 90vh; }\n &100 { height: 100vh; }\n}\ndiv.modal.jviewport-width {\n &10 { width: 10vw; margin-left: -5vw; }\n &20 { width: 20vw; margin-left: -10vw; }\n &30 { width: 30vw; margin-left: -15vw; }\n &40 { width: 40vw; margin-left: -20vw; }\n &50 { width: 50vw; margin-left: -25vw; }\n &60 { width: 60vw; margin-left: -30vw; }\n &70 { width: 70vw; margin-left: -35vw; }\n &80 { width: 80vw; margin-left: -40vw; }\n &90 { width: 90vw; margin-left: -45vw; }\n &100 { width: 100vw; margin-left: -50vw; }\n}\n// < Joomla JUI\n\n//\n// Modals\n// --------------------------------------------------\n\n// Background\n.modal-backdrop {\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: @zindexModalBackdrop;\n background-color: @black;\n // Fade for backdrop\n &.fade { opacity: 0; }\n}\n\n.modal-backdrop,\n.modal-backdrop.fade.in {\n .opacity(80);\n}\n\n// Base modal\n// > Joomla JUI\n// .modal REMOVED\n// < Joomla JUI\n\n.modal-header {\n padding: 9px 15px;\n border-bottom: 1px solid #eee;\n // Close icon\n .close { margin-top: 2px; }\n // Heading\n h3 {\n margin: 0;\n line-height: 30px;\n }\n}\n\n// Body (where all modal content resides)\n.modal-body {\n width: 98%;\n position: relative;\n max-height: 400px;\n padding: 1%;\n}\n// Remove border and scrollbar from iframe modal\n.modal-body iframe {\n width: 100%;\n max-height: none;\n border: 0 !important;\n}\n// Remove bottom margin if need be\n.modal-form {\n margin-bottom: 0;\n}\n\n// Footer (for actions)\n.modal-footer {\n padding: 14px 15px 15px;\n margin-bottom: 0;\n text-align: right; // right align buttons\n background-color: #f5f5f5;\n border-top: 1px solid #ddd;\n .border-radius(0 0 6px 6px);\n .box-shadow(inset 0 1px 0 @white);\n .clearfix(); // clear it in case folks use .pull-* classes on buttons\n\n // Properly space out buttons\n .btn + .btn {\n margin-left: 5px;\n margin-bottom: 0; // account for input[type="submit"] which gets the bottom margin like all other inputs\n }\n // but override that for button groups\n .btn-group .btn + .btn {\n margin-left: -1px;\n }\n // and override it for block buttons as well\n .btn-block + .btn-block {\n margin-left: 0;\n }\n}\n\n//\n// Tooltips\n// --------------------------------------------------\n\n\n// Base class\n.tooltip {\n position: absolute;\n z-index: @zindexTooltip;\n display: block;\n visibility: visible;\n font-size: 11px;\n line-height: 1.4;\n .opacity(0);\n &.in { .opacity(80); }\n &.top { margin-top: -3px; padding: 5px 0; }\n &.right { margin-left: 3px; padding: 0 5px; }\n &.bottom { margin-top: 3px; padding: 5px 0; }\n &.left { margin-left: -3px; padding: 0 5px; }\n}\n\n// Wrapper for the tooltip content\n.tooltip-inner {\n max-width: 200px;\n padding: 8px;\n color: @tooltipColor;\n text-align: center;\n text-decoration: none;\n background-color: @tooltipBackground;\n .border-radius(@baseBorderRadius);\n}\n\n// Arrows\n.tooltip-arrow {\n position: absolute;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n}\n.tooltip {\n &.top .tooltip-arrow {\n bottom: 0;\n left: 50%;\n margin-left: -@tooltipArrowWidth;\n border-width: @tooltipArrowWidth @tooltipArrowWidth 0;\n border-top-color: @tooltipArrowColor;\n }\n &.right .tooltip-arrow {\n top: 50%;\n left: 0;\n margin-top: -@tooltipArrowWidth;\n border-width: @tooltipArrowWidth @tooltipArrowWidth @tooltipArrowWidth 0;\n border-right-color: @tooltipArrowColor;\n }\n &.left .tooltip-arrow {\n top: 50%;\n right: 0;\n margin-top: -@tooltipArrowWidth;\n border-width: @tooltipArrowWidth 0 @tooltipArrowWidth @tooltipArrowWidth;\n border-left-color: @tooltipArrowColor;\n }\n &.bottom .tooltip-arrow {\n top: 0;\n left: 50%;\n margin-left: -@tooltipArrowWidth;\n border-width: 0 @tooltipArrowWidth @tooltipArrowWidth;\n border-bottom-color: @tooltipArrowColor;\n }\n}\n\n//\n// Popovers\n// --------------------------------------------------\n\n\n.popover {\n position: absolute;\n top: 0;\n left: 0;\n z-index: @zindexPopover;\n display: none;\n max-width: 276px;\n padding: 1px;\n text-align: left; // Reset given new insertion method\n background-color: @popoverBackground;\n -webkit-background-clip: padding-box;\n -moz-background-clip: padding;\n background-clip: padding-box;\n border: 1px solid #ccc;\n border: 1px solid rgba(0,0,0,.2);\n .border-radius(6px);\n .box-shadow(0 5px 10px rgba(0,0,0,.2));\n\n // Overrides for proper insertion\n white-space: normal;\n\n // Offset the popover to account for the popover arrow\n &.top { margin-top: -10px; }\n &.right { margin-left: 10px; }\n &.bottom { margin-top: 10px; }\n &.left { margin-left: -10px; }\n}\n\n.popover-title {\n margin: 0; // reset heading margin\n padding: 8px 14px;\n font-size: 14px;\n font-weight: normal;\n line-height: 18px;\n background-color: @popoverTitleBackground;\n border-bottom: 1px solid darken(@popoverTitleBackground, 5%);\n .border-radius(5px 5px 0 0);\n\n &:empty {\n display: none;\n }\n}\n\n.popover-content {\n padding: 9px 14px;\n}\n\n// Arrows\n//\n// .arrow is outer, .arrow:after is inner\n\n.popover .arrow,\n.popover .arrow:after {\n position: absolute;\n display: block;\n width: 0;\n height: 0;\n border-color: transparent;\n border-style: solid;\n}\n.popover .arrow {\n border-width: @popoverArrowOuterWidth;\n}\n.popover .arrow:after {\n border-width: @popoverArrowWidth;\n content: "";\n}\n\n.popover {\n &.top .arrow {\n left: 50%;\n margin-left: -@popoverArrowOuterWidth;\n border-bottom-width: 0;\n border-top-color: #999; // IE8 fallback\n border-top-color: @popoverArrowOuterColor;\n bottom: -@popoverArrowOuterWidth;\n &:after {\n bottom: 1px;\n margin-left: -@popoverArrowWidth;\n border-bottom-width: 0;\n border-top-color: @popoverArrowColor;\n }\n }\n &.right .arrow {\n top: 50%;\n left: -@popoverArrowOuterWidth;\n margin-top: -@popoverArrowOuterWidth;\n border-left-width: 0;\n border-right-color: #999; // IE8 fallback\n border-right-color: @popoverArrowOuterColor;\n &:after {\n left: 1px;\n bottom: -@popoverArrowWidth;\n border-left-width: 0;\n border-right-color: @popoverArrowColor;\n }\n }\n &.bottom .arrow {\n left: 50%;\n margin-left: -@popoverArrowOuterWidth;\n border-top-width: 0;\n border-bottom-color: #999; // IE8 fallback\n border-bottom-color: @popoverArrowOuterColor;\n top: -@popoverArrowOuterWidth;\n &:after {\n top: 1px;\n margin-left: -@popoverArrowWidth;\n border-top-width: 0;\n border-bottom-color: @popoverArrowColor;\n }\n }\n\n &.left .arrow {\n top: 50%;\n right: -@popoverArrowOuterWidth;\n margin-top: -@popoverArrowOuterWidth;\n border-right-width: 0;\n border-left-color: #999; // IE8 fallback\n border-left-color: @popoverArrowOuterColor;\n &:after {\n right: 1px;\n border-right-width: 0;\n border-left-color: @popoverArrowColor;\n bottom: -@popoverArrowWidth;\n }\n }\n\n}\n\n//\n// Thumbnails\n// --------------------------------------------------\n\n\n// Note: `.thumbnails` and `.thumbnails > li` are overriden in responsive files\n\n// Make wrapper ul behave like the grid\n.thumbnails {\n margin-left: -@gridGutterWidth;\n list-style: none;\n .clearfix();\n}\n// Fluid rows have no left margin\n.row-fluid .thumbnails {\n margin-left: 0;\n}\n\n// Float li to make thumbnails appear in a row\n.thumbnails > li {\n float: left; // Explicity set the float since we don\'t require .span* classes\n margin-bottom: @baseLineHeight;\n margin-left: @gridGutterWidth;\n}\n\n// The actual thumbnail (can be `a` or `div`)\n.thumbnail {\n display: block;\n padding: 4px;\n line-height: @baseLineHeight;\n border: 1px solid #ddd;\n .border-radius(@baseBorderRadius);\n .box-shadow(0 1px 3px rgba(0,0,0,.055));\n .transition(all .2s ease-in-out);\n}\n// Add a hover/focus state for linked versions only\na.thumbnail:hover,\na.thumbnail:focus {\n border-color: @linkColor;\n .box-shadow(0 1px 4px rgba(0,105,214,.25));\n}\n\n// Images and captions\n.thumbnail > img {\n display: block;\n max-width: 100%;\n margin-left: auto;\n margin-right: auto;\n}\n.thumbnail .caption {\n padding: 9px;\n color: @gray;\n}\n\n//\n// Labels and badges\n// --------------------------------------------------\n\n\n// Base classes\n.label,\n.badge {\n display: inline-block;\n padding: 2px 4px;\n font-size: @baseFontSize * .846;\n font-weight: bold;\n line-height: 14px; // ensure proper line-height if floated\n color: @white;\n vertical-align: baseline;\n white-space: nowrap;\n text-shadow: 0 -1px 0 rgba(0,0,0,.25);\n background-color: @grayLight;\n}\n// Set unique padding and border-radii\n.label {\n .border-radius(3px);\n}\n.badge {\n padding-left: 9px;\n padding-right: 9px;\n .border-radius(9px);\n}\n\n// Empty labels/badges collapse\n.label,\n.badge {\n &:empty {\n display: none;\n }\n}\n\n// Hover/focus state, but only for links\na {\n &.label:hover,\n &.label:focus,\n &.badge:hover,\n &.badge:focus {\n color: @white;\n text-decoration: none;\n cursor: pointer;\n }\n}\n\n// Colors\n// Only give background-color difference to links (and to simplify, we don\'t qualifty with `a` but [href] attribute)\n.label,\n.badge {\n // Important (red)\n &-important { background-color: @errorText; }\n &-important[href] { background-color: darken(@errorText, 10%); }\n // Warnings (orange)\n &-warning { background-color: @orange; }\n &-warning[href] { background-color: darken(@orange, 10%); }\n // Success (green)\n &-success { background-color: @successText; }\n &-success[href] { background-color: darken(@successText, 10%); }\n // Info (turquoise)\n &-info { background-color: @infoText; }\n &-info[href] { background-color: darken(@infoText, 10%); }\n // Inverse (black)\n &-inverse { background-color: @grayDark; }\n &-inverse[href] { background-color: darken(@grayDark, 10%); }\n}\n\n// Quick fix for labels/badges in buttons\n.btn {\n .label,\n .badge {\n position: relative;\n top: -1px;\n }\n}\n.btn-mini {\n .label,\n .badge {\n top: 0;\n }\n}\n\n//\n// Progress bars\n// --------------------------------------------------\n\n\n// ANIMATIONS\n// ----------\n\n// Webkit\n@-webkit-keyframes progress-bar-stripes {\n from { background-position: 40px 0; }\n to { background-position: 0 0; }\n}\n\n// Firefox\n@-moz-keyframes progress-bar-stripes {\n from { background-position: 40px 0; }\n to { background-position: 0 0; }\n}\n\n// IE9\n@-ms-keyframes progress-bar-stripes {\n from { background-position: 40px 0; }\n to { background-position: 0 0; }\n}\n\n// Opera\n@-o-keyframes progress-bar-stripes {\n from { background-position: 0 0; }\n to { background-position: 40px 0; }\n}\n\n// Spec\n@keyframes progress-bar-stripes {\n from { background-position: 40px 0; }\n to { background-position: 0 0; }\n}\n\n\n\n// THE BARS\n// --------\n\n// Outer container\n.progress {\n overflow: hidden;\n height: @baseLineHeight;\n margin-bottom: @baseLineHeight;\n #gradient > .vertical(#f5f5f5, #f9f9f9);\n .box-shadow(inset 0 1px 2px rgba(0,0,0,.1));\n .border-radius(@baseBorderRadius);\n}\n\n// Bar of progress\n.progress .bar {\n width: 0%;\n height: 100%;\n color: @white;\n float: left;\n font-size: 12px;\n text-align: center;\n text-shadow: 0 -1px 0 rgba(0,0,0,.25);\n #gradient > .vertical(#149bdf, #0480be);\n .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15));\n .box-sizing(border-box);\n .transition(width .6s ease);\n}\n.progress .bar + .bar {\n .box-shadow(~"inset 1px 0 0 rgba(0,0,0,.15), inset 0 -1px 0 rgba(0,0,0,.15)");\n}\n\n// Striped bars\n.progress-striped .bar {\n #gradient > .striped(#149bdf);\n .background-size(40px 40px);\n}\n\n// Call animation for the active one\n.progress.active .bar {\n -webkit-animation: progress-bar-stripes 2s linear infinite;\n -moz-animation: progress-bar-stripes 2s linear infinite;\n -ms-animation: progress-bar-stripes 2s linear infinite;\n -o-animation: progress-bar-stripes 2s linear infinite;\n animation: progress-bar-stripes 2s linear infinite;\n}\n\n\n\n// COLORS\n// ------\n\n// Danger (red)\n.progress-danger .bar, .progress .bar-danger {\n #gradient > .vertical(#ee5f5b, #c43c35);\n}\n.progress-danger.progress-striped .bar, .progress-striped .bar-danger {\n #gradient > .striped(#ee5f5b);\n}\n\n// Success (green)\n.progress-success .bar, .progress .bar-success {\n #gradient > .vertical(#62c462, #57a957);\n}\n.progress-success.progress-striped .bar, .progress-striped .bar-success {\n #gradient > .striped(#62c462);\n}\n\n// Info (teal)\n.progress-info .bar, .progress .bar-info {\n #gradient > .vertical(#5bc0de, #339bb9);\n}\n.progress-info.progress-striped .bar, .progress-striped .bar-info {\n #gradient > .striped(#5bc0de);\n}\n\n// Warning (orange)\n.progress-warning .bar, .progress .bar-warning {\n #gradient > .vertical(lighten(@orange, 15%), @orange);\n}\n.progress-warning.progress-striped .bar, .progress-striped .bar-warning {\n #gradient > .striped(lighten(@orange, 15%));\n}\n\n//\n// Accordion\n// --------------------------------------------------\n\n\n// Parent container\n.accordion {\n margin-bottom: @baseLineHeight;\n}\n\n// Group == heading + body\n.accordion-group {\n margin-bottom: 2px;\n border: 1px solid #e5e5e5;\n .border-radius(@baseBorderRadius);\n}\n.accordion-heading {\n border-bottom: 0;\n}\n.accordion-heading .accordion-toggle {\n display: block;\n padding: 8px 15px;\n}\n\n// General toggle styles\n.accordion-toggle {\n cursor: pointer;\n}\n\n// Inner needs the styles because you can\'t animate properly with any styles on the element\n.accordion-inner {\n padding: 9px 15px;\n border-top: 1px solid #e5e5e5;\n}\n\n//\n// Carousel\n// --------------------------------------------------\n\n\n.carousel {\n position: relative;\n margin-bottom: @baseLineHeight;\n line-height: 1;\n}\n\n.carousel-inner {\n overflow: hidden;\n width: 100%;\n position: relative;\n}\n\n.carousel-inner {\n\n > .item {\n display: none;\n position: relative;\n .transition(.6s ease-in-out left);\n\n // Account for jankitude on images\n > img,\n > a > img {\n display: block;\n line-height: 1;\n }\n }\n\n > .active,\n > .next,\n > .prev { display: block; }\n\n > .active {\n left: 0;\n }\n\n > .next,\n > .prev {\n position: absolute;\n top: 0;\n width: 100%;\n }\n\n > .next {\n left: 100%;\n }\n > .prev {\n left: -100%;\n }\n > .next.left,\n > .prev.right {\n left: 0;\n }\n\n > .active.left {\n left: -100%;\n }\n > .active.right {\n left: 100%;\n }\n\n}\n\n// Left/right controls for nav\n// ---------------------------\n\n.carousel-control {\n position: absolute;\n top: 40%;\n left: 15px;\n width: 40px;\n height: 40px;\n margin-top: -20px;\n font-size: 60px;\n font-weight: 100;\n line-height: 30px;\n color: @white;\n text-align: center;\n background: @grayDarker;\n border: 3px solid @white;\n .border-radius(23px);\n .opacity(50);\n\n // we can\'t have this transition here\n // because webkit cancels the carousel\n // animation if you trip this while\n // in the middle of another animation\n // ;_;\n // .transition(opacity .2s linear);\n\n // Reposition the right one\n &.right {\n left: auto;\n right: 15px;\n }\n\n // Hover/focus state\n &:hover,\n &:focus {\n color: @white;\n text-decoration: none;\n .opacity(90);\n }\n}\n\n// Carousel indicator pips\n// -----------------------------\n.carousel-indicators {\n position: absolute;\n top: 15px;\n right: 15px;\n z-index: 5;\n margin: 0;\n list-style: none;\n\n li {\n display: block;\n float: left;\n width: 10px;\n height: 10px;\n margin-left: 5px;\n text-indent: -999px;\n background-color: #ccc;\n background-color: rgba(255,255,255,.25);\n border-radius: 5px;\n }\n .active {\n background-color: #fff;\n }\n}\n\n// Caption for text below images\n// -----------------------------\n\n.carousel-caption {\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n padding: 15px;\n background: @grayDark;\n background: rgba(0,0,0,.75);\n}\n.carousel-caption h4,\n.carousel-caption p {\n color: @white;\n line-height: @baseLineHeight;\n}\n.carousel-caption h4 {\n margin: 0 0 5px;\n}\n.carousel-caption p {\n margin-bottom: 0;\n}\n\n//\n// Hero unit\n// --------------------------------------------------\n\n\n.hero-unit {\n padding: 60px;\n margin-bottom: 30px;\n font-size: 18px;\n font-weight: 200;\n line-height: @baseLineHeight * 1.5;\n color: @heroUnitLeadColor;\n background-color: @heroUnitBackground;\n .border-radius(6px);\n h1 {\n margin-bottom: 0;\n font-size: 60px;\n line-height: 1;\n color: @heroUnitHeadingColor;\n letter-spacing: -1px;\n }\n li {\n line-height: @baseLineHeight * 1.5; // Reset since we specify in type.less\n }\n}\n\n//\n// Utility classes\n// --------------------------------------------------\n\n\n// Quick floats\n.pull-right {\n float: right;\n}\n.pull-left {\n float: left;\n}\n\n// Toggling content\n.hide {\n display: none;\n}\n.show {\n display: block;\n}\n\n// Visibility\n.invisible {\n visibility: hidden;\n}\n\n// For Affix plugin\n.affix {\n position: fixed;\n}\n\n\n//\n// Load Bootstrap responsive (responsive.less)\n//\n\n//\n// Responsive: Utility classes\n// --------------------------------------------------\n\n\n// IE10 Metro responsive\n// Required for Windows 8 Metro split-screen snapping with IE10\n// Source: http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/\n@-ms-viewport{\n width: device-width;\n}\n\n// Hide from screenreaders and browsers\n// Credit: HTML5 Boilerplate\n.hidden {\n display: none;\n visibility: hidden;\n}\n\n// Visibility utilities\n\n// For desktops\n.visible-phone { display: none !important; }\n.visible-tablet { display: none !important; }\n.hidden-phone { }\n.hidden-tablet { }\n.hidden-desktop { display: none !important; }\n.visible-desktop { display: inherit !important; }\n\n// Tablets & small desktops only\n@media (min-width: 768px) and (max-width: 979px) {\n // Hide everything else\n .hidden-desktop { display: inherit !important; }\n .visible-desktop { display: none !important ; }\n // Show\n .visible-tablet { display: inherit !important; }\n // Hide\n .hidden-tablet { display: none !important; }\n}\n\n// Phones only\n@media (max-width: 767px) {\n // Hide everything else\n .hidden-desktop { display: inherit !important; }\n .visible-desktop { display: none !important; }\n // Show\n .visible-phone { display: inherit !important; } // Use inherit to restore previous behavior\n // Hide\n .hidden-phone { display: none !important; }\n}\n\n// Print utilities\n.visible-print { display: none !important; }\n.hidden-print { }\n\n@media print {\n .visible-print { display: inherit !important; }\n .hidden-print { display: none !important; }\n}\n\n//\n// Responsive: Landscape phone to desktop/tablet\n// --------------------------------------------------\n\n\n@media (max-width: 767px) {\n\n // Padding to set content in a bit\n body {\n padding-left: 20px;\n padding-right: 20px;\n }\n // Negative indent the now static "fixed" navbar\n .navbar-fixed-top,\n .navbar-fixed-bottom,\n .navbar-static-top {\n margin-left: -20px;\n margin-right: -20px;\n }\n // Remove padding on container given explicit padding set on body\n .container-fluid {\n padding: 0;\n }\n\n // TYPOGRAPHY\n // ----------\n // Reset horizontal dl\n .dl-horizontal {\n dt {\n float: none;\n clear: none;\n width: auto;\n text-align: left;\n }\n dd {\n margin-left: 0;\n }\n }\n\n // MENU SEPARATOR\n // --------------\n // Reset background\n .dropdown-menu .menuitem-group {\n background-color: #10223e;\n color: #eee;\n }\n \n // GRID & CONTAINERS\n // -----------------\n // Remove width from containers\n .container {\n width: auto;\n }\n // Fluid rows\n .row-fluid {\n width: 100%;\n }\n // Undo negative margin on rows and thumbnails\n .row,\n .thumbnails {\n margin-left: 0;\n }\n .thumbnails > li {\n float: none;\n margin-left: 0; // Reset the default margin for all li elements when no .span* classes are present\n }\n // Make all grid-sized elements block level again\n [class*="span"],\n .uneditable-input[class*="span"], // Makes uneditable inputs full-width when using grid sizing\n .row-fluid [class*="span"] {\n float: none;\n display: block;\n width: 100%;\n margin-left: 0;\n .box-sizing(border-box);\n }\n .span12,\n .row-fluid .span12 {\n width: 100%;\n .box-sizing(border-box);\n }\n .row-fluid [class*="offset"]:first-child {\n margin-left: 0;\n }\n\n // FORM FIELDS\n // -----------\n // Make span* classes full width\n .input-large,\n .input-xlarge,\n .input-xxlarge,\n input[class*="span"],\n select[class*="span"],\n textarea[class*="span"],\n .uneditable-input {\n .input-block-level();\n }\n // But don\'t let it screw up prepend/append inputs\n .input-prepend input,\n .input-append input,\n .input-prepend input[class*="span"],\n .input-append input[class*="span"] {\n display: inline-block; // redeclare so they don\'t wrap to new lines\n }\n .controls-row [class*="span"] + [class*="span"] {\n margin-left: 0;\n }\n\n // Modals\n// /* >>> JUI >>> */\n// .modal REMOVED\n// /* <<< JUI <<< */\n\n}\n\n\n\n// UP TO LANDSCAPE PHONE\n// ---------------------\n\n@media (max-width: 480px) {\n\n // Smooth out the collapsing/expanding nav\n .nav-collapse {\n -webkit-transform: translate3d(0, 0, 0); // activate the GPU\n }\n\n // Block level the page header small tag for readability\n .page-header h1 small {\n display: block;\n line-height: @baseLineHeight;\n }\n\n // Update checkboxes for iOS\n input[type="checkbox"],\n input[type="radio"] {\n border: 1px solid #ccc;\n }\n\n // Remove the horizontal form styles\n .form-horizontal {\n .control-label {\n float: none;\n width: auto;\n padding-top: 0;\n text-align: left;\n }\n // Move over all input controls and content\n .controls {\n margin-left: 0;\n }\n // Move the options list down to align with labels\n .control-list {\n padding-top: 0; // has to be padding because margin collaspes\n }\n // Move over buttons in .form-actions to align with .controls\n .form-actions {\n padding-left: 10px;\n padding-right: 10px;\n }\n }\n\n // Gracefully displays the filter-search fields and buttons\n .tag-category input#filter-search,\n .newsfeed-category input#filter-search {\n width: auto;\n margin-bottom: @baseLineHeight / 2;\n }\n .category-list input#filter-search {\n width: auto;\n }\n\n // Medias\n // Reset float and spacing to stack\n .media .pull-left,\n .media .pull-right {\n float: none;\n display: block;\n margin-bottom: 10px;\n }\n // Remove side margins since we stack instead of indent\n .media-object {\n margin-right: 0;\n margin-left: 0;\n }\n\n // Modals\n// > Joomla JUI\n// .modal REMOVED\n// < Joomla JUI\n\n .modal-header .close {\n padding: 10px;\n margin: -10px;\n }\n\n // Carousel\n .carousel-caption {\n position: static;\n }\n\n}\n\n//\n// Responsive: Tablet to desktop\n// --------------------------------------------------\n\n\n@media (min-width: 768px) and (max-width: 979px) {\n\n // Fixed grid\n #grid > .core(@gridColumnWidth768, @gridGutterWidth768);\n\n // Fluid grid\n #grid > .fluid(@fluidGridColumnWidth768, @fluidGridGutterWidth768);\n\n // Input grid\n #grid > .input(@gridColumnWidth768, @gridGutterWidth768);\n\n // No need to reset .thumbnails here since it\'s the same @gridGutterWidth\n\n}\n\n//\n// Responsive: Large desktop and up\n// --------------------------------------------------\n\n\n@media (min-width: 1200px) {\n\n // Fixed grid\n #grid > .core(@gridColumnWidth1200, @gridGutterWidth1200);\n\n // Fluid grid\n #grid > .fluid(@fluidGridColumnWidth1200, @fluidGridGutterWidth1200);\n\n // Input grid\n #grid > .input(@gridColumnWidth1200, @gridGutterWidth1200);\n\n // Thumbnails\n .thumbnails {\n margin-left: -@gridGutterWidth1200;\n }\n .thumbnails > li {\n margin-left: @gridGutterWidth1200;\n }\n .row-fluid .thumbnails {\n margin-left: 0;\n }\n\n}\n\n//\n// Responsive: Navbar\n// --------------------------------------------------\n\n\n// TABLETS AND BELOW\n// -----------------\n@media (max-width: @navbarCollapseWidth) {\n\n // UNFIX THE TOPBAR\n // ----------------\n // Remove any padding from the body\n body {\n padding-top: 0;\n }\n // Unfix the navbars\n .navbar-fixed-top,\n .navbar-fixed-bottom {\n position: static;\n }\n .navbar-fixed-top {\n margin-bottom: @baseLineHeight;\n }\n .navbar-fixed-bottom {\n margin-top: @baseLineHeight;\n }\n .navbar-fixed-top .navbar-inner,\n .navbar-fixed-bottom .navbar-inner {\n padding: 5px;\n }\n .navbar .container {\n width: auto;\n padding: 0;\n }\n // Account for brand name\n .navbar .brand {\n padding-left: 10px;\n padding-right: 10px;\n margin: 0 0 0 -5px;\n }\n\n // COLLAPSIBLE NAVBAR\n // ------------------\n // Nav collapse clears brand\n .nav-collapse {\n clear: both;\n }\n // Block-level the nav\n .nav-collapse .nav {\n float: none;\n margin: 0 0 (@baseLineHeight / 2);\n }\n .nav-collapse .nav > li {\n float: none;\n }\n .nav-collapse .nav > li > a {\n margin-bottom: 2px;\n }\n .nav-collapse .nav > .divider-vertical {\n display: none;\n }\n .nav-collapse .nav .nav-header {\n color: @navbarText;\n text-shadow: none;\n }\n // Nav and dropdown links in navbar\n .nav-collapse .nav > li > a,\n .nav-collapse .dropdown-menu a {\n padding: 9px 15px;\n font-weight: bold;\n color: @navbarLinkColor;\n .border-radius(3px);\n }\n // Buttons\n .nav-collapse .btn {\n padding: 4px 10px 4px;\n font-weight: normal;\n .border-radius(@baseBorderRadius);\n }\n .nav-collapse .dropdown-menu li + li a {\n margin-bottom: 2px;\n }\n .nav-collapse .nav > li > a:hover,\n .nav-collapse .nav > li > a:focus,\n .nav-collapse .dropdown-menu a:hover,\n .nav-collapse .dropdown-menu a:focus {\n background-color: @navbarBackground;\n }\n .navbar-inverse .nav-collapse .nav > li > a,\n .navbar-inverse .nav-collapse .dropdown-menu a {\n color: @navbarInverseLinkColor;\n }\n .navbar-inverse .nav-collapse .nav > li > a:hover,\n .navbar-inverse .nav-collapse .nav > li > a:focus,\n .navbar-inverse .nav-collapse .dropdown-menu a:hover,\n .navbar-inverse .nav-collapse .dropdown-menu a:focus {\n background-color: @navbarInverseBackground;\n }\n // Buttons in the navbar\n .nav-collapse.in .btn-group {\n margin-top: 5px;\n padding: 0;\n }\n // Dropdowns in the navbar\n .nav-collapse .dropdown-menu {\n position: static;\n top: auto;\n left: auto;\n float: none;\n display: none;\n max-width: none;\n margin: 0 15px;\n padding: 0;\n background-color: transparent;\n border: none;\n .border-radius(0);\n .box-shadow(none);\n }\n .nav-collapse .open > .dropdown-menu { \n display: block; \n }\n\n .nav-collapse .dropdown-menu:before,\n .nav-collapse .dropdown-menu:after {\n display: none;\n }\n .nav-collapse .dropdown-menu .divider {\n display: none;\n }\n .nav-collapse .nav > li > .dropdown-menu {\n &:before,\n &:after {\n display: none;\n }\n }\n // Forms in navbar\n .nav-collapse .navbar-form,\n .nav-collapse .navbar-search {\n float: none;\n padding: (@baseLineHeight / 2) 15px;\n margin: (@baseLineHeight / 2) 0;\n border-top: 1px solid @navbarBackground;\n border-bottom: 1px solid @navbarBackground;\n .box-shadow(~"inset 0 1px 0 rgba(255,255,255,.1), 0 1px 0 rgba(255,255,255,.1)");\n }\n .navbar-inverse .nav-collapse .navbar-form,\n .navbar-inverse .nav-collapse .navbar-search {\n border-top-color: @navbarInverseBackground;\n border-bottom-color: @navbarInverseBackground;\n }\n // Pull right (secondary) nav content\n .navbar .nav-collapse .nav.pull-right {\n float: none;\n margin-left: 0;\n }\n // Hide everything in the navbar save .brand and toggle button */\n .nav-collapse,\n .nav-collapse.collapse {\n overflow: hidden;\n height: 0;\n }\n // Navbar button\n .navbar .btn-navbar {\n display: block;\n }\n\n // STATIC NAVBAR\n // -------------\n .navbar-static .navbar-inner {\n padding-left: 10px;\n padding-right: 10px;\n }\n\n\n}\n\n\n// DEFAULT DESKTOP\n// ---------------\n\n@media (min-width: @navbarCollapseDesktopWidth) {\n\n // Required to make the collapsing navbar work on regular desktops\n .nav-collapse.collapse {\n height: auto !important;\n overflow: visible !important;\n }\n\n}\n\n\n/* Extending Bootstrap */\n/* Typography */\n.small {\n\tfont-size: 11px;\n}\n/* Max Width */\niframe,\nsvg {\n\tmax-width: 100%;\n}\n/* Nowrap */\n.nowrap {\n\twhite-space: nowrap;\n}\n/* Center */\n.center,\n.table td.center,\n.table th.center {\n\ttext-align: center;\n}\n/* Disabled Link */\na.disabled,\na.disabled:hover {\n color: #999999;\n background-color: transparent;\n cursor: default;\n text-decoration: none;\n}\n/* Hero Banner */\n.hero-unit {\n\ttext-align: center;\n}\n.hero-unit .lead {\n\tmargin-bottom: 18px;\n\tfont-size: 20px;\n\tfont-weight: 200;\n\tline-height: 27px;\n}\n.btn .caret {\n\tmargin-bottom: 7px;\n}\n.btn.btn-micro .caret {\n\tmargin: 5px 0;\n}\n.blog-row-rule,\n.blog-item-rule {\n\tborder: 0;\n}\n\n/* Modal */\nbody.modal {\n\tpadding-top: 0;\n}\n\n/* Alternating Rows */\n.row-even,.row-odd {\n\tpadding: 5px;\n\twidth: 99%;\n\tborder-bottom: 1px solid @tableBorder;\n}\n.row-odd {\n\tbackground-color: @tableBackground;\n}\n.row-even {\n\tbackground-color: @tableBackgroundAccent;\n}\n\n.blog-row-rule,\n.blog-item-rule {\n\tborder: 0;\n}\n\n/* Row reveal */\n.row-fluid .row-reveal {\n\tvisibility: hidden;\n}\n.row-fluid:hover .row-reveal {\n\tvisibility: visible;\n}\n\n/* Buttons */\n.btn-wide {\n\twidth: 80%;\n}\n\n/* Nav List Offset */\n.nav-list > li.offset > a {\n\tpadding-left: 30px;\n\tfont-size: 12px;\n}\n.blog-row-rule,\n.blog-item-rule {\n\tborder: 0;\n}\n\n.row-fluid .offset1 {\n margin-left: 8.382978723%;\n}\n.row-fluid .offset2 {\n margin-left: 16.89361702%;\n}\n.row-fluid .offset3 {\n margin-left: 25.404255317%;\n}\n.row-fluid .offset4 {\n margin-left: 33.914893614%;\n}\n.row-fluid .offset5 {\n margin-left: 42.425531911%;\n}\n.row-fluid .offset6 {\n margin-left: 50.93617020799999%;\n}\n.row-fluid .offset7 {\n margin-left: 59.446808505%;\n}\n.row-fluid .offset8 {\n margin-left: 67.95744680199999%;\n}\n.row-fluid .offset9 {\n margin-left: 76.468085099%;\n}\n.row-fluid .offset10 {\n margin-left: 84.97872339599999%;\n}\n.row-fluid .offset11 {\n margin-left: 91.489361693%;\n}\n\n/* Navbar Buttons */\n.navbar .nav > li > a.btn {\n\tpadding: 4px 10px;\n\tline-height: 18px;\n}\n\n/* Nav Tabs Dark */\n.nav-tabs.nav-dark {\n\tborder-bottom: 1px solid #333;\n\ttext-shadow: 1px 1px 1px #000;\n}\n.nav-tabs.nav-dark > li > a {\n\tcolor: #F8F8F8;\n}\n.nav-tabs.nav-dark > li > a:hover {\n border-color: #333 #333 #111;\n background-color: #777777;\n}\n.nav-tabs.nav-dark > .active > a, .nav-tabs.nav-dark > .active > a:hover {\n color: #ffffff;\n background-color: #555555;\n border: 1px solid #222;\n border-bottom-color: transparent;\n}\n\n/* Inline Thumbnails */\n.thumbnail.pull-left {\n\tmargin: 0 10px 10px 0;\n}\n.thumbnail.pull-right {\n\tmargin: 0 0 10px 10px;\n}\n\n/* Specific Widths */\n.width-10 {\n\twidth: 10px;\n}\n.width-20 {\n\twidth: 20px;\n}\n.width-30 {\n\twidth: 30px;\n}\n.width-40 {\n\twidth: 40px;\n}\n.width-50 {\n\twidth: 50px;\n}\n.width-60 {\n\twidth: 60px;\n}\n.width-70 {\n\twidth: 70px;\n}\n.width-80 {\n\twidth: 80px;\n}\n.width-90 {\n\twidth: 90px;\n}\n.width-100 {\n\twidth: 100px;\n}\n\n/* Specific Heights */\n.height-10 {\n\theight: 10px;\n}\n.height-20 {\n\theight: 20px;\n}\n.height-30 {\n\theight: 30px;\n}\n.height-40 {\n\theight: 40px;\n}\n.height-50 {\n\theight: 50px;\n}\n.height-60 {\n\theight: 60px;\n}\n.height-70 {\n\theight: 70px;\n}\n.height-80 {\n\theight: 80px;\n}\n.height-90 {\n\theight: 90px;\n}\n.height-100 {\n\theight: 100px;\n}\n\n/* Horizontal Row (hr) */\nhr.hr-condensed {\n\tmargin: 10px 0;\n}\n\n/* Striped */\n.list-striped,\n.row-striped {\n\tlist-style: none;\n\tline-height: 18px;\n\ttext-align: left;\n\tvertical-align: middle;\n\tborder-top: 1px solid @tableBorder;\n\tmargin-left: 0;\n}\n\n.list-striped li,\n.list-striped dd,\n.row-striped .row,\n.row-striped .row-fluid {\n\tborder-bottom: 1px solid @tableBorder;\n\tpadding: 8px;\n}\n\n.list-striped li:nth-child(odd),\n.list-striped dd:nth-child(odd),\n.row-striped .row:nth-child(odd),\n.row-striped .row-fluid:nth-child(odd) {\n\tbackground-color: @tableBackgroundAccent;\n}\n\n.list-striped li:hover,\n.list-striped dd:hover,\n.row-striped .row:hover,\n.row-striped .row-fluid:hover {\n\tbackground-color: @tableBackgroundHover;\n}\n\n.row-striped .row-fluid {\n\twidth: 100%;\n\tbox-sizing: border-box; // box-sizing since we don\'t care about padding\n}\n.row-striped .row-fluid [class*="span"] {\n\tmin-height: 10px;\n}\n.row-striped .row-fluid [class*="span"] {\n\tmargin-left: 8px;\n}\n.row-striped .row-fluid [class*="span"]:first-child {\n\tmargin-left: 0;\n}\n\n/* Condensed */\n.list-condensed {\n li {\n padding: 4px 5px;\n }\n}\n.row-condensed {\n .row, .row-fluid {\n padding: 4px 5px;\n }\n}\n\n/* Bordered */\n.list-bordered,\n.row-bordered{\n\tlist-style: none;\n\tline-height: 18px;\n\ttext-align: left;\n\tvertical-align: middle;\n\tmargin-left: 0;\n\tborder: 1px solid @tableBorder;\n\t.border-radius(4px);\n}\n\n/* Radio Button Groups */\n.radio.btn-group input[type=radio] {\n display: none;\n}\n.radio.btn-group > label {\n\t-webkit-user-select: none;\n\t-moz-user-select: none;\n\t-ms-user-select: none;\n\tuser-select: none;\n}\n.radio.btn-group > label:first-of-type {\n\tmargin-left: 0;\n\t-webkit-border-bottom-left-radius: 4px;\n\tborder-bottom-left-radius: 4px;\n\t-webkit-border-top-left-radius: 4px;\n\tborder-top-left-radius: 4px;\n\t-moz-border-radius-bottomleft: 4px;\n\t-moz-border-radius-topleft: 4px;\n}\nfieldset.radio.btn-group {\n\tpadding-left: 0;\n}\n\n/* iFrames */\n.iframe-bordered {\n\tborder: 1px solid @tableBorder;\n}\n\n/* Tabbed Content */\n.tab-content{\n\toverflow: visible;\n}\n.tabs-left .tab-content{\n\toverflow: auto;\n}\n/* Non-linkable nav-tabs */\n.nav-tabs > li > span {\n display: block;\n margin-right: 2px;\n padding-right: 12px;\n padding-left: 12px;\n padding-top: 8px;\n padding-bottom: 8px;\n line-height: 18px;\n border: 1px solid transparent;\n -webkit-border-radius: 4px 4px 0 0;\n -moz-border-radius: 4px 4px 0 0;\n border-radius: 4px 4px 0 0;\n}\n\n/* Extended Joomla Button Classes */\n.btn-micro {\n\tpadding: 1px 4px;\n\tfont-size: 10px;\n\tline-height: 8px;\n}\n.btn-group > .btn-micro {\n\tfont-size: 10px;\n}\n\n/* Joomla => Bootstrap Tooltip */\n.tip-wrap {\n\tmax-width: 200px;\n\tpadding: 3px 8px;\n\tcolor: @white;\n\ttext-align: center;\n\ttext-decoration: none;\n\tbackground-color: @black;\n\t-webkit-border-radius: 4px;\n\t-moz-border-radius: 4px;\n\tborder-radius: 4px;\n\tz-index: 100;\n}\n\n/* Page Header */\n.page-header{\n\tmargin: 2px 0px 10px 0px;\n\tpadding-bottom: 5px;\n}\n/* Input Prepend Chosen Select Boxes */\n/* Common styling for Chosen Select Boxes with Input Prepend/Append */\n.input-prepend > .add-on,\n.input-append > .add-on {\n\tvertical-align: top;\n}\n/* Styles specific to Input Prepend Chosen Select Boxes */\n.input-prepend .chzn-container-single .chzn-single {\n\t-webkit-border-radius: 0 3px 3px 0;\n\t-moz-border-radius: 0 3px 3px 0;\n\tborder-radius: 0 3px 3px 0;\n}\n.input-prepend .chzn-container-single .chzn-single-with-drop {\n\t-webkit-border-radius: 0 3px 0 0;\n\t-moz-border-radius: 0 3px 0 0;\n\tborder-radius: 0 3px 0 0;\n}\n/* Styles specific to Input Append Chosen Select Boxes */\n.input-append .chzn-container-single .chzn-single {\n\t-webkit-border-radius: 3px 0 0 3px;\n\t-moz-border-radius: 3px 0 0 3px;\n\tborder-radius: 3px 0 0 3px;\n}\n.input-append .chzn-container-single .chzn-single-with-drop {\n\t-webkit-border-radius: 3px 0 0 0;\n\t-moz-border-radius: 3px 0 0 0;\n\tborder-radius: 3px 0 0 0;\n}\n/* Styles specific to combined Input Prepend and Append Chosen Select Boxes */\n.input-prepend.input-append .chzn-container-single .chzn-single,\n.input-prepend.input-append .chzn-container-single .chzn-single-with-drop {\n\t-webkit-border-radius: 0;\n\t-moz-border-radius: 0;\n\tborder-radius: 0;\n}\n\n/* Accessible Hidden Elements (good for hidden labels and such) */\n.element-invisible {\n\tposition: absolute;\n\tpadding: 0;\n\tmargin: 0;\n\tborder: 0;\n\theight: 1px;\n\twidth: 1px;\n\toverflow: hidden;\n}\n\n/* Make Accessible Hidden Elements visible on focus */\n.element-invisible:focus {\n\twidth:auto;\n\theight:auto;\n\toverflow:auto;\n\tbackground:#eee;\n\tcolor:#000;\n\tpadding:1em;\n}\n\n/* Form Vertical Overrides Form Horizontal */\n.form-vertical {\n\t.control-label {\n\t\tfloat: none;\n\t\twidth: auto;\n\t\tpadding-right: 0;\n\t\tpadding-top: 0;\n\t\ttext-align: left;\n\t}\n\t.controls{\n\t\tmargin-left: 0;\n\t}\n}\n\n/* Auto Width */\n.width-auto {\n\twidth: auto;\n}\n\n/* Chosen proper wrapping in Bootstrap btn-group */\n.btn-group .chzn-results {\n\twhite-space: normal;\n}\n\n/* Accordion overflow fix */\n.accordion-body.in:hover {\n\toverflow:visible;\n}\n\n/* Invalid indicators */\n.invalid {\n\tcolor: @red;\n\tfont-weight: bold;\n}\ninput.invalid {\n\tborder: 1px solid @red;\n\tbackground: #f2dede;\n}\nselect.chzn-done.invalid + .chzn-container.chzn-container-single > a.chzn-single,\nselect.chzn-done.invalid + .chzn-container.chzn-container-multi > ul.chzn-choices {\n\tborder-color: @red;\n\tcolor: @red;\n}\n\n/* Tweaking of tooltips */\n.tooltip {\n\tmax-width: 400px;\n}\n.tooltip-inner {\n\tmax-width: none;\n\ttext-align: left;\n\ttext-shadow: none;\n}\nth .tooltip-inner {\n\tfont-weight: normal;\n}\n.tooltip.hasimage {\n\topacity: 1;\n}\n\n/* Align tip text to left (old mootools tip) */\n.tip-text {\n\ttext-align:left;\n}\n\n// Fix for bug when dropdown-backdrop element is created\n.btn-group > .btn + .dropdown-backdrop + .btn {\n\tmargin-left: -1px;\n}\n.btn-group > .btn + .dropdown-backdrop + .dropdown-toggle {\n\tpadding-left: 8px;\n\tpadding-right: 8px;\n\t.box-shadow(~"inset 1px 0 0 rgba(255,255,255,.125), inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05)");\n\t*padding-top: 5px;\n\t*padding-bottom: 5px;\n}\n.btn-group > .btn-mini + .dropdown-backdrop + .dropdown-toggle {\n\tpadding-left: 5px;\n\tpadding-right: 5px;\n\t*padding-top: 2px;\n\t*padding-bottom: 2px;\n}\n.btn-group > .btn-small + .dropdown-backdrop + .dropdown-toggle {\n\t*padding-top: 5px;\n\t*padding-bottom: 4px;\n}\n.btn-group > .btn-large + .dropdown-backdrop + .dropdown-toggle {\n\tpadding-left: 12px;\n\tpadding-right: 12px;\n\t*padding-top: 7px;\n\t*padding-bottom: 7px;\n}\n.dropdown-menu {\n\ttext-align: left;\n}\n\n// Add Bootstrap 3 .alert-link\n.alert-link {\n font-weight: bold;\n}\n\n.alert .alert-link {\n color: darken(@warningText, 10%);\n}\n\n.alert-success .alert-link {\n color: darken(@successText, 10%);\n}\n\n.alert-danger .alert-link,\n.alert-error .alert-link {\n color: darken(@errorText, 10%);\n}\n\n.alert-info .alert-link {\n color: darken(@infoText, 10%);\n}\n\n\n/*\n * Due to a bug in the compiler that doesn\'t handle the relative paths correctly, the @font-face stuff needs to go in the templates less files\n@font-face {\n\tfont-family: \'IcoMoon\';\n\tsrc: url("/media/jui/fonts/IcoMoon.eot");\n\tsrc: url("/media/jui/fonts/IcoMoon.eot?#iefix") format(\'embedded-opentype\'),\n\t\turl("/media/jui/fonts/IcoMoon.woff") format(\'woff\'),\n\t\turl("/media/jui/fonts/IcoMoon.ttf") format(\'truetype\'),\n\t\turl("/media/jui/fonts/IcoMoon.svg#IcoMoon") format(\'svg\');\n\tfont-weight: normal;\n\tfont-style: normal;\n}\n*/\n\n/* Use the following CSS code if you want to use data attributes for inserting your icons */\n[data-icon]:before {\n\tfont-family: \'IcoMoon\';\n\tcontent: attr(data-icon);\n\tspeak: none;\n}\n\n/* From Bootstrap */\n[class^="icon-"],\n[class*=" icon-"] {\n\tdisplay: inline-block;\n\twidth: 14px;\n\theight: 14px;\n\tmargin-right: .25em;\n\tline-height: 14px;\n}\n\n/* Use the following CSS code if you want to have a class per icon */\n[class^="icon-"]:before, [class*=" icon-"]:before {\n\tfont-family: \'IcoMoon\';\n\tfont-style: normal;\n\tspeak: none;\n}\n[class^="icon-"].disabled,\n[class*=" icon-"].disabled {\n\tfont-weight: normal;\n}\n\n.icon-joomla:before {\n\tcontent: "\\e200";\n}\n.icon-chevron-up:before,\n.icon-uparrow:before,\n.icon-arrow-up:before {\n\tcontent: "\\e005";\n}\n.icon-chevron-right:before,\n.icon-rightarrow:before,\n.icon-arrow-right:before{\n\tcontent: "\\e006";\n}\n.icon-chevron-down:before,\n.icon-downarrow:before,\n.icon-arrow-down:before {\n\tcontent: "\\e007";\n}\n.icon-chevron-left:before,\n.icon-leftarrow:before,\n.icon-arrow-left:before {\n\tcontent: "\\e008";\n}\n.icon-arrow-first:before {\n\tcontent: "\\e003";\n}\n.icon-arrow-last:before {\n\tcontent: "\\e004";\n}\n.icon-arrow-up-2:before {\n\tcontent: "\\e009";\n}\n.icon-arrow-right-2:before {\n\tcontent: "\\e00a";\n}\n.icon-arrow-down-2:before {\n\tcontent: "\\e00b";\n}\n.icon-arrow-left-2:before {\n\tcontent: "\\e00c";\n}\n.icon-arrow-up-3:before {\n\tcontent: "\\e00f";\n}\n.icon-arrow-right-3:before {\n\tcontent: "\\e010";\n}\n.icon-arrow-down-3:before {\n\tcontent: "\\e011";\n}\n.icon-arrow-left-3:before {\n\tcontent: "\\e012";\n}\n.icon-menu-2:before {\n\tcontent: "\\e00e";\n}\n.icon-arrow-up-4:before {\n\tcontent: "\\e201";\n}\n.icon-arrow-right-4:before {\n\tcontent: "\\e202";\n}\n.icon-arrow-down-4:before {\n\tcontent: "\\e203";\n}\n.icon-arrow-left-4:before {\n\tcontent: "\\e204";\n}\n.icon-share:before,\n.icon-redo:before {\n\tcontent: "\\27";\n}\n.icon-undo:before {\n\tcontent: "\\28";\n}\n.icon-forward-2:before {\n\tcontent: "\\e205";\n}\n.icon-backward-2:before,\n.icon-reply:before {\n\tcontent: "\\e206";\n}\n.icon-unblock:before,\n.icon-refresh:before,\n.icon-redo-2:before {\n\tcontent: "\\6c";\n}\n.icon-undo-2:before {\n\tcontent: "\\e207";\n}\n.icon-move:before {\n\tcontent: "\\7a";\n}\n.icon-expand:before {\n\tcontent: "\\66";\n}\n.icon-contract:before {\n\tcontent: "\\67";\n}\n.icon-expand-2:before {\n\tcontent: "\\68";\n}\n.icon-contract-2:before {\n\tcontent: "\\69";\n}\n.icon-play:before {\n\tcontent: "\\e208";\n}\n.icon-pause:before {\n\tcontent: "\\e209";\n}\n.icon-stop:before {\n\tcontent: "\\e210";\n}\n.icon-previous:before,\n.icon-backward:before {\n\tcontent: "\\7c";\n}\n.icon-next:before,\n.icon-forward:before {\n\tcontent: "\\7b";\n}\n.icon-first:before {\n\tcontent: "\\7d";\n}\n.icon-last:before {\n\tcontent: "\\e000";\n}\n.icon-play-circle:before {\n\tcontent: "\\e00d";\n}\n.icon-pause-circle:before {\n\tcontent: "\\e211";\n}\n.icon-stop-circle:before {\n\tcontent: "\\e212";\n}\n.icon-backward-circle:before {\n\tcontent: "\\e213";\n}\n.icon-forward-circle:before {\n\tcontent: "\\e214";\n}\n.icon-loop:before {\n\tcontent: "\\e001";\n}\n.icon-shuffle:before {\n\tcontent: "\\e002";\n}\n.icon-search:before {\n\tcontent: "\\53";\n}\n.icon-zoom-in:before {\n\tcontent: "\\64";\n}\n.icon-zoom-out:before {\n\tcontent: "\\65";\n}\n.icon-apply:before,\n.icon-edit:before,\n.icon-pencil:before {\n\tcontent: "\\2b";\n}\n.icon-pencil-2:before {\n\tcontent: "\\2c";\n}\n.icon-brush:before {\n\tcontent: "\\3b";\n}\n.icon-save-new:before,\n.icon-plus-2:before {\n\tcontent: "\\5d";\n}\n.icon-minus-sign:before,\n.icon-minus-2:before {\n\tcontent: "\\5e";\n}\n.icon-delete:before,\n.icon-remove:before,\n.icon-cancel-2:before {\n\tcontent: "\\49";\n}\n.icon-publish:before,\n.icon-save:before,\n.icon-ok:before,\n.icon-checkmark:before {\n\tcontent: "\\47";\n}\n.icon-new:before,\n.icon-plus:before {\n\tcontent: "\\2a";\n}\n.icon-plus-circle:before {\n\tcontent: "\\e215";\n}\n.icon-minus:before,\n.icon-not-ok:before {\n\tcontent: "\\4b";\n}\n.icon-ban-circle:before,\n.icon-minus-circle:before {\n\tcontent: "\\e216";\n}\n.icon-unpublish:before,\n.icon-cancel:before {\n\tcontent: "\\4a";\n}\n.icon-cancel-circle:before {\n\tcontent: "\\e217";\n}\n.icon-checkmark-2:before {\n\tcontent: "\\e218";\n}\n.icon-checkmark-circle:before {\n\tcontent: "\\e219";\n}\n.icon-info:before {\n\tcontent: "\\e220";\n}\n.icon-info-2:before,\n.icon-info-circle:before {\n\tcontent: "\\e221";\n}\n.icon-question:before,\n.icon-question-sign:before,\n.icon-help:before {\n\tcontent: "\\45";\n}\n.icon-question-2:before,\n.icon-question-circle:before {\n\tcontent: "\\e222";\n}\n.icon-notification:before {\n\tcontent: "\\e223";\n}\n.icon-notification-2:before,\n.icon-notification-circle:before {\n\tcontent: "\\e224";\n}\n.icon-pending:before,\n.icon-warning:before {\n\tcontent: "\\48";\n}\n.icon-warning-2:before,\n.icon-warning-circle:before {\n\tcontent: "\\e225";\n}\n.icon-checkbox-unchecked:before {\n\tcontent: "\\3d";\n}\n.icon-checkin:before,\n.icon-checkbox:before,\n.icon-checkbox-checked:before {\n\tcontent: "\\3e";\n}\n.icon-checkbox-partial:before {\n\tcontent: "\\3f";\n}\n.icon-square:before {\n\tcontent: "\\e226";\n}\n.icon-radio-unchecked:before {\n\tcontent: "\\e227";\n}\n.icon-radio-checked:before,\n.icon-generic:before {\n\tcontent: "\\e228";\n}\n.icon-circle:before {\n\tcontent: "\\e229";\n}\n.icon-signup:before {\n\tcontent: "\\e230";\n}\n.icon-grid:before,\n.icon-grid-view:before {\n\tcontent: "\\58";\n}\n.icon-grid-2:before,\n.icon-grid-view-2:before {\n\tcontent: "\\59";\n}\n.icon-menu:before {\n\tcontent: "\\5a";\n}\n.icon-list:before,\n.icon-list-view:before {\n\tcontent: "\\31";\n}\n.icon-list-2:before {\n\tcontent: "\\e231";\n}\n.icon-menu-3:before {\n\tcontent: "\\e232";\n}\n.icon-folder-open:before,\n.icon-folder:before {\n\tcontent: "\\2d";\n}\n.icon-folder-close:before,\n.icon-folder-2:before {\n\tcontent: "\\2e";\n}\n.icon-folder-plus:before {\n\tcontent: "\\e234";\n}\n.icon-folder-minus:before {\n\tcontent: "\\e235";\n}\n.icon-folder-3:before {\n\tcontent: "\\e236";\n}\n.icon-folder-plus-2:before {\n\tcontent: "\\e237";\n}\n.icon-folder-remove:before {\n\tcontent: "\\e238";\n}\n.icon-file:before {\n\tcontent: "\\e016";\n}\n.icon-file-2:before {\n\tcontent: "\\e239";\n}\n.icon-file-add:before,\n.icon-file-plus:before {\n\tcontent: "\\29";\n}\n.icon-file-minus:before {\n\tcontent: "\\e017";\n}\n.icon-file-check:before {\n\tcontent: "\\e240";\n}\n.icon-file-remove:before {\n\tcontent: "\\e241";\n}\n.icon-save-copy:before,\n.icon-copy:before {\n\tcontent: "\\e018";\n}\n.icon-stack:before {\n\tcontent: "\\e242";\n}\n.icon-tree:before {\n\tcontent: "\\e243";\n}\n.icon-tree-2:before {\n\tcontent: "\\e244";\n}\n.icon-paragraph-left:before {\n\tcontent: "\\e246";\n}\n.icon-paragraph-center:before {\n\tcontent: "\\e247";\n}\n.icon-paragraph-right:before {\n\tcontent: "\\e248";\n}\n.icon-paragraph-justify:before {\n\tcontent: "\\e249";\n}\n.icon-screen:before {\n\tcontent: "\\e01c";\n}\n.icon-tablet:before {\n\tcontent: "\\e01d";\n}\n.icon-mobile:before {\n\tcontent: "\\e01e";\n}\n.icon-box-add:before {\n\tcontent: "\\51";\n}\n.icon-box-remove:before {\n\tcontent: "\\52";\n}\n.icon-download:before {\n\tcontent: "\\e021";\n}\n.icon-upload:before {\n\tcontent: "\\e022";\n}\n.icon-home:before {\n\tcontent: "\\21";\n}\n.icon-home-2:before {\n\tcontent: "\\e250";\n}\n.icon-out-2:before,\n.icon-new-tab:before {\n\tcontent: "\\e024";\n}\n.icon-out-3:before,\n.icon-new-tab-2:before {\n\tcontent: "\\e251";\n}\n.icon-link:before {\n\tcontent: "\\e252";\n}\n.icon-picture:before,\n.icon-image:before {\n\tcontent: "\\2f";\n}\n.icon-pictures:before,\n.icon-images:before {\n\tcontent: "\\30";\n}\n.icon-palette:before,\n.icon-color-palette:before {\n\tcontent: "\\e014";\n}\n.icon-camera:before {\n\tcontent: "\\55";\n}\n.icon-camera-2:before,\n.icon-video:before {\n\tcontent: "\\e015";\n}\n.icon-play-2:before,\n.icon-video-2:before,\n.icon-youtube:before {\n\tcontent: "\\56";\n}\n.icon-music:before {\n\tcontent: "\\57";\n}\n.icon-user:before {\n\tcontent: "\\22";\n}\n.icon-users:before {\n\tcontent: "\\e01f";\n}\n.icon-vcard:before {\n\tcontent: "\\6d";\n}\n.icon-address:before {\n\tcontent: "\\70";\n}\n.icon-share-alt:before,\n.icon-out:before {\n\tcontent: "\\26";\n}\n.icon-enter:before {\n\tcontent: "\\e257";\n}\n.icon-exit:before {\n\tcontent: "\\e258";\n}\n.icon-comment:before,\n.icon-comments:before {\n\tcontent: "\\24";\n}\n.icon-comments-2:before {\n\tcontent: "\\25";\n}\n.icon-quote:before,\n.icon-quotes-left:before {\n\tcontent: "\\60";\n}\n.icon-quote-2:before,\n.icon-quotes-right:before {\n\tcontent: "\\61";\n}\n.icon-quote-3:before,\n.icon-bubble-quote:before {\n\tcontent: "\\e259";\n}\n.icon-phone:before {\n\tcontent: "\\e260";\n}\n.icon-phone-2:before {\n\tcontent: "\\e261";\n}\n.icon-envelope:before,\n.icon-mail:before {\n\tcontent: "\\4d";\n}\n.icon-envelope-opened:before,\n.icon-mail-2:before {\n\tcontent: "\\4e";\n}\n.icon-unarchive:before,\n.icon-drawer:before {\n\tcontent: "\\4f";\n}\n.icon-archive:before,\n.icon-drawer-2:before {\n\tcontent: "\\50";\n}\n.icon-briefcase:before {\n\tcontent: "\\e020";\n}\n.icon-tag:before {\n\tcontent: "\\e262";\n}\n.icon-tag-2:before {\n\tcontent: "\\e263";\n}\n.icon-tags:before {\n\tcontent: "\\e264";\n}\n.icon-tags-2:before {\n\tcontent: "\\e265";\n}\n.icon-options:before,\n.icon-cog:before {\n\tcontent: "\\38";\n}\n.icon-cogs:before {\n\tcontent: "\\37";\n}\n.icon-screwdriver:before,\n.icon-tools:before {\n\tcontent: "\\36";\n}\n.icon-wrench:before {\n\tcontent: "\\3a";\n}\n.icon-equalizer:before {\n\tcontent: "\\39";\n}\n.icon-dashboard:before {\n\tcontent: "\\78";\n}\n.icon-switch:before {\n\tcontent: "\\e266";\n}\n.icon-filter:before {\n\tcontent: "\\54";\n}\n.icon-purge:before,\n.icon-trash:before {\n\tcontent: "\\4c";\n}\n.icon-checkedout:before,\n.icon-lock:before,\n.icon-locked:before {\n\tcontent: "\\23";\n}\n.icon-unlock:before {\n\tcontent: "\\e267";\n}\n.icon-key:before {\n\tcontent: "\\5f";\n}\n.icon-support:before {\n\tcontent: "\\46";\n}\n.icon-database:before {\n\tcontent: "\\62";\n}\n.icon-scissors:before {\n\tcontent: "\\e268";\n}\n.icon-health:before {\n\tcontent: "\\6a";\n}\n.icon-wand:before {\n\tcontent: "\\6b";\n}\n.icon-eye-open:before,\n.icon-eye:before {\n\tcontent: "\\3c";\n}\n.icon-eye-close:before,\n.icon-eye-blocked:before,\n.icon-eye-2:before {\n\tcontent: "\\e269";\n}\n.icon-clock:before {\n\tcontent: "\\6e";\n}\n.icon-compass:before {\n\tcontent: "\\6f";\n}\n.icon-broadcast:before,\n.icon-connection:before,\n.icon-wifi:before {\n\tcontent: "\\e01b";\n}\n.icon-book:before {\n\tcontent: "\\e271";\n}\n.icon-lightning:before,\n.icon-flash:before {\n\tcontent: "\\79";\n}\n.icon-print:before,\n.icon-printer:before {\n\tcontent: "\\e013";\n}\n.icon-feed:before {\n\tcontent: "\\71";\n}\n.icon-calendar:before {\n\tcontent: "\\43";\n}\n.icon-calendar-2:before {\n\tcontent: "\\44";\n}\n.icon-calendar-3:before {\n\tcontent: "\\e273";\n}\n.icon-pie:before {\n\tcontent: "\\77";\n}\n.icon-bars:before {\n\tcontent: "\\76";\n}\n.icon-chart:before {\n\tcontent: "\\75";\n}\n.icon-power-cord:before {\n\tcontent: "\\32";\n}\n.icon-cube:before {\n\tcontent: "\\33";\n}\n.icon-puzzle:before {\n\tcontent: "\\34";\n}\n.icon-attachment:before,\n.icon-paperclip:before,\n.icon-flag-2:before {\n\tcontent: "\\72";\n}\n.icon-lamp:before {\n\tcontent: "\\74";\n}\n.icon-pin:before,\n.icon-pushpin:before {\n\tcontent: "\\73";\n}\n.icon-location:before {\n\tcontent: "\\63";\n}\n.icon-shield:before {\n\tcontent: "\\e274";\n}\n.icon-flag:before {\n\tcontent: "\\35";\n}\n.icon-flag-3:before {\n\tcontent: "\\e275";\n}\n.icon-bookmark:before {\n\tcontent: "\\e023";\n}\n.icon-bookmark-2:before {\n\tcontent: "\\e276";\n}\n.icon-heart:before {\n\tcontent: "\\e277";\n}\n.icon-heart-2:before {\n\tcontent: "\\e278";\n}\n.icon-thumbs-up:before {\n\tcontent: "\\5b";\n}\n.icon-thumbs-down:before{\n\tcontent: "\\5c";\n}\n.icon-unfeatured:before,\n.icon-asterisk:before,\n.icon-star-empty:before {\n\tcontent: "\\40";\n}\n.icon-star-2:before {\n\tcontent: "\\41";\n}\n.icon-featured:before,\n.icon-default:before,\n.icon-star:before{\n\tcontent: "\\42";\n}\n.icon-smiley:before,\n.icon-smiley-happy:before {\n\tcontent: "\\e279";\n}\n.icon-smiley-2:before,\n.icon-smiley-happy-2:before {\n\tcontent: "\\e280";\n}\n.icon-smiley-sad:before {\n\tcontent: "\\e281";\n}\n.icon-smiley-sad-2:before {\n\tcontent: "\\e282";\n}\n.icon-smiley-neutral:before {\n\tcontent: "\\e283";\n}\n.icon-smiley-neutral-2:before {\n\tcontent: "\\e284";\n}\n.icon-cart:before {\n\tcontent: "\\e019";\n}\n.icon-basket:before {\n\tcontent: "\\e01a";\n}\n.icon-credit:before {\n\tcontent: "\\e286";\n}\n.icon-credit-2:before {\n\tcontent: "\\e287";\n}\n.icon-expired:before {\ncontent: "\\4b";\n}\n\n\n\n// Load UIkit variables\n// ========================================================================\n\n@accordion-title-margin-bottom: 15px;\n@accordion-title-padding-vertical: 5px;\n@accordion-title-padding-horizontal: 15px;\n@accordion-title-font-size: 18px;\n@accordion-title-line-height: 24px;\n@accordion-title-background: #eee;\n@accordion-content-padding-horizontal: @accordion-title-padding-horizontal;\n@accordion-content-padding-bottom: @accordion-title-padding-horizontal;\n@nav-autocomplete-color: #444;\n@nav-autocomplete-active-background: #00a8e6;\n@nav-autocomplete-active-color: #fff;\n@nav-autocomplete-header-color: #999;\n@nav-autocomplete-divider-border: #ddd;\n@nav-autocomplete-divider-border-width: 1px;\n@datepicker-z-index: 1050;\n@datepicker-animation: uk-fade;\n@datepicker-nav-height: 20px;\n@datepicker-nav-margin-bottom: 15px;\n@datepicker-nav-color: #444;\n@datepicker-nav-hover-color: #444;\n@datepicker-previous-icon: "\\f053";\n@datepicker-next-icon: "\\f054";\n@datepicker-table-width: 26px;\n@datepicker-table-height: 24px;\n@datepicker-table-color: #444;\n@datepicker-table-hover-background: #ddd;\n@datepicker-table-hover-color: #444;\n@datepicker-table-onclick-background: #ccc;\n@datepicker-table-onclick-color: #444;\n@datepicker-table-active-background: #00a8e6;\n@datepicker-table-active-color: #fff;\n@datepicker-table-muted-color: #999;\n@dotnav-margin-horizontal: 15px;\n@dotnav-margin-vertical: @dotnav-margin-horizontal;\n@dotnav-width: 20px;\n@dotnav-height: @dotnav-width;\n@dotnav-background: rgba(50,50,50,0.1);\n@dotnav-hover-background: rgba(50,50,50,0.4);\n@dotnav-onclick-background: rgba(50,50,50,0.6);\n@dotnav-active-background: rgba(50,50,50,0.4);\n@dotnav-contrast-background: rgba(255,255,255,0.4);\n@dotnav-contrast-hover-background: rgba(255,255,255,0.7);\n@dotnav-contrast-onclick-background: rgba(255,255,255,0.9);\n@dotnav-contrast-active-background: rgba(255,255,255,0.9);\n@form-advanced-size: 14px;\n@form-advanced-border: #aaa;\n@form-advanced-border-width: 1px;\n@form-advanced-margin-top: -4px;\n@form-advanced-color: transparent;\n@form-advanced-checked-color: #00a8e6;\n@form-advanced-radio-size: 8px;\n@form-advanced-checkbox-icon: "\\f00c";\n@form-advanced-checkbox-indeterminate-icon: "\\f068";\n@form-advanced-checkbox-font-size: 12px;\n@form-advanced-disabled-border: #ddd;\n@form-advanced-disabled-color: #aaa;\n@form-password-font-size: 13px;\n@form-password-line-height: @form-password-font-size;\n@form-password-color: #999;\n@form-password-hover-color: #999;\n@form-password-padding: 50px;\n@htmleditor-navbar-background: #eee;\n@htmleditor-navbar-nav-height: 40px;\n@htmleditor-navbar-nav-padding-horizontal: 15px;\n@htmleditor-navbar-nav-line-height: @htmleditor-navbar-nav-height;\n@htmleditor-navbar-nav-color: #444;\n@htmleditor-navbar-nav-hover-background: #f5f5f5;\n@htmleditor-navbar-nav-hover-color: #444;\n@htmleditor-navbar-nav-onclick-background: #ddd;\n@htmleditor-navbar-nav-onclick-color: #444;\n@htmleditor-navbar-nav-active-background: #f5f5f5;\n@htmleditor-navbar-nav-active-color: #444;\n@htmleditor-content-border: #ddd;\n@htmleditor-content-background: #fff;\n@htmleditor-content-padding: 20px;\n@htmleditor-content-split-border: #eee;\n@htmleditor-fullscreen-z-index: 990;\n@htmleditor-fullscreen-content-top: @htmleditor-navbar-nav-height;\n@htmleditor-fullscreen-icon-resize: "\\f066";\n@nestable-padding-left: 40px;\n@nestable-item-margin: 10px;\n@nestable-dragged-z-index: 1050;\n@nestable-placeholder-border: #ddd;\n@nestable-empty-height: 30px;\n@nestable-toggle-icon: "\\f147";\n@nestable-toggle-collapsed-icon: "\\f196";\n@nestable-panel-padding: 5px;\n@nestable-panel-background: #f5f5f5;\n@notify-position: 10px;\n@notify-z-index: 1040;\n@notify-width: 350px;\n@notify-message-margin-bottom: 10px;\n@notify-message-padding: 15px;\n@notify-message-background: #444;\n@notify-message-color: #fff;\n@notify-message-font-size: 16px;\n@notify-message-line-height: 22px;\n@notify-message-primary-background: #ebf7fd;\n@notify-message-primary-color: #2d7091;\n@notify-message-success-background: #f2fae3;\n@notify-message-success-color: #659f13;\n@notify-message-warning-background: #fffceb;\n@notify-message-warning-color: #e28327;\n@notify-message-danger-background: #fff1f0;\n@notify-message-danger-color: #d85030;\n@placeholder-margin-vertical: 15px;\n@placeholder-padding: 20px;\n@placeholder-border: #ddd;\n@placeholder-background: #fafafa;\n@placeholder-color: #444;\n@placeholder-large-padding-vertical: 80px;\n@progress-height: 20px;\n@progress-mini-height: 6px;\n@progress-small-height: 12px;\n@progress-margin-vertical: 15px;\n@progress-background: #eee;\n@progress-bar-background: #00a8e6;\n@progress-bar-font-size: 12px;\n@progress-bar-color: #fff;\n@progress-bar-success-background: #8cc14c;\n@progress-bar-warning-background: #faa732;\n@progress-bar-danger-background: #da314b;\n@search-width: 120px;\n@search-focus-width: 180px;\n@search-height: 30px;\n@search-padding: 30px;\n@search-border: rgba(0,0,0,0);\n@search-border-width: 1px;\n@search-background: rgba(0,0,0,0);\n@search-color: #444;\n@search-placeholder-color: #999;\n@search-icon: "\\f002";\n@search-icon-size: 14px;\n@search-icon-color: rgba(0,0,0,0.2);\n@dropdown-search-width: 300px;\n@dropdown-search-margin-top: 0;\n@dropdown-search-background: #f5f5f5;\n@dropdown-search-color: #444;\n@dropdown-search-animation: uk-slide-top-fixed;\n@dropdown-search-navbar-margin-top: 5px;\n@dropdown-search-navbar-margin-right: -15px;\n@nav-search-color: #444;\n@nav-search-active-background: #00a8e6;\n@nav-search-active-color: #fff;\n@nav-search-header-color: #999;\n@nav-search-divider-border: #ddd;\n@nav-search-divider-border-width: 1px;\n@nav-search-nested-color: #07D;\n@nav-search-nested-hover-color: #059;\n@offcanvas-search-margin: 20px 15px;\n@offcanvas-search-background: #1a1a1a;\n@offcanvas-search-border: rgba(0,0,0,0);\n@offcanvas-search-color: #ccc;\n@offcanvas-search-placeholder-color: #777;\n@offcanvas-search-icon-color: #777;\n@slidenav-width: 60px;\n@slidenav-height: @slidenav-width;\n@slidenav-color: rgba(50,50,50,0.4);\n@slidenav-font-size: 60px;\n@slidenav-line-height: @slidenav-height;\n@slidenav-previous-icon: "\\f104";\n@slidenav-next-icon: "\\f105";\n@slidenav-hover-color: rgba(50,50,50,0.7);\n@slidenav-active-color: rgba(50,50,50,0.9);\n@slidenav-position-previous: 20px;\n@slidenav-position-next: @slidenav-position-previous;\n@slidenav-contrast-color: rgba(255,255,255,0.5);\n@slidenav-contrast-hover-color: rgba(255,255,255,0.7);\n@slidenav-contrast-active-color: rgba(255,255,255,0.9);\n@sortable-dragged-z-index: 1050;\n@sortable-placeholder-opacity: 0;\n@sortable-empty-height: 30px;\n@sticky-z-index: 980;\n@sticky-animation-duration: 0.2s;\n@sticky-reverse-animation-duration: 0.2s;\n@tooltip-z-index: 1030;\n@tooltip-max-width: 200px;\n@tooltip-padding-vertical: 5px;\n@tooltip-padding-horizontal: 8px;\n@tooltip-background: #333;\n@tooltip-triangle-size: 5px;\n@tooltip-color: rgba(255,255,255,0.7);\n@tooltip-font-size: 12px;\n@tooltip-line-height: 18px;\n@tooltip-offset-horizontal: 10px;\n@uk-upload-dragover-box-shadow: rgba(100,100,100,0.3);\n@uk-upload-dragover-box-shadow-blur: 20px;\n@alert-margin-vertical: 15px;\n@alert-padding: 10px;\n@alert-background: #ebf7fd;\n@alert-color: #2d7091;\n@alert-success-background: #f2fae3;\n@alert-success-color: #659f13;\n@alert-warning-background: #fffceb;\n@alert-warning-color: #e28327;\n@alert-danger-background: #fff1f0;\n@alert-danger-color: #d85030;\n@alert-large-padding: 20px;\n@article-margin-top: 25px;\n@article-title-font-size: 36px;\n@article-title-line-height: 42px;\n@article-title-font-weight: normal;\n@article-title-text-transform: none;\n@article-meta-font-size: 12px;\n@article-meta-line-height: 18px;\n@article-meta-color: #999;\n@article-lead-color: #444;\n@article-lead-font-size: 18px;\n@article-lead-line-height: 24px;\n@article-lead-font-weight: normal;\n@article-divider-margin: 25px;\n@article-divider-border: #ddd;\n@badge-background: #00a8e6;\n@badge-padding-horizontal: 5px;\n@badge-font-size: 10px;\n@badge-font-weight: bold;\n@badge-line-height: 14px;\n@badge-color: #fff;\n@badge-text-transform: none;\n@badge-hover-color: #fff;\n@badge-notification-font-size: 12px;\n@badge-notification-line-height: 18px;\n@badge-success-background: #8cc14c;\n@badge-warning-background: #faa732;\n@badge-danger-background: #da314b;\n@base-body-background: #fff;\n@base-body-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;\n@base-body-font-weight: normal;\n@base-body-font-size: 14px;\n@base-body-line-height: 20px;\n@base-body-color: #444;\n@base-link-color: #07D;\n@base-link-text-decoration: none;\n@base-link-hover-color: #059;\n@base-link-hover-text-decoration: underline;\n@base-code-color: #D05;\n@base-code-font-size: 12px;\n@base-code-font-family: Consolas, monospace, serif;\n@base-em-color: #D05;\n@base-ins-background: #ffa;\n@base-ins-color: #444;\n@base-mark-background: #ffa;\n@base-mark-color: #444;\n@base-quote-font-style: italic;\n@base-margin-vertical: 15px;\n@base-heading-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;\n@base-heading-font-weight: normal;\n@base-heading-color: #444;\n@base-heading-text-transform: none;\n@base-heading-margin-top: 25px;\n@base-h1-font-size: 36px;\n@base-h1-line-height: 42px;\n@base-h2-font-size: 24px;\n@base-h2-line-height: 30px;\n@base-h3-font-size: 18px;\n@base-h3-line-height: 24px;\n@base-h4-font-size: 16px;\n@base-h4-line-height: 22px;\n@base-h5-font-size: 14px;\n@base-h5-line-height: 20px;\n@base-h6-font-size: 12px;\n@base-h6-line-height: 18px;\n@base-list-padding-left: 30px;\n@base-hr-margin-vertical: @base-margin-vertical;\n@base-hr-border: #ddd;\n@base-hr-border-width: 1px;\n@base-blockquote-padding-left: 15px;\n@base-blockquote-border: #ddd;\n@base-blockquote-border-width: 5px;\n@base-blockquote-font-size: 16px;\n@base-blockquote-line-height: 22px;\n@base-blockquote-font-style: italic;\n@base-pre-padding: 10px;\n@base-pre-background: #f5f5f5;\n@base-pre-color: #444;\n@base-pre-font-size: 12px;\n@base-pre-line-height: 18px;\n@base-pre-font-family: @base-code-font-family;\n@base-selection-background: #39f;\n@base-selection-color: #fff;\n@block-padding-vertical: 20px;\n@block-padding-vertical-large: 50px;\n@block-large-padding-vertical: @block-padding-vertical;\n@block-large-padding-vertical-medium: @block-padding-vertical-large;\n@block-large-padding-vertical-large: 100px;\n@block-default-background: #fff;\n@block-muted-background: #f9f9f9;\n@block-primary-background: #00a8e6;\n@block-secondary-background: #222;\n@breadcrumb-font-size: 1rem;\n@breadcrumb-divider: "/";\n@breadcrumb-divider-margin: 8px;\n@breadcrumb-disabled-color: #999;\n@button-height: 30px;\n@button-mini-height: 20px;\n@button-small-height: 25px;\n@button-large-height: 40px;\n@button-line-height: 30px;\n@button-mini-line-height: 20px;\n@button-small-line-height: 25px;\n@button-large-line-height: 40px;\n@button-mini-font-size: 11px;\n@button-small-font-size: 12px;\n@button-large-font-size: 16px;\n@button-padding-horizontal: 12px;\n@button-mini-padding-horizontal: 6px;\n@button-small-padding-horizontal: 10px;\n@button-large-padding-horizontal: 15px;\n@button-font-size: 1rem;\n@button-background: #eee;\n@button-color: #444;\n@button-hover-background: #f5f5f5;\n@button-hover-color: #444;\n@button-active-background: #ddd;\n@button-active-color: #444;\n@button-primary-background: #00a8e6;\n@button-primary-color: #fff;\n@button-primary-hover-background: #35b3ee;\n@button-primary-hover-color: #fff;\n@button-primary-active-background: #0091ca;\n@button-primary-active-color: #fff;\n@button-success-background: #8cc14c;\n@button-success-color: #fff;\n@button-success-hover-background: #8ec73b;\n@button-success-hover-color: #fff;\n@button-success-active-background: #72ae41;\n@button-success-active-color: #fff;\n@button-danger-background: #da314b;\n@button-danger-color: #fff;\n@button-danger-hover-background: #e4354f;\n@button-danger-hover-color: #fff;\n@button-danger-active-background: #c91032;\n@button-danger-active-color: #fff;\n@button-disabled-background: #f5f5f5;\n@button-disabled-color: #999;\n@button-link-color: #07D;\n@button-link-hover-color: #059;\n@button-link-hover-text-decoration: underline;\n@button-link-disabled-color: #999;\n@close-size: 20px;\n@close-alt-padding: 2px;\n@close-alt-background: #eee;\n@column-gutter: 25px;\n@comment-header-margin-bottom: 15px;\n@comment-avatar-margin-right: 15px;\n@comment-title-margin-top: 5px;\n@comment-title-font-size: 16px;\n@comment-title-line-height: 22px;\n@comment-meta-margin-top: 2px;\n@comment-meta-color: #999;\n@comment-meta-font-size: 11px;\n@comment-meta-line-height: 16px;\n@comment-list-margin-top: 15px;\n@comment-list-padding-left: 100px;\n@contrast-color: #fff;\n@contrast-inverted-color: #444;\n@contrast-base-color: @contrast-color;\n@contrast-base-link-color: fade(@contrast-color, 70%);\n@contrast-base-link-text-decoration: none;\n@contrast-base-link-hover-color: @contrast-color;\n@contrast-base-link-hover-text-decoration: underline;\n@contrast-base-code-color: @contrast-color;\n@contrast-base-em-color: @contrast-color;\n@contrast-base-heading-color: @contrast-color;\n@contrast-base-hr-border: fade(@contrast-color, 20%);\n@contrast-nav-side-color: @contrast-color;\n@contrast-nav-side-hover-background: fade(@contrast-color, 10%);\n@contrast-nav-side-hover-color: @contrast-color;\n@contrast-nav-side-active-background: @contrast-color;\n@contrast-nav-side-active-color: @contrast-inverted-color;\n@contrast-nav-side-header-color: @contrast-color;\n@contrast-nav-side-divider-border: fade(@contrast-color, 20%);\n@contrast-nav-side-nested-color: fade(@contrast-color, 70%);\n@contrast-nav-side-nested-hover-color: @contrast-color;\n@contrast-subnav-color: fade(@contrast-color, 70%);\n@contrast-subnav-hover-color: @contrast-color;\n@contrast-subnav-hover-text-decoration: none;\n@contrast-subnav-active-color: @contrast-color;\n@contrast-subnav-line-border: fade(@contrast-color, 20%);\n@contrast-subnav-pill-hover-background: fade(@contrast-color, 70%);\n@contrast-subnav-pill-hover-color: @contrast-inverted-color;\n@contrast-subnav-pill-active-background: @contrast-color;\n@contrast-subnav-pill-active-color: @contrast-inverted-color;\n@contrast-tab-border: fade(@contrast-color, 20%);\n@contrast-tab-color: fade(@contrast-color, 70%);\n@contrast-tab-hover-border: fade(@contrast-color, 70%);\n@contrast-tab-hover-background: fade(@contrast-color, 70%);\n@contrast-tab-hover-color: @contrast-inverted-color;\n@contrast-tab-active-border: fade(@contrast-color, 20%);\n@contrast-tab-active-background: @contrast-color;\n@contrast-tab-active-color: @contrast-inverted-color;\n@contrast-list-line-border: fade(@contrast-color, 20%);\n@contrast-form-border: fade(@contrast-color, 80%);\n@contrast-form-background: fade(@contrast-color, 80%);\n@contrast-form-color: @contrast-inverted-color;\n@contrast-form-focus-border: @contrast-color;\n@contrast-form-focus-background: @contrast-color;\n@contrast-form-focus-color: @contrast-inverted-color;\n@contrast-form-placeholder-color: fade(@contrast-inverted-color, 70%);\n@contrast-button-background: @contrast-color;\n@contrast-button-color: @contrast-inverted-color;\n@contrast-button-hover-background: fade(@contrast-color, 80%);\n@contrast-button-hover-color: @contrast-inverted-color;\n@contrast-button-active-background: fade(@contrast-color, 70%);\n@contrast-button-active-color: @contrast-inverted-color;\n@contrast-button-primary-background: #00a8e6;\n@contrast-button-primary-color: @contrast-color;\n@contrast-button-primary-hover-background: #35b3ee;\n@contrast-button-primary-hover-color: @contrast-color;\n@contrast-button-primary-active-background: #0091ca;\n@contrast-button-primary-active-color: @contrast-color;\n@contrast-icon-hover-color: fade(@contrast-color, 70%);\n@contrast-icon-hover-hover-color: @contrast-color;\n@contrast-icon-button-background: @contrast-color;\n@contrast-icon-button-color: @contrast-inverted-color;\n@contrast-icon-button-hover-background: fade(@contrast-color, 80%);\n@contrast-icon-button-hover-color: @contrast-inverted-color;\n@contrast-icon-button-active-background: fade(@contrast-color, 70%);\n@contrast-icon-button-active-color: @contrast-inverted-color;\n@contrast-text-muted-color: fade(@contrast-color, 60%);\n@contrast-text-primary-color: #2d7091;\n@description-list-horizontal-width: 160px;\n@description-list-horizontal-margin-left: 180px;\n@description-list-line-margin-top: 5px;\n@description-list-line-border-width: 1px;\n@description-list-line-border: #ddd;\n@description-list-line-color: #999;\n@description-list-line-font-weight: normal;\n@dropdown-z-index: 970;\n@dropdown-width: 200px;\n@dropdown-margin-top: 5px;\n@dropdown-padding: 15px;\n@dropdown-background: #f5f5f5;\n@dropdown-color: #444;\n@dropdown-font-size: 1rem;\n@dropdown-animation: uk-fade;\n@dropdown-divider-border-width: 1px;\n@dropdown-divider-border: #ddd;\n@dropdown-small-padding: 5px;\n@dropdown-navbar-margin: 0;\n@dropdown-navbar-background: #f5f5f5;\n@dropdown-navbar-color: #444;\n@dropdown-navbar-animation: uk-slide-top-fixed;\n@dropdown-scrollable-height: 200px;\n@form-height: 30px;\n@form-padding: 4px 6px;\n@form-border: #ddd;\n@form-border-width: 1px;\n@form-background: #fff;\n@form-color: #444;\n@form-focus-border: #99baca;\n@form-focus-background: #f5fbfe;\n@form-focus-color: #444;\n@form-disabled-border: #ddd;\n@form-disabled-background: #f5f5f5;\n@form-disabled-color: #999;\n@form-placeholder-color: #999;\n@form-gutter: 15px;\n@form-legend-border: #ddd;\n@form-legend-border-width: 1px;\n@form-legend-font-size: 18px;\n@form-legend-line-height: 30px;\n@form-small-height: 25px;\n@form-large-height: 40px;\n@form-small-padding: 3px 3px;\n@form-large-padding: 8px 6px;\n@form-small-font-size: 12px;\n@form-large-font-size: 16px;\n@form-danger-border: #dc8d99;\n@form-danger-background: #fff7f8;\n@form-danger-color: #d85030;\n@form-success-border: #8ec73b;\n@form-success-background: #fafff2;\n@form-success-color: #659f13;\n@form-blank-border: #ddd;\n@form-blank-border-style: dashed;\n@form-mini-width: 40px;\n@form-small-width: 130px;\n@form-medium-width: 200px;\n@form-large-width: 500px;\n@form-help-inline-margin-left: 10px;\n@form-help-block-margin-top: 5px;\n@form-controls-condensed-margin-vertical: 5px;\n@form-stacked-margin-bottom: 5px;\n@form-stacked-font-weight: bold;\n@form-horizontal-label-width: 200px;\n@form-horizontal-label-margin-top: 5px;\n@form-horizontal-controls-margin-left: 215px;\n@form-horizontal-controls-text-padding-top: 5px;\n@form-icon-width: 30px;\n@form-icon-font-size: 14px;\n@form-icon-color: #999;\n@grid-gutter-horizontal: 25px;\n@grid-gutter-vertical: 25px;\n@grid-gutter-large-horizontal: 35px;\n@grid-gutter-large-vertical: 35px;\n@grid-gutter-small-horizontal: 10px;\n@grid-gutter-small-vertical: 10px;\n@grid-divider-border: #ddd;\n@grid-divider-border-width: 1px;\n@icon-font-path: "../fonts";\n@icon-small-font-size: 150%;\n@icon-medium-font-size: 200%;\n@icon-large-font-size: 250%;\n@icon-small-vertical-align: -10%;\n@icon-medium-vertical-align: -16%;\n@icon-large-vertical-align: -22%;\n@icon-hover-color: #999;\n@icon-hover-hover-color: #444;\n@icon-button-width: 35px;\n@icon-button-height: @icon-button-width;\n@icon-button-border-radius: 100%;\n@icon-button-background: #eee;\n@icon-button-font-size: round((@icon-button-width * 0.5));\n@icon-button-color: #444;\n@icon-button-hover-background: #f5f5f5;\n@icon-button-hover-color: #444;\n@icon-button-active-background: #ddd;\n@icon-button-active-color: #444;\n@list-nested-padding-left: 20px;\n@list-line-margin-top: 5px;\n@list-line-border: #ddd;\n@list-line-border-width: 1px;\n@list-striped-padding-vertical: 5px;\n@list-striped-padding-horizontal: 5px;\n@list-striped-background: #f5f5f5;\n@list-space-margin-top: 10px;\n@modal-z-index: 1010;\n@modal-background: rgba(0,0,0,0.6);\n@modal-dialog-margin-vertical: 50px;\n@modal-dialog-padding: 20px;\n@modal-dialog-width: 600px;\n@modal-dialog-background: #fff;\n@modal-dialog-large-width: 930px;\n@modal-dialog-large-width-large: 1130px;\n@modal-header-margin-bottom: 15px;\n@modal-footer-margin-top: 15px;\n@modal-caption-margin-bottom: -10px;\n@modal-caption-color: #fff;\n@nav-padding-vertical: 5px;\n@nav-padding-horizontal: 15px;\n@nav-header-padding-vertical: @nav-padding-vertical;\n@nav-header-padding-horizontal: @nav-padding-horizontal;\n@nav-header-font-size: 12px;\n@nav-header-font-weight: bold;\n@nav-header-text-transform: uppercase;\n@nav-header-margin-top: 15px;\n@nav-divider-margin-vertical: 9px;\n@nav-divider-margin-horizontal: @nav-padding-horizontal;\n@nav-subtitle-font-size: 12px;\n@nav-subtitle-line-height: 18px;\n@nav-nested-padding-left: 15px;\n@nav-nested-padding-vertical: 2px;\n@nav-nested-padding-horizontal: 0;\n@nav-sub-padding-vertical: 5px;\n@nav-sub-padding-left: @nav-padding-horizontal;\n@nav-parent-icon: "\\f104";\n@nav-parent-open-icon: "\\f107";\n@nav-parent-icon-width: 20px;\n@nav-parent-icon-margin-right: -10px;\n@nav-side-color: #444;\n@nav-side-hover-background: rgba(0,0,0,0.05);\n@nav-side-hover-color: #444;\n@nav-side-active-background: #00a8e6;\n@nav-side-active-color: #fff;\n@nav-side-header-color: #444;\n@nav-side-divider-border: #ddd;\n@nav-side-divider-border-width: 1px;\n@nav-side-nested-color: #07D;\n@nav-side-nested-hover-color: #059;\n@nav-dropdown-color: #444;\n@nav-dropdown-hover-background: #00a8e6;\n@nav-dropdown-hover-color: #fff;\n@nav-dropdown-header-color: #999;\n@nav-dropdown-divider-border: #ddd;\n@nav-dropdown-divider-border-width: 1px;\n@nav-dropdown-nested-color: #07D;\n@nav-dropdown-nested-hover-color: #059;\n@nav-navbar-color: #444;\n@nav-navbar-hover-background: #00a8e6;\n@nav-navbar-hover-color: #fff;\n@nav-navbar-header-color: #999;\n@nav-navbar-divider-border: #ddd;\n@nav-navbar-divider-border-width: 1px;\n@nav-navbar-nested-color: #07D;\n@nav-navbar-nested-hover-color: #059;\n@nav-offcanvas-padding-vertical: 10px;\n@nav-offcanvas-padding-horizontal: 15px;\n@nav-offcanvas-color: #ccc;\n@nav-offcanvas-hover-background: #404040;\n@nav-offcanvas-hover-color: #fff;\n@nav-offcanvas-active-background: #1a1a1a;\n@nav-offcanvas-active-color: #fff;\n@nav-offcanvas-header-color: #777;\n@nav-offcanvas-divider-border: #1a1a1a;\n@nav-offcanvas-divider-border-width: 1px;\n@nav-offcanvas-nested-color: #ccc;\n@nav-offcanvas-nested-hover-color: #fff;\n@navbar-background: #eee;\n@navbar-color: #444;\n@navbar-link-color: #07D;\n@navbar-link-hover-color: #059;\n@navbar-nav-height: 40px;\n@navbar-nav-line-height: @navbar-nav-height;\n@navbar-nav-padding-horizontal: 15px;\n@navbar-nav-color: #444;\n@navbar-nav-font-size: 14px;\n@navbar-nav-font-weight: normal;\n@navbar-nav-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;\n@navbar-nav-hover-background: #f5f5f5;\n@navbar-nav-hover-color: #444;\n@navbar-nav-onclick-background: #ddd;\n@navbar-nav-onclick-color: #444;\n@navbar-nav-active-background: #f5f5f5;\n@navbar-nav-active-color: #444;\n@navbar-nav-subtitle-font-size: 10px;\n@navbar-nav-subtitle-offset: 2px;\n@navbar-brand-font-size: 18px;\n@navbar-brand-color: #444;\n@navbar-brand-hover-color: #444;\n@navbar-toggle-font-size: 18px;\n@navbar-toggle-color: #444;\n@navbar-toggle-hover-color: #444;\n@navbar-toggle-icon: "\\f0c9";\n@navbar-toggle-icon-alt: "\\f002";\n@offcanvas-z-index: 1000;\n@offcanvas-background: rgba(0,0,0,0.1);\n@offcanvas-bar-width: 270px;\n@offcanvas-bar-background: #333;\n@offcanvas-panel-margin: 20px 15px;\n@offcanvas-panel-color: #777;\n@offcanvas-panel-link-color: #ccc;\n@offcanvas-panel-link-hover-color: #fff;\n@offcanvas-panel-title-color: @offcanvas-panel-link-color;\n@overlay-panel-padding: 20px;\n@overlay-panel-color: #fff;\n@overlay-panel-background: rgba(0,0,0,0.5);\n@overlay-icon: "\\f002";\n@overlay-icon-size: 50px;\n@overlay-icon-color: #fff;\n@overlay-fade-in-opacity: 1;\n@overlay-fade-out-opacity: 0.7;\n@overlay-scale-in-scale: 1.1;\n@overlay-scale-out-scale: 1;\n@overlay-spin-in-scale: 1.1;\n@overlay-spin-out-scale: 1;\n@overlay-spin-in-rotate: 3deg;\n@overlay-spin-out-rotate: 0deg;\n@overlay-panel-link-color: inherit;\n@overlay-panel-link-text-decoration: underline;\n@overlay-area-background: rgba(0,0,0,0.3);\n@overlay-area-icon: "\\f002";\n@overlay-area-icon-size: 50px;\n@overlay-area-icon-color: #fff;\n@overlay-area-content-font-size: 1rem;\n@overlay-area-content-padding-horizontal: 15px;\n@overlay-area-content-color: #fff;\n@overlay-area-content-link-color: inherit;\n@overlay-caption-background: rgba(0,0,0,0.5);\n@overlay-caption-padding: 15px;\n@overlay-caption-color: #fff;\n@pagination-font-size: 1rem;\n@pagination-margin-left: 5px;\n@pagination-padding-vertical: 3px;\n@pagination-padding-horizontal: 5px;\n@pagination-line-height: 20px;\n@pagination-background: #eee;\n@pagination-color: #444;\n@pagination-hover-background: #f5f5f5;\n@pagination-hover-color: #444;\n@pagination-onclick-background: #ddd;\n@pagination-onclick-color: #444;\n@pagination-active-background: #00a8e6;\n@pagination-active-color: #fff;\n@pagination-disabled-background: #f5f5f5;\n@pagination-disabled-color: #999;\n@panel-title-margin-bottom: 15px;\n@panel-title-font-size: 18px;\n@panel-title-line-height: 24px;\n@panel-title-font-weight: normal;\n@panel-title-color: #444;\n@panel-title-text-transform: none;\n@panel-teaser-margin-bottom: @panel-title-margin-bottom;\n@panel-box-padding: 15px;\n@panel-box-background: #f5f5f5;\n@panel-box-color: #444;\n@panel-box-hover-color: @panel-box-color;\n@panel-box-title-color: #444;\n@panel-box-badge-top: 10px;\n@panel-box-badge-right: @panel-box-badge-top;\n@panel-box-teaser-margin: -@panel-box-padding;\n@panel-box-primary-background: #ebf7fd;\n@panel-box-primary-color: #2d7091;\n@panel-box-primary-hover-color: @panel-box-primary-color;\n@panel-box-primary-title-color: #2d7091;\n@panel-box-secondary-background: #eee;\n@panel-box-secondary-color: #444;\n@panel-box-secondary-hover-color: @panel-box-secondary-color;\n@panel-box-secondary-title-color: #444;\n@panel-hover-padding: 15px;\n@panel-hover-color: #444;\n@panel-hover-hover-background: #f5f5f5;\n@panel-hover-hover-color: #444;\n@panel-hover-badge-top: 10px;\n@panel-hover-badge-right: @panel-hover-badge-top;\n@panel-hover-teaser-margin: -@panel-hover-padding;\n@panel-header-title-padding: 10px;\n@panel-header-title-border: #ddd;\n@panel-header-title-border-width: 1px;\n@panel-header-title-color: #444;\n@panel-space-padding: 30px;\n@panel-divider-gutter: 25px;\n@panel-divider-gutter-large: 35px;\n@panel-divider-border: #ddd;\n@panel-divider-border-width: 1px;\n@panel-body-padding: @panel-box-padding;\n@subnav-margin-horizontal: 10px;\n@subnav-margin-vertical: @subnav-margin-horizontal;\n@subnav-color: #444;\n@subnav-hover-color: #07D;\n@subnav-hover-text-decoration: none;\n@subnav-active-color: #07D;\n@subnav-line-border-height: 10px;\n@subnav-line-border: #ddd;\n@subnav-line-border-width: 1px;\n@subnav-pill-padding-vertical: 3px;\n@subnav-pill-padding-horizontal: 9px;\n@subnav-pill-hover-background: #eee;\n@subnav-pill-hover-color: #444;\n@subnav-pill-active-background: #00a8e6;\n@subnav-pill-active-color: #fff;\n@subnav-disabled-color: #999;\n@tab-border: #ddd;\n@tab-border-width: 1px;\n@tab-padding-horizontal: 12px;\n@tab-padding-vertical: 8px;\n@tab-padding-top: @tab-padding-vertical;\n@tab-padding-bottom: @tab-padding-vertical;\n@tab-margin-horizontal: 5px;\n@tab-margin-vertical: 5px;\n@tab-color: #07D;\n@tab-hover-border: #f5f5f5;\n@tab-hover-background: #f5f5f5;\n@tab-hover-color: #059;\n@tab-active-border: #ddd;\n@tab-active-background: #fff;\n@tab-active-color: #444;\n@tab-disabled-color: #999;\n@table-margin-vertical: 15px;\n@table-padding-vertical: 8px;\n@table-padding-horizontal: 8px;\n@table-caption-color: #999;\n@table-caption-font-size: 12px;\n@table-striped-background: #f5f5f5;\n@table-condensed-padding-vertical: 4px;\n@table-condensed-padding-horizontal: 8px;\n@table-hover-background: #EEE;\n@table-active-background: @table-hover-background;\n@text-small-font-size: 11px;\n@text-small-line-height: 16px;\n@text-large-font-size: 18px;\n@text-large-line-height: 24px;\n@text-large-font-weight: normal;\n@text-muted-color: #999;\n@text-primary-color: #2d7091;\n@text-success-color: #659f13;\n@text-warning-color: #e28327;\n@text-danger-color: #d85030;\n@text-contrast-color: #fff;\n@thumbnail-padding: 4px;\n@thumbnail-border: #ddd;\n@thumbnail-border-width: 1px;\n@thumbnail-background: #fff;\n@thumbnail-hover-border: #aaa;\n@thumbnail-hover-background: #fff;\n@thumbnail-caption-padding: @thumbnail-padding;\n@thumbnail-caption-color: #444;\n@thumbnail-mini-width: 150px;\n@thumbnail-small-width: 200px;\n@thumbnail-medium-width: 300px;\n@thumbnail-large-width: 400px;\n@thumbnav-margin-horizontal: 10px;\n@thumbnav-margin-vertical: @thumbnav-margin-horizontal;\n@thumbnav-background: #fff;\n@thumbnav-opacity: 0.7;\n@thumbnav-hover-opacity: 1;\n@thumbnav-active-opacity: 1;\n@utility-container-max-width: 980px;\n@utility-container-padding-horizontal: 25px;\n@utility-container-large-max-width: 1200px;\n@utility-container-large-padding-horizontal: 35px;\n@utility-align-horizontal: 15px;\n@utility-align-vertical: 15px;\n@utility-height-viewport-min-height: 600px;\n@utility-margin: 15px;\n@utility-margin-small: 5px;\n@utility-margin-large: 50px;\n@utility-border-rounded: 5px;\n@utility-heading-large-small-font-size: 36px;\n@utility-heading-large-small-line-height: 42px;\n@utility-heading-large-font-size: 52px;\n@utility-heading-large-line-height: 64px;\n@utility-link-muted-color: #444;\n@utility-link-muted-hover-color: #444;\n@utility-scrollable-text-height: 300px;\n@utility-scrollable-box-height: 170px;\n@utility-scrollable-box-padding: 10px;\n@utility-scrollable-box-border: #ddd;\n@utility-scrollable-box-border-width: 1px;\n@breakpoint-small: 480px;\n@breakpoint-medium: 768px;\n@breakpoint-large: 960px;\n@breakpoint-xlarge: 1220px;\n@breakpoint-mini-max: (@breakpoint-small - 1);\n@breakpoint-small-max: (@breakpoint-medium - 1);\n@breakpoint-medium-max: (@breakpoint-large - 1);\n@breakpoint-large-max: (@breakpoint-xlarge - 1);\n\n\n// Load Bootstrap variables, layer and fix\n// ========================================================================\n\n// Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */\n\n//\n// Name: Bootstrap variables\n// Description: Setting Bootstrap variables with UIkit variables\n//\n// ========================================================================\n\n\n// Setting Bootstrap variables\n// ========================================================================\n\n// Grays\n// -------------------------\n@black: @offcanvas-bar-background;\n@grayDarker: lighten(@black, 10%);\n@grayDark: lighten(@black, 15%);\n@gray: lighten(@black, 20%);\n@grayLight: @global-muted-color;\n@grayLighter: @global-border;\n@white: @global-background;\n\n\n// Accent colors\n// -------------------------\n//@blue: #049cdb;\n//@blueDark: #0064cd;\n@green: @global-success-background;\n@red: @global-danger-background;\n//@yellow: #ffc40d;\n@orange: @global-warning-background;\n//@pink: #c3325f;\n//@purple: #7a43b6;\n\n\n// Scaffolding\n// -------------------------\n@bodyBackground: @global-background;\n@textColor: @global-color;\n\n\n// Links\n// -------------------------\n@linkColor: @global-link-color;\n@linkColorHover: @global-link-hover-color;\n\n\n// Typography\n// -------------------------\n@sansFontFamily: @base-body-font-family;\n//@serifFontFamily: Georgia, "Times New Roman", Times, serif;\n@monoFontFamily: @base-code-font-family;\n\n@baseFontSize: @global-font-size;\n@baseFontFamily: @sansFontFamily;\n@baseLineHeight: @global-line-height;\n@altFontFamily: @sansFontFamily;\n\n@headingsFontFamily: inherit;\n@headingsFontWeight: normal;\n@headingsColor: @base-heading-color;\n\n\n// Component sizing\n// -------------------------\n// Based on 14px font-size and 20px line-height\n\n@fontSizeLarge: @baseFontSize * 1.25; // ~18px\n@fontSizeSmall: @baseFontSize * 0.85; // ~12px\n@fontSizeMini: @baseFontSize * 0.75; // ~11px\n\n@paddingLarge: 11px 19px; // 44px\n@paddingSmall: 2px 10px; // 26px\n@paddingMini: 0 6px; // 22px\n\n@baseBorderRadius: 0;\n@borderRadiusLarge: 0;\n@borderRadiusSmall: 0;\n\n\n// Tables\n// -------------------------\n@tableBackground: transparent; // overall background-color\n@tableBackgroundAccent: @table-striped-background; // for striping\n@tableBackgroundHover: @table-hover-background; // for hover\n@tableBorder: @global-border; // table and cell border\n\n\n// Buttons\n// -------------------------\n@btnBackgroundHighlight: @button-active-background;\n@btnPrimaryBackgroundHighlight: @button-primary-active-background;\n@btnSuccessBackgroundHighlight: @button-success-active-background;\n@btnDangerBackgroundHighlight: @button-danger-active-background;\n\n\n// Forms\n// -------------------------\n@inputBackground: @form-background;\n@inputBorder: @form-border;\n@inputBorderRadius: @baseBorderRadius;\n@inputDisabledBackground: @form-disabled-background;\n@formActionsBackground: @panel-box-background;\n@inputHeight: @baseLineHeight + 10px; // base line-height + 8px vertical padding + 2px top/bottom border\n\n\n// Dropdowns\n// -------------------------\n@dropdownBackground: @dropdown-background;\n@dropdownBorder: rgba(0,0,0,0);\n@dropdownDividerTop: rgba(0,0,0,0);\n@dropdownDividerBottom: @nav-dropdown-divider-border;\n\n@dropdownLinkColor: @nav-dropdown-color;\n@dropdownLinkColorHover: @nav-dropdown-hover-color;\n@dropdownLinkColorActive: @nav-dropdown-color;\n\n@dropdownLinkBackgroundActive: @nav-dropdown-hover-background;\n@dropdownLinkBackgroundHover: @nav-dropdown-hover-background;\n\n\n\n// COMPONENT VARIABLES\n// --------------------------------------------------\n\n\n// Input placeholder text color\n// -------------------------\n@placeholderText: @form-placeholder-color;\n\n\n// Hr border color\n// -------------------------\n@hrBorder: @global-border;\n\n\n// Horizontal forms & lists\n// -------------------------\n@horizontalComponentOffset: 180px;\n\n\n// Navbar\n// -------------------------\n@navbarBackground: @navbar-background;\n@navbarBackgroundHighlight: lighten(@navbar-background, 10%);\n@navbarBorder: darken(@navbar-background, 10%);\n\n@navbarText: @navbar-nav-color;\n@navbarLinkColor: @navbar-nav-color;\n@navbarLinkColorHover: @navbar-nav-color;\n@navbarLinkColorActive: @navbar-nav-color;\n@navbarLinkBackgroundHover: @navbar-nav-hover-background;\n@navbarLinkBackgroundActive: @navbar-nav-active-background;\n\n@navbarBrandColor: @navbar-brand-color;\n\n// Inverted navbar\n@navbarInverseBackground: @navbar-background;\n@navbarInverseBackgroundHighlight: lighten(@navbar-background, 10%);\n@navbarInverseBorder: darken(@navbar-background, 10%);\n\n@navbarInverseText: @navbar-nav-color;\n@navbarInverseLinkColor: @navbar-nav-color;\n@navbarInverseLinkColorHover: @navbar-nav-color;\n@navbarInverseLinkColorActive: @navbar-nav-color;\n@navbarInverseLinkBackgroundHover: @navbar-nav-hover-background;\n@navbarInverseLinkBackgroundActive: @navbar-nav-active-background;\n\n@navbarInverseSearchBackground: @global-background;\n@navbarInverseSearchBackgroundFocus: @form-focus-background;\n@navbarInverseSearchBorder: @form-border;\n@navbarInverseSearchPlaceholderColor: @form-placeholder-color;\n\n@navbarInverseBrandColor: @navbar-brand-color;\n\n\n// Pagination\n// -------------------------\n@paginationBackground: @global-background;\n@paginationBorder: @global-border;\n@paginationActiveBackground: @pagination-active-background;\n\n\n// Hero unit\n// -------------------------\n@heroUnitHeadingColor: inherit;\n@heroUnitLeadColor: inherit;\n\n\n// Form states and alerts\n// -------------------------\n@warningText: @alert-warning-color;\n@warningBackground: @alert-warning-background;\n@warningBorder: fade(@alert-warning-color, 30%);\n\n@errorText: @alert-danger-color;\n@errorBackground: @alert-danger-background;\n@errorBorder: fade(@alert-danger-color, 30%);\n\n@successText: @alert-success-color;\n@successBackground: @alert-success-background;\n@successBorder: fade(@alert-success-color, 30%);\n\n@infoText: @alert-color;\n@infoBackground: @alert-background;\n@infoBorder: fade(@alert-color, 30%);\n\n\n// Tooltips and popovers\n// -------------------------\n@tooltipColor: @tooltip-color;\n@tooltipBackground: @tooltip-background;\n@tooltipArrowColor: @tooltip-background;\n\n@popoverBackground: @panel-box-background;\n@popoverArrowColor: @panel-box-background;\n@popoverTitleBackground: darken(@panel-box-background, 5%);\n\n\n// IcoMoon\n// -------------------------\n@font-face {\n font-family: \'IcoMoon\';\n src: url("/media/jui/fonts/IcoMoon.eot");\n src: url("/media/jui/fonts/IcoMoon.eot?#iefix") format(\'embedded-opentype\'),\n url("/media/jui/fonts/IcoMoon.woff") format(\'woff\'),\n url("/media/jui/fonts/IcoMoon.ttf") format(\'truetype\'),\n url("/media/jui/fonts/IcoMoon.svg#IcoMoon") format(\'svg\');\n font-weight: normal;\n font-style: normal;\n}\n\n// Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */\n\n/* ========================================================================\n Name: Bootstrap layer\n Description: Compatibility layer to match UIkit and Bootstrap style\n ========================================================================== */\n\n@bs-input-height: 20px;\n@bs-control-input-height: @bs-input-height;\n@bs-button-height: 22px;\n\n\n/* Button overrides\n ========================================================================== */\n\n.btn {\n /* Reset */\n border: none; /* Todo */\n border-radius: 0;\n border-color: transparent;\n box-shadow: none;\n text-shadow: none;\n /* Overrides */\n line-height: @bs-button-height;\n background: @button-background;\n color: @button-color;\n .hook-button;\n}\n\n.btn:hover,\n.btn:focus {\n /* Reset */\n background-position: 0 0;\n -webkit-transition: none;\n transition: none;\n /* Overrides */\n background-color: @button-hover-background;\n color: @button-hover-color;\n .hook-button-hover;\n}\n\n.btn.active,\n.btn:active {\n /* Reset */\n box-shadow: none;\n /* Overrides */\n background-color: @button-active-background;\n color: @button-active-color;\n .hook-button-active;\n}\n\n/* Primary */\n.btn-primary,\n.btn-info,\n.btn-inverse {\n background-color: @button-primary-background;\n color: @button-primary-color;\n .hook-button-primary;\n}\n\n.btn-primary:hover,\n.btn-info:hover,\n.btn-inverse:hover {\n background-color: @button-primary-hover-background;\n color: @button-primary-hover-color;\n .hook-button-primary-hover;\n}\n\n.btn-primary:active, .btn-primary.active,\n.btn-info:active, .btn-info.active,\n.btn-inverse:active, .btn-inverse.active {\n background-color: @button-primary-active-background;\n color: @button-primary-active-color;\n .hook-button-primary-active;\n}\n\n/* Danger */\n.btn-danger,\n.btn-warning {\n background-color: @button-danger-background;\n color: @button-danger-color;\n .hook-button-danger;\n}\n\n.btn-danger:hover,\n.btn-warning:hover {\n background-color: @button-danger-hover-background;\n color: @button-danger-hover-color;\n .hook-button-danger-hover;\n}\n\n.btn-danger:active, .btn-danger.active,\n.btn-warning:active, .btn-warning.active {\n background-color: @button-danger-active-background;\n color: @button-danger-active-color;\n .hook-button-danger-active;\n}\n\n/* Success */\n.btn-success {\n background-color: @button-success-background;\n color: @button-success-color;\n .hook-button-success;\n}\n\n.btn-success:hover {\n background-color: @button-success-hover-background;\n color: @button-success-hover-color;\n .hook-button-success-hover;\n}\n\n.btn-success:active, .btn-success.active {\n background-color: @button-success-active-background;\n color: @button-success-active-color;\n .hook-button-success-active;\n}\n\n/* Disabled */\n.btn.disabled,\n.btn[disabled] {\n background-color: @button-disabled-background;\n color: @button-disabled-color;\n .hook-button;\n .hook-button-disable;\n}\n\n/* Link */\n.btn-link,\n.btn-link:hover,\n.btn-link:focus,\n.btn-link:active,\n.btn-link.uk-active,\n.btn-link:disabled {\n display: inline;\n border: none;\n background: none;\n .hook-button-link;\n}\n\n/* Color */\n.btn-link { color: @button-link-color; }\n.btn-link:hover,\n.btn-link:focus,\n.btn-link:active,\n.btn-link.uk-active { color: @button-link-hover-color; }\n.btn-link:disabled { color: @button-link-disabled-color; }\n\n// Button Sizes\n// Large\n.btn-large { .hook-button-large; }\n\n/* Dropdown caret */\n.btn .caret {\n /* Reset */\n margin-bottom: 0;\n /* Overrides */\n border-top-color: @button-color;\n}\n\n// Icons\n.btn [class^="icon-"],\n.btn [class*=" icon-"] {\n margin-top: (@bs-button-height - 14px) / 2; /* 14px = icon height */\n vertical-align: top;\n}\n\n.caret {\n /* Reset */\n margin-top: 0 !important;\n /* Override */\n vertical-align: middle !important;\n}\n\n\n/* Button group overrides\n ========================================================================== */\n\n.btn-group > .btn + .dropdown-toggle { box-shadow: none; }\n\n.btn-group.open {\n\n .btn.dropdown-toggle { .hook-button-active; }\n .btn-primary.dropdown-toggle { .hook-button-primary-active; }\n .btn-danger.dropdown-toggle { .hook-button-danger-active;}\n .btn-success.dropdown-toggle { .hook-button-success-active; }\n\n}\n\n\n/* Form overrides\n ========================================================================== */\n\nselect,\ntextarea,\ninput[type="text"],\ninput[type="password"],\ninput[type="datetime"],\ninput[type="datetime-local"],\ninput[type="date"],\ninput[type="month"],\ninput[type="time"],\ninput[type="week"],\ninput[type="number"],\ninput[type="email"],\ninput[type="url"],\ninput[type="search"],\ninput[type="tel"],\ninput[type="color"],\n.uneditable-input {\n /* Reset */\n border-radius: 0;\n box-shadow: none;\n /* Overrides */\n height: @bs-input-height;\n line-height: @bs-input-height;\n color: @form-color;\n .hook-form;\n\n &:focus {\n /* Reset */\n box-shadow: none;\n /* Overrides */\n border-color: @form-focus-border;\n outline: 0;\n background: @form-focus-background;\n .hook-form-focus;\n }\n}\n\nselect { border-color: @form-border; }\n\nselect, input[type="file"] {\n height: auto;\n line-height: auto;\n}\n\n.input-append input { border-radius: @baseBorderRadius 0 0 @baseBorderRadius; }\n\n.input-append .add-on,\n.input-prepend .add-on {\n /* Reset */\n text-shadow: none;\n /* Overrides */\n height: @bs-input-height;\n line-height: @bs-input-height;\n border-color: @form-border;\n background-color: darken(@form-background, 5%);\n}\n\n.row-fluid input[class*="span"] { min-height: @bs-input-height; }\n\n.input-append .add-on:first-child,\n.input-append .btn:first-child,\n.input-prepend .add-on:first-child,\n.input-prepend .btn:first-child,\n.input-prepend.input-append .add-on:first-child,\n.input-prepend.input-append .btn:first-child { border-radius: @baseBorderRadius 0 0 @baseBorderRadius; }\n\n.input-append,\n.input-prepend {\n\n > .btn { position: relative; }\n\n > .btn:hover,\n > .btn:focus,\n > .btn:active,\n > .btn.active { z-index: 2; }\n\n}\n\n.input-append .add-on:last-child,\n.input-append .btn:last-child,\n.input-prepend .add-on:last-child,\n.input-prepend .btn:last-child,\n.input-prepend.input-append .add-on:last-child,\n.input-prepend.input-append .btn:last-child { border-radius: 0 @baseBorderRadius @baseBorderRadius 0; }\n\n.input-block-level { min-height: auto; }\n\ninput.search-query { border-radius: @baseBorderRadius; }\n\n.form-search .input-append .search-query { border-radius: @baseBorderRadius 0 0 @baseBorderRadius; }\n.form-search .input-append .btn { border-radius: 0 @baseBorderRadius @baseBorderRadius 0; }\n.form-search .input-prepend .search-query { border-radius: 0 @baseBorderRadius @baseBorderRadius 0; }\n.form-search .input-prepend .btn { border-radius: @baseBorderRadius 0 0 @baseBorderRadius; }\n\n.control-group.warning input,\n.control-group.warning select,\n.control-group.warning textarea,\n.control-group.error input,\n.control-group.error select,\n.control-group.error textarea {\n box-shadow: none;\n border-color: @form-danger-border !important;\n background: @form-danger-background !important;\n color: @form-danger-color !important;\n .hook-form-danger;\n\n &:focus { box-shadow: none; }\n}\n\n.control-group input {\n height: @bs-control-input-height;\n min-height: @bs-control-input-height !important;\n line-height: @bs-control-input-height;\n}\n\n.control-group.warning,\n.control-group.error {\n label,\n .help-block,\n .help-inline { color: @form-danger-color; }\n}\n\n.control-group.success input,\n.control-group.success select,\n.control-group.success textarea {\n box-shadow: none;\n border-color: @form-success-border !important;\n background: @form-success-background !important;\n color: @form-success-color !important;\n .hook-form-success;\n\n &:focus { box-shadow: none; }\n}\n\n.control-group.success {\n label,\n .help-block,\n .help-inline { color: @form-success-color; }\n}\n\n.form-actions { border: none; }\n\n\n/* Dropdown overrides\n ========================================================================== */\n\n.dropdown-menu {\n /* Reset */\n border-radius: 0;\n border: none;\n box-shadow: none;\n /* Overrides */\n margin-top: @dropdown-margin-top;\n padding: @dropdown-padding;\n background: @dropdown-background;\n .hook-dropdown;\n}\n\n.dropdown-menu > li > a {\n /* Reset */\n font-weight: inherit;\n line-height: inherit;\n /* Overrides */\n color: @nav-side-color;\n padding: @nav-padding-vertical @nav-padding-horizontal;\n}\n\n.dropdown-menu > li > a:hover,\n.dropdown-menu > li > a:focus,\n.dropdown-submenu:hover > a,\n.dropdown-submenu:focus > a {\n background: @nav-dropdown-hover-background;\n .hook-nav-dropdown-hover;\n}\n\n.dropdown-menu > .active > a,\n.dropdown-menu > .active > a:hover,\n.dropdown-menu > .active > a:focus {\n background: @nav-dropdown-hover-background;\n .hook-nav-dropdown-hover;\n}\n\n\n/* Well overrides\n ========================================================================== */\n\n.well {\n /* Reset */\n border: none;\n border-radius: 0;\n box-shadow: none;\n /* Overrides */\n padding: @panel-box-padding !important;\n background: @panel-box-background;\n .hook-panel-box;\n}\n\n\n/* Hero-unit overrides\n ========================================================================== */\n\n.hero-unit {\n /* Reset */\n border-radius: 0;\n /* Overrides */\n background: @panel-box-background;\n .hook-panel-box;\n}\n\n\n/* Tooltip overrides\n ========================================================================== */\n\n.tooltip.in { opacity: 1; }\n\n\n/* Alert overrides\n ========================================================================== */\n\n.alert {\n /* Reset */\n border-radius: 0;\n border: none;\n text-shadow: none;\n /* Overrides */\n background: @alert-warning-background;\n color: @alert-warning-color;\n .hook-alert;\n .hook-alert-warning;\n}\n\n.alert-success {\n background: @alert-success-background;\n color: @alert-success-color;\n .hook-alert-success;\n}\n\n.alert-danger,\n.alert-error {\n background: @alert-danger-background;\n color: @alert-danger-color;\n .hook-alert-danger;\n}\n\n.alert-info {\n background: @alert-background;\n color: @alert-color;\n .hook-alert;\n}\n\n\n/* Badge overrides\n ========================================================================== */\n\n.label,\n.badge {\n /* Reset */\n text-shadow: none;\n /* Overrides */\n padding: 0 @badge-padding-horizontal;\n background: @badge-background;\n font-size: @badge-font-size;\n line-height: @badge-line-height;\n color: @badge-color;\n text-align: center;\n font-weight: @badge-font-weight;\n vertical-align: middle;\n .hook-badge;\n}\n\n.badge {\n /* Overrides */\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n min-width: @badge-notification-line-height;\n border-radius: 500px;\n font-size: @badge-notification-font-size;\n line-height: @badge-notification-line-height;\n}\n\n.label,\n.badge {\n &-important {\n background-color: @badge-danger-background;\n .hook-badge-danger;\n }\n &-warning {\n background-color: @badge-warning-background;\n .hook-badge-warning;\n }\n &-success {\n background-color: @badge-success-background;\n .hook-badge-success;\n }\n}\n\n\n/* Progress overrides\n ========================================================================== */\n\n.progress {\n /* Reset */\n border-radius: 0;\n box-shadow: none;\n /* Overrides */\n background: @progress-background;\n .hook-progress;\n}\n\n.progress .bar {\n /* Reset */\n text-shadow: none;\n box-shadow: none;\n background-image: none;\n /* Overrides */\n background-color: @progress-bar-background;\n color: @progress-bar-color;\n .hook-progress-bar;\n}\n\n.progress-danger .bar, .progress .bar-danger,\n.progress-danger.progress-striped .bar, .progress-striped .bar-danger {\n background-color: @progress-bar-danger-background;\n .hook-progress-bar-danger;\n}\n\n.progress-success .bar, .progress .bar-success,\n.progress-success.progress-striped .bar, .progress-striped .bar-success {\n background-color: @progress-bar-success-background;\n .hook-progress-bar-success;\n}\n\n.progress-info .bar, .progress .bar-info,\n.progress-info.progress-striped .bar, .progress-striped .bar-info {\n background-color: @progress-bar-background;\n .hook-progress-bar;\n}\n\n.progress-warning .bar, .progress .bar-warning,\n.progress-warning.progress-striped .bar, .progress-striped .bar-warning {\n background-color: @progress-bar-warning-background;\n .hook-progress-bar-warning;\n}\n\n.progress .bar + .bar { box-shadow: none; }\n\n.progress-striped .bar {\n background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n}\n\n/* Navbar overrides\n ========================================================================== */\n\n.navbar-inverse .brand,\n.navbar-inverse .nav > li > a { text-shadow: none; }\n\n\n/* Navs overrides\n ========================================================================== */\n\n.nav > li > a {\n color: @subnav-color;\n .hook-subnav;\n}\n\n.nav > li > a:hover,\n.nav > li > a:focus {\n color: @subnav-hover-color;\n .hook-subnav-hover;\n}\n\n.nav-header {\n text-shadow: none;\n color: @nav-side-header-color;\n}\n\n/*\n * List\n */\n\n.nav-list > li > a {\n /* Reset */\n text-shadow: none;\n /* Override */\n color: @nav-side-color;\n .hook-nav-side;\n}\n\n.nav-list .nav-header {\n /* Reset */\n text-shadow: none;\n /* Override */\n color: @nav-side-header-color;\n .hook-nav-side-header;\n}\n\n.nav-list > li > a:hover,\n.nav-list > li > a:focus {\n background: @nav-side-hover-background;\n color: @nav-side-hover-color;\n .hook-nav-side-hover;\n}\n\n.nav-list > .active > a,\n.nav-list > .active > a:hover,\n.nav-list > .active > a:focus {\n text-shadow: none;\n color: @nav-side-active-color;\n background-color: @nav-side-active-background;\n}\n\n.nav-list .divider {\n border-color: @nav-dropdown-divider-border;\n background: transparent;\n}\n\n/*\n * Pills\n */\n\n.nav-pills > li > a {\n /* Reset */\n border-radius: 0;\n line-height: inherit;\n /* Override */\n padding: @subnav-pill-padding-vertical @subnav-pill-padding-horizontal;\n .hook-subnav-pill;\n}\n\n.nav-pills > li > a:hover {\n background: @subnav-pill-hover-background;\n color: @subnav-pill-hover-color;\n .hook-subnav-pill-hover;\n}\n\n.nav-pills > .active > a,\n.nav-pills > .active > a:hover,\n.nav-pills > .active > a:focus {\n /* Overrides */\n background: @subnav-pill-active-background;\n color: @subnav-pill-active-color;\n .hook-subnav-pill-active;\n}\n\n.nav-pills li.dropdown a:hover .caret,\n.nav-pills li.dropdown a:focus .caret {\n border-top-color: @subnav-pill-hover-color;\n border-bottom-color: @subnav-pill-hover-color;\n}\n\n/* Open dropdowns */\n.nav-pills li.dropdown.open .caret,\n.nav-pills li.dropdown.open.active .caret,\n.nav-pills li.dropdown.open a:hover .caret,\n.nav-pills li.dropdown.open a:focus .caret {\n border-top-color: @subnav-pill-hover-color;\n border-bottom-color: @subnav-pill-hover-color;\n}\n\n.nav-pills .open .dropdown-toggle {\n background: @subnav-pill-hover-background;\n color: @subnav-pill-hover-color;\n .hook-subnav-pill-hover;\n}\n\n.nav-pills .dropdown-menu { border-radius: @baseBorderRadius; }\n\n.nav-pills .dropdown-toggle .caret { margin-left: 5px; }\n\n/*\n * Tabs Stacked\n */\n\n.nav-tabs.nav-stacked > li > a {\n border-color: @tab-border;\n border-radius: 0;\n}\n\n.nav-tabs.nav-stacked > li:first-child > a { border-top-radius: @baseBorderRadius; }\n.nav-tabs.nav-stacked > li:last-child > a { border-bottom-radius: @baseBorderRadius; }\n.nav-tabs.nav-stacked > li > a:hover,\n.nav-tabs.nav-stacked > li > a:focus {\n border-color: @tab-border;\n z-index: 2;\n}\n\n/*\n * Tabs\n */\n\n.nav-tabs { border-bottom: 1px solid @tab-border; }\n\n.nav-tabs > li > a {\n\n border-radius: @baseBorderRadius @baseBorderRadius 0 0;\n /* Overrides */\n padding: @tab-padding-top @tab-padding-horizontal @tab-padding-bottom @tab-padding-horizontal;\n\n &:hover {\n border-color: @tab-hover-border;\n border-bottom-color: @tab-border;\n background: @tab-hover-background;\n color: @tab-hover-color;\n .hook-tab-hover;\n }\n\n}\n\n.nav-tabs > .active > a,\n.nav-tabs > .active > a:hover,\n.nav-tabs > .active > a:focus {\n color: @tab-active-color;\n background-color: @tab-active-background;\n border: 1px solid @tab-border;\n border-bottom-color: transparent;\n .hook-tab-active;\n}\n\n.tabs-below > .nav-tabs { border-top: 1px solid @tab-border; }\n.tabs-below > .nav-tabs > li > a {\n\n border-radius: 0 0 @baseBorderRadius @baseBorderRadius;\n\n &:hover {\n border-color: @tab-hover-border;\n border-top-color: @tab-border;\n }\n\n}\n\n.tabs-below > .nav-tabs > .active > a,\n.tabs-below > .nav-tabs > .active > a:hover,\n.tabs-below > .nav-tabs > .active > a:focus { border-color: transparent @tab-border @tab-border @tab-border; }\n\n.tabs-left > .nav-tabs { border-right: 1px solid @tab-border; }\n.tabs-left > .nav-tabs > li > a {\n\n border-radius: @baseBorderRadius 0 0 @baseBorderRadius;\n\n &:hover {\n border-color: @tab-hover-border;\n border-right-color: @tab-border;\n }\n\n}\n\n.tabs-left > .nav-tabs .active > a,\n.tabs-left > .nav-tabs .active > a:hover,\n.tabs-left > .nav-tabs .active > a:focus { border-color: @tab-border transparent @tab-border @tab-border; }\n\n.tabs-right > .nav-tabs { border-left: 1px solid @tab-border; }\n.tabs-right > .nav-tabs > li > a {\n\n border-radius: 0 @baseBorderRadius @baseBorderRadius 0;\n\n &:hover {\n border-color: @tab-hover-border;\n border-left-color: @tab-border;\n }\n\n}\n\n.tabs-right > .nav-tabs .active > a,\n.tabs-right > .nav-tabs .active > a:hover,\n.tabs-right > .nav-tabs .active > a:focus { border-color: @tab-border @tab-border @tab-border transparent; }\n\n/*\n * Dropdowns\n */\n\n.nav-tabs .dropdown-menu { border-radius: 0 0 @baseBorderRadius @baseBorderRadius; }\n\n/* Open dropdowns */\n.nav-tabs .open .dropdown-toggle {\n /* Overrides */\n border-color: @tab-hover-border;\n background: @tab-hover-background;\n color: @tab-hover-color;\n .hook-tab-hover;\n}\n\n.nav-tabs li.dropdown.open .caret,\n.nav-tabs li.dropdown.open.active .caret,\n.nav-tabs li.dropdown.open a:hover .caret,\n.nav-tabs li.dropdown.open a:focus .caret {\n border-top-color: @tab-hover-color;\n border-bottom-color: @tab-hover-color;\n}\n\n.nav-tabs .dropdown-toggle .caret { margin-left: 5px; }\n\n\n/* Breadcrumb overrides\n ========================================================================== */\n\n.breadcrumb {\n background-color: @panel-box-background;\n > li > .divider { color: inherit; }\n > .active { color: @global-muted-color; }\n}\n\n.breadcrumb li { text-shadow: none; }\n\n\n/* Accordion overrides\n ========================================================================== */\n\n.accordion-group { border-color: @tab-border; }\n\n.accordion-inner { border-top-color: @tab-border; }\n\n\n/* Pager overrides\n ========================================================================== */\n\n.pager li > a,\n.pager li > span {\n border: none;\n background-color: @pagination-background;\n border-radius: @baseBorderRadius;\n color: @pagination-color;\n}\n\n.pager li > a:hover,\n.pager li > a:focus {\n background-color: @pagination-hover-background;\n color: @pagination-hover-color;\n}\n\n.pager .disabled > a,\n.pager .disabled > a:hover,\n.pager .disabled > a:focus,\n.pager .disabled > span {\n color: @pagination-disabled-color;\n background-color: @pagination-disabled-background;\n}\n\n\n/* Pagination overrides\n ========================================================================== */\n\n.pagination ul { box-shadow: none; }\n\n.pagination ul > li > a:hover,\n.pagination ul > li > a:focus,\n.pagination ul > .active > a,\n.pagination ul > .active > span { background-color: transparent; }\n\n\n/* Scaffolding overrides\n ========================================================================== */\n\n.img-polaroid {\n background-color: @panel-box-background;\n border-color: @global-border;\n box-shadow: none;\n}\n\n\n/* Thumbnail overrides\n ========================================================================== */\n\n.thumbnail {\n border-color: @thumbnail-border;\n box-shadow: none;\n}\n\na.thumbnail:hover,\na.thumbnail:focus {\n border-color: @thumbnail-hover-border;\n box-shadow: none;\n}\n\n.thumbnail .caption { color: @thumbnail-caption-color; }\n\n\n/* Modal overrides\n ========================================================================== */\n\n.modal-backdrop { background: @modal-background; }\n\ndiv.modal {\n /* Reset */\n border: none;\n box-shadow: none;\n /* Overrides */\n border-radius: @baseBorderRadius;\n background: @modal-dialog-background;\n .hook-modal-dialog;\n}\n\n.modal-header { border-color: @global-border; }\n\n.modal-footer {\n background: @panel-box-background;\n border-color: @global-border;\n border-radius: 0 0 @baseBorderRadius @baseBorderRadius;\n box-shadow: none;\n}\n\n\n/* Table overrides\n ========================================================================== */\n\n.table tbody tr {\n &.success td {\n color: @alert-success-color;\n }\n &.error td {\n color: @alert-danger-color;\n }\n &.warning > td {\n color: @alert-warning-color;\n }\n &.info td {\n color: @alert-color;\n }\n}\n\n\n/* Code\n ========================================================================== */\n\ncode { .hook-base-code; }\n\npre { .hook-base-pre; }\n\n\n/* Close\n ========================================================================== */\n\n.close {\n color: inherit;\n &:hover,\n &:focus {\n color: inherit;\n }\n}\n\n\n/* Joomla Bootstrap Extended\n ========================================================================== */\n\na.disabled,\na.disabled:hover {\n background-color: @button-disabled-background;\n color: @button-disabled-color;\n .hook-button;\n .hook-button-disable;\n}\n// Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */\n\n/* ========================================================================\n Name: Bootstrap fix\n Description: Compatibility layer for Bootstrap\n ========================================================================== */\n\n/* Fixes Bootstrap defacement caused by UIkit\n ========================================================================== */\n\nbody {\n padding-left: 0;\n padding-right: 0;\n background-color: transparent;\n font: inherit;\n color: inherit;\n}\n\nul.inline, ol.inline,\nul.unstyled, ol.unstyled,\n.list-striped, .list-condensed,\n.nav:not(.nav-list),\n.pager, .pagination ul { padding-left: 0; }\n\n\n/* Fixes UIkit defacement caused by Bootstrap\n ========================================================================== */\n\n/*\n * Base\n */\n\nli, dt, dd { line-height: @global-line-height; }\n\npre {\n border: 0;\n border-radius: 0;\n}\n\ncode {\n padding: 0;\n border: none;\n border-radius: 0;\n background: none;\n}\n\nq:before { content: open-quote; }\nq:after { content: close-quote; }\n\nblockquote p {\n font-size: inherit;\n font-weight: inherit;\n line-height: inherit;\n}\n\nblockquote small { line-height: inherit; }\nblockquote small:before { content: \'\'; }\n\npre code {\n border: 0;\n background-color: inherit;\n padding: 0;\n}\n\niframe { max-width: none; }\n\n/*\n * Form\n */\n\n.uk-form { margin: 0; }\n\n.uk-form label {\n display: inline-block;\n margin: 0;\n line-height: @global-line-height;\n font-family: @base-body-font-family;\n font-size: @global-font-size;\n font-weight: normal;\n}\n\n.uk-form legend {\n display: inline-block;\n margin-bottom: 0;\n color: inherit;\n}\n\n.uk-form input:not([class*=\'uk-form-width-\']):not([class*=\'uk-width-\']):not([type="radio"]):not([type="checkbox"]),\n.uk-form select:not([class*=\'uk-form-width-\']):not([class*=\'uk-width-\']),\n.uk-form textarea:not([class*=\'uk-form-width-\']):not([class*=\'uk-width-\']) { width: auto; }\n\n.uk-form select,\n.uk-form textarea,\n.uk-form input[type="text"],\n.uk-form input[type="password"],\n.uk-form input[type="datetime"],\n.uk-form input[type="datetime-local"],\n.uk-form input[type="date"],\n.uk-form input[type="month"],\n.uk-form input[type="time"],\n.uk-form input[type="week"],\n.uk-form input[type="number"],\n.uk-form input[type="email"],\n.uk-form input[type="url"],\n.uk-form input[type="search"],\n.uk-form input[type="tel"],\n.uk-form input[type="color"] {\n height: auto;\n margin: 0;\n border-radius: 0;\n background: none;\n box-shadow: none;\n\n /* Focus state */\n &:focus { box-shadow: none; }\n\n}\n\n.uk-form input[type="file"] { height: auto; }\n\n.uk-form input[type="radio"],\n.uk-form input[type="checkbox"] { vertical-align: baseline; }\n\n/*\n * Utility\n */\n\n.uk-link-reset:focus,\n.uk-link-reset a:focus { text-decoration: none; }\n\n/*\n * Search\n * Define defaults because search is an addon and may not been loaded by the theme\n */\n\n@search-width: 120px;\n@search-height: 30px;\n@search-padding: 30px;\n@search-border: rgba(0,0,0,0);\n@search-border-width: 1px;\n@search-background: rgba(0,0,0,0);\n@search-color: #444;\n@offcanvas-search-background: #1a1a1a;\n@offcanvas-search-border: rgba(0,0,0,0);\n@offcanvas-search-color: #ccc;\n.hook-search-field() {}\n.hook-search-field-focus() {}\n.hook-offcanvas-search-field() {}\n\ninput.uk-search-field {\n /* Reset */\n -webkit-appearance: none;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n margin: 0;\n border-radius: 0;\n box-shadow: none;\n font-size: @global-font-size;\n line-height: normal;\n /* Override */\n width: @search-width;\n height: @search-height;\n padding: 0 0 0 @search-padding;\n border: @search-border-width solid @search-border;\n background: @search-background;\n color: @search-color;\n -webkit-transition: all linear 0.2s;\n transition: all linear 0.2s;\n /* Override for themes */\n .hook-search-field;\n}\n\ninput.uk-search-field:focus {\n /* Reset */\n border: @search-border-width solid @search-border;\n background: @search-background;\n box-shadow: none;\n /* Override */\n outline: 0;\n /* Override for themes */\n .hook-search-field-focus;\n}\n\n.uk-offcanvas input.uk-search-field {\n /* Override */\n width: 100%;\n border-color: @offcanvas-search-border;\n background: @offcanvas-search-background;\n color: @offcanvas-search-color;\n /* Override for themes */\n .hook-offcanvas-search-field;\n}\n\n/*\n * Fixed off-canvas for Windows phones\n */\n\n@-ms-viewport{\n width: auto;\n}\n\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n@bs-button-height: 24px;\n@bs-input-height: (@bs-button-height + 2px);\n\n/* Form overrides\n ========================================================================== */\n\n.input-append.input-prepend input { height: 36px; }\n\n\n// Load UIkit theme\n// ========================================================================\n\n// LESS related\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Variables\n//\n// ========================================================================\n\n\n// Global variables\n// ========================================================================\n\n//\n// Text\n//\n\n@global-color: #808080;\n@global-default-color: #2a2a2a;\n@global-primary-color: #edb96c;\n@global-secondary-color: #4c368b;\n@global-muted-color: #bebebe;\n@global-disabled-color: #c6c6c6;\n@global-contrast-color: #fff;\n\n@global-title-color:\t\t\t\t\t\t\t#2a2a2a;\n@global-nav-color: \t\t\t\t\t\t\t\t#818181;\n@global-link-color:\t\t\t\t\t\t\t\t@global-primary-color;\n@global-link-hover-color: \t\t\t\t\t\t@global-secondary-color;\n\n@global-font-size: 17px;\n@global-line-height: 28px;\n@global-font-weight: 300;\n\n@global-font-family: \'PT Sans\', sans-serif;\n@global-title-font-family: \'Open Sans\', sans-serif;\n\n//\n// Backgrounds & Borders\n//\n\n@global-background: #fff;\n@global-primary-background: #4c368b;\n@global-secondary-background: #2a2a2a;\n@global-disabled-background: #fafafa;\n@global-muted-background: \t#fafafa;\n@global-success-background: #4fd2c2;\n@global-warning-background: #f0a200;\n@global-danger-background: #9c26b0;\n\n@global-dropdown-background: #f9f9f9;\n\n@global-border: #f1f1f1;\n\n//\n// Spacings\n//\n\n@global-margin: 30px;\n@global-margin-small: 20px;\n@global-margin-large: 40px;\n@global-grid-gutter: 30px;\n@global-grid-gutter-large: 40px;\n\n//\n// Controls\n//\n\n@global-height: 40px;\n\n//\n// Z-index\n//\n\n@global-z-index: 1000;\n\n\n// Internal Global variables\n// ==========================================================================\n\n// todo: testen ob die es notwendig ist\n@global-image-path: \'images\';\n@global-style: \'default\';\n\n\n// Defaults\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Base\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@base-body-background: @global-background;\n@base-body-font-family: @global-font-family;\n@base-body-font-weight:\t\t\t\t\t\t\t@global-font-weight;\n@base-body-font-style: italic;\n@base-body-font-size:\t\t\t\t\t\t\t@global-font-size;\n@base-body-line-height: @global-line-height;\n@base-body-color: @global-color;\n\n@base-link-color: @global-link-color;\n@base-link-hover-color: @global-link-hover-color;\n@base-link-hover-text-decoration: none;\n\n@base-heading-font-family: @global-title-font-family;\n@base-heading-color: @global-title-color;\n\n@base-h2-font-size: 20;\n@base-h2-line-height: 30px;\n\n@base-hr-border: @global-border;\n\n@base-blockquote-padding-left: 0;\n@base-blockquote-border: transparent;\n@base-blockquote-border-width: 0;\n@base-blockquote-font-size: 22px;\n@base-blockquote-line-height: 32px;\n\n//\n// New\n//\n\n@base-blockquote-font-family: @global-title-font-family;\n@base-heading-small-font-family: @global-font-family;\n@base-strong-font-weight: bold;\n\n@base-medium-h2-font-size: (@base-h2-font-size + 4px);\n@base-medium-h2-line-height: (@base-h2-line-height + 4px);\n\n// Body\n// ========================================================================\n\n.hook-base-body() { font-style: @base-body-font-style; }\n\n\n// Text-level semantics\n// ========================================================================\n\n.hook-base-code() {}\n\n\n// Headings\n// ========================================================================\n\n.hook-base-h1() { font-family: @base-heading-font-family; }\n\n.hook-base-h2() { font-family: @base-heading-font-family; }\n\n.hook-base-h3() { font-family: @base-heading-small-font-family; }\n\n.hook-base-h4() { font-family: @base-heading-small-font-family; }\n\n.hook-base-h5() { font-family: @base-heading-small-font-family; }\n\n.hook-base-h6() { font-family: @base-heading-small-font-family; }\n\n\n// Preformatted text\n// ========================================================================\n\n.hook-base-pre() {}\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-base-misc() {\n\n blockquote {\n text-align: center;\n font-family: @base-blockquote-font-family;\n }\n\n small { font-size: 60%; }\n\n strong { font-weight: @base-strong-font-weight; }\n\n // Tablet and bigger\n @media (min-width: @breakpoint-medium) {\n\n h2, .uk-h2 {\n font-size: @base-medium-h2-font-size;\n line-height: @base-medium-h2-line-height;\n }\n\n }\n\n}\n\n\n// Layout\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Grid\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@grid-gutter-horizontal: @global-grid-gutter;\n@grid-gutter-vertical: @global-grid-gutter;\n\n@grid-gutter-large-horizontal: @global-grid-gutter-large;\n@grid-gutter-large-vertical: @global-grid-gutter-large;\n\n@grid-divider-border: darken(@global-border, 5%);\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-grid-misc() {}\n\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Panel\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@panel-title-font-weight: bold;\n@panel-title-color:\t\t\t\t\t\t\t\t@global-title-color;\n\n@panel-box-padding:\t\t\t\t\t\t\t\t@global-margin;\n\n@panel-box-background: #fff;\n@panel-box-title-color: @global-title-color;\n@panel-box-color: @global-color;\n@panel-box-badge-top: 0;\n@panel-box-badge-right: @panel-box-badge-top;\n\n@panel-box-hover-color: @global-default-color;\n\n@panel-box-primary-background: #2a2a2a;\n@panel-box-primary-color: @global-contrast-color;\n@panel-box-primary-title-color: @global-contrast-color;\n\n@panel-box-primary-hover-color: fade(@panel-box-primary-color, 80%);\n\n@panel-box-secondary-background: #fafafa;\n@panel-box-secondary-color: @global-color;\n@panel-box-secondary-title-color: @global-title-color;\n\n@panel-box-secondary-hover-color: @global-default-color;\n\n@panel-hover-padding:\t\t\t\t\t\t\t@panel-box-padding;\n@panel-hover-color: @global-color;\n@panel-hover-hover-background: @global-muted-background;\n@panel-hover-hover-color: @global-default-color;\n\n@panel-space-padding: @global-margin;\n\n@panel-header-title-border:\t\t\t\t\t\t@global-border;\n\n@panel-divider-gutter: @global-grid-gutter;\n@panel-divider-gutter-large: @global-grid-gutter-large;\n@panel-divider-border: @global-border;\n\n//\n// New\n//\n\n@panel-title-font-family: @global-font-family;\n\n@panel-box-primary-button-color:\t\t\t\t@global-contrast-color;\n@panel-box-primary-button-border-color: \t\t@global-contrast-color;\n@panel-box-primary-button-hover-color: @global-contrast-color;\n\n@panel-box-primary-link: @global-primary-color;\n@panel-box-primary-link-hover-color: \t\t\tfade(@panel-box-primary-link, 70%);\n\n\n// Sub-object: `uk-panel-title`\n// ========================================================================\n\n.hook-panel-title() { font-family: @panel-title-font-family; }\n\n\n// Sub-object: `uk-panel-badge`\n// ========================================================================\n\n.hook-panel-badge() {}\n\n\n// Modifier: `uk-panel-box`\n// ========================================================================\n\n.hook-panel-box() {}\n\n.hook-panel-box-hover() {}\n\n//\n// Sub-modifier: `uk-panel-box-primary`\n//\n\n.hook-panel-box-primary() {\n\n\th1,h2, h3, h4, h5, h6,\n .uk-article-lead { color: @panel-box-primary-title-color; }\n\n a:not(.uk-button),\n .uk-list a { color: @panel-box-primary-link; }\n\n a:not(.uk-button):hover,\n .uk-list a:hover { color: @panel-box-primary-link-hover-color; }\n\n .uk-button:not(.uk-button-primary) {\n \tcolor: @panel-box-primary-button-color;\n \tborder-color: @panel-box-primary-button-border-color;\n }\n\n .uk-button:hover:not(.uk-button-primary) {\n color: fade(@panel-box-primary-button-color, 70%);\n border-color: fade(@panel-box-primary-button-color, 70%);\n }\n\n}\n\n.hook-panel-box-primary-hover() {}\n\n//\n// Sub-modifier: `uk-panel-box-secondary`\n//\n\n.hook-panel-box-secondary() {}\n\n.hook-panel-box-secondary-hover() {}\n\n\n// Modifier: `uk-panel-hover`\n// ========================================================================\n\n.hook-panel-hover() {}\n\n.hook-panel-hover-hover() {}\n\n\n// Modifier: `uk-panel-header`\n// ========================================================================\n\n.hook-panel-header() {}\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-panel-misc() {\n\n\t.uk-panel-badge + * { margin-top: @global-margin; }\n\n .uk-panel-space .uk-panel-badge {\n top: 0;\n right: 0;\n }\n\n}\n\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Article\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@article-meta-font-size: \t\t\t\t\t\t15px;\n@article-meta-line-height:\t\t\t\t\t\t26px;\n@article-meta-color:\t\t\t\t\t\t\t@global-muted-color;\n\n@article-lead-color: @global-default-color;\n@article-lead-font-size: 24px;\n@article-lead-line-height: 36px;\n@article-lead-font-weight: @global-font-weight;\n\n@article-divider-border:\t\t\t\t\t\t@global-border;\n\n@article-margin-top: @global-grid-gutter-large;\n\n//\n// New\n//\n\n@article-meta-font-weight: normal;\n@article-subnav-line-border-color: @global-color;\n\n\n// Sub-object `uk-article-title`\n// ========================================================================\n\n.hook-article-title() {}\n\n\n// Sub-object `uk-article-meta`\n// ========================================================================\n\n.hook-article-meta() { font-weight: @article-meta-font-weight; }\n\n\n// Sub-object `uk-article-lead`\n// ========================================================================\n\n.hook-article-lead() {}\n\n\n// Sub-object `uk-article-divider`\n// ========================================================================\n\n.hook-article-divider() {}\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-article-misc() {\n\n .uk-article .uk-subnav-line > :nth-child(n+2):before { border-color: @article-subnav-line-border-color; }\n\n}\n\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Comment\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@comment-title-font-size:\t\t\t\t\t\t17px;\n@comment-meta-color:\t\t\t\t\t\t\t@global-muted-color;\n\n@comment-meta-font-size:\t\t\t\t\t\t15px;\n@comment-meta-line-height: 28px;\n@comment-header-margin-bottom: \t\t\t\t\t@global-margin-small;\n\n//\n// New\n//\n\n@comment-background:\t\t\t\t\t\t\t#fff;\n@comment-primary-shadow: \t\t\t\t\t\trgba(0, 0, 0, 0.1);\n\n\n// Component\n// ========================================================================\n\n.hook-comment() {\n\tpadding: @global-margin;\n\tbackground: @comment-background;\n}\n\n\n// Sub-object `uk-comment-header`\n// ========================================================================\n\n.hook-comment-header() {\n\tborder-bottom: 1px solid @global-border;\n\tpadding-bottom: @global-margin-small;\n}\n\n\n// Sub-object `uk-comment-avatar`\n// ========================================================================\n\n.hook-comment-avatar() { border-radius: 50%; }\n\n\n// Sub-object `uk-comment-title`\n// ========================================================================\n\n.hook-comment-title() {}\n\n\n// Sub-object `uk-comment-meta`\n// ========================================================================\n\n.hook-comment-meta() {}\n\n\n// Sub-object `uk-comment-body`\n// ========================================================================\n\n.hook-comment-body() {}\n\n\n// Sub-object `uk-comment-primary`\n// ========================================================================\n\n.hook-comment-primary() { box-shadow: 0 3px 10px @comment-primary-shadow; }\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-comment-misc() {}\n\n// Navs\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Nav\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@nav-padding-vertical: 8px;\n@nav-padding-horizontal: @global-margin;\n\n@nav-header-font-size: \t\t\t\t\t\t\t@global-font-size;\n@nav-header-text-transform: normal;\n\n@nav-subtitle-font-size:\t\t\t\t\t\t@global-font-size;\n\n@nav-sub-padding-vertical: 15px;\n\n@nav-side-color: @global-nav-color;\n@nav-side-hover-background: @global-muted-background;\n@nav-side-hover-color: @global-primary-color;\n@nav-side-active-background: @global-primary-background;\n@nav-side-active-color: @global-contrast-color;\n@nav-side-header-color: @global-title-color;\n@nav-side-divider-border: @global-border;\n@nav-side-divider-border-width: 2px;\n@nav-side-nested-color: @global-muted-color;\n@nav-side-nested-hover-color: @global-primary-color;\n\n@nav-dropdown-color: @global-nav-color;\n@nav-dropdown-hover-background: @global-primary-background;\n@nav-dropdown-hover-color: @global-contrast-color;\n@nav-dropdown-header-color: @global-title-color;\n@nav-dropdown-divider-border: @global-border;\n@nav-dropdown-divider-border-width: 2px;\n@nav-dropdown-nested-color: @global-muted-color;\n@nav-dropdown-nested-hover-color: @global-primary-color;\n\n@nav-navbar-color: @global-nav-color;\n@nav-navbar-hover-background: @global-primary-background;\n@nav-navbar-hover-color: @global-contrast-color;\n@nav-navbar-header-color: @global-title-color;\n@nav-navbar-divider-border: @global-border;\n@nav-navbar-divider-border-width: 2px;\n@nav-navbar-nested-color: @global-muted-color;\n@nav-navbar-nested-hover-color: @global-primary-color;\n\n@nav-offcanvas-color: @global-nav-color;\n@nav-offcanvas-hover-background: @global-primary-background;\n@nav-offcanvas-hover-color: @global-contrast-color;\n@nav-offcanvas-active-background: @global-primary-background;\n@nav-offcanvas-active-color: @global-contrast-color;\n@nav-offcanvas-header-color: @global-title-color;\n@nav-offcanvas-divider-border: @global-border;\n@nav-offcanvas-divider-border-width: 2px;\n@nav-offcanvas-nested-color: @global-muted-color;\n@nav-offcanvas-nested-hover-color: @global-primary-color;\n\n@nav-subtitle-line-height:\t\t\t\t\t\t27px;\n\n//\n// New\n//\n\n@nav-side-sticky-background: @global-background;\n\n\n// Sub-object: `uk-nav-header`\n// ========================================================================\n\n.hook-nav-header() {}\n\n\n// Sub-object: `uk-nav-divider`\n// ========================================================================\n\n.hook-nav-divider() {}\n\n\n// Sub-object: `uk-nav-sub`\n// ========================================================================\n\n.hook-nav-sub() {\n\n .uk-nav-header { padding-left: 0; }\n\n}\n\n\n// Modifier: `uk-nav-parent-icon`\n// ========================================================================\n\n.hook-nav-parent-icon() { font-style: normal; }\n\n\n// Modifier `uk-nav-side`\n// ========================================================================\n\n//\n// Items\n//\n\n.hook-nav-side() {}\n\n// Hover\n.hook-nav-side-hover() {}\n\n// Active\n.hook-nav-side-active() {}\n\n//\n// Sub-object: `uk-nav-header`\n//\n\n.hook-nav-side-header() {}\n\n//\n// Sub-object: `uk-nav-divider`\n//\n\n.hook-nav-side-divider() {}\n\n\n// Modifier `uk-nav-dropdown`\n// ========================================================================\n\n//\n// Items\n//\n\n.hook-nav-dropdown() {}\n\n// Hover\n.hook-nav-dropdown-hover() {}\n\n//\n// Sub-object: `uk-nav-header`\n//\n\n.hook-nav-dropdown-header() {}\n\n//\n// Sub-object: `uk-nav-divider`\n//\n\n.hook-nav-dropdown-divider() {}\n\n\n// Modifier `uk-nav-navbar`\n// ========================================================================\n\n//\n// Items\n//\n\n.hook-nav-navbar() {}\n\n// Hover\n.hook-nav-navbar-hover() {}\n\n//\n// Sub-object: `uk-nav-header`\n//\n\n.hook-nav-navbar-header() {}\n\n//\n// Sub-object: `uk-nav-divider`\n//\n\n.hook-nav-navbar-divider() {}\n\n\n// Modifier `uk-nav-offcanvas`\n// ========================================================================\n\n.hook-nav-offcanvas-link() {}\n\n.hook-nav-offcanvas-link-hover() {}\n\n//\n// Items\n//\n\n.hook-nav-offcanvas() {}\n\n// Hover\n.hook-nav-offcanvas-hover() {}\n\n// Active\n.hook-nav-offcanvas-active() {}\n\n//\n// Sub-object: `uk-nav-header`\n//\n\n.hook-nav-offcanvas-header() { padding: @nav-offcanvas-padding-vertical @nav-offcanvas-padding-horizontal; }\n\n//\n// Sub-object: `uk-nav-divider`\n//\n\n.hook-nav-offcanvas-divider() {}\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-nav-misc() {\n\n .uk-nav-sub .uk-nav-header { padding-left: 0; }\n\n .uk-nav-side .uk-nav-sub > li.uk-active > a { color: @nav-side-nested-hover-color; }\n\n .uk-nav-side[data-uk-sticky] { background: @nav-side-sticky-background; }\n\n}\n\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Navbar\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@navbar-background: #fff;\n@navbar-color: @global-color;\n\n@navbar-link-color: @global-primary-color;\n@navbar-link-hover-color: @global-secondary-color;\n\n@navbar-nav-height: 70px;\n@navbar-nav-padding-horizontal: 25px;\n@navbar-nav-color: @global-nav-color;\n@navbar-nav-font-size: 17px;\n@navbar-nav-font-weight: 300;\n@navbar-nav-font-family: @global-font-family;\n@navbar-nav-hover-background: @global-dropdown-background;\n@navbar-nav-hover-color: @global-primary-color;\n@navbar-nav-onclick-background: @global-dropdown-background;\n@navbar-nav-onclick-color: @global-default-color;\n@navbar-nav-active-background: @global-dropdown-background;\n@navbar-nav-active-color: @global-primary-color;\n@navbar-nav-subtitle-font-size: 13px;\n\n@navbar-brand-color: @global-default-color;\n@navbar-brand-hover-color: @global-default-color;\n\n@navbar-toggle-icon: "";\n@navbar-toggle-color: @global-contrast-color;\n@navbar-toggle-hover-color: @navbar-color;\n\n//\n// New\n//\n\n@navbar-nav-font-style:\t\t\t\t\t\t\tnormal;\n@navbar-nav-text-transform: none;\n@navbar-form-placeholder-color: @navbar-color;\n@navbar-form-color: @navbar-color;\n@navbar-form-focus-color: @navbar-color;\n\n@uk-navbar-toggle-height: 50px;\n\n\n// Component\n// ========================================================================\n\n.hook-navbar() {}\n\n\n// Sub-object: `uk-navbar-nav`\n// ========================================================================\n\n.hook-navbar-nav() {\n font-style: @navbar-nav-font-style;\n text-transform: @navbar-nav-text-transform;\n}\n\n// Hover\n.hook-navbar-nav-hover() {\n -webkit-transition: background-color .25s, color .25s;\n transition: background-color .25s, color .25s;\n}\n\n// OnClick\n.hook-navbar-nav-onclick() {}\n\n// Active\n.hook-navbar-nav-active() {}\n\n\n// Sub-object: `uk-navbar-content`\n// ========================================================================\n\n.hook-navbar-content() { font-style: @navbar-nav-font-style; }\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-navbar-misc() {\n\n .uk-navbar .uk-form :-ms-input-placeholder { color: @navbar-form-placeholder-color; }\n .uk-navbar .uk-form ::-moz-placeholder { color: @navbar-form-placeholder-color; }\n .uk-navbar .uk-form ::-webkit-input-placeholder { color: @navbar-form-placeholder-color; }\n\n .uk-navbar .uk-form input[type="text"] { color: @navbar-form-color; }\n .uk-navbar .uk-form input[type="text"]:focus { color: @navbar-form-focus-color; }\n\n .uk-navbar-toggle {\n height: @uk-navbar-toggle-height;\n background: url("/templates/yoo_uniq/less/uikit/@{global-image-path}/@{global-style}/icon-toggler.svg") no-repeat 50%;\n }\n\n}\n\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Subnav\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@subnav-margin-horizontal: 15px;\n@subnav-color: \t\t\t\t\t\t\t\t\t@global-nav-color;\n@subnav-hover-color: @global-primary-color;\n@subnav-active-color: @global-primary-color;\n\n@subnav-line-border: darken(@global-border, 10%);\n\n@subnav-pill-padding-horizontal: 15px;\n@subnav-pill-hover-background: \t\t\t\t\t@global-muted-background;\n@subnav-pill-active-background: @global-primary-background;\n@subnav-pill-active-color: @global-contrast-color;\n@subnav-disabled-color: @global-disabled-color;\n\n@subnav-disabled-color: \t\t\t\t\t\t@global-disabled-color;\n\n\n// Component\n// ========================================================================\n\n.hook-subnav() {}\n\n.hook-subnav-hover() {}\n\n.hook-subnav-active() {}\n\n\n// Modifier: `uk-subnav-line\'\n// ========================================================================\n\n.hook-subnav-line-divider() {}\n\n\n// Modifier: `uk-subnav-pill\'\n// ========================================================================\n\n.hook-subnav-pill() {}\n\n.hook-subnav-pill-hover() {}\n\n.hook-subnav-pill-active() {}\n\n\n// Disabled state\n// ========================================================================\n\n.hook-subnav-disabled() {}\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-subnav-misc() {}\n\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Breadcrumb\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@breadcrumb-disabled-color: @global-muted-color;\n@breadcrumb-disabled-color: @global-disabled-color;\n\n@breadcrumb-divider: "-";\n\n\n// Component\n// ========================================================================\n\n.hook-breadcrumb() {}\n\n\n// Items\n// ========================================================================\n\n.hook-breadcrumb-divider() {}\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-breadcrumb-misc() {}\n\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Pagination\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n\n@pagination-font-size: \t\t\t\t\t\t\t15px;\n@pagination-padding-vertical: 8px;\n@pagination-padding-horizontal: 11px;\n@pagination-background: \t\t\t\t\t\t@global-muted-background;\n@pagination-color: @global-nav-color;\n@pagination-hover-background: @global-muted-background;\n@pagination-hover-color:\t\t\t\t\t\t@global-primary-color;\n@pagination-onclick-background: \t\t\t\t@global-primary-background;\n@pagination-onclick-color: @global-contrast-color;\n\n@pagination-active-background: @global-primary-background;\n@pagination-active-color: @global-contrast-color;\n\n@pagination-disabled-background: @global-disabled-background;\n@pagination-disabled-color: @global-disabled-color;\n\n//\n// New\n//\n\n@pagination-item-border-radius: \t\t\t\t500px;\n\n@uk-pagination-previous-next-background:\t\ttransparent;\n@uk-pagination-previous-next-background-hover: \ttransparent;\n@uk-pagination-previous-next-background-active: transparent;\n@uk-pagination-previous-next-background-focus: \ttransparent;\n\n@uk-pagination-previous-next-color: \t\t\t@global-default-color;\n\n\n// Component\n// ========================================================================\n\n//\n// Items\n//\n\n.hook-pagination-item() { border-radius: @pagination-item-border-radius; }\n\n// Link\n.hook-pagination-link() {}\n\n.hook-pagination-link-hover() {}\n\n.hook-pagination-link-active() {}\n\n// Active\n.hook-pagination-active() {}\n\n// Disabled\n.hook-pagination-disabled() {}\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-pagination-misc() {\n\n\t.uk-pagination {\n\n\t\t.uk-pagination-previous a,\n\t\t.uk-pagination-next a {\n\n\t\t\tbackground: @uk-pagination-previous-next-background;\n\n\t\t\t&:hover { background: @uk-pagination-previous-next-background-hover; }\n\t\t\t&:active { background: @uk-pagination-previous-next-background-active; }\n\t\t\t&:focus { background: @uk-pagination-previous-next-background-focus; }\n\n\t\t\t&:active { color: @uk-pagination-previous-next-color; }\n\n\t\t}\n\n\t}\n\n}\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Tab\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@tab-border: transparent;\n@tab-border-width:\t\t\t\t\t\t\t\t0;\n@tab-padding-horizontal: \t\t\t\t\t\t0;\n@tab-color: @global-nav-color;\n@tab-hover-color: @tab-color;\n@tab-hover-background:\t\t\t\t\t\t\ttransparent;\n@tab-active-background: @global-muted-background;\n@tab-active-color: @global-default-color;\n@tab-disabled-color: @global-disabled-color;\n\n//\n// New\n//\n\n@tab-border-position: 30px;\n@tab-hover-border-width: 3px;\n\n@tab-margin-horizontal:\t\t\t\t\t\t\t10px;\n@tab-center-padding-horizontal: 10px;\n@tab-hover-border-background: @global-primary-background;\n\n@tab-padding-bottom: 20px;\n\n\n// Component\n// ========================================================================\n\n//\n// Items\n//\n\n.hook-tab() { padding-bottom: @tab-padding-bottom; }\n\n// Hover\n.hook-tab-hover() {}\n\n// Active\n.hook-tab-active() { background: transparent; }\n\n// Disabled\n.hook-tab-disabled() {}\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-tab-misc() {\n\n .uk-tab > li.uk-active > a:after,\n .uk-tab > li:not(.uk-disabled) > a:after {\n content: "";\n position: absolute;\n bottom: @tab-border-position;\n height: @tab-hover-border-width;\n background: @tab-hover-border-background;\n bottom: 0;\n left: 50%;\n margin-left: 0;\n -webkit-transition: width .3s, margin .3s;\n transition: width .3s, margin .3s;\n }\n\n .uk-tab > li > a:after { width: 0; }\n\n /* Active and Hover */\n .uk-tab > li.uk-active > a:after,\n .uk-tab > li > a:hover:after {\n \twidth: 100%;\n \tmargin-left: -50%;\n }\n\n\n// Tab modifiers\n// ========================================================================\n\n\t.uk-tab > li:not(:first-child) { margin-left: @tab-margin-horizontal; }\n\t.uk-tab > li { margin-right: @tab-margin-horizontal; }\n\n\t.uk-tab > li:nth-child(n+2) > a,\n\t.uk-tab-grid > li:first-child > a { margin: 0; }\n\n .uk-tab-bottom > li > a:after { top: 0; }\n\n .uk-tab-left,\n .uk-tab-right {\n\n > li > a {\n margin: 0!important;\n padding: @global-margin-small !important;\n }\n\n > li.uk-active > a:after,\n > li:not(.uk-disabled) > a:after {\n left: 0;\n margin-left: 0;\n height: 100%;\n -webkit-transition: width .2s;\n transition: width .2s;\n }\n\n /* Active and Hover */\n > li.uk-active > a:after,\n > li > a:hover:after { width: 4px; }\n\n > li > a:hover,\n > li > a:focus,\n > li.uk-active > a { background: @tab-active-background; }\n\n }\n\n .uk-tab-right {\n\n > li.uk-active > a:after,\n > li:not(.uk-disabled) > a:after {\n left: auto;\n right: 0;\n }\n\n }\n\n}\n\n\n// Elements\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: List\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@list-line-border: @global-border;\n@list-striped-background: @global-muted-background;\n\n\n// Modifier: `list-line`\n// ========================================================================\n\n.hook-list-line() {}\n\n\n// Modifier: `list-striped`\n// ========================================================================\n\n.hook-list-striped() {}\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-list-misc() {\n\n .uk-list > li > a { color: @global-color; }\n .uk-list > li:hover > a { color: @global-color; color: @global-primary-color; }\n\n}\n\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Description list\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@description-list-horizontal-margin-left: 240px;\n\n@description-list-line-border: @global-border;\n@description-list-line-color: @global-color;\n\n//\n// New\n//\n\n@description-list-title-font-weight: bold;\n@description-list-line-title-color: @global-title-color;\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-description-list-misc() {\n\n .uk-description-list-line > dt { color: @description-list-line-title-color; }\n\n .uk-description-list-horizontal > dd:not(:last-child) { border-bottom: 1px solid @global-border; }\n .uk-description-list-horizontal > dd:not(:last-child) { margin-bottom: @global-margin; }\n\n .uk-description-list {\n h1,h2,h3,h4,h5,h6 { font-weight: @description-list-title-font-weight; }\n }\n\n\t// Tablet and bigger\n\t@media (min-width: @breakpoint-medium) {\n\n \t.uk-description-list-horizontal > dd {\n \t padding-left: @global-margin;\n \t border-left: 1px solid @global-border;\n \t border-bottom-width: 0 !important;\n \t}\n\n \t.uk-description-list-horizontal > dd:not(:last-child) { margin-bottom: 70px; }\n\n }\n\n}\n\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Table\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@table-margin-vertical: @global-margin;\n@table-caption-color: @global-muted-color;\n\n//\n// New\n//\n\n@table-border-color: @global-border;\n\n\n// Component\n// ========================================================================\n\n.hook-table() {}\n\n.hook-table-active() {}\n\n.hook-table-striped() {}\n\n.hook-table-condensed() {}\n\n.hook-table-hover() {}\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-table-misc() {\n\n tbody > tr:not(:first-child) { border-top: 1px solid @table-border-color; }\n\n}\n\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Form\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@form-height: \t\t\t\t\t\t\t\t\t40px;\n@form-color: @global-color;\n@form-border: @global-muted-color;\n@form-background: transparent;\n\n@form-focus-color:\t\t\t\t\t\t\t\t@global-default-color;\n@form-focus-border: \t\t\t\t\t\t\t@global-secondary-color;\n@form-focus-background: \t\t\t\t\t\ttransparent;\n\n@form-disabled-border: @global-disabled-color;\n@form-disabled-color: @global-disabled-color;\n@form-disabled-background: transparent;\n\n@form-placeholder-color: @global-color;\n\n@form-legend-border:\t\t\t\t\t\t\t@global-muted-color;\n@form-legend-border-width: 2px;\n\n@form-small-height: \t\t\t\t\t\t\t30px;\n\n@form-danger-border: @global-danger-background;\n@form-danger-color: @global-danger-background;\n@form-danger-background: transparent;\n\n@form-success-border: @global-success-background;\n@form-success-color: @global-success-background;\n@form-success-background: transparent;\n\n\n// Component\n// ========================================================================\n\n.hook-form() { border-width: 0 0 @form-border-width 0; }\n\n// Focus state\n.hook-form-focus() {}\n\n// Disabled state\n.hook-form-disabled() {}\n\n// Legend\n.hook-form-legend() {}\n\n\n// Validation states\n// ========================================================================\n\n//\n// Error state\n//\n\n.hook-form-danger() {}\n\n//\n// Success state\n//\n\n.hook-form-success() {}\n\n\n// Style modifiers\n// ========================================================================\n\n.hook-form-blank() {}\n\n.hook-form-blank-focus() {}\n\n\n// Sub-object: `uk-form-label`\n// ========================================================================\n\n.hook-form-stacked-label() {}\n\n.hook-form-horizontal-label() {}\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-form-misc() {\n\n\t.uk-form textarea,\n\t.uk-form select { border-width: @form-border-width; }\n\n}\n\n\n// Common\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Button\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@button-height: @global-height;\n@button-line-height: @button-height;\n\n@button-color: @global-color;\n@button-hover-color: @global-primary-color;\n@button-active-color: @global-secondary-color;\n@button-background: rgba(0,0,0,0);\n@button-hover-background: rgba(0,0,0,0);\n@button-active-background: rgba(0,0,0,0);\n\n@button-primary-color: @global-contrast-color;\n@button-primary-hover-color: @global-contrast-color;\n@button-primary-active-color: @global-contrast-color;\n@button-primary-background: @global-primary-background;\n@button-primary-hover-background: darken(@button-primary-background, 5%);\n@button-primary-active-background: darken(@button-primary-background, 8%);\n\n@button-success-color: @global-contrast-color;\n@button-success-hover-color: @global-contrast-color;\n@button-success-active-color: @global-contrast-color;\n@button-success-background: @global-success-background;\n@button-success-hover-background: darken(@button-success-background, 5%);\n@button-success-active-background: darken(@button-success-background, 8%);\n\n@button-danger-color: @global-contrast-color;\n@button-danger-hover-color: @global-contrast-color;\n@button-danger-active-color: @global-contrast-color;\n@button-danger-background: @global-danger-background;\n@button-danger-hover-background: darken(@button-danger-background, 5%);\n@button-danger-active-background: darken(@button-danger-background, 8%);\n\n@button-disabled-background: @global-disabled-background;\n@button-disabled-color: @global-disabled-color;\n\n@button-link-color: @global-primary-color;\n@button-link-hover-color: @global-secondary-color;\n\n@button-link-disabled-color: @global-disabled-color;\n\n@button-link-hover-text-decoration: none;\n\n//\n// New\n//\n\n@button-border-width: 2px;\n@button-border-color: #e0e0e0;\n@button-border-radius: 2px;\n@button-border-hover-color: @button-hover-color;\n@button-border-active-color: @button-active-color;\n\n\n// Component\n// ========================================================================\n\n.hook-button() {\n border: @button-border-width solid @button-border-color;\n border-radius: @button-border-radius;\n}\n\n.hook-button-hover() { border-color: @button-border-hover-color; }\n\n.hook-button-active() { border-color: @button-border-active-color; }\n\n\n// Color modifiers\n// ========================================================================\n\n//\n// Modifier: `uk-button-primary`\n//\n\n.hook-button-primary() { border-color: transparent; }\n\n.hook-button-primary-hover() { border-color: transparent; }\n.hook-button-primary-active() { border-color: transparent; }\n\n//\n// Modifier: `uk-button-success`\n//\n\n.hook-button-success() { border-color: transparent; }\n\n.hook-button-success-hover() { border-color: transparent; }\n.hook-button-success-active() { border-color: transparent; }\n\n//\n// Modifier: `uk-button-danger`\n//\n\n.hook-button-danger() { border-color: transparent; }\n\n.hook-button-danger-hover() { border-color: transparent; }\n.hook-button-danger-active() { border-color: transparent; }\n\n\n// Disabled state\n// ========================================================================\n\n.hook-button-disable() { border-color: transparent; }\n\n\n// Modifier: `uk-button-link`\n// ========================================================================\n\n.hook-button-link() {}\n\n\n// Size modifiers\n// ========================================================================\n\n.hook-button-large() {}\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-button-misc() {\n\n //\n // Reset border-radius\n //\n\n .uk-button-group > .uk-button:not(:first-child):not(:last-child),\n .uk-button-group > div:not(:first-child):not(:last-child) .uk-button { border-radius: 0; }\n\n .uk-button-group > .uk-button:first-child,\n .uk-button-group > div:first-child .uk-button {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n .uk-button-group > .uk-button:last-child,\n .uk-button-group > div:last-child .uk-button {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n\t/* Collapse border */\n .uk-button-group > .uk-button:nth-child(n+2),\n .uk-button-group > div:nth-child(n+2) .uk-button { border-left-width: 0; }\n\n .uk-button-group > .uk-button:nth-child(n+2):hover,\n .uk-button-group > div:nth-child(n+2) .uk-button:hover,\n .uk-button-group > .uk-button:nth-child(n+2):active,\n .uk-button-group > .uk-button:nth-child(n+2).uk-active,\n .uk-button-group > .uk-button:nth-child(n+2):focus {\n margin-left: -@button-border-width;\n border-left-width: @button-border-width;\n }\n\n}\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Icon\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@icon-hover-color: @global-default-color;\n@icon-hover-hover-color: @global-secondary-color;\n\n@icon-button-background: @global-secondary-color;\n@icon-button-color: @global-contrast-color;\n\n@icon-button-hover-background: @global-primary-color;\n@icon-button-hover-color: @global-contrast-color;\n\n@icon-button-active-background: @global-default-color;\n@icon-button-active-color: @global-contrast-color;\n\n\n// Modifier: `uk-icon-hover`\n// ========================================================================\n\n.hook-icon-hover() {}\n\n.hook-icon-hover-hover() {}\n\n\n// Modifier: `uk-icon-button`\n// ========================================================================\n\n.hook-icon-button() {}\n\n// Hover\n.hook-icon-button-hover() {}\n\n// Active\n.hook-icon-button-active() {}\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-icon-misc() {}\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Close\n//\n// ========================================================================\n\n//\n// New\n//\n\n@close-font-style: \t\t\t\tnormal;\n\n\n// Component\n// ========================================================================\n\n.hook-close() { font-style: @close-font-style; }\n\n\n// Modifier: `uk-close-alt`\n// ========================================================================\n\n.hook-close-alt() {}\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-close-misc() {}\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Badge\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@badge-padding-horizontal: 18px;\n@badge-background: @global-primary-background;\n@badge-font-size: 15px;\n@badge-line-height: 25px;\n@badge-color: @global-contrast-color;\n@badge-font-weight: 300;\n\n@badge-success-background: @global-success-background;\n@badge-warning-background: @global-warning-background;\n@badge-danger-background: @global-danger-background;\n\n//\n// New\n//\n\n@badge-padding-vertical: 6px;\n@badge-padding-notification-vertical: \t\t\t2px;\n@badge-padding-notification-horizontal: \t\t(@badge-padding-notification-vertical + 6px);\n\n\n// Component\n// ========================================================================\n\n.hook-badge() { padding: @badge-padding-vertical @badge-padding-horizontal; }\n\n\n// Color modifier\n// ========================================================================\n\n//\n// Modifier: `badge-success`\n//\n\n.hook-badge-success() {}\n\n//\n// Modifier: `badge-warning`\n//\n\n.hook-badge-warning() {}\n\n//\n// Modifier: `badge-danger`\n//\n\n.hook-badge-danger() {}\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-badge-misc() {\n\n\t.uk-badge-notification { padding: @badge-padding-notification-vertical @badge-padding-notification-horizontal; }\n\n}\n\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Alert\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@alert-margin-vertical: @global-margin;\n@alert-background: @global-muted-background;\n@alert-color: @global-color;\n\n@alert-success-background: @global-success-background;\n@alert-success-color: @global-contrast-color;\n\n@alert-warning-background: @global-warning-background;\n@alert-warning-color: @global-contrast-color;\n\n@alert-danger-background: @global-danger-background;\n@alert-danger-color: @global-contrast-color;\n\n//\n// New\n//\n\n@alert-link-color: #fff;\n@alert-link-hover-color: #fff;\n\n\n// Component\n// ========================================================================\n\n.hook-alert() {}\n\n\n// Modifier: `uk-alert-success`\n// ========================================================================\n\n.hook-alert-success() {}\n\n\n// Modifier: `uk-alert-warning`\n// ========================================================================\n\n.hook-alert-warning() {}\n\n\n// Modifier: `uk-alert-danger`\n// ========================================================================\n\n.hook-alert-danger() {}\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-alert-misc() {\n\n .uk-alert-warning a {\n color: @alert-link-color;\n text-decoration: underline;\n }\n\n .uk-alert-warning a:hover { color: @alert-link-hover-color; }\n\n}\n\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Thumbnail\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@thumbnail-border: @global-border;\n@thumbnail-background: @global-background;\n@thumbnail-hover-border: darken(@global-border, 20%);\n@thumbnail-hover-background: @global-background;\n\n@thumbnail-caption-color: @global-color;\n\n\n// Component\n// ========================================================================\n\n.hook-thumbnail() {}\n\n.hook-thumbnail-hover() {}\n\n\n// Caption\n// ========================================================================\n\n.hook-thumbnail-caption() {}\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-thumbnail-misc() {}\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Overlay\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@overlay-panel-background: #fff;\n@overlay-panel-color: @global-color;\n\n@overlay-icon-color: @global-color;\n\n// DEPRECATED\n@overlay-area-background:\t\t\t\t\t\t#fff;\n@overlay-area-icon-color: \t\t\t\t\t\t@global-color;\n@overlay-area-content-color: @global-color;\n\n@overlay-caption-background: #fff;\n@overlay-caption-color: @global-color;\n\n//\n// New\n//\n\n@overlay-icon-font-style: \t\t\t\t\t\tnormal;\n\n\n// Sub-object `uk-overlay-panel`\n// ========================================================================\n\n.hook-overlay-panel() {}\n\n\n// Sub-object `uk-overlay-background`\n// ========================================================================\n\n.hook-overlay-background() {}\n\n\n// Sub-object `uk-overlay-image`\n// ========================================================================\n\n.hook-overlay-image() {}\n\n\n// Sub-object `uk-overlay-icon`\n// ========================================================================\n\n.hook-overlay-icon() { font-style: @overlay-icon-font-style; }\n\n\n/* DEPRECATED\n * Sub-object `uk-overlay-area`\n ========================================================================== */\n\n.hook-overlay-area-icon() { font-style: @overlay-icon-font-style; }\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-overlay-misc() {}\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Progress\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@progress-margin-vertical: @global-margin;\n\n@progress-bar-background: @global-primary-background;\n@progress-bar-color: @global-contrast-color;\n\n@progress-bar-success-background: @global-success-background;\n@progress-bar-warning-background: @global-warning-background;\n@progress-bar-danger-background: @global-danger-background;\n\n\n// Component\n// ========================================================================\n\n.hook-progress() {}\n\n\n// Sub-object: `progress-bar`\n// ========================================================================\n\n.hook-progress-bar() {}\n\n\n// Color modifiers\n// ========================================================================\n\n.hook-progress-bar-success() {}\n\n.hook-progress-bar-warning() {}\n\n.hook-progress-bar-danger() {}\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-progress-misc() {}\n\n// JavaScript\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Dropdown\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@dropdown-z-index: @global-z-index + 20;\n@dropdown-width: 250px;\n@dropdown-padding: 25px;\n@dropdown-background: @global-dropdown-background;\n@dropdown-color: @global-nav-color;\n\n@dropdown-divider-border: transparent;\n\n@dropdown-navbar-background:\t\t\t\t\t@global-dropdown-background;\n@dropdown-navbar-color: @global-nav-color;\n\n@dropdown-navbar-animation: uk-fade;\n\n//\n// New\n//\n\n@dropdown-link-hover-color: @global-link-hover-color;\n\n\n// Component\n// ========================================================================\n\n.hook-dropdown() {}\n\n\n// Modifier: `uk-dropdown-navbar`\n// ========================================================================\n\n.hook-dropdown-navbar() {}\n\n\n// Sub-object: `uk-dropdown-overlay`\n// ========================================================================\n\n.hook-dropdown-overlay() {}\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-dropdown-misc() {\n\n .uk-dropdown a:hover { color: @dropdown-link-hover-color; }\n\n}\n\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Modal\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@modal-z-index: @global-z-index + 10;\n\n@modal-dialog-background: @global-background;\n\n@modal-header-margin-bottom: @global-margin;\n\n@modal-footer-margin-top: @global-margin;\n\n@modal-caption-color: @global-contrast-color;\n\n\n// Component\n// ========================================================================\n\n.hook-modal() {}\n\n\n// Sub-object: `uk-modal-dialog`\n// ========================================================================\n\n.hook-modal-dialog() {}\n\n\n// Modifier: `uk-modal-dialog-lightbox`\n// ========================================================================\n\n.hook-modal-dialog-lightbox() {}\n\n\n// Sub-object: `uk-modal-header`\n// ========================================================================\n\n.hook-modal-header() {}\n\n\n// Sub-object: `uk-modal-footer`\n// ========================================================================\n\n.hook-modal-footer() {}\n\n\n// Sub-object: `uk-modal-caption`\n// ========================================================================\n\n.hook-modal-caption() {}\n\n\n// Sub-object: `uk-modal-spinner`\n// ========================================================================\n\n.hook-modal-spinner() {}\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-modal-misc() {}\n\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Off-canvas\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@offcanvas-z-index: @global-z-index;\n@offcanvas-background: rgba(0,0,0,0.1);\n\n@offcanvas-bar-background: @global-dropdown-background;\n\n@offcanvas-panel-color: @global-color;\n@offcanvas-panel-link-color: @global-primary-color;\n@offcanvas-panel-link-hover-color: @global-secondary-color;\n\n@offcanvas-panel-title-color: @global-title-color;\n\n\n// Component\n// ========================================================================\n\n.hook-offcanvas() { font-style: normal; }\n\n\n// Sub-object `uk-offcanvas-bar`\n// ========================================================================\n\n.hook-offcanvas-bar() { font-style: normal; }\n\n\n// Panel in offcanvas\n// ========================================================================\n\n.hook-offcanvas-panel() { font-style: normal; }\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-offcanvas-misc() {\n\n .uk-nav-offcanvas .uk-nav-sub { padding: 15px; }\n\n}\n\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Tooltip\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@tooltip-z-index: @global-z-index + 30;\n@tooltip-padding-vertical: 10px;\n@tooltip-padding-horizontal: 12px;\n@tooltip-triangle-size: 6px;\n\n@tooltip-font-size: 15px;\n@tooltip-line-height: 20px;\n\n\n// Component\n// ========================================================================\n\n.hook-tooltip() {}\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-tooltip-misc() {}\n\n// Need to be loaded last\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Text\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@text-large-font-size: 24px;\n@text-large-line-height: 34px;\n\n@text-muted-color: @global-muted-color;\n@text-primary-color: @global-secondary-color;\n@text-success-color: @global-success-background;\n@text-warning-color: @global-warning-background;\n@text-danger-color: @global-danger-background;\n@text-contrast-color: @global-contrast-color;\n\n//\n// New\n//\n\n@text-large-font-family: @global-title-font-family;\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-text-misc() {\n\n .uk-text-large { font-family: @text-large-font-family; }\n\n}\n\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Utility\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@utility-container-max-width: 1400px;\n@utility-container-large-max-width: \t\t\t@utility-container-max-width;\n\n@utility-container-padding-horizontal: @global-grid-gutter;\n@utility-container-large-padding-horizontal: @global-grid-gutter-large;\n\n@utility-align-horizontal: @global-margin;\n@utility-align-vertical: @global-margin;\n\n@utility-margin: @global-margin;\n\n@utility-link-muted-color: @global-color;\n@utility-link-muted-hover-color: @global-color;\n\n@utility-scrollable-box-border: @global-border;\n\n\n// Container\n// ========================================================================\n\n.hook-container() {}\n\n\n// Scrollable\n// ========================================================================\n\n.hook-scrollable-box() {}\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-utility-misc() {}\n\n\n// Components\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Search\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@search-height: @search-field-font-size + 20px;\n@search-width: @search-padding-icon-width;\n@search-placeholder-color: @global-muted-color;\n\n@search-padding: \t\t\t\t\t\t\t\t@search-padding-icon-width;\n\n@search-icon: "";\n\n@dropdown-search-background: @global-dropdown-background;\n@dropdown-search-color: @global-nav-color;\n\n@nav-search-active-background: @global-primary-background;\n\n@dropdown-search-margin-top: 25px;\n\n//\n// New\n//\n\n@search-padding-icon-width: 40px;\n@search-field-font-size: 20px;\n@search-font-family: @global-title-font-family;\n\n\n// Component\n// ========================================================================\n\n.hook-search() { font-family: @search-font-family; }\n\n.hook-search-icon() {\n height: @search-padding-icon-width;\n background-image: url("/templates/yoo_uniq/less/uikit/@{global-image-path}/@{global-style}/icon-search.svg");\n background-repeat: no-repeat;\n}\n\n\n// Sub-object `uk-search-field`\n// ========================================================================\n\n.hook-search-field() {\n\tposition: relative;\n z-index: 1;\n cursor: pointer;\n\tfont-size: @search-field-font-size;\n}\n\n.hook-search-field-focus() {}\n\n\n// Dropdown modifier: `uk-dropdown-search`\n// ========================================================================\n\n.hook-dropdown-search() {}\n\n\n// Nav modifier `uk-nav-search`\n// ========================================================================\n\n//\n// Items\n//\n\n.hook-nav-search() {}\n\n// Active\n.hook-nav-search-active() {}\n\n//\n// Sub-object: `uk-nav-header`\n//\n\n.hook-nav-search-header() {}\n\n//\n// Sub-object: `uk-nav-divider`\n//\n\n.hook-nav-search-divider() {}\n\n\n// Search in offcanvas\n// ========================================================================\n\n.hook-offcanvas-search-field() {}\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-search-misc() {\n\n\t// Sub-object `uk-search-field`\n // ========================================================================\n\n .uk-search-field:focus,\n .uk-active > .uk-search-field { cursor: text; }\n\n}\n\n\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n@import \'https://fonts.googleapis.com/css?family=Lato:400,300\';\n@import \'https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700\';\n\n// Internal Global variables\n// ==========================================================================\n\n@global-style: \'bakery\';\n\n//\n// Typography\n//\n\n@global-color: #000000;\n@global-muted-color: #818181;\n@global-title-color: #000000;\n@global-font-size: 14px;\n@global-line-height: 22px;\n@global-font-weight: 400;\n@global-primary-color: #e11a33;\n@global-link-color: #B78252;\n@global-link-hover-color: #616161;\n@global-secondary-color: #e11a33;\n\n@global-font-family: \'Roboto Condensed\';\n@global-title-font-family: \'Roboto Condensed\';\n\n//\n// Article\n//\n\n@article-meta-font-size: 14px;\n@article-meta-line-height: 24px;\n@article-meta-font-weight: 300;\n@article-lead-font-size: 20px;\n@article-lead-line-height: 32px;\n\n//\n// Backgrounds & Borders\n//\n\n@global-primary-background: #e11a33;\n@global-success-background: #38943C;\n@global-warning-background: #e8b53a;\n@global-danger-background: #C5152C;\n\n@global-dropdown-background: #2e2d2f;\n\n//\n// Icon\n//\n\n@icon-font-path: "../../fonts";\n\n//\n// Base\n//\n\n@base-body-font-style: normal;\n@base-strong-font-weight: 400;\n\n//\n// Block\n//\n\n@block-muted-background: #171618;\n\n//\n// Description List\n//\n\n@description-list-line-color: #868686;\n\n//\n// Dropdown\n//\n\n@dropdown-color: #fff;\n@dropdown-link-hover-color: #fff;\n@dropdown-navbar-color: #fff;\n\n//\n// Nav\n//\n\n@nav-navbar-color: #fff;\n@nav-navbar-divider-border: rgba(255, 255, 255, 0.1);\n@nav-navbar-header-color: #fff;\n@nav-navbar-nested-hover-color: #fff;\n\n@nav-side-color: @global-color;\n@nav-dropdown-color: #fff;\n@nav-dropdown-header-color: #fff;\n@nav-dropdown-divider-border: rgba(255, 255, 255, 0.1);\n@nav-dropdown-nested-hover-color: #fff;\n\n@nav-offcanvas-color: #fff;\n@nav-offcanvas-header-color: #fff;\n@nav-offcanvas-nested-hover-color: #fff;\n@nav-offcanvas-divider-border: rgba(255, 255, 255, 0.1);\n\n@nav-search-color: @global-nav-color;\n\n//\n// Navbar\n//\n\n@navbar-background: #171618;\n@navbar-color: #818181;\n@navbar-link-color: #fff;\n\n@navbar-nav-hover-color: #fff;\n@navbar-nav-active-color: #fff;\n@navbar-nav-onclick-color: #fff;\n\n@navbar-brand-color: #fff;\n@navbar-brand-hover-color: #fff;\n\n//\n// Offcanvas\n//\n\n@offcanvas-bar-background: #171618;\n@offcanvas-panel-title-color: #fff;\n@offcanvas-panel-color: #818181;\n@offcanvas-panel-link-color: #fff;\n@offcanvas-panel-link-hover-color: #818181;\n\n@form-legend-border: rgba(190, 190, 190, 0.28);\n\n//\n// Pagination\n//\n\n@pagination-background: #000;\n@pagination-color: #fff;\n@pagination-hover-background: #e11a33;\n@pagination-hover-color: #fff;\n@pagination-onclick-background: #e11a33;\n\n//\n// Panel\n//\n\n@panel-title-font-family: \'Roboto Condensed\';\n@panel-title-font-size: 20px;\n@panel-title-line-height: 26px;\n@panel-title-font-weight: 400;\n@panel-box-primary-link: #A0A0A0;\n@panel-box-primary-link-hover-color: #fff;\n\n//\n// Text\n//\n\n@text-large-font-size: 20px;\n@text-large-line-height: 30px;\n\n\n// Theme Variables\n// ========================================================================\n\n@theme_global-style: \'bakery\';\n\n@theme-body-background: #272526;\n@theme-headerbar-background: #fff;\n@theme-headerbar-search-color: #000;\n@theme-headerbar-search-placeholder-color: #cccccc;\n@theme-totop-scroller-background: #fff;\n@theme-block-color: #969596;\n@theme-block-title-color: #fff;\n@theme-block-subnav-active-color: #fff;\n@theme-block-list-link-color: #fff;\n@theme-block-panel-title-border-color: rgba(255, 255, 255, 0.1);\n'},{target:"theme.css",source:'// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n// UIkit\n// ========================================================================\n\n// LESS related\n//\n// Component: Variables\n// Description: Defines all color and style related values as variables\n// to allow easy customization for the most common cases.\n//\n// ========================================================================\n\n\n// Global variables\n// ========================================================================\n\n//\n// Breakpoints\n//\n@breakpoint-small: 480px;\n@breakpoint-medium: 768px;\n@breakpoint-large: 960px;\n@breakpoint-xlarge: 1220px;\n\n@breakpoint-mini-max: (@breakpoint-small - 1);\n@breakpoint-small-max: (@breakpoint-medium - 1);\n@breakpoint-medium-max: (@breakpoint-large - 1);\n@breakpoint-large-max: (@breakpoint-xlarge - 1);\n\n\n// Defaults\n// Name: Base\n// Description: Sets default values for HTML elements\n//\n// Component: `uk-h1`, `uk-h2`, `uk-h3`, `uk-h4`, `uk-h5`, `uk-h6`\n// `uk-link`\n// `uk-img-preserve`\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@base-body-background: #fff;\n@base-body-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;\n@base-body-font-weight: normal;\n@base-body-font-size: 14px;\n@base-body-line-height: 20px;\n@base-body-color: #444;\n\n@base-link-color: #07D;\n@base-link-text-decoration: none;\n@base-link-hover-color: #059;\n@base-link-hover-text-decoration: underline;\n\n@base-code-color: #D05;\n@base-code-font-size: 12px;\n@base-code-font-family: Consolas, monospace, serif;\n@base-em-color: #D05;\n@base-ins-background: #ffa;\n@base-ins-color: #444;\n@base-mark-background: #ffa;\n@base-mark-color: #444;\n@base-quote-font-style: italic;\n\n@base-margin-vertical: 15px;\n\n@base-heading-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;\n@base-heading-font-weight: normal;\n@base-heading-color: #444;\n@base-heading-text-transform: none;\n@base-heading-margin-top: 25px;\n@base-h1-font-size: 36px;\n@base-h1-line-height: 42px;\n@base-h2-font-size: 24px;\n@base-h2-line-height: 30px;\n@base-h3-font-size: 18px;\n@base-h3-line-height: 24px;\n@base-h4-font-size: 16px;\n@base-h4-line-height: 22px;\n@base-h5-font-size: 14px;\n@base-h5-line-height: 20px;\n@base-h6-font-size: 12px;\n@base-h6-line-height: 18px;\n\n@base-list-padding-left: 30px;\n\n@base-hr-margin-vertical: @base-margin-vertical;\n@base-hr-border: #ddd;\n@base-hr-border-width: 1px;\n\n@base-blockquote-padding-left: 15px;\n@base-blockquote-border: #ddd;\n@base-blockquote-border-width: 5px;\n@base-blockquote-font-size: 16px;\n@base-blockquote-line-height: 22px;\n@base-blockquote-font-style: italic;\n\n@base-pre-padding: 10px;\n@base-pre-background: #f5f5f5;\n@base-pre-color: #444;\n@base-pre-font-size: 12px;\n@base-pre-line-height: 18px;\n@base-pre-font-family: @base-code-font-family;\n\n@base-selection-background: #39f;\n@base-selection-color: #fff;\n\n\n/* ========================================================================\n Component: Base\n ========================================================================== */\n\n/*\n * 1. Normalizes default `font-family` and sets `font-size` here to support `rem` units\n * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom\n * 3. Style\n */\n\nhtml {\n /* 1 */\n font: @base-body-font-weight @base-body-font-size e("/") @base-body-line-height @base-body-font-family;\n /* 2 */\n -webkit-text-size-adjust: 100%;\n -ms-text-size-adjust: 100%;\n /* 3 */\n background: @base-body-background;\n color: @base-body-color;\n .hook-base-body;\n}\n\n/*\n * Removes default margin.\n */\n\nbody { margin: 0; }\n\n\n/* Links\n ========================================================================== */\n\n/*\n * Remove the gray background color from active links in IE 10.\n */\n\na { background: transparent; }\n\n/*\n * Improves readability when focused and also mouse hovered in all browsers.\n */\n\na:active,\na:hover { outline: 0; }\n\n/*\n * Style\n */\n\na,\n.uk-link {\n color: @base-link-color;\n text-decoration: @base-link-text-decoration;\n cursor: pointer;\n .hook-base-link;\n}\n\na:hover,\n.uk-link:hover {\n color: @base-link-hover-color;\n text-decoration: @base-link-hover-text-decoration;\n .hook-base-link-hover;\n}\n\n\n/* Text-level semantics\n ========================================================================== */\n\n/*\n * Addresses styling not present in Chrome, Safari, Opera and IE 8/9/10.\n */\n\nabbr[title] { border-bottom: 1px dotted; }\n\n/*\n * Addresses style set to `bolder` in Firefox\n */\n\nb,\nstrong { font-weight: bold; }\n\n/*\n * 1. Address odd `em`-unit font size rendering in all browsers.\n * 2. Consolas has a better baseline in running text compared to `Courier`\n */\n\n:not(pre) > code,\n:not(pre) > kbd,\n:not(pre) > samp {\n /* 1 */\n font-size: @base-code-font-size;\n /* 2 */\n font-family: @base-code-font-family;\n /* 3 */\n color: @base-code-color;\n white-space: nowrap;\n .hook-base-code;\n}\n\n/*\n * Emphasize\n */\n\nem { color: @base-em-color; }\n\n/*\n * Insert\n */\n\nins {\n background: @base-ins-background;\n color: @base-ins-color;\n text-decoration: none;\n}\n\n/*\n * Mark\n * Note: Addresses styling not present in IE 8/9.\n */\n\nmark {\n background: @base-mark-background;\n color: @base-mark-color;\n}\n\n/*\n * Quote\n */\n\nq { font-style: @base-quote-font-style; }\n\n/*\n * Addresses inconsistent and variable font size in all browsers.\n */\n\nsmall { font-size: 80%; }\n\n/*\n * Prevents `sub` and `sup` affecting `line-height` in all browsers.\n */\n\nsub,\nsup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n}\n\nsup { top: -0.5em; }\nsub { bottom: -0.25em; }\n\n\n/* Images\n ========================================================================== */\n\n/*\n * 1. Responsiveness: Sets a maximum width relative to the parent and auto scales the height\n * 2. Corrects `max-width` behavior if padding and border are used\n * 3. Remove border when inside `a` element in IE 8/9/10.\n * 4. Remove the gap between images and the bottom of their containers\n */\n\nimg {\n /* 1 */\n max-width: 100%;\n height: auto;\n /* 2 */\n box-sizing: border-box;\n /* 3 */\n border: 0;\n /* 4 */\n vertical-align: middle;\n}\n\n/*\n * Preserve original image dimensions\n */\n\n.uk-img-preserve,\n.uk-img-preserve img { max-width: none; }\n\n/*\n * Correct overflow not hidden in IE 9/10/11.\n */\n\nsvg:not(:root) { overflow: hidden; }\n\n\n/* Block elements\n ========================================================================== */\n\n/*\n * Reset margin\n */\n\nblockquote,\nfigure { margin: 0; }\n\n/*\n * Margins\n */\n\np,\nul,\nol,\ndl,\nblockquote,\npre,\naddress,\nfieldset,\nfigure { margin: 0 0 @base-margin-vertical 0; }\n\n* + p,\n* + ul,\n* + ol,\n* + dl,\n* + blockquote,\n* + pre,\n* + address,\n* + fieldset,\n* + figure { margin-top: @base-margin-vertical; }\n\n\n/* Headings\n ========================================================================== */\n\nh1, h2, h3, h4, h5, h6 {\n margin: 0 0 @base-margin-vertical 0;\n font-family: @base-heading-font-family;\n font-weight: @base-heading-font-weight;\n color: @base-heading-color;\n text-transform: @base-heading-text-transform;\n .hook-base-h;\n}\n\n/*\n * Margins\n */\n\n* + h1,\n* + h2,\n* + h3,\n* + h4,\n* + h5,\n* + h6 { margin-top: @base-heading-margin-top; }\n\n/*\n * Sizes\n */\n\nh1, .uk-h1 {\n font-size: @base-h1-font-size;\n line-height: @base-h1-line-height;\n .hook-base-h1;\n}\n\nh2, .uk-h2 {\n font-size: @base-h2-font-size;\n line-height: @base-h2-line-height;\n .hook-base-h2;\n}\n\nh3, .uk-h3 {\n font-size: @base-h3-font-size;\n line-height: @base-h3-line-height;\n .hook-base-h3;\n}\n\nh4, .uk-h4 {\n font-size: @base-h4-font-size;\n line-height: @base-h4-line-height;\n .hook-base-h4;\n}\n\nh5, .uk-h5 {\n font-size: @base-h5-font-size;\n line-height: @base-h5-line-height;\n .hook-base-h5;\n}\n\nh6, .uk-h6 {\n font-size: @base-h6-font-size;\n line-height: @base-h6-line-height;\n .hook-base-h6;\n}\n\n\n/* Lists\n ========================================================================== */\n\nul,\nol { padding-left: @base-list-padding-left; }\n\n/*\n * Reset margin for nested lists\n */\n\nul > li > ul,\nul > li > ol,\nol > li > ol,\nol > li > ul { margin: 0; }\n\n\n/* Description lists\n ========================================================================== */\n\ndt { font-weight: bold; }\ndd { margin-left: 0; }\n\n\n/* Horizontal rules\n ========================================================================== */\n\n/*\n * 1. Address differences between Firefox and other browsers.\n * 2. Style\n */\n\nhr {\n /* 1 */\n box-sizing: content-box;\n height: 0;\n /* 2 */\n margin: @base-hr-margin-vertical 0;\n border: 0;\n border-top: @base-hr-border-width solid @base-hr-border;\n .hook-base-hr;\n}\n\n\n/* Address\n ========================================================================== */\n\naddress { font-style: normal; }\n\n\n/* Blockquotes\n ========================================================================== */\n\nblockquote {\n padding-left: @base-blockquote-padding-left;\n border-left: @base-blockquote-border-width solid @base-blockquote-border;\n font-size: @base-blockquote-font-size;\n line-height: @base-blockquote-line-height;\n font-style: @base-blockquote-font-style;\n .hook-base-blockquote;\n}\n\n\n/* Preformatted text\n ========================================================================== */\n\n/*\n * 1. Contain overflow in all browsers.\n */\n\npre {\n padding: @base-pre-padding;\n background: @base-pre-background;\n font: @base-pre-font-size e("/") @base-pre-line-height @base-pre-font-family;\n color: @base-pre-color;\n -moz-tab-size: 4;\n tab-size: 4;\n /* 1 */\n overflow: auto;\n .hook-base-pre;\n}\n\n\n/* Selection pseudo-element\n ========================================================================== */\n\n::-moz-selection {\n background: @base-selection-background;\n color: @base-selection-color;\n text-shadow: none;\n}\n\n::selection {\n background: @base-selection-background;\n color: @base-selection-color;\n text-shadow: none;\n}\n\n\n/* HTML5 elements\n ========================================================================== */\n\n/*\n * Corrects `block` display not defined in IE 8/9.\n */\n\narticle,\naside,\ndetails,\nfigcaption,\nfigure,\nfooter,\nheader,\nmain,\nnav,\nsection,\nsummary { display: block; }\n\n/*\n * Addresses inconsistent vertical alignment of `progress` in Chrome, Firefox and Opera.\n */\n\nprogress { vertical-align: baseline; }\n\n/*\n * Prevent displaying `audio` without controls in Chrome, Safari and Opera\n */\n\naudio:not([controls]) { display: none; }\n\n/*\n * Address `[hidden]` styling not present in IE 8/9.\n * Hide the `template` element in IE and Safari\n */\n\n[hidden],\ntemplate { display: none; }\n\n\n/* Iframe\n ========================================================================== */\n\niframe { border: 0; }\n\n\n/* Fix viewport for IE10 snap mode\n ========================================================================== */\n\n@media screen and (max-width: 400px) {\n @-ms-viewport{\n width: device-width;\n }\n}\n\n\n// Hooks\n// ========================================================================\n\n.hook-base-misc;\n\n.hook-base-body() {}\n.hook-base-link() {}\n.hook-base-link-hover() {}\n.hook-base-code() {}\n.hook-base-h() {}\n.hook-base-h1() {}\n.hook-base-h2() {}\n.hook-base-h3() {}\n.hook-base-h4() {}\n.hook-base-h5() {}\n.hook-base-h6() {}\n.hook-base-hr() {}\n.hook-base-blockquote() {}\n.hook-base-pre() {}\n.hook-base-misc() {}\n\n// Layout\n// Name: Grid\n// Description: Provides a responsive, fluid and nestable grid\n//\n// Component: `uk-grid`\n// `uk-width-*`\n// `uk-push-*`\n// `uk-pull-*`\n//\n// Modifiers: `uk-grid-collapse`\n// `uk-grid-small`\n// `uk-grid-medium`\n// `uk-grid-divider`\n// `uk-grid-margin`\n// `uk-grid-match`\n// `uk-grid-width-*`\n//\n// Uses: Panel: `uk-panel`\n//\n// Used by: Dropdown\n//\n// Markup:\n//\n// \x3c!-- uk-grid --\x3e\n// \n//\n// \x3c!-- uk-grid-divider --\x3e\n// \n//
\n// \n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@grid-gutter-horizontal: 25px;\n@grid-gutter-vertical: 25px;\n\n@grid-gutter-large-horizontal: 35px;\n@grid-gutter-large-vertical: 35px;\n\n@grid-gutter-small-horizontal: 10px;\n@grid-gutter-small-vertical: 10px;\n\n@grid-divider-border: #ddd;\n@grid-divider-border-width: 1px;\n\n\n/* ========================================================================\n Component: Grid\n ========================================================================== */\n\n/*\n * 1. Makes grid more robust so that it can be used with other block elements like lists\n */\n\n.uk-grid {\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -ms-flex-wrap: wrap;\n -webkit-flex-wrap: wrap;\n flex-wrap: wrap;\n /* 1 */\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n/*\n * DEPRECATED\n * Micro clearfix\n * Can\'t use `table` because it creates a 1px gap when it becomes a flex item, only in Webkit\n */\n\n.uk-grid:before,\n.uk-grid:after {\n content: "";\n display: block;\n overflow: hidden;\n}\n\n.uk-grid:after { clear: both; }\n\n/*\n * Grid cell\n * 1. Space is allocated solely based on content dimensions\n * 2. Makes grid more robust so that it can be used with other block elements\n * 3. DEPRECATED Using `float` to support IE9\n */\n\n.uk-grid > * {\n /* 1 */\n -ms-flex: none;\n -webkit-flex: none;\n flex: none;\n /* 2 */\n margin: 0;\n /* 3 */\n float: left;\n}\n\n/*\n * Remove margin from the last-child\n */\n\n.uk-grid > * > :last-child { margin-bottom: 0; }\n\n\n/* Grid gutter\n ========================================================================== */\n\n/*\n * Default gutter\n */\n\n/* Horizontal */\n.uk-grid { margin-left: -@grid-gutter-horizontal; }\n.uk-grid > * { padding-left: @grid-gutter-horizontal; }\n\n/* Vertical */\n.uk-grid + .uk-grid,\n.uk-grid-margin,\n.uk-grid > * > .uk-panel + .uk-panel { margin-top: @grid-gutter-vertical; }\n\n/* Large screen and bigger */\n@media (min-width: @breakpoint-xlarge) {\n\n /* Horizontal */\n .uk-grid { margin-left: -@grid-gutter-large-horizontal; }\n .uk-grid > * { padding-left: @grid-gutter-large-horizontal; }\n\n /* Vertical */\n .uk-grid + .uk-grid,\n .uk-grid-margin,\n .uk-grid > * > .uk-panel + .uk-panel { margin-top: @grid-gutter-large-vertical; }\n\n}\n\n/*\n * Collapse gutter\n */\n\n/* Horizontal */\n.uk-grid-collapse { margin-left: 0; }\n.uk-grid-collapse > * { padding-left: 0; }\n\n/* Vertical */\n.uk-grid-collapse + .uk-grid-collapse,\n.uk-grid-collapse > .uk-grid-margin,\n.uk-grid-collapse > * > .uk-panel + .uk-panel { margin-top: 0; }\n\n/*\n * Small gutter\n */\n\n/* Horizontal */\n.uk-grid-small { margin-left: -@grid-gutter-small-horizontal; }\n.uk-grid-small > * { padding-left: @grid-gutter-small-horizontal; }\n\n/* Vertical */\n.uk-grid-small + .uk-grid-small,\n.uk-grid-small > .uk-grid-margin,\n.uk-grid-small > * > .uk-panel + .uk-panel { margin-top: @grid-gutter-small-vertical; }\n\n/*\n * Medium gutter\n */\n\n/* Horizontal */\n.uk-grid-medium { margin-left: -@grid-gutter-horizontal; }\n.uk-grid-medium > * { padding-left: @grid-gutter-horizontal; }\n\n/* Vertical */\n.uk-grid-medium + .uk-grid-medium,\n.uk-grid-medium > .uk-grid-margin,\n.uk-grid-medium > * > .uk-panel + .uk-panel { margin-top: @grid-gutter-vertical; }\n\n\n/* Modifier: `uk-grid-divider`\n ========================================================================== */\n\n/*\n * Horizontal divider\n * Only works with the default gutter. Does not work with gutter collapse, small or large.\n * Does not work with `uk-push-*`, `uk-pull-*` and not if the columns float into the next row.\n */\n\n.uk-grid-divider:not(:empty) {\n margin-left: -@grid-gutter-horizontal;\n margin-right: -@grid-gutter-horizontal;\n}\n\n.uk-grid-divider > * {\n padding-left: @grid-gutter-horizontal;\n padding-right: @grid-gutter-horizontal;\n}\n\n.uk-grid-divider > [class*=\'uk-width-1-\']:not(.uk-width-1-1):nth-child(n+2),\n.uk-grid-divider > [class*=\'uk-width-2-\']:nth-child(n+2),\n.uk-grid-divider > [class*=\'uk-width-3-\']:nth-child(n+2),\n.uk-grid-divider > [class*=\'uk-width-4-\']:nth-child(n+2),\n.uk-grid-divider > [class*=\'uk-width-5-\']:nth-child(n+2),\n.uk-grid-divider > [class*=\'uk-width-6-\']:nth-child(n+2),\n.uk-grid-divider > [class*=\'uk-width-7-\']:nth-child(n+2),\n.uk-grid-divider > [class*=\'uk-width-8-\']:nth-child(n+2),\n.uk-grid-divider > [class*=\'uk-width-9-\']:nth-child(n+2) { border-left: @grid-divider-border-width solid @grid-divider-border; }\n\n/* Tablet and bigger */\n@media (min-width: @breakpoint-medium) {\n\n .uk-grid-divider > [class*=\'uk-width-medium-\']:not(.uk-width-medium-1-1):nth-child(n+2) { border-left: @grid-divider-border-width solid @grid-divider-border; }\n\n}\n\n/* Desktop and bigger */\n@media (min-width: @breakpoint-large) {\n\n .uk-grid-divider > [class*=\'uk-width-large-\']:not(.uk-width-large-1-1):nth-child(n+2) { border-left: @grid-divider-border-width solid @grid-divider-border; }\n\n}\n\n/* Large screen and bigger */\n@media (min-width: @breakpoint-xlarge) {\n\n /*\n * Large gutter\n */\n\n .uk-grid-divider:not(:empty) {\n margin-left: -@grid-gutter-large-horizontal;\n margin-right: -@grid-gutter-large-horizontal;\n }\n\n .uk-grid-divider > * {\n padding-left: @grid-gutter-large-horizontal;\n padding-right: @grid-gutter-large-horizontal;\n }\n\n .uk-grid-divider:empty {\n margin-top: @grid-gutter-large-vertical;\n margin-bottom: @grid-gutter-large-vertical;\n }\n\n}\n\n/*\n * Vertical divider\n */\n\n.uk-grid-divider:empty {\n margin-top: @grid-gutter-vertical;\n margin-bottom: @grid-gutter-vertical;\n border-top: @grid-divider-border-width solid @grid-divider-border;\n}\n\n/* Match panels in grids\n ========================================================================== */\n\n/*\n * 1. Behave like a block element\n */\n\n.uk-grid-match > * {\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n /* 1 */\n -ms-flex-wrap: wrap;\n -webkit-flex-wrap: wrap;\n flex-wrap: wrap;\n}\n\n.uk-grid-match > * > * {\n /* 1 */\n -ms-flex: none;\n -webkit-flex: none;\n flex: none;\n box-sizing: border-box;\n width: 100%;\n}\n\n\n/* Even grid cell widths\n ========================================================================== */\n\n[class*=\'uk-grid-width\'] > * {\n box-sizing: border-box;\n width: 100%;\n}\n\n.uk-grid-width-1-2 > * { width: 50%; }\n.uk-grid-width-1-3 > * { width: 33.333%; }\n.uk-grid-width-1-4 > * { width: 25%; }\n.uk-grid-width-1-5 > * { width: 20%; }\n.uk-grid-width-1-6 > * { width: 16.666%; }\n.uk-grid-width-1-10 > * { width: 10%; }\n\n/* Phone landscape and bigger */\n@media (min-width: @breakpoint-small) {\n\n .uk-grid-width-small-1-2 > * { width: 50%; }\n .uk-grid-width-small-1-3 > * { width: 33.333%; }\n .uk-grid-width-small-1-4 > * { width: 25%; }\n .uk-grid-width-small-1-5 > * { width: 20%; }\n .uk-grid-width-small-1-6 > * { width: 16.666%; }\n .uk-grid-width-small-1-10 > * { width: 10%; }\n\n}\n\n/* Tablet and bigger */\n@media (min-width: @breakpoint-medium) {\n\n .uk-grid-width-medium-1-2 > * { width: 50%; }\n .uk-grid-width-medium-1-3 > * { width: 33.333%; }\n .uk-grid-width-medium-1-4 > * { width: 25%; }\n .uk-grid-width-medium-1-5 > * { width: 20%; }\n .uk-grid-width-medium-1-6 > * { width: 16.666%; }\n .uk-grid-width-medium-1-10 > * { width: 10%; }\n\n}\n\n/* Desktop and bigger */\n@media (min-width: @breakpoint-large) {\n\n .uk-grid-width-large-1-2 > * { width: 50%; }\n .uk-grid-width-large-1-3 > * { width: 33.333%; }\n .uk-grid-width-large-1-4 > * { width: 25%; }\n .uk-grid-width-large-1-5 > * { width: 20%; }\n .uk-grid-width-large-1-6 > * { width: 16.666%; }\n .uk-grid-width-large-1-10 > * { width: 10%; }\n\n}\n\n/* Large screen and bigger */\n@media (min-width: @breakpoint-xlarge) {\n\n .uk-grid-width-xlarge-1-2 > * { width: 50%; }\n .uk-grid-width-xlarge-1-3 > * { width: 33.333%; }\n .uk-grid-width-xlarge-1-4 > * { width: 25%; }\n .uk-grid-width-xlarge-1-5 > * { width: 20%; }\n .uk-grid-width-xlarge-1-6 > * { width: 16.666%; }\n .uk-grid-width-xlarge-1-10 > * { width: 10%; }\n\n}\n\n\n/* Sub-objects: `uk-width-*`\n ========================================================================== */\n\n[class*=\'uk-width\'] {\n box-sizing: border-box;\n width: 100%;\n}\n\n/*\n * Widths\n */\n\n/* Whole */\n.uk-width-1-1 { width: 100%; }\n\n/* Halves */\n.uk-width-1-2,\n.uk-width-2-4,\n.uk-width-3-6,\n.uk-width-5-10 { width: 50%; }\n\n/* Thirds */\n.uk-width-1-3,\n.uk-width-2-6 { width: 33.333%; }\n.uk-width-2-3,\n.uk-width-4-6 { width: 66.666%; }\n\n/* Quarters */\n.uk-width-1-4 { width: 25%; }\n.uk-width-3-4 { width: 75%; }\n\n/* Fifths */\n.uk-width-1-5,\n.uk-width-2-10 { width: 20%; }\n.uk-width-2-5,\n.uk-width-4-10 { width: 40%; }\n.uk-width-3-5,\n.uk-width-6-10 { width: 60%; }\n.uk-width-4-5,\n.uk-width-8-10 { width: 80%; }\n\n/* Sixths */\n.uk-width-1-6 { width: 16.666%; }\n.uk-width-5-6 { width: 83.333%; }\n\n/* Tenths */\n.uk-width-1-10 { width: 10%; }\n.uk-width-3-10 { width: 30%; }\n.uk-width-7-10 { width: 70%; }\n.uk-width-9-10 { width: 90%; }\n\n/* Phone landscape and bigger */\n@media (min-width: @breakpoint-small) {\n\n /* Whole */\n .uk-width-small-1-1 { width: 100%; }\n\n /* Halves */\n .uk-width-small-1-2,\n .uk-width-small-2-4,\n .uk-width-small-3-6,\n .uk-width-small-5-10 { width: 50%; }\n\n /* Thirds */\n .uk-width-small-1-3,\n .uk-width-small-2-6 { width: 33.333%; }\n .uk-width-small-2-3,\n .uk-width-small-4-6 { width: 66.666%; }\n\n /* Quarters */\n .uk-width-small-1-4 { width: 25%; }\n .uk-width-small-3-4 { width: 75%; }\n\n /* Fifths */\n .uk-width-small-1-5,\n .uk-width-small-2-10 { width: 20%; }\n .uk-width-small-2-5,\n .uk-width-small-4-10 { width: 40%; }\n .uk-width-small-3-5,\n .uk-width-small-6-10 { width: 60%; }\n .uk-width-small-4-5,\n .uk-width-small-8-10 { width: 80%; }\n\n /* Sixths */\n .uk-width-small-1-6 { width: 16.666%; }\n .uk-width-small-5-6 { width: 83.333%; }\n\n /* Tenths */\n .uk-width-small-1-10 { width: 10%; }\n .uk-width-small-3-10 { width: 30%; }\n .uk-width-small-7-10 { width: 70%; }\n .uk-width-small-9-10 { width: 90%; }\n\n}\n\n/* Tablet and bigger */\n@media (min-width: @breakpoint-medium) {\n\n /* Whole */\n .uk-width-medium-1-1 { width: 100%; }\n\n /* Halves */\n .uk-width-medium-1-2,\n .uk-width-medium-2-4,\n .uk-width-medium-3-6,\n .uk-width-medium-5-10 { width: 50%; }\n\n /* Thirds */\n .uk-width-medium-1-3,\n .uk-width-medium-2-6 { width: 33.333%; }\n .uk-width-medium-2-3,\n .uk-width-medium-4-6 { width: 66.666%; }\n\n /* Quarters */\n .uk-width-medium-1-4 { width: 25%; }\n .uk-width-medium-3-4 { width: 75%; }\n\n /* Fifths */\n .uk-width-medium-1-5,\n .uk-width-medium-2-10 { width: 20%; }\n .uk-width-medium-2-5,\n .uk-width-medium-4-10 { width: 40%; }\n .uk-width-medium-3-5,\n .uk-width-medium-6-10 { width: 60%; }\n .uk-width-medium-4-5,\n .uk-width-medium-8-10 { width: 80%; }\n\n /* Sixths */\n .uk-width-medium-1-6 { width: 16.666%; }\n .uk-width-medium-5-6 { width: 83.333%; }\n\n /* Tenths */\n .uk-width-medium-1-10 { width: 10%; }\n .uk-width-medium-3-10 { width: 30%; }\n .uk-width-medium-7-10 { width: 70%; }\n .uk-width-medium-9-10 { width: 90%; }\n\n}\n\n/* Desktop and bigger */\n@media (min-width: @breakpoint-large) {\n\n /* Whole */\n .uk-width-large-1-1 { width: 100%; }\n\n /* Halves */\n .uk-width-large-1-2,\n .uk-width-large-2-4,\n .uk-width-large-3-6,\n .uk-width-large-5-10 { width: 50%; }\n\n /* Thirds */\n .uk-width-large-1-3,\n .uk-width-large-2-6 { width: 33.333%; }\n .uk-width-large-2-3,\n .uk-width-large-4-6 { width: 66.666%; }\n\n /* Quarters */\n .uk-width-large-1-4 { width: 25%; }\n .uk-width-large-3-4 { width: 75%; }\n\n /* Fifths */\n .uk-width-large-1-5,\n .uk-width-large-2-10 { width: 20%; }\n .uk-width-large-2-5,\n .uk-width-large-4-10 { width: 40%; }\n .uk-width-large-3-5,\n .uk-width-large-6-10 { width: 60%; }\n .uk-width-large-4-5,\n .uk-width-large-8-10 { width: 80%; }\n\n /* Sixths */\n .uk-width-large-1-6 { width: 16.666%; }\n .uk-width-large-5-6 { width: 83.333%; }\n\n /* Tenths */\n .uk-width-large-1-10 { width: 10%; }\n .uk-width-large-3-10 { width: 30%; }\n .uk-width-large-7-10 { width: 70%; }\n .uk-width-large-9-10 { width: 90%; }\n\n}\n\n/* Large screen and bigger */\n@media (min-width: @breakpoint-xlarge) {\n\n /* Whole */\n .uk-width-xlarge-1-1 { width: 100%; }\n\n /* Halves */\n .uk-width-xlarge-1-2,\n .uk-width-xlarge-2-4,\n .uk-width-xlarge-3-6,\n .uk-width-xlarge-5-10 { width: 50%; }\n\n /* Thirds */\n .uk-width-xlarge-1-3,\n .uk-width-xlarge-2-6 { width: 33.333%; }\n .uk-width-xlarge-2-3,\n .uk-width-xlarge-4-6 { width: 66.666%; }\n\n /* Quarters */\n .uk-width-xlarge-1-4 { width: 25%; }\n .uk-width-xlarge-3-4 { width: 75%; }\n\n /* Fifths */\n .uk-width-xlarge-1-5,\n .uk-width-xlarge-2-10 { width: 20%; }\n .uk-width-xlarge-2-5,\n .uk-width-xlarge-4-10 { width: 40%; }\n .uk-width-xlarge-3-5,\n .uk-width-xlarge-6-10 { width: 60%; }\n .uk-width-xlarge-4-5,\n .uk-width-xlarge-8-10 { width: 80%; }\n\n /* Sixths */\n .uk-width-xlarge-1-6 { width: 16.666%; }\n .uk-width-xlarge-5-6 { width: 83.333%; }\n\n /* Tenths */\n .uk-width-xlarge-1-10 { width: 10%; }\n .uk-width-xlarge-3-10 { width: 30%; }\n .uk-width-xlarge-7-10 { width: 70%; }\n .uk-width-xlarge-9-10 { width: 90%; }\n\n}\n\n\n/* Sub-object: `uk-push-*` and `uk-pull-*`\n ========================================================================== */\n\n/*\n * Source ordering\n * Works only with `uk-width-medium-*`\n */\n\n/* Tablet and bigger */\n@media (min-width: @breakpoint-medium) {\n\n [class*=\'uk-push-\'],\n [class*=\'uk-pull-\'] { position: relative; }\n\n /*\n * Push\n */\n\n /* Halves */\n .uk-push-1-2,\n .uk-push-2-4,\n .uk-push-3-6,\n .uk-push-5-10 { left: 50%; }\n\n /* Thirds */\n .uk-push-1-3,\n .uk-push-2-6 { left: 33.333%; }\n .uk-push-2-3,\n .uk-push-4-6 { left: 66.666%; }\n\n /* Quarters */\n .uk-push-1-4 { left: 25%; }\n .uk-push-3-4 { left: 75%; }\n\n /* Fifths */\n .uk-push-1-5,\n .uk-push-2-10 { left: 20%; }\n .uk-push-2-5,\n .uk-push-4-10 { left: 40%; }\n .uk-push-3-5,\n .uk-push-6-10 { left: 60%; }\n .uk-push-4-5,\n .uk-push-8-10 { left: 80%; }\n\n /* Sixths */\n .uk-push-1-6 { left: 16.666%; }\n .uk-push-5-6 { left: 83.333%; }\n\n /* Tenths */\n .uk-push-1-10 { left: 10%; }\n .uk-push-3-10 { left: 30%; }\n .uk-push-7-10 { left: 70%; }\n .uk-push-9-10 { left: 90%; }\n\n /*\n * Pull\n */\n\n /* Halves */\n .uk-pull-1-2,\n .uk-pull-2-4,\n .uk-pull-3-6,\n .uk-pull-5-10 { left: -50%; }\n\n /* Thirds */\n .uk-pull-1-3,\n .uk-pull-2-6 { left: -33.333%; }\n .uk-pull-2-3,\n .uk-pull-4-6 { left: -66.666%; }\n\n /* Quarters */\n .uk-pull-1-4 { left: -25%; }\n .uk-pull-3-4 { left: -75%; }\n\n /* Fifths */\n .uk-pull-1-5,\n .uk-pull-2-10 { left: -20%; }\n .uk-pull-2-5,\n .uk-pull-4-10 { left: -40%; }\n .uk-pull-3-5,\n .uk-pull-6-10 { left: -60%; }\n .uk-pull-4-5,\n .uk-pull-8-10 { left: -80%; }\n\n /* Sixths */\n .uk-pull-1-6 { left: -16.666%; }\n .uk-pull-5-6 { left: -83.333%; }\n\n /* Tenths */\n .uk-pull-1-10 { left: -10%; }\n .uk-pull-3-10 { left: -30%; }\n .uk-pull-7-10 { left: -70%; }\n .uk-pull-9-10 { left: -90%; }\n\n}\n\n\n// Hooks\n// ========================================================================\n\n.hook-grid-misc;\n\n.hook-grid-misc() {}\n\n// Name: Panel\n// Description: Defines styles for reusable content areas\n//\n// Component: `uk-panel`\n//\n// Sub-objects: `uk-panel-title`\n// `uk-panel-badge`\n// `uk-panel-teaser`\n// `uk-panel-body`\n//\n// Modifiers: `uk-panel-box`\n// `uk-panel-box-hover`\n// `uk-panel-box-primary`\n// `uk-panel-box-primary-hover`\n// `uk-panel-box-secondary`\n// `uk-panel-box-secondary-hover`\n// `uk-panel-hover`\n// `uk-panel-header`\n// `uk-panel-space`\n// `uk-panel-divider`\n//\n// Uses: Nav: `uk-nav-side`\n//\n// Used by: Dropdown\n// Off-canvas\n// Grid\n//\n// Markup:\n//\n// \x3c!-- uk-panel --\x3e\n// \n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@panel-title-margin-bottom: 15px;\n@panel-title-font-size: 18px;\n@panel-title-line-height: 24px;\n@panel-title-font-weight: normal;\n@panel-title-color: #444;\n@panel-title-text-transform: none;\n\n@panel-teaser-margin-bottom: @panel-title-margin-bottom;\n\n@panel-box-padding: 15px;\n@panel-box-background: #f5f5f5;\n@panel-box-color: #444;\n@panel-box-hover-color: @panel-box-color;\n@panel-box-title-color: #444;\n@panel-box-badge-top: 10px;\n@panel-box-badge-right: @panel-box-badge-top;\n@panel-box-teaser-margin: -@panel-box-padding;\n\n@panel-box-primary-background: #ebf7fd;\n@panel-box-primary-color: #2d7091;\n@panel-box-primary-hover-color: @panel-box-primary-color;\n@panel-box-primary-title-color: #2d7091;\n\n@panel-box-secondary-background: #eee;\n@panel-box-secondary-color: #444;\n@panel-box-secondary-hover-color: @panel-box-secondary-color;\n@panel-box-secondary-title-color: #444;\n\n@panel-hover-padding: 15px;\n@panel-hover-color: #444;\n@panel-hover-hover-background: #f5f5f5;\n@panel-hover-hover-color: #444;\n@panel-hover-badge-top: 10px;\n@panel-hover-badge-right: @panel-hover-badge-top;\n@panel-hover-teaser-margin: -@panel-hover-padding;\n\n@panel-header-title-padding: 10px;\n@panel-header-title-border: #ddd;\n@panel-header-title-border-width: 1px;\n@panel-header-title-color: #444;\n\n@panel-space-padding: 30px;\n\n@panel-divider-gutter: 25px;\n@panel-divider-gutter-large: 35px;\n@panel-divider-border: #ddd;\n@panel-divider-border-width: 1px;\n\n@panel-body-padding: @panel-box-padding;\n\n\n/* ========================================================================\n Component: Panel\n ========================================================================== */\n\n/*\n * 1. Needed for `a` elements\n * 2. Create position context for badges\n */\n\n.uk-panel {\n /* 1 */\n display: block;\n /* 2 */\n position: relative;\n}\n\n/*\n * Allow panels to be anchors\n */\n\n.uk-panel,\n.uk-panel:hover { text-decoration: none; }\n\n/*\n * Micro clearfix to make panels more robust\n */\n\n.uk-panel:before,\n.uk-panel:after {\n content: "";\n display: table;\n}\n\n.uk-panel:after { clear: both; }\n\n/*\n * Remove margin from the last-child if not `uk-widget-title`\n */\n\n.uk-panel > :not(.uk-panel-title):last-child { margin-bottom: 0; }\n\n\n/* Sub-object: `uk-panel-title`\n ========================================================================== */\n\n.uk-panel-title {\n margin-top: 0;\n margin-bottom: @panel-title-margin-bottom;\n font-size: @panel-title-font-size;\n line-height: @panel-title-line-height;\n font-weight: @panel-title-font-weight;\n text-transform: @panel-title-text-transform;\n color: @panel-title-color;\n .hook-panel-title;\n}\n\n\n/* Sub-object: `uk-panel-badge`\n ========================================================================== */\n\n.uk-panel-badge {\n position: absolute;\n top: 0;\n right: 0;\n z-index: 1;\n .hook-panel-badge;\n}\n\n/* Sub-object: `uk-panel-teaser`\n ========================================================================== */\n\n.uk-panel-teaser { margin-bottom: @panel-teaser-margin-bottom; }\n\n\n/* Sub-object: `uk-panel-body`\n ========================================================================== */\n\n.uk-panel-body { padding: @panel-body-padding; }\n\n\n/* Modifier: `uk-panel-box`\n ========================================================================== */\n\n.uk-panel-box {\n padding: @panel-box-padding;\n background: @panel-box-background;\n color: @panel-box-color;\n .hook-panel-box;\n}\n\n.uk-panel-box-hover:hover {\n color: @panel-box-hover-color;\n .hook-panel-box-hover;\n}\n\n.uk-panel-box .uk-panel-title { color: @panel-box-title-color; }\n\n.uk-panel-box .uk-panel-badge {\n top: @panel-box-badge-top;\n right: @panel-box-badge-right;\n}\n\n.uk-panel-box > .uk-panel-teaser {\n margin-top: @panel-box-teaser-margin;\n margin-left: @panel-box-teaser-margin;\n margin-right: @panel-box-teaser-margin;\n}\n\n/*\n * Nav in panel\n */\n\n.uk-panel-box > .uk-nav-side { margin: 0 (-@panel-box-padding); }\n\n/*\n * Sub-modifier: `uk-panel-box-primary`\n */\n\n.uk-panel-box-primary {\n background-color: @panel-box-primary-background;\n color: @panel-box-primary-color;\n .hook-panel-box-primary;\n}\n\n.uk-panel-box-primary-hover:hover {\n color: @panel-box-primary-hover-color;\n .hook-panel-box-primary-hover;\n}\n\n.uk-panel-box-primary .uk-panel-title { color: @panel-box-primary-title-color; }\n\n/*\n * Sub-modifier: `uk-panel-box-secondary`\n */\n\n.uk-panel-box-secondary {\n background-color: @panel-box-secondary-background;\n color: @panel-box-secondary-color;\n .hook-panel-box-secondary;\n}\n\n.uk-panel-box-secondary-hover:hover {\n color: @panel-box-secondary-hover-color;\n .hook-panel-box-secondary-hover;\n}\n\n.uk-panel-box-secondary .uk-panel-title { color: @panel-box-secondary-title-color; }\n\n\n/* Modifier: `uk-panel-hover`\n ========================================================================== */\n\n.uk-panel-hover {\n padding: @panel-hover-padding;\n color: @panel-hover-color;\n .hook-panel-hover;\n}\n\n.uk-panel-hover:hover {\n background: @panel-hover-hover-background;\n color: @panel-hover-hover-color;\n .hook-panel-hover-hover;\n}\n\n.uk-panel-hover .uk-panel-badge {\n top: @panel-hover-badge-top;\n right: @panel-hover-badge-right;\n}\n\n.uk-panel-hover > .uk-panel-teaser {\n margin-top: @panel-hover-teaser-margin;\n margin-left: @panel-hover-teaser-margin;\n margin-right: @panel-hover-teaser-margin;\n}\n\n\n/* Modifier: `uk-panel-header`\n ========================================================================== */\n\n.uk-panel-header .uk-panel-title {\n padding-bottom: @panel-header-title-padding;\n border-bottom: @panel-header-title-border-width solid @panel-header-title-border;\n color: @panel-header-title-color;\n .hook-panel-header;\n}\n\n\n/* Modifier: `uk-panel-space`\n ========================================================================== */\n\n.uk-panel-space { padding: @panel-space-padding; }\n\n.uk-panel-space .uk-panel-badge {\n top: @panel-space-padding;\n right: @panel-space-padding;\n}\n\n\n/* Modifier: `uk-panel-divider`\n ========================================================================== */\n\n.uk-panel + .uk-panel-divider { margin-top: (@panel-divider-gutter * 2) !important; }\n\n.uk-panel + .uk-panel-divider:before {\n content: "";\n display: block;\n position: absolute;\n top: -(@panel-divider-gutter);\n left: 0;\n right: 0;\n border-top: @panel-divider-border-width solid @panel-divider-border;\n}\n\n/* Large screen and bigger */\n@media (min-width: @breakpoint-xlarge) {\n\n .uk-panel + .uk-panel-divider { margin-top: (@panel-divider-gutter-large * 2) !important; }\n .uk-panel + .uk-panel-divider:before { top: -(@panel-divider-gutter-large); }\n\n}\n\n\n// Hooks\n// ========================================================================\n\n.hook-panel-misc;\n\n.hook-panel-title() {}\n.hook-panel-badge() {}\n.hook-panel-box() {}\n.hook-panel-box-hover() {}\n.hook-panel-box-primary() {}\n.hook-panel-box-primary-hover() {}\n.hook-panel-box-secondary() {}\n.hook-panel-box-secondary-hover() {}\n.hook-panel-hover() {}\n.hook-panel-hover-hover() {}\n.hook-panel-header() {}\n.hook-panel-misc() {}\n\n// Name: Block\n// Description: Defines styles to create horizontal layout blocks\n//\n// Component: `uk-block`\n//\n// Modifiers: `uk-list-line`\n// `uk-list-striped`\n// `uk-list-space`\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@block-padding-vertical: 20px;\n@block-padding-vertical-large: 50px;\n\n@block-large-padding-vertical: @block-padding-vertical;\n@block-large-padding-vertical-medium: @block-padding-vertical-large;\n@block-large-padding-vertical-large: 100px;\n\n@block-default-background: #fff;\n@block-muted-background: #f9f9f9;\n@block-primary-background: #00a8e6;\n@block-secondary-background: #222;\n\n\n/* ========================================================================\n Component: Block\n ========================================================================== */\n\n.uk-block {\n position: relative;\n box-sizing: border-box;\n padding-top: @block-padding-vertical;\n padding-bottom: @block-padding-vertical;\n .hook-block;\n}\n\n/* Phone landscape and bigger */\n@media (min-width: @breakpoint-medium) {\n\n .uk-block {\n padding-top: @block-padding-vertical-large;\n padding-bottom: @block-padding-vertical-large;\n }\n\n}\n\n/*\n * Micro clearfix to make blocks more robust\n */\n\n.uk-block:before,\n.uk-block:after {\n content: "";\n display: table;\n}\n\n.uk-block:after { clear: both; }\n\n/*\n * Remove margin from the last-child\n */\n\n.uk-block > :last-child { margin-bottom: 0; }\n\n\n/* Padding Modifier\n ========================================================================== */\n\n/*\n * Large padding\n */\n\n.uk-block-large {\n padding-top: @block-large-padding-vertical;\n padding-bottom: @block-large-padding-vertical;\n}\n\n/* Tablets and bigger */\n@media (min-width: @breakpoint-medium) {\n\n .uk-block-large {\n padding-top: @block-large-padding-vertical-medium;\n padding-bottom: @block-large-padding-vertical-medium;\n }\n\n}\n\n/* Desktop and bigger */\n@media (min-width: @breakpoint-large) {\n\n .uk-block-large {\n padding-top: @block-large-padding-vertical-large;\n padding-bottom: @block-large-padding-vertical-large;\n }\n\n}\n\n\n/* Color Modifier\n ========================================================================== */\n\n/*\n * Default\n */\n\n.uk-block-default {\n background: @block-default-background;\n .hook-block-default;\n}\n\n/*\n * Muted\n */\n\n.uk-block-muted {\n background: @block-muted-background;\n .hook-block-muted;\n}\n\n/*\n * Primary\n */\n\n.uk-block-primary {\n background: @block-primary-background;\n .hook-block-primary;\n}\n\n/*\n * Secondary\n */\n\n.uk-block-secondary {\n background: @block-secondary-background;\n .hook-block-secondary;\n}\n\n\n// Hooks\n// ========================================================================\n\n.hook-block-misc;\n\n.hook-block() {}\n.hook-block-default() {}\n.hook-block-muted() {}\n.hook-block-secondary() {}\n.hook-block-primary() {}\n.hook-block-misc() {}\n// Name: Article\n// Description: Defines styles for articles within your page\n//\n// Component: `uk-article`\n//\n// Sub-objects: `uk-article-title`\n// `uk-article-meta`\n// `uk-article-lead`\n// `uk-article-divider`\n//\n// Markup:\n//\n// \x3c!-- uk-article --\x3e\n// \n//
\n//
\n//
\n//
\n//
\n//
\n//
\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@article-margin-top: 25px;\n\n@article-title-font-size: 36px;\n@article-title-line-height: 42px;\n@article-title-font-weight: normal;\n@article-title-text-transform: none;\n\n@article-meta-font-size: 12px;\n@article-meta-line-height: 18px;\n@article-meta-color: #999;\n\n@article-lead-color: #444;\n@article-lead-font-size: 18px;\n@article-lead-line-height: 24px;\n@article-lead-font-weight: normal;\n\n@article-divider-margin: 25px;\n@article-divider-border: #ddd;\n\n\n/* ========================================================================\n Component: Article\n ========================================================================== */\n\n/*\n * Micro clearfix to make articles more robust\n */\n\n.uk-article:before,\n.uk-article:after {\n content: "";\n display: table;\n}\n\n.uk-article:after { clear: both; }\n\n/*\n * Remove margin from the last-child\n */\n\n.uk-article > :last-child { margin-bottom: 0; }\n\n/*\n * Vertical gutter for articles\n */\n\n.uk-article + .uk-article { margin-top: @article-margin-top; }\n\n\n/* Sub-object `uk-article-title`\n ========================================================================== */\n\n.uk-article-title {\n font-size: @article-title-font-size;\n line-height: @article-title-line-height;\n font-weight: @article-title-font-weight;\n text-transform: @article-title-text-transform;\n .hook-article-title;\n}\n\n.uk-article-title a {\n color: inherit;\n text-decoration: none;\n}\n\n\n/* Sub-object `uk-article-meta`\n ========================================================================== */\n\n.uk-article-meta {\n font-size: @article-meta-font-size;\n line-height: @article-meta-line-height;\n color: @article-meta-color;\n .hook-article-meta;\n}\n\n\n/* Sub-object `uk-article-lead`\n ========================================================================== */\n\n.uk-article-lead {\n color: @article-lead-color;\n font-size: @article-lead-font-size;\n line-height: @article-lead-line-height;\n font-weight: @article-lead-font-weight;\n .hook-article-lead;\n}\n\n\n/* Sub-object `uk-article-divider`\n ========================================================================== */\n\n.uk-article-divider {\n margin-bottom: @article-divider-margin;\n border-color: @article-divider-border;\n .hook-article-divider;\n}\n\n* + .uk-article-divider { margin-top: @article-divider-margin; }\n\n\n// Hooks\n// ========================================================================\n\n.hook-article-misc;\n\n.hook-article-title() {}\n.hook-article-meta() {}\n.hook-article-lead() {}\n.hook-article-divider() {}\n.hook-article-misc() {}\n// Name: Comment\n// Description: Defines styles for comment threads\n//\n// Component: `uk-comment`\n//\n// Sub-objects: `uk-comment-header`\n// `uk-comment-avatar`\n// `uk-comment-title`\n// `uk-comment-meta`\n// `uk-comment-body`\n// `uk-comment-list`\n// `uk-comment-primary`\n//\n// Markup:\n//\n// \x3c!-- uk-comment --\x3e\n// \n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@comment-header-margin-bottom: 15px;\n\n@comment-avatar-margin-right: 15px;\n\n@comment-title-margin-top: 5px;\n@comment-title-font-size: 16px;\n@comment-title-line-height: 22px;\n\n@comment-meta-margin-top: 2px;\n@comment-meta-color: #999;\n@comment-meta-font-size: 11px;\n@comment-meta-line-height: 16px;\n\n@comment-list-margin-top: 15px;\n@comment-list-padding-left: 100px;\n\n\n/* ========================================================================\n Component: Comment\n ========================================================================== */\n\n.uk-comment {\n .hook-comment;\n}\n\n\n/* Sub-object `uk-comment-header`\n ========================================================================== */\n\n.uk-comment-header {\n margin-bottom: @comment-header-margin-bottom;\n .hook-comment-header;\n}\n\n/*\n * Micro clearfix\n */\n\n.uk-comment-header:before,\n.uk-comment-header:after {\n content: "";\n display: table;\n}\n\n.uk-comment-header:after { clear: both; }\n\n\n/* Sub-object `uk-comment-avatar`\n ========================================================================== */\n\n.uk-comment-avatar {\n margin-right: @comment-avatar-margin-right;\n float: left;\n .hook-comment-avatar;\n}\n\n\n/* Sub-object `uk-comment-title`\n ========================================================================== */\n\n.uk-comment-title {\n margin: @comment-title-margin-top 0 0 0;\n font-size: @comment-title-font-size;\n line-height: @comment-title-line-height;\n .hook-comment-title;\n}\n\n\n/* Sub-object `uk-comment-meta`\n ========================================================================== */\n\n.uk-comment-meta {\n margin: @comment-meta-margin-top 0 0 0;\n font-size: @comment-meta-font-size;\n line-height: @comment-meta-line-height;\n color: @comment-meta-color;\n .hook-comment-meta;\n}\n\n\n/* Sub-object `uk-comment-body`\n ========================================================================== */\n\n.uk-comment-body {\n .hook-comment-body;\n}\n\n/*\n * Remove margin from the last-child\n */\n\n .uk-comment-body > :last-child { margin-bottom: 0; }\n\n\n/* Sub-object `uk-comment-list`\n ========================================================================== */\n\n.uk-comment-list {\n padding: 0;\n list-style: none;\n}\n\n.uk-comment-list .uk-comment + ul {\n margin: @comment-list-margin-top 0 0 0;\n list-style: none;\n}\n\n.uk-comment-list > li:nth-child(n+2),\n.uk-comment-list .uk-comment + ul > li:nth-child(n+2) { margin-top: @comment-list-margin-top; }\n\n/* Tablet and bigger */\n@media (min-width: @breakpoint-medium) {\n\n .uk-comment-list .uk-comment + ul { padding-left: @comment-list-padding-left; }\n\n}\n\n\n/* Modifier `uk-comment-primary`\n ========================================================================== */\n\n.uk-comment-primary {\n .hook-comment-primary;\n}\n\n\n// Hooks\n// ========================================================================\n\n.hook-comment-misc;\n\n.hook-comment() {}\n.hook-comment-header() {}\n.hook-comment-avatar() {}\n.hook-comment-title() {}\n.hook-comment-meta() {}\n.hook-comment-body() {}\n.hook-comment-primary() {}\n.hook-comment-misc() {}\n// Name: Cover\n// Description: Defines styles for images and videos to cover their container in a centered position\n//\n// Component: `uk-cover-*`\n//\n// Used by: Slideshow\n//\n// ========================================================================\n\n\n/* ========================================================================\n Component: Cover\n ========================================================================== */\n\n/*\n * Background image always covers and centers its element\n */\n\n.uk-cover-background {\n background-position: 50% 50%;\n background-size: cover;\n background-repeat: no-repeat;\n}\n\n/*\n * Emulates image cover, works with video and image elements\n * 1. Parent container which clips resized object\n * 2. Resizes the object to always covers its container\n * 3. Reset the responsive image CSS\n * 4. Center object\n */\n\n/* 1 */\n.uk-cover { overflow: hidden; }\n\n.uk-cover-object {\n /* 2 */\n width: auto;\n height: auto;\n min-width: 100%;\n min-height: 100%;\n /* 3 */\n max-width: none;\n /* 4 */\n position: relative;\n left: 50%;\n top: 50%;\n -webkit-transform: translate(-50%,-50%);\n transform: translate(-50%,-50%);\n}\n\n/*\n * To center iframes use `data-uk-cover` JavaScript\n */\n\n[data-uk-cover] {\n position: relative;\n left: 50%;\n top: 50%;\n -webkit-transform: translate(-50%,-50%);\n transform: translate(-50%,-50%);\n}\n\n\n// Hooks\n// ========================================================================\n\n.hook-cover-misc;\n\n.hook-cover-misc() {}\n\n// Navs\n// Name: Nav\n// Description: Defines styles for list navigations\n//\n// Component: `uk-nav`\n//\n// Sub-objects: `uk-nav-header`\n// `uk-nav-divider`\n// `uk-nav-sub`\n//\n// Modifiers: `uk-nav-parent-icon`\n// `uk-nav-side`\n// `uk-nav-dropdown`\n// `uk-nav-navbar`\n// `uk-nav-offcanvas`\n//\n// States: `uk-active`\n// `uk-parent`\n// `uk-open`\n// `uk-touch`\n//\n// Uses: Icon: FontAwesome\n//\n// Used by: Panel\n// Dropdown\n//\n// Markup:\n//\n// \x3c!-- uk-nav --\x3e\n// \n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@nav-padding-vertical: 5px;\n@nav-padding-horizontal: 15px;\n\n@nav-header-padding-vertical: @nav-padding-vertical;\n@nav-header-padding-horizontal: @nav-padding-horizontal;\n@nav-header-font-size: 12px;\n@nav-header-font-weight: bold;\n@nav-header-text-transform: uppercase;\n@nav-header-margin-top: 15px;\n\n@nav-divider-margin-vertical: 9px;\n@nav-divider-margin-horizontal: @nav-padding-horizontal;\n\n@nav-subtitle-font-size: 12px;\n@nav-subtitle-line-height: 18px;\n\n@nav-nested-padding-left: 15px;\n@nav-nested-padding-vertical: 2px;\n@nav-nested-padding-horizontal: 0;\n\n@nav-sub-padding-vertical: 5px;\n@nav-sub-padding-left: @nav-padding-horizontal;\n\n@nav-parent-icon: "\\f104";\n@nav-parent-open-icon: "\\f107";\n@nav-parent-icon-width: 20px;\n@nav-parent-icon-margin-right: -10px;\n\n@nav-side-color: #444;\n@nav-side-hover-background: rgba(0,0,0,0.05);\n@nav-side-hover-color: #444;\n@nav-side-active-background: #00a8e6;\n@nav-side-active-color: #fff;\n@nav-side-header-color: #444;\n@nav-side-divider-border: #ddd;\n@nav-side-divider-border-width: 1px;\n@nav-side-nested-color: #07D;\n@nav-side-nested-hover-color: #059;\n\n@nav-dropdown-color: #444;\n@nav-dropdown-hover-background: #00a8e6;\n@nav-dropdown-hover-color: #fff;\n@nav-dropdown-header-color: #999;\n@nav-dropdown-divider-border: #ddd;\n@nav-dropdown-divider-border-width: 1px;\n@nav-dropdown-nested-color: #07D;\n@nav-dropdown-nested-hover-color: #059;\n\n@nav-navbar-color: #444;\n@nav-navbar-hover-background: #00a8e6;\n@nav-navbar-hover-color: #fff;\n@nav-navbar-header-color: #999;\n@nav-navbar-divider-border: #ddd;\n@nav-navbar-divider-border-width: 1px;\n@nav-navbar-nested-color: #07D;\n@nav-navbar-nested-hover-color: #059;\n\n@nav-offcanvas-padding-vertical: 10px;\n@nav-offcanvas-padding-horizontal: 15px;\n@nav-offcanvas-color: #ccc;\n@nav-offcanvas-hover-background: #404040;\n@nav-offcanvas-hover-color: #fff;\n@nav-offcanvas-active-background: #1a1a1a;\n@nav-offcanvas-active-color: #fff;\n@nav-offcanvas-header-color: #777;\n@nav-offcanvas-divider-border: #1a1a1a;\n@nav-offcanvas-divider-border-width: 1px;\n@nav-offcanvas-nested-color: #ccc;\n@nav-offcanvas-nested-hover-color: #fff;\n\n\n/* ========================================================================\n Component: Nav\n ========================================================================== */\n\n.uk-nav,\n.uk-nav ul {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n/*\n * Items\n */\n\n.uk-nav li > a {\n display: block;\n text-decoration: none;\n}\n\n.uk-nav > li > a { padding: @nav-padding-vertical @nav-padding-horizontal; }\n\n/*\n * Nested items\n */\n\n.uk-nav ul { padding-left: @nav-nested-padding-left; }\n\n.uk-nav ul a { padding: @nav-nested-padding-vertical @nav-nested-padding-horizontal; }\n\n/*\n * Item subtitle\n */\n\n.uk-nav li > a > div {\n font-size: @nav-subtitle-font-size;\n line-height: @nav-subtitle-line-height;\n}\n\n\n/* Sub-object: `uk-nav-header`\n ========================================================================== */\n\n.uk-nav-header {\n padding: @nav-header-padding-vertical @nav-header-padding-horizontal;\n text-transform: @nav-header-text-transform;\n font-weight: @nav-header-font-weight;\n font-size: @nav-header-font-size;\n .hook-nav-header;\n}\n\n.uk-nav-header:not(:first-child) { margin-top: @nav-header-margin-top; }\n\n\n/* Sub-object: `uk-nav-divider`\n ========================================================================== */\n\n.uk-nav-divider {\n margin: @nav-divider-margin-vertical @nav-divider-margin-horizontal;\n .hook-nav-divider;\n}\n\n\n/* Sub-object: `uk-nav-sub`\n ========================================================================== */\n\n/*\n * `ul` needed for higher specificity to override padding\n */\n\nul.uk-nav-sub {\n padding: @nav-sub-padding-vertical 0 @nav-sub-padding-vertical @nav-sub-padding-left;\n .hook-nav-sub;\n}\n\n\n/* Modifier: `uk-nav-parent-icon`\n ========================================================================== */\n\n.uk-nav-parent-icon > .uk-parent > a:after {\n content: @nav-parent-icon;\n width: @nav-parent-icon-width;\n margin-right: @nav-parent-icon-margin-right;\n float: right;\n font-family: FontAwesome;\n text-align: center;\n .hook-nav-parent-icon;\n}\n\n.uk-nav-parent-icon > .uk-parent.uk-open > a:after { content: @nav-parent-open-icon; }\n\n\n/* Modifier `uk-nav-side`\n ========================================================================== */\n\n/*\n * Items\n */\n\n.uk-nav-side > li > a {\n color: @nav-side-color;\n .hook-nav-side;\n}\n\n/*\n * Hover\n * 1. Apply hover style also to focus state\n * 2. Remove default focus style\n */\n\n.uk-nav-side > li > a:hover,\n.uk-nav-side > li > a:focus { // 1\n background: @nav-side-hover-background;\n color: @nav-side-hover-color;\n /* 2 */\n outline: none;\n .hook-nav-side-hover;\n}\n\n/* Active */\n.uk-nav-side > li.uk-active > a {\n background: @nav-side-active-background;\n color: @nav-side-active-color;\n .hook-nav-side-active;\n}\n\n/*\n * Sub-object: `uk-nav-header`\n */\n\n.uk-nav-side .uk-nav-header {\n color: @nav-side-header-color;\n .hook-nav-side-header;\n}\n\n/*\n * Sub-object: `uk-nav-divider`\n */\n\n.uk-nav-side .uk-nav-divider {\n border-top: @nav-side-divider-border-width solid @nav-side-divider-border;\n .hook-nav-side-divider;\n}\n\n/*\n * Nested items\n */\n\n.uk-nav-side ul a { color: @nav-side-nested-color; }\n.uk-nav-side ul a:hover { color: @nav-side-nested-hover-color; }\n\n\n/* Modifier `uk-nav-dropdown`\n ========================================================================== */\n\n/*\n * Items\n */\n\n.uk-nav-dropdown > li > a {\n color: @nav-dropdown-color;\n .hook-nav-dropdown;\n}\n\n/*\n * Hover\n * 1. Apply hover style also to focus state\n * 2. Remove default focus style\n */\n\n.uk-nav-dropdown > li > a:hover,\n.uk-nav-dropdown > li > a:focus { // 1\n background: @nav-dropdown-hover-background;\n color: @nav-dropdown-hover-color;\n /* 2 */\n outline: none;\n .hook-nav-dropdown-hover;\n}\n\n/*\n * Sub-object: `uk-nav-header`\n */\n\n.uk-nav-dropdown .uk-nav-header {\n color: @nav-dropdown-header-color;\n .hook-nav-dropdown-header;\n}\n\n/*\n * Sub-object: `uk-nav-divider`\n */\n\n.uk-nav-dropdown .uk-nav-divider {\n border-top: @nav-dropdown-divider-border-width solid @nav-dropdown-divider-border;\n .hook-nav-dropdown-divider;\n}\n\n/*\n * Nested items\n */\n\n.uk-nav-dropdown ul a { color: @nav-dropdown-nested-color; }\n.uk-nav-dropdown ul a:hover { color: @nav-dropdown-nested-hover-color; }\n\n\n/* Modifier `uk-nav-navbar`\n ========================================================================== */\n\n/*\n * Items\n */\n\n.uk-nav-navbar > li > a {\n color: @nav-navbar-color;\n .hook-nav-navbar;\n}\n\n/*\n * Hover\n * 1. Apply hover style also to focus state\n * 2. Remove default focus style\n */\n\n.uk-nav-navbar > li > a:hover,\n.uk-nav-navbar > li > a:focus { // 1\n background: @nav-navbar-hover-background;\n color: @nav-navbar-hover-color;\n /* 2 */\n outline: none;\n .hook-nav-navbar-hover;\n}\n\n/*\n * Sub-object: `uk-nav-header`\n */\n\n.uk-nav-navbar .uk-nav-header {\n color: @nav-navbar-header-color;\n .hook-nav-navbar-header;\n}\n\n/*\n * Sub-object: `uk-nav-divider`\n */\n\n.uk-nav-navbar .uk-nav-divider {\n border-top: @nav-navbar-divider-border-width solid @nav-navbar-divider-border;\n .hook-nav-navbar-divider;\n}\n\n/*\n * Nested items\n */\n\n.uk-nav-navbar ul a { color: @nav-navbar-nested-color; }\n.uk-nav-navbar ul a:hover { color: @nav-navbar-nested-hover-color; }\n\n\n/* Modifier `uk-nav-offcanvas`\n ========================================================================== */\n\n/*\n * Items\n */\n\n.uk-nav-offcanvas > li > a {\n color: @nav-offcanvas-color;\n padding: @nav-offcanvas-padding-vertical @nav-offcanvas-padding-horizontal;\n .hook-nav-offcanvas;\n}\n\n/*\n * Hover\n * No hover on touch devices because it behaves buggy in fixed offcanvas\n * 1. Apply hover style also to focus state\n * 2. Remove default focus style\n */\n\n.uk-nav-offcanvas > .uk-open > a,\nhtml:not(.uk-touch) .uk-nav-offcanvas > li > a:hover,\nhtml:not(.uk-touch) .uk-nav-offcanvas > li > a:focus { // 1\n background: @nav-offcanvas-hover-background;\n color: @nav-offcanvas-hover-color;\n /* 2 */\n outline: none;\n .hook-nav-offcanvas-hover;\n}\n\n/*\n * Active\n * `html .uk-nav` needed for higher specificity to override hover\n */\nhtml .uk-nav.uk-nav-offcanvas > li.uk-active > a {\n background: @nav-offcanvas-active-background;\n color: @nav-offcanvas-active-color;\n .hook-nav-offcanvas-active;\n}\n\n/*\n * Sub-object: `uk-nav-header`\n */\n\n.uk-nav-offcanvas .uk-nav-header {\n color: @nav-offcanvas-header-color;\n .hook-nav-offcanvas-header;\n}\n\n/*\n * Sub-object: `uk-nav-divider`\n */\n\n.uk-nav-offcanvas .uk-nav-divider {\n border-top: @nav-offcanvas-divider-border-width solid @nav-offcanvas-divider-border;\n .hook-nav-offcanvas-divider;\n}\n\n/*\n * Nested items\n * No hover on touch devices because it behaves buggy in fixed offcanvas\n */\n\n.uk-nav-offcanvas ul a { color: @nav-offcanvas-nested-color; }\nhtml:not(.uk-touch) .uk-nav-offcanvas ul a:hover { color: @nav-offcanvas-nested-hover-color; }\n\n\n// Hooks\n// ========================================================================\n\n.hook-nav-misc;\n\n.hook-nav-header() {}\n.hook-nav-divider() {}\n.hook-nav-sub() {}\n.hook-nav-parent-icon() {}\n\n.hook-nav-side() {}\n.hook-nav-side-hover() {}\n.hook-nav-side-active() {}\n.hook-nav-side-header() {}\n.hook-nav-side-divider() {}\n\n.hook-nav-dropdown() {}\n.hook-nav-dropdown-hover() {}\n.hook-nav-dropdown-header() {}\n.hook-nav-dropdown-divider() {}\n\n.hook-nav-navbar() {}\n.hook-nav-navbar-hover() {}\n.hook-nav-navbar-header() {}\n.hook-nav-navbar-divider() {}\n\n.hook-nav-offcanvas() {}\n.hook-nav-offcanvas-hover() {}\n.hook-nav-offcanvas-active() {}\n.hook-nav-offcanvas-header() {}\n.hook-nav-offcanvas-divider() {}\n\n.hook-nav-misc() {}\n// Name: Navbar\n// Description: Defines styles for the navigation bar\n//\n// Component: `uk-navbar`\n//\n// Sub-objects: `uk-navbar-nav`\n// `uk-navbar-nav-subtitle`\n// `uk-navbar-content`\n// `uk-navbar-brand`\n// `uk-navbar-toggle`\n// `uk-navbar-toggle-alt`\n// `uk-navbar-center`\n// `uk-navbar-flip`\n//\n// Modifiers: `uk-navbar-attached`\n//\n// States: `uk-active`\n// `uk-parent`\n// `uk-open`\n//\n// Used by: Dropdown\n//\n// Markup:\n//\n// \x3c!-- uk-navbar --\x3e\n// \n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@navbar-background: #eee;\n@navbar-color: #444;\n@navbar-link-color: #07D;\n@navbar-link-hover-color: #059;\n\n@navbar-nav-height: 40px;\n@navbar-nav-line-height: @navbar-nav-height;\n@navbar-nav-padding-horizontal: 15px;\n@navbar-nav-color: #444;\n@navbar-nav-font-size: 14px;\n@navbar-nav-font-weight: normal;\n@navbar-nav-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;\n@navbar-nav-hover-background: #f5f5f5;\n@navbar-nav-hover-color: #444;\n@navbar-nav-onclick-background: #ddd;\n@navbar-nav-onclick-color: #444;\n@navbar-nav-active-background: #f5f5f5;\n@navbar-nav-active-color: #444;\n@navbar-nav-subtitle-font-size: 10px;\n@navbar-nav-subtitle-offset: 2px;\n\n@navbar-brand-font-size: 18px;\n@navbar-brand-color: #444;\n@navbar-brand-hover-color: #444;\n\n@navbar-toggle-font-size: 18px;\n@navbar-toggle-color: #444;\n@navbar-toggle-hover-color: #444;\n@navbar-toggle-icon: "\\f0c9";\n@navbar-toggle-icon-alt: "\\f002";\n\n\n/* ========================================================================\n Component: Navbar\n ========================================================================== */\n\n.uk-navbar {\n background: @navbar-background;\n color: @navbar-color;\n .hook-navbar;\n}\n\n/*\n * Micro clearfix\n */\n\n.uk-navbar:before,\n.uk-navbar:after {\n content: "";\n display: table;\n}\n\n.uk-navbar:after { clear: both; }\n\n\n/* Sub-object: `uk-navbar-nav`\n ========================================================================== */\n\n.uk-navbar-nav {\n margin: 0;\n padding: 0;\n list-style: none;\n float: left;\n}\n\n/*\n * 1. Create position context for dropdowns\n */\n\n.uk-navbar-nav > li {\n float: left;\n /* 1 */\n position: relative;\n}\n\n/*\n * 1. Dimensions\n * 2. Style\n */\n\n.uk-navbar-nav > li > a {\n display: block;\n box-sizing: border-box;\n text-decoration: none;\n /* 1 */\n height: @navbar-nav-height;\n padding: 0 @navbar-nav-padding-horizontal;\n line-height: @navbar-nav-line-height;\n /* 2 */\n color: @navbar-nav-color;\n font-size: @navbar-nav-font-size;\n font-family: @navbar-nav-font-family;\n font-weight: @navbar-nav-font-weight;\n .hook-navbar-nav;\n}\n\n/* Appear not as link */\n.uk-navbar-nav > li > a[href=\'#\'] { cursor: text; }\n\n/*\n * Hover\n * 1. Apply hover style also to focus state\n * 2. Also apply if dropdown is opened\n * 3. Remove default focus style\n */\n\n.uk-navbar-nav > li:hover > a,\n.uk-navbar-nav > li > a:focus, // 1\n.uk-navbar-nav > li.uk-open > a { // 2\n background-color: @navbar-nav-hover-background;\n color: @navbar-nav-hover-color;\n /* 3 */\n outline: none;\n .hook-navbar-nav-hover;\n}\n\n/* OnClick */\n.uk-navbar-nav > li > a:active {\n background-color: @navbar-nav-onclick-background;\n color: @navbar-nav-onclick-color;\n .hook-navbar-nav-onclick;\n}\n\n/* Active */\n.uk-navbar-nav > li.uk-active > a {\n background-color: @navbar-nav-active-background;\n color: @navbar-nav-active-color;\n .hook-navbar-nav-active;\n}\n\n\n/* Sub-objects: `uk-navbar-nav-subtitle`\n ========================================================================== */\n\n.uk-navbar-nav .uk-navbar-nav-subtitle { line-height: @navbar-nav-line-height - @navbar-nav-subtitle-font-size - @navbar-nav-subtitle-offset; }\n\n.uk-navbar-nav-subtitle > div {\n margin-top: ((@navbar-nav-line-height - @navbar-nav-subtitle-font-size - @navbar-nav-font-size) / -2) + @navbar-nav-subtitle-offset;\n font-size: @navbar-nav-subtitle-font-size;\n line-height: @navbar-nav-subtitle-font-size + @navbar-nav-subtitle-offset;\n}\n\n\n/* Sub-objects: `uk-navbar-content`, `uk-navbar-brand`, `uk-navbar-toggle`\n ========================================================================== */\n\n/*\n * Imitate navbar items\n */\n\n.uk-navbar-content,\n.uk-navbar-brand,\n.uk-navbar-toggle {\n box-sizing: border-box;\n display: block;\n height: @navbar-nav-height;\n padding: 0 @navbar-nav-padding-horizontal;\n float: left;\n .hook-navbar-content;\n}\n\n/*\n * Helper to center all child elements vertically\n */\n\n.uk-navbar-content:before,\n.uk-navbar-brand:before,\n.uk-navbar-toggle:before {\n content: \'\';\n display: inline-block;\n height: 100%;\n vertical-align: middle;\n}\n\n\n/* Sub-objects: `uk-navbar-content`\n ========================================================================== */\n\n/*\n * Better sibling spacing\n */\n\n.uk-navbar-content + .uk-navbar-content:not(.uk-navbar-center) { padding-left: 0; }\n\n/*\n * Link colors\n */\n\n.uk-navbar-content > a:not([class]) { color: @navbar-link-color; }\n.uk-navbar-content > a:not([class]):hover { color: @navbar-link-hover-color; }\n\n\n/* Sub-objects: `uk-navbar-brand`\n ========================================================================== */\n\n.uk-navbar-brand {\n font-size: @navbar-brand-font-size;\n color: @navbar-brand-color;\n text-decoration: none;\n}\n\n/*\n * 1. Apply hover style also to focus state\n * 2. Remove default focus style\n */\n\n.uk-navbar-brand:hover,\n.uk-navbar-brand:focus { // 1\n color: @navbar-brand-hover-color;\n text-decoration: none;\n /* 2 */\n outline: none;\n}\n\n\n/* Sub-object: `uk-navbar-toggle`\n ========================================================================== */\n\n.uk-navbar-toggle {\n font-size: @navbar-toggle-font-size;\n color: @navbar-toggle-color;\n text-decoration: none;\n}\n\n/*\n * 1. Apply hover style also to focus state\n * 2. Remove default focus style\n */\n\n.uk-navbar-toggle:hover,\n.uk-navbar-toggle:focus { // 1\n color: @navbar-toggle-hover-color;\n text-decoration: none;\n /* 2 */\n outline: none;\n}\n\n/*\n * 1. Center icon vertically\n */\n\n.uk-navbar-toggle:after {\n content: @navbar-toggle-icon;\n font-family: FontAwesome;\n /* 1 */\n vertical-align: middle;\n}\n\n.uk-navbar-toggle-alt:after { content: @navbar-toggle-icon-alt; }\n\n\n/* Sub-object: `uk-navbar-center`\n ========================================================================== */\n\n/*\n * The element with this class needs to be last child in the navbar\n * 1. This hack is needed because other float elements shift centered text\n */\n\n.uk-navbar-center {\n float: none;\n text-align: center;\n /* 1 */\n max-width: 50%;\n margin-left: auto;\n margin-right: auto;\n}\n\n\n/* Sub-object: `uk-navbar-flip`\n ========================================================================== */\n\n.uk-navbar-flip { float: right; }\n\n\n// Hooks\n// ========================================================================\n\n.hook-navbar-misc;\n\n.hook-navbar() {}\n.hook-navbar-nav() {}\n.hook-navbar-nav-hover() {}\n.hook-navbar-nav-onclick() {}\n.hook-navbar-nav-active() {}\n.hook-navbar-content() {}\n.hook-navbar-misc() {}\n// Name: Subnav\n// Description: Defines styles for the sub navigation\n//\n// Component: `uk-subnav`\n//\n// Modifiers: `uk-subnav-line`\n// `uk-subnav-pill`\n//\n// States: `uk-active`\n//\n// Markup:\n//\n// \x3c!-- uk-subnav --\x3e\n// \n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@subnav-margin-horizontal: 10px;\n@subnav-margin-vertical: @subnav-margin-horizontal;\n\n@subnav-color: #444;\n@subnav-hover-color: #07D;\n@subnav-hover-text-decoration: none;\n@subnav-active-color: #07D;\n\n@subnav-line-border-height: 10px;\n@subnav-line-border: #ddd;\n@subnav-line-border-width: 1px;\n\n@subnav-pill-padding-vertical: 3px;\n@subnav-pill-padding-horizontal: 9px;\n@subnav-pill-hover-background: #eee;\n@subnav-pill-hover-color: #444;\n@subnav-pill-active-background: #00a8e6;\n@subnav-pill-active-color: #fff;\n\n@subnav-disabled-color: #999;\n\n\n/* ========================================================================\n Component: Subnav\n ========================================================================== */\n\n/*\n * 1. Gutter\n * 2. Remove default list style\n */\n\n.uk-subnav {\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -ms-flex-wrap: wrap;\n -webkit-flex-wrap: wrap;\n flex-wrap: wrap;\n /* 1 */\n margin-left: -@subnav-margin-horizontal;\n margin-top: -@subnav-margin-vertical;\n /* 2 */\n padding: 0;\n list-style: none;\n}\n\n/*\n * 1. Space is allocated solely based on content dimensions\n * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied\n * 3. Create position context for dropdowns\n */\n\n.uk-subnav > * {\n /* 1 */\n -ms-flex: none;\n -webkit-flex: none;\n flex: none;\n /* 2 */\n padding-left: @subnav-margin-horizontal;\n margin-top: @subnav-margin-vertical;\n /* 3 */\n position: relative;\n}\n\n/*\n * DEPRECATED IE9 Support\n */\n\n.uk-subnav:before,\n.uk-subnav:after {\n content: "";\n display: block;\n overflow: hidden;\n}\n\n.uk-subnav:after { clear: both; }\n\n.uk-subnav > * { float: left; }\n\n\n/* Items\n ========================================================================== */\n\n.uk-subnav > * > * {\n display: inline-block;\n color: @subnav-color;\n .hook-subnav;\n}\n\n/*\n * Hover\n * 1. Apply hover style also to focus state\n */\n\n.uk-subnav > * > :hover,\n.uk-subnav > * > :focus { // 1\n color: @subnav-hover-color;\n text-decoration: @subnav-hover-text-decoration;\n .hook-subnav-hover;\n}\n\n/*\n * Active\n */\n\n.uk-subnav > .uk-active > * {\n color: @subnav-active-color;\n .hook-subnav-active;\n}\n\n\n/* Modifier: \'subnav-line\'\n ========================================================================== */\n\n.uk-subnav-line > :before {\n content: "";\n display: inline-block;\n height: @subnav-line-border-height;\n vertical-align: middle;\n}\n\n.uk-subnav-line > :nth-child(n+2):before {\n margin-right: @subnav-margin-horizontal;\n border-left: @subnav-line-border-width solid @subnav-line-border;\n .hook-subnav-line-divider;\n}\n\n\n/* Modifier: \'subnav-pill\'\n ========================================================================== */\n\n.uk-subnav-pill > * > * {\n padding: @subnav-pill-padding-vertical @subnav-pill-padding-horizontal;\n .hook-subnav-pill;\n}\n\n/*\n * Hover\n * 1. Apply hover style also to focus state\n * 2. Remove default focus style\n */\n\n.uk-subnav-pill > * > :hover,\n.uk-subnav-pill > * > :focus { // 1\n background: @subnav-pill-hover-background;\n color: @subnav-pill-hover-color;\n text-decoration: none;\n /* 2 */\n outline: none;\n .hook-subnav-pill-hover;\n}\n\n/*\n * Active\n * `li` needed for higher specificity to override hover\n */\n\n.uk-subnav-pill > .uk-active > * {\n background: @subnav-pill-active-background;\n color: @subnav-pill-active-color;\n .hook-subnav-pill-active;\n}\n\n\n/* Disabled state\n ========================================================================== */\n\n.uk-subnav > .uk-disabled > * {\n background: none;\n color: @subnav-disabled-color;\n text-decoration: none;\n cursor: text;\n .hook-subnav-disabled;\n}\n\n\n// Hooks\n// ========================================================================\n\n.hook-subnav-misc;\n\n.hook-subnav() {}\n.hook-subnav-hover() {}\n.hook-subnav-active() {}\n.hook-subnav-line-divider() {}\n.hook-subnav-pill() {}\n.hook-subnav-pill-hover() {}\n.hook-subnav-pill-active() {}\n.hook-subnav-disabled() {}\n.hook-subnav-misc() {}\n// Name: Breadcrumb\n// Description: Defines styles for a breadcrumb navigation\n//\n// Component: `uk-breadcrumb`\n//\n// States: `uk-active`\n//\n// Markup:\n//\n// \x3c!-- uk-breadcrumb --\x3e\n// \n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@breadcrumb-font-size: 1rem;\n\n@breadcrumb-divider: "/";\n@breadcrumb-divider-margin: 8px;\n@breadcrumb-disabled-color: #999;\n\n\n/* ========================================================================\n Component: Breadcrumb\n ========================================================================== */\n\n/*\n * 1. Remove default list style\n * 2. Remove whitespace between child elements when using `inline-block`\n */\n\n.uk-breadcrumb {\n /* 1 */\n padding: 0;\n list-style: none;\n /* 2 */\n font-size: 0.001px;\n .hook-breadcrumb;\n}\n\n\n/* Items\n ========================================================================== */\n\n/*\n * Reset whitespace hack\n */\n\n.uk-breadcrumb > li {\n font-size: @breadcrumb-font-size;\n vertical-align: top;\n}\n\n.uk-breadcrumb > li,\n.uk-breadcrumb > li > a,\n.uk-breadcrumb > li > span { display: inline-block; }\n\n.uk-breadcrumb > li:nth-child(n+2):before {\n content: @breadcrumb-divider;\n display: inline-block;\n margin: 0 @breadcrumb-divider-margin;\n .hook-breadcrumb-divider;\n}\n\n/*\n * Disabled\n */\n\n.uk-breadcrumb > li:not(.uk-active) > span { color: @breadcrumb-disabled-color; }\n\n\n// Hooks\n// ========================================================================\n\n.hook-breadcrumb-misc;\n\n.hook-breadcrumb() {}\n.hook-breadcrumb-divider() {}\n.hook-breadcrumb-misc() {}\n// Name: Pagination\n// Description: Defines styles for a navigation between pages\n//\n// Component: `uk-pagination`\n//\n// Sub-objects: `uk-pagination-previous`\n// `uk-pagination-next`\n//\n// Modifiers: `uk-pagination-left`\n// `uk-pagination-right`\n//\n// States: `uk-active`\n// `uk-disabled`\n//\n// Markup:\n//\n// \x3c!-- uk-pagination --\x3e\n// \n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@pagination-font-size: 1rem;\n@pagination-margin-left: 5px;\n@pagination-padding-vertical: 3px;\n@pagination-padding-horizontal: 5px;\n@pagination-line-height: 20px;\n@pagination-background: #eee;\n@pagination-color: #444;\n@pagination-hover-background: #f5f5f5;\n@pagination-hover-color: #444;\n@pagination-onclick-background: #ddd;\n@pagination-onclick-color: #444;\n\n@pagination-active-background: #00a8e6;\n@pagination-active-color: #fff;\n\n@pagination-disabled-background: #f5f5f5;\n@pagination-disabled-color: #999;\n\n\n/* ========================================================================\n Component: Pagination\n ========================================================================== */\n\n/*\n * 1. Remove default list style\n * 2. Center pagination by default\n * 3. Remove whitespace between child elements when using `inline-block`\n */\n\n.uk-pagination {\n /* 1 */\n padding: 0;\n list-style: none;\n /* 2 */\n text-align: center;\n /* 3 */\n font-size: 0.001px;\n}\n\n/*\n * Micro clearfix\n * Needed if `uk-pagination-previous` or `uk-pagination-next` sub-objects are used\n */\n\n.uk-pagination:before,\n.uk-pagination:after {\n content: "";\n display: table;\n}\n\n.uk-pagination:after { clear: both; }\n\n\n/* Items\n ========================================================================== */\n\n/*\n * 1. Reset whitespace hack\n * 2. Remove the gap at the bottom of it container\n */\n\n.uk-pagination > li {\n display: inline-block;\n /* 1 */\n font-size: @pagination-font-size;\n /* 2 */\n vertical-align: top;\n}\n\n.uk-pagination > li:nth-child(n+2) { margin-left: @pagination-margin-left; }\n\n/*\n * 1. Makes pagination more robust against different box-sizing use\n * 2. Reset text-align to center if alignment modifier is used\n */\n\n.uk-pagination > li > a,\n.uk-pagination > li > span {\n display: inline-block;\n min-width: @pagination-line-height + (2 * @pagination-padding-vertical) - (2 * @pagination-padding-horizontal);\n padding: @pagination-padding-vertical @pagination-padding-horizontal;\n line-height: @pagination-line-height;\n text-decoration: none;\n /* 1 */\n box-sizing: content-box;\n /* 2 */\n text-align: center;\n .hook-pagination-item;\n}\n\n/*\n * Links\n */\n\n.uk-pagination > li > a {\n background: @pagination-background;\n color: @pagination-color;\n .hook-pagination-link;\n}\n\n/*\n * Hover\n * 1. Apply hover style also to focus state\n * 2. Remove default focus style\n */\n\n.uk-pagination > li > a:hover,\n.uk-pagination > li > a:focus { // 1\n background-color: @pagination-hover-background;\n color: @pagination-hover-color;\n /* 2 */\n outline: none;\n .hook-pagination-link-hover;\n}\n\n/* OnClick */\n.uk-pagination > li > a:active {\n background-color: @pagination-onclick-background;\n color: @pagination-onclick-color;\n .hook-pagination-link-active;\n}\n\n/*\n * Active\n */\n\n.uk-pagination > .uk-active > span {\n background: @pagination-active-background;\n color: @pagination-active-color;\n .hook-pagination-active;\n}\n\n/*\n * Disabled\n */\n\n.uk-pagination > .uk-disabled > span {\n background-color: @pagination-disabled-background;\n color: @pagination-disabled-color;\n .hook-pagination-disabled;\n}\n\n\n/* Previous and next navigation\n ========================================================================== */\n\n.uk-pagination-previous { float: left; }\n.uk-pagination-next { float: right; }\n\n\n/* Alignment modifiers\n ========================================================================== */\n\n.uk-pagination-left { text-align: left; }\n.uk-pagination-right { text-align: right; }\n\n\n// Hooks\n// ========================================================================\n\n.hook-pagination-misc;\n\n.hook-pagination-item() {}\n.hook-pagination-link() {}\n.hook-pagination-link-hover() {}\n.hook-pagination-link-active() {}\n.hook-pagination-active() {}\n.hook-pagination-disabled() {}\n.hook-pagination-misc() {}\n// Name: Tab\n// Description: Defines styles for a tabbed navigation\n//\n// Component: `uk-tab`\n//\n// Modifiers: `uk-tab-flip`\n// `uk-tab-center`\n// `uk-tab-grid`\n// `uk-tab-bottom`\n// `uk-tab-left`\n// `uk-tab-right`\n// `uk-tab-responsive`\n//\n// States: `uk-active`\n// `uk-disabled`\n//\n// Markup:\n//\n// \x3c!-- uk-tab --\x3e\n// \n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@tab-border: #ddd;\n@tab-border-width: 1px;\n@tab-padding-horizontal: 12px;\n@tab-padding-vertical: 8px;\n@tab-padding-top: @tab-padding-vertical;\n@tab-padding-bottom: @tab-padding-vertical;\n@tab-margin-horizontal: 5px;\n@tab-margin-vertical: 5px;\n@tab-color: #07D;\n@tab-hover-border: #f5f5f5;\n@tab-hover-background: #f5f5f5;\n@tab-hover-color: #059;\n@tab-active-border: #ddd;\n@tab-active-background: #fff;\n@tab-active-color: #444;\n@tab-disabled-color: #999;\n\n\n/* ========================================================================\n Component: Tab\n ========================================================================== */\n\n.uk-tab {\n margin: 0;\n padding: 0;\n list-style: none;\n border-bottom: @tab-border-width solid @tab-border;\n}\n\n/*\n * Micro clearfix on the deepest container\n */\n\n.uk-tab:before,\n.uk-tab:after {\n content: "";\n display: table;\n}\n\n.uk-tab:after { clear: both; }\n\n/*\n * Items\n * 1. Create position context for dropdowns\n */\n\n.uk-tab > li {\n margin-bottom: -@tab-border-width;\n float: left;\n /* 1 */\n position: relative;\n}\n\n.uk-tab > li > a {\n display: block;\n padding: @tab-padding-top @tab-padding-horizontal @tab-padding-bottom @tab-padding-horizontal;\n border: @tab-border-width solid transparent;\n border-bottom-width: 0;\n color: @tab-color;\n text-decoration: none;\n .hook-tab;\n}\n\n.uk-tab > li:nth-child(n+2) > a { margin-left: @tab-margin-horizontal; }\n\n/*\n * Hover\n * 1. Apply hover style also to focus state\n * 2. Also apply if dropdown is opened\n * 3. Remove default focus style\n */\n\n.uk-tab > li > a:hover,\n.uk-tab > li > a:focus, // 1\n.uk-tab > li.uk-open > a { // 2\n border-color: @tab-hover-border;\n background: @tab-hover-background;\n color: @tab-hover-color;\n /* 2 */\n outline: none;\n .hook-tab-hover;\n}\n\n.uk-tab > li:not(.uk-active) > a:hover,\n.uk-tab > li:not(.uk-active) > a:focus,\n.uk-tab > li.uk-open:not(.uk-active) > a {\n margin-bottom: @tab-border-width;\n padding-bottom: @tab-padding-bottom - @tab-border-width;\n}\n\n/* Active */\n.uk-tab > li.uk-active > a {\n border-color: @tab-active-border;\n border-bottom-color: transparent;\n background: @tab-active-background;\n color: @tab-active-color;\n .hook-tab-active;\n}\n\n/* Disabled */\n.uk-tab > li.uk-disabled > a {\n color: @tab-disabled-color;\n cursor: text;\n .hook-tab-disabled;\n}\n\n.uk-tab > li.uk-disabled > a:hover,\n.uk-tab > li.uk-disabled > a:focus,\n.uk-tab > li.uk-disabled.uk-active > a {\n background: none;\n border-color: transparent;\n}\n\n\n/* Modifier: \'tab-flip\'\n ========================================================================== */\n\n.uk-tab-flip > li { float: right; }\n\n.uk-tab-flip > li:nth-child(n+2) > a {\n margin-left: 0;\n margin-right: @tab-margin-horizontal;\n}\n\n\n/* Modifier: \'tab-responsive\'\n ========================================================================== */\n\n.uk-tab > li.uk-tab-responsive > a {\n margin-left: 0;\n margin-right: 0;\n}\n\n/*\n * Icon\n */\n\n.uk-tab-responsive > a:before {\n content: "\\f0c9\\00a0";\n font-family: FontAwesome;\n}\n\n\n/* Modifier: \'tab-center\'\n ========================================================================== */\n\n.uk-tab-center { border-bottom: @tab-border-width solid @tab-border; }\n\n.uk-tab-center-bottom {\n border-bottom: none;\n border-top: @tab-border-width solid @tab-border;\n}\n\n.uk-tab-center:before,\n.uk-tab-center:after {\n content: "";\n display: table;\n}\n\n.uk-tab-center:after { clear: both; }\n\n\n/*\n * 1. Using `right` to prevent vertical scrollbar caused by centering if to many tabs\n */\n\n.uk-tab-center .uk-tab {\n position: relative;\n right: 50%;\n border: none;\n float: right;\n}\n\n.uk-tab-center .uk-tab > li {\n position: relative;\n right: -50%;\n}\n\n.uk-tab-center .uk-tab > li > a { text-align: center; }\n\n\n/* Modifier: \'tab-bottom\'\n ========================================================================== */\n\n.uk-tab-bottom {\n border-top: @tab-border-width solid @tab-border;\n border-bottom: none;\n}\n\n.uk-tab-bottom > li {\n margin-top: -@tab-border-width;\n margin-bottom: 0;\n}\n\n.uk-tab-bottom > li > a {\n padding-top: @tab-padding-bottom;\n padding-bottom: @tab-padding-top;\n border-bottom-width: @tab-border-width;\n border-top-width: 0;\n}\n\n.uk-tab-bottom > li:not(.uk-active) > a:hover,\n.uk-tab-bottom > li:not(.uk-active) > a:focus,\n.uk-tab-bottom > li.uk-open:not(.uk-active) > a {\n margin-bottom: 0;\n margin-top: @tab-border-width;\n padding-bottom: @tab-padding-top;\n padding-top: @tab-padding-bottom - @tab-border-width;\n}\n\n.uk-tab-bottom > li.uk-active > a {\n border-top-color: transparent;\n border-bottom-color: @tab-active-border;\n}\n\n\n/* Modifier: \'tab-grid\'\n ========================================================================== */\n\n/*\n * 1. Create position context to prevent hidden border because of negative `z-index`\n */\n\n.uk-tab-grid {\n margin-left: -@tab-margin-horizontal;\n border-bottom: none;\n /* 1 */\n position: relative;\n z-index: 0;\n}\n\n.uk-tab-grid:before {\n display: block;\n position: absolute;\n left: @tab-margin-horizontal;\n right: 0;\n bottom: -@tab-border-width;\n border-top: @tab-border-width solid @tab-border;\n /* 1 */\n z-index: -1;\n}\n\n.uk-tab-grid > li:first-child > a { margin-left: @tab-margin-horizontal; }\n\n.uk-tab-grid > li > a { text-align: center; }\n\n/*\n * If `uk-tab-bottom`\n */\n\n.uk-tab-grid.uk-tab-bottom { border-top: none; }\n.uk-tab-grid.uk-tab-bottom:before {\n top: -@tab-border-width;\n bottom: auto;\n}\n\n\n/* Modifier: \'tab-left\', \'tab-right\'\n ========================================================================== */\n\n/* Tablet and bigger */\n@media (min-width: @breakpoint-medium) {\n\n .uk-tab-left,\n .uk-tab-right { border-bottom: none; }\n\n .uk-tab-left > li,\n .uk-tab-right > li {\n margin-bottom: 0;\n float: none;\n }\n\n .uk-tab-left > li > a,\n .uk-tab-right > li > a {\n padding-top: @tab-padding-vertical;\n padding-bottom: @tab-padding-vertical;\n }\n\n .uk-tab-left > li:nth-child(n+2) > a,\n .uk-tab-right > li:nth-child(n+2) > a {\n margin-left: 0;\n margin-top: @tab-margin-vertical;\n }\n\n .uk-tab-left > li.uk-active > a,\n .uk-tab-right > li.uk-active > a { border-color: @tab-active-border; }\n\n /*\n * Modifier: \'tab-left\'\n */\n\n .uk-tab-left { border-right: @tab-border-width solid @tab-border; }\n .uk-tab-left > li { margin-right: -@tab-border-width; }\n .uk-tab-left > li > a {\n border-bottom-width: @tab-border-width;\n border-right-width: 0;\n }\n .uk-tab-left > li:not(.uk-active) > a:hover,\n .uk-tab-left > li:not(.uk-active) > a:focus {\n margin-bottom: 0;\n margin-right: @tab-border-width;\n padding-bottom: @tab-padding-vertical;\n padding-right: @tab-padding-horizontal - @tab-border-width;\n }\n .uk-tab-left > li.uk-active > a { border-right-color: transparent; }\n\n /*\n * Modifier: \'tab-right\'\n */\n\n .uk-tab-right { border-left: @tab-border-width solid @tab-border; }\n .uk-tab-right > li { margin-left: -@tab-border-width; }\n .uk-tab-right > li > a {\n border-bottom-width: @tab-border-width;\n border-left-width: 0;\n }\n .uk-tab-right > li:not(.uk-active) > a:hover,\n .uk-tab-right > li:not(.uk-active) > a:focus {\n margin-bottom: 0;\n margin-left: @tab-border-width;\n padding-bottom: @tab-padding-vertical;\n padding-left: @tab-padding-horizontal - @tab-border-width;\n }\n .uk-tab-right > li.uk-active > a { border-left-color: transparent; }\n\n}\n\n\n// Hooks\n// ========================================================================\n\n.hook-tab-misc;\n\n.hook-tab() {}\n.hook-tab-hover() {}\n.hook-tab-active() {}\n.hook-tab-disabled() {}\n.hook-tab-misc() {}\n// Name: Thumbnav\n// Description: Defines styles for a thumbnail navigation\n//\n// Component: `uk-thumbnav`\n//\n// States: `uk-active`\n//\n// Markup:\n//\n// \x3c!-- uk-thumbnav --\x3e\n// \n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@thumbnav-margin-horizontal: 10px;\n@thumbnav-margin-vertical: @thumbnav-margin-horizontal;\n\n@thumbnav-background: #fff;\n\n@thumbnav-opacity: 0.7;\n@thumbnav-hover-opacity: 1;\n@thumbnav-active-opacity: 1;\n\n\n/* ========================================================================\n Component: Thumbnav\n ========================================================================== */\n\n/*\n * 1. Gutter\n * 2. Remove default list style\n */\n\n.uk-thumbnav {\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -ms-flex-wrap: wrap;\n -webkit-flex-wrap: wrap;\n flex-wrap: wrap;\n /* 1 */\n margin-left: -@thumbnav-margin-horizontal;\n margin-top: -@thumbnav-margin-vertical;\n /* 2 */\n padding: 0;\n list-style: none;\n}\n\n/*\n * 1. Space is allocated solely based on content dimensions\n * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied\n */\n\n.uk-thumbnav > * {\n /* 1 */\n -ms-flex: none;\n -webkit-flex: none;\n flex: none;\n /* 2 */\n padding-left: @thumbnav-margin-horizontal;\n margin-top: @thumbnav-margin-vertical;\n}\n\n/*\n * DEPRECATED IE9 Support\n */\n\n.uk-thumbnav:before,\n.uk-thumbnav:after {\n content: "";\n display: block;\n overflow: hidden;\n}\n\n.uk-thumbnav:after { clear: both; }\n\n.uk-thumbnav > * { float: left; }\n\n\n/* Items\n ========================================================================== */\n\n.uk-thumbnav > * > * {\n display: block;\n background: @thumbnav-background;\n .hook-thumbnav;\n}\n\n.uk-thumbnav > * > * > img {\n opacity: @thumbnav-opacity;\n -webkit-transition: opacity 0.15s linear;\n transition: opacity 0.15s linear;\n}\n\n/*\n * Hover\n */\n\n.uk-thumbnav > * > :hover > img,\n.uk-thumbnav > * > :focus > img { opacity: @thumbnav-hover-opacity; }\n\n/*\n * Active\n */\n\n.uk-thumbnav > .uk-active > * > img { opacity: @thumbnav-active-opacity; }\n\n\n// Hooks\n// ========================================================================\n\n.hook-thumbnav-misc;\n\n.hook-thumbnav() {}\n.hook-thumbnav-misc() {}\n\n// Elements\n// Name: List\n// Description: Defines styles for ordered and unordered lists\n//\n// Component: `uk-list`\n//\n// Modifiers: `uk-list-line`\n// `uk-list-striped`\n// `uk-list-space`\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@list-nested-padding-left: 20px;\n\n@list-line-margin-top: 5px;\n@list-line-border: #ddd;\n@list-line-border-width: 1px;\n\n@list-striped-padding-vertical: 5px;\n@list-striped-padding-horizontal: 5px;\n@list-striped-background: #f5f5f5;\n\n@list-space-margin-top: 10px;\n\n\n/* ========================================================================\n Component: List\n ========================================================================== */\n\n.uk-list {\n padding: 0;\n list-style: none;\n}\n\n/*\n * Micro clearfix to make list more robust\n */\n\n.uk-list > li:before,\n.uk-list > li:after {\n content: "";\n display: table;\n}\n\n.uk-list > li:after { clear: both; }\n\n/*\n * Remove margin from the last-child\n */\n\n.uk-list > li > :last-child { margin-bottom: 0; }\n\n/*\n * Nested lists\n */\n\n.uk-list ul {\n margin: 0;\n padding-left: @list-nested-padding-left;\n list-style: none;\n}\n\n\n/* Modifier: `uk-list-line`\n ========================================================================== */\n\n.uk-list-line > li:nth-child(n+2) {\n margin-top: @list-line-margin-top;\n padding-top: @list-line-margin-top;\n border-top: @list-line-border-width solid @list-line-border;\n .hook-list-line;\n}\n\n\n/* Modifier: `uk-list-striped`\n ========================================================================== */\n\n.uk-list-striped > li {\n padding: @list-striped-padding-vertical @list-striped-padding-horizontal;\n .hook-list-striped;\n}\n\n.uk-list-striped > li:nth-of-type(odd) { background: @list-striped-background; }\n\n\n/* Modifier: `uk-list-space`\n ========================================================================== */\n\n.uk-list-space > li:nth-child(n+2) { margin-top: @list-space-margin-top; }\n\n\n// Hooks\n// ========================================================================\n\n.hook-list-misc;\n\n.hook-list-line() {}\n.hook-list-striped() {}\n.hook-list-misc() {}\n// Name: Description list\n// Description: Defines styles for description lists\n//\n// Component: `uk-description-list`\n//\n// Modifiers: `uk-description-list-horizontal`\n// `uk-description-list-line`\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@description-list-horizontal-width: 160px;\n@description-list-horizontal-margin-left: 180px;\n\n@description-list-line-margin-top: 5px;\n@description-list-line-border-width: 1px;\n@description-list-line-border: #ddd;\n@description-list-line-color: #999;\n\n@description-list-line-font-weight: normal;\n\n\n/* ========================================================================\n Component: Description list\n ========================================================================== */\n\n\n/* Modifier: `uk-description-list-horizontal`\n ========================================================================== */\n\n/* Tablet and bigger */\n@media (min-width: @breakpoint-medium) {\n\n .uk-description-list-horizontal { overflow: hidden; }\n\n .uk-description-list-horizontal > dt {\n width: @description-list-horizontal-width;\n float: left;\n clear: both;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n }\n\n .uk-description-list-horizontal > dd { margin-left: @description-list-horizontal-margin-left; }\n}\n\n\n/* Modifier: `uk-description-list-line`\n ========================================================================== */\n\n.uk-description-list-line > dt { font-weight: @description-list-line-font-weight; }\n\n.uk-description-list-line > dt:nth-child(n+2) {\n margin-top: @description-list-line-margin-top;\n padding-top: @description-list-line-margin-top;\n border-top: @description-list-line-border-width solid @description-list-line-border;\n}\n\n.uk-description-list-line > dd { color: @description-list-line-color; }\n\n\n// Hooks\n// ========================================================================\n\n.hook-description-list-misc;\n\n.hook-description-list-misc() {}\n\n// Name: Table\n// Description: Defines styles for tables\n//\n// Component: `uk-table`\n//\n// Modifiers: `uk-table-middle`\n// `uk-table-striped`\n// `uk-table-condensed`\n// `uk-table-hover`\n//\n// States: `uk-active`\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@table-margin-vertical: 15px;\n@table-padding-vertical: 8px;\n@table-padding-horizontal: 8px;\n\n@table-caption-color: #999;\n@table-caption-font-size: 12px;\n\n@table-striped-background: #f5f5f5;\n\n@table-condensed-padding-vertical: 4px;\n@table-condensed-padding-horizontal: 8px;\n\n@table-hover-background: #EEE;\n\n@table-active-background: @table-hover-background;\n\n\n/* ========================================================================\n Component: Table\n ========================================================================== */\n\n/*\n * 1. Remove most spacing between table cells.\n * 2. Block element behavior\n * 3. Style\n */\n\n.uk-table {\n /* 1 */\n border-collapse: collapse;\n border-spacing: 0;\n /* 2 */\n width: 100%;\n /* 3 */\n margin-bottom: @table-margin-vertical;\n}\n\n/*\n * Add margin if adjacent element\n */\n\n* + .uk-table { margin-top: @table-margin-vertical; }\n\n.uk-table th,\n.uk-table td {\n padding: @table-padding-vertical @table-padding-horizontal;\n .hook-table;\n}\n\n/*\n * Set alignment\n */\n\n.uk-table th { text-align: left; }\n.uk-table td { vertical-align: top; }\n\n.uk-table thead th { vertical-align: bottom; }\n\n/*\n * Caption and footer\n */\n\n.uk-table caption,\n.uk-table tfoot {\n font-size: @table-caption-font-size;\n font-style: italic;\n}\n\n.uk-table caption {\n text-align: left;\n color: @table-caption-color;\n}\n\n/*\n * Active State\n */\n\n.uk-table tbody tr.uk-active {\n background: @table-active-background;\n .hook-table-active;\n}\n\n\n/* Sub-modifier: `uk-table-middle`\n ========================================================================== */\n\n.uk-table-middle,\n.uk-table-middle td { vertical-align: middle !important; }\n\n\n/* Modifier: `uk-table-striped`\n ========================================================================== */\n\n.uk-table-striped tbody tr:nth-of-type(odd) {\n background: @table-striped-background;\n .hook-table-striped;\n}\n\n\n/* Modifier: `uk-table-condensed`\n ========================================================================== */\n\n.uk-table-condensed td {\n padding: @table-condensed-padding-vertical @table-condensed-padding-horizontal;\n .hook-table-condensed;\n}\n\n\n/* Modifier: `uk-table-hover`\n ========================================================================== */\n\n.uk-table-hover tbody tr:hover {\n background: @table-hover-background;\n .hook-table-hover;\n}\n\n\n\n// Hooks\n// ========================================================================\n\n.hook-table-misc;\n\n.hook-table() {}\n.hook-table-active() {}\n.hook-table-striped() {}\n.hook-table-condensed() {}\n.hook-table-hover() {}\n.hook-table-misc() {}\n// Name: Form\n// Description: Defines styles for forms\n//\n// Component: `uk-form`\n//\n// Sub-objects: `uk-form-row`\n// `uk-form-help-inline`\n// `uk-form-help-block`\n// `uk-form-label`\n// `uk-form-controls`\n// `uk-form-controls-condensed`\n// `uk-form-icon`\n//\n// Modifiers: `uk-form-stacked`\n// `uk-form-horizontal`\n//\n// Sub-modifiers: `uk-form-danger`\n// `uk-form-success`\n// `uk-form-small`\n// `uk-form-large`\n// `uk-form-blank`\n// `uk-form-width-mini`\n// `uk-form-width-small`\n// `uk-form-width-medium`\n// `uk-form-width-large`\n// `uk-form-controls-text`\n//\n// Markup:\n//\n// \x3c!-- uk-form --\x3e\n// \n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@form-height: 30px;\n@form-padding: 4px 6px;\n@form-border: #ddd;\n@form-border-width: 1px;\n@form-background: #fff;\n@form-color: #444;\n\n@form-focus-border: #99baca;\n@form-focus-background: #f5fbfe;\n@form-focus-color: #444;\n\n@form-disabled-border: #ddd;\n@form-disabled-background: #f5f5f5;\n@form-disabled-color: #999;\n\n@form-placeholder-color: #999;\n\n@form-gutter: 15px;\n\n@form-legend-border: #ddd;\n@form-legend-border-width: 1px;\n@form-legend-font-size: 18px;\n@form-legend-line-height: 30px;\n\n@form-small-height: 25px;\n@form-large-height: 40px;\n@form-small-padding: 3px 3px;\n@form-large-padding: 8px 6px;\n@form-small-font-size: 12px;\n@form-large-font-size: 16px;\n\n@form-danger-border: #dc8d99;\n@form-danger-background: #fff7f8;\n@form-danger-color: #d85030;\n\n@form-success-border: #8ec73b;\n@form-success-background: #fafff2;\n@form-success-color: #659f13;\n\n@form-blank-border: #ddd;\n@form-blank-border-style: dashed;\n\n@form-mini-width: 40px;\n@form-small-width: 130px;\n@form-medium-width: 200px;\n@form-large-width: 500px;\n\n@form-help-inline-margin-left: 10px;\n@form-help-block-margin-top: 5px;\n\n@form-controls-condensed-margin-vertical: 5px;\n\n@form-stacked-margin-bottom: 5px;\n@form-stacked-font-weight: bold;\n\n@form-horizontal-label-width: 200px;\n@form-horizontal-label-margin-top: 5px;\n@form-horizontal-controls-margin-left: 215px;\n@form-horizontal-controls-text-padding-top: 5px;\n\n@form-icon-width: 30px;\n@form-icon-font-size: 14px;\n@form-icon-color: #999;\n\n\n/* ========================================================================\n Component: Form\n ========================================================================== */\n\n/*\n * 1. Define consistent box sizing.\n * Default is `content-box` with following exceptions set to `border-box`\n * `button`, `select`, `input[type="checkbox"]` and `input[type="radio"]`\n * `input[type="search"]` in Chrome, Safari and Opera\n * `input[type="color"]` in Firefox\n * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera.\n * 3. Remove `border-radius` in iOS.\n * 4. Correct `font` properties and `color` not being inherited.\n */\n\n.uk-form input,\n.uk-form select,\n.uk-form textarea {\n /* 1 */\n box-sizing: border-box;\n /* 2 */\n margin: 0;\n /* 3 */\n border-radius: 0;\n /* 4 */\n font: inherit;\n color: inherit;\n}\n\n/*\n * Address inconsistent `text-transform` inheritance which is only inherit in Firefox\n */\n\n.uk-form select { text-transform: none; }\n\n/*\n * 1. Correct `font` properties not being inherited.\n * 2. Don\'t inherit the `font-weight` and use `bold` instead.\n * NOTE: Both declarations don\'t work in Chrome, Safari and Opera.\n */\n\n.uk-form optgroup {\n /* 1 */\n font: inherit;\n /* 2 */\n font-weight: bold;\n}\n\n/*\n * Removes inner padding and border in Firefox 4+.\n */\n\n.uk-form input::-moz-focus-inner {\n border: 0;\n padding: 0;\n}\n\n/*\n * Removes excess padding in IE 8/9/10.\n */\n\n.uk-form input[type="checkbox"],\n.uk-form input[type="radio"] { padding: 0; }\n\n/*\n * Improves consistency of cursor style for clickable elements\n */\n\n.uk-form input[type="checkbox"]:not(:disabled),\n.uk-form input[type="radio"]:not(:disabled) { cursor: pointer; }\n\n/*\n * Remove default style in iOS.\n */\n\n.uk-form textarea,\n.uk-form input:not([type]),\n.uk-form input[type="text"],\n.uk-form input[type="password"],\n.uk-form input[type="email"],\n.uk-form input[type="url"],\n.uk-form input[type="search"],\n.uk-form input[type="tel"],\n.uk-form input[type="number"],\n.uk-form input[type="datetime"] { -webkit-appearance: none; }\n\n/*\n * Remove inner padding and search cancel button in Chrome, Safari and Opera on OS X.\n */\n\n.uk-form input[type="search"]::-webkit-search-cancel-button,\n.uk-form input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }\n\n/*\n * Fix the cursor style for Chrome\'s increment/decrement buttons. For certain\n * `font-size` values of the `input`, it causes the cursor style of the\n * decrement button to change from `default` to `text`.\n */\n\n.uk-form input[type="number"]::-webkit-inner-spin-button,\n.uk-form input[type="number"]::-webkit-outer-spin-button { height: auto; }\n\n/*\n * Define consistent border, margin, and padding.\n */\n\n.uk-form fieldset {\n border: none;\n margin: 0;\n padding: 0;\n}\n\n/*\n * 1. Remove default vertical scrollbar in IE 8/9/10/11.\n * 2. Improve readability and alignment in all browsers.\n */\n\n.uk-form textarea {\n /* 1 */\n overflow: auto;\n /* 2 */\n vertical-align: top;\n}\n\n/*\n * Removes placeholder transparency in Firefox.\n */\n\n.uk-form ::-moz-placeholder { opacity: 1; }\n\n/*\n * Removes `box-shadow` for invalid controls in Firefox.\n */\n\n.uk-form :invalid { box-shadow: none; }\n\n/*\n * Vertical alignment\n */\n\n.uk-form input:not([type="radio"]):not([type="checkbox"]),\n.uk-form select { vertical-align: middle; }\n\n\n/* Style\n ========================================================================== */\n\n/*\n * Remove margin from the last-child\n */\n\n.uk-form > :last-child { margin-bottom: 0; }\n\n/*\n * Controls\n * Except for `range`, `radio`, `checkbox`, `file`, `submit`, `reset`, `button` and `image`\n * 1. Must be `height` because `min-height` is not working in OSX\n * 2. Responsiveness: Sets a maximum width relative to the parent to scale on narrower viewports\n * 3. Vertical `padding` needed for `select` elements in Firefox\n * 4. Style\n */\n\n.uk-form select,\n.uk-form textarea,\n.uk-form input:not([type]),\n.uk-form input[type="text"],\n.uk-form input[type="password"],\n.uk-form input[type="datetime"],\n.uk-form input[type="datetime-local"],\n.uk-form input[type="date"],\n.uk-form input[type="month"],\n.uk-form input[type="time"],\n.uk-form input[type="week"],\n.uk-form input[type="number"],\n.uk-form input[type="email"],\n.uk-form input[type="url"],\n.uk-form input[type="search"],\n.uk-form input[type="tel"],\n.uk-form input[type="color"] {\n /* 1 */\n height: @form-height;\n /* 2 */\n max-width: 100%;\n /* 3 */\n padding: @form-padding;\n /* 4 */\n border: @form-border-width solid @form-border;\n background: @form-background;\n color: @form-color;\n -webkit-transition: all linear 0.2s;\n transition: all linear 0.2s;\n .hook-form;\n\n // Focus state\n &:focus {\n border-color: @form-focus-border;\n outline: 0;\n background: @form-focus-background;\n color: @form-focus-color;\n .hook-form-focus;\n }\n\n // Disabled state\n &:disabled {\n border-color: @form-disabled-border;\n background-color: @form-disabled-background;\n color: @form-disabled-color;\n .hook-form-disabled;\n }\n}\n\n/*\n * Placeholder\n */\n\n.uk-form :-ms-input-placeholder { color: @form-placeholder-color !important; }\n.uk-form ::-moz-placeholder { color: @form-placeholder-color; }\n.uk-form ::-webkit-input-placeholder { color: @form-placeholder-color; }\n\n.uk-form :disabled:-ms-input-placeholder { color: @form-disabled-color !important; }\n.uk-form :disabled::-moz-placeholder { color: @form-disabled-color; }\n.uk-form :disabled::-webkit-input-placeholder { color: @form-disabled-color; }\n\n/*\n * Legend\n * 1. Behave like block element\n * 2. Correct `color` not being inherited in IE 8/9/10/11.\n * 3. Remove padding\n * 4. `margin-bottom` is not working in Safari and Opera.\n * Using `padding` and :after instead to create the border\n * 5. Style\n */\n\n.uk-form legend {\n /* 1 */\n width: 100%;\n /* 2 */\n border: 0;\n /* 3 */\n padding: 0;\n /* 4 */\n padding-bottom: @form-gutter;\n /* 5 */\n font-size: @form-legend-font-size;\n line-height: @form-legend-line-height;\n .hook-form-legend;\n}\n\n/*\n * 1. Fixes IE9\n */\n\n.uk-form legend:after {\n content: "";\n display: block;\n border-bottom: @form-legend-border-width solid @form-legend-border;\n /* 1 */\n width: 100%;\n}\n\n\n/* Size modifiers\n * Higher specificity needed to override defaults\n ========================================================================== */\n\nselect.uk-form-small,\ntextarea.uk-form-small,\ninput[type].uk-form-small,\ninput:not([type]).uk-form-small {\n height: @form-small-height;\n padding: @form-small-padding;\n font-size: @form-small-font-size;\n}\n\nselect.uk-form-large,\ntextarea.uk-form-large,\ninput[type].uk-form-large,\ninput:not([type]).uk-form-large {\n height: @form-large-height;\n padding: @form-large-padding;\n font-size: @form-large-font-size;\n}\n\n\n/* Reset height\n * Must be after size modifiers\n ========================================================================== */\n\n.uk-form textarea,\n.uk-form select[multiple],\n.uk-form select[size] { height: auto; }\n\n\n/* Validation states\n * Using !important to keep the selector simple\n ========================================================================== */\n\n/*\n * Error state\n */\n\n.uk-form-danger {\n border-color: @form-danger-border !important;\n background: @form-danger-background !important;\n color: @form-danger-color !important;\n .hook-form-danger;\n}\n\n/*\n * Success state\n */\n\n.uk-form-success {\n border-color: @form-success-border !important;\n background: @form-success-background !important;\n color: @form-success-color !important;\n .hook-form-success;\n}\n\n\n/* Style modifiers\n * Using !important to keep the selector simple\n ========================================================================== */\n\n/*\n * Blank form\n */\n\n.uk-form-blank {\n border-color: transparent !important;\n border-style: @form-blank-border-style !important;\n background: none !important;\n .hook-form-blank;\n}\n\n.uk-form-blank:focus {\n border-color: @form-blank-border !important;\n .hook-form-blank-focus;\n}\n\n\n/* Size sub-modifiers\n ========================================================================== */\n\n/*\n * Fixed widths\n * Different widths for mini sized `input` and `select` elements\n */\n\ninput.uk-form-width-mini { width: @form-mini-width; }\nselect.uk-form-width-mini { width: (@form-mini-width + 25px); }\n.uk-form-width-small { width: @form-small-width; }\n.uk-form-width-medium { width: @form-medium-width; }\n.uk-form-width-large { width: @form-large-width; }\n\n\n/* Sub-objects: `uk-form-row`\n * Groups labels and controls in rows\n ========================================================================== */\n\n/*\n * Micro clearfix\n * Needed for `uk-form-horizontal` modifier\n */\n\n.uk-form-row:before,\n.uk-form-row:after {\n content: "";\n display: table;\n}\n\n.uk-form-row:after { clear: both; }\n\n/*\n * Vertical gutter\n */\n\n.uk-form-row + .uk-form-row { margin-top: @form-gutter; }\n\n\n/* Help text\n * Sub-object: `uk-form-help-inline`, `uk-form-help-block`\n ========================================================================== */\n\n.uk-form-help-inline {\n display: inline-block;\n margin: 0 0 0 @form-help-inline-margin-left;\n}\n\n.uk-form-help-block { margin: @form-help-block-margin-top 0 0 0; }\n\n\n/* Controls content\n * Sub-object: `uk-form-controls`, `uk-form-controls-condensed`\n ========================================================================== */\n\n/*\n * Remove margins\n */\n\n.uk-form-controls > :first-child { margin-top: 0; }\n.uk-form-controls > :last-child { margin-bottom: 0; }\n\n/*\n * Group controls and text into blocks with a small spacing between blocks\n */\n\n.uk-form-controls-condensed { margin: @form-controls-condensed-margin-vertical 0; }\n\n\n/* Modifier: `uk-form-stacked`\n * Requires sub-object: `uk-form-label`\n ========================================================================== */\n\n.uk-form-stacked .uk-form-label {\n display: block;\n margin-bottom: @form-stacked-margin-bottom;\n font-weight: @form-stacked-font-weight;\n .hook-form-stacked-label;\n}\n\n\n/* Modifier: `uk-form-horizontal`\n * Requires sub-objects: `uk-form-label`, `uk-form-controls`\n ========================================================================== */\n\n/* Tablet portrait and smaller */\n@media (max-width: @breakpoint-medium-max) {\n\n /* Behave like `uk-form-stacked` */\n .uk-form-horizontal .uk-form-label {\n display: block;\n margin-bottom: @form-stacked-margin-bottom;\n font-weight: @form-stacked-font-weight;\n .hook-form-stacked-label;\n }\n\n}\n\n/* Desktop and bigger */\n@media (min-width: @breakpoint-large) {\n\n .uk-form-horizontal .uk-form-label {\n width: @form-horizontal-label-width;\n margin-top: @form-horizontal-label-margin-top;\n float: left;\n .hook-form-horizontal-label;\n }\n\n .uk-form-horizontal .uk-form-controls { margin-left: @form-horizontal-controls-margin-left; }\n\n /* Better vertical alignment if controls are checkboxes and radio buttons with text */\n .uk-form-horizontal .uk-form-controls-text { padding-top: @form-horizontal-controls-text-padding-top; }\n\n}\n\n\n/* Sub-object: `uk-form-icon`\n ========================================================================== */\n\n/*\n * 1. Container width fits its content\n * 2. Create position context\n * 3. Prevent `inline-block` consequences\n */\n\n.uk-form-icon {\n /* 1 */\n display: inline-block;\n /* 2 */\n position: relative;\n /* 3 */\n max-width: 100%;\n}\n\n/*\n * 1. Make form element clickable through icon\n */\n\n.uk-form-icon > [class*=\'uk-icon-\'] {\n position: absolute;\n top: 50%;\n width: @form-icon-width;\n margin-top: round(@form-icon-font-size / -2);\n font-size: @form-icon-font-size;\n color: @form-icon-color;\n text-align: center;\n /* 1 */\n pointer-events: none;\n}\n\n.uk-form-icon:not(.uk-form-icon-flip) > input { padding-left: @form-icon-width !important; }\n\n/*\n * Sub-modifier: `uk-form-icon-flip`\n */\n\n.uk-form-icon-flip > [class*=\'uk-icon-\'] { right: 0; }\n.uk-form-icon-flip > input { padding-right: @form-icon-width !important; }\n\n\n// Hooks\n// ========================================================================\n\n.hook-form-misc;\n\n.hook-form() {}\n.hook-form-focus() {}\n.hook-form-disabled() {}\n.hook-form-legend() {}\n.hook-form-danger() {}\n.hook-form-success() {}\n.hook-form-blank() {}\n.hook-form-blank-focus() {}\n.hook-form-stacked-label() {}\n.hook-form-horizontal-label() {}\n.hook-form-misc() {}\n\n\n// Common\n// Name: Button\n// Description: Defines styles for buttons\n//\n// Component: `uk-button`\n//\n// Sub-objects: `uk-button-group`\n// `uk-button-dropdown`\n//\n// Modifiers: `uk-button-primary`\n// `uk-button-success`\n// `uk-button-danger`\n// `uk-button-link`\n// `uk-button-mini`\n// `uk-button-small`\n// `uk-button-large`\n//\n// States: `uk-active`\n//\n// Markup:\n//\n// \x3c!-- uk-button-group --\x3e\n// \n// \n// \n//
\n//\n// \x3c!-- uk-button-dropdown --\x3e\n// \n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@button-height: 30px;\n@button-mini-height: 20px;\n@button-small-height: 25px;\n@button-large-height: 40px;\n\n@button-line-height: 30px;\n@button-mini-line-height: 20px;\n@button-small-line-height: 25px;\n@button-large-line-height: 40px;\n\n@button-mini-font-size: 11px;\n@button-small-font-size: 12px;\n@button-large-font-size: 16px;\n\n@button-padding-horizontal: 12px;\n@button-mini-padding-horizontal: 6px;\n@button-small-padding-horizontal: 10px;\n@button-large-padding-horizontal: 15px;\n\n@button-font-size: 1rem;\n@button-background: #eee;\n@button-color: #444;\n@button-hover-background: #f5f5f5;\n@button-hover-color: #444;\n@button-active-background: #ddd;\n@button-active-color: #444;\n\n@button-primary-background: #00a8e6;\n@button-primary-color: #fff;\n@button-primary-hover-background: #35b3ee;\n@button-primary-hover-color: #fff;\n@button-primary-active-background: #0091ca;\n@button-primary-active-color: #fff;\n\n@button-success-background: #8cc14c;\n@button-success-color: #fff;\n@button-success-hover-background: #8ec73b;\n@button-success-hover-color: #fff;\n@button-success-active-background: #72ae41;\n@button-success-active-color: #fff;\n\n@button-danger-background: #da314b;\n@button-danger-color: #fff;\n@button-danger-hover-background: #e4354f;\n@button-danger-hover-color: #fff;\n@button-danger-active-background: #c91032;\n@button-danger-active-color: #fff;\n\n@button-disabled-background: #f5f5f5;\n@button-disabled-color: #999;\n\n@button-link-color: #07D;\n@button-link-hover-color: #059;\n@button-link-hover-text-decoration: underline;\n@button-link-disabled-color: #999;\n\n\n/* ========================================================================\n Component: Button\n ========================================================================== */\n\n/*\n * Removes inner padding and border in Firefox 4+.\n */\n\n.uk-button::-moz-focus-inner {\n border: 0;\n padding: 0;\n}\n\n/*\n * 1. Correct inability to style clickable `input` types in iOS.\n * 2. Remove margins in Chrome, Safari and Opera.\n * 3. Remove borders for `button`.\n * 4. Address `overflow` set to `hidden` in IE 8/9/10/11.\n * 5. Correct `font` properties and `color` not being inherited for `button`.\n * 6. Address inconsistent `text-transform` inheritance which is only inherit in Firefox and IE\n * 7. Style\n * 8. `line-height` is used to create a height\n * 9. `min-height` is necessary for `input` elements in Firefox and Opera because `line-height` is not working.\n * 10. Reset button group whitespace hack\n * 11. Required for `a`.\n */\n\n.uk-button {\n /* 1 */\n -webkit-appearance: none;\n /* 2 */\n margin: 0;\n /* 3 */\n border: none;\n /* 4 */\n overflow: visible;\n /* 5 */\n font: inherit;\n color: @button-color;\n /* 6 */\n text-transform: none;\n /* 7 */\n display: inline-block;\n box-sizing: border-box;\n padding: 0 @button-padding-horizontal;\n background: @button-background;\n vertical-align: middle;\n /* 8 */\n line-height: @button-line-height;\n /* 9 */\n min-height: @button-height;\n /* 10 */\n font-size: @button-font-size;\n /* 11 */\n text-decoration: none;\n text-align: center;\n .hook-button;\n}\n\n.uk-button:not(:disabled) { cursor: pointer; }\n\n/*\n * Hover\n * 1. Apply hover style also to focus state\n * 2. Remove default focus style\n * 3. Required for `a` elements\n */\n\n.uk-button:hover,\n.uk-button:focus { // 1\n background-color: @button-hover-background;\n color: @button-hover-color;\n /* 2 */\n outline: none;\n /* 3 */\n text-decoration: none;\n .hook-button-hover;\n}\n\n/* Active */\n.uk-button:active,\n.uk-button.uk-active {\n background-color: @button-active-background;\n color: @button-active-color;\n .hook-button-active;\n}\n\n\n/* Color modifiers\n ========================================================================== */\n\n/*\n * Modifier: `uk-button-primary`\n */\n\n.uk-button-primary {\n background-color: @button-primary-background;\n color: @button-primary-color;\n .hook-button-primary;\n}\n\n/* Hover */\n.uk-button-primary:hover,\n.uk-button-primary:focus {\n background-color: @button-primary-hover-background;\n color: @button-primary-hover-color;\n .hook-button-primary-hover;\n}\n\n/* Active */\n.uk-button-primary:active,\n.uk-button-primary.uk-active {\n background-color: @button-primary-active-background;\n color: @button-primary-active-color;\n .hook-button-primary-active;\n}\n\n/*\n * Modifier: `uk-button-success`\n */\n\n.uk-button-success {\n background-color: @button-success-background;\n color: @button-success-color;\n .hook-button-success;\n}\n\n/* Hover */\n.uk-button-success:hover,\n.uk-button-success:focus {\n background-color: @button-success-hover-background;\n color: @button-success-hover-color;\n .hook-button-success-hover;\n}\n\n/* Active */\n.uk-button-success:active,\n.uk-button-success.uk-active {\n background-color: @button-success-active-background;\n color: @button-success-active-color;\n .hook-button-success-active;\n}\n\n/*\n * Modifier: `uk-button-danger`\n */\n\n.uk-button-danger {\n background-color: @button-danger-background;\n color: @button-danger-color;\n .hook-button-danger;\n}\n\n/* Hover */\n.uk-button-danger:hover,\n.uk-button-danger:focus {\n background-color: @button-danger-hover-background;\n color: @button-danger-hover-color;\n .hook-button-danger-hover;\n}\n\n/* Active */\n.uk-button-danger:active,\n.uk-button-danger.uk-active {\n background-color: @button-danger-active-background;\n color: @button-danger-active-color;\n .hook-button-danger-active;\n}\n\n\n/* Disabled state\n * Overrides also the color modifiers\n ========================================================================== */\n\n/* Equal for all button types */\n.uk-button:disabled {\n background-color: @button-disabled-background;\n color: @button-disabled-color;\n .hook-button-disable;\n}\n\n\n/* Modifier: `uk-button-link`\n ========================================================================== */\n\n /* Reset */\n.uk-button-link,\n.uk-button-link:hover,\n.uk-button-link:focus,\n.uk-button-link:active,\n.uk-button-link.uk-active,\n.uk-button-link:disabled {\n border-color: transparent;\n background: none;\n .hook-button-link;\n}\n\n/* Color */\n.uk-button-link { color: @button-link-color; }\n\n.uk-button-link:hover,\n.uk-button-link:focus,\n.uk-button-link:active,\n.uk-button-link.uk-active {\n color: @button-link-hover-color;\n text-decoration: @button-link-hover-text-decoration;\n}\n\n.uk-button-link:disabled { color: @button-link-disabled-color; }\n\n/* Focus */\n.uk-button-link:focus { outline: 1px dotted; }\n\n\n/* Size modifiers\n ========================================================================== */\n\n.uk-button-mini {\n min-height: @button-mini-height;\n padding: 0 @button-mini-padding-horizontal;\n line-height: @button-mini-line-height;\n font-size: @button-mini-font-size;\n}\n\n.uk-button-small {\n min-height: @button-small-height;\n padding: 0 @button-small-padding-horizontal;\n line-height: @button-small-line-height;\n font-size: @button-small-font-size;\n}\n\n.uk-button-large {\n min-height: @button-large-height;\n padding: 0 @button-large-padding-horizontal;\n line-height: @button-large-line-height;\n font-size: @button-large-font-size;\n .hook-button-large;\n}\n\n\n/* Sub-object `uk-button-group`\n ========================================================================== */\n\n/*\n * 1. Behave like buttons\n * 2. Create position context for dropdowns\n * 3. Remove whitespace between child elements when using `inline-block`\n * 4. Prevent buttons from wrapping\n * 5. Remove whitespace between child elements when using `inline-block`\n */\n\n.uk-button-group {\n /* 1 */\n display: inline-block;\n vertical-align: middle;\n /* 2 */\n position: relative;\n /* 3 */\n font-size: 0.001px;\n /* 4 */\n white-space: nowrap;\n}\n\n.uk-button-group > * { display: inline-block; }\n\n/* 5 */\n.uk-button-group .uk-button { vertical-align: top; }\n\n\n/* Sub-object: `uk-button-dropdown`\n ========================================================================== */\n\n/*\n * 1. Behave like buttons\n * 2. Create position context for dropdowns\n */\n\n.uk-button-dropdown {\n /* 1 */\n display: inline-block;\n vertical-align: middle;\n /* 2 */\n position: relative;\n}\n\n\n// Hooks\n// ========================================================================\n\n.hook-button-misc;\n\n.hook-button() {}\n.hook-button-hover() {}\n.hook-button-active() {}\n.hook-button-primary() {}\n.hook-button-primary-hover() {}\n.hook-button-primary-active() {}\n.hook-button-success() {}\n.hook-button-success-hover() {}\n.hook-button-success-active() {}\n.hook-button-danger() {}\n.hook-button-danger-hover() {}\n.hook-button-danger-active() {}\n.hook-button-disable() {}\n.hook-button-link() {}\n.hook-button-large() {}\n.hook-button-misc() {}\n// Name: Icon\n// Description: Defines styles for icons\n//\n// Adapted from http://fortawesome.github.com/Font-Awesome (Version 4.2.0)\n//\n// Component: `uk-icon-*`\n//\n// Sub-objects: `uk-icon-hover`\n// `uk-icon-button`\n//\n// Modifiers: `uk-icon-small`\n// `uk-icon-medium`\n// `uk-icon-large`\n// `uk-icon-justify`\n// `uk-icon-spin`\n//\n// Uses: Animation\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@icon-font-path: "../fonts";\n\n@icon-small-font-size: 150%;\n@icon-medium-font-size: 200%;\n@icon-large-font-size: 250%;\n\n@icon-small-vertical-align: -10%;\n@icon-medium-vertical-align: -16%;\n@icon-large-vertical-align: -22%;\n\n@icon-hover-color: #999;\n@icon-hover-hover-color: #444;\n\n@icon-button-width: 35px;\n@icon-button-height: @icon-button-width;\n@icon-button-border-radius: 100%;\n@icon-button-background: #eee;\n@icon-button-font-size: round((@icon-button-width * 0.5));\n@icon-button-color: #444;\n\n@icon-button-hover-background: #f5f5f5;\n@icon-button-hover-color: #444;\n\n@icon-button-active-background: #ddd;\n@icon-button-active-color: #444;\n\n\n/* ========================================================================\n Component: Icon\n ========================================================================== */\n\n@font-face {\n font-family: \'FontAwesome\';\n src: url("/templates/yoo_uniq/warp/vendor/uikit/less/core/@{icon-font-path}/fontawesome-webfont.woff2") format(\'woff2\'),\n url("/templates/yoo_uniq/warp/vendor/uikit/less/core/@{icon-font-path}/fontawesome-webfont.woff") format("woff"),\n url("/templates/yoo_uniq/warp/vendor/uikit/less/core/@{icon-font-path}/fontawesome-webfont.ttf") format("truetype");\n font-weight: normal;\n font-style: normal;\n}\n\n/*\n * 1. Allow margin\n * 2. Prevent inherit font style\n * 4. Correct line-height\n * 5. Better font rendering\n * 6. Remove `text-decoration` for anchors\n */\n\n[class*=\'uk-icon-\'] {\n font-family: FontAwesome;\n /* 1 */\n display: inline-block;\n /* 2 */\n font-weight: normal;\n font-style: normal;\n /* 4 */\n line-height: 1;\n /* 5 */\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n\n/* 6 */\n[class*=\'uk-icon-\'],\n[class*=\'uk-icon-\']:hover,\n[class*=\'uk-icon-\']:focus { text-decoration: none; }\n\n\n/* Size modifiers\n ========================================================================== */\n\n.uk-icon-small {\n font-size: @icon-small-font-size;\n vertical-align: @icon-small-vertical-align;\n}\n\n.uk-icon-medium {\n font-size: @icon-medium-font-size;\n vertical-align: @icon-medium-vertical-align;\n}\n\n.uk-icon-large {\n font-size: @icon-large-font-size;\n vertical-align: @icon-large-vertical-align;\n}\n\n\n/* Modifier: `uk-icon-justify`\n ========================================================================== */\n\n.uk-icon-justify {\n width: 1em;\n text-align: center;\n}\n\n\n/* Modifier: `uk-icon-spin`\n ========================================================================== */\n\n.uk-icon-spin {\n display: inline-block;\n -webkit-animation: uk-rotate 2s infinite linear;\n animation: uk-rotate 2s infinite linear;\n}\n\n\n/* Modifier: `uk-icon-hover`\n ========================================================================== */\n\n.uk-icon-hover {\n color: @icon-hover-color;\n .hook-icon-hover;\n}\n\n/*\n * Hover\n */\n\n.uk-icon-hover:hover {\n color: @icon-hover-hover-color;\n .hook-icon-hover-hover;\n}\n\n\n/* Modifier: `uk-icon-button`\n ========================================================================== */\n\n.uk-icon-button {\n box-sizing: border-box;\n display: inline-block;\n width: @icon-button-width;\n height: @icon-button-height;\n border-radius: @icon-button-border-radius;\n background: @icon-button-background;\n line-height: @icon-button-height;\n color: @icon-button-color;\n font-size: @icon-button-font-size;\n text-align: center;\n .hook-icon-button;\n}\n\n/*\n * Hover\n * 1. Apply hover style also to focus state\n * 2. Remove default focus style\n */\n\n.uk-icon-button:hover,\n.uk-icon-button:focus { // 1\n background-color: @icon-button-hover-background;\n color: @icon-button-hover-color;\n /* 2 */\n outline: none;\n .hook-icon-button-hover;\n}\n\n/* Active */\n.uk-icon-button:active {\n background-color: @icon-button-active-background;\n color: @icon-button-active-color;\n .hook-icon-button-active;\n}\n\n\n/* Icon mapping\n ========================================================================== */\n\n.uk-icon-glass:before { content: "\\f000"; }\n.uk-icon-music:before { content: "\\f001"; }\n.uk-icon-search:before { content: "\\f002"; }\n.uk-icon-envelope-o:before { content: "\\f003"; }\n.uk-icon-heart:before { content: "\\f004"; }\n.uk-icon-star:before { content: "\\f005"; }\n.uk-icon-star-o:before { content: "\\f006"; }\n.uk-icon-user:before { content: "\\f007"; }\n.uk-icon-film:before { content: "\\f008"; }\n.uk-icon-th-large:before { content: "\\f009"; }\n.uk-icon-th:before { content: "\\f00a"; }\n.uk-icon-th-list:before { content: "\\f00b"; }\n.uk-icon-check:before { content: "\\f00c"; }\n.uk-icon-remove:before,\n.uk-icon-close:before,\n.uk-icon-times:before { content: "\\f00d"; }\n.uk-icon-search-plus:before { content: "\\f00e"; }\n.uk-icon-search-minus:before { content: "\\f010"; }\n.uk-icon-power-off:before { content: "\\f011"; }\n.uk-icon-signal:before { content: "\\f012"; }\n.uk-icon-gear:before,\n.uk-icon-cog:before { content: "\\f013"; }\n.uk-icon-trash-o:before { content: "\\f014"; }\n.uk-icon-home:before { content: "\\f015"; }\n.uk-icon-file-o:before { content: "\\f016"; }\n.uk-icon-clock-o:before { content: "\\f017"; }\n.uk-icon-road:before { content: "\\f018"; }\n.uk-icon-download:before { content: "\\f019"; }\n.uk-icon-arrow-circle-o-down:before { content: "\\f01a"; }\n.uk-icon-arrow-circle-o-up:before { content: "\\f01b"; }\n.uk-icon-inbox:before { content: "\\f01c"; }\n.uk-icon-play-circle-o:before { content: "\\f01d"; }\n.uk-icon-rotate-right:before,\n.uk-icon-repeat:before { content: "\\f01e"; }\n.uk-icon-refresh:before { content: "\\f021"; }\n.uk-icon-list-alt:before { content: "\\f022"; }\n.uk-icon-lock:before { content: "\\f023"; }\n.uk-icon-flag:before { content: "\\f024"; }\n.uk-icon-headphones:before { content: "\\f025"; }\n.uk-icon-volume-off:before { content: "\\f026"; }\n.uk-icon-volume-down:before { content: "\\f027"; }\n.uk-icon-volume-up:before { content: "\\f028"; }\n.uk-icon-qrcode:before { content: "\\f029"; }\n.uk-icon-barcode:before { content: "\\f02a"; }\n.uk-icon-tag:before { content: "\\f02b"; }\n.uk-icon-tags:before { content: "\\f02c"; }\n.uk-icon-book:before { content: "\\f02d"; }\n.uk-icon-bookmark:before { content: "\\f02e"; }\n.uk-icon-print:before { content: "\\f02f"; }\n.uk-icon-camera:before { content: "\\f030"; }\n.uk-icon-font:before { content: "\\f031"; }\n.uk-icon-bold:before { content: "\\f032"; }\n.uk-icon-italic:before { content: "\\f033"; }\n.uk-icon-text-height:before { content: "\\f034"; }\n.uk-icon-text-width:before { content: "\\f035"; }\n.uk-icon-align-left:before { content: "\\f036"; }\n.uk-icon-align-center:before { content: "\\f037"; }\n.uk-icon-align-right:before { content: "\\f038"; }\n.uk-icon-align-justify:before { content: "\\f039"; }\n.uk-icon-list:before { content: "\\f03a"; }\n.uk-icon-dedent:before,\n.uk-icon-outdent:before { content: "\\f03b"; }\n.uk-icon-indent:before { content: "\\f03c"; }\n.uk-icon-video-camera:before { content: "\\f03d"; }\n.uk-icon-photo:before,\n.uk-icon-image:before,\n.uk-icon-picture-o:before { content: "\\f03e"; }\n.uk-icon-pencil:before { content: "\\f040"; }\n.uk-icon-map-marker:before { content: "\\f041"; }\n.uk-icon-adjust:before { content: "\\f042"; }\n.uk-icon-tint:before { content: "\\f043"; }\n.uk-icon-edit:before,\n.uk-icon-pencil-square-o:before { content: "\\f044"; }\n.uk-icon-share-square-o:before { content: "\\f045"; }\n.uk-icon-check-square-o:before { content: "\\f046"; }\n.uk-icon-arrows:before { content: "\\f047"; }\n.uk-icon-step-backward:before { content: "\\f048"; }\n.uk-icon-fast-backward:before { content: "\\f049"; }\n.uk-icon-backward:before { content: "\\f04a"; }\n.uk-icon-play:before { content: "\\f04b"; }\n.uk-icon-pause:before { content: "\\f04c"; }\n.uk-icon-stop:before { content: "\\f04d"; }\n.uk-icon-forward:before { content: "\\f04e"; }\n.uk-icon-fast-forward:before { content: "\\f050"; }\n.uk-icon-step-forward:before { content: "\\f051"; }\n.uk-icon-eject:before { content: "\\f052"; }\n.uk-icon-chevron-left:before { content: "\\f053"; }\n.uk-icon-chevron-right:before { content: "\\f054"; }\n.uk-icon-plus-circle:before { content: "\\f055"; }\n.uk-icon-minus-circle:before { content: "\\f056"; }\n.uk-icon-times-circle:before { content: "\\f057"; }\n.uk-icon-check-circle:before { content: "\\f058"; }\n.uk-icon-question-circle:before { content: "\\f059"; }\n.uk-icon-info-circle:before { content: "\\f05a"; }\n.uk-icon-crosshairs:before { content: "\\f05b"; }\n.uk-icon-times-circle-o:before { content: "\\f05c"; }\n.uk-icon-check-circle-o:before { content: "\\f05d"; }\n.uk-icon-ban:before { content: "\\f05e"; }\n.uk-icon-arrow-left:before { content: "\\f060"; }\n.uk-icon-arrow-right:before { content: "\\f061"; }\n.uk-icon-arrow-up:before { content: "\\f062"; }\n.uk-icon-arrow-down:before { content: "\\f063"; }\n.uk-icon-mail-forward:before,\n.uk-icon-share:before { content: "\\f064"; }\n.uk-icon-expand:before { content: "\\f065"; }\n.uk-icon-compress:before { content: "\\f066"; }\n.uk-icon-plus:before { content: "\\f067"; }\n.uk-icon-minus:before { content: "\\f068"; }\n.uk-icon-asterisk:before { content: "\\f069"; }\n.uk-icon-exclamation-circle:before { content: "\\f06a"; }\n.uk-icon-gift:before { content: "\\f06b"; }\n.uk-icon-leaf:before { content: "\\f06c"; }\n.uk-icon-fire:before { content: "\\f06d"; }\n.uk-icon-eye:before { content: "\\f06e"; }\n.uk-icon-eye-slash:before { content: "\\f070"; }\n.uk-icon-warning:before,\n.uk-icon-exclamation-triangle:before { content: "\\f071"; }\n.uk-icon-plane:before { content: "\\f072"; }\n.uk-icon-calendar:before { content: "\\f073"; }\n.uk-icon-random:before { content: "\\f074"; }\n.uk-icon-comment:before { content: "\\f075"; }\n.uk-icon-magnet:before { content: "\\f076"; }\n.uk-icon-chevron-up:before { content: "\\f077"; }\n.uk-icon-chevron-down:before { content: "\\f078"; }\n.uk-icon-retweet:before { content: "\\f079"; }\n.uk-icon-shopping-cart:before { content: "\\f07a"; }\n.uk-icon-folder:before { content: "\\f07b"; }\n.uk-icon-folder-open:before { content: "\\f07c"; }\n.uk-icon-arrows-v:before { content: "\\f07d"; }\n.uk-icon-arrows-h:before { content: "\\f07e"; }\n.uk-icon-bar-chart-o:before,\n.uk-icon-bar-chart:before { content: "\\f080"; }\n.uk-icon-twitter-square:before { content: "\\f081"; }\n.uk-icon-facebook-square:before { content: "\\f082"; }\n.uk-icon-camera-retro:before { content: "\\f083"; }\n.uk-icon-key:before { content: "\\f084"; }\n.uk-icon-gears:before,\n.uk-icon-cogs:before { content: "\\f085"; }\n.uk-icon-comments:before { content: "\\f086"; }\n.uk-icon-thumbs-o-up:before { content: "\\f087"; }\n.uk-icon-thumbs-o-down:before { content: "\\f088"; }\n.uk-icon-star-half:before { content: "\\f089"; }\n.uk-icon-heart-o:before { content: "\\f08a"; }\n.uk-icon-sign-out:before { content: "\\f08b"; }\n.uk-icon-linkedin-square:before { content: "\\f08c"; }\n.uk-icon-thumb-tack:before { content: "\\f08d"; }\n.uk-icon-external-link:before { content: "\\f08e"; }\n.uk-icon-sign-in:before { content: "\\f090"; }\n.uk-icon-trophy:before { content: "\\f091"; }\n.uk-icon-github-square:before { content: "\\f092"; }\n.uk-icon-upload:before { content: "\\f093"; }\n.uk-icon-lemon-o:before { content: "\\f094"; }\n.uk-icon-phone:before { content: "\\f095"; }\n.uk-icon-square-o:before { content: "\\f096"; }\n.uk-icon-bookmark-o:before { content: "\\f097"; }\n.uk-icon-phone-square:before { content: "\\f098"; }\n.uk-icon-twitter:before { content: "\\f099"; }\n.uk-icon-facebook-f:before,\n.uk-icon-facebook:before { content: "\\f09a"; }\n.uk-icon-github:before { content: "\\f09b"; }\n.uk-icon-unlock:before { content: "\\f09c"; }\n.uk-icon-credit-card:before { content: "\\f09d"; }\n.uk-icon-rss:before { content: "\\f09e"; }\n.uk-icon-hdd-o:before { content: "\\f0a0"; }\n.uk-icon-bullhorn:before { content: "\\f0a1"; }\n.uk-icon-bell:before { content: "\\f0f3"; }\n.uk-icon-certificate:before { content: "\\f0a3"; }\n.uk-icon-hand-o-right:before { content: "\\f0a4"; }\n.uk-icon-hand-o-left:before { content: "\\f0a5"; }\n.uk-icon-hand-o-up:before { content: "\\f0a6"; }\n.uk-icon-hand-o-down:before { content: "\\f0a7"; }\n.uk-icon-arrow-circle-left:before { content: "\\f0a8"; }\n.uk-icon-arrow-circle-right:before { content: "\\f0a9"; }\n.uk-icon-arrow-circle-up:before { content: "\\f0aa"; }\n.uk-icon-arrow-circle-down:before { content: "\\f0ab"; }\n.uk-icon-globe:before { content: "\\f0ac"; }\n.uk-icon-wrench:before { content: "\\f0ad"; }\n.uk-icon-tasks:before { content: "\\f0ae"; }\n.uk-icon-filter:before { content: "\\f0b0"; }\n.uk-icon-briefcase:before { content: "\\f0b1"; }\n.uk-icon-arrows-alt:before { content: "\\f0b2"; }\n.uk-icon-group:before,\n.uk-icon-users:before { content: "\\f0c0"; }\n.uk-icon-chain:before,\n.uk-icon-link:before { content: "\\f0c1"; }\n.uk-icon-cloud:before { content: "\\f0c2"; }\n.uk-icon-flask:before { content: "\\f0c3"; }\n.uk-icon-cut:before,\n.uk-icon-scissors:before { content: "\\f0c4"; }\n.uk-icon-copy:before,\n.uk-icon-files-o:before { content: "\\f0c5"; }\n.uk-icon-paperclip:before { content: "\\f0c6"; }\n.uk-icon-save:before,\n.uk-icon-floppy-o:before { content: "\\f0c7"; }\n.uk-icon-square:before { content: "\\f0c8"; }\n.uk-icon-navicon:before,\n.uk-icon-reorder:before,\n.uk-icon-bars:before { content: "\\f0c9"; }\n.uk-icon-list-ul:before { content: "\\f0ca"; }\n.uk-icon-list-ol:before { content: "\\f0cb"; }\n.uk-icon-strikethrough:before { content: "\\f0cc"; }\n.uk-icon-underline:before { content: "\\f0cd"; }\n.uk-icon-table:before { content: "\\f0ce"; }\n.uk-icon-magic:before { content: "\\f0d0"; }\n.uk-icon-truck:before { content: "\\f0d1"; }\n.uk-icon-pinterest:before { content: "\\f0d2"; }\n.uk-icon-pinterest-square:before { content: "\\f0d3"; }\n.uk-icon-google-plus-square:before { content: "\\f0d4"; }\n.uk-icon-google-plus:before { content: "\\f0d5"; }\n.uk-icon-money:before { content: "\\f0d6"; }\n.uk-icon-caret-down:before { content: "\\f0d7"; }\n.uk-icon-caret-up:before { content: "\\f0d8"; }\n.uk-icon-caret-left:before { content: "\\f0d9"; }\n.uk-icon-caret-right:before { content: "\\f0da"; }\n.uk-icon-columns:before { content: "\\f0db"; }\n.uk-icon-unsorted:before,\n.uk-icon-sort:before { content: "\\f0dc"; }\n.uk-icon-sort-down:before,\n.uk-icon-sort-desc:before { content: "\\f0dd"; }\n.uk-icon-sort-up:before,\n.uk-icon-sort-asc:before { content: "\\f0de"; }\n.uk-icon-envelope:before { content: "\\f0e0"; }\n.uk-icon-linkedin:before { content: "\\f0e1"; }\n.uk-icon-rotate-left:before,\n.uk-icon-undo:before { content: "\\f0e2"; }\n.uk-icon-legal:before,\n.uk-icon-gavel:before { content: "\\f0e3"; }\n.uk-icon-dashboard:before,\n.uk-icon-tachometer:before { content: "\\f0e4"; }\n.uk-icon-comment-o:before { content: "\\f0e5"; }\n.uk-icon-comments-o:before { content: "\\f0e6"; }\n.uk-icon-flash:before,\n.uk-icon-bolt:before { content: "\\f0e7"; }\n.uk-icon-sitemap:before { content: "\\f0e8"; }\n.uk-icon-umbrella:before { content: "\\f0e9"; }\n.uk-icon-paste:before,\n.uk-icon-clipboard:before { content: "\\f0ea"; }\n.uk-icon-lightbulb-o:before { content: "\\f0eb"; }\n.uk-icon-exchange:before { content: "\\f0ec"; }\n.uk-icon-cloud-download:before { content: "\\f0ed"; }\n.uk-icon-cloud-upload:before { content: "\\f0ee"; }\n.uk-icon-user-md:before { content: "\\f0f0"; }\n.uk-icon-stethoscope:before { content: "\\f0f1"; }\n.uk-icon-suitcase:before { content: "\\f0f2"; }\n.uk-icon-bell-o:before { content: "\\f0a2"; }\n.uk-icon-coffee:before { content: "\\f0f4"; }\n.uk-icon-cutlery:before { content: "\\f0f5"; }\n.uk-icon-file-text-o:before { content: "\\f0f6"; }\n.uk-icon-building-o:before { content: "\\f0f7"; }\n.uk-icon-hospital-o:before { content: "\\f0f8"; }\n.uk-icon-ambulance:before { content: "\\f0f9"; }\n.uk-icon-medkit:before { content: "\\f0fa"; }\n.uk-icon-fighter-jet:before { content: "\\f0fb"; }\n.uk-icon-beer:before { content: "\\f0fc"; }\n.uk-icon-h-square:before { content: "\\f0fd"; }\n.uk-icon-plus-square:before { content: "\\f0fe"; }\n.uk-icon-angle-double-left:before { content: "\\f100"; }\n.uk-icon-angle-double-right:before { content: "\\f101"; }\n.uk-icon-angle-double-up:before { content: "\\f102"; }\n.uk-icon-angle-double-down:before { content: "\\f103"; }\n.uk-icon-angle-left:before { content: "\\f104"; }\n.uk-icon-angle-right:before { content: "\\f105"; }\n.uk-icon-angle-up:before { content: "\\f106"; }\n.uk-icon-angle-down:before { content: "\\f107"; }\n.uk-icon-desktop:before { content: "\\f108"; }\n.uk-icon-laptop:before { content: "\\f109"; }\n.uk-icon-tablet:before { content: "\\f10a"; }\n.uk-icon-mobile-phone:before,\n.uk-icon-mobile:before { content: "\\f10b"; }\n.uk-icon-circle-o:before { content: "\\f10c"; }\n.uk-icon-quote-left:before { content: "\\f10d"; }\n.uk-icon-quote-right:before { content: "\\f10e"; }\n.uk-icon-spinner:before { content: "\\f110"; }\n.uk-icon-circle:before { content: "\\f111"; }\n.uk-icon-mail-reply:before,\n.uk-icon-reply:before { content: "\\f112"; }\n.uk-icon-github-alt:before { content: "\\f113"; }\n.uk-icon-folder-o:before { content: "\\f114"; }\n.uk-icon-folder-open-o:before { content: "\\f115"; }\n.uk-icon-smile-o:before { content: "\\f118"; }\n.uk-icon-frown-o:before { content: "\\f119"; }\n.uk-icon-meh-o:before { content: "\\f11a"; }\n.uk-icon-gamepad:before { content: "\\f11b"; }\n.uk-icon-keyboard-o:before { content: "\\f11c"; }\n.uk-icon-flag-o:before { content: "\\f11d"; }\n.uk-icon-flag-checkered:before { content: "\\f11e"; }\n.uk-icon-terminal:before { content: "\\f120"; }\n.uk-icon-code:before { content: "\\f121"; }\n.uk-icon-mail-reply-all:before,\n.uk-icon-reply-all:before { content: "\\f122"; }\n.uk-icon-star-half-empty:before,\n.uk-icon-star-half-full:before,\n.uk-icon-star-half-o:before { content: "\\f123"; }\n.uk-icon-location-arrow:before { content: "\\f124"; }\n.uk-icon-crop:before { content: "\\f125"; }\n.uk-icon-code-fork:before { content: "\\f126"; }\n.uk-icon-unlink:before,\n.uk-icon-chain-broken:before { content: "\\f127"; }\n.uk-icon-question:before { content: "\\f128"; }\n.uk-icon-info:before { content: "\\f129"; }\n.uk-icon-exclamation:before { content: "\\f12a"; }\n.uk-icon-superscript:before { content: "\\f12b"; }\n.uk-icon-subscript:before { content: "\\f12c"; }\n.uk-icon-eraser:before { content: "\\f12d"; }\n.uk-icon-puzzle-piece:before { content: "\\f12e"; }\n.uk-icon-microphone:before { content: "\\f130"; }\n.uk-icon-microphone-slash:before { content: "\\f131"; }\n.uk-icon-shield:before { content: "\\f132"; }\n.uk-icon-calendar-o:before { content: "\\f133"; }\n.uk-icon-fire-extinguisher:before { content: "\\f134"; }\n.uk-icon-rocket:before { content: "\\f135"; }\n.uk-icon-maxcdn:before { content: "\\f136"; }\n.uk-icon-chevron-circle-left:before { content: "\\f137"; }\n.uk-icon-chevron-circle-right:before { content: "\\f138"; }\n.uk-icon-chevron-circle-up:before { content: "\\f139"; }\n.uk-icon-chevron-circle-down:before { content: "\\f13a"; }\n.uk-icon-html5:before { content: "\\f13b"; }\n.uk-icon-css3:before { content: "\\f13c"; }\n.uk-icon-anchor:before { content: "\\f13d"; }\n.uk-icon-unlock-alt:before { content: "\\f13e"; }\n.uk-icon-bullseye:before { content: "\\f140"; }\n.uk-icon-ellipsis-h:before { content: "\\f141"; }\n.uk-icon-ellipsis-v:before { content: "\\f142"; }\n.uk-icon-rss-square:before { content: "\\f143"; }\n.uk-icon-play-circle:before { content: "\\f144"; }\n.uk-icon-ticket:before { content: "\\f145"; }\n.uk-icon-minus-square:before { content: "\\f146"; }\n.uk-icon-minus-square-o:before { content: "\\f147"; }\n.uk-icon-level-up:before { content: "\\f148"; }\n.uk-icon-level-down:before { content: "\\f149"; }\n.uk-icon-check-square:before { content: "\\f14a"; }\n.uk-icon-pencil-square:before { content: "\\f14b"; }\n.uk-icon-external-link-square:before { content: "\\f14c"; }\n.uk-icon-share-square:before { content: "\\f14d"; }\n.uk-icon-compass:before { content: "\\f14e"; }\n.uk-icon-toggle-down:before,\n.uk-icon-caret-square-o-down:before { content: "\\f150"; }\n.uk-icon-toggle-up:before,\n.uk-icon-caret-square-o-up:before { content: "\\f151"; }\n.uk-icon-toggle-right:before,\n.uk-icon-caret-square-o-right:before { content: "\\f152"; }\n.uk-icon-euro:before,\n.uk-icon-eur:before { content: "\\f153"; }\n.uk-icon-gbp:before { content: "\\f154"; }\n.uk-icon-dollar:before,\n.uk-icon-usd:before { content: "\\f155"; }\n.uk-icon-rupee:before,\n.uk-icon-inr:before { content: "\\f156"; }\n.uk-icon-cny:before,\n.uk-icon-rmb:before,\n.uk-icon-yen:before,\n.uk-icon-jpy:before { content: "\\f157"; }\n.uk-icon-ruble:before,\n.uk-icon-rouble:before,\n.uk-icon-rub:before { content: "\\f158"; }\n.uk-icon-won:before,\n.uk-icon-krw:before { content: "\\f159"; }\n.uk-icon-bitcoin:before,\n.uk-icon-btc:before { content: "\\f15a"; }\n.uk-icon-file:before { content: "\\f15b"; }\n.uk-icon-file-text:before { content: "\\f15c"; }\n.uk-icon-sort-alpha-asc:before { content: "\\f15d"; }\n.uk-icon-sort-alpha-desc:before { content: "\\f15e"; }\n.uk-icon-sort-amount-asc:before { content: "\\f160"; }\n.uk-icon-sort-amount-desc:before { content: "\\f161"; }\n.uk-icon-sort-numeric-asc:before { content: "\\f162"; }\n.uk-icon-sort-numeric-desc:before { content: "\\f163"; }\n.uk-icon-thumbs-up:before { content: "\\f164"; }\n.uk-icon-thumbs-down:before { content: "\\f165"; }\n.uk-icon-youtube-square:before { content: "\\f166"; }\n.uk-icon-youtube:before { content: "\\f167"; }\n.uk-icon-xing:before { content: "\\f168"; }\n.uk-icon-xing-square:before { content: "\\f169"; }\n.uk-icon-youtube-play:before { content: "\\f16a"; }\n.uk-icon-dropbox:before { content: "\\f16b"; }\n.uk-icon-stack-overflow:before { content: "\\f16c"; }\n.uk-icon-instagram:before { content: "\\f16d"; }\n.uk-icon-flickr:before { content: "\\f16e"; }\n.uk-icon-adn:before { content: "\\f170"; }\n.uk-icon-bitbucket:before { content: "\\f171"; }\n.uk-icon-bitbucket-square:before { content: "\\f172"; }\n.uk-icon-tumblr:before { content: "\\f173"; }\n.uk-icon-tumblr-square:before { content: "\\f174"; }\n.uk-icon-long-arrow-down:before { content: "\\f175"; }\n.uk-icon-long-arrow-up:before { content: "\\f176"; }\n.uk-icon-long-arrow-left:before { content: "\\f177"; }\n.uk-icon-long-arrow-right:before { content: "\\f178"; }\n.uk-icon-apple:before { content: "\\f179"; }\n.uk-icon-windows:before { content: "\\f17a"; }\n.uk-icon-android:before { content: "\\f17b"; }\n.uk-icon-linux:before { content: "\\f17c"; }\n.uk-icon-dribbble:before { content: "\\f17d"; }\n.uk-icon-skype:before { content: "\\f17e"; }\n.uk-icon-foursquare:before { content: "\\f180"; }\n.uk-icon-trello:before { content: "\\f181"; }\n.uk-icon-female:before { content: "\\f182"; }\n.uk-icon-male:before { content: "\\f183"; }\n.uk-icon-gittip:before,\n.uk-icon-gratipay:before { content: "\\f184"; }\n.uk-icon-sun-o:before { content: "\\f185"; }\n.uk-icon-moon-o:before { content: "\\f186"; }\n.uk-icon-archive:before { content: "\\f187"; }\n.uk-icon-bug:before { content: "\\f188"; }\n.uk-icon-vk:before { content: "\\f189"; }\n.uk-icon-weibo:before { content: "\\f18a"; }\n.uk-icon-renren:before { content: "\\f18b"; }\n.uk-icon-pagelines:before { content: "\\f18c"; }\n.uk-icon-stack-exchange:before { content: "\\f18d"; }\n.uk-icon-arrow-circle-o-right:before { content: "\\f18e"; }\n.uk-icon-arrow-circle-o-left:before { content: "\\f190"; }\n.uk-icon-toggle-left:before,\n.uk-icon-caret-square-o-left:before { content: "\\f191"; }\n.uk-icon-dot-circle-o:before { content: "\\f192"; }\n.uk-icon-wheelchair:before { content: "\\f193"; }\n.uk-icon-vimeo-square:before { content: "\\f194"; }\n.uk-icon-turkish-lira:before,\n.uk-icon-try:before { content: "\\f195"; }\n.uk-icon-plus-square-o:before { content: "\\f196"; }\n.uk-icon-space-shuttle:before { content: "\\f197"; }\n.uk-icon-slack:before { content: "\\f198"; }\n.uk-icon-envelope-square:before { content: "\\f199"; }\n.uk-icon-wordpress:before { content: "\\f19a"; }\n.uk-icon-openid:before { content: "\\f19b"; }\n.uk-icon-institution:before,\n.uk-icon-bank:before,\n.uk-icon-university:before { content: "\\f19c"; }\n.uk-icon-mortar-board:before,\n.uk-icon-graduation-cap:before { content: "\\f19d"; }\n.uk-icon-yahoo:before { content: "\\f19e"; }\n.uk-icon-google:before { content: "\\f1a0"; }\n.uk-icon-reddit:before { content: "\\f1a1"; }\n.uk-icon-reddit-square:before { content: "\\f1a2"; }\n.uk-icon-stumbleupon-circle:before { content: "\\f1a3"; }\n.uk-icon-stumbleupon:before { content: "\\f1a4"; }\n.uk-icon-delicious:before { content: "\\f1a5"; }\n.uk-icon-digg:before { content: "\\f1a6"; }\n.uk-icon-pied-piper:before { content: "\\f1a7"; }\n.uk-icon-pied-piper-alt:before { content: "\\f1a8"; }\n.uk-icon-drupal:before { content: "\\f1a9"; }\n.uk-icon-joomla:before { content: "\\f1aa"; }\n.uk-icon-language:before { content: "\\f1ab"; }\n.uk-icon-fax:before { content: "\\f1ac"; }\n.uk-icon-building:before { content: "\\f1ad"; }\n.uk-icon-child:before { content: "\\f1ae"; }\n.uk-icon-paw:before { content: "\\f1b0"; }\n.uk-icon-spoon:before { content: "\\f1b1"; }\n.uk-icon-cube:before { content: "\\f1b2"; }\n.uk-icon-cubes:before { content: "\\f1b3"; }\n.uk-icon-behance:before { content: "\\f1b4"; }\n.uk-icon-behance-square:before { content: "\\f1b5"; }\n.uk-icon-steam:before { content: "\\f1b6"; }\n.uk-icon-steam-square:before { content: "\\f1b7"; }\n.uk-icon-recycle:before { content: "\\f1b8"; }\n.uk-icon-automobile:before,\n.uk-icon-car:before { content: "\\f1b9"; }\n.uk-icon-cab:before,\n.uk-icon-taxi:before { content: "\\f1ba"; }\n.uk-icon-tree:before { content: "\\f1bb"; }\n.uk-icon-spotify:before { content: "\\f1bc"; }\n.uk-icon-deviantart:before { content: "\\f1bd"; }\n.uk-icon-soundcloud:before { content: "\\f1be"; }\n.uk-icon-database:before { content: "\\f1c0"; }\n.uk-icon-file-pdf-o:before { content: "\\f1c1"; }\n.uk-icon-file-word-o:before { content: "\\f1c2"; }\n.uk-icon-file-excel-o:before { content: "\\f1c3"; }\n.uk-icon-file-powerpoint-o:before { content: "\\f1c4"; }\n.uk-icon-file-photo-o:before,\n.uk-icon-file-picture-o:before,\n.uk-icon-file-image-o:before { content: "\\f1c5"; }\n.uk-icon-file-zip-o:before,\n.uk-icon-file-archive-o:before { content: "\\f1c6"; }\n.uk-icon-file-sound-o:before,\n.uk-icon-file-audio-o:before { content: "\\f1c7"; }\n.uk-icon-file-movie-o:before,\n.uk-icon-file-video-o:before { content: "\\f1c8"; }\n.uk-icon-file-code-o:before { content: "\\f1c9"; }\n.uk-icon-vine:before { content: "\\f1ca"; }\n.uk-icon-codepen:before { content: "\\f1cb"; }\n.uk-icon-jsfiddle:before { content: "\\f1cc"; }\n.uk-icon-life-bouy:before,\n.uk-icon-life-buoy:before,\n.uk-icon-life-saver:before,\n.uk-icon-support:before,\n.uk-icon-life-ring:before { content: "\\f1cd"; }\n.uk-icon-circle-o-notch:before { content: "\\f1ce"; }\n.uk-icon-ra:before,\n.uk-icon-rebel:before { content: "\\f1d0"; }\n.uk-icon-ge:before,\n.uk-icon-empire:before { content: "\\f1d1"; }\n.uk-icon-git-square:before { content: "\\f1d2"; }\n.uk-icon-git:before { content: "\\f1d3"; }\n.uk-icon-hacker-news:before { content: "\\f1d4"; }\n.uk-icon-tencent-weibo:before { content: "\\f1d5"; }\n.uk-icon-qq:before { content: "\\f1d6"; }\n.uk-icon-wechat:before,\n.uk-icon-weixin:before { content: "\\f1d7"; }\n.uk-icon-send:before,\n.uk-icon-paper-plane:before { content: "\\f1d8"; }\n.uk-icon-send-o:before,\n.uk-icon-paper-plane-o:before { content: "\\f1d9"; }\n.uk-icon-history:before { content: "\\f1da"; }\n.uk-icon-genderless:before,\n.uk-icon-circle-thin:before { content: "\\f1db"; }\n.uk-icon-header:before { content: "\\f1dc"; }\n.uk-icon-paragraph:before { content: "\\f1dd"; }\n.uk-icon-sliders:before { content: "\\f1de"; }\n.uk-icon-share-alt:before { content: "\\f1e0"; }\n.uk-icon-share-alt-square:before { content: "\\f1e1"; }\n.uk-icon-bomb:before { content: "\\f1e2"; }\n.uk-icon-soccer-ball-o:before,\n.uk-icon-futbol-o:before { content: "\\f1e3"; }\n.uk-icon-tty:before { content: "\\f1e4"; }\n.uk-icon-binoculars:before { content: "\\f1e5"; }\n.uk-icon-plug:before { content: "\\f1e6"; }\n.uk-icon-slideshare:before { content: "\\f1e7"; }\n.uk-icon-twitch:before { content: "\\f1e8"; }\n.uk-icon-yelp:before { content: "\\f1e9"; }\n.uk-icon-newspaper-o:before { content: "\\f1ea"; }\n.uk-icon-wifi:before { content: "\\f1eb"; }\n.uk-icon-calculator:before { content: "\\f1ec"; }\n.uk-icon-paypal:before { content: "\\f1ed"; }\n.uk-icon-google-wallet:before { content: "\\f1ee"; }\n.uk-icon-cc-visa:before { content: "\\f1f0"; }\n.uk-icon-cc-mastercard:before { content: "\\f1f1"; }\n.uk-icon-cc-discover:before { content: "\\f1f2"; }\n.uk-icon-cc-amex:before { content: "\\f1f3"; }\n.uk-icon-cc-paypal:before { content: "\\f1f4"; }\n.uk-icon-cc-stripe:before { content: "\\f1f5"; }\n.uk-icon-bell-slash:before { content: "\\f1f6"; }\n.uk-icon-bell-slash-o:before { content: "\\f1f7"; }\n.uk-icon-trash:before { content: "\\f1f8"; }\n.uk-icon-copyright:before { content: "\\f1f9"; }\n.uk-icon-at:before { content: "\\f1fa"; }\n.uk-icon-eyedropper:before { content: "\\f1fb"; }\n.uk-icon-paint-brush:before { content: "\\f1fc"; }\n.uk-icon-birthday-cake:before { content: "\\f1fd"; }\n.uk-icon-area-chart:before { content: "\\f1fe"; }\n.uk-icon-pie-chart:before { content: "\\f200"; }\n.uk-icon-line-chart:before { content: "\\f201"; }\n.uk-icon-lastfm:before { content: "\\f202"; }\n.uk-icon-lastfm-square:before { content: "\\f203"; }\n.uk-icon-toggle-off:before { content: "\\f204"; }\n.uk-icon-toggle-on:before { content: "\\f205"; }\n.uk-icon-bicycle:before { content: "\\f206"; }\n.uk-icon-bus:before { content: "\\f207"; }\n.uk-icon-ioxhost:before { content: "\\f208"; }\n.uk-icon-angellist:before { content: "\\f209"; }\n.uk-icon-cc:before { content: "\\f20a"; }\n.uk-icon-shekel:before,\n.uk-icon-sheqel:before,\n.uk-icon-ils:before { content: "\\f20b"; }\n.uk-icon-meanpath:before { content: "\\f20c"; }\n.uk-icon-buysellads:before { content: "\\f20d"; }\n.uk-icon-connectdevelop:before { content: "\\f20e"; }\n.uk-icon-dashcube:before { content: "\\f210"; }\n.uk-icon-forumbee:before { content: "\\f211"; }\n.uk-icon-leanpub:before { content: "\\f212"; }\n.uk-icon-sellsy:before { content: "\\f213"; }\n.uk-icon-shirtsinbulk:before { content: "\\f214"; }\n.uk-icon-simplybuilt:before { content: "\\f215"; }\n.uk-icon-skyatlas:before { content: "\\f216"; }\n.uk-icon-cart-plus:before { content: "\\f217"; }\n.uk-icon-cart-arrow-down:before { content: "\\f218"; }\n.uk-icon-diamond:before { content: "\\f219"; }\n.uk-icon-ship:before { content: "\\f21a"; }\n.uk-icon-user-secret:before { content: "\\f21b"; }\n.uk-icon-motorcycle:before { content: "\\f21c"; }\n.uk-icon-street-view:before { content: "\\f21d"; }\n.uk-icon-heartbeat:before { content: "\\f21e"; }\n.uk-icon-venus:before { content: "\\f221"; }\n.uk-icon-mars:before { content: "\\f222"; }\n.uk-icon-mercury:before { content: "\\f223"; }\n.uk-icon-transgender:before { content: "\\f224"; }\n.uk-icon-transgender-alt:before { content: "\\f225"; }\n.uk-icon-venus-double:before { content: "\\f226"; }\n.uk-icon-mars-double:before { content: "\\f227"; }\n.uk-icon-venus-mars:before { content: "\\f228"; }\n.uk-icon-mars-stroke:before { content: "\\f229"; }\n.uk-icon-mars-stroke-v:before { content: "\\f22a"; }\n.uk-icon-mars-stroke-h:before { content: "\\f22b"; }\n.uk-icon-neuter:before { content: "\\f22c"; }\n.uk-icon-facebook-official:before { content: "\\f230"; }\n.uk-icon-pinterest-p:before { content: "\\f231"; }\n.uk-icon-whatsapp:before { content: "\\f232"; }\n.uk-icon-server:before { content: "\\f233"; }\n.uk-icon-user-plus:before { content: "\\f234"; }\n.uk-icon-user-times:before { content: "\\f235"; }\n.uk-icon-hotel:before,\n.uk-icon-bed:before { content: "\\f236"; }\n.uk-icon-viacoin:before { content: "\\f237"; }\n.uk-icon-train:before { content: "\\f238"; }\n.uk-icon-subway:before { content: "\\f239"; }\n.uk-icon-medium-logo:before { content: "\\f23a"; }\n.uk-icon-500px:before { content: "\\f26e"; }\n.uk-icon-amazon:before { content: "\\f270"; }\n.uk-icon-balance-scale:before { content: "\\f24e"; }\n.uk-icon-battery-empty:before,\n.uk-icon-battery-0:before { content: "\\f244"; }\n.uk-icon-battery-quarter:before,\n.uk-icon-battery-1:before { content: "\\f243"; }\n.uk-icon-battery-half:before,\n.uk-icon-battery-2:before { content: "\\f242"; }\n.uk-icon-battery-three-quarters:before,\n.uk-icon-battery-3:before { content: "\\f241"; }\n.uk-icon-battery-full:before,\n.uk-icon-battery-4:before { content: "\\f240"; }\n.uk-icon-black-tie:before { content: "\\f27e"; }\n.uk-icon-calendar-check-o:before { content: "\\f274"; }\n.uk-icon-calendar-minus-o:before { content: "\\f272"; }\n.uk-icon-calendar-plus-o:before { content: "\\f271"; }\n.uk-icon-calendar-times-o:before { content: "\\f273"; }\n.uk-icon-cc-diners-club:before { content: "\\f24c"; }\n.uk-icon-cc-jcb:before { content: "\\f24b"; }\n.uk-icon-chrome:before { content: "\\f268"; }\n.uk-icon-clone:before { content: "\\f24d"; }\n.uk-icon-commenting:before { content: "\\f27a"; }\n.uk-icon-commenting-o:before { content: "\\f27b"; }\n.uk-icon-contao:before { content: "\\f26d"; }\n.uk-icon-creative-commons:before { content: "\\f25e"; }\n.uk-icon-expeditedssl:before { content: "\\f23e"; }\n.uk-icon-firefox:before { content: "\\f269"; }\n.uk-icon-fonticons:before { content: "\\f280"; }\n.uk-icon-get-pocket:before { content: "\\f265"; }\n.uk-icon-gg:before { content: "\\f260"; }\n.uk-icon-gg-circle:before { content: "\\f261"; }\n.uk-icon-hand-lizard-o:before { content: "\\f258"; }\n.uk-icon-hand-stop-o:before,\n.uk-icon-hand-paper-o:before { content: "\\f256"; }\n.uk-icon-hand-peace-o:before { content: "\\f25b"; }\n.uk-icon-hand-pointer-o:before { content: "\\f25a"; }\n.uk-icon-hand-grab-o:before,\n.uk-icon-hand-rock-o:before { content: "\\f255"; }\n.uk-icon-hand-scissors-o:before { content: "\\f257"; }\n.uk-icon-hand-spock-o:before { content: "\\f259"; }\n.uk-icon-hourglass:before { content: "\\f254"; }\n.uk-icon-hourglass-o:before { content: "\\f250"; }\n.uk-icon-hourglass-1:before,\n.uk-icon-hourglass-start:before { content: "\\f251"; }\n.uk-icon-hourglass-2:before,\n.uk-icon-hourglass-half:before { content: "\\f252"; }\n.uk-icon-hourglass-3:before,\n.uk-icon-hourglass-end:before { content: "\\f253"; }\n.uk-icon-houzz:before { content: "\\f27c"; }\n.uk-icon-i-cursor:before { content: "\\f246"; }\n.uk-icon-industry:before { content: "\\f275"; }\n.uk-icon-internet-explorer:before { content: "\\f26b"; }\n.uk-icon-map:before { content: "\\f279"; }\n.uk-icon-map-o:before { content: "\\f278"; }\n.uk-icon-map-pin:before { content: "\\f276"; }\n.uk-icon-map-signs:before { content: "\\f277"; }\n.uk-icon-mouse-pointer:before { content: "\\f245"; }\n.uk-icon-object-group:before { content: "\\f247"; }\n.uk-icon-object-ungroup:before { content: "\\f248"; }\n.uk-icon-odnoklassniki:before { content: "\\f263"; }\n.uk-icon-odnoklassniki-square:before { content: "\\f264"; }\n.uk-icon-opencart:before { content: "\\f23d"; }\n.uk-icon-opera:before { content: "\\f26a"; }\n.uk-icon-optin-monster:before { content: "\\f23c"; }\n.uk-icon-registered:before { content: "\\f25d"; }\n.uk-icon-safari:before { content: "\\f267"; }\n.uk-icon-sticky-note:before { content: "\\f249"; }\n.uk-icon-sticky-note-o:before { content: "\\f24a"; }\n.uk-icon-tv:before,\n.uk-icon-television:before { content: "\\f26c"; }\n.uk-icon-trademark:before { content: "\\f25c"; }\n.uk-icon-tripadvisor:before { content: "\\f262"; }\n.uk-icon-vimeo:before { content: "\\f27d"; }\n.uk-icon-wikipedia-w:before { content: "\\f266"; }\n.uk-icon-yc:before,\n.uk-icon-y-combinator:before { content: "\\f23b"; }\n.uk-icon-yc-square:before,\n.uk-icon-y-combinator-square:before { content: "\\f1d4"; }\n// added fa 4.5\n.uk-icon-bluetooth:before { content: "\\f293"; }\n.uk-icon-bluetooth-b:before { content: "\\f294"; }\n.uk-icon-codiepie:before { content: "\\f284"; }\n.uk-icon-credit-card-alt:before { content: "\\f283"; }\n.uk-icon-edge:before { content: "\\f282"; }\n.uk-icon-fort-awesome:before { content: "\\f286"; }\n.uk-icon-hashtag:before { content: "\\f292"; }\n.uk-icon-mixcloud:before { content: "\\f289"; }\n.uk-icon-modx:before { content: "\\f285"; }\n.uk-icon-pause-circle:before { content: "\\f28b"; }\n.uk-icon-pause-circle-o:before { content: "\\f28c"; }\n.uk-icon-percent:before { content: "\\f295"; }\n.uk-icon-product-hunt:before { content: "\\f288"; }\n.uk-icon-reddit-alien:before { content: "\\f281"; }\n.uk-icon-scribd:before { content: "\\f28a"; }\n.uk-icon-shopping-bag:before { content: "\\f290"; }\n.uk-icon-shopping-basket:before { content: "\\f291"; }\n.uk-icon-stop-circle:before { content: "\\f28d"; }\n.uk-icon-stop-circle-o:before { content: "\\f28e"; }\n.uk-icon-usb:before { content: "\\f287"; }\n\n\n// Hooks\n// ========================================================================\n\n.hook-icon-misc;\n\n.hook-icon-hover() {}\n.hook-icon-hover-hover() {}\n.hook-icon-button() {}\n.hook-icon-button-hover() {}\n.hook-icon-button-active() {}\n.hook-icon-misc() {}\n\n// Name: Close\n// Description: Defines styles for a close button\n//\n// Component: `uk-close`\n//\n// Modifiers: `uk-close-alt`\n//\n// Uses: Icon: FontAwesome\n//\n// Used by: Alert\n// Modal\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@close-size: 20px;\n\n@close-alt-padding: 2px;\n@close-alt-background: #eee;\n\n\n/* ========================================================================\n Component: Close\n ========================================================================== */\n\n/*\n * Removes inner padding and border in Firefox 4+.\n */\n\n.uk-close::-moz-focus-inner {\n border: 0;\n padding: 0;\n}\n\n/*\n * 1. Correct inability to style clickable `input` types in iOS.\n * 2. Remove margins in Chrome, Safari and Opera.\n * 3. Remove borders for `button`.\n * 4. Address `overflow` set to `hidden` in IE 8/9/10/11.\n * 5. Correct `font` properties and `color` not being inherited for `button`.\n * 6. Address inconsistent `text-transform` inheritance which is only inherit in Firefox and IE\n * 7. Remove default `button` padding and background color\n * 8. Style\n */\n\n.uk-close {\n /* 1 */\n -webkit-appearance: none;\n /* 2 */\n margin: 0;\n /* 3 */\n border: none;\n /* 4 */\n overflow: visible;\n /* 5 */\n font: inherit;\n color: inherit;\n /* 6 */\n text-transform: none;\n /* 7. */\n padding: 0;\n background: transparent;\n /* 8 */\n display: inline-block;\n box-sizing: content-box;\n width: @close-size;\n line-height: @close-size;\n text-align: center;\n vertical-align: middle;\n opacity: 0.3;\n .hook-close;\n}\n\n/* Icon */\n.uk-close:after {\n display: block;\n content: "\\f00d";\n font-family: FontAwesome;\n}\n\n/*\n * Hover\n * 1. Apply hover style also to focus state\n * 2. Remove default focus style\n * 3. Required for `a` elements\n */\n\n.uk-close:hover,\n.uk-close:focus { // 1\n opacity: 0.5;\n /* 2 */\n outline: none;\n /* 3 */\n color: inherit;\n text-decoration: none;\n cursor: pointer;\n}\n\n\n/* Modifier\n ========================================================================== */\n\n.uk-close-alt {\n padding: @close-alt-padding;\n border-radius: 50%;\n background: @close-alt-background;\n opacity: 1;\n .hook-close-alt;\n}\n\n/* Hover */\n.uk-close-alt:hover,\n.uk-close-alt:focus { opacity: 1; }\n\n/* Icon */\n.uk-close-alt:after { opacity: 0.5; }\n\n.uk-close-alt:hover:after,\n.uk-close-alt:focus:after { opacity: 0.8; }\n\n\n// Hooks\n// ========================================================================\n\n.hook-close-misc;\n\n.hook-close() {}\n.hook-close-alt() {}\n.hook-close-misc() {}\n// Name: Badge\n// Description: Defines styles for badges\n//\n// Component: `uk-badge`\n//\n// Modifiers: `uk-badge-notification`\n// `uk-badge-success`\n// `uk-badge-danger`\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@badge-background: #00a8e6;\n@badge-padding-horizontal: 5px;\n@badge-font-size: 10px;\n@badge-font-weight: bold;\n@badge-line-height: 14px;\n@badge-color: #fff;\n@badge-text-transform: none;\n@badge-hover-color: #fff;\n\n@badge-notification-font-size: 12px;\n@badge-notification-line-height: 18px;\n\n@badge-success-background: #8cc14c;\n@badge-warning-background: #faa732;\n@badge-danger-background: #da314b;\n\n\n/* ========================================================================\n Component: Badge\n ========================================================================== */\n\n.uk-badge {\n display: inline-block;\n padding: 0 @badge-padding-horizontal;\n background: @badge-background;\n font-size: @badge-font-size;\n font-weight: @badge-font-weight;\n line-height: @badge-line-height;\n color: @badge-color;\n text-align: center;\n vertical-align: middle;\n text-transform: @badge-text-transform;\n .hook-badge;\n}\n\n/*\n * Keep color when badge is a link\n */\n\na.uk-badge:hover { color: @badge-hover-color; }\n\n\n/* Modifier: `uk-badge-notification`;\n ========================================================================== */\n\n.uk-badge-notification {\n box-sizing: border-box;\n min-width: @badge-notification-line-height;\n border-radius: 500px;\n font-size: @badge-notification-font-size;\n line-height: @badge-notification-line-height;\n}\n\n\n/* Color modifier\n ========================================================================== */\n\n/*\n * Modifier: `uk-badge-success`\n */\n\n.uk-badge-success {\n background-color: @badge-success-background;\n .hook-badge-success;\n}\n\n/*\n * Modifier: `uk-badge-warning`\n */\n\n.uk-badge-warning {\n background-color: @badge-warning-background;\n .hook-badge-warning;\n}\n\n/*\n * Modifier: `uk-badge-danger`\n */\n\n.uk-badge-danger {\n background-color: @badge-danger-background;\n .hook-badge-danger;\n}\n\n\n// Hooks\n// ========================================================================\n\n.hook-badge-misc;\n\n.hook-badge() {}\n.hook-badge-success() {}\n.hook-badge-warning() {}\n.hook-badge-danger() {}\n.hook-badge-misc() {}\n// Name: Alert\n// Description: Defines styles for alert messages\n//\n// Component: `uk-alert`\n//\n// Sub-objects: `uk-alert-close`\n//\n// Modifiers: `uk-alert-success`\n// `uk-alert-warning`\n// `uk-alert-danger`\n// `uk-alert-large`\n//\n// Uses: Close: `uk-close`\n//\n// Markup:\n//\n// \x3c!-- uk-alert --\x3e\n// \n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@alert-margin-vertical: 15px;\n@alert-padding: 10px;\n@alert-background: #ebf7fd;\n@alert-color: #2d7091;\n\n@alert-success-background: #f2fae3;\n@alert-success-color: #659f13;\n\n@alert-warning-background: #fffceb;\n@alert-warning-color: #e28327;\n\n@alert-danger-background: #fff1f0;\n@alert-danger-color: #d85030;\n\n@alert-large-padding: 20px;\n\n\n/* ========================================================================\n Component: Alert\n ========================================================================== */\n\n.uk-alert {\n margin-bottom: @alert-margin-vertical;\n padding: @alert-padding;\n background: @alert-background;\n color: @alert-color;\n .hook-alert;\n}\n\n/*\n * Add margin if adjacent element\n */\n\n* + .uk-alert { margin-top: @alert-margin-vertical; }\n\n/*\n * Remove margin from the last-child\n */\n\n.uk-alert > :last-child { margin-bottom: 0; }\n\n/*\n * Keep color for headings if the default heading color is changed\n */\n\n.uk-alert h1,\n.uk-alert h2,\n.uk-alert h3,\n.uk-alert h4,\n.uk-alert h5,\n.uk-alert h6 { color: inherit; }\n\n\n/* Close in alert\n ========================================================================== */\n\n.uk-alert > .uk-close:first-child { float: right; }\n\n/*\n * Remove margin from adjacent element\n */\n\n.uk-alert > .uk-close:first-child + * { margin-top: 0; }\n\n\n/* Modifier: `uk-alert-success`\n ========================================================================== */\n\n.uk-alert-success {\n background: @alert-success-background;\n color: @alert-success-color;\n .hook-alert-success;\n}\n\n\n/* Modifier: `uk-alert-warning`\n ========================================================================== */\n\n.uk-alert-warning {\n background: @alert-warning-background;\n color: @alert-warning-color;\n .hook-alert-warning;\n}\n\n\n/* Modifier: `uk-alert-danger`\n ========================================================================== */\n\n.uk-alert-danger {\n background: @alert-danger-background;\n color: @alert-danger-color;\n .hook-alert-danger;\n}\n\n\n/* Modifier: `uk-alert-large`\n ========================================================================== */\n\n.uk-alert-large { padding: @alert-large-padding; }\n\n.uk-alert-large > .uk-close:first-child { margin: -10px -10px 0 0; }\n\n\n// Hooks\n// ========================================================================\n\n.hook-alert-misc;\n\n.hook-alert() {}\n.hook-alert-success() {}\n.hook-alert-warning() {}\n.hook-alert-danger() {}\n.hook-alert-misc() {}\n// Name: Thumbnail\n// Description: Defines styles for image thumbnails\n//\n// Component: `uk-thumbnail`\n//\n// Sub-objects: `uk-thumbnail-caption`\n//\n// Modifiers: `uk-thumbnail-mini`\n// `uk-thumbnail-small`\n// `uk-thumbnail-medium`\n// `uk-thumbnail-large`\n// `uk-thumbnail-expand`\n//\n// Markup:\n//\n// \x3c!-- uk-thumbnail --\x3e\n// \n//
\n// \n// \n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@thumbnail-padding: 4px;\n@thumbnail-border: #ddd;\n@thumbnail-border-width: 1px;\n@thumbnail-background: #fff;\n@thumbnail-hover-border: #aaa;\n@thumbnail-hover-background: #fff;\n\n@thumbnail-caption-padding: @thumbnail-padding;\n@thumbnail-caption-color: #444;\n\n@thumbnail-mini-width: 150px;\n@thumbnail-small-width: 200px;\n@thumbnail-medium-width: 300px;\n@thumbnail-large-width: 400px;\n\n\n/* ========================================================================\n Component: Thumbnail\n ========================================================================== */\n\n/*\n * 1. Container width fits its content\n * 2. Responsive behavior\n * 3. Corrects `max-width` behavior sed\n * 4. Required for `figure` element\n * 5. Style\n */\n\n.uk-thumbnail {\n /* 1 */\n display: inline-block;\n /* 2 */\n max-width: 100%;\n /* 3 */\n box-sizing: border-box;\n /* 3 */\n margin: 0;\n /* 4 */\n padding: @thumbnail-padding;\n border: @thumbnail-border-width solid @thumbnail-border;\n background: @thumbnail-background;\n .hook-thumbnail;\n}\n\n/*\n * Hover state for `a` elements\n * 1. Apply hover style also to focus state\n * 2. Needed for caption\n * 3. Remove default focus style\n */\n\na.uk-thumbnail:hover,\na.uk-thumbnail:focus { // 1\n border-color: @thumbnail-hover-border;\n background-color: @thumbnail-hover-background;\n /* 2 */\n text-decoration: none;\n /* 3 */\n outline: none;\n .hook-thumbnail-hover;\n}\n\n\n/* Caption\n ========================================================================== */\n\n.uk-thumbnail-caption {\n padding-top: @thumbnail-caption-padding;\n text-align: center;\n color: @thumbnail-caption-color;\n .hook-thumbnail-caption;\n}\n\n\n/* Sizes\n ========================================================================== */\n\n.uk-thumbnail-mini { width: @thumbnail-mini-width; }\n.uk-thumbnail-small { width: @thumbnail-small-width; }\n.uk-thumbnail-medium { width: @thumbnail-medium-width; }\n.uk-thumbnail-large { width: @thumbnail-large-width; }\n\n.uk-thumbnail-expand,\n.uk-thumbnail-expand > img { width: 100%; }\n\n\n// Hooks\n// ========================================================================\n\n.hook-thumbnail-misc;\n\n.hook-thumbnail() {}\n.hook-thumbnail-hover() {}\n.hook-thumbnail-caption() {}\n.hook-thumbnail-misc() {}\n// Name: Overlay\n// Description: Defines styles for image overlays\n//\n// Component: `uk-overlay`\n//\n// Sub-objects: `uk-overlay-panel`\n// `uk-overlay-hover`\n// `uk-overlay-active`\n// `uk-overlay-icon`\n//\n// Modifier: `uk-overlay-background`\n// `uk-overlay-image`\n// `uk-overlay-top`\n// `uk-overlay-bottom`\n// `uk-overlay-left`\n// `uk-overlay-right`\n// `uk-overlay-fade`\n// `uk-overlay-scale`\n// `uk-overlay-spin`\n// `uk-overlay-grayscale`\n// `uk-overlay-slide-top`\n// `uk-overlay-slide-bottom`\n// `uk-overlay-slide-left`\n// `uk-overlay-slide-right`\n//\n// DEPRECATED: `uk-overlay-area`\n// `uk-overlay-area-content`\n// `uk-overlay-caption`\n// `uk-overlay-toggle`\n//\n// States: `uk-hover`\n// `uk-active`\n// `uk-ignore`\n//\n// Uses: Icon: `[class*=\'uk-icon-\']`\n// `uk-border-circle`\n//\n// Markup:\n//\n// \x3c!-- uk-overlay --\x3e\n// \n//
\n// \n// \n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@overlay-panel-padding: 20px;\n@overlay-panel-color: #fff;\n\n@overlay-panel-background: rgba(0,0,0,0.5);\n\n@overlay-icon: "\\f002";\n@overlay-icon-size: 50px;\n@overlay-icon-color: #fff;\n\n@overlay-fade-in-opacity: 1;\n@overlay-fade-out-opacity: 0.7;\n\n@overlay-scale-in-scale: 1.1;\n@overlay-scale-out-scale: 1;\n\n@overlay-spin-in-scale: 1.1;\n@overlay-spin-out-scale: 1;\n@overlay-spin-in-rotate: 3deg;\n@overlay-spin-out-rotate: 0deg;\n\n@overlay-panel-link-color: inherit;\n@overlay-panel-link-text-decoration: underline;\n\n// DEPRECATED\n@overlay-area-background: rgba(0,0,0,0.3);\n\n@overlay-area-icon: "\\f002";\n@overlay-area-icon-size: 50px;\n@overlay-area-icon-color: #fff;\n\n@overlay-area-content-font-size: 1rem;\n@overlay-area-content-padding-horizontal: 15px;\n@overlay-area-content-color: #fff;\n@overlay-area-content-link-color: inherit;\n\n@overlay-caption-background: rgba(0,0,0,0.5);\n@overlay-caption-padding: 15px;\n@overlay-caption-color: #fff;\n\n\n/* ========================================================================\n Component: Overlay\n ========================================================================== */\n\n/*\n * 1. Container width fits its content\n * 2. Create position context\n * 3. Set max-width for responsive images to prevent `inline-block` consequences\n * 4. Remove the gap between the container and its child element\n * 5. Needed for transitions and to fixed wrong scaling calculation for images in Chrome\n * 6. Fixed `overflow: hidden` to be ignored with border-radius and CSS transforms in Webkit\n * 7. Reset margin\n */\n\n.uk-overlay {\n /* 1 */\n display: inline-block;\n /* 2 */\n position: relative;\n /* 3 */\n max-width: 100%;\n /* 4 */\n vertical-align: middle;\n /* 5 */\n overflow: hidden;\n /* 6 */\n -webkit-transform: translateZ(0);\n /* 7 */\n margin: 0;\n}\n\n/* 6 for Safari */\n.uk-overlay.uk-border-circle { -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); }\n\n/*\n * Remove margin from content\n */\n\n.uk-overlay > :first-child { margin-bottom: 0; }\n\n\n/* Sub-object `uk-overlay-panel`\n ========================================================================== */\n\n/*\n * 1. Position cover\n * 2. Style\n */\n\n.uk-overlay-panel {\n /* 1 */\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n /* 2 */\n padding: @overlay-panel-padding;\n color: @overlay-panel-color;\n .hook-overlay-panel;\n}\n\n/*\n * Remove margin from the last-child\n */\n\n.uk-overlay-panel > :last-child,\n.uk-overlay-panel.uk-flex > * > :last-child { margin-bottom: 0; }\n\n/*\n * Keep color for headings if the default heading color is changed\n */\n\n.uk-overlay-panel h1,\n.uk-overlay-panel h2,\n.uk-overlay-panel h3,\n.uk-overlay-panel h4,\n.uk-overlay-panel h5,\n.uk-overlay-panel h6 { color: inherit; }\n\n.uk-overlay-panel a:not([class]) {\n color: @overlay-panel-link-color;\n text-decoration: @overlay-panel-link-text-decoration;\n}\n\n.uk-overlay-panel a[class*=\'uk-icon-\']:not(.uk-icon-button) { color: @overlay-panel-link-color; }\n\n\n/* Sub-object `uk-overlay-hover` and `uk-overlay-active`\n ========================================================================== */\n\n.uk-overlay-hover:not(:hover):not(.uk-hover) .uk-overlay-panel:not(.uk-ignore) { opacity: 0; }\n\n.uk-overlay-active :not(.uk-active) > .uk-overlay-panel:not(.uk-ignore) { opacity: 0; }\n\n\n/* Modifier `uk-overlay-background`\n ========================================================================== */\n\n.uk-overlay-background {\n background: @overlay-panel-background;\n .hook-overlay-background;\n}\n\n\n/* Modifier `uk-overlay-image`\n ========================================================================== */\n\n/*\n * Reset panel\n */\n\n.uk-overlay-image {\n padding: 0;\n .hook-overlay-image;\n}\n\n\n/* Position modifiers\n ========================================================================== */\n\n.uk-overlay-top { bottom: auto; }\n\n.uk-overlay-bottom { top: auto; }\n\n.uk-overlay-left { right: auto; }\n\n.uk-overlay-right { left: auto; }\n\n\n/* Sub-object `uk-overlay-icon`\n ========================================================================== */\n\n.uk-overlay-icon:before {\n content: @overlay-icon;\n position: absolute;\n top: 50%;\n left: 50%;\n width: @overlay-icon-size;\n height: @overlay-icon-size;\n margin-top: -(@overlay-icon-size / 2);\n margin-left: -(@overlay-icon-size / 2);\n font-size: @overlay-icon-size;\n line-height: 1;\n font-family: FontAwesome;\n text-align: center;\n color: @overlay-icon-color;\n .hook-overlay-icon;\n}\n\n\n/* Transitions\n ========================================================================== */\n\n.uk-overlay-fade,\n.uk-overlay-scale,\n.uk-overlay-spin,\n.uk-overlay-grayscale,\n.uk-overlay-blur,\n[class*=\'uk-overlay-slide\'] {\n transition-duration: 0.3s;\n transition-timing-function: ease-out;\n transition-property: opacity, transform, filter;\n}\n\n.uk-overlay-active .uk-overlay-fade,\n.uk-overlay-active .uk-overlay-scale,\n.uk-overlay-active .uk-overlay-spin,\n.uk-overlay-active [class*=\'uk-overlay-slide\'] { transition-duration: 0.8s; }\n\n/*\n * Fade\n */\n\n.uk-overlay-fade { opacity: @overlay-fade-out-opacity; }\n\n.uk-overlay-hover:hover .uk-overlay-fade,\n.uk-overlay-hover.uk-hover .uk-overlay-fade,\n.uk-overlay-active .uk-active > .uk-overlay-fade { opacity: @overlay-fade-in-opacity; }\n\n/*\n * Scale\n */\n\n.uk-overlay-scale {\n -webkit-transform: scale(@overlay-scale-out-scale);\n transform: scale(@overlay-scale-out-scale);\n}\n\n.uk-overlay-hover:hover .uk-overlay-scale,\n.uk-overlay-hover.uk-hover .uk-overlay-scale,\n.uk-overlay-active .uk-active > .uk-overlay-scale {\n -webkit-transform: scale(@overlay-scale-in-scale);\n transform: scale(@overlay-scale-in-scale);\n}\n\n/*\n * Spin\n */\n\n.uk-overlay-spin {\n -webkit-transform: scale(@overlay-spin-out-scale) rotate(@overlay-spin-out-rotate);\n transform: scale(@overlay-spin-out-scale) rotate(@overlay-spin-out-rotate);\n}\n\n.uk-overlay-hover:hover .uk-overlay-spin,\n.uk-overlay-hover.uk-hover .uk-overlay-spin,\n.uk-overlay-active .uk-active > .uk-overlay-spin {\n -webkit-transform: scale(@overlay-spin-in-scale) rotate(@overlay-spin-in-rotate);\n transform: scale(@overlay-spin-in-scale) rotate(@overlay-spin-in-rotate);\n}\n\n/*\n * Grayscale\n */\n\n.uk-overlay-grayscale {\n -webkit-filter: grayscale(100%);\n filter: grayscale(100%);\n}\n\n.uk-overlay-hover:hover .uk-overlay-grayscale,\n.uk-overlay-hover.uk-hover .uk-overlay-grayscale,\n.uk-overlay-active .uk-active > .uk-overlay-grayscale {\n -webkit-filter: grayscale(0%);\n filter: grayscale(0%);\n}\n\n/*\n * Slide\n */\n\n[class*=\'uk-overlay-slide\'] { opacity: 0; }\n\n/* Top */\n.uk-overlay-slide-top {\n -webkit-transform: translateY(-100%);\n transform: translateY(-100%);\n}\n\n/* Bottom */\n.uk-overlay-slide-bottom {\n -webkit-transform: translateY(100%);\n transform: translateY(100%);\n}\n\n/* Left */\n.uk-overlay-slide-left {\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n}\n\n/* Right */\n.uk-overlay-slide-right {\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n}\n\n/* Hover */\n.uk-overlay-hover:hover [class*=\'uk-overlay-slide\'],\n.uk-overlay-hover.uk-hover [class*=\'uk-overlay-slide\'],\n.uk-overlay-active .uk-active > [class*=\'uk-overlay-slide\'] {\n opacity: 1;\n -webkit-transform: translateX(0) translateY(0);\n transform: translateX(0) translateY(0);\n}\n\n\n/* DEPRECATED\n * Sub-object `uk-overlay-area`\n ========================================================================== */\n\n/*\n * 1. Set position\n * 2. Set style\n * 3. Fade-in transition\n */\n\n.uk-overlay-area {\n /* 1 */\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n /* 2 */\n background: @overlay-area-background;\n /* 3 */\n opacity: 0;\n -webkit-transition: opacity 0.15s linear;\n transition: opacity 0.15s linear;\n -webkit-transform: translate3d(0,0,0);\n .hook-overlay-area;\n}\n\n/*\n * Hover\n * 1. `uk-hover` to support touch devices\n * 2. Use optional `uk-overlay-toggle` to trigger the overlay earlier\n */\n\n.uk-overlay:hover .uk-overlay-area,\n.uk-overlay.uk-hover .uk-overlay-area, // 1\n.uk-overlay-toggle:hover .uk-overlay-area, // 2\n.uk-overlay-toggle.uk-hover .uk-overlay-area { opacity: 1; }\n\n/*\n * Icon\n */\n\n.uk-overlay-area:empty:before {\n content: @overlay-area-icon;\n position: absolute;\n top: 50%;\n left: 50%;\n width: @overlay-area-icon-size;\n height: @overlay-area-icon-size;\n margin-top: -(@overlay-area-icon-size / 2);\n margin-left: -(@overlay-area-icon-size / 2);\n font-size: @overlay-area-icon-size;\n line-height: 1;\n font-family: FontAwesome;\n text-align: center;\n color: @overlay-area-icon-color;\n .hook-overlay-area-icon;\n}\n\n\n/* DEPRECATED\n * Sub-object `uk-overlay-area-content`\n ========================================================================== */\n\n/*\n * Remove whitespace between child elements when using `inline-block`\n * Needed for Firefox\n */\n\n.uk-overlay-area:not(:empty) { font-size: 0.001px; }\n\n/*\n * 1. Needed for vertical alignment\n */\n\n.uk-overlay-area:not(:empty):before {\n content: \'\';\n display: inline-block;\n height: 100%;\n vertical-align: middle;\n}\n\n/*\n * 1. Set vertical alignment\n * 2. Reset whitespace hack\n * 3. Set horizontal alignment\n * 4. Set style\n */\n\n.uk-overlay-area-content {\n /* 1 */\n display: inline-block;\n box-sizing: border-box;\n width: 100%;\n vertical-align: middle;\n /* 2 */\n font-size: @overlay-area-content-font-size;\n /* 3 */\n text-align: center;\n /* 4 */\n padding: 0 @overlay-area-content-padding-horizontal;\n color: @overlay-area-content-color;\n .hook-overlay-area-content;\n}\n\n/*\n * Remove margin from the last-child\n */\n\n.uk-overlay-area-content > :last-child { margin-bottom: 0; }\n\n/*\n * Links in overlay area\n */\n\n.uk-overlay-area-content a:not([class]),\n.uk-overlay-area-content a:not([class]):hover { color: @overlay-area-content-link-color; }\n\n\n/* DEPRECATED\n * Sub-object `uk-overlay-caption`\n ========================================================================== */\n\n/*\n * 1. Set position\n * 2. Set style\n * 3. Fade-in transition\n */\n\n.uk-overlay-caption {\n /* 1 */\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n /* 2 */\n padding: @overlay-caption-padding;\n background: @overlay-caption-background;\n color: @overlay-caption-color;\n /* 3 */\n opacity: 0;\n -webkit-transition: opacity 0.15s linear;\n transition: opacity 0.15s linear;\n -webkit-transform: translate3d(0,0,0);\n .hook-overlay-caption;\n}\n\n/*\n * Hover\n * 1. `uk-hover` to support touch devices\n * 2. Use optional `uk-overlay-toggle` to trigger the overlay earlier\n */\n\n.uk-overlay:hover .uk-overlay-caption,\n.uk-overlay.uk-hover .uk-overlay-caption, // 1\n.uk-overlay-toggle:hover .uk-overlay-caption, // 2\n.uk-overlay-toggle.uk-hover .uk-overlay-caption { opacity: 1; }\n\n\n// Hooks\n// ========================================================================\n\n.hook-overlay-misc;\n\n.hook-overlay-panel() {}\n.hook-overlay-background() {}\n.hook-overlay-image() {}\n.hook-overlay-icon() {}\n.hook-overlay-misc() {}\n\n// DEPRECATED\n.hook-overlay-area() {}\n.hook-overlay-area-icon() {}\n.hook-overlay-area-content() {}\n.hook-overlay-caption() {}\n\n// Name: Column\n// Description: Provides a responsive, fluid and nestable columns for text and inline elements\n//\n// Component: `uk-column`\n//\n// Modifiers: `uk-column-small`\n// `uk-column-medium-*`\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@column-gutter: 25px;\n\n\n/* ========================================================================\n Component: Column\n ========================================================================== */\n\n[class*=\'uk-column-\'] {\n -webkit-column-gap: @column-gutter;\n -moz-column-gap: @column-gutter;\n column-gap: @column-gutter;\n .hook-column;\n}\n\n\n/* Width modifiers\n ========================================================================== */\n\n.uk-column-1-2 {\n -webkit-column-count: 2;\n -moz-column-count: 2;\n column-count: 2;\n}\n\n.uk-column-1-3 {\n -webkit-column-count: 3;\n -moz-column-count: 3;\n column-count: 3;\n}\n\n.uk-column-1-4 {\n -webkit-column-count: 4;\n -moz-column-count: 4;\n column-count: 4;\n}\n\n.uk-column-1-5 {\n -webkit-column-count: 5;\n -moz-column-count: 5;\n column-count: 5;\n}\n\n.uk-column-1-6 {\n -webkit-column-count: 6;\n -moz-column-count: 6;\n column-count: 6;\n}\n\n/* Phone landscape and bigger */\n@media (min-width: @breakpoint-small) {\n\n .uk-column-small-1-2 {\n -webkit-column-count: 2;\n -moz-column-count: 2;\n column-count: 2;\n }\n\n .uk-column-small-1-3 {\n -webkit-column-count: 3;\n -moz-column-count: 3;\n column-count: 3;\n }\n\n .uk-column-small-1-4 {\n -webkit-column-count: 4;\n -moz-column-count: 4;\n column-count: 4;\n }\n\n .uk-column-small-1-5 {\n -webkit-column-count: 5;\n -moz-column-count: 5;\n column-count: 5;\n }\n\n .uk-column-small-1-6 {\n -webkit-column-count: 6;\n -moz-column-count: 6;\n column-count: 6;\n }\n\n}\n\n/* Tablet and bigger */\n@media (min-width: @breakpoint-medium) {\n\n .uk-column-medium-1-2 {\n -webkit-column-count: 2;\n -moz-column-count: 2;\n column-count: 2;\n }\n\n .uk-column-medium-1-3 {\n -webkit-column-count: 3;\n -moz-column-count: 3;\n column-count: 3;\n }\n\n .uk-column-medium-1-4 {\n -webkit-column-count: 4;\n -moz-column-count: 4;\n column-count: 4;\n }\n\n .uk-column-medium-1-5 {\n -webkit-column-count: 5;\n -moz-column-count: 5;\n column-count: 5;\n }\n\n .uk-column-medium-1-6 {\n -webkit-column-count: 6;\n -moz-column-count: 6;\n column-count: 6;\n }\n\n}\n\n/* Desktop and bigger */\n@media (min-width: @breakpoint-large) {\n\n .uk-column-large-1-2 {\n -webkit-column-count: 2;\n -moz-column-count: 2;\n column-count: 2;\n }\n\n .uk-column-large-1-3 {\n -webkit-column-count: 3;\n -moz-column-count: 3;\n column-count: 3;\n }\n\n .uk-column-large-1-4 {\n -webkit-column-count: 4;\n -moz-column-count: 4;\n column-count: 4;\n }\n\n .uk-column-large-1-5 {\n -webkit-column-count: 5;\n -moz-column-count: 5;\n column-count: 5;\n }\n\n .uk-column-large-1-6 {\n -webkit-column-count: 6;\n -moz-column-count: 6;\n column-count: 6;\n }\n\n}\n\n/* Large screen and bigger */\n@media (min-width: @breakpoint-xlarge) {\n\n .uk-column-xlarge-1-2 {\n -webkit-column-count: 2;\n -moz-column-count: 2;\n column-count: 2;\n }\n\n .uk-column-xlarge-1-3 {\n -webkit-column-count: 3;\n -moz-column-count: 3;\n column-count: 3;\n }\n\n .uk-column-xlarge-1-4 {\n -webkit-column-count: 4;\n -moz-column-count: 4;\n column-count: 4;\n }\n\n .uk-column-xlarge-1-5 {\n -webkit-column-count: 5;\n -moz-column-count: 5;\n column-count: 5;\n }\n\n .uk-column-xlarge-1-6 {\n -webkit-column-count: 6;\n -moz-column-count: 6;\n column-count: 6;\n }\n}\n\n\n// Hooks\n// ========================================================================\n\n.hook-column-misc;\n\n.hook-column() {}\n.hook-column-misc() {}\n\n// Name: Animation\n// Description: Provides a useful set of keyframe animations\n//\n// Component: `uk-animation-*`\n//\n// Modifiers: `uk-animation-fade`\n// `uk-animation-scale-up`\n// `uk-animation-scale-down`\n// `uk-animation-slide-top`\n// `uk-animation-slide-bottom`\n// `uk-animation-slide-left`\n// `uk-animation-slide-right`\n// `uk-animation-scale`\n// `uk-animation-shake`\n// `uk-animation-reverse`\n// `uk-animation-15`\n// `uk-animation-top-left`\n// `uk-animation-top-center`\n// `uk-animation-top-right`\n// `uk-animation-middle-left`\n// `uk-animation-middle-right`\n// `uk-animation-bottom-left`\n// `uk-animation-bottom-center`\n// `uk-animation-bottom-right`\n//\n// Sub-objects: `uk-animation-hover`\n//\n// Uses: Scrollspy\n//\n// Used by: Dropdown\n// Icon\n// Search\n// Datepicker\n// Slideshow\n//\n// ========================================================================\n\n\n/* ========================================================================\n Component: Animation\n ========================================================================== */\n\n[class*=\'uk-animation-\'] {\n -webkit-animation-duration: 0.5s;\n animation-duration: 0.5s;\n -webkit-animation-timing-function: ease-out;\n animation-timing-function: ease-out;\n -webkit-animation-fill-mode: both;\n animation-fill-mode: both;\n}\n\n/* Hide animated element if scrollspy is used */\n@media screen {\n\n [data-uk-scrollspy*=\'uk-animation-\']:not([data-uk-scrollspy*=\'target\']) { opacity: 0; }\n\n}\n\n/*\n * Fade\n * Higher specificity (!important) needed because of reverse modifier\n */\n\n.uk-animation-fade {\n -webkit-animation-name: uk-fade;\n animation-name: uk-fade;\n -webkit-animation-duration: 0.8s;\n animation-duration: 0.8s;\n -webkit-animation-timing-function: linear !important;\n animation-timing-function: linear !important;\n}\n\n/*\n * Fade with scale\n */\n\n.uk-animation-scale-up {\n -webkit-animation-name: uk-fade-scale-02;\n animation-name: uk-fade-scale-02;\n}\n\n.uk-animation-scale-down {\n -webkit-animation-name: uk-fade-scale-18;\n animation-name: uk-fade-scale-18;\n}\n\n/*\n * Fade with slide\n */\n\n.uk-animation-slide-top {\n -webkit-animation-name: uk-fade-top;\n animation-name: uk-fade-top;\n}\n\n.uk-animation-slide-bottom {\n -webkit-animation-name: uk-fade-bottom;\n animation-name: uk-fade-bottom;\n}\n\n.uk-animation-slide-left {\n -webkit-animation-name: uk-fade-left;\n animation-name: uk-fade-left;\n}\n\n.uk-animation-slide-right {\n -webkit-animation-name: uk-fade-right;\n animation-name: uk-fade-right;\n}\n\n/*\n * Scale\n */\n\n.uk-animation-scale {\n -webkit-animation-name: uk-scale-12;\n animation-name: uk-scale-12;\n}\n\n/*\n * Shake\n */\n\n.uk-animation-shake {\n -webkit-animation-name: uk-shake;\n animation-name: uk-shake;\n}\n\n\n/* Direction modifiers\n ========================================================================== */\n\n.uk-animation-reverse {\n -webkit-animation-direction: reverse;\n animation-direction: reverse;\n -webkit-animation-timing-function: ease-in;\n animation-timing-function: ease-in;\n}\n\n\n/* Duration modifiers\n========================================================================== */\n\n.uk-animation-15 {\n -webkit-animation-duration: 15s;\n animation-duration: 15s;\n}\n\n\n/* Origin modifiers\n========================================================================== */\n\n.uk-animation-top-left {\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n}\n\n.uk-animation-top-center {\n -webkit-transform-origin: 50% 0;\n transform-origin: 50% 0;\n}\n\n.uk-animation-top-right {\n -webkit-transform-origin: 100% 0;\n transform-origin: 100% 0;\n}\n\n.uk-animation-middle-left {\n -webkit-transform-origin: 0 50%;\n transform-origin: 0 50%;\n}\n\n.uk-animation-middle-right {\n -webkit-transform-origin: 100% 50%;\n transform-origin: 100% 50%;\n}\n\n.uk-animation-bottom-left {\n -webkit-transform-origin: 0 100%;\n transform-origin: 0 100%;\n}\n\n.uk-animation-bottom-center {\n -webkit-transform-origin: 50% 100%;\n transform-origin: 50% 100%;\n}\n\n.uk-animation-bottom-right {\n -webkit-transform-origin: 100% 100%;\n transform-origin: 100% 100%;\n}\n\n\n/* Sub-object: `uk-animation-hover`\n========================================================================== */\n\n/*\n * Enable animation only on hover\n * Note: Firefox also needs this because animations are not triggered when switching between display `hidden` and `block`\n */\n\n.uk-animation-hover:not(:hover),\n.uk-animation-hover:not(:hover) [class*=\'uk-animation-\'],\n.uk-touch .uk-animation-hover:not(.uk-hover),\n.uk-touch .uk-animation-hover:not(.uk-hover) [class*=\'uk-animation-\'] {\n -webkit-animation-name: none;\n animation-name: none;\n}\n\n\n/* Keyframes: Fade\n * Used by dropdown, datepicker and slideshow component\n ========================================================================== */\n\n@-webkit-keyframes uk-fade {\n 0% { opacity: 0; }\n 100% { opacity: 1; }\n}\n\n@keyframes uk-fade {\n 0% { opacity: 0; }\n 100% { opacity: 1; }\n}\n\n\n/* Keyframes: Fade with slide\n ========================================================================== */\n\n/*\n * Top\n */\n\n@-webkit-keyframes uk-fade-top {\n 0% {\n opacity: 0;\n -webkit-transform: translateY(-100%);\n }\n 100% {\n opacity: 1;\n -webkit-transform: translateY(0);\n }\n}\n\n@keyframes uk-fade-top {\n 0% {\n opacity: 0;\n transform: translateY(-100%);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n/*\n * Bottom\n */\n\n@-webkit-keyframes uk-fade-bottom {\n 0% {\n opacity: 0;\n -webkit-transform: translateY(100%);\n }\n 100% {\n opacity: 1;\n -webkit-transform: translateY(0);\n }\n}\n\n@keyframes uk-fade-bottom {\n 0% {\n opacity: 0;\n transform: translateY(100%);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n/*\n * Left\n */\n\n@-webkit-keyframes uk-fade-left {\n 0% {\n opacity: 0;\n -webkit-transform: translateX(-100%);\n }\n 100% {\n opacity: 1;\n -webkit-transform: translateX(0);\n }\n}\n\n@keyframes uk-fade-left {\n 0% {\n opacity: 0;\n transform: translateX(-100%);\n }\n 100% {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n/*\n * Right\n */\n\n@-webkit-keyframes uk-fade-right {\n 0% {\n opacity: 0;\n -webkit-transform: translateX(100%);\n }\n 100% {\n opacity: 1;\n -webkit-transform: translateX(0);\n }\n}\n\n@keyframes uk-fade-right {\n 0% {\n opacity: 0;\n transform: translateX(100%);\n }\n 100% {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n\n/* Keyframes: Fade with scale\n ========================================================================== */\n\n/*\n * Scale by 0.2\n */\n\n@-webkit-keyframes uk-fade-scale-02 {\n 0% {\n opacity: 0;\n -webkit-transform: scale(0.2);\n }\n 100% {\n opacity: 1;\n -webkit-transform: scale(1);\n }\n}\n\n@keyframes uk-fade-scale-02 {\n 0% {\n opacity: 0;\n transform: scale(0.2);\n }\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n/*\n * Scale by 1.5\n * Used by slideshow component\n */\n\n@-webkit-keyframes uk-fade-scale-15 {\n 0% {\n opacity: 0;\n -webkit-transform: scale(1.5);\n }\n 100% {\n opacity: 1;\n -webkit-transform: scale(1);\n }\n}\n\n@keyframes uk-fade-scale-15 {\n 0% {\n opacity: 0;\n transform: scale(1.5);\n }\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n/*\n * Scale by 1.8\n */\n\n@-webkit-keyframes uk-fade-scale-18 {\n 0% {\n opacity: 0;\n -webkit-transform: scale(1.8);\n }\n 100% {\n opacity: 1;\n -webkit-transform: scale(1);\n }\n}\n\n@keyframes uk-fade-scale-18 {\n 0% {\n opacity: 0;\n transform: scale(1.8);\n }\n 100% {\n opacity: 1;\n transform: scale(1);\n }\n}\n\n\n/* Keyframes: Slide\n * Used by slideshow component\n ========================================================================== */\n\n/*\n * Left\n */\n\n@-webkit-keyframes uk-slide-left {\n 0% { -webkit-transform: translateX(-100%); }\n 100% { -webkit-transform: translateX(0); }\n}\n\n@keyframes uk-slide-left {\n 0% { transform: translateX(-100%); }\n 100% { transform: translateX(0); }\n}\n\n/*\n * Right\n */\n\n@-webkit-keyframes uk-slide-right {\n 0% { -webkit-transform: translateX(100%); }\n 100% { -webkit-transform: translateX(0); }\n}\n\n@keyframes uk-slide-right {\n 0% { transform: translateX(100%); }\n 100% { transform: translateX(0); }\n}\n\n/*\n * Left third\n */\n\n@-webkit-keyframes uk-slide-left-33 {\n 0% { -webkit-transform: translateX(33%); }\n 100% { -webkit-transform: translateX(0); }\n}\n\n@keyframes uk-slide-left-33 {\n 0% { transform: translateX(33%); }\n 100% { transform: translateX(0); }\n}\n\n/*\n * Right third\n */\n\n@-webkit-keyframes uk-slide-right-33 {\n 0% { -webkit-transform: translateX(-33%); }\n 100% { -webkit-transform: translateX(0); }\n}\n\n@keyframes uk-slide-right-33 {\n 0% { transform: translateX(-33%); }\n 100% { transform: translateX(0); }\n}\n\n\n/* Keyframes: Scale\n ========================================================================== */\n\n@-webkit-keyframes uk-scale-12 {\n 0% { -webkit-transform: scale(1.2); }\n 100% { -webkit-transform: scale(1); }\n}\n\n@keyframes uk-scale-12 {\n 0% { transform: scale(1.2); }\n 100% { transform: scale(1); }\n}\n\n\n/* Keyframes: Rotate\n * Used by icon component\n ========================================================================== */\n\n@-webkit-keyframes uk-rotate {\n 0% { -webkit-transform: rotate(0deg); }\n 100% { -webkit-transform: rotate(359deg); }\n}\n\n@keyframes uk-rotate {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(359deg); }\n}\n\n\n/* Keyframes: Shake\n ========================================================================== */\n\n@-webkit-keyframes uk-shake {\n 0%, 100% { -webkit-transform: translateX(0); }\n 10% { -webkit-transform: translateX(-9px); }\n 20% { -webkit-transform: translateX(8px); }\n 30% { -webkit-transform: translateX(-7px); }\n 40% { -webkit-transform: translateX(6px); }\n 50% { -webkit-transform: translateX(-5px); }\n 60% { -webkit-transform: translateX(4px); }\n 70% { -webkit-transform: translateX(-3px); }\n 80% { -webkit-transform: translateX(2px); }\n 90% { -webkit-transform: translateX(-1px); }\n}\n\n@keyframes uk-shake {\n 0%, 100% { transform: translateX(0); }\n 10% { transform: translateX(-9px); }\n 20% { transform: translateX(8px); }\n 30% { transform: translateX(-7px); }\n 40% { transform: translateX(6px); }\n 50% { transform: translateX(-5px); }\n 60% { transform: translateX(4px); }\n 70% { transform: translateX(-3px); }\n 80% { transform: translateX(2px); }\n 90% { transform: translateX(-1px); }\n}\n\n\n/* Keyframes: Fade with slide fixed\n * Used by dropdown and search component\n ========================================================================== */\n\n/*\n * Top fixed\n */\n\n@-webkit-keyframes uk-slide-top-fixed {\n 0% {\n opacity: 0;\n -webkit-transform: translateY(-10px);\n }\n 100% {\n opacity: 1;\n -webkit-transform: translateY(0);\n }\n}\n\n@keyframes uk-slide-top-fixed {\n 0% {\n opacity: 0;\n transform: translateY(-10px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n/*\n * Bottom fixed\n */\n\n@-webkit-keyframes uk-slide-bottom-fixed {\n 0% {\n opacity: 0;\n -webkit-transform: translateY(10px);\n }\n 100% {\n opacity: 1;\n -webkit-transform: translateY(0);\n }\n}\n\n@keyframes uk-slide-bottom-fixed {\n 0% {\n opacity: 0;\n transform: translateY(10px);\n }\n 100% {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n\n// Hooks\n// ========================================================================\n\n.hook-animation-misc;\n\n.hook-animation-misc() {}\n\n\n// JavaScript\n// Name: Dropdown\n// Description: Defines styles for a toggleable dropdown\n//\n// Component: `uk-dropdown`\n//\n// Sub-objects: `uk-dropdown-overlay`\n//\n// Modifiers: `uk-dropdown-blank`\n// `uk-dropdown-top`\n// `uk-dropdown-bottom`\n// `uk-dropdown-left`\n// `uk-dropdown-right`\n// `uk-dropdown-justify`\n// `uk-dropdown-grid`\n// `uk-dropdown-width-2`\n// `uk-dropdown-width-3`\n// `uk-dropdown-width-4`\n// `uk-dropdown-width-5`\n// `uk-dropdown-stack`\n// `uk-dropdown-small`\n// `uk-dropdown-navbar`\n// `uk-dropdown-scrollable`\n//\n// States: `uk-open`\n//\n// Uses: Animation\n// Grid: `uk-width-*`\n// Panel: `uk-panel`\n// Nav: `uk-nav`\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@dropdown-z-index: 970;\n@dropdown-width: 200px;\n@dropdown-margin-top: 5px;\n@dropdown-padding: 15px;\n@dropdown-background: #f5f5f5;\n@dropdown-color: #444;\n@dropdown-font-size: 1rem;\n@dropdown-animation: uk-fade;\n\n@dropdown-divider-border-width: 1px;\n@dropdown-divider-border: #ddd;\n\n@dropdown-small-padding: 5px;\n\n@dropdown-navbar-margin: 0;\n@dropdown-navbar-background: #f5f5f5;\n@dropdown-navbar-color: #444;\n@dropdown-navbar-animation: uk-slide-top-fixed;\n\n@dropdown-scrollable-height: 200px;\n\n\n/* ========================================================================\n Component: Dropdown\n ========================================================================== */\n\n/*\n * 1. Hide by default\n * 2. Set position\n * 3. Box-sizing is needed for `uk-dropdown-justify`\n * 4. Set width\n */\n\n.uk-dropdown,\n.uk-dropdown-blank {\n /* 1 */\n display: none;\n /* 2 */\n position: absolute;\n z-index: @dropdown-z-index;\n /* 3 */\n box-sizing: border-box;\n /* 4 */\n width: @dropdown-width;\n}\n\n/*\n * Dropdown style\n * 1. Reset button group whitespace hack\n */\n\n.uk-dropdown {\n padding: @dropdown-padding;\n background: @dropdown-background;\n color: @dropdown-color;\n /* 1 */\n font-size: @dropdown-font-size;\n vertical-align: top;\n .hook-dropdown;\n}\n\n/*\n * 1. Show dropdown\n * 2. Set animation\n * 3. Needed for scale animation\n */\n\n.uk-open > .uk-dropdown,\n.uk-open > .uk-dropdown-blank {\n /* 1 */\n display: block;\n /* 2 */\n -webkit-animation: @dropdown-animation 0.2s ease-in-out;\n animation: @dropdown-animation 0.2s ease-in-out;\n /* 3 */\n -webkit-transform-origin: 0 0;\n transform-origin: 0 0;\n}\n\n/* Alignment modifiers\n ========================================================================== */\n\n/*\n * Modifier\n */\n\n.uk-dropdown-top { margin-top: (-1 * @dropdown-margin-top); }\n.uk-dropdown-bottom { margin-top: @dropdown-margin-top; }\n.uk-dropdown-left { margin-left: (-1 * @dropdown-margin-top); }\n.uk-dropdown-right { margin-left: @dropdown-margin-top; }\n\n\n/* Nav in dropdown\n ========================================================================== */\n\n.uk-dropdown .uk-nav { margin: 0 (-@dropdown-padding); }\n\n\n/* Grid and panel in dropdown\n ========================================================================== */\n\n/*\n* Vertical gutter\n*/\n\n/*\n * Grid\n * Higher specificity to override large gutter\n */\n\n.uk-grid .uk-dropdown-grid + .uk-dropdown-grid { margin-top: @dropdown-padding; }\n\n/* Panels */\n.uk-dropdown-grid > [class*=\'uk-width-\'] > .uk-panel + .uk-panel { margin-top: @dropdown-padding; }\n\n/* Tablet and bigger */\n@media (min-width: @breakpoint-medium) {\n\n /*\n * Horizontal gutter\n */\n\n .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid {\n margin-left: -@dropdown-padding ;\n margin-right: -@dropdown-padding;\n }\n\n .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*=\'uk-width-\'] {\n padding-left: @dropdown-padding;\n padding-right: @dropdown-padding;\n }\n\n /*\n * Column divider\n */\n\n .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*=\'uk-width-\']:nth-child(n+2) { border-left: @dropdown-divider-border-width solid @dropdown-divider-border; }\n\n /*\n * Width multiplier for dropdown columns\n */\n\n .uk-dropdown-width-2:not(.uk-dropdown-stack) { width: (@dropdown-width * 2); }\n .uk-dropdown-width-3:not(.uk-dropdown-stack) { width: (@dropdown-width * 3); }\n .uk-dropdown-width-4:not(.uk-dropdown-stack) { width: (@dropdown-width * 4); }\n .uk-dropdown-width-5:not(.uk-dropdown-stack) { width: (@dropdown-width * 5); }\n\n}\n\n/* Phone landscape and smaller */\n@media (max-width: @breakpoint-small-max) {\n\n /*\n * Stack columns and take full width\n */\n\n .uk-dropdown-grid > [class*=\'uk-width-\'] { width: 100%; }\n\n /*\n * Vertical gutter\n */\n\n .uk-dropdown-grid > [class*=\'uk-width-\']:nth-child(n+2) { margin-top: @dropdown-padding; }\n\n}\n\n/*\n* Stack grid columns\n*/\n\n.uk-dropdown-stack > .uk-dropdown-grid > [class*=\'uk-width-\'] { width: 100%; }\n\n.uk-dropdown-stack > .uk-dropdown-grid > [class*=\'uk-width-\']:nth-child(n+2) { margin-top: @dropdown-padding; }\n\n\n\n/* Modifier `uk-dropdown-small`\n ========================================================================== */\n\n/*\n * Set min-width and text expands dropdown if needed\n */\n\n.uk-dropdown-small {\n min-width: 150px;\n width: auto;\n padding: @dropdown-small-padding;\n white-space: nowrap;\n}\n\n/*\n * Nav in dropdown\n */\n\n.uk-dropdown-small .uk-nav { margin: 0 (-@dropdown-small-padding); }\n\n\n/* Modifier: `uk-dropdown-navbar`\n ========================================================================== */\n\n.uk-dropdown-navbar {\n margin-top: @dropdown-navbar-margin;\n background: @dropdown-navbar-background;\n color: @dropdown-navbar-color;\n .hook-dropdown-navbar;\n}\n\n.uk-open > .uk-dropdown-navbar {\n -webkit-animation: @dropdown-navbar-animation 0.2s ease-in-out;\n animation: @dropdown-navbar-animation 0.2s ease-in-out;\n}\n\n\n/* Modifier `uk-dropdown-scrollable`\n ========================================================================== */\n\n/*\n * Usefull for long lists\n */\n\n.uk-dropdown-scrollable {\n overflow-y: auto;\n max-height: @dropdown-scrollable-height;\n}\n\n\n/* Sub-object: `uk-dropdown-overlay`\n ========================================================================== */\n\n.uk-dropdown-overlay {\n .hook-dropdown-overlay;\n}\n\n\n\n// Hooks\n// ========================================================================\n\n.hook-dropdown-misc;\n\n.hook-dropdown() {}\n.hook-dropdown-navbar() {}\n.hook-dropdown-overlay() {}\n.hook-dropdown-misc() {}\n\n// Name: Modal\n// Description: Defines styles for modal dialogs\n//\n// Component: `uk-modal`\n//\n// Sub-objects: `uk-modal-dialog`\n// `uk-modal-close`\n// `uk-modal-header`\n// `uk-modal-footer`\n// `uk-modal-caption`\n// `uk-modal-spinner`\n//\n// Modifiers: `uk-modal-dialog-lightbox`\n// `uk-modal-dialog-blank`\n// `uk-modal-dialog-large`\n//\n// States: `uk-open`\n//\n// Uses: Close: `uk-close`\n//\n// Markup:\n//\n// \x3c!-- uk-modal --\x3e\n// \n// \n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@modal-z-index: 1010;\n@modal-background: rgba(0,0,0,0.6);\n\n@modal-dialog-margin-vertical: 50px;\n@modal-dialog-padding: 20px;\n@modal-dialog-width: 600px;\n@modal-dialog-background: #fff;\n\n@modal-dialog-large-width: 930px;\n@modal-dialog-large-width-large: 1130px;\n\n@modal-header-margin-bottom: 15px;\n\n@modal-footer-margin-top: 15px;\n\n@modal-caption-margin-bottom: -10px;\n@modal-caption-color: #fff;\n\n\n/* ========================================================================\n Component: Modal\n ========================================================================== */\n\n/*\n * This is the modal overlay and modal dialog container\n * 1. Hide by default\n * 2. Set fixed position\n * 3. Allow scrolling for the modal dialog\n * 4. Mask the background page\n * 5. Fade-in transition\n * 6. Deactivate browser history navigation in IE11\n * 7. force hardware acceleration to prevent browser rendering hiccups\n */\n\n.uk-modal {\n /* 1 */\n display: none;\n /* 2 */\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: @modal-z-index;\n /* 3 */\n overflow-y: auto;\n -webkit-overflow-scrolling: touch;\n /* 4 */\n background: @modal-background;\n /* 5 */\n opacity: 0;\n -webkit-transition: opacity 0.15s linear;\n transition: opacity 0.15s linear;\n /* 6 */\n touch-action: cross-slide-y pinch-zoom double-tap-zoom;\n /* 7 */\n -webkit-transform: translateZ(0);\n transform: translateZ(0);\n .hook-modal;\n}\n\n/*\n * Open state\n */\n\n.uk-modal.uk-open { opacity: 1; }\n\n/*\n * Prevents duplicated scrollbar caused by 4.\n */\n\n.uk-modal-page,\n.uk-modal-page body { overflow: hidden; }\n\n\n/* Sub-object: `uk-modal-dialog`\n ========================================================================== */\n\n/*\n * 1. Create position context for caption, spinner and close button\n * 2. Set box sizing\n * 3. Set style\n * 4. Slide-in transition\n */\n\n.uk-modal-dialog {\n /* 1 */\n position: relative;\n /* 2 */\n box-sizing: border-box;\n margin: @modal-dialog-margin-vertical auto;\n padding: @modal-dialog-padding;\n width: @modal-dialog-width;\n max-width: 100%;\n max-width: ~"calc(100% - 20px)";\n /* 3 */\n background: @modal-dialog-background;\n /* 4 */\n opacity: 0;\n -webkit-transform: translateY(-100px);\n transform: translateY(-100px);\n -webkit-transition: opacity 0.3s linear, -webkit-transform 0.3s ease-out;\n transition: opacity 0.3s linear, transform 0.3s ease-out;\n .hook-modal-dialog;\n}\n\n/* Phone landscape and smaller */\n@media (max-width: @breakpoint-small-max) {\n\n /*\n * Fit in small screen\n */\n\n .uk-modal-dialog {\n width: auto;\n margin: 10px auto;\n }\n\n}\n\n/*\n * Open state\n */\n\n.uk-open .uk-modal-dialog {\n /* 4 */\n opacity: 1;\n -webkit-transform: translateY(0);\n transform: translateY(0);\n}\n\n/*\n * Remove margin from the last-child\n */\n\n.uk-modal-dialog > :not([class*=\'uk-modal-\']):last-child { margin-bottom: 0; }\n\n\n/* Close in modal\n ========================================================================== */\n\n.uk-modal-dialog > .uk-close:first-child {\n margin: -10px -10px 0 0;\n float: right;\n}\n\n/*\n * Remove margin from adjacent element\n */\n\n .uk-modal-dialog > .uk-close:first-child + :not([class*=\'uk-modal-\']) { margin-top: 0; }\n\n\n/* Modifier: `uk-modal-dialog-lightbox`\n ========================================================================== */\n\n.uk-modal-dialog-lightbox {\n margin: 15px auto;\n padding: 0;\n max-width: 95%;\n max-width: ~"calc(100% - 30px)";\n .hook-modal-dialog-lightbox;\n}\n\n/*\n * Close button\n */\n\n.uk-modal-dialog-lightbox > .uk-close:first-child {\n position: absolute;\n top: -12px;\n right: -12px;\n margin: 0;\n float: none;\n}\n\n/* Phone landscape and smaller */\n@media (max-width: @breakpoint-small-max) {\n\n .uk-modal-dialog-lightbox > .uk-close:first-child {\n top: -7px;\n right: -7px;\n }\n\n}\n\n/* Modifier: `uk-modal-dialog-blank`\n ========================================================================== */\n\n.uk-modal-dialog-blank {\n margin: 0;\n padding: 0;\n width: 100%;\n max-width: 100%;\n -webkit-transition: opacity 0.3s linear;\n transition: opacity 0.3s linear;\n}\n\n/*\n* Close button\n*/\n\n.uk-modal-dialog-blank > .uk-close:first-child {\n position: absolute;\n top: 20px;\n right: 20px;\n z-index: 1;\n margin: 0;\n float: none;\n}\n\n\n/* Modifier: `uk-modal-dialog-large`\n ========================================================================== */\n\n/* Tablet and bigger */\n@media (min-width: @breakpoint-medium) {\n\n .uk-modal-dialog-large { width: @modal-dialog-large-width; }\n\n}\n\n/* Large screen and bigger */\n@media (min-width: @breakpoint-xlarge) {\n\n .uk-modal-dialog-large { width: @modal-dialog-large-width-large; }\n\n}\n\n\n/* Sub-Object: `uk-modal-header` and `uk-modal-footer`\n ========================================================================== */\n\n.uk-modal-header {\n margin-bottom: @modal-header-margin-bottom;\n .hook-modal-header;\n}\n\n.uk-modal-footer {\n margin-top: @modal-footer-margin-top;\n .hook-modal-footer;\n}\n\n/*\n * Remove margin from the last-child\n */\n\n.uk-modal-header > :last-child,\n.uk-modal-footer > :last-child { margin-bottom: 0; }\n\n\n/* Sub-Object: `uk-modal-caption`\n ========================================================================== */\n\n.uk-modal-caption {\n position: absolute;\n left: 0;\n right: 0;\n bottom: (-@modal-dialog-padding);\n margin-bottom: @modal-caption-margin-bottom;\n color: @modal-caption-color;\n text-align: center;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n .hook-modal-caption;\n}\n\n\n/* Sub-Object: `uk-modal-spinner`\n ========================================================================== */\n\n.uk-modal-spinner {\n position: absolute;\n top: 50%;\n left: 50%;\n -webkit-transform: translate(-50%,-50%);\n transform: translate(-50%,-50%);\n font-size: 25px;\n color: #ddd;\n .hook-modal-spinner;\n}\n\n.uk-modal-spinner:after {\n content: "\\f110";\n font-family: FontAwesome;\n -webkit-animation: uk-rotate 2s infinite linear;\n animation: uk-rotate 2s infinite linear;\n}\n\n\n// Hooks\n// ========================================================================\n\n.hook-modal-misc;\n\n.hook-modal() {}\n.hook-modal-dialog() {}\n.hook-modal-dialog-lightbox() {}\n.hook-modal-header() {}\n.hook-modal-footer() {}\n.hook-modal-caption() {}\n.hook-modal-spinner() {}\n.hook-modal-misc() {}\n\n// Name: Off-canvas\n// Description: Defines styles for an off-canvas sidebar that slides in and out of the page\n//\n// Component: `uk-offcanvas`\n//\n// Sub-objects: `uk-offcanvas-page`\n// `uk-offcanvas-bar`\n// `uk-offcanvas-close`\n//\n// Modifiers: `uk-offcanvas-bar-flip`\n//\n// States: `uk-active`\n//\n// Uses: Panel: `uk-panel`\n//\n// Markup:\n//\n// \x3c!-- uk-offcanvas --\x3e\n// Open\n// \n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@offcanvas-z-index: 1000;\n@offcanvas-background: rgba(0,0,0,0.1);\n\n@offcanvas-bar-width: 270px;\n@offcanvas-bar-background: #333;\n\n@offcanvas-panel-margin: 20px 15px;\n@offcanvas-panel-color: #777;\n@offcanvas-panel-link-color: #ccc;\n@offcanvas-panel-link-hover-color: #fff;\n@offcanvas-panel-title-color: @offcanvas-panel-link-color;\n\n\n/* ========================================================================\n Component: Off-canvas\n ========================================================================== */\n\n/*\n * This is the offcanvas overlay and bar container\n * 1. Hide by default\n * 2. Set fixed position\n * 3. Deactivate browser touch actions in IE11\n * 4. Mask the background page\n */\n\n.uk-offcanvas {\n /* 1 */\n display: none;\n /* 2 */\n position: fixed;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: @offcanvas-z-index;\n /* 3 */\n touch-action: none;\n /* 4 */\n background: @offcanvas-background;\n .hook-offcanvas;\n}\n\n.uk-offcanvas.uk-active { display: block; }\n\n\n/* Sub-object `uk-offcanvas-page`\n ========================================================================== */\n\n/*\n * Prepares the whole HTML page to slide-out\n * 1. Fix the main page and disallow scrolling\n * 2. Side-out transition\n */\n\n.uk-offcanvas-page {\n /* 1 */\n position: fixed;\n /* 2 */\n -webkit-transition: margin-left 0.3s ease-in-out;\n transition: margin-left 0.3s ease-in-out;\n}\n\n\n/* Sub-object `uk-offcanvas-bar`\n ========================================================================== */\n\n/*\n * This is the offcanvas bar\n * 1. Set fixed position\n * 2. Size and style\n * 3. Allow scrolling\n * 4. Side-out transition\n * 5. Deactivate scroll chaining in IE11\n */\n\n.uk-offcanvas-bar {\n /* 1 */\n position: fixed;\n top: 0;\n bottom: 0;\n left: 0;\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n z-index: @offcanvas-z-index + 1;\n /* 2 */\n width: @offcanvas-bar-width;\n max-width: 100%;\n background: @offcanvas-bar-background;\n /* 3 */\n overflow-y: auto;\n -webkit-overflow-scrolling: touch;\n /* 4 */\n -webkit-transition: -webkit-transform 0.3s ease-in-out;\n transition: transform 0.3s ease-in-out;\n /* 5 */\n -ms-scroll-chaining: none;\n .hook-offcanvas-bar;\n}\n\n.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show {\n -webkit-transform: translateX(0%);\n transform: translateX(0%);\n}\n\n/* Modifier `uk-offcanvas-bar-flip`\n ========================================================================== */\n\n.uk-offcanvas-bar-flip {\n left: auto;\n right: 0;\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n}\n\n\n/* Panel in offcanvas\n ========================================================================== */\n\n.uk-offcanvas .uk-panel {\n margin: @offcanvas-panel-margin;\n color: @offcanvas-panel-color;\n .hook-offcanvas-panel;\n}\n\n.uk-offcanvas .uk-panel-title { color: @offcanvas-panel-title-color; }\n\n.uk-offcanvas .uk-panel a:not([class]) { color: @offcanvas-panel-link-color; }\n.uk-offcanvas .uk-panel a:not([class]):hover { color: @offcanvas-panel-link-hover-color; }\n\n\n// Hooks\n// ========================================================================\n\n.hook-offcanvas-misc;\n\n.hook-offcanvas() {}\n.hook-offcanvas-bar() {}\n.hook-offcanvas-panel() {}\n.hook-offcanvas-misc() {}\n// Name: Switcher\n// Description: Defines styles for the switcher\n//\n// Component: `uk-switcher`\n//\n// States: `uk-active`\n//\n// ========================================================================\n\n\n/* ========================================================================\n Component: Switcher\n ========================================================================== */\n\n/*\n * 1. Deactivate browser history navigation in IE11\n */\n.uk-switcher {\n margin: 0;\n padding: 0;\n list-style: none;\n /* 1 */\n touch-action: cross-slide-y pinch-zoom double-tap-zoom;\n}\n\n/*\n * Items\n */\n\n.uk-switcher > :not(.uk-active) { display: none; }\n\n\n// Hooks\n// ========================================================================\n\n.hook-switcher-misc;\n\n.hook-switcher-misc() {}\n\n// Need to be loaded last\n// Name: Text\n// Description: Collection of useful text utility classes to style your content\n//\n// Component: `uk-text-*`\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@text-small-font-size: 11px;\n@text-small-line-height: 16px;\n@text-large-font-size: 18px;\n@text-large-line-height: 24px;\n@text-large-font-weight: normal;\n\n@text-muted-color: #999;\n@text-primary-color: #2d7091;\n@text-success-color: #659f13;\n@text-warning-color: #e28327;\n@text-danger-color: #d85030;\n@text-contrast-color: #fff;\n\n\n/* ========================================================================\n Component: Text\n ========================================================================== */\n\n/* Size modifiers\n ========================================================================== */\n\n.uk-text-small {\n font-size: @text-small-font-size;\n line-height: @text-small-line-height;\n}\n\n.uk-text-large {\n font-size: @text-large-font-size;\n line-height: @text-large-line-height;\n font-weight: @text-large-font-weight;\n}\n\n\n/* Weight modifiers\n ========================================================================== */\n\n.uk-text-bold { font-weight: bold; }\n\n\n/* Color modifiers\n ========================================================================== */\n\n.uk-text-muted { color: @text-muted-color !important; }\n.uk-text-primary { color: @text-primary-color !important; }\n.uk-text-success { color: @text-success-color !important; }\n.uk-text-warning { color: @text-warning-color !important; }\n.uk-text-danger { color: @text-danger-color !important; }\n.uk-text-contrast { color: @text-contrast-color !important; }\n\n\n/* Alignment modifiers\n ========================================================================== */\n\n.uk-text-left { text-align: left !important; }\n.uk-text-right { text-align: right !important; }\n.uk-text-center { text-align: center !important; }\n.uk-text-justify { text-align: justify !important; }\n\n.uk-text-top { vertical-align: top !important; }\n.uk-text-middle { vertical-align: middle !important; }\n.uk-text-bottom { vertical-align: bottom !important; }\n\n/* Only tablets portrait and smaller */\n@media (max-width: @breakpoint-medium-max) {\n\n .uk-text-center-medium { text-align: center !important; }\n .uk-text-left-medium { text-align: left !important; }\n\n}\n\n/* Phone landscape and smaller */\n@media (max-width: @breakpoint-small-max) {\n\n .uk-text-center-small { text-align: center !important; }\n .uk-text-left-small { text-align: left !important; }\n\n}\n\n\n/* Wrap modifiers\n ========================================================================== */\n\n/*\n * Prevent text from wrapping onto multiple lines\n */\n\n.uk-text-nowrap { white-space: nowrap; }\n\n/*\n * Prevent text from wrapping onto multiple lines, and truncate with an ellipsis\n */\n\n.uk-text-truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n/*\n * Break strings if their length exceeds the width of their container\n */\n\n.uk-text-break {\n word-wrap: break-word;\n -webkit-hyphens: auto;\n -ms-hyphens: auto;\n -moz-hyphens: auto;\n hyphens: auto;\n}\n\n\n// Hooks\n// ========================================================================\n\n.hook-text-misc;\n\n.hook-text-misc() {}\n// Name: Utility\n// Description: Collection of useful utility classes to style your content\n//\n// Component: `uk-container-*`\n// `uk-clearfix`\n// `uk-nbfc-*`\n// `uk-float-*`\n// `uk-align-*`\n// `uk-vertical-align-*`\n// `uk-height-*`\n// `uk-responsive-*`\n// `uk-margin-*`\n// `uk-padding-*`\n// `uk-border-*`\n// `uk-heading-*`\n// `uk-link-*`\n// `uk-scrollable-*`\n// `uk-overflow-*`\n// `uk-position-*`\n// `uk-display-*`\n// `uk-visible-*`\n// `uk-hidden-*`\n// `uk-invisible`\n//\n// Used by: Overlay\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@utility-container-max-width: 980px;\n@utility-container-padding-horizontal: 25px;\n\n@utility-container-large-max-width: 1200px;\n@utility-container-large-padding-horizontal: 35px;\n\n@utility-align-horizontal: 15px;\n@utility-align-vertical: 15px;\n\n@utility-height-viewport-min-height: 600px;\n\n@utility-margin: 15px;\n@utility-margin-small: 5px;\n@utility-margin-large: 50px;\n\n@utility-border-rounded: 5px;\n\n@utility-heading-large-small-font-size: 36px;\n@utility-heading-large-small-line-height: 42px;\n@utility-heading-large-font-size: 52px;\n@utility-heading-large-line-height: 64px;\n\n@utility-link-muted-color: #444;\n@utility-link-muted-hover-color: #444;\n\n@utility-scrollable-text-height: 300px;\n\n@utility-scrollable-box-height: 170px;\n@utility-scrollable-box-padding: 10px;\n@utility-scrollable-box-border: #ddd;\n@utility-scrollable-box-border-width: 1px;\n\n\n/* ========================================================================\n Component: Utility\n ========================================================================== */\n\n/* Container\n ========================================================================== */\n\n.uk-container {\n box-sizing: border-box;\n max-width: @utility-container-max-width;\n padding: 0 @utility-container-padding-horizontal;\n .hook-container;\n}\n\n/* Large screen and bigger */\n@media (min-width: @breakpoint-xlarge) {\n\n .uk-container {\n max-width: @utility-container-large-max-width;\n padding: 0 @utility-container-large-padding-horizontal;\n }\n\n}\n\n/*\n * Micro clearfix\n */\n\n.uk-container:before,\n.uk-container:after {\n content: "";\n display: table;\n}\n\n.uk-container:after { clear: both; }\n\n/*\n * Center container\n */\n\n.uk-container-center {\n margin-left: auto;\n margin-right: auto;\n}\n\n\n/* Clearing\n ========================================================================== */\n\n/*\n * Micro clearfix\n* `table-cell` is used with `:before` because `table` creates a 1px gap when it becomes a flex item, only in Webkit\n * `table` is used again with `:after` because `clear` only works with block elements.\n * Note: `display: block` with `overflow: hidden` is currently not working in the latest Safari\n */\n\n.uk-clearfix:before {\n content: "";\n display: table-cell;\n}\n\n.uk-clearfix:after {\n content: "";\n display: table;\n clear: both;\n}\n\n\n/*\n * Create a new block formatting context\n */\n\n.uk-nbfc { overflow: hidden; }\n\n.uk-nbfc-alt {\n display: table-cell;\n width: 10000px;\n}\n\n\n/* Alignment of block elements\n ========================================================================== */\n\n/*\n * Float blocks\n * 1. Prevent content overflow on small devices\n */\n\n.uk-float-left { float: left; }\n.uk-float-right { float: right; }\n\n/* 1 */\n[class*=\'uk-float-\'] { max-width: 100%; }\n\n\n/* Alignment of images and objects\n ========================================================================== */\n\n/*\n * Alignment\n */\n\n[class*=\'uk-align-\'] {\n display: block;\n margin-bottom: @utility-align-vertical;\n}\n\n.uk-align-left {\n margin-right: @utility-align-horizontal;\n float: left;\n}\n\n.uk-align-right {\n margin-left: @utility-align-horizontal;\n float: right;\n}\n\n/* Tablet and bigger */\n@media (min-width: @breakpoint-medium) {\n\n .uk-align-medium-left {\n margin-right: @utility-align-horizontal;\n margin-bottom: @utility-align-vertical;\n float: left;\n }\n\n .uk-align-medium-right {\n margin-left: @utility-align-horizontal;\n margin-bottom: @utility-align-vertical;\n float: right;\n }\n\n}\n\n.uk-align-center {\n margin-left: auto;\n margin-right: auto;\n}\n\n\n/* Vertical alignment\n ========================================================================== */\n\n/*\n * Remove whitespace between child elements when using `inline-block`\n */\n\n.uk-vertical-align { font-size: 0.001px; }\n\n/*\n * The `uk-vertical-align` container needs a specific height\n */\n\n.uk-vertical-align:before {\n content: \'\';\n display: inline-block;\n height: 100%;\n vertical-align: middle;\n}\n\n/*\n * Sub-object which can have any height\n * 1. Reset whitespace hack\n */\n\n.uk-vertical-align-middle,\n.uk-vertical-align-bottom {\n display: inline-block;\n max-width: 100%;\n /* 1 */\n font-size: 1rem;\n}\n\n.uk-vertical-align-middle { vertical-align: middle; }\n.uk-vertical-align-bottom { vertical-align: bottom; }\n\n\n/* Height\n ========================================================================== */\n\n/*\n * More robust if padding and border are used\n */\n\n[class*=\'uk-height\'] { box-sizing: border-box; }\n\n/*\n * Useful to extend the `html` and `body` element to the full height of the page.\n */\n\n.uk-height-1-1 { height: 100%; }\n\n/*\n * Useful to create image teasers\n */\n\n.uk-height-viewport {\n height: 100vh;\n min-height: @utility-height-viewport-min-height;\n}\n\n\n/* Responsive objects\n * Note: Images are already responsive by default, see Base component\n ========================================================================== */\n\n/*\n * 1. Corrects `max-width` and `max-height` behavior if padding and border are used\n */\n\n.uk-responsive-width,\n.uk-responsive-height { box-sizing: border-box; }\n\n/*\n * Responsiveness: Sets a maximum width relative to the parent and auto scales the height\n * `important` needed to override `uk-img-preserve img`\n */\n\n.uk-responsive-width {\n max-width: 100% !important;\n height: auto;\n}\n\n/*\n * Responsiveness: Sets a maximum height relative to the parent and auto scales the width\n * Only works if the parent element has a fixed height.\n */\n\n.uk-responsive-height {\n max-height: 100%;\n width: auto;\n}\n\n\n/* Margin\n ========================================================================== */\n\n/*\n * Create a block with the same margin of a paragraph\n * Add margin if adjacent element\n */\n\n.uk-margin { margin-bottom: @utility-margin; }\n* + .uk-margin { margin-top: @utility-margin; }\n\n.uk-margin-top { margin-top: @utility-margin !important; }\n.uk-margin-bottom { margin-bottom: @utility-margin !important; }\n.uk-margin-left { margin-left: @utility-margin !important; }\n.uk-margin-right { margin-right: @utility-margin !important; }\n\n/*\n * Larger margins\n */\n\n.uk-margin-large { margin-bottom: @utility-margin-large; }\n* + .uk-margin-large { margin-top: @utility-margin-large; }\n\n.uk-margin-large-top { margin-top: @utility-margin-large !important; }\n.uk-margin-large-bottom { margin-bottom: @utility-margin-large !important; }\n.uk-margin-large-left { margin-left: @utility-margin-large !important; }\n.uk-margin-large-right { margin-right: @utility-margin-large !important; }\n\n/*\n * Smaller margins\n */\n\n.uk-margin-small { margin-bottom: @utility-margin-small; }\n* + .uk-margin-small { margin-top: @utility-margin-small; }\n\n.uk-margin-small-top { margin-top: @utility-margin-small !important; }\n.uk-margin-small-bottom { margin-bottom: @utility-margin-small !important; }\n.uk-margin-small-left { margin-left: @utility-margin-small !important; }\n.uk-margin-small-right { margin-right: @utility-margin-small !important; }\n\n/*\n * Remove margins\n */\n\n.uk-margin-remove { margin: 0 !important; }\n.uk-margin-top-remove { margin-top: 0 !important; }\n.uk-margin-bottom-remove { margin-bottom: 0 !important; }\n\n\n/* Padding\n ========================================================================== */\n\n.uk-padding-remove { padding: 0 !important; }\n.uk-padding-top-remove { padding-top: 0 !important; }\n.uk-padding-bottom-remove { padding-bottom: 0 !important; }\n\n.uk-padding-vertical-remove {\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n}\n\n/* Border\n ========================================================================== */\n\n.uk-border-circle { border-radius: 50%; }\n.uk-border-rounded { border-radius: @utility-border-rounded; }\n\n\n/* Headings\n ========================================================================== */\n\n.uk-heading-large {\n font-size: @utility-heading-large-small-font-size;\n line-height: @utility-heading-large-small-line-height;\n}\n\n/* Tablet and bigger */\n@media (min-width: @breakpoint-medium) {\n\n .uk-heading-large {\n font-size: @utility-heading-large-font-size;\n line-height: @utility-heading-large-line-height;\n }\n\n}\n\n\n/* Link\n ========================================================================== */\n\n/*\n * Let links appear in default text color\n */\n\n.uk-link-muted,\n.uk-link-muted a { color: @utility-link-muted-color; }\n\n.uk-link-muted:hover,\n.uk-link-muted a:hover { color: @utility-link-muted-hover-color; }\n\n/*\n * Reset link style\n */\n\n.uk-link-reset,\n.uk-link-reset a,\n.uk-link-reset:hover,\n.uk-link-reset a:hover,\n.uk-link-reset:focus,\n.uk-link-reset a:focus {\n color: inherit;\n text-decoration: none;\n}\n\n\n/* Scrollable\n ========================================================================== */\n\n/*\n * Enable scrolling for preformatted text\n */\n\n.uk-scrollable-text {\n height: @utility-scrollable-text-height;\n overflow-y: scroll;\n -webkit-overflow-scrolling: touch;\n resize: both;\n}\n\n/*\n * Box with scrolling enabled\n */\n\n.uk-scrollable-box {\n box-sizing: border-box;\n height: @utility-scrollable-box-height;\n padding: @utility-scrollable-box-padding;\n border: @utility-scrollable-box-border-width solid @utility-scrollable-box-border;\n overflow: auto;\n -webkit-overflow-scrolling: touch;\n resize: both;\n .hook-scrollable-box;\n}\n\n.uk-scrollable-box > :last-child { margin-bottom: 0; }\n\n\n/* Overflow\n ========================================================================== */\n\n.uk-overflow-hidden { overflow: hidden; }\n\n/*\n * Enable scrollbars if content is clipped\n */\n\n.uk-overflow-container {\n overflow: auto;\n -webkit-overflow-scrolling: touch;\n}\n\n.uk-overflow-container > :last-child { margin-bottom: 0; }\n\n\n/* Position\n ========================================================================== */\n\n.uk-position-absolute,\n[class*=\'uk-position-top\'],\n[class*=\'uk-position-bottom\'] { position: absolute !important; }\n\n/* Don\'t use `width: 100%` because it is wrong if the parent has padding. */\n.uk-position-top {\n top: 0;\n left: 0;\n right: 0;\n}\n\n.uk-position-bottom {\n bottom: 0;\n left: 0;\n right: 0;\n}\n\n.uk-position-top-left {\n top: 0;\n left: 0;\n}\n\n.uk-position-top-right {\n top: 0;\n right: 0;\n}\n\n.uk-position-bottom-left {\n bottom: 0;\n left: 0;\n}\n\n.uk-position-bottom-right {\n bottom: 0;\n right: 0;\n}\n\n/*\n * Cover\n */\n\n.uk-position-cover {\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n}\n\n/*\n * Relative\n */\n\n.uk-position-relative { position: relative !important; }\n\n/*\n * Z-index\n */\n\n.uk-position-z-index { z-index: 1; }\n\n\n/* Display\n ========================================================================== */\n\n/*\n * Display\n */\n\n.uk-display-block { display: block !important; }\n.uk-display-inline { display: inline !important; }\n.uk-display-inline-block { display: inline-block !important; }\n\n/*\n * Visibility\n * Avoids setting display to `block` so it works also with `inline-block` and `table`\n */\n\n/* Desktop and bigger */\n@media (min-width: @breakpoint-large) {\n\n .uk-visible-small { display: none !important; }\n .uk-visible-medium { display: none !important; }\n .uk-hidden-large { display: none !important; }\n\n}\n\n/* Tablets portrait */\n@media (min-width: @breakpoint-medium) and (max-width: @breakpoint-medium-max) {\n\n .uk-visible-small { display: none !important; }\n .uk-visible-large { display: none !important ; }\n .uk-hidden-medium { display: none !important; }\n\n}\n\n/* Phone landscape and smaller*/\n@media (max-width: @breakpoint-small-max) {\n\n .uk-visible-medium { display: none !important; }\n .uk-visible-large { display: none !important; }\n .uk-hidden-small { display: none !important; }\n\n}\n\n/* Remove from the flow and screen readers on any device */\n.uk-hidden {\n display: none !important;\n visibility: hidden !important;\n}\n\n/* It\'s hidden, but still affects layout */\n.uk-invisible { visibility: hidden !important; }\n\n/* Show on hover */\n.uk-visible-hover:hover .uk-hidden,\n.uk-visible-hover:hover .uk-invisible {\n display: block !important;\n visibility: visible !important;\n}\n\n.uk-visible-hover-inline:hover .uk-hidden,\n.uk-visible-hover-inline:hover .uk-invisible {\n display: inline-block !important;\n visibility: visible !important;\n}\n\n/* Hide on touch */\n.uk-touch .uk-hidden-touch,\n.uk-notouch .uk-hidden-notouch { display: none !important; }\n\n\n// Hooks\n// ========================================================================\n\n.hook-utility-misc;\n\n.hook-container() {}\n.hook-scrollable-box() {}\n.hook-utility-misc() {}\n// Name: Flex\n// Description: Defines styles to create layouts with flexbox\n//\n// Component: `uk-flex-*`\n//\n// Used by: Caption\n//\n//\n// ========================================================================\n\n\n/* ========================================================================\n Component: Flex\n ========================================================================== */\n\n.uk-flex {\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n}\n\n.uk-flex-inline {\n display: -ms-inline-flexbox;\n display: -webkit-inline-flex;\n display: inline-flex;\n}\n\n/*\n * Fixes initial flex-shrink value in IE10\n */\n\n.uk-flex > *,\n.uk-flex-inline > * { -ms-flex-negative: 1; }\n\n\n/* Alignment\n ========================================================================== */\n\n/*\n * Vertical alignment\n * Default value is `stretch`\n */\n\n// .uk-flex-stretch { align-items: stretch; }\n\n.uk-flex-top {\n -ms-flex-align: start;\n -webkit-align-items: flex-start;\n align-items: flex-start;\n}\n\n.uk-flex-middle {\n -ms-flex-align: center;\n -webkit-align-items: center;\n align-items: center;\n}\n\n.uk-flex-bottom {\n -ms-flex-align: end;\n -webkit-align-items: flex-end;\n align-items: flex-end;\n}\n\n/*\n * Horizontal alignment\n * Default value is `flex-start`\n */\n\n// .uk-flex-left { justify-content: flex-start; }\n\n.uk-flex-center {\n -ms-flex-pack: center;\n -webkit-justify-content: center;\n justify-content: center;\n}\n\n.uk-flex-right {\n -ms-flex-pack: end;\n -webkit-justify-content: flex-end;\n justify-content: flex-end;\n}\n\n.uk-flex-space-between {\n -ms-flex-pack: justify;\n -webkit-justify-content: space-between;\n justify-content: space-between;\n}\n\n.uk-flex-space-around {\n -ms-flex-pack: distribute;\n -webkit-justify-content: space-around;\n justify-content: space-around;\n}\n\n\n/* Direction\n ========================================================================== */\n\n// .uk-flex-row { flex-direction: row; }\n\n.uk-flex-row-reverse {\n -ms-flex-direction: row-reverse;\n -webkit-flex-direction: row-reverse;\n flex-direction: row-reverse;\n}\n\n.uk-flex-column {\n -ms-flex-direction: column;\n -webkit-flex-direction: column;\n flex-direction: column;\n}\n\n.uk-flex-column-reverse {\n -ms-flex-direction: column-reverse;\n -webkit-flex-direction: column-reverse;\n flex-direction: column-reverse;\n}\n\n\n/* Wrap\n ========================================================================== */\n\n// Default\n.uk-flex-nowrap {\n -ms-flex-wrap: nowrap;\n -webkit-flex-wrap: nowrap;\n flex-wrap: nowrap;\n}\n\n.uk-flex-wrap {\n -ms-flex-wrap: wrap;\n -webkit-flex-wrap: wrap;\n flex-wrap: wrap;\n}\n\n.uk-flex-wrap-reverse {\n -ms-flex-wrap: wrap-reverse;\n -webkit-flex-wrap: wrap-reverse;\n flex-wrap: wrap-reverse;\n}\n\n/*\n * Horizontal alignment\n * Default value is `stretch`\n */\n\n// .uk-flex-wrap-stretch { align-content: stretch; }\n\n.uk-flex-wrap-top {\n -ms-flex-line-pack: start;\n -webkit-align-content: flex-start;\n align-content: flex-start;\n}\n\n.uk-flex-wrap-middle {\n -ms-flex-line-pack: center;\n -webkit-align-content: center;\n align-content: center;\n}\n\n.uk-flex-wrap-bottom {\n -ms-flex-line-pack: end;\n -webkit-align-content: flex-end;\n align-content: flex-end;\n}\n\n.uk-flex-wrap-space-between {\n -ms-flex-line-pack: justify;\n -webkit-align-content: space-between;\n align-content: space-between;\n}\n\n.uk-flex-wrap-space-around {\n -ms-flex-line-pack: distribute;\n -webkit-align-content: space-around;\n align-content: space-around;\n}\n\n\n/* Item ordering\n ========================================================================== */\n\n/*\n * Default is 0\n */\n\n.uk-flex-order-first {\n -ms-flex-order: -1;\n -webkit-order: -1;\n order: -1;\n}\n\n.uk-flex-order-last {\n -ms-flex-order: 99;\n -webkit-order: 99;\n order: 99;\n}\n\n\n/* Phone landscape and bigger */\n@media (min-width: @breakpoint-small) {\n\n .uk-flex-order-first-small {\n -ms-flex-order: -1;\n -webkit-order: -1;\n order: -1;\n }\n\n .uk-flex-order-last-small {\n -ms-flex-order: 99;\n -webkit-order: 99;\n order: 99;\n }\n\n}\n\n/* Tablet and bigger */\n@media (min-width: @breakpoint-medium) {\n\n .uk-flex-order-first-medium {\n -ms-flex-order: -1;\n -webkit-order: -1;\n order: -1;\n }\n\n .uk-flex-order-last-medium {\n -ms-flex-order: 99;\n -webkit-order: 99;\n order: 99;\n }\n\n}\n\n/* Desktop and bigger */\n@media (min-width: @breakpoint-large) {\n\n .uk-flex-order-first-large {\n -ms-flex-order: -1;\n -webkit-order: -1;\n order: -1;\n }\n\n .uk-flex-order-last-large {\n -ms-flex-order: 99;\n -webkit-order: 99;\n order: 99;\n }\n\n}\n\n/* Large screen and bigger */\n@media (min-width: @breakpoint-xlarge) {\n\n .uk-flex-order-first-xlarge {\n -ms-flex-order: -1;\n -webkit-order: -1;\n order: -1;\n }\n\n .uk-flex-order-last-xlarge {\n -ms-flex-order: 99;\n -webkit-order: 99;\n order: 99;\n }\n\n}\n\n\n\n/* Item dimensions\n ========================================================================== */\n\n/*\n * Initial: 0 1 auto\n * Content dimensions, but shrinks\n */\n\n/*\n * No Flex: 0 0 auto\n * Content dimensions\n */\n\n.uk-flex-item-none {\n -ms-flex: none;\n -webkit-flex: none;\n flex: none;\n}\n\n/*\n * Relative Flex: 1 1 auto\n * Space is allocated considering content\n * 1. Fixes flex-shrink value in IE10\n */\n\n.uk-flex-item-auto {\n -ms-flex: auto;\n -webkit-flex: auto;\n flex: auto;\n /* 1 */\n -ms-flex-negative: 1;\n}\n\n/*\n * Absolute Flex: 1 1 0%\n * Space is allocated solely based on flex\n */\n\n.uk-flex-item-1 {\n -ms-flex: 1;\n -webkit-flex: 1;\n flex: 1;\n}\n\n\n// Hooks\n// ========================================================================\n\n.hook-flex-misc;\n\n.hook-flex-misc() {}\n// Name: Contrast\n// Description: Utility class to adjust colors for dark or colored blocks\n//\n// Component: `uk-contrast`\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@contrast-color: #fff;\n@contrast-inverted-color: #444;\n\n//\n// Components\n//\n\n@contrast-base-color: @contrast-color;\n\n@contrast-base-link-color: fade(@contrast-color, 70%);\n@contrast-base-link-text-decoration: none;\n@contrast-base-link-hover-color: @contrast-color;\n@contrast-base-link-hover-text-decoration: underline;\n\n@contrast-base-code-color: @contrast-color;\n@contrast-base-em-color: @contrast-color;\n\n@contrast-base-heading-color: @contrast-color;\n\n@contrast-base-hr-border: fade(@contrast-color, 20%);\n\n@contrast-nav-side-color: @contrast-color;\n@contrast-nav-side-hover-background: fade(@contrast-color, 10%);\n@contrast-nav-side-hover-color: @contrast-color;\n@contrast-nav-side-active-background: @contrast-color;\n@contrast-nav-side-active-color: @contrast-inverted-color;\n@contrast-nav-side-header-color: @contrast-color;\n@contrast-nav-side-divider-border: fade(@contrast-color, 20%);\n@contrast-nav-side-nested-color: fade(@contrast-color, 70%);\n@contrast-nav-side-nested-hover-color: @contrast-color;\n\n@contrast-subnav-color: fade(@contrast-color, 70%);\n@contrast-subnav-hover-color: @contrast-color;\n@contrast-subnav-hover-text-decoration: none;\n@contrast-subnav-active-color: @contrast-color;\n\n@contrast-subnav-line-border: fade(@contrast-color, 20%);\n\n@contrast-subnav-pill-hover-background: fade(@contrast-color, 70%);\n@contrast-subnav-pill-hover-color: @contrast-inverted-color;\n@contrast-subnav-pill-active-background: @contrast-color;\n@contrast-subnav-pill-active-color: @contrast-inverted-color;\n\n@contrast-tab-border: fade(@contrast-color, 20%);\n@contrast-tab-color: fade(@contrast-color, 70%);\n@contrast-tab-hover-border: fade(@contrast-color, 70%);\n@contrast-tab-hover-background: fade(@contrast-color, 70%);\n@contrast-tab-hover-color: @contrast-inverted-color;\n@contrast-tab-active-border: fade(@contrast-color, 20%);\n@contrast-tab-active-background: @contrast-color;\n@contrast-tab-active-color: @contrast-inverted-color;\n\n@contrast-list-line-border: fade(@contrast-color, 20%);\n\n@contrast-form-border: fade(@contrast-color, 80%);\n@contrast-form-background: fade(@contrast-color, 80%);\n@contrast-form-color: @contrast-inverted-color;\n@contrast-form-focus-border: @contrast-color;\n@contrast-form-focus-background: @contrast-color;\n@contrast-form-focus-color: @contrast-inverted-color;\n\n@contrast-form-placeholder-color: fade(@contrast-inverted-color, 70%);\n\n@contrast-button-background: @contrast-color;\n@contrast-button-color: @contrast-inverted-color;\n@contrast-button-hover-background: fade(@contrast-color, 80%);\n@contrast-button-hover-color: @contrast-inverted-color;\n@contrast-button-active-background: fade(@contrast-color, 70%);\n@contrast-button-active-color: @contrast-inverted-color;\n\n@contrast-button-primary-background: #00a8e6;\n@contrast-button-primary-color: @contrast-color;\n@contrast-button-primary-hover-background: #35b3ee;\n@contrast-button-primary-hover-color: @contrast-color;\n@contrast-button-primary-active-background: #0091ca;\n@contrast-button-primary-active-color: @contrast-color;\n\n@contrast-icon-hover-color: fade(@contrast-color, 70%);\n@contrast-icon-hover-hover-color: @contrast-color;\n\n@contrast-icon-button-background: @contrast-color;\n@contrast-icon-button-color: @contrast-inverted-color;\n@contrast-icon-button-hover-background: fade(@contrast-color, 80%);\n@contrast-icon-button-hover-color: @contrast-inverted-color;\n@contrast-icon-button-active-background: fade(@contrast-color, 70%);\n@contrast-icon-button-active-color: @contrast-inverted-color;\n\n@contrast-text-muted-color: fade(@contrast-color, 60%);\n@contrast-text-primary-color: #2d7091;\n\n\n/* ========================================================================\n Component: Contrast\n ========================================================================== */\n\n.uk-contrast {\n\n color: @contrast-base-color;\n\n // Base\n // ========================================================================\n\n //\n // Link\n //\n\n a:not([class]),\n .uk-link {\n color: @contrast-base-link-color;\n text-decoration: @contrast-base-link-text-decoration;\n }\n\n a:not([class]):hover,\n .uk-link:hover {\n color: @contrast-base-link-hover-color;\n text-decoration: @contrast-base-link-hover-text-decoration;\n }\n\n //\n // Code\n //\n\n :not(pre) > code,\n :not(pre) > kbd,\n :not(pre) > samp {\n color: @contrast-base-code-color;\n .hook-contrast-base-code;\n }\n\n //\n // Emphasize\n //\n\n em { color: @contrast-base-em-color; }\n\n //\n // Headings\n //\n\n h1, h2, h3, h4, h5, h6 { color: @contrast-base-heading-color; }\n\n //\n // Horizontal rules\n //\n\n hr { border-top-color: @contrast-base-hr-border; }\n\n\n // Nav\n // ========================================================================\n\n .uk-nav li > a,\n .uk-nav li > a:hover { text-decoration: none; }\n\n //\n // Nav Site\n //\n\n .uk-nav-side > li > a {\n color: @contrast-nav-side-color;\n .hook-contrast-nav-side;\n }\n\n .uk-nav-side > li > a:hover,\n .uk-nav-side > li > a:focus {\n background: @contrast-nav-side-hover-background;\n color: @contrast-nav-side-hover-color;\n .hook-contrast-nav-side-hover;\n }\n\n .uk-nav-side > li.uk-active > a {\n background: @contrast-nav-side-active-background;\n color: @contrast-nav-side-active-color;\n .hook-contrast-nav-side-active;\n }\n\n // Nav header\n .uk-nav-side .uk-nav-header {\n color: @contrast-nav-side-header-color;\n .hook-contrast-nav-side-header;\n }\n\n // Nav divider\n .uk-nav-side .uk-nav-divider {\n border-top-color: @contrast-nav-side-divider-border;\n .hook-contrast-nav-side-divider;\n }\n\n // Nested items\n .uk-nav-side ul a { color: @contrast-nav-side-nested-color; }\n .uk-nav-side ul a:hover { color: @contrast-nav-side-nested-hover-color; }\n\n\n // Subnav\n // ========================================================================\n\n .uk-subnav > * > a {\n color: @contrast-subnav-color;\n text-decoration: none;\n .hook-contrast-subnav;\n }\n\n .uk-subnav > * > a:hover,\n .uk-subnav > * > a:focus {\n color: @contrast-subnav-hover-color;\n text-decoration: @contrast-subnav-hover-text-decoration;\n .hook-contrast-subnav-hover;\n }\n\n .uk-subnav > .uk-active > a {\n color: @contrast-subnav-active-color;\n .hook-contrast-subnav-active;\n }\n\n //\n // Subnav line\n //\n\n .uk-subnav-line > :nth-child(n+2):before {\n border-left-color: @contrast-subnav-line-border;\n .hook-contrast-subnav-line-divider;\n }\n\n //\n // Subnav pill\n //\n\n .uk-subnav-pill > * > a:hover,\n .uk-subnav-pill > * > a:focus {\n background: @contrast-subnav-pill-hover-background;\n color: @contrast-subnav-pill-hover-color;\n text-decoration: none;\n .hook-contrast-subnav-pill-hover;\n }\n\n .uk-subnav-pill > .uk-active > a {\n background: @contrast-subnav-pill-active-background;\n color: @contrast-subnav-pill-active-color;\n .hook-contrast-subnav-pill-active;\n }\n\n\n // Tab\n // ========================================================================\n\n .uk-tab { border-bottom-color: @contrast-tab-border; }\n\n .uk-tab > li > a {\n border-color: transparent;\n color: @contrast-tab-color;\n .hook-contrast-tab;\n }\n\n .uk-tab > li > a:hover,\n .uk-tab > li > a:focus,\n .uk-tab > li.uk-open > a {\n border-color: @contrast-tab-hover-border;\n background: @contrast-tab-hover-background;\n color: @contrast-tab-hover-color;\n text-decoration: none;\n .hook-contrast-tab-hover;\n }\n\n /* Active */\n .uk-tab > li.uk-active > a {\n border-color: @contrast-tab-active-border;\n border-bottom-color: transparent;\n background: @contrast-tab-active-background;\n color: @contrast-tab-active-color;\n .hook-contrast-tab-active;\n }\n\n //\n // Tab center\n //\n\n .uk-tab-center { border-bottom-color: @contrast-tab-border; }\n\n //\n // Tab grid\n //\n\n .uk-tab-grid:before { border-top-color: @contrast-tab-border; }\n\n\n // List\n // ========================================================================\n\n .uk-list-line > li:nth-child(n+2) {\n border-top-color: @contrast-list-line-border;\n .hook-contrast-list-line;\n }\n\n\n // Form\n // ========================================================================\n\n .uk-form select,\n .uk-form textarea,\n .uk-form input:not([type]),\n .uk-form input[type="text"],\n .uk-form input[type="password"],\n .uk-form input[type="datetime"],\n .uk-form input[type="datetime-local"],\n .uk-form input[type="date"],\n .uk-form input[type="month"],\n .uk-form input[type="time"],\n .uk-form input[type="week"],\n .uk-form input[type="number"],\n .uk-form input[type="email"],\n .uk-form input[type="url"],\n .uk-form input[type="search"],\n .uk-form input[type="tel"],\n .uk-form input[type="color"] {\n border-color: @contrast-form-border;\n background: @contrast-form-background;\n color: @contrast-form-color;\n background-clip: padding-box;\n .hook-contrast-form;\n\n &:focus {\n border-color: @contrast-form-focus-border;\n background: @contrast-form-focus-background;\n color: @contrast-form-focus-color;\n .hook-contrast-form-focus;\n }\n }\n\n //\n // Placeholder\n //\n\n .uk-form :-ms-input-placeholder { color: @contrast-form-placeholder-color !important; }\n .uk-form ::-moz-placeholder { color: @contrast-form-placeholder-color; }\n .uk-form ::-webkit-input-placeholder { color: @contrast-form-placeholder-color; }\n\n\n // Button\n // ========================================================================\n\n .uk-button {\n color: @contrast-button-color;\n background: @contrast-button-background;\n .hook-contrast-button;\n }\n\n .uk-button:hover,\n .uk-button:focus {\n background-color: @contrast-button-hover-background;\n color: @contrast-button-hover-color;\n .hook-contrast-button-hover;\n }\n\n .uk-button:active,\n .uk-button.uk-active {\n background-color: @contrast-button-active-background;\n color: @contrast-button-active-color;\n .hook-contrast-button-active;\n }\n\n //\n // Button primary\n //\n\n .uk-button-primary {\n background-color: @contrast-button-primary-background;\n color: @contrast-button-primary-color;\n .hook-contrast-button-primary;\n }\n\n .uk-button-primary:hover,\n .uk-button-primary:focus {\n background-color: @contrast-button-primary-hover-background;\n color: @contrast-button-primary-hover-color;\n .hook-contrast-button-primary-hover;\n }\n\n .uk-button-primary:active,\n .uk-button-primary.uk-active {\n background-color: @contrast-button-primary-active-background;\n color: @contrast-button-primary-active-color;\n .hook-contrast-button-primary-active;\n }\n\n\n // Icon\n // ========================================================================\n\n //\n // Icon hover\n //\n\n .uk-icon-hover {\n color: @contrast-icon-hover-color;\n .hook-contrast-icon-hover;\n }\n\n .uk-icon-hover:hover {\n color: @contrast-icon-hover-hover-color;\n .hook-contrast-icon-hover-hover;\n }\n\n //\n // Icon button\n //\n\n .uk-icon-button {\n background: @contrast-icon-button-background;\n color: @contrast-icon-button-color;\n .hook-contrast-icon-button;\n }\n\n .uk-icon-button:hover,\n .uk-icon-button:focus {\n background-color: @contrast-icon-button-hover-background;\n color: @contrast-icon-button-hover-color;\n .hook-contrast-icon-button-hover;\n }\n\n .uk-icon-button:active {\n background-color: @contrast-icon-button-active-background;\n color: @contrast-icon-button-active-color;\n .hook-contrast-icon-button-active;\n }\n\n\n // Text\n // ========================================================================\n\n .uk-text-muted { color: @contrast-text-muted-color !important; }\n .uk-text-primary { color: @contrast-text-primary-color !important; }\n\n\n // Misc hook\n // ========================================================================\n\n .hook-contrast-misc;\n\n}\n\n\n// Hooks\n// ========================================================================\n\n.hook-contrast-base-code() {}\n\n.hook-contrast-nav-side() {}\n.hook-contrast-nav-side-hover() {}\n.hook-contrast-nav-side-active() {}\n.hook-contrast-nav-side-header() {}\n.hook-contrast-nav-side-divider() {}\n\n.hook-contrast-subnav() {}\n.hook-contrast-subnav-hover() {}\n.hook-contrast-subnav-active() {}\n.hook-contrast-subnav-line-divider() {}\n.hook-contrast-subnav-pill-hover() {}\n.hook-contrast-subnav-pill-active() {}\n\n.hook-contrast-tab() {}\n.hook-contrast-tab-hover() {}\n.hook-contrast-tab-active() {}\n\n.hook-contrast-list-line() {}\n\n.hook-contrast-form() {}\n.hook-contrast-form-focus() {}\n\n.hook-contrast-button() {}\n.hook-contrast-button-hover() {}\n.hook-contrast-button-active() {}\n.hook-contrast-button-primary() {}\n.hook-contrast-button-primary-hover() {}\n.hook-contrast-button-primary-active() {}\n\n.hook-contrast-icon-hover() {}\n.hook-contrast-icon-hover-hover() {}\n.hook-contrast-icon-button() {}\n.hook-contrast-icon-button-hover() {}\n.hook-contrast-icon-button-active() {}\n\n.hook-contrast-misc() {}\n// Name: Print\n// Description: Optimize page for printing\n//\n// Adapted from http://github.com/h5bp/html5-boilerplate\n//\n// Modifications: Removed link `href` and `title` related rules\n//\n// ========================================================================\n\n\n/* ========================================================================\n Component: Print\n ========================================================================== */\n\n@media print {\n\n * {\n background: transparent !important;\n color: black !important;\n box-shadow: none !important;\n text-shadow: none !important;\n }\n\n a,\n a:visited { text-decoration: underline; }\n\n pre,\n blockquote {\n border: 1px solid #999;\n page-break-inside: avoid;\n }\n\n thead { display: table-header-group; }\n\n tr,\n img { page-break-inside: avoid; }\n\n img { max-width: 100% !important; }\n\n @page { margin: 0.5cm; }\n\n p,\n h2,\n h3 {\n orphans: 3;\n widows: 3;\n }\n\n h2,\n h3 { page-break-after: avoid; }\n \n .hook-print;\n\n}\n\n// Hooks\n// ========================================================================\n\n.hook-print() {}\n\n\n\n@icon-font-path: "../../fonts";\n\n// Components: Navs\n// Name: Dotnav\n// Description: Defines styles for a dot navigation\n//\n// Component: `uk-dotnav`\n//\n// Modifier: `uk-dotnav-contrast`\n// `uk-dotnav-vertical`\n//\n// States: `uk-active`\n//\n// Markup:\n//\n// \x3c!-- uk-dotnav --\x3e\n// \n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@dotnav-margin-horizontal: 15px;\n@dotnav-margin-vertical: @dotnav-margin-horizontal;\n\n@dotnav-width: 20px;\n@dotnav-height: @dotnav-width;\n@dotnav-background: rgba(50,50,50,0.1);\n\n@dotnav-hover-background: rgba(50,50,50,0.4);\n@dotnav-onclick-background: rgba(50,50,50,0.6);\n@dotnav-active-background: rgba(50,50,50,0.4);\n\n@dotnav-contrast-background: rgba(255,255,255,0.4);\n@dotnav-contrast-hover-background: rgba(255,255,255,0.7);\n@dotnav-contrast-onclick-background: rgba(255,255,255,0.9);\n@dotnav-contrast-active-background: rgba(255,255,255,0.9);\n\n\n/* ========================================================================\n Component: Dotnav\n ========================================================================== */\n\n/*\n * 1. Gutter\n * 2. Remove default list style\n */\n\n.uk-dotnav {\n display: -ms-flexbox;\n display: -webkit-flex;\n display: flex;\n -ms-flex-wrap: wrap;\n -webkit-flex-wrap: wrap;\n flex-wrap: wrap;\n /* 1 */\n margin-left: -@dotnav-margin-horizontal;\n margin-top: -@dotnav-margin-vertical;\n /* 2 */\n padding: 0;\n list-style: none;\n}\n\n/*\n * 1. Space is allocated solely based on content dimensions\n * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied\n */\n\n.uk-dotnav > * {\n /* 1 */\n -ms-flex: none;\n -webkit-flex: none;\n flex: none;\n /* 2 */\n padding-left: @dotnav-margin-horizontal;\n margin-top: @dotnav-margin-vertical;\n}\n\n/*\n * DEPRECATED IE9 Support\n */\n\n.uk-dotnav:before,\n.uk-dotnav:after {\n content: "";\n display: block;\n overflow: hidden;\n}\n\n.uk-dotnav:after { clear: both; }\n\n.uk-dotnav > * { float: left; }\n\n\n/* Items\n ========================================================================== */\n\n/*\n * Items\n * 1. Hide text if present\n */\n\n.uk-dotnav > * > * {\n display: block;\n box-sizing: content-box;\n width: @dotnav-width;\n height: @dotnav-height;\n border-radius: 50%;\n background: @dotnav-background;\n /* 1 */\n text-indent: 100%;\n overflow: hidden;\n white-space: nowrap;\n .hook-dotnav-item;\n}\n\n/*\n * Hover\n * 1. Apply hover style also to focus state\n * 2. Remove default focus style\n */\n\n.uk-dotnav > * > :hover,\n.uk-dotnav > * > :focus { // 1\n background: @dotnav-hover-background;\n /* 2 */\n outline: none;\n .hook-dotnav-item-hover;\n}\n\n/* OnClick */\n.uk-dotnav > * > :active {\n background: @dotnav-onclick-background;\n .hook-dotnav-item-onclick;\n}\n\n/* Active */\n.uk-dotnav > .uk-active > * {\n background: @dotnav-active-background;\n .hook-dotnav-item-active;\n}\n\n\n/* Modifier: `uk-dotnav-contrast`\n ========================================================================== */\n\n.uk-dotnav-contrast > * > * {\n background: @dotnav-contrast-background;\n .hook-dotnav-contrast-item;\n}\n\n/*\n * Hover\n * 1. Apply hover style also to focus state\n */\n\n.uk-dotnav-contrast > * > :hover,\n.uk-dotnav-contrast > * > :focus { // 1\n background: @dotnav-contrast-hover-background;\n .hook-dotnav-contrast-item-hover;\n}\n\n/* OnClick */\n.uk-dotnav-contrast > * > :active {\n background: @dotnav-contrast-onclick-background;\n .hook-dotnav-contrast-item-onclick;\n}\n\n/* Active */\n.uk-dotnav-contrast > .uk-active > * {\n background: @dotnav-contrast-active-background;\n .hook-dotnav-contrast-item-active;\n}\n\n\n/* Modifier: \'uk-dotnav-vertical\'\n ========================================================================== */\n\n/*\n * DEPRECATED\n */\n\n.uk-dotnav-vertical {\n -ms-flex-direction: column;\n -webkit-flex-direction: column;\n flex-direction: column;\n}\n\n/*\n * DEPRECATED IE9 Support\n */\n\n.uk-dotnav-vertical > * { float: none; }\n\n\n\n// Hooks\n// ========================================================================\n\n.hook-dotnav-misc;\n\n.hook-dotnav-item() {}\n.hook-dotnav-item-hover() {}\n.hook-dotnav-item-onclick() {}\n.hook-dotnav-item-active() {}\n.hook-dotnav-contrast-item() {}\n.hook-dotnav-contrast-item-hover() {}\n.hook-dotnav-contrast-item-onclick() {}\n.hook-dotnav-contrast-item-active() {}\n.hook-dotnav-misc() {}\n// Name: Slidenav\n// Description: Defines styles for a previous/next navigation between slides\n//\n// Component: `uk-slidenav`\n//\n// Modifiers: `uk-slidenav-previous`\n// `uk-slidenav-next`\n// `uk-slidenav-contrast`\n//\n// Sub-objects: `uk-slidenav-position`\n//\n// Uses: Icon: FontAwesome\n//\n// Markup:\n//\n// \x3c!-- uk-slidenav --\x3e\n// \n// \n//\n// \x3c!-- uk-slidenav-position --\x3e\n// \n//
![]()
\n//
\n//
\n//
\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@slidenav-width: 60px;\n@slidenav-height: @slidenav-width;\n@slidenav-color: rgba(50,50,50,0.4);\n@slidenav-font-size: 60px;\n@slidenav-line-height: @slidenav-height;\n@slidenav-previous-icon: "\\f104";\n@slidenav-next-icon: "\\f105";\n\n@slidenav-hover-color: rgba(50,50,50,0.7);\n\n@slidenav-active-color: rgba(50,50,50,0.9);\n\n@slidenav-position-previous: 20px;\n@slidenav-position-next: @slidenav-position-previous;\n\n@slidenav-contrast-color: rgba(255,255,255,0.5);\n@slidenav-contrast-hover-color: rgba(255,255,255,0.7);\n@slidenav-contrast-active-color: rgba(255,255,255,0.9);\n\n\n/* ========================================================================\n Component: Slidenav\n ========================================================================== */\n\n/*\n * 1. Required for `a` elements\n * 2. Dimension\n * 3. Style\n */\n\n.uk-slidenav {\n /* 1 */\n display: inline-block;\n /* 2 */\n box-sizing: border-box;\n width: @slidenav-width;\n height: @slidenav-height;\n /* 3 */\n line-height: @slidenav-line-height;\n color: @slidenav-color;\n font-size: @slidenav-font-size;\n text-align: center;\n .hook-slidenav;\n}\n\n/*\n * Hover\n * 1. Apply hover style also to focus state\n * 2. Remove default focus style\n * 3. Required for `a` elements\n * 4. Style\n */\n\n.uk-slidenav:hover,\n.uk-slidenav:focus { // 1\n /* 2 */\n outline: none;\n /* 3 */\n text-decoration: none;\n /* 4 */\n color: @slidenav-hover-color;\n cursor: pointer;\n .hook-slidenav-hover;\n}\n\n/* Active */\n.uk-slidenav:active {\n color: @slidenav-active-color;\n .hook-slidenav-active;\n}\n\n/*\n * Icons\n */\n\n.uk-slidenav-previous:before {\n content: @slidenav-previous-icon;\n font-family: FontAwesome;\n}\n\n.uk-slidenav-next:before {\n content: @slidenav-next-icon;\n font-family: FontAwesome;\n}\n\n\n/* Sub-object: `uk-slidenav-position`\n ========================================================================== */\n\n/*\n * Create position context\n */\n\n.uk-slidenav-position { position: relative; }\n\n/*\n * Center vertically\n */\n\n.uk-slidenav-position .uk-slidenav {\n display: none;\n position: absolute;\n top: 50%;\n z-index: 1;\n margin-top: -(@slidenav-height / 2);\n}\n\n.uk-slidenav-position:hover .uk-slidenav { display: block; }\n\n.uk-slidenav-position .uk-slidenav-previous { left: @slidenav-position-previous; }\n.uk-slidenav-position .uk-slidenav-next { right: @slidenav-position-next; }\n\n\n/* Modifier: `uk-slidenav-contrast`\n ========================================================================== */\n\n.uk-slidenav-contrast {\n color: @slidenav-contrast-color;\n .hook-slidenav-contrast;\n}\n\n/*\n * Hover\n * 1. Apply hover style also to focus state\n */\n\n.uk-slidenav-contrast:hover,\n.uk-slidenav-contrast:focus { // 1\n color: @slidenav-contrast-hover-color;\n .hook-slidenav-contrast-hover;\n}\n\n/* Active */\n.uk-slidenav-contrast:active {\n color: @slidenav-contrast-active-color;\n .hook-slidenav-contrast-active;\n}\n\n\n// Hooks\n// ========================================================================\n\n.hook-slidenav-misc;\n\n.hook-slidenav() {}\n.hook-slidenav-hover() {}\n.hook-slidenav-active() {}\n.hook-slidenav-contrast() {}\n.hook-slidenav-contrast-hover() {}\n.hook-slidenav-contrast-active() {}\n.hook-slidenav-misc() {}\n\n// Components: Common\n// Name: Progress\n// Description: Defines styles for progress bars\n//\n// Component: `uk-progress`\n//\n// Sub-objects: `uk-progress-bar`\n//\n// Modifiers: `uk-progress-mini`\n// `uk-progress-small`\n// `uk-progress-success`\n// `uk-progress-warning`\n// `uk-progress-danger`\n// `uk-progress-striped`\n//\n// Markup:\n//\n// \x3c!-- uk-progress --\x3e\n// \n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@progress-height: 20px;\n@progress-mini-height: 6px;\n@progress-small-height: 12px;\n\n@progress-margin-vertical: 15px;\n@progress-background: #eee;\n\n@progress-bar-background: #00a8e6;\n@progress-bar-font-size: 12px;\n@progress-bar-color: #fff;\n\n@progress-bar-success-background: #8cc14c;\n@progress-bar-warning-background: #faa732;\n@progress-bar-danger-background: #da314b;\n\n\n/* ========================================================================\n Component: Progress\n ========================================================================== */\n\n/*\n * 1. Clearing\n * 2. Vertical alignment if text is used\n */\n\n.uk-progress {\n box-sizing: border-box;\n height: @progress-height;\n margin-bottom: @progress-margin-vertical;\n background: @progress-background;\n /* 1 */\n overflow: hidden;\n /* 2 */\n line-height: @progress-height;\n .hook-progress;\n}\n\n/*\n * Add margin if adjacent element\n */\n\n* + .uk-progress { margin-top: @progress-margin-vertical; }\n\n\n/* Sub-object: `uk-progress-bar`\n ========================================================================== */\n\n/*\n * 1. Transition\n * 2. Needed for text\n */\n\n.uk-progress-bar {\n width: 0;\n height: 100%;\n background: @progress-bar-background;\n float: left;\n /* 1 */\n -webkit-transition: width 0.6s ease;\n transition: width 0.6s ease;\n /* 2 */\n font-size: @progress-bar-font-size;\n color: @progress-bar-color;\n text-align: center;\n .hook-progress-bar;\n}\n\n\n/* Size modifiers\n ========================================================================== */\n\n/* Mini */\n.uk-progress-mini {\n height: @progress-mini-height;\n .hook-progress-mini;\n}\n\n\n/* Small */\n.uk-progress-small {\n height: @progress-small-height;\n .hook-progress-small;\n}\n\n\n/* Color modifiers\n ========================================================================== */\n\n.uk-progress-success .uk-progress-bar {\n background-color: @progress-bar-success-background;\n .hook-progress-bar-success;\n}\n\n.uk-progress-warning .uk-progress-bar {\n background-color: @progress-bar-warning-background;\n .hook-progress-bar-warning;\n}\n\n.uk-progress-danger .uk-progress-bar {\n background-color: @progress-bar-danger-background;\n .hook-progress-bar-danger;\n}\n\n\n/* Modifier: `uk-progress-striped`\n ========================================================================== */\n\n.uk-progress-striped .uk-progress-bar {\n background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);\n background-size: 30px 30px;\n}\n\n/*\n * Animation\n */\n\n.uk-progress-striped.uk-active .uk-progress-bar {\n -webkit-animation: uk-progress-bar-stripes 2s linear infinite;\n animation: uk-progress-bar-stripes 2s linear infinite;\n}\n\n@-webkit-keyframes uk-progress-bar-stripes {\n 0% { background-position: 0 0;}\n 100% { background-position: 30px 0; }\n}\n\n@keyframes uk-progress-bar-stripes {\n 0% { background-position: 0 0;}\n 100% { background-position: 30px 0; }\n}\n\n\n// Hooks\n// ========================================================================\n\n.hook-progress-misc;\n\n.hook-progress() {}\n.hook-progress-bar() {}\n.hook-progress-mini() {}\n.hook-progress-small() {}\n.hook-progress-bar-success() {}\n.hook-progress-bar-warning() {}\n.hook-progress-bar-danger() {}\n.hook-progress-misc() {}\n\n// Components: JavaScript\n// Name: Accordion\n// Description: Defines styles for the accordion\n//\n// Component: `uk-accordion`\n//\n// Sub-objects: `uk-accordion-title`\n// `uk-accordion-content`\n//\n// Markup:\n//\n// \x3c!-- uk-accordion --\x3e\n// \n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@accordion-title-margin-bottom: 15px;\n@accordion-title-padding-vertical: 5px;\n@accordion-title-padding-horizontal: 15px;\n@accordion-title-font-size: 18px;\n@accordion-title-line-height: 24px;\n@accordion-title-background: #eee;\n\n@accordion-content-padding-horizontal: @accordion-title-padding-horizontal;\n@accordion-content-padding-bottom: @accordion-title-padding-horizontal;\n\n\n/* ========================================================================\n Component: Accordion\n ========================================================================== */\n\n.uk-accordion {\n .hook-accordion;\n}\n\n/* Sub-object: `uk-accordion-title`\n ========================================================================== */\n\n.uk-accordion-title {\n margin-top: 0;\n margin-bottom: @accordion-title-margin-bottom;\n padding: @accordion-title-padding-vertical @accordion-title-padding-horizontal;\n background: @accordion-title-background;\n font-size: @accordion-title-font-size;\n line-height: @accordion-title-line-height;\n cursor: pointer;\n .hook-accordion-title;\n}\n\n\n/* Sub-object: `uk-accordion-content`\n ========================================================================== */\n\n.uk-accordion-content {\n padding: 0 @accordion-content-padding-horizontal @accordion-content-padding-bottom @accordion-content-padding-horizontal;\n .hook-accordion-content;\n}\n\n/*\n * Micro clearfix to make panels more robust\n */\n\n.uk-accordion-content:before,\n.uk-accordion-content:after {\n content: "";\n display: table;\n}\n\n.uk-accordion-content:after { clear: both; }\n\n/*\n * Remove margin from the last-child\n */\n\n .uk-accordion-content > :last-child { margin-bottom: 0; }\n\n\n// Hooks\n// ========================================================================\n\n.hook-accordion-misc;\n\n.hook-accordion() {}\n.hook-accordion-title() {}\n.hook-accordion-content() {}\n.hook-accordion-misc() {}\n// Name: Slider\n// Description: Defines styles for a horizontal slider\n//\n// Component: `uk-slider`\n//\n// Sub-objects: `uk-slider-container`\n//\n// Modifier: `uk-slider-fullscreen`\n//\n// States: `uk-drag`\n//\n// Markup:\n//\n// \x3c!-- uk-slider --\x3e\n// \n//\n// ========================================================================\n\n\n/* ========================================================================\n Component: Slider\n ========================================================================== */\n\n/*\n * 1. Create position context\n * 2. Create stacking context to prevent z-index issues with other components\n * 3. Deactivate browser history navigation in IE11\n */\n\n.uk-slider {\n /* 1 */\n position: relative;\n /* 2 */\n z-index: 0;\n /* 3 */\n touch-action: pan-y;\n}\n\n/*\n * 1. Reset list style without interfering with grid\n */\n\n.uk-slider:not(.uk-grid) {\n /* 1 */\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n/*\n * Sub-object item\n * 1. Position items above each other\n */\n\n.uk-slider > * {\n /* 1 */\n position: absolute;\n top: 0;\n left: 0;\n}\n\n/*\n * Clip child elements\n */\n\n.uk-slider-container { overflow: hidden; }\n\n/*\n * Dragged\n */\n\n.uk-slider:not(.uk-drag) {\n -webkit-transition: -webkit-transform 200ms linear;\n transition: transform 200ms linear;\n}\n\n/*\n * 1. Makes text unselectable\n */\n\n.uk-slider.uk-drag {\n cursor: col-resize;\n /* 1 */\n -moz-user-select: none;\n -webkit-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n\n/*\n * 1. Prevents images and links from being dragged (default browser behavior)\n * 2. Disables the default callout shown when you touch and hold a touch target\n * Currently only works in Webkit\n */\n\n.uk-slider a,\n.uk-slider img {\n /* 1 */\n -webkit-user-drag: none;\n user-drag: none;\n /* 2 */\n -webkit-touch-callout: none;\n}\n\n/*\n * 1. Prevents images and links from being dragged in Firefox\n */\n\n.uk-slider img { pointer-events: none; }\n\n\n/* Modifier: `uk-slider-fullscreen`\n ========================================================================== */\n\n.uk-slider-fullscreen,\n.uk-slider-fullscreen > li { height: 100vh; }\n\n\n// Hooks\n// ========================================================================\n\n.hook-slider-misc;\n\n.hook-slider-misc() {}\n// Name: Slideshow\n// Description: Defines styles for a slideshow\n//\n// Component: `uk-slideshow`\n//\n// Modifier: `uk-slideshow-fullscreen`\n//\n// Sub-modifier: `uk-slideshow-fade-out`\n// `uk-slideshow-scroll-forward-in`\n// `uk-slideshow-scroll-forward-out`\n// `uk-slideshow-scroll-backward-in`\n// `uk-slideshow-scroll-backward-out`\n// `uk-slideshow-scale-out`\n// `uk-slideshow-swipe-forward-in`\n// `uk-slideshow-swipe-forward-out`\n// `uk-slideshow-swipe-backward-in`\n// `uk-slideshow-swipe-backward-out`\n//\n// States: `uk-active`\n//\n// Uses: Cover (JS)\n//\n// Markup:\n//\n// \x3c!-- uk-slideshow --\x3e\n// \n// ![]()
\n//
\n//\n// ========================================================================\n\n\n/* ========================================================================\n Component: Slideshow\n ========================================================================== */\n\n/*\n * 1. Create position context\n * 2. Create stacking context to prevent z-index issues with other components\n * 3. Set width because child elements are positioned absolute. Height is set via JS\n * 4. Reset list style\n * 5. Clip child elements\n * 6. Deactivate browser history navigation in IE11\n */\n\n.uk-slideshow {\n /* 1 */\n position: relative;\n /* 2 */\n z-index: 0;\n /* 3 */\n width: 100%;\n /* 4 */\n margin: 0;\n padding: 0;\n list-style: none;\n /* 5 */\n overflow: hidden;\n /* 6 */\n touch-action: pan-y;\n}\n\n/*\n * Sub-object item\n * 1. Position items above each other\n * 2. Expand to parent container width\n * 3. Hide by default\n */\n\n.uk-slideshow > li {\n /* 1 */\n position: absolute;\n top: 0;\n left: 0;\n /* 2 */\n width: 100%;\n /* 3 */\n opacity: 0;\n}\n\n/*\n * Active\n * 1. Stack at first\n * 2. Show slide\n */\n\n.uk-slideshow > .uk-active {\n /* 1 */\n z-index: 10;\n /* 2 */\n opacity: 1;\n}\n\n/*\n * Hide default images which is only relevant to keep existing proportions\n */\n\n.uk-slideshow > li > img { visibility: hidden; }\n\n/*\n * Pointer for controls\n */\n\n[data-uk-slideshow-slide] { cursor: pointer; }\n\n\n/* Modifier: `uk-slideshow-fullscreen`\n ========================================================================== */\n\n.uk-slideshow-fullscreen,\n.uk-slideshow-fullscreen > li { height: 100vh; }\n\n\n/* Animations\n ========================================================================== */\n\n/*\n * Fade\n */\n\n .uk-slideshow-fade-in {\n -webkit-animation: uk-fade 0.5s linear;\n animation: uk-fade 0.5s linear;\n }\n\n.uk-slideshow-fade-out {\n -webkit-animation: uk-fade 0.5s linear reverse;\n animation: uk-fade 0.5s linear reverse;\n}\n\n/*\n * Scroll\n */\n\n.uk-slideshow-scroll-forward-in {\n -webkit-animation: uk-slide-right 0.5s ease-in-out;\n animation: uk-slide-right 0.5s ease-in-out;\n}\n\n.uk-slideshow-scroll-forward-out {\n -webkit-animation: uk-slide-left 0.5s ease-in-out reverse;\n animation: uk-slide-left 0.5s ease-in-out reverse;\n}\n\n.uk-slideshow-scroll-backward-in {\n -webkit-animation: uk-slide-left 0.5s ease-in-out;\n animation: uk-slide-left 0.5s ease-in-out;\n}\n\n.uk-slideshow-scroll-backward-out {\n -webkit-animation: uk-slide-right 0.5s ease-in-out reverse;\n animation: uk-slide-right 0.5s ease-in-out reverse;\n}\n\n/*\n * Scale\n */\n\n.uk-slideshow-scale-out {\n -webkit-animation: uk-fade-scale-15 0.5s ease-in-out reverse;\n animation: uk-fade-scale-15 0.5s ease-in-out reverse;\n}\n\n/*\n * Swipe\n */\n\n.uk-slideshow-swipe-forward-in {\n -webkit-animation: uk-slide-left-33 0.5s ease-in-out;\n animation: uk-slide-left-33 0.5s ease-in-out;\n}\n\n.uk-slideshow-swipe-forward-out {\n -webkit-animation: uk-slide-left 0.5s ease-in-out reverse;\n animation: uk-slide-left 0.5s ease-in-out reverse;\n}\n\n.uk-slideshow-swipe-backward-in {\n -webkit-animation: uk-slide-right-33 0.5s ease-in-out;\n animation: uk-slide-right-33 0.5s ease-in-out;\n}\n\n.uk-slideshow-swipe-backward-out {\n -webkit-animation: uk-slide-right 0.5s ease-in-out reverse;\n animation: uk-slide-right 0.5s ease-in-out reverse;\n}\n\n.uk-slideshow-swipe-forward-in:before,\n.uk-slideshow-swipe-backward-in:before {\n content: \'\';\n position: absolute;\n top: 0;\n bottom: 0;\n left: 0;\n right: 0;\n z-index: 1;\n background: rgba(0,0,0,0.6);\n -webkit-animation: uk-fade 0.5s ease-in-out reverse;\n animation: uk-fade 0.5s ease-in-out reverse;\n}\n\n\n// Hooks\n// ========================================================================\n\n.hook-slideshow-misc;\n\n.hook-slideshow-misc() {}\n\n// Name: Search\n// Description: Defines a search component\n//\n// Component: `uk-search`\n//\n// Sub-objects: `uk-search-field`\n//\n// Modifier: (Nav) `uk-nav-search`\n// (Dropdown) `uk-dropdown-search`\n//\n// States: `uk-active`\n// `uk-loading`\n//\n// Uses: Animation\n// Icon: FontAwesome\n// Navbar: `uk-navbar-flip`\n//\n// Used by: Off-canvas\n//\n// Markup:\n//\n// \x3c!-- uk-search --\x3e\n// \n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@search-width: 120px;\n@search-focus-width: 180px;\n@search-height: 30px;\n@search-padding: 30px;\n@search-border: rgba(0,0,0,0);\n@search-border-width: 1px;\n@search-background: rgba(0,0,0,0);\n@search-color: #444;\n@search-placeholder-color: #999;\n\n@search-icon: "\\f002";\n@search-icon-size: 14px;\n@search-icon-color: rgba(0,0,0,0.2);\n\n// Dropdown modifier\n@dropdown-search-width: 300px;\n@dropdown-search-margin-top: 0;\n@dropdown-search-background: #f5f5f5;\n@dropdown-search-color: #444;\n@dropdown-search-animation: uk-slide-top-fixed;\n@dropdown-search-navbar-margin-top: 5px;\n@dropdown-search-navbar-margin-right: -15px;\n\n// Nav modifier\n@nav-search-color: #444;\n@nav-search-active-background: #00a8e6;\n@nav-search-active-color: #fff;\n@nav-search-header-color: #999;\n@nav-search-divider-border: #ddd;\n@nav-search-divider-border-width: 1px;\n@nav-search-nested-color: #07D;\n@nav-search-nested-hover-color: #059;\n\n// Search in offcanvas\n@offcanvas-search-margin: 20px 15px;\n@offcanvas-search-background: #1a1a1a;\n@offcanvas-search-border: rgba(0,0,0,0);\n@offcanvas-search-color: #ccc;\n@offcanvas-search-placeholder-color: #777;\n@offcanvas-search-icon-color: #777;\n\n\n/* ========================================================================\n Component: Search\n ========================================================================== */\n\n/*\n * 1. Create position context for dropdowns\n * 2. Needed for `form` element\n */\n\n.uk-search {\n display: inline-block;\n /* 1 */\n position: relative;\n /* 2 */\n margin: 0;\n .hook-search;\n}\n\n/*\n * Icon\n */\n\n.uk-search:before {\n content: @search-icon;\n position: absolute;\n top: 0;\n left: 0;\n width: @search-padding;\n line-height: @search-height;\n text-align: center;\n font-family: FontAwesome;\n font-size: @search-icon-size;\n color: @search-icon-color;\n .hook-search-icon;\n}\n\n\n/* Sub-object `uk-search-field`\n ========================================================================== */\n\n/*\n * Removes inner padding and border in Firefox 4+.\n */\n\n.uk-search-field::-moz-focus-inner {\n border: 0;\n padding: 0;\n}\n\n/*\n * Remove inner padding and search cancel button in Chrome, Safari and Opera on OS X.\n */\n\n.uk-search-field::-webkit-search-cancel-button,\n.uk-search-field::-webkit-search-decoration { -webkit-appearance: none; }\n\n/*\n * Removes cancel button in IE10\n */\n\n.uk-search-field::-ms-clear { display: none; }\n\n/*\n * Removes placeholder transparency in Firefox.\n */\n\n.uk-search-field::-moz-placeholder { opacity: 1; }\n\n/*\n * 1. Define consistent box sizing.\n * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera.\n * 3. Remove `border-radius` in iOS.\n * 4. Correct `font` properties and `color` not being inherited.\n * 5. Remove default style in iOS.\n * 6. Style\n */\n\n.uk-search-field {\n /* 1 */\n box-sizing: border-box;\n /* 2 */\n margin: 0;\n /* 3 */\n border-radius: 0;\n /* 4 */\n font: inherit;\n color: @search-color;\n /* 5 */\n -webkit-appearance: none;\n /* 6 */\n width: @search-width;\n height: @search-height;\n padding: 0 0 0 @search-padding;\n border: @search-border-width solid @search-border;\n background: @search-background;\n -webkit-transition: all linear 0.2s;\n transition: all linear 0.2s;\n vertical-align: middle;\n .hook-search-field;\n}\n\n/* Placeholder */\n.uk-search-field:-ms-input-placeholder { color: @search-placeholder-color !important; }\n.uk-search-field::-moz-placeholder { color: @search-placeholder-color; }\n.uk-search-field::-webkit-input-placeholder { color: @search-placeholder-color; }\n\n/* Focus */\n.uk-search-field:focus {\n outline: 0;\n .hook-search-field-focus;\n}\n\n/* Focus + Active */\n.uk-search-field:focus,\n.uk-search.uk-active .uk-search-field { width: @search-focus-width; }\n\n\n/* Dropdown modifier: `uk-dropdown-search`\n ========================================================================== */\n\n.uk-dropdown-search {\n width: @dropdown-search-width;\n margin-top: @dropdown-search-margin-top;\n background: @dropdown-search-background;\n color: @dropdown-search-color;\n .hook-dropdown-search;\n}\n\n.uk-open > .uk-dropdown-search {\n -webkit-animation: @dropdown-search-animation 0.2s ease-in-out;\n animation: @dropdown-search-animation 0.2s ease-in-out;\n}\n\n/*\n * Dependency `uk-navbar-flip`\n */\n\n.uk-navbar-flip .uk-dropdown-search {\n margin-top: @dropdown-search-navbar-margin-top;\n margin-right: @dropdown-search-navbar-margin-right;\n}\n\n\n/* Nav modifier `uk-nav-search`\n ========================================================================== */\n\n/*\n * Items\n */\n\n.uk-nav-search > li > a {\n color: @nav-search-color;\n .hook-nav-search;\n}\n\n/*\n * Active\n * 1. Remove default focus style\n */\n\n.uk-nav-search > li.uk-active > a {\n background: @nav-search-active-background;\n color: @nav-search-active-color;\n /* 1 */\n outline: none;\n .hook-nav-search-active;\n}\n\n/*\n * Sub-object: `uk-nav-header`\n */\n\n.uk-nav-search .uk-nav-header {\n color: @nav-search-header-color;\n .hook-nav-search-header;\n}\n\n/*\n * Sub-object: `uk-nav-divider`\n */\n\n.uk-nav-search .uk-nav-divider {\n border-top: @nav-search-divider-border-width solid @nav-search-divider-border;\n .hook-nav-search-divider;\n}\n\n/*\n * Nested items\n */\n\n.uk-nav-search ul a { color: @nav-search-nested-color; }\n.uk-nav-search ul a:hover { color: @nav-search-nested-hover-color; }\n\n\n/* Search in offcanvas\n ========================================================================== */\n\n.uk-offcanvas .uk-search {\n display: block;\n margin: @offcanvas-search-margin;\n}\n\n.uk-offcanvas .uk-search:before { color: @offcanvas-search-icon-color; }\n\n.uk-offcanvas .uk-search-field {\n width: 100%;\n border-color: @offcanvas-search-border;\n background: @offcanvas-search-background;\n color: @offcanvas-search-color;\n .hook-offcanvas-search-field;\n}\n\n.uk-offcanvas .uk-search-field:-ms-input-placeholder { color: @offcanvas-search-placeholder-color !important; }\n.uk-offcanvas .uk-search-field::-moz-placeholder { color: @offcanvas-search-placeholder-color; }\n.uk-offcanvas .uk-search-field::-webkit-input-placeholder { color: @offcanvas-search-placeholder-color; }\n\n\n// Hooks\n// ========================================================================\n\n.hook-search-misc;\n\n.hook-search() {}\n.hook-search-icon() {}\n.hook-search-field() {}\n.hook-search-field-focus() {}\n\n.hook-dropdown-search() {}\n.hook-nav-search() {}\n.hook-nav-search-active() {}\n.hook-nav-search-header() {}\n.hook-nav-search-divider() {}\n.hook-offcanvas-search-field() {}\n\n.hook-search-misc() {}\n// Name: Tooltip\n// Description: Defines styles for tooltips\n//\n// Component: `uk-tooltip`\n//\n// Modifiers `uk-tooltip-top`\n// `uk-tooltip-top-left`\n// `uk-tooltip-top-right`\n// `uk-tooltip-bottom`\n// `uk-tooltip-bottom-left`\n// `uk-tooltip-bottom-right`\n// `uk-tooltip-left`\n// `uk-tooltip-right`\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@tooltip-z-index: 1030;\n@tooltip-max-width: 200px;\n@tooltip-padding-vertical: 5px;\n@tooltip-padding-horizontal: 8px;\n@tooltip-background: #333;\n@tooltip-triangle-size: 5px;\n\n@tooltip-color: rgba(255,255,255,0.7);\n@tooltip-font-size: 12px;\n@tooltip-line-height: 18px;\n\n@tooltip-offset-horizontal: 10px;\n\n\n/* ========================================================================\n Component: Tooltip\n ========================================================================== */\n\n/*\n * 1. Hide by default\n * 2. Set fixed position\n * 3. Set dimensions\n * 4. Set style\n */\n\n.uk-tooltip {\n /* 1 */\n display: none;\n /* 2 */\n position: absolute;\n z-index: @tooltip-z-index;\n /* 3 */\n box-sizing: border-box;\n max-width: @tooltip-max-width;\n padding: @tooltip-padding-vertical @tooltip-padding-horizontal;\n /* 4 */\n background: @tooltip-background;\n color: @tooltip-color;\n font-size: @tooltip-font-size;\n line-height: @tooltip-line-height;\n .hook-tooltip;\n}\n\n\n/* Triangle\n ========================================================================== */\n\n/*\n * 1. Dashed is less antialised than solid\n */\n\n.uk-tooltip:after {\n content: "";\n display: block;\n position: absolute;\n width: 0;\n height: 0;\n /* 1 */\n border: @tooltip-triangle-size dashed @tooltip-background;\n}\n\n\n/* Direction modifiers\n ========================================================================== */\n\n/*\n * Top\n */\n\n.uk-tooltip-top:after,\n.uk-tooltip-top-left:after,\n.uk-tooltip-top-right:after {\n bottom: -@tooltip-triangle-size;\n border-top-style: solid;\n border-bottom: none;\n border-left-color: transparent;\n border-right-color: transparent;\n border-top-color: @tooltip-background;\n}\n\n/*\n * Bottom\n */\n\n.uk-tooltip-bottom:after,\n.uk-tooltip-bottom-left:after,\n.uk-tooltip-bottom-right:after {\n top: -@tooltip-triangle-size;\n border-bottom-style: solid;\n border-top: none;\n border-left-color: transparent;\n border-right-color: transparent;\n border-bottom-color: @tooltip-background;\n}\n\n/*\n * Top/Bottom center\n */\n\n.uk-tooltip-top:after,\n.uk-tooltip-bottom:after {\n left: 50%;\n margin-left: -@tooltip-triangle-size;\n}\n\n/*\n * Top/Bottom left\n */\n\n.uk-tooltip-top-left:after,\n.uk-tooltip-bottom-left:after { left: @tooltip-offset-horizontal; }\n\n/*\n * Top/Bottom right\n */\n\n.uk-tooltip-top-right:after,\n.uk-tooltip-bottom-right:after { right: @tooltip-offset-horizontal; }\n\n/*\n * Left\n */\n\n.uk-tooltip-left:after {\n right: -@tooltip-triangle-size;\n top: 50%;\n margin-top: -@tooltip-triangle-size;\n border-left-style: solid;\n border-right: none;\n border-top-color: transparent;\n border-bottom-color: transparent;\n border-left-color: @tooltip-background;\n}\n\n/*\n * Right\n */\n\n.uk-tooltip-right:after {\n left: -@tooltip-triangle-size;\n top: 50%;\n margin-top: -@tooltip-triangle-size;\n border-right-style: solid;\n border-left: none;\n border-top-color: transparent;\n border-bottom-color: transparent;\n border-right-color: @tooltip-background;\n}\n\n\n// Hooks\n// ========================================================================\n\n.hook-tooltip-misc;\n\n.hook-tooltip() {}\n.hook-tooltip-misc() {}\n\n\n// Theme\n// ========================================================================\n\n// LESS related\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Variables\n//\n// ========================================================================\n\n\n// Global variables\n// ========================================================================\n\n//\n// Text\n//\n\n@global-color: #808080;\n@global-default-color: #2a2a2a;\n@global-primary-color: #edb96c;\n@global-secondary-color: #4c368b;\n@global-muted-color: #bebebe;\n@global-disabled-color: #c6c6c6;\n@global-contrast-color: #fff;\n\n@global-title-color:\t\t\t\t\t\t\t#2a2a2a;\n@global-nav-color: \t\t\t\t\t\t\t\t#818181;\n@global-link-color:\t\t\t\t\t\t\t\t@global-primary-color;\n@global-link-hover-color: \t\t\t\t\t\t@global-secondary-color;\n\n@global-font-size: 17px;\n@global-line-height: 28px;\n@global-font-weight: 300;\n\n@global-font-family: \'PT Sans\', sans-serif;\n@global-title-font-family: \'Open Sans\', sans-serif;\n\n//\n// Backgrounds & Borders\n//\n\n@global-background: #fff;\n@global-primary-background: #4c368b;\n@global-secondary-background: #2a2a2a;\n@global-disabled-background: #fafafa;\n@global-muted-background: \t#fafafa;\n@global-success-background: #4fd2c2;\n@global-warning-background: #f0a200;\n@global-danger-background: #9c26b0;\n\n@global-dropdown-background: #f9f9f9;\n\n@global-border: #f1f1f1;\n\n//\n// Spacings\n//\n\n@global-margin: 30px;\n@global-margin-small: 20px;\n@global-margin-large: 40px;\n@global-grid-gutter: 30px;\n@global-grid-gutter-large: 40px;\n\n//\n// Controls\n//\n\n@global-height: 40px;\n\n//\n// Z-index\n//\n\n@global-z-index: 1000;\n\n\n// Internal Global variables\n// ==========================================================================\n\n// todo: testen ob die es notwendig ist\n@global-image-path: \'images\';\n@global-style: \'default\';\n\n\n// Defaults\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Base\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@base-body-background: @global-background;\n@base-body-font-family: @global-font-family;\n@base-body-font-weight:\t\t\t\t\t\t\t@global-font-weight;\n@base-body-font-style: italic;\n@base-body-font-size:\t\t\t\t\t\t\t@global-font-size;\n@base-body-line-height: @global-line-height;\n@base-body-color: @global-color;\n\n@base-link-color: @global-link-color;\n@base-link-hover-color: @global-link-hover-color;\n@base-link-hover-text-decoration: none;\n\n@base-heading-font-family: @global-title-font-family;\n@base-heading-color: @global-title-color;\n\n@base-h2-font-size: 20;\n@base-h2-line-height: 30px;\n\n@base-hr-border: @global-border;\n\n@base-blockquote-padding-left: 0;\n@base-blockquote-border: transparent;\n@base-blockquote-border-width: 0;\n@base-blockquote-font-size: 22px;\n@base-blockquote-line-height: 32px;\n\n//\n// New\n//\n\n@base-blockquote-font-family: @global-title-font-family;\n@base-heading-small-font-family: @global-font-family;\n@base-strong-font-weight: bold;\n\n@base-medium-h2-font-size: (@base-h2-font-size + 4px);\n@base-medium-h2-line-height: (@base-h2-line-height + 4px);\n\n// Body\n// ========================================================================\n\n.hook-base-body() { font-style: @base-body-font-style; }\n\n\n// Text-level semantics\n// ========================================================================\n\n.hook-base-code() {}\n\n\n// Headings\n// ========================================================================\n\n.hook-base-h1() { font-family: @base-heading-font-family; }\n\n.hook-base-h2() { font-family: @base-heading-font-family; }\n\n.hook-base-h3() { font-family: @base-heading-small-font-family; }\n\n.hook-base-h4() { font-family: @base-heading-small-font-family; }\n\n.hook-base-h5() { font-family: @base-heading-small-font-family; }\n\n.hook-base-h6() { font-family: @base-heading-small-font-family; }\n\n\n// Preformatted text\n// ========================================================================\n\n.hook-base-pre() {}\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-base-misc() {\n\n blockquote {\n text-align: center;\n font-family: @base-blockquote-font-family;\n }\n\n small { font-size: 60%; }\n\n strong { font-weight: @base-strong-font-weight; }\n\n // Tablet and bigger\n @media (min-width: @breakpoint-medium) {\n\n h2, .uk-h2 {\n font-size: @base-medium-h2-font-size;\n line-height: @base-medium-h2-line-height;\n }\n\n }\n\n}\n\n\n// Layout\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Grid\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@grid-gutter-horizontal: @global-grid-gutter;\n@grid-gutter-vertical: @global-grid-gutter;\n\n@grid-gutter-large-horizontal: @global-grid-gutter-large;\n@grid-gutter-large-vertical: @global-grid-gutter-large;\n\n@grid-divider-border: darken(@global-border, 5%);\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-grid-misc() {}\n\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Panel\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@panel-title-font-weight: bold;\n@panel-title-color:\t\t\t\t\t\t\t\t@global-title-color;\n\n@panel-box-padding:\t\t\t\t\t\t\t\t@global-margin;\n\n@panel-box-background: #fff;\n@panel-box-title-color: @global-title-color;\n@panel-box-color: @global-color;\n@panel-box-badge-top: 0;\n@panel-box-badge-right: @panel-box-badge-top;\n\n@panel-box-hover-color: @global-default-color;\n\n@panel-box-primary-background: #2a2a2a;\n@panel-box-primary-color: @global-contrast-color;\n@panel-box-primary-title-color: @global-contrast-color;\n\n@panel-box-primary-hover-color: fade(@panel-box-primary-color, 80%);\n\n@panel-box-secondary-background: #fafafa;\n@panel-box-secondary-color: @global-color;\n@panel-box-secondary-title-color: @global-title-color;\n\n@panel-box-secondary-hover-color: @global-default-color;\n\n@panel-hover-padding:\t\t\t\t\t\t\t@panel-box-padding;\n@panel-hover-color: @global-color;\n@panel-hover-hover-background: @global-muted-background;\n@panel-hover-hover-color: @global-default-color;\n\n@panel-space-padding: @global-margin;\n\n@panel-header-title-border:\t\t\t\t\t\t@global-border;\n\n@panel-divider-gutter: @global-grid-gutter;\n@panel-divider-gutter-large: @global-grid-gutter-large;\n@panel-divider-border: @global-border;\n\n//\n// New\n//\n\n@panel-title-font-family: @global-font-family;\n\n@panel-box-primary-button-color:\t\t\t\t@global-contrast-color;\n@panel-box-primary-button-border-color: \t\t@global-contrast-color;\n@panel-box-primary-button-hover-color: @global-contrast-color;\n\n@panel-box-primary-link: @global-primary-color;\n@panel-box-primary-link-hover-color: \t\t\tfade(@panel-box-primary-link, 70%);\n\n\n// Sub-object: `uk-panel-title`\n// ========================================================================\n\n.hook-panel-title() { font-family: @panel-title-font-family; }\n\n\n// Sub-object: `uk-panel-badge`\n// ========================================================================\n\n.hook-panel-badge() {}\n\n\n// Modifier: `uk-panel-box`\n// ========================================================================\n\n.hook-panel-box() {}\n\n.hook-panel-box-hover() {}\n\n//\n// Sub-modifier: `uk-panel-box-primary`\n//\n\n.hook-panel-box-primary() {\n\n\th1,h2, h3, h4, h5, h6,\n .uk-article-lead { color: @panel-box-primary-title-color; }\n\n a:not(.uk-button),\n .uk-list a { color: @panel-box-primary-link; }\n\n a:not(.uk-button):hover,\n .uk-list a:hover { color: @panel-box-primary-link-hover-color; }\n\n .uk-button:not(.uk-button-primary) {\n \tcolor: @panel-box-primary-button-color;\n \tborder-color: @panel-box-primary-button-border-color;\n }\n\n .uk-button:hover:not(.uk-button-primary) {\n color: fade(@panel-box-primary-button-color, 70%);\n border-color: fade(@panel-box-primary-button-color, 70%);\n }\n\n}\n\n.hook-panel-box-primary-hover() {}\n\n//\n// Sub-modifier: `uk-panel-box-secondary`\n//\n\n.hook-panel-box-secondary() {}\n\n.hook-panel-box-secondary-hover() {}\n\n\n// Modifier: `uk-panel-hover`\n// ========================================================================\n\n.hook-panel-hover() {}\n\n.hook-panel-hover-hover() {}\n\n\n// Modifier: `uk-panel-header`\n// ========================================================================\n\n.hook-panel-header() {}\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-panel-misc() {\n\n\t.uk-panel-badge + * { margin-top: @global-margin; }\n\n .uk-panel-space .uk-panel-badge {\n top: 0;\n right: 0;\n }\n\n}\n\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Block\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@block-padding-vertical: \t\t\t\t\t\t30px;\n@block-padding-vertical-large: \t\t\t\t\t30px;\n\n@block-default-background: @global-background;\n@block-muted-background: @global-muted-background;\n@block-primary-background: @global-primary-background;\n@block-secondary-background: @global-secondary-background;\n\n//\n// New\n//\n\n@block-color: \t\t\t\t\t\t\t\t\t#fff;\n@block-title-color: #fff;\n\n@block-default-color: \t\t\t\t\t\t\t@global-color;\n@block-default-title-color: \t\t\t\t\t@global-title-color;\n\n@block-primary-color: @global-contrast-color;\n@block-secondary-color: @global-contrast-color;\n\n\n// Component\n// ========================================================================\n\n.hook-block() {\n max-width: @utility-container-max-width;\n margin: auto;\n}\n\n\n// Color modifier\n// ========================================================================\n\n.hook-block-default() {}\n\n.hook-block-muted() {}\n\n.hook-block-primary() {}\n\n.hook-block-secondary() {}\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-block-misc() {}\n\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Article\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@article-meta-font-size: \t\t\t\t\t\t15px;\n@article-meta-line-height:\t\t\t\t\t\t26px;\n@article-meta-color:\t\t\t\t\t\t\t@global-muted-color;\n\n@article-lead-color: @global-default-color;\n@article-lead-font-size: 24px;\n@article-lead-line-height: 36px;\n@article-lead-font-weight: @global-font-weight;\n\n@article-divider-border:\t\t\t\t\t\t@global-border;\n\n@article-margin-top: @global-grid-gutter-large;\n\n//\n// New\n//\n\n@article-meta-font-weight: normal;\n@article-subnav-line-border-color: @global-color;\n\n\n// Sub-object `uk-article-title`\n// ========================================================================\n\n.hook-article-title() {}\n\n\n// Sub-object `uk-article-meta`\n// ========================================================================\n\n.hook-article-meta() { font-weight: @article-meta-font-weight; }\n\n\n// Sub-object `uk-article-lead`\n// ========================================================================\n\n.hook-article-lead() {}\n\n\n// Sub-object `uk-article-divider`\n// ========================================================================\n\n.hook-article-divider() {}\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-article-misc() {\n\n .uk-article .uk-subnav-line > :nth-child(n+2):before { border-color: @article-subnav-line-border-color; }\n\n}\n\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Comment\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@comment-title-font-size:\t\t\t\t\t\t17px;\n@comment-meta-color:\t\t\t\t\t\t\t@global-muted-color;\n\n@comment-meta-font-size:\t\t\t\t\t\t15px;\n@comment-meta-line-height: 28px;\n@comment-header-margin-bottom: \t\t\t\t\t@global-margin-small;\n\n//\n// New\n//\n\n@comment-background:\t\t\t\t\t\t\t#fff;\n@comment-primary-shadow: \t\t\t\t\t\trgba(0, 0, 0, 0.1);\n\n\n// Component\n// ========================================================================\n\n.hook-comment() {\n\tpadding: @global-margin;\n\tbackground: @comment-background;\n}\n\n\n// Sub-object `uk-comment-header`\n// ========================================================================\n\n.hook-comment-header() {\n\tborder-bottom: 1px solid @global-border;\n\tpadding-bottom: @global-margin-small;\n}\n\n\n// Sub-object `uk-comment-avatar`\n// ========================================================================\n\n.hook-comment-avatar() { border-radius: 50%; }\n\n\n// Sub-object `uk-comment-title`\n// ========================================================================\n\n.hook-comment-title() {}\n\n\n// Sub-object `uk-comment-meta`\n// ========================================================================\n\n.hook-comment-meta() {}\n\n\n// Sub-object `uk-comment-body`\n// ========================================================================\n\n.hook-comment-body() {}\n\n\n// Sub-object `uk-comment-primary`\n// ========================================================================\n\n.hook-comment-primary() { box-shadow: 0 3px 10px @comment-primary-shadow; }\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-comment-misc() {}\n\n// Navs\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Nav\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@nav-padding-vertical: 8px;\n@nav-padding-horizontal: @global-margin;\n\n@nav-header-font-size: \t\t\t\t\t\t\t@global-font-size;\n@nav-header-text-transform: normal;\n\n@nav-subtitle-font-size:\t\t\t\t\t\t@global-font-size;\n\n@nav-sub-padding-vertical: 15px;\n\n@nav-side-color: @global-nav-color;\n@nav-side-hover-background: @global-muted-background;\n@nav-side-hover-color: @global-primary-color;\n@nav-side-active-background: @global-primary-background;\n@nav-side-active-color: @global-contrast-color;\n@nav-side-header-color: @global-title-color;\n@nav-side-divider-border: @global-border;\n@nav-side-divider-border-width: 2px;\n@nav-side-nested-color: @global-muted-color;\n@nav-side-nested-hover-color: @global-primary-color;\n\n@nav-dropdown-color: @global-nav-color;\n@nav-dropdown-hover-background: @global-primary-background;\n@nav-dropdown-hover-color: @global-contrast-color;\n@nav-dropdown-header-color: @global-title-color;\n@nav-dropdown-divider-border: @global-border;\n@nav-dropdown-divider-border-width: 2px;\n@nav-dropdown-nested-color: @global-muted-color;\n@nav-dropdown-nested-hover-color: @global-primary-color;\n\n@nav-navbar-color: @global-nav-color;\n@nav-navbar-hover-background: @global-primary-background;\n@nav-navbar-hover-color: @global-contrast-color;\n@nav-navbar-header-color: @global-title-color;\n@nav-navbar-divider-border: @global-border;\n@nav-navbar-divider-border-width: 2px;\n@nav-navbar-nested-color: @global-muted-color;\n@nav-navbar-nested-hover-color: @global-primary-color;\n\n@nav-offcanvas-color: @global-nav-color;\n@nav-offcanvas-hover-background: @global-primary-background;\n@nav-offcanvas-hover-color: @global-contrast-color;\n@nav-offcanvas-active-background: @global-primary-background;\n@nav-offcanvas-active-color: @global-contrast-color;\n@nav-offcanvas-header-color: @global-title-color;\n@nav-offcanvas-divider-border: @global-border;\n@nav-offcanvas-divider-border-width: 2px;\n@nav-offcanvas-nested-color: @global-muted-color;\n@nav-offcanvas-nested-hover-color: @global-primary-color;\n\n@nav-subtitle-line-height:\t\t\t\t\t\t27px;\n\n//\n// New\n//\n\n@nav-side-sticky-background: @global-background;\n\n\n// Sub-object: `uk-nav-header`\n// ========================================================================\n\n.hook-nav-header() {}\n\n\n// Sub-object: `uk-nav-divider`\n// ========================================================================\n\n.hook-nav-divider() {}\n\n\n// Sub-object: `uk-nav-sub`\n// ========================================================================\n\n.hook-nav-sub() {\n\n .uk-nav-header { padding-left: 0; }\n\n}\n\n\n// Modifier: `uk-nav-parent-icon`\n// ========================================================================\n\n.hook-nav-parent-icon() { font-style: normal; }\n\n\n// Modifier `uk-nav-side`\n// ========================================================================\n\n//\n// Items\n//\n\n.hook-nav-side() {}\n\n// Hover\n.hook-nav-side-hover() {}\n\n// Active\n.hook-nav-side-active() {}\n\n//\n// Sub-object: `uk-nav-header`\n//\n\n.hook-nav-side-header() {}\n\n//\n// Sub-object: `uk-nav-divider`\n//\n\n.hook-nav-side-divider() {}\n\n\n// Modifier `uk-nav-dropdown`\n// ========================================================================\n\n//\n// Items\n//\n\n.hook-nav-dropdown() {}\n\n// Hover\n.hook-nav-dropdown-hover() {}\n\n//\n// Sub-object: `uk-nav-header`\n//\n\n.hook-nav-dropdown-header() {}\n\n//\n// Sub-object: `uk-nav-divider`\n//\n\n.hook-nav-dropdown-divider() {}\n\n\n// Modifier `uk-nav-navbar`\n// ========================================================================\n\n//\n// Items\n//\n\n.hook-nav-navbar() {}\n\n// Hover\n.hook-nav-navbar-hover() {}\n\n//\n// Sub-object: `uk-nav-header`\n//\n\n.hook-nav-navbar-header() {}\n\n//\n// Sub-object: `uk-nav-divider`\n//\n\n.hook-nav-navbar-divider() {}\n\n\n// Modifier `uk-nav-offcanvas`\n// ========================================================================\n\n.hook-nav-offcanvas-link() {}\n\n.hook-nav-offcanvas-link-hover() {}\n\n//\n// Items\n//\n\n.hook-nav-offcanvas() {}\n\n// Hover\n.hook-nav-offcanvas-hover() {}\n\n// Active\n.hook-nav-offcanvas-active() {}\n\n//\n// Sub-object: `uk-nav-header`\n//\n\n.hook-nav-offcanvas-header() { padding: @nav-offcanvas-padding-vertical @nav-offcanvas-padding-horizontal; }\n\n//\n// Sub-object: `uk-nav-divider`\n//\n\n.hook-nav-offcanvas-divider() {}\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-nav-misc() {\n\n .uk-nav-sub .uk-nav-header { padding-left: 0; }\n\n .uk-nav-side .uk-nav-sub > li.uk-active > a { color: @nav-side-nested-hover-color; }\n\n .uk-nav-side[data-uk-sticky] { background: @nav-side-sticky-background; }\n\n}\n\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Navbar\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@navbar-background: #fff;\n@navbar-color: @global-color;\n\n@navbar-link-color: @global-primary-color;\n@navbar-link-hover-color: @global-secondary-color;\n\n@navbar-nav-height: 70px;\n@navbar-nav-padding-horizontal: 25px;\n@navbar-nav-color: @global-nav-color;\n@navbar-nav-font-size: 17px;\n@navbar-nav-font-weight: 300;\n@navbar-nav-font-family: @global-font-family;\n@navbar-nav-hover-background: @global-dropdown-background;\n@navbar-nav-hover-color: @global-primary-color;\n@navbar-nav-onclick-background: @global-dropdown-background;\n@navbar-nav-onclick-color: @global-default-color;\n@navbar-nav-active-background: @global-dropdown-background;\n@navbar-nav-active-color: @global-primary-color;\n@navbar-nav-subtitle-font-size: 13px;\n\n@navbar-brand-color: @global-default-color;\n@navbar-brand-hover-color: @global-default-color;\n\n@navbar-toggle-icon: "";\n@navbar-toggle-color: @global-contrast-color;\n@navbar-toggle-hover-color: @navbar-color;\n\n//\n// New\n//\n\n@navbar-nav-font-style:\t\t\t\t\t\t\tnormal;\n@navbar-nav-text-transform: none;\n@navbar-form-placeholder-color: @navbar-color;\n@navbar-form-color: @navbar-color;\n@navbar-form-focus-color: @navbar-color;\n\n@uk-navbar-toggle-height: 50px;\n\n\n// Component\n// ========================================================================\n\n.hook-navbar() {}\n\n\n// Sub-object: `uk-navbar-nav`\n// ========================================================================\n\n.hook-navbar-nav() {\n font-style: @navbar-nav-font-style;\n text-transform: @navbar-nav-text-transform;\n}\n\n// Hover\n.hook-navbar-nav-hover() {\n -webkit-transition: background-color .25s, color .25s;\n transition: background-color .25s, color .25s;\n}\n\n// OnClick\n.hook-navbar-nav-onclick() {}\n\n// Active\n.hook-navbar-nav-active() {}\n\n\n// Sub-object: `uk-navbar-content`\n// ========================================================================\n\n.hook-navbar-content() { font-style: @navbar-nav-font-style; }\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-navbar-misc() {\n\n .uk-navbar .uk-form :-ms-input-placeholder { color: @navbar-form-placeholder-color; }\n .uk-navbar .uk-form ::-moz-placeholder { color: @navbar-form-placeholder-color; }\n .uk-navbar .uk-form ::-webkit-input-placeholder { color: @navbar-form-placeholder-color; }\n\n .uk-navbar .uk-form input[type="text"] { color: @navbar-form-color; }\n .uk-navbar .uk-form input[type="text"]:focus { color: @navbar-form-focus-color; }\n\n .uk-navbar-toggle {\n height: @uk-navbar-toggle-height;\n background: url("/templates/yoo_uniq/less/uikit/@{global-image-path}/@{global-style}/icon-toggler.svg") no-repeat 50%;\n }\n\n}\n\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Subnav\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@subnav-margin-horizontal: 15px;\n@subnav-color: \t\t\t\t\t\t\t\t\t@global-nav-color;\n@subnav-hover-color: @global-primary-color;\n@subnav-active-color: @global-primary-color;\n\n@subnav-line-border: darken(@global-border, 10%);\n\n@subnav-pill-padding-horizontal: 15px;\n@subnav-pill-hover-background: \t\t\t\t\t@global-muted-background;\n@subnav-pill-active-background: @global-primary-background;\n@subnav-pill-active-color: @global-contrast-color;\n@subnav-disabled-color: @global-disabled-color;\n\n@subnav-disabled-color: \t\t\t\t\t\t@global-disabled-color;\n\n\n// Component\n// ========================================================================\n\n.hook-subnav() {}\n\n.hook-subnav-hover() {}\n\n.hook-subnav-active() {}\n\n\n// Modifier: `uk-subnav-line\'\n// ========================================================================\n\n.hook-subnav-line-divider() {}\n\n\n// Modifier: `uk-subnav-pill\'\n// ========================================================================\n\n.hook-subnav-pill() {}\n\n.hook-subnav-pill-hover() {}\n\n.hook-subnav-pill-active() {}\n\n\n// Disabled state\n// ========================================================================\n\n.hook-subnav-disabled() {}\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-subnav-misc() {}\n\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Breadcrumb\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@breadcrumb-disabled-color: @global-muted-color;\n@breadcrumb-disabled-color: @global-disabled-color;\n\n@breadcrumb-divider: "-";\n\n\n// Component\n// ========================================================================\n\n.hook-breadcrumb() {}\n\n\n// Items\n// ========================================================================\n\n.hook-breadcrumb-divider() {}\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-breadcrumb-misc() {}\n\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Pagination\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n\n@pagination-font-size: \t\t\t\t\t\t\t15px;\n@pagination-padding-vertical: 8px;\n@pagination-padding-horizontal: 11px;\n@pagination-background: \t\t\t\t\t\t@global-muted-background;\n@pagination-color: @global-nav-color;\n@pagination-hover-background: @global-muted-background;\n@pagination-hover-color:\t\t\t\t\t\t@global-primary-color;\n@pagination-onclick-background: \t\t\t\t@global-primary-background;\n@pagination-onclick-color: @global-contrast-color;\n\n@pagination-active-background: @global-primary-background;\n@pagination-active-color: @global-contrast-color;\n\n@pagination-disabled-background: @global-disabled-background;\n@pagination-disabled-color: @global-disabled-color;\n\n//\n// New\n//\n\n@pagination-item-border-radius: \t\t\t\t500px;\n\n@uk-pagination-previous-next-background:\t\ttransparent;\n@uk-pagination-previous-next-background-hover: \ttransparent;\n@uk-pagination-previous-next-background-active: transparent;\n@uk-pagination-previous-next-background-focus: \ttransparent;\n\n@uk-pagination-previous-next-color: \t\t\t@global-default-color;\n\n\n// Component\n// ========================================================================\n\n//\n// Items\n//\n\n.hook-pagination-item() { border-radius: @pagination-item-border-radius; }\n\n// Link\n.hook-pagination-link() {}\n\n.hook-pagination-link-hover() {}\n\n.hook-pagination-link-active() {}\n\n// Active\n.hook-pagination-active() {}\n\n// Disabled\n.hook-pagination-disabled() {}\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-pagination-misc() {\n\n\t.uk-pagination {\n\n\t\t.uk-pagination-previous a,\n\t\t.uk-pagination-next a {\n\n\t\t\tbackground: @uk-pagination-previous-next-background;\n\n\t\t\t&:hover { background: @uk-pagination-previous-next-background-hover; }\n\t\t\t&:active { background: @uk-pagination-previous-next-background-active; }\n\t\t\t&:focus { background: @uk-pagination-previous-next-background-focus; }\n\n\t\t\t&:active { color: @uk-pagination-previous-next-color; }\n\n\t\t}\n\n\t}\n\n}\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Tab\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@tab-border: transparent;\n@tab-border-width:\t\t\t\t\t\t\t\t0;\n@tab-padding-horizontal: \t\t\t\t\t\t0;\n@tab-color: @global-nav-color;\n@tab-hover-color: @tab-color;\n@tab-hover-background:\t\t\t\t\t\t\ttransparent;\n@tab-active-background: @global-muted-background;\n@tab-active-color: @global-default-color;\n@tab-disabled-color: @global-disabled-color;\n\n//\n// New\n//\n\n@tab-border-position: 30px;\n@tab-hover-border-width: 3px;\n\n@tab-margin-horizontal:\t\t\t\t\t\t\t10px;\n@tab-center-padding-horizontal: 10px;\n@tab-hover-border-background: @global-primary-background;\n\n@tab-padding-bottom: 20px;\n\n\n// Component\n// ========================================================================\n\n//\n// Items\n//\n\n.hook-tab() { padding-bottom: @tab-padding-bottom; }\n\n// Hover\n.hook-tab-hover() {}\n\n// Active\n.hook-tab-active() { background: transparent; }\n\n// Disabled\n.hook-tab-disabled() {}\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-tab-misc() {\n\n .uk-tab > li.uk-active > a:after,\n .uk-tab > li:not(.uk-disabled) > a:after {\n content: "";\n position: absolute;\n bottom: @tab-border-position;\n height: @tab-hover-border-width;\n background: @tab-hover-border-background;\n bottom: 0;\n left: 50%;\n margin-left: 0;\n -webkit-transition: width .3s, margin .3s;\n transition: width .3s, margin .3s;\n }\n\n .uk-tab > li > a:after { width: 0; }\n\n /* Active and Hover */\n .uk-tab > li.uk-active > a:after,\n .uk-tab > li > a:hover:after {\n \twidth: 100%;\n \tmargin-left: -50%;\n }\n\n\n// Tab modifiers\n// ========================================================================\n\n\t.uk-tab > li:not(:first-child) { margin-left: @tab-margin-horizontal; }\n\t.uk-tab > li { margin-right: @tab-margin-horizontal; }\n\n\t.uk-tab > li:nth-child(n+2) > a,\n\t.uk-tab-grid > li:first-child > a { margin: 0; }\n\n .uk-tab-bottom > li > a:after { top: 0; }\n\n .uk-tab-left,\n .uk-tab-right {\n\n > li > a {\n margin: 0!important;\n padding: @global-margin-small !important;\n }\n\n > li.uk-active > a:after,\n > li:not(.uk-disabled) > a:after {\n left: 0;\n margin-left: 0;\n height: 100%;\n -webkit-transition: width .2s;\n transition: width .2s;\n }\n\n /* Active and Hover */\n > li.uk-active > a:after,\n > li > a:hover:after { width: 4px; }\n\n > li > a:hover,\n > li > a:focus,\n > li.uk-active > a { background: @tab-active-background; }\n\n }\n\n .uk-tab-right {\n\n > li.uk-active > a:after,\n > li:not(.uk-disabled) > a:after {\n left: auto;\n right: 0;\n }\n\n }\n\n}\n\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Thumbnav\n//\n// ========================================================================\n\n@thumbnav-opacity: 0.4;\n\n// Component\n// ========================================================================\n\n.hook-thumbnav() {}\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-thumbnav-misc() {}\n\n\n// Elements\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: List\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@list-line-border: @global-border;\n@list-striped-background: @global-muted-background;\n\n\n// Modifier: `list-line`\n// ========================================================================\n\n.hook-list-line() {}\n\n\n// Modifier: `list-striped`\n// ========================================================================\n\n.hook-list-striped() {}\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-list-misc() {\n\n .uk-list > li > a { color: @global-color; }\n .uk-list > li:hover > a { color: @global-color; color: @global-primary-color; }\n\n}\n\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Description list\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@description-list-horizontal-margin-left: 240px;\n\n@description-list-line-border: @global-border;\n@description-list-line-color: @global-color;\n\n//\n// New\n//\n\n@description-list-title-font-weight: bold;\n@description-list-line-title-color: @global-title-color;\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-description-list-misc() {\n\n .uk-description-list-line > dt { color: @description-list-line-title-color; }\n\n .uk-description-list-horizontal > dd:not(:last-child) { border-bottom: 1px solid @global-border; }\n .uk-description-list-horizontal > dd:not(:last-child) { margin-bottom: @global-margin; }\n\n .uk-description-list {\n h1,h2,h3,h4,h5,h6 { font-weight: @description-list-title-font-weight; }\n }\n\n\t// Tablet and bigger\n\t@media (min-width: @breakpoint-medium) {\n\n \t.uk-description-list-horizontal > dd {\n \t padding-left: @global-margin;\n \t border-left: 1px solid @global-border;\n \t border-bottom-width: 0 !important;\n \t}\n\n \t.uk-description-list-horizontal > dd:not(:last-child) { margin-bottom: 70px; }\n\n }\n\n}\n\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Table\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@table-margin-vertical: @global-margin;\n@table-caption-color: @global-muted-color;\n\n//\n// New\n//\n\n@table-border-color: @global-border;\n\n\n// Component\n// ========================================================================\n\n.hook-table() {}\n\n.hook-table-active() {}\n\n.hook-table-striped() {}\n\n.hook-table-condensed() {}\n\n.hook-table-hover() {}\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-table-misc() {\n\n tbody > tr:not(:first-child) { border-top: 1px solid @table-border-color; }\n\n}\n\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Form\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@form-height: \t\t\t\t\t\t\t\t\t40px;\n@form-color: @global-color;\n@form-border: @global-muted-color;\n@form-background: transparent;\n\n@form-focus-color:\t\t\t\t\t\t\t\t@global-default-color;\n@form-focus-border: \t\t\t\t\t\t\t@global-secondary-color;\n@form-focus-background: \t\t\t\t\t\ttransparent;\n\n@form-disabled-border: @global-disabled-color;\n@form-disabled-color: @global-disabled-color;\n@form-disabled-background: transparent;\n\n@form-placeholder-color: @global-color;\n\n@form-legend-border:\t\t\t\t\t\t\t@global-muted-color;\n@form-legend-border-width: 2px;\n\n@form-small-height: \t\t\t\t\t\t\t30px;\n\n@form-danger-border: @global-danger-background;\n@form-danger-color: @global-danger-background;\n@form-danger-background: transparent;\n\n@form-success-border: @global-success-background;\n@form-success-color: @global-success-background;\n@form-success-background: transparent;\n\n\n// Component\n// ========================================================================\n\n.hook-form() { border-width: 0 0 @form-border-width 0; }\n\n// Focus state\n.hook-form-focus() {}\n\n// Disabled state\n.hook-form-disabled() {}\n\n// Legend\n.hook-form-legend() {}\n\n\n// Validation states\n// ========================================================================\n\n//\n// Error state\n//\n\n.hook-form-danger() {}\n\n//\n// Success state\n//\n\n.hook-form-success() {}\n\n\n// Style modifiers\n// ========================================================================\n\n.hook-form-blank() {}\n\n.hook-form-blank-focus() {}\n\n\n// Sub-object: `uk-form-label`\n// ========================================================================\n\n.hook-form-stacked-label() {}\n\n.hook-form-horizontal-label() {}\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-form-misc() {\n\n\t.uk-form textarea,\n\t.uk-form select { border-width: @form-border-width; }\n\n}\n\n\n// Common\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Button\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@button-height: @global-height;\n@button-line-height: @button-height;\n\n@button-color: @global-color;\n@button-hover-color: @global-primary-color;\n@button-active-color: @global-secondary-color;\n@button-background: rgba(0,0,0,0);\n@button-hover-background: rgba(0,0,0,0);\n@button-active-background: rgba(0,0,0,0);\n\n@button-primary-color: @global-contrast-color;\n@button-primary-hover-color: @global-contrast-color;\n@button-primary-active-color: @global-contrast-color;\n@button-primary-background: @global-primary-background;\n@button-primary-hover-background: darken(@button-primary-background, 5%);\n@button-primary-active-background: darken(@button-primary-background, 8%);\n\n@button-success-color: @global-contrast-color;\n@button-success-hover-color: @global-contrast-color;\n@button-success-active-color: @global-contrast-color;\n@button-success-background: @global-success-background;\n@button-success-hover-background: darken(@button-success-background, 5%);\n@button-success-active-background: darken(@button-success-background, 8%);\n\n@button-danger-color: @global-contrast-color;\n@button-danger-hover-color: @global-contrast-color;\n@button-danger-active-color: @global-contrast-color;\n@button-danger-background: @global-danger-background;\n@button-danger-hover-background: darken(@button-danger-background, 5%);\n@button-danger-active-background: darken(@button-danger-background, 8%);\n\n@button-disabled-background: @global-disabled-background;\n@button-disabled-color: @global-disabled-color;\n\n@button-link-color: @global-primary-color;\n@button-link-hover-color: @global-secondary-color;\n\n@button-link-disabled-color: @global-disabled-color;\n\n@button-link-hover-text-decoration: none;\n\n//\n// New\n//\n\n@button-border-width: 2px;\n@button-border-color: #e0e0e0;\n@button-border-radius: 2px;\n@button-border-hover-color: @button-hover-color;\n@button-border-active-color: @button-active-color;\n\n\n// Component\n// ========================================================================\n\n.hook-button() {\n border: @button-border-width solid @button-border-color;\n border-radius: @button-border-radius;\n}\n\n.hook-button-hover() { border-color: @button-border-hover-color; }\n\n.hook-button-active() { border-color: @button-border-active-color; }\n\n\n// Color modifiers\n// ========================================================================\n\n//\n// Modifier: `uk-button-primary`\n//\n\n.hook-button-primary() { border-color: transparent; }\n\n.hook-button-primary-hover() { border-color: transparent; }\n.hook-button-primary-active() { border-color: transparent; }\n\n//\n// Modifier: `uk-button-success`\n//\n\n.hook-button-success() { border-color: transparent; }\n\n.hook-button-success-hover() { border-color: transparent; }\n.hook-button-success-active() { border-color: transparent; }\n\n//\n// Modifier: `uk-button-danger`\n//\n\n.hook-button-danger() { border-color: transparent; }\n\n.hook-button-danger-hover() { border-color: transparent; }\n.hook-button-danger-active() { border-color: transparent; }\n\n\n// Disabled state\n// ========================================================================\n\n.hook-button-disable() { border-color: transparent; }\n\n\n// Modifier: `uk-button-link`\n// ========================================================================\n\n.hook-button-link() {}\n\n\n// Size modifiers\n// ========================================================================\n\n.hook-button-large() {}\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-button-misc() {\n\n //\n // Reset border-radius\n //\n\n .uk-button-group > .uk-button:not(:first-child):not(:last-child),\n .uk-button-group > div:not(:first-child):not(:last-child) .uk-button { border-radius: 0; }\n\n .uk-button-group > .uk-button:first-child,\n .uk-button-group > div:first-child .uk-button {\n border-top-right-radius: 0;\n border-bottom-right-radius: 0;\n }\n\n .uk-button-group > .uk-button:last-child,\n .uk-button-group > div:last-child .uk-button {\n border-top-left-radius: 0;\n border-bottom-left-radius: 0;\n }\n\n\t/* Collapse border */\n .uk-button-group > .uk-button:nth-child(n+2),\n .uk-button-group > div:nth-child(n+2) .uk-button { border-left-width: 0; }\n\n .uk-button-group > .uk-button:nth-child(n+2):hover,\n .uk-button-group > div:nth-child(n+2) .uk-button:hover,\n .uk-button-group > .uk-button:nth-child(n+2):active,\n .uk-button-group > .uk-button:nth-child(n+2).uk-active,\n .uk-button-group > .uk-button:nth-child(n+2):focus {\n margin-left: -@button-border-width;\n border-left-width: @button-border-width;\n }\n\n}\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Icon\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@icon-hover-color: @global-default-color;\n@icon-hover-hover-color: @global-secondary-color;\n\n@icon-button-background: @global-secondary-color;\n@icon-button-color: @global-contrast-color;\n\n@icon-button-hover-background: @global-primary-color;\n@icon-button-hover-color: @global-contrast-color;\n\n@icon-button-active-background: @global-default-color;\n@icon-button-active-color: @global-contrast-color;\n\n\n// Modifier: `uk-icon-hover`\n// ========================================================================\n\n.hook-icon-hover() {}\n\n.hook-icon-hover-hover() {}\n\n\n// Modifier: `uk-icon-button`\n// ========================================================================\n\n.hook-icon-button() {}\n\n// Hover\n.hook-icon-button-hover() {}\n\n// Active\n.hook-icon-button-active() {}\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-icon-misc() {}\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Close\n//\n// ========================================================================\n\n//\n// New\n//\n\n@close-font-style: \t\t\t\tnormal;\n\n\n// Component\n// ========================================================================\n\n.hook-close() { font-style: @close-font-style; }\n\n\n// Modifier: `uk-close-alt`\n// ========================================================================\n\n.hook-close-alt() {}\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-close-misc() {}\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Badge\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@badge-padding-horizontal: 18px;\n@badge-background: @global-primary-background;\n@badge-font-size: 15px;\n@badge-line-height: 25px;\n@badge-color: @global-contrast-color;\n@badge-font-weight: 300;\n\n@badge-success-background: @global-success-background;\n@badge-warning-background: @global-warning-background;\n@badge-danger-background: @global-danger-background;\n\n//\n// New\n//\n\n@badge-padding-vertical: 6px;\n@badge-padding-notification-vertical: \t\t\t2px;\n@badge-padding-notification-horizontal: \t\t(@badge-padding-notification-vertical + 6px);\n\n\n// Component\n// ========================================================================\n\n.hook-badge() { padding: @badge-padding-vertical @badge-padding-horizontal; }\n\n\n// Color modifier\n// ========================================================================\n\n//\n// Modifier: `badge-success`\n//\n\n.hook-badge-success() {}\n\n//\n// Modifier: `badge-warning`\n//\n\n.hook-badge-warning() {}\n\n//\n// Modifier: `badge-danger`\n//\n\n.hook-badge-danger() {}\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-badge-misc() {\n\n\t.uk-badge-notification { padding: @badge-padding-notification-vertical @badge-padding-notification-horizontal; }\n\n}\n\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Alert\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@alert-margin-vertical: @global-margin;\n@alert-background: @global-muted-background;\n@alert-color: @global-color;\n\n@alert-success-background: @global-success-background;\n@alert-success-color: @global-contrast-color;\n\n@alert-warning-background: @global-warning-background;\n@alert-warning-color: @global-contrast-color;\n\n@alert-danger-background: @global-danger-background;\n@alert-danger-color: @global-contrast-color;\n\n//\n// New\n//\n\n@alert-link-color: #fff;\n@alert-link-hover-color: #fff;\n\n\n// Component\n// ========================================================================\n\n.hook-alert() {}\n\n\n// Modifier: `uk-alert-success`\n// ========================================================================\n\n.hook-alert-success() {}\n\n\n// Modifier: `uk-alert-warning`\n// ========================================================================\n\n.hook-alert-warning() {}\n\n\n// Modifier: `uk-alert-danger`\n// ========================================================================\n\n.hook-alert-danger() {}\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-alert-misc() {\n\n .uk-alert-warning a {\n color: @alert-link-color;\n text-decoration: underline;\n }\n\n .uk-alert-warning a:hover { color: @alert-link-hover-color; }\n\n}\n\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Thumbnail\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@thumbnail-border: @global-border;\n@thumbnail-background: @global-background;\n@thumbnail-hover-border: darken(@global-border, 20%);\n@thumbnail-hover-background: @global-background;\n\n@thumbnail-caption-color: @global-color;\n\n\n// Component\n// ========================================================================\n\n.hook-thumbnail() {}\n\n.hook-thumbnail-hover() {}\n\n\n// Caption\n// ========================================================================\n\n.hook-thumbnail-caption() {}\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-thumbnail-misc() {}\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Overlay\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@overlay-panel-background: #fff;\n@overlay-panel-color: @global-color;\n\n@overlay-icon-color: @global-color;\n\n// DEPRECATED\n@overlay-area-background:\t\t\t\t\t\t#fff;\n@overlay-area-icon-color: \t\t\t\t\t\t@global-color;\n@overlay-area-content-color: @global-color;\n\n@overlay-caption-background: #fff;\n@overlay-caption-color: @global-color;\n\n//\n// New\n//\n\n@overlay-icon-font-style: \t\t\t\t\t\tnormal;\n\n\n// Sub-object `uk-overlay-panel`\n// ========================================================================\n\n.hook-overlay-panel() {}\n\n\n// Sub-object `uk-overlay-background`\n// ========================================================================\n\n.hook-overlay-background() {}\n\n\n// Sub-object `uk-overlay-image`\n// ========================================================================\n\n.hook-overlay-image() {}\n\n\n// Sub-object `uk-overlay-icon`\n// ========================================================================\n\n.hook-overlay-icon() { font-style: @overlay-icon-font-style; }\n\n\n/* DEPRECATED\n * Sub-object `uk-overlay-area`\n ========================================================================== */\n\n.hook-overlay-area-icon() { font-style: @overlay-icon-font-style; }\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-overlay-misc() {}\n\n// JavaScript\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Dropdown\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@dropdown-z-index: @global-z-index + 20;\n@dropdown-width: 250px;\n@dropdown-padding: 25px;\n@dropdown-background: @global-dropdown-background;\n@dropdown-color: @global-nav-color;\n\n@dropdown-divider-border: transparent;\n\n@dropdown-navbar-background:\t\t\t\t\t@global-dropdown-background;\n@dropdown-navbar-color: @global-nav-color;\n\n@dropdown-navbar-animation: uk-fade;\n\n//\n// New\n//\n\n@dropdown-link-hover-color: @global-link-hover-color;\n\n\n// Component\n// ========================================================================\n\n.hook-dropdown() {}\n\n\n// Modifier: `uk-dropdown-navbar`\n// ========================================================================\n\n.hook-dropdown-navbar() {}\n\n\n// Sub-object: `uk-dropdown-overlay`\n// ========================================================================\n\n.hook-dropdown-overlay() {}\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-dropdown-misc() {\n\n .uk-dropdown a:hover { color: @dropdown-link-hover-color; }\n\n}\n\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Modal\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@modal-z-index: @global-z-index + 10;\n\n@modal-dialog-background: @global-background;\n\n@modal-header-margin-bottom: @global-margin;\n\n@modal-footer-margin-top: @global-margin;\n\n@modal-caption-color: @global-contrast-color;\n\n\n// Component\n// ========================================================================\n\n.hook-modal() {}\n\n\n// Sub-object: `uk-modal-dialog`\n// ========================================================================\n\n.hook-modal-dialog() {}\n\n\n// Modifier: `uk-modal-dialog-lightbox`\n// ========================================================================\n\n.hook-modal-dialog-lightbox() {}\n\n\n// Sub-object: `uk-modal-header`\n// ========================================================================\n\n.hook-modal-header() {}\n\n\n// Sub-object: `uk-modal-footer`\n// ========================================================================\n\n.hook-modal-footer() {}\n\n\n// Sub-object: `uk-modal-caption`\n// ========================================================================\n\n.hook-modal-caption() {}\n\n\n// Sub-object: `uk-modal-spinner`\n// ========================================================================\n\n.hook-modal-spinner() {}\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-modal-misc() {}\n\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Off-canvas\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@offcanvas-z-index: @global-z-index;\n@offcanvas-background: rgba(0,0,0,0.1);\n\n@offcanvas-bar-background: @global-dropdown-background;\n\n@offcanvas-panel-color: @global-color;\n@offcanvas-panel-link-color: @global-primary-color;\n@offcanvas-panel-link-hover-color: @global-secondary-color;\n\n@offcanvas-panel-title-color: @global-title-color;\n\n\n// Component\n// ========================================================================\n\n.hook-offcanvas() { font-style: normal; }\n\n\n// Sub-object `uk-offcanvas-bar`\n// ========================================================================\n\n.hook-offcanvas-bar() { font-style: normal; }\n\n\n// Panel in offcanvas\n// ========================================================================\n\n.hook-offcanvas-panel() { font-style: normal; }\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-offcanvas-misc() {\n\n .uk-nav-offcanvas .uk-nav-sub { padding: 15px; }\n\n}\n\n\n// Components: Navs\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Dotnav\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@dotnav-width: 10px;\n\n@dotnav-background: transparent;\n@dotnav-hover-background: transparent;\n@dotnav-onclick-background: transparent;\n@dotnav-active-background: @global-secondary-color;\n\n@dotnav-contrast-background: transparent;\n@dotnav-contrast-hover-background: transparent;\n@dotnav-contrast-onclick-background: transparent;\n@dotnav-contrast-active-background: @global-contrast-color;\n\n//\n// New\n//\n\n@dotnav-border: @global-muted-color;\n@dotnav-hover-border: @global-primary-color;\n@dotnav-active-border: @global-secondary-color;\n\n@dotnav-contrast-border: fade(@global-contrast-color, 50%);\n@dotnav-contrast-hover-border: @global-contrast-color;\n@dotnav-contrast-active-border: @global-contrast-color;\n\n\n// Component\n// ========================================================================\n\n.hook-dotnav-item() { border: 2px solid @dotnav-border; }\n\n.hook-dotnav-item-hover() { border-color: @dotnav-hover-border; }\n\n.hook-dotnav-item-onclick() { border-color: @dotnav-active-border; }\n\n.hook-dotnav-item-active() { border-color: @dotnav-active-border; }\n\n.hook-dotnav-contrast-item() { border-color: @dotnav-contrast-border; }\n\n.hook-dotnav-contrast-item-hover() { border-color: @dotnav-contrast-hover-border; }\n\n.hook-dotnav-contrast-item-onclick() { border-color: @dotnav-contrast-active-border;}\n\n.hook-dotnav-contrast-item-active() { border-color: @dotnav-contrast-active-border; }\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-dotnav-misc() {}\n\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Slidenav\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@slidenav-width: 40px;\n\n@slidenav-previous-icon: "";\n@slidenav-next-icon: "";\n\n@slidenav-position-previous: \t\t\t\t\t0;\n\n//\n// New\n//\n\n@slidenav-background:\t\t\t\t\t\t\t@global-background;\n\n@modal-slidenav-width: 60px;\n@modal-slidenav-height: @modal-slidenav-width;\n\n\n// Component\n// ========================================================================\n\n.hook-slidenav() { background: @slidenav-background; }\n\n.hook-slidenav-hover() {}\n\n.hook-slidenav-active() {}\n\n.hook-slidenav-contrast() {}\n\n.hook-slidenav-contrast-hover() {}\n\n.hook-slidenav-contrast-active() {}\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-slidenav-misc() {\n\n\t.uk-slidenav-previous,\n .uk-slidenav-next {\n background-image: url("/templates/yoo_uniq/less/uikit/@{global-image-path}/@{global-style}/icon-arrow.svg");\n background-position: 50% 0;\n background-repeat: no-repeat;\n -webkit-transition: background-position .15s;\n transition: background-position .15s;\n }\n\n .uk-slidenav-previous { background-position: 50% -100px; }\n\n .uk-slidenav-previous:hover { background-position: 35% -100px; }\n .uk-slidenav-next:hover { background-position: 65% 0; }\n\n\t.uk-modal .uk-slidenav-previous,\n\t.uk-modal .uk-slidenav-next {\n\t\twidth: @modal-slidenav-width;\n\t\theight: @modal-slidenav-height;\n\t\tbackground-image: url("/templates/yoo_uniq/less/uikit/@{global-image-path}/@{global-style}/modal-icon-arrow.svg");\n\t}\n\n}\n\n\n// Components: Common\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Progress\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@progress-margin-vertical: @global-margin;\n\n@progress-bar-background: @global-primary-background;\n@progress-bar-color: @global-contrast-color;\n\n@progress-bar-success-background: @global-success-background;\n@progress-bar-warning-background: @global-warning-background;\n@progress-bar-danger-background: @global-danger-background;\n\n\n// Component\n// ========================================================================\n\n.hook-progress() {}\n\n\n// Sub-object: `progress-bar`\n// ========================================================================\n\n.hook-progress-bar() {}\n\n\n// Color modifiers\n// ========================================================================\n\n.hook-progress-bar-success() {}\n\n.hook-progress-bar-warning() {}\n\n.hook-progress-bar-danger() {}\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-progress-misc() {}\n\n// Components: JavaScript\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Accordion\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@accordion-title-padding-vertical: 5px;\n@accordion-title-padding-horizontal: 15px;\n@accordion-title-background: \t\t\t\t\t@global-muted-background;\n\n//\n// New\n//\n\n@accordion-title-border-color: \t\t\t\t\t@global-primary-background;\n@accordion-title-border-width:\t\t\t\t\t4px;\n\n\n// Component\n// ========================================================================\n\n.hook-accordion() {}\n\n\n// Modifier: `uk-accordion-title`\n// ========================================================================\n\n.hook-accordion-title() {\n\n\tposition: relative;\n\n\t&:before {\n\t\tcontent: "";\n\t\tposition: absolute;\n\t\twidth: 0;\n\t\theight: 100%;\n\t\tmargin-top: -@accordion-title-padding-vertical;\n\t\tmargin-left: -@accordion-title-padding-horizontal;\n\t\tbackground: @accordion-title-border-color;\n\t\t-webkit-transition: width .3s;\n transition: width .3s;\n\t}\n\n\t&.uk-active:before,\n\t&:hover:before { width: @accordion-title-border-width; }\n\n}\n\n\n// Modifier: `uk-accordion-content`\n// ========================================================================\n\n.hook-accordion-content() {}\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-accordion-misc() {}\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Search\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@search-height: @search-field-font-size + 20px;\n@search-width: @search-padding-icon-width;\n@search-placeholder-color: @global-muted-color;\n\n@search-padding: \t\t\t\t\t\t\t\t@search-padding-icon-width;\n\n@search-icon: "";\n\n@dropdown-search-background: @global-dropdown-background;\n@dropdown-search-color: @global-nav-color;\n\n@nav-search-active-background: @global-primary-background;\n\n@dropdown-search-margin-top: 25px;\n\n//\n// New\n//\n\n@search-padding-icon-width: 40px;\n@search-field-font-size: 20px;\n@search-font-family: @global-title-font-family;\n\n\n// Component\n// ========================================================================\n\n.hook-search() { font-family: @search-font-family; }\n\n.hook-search-icon() {\n height: @search-padding-icon-width;\n background-image: url("/templates/yoo_uniq/less/uikit/@{global-image-path}/@{global-style}/icon-search.svg");\n background-repeat: no-repeat;\n}\n\n\n// Sub-object `uk-search-field`\n// ========================================================================\n\n.hook-search-field() {\n\tposition: relative;\n z-index: 1;\n cursor: pointer;\n\tfont-size: @search-field-font-size;\n}\n\n.hook-search-field-focus() {}\n\n\n// Dropdown modifier: `uk-dropdown-search`\n// ========================================================================\n\n.hook-dropdown-search() {}\n\n\n// Nav modifier `uk-nav-search`\n// ========================================================================\n\n//\n// Items\n//\n\n.hook-nav-search() {}\n\n// Active\n.hook-nav-search-active() {}\n\n//\n// Sub-object: `uk-nav-header`\n//\n\n.hook-nav-search-header() {}\n\n//\n// Sub-object: `uk-nav-divider`\n//\n\n.hook-nav-search-divider() {}\n\n\n// Search in offcanvas\n// ========================================================================\n\n.hook-offcanvas-search-field() {}\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-search-misc() {\n\n\t// Sub-object `uk-search-field`\n // ========================================================================\n\n .uk-search-field:focus,\n .uk-active > .uk-search-field { cursor: text; }\n\n}\n\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Tooltip\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@tooltip-z-index: @global-z-index + 30;\n@tooltip-padding-vertical: 10px;\n@tooltip-padding-horizontal: 12px;\n@tooltip-triangle-size: 6px;\n\n@tooltip-font-size: 15px;\n@tooltip-line-height: 20px;\n\n\n// Component\n// ========================================================================\n\n.hook-tooltip() {}\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-tooltip-misc() {}\n\n// Need to be loaded last\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Text\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@text-large-font-size: 24px;\n@text-large-line-height: 34px;\n\n@text-muted-color: @global-muted-color;\n@text-primary-color: @global-secondary-color;\n@text-success-color: @global-success-background;\n@text-warning-color: @global-warning-background;\n@text-danger-color: @global-danger-background;\n@text-contrast-color: @global-contrast-color;\n\n//\n// New\n//\n\n@text-large-font-family: @global-title-font-family;\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-text-misc() {\n\n .uk-text-large { font-family: @text-large-font-family; }\n\n}\n\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Utility\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n@utility-container-max-width: 1400px;\n@utility-container-large-max-width: \t\t\t@utility-container-max-width;\n\n@utility-container-padding-horizontal: @global-grid-gutter;\n@utility-container-large-padding-horizontal: @global-grid-gutter-large;\n\n@utility-align-horizontal: @global-margin;\n@utility-align-vertical: @global-margin;\n\n@utility-margin: @global-margin;\n\n@utility-link-muted-color: @global-color;\n@utility-link-muted-hover-color: @global-color;\n\n@utility-scrollable-box-border: @global-border;\n\n\n// Container\n// ========================================================================\n\n.hook-container() {}\n\n\n// Scrollable\n// ========================================================================\n\n.hook-scrollable-box() {}\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-utility-misc() {}\n\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n//\n// Component: Contrast\n//\n// ========================================================================\n\n\n// Variables\n// ========================================================================\n\n\n@contrast-button-primary-background: @global-primary-background;\n@contrast-button-primary-hover-background: fade(@global-primary-background, 80%);\n@contrast-button-primary-active-background: fade(@global-primary-background, 60%);\n\n@contrast-text-primary-color: @text-primary-color;\n@contrast-base-link-hover-text-decoration: none;\n\n//\n// New\n//\n\n@contrast-button-border-color:\t\t\t\t\t @global-contrast-color;\n@contrast-button-border-hover-color:\t\t\t fade(@contrast-button-border-color, 65%);\n@contrast-button-border-active-color:\t\t\t fade(@contrast-button-border-color, 55%);\n\n@contrast-tab-active-color: @global-contrast-color;\n@contrast-tab-hover-color: @global-contrast-color;\n\n@tab-dropdown-nav-color: @global-color;\n@tab-dropdown-nav-hover-color: @global-contrast-color;\n\n\n// Base\n// ========================================================================\n\n.hook-contrast-base-code() {}\n\n\n// Nav\n// ========================================================================\n\n.hook-contrast-nav-side() {}\n.hook-contrast-nav-side-hover() {}\n.hook-contrast-nav-side-active() {}\n.hook-contrast-nav-side-header() {}\n.hook-contrast-nav-side-divider() {}\n\n\n// Subnav\n// ========================================================================\n\n.hook-contrast-subnav() {}\n.hook-contrast-subnav-hover() {}\n.hook-contrast-subnav-active() {}\n.hook-contrast-subnav-line-divider() {}\n.hook-contrast-subnav-pill-hover() {}\n.hook-contrast-subnav-pill-active() {}\n\n\n// List\n// ========================================================================\n\n.hook-contrast-list-line() {}\n\n\n// Form\n// ========================================================================\n\n.hook-contrast-form() {}\n.hook-contrast-form-focus() {}\n\n\n// Button\n// ========================================================================\n\n.hook-contrast-button() {\n\n &:not(.uk-button-primary):not(.uk-button-success):not(.uk-button-danger):not(:disabled),\n &:not(.uk-button-primary):not(.uk-button-success):not(.uk-button-danger):not(:disabled):focus {\n background: transparent;\n border-color: @contrast-button-border-color;\n color: @contrast-color;\n }\n}\n\n.hook-contrast-button-hover() {\n\n &:not(.uk-button-primary):not(.uk-button-success):not(.uk-button-danger):not(:disabled) {\n background: transparent;\n border-color: @contrast-button-border-hover-color;\n color: fade(@contrast-color, 80%);\n }\n}\n\n.hook-contrast-button-active() {\n\n &:not(.uk-button-primary):not(.uk-button-success):not(.uk-button-danger):not(:disabled) {\n background: transparent;\n border-color: @contrast-button-border-active-color;\n color: fade(@contrast-color, 60%);\n }\n\n}\n\n.hook-contrast-button-primary() {}\n\n.hook-contrast-button-primary-hover() {}\n\n.hook-contrast-button-primary-active() {}\n\n\n// Icon\n// ========================================================================\n\n.hook-contrast-icon-hover() {}\n.hook-contrast-icon-hover-hover() {}\n.hook-contrast-icon-button() {}\n.hook-contrast-icon-button-hover() {}\n.hook-contrast-icon-button-active() {}\n\n\n// Miscellaneous\n// ========================================================================\n\n.hook-contrast-misc() {\n\n h1, h2, h3, h4, h5, h6 { color: @contrast-base-heading-color !important; }\n\n .uk-overlay-panel { color: #fff !important; }\n\n .uk-tab > li.uk-active > a,\n .uk-tab > li.uk-active > a {\n background: transparent;\n color: @contrast-tab-active-color;\n }\n\n .uk-tab > li > a:hover,\n .uk-tab > li > a:focus {\n background: transparent;\n color: @contrast-tab-hover-color;\n }\n\n .uk-tab .uk-dropdown .uk-nav li > a { color: @tab-dropdown-nav-color; }\n .uk-tab .uk-dropdown .uk-nav li > a:hover { color: @tab-dropdown-nav-hover-color; }\n\n}\n\n\n/* ========================================================================\n Warp theme\n ========================================================================== */\n\n// Theme Variables\n// ==========================================================================\n\n@theme-body-background: #f2f2f2;\n\n@theme-container-small: 960px;\n\n@theme-headerbar-width: @utility-container-max-width;\n@theme-headerbar-background: #2a2a2a;\n@theme-headerbar-color: @global-color;\n@theme-headerbar-search-color: @global-contrast-color;\n@theme-headerbar-search-placeholder-color: fade(@theme-headerbar-search-color, 70%);\n\n@theme-headerbar-single-navbar-nav-color: #fff;\n@theme-headerbar-single-navbar-nav-hover-color: @nav-navbar-hover-color;\n@theme-headerbar-single-navbar-nav-active-color: @theme-headerbar-single-navbar-nav-hover-color;\n\n@theme-padding-large: 90px;\n\n@theme-panel-large: 50px;\n\n@theme-totop-scroller-background: @navbar-background;\n\n@theme-dropdown-overlay-background: @global-dropdown-background;\n\n@theme-footer-background: #fff;\n\n@theme-block-color: @global-color;\n@theme-block-title-color: @global-title-color;\n\n@theme-block-panel-box-color: @panel-box-color;\n@theme-block-panel-box-title-color: @global-title-color;\n\n@theme-block-panel-box-primary-color: @panel-box-primary-color;\n@theme-block-panel-box-primary-title-color: @panel-box-primary-title-color;\n@theme-block-panel-box-primary-list-link-color: @panel-box-primary-color;\n@theme-block-panel-box-primary-list-link-hover-color: @global-secondary-color;\n\n@theme-block-panel-box-secondary-color: @panel-box-secondary-color;\n@theme-block-panel-box-secondary-title-color: @panel-box-secondary-title-color;\n@theme-block-panel-box-secondary-list-link-color: @panel-box-secondary-color;\n@theme-block-panel-box-secondary-list-link-hover-color: @global-secondary-color;\n\n@theme-block-panel-box-list-link-color: @global-color;\n@theme-block-panel-box-list-link-hover-color: @global-secondary-color;\n\n@theme-block-subnav-active-color: @global-default-color;\n@theme-block-subnav-hover-color: @theme-block-subnav-active-color;\n\n@theme-block-list-link-color: @global-primary-color;\n@theme-block-list-link-hover-color: darken(@theme-block-list-link-color, 20%);\n\n@theme-block-panel-title-border-color: darken(@global-border, 3%);\n\n@theme-icon-background: @global-primary-background;\n@theme-icon-color: @global-contrast-color;\n\n@theme-close-width: 80px;\n@theme-close-height: @theme-close-width;\n@theme-close-background: @global-secondary-background;\n@theme-close-hover-background: @global-primary-background;\n@theme-close-color: @global-contrast-color;\n\n@theme-overlay-panel-background: @panel-box-background;\n@theme-overlay-panel-height: 70px;\n\n@theme-social-icon-color-google-plus: #dd4b39;\n@theme-social-icon-color-facebook: #3b5998;\n@theme-social-icon-color-youtube-play: #bb0000;\n@theme-social-icon-color-instagram: #125688;\n@theme-social-icon-color-twitter: #40b4df;\n\n@theme-timeline-avatar-border: @global-background;\n\n\n/* Layout\n ========================================================================== */\n\n/*\n * Force vertical scrollbar\n */\n\nhtml { overflow-y: scroll; }\n\n//\n// Page\n//\n\n.tm-page { background: @theme-body-background; }\n\n//\n// Headerbar\n//\n\n.tm-headerbar-background { background: @theme-headerbar-background; }\n\n.tm-headerbar {\n position: relative;\n min-height: 20px;\n color: @theme-headerbar-color;\n}\n\n.tm-headerbar { padding: 15px; }\n.tm-headerbar-single .tm-headerbar {\n padding: 0;\n height: @navbar-nav-height;\n}\n\n.tm-headerbar-container {\n max-width: @theme-headerbar-width;\n margin: 0 auto;\n}\n\n.tm-headerbar-left {\n position: absolute;\n top: 0;\n left: 15px;\n bottom: 0;\n}\n\n.tm-headerbar-right {\n position: absolute;\n top: 0;\n right: 15px;\n bottom: 0;\n}\n\n// Tablet and bigger\n@media (min-width: @breakpoint-medium) {\n\n .tm-headerbar { padding: @global-margin; }\n .tm-headerbar > .uk-container { padding: @global-margin; }\n .tm-headerbar-default { padding: 20px; }\n\n}\n\n/* Large screen and bigger */\n@media (min-width: (@utility-container-large-max-width + (@global-margin * 2))) {\n\n .tm-headerbar-left { left: @global-margin; }\n .tm-headerbar-right { right: @global-margin; }\n\n .tm-headerbar-single .tm-headerbar-left { left: 0; }\n .tm-headerbar-single .tm-headerbar-right { right: 0; }\n\n}\n\n.tm-headerbar-content { margin: 0 @global-margin @global-margin @global-margin; }\n\n// Search\n.tm-headerbar input.uk-search-field { color: @theme-headerbar-search-color; }\n\n.tm-headerbar .uk-search-field:-ms-input-placeholder { color: @theme-headerbar-search-placeholder-color; }\n.tm-headerbar .uk-search-field::-moz-placeholder { color: @theme-headerbar-search-placeholder-color; }\n.tm-headerbar .uk-search-field::-webkit-input-placeholder { color: @theme-headerbar-search-placeholder-color; }\n\n// Navbar\n.tm-navbar {\n z-index: @global-z-index;\n height: @navbar-nav-height;\n}\n\n.tm-navbar-container {\n max-width: @theme-headerbar-width;\n margin: 0 auto;\n}\n\n.uk-navbar-content { overflow: inherit; }\n\n//\n// Dropdown\n//\n\n.tm-dropdown-overlay {\n position: relative;\n z-index: @global-z-index;\n background: @theme-dropdown-overlay-background;\n}\n\n//\n// Toolbar\n//\n\n.tm-toolbar { padding: 15px 30px; }\n.tm-toolbar > .uk-container { padding: 0; }\n\n//\n// Blocks\n//\n\n.tm-block {\n\n color: @theme-block-color;\n\n h1,h2,h3,h4,h5,h6,\n .uk-panel-header .uk-panel-title { color: @theme-block-title-color; }\n\n .uk-list > li > a { color: @theme-block-list-link-color; }\n .uk-list > li > a:hover { color: @theme-block-list-link-hover-color; }\n\n .uk-panel-header .uk-panel-title { border-color: @theme-block-panel-title-border-color; }\n\n .uk-panel-body,\n .uk-panel-box,\n .uk-overlay-panel {\n color: @theme-block-panel-box-color;\n h1,h2,h3,h4,h5,h6 { color: @theme-block-panel-box-title-color; }\n .uk-list > li > a { color: @theme-block-panel-box-list-link-color; }\n .uk-list > li > a:hover { color: @theme-block-panel-box-list-link-hover-color; }\n }\n\n .uk-panel-box.uk-panel-box-primary {\n color: @theme-block-panel-box-primary-color;\n h1,h2,h3,h4,h5,h6 { color: @theme-block-panel-box-primary-title-color; }\n .uk-list > li > a { color: @theme-block-panel-box-primary-list-link-color; }\n .uk-list > li > a:hover { color: @theme-block-panel-box-primary-list-link-hover-color; }\n }\n\n .uk-panel-box.uk-panel-box-secondary {\n color: @theme-block-panel-box-secondary-color;\n h1,h2,h3,h4,h5,h6 { color: @theme-block-panel-box-secondary-title-color; }\n .uk-list > li > a { color: @theme-block-panel-box-secondary-list-link-color; }\n .uk-list > li > a:hover { color: @theme-block-panel-box-secondary-list-link-hover-color; }\n }\n\n .uk-subnav > .uk-active > * { color: @theme-block-subnav-active-color; }\n .uk-subnav > * > :hover { color: @theme-block-subnav-hover-color; }\n\n}\n\n.tm-block-container {\n max-width: @utility-container-large-max-width;\n padding-top: @global-margin;\n padding-bottom: @global-margin;\n margin-left: auto;\n margin-right: auto;\n}\n\n/* Large screen and bigger */\n@media (min-width: @breakpoint-xlarge) {\n\n .tm-block-container {\n padding-top: 40px;\n padding-bottom: 40px;\n }\n\n}\n\n.tm-block-fullwidth.uk-block { max-width: 100%; }\n\n[class*=\'tm-block-gutter\'] { margin: @global-margin; }\n\n[class*=\'tm-block-gutter\'].tm-block-fullwidth {\n margin-left: @global-margin;\n margin-right: @global-margin;\n}\n\n// Tablet and bigger\n@media (min-width: @breakpoint-medium) {\n\n .tm-block-gutter-large {\n margin-top: @theme-padding-large;\n margin-bottom: @theme-padding-large;\n }\n\n .tm-block-padding-large {\n padding-top: @theme-padding-large;\n padding-bottom: @theme-padding-large;\n }\n\n}\n\n/* Large screen and bigger */\n@media (min-width: (@utility-container-large-max-width + (@global-margin * 2))) {\n\n [class*=\'tm-block-gutter\'] {\n margin-left: auto;\n margin-right: auto;\n }\n\n}\n\n.tm-block-padding-collapsed { padding: 0; }\n.tm-block-padding-collapsed > * { padding: 0; }\n\n.tm-container-small {\n max-width: @theme-container-small;\n padding: 0 @global-margin;\n}\n\n.tm-container-full-width { min-width: 100%; }\n\n//\n// Main\n//\n\n.tm-main-top { margin-bottom: @global-margin; }\n.tm-main-bottom { margin-top: @global-margin; }\n.tm-main-top + .tm-main-bottom { margin-top: 0; }\n\n//\n// Footer\n//\n\n.tm-footer {\n background: @theme-footer-background;\n padding-top: 70px;\n padding-bottom: 80px;\n}\n\n.tm-footer .uk-container { position: relative; }\n\n/*\n * To-top scroller\n */\n\n.tm-totop-scroller > a,\n.tm-totop-scroller-fixed > a {\n width: 50px;\n height: 50px;\n background: url("/templates/yoo_uniq/images/@{global-style}/totop_scroller.svg") 0 0 no-repeat;\n}\n\n.tm-totop-scroller > a { display: block; }\n.tm-totop-scroller > a:hover { opacity: 0.6; }\n\n// Tablet and bigger\n@media (min-width: @breakpoint-medium) {\n\n .tm-totop-scroller {\n position: absolute;\n right: 0;\n }\n\n}\n\n/* Large screen and bigger */\n@media (min-width: (@utility-container-large-max-width + (@global-margin * 2))) {\n\n .uk-active.tm-totop-scroller-fixed { z-index: @global-z-index; }\n\n .uk-active.tm-totop-scroller-fixed > a {\n position: absolute;\n top: 0;\n right: 0;\n background-color: @theme-totop-scroller-background;\n opacity: 0;\n }\n\n .uk-active.tm-totop-scroller-fixed > a { opacity: 1; }\n .uk-active.tm-totop-scroller-fixed > a:hover { opacity: 0.6; }\n\n}\n\n//\n// Article\n//\n\n// Tablet and bigger\n@media (min-width: @breakpoint-medium) {\n .tm-panel-large .uk-panel { padding: @theme-panel-large; }\n .tm-panel-large .uk-panel > .uk-panel-teaser { margin: -@theme-panel-large -@theme-panel-large @theme-panel-large -@theme-panel-large; }\n}\n\n\n/* Error\n ========================================================================== */\n\n .tm-featured-image { display: inherit; }\n\n .tm-article-meta span:not(:first-child):before {\n content: \'\\2013\';\n display: inline-block;\n margin: 0 10px;\n color: @global-color;\n }\n\n\n/* Error\n ========================================================================== */\n\n.tm-error-icon { font-size: 250px; }\n.tm-error-headline { font-size: 100px; }\n\n\n/* Offline\n ========================================================================== */\n\n.tm-offline { width: 300px; }\n\n\n// Socialbuttons\n// ==========================================================================\n\n.tm-socialbuttons { line-height: 1; }\n\n.tm-socialbuttons > div {\n margin-right: 10px;\n float: left;\n}\n\n\n/* WordPress only\n ========================================================================== */\n\n.alignleft {\n display: block;\n margin-right: @utility-align-horizontal;\n float: left;\n}\n\n.alignright {\n display: block;\n margin-left: @utility-align-horizontal;\n float: right;\n}\n\n.aligncenter {\n display: block;\n margin-left: auto;\n margin-right: auto;\n}\n\n/* Helper\n ========================================================================== */\n\n//\n// Spacing\n//\n\n// Tablet and bigger\n@media (min-width: @breakpoint-medium) {\n\n .tm-margin-large-top { margin-top: 100px !important; }\n .tm-margin-large-bottom { margin-bottom: 100px !important; }\n\n}\n\n//\n// Social-icon colors\n//\n\n.tm-icon-google-plus { color: @theme-social-icon-color-google-plus; }\n.tm-icon-facebook { color: @theme-social-icon-color-facebook; }\n.tm-icon-youtube-play { color: @theme-social-icon-color-youtube-play; }\n.tm-icon-instagram:hover { color: @theme-social-icon-color-instagram; }\n.tm-icon-twitter { color: @theme-social-icon-color-twitter; }\n\n//\n// Close-icon\n//\n\n.tm-close {\n\n position: absolute;\n top: 0;\n right: 0;\n padding: 0;\n width: 50px;\n height: 50px;\n background: @theme-close-background;\n border: none;\n z-index: @global-z-index;\n -webkit-transition: background-color .14s ease-out;\n transition: background-color .14s ease-out;\n cursor: pointer;\n\n &:before,\n &:after {\n position: absolute;\n content: \'\';\n width: 30px;\n height: 2px;\n margin-left: -15px;\n background: @theme-close-color;\n }\n\n &:before { transform: rotate(45deg); }\n &:after { transform: rotate(-45deg); }\n\n &:hover { background: @theme-close-hover-background; }\n\n}\n\n// Tablet and bigger\n@media (min-width: @breakpoint-medium) {\n\n .tm-close {\n width: @theme-close-width;\n height: @theme-close-height;\n }\n\n}\n\n//\n// Plus and Arrow icon\n//\n\n.tm-icon-plus,\n.tm-icon-arrow {\n position: absolute;\n display: block;\n width: 70px;\n height: 70px;\n border-radius: 50%;\n background: @theme-icon-background;\n z-index: @global-z-index;\n}\n\n.tm-icon-plus {\n\n &:after,\n &:before {\n content: \'\';\n position: absolute;\n top: 50%;\n left: 20px;\n width: 30px;\n height: 2px;\n margin-top: -1px;\n background: @theme-icon-color;\n }\n\n &:after {\n -webkit-transform: rotate(90deg);\n transform: rotate(90deg);\n }\n\n}\n\n.tm-icon-arrow {\n background-image: url("/templates/yoo_uniq/images/@{global-style}/icon-arrow.svg");\n background-position: 50% 50%;\n background-repeat: no-repeat;\n z-index: @global-z-index;\n}\n\n.tm-icon-arrow-down {\n -webkit-transform: rotate(90deg);\n transform: rotate(90deg);\n}\n\n//\n// Timeline avatar\n//\n\n.tm-timeline-avatar {\n position: relative;\n margin-top: -80px;\n border: 4px solid @theme-timeline-avatar-border;\n border-radius: 50%;\n}\n\n\n/* Widgetkit\n ========================================================================== */\n\n.uk-panel-box .tm-slideshow-uniq-media .uk-slideshow li:before { background-color: @panel-box-background; }\n.uk-panel-box-primary .tm-slideshow-uniq-media .uk-slideshow li:before { background-color: @panel-box-primary-background; }\n.uk-panel-box-secondary .tm-slideshow-uniq-media .uk-slideshow li:before { background-color: @panel-box-secondary-background; }\n\n.tm-slideshow-uniq .uk-slideshow li:before {\n content: \'\';\n position: absolute;\n top: 90%;\n left: -100%;\n width: 300%;\n height: 100%;\n border-radius: 50%;\n z-index: 1;\n}\n\n.tm-button-uniq .tm-icon-arrow {\n top: ~"calc(90% - 35px)";\n left: 50%;\n margin-left: -35px;\n}\n\n@media (min-width: @breakpoint-medium) {\n\n .tm-slideshow-uniq .uk-slideshow li:before {\n left: 80%;\n top: -25%;\n width: 100%;\n height: 150%;\n -webkit-transition: left .2s, right .2s;\n transition: left .2s, right .2s;\n }\n\n .tm-button-uniq:hover .uk-slideshow li:before { left: 70%; }\n\n .tm-button-uniq .tm-icon-arrow {\n top: 50%;\n left: 80%;\n opacity: 0;\n margin-top: -35px;\n margin-left: 0;\n -webkit-transition: all .2s, left .2s;\n transition: all .2s, left .2s;\n }\n\n .tm-button-uniq:hover .tm-icon-arrow {\n opacity: 1;\n left: ~"calc(70% - 35px)";\n }\n\n .tm-button-uniq .uk-position-cover {\n -webkit-transition: background-position .12s;\n transition: background-position .12s;\n }\n\n .tm-button-uniq:hover .uk-position-cover { background-position: -20px 0; }\n\n .tm-slideshow-uniq [class*=uk-flex-order-last] .uk-slideshow li:before { left: -80%; }\n\n .tm-button-uniq [class*=uk-flex-order-last] .tm-icon-arrow { left: 0%; }\n .tm-button-uniq:hover [class*=uk-flex-order-last] .uk-slideshow li:before { left: -70%; }\n .tm-button-uniq:hover [class*=uk-flex-order-last] .tm-icon-arrow { left: ~"calc(30% - 35px)"; }\n\n .tm-button-uniq:hover [class*=uk-flex-order-last] .uk-position-cover { background-position: 20px 0; }\n\n}\n\n.tm-overlay-uniq { padding-bottom: @theme-overlay-panel-height; }\n\n.tm-overlay-uniq .uk-overlay-panel {\n background: @theme-overlay-panel-background;\n opacity: 1 !important;\n}\n\n.tm-overlay-uniq .uk-overlay-panel:after {\n content: "";\n position: absolute;\n top: -35%;\n left: -100%;\n display: block;\n width: 300%;\n height: 500%;\n background: none;\n border-radius: 0;\n transform: translateY(15%);\n -webkit-transition: transform .2s, opacity .2s, border-radius .2s;\n transition: transform .2s, opacity .2s, border-radius .2s;\n z-index:-1;\n}\n\n.tm-overlay-uniq:hover .uk-overlay-panel {\n height: 45%;\n background: none;\n z-index:1;\n}\n\n.tm-overlay-uniq:hover .uk-overlay-panel:after {\n background: @theme-overlay-panel-background;\n border-radius: 50%;\n transform: translateY(0);\n}\n\n.tm-overlay-uniq .tm-panel-caption {\n position: absolute;\n left: 0;\n padding: 0 @global-margin;\n transform: translate(0, 50px);\n opacity: 0;\n -webkit-transition: transform .2s;\n transition: transform .2s;\n}\n\n.tm-overlay-uniq:hover .tm-panel-link { display: block; }\n\n.tm-overlay-uniq:hover .tm-panel-caption {\n transform: translate(0, 0);\n opacity: 1;\n}\n\n.tm-overlay-uniq .tm-overlay-panel-title {\n -webkit-transition: transform .2s;\n transition: transform .2s;\n transform: translate(0, 0);\n}\n\n.tm-overlay-uniq:hover .tm-overlay-panel-title { transform: translate(0, -20px); }\n\n.tm-overlay-uniq .tm-panel-link {\n opacity: 0;\n transform: translateY(50px);\n -webkit-transition: transform .2s, opacity .1s;\n transition: transform .2s, opacity .1s;\n z-index: 1;\n}\n\n.tm-overlay-uniq:hover .tm-panel-link {\n transform: translateY(0);\n opacity: 1;\n}\n\n.tm-panel-link .tm-icon-plus {\n top: ~"calc(25% - 35px)";\n left: ~"calc(50% - 35px)";\n}\n\n\n// Styles Overrides\n// ==========================================================================\n\n.body-style();\n\n//\n// Bakery Style\n//\n\n.body-style () when (@theme_global-style = \'bakery\') {\n\n .uk-block-muted { &:extend(.uk-contrast all); }\n\n}\n\n//\n// Designer Style\n//\n\n.body-style () when (@theme_global-style = \'designer\') {\n\n .tm-headerbar-single .uk-navbar-nav > li > a { color: @theme-headerbar-single-navbar-nav-color; }\n .tm-headerbar-single .uk-navbar-nav > li:hover > a { color: @theme-headerbar-single-navbar-nav-hover-color; }\n\n .tm-headerbar-single .uk-navbar-nav > .uk-active > a,\n .tm-headerbar-single .uk-navbar-nav > .uk-open > a { color: @theme-headerbar-single-navbar-nav-active-color; }\n\n}\n\n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */\n\n@import \'https://fonts.googleapis.com/css?family=Lato:400,300\';\n@import \'https://fonts.googleapis.com/css?family=Roboto+Condensed:300,400,700\';\n\n// Internal Global variables\n// ==========================================================================\n\n@global-style: \'bakery\';\n\n//\n// Typography\n//\n\n@global-color: #000000;\n@global-muted-color: #818181;\n@global-title-color: #000000;\n@global-font-size: 14px;\n@global-line-height: 22px;\n@global-font-weight: 400;\n@global-primary-color: #e11a33;\n@global-link-color: #B78252;\n@global-link-hover-color: #616161;\n@global-secondary-color: #e11a33;\n\n@global-font-family: \'Roboto Condensed\';\n@global-title-font-family: \'Roboto Condensed\';\n\n//\n// Article\n//\n\n@article-meta-font-size: 14px;\n@article-meta-line-height: 24px;\n@article-meta-font-weight: 300;\n@article-lead-font-size: 20px;\n@article-lead-line-height: 32px;\n\n//\n// Backgrounds & Borders\n//\n\n@global-primary-background: #e11a33;\n@global-success-background: #38943C;\n@global-warning-background: #e8b53a;\n@global-danger-background: #C5152C;\n\n@global-dropdown-background: #2e2d2f;\n\n//\n// Icon\n//\n\n@icon-font-path: "../../fonts";\n\n//\n// Base\n//\n\n@base-body-font-style: normal;\n@base-strong-font-weight: 400;\n\n//\n// Block\n//\n\n@block-muted-background: #171618;\n\n//\n// Description List\n//\n\n@description-list-line-color: #868686;\n\n//\n// Dropdown\n//\n\n@dropdown-color: #fff;\n@dropdown-link-hover-color: #fff;\n@dropdown-navbar-color: #fff;\n\n//\n// Nav\n//\n\n@nav-navbar-color: #fff;\n@nav-navbar-divider-border: rgba(255, 255, 255, 0.1);\n@nav-navbar-header-color: #fff;\n@nav-navbar-nested-hover-color: #fff;\n\n@nav-side-color: @global-color;\n@nav-dropdown-color: #fff;\n@nav-dropdown-header-color: #fff;\n@nav-dropdown-divider-border: rgba(255, 255, 255, 0.1);\n@nav-dropdown-nested-hover-color: #fff;\n\n@nav-offcanvas-color: #fff;\n@nav-offcanvas-header-color: #fff;\n@nav-offcanvas-nested-hover-color: #fff;\n@nav-offcanvas-divider-border: rgba(255, 255, 255, 0.1);\n\n@nav-search-color: @global-nav-color;\n\n//\n// Navbar\n//\n\n@navbar-background: #171618;\n@navbar-color: #818181;\n@navbar-link-color: #fff;\n\n@navbar-nav-hover-color: #fff;\n@navbar-nav-active-color: #fff;\n@navbar-nav-onclick-color: #fff;\n\n@navbar-brand-color: #fff;\n@navbar-brand-hover-color: #fff;\n\n//\n// Offcanvas\n//\n\n@offcanvas-bar-background: #171618;\n@offcanvas-panel-title-color: #fff;\n@offcanvas-panel-color: #818181;\n@offcanvas-panel-link-color: #fff;\n@offcanvas-panel-link-hover-color: #818181;\n\n@form-legend-border: rgba(190, 190, 190, 0.28);\n\n//\n// Pagination\n//\n\n@pagination-background: #000;\n@pagination-color: #fff;\n@pagination-hover-background: #e11a33;\n@pagination-hover-color: #fff;\n@pagination-onclick-background: #e11a33;\n\n//\n// Panel\n//\n\n@panel-title-font-family: \'Roboto Condensed\';\n@panel-title-font-size: 20px;\n@panel-title-line-height: 26px;\n@panel-title-font-weight: 400;\n@panel-box-primary-link: #A0A0A0;\n@panel-box-primary-link-hover-color: #fff;\n\n//\n// Text\n//\n\n@text-large-font-size: 20px;\n@text-large-line-height: 30px;\n\n\n// Theme Variables\n// ========================================================================\n\n@theme_global-style: \'bakery\';\n\n@theme-body-background: #272526;\n@theme-headerbar-background: #fff;\n@theme-headerbar-search-color: #000;\n@theme-headerbar-search-placeholder-color: #cccccc;\n@theme-totop-scroller-background: #fff;\n@theme-block-color: #969596;\n@theme-block-title-color: #fff;\n@theme-block-subnav-active-color: #fff;\n@theme-block-list-link-color: #fff;\n@theme-block-panel-title-border-color: rgba(255, 255, 255, 0.1);\n'}];