Webseiten-Bericht für ludothek-sursee.ch

Generiert am 28 Dezember 2025 18:34 PM

Aktuelle Statistiken? UPDATE !

Der Wert ist 58/100

SEO Inhalte

Seitentitel

Ludothek Region Sursee – Start

Länge : 30

Perfekt, denn Ihr Seitentitel enthält zwischen 10 und 70 Anzahl Zeichen.

Seitenbeschreibung

Die Ludothek leiht Spiele und Spielsachen aus und fördert das Spielen als aktive Freizeitbeschäftigung und wichtiges Kulturgut.

Länge : 127

Großartig, denn Ihre Seitenbeschreibung enthält zwischen 70 und 160 Anzahl Zeichen.

Suchbegriffe

Nicht so gut. Wir konnten keine META-Suchbegriffe auf Ihrer Webseite finden. Benutzen Sie dieses kostenlose Werkzeug um META-Suchbegriffe zu erzeugen.

Og META Eigenschaften

Ihre Webseite nutzt nicht die Vorteile der Og Properties. Diese Angaben erlauben sozialen Suchmaschinenrobotern Ihre Webseite besser strukturiert zu speichern. Benutzen Sie dieses kostenlose Werkzeug um Og Properties zu erzeugen.

Überschriften

H1	H2	H3	H4	H5	H6
0	0	2	0	0	0

[H3] \r\n\/\/ \r\n\/\/ \r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@panel-title-margin-bottom: 15px;\r\n@panel-title-font-size: 18px;\r\n@panel-title-line-height: 24px;\r\n@panel-title-font-weight: normal;\r\n@panel-title-color: #444;\r\n@panel-title-text-transform: none;\r\n\r\n@panel-teaser-margin-bottom: @panel-title-margin-bottom;\r\n\r\n@panel-box-padding: 15px;\r\n@panel-box-background: #f5f5f5;\r\n@panel-box-color: #444;\r\n@panel-box-hover-color: @panel-box-color;\r\n@panel-box-title-color: #444;\r\n@panel-box-badge-top: 10px;\r\n@panel-box-badge-right: @panel-box-badge-top;\r\n@panel-box-teaser-margin: -@panel-box-padding;\r\n\r\n@panel-box-primary-background: #ebf7fd;\r\n@panel-box-primary-color: #2d7091;\r\n@panel-box-primary-hover-color: @panel-box-primary-color;\r\n@panel-box-primary-title-color: #2d7091;\r\n\r\n@panel-box-secondary-background: #eee;\r\n@panel-box-secondary-color: #444;\r\n@panel-box-secondary-hover-color: @panel-box-secondary-color;\r\n@panel-box-secondary-title-color: #444;\r\n\r\n@panel-hover-padding: 15px;\r\n@panel-hover-color: #444;\r\n@panel-hover-hover-background: #f5f5f5;\r\n@panel-hover-hover-color: #444;\r\n@panel-hover-badge-top: 10px;\r\n@panel-hover-badge-right: @panel-hover-badge-top;\r\n@panel-hover-teaser-margin: -@panel-hover-padding;\r\n\r\n@panel-header-title-padding: 10px;\r\n@panel-header-title-border: #ddd;\r\n@panel-header-title-border-width: 1px;\r\n@panel-header-title-color: #444;\r\n\r\n@panel-space-padding: 30px;\r\n\r\n@panel-divider-gutter: 25px;\r\n@panel-divider-gutter-large: 35px;\r\n@panel-divider-border: #ddd;\r\n@panel-divider-border-width: 1px;\r\n\r\n@panel-body-padding: @panel-box-padding;\r\n\r\n\r\n\/* ========================================================================\r\n Component: Panel\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * 1. Needed for `a` elements\r\n * 2. Create position context for badges\r\n *\/\r\n\r\n.uk-panel {\r\n \/* 1 *\/\r\n display: block;\r\n \/* 2 *\/\r\n position: relative;\r\n}\r\n\r\n\/*\r\n * Allow panels to be anchors\r\n *\/\r\n\r\n.uk-panel,\r\n.uk-panel:hover { text-decoration: none; }\r\n\r\n\/*\r\n * Micro clearfix to make panels more robust\r\n *\/\r\n\r\n.uk-panel:before,\r\n.uk-panel:after {\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.uk-panel:after { clear: both; }\r\n\r\n\/*\r\n * Remove margin from the last-child if not `uk-widget-title`\r\n *\/\r\n\r\n.uk-panel > :not(.uk-panel-title):last-child { margin-bottom: 0; }\r\n\r\n\r\n\/* Sub-object: `uk-panel-title`\r\n ========================================================================== *\/\r\n\r\n.uk-panel-title {\r\n margin-top: 0;\r\n margin-bottom: @panel-title-margin-bottom;\r\n font-size: @panel-title-font-size;\r\n line-height: @panel-title-line-height;\r\n font-weight: @panel-title-font-weight;\r\n text-transform: @panel-title-text-transform;\r\n color: @panel-title-color;\r\n .hook-panel-title;\r\n}\r\n\r\n\r\n\/* Sub-object: `uk-panel-badge`\r\n ========================================================================== *\/\r\n\r\n.uk-panel-badge {\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n z-index: 1;\r\n .hook-panel-badge;\r\n}\r\n\r\n\/* Sub-object: `uk-panel-teaser`\r\n ========================================================================== *\/\r\n\r\n.uk-panel-teaser { margin-bottom: @panel-teaser-margin-bottom; }\r\n\r\n\r\n\/* Sub-object: `uk-panel-body`\r\n ========================================================================== *\/\r\n\r\n.uk-panel-body { padding: @panel-body-padding; }\r\n\r\n\r\n\/* Modifier: `uk-panel-box`\r\n ========================================================================== *\/\r\n\r\n.uk-panel-box {\r\n padding: @panel-box-padding;\r\n background: @panel-box-background;\r\n color: @panel-box-color;\r\n .hook-panel-box;\r\n}\r\n\r\n.uk-panel-box-hover:hover {\r\n color: @panel-box-hover-color;\r\n .hook-panel-box-hover;\r\n}\r\n\r\n.uk-panel-box .uk-panel-title { color: @panel-box-title-color; }\r\n\r\n.uk-panel-box .uk-panel-badge {\r\n top: @panel-box-badge-top;\r\n right: @panel-box-badge-right;\r\n}\r\n\r\n.uk-panel-box > .uk-panel-teaser {\r\n margin-top: @panel-box-teaser-margin;\r\n margin-left: @panel-box-teaser-margin;\r\n margin-right: @panel-box-teaser-margin;\r\n}\r\n\r\n\/*\r\n * Nav in panel\r\n *\/\r\n\r\n.uk-panel-box > .uk-nav-side { margin: 0 (-@panel-box-padding); }\r\n\r\n\/*\r\n * Sub-modifier: `uk-panel-box-primary`\r\n *\/\r\n\r\n.uk-panel-box-primary {\r\n background-color: @panel-box-primary-background;\r\n color: @panel-box-primary-color;\r\n .hook-panel-box-primary;\r\n}\r\n\r\n.uk-panel-box-primary-hover:hover {\r\n color: @panel-box-primary-hover-color;\r\n .hook-panel-box-primary-hover;\r\n}\r\n\r\n.uk-panel-box-primary .uk-panel-title { color: @panel-box-primary-title-color; }\r\n\r\n\/*\r\n * Sub-modifier: `uk-panel-box-secondary`\r\n *\/\r\n\r\n.uk-panel-box-secondary {\r\n background-color: @panel-box-secondary-background;\r\n color: @panel-box-secondary-color;\r\n .hook-panel-box-secondary;\r\n}\r\n\r\n.uk-panel-box-secondary-hover:hover {\r\n color: @panel-box-secondary-hover-color;\r\n .hook-panel-box-secondary-hover;\r\n}\r\n\r\n.uk-panel-box-secondary .uk-panel-title { color: @panel-box-secondary-title-color; }\r\n\r\n\r\n\/* Modifier: `uk-panel-hover`\r\n ========================================================================== *\/\r\n\r\n.uk-panel-hover {\r\n padding: @panel-hover-padding;\r\n color: @panel-hover-color;\r\n .hook-panel-hover;\r\n}\r\n\r\n.uk-panel-hover:hover {\r\n background: @panel-hover-hover-background;\r\n color: @panel-hover-hover-color;\r\n .hook-panel-hover-hover;\r\n}\r\n\r\n.uk-panel-hover .uk-panel-badge {\r\n top: @panel-hover-badge-top;\r\n right: @panel-hover-badge-right;\r\n}\r\n\r\n.uk-panel-hover > .uk-panel-teaser {\r\n margin-top: @panel-hover-teaser-margin;\r\n margin-left: @panel-hover-teaser-margin;\r\n margin-right: @panel-hover-teaser-margin;\r\n}\r\n\r\n\r\n\/* Modifier: `uk-panel-header`\r\n ========================================================================== *\/\r\n\r\n.uk-panel-header .uk-panel-title {\r\n padding-bottom: @panel-header-title-padding;\r\n border-bottom: @panel-header-title-border-width solid @panel-header-title-border;\r\n color: @panel-header-title-color;\r\n .hook-panel-header;\r\n}\r\n\r\n\r\n\/* Modifier: `uk-panel-space`\r\n ========================================================================== *\/\r\n\r\n.uk-panel-space { padding: @panel-space-padding; }\r\n\r\n.uk-panel-space .uk-panel-badge {\r\n top: @panel-space-padding;\r\n right: @panel-space-padding;\r\n}\r\n\r\n\r\n\/* Modifier: `uk-panel-divider`\r\n ========================================================================== *\/\r\n\r\n.uk-panel + .uk-panel-divider { margin-top: (@panel-divider-gutter * 2) !important; }\r\n\r\n.uk-panel + .uk-panel-divider:before {\r\n content: \"\";\r\n display: block;\r\n position: absolute;\r\n top: -(@panel-divider-gutter);\r\n left: 0;\r\n right: 0;\r\n border-top: @panel-divider-border-width solid @panel-divider-border;\r\n}\r\n\r\n\/* Large screen and bigger *\/\r\n@media (min-width: @breakpoint-xlarge) {\r\n\r\n .uk-panel + .uk-panel-divider { margin-top: (@panel-divider-gutter-large * 2) !important; }\r\n .uk-panel + .uk-panel-divider:before { top: -(@panel-divider-gutter-large); }\r\n\r\n}\r\n\r\n\r\n\/\/ Hooks\r\n\/\/ ========================================================================\r\n\r\n.hook-panel-misc;\r\n\r\n.hook-panel-title() {}\r\n.hook-panel-badge() {}\r\n.hook-panel-box() {}\r\n.hook-panel-box-hover() {}\r\n.hook-panel-box-primary() {}\r\n.hook-panel-box-primary-hover() {}\r\n.hook-panel-box-secondary() {}\r\n.hook-panel-box-secondary-hover() {}\r\n.hook-panel-hover() {}\r\n.hook-panel-hover-hover() {}\r\n.hook-panel-header() {}\r\n.hook-panel-misc() {}\r\n\r\n\/\/ Name: Block\r\n\/\/ Description: Defines styles to create horizontal layout blocks\r\n\/\/\r\n\/\/ Component: `uk-block`\r\n\/\/\r\n\/\/ Modifiers: `uk-block-large`\r\n\/\/ `uk-block-default`\r\n\/\/ `uk-block-muted`\r\n\/\/ `uk-block-primary`\r\n\/\/ `uk-block-secondary`\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@block-padding-vertical: 20px;\r\n@block-padding-vertical-large: 50px;\r\n\r\n@block-large-padding-vertical: @block-padding-vertical;\r\n@block-large-padding-vertical-medium: @block-padding-vertical-large;\r\n@block-large-padding-vertical-large: 100px;\r\n\r\n@block-default-background: #fff;\r\n@block-muted-background: #f9f9f9;\r\n@block-primary-background: #00a8e6;\r\n@block-secondary-background: #222;\r\n\r\n\r\n\/* ========================================================================\r\n Component: Block\r\n ========================================================================== *\/\r\n\r\n.uk-block {\r\n position: relative;\r\n box-sizing: border-box;\r\n padding-top: @block-padding-vertical;\r\n padding-bottom: @block-padding-vertical;\r\n .hook-block;\r\n}\r\n\r\n\/* Phone landscape and bigger *\/\r\n@media (min-width: @breakpoint-medium) {\r\n\r\n .uk-block {\r\n padding-top: @block-padding-vertical-large;\r\n padding-bottom: @block-padding-vertical-large;\r\n }\r\n\r\n}\r\n\r\n\/*\r\n * Micro clearfix to make blocks more robust\r\n *\/\r\n\r\n.uk-block:before,\r\n.uk-block:after {\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.uk-block:after { clear: both; }\r\n\r\n\/*\r\n * Remove margin from the last-child\r\n *\/\r\n\r\n.uk-block > :last-child { margin-bottom: 0; }\r\n\r\n\r\n\/* Padding Modifier\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * Large padding\r\n *\/\r\n\r\n.uk-block-large {\r\n padding-top: @block-large-padding-vertical;\r\n padding-bottom: @block-large-padding-vertical;\r\n}\r\n\r\n\/* Tablets and bigger *\/\r\n@media (min-width: @breakpoint-medium) {\r\n\r\n .uk-block-large {\r\n padding-top: @block-large-padding-vertical-medium;\r\n padding-bottom: @block-large-padding-vertical-medium;\r\n }\r\n\r\n}\r\n\r\n\/* Desktop and bigger *\/\r\n@media (min-width: @breakpoint-large) {\r\n\r\n .uk-block-large {\r\n padding-top: @block-large-padding-vertical-large;\r\n padding-bottom: @block-large-padding-vertical-large;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* Color Modifier\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * Default\r\n *\/\r\n\r\n.uk-block-default {\r\n background: @block-default-background;\r\n .hook-block-default;\r\n}\r\n\r\n\/*\r\n * Muted\r\n *\/\r\n\r\n.uk-block-muted {\r\n background: @block-muted-background;\r\n .hook-block-muted;\r\n}\r\n\r\n\/*\r\n * Primary\r\n *\/\r\n\r\n.uk-block-primary {\r\n background: @block-primary-background;\r\n .hook-block-primary;\r\n}\r\n\r\n\/*\r\n * Secondary\r\n *\/\r\n\r\n.uk-block-secondary {\r\n background: @block-secondary-background;\r\n .hook-block-secondary;\r\n}\r\n\r\n\r\n\/\/ Hooks\r\n\/\/ ========================================================================\r\n\r\n.hook-block-misc;\r\n\r\n.hook-block() {}\r\n.hook-block-default() {}\r\n.hook-block-muted() {}\r\n.hook-block-secondary() {}\r\n.hook-block-primary() {}\r\n.hook-block-misc() {}\r\n\/\/ Name: Article\r\n\/\/ Description: Defines styles for articles within your page\r\n\/\/\r\n\/\/ Component: `uk-article`\r\n\/\/\r\n\/\/ Sub-objects: `uk-article-title`\r\n\/\/ `uk-article-meta`\r\n\/\/ `uk-article-lead`\r\n\/\/ `uk-article-divider`\r\n\/\/\r\n\/\/ Markup:\r\n\/\/\r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@article-margin-top: 25px;\r\n\r\n@article-title-font-size: 36px;\r\n@article-title-line-height: 42px;\r\n@article-title-font-weight: normal;\r\n@article-title-text-transform: none;\r\n\r\n@article-meta-font-size: 12px;\r\n@article-meta-line-height: 18px;\r\n@article-meta-color: #999;\r\n\r\n@article-lead-color: #444;\r\n@article-lead-font-size: 18px;\r\n@article-lead-line-height: 24px;\r\n@article-lead-font-weight: normal;\r\n\r\n@article-divider-margin: 25px;\r\n@article-divider-border: #ddd;\r\n\r\n\r\n\/* ========================================================================\r\n Component: Article\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * Micro clearfix to make articles more robust\r\n *\/\r\n\r\n.uk-article:before,\r\n.uk-article:after {\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.uk-article:after { clear: both; }\r\n\r\n\/*\r\n * Remove margin from the last-child\r\n *\/\r\n\r\n.uk-article > :last-child { margin-bottom: 0; }\r\n\r\n\/*\r\n * Vertical gutter for articles\r\n *\/\r\n\r\n.uk-article + .uk-article { margin-top: @article-margin-top; }\r\n\r\n\r\n\/* Sub-object `uk-article-title`\r\n ========================================================================== *\/\r\n\r\n.uk-article-title {\r\n font-size: @article-title-font-size;\r\n line-height: @article-title-line-height;\r\n font-weight: @article-title-font-weight;\r\n text-transform: @article-title-text-transform;\r\n .hook-article-title;\r\n}\r\n\r\n.uk-article-title a {\r\n color: inherit;\r\n text-decoration: none;\r\n}\r\n\r\n\r\n\/* Sub-object `uk-article-meta`\r\n ========================================================================== *\/\r\n\r\n.uk-article-meta {\r\n font-size: @article-meta-font-size;\r\n line-height: @article-meta-line-height;\r\n color: @article-meta-color;\r\n .hook-article-meta;\r\n}\r\n\r\n\r\n\/* Sub-object `uk-article-lead`\r\n ========================================================================== *\/\r\n\r\n.uk-article-lead {\r\n color: @article-lead-color;\r\n font-size: @article-lead-font-size;\r\n line-height: @article-lead-line-height;\r\n font-weight: @article-lead-font-weight;\r\n .hook-article-lead;\r\n}\r\n\r\n\r\n\/* Sub-object `uk-article-divider`\r\n ========================================================================== *\/\r\n\r\n.uk-article-divider {\r\n margin-bottom: @article-divider-margin;\r\n border-color: @article-divider-border;\r\n .hook-article-divider;\r\n}\r\n\r\n* + .uk-article-divider { margin-top: @article-divider-margin; }\r\n\r\n\r\n\/\/ Hooks\r\n\/\/ ========================================================================\r\n\r\n.hook-article-misc;\r\n\r\n.hook-article-title() {}\r\n.hook-article-meta() {}\r\n.hook-article-lead() {}\r\n.hook-article-divider() {}\r\n.hook-article-misc() {}\r\n\/\/ Name: Comment\r\n\/\/ Description: Defines styles for comment threads\r\n\/\/\r\n\/\/ Component: `uk-comment`\r\n\/\/\r\n\/\/ Sub-objects: `uk-comment-header`\r\n\/\/ `uk-comment-avatar`\r\n\/\/ `uk-comment-title`\r\n\/\/ `uk-comment-meta`\r\n\/\/ `uk-comment-body`\r\n\/\/ `uk-comment-list`\r\n\/\/ `uk-comment-primary`\r\n\/\/\r\n\/\/ Markup:\r\n\/\/\r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@comment-header-margin-bottom: 15px;\r\n\r\n@comment-avatar-margin-right: 15px;\r\n\r\n@comment-title-margin-top: 5px;\r\n@comment-title-font-size: 16px;\r\n@comment-title-line-height: 22px;\r\n\r\n@comment-meta-margin-top: 2px;\r\n@comment-meta-color: #999;\r\n@comment-meta-font-size: 11px;\r\n@comment-meta-line-height: 16px;\r\n\r\n@comment-list-margin-top: 15px;\r\n@comment-list-padding-left: 100px;\r\n\r\n\r\n\/* ========================================================================\r\n Component: Comment\r\n ========================================================================== *\/\r\n\r\n.uk-comment {\r\n .hook-comment;\r\n}\r\n\r\n\r\n\/* Sub-object `uk-comment-header`\r\n ========================================================================== *\/\r\n\r\n.uk-comment-header {\r\n margin-bottom: @comment-header-margin-bottom;\r\n .hook-comment-header;\r\n}\r\n\r\n\/*\r\n * Micro clearfix\r\n *\/\r\n\r\n.uk-comment-header:before,\r\n.uk-comment-header:after {\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.uk-comment-header:after { clear: both; }\r\n\r\n\r\n\/* Sub-object `uk-comment-avatar`\r\n ========================================================================== *\/\r\n\r\n.uk-comment-avatar {\r\n margin-right: @comment-avatar-margin-right;\r\n float: left;\r\n .hook-comment-avatar;\r\n}\r\n\r\n\r\n\/* Sub-object `uk-comment-title`\r\n ========================================================================== *\/\r\n\r\n.uk-comment-title {\r\n margin: @comment-title-margin-top 0 0 0;\r\n font-size: @comment-title-font-size;\r\n line-height: @comment-title-line-height;\r\n .hook-comment-title;\r\n}\r\n\r\n\r\n\/* Sub-object `uk-comment-meta`\r\n ========================================================================== *\/\r\n\r\n.uk-comment-meta {\r\n margin: @comment-meta-margin-top 0 0 0;\r\n font-size: @comment-meta-font-size;\r\n line-height: @comment-meta-line-height;\r\n color: @comment-meta-color;\r\n .hook-comment-meta;\r\n}\r\n\r\n\r\n\/* Sub-object `uk-comment-body`\r\n ========================================================================== *\/\r\n\r\n.uk-comment-body {\r\n .hook-comment-body;\r\n}\r\n\r\n\/*\r\n * Remove margin from the last-child\r\n *\/\r\n\r\n .uk-comment-body > :last-child { margin-bottom: 0; }\r\n\r\n\r\n\/* Sub-object `uk-comment-list`\r\n ========================================================================== *\/\r\n\r\n.uk-comment-list {\r\n padding: 0;\r\n list-style: none;\r\n}\r\n\r\n.uk-comment-list .uk-comment + ul {\r\n margin: @comment-list-margin-top 0 0 0;\r\n list-style: none;\r\n}\r\n\r\n.uk-comment-list > li:nth-child(n+2),\r\n.uk-comment-list .uk-comment + ul > li:nth-child(n+2) { margin-top: @comment-list-margin-top; }\r\n\r\n\/* Tablet and bigger *\/\r\n@media (min-width: @breakpoint-medium) {\r\n\r\n .uk-comment-list .uk-comment + ul { padding-left: @comment-list-padding-left; }\r\n\r\n}\r\n\r\n\r\n\/* Modifier `uk-comment-primary`\r\n ========================================================================== *\/\r\n\r\n.uk-comment-primary {\r\n .hook-comment-primary;\r\n}\r\n\r\n\r\n\/\/ Hooks\r\n\/\/ ========================================================================\r\n\r\n.hook-comment-misc;\r\n\r\n.hook-comment() {}\r\n.hook-comment-header() {}\r\n.hook-comment-avatar() {}\r\n.hook-comment-title() {}\r\n.hook-comment-meta() {}\r\n.hook-comment-body() {}\r\n.hook-comment-primary() {}\r\n.hook-comment-misc() {}\r\n\/\/ Name: Cover\r\n\/\/ Description: Defines styles for images and videos to cover their container in a centered position\r\n\/\/\r\n\/\/ Component: `uk-cover-*`\r\n\/\/\r\n\/\/ Used by: Slideshow\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/* ========================================================================\r\n Component: Cover\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * Background image always covers and centers its element\r\n *\/\r\n\r\n.uk-cover-background {\r\n background-position: 50% 50%;\r\n background-size: cover;\r\n background-repeat: no-repeat;\r\n}\r\n\r\n\/*\r\n * Emulates image cover, works with video and image elements\r\n * 1. Parent container which clips resized object\r\n * 2. Resizes the object to always covers its container\r\n * 3. Reset the responsive image CSS\r\n * 4. Center object\r\n *\/\r\n\r\n\/* 1 *\/\r\n.uk-cover { overflow: hidden; }\r\n\r\n.uk-cover-object {\r\n \/* 2 *\/\r\n width: auto;\r\n height: auto;\r\n min-width: 100%;\r\n min-height: 100%;\r\n \/* 3 *\/\r\n max-width: none;\r\n \/* 4 *\/\r\n position: relative;\r\n left: 50%;\r\n top: 50%;\r\n -webkit-transform: translate(-50%,-50%);\r\n transform: translate(-50%,-50%);\r\n}\r\n\r\n\/*\r\n * To center iframes use `data-uk-cover` JavaScript\r\n *\/\r\n\r\n[data-uk-cover] {\r\n position: relative;\r\n left: 50%;\r\n top: 50%;\r\n -webkit-transform: translate(-50%,-50%);\r\n transform: translate(-50%,-50%);\r\n}\r\n\r\n\r\n\/\/ Hooks\r\n\/\/ ========================================================================\r\n\r\n.hook-cover-misc;\r\n\r\n.hook-cover-misc() {}\r\n\r\n\/\/ Navs\r\n\/\/ Name: Nav\r\n\/\/ Description: Defines styles for list navigations\r\n\/\/\r\n\/\/ Component: `uk-nav`\r\n\/\/\r\n\/\/ Sub-objects: `uk-nav-header`\r\n\/\/ `uk-nav-divider`\r\n\/\/ `uk-nav-sub`\r\n\/\/\r\n\/\/ Modifiers: `uk-nav-parent-icon`\r\n\/\/ `uk-nav-side`\r\n\/\/ `uk-nav-dropdown`\r\n\/\/ `uk-nav-navbar`\r\n\/\/ `uk-nav-offcanvas`\r\n\/\/\r\n\/\/ States: `uk-active`\r\n\/\/ `uk-parent`\r\n\/\/ `uk-open`\r\n\/\/ `uk-touch`\r\n\/\/\r\n\/\/ Uses: Icon: FontAwesome\r\n\/\/\r\n\/\/ Used by: Panel\r\n\/\/ Dropdown\r\n\/\/\r\n\/\/ Markup:\r\n\/\/\r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@nav-padding-vertical: 5px;\r\n@nav-padding-horizontal: 15px;\r\n\r\n@nav-header-padding-vertical: @nav-padding-vertical;\r\n@nav-header-padding-horizontal: @nav-padding-horizontal;\r\n@nav-header-font-size: 12px;\r\n@nav-header-font-weight: bold;\r\n@nav-header-text-transform: uppercase;\r\n@nav-header-margin-top: 15px;\r\n\r\n@nav-divider-margin-vertical: 9px;\r\n@nav-divider-margin-horizontal: @nav-padding-horizontal;\r\n\r\n@nav-subtitle-font-size: 12px;\r\n@nav-subtitle-line-height: 18px;\r\n\r\n@nav-nested-padding-left: 15px;\r\n@nav-nested-padding-vertical: 2px;\r\n@nav-nested-padding-horizontal: 0;\r\n\r\n@nav-sub-padding-vertical: 5px;\r\n@nav-sub-padding-left: @nav-padding-horizontal;\r\n\r\n@nav-parent-icon: \"\\f104\";\r\n@nav-parent-open-icon: \"\\f107\";\r\n@nav-parent-icon-width: 20px;\r\n@nav-parent-icon-margin-right: -10px;\r\n\r\n@nav-side-color: #444;\r\n@nav-side-hover-background: rgba(0,0,0,0.05);\r\n@nav-side-hover-color: #444;\r\n@nav-side-active-background: #00a8e6;\r\n@nav-side-active-color: #fff;\r\n@nav-side-header-color: #444;\r\n@nav-side-divider-border: #ddd;\r\n@nav-side-divider-border-width: 1px;\r\n@nav-side-nested-color: #07D;\r\n@nav-side-nested-hover-color: #059;\r\n\r\n@nav-dropdown-color: #444;\r\n@nav-dropdown-hover-background: #00a8e6;\r\n@nav-dropdown-hover-color: #fff;\r\n@nav-dropdown-header-color: #999;\r\n@nav-dropdown-divider-border: #ddd;\r\n@nav-dropdown-divider-border-width: 1px;\r\n@nav-dropdown-nested-color: #07D;\r\n@nav-dropdown-nested-hover-color: #059;\r\n\r\n@nav-navbar-color: #444;\r\n@nav-navbar-hover-background: #00a8e6;\r\n@nav-navbar-hover-color: #fff;\r\n@nav-navbar-header-color: #999;\r\n@nav-navbar-divider-border: #ddd;\r\n@nav-navbar-divider-border-width: 1px;\r\n@nav-navbar-nested-color: #07D;\r\n@nav-navbar-nested-hover-color: #059;\r\n\r\n@nav-offcanvas-padding-vertical: 10px;\r\n@nav-offcanvas-padding-horizontal: 15px;\r\n@nav-offcanvas-color: #ccc;\r\n@nav-offcanvas-hover-background: #404040;\r\n@nav-offcanvas-hover-color: #fff;\r\n@nav-offcanvas-active-background: #1a1a1a;\r\n@nav-offcanvas-active-color: #fff;\r\n@nav-offcanvas-header-color: #777;\r\n@nav-offcanvas-divider-border: #1a1a1a;\r\n@nav-offcanvas-divider-border-width: 1px;\r\n@nav-offcanvas-nested-color: #ccc;\r\n@nav-offcanvas-nested-hover-color: #fff;\r\n\r\n\r\n\/* ========================================================================\r\n Component: Nav\r\n ========================================================================== *\/\r\n\r\n.uk-nav,\r\n.uk-nav ul {\r\n margin: 0;\r\n padding: 0;\r\n list-style: none;\r\n}\r\n\r\n\/*\r\n * Items\r\n *\/\r\n\r\n.uk-nav li > a {\r\n display: block;\r\n text-decoration: none;\r\n}\r\n\r\n.uk-nav > li > a { padding: @nav-padding-vertical @nav-padding-horizontal; }\r\n\r\n\/*\r\n * Nested items\r\n *\/\r\n\r\n.uk-nav ul { padding-left: @nav-nested-padding-left; }\r\n\r\n.uk-nav ul a { padding: @nav-nested-padding-vertical @nav-nested-padding-horizontal; }\r\n\r\n\/*\r\n * Item subtitle\r\n *\/\r\n\r\n.uk-nav li > a > div {\r\n font-size: @nav-subtitle-font-size;\r\n line-height: @nav-subtitle-line-height;\r\n}\r\n\r\n\r\n\/* Sub-object: `uk-nav-header`\r\n ========================================================================== *\/\r\n\r\n.uk-nav-header {\r\n padding: @nav-header-padding-vertical @nav-header-padding-horizontal;\r\n text-transform: @nav-header-text-transform;\r\n font-weight: @nav-header-font-weight;\r\n font-size: @nav-header-font-size;\r\n .hook-nav-header;\r\n}\r\n\r\n.uk-nav-header:not(:first-child) { margin-top: @nav-header-margin-top; }\r\n\r\n\r\n\/* Sub-object: `uk-nav-divider`\r\n ========================================================================== *\/\r\n\r\n.uk-nav-divider {\r\n margin: @nav-divider-margin-vertical @nav-divider-margin-horizontal;\r\n .hook-nav-divider;\r\n}\r\n\r\n\r\n\/* Sub-object: `uk-nav-sub`\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * `ul` needed for higher specificity to override padding\r\n *\/\r\n\r\nul.uk-nav-sub {\r\n padding: @nav-sub-padding-vertical 0 @nav-sub-padding-vertical @nav-sub-padding-left;\r\n .hook-nav-sub;\r\n}\r\n\r\n\r\n\/* Modifier: `uk-nav-parent-icon`\r\n ========================================================================== *\/\r\n\r\n.uk-nav-parent-icon > .uk-parent > a:after {\r\n content: @nav-parent-icon;\r\n width: @nav-parent-icon-width;\r\n margin-right: @nav-parent-icon-margin-right;\r\n float: right;\r\n font-family: FontAwesome;\r\n text-align: center;\r\n .hook-nav-parent-icon;\r\n}\r\n\r\n.uk-nav-parent-icon > .uk-parent.uk-open > a:after { content: @nav-parent-open-icon; }\r\n\r\n\r\n\/* Modifier `uk-nav-side`\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * Items\r\n *\/\r\n\r\n.uk-nav-side > li > a {\r\n color: @nav-side-color;\r\n .hook-nav-side;\r\n}\r\n\r\n\/*\r\n * Hover\r\n * 1. Apply hover style also to focus state\r\n * 2. Remove default focus style\r\n *\/\r\n\r\n.uk-nav-side > li > a:hover,\r\n.uk-nav-side > li > a:focus { \/\/ 1\r\n background: @nav-side-hover-background;\r\n color: @nav-side-hover-color;\r\n \/* 2 *\/\r\n outline: none;\r\n .hook-nav-side-hover;\r\n}\r\n\r\n\/* Active *\/\r\n.uk-nav-side > li.uk-active > a {\r\n background: @nav-side-active-background;\r\n color: @nav-side-active-color;\r\n .hook-nav-side-active;\r\n}\r\n\r\n\/*\r\n * Sub-object: `uk-nav-header`\r\n *\/\r\n\r\n.uk-nav-side .uk-nav-header {\r\n color: @nav-side-header-color;\r\n .hook-nav-side-header;\r\n}\r\n\r\n\/*\r\n * Sub-object: `uk-nav-divider`\r\n *\/\r\n\r\n.uk-nav-side .uk-nav-divider {\r\n border-top: @nav-side-divider-border-width solid @nav-side-divider-border;\r\n .hook-nav-side-divider;\r\n}\r\n\r\n\/*\r\n * Nested items\r\n *\/\r\n\r\n.uk-nav-side ul a { color: @nav-side-nested-color; }\r\n.uk-nav-side ul a:hover { color: @nav-side-nested-hover-color; }\r\n\r\n\r\n\/* Modifier `uk-nav-dropdown`\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * Items\r\n *\/\r\n\r\n.uk-nav-dropdown > li > a {\r\n color: @nav-dropdown-color;\r\n .hook-nav-dropdown;\r\n}\r\n\r\n\/*\r\n * Hover\r\n * 1. Apply hover style also to focus state\r\n * 2. Remove default focus style\r\n *\/\r\n\r\n.uk-nav-dropdown > li > a:hover,\r\n.uk-nav-dropdown > li > a:focus { \/\/ 1\r\n background: @nav-dropdown-hover-background;\r\n color: @nav-dropdown-hover-color;\r\n \/* 2 *\/\r\n outline: none;\r\n .hook-nav-dropdown-hover;\r\n}\r\n\r\n\/*\r\n * Sub-object: `uk-nav-header`\r\n *\/\r\n\r\n.uk-nav-dropdown .uk-nav-header {\r\n color: @nav-dropdown-header-color;\r\n .hook-nav-dropdown-header;\r\n}\r\n\r\n\/*\r\n * Sub-object: `uk-nav-divider`\r\n *\/\r\n\r\n.uk-nav-dropdown .uk-nav-divider {\r\n border-top: @nav-dropdown-divider-border-width solid @nav-dropdown-divider-border;\r\n .hook-nav-dropdown-divider;\r\n}\r\n\r\n\/*\r\n * Nested items\r\n *\/\r\n\r\n.uk-nav-dropdown ul a { color: @nav-dropdown-nested-color; }\r\n.uk-nav-dropdown ul a:hover { color: @nav-dropdown-nested-hover-color; }\r\n\r\n\r\n\/* Modifier `uk-nav-navbar`\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * Items\r\n *\/\r\n\r\n.uk-nav-navbar > li > a {\r\n color: @nav-navbar-color;\r\n .hook-nav-navbar;\r\n}\r\n\r\n\/*\r\n * Hover\r\n * 1. Apply hover style also to focus state\r\n * 2. Remove default focus style\r\n *\/\r\n\r\n.uk-nav-navbar > li > a:hover,\r\n.uk-nav-navbar > li > a:focus { \/\/ 1\r\n background: @nav-navbar-hover-background;\r\n color: @nav-navbar-hover-color;\r\n \/* 2 *\/\r\n outline: none;\r\n .hook-nav-navbar-hover;\r\n}\r\n\r\n\/*\r\n * Sub-object: `uk-nav-header`\r\n *\/\r\n\r\n.uk-nav-navbar .uk-nav-header {\r\n color: @nav-navbar-header-color;\r\n .hook-nav-navbar-header;\r\n}\r\n\r\n\/*\r\n * Sub-object: `uk-nav-divider`\r\n *\/\r\n\r\n.uk-nav-navbar .uk-nav-divider {\r\n border-top: @nav-navbar-divider-border-width solid @nav-navbar-divider-border;\r\n .hook-nav-navbar-divider;\r\n}\r\n\r\n\/*\r\n * Nested items\r\n *\/\r\n\r\n.uk-nav-navbar ul a { color: @nav-navbar-nested-color; }\r\n.uk-nav-navbar ul a:hover { color: @nav-navbar-nested-hover-color; }\r\n\r\n\r\n\/* Modifier `uk-nav-offcanvas`\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * Items\r\n *\/\r\n\r\n.uk-nav-offcanvas > li > a {\r\n color: @nav-offcanvas-color;\r\n padding: @nav-offcanvas-padding-vertical @nav-offcanvas-padding-horizontal;\r\n .hook-nav-offcanvas;\r\n}\r\n\r\n\/*\r\n * Hover\r\n * No hover on touch devices because it behaves buggy in fixed offcanvas\r\n * 1. Apply hover style also to focus state\r\n * 2. Remove default focus style\r\n *\/\r\n\r\n.uk-nav-offcanvas > .uk-open > a,\r\nhtml:not(.uk-touch) .uk-nav-offcanvas > li > a:hover,\r\nhtml:not(.uk-touch) .uk-nav-offcanvas > li > a:focus { \/\/ 1\r\n background: @nav-offcanvas-hover-background;\r\n color: @nav-offcanvas-hover-color;\r\n \/* 2 *\/\r\n outline: none;\r\n .hook-nav-offcanvas-hover;\r\n}\r\n\r\n\/*\r\n * Active\r\n * `html .uk-nav` needed for higher specificity to override hover\r\n *\/\r\nhtml .uk-nav.uk-nav-offcanvas > li.uk-active > a {\r\n background: @nav-offcanvas-active-background;\r\n color: @nav-offcanvas-active-color;\r\n .hook-nav-offcanvas-active;\r\n}\r\n\r\n\/*\r\n * Sub-object: `uk-nav-header`\r\n *\/\r\n\r\n.uk-nav-offcanvas .uk-nav-header {\r\n color: @nav-offcanvas-header-color;\r\n .hook-nav-offcanvas-header;\r\n}\r\n\r\n\/*\r\n * Sub-object: `uk-nav-divider`\r\n *\/\r\n\r\n.uk-nav-offcanvas .uk-nav-divider {\r\n border-top: @nav-offcanvas-divider-border-width solid @nav-offcanvas-divider-border;\r\n .hook-nav-offcanvas-divider;\r\n}\r\n\r\n\/*\r\n * Nested items\r\n * No hover on touch devices because it behaves buggy in fixed offcanvas\r\n *\/\r\n\r\n.uk-nav-offcanvas ul a { color: @nav-offcanvas-nested-color; }\r\nhtml:not(.uk-touch) .uk-nav-offcanvas ul a:hover { color: @nav-offcanvas-nested-hover-color; }\r\n\r\n\r\n\/\/ Hooks\r\n\/\/ ========================================================================\r\n\r\n.hook-nav-misc;\r\n\r\n.hook-nav-header() {}\r\n.hook-nav-divider() {}\r\n.hook-nav-sub() {}\r\n.hook-nav-parent-icon() {}\r\n\r\n.hook-nav-side() {}\r\n.hook-nav-side-hover() {}\r\n.hook-nav-side-active() {}\r\n.hook-nav-side-header() {}\r\n.hook-nav-side-divider() {}\r\n\r\n.hook-nav-dropdown() {}\r\n.hook-nav-dropdown-hover() {}\r\n.hook-nav-dropdown-header() {}\r\n.hook-nav-dropdown-divider() {}\r\n\r\n.hook-nav-navbar() {}\r\n.hook-nav-navbar-hover() {}\r\n.hook-nav-navbar-header() {}\r\n.hook-nav-navbar-divider() {}\r\n\r\n.hook-nav-offcanvas() {}\r\n.hook-nav-offcanvas-hover() {}\r\n.hook-nav-offcanvas-active() {}\r\n.hook-nav-offcanvas-header() {}\r\n.hook-nav-offcanvas-divider() {}\r\n\r\n.hook-nav-misc() {}\r\n\/\/ Name: Navbar\r\n\/\/ Description: Defines styles for the navigation bar\r\n\/\/\r\n\/\/ Component: `uk-navbar`\r\n\/\/\r\n\/\/ Sub-objects: `uk-navbar-nav`\r\n\/\/ `uk-navbar-nav-subtitle`\r\n\/\/ `uk-navbar-content`\r\n\/\/ `uk-navbar-brand`\r\n\/\/ `uk-navbar-toggle`\r\n\/\/ `uk-navbar-toggle-alt`\r\n\/\/ `uk-navbar-center`\r\n\/\/ `uk-navbar-flip`\r\n\/\/\r\n\/\/ Modifiers: `uk-navbar-attached`\r\n\/\/\r\n\/\/ States: `uk-active`\r\n\/\/ `uk-parent`\r\n\/\/ `uk-open`\r\n\/\/\r\n\/\/ Used by: Dropdown\r\n\/\/\r\n\/\/ Markup:\r\n\/\/\r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@navbar-background: #eee;\r\n@navbar-color: #444;\r\n@navbar-link-color: #07D;\r\n@navbar-link-hover-color: #059;\r\n\r\n@navbar-nav-height: 40px;\r\n@navbar-nav-line-height: @navbar-nav-height;\r\n@navbar-nav-padding-horizontal: 15px;\r\n@navbar-nav-color: #444;\r\n@navbar-nav-font-size: 14px;\r\n@navbar-nav-font-weight: normal;\r\n@navbar-nav-font-family: \"Helvetica Neue\", Helvetica, Arial, sans-serif;\r\n@navbar-nav-hover-background: #f5f5f5;\r\n@navbar-nav-hover-color: #444;\r\n@navbar-nav-onclick-background: #ddd;\r\n@navbar-nav-onclick-color: #444;\r\n@navbar-nav-active-background: #f5f5f5;\r\n@navbar-nav-active-color: #444;\r\n@navbar-nav-subtitle-font-size: 10px;\r\n@navbar-nav-subtitle-offset: 2px;\r\n\r\n@navbar-brand-font-size: 18px;\r\n@navbar-brand-color: #444;\r\n@navbar-brand-hover-color: #444;\r\n\r\n@navbar-toggle-font-size: 18px;\r\n@navbar-toggle-color: #444;\r\n@navbar-toggle-hover-color: #444;\r\n@navbar-toggle-icon: \"\\f0c9\";\r\n@navbar-toggle-icon-alt: \"\\f002\";\r\n\r\n\r\n\/* ========================================================================\r\n Component: Navbar\r\n ========================================================================== *\/\r\n\r\n.uk-navbar {\r\n background: @navbar-background;\r\n color: @navbar-color;\r\n .hook-navbar;\r\n}\r\n\r\n\/*\r\n * Micro clearfix\r\n *\/\r\n\r\n.uk-navbar:before,\r\n.uk-navbar:after {\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.uk-navbar:after { clear: both; }\r\n\r\n\r\n\/* Sub-object: `uk-navbar-nav`\r\n ========================================================================== *\/\r\n\r\n.uk-navbar-nav {\r\n margin: 0;\r\n padding: 0;\r\n list-style: none;\r\n float: left;\r\n}\r\n\r\n\/*\r\n * 1. Create position context for dropdowns\r\n *\/\r\n\r\n.uk-navbar-nav > li {\r\n float: left;\r\n \/* 1 *\/\r\n position: relative;\r\n}\r\n\r\n\/*\r\n * 1. Dimensions\r\n * 2. Style\r\n *\/\r\n\r\n.uk-navbar-nav > li > a {\r\n display: block;\r\n box-sizing: border-box;\r\n text-decoration: none;\r\n \/* 1 *\/\r\n height: @navbar-nav-height;\r\n padding: 0 @navbar-nav-padding-horizontal;\r\n line-height: @navbar-nav-line-height;\r\n \/* 2 *\/\r\n color: @navbar-nav-color;\r\n font-size: @navbar-nav-font-size;\r\n font-family: @navbar-nav-font-family;\r\n font-weight: @navbar-nav-font-weight;\r\n .hook-navbar-nav;\r\n}\r\n\r\n\/* Appear not as link *\/\r\n.uk-navbar-nav > li > a[href='#'] { cursor: text; }\r\n\r\n\/*\r\n * Hover\r\n * 1. Apply hover style also to focus state\r\n * 2. Also apply if dropdown is opened\r\n * 3. Remove default focus style\r\n *\/\r\n\r\n.uk-navbar-nav > li:hover > a,\r\n.uk-navbar-nav > li > a:focus, \/\/ 1\r\n.uk-navbar-nav > li.uk-open > a { \/\/ 2\r\n background-color: @navbar-nav-hover-background;\r\n color: @navbar-nav-hover-color;\r\n \/* 3 *\/\r\n outline: none;\r\n .hook-navbar-nav-hover;\r\n}\r\n\r\n\/* OnClick *\/\r\n.uk-navbar-nav > li > a:active {\r\n background-color: @navbar-nav-onclick-background;\r\n color: @navbar-nav-onclick-color;\r\n .hook-navbar-nav-onclick;\r\n}\r\n\r\n\/* Active *\/\r\n.uk-navbar-nav > li.uk-active > a {\r\n background-color: @navbar-nav-active-background;\r\n color: @navbar-nav-active-color;\r\n .hook-navbar-nav-active;\r\n}\r\n\r\n\r\n\/* Sub-objects: `uk-navbar-nav-subtitle`\r\n ========================================================================== *\/\r\n\r\n.uk-navbar-nav .uk-navbar-nav-subtitle { line-height: @navbar-nav-line-height - @navbar-nav-subtitle-font-size - @navbar-nav-subtitle-offset; }\r\n\r\n.uk-navbar-nav-subtitle > div {\r\n margin-top: ((@navbar-nav-line-height - @navbar-nav-subtitle-font-size - @navbar-nav-font-size) \/ -2) + @navbar-nav-subtitle-offset;\r\n font-size: @navbar-nav-subtitle-font-size;\r\n line-height: @navbar-nav-subtitle-font-size + @navbar-nav-subtitle-offset;\r\n}\r\n\r\n\r\n\/* Sub-objects: `uk-navbar-content`, `uk-navbar-brand`, `uk-navbar-toggle`\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * Imitate navbar items\r\n *\/\r\n\r\n.uk-navbar-content,\r\n.uk-navbar-brand,\r\n.uk-navbar-toggle {\r\n box-sizing: border-box;\r\n display: block;\r\n height: @navbar-nav-height;\r\n padding: 0 @navbar-nav-padding-horizontal;\r\n float: left;\r\n .hook-navbar-content;\r\n}\r\n\r\n\/*\r\n * Helper to center all child elements vertically\r\n *\/\r\n\r\n.uk-navbar-content:before,\r\n.uk-navbar-brand:before,\r\n.uk-navbar-toggle:before {\r\n content: '';\r\n display: inline-block;\r\n height: 100%;\r\n vertical-align: middle;\r\n}\r\n\r\n\r\n\/* Sub-objects: `uk-navbar-content`\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * Better sibling spacing\r\n *\/\r\n\r\n.uk-navbar-content + .uk-navbar-content:not(.uk-navbar-center) { padding-left: 0; }\r\n\r\n\/*\r\n * Link colors\r\n *\/\r\n\r\n.uk-navbar-content > a:not([class]) { color: @navbar-link-color; }\r\n.uk-navbar-content > a:not([class]):hover { color: @navbar-link-hover-color; }\r\n\r\n\r\n\/* Sub-objects: `uk-navbar-brand`\r\n ========================================================================== *\/\r\n\r\n.uk-navbar-brand {\r\n font-size: @navbar-brand-font-size;\r\n color: @navbar-brand-color;\r\n text-decoration: none;\r\n}\r\n\r\n\/*\r\n * 1. Apply hover style also to focus state\r\n * 2. Remove default focus style\r\n *\/\r\n\r\n.uk-navbar-brand:hover,\r\n.uk-navbar-brand:focus { \/\/ 1\r\n color: @navbar-brand-hover-color;\r\n text-decoration: none;\r\n \/* 2 *\/\r\n outline: none;\r\n}\r\n\r\n\r\n\/* Sub-object: `uk-navbar-toggle`\r\n ========================================================================== *\/\r\n\r\n.uk-navbar-toggle {\r\n font-size: @navbar-toggle-font-size;\r\n color: @navbar-toggle-color;\r\n text-decoration: none;\r\n}\r\n\r\n\/*\r\n * 1. Apply hover style also to focus state\r\n * 2. Remove default focus style\r\n *\/\r\n\r\n.uk-navbar-toggle:hover,\r\n.uk-navbar-toggle:focus { \/\/ 1\r\n color: @navbar-toggle-hover-color;\r\n text-decoration: none;\r\n \/* 2 *\/\r\n outline: none;\r\n}\r\n\r\n\/*\r\n * 1. Center icon vertically\r\n *\/\r\n\r\n.uk-navbar-toggle:after {\r\n content: @navbar-toggle-icon;\r\n font-family: FontAwesome;\r\n \/* 1 *\/\r\n vertical-align: middle;\r\n}\r\n\r\n.uk-navbar-toggle-alt:after { content: @navbar-toggle-icon-alt; }\r\n\r\n\r\n\/* Sub-object: `uk-navbar-center`\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * The element with this class needs to be last child in the navbar\r\n * 1. This hack is needed because other float elements shift centered text\r\n *\/\r\n\r\n.uk-navbar-center {\r\n float: none;\r\n text-align: center;\r\n \/* 1 *\/\r\n max-width: 50%;\r\n margin-left: auto;\r\n margin-right: auto;\r\n}\r\n\r\n\r\n\/* Sub-object: `uk-navbar-flip`\r\n ========================================================================== *\/\r\n\r\n.uk-navbar-flip { float: right; }\r\n\r\n\r\n\/\/ Hooks\r\n\/\/ ========================================================================\r\n\r\n.hook-navbar-misc;\r\n\r\n.hook-navbar() {}\r\n.hook-navbar-nav() {}\r\n.hook-navbar-nav-hover() {}\r\n.hook-navbar-nav-onclick() {}\r\n.hook-navbar-nav-active() {}\r\n.hook-navbar-content() {}\r\n.hook-navbar-misc() {}\r\n\/\/ Name: Subnav\r\n\/\/ Description: Defines styles for the sub navigation\r\n\/\/\r\n\/\/ Component: `uk-subnav`\r\n\/\/\r\n\/\/ Modifiers: `uk-subnav-line`\r\n\/\/ `uk-subnav-pill`\r\n\/\/\r\n\/\/ States: `uk-active`\r\n\/\/\r\n\/\/ Markup:\r\n\/\/\r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@subnav-margin-horizontal: 10px;\r\n@subnav-margin-vertical: @subnav-margin-horizontal;\r\n\r\n@subnav-color: #444;\r\n@subnav-hover-color: #07D;\r\n@subnav-hover-text-decoration: none;\r\n@subnav-active-color: #07D;\r\n\r\n@subnav-line-border-height: 10px;\r\n@subnav-line-border: #ddd;\r\n@subnav-line-border-width: 1px;\r\n\r\n@subnav-pill-padding-vertical: 3px;\r\n@subnav-pill-padding-horizontal: 9px;\r\n@subnav-pill-hover-background: #eee;\r\n@subnav-pill-hover-color: #444;\r\n@subnav-pill-active-background: #00a8e6;\r\n@subnav-pill-active-color: #fff;\r\n\r\n@subnav-disabled-color: #999;\r\n\r\n\r\n\/* ========================================================================\r\n Component: Subnav\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * 1. Gutter\r\n * 2. Remove default list style\r\n *\/\r\n\r\n.uk-subnav {\r\n display: -ms-flexbox;\r\n display: -webkit-flex;\r\n display: flex;\r\n -ms-flex-wrap: wrap;\r\n -webkit-flex-wrap: wrap;\r\n flex-wrap: wrap;\r\n \/* 1 *\/\r\n margin-left: -@subnav-margin-horizontal;\r\n margin-top: -@subnav-margin-vertical;\r\n \/* 2 *\/\r\n padding: 0;\r\n list-style: none;\r\n}\r\n\r\n\/*\r\n * 1. Space is allocated solely based on content dimensions\r\n * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied\r\n * 3. Create position context for dropdowns\r\n *\/\r\n\r\n.uk-subnav > * {\r\n \/* 1 *\/\r\n -ms-flex: none;\r\n -webkit-flex: none;\r\n flex: none;\r\n \/* 2 *\/\r\n padding-left: @subnav-margin-horizontal;\r\n margin-top: @subnav-margin-vertical;\r\n \/* 3 *\/\r\n position: relative;\r\n}\r\n\r\n\/*\r\n * DEPRECATED IE9 Support\r\n *\/\r\n\r\n.uk-subnav:before,\r\n.uk-subnav:after {\r\n content: \"\";\r\n display: block;\r\n overflow: hidden;\r\n}\r\n\r\n.uk-subnav:after { clear: both; }\r\n\r\n.uk-subnav > * { float: left; }\r\n\r\n\r\n\/* Items\r\n ========================================================================== *\/\r\n\r\n.uk-subnav > * > * {\r\n display: inline-block;\r\n color: @subnav-color;\r\n .hook-subnav;\r\n}\r\n\r\n\/*\r\n * Hover\r\n * 1. Apply hover style also to focus state\r\n *\/\r\n\r\n.uk-subnav > * > :hover,\r\n.uk-subnav > * > :focus { \/\/ 1\r\n color: @subnav-hover-color;\r\n text-decoration: @subnav-hover-text-decoration;\r\n .hook-subnav-hover;\r\n}\r\n\r\n\/*\r\n * Active\r\n *\/\r\n\r\n.uk-subnav > .uk-active > * {\r\n color: @subnav-active-color;\r\n .hook-subnav-active;\r\n}\r\n\r\n\r\n\/* Modifier: 'subnav-line'\r\n ========================================================================== *\/\r\n\r\n.uk-subnav-line > :before {\r\n content: \"\";\r\n display: inline-block;\r\n height: @subnav-line-border-height;\r\n vertical-align: middle;\r\n}\r\n\r\n.uk-subnav-line > :nth-child(n+2):before {\r\n margin-right: @subnav-margin-horizontal;\r\n border-left: @subnav-line-border-width solid @subnav-line-border;\r\n .hook-subnav-line-divider;\r\n}\r\n\r\n\r\n\/* Modifier: 'subnav-pill'\r\n ========================================================================== *\/\r\n\r\n.uk-subnav-pill > * > * {\r\n padding: @subnav-pill-padding-vertical @subnav-pill-padding-horizontal;\r\n .hook-subnav-pill;\r\n}\r\n\r\n\/*\r\n * Hover\r\n * 1. Apply hover style also to focus state\r\n * 2. Remove default focus style\r\n *\/\r\n\r\n.uk-subnav-pill > * > :hover,\r\n.uk-subnav-pill > * > :focus { \/\/ 1\r\n background: @subnav-pill-hover-background;\r\n color: @subnav-pill-hover-color;\r\n text-decoration: none;\r\n \/* 2 *\/\r\n outline: none;\r\n .hook-subnav-pill-hover;\r\n}\r\n\r\n\/*\r\n * Active\r\n * `li` needed for higher specificity to override hover\r\n *\/\r\n\r\n.uk-subnav-pill > .uk-active > * {\r\n background: @subnav-pill-active-background;\r\n color: @subnav-pill-active-color;\r\n .hook-subnav-pill-active;\r\n}\r\n\r\n\r\n\/* Disabled state\r\n ========================================================================== *\/\r\n\r\n.uk-subnav > .uk-disabled > * {\r\n background: none;\r\n color: @subnav-disabled-color;\r\n text-decoration: none;\r\n cursor: text;\r\n .hook-subnav-disabled;\r\n}\r\n\r\n\r\n\/\/ Hooks\r\n\/\/ ========================================================================\r\n\r\n.hook-subnav-misc;\r\n\r\n.hook-subnav() {}\r\n.hook-subnav-hover() {}\r\n.hook-subnav-active() {}\r\n.hook-subnav-line-divider() {}\r\n.hook-subnav-pill() {}\r\n.hook-subnav-pill-hover() {}\r\n.hook-subnav-pill-active() {}\r\n.hook-subnav-disabled() {}\r\n.hook-subnav-misc() {}\r\n\/\/ Name: Breadcrumb\r\n\/\/ Description: Defines styles for a breadcrumb navigation\r\n\/\/\r\n\/\/ Component: `uk-breadcrumb`\r\n\/\/\r\n\/\/ States: `uk-active`\r\n\/\/\r\n\/\/ Markup:\r\n\/\/\r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@breadcrumb-font-size: 1rem;\r\n\r\n@breadcrumb-divider: \"\/\";\r\n@breadcrumb-divider-margin: 8px;\r\n@breadcrumb-disabled-color: #999;\r\n\r\n\r\n\/* ========================================================================\r\n Component: Breadcrumb\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * 1. Remove default list style\r\n * 2. Remove whitespace between child elements when using `inline-block`\r\n *\/\r\n\r\n.uk-breadcrumb {\r\n \/* 1 *\/\r\n padding: 0;\r\n list-style: none;\r\n \/* 2 *\/\r\n font-size: 0.001px;\r\n .hook-breadcrumb;\r\n}\r\n\r\n\r\n\/* Items\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * Reset whitespace hack\r\n *\/\r\n\r\n.uk-breadcrumb > li {\r\n font-size: @breadcrumb-font-size;\r\n vertical-align: top;\r\n}\r\n\r\n.uk-breadcrumb > li,\r\n.uk-breadcrumb > li > a,\r\n.uk-breadcrumb > li > span { display: inline-block; }\r\n\r\n.uk-breadcrumb > li:nth-child(n+2):before {\r\n content: @breadcrumb-divider;\r\n display: inline-block;\r\n margin: 0 @breadcrumb-divider-margin;\r\n .hook-breadcrumb-divider;\r\n}\r\n\r\n\/*\r\n * Disabled\r\n *\/\r\n\r\n.uk-breadcrumb > li:not(.uk-active) > span { color: @breadcrumb-disabled-color; }\r\n\r\n\r\n\/\/ Hooks\r\n\/\/ ========================================================================\r\n\r\n.hook-breadcrumb-misc;\r\n\r\n.hook-breadcrumb() {}\r\n.hook-breadcrumb-divider() {}\r\n.hook-breadcrumb-misc() {}\r\n\/\/ Name: Pagination\r\n\/\/ Description: Defines styles for a navigation between pages\r\n\/\/\r\n\/\/ Component: `uk-pagination`\r\n\/\/\r\n\/\/ Sub-objects: `uk-pagination-previous`\r\n\/\/ `uk-pagination-next`\r\n\/\/\r\n\/\/ Modifiers: `uk-pagination-left`\r\n\/\/ `uk-pagination-right`\r\n\/\/\r\n\/\/ States: `uk-active`\r\n\/\/ `uk-disabled`\r\n\/\/\r\n\/\/ Markup:\r\n\/\/\r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@pagination-font-size: 1rem;\r\n@pagination-margin-left: 5px;\r\n@pagination-padding-vertical: 3px;\r\n@pagination-padding-horizontal: 5px;\r\n@pagination-line-height: 20px;\r\n@pagination-background: #eee;\r\n@pagination-color: #444;\r\n@pagination-hover-background: #f5f5f5;\r\n@pagination-hover-color: #444;\r\n@pagination-onclick-background: #ddd;\r\n@pagination-onclick-color: #444;\r\n\r\n@pagination-active-background: #00a8e6;\r\n@pagination-active-color: #fff;\r\n\r\n@pagination-disabled-background: #f5f5f5;\r\n@pagination-disabled-color: #999;\r\n\r\n\r\n\/* ========================================================================\r\n Component: Pagination\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * 1. Remove default list style\r\n * 2. Center pagination by default\r\n * 3. Remove whitespace between child elements when using `inline-block`\r\n *\/\r\n\r\n.uk-pagination {\r\n \/* 1 *\/\r\n padding: 0;\r\n list-style: none;\r\n \/* 2 *\/\r\n text-align: center;\r\n \/* 3 *\/\r\n font-size: 0.001px;\r\n}\r\n\r\n\/*\r\n * Micro clearfix\r\n * Needed if `uk-pagination-previous` or `uk-pagination-next` sub-objects are used\r\n *\/\r\n\r\n.uk-pagination:before,\r\n.uk-pagination:after {\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.uk-pagination:after { clear: both; }\r\n\r\n\r\n\/* Items\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * 1. Reset whitespace hack\r\n * 2. Remove the gap at the bottom of it container\r\n *\/\r\n\r\n.uk-pagination > li {\r\n display: inline-block;\r\n \/* 1 *\/\r\n font-size: @pagination-font-size;\r\n \/* 2 *\/\r\n vertical-align: top;\r\n}\r\n\r\n.uk-pagination > li:nth-child(n+2) { margin-left: @pagination-margin-left; }\r\n\r\n\/*\r\n * 1. Makes pagination more robust against different box-sizing use\r\n * 2. Reset text-align to center if alignment modifier is used\r\n *\/\r\n\r\n.uk-pagination > li > a,\r\n.uk-pagination > li > span {\r\n display: inline-block;\r\n min-width: @pagination-line-height + (2 * @pagination-padding-vertical) - (2 * @pagination-padding-horizontal);\r\n padding: @pagination-padding-vertical @pagination-padding-horizontal;\r\n line-height: @pagination-line-height;\r\n text-decoration: none;\r\n \/* 1 *\/\r\n box-sizing: content-box;\r\n \/* 2 *\/\r\n text-align: center;\r\n .hook-pagination-item;\r\n}\r\n\r\n\/*\r\n * Links\r\n *\/\r\n\r\n.uk-pagination > li > a {\r\n background: @pagination-background;\r\n color: @pagination-color;\r\n .hook-pagination-link;\r\n}\r\n\r\n\/*\r\n * Hover\r\n * 1. Apply hover style also to focus state\r\n * 2. Remove default focus style\r\n *\/\r\n\r\n.uk-pagination > li > a:hover,\r\n.uk-pagination > li > a:focus { \/\/ 1\r\n background-color: @pagination-hover-background;\r\n color: @pagination-hover-color;\r\n \/* 2 *\/\r\n outline: none;\r\n .hook-pagination-link-hover;\r\n}\r\n\r\n\/* OnClick *\/\r\n.uk-pagination > li > a:active {\r\n background-color: @pagination-onclick-background;\r\n color: @pagination-onclick-color;\r\n .hook-pagination-link-active;\r\n}\r\n\r\n\/*\r\n * Active\r\n *\/\r\n\r\n.uk-pagination > .uk-active > span {\r\n background: @pagination-active-background;\r\n color: @pagination-active-color;\r\n .hook-pagination-active;\r\n}\r\n\r\n\/*\r\n * Disabled\r\n *\/\r\n\r\n.uk-pagination > .uk-disabled > span {\r\n background-color: @pagination-disabled-background;\r\n color: @pagination-disabled-color;\r\n .hook-pagination-disabled;\r\n}\r\n\r\n\r\n\/* Previous and next navigation\r\n ========================================================================== *\/\r\n\r\n.uk-pagination-previous { float: left; }\r\n.uk-pagination-next { float: right; }\r\n\r\n\r\n\/* Alignment modifiers\r\n ========================================================================== *\/\r\n\r\n.uk-pagination-left { text-align: left; }\r\n.uk-pagination-right { text-align: right; }\r\n\r\n\r\n\/\/ Hooks\r\n\/\/ ========================================================================\r\n\r\n.hook-pagination-misc;\r\n\r\n.hook-pagination-item() {}\r\n.hook-pagination-link() {}\r\n.hook-pagination-link-hover() {}\r\n.hook-pagination-link-active() {}\r\n.hook-pagination-active() {}\r\n.hook-pagination-disabled() {}\r\n.hook-pagination-misc() {}\r\n\/\/ Name: Tab\r\n\/\/ Description: Defines styles for a tabbed navigation\r\n\/\/\r\n\/\/ Component: `uk-tab`\r\n\/\/\r\n\/\/ Modifiers: `uk-tab-flip`\r\n\/\/ `uk-tab-center`\r\n\/\/ `uk-tab-grid`\r\n\/\/ `uk-tab-bottom`\r\n\/\/ `uk-tab-left`\r\n\/\/ `uk-tab-right`\r\n\/\/ `uk-tab-responsive`\r\n\/\/\r\n\/\/ States: `uk-active`\r\n\/\/ `uk-disabled`\r\n\/\/\r\n\/\/ Markup:\r\n\/\/\r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@tab-border: #ddd;\r\n@tab-border-width: 1px;\r\n@tab-padding-horizontal: 12px;\r\n@tab-padding-vertical: 8px;\r\n@tab-padding-top: @tab-padding-vertical;\r\n@tab-padding-bottom: @tab-padding-vertical;\r\n@tab-margin-horizontal: 5px;\r\n@tab-margin-vertical: 5px;\r\n@tab-color: #07D;\r\n@tab-hover-border: #f5f5f5;\r\n@tab-hover-background: #f5f5f5;\r\n@tab-hover-color: #059;\r\n@tab-active-border: #ddd;\r\n@tab-active-background: #fff;\r\n@tab-active-color: #444;\r\n@tab-disabled-color: #999;\r\n\r\n\r\n\/* ========================================================================\r\n Component: Tab\r\n ========================================================================== *\/\r\n\r\n.uk-tab {\r\n margin: 0;\r\n padding: 0;\r\n list-style: none;\r\n border-bottom: @tab-border-width solid @tab-border;\r\n}\r\n\r\n\/*\r\n * Micro clearfix on the deepest container\r\n *\/\r\n\r\n.uk-tab:before,\r\n.uk-tab:after {\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.uk-tab:after { clear: both; }\r\n\r\n\/*\r\n * Items\r\n * 1. Create position context for dropdowns\r\n *\/\r\n\r\n.uk-tab > li {\r\n margin-bottom: -@tab-border-width;\r\n float: left;\r\n \/* 1 *\/\r\n position: relative;\r\n}\r\n\r\n.uk-tab > li > a {\r\n display: block;\r\n padding: @tab-padding-top @tab-padding-horizontal @tab-padding-bottom @tab-padding-horizontal;\r\n border: @tab-border-width solid transparent;\r\n border-bottom-width: 0;\r\n color: @tab-color;\r\n text-decoration: none;\r\n .hook-tab;\r\n}\r\n\r\n.uk-tab > li:nth-child(n+2) > a { margin-left: @tab-margin-horizontal; }\r\n\r\n\/*\r\n * Hover\r\n * 1. Apply hover style also to focus state\r\n * 2. Also apply if dropdown is opened\r\n * 3. Remove default focus style\r\n *\/\r\n\r\n.uk-tab > li > a:hover,\r\n.uk-tab > li > a:focus, \/\/ 1\r\n.uk-tab > li.uk-open > a { \/\/ 2\r\n border-color: @tab-hover-border;\r\n background: @tab-hover-background;\r\n color: @tab-hover-color;\r\n \/* 2 *\/\r\n outline: none;\r\n .hook-tab-hover;\r\n}\r\n\r\n.uk-tab > li:not(.uk-active) > a:hover,\r\n.uk-tab > li:not(.uk-active) > a:focus,\r\n.uk-tab > li.uk-open:not(.uk-active) > a {\r\n margin-bottom: @tab-border-width;\r\n padding-bottom: @tab-padding-bottom - @tab-border-width;\r\n}\r\n\r\n\/* Active *\/\r\n.uk-tab > li.uk-active > a {\r\n border-color: @tab-active-border;\r\n border-bottom-color: transparent;\r\n background: @tab-active-background;\r\n color: @tab-active-color;\r\n .hook-tab-active;\r\n}\r\n\r\n\/* Disabled *\/\r\n.uk-tab > li.uk-disabled > a {\r\n color: @tab-disabled-color;\r\n cursor: text;\r\n .hook-tab-disabled;\r\n}\r\n\r\n.uk-tab > li.uk-disabled > a:hover,\r\n.uk-tab > li.uk-disabled > a:focus,\r\n.uk-tab > li.uk-disabled.uk-active > a {\r\n background: none;\r\n border-color: transparent;\r\n}\r\n\r\n\r\n\/* Modifier: 'tab-flip'\r\n ========================================================================== *\/\r\n\r\n.uk-tab-flip > li { float: right; }\r\n\r\n.uk-tab-flip > li:nth-child(n+2) > a {\r\n margin-left: 0;\r\n margin-right: @tab-margin-horizontal;\r\n}\r\n\r\n\r\n\/* Modifier: 'tab-responsive'\r\n ========================================================================== *\/\r\n\r\n.uk-tab > li.uk-tab-responsive > a {\r\n margin-left: 0;\r\n margin-right: 0;\r\n}\r\n\r\n\/*\r\n * Icon\r\n *\/\r\n\r\n.uk-tab-responsive > a:before {\r\n content: \"\\f0c9\\00a0\";\r\n font-family: FontAwesome;\r\n}\r\n\r\n\r\n\/* Modifier: 'tab-center'\r\n ========================================================================== *\/\r\n\r\n.uk-tab-center { border-bottom: @tab-border-width solid @tab-border; }\r\n\r\n.uk-tab-center-bottom {\r\n border-bottom: none;\r\n border-top: @tab-border-width solid @tab-border;\r\n}\r\n\r\n.uk-tab-center:before,\r\n.uk-tab-center:after {\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.uk-tab-center:after { clear: both; }\r\n\r\n\r\n\/*\r\n * 1. Using `right` to prevent vertical scrollbar caused by centering if to many tabs\r\n *\/\r\n\r\n.uk-tab-center .uk-tab {\r\n position: relative;\r\n right: 50%;\r\n border: none;\r\n float: right;\r\n}\r\n\r\n.uk-tab-center .uk-tab > li {\r\n position: relative;\r\n right: -50%;\r\n}\r\n\r\n.uk-tab-center .uk-tab > li > a { text-align: center; }\r\n\r\n\r\n\/* Modifier: 'tab-bottom'\r\n ========================================================================== *\/\r\n\r\n.uk-tab-bottom {\r\n border-top: @tab-border-width solid @tab-border;\r\n border-bottom: none;\r\n}\r\n\r\n.uk-tab-bottom > li {\r\n margin-top: -@tab-border-width;\r\n margin-bottom: 0;\r\n}\r\n\r\n.uk-tab-bottom > li > a {\r\n padding-top: @tab-padding-bottom;\r\n padding-bottom: @tab-padding-top;\r\n border-bottom-width: @tab-border-width;\r\n border-top-width: 0;\r\n}\r\n\r\n.uk-tab-bottom > li:not(.uk-active) > a:hover,\r\n.uk-tab-bottom > li:not(.uk-active) > a:focus,\r\n.uk-tab-bottom > li.uk-open:not(.uk-active) > a {\r\n margin-bottom: 0;\r\n margin-top: @tab-border-width;\r\n padding-bottom: @tab-padding-top;\r\n padding-top: @tab-padding-bottom - @tab-border-width;\r\n}\r\n\r\n.uk-tab-bottom > li.uk-active > a {\r\n border-top-color: transparent;\r\n border-bottom-color: @tab-active-border;\r\n}\r\n\r\n\r\n\/* Modifier: 'tab-grid'\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * 1. Create position context to prevent hidden border because of negative `z-index`\r\n *\/\r\n\r\n.uk-tab-grid {\r\n margin-left: -@tab-margin-horizontal;\r\n border-bottom: none;\r\n \/* 1 *\/\r\n position: relative;\r\n z-index: 0;\r\n}\r\n\r\n.uk-tab-grid:before {\r\n display: block;\r\n position: absolute;\r\n left: @tab-margin-horizontal;\r\n right: 0;\r\n bottom: -@tab-border-width;\r\n border-top: @tab-border-width solid @tab-border;\r\n \/* 1 *\/\r\n z-index: -1;\r\n}\r\n\r\n.uk-tab-grid > li:first-child > a { margin-left: @tab-margin-horizontal; }\r\n\r\n.uk-tab-grid > li > a { text-align: center; }\r\n\r\n\/*\r\n * If `uk-tab-bottom`\r\n *\/\r\n\r\n.uk-tab-grid.uk-tab-bottom { border-top: none; }\r\n.uk-tab-grid.uk-tab-bottom:before {\r\n top: -@tab-border-width;\r\n bottom: auto;\r\n}\r\n\r\n\r\n\/* Modifier: 'tab-left', 'tab-right'\r\n ========================================================================== *\/\r\n\r\n\/* Tablet and bigger *\/\r\n@media (min-width: @breakpoint-medium) {\r\n\r\n .uk-tab-left,\r\n .uk-tab-right { border-bottom: none; }\r\n\r\n .uk-tab-left > li,\r\n .uk-tab-right > li {\r\n margin-bottom: 0;\r\n float: none;\r\n }\r\n\r\n .uk-tab-left > li > a,\r\n .uk-tab-right > li > a {\r\n padding-top: @tab-padding-vertical;\r\n padding-bottom: @tab-padding-vertical;\r\n }\r\n\r\n .uk-tab-left > li:nth-child(n+2) > a,\r\n .uk-tab-right > li:nth-child(n+2) > a {\r\n margin-left: 0;\r\n margin-top: @tab-margin-vertical;\r\n }\r\n\r\n .uk-tab-left > li.uk-active > a,\r\n .uk-tab-right > li.uk-active > a { border-color: @tab-active-border; }\r\n\r\n \/*\r\n * Modifier: 'tab-left'\r\n *\/\r\n\r\n .uk-tab-left { border-right: @tab-border-width solid @tab-border; }\r\n .uk-tab-left > li { margin-right: -@tab-border-width; }\r\n .uk-tab-left > li > a {\r\n border-bottom-width: @tab-border-width;\r\n border-right-width: 0;\r\n }\r\n .uk-tab-left > li:not(.uk-active) > a:hover,\r\n .uk-tab-left > li:not(.uk-active) > a:focus {\r\n margin-bottom: 0;\r\n margin-right: @tab-border-width;\r\n padding-bottom: @tab-padding-vertical;\r\n padding-right: @tab-padding-horizontal - @tab-border-width;\r\n }\r\n .uk-tab-left > li.uk-active > a { border-right-color: transparent; }\r\n\r\n \/*\r\n * Modifier: 'tab-right'\r\n *\/\r\n\r\n .uk-tab-right { border-left: @tab-border-width solid @tab-border; }\r\n .uk-tab-right > li { margin-left: -@tab-border-width; }\r\n .uk-tab-right > li > a {\r\n border-bottom-width: @tab-border-width;\r\n border-left-width: 0;\r\n }\r\n .uk-tab-right > li:not(.uk-active) > a:hover,\r\n .uk-tab-right > li:not(.uk-active) > a:focus {\r\n margin-bottom: 0;\r\n margin-left: @tab-border-width;\r\n padding-bottom: @tab-padding-vertical;\r\n padding-left: @tab-padding-horizontal - @tab-border-width;\r\n }\r\n .uk-tab-right > li.uk-active > a { border-left-color: transparent; }\r\n\r\n}\r\n\r\n\r\n\/\/ Hooks\r\n\/\/ ========================================================================\r\n\r\n.hook-tab-misc;\r\n\r\n.hook-tab() {}\r\n.hook-tab-hover() {}\r\n.hook-tab-active() {}\r\n.hook-tab-disabled() {}\r\n.hook-tab-misc() {}\r\n\/\/ Name: Thumbnav\r\n\/\/ Description: Defines styles for a thumbnail navigation\r\n\/\/\r\n\/\/ Component: `uk-thumbnav`\r\n\/\/\r\n\/\/ States: `uk-active`\r\n\/\/\r\n\/\/ Markup:\r\n\/\/\r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@thumbnav-margin-horizontal: 10px;\r\n@thumbnav-margin-vertical: @thumbnav-margin-horizontal;\r\n\r\n@thumbnav-background: #fff;\r\n\r\n@thumbnav-opacity: 0.7;\r\n@thumbnav-hover-opacity: 1;\r\n@thumbnav-active-opacity: 1;\r\n\r\n\r\n\/* ========================================================================\r\n Component: Thumbnav\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * 1. Gutter\r\n * 2. Remove default list style\r\n *\/\r\n\r\n.uk-thumbnav {\r\n display: -ms-flexbox;\r\n display: -webkit-flex;\r\n display: flex;\r\n -ms-flex-wrap: wrap;\r\n -webkit-flex-wrap: wrap;\r\n flex-wrap: wrap;\r\n \/* 1 *\/\r\n margin-left: -@thumbnav-margin-horizontal;\r\n margin-top: -@thumbnav-margin-vertical;\r\n \/* 2 *\/\r\n padding: 0;\r\n list-style: none;\r\n}\r\n\r\n\/*\r\n * 1. Space is allocated solely based on content dimensions\r\n * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied\r\n *\/\r\n\r\n.uk-thumbnav > * {\r\n \/* 1 *\/\r\n -ms-flex: none;\r\n -webkit-flex: none;\r\n flex: none;\r\n \/* 2 *\/\r\n padding-left: @thumbnav-margin-horizontal;\r\n margin-top: @thumbnav-margin-vertical;\r\n}\r\n\r\n\/*\r\n * DEPRECATED IE9 Support\r\n *\/\r\n\r\n.uk-thumbnav:before,\r\n.uk-thumbnav:after {\r\n content: \"\";\r\n display: block;\r\n overflow: hidden;\r\n}\r\n\r\n.uk-thumbnav:after { clear: both; }\r\n\r\n.uk-thumbnav > * { float: left; }\r\n\r\n\r\n\/* Items\r\n ========================================================================== *\/\r\n\r\n.uk-thumbnav > * > * {\r\n display: block;\r\n background: @thumbnav-background;\r\n .hook-thumbnav;\r\n}\r\n\r\n.uk-thumbnav > * > * > img {\r\n opacity: @thumbnav-opacity;\r\n -webkit-transition: opacity 0.15s linear;\r\n transition: opacity 0.15s linear;\r\n}\r\n\r\n\/*\r\n * Hover\r\n *\/\r\n\r\n.uk-thumbnav > * > :hover > img,\r\n.uk-thumbnav > * > :focus > img { opacity: @thumbnav-hover-opacity; }\r\n\r\n\/*\r\n * Active\r\n *\/\r\n\r\n.uk-thumbnav > .uk-active > * > img { opacity: @thumbnav-active-opacity; }\r\n\r\n\r\n\/\/ Hooks\r\n\/\/ ========================================================================\r\n\r\n.hook-thumbnav-misc;\r\n\r\n.hook-thumbnav() {}\r\n.hook-thumbnav-misc() {}\r\n\r\n\/\/ Elements\r\n\/\/ Name: List\r\n\/\/ Description: Defines styles for ordered and unordered lists\r\n\/\/\r\n\/\/ Component: `uk-list`\r\n\/\/\r\n\/\/ Modifiers: `uk-list-line`\r\n\/\/ `uk-list-striped`\r\n\/\/ `uk-list-space`\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@list-nested-padding-left: 20px;\r\n\r\n@list-line-margin-top: 5px;\r\n@list-line-border: #ddd;\r\n@list-line-border-width: 1px;\r\n\r\n@list-striped-padding-vertical: 5px;\r\n@list-striped-padding-horizontal: 5px;\r\n@list-striped-background: #f5f5f5;\r\n\r\n@list-space-margin-top: 10px;\r\n\r\n\r\n\/* ========================================================================\r\n Component: List\r\n ========================================================================== *\/\r\n\r\n.uk-list {\r\n padding: 0;\r\n list-style: none;\r\n}\r\n\r\n\/*\r\n * Micro clearfix to make list more robust\r\n *\/\r\n\r\n.uk-list > li:before,\r\n.uk-list > li:after {\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.uk-list > li:after { clear: both; }\r\n\r\n\/*\r\n * Remove margin from the last-child\r\n *\/\r\n\r\n.uk-list > li > :last-child { margin-bottom: 0; }\r\n\r\n\/*\r\n * Nested lists\r\n *\/\r\n\r\n.uk-list ul {\r\n margin: 0;\r\n padding-left: @list-nested-padding-left;\r\n list-style: none;\r\n}\r\n\r\n\r\n\/* Modifier: `uk-list-line`\r\n ========================================================================== *\/\r\n\r\n.uk-list-line > li:nth-child(n+2) {\r\n margin-top: @list-line-margin-top;\r\n padding-top: @list-line-margin-top;\r\n border-top: @list-line-border-width solid @list-line-border;\r\n .hook-list-line;\r\n}\r\n\r\n\r\n\/* Modifier: `uk-list-striped`\r\n ========================================================================== *\/\r\n\r\n.uk-list-striped > li {\r\n padding: @list-striped-padding-vertical @list-striped-padding-horizontal;\r\n .hook-list-striped;\r\n}\r\n\r\n.uk-list-striped > li:nth-of-type(odd) { background: @list-striped-background; }\r\n\r\n\r\n\/* Modifier: `uk-list-space`\r\n ========================================================================== *\/\r\n\r\n.uk-list-space > li:nth-child(n+2) { margin-top: @list-space-margin-top; }\r\n\r\n\r\n\/\/ Hooks\r\n\/\/ ========================================================================\r\n\r\n.hook-list-misc;\r\n\r\n.hook-list-line() {}\r\n.hook-list-striped() {}\r\n.hook-list-misc() {}\r\n\/\/ Name: Description list\r\n\/\/ Description: Defines styles for description lists\r\n\/\/\r\n\/\/ Component: `uk-description-list`\r\n\/\/\r\n\/\/ Modifiers: `uk-description-list-horizontal`\r\n\/\/ `uk-description-list-line`\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@description-list-horizontal-width: 160px;\r\n@description-list-horizontal-margin-left: 180px;\r\n\r\n@description-list-line-margin-top: 5px;\r\n@description-list-line-border-width: 1px;\r\n@description-list-line-border: #ddd;\r\n@description-list-line-color: #999;\r\n\r\n@description-list-line-font-weight: normal;\r\n\r\n\r\n\/* ========================================================================\r\n Component: Description list\r\n ========================================================================== *\/\r\n\r\n\r\n\/* Modifier: `uk-description-list-horizontal`\r\n ========================================================================== *\/\r\n\r\n\/* Tablet and bigger *\/\r\n@media (min-width: @breakpoint-medium) {\r\n\r\n .uk-description-list-horizontal { overflow: hidden; }\r\n\r\n .uk-description-list-horizontal > dt {\r\n width: @description-list-horizontal-width;\r\n float: left;\r\n clear: both;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n }\r\n\r\n .uk-description-list-horizontal > dd { margin-left: @description-list-horizontal-margin-left; }\r\n}\r\n\r\n\r\n\/* Modifier: `uk-description-list-line`\r\n ========================================================================== *\/\r\n\r\n.uk-description-list-line > dt { font-weight: @description-list-line-font-weight; }\r\n\r\n.uk-description-list-line > dt:nth-child(n+2) {\r\n margin-top: @description-list-line-margin-top;\r\n padding-top: @description-list-line-margin-top;\r\n border-top: @description-list-line-border-width solid @description-list-line-border;\r\n}\r\n\r\n.uk-description-list-line > dd { color: @description-list-line-color; }\r\n\r\n\r\n\/\/ Hooks\r\n\/\/ ========================================================================\r\n\r\n.hook-description-list-misc;\r\n\r\n.hook-description-list-misc() {}\r\n\r\n\/\/ Name: Table\r\n\/\/ Description: Defines styles for tables\r\n\/\/\r\n\/\/ Component: `uk-table`\r\n\/\/\r\n\/\/ Modifiers: `uk-table-middle`\r\n\/\/ `uk-table-striped`\r\n\/\/ `uk-table-condensed`\r\n\/\/ `uk-table-hover`\r\n\/\/\r\n\/\/ States: `uk-active`\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@table-margin-vertical: 15px;\r\n@table-padding-vertical: 8px;\r\n@table-padding-horizontal: 8px;\r\n\r\n@table-caption-color: #999;\r\n@table-caption-font-size: 12px;\r\n\r\n@table-striped-background: #f5f5f5;\r\n\r\n@table-condensed-padding-vertical: 4px;\r\n@table-condensed-padding-horizontal: 8px;\r\n\r\n@table-hover-background: #EEE;\r\n\r\n@table-active-background: @table-hover-background;\r\n\r\n\r\n\/* ========================================================================\r\n Component: Table\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * 1. Remove most spacing between table cells.\r\n * 2. Block element behavior\r\n * 3. Style\r\n *\/\r\n\r\n.uk-table {\r\n \/* 1 *\/\r\n border-collapse: collapse;\r\n border-spacing: 0;\r\n \/* 2 *\/\r\n width: 100%;\r\n \/* 3 *\/\r\n margin-bottom: @table-margin-vertical;\r\n}\r\n\r\n\/*\r\n * Add margin if adjacent element\r\n *\/\r\n\r\n* + .uk-table { margin-top: @table-margin-vertical; }\r\n\r\n.uk-table th,\r\n.uk-table td {\r\n padding: @table-padding-vertical @table-padding-horizontal;\r\n .hook-table;\r\n}\r\n\r\n\/*\r\n * Set alignment\r\n *\/\r\n\r\n.uk-table th { text-align: left; }\r\n.uk-table td { vertical-align: top; }\r\n\r\n.uk-table thead th { vertical-align: bottom; }\r\n\r\n\/*\r\n * Caption and footer\r\n *\/\r\n\r\n.uk-table caption,\r\n.uk-table tfoot {\r\n font-size: @table-caption-font-size;\r\n font-style: italic;\r\n}\r\n\r\n.uk-table caption {\r\n text-align: left;\r\n color: @table-caption-color;\r\n}\r\n\r\n\/*\r\n * Active State\r\n *\/\r\n\r\n.uk-table tbody tr.uk-active {\r\n background: @table-active-background;\r\n .hook-table-active;\r\n}\r\n\r\n\r\n\/* Sub-modifier: `uk-table-middle`\r\n ========================================================================== *\/\r\n\r\n.uk-table-middle,\r\n.uk-table-middle td { vertical-align: middle !important; }\r\n\r\n\r\n\/* Modifier: `uk-table-striped`\r\n ========================================================================== *\/\r\n\r\n.uk-table-striped tbody tr:nth-of-type(odd) {\r\n background: @table-striped-background;\r\n .hook-table-striped;\r\n}\r\n\r\n\r\n\/* Modifier: `uk-table-condensed`\r\n ========================================================================== *\/\r\n\r\n.uk-table-condensed td {\r\n padding: @table-condensed-padding-vertical @table-condensed-padding-horizontal;\r\n .hook-table-condensed;\r\n}\r\n\r\n\r\n\/* Modifier: `uk-table-hover`\r\n ========================================================================== *\/\r\n\r\n.uk-table-hover tbody tr:hover {\r\n background: @table-hover-background;\r\n .hook-table-hover;\r\n}\r\n\r\n\r\n\r\n\/\/ Hooks\r\n\/\/ ========================================================================\r\n\r\n.hook-table-misc;\r\n\r\n.hook-table() {}\r\n.hook-table-active() {}\r\n.hook-table-striped() {}\r\n.hook-table-condensed() {}\r\n.hook-table-hover() {}\r\n.hook-table-misc() {}\r\n\/\/ Name: Form\r\n\/\/ Description: Defines styles for forms\r\n\/\/\r\n\/\/ Component: `uk-form`\r\n\/\/\r\n\/\/ Sub-objects: `uk-form-row`\r\n\/\/ `uk-form-help-inline`\r\n\/\/ `uk-form-help-block`\r\n\/\/ `uk-form-label`\r\n\/\/ `uk-form-controls`\r\n\/\/ `uk-form-controls-condensed`\r\n\/\/ `uk-form-icon`\r\n\/\/\r\n\/\/ Modifiers: `uk-form-stacked`\r\n\/\/ `uk-form-horizontal`\r\n\/\/\r\n\/\/ Sub-modifiers: `uk-form-danger`\r\n\/\/ `uk-form-success`\r\n\/\/ `uk-form-small`\r\n\/\/ `uk-form-large`\r\n\/\/ `uk-form-blank`\r\n\/\/ `uk-form-width-mini`\r\n\/\/ `uk-form-width-small`\r\n\/\/ `uk-form-width-medium`\r\n\/\/ `uk-form-width-large`\r\n\/\/ `uk-form-controls-text`\r\n\/\/\r\n\/\/ Markup:\r\n\/\/\r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@form-height: 30px;\r\n@form-padding: 4px 6px;\r\n@form-border: #ddd;\r\n@form-border-width: 1px;\r\n@form-background: #fff;\r\n@form-color: #444;\r\n\r\n@form-focus-border: #99baca;\r\n@form-focus-background: #f5fbfe;\r\n@form-focus-color: #444;\r\n\r\n@form-disabled-border: #ddd;\r\n@form-disabled-background: #f5f5f5;\r\n@form-disabled-color: #999;\r\n\r\n@form-placeholder-color: #999;\r\n\r\n@form-gutter: 15px;\r\n\r\n@form-legend-border: #ddd;\r\n@form-legend-border-width: 1px;\r\n@form-legend-font-size: 18px;\r\n@form-legend-line-height: 30px;\r\n\r\n@form-small-height: 25px;\r\n@form-large-height: 40px;\r\n@form-small-padding: 3px 3px;\r\n@form-large-padding: 8px 6px;\r\n@form-small-font-size: 12px;\r\n@form-large-font-size: 16px;\r\n\r\n@form-danger-border: #dc8d99;\r\n@form-danger-background: #fff7f8;\r\n@form-danger-color: #d85030;\r\n\r\n@form-success-border: #8ec73b;\r\n@form-success-background: #fafff2;\r\n@form-success-color: #659f13;\r\n\r\n@form-blank-border: #ddd;\r\n@form-blank-border-style: dashed;\r\n\r\n@form-mini-width: 40px;\r\n@form-small-width: 130px;\r\n@form-medium-width: 200px;\r\n@form-large-width: 500px;\r\n\r\n@form-help-inline-margin-left: 10px;\r\n@form-help-block-margin-top: 5px;\r\n\r\n@form-controls-condensed-margin-vertical: 5px;\r\n\r\n@form-stacked-margin-bottom: 5px;\r\n@form-stacked-font-weight: bold;\r\n\r\n@form-horizontal-label-width: 200px;\r\n@form-horizontal-label-margin-top: 5px;\r\n@form-horizontal-controls-margin-left: 215px;\r\n@form-horizontal-controls-text-padding-top: 5px;\r\n\r\n@form-icon-width: 30px;\r\n@form-icon-font-size: 14px;\r\n@form-icon-color: #999;\r\n\r\n\r\n\/* ========================================================================\r\n Component: Form\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * 1. Define consistent box sizing.\r\n * Default is `content-box` with following exceptions set to `border-box`\r\n * `button`, `select`, `input[type=\"checkbox\"]` and `input[type=\"radio\"]`\r\n * `input[type=\"search\"]` in Chrome, Safari and Opera\r\n * `input[type=\"color\"]` in Firefox\r\n * 2. Address margins set differently in Firefox\/IE and Chrome\/Safari\/Opera.\r\n * 3. Remove `border-radius` in iOS.\r\n * 4. Correct `font` properties and `color` not being inherited.\r\n *\/\r\n\r\n.uk-form input,\r\n.uk-form select,\r\n.uk-form textarea {\r\n \/* 1 *\/\r\n box-sizing: border-box;\r\n \/* 2 *\/\r\n margin: 0;\r\n \/* 3 *\/\r\n border-radius: 0;\r\n \/* 4 *\/\r\n font: inherit;\r\n color: inherit;\r\n}\r\n\r\n\/*\r\n * Address inconsistent `text-transform` inheritance which is only inherit in Firefox\r\n *\/\r\n\r\n.uk-form select { text-transform: none; }\r\n\r\n\/*\r\n * 1. Correct `font` properties not being inherited.\r\n * 2. Don't inherit the `font-weight` and use `bold` instead.\r\n * NOTE: Both declarations don't work in Chrome, Safari and Opera.\r\n *\/\r\n\r\n.uk-form optgroup {\r\n \/* 1 *\/\r\n font: inherit;\r\n \/* 2 *\/\r\n font-weight: bold;\r\n}\r\n\r\n\/*\r\n * Removes inner padding and border in Firefox 4+.\r\n *\/\r\n\r\n.uk-form input::-moz-focus-inner {\r\n border: 0;\r\n padding: 0;\r\n}\r\n\r\n\/*\r\n * Removes excess padding in IE 8\/9\/10.\r\n *\/\r\n\r\n.uk-form input[type=\"checkbox\"],\r\n.uk-form input[type=\"radio\"] { padding: 0; }\r\n\r\n\/*\r\n * Improves consistency of cursor style for clickable elements\r\n *\/\r\n\r\n.uk-form input[type=\"checkbox\"]:not(:disabled),\r\n.uk-form input[type=\"radio\"]:not(:disabled) { cursor: pointer; }\r\n\r\n\/*\r\n * Remove default style in iOS.\r\n *\/\r\n\r\n.uk-form textarea,\r\n.uk-form input:not([type]),\r\n.uk-form input[type=\"text\"],\r\n.uk-form input[type=\"password\"],\r\n.uk-form input[type=\"email\"],\r\n.uk-form input[type=\"url\"],\r\n.uk-form input[type=\"search\"],\r\n.uk-form input[type=\"tel\"],\r\n.uk-form input[type=\"number\"],\r\n.uk-form input[type=\"datetime\"] { -webkit-appearance: none; }\r\n\r\n\/*\r\n * Remove inner padding and search cancel button in Chrome, Safari and Opera on OS X.\r\n *\/\r\n\r\n.uk-form input[type=\"search\"]::-webkit-search-cancel-button,\r\n.uk-form input[type=\"search\"]::-webkit-search-decoration { -webkit-appearance: none; }\r\n\r\n\/*\r\n * Fix the cursor style for Chrome's increment\/decrement buttons. For certain\r\n * `font-size` values of the `input`, it causes the cursor style of the\r\n * decrement button to change from `default` to `text`.\r\n *\/\r\n\r\n.uk-form input[type=\"number\"]::-webkit-inner-spin-button,\r\n.uk-form input[type=\"number\"]::-webkit-outer-spin-button { height: auto; }\r\n\r\n\/*\r\n * Define consistent border, margin, and padding.\r\n *\/\r\n\r\n.uk-form fieldset {\r\n border: none;\r\n margin: 0;\r\n padding: 0;\r\n}\r\n\r\n\/*\r\n * 1. Remove default vertical scrollbar in IE 8\/9\/10\/11.\r\n * 2. Improve readability and alignment in all browsers.\r\n *\/\r\n\r\n.uk-form textarea {\r\n \/* 1 *\/\r\n overflow: auto;\r\n \/* 2 *\/\r\n vertical-align: top;\r\n}\r\n\r\n\/*\r\n * Removes placeholder transparency in Firefox.\r\n *\/\r\n\r\n.uk-form ::-moz-placeholder { opacity: 1; }\r\n\r\n\/*\r\n * Removes `box-shadow` for invalid controls in Firefox.\r\n *\/\r\n\r\n.uk-form :invalid { box-shadow: none; }\r\n\r\n\/*\r\n * Vertical alignment\r\n *\/\r\n\r\n.uk-form input:not([type=\"radio\"]):not([type=\"checkbox\"]),\r\n.uk-form select { vertical-align: middle; }\r\n\r\n\r\n\/* Style\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * Remove margin from the last-child\r\n *\/\r\n\r\n.uk-form > :last-child { margin-bottom: 0; }\r\n\r\n\/*\r\n * Controls\r\n * Except for `range`, `radio`, `checkbox`, `file`, `submit`, `reset`, `button` and `image`\r\n * 1. Must be `height` because `min-height` is not working in OSX\r\n * 2. Responsiveness: Sets a maximum width relative to the parent to scale on narrower viewports\r\n * 3. Vertical `padding` needed for `select` elements in Firefox\r\n * 4. Style\r\n *\/\r\n\r\n.uk-form select,\r\n.uk-form textarea,\r\n.uk-form input:not([type]),\r\n.uk-form input[type=\"text\"],\r\n.uk-form input[type=\"password\"],\r\n.uk-form input[type=\"datetime\"],\r\n.uk-form input[type=\"datetime-local\"],\r\n.uk-form input[type=\"date\"],\r\n.uk-form input[type=\"month\"],\r\n.uk-form input[type=\"time\"],\r\n.uk-form input[type=\"week\"],\r\n.uk-form input[type=\"number\"],\r\n.uk-form input[type=\"email\"],\r\n.uk-form input[type=\"url\"],\r\n.uk-form input[type=\"search\"],\r\n.uk-form input[type=\"tel\"],\r\n.uk-form input[type=\"color\"] {\r\n \/* 1 *\/\r\n height: @form-height;\r\n \/* 2 *\/\r\n max-width: 100%;\r\n \/* 3 *\/\r\n padding: @form-padding;\r\n \/* 4 *\/\r\n border: @form-border-width solid @form-border;\r\n background: @form-background;\r\n color: @form-color;\r\n -webkit-transition: all 0.2s linear;\r\n -webkit-transition-property: border, background, color, box-shadow, padding;\r\n transition: all 0.2s linear;\r\n transition-property: border, background, color, box-shadow, padding;\r\n .hook-form;\r\n\r\n \/\/ Focus state\r\n &:focus {\r\n border-color: @form-focus-border;\r\n outline: 0;\r\n background: @form-focus-background;\r\n color: @form-focus-color;\r\n .hook-form-focus;\r\n }\r\n\r\n \/\/ Disabled state\r\n &:disabled {\r\n border-color: @form-disabled-border;\r\n background-color: @form-disabled-background;\r\n color: @form-disabled-color;\r\n .hook-form-disabled;\r\n }\r\n}\r\n\r\n\/*\r\n * Placeholder\r\n *\/\r\n\r\n.uk-form :-ms-input-placeholder { color: @form-placeholder-color !important; }\r\n.uk-form ::-moz-placeholder { color: @form-placeholder-color; }\r\n.uk-form ::-webkit-input-placeholder { color: @form-placeholder-color; }\r\n\r\n.uk-form :disabled:-ms-input-placeholder { color: @form-disabled-color !important; }\r\n.uk-form :disabled::-moz-placeholder { color: @form-disabled-color; }\r\n.uk-form :disabled::-webkit-input-placeholder { color: @form-disabled-color; }\r\n\r\n\/*\r\n * Legend\r\n * 1. Behave like block element\r\n * 2. Correct `color` not being inherited in IE 8\/9\/10\/11.\r\n * 3. Remove padding\r\n * 4. `margin-bottom` is not working in Safari and Opera.\r\n * Using `padding` and :after instead to create the border\r\n * 5. Style\r\n *\/\r\n\r\n.uk-form legend {\r\n \/* 1 *\/\r\n width: 100%;\r\n \/* 2 *\/\r\n border: 0;\r\n \/* 3 *\/\r\n padding: 0;\r\n \/* 4 *\/\r\n padding-bottom: @form-gutter;\r\n \/* 5 *\/\r\n font-size: @form-legend-font-size;\r\n line-height: @form-legend-line-height;\r\n .hook-form-legend;\r\n}\r\n\r\n\/*\r\n * 1. Fixes IE9\r\n *\/\r\n\r\n.uk-form legend:after {\r\n content: \"\";\r\n display: block;\r\n border-bottom: @form-legend-border-width solid @form-legend-border;\r\n \/* 1 *\/\r\n width: 100%;\r\n}\r\n\r\n\r\n\/* Size modifiers\r\n * Higher specificity needed to override defaults\r\n ========================================================================== *\/\r\n\r\nselect.uk-form-small,\r\ntextarea.uk-form-small,\r\ninput[type].uk-form-small,\r\ninput:not([type]).uk-form-small {\r\n height: @form-small-height;\r\n padding: @form-small-padding;\r\n font-size: @form-small-font-size;\r\n}\r\n\r\nselect.uk-form-large,\r\ntextarea.uk-form-large,\r\ninput[type].uk-form-large,\r\ninput:not([type]).uk-form-large {\r\n height: @form-large-height;\r\n padding: @form-large-padding;\r\n font-size: @form-large-font-size;\r\n}\r\n\r\n\r\n\/* Reset height\r\n * Must be after size modifiers\r\n ========================================================================== *\/\r\n\r\n.uk-form textarea,\r\n.uk-form select[multiple],\r\n.uk-form select[size] { height: auto; }\r\n\r\n\r\n\/* Validation states\r\n * Using !important to keep the selector simple\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * Error state\r\n *\/\r\n\r\n.uk-form-danger {\r\n border-color: @form-danger-border !important;\r\n background: @form-danger-background !important;\r\n color: @form-danger-color !important;\r\n .hook-form-danger;\r\n}\r\n\r\n\/*\r\n * Success state\r\n *\/\r\n\r\n.uk-form-success {\r\n border-color: @form-success-border !important;\r\n background: @form-success-background !important;\r\n color: @form-success-color !important;\r\n .hook-form-success;\r\n}\r\n\r\n\r\n\/* Style modifiers\r\n * Using !important to keep the selector simple\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * Blank form\r\n *\/\r\n\r\n.uk-form-blank {\r\n border-color: transparent !important;\r\n border-style: @form-blank-border-style !important;\r\n background: none !important;\r\n .hook-form-blank;\r\n}\r\n\r\n.uk-form-blank:focus {\r\n border-color: @form-blank-border !important;\r\n .hook-form-blank-focus;\r\n}\r\n\r\n\r\n\/* Size sub-modifiers\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * Fixed widths\r\n * Different widths for mini sized `input` and `select` elements\r\n *\/\r\n\r\ninput.uk-form-width-mini { width: @form-mini-width; }\r\nselect.uk-form-width-mini { width: (@form-mini-width + 25px); }\r\n.uk-form-width-small { width: @form-small-width; }\r\n.uk-form-width-medium { width: @form-medium-width; }\r\n.uk-form-width-large { width: @form-large-width; }\r\n\r\n\r\n\/* Sub-objects: `uk-form-row`\r\n * Groups labels and controls in rows\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * Micro clearfix\r\n * Needed for `uk-form-horizontal` modifier\r\n *\/\r\n\r\n.uk-form-row:before,\r\n.uk-form-row:after {\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.uk-form-row:after { clear: both; }\r\n\r\n\/*\r\n * Vertical gutter\r\n *\/\r\n\r\n.uk-form-row + .uk-form-row { margin-top: @form-gutter; }\r\n\r\n\r\n\/* Help text\r\n * Sub-object: `uk-form-help-inline`, `uk-form-help-block`\r\n ========================================================================== *\/\r\n\r\n.uk-form-help-inline {\r\n display: inline-block;\r\n margin: 0 0 0 @form-help-inline-margin-left;\r\n}\r\n\r\n.uk-form-help-block { margin: @form-help-block-margin-top 0 0 0; }\r\n\r\n\r\n\/* Controls content\r\n * Sub-object: `uk-form-controls`, `uk-form-controls-condensed`\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * Remove margins\r\n *\/\r\n\r\n.uk-form-controls > :first-child { margin-top: 0; }\r\n.uk-form-controls > :last-child { margin-bottom: 0; }\r\n\r\n\/*\r\n * Group controls and text into blocks with a small spacing between blocks\r\n *\/\r\n\r\n.uk-form-controls-condensed { margin: @form-controls-condensed-margin-vertical 0; }\r\n\r\n\r\n\/* Modifier: `uk-form-stacked`\r\n * Requires sub-object: `uk-form-label`\r\n ========================================================================== *\/\r\n\r\n.uk-form-stacked .uk-form-label {\r\n display: block;\r\n margin-bottom: @form-stacked-margin-bottom;\r\n font-weight: @form-stacked-font-weight;\r\n .hook-form-stacked-label;\r\n}\r\n\r\n\r\n\/* Modifier: `uk-form-horizontal`\r\n * Requires sub-objects: `uk-form-label`, `uk-form-controls`\r\n ========================================================================== *\/\r\n\r\n\/* Tablet portrait and smaller *\/\r\n@media (max-width: @breakpoint-medium-max) {\r\n\r\n \/* Behave like `uk-form-stacked` *\/\r\n .uk-form-horizontal .uk-form-label {\r\n display: block;\r\n margin-bottom: @form-stacked-margin-bottom;\r\n font-weight: @form-stacked-font-weight;\r\n .hook-form-stacked-label;\r\n }\r\n\r\n}\r\n\r\n\/* Desktop and bigger *\/\r\n@media (min-width: @breakpoint-large) {\r\n\r\n .uk-form-horizontal .uk-form-label {\r\n width: @form-horizontal-label-width;\r\n margin-top: @form-horizontal-label-margin-top;\r\n float: left;\r\n .hook-form-horizontal-label;\r\n }\r\n\r\n .uk-form-horizontal .uk-form-controls { margin-left: @form-horizontal-controls-margin-left; }\r\n\r\n \/* Better vertical alignment if controls are checkboxes and radio buttons with text *\/\r\n .uk-form-horizontal .uk-form-controls-text { padding-top: @form-horizontal-controls-text-padding-top; }\r\n\r\n}\r\n\r\n\r\n\/* Sub-object: `uk-form-icon`\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * 1. Container width fits its content\r\n * 2. Create position context\r\n * 3. Prevent `inline-block` consequences\r\n *\/\r\n\r\n.uk-form-icon {\r\n \/* 1 *\/\r\n display: inline-block;\r\n \/* 2 *\/\r\n position: relative;\r\n \/* 3 *\/\r\n max-width: 100%;\r\n}\r\n\r\n\/*\r\n * 1. Make form element clickable through icon\r\n *\/\r\n\r\n.uk-form-icon > [class*='uk-icon-'] {\r\n position: absolute;\r\n top: 50%;\r\n width: @form-icon-width;\r\n margin-top: round(@form-icon-font-size \/ -2);\r\n font-size: @form-icon-font-size;\r\n color: @form-icon-color;\r\n text-align: center;\r\n \/* 1 *\/\r\n pointer-events: none;\r\n}\r\n\r\n.uk-form-icon:not(.uk-form-icon-flip) > input { padding-left: @form-icon-width !important; }\r\n\r\n\/*\r\n * Sub-modifier: `uk-form-icon-flip`\r\n *\/\r\n\r\n.uk-form-icon-flip > [class*='uk-icon-'] { right: 0; }\r\n.uk-form-icon-flip > input { padding-right: @form-icon-width !important; }\r\n\r\n\r\n\/\/ Hooks\r\n\/\/ ========================================================================\r\n\r\n.hook-form-misc;\r\n\r\n.hook-form() {}\r\n.hook-form-focus() {}\r\n.hook-form-disabled() {}\r\n.hook-form-legend() {}\r\n.hook-form-danger() {}\r\n.hook-form-success() {}\r\n.hook-form-blank() {}\r\n.hook-form-blank-focus() {}\r\n.hook-form-stacked-label() {}\r\n.hook-form-horizontal-label() {}\r\n.hook-form-misc() {}\r\n\r\n\r\n\/\/ Common\r\n\/\/ Name: Button\r\n\/\/ Description: Defines styles for buttons\r\n\/\/\r\n\/\/ Component: `uk-button`\r\n\/\/\r\n\/\/ Sub-objects: `uk-button-group`\r\n\/\/ `uk-button-dropdown`\r\n\/\/\r\n\/\/ Modifiers: `uk-button-primary`\r\n\/\/ `uk-button-success`\r\n\/\/ `uk-button-danger`\r\n\/\/ `uk-button-link`\r\n\/\/ `uk-button-mini`\r\n\/\/ `uk-button-small`\r\n\/\/ `uk-button-large`\r\n\/\/\r\n\/\/ States: `uk-active`\r\n\/\/\r\n\/\/ Markup:\r\n\/\/\r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/\r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@button-height: 30px;\r\n@button-mini-height: 20px;\r\n@button-small-height: 25px;\r\n@button-large-height: 40px;\r\n\r\n@button-line-height: 30px;\r\n@button-mini-line-height: 20px;\r\n@button-small-line-height: 25px;\r\n@button-large-line-height: 40px;\r\n\r\n@button-mini-font-size: 11px;\r\n@button-small-font-size: 12px;\r\n@button-large-font-size: 16px;\r\n\r\n@button-padding-horizontal: 12px;\r\n@button-mini-padding-horizontal: 6px;\r\n@button-small-padding-horizontal: 10px;\r\n@button-large-padding-horizontal: 15px;\r\n\r\n@button-font-size: 1rem;\r\n@button-background: #eee;\r\n@button-color: #444;\r\n@button-hover-background: #f5f5f5;\r\n@button-hover-color: #444;\r\n@button-active-background: #ddd;\r\n@button-active-color: #444;\r\n\r\n@button-primary-background: #00a8e6;\r\n@button-primary-color: #fff;\r\n@button-primary-hover-background: #35b3ee;\r\n@button-primary-hover-color: #fff;\r\n@button-primary-active-background: #0091ca;\r\n@button-primary-active-color: #fff;\r\n\r\n@button-success-background: #8cc14c;\r\n@button-success-color: #fff;\r\n@button-success-hover-background: #8ec73b;\r\n@button-success-hover-color: #fff;\r\n@button-success-active-background: #72ae41;\r\n@button-success-active-color: #fff;\r\n\r\n@button-danger-background: #da314b;\r\n@button-danger-color: #fff;\r\n@button-danger-hover-background: #e4354f;\r\n@button-danger-hover-color: #fff;\r\n@button-danger-active-background: #c91032;\r\n@button-danger-active-color: #fff;\r\n\r\n@button-disabled-background: #f5f5f5;\r\n@button-disabled-color: #999;\r\n\r\n@button-link-color: #07D;\r\n@button-link-hover-color: #059;\r\n@button-link-hover-text-decoration: underline;\r\n@button-link-disabled-color: #999;\r\n\r\n\r\n\/* ========================================================================\r\n Component: Button\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * Removes inner padding and border in Firefox 4+.\r\n *\/\r\n\r\n.uk-button::-moz-focus-inner {\r\n border: 0;\r\n padding: 0;\r\n}\r\n\r\n\/*\r\n * 1. Correct inability to style clickable `input` types in iOS.\r\n * 2. Remove margins in Chrome, Safari and Opera.\r\n * 3. Remove borders for `button`.\r\n * 4. Address `overflow` set to `hidden` in IE 8\/9\/10\/11.\r\n * 5. Correct `font` properties and `color` not being inherited for `button`.\r\n * 6. Address inconsistent `text-transform` inheritance which is only inherit in Firefox and IE\r\n * 7. Style\r\n * 8. `line-height` is used to create a height\r\n * 9. `min-height` is necessary for `input` elements in Firefox and Opera because `line-height` is not working.\r\n * 10. Reset button group whitespace hack\r\n * 11. Required for `a`.\r\n *\/\r\n\r\n.uk-button {\r\n \/* 1 *\/\r\n -webkit-appearance: none;\r\n \/* 2 *\/\r\n margin: 0;\r\n \/* 3 *\/\r\n border: none;\r\n \/* 4 *\/\r\n overflow: visible;\r\n \/* 5 *\/\r\n font: inherit;\r\n color: @button-color;\r\n \/* 6 *\/\r\n text-transform: none;\r\n \/* 7 *\/\r\n display: inline-block;\r\n box-sizing: border-box;\r\n padding: 0 @button-padding-horizontal;\r\n background: @button-background;\r\n vertical-align: middle;\r\n \/* 8 *\/\r\n line-height: @button-line-height;\r\n \/* 9 *\/\r\n min-height: @button-height;\r\n \/* 10 *\/\r\n font-size: @button-font-size;\r\n \/* 11 *\/\r\n text-decoration: none;\r\n text-align: center;\r\n .hook-button;\r\n}\r\n\r\n.uk-button:not(:disabled) { cursor: pointer; }\r\n\r\n\/*\r\n * Hover\r\n * 1. Apply hover style also to focus state\r\n * 2. Remove default focus style\r\n * 3. Required for `a` elements\r\n *\/\r\n\r\n.uk-button:hover,\r\n.uk-button:focus { \/\/ 1\r\n background-color: @button-hover-background;\r\n color: @button-hover-color;\r\n \/* 2 *\/\r\n outline: none;\r\n \/* 3 *\/\r\n text-decoration: none;\r\n .hook-button-hover;\r\n}\r\n\r\n\/* Active *\/\r\n.uk-button:active,\r\n.uk-button.uk-active {\r\n background-color: @button-active-background;\r\n color: @button-active-color;\r\n .hook-button-active;\r\n}\r\n\r\n\r\n\/* Color modifiers\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * Modifier: `uk-button-primary`\r\n *\/\r\n\r\n.uk-button-primary {\r\n background-color: @button-primary-background;\r\n color: @button-primary-color;\r\n .hook-button-primary;\r\n}\r\n\r\n\/* Hover *\/\r\n.uk-button-primary:hover,\r\n.uk-button-primary:focus {\r\n background-color: @button-primary-hover-background;\r\n color: @button-primary-hover-color;\r\n .hook-button-primary-hover;\r\n}\r\n\r\n\/* Active *\/\r\n.uk-button-primary:active,\r\n.uk-button-primary.uk-active {\r\n background-color: @button-primary-active-background;\r\n color: @button-primary-active-color;\r\n .hook-button-primary-active;\r\n}\r\n\r\n\/*\r\n * Modifier: `uk-button-success`\r\n *\/\r\n\r\n.uk-button-success {\r\n background-color: @button-success-background;\r\n color: @button-success-color;\r\n .hook-button-success;\r\n}\r\n\r\n\/* Hover *\/\r\n.uk-button-success:hover,\r\n.uk-button-success:focus {\r\n background-color: @button-success-hover-background;\r\n color: @button-success-hover-color;\r\n .hook-button-success-hover;\r\n}\r\n\r\n\/* Active *\/\r\n.uk-button-success:active,\r\n.uk-button-success.uk-active {\r\n background-color: @button-success-active-background;\r\n color: @button-success-active-color;\r\n .hook-button-success-active;\r\n}\r\n\r\n\/*\r\n * Modifier: `uk-button-danger`\r\n *\/\r\n\r\n.uk-button-danger {\r\n background-color: @button-danger-background;\r\n color: @button-danger-color;\r\n .hook-button-danger;\r\n}\r\n\r\n\/* Hover *\/\r\n.uk-button-danger:hover,\r\n.uk-button-danger:focus {\r\n background-color: @button-danger-hover-background;\r\n color: @button-danger-hover-color;\r\n .hook-button-danger-hover;\r\n}\r\n\r\n\/* Active *\/\r\n.uk-button-danger:active,\r\n.uk-button-danger.uk-active {\r\n background-color: @button-danger-active-background;\r\n color: @button-danger-active-color;\r\n .hook-button-danger-active;\r\n}\r\n\r\n\r\n\/* Disabled state\r\n * Overrides also the color modifiers\r\n ========================================================================== *\/\r\n\r\n\/* Equal for all button types *\/\r\n.uk-button:disabled {\r\n background-color: @button-disabled-background;\r\n color: @button-disabled-color;\r\n .hook-button-disable;\r\n}\r\n\r\n\r\n\/* Modifier: `uk-button-link`\r\n ========================================================================== *\/\r\n\r\n \/* Reset *\/\r\n.uk-button-link,\r\n.uk-button-link:hover,\r\n.uk-button-link:focus,\r\n.uk-button-link:active,\r\n.uk-button-link.uk-active,\r\n.uk-button-link:disabled {\r\n border-color: transparent;\r\n background: none;\r\n .hook-button-link;\r\n}\r\n\r\n\/* Color *\/\r\n.uk-button-link { color: @button-link-color; }\r\n\r\n.uk-button-link:hover,\r\n.uk-button-link:focus,\r\n.uk-button-link:active,\r\n.uk-button-link.uk-active {\r\n color: @button-link-hover-color;\r\n text-decoration: @button-link-hover-text-decoration;\r\n}\r\n\r\n.uk-button-link:disabled { color: @button-link-disabled-color; }\r\n\r\n\/* Focus *\/\r\n.uk-button-link:focus { outline: 1px dotted; }\r\n\r\n\r\n\/* Size modifiers\r\n ========================================================================== *\/\r\n\r\n.uk-button-mini {\r\n min-height: @button-mini-height;\r\n padding: 0 @button-mini-padding-horizontal;\r\n line-height: @button-mini-line-height;\r\n font-size: @button-mini-font-size;\r\n}\r\n\r\n.uk-button-small {\r\n min-height: @button-small-height;\r\n padding: 0 @button-small-padding-horizontal;\r\n line-height: @button-small-line-height;\r\n font-size: @button-small-font-size;\r\n}\r\n\r\n.uk-button-large {\r\n min-height: @button-large-height;\r\n padding: 0 @button-large-padding-horizontal;\r\n line-height: @button-large-line-height;\r\n font-size: @button-large-font-size;\r\n .hook-button-large;\r\n}\r\n\r\n\r\n\/* Sub-object `uk-button-group`\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * 1. Behave like buttons\r\n * 2. Create position context for dropdowns\r\n * 3. Remove whitespace between child elements when using `inline-block`\r\n * 4. Prevent buttons from wrapping\r\n * 5. Remove whitespace between child elements when using `inline-block`\r\n *\/\r\n\r\n.uk-button-group {\r\n \/* 1 *\/\r\n display: inline-block;\r\n vertical-align: middle;\r\n \/* 2 *\/\r\n position: relative;\r\n \/* 3 *\/\r\n font-size: 0.001px;\r\n \/* 4 *\/\r\n white-space: nowrap;\r\n}\r\n\r\n.uk-button-group > * { display: inline-block; }\r\n\r\n\/* 5 *\/\r\n.uk-button-group .uk-button { vertical-align: top; }\r\n\r\n\r\n\/* Sub-object: `uk-button-dropdown`\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * 1. Behave like buttons\r\n * 2. Create position context for dropdowns\r\n *\/\r\n\r\n.uk-button-dropdown {\r\n \/* 1 *\/\r\n display: inline-block;\r\n vertical-align: middle;\r\n \/* 2 *\/\r\n position: relative;\r\n}\r\n\r\n\r\n\/\/ Hooks\r\n\/\/ ========================================================================\r\n\r\n.hook-button-misc;\r\n\r\n.hook-button() {}\r\n.hook-button-hover() {}\r\n.hook-button-active() {}\r\n.hook-button-primary() {}\r\n.hook-button-primary-hover() {}\r\n.hook-button-primary-active() {}\r\n.hook-button-success() {}\r\n.hook-button-success-hover() {}\r\n.hook-button-success-active() {}\r\n.hook-button-danger() {}\r\n.hook-button-danger-hover() {}\r\n.hook-button-danger-active() {}\r\n.hook-button-disable() {}\r\n.hook-button-link() {}\r\n.hook-button-large() {}\r\n.hook-button-misc() {}\r\n\/\/ Name: Icon\r\n\/\/ Description: Defines styles for icons\r\n\/\/\r\n\/\/ Adapted from http:\/\/fortawesome.github.com\/Font-Awesome (Version 4.6.0)\r\n\/\/\r\n\/\/ Component: `uk-icon-*`\r\n\/\/\r\n\/\/ Sub-objects: `uk-icon-hover`\r\n\/\/ `uk-icon-button`\r\n\/\/\r\n\/\/ Modifiers: `uk-icon-small`\r\n\/\/ `uk-icon-medium`\r\n\/\/ `uk-icon-large`\r\n\/\/ `uk-icon-justify`\r\n\/\/ `uk-icon-spin`\r\n\/\/\r\n\/\/ Uses: Animation\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@icon-font-path: \"..\/fonts\";\r\n\r\n@icon-small-font-size: 150%;\r\n@icon-medium-font-size: 200%;\r\n@icon-large-font-size: 250%;\r\n\r\n@icon-small-vertical-align: -10%;\r\n@icon-medium-vertical-align: -16%;\r\n@icon-large-vertical-align: -22%;\r\n\r\n@icon-hover-color: #999;\r\n@icon-hover-hover-color: #444;\r\n\r\n@icon-button-width: 35px;\r\n@icon-button-height: @icon-button-width;\r\n@icon-button-border-radius: 100%;\r\n@icon-button-background: #eee;\r\n@icon-button-font-size: round((@icon-button-width * 0.5));\r\n@icon-button-color: #444;\r\n\r\n@icon-button-hover-background: #f5f5f5;\r\n@icon-button-hover-color: #444;\r\n\r\n@icon-button-active-background: #ddd;\r\n@icon-button-active-color: #444;\r\n\r\n\r\n\/* ========================================================================\r\n Component: Icon\r\n ========================================================================== *\/\r\n\r\n@font-face {\r\n font-family: 'FontAwesome';\r\n src: url(\"\/templates\/yoo_lupo\/warp\/vendor\/uikit\/less\/core\/@{icon-font-path}\/fontawesome-webfont.woff2\") format('woff2'),\r\n url(\"\/templates\/yoo_lupo\/warp\/vendor\/uikit\/less\/core\/@{icon-font-path}\/fontawesome-webfont.woff\") format(\"woff\"),\r\n url(\"\/templates\/yoo_lupo\/warp\/vendor\/uikit\/less\/core\/@{icon-font-path}\/fontawesome-webfont.ttf\") format(\"truetype\");\r\n font-weight: normal;\r\n font-style: normal;\r\n}\r\n\r\n\/*\r\n * 1. Allow margin\r\n * 2. Prevent inherit font style\r\n * 4. Correct line-height\r\n * 5. Better font rendering\r\n * 6. Remove `text-decoration` for anchors\r\n *\/\r\n\r\n[class*='uk-icon-'] {\r\n font-family: FontAwesome;\r\n \/* 1 *\/\r\n display: inline-block;\r\n \/* 2 *\/\r\n font-weight: normal;\r\n font-style: normal;\r\n \/* 4 *\/\r\n line-height: 1;\r\n \/* 5 *\/\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n}\r\n\r\n\/* 6 *\/\r\n[class*='uk-icon-'],\r\n[class*='uk-icon-']:hover,\r\n[class*='uk-icon-']:focus { text-decoration: none; }\r\n\r\n\r\n\/* Size modifiers\r\n ========================================================================== *\/\r\n\r\n.uk-icon-small {\r\n font-size: @icon-small-font-size;\r\n vertical-align: @icon-small-vertical-align;\r\n}\r\n\r\n.uk-icon-medium {\r\n font-size: @icon-medium-font-size;\r\n vertical-align: @icon-medium-vertical-align;\r\n}\r\n\r\n.uk-icon-large {\r\n font-size: @icon-large-font-size;\r\n vertical-align: @icon-large-vertical-align;\r\n}\r\n\r\n\r\n\/* Modifier: `uk-icon-justify`\r\n ========================================================================== *\/\r\n\r\n.uk-icon-justify {\r\n width: 1em;\r\n text-align: center;\r\n}\r\n\r\n\r\n\/* Modifier: `uk-icon-spin`\r\n ========================================================================== *\/\r\n\r\n.uk-icon-spin {\r\n display: inline-block;\r\n -webkit-animation: uk-rotate 2s infinite linear;\r\n animation: uk-rotate 2s infinite linear;\r\n}\r\n\r\n\r\n\/* Modifier: `uk-icon-hover`\r\n ========================================================================== *\/\r\n\r\n.uk-icon-hover {\r\n color: @icon-hover-color;\r\n .hook-icon-hover;\r\n}\r\n\r\n\/*\r\n * Hover\r\n *\/\r\n\r\n.uk-icon-hover:hover {\r\n color: @icon-hover-hover-color;\r\n .hook-icon-hover-hover;\r\n}\r\n\r\n\r\n\/* Modifier: `uk-icon-button`\r\n ========================================================================== *\/\r\n\r\n.uk-icon-button {\r\n box-sizing: border-box;\r\n display: inline-block;\r\n width: @icon-button-width;\r\n height: @icon-button-height;\r\n border-radius: @icon-button-border-radius;\r\n background: @icon-button-background;\r\n line-height: @icon-button-height;\r\n color: @icon-button-color;\r\n font-size: @icon-button-font-size;\r\n text-align: center;\r\n .hook-icon-button;\r\n}\r\n\r\n\/*\r\n * Hover\r\n * 1. Apply hover style also to focus state\r\n * 2. Remove default focus style\r\n *\/\r\n\r\n.uk-icon-button:hover,\r\n.uk-icon-button:focus { \/\/ 1\r\n background-color: @icon-button-hover-background;\r\n color: @icon-button-hover-color;\r\n \/* 2 *\/\r\n outline: none;\r\n .hook-icon-button-hover;\r\n}\r\n\r\n\/* Active *\/\r\n.uk-icon-button:active {\r\n background-color: @icon-button-active-background;\r\n color: @icon-button-active-color;\r\n .hook-icon-button-active;\r\n}\r\n\r\n\r\n\/* Icon mapping\r\n ========================================================================== *\/\r\n\r\n.uk-icon-glass:before { content: \"\\f000\"; }\r\n.uk-icon-music:before { content: \"\\f001\"; }\r\n.uk-icon-search:before { content: \"\\f002\"; }\r\n.uk-icon-envelope-o:before { content: \"\\f003\"; }\r\n.uk-icon-heart:before { content: \"\\f004\"; }\r\n.uk-icon-star:before { content: \"\\f005\"; }\r\n.uk-icon-star-o:before { content: \"\\f006\"; }\r\n.uk-icon-user:before { content: \"\\f007\"; }\r\n.uk-icon-film:before { content: \"\\f008\"; }\r\n.uk-icon-th-large:before { content: \"\\f009\"; }\r\n.uk-icon-th:before { content: \"\\f00a\"; }\r\n.uk-icon-th-list:before { content: \"\\f00b\"; }\r\n.uk-icon-check:before { content: \"\\f00c\"; }\r\n.uk-icon-remove:before,\r\n.uk-icon-close:before,\r\n.uk-icon-times:before { content: \"\\f00d\"; }\r\n.uk-icon-search-plus:before { content: \"\\f00e\"; }\r\n.uk-icon-search-minus:before { content: \"\\f010\"; }\r\n.uk-icon-power-off:before { content: \"\\f011\"; }\r\n.uk-icon-signal:before { content: \"\\f012\"; }\r\n.uk-icon-gear:before,\r\n.uk-icon-cog:before { content: \"\\f013\"; }\r\n.uk-icon-trash-o:before { content: \"\\f014\"; }\r\n.uk-icon-home:before { content: \"\\f015\"; }\r\n.uk-icon-file-o:before { content: \"\\f016\"; }\r\n.uk-icon-clock-o:before { content: \"\\f017\"; }\r\n.uk-icon-road:before { content: \"\\f018\"; }\r\n.uk-icon-download:before { content: \"\\f019\"; }\r\n.uk-icon-arrow-circle-o-down:before { content: \"\\f01a\"; }\r\n.uk-icon-arrow-circle-o-up:before { content: \"\\f01b\"; }\r\n.uk-icon-inbox:before { content: \"\\f01c\"; }\r\n.uk-icon-play-circle-o:before { content: \"\\f01d\"; }\r\n.uk-icon-rotate-right:before,\r\n.uk-icon-repeat:before { content: \"\\f01e\"; }\r\n.uk-icon-refresh:before { content: \"\\f021\"; }\r\n.uk-icon-list-alt:before { content: \"\\f022\"; }\r\n.uk-icon-lock:before { content: \"\\f023\"; }\r\n.uk-icon-flag:before { content: \"\\f024\"; }\r\n.uk-icon-headphones:before { content: \"\\f025\"; }\r\n.uk-icon-volume-off:before { content: \"\\f026\"; }\r\n.uk-icon-volume-down:before { content: \"\\f027\"; }\r\n.uk-icon-volume-up:before { content: \"\\f028\"; }\r\n.uk-icon-qrcode:before { content: \"\\f029\"; }\r\n.uk-icon-barcode:before { content: \"\\f02a\"; }\r\n.uk-icon-tag:before { content: \"\\f02b\"; }\r\n.uk-icon-tags:before { content: \"\\f02c\"; }\r\n.uk-icon-book:before { content: \"\\f02d\"; }\r\n.uk-icon-bookmark:before { content: \"\\f02e\"; }\r\n.uk-icon-print:before { content: \"\\f02f\"; }\r\n.uk-icon-camera:before { content: \"\\f030\"; }\r\n.uk-icon-font:before { content: \"\\f031\"; }\r\n.uk-icon-bold:before { content: \"\\f032\"; }\r\n.uk-icon-italic:before { content: \"\\f033\"; }\r\n.uk-icon-text-height:before { content: \"\\f034\"; }\r\n.uk-icon-text-width:before { content: \"\\f035\"; }\r\n.uk-icon-align-left:before { content: \"\\f036\"; }\r\n.uk-icon-align-center:before { content: \"\\f037\"; }\r\n.uk-icon-align-right:before { content: \"\\f038\"; }\r\n.uk-icon-align-justify:before { content: \"\\f039\"; }\r\n.uk-icon-list:before { content: \"\\f03a\"; }\r\n.uk-icon-dedent:before,\r\n.uk-icon-outdent:before { content: \"\\f03b\"; }\r\n.uk-icon-indent:before { content: \"\\f03c\"; }\r\n.uk-icon-video-camera:before { content: \"\\f03d\"; }\r\n.uk-icon-photo:before,\r\n.uk-icon-image:before,\r\n.uk-icon-picture-o:before { content: \"\\f03e\"; }\r\n.uk-icon-pencil:before { content: \"\\f040\"; }\r\n.uk-icon-map-marker:before { content: \"\\f041\"; }\r\n.uk-icon-adjust:before { content: \"\\f042\"; }\r\n.uk-icon-tint:before { content: \"\\f043\"; }\r\n.uk-icon-edit:before,\r\n.uk-icon-pencil-square-o:before { content: \"\\f044\"; }\r\n.uk-icon-share-square-o:before { content: \"\\f045\"; }\r\n.uk-icon-check-square-o:before { content: \"\\f046\"; }\r\n.uk-icon-arrows:before { content: \"\\f047\"; }\r\n.uk-icon-step-backward:before { content: \"\\f048\"; }\r\n.uk-icon-fast-backward:before { content: \"\\f049\"; }\r\n.uk-icon-backward:before { content: \"\\f04a\"; }\r\n.uk-icon-play:before { content: \"\\f04b\"; }\r\n.uk-icon-pause:before { content: \"\\f04c\"; }\r\n.uk-icon-stop:before { content: \"\\f04d\"; }\r\n.uk-icon-forward:before { content: \"\\f04e\"; }\r\n.uk-icon-fast-forward:before { content: \"\\f050\"; }\r\n.uk-icon-step-forward:before { content: \"\\f051\"; }\r\n.uk-icon-eject:before { content: \"\\f052\"; }\r\n.uk-icon-chevron-left:before { content: \"\\f053\"; }\r\n.uk-icon-chevron-right:before { content: \"\\f054\"; }\r\n.uk-icon-plus-circle:before { content: \"\\f055\"; }\r\n.uk-icon-minus-circle:before { content: \"\\f056\"; }\r\n.uk-icon-times-circle:before { content: \"\\f057\"; }\r\n.uk-icon-check-circle:before { content: \"\\f058\"; }\r\n.uk-icon-question-circle:before { content: \"\\f059\"; }\r\n.uk-icon-info-circle:before { content: \"\\f05a\"; }\r\n.uk-icon-crosshairs:before { content: \"\\f05b\"; }\r\n.uk-icon-times-circle-o:before { content: \"\\f05c\"; }\r\n.uk-icon-check-circle-o:before { content: \"\\f05d\"; }\r\n.uk-icon-ban:before { content: \"\\f05e\"; }\r\n.uk-icon-arrow-left:before { content: \"\\f060\"; }\r\n.uk-icon-arrow-right:before { content: \"\\f061\"; }\r\n.uk-icon-arrow-up:before { content: \"\\f062\"; }\r\n.uk-icon-arrow-down:before { content: \"\\f063\"; }\r\n.uk-icon-mail-forward:before,\r\n.uk-icon-share:before { content: \"\\f064\"; }\r\n.uk-icon-expand:before { content: \"\\f065\"; }\r\n.uk-icon-compress:before { content: \"\\f066\"; }\r\n.uk-icon-plus:before { content: \"\\f067\"; }\r\n.uk-icon-minus:before { content: \"\\f068\"; }\r\n.uk-icon-asterisk:before { content: \"\\f069\"; }\r\n.uk-icon-exclamation-circle:before { content: \"\\f06a\"; }\r\n.uk-icon-gift:before { content: \"\\f06b\"; }\r\n.uk-icon-leaf:before { content: \"\\f06c\"; }\r\n.uk-icon-fire:before { content: \"\\f06d\"; }\r\n.uk-icon-eye:before { content: \"\\f06e\"; }\r\n.uk-icon-eye-slash:before { content: \"\\f070\"; }\r\n.uk-icon-warning:before,\r\n.uk-icon-exclamation-triangle:before { content: \"\\f071\"; }\r\n.uk-icon-plane:before { content: \"\\f072\"; }\r\n.uk-icon-calendar:before { content: \"\\f073\"; }\r\n.uk-icon-random:before { content: \"\\f074\"; }\r\n.uk-icon-comment:before { content: \"\\f075\"; }\r\n.uk-icon-magnet:before { content: \"\\f076\"; }\r\n.uk-icon-chevron-up:before { content: \"\\f077\"; }\r\n.uk-icon-chevron-down:before { content: \"\\f078\"; }\r\n.uk-icon-retweet:before { content: \"\\f079\"; }\r\n.uk-icon-shopping-cart:before { content: \"\\f07a\"; }\r\n.uk-icon-folder:before { content: \"\\f07b\"; }\r\n.uk-icon-folder-open:before { content: \"\\f07c\"; }\r\n.uk-icon-arrows-v:before { content: \"\\f07d\"; }\r\n.uk-icon-arrows-h:before { content: \"\\f07e\"; }\r\n.uk-icon-bar-chart-o:before,\r\n.uk-icon-bar-chart:before { content: \"\\f080\"; }\r\n.uk-icon-twitter-square:before { content: \"\\f081\"; }\r\n.uk-icon-facebook-square:before { content: \"\\f082\"; }\r\n.uk-icon-camera-retro:before { content: \"\\f083\"; }\r\n.uk-icon-key:before { content: \"\\f084\"; }\r\n.uk-icon-gears:before,\r\n.uk-icon-cogs:before { content: \"\\f085\"; }\r\n.uk-icon-comments:before { content: \"\\f086\"; }\r\n.uk-icon-thumbs-o-up:before { content: \"\\f087\"; }\r\n.uk-icon-thumbs-o-down:before { content: \"\\f088\"; }\r\n.uk-icon-star-half:before { content: \"\\f089\"; }\r\n.uk-icon-heart-o:before { content: \"\\f08a\"; }\r\n.uk-icon-sign-out:before { content: \"\\f08b\"; }\r\n.uk-icon-linkedin-square:before { content: \"\\f08c\"; }\r\n.uk-icon-thumb-tack:before { content: \"\\f08d\"; }\r\n.uk-icon-external-link:before { content: \"\\f08e\"; }\r\n.uk-icon-sign-in:before { content: \"\\f090\"; }\r\n.uk-icon-trophy:before { content: \"\\f091\"; }\r\n.uk-icon-github-square:before { content: \"\\f092\"; }\r\n.uk-icon-upload:before { content: \"\\f093\"; }\r\n.uk-icon-lemon-o:before { content: \"\\f094\"; }\r\n.uk-icon-phone:before { content: \"\\f095\"; }\r\n.uk-icon-square-o:before { content: \"\\f096\"; }\r\n.uk-icon-bookmark-o:before { content: \"\\f097\"; }\r\n.uk-icon-phone-square:before { content: \"\\f098\"; }\r\n.uk-icon-twitter:before { content: \"\\f099\"; }\r\n.uk-icon-facebook-f:before,\r\n.uk-icon-facebook:before { content: \"\\f09a\"; }\r\n.uk-icon-github:before { content: \"\\f09b\"; }\r\n.uk-icon-unlock:before { content: \"\\f09c\"; }\r\n.uk-icon-credit-card:before { content: \"\\f09d\"; }\r\n.uk-icon-rss:before { content: \"\\f09e\"; }\r\n.uk-icon-hdd-o:before { content: \"\\f0a0\"; }\r\n.uk-icon-bullhorn:before { content: \"\\f0a1\"; }\r\n.uk-icon-bell:before { content: \"\\f0f3\"; }\r\n.uk-icon-certificate:before { content: \"\\f0a3\"; }\r\n.uk-icon-hand-o-right:before { content: \"\\f0a4\"; }\r\n.uk-icon-hand-o-left:before { content: \"\\f0a5\"; }\r\n.uk-icon-hand-o-up:before { content: \"\\f0a6\"; }\r\n.uk-icon-hand-o-down:before { content: \"\\f0a7\"; }\r\n.uk-icon-arrow-circle-left:before { content: \"\\f0a8\"; }\r\n.uk-icon-arrow-circle-right:before { content: \"\\f0a9\"; }\r\n.uk-icon-arrow-circle-up:before { content: \"\\f0aa\"; }\r\n.uk-icon-arrow-circle-down:before { content: \"\\f0ab\"; }\r\n.uk-icon-globe:before { content: \"\\f0ac\"; }\r\n.uk-icon-wrench:before { content: \"\\f0ad\"; }\r\n.uk-icon-tasks:before { content: \"\\f0ae\"; }\r\n.uk-icon-filter:before { content: \"\\f0b0\"; }\r\n.uk-icon-briefcase:before { content: \"\\f0b1\"; }\r\n.uk-icon-arrows-alt:before { content: \"\\f0b2\"; }\r\n.uk-icon-group:before,\r\n.uk-icon-users:before { content: \"\\f0c0\"; }\r\n.uk-icon-chain:before,\r\n.uk-icon-link:before { content: \"\\f0c1\"; }\r\n.uk-icon-cloud:before { content: \"\\f0c2\"; }\r\n.uk-icon-flask:before { content: \"\\f0c3\"; }\r\n.uk-icon-cut:before,\r\n.uk-icon-scissors:before { content: \"\\f0c4\"; }\r\n.uk-icon-copy:before,\r\n.uk-icon-files-o:before { content: \"\\f0c5\"; }\r\n.uk-icon-paperclip:before { content: \"\\f0c6\"; }\r\n.uk-icon-save:before,\r\n.uk-icon-floppy-o:before { content: \"\\f0c7\"; }\r\n.uk-icon-square:before { content: \"\\f0c8\"; }\r\n.uk-icon-navicon:before,\r\n.uk-icon-reorder:before,\r\n.uk-icon-bars:before { content: \"\\f0c9\"; }\r\n.uk-icon-list-ul:before { content: \"\\f0ca\"; }\r\n.uk-icon-list-ol:before { content: \"\\f0cb\"; }\r\n.uk-icon-strikethrough:before { content: \"\\f0cc\"; }\r\n.uk-icon-underline:before { content: \"\\f0cd\"; }\r\n.uk-icon-table:before { content: \"\\f0ce\"; }\r\n.uk-icon-magic:before { content: \"\\f0d0\"; }\r\n.uk-icon-truck:before { content: \"\\f0d1\"; }\r\n.uk-icon-pinterest:before { content: \"\\f0d2\"; }\r\n.uk-icon-pinterest-square:before { content: \"\\f0d3\"; }\r\n.uk-icon-google-plus-square:before { content: \"\\f0d4\"; }\r\n.uk-icon-google-plus:before { content: \"\\f0d5\"; }\r\n.uk-icon-money:before { content: \"\\f0d6\"; }\r\n.uk-icon-caret-down:before { content: \"\\f0d7\"; }\r\n.uk-icon-caret-up:before { content: \"\\f0d8\"; }\r\n.uk-icon-caret-left:before { content: \"\\f0d9\"; }\r\n.uk-icon-caret-right:before { content: \"\\f0da\"; }\r\n.uk-icon-columns:before { content: \"\\f0db\"; }\r\n.uk-icon-unsorted:before,\r\n.uk-icon-sort:before { content: \"\\f0dc\"; }\r\n.uk-icon-sort-down:before,\r\n.uk-icon-sort-desc:before { content: \"\\f0dd\"; }\r\n.uk-icon-sort-up:before,\r\n.uk-icon-sort-asc:before { content: \"\\f0de\"; }\r\n.uk-icon-envelope:before { content: \"\\f0e0\"; }\r\n.uk-icon-linkedin:before { content: \"\\f0e1\"; }\r\n.uk-icon-rotate-left:before,\r\n.uk-icon-undo:before { content: \"\\f0e2\"; }\r\n.uk-icon-legal:before,\r\n.uk-icon-gavel:before { content: \"\\f0e3\"; }\r\n.uk-icon-dashboard:before,\r\n.uk-icon-tachometer:before { content: \"\\f0e4\"; }\r\n.uk-icon-comment-o:before { content: \"\\f0e5\"; }\r\n.uk-icon-comments-o:before { content: \"\\f0e6\"; }\r\n.uk-icon-flash:before,\r\n.uk-icon-bolt:before { content: \"\\f0e7\"; }\r\n.uk-icon-sitemap:before { content: \"\\f0e8\"; }\r\n.uk-icon-umbrella:before { content: \"\\f0e9\"; }\r\n.uk-icon-paste:before,\r\n.uk-icon-clipboard:before { content: \"\\f0ea\"; }\r\n.uk-icon-lightbulb-o:before { content: \"\\f0eb\"; }\r\n.uk-icon-exchange:before { content: \"\\f0ec\"; }\r\n.uk-icon-cloud-download:before { content: \"\\f0ed\"; }\r\n.uk-icon-cloud-upload:before { content: \"\\f0ee\"; }\r\n.uk-icon-user-md:before { content: \"\\f0f0\"; }\r\n.uk-icon-stethoscope:before { content: \"\\f0f1\"; }\r\n.uk-icon-suitcase:before { content: \"\\f0f2\"; }\r\n.uk-icon-bell-o:before { content: \"\\f0a2\"; }\r\n.uk-icon-coffee:before { content: \"\\f0f4\"; }\r\n.uk-icon-cutlery:before { content: \"\\f0f5\"; }\r\n.uk-icon-file-text-o:before { content: \"\\f0f6\"; }\r\n.uk-icon-building-o:before { content: \"\\f0f7\"; }\r\n.uk-icon-hospital-o:before { content: \"\\f0f8\"; }\r\n.uk-icon-ambulance:before { content: \"\\f0f9\"; }\r\n.uk-icon-medkit:before { content: \"\\f0fa\"; }\r\n.uk-icon-fighter-jet:before { content: \"\\f0fb\"; }\r\n.uk-icon-beer:before { content: \"\\f0fc\"; }\r\n.uk-icon-h-square:before { content: \"\\f0fd\"; }\r\n.uk-icon-plus-square:before { content: \"\\f0fe\"; }\r\n.uk-icon-angle-double-left:before { content: \"\\f100\"; }\r\n.uk-icon-angle-double-right:before { content: \"\\f101\"; }\r\n.uk-icon-angle-double-up:before { content: \"\\f102\"; }\r\n.uk-icon-angle-double-down:before { content: \"\\f103\"; }\r\n.uk-icon-angle-left:before { content: \"\\f104\"; }\r\n.uk-icon-angle-right:before { content: \"\\f105\"; }\r\n.uk-icon-angle-up:before { content: \"\\f106\"; }\r\n.uk-icon-angle-down:before { content: \"\\f107\"; }\r\n.uk-icon-desktop:before { content: \"\\f108\"; }\r\n.uk-icon-laptop:before { content: \"\\f109\"; }\r\n.uk-icon-tablet:before { content: \"\\f10a\"; }\r\n.uk-icon-mobile-phone:before,\r\n.uk-icon-mobile:before { content: \"\\f10b\"; }\r\n.uk-icon-circle-o:before { content: \"\\f10c\"; }\r\n.uk-icon-quote-left:before { content: \"\\f10d\"; }\r\n.uk-icon-quote-right:before { content: \"\\f10e\"; }\r\n.uk-icon-spinner:before { content: \"\\f110\"; }\r\n.uk-icon-circle:before { content: \"\\f111\"; }\r\n.uk-icon-mail-reply:before,\r\n.uk-icon-reply:before { content: \"\\f112\"; }\r\n.uk-icon-github-alt:before { content: \"\\f113\"; }\r\n.uk-icon-folder-o:before { content: \"\\f114\"; }\r\n.uk-icon-folder-open-o:before { content: \"\\f115\"; }\r\n.uk-icon-smile-o:before { content: \"\\f118\"; }\r\n.uk-icon-frown-o:before { content: \"\\f119\"; }\r\n.uk-icon-meh-o:before { content: \"\\f11a\"; }\r\n.uk-icon-gamepad:before { content: \"\\f11b\"; }\r\n.uk-icon-keyboard-o:before { content: \"\\f11c\"; }\r\n.uk-icon-flag-o:before { content: \"\\f11d\"; }\r\n.uk-icon-flag-checkered:before { content: \"\\f11e\"; }\r\n.uk-icon-terminal:before { content: \"\\f120\"; }\r\n.uk-icon-code:before { content: \"\\f121\"; }\r\n.uk-icon-mail-reply-all:before,\r\n.uk-icon-reply-all:before { content: \"\\f122\"; }\r\n.uk-icon-star-half-empty:before,\r\n.uk-icon-star-half-full:before,\r\n.uk-icon-star-half-o:before { content: \"\\f123\"; }\r\n.uk-icon-location-arrow:before { content: \"\\f124\"; }\r\n.uk-icon-crop:before { content: \"\\f125\"; }\r\n.uk-icon-code-fork:before { content: \"\\f126\"; }\r\n.uk-icon-unlink:before,\r\n.uk-icon-chain-broken:before { content: \"\\f127\"; }\r\n.uk-icon-question:before { content: \"\\f128\"; }\r\n.uk-icon-info:before { content: \"\\f129\"; }\r\n.uk-icon-exclamation:before { content: \"\\f12a\"; }\r\n.uk-icon-superscript:before { content: \"\\f12b\"; }\r\n.uk-icon-subscript:before { content: \"\\f12c\"; }\r\n.uk-icon-eraser:before { content: \"\\f12d\"; }\r\n.uk-icon-puzzle-piece:before { content: \"\\f12e\"; }\r\n.uk-icon-microphone:before { content: \"\\f130\"; }\r\n.uk-icon-microphone-slash:before { content: \"\\f131\"; }\r\n.uk-icon-shield:before { content: \"\\f132\"; }\r\n.uk-icon-calendar-o:before { content: \"\\f133\"; }\r\n.uk-icon-fire-extinguisher:before { content: \"\\f134\"; }\r\n.uk-icon-rocket:before { content: \"\\f135\"; }\r\n.uk-icon-maxcdn:before { content: \"\\f136\"; }\r\n.uk-icon-chevron-circle-left:before { content: \"\\f137\"; }\r\n.uk-icon-chevron-circle-right:before { content: \"\\f138\"; }\r\n.uk-icon-chevron-circle-up:before { content: \"\\f139\"; }\r\n.uk-icon-chevron-circle-down:before { content: \"\\f13a\"; }\r\n.uk-icon-html5:before { content: \"\\f13b\"; }\r\n.uk-icon-css3:before { content: \"\\f13c\"; }\r\n.uk-icon-anchor:before { content: \"\\f13d\"; }\r\n.uk-icon-unlock-alt:before { content: \"\\f13e\"; }\r\n.uk-icon-bullseye:before { content: \"\\f140\"; }\r\n.uk-icon-ellipsis-h:before { content: \"\\f141\"; }\r\n.uk-icon-ellipsis-v:before { content: \"\\f142\"; }\r\n.uk-icon-rss-square:before { content: \"\\f143\"; }\r\n.uk-icon-play-circle:before { content: \"\\f144\"; }\r\n.uk-icon-ticket:before { content: \"\\f145\"; }\r\n.uk-icon-minus-square:before { content: \"\\f146\"; }\r\n.uk-icon-minus-square-o:before { content: \"\\f147\"; }\r\n.uk-icon-level-up:before { content: \"\\f148\"; }\r\n.uk-icon-level-down:before { content: \"\\f149\"; }\r\n.uk-icon-check-square:before { content: \"\\f14a\"; }\r\n.uk-icon-pencil-square:before { content: \"\\f14b\"; }\r\n.uk-icon-external-link-square:before { content: \"\\f14c\"; }\r\n.uk-icon-share-square:before { content: \"\\f14d\"; }\r\n.uk-icon-compass:before { content: \"\\f14e\"; }\r\n.uk-icon-toggle-down:before,\r\n.uk-icon-caret-square-o-down:before { content: \"\\f150\"; }\r\n.uk-icon-toggle-up:before,\r\n.uk-icon-caret-square-o-up:before { content: \"\\f151\"; }\r\n.uk-icon-toggle-right:before,\r\n.uk-icon-caret-square-o-right:before { content: \"\\f152\"; }\r\n.uk-icon-euro:before,\r\n.uk-icon-eur:before { content: \"\\f153\"; }\r\n.uk-icon-gbp:before { content: \"\\f154\"; }\r\n.uk-icon-dollar:before,\r\n.uk-icon-usd:before { content: \"\\f155\"; }\r\n.uk-icon-rupee:before,\r\n.uk-icon-inr:before { content: \"\\f156\"; }\r\n.uk-icon-cny:before,\r\n.uk-icon-rmb:before,\r\n.uk-icon-yen:before,\r\n.uk-icon-jpy:before { content: \"\\f157\"; }\r\n.uk-icon-ruble:before,\r\n.uk-icon-rouble:before,\r\n.uk-icon-rub:before { content: \"\\f158\"; }\r\n.uk-icon-won:before,\r\n.uk-icon-krw:before { content: \"\\f159\"; }\r\n.uk-icon-bitcoin:before,\r\n.uk-icon-btc:before { content: \"\\f15a\"; }\r\n.uk-icon-file:before { content: \"\\f15b\"; }\r\n.uk-icon-file-text:before { content: \"\\f15c\"; }\r\n.uk-icon-sort-alpha-asc:before { content: \"\\f15d\"; }\r\n.uk-icon-sort-alpha-desc:before { content: \"\\f15e\"; }\r\n.uk-icon-sort-amount-asc:before { content: \"\\f160\"; }\r\n.uk-icon-sort-amount-desc:before { content: \"\\f161\"; }\r\n.uk-icon-sort-numeric-asc:before { content: \"\\f162\"; }\r\n.uk-icon-sort-numeric-desc:before { content: \"\\f163\"; }\r\n.uk-icon-thumbs-up:before { content: \"\\f164\"; }\r\n.uk-icon-thumbs-down:before { content: \"\\f165\"; }\r\n.uk-icon-youtube-square:before { content: \"\\f166\"; }\r\n.uk-icon-youtube:before { content: \"\\f167\"; }\r\n.uk-icon-xing:before { content: \"\\f168\"; }\r\n.uk-icon-xing-square:before { content: \"\\f169\"; }\r\n.uk-icon-youtube-play:before { content: \"\\f16a\"; }\r\n.uk-icon-dropbox:before { content: \"\\f16b\"; }\r\n.uk-icon-stack-overflow:before { content: \"\\f16c\"; }\r\n.uk-icon-instagram:before { content: \"\\f16d\"; }\r\n.uk-icon-flickr:before { content: \"\\f16e\"; }\r\n.uk-icon-adn:before { content: \"\\f170\"; }\r\n.uk-icon-bitbucket:before { content: \"\\f171\"; }\r\n.uk-icon-bitbucket-square:before { content: \"\\f172\"; }\r\n.uk-icon-tumblr:before { content: \"\\f173\"; }\r\n.uk-icon-tumblr-square:before { content: \"\\f174\"; }\r\n.uk-icon-long-arrow-down:before { content: \"\\f175\"; }\r\n.uk-icon-long-arrow-up:before { content: \"\\f176\"; }\r\n.uk-icon-long-arrow-left:before { content: \"\\f177\"; }\r\n.uk-icon-long-arrow-right:before { content: \"\\f178\"; }\r\n.uk-icon-apple:before { content: \"\\f179\"; }\r\n.uk-icon-windows:before { content: \"\\f17a\"; }\r\n.uk-icon-android:before { content: \"\\f17b\"; }\r\n.uk-icon-linux:before { content: \"\\f17c\"; }\r\n.uk-icon-dribbble:before { content: \"\\f17d\"; }\r\n.uk-icon-skype:before { content: \"\\f17e\"; }\r\n.uk-icon-foursquare:before { content: \"\\f180\"; }\r\n.uk-icon-trello:before { content: \"\\f181\"; }\r\n.uk-icon-female:before { content: \"\\f182\"; }\r\n.uk-icon-male:before { content: \"\\f183\"; }\r\n.uk-icon-gittip:before,\r\n.uk-icon-gratipay:before { content: \"\\f184\"; }\r\n.uk-icon-sun-o:before { content: \"\\f185\"; }\r\n.uk-icon-moon-o:before { content: \"\\f186\"; }\r\n.uk-icon-archive:before { content: \"\\f187\"; }\r\n.uk-icon-bug:before { content: \"\\f188\"; }\r\n.uk-icon-vk:before { content: \"\\f189\"; }\r\n.uk-icon-weibo:before { content: \"\\f18a\"; }\r\n.uk-icon-renren:before { content: \"\\f18b\"; }\r\n.uk-icon-pagelines:before { content: \"\\f18c\"; }\r\n.uk-icon-stack-exchange:before { content: \"\\f18d\"; }\r\n.uk-icon-arrow-circle-o-right:before { content: \"\\f18e\"; }\r\n.uk-icon-arrow-circle-o-left:before { content: \"\\f190\"; }\r\n.uk-icon-toggle-left:before,\r\n.uk-icon-caret-square-o-left:before { content: \"\\f191\"; }\r\n.uk-icon-dot-circle-o:before { content: \"\\f192\"; }\r\n.uk-icon-wheelchair:before { content: \"\\f193\"; }\r\n.uk-icon-vimeo-square:before { content: \"\\f194\"; }\r\n.uk-icon-turkish-lira:before,\r\n.uk-icon-try:before { content: \"\\f195\"; }\r\n.uk-icon-plus-square-o:before { content: \"\\f196\"; }\r\n.uk-icon-space-shuttle:before { content: \"\\f197\"; }\r\n.uk-icon-slack:before { content: \"\\f198\"; }\r\n.uk-icon-envelope-square:before { content: \"\\f199\"; }\r\n.uk-icon-wordpress:before { content: \"\\f19a\"; }\r\n.uk-icon-openid:before { content: \"\\f19b\"; }\r\n.uk-icon-institution:before,\r\n.uk-icon-bank:before,\r\n.uk-icon-university:before { content: \"\\f19c\"; }\r\n.uk-icon-mortar-board:before,\r\n.uk-icon-graduation-cap:before { content: \"\\f19d\"; }\r\n.uk-icon-yahoo:before { content: \"\\f19e\"; }\r\n.uk-icon-google:before { content: \"\\f1a0\"; }\r\n.uk-icon-reddit:before { content: \"\\f1a1\"; }\r\n.uk-icon-reddit-square:before { content: \"\\f1a2\"; }\r\n.uk-icon-stumbleupon-circle:before { content: \"\\f1a3\"; }\r\n.uk-icon-stumbleupon:before { content: \"\\f1a4\"; }\r\n.uk-icon-delicious:before { content: \"\\f1a5\"; }\r\n.uk-icon-digg:before { content: \"\\f1a6\"; }\r\n.uk-icon-pied-piper:before { content: \"\\f1a7\"; }\r\n.uk-icon-pied-piper-alt:before { content: \"\\f1a8\"; }\r\n.uk-icon-drupal:before { content: \"\\f1a9\"; }\r\n.uk-icon-joomla:before { content: \"\\f1aa\"; }\r\n.uk-icon-language:before { content: \"\\f1ab\"; }\r\n.uk-icon-fax:before { content: \"\\f1ac\"; }\r\n.uk-icon-building:before { content: \"\\f1ad\"; }\r\n.uk-icon-child:before { content: \"\\f1ae\"; }\r\n.uk-icon-paw:before { content: \"\\f1b0\"; }\r\n.uk-icon-spoon:before { content: \"\\f1b1\"; }\r\n.uk-icon-cube:before { content: \"\\f1b2\"; }\r\n.uk-icon-cubes:before { content: \"\\f1b3\"; }\r\n.uk-icon-behance:before { content: \"\\f1b4\"; }\r\n.uk-icon-behance-square:before { content: \"\\f1b5\"; }\r\n.uk-icon-steam:before { content: \"\\f1b6\"; }\r\n.uk-icon-steam-square:before { content: \"\\f1b7\"; }\r\n.uk-icon-recycle:before { content: \"\\f1b8\"; }\r\n.uk-icon-automobile:before,\r\n.uk-icon-car:before { content: \"\\f1b9\"; }\r\n.uk-icon-cab:before,\r\n.uk-icon-taxi:before { content: \"\\f1ba\"; }\r\n.uk-icon-tree:before { content: \"\\f1bb\"; }\r\n.uk-icon-spotify:before { content: \"\\f1bc\"; }\r\n.uk-icon-deviantart:before { content: \"\\f1bd\"; }\r\n.uk-icon-soundcloud:before { content: \"\\f1be\"; }\r\n.uk-icon-database:before { content: \"\\f1c0\"; }\r\n.uk-icon-file-pdf-o:before { content: \"\\f1c1\"; }\r\n.uk-icon-file-word-o:before { content: \"\\f1c2\"; }\r\n.uk-icon-file-excel-o:before { content: \"\\f1c3\"; }\r\n.uk-icon-file-powerpoint-o:before { content: \"\\f1c4\"; }\r\n.uk-icon-file-photo-o:before,\r\n.uk-icon-file-picture-o:before,\r\n.uk-icon-file-image-o:before { content: \"\\f1c5\"; }\r\n.uk-icon-file-zip-o:before,\r\n.uk-icon-file-archive-o:before { content: \"\\f1c6\"; }\r\n.uk-icon-file-sound-o:before,\r\n.uk-icon-file-audio-o:before { content: \"\\f1c7\"; }\r\n.uk-icon-file-movie-o:before,\r\n.uk-icon-file-video-o:before { content: \"\\f1c8\"; }\r\n.uk-icon-file-code-o:before { content: \"\\f1c9\"; }\r\n.uk-icon-vine:before { content: \"\\f1ca\"; }\r\n.uk-icon-codepen:before { content: \"\\f1cb\"; }\r\n.uk-icon-jsfiddle:before { content: \"\\f1cc\"; }\r\n.uk-icon-life-bouy:before,\r\n.uk-icon-life-buoy:before,\r\n.uk-icon-life-saver:before,\r\n.uk-icon-support:before,\r\n.uk-icon-life-ring:before { content: \"\\f1cd\"; }\r\n.uk-icon-circle-o-notch:before { content: \"\\f1ce\"; }\r\n.uk-icon-ra:before,\r\n.uk-icon-rebel:before { content: \"\\f1d0\"; }\r\n.uk-icon-ge:before,\r\n.uk-icon-empire:before { content: \"\\f1d1\"; }\r\n.uk-icon-git-square:before { content: \"\\f1d2\"; }\r\n.uk-icon-git:before { content: \"\\f1d3\"; }\r\n.uk-icon-hacker-news:before { content: \"\\f1d4\"; }\r\n.uk-icon-tencent-weibo:before { content: \"\\f1d5\"; }\r\n.uk-icon-qq:before { content: \"\\f1d6\"; }\r\n.uk-icon-wechat:before,\r\n.uk-icon-weixin:before { content: \"\\f1d7\"; }\r\n.uk-icon-send:before,\r\n.uk-icon-paper-plane:before { content: \"\\f1d8\"; }\r\n.uk-icon-send-o:before,\r\n.uk-icon-paper-plane-o:before { content: \"\\f1d9\"; }\r\n.uk-icon-history:before { content: \"\\f1da\"; }\r\n.uk-icon-genderless:before,\r\n.uk-icon-circle-thin:before { content: \"\\f1db\"; }\r\n.uk-icon-header:before { content: \"\\f1dc\"; }\r\n.uk-icon-paragraph:before { content: \"\\f1dd\"; }\r\n.uk-icon-sliders:before { content: \"\\f1de\"; }\r\n.uk-icon-share-alt:before { content: \"\\f1e0\"; }\r\n.uk-icon-share-alt-square:before { content: \"\\f1e1\"; }\r\n.uk-icon-bomb:before { content: \"\\f1e2\"; }\r\n.uk-icon-soccer-ball-o:before,\r\n.uk-icon-futbol-o:before { content: \"\\f1e3\"; }\r\n.uk-icon-tty:before { content: \"\\f1e4\"; }\r\n.uk-icon-binoculars:before { content: \"\\f1e5\"; }\r\n.uk-icon-plug:before { content: \"\\f1e6\"; }\r\n.uk-icon-slideshare:before { content: \"\\f1e7\"; }\r\n.uk-icon-twitch:before { content: \"\\f1e8\"; }\r\n.uk-icon-yelp:before { content: \"\\f1e9\"; }\r\n.uk-icon-newspaper-o:before { content: \"\\f1ea\"; }\r\n.uk-icon-wifi:before { content: \"\\f1eb\"; }\r\n.uk-icon-calculator:before { content: \"\\f1ec\"; }\r\n.uk-icon-paypal:before { content: \"\\f1ed\"; }\r\n.uk-icon-google-wallet:before { content: \"\\f1ee\"; }\r\n.uk-icon-cc-visa:before { content: \"\\f1f0\"; }\r\n.uk-icon-cc-mastercard:before { content: \"\\f1f1\"; }\r\n.uk-icon-cc-discover:before { content: \"\\f1f2\"; }\r\n.uk-icon-cc-amex:before { content: \"\\f1f3\"; }\r\n.uk-icon-cc-paypal:before { content: \"\\f1f4\"; }\r\n.uk-icon-cc-stripe:before { content: \"\\f1f5\"; }\r\n.uk-icon-bell-slash:before { content: \"\\f1f6\"; }\r\n.uk-icon-bell-slash-o:before { content: \"\\f1f7\"; }\r\n.uk-icon-trash:before { content: \"\\f1f8\"; }\r\n.uk-icon-copyright:before { content: \"\\f1f9\"; }\r\n.uk-icon-at:before { content: \"\\f1fa\"; }\r\n.uk-icon-eyedropper:before { content: \"\\f1fb\"; }\r\n.uk-icon-paint-brush:before { content: \"\\f1fc\"; }\r\n.uk-icon-birthday-cake:before { content: \"\\f1fd\"; }\r\n.uk-icon-area-chart:before { content: \"\\f1fe\"; }\r\n.uk-icon-pie-chart:before { content: \"\\f200\"; }\r\n.uk-icon-line-chart:before { content: \"\\f201\"; }\r\n.uk-icon-lastfm:before { content: \"\\f202\"; }\r\n.uk-icon-lastfm-square:before { content: \"\\f203\"; }\r\n.uk-icon-toggle-off:before { content: \"\\f204\"; }\r\n.uk-icon-toggle-on:before { content: \"\\f205\"; }\r\n.uk-icon-bicycle:before { content: \"\\f206\"; }\r\n.uk-icon-bus:before { content: \"\\f207\"; }\r\n.uk-icon-ioxhost:before { content: \"\\f208\"; }\r\n.uk-icon-angellist:before { content: \"\\f209\"; }\r\n.uk-icon-cc:before { content: \"\\f20a\"; }\r\n.uk-icon-shekel:before,\r\n.uk-icon-sheqel:before,\r\n.uk-icon-ils:before { content: \"\\f20b\"; }\r\n.uk-icon-meanpath:before { content: \"\\f20c\"; }\r\n.uk-icon-buysellads:before { content: \"\\f20d\"; }\r\n.uk-icon-connectdevelop:before { content: \"\\f20e\"; }\r\n.uk-icon-dashcube:before { content: \"\\f210\"; }\r\n.uk-icon-forumbee:before { content: \"\\f211\"; }\r\n.uk-icon-leanpub:before { content: \"\\f212\"; }\r\n.uk-icon-sellsy:before { content: \"\\f213\"; }\r\n.uk-icon-shirtsinbulk:before { content: \"\\f214\"; }\r\n.uk-icon-simplybuilt:before { content: \"\\f215\"; }\r\n.uk-icon-skyatlas:before { content: \"\\f216\"; }\r\n.uk-icon-cart-plus:before { content: \"\\f217\"; }\r\n.uk-icon-cart-arrow-down:before { content: \"\\f218\"; }\r\n.uk-icon-diamond:before { content: \"\\f219\"; }\r\n.uk-icon-ship:before { content: \"\\f21a\"; }\r\n.uk-icon-user-secret:before { content: \"\\f21b\"; }\r\n.uk-icon-motorcycle:before { content: \"\\f21c\"; }\r\n.uk-icon-street-view:before { content: \"\\f21d\"; }\r\n.uk-icon-heartbeat:before { content: \"\\f21e\"; }\r\n.uk-icon-venus:before { content: \"\\f221\"; }\r\n.uk-icon-mars:before { content: \"\\f222\"; }\r\n.uk-icon-mercury:before { content: \"\\f223\"; }\r\n.uk-icon-transgender:before { content: \"\\f224\"; }\r\n.uk-icon-transgender-alt:before { content: \"\\f225\"; }\r\n.uk-icon-venus-double:before { content: \"\\f226\"; }\r\n.uk-icon-mars-double:before { content: \"\\f227\"; }\r\n.uk-icon-venus-mars:before { content: \"\\f228\"; }\r\n.uk-icon-mars-stroke:before { content: \"\\f229\"; }\r\n.uk-icon-mars-stroke-v:before { content: \"\\f22a\"; }\r\n.uk-icon-mars-stroke-h:before { content: \"\\f22b\"; }\r\n.uk-icon-neuter:before { content: \"\\f22c\"; }\r\n.uk-icon-facebook-official:before { content: \"\\f230\"; }\r\n.uk-icon-pinterest-p:before { content: \"\\f231\"; }\r\n.uk-icon-whatsapp:before { content: \"\\f232\"; }\r\n.uk-icon-server:before { content: \"\\f233\"; }\r\n.uk-icon-user-plus:before { content: \"\\f234\"; }\r\n.uk-icon-user-times:before { content: \"\\f235\"; }\r\n.uk-icon-hotel:before,\r\n.uk-icon-bed:before { content: \"\\f236\"; }\r\n.uk-icon-viacoin:before { content: \"\\f237\"; }\r\n.uk-icon-train:before { content: \"\\f238\"; }\r\n.uk-icon-subway:before { content: \"\\f239\"; }\r\n.uk-icon-medium-logo:before { content: \"\\f23a\"; }\r\n.uk-icon-500px:before { content: \"\\f26e\"; }\r\n.uk-icon-amazon:before { content: \"\\f270\"; }\r\n.uk-icon-balance-scale:before { content: \"\\f24e\"; }\r\n.uk-icon-battery-empty:before,\r\n.uk-icon-battery-0:before { content: \"\\f244\"; }\r\n.uk-icon-battery-quarter:before,\r\n.uk-icon-battery-1:before { content: \"\\f243\"; }\r\n.uk-icon-battery-half:before,\r\n.uk-icon-battery-2:before { content: \"\\f242\"; }\r\n.uk-icon-battery-three-quarters:before,\r\n.uk-icon-battery-3:before { content: \"\\f241\"; }\r\n.uk-icon-battery-full:before,\r\n.uk-icon-battery-4:before { content: \"\\f240\"; }\r\n.uk-icon-black-tie:before { content: \"\\f27e\"; }\r\n.uk-icon-calendar-check-o:before { content: \"\\f274\"; }\r\n.uk-icon-calendar-minus-o:before { content: \"\\f272\"; }\r\n.uk-icon-calendar-plus-o:before { content: \"\\f271\"; }\r\n.uk-icon-calendar-times-o:before { content: \"\\f273\"; }\r\n.uk-icon-cc-diners-club:before { content: \"\\f24c\"; }\r\n.uk-icon-cc-jcb:before { content: \"\\f24b\"; }\r\n.uk-icon-chrome:before { content: \"\\f268\"; }\r\n.uk-icon-clone:before { content: \"\\f24d\"; }\r\n.uk-icon-commenting:before { content: \"\\f27a\"; }\r\n.uk-icon-commenting-o:before { content: \"\\f27b\"; }\r\n.uk-icon-contao:before { content: \"\\f26d\"; }\r\n.uk-icon-creative-commons:before { content: \"\\f25e\"; }\r\n.uk-icon-expeditedssl:before { content: \"\\f23e\"; }\r\n.uk-icon-firefox:before { content: \"\\f269\"; }\r\n.uk-icon-fonticons:before { content: \"\\f280\"; }\r\n.uk-icon-get-pocket:before { content: \"\\f265\"; }\r\n.uk-icon-gg:before { content: \"\\f260\"; }\r\n.uk-icon-gg-circle:before { content: \"\\f261\"; }\r\n.uk-icon-hand-lizard-o:before { content: \"\\f258\"; }\r\n.uk-icon-hand-stop-o:before,\r\n.uk-icon-hand-paper-o:before { content: \"\\f256\"; }\r\n.uk-icon-hand-peace-o:before { content: \"\\f25b\"; }\r\n.uk-icon-hand-pointer-o:before { content: \"\\f25a\"; }\r\n.uk-icon-hand-grab-o:before,\r\n.uk-icon-hand-rock-o:before { content: \"\\f255\"; }\r\n.uk-icon-hand-scissors-o:before { content: \"\\f257\"; }\r\n.uk-icon-hand-spock-o:before { content: \"\\f259\"; }\r\n.uk-icon-hourglass:before { content: \"\\f254\"; }\r\n.uk-icon-hourglass-o:before { content: \"\\f250\"; }\r\n.uk-icon-hourglass-1:before,\r\n.uk-icon-hourglass-start:before { content: \"\\f251\"; }\r\n.uk-icon-hourglass-2:before,\r\n.uk-icon-hourglass-half:before { content: \"\\f252\"; }\r\n.uk-icon-hourglass-3:before,\r\n.uk-icon-hourglass-end:before { content: \"\\f253\"; }\r\n.uk-icon-houzz:before { content: \"\\f27c\"; }\r\n.uk-icon-i-cursor:before { content: \"\\f246\"; }\r\n.uk-icon-industry:before { content: \"\\f275\"; }\r\n.uk-icon-internet-explorer:before { content: \"\\f26b\"; }\r\n.uk-icon-map:before { content: \"\\f279\"; }\r\n.uk-icon-map-o:before { content: \"\\f278\"; }\r\n.uk-icon-map-pin:before { content: \"\\f276\"; }\r\n.uk-icon-map-signs:before { content: \"\\f277\"; }\r\n.uk-icon-mouse-pointer:before { content: \"\\f245\"; }\r\n.uk-icon-object-group:before { content: \"\\f247\"; }\r\n.uk-icon-object-ungroup:before { content: \"\\f248\"; }\r\n.uk-icon-odnoklassniki:before { content: \"\\f263\"; }\r\n.uk-icon-odnoklassniki-square:before { content: \"\\f264\"; }\r\n.uk-icon-opencart:before { content: \"\\f23d\"; }\r\n.uk-icon-opera:before { content: \"\\f26a\"; }\r\n.uk-icon-optin-monster:before { content: \"\\f23c\"; }\r\n.uk-icon-registered:before { content: \"\\f25d\"; }\r\n.uk-icon-safari:before { content: \"\\f267\"; }\r\n.uk-icon-sticky-note:before { content: \"\\f249\"; }\r\n.uk-icon-sticky-note-o:before { content: \"\\f24a\"; }\r\n.uk-icon-tv:before,\r\n.uk-icon-television:before { content: \"\\f26c\"; }\r\n.uk-icon-trademark:before { content: \"\\f25c\"; }\r\n.uk-icon-tripadvisor:before { content: \"\\f262\"; }\r\n.uk-icon-vimeo:before { content: \"\\f27d\"; }\r\n.uk-icon-wikipedia-w:before { content: \"\\f266\"; }\r\n.uk-icon-yc:before,\r\n.uk-icon-y-combinator:before { content: \"\\f23b\"; }\r\n.uk-icon-yc-square:before,\r\n.uk-icon-y-combinator-square:before { content: \"\\f1d4\"; }\r\n\/\/ added fa 4.5\r\n.uk-icon-bluetooth:before { content: \"\\f293\"; }\r\n.uk-icon-bluetooth-b:before { content: \"\\f294\"; }\r\n.uk-icon-codiepie:before { content: \"\\f284\"; }\r\n.uk-icon-credit-card-alt:before { content: \"\\f283\"; }\r\n.uk-icon-edge:before { content: \"\\f282\"; }\r\n.uk-icon-fort-awesome:before { content: \"\\f286\"; }\r\n.uk-icon-hashtag:before { content: \"\\f292\"; }\r\n.uk-icon-mixcloud:before { content: \"\\f289\"; }\r\n.uk-icon-modx:before { content: \"\\f285\"; }\r\n.uk-icon-pause-circle:before { content: \"\\f28b\"; }\r\n.uk-icon-pause-circle-o:before { content: \"\\f28c\"; }\r\n.uk-icon-percent:before { content: \"\\f295\"; }\r\n.uk-icon-product-hunt:before { content: \"\\f288\"; }\r\n.uk-icon-reddit-alien:before { content: \"\\f281\"; }\r\n.uk-icon-scribd:before { content: \"\\f28a\"; }\r\n.uk-icon-shopping-bag:before { content: \"\\f290\"; }\r\n.uk-icon-shopping-basket:before { content: \"\\f291\"; }\r\n.uk-icon-stop-circle:before { content: \"\\f28d\"; }\r\n.uk-icon-stop-circle-o:before { content: \"\\f28e\"; }\r\n.uk-icon-usb:before { content: \"\\f287\"; }\r\n\/\/ added fa 4.6\r\n.uk-icon-american-sign-language-interpreting:before,\r\n.uk-icon-asl-interpreting:before { content: \"\\f2a3\"; }\r\n.uk-icon-assistive-listening-systems:before { content: \"\\f2a2\"; }\r\n.uk-icon-audio-description:before { content: \"\\f29e\"; }\r\n.uk-icon-blind:before { content: \"\\f29d\"; }\r\n.uk-icon-braille:before { content: \"\\f2a1\"; }\r\n.uk-icon-deaf:before,\r\n.uk-icon-deafness:before { content: \"\\f2a4\"; }\r\n.uk-icon-envira:before { content: \"\\f299\"; }\r\n.uk-icon-font-awesome:before,\r\n.uk-icon-fa:before { content: \"\\f2b4\"; }\r\n.uk-icon-first-order:before { content: \"\\f2b0\"; }\r\n.uk-icon-gitlab:before { content: \"\\f296\"; }\r\n.uk-icon-glide:before { content: \"\\f2a5\"; }\r\n.uk-icon-glide-g:before { content: \"\\f2a6\"; }\r\n.uk-icon-hard-of-hearing:before { content: \"\\f2a4\"; }\r\n.uk-icon-low-vision:before { content: \"\\f2a8\"; }\r\n.uk-icon-question-circle-o:before { content: \"\\f29c\"; }\r\n.uk-icon-sign-language:before,\r\n.uk-icon-signing:before { content: \"\\f2a7\"; }\r\n.uk-icon-snapchat:before { content: \"\\f2ab\"; }\r\n.uk-icon-snapchat-ghost:before { content: \"\\f2ac\"; }\r\n.uk-icon-snapchat-square:before { content: \"\\f2ad\"; }\r\n.uk-icon-themeisle:before { content: \"\\f2b2\"; }\r\n.uk-icon-universal-access:before { content: \"\\f29a\"; }\r\n.uk-icon-viadeo:before { content: \"\\f2a9\"; }\r\n.uk-icon-viadeo-square:before { content: \"\\f2aa\"; }\r\n.uk-icon-volume-control-phone:before { content: \"\\f2a0\"; }\r\n.uk-icon-wheelchair-alt:before { content: \"\\f29b\"; }\r\n.uk-icon-wpbeginner:before { content: \"\\f297\"; }\r\n.uk-icon-wpforms:before { content: \"\\f298\"; }\r\n.uk-icon-yoast:before { content: \"\\f2b1\"; }\r\n\r\n\r\n\/\/ Hooks\r\n\/\/ ========================================================================\r\n\r\n.hook-icon-misc;\r\n\r\n.hook-icon-hover() {}\r\n.hook-icon-hover-hover() {}\r\n.hook-icon-button() {}\r\n.hook-icon-button-hover() {}\r\n.hook-icon-button-active() {}\r\n.hook-icon-misc() {}\r\n\r\n\/\/ Name: Close\r\n\/\/ Description: Defines styles for a close button\r\n\/\/\r\n\/\/ Component: `uk-close`\r\n\/\/\r\n\/\/ Modifiers: `uk-close-alt`\r\n\/\/\r\n\/\/ Uses: Icon: FontAwesome\r\n\/\/\r\n\/\/ Used by: Alert\r\n\/\/ Modal\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@close-size: 20px;\r\n\r\n@close-alt-padding: 2px;\r\n@close-alt-background: #eee;\r\n\r\n\r\n\/* ========================================================================\r\n Component: Close\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * Removes inner padding and border in Firefox 4+.\r\n *\/\r\n\r\n.uk-close::-moz-focus-inner {\r\n border: 0;\r\n padding: 0;\r\n}\r\n\r\n\/*\r\n * 1. Correct inability to style clickable `input` types in iOS.\r\n * 2. Remove margins in Chrome, Safari and Opera.\r\n * 3. Remove borders for `button`.\r\n * 4. Address `overflow` set to `hidden` in IE 8\/9\/10\/11.\r\n * 5. Correct `font` properties and `color` not being inherited for `button`.\r\n * 6. Address inconsistent `text-transform` inheritance which is only inherit in Firefox and IE\r\n * 7. Remove default `button` padding and background color\r\n * 8. Style\r\n *\/\r\n\r\n.uk-close {\r\n \/* 1 *\/\r\n -webkit-appearance: none;\r\n \/* 2 *\/\r\n margin: 0;\r\n \/* 3 *\/\r\n border: none;\r\n \/* 4 *\/\r\n overflow: visible;\r\n \/* 5 *\/\r\n font: inherit;\r\n color: inherit;\r\n \/* 6 *\/\r\n text-transform: none;\r\n \/* 7. *\/\r\n padding: 0;\r\n background: transparent;\r\n \/* 8 *\/\r\n display: inline-block;\r\n box-sizing: content-box;\r\n width: @close-size;\r\n line-height: @close-size;\r\n text-align: center;\r\n vertical-align: middle;\r\n opacity: 0.3;\r\n .hook-close;\r\n}\r\n\r\n\/* Icon *\/\r\n.uk-close:after {\r\n display: block;\r\n content: \"\\f00d\";\r\n font-family: FontAwesome;\r\n}\r\n\r\n\/*\r\n * Hover\r\n * 1. Apply hover style also to focus state\r\n * 2. Remove default focus style\r\n * 3. Required for `a` elements\r\n *\/\r\n\r\n.uk-close:hover,\r\n.uk-close:focus { \/\/ 1\r\n opacity: 0.5;\r\n \/* 2 *\/\r\n outline: none;\r\n \/* 3 *\/\r\n color: inherit;\r\n text-decoration: none;\r\n cursor: pointer;\r\n}\r\n\r\n\r\n\/* Modifier\r\n ========================================================================== *\/\r\n\r\n.uk-close-alt {\r\n padding: @close-alt-padding;\r\n border-radius: 50%;\r\n background: @close-alt-background;\r\n opacity: 1;\r\n .hook-close-alt;\r\n}\r\n\r\n\/* Hover *\/\r\n.uk-close-alt:hover,\r\n.uk-close-alt:focus { opacity: 1; }\r\n\r\n\/* Icon *\/\r\n.uk-close-alt:after { opacity: 0.5; }\r\n\r\n.uk-close-alt:hover:after,\r\n.uk-close-alt:focus:after { opacity: 0.8; }\r\n\r\n\r\n\/\/ Hooks\r\n\/\/ ========================================================================\r\n\r\n.hook-close-misc;\r\n\r\n.hook-close() {}\r\n.hook-close-alt() {}\r\n.hook-close-misc() {}\r\n\/\/ Name: Badge\r\n\/\/ Description: Defines styles for badges\r\n\/\/\r\n\/\/ Component: `uk-badge`\r\n\/\/\r\n\/\/ Modifiers: `uk-badge-notification`\r\n\/\/ `uk-badge-success`\r\n\/\/ `uk-badge-danger`\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@badge-background: #00a8e6;\r\n@badge-padding-horizontal: 5px;\r\n@badge-font-size: 10px;\r\n@badge-font-weight: bold;\r\n@badge-line-height: 14px;\r\n@badge-color: #fff;\r\n@badge-text-transform: none;\r\n@badge-hover-color: #fff;\r\n\r\n@badge-notification-font-size: 12px;\r\n@badge-notification-line-height: 18px;\r\n\r\n@badge-success-background: #8cc14c;\r\n@badge-warning-background: #faa732;\r\n@badge-danger-background: #da314b;\r\n\r\n\r\n\/* ========================================================================\r\n Component: Badge\r\n ========================================================================== *\/\r\n\r\n.uk-badge {\r\n display: inline-block;\r\n padding: 0 @badge-padding-horizontal;\r\n background: @badge-background;\r\n font-size: @badge-font-size;\r\n font-weight: @badge-font-weight;\r\n line-height: @badge-line-height;\r\n color: @badge-color;\r\n text-align: center;\r\n vertical-align: middle;\r\n text-transform: @badge-text-transform;\r\n .hook-badge;\r\n}\r\n\r\n\/*\r\n * Keep color when badge is a link\r\n *\/\r\n\r\na.uk-badge:hover { color: @badge-hover-color; }\r\n\r\n\r\n\/* Modifier: `uk-badge-notification`;\r\n ========================================================================== *\/\r\n\r\n.uk-badge-notification {\r\n box-sizing: border-box;\r\n min-width: @badge-notification-line-height;\r\n border-radius: 500px;\r\n font-size: @badge-notification-font-size;\r\n line-height: @badge-notification-line-height;\r\n}\r\n\r\n\r\n\/* Color modifier\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * Modifier: `uk-badge-success`\r\n *\/\r\n\r\n.uk-badge-success {\r\n background-color: @badge-success-background;\r\n .hook-badge-success;\r\n}\r\n\r\n\/*\r\n * Modifier: `uk-badge-warning`\r\n *\/\r\n\r\n.uk-badge-warning {\r\n background-color: @badge-warning-background;\r\n .hook-badge-warning;\r\n}\r\n\r\n\/*\r\n * Modifier: `uk-badge-danger`\r\n *\/\r\n\r\n.uk-badge-danger {\r\n background-color: @badge-danger-background;\r\n .hook-badge-danger;\r\n}\r\n\r\n\r\n\/\/ Hooks\r\n\/\/ ========================================================================\r\n\r\n.hook-badge-misc;\r\n\r\n.hook-badge() {}\r\n.hook-badge-success() {}\r\n.hook-badge-warning() {}\r\n.hook-badge-danger() {}\r\n.hook-badge-misc() {}\r\n\/\/ Name: Alert\r\n\/\/ Description: Defines styles for alert messages\r\n\/\/\r\n\/\/ Component: `uk-alert`\r\n\/\/\r\n\/\/ Sub-objects: `uk-alert-close`\r\n\/\/\r\n\/\/ Modifiers: `uk-alert-success`\r\n\/\/ `uk-alert-warning`\r\n\/\/ `uk-alert-danger`\r\n\/\/ `uk-alert-large`\r\n\/\/\r\n\/\/ Uses: Close: `uk-close`\r\n\/\/\r\n\/\/ Markup:\r\n\/\/\r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@alert-margin-vertical: 15px;\r\n@alert-padding: 10px;\r\n@alert-background: #ebf7fd;\r\n@alert-color: #2d7091;\r\n\r\n@alert-success-background: #f2fae3;\r\n@alert-success-color: #659f13;\r\n\r\n@alert-warning-background: #fffceb;\r\n@alert-warning-color: #e28327;\r\n\r\n@alert-danger-background: #fff1f0;\r\n@alert-danger-color: #d85030;\r\n\r\n@alert-large-padding: 20px;\r\n\r\n\r\n\/* ========================================================================\r\n Component: Alert\r\n ========================================================================== *\/\r\n\r\n.uk-alert {\r\n margin-bottom: @alert-margin-vertical;\r\n padding: @alert-padding;\r\n background: @alert-background;\r\n color: @alert-color;\r\n .hook-alert;\r\n}\r\n\r\n\/*\r\n * Add margin if adjacent element\r\n *\/\r\n\r\n* + .uk-alert { margin-top: @alert-margin-vertical; }\r\n\r\n\/*\r\n * Remove margin from the last-child\r\n *\/\r\n\r\n.uk-alert > :last-child { margin-bottom: 0; }\r\n\r\n\/*\r\n * Keep color for headings if the default heading color is changed\r\n *\/\r\n\r\n.uk-alert h1,\r\n.uk-alert h2,\r\n.uk-alert h3,\r\n.uk-alert h4,\r\n.uk-alert h5,\r\n.uk-alert h6 { color: inherit; }\r\n\r\n\r\n\/* Close in alert\r\n ========================================================================== *\/\r\n\r\n.uk-alert > .uk-close:first-child { float: right; }\r\n\r\n\/*\r\n * Remove margin from adjacent element\r\n *\/\r\n\r\n.uk-alert > .uk-close:first-child + * { margin-top: 0; }\r\n\r\n\r\n\/* Modifier: `uk-alert-success`\r\n ========================================================================== *\/\r\n\r\n.uk-alert-success {\r\n background: @alert-success-background;\r\n color: @alert-success-color;\r\n .hook-alert-success;\r\n}\r\n\r\n\r\n\/* Modifier: `uk-alert-warning`\r\n ========================================================================== *\/\r\n\r\n.uk-alert-warning {\r\n background: @alert-warning-background;\r\n color: @alert-warning-color;\r\n .hook-alert-warning;\r\n}\r\n\r\n\r\n\/* Modifier: `uk-alert-danger`\r\n ========================================================================== *\/\r\n\r\n.uk-alert-danger {\r\n background: @alert-danger-background;\r\n color: @alert-danger-color;\r\n .hook-alert-danger;\r\n}\r\n\r\n\r\n\/* Modifier: `uk-alert-large`\r\n ========================================================================== *\/\r\n\r\n.uk-alert-large { padding: @alert-large-padding; }\r\n\r\n.uk-alert-large > .uk-close:first-child { margin: -10px -10px 0 0; }\r\n\r\n\r\n\/\/ Hooks\r\n\/\/ ========================================================================\r\n\r\n.hook-alert-misc;\r\n\r\n.hook-alert() {}\r\n.hook-alert-success() {}\r\n.hook-alert-warning() {}\r\n.hook-alert-danger() {}\r\n.hook-alert-misc() {}\r\n\/\/ Name: Thumbnail\r\n\/\/ Description: Defines styles for image thumbnails\r\n\/\/\r\n\/\/ Component: `uk-thumbnail`\r\n\/\/\r\n\/\/ Sub-objects: `uk-thumbnail-caption`\r\n\/\/\r\n\/\/ Modifiers: `uk-thumbnail-mini`\r\n\/\/ `uk-thumbnail-small`\r\n\/\/ `uk-thumbnail-medium`\r\n\/\/ `uk-thumbnail-large`\r\n\/\/ `uk-thumbnail-expand`\r\n\/\/\r\n\/\/ Markup:\r\n\/\/\r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@thumbnail-padding: 4px;\r\n@thumbnail-border: #ddd;\r\n@thumbnail-border-width: 1px;\r\n@thumbnail-background: #fff;\r\n@thumbnail-hover-border: #aaa;\r\n@thumbnail-hover-background: #fff;\r\n\r\n@thumbnail-caption-padding: @thumbnail-padding;\r\n@thumbnail-caption-color: #444;\r\n\r\n@thumbnail-mini-width: 150px;\r\n@thumbnail-small-width: 200px;\r\n@thumbnail-medium-width: 300px;\r\n@thumbnail-large-width: 400px;\r\n\r\n\r\n\/* ========================================================================\r\n Component: Thumbnail\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * 1. Container width fits its content\r\n * 2. Responsive behavior\r\n * 3. Corrects `max-width` behavior sed\r\n * 4. Required for `figure` element\r\n * 5. Style\r\n *\/\r\n\r\n.uk-thumbnail {\r\n \/* 1 *\/\r\n display: inline-block;\r\n \/* 2 *\/\r\n max-width: 100%;\r\n \/* 3 *\/\r\n box-sizing: border-box;\r\n \/* 3 *\/\r\n margin: 0;\r\n \/* 4 *\/\r\n padding: @thumbnail-padding;\r\n border: @thumbnail-border-width solid @thumbnail-border;\r\n background: @thumbnail-background;\r\n .hook-thumbnail;\r\n}\r\n\r\n\/*\r\n * Hover state for `a` elements\r\n * 1. Apply hover style also to focus state\r\n * 2. Needed for caption\r\n * 3. Remove default focus style\r\n *\/\r\n\r\na.uk-thumbnail:hover,\r\na.uk-thumbnail:focus { \/\/ 1\r\n border-color: @thumbnail-hover-border;\r\n background-color: @thumbnail-hover-background;\r\n \/* 2 *\/\r\n text-decoration: none;\r\n \/* 3 *\/\r\n outline: none;\r\n .hook-thumbnail-hover;\r\n}\r\n\r\n\r\n\/* Caption\r\n ========================================================================== *\/\r\n\r\n.uk-thumbnail-caption {\r\n padding-top: @thumbnail-caption-padding;\r\n text-align: center;\r\n color: @thumbnail-caption-color;\r\n .hook-thumbnail-caption;\r\n}\r\n\r\n\r\n\/* Sizes\r\n ========================================================================== *\/\r\n\r\n.uk-thumbnail-mini { width: @thumbnail-mini-width; }\r\n.uk-thumbnail-small { width: @thumbnail-small-width; }\r\n.uk-thumbnail-medium { width: @thumbnail-medium-width; }\r\n.uk-thumbnail-large { width: @thumbnail-large-width; }\r\n\r\n.uk-thumbnail-expand,\r\n.uk-thumbnail-expand > img { width: 100%; }\r\n\r\n\r\n\/\/ Hooks\r\n\/\/ ========================================================================\r\n\r\n.hook-thumbnail-misc;\r\n\r\n.hook-thumbnail() {}\r\n.hook-thumbnail-hover() {}\r\n.hook-thumbnail-caption() {}\r\n.hook-thumbnail-misc() {}\r\n\/\/ Name: Overlay\r\n\/\/ Description: Defines styles for image overlays\r\n\/\/\r\n\/\/ Component: `uk-overlay`\r\n\/\/\r\n\/\/ Sub-objects: `uk-overlay-panel`\r\n\/\/ `uk-overlay-hover`\r\n\/\/ `uk-overlay-active`\r\n\/\/ `uk-overlay-icon`\r\n\/\/\r\n\/\/ Modifier: `uk-overlay-background`\r\n\/\/ `uk-overlay-image`\r\n\/\/ `uk-overlay-top`\r\n\/\/ `uk-overlay-bottom`\r\n\/\/ `uk-overlay-left`\r\n\/\/ `uk-overlay-right`\r\n\/\/ `uk-overlay-fade`\r\n\/\/ `uk-overlay-scale`\r\n\/\/ `uk-overlay-spin`\r\n\/\/ `uk-overlay-grayscale`\r\n\/\/ `uk-overlay-slide-top`\r\n\/\/ `uk-overlay-slide-bottom`\r\n\/\/ `uk-overlay-slide-left`\r\n\/\/ `uk-overlay-slide-right`\r\n\/\/\r\n\/\/ DEPRECATED: `uk-overlay-area`\r\n\/\/ `uk-overlay-area-content`\r\n\/\/ `uk-overlay-caption`\r\n\/\/ `uk-overlay-toggle`\r\n\/\/\r\n\/\/ States: `uk-hover`\r\n\/\/ `uk-active`\r\n\/\/ `uk-ignore`\r\n\/\/\r\n\/\/ Uses: Icon: `[class*='uk-icon-']`\r\n\/\/ `uk-border-circle`\r\n\/\/\r\n\/\/ Markup:\r\n\/\/\r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@overlay-panel-padding: 20px;\r\n@overlay-panel-color: #fff;\r\n\r\n@overlay-panel-background: rgba(0,0,0,0.5);\r\n\r\n@overlay-icon: \"\\f002\";\r\n@overlay-icon-size: 50px;\r\n@overlay-icon-color: #fff;\r\n\r\n@overlay-fade-in-opacity: 1;\r\n@overlay-fade-out-opacity: 0.7;\r\n\r\n@overlay-scale-in-scale: 1.1;\r\n@overlay-scale-out-scale: 1;\r\n\r\n@overlay-spin-in-scale: 1.1;\r\n@overlay-spin-out-scale: 1;\r\n@overlay-spin-in-rotate: 3deg;\r\n@overlay-spin-out-rotate: 0deg;\r\n\r\n@overlay-panel-link-color: inherit;\r\n@overlay-panel-link-text-decoration: underline;\r\n\r\n\/\/ DEPRECATED\r\n@overlay-area-background: rgba(0,0,0,0.3);\r\n\r\n@overlay-area-icon: \"\\f002\";\r\n@overlay-area-icon-size: 50px;\r\n@overlay-area-icon-color: #fff;\r\n\r\n@overlay-area-content-font-size: 1rem;\r\n@overlay-area-content-padding-horizontal: 15px;\r\n@overlay-area-content-color: #fff;\r\n@overlay-area-content-link-color: inherit;\r\n\r\n@overlay-caption-background: rgba(0,0,0,0.5);\r\n@overlay-caption-padding: 15px;\r\n@overlay-caption-color: #fff;\r\n\r\n\r\n\/* ========================================================================\r\n Component: Overlay\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * 1. Container width fits its content\r\n * 2. Create position context\r\n * 3. Set max-width for responsive images to prevent `inline-block` consequences\r\n * 4. Remove the gap between the container and its child element\r\n * 5. Needed for transitions and to fixed wrong scaling calculation for images in Chrome\r\n * 6. Fixed `overflow: hidden` to be ignored with border-radius and CSS transforms in Webkit\r\n * 7. Reset margin\r\n *\/\r\n\r\n.uk-overlay {\r\n \/* 1 *\/\r\n display: inline-block;\r\n \/* 2 *\/\r\n position: relative;\r\n \/* 3 *\/\r\n max-width: 100%;\r\n \/* 4 *\/\r\n vertical-align: middle;\r\n \/* 5 *\/\r\n overflow: hidden;\r\n \/* 6 *\/\r\n -webkit-transform: translateZ(0);\r\n \/* 7 *\/\r\n margin: 0;\r\n}\r\n\r\n\/* 6 for Safari *\/\r\n.uk-overlay.uk-border-circle { -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); }\r\n\r\n\/*\r\n * Remove margin from content\r\n *\/\r\n\r\n.uk-overlay > :first-child { margin-bottom: 0; }\r\n\r\n\r\n\/* Sub-object `uk-overlay-panel`\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * 1. Position cover\r\n * 2. Style\r\n *\/\r\n\r\n.uk-overlay-panel {\r\n \/* 1 *\/\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n \/* 2 *\/\r\n padding: @overlay-panel-padding;\r\n color: @overlay-panel-color;\r\n .hook-overlay-panel;\r\n}\r\n\r\n\/*\r\n * Remove margin from the last-child\r\n *\/\r\n\r\n.uk-overlay-panel > :last-child,\r\n.uk-overlay-panel.uk-flex > * > :last-child { margin-bottom: 0; }\r\n\r\n\/*\r\n * Keep color for headings if the default heading color is changed\r\n *\/\r\n\r\n.uk-overlay-panel h1,\r\n.uk-overlay-panel h2,\r\n.uk-overlay-panel h3,\r\n.uk-overlay-panel h4,\r\n.uk-overlay-panel h5,\r\n.uk-overlay-panel h6 { color: inherit; }\r\n\r\n.uk-overlay-panel a:not([class]) {\r\n color: @overlay-panel-link-color;\r\n text-decoration: @overlay-panel-link-text-decoration;\r\n}\r\n\r\n.uk-overlay-panel a[class*='uk-icon-']:not(.uk-icon-button) { color: @overlay-panel-link-color; }\r\n\r\n\r\n\/* Sub-object `uk-overlay-hover` and `uk-overlay-active`\r\n ========================================================================== *\/\r\n\r\n.uk-overlay-hover:not(:hover):not(.uk-hover) .uk-overlay-panel:not(.uk-ignore) { opacity: 0; }\r\n\r\n.uk-overlay-active :not(.uk-active) > .uk-overlay-panel:not(.uk-ignore) { opacity: 0; }\r\n\r\n\r\n\/* Modifier `uk-overlay-background`\r\n ========================================================================== *\/\r\n\r\n.uk-overlay-background {\r\n background: @overlay-panel-background;\r\n .hook-overlay-background;\r\n}\r\n\r\n\r\n\/* Modifier `uk-overlay-image`\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * Reset panel\r\n *\/\r\n\r\n.uk-overlay-image {\r\n padding: 0;\r\n .hook-overlay-image;\r\n}\r\n\r\n\r\n\/* Position modifiers\r\n ========================================================================== *\/\r\n\r\n.uk-overlay-top { bottom: auto; }\r\n\r\n.uk-overlay-bottom { top: auto; }\r\n\r\n.uk-overlay-left { right: auto; }\r\n\r\n.uk-overlay-right { left: auto; }\r\n\r\n\r\n\/* Sub-object `uk-overlay-icon`\r\n ========================================================================== *\/\r\n\r\n.uk-overlay-icon:before {\r\n content: @overlay-icon;\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: @overlay-icon-size;\r\n height: @overlay-icon-size;\r\n margin-top: -(@overlay-icon-size \/ 2);\r\n margin-left: -(@overlay-icon-size \/ 2);\r\n font-size: @overlay-icon-size;\r\n line-height: 1;\r\n font-family: FontAwesome;\r\n text-align: center;\r\n color: @overlay-icon-color;\r\n .hook-overlay-icon;\r\n}\r\n\r\n\r\n\/* Transitions\r\n ========================================================================== *\/\r\n\r\n.uk-overlay-fade,\r\n.uk-overlay-scale,\r\n.uk-overlay-spin,\r\n.uk-overlay-grayscale,\r\n.uk-overlay-blur,\r\n[class*='uk-overlay-slide'] {\r\n transition-duration: 0.3s;\r\n transition-timing-function: ease-out;\r\n transition-property: opacity, transform, filter;\r\n}\r\n\r\n.uk-overlay-active .uk-overlay-fade,\r\n.uk-overlay-active .uk-overlay-scale,\r\n.uk-overlay-active .uk-overlay-spin,\r\n.uk-overlay-active [class*='uk-overlay-slide'] { transition-duration: 0.8s; }\r\n\r\n\/*\r\n * Fade\r\n *\/\r\n\r\n.uk-overlay-fade { opacity: @overlay-fade-out-opacity; }\r\n\r\n.uk-overlay-hover:hover .uk-overlay-fade,\r\n.uk-overlay-hover.uk-hover .uk-overlay-fade,\r\n.uk-overlay-active .uk-active > .uk-overlay-fade { opacity: @overlay-fade-in-opacity; }\r\n\r\n\/*\r\n * Scale\r\n *\/\r\n\r\n.uk-overlay-scale {\r\n -webkit-transform: scale(@overlay-scale-out-scale);\r\n transform: scale(@overlay-scale-out-scale);\r\n}\r\n\r\n.uk-overlay-hover:hover .uk-overlay-scale,\r\n.uk-overlay-hover.uk-hover .uk-overlay-scale,\r\n.uk-overlay-active .uk-active > .uk-overlay-scale {\r\n -webkit-transform: scale(@overlay-scale-in-scale);\r\n transform: scale(@overlay-scale-in-scale);\r\n}\r\n\r\n\/*\r\n * Spin\r\n *\/\r\n\r\n.uk-overlay-spin {\r\n -webkit-transform: scale(@overlay-spin-out-scale) rotate(@overlay-spin-out-rotate);\r\n transform: scale(@overlay-spin-out-scale) rotate(@overlay-spin-out-rotate);\r\n}\r\n\r\n.uk-overlay-hover:hover .uk-overlay-spin,\r\n.uk-overlay-hover.uk-hover .uk-overlay-spin,\r\n.uk-overlay-active .uk-active > .uk-overlay-spin {\r\n -webkit-transform: scale(@overlay-spin-in-scale) rotate(@overlay-spin-in-rotate);\r\n transform: scale(@overlay-spin-in-scale) rotate(@overlay-spin-in-rotate);\r\n}\r\n\r\n\/*\r\n * Grayscale\r\n *\/\r\n\r\n.uk-overlay-grayscale {\r\n -webkit-filter: grayscale(100%);\r\n filter: grayscale(100%);\r\n}\r\n\r\n.uk-overlay-hover:hover .uk-overlay-grayscale,\r\n.uk-overlay-hover.uk-hover .uk-overlay-grayscale,\r\n.uk-overlay-active .uk-active > .uk-overlay-grayscale {\r\n -webkit-filter: grayscale(0%);\r\n filter: grayscale(0%);\r\n}\r\n\r\n\/*\r\n * Slide\r\n *\/\r\n\r\n[class*='uk-overlay-slide'] { opacity: 0; }\r\n\r\n\/* Top *\/\r\n.uk-overlay-slide-top {\r\n -webkit-transform: translateY(-100%);\r\n transform: translateY(-100%);\r\n}\r\n\r\n\/* Bottom *\/\r\n.uk-overlay-slide-bottom {\r\n -webkit-transform: translateY(100%);\r\n transform: translateY(100%);\r\n}\r\n\r\n\/* Left *\/\r\n.uk-overlay-slide-left {\r\n -webkit-transform: translateX(-100%);\r\n transform: translateX(-100%);\r\n}\r\n\r\n\/* Right *\/\r\n.uk-overlay-slide-right {\r\n -webkit-transform: translateX(100%);\r\n transform: translateX(100%);\r\n}\r\n\r\n\/* Hover *\/\r\n.uk-overlay-hover:hover [class*='uk-overlay-slide'],\r\n.uk-overlay-hover.uk-hover [class*='uk-overlay-slide'],\r\n.uk-overlay-active .uk-active > [class*='uk-overlay-slide'] {\r\n opacity: 1;\r\n -webkit-transform: translateX(0) translateY(0);\r\n transform: translateX(0) translateY(0);\r\n}\r\n\r\n\r\n\/* DEPRECATED\r\n * Sub-object `uk-overlay-area`\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * 1. Set position\r\n * 2. Set style\r\n * 3. Fade-in transition\r\n *\/\r\n\r\n.uk-overlay-area {\r\n \/* 1 *\/\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n \/* 2 *\/\r\n background: @overlay-area-background;\r\n \/* 3 *\/\r\n opacity: 0;\r\n -webkit-transition: opacity 0.15s linear;\r\n transition: opacity 0.15s linear;\r\n -webkit-transform: translate3d(0,0,0);\r\n .hook-overlay-area;\r\n}\r\n\r\n\/*\r\n * Hover\r\n * 1. `uk-hover` to support touch devices\r\n * 2. Use optional `uk-overlay-toggle` to trigger the overlay earlier\r\n *\/\r\n\r\n.uk-overlay:hover .uk-overlay-area,\r\n.uk-overlay.uk-hover .uk-overlay-area, \/\/ 1\r\n.uk-overlay-toggle:hover .uk-overlay-area, \/\/ 2\r\n.uk-overlay-toggle.uk-hover .uk-overlay-area { opacity: 1; }\r\n\r\n\/*\r\n * Icon\r\n *\/\r\n\r\n.uk-overlay-area:empty:before {\r\n content: @overlay-area-icon;\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n width: @overlay-area-icon-size;\r\n height: @overlay-area-icon-size;\r\n margin-top: -(@overlay-area-icon-size \/ 2);\r\n margin-left: -(@overlay-area-icon-size \/ 2);\r\n font-size: @overlay-area-icon-size;\r\n line-height: 1;\r\n font-family: FontAwesome;\r\n text-align: center;\r\n color: @overlay-area-icon-color;\r\n .hook-overlay-area-icon;\r\n}\r\n\r\n\r\n\/* DEPRECATED\r\n * Sub-object `uk-overlay-area-content`\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * Remove whitespace between child elements when using `inline-block`\r\n * Needed for Firefox\r\n *\/\r\n\r\n.uk-overlay-area:not(:empty) { font-size: 0.001px; }\r\n\r\n\/*\r\n * 1. Needed for vertical alignment\r\n *\/\r\n\r\n.uk-overlay-area:not(:empty):before {\r\n content: '';\r\n display: inline-block;\r\n height: 100%;\r\n vertical-align: middle;\r\n}\r\n\r\n\/*\r\n * 1. Set vertical alignment\r\n * 2. Reset whitespace hack\r\n * 3. Set horizontal alignment\r\n * 4. Set style\r\n *\/\r\n\r\n.uk-overlay-area-content {\r\n \/* 1 *\/\r\n display: inline-block;\r\n box-sizing: border-box;\r\n width: 100%;\r\n vertical-align: middle;\r\n \/* 2 *\/\r\n font-size: @overlay-area-content-font-size;\r\n \/* 3 *\/\r\n text-align: center;\r\n \/* 4 *\/\r\n padding: 0 @overlay-area-content-padding-horizontal;\r\n color: @overlay-area-content-color;\r\n .hook-overlay-area-content;\r\n}\r\n\r\n\/*\r\n * Remove margin from the last-child\r\n *\/\r\n\r\n.uk-overlay-area-content > :last-child { margin-bottom: 0; }\r\n\r\n\/*\r\n * Links in overlay area\r\n *\/\r\n\r\n.uk-overlay-area-content a:not([class]),\r\n.uk-overlay-area-content a:not([class]):hover { color: @overlay-area-content-link-color; }\r\n\r\n\r\n\/* DEPRECATED\r\n * Sub-object `uk-overlay-caption`\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * 1. Set position\r\n * 2. Set style\r\n * 3. Fade-in transition\r\n *\/\r\n\r\n.uk-overlay-caption {\r\n \/* 1 *\/\r\n position: absolute;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n \/* 2 *\/\r\n padding: @overlay-caption-padding;\r\n background: @overlay-caption-background;\r\n color: @overlay-caption-color;\r\n \/* 3 *\/\r\n opacity: 0;\r\n -webkit-transition: opacity 0.15s linear;\r\n transition: opacity 0.15s linear;\r\n -webkit-transform: translate3d(0,0,0);\r\n .hook-overlay-caption;\r\n}\r\n\r\n\/*\r\n * Hover\r\n * 1. `uk-hover` to support touch devices\r\n * 2. Use optional `uk-overlay-toggle` to trigger the overlay earlier\r\n *\/\r\n\r\n.uk-overlay:hover .uk-overlay-caption,\r\n.uk-overlay.uk-hover .uk-overlay-caption, \/\/ 1\r\n.uk-overlay-toggle:hover .uk-overlay-caption, \/\/ 2\r\n.uk-overlay-toggle.uk-hover .uk-overlay-caption { opacity: 1; }\r\n\r\n\r\n\/\/ Hooks\r\n\/\/ ========================================================================\r\n\r\n.hook-overlay-misc;\r\n\r\n.hook-overlay-panel() {}\r\n.hook-overlay-background() {}\r\n.hook-overlay-image() {}\r\n.hook-overlay-icon() {}\r\n.hook-overlay-misc() {}\r\n\r\n\/\/ DEPRECATED\r\n.hook-overlay-area() {}\r\n.hook-overlay-area-icon() {}\r\n.hook-overlay-area-content() {}\r\n.hook-overlay-caption() {}\r\n\r\n\/\/ Name: Column\r\n\/\/ Description: Provides a responsive, fluid and nestable columns for text and inline elements\r\n\/\/\r\n\/\/ Component: `uk-column`\r\n\/\/\r\n\/\/ Modifiers: `uk-column-small`\r\n\/\/ `uk-column-medium-*`\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@column-gutter: 25px;\r\n\r\n\r\n\/* ========================================================================\r\n Component: Column\r\n ========================================================================== *\/\r\n\r\n[class*='uk-column-'] {\r\n -webkit-column-gap: @column-gutter;\r\n -moz-column-gap: @column-gutter;\r\n column-gap: @column-gutter;\r\n .hook-column;\r\n}\r\n\r\n\r\n\/* Width modifiers\r\n ========================================================================== *\/\r\n\r\n.uk-column-1-2 {\r\n -webkit-column-count: 2;\r\n -moz-column-count: 2;\r\n column-count: 2;\r\n}\r\n\r\n.uk-column-1-3 {\r\n -webkit-column-count: 3;\r\n -moz-column-count: 3;\r\n column-count: 3;\r\n}\r\n\r\n.uk-column-1-4 {\r\n -webkit-column-count: 4;\r\n -moz-column-count: 4;\r\n column-count: 4;\r\n}\r\n\r\n.uk-column-1-5 {\r\n -webkit-column-count: 5;\r\n -moz-column-count: 5;\r\n column-count: 5;\r\n}\r\n\r\n.uk-column-1-6 {\r\n -webkit-column-count: 6;\r\n -moz-column-count: 6;\r\n column-count: 6;\r\n}\r\n\r\n\/* Phone landscape and bigger *\/\r\n@media (min-width: @breakpoint-small) {\r\n\r\n .uk-column-small-1-2 {\r\n -webkit-column-count: 2;\r\n -moz-column-count: 2;\r\n column-count: 2;\r\n }\r\n\r\n .uk-column-small-1-3 {\r\n -webkit-column-count: 3;\r\n -moz-column-count: 3;\r\n column-count: 3;\r\n }\r\n\r\n .uk-column-small-1-4 {\r\n -webkit-column-count: 4;\r\n -moz-column-count: 4;\r\n column-count: 4;\r\n }\r\n\r\n .uk-column-small-1-5 {\r\n -webkit-column-count: 5;\r\n -moz-column-count: 5;\r\n column-count: 5;\r\n }\r\n\r\n .uk-column-small-1-6 {\r\n -webkit-column-count: 6;\r\n -moz-column-count: 6;\r\n column-count: 6;\r\n }\r\n\r\n}\r\n\r\n\/* Tablet and bigger *\/\r\n@media (min-width: @breakpoint-medium) {\r\n\r\n .uk-column-medium-1-2 {\r\n -webkit-column-count: 2;\r\n -moz-column-count: 2;\r\n column-count: 2;\r\n }\r\n\r\n .uk-column-medium-1-3 {\r\n -webkit-column-count: 3;\r\n -moz-column-count: 3;\r\n column-count: 3;\r\n }\r\n\r\n .uk-column-medium-1-4 {\r\n -webkit-column-count: 4;\r\n -moz-column-count: 4;\r\n column-count: 4;\r\n }\r\n\r\n .uk-column-medium-1-5 {\r\n -webkit-column-count: 5;\r\n -moz-column-count: 5;\r\n column-count: 5;\r\n }\r\n\r\n .uk-column-medium-1-6 {\r\n -webkit-column-count: 6;\r\n -moz-column-count: 6;\r\n column-count: 6;\r\n }\r\n\r\n}\r\n\r\n\/* Desktop and bigger *\/\r\n@media (min-width: @breakpoint-large) {\r\n\r\n .uk-column-large-1-2 {\r\n -webkit-column-count: 2;\r\n -moz-column-count: 2;\r\n column-count: 2;\r\n }\r\n\r\n .uk-column-large-1-3 {\r\n -webkit-column-count: 3;\r\n -moz-column-count: 3;\r\n column-count: 3;\r\n }\r\n\r\n .uk-column-large-1-4 {\r\n -webkit-column-count: 4;\r\n -moz-column-count: 4;\r\n column-count: 4;\r\n }\r\n\r\n .uk-column-large-1-5 {\r\n -webkit-column-count: 5;\r\n -moz-column-count: 5;\r\n column-count: 5;\r\n }\r\n\r\n .uk-column-large-1-6 {\r\n -webkit-column-count: 6;\r\n -moz-column-count: 6;\r\n column-count: 6;\r\n }\r\n\r\n}\r\n\r\n\/* Large screen and bigger *\/\r\n@media (min-width: @breakpoint-xlarge) {\r\n\r\n .uk-column-xlarge-1-2 {\r\n -webkit-column-count: 2;\r\n -moz-column-count: 2;\r\n column-count: 2;\r\n }\r\n\r\n .uk-column-xlarge-1-3 {\r\n -webkit-column-count: 3;\r\n -moz-column-count: 3;\r\n column-count: 3;\r\n }\r\n\r\n .uk-column-xlarge-1-4 {\r\n -webkit-column-count: 4;\r\n -moz-column-count: 4;\r\n column-count: 4;\r\n }\r\n\r\n .uk-column-xlarge-1-5 {\r\n -webkit-column-count: 5;\r\n -moz-column-count: 5;\r\n column-count: 5;\r\n }\r\n\r\n .uk-column-xlarge-1-6 {\r\n -webkit-column-count: 6;\r\n -moz-column-count: 6;\r\n column-count: 6;\r\n }\r\n}\r\n\r\n\r\n\/\/ Hooks\r\n\/\/ ========================================================================\r\n\r\n.hook-column-misc;\r\n\r\n.hook-column() {}\r\n.hook-column-misc() {}\r\n\r\n\/\/ Name: Animation\r\n\/\/ Description: Provides a useful set of keyframe animations\r\n\/\/\r\n\/\/ Component: `uk-animation-*`\r\n\/\/\r\n\/\/ Modifiers: `uk-animation-fade`\r\n\/\/ `uk-animation-scale-up`\r\n\/\/ `uk-animation-scale-down`\r\n\/\/ `uk-animation-slide-top`\r\n\/\/ `uk-animation-slide-bottom`\r\n\/\/ `uk-animation-slide-left`\r\n\/\/ `uk-animation-slide-right`\r\n\/\/ `uk-animation-scale`\r\n\/\/ `uk-animation-shake`\r\n\/\/ `uk-animation-reverse`\r\n\/\/ `uk-animation-15`\r\n\/\/ `uk-animation-top-left`\r\n\/\/ `uk-animation-top-center`\r\n\/\/ `uk-animation-top-right`\r\n\/\/ `uk-animation-middle-left`\r\n\/\/ `uk-animation-middle-right`\r\n\/\/ `uk-animation-bottom-left`\r\n\/\/ `uk-animation-bottom-center`\r\n\/\/ `uk-animation-bottom-right`\r\n\/\/\r\n\/\/ Sub-objects: `uk-animation-hover`\r\n\/\/\r\n\/\/ Uses: Scrollspy\r\n\/\/\r\n\/\/ Used by: Dropdown\r\n\/\/ Icon\r\n\/\/ Search\r\n\/\/ Datepicker\r\n\/\/ Slideshow\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/* ========================================================================\r\n Component: Animation\r\n ========================================================================== *\/\r\n\r\n[class*='uk-animation-'] {\r\n -webkit-animation-duration: 0.5s;\r\n animation-duration: 0.5s;\r\n -webkit-animation-timing-function: ease-out;\r\n animation-timing-function: ease-out;\r\n -webkit-animation-fill-mode: both;\r\n animation-fill-mode: both;\r\n}\r\n\r\n\/* Hide animated element if scrollspy is used *\/\r\n@media screen {\r\n\r\n [data-uk-scrollspy*='uk-animation-']:not([data-uk-scrollspy*='target']) { opacity: 0; }\r\n\r\n}\r\n\r\n\/*\r\n * Fade\r\n * Higher specificity (!important) needed because of reverse modifier\r\n *\/\r\n\r\n.uk-animation-fade {\r\n -webkit-animation-name: uk-fade;\r\n animation-name: uk-fade;\r\n -webkit-animation-duration: 0.8s;\r\n animation-duration: 0.8s;\r\n -webkit-animation-timing-function: linear !important;\r\n animation-timing-function: linear !important;\r\n}\r\n\r\n\/*\r\n * Fade with scale\r\n *\/\r\n\r\n.uk-animation-scale-up {\r\n -webkit-animation-name: uk-fade-scale-02;\r\n animation-name: uk-fade-scale-02;\r\n}\r\n\r\n.uk-animation-scale-down {\r\n -webkit-animation-name: uk-fade-scale-18;\r\n animation-name: uk-fade-scale-18;\r\n}\r\n\r\n\/*\r\n * Fade with slide\r\n *\/\r\n\r\n.uk-animation-slide-top {\r\n -webkit-animation-name: uk-fade-top;\r\n animation-name: uk-fade-top;\r\n}\r\n\r\n.uk-animation-slide-bottom {\r\n -webkit-animation-name: uk-fade-bottom;\r\n animation-name: uk-fade-bottom;\r\n}\r\n\r\n.uk-animation-slide-left {\r\n -webkit-animation-name: uk-fade-left;\r\n animation-name: uk-fade-left;\r\n}\r\n\r\n.uk-animation-slide-right {\r\n -webkit-animation-name: uk-fade-right;\r\n animation-name: uk-fade-right;\r\n}\r\n\r\n\/*\r\n * Scale\r\n *\/\r\n\r\n.uk-animation-scale {\r\n -webkit-animation-name: uk-scale-12;\r\n animation-name: uk-scale-12;\r\n}\r\n\r\n\/*\r\n * Shake\r\n *\/\r\n\r\n.uk-animation-shake {\r\n -webkit-animation-name: uk-shake;\r\n animation-name: uk-shake;\r\n}\r\n\r\n\r\n\/* Direction modifiers\r\n ========================================================================== *\/\r\n\r\n.uk-animation-reverse {\r\n -webkit-animation-direction: reverse;\r\n animation-direction: reverse;\r\n -webkit-animation-timing-function: ease-in;\r\n animation-timing-function: ease-in;\r\n}\r\n\r\n\r\n\/* Duration modifiers\r\n========================================================================== *\/\r\n\r\n.uk-animation-15 {\r\n -webkit-animation-duration: 15s;\r\n animation-duration: 15s;\r\n}\r\n\r\n\r\n\/* Origin modifiers\r\n========================================================================== *\/\r\n\r\n.uk-animation-top-left {\r\n -webkit-transform-origin: 0 0;\r\n transform-origin: 0 0;\r\n}\r\n\r\n.uk-animation-top-center {\r\n -webkit-transform-origin: 50% 0;\r\n transform-origin: 50% 0;\r\n}\r\n\r\n.uk-animation-top-right {\r\n -webkit-transform-origin: 100% 0;\r\n transform-origin: 100% 0;\r\n}\r\n\r\n.uk-animation-middle-left {\r\n -webkit-transform-origin: 0 50%;\r\n transform-origin: 0 50%;\r\n}\r\n\r\n.uk-animation-middle-right {\r\n -webkit-transform-origin: 100% 50%;\r\n transform-origin: 100% 50%;\r\n}\r\n\r\n.uk-animation-bottom-left {\r\n -webkit-transform-origin: 0 100%;\r\n transform-origin: 0 100%;\r\n}\r\n\r\n.uk-animation-bottom-center {\r\n -webkit-transform-origin: 50% 100%;\r\n transform-origin: 50% 100%;\r\n}\r\n\r\n.uk-animation-bottom-right {\r\n -webkit-transform-origin: 100% 100%;\r\n transform-origin: 100% 100%;\r\n}\r\n\r\n\r\n\/* Sub-object: `uk-animation-hover`\r\n========================================================================== *\/\r\n\r\n\/*\r\n * Enable animation only on hover\r\n * Note: Firefox also needs this because animations are not triggered when switching between display `hidden` and `block`\r\n *\/\r\n\r\n.uk-animation-hover:not(:hover),\r\n.uk-animation-hover:not(:hover) [class*='uk-animation-'],\r\n.uk-touch .uk-animation-hover:not(.uk-hover),\r\n.uk-touch .uk-animation-hover:not(.uk-hover) [class*='uk-animation-'] {\r\n -webkit-animation-name: none;\r\n animation-name: none;\r\n}\r\n\r\n\r\n\/* Keyframes: Fade\r\n * Used by dropdown, datepicker and slideshow component\r\n ========================================================================== *\/\r\n\r\n@-webkit-keyframes uk-fade {\r\n 0% { opacity: 0; }\r\n 100% { opacity: 1; }\r\n}\r\n\r\n@keyframes uk-fade {\r\n 0% { opacity: 0; }\r\n 100% { opacity: 1; }\r\n}\r\n\r\n\r\n\/* Keyframes: Fade with slide\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * Top\r\n *\/\r\n\r\n@-webkit-keyframes uk-fade-top {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: translateY(-100%);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform: translateY(0);\r\n }\r\n}\r\n\r\n@keyframes uk-fade-top {\r\n 0% {\r\n opacity: 0;\r\n transform: translateY(-100%);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n}\r\n\r\n\/*\r\n * Bottom\r\n *\/\r\n\r\n@-webkit-keyframes uk-fade-bottom {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: translateY(100%);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform: translateY(0);\r\n }\r\n}\r\n\r\n@keyframes uk-fade-bottom {\r\n 0% {\r\n opacity: 0;\r\n transform: translateY(100%);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n}\r\n\r\n\/*\r\n * Left\r\n *\/\r\n\r\n@-webkit-keyframes uk-fade-left {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: translateX(-100%);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform: translateX(0);\r\n }\r\n}\r\n\r\n@keyframes uk-fade-left {\r\n 0% {\r\n opacity: 0;\r\n transform: translateX(-100%);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n}\r\n\r\n\/*\r\n * Right\r\n *\/\r\n\r\n@-webkit-keyframes uk-fade-right {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: translateX(100%);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform: translateX(0);\r\n }\r\n}\r\n\r\n@keyframes uk-fade-right {\r\n 0% {\r\n opacity: 0;\r\n transform: translateX(100%);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateX(0);\r\n }\r\n}\r\n\r\n\r\n\/* Keyframes: Fade with scale\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * Scale by 0.2\r\n *\/\r\n\r\n@-webkit-keyframes uk-fade-scale-02 {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: scale(0.2);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform: scale(1);\r\n }\r\n}\r\n\r\n@keyframes uk-fade-scale-02 {\r\n 0% {\r\n opacity: 0;\r\n transform: scale(0.2);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n}\r\n\r\n\/*\r\n * Scale by 1.5\r\n * Used by slideshow component\r\n *\/\r\n\r\n@-webkit-keyframes uk-fade-scale-15 {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: scale(1.5);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform: scale(1);\r\n }\r\n}\r\n\r\n@keyframes uk-fade-scale-15 {\r\n 0% {\r\n opacity: 0;\r\n transform: scale(1.5);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n}\r\n\r\n\/*\r\n * Scale by 1.8\r\n *\/\r\n\r\n@-webkit-keyframes uk-fade-scale-18 {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: scale(1.8);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform: scale(1);\r\n }\r\n}\r\n\r\n@keyframes uk-fade-scale-18 {\r\n 0% {\r\n opacity: 0;\r\n transform: scale(1.8);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n}\r\n\r\n\r\n\/* Keyframes: Slide\r\n * Used by slideshow component\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * Left\r\n *\/\r\n\r\n@-webkit-keyframes uk-slide-left {\r\n 0% { -webkit-transform: translateX(-100%); }\r\n 100% { -webkit-transform: translateX(0); }\r\n}\r\n\r\n@keyframes uk-slide-left {\r\n 0% { transform: translateX(-100%); }\r\n 100% { transform: translateX(0); }\r\n}\r\n\r\n\/*\r\n * Right\r\n *\/\r\n\r\n@-webkit-keyframes uk-slide-right {\r\n 0% { -webkit-transform: translateX(100%); }\r\n 100% { -webkit-transform: translateX(0); }\r\n}\r\n\r\n@keyframes uk-slide-right {\r\n 0% { transform: translateX(100%); }\r\n 100% { transform: translateX(0); }\r\n}\r\n\r\n\/*\r\n * Left third\r\n *\/\r\n\r\n@-webkit-keyframes uk-slide-left-33 {\r\n 0% { -webkit-transform: translateX(33%); }\r\n 100% { -webkit-transform: translateX(0); }\r\n}\r\n\r\n@keyframes uk-slide-left-33 {\r\n 0% { transform: translateX(33%); }\r\n 100% { transform: translateX(0); }\r\n}\r\n\r\n\/*\r\n * Right third\r\n *\/\r\n\r\n@-webkit-keyframes uk-slide-right-33 {\r\n 0% { -webkit-transform: translateX(-33%); }\r\n 100% { -webkit-transform: translateX(0); }\r\n}\r\n\r\n@keyframes uk-slide-right-33 {\r\n 0% { transform: translateX(-33%); }\r\n 100% { transform: translateX(0); }\r\n}\r\n\r\n\r\n\/* Keyframes: Scale\r\n ========================================================================== *\/\r\n\r\n@-webkit-keyframes uk-scale-12 {\r\n 0% { -webkit-transform: scale(1.2); }\r\n 100% { -webkit-transform: scale(1); }\r\n}\r\n\r\n@keyframes uk-scale-12 {\r\n 0% { transform: scale(1.2); }\r\n 100% { transform: scale(1); }\r\n}\r\n\r\n\r\n\/* Keyframes: Rotate\r\n * Used by icon component\r\n ========================================================================== *\/\r\n\r\n@-webkit-keyframes uk-rotate {\r\n 0% { -webkit-transform: rotate(0deg); }\r\n 100% { -webkit-transform: rotate(359deg); }\r\n}\r\n\r\n@keyframes uk-rotate {\r\n 0% { transform: rotate(0deg); }\r\n 100% { transform: rotate(359deg); }\r\n}\r\n\r\n\r\n\/* Keyframes: Shake\r\n ========================================================================== *\/\r\n\r\n@-webkit-keyframes uk-shake {\r\n 0%, 100% { -webkit-transform: translateX(0); }\r\n 10% { -webkit-transform: translateX(-9px); }\r\n 20% { -webkit-transform: translateX(8px); }\r\n 30% { -webkit-transform: translateX(-7px); }\r\n 40% { -webkit-transform: translateX(6px); }\r\n 50% { -webkit-transform: translateX(-5px); }\r\n 60% { -webkit-transform: translateX(4px); }\r\n 70% { -webkit-transform: translateX(-3px); }\r\n 80% { -webkit-transform: translateX(2px); }\r\n 90% { -webkit-transform: translateX(-1px); }\r\n}\r\n\r\n@keyframes uk-shake {\r\n 0%, 100% { transform: translateX(0); }\r\n 10% { transform: translateX(-9px); }\r\n 20% { transform: translateX(8px); }\r\n 30% { transform: translateX(-7px); }\r\n 40% { transform: translateX(6px); }\r\n 50% { transform: translateX(-5px); }\r\n 60% { transform: translateX(4px); }\r\n 70% { transform: translateX(-3px); }\r\n 80% { transform: translateX(2px); }\r\n 90% { transform: translateX(-1px); }\r\n}\r\n\r\n\r\n\/* Keyframes: Fade with slide fixed\r\n * Used by dropdown and search component\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * Top fixed\r\n *\/\r\n\r\n@-webkit-keyframes uk-slide-top-fixed {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: translateY(-10px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform: translateY(0);\r\n }\r\n}\r\n\r\n@keyframes uk-slide-top-fixed {\r\n 0% {\r\n opacity: 0;\r\n transform: translateY(-10px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n}\r\n\r\n\/*\r\n * Bottom fixed\r\n *\/\r\n\r\n@-webkit-keyframes uk-slide-bottom-fixed {\r\n 0% {\r\n opacity: 0;\r\n -webkit-transform: translateY(10px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n -webkit-transform: translateY(0);\r\n }\r\n}\r\n\r\n@keyframes uk-slide-bottom-fixed {\r\n 0% {\r\n opacity: 0;\r\n transform: translateY(10px);\r\n }\r\n 100% {\r\n opacity: 1;\r\n transform: translateY(0);\r\n }\r\n}\r\n\r\n\r\n\/\/ Hooks\r\n\/\/ ========================================================================\r\n\r\n.hook-animation-misc;\r\n\r\n.hook-animation-misc() {}\r\n\r\n\r\n\/\/ JavaScript\r\n\/\/ Name: Dropdown\r\n\/\/ Description: Defines styles for a toggleable dropdown\r\n\/\/\r\n\/\/ Component: `uk-dropdown`\r\n\/\/\r\n\/\/ Sub-objects: `uk-dropdown-overlay`\r\n\/\/\r\n\/\/ Modifiers: `uk-dropdown-blank`\r\n\/\/ `uk-dropdown-top`\r\n\/\/ `uk-dropdown-bottom`\r\n\/\/ `uk-dropdown-left`\r\n\/\/ `uk-dropdown-right`\r\n\/\/ `uk-dropdown-justify`\r\n\/\/ `uk-dropdown-grid`\r\n\/\/ `uk-dropdown-width-2`\r\n\/\/ `uk-dropdown-width-3`\r\n\/\/ `uk-dropdown-width-4`\r\n\/\/ `uk-dropdown-width-5`\r\n\/\/ `uk-dropdown-stack`\r\n\/\/ `uk-dropdown-small`\r\n\/\/ `uk-dropdown-navbar`\r\n\/\/ `uk-dropdown-scrollable`\r\n\/\/\r\n\/\/ States: `uk-open`\r\n\/\/\r\n\/\/ Uses: Animation\r\n\/\/ Grid: `uk-width-*`\r\n\/\/ Panel: `uk-panel`\r\n\/\/ Nav: `uk-nav`\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@dropdown-z-index: 970;\r\n@dropdown-width: 200px;\r\n@dropdown-margin-top: 5px;\r\n@dropdown-padding: 15px;\r\n@dropdown-background: #f5f5f5;\r\n@dropdown-color: #444;\r\n@dropdown-font-size: 1rem;\r\n@dropdown-animation: uk-fade;\r\n\r\n@dropdown-divider-border-width: 1px;\r\n@dropdown-divider-border: #ddd;\r\n\r\n@dropdown-small-padding: 5px;\r\n\r\n@dropdown-navbar-margin: 0;\r\n@dropdown-navbar-background: #f5f5f5;\r\n@dropdown-navbar-color: #444;\r\n@dropdown-navbar-animation: uk-slide-top-fixed;\r\n\r\n@dropdown-scrollable-height: 200px;\r\n\r\n\r\n\/* ========================================================================\r\n Component: Dropdown\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * 1. Hide by default\r\n * 2. Set position\r\n * 3. Box-sizing is needed for `uk-dropdown-justify`\r\n * 4. Set width\r\n *\/\r\n\r\n.uk-dropdown,\r\n.uk-dropdown-blank {\r\n \/* 1 *\/\r\n display: none;\r\n \/* 2 *\/\r\n position: absolute;\r\n z-index: @dropdown-z-index;\r\n \/* 3 *\/\r\n box-sizing: border-box;\r\n \/* 4 *\/\r\n width: @dropdown-width;\r\n}\r\n\r\n\/*\r\n * Dropdown style\r\n * 1. Reset button group whitespace hack\r\n *\/\r\n\r\n.uk-dropdown {\r\n padding: @dropdown-padding;\r\n background: @dropdown-background;\r\n color: @dropdown-color;\r\n \/* 1 *\/\r\n font-size: @dropdown-font-size;\r\n vertical-align: top;\r\n .hook-dropdown;\r\n}\r\n\r\n\/* Focus *\/\r\n.uk-dropdown:focus { outline: none; }\r\n\r\n\/*\r\n * 1. Show dropdown\r\n * 2. Set animation\r\n * 3. Needed for scale animation\r\n *\/\r\n\r\n.uk-open > .uk-dropdown,\r\n.uk-open > .uk-dropdown-blank {\r\n \/* 1 *\/\r\n display: block;\r\n \/* 2 *\/\r\n -webkit-animation: @dropdown-animation 0.2s ease-in-out;\r\n animation: @dropdown-animation 0.2s ease-in-out;\r\n \/* 3 *\/\r\n -webkit-transform-origin: 0 0;\r\n transform-origin: 0 0;\r\n}\r\n\r\n\/* Alignment modifiers\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * Modifier\r\n *\/\r\n\r\n.uk-dropdown-top { margin-top: (-1 * @dropdown-margin-top); }\r\n.uk-dropdown-bottom { margin-top: @dropdown-margin-top; }\r\n.uk-dropdown-left { margin-left: (-1 * @dropdown-margin-top); }\r\n.uk-dropdown-right { margin-left: @dropdown-margin-top; }\r\n\r\n\r\n\/* Nav in dropdown\r\n ========================================================================== *\/\r\n\r\n.uk-dropdown .uk-nav { margin: 0 (-@dropdown-padding); }\r\n\r\n\r\n\/* Grid and panel in dropdown\r\n ========================================================================== *\/\r\n\r\n\/*\r\n* Vertical gutter\r\n*\/\r\n\r\n\/*\r\n * Grid\r\n * Higher specificity to override large gutter\r\n *\/\r\n\r\n.uk-grid .uk-dropdown-grid + .uk-dropdown-grid { margin-top: @dropdown-padding; }\r\n\r\n\/* Panels *\/\r\n.uk-dropdown-grid > [class*='uk-width-'] > .uk-panel + .uk-panel { margin-top: @dropdown-padding; }\r\n\r\n\/* Tablet and bigger *\/\r\n@media (min-width: @breakpoint-medium) {\r\n\r\n \/*\r\n * Horizontal gutter\r\n *\/\r\n\r\n .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid {\r\n margin-left: -@dropdown-padding ;\r\n margin-right: -@dropdown-padding;\r\n }\r\n\r\n .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*='uk-width-'] {\r\n padding-left: @dropdown-padding;\r\n padding-right: @dropdown-padding;\r\n }\r\n\r\n \/*\r\n * Column divider\r\n *\/\r\n\r\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; }\r\n\r\n \/*\r\n * Width multiplier for dropdown columns\r\n *\/\r\n\r\n .uk-dropdown-width-2:not(.uk-dropdown-stack) { width: (@dropdown-width * 2); }\r\n .uk-dropdown-width-3:not(.uk-dropdown-stack) { width: (@dropdown-width * 3); }\r\n .uk-dropdown-width-4:not(.uk-dropdown-stack) { width: (@dropdown-width * 4); }\r\n .uk-dropdown-width-5:not(.uk-dropdown-stack) { width: (@dropdown-width * 5); }\r\n\r\n}\r\n\r\n\/* Phone landscape and smaller *\/\r\n@media (max-width: @breakpoint-small-max) {\r\n\r\n \/*\r\n * Stack columns and take full width\r\n *\/\r\n\r\n .uk-dropdown-grid > [class*='uk-width-'] { width: 100%; }\r\n\r\n \/*\r\n * Vertical gutter\r\n *\/\r\n\r\n .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) { margin-top: @dropdown-padding; }\r\n\r\n}\r\n\r\n\/*\r\n* Stack grid columns\r\n*\/\r\n\r\n.uk-dropdown-stack > .uk-dropdown-grid > [class*='uk-width-'] { width: 100%; }\r\n\r\n.uk-dropdown-stack > .uk-dropdown-grid > [class*='uk-width-']:nth-child(n+2) { margin-top: @dropdown-padding; }\r\n\r\n\r\n\r\n\/* Modifier `uk-dropdown-small`\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * Set min-width and text expands dropdown if needed\r\n *\/\r\n\r\n.uk-dropdown-small {\r\n min-width: 150px;\r\n width: auto;\r\n padding: @dropdown-small-padding;\r\n white-space: nowrap;\r\n}\r\n\r\n\/*\r\n * Nav in dropdown\r\n *\/\r\n\r\n.uk-dropdown-small .uk-nav { margin: 0 (-@dropdown-small-padding); }\r\n\r\n\r\n\/* Modifier: `uk-dropdown-navbar`\r\n ========================================================================== *\/\r\n\r\n.uk-dropdown-navbar {\r\n margin-top: @dropdown-navbar-margin;\r\n background: @dropdown-navbar-background;\r\n color: @dropdown-navbar-color;\r\n .hook-dropdown-navbar;\r\n}\r\n\r\n.uk-open > .uk-dropdown-navbar {\r\n -webkit-animation: @dropdown-navbar-animation 0.2s ease-in-out;\r\n animation: @dropdown-navbar-animation 0.2s ease-in-out;\r\n}\r\n\r\n\r\n\/* Modifier `uk-dropdown-scrollable`\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * Usefull for long lists\r\n *\/\r\n\r\n.uk-dropdown-scrollable {\r\n overflow-y: auto;\r\n max-height: @dropdown-scrollable-height;\r\n}\r\n\r\n\r\n\/* Sub-object: `uk-dropdown-overlay`\r\n ========================================================================== *\/\r\n\r\n.uk-dropdown-overlay {\r\n .hook-dropdown-overlay;\r\n}\r\n\r\n\r\n\r\n\/\/ Hooks\r\n\/\/ ========================================================================\r\n\r\n.hook-dropdown-misc;\r\n\r\n.hook-dropdown() {}\r\n.hook-dropdown-navbar() {}\r\n.hook-dropdown-overlay() {}\r\n.hook-dropdown-misc() {}\r\n\r\n\/\/ Name: Modal\r\n\/\/ Description: Defines styles for modal dialogs\r\n\/\/\r\n\/\/ Component: `uk-modal`\r\n\/\/\r\n\/\/ Sub-objects: `uk-modal-dialog`\r\n\/\/ `uk-modal-close`\r\n\/\/ `uk-modal-header`\r\n\/\/ `uk-modal-footer`\r\n\/\/ `uk-modal-caption`\r\n\/\/ `uk-modal-spinner`\r\n\/\/\r\n\/\/ Modifiers: `uk-modal-dialog-lightbox`\r\n\/\/ `uk-modal-dialog-blank`\r\n\/\/ `uk-modal-dialog-large`\r\n\/\/\r\n\/\/ States: `uk-open`\r\n\/\/\r\n\/\/ Uses: Close: `uk-close`\r\n\/\/\r\n\/\/ Markup:\r\n\/\/\r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@modal-z-index: 1010;\r\n@modal-background: rgba(0,0,0,0.6);\r\n\r\n@modal-dialog-margin-vertical: 50px;\r\n@modal-dialog-padding: 20px;\r\n@modal-dialog-width: 600px;\r\n@modal-dialog-background: #fff;\r\n\r\n@modal-dialog-large-width: 930px;\r\n@modal-dialog-large-width-large: 1130px;\r\n\r\n@modal-header-margin-bottom: 15px;\r\n\r\n@modal-footer-margin-top: 15px;\r\n\r\n@modal-caption-margin-bottom: -10px;\r\n@modal-caption-color: #fff;\r\n\r\n\r\n\/* ========================================================================\r\n Component: Modal\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * This is the modal overlay and modal dialog container\r\n * 1. Hide by default\r\n * 2. Set fixed position\r\n * 3. Allow scrolling for the modal dialog\r\n * 4. Mask the background page\r\n * 5. Fade-in transition\r\n * 6. Deactivate browser history navigation in IE11\r\n * 7. force hardware acceleration to prevent browser rendering hiccups\r\n *\/\r\n\r\n.uk-modal {\r\n \/* 1 *\/\r\n display: none;\r\n \/* 2 *\/\r\n position: fixed;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n left: 0;\r\n z-index: @modal-z-index;\r\n \/* 3 *\/\r\n overflow-y: auto;\r\n -webkit-overflow-scrolling: touch;\r\n \/* 4 *\/\r\n background: @modal-background;\r\n \/* 5 *\/\r\n opacity: 0;\r\n -webkit-transition: opacity 0.15s linear;\r\n transition: opacity 0.15s linear;\r\n \/* 6 *\/\r\n touch-action: cross-slide-y pinch-zoom double-tap-zoom;\r\n \/* 7 *\/\r\n -webkit-transform: translateZ(0);\r\n transform: translateZ(0);\r\n .hook-modal;\r\n}\r\n\r\n\/*\r\n * Open state\r\n *\/\r\n\r\n.uk-modal.uk-open { opacity: 1; }\r\n\r\n\/*\r\n * Prevents duplicated scrollbar caused by 4.\r\n *\/\r\n\r\n.uk-modal-page,\r\n.uk-modal-page body { overflow: hidden; }\r\n\r\n\r\n\/* Sub-object: `uk-modal-dialog`\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * 1. Create position context for caption, spinner and close button\r\n * 2. Set box sizing\r\n * 3. Set style\r\n * 4. Slide-in transition\r\n *\/\r\n\r\n.uk-modal-dialog {\r\n \/* 1 *\/\r\n position: relative;\r\n \/* 2 *\/\r\n box-sizing: border-box;\r\n margin: @modal-dialog-margin-vertical auto;\r\n padding: @modal-dialog-padding;\r\n width: @modal-dialog-width;\r\n max-width: 100%;\r\n max-width: ~\"calc(100% - 20px)\";\r\n \/* 3 *\/\r\n background: @modal-dialog-background;\r\n \/* 4 *\/\r\n opacity: 0;\r\n -webkit-transform: translateY(-100px);\r\n transform: translateY(-100px);\r\n -webkit-transition: opacity 0.3s linear, -webkit-transform 0.3s ease-out;\r\n transition: opacity 0.3s linear, transform 0.3s ease-out;\r\n .hook-modal-dialog;\r\n}\r\n\r\n\/* Phone landscape and smaller *\/\r\n@media (max-width: @breakpoint-small-max) {\r\n\r\n \/*\r\n * Fit in small screen\r\n *\/\r\n\r\n .uk-modal-dialog {\r\n width: auto;\r\n margin: 10px auto;\r\n }\r\n\r\n}\r\n\r\n\/*\r\n * Open state\r\n *\/\r\n\r\n.uk-open .uk-modal-dialog {\r\n \/* 4 *\/\r\n opacity: 1;\r\n -webkit-transform: translateY(0);\r\n transform: translateY(0);\r\n}\r\n\r\n\/*\r\n * Remove margin from the last-child\r\n *\/\r\n\r\n.uk-modal-dialog > :not([class*='uk-modal-']):last-child { margin-bottom: 0; }\r\n\r\n\r\n\/* Close in modal\r\n ========================================================================== *\/\r\n\r\n.uk-modal-dialog > .uk-close:first-child {\r\n margin: -10px -10px 0 0;\r\n float: right;\r\n}\r\n\r\n\/*\r\n * Remove margin from adjacent element\r\n *\/\r\n\r\n .uk-modal-dialog > .uk-close:first-child + :not([class*='uk-modal-']) { margin-top: 0; }\r\n\r\n\r\n\/* Modifier: `uk-modal-dialog-lightbox`\r\n ========================================================================== *\/\r\n\r\n.uk-modal-dialog-lightbox {\r\n margin: 15px auto;\r\n padding: 0;\r\n max-width: 95%;\r\n max-width: ~\"calc(100% - 30px)\";\r\n min-height: 50px;\r\n .hook-modal-dialog-lightbox;\r\n}\r\n\r\n\/*\r\n * Close button\r\n *\/\r\n\r\n.uk-modal-dialog-lightbox > .uk-close:first-child {\r\n position: absolute;\r\n top: -12px;\r\n right: -12px;\r\n margin: 0;\r\n float: none;\r\n}\r\n\r\n\/* Phone landscape and smaller *\/\r\n@media (max-width: @breakpoint-small-max) {\r\n\r\n .uk-modal-dialog-lightbox > .uk-close:first-child {\r\n top: -7px;\r\n right: -7px;\r\n }\r\n\r\n}\r\n\r\n\/* Modifier: `uk-modal-dialog-blank`\r\n ========================================================================== *\/\r\n\r\n.uk-modal-dialog-blank {\r\n margin: 0;\r\n padding: 0;\r\n width: 100%;\r\n max-width: 100%;\r\n -webkit-transition: opacity 0.3s linear;\r\n transition: opacity 0.3s linear;\r\n}\r\n\r\n\/*\r\n* Close button\r\n*\/\r\n\r\n.uk-modal-dialog-blank > .uk-close:first-child {\r\n position: absolute;\r\n top: 20px;\r\n right: 20px;\r\n z-index: 1;\r\n margin: 0;\r\n float: none;\r\n}\r\n\r\n\r\n\/* Modifier: `uk-modal-dialog-large`\r\n ========================================================================== *\/\r\n\r\n\/* Tablet and bigger *\/\r\n@media (min-width: @breakpoint-medium) {\r\n\r\n .uk-modal-dialog-large { width: @modal-dialog-large-width; }\r\n\r\n}\r\n\r\n\/* Large screen and bigger *\/\r\n@media (min-width: @breakpoint-xlarge) {\r\n\r\n .uk-modal-dialog-large { width: @modal-dialog-large-width-large; }\r\n\r\n}\r\n\r\n\r\n\/* Sub-Object: `uk-modal-header` and `uk-modal-footer`\r\n ========================================================================== *\/\r\n\r\n.uk-modal-header {\r\n margin-bottom: @modal-header-margin-bottom;\r\n .hook-modal-header;\r\n}\r\n\r\n.uk-modal-footer {\r\n margin-top: @modal-footer-margin-top;\r\n .hook-modal-footer;\r\n}\r\n\r\n\/*\r\n * Remove margin from the last-child\r\n *\/\r\n\r\n.uk-modal-header > :last-child,\r\n.uk-modal-footer > :last-child { margin-bottom: 0; }\r\n\r\n\r\n\/* Sub-Object: `uk-modal-caption`\r\n ========================================================================== *\/\r\n\r\n.uk-modal-caption {\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n bottom: (-@modal-dialog-padding);\r\n margin-bottom: @modal-caption-margin-bottom;\r\n color: @modal-caption-color;\r\n text-align: center;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n .hook-modal-caption;\r\n}\r\n\r\n\r\n\/* Sub-Object: `uk-modal-spinner`\r\n ========================================================================== *\/\r\n\r\n.uk-modal-spinner {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n -webkit-transform: translate(-50%,-50%);\r\n transform: translate(-50%,-50%);\r\n font-size: 25px;\r\n color: #ddd;\r\n .hook-modal-spinner;\r\n}\r\n\r\n.uk-modal-spinner:after {\r\n content: \"\\f110\";\r\n display: block;\r\n font-family: FontAwesome;\r\n -webkit-animation: uk-rotate 2s infinite linear;\r\n animation: uk-rotate 2s infinite linear;\r\n}\r\n\r\n\r\n\/\/ Hooks\r\n\/\/ ========================================================================\r\n\r\n.hook-modal-misc;\r\n\r\n.hook-modal() {}\r\n.hook-modal-dialog() {}\r\n.hook-modal-dialog-lightbox() {}\r\n.hook-modal-header() {}\r\n.hook-modal-footer() {}\r\n.hook-modal-caption() {}\r\n.hook-modal-spinner() {}\r\n.hook-modal-misc() {}\r\n\r\n\/\/ Name: Off-canvas\r\n\/\/ Description: Defines styles for an off-canvas sidebar that slides in and out of the page\r\n\/\/\r\n\/\/ Component: `uk-offcanvas`\r\n\/\/\r\n\/\/ Sub-objects: `uk-offcanvas-page`\r\n\/\/ `uk-offcanvas-bar`\r\n\/\/ `uk-offcanvas-close`\r\n\/\/\r\n\/\/ Modifiers: `uk-offcanvas-bar-flip`\r\n\/\/\r\n\/\/ States: `uk-active`\r\n\/\/\r\n\/\/ Uses: Panel: `uk-panel`\r\n\/\/\r\n\/\/ Markup:\r\n\/\/\r\n\/\/ \r\n\/\/ Open\r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@offcanvas-z-index: 1000;\r\n@offcanvas-background: rgba(0,0,0,0.1);\r\n\r\n@offcanvas-bar-width: 270px;\r\n@offcanvas-bar-background: #333;\r\n\r\n@offcanvas-panel-margin: 20px 15px;\r\n@offcanvas-panel-color: #777;\r\n@offcanvas-panel-link-color: #ccc;\r\n@offcanvas-panel-link-hover-color: #fff;\r\n@offcanvas-panel-title-color: @offcanvas-panel-link-color;\r\n\r\n\r\n\/* ========================================================================\r\n Component: Off-canvas\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * This is the offcanvas overlay and bar container\r\n * 1. Hide by default\r\n * 2. Set fixed position\r\n * 3. Deactivate browser touch actions in IE11\r\n * 4. Mask the background page\r\n *\/\r\n\r\n.uk-offcanvas {\r\n \/* 1 *\/\r\n display: none;\r\n \/* 2 *\/\r\n position: fixed;\r\n top: 0;\r\n right: 0;\r\n bottom: 0;\r\n left: 0;\r\n z-index: @offcanvas-z-index;\r\n \/* 3 *\/\r\n touch-action: none;\r\n \/* 4 *\/\r\n background: @offcanvas-background;\r\n .hook-offcanvas;\r\n}\r\n\r\n.uk-offcanvas.uk-active { display: block; }\r\n\r\n\r\n\/* Sub-object `uk-offcanvas-page`\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * Prepares the whole HTML page to slide-out\r\n * 1. Fix the main page and disallow scrolling\r\n * 2. Side-out transition\r\n * 3. Needed for the transition to work instead of just letting it pop to the side\r\n *\/\r\n\r\n.uk-offcanvas-page {\r\n \/* 1 *\/\r\n position: fixed;\r\n \/* 2 *\/\r\n -webkit-transition: margin-left 0.3s ease-in-out;\r\n transition: margin-left 0.3s ease-in-out;\r\n \/* 3 *\/\r\n margin-left: 0;\r\n}\r\n\r\n\r\n\/* Sub-object `uk-offcanvas-bar`\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * This is the offcanvas bar\r\n * 1. Set fixed position\r\n * 2. Size and style\r\n * 3. Allow scrolling\r\n * 4. Side-out transition\r\n * 5. Deactivate scroll chaining in IE11\r\n *\/\r\n\r\n.uk-offcanvas-bar {\r\n \/* 1 *\/\r\n position: fixed;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n -webkit-transform: translateX(-100%);\r\n transform: translateX(-100%);\r\n z-index: @offcanvas-z-index + 1;\r\n \/* 2 *\/\r\n width: @offcanvas-bar-width;\r\n max-width: 100%;\r\n background: @offcanvas-bar-background;\r\n \/* 3 *\/\r\n overflow-y: auto;\r\n -webkit-overflow-scrolling: touch;\r\n \/* 4 *\/\r\n -webkit-transition: -webkit-transform 0.3s ease-in-out;\r\n transition: transform 0.3s ease-in-out;\r\n \/* 5 *\/\r\n -ms-scroll-chaining: none;\r\n .hook-offcanvas-bar;\r\n}\r\n\r\n.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show {\r\n -webkit-transform: translateX(0%);\r\n transform: translateX(0%);\r\n}\r\n\r\n\/* Modifier `uk-offcanvas-bar-flip`\r\n ========================================================================== *\/\r\n\r\n.uk-offcanvas-bar-flip {\r\n left: auto;\r\n right: 0;\r\n -webkit-transform: translateX(100%);\r\n transform: translateX(100%);\r\n}\r\n\r\n\/* Offcanvase modes\r\n ========================================================================== *\/\r\n.uk-offcanvas-bar[mode='none'] {\r\n -webkit-transition: none;\r\n transition: none;\r\n}\r\n\r\n.uk-offcanvas-bar[mode='reveal']{\r\n -webkit-transform: translateX(0%);\r\n transform: translateX(0%);\r\n clip: rect(0, 0, 100vh, 0);\r\n -webkit-transition: -webkit-transform 0.3s ease-in-out, clip 0.3s ease-in-out;\r\n transition: transform 0.3s ease-in-out, clip 0.3s ease-in-out;\r\n}\r\n\r\n.uk-offcanvas-bar-flip[mode='reveal']{\r\n clip: none;\r\n -webkit-transform: translateX(100%);\r\n transform: translateX(100%);\r\n}\r\n\r\n.uk-offcanvas-bar-flip[mode='reveal'] > * {\r\n -webkit-transform: translateX(-100%);\r\n transform: translateX(-100%);\r\n -webkit-transition: -webkit-transform 0.3s ease-in-out;\r\n transition: transform 0.3s ease-in-out;\r\n}\r\n\r\n.uk-offcanvas.uk-active .uk-offcanvas-bar-flip[mode='reveal'].uk-offcanvas-bar-show > * {\r\n -webkit-transform: translateX(0%);\r\n transform: translateX(0%);\r\n}\r\n\r\n\/* Panel in offcanvas\r\n ========================================================================== *\/\r\n\r\n.uk-offcanvas .uk-panel {\r\n margin: @offcanvas-panel-margin;\r\n color: @offcanvas-panel-color;\r\n .hook-offcanvas-panel;\r\n}\r\n\r\n.uk-offcanvas .uk-panel-title { color: @offcanvas-panel-title-color; }\r\n\r\n.uk-offcanvas .uk-panel a:not([class]) { color: @offcanvas-panel-link-color; }\r\n.uk-offcanvas .uk-panel a:not([class]):hover { color: @offcanvas-panel-link-hover-color; }\r\n\r\n\r\n\/\/ Hooks\r\n\/\/ ========================================================================\r\n\r\n.hook-offcanvas-misc;\r\n\r\n.hook-offcanvas() {}\r\n.hook-offcanvas-bar() {}\r\n.hook-offcanvas-panel() {}\r\n.hook-offcanvas-misc() {}\r\n\r\n\/\/ Name: Switcher\r\n\/\/ Description: Defines styles for the switcher\r\n\/\/\r\n\/\/ Component: `uk-switcher`\r\n\/\/\r\n\/\/ States: `uk-active`\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/* ========================================================================\r\n Component: Switcher\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * 1. Deactivate browser history navigation in IE11\r\n *\/\r\n.uk-switcher {\r\n margin: 0;\r\n padding: 0;\r\n list-style: none;\r\n \/* 1 *\/\r\n touch-action: cross-slide-y pinch-zoom double-tap-zoom;\r\n}\r\n\r\n\/*\r\n * Items\r\n *\/\r\n\r\n.uk-switcher > :not(.uk-active) { display: none; }\r\n\r\n\r\n\/\/ Hooks\r\n\/\/ ========================================================================\r\n\r\n.hook-switcher-misc;\r\n\r\n.hook-switcher-misc() {}\r\n\r\n\/\/ Need to be loaded last\r\n\/\/ Name: Text\r\n\/\/ Description: Collection of useful text utility classes to style your content\r\n\/\/\r\n\/\/ Component: `uk-text-*`\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@text-small-font-size: 11px;\r\n@text-small-line-height: 16px;\r\n@text-large-font-size: 18px;\r\n@text-large-line-height: 24px;\r\n@text-large-font-weight: normal;\r\n\r\n@text-muted-color: #999;\r\n@text-primary-color: #2d7091;\r\n@text-success-color: #659f13;\r\n@text-warning-color: #e28327;\r\n@text-danger-color: #d85030;\r\n@text-contrast-color: #fff;\r\n\r\n\r\n\/* ========================================================================\r\n Component: Text\r\n ========================================================================== *\/\r\n\r\n\/* Size modifiers\r\n ========================================================================== *\/\r\n\r\n.uk-text-small {\r\n font-size: @text-small-font-size;\r\n line-height: @text-small-line-height;\r\n}\r\n\r\n.uk-text-large {\r\n font-size: @text-large-font-size;\r\n line-height: @text-large-line-height;\r\n font-weight: @text-large-font-weight;\r\n}\r\n\r\n\r\n\/* Weight modifiers\r\n ========================================================================== *\/\r\n\r\n.uk-text-bold { font-weight: bold; }\r\n\r\n\r\n\/* Color modifiers\r\n ========================================================================== *\/\r\n\r\n.uk-text-muted { color: @text-muted-color !important; }\r\n.uk-text-primary { color: @text-primary-color !important; }\r\n.uk-text-success { color: @text-success-color !important; }\r\n.uk-text-warning { color: @text-warning-color !important; }\r\n.uk-text-danger { color: @text-danger-color !important; }\r\n.uk-text-contrast { color: @text-contrast-color !important; }\r\n\r\n\r\n\/* Alignment modifiers\r\n ========================================================================== *\/\r\n\r\n.uk-text-left { text-align: left !important; }\r\n.uk-text-right { text-align: right !important; }\r\n.uk-text-center { text-align: center !important; }\r\n.uk-text-justify { text-align: justify !important; }\r\n\r\n.uk-text-top { vertical-align: top !important; }\r\n.uk-text-middle { vertical-align: middle !important; }\r\n.uk-text-bottom { vertical-align: bottom !important; }\r\n\r\n\/* Only tablets portrait and smaller *\/\r\n@media (max-width: @breakpoint-medium-max) {\r\n\r\n .uk-text-center-medium { text-align: center !important; }\r\n .uk-text-left-medium { text-align: left !important; }\r\n\r\n}\r\n\r\n\/* Phone landscape and smaller *\/\r\n@media (max-width: @breakpoint-small-max) {\r\n\r\n .uk-text-center-small { text-align: center !important; }\r\n .uk-text-left-small { text-align: left !important; }\r\n\r\n}\r\n\r\n\r\n\/* Wrap modifiers\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * Prevent text from wrapping onto multiple lines\r\n *\/\r\n\r\n.uk-text-nowrap { white-space: nowrap; }\r\n\r\n\/*\r\n * Prevent text from wrapping onto multiple lines, and truncate with an ellipsis\r\n *\/\r\n\r\n.uk-text-truncate {\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n white-space: nowrap;\r\n}\r\n\r\n\/*\r\n * Break strings if their length exceeds the width of their container\r\n *\/\r\n\r\n.uk-text-break {\r\n word-wrap: break-word;\r\n -webkit-hyphens: auto;\r\n -ms-hyphens: auto;\r\n -moz-hyphens: auto;\r\n hyphens: auto;\r\n}\r\n\r\n\r\n\/* Transform modifiers\r\n ========================================================================== *\/\r\n\r\n.uk-text-capitalize { text-transform: capitalize !important; }\r\n.uk-text-lowercase { text-transform: lowercase !important; }\r\n.uk-text-uppercase { text-transform: uppercase !important; }\r\n\r\n\r\n\/\/ Hooks\r\n\/\/ ========================================================================\r\n\r\n.hook-text-misc;\r\n\r\n.hook-text-misc() {}\r\n\r\n\/\/ Name: Utility\r\n\/\/ Description: Collection of useful utility classes to style your content\r\n\/\/\r\n\/\/ Component: `uk-container-*`\r\n\/\/ `uk-clearfix`\r\n\/\/ `uk-nbfc-*`\r\n\/\/ `uk-float-*`\r\n\/\/ `uk-align-*`\r\n\/\/ `uk-vertical-align-*`\r\n\/\/ `uk-height-*`\r\n\/\/ `uk-responsive-*`\r\n\/\/ `uk-margin-*`\r\n\/\/ `uk-padding-*`\r\n\/\/ `uk-border-*`\r\n\/\/ `uk-heading-*`\r\n\/\/ `uk-link-*`\r\n\/\/ `uk-scrollable-*`\r\n\/\/ `uk-overflow-*`\r\n\/\/ `uk-position-*`\r\n\/\/ `uk-display-*`\r\n\/\/ `uk-visible-*`\r\n\/\/ `uk-hidden-*`\r\n\/\/ `uk-invisible`\r\n\/\/\r\n\/\/ Used by: Overlay\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@utility-container-max-width: 980px;\r\n@utility-container-padding-horizontal: 25px;\r\n\r\n@utility-container-large-max-width: 1200px;\r\n@utility-container-large-padding-horizontal: 35px;\r\n\r\n@utility-align-horizontal: 15px;\r\n@utility-align-vertical: 15px;\r\n\r\n@utility-height-viewport-min-height: 600px;\r\n\r\n@utility-margin: 15px;\r\n@utility-margin-small: 5px;\r\n@utility-margin-large: 50px;\r\n\r\n@utility-border-rounded: 5px;\r\n\r\n@utility-heading-large-small-font-size: 36px;\r\n@utility-heading-large-small-line-height: 42px;\r\n@utility-heading-large-font-size: 52px;\r\n@utility-heading-large-line-height: 64px;\r\n\r\n@utility-link-muted-color: #444;\r\n@utility-link-muted-hover-color: #444;\r\n\r\n@utility-scrollable-text-height: 300px;\r\n\r\n@utility-scrollable-box-height: 170px;\r\n@utility-scrollable-box-padding: 10px;\r\n@utility-scrollable-box-border: #ddd;\r\n@utility-scrollable-box-border-width: 1px;\r\n\r\n\r\n\/* ========================================================================\r\n Component: Utility\r\n ========================================================================== *\/\r\n\r\n\/* Container\r\n ========================================================================== *\/\r\n\r\n.uk-container {\r\n box-sizing: border-box;\r\n max-width: @utility-container-max-width;\r\n padding: 0 @utility-container-padding-horizontal;\r\n .hook-container;\r\n}\r\n\r\n\/* Large screen and bigger *\/\r\n@media (min-width: @breakpoint-xlarge) {\r\n\r\n .uk-container {\r\n max-width: @utility-container-large-max-width;\r\n padding: 0 @utility-container-large-padding-horizontal;\r\n }\r\n\r\n}\r\n\r\n\/*\r\n * Micro clearfix\r\n *\/\r\n\r\n.uk-container:before,\r\n.uk-container:after {\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.uk-container:after { clear: both; }\r\n\r\n\/*\r\n * Center container\r\n *\/\r\n\r\n.uk-container-center {\r\n margin-left: auto;\r\n margin-right: auto;\r\n}\r\n\r\n\r\n\/* Clearing\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * Micro clearfix\r\n* `table-cell` is used with `:before` because `table` creates a 1px gap when it becomes a flex item, only in Webkit\r\n * `table` is used again with `:after` because `clear` only works with block elements.\r\n * Note: `display: block` with `overflow: hidden` is currently not working in the latest Safari\r\n *\/\r\n\r\n.uk-clearfix:before {\r\n content: \"\";\r\n display: table-cell;\r\n}\r\n\r\n.uk-clearfix:after {\r\n content: \"\";\r\n display: table;\r\n clear: both;\r\n}\r\n\r\n\r\n\/*\r\n * Create a new block formatting context\r\n *\/\r\n\r\n.uk-nbfc { overflow: hidden; }\r\n\r\n.uk-nbfc-alt {\r\n display: table-cell;\r\n width: 10000px;\r\n}\r\n\r\n\r\n\/* Alignment of block elements\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * Float blocks\r\n * 1. Prevent content overflow on small devices\r\n *\/\r\n\r\n.uk-float-left { float: left; }\r\n.uk-float-right { float: right; }\r\n\r\n\/* 1 *\/\r\n[class*='uk-float-'] { max-width: 100%; }\r\n\r\n\r\n\/* Alignment of images and objects\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * Alignment\r\n *\/\r\n\r\n[class*='uk-align-'] {\r\n display: block;\r\n margin-bottom: @utility-align-vertical;\r\n}\r\n\r\n.uk-align-left {\r\n margin-right: @utility-align-horizontal;\r\n float: left;\r\n}\r\n\r\n.uk-align-right {\r\n margin-left: @utility-align-horizontal;\r\n float: right;\r\n}\r\n\r\n\/* Tablet and bigger *\/\r\n@media (min-width: @breakpoint-medium) {\r\n\r\n .uk-align-medium-left {\r\n margin-right: @utility-align-horizontal;\r\n float: left;\r\n }\r\n\r\n .uk-align-medium-right {\r\n margin-left: @utility-align-horizontal;\r\n float: right;\r\n }\r\n\r\n}\r\n\r\n.uk-align-center {\r\n margin-left: auto;\r\n margin-right: auto;\r\n}\r\n\r\n\r\n\/* Vertical alignment\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * Remove whitespace between child elements when using `inline-block`\r\n *\/\r\n\r\n.uk-vertical-align { font-size: 0.001px; }\r\n\r\n\/*\r\n * The `uk-vertical-align` container needs a specific height\r\n *\/\r\n\r\n.uk-vertical-align:before {\r\n content: '';\r\n display: inline-block;\r\n height: 100%;\r\n vertical-align: middle;\r\n}\r\n\r\n\/*\r\n * Sub-object which can have any height\r\n * 1. Reset whitespace hack\r\n *\/\r\n\r\n.uk-vertical-align-middle,\r\n.uk-vertical-align-bottom {\r\n display: inline-block;\r\n max-width: 100%;\r\n \/* 1 *\/\r\n font-size: 1rem;\r\n}\r\n\r\n.uk-vertical-align-middle { vertical-align: middle; }\r\n.uk-vertical-align-bottom { vertical-align: bottom; }\r\n\r\n\r\n\/* Height\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * More robust if padding and border are used\r\n *\/\r\n\r\n[class*='uk-height'] { box-sizing: border-box; }\r\n\r\n\/*\r\n * Useful to extend the `html` and `body` element to the full height of the page.\r\n *\/\r\n\r\n.uk-height-1-1 { height: 100%; }\r\n\r\n\/*\r\n * Useful to create image teasers\r\n *\/\r\n\r\n.uk-height-viewport {\r\n height: 100vh;\r\n min-height: @utility-height-viewport-min-height;\r\n}\r\n\r\n\r\n\/* Responsive objects\r\n * Note: Images are already responsive by default, see Base component\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * 1. Corrects `max-width` and `max-height` behavior if padding and border are used\r\n *\/\r\n\r\n.uk-responsive-width,\r\n.uk-responsive-height { box-sizing: border-box; }\r\n\r\n\/*\r\n * Responsiveness: Sets a maximum width relative to the parent and auto scales the height\r\n * `important` needed to override `uk-img-preserve img`\r\n *\/\r\n\r\n.uk-responsive-width {\r\n max-width: 100% !important;\r\n height: auto;\r\n}\r\n\r\n\/*\r\n * Responsiveness: Sets a maximum height relative to the parent and auto scales the width\r\n * Only works if the parent element has a fixed height.\r\n *\/\r\n\r\n.uk-responsive-height {\r\n max-height: 100%;\r\n width: auto;\r\n}\r\n\r\n\r\n\/* Margin\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * Create a block with the same margin of a paragraph\r\n * Add margin if adjacent element\r\n *\/\r\n\r\n.uk-margin { margin-bottom: @utility-margin; }\r\n* + .uk-margin { margin-top: @utility-margin; }\r\n\r\n.uk-margin-top { margin-top: @utility-margin !important; }\r\n.uk-margin-bottom { margin-bottom: @utility-margin !important; }\r\n.uk-margin-left { margin-left: @utility-margin !important; }\r\n.uk-margin-right { margin-right: @utility-margin !important; }\r\n\r\n\/*\r\n * Larger margins\r\n *\/\r\n\r\n.uk-margin-large { margin-bottom: @utility-margin-large; }\r\n* + .uk-margin-large { margin-top: @utility-margin-large; }\r\n\r\n.uk-margin-large-top { margin-top: @utility-margin-large !important; }\r\n.uk-margin-large-bottom { margin-bottom: @utility-margin-large !important; }\r\n.uk-margin-large-left { margin-left: @utility-margin-large !important; }\r\n.uk-margin-large-right { margin-right: @utility-margin-large !important; }\r\n\r\n\/*\r\n * Smaller margins\r\n *\/\r\n\r\n.uk-margin-small { margin-bottom: @utility-margin-small; }\r\n* + .uk-margin-small { margin-top: @utility-margin-small; }\r\n\r\n.uk-margin-small-top { margin-top: @utility-margin-small !important; }\r\n.uk-margin-small-bottom { margin-bottom: @utility-margin-small !important; }\r\n.uk-margin-small-left { margin-left: @utility-margin-small !important; }\r\n.uk-margin-small-right { margin-right: @utility-margin-small !important; }\r\n\r\n\/*\r\n * Remove margins\r\n *\/\r\n\r\n.uk-margin-remove { margin: 0 !important; }\r\n.uk-margin-top-remove { margin-top: 0 !important; }\r\n.uk-margin-bottom-remove { margin-bottom: 0 !important; }\r\n\r\n\r\n\/* Padding\r\n ========================================================================== *\/\r\n\r\n.uk-padding-remove { padding: 0 !important; }\r\n.uk-padding-top-remove { padding-top: 0 !important; }\r\n.uk-padding-bottom-remove { padding-bottom: 0 !important; }\r\n\r\n.uk-padding-vertical-remove {\r\n padding-top: 0 !important;\r\n padding-bottom: 0 !important;\r\n}\r\n\r\n\/* Border\r\n ========================================================================== *\/\r\n\r\n.uk-border-circle { border-radius: 50%; }\r\n.uk-border-rounded { border-radius: @utility-border-rounded; }\r\n\r\n\r\n\/* Headings\r\n ========================================================================== *\/\r\n\r\n.uk-heading-large {\r\n font-size: @utility-heading-large-small-font-size;\r\n line-height: @utility-heading-large-small-line-height;\r\n}\r\n\r\n\/* Tablet and bigger *\/\r\n@media (min-width: @breakpoint-medium) {\r\n\r\n .uk-heading-large {\r\n font-size: @utility-heading-large-font-size;\r\n line-height: @utility-heading-large-line-height;\r\n }\r\n\r\n}\r\n\r\n\r\n\/* Link\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * Let links appear in default text color\r\n *\/\r\n\r\n.uk-link-muted,\r\n.uk-link-muted a { color: @utility-link-muted-color; }\r\n\r\n.uk-link-muted:hover,\r\n.uk-link-muted a:hover { color: @utility-link-muted-hover-color; }\r\n\r\n\/*\r\n * Reset link style\r\n *\/\r\n\r\n.uk-link-reset,\r\n.uk-link-reset a,\r\n.uk-link-reset:hover,\r\n.uk-link-reset a:hover,\r\n.uk-link-reset:focus,\r\n.uk-link-reset a:focus {\r\n color: inherit;\r\n text-decoration: none;\r\n}\r\n\r\n\r\n\/* Scrollable\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * Enable scrolling for preformatted text\r\n *\/\r\n\r\n.uk-scrollable-text {\r\n height: @utility-scrollable-text-height;\r\n overflow-y: scroll;\r\n -webkit-overflow-scrolling: touch;\r\n resize: both;\r\n}\r\n\r\n\/*\r\n * Box with scrolling enabled\r\n *\/\r\n\r\n.uk-scrollable-box {\r\n box-sizing: border-box;\r\n height: @utility-scrollable-box-height;\r\n padding: @utility-scrollable-box-padding;\r\n border: @utility-scrollable-box-border-width solid @utility-scrollable-box-border;\r\n overflow: auto;\r\n -webkit-overflow-scrolling: touch;\r\n resize: both;\r\n .hook-scrollable-box;\r\n}\r\n\r\n.uk-scrollable-box > :last-child { margin-bottom: 0; }\r\n\r\n\r\n\/* Overflow\r\n ========================================================================== *\/\r\n\r\n.uk-overflow-hidden { overflow: hidden; }\r\n\r\n\/*\r\n * Enable scrollbars if content is clipped\r\n *\/\r\n\r\n.uk-overflow-container {\r\n overflow: auto;\r\n -webkit-overflow-scrolling: touch;\r\n}\r\n\r\n.uk-overflow-container > :last-child { margin-bottom: 0; }\r\n\r\n\r\n\/* Position\r\n ========================================================================== *\/\r\n\r\n.uk-position-absolute,\r\n[class*='uk-position-top'],\r\n[class*='uk-position-bottom'] { position: absolute !important; }\r\n\r\n\/* Don't use `width: 100%` because it is wrong if the parent has padding. *\/\r\n.uk-position-top {\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n}\r\n\r\n.uk-position-bottom {\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n}\r\n\r\n.uk-position-top-left {\r\n top: 0;\r\n left: 0;\r\n}\r\n\r\n.uk-position-top-right {\r\n top: 0;\r\n right: 0;\r\n}\r\n\r\n.uk-position-bottom-left {\r\n bottom: 0;\r\n left: 0;\r\n}\r\n\r\n.uk-position-bottom-right {\r\n bottom: 0;\r\n right: 0;\r\n}\r\n\r\n\/*\r\n * Cover\r\n *\/\r\n\r\n.uk-position-cover {\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n}\r\n\r\n\/*\r\n * Relative\r\n *\/\r\n\r\n.uk-position-relative { position: relative !important; }\r\n\r\n\/*\r\n * Z-index\r\n *\/\r\n\r\n.uk-position-z-index { z-index: 1; }\r\n\r\n\r\n\/* Display\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * Display\r\n * 1. Required if child is a responsive image\r\n *\/\r\n\r\n.uk-display-block { display: block !important; }\r\n.uk-display-inline { display: inline !important; }\r\n\r\n.uk-display-inline-block {\r\n display: inline-block !important;\r\n \/* 1 *\/\r\n max-width: 100%;\r\n}\r\n\r\n\/*\r\n * Visibility\r\n * Avoids setting display to `block` so it works also with `inline-block` and `table`\r\n *\/\r\n\r\n\/* Desktop and bigger *\/\r\n@media (min-width: @breakpoint-large) {\r\n\r\n .uk-visible-small { display: none !important; }\r\n .uk-visible-medium { display: none !important; }\r\n .uk-hidden-large { display: none !important; }\r\n\r\n}\r\n\r\n\/* Tablets portrait *\/\r\n@media (min-width: @breakpoint-medium) and (max-width: @breakpoint-medium-max) {\r\n\r\n .uk-visible-small { display: none !important; }\r\n .uk-visible-large { display: none !important ; }\r\n .uk-hidden-medium { display: none !important; }\r\n\r\n}\r\n\r\n\/* Phone landscape and smaller*\/\r\n@media (max-width: @breakpoint-small-max) {\r\n\r\n .uk-visible-medium { display: none !important; }\r\n .uk-visible-large { display: none !important; }\r\n .uk-hidden-small { display: none !important; }\r\n\r\n}\r\n\r\n\/* Remove from the flow and screen readers on any device *\/\r\n.uk-hidden {\r\n display: none !important;\r\n visibility: hidden !important;\r\n}\r\n\r\n\/* It's hidden, but still affects layout *\/\r\n.uk-invisible { visibility: hidden !important; }\r\n\r\n\/* Show on hover *\/\r\n.uk-visible-hover:hover .uk-hidden,\r\n.uk-visible-hover:hover .uk-invisible {\r\n display: block !important;\r\n visibility: visible !important;\r\n}\r\n\r\n.uk-visible-hover-inline:hover .uk-hidden,\r\n.uk-visible-hover-inline:hover .uk-invisible {\r\n display: inline-block !important;\r\n visibility: visible !important;\r\n}\r\n\r\n\/* Hide on touch *\/\r\n.uk-touch .uk-hidden-touch,\r\n.uk-notouch .uk-hidden-notouch { display: none !important; }\r\n\r\n\r\n\/\/ Hooks\r\n\/\/ ========================================================================\r\n\r\n.hook-utility-misc;\r\n\r\n.hook-container() {}\r\n.hook-scrollable-box() {}\r\n.hook-utility-misc() {}\r\n\r\n\/\/ Name: Flex\r\n\/\/ Description: Defines styles to create layouts with flexbox\r\n\/\/\r\n\/\/ Component: `uk-flex-*`\r\n\/\/\r\n\/\/ Used by: Caption\r\n\/\/\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/* ========================================================================\r\n Component: Flex\r\n ========================================================================== *\/\r\n\r\n.uk-flex {\r\n display: -ms-flexbox;\r\n display: -webkit-flex;\r\n display: flex;\r\n}\r\n\r\n.uk-flex-inline {\r\n display: -ms-inline-flexbox;\r\n display: -webkit-inline-flex;\r\n display: inline-flex;\r\n}\r\n\r\n\/*\r\n * Fixes initial flex-shrink value in IE10\r\n *\/\r\n\r\n.uk-flex > *,\r\n.uk-flex-inline > * { -ms-flex-negative: 1; }\r\n\r\n\r\n\/* Alignment\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * Vertical alignment\r\n * Default value is `stretch`\r\n *\/\r\n\r\n\/\/ .uk-flex-stretch { align-items: stretch; }\r\n\r\n.uk-flex-top {\r\n -ms-flex-align: start;\r\n -webkit-align-items: flex-start;\r\n align-items: flex-start;\r\n}\r\n\r\n.uk-flex-middle {\r\n -ms-flex-align: center;\r\n -webkit-align-items: center;\r\n align-items: center;\r\n}\r\n\r\n.uk-flex-bottom {\r\n -ms-flex-align: end;\r\n -webkit-align-items: flex-end;\r\n align-items: flex-end;\r\n}\r\n\r\n\/*\r\n * Horizontal alignment\r\n * Default value is `flex-start`\r\n *\/\r\n\r\n\/\/ .uk-flex-left { justify-content: flex-start; }\r\n\r\n.uk-flex-center {\r\n -ms-flex-pack: center;\r\n -webkit-justify-content: center;\r\n justify-content: center;\r\n}\r\n\r\n.uk-flex-right {\r\n -ms-flex-pack: end;\r\n -webkit-justify-content: flex-end;\r\n justify-content: flex-end;\r\n}\r\n\r\n.uk-flex-space-between {\r\n -ms-flex-pack: justify;\r\n -webkit-justify-content: space-between;\r\n justify-content: space-between;\r\n}\r\n\r\n.uk-flex-space-around {\r\n -ms-flex-pack: distribute;\r\n -webkit-justify-content: space-around;\r\n justify-content: space-around;\r\n}\r\n\r\n\r\n\/* Direction\r\n ========================================================================== *\/\r\n\r\n\/\/ .uk-flex-row { flex-direction: row; }\r\n\r\n.uk-flex-row-reverse {\r\n -ms-flex-direction: row-reverse;\r\n -webkit-flex-direction: row-reverse;\r\n flex-direction: row-reverse;\r\n}\r\n\r\n.uk-flex-column {\r\n -ms-flex-direction: column;\r\n -webkit-flex-direction: column;\r\n flex-direction: column;\r\n}\r\n\r\n.uk-flex-column-reverse {\r\n -ms-flex-direction: column-reverse;\r\n -webkit-flex-direction: column-reverse;\r\n flex-direction: column-reverse;\r\n}\r\n\r\n\r\n\/* Wrap\r\n ========================================================================== *\/\r\n\r\n\/\/ Default\r\n.uk-flex-nowrap {\r\n -ms-flex-wrap: nowrap;\r\n -webkit-flex-wrap: nowrap;\r\n flex-wrap: nowrap;\r\n}\r\n\r\n.uk-flex-wrap {\r\n -ms-flex-wrap: wrap;\r\n -webkit-flex-wrap: wrap;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.uk-flex-wrap-reverse {\r\n -ms-flex-wrap: wrap-reverse;\r\n -webkit-flex-wrap: wrap-reverse;\r\n flex-wrap: wrap-reverse;\r\n}\r\n\r\n\/*\r\n * Horizontal alignment\r\n * Default value is `stretch`\r\n *\/\r\n\r\n\/\/ .uk-flex-wrap-stretch { align-content: stretch; }\r\n\r\n.uk-flex-wrap-top {\r\n -ms-flex-line-pack: start;\r\n -webkit-align-content: flex-start;\r\n align-content: flex-start;\r\n}\r\n\r\n.uk-flex-wrap-middle {\r\n -ms-flex-line-pack: center;\r\n -webkit-align-content: center;\r\n align-content: center;\r\n}\r\n\r\n.uk-flex-wrap-bottom {\r\n -ms-flex-line-pack: end;\r\n -webkit-align-content: flex-end;\r\n align-content: flex-end;\r\n}\r\n\r\n.uk-flex-wrap-space-between {\r\n -ms-flex-line-pack: justify;\r\n -webkit-align-content: space-between;\r\n align-content: space-between;\r\n}\r\n\r\n.uk-flex-wrap-space-around {\r\n -ms-flex-line-pack: distribute;\r\n -webkit-align-content: space-around;\r\n align-content: space-around;\r\n}\r\n\r\n\r\n\/* Item ordering\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * Default is 0\r\n *\/\r\n\r\n.uk-flex-order-first {\r\n -ms-flex-order: -1;\r\n -webkit-order: -1;\r\n order: -1;\r\n}\r\n\r\n.uk-flex-order-last {\r\n -ms-flex-order: 99;\r\n -webkit-order: 99;\r\n order: 99;\r\n}\r\n\r\n\r\n\/* Phone landscape and bigger *\/\r\n@media (min-width: @breakpoint-small) {\r\n\r\n .uk-flex-order-first-small {\r\n -ms-flex-order: -1;\r\n -webkit-order: -1;\r\n order: -1;\r\n }\r\n\r\n .uk-flex-order-last-small {\r\n -ms-flex-order: 99;\r\n -webkit-order: 99;\r\n order: 99;\r\n }\r\n\r\n}\r\n\r\n\/* Tablet and bigger *\/\r\n@media (min-width: @breakpoint-medium) {\r\n\r\n .uk-flex-order-first-medium {\r\n -ms-flex-order: -1;\r\n -webkit-order: -1;\r\n order: -1;\r\n }\r\n\r\n .uk-flex-order-last-medium {\r\n -ms-flex-order: 99;\r\n -webkit-order: 99;\r\n order: 99;\r\n }\r\n\r\n}\r\n\r\n\/* Desktop and bigger *\/\r\n@media (min-width: @breakpoint-large) {\r\n\r\n .uk-flex-order-first-large {\r\n -ms-flex-order: -1;\r\n -webkit-order: -1;\r\n order: -1;\r\n }\r\n\r\n .uk-flex-order-last-large {\r\n -ms-flex-order: 99;\r\n -webkit-order: 99;\r\n order: 99;\r\n }\r\n\r\n}\r\n\r\n\/* Large screen and bigger *\/\r\n@media (min-width: @breakpoint-xlarge) {\r\n\r\n .uk-flex-order-first-xlarge {\r\n -ms-flex-order: -1;\r\n -webkit-order: -1;\r\n order: -1;\r\n }\r\n\r\n .uk-flex-order-last-xlarge {\r\n -ms-flex-order: 99;\r\n -webkit-order: 99;\r\n order: 99;\r\n }\r\n\r\n}\r\n\r\n\r\n\r\n\/* Item dimensions\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * Initial: 0 1 auto\r\n * Content dimensions, but shrinks\r\n *\/\r\n\r\n\/*\r\n * No Flex: 0 0 auto\r\n * Content dimensions\r\n *\/\r\n\r\n.uk-flex-item-none {\r\n -ms-flex: none;\r\n -webkit-flex: none;\r\n flex: none;\r\n}\r\n\r\n\/*\r\n * Relative Flex: 1 1 auto\r\n * Space is allocated considering content\r\n * 1. Fixes flex-shrink value in IE10\r\n *\/\r\n\r\n.uk-flex-item-auto {\r\n -ms-flex: auto;\r\n -webkit-flex: auto;\r\n flex: auto;\r\n \/* 1 *\/\r\n -ms-flex-negative: 1;\r\n}\r\n\r\n\/*\r\n * Absolute Flex: 1 1 0%\r\n * Space is allocated solely based on flex\r\n *\/\r\n\r\n.uk-flex-item-1 {\r\n -ms-flex: 1;\r\n -webkit-flex: 1;\r\n flex: 1;\r\n}\r\n\r\n\r\n\/\/ Hooks\r\n\/\/ ========================================================================\r\n\r\n.hook-flex-misc;\r\n\r\n.hook-flex-misc() {}\r\n\/\/ Name: Contrast\r\n\/\/ Description: Utility class to adjust colors for dark or colored blocks\r\n\/\/\r\n\/\/ Component: `uk-contrast`\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@contrast-color: #fff;\r\n@contrast-inverted-color: #444;\r\n\r\n\/\/\r\n\/\/ Components\r\n\/\/\r\n\r\n@contrast-base-color: @contrast-color;\r\n\r\n@contrast-base-link-color: fade(@contrast-color, 70%);\r\n@contrast-base-link-text-decoration: none;\r\n@contrast-base-link-hover-color: @contrast-color;\r\n@contrast-base-link-hover-text-decoration: underline;\r\n\r\n@contrast-base-code-color: @contrast-color;\r\n@contrast-base-em-color: @contrast-color;\r\n\r\n@contrast-base-heading-color: @contrast-color;\r\n\r\n@contrast-base-hr-border: fade(@contrast-color, 20%);\r\n\r\n@contrast-nav-side-color: @contrast-color;\r\n@contrast-nav-side-hover-background: fade(@contrast-color, 10%);\r\n@contrast-nav-side-hover-color: @contrast-color;\r\n@contrast-nav-side-active-background: @contrast-color;\r\n@contrast-nav-side-active-color: @contrast-inverted-color;\r\n@contrast-nav-side-header-color: @contrast-color;\r\n@contrast-nav-side-divider-border: fade(@contrast-color, 20%);\r\n@contrast-nav-side-nested-color: fade(@contrast-color, 70%);\r\n@contrast-nav-side-nested-hover-color: @contrast-color;\r\n\r\n@contrast-subnav-color: fade(@contrast-color, 70%);\r\n@contrast-subnav-hover-color: @contrast-color;\r\n@contrast-subnav-hover-text-decoration: none;\r\n@contrast-subnav-active-color: @contrast-color;\r\n\r\n@contrast-subnav-line-border: fade(@contrast-color, 20%);\r\n\r\n@contrast-subnav-pill-hover-background: fade(@contrast-color, 70%);\r\n@contrast-subnav-pill-hover-color: @contrast-inverted-color;\r\n@contrast-subnav-pill-active-background: @contrast-color;\r\n@contrast-subnav-pill-active-color: @contrast-inverted-color;\r\n\r\n@contrast-tab-border: fade(@contrast-color, 20%);\r\n@contrast-tab-color: fade(@contrast-color, 70%);\r\n@contrast-tab-hover-border: fade(@contrast-color, 70%);\r\n@contrast-tab-hover-background: fade(@contrast-color, 70%);\r\n@contrast-tab-hover-color: @contrast-inverted-color;\r\n@contrast-tab-active-border: fade(@contrast-color, 20%);\r\n@contrast-tab-active-background: @contrast-color;\r\n@contrast-tab-active-color: @contrast-inverted-color;\r\n\r\n@contrast-list-line-border: fade(@contrast-color, 20%);\r\n\r\n@contrast-form-border: fade(@contrast-color, 80%);\r\n@contrast-form-background: fade(@contrast-color, 80%);\r\n@contrast-form-color: @contrast-inverted-color;\r\n@contrast-form-focus-border: @contrast-color;\r\n@contrast-form-focus-background: @contrast-color;\r\n@contrast-form-focus-color: @contrast-inverted-color;\r\n\r\n@contrast-form-placeholder-color: fade(@contrast-inverted-color, 70%);\r\n\r\n@contrast-button-background: @contrast-color;\r\n@contrast-button-color: @contrast-inverted-color;\r\n@contrast-button-hover-background: fade(@contrast-color, 80%);\r\n@contrast-button-hover-color: @contrast-inverted-color;\r\n@contrast-button-active-background: fade(@contrast-color, 70%);\r\n@contrast-button-active-color: @contrast-inverted-color;\r\n\r\n@contrast-button-primary-background: #00a8e6;\r\n@contrast-button-primary-color: @contrast-color;\r\n@contrast-button-primary-hover-background: #35b3ee;\r\n@contrast-button-primary-hover-color: @contrast-color;\r\n@contrast-button-primary-active-background: #0091ca;\r\n@contrast-button-primary-active-color: @contrast-color;\r\n\r\n@contrast-icon-hover-color: fade(@contrast-color, 70%);\r\n@contrast-icon-hover-hover-color: @contrast-color;\r\n\r\n@contrast-icon-button-background: @contrast-color;\r\n@contrast-icon-button-color: @contrast-inverted-color;\r\n@contrast-icon-button-hover-background: fade(@contrast-color, 80%);\r\n@contrast-icon-button-hover-color: @contrast-inverted-color;\r\n@contrast-icon-button-active-background: fade(@contrast-color, 70%);\r\n@contrast-icon-button-active-color: @contrast-inverted-color;\r\n\r\n@contrast-text-muted-color: fade(@contrast-color, 60%);\r\n@contrast-text-primary-color: #2d7091;\r\n\r\n\r\n\/* ========================================================================\r\n Component: Contrast\r\n ========================================================================== *\/\r\n\r\n.uk-contrast {\r\n\r\n color: @contrast-base-color;\r\n\r\n \/\/ Base\r\n \/\/ ========================================================================\r\n\r\n \/\/\r\n \/\/ Link\r\n \/\/\r\n\r\n a:not([class]),\r\n .uk-link {\r\n color: @contrast-base-link-color;\r\n text-decoration: @contrast-base-link-text-decoration;\r\n }\r\n\r\n a:not([class]):hover,\r\n .uk-link:hover {\r\n color: @contrast-base-link-hover-color;\r\n text-decoration: @contrast-base-link-hover-text-decoration;\r\n }\r\n\r\n \/\/\r\n \/\/ Code\r\n \/\/\r\n\r\n :not(pre) > code,\r\n :not(pre) > kbd,\r\n :not(pre) > samp {\r\n color: @contrast-base-code-color;\r\n .hook-contrast-base-code;\r\n }\r\n\r\n \/\/\r\n \/\/ Emphasize\r\n \/\/\r\n\r\n em { color: @contrast-base-em-color; }\r\n\r\n \/\/\r\n \/\/ Headings\r\n \/\/\r\n\r\n h1, h2, h3, h4, h5, h6 { color: @contrast-base-heading-color; }\r\n\r\n \/\/\r\n \/\/ Horizontal rules\r\n \/\/\r\n\r\n hr { border-top-color: @contrast-base-hr-border; }\r\n\r\n\r\n \/\/ Nav\r\n \/\/ ========================================================================\r\n\r\n .uk-nav li > a,\r\n .uk-nav li > a:hover { text-decoration: none; }\r\n\r\n \/\/\r\n \/\/ Nav Site\r\n \/\/\r\n\r\n .uk-nav-side > li > a {\r\n color: @contrast-nav-side-color;\r\n .hook-contrast-nav-side;\r\n }\r\n\r\n .uk-nav-side > li > a:hover,\r\n .uk-nav-side > li > a:focus {\r\n background: @contrast-nav-side-hover-background;\r\n color: @contrast-nav-side-hover-color;\r\n .hook-contrast-nav-side-hover;\r\n }\r\n\r\n .uk-nav-side > li.uk-active > a {\r\n background: @contrast-nav-side-active-background;\r\n color: @contrast-nav-side-active-color;\r\n .hook-contrast-nav-side-active;\r\n }\r\n\r\n \/\/ Nav header\r\n .uk-nav-side .uk-nav-header {\r\n color: @contrast-nav-side-header-color;\r\n .hook-contrast-nav-side-header;\r\n }\r\n\r\n \/\/ Nav divider\r\n .uk-nav-side .uk-nav-divider {\r\n border-top-color: @contrast-nav-side-divider-border;\r\n .hook-contrast-nav-side-divider;\r\n }\r\n\r\n \/\/ Nested items\r\n .uk-nav-side ul a { color: @contrast-nav-side-nested-color; }\r\n .uk-nav-side ul a:hover { color: @contrast-nav-side-nested-hover-color; }\r\n\r\n\r\n \/\/ Subnav\r\n \/\/ ========================================================================\r\n\r\n .uk-subnav > * > a {\r\n color: @contrast-subnav-color;\r\n text-decoration: none;\r\n .hook-contrast-subnav;\r\n }\r\n\r\n .uk-subnav > * > a:hover,\r\n .uk-subnav > * > a:focus {\r\n color: @contrast-subnav-hover-color;\r\n text-decoration: @contrast-subnav-hover-text-decoration;\r\n .hook-contrast-subnav-hover;\r\n }\r\n\r\n .uk-subnav > .uk-active > a {\r\n color: @contrast-subnav-active-color;\r\n .hook-contrast-subnav-active;\r\n }\r\n\r\n \/\/\r\n \/\/ Subnav line\r\n \/\/\r\n\r\n .uk-subnav-line > :nth-child(n+2):before {\r\n border-left-color: @contrast-subnav-line-border;\r\n .hook-contrast-subnav-line-divider;\r\n }\r\n\r\n \/\/\r\n \/\/ Subnav pill\r\n \/\/\r\n\r\n .uk-subnav-pill > * > a:hover,\r\n .uk-subnav-pill > * > a:focus {\r\n background: @contrast-subnav-pill-hover-background;\r\n color: @contrast-subnav-pill-hover-color;\r\n text-decoration: none;\r\n .hook-contrast-subnav-pill-hover;\r\n }\r\n\r\n .uk-subnav-pill > .uk-active > a {\r\n background: @contrast-subnav-pill-active-background;\r\n color: @contrast-subnav-pill-active-color;\r\n .hook-contrast-subnav-pill-active;\r\n }\r\n\r\n\r\n \/\/ Tab\r\n \/\/ ========================================================================\r\n\r\n .uk-tab { border-bottom-color: @contrast-tab-border; }\r\n\r\n .uk-tab > li > a {\r\n border-color: transparent;\r\n color: @contrast-tab-color;\r\n .hook-contrast-tab;\r\n }\r\n\r\n .uk-tab > li > a:hover,\r\n .uk-tab > li > a:focus,\r\n .uk-tab > li.uk-open > a {\r\n border-color: @contrast-tab-hover-border;\r\n background: @contrast-tab-hover-background;\r\n color: @contrast-tab-hover-color;\r\n text-decoration: none;\r\n .hook-contrast-tab-hover;\r\n }\r\n\r\n \/* Active *\/\r\n .uk-tab > li.uk-active > a {\r\n border-color: @contrast-tab-active-border;\r\n border-bottom-color: transparent;\r\n background: @contrast-tab-active-background;\r\n color: @contrast-tab-active-color;\r\n .hook-contrast-tab-active;\r\n }\r\n\r\n \/\/\r\n \/\/ Tab center\r\n \/\/\r\n\r\n .uk-tab-center { border-bottom-color: @contrast-tab-border; }\r\n\r\n \/\/\r\n \/\/ Tab grid\r\n \/\/\r\n\r\n .uk-tab-grid:before { border-top-color: @contrast-tab-border; }\r\n\r\n\r\n \/\/ List\r\n \/\/ ========================================================================\r\n\r\n .uk-list-line > li:nth-child(n+2) {\r\n border-top-color: @contrast-list-line-border;\r\n .hook-contrast-list-line;\r\n }\r\n\r\n\r\n \/\/ Form\r\n \/\/ ========================================================================\r\n\r\n .uk-form select,\r\n .uk-form textarea,\r\n .uk-form input:not([type]),\r\n .uk-form input[type=\"text\"],\r\n .uk-form input[type=\"password\"],\r\n .uk-form input[type=\"datetime\"],\r\n .uk-form input[type=\"datetime-local\"],\r\n .uk-form input[type=\"date\"],\r\n .uk-form input[type=\"month\"],\r\n .uk-form input[type=\"time\"],\r\n .uk-form input[type=\"week\"],\r\n .uk-form input[type=\"number\"],\r\n .uk-form input[type=\"email\"],\r\n .uk-form input[type=\"url\"],\r\n .uk-form input[type=\"search\"],\r\n .uk-form input[type=\"tel\"],\r\n .uk-form input[type=\"color\"] {\r\n border-color: @contrast-form-border;\r\n background: @contrast-form-background;\r\n color: @contrast-form-color;\r\n background-clip: padding-box;\r\n .hook-contrast-form;\r\n\r\n &:focus {\r\n border-color: @contrast-form-focus-border;\r\n background: @contrast-form-focus-background;\r\n color: @contrast-form-focus-color;\r\n .hook-contrast-form-focus;\r\n }\r\n }\r\n\r\n \/\/\r\n \/\/ Placeholder\r\n \/\/\r\n\r\n .uk-form :-ms-input-placeholder { color: @contrast-form-placeholder-color !important; }\r\n .uk-form ::-moz-placeholder { color: @contrast-form-placeholder-color; }\r\n .uk-form ::-webkit-input-placeholder { color: @contrast-form-placeholder-color; }\r\n\r\n\r\n \/\/ Button\r\n \/\/ ========================================================================\r\n\r\n .uk-button {\r\n color: @contrast-button-color;\r\n background: @contrast-button-background;\r\n .hook-contrast-button;\r\n }\r\n\r\n .uk-button:hover,\r\n .uk-button:focus {\r\n background-color: @contrast-button-hover-background;\r\n color: @contrast-button-hover-color;\r\n .hook-contrast-button-hover;\r\n }\r\n\r\n .uk-button:active,\r\n .uk-button.uk-active {\r\n background-color: @contrast-button-active-background;\r\n color: @contrast-button-active-color;\r\n .hook-contrast-button-active;\r\n }\r\n\r\n \/\/\r\n \/\/ Button primary\r\n \/\/\r\n\r\n .uk-button-primary {\r\n background-color: @contrast-button-primary-background;\r\n color: @contrast-button-primary-color;\r\n .hook-contrast-button-primary;\r\n }\r\n\r\n .uk-button-primary:hover,\r\n .uk-button-primary:focus {\r\n background-color: @contrast-button-primary-hover-background;\r\n color: @contrast-button-primary-hover-color;\r\n .hook-contrast-button-primary-hover;\r\n }\r\n\r\n .uk-button-primary:active,\r\n .uk-button-primary.uk-active {\r\n background-color: @contrast-button-primary-active-background;\r\n color: @contrast-button-primary-active-color;\r\n .hook-contrast-button-primary-active;\r\n }\r\n\r\n\r\n \/\/ Icon\r\n \/\/ ========================================================================\r\n\r\n \/\/\r\n \/\/ Icon hover\r\n \/\/\r\n\r\n .uk-icon-hover {\r\n color: @contrast-icon-hover-color;\r\n .hook-contrast-icon-hover;\r\n }\r\n\r\n .uk-icon-hover:hover {\r\n color: @contrast-icon-hover-hover-color;\r\n .hook-contrast-icon-hover-hover;\r\n }\r\n\r\n \/\/\r\n \/\/ Icon button\r\n \/\/\r\n\r\n .uk-icon-button {\r\n background: @contrast-icon-button-background;\r\n color: @contrast-icon-button-color;\r\n .hook-contrast-icon-button;\r\n }\r\n\r\n .uk-icon-button:hover,\r\n .uk-icon-button:focus {\r\n background-color: @contrast-icon-button-hover-background;\r\n color: @contrast-icon-button-hover-color;\r\n .hook-contrast-icon-button-hover;\r\n }\r\n\r\n .uk-icon-button:active {\r\n background-color: @contrast-icon-button-active-background;\r\n color: @contrast-icon-button-active-color;\r\n .hook-contrast-icon-button-active;\r\n }\r\n\r\n\r\n \/\/ Text\r\n \/\/ ========================================================================\r\n\r\n .uk-text-muted { color: @contrast-text-muted-color !important; }\r\n .uk-text-primary { color: @contrast-text-primary-color !important; }\r\n\r\n\r\n \/\/ Misc hook\r\n \/\/ ========================================================================\r\n\r\n .hook-contrast-misc;\r\n\r\n}\r\n\r\n\r\n\/\/ Hooks\r\n\/\/ ========================================================================\r\n\r\n.hook-contrast-base-code() {}\r\n\r\n.hook-contrast-nav-side() {}\r\n.hook-contrast-nav-side-hover() {}\r\n.hook-contrast-nav-side-active() {}\r\n.hook-contrast-nav-side-header() {}\r\n.hook-contrast-nav-side-divider() {}\r\n\r\n.hook-contrast-subnav() {}\r\n.hook-contrast-subnav-hover() {}\r\n.hook-contrast-subnav-active() {}\r\n.hook-contrast-subnav-line-divider() {}\r\n.hook-contrast-subnav-pill-hover() {}\r\n.hook-contrast-subnav-pill-active() {}\r\n\r\n.hook-contrast-tab() {}\r\n.hook-contrast-tab-hover() {}\r\n.hook-contrast-tab-active() {}\r\n\r\n.hook-contrast-list-line() {}\r\n\r\n.hook-contrast-form() {}\r\n.hook-contrast-form-focus() {}\r\n\r\n.hook-contrast-button() {}\r\n.hook-contrast-button-hover() {}\r\n.hook-contrast-button-active() {}\r\n.hook-contrast-button-primary() {}\r\n.hook-contrast-button-primary-hover() {}\r\n.hook-contrast-button-primary-active() {}\r\n\r\n.hook-contrast-icon-hover() {}\r\n.hook-contrast-icon-hover-hover() {}\r\n.hook-contrast-icon-button() {}\r\n.hook-contrast-icon-button-hover() {}\r\n.hook-contrast-icon-button-active() {}\r\n\r\n.hook-contrast-misc() {}\r\n\/\/ Name: Print\r\n\/\/ Description: Optimize page for printing\r\n\/\/\r\n\/\/ Adapted from http:\/\/github.com\/h5bp\/html5-boilerplate\r\n\/\/\r\n\/\/ Modifications: Removed link `href` and `title` related rules\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/* ========================================================================\r\n Component: Print\r\n ========================================================================== *\/\r\n\r\n@media print {\r\n\r\n *,\r\n *:before,\r\n *:after {\r\n background: transparent !important;\r\n color: black !important;\r\n box-shadow: none !important;\r\n text-shadow: none !important;\r\n }\r\n\r\n a,\r\n a:visited { text-decoration: underline; }\r\n\r\n pre,\r\n blockquote {\r\n border: 1px solid #999;\r\n page-break-inside: avoid;\r\n }\r\n\r\n thead { display: table-header-group; }\r\n\r\n tr,\r\n img { page-break-inside: avoid; }\r\n\r\n img { max-width: 100% !important; }\r\n\r\n @page { margin: 0.5cm; }\r\n\r\n p,\r\n h2,\r\n h3 {\r\n orphans: 3;\r\n widows: 3;\r\n }\r\n\r\n h2,\r\n h3 { page-break-after: avoid; }\r\n\r\n .hook-print;\r\n\r\n}\r\n\r\n\/\/ Hooks\r\n\/\/ ========================================================================\r\n\r\n.hook-print() {}\r\n\r\n\r\n\r\n@icon-font-path: \"..\/..\/fonts\";\r\n\r\n\/\/ Components: Navs\r\n\/\/ Name: Dotnav\r\n\/\/ Description: Defines styles for a dot navigation\r\n\/\/\r\n\/\/ Component: `uk-dotnav`\r\n\/\/\r\n\/\/ Modifier: `uk-dotnav-contrast`\r\n\/\/ `uk-dotnav-vertical`\r\n\/\/\r\n\/\/ States: `uk-active`\r\n\/\/\r\n\/\/ Markup:\r\n\/\/\r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@dotnav-margin-horizontal: 15px;\r\n@dotnav-margin-vertical: @dotnav-margin-horizontal;\r\n\r\n@dotnav-width: 20px;\r\n@dotnav-height: @dotnav-width;\r\n@dotnav-background: rgba(50,50,50,0.1);\r\n\r\n@dotnav-hover-background: rgba(50,50,50,0.4);\r\n@dotnav-onclick-background: rgba(50,50,50,0.6);\r\n@dotnav-active-background: rgba(50,50,50,0.4);\r\n\r\n@dotnav-contrast-background: rgba(255,255,255,0.4);\r\n@dotnav-contrast-hover-background: rgba(255,255,255,0.7);\r\n@dotnav-contrast-onclick-background: rgba(255,255,255,0.9);\r\n@dotnav-contrast-active-background: rgba(255,255,255,0.9);\r\n\r\n\r\n\/* ========================================================================\r\n Component: Dotnav\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * 1. Gutter\r\n * 2. Remove default list style\r\n *\/\r\n\r\n.uk-dotnav {\r\n display: -ms-flexbox;\r\n display: -webkit-flex;\r\n display: flex;\r\n -ms-flex-wrap: wrap;\r\n -webkit-flex-wrap: wrap;\r\n flex-wrap: wrap;\r\n \/* 1 *\/\r\n margin-left: -@dotnav-margin-horizontal;\r\n margin-top: -@dotnav-margin-vertical;\r\n \/* 2 *\/\r\n padding: 0;\r\n list-style: none;\r\n}\r\n\r\n\/*\r\n * 1. Space is allocated solely based on content dimensions\r\n * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be applied\r\n *\/\r\n\r\n.uk-dotnav > * {\r\n \/* 1 *\/\r\n -ms-flex: none;\r\n -webkit-flex: none;\r\n flex: none;\r\n \/* 2 *\/\r\n padding-left: @dotnav-margin-horizontal;\r\n margin-top: @dotnav-margin-vertical;\r\n}\r\n\r\n\/*\r\n * DEPRECATED IE9 Support\r\n *\/\r\n\r\n.uk-dotnav:before,\r\n.uk-dotnav:after {\r\n content: \"\";\r\n display: block;\r\n overflow: hidden;\r\n}\r\n\r\n.uk-dotnav:after { clear: both; }\r\n\r\n.uk-dotnav > * { float: left; }\r\n\r\n\r\n\/* Items\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * Items\r\n * 1. Hide text if present\r\n *\/\r\n\r\n.uk-dotnav > * > * {\r\n display: block;\r\n box-sizing: content-box;\r\n width: @dotnav-width;\r\n height: @dotnav-height;\r\n border-radius: 50%;\r\n background: @dotnav-background;\r\n \/* 1 *\/\r\n text-indent: 100%;\r\n overflow: hidden;\r\n white-space: nowrap;\r\n .hook-dotnav-item;\r\n}\r\n\r\n\/*\r\n * Hover\r\n * 1. Apply hover style also to focus state\r\n * 2. Remove default focus style\r\n *\/\r\n\r\n.uk-dotnav > * > :hover,\r\n.uk-dotnav > * > :focus { \/\/ 1\r\n background: @dotnav-hover-background;\r\n \/* 2 *\/\r\n outline: none;\r\n .hook-dotnav-item-hover;\r\n}\r\n\r\n\/* OnClick *\/\r\n.uk-dotnav > * > :active {\r\n background: @dotnav-onclick-background;\r\n .hook-dotnav-item-onclick;\r\n}\r\n\r\n\/* Active *\/\r\n.uk-dotnav > .uk-active > * {\r\n background: @dotnav-active-background;\r\n .hook-dotnav-item-active;\r\n}\r\n\r\n\r\n\/* Modifier: `uk-dotnav-contrast`\r\n ========================================================================== *\/\r\n\r\n.uk-dotnav-contrast > * > * {\r\n background: @dotnav-contrast-background;\r\n .hook-dotnav-contrast-item;\r\n}\r\n\r\n\/*\r\n * Hover\r\n * 1. Apply hover style also to focus state\r\n *\/\r\n\r\n.uk-dotnav-contrast > * > :hover,\r\n.uk-dotnav-contrast > * > :focus { \/\/ 1\r\n background: @dotnav-contrast-hover-background;\r\n .hook-dotnav-contrast-item-hover;\r\n}\r\n\r\n\/* OnClick *\/\r\n.uk-dotnav-contrast > * > :active {\r\n background: @dotnav-contrast-onclick-background;\r\n .hook-dotnav-contrast-item-onclick;\r\n}\r\n\r\n\/* Active *\/\r\n.uk-dotnav-contrast > .uk-active > * {\r\n background: @dotnav-contrast-active-background;\r\n .hook-dotnav-contrast-item-active;\r\n}\r\n\r\n\r\n\/* Modifier: 'uk-dotnav-vertical'\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * DEPRECATED\r\n *\/\r\n\r\n.uk-dotnav-vertical {\r\n -ms-flex-direction: column;\r\n -webkit-flex-direction: column;\r\n flex-direction: column;\r\n}\r\n\r\n\/*\r\n * DEPRECATED IE9 Support\r\n *\/\r\n\r\n.uk-dotnav-vertical > * { float: none; }\r\n\r\n\r\n\r\n\/\/ Hooks\r\n\/\/ ========================================================================\r\n\r\n.hook-dotnav-misc;\r\n\r\n.hook-dotnav-item() {}\r\n.hook-dotnav-item-hover() {}\r\n.hook-dotnav-item-onclick() {}\r\n.hook-dotnav-item-active() {}\r\n.hook-dotnav-contrast-item() {}\r\n.hook-dotnav-contrast-item-hover() {}\r\n.hook-dotnav-contrast-item-onclick() {}\r\n.hook-dotnav-contrast-item-active() {}\r\n.hook-dotnav-misc() {}\r\n\/\/ Name: Slidenav\r\n\/\/ Description: Defines styles for a previous\/next navigation between slides\r\n\/\/\r\n\/\/ Component: `uk-slidenav`\r\n\/\/\r\n\/\/ Modifiers: `uk-slidenav-previous`\r\n\/\/ `uk-slidenav-next`\r\n\/\/ `uk-slidenav-contrast`\r\n\/\/\r\n\/\/ Sub-objects: `uk-slidenav-position`\r\n\/\/\r\n\/\/ Uses: Icon: FontAwesome\r\n\/\/\r\n\/\/ Markup:\r\n\/\/\r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/\r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@slidenav-width: 60px;\r\n@slidenav-height: @slidenav-width;\r\n@slidenav-color: rgba(50,50,50,0.4);\r\n@slidenav-font-size: 60px;\r\n@slidenav-line-height: @slidenav-height;\r\n@slidenav-previous-icon: \"\\f104\";\r\n@slidenav-next-icon: \"\\f105\";\r\n\r\n@slidenav-hover-color: rgba(50,50,50,0.7);\r\n\r\n@slidenav-active-color: rgba(50,50,50,0.9);\r\n\r\n@slidenav-position-previous: 20px;\r\n@slidenav-position-next: @slidenav-position-previous;\r\n\r\n@slidenav-contrast-color: rgba(255,255,255,0.5);\r\n@slidenav-contrast-hover-color: rgba(255,255,255,0.7);\r\n@slidenav-contrast-active-color: rgba(255,255,255,0.9);\r\n\r\n\r\n\/* ========================================================================\r\n Component: Slidenav\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * 1. Required for `a` elements\r\n * 2. Dimension\r\n * 3. Style\r\n *\/\r\n\r\n.uk-slidenav {\r\n \/* 1 *\/\r\n display: inline-block;\r\n \/* 2 *\/\r\n box-sizing: border-box;\r\n width: @slidenav-width;\r\n height: @slidenav-height;\r\n \/* 3 *\/\r\n line-height: @slidenav-line-height;\r\n color: @slidenav-color;\r\n font-size: @slidenav-font-size;\r\n text-align: center;\r\n .hook-slidenav;\r\n}\r\n\r\n\/*\r\n * Hover\r\n * 1. Apply hover style also to focus state\r\n * 2. Remove default focus style\r\n * 3. Required for `a` elements\r\n * 4. Style\r\n *\/\r\n\r\n.uk-slidenav:hover,\r\n.uk-slidenav:focus { \/\/ 1\r\n \/* 2 *\/\r\n outline: none;\r\n \/* 3 *\/\r\n text-decoration: none;\r\n \/* 4 *\/\r\n color: @slidenav-hover-color;\r\n cursor: pointer;\r\n .hook-slidenav-hover;\r\n}\r\n\r\n\/* Active *\/\r\n.uk-slidenav:active {\r\n color: @slidenav-active-color;\r\n .hook-slidenav-active;\r\n}\r\n\r\n\/*\r\n * Icons\r\n *\/\r\n\r\n.uk-slidenav-previous:before {\r\n content: @slidenav-previous-icon;\r\n font-family: FontAwesome;\r\n}\r\n\r\n.uk-slidenav-next:before {\r\n content: @slidenav-next-icon;\r\n font-family: FontAwesome;\r\n}\r\n\r\n\r\n\/* Sub-object: `uk-slidenav-position`\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * Create position context\r\n *\/\r\n\r\n.uk-slidenav-position { position: relative; }\r\n\r\n\/*\r\n * Center vertically\r\n *\/\r\n\r\n.uk-slidenav-position .uk-slidenav {\r\n display: none;\r\n position: absolute;\r\n top: 50%;\r\n z-index: 1;\r\n margin-top: -(@slidenav-height \/ 2);\r\n}\r\n\r\n.uk-slidenav-position:hover .uk-slidenav { display: block; }\r\n\r\n.uk-slidenav-position .uk-slidenav-previous { left: @slidenav-position-previous; }\r\n.uk-slidenav-position .uk-slidenav-next { right: @slidenav-position-next; }\r\n\r\n\r\n\/* Modifier: `uk-slidenav-contrast`\r\n ========================================================================== *\/\r\n\r\n.uk-slidenav-contrast {\r\n color: @slidenav-contrast-color;\r\n .hook-slidenav-contrast;\r\n}\r\n\r\n\/*\r\n * Hover\r\n * 1. Apply hover style also to focus state\r\n *\/\r\n\r\n.uk-slidenav-contrast:hover,\r\n.uk-slidenav-contrast:focus { \/\/ 1\r\n color: @slidenav-contrast-hover-color;\r\n .hook-slidenav-contrast-hover;\r\n}\r\n\r\n\/* Active *\/\r\n.uk-slidenav-contrast:active {\r\n color: @slidenav-contrast-active-color;\r\n .hook-slidenav-contrast-active;\r\n}\r\n\r\n\r\n\/\/ Hooks\r\n\/\/ ========================================================================\r\n\r\n.hook-slidenav-misc;\r\n\r\n.hook-slidenav() {}\r\n.hook-slidenav-hover() {}\r\n.hook-slidenav-active() {}\r\n.hook-slidenav-contrast() {}\r\n.hook-slidenav-contrast-hover() {}\r\n.hook-slidenav-contrast-active() {}\r\n.hook-slidenav-misc() {}\r\n\r\n\/\/ Components: Common\r\n\/\/ Name: Progress\r\n\/\/ Description: Defines styles for progress bars\r\n\/\/\r\n\/\/ Component: `uk-progress`\r\n\/\/\r\n\/\/ Sub-objects: `uk-progress-bar`\r\n\/\/\r\n\/\/ Modifiers: `uk-progress-mini`\r\n\/\/ `uk-progress-small`\r\n\/\/ `uk-progress-success`\r\n\/\/ `uk-progress-warning`\r\n\/\/ `uk-progress-danger`\r\n\/\/ `uk-progress-striped`\r\n\/\/\r\n\/\/ Markup:\r\n\/\/\r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@progress-height: 20px;\r\n@progress-mini-height: 6px;\r\n@progress-small-height: 12px;\r\n\r\n@progress-margin-vertical: 15px;\r\n@progress-background: #eee;\r\n\r\n@progress-bar-background: #00a8e6;\r\n@progress-bar-font-size: 12px;\r\n@progress-bar-color: #fff;\r\n\r\n@progress-bar-success-background: #8cc14c;\r\n@progress-bar-warning-background: #faa732;\r\n@progress-bar-danger-background: #da314b;\r\n\r\n\r\n\/* ========================================================================\r\n Component: Progress\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * 1. Clearing\r\n * 2. Vertical alignment if text is used\r\n *\/\r\n\r\n.uk-progress {\r\n box-sizing: border-box;\r\n height: @progress-height;\r\n margin-bottom: @progress-margin-vertical;\r\n background: @progress-background;\r\n \/* 1 *\/\r\n overflow: hidden;\r\n \/* 2 *\/\r\n line-height: @progress-height;\r\n .hook-progress;\r\n}\r\n\r\n\/*\r\n * Add margin if adjacent element\r\n *\/\r\n\r\n* + .uk-progress { margin-top: @progress-margin-vertical; }\r\n\r\n\r\n\/* Sub-object: `uk-progress-bar`\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * 1. Transition\r\n * 2. Needed for text\r\n *\/\r\n\r\n.uk-progress-bar {\r\n width: 0;\r\n height: 100%;\r\n background: @progress-bar-background;\r\n float: left;\r\n \/* 1 *\/\r\n -webkit-transition: width 0.6s ease;\r\n transition: width 0.6s ease;\r\n \/* 2 *\/\r\n font-size: @progress-bar-font-size;\r\n color: @progress-bar-color;\r\n text-align: center;\r\n .hook-progress-bar;\r\n}\r\n\r\n\r\n\/* Size modifiers\r\n ========================================================================== *\/\r\n\r\n\/* Mini *\/\r\n.uk-progress-mini {\r\n height: @progress-mini-height;\r\n .hook-progress-mini;\r\n}\r\n\r\n\r\n\/* Small *\/\r\n.uk-progress-small {\r\n height: @progress-small-height;\r\n .hook-progress-small;\r\n}\r\n\r\n\r\n\/* Color modifiers\r\n ========================================================================== *\/\r\n\r\n.uk-progress-success .uk-progress-bar {\r\n background-color: @progress-bar-success-background;\r\n .hook-progress-bar-success;\r\n}\r\n\r\n.uk-progress-warning .uk-progress-bar {\r\n background-color: @progress-bar-warning-background;\r\n .hook-progress-bar-warning;\r\n}\r\n\r\n.uk-progress-danger .uk-progress-bar {\r\n background-color: @progress-bar-danger-background;\r\n .hook-progress-bar-danger;\r\n}\r\n\r\n\r\n\/* Modifier: `uk-progress-striped`\r\n ========================================================================== *\/\r\n\r\n.uk-progress-striped .uk-progress-bar {\r\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);\r\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);\r\n background-size: 30px 30px;\r\n}\r\n\r\n\/*\r\n * Animation\r\n *\/\r\n\r\n.uk-progress-striped.uk-active .uk-progress-bar {\r\n -webkit-animation: uk-progress-bar-stripes 2s linear infinite;\r\n animation: uk-progress-bar-stripes 2s linear infinite;\r\n}\r\n\r\n@-webkit-keyframes uk-progress-bar-stripes {\r\n 0% { background-position: 0 0;}\r\n 100% { background-position: 30px 0; }\r\n}\r\n\r\n@keyframes uk-progress-bar-stripes {\r\n 0% { background-position: 0 0;}\r\n 100% { background-position: 30px 0; }\r\n}\r\n\r\n\r\n\/\/ Hooks\r\n\/\/ ========================================================================\r\n\r\n.hook-progress-misc;\r\n\r\n.hook-progress() {}\r\n.hook-progress-bar() {}\r\n.hook-progress-mini() {}\r\n.hook-progress-small() {}\r\n.hook-progress-bar-success() {}\r\n.hook-progress-bar-warning() {}\r\n.hook-progress-bar-danger() {}\r\n.hook-progress-misc() {}\r\n\r\n\/\/ Components: JavaScript\r\n\/\/ Name: Accordion\r\n\/\/ Description: Defines styles for the accordion\r\n\/\/\r\n\/\/ Component: `uk-accordion`\r\n\/\/\r\n\/\/ Sub-objects: `uk-accordion-title`\r\n\/\/ `uk-accordion-content`\r\n\/\/\r\n\/\/ Markup:\r\n\/\/\r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@accordion-title-margin-bottom: 15px;\r\n@accordion-title-padding-vertical: 5px;\r\n@accordion-title-padding-horizontal: 15px;\r\n@accordion-title-font-size: 18px;\r\n@accordion-title-line-height: 24px;\r\n@accordion-title-background: #eee;\r\n\r\n@accordion-content-padding-horizontal: @accordion-title-padding-horizontal;\r\n@accordion-content-padding-bottom: @accordion-title-padding-horizontal;\r\n\r\n\r\n\/* ========================================================================\r\n Component: Accordion\r\n ========================================================================== *\/\r\n\r\n.uk-accordion {\r\n .hook-accordion;\r\n}\r\n\r\n\/* Sub-object: `uk-accordion-title`\r\n ========================================================================== *\/\r\n\r\n.uk-accordion-title {\r\n margin-top: 0;\r\n margin-bottom: @accordion-title-margin-bottom;\r\n padding: @accordion-title-padding-vertical @accordion-title-padding-horizontal;\r\n background: @accordion-title-background;\r\n font-size: @accordion-title-font-size;\r\n line-height: @accordion-title-line-height;\r\n cursor: pointer;\r\n .hook-accordion-title;\r\n}\r\n\r\n\r\n\/* Sub-object: `uk-accordion-content`\r\n ========================================================================== *\/\r\n\r\n.uk-accordion-content {\r\n padding: 0 @accordion-content-padding-horizontal @accordion-content-padding-bottom @accordion-content-padding-horizontal;\r\n .hook-accordion-content;\r\n}\r\n\r\n\/*\r\n * Micro clearfix to make panels more robust\r\n *\/\r\n\r\n.uk-accordion-content:before,\r\n.uk-accordion-content:after {\r\n content: \"\";\r\n display: table;\r\n}\r\n\r\n.uk-accordion-content:after { clear: both; }\r\n\r\n\/*\r\n * Remove margin from the last-child\r\n *\/\r\n\r\n .uk-accordion-content > :last-child { margin-bottom: 0; }\r\n\r\n\r\n\/\/ Hooks\r\n\/\/ ========================================================================\r\n\r\n.hook-accordion-misc;\r\n\r\n.hook-accordion() {}\r\n.hook-accordion-title() {}\r\n.hook-accordion-content() {}\r\n.hook-accordion-misc() {}\r\n\/\/ Name: Slider\r\n\/\/ Description: Defines styles for a horizontal slider\r\n\/\/\r\n\/\/ Component: `uk-slider`\r\n\/\/\r\n\/\/ Sub-objects: `uk-slider-container`\r\n\/\/\r\n\/\/ Modifier: `uk-slider-fullscreen`\r\n\/\/\r\n\/\/ States: `uk-drag`\r\n\/\/\r\n\/\/ Markup:\r\n\/\/\r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/* ========================================================================\r\n Component: Slider\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * RTL Compatibility\r\n *\/\r\n \r\n[data-uk-slider] { direction: ltr; }\r\n\r\nhtml[dir=\"rtl\"] .uk-slider > * { direction: rtl; }\r\n\r\n\/*\r\n * 1. Create position context\r\n * 2. Create stacking context to prevent z-index issues with other components\r\n * 3. Deactivate browser history navigation in IE11\r\n *\/\r\n\r\n.uk-slider {\r\n \/* 1 *\/\r\n position: relative;\r\n \/* 2 *\/\r\n z-index: 0;\r\n \/* 3 *\/\r\n touch-action: pan-y;\r\n}\r\n\r\n\/*\r\n * 1. Reset list style without interfering with grid\r\n *\/\r\n\r\n.uk-slider:not(.uk-grid) {\r\n \/* 1 *\/\r\n margin: 0;\r\n padding: 0;\r\n list-style: none;\r\n}\r\n\r\n\/*\r\n * Sub-object item\r\n * 1. Position items above each other\r\n *\/\r\n\r\n.uk-slider > * {\r\n \/* 1 *\/\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n}\r\n\r\n\/*\r\n * Clip child elements\r\n *\/\r\n\r\n.uk-slider-container { overflow: hidden; }\r\n\r\n\/*\r\n * Dragged\r\n *\/\r\n\r\n.uk-slider:not(.uk-drag) {\r\n -webkit-transition: -webkit-transform 200ms linear;\r\n transition: transform 200ms linear;\r\n}\r\n\r\n\/*\r\n * 1. Makes text unselectable\r\n *\/\r\n\r\n.uk-slider.uk-drag {\r\n cursor: col-resize;\r\n \/* 1 *\/\r\n -moz-user-select: none;\r\n -webkit-user-select: none;\r\n -ms-user-select: none;\r\n user-select: none;\r\n}\r\n\r\n\/*\r\n * 1. Prevents images and links from being dragged (default browser behavior)\r\n * 2. Disables the default callout shown when you touch and hold a touch target\r\n * Currently only works in Webkit\r\n *\/\r\n\r\n.uk-slider a,\r\n.uk-slider img {\r\n \/* 1 *\/\r\n -webkit-user-drag: none;\r\n user-drag: none;\r\n \/* 2 *\/\r\n -webkit-touch-callout: none;\r\n}\r\n\r\n\/*\r\n * 1. Prevents images and links from being dragged in Firefox\r\n *\/\r\n\r\n.uk-slider img { pointer-events: none; }\r\n\r\n\r\n\/* Modifier: `uk-slider-fullscreen`\r\n ========================================================================== *\/\r\n\r\n.uk-slider-fullscreen,\r\n.uk-slider-fullscreen > li { height: 100vh; }\r\n\r\n\r\n\/\/ Hooks\r\n\/\/ ========================================================================\r\n\r\n.hook-slider-misc;\r\n\r\n.hook-slider-misc() {}\r\n\/\/ Name: Slideshow\r\n\/\/ Description: Defines styles for a slideshow\r\n\/\/\r\n\/\/ Component: `uk-slideshow`\r\n\/\/\r\n\/\/ Modifier: `uk-slideshow-fullscreen`\r\n\/\/\r\n\/\/ Sub-modifier: `uk-slideshow-fade-out`\r\n\/\/ `uk-slideshow-scroll-forward-in`\r\n\/\/ `uk-slideshow-scroll-forward-out`\r\n\/\/ `uk-slideshow-scroll-backward-in`\r\n\/\/ `uk-slideshow-scroll-backward-out`\r\n\/\/ `uk-slideshow-scale-out`\r\n\/\/ `uk-slideshow-swipe-forward-in`\r\n\/\/ `uk-slideshow-swipe-forward-out`\r\n\/\/ `uk-slideshow-swipe-backward-in`\r\n\/\/ `uk-slideshow-swipe-backward-out`\r\n\/\/\r\n\/\/ States: `uk-active`\r\n\/\/\r\n\/\/ Uses: Cover (JS)\r\n\/\/\r\n\/\/ Markup:\r\n\/\/\r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/* ========================================================================\r\n Component: Slideshow\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * 1. Create position context\r\n * 2. Create stacking context to prevent z-index issues with other components\r\n * 3. Set width because child elements are positioned absolute. Height is set via JS\r\n * 4. Reset list style\r\n * 5. Clip child elements\r\n * 6. Deactivate browser history navigation in IE11\r\n *\/\r\n\r\n.uk-slideshow {\r\n \/* 1 *\/\r\n position: relative;\r\n \/* 2 *\/\r\n z-index: 0;\r\n \/* 3 *\/\r\n width: 100%;\r\n \/* 4 *\/\r\n margin: 0;\r\n padding: 0;\r\n list-style: none;\r\n \/* 5 *\/\r\n overflow: hidden;\r\n \/* 6 *\/\r\n touch-action: pan-y;\r\n}\r\n\r\n\/*\r\n * Sub-object item\r\n * 1. Position items above each other\r\n * 2. Expand to parent container width\r\n * 3. Hide by default\r\n *\/\r\n\r\n.uk-slideshow > li {\r\n \/* 1 *\/\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n \/* 2 *\/\r\n width: 100%;\r\n \/* 3 *\/\r\n opacity: 0;\r\n}\r\n\r\n\/*\r\n * Active\r\n * 1. Stack at first\r\n * 2. Show slide\r\n *\/\r\n\r\n.uk-slideshow > .uk-active {\r\n \/* 1 *\/\r\n z-index: 10;\r\n \/* 2 *\/\r\n opacity: 1;\r\n}\r\n\r\n\/*\r\n * Hide default images which is only relevant to keep existing proportions\r\n *\/\r\n\r\n.uk-slideshow > li > img { visibility: hidden; }\r\n\r\n\/*\r\n * Pointer for controls\r\n *\/\r\n\r\n[data-uk-slideshow-slide] { cursor: pointer; }\r\n\r\n\r\n\/* Modifier: `uk-slideshow-fullscreen`\r\n ========================================================================== *\/\r\n\r\n.uk-slideshow-fullscreen,\r\n.uk-slideshow-fullscreen > li { height: 100vh; }\r\n\r\n\r\n\/* Animations\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * Fade\r\n *\/\r\n\r\n .uk-slideshow-fade-in {\r\n -webkit-animation: uk-fade 0.5s linear;\r\n animation: uk-fade 0.5s linear;\r\n }\r\n\r\n.uk-slideshow-fade-out {\r\n -webkit-animation: uk-fade 0.5s linear reverse;\r\n animation: uk-fade 0.5s linear reverse;\r\n}\r\n\r\n\/*\r\n * Scroll\r\n *\/\r\n\r\n.uk-slideshow-scroll-forward-in {\r\n -webkit-animation: uk-slide-right 0.5s ease-in-out;\r\n animation: uk-slide-right 0.5s ease-in-out;\r\n}\r\n\r\n.uk-slideshow-scroll-forward-out {\r\n -webkit-animation: uk-slide-left 0.5s ease-in-out reverse;\r\n animation: uk-slide-left 0.5s ease-in-out reverse;\r\n}\r\n\r\n.uk-slideshow-scroll-backward-in {\r\n -webkit-animation: uk-slide-left 0.5s ease-in-out;\r\n animation: uk-slide-left 0.5s ease-in-out;\r\n}\r\n\r\n.uk-slideshow-scroll-backward-out {\r\n -webkit-animation: uk-slide-right 0.5s ease-in-out reverse;\r\n animation: uk-slide-right 0.5s ease-in-out reverse;\r\n}\r\n\r\n\/*\r\n * Scale\r\n *\/\r\n\r\n.uk-slideshow-scale-out {\r\n -webkit-animation: uk-fade-scale-15 0.5s ease-in-out reverse;\r\n animation: uk-fade-scale-15 0.5s ease-in-out reverse;\r\n}\r\n\r\n\/*\r\n * Swipe\r\n *\/\r\n\r\n.uk-slideshow-swipe-forward-in {\r\n -webkit-animation: uk-slide-left-33 0.5s ease-in-out;\r\n animation: uk-slide-left-33 0.5s ease-in-out;\r\n}\r\n\r\n.uk-slideshow-swipe-forward-out {\r\n -webkit-animation: uk-slide-left 0.5s ease-in-out reverse;\r\n animation: uk-slide-left 0.5s ease-in-out reverse;\r\n}\r\n\r\n.uk-slideshow-swipe-backward-in {\r\n -webkit-animation: uk-slide-right-33 0.5s ease-in-out;\r\n animation: uk-slide-right-33 0.5s ease-in-out;\r\n}\r\n\r\n.uk-slideshow-swipe-backward-out {\r\n -webkit-animation: uk-slide-right 0.5s ease-in-out reverse;\r\n animation: uk-slide-right 0.5s ease-in-out reverse;\r\n}\r\n\r\n.uk-slideshow-swipe-forward-in:before,\r\n.uk-slideshow-swipe-backward-in:before {\r\n content: '';\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n left: 0;\r\n right: 0;\r\n z-index: 1;\r\n background: rgba(0,0,0,0.6);\r\n -webkit-animation: uk-fade 0.5s ease-in-out reverse;\r\n animation: uk-fade 0.5s ease-in-out reverse;\r\n}\r\n\r\n\r\n\/\/ Hooks\r\n\/\/ ========================================================================\r\n\r\n.hook-slideshow-misc;\r\n\r\n.hook-slideshow-misc() {}\r\n\r\n\/\/ Name: Search\r\n\/\/ Description: Defines a search component\r\n\/\/\r\n\/\/ Component: `uk-search`\r\n\/\/\r\n\/\/ Sub-objects: `uk-search-field`\r\n\/\/\r\n\/\/ Modifier: (Nav) `uk-nav-search`\r\n\/\/ (Dropdown) `uk-dropdown-search`\r\n\/\/\r\n\/\/ States: `uk-active`\r\n\/\/ `uk-loading`\r\n\/\/\r\n\/\/ Uses: Animation\r\n\/\/ Icon: FontAwesome\r\n\/\/ Navbar: `uk-navbar-flip`\r\n\/\/\r\n\/\/ Used by: Off-canvas\r\n\/\/\r\n\/\/ Markup:\r\n\/\/\r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/ \r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@search-width: 120px;\r\n@search-focus-width: 180px;\r\n@search-height: 30px;\r\n@search-padding: 30px;\r\n@search-border: rgba(0,0,0,0);\r\n@search-border-width: 1px;\r\n@search-background: rgba(0,0,0,0);\r\n@search-color: #444;\r\n@search-placeholder-color: #999;\r\n\r\n@search-icon: \"\\f002\";\r\n@search-icon-size: 14px;\r\n@search-icon-color: rgba(0,0,0,0.2);\r\n\r\n\/\/ Dropdown modifier\r\n@dropdown-search-width: 300px;\r\n@dropdown-search-margin-top: 0;\r\n@dropdown-search-background: #f5f5f5;\r\n@dropdown-search-color: #444;\r\n@dropdown-search-animation: uk-slide-top-fixed;\r\n@dropdown-search-navbar-margin-top: 5px;\r\n@dropdown-search-navbar-margin-right: -15px;\r\n\r\n\/\/ Nav modifier\r\n@nav-search-color: #444;\r\n@nav-search-active-background: #00a8e6;\r\n@nav-search-active-color: #fff;\r\n@nav-search-header-color: #999;\r\n@nav-search-divider-border: #ddd;\r\n@nav-search-divider-border-width: 1px;\r\n@nav-search-nested-color: #07D;\r\n@nav-search-nested-hover-color: #059;\r\n\r\n\/\/ Search in offcanvas\r\n@offcanvas-search-margin: 20px 15px;\r\n@offcanvas-search-background: #1a1a1a;\r\n@offcanvas-search-border: rgba(0,0,0,0);\r\n@offcanvas-search-color: #ccc;\r\n@offcanvas-search-placeholder-color: #777;\r\n@offcanvas-search-icon-color: #777;\r\n\r\n\r\n\/* ========================================================================\r\n Component: Search\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * 1. Create position context for dropdowns\r\n * 2. Needed for `form` element\r\n *\/\r\n\r\n.uk-search {\r\n display: inline-block;\r\n \/* 1 *\/\r\n position: relative;\r\n \/* 2 *\/\r\n margin: 0;\r\n .hook-search;\r\n}\r\n\r\n\/*\r\n * Icon\r\n *\/\r\n\r\n.uk-search:before {\r\n content: @search-icon;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: @search-padding;\r\n line-height: @search-height;\r\n text-align: center;\r\n font-family: FontAwesome;\r\n font-size: @search-icon-size;\r\n color: @search-icon-color;\r\n .hook-search-icon;\r\n}\r\n\r\n\r\n\/* Sub-object `uk-search-field`\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * Removes inner padding and border in Firefox 4+.\r\n *\/\r\n\r\n.uk-search-field::-moz-focus-inner {\r\n border: 0;\r\n padding: 0;\r\n}\r\n\r\n\/*\r\n * Remove inner padding and search cancel button in Chrome, Safari and Opera on OS X.\r\n *\/\r\n\r\n.uk-search-field::-webkit-search-cancel-button,\r\n.uk-search-field::-webkit-search-decoration { -webkit-appearance: none; }\r\n\r\n\/*\r\n * Removes cancel button in IE10\r\n *\/\r\n\r\n.uk-search-field::-ms-clear { display: none; }\r\n\r\n\/*\r\n * Removes placeholder transparency in Firefox.\r\n *\/\r\n\r\n.uk-search-field::-moz-placeholder { opacity: 1; }\r\n\r\n\/*\r\n * 1. Define consistent box sizing.\r\n * 2. Address margins set differently in Firefox\/IE and Chrome\/Safari\/Opera.\r\n * 3. Remove `border-radius` in iOS.\r\n * 4. Correct `font` properties and `color` not being inherited.\r\n * 5. Remove default style in iOS.\r\n * 6. Style\r\n *\/\r\n\r\n.uk-search-field {\r\n \/* 1 *\/\r\n box-sizing: border-box;\r\n \/* 2 *\/\r\n margin: 0;\r\n \/* 3 *\/\r\n border-radius: 0;\r\n \/* 4 *\/\r\n font: inherit;\r\n color: @search-color;\r\n \/* 5 *\/\r\n -webkit-appearance: none;\r\n \/* 6 *\/\r\n width: @search-width;\r\n height: @search-height;\r\n padding: 0 0 0 @search-padding;\r\n border: @search-border-width solid @search-border;\r\n background: @search-background;\r\n -webkit-transition: all 0.2s linear;\r\n transition: all 0.2s linear;\r\n vertical-align: middle;\r\n .hook-search-field;\r\n}\r\n\r\n\/* Placeholder *\/\r\n.uk-search-field:-ms-input-placeholder { color: @search-placeholder-color !important; }\r\n.uk-search-field::-moz-placeholder { color: @search-placeholder-color; }\r\n.uk-search-field::-webkit-input-placeholder { color: @search-placeholder-color; }\r\n\r\n\/* Focus *\/\r\n.uk-search-field:focus {\r\n outline: 0;\r\n .hook-search-field-focus;\r\n}\r\n\r\n\/* Focus + Active *\/\r\n.uk-search-field:focus,\r\n.uk-search.uk-active .uk-search-field { width: @search-focus-width; }\r\n\r\n\r\n\/* Dropdown modifier: `uk-dropdown-search`\r\n ========================================================================== *\/\r\n\r\n.uk-dropdown-search {\r\n width: @dropdown-search-width;\r\n margin-top: @dropdown-search-margin-top;\r\n background: @dropdown-search-background;\r\n color: @dropdown-search-color;\r\n .hook-dropdown-search;\r\n}\r\n\r\n.uk-open > .uk-dropdown-search {\r\n -webkit-animation: @dropdown-search-animation 0.2s ease-in-out;\r\n animation: @dropdown-search-animation 0.2s ease-in-out;\r\n}\r\n\r\n\/*\r\n * Dependency `uk-navbar-flip`\r\n *\/\r\n\r\n.uk-navbar-flip .uk-dropdown-search {\r\n margin-top: @dropdown-search-navbar-margin-top;\r\n margin-right: @dropdown-search-navbar-margin-right;\r\n}\r\n\r\n\r\n\/* Nav modifier `uk-nav-search`\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * Items\r\n *\/\r\n\r\n.uk-nav-search > li > a {\r\n color: @nav-search-color;\r\n .hook-nav-search;\r\n}\r\n\r\n\/*\r\n * Active\r\n * 1. Remove default focus style\r\n *\/\r\n\r\n.uk-nav-search > li.uk-active > a {\r\n background: @nav-search-active-background;\r\n color: @nav-search-active-color;\r\n \/* 1 *\/\r\n outline: none;\r\n .hook-nav-search-active;\r\n}\r\n\r\n\/*\r\n * Sub-object: `uk-nav-header`\r\n *\/\r\n\r\n.uk-nav-search .uk-nav-header {\r\n color: @nav-search-header-color;\r\n .hook-nav-search-header;\r\n}\r\n\r\n\/*\r\n * Sub-object: `uk-nav-divider`\r\n *\/\r\n\r\n.uk-nav-search .uk-nav-divider {\r\n border-top: @nav-search-divider-border-width solid @nav-search-divider-border;\r\n .hook-nav-search-divider;\r\n}\r\n\r\n\/*\r\n * Nested items\r\n *\/\r\n\r\n.uk-nav-search ul a { color: @nav-search-nested-color; }\r\n.uk-nav-search ul a:hover { color: @nav-search-nested-hover-color; }\r\n\r\n\r\n\/* Search in offcanvas\r\n ========================================================================== *\/\r\n\r\n.uk-offcanvas .uk-search {\r\n display: block;\r\n margin: @offcanvas-search-margin;\r\n}\r\n\r\n.uk-offcanvas .uk-search:before { color: @offcanvas-search-icon-color; }\r\n\r\n.uk-offcanvas .uk-search-field {\r\n width: 100%;\r\n border-color: @offcanvas-search-border;\r\n background: @offcanvas-search-background;\r\n color: @offcanvas-search-color;\r\n .hook-offcanvas-search-field;\r\n}\r\n\r\n.uk-offcanvas .uk-search-field:-ms-input-placeholder { color: @offcanvas-search-placeholder-color !important; }\r\n.uk-offcanvas .uk-search-field::-moz-placeholder { color: @offcanvas-search-placeholder-color; }\r\n.uk-offcanvas .uk-search-field::-webkit-input-placeholder { color: @offcanvas-search-placeholder-color; }\r\n\r\n\r\n\/\/ Hooks\r\n\/\/ ========================================================================\r\n\r\n.hook-search-misc;\r\n\r\n.hook-search() {}\r\n.hook-search-icon() {}\r\n.hook-search-field() {}\r\n.hook-search-field-focus() {}\r\n\r\n.hook-dropdown-search() {}\r\n.hook-nav-search() {}\r\n.hook-nav-search-active() {}\r\n.hook-nav-search-header() {}\r\n.hook-nav-search-divider() {}\r\n.hook-offcanvas-search-field() {}\r\n\r\n.hook-search-misc() {}\r\n\r\n\/\/ Name: Tooltip\r\n\/\/ Description: Defines styles for tooltips\r\n\/\/\r\n\/\/ Component: `uk-tooltip`\r\n\/\/\r\n\/\/ Modifiers `uk-tooltip-top`\r\n\/\/ `uk-tooltip-top-left`\r\n\/\/ `uk-tooltip-top-right`\r\n\/\/ `uk-tooltip-bottom`\r\n\/\/ `uk-tooltip-bottom-left`\r\n\/\/ `uk-tooltip-bottom-right`\r\n\/\/ `uk-tooltip-left`\r\n\/\/ `uk-tooltip-right`\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@tooltip-z-index: 1030;\r\n@tooltip-max-width: 200px;\r\n@tooltip-padding-vertical: 5px;\r\n@tooltip-padding-horizontal: 8px;\r\n@tooltip-background: #333;\r\n@tooltip-triangle-size: 5px;\r\n\r\n@tooltip-color: rgba(255,255,255,0.7);\r\n@tooltip-font-size: 12px;\r\n@tooltip-line-height: 18px;\r\n\r\n@tooltip-offset-horizontal: 10px;\r\n\r\n\r\n\/* ========================================================================\r\n Component: Tooltip\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * 1. Hide by default\r\n * 2. Set fixed position\r\n * 3. Set dimensions\r\n * 4. Set style\r\n *\/\r\n\r\n.uk-tooltip {\r\n \/* 1 *\/\r\n display: none;\r\n \/* 2 *\/\r\n position: absolute;\r\n z-index: @tooltip-z-index;\r\n \/* 3 *\/\r\n box-sizing: border-box;\r\n max-width: @tooltip-max-width;\r\n padding: @tooltip-padding-vertical @tooltip-padding-horizontal;\r\n \/* 4 *\/\r\n background: @tooltip-background;\r\n color: @tooltip-color;\r\n font-size: @tooltip-font-size;\r\n line-height: @tooltip-line-height;\r\n word-break: break-all;\r\n .hook-tooltip;\r\n}\r\n\r\n\r\n\/* Triangle\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * 1. Dashed is less antialised than solid\r\n *\/\r\n\r\n.uk-tooltip:after {\r\n content: \"\";\r\n display: block;\r\n position: absolute;\r\n width: 0;\r\n height: 0;\r\n \/* 1 *\/\r\n border: @tooltip-triangle-size dashed @tooltip-background;\r\n}\r\n\r\n\r\n\/* Direction modifiers\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * Top\r\n *\/\r\n\r\n.uk-tooltip-top:after,\r\n.uk-tooltip-top-left:after,\r\n.uk-tooltip-top-right:after {\r\n bottom: -@tooltip-triangle-size;\r\n border-top-style: solid;\r\n border-bottom: none;\r\n border-left-color: transparent;\r\n border-right-color: transparent;\r\n border-top-color: @tooltip-background;\r\n}\r\n\r\n\/*\r\n * Bottom\r\n *\/\r\n\r\n.uk-tooltip-bottom:after,\r\n.uk-tooltip-bottom-left:after,\r\n.uk-tooltip-bottom-right:after {\r\n top: -@tooltip-triangle-size;\r\n border-bottom-style: solid;\r\n border-top: none;\r\n border-left-color: transparent;\r\n border-right-color: transparent;\r\n border-bottom-color: @tooltip-background;\r\n}\r\n\r\n\/*\r\n * Top\/Bottom center\r\n *\/\r\n\r\n.uk-tooltip-top:after,\r\n.uk-tooltip-bottom:after {\r\n left: 50%;\r\n margin-left: -@tooltip-triangle-size;\r\n}\r\n\r\n\/*\r\n * Top\/Bottom left\r\n *\/\r\n\r\n.uk-tooltip-top-left:after,\r\n.uk-tooltip-bottom-left:after { left: @tooltip-offset-horizontal; }\r\n\r\n\/*\r\n * Top\/Bottom right\r\n *\/\r\n\r\n.uk-tooltip-top-right:after,\r\n.uk-tooltip-bottom-right:after { right: @tooltip-offset-horizontal; }\r\n\r\n\/*\r\n * Left\r\n *\/\r\n\r\n.uk-tooltip-left:after {\r\n right: -@tooltip-triangle-size;\r\n top: 50%;\r\n margin-top: -@tooltip-triangle-size;\r\n border-left-style: solid;\r\n border-right: none;\r\n border-top-color: transparent;\r\n border-bottom-color: transparent;\r\n border-left-color: @tooltip-background;\r\n}\r\n\r\n\/*\r\n * Right\r\n *\/\r\n\r\n.uk-tooltip-right:after {\r\n left: -@tooltip-triangle-size;\r\n top: 50%;\r\n margin-top: -@tooltip-triangle-size;\r\n border-right-style: solid;\r\n border-left: none;\r\n border-top-color: transparent;\r\n border-bottom-color: transparent;\r\n border-right-color: @tooltip-background;\r\n}\r\n\r\n\r\n\/\/ Hooks\r\n\/\/ ========================================================================\r\n\r\n.hook-tooltip-misc;\r\n\r\n.hook-tooltip() {}\r\n.hook-tooltip-misc() {}\r\n\r\n\r\n\/\/ Theme\r\n\/\/ ========================================================================\r\n\r\n\/\/ LESS related\r\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\r\n\r\n\/\/\r\n\/\/ Component: Variables\r\n\/\/ Description: Defines all color and style related values as variables\r\n\/\/ to allow easy customization for the most common cases.\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Global variables\r\n\/\/ ========================================================================\r\n\r\n\/\/\r\n\/\/ Text\r\n\/\/\r\n\r\n@global-color: #555;\r\n@global-muted-color: #999;\r\n@global-contrast-color: #fff;\r\n\r\n@global-link-color: #ea488c;\r\n@global-link-hover-color: darken(@global-link-color, 20%);\r\n\r\n@global-font-weight: 300;\r\n@global-font-size: 14px;\r\n@global-line-height: 20px;\r\n\r\n@global-dark-color: #2f2f2f;\r\n\r\n@global-info-color: #3578a6;\r\n@global-success-color: #139e1a;\r\n@global-warning-color: #e2955d;\r\n@global-danger-color: #d83044;\r\n\r\n\/\/\r\n\/\/ Backgrounds & Borders\r\n\/\/\r\n\r\n@global-background: #7c1f46;\r\n\r\n@global-primary-background: mix(@global-primary-gradient-top, @global-primary-gradient-bottom, 40%);\r\n@global-success-background: mix(@global-success-gradient-top, @global-success-gradient-bottom, 40%);\r\n@global-warning-background: mix(@global-warning-gradient-top, @global-warning-gradient-bottom, 40%);\r\n@global-danger-background: mix(@global-danger-gradient-top, @global-danger-gradient-bottom, 40%);\r\n\r\n@global-light-background: #f7f7f7;\r\n\r\n@global-default-background: #fff;\r\n@global-default-hover-background: @global-light-background;\r\n@global-default-active-background: #f5f5f5;\r\n\r\n@global-border: rgba(0,0,0,0.07);\r\n@global-hover-border: rgba(0,0,0,0.16);\r\n@global-border-radius: 2px;\r\n\r\n\/\/\r\n\/\/ Gradients\r\n\/\/\r\n\r\n@global-default-gradient-top: #f9f9f9;\r\n@global-default-gradient-bottom: #f0f0f0;\r\n\r\n@global-primary-gradient-top: #ea488c;\r\n@global-primary-gradient-bottom: #c03d74;\r\n\r\n@global-success-gradient-top: #82d28f;\r\n@global-success-gradient-bottom: #5ebf59;\r\n\r\n@global-warning-gradient-top: #f6cc66;\r\n@global-warning-gradient-bottom: #edbe4d;\r\n\r\n@global-danger-gradient-top: #57b5e5;\r\n@global-danger-gradient-bottom: #319ed6;\r\n\r\n\/\/\r\n\/\/ Spacings\r\n\/\/\r\n\r\n@global-margin: 15px;\r\n@global-margin-large: 25px;\r\n@global-grid-gutter: 20px;\r\n@global-grid-gutter-large: @global-grid-gutter;\r\n\r\n\/\/\r\n\/\/ Heights\r\n\/\/\r\n\r\n@global-height: 30px;\r\n@global-mini-height: 20px;\r\n@global-small-height: 25px;\r\n@global-large-height: 40px;\r\n\r\n\/\/\r\n\/\/ Z-index\r\n\/\/\r\n\r\n@global-z-index: 1000;\r\n\r\n\/\/\r\n\/\/ Animations\r\n\/\/\r\n\r\n@global-transition: all 0.1s ease-in-out;\r\n@global-hover-transform: scale(1.1);\r\n@global-active-transform: scale(0.9);\r\n\r\n\/\/ Defaults\r\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\r\n\r\n\/\/\r\n\/\/ Component: Base\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@base-body-background: @global-background;\r\n@base-body-font-family: 'Roboto Condensed';\r\n@base-body-font-weight: @global-font-weight;\r\n@base-body-font-size: @global-font-size;\r\n@base-body-line-height: @global-line-height;\r\n@base-body-color: @global-color;\r\n\r\n@base-link-color: @global-link-color;\r\n@base-link-hover-color: @global-link-hover-color;\r\n@base-em-color: @global-color;\r\n@base-ins-background: #f3f2e6;\r\n@base-ins-color: #5c5a4c;\r\n@base-mark-background: @base-ins-background;\r\n@base-mark-color: @base-ins-color;\r\n@base-selection-background: @global-link-color;\r\n@base-selection-color: #fff;\r\n\r\n@base-margin-vertical: @global-margin;\r\n\r\n@base-heading-font-family: 'Roboto Condensed';\r\n@base-heading-font-weight: @global-font-weight;\r\n@base-heading-color: @global-dark-color;\r\n@base-heading-text-transform: none;\r\n@base-heading-margin-top: @global-margin-large;\r\n@base-h1-font-size: round((@global-font-size * 2.57));\r\n@base-h1-line-height: round((@base-h1-font-size * 1.16));\r\n@base-h2-font-size: round((@global-font-size * 1.71));\r\n@base-h2-line-height: round((@base-h2-font-size * 1.25));\r\n@base-h3-font-size: round((@global-font-size * 1.28));\r\n@base-h3-line-height: round((@base-h3-font-size * 1.33));\r\n@base-h4-font-size: round((@global-font-size * 1.14));\r\n@base-h4-line-height: round((@base-h4-font-size * 1.37));\r\n@base-h5-font-size: @global-font-size;\r\n@base-h5-line-height: @global-line-height;\r\n@base-h6-font-size: round((@global-font-size * 0.85));\r\n@base-h6-line-height: round((@base-h6-font-size * 1.5));\r\n\r\n@base-hr-border: @global-border;\r\n\r\n@base-blockquote-border: @global-border;\r\n@base-blockquote-small-color: @global-muted-color;\r\n@base-blockquote-font-size: round((@global-font-size * 1.14));\r\n@base-blockquote-line-height: round((@base-blockquote-font-size * 1.37));\r\n\r\n@base-code-color: #6ab58c;\r\n@base-code-font-size: round((@global-font-size * 0.85));\r\n\r\n@base-pre-background: @global-light-background;\r\n@base-pre-color: @global-color;\r\n@base-pre-font-size: round((@global-font-size * 0.85));\r\n@base-pre-line-height: round((@base-pre-font-size * 1.5));\r\n\r\n\/\/\r\n\/\/ New\r\n\/\/\r\n\r\n@base-code-border: @global-border;\r\n@base-code-background: @global-light-background;\r\n\r\n@base-pre-border: @global-border;\r\n\r\n\r\n\/\/ Body\r\n\/\/ ========================================================================\r\n\r\n.hook-base-body() {}\r\n\r\n\r\n\/\/ Code and preformatted text\r\n\/\/ ========================================================================\r\n\r\n.hook-base-code() {\r\n padding: 0 4px;\r\n border: 1px solid @base-code-border;\r\n border-radius: @global-border-radius;\r\n background: @base-code-background;\r\n}\r\n\r\n.hook-base-code-reset() {\r\n padding: 0;\r\n border: 0;\r\n background: transparent;\r\n}\r\n\r\n.hook-base-pre() {\r\n border: 1px solid @base-pre-border;\r\n border-radius: @global-border-radius;\r\n}\r\n\r\n\/\/ Miscellaneous\r\n\/\/ ========================================================================\r\n\r\n.hook-base-misc() {\r\n\r\n \/* Hyperlink *\/\r\n a:not([class]),\r\n :not([class*='uk-nav']) a:not([class]) {\r\n -webkit-transition: all 0.1s ease-in-out;\r\n transition: all 0.1s ease-in-out;\r\n }\r\n}\r\n\r\n\/\/ Layout\r\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\r\n\r\n\/\/\r\n\/\/ Component: Grid\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@grid-gutter-horizontal: @global-grid-gutter;\r\n@grid-gutter-vertical: @global-grid-gutter;\r\n@grid-gutter-large-horizontal: @global-grid-gutter-large;\r\n@grid-gutter-large-vertical: @global-grid-gutter-large;\r\n@grid-divider-border: @global-border;\r\n\r\n\r\n\/\/ Miscellaneous\r\n\/\/ ========================================================================\r\n\r\n.hook-grid-misc() {}\r\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\r\n\r\n\/\/\r\n\/\/ Component: Panel\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@panel-title-margin-bottom: @global-margin;\r\n@panel-title-font-size: round((@global-font-size * 1.28));\r\n@panel-title-line-height: round((@panel-title-font-size * 1.33));\r\n@panel-title-font-weight: @base-body-font-weight;\r\n@panel-title-color: @global-dark-color;\r\n\r\n@panel-title-text-transform: none;\r\n\r\n@panel-box-padding: 25px;\r\n@panel-box-background: #fff;\r\n@panel-box-color: @global-color;\r\n@panel-box-title-color: @global-dark-color;\r\n@panel-box-badge-top: @panel-box-padding;\r\n@panel-box-badge-right: @panel-box-badge-top;\r\n\r\n@panel-box-primary-background: @global-link-color;\r\n@panel-box-primary-color: #fff;\r\n@panel-box-primary-title-color: #fff;\r\n\r\n@panel-box-secondary-background: @global-light-background;\r\n@panel-box-secondary-color: @global-color;\r\n@panel-box-secondary-title-color: @global-dark-color;\r\n\r\n@panel-hover-padding: @global-margin;\r\n@panel-hover-hover-color: @global-color;\r\n@panel-hover-hover-background: @global-background;\r\n@panel-hover-teaser-margin: -(@panel-hover-padding + 1);\r\n\r\n@panel-header-title-padding: 10px;\r\n@panel-header-title-border: @global-border;\r\n@panel-header-title-color: @global-link-color;\r\n\r\n@panel-space-padding: 25px;\r\n\r\n@panel-divider-gutter: @global-grid-gutter;\r\n@panel-divider-gutter-large: @global-grid-gutter-large;\r\n@panel-divider-border: @global-border;\r\n\r\n\/\/\r\n\/\/ New\r\n\/\/\r\n\r\n@panel-header-padding: @panel-box-padding;\r\n@panel-header-background: #fff;\r\n\r\n@panel-box-primary-link-color: #fff;\r\n@panel-box-primary-link-hover-color: darken(@panel-box-primary-background, 40%);\r\n@panel-box-primary-badge-background: #fff;\r\n@panel-box-primary-badge-color: darken(@panel-box-primary-background, 10%);\r\n\r\n@panel-hover-border: @global-border;\r\n\r\n\r\n\/\/ Sub-object: `uk-panel-title`\r\n\/\/ ========================================================================\r\n\r\n.hook-panel-title() {}\r\n\r\n\r\n\/\/ Sub-object: `uk-panel-badge`\r\n\/\/ ========================================================================\r\n\r\n.hook-panel-badge() {}\r\n\r\n\r\n\/\/ Modifier: `uk-panel-box`\r\n\/\/ ========================================================================\r\n\r\n.hook-panel-box() {}\r\n\r\n.hook-panel-box-hover() {}\r\n\r\n\/\/\r\n\/\/ Sub-modifier: `uk-panel-box-primary`\r\n\/\/\r\n\r\n.hook-panel-box-primary() {\r\n\r\n > a:not([class]),\r\n > :not([class*='uk-nav']) a:not([class]) { color: @panel-box-primary-link-color; }\r\n\r\n > a:not([class]):hover,\r\n > :not([class*='uk-nav']) a:not([class]):hover {\r\n color: @panel-box-primary-link-hover-color;\r\n }\r\n\r\n .uk-badge {\r\n background: @panel-box-primary-badge-background;\r\n color: @panel-box-primary-badge-color;\r\n text-shadow: none;\r\n }\r\n}\r\n\r\n.hook-panel-box-primary-hover() {}\r\n\r\n\/\/\r\n\/\/ Sub-modifier: `uk-panel-box-secondary`\r\n\/\/\r\n\r\n.hook-panel-box-secondary() {}\r\n\r\n.hook-panel-box-secondary-hover() {}\r\n\r\n\r\n\/\/ Modifier: `uk-panel-hover`\r\n\/\/ ========================================================================\r\n\r\n.hook-panel-hover() { border: 1px solid transparent; }\r\n\r\n.hook-panel-hover-hover() { border-color: @panel-hover-border; }\r\n\r\n\r\n\/\/\r\n\/\/ Sub-modifier: `uk-panel-header`\r\n\/\/\r\n\r\n.hook-panel-header() {}\r\n\r\n\r\n\/\/ Miscellaneous\r\n\/\/ ========================================================================\r\n\r\n.hook-panel-misc() {\r\n\r\n \/* `uk-panel-header` *\/\r\n .uk-panel-header {\r\n padding: @panel-header-padding;\r\n background: @panel-header-background;\r\n }\r\n\r\n .uk-panel-header .uk-panel-badge {\r\n top: @panel-box-badge-top;\r\n right: @panel-box-badge-right;\r\n }\r\n\r\n .uk-panel-header> .uk-nav-side { margin: 0 -@panel-box-padding; }\r\n\r\n \/* `uk-panel-divider` *\/\r\n .uk-panel-divider { border: none !important; }\r\n\r\n}\r\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\r\n\r\n\/\/\r\n\/\/ Component: Block\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@block-default-background: @global-background;\r\n@block-muted-background: @global-light-background;\r\n@block-primary-background: @global-primary-background;\r\n@block-secondary-background: darken(@global-background, 70%);\r\n\r\n\r\n\/\/ Component\r\n\/\/ ========================================================================\r\n\r\n.hook-block() {}\r\n\r\n\r\n\/\/ Color modifier\r\n\/\/ ========================================================================\r\n\r\n.hook-block-default() {}\r\n\r\n.hook-block-muted() {}\r\n\r\n.hook-block-secondary() {}\r\n\r\n.hook-block-primary() {}\r\n\r\n\r\n\/\/ Miscellaneous\r\n\/\/ ========================================================================\r\n\r\n.hook-block-misc() {\r\n\r\n \/\/\r\n \/\/ Adjust padding between equal colored blocks\r\n \/\/\r\n\r\n .uk-block-default + .uk-block-default,\r\n .uk-block-muted + .uk-block-muted,\r\n .uk-block-primary + .uk-block-primary,\r\n .uk-block-secondary + .uk-block-secondary { padding-top: 0; }\r\n\r\n}\r\n\r\n\r\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\r\n\r\n\/\/\r\n\/\/ Component: Article\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@article-margin-top: @global-margin;\r\n\r\n@article-title-font-size: round((@global-font-size * 2.57));\r\n@article-title-line-height: round((@article-title-font-size * 1.16));\r\n@article-title-font-weight: @global-font-weight;\r\n\r\n@article-title-text-transform: none;\r\n\r\n@article-meta-font-size: round((@global-font-size * 0.93));\r\n@article-meta-line-height: round((@article-meta-font-size * 1.54));\r\n@article-meta-color: @global-muted-color;\r\n\r\n@article-lead-color: @global-color;\r\n@article-lead-font-size: round((@global-font-size * 1.28));\r\n@article-lead-line-height: round((@article-lead-font-size * 1.33));\r\n\r\n@article-divider-margin: @global-margin-large;\r\n@article-divider-border: @global-border;\r\n\r\n\/\/\r\n\/\/ New\r\n\/\/\r\n\r\n@article-title-border-color: rgba(0,0,0,0.06);\r\n@article-border: @global-border;\r\n\r\n\r\n\/\/ Sub-object `uk-article-title`\r\n\/\/ ========================================================================\r\n\r\n.hook-article-title() {\r\n display: inline-block;\r\n margin-top: 0;\r\n padding-bottom: @global-margin - 5;\r\n border-bottom: 1px solid @article-title-border-color;\r\n}\r\n\r\n\r\n\/\/ Sub-object `uk-article-meta`\r\n\/\/ ========================================================================\r\n\r\n.hook-article-meta() {}\r\n\r\n\r\n\/\/ Sub-object `uk-article-lead`\r\n\/\/ ========================================================================\r\n\r\n.hook-article-lead() {}\r\n\r\n\r\n\/\/ Sub-object `uk-article-divider`\r\n\/\/ ========================================================================\r\n\r\n.hook-article-divider() {}\r\n\r\n\r\n\/\/ Miscellaneous\r\n\/\/ ========================================================================\r\n\r\n.hook-article-misc() {\r\n\r\n .uk-article + .uk-article {\r\n margin-top: 0;\r\n border-top: 1px solid @article-border;\r\n }\r\n\r\n .uk-article-title + .uk-article-meta { margin-top: 0; }\r\n\r\n}\r\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\r\n\r\n\/\/\r\n\/\/ Component: Comment\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@comment-header-margin-bottom: @global-margin;\r\n\r\n@comment-avatar-margin-right: @global-margin;\r\n\r\n@comment-title-font-size: round((@global-font-size * 1.14));\r\n@comment-title-line-height: round((@comment-title-font-size * 1.37));\r\n\r\n@comment-meta-color: @global-muted-color;\r\n@comment-meta-font-size: round((@global-font-size * 0.78));\r\n@comment-meta-line-height: round((@comment-meta-font-size * 1.45));\r\n\r\n@comment-list-margin-top: @global-margin + 10px;\r\n\r\n\/\/\r\n\/\/ New\r\n\/\/\r\n\r\n@comment-padding: 10px;\r\n@comment-border: @global-border;\r\n@comment-background: @global-light-background;\r\n\r\n@comment-primary-border: \t\t@global-primary-background;\r\n\r\n\r\n\/\/ Component\r\n\/\/ ========================================================================\r\n\r\n.hook-comment() {}\r\n\r\n\r\n\/\/ Sub-object `uk-comment-header`\r\n\/\/ ========================================================================\r\n\r\n.hook-comment-header() {\r\n padding: @comment-padding;\r\n border: 1px solid @comment-border;\r\n border-radius: @global-border-radius;\r\n background: @comment-background;\r\n}\r\n\r\n\/\/ Sub-object `uk-comment-avatar`\r\n\/\/ ========================================================================\r\n\r\n.hook-comment-avatar() {}\r\n\r\n\r\n\/\/ Sub-object `uk-comment-title`\r\n\/\/ ========================================================================\r\n\r\n.hook-comment-title() {}\r\n\r\n\r\n\/\/ Sub-object `uk-comment-meta`\r\n\/\/ ========================================================================\r\n\r\n.hook-comment-meta() {}\r\n\r\n\/\/ Sub-object `uk-comment-body`\r\n\/\/ ========================================================================\r\n\r\n.hook-comment-body() {}\r\n\r\n\r\n\/\/ Sub-object `uk-comment-primary`\r\n\/\/ ========================================================================\r\n\r\n.hook-comment-primary() {}\r\n\r\n\r\n\/\/ Miscellaneous\r\n\/\/ ========================================================================\r\n\r\n.hook-comment-misc() {\r\n\r\n \/* Sub-object `uk-comment-body` *\/\r\n .uk-comment-body {\r\n padding-left: @comment-padding;\r\n padding-right: @comment-padding;\r\n }\r\n\r\n .uk-comment-primary {\r\n\r\n \t.uk-comment-header { border: 2px solid @comment-primary-border; }\r\n\r\n \t.uk-comment-title { color: @global-link-color; }\r\n\r\n }\r\n\r\n}\r\n\r\n\/\/ Navs\r\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\r\n\r\n\/\/\r\n\/\/ Component: Nav\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@nav-padding-vertical: 5px;\r\n@nav-padding-horizontal: 25px;\r\n\r\n@nav-header-padding-vertical: @nav-padding-vertical;\r\n@nav-header-padding-horizontal: @nav-padding-horizontal;\r\n@nav-header-font-size: round((@global-font-size * 0.85));\r\n@nav-header-font-weight: @global-font-weight;\r\n@nav-header-margin-top: @global-margin;\r\n\r\n@nav-divider-margin-horizontal: @nav-padding-horizontal;\r\n\r\n@nav-subtitle-font-size: round((@global-font-size * 0.85));\r\n@nav-subtitle-line-height: round((@nav-subtitle-font-size * 1.5));\r\n\r\n@nav-sub-padding-vertical: @nav-padding-vertical;\r\n@nav-sub-padding-left: @nav-padding-horizontal;\r\n\r\n@nav-parent-icon-width: @global-line-height;\r\n\r\n@nav-side-color: @global-color;\r\n@nav-side-hover-background: rgba(0,0,0,0.03);\r\n@nav-side-hover-color: @global-color;\r\n@nav-side-active-background: @global-link-color;\r\n@nav-side-active-color: @global-contrast-color;\r\n@nav-side-header-color: @global-muted-color;\r\n@nav-side-divider-border: @global-border;\r\n@nav-side-nested-color: @global-link-color;\r\n@nav-side-nested-hover-color: @global-link-hover-color;\r\n\r\n@nav-dropdown-color: @global-color;\r\n@nav-dropdown-hover-background: rgba(0,0,0,0.03);\r\n@nav-dropdown-hover-color: darken(@global-color, 20%);\r\n@nav-dropdown-header-color: @global-muted-color;\r\n@nav-dropdown-divider-border: @global-border;\r\n@nav-dropdown-nested-color: @global-link-color;\r\n@nav-dropdown-nested-hover-color: @global-link-hover-color;\r\n\r\n@nav-navbar-color: @global-color;\r\n@nav-navbar-hover-background: rgba(0,0,0,0.03);\r\n@nav-navbar-hover-color: darken(@global-color, 20%);\r\n@nav-navbar-header-color: @global-muted-color;\r\n@nav-navbar-divider-border: @global-border;\r\n@nav-navbar-nested-color: @global-link-color;\r\n@nav-navbar-nested-hover-color: @global-link-hover-color;\r\n\r\n@nav-offcanvas-color: @offcanvas-panel-link-color;\r\n@nav-offcanvas-hover-background: lighten(@offcanvas-bar-background, 5%);\r\n@nav-offcanvas-hover-color: @offcanvas-panel-link-hover-color;\r\n@nav-offcanvas-active-background: darken(@offcanvas-bar-background, 10%);\r\n@nav-offcanvas-active-color: @offcanvas-panel-link-hover-color;\r\n@nav-offcanvas-header-color: @offcanvas-panel-color;\r\n@nav-offcanvas-divider-border: rgba(255,255,255,0.01);\r\n@nav-offcanvas-nested-color: @offcanvas-panel-link-color;\r\n@nav-offcanvas-nested-hover-color: @offcanvas-panel-link-hover-color;\r\n\r\n\/\/\r\n\/\/ New\r\n\/\/\r\n\r\n@nav-side-hover-box-shadow: rgba(0,0,0,0.1);\r\n@nav-side-active-box-shadow: rgba(0,0,0,0.1);\r\n\r\n@nav-dropdown-hover-box-shadow: rgba(0,0,0,0.05);\r\n\r\n@nav-navbar-hover-box-shadow: rgba(0,0,0,0.05);\r\n\r\n@nav-offcanvas-header-background: lighten(@offcanvas-bar-background, 5%);\r\n@nav-offcanvas-divider-background: rgba(0,0,0,0.2);\r\n\r\n\r\n\/\/ Sub-object: `uk-nav-header`\r\n\/\/ ========================================================================\r\n\r\n.hook-nav-header() {}\r\n\r\n\r\n\/\/ Sub-object: `uk-nav-divider`\r\n\/\/ ========================================================================\r\n\r\n.hook-nav-divider() {}\r\n\r\n\r\n\/\/ Sub-object: `uk-nav-sub`\r\n\/\/ ========================================================================\r\n\r\n.hook-nav-sub() {}\r\n\r\n\r\n\/\/ Modifier: `uk-nav-parent-icon`\r\n\/\/ ========================================================================\r\n\r\n.hook-nav-parent-icon() {}\r\n\r\n\r\n\/\/ Modifier `uk-nav-side`\r\n\/\/ ========================================================================\r\n\r\n\/\/\r\n\/\/ Items\r\n\/\/\r\n\r\n.hook-nav-side() {}\r\n\r\n\/\/ Hover\r\n.hook-nav-side-hover() { box-shadow: inset 0 1px 2px @nav-side-hover-box-shadow; }\r\n\r\n\/\/ Active\r\n.hook-nav-side-active() { box-shadow: inset 0 1px 2px @nav-side-active-box-shadow; }\r\n\r\n\/\/\r\n\/\/ Sub-object: `uk-nav-header`\r\n\/\/\r\n\r\n.hook-nav-side-header() {}\r\n\r\n\/\/\r\n\/\/ Sub-object: `uk-nav-divider`\r\n\/\/\r\n\r\n.hook-nav-side-divider() { box-shadow: 0 1px 0 @nav-side-active-box-shadow; }\r\n\r\n\r\n\/\/ Modifier `uk-nav-dropdown`\r\n\/\/ ========================================================================\r\n\r\n\/\/\r\n\/\/ Items\r\n\/\/\r\n\r\n.hook-nav-dropdown() {}\r\n\r\n\/\/ Hover\r\n.hook-nav-dropdown-hover() { box-shadow: inset 0 1px 2px @nav-dropdown-hover-box-shadow; }\r\n\r\n\/\/\r\n\/\/ Sub-object: `uk-nav-header`\r\n\/\/\r\n\r\n.hook-nav-dropdown-header() {}\r\n\r\n\/\/\r\n\/\/ Sub-object: `uk-nav-divider`\r\n\/\/\r\n\r\n.hook-nav-dropdown-divider() {}\r\n\r\n\r\n\/\/ Modifier `uk-nav-navbar`\r\n\/\/ ========================================================================\r\n\r\n\/\/\r\n\/\/ Items\r\n\/\/\r\n\r\n.hook-nav-navbar() {}\r\n\r\n\/\/ Hover\r\n.hook-nav-navbar-hover() { box-shadow: inset 0 1px 2px @nav-navbar-hover-box-shadow; }\r\n\r\n\/\/\r\n\/\/ Sub-object: `uk-nav-header`\r\n\/\/\r\n\r\n.hook-nav-navbar-header() {}\r\n\r\n\/\/\r\n\/\/ Sub-object: `uk-nav-divider`\r\n\/\/\r\n\r\n.hook-nav-navbar-divider() {}\r\n\r\n\r\n\/\/ Modifier `uk-nav-offcanvas`\r\n\/\/ ========================================================================\r\n\r\n.hook-nav-offcanvas-link() {}\r\n.hook-nav-offcanvas-link-hover() {}\r\n\r\n\/\/\r\n\/\/ Items\r\n\/\/\r\n\r\n.hook-nav-offcanvas() {\r\n border-top: 1px solid rgba(0,0,0,0.3);\r\n box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);\r\n}\r\n\r\n\/\/ Hover\r\n.hook-nav-offcanvas-hover() {}\r\n\r\n\r\n\/\/ Active\r\n.hook-nav-offcanvas-active() { box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); }\r\n\r\n\/\/\r\n\/\/ Sub-object: `uk-nav-header`\r\n\/\/\r\n\r\n.hook-nav-offcanvas-header() {\r\n margin-top: 0;\r\n border-top: 1px solid rgba(0,0,0,0.3);\r\n background: @nav-offcanvas-header-background;\r\n box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);\r\n}\r\n\r\n\/\/\r\n\/\/ Sub-object: `uk-nav-divider`\r\n\/\/\r\n\r\n.hook-nav-offcanvas-divider() {\r\n margin: 0;\r\n height: 4px;\r\n background: @nav-offcanvas-divider-background;\r\n box-shadow: inset 0 1px 3px rgba(0,0,0,0.3);\r\n}\r\n\r\n\r\n\/\/ Miscellaneous\r\n\/\/ ========================================================================\r\n\r\n.hook-nav-misc() {\r\n\r\n .uk-nav-offcanvas {\r\n border-bottom: 1px solid rgba(0,0,0,0.3);\r\n box-shadow: 0 1px 0 rgba(255,255,255,0.05);\r\n }\r\n\r\n \/* Sub-object: `uk-nav-sub` *\/\r\n .uk-nav-offcanvas .uk-nav-sub {\r\n border-top: 1px solid rgba(0,0,0,0.3);\r\n box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);\r\n }\r\n\r\n}\r\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\r\n\r\n\/\/\r\n\/\/ Component: Navbar\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@navbar-background: mix(@navbar-gradient-top, @navbar-gradient-bottom, 40%);\r\n@navbar-color: fade(@global-contrast-color, 50%);\r\n\r\n@navbar-link-color: @global-link-color;\r\n@navbar-link-hover-color: lighten(@global-link-color, 10%);\r\n\r\n@navbar-nav-height: 55px;\r\n@navbar-nav-line-height: @navbar-nav-height;\r\n@navbar-nav-padding-horizontal: 20px;\r\n@navbar-nav-color: fade(@global-contrast-color, 60%);\r\n@navbar-nav-font-size: round((@global-font-size * 1.07));\r\n@navbar-nav-font-weight: @global-font-weight;\r\n@navbar-nav-font-family: 'Roboto Condensed';\r\n\r\n@navbar-nav-hover-background: rgba(0,0,0,0.2);\r\n@navbar-nav-hover-color: @global-contrast-color;\r\n\r\n@navbar-nav-onclick-background: rgba(0,0,0,0.3);\r\n@navbar-nav-onclick-color: @global-link-color;\r\n\r\n@navbar-nav-active-background: @global-primary-background;\r\n@navbar-nav-active-color: @global-contrast-color;\r\n\r\n@navbar-brand-font-size: round((@global-font-size * 1.28));\r\n@navbar-brand-color: fade(@global-contrast-color, 90%);\r\n@navbar-brand-hover-color: @global-contrast-color;\r\n\r\n@navbar-toggle-font-size: round((@global-font-size * 1.28));\r\n@navbar-toggle-color: fade(@global-contrast-color, 60%);\r\n@navbar-toggle-hover-color: @global-contrast-color;\r\n\r\n\/\/\r\n\/\/ New\r\n\/\/\r\n\r\n@navbar-gradient-top: #383838;\r\n@navbar-gradient-bottom: #2f2f2f;\r\n\r\n@navbar-nav-active-gradient-top: @global-primary-gradient-top;\r\n@navbar-nav-active-gradient-bottom: @global-primary-gradient-bottom;\r\n\r\n@navbar-box-shadow: rgba(0,0,0,0.0);\r\n@navbar-nav-hover-box-shadow: rgba(0,0,0,0.1);\r\n@navbar-nav-onclick-box-shadow: rgba(0,0,0,0.1);\r\n\r\n@navbar-text-transform: uppercase;\r\n\r\n\r\n\/\/ Component\r\n\/\/ ========================================================================\r\n\r\n.hook-navbar() {\r\n background-image: -webkit-linear-gradient(top, @navbar-gradient-top, @navbar-gradient-bottom);\r\n background-image: linear-gradient(to bottom, @navbar-gradient-top, @navbar-gradient-bottom);\r\n box-shadow: inset 0 -1px 0 @navbar-box-shadow;\r\n}\r\n\r\n\r\n\/\/ Sub-object: `uk-navbar-nav`\r\n\/\/ ========================================================================\r\n\r\n\/\/ Hover\r\n.hook-navbar-nav-hover() {\r\n position: relative;\r\n z-index: 1;\r\n box-shadow: inset 0 2px 4px @navbar-nav-hover-box-shadow;\r\n}\r\n\r\n\/\/ OnClick\r\n.hook-navbar-nav-onclick() { box-shadow: inset 0 2px 4px @navbar-nav-onclick-box-shadow; }\r\n\r\n\/\/ Active\r\n.hook-navbar-nav-active() {\r\n background-origin: border-box; \/* 1 *\/\r\n background-image: -webkit-linear-gradient(top, @navbar-nav-active-gradient-top, @navbar-nav-active-gradient-bottom);\r\n background-image: linear-gradient(to bottom, @navbar-nav-active-gradient-top, @navbar-nav-active-gradient-bottom);\r\n}\r\n\r\n\r\n\/\/ Sub-object: `uk-navbar-content`\r\n\/\/ ========================================================================\r\n\r\n.hook-navbar-content() {}\r\n\r\n\r\n\/\/ Miscellaneous\r\n\/\/ ========================================================================\r\n\r\n.hook-navbar-misc() {\r\n\r\n \/* Navbar nav *\/\r\n .uk-navbar-nav > li > a { text-transform: @navbar-text-transform; }\r\n\r\n}\r\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\r\n\r\n\/\/\r\n\/\/ Component: Subnav\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@subnav-color: @global-color;\r\n@subnav-hover-color: @global-link-color;\r\n@subnav-active-color: @global-link-color;\r\n\r\n@subnav-line-border: @global-border;\r\n\r\n@subnav-pill-hover-background: @global-light-background;\r\n@subnav-pill-hover-color: @global-color;\r\n@subnav-pill-active-background: @global-primary-background;\r\n@subnav-pill-active-color: @global-contrast-color;\r\n\r\n@subnav-disabled-color: @global-muted-color;\r\n\r\n\/\/\r\n\/\/ New\r\n\/\/\r\n\r\n@subnav-hover-box-shadow: rgba(0,0,0,0.06);\r\n@subnav-active-box-shadow: rgba(0,0,0,0.1);\r\n\r\n\r\n\/\/ Component\r\n\/\/ ========================================================================\r\n\r\n\/\/\r\n\/\/ Items\r\n\/\/\r\n\r\n.hook-subnav() {}\r\n\r\n\/\/ Hover\r\n.hook-subnav-hover() {}\r\n\r\n\/\/ Active\r\n.hook-subnav-active() {}\r\n\r\n\r\n\/\/ Modifier: `uk-subnav-line'\r\n\/\/ ========================================================================\r\n\r\n.hook-subnav-line-divider() {}\r\n\r\n\r\n\/\/ Modifier: `uk-subnav-pill'\r\n\/\/ ========================================================================\r\n\r\n.hook-subnav-pill() { border-radius: @global-border-radius; }\r\n\r\n\/\/ Hover\r\n.hook-subnav-pill-hover() { box-shadow: 0 0 0 1px @subnav-hover-box-shadow; }\r\n\r\n\/\/ Active\r\n.hook-subnav-pill-active() { box-shadow: inset 0 1px 2px @subnav-active-box-shadow; }\r\n\r\n\r\n\/\/ Disabled state\r\n\/\/ ========================================================================\r\n\r\n.hook-subnav-disabled() {}\r\n\r\n\r\n\/\/ Miscellaneous\r\n\/\/ ========================================================================\r\n\r\n.hook-subnav-misc() {}\r\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\r\n\r\n\/\/\r\n\/\/ Component: Breadcrumb\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@breadcrumb-disabled-color: @global-muted-color;\r\n\r\n\r\n\/\/ Component\r\n\/\/ ========================================================================\r\n\r\n.hook-breadcrumb() {}\r\n\r\n\r\n\/\/ Items\r\n\/\/ ========================================================================\r\n\r\n.hook-breadcrumb-divider() {}\r\n\r\n\r\n\/\/ Miscellaneous\r\n\/\/ ========================================================================\r\n\r\n.hook-breadcrumb-misc() {}\r\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\r\n\r\n\/\/\r\n\/\/ Component: Pagination\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@pagination-line-height: @global-line-height;\r\n@pagination-background: @global-default-background;\r\n@pagination-color: @global-color;\r\n\r\n@pagination-hover-background: @global-default-hover-background;\r\n@pagination-hover-color: darken(@global-color, 20%);\r\n\r\n@pagination-onclick-background: @global-default-active-background;\r\n@pagination-onclick-color: @global-color;\r\n\r\n@pagination-active-background: @global-primary-background;\r\n@pagination-active-color: @global-contrast-color;\r\n\r\n@pagination-disabled-background: @global-light-background;\r\n@pagination-disabled-color: @global-muted-color;\r\n\r\n\/\/\r\n\/\/ New\r\n\/\/\r\n\r\n@pagination-gradient-top: @global-default-gradient-top;\r\n@pagination-gradient-bottom: @global-default-gradient-bottom;\r\n\r\n@pagination-primary-gradient-top: @global-primary-gradient-top;\r\n@pagination-primary-gradient-bottom: @global-primary-gradient-bottom;\r\n\r\n@pagination-active-box-shadow: rgba(0,0,0,0.1);\r\n\r\n\r\n\/\/ Component\r\n\/\/ ========================================================================\r\n\r\n.hook-pagination-item() {\r\n border: 1px solid @global-border;\r\n border-radius: @global-border-radius;\r\n}\r\n\r\n\r\n\/\/ Items\r\n\/\/ ========================================================================\r\n\r\n.hook-pagination-link() {\r\n background-image: -webkit-linear-gradient(top, @pagination-gradient-top, @pagination-gradient-bottom);\r\n background-image: linear-gradient(to bottom, @pagination-gradient-top, @pagination-gradient-bottom);\r\n}\r\n\r\n.hook-pagination-link-hover() {\r\n border-color: @global-hover-border;\r\n background-image: none;\r\n}\r\n\r\n.hook-pagination-link-active() {\r\n background-image: none;\r\n box-shadow: inset 0 1px 2px @pagination-active-box-shadow;\r\n}\r\n\r\n\/\/\r\n\/\/ Active\r\n\/\/\r\n\r\n.hook-pagination-active() {\r\n background-image: -webkit-linear-gradient(top, @pagination-primary-gradient-top, @pagination-primary-gradient-bottom);\r\n background-image: linear-gradient(to bottom, @pagination-primary-gradient-top, @pagination-primary-gradient-bottom);\r\n}\r\n\r\n\/\/\r\n\/\/ Disabled\r\n\/\/\r\n\r\n.hook-pagination-disabled() {}\r\n\r\n\r\n\/\/ Miscellaneous\r\n\/\/ ========================================================================\r\n\r\n.hook-pagination-misc() {}\r\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\r\n\r\n\/\/\r\n\/\/ Component: Tab\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@tab-border: @global-border;\r\n@tab-padding-horizontal: 18px;\r\n@tab-padding-vertical: 10px;\r\n@tab-color: @global-link-color;\r\n\r\n@tab-hover-background: @global-light-background;\r\n@tab-hover-color: @global-link-color;\r\n\r\n@tab-active-border: @global-border;\r\n@tab-active-background: #fff;\r\n@tab-active-color: @global-dark-color;\r\n\r\n@tab-disabled-color: @global-muted-color;\r\n\r\n\/\/\r\n\/\/ New\r\n\/\/\r\n\r\n@tab-gradient-top: @global-default-gradient-top;\r\n@tab-gradient-bottom: @global-default-gradient-bottom;\r\n\r\n@tab-hover-gradient-top: darken(@global-default-gradient-top, 3%);\r\n@tab-hover-gradient-bottom: darken(@global-default-gradient-bottom, 3%);\r\n\r\n@tab-onclick-box-shadow: rgba(0,0,0,0.1);\r\n\r\n\r\n\/\/ Component\r\n\/\/ ========================================================================\r\n\r\n\/\/\r\n\/\/ Items\r\n\/\/\r\n\r\n.hook-tab() {\r\n border: none;\r\n background: mix(@tab-gradient-top, @tab-gradient-bottom, 50%);\r\n background-image: -webkit-linear-gradient(top, @tab-gradient-top, @tab-gradient-bottom);\r\n background-image: linear-gradient(to bottom, @tab-gradient-top, @tab-gradient-bottom);\r\n}\r\n\r\n\/\/ Hover\r\n.hook-tab-hover() {\r\n background: mix(@tab-gradient-top, @tab-gradient-bottom, 10%);\r\n background-image: -webkit-linear-gradient(top, @tab-hover-gradient-top, @tab-hover-gradient-bottom);\r\n background-image: linear-gradient(to bottom, @tab-hover-gradient-top, @tab-hover-gradient-bottom);\r\n}\r\n\r\n\/\/ Active\r\n.hook-tab-active() {}\r\n\r\n\/\/ Disabled\r\n.hook-tab-disabled() {}\r\n\r\n\r\n\/\/ Miscellaneous\r\n\/\/ ========================================================================\r\n\r\n.hook-tab-misc() {\r\n\r\n .uk-tab {\r\n border: none;\r\n background: mix(@tab-gradient-top, @tab-gradient-bottom, 80%);\r\n background-image: -webkit-linear-gradient(top, @tab-gradient-top, @tab-gradient-bottom);\r\n background-image: linear-gradient(to bottom, @tab-gradient-top, @tab-gradient-bottom);\r\n }\r\n\r\n .uk-tab > li { margin-bottom: 0; }\r\n\r\n .uk-tab > li:nth-child(n+2) > a { margin-left: 0; }\r\n\r\n \/* Hover *\/\r\n .uk-tab > li:not(.uk-active) > a:hover,\r\n .uk-tab > li:not(.uk-active) > a:focus,\r\n .uk-tab > li.uk-open:not(.uk-active) > a {\r\n margin-bottom: 0;\r\n padding-bottom: @tab-padding-vertical;\r\n }\r\n\r\n \/* OnClick *\/\r\n .uk-tab > li > a:active {\r\n box-shadow: inset 0 1px 2px @tab-onclick-box-shadow;\r\n }\r\n\r\n \/* Modifier: 'tab-flip'\r\n ========================================================================== *\/\r\n\r\n .uk-tab-flip > li:nth-child(n+2) > a { margin-right: 0; }\r\n\r\n\r\n \/* Modifier: 'tab-center'\r\n ========================================================================== *\/\r\n\r\n .uk-tab-center { border-bottom: none; }\r\n\r\n .uk-tab-center-bottom {\r\n border-bottom: none;\r\n border-top: none;\r\n }\r\n\r\n\r\n \/* Modifier: 'tab-bottom'\r\n ========================================================================== *\/\r\n\r\n .uk-tab-bottom { border-top: none; }\r\n\r\n .uk-tab-bottom > li { margin-top: 0; }\r\n\r\n .uk-tab-bottom > li > a { border-bottom-width: 0; }\r\n\r\n .uk-tab-bottom > li:not(.uk-active) > a:hover,\r\n .uk-tab-bottom > li:not(.uk-active) > a:focus,\r\n .uk-tab-bottom > li.uk-open:not(.uk-active) > a {\r\n margin-top: 0;\r\n padding-top: @tab-padding-vertical;\r\n }\r\n\r\n\r\n \/* Modifier: 'tab-grid'\r\n ========================================================================== *\/\r\n\r\n .uk-tab-grid { margin-left: 0; }\r\n\r\n .uk-tab-grid:before {\r\n left: 0;\r\n bottom: 0;\r\n }\r\n\r\n .uk-tab-grid > li:first-child > a { margin-left: 0; }\r\n\r\n \/*\r\n * If `uk-tab-bottom`\r\n *\/\r\n\r\n .uk-tab-grid.uk-tab-bottom:before { top: 0; }\r\n\r\n\r\n \/* Modifier: 'tab-left', 'tab-right'\r\n ========================================================================== *\/\r\n\r\n \/* Only tablets and desktops *\/\r\n @media (min-width: @breakpoint-medium) {\r\n\r\n .uk-tab-left > li:nth-child(n+2) > a,\r\n .uk-tab-right > li:nth-child(n+2) > a { margin-top: 0; }\r\n\r\n \/*\r\n * Modifier: 'tab-left'\r\n *\/\r\n\r\n .uk-tab-left { border-right: none; }\r\n\r\n .uk-tab-left > li { margin-right: 0; }\r\n\r\n .uk-tab-left > li > a { border-bottom-width: 0; }\r\n\r\n .uk-tab-left > li:not(.uk-active) > a:hover,\r\n .uk-tab-left > li:not(.uk-active) > a:focus {\r\n margin-right: 0;\r\n padding-right: @tab-padding-horizontal;\r\n }\r\n\r\n \/*\r\n * Modifier: 'tab-right'\r\n *\/\r\n\r\n .uk-tab-right { border-left: 0; }\r\n\r\n .uk-tab-right > li { margin-left: 0; }\r\n\r\n .uk-tab-right > li > a { border-bottom-width: 0; }\r\n\r\n .uk-tab-right > li:not(.uk-active) > a:hover,\r\n .uk-tab-right > li:not(.uk-active) > a:focus {\r\n margin-left: 0;\r\n padding-left: @tab-padding-horizontal;\r\n }\r\n\r\n }\r\n\r\n}\r\n\r\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\r\n\r\n\/\/\r\n\/\/ Component: Thumbnav\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Component\r\n\/\/ ========================================================================\r\n\r\n.hook-thumbnav() {}\r\n\r\n\r\n\/\/ Miscellaneous\r\n\/\/ ========================================================================\r\n\r\n.hook-thumbnav-misc() {}\r\n\r\n\/\/ Elements\r\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\r\n\r\n\/\/\r\n\/\/ Component: List\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@list-line-border: @global-border;\r\n@list-striped-background: @global-light-background;\r\n\r\n\/\/\r\n\/\/ New\r\n\/\/\r\n\r\n@list-striped-border: @global-border;\r\n\r\n\r\n\/\/ Modifier: `list-line`\r\n\/\/ ========================================================================\r\n\r\n.hook-list-line() {}\r\n\r\n\r\n\/\/ Modifier: `list-striped`\r\n\/\/ ========================================================================\r\n\r\n.hook-list-striped() { border-bottom: 1px solid @list-striped-border; }\r\n\r\n\r\n\/\/ Miscellaneous\r\n\/\/ ========================================================================\r\n\r\n.hook-list-misc() {\r\n\r\n .uk-list-striped > li:first-child { border-top: 1px solid @list-striped-border; }\r\n\r\n}\r\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\r\n\r\n\/\/\r\n\/\/ Component: Description list\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@description-list-line-border: @global-border;\r\n@description-list-line-color: @global-muted-color;\r\n\r\n\r\n\/\/ Miscellaneous\r\n\/\/ ========================================================================\r\n\r\n.hook-description-list-misc() {}\r\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\r\n\r\n\/\/\r\n\/\/ Component: Table\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@table-margin-vertical: @global-margin;\r\n\r\n@table-caption-color: @global-muted-color;\r\n@table-caption-font-size: round((@global-font-size * 0.85));\r\n\r\n@table-striped-background: @global-light-background;\r\n\r\n@table-hover-background: rgba(0,0,0,0.03);\r\n\r\n\/\/\r\n\/\/ New\r\n\/\/\r\n\r\n@table-border: @global-border;\r\n\r\n\r\n\/\/ Component\r\n\/\/ ========================================================================\r\n\r\n.hook-table() { border-bottom: 1px solid @table-border; }\r\n\r\n\r\n\/\/ Miscellaneous\r\n\/\/ ========================================================================\r\n\r\n.hook-table-misc() {}\r\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\r\n\r\n\/\/\r\n\/\/ Component: Form\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@form-height: @global-height;\r\n@form-small-height: @global-small-height;\r\n@form-large-height: @global-large-height;\r\n@form-small-font-size: round((@global-font-size * 0.85));\r\n@form-large-font-size: round((@global-font-size * 1.14));\r\n\r\n@form-border: @global-border;\r\n@form-background: @global-light-background;\r\n@form-color: @global-color;\r\n@form-placeholder-color: @global-muted-color;\r\n\r\n@form-focus-border: @global-hover-border;\r\n@form-focus-background: #fff;\r\n@form-focus-color: @global-color;\r\n\r\n@form-disabled-border: @global-border;\r\n@form-disabled-background: @global-light-background;\r\n@form-disabled-color: @global-muted-color;\r\n\r\n@form-danger-border: fade(desaturate(@global-danger-color, 20%), 30%);\r\n@form-danger-background: #fff7f8;\r\n@form-danger-color: @global-danger-color;\r\n\r\n@form-success-border: fade(desaturate(@global-success-color, 20%), 30%);\r\n@form-success-background: #f4fff5;\r\n@form-success-color: @global-success-color;\r\n\r\n@form-blank-border: @global-border;\r\n\r\n@form-legend-border: @global-border;\r\n@form-legend-font-size: round((@global-font-size * 1.28));\r\n@form-legend-line-height: round((@form-legend-font-size * 1.66));\r\n\r\n@form-gutter: @global-margin;\r\n\r\n@form-icon-width: @global-height;\r\n@form-icon-font-size: @global-font-size;\r\n@form-icon-color: @global-muted-color;\r\n\r\n\r\n\/\/ Component\r\n\/\/ ========================================================================\r\n\r\n.hook-form() {\r\n border-radius: @global-border-radius;\r\n font-weight: inherit;\r\n}\r\n\r\n\/\/ Focus state\r\n.hook-form-focus() {}\r\n\r\n\/\/ Disabled state\r\n.hook-form-disabled() {}\r\n\r\n\/\/ Legend\r\n.hook-form-legend() {}\r\n\r\n\r\n\/\/ Validation states\r\n\/\/ ========================================================================\r\n\r\n\/\/\r\n\/\/ Error state\r\n\/\/\r\n\r\n.hook-form-danger() {}\r\n\r\n\/\/\r\n\/\/ Success state\r\n\/\/\r\n\r\n.hook-form-success() {}\r\n\r\n\r\n\/\/ Style modifiers\r\n\/\/ ========================================================================\r\n\r\n.hook-form-blank() {}\r\n.hook-form-blank-focus() {}\r\n\r\n\r\n\/\/ Sub-object: `uk-form-label`\r\n\/\/ ========================================================================\r\n\r\n.hook-form-stacked-label() {}\r\n\r\n.hook-form-horizontal-label() {}\r\n\r\n\r\n\/\/ Miscellaneous\r\n\/\/ ========================================================================\r\n\r\n.hook-form-misc() {}\r\n\r\n\/\/ Common\r\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\r\n\r\n\/\/\r\n\/\/ Component: Button\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@button-height: @global-height;\r\n@button-mini-height: @global-mini-height;\r\n@button-small-height: @global-small-height;\r\n@button-large-height: @global-large-height;\r\n@button-line-height: @global-height;\r\n\r\n@button-mini-line-height: @global-mini-height;\r\n@button-small-line-height: @global-small-height;\r\n@button-large-line-height: @global-large-height;\r\n\r\n@button-mini-font-size: round((@global-font-size * 0.78));\r\n@button-small-font-size: round((@global-font-size * 0.85));\r\n@button-large-font-size: round((@global-font-size * 1.14));\r\n\r\n@button-font-size: round((@global-font-size * 0.93)); \/\/ 13px\r\n@button-background: @global-default-background;\r\n@button-color: @global-color;\r\n@button-hover-background: @global-default-hover-background;\r\n@button-hover-color: @global-color;\r\n@button-active-background: @global-default-active-background;\r\n@button-active-color: @global-color;\r\n\r\n@button-primary-background: @global-primary-background;\r\n@button-primary-color: @global-contrast-color;\r\n@button-primary-hover-background: desaturate(lighten(@global-primary-background, 5%), 6%);\r\n@button-primary-hover-color: @global-contrast-color;\r\n@button-primary-active-background: desaturate(darken(@global-primary-background, 5%), 6%);\r\n@button-primary-active-color: @global-contrast-color;\r\n\r\n@button-success-background: @global-success-background;\r\n@button-success-color: @global-contrast-color;\r\n@button-success-hover-background: desaturate(lighten(@global-success-background, 5%), 6%);\r\n@button-success-hover-color: @global-contrast-color;\r\n@button-success-active-background: desaturate(darken(@global-success-background, 5%), 6%);\r\n@button-success-active-color: @global-contrast-color;\r\n\r\n@button-danger-background: @global-danger-background;\r\n@button-danger-color: @global-contrast-color;\r\n@button-danger-hover-background: desaturate(lighten(@global-danger-background, 5%), 6%);\r\n@button-danger-hover-color: @global-contrast-color;\r\n@button-danger-active-background: desaturate(darken(@global-danger-background, 5%), 6%);\r\n@button-danger-active-color: @global-contrast-color;\r\n\r\n@button-disabled-background: @global-light-background;\r\n@button-disabled-color: @global-muted-color;\r\n\r\n@button-link-color: @global-link-color;\r\n@button-link-hover-color: @global-link-hover-color;\r\n@button-link-disabled-color: @global-muted-color;\r\n\r\n\/\/\r\n\/\/ New\r\n\/\/\r\n\r\n@button-box-shadow: rgba(0,0,0,0.09);\r\n@button-hover-box-shadow: rgba(0,0,0,0.16);\r\n@button-active-box-shadow: rgba(0,0,0,0.1);\r\n\r\n@button-gradient-top: @global-default-gradient-top;\r\n@button-gradient-bottom: @global-default-gradient-bottom;\r\n\r\n@button-primary-gradient-top: @global-primary-gradient-top;\r\n@button-primary-gradient-bottom: @global-primary-gradient-bottom;\r\n\r\n@button-success-gradient-top: @global-success-gradient-top;\r\n@button-success-gradient-bottom: @global-success-gradient-bottom;\r\n\r\n@button-warning-gradient-top: @global-warning-gradient-top;\r\n@button-warning-gradient-bottom: @global-warning-gradient-bottom;\r\n\r\n@button-danger-gradient-top: @global-danger-gradient-top;\r\n@button-danger-gradient-bottom: @global-danger-gradient-bottom;\r\n\r\n@button-font-weight: @global-font-weight;\r\n@button-text-transform: uppercase;\r\n\r\n\r\n\/\/ Component\r\n\/\/ ========================================================================\r\n\r\n.hook-button() {\r\n border: 1px solid @global-border;\r\n border-radius: @global-border-radius;\r\n background-origin: border-box;\r\n background: mix(@button-gradient-top, @button-gradient-bottom, 50%);\r\n background-image: -webkit-linear-gradient(top, @button-gradient-top, @button-gradient-bottom);\r\n background-image: linear-gradient(to bottom, @button-gradient-top, @button-gradient-bottom);\r\n font-weight: @button-font-weight;\r\n text-transform: @button-text-transform;\r\n}\r\n\r\n.hook-button-hover() {\r\n border-color: @global-hover-border;\r\n background-image: none;\r\n}\r\n\r\n.hook-button-active() {\r\n background-image: none;\r\n box-shadow: inset 0 2px 4px @button-active-box-shadow;\r\n}\r\n\r\n\r\n\/\/ Color modifiers\r\n\/\/ ========================================================================\r\n\r\n\/\/\r\n\/\/ Modifier: `uk-button-primary`\r\n\/\/\r\n\r\n.hook-button-primary() {\r\n background-image: -webkit-linear-gradient(top, @button-primary-gradient-top, @button-primary-gradient-bottom);\r\n background-image: linear-gradient(to bottom, @button-primary-gradient-top, @button-primary-gradient-bottom);\r\n}\r\n\r\n.hook-button-primary-hover() { background-image: none; }\r\n.hook-button-primary-active() {\r\n background-image: none;\r\n box-shadow: inset 0 2px 4px @button-active-box-shadow;\r\n}\r\n\r\n\/\/\r\n\/\/ Modifier: `uk-button-success`\r\n\/\/\r\n\r\n.hook-button-success() {\r\n background-image: -webkit-linear-gradient(top, @button-success-gradient-top, @button-success-gradient-bottom);\r\n background-image: linear-gradient(to bottom, @button-success-gradient-top, @button-success-gradient-bottom);\r\n line-height: @button-line-height - 2;\r\n}\r\n\r\n.hook-button-success-hover() { background-image: none; }\r\n.hook-button-success-active() {\r\n background-image: none;\r\n box-shadow: inset 0 2px 4px @button-active-box-shadow;\r\n}\r\n\r\n\/\/\r\n\/\/ Modifier: `uk-button-danger`\r\n\/\/\r\n\r\n.hook-button-danger() {\r\n background-image: -webkit-linear-gradient(top, @button-danger-gradient-top, @button-danger-gradient-bottom);\r\n background-image: linear-gradient(to bottom, @button-danger-gradient-top, @button-danger-gradient-bottom);\r\n line-height: @button-line-height - 2;\r\n}\r\n\r\n.hook-button-danger-hover() { background-image: none; }\r\n.hook-button-danger-active() {\r\n background-image: none;\r\n box-shadow: inset 0 2px 4px @button-active-box-shadow;\r\n}\r\n\r\n\r\n\/\/ Disabled state\r\n\/\/ ========================================================================\r\n\r\n.hook-button-disable() {\r\n background-image: none;\r\n box-shadow: none;\r\n}\r\n\r\n\r\n\/\/ Modifier: `uk-button-link`\r\n\/\/ ========================================================================\r\n\r\n.hook-button-link() { box-shadow: none; }\r\n\r\n\r\n\/\/ Size modifiers\r\n\/\/ ========================================================================\r\n\r\n.hook-button-large() { border-radius: @global-border-radius + 1; }\r\n\r\n\r\n\/\/ Miscellaneous\r\n\/\/ ========================================================================\r\n\r\n\r\n.hook-button-misc() {\r\n\r\n \/* Sub-object `uk-button-group`\r\n ========================================================================== *\/\r\n\r\n \/*\r\n * Reset border-radius\r\n *\/\r\n\r\n .uk-button-group > .uk-button:not(:first-child):not(:last-child),\r\n .uk-button-group > div:not(:first-child):not(:last-child) .uk-button { border-radius: 0; }\r\n\r\n .uk-button-group > .uk-button:first-child,\r\n .uk-button-group > div:first-child .uk-button {\r\n border-top-right-radius: 0;\r\n border-bottom-right-radius: 0;\r\n }\r\n\r\n .uk-button-group > .uk-button:last-child,\r\n .uk-button-group > div:last-child .uk-button {\r\n border-top-left-radius: 0;\r\n border-bottom-left-radius: 0;\r\n }\r\n\r\n \/*\r\n * Collapse border\r\n *\/\r\n\r\n .uk-button-group > .uk-button:nth-child(n+2),\r\n .uk-button-group > div:nth-child(n+2) .uk-button { margin-left: -1px; }\r\n\r\n \/*\r\n * Create position context to superimpose the successor elements border\r\n * Known issue: If you use an `a` element as button and an icon inside,\r\n * the active state will not work if you click the icon inside the button\r\n * Workaround: Just use a `button` or `input` element as button\r\n *\/\r\n\r\n .uk-button-group .uk-button:active { position: relative; }\r\n\r\n}\r\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\r\n\r\n\/\/\r\n\/\/ Component: Icon\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@icon-button-height: @icon-button-width;\r\n@icon-button-border-radius: @global-border-radius;\r\n@icon-button-background: rgba(0,0,0,0.08);\r\n@icon-button-font-size: round((@icon-button-width * 0.5));\r\n@icon-button-color: #fff;\r\n\r\n@icon-hover-color: @global-muted-color;\r\n@icon-hover-hover-color: @global-link-color;\r\n\r\n@icon-button-hover-background: rgba(0,0,0,0.16);\r\n@icon-button-hover-color: @global-contrast-color;\r\n\r\n@icon-button-active-background: @global-primary-background;\r\n@icon-button-active-color: @global-contrast-color;\r\n\r\n\/\/\r\n\/\/ New\r\n\/\/\r\n\r\n@icon-button-active-box-shadow: rgba(0,0,0,0.1);\r\n\r\n\r\n\/\/ Modifier: `uk-icon-button`\r\n\/\/ ========================================================================\r\n\r\n.hook-icon-button() {\r\n border: 0;\r\n background-image: none;\r\n}\r\n\r\n\/\/ Hover\r\n.hook-icon-button-hover() {\r\n background-image: none;\r\n}\r\n\r\n\/\/ Active\r\n.hook-icon-button-active() {\r\n background-image: none;\r\n box-shadow: inset 0 2px 4px @icon-button-active-box-shadow;\r\n}\r\n\r\n\r\n\/\/ Miscellaneous\r\n\/\/ ========================================================================\r\n\r\n.hook-icon-misc() {}\r\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\r\n\r\n\/\/\r\n\/\/ Component: Close\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@close-alt-background: @global-light-background;\r\n\r\n\r\n\/\/ Component\r\n\/\/ ========================================================================\r\n\r\n.hook-close() {}\r\n\r\n\r\n\/\/ Modifier: `uk-close-alt`\r\n\/\/ ========================================================================\r\n\r\n.hook-close-alt() {\r\n box-shadow: 0 0 0 1px rgba(0,0,0,0.1),\r\n 0 2px 6px rgba(0,0,0,0.06);\r\n}\r\n\r\n\r\n\/\/ Miscellaneous\r\n\/\/ ========================================================================\r\n\r\n.hook-close-misc() {}\r\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\r\n\r\n\/\/\r\n\/\/ Component: Badge\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@badge-background: @global-primary-background;\r\n\r\n@badge-padding-horizontal: 6px;\r\n\r\n@badge-font-size: round((@global-font-size * 0.86));\r\n@badge-font-weight: @global-font-weight;\r\n@badge-line-height: round((@badge-font-size * 1.69));\r\n@badge-color: @global-contrast-color;\r\n@badge-text-transform: uppercase;\r\n\r\n@badge-notification-font-size: round((@global-font-size * 0.86));\r\n@badge-notification-line-height: round((@badge-notification-font-size * 1.69));\r\n\r\n@badge-success-background: @global-success-background;\r\n@badge-warning-background: @global-warning-background;\r\n@badge-danger-background: @global-danger-background;\r\n\r\n\/\/\r\n\/\/ New\r\n\/\/\r\n\r\n@badge-gradient-top: @global-default-gradient-top;\r\n@badge-gradient-bottom: @global-default-gradient-bottom;\r\n\r\n@badge-primary-gradient-top: @global-primary-gradient-top;\r\n@badge-primary-gradient-bottom: @global-primary-gradient-bottom;\r\n\r\n@badge-success-gradient-top: @global-success-gradient-top;\r\n@badge-success-gradient-bottom: @global-success-gradient-bottom;\r\n\r\n@badge-warning-gradient-top: @global-warning-gradient-top;\r\n@badge-warning-gradient-bottom: @global-warning-gradient-bottom;\r\n\r\n@badge-danger-gradient-top: @global-danger-gradient-top;\r\n@badge-danger-gradient-bottom: @global-danger-gradient-bottom;\r\n\r\n\r\n\/\/ Component\r\n\/\/ ========================================================================\r\n\r\n.hook-badge() {\r\n border-radius: @global-border-radius;\r\n background-image: -webkit-linear-gradient(top, @badge-primary-gradient-top, @badge-primary-gradient-bottom);\r\n background-image: linear-gradient(to bottom, @badge-primary-gradient-top, @badge-primary-gradient-bottom);\r\n font-weight: @global-font-weight;\r\n}\r\n\r\n\/\/ Color modifier\r\n\/\/ ========================================================================\r\n\r\n\/\/\r\n\/\/ Modifier: `bagde-success`\r\n\/\/\r\n\r\n.hook-badge-success() {\r\n background-image: -webkit-linear-gradient(top, @badge-success-gradient-top, @badge-success-gradient-bottom);\r\n background-image: linear-gradient(to bottom, @badge-success-gradient-top, @badge-success-gradient-bottom);\r\n}\r\n\r\n\/\/\r\n\/\/ Modifier: `badge-warning`\r\n\/\/\r\n\r\n.hook-badge-warning() {\r\n background-image: -webkit-linear-gradient(top, @badge-warning-gradient-top, @badge-warning-gradient-bottom);\r\n background-image: linear-gradient(to bottom, @badge-warning-gradient-top, @badge-warning-gradient-bottom);\r\n}\r\n\r\n\/\/\r\n\/\/ Modifier: `badge-danger`\r\n\/\/\r\n\r\n.hook-badge-danger() {\r\n background-image: -webkit-linear-gradient(top, @badge-danger-gradient-top, @badge-danger-gradient-bottom);\r\n background-image: linear-gradient(to bottom, @badge-danger-gradient-top, @badge-danger-gradient-bottom);\r\n}\r\n\r\n\r\n\/\/ Miscellaneous\r\n\/\/ ========================================================================\r\n\r\n.hook-badge-misc() {}\r\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\r\n\r\n\/\/\r\n\/\/ Component: Alert\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@alert-margin-vertical: @global-margin;\r\n\r\n\r\n@alert-background: #f4fbff;\r\n@alert-color: @global-info-color;\r\n\r\n@alert-success-background: #f4fff5;\r\n@alert-success-color: @global-success-color;\r\n\r\n@alert-warning-background: #fffef2;\r\n@alert-warning-color: @global-warning-color;\r\n\r\n\r\n@alert-danger-background: #fff7f8;\r\n@alert-danger-color: @global-danger-color;\r\n\r\n\/\/\r\n\/\/ New\r\n\/\/\r\n\r\n@alert-border: fade(desaturate(@global-info-color, 20%), 30%);\r\n@alert-success-border: fade(desaturate(@global-success-color, 20%), 30%);\r\n@alert-warning-border: fade(desaturate(@global-warning-color, 20%), 40%);\r\n@alert-danger-border: fade(desaturate(@global-danger-color, 20%), 30%);\r\n\r\n\r\n\r\n\/\/ Component\r\n\/\/ ========================================================================\r\n\r\n.hook-alert() {\r\n border: 1px solid @alert-border;\r\n border-radius: @global-border-radius;\r\n}\r\n\r\n\r\n\/\/ Modifier: `uk-alert-success`\r\n\/\/ ========================================================================\r\n\r\n.hook-alert-success() { border-color: @alert-success-border; }\r\n\r\n\r\n\/\/ Modifier: `uk-alert-warning`\r\n\/\/ ========================================================================\r\n\r\n.hook-alert-warning() { border-color: @alert-warning-border; }\r\n\r\n\r\n\/\/ Modifier: `uk-alert-danger`\r\n\/\/ ========================================================================\r\n\r\n.hook-alert-danger() { border-color: @alert-danger-border; }\r\n\r\n\r\n\/\/ Miscellaneous\r\n\/\/ ========================================================================\r\n\r\n.hook-alert-misc() {}\r\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\r\n\r\n\/\/\r\n\/\/ Component: Thumbnail\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@thumbnail-padding: 8px;\r\n@thumbnail-border: @global-border;\r\n@thumbnail-background: @global-light-background;\r\n\r\n@thumbnail-hover-border: @global-hover-border;\r\n@thumbnail-hover-background: @thumbnail-background;\r\n\r\n@thumbnail-caption-color: @global-color;\r\n\r\n\/\/\r\n\/\/ New\r\n\/\/\r\n\r\n@thumbnail-box-shadow: rgba(0,0,0,0.05);\r\n@thumbnail-hover-box-shadow: rgba(0,0,0,0.06);\r\n\r\n\r\n\/\/ Component\r\n\/\/ ========================================================================\r\n\r\n.hook-thumbnail() {\r\n border-radius: @global-border-radius;\r\n background-clip: padding-box;\r\n box-shadow: 0 1px 3px @thumbnail-box-shadow;\r\n}\r\n\r\n.hook-thumbnail-hover() { box-shadow: 0 3px 6px @thumbnail-hover-box-shadow; }\r\n\r\n\r\n\/\/ Caption\r\n\/\/ ========================================================================\r\n\r\n.hook-thumbnail-caption() {}\r\n\r\n\r\n\/\/ Miscellaneous\r\n\/\/ ========================================================================\r\n\r\n.hook-thumbnail-misc() {}\r\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\r\n\r\n\/\/\r\n\/\/ Component: Overlay\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@overlay-panel-color: @global-contrast-color;\r\n\r\n@overlay-icon-color: @global-contrast-color;\r\n\r\n\/\/ DEPRECATED\r\n@overlay-area-background: fade(@global-primary-background, 80%);\r\n@overlay-area-icon: \"\\f054\";\r\n@overlay-area-icon-color: @global-contrast-color;\r\n\r\n@overlay-caption-background: rgba(0,0,0,0.5);\r\n@overlay-caption-padding: @global-margin;\r\n@overlay-caption-color: @global-contrast-color;\r\n\r\n\r\n\/\/ Sub-object `uk-overlay-panel`\r\n\/\/ ========================================================================\r\n\r\n.hook-overlay-panel() {}\r\n\r\n\r\n\/\/ Sub-object `uk-overlay-background`\r\n\/\/ ========================================================================\r\n\r\n.hook-overlay-background() {}\r\n\r\n\r\n\/\/ Sub-object `uk-overlay-icon`\r\n\/\/ ========================================================================\r\n\r\n.hook-overlay-icon() {}\r\n\r\n\r\n\/\/ Sub-object `uk-overlay-area`\r\n\/\/ ========================================================================\r\n\r\n.hook-overlay-area() {}\r\n.hook-overlay-area-icon() {}\r\n\r\n\r\n\/\/ Miscellaneous\r\n\/\/ ========================================================================\r\n\r\n.hook-overlay-misc() {\r\n\r\n .uk-overlay { overflow: hidden; }\r\n\r\n .uk-overlay img {\r\n -webkit-transition: all 0.6s ease-in-out;\r\n transition: all 0.6s ease-in-out;\r\n -webkit-transform-origin: bottom left;\r\n transform-origin: bottom left;\r\n }\r\n\r\n .uk-overlay:hover .uk-overlay-area { left: 0; }\r\n\r\n .uk-overlay:hover img > {\r\n -webkit-transform: scale(1.2) translate(-20px);\r\n transform: scale(1.2) translate(-20px);\r\n }\r\n\r\n}\r\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\r\n\r\n\/\/\r\n\/\/ Component: Progress\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@progress-margin-vertical: @global-margin;\r\n\r\n@progress-background: rgba(0,0,0,0.03);\r\n\r\n@progress-bar-background: @global-primary-background;\r\n@progress-bar-font-size: round((@global-font-size * 0.85));\r\n@progress-bar-color: @global-contrast-color;\r\n\r\n@progress-bar-success-background: @global-success-background;\r\n@progress-bar-warning-background: @global-warning-background;\r\n@progress-bar-danger-background: @global-danger-background;\r\n\r\n\/\/\r\n\/\/ New\r\n\/\/\r\n\r\n@progress-bar-box-shadow: rgba(0,0,0,0.06);\r\n\r\n@progress-bar-primary-gradient-top: @global-primary-gradient-top;\r\n@progress-bar-primary-gradient-bottom: @global-primary-gradient-bottom;\r\n\r\n@progress-bar-success-gradient-top: @global-success-gradient-top;\r\n@progress-bar-success-gradient-bottom: @global-success-gradient-bottom;\r\n\r\n@progress-bar-warning-gradient-top: @global-warning-gradient-top;\r\n@progress-bar-warning-gradient-bottom: @global-warning-gradient-bottom;\r\n\r\n@progress-bar-danger-gradient-top: @global-danger-gradient-top;\r\n@progress-bar-danger-gradient-bottom: @global-danger-gradient-bottom;\r\n\r\n\r\n\/\/ Component\r\n\/\/ ========================================================================\r\n\r\n.hook-progress() {\r\n box-shadow: inset 0 1px 1px @progress-bar-box-shadow;\r\n border-radius: 100px;\r\n}\r\n\r\n\r\n\/\/ Sub-object: `progress-bar`\r\n\/\/ ========================================================================\r\n\r\n.hook-progress-bar() {\r\n background-image: -webkit-linear-gradient(top, @progress-bar-primary-gradient-top, @progress-bar-primary-gradient-bottom);\r\n background-image: linear-gradient(to bottom, @progress-bar-primary-gradient-top, @progress-bar-primary-gradient-bottom);\r\n}\r\n\r\n\r\n\/\/ Color modifiers\r\n\/\/ ========================================================================\r\n\r\n.hook-progress-bar-success() {\r\n background-image: -webkit-linear-gradient(top, @progress-bar-success-gradient-top, @progress-bar-success-gradient-bottom);\r\n background-image: linear-gradient(to bottom, @progress-bar-success-gradient-top, @progress-bar-success-gradient-bottom);\r\n}\r\n\r\n.hook-progress-bar-warning() {\r\n background-image: -webkit-linear-gradient(top, @progress-bar-warning-gradient-top, @progress-bar-warning-gradient-bottom);\r\n background-image: linear-gradient(to bottom, @progress-bar-warning-gradient-top, @progress-bar-warning-gradient-bottom);\r\n}\r\n\r\n.hook-progress-bar-danger() {\r\n background-image: -webkit-linear-gradient(top, @progress-bar-danger-gradient-top, @progress-bar-danger-gradient-bottom);\r\n background-image: linear-gradient(to bottom, @progress-bar-danger-gradient-top, @progress-bar-danger-gradient-bottom);\r\n}\r\n\r\n\r\n\/\/ Miscellaneous\r\n\/\/ ========================================================================\r\n\r\n.hook-progress-misc() {\r\n\r\n \/* Size modifiers\r\n ========================================================================== *\/\r\n\r\n .uk-progress-mini,\r\n .uk-progress-small { border-radius: 500px; }\r\n\r\n}\r\n\r\n\/\/ JavaScript\r\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\r\n\r\n\/\/\r\n\/\/ Component: Dropdown\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@dropdown-z-index: (@global-z-index + 20);\r\n@dropdown-background: #fff;\r\n@dropdown-color: @global-color;\r\n\r\n@dropdown-divider-border: @global-border;\r\n\r\n@dropdown-navbar-margin: 6px;\r\n@dropdown-navbar-background: #fff;\r\n@dropdown-navbar-color: @global-color;\r\n\r\n\/\/\r\n\/\/ New\r\n\/\/\r\n\r\n@dropdown-border: rgba(0,0,0,0.12);\r\n@dropdown-box-shadow: rgba(0,0,0,0.06);\r\n\r\n\r\n\/\/ Component\r\n\/\/ ========================================================================\r\n\r\n.hook-dropdown() {\r\n border: 1px solid @dropdown-border;\r\n box-shadow: 0 6px 8px @dropdown-box-shadow;\r\n}\r\n\r\n\r\n\/\/ Modifier: `uk-dropdown-navbar`\r\n\/\/ ========================================================================\r\n\r\n.hook-dropdown-navbar() {\r\n left: -1px;\r\n border: 1px solid @dropdown-border;\r\n background-clip: padding-box;\r\n box-shadow: 0 6px 8px @dropdown-box-shadow;\r\n}\r\n\r\n\r\n\/\/ Miscellaneous\r\n\/\/ ========================================================================\r\n\r\n.hook-dropdown-misc() {\r\n\r\n .uk-dropdown-navbar.uk-dropdown-flip { left: auto; }\r\n\r\n}\r\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\r\n\r\n\/\/\r\n\/\/ Component: Modal\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@modal-z-index: (@global-z-index + 10);\r\n@modal-dialog-background: @global-background;\r\n\r\n\/\/\r\n\/\/ New\r\n\/\/\r\n\r\n@modal-dialog-box-shadow: rgba(0,0,0,0.3);\r\n\r\n@modal-close-size: 42px;\r\n@modal-close-icon-size: 24px;\r\n\r\n\r\n\/\/ Component\r\n\/\/ ========================================================================\r\n\r\n.hook-modal() {}\r\n\r\n\r\n\/\/ Sub-object: `uk-modal-dialog`\r\n\/\/ ========================================================================\r\n\r\n.hook-modal-dialog() {\r\n border-radius: @global-border-radius;\r\n box-shadow: 0 0 10px @modal-dialog-box-shadow;\r\n}\r\n\r\n\r\n\/\/ Modifier: `uk-modal-dialog-lightbox`\r\n\/\/ ==========================================================================\r\n\r\n.hook-modal-dialog-lightbox() { border-radius: 0; }\r\n\r\n\r\n\/\/ Miscellaneous\r\n\/\/ ========================================================================\r\n\r\n.hook-modal-misc() {\r\n\r\n \/\/ Close icon size for uk-modal-blank\r\n .uk-modal-dialog-blank .uk-modal-close {\r\n width: @modal-close-size;\r\n line-height: @modal-close-size;\r\n }\r\n\r\n .uk-modal-dialog-blank .uk-modal-close::after { font-size: @modal-close-icon-size; }\r\n\r\n}\r\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\r\n\r\n\/\/\r\n\/\/ Component: Off-canvas\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@offcanvas-z-index: @global-z-index;\r\n@offcanvas-background: rgba(0,0,0,0.1);\r\n@offcanvas-bar-background: #2f2f2f;\r\n\r\n@offcanvas-panel-title-color: @offcanvas-panel-link-color;\r\n\r\n\/\/\r\n\/\/ New\r\n\/\/\r\n\r\n@offcanvas-panel-text-shadow: rgba(0,0,0,0.1);\r\n\r\n\r\n\/\/ Component\r\n\/\/ ========================================================================\r\n\r\n.hook-offcanvas() {}\r\n\r\n\r\n\/\/ Sub-object `uk-offcanvas-bar`\r\n\/\/ ========================================================================\r\n\r\n.hook-offcanvas-bar() {}\r\n\r\n\r\n\/\/ Panel in offcanvas\r\n\/\/ ========================================================================\r\n\r\n.hook-offcanvas-panel() { text-shadow: 0 1px 0 @offcanvas-panel-text-shadow; }\r\n\r\n\r\n\/\/ Miscellaneous\r\n\/\/ ========================================================================\r\n\r\n.hook-offcanvas-misc() {\r\n\r\n .uk-offcanvas-bar:after {\r\n content: \"\";\r\n display: block;\r\n position: absolute;\r\n top: 0;\r\n bottom: 0;\r\n right: 0;\r\n width: 1px;\r\n background: rgba(0,0,0,0.6);\r\n box-shadow: 0 0 5px 2px rgba(0,0,0,0.6);\r\n }\r\n\r\n .uk-offcanvas-bar-flip:after {\r\n right: auto;\r\n left: 0;\r\n width: 1px;\r\n background: rgba(0,0,0,0.6);\r\n box-shadow: 0 0 5px 2px rgba(0,0,0,0.6);\r\n }\r\n\r\n}\r\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\r\n\r\n\/\/\r\n\/\/ Component: Tooltip\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@tooltip-z-index: (@global-z-index + 30);\r\n@tooltip-background: @global-primary-background;\r\n\r\n@tooltip-color: @global-contrast-color;\r\n@tooltip-font-size: round((@global-font-size * 0.93));\r\n@tooltip-line-height: round((@tooltip-font-size * 1.5));\r\n\r\n\r\n\/\/ Component\r\n\/\/ ========================================================================\r\n\r\n.hook-tooltip() { border-radius: @global-border-radius; }\r\n\r\n\r\n\/\/ Miscellaneous\r\n\/\/ ========================================================================\r\n\r\n.hook-tooltip-misc() {}\r\n\r\n\/\/ Components: Navs\r\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\r\n\r\n\/\/\r\n\/\/ Component: Dotnav\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@dotnav-margin-horizontal: 12px;\r\n@dotnav-width: 16px;\r\n@dotnav-height: @dotnav-width;\r\n@dotnav-background: fade(@global-dark-color, 20%);\r\n\r\n@dotnav-hover-background: fade(@global-dark-color, 50%);\r\n@dotnav-onclick-background: @global-dark-color;\r\n@dotnav-active-background: @global-primary-background;\r\n\r\n\r\n\/\/ Component\r\n\/\/ ========================================================================\r\n\r\n.hook-dotnav-item() {\r\n -webkit-transition: @global-transition;\r\n transition: @global-transition;\r\n}\r\n\r\n.hook-dotnav-item-hover() {}\r\n\r\n.hook-dotnav-item-onclick() {\r\n -webkit-transform: @global-active-transform;\r\n transform: @global-active-transform;\r\n}\r\n\r\n.hook-dotnav-item-active() {\r\n -webkit-transform: @global-hover-transform;\r\n transform: @global-hover-transform;\r\n}\r\n\r\n.hook-dotnav-contrast-item() {}\r\n\r\n.hook-dotnav-contrast-item-hover() {}\r\n\r\n.hook-dotnav-contrast-item-onclick() {}\r\n\r\n.hook-dotnav-contrast-item-active() {}\r\n\r\n\r\n\/\/ Miscellaneous\r\n\/\/ ========================================================================\r\n\r\n.hook-dotnav-misc() {}\r\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\r\n\r\n\/\/\r\n\/\/ Component: Slidenav\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@slidenav-width: 50px;\r\n@slidenav-height: @slidenav-width;\r\n@slidenav-font-size: @slidenav-width;\r\n@slidenav-line-height: @slidenav-height;\r\n\r\n@slidenav-position-previous: @global-grid-gutter-large;\r\n@slidenav-position-next: @slidenav-position-previous;\r\n\r\n@slidenav-color: fade(@global-color, 30%);\r\n@slidenav-hover-color: fade(@global-color, 50%);\r\n@slidenav-active-color: @global-color;\r\n\r\n@slidenav-contrast-color: @global-contrast-color;\r\n@slidenav-contrast-hover-color: fade(@slidenav-color, 70%);\r\n@slidenav-contrast-active-color: fade(@slidenav-color, 90%);\r\n\r\n\r\n\/\/ Component\r\n\/\/ ========================================================================\r\n\r\n.hook-slidenav() {\r\n -webkit-transition: @global-transition;\r\n transition: @global-transition;\r\n}\r\n\r\n.hook-slidenav-hover() {}\r\n\r\n.hook-slidenav-active() {\r\n -webkit-transform: @global-active-transform;\r\n transform: @global-active-transform;\r\n}\r\n\r\n.hook-slidenav-contrast() {}\r\n\r\n.hook-slidenav-contrast-hover() {}\r\n\r\n.hook-slidenav-contrast-active() {}\r\n\r\n\r\n\/\/ Miscellaneous\r\n\/\/ ========================================================================\r\n\r\n.hook-slidenav-misc() {}\r\n\r\n\/\/ Components: JavaScript\r\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\r\n\r\n\/\/\r\n\/\/ Component: Accordion\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n\r\n@accordion-title-font-size: round((@global-font-size * 1.28)); \/\/ 18px \/ 20px\r\n@accordion-title-line-height: round((@accordion-title-font-size * 1.32)); \/\/ 24px \/ 26px\r\n\r\n@accordion-title-margin-bottom: round((@global-margin \/ 1.5));\r\n@accordion-title-padding-vertical: round((@global-margin \/ 2.5));\r\n@accordion-title-padding-horizontal: round((@global-margin \/ 1.5));\r\n\r\n@accordion-content-padding-horizontal: @accordion-title-padding-horizontal;\r\n@accordion-content-padding-bottom: @accordion-title-padding-horizontal;\r\n\r\n@accordion-title-background: @global-light-background;\r\n\r\n\r\n\/\/\r\n\/\/ New\r\n\/\/\r\n\r\n@accordion-title-border-width: 1px;\r\n@accordion-title-border: @global-border;\r\n@accordion-title-border-radius: @global-border-radius;\r\n\r\n\r\n\/\/ Component\r\n\/\/ ========================================================================\r\n\r\n.hook-accordion() {}\r\n\r\n\r\n\/\/ Modifier: `uk-accordion-title`\r\n\/\/ ========================================================================\r\n\r\n.hook-accordion-title() {\r\n border: @accordion-title-border-width solid @accordion-title-border;\r\n border-radius: @accordion-title-border-radius;\r\n}\r\n\r\n\r\n\/\/ Modifier: `uk-accordion-content`\r\n\/\/ ========================================================================\r\n\r\n.hook-accordion-content() {}\r\n\r\n\r\n\/\/ Miscellaneous\r\n\/\/ ========================================================================\r\n\r\n.hook-accordion-misc() {}\r\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\r\n\r\n\/\/\r\n\/\/ Component: Search\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@search-width: 220px;\r\n@search-focus-width: 250px;\r\n\r\n@search-height: 35px;\r\n@search-border: rgba(0,0,0,0.06);\r\n@search-background: #fff;\r\n@search-color: @global-color;\r\n@search-placeholder-color: @global-muted-color;\r\n\r\n@dropdown-search-background: #fff;\r\n@dropdown-search-color: @global-color;\r\n@dropdown-search-navbar-margin-top: 10px;\r\n@dropdown-search-navbar-margin-right: -20px;\r\n\r\n@nav-search-color: @global-color;\r\n@nav-search-active-background: @global-primary-background;\r\n@nav-search-active-color: @global-contrast-color;\r\n@nav-search-header-color: @global-muted-color;\r\n@nav-search-divider-border: @global-border;\r\n@nav-search-nested-color: @global-link-color;\r\n@nav-search-nested-hover-color: @global-link-hover-color;\r\n\r\n@offcanvas-search-background: darken(#2f2f2f, 10%);\r\n\r\n\/\/\r\n\/\/ New\r\n\/\/\r\n\r\n@search-font-weight: @global-font-weight;\r\n@search-focus-border: rgba(0,0,0,0.12);\r\n@search-focus-box-shadow: rgba(0,0,0,0.06);\r\n\r\n@nav-search-active-box-shadow: rgba(0,0,0,0.1);\r\n\r\n\r\n\/\/ Component\r\n\/\/ ========================================================================\r\n\r\n.hook-search() {}\r\n\r\n.hook-search-icon() {}\r\n\r\n\r\n\/\/ Sub-object `uk-search-field`\r\n\/\/ ========================================================================\r\n\r\n.hook-search-field() {\r\n border-radius: @global-border-radius;\r\n background-clip: padding-box;\r\n font-weight: @search-font-weight;\r\n}\r\n\r\n.hook-search-field-focus() {\r\n border-color: @search-focus-border;\r\n background-clip: padding-box;\r\n box-shadow: 0 1px 4px @search-focus-box-shadow;\r\n}\r\n\r\n\r\n\/\/ Modifier: `uk-dropdown-search`\r\n\/\/ ========================================================================\r\n\r\n.hook-dropdown-search() {}\r\n\r\n\r\n\/\/ Modifier `uk-nav-search`\r\n\/\/ ========================================================================\r\n\r\n\/\/\r\n\/\/ Items\r\n\/\/\r\n\r\n.hook-nav-search() {}\r\n\r\n\/\/ Active\r\n.hook-nav-search-active() { box-shadow: inset 0 1px 2px @nav-search-active-box-shadow; }\r\n\r\n\/\/\r\n\/\/ Sub-object: `uk-nav-header`\r\n\/\/\r\n\r\n.hook-nav-search-header() { text-shadow: none; }\r\n\r\n\/\/\r\n\/\/ Sub-object: `uk-nav-divider`\r\n\/\/\r\n\r\n.hook-nav-search-divider() {}\r\n\r\n\r\n\/\/ Search in offcanvas\r\n\/\/ ========================================================================\r\n\r\n.hook-offcanvas-search-field() {}\r\n\r\n\/\/ Need to be loaded last\r\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\r\n\r\n\/\/\r\n\/\/ Component: Text\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@text-small-font-size: round((@global-font-size * 0.93));\r\n@text-small-line-height: round((@text-small-font-size * 1.38));\r\n@text-large-font-size: round((@global-font-size * 1.28));\r\n@text-large-line-height: round((@text-large-font-size * 1.33));\r\n\r\n@text-muted-color: @global-muted-color;\r\n@text-primary-color: @global-info-color;\r\n@text-success-color: @global-success-color;\r\n@text-warning-color: @global-warning-color;\r\n@text-danger-color: @global-danger-color;\r\n\r\n\r\n\/\/ Miscellaneous\r\n\/\/ ========================================================================\r\n\r\n.hook-text-misc() {}\r\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\r\n\r\n\/\/\r\n\/\/ Utility component\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@utility-container-padding-horizontal: @global-grid-gutter;\r\n\r\n@utility-container-large-max-width: 980px;\r\n@utility-container-large-padding-horizontal: @global-grid-gutter-large;\r\n\r\n@utility-align-horizontal: @global-margin;\r\n@utility-align-vertical: @global-margin;\r\n\r\n@utility-margin: @global-margin;\r\n\r\n@utility-heading-large-small-font-size: round((@global-font-size * 2.57));\r\n@utility-heading-large-small-line-height: round((@utility-heading-large-small-font-size * 1.16));\r\n\r\n@utility-heading-large-font-size: round((@global-font-size * 3.71));\r\n@utility-heading-large-line-height: round((@utility-heading-large-font-size * 1.23));\r\n\r\n@utility-link-muted-color: @global-color;\r\n@utility-link-muted-hover-color: @global-color;\r\n\r\n@utility-scrollable-box-border: @global-border;\r\n\r\n\r\n\/\/ Container\r\n\/\/ ========================================================================\r\n\r\n.hook-container() {}\r\n\r\n\r\n\/\/ Scrollable\r\n\/\/ ========================================================================\r\n\r\n.hook-scrollable-box() { border-radius: @global-border-radius; }\r\n\r\n\r\n\/\/ Miscellaneous\r\n\/\/ ========================================================================\r\n\r\n.hook-utility-misc() {}\r\n\/\/ Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http:\/\/www.yootheme.com\/license) *\/\r\n\r\n\/\/\r\n\/\/ Component: Contrast\r\n\/\/\r\n\/\/ ========================================================================\r\n\r\n\r\n\/\/ Variables\r\n\/\/ ========================================================================\r\n\r\n@contrast-color: @global-contrast-color;\r\n@contrast-inverted-color: @global-dark-color;\r\n\r\n\r\n\/\/ Base\r\n\/\/ ========================================================================\r\n\r\n.hook-contrast-base-code() { background: fade(@global-contrast-color, 10%); }\r\n\r\n\r\n\/\/ Nav\r\n\/\/ ========================================================================\r\n\r\n.hook-contrast-nav-side() {}\r\n.hook-contrast-nav-side-hover() {}\r\n.hook-contrast-nav-side-active() {}\r\n.hook-contrast-nav-side-header() {}\r\n.hook-contrast-nav-side-divider() {}\r\n\r\n\r\n\/\/ Subnav\r\n\/\/ ========================================================================\r\n\r\n.hook-contrast-subnav() {}\r\n.hook-contrast-subnav-hover() {}\r\n.hook-contrast-subnav-active() {}\r\n.hook-contrast-subnav-line-divider() {}\r\n.hook-contrast-subnav-pill-hover() {}\r\n.hook-contrast-subnav-pill-active() {}\r\n\r\n\r\n\/\/ Tab\r\n\/\/ ========================================================================\r\n\r\n.hook-contrast-tab() {\r\n background: fade(@contrast-color, 5%);\r\n background-image: none;\r\n}\r\n.hook-contrast-tab-hover() {}\r\n.hook-contrast-tab-active() {}\r\n\r\n\r\n\/\/ List\r\n\/\/ ========================================================================\r\n\r\n.hook-contrast-list-line() {}\r\n\r\n\r\n\/\/ Form\r\n\/\/ ========================================================================\r\n\r\n.hook-contrast-form() {}\r\n.hook-contrast-form-focus() {}\r\n\r\n\r\n\/\/ Button\r\n\/\/ ========================================================================\r\n\r\n.hook-contrast-button() {}\r\n.hook-contrast-button-hover() {}\r\n.hook-contrast-button-active() {}\r\n.hook-contrast-button-primary() {}\r\n.hook-contrast-button-primary-hover() {}\r\n.hook-contrast-button-primary-active() {}\r\n\r\n\r\n\/\/ Icon\r\n\/\/ ========================================================================\r\n\r\n.hook-contrast-icon-hover() {}\r\n.hook-contrast-icon-hover-hover() {}\r\n.hook-contrast-icon-button() {}\r\n.hook-contrast-icon-button-hover() {}\r\n.hook-contrast-icon-button-active() {}\r\n\r\n\r\n\/\/ Miscellaneous\r\n\/\/ ========================================================================\r\n\r\n.hook-contrast-misc() {\r\n\r\n \/\/ Tab\r\n .uk-tab {\r\n background: none;\r\n background-image: none;\r\n }\r\n\r\n\r\n}\r\n\r\n\/* ========================================================================\r\n Warp theme\r\n ========================================================================== *\/\r\n\r\n\/\/ Theme variables\r\n\/\/ ========================================================================\r\n\r\n@global-body-style: 'none';\r\n\r\n@theme-block-padding: 25px;\r\n@theme-block-background: #fff;\r\n@theme-footer-background: #f7f7f7;\r\n\r\n@theme-article-padding: 25px;\r\n@theme-article-margin: 60px;\r\n\r\n\/* Layout\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * Force vertical scrollbar\r\n *\/\r\n\r\nhtml {\r\n overflow-y: scroll;\r\n}\r\n\r\nbody {\r\n min-height: 100vh;\r\n}\r\n\r\n@media (min-width: @breakpoint-medium) {\r\n\r\n \/* Webkit flickering fix *\/\r\n .uk-panel {\r\n position: relative;\r\n -webkit-backface-visibility: hidden;\r\n }\r\n\r\n}\r\n\r\n\/*\r\n * Blocks\r\n *\/\r\n\r\n.tm-container {\r\n margin: @global-grid-gutter-large auto;\r\n}\r\n\r\n\/* Only tablets landscape and desktop *\/\r\n@media (min-width: @breakpoint-medium) {\r\n\r\n .tm-container {\r\n margin: (@global-grid-gutter-large * 2) auto;\r\n }\r\n\r\n}\r\n\r\n\/* Block Background *\/\r\n.tm-grid-block,\r\n.tm-block-bottom,\r\n.tm-noblog .tm-content,\r\n.uk-article {\r\n background: @theme-block-background;\r\n}\r\n\r\n\/* Block Gutter *\/\r\n.tm-grid-block,\r\n.tm-block-bottom,\r\n.tm-grid-block + .tm-content,\r\n.tm-top-block + .tm-middle {\r\n margin-top: @global-grid-gutter-large;\r\n}\r\n\r\n\/* Block Gutter - Only phones *\/\r\n@media (max-width: @breakpoint-small-max) {\r\n\r\n .tm-sidebar-a,\r\n .tm-sidebar-b {\r\n margin-top: @global-grid-gutter-large !important;\r\n }\r\n\r\n}\r\n\r\n\/*\r\n * Headerbar\r\n *\/\r\n\r\n.tm-headerbar .tm-logo {\r\n float: left;\r\n}\r\n\r\n.tm-logo-small {\r\n letter-spacing: -0.31em;\r\n}\r\n\r\n.tm-headerbar .uk-panel {\r\n max-width: 300px;\r\n margin-right: 0;\r\n float: right;\r\n}\r\n\r\n\/*\r\n * Toolbar\r\n *\/\r\n\r\n.tm-toolbar {\r\n padding: (@global-margin - 5px) @global-margin;\r\n}\r\n\r\n\/*\r\n * Content\r\n *\/\r\n\r\n.tm-noblog .tm-content {\r\n padding: @theme-block-padding;\r\n}\r\n\r\n\/* Setting border style for panel-box within tm-content *\/\r\n.tm-content .uk-panel-box {\r\n box-shadow: inset 0 0 0 1px @global-border;\r\n}\r\n\r\n\/*\r\n * Main-Top\r\n *\/\r\n\r\n\/* No gutter for main-top if sidebar is published *\/\r\n.tm-grid-block.tm-main-top {\r\n margin-top: 0;\r\n}\r\n\r\n\/*\r\n * Bottom B + Bottom C\r\n *\/\r\n\r\n.tm-grid-block.tm-bottom-b,\r\n.tm-grid-block.tm-bottom-c {\r\n margin-top: 0 !important;\r\n box-shadow: none;\r\n}\r\n\r\n\/* Border top if bottom-b is published *\/\r\n.tm-grid-block.tm-bottom-b + .tm-grid-block.tm-bottom-c {\r\n border-top: 1px solid @global-border;\r\n}\r\n\r\n\/*\r\n * Footer\r\n *\/\r\n\r\n.tm-footer {\r\n position: relative;\r\n padding: @theme-block-padding;\r\n background: @theme-footer-background;\r\n text-align: center;\r\n}\r\n\r\n\/* Border top if bottom-b and\/or bottom-c is published *\/\r\n.tm-grid-block.tm-bottom-b + .tm-footer,\r\n.tm-grid-block.tm-bottom-c + .tm-footer {\r\n border-top: 1px solid @global-border;\r\n}\r\n\r\n\/*\r\n * To-top scroller\r\n *\/\r\n\r\n.tm-totop-scroller {\r\n display: block;\r\n position: absolute;\r\n top: @global-grid-gutter-large;\r\n right: @global-grid-gutter-large;\r\n z-index: @global-z-index;\r\n width: 20px;\r\n height: 20px;\r\n line-height: 20px;\r\n font-size: 14px;\r\n color: @global-color;\r\n text-align: center;\r\n -webkit-transition: all linear 0.05s;\r\n transition: all linear 0.05s;\r\n}\r\n\r\n.tm-totop-scroller:after {\r\n content: \"\\f077\";\r\n font-family: \"FontAwesome\";\r\n}\r\n\r\n\/*\r\n * Hover\r\n * 1. Apply hover style also to focus state\r\n * 2. Remove default focus style\r\n *\/\r\n\r\n.tm-totop-scroller:hover,\r\n.tm-totop-scroller:focus { \/* 1 *\/\r\n color: lighten(@global-color, 20%);\r\n font-size: 16px;\r\n outline: none; \/* 2 *\/\r\n text-decoration: none;\r\n}\r\n\r\n\/* Active *\/\r\n.tm-totop-scroller:active {\r\n color: darken(@global-color, 20%);\r\n font-size: 11px;\r\n}\r\n\r\n\/* Modifier: `tm-grid-block`\r\n ========================================================================== *\/\r\n\r\n.tm-grid-block:not(:empty) {\r\n margin-left: 0;\r\n margin-right: 0;\r\n}\r\n\r\n.tm-grid-block:not(:empty) > [class*='uk-width-'] {\r\n padding-left: 0;\r\n padding-right: 0;\r\n}\r\n\r\n\/* Large gutter\r\n ========================================================================== *\/\r\n\r\n\/* Only large screens *\/\r\n\/\/@media (min-width: @breakpoint-xlarge) {\r\n\/\/ ***SBA*** breakpoint removed\r\n\r\n\/* Vertical gutter for panels *\/\r\n.tm-grid-block:not(.uk-grid-preserve) > [class*='uk-width-'] > .uk-panel + .uk-panel {\r\n margin-top: 0 !important;\r\n border-top: 1px solid @global-border;\r\n}\r\n\r\n\/\/}\r\n\r\n\/* Panel in 'tm-grid-block'\r\n ========================================================================== *\/\r\n\r\n\/*\r\n * Border style\r\n *\/\r\n\r\n.tm-grid-block > [class*='uk-width-']:nth-child(1n+2) > [class*='uk-panel-box'] {\r\n border-left: 1px solid @global-border;\r\n}\r\n\r\n\/* Vertical Border - Only tablets and desktop *\/\r\n@media (max-width: @breakpoint-medium) {\r\n\r\n .tm-grid-block > [class*='uk-width-']:nth-child(1n+2) > [class*='uk-panel-box'] {\r\n border-top: 1px solid @global-border;\r\n border-left: 0;\r\n }\r\n\r\n}\r\n\r\n\/* Socialbuttons\r\n ========================================================================== *\/\r\n\r\n.tm-socialbuttons > div {\r\n margin-right: 10px;\r\n float: left;\r\n}\r\n\r\n\/* Error\r\n ========================================================================== *\/\r\n\r\n.tm-error-icon {\r\n font-size: 250px;\r\n}\r\n\r\n.tm-error-headline {\r\n font-size: 100px;\r\n}\r\n\r\n\/* Offline\r\n ========================================================================== *\/\r\n\r\n.tm-offline {\r\n width: 300px;\r\n}\r\n\r\n\/* WordPress only\r\n ========================================================================== *\/\r\n\r\n.alignleft {\r\n display: block;\r\n margin-right: @utility-align-horizontal;\r\n float: left;\r\n}\r\n\r\n.alignright {\r\n display: block;\r\n margin-left: @utility-align-horizontal;\r\n float: right;\r\n}\r\n\r\n.aligncenter {\r\n display: block;\r\n margin-left: auto;\r\n margin-right: auto;\r\n}\r\n\r\n\/*\r\n * Widgetkit Gallery: Avenue Style\r\n *\/\r\n\r\n\/* Navigation\r\n----------------------------------------------------------------------------------------------------*\/\r\n\r\n.wk-gallery-avenue .nav {\r\n position: absolute;\r\n top: 30px;\r\n right: 30px;\r\n text-align: center;\r\n z-index: 5;\r\n}\r\n\r\n.wk-gallery-avenue .prev + .nav {\r\n left: 54px;\r\n}\r\n\r\n.wk-gallery-avenue .nav li {\r\n display: inline-block;\r\n margin-left: 3px;\r\n}\r\n\r\n.wk-gallery-avenue .nav li:first-child {\r\n margin-left: 0;\r\n}\r\n\r\n.wk-gallery-avenue .nav span {\r\n width: 20px;\r\n height: 20px;\r\n background: url(\"\/templates\/yoo_lupo\/images\/widgetkit\/default\/nav_icons.svg\") 0 0 no-repeat;\r\n overflow: hidden;\r\n}\r\n\r\n.wk-gallery-avenue .nav span:hover {\r\n background-position: 0 -20px;\r\n}\r\n\r\n.wk-gallery-avenue .nav span:active {\r\n background-position: 0 -40px;\r\n}\r\n\r\n.wk-gallery-avenue .nav .active span {\r\n background-position: 0 -60px;\r\n}\r\n\r\n\/* Buttons\r\n----------------------------------------------------------------------------------------------------*\/\r\n\r\n.wk-gallery-avenue > div {\r\n position: relative;\r\n}\r\n\r\n.wk-gallery-avenue > div:hover .next,\r\n.wk-gallery-avenue > div:hover .prev {\r\n top: 50%;\r\n width: 50px;\r\n height: 52px;\r\n margin-top: -50px;\r\n background: url(\"\/templates\/yoo_lupo\/images\/widgetkit\/default\/buttons.svg\") 0 0 no-repeat;\r\n}\r\n\r\n.wk-gallery-avenue > div:hover .prev {\r\n left: 30px;\r\n background-position: 0 0;\r\n}\r\n\r\n.wk-gallery-avenue > div:hover .prev:hover {\r\n background-position: 0 -60px;\r\n}\r\n\r\n.wk-gallery-avenue > div:hover .prev:active {\r\n background-position: 0 -120px;\r\n}\r\n\r\n.wk-gallery-avenue > div:hover .next {\r\n right: 30px;\r\n background-position: 0 -180px;\r\n}\r\n\r\n.wk-gallery-avenue > div:hover .next:hover {\r\n background-position: 0 -240px;\r\n}\r\n\r\n.wk-gallery-avenue > div:hover .next:active {\r\n background-position: 0 -300px;\r\n}\r\n\r\n\/* Only phones *\/\r\n@media (max-width: 480px) {\r\n\r\n .wk-gallery-avenue > div .prev,\r\n .wk-gallery-avenue > div .next {\r\n display: none !important;\r\n }\r\n\r\n}\r\n\r\n\/* Caption\r\n----------------------------------------------------------------------------------------------------*\/\r\n\r\n.wk-gallery-avenue .caption {\r\n position: absolute;\r\n right: 30px;\r\n bottom: 30px;\r\n left: 0;\r\n padding: 15px 20px;\r\n background: rgba(48, 48, 48, 0.9);\r\n color: #fff;\r\n z-index: 5;\r\n}\r\n\r\n.wk-gallery-avenue .caption h1 {\r\n color: #fff;\r\n}\r\n\r\n.wk-gallery-avenue .caption a {\r\n text-decoration: none;\r\n}\r\n\r\n\/* Only tablets & phones *\/\r\n@media (max-width: 768px) {\r\n\r\n .wk-gallery-avenue .caption h1 {\r\n font-size: 28px;\r\n }\r\n\r\n}\r\n\r\n\/* Only phones *\/\r\n@media (max-width: 480px) {\r\n\r\n .wk-gallery-avenue .caption {\r\n display: none !important;\r\n }\r\n\r\n}\r\n\r\n\/* RTL *\/\r\nhtml[dir=\"rtl\"] {\r\n\r\n .wk-gallery-avenue > div:hover .next {\r\n background-position: 0 0;\r\n }\r\n .wk-gallery-avenue > div:hover .next:hover {\r\n background-position: 0 -60px;\r\n }\r\n .wk-gallery-avenue > div:hover .next:active {\r\n background-position: 0 -120px;\r\n }\r\n .wk-gallery-avenue > div:hover .prev {\r\n background-position: 0 -180px;\r\n }\r\n .wk-gallery-avenue > div:hover .prev:hover {\r\n background-position: 0 -240px;\r\n }\r\n .wk-gallery-avenue > div:hover .prev:active {\r\n background-position: 0 -300px;\r\n }\r\n\r\n}\r\n\r\n\/* Article style\r\n ========================================================================== *\/\r\n\r\n.uk-article:nth-child(n+2) {\r\n margin-top: @global-grid-gutter-large;\r\n}\r\n\r\n\/* Vertical Gutter - Only tablets and desktop *\/\r\n@media (max-width: @breakpoint-small-max) {\r\n\r\n .tm-blog > [class*='uk-width-']:nth-child(1n+2) > .tm-article {\r\n margin-top: @global-grid-gutter-large;\r\n }\r\n\r\n}\r\n\r\n\/*\r\n* Article padding\r\n*\/\r\n\r\n.tm-content {\r\n\r\n .uk-article {\r\n padding: @theme-article-padding;\r\n border: none;\r\n }\r\n\r\n}\r\n\r\n\/*\r\n * Custom article date style\r\n *\/\r\n\r\n.tm-article {\r\n\r\n .tm-article-content {\r\n position: relative;\r\n }\r\n\r\n .tm-article-content.tm-article-date-true {\r\n margin-left: @theme-article-margin;\r\n }\r\n\r\n .tm-article-date-true {\r\n\r\n .tm-article-date {\r\n position: absolute;\r\n top: 5px;\r\n left: -@theme-article-margin;\r\n width: 35px;\r\n padding: 5px;\r\n border-radius: @global-border-radius;\r\n background: @global-link-color;\r\n color: @global-contrast-color;\r\n line-height: 18px;\r\n text-align: center;\r\n\r\n .tm-article-date-day {\r\n display: block;\r\n font-size: 11px;\r\n }\r\n\r\n .tm-article-date-year {\r\n display: block;\r\n font-size: 15px;\r\n }\r\n\r\n }\r\n\r\n }\r\n\r\n \/* Socialbuttons offset *\/\r\n .tm-socialbuttons {\r\n margin-left: @theme-article-margin;\r\n }\r\n\r\n \/* Featured article image offset *\/\r\n .tm-article-featured-image {\r\n margin: -@theme-article-padding -@theme-article-padding @theme-article-padding -@theme-article-padding;\r\n }\r\n\r\n}\r\n\r\n\/* Dropdown stack\r\n ========================================================================== \/\r\n\r\n\/\r\n * Reset width if column width is set\r\n *\/\r\n\r\n.uk-dropdown-navbar.uk-dropdown-stack {\r\n min-width: 0 !important;\r\n max-width: none !important;\r\n}\r\n\r\n\/* Background Styles\r\n ========================================================================== *\/\r\n\r\n.body-style ();\r\n\r\n\/*\r\n * Default Style\r\n *\/\r\n\r\n.body-style () when (@global-body-style = 'default') {\r\n\r\n body {\r\n background: @global-background;\r\n }\r\n\r\n \/* Layouts\r\n ========================================================================== *\/\r\n\r\n \/* Block Box-Shadow *\/\r\n .tm-grid-block,\r\n .tm-block-bottom,\r\n .uk-article,\r\n .tm-noblog .tm-content,\r\n .tm-middle > [class*='tm-sidebar-'] > .uk-panel {\r\n box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06), 0 4px 10px rgba(0, 0, 0, 0.06);\r\n }\r\n\r\n \/* Widgetkit Gallery\r\n ========================================================================== *\/\r\n\r\n \/* Caption *\/\r\n .wk-gallery-avenue .caption {\r\n background-color: rgba(48, 48, 48, 0.9);\r\n }\r\n .wk-gallery-avenue .nav span {\r\n background-image: url(\"\/templates\/yoo_lupo\/images\/widgetkit\/default\/nav_icons.svg\");\r\n }\r\n\r\n}\r\n\r\n\/*\r\n * Blue Style\r\n *\/\r\n\r\n.body-style () when (@global-body-style = 'blue') {\r\n\r\n body {\r\n background: #edeff1 -webkit-radial-gradient(ellipse at top, #f2f3f4 20%, #c7cdd4 100%) 0 0 fixed;\r\n background: #edeff1 radial-gradient(ellipse at top, #f2f3f4 20%, #c7cdd4 100%) 0 0 fixed;\r\n }\r\n\r\n \/* Layouts\r\n ========================================================================== *\/\r\n\r\n \/* Block Box-Shadow *\/\r\n .tm-grid-block,\r\n .tm-block-bottom,\r\n .uk-article,\r\n .tm-noblog .tm-content,\r\n .tm-middle > [class*='tm-sidebar-'] > .uk-panel {\r\n box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.06), 0 2px 4px rgba(0, 0, 0, 0.03);\r\n }\r\n\r\n \/* Widgetkit Gallery\r\n ========================================================================== *\/\r\n\r\n \/* Caption *\/\r\n .wk-gallery-avenue .caption {\r\n background-color: rgba(43, 46, 50, 0.9);\r\n }\r\n .wk-gallery-avenue .nav span {\r\n background-image: url(\"\/templates\/yoo_lupo\/images\/widgetkit\/blue\/nav_icons.svg\");\r\n }\r\n\r\n}\r\n\r\n\/*\r\n * Salmon Style\r\n *\/\r\n\r\n.body-style () when (@global-body-style = 'salmon') {\r\n\r\n body {\r\n background: #21242b -webkit-radial-gradient(ellipse at top, #393d44 20%, #21242b 100%) 0 0 fixed;\r\n background: #21242b radial-gradient(ellipse at top, #393d44 20%, #21242b 100%) 0 0 fixed;\r\n }\r\n\r\n @media (min-width: @breakpoint-small-max) {\r\n\r\n body > .tm-page-bg {\r\n background: url(\"\/templates\/yoo_lupo\/images\/background\/salmon_darkblue_glow.png\") 50% 0 fixed no-repeat;\r\n }\r\n\r\n }\r\n\r\n \/* Layouts\r\n ========================================================================== *\/\r\n\r\n \/* Block Box-Shadow *\/\r\n .tm-grid-block,\r\n .tm-block-bottom,\r\n .uk-article,\r\n .tm-noblog .tm-content,\r\n .tm-middle > [class*='tm-sidebar-'] > .uk-panel {\r\n box-shadow: 0 0 0 1px rgba(47, 49, 53, 0.2), 0 6px 12px rgba(47, 49, 53, 0.18);\r\n }\r\n\r\n \/* Widgetkit Gallery\r\n ========================================================================== *\/\r\n\r\n \/* Caption *\/\r\n .wk-gallery-avenue .caption {\r\n background-color: rgba(34, 37, 43, 0.9);\r\n }\r\n .wk-gallery-avenue .nav span {\r\n background-image: url(\"\/templates\/yoo_lupo\/images\/widgetkit\/salmon\/nav_icons.svg\");\r\n }\r\n\r\n}\r\n\r\n\/*\r\n * Turquoise Style\r\n *\/\r\n\r\n.body-style () when (@global-body-style = 'turquoise') {\r\n\r\n body {\r\n background: #53525e;\r\n }\r\n\r\n @media (min-width: @breakpoint-small-max) {\r\n\r\n body {\r\n background: #53525e url(\"\/templates\/yoo_lupo\/images\/background\/turquoise_blured.jpg\") 50% 0 fixed;\r\n }\r\n\r\n }\r\n\r\n \/* Layouts\r\n ========================================================================== *\/\r\n\r\n \/* Block Box-Shadow *\/\r\n .tm-grid-block,\r\n .tm-block-bottom,\r\n .uk-article,\r\n .tm-noblog .tm-content,\r\n .tm-middle > [class*='tm-sidebar-'] > .uk-panel {\r\n box-shadow: 0 0 0 1px rgba(68, 89, 98, 0.12), 0 3px 12px rgba(68, 89, 98, 0.18);\r\n }\r\n\r\n \/* Widgetkit Gallery\r\n ========================================================================== *\/\r\n\r\n \/* Caption *\/\r\n .wk-gallery-avenue .caption {\r\n background-color: rgba(41, 41, 49, 0.9);\r\n }\r\n .wk-gallery-avenue .nav span {\r\n background-image: url(\"\/templates\/yoo_lupo\/images\/widgetkit\/turquoise\/nav_icons.svg\");\r\n }\r\n\r\n}\r\n\r\n\/*\r\n * Graphite Style\r\n *\/\r\n\r\n.body-style () when (@global-body-style = 'graphite') {\r\n\r\n body {\r\n background: #e5e7ea;\r\n background: -webkit-linear-gradient(top, #fff 0%, #e5e7ea 100%) 0 0 fixed;\r\n background: linear-gradient(90deg, #fff 0%, #e5e7ea 100%) 0 0 fixed;\r\n\r\n }\r\n\r\n \/* Layouts\r\n ========================================================================== *\/\r\n\r\n \/* Block Box-Shadow *\/\r\n .tm-grid-block,\r\n .tm-block-bottom,\r\n .uk-article,\r\n .tm-noblog .tm-content,\r\n .tm-middle > [class*='tm-sidebar-'] > .uk-panel {\r\n box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.04);\r\n }\r\n\r\n \/* Widgetkit Gallery\r\n ========================================================================== *\/\r\n\r\n \/* Caption *\/\r\n .wk-gallery-avenue .caption {\r\n background-color: rgba(255, 255, 255, 0.8);\r\n }\r\n .wk-gallery-avenue .caption h1 {\r\n color: #505561;\r\n }\r\n .wk-gallery-avenue .nav span {\r\n background-image: url(\"\/templates\/yoo_lupo\/images\/widgetkit\/graphite\/nav_icons.svg\");\r\n }\r\n\r\n}\r\n\r\n\/*\r\n * Orange Style\r\n *\/\r\n\r\n.body-style () when (@global-body-style = 'orange') {\r\n\r\n body {\r\n background: #353f4c;\r\n }\r\n\r\n @media (min-width: @breakpoint-small-max) {\r\n\r\n body {\r\n background: #353f4c url(\"\/templates\/yoo_lupo\/images\/background\/orange_bokeh.jpg\") 50% 0 fixed;\r\n }\r\n\r\n }\r\n\r\n \/* Layouts\r\n ========================================================================== *\/\r\n\r\n \/* Block Box-Shadow *\/\r\n .tm-grid-block,\r\n .tm-block-bottom,\r\n .uk-article,\r\n .tm-noblog .tm-content,\r\n .tm-middle > [class*='tm-sidebar-'] > .uk-panel {\r\n box-shadow: 0 0 0 1px rgba(68, 89, 98, 0.12), 0 3px 12px rgba(68, 89, 98, 0.18);\r\n }\r\n\r\n \/* Widgetkit Gallery\r\n ========================================================================== *\/\r\n\r\n \/* Caption *\/\r\n .wk-gallery-avenue .caption {\r\n background-color: rgba(34, 40, 45, 0.9);\r\n }\r\n .wk-gallery-avenue .nav span {\r\n background-image: url(\"\/templates\/yoo_lupo\/images\/widgetkit\/orange\/nav_icons.svg\");\r\n }\r\n\r\n}\r\n\r\n\/*\r\n * Lilac Style\r\n *\/\r\n\r\n.body-style () when (@global-body-style = 'lilac') {\r\n\r\n body {\r\n background: #bfb6ba;\r\n box-shadow: inset 0 0 200px rgba(168, 161, 172, 0.8);\r\n }\r\n\r\n @media (min-width: @breakpoint-small-max) {\r\n\r\n body {\r\n background: #bfb6ba url(\"\/templates\/yoo_lupo\/images\/background\/lilac_rose.jpg\") 50% 0 fixed;\r\n }\r\n\r\n }\r\n\r\n \/* Layouts\r\n ========================================================================== *\/\r\n\r\n \/* Block Box-Shadow *\/\r\n .tm-grid-block,\r\n .tm-block-bottom,\r\n .uk-article,\r\n .tm-noblog .tm-content,\r\n .tm-middle > [class*='tm-sidebar-'] > .uk-panel {\r\n box-shadow: 0 0 0 1px rgba(98, 68, 73, 0.16), 0 2px 5px rgba(98, 68, 73, 0.09);\r\n }\r\n\r\n \/* Widgetkit Gallery\r\n ========================================================================== *\/\r\n\r\n \/* Caption *\/\r\n .wk-gallery-avenue .caption {\r\n background-color: rgba(255, 255, 255, 0.8);\r\n }\r\n .wk-gallery-avenue .caption h1 {\r\n color: #393643;\r\n }\r\n .wk-gallery-avenue .nav span {\r\n background-image: url(\"\/templates\/yoo_lupo\/images\/widgetkit\/lilac\/nav_icons.svg\");\r\n }\r\n\r\n}\r\n\r\n\/*\r\n * Gold Style\r\n *\/\r\n\r\n.body-style () when (@global-body-style = 'gold') {\r\n\r\n body {\r\n background: #46484b;\r\n background: -webkit-linear-gradient(-45deg, #4a4b4e 0%, #2d2e30 100%) 0 0 fixed;\r\n background: linear-gradient(135deg, #4a4b4e 0%, #2d2e30 100%) 0 0 fixed;\r\n\r\n }\r\n\r\n \/* Layouts\r\n ========================================================================== *\/\r\n\r\n \/* Block Box-Shadow *\/\r\n .tm-grid-block,\r\n .tm-block-bottom,\r\n .uk-article,\r\n .tm-noblog .tm-content,\r\n .tm-middle > [class*='tm-sidebar-'] > .uk-panel {\r\n box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), 0 6px 12px rgba(0, 0, 0, 0.12);\r\n }\r\n\r\n \/* Widgetkit Gallery\r\n ========================================================================== *\/\r\n\r\n \/* Caption *\/\r\n .wk-gallery-avenue .caption {\r\n background-color: rgba(57, 58, 61, 0.9);\r\n }\r\n .wk-gallery-avenue .nav span {\r\n background-image: url(\"\/templates\/yoo_lupo\/images\/widgetkit\/gold\/nav_icons.svg\");\r\n }\r\n\r\n}\r\n\r\n\/* Search\r\n ========================================================================== *\/\r\n\r\n.tm-search {\r\n margin-top: @global-margin - 5;\r\n}\r\n\r\n* + .tm-search {\r\n margin-left: @global-margin;\r\n}\r\n\r\n\/* Social Icon Buttons\r\n ========================================================================== *\/\r\n\r\n.tm-social-icon-buttons {\r\n margin-top: @global-margin - 5;\r\n}\r\n\r\n\/* Hover background colors *\/\r\n.tm-social-icon-buttons > .uk-icon-twitter:hover {\r\n background-color: #019AD1;\r\n}\r\n\r\n.tm-social-icon-buttons > .uk-icon-linkedin:hover {\r\n background-color: #069;\r\n}\r\n\r\n.tm-social-icon-buttons > .uk-icon-facebook:hover {\r\n background-color: #3b5998;\r\n}\r\n\r\n.tm-social-icon-buttons > .uk-icon-flickr:hover {\r\n background-color: #ff0084;\r\n}\r\n\r\n\/* Social Icons\r\n ========================================================================== *\/\r\n\r\n.tm-social-icons {\r\n margin: @global-margin @global-margin-large !important;\r\n\r\n > li {\r\n display: inline-block;\r\n margin-left: @global-margin;\r\n\r\n &:first-child {\r\n margin-left: 0;\r\n }\r\n }\r\n}\r\n\r\n\/* Only phones *\/\r\n@media (max-width: @breakpoint-small-max) {\r\n\r\n .tm-social-icons {\r\n margin: @global-margin 0 !important;\r\n float: none;\r\n }\r\n\r\n}\r\n\r\n\/* Socialbuttons\r\n ========================================================================== *\/\r\n\r\n.tm-socialbuttons {\r\n\r\n line-height: 1;\r\n\r\n > div {\r\n margin-right: 10px;\r\n float: left;\r\n }\r\n}\r\n\r\n\/* Demo Content\r\n ========================================================================== *\/\r\n\r\n\/* Modifier: `tm-list` *\/\r\n.tm-list {\r\n\r\n > li {\r\n padding: @global-margin @global-margin-large round(@global-margin \/ 2.5) @global-margin-large;\r\n border-top: 1px solid @global-border;\r\n clear: both;\r\n\r\n &:first-child {\r\n border: 0;\r\n }\r\n\r\n img {\r\n margin-right: (@global-margin-large - 5);\r\n }\r\n }\r\n\r\n}\r\n\r\n\/* Only phones *\/\r\n@media (max-width: @breakpoint-medium-max) and (min-width: @breakpoint-medium) {\r\n\r\n .tm-list {\r\n\r\n > li {\r\n\r\n &:last-child {\r\n display: none !important;\r\n }\r\n }\r\n\r\n }\r\n\r\n}\r\n\r\n\/* Modifier: `tm-subnav` *\/\r\n.tm-subnav {\r\n margin: @global-margin @global-margin-large !important;\r\n}\r\n\r\n.tm-subnav > * {\r\n margin-top: 0 !important;\r\n}\r\n\r\n\/* Modifier: `tm-list-image` *\/\r\n.tm-list-image {\r\n\r\n > li {\r\n padding: @global-margin 0;\r\n border-top: 1px solid @global-border;\r\n clear: both;\r\n\r\n &:first-child {\r\n padding-top: 0;\r\n border: 0;\r\n }\r\n\r\n &:nth-child(n+2) {\r\n margin-top: 0;\r\n padding-top: @global-margin;\r\n }\r\n\r\n img {\r\n margin-right: @global-margin;\r\n }\r\n }\r\n\r\n}\r\n\r\n\/* ab hier LUPO styles *\/\r\n\r\n.uk-button-group .uk-button.uk-active {\r\n background-color: @global-primary-gradient-bottom;\r\n color: #ffffff;\r\n background-image: linear-gradient(to bottom, @global-primary-gradient-top, @global-primary-gradient-bottom);\r\n}\r\n\r\n.tm-logo-small {\r\n > p {\r\n display: inline-block;\r\n }\r\n img {\r\n max-height: 50px;\r\n }\r\n}\r\n\r\n\/* menu toys *\/\r\n.lupo_toys h3 {\r\n padding-left: 20px;\r\n background-image: url(\"\/media\/com_lupo\/images\/dice-16px.png\");\r\n background-repeat: no-repeat;\r\n background-position: 0 5px;\r\n}\r\n\r\n\/*title*\/\r\nh1.uk-article-title {\r\n text-transform: uppercase;\r\n color: @global-link-color;\r\n font-size: 32px;\r\n}\r\n\r\n\/* dasselbe wie uk-article-title *\/\r\n.weblink-category h1, h2.contentheading {\r\n text-transform: uppercase;\r\n color: @global-link-color;\r\n border-bottom: 1px solid rgba(0, 0, 0, 0.06);\r\n display: inline-block;\r\n font-size: 32px;\r\n font-weight: 300;\r\n line-height: 42px;\r\n margin-top: 0;\r\n padding-bottom: 10px;\r\n}\r\n\r\n\/* spiele und kategorientitel *\/\r\nh2.contentheading {\r\n font-size: 24px;\r\n line-height: 30px;\r\n}\r\n\r\n\/* agenda intro *\/\r\n.image-intro {\r\n max-width: 256px;\r\n}\r\n\r\n.image-newsflash {\r\n margin-top: 5px;\r\n max-width: 150px;\r\n}\r\n\r\n\/* f\u00fcr suche mit primary-box *\/\r\n.uk-nav-search > li > a {\r\n color: #555555 ! important;\r\n}\r\n\r\n.uk-nav-search > li.uk-active > a {\r\n color: #FFFFFF ! important;\r\n}\r\n\r\n#search-result h1.uk-article-title {\r\n font-size: 18px;\r\n padding-bottom: 18px;\r\n}\r\n\r\n\/* search *\/\r\n.tm-search {\r\n margin-top: 20px;\r\n margin-right: 20px;\r\n}\r\n\r\n.tm-logo p {\r\n margin-bottom: 0;\r\n}\r\n\r\n#searchresult h1 {\r\n font-size: 24px;\r\n margin-bottom: 6px;\r\n line-height: 30px;\r\n}\r\n\r\n#searchresult p.uk-article-meta {\r\n margin: 0 0 6px 0;\r\n}\r\n\r\n#searchresult img {\r\n max-width: 150px;\r\n}\r\n\r\nspan.highlight {\r\n background-color: @global-link-color;\r\n color: white;\r\n}\r\n\r\n\/* fix spiel-detail table *\/\r\n.uk-table-condensed th {\r\n padding: 4px 8px;\r\n}\r\n\r\n\/* aktuell einleitungs-bild *\/\r\n.tm-blog .uk-align-right img {\r\n width: 200px;\r\n}\r\n\r\n\/* sibentrennung *\/\r\n.hyphens {\r\n -moz-hyphens: auto;\r\n -webkit-hyphens: auto;\r\n -ms-hyphens: auto;\r\n -o-hyphens: auto;\r\n hyphens: auto;\r\n}\r\n\r\n\/* kontaktforular *\/\r\n#jform_contact_message {\r\n height: 150px;\r\n width: 90%\r\n}\r\n\r\n.invalid {\r\n color: @global-link-color;\r\n font-weight: bold;\r\n}\r\n\r\ninput.invalid {\r\n border: 1px solid @global-link-color;\r\n}\r\n\r\n\/* header *\/\r\n.tm-container {\r\n margin-top: 0;\r\n}\r\n\r\n\/* fix display-error of first article element *\/\r\nmain.tm-content article:nth-of-type(1) {\r\n margin-top: 0;\r\n}\r\n\r\n\/* frontpage news modul *\/\r\n.frontpage-news .tm-article p {\r\n margin-top: 0;\r\n}\r\n\r\n.frontpage-news .tm-article h3 {\r\n margin-bottom: 5px;\r\n}\r\n\r\n\/* fixed width for icons *\/\r\n.uk-icon-fw {\r\n text-align: center;\r\n width: 1.28571em;\r\n}\r\n\r\n\/* list-style: pink square *\/\r\n.ul li.square-pink {\r\n list-style-image: url('data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAHCAYAAADAp4fuAAAAFElEQVQImWP47z3xPzpmoIUg0QAAT39HS6a56ucAAAAASUVORK5CYII=');\r\n}\r\n\r\n\/* list-style pink tick *\/\r\nul.check {\r\n list-style: outside none none;\r\n margin: 0px;\r\n padding: 0px;\r\n}\r\n\r\n@svg-global-link-color: replace('@{global-link-color}', '\\#', '%23');\r\n\r\nul.check > li {\r\n padding: 4px 0px 0px 30px;\r\n background: transparent data-uri('data:image\/svg+xml, ') no-repeat scroll 0 0;\r\n}\r\n\r\nul.check-green > li {\r\n background: transparent data-uri('data:image\/svg+xml, ') no-repeat scroll 0 0;\r\n}\r\n\r\nul.check-white > li {\r\n background: transparent data-uri('data:image\/svg+xml, ') no-repeat scroll 0 0;\r\n}\r\n\r\nul.check-pink > li {\r\n background: transparent data-uri('data:image\/svg+xml, ') no-repeat scroll 0 0;\r\n}\r\n\r\nul.dice > li {\r\n padding: 6px 0px 0px 25px;\r\n background: transparent url(\"data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8\/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAYdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuNvyMY98AAAMSSURBVDhPfVJ9KNxxHD5v5yWUrGNiRIx0iq22JeYPLf6wZqLrzCjcmOQvay\/qV64hpk2Zwh9aYyfGcgyb3S5v5+53N1p7ycjMTjgatzuHw3n2ca60lj319K3f7\/M83+fz+Xw5J0EnECSt5ea2aBMSxuf5\/OdzSUlRtl\/\/hz4\/X7CelvbFWF0NHBxgUyKBNjAQ33189mYuXbptK\/sXJoa5uFlcrPotFGIjNRX6oiKs5+VhKSoKa1lZ+HX\/PuZ8ffFBJKqxSY6xV1VVua9U4sBiwVZNDbZbW49ub2rCSlwc9mZnYerpwUxYGN4nJkIhEhXYpBwOSkuv7j98iN36euzU1sKYnQ1DQQH0IhFW4+OxHBMDLQkng4IwyONhyMUFAzyeTt7S4nJkIBY3HpSVYZdhsFVcjO2GBmuSHZkMqwkJmCUDNiAAShIqXF0xfOYM+knW6+MjsBrsicVPLSS2PHgAMw3ORGaGigrocnLwLToanzw9MWVvD9bBASyZq1kWb4KD0evu3ms1MJeVCXdLSmCmoW3duoXNykqs37uHHxERmLGzwycSa7q6oJZKMZ6ejjG6rM\/ZGd2OjtufGYbLMTQ2njLl5lpMN29i58kT6C5cwAKtbYb6naIhTmZmQl1XB1VVFd5T9AFiD7GT2B0UdMWawpCdLTPS4MxDQzDevYtFijhNCTQqFTTUmoqKR4hDxD7iK0rWTqfEw0NsNdALhULjnTvYnZjABu18lVJMU8FHDw+o6VQQ5cRB4ruUFKipTkrrlPB4z6wGnzs6uGaWXdikVerOncNabCy+UvEU8fD2UeLYjRtQtrVBRq1O0Jvoorp2P7+jTRzC8OjRtfXCQiydPYsVPh\/TNH0NCVmagYJSKcrLwY6OQkrzkdD3F56eXTbpMVbOn6\/T0s5\/nj6NH+HhUDs5Qa1QQC2XY4C2IeVy8dLBYbvTy0ssZxhHm+wYDMPYL4aGNs9T72uXL+ODmxvGQkIg8\/dHP5e78drb+\/Hb6Gg\/W\/nJ0EZGXtdnZPQsJycPKwMCmkf8\/QXzDHP0dP8Ch\/MH8tfUwOP8pIAAAAAASUVORK5CYII=\") no-repeat scroll 0 8px;\r\n}\r\n\r\nsvg#check {\r\n fill: @global-link-color;\r\n}\r\n\r\n\/* IE 11 hack damit bilder im Artikel nicht zu breit dargestellt werden *\/\r\n@media all and (-ms-high-contrast: none) {\r\n .tm-article-content > a.uk-align-left,\r\n .tm-article-content > a.uk-align-right {\r\n float: none;\r\n margin-right: 0;\r\n margin-left: 0;\r\n }\r\n}\r\n\r\n\/* LAYOUT OVERRIDES MIT BREITEM HEADER *\/\r\n\r\nbody.header-wide {\r\n\r\n .tm-headerbar {\r\n background-color: transparent;\r\n background-image: none;\r\n height: 100px;\r\n }\r\n\r\n .uk-navbar {\r\n box-shadow: none;\r\n }\r\n\r\n .tm-logo {\r\n margin-left: 5px;\r\n position: absolute;\r\n }\r\n\r\n .tm-search {\r\n margin-top: 40px;\r\n margin-right: 0;\r\n }\r\n\r\n .header-bg1 {\r\n background-color: white;\r\n width: 100%;\r\n height: 120px;\r\n top: 0;\r\n position: absolute;\r\n z-index: 0;\r\n }\r\n\r\n .header-bg2 {\r\n background: linear-gradient(to bottom, #383838, #2f2f2f) repeat scroll 0 0 #333333;\r\n box-shadow: 0 -1px 0 rgba(0, 0, 0, 0) inset;\r\n color: rgba(255, 255, 255, 0.5);\r\n width: 100%;\r\n height: 55px;\r\n top: 120px;\r\n position: absolute;\r\n z-index: 0;\r\n }\r\n\r\n .tm-container {\r\n margin: 0 auto;\r\n }\r\n .tm-container {\r\n margin: 0 auto;\r\n }\r\n\r\n}\r\n\r\nbody.header-nobgimg {\r\n .tm-search {\r\n margin-top: 45px;\r\n margin-right: 0;\r\n }\r\n}\r\n\r\n\r\n\/* joomla 4.4 \/ warp fixes *\/\r\ndiv:has(.jmodedit) {\r\n position: relative;\r\n}\r\n\r\n.btn.jmodedit {\r\n height: 20px !important;\r\n width: 10px !important;\r\n position: absolute;\r\n top: 0;\r\n right: 0;\r\n \/*border: 1px solid #CCCCCC;\r\n border-right: none;\r\n border-top: none;*\/\r\n background-color: rgba(255, 255, 255, 0.66);\r\n\r\n + div {\r\n display: none;\r\n }\r\n .visually-hidden {\r\n display: none;\r\n }\r\n}\r\n\r\n\r\n\r\n\/* Widgetkit 3 overrides\r\n ========================================================================== *\/\r\n.wk-scope a {\r\n color: @global-link-color;\r\n}\r\n\r\n\r\n\/* Editor Styles\r\n ========================================================================== *\/\r\n#system-readmore {\r\n border: 2px dashed red !important;\r\n background: none !important;\r\n height: 0 !important;\r\n}\r\n\n@import 'https:\/\/fonts.googleapis.com\/css?family=Roboto+Condensed';\n\n@global-body-style: 'default';\n@global-link-color: #CB4A33;\n@global-primary-gradient-top: #CB4A33;\n@global-primary-gradient-bottom: #CB4A33;\n@nav-side-active-background: #CB4A33;\n@panel-box-primary-background: #CB4A33;\n@panel-box-primary-color: rgba(234, 72, 140, 0.45);\n@global-background: #fcfcfc;\n@theme-footer-background: #ffffff;"}]; body { background: url('/templates/yoo_lupo//images/background/bg-medium.svgz') no-repeat scroll 50% 100px; } StartAktuellSortimentReglementBilderÜber unsSponsorenKontakt Die Ludothek bleibt geschlossen vom 21.12.25 bis 05.01.26 Wir wünschen allen Kundinnen und Kunden ein wunderschönes Weihnachtsfest und alles Gute im neuen Jahr! Das Team der Ludothek Region Sursee Adresse
[H3] Öffnungszeiten

Bilder

Es konnten 10 Bilder auf dieser Webseite gefunden werden.

Bei 7 Bilder(n) fehlt ein ALT-Attribut. Fügen Sie ALT-Attribute zu Ihren Bildern, um die Bedeutung der Bilder für Suchmaschinen zugänglich zu machen.

Text/HTML Verhältnis

Anteil : 0%

Das Text zu HTML Code Verhältnis dieser Webseite ist niedriger als 15 Prozent, was bedeutet, dass Sie mehr Inhalte für Ihre Webseite schreiben sollten.

Flash

Perfekt, denn es wurde kein Flash auf Ihrer Webseite gefunden.

IFrame

Großartig, denn Sie verwenden keine IFrames auf Ihrer Webseite.

SEO Links

URL Rewrite

Gut. Ihre Links sind für Suchmaschinen gut lesbar (sprechende Links)!

Underscores in the URLs

Perfekt! Wir haben keine Unterstriche in Ihren Links entdeckt.

In-page links

We found a total of 12 links including 0 link(s) to files

Anker	Typ	Natürlich
Start	intern	natürliche Links
Aktuell	intern	natürliche Links
Sortiment	intern	natürliche Links
Reglement	intern	natürliche Links
Bilder	intern	natürliche Links
Über uns	intern	natürliche Links
Sponsoren	intern	natürliche Links
Kontakt	intern	natürliche Links
-	intern	natürliche Links
-	intern	natürliche Links
databauer	extern	natürliche Links
Impressum / Datenschutzerklärung	intern	natürliche Links

SEO Suchbegriffe

Suchbegriffswolke

die start öffnungszeiten 1700h ludothek und geschlossen sursee region den

Keywords Consistency

Suchbegriff	Inhalt	Seitentitel	Suchbegriffe	Seitenbeschreibung	Überschriften
ludothek	7
sursee	5
die	3
start	3
region	3

Benutzerfreundlichkeit

URL

Domain : ludothek-sursee.ch

Länge : 18

Favoriten Icon

Gut. Die Webseite hat ein Favicon.

Druckeigenschaften

Es konnten keine druckfreundlichen CSS-Angaben gefunden werden.

Sprache

Gut, denn Sie haben in den META-Elementen eine Sprache deklariert: de.

Dublin Core

Diese Webseite nutzt nicht die Vorteile der Dublin Core Elemente.

Dokument

Doctype

HTML 5

Verschlüsselung

Perfekt, denn Ihre Webseite deklariert einen Zeichensatz: UTF-8.

W3C Validität

Fehler : 0

Warnungen : 0

E-Mail Datenschutz

Achtung! Es wurde mindestens eine E-Mail Adresse im Klartext auf Ihrer Webseite gefunden. Benutzen Sie dieses kostenlose Werkzeug um E-Mail Adressen vor SPAM zu schützen.

Veraltetes HTML

Sehr gut! Sie verwenden aktuelle HTML Tags in Ihrem Webseitenquelltext.

Tipps zur Webseitengeschwindigkeit

	Sehr gut, denn Ihre Webseite benutzt keine verschachtelten Tabellen.
	Schlecht, denn es wurden CSS-Angaben in HTML-Elementen entdeckt. Diese Angaben sollten in ein entsprechendes CSS-Stylesheet verlagert werden.
	Gut, denn Ihre Webseite enthält nur wenig CSS-Dateien.
	Nicht so gut, denn Ihre Webseite enthält viele Javascript-Dateien (mehr als 6).
	Gut! Sie nutzen die Vorteile von gzip.

Mobile

Mobile Optimierung

	Apple Icon
	META Viewport Tag
	Flash Inhalt

Optimierung

XML-Sitemap

Fehlt

Ihre Webseite hat keine XML-Sitemap. Dies könnte Probleme machen.

Eine Sitemap listet alle URLs, die für einen Suchmaschinenzugriff verfügbar sind. Sie kann ebenfalls Angaben zu aktuellen Updates, Häufigkeit von Änderungen und zur Priorität der URLs enthalten. Dies erlaubt Suchmaschinen, Seiten effizienter auszuloten.

Robots.txt

http://ludothek-sursee.ch/robots.txt

Sehr gut! Ihre Webseite enthält eine robots.txt-Datei.

Analytics

Fehlt

Wir haben nicht ein Analyse-Tool auf dieser Website installiert zu erkennen.

Webanalyse erlaubt die Quantifizierung der Besucherinteraktionen mit Ihrer Seite. Insofern sollte zumindest ein Analysetool installiert werden. Um die Befunde abzusichern, empfiehlt sich das parallele Verwenden eines zweiten Tools.

PageSpeed Insights

Gerät

Desktop

Mobile

Kategorien

Leistung

Barrierefreiheit

Empfohlene Vorgehensweise

SEO

Progressive Web-App

Website-SEO-Überprüfung

Website-SEO-Überprüfung ist ein kostenloses SEO Werkzeug zur Analyse Ihrer Webseite