Publié par Laisser un commentaire

Collection de chaussures Harry Potter et Vans pour moldus


n / /

n / / / n / = ============== =============================================== ======== n n n / / Variables n / / ========================== ============================================== n n @ panneau-titre-marge-bas: 15px; n @ panneau-titre-police-taille: 18px; n @ panneau-titre-ligne-hauteur: 24px; n @ panneau-titre-police-poids: normal ; n @ panel-title-color: # 444; n @ panel-title-text-transform: none; n n @ panel-teaser-margin-bottom: @ panel-title-margin-bottom; n n @ panel-box-padding: 15px; n @ panel-box-background: # f5f5f5; n @ panel-box-color: # 444; n @ panel-box-hover-color: @ panel-box -color; n @ panel-box-title-color: # 444; n @ panel-box-badg e-top: 10px; n @ panel-box-badge-right: @ panel-box-badge-top; n @ panel-box-teaser-margin: – @ panel-box-padding; n n @ panneau-boîte-primaire-arrière-plan: # ebf7fd; n @ panneau-boîte-primaire-couleur: # 2d7091; n @ panneau-boîte-primaire-survol-couleur: @ panneau-boîte-primaire-couleur; n @ panel-box-primary-title-color: # 2d7091; n n @ panel-box-secondary-background: #eee; n @ panel-box-secondary-color: # 444; n @ panel-box- couleur secondaire de survol: @ panel-box-secondaire-couleur; n @ panneau-box-secondaire-titre-color: # 444; n n @ panel-hover-padding: 15 pixels; n @ panel-hover -color: # 444; n @ panel-hover-hover-background: # f5f5f5; n @ panel-hover-hover-color: # 444; n @ panel-hover-badge-top: 10px; n @ panneau-survol-badge-droit: @ panel-hover-badge-top; n @ panel-hover-teaser-margin: – @ panel-hover-padding; n n @ panel-header-title-padding: 10px; n @ panel-header- title-border: #ddd; n @ panel-header-title-border-width: 1px; n @ panel-header-title-color: # 444; n n @ panel-space-padding: 30px; n n @ panneau-diviseur-gouttière: 25px; n @ panneau-diviseur-gouttière-large: 35px; n @ panneau-diviseur-bordure: #ddd; n @ panneau-diviseur-frontière-largeur: 1px; n n @ panneau-body-padding: @ panneau-box-padding; n n n / * ======================= =============================================== n Composant: Panneau n ========================================= ============================= * / n n / * n * 1. Nécessaire pour `a` éléments n * 2. Créer un contexte de position pour les badges n * / n n.uk-panel { n / * 1 * / n display: block; n / * 2 * / n position: relative; n} n n / * n * Autoriser les panneaux à être des ancres n * / n n.uk-panel, n.uk-panel: survolez {text-decoration: aucune; } n n / * n * Micro clearfix pour rendre les panneaux plus robustes n * / n n.uk-panel: before, n.uk-panel: after { n content: " "; n display: table; n} n n.uk-panel: after {clear: both; } n n / * n * Supprime la marge du dernier enfant si ce n'est pas `uk-widget-title` n * / n n.uk-panel>: not (.uk-panel-title ): last-child {margin-bottom: 0; } n n n / * Sous-objet: `uk-panel-title` n =========================== ================================================== n n.uk-panel-title { n margin-top: 0; n margin-bottom: @ panel-title-margin-bottom; n taille-de-police: @ panel-title-font-size; n hauteur_ligne: @ panneau-titre-ligne-hauteur; n police-poids: @ panneau-titre-police-poids; n transformation-de-texte: @ panneau-titre-texte-transformation; n couleur: @panel -title-color; n .hook-panel-title; n} n n n / n * / * Sous-objet: `uk-panel-badge` n ============ =============================================== ============= * / n n.uk-panel-badge { n position: absolute; n haut: 0; n droite: 0; n z-index : 1; n .hook-panel-badge; n} n n / * sous-objet: `uk-panel-teaser` n ================ =============================================== ========= * / n n.uk-panel-teaser {marge-bas: @ panel-teaser-marge-bas; } n n n / * Sous-objet: `uk-panel-body` n =========================== ================================================== n n.uk-panel-body {padding: @ panel-body-padding; } n n n / * Modificateur: `uk-panel-box` n ============================= =========================================== * * / n n.uk-panel-box { n padding: @ panel-box-padding; n arrière-plan: @ panel-box-background; n couleur: @ panel-box-color; n. hook-panel-box ; n} n n.uk-panel-box-hover: survol { n color: @ panel-box-hover-color; n. crochet-panel-box-hover; n} n n .uk-panel-box .uk-panel-title {color: @ panel-box-title-color; } n n.uk-panel-box .uk-panel-badge { n haut: @ panel-box-badge-top; n droite: @ panel-box-badge-right; n} n n.uk-panel-box> .uk-panel-teaser { n marge-top: @ panel-box-teaser-margin; n marge-gauche: @ panel-box-teaser-margin; n marge-droite : @ panel-box-teaser-margin; n} n n / * n * Navigation dans le panneau n * / n n.uk-panel-box> .uk-nav-side {margin : 0 (- @ panel-box-padding); } n n / * n * Sous-modificateur: `uk-panel-box-primary` n * / n n.uk-panel-box-primaire { n background-color: @panel -box-primary-background; n couleur: @ panel-box-primaire-couleur; n. crochet-panel-box-primaire; n} n n.uk-panel-box-primaire-survol: survol { n color: @ panel-box-primary-hover-color; n. crochet-panel-box-primaire-hover; n} n n.uk-panel-box-primaire .uk-panel-title {color: @ panel-box-primary-title-color; } n n / * n * Sous-modificateur: `uk-panel-box-secondary` n * / n n.uk-panel-box-secondary { n background-color: @panel -box-secondary-background; n couleur: @ panel-box-secondary-color; n. crochet-panel-box-secondaire; n} n n.uk-panel-box-secondaire-survol: survol { n color: @ panel-box-secondary-hover-color; n. crochet-panel-box-secondaire-hover; n} n n.uk-panel-box-secondaire .uk-panel-title {color: @ panel-box-secondary-title-color; } n n n / * Modificateur: `uk-panel-hover` n ============================= =========================================== * * / n n.uk-panel-hover { n padding: @ panel-hover-padding; n color: @ panel-hover-color; n .hook-panel-hover; n} n n.uk- panneau-survol: hover { n arrière-plan: @ panneau-hover-hover-fond; n couleur: @ panneau-hover-hover-couleur; n. crochet-panneau-hover-hover; n} n n .uk-panel-hover .uk-panel-badge { n haut: @ panel-hover-badge-top; n droite: @ panel-hover-badge-right; n} n n.uk-panel -hover> .uk-panel-teaser { n margin-top: @ panel-hover-teaser-margin; n margin-left: @ panel-hover-teaser-margin; n margin-right: @ panel-hover -teaser-margin; n} n n n / * Modifier: `uk-panel-header` n ======================= =============================================== == * / n n.uk-panel-header .uk-panel-title { n padding-bottom: @ panel-header-title-padding; n border-bottom: @ panel-header-title- border-width solide @ panel-header-title-border; n couleur: @ panel-header-title-c olor; n .hook-panel-header; n} n n n / Modifier: `uk-panel-space` n ================ =============================================== ======== * / n n.uk-panel-space {padding: @ panel-space-padding; } n n.uk-panel-space .uk-panel-badge { n haut: @ panel-space-padding; n droite: @ panel-space-padding; n} n n n n n / * Modificateur: `uk-panel-divider` n ===================================== =================================== * / n n.uk-panel +. uk-panel-divider {marge-top: (@ panel-divider-gutter * 2)! important; } n n.uk-panel + .uk-panel-divider: before { n contenu: ""; n display: block; n position: absolute; n top: – (@ panel-divider -gutter); n gauche: 0; n droite: 0; n bordure-haut: @ panneau-diviseur-bordure-largeur solide @ panneau-diviseur-bordure; n} n n / * Grand écran et plus grand * / n @ media (min-width: @ breakpoint-xlarge) { n n .uk-panel + .uk-panel-divider {margin-top: (@ panel-divider-gutter-large *) 2)! Important; } n .uk-panel + .uk-panel-divider: before {top: – (@ panel-divider-gutter-large); } n n} n n n / / Crochets n / / =========================== ============================================ n n. hook-panel-misc; n n.hook-panel-title () {} n.hook-panel-badge () {} n.hook-panel-box () {} n.hook-panel -box-hover () {} n.hook-panel-box-primaire () {} n.hook-panel-box-primaire-hover () {} n.hook-panel-box-secondary () {} n.hook-panel-box-secondary-hover () {} n.hook-panel-hover () {} n.hook-panel-hover-hover () {} n.hook-panel -header () {} n.hook-panel-misc () {} n n / / Nom: Block n / / Description: Définit les styles pour créer des blocs de format horizontal n / / n / / Composant: `uk-block` n / / n / / Modificateurs:` uk-block-large` n / / `uk-block-default` n / / `uk-block-muted` n / /` uk-block-primary` n / / `uk-block-secondary` n / / n / / == =============================================== =================== n n n / / Variables n / / ============== =============================================== ======= == n n @ block-padding-vertical: 20px; n @ block-padding-vertical-large: 50px; n n @ block-large-padding-vertical: @ bloc-padding-vertical; n @ block-large-padding-vertical-medium: @ block-padding-vertical-large; n @ block-large-padding-vertical-large: 100px; n n @ block-default-background: #fff; n @ block-muted-background: # f9f9f9; n @ block-primary-background: # 00a8e6; n @ block-secondary-background: # 222; n n / = *====== =============================================== ================ Composant: Bloc n ========================== ================================================== n n.uk-block { n position: relative; n taille de la boîte: border-box; n padding-top: @ block-padding-vertical; n padding-bottom: @ block-padding-vertical ; n .hook-block; n} n n / * Paysage du téléphone et plus grand * / n @ média (min-largeur: @ point d'arrêt-support) { n n .uk-block { n padding-top: @ block-padding-vertical-large; n padding-bottom: @ bloc-padding-vertical-large; n} n n} n n / * n * Micro clearfix pour rendre les blocs plus robustes n * / n.uk-block: before, n.uk-block: after { n contenu: ""; n display: table ; n} n n.uk-block: after {clear: both; } n n / * n * Supprimer la marge du dernier enfant n * / n n.uk-block>: last-child {margin-bottom: 0; } n n n / * Modificateur de remplissage n =================================== ==================================== * / n n / * n * Large padding n * / n n.uk-block-large { n padding-top: @ block-large-padding-vertical; n padding-bottom: @ block-large-padding-vertical; n} n n / * Tablettes et plus grandes * / n @ média (largeur min: @ point d'arrêt-support) { n n .uk-block-large { n padding-top: @ block- large-padding-vertical-medium; n padding-bottom: @ block-large-padding-vertical-medium; n} n n} n n / * Bureau et plus grand * / n @ média (min-width: @ breakpoint-large) { n n .uk-block-large { n padding-top: @ block-large-padding-vertical-large; n padding-bottom: @ bloc-large- padding-vertical-large; n} n n} n n n / Modifier la couleur n ======================= =============================================== = * / n n / * n * Par défaut n * / n n.uk-block-default { n background: @ block-default-background; n .hook-block-default ; n} n n / * n * en sourdine n * / n n.uk-block-muted { n background: @ block-muted-background; n .hook-block-muted; n} n n / n * / n * Primaire n * / n n.uk-block-primaire { n background: @ block-primary-background; n .hook-block-primary; n} n n n / * n * Secondaire n * / n n.uk-block-secondary { n background: @ block-secondary-background; n .hook-block-secondary; n} n n n n / / Crochets n / / ============= =============================================== ========== n n.hook-block-misc; n n.hook-block () {} n.hook-block-default () {} n.hook- block-muted () {} n.hook-block-secondary () {} n.hook-block-primary () {} n.hook-block-misc () {} n / / Nom : Article n / / Description: définit les styles des articles de votre page. N / / n / / Composant: `uk-article` n / / n / / Sub- objets: `uk-article-title` n / /` uk-article-meta` n / / `uk-article-lead` n / /` uk-article-divider` n / / n / / Balisage: n / / n / / n / /

n / [19459]

n / /

n / /

n /

n / /


n / /

n / /

n / / n / / ============================= ========================================== n n n / / Variables n / / ======================================= =============================== n n @ article-margin-top: 25px; n n @ article-title-font-size: 36px; n @ article-title-line-height: 42px; n @ article-title-font-weight: normal; n @ article-title-text-transform: none; n n @ article-meta-font-size: 12px; n @ article-meta-line-height: 18px; n @ article-meta-color: # 999; n n @ article-lead-color: # 444; n @ article-lead-font-size: 18px; n @ article-lead-line-height: 24px; n @ article-lead-font-weight: normal ; n n @ article-divider-margin: 25px; n @ article-divider-border: #ddd; n n n / * * =============== =============================================== ======= n Composant: Article n =================================== ==================================== * / n n / * n * Micro clearfix pour rendre les articles plus robustes n * / n n.uk-article: avant, n.uk-article: après { n contenu: ""; n display: table; n } n n.uk-article: after {clear: both; } n n / * n * Supprimer la marge du dernier enfant n * / n n.uk-article>: last-child {margin-bottom: 0; } n n / * n * Gouttière verticale pour les articles n * / n n.uk-article + .uk-article {margin-top: @ article-margin-top; } n n n / * Sous-objet `uk-article-title` n =========================== ============================================= \ n n.uk-article-titre { n taille-police: @ article-titre-police-taille; n hauteur-ligne: @ article-titre-ligne-hauteur; n taille-police: @ article-titre -font-weight; n text-transformation: @ titre-article-text-transformation; n. titre-article-titre; n} n n.uk-article-titre a { n couleur: inherit; n text-decoration: none; n} n n n / Sous-objet `uk-article-meta` n ================== =============================================== ====== * / n n.uk-article-meta { n taille-de-police: @ article-meta-font-taille; n hauteur-ligne: @ article-meta-ligne-hauteur; n color: @ article-meta-color; n .hook-article-meta; n} n n n n / * sous-objet `uk-article-lead` n ====== =============================================== ================= * / n n.uk-article-lead { n color: @ article-lead-color; n taille de la police: @ article-lead-font-size; n hauteur de ligne: @ article-lead-line-height; n font-peser t: @ article-lead-font-weight; n .hook-article-lead; n} n n n n / * sous-objet `uk-article-divider` n ====== =============================================== ================= * * / n n.uk-article-diviseur { n marge-bas: @ article-divider-margin; n bordure-couleur : @ article-divider-border; n .hook-article-divider; n} n n * + .uk-article-divider {margin-top: @ article-divider-margin; } n n n / / Crochets n / / ================================ ======================================= n n.hook-article-misc ; n n.hook-article-title () {} n.hook-article-meta () {} n.hook-article-lead () {} n.hook-article-divider () { } n.hook-article-misc () {} n / / Nom: Commentaire n / / Description: Définit les styles pour les fils de commentaire n / / n / / Composant: ` uk-comment` n / / n / / Sous-objets: `uk-comment-header` n / /` uk-comment-avatar` n / / `uk-comment -title` n / / `uk-comment-meta` n / /` uk-comment-body` n / / `uk-comment-list` n / /` uk -comment-primary` n / / n / / Balisage: n / / n / / n / /

n / /

n / / n / /

n / /

n / /

n / / /

n / /

n / /

n / /

n / / n / = ===== ========= =============================================== ======== n n n / / Variables n / / ========================== ============================================== n n @ comment-header-margin-bottom: 15px; n n @ comment-avatar-margin-right: 15px; n n @ comment-title-margin-top: 5px; n @ comment-title-font -size: 16px; n @ comment-title-line-height: 22px; n n @ comment-meta-margin-top: 2px; n @ comment-meta-color: # 999; n @ comment- meta-font-size: 11px; n @ comment-meta-line-height: 16px; n n @ comment-list-margin-top: 15px; n @ comment-list-padding-left: 100px; n n n / * ======================================== ============================= n Composant: Comment n ============= =============================================== =========== * / n n.uk-comment { n .hook-comment; n} n n n / * Sous-objet `uk-comment-header` n =============================== ======================================== * * / n n. uk-commentaire-en-tête { n marge-bas: @ commentaire-en-tête-marge-bas; n .hook-commentaire-en-tête; n} n n / * n * Clearfix n * / n n.uk-comment-header: avant, n.uk-comment-header: après { n contenu: ""; n display: table; n} n n.uk-comment -header: after {clear: les deux; } n n n / * Sous-objet `uk-comment-avatar` n =========================== ============================================= \ n n.uk-comment-avatar { n margin-right: @ comment-avatar-margin-right; n float: left; n .hook-comment-avatar; n} n n n n / * Sous-objet `uk-comment-title` n ==================================== ==================================== * / n n.uk-comment- title { n marge: @ comment-title-margin-top 0 0 0; n taille de la police: @ comment-title-font-size; n hauteur de la ligne: @ comment-title-line-height; n .hook-comment-title; n} n n n / Sous-objet `uk-comment-meta` n =================== =============================================== ===== * / n n.uk-comment-meta { n marge: @ comment-meta-margin-top 0 0 0; n taille de police: @ comment-meta-police de taille; n line-height: @ comment-meta-line-height; n couleur: @ comment-meta-color; n .hook-comment-meta; n} n n n / Sous-objet `uk-comment-body` n ======================================= =================================== /nn.uk-comment-body { n .hook-comment-body; n} n n / n * / n * Supprimer la marge du dernier enfant n * / n n .uk-comment-body>: dernier-enfant {margin-bottom: 0; } n n n / * Sous-objet `uk-comment-list` n =========================== ============================================= \ n n.uk-comment-list { n padding: 0; n style de liste: aucun; n} n n.uk-comment-list .uk-comment + ul { n marge: @comment -list-margin-top 0 0 0; n style de liste: aucun; n} n n.uk-comment-list> li: nième-enfant (n + 2), n.uk-comment- liste .uk-comment + ul> li: n-enfant (n + 2) {margin-top: @ comment-list-margin-top; } n n / * Tablette et plus grand * / n @ média (largeur min: @ point d'arrêt-support) { n n .uk-comment-list .uk-comment + ul {padding-left: @ comment-list-padding-left; } n n} n n n / * Modificateur `uk-comment-primaire` n ========================= ================================================ * / n n.uk-comment-primaire { n .hook-comment-primaire; n} n n n n / / Crochets n / / ========= =============================================== ============== n n.hook-comment-misc; n n.hook-comment () {} n.hook-comment-header () {} n.hook-comment-avatar () {} n.hook-comment-title () {} n.hook-comment-meta () {} n.hook-comment-body () {} n. hook-comment-primary () {} n.hook-comment-misc () {} n / / Nom: Couverture n / / Description: Définit les styles des images et des vidéos afin de couvrir leur position centrée n / / n / / Composant: `uk-cover- *` n / / n / / Utilisé par: Diaporama n / / n / / ============================================== ======================= n n n / * ================= =============================================== ==== n Composant: Couverture n ====================================== ================================== * / n n / * n * L’image d’arrière-plan recouvre et centre toujours son élément n * / n n.uk-cover-background { n position-arrière-plan: 50% 50%; n taille-arrière-plan: couverture; n répétition-arrière-plan : no-repeat; n} n n / * n * Emule la couverture d’image, fonctionne avec les éléments vidéo et image n * 1. Conteneur parent qui clipne l’objet redimensionné n * 2. Redimensionne l’objet pour qu’il couvre toujours son conteneur n * 3. Réinitialiser l'image sensible CSS n * 4. Objet de centre n * / n n / * 1 * / n.uk-cover {débordement: masqué; } n n.uk-cover-object { n / * 2 * / n largeur: auto; n hauteur: auto; n min-largeur: 100%; n min-hauteur: 100% ; n / * 3 * / n largeur-max: aucune; n / * 4 * / n position: relative; n gauche: 50%; n haut: 50%; n – webkit-transformation: traduire (-50%, – 50%); n transformer: traduire (-50%, – 50%); n} n n / * n * Pour centrer les iframes, utilisez `data- uk-cover` JavaScript n * / n n [data-uk-cover] { n position: relative; n gauche: 50%; n haut: 50%; n -webkit-transform: traduire (-50% , -50%); n transformation: traduire (-50%, – 50%); n} n n n / / Crochets n / / ========== =============================================== ============ n n.hook-cover-misc; n n.hook-cover-misc () {} n n / / Navs n / / Nom: Nav n / / Description: Définit les styles de navigation dans les listes. N / / n / / Composant: `uk-nav` n / / n / / Sous-objets: `uk-nav-header` n / /` uk-nav-divider` n / / `uk-nav-sub` n / / n / / / Modificateurs : `uk-nav-parent-icon` n / / `uk-nav-side` n / /` uk-nav-dropdown` n / / `uk-nav-navbar` n / / 'uk-nav-offcanvas` n / / n / / States: `uk-active` n / /` uk-parent` n / / `uk-open` n / /` uk-touch` / / n / / Utilisations: Icône: FontAwesome n / / n / / Utilisé par: Panneau n / / Dropdown n / / n / / Balisage: n / / n / / n / /

    n / /

  • n / /

  • n / /

n / / / n / / ================== =============================================== ===== n n n / / Variables n / / ============================ ============================================ n @ nav -padding-vertical: 5px; n @ nav-padding-horizontal: 15px; n n @ nav-header-padding-vertical: @ nav-padding-vertical; n @ nav-header-padding-horizontal: @ nav-padding-horizontal; n @ nav-header-font-size: 12px; n @ nav-header-font-weight: gras; n @ nav-header-text-transform: majuscule; n @ nav -header-margin-top: 15px; n n @ nav-divider-margin-vertical: 9px; n @ nav-divider-margin-horizontal: @ nav-padding-horizontal; n n @ nav-subtitle -font-size: 12px; n @ nav-subtitle-line-height: 18px; n n @ nav-imbriquée-padding-left: 15px; n @ nav-imbriquée-padding-verticale: 2px; n @ nav-nested-padding-horizontal: 0; n n @ nav-sub-padding-vertical: 5px; n @ nav-sous-padding-left: @ nav-padding-horizontal; n n @ nav -parent-icon: "\ f104 "; n @ nav-parent-open-icon: "\ f107 "; n @ nav-parent-icon-width: 20px; n @ nav- icône-parent-marge-droite: -10px; n n @ nav-side-color: # 444; n @ nav-side-hover-background: arrière-plan: rgba (0,0,0,0,05); n @ nav-side-hover-color: # 444; n @ nav-side-active-background: # 00a8e6; n @ nav-side-active-color: #fff; n @ nav-side-header-color: # 444; n @ nav- side-divider-border: #ddd; n @ nav-side-divider-border-width: 1px; n @ nav-side-nested-color: # 07D; n @ nav-side-nested-hover-color : # 059; n n @ nav-dropdown-color: # 444; n @ nav-dropdown-hover-background: # 00a8e6; n @ nav-dropdown-hover-color: #fff; n @ nav -dropdown-header-color: # 999; n @ nav-drop-down-divider-border: #ddd; n @ nav-drop-down-divider-border-width: 1px; n @ nav-drop-down-nested-color: # 07D; n @ nav-dropdown-nested- hover-color: # 059; n n @ nav-navbar-color: # 444; n @ nav-navbar-hover-background: # 00a8e6; n @ nav-navbar-hover-color: #fff; n @ nav-navbar-header-color: # 999; n @ nav-navbar-divider-border: #ddd; n @ nav-navbar-divider-border-width: 1px; n @ nav-navbar-imbriqué -color: # 07D; n @ nav-navbar-nested-hover-color: # 059; n n @ nav-offcanvas-padding-vertical: 10px; n @ nav-offcanvas-padding-horizontal: 15px; n @ nav-offcanvas-color: #ccc; n @ nav-offcanvas-hover-background: # 404040; n @ nav-offcanvas-hover-color: #fff; n @ nav-offcanvas-active-background : # 1a1a1a; n @ nav-offcanvas-active-color: #fff; n @ nav-offcanvas-header-color: # 777; n @ nav-offcanvas-divider-border: # 1a1a1a; n @ nav -offcanvas-d ivider-border-width: 1px; n @ nav-offcanvas-nested-color: #ccc; n @ nav-offcanvas-nested-hover-color: #fff; n n n / * === =============================================== ================== n Composant: Nav n ======================= =============================================== * / n n.uk-nav, n.uk-nav ul { n marge: 0; n remplissage: 0; n style de liste: aucun; n} n n / * n * Articles n * / n n.uk-nav li> a { n affichage: bloc; n text-decoration: aucun; n} n n.uk-nav> li> a {padding: @ nav-padding-vertical @ nav-padding-horizontal; } n n / * n * Éléments imbriqués n * / n n.uk-nav ul {padding-left: @ nav-nested-padding-left; } n n.uk-nav ul a {padding: @ nav-nested-padding-vertical @ nav-nested-padding-horizontal; } n n / * n * Sous-titre d'élément n * / n n.uk-nav li> a> div { n taille-police: @ nav-subtitle-police-taille; n ligne -height: @ nav-subtitle-line-height; n} n n n n / * sous-objet: `uk-nav-header` n ============== =============================================== =========== * / n n.uk-nav-header { n padding: @ nav-header-padding-vertical @ nav-header-padding-horizontal; n text- transformation: @ nav-header-text-transform; n police-weight: @ nav-header-police-weight; n police-size: @ nav-header-police-taille; n .hook-nav-header; n} n n.uk-nav-header: not (: premier-enfant) {margin-top: @ nav-header-margin-top; } n n n / * Sous-objet: `uk-nav-divider` n =========================== ================================================== n n.uk-nav-divider { n marge: @ nav-divider-margin-verticale @ nav-divider-marge-horizontale; n .hook-nav-divider; n} n n n / * Sous-objet: `uk-nav-sub` n ================================== ====================================== * / n n / * n * `ul` est nécessaire pour une spécificité supérieure afin de remplacer le remplissage n * / n nul.uk-nav-sub { n padding: @ nav-sous-padding-vertical 0 @ @ nav-sous-padding-vertical @ nav-sub-padding-left; n .hook-nav-sub; n} n n n / n * / * Modificateur: `uk-nav-parent-icon` n ======= =============================================== ================ * * / n n.uk-nav-parent-icon> .uk-parent> a: après { n contenu: @ nav-parent -icon; n width: @ nav-parent-icon-width; n margin-right: @ nav-parent-icon-margin-right; n float: right; n font-family: FontAwesome; n text -align: center; n .hook-nav-parent-icon; n} n n.uk-nav-parent-icon> .uk-parent.uk-open > a: after {content: @ nav-parent-open-icon; } n n n / * Modificateur `uk-nav-side` n ============================== ========================================== * * / n n / * n * Éléments n * / n n.uk-nav-side> li> a { n color: @ nav-side-color; n .hook-nav-side; n } n n / * n * Survoler n * 1. Appliquer le style de survol également à l'état de la mise au point n * 2. Supprimer le style de mise au point par défaut n * / n n.uk > a: survol, n.uk-nav-side> li> a: mise au point { / / 1 n fond: @ nav-side-survol-fond; n color: @ nav-side-hover-color ; n / * 2 * / n contour: aucun; n .hook-nav-side-hover; n} n n / * Actif * / n.uk-nav-side> li.uk-active> a { n arrière-plan: @ nav-side-active-background; n couleur: @ nav-side-active-color; n. crochet-nav-side-actif; n} n n / * n * Sous-objet: `uk-nav-header` n * / n n.uk-nav-side .uk-nav-header { n color: @ nav-side- header-color; n .hook-nav-side-header; n} n n / * n * Sous-objet: `uk-nav-divider` n * / n n.uk -nav-side .uk-nav-divider { n border-top: @ nav-side-divider-border-width-solid solide @ nav-side-divider-bo diviseur; n .hook-nav-side-divider; n} n n / * n * Éléments imbriqués n * / n n.uk-nav-side ul a {color: @nav -side-nested-color; } n.uk-nav-side ul a: hover {color: @ nav-side-nested-hover-color; } n n n / * Modificateur `uk-nav-dropdown` n ============================== ========================================== * * / n n / * n * Articles n * / n n.uk-nav-dropdown> li> a { n color: @ nav-dropdown-color; n. Crochet-nav-drop-down; n } n n / * n * Survoler n * 1. Appliquer le style de survol également à l'état de la mise au point n * 2. Supprimer le style de mise au point par défaut n * / n n.uk-nav-dropdown> li > a: survol, n.uk-nav-dropdown> li> a: focus { / / 1 n fond: @ nav-dropdown-survol-arrière-plan; n color: @ nav-dropdown-survol-couleur ; n / * 2 * / n contour: aucun; n .hook-nav-drop-down-hover; n} n n / * n * Sous-objet: `uk-nav-header ` n * / n n.uk-nav-dropdown .uk-nav-header { n color: @ nav-dropdown-header-color; n .hook-nav-dropdown-header; n} n n / * n * Sous-objet: `uk-nav-divider` n * / n n.uk-nav-dropdown .uk-nav-divider { n border-top: @ nav-dropdown-divider-border-width solide @ nav-dropdown-divider-border; n .hook-nav-dropdown-divider; n} n n / * n * Eléments imbriqués n * / n n.uk-nav-dropdown ul a {color: @nav-dropdown-nested-color; }n.uk-nav-dropdown ul a:hover { color: @nav-dropdown-nested-hover-color; }nnn/* Modifier `uk-nav-navbar`n ========================================================================== */nn/*n * Itemsn */nn.uk-nav-navbar > li > a {n color: @nav-navbar-color;n .hook-nav-navbar;n}nn/*n * Hovern * 1. Apply hover style also to focus staten * 2. Remove default focus stylen */nn.uk-nav-navbar > li > a:hover,n.uk-nav-navbar > li > a:focus { // 1n background: @nav-navbar-hover-background;n color: @nav-navbar-hover-color;n /* 2 */n outline: none;n .hook-nav-navbar-hover;n}nn/*n * Sub-object: `uk-nav-header`n */nn.uk-nav-navbar .uk-nav-header {n color: @nav-navbar-header-color;n .hook-nav-navbar-header;n}nn/*n * Sub-object: `uk-nav-divider`n */nn.uk-nav-navbar .uk-nav-divider {n border-top: @nav-navbar-divider-border-width solid @nav-navbar-divider-border;n .hook-nav-navbar-divider;n}nn/*n * Nested itemsn */nn.uk-nav-navbar ul a { color: @nav-navbar-nested-color; }n.uk-nav-navbar ul a:hover { color: @nav-navbar-nested-hover-color; }nnn/* Modifier `uk-nav-offcanvas`n ========================================================================== */nn/*n * Itemsn */nn.uk-nav-offcanvas > li > a {n color: @nav-offcanvas-color;n padding: @nav-offcanvas-padding-vertical @nav-offcanvas-padding-horizontal;n .hook-nav-offcanvas;n}nn/*n * Hovern * No hover on touch devices because it behaves buggy in fixed offcanvasn * 1. Apply hover style also to focus staten * 2. Remove default focus stylen */nn.uk-nav-offcanvas > .uk-open > a,nhtml:not(.uk-touch) .uk-nav-offcanvas > li > a:hover,nhtml:not(.uk-touch) .uk-nav-offcanvas > li > a:focus { // 1n background: @nav-offcanvas-hover-background;n color: @nav-offcanvas-hover-color;n /* 2 */n outline: none;n .hook-nav-offcanvas-hover;n}nn/*n * Activen * `html .uk-nav` needed for higher specificity to override hovern */nhtml .uk-nav.uk-nav-offcanvas > li.uk-active > a {n background: @nav-offcanvas-active-backgrou nd;n color: @nav-offcanvas-active-color;n .hook-nav-offcanvas-active;n}nn/*n * Sub-object: `uk-nav-header`n */nn.uk-nav-offcanvas .uk-nav-header {n color: @nav-offcanvas-header-color;n .hook-nav-offcanvas-header;n}nn/*n * Sub-object: `uk-nav-divider`n */nn.uk-nav-offcanvas .uk-nav-divider {n border-top: @nav-offcanvas-divider-border-width solid @nav-offcanvas-divider-border;n .hook-nav-offcanvas-divider;n}nn/*n * Nested itemsn * No hover on touch devices because it behaves buggy in fixed offcanvasn */nn.uk-nav-offcanvas ul a { color: @nav-offcanvas-nested-color; }nhtml:not(.uk-touch) .uk-nav-offcanvas ul a:hover { color: @nav-offcanvas-nested-hover-color; }nnn// Hooksn// ========================================================================nn.hook-nav-misc;nn.hook-nav-header() {}n.hook-nav-divider() {}n.hook-nav-sub() {}n.hook-nav-parent-icon() {}nn.hook-nav-side() {}n.hook-nav-side-hover() {}n.hook-nav-side-active() {}n.hook-nav-side-header() {}n.hook-nav-side-divider() {}nn.hook-nav-dropdown() {}n.hook-nav-dropdown-hover() {}n.hook-nav-dropdown-header() {}n.hook-nav-dropdown-divider() {}nn.hook-nav-navbar() {}n.hook-nav-navbar-hover() {}n.hook-nav-navbar-header() {}n.hook-nav-navbar-divider() {}nn.hook-nav-offcanvas() {}n.hook-nav-offcanvas-hover() {}n.hook-nav-offcanvas-active() {}n.hook-nav-offcanvas-header() {}n.hook-nav-offcanvas-divider() {}nn.hook-nav-misc() {}n// Name: Navbarn// Description: Defines styles for the navigation barn//n// Component: `uk-navbar`n//n// Sub-objects: `uk-navbar-nav`n// `uk-navbar-nav-subtitle`n// `uk-navbar-content`n// `uk-navbar-brand`n// `uk-navbar-toggle`n// `uk-navbar-toggle-alt`n// `uk-navbar-center`n// `uk-navbar-flip`n//n// Modifiers: `uk-navbar-attached`n//n// States: `uk-active`n// `uk-parent`n// `uk-open`n//n// Used by: Dropdownn//n// Markup:n//n// n//

n//n// ========================================================================nnn// Variablesn// ========================================================================nn@navbar-background: #eee;n@navbar-color: #444;n@navbar-link-color: #07D;n@navbar-link-hover-color: #059;nn@navbar-nav-height: 40px;n@navbar-nav-line-height: @navbar-nav-height;n@navbar-nav-padding-horizontal: 15px;n@navbar-nav-color: #444;n@navbar-nav-font-size: 14px;n@navbar-nav-font-weight: normal;n@navbar-nav-font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;n@navbar-nav-hover-background: #f5f5f5;n@navbar-nav-hover-color: #444;n@navbar-nav-onclick-background: #ddd;n@navbar-nav-onclick-color: #444;n@navbar-nav-active-background: #f5f5f5;n@navbar-nav-active-color: #444;n@navbar-nav-subtitle-font-size: 10px;n@navbar-nav-subtitle-offset: 2px;nn@navbar-brand-font-size: 18px;n@navbar-brand-color: #444;n@navbar-brand-hover-color: #444;nn@navbar-toggle-font-size: 18px;n@navbar-toggle-color: #444;n@navbar-toggle-hover-color: #444;n@navbar-toggle-icon: "\f0c9";n@navbar-toggle-icon-alt: "\f002";nnn/* ========================================================================n Component: Navbarn ========================================================================== */nn.uk-navbar {n background: @navbar-background;n color: @navbar-color;n .hook-navbar;n}nn/*n * Micro clearfixn */nn.uk-navbar:before,n.uk-navbar:after {n content: "";n display: table;n}nn.uk-navbar:after { clear: both; }nnn/* Sub-object: `uk-navbar-nav`n ========================================================================== */nn.uk-navbar-nav {n margin: 0;n padding: 0;n list-style: none;n float: left;n}nn/*n * 1. Create position context for dropdownsn */nn.uk-navbar-nav > li {n float: left;n /* 1 */n position: relative;n}nn/*n * 1. Dimensionsn * 2. Stylen */nn.uk-navbar-nav > li > a {n display: block;n box-sizing: border-box;n text-decoration: none;n /* 1 */n height: @navbar-nav-height;n padding: 0 @navbar-nav-padding-horizontal;n line-height: @navbar-nav-line-height;n /* 2 */n color: @navbar-nav-color;n font-size: @navbar-nav-font-size;n font-family: @navbar-nav-font-family;n font-weight: @navbar-nav-font-weight;n .hook-navbar-nav;n}nn/* Appear not as link */n.uk-navbar-nav > li > a[href=’#’] { cursor: text; }nn/*n * Hovern * 1. Apply hover style also to focus staten * 2. Also apply if dropdown is openedn * 3. Remove default focus stylen */nn.uk-navbar-nav > li:hover > a,n.uk-navbar-nav > li > a:focus, // 1n.uk-navbar-nav > li.uk-open > a { // 2n background-color: @navbar-nav-hover-background;n color: @navbar-nav-hover-color;n /* 3 */n outline: none;n .hook-navbar-nav-hover;n}nn/* OnClick */n.uk-navbar-nav > li > a:active {n background-color: @navbar-nav-onclick-background;n color: @navbar-nav-onclick-color;n .hook-navbar-nav-onclick;n}nn/* Active */n.uk-navbar-nav > li.uk-active > a {n background-color: @navbar-nav-active-background;n color: @navbar-nav-active-color;n .hook-navbar-nav-active;n}nnn/* Sub-objects: `uk-navbar-nav-subtitle`n ========================================================================== */nn.uk-navbar-nav .uk-navbar-nav-subtitle { line-height: @navbar-nav-line-height – @navbar-nav- subtitle-font-size – @navbar-nav-subtitle-offset; }nn.uk-navbar-nav-subtitle > div {n margin-top: ((@navbar-nav-line-height – @navbar-nav-subtitle-font-size – @navbar-nav-font-size) / -2) + @navbar-nav-subtitle-offset;n font-size: @navbar-nav-subtitle-font-size;n line-height: @navbar-nav-subtitle-font-size + @navbar-nav-subtitle-offset;n}nnn/* Sub-objects: `uk-navbar-content`, `uk-navbar-brand`, `uk-navbar-toggle`n ========================================================================== */nn/*n * Imitate navbar itemsn */nn.uk-navbar-content,n.uk-navbar-brand,n.uk-navbar-toggle {n box-sizing: border-box;n display: block;n height: @navbar-nav-height;n padding: 0 @navbar-nav-padding-horizontal;n float: left;n .hook-navbar-content;n}nn/*n * Helper to center all child elements verticallyn */nn.uk-navbar-content:before,n.uk-navbar-brand:before,n.uk-navbar-toggle:before {n content: '';n display: inline-block;n height: 100%;n vertical-align: middle;n}nnn /* Sub-objects: `uk-navbar-content`n ========================================================================== */nn/*n * Better sibling spacingn */nn.uk-navbar-content + .uk-navbar-content:not(.uk-navbar-center) { padding-left: 0; }nn/*n * Link colorsn */nn.uk-navbar-content > a:not([class]) { color: @navbar-link-color; }n.uk-navbar-content > a:not([class]):hover { color: @navbar-link-hover-color; }nnn/* Sub-objects: `uk-navbar-brand`n ========================================================================== */nn.uk-navbar-brand {n font-size: @navbar-brand-font-size;n color: @navbar-brand-color;n text-decoration: none;n}nn/*n * 1. Apply hover style also to focus staten * 2. Remove default focus stylen */nn.uk-navbar-brand:hover,n.uk-navbar-brand:focus { // 1n color: @navbar-brand-hover-color;n text-decoration: none;n /* 2 */n outline: none;n}nnn/* Sub-object: `uk-navbar-toggle`n ========================================================================== */nn.uk-navbar-toggle {n font-size: @navbar-toggle-font-size;n color: @navbar-toggle-color;n text-decoration: none;n}nn/*n * 1. Apply hover style also to focus staten * 2. Remove default focus stylen */nn.uk-navbar-toggle:hover,n.uk-navbar-toggle:focus { // 1n color: @navbar-toggle-hover-color;n text-decoration: none;n /* 2 */n outline: none;n}nn/*n * 1. Center icon verticallyn */nn.uk-navbar-toggle:after {n content: @navbar-toggle-icon;n font-family: FontAwesome;n /* 1 */n vertical-align: middle;n}nn.uk-navbar-toggle-alt:after { content: @navbar-toggle-icon-alt; }nnn/* Sub-object: `uk-navbar-center`n ========================================================================== */nn/*n * The element with this class needs to be last child in the navbarn * 1. This hack is needed because other float elements shift centered textn */nn.uk-navbar-center {n float: none;n text-align: center;n /* 1 */n max-width: 50%;n margin-left: auto;n margin-right: auto;n}nnn/* Sub-object: `uk-navbar-flip`n ========================================================================== */nn.uk-navbar-flip { float: right; }nnn// Hooksn// ========================================================================nn.hook-navbar-misc;nn.hook-navbar() {}n.hook-navbar-nav() {}n.hook-navbar-nav-hover() {}n.hook-navbar-nav-onclick() {}n.hook-navbar-nav-active() {}n.hook-navbar-content() {}n.hook-navbar-misc() {}n// Name: Subnavn// Description: Defines styles for the sub navigationn//n// Component: `uk-subnav`n//n// Modifiers: `uk-subnav-line`n// `uk-subnav-pill`n//n// States: `uk-active`n//n// Markup:n//n// n//

    n//

  • n//

n//n// ========================================================================nnn// Variablesn// ========================================================================nn@subnav-margin-horizontal: 10px;n@subnav-margin-vertical: @subnav-margin-hori zontal;nn@subnav-color: #444;n@subnav-hover-color: #07D;n@subnav-hover-text-decoration: none;n@subnav-active-color: #07D;nn@subnav-line-border-height: 10px;n@subnav-line-border: #ddd;n@subnav-line-border-width: 1px;nn@subnav-pill-padding-vertical: 3px;n@subnav-pill-padding-horizontal: 9px;n@subnav-pill-hover-background: #eee;n@subnav-pill-hover-color: #444;n@subnav-pill-active-background: #00a8e6;n@subnav-pill-active-color: #fff;nn@subnav-disabled-color: #999;nnn/* ========================================================================n Component: Subnavn ========================================================================== */nn/*n * 1. Guttern * 2. R emove default list stylen */nn.uk-subnav {n display: -ms-flexbox;n display: -webkit-flex;n display: flex;n -ms-flex-wrap: wrap;n -webkit-flex-wrap: wrap;n flex-wrap: wrap;n /* 1 */n margin-left: -@subnav-margin-horizontal;n margin-top: -@subnav-margin-vertical;n /* 2 */n padding: 0;n list-style: none;n}nn/*n * 1. Space is allocated solely based on content dimensionsn * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be appliedn * 3. Create position context for dropdownsn */nn.uk-subnav > * {n /* 1 */n -ms-flex: none;n -webkit-flex: none;n flex: none;n /* 2 */n padding-left: @subnav-margin-horizontal;n margin-top: @subnav-margin-vertical;n /* 3 */n position: relative;n}nn/*n * DEPRECATED IE9 Supportn */nn.uk-subnav:before,n.uk-subnav:after {n content: "";n display: block;n overflow: hidden;n}nn.uk-subnav:after { clear: both; }nn.uk-subnav > * { float: left; }nnn/* Itemsn ========================================================================== */nn.uk-subnav > * > * {n display: inline-block;n color: @subnav-color;n .hook-subnav;n}nn/*n * Hovern * 1. Apply hover style also to focus staten */nn.uk-subnav > * > :hover,n.uk-subnav > * > :focus { // 1n color: @subnav-hover-color;n text-decoration: @subnav-hover-text-decoration;n .hook-subnav-hover;n}nn/*n * Activen */nn.uk-subnav > .uk-active > * {n color: @subnav-active-color;n .hook-subnav-active;n}nnn/* Modifier: 'subnav-line'n ========================================================================== */nn.uk-subnav-line > :before {n content: "";n display: inline-block;n height: @subnav-line-border-height;n vertical-align: middle;n}nn.uk-subnav-line > :nth-child(n+2):before {n margin-right: @subnav-margin-horizontal;n border-left: @subnav-line-border-width solid @subnav-line-border;n .ho ok-subnav-line-divider;n}nnn/* Modifier: 'subnav-pill'n ========================================================================== */nn.uk-subnav-pill > * > * {n padding: @subnav-pill-padding-vertical @subnav-pill-padding-horizontal;n .hook-subnav-pill;n}nn/*n * Hovern * 1. Apply hover style also to focus staten * 2. Remove default focus stylen */nn.uk-subnav-pill > * > :hover,n.uk-subnav-pill > * > :focus { // 1n background: @subnav-pill-hover-background;n color: @subnav-pill-hover-color;n text-decoration: none;n /* 2 */n outline: none;n .hook-subnav-pill-hover;n}nn/*n * Activen * `li` needed for higher specificity to override hovern */nn.uk-subnav-pill > .uk-active > * {n background: @subnav-pill-active-background;n color: @subnav-pill-active-color;n .hook-subnav-pill-active;n}nnn/* Disabled staten ========================================================================== */nn.uk-subnav > .uk-disa bled > * {n background: none;n color: @subnav-disabled-color;n text-decoration: none;n cursor: text;n .hook-subnav-disabled;n}nnn// Hooksn// ========================================================================nn.hook-subnav-misc;nn.hook-subnav() {}n.hook-subnav-hover() {}n.hook-subnav-active() {}n.hook-subnav-line-divider() {}n.hook-subnav-pill() {}n.hook-subnav-pill-hover() {}n.hook-subnav-pill-active() {}n.hook-subnav-disabled() {}n.hook-subnav-misc() {}n// Name: Breadcrumbn// Description: Defines styles for a breadcrumb navigationn//n// Component: `uk-breadcrumb`n//n// States: `uk-active`n//n// Markup:n//n// n//

    n//

  • n//

  • n//

  • n//

n//n// ================================================================== ======nnn// Variablesn// ========================================================================nn@breadcrumb-font-size: 1rem;nn@breadcrumb-divider: "/";n@breadcrumb-divider-margin: 8px;n@breadcrumb-disabled-color: #999;nnn/* ========================================================================n Component: Breadcrumbn ========================================================================== */nn/*n * 1. Remove default list stylen * 2. Remove whitespace between child elements when using `inline-block`n */nn.uk-breadcrumb {n /* 1 */n padding: 0;n list-style: none;n /* 2 */n font-size: 0.001px;n .hook-breadcrumb;n}nnn/* Itemsn ========================================================================== */nn/*n * Reset whitespace hackn */nn.uk-breadcrumb > li {n font-size: @breadcrumb-font-size;n vertical-align: top;n}nn.uk-breadcrumb > li,n.uk-breadcrumb > li > a,n.uk-breadcrumb > li > span { display: inline-block; }nn.uk-breadcrumb > li:nth-child(n+2):before {n content: @breadcrumb-divider;n display: inline-block;n margin: 0 @breadcrumb-divider-margin;n .hook-breadcrumb-divider;n}nn/*n * Disabledn */nn.uk-breadcrumb > li:not(.uk-active) > span { color: @breadcrumb-disabled-color; }nnn// Hooksn// ========================================================================nn.hook-breadcrumb-misc;nn.hook-breadcrumb() {}n.hook-breadcrumb-divider() {}n.hook-breadcrumb-misc() {}n// Name: Paginationn// Description: Defines styles for a navigation between pagesn//n// Component: `uk-pagination`n//n// Sub-objects: `uk-pagination-previous`n// `uk-pagination-next`n//n// Modifiers: `uk-pagination-left`n// `uk-pagination-right`n//n// States: `uk-active`n// `uk-disabled`n//n// Markup:n//n// n//

    n//

  • n//

  • n//

n//n// ========================================================================nnn// Variablesn// ========================================================================nn@paginat ion-font-size: 1rem;n@pagination-margin-left: 5px;n@pagination-padding-vertical: 3px;n@pagination-padding-horizontal: 5px;n@pagination-line-height: 20px;n@pagination-background: #eee;n@pagination-color: #444;n@pagination-hover-background: #f5f5f5;n@pagination-hover-color: #444;n@pagination-onclick-background: #ddd;n@pagination-onclick-color: #444;nn@pagination-active-background: #00a8e6;n@pagination-active-color: #fff;nn@pagination-disabled-background: #f5f5f5;n@pagination-disabled-color: #999;nnn/* ========================================================================n Component: Paginationn ================================================================ ========== */nn/*n * 1. Remove default list stylen * 2. Center pagination by defaultn * 3. Remove whitespace between child elements when using `inline-block`n */nn.uk-pagination {n /* 1 */n padding: 0;n list-style: none;n /* 2 */n text-align: center;n /* 3 */n font-size: 0.001px;n}nn/*n * Micro clearfixn * Needed if `uk-pagination-previous` or `uk-pagination-next` sub-objects are usedn */nn.uk-pagination:before,n.uk-pagination:after {n content: "";n display: table;n}nn.uk-pagination:after { clear: both; }nnn/* Itemsn ========================================================================== */nn/*n * 1. Reset whitespace hackn * 2. Remove the gap at the bottom of it containern */nn.uk-pagination > li {n display: inline-block;n /* 1 */n font-size: @pagination-font-size;n /* 2 */n vertical-align: top;n}nn.uk-pagination > li:nth-child(n+2) { margin-left: @pagination-margin-left; }nn/*n * 1. Makes pagination more robust against different box-sizing usen * 2. Reset text-align to center if alignment modifier is usedn */nn.uk-pagination > li > a,n.uk-pagination > li > span {n display: inline-block;n min-width: @pagination-line-height + (2 * @pagination-padding-vertical) – (2 * @pagination-padding-horizontal);n padding: @pagination-padding-vertical @pagination-padding-horizontal;n line-height: @pagination-line-height;n text-decoration: none;n /* 1 */n box-sizing: content-box;n /* 2 */n text-align: center;n .hook-pagination-item;n}nn/*n * Linksn */nn.uk-pagination > li > a {n background: @pagination-background;n color: @pagination-color;n .hook-pagination-link;n}nn/*n * Hovern * 1. Apply hover style also to focus staten * 2. Remove default focus stylen */nn.uk-pagination > li > a:hover,n.uk-pagination > li > a:focus { // 1n background-color: @pagination-hover-background;n color: @pagination-hover-color;n /* 2 */n outline: none;n .hook-pagination-link-hover;n}nn/* OnClick */n.uk-pagination > li > a:active {n background-color: @pagination-onclick-background;n color: @pagination-onclick-color;n .hook-pagination-link-active;n}nn/*n * Activen */nn.uk-pagination > .uk-active > span {n background: @pagination-active-background;n color: @pagination-active-color;n .hook-pagination-active;n}nn/*n * Disabledn */nn.uk-pagination > .uk-disabled > span {n background-color: @pagination-disabled-background;n color: @pagination-disabled-color;n .hook-pagination-disabled;n}nnn/* Previous and next navigationn ========================================================================== */nn.uk-pagination-previous { float: left; }n.uk-pagination-next { float: right; }nnn/* Alignment modifiersn ========================================================================== */nn.uk-pagination-left { text-align: left; }n.uk-pagination-right { text-align: right; }nnn// Hooksn// ========================================================================nn.hook-pagination-misc;nn.hook-pagination-item() {}n.hook-pagination-link() {}n.hook-pagination-link-hover() {}n.hook-pagination-link-active() {}n.hook-pagination-active() {}n.hook-pagination-disabled() {}n.hook-pagination-misc() {}n// Name: Tabn// Description: Defines styles for a tabbed navigationn//n// Component: `uk-tab`n//n// Modifiers: `uk-tab-flip`n// `uk-tab-center`n// `uk-tab-grid`n// `uk-tab-bottom`n// `uk-tab-left`n// `uk-tab-right`n// `uk-tab-responsive`n//n// States: `uk-active`n// `uk-disabled`n//n// Markup:n//n// n//

    n//

  • n//

  • n//

n//n// ========================================================================nnn// Variablesn// ========================================================================nn@tab-border: #ddd;n@tab-border-width: 1px;n@tab-padding-horizontal: 12px;n@tab-padding-vertical: 8px;n@tab-padding-top: @tab-padding-vertical;n@tab-padding-bottom: @tab-padding-vertical;n@tab-margin-horizontal: 5px;n@tab-margin-vertical: 5px;n@tab-color: #07D;n@tab-hover-border: #f5f5f5;n@tab-hover-background: #f5f5f5;n@tab-hover-color: #059;n@tab-active-border: #ddd;n@tab-active-background: #fff;n@tab-ac tive-color: #444;n@tab-disabled-color: #999;nnn/* ========================================================================n Component: Tabn ========================================================================== */nn.uk-tab {n margin: 0;n padding: 0;n list-style: none;n border-bottom: @tab-border-width solid @tab-border;n}nn/*n * Micro clearfix on the deepest containern */nn.uk-tab:before,n.uk-tab:after {n content: "";n display: table;n}nn.uk-tab:after { clear: both; }nn/*n * Itemsn * 1. Create position context for dropdownsn */nn.uk-tab > li {n margin-bottom: -@tab-border-width;n float: left;n /* 1 */n position: relative;n}nn.uk-tab > li > a {n display: block;n padding: @tab-padding-top @tab-padding-horizontal @tab-padding-bottom @tab-padding-horizontal;n border: @tab-border-width solid transparent;n border-bottom-width: 0;n color: @tab-color;n text-decoration: none;n .hook-tab;n}nn.uk-tab > li:nth-child(n+2) > a { margin-left: @tab-margin-horizontal; }nn/*n * Hovern * 1. Apply hover style also to focus staten * 2. Also apply if dropdown is openedn * 3. Remove default focus stylen */nn.uk-tab > li > a:hover,n.uk-tab > li > a:focus, // 1n.uk-tab > li.uk-open > a { // 2n border-color: @tab-hover-border;n background: @tab-hover-background;n color: @tab-hover-color;n /* 2 */n outline: none;n .hook-tab-hover;n}nn.uk-tab > li:not(.uk-active) > a:hover,n.uk-tab > li:not(.uk-active) > a:focus,n.uk-tab > li.uk-open:not(.uk-active) > a {n margin-bottom: @tab-border-width;n padding-bottom: @tab-padding-bottom – @tab-border-width;n}nn/* Active */n.uk-tab > li.uk-active > a {n border-color: @tab-active-border;n border-bottom-color: transparent;n background: @tab-active-background;n color: @tab-active-color;n .hook-tab-active;n}nn/* Disabled */n.uk-tab > li.uk-disabled > a {n color: @tab-disabled-color;n cursor: text;n .hook-tab-disabled;n}nn.uk -tab > li.uk-disabled > a:hover,n.uk-tab > li.uk-disabled > a:focus,n.uk-tab > li.uk-disabled.uk-active > a {n background: none;n border-color: transparent;n}nnn/* Modifier: 'tab-flip'n ========================================================================== */nn.uk-tab-flip > li { float: right; }nn.uk-tab-flip > li:nth-child(n+2) > a {n margin-left: 0;n margin-right: @tab-margin-horizontal;n}nnn/* Modifier: 'tab-responsive'n ========================================================================== */nn.uk-tab > li.uk-tab-responsive > a {n margin-left: 0;n margin-right: 0;n}nn/*n * Iconn */nn.uk-tab-responsive > a:before {n content: "\f0c9\00a0";n font-family: FontAwesome;n}nnn/* Modifier: 'tab-center'n ========================================================================== */nn.uk-tab-center { border-bottom: @tab-border-width solid @tab-border; }nn.uk-tab-center-bottom {n border-bottom: none;n border-top: @tab-border-width solid @tab-border;n}nn.uk-tab-center:before,n.uk-tab-center:after {n content: "";n display: table;n}nn.uk-tab-center:after { clear: both; }nnn/*n * 1. Using `right` to prevent vertical scrollbar caused by centering if to many tabsn */nn.uk-tab-center .uk-tab {n position: relative;n right: 50%;n border: none;n float: right;n}nn.uk-tab-center .uk-tab > li {n position: relative;n right: -50%;n}nn.uk-tab-center .uk-tab > li > a { text-align: center; }nnn/* Modifier: 'tab-bottom'n ========================================================================== */nn.uk-tab-bottom {n border-top: @tab-border-width solid @tab-border;n border-bottom: none;n}nn.uk-tab-bottom > li {n margin-top: -@tab-border-width;n margin-bottom: 0;n}nn.uk-tab-bottom > li > a {n padding-top: @tab-padding-bottom;n padding-bottom: @tab-padding-top;n border-bottom-width: @tab-border-width;n border-top-width: 0;n}nn.uk-tab-bottom > li:not(.uk-active) > a:hover,n.uk-tab-bottom > li:not(.uk-active) > a:focus,n.uk-tab-bottom > li.uk-open:not(.uk-active) > a {n margin-bottom: 0;n margin-top: @tab-border-width;n padding-bottom: @tab-padding-top;n padding-top: @tab-padding-bottom – @tab-border-width;n}nn.uk-tab-bottom > li.uk-active > a {n border-top-color: transparent;n border-bottom-color: @tab-active-border;n}nnn/* Modifier: 'tab-grid'n ================================================ ========================== */nn/*n * 1. Create position context to prevent hidden border because of negative `z-index`n */nn.uk-tab-grid {n margin-left: -@tab-margin-horizontal;n border-bottom: none;n /* 1 */n position: relative;n z-index: 0;n}nn.uk-tab-grid:before {n display: block;n position: absolute;n left: @tab-margin-horizontal;n right: 0;n bottom: -@tab-border-width;n border-top: @tab-border-width solid @tab-border;n /* 1 */n z-index: -1;n}nn.uk-tab-grid > li:first-child > a { margin-left: @tab-margin-horizontal; }nn.uk-tab-grid > li > a { text-align: center; }nn/*n * If `uk-tab-bottom`n */nn.uk-tab-grid.uk-tab-bottom { border-top: none; }n.uk-tab-grid.uk-tab-bottom:before {n top: -@tab-border-width;n bottom: auto;n}nnn/* Modifier: 'tab-left', 'tab-right'n ========================================================================== */nn/* Tablet and bigger */n@media (min-width: @breakpoint-medium) {nn .uk-tab-left,n .uk-tab-right { border-bottom: none; }nn .uk-tab-left > li,n .uk-tab-right > li {n margin-bottom: 0;n float: none;n }nn .uk-tab-left > li > a,n .uk-tab-right > li > a {n padding-top: @tab-padding-vertical;n padding-bottom: @tab-padding-vertical;n }nn .uk-tab-left > li:nth-child(n+2) > a,n .uk-tab-right > li:nth-child(n+2) > a {n margin-left: 0;n margin-top: @tab-margin-vertical;n }nn .uk-tab-left > li.uk-active > a,n .uk-tab-right > li.uk-active > a { border-color: @tab-active-border; }nn /*n * Modifier: 'tab-left'n */nn .uk-tab-left { border-right: @tab-border-width solid @tab-border; }n .uk-tab-left > li { margin-right: -@tab-border-width; }n .uk-tab-left > li > a {n border-bottom-width: @tab-border-width;n border-right-width: 0;n }n .uk-tab-left > li:not(.uk-active) > a:hover,n .uk-tab-left > li:not(.uk-active) > a:focus {n margin-bottom: 0;n margin-right: @tab-border-width;n padding-bottom: @tab-padding-vertical;n padding-right: @tab-padding-horizontal – @tab-border-width;n }n .uk-tab-left > li.uk-active > a { border-right-color: transparent; }nn /*n * Modifier: 'tab-right'n */nn .uk-tab-right { border-left: @tab-border-width solid @tab-border; }n .uk-tab-right > li { margin-left: -@tab-border-width; }n .uk-tab-right > li > a {n border-bottom-width: @tab-border-width;n border-left-width: 0;n }n .uk-tab-right > li:not(.uk-active) > a:hover,n .uk-tab-right > li:not(.uk-active) > a:focus {n margin-bottom: 0;n margin-left: @tab-border-width;n padding-bottom: @tab-padding-vertical;n padding-left: @tab-padding-horizontal – @tab-border-width;n }n .uk-tab-right > li.uk-active > a { border-left-color: transparent; }nn}nnn// Hooksn// ========================================================================nn.hook-tab-misc;nn.hook-tab() {}n.hook-tab-hover() {}n.hook-tab-active() {}n.hook-tab-disabled() {}n.hook-tab-misc() {}n// Name: Thumbnavn// Description: Defines styles for a thumbnail navigationn//n// Component: `uk-thumbnav`n//n// States: `uk-active`n//n// Markup:n//n// n//

    n//

  • n//

  • n//

n//n// ========================================================================nnn// Variablesn// ========================================================================nn@thumbnav-margin-horizontal: 10px;n@thumbnav-margin-vertical: @thumbnav-margin-horizontal;nn@thumbnav-background: #fff;nn@thumbnav-opacity: 0.7;n@thumbnav-hover-opacity: 1;n@thumbnav-active-opacity: 1;nnn/* ========================================================================n Component: Thumbnavn ========================================================================== */nn/*n * 1. Guttern * 2. Remove default list stylen */nn.uk-thumbnav {n display: -ms-flexbox;n display: -webkit-flex;n display: flex;n -ms-flex-wrap: wrap;n -webkit-flex-wrap: wrap;n flex-wrap: wrap;n /* 1 */n margin-left: -@thumbnav-margin-horizontal;n margin-top: -@thumbnav-margin-vertical;n /* 2 */n padding: 0;n list-style: none;n}nn/*n * 1. Space is allocated solely based on content dimensionsn * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be appliedn */nn.uk-thumbnav > * {n /* 1 */n -ms-flex: none;n -webkit-flex: none;n flex: none;n /* 2 */n padding-left: @thumbnav-margin-horizontal;n margin-top: @thumbnav-margin-vertical;n}nn/*n * DEPRECATED IE9 Supportn */nn.uk-thumbnav:before,n.uk-thumbnav:after {n content: "";n display: block;n overflow: hidden;n}nn.uk-thumbnav:after { clear: both; }nn.uk-thumbnav > * { float: left; }nnn/* Itemsn ========================================================================== */nn.uk-thumbnav > * > * {n display: block;n background: @thumbnav-background;n .hook-thumbnav;n}nn.uk-thumbnav > * > * > img {n opacity: @thumbnav-opacity;n -webkit-transition: opacity 0.15s linear;n transition: opacity 0.15s linear;n}nn/*n * Hovern */nn.uk-thumbnav > * > :hover > img,n.uk-thumbnav > * > :focus > img { opacity: @thumbnav-hover-opacity; }nn/*n * Activen */nn.uk-thumbnav > .uk-active > * > img { opacity: @thumbnav-active-opacity; }nnn// Hooksn// ========================================================================nn.hook-thumbnav-misc;nn.hook-thumbnav() {}n.hook-thumbnav-misc() {}nn// Elementsn// Name: Listn// Description: Defines styles for ordered and unordered listsn//n// Component: `uk-list`n//n// Modifiers: `uk-list-line`n// `uk-list-striped`n// `uk-list-space`n//n// ========================================================================nnn// Variablesn// ========================================================================nn@list-nested-padding-left: 20px;nn@list-line-margin-top: 5px;n@list-line-border: #ddd;n@list-line-border-width: 1px;nn@list-striped-padding-vertical: 5px;n@list-striped-padding-horizontal: 5px;n@list-striped-background: #f5f5f5;nn@list-space-margin-top: 10px;nnn/* ========================================================================n Component: Listn ========================================================================== */nn.uk-list {n padding: 0;n list-style: none;n}nn/*n * Micro clearfix to make list more robustn */nn.uk-list > li:before,n.uk-list > li:after {n content: "";n display: table;n}nn.uk-list > li:after { clear: both; }nn/*n * Remove margin from the last-childn */nn.uk-list > li > :last-child { margin-bottom: 0; }nn/*n * Nested listsn */nn.uk-list ul {n margin: 0;n padding-left: @list-nested-padding-left;n list-style: none;n}nnn/* Modifier: `uk-list-line`n ========================================================================== */nn.uk-list-line > li:nth-child(n+2) {n margin-top: @list-line-margin-top;n padding-top: @list-line-margin-top;n border-top: @list-line-border-width solid @list-line-border;n .hook-list-line;n}nnn/* Modifier: `uk-list-striped`n ========================================================================== */nn.uk-list-striped > li {n padding: @list-striped-padding-vertical @list-striped-padding-horizontal;n .hook-list-striped;n}nn.uk-list-striped > li:nth-of-type(odd) { background: @list-striped-background; }nnn/* Modifier: `uk-list-space`n ========================================================================== */nn.uk-list-space > li:nth-child(n+2) { margin-top: @list-space-margin-top; }nnn// Hooksn// ========================================================================nn.hook-list-misc;nn.hook-list-line() {}n.hook-list-striped() {}n.hook-list-misc() {}n// Name: Description listn// Description: Defines styles for description listsn//n// Component: `uk-description-list`n//n// Modifiers: `uk-description-list-horizontal`n// `uk-description-list-line`n//n// ========================================================================nnn// Variablesn// ========================================================================nn@description-list-horizontal-width: 160px;n@description-list-horizontal-margin-left: 180px;nn@description-list-line-margin-top: 5px;n@description-list-line-border-width: 1px;n@description-list-line-border: #ddd;n@description-list-line-color: #999;nn@description-list-line-font- weight: normal;nnn/* ========================================================================n Component: Description listn ========================================================================== */nnn/* Modifier: `uk-description-list-horizontal`n ========================================================================== */nn/* Tablet and bigger */n@media (min-width: @breakpoint-medium) {nn .uk-description-list-horizontal { overflow: hidden; }nn .uk-description-list-horizontal > dt {n width: @description-list-horizontal-width;n float: left;n clear: both;n overflow: hidden;n text-overflow: ellipsis;n white-space: nowrap;n }nn .uk-description-list-horizontal > dd { margin-left: @description-list-horizontal-margin-left; }n}nnn/* Modifier: `uk-description-list-line`n ========================================================================== */nn.uk-description-list-line > dt { font-weight: @description-list-line-font-weight; }nn.uk-description-list-line > dt:nth-child(n+2) {n margin-top: @description-list-line-margin-top;n padding-top: @description-list-line-margin-top;n border-top: @description-list-line-border-width solid @description-list-line-border;n}nn.uk-description-list-line > dd { color: @description-list-line-color; }nnn// Hooksn// ========================================================================nn.hook-description-list-misc;nn.hook-description-list-misc() {}nn// Name: Tablen// Description: Defines styles for tablesn//n// Component: `uk-table`n//n// Modifiers: `uk-table-middle`n// `uk-table-striped`n// `uk-table-condensed`n// `uk-table-hover`n//n// States: `uk-active`n//n// ========================================================================nnn// Variablesn// ========================================================================nn@table-margin-vertical: 15px;n@table-padding-vertical: 8px;n@table-padding-horizontal: 8px;nn@table-caption-color: #999;n@table-caption-font-size: 12px;nn@table-striped-background: #f5f5f5;nn@table-condensed-padding-vertical: 4px;n@table-condensed-padding-horizontal: 8px;nn@table-hover-background: #EEE;nn@table-active-background: @table-hover-background;nnn/* ========================================================================n Component: Tablen ========================================================================== */nn/*n * 1. Remove most spacing between table cells.n * 2. Block element behaviorn * 3. Stylen */nn.uk-table {n /* 1 */n border-collapse: collapse;n border-spacing: 0;n /* 2 */n width: 100%;n /* 3 */n margin-bottom: @table-margin-vertical;n}nn/*n * Add margin if adjacent elementn */nn* + .uk-table { margin-top: @table-margin-vertical; }nn.uk-table th,n.uk-table td {n padding: @table-padding-vertical @table-padding-horizontal;n .hook-table;n}nn/*n * Set alignmentn */nn.uk-table th { text-align: left; }n.uk-table td { vertical-align: top; }nn.uk-table thead th { vertical-align: bottom; }nn/*n * Caption and footern */nn.uk-table caption,n.uk-table tfoot {n font-size: @table-caption-font-size;n font-style: italic;n}nn.uk-table caption {n text-align: left;n color: @table-caption-color;n}nn/*n * Active Staten */nn.uk-table tbody tr.uk-active {n background: @table-active-background;n .hook-table-active;n}nnn/* Sub-modifier: `uk-table-middle`n ========================================================================== */nn.uk-table-middle,n.uk-table-middle td { vertical-align: middle !important; }nnn/* Modifier: `uk-table-striped`n ========================================================================== */nn.uk-table-striped tbody tr:nth-of-type(odd) {n background: @table-striped-background;n .hook-table-striped;n}nnn/* Modifier: `uk-table-condensed`n ========================================================================== */nn.uk-table-condensed td {n padding: @table-condensed-padding-vertical @table-condensed-padding-horizontal;n .hook-table-condensed;n}nnn/* Modifier: `uk-table-hover`n ========================================================================== */nn.uk-table-hover tbody tr:hover {n background: @table-hover-background;n .hook-table-hover;n}nnnn// Hooksn// ========================================================================nn.hook-table-misc;nn.hook-table() {}n.hook-table-active() {}n.hook-table-striped() {}n.hook-table-condensed() {}n.hook-table-hover() {}n.hook-table-misc() {}n// Name: Formn// Description: Defines styles for formsn//n// Component: `uk-form`n//n// Sub-objects: `uk-form-row`n// `uk-form-help-inline`n// `uk-form-help-block`n// `uk-form-label`n// `uk-form-controls`n// `uk-form-controls-condensed`n// `uk-form-icon`n//n// Modifiers: `uk-form-stacked`n// `uk-form-horizontal`n//n// Sub-modifiers: `uk-form-danger`n// `uk-form-success`n// `uk-form-small`n// `uk-form-large`n// `uk-form-blank`n// `uk-form-width-mini`n// `uk-form-width-small`n// `uk-form-width-medium`n// `uk-form-width-large`n// `uk-form-controls-text`n//n// Markup:n//n// n//

n//

n// n//

n// n//

n//

n//

n//n// ========================================================================nnn// Variablesn// ========================================================================nn@form-height: 30px;n@form-padding: 4px 6px;n@form-border: #ddd;n@form-border-width: 1px;n@form-background: #fff;n@form-color: #444;nn@form-focus-border: #99baca;n@form-focus-background: #f5fbfe;n@form-focus-color: #444;nn@form-disabled-border: #ddd;n@form-disabled-background: #f5f5f5;n@form-disabled-color: #999;nn@form-placeholder-color: #999;nn@form-gutter: 15px;nn@form-legend-border: #ddd;n@form-legend-border-width: 1px;n@form-legend-font-size: 18px;n@form-legend-line-height: 30px;nn@form-small-height: 25px;n@form-large-height: 40px;n@form-small-padding: 3px 3px;n@form-large-padding: 8px 6px;n@form-small-font-size: 12px;n@form-large-font-size: 16px;nn@form-danger-border: #dc8d99;n@form-danger-background: #fff7f8;n@form-danger-color: #d85030;nn@form-success-border: #8ec73b;n@form-success-background: #fafff2;n@for m-success-color: #659f13;nn@form-blank-border: #ddd;n@form-blank-border-style: dashed;nn@form-mini-width: 40px;n@form-small-width: 130px;n@form-medium-width: 200px;n@form-large-width: 500px;nn@form-help-inline-margin-left: 10px;n@form-help-block-margin-top: 5px;nn@form-controls-condensed-margin-vertical: 5px;nn@form-stacked-margin-bottom: 5px;n@form-stacked-font-weight: bold;nn@form-horizontal-label-width: 200px;n@form-horizontal-label-margin-top: 5px;n@form-horizontal-controls-margin-left: 215px;n@form-horizontal-controls-text-padding-top: 5px;nn@form-icon-width: 30px;n@form-icon-font-size: 14 px;n@form-icon-color: #999;nnn/* ========================================================================n Component: Formn ========================================================================== */nn/*n * 1. Define consistent box sizing.n * Default is `content-box` with following exceptions set to `border-box`n * `button`, `select`, `input[type= »checkbox »]` and `input[type= »radio »]`n * `input[type= »search »]` in Chrome, Safari and Operan * `input[type= »color »]` in Firefoxn * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera.n * 3. Remove `border-radius` in iOS.n * 4. Correct `font` properties and `color` not being inherited.n */nn.uk-form input,n.uk-form select,n.uk-form textarea {n /* 1 */n box-sizing: border-box;n /* 2 */n margin: 0;n /* 3 */n border-radius: 0;n /* 4 */n font: inherit;n color: inherit;n}nn/*n * Address inconsistent `text-transform` inheritanc e which is only inherit in Firefoxn */nn.uk-form select { text-transform: none; }nn/*n * 1. Correct `font` properties not being inherited.n * 2. Don't inherit the `font-weight` and use `bold` instead.n * NOTE: Both declarations don't work in Chrome, Safari and Opera.n */nn.uk-form optgroup {n /* 1 */n font: inherit;n /* 2 */n font-weight: bold;n}nn/*n * Removes inner padding and border in Firefox 4+.n */nn.uk-form input::-moz-focus-inner {n border: 0;n padding: 0;n}nn/*n * Removes excess padding in IE 8/9/10.n */nn.uk-form input[type= »checkbox »],n.uk-form input[type= »radio »] { padding: 0; }nn/*n * Improves consistency of cursor style for clickable elementsn */nn.uk-form input[type= »checkbox »]:not(:disabled),n.uk-form input[type= »radio »]:not(:disabled) { cursor: pointer; }nn/*n * Remove default style in iOS.n */nn.uk-form textarea,n.uk-form input:not([type]),n.uk-form input[type= »text »],n.uk-form input[type= »password »],n.uk-form input[type= »email »],n.uk-form input[type= »url »],n.uk-form input[type= »search »],n.uk-form input[type= »tel »],n.uk-form input[type= »number »],n.uk-form input[type= »datetime »] { -webkit-appearance: none; }nn/*n * Remove inner padding and search cancel button in Chrome, Safari and Opera on OS X.n */nn.uk-form input[type= »search »]::-webkit-search-cancel-button,n.uk-form input[type= »search »]::-webkit-search-decoration { -webkit-appearance: none; }nn/*n * Fix the cursor style for Chrome's increment/decrement buttons. For certainn * `font-size` values of the `input`, it causes the cursor style of then * decrement button to change from `default` to `text`.n */nn.uk-form input[type= »number »]::-webkit-inner-spin-button,n.uk-form input[type= »number »]::-webkit-outer-spin-button { height: auto; }nn/*n * Define consistent border, margin, and padding.n */nn.uk-form fieldset {n border: none;n margin: 0;n padding: 0;n}nn/*n * 1. Remove default vertical scrollbar in IE 8/9/10/11.n * 2. Improve readability and alignment in all browsers.n */nn.uk-form textarea {n /* 1 */n overflow: auto;n /* 2 */n vertical-align: top;n}nn/*n * Removes placeholder transparency in Firefox.n */nn.uk-form ::-moz-placeholder { opacity: 1; }nn/*n * Removes `box-shadow` for invalid controls in Firefox.n */nn.uk-form :invalid { box-shadow: none; }nn/*n * Vertical alignmentn */nn.uk-form input:not([type= »radio »]):not([type= »checkbox »]),n.uk-form select { vertical-align: middle; }nnn/* Stylen ========================================================================== */nn/*n * Remove margin from the last-childn */nn.uk-form > :last-child { margin-bottom: 0; }nn/*n * Controlsn * Except for `range`, `radio`, `checkbox`, `file`, `submit`, `reset`, `button` and `image`n * 1. Must be `height` because `min-height` is not working in OSXn * 2. Responsiveness: Sets a maximum width relative to the parent to scale on narrower viewportsn * 3. Vertical `padding` needed for `select` elements in Firefoxn * 4. Stylen */nn.uk-form select,n.uk-form textarea,n.uk-form input:not([type]),n.uk-form input[type= »text »],n.uk-form input[type= »password »],n.uk-form input[type= »datetime »],n.uk-form input[type= »datetime-local »],n.uk-form input[type= »date »],n.uk-form input[type= »month »],n.uk-form input[type= »time »],n.uk-form input[type= »week »],n.uk-form input[type= »number »],n.uk-form input[type= »email »],n.uk-form input[type= »url »],n.uk-form input[type= »search »],n.uk-form input[type= »tel »],n.uk-form input[type= »color »] {n /* 1 */n height: @form-height;n /* 2 */n max-width: 100%;n /* 3 */n padding: @form-padding;n /* 4 */n border: @form-border-width solid @form-b order;n background: @form-background;n color: @form-color;n -webkit-transition: all linear 0.2s;n transition: all linear 0.2s;n .hook-form;nn // Focus staten &:focus {n border-color: @form-focus-border;n outline: 0;n background: @form-focus-background;n color: @form-focus-color;n .hook-form-focus;n }nn // Disabled staten &:disabled {n border-color: @form-disabled-border;n background-color: @form-disabled-background;n color: @form-disabled-color;n .hook-form-disabled;n }n}nn/*n * Placeholdern */nn.uk-form :-ms-input-placeholder { color: @form-placeholder-color !important; }n.uk-form ::-moz-placeholder { color: @form-placeholder-color; }n.uk-form ::-webkit-input-placeholder { color: @form-placeholder-color; }nn.uk-form :disabled:-ms-input-placeholder { color: @form-disabled-color !important; }n.uk-form :disabled::-moz-placeholder { color: @form-disabled-color; }n.uk-form :disabled::-webkit-input-placeholder { color: @form-disabled-color; }nn/*n * Legendn * 1. Behave like block elementn * 2. Correct `color` not being inherited in IE 8/9/10/11.n * 3. Remove paddingn * 4. `margin-bottom` is not working in Safari and Opera.n * Using `padding` and :after instead to create the bordern * 5. Stylen */nn.uk-form legend {n /* 1 */n width: 100%;n /* 2 */n border: 0;n /* 3 */n padding: 0;n /* 4 */n padding-bottom: @form-gutter;n /* 5 */n font-size: @form-legend-font-size;n line-height: @form-legend-line-height;n .hook-form-legend;n}nn/*n * 1. Fixes IE9n */nn.uk-form legend:after {n content: "";n display: block;n border-bottom: @form-legend-border-width solid @form-legend-border;n /* 1 */n width: 100%;n}nnn/* Size modifiersn * Higher specificity needed to override defaultsn ========================================================================== */nnselect.uk-form-small,ntextarea.uk-form-small,ninput[type].uk-form-small,ninput:not([type]).uk-form-small {n height: @form-small-height;n padding: @form-small-padding;n font-size: @form-small-font-size;n}nnselect.uk-form-large,ntextarea.uk-form-large,ninput[type].uk-form-large,ninput:not([type]).uk-form-large {n height: @form-large-height;n padding: @form-large-padding;n font-size: @form-large-font-size;n}nnn/* Reset heightn * Must be after size modifiersn ========================================================================== */nn.uk-form textarea,n.uk-form select[multiple],n.uk-form select[size] { height: auto; }nnn/* Validation statesn * Using !important to keep the selector simplen ========================================================================== */nn/*n * Error staten */nn.uk-form-danger {n border-color: @form-danger-border !important;n background: @form-danger-background !important;n color: @form-danger-color !important;n .hook-form-danger;n}nn/*n * Success staten */nn.uk-form-success {n border-color: @form-success-border !important;n background: @form-success-background !important;n color: @form-success-color !important;n .hook-form-success;n}nnn/* Style modifiersn * Using !important to keep the selector simplen ========================================================================== */nn/*n * Blank formn */nn.uk-form-blank {n border-color: transparent !important;n border-style: @form-blank-border-style !important;n background: none !important;n .hook-form-blank;n}nn.uk-form-blank:focus {n border-color: @form-blank-border !important;n .hook-form-blank-focus;n}nnn/* Size sub-modifiersn ========================================================================== */nn/*n * Fixed widthsn * Different widths for mini sized `input` and `select` elementsn */nninput.uk-form-width-mini { width: @form-mini-width; }nselect.uk-form-width-mini { width: (@form-mini-width + 25px); }n.uk-form-width-small { width: @form-small-width; }n.uk-form-width-medium { width: @form-medium-width; }n.uk-form-width-large { width: @form-large-width; }nnn/* Sub-objects: `uk-form-row`n * Groups labels and controls in rowsn ========================================================================== */nn/*n * Micro clearfixn * Needed for `uk-form-horizontal` modifiern */nn.uk-form-row:before,n.uk-form-row:after {n content: "";n display: table;n}nn.uk-form-row:after { clear: both; }nn/*n * Vertical guttern */nn.uk-form-row + .uk-form-row { margin-top: @form-gutter; }nnn/* Help textn * Sub-object: `uk-form-help-inline`, `uk-form-help-block`n ========================================================================== */nn.uk-form-help-inline {n display: inline-block;n margin: 0 0 0 @form-help-inline-margin-left;n}nn.uk-form-help-block { margin: @form-help-block-margin-top 0 0 0; }nnn/* Controls contentn * Sub-object: `uk-form-controls`, `uk-form-controls-condensed`n ========================================================================== */nn/*n * Remove marginsn */nn.uk-form-controls > :first-child { margin-top: 0; }n.uk-form-controls > :last-child { margin-bottom: 0; }nn/*n * Group controls and text into blocks with a small spacing between blocksn */nn.uk-form-controls-condensed { margin: @form-controls-condensed-margin-vertical 0; }nnn/* Modifier: `uk-form-stacked`n * Requires sub-object: `uk-form-label`n ========================================================================== */nn.uk-form-stacked .uk-form-label {n display: block;n margin-bottom: @form-stacked-margin-bottom;n font-weight: @form-stacked-font-weight;n .hook-form-stacked-label;n}nnn/* Modifier: `uk-form-horizontal`n * Requires sub-objects: `uk-form-label`, `uk-form-controls`n ========================================================================== */nn/* Tablet portrait and smaller */n@media (max-width: @breakpoint-medium-max) {nn /* Behave like `uk-form-stacked` */n .uk-form-horizontal .uk-form-label {n display: block;n margin-bottom: @form-stacked-margin-bottom;n font-weight: @form-stacked-font-weight;n .hook-form-stacked-label;n }nn}nn/* Desktop and bigger */n@media (min-width: @breakpoint-large) {nn .uk-form-horizontal .uk-form-label {n width: @form-horizontal-label-width;n margin-top: @form-horizontal-label-margin-top;n float: left;n .hook-form-horizontal-label;n }nn .uk-form-horizontal .uk-form-controls { margin-left: @form-horizontal-controls-margin-left; }nn /* Better vertical alignment if controls are checkboxes and radio buttons with text */n .uk-form-horizontal .uk-form-controls-text { padding-top: @form-horizontal-controls-text-padding-top; }nn}nnn/* Sub-object: `uk-form-icon`n ========================================================================== */nn/*n * 1. Container width fits its contentn * 2. Create position contextn * 3. Prevent `inline-block` consequencesn */nn.uk-form-icon {n /* 1 */n display: inline-block;n /* 2 */n position: relative;n /* 3 */n max-width: 100%;n}nn/*n * 1. Make form element clickable through iconn */nn.uk-form-icon > [class*=’uk-icon-‘] {n position: absolute;n top: 50%;n width: @form-icon-width;n margin-top: round(@form-icon-font-size / -2);n font-size: @form-icon-font-size;n color: @form-icon-color;n text-align: center;n /* 1 */n pointer-events: none;n}nn.uk-form-icon:not(.uk-form-icon-flip) > input { padding-left: @form-icon-width !important; }nn/*n * Sub-modifier: `uk-form-icon-flip`n */nn.uk-form-icon-flip > [class*=’uk-icon-‘] { right: 0; }n.uk-form-icon-flip > input { padding-right: @form-icon-width !important; }nnn// Hooksn// ========================================================================nn.hook-form-misc;nn.hook-form() {}n.hook-form-focus() {}n.hook-form-disabled() {}n.hook-form-legend() {}n.hook-form-danger() {}n.hook-form-success() {}n.hook-form-blank() {}n.hook-form-blank-focus() {}n.hook-form-stacked-label() {}n.hook-form-horizontal-label() {}n.hook-form-misc() {}nnn// Commonn// Name: Buttonn// Description: Defines styles for buttonsn//n// Component: `uk-button`n//n// Sub-objects: `uk-button-group`n// `uk-button-dropdown`n//n// Modifiers: `uk-button-primary`n// `uk-button-success`n// `uk-button-danger`n// `uk-button-link`n// `uk-button-mini`n// `uk-button-small`n// `uk-button-large`n//n// States: `uk-active`n//n// Markup:n//n// n//

n// n// n//

n//n// n//

n// n//

n//

    n//

  • n//

n//

n//

n//n// ========================================================================nnn// Variablesn// ========================================================================nn@button-height: 30px;n@button-mini-height: 20px;n@button-small-height: 25px;n@button-large-height: 40px;nn@button-line-height: 30px;n@button-mini-line-height: 20px;n@button-small-line-height: 25px;n@button-large-line-height: 40px;nn@button-mini-font-size: 11px;n@button-small-font-size: 12px;n@button-large-font-size: 16px;nn@button-padding-horizontal: 12px;n@button-mini-padding-horizontal: 6px;n@button-small-padding-horizontal: 10px;n@button-large-padding-horizontal: 15px;nn@button-font-size: 1rem;n@button-background: #eee;n@button-color: #444;n@button-hover-background: #f5f5f5;n@button-hover-color: #444;n@button-active-background: #ddd;n@button-active-color: #444;nn@button-primary-background: #00a8e6;n@button-primary-color: #fff;n@button-primary-hover-background: #35b3ee;n@button-primary-hover-color: #fff;n@button-primary-active-b ackground: #0091ca;n@button-primary-active-color: #fff;nn@button-success-background: #8cc14c;n@button-success-color: #fff;n@button-success-hover-background: #8ec73b;n@button-success-hover-color: #fff;n@button-success-active-background: #72ae41;n@button-success-active-color: #fff;nn@button-danger-background: #da314b;n@button-danger-color: #fff;n@button-danger-hover-background: #e4354f;n@button-danger-hover-color: #fff;n@button-danger-active-background: #c91032;n@button-danger-active-color: #fff;nn@button-disabled-background: #f5f5f5;n@button-disabled-color: #999;nn@button-link-color: #07D;n@button-link-hover-color: #059;n@b utton-link-hover-text-decoration: underline;n@button-link-disabled-color: #999;nnn/* ========================================================================n Component: Buttonn ========================================================================== */nn/*n * Removes inner padding and border in Firefox 4+.n */nn.uk-button::-moz-focus-inner {n border: 0;n padding: 0;n}nn/*n * 1. Correct inability to style clickable `input` types in iOS.n * 2. Remove margins in Chrome, Safari and Opera.n * 3. Remove borders for `button`.n * 4. Address `overflow` set to `hidden` in IE 8/9/10/11.n * 5. Correct `font` properties and `color` not being inherited for `button`.n * 6. Address inconsistent `text-transform` inheritance which is only inherit in Firefox and IEn * 7. Stylen * 8. `line-height` is used to create a heightn * 9. `min-height` is necessary for `input` elements in Firefox and Opera because `line-height` is not worki ng.n * 10. Reset button group whitespace hackn * 11. Required for `a`.n */nn.uk-button {n /* 1 */n -webkit-appearance: none;n /* 2 */n margin: 0;n /* 3 */n border: none;n /* 4 */n overflow: visible;n /* 5 */n font: inherit;n color: @button-color;n /* 6 */n text-transform: none;n /* 7 */n display: inline-block;n box-sizing: border-box;n padding: 0 @button-padding-horizontal;n background: @button-background;n vertical-align: middle;n /* 8 */n line-height: @button-line-height;n /* 9 */n min-height: @button-height;n /* 10 */n font-size: @button-font-size;n /* 11 */n text-decoration: none;n text-align: center;n .hook-button;n}nn.uk-button:not(:disabled) { cursor: pointer; }nn/*n * Hovern * 1. Apply hover style also to focus staten * 2. Remove default focus stylen * 3. Required for `a` elementsn */nn.uk-button:hover,n.uk-button:focus { // 1n background-color: @button-hover-background;n color: @button-hover-color;n /* 2 */n outline: none;n /* 3 */n text-decoration: none;n .hook-button-hover;n}nn/* Active */n.uk-button:active,n.uk-button.uk-active {n background-color: @button-active-background;n color: @button-active-color;n .hook-button-active;n}nnn/* Color modifiersn ========================================================================== */nn/*n * Modifier: `uk-button-primary`n */nn.uk-button-primary {n background-color: @button-primary-background;n color: @button-primary-color;n .hook-button-primary;n}nn/* Hover */n.uk-button-primary:hover,n.uk-button-primary:focus {n background-color: @button-primary-hover-background;n color: @button-primary-ho ver-color;n .hook-button-primary-hover;n}nn/* Active */n.uk-button-primary:active,n.uk-button-primary.uk-active {n background-color: @button-primary-active-background;n color: @button-primary-active-color;n .hook-button-primary-active;n}nn/*n * Modifier: `uk-button-success`n */nn.uk-button-success {n background-color: @button-success-background;n color: @button-success-color;n .hook-button-success;n}nn/* Hover */n.uk-button-success:hover,n.uk-button-success:focus {n background-color: @button-success-hover-background;n color: @button-success-hover-color;n .hook-button-success-hover;n}nn/* Active */n.uk-button-success:active,n.uk-button-success.uk-active {n background-color: @button-success-active-background;n color: @button-success-active-color;n .hook-button-success-active;n}nn/*n * Modifier: `uk-button-danger`n */nn.uk-button-danger {n background-color: @button-danger-background;n color: @button-danger-color;n .hook-button-danger;n}nn/* Hover */n.uk-button-danger:hover,n.uk-button-danger:focus {n background-color: @button-danger-hover-background;n color: @button-danger-hover-color;n .hook-button-danger-hover;n}nn/* Active */n.uk-button-danger:active,n.uk-button-danger.uk-active {n background-color: @button-danger-active-background;n color: @button-danger-active-color;n .hook-button-danger-active;n}nnn/* Disabled staten * Overrides also the color modifiersn ========================================================================== */nn/* Equal for all button types */n.uk-button:disabled {n background-color: @button-disabled-background;n color: @button-disabled-color;n .hook-button-disable;n}nnn/* Modifier: `uk-button-link`n ========================================================================== */nn /* Reset */n.uk-button-link,n.uk-button-link:hover,n.uk-button-link:focus,n.uk-button-l ink:active,n.uk-button-link.uk-active,n.uk-button-link:disabled {n border-color: transparent;n background: none;n .hook-button-link;n}nn/* Color */n.uk-button-link { color: @button-link-color; }nn.uk-button-link:hover,n.uk-button-link:focus,n.uk-button-link:active,n.uk-button-link.uk-active {n color: @button-link-hover-color;n text-decoration: @button-link-hover-text-decoration;n}nn.uk-button-link:disabled { color: @button-link-disabled-color; }nn/* Focus */n.uk-button-link:focus { outline: 1px dotted; }nnn/* Size modifiersn ========================================================================== */nn.uk-button-mini {n min-height: @button-mini-height;n padding: 0 @button-mini-padding-horizontal;n line-height: @button-mini-line-height;n font-size: @button-mini-font-size;n}nn.uk-button-small {n min-height: @button-small-height;n padding: 0 @button-small-padding-horizontal;n line-height: @button-small-line-height;n font-size: @button-small-font-size;n}nn.uk-button-large {n min-height: @button-large-height;n padding: 0 @button-large-padding-horizontal;n line-height: @button-large-line-height;n font-size: @button-large-font-size;n .hook-button-large;n}nnn/* Sub-object `uk-button-group`n ========================================================================== */nn/*n * 1. Behave like buttonsn * 2. Create position context for dropdownsn * 3. Remove whitespace between child elements when using `inline-block`n * 4. Prevent buttons from wrappingn * 5. Remove whitespace between child elements when using `inline-block`n */nn.uk-button-group {n /* 1 */n display: inline-block;n vertical-align: middle;n /* 2 */n position: relative;n /* 3 */n font-size: 0.001px;n /* 4 */n white-space: nowrap;n}nn.uk-button-group > * { display: inline-block; }nn/* 5 */n.uk-button-group .uk-button { vertical-align: top; }nnn/* Sub-object: `uk-button-dropdown`n ========================================================================== */nn/*n * 1. Behave like buttonsn * 2. Create position context for dropdownsn */nn.uk-button-dropdown {n /* 1 */n display: inline-block;n vertical-align: middle;n /* 2 */n position: relative;n}nnn// Hooksn// ========================================================================nn.hook-button-misc;nn.hook-button() {}n.hook-button-hover() {}n.hook-button-active() {}n.hook-button-primary() {}n.hook-button-primary-hover() {}n.hook-button-primary-active() {}n.hook-button-success() {}n.hook-button-success-hover() {}n.hook-button-success-active() {}n.hook-button-danger() {}n.hook-button-danger-hover() {}n.hook-button-danger-active() {}n.hook-button-disable() {}n.hook-button-link() {}n.hook-button-large() {}n.hook-button-misc() {}n// Name: Iconn// Description: Defines styles for iconsn// n// Adapted from http://fortawesome.github.com/Font-Awesome (Version 4.2.0)n//n// Component: `uk-icon-*`n//n// Sub-objects: `uk-icon-hover`n// `uk-icon-button`n//n// Modifiers: `uk-icon-small`n// `uk-icon-medium`n// `uk-icon-large`n// `uk-icon-justify`n// `uk-icon-spin`n//n// Uses: Animationn//n// ========================================================================nnn// Variablesn// ========================================================================nn@icon-font-path: "../fonts";nn@icon-small-font-size: 150%;n@icon-medium-font-size: 200%;n@icon-large-font-size: 250%;nn@icon-small-vertical-align: -10%;n@icon-medium-vertical-align: -16%;n@icon-large-vertical- align: -22%;nn@icon-hover-color: #999;n@icon-hover-hover-color: #444;nn@icon-button-width: 35px;n@icon-button-height: @icon-button-width;n@icon-button-border-radius: 100%;n@icon-button-background: #eee;n@icon-button-font-size: round((@icon-button-width * 0.5));n@icon-button-color: #444;nn@icon-button-hover-background: #f5f5f5;n@icon-button-hover-color: #444;nn@icon-button-active-background: #ddd;n@icon-button-active-color: #444;nnn/* ========================================================================n Component: Iconn ========================================================================== */nn@font-face {n font-family: 'FontAwesome';n src: url("/tem plates/yoo_joy/warp/vendor/uikit/less/core/@{icon-font-path}/fontawesome-webfont.woff2") format('woff2'),n url("/templates/yoo_joy/warp/vendor/uikit/less/core/@{icon-font-path}/fontawesome-webfont.woff") format("woff"),n url("/templates/yoo_joy/warp/vendor/uikit/less/core/@{icon-font-path}/fontawesome-webfont.ttf") format("truetype");n font-weight: normal;n font-style: normal;n}nn/*n * 1. Allow marginn * 2. Prevent inherit font stylen * 4. Correct line-heightn * 5. Better font renderingn * 6. Remove `text-decoration` for anchorsn */nn[class*=’uk-icon-‘] {n font-family: FontAwesome;n /* 1 */n display: inline-block;n /* 2 */n font-weight: normal;n font-style: normal;n /* 4 */n line-height: 1;n /* 5 */n -webkit-font-smoothing: antialiased;n -moz-osx-font-smoothing: grayscale;n}nn/* 6 */n[class*=’uk-icon-‘],n[class*=’uk-icon-‘]:hover,n[class*=’uk-icon-‘]:focus { text-decoration: none; }nnn/* Size modifiersn ========================================================================== */nn.uk-icon-small {n font-size: @icon-small-font-size;n vertical-align: @icon-small-vertical-align;n}nn.uk-icon-medium {n font-size: @icon-medium-font-size;n vertical-align: @icon-medium-vertical-align;n}nn.uk-icon-large {n font-size: @icon-large-font-size;n vertical-align: @icon-large-vertical-align;n}nnn/* Modifier: `uk-icon-justify`n ========================================================================== */nn.uk-icon-justify {n width: 1em;n text-align: center;n}nnn/* Modifier: `uk-icon-spin`n ========================================================================== */nn.uk-icon-spin {n display: inline-block;n -webkit-animation: uk-rotate 2s infinite linear;n animation: uk-rotate 2s infinite linear;n}nnn/* Modifier: `uk-icon-hover`n ====================================================================== ==== */nn.uk-icon-hover {n color: @icon-hover-color;n .hook-icon-hover;n}nn/*n * Hovern */nn.uk-icon-hover:hover {n color: @icon-hover-hover-color;n .hook-icon-hover-hover;n}nnn/* Modifier: `uk-icon-button`n ========================================================================== */nn.uk-icon-button {n box-sizing: border-box;n display: inline-block;n width: @icon-button-width;n height: @icon-button-height;n border-radius: @icon-button-border-radius;n background: @icon-button-background;n line-height: @icon-button-height;n color: @icon-button-color;n font-size: @icon-button-font-size;n text-align: center;n .hook-icon-button;n}nn/*n * Hovern * 1. Apply hover style also to focus staten * 2. Remove default focus stylen */nn.uk-icon-button:hover,n.uk-icon-button:focus { // 1n background-color: @icon-button-hover-background;n color: @icon-button-hover-color;n /* 2 */n outline: n one;n .hook-icon-button-hover;n}nn/* Active */n.uk-icon-button:active {n background-color: @icon-button-active-background;n color: @icon-button-active-color;n .hook-icon-button-active;n}nnn/* Icon mappingn ========================================================================== */nn.uk-icon-glass:before { content: "\f000"; }n.uk-icon-music:before { content: "\f001"; }n.uk-icon-search:before { content: "\f002"; }n.uk-icon-envelope-o:before { content: "\f003"; }n.uk-icon-heart:before { content: "\f004"; }n.uk-icon-star:before { content: "\f005"; }n.uk-icon-star-o:before { content: "\f006"; }n.uk-icon-user:before { content: "\f007"; }n.uk-icon-film:before { content: "\f008"; }n.uk-icon-th-large:before { content: "\f009"; }n.uk-icon-th:before { content: "\f00a"; }n.uk-icon-th-list:before { content: "\f00b"; }n.uk-icon-check:before { content: "\f00c"; }n.uk-icon-remove:before,n.uk-icon-close:before,n.uk-icon-times:before { content: "\f00d"; }n.uk-icon-search-plus:before { content: "\f00e"; }n.uk-icon-search-minus:before { content: "\f010"; }n.uk-icon-power-off:before { content: "\f011"; }n.uk-icon-signal:before { content: "\f012"; }n.uk-icon-gear:before,n.uk-icon-cog:before { content: "\f013"; }n.uk-icon-trash-o:before { content: "\f014"; }n.uk-icon-home:before { content: "\f015"; }n.uk-icon-file-o:before { content: "\f016"; }n.uk-icon-clock-o:before { content: "\f017"; }n.uk-icon-road:before { content: "\f018"; }n.uk-icon-download:before { content: "\f019"; }n.uk-icon-arrow-circle-o-down:before { content: "\f01a"; }n.uk-icon-arrow-circle-o-up:before { content: "\f01b"; }n.uk-icon-inbox:before { content: "\f01c"; }n.uk-icon-play-circle-o:before { content: "\f01d"; }n.uk-icon-rotate-right:before,n.uk-icon-repeat:before { content: "\f01e"; }n.uk-icon-refresh:before { content: "\f021"; }n.uk-icon-list-alt:before { content: "\f022"; }n.uk-icon-lock:before { content: "\f023"; }n.uk-icon-flag:before { content: "\f024"; }n.uk-icon-headphones:before { content: "\f025"; }n.uk-icon-volume-off:before { content: "\f026"; }n.uk-icon-volume-down:before { content: "\f027"; }n.uk-icon-volume-up:before { content: "\f028"; }n.uk-icon-qrcode:before { content: "\f029"; }n.uk-icon-barcode:before { content: "\f02a"; }n.uk-icon-tag:before { content: "\f02b"; }n.uk-icon-tags:before { content: "\f02c"; }n.uk-icon-book:before { content: "\f02d"; }n.uk-icon-bookmark:before { content: "\f02e"; }n.uk-icon-print:before { content: "\f02f"; }n.uk-icon-camera:before { content: "\f030"; }n.uk-icon-font:before { content: "\f031"; }n.uk-icon-bold:before { content: "\f032"; }n.uk-icon-italic:before { content: "\f033"; }n.uk-icon-text-height:before { content: "\f034"; }n.uk-icon-text-width:before { content: "\f035"; }n.uk-icon-align-left:before { content: "\f036"; }n.uk-icon-align-center:before { content: "\f037"; }n.uk-icon-align-right:before { content: "\f038"; }n.uk-icon-align-justify:before { content: "\f039"; }n.uk-icon-list:before { content: "\f03a"; }n.uk-icon-dedent:before,n.uk-icon-outdent:before { content: "\f03b"; }n.uk-icon-indent:before { content: "\f03c"; }n.uk-icon-video-camera:before { content: "\f03d"; }n.uk-icon-photo:before,n.uk-icon-image:before,n.uk-icon-picture-o:before { content: "\f03e"; }n.uk-icon-pencil:before { content: "\f040"; }n.uk-icon-map-marker:before { content: "\f041"; }n.uk-icon-adjust:before { content: "\f042"; }n.uk-icon-tint:before { content: "\f043"; }n.uk-icon-edit:before,n.uk-icon-pencil-square-o:before { content: "\f044"; }n.uk-icon-share-square-o:before { content: "\f045"; }n.uk-icon-check-square-o:before { content: "\f046"; }n.uk-icon-arrows:before { content: "\f047"; }n.uk-icon-step-backward:before { content: "\f048"; }n.uk-icon-fast-backward:before { content: "\f049"; }n.uk-icon-backward:before { content: "\f04a"; }n.uk-icon-play:before { content: "\f04b"; }n.uk-icon-pause:before { content: "\f04c"; }n.uk-icon-stop:before { content: "\f04d"; }n.uk-icon-forward:before { content: "\f04e"; }n.uk-icon-fast-forward:before { content: "\f050"; }n.uk-icon-step-forward:before { content: "\f051"; }n.uk-icon-eject:before { content: "\f052"; }n.uk-icon-chevron-left:before { content: "\f053"; }n.uk-icon-chevron-right:before { content: "\f054"; }n.uk-icon-plus-circle:before { content: "\f055"; }n.uk-icon-minus-circle:before { content: "\f056"; }n.uk-icon-times-circle:before { content: "\f057"; }n.uk-icon-check-circle:before { content: "\f058"; }n.uk-icon-question-circle:before { content: "\f059"; }n.uk-icon-info-circle:before { content: "\f05a"; }n.uk-icon-crosshairs:before { content: "\f05b"; }n.uk-icon-times-circle-o:before { content: "\f05c"; }n.uk-icon-check-circle-o:before { content: "\f05d"; }n.uk-icon-ban:before { content: "\f05e"; }n.uk-icon-arrow-left:before { content: "\f060"; }n.uk-icon-arrow-right:before { content: "\f061"; }n.uk-icon-arrow-up:before { content: "\f062"; }n.uk-icon-arrow-down:before { content: "\f063"; }n.uk-icon-mail-forward:before,n.uk-icon-share:before { content: "\f064"; }n.uk-icon-expand:before { content: "\f065"; }n.uk-icon-compress:before { content: "\f066"; }n.uk-icon-plus:before { content: "\f067"; }n.uk-icon-minus:before { content: "\f068"; }n.uk-icon-asterisk:before { content: "\f069"; }n.uk-icon-exclamation-circle:before { content: "\f06a"; }n.uk-icon-gift:before { content: "\f06b"; }n.uk-icon-leaf:before { content: "\f06c"; }n.uk-icon-fire:before { content: "\f06d"; }n.uk-icon-eye:before { content: "\f06e"; }n.uk-icon-eye-slash:before { content: "\f070"; }n.uk-icon-warning:before,n.uk-icon-exclamation-triangle:before { content: "\f071"; }n.uk-icon-plane:before { content: "\f072"; }n.uk-icon-calendar:before { content: "\f073"; }n.uk-icon-random:before { content: "\f074"; }n.uk-icon-comment:before { content: "\f075"; }n.uk-icon-magnet:before { content: "\f076"; }n.uk-icon-chevron-up:before { content: "\f077"; }n.uk-icon-chevron-down:before { content: "\f078"; }n.uk-icon-retweet:before { content: "\f079"; }n.uk-icon-shopping-cart:before { content: "\f07a"; }n.uk-icon-folder:before { content: "\f07b"; }n.uk-icon-folder-open:before { content: "\f07c"; }n.uk-icon-arrows-v:before { content: "\f07d"; }n.uk-icon-arrows-h:before { content: "\f07e"; }n.uk-icon-bar-chart-o:before,n.uk-icon-bar-chart:before { content: "\f080"; }n.uk-icon-twitter-square:before { content: "\f081"; }n.uk-icon-facebook-square:before { content: "\f082"; }n.uk-icon-camera-retro:before { content: "\f083"; }n.uk-icon-key:before { content: "\f084"; }n.uk-icon-gears:before,n.uk-icon-cogs:before { content: "\f085"; }n.uk-icon-comments:before { content: "\f086"; }n.uk-icon-thumbs-o-up:before { content: "\f087"; }n.uk-icon-thumbs-o-down:before { content: "\f088"; }n.uk-icon-star-half:before { content: "\f089"; }n.uk-icon-heart-o:before { content: "\f08a"; }n.uk-icon-sign-out:before { content: "\f08b"; }n.uk-icon-linkedin-square:before { content: "\f08c"; }n.uk-icon-thumb-tack:before { content: "\f08d"; }n.uk-icon-external-link:before { content: "\f08e"; }n.uk-icon-sign-in:before { content: "\f090"; }n.uk-icon-trophy:before { content: "\f091"; }n.uk-icon-github-square:before { content: "\f092"; }n.uk-icon-upload:before { content: "\f093"; }n.uk-icon-lemon-o:before { content: "\f094"; }n.uk-icon-phone:before { content: "\f095"; }n.uk-icon-square-o:before { content: "\f096"; }n.uk-icon-bookmark-o:before { content: "\f097"; }n.uk-icon-phone-square:before { content: "\f098"; }n.uk-icon-twitter:before { content: "\f099"; }n.uk-icon-facebook-f:before,n.uk-icon-facebook:before { content: "\f09a"; }n.uk-icon-github:before { content: "\f09b"; }n.uk-icon-unlock:before { content: "\f09c"; }n.uk-icon-credit-card:before { content: "\f09d"; }n.uk-icon-rss:before { content: "\f09e"; }n.uk-icon-hdd-o:before { content: "\f0a0"; }n.uk-icon-bullhorn:before { content: "\f0a1"; }n.uk-icon-bell:before { content: "\f0f3"; }n.uk-icon-certificate:before { content: "\f0a3"; }n.uk-icon-hand-o-right:before { content: "\f0a4"; }n.uk-icon-hand-o-left:before { content: "\f0a5"; }n.uk-icon-hand-o-up:before { content: "\f0a6"; }n.uk-icon-hand-o-down:before { content: "\f0a7"; }n.uk-icon-arrow-circle-left:before { content: "\f0a8"; }n.uk-icon-arrow-circle-right:before { content: "\f0a9"; }n.uk-icon-arrow-circle-up:before { content: "\f0aa"; }n.uk-icon-arrow-circle-down:before { content: "\f0ab"; }n.uk-icon-globe:before { content: "\f0ac"; }n.uk-icon-wrench:before { content: "\f0ad"; }n.uk-icon-tasks:before { content: "\f0ae"; }n.uk-icon-filter:before { content: "\f0b0"; }n.uk-icon-briefcase:before { content: "\f0b1"; }n.uk-icon-arrows-alt:before { content: "\f0b2"; }n.uk-icon-group:before,n.uk-icon-users:before { content: "\f0c0"; }n.uk-icon-chain:before,n.uk-icon-link:before { content: "\f0c1"; }n.uk-icon-cloud:before { content: "\f0c2"; }n.uk-icon-flask:before { content: "\f0c3"; }n.uk-icon-cut:before,n.uk-icon-scissors:before { content: "\f0c4"; }n.uk-icon-copy:before,n.uk-icon-files-o:before { content: "\f0c5"; }n.uk-icon-paperclip:before { content: "\f0c6"; }n.uk-icon-save:before,n.uk-icon-floppy-o:before { content: "\f0c7"; }n.uk-icon-square:before { content: "\f0c8"; }n.uk-icon-navicon:before,n.uk-icon-reorder:before,n.uk-icon-bars:before { content: "\f0c9"; }n.uk-icon-list-ul:before { content: "\f0ca"; }n.uk-icon-list-ol:before { content: "\f0cb"; }n.uk-icon-strikethrough:before { content: "\f0cc"; }n.uk-icon-underline:before { content: "\f0cd"; }n.uk-icon-table:before { content: "\f0ce"; }n.uk-icon-magic:before { content: "\f0d0"; }n.uk-icon-truck:before { content: "\f0d1"; }n.uk-icon-pinterest:before { content: "\f0d2"; }n.uk-icon-pinterest-square:before { content: "\f0d3"; }n.uk-icon-google-plus-square:before { content: "\f0d4"; }n.uk-icon-google-plus:before { content: "\f0d5"; }n.uk-icon-money:before { content: "\f0d6"; }n.uk-icon-caret-down:before { content: "\f0d7"; }n.uk-icon-caret-up:before { content: "\f0d8"; }n.uk-icon-caret-left:before { content: "\f0d9"; }n.uk-icon-caret-right:before { content: "\f0da"; }n.uk-icon-columns:before { content: "\f0db"; }n.uk-icon-unsorted:before,n.uk-icon-sort:before { content: "\f0dc"; }n.uk-icon-sort-down:before,n.uk-icon-sort-desc:before { content: "\f0dd"; }n.uk-icon-sort-up:before,n.uk-icon-sort-asc:before { content: "\f0de"; }n.uk-icon-envelope:before { content: "\f0e0"; }n.uk-icon-linkedin:before { content: "\f0e1"; }n.uk-icon-rotate-left:before,n.uk-icon-undo:before { content: "\f0e2"; }n.uk-icon-legal:before,n.uk-icon-gavel:before { content: "\f0e3"; }n.uk-icon-dashboard:before,n.uk-icon-tachometer:before { content: "\f0e4"; }n.uk-icon-comment-o:before { content: "\f0e5"; }n.uk-icon-comments-o:before { content: "\f0e6"; }n.uk-icon-flash:before,n.uk-icon-bolt:before { content: "\f0e7"; }n.uk-icon-sitemap:before { content: "\f0e8"; }n.uk-icon-umbrella:before { content: "\f0e9"; }n.uk-icon-paste:before,n.uk-icon-clipboard:before { content: "\f0ea"; }n.uk-icon-lightbulb-o:before { content: "\f0eb"; }n.uk-icon-exchange:before { content: "\f0ec"; }n.uk-icon-cloud-download:before { content: "\f0ed"; }n.uk-icon-cloud-upload:before { content: "\f0ee"; }n.uk-icon-user-md:before { content: "\f0f0"; }n.uk-icon-stethoscope:before { content: "\f0f1"; }n.uk-icon-suitcase:before { content: "\f0f2"; }n.uk-icon-bell-o:before { content: "\f0a2"; }n.uk-icon-coffee:before { content: "\f0f4"; }n.uk-icon-cutlery:before { content: "\f0f5"; }n.uk-icon-file-text-o:before { content: "\f0f6"; }n.uk-icon-building-o:before { content: "\f0f7"; }n.uk-icon-hospital-o:before { content: "\f0f8"; }n.uk-icon-ambulance:before { content: "\f0f9"; }n.uk-icon-medkit:before { content: "\f0fa"; }n.uk-icon-fighter-jet:before { content: "\f0fb"; }n.uk-icon-beer:before { content: "\f0fc"; }n.uk-icon-h-square:before { content: "\f0fd"; }n.uk-icon-plus-square:before { content: "\f0fe"; }n.uk-icon-angle-double-left:before { content: "\f100"; }n.uk-icon-angle-double-right:before { content: "\f101"; }n.uk-icon-angle-double-up:before { content: "\f102"; }n.uk-icon-angle-double-down:before { content: "\f103"; }n.uk-icon-angle-left:before { content: "\f104"; }n.uk-icon-angle-right:before { content: "\f105"; }n.uk-icon-angle-up:before { content: "\f106"; }n.uk-icon-angle-down:before { content: "\f107"; }n.uk-icon-desktop:before { content: "\f108"; }n.uk-icon-laptop:before { content: "\f109"; }n.uk-icon-tablet:before { content: "\f10a"; }n.uk-icon-mobile-phone:before,n.uk-icon-mobile:before { content: "\f10b"; }n.uk-icon-circle-o:before { content: "\f10c"; }n.uk-icon-quote-left:before { content: "\f10d"; }n.uk-icon-quote-right:before { content: "\f10e"; }n.uk-icon-spinner:before { content: "\f110"; }n.uk-icon-circle:before { content: "\f111"; }n.uk-icon-mail-reply:before,n.uk-icon-reply:before { content: "\f112"; }n.uk-icon-github-alt:before { content: "\f113"; }n.uk-icon-folder-o:before { content: "\f114"; }n.uk-icon-folder-open-o:before { content: "\f115"; }n.uk-icon-smile-o:before { content: "\f118"; }n.uk-icon-frown-o:before { content: "\f119"; }n.uk-icon-meh-o:before { content: "\f11a"; }n.uk-icon-gamepad:before { content: "\f11b"; }n.uk-icon-keyboard-o:before { content: "\f11c"; }n.uk-icon-flag-o:before { content: "\f11d"; }n.uk-icon-flag-checkered:before { content: "\f11e"; }n.uk-icon-terminal:before { content: "\f120"; }n.uk-icon-code:before { content: "\f121"; }n.uk-icon-mail-reply-all:before,n.uk-icon-reply-all:before { content: "\f122"; }n.uk-icon-star-half-empty:before,n.uk-icon-star-half-full:before,n.uk-icon-star-half-o:before { content: "\f123"; }n.uk-icon-location-arrow:before { content: "\f124"; }n.uk-icon-crop:before { content: "\f125"; }n.uk-icon-code-fork:before { content: "\f126"; }n.uk-icon-unlink:before,n.uk-icon-chain-broken:before { content: "\f127"; }n.uk-icon-question:before { content: "\f128"; }n.uk-icon-info:before { content: "\f129"; }n.uk-icon-exclamation:before { content: "\f12a"; }n.uk-icon-superscript:before { content: "\f12b"; }n.uk-icon-subscript:before { content: "\f12c"; }n.uk-icon-eraser:before { content: "\f12d"; }n.uk-icon-puzzle-piece:before { content: "\f12e"; }n.uk-icon-microphone:before { content: "\f130"; }n.uk-icon-microphone-slash:before { content: "\f131"; }n.uk-icon-shield:before { content: "\f132"; }n.uk-icon-calendar-o:before { content: "\f133"; }n.uk-icon-fire-extinguisher:before { content: "\f134"; }n.uk-icon-rocket:before { content: "\f135"; }n.uk-icon-maxcdn:before { content: "\f136"; }n.uk-icon-chevron-circle-left:before { content: "\f137"; }n.uk-icon-chevron-circle-right:before { content: "\f138"; }n.uk-icon-chevron-circle-up:before { content: "\f139"; }n.uk-icon-chevron-circle-down:before { content: "\f13a"; }n.uk-icon-html5:before { content: "\f13b"; }n.uk-icon-css3:before { content: "\f13c"; }n.uk-icon-anchor:before { content: "\f13d"; }n.uk-icon-unlock-alt:before { content: "\f13e"; }n.uk-icon-bullseye:before { content: "\f140"; }n.uk-icon-ellipsis-h:before { content: "\f141"; }n.uk-icon-ellipsis-v:before { content: "\f142"; }n.uk-icon-rss-square:before { content: "\f143"; }n.uk-icon-play-circle:before { content: "\f144"; }n.uk-icon-ticket:before { content: "\f145"; }n.uk-icon-minus-square:before { content: "\f146"; }n.uk-icon-minus-square-o:before { content: "\f147"; }n.uk-icon-level-up:before { content: "\f148"; }n.uk-icon-level-down:before { content: "\f149"; }n.uk-icon-check-square:before { content: "\f14a"; }n.uk-icon-pencil-square:before { content: "\f14b"; }n.uk-icon-external-link-square:before { content: "\f14c"; }n.uk-icon-share-square:before { content: "\f14d"; }n.uk-icon-compass:before { content: "\f14e"; }n.uk-icon-toggle-down:before,n.uk-icon-caret-square-o-down:before { content: "\f150"; }n.uk-icon-toggle-up:before,n.uk-icon-caret-square-o-up:before { content: "\f151"; }n.uk-icon-toggle-right:before,n.uk-icon-caret-square-o-right:before { content: "\f152"; }n.uk-icon-euro:before,n.uk-icon-eur:before { content: "\f153"; }n.uk-icon-gbp:before { content: "\f154"; }n.uk-icon-dollar:before,n.uk-icon-usd:before { content: "\f155"; }n.uk-icon-rupee:before,n.uk-icon-inr:before { content: "\f156"; }n.uk-icon-cny:before,n.uk-icon-rmb:before,n.uk-icon-yen:before,n.uk-icon-jpy:before { content: "\f157"; }n.uk-icon-ruble:before,n.uk-icon-rouble:before,n.uk-icon-rub:before { content: "\f158"; }n.uk-icon-won:before,n.uk-icon-krw:before { content: "\f159"; }n.uk-icon-bitcoin:before,n.uk-icon-btc:before { content: "\f15a"; }n.uk-icon-file:before { content: "\f15b"; }n.uk-icon-file-text:before { content: "\f15c"; }n.uk-icon-sort-alpha-asc:before { content: "\f15d"; }n.uk-icon-sort-alpha-desc:before { content: "\f15e"; }n.uk-icon-sort-amount-asc:before { content: "\f160"; }n.uk-icon-sort-amount-desc:before { content: "\f161"; }n.uk-icon-sort-numeric-asc:before { content: "\f162"; }n.uk-icon-sort-numeric-desc:before { content: "\f163"; }n.uk-icon-thumbs-up:before { content: "\f164"; }n.uk-icon-thumbs-down:before { content: "\f165"; }n.uk-icon-youtube-square:before { content: "\f166"; }n.uk-icon-youtube:before { content: "\f167"; }n.uk-icon-xing:before { content: "\f168"; }n.uk-icon-xing-square:before { content: "\f169"; }n.uk-icon-youtube-play:before { content: "\f16a"; }n.uk-icon-dropbox:before { content: "\f16b"; }n.uk-icon-stack-overflow:before { content: "\f16c"; }n.uk-icon-instagram:before { content: "\f16d"; }n.uk-icon-flickr:before { content: "\f16e"; }n.uk-icon-adn:before { content: "\f170"; }n.uk-icon-bitbucket:before { content: "\f171"; }n.uk-icon-bitbucket-square:before { content: "\f172"; }n.uk-icon-tumblr:before { content: "\f173"; }n.uk-icon-tumblr-square:before { content: "\f174"; }n.uk-icon-long-arrow-down:before { content: "\f175"; }n.uk-icon-long-arrow-up:before { content: "\f176"; }n.uk-icon-long-arrow-left:before { content: "\f177"; }n.uk-icon-long-arrow-right:before { content: "\f178"; }n.uk-icon-apple:before { content: "\f179"; }n.uk-icon-windows:before { content: "\f17a"; }n.uk-icon-android:before { content: "\f17b"; }n.uk-icon-linux:before { content: "\f17c"; }n.uk-icon-dribbble:before { content: "\f17d"; }n.uk-icon-skype:before { content: "\f17e"; }n.uk-icon-foursquare:before { content: "\f180"; }n.uk-icon-trello:before { content: "\f181"; }n.uk-icon-female:before { content: "\f182"; }n.uk-icon-male:before { content: "\f183"; }n.uk-icon-gittip:before,n.uk-icon-gratipay:before { content: "\f184"; }n.uk-icon-sun-o:before { content: "\f185"; }n.uk-icon-moon-o:before { content: "\f186"; }n.uk-icon-archive:before { content: "\f187"; }n.uk-icon-bug:before { content: "\f188"; }n.uk-icon-vk:before { content: "\f189"; }n.uk-icon-weibo:before { content: "\f18a"; }n.uk-icon-renren:before { content: "\f18b"; }n.uk-icon-pagelines:before { content: "\f18c"; }n.uk-icon-stack-exchange:before { content: "\f18d"; }n.uk-icon-arrow-circle-o-right:before { content: "\f18e"; }n.uk-icon-arrow-circle-o-left:before { content: "\f190"; }n.uk-icon-toggle-left:before,n.uk-icon-caret-square-o-left:before { content: "\f191"; }n.uk-icon-dot-circle-o:before { content: "\f192"; }n.uk-icon-wheelchair:before { content: "\f193"; }n.uk-icon-vimeo-square:before { content: "\f194"; }n.uk-icon-turkish-lira:before,n.uk-icon-try:before { content: "\f195"; }n.uk-icon-plus-square-o:before { content: "\f196"; }n.uk-icon-space-shuttle:before { content: "\f197"; }n.uk-icon-slack:before { content: "\f198"; }n.uk-icon-envelope-square:before { content: "\f199"; }n.uk-icon-wordpress:before { content: "\f19a"; }n.uk-icon-openid:before { content: "\f19b"; }n.uk-icon-institution:before,n.uk-icon-bank:before,n.uk-icon-university:before { content: "\f19c"; }n.uk-icon-mortar-board:before,n.uk-icon-graduation-cap:before { content: "\f19d"; }n.uk-icon-yahoo:before { content: "\f19e"; }n.uk-icon-google:before { content: "\f1a0"; }n.uk-icon-reddit:before { content: "\f1a1"; }n.uk-icon-reddit-square:before { content: "\f1a2"; }n.uk-icon-stumbleupon-circle:before { content: "\f1a3"; }n.uk-icon-stumbleupon:before { content: "\f1a4"; }n.uk-icon-delicious:before { content: "\f1a5"; }n.uk-icon-digg:before { content: "\f1a6"; }n.uk-icon-pied-piper:before { content: "\f1a7"; }n.uk-icon-pied-piper-alt:before { content: "\f1a8"; }n.uk-icon-drupal:before { content: "\f1a9"; }n.uk-icon-joomla:before { content: "\f1aa"; }n.uk-icon-language:before { content: "\f1ab"; }n.uk-icon-fax:before { content: "\f1ac"; }n.uk-icon-building:before { content: "\f1ad"; }n.uk-icon-child:before { content: "\f1ae"; }n.uk-icon-paw:before { content: "\f1b0"; }n.uk-icon-spoon:before { content: "\f1b1"; }n.uk-icon-cube:before { content: "\f1b2"; }n.uk-icon-cubes:before { content: "\f1b3"; }n.uk-icon-behance:before { content: "\f1b4"; }n.uk-icon-behance-square:before { content: "\f1b5"; }n.uk-icon-steam:before { content: "\f1b6"; }n.uk-icon-steam-square:before { content: "\f1b7"; }n.uk-icon-recycle:before { content: "\f1b8"; }n.uk-icon-automobile:before,n.uk-icon-car:before { content: "\f1b9"; }n.uk-icon-cab:before,n.uk-icon-taxi:before { content: "\f1ba"; }n.uk-icon-tree:before { content: "\f1bb"; }n.uk-icon-spotify:before { content: "\f1bc"; }n.uk-icon-deviantart:before { content: "\f1bd"; }n.uk-icon-soundcloud:before { content: "\f1be"; }n.uk-icon-database:before { content: "\f1c0"; }n.uk-icon-file-pdf-o:before { content: "\f1c1"; }n.uk-icon-file-word-o:before { content: "\f1c2"; }n.uk-icon-file-excel-o:before { content: "\f1c3"; }n.uk-icon-file-powerpoint-o:before { content: "\f1c4"; }n.uk-icon-file-photo-o:before,n.uk-icon-file-picture-o:before,n.uk-icon-file-image-o:before { content: "\f1c5"; }n.uk-icon-file-zip-o:before,n.uk-icon-file-archive-o:before { content: "\f1c6"; }n.uk-icon-file-sound-o:before,n.uk-icon-file-audio-o:before { content: "\f1c7"; }n.uk-icon-file-movie-o:before,n.uk-icon-file-video-o:before { content: "\f1c8"; }n.uk-icon-file-code-o:before { content: "\f1c9"; }n.uk-icon-vine:before { content: "\f1ca"; }n.uk-icon-codepen:before { content: "\f1cb"; }n.uk-icon-jsfiddle:before { content: "\f1cc"; }n.uk-icon-life-bouy:before,n.uk-icon-life-buoy:before,n.uk-icon-life-saver:before,n.uk-icon-support:before,n.uk-icon-life-ring:before { content: "\f1cd"; }n.uk-icon-circle-o-notch:before { content: "\f1ce"; }n.uk-icon-ra:before,n.uk-icon-rebel:before { content: "\f1d0"; }n.uk-icon-ge:before,n.uk-icon-empire:before { content: "\f1d1"; }n.uk-icon-git-square:before { content: "\f1d2"; }n.uk-icon-git:before { content: "\f1d3"; }n.uk-icon-hacker-news:before { content: "\f1d4"; }n.uk-icon-tencent-weibo:before { content: "\f1d5"; }n.uk-icon-qq:before { content: "\f1d6"; }n.uk-icon-wechat:before,n.uk-icon-weixin:before { content: "\f1d7"; }n.uk-icon-send:before,n.uk-icon-paper-plane:before { content: "\f1d8"; }n.uk-icon-send-o:before,n.uk-icon-paper-plane-o:before { content: "\f1d9"; }n.uk-icon-history:before { content: "\f1da"; }n.uk-icon-genderless:before,n.uk-icon-circle-thin:before { content: "\f1db"; }n.uk-icon-header:before { content: "\f1dc"; }n.uk-icon-paragraph:before { content: "\f1dd"; }n.uk-icon-sliders:before { content: "\f1de"; }n.uk-icon-share-alt:before { content: "\f1e0"; }n.uk-icon-share-alt-square:before { content: "\f1e1"; }n.uk-icon-bomb:before { content: "\f1e2"; }n.uk-icon-soccer-ball-o:before,n.uk-icon-futbol-o:before { content: "\f1e3"; }n.uk-icon-tty:before { content: "\f1e4"; }n.uk-icon-binoculars:before { content: "\f1e5"; }n.uk-icon-plug:before { content: "\f1e6"; }n.uk-icon-slideshare:before { content: "\f1e7"; }n.uk-icon-twitch:before { content: "\f1e8"; }n.uk-icon-yelp:before { content: "\f1e9"; }n.uk-icon-newspaper-o:before { content: "\f1ea"; }n.uk-icon-wifi:before { content: "\f1eb"; }n.uk-icon-calculator:before { content: "\f1ec"; }n.uk-icon-paypal:before { content: "\f1ed"; }n.uk-icon-google-wallet:before { content: "\f1ee"; }n.uk-icon-cc-visa:before { content: "\f1f0"; }n.uk-icon-cc-mastercard:before { content: "\f1f1"; }n.uk-icon-cc-discover:before { content: "\f1f2"; }n.uk-icon-cc-amex:before { content: "\f1f3"; }n.uk-icon-cc-paypal:before { content: "\f1f4"; }n.uk-icon-cc-stripe:before { content: "\f1f5"; }n.uk-icon-bell-slash:before { content: "\f1f6"; }n.uk-icon-bell-slash-o:before { content: "\f1f7"; }n.uk-icon-trash:before { content: "\f1f8"; }n.uk-icon-copyright:before { content: "\f1f9"; }n.uk-icon-at:before { content: "\f1fa"; }n.uk-icon-eyedropper:before { content: "\f1fb"; }n.uk-icon-paint-brush:before { content: "\f1fc"; }n.uk-icon-birthday-cake:before { content: "\f1fd"; }n.uk-icon-area-chart:before { content: "\f1fe"; }n.uk-icon-pie-chart:before { content: "\f200"; }n.uk-icon-line-chart:before { content: "\f201"; }n.uk-icon-lastfm:before { content: "\f202"; }n.uk-icon-lastfm-square:before { content: "\f203"; }n.uk-icon-toggle-off:before { content: "\f204"; }n.uk-icon-toggle-on:before { content: "\f205"; }n.uk-icon-bicycle:before { content: "\f206"; }n.uk-icon-bus:before { content: "\f207"; }n.uk-icon-ioxhost:before { content: "\f208"; }n.uk-icon-angellist:before { content: "\f209"; }n.uk-icon-cc:before { content: "\f20a"; }n.uk-icon-shekel:before,n.uk-icon-sheqel:before,n.uk-icon-ils:before { content: "\f20b"; }n.uk-icon-meanpath:before { content: "\f20c"; }n.uk-icon-buysellads:before { content: "\f20d"; }n.uk-icon-connectdevelop:before { content: "\f20e"; }n.uk-icon-dashcube:before { content: "\f210"; }n.uk-icon-forumbee:before { content: "\f211"; }n.uk-icon-leanpub:before { content: "\f212"; }n.uk-icon-sellsy:before { content: "\f213"; }n.uk-icon-shirtsinbulk:before { content: "\f214"; }n.uk-icon-simplybuilt:before { content: "\f215"; }n.uk-icon-skyatlas:before { content: "\f216"; }n.uk-icon-cart-plus:before { content: "\f217"; }n.uk-icon-cart-arrow-down:before { content: "\f218"; }n.uk-icon-diamond:before { content: "\f219"; }n.uk-icon-ship:before { content: "\f21a"; }n.uk-icon-user-secret:before { content: "\f21b"; }n.uk-icon-motorcycle:before { content: "\f21c"; }n.uk-icon-street-view:before { content: "\f21d"; }n.uk-icon-heartbeat:before { content: "\f21e"; }n.uk-icon-venus:before { content: "\f221"; }n.uk-icon-mars:before { content: "\f222"; }n.uk-icon-mercury:before { content: "\f223"; }n.uk-icon-transgender:before { content: "\f224"; }n.uk-icon-transgender-alt:before { content: "\f225"; }n.uk-icon-venus-double:before { content: "\f226"; }n.uk-icon-mars-double:before { content: "\f227"; }n.uk-icon-venus-mars:before { content: "\f228"; }n.uk-icon-mars-stroke:before { content: "\f229"; }n.uk-icon-mars-stroke-v:before { content: "\f22a"; }n.uk-icon-mars-stroke-h:before { content: "\f22b"; }n.uk-icon-neuter:before { content: "\f22c"; }n.uk-icon-facebook-official:before { content: "\f230"; }n.uk-icon-pinterest-p:before { content: "\f231"; }n.uk-icon-whatsapp:before { content: "\f232"; }n.uk-icon-server:before { content: "\f233"; }n.uk-icon-user-plus:before { content: "\f234"; }n.uk-icon-user-times:before { content: "\f235"; }n.uk-icon-hotel:before,n.uk-icon-bed:before { content: "\f236"; }n.uk-icon-viacoin:before { content: "\f237"; }n.uk-icon-train:before { content: "\f238"; }n.uk-icon-subway:before { content: "\f239"; }n.uk-icon-medium-logo:before { content: "\f23a"; }n.uk-icon-500px:before { content: "\f26e"; }n.uk-icon-amazon:before { content: "\f270"; }n.uk-icon-balance-scale:before { content: "\f24e"; }n.uk-icon-battery-empty:before,n.uk-icon-battery-0:before { content: "\f244"; }n.uk-icon-battery-quarter:before,n.uk-icon-battery-1:before { content: "\f243"; }n.uk-icon-battery-half:before,n.uk-icon-battery-2:before { content: "\f242"; }n.uk-icon-battery-three-quarters:before,n.uk-icon-battery-3:before { content: "\f241"; }n.uk-icon-battery-full:before,n.uk-icon-battery-4:before { content: "\f240"; }n.uk-icon-black-tie:before { content: "\f27e"; }n.uk-icon-calendar-check-o:before { content: "\f274"; }n.uk-icon-calendar-minus-o:before { content: "\f272"; }n.uk-icon-calendar-plus-o:before { content: "\f271"; }n.uk-icon-calendar-times-o:before { content: "\f273"; }n.uk-icon-cc-diners-club:before { content: "\f24c"; }n.uk-icon-cc-jcb:before { content: "\f24b"; }n.uk-icon-chrome:before { content: "\f268"; }n.uk-icon-clone:before { content: "\f24d"; }n.uk-icon-commenting:before { content: "\f27a"; }n.uk-icon-commenting-o:before { content: "\f27b"; }n.uk-icon-contao:before { content: "\f26d"; }n.uk-icon-creative-commons:before { content: "\f25e"; }n.uk-icon-expeditedssl:before { content: "\f23e"; }n.uk-icon-firefox:before { content: "\f269"; }n.uk-icon-fonticons:before { content: "\f280"; }n.uk-icon-get-pocket:before { content: "\f265"; }n.uk-icon-gg:before { content: "\f260"; }n.uk-icon-gg-circle:before { content: "\f261"; }n.uk-icon-hand-lizard-o:before { content: "\f258"; }n.uk-icon-hand-stop-o:before,n.uk-icon-hand-paper-o:before { content: "\f256"; }n.uk-icon-hand-peace-o:before { content: "\f25b"; }n.uk-icon-hand-pointer-o:before { content: "\f25a"; }n.uk-icon-hand-grab-o:before,n.uk-icon-hand-rock-o:before { content: "\f255"; }n.uk-icon-hand-scissors-o:before { content: "\f257"; }n.uk-icon-hand-spock-o:before { content: "\f259"; }n.uk-icon-hourglass:before { content: "\f254"; }n.uk-icon-hourglass-o:before { content: "\f250"; }n.uk-icon-hourglass-1:before,n.uk-icon-hourglass-start:before { content: "\f251"; }n.uk-icon-hourglass-2:before,n.uk-icon-hourglass-half:before { content: "\f252"; }n.uk-icon-hourglass-3:before,n.uk-icon-hourglass-end:before { content: "\f253"; }n.uk-icon-houzz:before { content: "\f27c"; }n.uk-icon-i-cursor:before { content: "\f246"; }n.uk-icon-industry:before { content: "\f275"; }n.uk-icon-internet-explorer:before { content: "\f26b"; }n.uk-icon-map:before { content: "\f279"; }n.uk-icon-map-o:before { content: "\f278"; }n.uk-icon-map-pin:before { content: "\f276"; }n.uk-icon-map-signs:before { content: "\f277"; }n.uk-icon-mouse-pointer:before { content: "\f245"; }n.uk-icon-object-group:before { content: "\f247"; }n.uk-icon-object-ungroup:before { content: "\f248"; }n.uk-icon-odnoklassniki:before { content: "\f263"; }n.uk-icon-odnoklassniki-square:before { content: "\f264"; }n.uk-icon-opencart:before { content: "\f23d"; }n.uk-icon-opera:before { content: "\f26a"; }n.uk-icon-optin-monster:before { content: "\f23c"; }n.uk-icon-registered:before { content: "\f25d"; }n.uk-icon-safari:before { content: "\f267"; }n.uk-icon-sticky-note:before { content: "\f249"; }n.uk-icon-sticky-note-o:before { content: "\f24a"; }n.uk-icon-tv:before,n.uk-icon-television:before { content: "\f26c"; }n.uk-icon-trademark:before { content: "\f25c"; }n.uk-icon-tripadvisor:before { content: "\f262"; }n.uk-icon-vimeo:before { content: "\f27d"; }n.uk-icon-wikipedia-w:before { content: "\f266"; }n.uk-icon-yc:before,n.uk-icon-y-combinator:before { content: "\f23b"; }n.uk-icon-yc-square:before,n.uk-icon-y-combinator-square:before { content: "\f1d4"; }n// added fa 4.5n.uk-icon-bluetooth:before { content: "\f293"; }n.uk-icon-bluetooth-b:before { content: "\f294"; }n.uk-icon-codiepie:before { content: "\f284"; }n.uk-icon-credit-card-alt:before { content: "\f283"; }n.uk-icon-edge:before { content: "\f282"; }n.uk-icon-fort-awesome:before { content: "\f286"; }n.uk-icon-hashtag:before { content: "\f292"; }n.uk-icon-mixcloud:before { content: "\f289"; }n.uk-icon-modx:before { content: "\f285"; }n.uk-icon-pause-circle:before { content: "\f28b"; }n.uk-icon-pause-circle-o:before { content: "\f28c"; }n.uk-icon-percent:before { content: "\f295"; }n.uk-icon-product-hunt:before { content: "\f288"; }n.uk-icon-reddit-alien:before { content: "\f281"; }n.uk-icon-scribd:before { content: "\f28a"; }n.uk-icon-shopping-bag:before { content: "\f290"; }n.uk-icon-shopping-basket:before { content: "\f291"; }n.uk-icon-stop-circle:before { content: "\f28d"; }n.uk-icon-stop-circle-o:before { content: "\f28e"; }n.uk-icon-usb:before { content: "\f287"; }nnn// Hooksn// ========================================================================nn.hook-icon-misc;nn.hook-icon-hover() {}n.hook-icon-hover-hover() {}n.hook-icon-button() {}n.hook-icon-button-hover() {}n.hook-icon-button-active() {}n.hook-icon-misc() {}nn// Name: Closen// Description: Defines styles for a close buttonn//n// Component: `uk-close`n//n// Modifiers: `uk-close-alt`n//n// Uses: Icon: FontAwesomen//n// Used by: Alertn// Modaln//n// ========================================================================nnn// Variablesn// ========================================================================nn@close-size: 20px;nn@close-alt-padding: 2px;n@close-alt-background: #eee;nnn/* ========================================================================n C omponent: Closen ========================================================================== */nn/*n * Removes inner padding and border in Firefox 4+.n */nn.uk-close::-moz-focus-inner {n border: 0;n padding: 0;n}nn/*n * 1. Correct inability to style clickable `input` types in iOS.n * 2. Remove margins in Chrome, Safari and Opera.n * 3. Remove borders for `button`.n * 4. Address `overflow` set to `hidden` in IE 8/9/10/11.n * 5. Correct `font` properties and `color` not being inherited for `button`.n * 6. Address inconsistent `text-transform` inheritance which is only inherit in Firefox and IEn * 7. Remove default `button` padding and background colorn * 8. Stylen */nn.uk-close {n /* 1 */n -webkit-appearance: none;n /* 2 */n margin: 0;n /* 3 */n border: none;n /* 4 */n overflow: visible;n /* 5 */n font: inherit;n color: inherit;n /* 6 */n text-transform: none;n /* 7. */n padding: 0;n background: transparent;n /* 8 */n display: inline-block;n box-sizing: content-box;n width: @close-size;n line-height: @close-size;n text-align: center;n vertical-align: middle;n opacity: 0.3;n .hook-close;n}nn/* Icon */n.uk-close:after {n display: block;n content: "\f00d";n font-family: FontAwesome;n}nn/*n * Hovern * 1. Apply hover style also to focus staten * 2. Remove default focus stylen * 3. Required for `a` elementsn */nn.uk-close:hover,n.uk-close:focus { // 1n opacity: 0.5;n /* 2 */n outline: none;n /* 3 */n color: inherit;n text-decoration: none;n cursor: pointer;n}nnn/* Modifiern ========================================================================== */nn.uk-close-alt {n padding: @close-alt-padding;n border-radius: 50%;n background: @close-alt-background;n opacity: 1;n .hook-close-alt;n}nn/* Hover */n.uk-close-alt:hover,n.uk- close-alt:focus { opacity: 1; }nn/* Icon */n.uk-close-alt:after { opacity: 0.5; }nn.uk-close-alt:hover:after,n.uk-close-alt:focus:after { opacity: 0.8; }nnn// Hooksn// ========================================================================nn.hook-close-misc;nn.hook-close() {}n.hook-close-alt() {}n.hook-close-misc() {}n// Name: Badgen// Description: Defines styles for badgesn//n// Component: `uk-badge`n//n// Modifiers: `uk-badge-notification`n// `uk-badge-success`n// `uk-badge-danger`n//n// ========================================================================nnn// Variablesn// ========================================================================nn@badge-background: #00a8e6;n@badge-padding-horizontal: 5px;n@badge-font-size: 10px;n@badge-font-weight: bold;n@badge-line-height: 14px;n@badge-color: #fff;n@badge-text-transform: none;n@badge-hover-color: #fff;nn@badge-notification-font-size: 12px;n@badge-notification-line-height: 18px;nn@badge-success-background: #8cc14c;n@badge-warning-background: #faa732;n@badge-danger-background: #da314b;nnn/* ========================================================================n Component: Badgen ========================================================================== */nn.uk-badge {n display: inline-block;n padding: 0 @badge-padding-horizontal;n background: @badge-background;n font-size: @badge-font-size;n font-weight: @badge-font-weight;n line-height: @badge-line-height;n color: @badge-color;n text-align: center;n vertical-align: middle;n text-transform: @badge-text-transform;n .hook-badge;n}nn/*n * Keep color when badge is a linkn */nna.uk-badge:hover { color: @badge-h over-color; }nnn/* Modifier: `uk-badge-notification`;n ========================================================================== */nn.uk-badge-notification {n box-sizing: border-box;n min-width: @badge-notification-line-height;n border-radius: 500px;n font-size: @badge-notification-font-size;n line-height: @badge-notification-line-height;n}nnn/* Color modifiern ========================================================================== */nn/*n * Modifier: `uk-badge-success`n */nn.uk-badge-success {n background-color: @badge-success-background;n .hook-badge-success;n}nn/*n * Modifier: `uk-badge-warning`n */nn.uk-badge-warning {n background-color: @badge-warning-background;n .hook-badge-warning;n}nn/*n * Modifier: `uk-badge-danger`n */nn.uk-badge-danger {n background-color: @badge-danger-background;n .hook-badge-danger;n}nnn// Hooksn// ======================================================================== nn.hook-badge-misc;nn.hook-badge() {}n.hook-badge-success() {}n.hook-badge-warning() {}n.hook-badge-danger() {}n.hook-badge-misc() {}n// Name: Alertn// Description: Defines styles for alert messagesn//n// Component: `uk-alert`n//n// Sub-objects: `uk-alert-close`n//n// Modifiers: `uk-alert-success`n// `uk-alert-warning`n// `uk-alert-danger`n// `uk-alert-large`n//n// Uses: Close: `uk-close`n//n// Markup:n//n// n//

n// n//

n//

n//n// ========================================================================nnn// Variablesn// ========================================================================nn@alert-margin-vertical: 15px;n@alert-padding: 10px;n@alert-background: #ebf7fd;n@alert-color: #2d7091;nn@alert-success-background: #f2fae3;n@alert-success-color: #659f13;nn@alert-warning-background: #fffceb;n@alert-warning-color: #e28327;nn@alert-danger-background: #fff1f0;n@alert-danger-color: #d85030;nn@alert-large-padding: 20px;nnn/* ========================================================================n Component: Alertn ========================================================================== */nn.uk-alert {n margin-bottom: @alert-margin-vertical;n padding: @alert-padding;n background: @alert-background;n color: @alert-color;n .hook-alert;n}nn/*n * Add margin if adjacent elementn */nn* + .uk-alert { margin-top: @alert-margin-vertical; }nn/*n * Remove margin from the last-childn */nn.uk-alert > :last-child { margin-bottom: 0; }nn/*n * Keep color for headings if the default heading color is changedn */nn.uk-alert h1,n.uk-alert h2,n.uk-alert h3,n.uk-alert h4,n.uk-alert h5,n.uk-alert h6 { color: inherit; }nnn/* Close in alertn ========================================================================== */nn.uk-alert > .uk-close:first-child { float: right; }nn/*n * Remove margin from adjacent elementn */nn.uk-alert > .uk-close:first-child + * { margin-top: 0; }nnn/* Modifier: `uk-alert-success`n ========================================================================== */nn.uk-alert-success {n background: @alert-success-background;n color: @alert-success-color;n .hook-alert-success;n}nnn/* Modifier: `uk-alert-warning`n ========================================================================== */nn.uk-alert-warning {n background: @alert-warning-background;n color: @alert-warning-color;n .hook-alert-warning;n}nnn/* Modifier: `uk-alert-danger`n ========================================================================== */nn.uk-alert-danger {n background: @alert-danger-background;n color: @alert-danger-color;n .hook-alert-danger;n}nnn/* Modifier: `uk-alert-large`n ========================================================================== */nn.uk-alert-large { padding: @alert-large-padding; }nn.uk-alert-large > .uk-close:first-child { margin: -10px -10px 0 0; }nnn// Hooksn// ========================================================================nn.hook-alert-misc;nn.hook-alert() {}n.hook-alert-success() {}n.hook-alert-warning() {}n.hook-alert-danger() {}n.hook-alert-misc() {}n// Name: Thumbnailn// Description: Defines styles for image thumbnailsn//n// Component: `uk-thumbnail`n//n// Sub-objects: `uk-thumbnail-caption`n//n// Modifiers: `uk-thumbnail-mini`n// `uk-thumbnail-small`n// `uk-thumbnail-medium`n// `uk-thumbnail-large`n// `uk-thumbnail-expand`n//n// Markup:n//n// n//

n// n//
n//

n//n// ========================================================================nnn// Variablesn// ========================================================================nn@thumbnail-padding: 4px;n@thumbnail-border: #ddd;n@thumbnail-border-width: 1px;n@thumbnail-background: #fff;n@thumbnail-hover-border: #aaa;n@thumbnail-hover-background: #fff;nn@thumbnail-caption-padding: @thumbnail-padding;n@thumbnail-caption-color: #444;nn@thumbnail-mini-width: 150px;n@thumbnail-small-width: 200px;n@thumbnail-medium-width: 300px;n@thumbnail-large-width: 400px;nnn/* ========================================================================n Component: Thumbnailn ========================================================================== */nn/*n * 1. Container width fits its contentn * 2. Responsive behaviorn * 3. Corrects `max-width` behavior sedn * 4. Required for `figure` elementn * 5. Style n */nn.uk-thumbnail {n /* 1 */n display: inline-block;n /* 2 */n max-width: 100%;n /* 3 */n box-sizing: border-box;n /* 3 */n margin: 0;n /* 4 */n padding: @thumbnail-padding;n border: @thumbnail-border-width solid @thumbnail-border;n background: @thumbnail-background;n .hook-thumbnail;n}nn/*n * Hover state for `a` elementsn * 1. Apply hover style also to focus staten * 2. Needed for captionn * 3. Remove default focus stylen */nna.uk-thumbnail:hover,na.uk-thumbnail:focus { // 1n border-color: @thumbnail-hover-border;n background-color: @thumbnail-hover-background;n /* 2 */n text-decoration: none;n /* 3 */n outline: none;n .hook-thumbnail-hover;n}nnn/* Captionn ========================================================================== */nn.uk-thumbnail-caption {n padding-top: @thumbnail-caption-padding;n text-align: center;n color: @thumbnail-caption-colo r;n .hook-thumbnail-caption;n}nnn/* Sizesn ========================================================================== */nn.uk-thumbnail-mini { width: @thumbnail-mini-width; }n.uk-thumbnail-small { width: @thumbnail-small-width; }n.uk-thumbnail-medium { width: @thumbnail-medium-width; }n.uk-thumbnail-large { width: @thumbnail-large-width; }nn.uk-thumbnail-expand,n.uk-thumbnail-expand > img { width: 100%; }nnn// Hooksn// ========================================================================nn.hook-thumbnail-misc;nn.hook-thumbnail() {}n.hook-thumbnail-hover() {}n.hook-thumbnail-caption() {}n.hook-thumbnail-misc() {}n// Name: Overlayn// Description: Defines styles for image overlaysn//n// Component: `uk-overlay`n//n// Sub-objects: `uk-overlay-panel`n// `uk-overlay-hover`n// `uk-overlay-active`n// `uk-overlay-icon`n//n// Modifier: `uk-overlay-background`n// `uk-overlay-image`n// `uk-overlay-top`n// `uk-overlay-bottom`n// `uk-overlay-left`n// `uk-overlay-right`n// `uk-overlay-fade`n// `uk-overlay-scale`n// `uk-overlay-spin`n// `uk-overlay-grayscale`n// `uk-overlay -slide-top`n// `uk-overlay-slide-bottom`n// `uk-overlay-slide-left`n// `uk-overlay-slide-right`n//n// DEPRECATED: `uk-overlay-area`n// `uk-overlay-area-content`n// `uk-overlay-caption`n// `uk-overlay-toggle`n//n// States: `uk-hover`n// `uk-active`n// `uk-ignore`n//n// Uses: Icon: `[class*=’uk-icon-‘]`n// `uk-border-circle`n//n// Markup:n//n// n//

n// n//
n//

n//n// ========================================================================nnn// Variablesn// ========================================================================nn@overlay-panel-padding: 20px;n@overlay-panel-color: #fff;nn@overlay-panel-background: rgba(0,0,0,0.5);nn@overlay-icon: "\f002";n@overlay-icon-size: 50px;n@overlay-icon-color: #fff;nn@overlay-fade-in-opacity: 1;n@overlay-fade-out-opacity: 0.7;nn@overlay-scale-in-scale: 1.1;n@overlay-scale-out-scale: 1;nn@overlay-spin-in-scale: 1.1;n@overlay-spin-out-scale: 1;n@overlay-spin-in-rotate: 3deg;n@overlay-spin-out-rotate: 0deg;nn@overlay-panel-link-color: inherit;n@overlay-panel-link-text-decoration: underline;nn// DEPRECATEDn@overlay-area-background: rgba(0,0,0,0.3);nn@overlay-area-icon: "\f002";n@overlay-area-icon-size: 50px;n@overlay-area-icon-color: #fff;nn@overlay-area-content-font-size: 1rem;n@overlay-area-content-padding-horizontal: 15px;n@overlay-area-content-color: #fff;n@overlay-area-content-link-color: inherit;nn@overlay-caption-background: rgba(0,0,0,0.5);n@overlay-caption-padding: 15px;n@overlay-caption-color: #fff;nnn/* ========================================================================n Component: Overlayn ========================================================================== */nn/*n * 1. Container width fits its contentn * 2. Create position contextn * 3. Set max-width for responsive images to prevent `inline-block` consequencesn * 4. Remove the gap between the container and its child elementn * 5. Needed for transitions and to fixed wrong scaling calculation for images in Chromen * 6. Fixed `overflow: hidden` to be ignored with border-radius and CSS trans forms in Webkitn * 7. Reset marginn */nn.uk-overlay {n /* 1 */n display: inline-block;n /* 2 */n position: relative;n /* 3 */n max-width: 100%;n /* 4 */n vertical-align: middle;n /* 5 */n overflow: hidden;n /* 6 */n -webkit-transform: translateZ(0);n /* 7 */n margin: 0;n}nn/* 6 for Safari */n.uk-overlay.uk-border-circle { -webkit-mask-image: -webkit-radial-gradient(circle, white 100%, black 100%); }nn/*n * Remove margin from contentn */nn.uk-overlay > :first-child { margin-bottom: 0; }nnn/* Sub-object `uk-overlay-panel`n ========================================================================== */nn/*n * 1. Position covern * 2. Stylen */nn.uk-overlay-panel {n /* 1 */n position: absolute;n top: 0;n bottom: 0;n left: 0;n right: 0;n /* 2 */n padding: @overlay-panel-padding;n color: @overlay-panel-color;n .hook-overlay-panel;n}nn/*n * Remove margin from the last-childn */nn.uk-overlay-panel > :last-child,n.uk-overlay-panel.uk-flex > * > :last-child { margin-bottom: 0; }nn/*n * Keep color for headings if the default heading color is changedn */nn.uk-overlay-panel h1,n.uk-overlay-panel h2,n.uk-overlay-panel h3,n.uk-overlay-panel h4,n.uk-overlay-panel h5,n.uk-overlay-panel h6 { color: inherit; }nn.uk-overlay-panel a:not([class]) {n color: @overlay-panel-link-color;n text-decoration: @overlay-panel-link-text-decoration;n}nn.uk-overlay-panel a[class*=’uk-icon-‘]:not(.uk-icon-button) { color: @overlay-panel-link-color; }nnn/* Sub-object `uk-overlay-hover` and `uk-overlay-active`n ========================================================================== */nn.uk-overlay-hover:not(:hover):not(.uk-hover) .uk-overlay-panel:not(.uk-ignore) { opacity: 0; }nn.uk-overlay-active :not(.uk-active) > .uk-overlay-panel:not(.uk-ignore) { opacity: 0; }nnn/* Modifier `uk-overlay-background`n ========================================================================== */nn.uk-overlay-background {n background: @overlay-panel-background;n .hook-overlay-background;n}nnn/* Modifier `uk-overlay-image`n ========================================================================== */nn/*n * Reset paneln */nn.uk-overlay-image {n padding: 0;n .hook-overlay-image;n}nnn/* Position modifiersn ========================================================================== */nn.uk-overlay-top { bottom: auto; }nn.uk-overlay-bottom { top: auto; }nn.uk-overlay-left { right: auto; }nn.uk-overlay-right { left: auto; }nnn/* Sub-object `uk-overlay-icon`n ========================================================================== */nn.uk-overlay-icon:before {n content: @overlay-icon;n position: absolute;n top: 50%;n left: 50%;n width: @overlay-icon-size;n height: @overlay-icon-size;n margin-top: -(@overlay-icon-size / 2);n margin-left: -(@overlay-icon-size / 2);n font-size: @overlay-icon-size;n line-height: 1;n font-family: FontAwesome;n text-align: center;n color: @overlay-icon-color;n .hook-overlay-icon;n}nnn/* Transitionsn ========================================================================== */nn.uk-overlay-fade,n.uk-overlay-scale,n.uk-overlay-spin,n.uk-overlay-grayscale,n.uk-overlay-blur,n[class*=’uk-overlay-slide’] {n transition-duration: 0.3s;n transition-timing-function: ease-out;n transition-property: opacity, transform, filter;n}nn.uk-overlay-active .uk-overlay-fade,n.uk-overlay-active .uk-overlay-scale,n.uk- overlay-active .uk-overlay-spin,n.uk-overlay-active [class*=’uk-overlay-slide’] { transition-duration: 0.8s; }nn/*n * Faden */nn.uk-overlay-fade { opacity: @overlay-fade-out-opacity; }nn.uk-overlay-hover:hover .uk-overlay-fade,n.uk-overlay-hover.uk-hover .uk-overlay-fade,n.uk-overlay-active .uk-active > .uk-overlay-fade { opacity: @overlay-fade-in-opacity; }nn/*n * Scalen */nn.uk-overlay-scale {n -webkit-transform: scale(@overlay-scale-out-scale);n transform: scale(@overlay-scale-out-scale);n}nn.uk-overlay-hover:hover .uk-overlay-scale,n.uk-overlay-hover.uk-hover .uk-overlay-scale,n.uk-overlay-active .uk-active > .uk-overlay-scale {n -webkit-transform: scale(@overlay-scale-in-scale);n transform: scale(@overlay-scale-in-scale);n}nn/*n * Spinn */nn.uk-overlay-spin {n -webkit-transform: scale(@overlay-spin-out-scale) rotate(@overlay-spin-out-rotate);n transform: scale(@overlay-spin-out-scale) rotate(@overlay-spin-out-rotate);n}nn.uk-overlay-hover:hover .uk-overlay-spin,n.uk-overlay-hover.uk-hover .uk-overlay-spin,n.uk-overlay-active .uk-active > .uk-overlay-spin {n -webkit-transform: scale(@overlay-spin-in-scale) rotate(@overlay-spin-in-rotate);n transform: scale(@overlay-spin-in-scale) rotate(@overlay-spin-in-rotate);n}nn/*n * Grayscalen */nn.uk-overlay-grayscale {n -w ebkit-filter: grayscale(100%);n filter: grayscale(100%);n}nn.uk-overlay-hover:hover .uk-overlay-grayscale,n.uk-overlay-hover.uk-hover .uk-overlay-grayscale,n.uk-overlay-active .uk-active > .uk-overlay-grayscale {n -webkit-filter: grayscale(0%);n filter: grayscale(0%);n}nn/*n * Sliden */nn[class*=’uk-overlay-slide’] { opacity: 0; }nn/* Top */n.uk-overlay-slide-top {n -webkit-transform: translateY(-100%);n transform: translateY(-100%);n}nn/* Bottom */n.uk-overlay-slide-bottom {n -webkit-transform: translateY(100%);n transform: translateY(100%);n}nn/* Left */n.uk-overlay-slide-left {n -webkit-transform: translateX(-100%);n transform: translateX(-100%);n}nn/* Right */n.uk-overlay-slide-right {n -webkit-transform: translateX(100%);n transform: translateX(100%);n}nn/* Hover */n.uk-overlay-hover:hover [class*=’uk-overlay-slide’],n.uk-overlay-hover.uk-hover [class*=’uk-overlay-slide’],n.uk-overlay-active .uk-active > [class*=’uk-overlay-slide’] {n opacity: 1;n -webkit-transform: translateX(0) translateY(0);n transform: translateX(0) translateY(0);n}nnn/* DEPRECATEDn * Sub-object `uk-overlay-area`n ========================================================================== */nn/*n * 1. Set positionn * 2. Set stylen * 3. Fade-in transitionn */nn.uk-overlay-area {n /* 1 */n position: absolute;n top: 0;n bottom: 0;n left: 0;n right: 0;n /* 2 */n background: @overlay-area-background;n /* 3 */n opacity: 0;n -webkit-transition: opacity 0.15s linear;n transition: opacity 0.15s linear;n -webkit-transform: translate3d(0,0,0);n .hook-overlay-area;n}nn/*n * Hovern * 1. `uk-hover` to support touch devicesn * 2. Use optional `uk-overlay-toggle` to trigger the overlay earliern */nn.uk-overlay:hover .uk-overlay-area,n.uk-overlay.uk-hover .uk-overlay-area, // 1n.uk-overlay-toggle:hover .uk-overlay-area, // 2n.uk-overlay-toggle.uk-hover .uk-overlay-area { opacity: 1; }nn/*n * Iconn */nn.uk-overlay-area:empty:before {n content: @overlay-area-icon;n position: absolute;n top: 50%;n left: 50%;n width: @overlay-area-icon-size;n height: @overlay-area-icon-size;n margin-top: -(@overlay-area-icon-size / 2);n margin-left: -(@overlay-area-icon-size / 2);n font-size: @overlay-area-icon-size;n line-height: 1;n font-family: FontAwesome;n text-align: center;n color: @overlay-area-icon-color;n .hook-overlay-area-icon;n}nnn/* DEPRECATEDn * Sub-object `uk-overlay-area-content`n ========================================================================== */nn/*n * Remove whitespace between child elements when using `inline-block`n * Needed for Firefoxn */nn.uk-overlay-area:not(:empty) { font-size: 0.001px; }nn/*n * 1. Needed for vertical alignmentn */nn.uk-overlay-area:not(:empty):before {n content: '';n display: inline-block;n height: 100%;n vertical-align: middle;n}nn/*n * 1. Set vertical alignmentn * 2. Reset whitespace hackn * 3. Set horizontal alignmentn * 4. Set stylen */nn.uk-overlay-area-content {n /* 1 */n display: inline-block;n box-sizing: border-box;n width: 100%;n vertical-align: middle;n /* 2 */n font-size: @overlay-area-content-font-size;n /* 3 */n text-align: center;n /* 4 */n padding: 0 @overlay-area-content-padding-horizontal;n color: @overlay-area-content-color;n .hook-overlay-area-content;n}nn/*n * Remove margin from the last-childn */nn.uk-overlay-area-content > :last-child { margin-bottom: 0; }nn/*n * Links in overlay arean */nn.uk-overlay-area-content a:not([class]),n.uk-overlay-area-content a:not([class]):hover { color: @overlay-area-content-link-color; }nnn/* DEPRECATEDn * Sub-object `uk-overlay-caption`n ========================================================================== */nn/*n * 1. Set positionn * 2. Set stylen * 3. Fade-in transitionn */nn.uk-overlay-caption {n /* 1 */n position: absolute;n bottom: 0;n left: 0;n right: 0;n /* 2 */n padding: @overlay-caption-padding;n background: @overlay-caption-background;n color: @overlay-caption-color;n /* 3 */n opacity: 0;n -webkit-transition: opacity 0.15s linear;n transition: opacity 0.15s linear;n -webkit-transform: translate3d(0,0,0);n .hook-overlay-caption;n}nn/*n * Hovern * 1. `uk-hover` to support touch devicesn * 2. Use optional `uk-overlay-toggle` to trigger the overlay earliern */nn.uk-overlay:hover .uk-overlay-caption,n.uk-overlay.uk-hover .uk-overlay-caption, // 1n.uk-overlay-toggle:hover .uk-overlay-caption, // 2n.uk-overlay-toggle.uk-hover .uk-overlay-caption { opacity: 1; }nnn// Hooksn// ========================================================================nn.hook-overlay-misc;nn.hook-overlay-panel() {}n.hook-overlay-background() {}n.hook-overlay-image() {}n.hook-overlay-icon() {}n.hook-overlay-misc() {}nn// DEPRECATEDn.hook-overlay-area() {}n.hook-overlay-area-icon() {}n.hook-overlay-area-content() {}n.hook-overlay-caption() {}nn// Name: Columnn// Description: Provides a responsive, fluid and nestable columns for text and inline elementsn//n// Component: `uk-column`n//n// Modifiers: `uk-column-small`n// `uk-column-medium-*`n//n// ========================================================================nnn// Variablesn// ========================================================================nn@column-gutter: 25px;nnn/* ========================================================================n Component: Colu mnn ========================================================================== */nn[class*=’uk-column-‘] {n -webkit-column-gap: @column-gutter;n -moz-column-gap: @column-gutter;n column-gap: @column-gutter;n .hook-column;n}nnn/* Width modifiersn ========================================================================== */nn.uk-column-1-2 {n -webkit-column-count: 2;n -moz-column-count: 2;n column-count: 2;n}nn.uk-column-1-3 {n -webkit-column-count: 3;n -moz-column-count: 3;n column-count: 3;n}nn.uk-column-1-4 {n -webkit-column-count: 4;n -moz-column-count: 4;n column-count: 4;n}nn.uk-column-1-5 {n -webkit-column-count: 5;n -moz-column-count: 5;n column-count: 5;n}nn.uk-column-1-6 {n -webkit-column-count: 6;n -moz-column-count: 6;n column-count: 6;n}nn/* Phone landscape and bigger */n@media (min-width: @breakpoint-small) {nn .uk-column-small-1-2 {n -webkit-column-count: 2;n -moz-column-count: 2;n column-count: 2;n }nn .uk-column-small-1-3 {n -webkit-column-count: 3;n -moz-column-count: 3;n column-count: 3;n }nn .uk-column-small-1-4 {n -webkit-column-count: 4;n -moz-column-count: 4;n column-count: 4;n }nn .uk-column-small-1-5 {n -webkit-column-count: 5;n -moz-column-count: 5;n column-count: 5;n }nn .uk-column-small-1-6 {n -webkit-column-count: 6;n -moz-column-count: 6;n column-count: 6;n }nn}nn/* Tablet and bigger */n@media (min-width: @breakpoint-medium) {nn .uk-column-medium-1-2 {n -webkit-column-count: 2;n -moz-column-count: 2;n column-count: 2;n }nn .uk-column-medium-1-3 {n -webkit-column-count: 3;n -moz-column-count: 3;n column-count: 3;n }nn .uk-column-medium-1-4 {n -webkit-column-count: 4;n -moz-column-count: 4;n column-count: 4;n }nn .uk-column-medium-1-5 {n -webkit-column-count: 5;n -moz-column-count: 5;n column-count: 5;n }nn .uk-column-medium-1-6 {n -webkit-column-count: 6;n -moz-column-count: 6;n column-count: 6;n }nn}nn/* Desktop and bigger */n@media (min-width: @breakpoint-large) {nn .uk-column-large-1-2 {n -webkit-column-count: 2;n -moz-column-count: 2;n column-count: 2;n }nn .uk-column-large-1-3 {n -webkit-column-count: 3;n -moz-column-count: 3;n column-count: 3;n }nn .uk-column-large-1-4 {n -webkit-column-count: 4;n -moz-column-count: 4;n column-count: 4;n }nn .uk-column-large-1-5 {n -webkit-column-count: 5;n -moz-column-count: 5;n column-count: 5;n }nn .uk-column-large-1-6 {n -webkit-column-count: 6;n -moz-column-count: 6;n column-count: 6;n }nn}nn/* Large screen and bigger */n@media (min-width: @breakpoint-xlarge) {nn .uk-column-xlarge-1-2 {n -webkit-column-count: 2;n -moz-column-count: 2;n column-count: 2;n }nn .uk-column-xlarge-1-3 {n -webkit-column-count: 3;n -moz-column-count: 3;n column-count: 3;n }nn .uk-column-xlarge-1-4 {n -webkit-column-count: 4;n -moz-column-count: 4;n column-count: 4;n }nn .uk-column-xlarge-1-5 {n -webkit-column-count: 5;n -moz-column-count: 5;n column-count: 5;n }nn .uk-column-xlarge-1-6 {n -webkit-column-count: 6;n -moz-column-count: 6;n column-count: 6;n }n}nnn// Hooksn// ========================================================================nn.hook-column-misc;nn.hook-column() {}n.hook-column-misc() {}nn// Name: Animationn// Description: Provides a useful set of keyframe animations n//n// Component: `uk-animation-*`n//n// Modifiers: `uk-animation-fade`n// `uk-animation-scale-up`n// `uk-animation-scale-down`n// `uk-animation-slide-top`n// `uk-animation-slide-bottom`n// `uk-animation-slide-left`n// `uk-animation-slide-right`n// `uk-animation-scale`n// `uk-animation-shake`n// `uk-animation-reverse`n// `uk-animation-15`n// `uk-animation-top-left`n// `uk-animation-top-center`n// `uk-animation-top-right`n// `uk-animation-middle-left`n// `uk-animation-middle-right`n// `uk-animation-bottom-left`n// `uk-animation-bottom-center`n// `uk-animation-bottom-right`n//n// Sub-objects: `uk-anim ation-hover`n//n// Uses: Scrollspyn//n// Used by: Dropdownn// Iconn// Searchn// Datepickern// Slideshown//n// ========================================================================nnn/* ========================================================================n Component: Animationn ========================================================================== */nn[class*=’uk-animation-‘] {n -webkit-animation-duration: 0.5s;n animation-duration: 0.5s;n -webkit-animation-timing-function: ease-out;n animation-timing-function: ease-out;n -webkit-animation-fill-mode: both;n animation-fill-mode: both;n}nn/* Hide animated element if scrollspy is used */n@media screen {nn [data-uk-scrollspy*=’uk-animation-‘]:not([data-uk-scrollspy*=’target’]) { opacity: 0; }nn}nn/*n * Faden * Higher specificity (!important) needed because of reverse modifiern */nn.uk-animation-fade {n -webkit-animation-name: uk-fade;n animation-name: uk-fade;n -webkit-animation-duration: 0.8s;n animation-duration: 0.8s;n -webkit-animation-timing-function: linear !important;n animation-timing-function: linear !important;n}nn/*n * Fade with scalen */nn.uk-animation-scale-up {n -webkit-animation-name: uk-fade-scale-02;n animation-name: uk-fade-scale-02;n}nn.uk-animation-scale-down {n -webkit-animation-name: uk-fade-scale-18;n animation-name: uk-fade-scale-18;n}nn/*n * Fade with sliden */nn.uk-animation-slide-top {n -webkit-animation-name: uk-fade-top;n animation-name: uk-fade-top;n}nn.uk-animation-slide-bottom {n -webkit-animation-name: uk-fade-bottom;n animation-name: uk-fade-bottom;n}nn.uk-animation-slide-left {n -webkit-animation-name: uk-fade-left;n animation-name: uk-f ade-left;n}nn.uk-animation-slide-right {n -webkit-animation-name: uk-fade-right;n animation-name: uk-fade-right;n}nn/*n * Scalen */nn.uk-animation-scale {n -webkit-animation-name: uk-scale-12;n animation-name: uk-scale-12;n}nn/*n * Shaken */nn.uk-animation-shake {n -webkit-animation-name: uk-shake;n animation-name: uk-shake;n}nnn/* Direction modifiersn ========================================================================== */nn.uk-animation-reverse {n -webkit-animation-direction: reverse;n animation-direction: reverse;n -webkit-animation-timing-function: ease-in;n animation-timing-function: ease-in;n}nnn/* Duration modifiersn========================================================================== */nn.uk-animation-15 {n -webkit-animation-duration: 15s;n animation-duration: 15s;n}nnn/* Origin modifiersn========================================================================== */nn.uk-ani mation-top-left {n -webkit-transform-origin: 0 0;n transform-origin: 0 0;n}nn.uk-animation-top-center {n -webkit-transform-origin: 50% 0;n transform-origin: 50% 0;n}nn.uk-animation-top-right {n -webkit-transform-origin: 100% 0;n transform-origin: 100% 0;n}nn.uk-animation-middle-left {n -webkit-transform-origin: 0 50%;n transform-origin: 0 50%;n}nn.uk-animation-middle-right {n -webkit-transform-origin: 100% 50%;n transform-origin: 100% 50%;n}nn.uk-animation-bottom-left {n -webkit-transform-origin: 0 100%;n transform-origin: 0 100%;n}nn.uk-animation-bottom-center {n -webkit-transform-origin: 50% 100%;n transform-origin: 50% 100%;n}nn.uk-animation-bottom-right {n -webkit-transform-origin: 100% 100%;n transform-origin: 100% 100%;n}nnn/* Sub-object: `uk-animation-hover`n========================================================================== */nn/*n * Enable animation only on ho vern * Note: Firefox also needs this because animations are not triggered when switching between display `hidden` and `block`n */nn.uk-animation-hover:not(:hover),n.uk-animation-hover:not(:hover) [class*=’uk-animation-‘],n.uk-touch .uk-animation-hover:not(.uk-hover),n.uk-touch .uk-animation-hover:not(.uk-hover) [class*=’uk-animation-‘] {n -webkit-animation-name: none;n animation-name: none;n}nnn/* Keyframes: Faden * Used by dropdown, datepicker and slideshow componentn ========================================================================== */nn@-webkit-keyframes uk-fade {n 0% { opacity: 0; }n 100% { opacity: 1; }n}nn@keyframes uk-fade {n 0% { opacity: 0; }n 100% { opacity: 1; }n}nnn/* Keyframes: Fade with sliden ========================================================================== */nn/*n * Topn */nn@-webkit-keyframes uk-fade-top {n 0% {n opacity: 0;n -webkit-transform: translateY(-100%);n }n 100% {n opacity: 1;n -webkit-transform: translateY(0);n }n}nn@keyframes uk-fade-top {n 0% {n opacity: 0;n transform: translateY(-100%);n }n 100% {n opacity: 1;n transform: translateY(0);n }n}nn/*n * Bottomn */nn@-webkit-keyframes uk-fade-bottom {n 0% {n opacity: 0;n -webkit-transform: translateY(100%);n }n 100% {n opacity: 1;n -webkit-transform: translateY(0);n }n}nn@keyframes uk-fade-bottom {n 0% {n opacity: 0;n transform: translateY(100%);n }n 100% {n opacity: 1;n transform: translateY(0);n }n}nn/*n * Leftn */nn@-webkit-keyframes uk-fa de-left {n 0% {n opacity: 0;n -webkit-transform: translateX(-100%);n }n 100% {n opacity: 1;n -webkit-transform: translateX(0);n }n}nn@keyframes uk-fade-left {n 0% {n opacity: 0;n transform: translateX(-100%);n }n 100% {n opacity: 1;n transform: translateX(0);n }n}nn/*n * Rightn */nn@-webkit-keyframes uk-fade-right {n 0% {n opacity: 0;n -webkit-transform: translateX(100%);n }n 100% {n opacity: 1;n -webkit-transform: translateX(0);n }n}nn@keyframes uk-fade-right {n 0% {n opacity: 0;n transform: translateX(100%);n }n 100% {n opacity: 1;n transform: translateX(0);n }n}nnn/* Keyframes: Fade with scalen ========================================================================== */nn/*n * Scale by 0.2n */nn@-webkit-keyframes uk-fade-scale-02 {n 0% {n opacity: 0;n -webkit-transform: scale(0.2);n }n 100% {n opacity: 1;n -webkit-transform: scale(1);n }n}nn@keyframes uk-fade-scale-02 {n 0% {n opacity: 0;n transform: scale(0.2);n }n 100% {n opacity: 1;n transform: scale(1);n }n}nn/*n * Scale by 1.5n * Used by slideshow componentn */nn@-webkit-keyframes uk-fade-scale-15 {n 0% {n opacity: 0;n -webkit-transform: scale(1.5);n }n 100% {n opacity: 1;n -webkit-transform: scale(1);n }n}nn@keyframes uk-fade-scale-15 {n 0% {n opacity: 0;n transform: scale(1.5);n }n 100% {n opacity: 1;n transform: scale(1);n }n}nn/*n * Scale by 1.8n */nn@-webkit-keyframes uk-fade-scale-18 {n 0% {n opacity: 0;n -webkit-transform: scale(1.8);n }n 100% {n opacity: 1;n -webkit-transform: scale(1);n }n}nn@keyframes uk-fade-scale-1 8 {n 0% {n opacity: 0;n transform: scale(1.8);n }n 100% {n opacity: 1;n transform: scale(1);n }n}nnn/* Keyframes: Sliden * Used by slideshow componentn ========================================================================== */nn/*n * Leftn */nn@-webkit-keyframes uk-slide-left {n 0% { -webkit-transform: translateX(-100%); }n 100% { -webkit-transform: translateX(0); }n}nn@keyframes uk-slide-left {n 0% { transform: translateX(-100%); }n 100% { transform: translateX(0); }n}nn/*n * Rightn */nn@-webkit-keyframes uk-slide-right {n 0% { -webkit-transform: translateX(100%); }n 100% { -webkit-transform: translateX(0); }n}nn@keyframes uk-slide-right {n 0% { transform: translateX(100%); }n 100% { transform: translateX(0); }n}nn/*n * Left thirdn */nn@-webkit-keyframes uk-slide-left-33 {n 0% { -webkit-transform: translateX(33%); }n 100% { -webkit-transform: translateX(0); }n}nn@keyframes uk-slide-left-33 {n 0% { transform: translateX(33%); }n 100% { transform: translateX(0); }n}nn/*n * Right thirdn */nn@-webkit-keyframes uk-slide-right-33 {n 0% { -webkit-transform: translateX(-33%); }n 100% { -webkit-transform: translateX(0); }n}nn@keyframes uk-slide-right-33 {n 0% { transform: translateX(-33%); }n 100% { transform: translateX(0); }n}nnn/* Keyframes: Scalen ========================================================================== */nn@-webkit-keyframes uk-scale-12 {n 0% { -webkit-transform: scale(1.2); }n 100% { -webkit-transform: scale(1); }n}nn@keyframes uk-scale-12 {n 0% { transform: scale(1.2); }n 100% { transform: scale(1); }n}nnn/* Keyframes: Rotaten * Used by icon componentn ========================================================================== */nn@-webkit-keyframes uk-rotate {n 0% { -webkit-transform: rotate(0deg); }n 100% { -webkit-transform: rotate(359deg); }n}nn@keyframes uk-rotate {n 0% { transform: rotate(0deg); }n 100% { transform: rotate(359deg); }n}nnn/* Keyframes: Shaken ========================================================================== */nn@-webkit-keyframes uk-shake {n 0%, 100% { -webkit-transform: translateX(0); }n 10% { -webkit-transform: translateX(-9px); }n 20% { -webkit-transform: translateX(8px); }n 30% { -webkit-transform: translateX(-7px); }n 40% { -webkit-transform: translateX(6px); }n 50% { -webkit-transform: translateX(-5px); }n 60% { -webkit-transform: translateX(4px); }n 70% { -webkit-transform: translateX(-3px); }n 80% { -webkit-transform: translateX(2px); }n 90% { -webkit-transform: translateX(-1px); }n}nn@keyframes uk-shake {n 0%, 100% { transform: translateX(0); }n 10% { transform: translateX(-9px); }n 20% { transform: translateX(8px); }n 30% { transform: translateX(-7px); }n 40% { transform: translateX(6px); }n 50% { transform: translateX(-5px); }n 60% { transform: translateX(4px); }n 70% { transform: translateX(-3px); }n 80% { transform: translateX(2px); }n 90% { transform: translateX(-1px); }n}nnn/* Keyframes: Fade with slide fixedn * Used by dropdown and search componentn ========================================================================== */nn/*n * Top fixedn */nn@-webkit-keyframes uk-slide-top-fixed {n 0% {n opacity: 0;n -webkit-transform: translateY(-10px);n }n 100% {n opacity: 1;n -webkit-transform: translateY(0);n }n}nn@keyframes uk-slide-top-fixed {n 0% {n opacity: 0;n transform: translateY(-10px);n }n 100% {n opacity: 1;n transform: translateY(0);n }n}nn/*n * Bottom fixedn */nn@-webkit-keyframes uk-slide-bottom-fixed {n 0% {n opacity: 0;n -webkit-transform: translateY(10px);n }n 100% {n opacity: 1;n -webkit-transform: translateY(0);n }n}nn@keyframes uk-slide-bottom-fixed {n 0% {n opacity: 0;n transform: translateY(10px);n }n 100% {n opacity: 1;n transform: translateY(0);n }n}nnn// Hooksn// ========================================================================nn.hook-animation-misc;nn.hook-animation-misc() {}nnn// JavaScriptn// Name: Dropdownn// Description: Defines styles for a toggleable dropdownn//n// Component: `uk-dropdown`n//n// Sub-objects: `uk-dropdown-overlay`n//n// Modifiers: `uk-dropdown-blank`n// `uk-dropdown-top`n// `uk-dropdown-bottom`n// `uk-dropdown-left`n// `uk-dropdown-right`n// `uk-dropdown-justify`n// `uk-dropdown-grid`n// `uk-dropdown-width-2`n// `uk-dropdown-width-3`n// `uk-dropdown-width-4`n// `uk-dropdown-width-5`n// `uk-dropdown-stack`n// `uk-dropdown-small`n// `uk-dr opdown-navbar`n// `uk-dropdown-scrollable`n//n// States: `uk-open`n//n// Uses: Animationn// Grid: `uk-width-*`n// Panel: `uk-panel`n// Nav: `uk-nav`n//n// ========================================================================nnn// Variablesn// ========================================================================nn@dropdown-z-index: 970;n@dropdown-width: 200px;n@dropdown-margin-top: 5px;n@dropdown-padding: 15px;n@dropdown-background: #f5f5f5;n@dropdown-color: #444;n@dropdown-font-size: 1rem;n@dropdown-animation: uk-fade;nn@dropdown-divider-border-width: 1px;n@dropdown-divider-border: #dd d;nn@dropdown-small-padding: 5px;nn@dropdown-navbar-margin: 0;n@dropdown-navbar-background: #f5f5f5;n@dropdown-navbar-color: #444;n@dropdown-navbar-animation: uk-slide-top-fixed;nn@dropdown-scrollable-height: 200px;nnn/* ========================================================================n Component: Dropdownn ========================================================================== */nn/*n * 1. Hide by defaultn * 2. Set positionn * 3. Box-sizing is needed for `uk-dropdown-justify`n * 4. Set widthn */nn.uk-dropdown,n.uk-dropdown-blank {n /* 1 */n display: none;n /* 2 */n position: absolute;n z-index: @dropdown-z-index;n /* 3 */n box-sizing: border-box;n /* 4 */n width: @dropdown-width;n}nn/*n * Dropdown stylen * 1. Reset button group whitespace hackn */nn.uk-dropdown {n padding: @dropdown-padding;n background: @dropdown-background;n color: @dropdown-color;n /* 1 */n font-size: @dropdown-font-size;n vertical-align: top;n .hook-dropdown;n}nn/*n * 1. Show dropdownn * 2. Set animationn * 3. Needed for scale animationn */nn.uk-open > .uk-dropdown,n.uk-open > .uk-dropdown-blank {n /* 1 */n display: block;n /* 2 */n -webkit-animation: @dropdown-animation 0.2s ease-in-out;n animation: @dropdown-animation 0.2s ease-in-out;n /* 3 */n -webkit-transform-origin: 0 0;n transform-origin: 0 0;n}nn/* Alignment modifiersn ========================================================================== */nn/*n * Modifiern */nn.uk-dropdown-top { margin-top: (-1 * @dropdown-margin-top); }n.uk-dropdown-bottom { margin-top: @dropdown-margin-top; }n.uk-dropdown-left { margin-left: (-1 * @dropdown-margin-top); }n.uk-dropdown-right { margin-left: @dropdown-margin-top; }nnn/* Nav in dropdownn ========================================================================== */nn.uk-dropdown .uk-nav { margin: 0 (-@dropdown-padding); }nnn/* Grid and panel in dropdownn ========================================================================== */nn/*n* Vertical guttern*/nn/*n * Gridn * Higher specificity to override large guttern */nn.uk-grid .uk-dropdown-grid + .uk-dropdown-grid { margin-top: @dropdown-padding; }nn/* Panels */n.uk-dropdown-grid > [class*=’uk-width-‘] > .uk-panel + .uk-panel { margin-top: @dropdown-padding; }nn/* Tablet and bigger */n@media (min-width: @breakpoint-medium) {nn /*n * Horizontal guttern */nn .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid {n margin-left: -@dropdown-padding ;n margin-right: -@dropdown-padding;n }nn .uk-dropdown:not(.uk-dropdown-stack) > .uk-dropdown-grid > [class*=’uk-width-‘] {n padding-left: @dropdown-padding;n padding-right: @dropdown-padding;n }nn /*n * Column dividern */nn .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; }nn /*n * Width multiplier for dropdown columnsn */nn .uk-dropdown-width-2:not(.uk-dropdown-stack) { width: (@dropdown-width * 2); }n .uk-dropdown-width-3:not(.uk-dropdown-stack) { width: (@dropdown-width * 3); }n .uk-dropdown-width-4:not(.uk-dropdown-stack) { width: (@dropdown-width * 4); }n .uk-dropdown-width-5:not(.uk-dropdown-stack) { width: (@dropdown-width * 5); }nn}nn/* Phone landscape and smaller */n@media (max-width: @breakpoint-small-max) {nn /*n * Stack columns and take full widthn */nn .uk-dropdown-grid > [class*=’uk-width-‘] { width: 100%; }nn /*n * Vertical guttern */nn .uk-dropdown-grid > [class*=’uk-width-‘]:nth-child(n+2) { margin-top: @dropdown-padding; }nn}nn/*n* Stack grid columnsn*/nn.uk-dropdown-stack > .uk-dropdown-grid > [class*=’uk-width-‘] { width: 100%; }nn.uk-dropdown-stack > .uk-dropdown-grid > [class*=’uk-width-‘]:nth-child(n+2) { margin-top: @dropdown-padding; }nnnn/* Modifier `uk-dropdown-small`n ========================================================================== */nn/*n * Set min-width and text expands dropdown if neededn */nn.uk-dropdown-small {n min-width: 150px;n width: auto;n padding: @dropdown-small-padding;n white-space: nowrap;n}nn/*n * Nav in dropdownn */nn.uk-dropdown-small .uk-nav { margin: 0 (-@dropdown-small-padding); }nnn/* Modifier: `uk-dropdown-navbar`n ========================================================================== */nn.uk-dropdown-navbar {n margin-top: @dropdown-navbar-margin;n background: @dropdown-navbar-background;n color: @dropdown-navbar-color;n .hook-dropdown-navbar;n}nn.uk-open > .uk-dropdown-navbar {n -webkit-animation: @dropdown-navbar-animation 0.2s ease-in-out;n animation: @dropdown-navbar-animation 0.2s ease-in-out;n}nnn/* Modifier `uk-dropdown-scrollable`n ========================================================================== */nn/*n * Usefull for long listsn */nn.uk-dropdown-scrollable {n overflow-y: auto;n max-height: @dropdown-scrollable-height;n}nnn/* Sub-object: `uk-dropdown-overlay`n ========================================================================== */nn.uk-dropdown-overlay {n .hook-dropdown-overlay;n}nnnn// Hooksn// ========================================================= ===============nn.hook-dropdown-misc;nn.hook-dropdown() {}n.hook-dropdown-navbar() {}n.hook-dropdown-overlay() {}n.hook-dropdown-misc() {}nn// Name: Modaln// Description: Defines styles for modal dialogsn//n// Component: `uk-modal`n//n// Sub-objects: `uk-modal-dialog`n// `uk-modal-close`n// `uk-modal-header`n// `uk-modal-footer`n// `uk-modal-caption`n// `uk-modal-spinner`n//n// Modifiers: `uk-modal-dialog-lightbox`n// `uk-modal-dialog-blank`n// `uk-modal-dialog-large`n//n// States: `uk-open`n//n// Uses: Close: `uk-close`n//n// Markup:n//n// n// n//

n//n// ========== ==============================================================nnn// Variablesn// ========================================================================nn@modal-z-index: 1010;n@modal-background: rgba(0,0,0,0.6);nn@modal-dialog-margin-vertical: 50px;n@modal-dialog-padding: 20px;n@modal-dialog-width: 600px;n@modal-dialog-background: #fff;nn@modal-dialog-large-width: 930px;n@modal-dialog-large-width-large: 1130px;nn@modal-header-margin-bottom: 15px;nn@modal-footer-margin-top: 15px;nn@modal-caption-margin-bottom: -10px;n@modal-caption-color: #fff;nnn/* ========================================================================n Component: Modaln ============================================= ============================= */nn/*n * This is the modal overlay and modal dialog containern * 1. Hide by defaultn * 2. Set fixed positionn * 3. Allow scrolling for the modal dialogn * 4. Mask the background pagen * 5. Fade-in transitionn * 6. Deactivate browser history navigation in IE11n * 7. force hardware acceleration to prevent browser rendering hiccupsn */nn.uk-modal {n /* 1 */n display: none;n /* 2 */n position: fixed;n top: 0;n right: 0;n bottom: 0;n left: 0;n z-index: @modal-z-index;n /* 3 */n overflow-y: auto;n -webkit-overflow-scrolling: touch;n /* 4 */n background: @modal-background;n /* 5 */n opacity: 0;n -webkit-transition: opacity 0.15s linear;n transition: opacity 0.15s linear;n /* 6 */n touch-action: cross-slide-y pinch-zoom double-tap-zoom;n /* 7 */n -webkit-transform: translateZ(0);n transform: translateZ(0);n .hook-modal;n}nn/*n * Open staten */nn.uk-modal.uk-open { opacity: 1; }nn/*n * Prevents duplicated scrollbar caused by 4.n */nn.uk-modal-page,n.uk-modal-page body { overflow: hidden; }nnn/* Sub-object: `uk-modal-dialog`n ========================================================================== */nn/*n * 1. Create position context for caption, spinner and close buttonn * 2. Set box sizingn * 3. Set stylen * 4. Slide-in transitionn */nn.uk-modal-dialog {n /* 1 */n position: relative;n /* 2 */n box-sizing: border-box;n margin: @modal-dialog-margin-vertical auto;n padding: @modal-dialog-padding;n width: @modal-dialog-width;n max-width: 100%;n max-width: ~"calc(100% – 20px)";n /* 3 */n background: @modal-dialog-background;n /* 4 */n opacity: 0;n -webkit-transform: translateY(-100px);n transform: translateY(-100px);n -webkit-transition: opacity 0.3s linear, -webkit-transform 0.3s ease-out;n transition: opacity 0.3s linear, transform 0.3s ease-out;n .hook-modal-dialog;n}nn/* Phone landscape and smaller */n@media (max-width: @breakpoint-small-max) {nn /*n * Fit in small screenn */nn .uk-modal-dialog {n width: auto;n margin: 10px auto;n }nn}nn/*n * Open staten */nn.uk-open .uk-modal-dialog {n /* 4 */n opacity: 1;n -webkit-transform: translateY(0);n transform: translateY(0);n}nn/*n * Remove margin from the last-childn */nn.uk-modal-dialog > :not([class*=’uk-modal-‘]):last-child { margin-bottom: 0; }nnn/* Close in modaln ========================================================================== */nn.uk-modal-dialog > .uk-close:first-child {n margin: -10px -10px 0 0;n float: right;n}nn/*n * Remove margin from adjacent elementn */nn .uk-modal-dialog > .uk-close:first-child + :not([class*=’uk-modal-‘]) { margin-top: 0; }nnn/* Modifier: `uk-modal-dialog-lightbox`n ========================================================================== */nn.uk-modal-dialog-lightbox {n margin: 15px auto;n padding: 0;n max-width: 95%;n max-width: ~"calc(100% – 30px)";n min-height: 50px;n .hook-modal-dialog-lightbox;n}nn/*n * Close buttonn */nn.uk-modal-dialog-lightbox > .uk-close:first-child {n position: absolute;n top: -12px;n right: -12px;n margin: 0;n float: none;n}nn/* Phone landscape and smaller */n@media (max-width: @breakpoint-small-max) {nn .uk-modal-dialog-lightbox > .uk-close:first-child {n top: -7px;n right: -7px;n }nn}nn/* Modifier: `uk-modal-dialog-blank`n ========================================================================== */nn.uk-modal-dialog-blank {n margin: 0;n padding: 0;n width: 100%;n max-width: 100%;n -webkit-transition: opacity 0.3s linear;n transition: opacity 0.3s linear;n}nn/*n* Close buttonn*/nn.uk-modal-dialog-blank > .uk-close:first-child {n position: absolute;n top: 20px;n right: 20px;n z-index: 1;n margin: 0;n float: none;n}nnn/* Modifier: `uk-modal-dialog-large`n ========================================================================== */nn/* Tablet and bigger */n@media (min-width: @breakpoint-medium) {nn .uk-modal-dialog-large { width: @modal-dialog-large-width; }nn}nn/* Large screen and bigger */n@media (min-width: @breakpoint-xlarge) {nn .uk-modal-dialog-large { width: @modal-dialog-large-width-large; }nn}nnn/* Sub-Object: `uk-modal-header` and `uk-modal-footer`n ========================================================================== */nn.uk-modal-header {n margin-bottom: @modal-header-margin-bottom;n .hook-modal-header;n}nn.uk-modal-footer {n margin-top: @modal-footer-margin-top;n .hook-modal-footer;n}nn/*n * Remove margin from the last-childn */nn.uk-modal-header > :last-child,n.uk-modal-footer > :last-child { margin-bottom: 0; }nnn/* Sub-Object: `uk-modal-caption`n ========================================================================== */nn.uk-modal-caption {n position: absolute;n left: 0;n right: 0;n bottom: (-@modal-dialog-padding);n margin-bottom: @modal-caption-margin-bottom;n color: @modal-caption-color;n text-align: center;n overflow: hidden;n text-overflow: ellipsis;n white-space: nowrap;n .hook-modal-caption;n}nnn/* Sub-Object: `uk-modal-spinner`n ========================================================================== */nn.uk-modal-spinner {n position: absolute;n top: 50%;n left: 50%;n -webkit-transform: translate(-50%,-50%);n transform: translate(-50%,-50%);n font-size: 25px;n color: #ddd;n .hook-modal-spinner;n}nn.uk-modal-spinner:after {n content: "\f110";n display: block;n font-family: FontAwesome;n -webkit-animation: uk-rotate 2s infinite linear;n animation: uk-rotate 2s i nfinite linear;n}nnn// Hooksn// ========================================================================nn.hook-modal-misc;nn.hook-modal() {}n.hook-modal-dialog() {}n.hook-modal-dialog-lightbox() {}n.hook-modal-header() {}n.hook-modal-footer() {}n.hook-modal-caption() {}n.hook-modal-spinner() {}n.hook-modal-misc() {}nn// Name: Off-canvasn// Description: Defines styles for an off-canvas sidebar that slides in and out of the pagen//n// Component: `uk-offcanvas`n//n// Sub-objects: `uk-offcanvas-page`n// `uk-offcanvas-bar`n// `uk-offcanvas-close`n//n// Modifiers: `uk-offcanvas-bar-flip`n//n// States: `uk-active`n//n// Uses: Panel: `uk-panel`n//n// Markup:n//n// n// Openn//

n//

n//

n//n// ======================================================= =================nnn// Variablesn// ========================================================================nn@offcanvas-z-index: 1000;n@offcanvas-background: rgba(0,0,0,0.1);nn@offcanvas-bar-width: 270px;n@offcanvas-bar-background: #333;nn@offcanvas-panel-margin: 20px 15px;n@offcanvas-panel-color: #777;n@offcanvas-panel-link-color: #ccc;n@offcanvas-panel-link-hover-color: #fff;n@offcanvas-panel-title-color: @offcanvas-panel-link-color;nnn/* ========================================================================n Component: Off-canvasn ========================================================================== */nn/*n * This is the offcanvas overlay and bar containern * 1. Hide by defaultn * 2. Set fixed positionn * 3. Deactivate browser touch actions in IE 11n * 4. Mask the background pagen */nn.uk-offcanvas {n /* 1 */n display: none;n /* 2 */n position: fixed;n top: 0;n right: 0;n bottom: 0;n left: 0;n z-index: @offcanvas-z-index;n /* 3 */n touch-action: none;n /* 4 */n background: @offcanvas-background;n .hook-offcanvas;n}nn.uk-offcanvas.uk-active { display: block; }nnn/* Sub-object `uk-offcanvas-page`n ========================================================================== */nn/*n * Prepares the whole HTML page to slide-outn * 1. Fix the main page and disallow scrollingn * 2. Side-out transitionn */nn.uk-offcanvas-page {n /* 1 */n position: fixed;n /* 2 */n -webkit-transition: margin-left 0.3s ease-in-out;n transition: margin-left 0.3s ease-in-out;n}nnn/* Sub-object `uk-offcanvas-bar`n ========================================================================== */nn/*n * This is the offcanvas barn * 1. Set fixed positionn * 2. Size and stylen * 3. Allow scrollingn * 4. Side-out transitionn * 5. Deactivate scroll chaining in IE11n */nn.uk-offcanvas-bar {n /* 1 */n position: fixed;n top: 0;n bottom: 0;n left: 0;n -webkit-transform: translateX(-100%);n transform: translateX(-100%);n z-index: @offcanvas-z-index + 1;n /* 2 */n width: @offcanvas-ba r-width;n max-width: 100%;n background: @offcanvas-bar-background;n /* 3 */n overflow-y: auto;n -webkit-overflow-scrolling: touch;n /* 4 */n -webkit-transition: -webkit-transform 0.3s ease-in-out;n transition: transform 0.3s ease-in-out;n /* 5 */n -ms-scroll-chaining: none;n .hook-offcanvas-bar;n}nn.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show {n -webkit-transform: translateX(0%);n transform: translateX(0%);n}nn/* Modifier `uk-offcanvas-bar-flip`n ========================================================================== */nn.uk-offcanvas-bar-flip {n left: auto;n right: 0;n -webkit-transform: translateX(100%);n transform: translateX(100%);n}nnn/* Panel in offcanvasn ========================================================================== */nn.uk-offcanvas .uk-panel {n margin: @offcanvas-panel-margin;n color: @offcanvas-panel-color;n .hook-offcanvas-panel;n}nn .uk-offcanvas .uk-panel-title { color: @offcanvas-panel-title-color; }nn.uk-offcanvas .uk-panel a:not([class]) { color: @offcanvas-panel-link-color; }n.uk-offcanvas .uk-panel a:not([class]):hover { color: @offcanvas-panel-link-hover-color; }nnn// Hooksn// ========================================================================nn.hook-offcanvas-misc;nn.hook-offcanvas() {}n.hook-offcanvas-bar() {}n.hook-offcanvas-panel() {}n.hook-offcanvas-misc() {}n// Name: Switchern// Description: Defines styles for the switchern//n// Component: `uk-switcher`n//n// States: `uk-active`n//n// ========================================================================nnn/* ========================================================================n Component: Switchern ========================================================================== */nn/*n * 1. Deactivate browser history navigation in IE11n */n.uk-switcher {n margin: 0;n padding: 0;n list-style: none;n /* 1 */n touch-action: cross-slide-y pinch-zoom double-tap-zoom;n}nn/*n * Itemsn */nn.uk-switcher > :not(.uk-active) { display: none; }nnn// Hooksn// ========================================================================nn.hook-switcher-misc;nn.hook-switcher-misc() {}nn// Need to be loaded lastn// Name: Textn// Description: Collection of useful text utility classes to style your contentn//n// Component: `uk-text-*`n//n// ========================================================================nnn// Variablesn// ========================================================================nn@text-small-font-size: 11px;n@text-small-line-height: 16px;n@text-large-font-size: 18px;n@text-large-line-height: 24px;n@text-large-font-weight: normal;nn@text-muted-color: #999;n@text-primary-color: #2d7091;n@text-success-color: #659f13;n@text-warning-color: #e28327;n@text-danger-color: #d85030;n@text-contrast-color: #fff;nnn/* ========================================================================n Component: Textn ========================================================================== */nn/* Size modifiersn ========================================================================== */nn.uk-text-small {n font-size: @text-small-font-size;n line-height: @text-small-line-height;n}nn.uk-text-large {n font-size: @text-large-font-size;n line-height: @text-large-line-height;n font-weight: @text-large-font-weight;n}nnn/* Weight modifiersn ========================================================================== */nn.uk-text-bold { font-weight: bold; }nnn/* Color modifiersn ========================================================================== */nn.uk-text-muted { color: @text-muted-color !important; }n.uk-text-primary { color: @text-primary-color !important; }n.uk-text-success { color: @text-success-color !important; }n.uk-text-warning { color: @text-warning-color !important; }n.uk-text-danger { color: @text-danger-color !important; }n.uk-text-contrast { color: @text-contrast-color !important; }nnn/* Alignment modifiersn ========================================================================== */nn.uk-text-left { text-align: left !important; }n.uk-text-right { text-align: right !important; }n.uk-text-center { text-align: center !important; }n.uk-text-justify { text-align: justify !important; }nn.uk-text-top { vertical-align: top !important; }n.uk-text-middle { vertical-align: middle !important; }n.uk-text-bottom { vertical-align: bottom !important; }nn/* Only tablets portrait and smaller */n@media (max-width: @breakpoint-medium-max) {nn .uk-text-center-medium { text-align: center !important; }n .uk-text-left-medium { text-align: left !important; }nn}nn/* Phone landscape and smaller */n@media (max-width: @breakpoint-small-max) {nn .uk-text-center-small { text-align: center !important; }n .uk-text-left-small { text-align: left !important; }nn}nnn/* Wrap modifiersn ========================================================================== */nn/*n * Prevent text from wrapping onto multiple linesn */nn.uk-text-nowrap { white-space: nowrap; }nn/*n * Prevent text from wrapping onto multiple lines, and truncate with an ellipsisn */nn.uk-text-truncate {n overflow: hidden;n text-overflow: ellipsis;n white-space: nowrap;n}nn/*n * Break strings if their length exceeds the width of their containern */nn.uk-text-break {n word-wrap: break-word;n -webkit-hyphens: auto;n -ms-hyphens: auto;n -moz-hyphens: auto;n hyphens: auto;n}nnn// Hooksn// ========================================================================nn.hook-text-misc;nn.hook-text-misc() {}n// Name: Utilityn// Description: Collection of useful utility classes to style your contentn//n// Component: `uk-container-*`n// `uk-clearfix`n// `uk-nbfc-*`n// `uk-float-*`n// `uk-align-*`n// `uk-vertical-align-*`n// `uk-height-*`n// `uk-responsive-*`n // `uk-margin-*`n// `uk-padding-*`n// `uk-border-*`n// `uk-heading-*`n// `uk-link-*`n// `uk-scrollable-*`n// `uk-overflow-*`n// `uk-position-*`n// `uk-display-*`n// `uk-visible-*`n// `uk-hidden-*`n// `uk-invisible`n//n// Used by: Overlayn//n// ========================================================================nnn// Variablesn// ========================================================================nn@utility-container-max-width: 980px;n@utility-container-padding-horizontal: 25px;nn@utility-container-large-max-width: 1200px;n@utility-container-large-padding-horizontal: 35px;nn@utility-align-horizontal: 15px;n@utility-align-vertical: 15px;nn@utility-height-viewport-min-height: 600px;nn@utility-margin: 15px;n@utility-margin-small: 5px;n@utility-margin-large: 50px;nn@utility-border-rounded: 5px;nn@utility-heading-large-small-font-size: 36px;n@utility-heading-large-small-line-height: 42px;n@utility-heading-large-font-size: 52px;n@utility-heading-large-line-height: 64px;nn@utility-link-muted-color: #444;n@utility-link-muted-hover-color: #444;nn@utility-scrollable-text-height: 300px;nn@utility-scrollable-box-height: 170px;n@utility-scrollable-box-padding: 10px;n@utility-scrollable-box-border: #ddd;n@utility-scrollable-box-border-width: 1px;nnn/* ========================================================================n Compon ent: Utilityn ========================================================================== */nn/* Containern ========================================================================== */nn.uk-container {n box-sizing: border-box;n max-width: @utility-container-max-width;n padding: 0 @utility-container-padding-horizontal;n .hook-container;n}nn/* Large screen and bigger */n@media (min-width: @breakpoint-xlarge) {nn .uk-container {n max-width: @utility-container-large-max-width;n padding: 0 @utility-container-large-padding-horizontal;n }nn}nn/*n * Micro clearfixn */nn.uk-container:before,n.uk-container:after {n content: "";n display: table;n}nn.uk-container:after { clear: both; }nn/*n * Center containern */nn.uk-container-center {n margin-left: auto;n margin-right: auto;n}nnn/* Clearingn ========================================================================== */nn/*n * Micro clearfixn* `table-cell` is used with `:before` because `table` creates a 1px gap when it becomes a flex item, only in Webkitn * `table` is used again with `:after` because `clear` only works with block elements.n * Note: `display: block` with `overflow: hidden` is currently not working in the latest Safarin */nn.uk-clearfix:before {n content: "";n display: table-cell;n}nn.uk-clearfix:after {n content: "";n display: table;n clear: both;n}nnn/*n * Create a new block formatting contextn */nn.uk-nbfc { overflow: hidden; }nn.uk-nbfc-alt {n display: table-cell;n width: 10000px;n}nnn/* Alignment of block elementsn ========================================================================== */nn/*n * Float blocksn * 1. Prevent content overflow on small devicesn */nn.uk-float-left { float: left; }n.uk-float-right { float: right; }nn/* 1 */n[class*=’uk-float-‘] { max-width: 100%; }nnn/* Alignment of images and objectsn ========================================================================== */nn/*n * Alignmentn */nn[class*=’uk-align-‘] {n display: block;n margin-bottom: @utility-align-vertical;n}nn.uk-align-left {n margin-right: @utility-align-horizontal;n float: left;n}nn.uk-align-right {n margin-left: @utility-align-horizontal;n float: right;n}nn/* Tablet and bigger */n@media (min-width: @breakpoint-medium) {nn .uk-align-medium-left {n margin-right: @utility-align-horizontal;n float: left;n }nn .uk-align-medium-right {n margin-left: @utility-align-horizontal;n float: right;n }nn}nn.uk-align-center {n margin-left: auto;n margin-right: auto;n}nnn/* Vertical alignmentn ========================================================================== */nn/*n * Remove whitespace between child elements when using `inline-block`n */nn.uk-vertical-align { f ont-size: 0.001px; }nn/*n * The `uk-vertical-align` container needs a specific heightn */nn.uk-vertical-align:before {n content: '';n display: inline-block;n height: 100%;n vertical-align: middle;n}nn/*n * Sub-object which can have any heightn * 1. Reset whitespace hackn */nn.uk-vertical-align-middle,n.uk-vertical-align-bottom {n display: inline-block;n max-width: 100%;n /* 1 */n font-size: 1rem;n}nn.uk-vertical-align-middle { vertical-align: middle; }n.uk-vertical-align-bottom { vertical-align: bottom; }nnn/* Heightn ========================================================================== */nn/*n * More robust if padding and border are usedn */nn[class*=’uk-height’] { box-sizing: border-box; }nn/*n * Useful to extend the `html` and `body` element to the full height of the page.n */nn.uk-height-1-1 { height: 100%; }nn/*n * Useful to create image teasersn */nn.uk-height-viewport {n height: 100vh;n min-height: @utility-height-viewport-min-height;n}nnn/* Responsive objectsn * Note: Images are already responsive by default, see Base componentn ========================================================================== */nn/*n * 1. Corrects `max-width` and `max-height` behavior if padding and border are usedn */nn.uk-responsive-width,n.uk-responsive-height { box-sizing: border-box; }nn/*n * Responsiveness: Sets a maximum width relative to the parent and auto scales the heightn * `important` needed to override `uk-img-preserve img`n */nn.uk-responsive-width {n max-width: 100% !important;n height: auto;n}nn/*n * Responsiveness: Sets a maximum height relative to the parent and auto scales the widthn * Only works if the parent element has a fixed height.n */nn.uk-responsive-height {n max-height: 100%;n width: auto;n}nnn/* Marginn ========================================================================== */nn/*n * Create a block with the same margin of a paragraphn * Add margin if adjacent elementn */nn.uk-margin { margin-bottom: @utility-margin; }n* + .uk-margin { margin-top: @utility-margin; }nn.uk-margin-top { margin-top: @utility-margin !important; }n.uk-margin-bottom { margin-bottom: @utility-margin !important; }n.uk-margin-left { margin-left: @utility-margin !important; }n.uk-margin-right { margin-right: @utility-margin !important; }nn/*n * Larger marginsn */nn.uk-margin-large { margin-bottom: @utility-margin-large; }n* + .uk-margin-large { margin-top: @utility-margin-large; }nn.uk-margin-large-top { margin-top: @utility-margin-large !important; }n.uk-margin-large-bottom { margin-bottom: @utility-margin-large !important; }n.uk-margin-large-left { margin-left: @utility-margin-large !important; }n.uk-margin-large-right { margin-right: @utility-margin-large !important; }nn/*n * Smaller marginsn */nn.uk-margin-small { margin-bottom: @utility-margin-small; }n* + .uk-margin-small { margin-top: @utility-margin-small; }nn.uk-margin-small-top { margin-top: @utility-margin-small !important; }n.uk-margin-small-bottom { margin-bottom: @utility-margin-small !important; }n.uk-margin-small-left { margin-left: @utility-margin-small !important; }n.uk-margin-small-right { margin-right: @utility-margin-small !important; }nn/*n * Remove marginsn */nn.uk-margin-remove { margin: 0 !important; }n.uk-margin-top-remove { margin-top: 0 !important; }n.uk-margin-bottom-remove { margin-bottom: 0 !important; }nnn/* Paddingn ========================================================================== */nn.uk-padding-remove { padding: 0 !important; }n.uk-padding-top-remove { padding-top: 0 !important; }n.uk-padding-bottom-remove { padding-bottom: 0 !important; }nn.uk-padding-vertical-remove {n padding-top: 0 !important;n padding-bottom: 0 !important;n}nn/* Bordern ========================================================================== */nn.uk-border-circle { border-radius: 50%; }n.uk-border-rounded { border-radius: @utility-border-rounded; }nnn/* Headingsn ========================================================================== */nn.uk-heading-large {n font-size: @utility-heading-large-small-font-size;n line-height: @utility-heading-large-small-line-height;n}nn/* Tablet and bigger */n@media (min-width: @breakpoint-medium) {nn .uk-heading-large {n font-size: @utility-heading-large-font-size;n line-height: @utility-heading-large-line-height;n }nn}nnn/* Linkn ========================================================================== */nn/*n * Let links appear in default text colorn */nn.uk-link-muted,n.uk-link-muted a { color: @utility-link-muted-color; }nn.uk-link-muted:hover,n.uk-link-muted a:hover { color: @utility-link-muted-hover-color; }nn/*n * Reset link stylen */nn.uk-link-reset,n.uk-link-reset a,n.uk-link-reset:hover,n.uk-link-reset a:hover,n.uk-link-reset:focus,n.uk-link-reset a:focus {n color: inherit;n text-decoration: none;n}nnn/* Scrollablen ========================================================================== */nn/*n * Enable scrolling for preformatted textn */nn.uk-scrollable-text {n height: @utility-scrollable-text-height;n overflow-y: scroll;n -webkit-overflow-scrolling: touch;n resize: both;n}nn/*n * Box with scrolling enabledn */nn.uk-scrollable-box {n box-sizing: border-box;n height: @utility-scrollable-box-height;n padding: @utility-scrollable-box-padding;n border: @utility-scrollable-box-border-width solid @utility-scrollable-box-border;n overflow: auto;n -webkit-overflow-scrolling: touch;n resize: both;n .hook-scrollable-box;n}nn.uk-scrollable-box > :last-child { margin-bottom: 0; }nnn/* Overflown ========================================================================== */nn.uk-overflow-hidden { overflow: hidden; }nn/*n * Enable scrollbars if content is clippedn */nn.uk-overflow-container {n overflow: auto;n -webkit-overflow-scrolling: touch;n}nn.uk-overflow-container > :last-child { margin-bottom: 0; }nnn/* Positionn ========================================================================== */nn.uk-position-absolute,n[class*=’uk-position-top’],n[class*=’uk-position-bottom’] { position: absolute !important; }nn/* Don't use `width: 100%` because it is wrong if the parent has padding. */n.uk-position-top {n top: 0;n left: 0;n right: 0;n}nn.uk-position-bottom {n bottom: 0;n left: 0;n right: 0;n}nn.uk-position-top-left {n top: 0;n left: 0;n}nn.uk-position-top-right {n top: 0;n right: 0;n}nn.uk-position-bottom-left {n bottom: 0;n left: 0;n}nn.uk-position-bottom-right {n bottom: 0;n right: 0;n}nn/*n * Covern */nn.uk-position-cover {n position: absolute;n top: 0;n bottom: 0;n left: 0;n right: 0;n}nn/*n * Relativen */nn.uk-position-relative { position: relative !important; }nn/*n * Z-indexn */nn.uk-position-z-index { z-index: 1; }nnn/* Displayn ========================================================================== */nn/*n * Displayn * 1. Required if child is a responsive imagen */nn.uk-display-block { display: block !important; }n.uk-display-inline { display: inline !important; }nn.uk-display-inline-block {n display: inline-block !important;n /* 1 */n max-width: 100%;n}nn/*n * Visibilityn * Avoids setting display to `block` so it works also with `inline-block` and `table`n */nn/* Desktop and bigger */n@media (min-width: @breakpoint-large) {nn .uk-visible-small { display: none !important; }n .uk-visible-medium { display: none !important; }n .uk-hidden-large { display: none !important; }nn}nn/* Tablets portrait */n@media (min-width: @breakpoint-medium) and (max-width: @breakpoint-medium-max) {nn .uk-visible-small { display: none !important; }n .uk-visible-large { display: none !important ; }n .uk-hidden-medium { display: none !important; }nn}nn/* Phone landscape and smaller*/n@media (max-width: @breakpoint-small-max) {nn .uk-visible-medium { display: none !important; }n .uk-visible-large { display: none !important; }n .uk-hidden-small { display: none !important; }nn}nn/* Remove from the flow and screen readers on any device */n.uk-hidden {n display: none !important;n visibility: hidden !important;n}nn/* It's hidden, but still affects layout */n.uk-invisible { visibility: hidden !important; }nn/* Show on hover */n.uk-visible-hover:hover .uk-hidden,n.uk-visible-hover:hover .uk-invisible {n display: block !important;n visibility: visible !important;n}nn.uk-visible-hover-inline:hover .uk-hidden,n.uk-visible-hover-inline:hover .uk-invisible {n display: inline-block !important;n visibility: visible !important;n}nn/* Hide on touch */n.uk-touch .uk-hidden-touch,n.uk-notouch .uk-hidden-notouch { display: none !important; }nnn// Hooksn// ========================================================================nn.hook-utility-misc;nn.hook-container() {}n.hook-scrollable-box() {}n.hook-utility-misc() {}nn// Name: Flexn// Description: Defines styles to create layouts with flexboxn//n// Component: `uk-flex-*`n//n// Used by: Captionn//n//n// ========================================================================nnn/* ========================================================================n Component: Flexn ========================================================================== */nn.uk-flex {n display: -ms-flexbox;n display: -webkit-flex;n display: flex;n}nn.uk-flex-inline {n display: -ms-inline-flexbox;n display: -webkit-inline-flex;n display: inline-flex;n}nn/*n * Fixes initial flex-shrink value in IE10n */nn.uk-flex > *,n.uk-flex-inline > * { -ms-flex-negative: 1; }nnn/* Alignmentn ========================================================================== */nn/*n * Vertical alignmentn * Default value is `stretch`n */nn// .uk-flex-stretch { align-items: stretch; }nn.uk-flex-top {n -ms-flex-align: start;n -webkit-align-items: flex-start;n align-items: flex-start;n}nn.uk-flex-middle {n -ms-flex-align: center;n -webkit-align-items: center;n align-items: center;n}nn.uk-flex-bottom {n -ms-flex-align: end;n -webkit-align-items: flex-end;n align-items: flex-end;n}nn/*n * Horizontal alignmentn * Default value is `flex-start`n */nn// .uk-flex-left { justify-content: flex-start; }nn.uk-flex-center {n -ms-flex-pack: center;n -webkit-justify-content: center;n justify-content: center;n}nn.uk-flex-right {n -ms-flex-pack: end;n -webkit-justify-content: flex-end;n justify-content: flex-end;n}nn.uk-flex-space-between {n -ms-flex-pack: justify;n -webkit-justify-content: space-between;n justify-content: space-between;n}nn.uk-flex-space-around {n -ms-flex-pack: distribute;n -webkit-justify-content: space-around;n justify-content: space-around;n}nnn/* Directionn ========================================================================== */nn// .uk-flex-row { flex-direction: row; }nn.uk-flex-row-reverse {n -ms-flex-direction: row-reverse;n -webkit-flex-direction: row-reverse;n flex-direction: row-reverse;n}nn.uk-flex-column {n -ms-flex-direction: column;n -webkit-flex-direction: column;n flex-direction: column;n}nn.uk-flex-column-reverse {n -ms-flex-direction: column-reverse;n -webkit-flex-direction: column-reverse;n flex-direction: column-reverse;n}nnn/* Wrapn ========================================================================== */nn// Defaultn.uk-flex-nowrap {n -ms-flex-wrap: nowrap;n -webkit-flex-wrap: nowrap;n flex-wrap: nowrap;n}nn.uk-flex-wrap {n -ms-flex-wrap: wrap;n -webkit-flex-wrap: wrap;n flex-wrap: wrap;n}nn.uk-flex-wrap-reverse {n -ms-flex-wrap: wrap-reverse;n -webkit-flex-wrap: wrap-reverse;n flex-wrap: wrap-reverse;n}nn/*n * Horizontal alignmentn * Default value is `stretch`n */nn// .uk-flex-wrap-stretch { align-content: stretch; }nn.uk-flex-wrap-top {n -ms-flex-line-pack: start;n -webkit-align-content: flex-start;n align-content: flex-start;n}nn.uk-flex-wrap-middle {n -ms-flex-line-pack: center;n -webkit-align-content: center;n align-content: center;n}nn.uk-flex-wrap-bottom {n -ms-flex-line-pack: end;n -webkit-align-content: flex-end;n align-content: flex-end;n}nn.uk-flex-wrap-space-between {n -ms-flex-line-pack: justify;n -webkit-align-content: space-between;n align-content: space-between;n}nn.uk-flex-wrap-space-around {n -ms-flex-line-pack: distribute;n -webkit-align-content: space-around;n align-content: space-around;n}nnn/* Item orderingn ========================================================================== */nn/*n * Default is 0n */nn.uk-flex-order-first {n -ms-flex-order: -1;n -webkit-order: -1;n order: -1;n}nn.uk-flex-order-last {n -ms-flex-order: 99;n -webkit-order: 99;n order: 99;n }nnn/* Phone landscape and bigger */n@media (min-width: @breakpoint-small) {nn .uk-flex-order-first-small {n -ms-flex-order: -1;n -webkit-order: -1;n order: -1;n }nn .uk-flex-order-last-small {n -ms-flex-order: 99;n -webkit-order: 99;n order: 99;n }nn}nn/* Tablet and bigger */n@media (min-width: @breakpoint-medium) {nn .uk-flex-order-first-medium {n -ms-flex-order: -1;n -webkit-order: -1;n order: -1;n }nn .uk-flex-order-last-medium {n -ms-flex-order: 99;n -webkit-order: 99;n order: 99;n }nn}nn/* Desktop and bigger */n@media (min-width: @breakpoint-large) {nn .uk-flex-order-first-large {n -ms-flex-order: -1;n -webkit-order: -1;n order: -1;n }nn .uk-flex-order-last-large {n -ms-flex-order: 99;n -webkit-order: 99;n order: 99;n }nn}nn/* Large screen and bigger */n@medi a (min-width: @breakpoint-xlarge) {nn .uk-flex-order-first-xlarge {n -ms-flex-order: -1;n -webkit-order: -1;n order: -1;n }nn .uk-flex-order-last-xlarge {n -ms-flex-order: 99;n -webkit-order: 99;n order: 99;n }nn}nnnn/* Item dimensionsn ========================================================================== */nn/*n * Initial: 0 1 auton * Content dimensions, but shrinksn */nn/*n * No Flex: 0 0 auton * Content dimensionsn */nn.uk-flex-item-none {n -ms-flex: none;n -webkit-flex: none;n flex: none;n}nn/*n * Relative Flex: 1 1 auton * Space is allocated considering contentn * 1. Fixes flex-shrink value in IE10n */nn.uk-flex-item-auto {n -ms-flex: auto;n -webkit-flex: auto;n flex: auto;n /* 1 */n -ms-flex-negative: 1;n}nn/*n * Absolute Flex: 1 1 0%n * Space is allocated solely based on flexn */nn.uk-flex-item-1 {n -ms-flex: 1;n -webkit-f lex: 1;n flex: 1;n}nnn// Hooksn// ========================================================================nn.hook-flex-misc;nn.hook-flex-misc() {}n// Name: Contrastn// Description: Utility class to adjust colors for dark or colored blocksn//n// Component: `uk-contrast`n//n// ========================================================================nnn// Variablesn// ========================================================================nn@contrast-color: #fff;n@contrast-inverted-color: #444;nn//n// Componentsn//nn@contrast-base-color: @contrast-color;nn@contrast-base-link-color: fade(@contrast-color, 70%);n@contrast-base-link-text-decoration: none;n@contrast-base-link-hover-color: @contrast-color;n@contrast-base-link-hover-text-decoration: underline;nn@contrast-base-code-co lor: @contrast-color;n@contrast-base-em-color: @contrast-color;nn@contrast-base-heading-color: @contrast-color;nn@contrast-base-hr-border: fade(@contrast-color, 20%);nn@contrast-nav-side-color: @contrast-color;n@contrast-nav-side-hover-background: fade(@contrast-color, 10%);n@contrast-nav-side-hover-color: @contrast-color;n@contrast-nav-side-active-background: @contrast-color;n@contrast-nav-side-active-color: @contrast-inverted-color;n@contrast-nav-side-header-color: @contrast-color;n@contrast-nav-side-divider-border: fade(@contrast-color, 20%);n@contrast-nav-side-nested-color: fade(@contrast-color, 70%);n@contrast-nav-side-nested-hover-color: @contrast-color;nn@contrast-subnav-color: fade(@contrast-color, 70%);n@contrast-subnav-hover-col or: @contrast-color;n@contrast-subnav-hover-text-decoration: none;n@contrast-subnav-active-color: @contrast-color;nn@contrast-subnav-line-border: fade(@contrast-color, 20%);nn@contrast-subnav-pill-hover-background: fade(@contrast-color, 70%);n@contrast-subnav-pill-hover-color: @contrast-inverted-color;n@contrast-subnav-pill-active-background: @contrast-color;n@contrast-subnav-pill-active-color: @contrast-inverted-color;nn@contrast-tab-border: fade(@contrast-color, 20%);n@contrast-tab-color: fade(@contrast-color, 70%);n@contrast-tab-hover-border: fade(@contrast-color, 70%);n@contrast-tab-hover-background: fade(@contrast-color, 70%);n@contrast-tab-hover-color: @contrast-inverted-color;n@contrast-tab-active-border: fade(@contrast-color, 20%);n@co ntrast-tab-active-background: @contrast-color;n@contrast-tab-active-color: @contrast-inverted-color;nn@contrast-list-line-border: fade(@contrast-color, 20%);nn@contrast-form-border: fade(@contrast-color, 80%);n@contrast-form-background: fade(@contrast-color, 80%);n@contrast-form-color: @contrast-inverted-color;n@contrast-form-focus-border: @contrast-color;n@contrast-form-focus-background: @contrast-color;n@contrast-form-focus-color: @contrast-inverted-color;nn@contrast-form-placeholder-color: fade(@contrast-inverted-color, 70%);nn@contrast-button-background: @contrast-color;n@contrast-button-color: @contrast-inverted-color;n@contrast-button-hover-background: fade(@contrast-color, 80%);n@contrast-button-hover-color: @contrast-inverted-color;n@contrast-button-active-background: fade(@contrast-color, 70%);n@contrast-button-active-color: @contrast-inverted-color;nn@contrast-button-primary-background: #00a8e6;n@contrast-button-primary-color: @contrast-color;n@contrast-button-primary-hover-background: #35b3ee;n@contrast-button-primary-hover-color: @contrast-color;n@contrast-button-primary-active-background: #0091ca;n@contrast-button-primary-active-color: @contrast-color;nn@contrast-icon-hover-color: fade(@contrast-color, 70%);n@contrast-icon-hover-hover-color: @contrast-color;nn@contrast-icon-button-background: @contrast-color;n@contrast-icon-button-color: @contrast-inverted-color;n@contrast-icon-button-hover-background: fade(@contrast-color, 80%);n@contrast-icon-button-hover-color: @contrast-inverted-colo r;n@contrast-icon-button-active-background: fade(@contrast-color, 70%);n@contrast-icon-button-active-color: @contrast-inverted-color;nn@contrast-text-muted-color: fade(@contrast-color, 60%);n@contrast-text-primary-color: #2d7091;nnn/* ========================================================================n Component: Contrastn ========================================================================== */nn.uk-contrast {nn color: @contrast-base-color;nn // Basen // ========================================================================nn //n // Linkn //nn a:not([class]),n .uk-link {n color: @contrast-base-link-color;n text-decoration: @contrast-base-link-text-decoration;n }nn a:not([class]):hover,n .uk-link:hover {n color: @contrast-base-link-hover-color;n text-decoration: @contrast-base-link-hover-text-decoration;n }nn //n // Coden //nn :not(pre) > code,n :not(pre) > kbd,n :not(pre) > samp {n color: @contrast-base-code-color;n .hook-contrast-base-code;n }nn //n // Emphasizen //nn em { color: @contrast-base-em-color; }nn //n // Headingsn //nn h1, h2, h3, h4, h5, h6 { color: @contrast-base-heading-color; }nn //n // Horizontal rulesn //nn hr { border-top-color: @contrast-base-hr-border; }nnn // Navn // ========================================================================nn .uk-nav li > a,n .uk-nav li > a:hover { text-decoration: none; }nn //n // Nav Siten //nn .uk-nav-side > li > a {n color: @contrast-nav-side-color;n .hook-contrast-nav-side;n }nn .uk-nav-side > li > a:hover,n .uk-nav-side > li > a:focus {n background: @contrast-nav-side-hover-background;n color: @contrast-nav-side-hover-color;n .hook-contrast-nav-side-hover;n }nn .uk-nav-side > li.uk-active > a {n background: @contrast-nav-side-active-background;n color: @contrast-nav-side-active-color;n .hook-contrast-nav-side-active;n }nn // Nav headern .uk-nav-side .uk-nav-header {n color: @contrast-nav-side-header-color;n .hook-contrast-nav-side-header;n }nn // Nav dividern .uk-nav-side .uk-nav-divider {n border-top-color: @contrast-nav-side-divider-border;n .hook-contrast-nav-side-divider;n }nn // Nested itemsn .uk-nav-side ul a { color: @contrast-nav-side-nested-color; }n .uk-nav-side ul a:hover { color: @contrast-nav-side-nested-hover-color; }nnn // Subnavn // ========================================================================nn .uk-subnav > * > a {n color: @contrast-subnav-color;n text-decoration: none;n .hook-contrast-subnav;n }nn .uk-subnav > * > a:hover,n .uk-subnav > * > a:focus {n color: @contrast-subnav-hover-color;n text-decoration: @contrast-subnav-hover-text-decoration;n .hook-contrast-subnav-hover;n }nn .uk-subnav > .uk-active > a {n color: @contrast-subnav-active-color;n .hook-contrast-subnav-active;n }nn //n // Subnav linen //nn .uk-subnav-line > :nth-child(n+2):before {n border-left-color: @contrast-subnav-line-border;n .hook-contrast-subnav-line-divider;n }nn //n // Subnav pilln //nn .uk-subnav-pill > * > a:hover,n .uk-subnav-pill > * > a:focus {n background: @contrast-subnav-pill-hover-background;n color: @co ntrast-subnav-pill-hover-color;n text-decoration: none;n .hook-contrast-subnav-pill-hover;n }nn .uk-subnav-pill > .uk-active > a {n background: @contrast-subnav-pill-active-background;n color: @contrast-subnav-pill-active-color;n .hook-contrast-subnav-pill-active;n }nnn // Tabn // ========================================================================nn .uk-tab { border-bottom-color: @contrast-tab-border; }nn .uk-tab > li > a {n border-color: transparent;n color: @contrast-tab-color;n .hook-contrast-tab;n }nn .uk-tab > li > a:hover,n .uk-tab > li > a:focus,n .uk-tab > li.uk-open > a {n border-color: @contrast-tab-hover-border;n background: @contrast-tab-hover-background;n color: @contrast-tab-hover-color;n text-decoration: none;n .hook-contrast-tab-hover;n }nn /* Active */n .uk-tab > li.uk-active > a {n border-color: @contrast-tab-active-border;n border-bottom-color: transparent;n background: @contrast-tab-active-background;n color: @contrast-tab-active-color;n .hook-contrast-tab-active;n }nn //n // Tab centern //nn .uk-tab-center { border-bottom-color: @contrast-tab-border; }nn //n // Tab gridn //nn .uk-tab-grid:before { border-top-color: @contrast-tab-border; }nnn // Listn // ========================================================================nn .uk-list-line > li:nth-child(n+2) {n border-top-color: @contrast-list-line-border;n .hook-contrast-list-line;n }nnn // Formn // ========================================================================nn .uk-form select,n .uk-form textarea,n .uk-form input:not([type]),n .uk-form input[type= »text »],n .uk-form input[type= »password »],n .uk-form input[type= »datetime »],n .uk-form input[type= »datetime-local »],n .uk-form input[type= »date »],n .uk-form input[type= »month »],n .uk-form input[type= »time »],n .uk-form input[type= »week »],n .uk-form input[type= »number »],n .uk-form input[type= »email »],n .uk-form input[type= »url »],n .uk-form input[type= »search »],n .uk-form input[type= »tel »],n .uk-form input[type= »color »] {n border-color: @contrast-form-border;n background: @contrast-form-background;n color: @contrast-form-color;n background-clip: padding-box;n .hook-contrast-form;nn &:focus {n border-color: @contrast-form-focus-border;n background: @contrast-form-focus-background;n color: @contrast-form-focus-color;n .hook-contrast-form-focus;n }n }nn //n // Placeholdern //nn .uk-form :-ms-input-placeholder { color: @contrast-form-placeholder-color !important; }n .uk-form ::-moz-placeholder { color: @contrast-form-placeholder-color; }n .uk-form ::-webkit-input-placeholder { color: @contrast-form-placeholder-color; }nnn // Buttonn // ========================================================================nn .uk-button {n color: @contrast-button-color;n background: @contrast-button-background;n .hook-contrast-button;n }nn .uk-button:hover,n .uk-button:focus {n background-color: @contrast-button-hover-background;n color: @contrast-button-hover-color;n .hook-contrast-button-hover;n }nn .uk-button:active,n .uk-button.uk-active {n background-color: @contrast-button-active-background;n color: @contrast-button-active-color;n .hook-contrast-button-active;n }nn //n // Button primaryn //nn .uk-button-primary {n background-color: @contrast-button-primary-background;n color: @contrast-button-primary-color;n .hook-contrast-button-primary;n }nn .uk-button-primary:hover,n .uk-button-primary:focus {n background-color: @contra st-button-primary-hover-background;n color: @contrast-button-primary-hover-color;n .hook-contrast-button-primary-hover;n }nn .uk-button-primary:active,n .uk-button-primary.uk-active {n background-color: @contrast-button-primary-active-background;n color: @contrast-button-primary-active-color;n .hook-contrast-button-primary-active;n }nnn // Iconn // ========================================================================nn //n // Icon hovern //nn .uk-icon-hover {n color: @contrast-icon-hover-color;n .hook-contrast-icon-hover;n }nn .uk-icon-hover:hover {n color: @contrast-icon-hover-hover-color;n .hook-contrast-icon-hover-hover;n }nn //n // Icon buttonn //nn .uk-icon-button {n background: @contrast-icon-button-background;n color: @contrast-icon-button-color;n .hook-contrast-icon-button;n }nn .u k-icon-button:hover,n .uk-icon-button:focus {n background-color: @contrast-icon-button-hover-background;n color: @contrast-icon-button-hover-color;n .hook-contrast-icon-button-hover;n }nn .uk-icon-button:active {n background-color: @contrast-icon-button-active-background;n color: @contrast-icon-button-active-color;n .hook-contrast-icon-button-active;n }nnn // Textn // ========================================================================nn .uk-text-muted { color: @contrast-text-muted-color !important; }n .uk-text-primary { color: @contrast-text-primary-color !important; }nnn // Misc hookn // ========================================================================nn .hook-contrast-misc;nn}nnn// Hooksn// ========================================================================nn.hook-contrast-base-code() {}nn.hook-contrast-nav-side() {}n.hook-contrast-nav-side-hover() {}n.hook-contrast-nav-side-active() {}n.hook-contrast-nav-side-header() {}n.hook-contrast-nav-side-divider() {}nn.hook-contrast-subnav() {}n.hook-contrast-subnav-hover() {}n.hook-contrast-subnav-active() {}n.hook-contrast-subnav-line-divider() {}n.hook-contrast-subnav-pill-hover() {}n.hook-contrast-subnav-pill-active() {}nn.hook-contrast-tab() {}n.hook-contrast-tab-hover() {}n.hook-contrast-tab-active() {}nn.hook-contrast-list-line() {}nn.hook-contrast-form() {}n.hook-contrast-form-focus() {}nn.hook-contrast-button() {}n.hook-contrast-button-hover() {}n.hook-contrast-button-active() {}n.hook-contrast-button-primary() {}n.hook-contra st-button-primary-hover() {}n.hook-contrast-button-primary-active() {}nn.hook-contrast-icon-hover() {}n.hook-contrast-icon-hover-hover() {}n.hook-contrast-icon-button() {}n.hook-contrast-icon-button-hover() {}n.hook-contrast-icon-button-active() {}nn.hook-contrast-misc() {}n// Name: Printn// Description: Optimize page for printingn//n// Adapted from http://github.com/h5bp/html5-boilerplaten//n// Modifications: Removed link `href` and `title` related rulesn//n// ========================================================================nnn/* ========================================================================n Component: Printn ========================================================================== */nn@media print {nn *,n *:before,n *:after {n background: transparent !important;n color: black !important;n box-shadow: none !important;n text-shadow: none !important;n }n n a,n a:visited { text-decoration: underline; }nn pre,n blockquote {n border: 1px solid #999;n page-break-inside: avoid;n }nn thead { display: table-header-group; }nn tr,n img { page-break-inside: avoid; }nn img { max-width: 100% !important; }nn @page { margin: 0.5cm; }nn p,n h2,n h3 {n orphans: 3;n widows: 3;n }nn h2,n h3 { page-break-after: avoid; }nn .hook-print;nn}nn// Hooksn// ========================================================================nn.hook-print() {}nnnn@icon-font-path: "../../fonts";nn// Components: Navsn// Name: Dotnavn// Description: Defines styles for a dot navigationn//n// Component: `uk-dotnav`n//n// Modifier: `uk-dotnav-contrast`n// `uk-dotnav-vertical`n//n// States: `uk-active`n//n// Markup:n//n// n//

    n//

  • n//

  • n//

n//n// ========================================================================nnn// Variablesn// ========================================================================nn@dotnav-margin-horizontal: 15px;n@dotnav-margin-vertical: @dotnav-margin-horizontal;nn@dotnav-width: 20px;n@dotnav-height: @dotnav-width;n@dotnav-background: rgba(50,50,50,0.1);nn@dotnav-hover-background: rgba(50,50,50,0.4);n@dotnav-onclick-background: rgba(50,50,50,0.6);n@dotnav-active-background: rgba(50,50,50,0.4);nn@dotnav-contrast-background: rgba(255,255,255,0.4);n@dotnav-contrast-hover-background: rgba(255,255,255,0.7);n@dotnav-contrast-onclick-background: rgba(255,255,255,0.9);n@dotnav-contrast-active-background: rgba(255,255,255,0.9);nnn/* ========================================================================n Component: Dotnavn ========================================================================== */nn/*n * 1. Guttern * 2. Remove default list stylen */nn.uk-dotnav {n display: -ms-flexbox;n display: -webkit-flex;n display: flex;n -m s-flex-wrap: wrap;n -webkit-flex-wrap: wrap;n flex-wrap: wrap;n /* 1 */n margin-left: -@dotnav-margin-horizontal;n margin-top: -@dotnav-margin-vertical;n /* 2 */n padding: 0;n list-style: none;n}nn/*n * 1. Space is allocated solely based on content dimensionsn * 2. Horizontal gutter is using `padding` so `uk-width-*` classes can be appliedn */nn.uk-dotnav > * {n /* 1 */n -ms-flex: none;n -webkit-flex: none;n flex: none;n /* 2 */n padding-left: @dotnav-margin-horizontal;n margin-top: @dotnav-margin-vertical;n}nn/*n * DEPRECATED IE9 Supportn */nn.uk-dotnav:before,n.uk-dotnav:after {n content: "";n display: block;n overflow: hidden;n}nn.uk-dotnav:after { clear: both; }nn.uk-dotnav > * { float: left; }nnn/* Itemsn ========================================================================== */nn/*n * Itemsn * 1. Hide text if presentn */nn.uk-dotnav > * > * {n display: block;n box-sizing: content-box;n width: @dotnav-width;n height: @dotnav-height;n border-radius: 50%;n background: @dotnav-background;n /* 1 */n text-indent: 100%;n overflow: hidden;n white-space: nowrap;n .hook-dotnav-item;n}nn/*n * Hovern * 1. Apply hover style also to focus staten * 2. Remove default focus stylen */nn.uk-dotnav > * > :hover,n.uk-dotnav > * > :focus { // 1n background: @dotnav-hover-background;n /* 2 */n outline: none;n .hook-dotnav-item-hover;n}nn/* OnClick */n.uk-dotnav > * > :active {n background: @dotnav-onclick-background;n .hook-dotnav-item-onclick;n}nn/* Active */n.uk-dotnav > .uk-active > * {n background: @dotnav-active-background;n .hook-dotnav-item-active;n}nnn/* Modif ier: `uk-dotnav-contrast`n ========================================================================== */nn.uk-dotnav-contrast > * > * {n background: @dotnav-contrast-background;n .hook-dotnav-contrast-item;n}nn/*n * Hovern * 1. Apply hover style also to focus staten */nn.uk-dotnav-contrast > * > :hover,n.uk-dotnav-contrast > * > :focus { // 1n background: @dotnav-contrast-hover-background;n .hook-dotnav-contrast-item-hover;n}nn/* OnClick */n.uk-dotnav-contrast > * > :active {n background: @dotnav-contrast-onclick-background;n .hook-dotnav-contrast-item-onclick;n}nn/* Active */n.uk-dotnav-contrast > .uk-active > * {n background: @dotnav-contrast-active-background;n .hook-dotnav-contrast-item-active;n}nnn/* Modifier: 'uk-dotnav-vertical'n ========================================================================== */nn/*n * DEPRECATEDn */nn.uk-dotnav-vertical {n -ms-flex-direction: column;n -webkit-flex-dir ection: column;n flex-direction: column;n}nn/*n * DEPRECATED IE9 Supportn */nn.uk-dotnav-vertical > * { float: none; }nnnn// Hooksn// ========================================================================nn.hook-dotnav-misc;nn.hook-dotnav-item() {}n.hook-dotnav-item-hover() {}n.hook-dotnav-item-onclick() {}n.hook-dotnav-item-active() {}n.hook-dotnav-contrast-item() {}n.hook-dotnav-contrast-item-hover() {}n.hook-dotnav-contrast-item-onclick() {}n.hook-dotnav-contrast-item-active() {}n.hook-dotnav-misc() {}n// Name: Slidenavn// Description: Defines styles for a previous/next navigation between slidesn//n// Component: `uk-slidenav`n//n// Modifiers: `uk-slidenav-previous`n// `uk-slidenav-next`n// `uk-slidenav-contrast`n//n// Sub-objects: `uk-slidenav-position`n//n// Uses: Icon: FontAwesomen//n// Markup:n//n// n// n// n//n// n//

n// n// n// n//

n//n// ========================================================================nnn// Variablesn// ========================================================================nn@slidenav-width: 60px;n@slidenav-height: @slidenav-width;n@slidenav-color: rgba(50,50,50,0.4);n@slidenav-font-size: 60px;n@slidenav-line-height: @slidenav-height;n@slidenav-previous-icon: "\f104";n@slidenav-next-icon: "\f105";nn@slidenav-hover-color: rgba(50,50,50,0.7);nn@slidenav-active-color: rgba(50,50,50,0.9);nn@slidenav-position-previous: 20px;n@slidenav-position-next: @slidenav-position-previous;nn@slidenav-contrast-color: rgba(255,255,255,0.5);n@slidenav-contrast-hover-color: rgba(255,255,255,0.7);n@slidenav-contrast-active-color: rgba(255,255,255,0.9);nnn/* ========================================================================n Component: Slidenavn ========================================================================== */nn/*n * 1. Required for `a` elementsn * 2. Dimensionn * 3. Stylen */nn.uk-slidenav {n /* 1 */n display: inline-block;n /* 2 */n box-sizing: border-box;n width: @slidenav-width;n height: @slidenav-height;n /* 3 */n line-height: @slidenav-line-height;n color: @slidenav-color;n font-size: @slidenav-font-size;n text-align: center;n .hook-slidenav;n}nn/*n * Hovern * 1. Apply hover style also to focus staten * 2. Remove default focus stylen * 3. Required for `a` elementsn * 4. Stylen */nn.uk-slidenav:hover,n.uk-slidenav:focus { // 1n /* 2 */n outline: none ;n /* 3 */n text-decoration: none;n /* 4 */n color: @slidenav-hover-color;n cursor: pointer;n .hook-slidenav-hover;n}nn/* Active */n.uk-slidenav:active {n color: @slidenav-active-color;n .hook-slidenav-active;n}nn/*n * Iconsn */nn.uk-slidenav-previous:before {n content: @slidenav-previous-icon;n font-family: FontAwesome;n}nn.uk-slidenav-next:before {n content: @slidenav-next-icon;n font-family: FontAwesome;n}nnn/* Sub-object: `uk-slidenav-position`n ========================================================================== */nn/*n * Create position contextn */nn.uk-slidenav-position { position: relative; }nn/*n * Center verticallyn */nn.uk-slidenav-position .uk-slidenav {n display: none;n position: absolute;n top: 50%;n z-index: 1;n margin-top: -(@slidenav-height / 2);n}nn.uk-slidenav-position:hover .uk-slidenav { display: block; }nn.uk-slidenav-position .uk-slidenav-previous { left: @slidenav-position-previous; }n.uk-slidenav-position .uk-slidenav-next { right: @slidenav-position-next; }nnn/* Modifier: `uk-slidenav-contrast`n ========================================================================== */nn.uk-slidenav-contrast {n color: @slidenav-contrast-color;n .hook-slidenav-contrast;n}nn/*n * Hovern * 1. Apply hover style also to focus staten */nn.uk-slidenav-contrast:hover,n.uk-slidenav-contrast:focus { // 1n color: @slidenav-contrast-hover-color;n .hook-slidenav-contrast-hover;n}nn/* Active */n.uk-slidenav-contrast:active {n color: @slidenav-contrast-active-color;n .hook-slidenav-contrast-active;n}nnn// Hooksn// ========================================================================nn.hook-slidenav-misc;nn.hook-slidenav() {}n.hook-slidenav-hover() {}n.hook-slidenav-active() {}n.hook-slidenav-contrast() {}n.hook-slidenav-contrast-hover() {}n.hook-slidenav-contrast-active() {}n.hook-slidenav-misc() {}nn// Components: Commonn// Name: Progressn// Description: Defines style s for progress barsn//n// Component: `uk-progress`n//n// Sub-objects: `uk-progress-bar`n//n// Modifiers: `uk-progress-mini`n// `uk-progress-small`n// `uk-progress-success`n// `uk-progress-warning`n// `uk-progress-danger`n// `uk-progress-striped`n//n// Markup:n//n// n//

n//

n//

n//n// ========================================================================nnn// Variablesn// ========================================================================nn@progress-height: 20px;n@progress-mini-height: 6px;n@progress-small-height: 12px;nn@progress-margin-vertical: 15px;n@progress-background: #eee;nn@progress-bar-background: #00a8e6;n@progress-bar-font-size: 12px;n@progress-bar-color: #fff;nn@progress-bar-success-background: #8cc14c;n@progress-bar-warning-background: #faa732;n@progress-bar-danger-background: #da314b;nnn/* ========================================================================n Component: Progressn ========================================================================== */nn/*n * 1. Clearingn * 2. Vertical alignment if text is usedn */nn.uk-progress {n box-sizing: border-box;n height: @progress-height;n margin-bottom: @progress-margin-vertical;n background: @progress-background;n /* 1 */n overflow: hidden;n /* 2 */n line-height: @progress-height;n .hook-progress;n}nn/*n * Add margin if adjacent elementn */nn* + .uk-progress { margin-top: @progress-margin-vertical; }nnn/* Sub-object: `uk-progress-bar`n ========================================================================== */nn/*n * 1. Transitionn * 2. Needed for textn */nn.uk-progress-bar {n width: 0;n height: 100%;n background: @progress-bar-background;n float: left;n /* 1 */n -webkit-transition: width 0.6s ease;n transition: width 0.6s ease;n /* 2 */n font-size: @progress-bar-font-size;n color: @progress-bar-color;n text-align: center;n .hook-progress-bar;n}nnn/* Size modifiersn ========================================================================== */nn/* Mini */n.uk-progress-mini {n height: @progress-mini-height;n .hook-progress-mini;n}nnn/* Small */n.uk-progress-small {n height: @progress-small-height;n .hook-progress-small;n}nnn/* Color modifiersn ========================================================================== */nn.uk-progress-success .uk-progress-bar {n backg round-color: @progress-bar-success-background;n .hook-progress-bar-success;n}nn.uk-progress-warning .uk-progress-bar {n background-color: @progress-bar-warning-background;n .hook-progress-bar-warning;n}nn.uk-progress-danger .uk-progress-bar {n background-color: @progress-bar-danger-background;n .hook-progress-bar-danger;n}nnn/* Modifier: `uk-progress-striped`n ========================================================================== */nn.uk-progress-striped .uk-progress-bar {n background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);n background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);n background-size: 30px 30px;n}nn/*n * Animationn */n n.uk-progress-striped.uk-active .uk-progress-bar {n -webkit-animation: uk-progress-bar-stripes 2s linear infinite;n animation: uk-progress-bar-stripes 2s linear infinite;n}nn@-webkit-keyframes uk-progress-bar-stripes {n 0% { background-position: 0 0;}n 100% { background-position: 30px 0; }n}nn@keyframes uk-progress-bar-stripes {n 0% { background-position: 0 0;}n 100% { background-position: 30px 0; }n}nnn// Hooksn// ========================================================================nn.hook-progress-misc;nn.hook-progress() {}n.hook-progress-bar() {}n.hook-progress-mini() {}n.hook-progress-small() {}n.hook-progress-bar-success() {}n.hook-progress-bar-warning() {}n.hook-progress-bar-danger() {}n.hook-progress-misc() {}nn// Components: JavaScriptn// Name: Accordionn// Description: Defines styles for the accordionn//n// Component: `uk-accordion`n//n// Sub-objects: `uk-accordion-title`n// `uk-accordion-content`n//n// Markup:n//n// n//

n//

n//

n//

n//

n//

n//n// ========================================================================nnn// Variablesn// ========================================================================nn@accordion-title-ma rgin-bottom: 15px;n@accordion-title-padding-vertical: 5px;n@accordion-title-padding-horizontal: 15px;n@accordion-title-font-size: 18px;n@accordion-title-line-height: 24px;n@accordion-title-background: #eee;nn@accordion-content-padding-horizontal: @accordion-title-padding-horizontal;n@accordion-content-padding-bottom: @accordion-title-padding-horizontal;nnn/* ========================================================================n Component: Accordionn ========================================================================== */nn.uk-accordion {n .hook-accordion;n}nn/* Sub-object: `uk-accordion-title`n ========================================================================== */nn.uk-accordion-title {n margin-top: 0;n margin-bottom: @accordion-title-margin-bottom;n padding: @accordion-title-padding-vertical @accordion-title-pa dding-horizontal;n background: @accordion-title-background;n font-size: @accordion-title-font-size;n line-height: @accordion-title-line-height;n cursor: pointer;n .hook-accordion-title;n}nnn/* Sub-object: `uk-accordion-content`n ========================================================================== */nn.uk-accordion-content {n padding: 0 @accordion-content-padding-horizontal @accordion-content-padding-bottom @accordion-content-padding-horizontal;n .hook-accordion-content;n}nn/*n * Micro clearfix to make panels more robustn */nn.uk-accordion-content:before,n.uk-accordion-content:after {n content: "";n display: table;n}nn.uk-accordion-content:after { clear: both; }nn/*n * Remove margin from the last-childn */nn .uk-accordion-content > :last-child { margin-bottom: 0; }nnn// Hooksn// ========================================================================nn.hook-accordion-misc;nn.hook-accordion() {}n.hook-accordion-title() {}n.hook-accordion-content() {}n.hook-accordion-misc() {}n// Name: Slidern// Description: Defines styles for a horizontal slidern//n// Component: `uk-slider`n//n// Sub-objects: `uk-slider-container`n//n// Modifier: `uk-slider-fullscreen`n//n// States: `uk-drag`n//n// Markup:n//n// n//

n//

n//

    n//

  • n//

  • n//

n//

n//

n//n// ========================================================================nnn/* ========================================================================n Component: Slidern ======================================================== ================== */nn/*n * 1. Create position contextn * 2. Create stacking context to prevent z-index issues with other componentsn * 3. Deactivate browser history navigation in IE11n */nn.uk-slider {n /* 1 */n position: relative;n /* 2 */n z-index: 0;n /* 3 */n touch-action: pan-y;n}nn/*n * 1. Reset list style without interfering with gridn */nn.uk-slider:not(.uk-grid) {n /* 1 */n margin: 0;n padding: 0;n list-style: none;n}nn/*n * Sub-object itemn * 1. Position items above each othern */nn.uk-slider > * {n /* 1 */n position: absolute;n top: 0;n left: 0;n}nn/*n * Clip child elementsn */nn.uk-slider-container { overflow: hidden; }nn/*n * Draggedn */nn.uk-slider:not(.uk-drag) {n -webkit-transition: -webkit-transform 200ms linear;n transition: transform 200ms linear;n}nn/*n * 1. Makes text unselectablen */nn.uk-slider.uk-drag {n cursor: col-resize;n /* 1 */n -moz-user-select: none;n -webkit-user-select: none;n -ms-user-select: none;n user-select: none;n}nn/*n * 1. Prevents images and links from being dragged (default browser behavior)n * 2. Disables the default callout shown when you touch and hold a touch targetn * Currently only works in Webkitn */nn.uk-slider a,n.uk-slider img {n /* 1 */n -webkit-user-drag: none;n user-drag: none;n /* 2 */n -webkit-touch-callout: none;n}nn/*n * 1. Prevents images and links from being dragged in Firefoxn */nn.uk-slider img { pointer-events: none; }nnn/* Modifier: `uk-slider-fullscreen`n ========================================================================== */nn.uk-slider-fullscreen,n.uk-slider-fullscreen > li { height: 100vh; }nnn// Hooksn// ========================================================================nn.hook-slider-misc;nn.hook-slider-misc() {}n// Name: Slideshown// Description: Defines styles for a slideshown//n// Component: `uk-slideshow`n//n// Modifier: `uk-slideshow-fullscreen`n//n// Sub-modifier: `uk-slideshow-fade-out`n// `uk-slideshow-scroll-forward-in`n// `uk-slideshow-scroll-forward-out`n// `uk-slideshow-scroll-backward-in`n// `uk-slideshow-scroll-backward-out`n// `uk-slideshow-scale-out`n// `uk-slideshow-swipe-forward-in`n// `uk-slideshow-swipe-forward-out`n// `uk-slideshow-swipe-backward-in`n// `uk-slideshow-swipe-backward-out`n//n// States: `uk-active`n//n// Uses: Cover (JS)n//n// Markup:n//n// n//

    n//

  • n//

n//n// ========================================================================nnn/* ========================================================================n Component: Slideshown ========================================================================== */nn/*n * 1. Create position contextn * 2. Create stacking context to prevent z-index issues with other componentsn * 3. Set width because child elements are positioned absolute. Height is set via JSn * 4. Reset list stylen * 5. Clip child elementsn * 6. Deactivate browser history navigation in IE11n */nn.uk-slideshow {n /* 1 */n position: relative;n /* 2 */n z-index: 0;n /* 3 */n width: 100%;n /* 4 */n margin: 0;n padding: 0;n list-style: none;n /* 5 */n overflow: hidden;n /* 6 */n touch-action: pan-y;n}nn/*n * Sub-object itemn * 1. Position items above each othern * 2. Expand to parent container widthn * 3. Hide by defaultn */nn.uk-slideshow > li {n /* 1 */n position: absolute;n top: 0;n left: 0;n /* 2 */n width: 100%;n /* 3 */n opacity: 0;n}nn/*n * Activen * 1. Stack at firstn * 2. Show sliden */nn.uk-slideshow > .uk-active {n /* 1 */n z-index: 10;n /* 2 */n opacity: 1;n}nn/*n * Hide default images which is only relevant to keep existing proportionsn */nn.uk-slideshow > li > img { visibility: hid den; }nn/*n * Pointer for controlsn */nn[data-uk-slideshow-slide] { cursor: pointer; }nnn/* Modifier: `uk-slideshow-fullscreen`n ========================================================================== */nn.uk-slideshow-fullscreen,n.uk-slideshow-fullscreen > li { height: 100vh; }nnn/* Animationsn ========================================================================== */nn/*n * Faden */nn .uk-slideshow-fade-in {n -webkit-animation: uk-fade 0.5s linear;n animation: uk-fade 0.5s linear;n }nn.uk-slideshow-fade-out {n -webkit-animation: uk-fade 0.5s linear reverse;n animation: uk-fade 0.5s linear reverse;n}nn/*n * Scrolln */nn.uk-slideshow-scroll-forward-in {n -webkit-animation: uk-slide-right 0.5s ease-in-out;n animation: uk-slide-right 0.5s ease-in-out;n}nn.uk-slideshow-scroll-forward-out {n -webkit-animation: uk-slide-left 0.5s ease-in-out reverse;n animation: uk-slide-left 0.5s ease-in-out reverse;n}nn.uk-slideshow-scroll-backward-in {n -webkit-animation: uk-slide-left 0.5s ease-in-out;n animation: uk-slide-left 0.5s ease-in-out;n}nn.uk-slideshow-scroll-backward-out {n -webkit-animation: uk-slide-right 0.5s ease-in-out reverse;n animation: uk-slide-right 0.5s ease-in-out re verse;n}nn/*n * Scalen */nn.uk-slideshow-scale-out {n -webkit-animation: uk-fade-scale-15 0.5s ease-in-out reverse;n animation: uk-fade-scale-15 0.5s ease-in-out reverse;n}nn/*n * Swipen */nn.uk-slideshow-swipe-forward-in {n -webkit-animation: uk-slide-left-33 0.5s ease-in-out;n animation: uk-slide-left-33 0.5s ease-in-out;n}nn.uk-slideshow-swipe-forward-out {n -webkit-animation: uk-slide-left 0.5s ease-in-out reverse;n animation: uk-slide-left 0.5s ease-in-out reverse;n}nn.uk-slideshow-swipe-backward-in {n -webkit-animation: uk-slide-right-33 0.5s ease-in-out;n animation: uk-slide-right-33 0.5s ease-in-out;n}nn.uk-slideshow-swipe-backward-out {n -webkit-animation: uk-slide-right 0.5s ease-in-out reverse;n animation: uk-slide-right 0.5s ease-in-out reverse;n}nn.uk-slideshow-swipe-forward-in:before,n.uk-slideshow-swipe-backward-in:before {n content: '';n position: absolute;n top: 0;n bottom: 0;n l eft: 0;n right: 0;n z-index: 1;n background: rgba(0,0,0,0.6);n -webkit-animation: uk-fade 0.5s ease-in-out reverse;n animation: uk-fade 0.5s ease-in-out reverse;n}nnn// Hooksn// ========================================================================nn.hook-slideshow-misc;nn.hook-slideshow-misc() {}nn// Name: Searchn// Description: Defines a search componentn//n// Component: `uk-search`n//n// Sub-objects: `uk-search-field`n//n// Modifier: (Nav) `uk-nav-search`n// (Dropdown) `uk-dropdown-search`n//n// States: `uk-active`n// `uk-loading`n//n// Uses: Animationn// Icon: FontAwesomen// Navbar: `uk-navbar-flip`n//n// Used by: Off-canvasn//n// Markup:n//n// n//

n//n// =================================== =====================================nnn// Variablesn// ========================================================================nn@search-width: 120px;n@search-focus-width: 180px;n@search-height: 30px;n@search-padding: 30px;n@search-border: rgba(0,0,0,0);n@search-border-width: 1px;n@search-background: rgba(0,0,0,0);n@search-color: #444;n@search-placeholder-color: #999;nn@search-icon: "\f002";n@search-icon-size: 14px;n@search-icon-color: rgba(0,0,0,0.2);nn// Dropdown modifiern@dropdown-search-width: 300px;n@dropdown-search-margin-top: 0;n@dropdown-search-background: #f5f5f5;n@dropdown-search-color: #444;n@dropdown-search-animation: uk-slide-top-fixed;n@dropdown-search-navbar-margin-top: 5px;n@dropdown-search-navbar-margin-right: -15px;nn// Nav modifiern@nav-search-color: #444;n@nav-search-active-background: #00a8e6;n@nav-search-active-color: #fff;n@nav-search-header-color: #999;n@nav-search-divider-border: #ddd;n@nav-search-divider-border-width: 1px;n@nav-search-nested-color: #07D;n@nav-search-nested-hover-color: #059;nn// Search in offcanvasn@offcanvas-search-margin: 20px 15px;n@offcanvas-search-background: #1a1a1a;n@offcanvas-search-border: rgba(0,0,0,0);n@offcanvas-search-color: #ccc;n@offcanv as-search-placeholder-color: #777;n@offcanvas-search-icon-color: #777;nnn/* ========================================================================n Component: Searchn ========================================================================== */nn/*n * 1. Create position context for dropdownsn * 2. Needed for `form` elementn */nn.uk-search {n display: inline-block;n /* 1 */n position: relative;n /* 2 */n margin: 0;n .hook-search;n}nn/*n * Iconn */nn.uk-search:before {n content: @search-icon;n position: absolute;n top: 0;n left: 0;n width: @search-padding;n line-height: @search-height;n text-align: center;n font-family: FontAwesome;n font-size: @search-icon-size;n color: @search-icon-color;n .hook-search-icon;n}nnn/* Sub-object `uk-search-field`n ========================================================================== */nn/*n * Removes inner padd ing and border in Firefox 4+.n */nn.uk-search-field::-moz-focus-inner {n border: 0;n padding: 0;n}nn/*n * Remove inner padding and search cancel button in Chrome, Safari and Opera on OS X.n */nn.uk-search-field::-webkit-search-cancel-button,n.uk-search-field::-webkit-search-decoration { -webkit-appearance: none; }nn/*n * Removes cancel button in IE10n */nn.uk-search-field::-ms-clear { display: none; }nn/*n * Removes placeholder transparency in Firefox.n */nn.uk-search-field::-moz-placeholder { opacity: 1; }nn/*n * 1. Define consistent box sizing.n * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera.n * 3. Remove `border-radius` in iOS.n * 4. Correct `font` properties and `color` not being inherited.n * 5. Remove default style in iOS.n * 6. Stylen */nn.uk-search-field {n /* 1 */n box-sizing: border-box;n /* 2 */n margin: 0;n /* 3 */n border-radius: 0;n /* 4 */n font: inherit;n color: @search-color;n /* 5 */n -webkit-appearance: none;n /* 6 */n width: @search-width;n height: @search-height;n padding: 0 0 0 @search-padding;n border: @search-border-width solid @search-border;n background: @search-background;n -webkit-transition: all linear 0.2s;n transition: all linear 0.2s;n vertical-align: middle;n .hook-search-field;n}nn/* Placeholder */n.uk-search-field:-ms-input-placeholder { color: @search-placeholder-color !important; }n.uk-search-field::-moz-placeholder { color: @search-placeholder-color; }n.uk-search-field::-webkit-input-placeholder { color: @search-placeholder-color; }nn/* Focus */n.uk-search-field:focus {n outline: 0;n .hook-search-field-focus;n}nn/* Focus + Active */n.uk-search-field:focus,n.uk-search.uk-active .uk-search-field { width: @search-focus-width; }nnn/* Dropdown modifier: `uk-dropdown-search`n ========================================================================== */nn.uk-dropdown-search {n width: @dropdown-search-width;n margin-top: @dropdown-search-margin-top;n background: @dropdown-search-background;n color: @dropdown-search-color;n .hook-dropdown-search;n}nn.uk-open > .uk-dropdown-search {n -webkit-animation: @dropdown-search-animation 0.2s ease-in-out;n animation: @dropdown-search-animation 0.2s ease-in-out;n}nn/*n * Dependency `uk-navbar-flip`n */nn.uk-navbar-flip .uk-dropdown-search {n margin-top: @dropdown-search-navbar-margin-top;n margin-right: @dropdown-search-navbar-margin-right;n}nnn/* Nav modifier `uk-nav-search`n ========================================================================== */nn/*n * Itemsn */nn.uk-nav-search > li > a {n color: @nav-search-color;n .hook-nav-search;n}nn/*n * Activen * 1. Remove default focus style n */nn.uk-nav-search > li.uk-active > a {n background: @nav-search-active-background;n color: @nav-search-active-color;n /* 1 */n outline: none;n .hook-nav-search-active;n}nn/*n * Sub-object: `uk-nav-header`n */nn.uk-nav-search .uk-nav-header {n color: @nav-search-header-color;n .hook-nav-search-header;n}nn/*n * Sub-object: `uk-nav-divider`n */nn.uk-nav-search .uk-nav-divider {n border-top: @nav-search-divider-border-width solid @nav-search-divider-border;n .hook-nav-search-divider;n}nn/*n * Nested itemsn */nn.uk-nav-search ul a { color: @nav-search-nested-color; }n.uk-nav-search ul a:hover { color: @nav-search-nested-hover-color; }nnn/* Search in offcanvasn ========================================================================== */nn.uk-offcanvas .uk-search {n display: block;n margin: @offcanvas-search-margin;n}nn.uk-offcanvas .uk-search:before { color: @offcanvas-search-icon-color; }nn.uk-offcanvas .uk-search-field {n width: 100%;n border-color: @offcanvas-search-border;n background: @offcanvas-search-background;n color: @offcanvas-search-color;n .hook-offcanvas-search-field;n}nn.uk-offcanvas .uk-search-field:-ms-input-placeholder { color: @offcanvas-search-placeholder-color !important; }n.uk-offcanvas .uk-search-field::-moz-placeholder { color: @offcanvas-search-placeholder-color; }n.uk-offcanvas .uk-search-field::-webkit-input-placeholder { color: @offcanvas-search-placeholder-color; }nnn// Hooksn// ========================================================================nn.hook-search-misc;nn.hook-search() {}n.hook-search-icon() {}n.hook-search-field() {}n.hook-search-field-focus() {}nn.hook-dropdown-search() {}n.hook-nav-search() {}n.hook-nav-search-active() {}n.hook-nav-search-header() {}n.hook-nav-search-divider() {}n.hook-offcanvas-search-field() {}nn.hook-search-misc() {}n// Name: Tooltipn// Description: Defines styles for tooltipsn//n// Component: `uk-tooltip`n//n// Modifiers `uk-tooltip-top`n// `uk-tooltip-top-left`n// `uk-tooltip-top-right`n// `uk-tooltip-bottom`n// `uk-tooltip-bottom-left`n// `uk-tooltip-bottom-right`n// `uk-tooltip-left`n// `uk-tooltip-right`n//n// ========================================================================nnn // Variablesn// ========================================================================nn@tooltip-z-index: 1030;n@tooltip-max-width: 200px;n@tooltip-padding-vertical: 5px;n@tooltip-padding-horizontal: 8px;n@tooltip-background: #333;n@tooltip-triangle-size: 5px;nn@tooltip-color: rgba(255,255,255,0.7);n@tooltip-font-size: 12px;n@tooltip-line-height: 18px;nn@tooltip-offset-horizontal: 10px;nnn/* ========================================================================n Component: Tooltipn ========================================================================== */nn/*n * 1. Hide by defaultn * 2. Set fixed positionn * 3. Set dimensionsn * 4. Set stylen */nn.uk-tooltip {n /* 1 */n display: non e;n /* 2 */n position: absolute;n z-index: @tooltip-z-index;n /* 3 */n box-sizing: border-box;n max-width: @tooltip-max-width;n padding: @tooltip-padding-vertical @tooltip-padding-horizontal;n /* 4 */n background: @tooltip-background;n color: @tooltip-color;n font-size: @tooltip-font-size;n line-height: @tooltip-line-height;n .hook-tooltip;n}nnn/* Trianglen ========================================================================== */nn/*n * 1. Dashed is less antialised than solidn */nn.uk-tooltip:after {n content: "";n display: block;n position: absolute;n width: 0;n height: 0;n /* 1 */n border: @tooltip-triangle-size dashed @tooltip-background;n}nnn/* Direction modifiersn ========================================================================== */nn/*n * Topn */nn.uk-tooltip-top:after,n.uk-tooltip-top-left:after,n.uk-tooltip-top-right:after {n bottom: -@toolti p-triangle-size;n border-top-style: solid;n border-bottom: none;n border-left-color: transparent;n border-right-color: transparent;n border-top-color: @tooltip-background;n}nn/*n * Bottomn */nn.uk-tooltip-bottom:after,n.uk-tooltip-bottom-left:after,n.uk-tooltip-bottom-right:after {n top: -@tooltip-triangle-size;n border-bottom-style: solid;n border-top: none;n border-left-color: transparent;n border-right-color: transparent;n border-bottom-color: @tooltip-background;n}nn/*n * Top/Bottom centern */nn.uk-tooltip-top:after,n.uk-tooltip-bottom:after {n left: 50%;n margin-left: -@tooltip-triangle-size;n}nn/*n * Top/Bottom leftn */nn.uk-tooltip-top-left:after,n.uk-tooltip-bottom-left:after { left: @tooltip-offset-horizontal; }nn/*n * Top/Bottom rightn */nn.uk-tooltip-top-right:after,n.uk-tooltip-bottom-right:after { right: @tooltip-offset-horizontal; }nn/*n * Leftn */nn.uk-tooltip-left:after {n right: -@tooltip-triangle-size;n top: 50%;n margin-top: -@tooltip-triangle-size;n border-left-style: solid;n border-right: none;n border-top-color: transparent;n border-bottom-color: transparent;n border-left-color: @tooltip-background;n}nn/*n * Rightn */nn.uk-tooltip-right:after {n left: -@tooltip-triangle-size;n top: 50%;n margin-top: -@tooltip-triangle-size;n border-right-style: solid;n border-left: none;n border-top-color: transparent;n border-bottom-color: transparent;n border-right-color: @tooltip-background;n}nnn// Hooksn// ========================================================================nn.hook-tooltip-misc;nn.hook-tooltip() {}n.hook-tooltip-misc() {}n// Name: Nestablen// Description: Defines styles for nestable listsn//n// Component: `uk-nestable`n//n// Sub-objects: `uk-nestable-list`n// `uk-nestable-item`n// `uk-nestable-handle`n// `uk-nestable-moving`n// `uk-nestable-toggle`n// `uk-nestable-panel`n//n// Modifier: `uk-nestable-dragged`n// `uk-nestable-placeholder`n//n// States: `uk-parent`n// `uk-collapsed`n//n// Markup:n//n// n//

    n//

  • n//

  • n//

n//n// ========================================================================nnn// Variablesn// ========================================================================nn@nestable-padding-left: 40px;nn@nestable-item-margin: 10px;nn@nestable-dragged-z-index: 1050;nn@nestable-placeholder-border: #ddd;nn@nestable-empty-height: 30px;n n@nestable-toggle-icon: "\f147";n@nestable-toggle-collapsed-icon: "\f196";nn@nestable-panel-padding: 5px;n@nestable-panel-background: #f5f5f5;nnn/* ========================================================================n Component: Nestablen ========================================================================== */nn.uk-nestable {n padding: 0;n list-style: none;n .hook-nestable;n}nn/*n * Disables the default callout shown when you touch and hold a touch targetn * Currently only works in Webkitn */nn.uk-nestable a,n.uk-nestable img { -webkit-touch-callout: none; }nnn/* Sub-object `uk-nestable-list`n ========================================================================== */nn.uk-nestable-list {n margin: 0;n padding-left: @nestable-padding-left;n list-style: none;n}nnn/* Sub-modifier `uk-nestable-item`n ========================================================================== */nn/*n * 1. Deactivate browser touch actions in IE11n */nn.uk-nestable-item {n /* 1 */n touch-action: none;n .hook-nestable-item;n}nn.uk-nestable-item + .uk-nestable-item { margin-top: @nestable-item-margin; }nn.uk-nestable-list:not(.uk-nestable-dragged) > .uk-nestable-item:first-child { margin-top: @nestable-item-margin; }nnn/* Sub-modifier `uk-nestable-dragged`n ========================================================================== */nn/*n * 1. Reset stylen */nn.uk-nestable-dragged {n position: absolute;n z-index: @nestable-dragged-z-index;n pointer-events: none;n /* 1 */n padding-left: 0;n .hook-nestable-dragged;n}nnn/* Sub-modifier `uk-nestable-placeholder`n ========================================================================== */nn.uk-nestable-placeholder { position: relative; }nn.uk-nestable-placeholder > * { opacity: 0; }nn.uk-nestable-placeholder:after {n content: '';n position: absolute;n top: 0;n bottom: 0;n left: 0;n right: 0;n border: 1px dashed @nestable-placeholder-border;n opacity: 1;n .hook-nestable-placeholder;n}nnn/* Empty Listn ========================================================================== */nn.uk-nestable-empty {n min-height: @nestable-empty-height;n .hook-nestable-empty;n}nnn/* Sub-object `uk-nestable-handle`n ========================================================================== */nn/*n * Deactivate browser touch actions in IE11n */nn.uk-nestable-handle { touch-action: none; }nn/* Hover */n.uk-nestable-handle:hover { cursor: move; }nnn/* Sub-object `uk-nestable-moving`n ========================================================================== */nn.uk-nestable-moving,n/* Needed if moving over links or buttons */n.uk-nestable-moving * { cursor: move; }nnn/* [data-nestable-action=’toggle’]n ========================================================================== */nn/*n * 1. Makes text unselectable. Happens if double clicked by mistaken */nn[data-nestable-action=’toggle’] {n cursor: pointer;n /* 1 */n -moz-user-select: none;n -webkit-user-select: none;n -ms-user-select: none;n user-select: none;n}nnn/* Sub-object `.uk-nestable-toggle`n ========================================================================== */nn.uk-nestable-toggle {n display: inline-block;n visibility: hidden;n .hook-nestable-toggle;n}nn.uk-nestable-toggle:after {n content: @nestable-toggle-icon;n font-family: FontAwesome;n}nn.uk-parent > :not(.uk-nestable-list) .uk-nestable-toggle { visibility: visible; }nn/*n * Collapsedn */nn.uk-collapsed .uk-nestable-list { display: none; }nn.uk-collapsed .uk-nestable-toggle:after { content: @nestable-toggle-collapsed-icon; }nnn/* Sub-object `uk-nestable-panel`n ========================================================================== */nn.uk-nestable-panel {n padding: @nestable-panel-padding;n background: @nestable-panel-background;n .hook-nestable-panel;n}nnn// Hooksn// ========================================================================nn.hook-nestable-misc;nn.hook-nestable() {}n.hook-nestable-item() {}n.hook-nestable-dragged() {}n.hook-nestable-placeholder() {}n.hook-nestable-empty() {}n.hook-nestable-handle() {}n.hook-nestable-toggle() {}n.hook-nestable-panel() {}n.hook-nestable-misc() {}nn// Name: Stickyn// Description: Make elements remain at the top of the viewportn//n// Component: `data-uk-sticky`n//n// States: `uk-active`n//n// ========================================================================nnn// Variablesn// ======================================================================== nn@sticky-z-index: 980;nn@sticky-animation-duration: 0.2s;n@sticky-reverse-animation-duration: 0.2s;nnn/* ========================================================================n Component: Stickyn ========================================================================== */nn/*n * 1. More robust if padding and border are usedn */nn[data-uk-sticky].uk-active {n z-index: @sticky-z-index;n /* 1 */n box-sizing: border-box;n}nn/*n * Faster animationsn */nn[data-uk-sticky][class*=’uk-animation-‘] {n -webkit-animation-duration: @sticky-animation-duration;n animation-duration: @sticky-animation-duration;n}nn[data-uk-sticky].uk-animation-reverse {n -webkit-animation-duration: @sticky-reverse-animation-duration;n animation-duration: @sticky-reverse-animation-duration;n}nnn// Hooksn// ========================================================================nn.hook-sticky-misc;nn.hook-sticky-m isc() {}nnnn// Themen// ========================================================================nn// LESS relatedn// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */nn//n// Component: Variablesn//n// ========================================================================nnn// Global variablesn// ========================================================================nn//n// Textn//nn@global-font-family: 'Open Sans', sans-serif;n@global-heading-font-family: 'Dosis', sans-serif;n@global-font-size: 16px;n@global-line-height: 30px;n@global-font-style-alt: italic;n@global-font-style: normal;nn@global-color: #7a8188;n@global-heading-color:ttttttt#494c50;n@global-alt-color:ttttttt #494c50;n@global-primary-color: #5181fa;n@global-secondary-color: #faa300;nn@global-muted-color: #adb1b4;n@global-disabled-color: #9b9d9f;nn@global-contrast-color: #fff;nn@global-link-color: @global-primary-color;n@global-link-hover-color: @global-secondary-color;nn@global-nav-color: #adb1b4;nn//n// Backgrounds & Bordersn//nn@global-background: #fff;n@global-alt-background: #494c50;n@global-primary-background: #5181fa;nn@global-secondary-background: #fac051;n@global-success-background: #23e074;n@global-warning-background: #ff7b3a;n@global-danger-background: #e9325b;nn@global-dropdown-background: @global-background;nn@global-disabled-background: #e8e8e8;n@global-muted-background: t#fafafa;nn@global-border: #eceded;n@global-border-width: 1px;nn//n// Spacingsn//nn@global-margin: 20px;n@global-margin-large: 40px;n@global-margin-xlarge: 70px;n@global-margin-small: 10px;n@global-grid-gutter: 20px;n@global-grid-gutter-large: 40px;nn//n// Controlsn//nn@global-height: 40px;n@global-height-mini: 20px;n@global-height-small: 25px;n@global-height-large: 50px;nn//n// Z-indexn//nn@global-z-index: 1000;nn// Internal Global variablesn// ==== ======================================================================nn@global-image-path: 'images';n@global-style: 'default';nnn// Defaultsn// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */nn//n// Component: Basen//n// ========================================================================nnn// Variablesn// ========================================================================nnn@base-body-color: @global-color;nn@base-body-font-family: @global-font-family;n@base-body-font-size: @global-font-size;n@base-body-line-height: @global-line-height;nn@base-link-color: @global-secondary-color;n@base-link-hover-color: @global-primary-color;n@base-link-hover-text-decoration: none;nn@base-margin-vertical: @global-margin;nn@base-heading-font-family: @global-heading-font-family;n@base-heading-color: @global-heading-color;n@base-heading-margin-top: @global-margin;nn@base-h1-line-height: 50px;n@base-h2-font-size: 30px;n@base-h2-line-height: 42px;n@base-h3-font-size: 22px;n@base-h3-line-height: 34px;nn@base-hr-border: @global-border;nn@base-blockquote-padding-left: 0;n@base-blockquote-border: @global-border;n@base-blockquote-border-width: 0;n@base-blockquote-font-size: 24px;n@base-blockquote-line-height: 36px;n@base-blockquote-font-style: italic;nn//n// Newn //nn@base-body-font-style: @global-font-style-alt;n@base-h-font-style: @global-font-style;n@blockquote-font-weight: 300;nnn// Bodyn// ========================================================================nn.hook-base-body() { font-style: @base-body-font-style; }nnn// Linksn// ========================================================================nn.hook-base-link() {}nn.hook-base-link-hover() {}nnn// Text-level semanticsn// ========================================================================nn.hook-base-code() {}nnn// Headingsn// ========================================================================nn.hook-base-h() { font-style: @base-h-font-style; }nn.hook-base-h1() {}nn.hook-base-h2() {}nn.hook-base-h3() {}nn.hook-base-h4() {}nn.hook-base-h5() {}nn.hook-base-h6() {}nnn// Horizontal rulesn// ========================================================================nn.hook-base-hr() {}nnn// Blockquotesn// ========================================================================nn.hook-base-blockquote() { font-weight: @blockquote-font-weight; }nnn// Preformatted textn// ========================================================================nn.hook-base-pre() {}nnn// Miscellaneousn// ========================================================================nn.hook-base-misc() {}nnn// Layoutn// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */nn//n// Component: Gridn//n// ========================================================================nnn// Variablesn// ========================================================================nn@grid-gutter-horizontal: @global-grid-gutter;n@grid-gutter-vertical: @global-grid-gutter;nn@grid-gutter-large-horizontal: @global-grid-gutter-large;n@grid-gutter-large-vertical: @global-grid-gutter-large;nn@grid-divider-border: @global-border;nnn// Miscellaneousn// ======== ================================================================nn.hook-grid-misc() {}n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */nn//n// Component: Paneln//n// ========================================================================nnn// Variablesn// ========================================================================nn@panel-title-margin-bottom: @global-margin;nn@panel-title-font-size: 22px;n@panel-title-line-height: 34px;n@panel-title-color: @global-heading-color;nn@panel-box-padding: @global-margin;n@panel-box-background: #fff;n@panel-box-color: @global-color;n@panel-box-title-color: @global-heading-color;n@panel-box-badge-top: 0;nn@panel-box-primary-back ground: @global-alt-background;n@panel-box-primary-color: @global-contrast-color;n@panel-box-primary-title-color: @global-contrast-color;nn@panel-box-secondary-background: #fafafa;nn@panel-hover-padding: @global-margin;n@panel-hover-color: @global-color;n@panel-hover-hover-color: @global-color;n@panel-hover-hover-background: @global-background;nn@panel-header-title-color: @global-heading-color;nn@panel-divider-gutter: @global-grid-gutter;n@panel-divider-gutter-large: @global-grid-gutter-large;n@panel-divider-border: @global-border;nn//n// Newn//nn@panel-box-padding-large: @global-margin-large;nn@panel-box-primary-button-background: @global-secondary-background;n@panel-box-prim ary-button-primary-border: @global-contrast-color;n@panel-box-primary-button-primary-color: @global-contrast-color;nn@panel-hover-hover-shadow: rgba(0, 0, 0, 0.1);nn@panel-body-padding-large: 80px;nnn// Sub-object: `uk-panel-title`n// ========================================================================nn.hook-panel-title() {}nnn// Sub-object: `uk-panel-badge`n// ========================================================================nn.hook-panel-badge() {}nnn// Modifier: `uk-panel-box`n// ========================================================================nn.hook-panel-box() {}nn.hook-panel-box-hover() {}nn//n// Sub-modifier: `uk-panel-box-primary`n//nn.hook-panel-box-primary() {nn .uk-button:hover:not(.uk-button-primary) { background: @panel-box-primary-button-background; }nn .uk-button-primary {n border-color: @panel-box-primary-button-primary-border;n color: @panel-box-primary-button-primary-color;n }nn}nn.hook-panel-box-primary-hover() {}nn//n// Sub-modifier: `uk-panel-box-secondary`n//nn.hook-panel-box-secondary() {}nn.hook-panel-box-secondary-hover() {}nnn// Modifier: `uk-panel-hover`n// ========================================================================nn.hook-panel-hover() {}nn.hook-panel-hover-hover() { box-shadow: 0 1px 10px @panel-hover-hover-shadow; }nnn// Modifier: `uk-panel-header`n// ========================================================================nn.hook-panel-header() {}nnn// Miscellaneousn// ========================================================================nn.hook-panel-misc() {nn // Xlarge screen and biggern @media (min-width: @breakpoint-xlarge) {nn .uk-panel-box { padding: @panel-box-padding-large; }nn .uk-panel-box > .uk-panel-teaser {n margin-top: -@panel-box-padding-large;n margin-left: -@panel-box-padding-large;n margin-right: -@panel-box-padding-large;n }nn .uk-panel-body { padding: @panel-body-padding-large; }nn }nnn}nn// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */nn//n// Component: Blockn//n// ========================================================================nnn// Variablesn// ========================================================================nn@block-default-background: @global-background;n@block-muted-background: @global-muted-background;n@block-primary-background: @global-primary-background;n@block-secondary-background: @global-alt-background;nn@block-padding-vertical-large: @global-margin;nnn// Componentn// ========================================================================nn.hook-block() {}nnn// Color modifiern// ========================================================================nn.hook-block-default() {}nn.hook-block-muted() {}nn.hook-block-s econdary() {}nn.hook-block-primary() {}nnn// Miscellaneousn// ========================================================================nn.hook-block-misc() {}nn// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */nn//n// Component: Articlen//n// ========================================================================nnn// Variablesn// ========================================================================nn@article-margin-top: @global-margin-xlarge;nn@article-meta-font-size: 14px;n@article-meta-color: @global-muted-color;nn@article-lead-color: @global-alt-color;nn@article-divider-margin: @global-margin-large;n@article-divider-border: @global-border;nnn// Sub-object `uk-article-title`n// ======================= =================================================nn.hook-article-title() {}nnn// Sub-object `uk-article-meta`n// ========================================================================nn.hook-article-meta() {}nnn// Sub-object `uk-article-lead`n// ========================================================================nn.hook-article-lead() {}nnn// Sub-object `uk-article-divider`n// ========================================================================nn.hook-article-divider() {}nnn// Miscellaneousn// ========================================================================nn.hook-article-misc() {}nn// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */nn//n// Component: Commentn//n// ========================================================================nnn// Variablesn// ========================================================================nn@comment-header-marg in-bottom: @global-margin;nn@comment-avatar-margin-right: @global-margin;nn@comment-meta-color: @global-muted-color;n@comment-meta-font-size: 14px;n@comment-meta-line-height: 24px;nn@comment-list-margin-top: @global-margin-large;nn//n// Newn//nn@comment-primary-shadow: ttttttrgba(0, 0, 0, 0.1);nnn// Componentn// ========================================================================nn.hook-comment() {n padding: @global-margin;n}nnn// Sub-object `uk-comment-header`n// ========================================================================nn.hook-comment-header() {}nnn// Sub-object `uk-comment-avatar`n// ========================================================================nn.hook-comment-avatar() {}nnn// Sub-object `uk-comment-title`n// ===================================================== ===================nn.hook-comment-title() {}nnn// Sub-object `uk-comment-meta`n// ========================================================================nn.hook-comment-meta() {}nnn// Sub-object `uk-comment-body`n// ========================================================================nn.hook-comment-body() {}nnn// Sub-object `uk-comment-primary`n// ========================================================================nn.hook-comment-primary() { box-shadow: 0 3px 10px @comment-primary-shadow; }nnn// Miscellaneousn// ========================================================================nn.hook-comment-misc() {}nnn// Navsn// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */nn//n// Component: Navn//n// ========================================================================nnn// Variablesn// ========================================================================nn@nav-padding-horizontal: @global-margin;nn@nav-header-font-size: 15px;nn@nav-side-color: @global-nav-color;n@nav-side-hover-color: @global-color;n@nav-side-hover-background: @global-muted-background;n@nav-side-active-background: @global-primary-background;n@nav-side-active-color: @global-contrast-color;n@nav-side-header-color: @global-heading-color;n@nav-side-divider-border: @global-border;n@nav-side-nested-color: @global-nav-color;n@nav-side-nested-hover-color: @global-primary-color;nn@nav-header-text-transform: none;nn@nav-dropdown-color: @global-nav-color;n@nav-dropdown-hover-background: rgba(0,0,0,0);n@nav-dropdown-hover-color: @global-primary-color;n@nav-dropdown-header-color: @global-heading-color;n@nav-dropdown-divider-border: @global-border;n@nav-dropdown-nested-color: @global-nav-color;n@nav-dropdown-nested-hover-color: @global-primary-color;nn@nav-navbar-color: @global-nav-color;nn@nav-navbar-hover-background: rgba(0,0,0,0);n@nav-navbar-hover-color: @global-primary-color;n@nav-navbar-header-col or: @global-heading-color;n@nav-navbar-divider-border: @global-border;n@nav-navbar-nested-color: @global-nav-color;n@nav-navbar-nested-hover-color: @nav-navbar-hover-color;nn@nav-offcanvas-padding-horizontal: @global-margin;n@nav-offcanvas-color: @global-nav-color;n@nav-offcanvas-hover-background: rgba(0,0,0,0);n@nav-offcanvas-hover-color: @global-primary-color;n@nav-offcanvas-active-background: rgba(0,0,0,0);n@nav-offcanvas-active-color: @global-primary-color;n@nav-offcanvas-header-color: @global-heading-color;n@nav-offcanvas-divider-border: @global-border;n@nav-offcanvas-nested-color: @global-nav-color;n@nav-offcanvas-nested-hover-color: @global-primary-color;nn@nav-sub-padding-left: 30px;nn //n// Newn//nn@nav-font-style: @global-font-style;n@nav-parent-icon-font-style: @global-font-style;n@nav-navbar-active-color: @global-primary-color;n@nav-offcanvas-sub-background: @global-muted-background;nnn// Sub-object: `uk-nav-header`n// ========================================================================nn.hook-nav-header() { font-style: @nav-font-style; }nnn// Sub-object: `uk-nav-divider`n// ========================================================================nn.hook-nav-divider() {}nnn// Sub-object: `uk-nav-sub`n// ========================================================================nn.hook-nav-sub() {}nnn// Modifier: `uk-nav-parent-icon`n// ========================================================================nn.hook-nav-parent-icon() { font-style: @nav-parent-icon-font-style; }nnn// Modifier `uk-nav-side`n// ========================================================================nn//n// Itemsn//nn.hook-nav-side() {}nn// Hovern.hook-nav-side-hover() {}nn// Activen.hook-nav-side-active() {}nn//n// Sub-object: `uk-nav-header`n//nn.hook-nav-side-header() {}nn//n// Sub-object: `uk-nav-divider`n//nn.hook-nav-side-divider() {}nnn// Modifier `uk-nav-dropdown`n// ========================================================================nn//n// Itemsn//nn.hook-nav-dropdown() {}nn// Hovern.hook-nav-dropdown-hover() {}nn//n// Sub-object: `uk-nav-header`n//nn.hook-nav-dropdown-header() {}nn//n// Sub-object: `uk-nav-divider`n//nn.hook-nav-dropdown-divider() {}nnn// Modifier `uk-nav-navbar`n// ========================================================================nn//n// Itemsn//nn.hook-nav-navbar() {}nn// Hovern.hook-nav-navbar-hover() {}nn// n// Sub-object: `uk-nav-header`n//nn.hook-nav-navbar-header() {}nn//n// Sub-object: `uk-nav-divider`n//nn.hook-nav-navbar-divider() {}nnn// Modifier `uk-nav-offcanvas`n// ========================================================================nn.hook-nav-offcanvas-link() {}nn.hook-nav-offcanvas-link-hover() {}nn//n// Itemsn//nn.hook-nav-offcanvas() {}nn// Hovern.hook-nav-offcanvas-hover() {}nn// Activen.hook-nav-offcanvas-active() {}nn//n// Sub-object: `uk-nav-header`n//nn.hook-nav-offcanvas-header() {}nn//n// Sub-object: `uk-nav-divider`n//nn.hook-nav-offcanvas-divider() {}nnn// Miscellaneousn// ========================================================================nn.hook-nav-misc() {nn .uk-nav-navbar > li.uk-active > a { color: @nav-navbar-active-color; }n .uk-nav-header > ul.uk-nav-sub { margin: @global-margin-small 0; }nn .uk-nav-offcanvas .uk-nav-sub {n margin: 0 @global-margin;n padding-left: @global-margin;n background: @nav-offcanvas-sub-background;n }nn}nn// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */nn//n// Component: Navbarn//n// ========================================================================nnn// Variablesn// ========================================================================nn@navbar-background: @global-background;n@navbar-color: @global-alt-color;n@navbar-link-color: @global-primary-color;n@navbar-link-hover-color: @global-secondary-color;nn@navbar-nav-padding-horizontal: 12px;nn@navbar-nav-height: 100px;n@navbar-nav-line-height: @navbar-nav-height;n@na vbar-nav-color: @global-alt-color;n@navbar-nav-font-size: 17px;n@navbar-nav-font-family: @global-heading-font-family;n@navbar-nav-hover-background: rgba(0,0,0,0);n@navbar-nav-hover-color: @global-primary-color;n@navbar-nav-onclick-background: rgba(0,0,0,0);n@navbar-nav-onclick-color: @global-primary-color;n@navbar-nav-active-background: rgba(0,0,0,0);n@navbar-nav-active-color: @navbar-nav-hover-color;n@navbar-nav-subtitle-font-size: 12px;n@navbar-nav-subtitle-offset: 4px;nn@navbar-brand-font-size: 30px;n@navbar-brand-color: #444;n@navbar-brand-hover-color: @global-alt-color;nn@navbar-toggle-icon: "";n@ navbar-toggle-color: @global-alt-color;n@navbar-toggle-hover-color: @global-primary-color;nn//n// Newn//nn@navbar-nav-border-width: 2px;n@navbar-nav-border: @navbar-nav-hover-color;n@navbar-content-padding-horizontal: @global-margin;nn@navbar-font-style: @global-font-style;nn@navbar-toggle-height: 35px;nn@navbar-nav-padding-large-horizontal: 20px;nnn// Componentn// ========================================================================nn.hook-navbar() { font-style: @navbar-font-style; }nnn// Sub-object: `uk-navbar-nav`n// ========================================================================nn.hook-navbar-nav() {nn &:before {n content: '';n position: absolute;n width: 0;n height: @navbar-nav-border-width;n background: @navbar-nav-border;n -webkit-transition: width .3s;n transition: width .3s;n }nn}nn// Hovern.hook-navbar-nav-hover() {nn &:before { width: 100%; }nn}nn// OnClickn.hook-navbar-nav-onclick() {}nn// Activen.hook-navbar-nav-active() {nn &:before { width: 100%; }nn}nnn// Sub-object: `uk-navbar-content`n// ========================================================================nn.hook-navbar-content() { padding: 0 @navbar-content-padding-horizontal; }nnn// Miscellaneousn// ========================================================================nn.hook-navbar-misc() {nn .uk-navbar-toggle {n height: @navbar-toggle-height;n background: url("/templates/yoo_joy/less/uikit/@{global-image-path}/@{global-style}/icon-toggler.svg") no-repeat 50% 0;n }nn .uk-navbar-nav > li {n padding-left: @navbar-nav-padding-horizontal;n padding-right: @navbar-nav-padding-horizontal;n }nn .uk-navbar-nav > li > a {n position: relative;n padding: 0;n }nn @media (min-width: @breakpoint-large) {nn .uk-navbar-nav > li {n padding-left: @navbar-nav-padding-large-horizontal;n padding-right: @navbar-nav-padding-large-horizontal;n }nn }nn .uk-navbar-brand { padding-left: 0; }nn}nn// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */nn//n// Component: Subnavn//n// ========================================================================nnn// Variablesn// ========================================================================nn@subnav-margin-horizontal: @global-margin;n@subnav-color: @global-color;n@subnav-hover-color: @global-secondary-color;n@subnav-active-color: @subnav-hover-color;nn@subnav-line-border: @global-border;n@subnav-line-border-height: 16px;n@subnav-line-border-width: 2px;nn@subnav-pill-hover-color: @global-color;n@subnav-pill-active-background: @global-primary-background;n@subnav-pill-active-color: @global-contrast-color; nn@subnav-disabled-color: lighten(@global-disabled-color, 20%);nn//n// Newn//nn@subnav-font-style: @global-font-style;nnn// Componentn// ========================================================================nn.hook-subnav() { font-style: @subnav-font-style; }nn.hook-subnav-hover() {}nn.hook-subnav-active() {}nnn// Modifier: `uk-subnav-line'n// ========================================================================nn.hook-subnav-line-divider() {}nnn// Modifier: `uk-subnav-pill'n// ========================================================================nn.hook-subnav-pill() {}nn.hook-subnav-pill-hover() {}nn.hook-subnav-pill-active() {}nnn// Disabled staten// ========================================================================nn.hook-subnav-disabled() {}nnn// Miscellaneousn// ========================================================================nn.hook-subnav-misc() {}nn// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */nn//n// Component: Breadcrumbn//n// ========================================================================nnn// Variablesn// ================================================================= =======nn@breadcrumb-disabled-color: @global-disabled-color;n@breadcrumb-divider: "";nn//n// Newn//nn@breadcrumb-divider-border: lighten(@global-muted-color, 20%);nnn// Componentn// ========================================================================nn.hook-breadcrumb() {}nnn// Itemsn// ========================================================================nn.hook-breadcrumb-divider() {n position: absolute;n top: 50%;n left: -22px;n width: 12px;n height: 2px;n margin: 0;n background: @breadcrumb-divider-border;n}nnn// Miscellaneousn// ========================================================================nn.hook-breadcrumb-misc() {nn .uk-breadcrumb > li {n position: relative;n padding-right: 34px;n }nn}nn// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */ nn//n// Component: Paginationn//n// ========================================================================nnn// Variablesn// ========================================================================nn@pagination-font-size: 24px;n@pagination-line-height: 34px;n@pagination-background: rgba(0,0,0,0);n@pagination-color: @global-muted-color;n@pagination-hover-background: rgba(0,0,0,0);n@pagination-hover-color: @global-alt-color;n@pagination-onclick-background: rgba(0,0,0,0);n@pagination-onclick-color: @global-alt-color;nn@pagination-active-background: rgba(0,0,0,0);n@pagination-active-color: @global-alt-color;nn@pagination-disabled-background: rgba(0,0,0,0);n@pagination-disabled-color: lighten(@global-mute d-color, 20%);nn//n// Newn//nn@pagination-item-font-weight: 300;nnn// Componentn// ========================================================================nn//n// Itemsn//nn.hook-pagination-item() { font-weight: @pagination-item-font-weight; }nn// Linkn.hook-pagination-link() {}nn.hook-pagination-link-hover() {}nn.hook-pagination-link-active() {}nn// Activen.hook-pagination-active() {}nn// Disabledn.hook-pagination-disabled() {}nnn// Miscellaneousn// ========================================================================nn.hook-pagination-misc() {}nn// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */nn//n// Component: Tabn//n// ========================================================================nnn// Variablesn// ========================================================================nn@tab-border: rgba(0,0,0,0);n@tab-border-width:tttttttt0;n@tab-padding-horizontal: tttttt0;n@tab-color: @global-nav-color;n@tab-hover-color: @global-alt-color;n@tab-hover-background:tttttttrgba(0,0,0,0); n@tab-active-background: @global-muted-background;n@tab-active-color: @global-alt-color;n@tab-disabled-color: lighten(@global-disabled-color, 20%);nn//n// Newn//nn@tab-hover-border-width: 2px;nn@tab-margin-horizontal:ttttttt10px;n@tab-hover-border-background: @global-primary-background;nn@tab-activ-background: rgba(0,0,0,0);nnn// Componentn// ========================================================================nn//n// Itemsn//nn.hook-tab() {}nn// Hovern.hook-tab-hover() {}nn// Activen.hook-tab-active() { background: @tab-activ-background; }nn// Disabledn.hook-tab-disabled() {}nnn// Miscellaneousn// ========================================================================nn.hook-tab-misc() {nn .uk-tab > li > a {n padding-left: @global-margin-small;n padding-right: @global-margin-small;n margin: 0;n }nn .uk-tab .uk-active { background: @tab-active-background; }nn .uk-tab-responsive > a:before { font-style: normal; }nn /* Tablet and bigger */n @media (min-width: @breakpoint-medium) {nn .uk-tab {nn > li.uk-active > a:after,n > li:not(.uk-disabled) > a:after {n content: "";n position: absolute;n bottom: 0;n left: 50%;n height: @tab-hover-border-width;n margin-left: 0;n background: @tab-hover-border-background;n -webkit-transition: width .3s, margin .3s;n transition: width .3s, margin .3s;n }nn > li > a:after { width: 0; }nn > li.uk-active > a:after,n > li > a:hover:after {n width: 100%;n margin-left: -50%;n }nn > li:not(:first-child) { margin-left: @tab-margin-horizontal; }n > li { margin-right: @tab-margin-horizontal; }nn }nn .uk-tab > li:nth-child(n+2) > a,n .uk-tab-grid > li:first-child > a { margin: 0; }nn .uk-tab-bottom > li > a:after { top: 0; }nn .uk-tab-left,n .uk-tab-right {nn > li { margin: 0 !important; }nn > li > a {n margin: 0!important;n padding: @global-margin-small @global-margin !important;n }nn > li.uk-active > a:after,n > li:not(.uk-disabled) > a:after {n left: 0;n height: 100%;n margin-left: 0;n -webkit-transition: width .2s;n transition: width .2s;n }nn > li.uk-active > a:after,n > li > a:hover:after { width: 4px; }nn > li > a:hover,n > li > a:focus,n > li.uk-active > a { background: @tab-active-background; }nn }nn .uk-tab-right {nn > li.uk-active > a:after,n > li:not(.uk-disabled) > a:after {n right: 0;n left: auto;n }nn }n }nn}nn// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */nn//n// Component: Thumbnavn//n// ========================================================================nnn// Componentn// ========================================================================nn.hook-thumbnav() {}nnn// Miscellaneousn// ========================================================================nn.hook-thumbnav-misc() {}nn// Elementsn// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */nn//n// Component: Listn//n// ========================================================================nnn// Variablesn// ======================= =================================================nn@list-line-border: @global-border;n@list-striped-background: @global-muted-background;nn//n// Newn//nn@list-color: @global-muted-color;nnn// Modifier: `list-line`n// ========================================================================nn.hook-list-line() {}nnn// Modifier: `list-striped`n// ========================================================================nn.hook-list-striped() {}nnn// Miscellaneousn// ========================================================================nn.hook-list-misc() {nn .uk-list { color: @list-color; }nn}nn// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */nn//n// Component: Description listn//n// ========================================================================nnn// Variablesn// ========================================================================nn@description-list-line-border: @global-border;n@description-list-line-color: @global-muted-color;nnn// Miscellaneousn// ========================================================================nn.hook-description-list-misc() {}n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */nn//n// Component: Tablen//n// ========================================================================nnn// Variablesn// ========================================================================nn@table-margin-vertical: @glob al-margin;nn@table-caption-color: @global-muted-color;n@table-caption-font-size: 15px;nn@table-striped-background: @global-muted-background;nn@table-hover-background: darken(@global-muted-background, 3%);nnn// Componentn// ========================================================================nn.hook-table() {}nn.hook-table-active() {}nn.hook-table-striped() {}nn.hook-table-condensed() {}nn.hook-table-hover() {}nnn// Miscellaneousn// ========================================================================nn.hook-table-misc() {}nn// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */nn//n// Component: Formn//n// ========================================================================nnn// Variablesn// ========================================================================nn@form-heig ht: @global-height;n@form-border: @global-border;n@form-background: @global-background;n@form-color: @global-color;nn@form-focus-color: @global-color;nn@form-disabled-border: lighten(@global-disabled-color, 25%);n@form-disabled-color: @global-disabled-color;nn@form-placeholder-color: @global-muted-color;nn@form-gutter: @global-margin;nn@form-legend-border: @global-border;nn@form-small-height: @global-height-small;n@form-large-height: @global-height-large;nn@form-blank-border: @global-border;nn@form-icon-font-size: @global-font-size;n@form-icon-color: @global-muted-color;nn@form-danger-border: @global-danger-background;n@form-danger-background: #fff;n@form-danger-color: @global-color;nn@form-success-border: @global-success-background;n@form-success-background: #fff;n@form-success-color: @global-color;nn//n// Newn//nn@form-small-line-height: @form-small-height;nnn// Componentn// ========================================================================nn.hook-form() {}nn// Focus staten.hook-form-focus() {}nn// Disabled staten.hook-form-disabled() {}nn// Legendn.hook-form-legend() {}nnn// Validation statesn// ========================================================================nn//n// Error staten//nn.hook-form-danger() {}nn//n// Success staten//nn.hook-form-success() { }nnn// Style modifiersn// ========================================================================nn.hook-form-blank() {}nn.hook-form-blank-focus() {}nnn// Sub-object: `uk-form-label`n// ========================================================================nn.hook-form-stacked-label() {}nn.hook-form-horizontal-label() {}nnn// Miscellaneousn// ========================================================================nn.hook-form-misc() {nn .uk-form-small { line-height: @form-small-line-height; }nn}nnn// Commonn// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */nn//n// Component: Buttonn//n// ========================================================================nnn// Variablesn// ========================================================================nn@button-height: (@global-height – 2px);n@button-line-height: @button-height;n@button-color: @global-contrast-color;n@button-hover-color: @global-contrast-color;n@button-active-color: @global-contrast-color;n@button-background: @global-primary-background;n@button-hover-background: @global-alt-background;n@button-active-background: darken(@button-hover-background, 10%);nn@button-large-height: (@g lobal-height-large – 2px);n@button-large-line-height: @button-large-height;nn@button-small-height: (@global-height-small – 2px);n@button-small-line-height: @button-small-height;nn@button-primary-background: rgba(0,0,0,0);n@button-primary-hover-background: @button-primary-background;n@button-primary-active-background: @button-primary-background;n@button-primary-color: @global-color;n@button-primary-hover-color: @global-secondary-color;n@button-primary-active-color: @global-secondary-color;nn@button-success-background: @global-success-background;n@button-success-hover-background: darken(@button-success-background, 5%);n@button-success-color: @global-contrast-color;n@button-success-hover-color: @global-contrast-color;n@bu tton-success-active-color: @global-contrast-color;nn@button-danger-color: @global-contrast-color;n@button-danger-background: @global-danger-background;n@button-danger-hover-background: darken(@button-danger-background, 10%);n@button-danger-hover-color: @global-contrast-color;n@button-danger-active-color: @global-contrast-color;nn@button-disabled-color: @global-disabled-color;nn@button-link-color: @global-primary-color;n@button-link-hover-color: @global-secondary-color;n@button-link-disabled-color: @global-muted-color;nn//n// Newn//nn@button-border: rgba(0,0,0,0);n@button-padding-horizontal: 16px;n@button-primary-border: @global-border;n@button-primary-hover-border: fade(@button-primary-hover-color, 70%);n@button-border-width: @global-border-width;nn@button-font-style: @global-font-style;nn@button-disable-border: rgba(0,0,0,0);nnn// Componentn// ========================================================================nn.hook-button() {n padding-left: @button-padding-horizontal;n padding-right: @button-padding-horizontal;n border: @button-border-width solid @button-border;n font-style: @button-font-style;n}nn.hook-button-hover() {}nn.hook-button-active() {}nnn// Color modifiersn// ========================================================================nn//n// Modifier: `uk-button-primary`n//nn.hook-button-primary() { border-color: @button-primary-border; }nn.hook-button-primary-hover() { border-color: @button-primary-hover-border; }n.hook-button-primary-active() { border-color: @button-primary-hover-border; }nn//n// Modifier: `uk-button-success`n//nn.hook-button-success() {}nn.hook-button-success-hover() {}n.hook-button-success-active() {}nn//n// Modifier: `uk-button-danger`n//nn.hook-button-danger() {}nn.hook-button-danger-hover() {}n.hook-button-danger-active() {}nnn// Disabled staten// ========================================================================nn.hook-button-disable() { border: @button-disable-border; }nnn// Modifier: `uk-button-link`n// ========================================================================nn.hook-button-link() {nn &:hover { text-decoration: none; }nn}nnn// Size modifiersn// ========================================================================nn.hook-button-large() {}nnn// Miscellaneousn// ========================================================================nn.hook-button-misc() {nn /* Collapse border */n .uk-button-group > .uk-button-primary:nth-child(n+2),n .uk-button-group > div:nth-child(n+2) .uk-button-primary { border-left-width: 0; }nn .uk-button-group > .uk-button-primary:nth-child(n+2):hover,n .uk-button-group > div:nth-child(n+2) .uk-button-primary:hover,n .uk-button-group > .uk-button-primary:nth-child(n+2):active,n .uk-button-group > .uk-button-primary:nth-child(n+2).uk-active,n .uk-button-group > .uk-button-primary:nth-child(n+2):focus {n margin-left: -@button-border-width;n border-left-width: @button-border-width;n }nn}nn// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */nn//n// Component: Iconn//n// ========================================================================nnn// Variablesn// ========================================================================nn@icon-hover-color: @global-primary-color;n@icon-hover-hover-color: @global-secondary-color;nn@icon-button-width: 40px;n@icon-button-height: @icon-button-width;n@icon-button-border-radius: 100%;n@icon-button-background: @global-primary-color;n@icon-button-font-size: 20px;n@icon-button-color: @global-contrast-color;nn@icon-small-font-size: 25px;n@icon-medium-font-size: 40px;n@icon-large-font-size: 60px;nn@icon-button-hover-background: @global-secondary-background;n@icon-button-hover-color: @global-contrast-color;nn@icon-button-active-background: @global-secondary-color;n@icon-button-active-color: @global-contrast-color;nn//n// Newn//nnn// Modifier: `uk-icon-hover`n// ========================================================================nn.hook-icon-hover() {n -webkit-transition: color .2s;n transition: color .2s;n} nn.hook-icon-hover-hover() {}nnn// Modifier: `uk-icon-button`n// ========================================================================nn.hook-icon-button() {n -webkit-transition: background .2s;n transition: background .2s;n}nn// Hovern.hook-icon-button-hover() {}nn// Activen.hook-icon-button-active() {}nnn// Miscellaneousn// ========================================================================nn.hook-icon-misc() {}nn// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */nn//n// Component: Closen//n// ========================================================================nn//n// Newn//nn@close-font-style: 30px;nnn// Componentn// ========================================================================nn.hook-close() { font-style: @close-font-style; }nnn// Modifier: `uk-close-alt`n// ========================================================================nn.hook-close-alt() {}nnn// Miscellaneousn// ========================================================================nn.hook-close-misc() {}nn// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */nn//n// Component: Badgen//n// ========================================================================nnn// Variablesn// ========================================================================nn@badge-background: @global-primary-background;n@badge-padding-horizontal: 12px;nn@badge-font-size: 14px;n@badge-font-weight: light;n@badge-line-height: 24px;n@badge-color: @global-contrast-color;n@badge-hover-color: @global-contrast-color;nn@badge-text-transform: uppercase;nn@badge-success-background: @global-success-background;n@badge-warning-background: @global-warning-background;n@badge-danger-background: @global-danger-background;nnn// Componentn// ========================================================================nn.hook-badge() {}nnn// Color modifiern// ========================================================================nn//n// Modifier: `badge-success`n//nn.hook-badge-success() {}nn//n// Modifier: `badge-warning`n//nn.hook-badge-warning() {}nn//n// Modifier: `badge-danger`n//nn.hook-badge-danger() {}nnn// Miscellaneousn// ========================================================================nn.hook-badge-misc() {}nn// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme. com/license) */nn//n// Component: Alertn//n// ========================================================================nnn// Variablesn// ========================================================================nn@alert-margin-vertical: @global-margin;n@alert-background: @global-muted-background;n@alert-color: @global-color;nn@alert-success-background: @global-success-background;n@alert-success-color: @global-contrast-color;nn@alert-warning-background: @global-warning-background;n@alert-warning-color: @global-contrast-color;nn@alert-danger-background: @global-danger-background;n@alert-danger-color: @global-contrast-color;nnn// Componentn// ========================================================================nn.hoo k-alert() {}nnn// Modifier: `uk-alert-success`n// ========================================================================nn.hook-alert-success() {}nnn// Modifier: `uk-alert-warning`n// ========================================================================nn.hook-alert-warning() {}nnn// Modifier: `uk-alert-danger`n// ========================================================================nn.hook-alert-danger() {}nnn// Miscellaneousn// ========================================================================nn.hook-alert-misc() {}nn// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */nn//n// Component: Thumbnailn//n// ========================================================================nnn// Variablesn// ========================================================================nn@thumbnail-border: transparent;nn@thumbnail-background: @global-background;n@thumbnail-hover-background: @global-background;n@thumbnail-hover-border: transparent;nn@thumbnail-caption-color: @global-color;nn//n// Newn//nn@thumbnail-hover-box-shadow: rgba(50,55,60,0.3);nnn// Componentn// ========================================================================nn.hook-thumbnail() {}nn.hook-thumbnail-hover() {n -webkit-box-shadow: 0px 3px 3px -1px @thumbnail-hover-box-shadow;n box-shadow: 0px 3px 3px -1px @thumbnail-hover-box-shadow;n}nnn// Captionn// ========================================================================nn.hook-thumbnail-caption() {}nnn// Miscellaneousn// ========================================================================nn.hook-thumbnail-misc() {}nn// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */nn/ /n// Component: Overlayn//n// ========================================================================nnn// Variablesn// ========================================================================nn@overlay-panel-background: rgba(255,255,255,0.95);n@overlay-panel-color: @global-color;n@overlay-icon-color: @global-color;n@overlay-icon: "";nn//n// Newn//nn@overlay-icon-font-style: @global-font-style;n@overlay-background-button-primary-color: @global-color;n@overlay-background-button-primary-hover-color: @global-primary-color;nnn// Sub-object `uk-overlay-panel`n// ========================================================================nn.hook-overlay-panel() {}nnn// Sub-object `uk-overlay-background`n// =========================================================== =============nn.hook-overlay-background() {nn .uk-button-primary {nn border-color: @overlay-background-button-primary-color;n color: @overlay-background-button-primary-color;nn &:hover {n border-color: @overlay-background-button-primary-hover-color;n color: @overlay-background-button-primary-hover-color;n }n }nn}nnn// Sub-object `uk-overlay-image`n// ========================================================================nn.hook-overlay-image() {}nnn// Sub-object `uk-overlay-icon`n// ========================================================================nn.hook-overlay-icon() {n font-style: @overlay-icon-font-style;n background: url("/templates/yoo_joy/less/uikit/@{global-image-path}/@{global-style}/icon-plus.svg") no-repeat 50%;n}nnn// Miscellaneousn// ========================================================================nn.hook-overlay-misc() {}nn// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */nn//n// Component: Columnn//n// ========================================================================nnn// Variablesn// ========================================================================nn@column-gutter: @global-grid-gutter;nnn// Componentn// ========================================================================nn.hook-column() {}nnn// Miscellaneousn// ========================================================================nn.hook-column-misc() {}nn// JavaScriptn// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */nn//n// Component: Dropdownn//n// ========================================================================nnn// Variablesn// ========================================================================nn@dropdown-z-index: @global-z-index + 20;n@dropdown-color: @global-color;n@dropdown-divider-border: @global-border;n@dropdown-background: @global-dropdown-background;nn@dropdown-navbar-color: @global-color;n@dropdown-navbar-background: @global-dropdown-background;nn@dropdown-navbar-animation: uk-fade;nn//n// Newn//nn@dropdown-overlay-background: @dropdown-background;n@dropdown-overlay-box-shadow: rgba(0,0,0,0.04);nn@dropdown-box-shadow: rgba(0,0,0,0.15);nn@dropdown-link-hover: @global-primary-color;nnn// Componentn// ========================================================================nn.hook-dropdown() {nn box-shadow: 0 1px 5px @dropdown-box-shadow;nn a:hover { color: @dropdown-link-hover; }nn}nnn// Modifier: `uk-dropdown-navbar`n// ========================================================================nn.hook-dropdown-navbar() {}nnn// Sub-object: `uk-dropdown-overlay`n// ========================================================================nn.hook-dropdown-overlay() {n position: relative;n background-color: @dropdown-overlay-background;n box-shadow: 0 2px 1px @dropdown-overlay-box-shadow;n}nnn// Miscellaneousn// ========================================================================nn.hook-dropdown-misc() {}nn// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */nn//n// Component: Modaln//n// ========================================================================nnn// Variablesn// ========================================================================nn@modal-z-index: @global-z-index + 10;n@modal-background: rgba(240,240,240,0.9);nn@modal-dialog-background: @global-background;nn@modal-header-margin-bottom: @global-margin;nn@modal-footer-margin-top: @global-margin;nn@modal-caption-color: @global-contrast-color;nn//n// Newn//nn@modal-dialog-close-background: @global-muted-background;n@modal-dialog-close-hover-background: darken(@modal-dialog-close-background, 5%);nn@modal-dialog-close-width: 30px;n@modal-dialog-close-height: @modal-dialog-close-width;nn@modal-dialog-close-large-width: 50px;n@modal-dialog-close-large-height: @modal-dialog-close-large-width;nnn// Componentn// ========================================================================nn.hook-modal() {}nnn// Sub-object: `uk-modal-dialog`n// ===================================== ===================================nn.hook-modal-dialog() {}nnn// Modifier: `uk-modal-dialog-lightbox`n// ========================================================================nn.hook-modal-dialog-lightbox() {}nnn// Sub-object: `uk-modal-header`n// ========================================================================nn.hook-modal-header() {}nnn// Sub-object: `uk-modal-footer`n// ========================================================================nn.hook-modal-footer() {}nnn// Sub-object: `uk-modal-caption`n// ========================================================================nn.hook-modal-caption() {}nnn// Sub-object: `uk-modal-spinner`n// ========================================================================nn.hook-modal-spinner() {}nnn// Miscellaneousn// ========================================================================nn.hook-modal-misc() {nn .uk-modal-dialog .uk-close:after { content: ''; }nn .uk-modal-dialog > .uk-close:first-child {nn top: 0;n right: 0;n width: @modal-dialog-close-width;n height: @modal-dialog-close-height;n background-color: @modal-dialog-close-background;n background-image: url("/templates/yoo_joy/less/uikit/@{global-image-path}/@{global-style}/icon-close.svg");n background-position: 50% 50%;n background-repeat: no-repeat;n border-radius: 0;n opacity: 1;nn &:hover { background-color: @modal-dialog-close-hover-background; }nn }nn // Large screen and biggern @media (min-width: @breakpoint-xlarge) {nn .uk-modal-dialog > .uk-close:first-child {n width: @modal-dialog-close-large-width;n height: @modal-dialog-close-large-height;n }nn }nn}nn// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */nn//n// Component: Off-canvasn//n// ========================================================================nnn// Variablesn// ========================================================================nn@offcanvas-z-index: @global-z-index;n@offcanvas-background: rgba(0,0,0,0.6);nn@offcanvas-bar-width: 270px;n@offcanvas-bar-background: @global-background;nn@offcanvas-panel-margin: @global-margin;n@offcanvas-panel-color: @global-colo r;n@offcanvas-panel-link-color: @global-primary-color;n@offcanvas-panel-link-hover-color: @global-secondary-color;n@offcanvas-panel-title-color: @global-heading-color;nn//n// Newn//nn@offcanvas-bar-shadow: rgba(0,0,0,0.06);nnn// Componentn// ========================================================================nn.hook-offcanvas() {}nnn// Sub-object `uk-offcanvas-bar`n// ========================================================================nn.hook-offcanvas-bar() { box-shadow: 0 0 3px @offcanvas-bar-shadow; }nnn// Panel in offcanvasn// ========================================================================nn.hook-offcanvas-panel() {}nnn// Miscellaneousn// ========================================================================nn.hook-offcanvas-misc() {}nn// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */nn//n// Component: Tooltipn//n// ========================================================================nnn// Variablesn// ========================================================================nn@tooltip-z-index: @global-z-index + 30;nn@tooltip-font-size: round((@global-font-size * 0.85)); // 12px / 14pxn@tooltip-line-height: round((@tooltip-font-size * 1.46)); // 18px / 20pxnnn// Componentn// ========================================================================nn.hook-tooltip() {}nnn// Miscellaneousn// ========================================================================nn.hook-tooltip-misc() {}n// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */nn//n// Component: Nestablen//n// ========================================================================nnn// Variablesn// ========================================================================nn@nestable-dragged-z-index: @global-z-index + 50;nn@nestable-placeholder-border: @global-border;nnn// Componentn// ========================================================================nn.hook-nestable() {}nn.hook-nestable-item() {}nn.hook-nestable-dragged() {}nn.hook-nestable-placeholder() {}nn.hook-nestable-empty() {}nn.hook-nestable-h andle() {}nn.hook-nestable-toggle() {}nn.hook-nestable-panel() {}nnn// Miscellaneousn// ========================================================================nn.hook-nestable-misc() {}nn// Components: Navsn// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */nn//n// Component: Dotnavn//n// ========================================================================nnn// Variablesn// ========================================================================nn@dotnav-width: 18px;n@dotnav-background: rgba(0,0,0,0);n@dotnav-border: rgba(0,0,0,0);n@dotnav-hover-background: rgba(0,0,0,0);n@dotnav-onclick-background: @dotnav-hover-background;n@dotnav-active-background: @dotnav-hover-background;nn@dotnav-contrast-background: rgba(0,0,0,0);n@dotnav-contrast-hover-background: rgba(0,0,0,0);n@dotnav-contrast-onclick-background: @dotnav-contrast-hover-background;n@dotnav-contrast-active-background: @dotnav-contrast-hover-background;nn//n// Newn//nn@dotnav-border-width: 2px;n@dotnav-hover-border: @global-primary-color;n@dotnav-onclick-border: @global-primary-color;n@dotnav-active-border: @global-primary-color;nn@dotnav-contrast-hover-border: @global-contrast-color;n@dotnav-contrast-onclick-border: @global-contrast-color;n@dotnav-contrast-active-border: @global-contrast-color;nn@dotnav-before-width: 8px;n@dotnav-before-height: @dotnav-before-width;n@dotnav-before-background: rgba(0,0,0,0.12);n@dotnav-before-hover-backgroun d: rgba(0,0,0,0);nn@dotnav-contrast-before-background: @global-contrast-color;nnn// Componentn// ========================================================================nn.hook-dotnav-item() {n border: @dotnav-border-width solid @dotnav-border;n -webkit-transition: border .3s;n transition: border .3s;n}nn.hook-dotnav-item-hover() { border-color: @dotnav-hover-border; }nn.hook-dotnav-item-onclick() { border-color: @dotnav-onclick-border; }nn.hook-dotnav-item-active() { border-color: @dotnav-active-border; }nn.hook-dotnav-contrast-item() {}nn.hook-dotnav-contrast-item-hover() { border-color: @dotnav-contrast-hover-border; }nn.hook-dotnav-contrast-item-onclick() { border-color: @dotnav-contrast-onclick-border; }nn.hook-dotnav-contrast-item-active() { border-color: @dotnav-contrast-active-border; }nnn// Miscellaneousn// ========================================================================nn.hook-dotnav-misc() {nn .uk-dotnav > li { position: relative; }nn .uk-dotnav > li > a:before {n content: '';n position: absolute;n top: 50%;n left: @dotnav-width + 4px;n width: @dotnav-before-width;n height: @dotnav-before-height;n margin-top: -(@dotnav-before-width / 2);n background: @dotnav-before-background;n border-radius: 50%;n }nn .uk-dotnav > li.uk-active > a:before,n .uk-dotnav > li > a:hover:before,n .uk-dotnav > li > a:active:before {n content: '';n background: @dotnav-before-hover-background;n }nn .uk-dotnav-contrast > li > a:before { background: @dotnav-contrast-before-background; }nn}nn// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */nn//n// Component: Slidenavn//n// ========================================================================nnn// Variablesn// ========================================================================nn@slidenav-width: 50px;nn@slidenav-previous-icon: "";n@slidenav-next-icon: "";nn@slidenav-position-previous: ttttt0;nn//n// Newn//nn@slidenav-background:ttttttt@global-background;n@slidenav-background-opacity: ttttt.95;nn@modal-slidenav-width: 50px;n@modal-slidenav-height: @modal-slidenav-width;nn@slidenav-width-large: ttttttt80px;n@slidenav-height-large: tttttt@slidenav-width-large;nnn// Componentn// ============================================================ ============nn.hook-slidenav() {ntposition: relative;ntbackground: @slidenav-background;n}nn.hook-slidenav-hover() {}nn.hook-slidenav-active() {}nn.hook-slidenav-contrast() {}nn.hook-slidenav-contrast-hover() {}nn.hook-slidenav-contrast-active() {}nnn// Miscellaneousn// ========================================================================nn.hook-slidenav-misc() {nnt.uk-slidenav-previous,n .uk-slidenav-next {n background-image: url("/templates/yoo_joy/less/uikit/@{global-image-path}/@{global-style}/icon-arrow.svg");n background-position: 50% 0;n background-repeat: no-repeat;n }nn .uk-slidenav-previous { background-position: 50% -100px; }nn .uk-slidenav-previous:hover,n .uk-slidenav-next:hover { opacity: @slidenav-background-opacity; }nnt// Large screen and biggernt@media (min-width: @breakpoint-xlarge) {nntt.uk-slidenav {ntttwidth: @slidenav-width-large;ntttheight: @slidenav-height-large;ntt}nntt.uk-slidenav-previous { background-position: 50% -85px; }ntt.uk-slidenav-next { background-position: 50% 15px; }nnt}nn}nnn// Components: Commonn// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */nn//n// Component: Progressn//n// ========================================================================nnn// Variablesn// ========================================================================nn@progress-margin-vertical: @global-margin;nn@progress-background: @global-muted-background;nn@progress-bar-background: @global-primary-background;n@progress-bar-font-size: round((@global-font-size * 0.85)); // 12px / 14pxn@progress-bar-color: @global-contrast-color;nn@progress-bar-success-background: @global-success-background;n@progress-bar-warning-background: @global-warning-background;n@progress-bar-danger-background: @global-danger-background;nnn// Componentn// ========================================================================nn.hook-progress() {}nnn// Sub-object: `progress-bar`n// ========================================================================nn.hook-progress-bar() {}nnn// Color modifiersn// ========================================================================nn.hook-progress-bar-success() {}nn.hook-progress-bar-warning() {}nn.hook-progress-bar-danger() {}nnn// Miscellaneousn// ========================================================================nn.hook-progress-misc() {}nnn// Components: JavaScriptn// Copyright (C) YOOtheme GmbH, YOOt heme Proprietary Use License (http://www.yootheme.com/license) */nn//n// Component: Accordionn//n// ========================================================================nnn// Variablesn// ========================================================================nn@accordion-title-margin-bottom: 10px;n@accordion-title-padding-vertical: 10px;n@accordion-title-padding-horizontal: 30px;n@accordion-title-font-size: 20px;n@accordion-title-line-height: 30px;n@accordion-title-background: ttttt @global-muted-background;nn//n// Newn//nn@accordion-title-border-color: ttttt @global-primary-background;n@accordion-title-border-width:ttttt 3px;n@accordion-title-hover-border-color: @global-secondary-background;nnn// Componentn// ========================================================================nn.hook-accordion() {}nnn// Modifier: `uk-accordion-title`n// ========================================================================nn.hook-accordion-title() {nntposition: relative;nnt&:before {nttcontent: "";nttposition: absolute;nttwidth: 3px;nttheight: 100%;nttmargin-top: -@accordion-title-padding-vertical;nttmargin-left: -@accordion-title-padding-horizontal;nttbackground: @accordion-title-border-color;ntt-webkit-transition: background .3s;n transition: background .3s;nt}nnt&.uk-active:before,nt&:hover:before { background: @accordion-title-hover-border-color; }nn}nnn// Modifier: `uk-accordion-content`n// ========================================================================nn.hook-accordion-content() {}nnn// Miscellaneousn// ========================================================================nn.hook-accordion-misc() {nnt.uk-accordion-content { padding-top: @global-margin; }nn}nn// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */nn//n// Component: Searchn//n// ========================================================================nnn// Variablesn// ========================================================================nn@search-width: @search-padding-icon-width;n@search-padding: tttttttt@search-padding-icon-width;n@search-placeholder-color: #494c50;nn@search-height: 40px;nn@search-icon: "";nn@dropdown-search-background: @global-dropdown-background;n@dropdown-search-color: @global-nav-color;nn@nav-search-active-background: @global-primary-background;n@nav-search-divider-border: @global-border;n@nav-search-nested-color: @global-nav- color;n@nav-search-nested-hover-color: @global-primary-color;n@dropdown-search-margin-top: @global-margin;nn@offcanvas-search-background: @global-muted-background;n@offcanvas-search-field-height: 40px;n@offcanvas-search-field-color: @global-alt-color;nnn//n// Newn//nn@search-padding-icon-width: @search-height;n@search-field-font-size: 20px;n@search-font-family: @global-heading-font-family;nnn// Componentn// ========================================================================nn.hook-search() {}nn.hook-search-icon() {n height: @search-padding-icon-width;n background-image: url("/templates/yoo_joy/less/uikit/@{global-image-path}/@{global-style}/icon-search.svg");n background-repeat: no-repeat;n}nnn// Sub-object `uk-search-field`n// ========================================= ===============================nn.hook-search-field() {ntposition: relative;n z-index: 1;n cursor: pointer;ntfont-size: @search-field-font-size;n}nn.hook-search-field-focus() {}nnn// Dropdown modifier: `uk-dropdown-search`n// ========================================================================nn.hook-dropdown-search() {}nnn// Nav modifier `uk-nav-search`n// ========================================================================nn//n// Itemsn//nn.hook-nav-search() {}nn// Activen.hook-nav-search-active() {}nn//n// Sub-object: `uk-nav-header`n//nn.hook-nav-search-header() {}nn//n// Sub-object: `uk-nav-divider`n//nn.hook-nav-search-divider() {}nnn// Search in offcanvasn// ========================================================================nn.hook-offcanvas-search-field() {n height: @offcanvas-search-field-height;n color: @offcanvas-search-field-color;n}nnn// Miscellaneousn// ==== ====================================================================nn.hook-search-misc() {nnt// Sub-object `uk-search-field`n // ========================================================================nn .uk-search-field:focus,n .uk-active > .uk-search-field { cursor: text; }nn .uk-offcanvas .uk-search:before { z-index: 2; }nn .uk-offcanvas .uk-search { margin: 0; }nn}nn// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */nn//n// Component: Stickyn//n// ========================================================================nnn// Variablesn// ========================================================================nn@sticky-z-index: @global-z-index – 20;nnn// Miscellaneousn// ========================================================================nn.hook-sticky-misc() {}nn// Need to be loaded lastn// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */nn//n// Component: Textn//n// ========================================================================nnn// Variablesn// ========================================================================nn@text-primary-color: lighten(@global-primary-color, 20%);nn@text-small-font-si ze: round((@global-font-size * 0.78)); // 11px / 12pxn@text-small-line-height: round((@text-small-font-size * 1.49)); // 16px / 18pxn@text-large-font-size: 24px;n@text-large-line-height: 36px;nn@text-large-font-weight: 300;nn@text-muted-color: @global-muted-color;n@text-contrast-color: @global-contrast-color;nn@text-large-color: @global-alt-color;nnn// Miscellaneousn// ========================================================================nn.hook-text-misc() {nn .uk-text-large { color: @text-large-color; }nn}nn// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */nn//n// Component: Utilityn//n// ========================================================================nnn// Variablesn// ========================================================================nn@utility-container-padding-horizontal: @global-grid-gutter;n@utility-container-large-padding-horizontal: @global-grid-gutter-large;nn@utility-container-large-max-width: 1400px;nn@utility-align-horizontal: @global-margin;n@utility-align-vertical: @global-margin;nn@utility-margin: @global-margin;nn@utility-heading-large-small-font-size: 36px;n@utility-heading-large-small-line-height: 46px;n@utility-heading-large-font-size: 48px;n@utility-heading-large-line-height: 58px;nn@utility-link-muted-color: @global-color;n@utility-link-muted-hover-color: @global-color;nn@utility-scrollable-box-border: @global-border;nn//n// Newn//nn@utility-link-reset-hover-color: @global-secondary-color;nnn// Containern// ========================================================================nn.hook-container() {}nnn// Scrollablen// ========================================================================nn.hook-scrollable-box() {}nnn// Miscellaneousn// ========================================================================nn.hook-utility-misc() {nn .uk-link-reset:hover,n .uk-link-reset a:hover,n .uk-link-reset:focus,n .uk-link-reset a:focus { color: @utility-link-reset-hover-color; }nn}nn// Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */nn//n// Component: Contrastn//n// ========================================================================nnn// Variablesn// ========================================================================nn@contrast-base-link-color: fade(@contrast-color, 50%);nn@contrast-button-primary-background: @button-primary-background;n@contrast-button-primary-hover-background: @button-primary-hover-background;n@contrast-button-primary-active-background: @button-primary-active-background;nn@contrast-text-primary-color: @text-primary-color;nn@contrast-tab-active-background: rgba(0,0,0,0);n@contrast-tab-active-color: @global-contrast-color;n@contrast-tab-hover-background: rgba(0,0,0,0);n@contrast-tab-hover-color: @global-contras t-color;nn//n// Newn//nn@contrast-nav-dropdown-hover-color: @nav-dropdown-hover-color;n@contrast-search-field-color: @global-contrast-color;n@contrast-text-large-color: @global-contrast-color;nnn// Basen// ========================================================================nn.hook-contrast-base-code() {}nnn// Navn// ========================================================================nn.hook-contrast-nav-side() {}n.hook-contrast-nav-side-hover() {}n.hook-contrast-nav-side-active() {}n.hook-contrast-nav-side-header() {}n.hook-contrast-nav-side-divider() {}nnn// Subnavn// ========================================================================nn.hook-contrast-subnav() {}n.hook-contrast-subnav-hover() {}n.hook-contrast-subnav-active() {}n.hook-contrast-subnav-line-divider() {}n.hook-contrast-subnav-pill-hover() {}n.hook-contrast-subnav-pill-active() {}nnn// Tabn// ======== ================================================================nn.hook-contrast-tab() {}n.hook-contrast-tab-hover() {}n.hook-contrast-tab-active() {}nnn// Listn// ========================================================================nn.hook-contrast-list-line() {}nnn// Formn// ========================================================================nn.hook-contrast-form() {}n.hook-contrast-form-focus() {}nnn// Buttonn// ========================================================================nn.hook-contrast-button() {}n.hook-contrast-button-hover() {}n.hook-contrast-button-active() {}n.hook-contrast-button-primary() {}n.hook-contrast-button-primary-hover() {}n.hook-contrast-button-primary-active() {}nnn// Iconn// ========================================================================nn.hook-contrast-icon-hover() {}n.hook-contrast-icon-hover-hover() {}n.hook-contrast-icon-button() {}n.hook-contrast-icon-button-hover() {}n.hook-con trast-icon-button-active() {}nnn// Miscellaneousn// ========================================================================nn.hook-contrast-misc() {nn .uk-navbar-nav a:hover { text-decoration: none; }nn .uk-dropdown a { color: inherit; }n .uk-dropdown a:hover { color: @contrast-nav-dropdown-hover-color; }nn .uk-search-field { color: @contrast-search-field-color; }nn .uk-search:before { background-position: 0 -100px; }nn .uk-search-field:-ms-input-placeholder { color: @contrast-search-field-color !important; }n .uk-search-field::-moz-placeholder { color: @contrast-search-field-color; }n .uk-search-field::-webkit-input-placeholder { color: @contrast-search-field-color; }nn .uk-navbar-toggle { background: url("/templates/yoo_joy/less/uikit/@{global-image-path}/@{global-style}/icon-toggler.svg") no-repeat 50% -100px; }nn .uk-text-large { color: @contrast-text-large-color; }nn}nnnn// ========================================================================n// Warp themen// ==========================================================================nn// Theme Variablesn// ==========================================================================nn@theme-logo-color: #000000;nn@theme-container-large-max-width:tttt 1900px;n@theme-container-medium-max-width: @utility-container-large-max-width;n@theme-container-small-max-width: @utility-container-max-width;nn@theme-hero-container-height: 100vh;n@theme-hero-bottom-container-height: 100vh;nn@theme-body-background: @global-background;nn@theme-block-padding-horizontal: 80px;n@theme-block-padding-vertical: 80px;n@theme-block-padding-large-vertical: 140px;nn @theme-totop-scroller-width: 45px;n@theme-totop-scroller-height: 100px;n@theme-totop-scroller-background: @global-primary-background;n@theme-totop-scroller-hover-background: @global-secondary-background;nn@theme-toolbar-background: @global-alt-background;n@theme-toolbar-color: @global-color;n@theme-toolbar-subnav-line-border: rgba(255, 255, 255, 0.04);nn@theme-title-dash-width: 18px;n@theme-title-dash-height: 2px;n@theme-title-dash-padding-left: 30px;n@theme-title-dash-border: lighten(@global-muted-color, 20%);nn@theme-block-divider-border: @global-border;nn@theme-top-hero-offset: 250px;nn@theme-slidenav-width: @slidenav-width;n@theme-slidenav-height-large: @slidenav-height-large;n@theme-slidenav-font-size: 24px;n@theme-slidenav-color: rgba(255, 255, 255, 0.7);n@theme-slidenav-current-color: #fff;n@theme-slidenav-divider-border: lighten(@global-muted-color, 20%);n@theme-slidenav-font-weight: 300;nn@theme-navbar-background: @global-background;n@theme-navbar-contrast-absolute-hover-background: #2a2a2a;n@theme-navbar-absolute-hover-background: @global-background;nn@theme-page-container-margin-top: 30px;n@theme-page-container-border-width: 10px;n@theme-page-container-margin-large-top: 80px;nn@theme-title-border: @global-border;n@theme-title-line-background: @gl obal-background;n@theme-title-margin-bottom: 50px;nn@theme-dropdown-overlay-padding-bottom: 50px;n@theme-dropdown-overlay-background: @offcanvas-background;nn@theme-button-link-color: @global-color;n@theme-button-link-hover-color: @global-secondary-color;n@theme-button-link-border-color: @global-border;nn@theme-text-color-1: #faa300;n@theme-text-color-2: #ff381c;n@theme-text-color-3: #0054ff;n@theme-text-color-4: #f1078b;n@theme-text-color-5: #07f1d8;nn@theme-article-date-day-width: 50px;n@theme-article-date-day-height: 45px;n@theme-article-date-day-font-size: 20px;n@theme-article-date-day-color: @global-alt-color;n@theme-article-date-day-border: @global-border;n@theme-article-date-day-background: rgba(0,0,0,0);n@theme-article-date-month-color: @global-muted-color;n@theme-article-date-month-font-size: 14px;nn@theme-title-large-font-size: 60px;n@theme-title-large-line-height: 72px;n@theme-title-large-font-family: @global-font-family;nn@theme-more-width: 15px;n@theme-more-height: 2px;nn@theme-margin-large: 100px;nn@theme-navbar-height: @navbar-nav-height;nn@theme-social-icon-color-google-plus: #dd4b39;n@theme-social-icon-color-facebook: #3b5998;n@theme-social-icon-color-youtube-play: #bb0000;n@theme-soci al-icon-color-instagram: #125688;n@theme-social-icon-color-twitter: #40b4df;nn@theme-top-hero-gradient-top: rgba(255,255,255,0);n@theme-top-hero-gradient-bottom: rgba(255,255,255,1);nn@theme-smoothscroll-bar-width: (@dotnav-width + (@dotnav-border-width * 2));nn@theme-subnav-line-border: @global-border;n@theme-subnav-line-divider-width: 18px;n@theme-subnav-line-divider-height: 2px;n@theme-subnav-line-divider-margin-left: 12px;nn@theme-box-shadow: rgba(0,0,0,0.15);nn.gb-override();nn.gb-override () when (@theme_global-style = 'roadtrip') {nt@blog-text-margin: 0;n@blog-text-padding: 5px;n@blog-text-font-size: 19px;n@blog-text-line-height: 23px;n@blog-text-color: #000;n@blog-title-transform: none;n@blog-image-title-transform: uppercase; n@blog-title-align: center;n@blog-text-background-color: @global-disabled-background;n@blog-text-background-hover-color: darken(@blog-text-background-color,10%);nn@blog-text-color-alt: @blog-text-color;n@blog-text-background-base-color: @blog-text-background-color;n@blog-text-background-color-alt: fade(@blog-text-background-base-color,50%);n@blog-text-background-hover-color-alt: fade(@blog-text-background-base-color,75%);nn@raxo-text-background-color: fade(@blog-text-background-color,80%);n@raxo-text-background-hover-color: fade(@blog-text-background-color,95%);n@raxo-title-font-size: 17px;n@raxo-title-line-height: 21px;nn@blog-category-background-color: fade(@theme-body-background,75%);n@blog-category-background-hover-color: fade(@theme-body-background,85%);nnn@button-border-radius: @button-height;nn.hook-button() {n padding-left: @button-padding-horizontal;n padding-right: @button-padding-horizontal;n border: @button-border-width solid @button-border; n font-style: @button-font-style;n border-radius: @button-border-radius;n}nn@dropdown-menu-color: #b5b5b5;nn@header-grandient-start: @global-secondary-color;n@header-grandient-end: @global-primary-color;tn}nnn.gb-override () when (@theme_global-style = 'newstar') {tnt@blog-text-margin: 0;n@blog-text-padding: 5px;n@blog-text-font-size: 19px;n@blog-text-line-height: 23px;n@blog-text-color: #000;n@blog-title-transform: none;n@blog-image-title-transform: uppercase;n@blog-title-align: center;n@blog-text-background-color: @global-disabled-background;n@blog-text-background-hover-color: darken(@blog-text-background-color,10%);nn@blog-text-color-alt: @blog-text-color;n@blog-text-background-base-color: @blog-text-background-color;n@blog-text-background-color-alt: fade(@blog-text-background-base-color,50%);n@blog-text-background-hover-color-alt: fade(@blog-text-background-base-color,75%);nn@raxo-text-background-color: fade(@blog-text-background-color,80%);n@ raxo-text-background-hover-color: fade(@blog-text-background-color,95%);n@raxo-title-font-size: 17px;n@raxo-title-line-height: 21px;nn@blog-category-background-color: fade(@theme-body-background,75%);n@blog-category-background-hover-color: fade(@theme-body-background,85%);nnn@button-border-radius: @button-height;nn.hook-button() {n padding-left: @button-padding-horizontal;n padding-right: @button-padding-horizontal;n border: @button-border-width solid @button-border;n font-style: @button-font-style;n border-radius: @button-border-radius;n}nn@dropdown-menu-color: #b5b5b5;nn@header-grandient-start: @global-secondary-color;n@header-grandient-end: @global-contrast-color;n}nn// Layoutn// ==========================================================================nn// Force vertical scrollbarnhtml { overflow-y: scroll; }nn.tm-page {n background: @theme-body-background;n z-index: 1;n}nn.tm-page-container { z-index: @global-z-index; }nn.tm-container { max-width: @theme-container-large-max-width; }n.tm-container-small { max-width: @theme-container-small-max-width; }n.tm-container-medium { max-width: @theme-container-medium-max-width; }nn@media (min-width: @breakpoint-xlarge) {nn .tm-page-container {n border: @theme-page-container-border-width solid @global-background;n border-bottom: 0;n }nn .tm-container-small { margin-top: @theme-page-container-margin-top; }n .tm-header-absolute .tm-container-small { margin-top: 0; }nn}nn@media (min-width: @theme-container-large-max-width) {nn .tm-page-container { margin-top: @theme-page-container-margin-large-top; }n .tm-header-absolute .tm-page-container { margin-top: 0; }nn}nn//n// Blocksn//nn[class*=’tm-block-padding’] { padding: @global-grid-gutter; }nn// Large screenn@media (min-width: @breakpoint-large) {n .tm-block-padding { padding: @theme-block-padding-vertical @theme-block-padding-horizontal; }n .tm-block-padding-large { padding: @theme-block-padding-large-vertical @theme-block-padding-horizontal; }n .tm-block-padding-small { padding: @global-grid-gutter @theme-block-padding-horizontal; }n}nn.tm-block-divider > div {nn position: relative;nn > section:before {n content: '';n position: absolute;n left: 0;n width: 100%;n height: @global-border-width;n background: @theme-block-divider-border;n }nn > section:before { top: 0; }nn}nn.tm-block-padding.tm-block-divider > div > section:before,n.tm-block-padding-small.tm-block-divider > div > section:before,n.tm-block-padding-large.tm-block-divider > div > section:before { top: -@global-grid-gutter; }nn// Large screenn@media (min-width: @breakpoint-large) {nn .tm-block-padding.tm-block-divider > div > section:before { top: -@theme-block-padding-vertical; }n .tm-block-padding-large.tm-block-divider > div > section:before { top: -@theme-block-padding-large-vertical; }nn}nn.tm-header-absolute .tm-top-hero > div { padding-top: (@theme-navbar-height / 2); }nn// Large screenn@media (min-width: @breakpoint-xlarge) {nn .tm-top-hero {n position: absolute;n top: 0;n right: 0;n bottom: @theme-top-hero-offset;n left: 0;nn > div {n display: -ms-flexbox;n -ms-flex-align: center;n -ms-flex-pack: center;n display: flex;n align-items: center;n justify-content: center;n }nn }nn .tm-hero-container + [class*=’tm-container’] { margin-top: -@theme-top-hero-offset; }nn .tm-navbar + .tm-hero-container,n .uk-sticky-placeholder + .tm-hero-container { min-height: calc(~"@{theme-hero-container-height} – @{theme-navbar-height}"); }nn .tm-navbar-absolute + .tm-hero-container,n .tm-header-absolute .uk-sticky-placeholder + .tm-hero-container { min-height: @theme-hero-container-height; }nn}nn.tm-bottom-hero { height: @theme-hero-bottom-container-height; }nn.tm-bottom-hero-container {n position: fixed;n bottom: 0;n right: 0;n left: 0;n height: @theme-hero-bottom-container-height;n}nn.tm-main-top + .tm-content,n.tm-content + .tm-main-bottom { padding-top: @grid-gutter-vertical; }nn// Large screenn@media (min-width: @breakpoint-xlarge) {nn .tm-main-top + .tm-content,n .tm-content + .tm-main-bottom { padding-top: @grid-gutter-large-vertical; }nn}nn//n// Logon//nn.tm-logo path,n.tm-logo-small path { fill: @theme-logo-color; }nn.tm-logo-small { letter-spacing: -0.31em; }nn//n// Toolbarn//nn.tm-toolbar {nn position: relative;n padding-top: @global-margin-small;n padding-bottom: @global-margin-small;n background: @theme-toolbar-background;n color: @theme-toolbar-color;n z-index: @global-z-index + 1;nn a { color: @theme-toolbar-color; }nn > div {n padding-left: @global-margin;n padding-right: @global-margin;n box-sizing: border-box;n }nn .uk-subnav-line > :nth-child(n+2):before { border-color: @theme-toolbar-subnav-line-border; }nn}nn// Large screenn@media (min-width: @breakpoint-xlarge) {nn .tm-toolbar > div {n padding-left: @theme-block-padding-horizontal + @theme-page-container-border-width;n padding-right: @theme-block-padding-horizontal + @theme-page-container-border-width;n }nn}nn//n// Headerbarn//nn// Navbarn.tm-navbar {nn background: @theme-navbar-background;nn > .tm-container { max-width: @theme-container-large-max-width + (@theme-page-container-border-width * 2); }n > .tm-container-small { max-width: @theme-container-small-max-width + (@theme-page-container-border-width * 2); }nn .uk-navbar {n padding: @global-margin-small @global-margin;n box-sizing: border-box;n }nn &[data-uk-dropdown-overlay] .uk-dropdown-navbar { padding-bottom: @theme-dropdown-overlay-padding-bottom; }nn &[data-uk-dropdown-overlay] .uk-dropdown { box-shadow: none; }nn}nn// Tablet and biggern@media (min-width: @breakpoint-medium) {nn .tm-navbar {n height: @theme-navbar-height;n padding: 0;n }nn .tm-navbar .uk-navbar { padding: 0 @global-margin; }nn}nn// Large screenn@media (min-width: @breakpoint-xlarge) {nn .tm-navbar .uk-navbar { padding: 0 (@theme-block-padding-horizontal + @theme-page-container-border-width); }nn}nn.tm-navbar-right {n position: absolute;n top: 0;n right: 0;n bottom: 0;n}nn.tm-navbar,n.tm-page .uk-sticky-placeholder {n position: relative;n z-index: @global-z-index + 1;n}nn.tm-navbar-content > * { padding-left: @global-margin; }nn// Dropdown overlayn.tm-navbar-overlay:not([hidden]) {n -webkit-animation: uk-fade 0.3s linear both;n animation: uk-fade 0.3s linear both;n}nn.tm-navbar-overlay {n position: fixed;n top: 0;n right: 0;n bottom: 0;n left: 0;n background: @theme-dropdown-overlay-background;n z-index: @global-z-index;n}nn// Place the navbar on top of the contentn.tm-navbar-absolute {nn position: absolute;n top: 0;n left: 0;n right: 0;n background: transparent;n -webkit-transition: background-color .5s ease-out .8s;n transition: background-color .5s ease-out .8s;nn &:hover {n background: @theme-navbar-absolute-hover-background;n -webkit-transition: background-color .2s ease-out;n transition: background-color .2s ease-out;n }nn &.uk-contrast:hover { background: @theme-navbar-contrast-absolute-hover-background; }nn .uk-navbar { background: transparent; }nn}nn//n// Footern//nn.tm-footer {nn padding-bottom: 0;nn > div {n position: relative;n min-height: @theme-totop-scroller-height;n }nn /*> div > .uk-panel { margin-bottom: @global-margin; }*/nn}nn// Large screenn@media (min-width: @breakpoint-medium) {nn /*.tm-footer > div > .uk-panel {n display: -ms-inline-flexbox;n display: inline-flex;n }*/nn .tm-footer > div > .uk-panel:not(:first-child) { margin-left: @global-margin; }nn}nn.tm-footer-fixed { padding-bottom: @theme-hero-bottom-container-height; }nn//n// Smoothscroll navigationn//nn.tm-smoothscroll-bar {n position: fixed;n top: 0;n right: 0;n bottom: 0;n width: @theme-smoothscroll-bar-width;n padding-right: 15px;n z-index: @global-z-index;n}nn//n// To-top scrollern//nn.tm-totop-scroller {nn display: block;n width: @theme-totop-scroller-width;n height: @theme-totop-scroller-height;n background: @theme-totop-scroller-background;n transition: background .3s;n -webkit-transition: background .3s;nn &:before {n content: '';n position: absolute;n width: @theme-totop-scroller-width;n height: @theme-totop-scroller-height;n background: url("/templates/yoo_joy/images/@{global-style}/totop-scroller.svg") 0 0 no-repeat;n }nn &:hover { background: @theme-totop-scroller-hover-background; }nn}nn// Tablet and biggern@media (min-width: @breakpoint-medium) {nn .tm-totop-scroller {n position: absolute;n bottom: 0;n right: 0;n }nn}nnn// Blogn// ==========================================================================nn.tm-article-date {n position: absolute;n width: @theme-article-date-day-width;n font-style: normal;n}nn// Desktopn@media (min-width: @breakpoint-large) {nn .tm-article-date + div { padding-left: (@global-grid-gutter + @theme-article-date-day-width); }nn}nn.tm-article-date span {n display: block;n max-width: @theme-article-date-day-width;n}nn.tm-article-date-day {n height: @theme-article-date-day-height;n background: @theme-article-date-day-background;n color: @theme-article-date-day-color;n border: @global-border-width solid @theme-article-date-day-border;n font-size: @theme-article-date-day-font-size;n line-height: @theme-article-date-day-height;n}nn.tm-article-date-month {n color: @theme-article-date-month-color;n font-size: @theme-article-date-month-font-size;n}nnn// Errorn// ==========================================================================nn.tm-error-icon { font-size: 250px; }nn.tm-error-headline { font-size: 100px; }nnn// Offlinen// ==========================================================================nn.tm-offline { width: 300px; }nnn// Socialbuttonsn// ==========================================================================nn.tm-socialbuttons { line-height: 1; }nn.tm-socialbuttons > div {n margin-right: 10px;n float: left;n }nnn// WordPress onlyn// ==========================================================================nn.alignleft {n display: block;n margin-right: @utility-align-horizontal;n float: left;n}nn.alignright {n display: block;n margin-left: @utility-align-horizontal;n float: right;n}nn.aligncenter {n display: block;n margin-left: auto;n margin-right: auto;n}nn// Theme componentsn// ==========================================================================nn//n// Hero color animationn//nn.tm-hue-rotate {n -webkit-animation: hue-rotation 5s linear 0ms infinite !important;n animation: hue-rotation 5s linear 0ms infinite !important;n}nn@-webkit-keyframes hue-rotation {n 0% { -webkit-filter: hue-rotate(0); filter: hue-rotate(0); }n 100% { -webkit-filter: hue-rotate(360deg); filter: hue-rotate(360deg); }n}nn@keyframes hue-rotation {n 0% { -webkit-filter: hue-rotate(0); filter: hue-rotate(0); }n 100% { -webkit-filter: hue-rotate(360deg); filter: hue-rotate(360deg); }n}nn//n// Typewrite effectn//nn[data-tw]:not(.type-writing) { opacity: 0; }nn//n// Title largen//nn.tm-title-large {n font-size: @theme-title-large-font-size;n line-height: @theme-title-large-line-height;n font-family: @theme-title-large-font-family;n}nn//n// Text colorn//nn.tm-text-color-1 { color: @theme-text-color-1 !important; }n.tm-text-color-2 { color: @theme-text-color-2 !important; }n.tm-text-color-3 { color: @theme-text-color-3 !important; }n.tm-text-color-4 { color: @theme-text-color-4 !important; }n.tm-text-color-5 { color: @theme-text-color-5 !important; }nn//n// Title dashn//nn.tm-title-dash {nn padding-left: @theme-title-dash-padding-left;n position: relative;nn &:before {n content: '';n position: absolute;n top: 50%;n left: 0;n width: @theme-title-dash-width;n height: @theme-title-dash-height;n background: @theme-title-dash-border;n }nn + .uk-list { padding-left: @theme-title-dash-padding-left; }nn}nn//n// Custom Subnav linen//nn.tm-subnav-line > :nth-child(n+2) { padding-left: @theme-subnav-line-divider-width + (@theme-subnav-line-divider-margin-left * 2); }nn.tm-subnav-line > :nth-child(n+2):before {n content: '';n position: absolute;n top: 50%;n left: 0;n width: @theme-subnav-line-divider-width;n height: @theme-subnav-line-divider-height;n margin-left: @theme-subnav-line-divider-margin-left;n background: @theme-subnav-line-border;n}nn//n// Theme title with bordern//nn.tm-title {nn display: -ms-flexbox;n display: flex;n -ms-flex-wrap: wrap;n flex-wrap: wrap;n margin-bottom: @theme-title-margin-bottom !important;nn > * { padding-right: 10px; }nn &:after {n content: '';n display: block;n -ms-flex-align: end;n align-self: flex-end;n height: @global-border-width;n background: @theme-title-border;n margin-bottom: 10px;n margin-left: 10px;n flex: 1 0 0%;n }nn}nn//n// Button linkn//nn.tm-button-link {n position: relative;n padding-left: (@theme-more-width + 10px);n color: @theme-button-link-color;n text-decoration: none;n}nn.tm-button-link:before {n content: '';n position: absolute;n top: 50%;n left: 0;n width: @theme-more-width;n height: @theme-more-height;n margin-top: – (@theme-more-height / 2);n background: @theme-button-link-border-color;n}nn.tm-button-link:hover { color: @theme-button-link-hover-color; }nn//n// Large marginn//nn.tm-margin-large-top { margin-top: @global-margin-large !important; }n.tm-margin-large-bottom { margin-bottom: @global-margin-large !important; }nn// Large screen and biggern@media (min-width: @breakpoint-xlarge) {nn .tm-margin-large-top { margin-top: @theme-margin-large !important; }n .tm-margin-large-bottom { margin-bottom: @theme-margin-large !important; }nn}nn//n// Social-icon colorsn//nn.tm-icon-google-plus { color: @theme-social-icon-color-google-plus; }n.tm-icon-facebook { color: @theme-social-icon-color-facebook; }n.tm-icon-youtube-play { color: @theme-social-icon-color-youtube-play; }n.tm-icon-instagram { color: @theme-social-icon-color-instagram; }n.tm-icon-twitter { color: @theme-social-icon-color-twitter; }nn//n// Theme shadown//nn.tm-shadow { box-shadow: 0 3px 8px @theme-box-shadow; }nn//n// Theme top hero gradientn//nn// Large screenn@media (min-width: @breakpoint-xlarge) {nn .tm-top-hero-gradient:after {n content: '';n position: absolute;n bottom: 0;n left: 0;n width: 100%;n height: @theme-top-hero-offset;n background: -webkit-linear-gradient(top, @theme-top-hero-gradient-top 0%, @theme-top-hero-gradient-bottom 100%);n background: linear-gradient(to bottom, @theme-top-hero-gradient-top 0%, @theme-top-hero-gradient-bottom 100%);n }nn}nnn// Widgetkitn// ==========================================================================nn//n// Slideshow and Slideshow Panel Joyn//nn.tm-slidenav {nn height: @theme-slidenav-width;n font-weight: @theme-slidenav-font-weight;nn // hide item count on mobilen .tm-slidenav-count { display: none; }nn .tm-slidenav-count {n font-size: @theme-slidenav-font-size;n color: @theme-slidenav-color;n font-style: @global-font-style;n }nn .uk-slidenav { display: table-cell; }nn .tm-slidenav-container a:first-child:before {n content: '';n position: absolute;n right: 0;n top: 50%;n margin-top: -5px;n width: @global-border-width;n height: 10px;n background: @theme-slidenav-divider-border;n }nn .tm-slidenav-container:hover a:first-child:before { opacity: 0; }nn // Tablet and biggern @media (min-width: @breakpoint-medium) {nn .tm-slidenav-count { display: block; }nn .tm-slidenav-count ul {n display: inline-block;n list-style-type: none;n padding: 0;n margin: 0;n }nn .tm-slidenav-count ul > li {n position: absolute;n top: 0;n line-height: @theme-slidenav-width;n opacity: 0;n transition: opacity .5s;n -webkit-transition: opacity .5s;n }nn .tm-slidenav-count ul > li.uk-active { opacity: 1; }nn .tm-current { color: @theme-slidenav-current-color; }nn .tm-total {n float: right;n line-height: @theme-slidenav-width;n margin-left: 30px;n }n }nn // Large screenn @media (min-width: @breakpoint-xlarge) {nn height: @theme-slidenav-height-large;nn .tm-slidenav-count ul > li { line-height: @theme-slidenav-height-large; }nn .tm-total { line-height: @theme-slidenav-height-large; }nn }nn}nnn// Styles Overridesn// ==========================================================================nn.body-style();nn.body-style () when (@global-style = 'default'), (@global-style = 'enjoy'), (@global-style = 'festival'), (@global-style = 'roadtrip'), (@global-style = 'sunday') {nn .uk-block-primary { &:extend(.uk-contrast all); }n .uk-block-secondary { &:extend(.uk-contrast all); }nn}nn.body-style () when (@theme_global-style = 'festival') {nn .tm-subnav-line>:nth-child(n+2):before { background: fade(@global-color, 10%); }nn}nn.body-style () when (@theme_global-style = 'roadtrip') {nn .tm-top-hero { &:extend(.uk-contrast all); }nn}nnn.body-style () when (@theme_global-style = 'newstar') {ntnt.uk-block-primary { &:extend(.uk-contrast all); }n .uk-block-secondary { &:extend(.uk-contrast all); }ntnt.tm-top-hero { &:extend(.uk-contrast all); }ntnt//@import "newstar/test.less";ntnt.mod_ijoomlazone{n .rotating_zone{n padding: 0 !important;n div {nt max-height: none !important;ntt}n }n}nnn.tm-toolbar {nt.adv_advanced_t, n .rotating_zone {n div {n margin: 0 0 0 auto !important;n max-width: 728px;n max-height: 125px !important;n }n }n n n}nn.affiliate-link{ntposition: relative;ntdisplay: block;ntnt.affiliate-holder{nttposition:absolute; nttheight:100%; nttwidth:100%; nttz-index:1;nt}ntntiframe{nttz-index: 2;nt}n}nn.mod_ijoomlazone div.adg_table_cell {n padding: 0 !important;n}nn.gads.placeholder{n height:1px;n margin:-1px 0 0n} nt.allmode-box.allmode-gblist,n.allmode-box.uikit-portal,n.allmode-box.uikit-grid-2,n.allmode-box.uikit-grid-3,n.allmode-box.uikit-grid-4,n.allmode-box.uikit-list,n.allmode-box.uikit-list-left-image {nn .allmode-name{n border-bottom: 0;n //background: @global-primary-background;n background: @header-grandient-start;nttbackground: -moz-linear-gradient(left, @header-grandient-start 0%, @header-grandient-end 100%);nttbackground: -webkit-linear-gradient(left, @header-grandient-start 0%,@header-grandient-end 100%);nttbackground: linear-gradient(to right, @header-grandient-start 0%,@header-grandient-end 100%);nttfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@header-grandient-start', endColorstr='@header-grandient-end',Gradi entType=1 ); n nn margin-bottom: @global-grid-gutter;n color: @global-contrast-color;n font-weight: @panel-title-font-weight;n position: relative;n overflow: hidden;nn a,span{n color: @global-primary-color;n //padding: @panel-header-title-padding/2 60px @panel-header-title-padding/2 @panel-header-title-padding;ntttpadding: @panel-header-title-padding/2 @panel-header-title-padding;n display: block;n position: relative;n z-index: 2;n n span{nt padding: 0;n }nn &:hover{n color: darken(@global-primary-color,10%);n }n }nn /*&:before {n content: "";n position: absolute;n z-index: 1;n top: 0;n right: 0;n border-width: 0 0 80px 80px;n border-style: solid;n border-color: trans parent @global-contrast-color @global-contrast-color transparent;n }*/nnn }nn .uikit-raxo-top-item,n .uikit-raxo-item {n position: relative;nnn .uikit-raxo-info {n background: rgba(0, 0, 0, 0.5);n color: #fff;n padding: 5px;n position: absolute;n left: 0;n right: 0;n bottom: 0;n text-transform: uppercase;nn h4 {n margin: 0;n font-size: 16px;n line-height: 18px;n color: #fff;n max-height: 38px;n text-transform: uppercase;n overflow: hidden;n }nn .uikit-raxo-meta {n font-family: @base-heading-font-family;n font-size: 12px;n line-height: 12px;n margin: 5px 0 0;n n .uikit-raxo-category{nt backgro und: fade(@global-primary-background, 75%);ntttt margin: 2px -5px -5px;ntttt padding: 5px;n }n }n }nn a{n text-decoration: none !important;n }nn a:hover{n .uikit-raxo-info {n background: rgba(0, 0, 0, 0.75);n -moz-transition: all 0.2s ease-in;n -webkit-transition: all 0.2s ease-in;n -o-transition: all 0.2s ease-in;n transition: all 0.2s ease-in;n }n .uikit-raxo-meta { n .uikit-raxo-category{nt background: fade(@global-primary-background, 85%);n }n }n }n }nn .uikit-raxo-top-item{n .uikit-raxo-info {n h4 {n font-size: 20px;n line-height: 22px;n max-height: 46px;n text-transform: uppercase;n }nn .uikit-raxo-meta {n font-size: 16px;n line-height: 18px;n margin: 5px 0 0;nn }n }n }nn .uikit-raxo-other-item {n a {n text-decoration: none !important;n color: @base-body-color;n text-transform: uppercase;nn h4 {n margin: 0;n font-size: 18px;n line-height: 21px;n max-height: 40px;n font-weight: 400; n overflow: hidden;n }nn .uikit-raxo-meta {n font-family: @base-heading-font-family;n font-size: 14px;n line-height: 15px;n margin: 10px 0 0;n }nn &:hover,&:hover h4{n color: @base-link-color;nnn }n }nnn }n}nn@media (max-width: @breakpoint-small-max) {nt.uikit-portal{ntt.uk-grid{nttt.other-items{nttttmargin-top: @global-grid-gutter;nttt}ntt}nt}n}nt//@import "newstar/blog.less";nt//@import "newstar/juxmenu.less";nt.tm-intro-article {nn .uk-article {n background: @blog-text-background-color;nnn &:hover {n -o-transition: .2s;n -ms-transition: .2s;n -moz-transition: .2s;n -webkit-transition: .2s;n transition: .2s;n background: @blog-text-background-hover-color;n }nn a.uk-intro-article-link {n display: block;n padding: @blog-text-padding;n margin: @blog-text-margin;n color: @blog-text-color;n font-size: @blog-text-font-size;n line-height: @blog-text-line-height;nn &:hover {n text-decoration: none;n }nn h3{n margin: @blog-text-margin;n color: @blog-text-color;n font-size: @blog-text-font-size;n line-height: @blog-text-line-height;n }nn .uk-intro-article-text {n margin: @utility-margin * 0.6 0;n color: @blog-text-color;n font-size: @blog-text-font-size – 5;n line-height: @blog-text-line-height – 5;n }n }n }n}nn.tm-leading-article {n .leading-text {n background: @blog-text-background-color;n padding: @blog-text-padding * 2;n color: @blog-text-color;n font-size: @blog-text-font-size – 5;n line-height: @blog-text-line-height – 5;nn .uk-leading-article-title {n margin: @blog-text-margin;n color: @blog-text-color;n font-size: @blog-text-font-size;n line-height: @blog-text-line-height;nn a {n color: @blog-text-color;nn &:hover {n text-decoration: none;n color: @base-link-hover-color;n }n }n }nn .uk-leading-article-text {n margin: @utility-margin * 0.6 0;n }n }n}nn.tm-leading-article + .uk-grid { margin-top: @global-margin; }nt#jux_megamenucss3 {n .megamenu {n position: static !important;nn ul{n padding-bottom: 5px;n &.level0{n li{n &.megacss3{n span,a{n &.megacss3{n height: @navbar-nav-height;n line-height: @navbar-nav-line-height;n font-size: @navbar-nav-font-size;n font-family: @navbar-nav-font-family;n font-weight: @navbar-nav-font-weight;n .hook-navbar-nav;nn &:hover{n color: @navbar-nav-hover-color;n }n }n }nn span.menu-title{n font-size: @navbar-nav-font-size;n }n }nn a{n &.haschild,n &.haschild-over {n &.megacss3 {n span.menu-title {n margin-right: 0 !important;n padding-right: 0 !important;nn &:after{n margin-left: 3px !important;n top: 7px !important;n display: none !important;n }n }n }n }n }n }n }nn &.level1{n li {n &.megacss3 {n span, a {n &.megacss3 {n height: auto;n line-height: @dropdown-font-size*1.25;n font-size: @dropdown-font-size;n }n }n span.menu-title{n font-size: @dropdown-font-size;n }n }n }n }n }nn .childcontent-inner-wrap.dropdown-menu{n border-top: 1px solid @navbar-nav-hover-background;n }nn .childcontent-inner{n .nav{n li{n a {n height: auto;n line-height: @dropdown-font-size+1;n font-size: -size !important;n font-family: @navbar-nav-font-family;n font-weight: 400;n padding: 5px 15px;n color: @dropdown-menu-color;nn &:hover{n color: @global-contrast-color; n background: @navbar-nav-hover-background;n }nnn }n &.current{n a {n color: @navbar-nav-active-color;n background: @navbar-brand-hover-color;n }n }nn }n }nn .uk-grid{n padding: 15px 0;nn li{n background: none !important;n }n }n }nn .megacol{n &.column1{n width: 200px;n }n &.column2{ntt width: 760pxntt }n }n }n}nn.none {n #js-mainnavcss3 {n .active {n background: none;n background-color: @navbar-nav-active-background;n color: @navbar-nav-active-color;n }n }n}nn@media (min-width: 809px) {n .uk-visible-menu {n display: none !important;n }n}n@media (max-width: 808px) {n .uk-hidden-menu {n display: none !important;n }n}nn@media (max-width: 974px) {n #jux_megamenucss3 .megamenu .megacol{n &.column1{n width: 190px;n }n &.column2{n width: 78%n }n }n}nn@media (max-width: 878px) {n #jux_megamenucss3 .megamenu .megacol{n &.column1{n width: 185px;n }n &.column2{n width: 76%n }n }n}nnn#js-mainnavcss3 ul.megamenu li.haschild.megacss3:hover > div.childcontent.adddropdown,#js-meganav-off-canvas .childcontent.open > .dropdown-menu,#jux_megamenucss3 .childcontent.open > .dropdown-menu {n opacity: 1;n visibility: visible;n display:block;n -moz-animation:fadeInDown 300ms ease-in ;n -webkit-animation:fadeInDown 300ms ease-in ;n animation:fadeInDown 300ms ease-in ;n}nnt.leaderboard-responsive ,.leaderboard-responsive-alt {ntposition: relative;ntpadding-bottom: 11.365%;ntheight: 0;ntoverflow: auto; nt-webkit-overflow-scrolling:touch;tntmax-width: 728px;ntntiframe {nttposition: absolute;ntttop: 0;nttleft: 0;nttwidth: 100%;nttheight: 100%;nttborder: 0;nt}ntnt@media (max-width : 435px) {nttpadding-bottom: 31.8%;nt}nt@media (min-width : 436px) {nttpadding-bottom: 12.364%;nt}n}nn.wedge-responsive {ntposition: relative;ntpadding-bottom: 14.517%;ntheight: 0;ntoverflow: auto; nt-webkit-overflow-scrolling:touch;tntmax-width: 620px;ntntiframe {nttposition: absolute;ntttop: 0;nttleft: 0;nttwidth: 100%;nttheight: 100%;nttborder: 0;nt}ntnt@media (max-width : 435px) {nttpadding-bottom: 31.8%;nt}nt@media (min-width : 436px) {nttpadding-bottom: 14.517%;nt}n}nn.medrec-responsive {ntposition: relative;ntpadding-bottom: 83.335%;ntheight: 0;ntoverflow: auto; nt-webkit-overflow-scrolling:touch;tntmax-width: 620px;ntntiframe {nttposition: absolute;ntttop: 0;nttleft: 0;nttwidth: 100%;nttheight: 100%;nttborder: 0;nt}tn}nn.popup-responsive-400{ntposition: relative;ntheight: 0;ntoverflow: hidden; nt-webkit-overflow-scrolling:touch;tntmax-width: 400px;ntpadding-bottom: 100%;ntntiframe {nttposition: absolute;ntttop: 0;nttleft: 0;nttwidth: 100%;nttheight: 100%;nttborder: 0;nt}n}nt@font-face {n font-family: 'Tex Gyre Adventor';n src: url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/regular.eot");n src: url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/regular.eot?#iefix") format('embedded-opentype'),n url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/regular.woff") format('woff'),n url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/regular.ttf") format('truetype'),n url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/regular.svg#texgyreadventorregular") format('svg');n font-weight: normal;n font-style: normal;n}n@font-face {n font-family: 'Tex Gyre Adventor';n src: url("/templates/yoo_joy/less/fonts/ tex-gyre-adventor/fonts/bold.eot");n src: url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/bold.eot?#iefix") format('embedded-opentype'),n url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/bold.woff") format('woff'),n url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/bold.ttf") format('truetype'),n url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/bold.svg#texgyreadventorbold") format('svg');n font-weight: 700;n font-style: normal;n}n@font-face {n font-family: 'Tex Gyre Adventor';n src: url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/italic.eot");n src: url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/italic.eot?#iefix") format('embedded-opentype'),n url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/italic.woff") format('woff'),n url("/templates/yoo_joy/less/fonts/tex-gyre-advent or/fonts/italic.ttf") format('truetype'),n url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/italic.svg#texgyreadventoritalic") format('svg');n font-weight: normal;n font-style: italic;n}n@font-face {n font-family: 'Tex Gyre Adventor';n src: url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/bolditalic.eot");n src: url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/bolditalic.eot?#iefix") format('embedded-opentype'),n url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/bolditalic.woff") format('woff'),n url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/bolditalic.ttf") format('truetype'),n url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/bolditalic.svg#texgyreadventorbold_italic") format('svg');n font-weight: 700;n font-style: italic;n}nnn.tm-page, .tm-navbar {n background: none;n}nn.tm-toolbar {n .t m-logo {n height: auto;n }n}nn.tm-navbar {n .tm-sticky-logo {n display: none;n }nn &.uk-active {n .tm-sticky-logo {n display: block;n }n }n}nn.uk-subnav{n font-family: @navbar-nav-font-family;n /*margin-right: @theme-block-padding-horizontal*/n}nn.uk-panel {n &.uk-panel-header {n .uk-panel-title {n border-bottom: 0;n background: @header-grandient-start;ntttbackground: -moz-linear-gradient(left, @header-grandient-start 0%, @header-grandient-end 100%);ntttbackground: -webkit-linear-gradient(left, @header-grandient-start 0%,@header-grandient-end 100%);ntttbackground: linear-gradient(to right, @header-grandient-start 0%,@header-grandient-end 100%);ntttfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@header-grandient-start', endColorstr='@header-grandient-end',GradientType=1 );n //background: @global-primary-background;n //padding: @panel-header-title-padding/2 60px @panel-header-title-padding/2 @panel-header-title-padding;n padding: @panel-header-title-padding/2 @panel-header-title-padding;n margin-bottom: @global-grid-gutter;n color: @global-contrast-color;n font-weight: @panel-title-font-weight;n position: relative;n overflow: hidden;nn /*&:before {n content: "";n position: absolute;n top: 0;n right: 0;n border-width: 0 0 80px 80px;n border-style: solid;n border-color: transparent @global-contrast-color @global-contrast-color transparent;n }*/n n a{nt color: @global-contrast-color;nt margin: -@panel-header-title-padding/2 -@panel-header-title-padding;nt padding: @panel-header-title-padding/2 @panel-header-titl e-padding;nt display: block;nt position: relative;nt z-index: 2;ntnt &:hover{nt color: darken(@global-contrast-color,10%);nt }n }n }n }n}nn#tm-top-b{n background: @header-grandient-start;ntbackground: -moz-linear-gradient(left, @header-grandient-start 0%, @header-grandient-end 100%);ntbackground: -webkit-linear-gradient(left, @header-grandient-start 0%,@header-grandient-end 100%);ntbackground: linear-gradient(to right, @header-grandient-start 0%,@header-grandient-end 100%);ntfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@header-grandient-start', endColorstr='@header-grandient-end',GradientType=1 );n}nn#tm-top-c{n padding: 5px @theme-block-padding-horizontal !important;n}nn.tm-footer {n &.uk-block-secondary {n color: @global-muted-color;n }n @media (max-width: @breakpoint-medium) {n padding-bottom: 45px; n }n}nn.wing {n position: fixed;n top: 145px;n left: 50%;n padding: 0 !important;n margin: 0;nn a {n display: block;n width: 200px;n }nn img{n max-width: none;n }nn &.wing-left {n margin: 0 0 0 -490px;n a {n margin: 0 0 0 -200px;n }n }nn &.wing-right {n margin: 0 0 0 490px;nn }n}nn.tm-top-b{n h1 {n font-family: 'Courgette', cursive;n font-size: 48px;n span{n font-size: 20px;n line-height: 20px;n display: block;n font-family: @global-heading-font-family;n }n }n}nn.uk-offcanvas {n .uk-nav-sub {n .uk-active a {n background: @nav-offcanvas-active-background;n margin-left: -10px;n padding-left: 10px;n color: @nav-offcanvas-nested-hover-color;n }n }n}n@media (max-width: @breakpoint-small-max) {n .tm-toolbar{n padding: 0;n .uk-clearfix{n padding: 0;n }n }n}nndiv.rssearch_box {n height: 35px;n}nn.articles-no-bg .tm-intro-article .uk-article {n background: none;n}nniframe{ntmax-width: 100% !important;n}ntnt.uk-panel {n &.uk-panel-header {n .uk-panel-title {n color: @global-primary-color;n n a{nt color: @global-primary-color;nt tnt &:hover{nt color: darken(@global-primary-color,10%);nt }n }n }n }n} nn.tm-top-b{ntcolor: @global-primary-color;n h1 {n font-family: Polly, sans-serif;nttcolor: @global-primary-color;nttmargin-left: -2px;n }n}nn// Large screenn@media (min-width: @breakpoint-xlarge) {nn .tm-navbar .uk-navbar { padding: 0 (@theme-block-padding-horizontal + @theme-page-container-border-width) 0 6px; }nn}nnh1, h2, .uk-h1, .uk-h2, .uk-article-title{ntletter-spacing: -2pxn}nnh3, h4, h5, .uk-h3, .uk-h4, .uk-h5, #jux-ticker1321 {n letter-spacing: -1px;n}nnn#tm-top-b{n background: @theme-text-color-5;n}nn.tm-logo {ntimg{nttheight: 90px;nttmargin: -32px 0 0;nt}n}n}nn.body-style () when (@theme_global-style = 'roadtrip') {nnt.mod_ijoomlazone{n .rotating_zone{n padding: 0 !important;n div {nt max-height: none !important;ntt}n }n}nnn.tm-toolbar {nt.adv_advanced_t, n .rotating_zone {n div {n margin: 0 0 0 auto !important;n max-width: 728px;n max-height: 125px !important;n }n }n n n}nn.affiliate-link{ntposition: relative;ntdisplay: block;ntnt.affiliate-holder{nttposition:absolute; nttheight:100%; nttwidth:100%; nttz-index:1;nt}ntntiframe{nttz-index: 2;nt}n}nn.mod_ijoomlazone div.adg_table_cell {n padding: 0 !important;n}nn.gads.placeholder{n height:1px;n margin:-1px 0 0n}nt.allmode-box.allmode-gblist,n.allmode-box.uikit-portal,n.allmode-box.uikit-grid-2,n.allmode-box.uikit-grid-3,n.allmode-box.uikit-grid-4,n.allmode-box.uikit-list,n.allmode-box.uikit-list-left-image {nn .allmode-name{n border-bottom: 0;n //background: @global-primary-background;n background: @header-grandient-start;nttbackground: -moz-linear-gradient(left, @header-grandient-start 0%, @header-grandient-end 100%);nttbackground: -webkit-linear-gradient(left, @header-grandient-start 0%,@header-grandient-end 100%);nttbackground: linear-gradient(to right, @header-grandient-start 0%,@header-grandient-end 100%);nttfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@header-grandient-start', endColorstr='@header-grandient-end',Gradien tType=1 ); n nn margin-bottom: @global-grid-gutter;n color: @global-contrast-color;n font-weight: @panel-title-font-weight;n position: relative;n overflow: hidden;nn a,span{n color: @global-contrast-color;n //padding: @panel-header-title-padding/2 60px @panel-header-title-padding/2 @panel-header-title-padding;ntttpadding: @panel-header-title-padding/2 @panel-header-title-padding;n display: block;n position: relative;n z-index: 2;nn &:hover{n color: darken(@global-contrast-color,10%);n }n }nn /*&:before {n content: "";n position: absolute;n z-index: 1;n top: 0;n right: 0;n border-width: 0 0 80px 80px;n border-style: solid;n border-color: transparent @global-contrast-color @global-contrast-color transparent;n }*/nnn }nn .uikit-raxo-top-item,n .uikit-raxo-item {n position: relative;nnn .uikit-raxo-info {n background: rgba(0, 0, 0, 0.5);n color: #fff;n padding: 5px;n position: absolute;n left: 0;n right: 0;n bottom: 0;n text-transform: uppercase;nn h4 {n margin: 0;n font-size: 16px;n line-height: 18px;n color: #fff;n max-height: 38px;n text-transform: uppercase;n overflow: hidden;n }nn .uikit-raxo-meta {n font-family: @base-heading-font-family;n font-size: 12px;n line-height: 12px;n margin: 5px 0 0;n n .uikit-raxo-category{nt background: fade(@global-primary-background, 75%);ntttt margin: 2px -5px -5px;ntttt padding: 5px;n }n }n }nn a{n text-decoration: none !important;n }nn a:hover{n .uikit-raxo-info {n background: rgba(0, 0, 0, 0.75);n -moz-transition: all 0.2s ease-in;n -webkit-transition: all 0.2s ease-in;n -o-transition: all 0.2s ease-in;n transition: all 0.2s ease-in;n }n .uikit-raxo-meta { n .uikit-raxo-category{nt background: fade(@global-primary-background, 85%);n }n }n }n }nn .uikit-raxo-top-item{n .uikit-raxo-info {n h4 {n font-size: 20px;n line-height: 22px;n max-height: 46px;n text-transform: uppercase;n }nn .uikit-raxo-meta {n font-size: 16px;n line-height: 18px;n margin: 5px 0 0;nn }n }n }nn .uikit-raxo-other-item {n a {n text-decoration: none !important;n color: @base-body-color;n text-transform: uppercase;nn h4 {n margin: 0;n font-size: 18px;n line-height: 21px;n max-height: 40px;n font-weight: 400; n overflow: hidden;n }nn .uikit-raxo-meta {n font-family: @base-heading-font-family;n font-size: 14px;n line-height: 15px;n margin: 10px 0 0;n }nn &:hover,&:hover h4{n color: @base-link-color;nnn }n }nnn }n}nn@media (max-width: @breakpoint-small-max) {nt.uikit-portal{ntt.uk-grid{nttt.other-items{nttttmargin-top: @global-grid-gutter;nttt}ntt}nt}n}nt.tm-intro-article {nn .uk-article {n background: @blog-text-background-color;nnn &:hover {n -o-transition: .2s;n -ms-transition: .2s;n -moz-transition: .2s;n -webkit-transition: .2s;n transition: .2s;n background: @blog-text-background-hover-color;n }nn a.uk-intro-article-link {n display: block;n padding: @blo g-text-padding;n margin: @blog-text-margin;n color: @blog-text-color;n font-size: @blog-text-font-size;n line-height: @blog-text-line-height;nn &:hover {n text-decoration: none;n }nn h3{n margin: @blog-text-margin;n color: @blog-text-color;n font-size: @blog-text-font-size;n line-height: @blog-text-line-height;n }nn .uk-intro-article-text {n margin: @utility-margin * 0.6 0;n color: @blog-text-color;n font-size: @blog-text-font-size – 5;n line-height: @blog-text-line-height – 5;n }n }n }n}nn.tm-leading-article {n .leading-text {n background: @blog-text-background-color;n padding: @blog-text-padding * 2;n color: @blog-text-color;n font-size: @blog-text-font-size – 5;n line-height: @blog-text-line-height – 5;nn .uk-leading-article-title {n margin: @blog-text-margin;n color: @blog-text-color;n font-size: @blog-text-font-size;n line-height: @blog-text-line-height;nn a {n color: @blog-text-color;nn &:hover {n text-decoration: none;n color: @base-link-hover-color;n }n }n }nn .uk-leading-article-text {n margin: @utility-margin * 0.6 0;n }n }n}nn.tm-leading-article + .uk-grid { margin-top: @global-margin; }nt#jux_megamenucss3 {n .megamenu {n position: static !important;nn ul{n padding-bottom: 5px;n &.level0{n li{n &.megacss3{n span,a{n &.megacss3{n height: @navbar-nav-height;n line-height: @navbar-nav-line-height;n font-size: @navbar-nav-font-size;n font-family: @navbar-nav-font-family;n font-weight: @navbar-nav-font-weight;n .hook-navbar-nav;nn &:hover{n color: @navbar-nav-hover-color;n }n }n }nn span.menu-title{n font-size: @navbar-nav-font-size;n }n }nn a{n &.haschild,n &.haschild-over {n &.megacss3 {n span.menu-title {n margin-right: 0 !important;n padding-right: 0 !important;nn &:after{n margin-left: 3px !important;n top: 7px !important;n display: none !important;n }n }n }n }n }n }n }nn &.level1{n li {n &.megacss3 {n span, a {n &.megacss3 {n height: auto;n line-height: @dropdown-font-size*1.25;n font-size: @dropdown-font-size;n }n }n span.menu-title{n font-size: @dropdown-font-size;n }n }n }n }n }nn .childcontent-inner-wrap.dropdown-menu{n border-top: 1px solid @navbar-nav-hover-background;n }nn .childcontent-inner{n .nav{n li{n a {n height: auto;n line-height: @dropdown-font-size+1;n font-size: @dropdown-font-size !important;n font-family: @navbar-nav-font-family;n font-weight: @navbar-nav-font-weight;n padding: 5px 15px;n text-transform : uppercase;n color: @dropdown-menu-color;nn &:hover{n color: @global-contrast-color; n background: @navbar-nav-hover-background;n }nnn }n &.current{n a {n color: @navbar-nav-active-color;n background: @navbar-brand-hover-color;n }n }nn }n }nn .uk-grid{n padding: 15px 0;nn li{n background: none !important;n }n }n }nn .megacol{n &.column1{n width: 200px;n }n &.column2{ntt width: 760pxntt }n }n }n}nn.none {n #js-mainnavcss3 {n .active {n background: none;n background-color: @navbar-nav-active-background;n color: @navbar-nav-active-color;n }n }n}nn@media (min-width: 809px) {n .uk-visible-menu {n display: none !important;n }n}n@media (max-width: 808px) {n .uk-hidden-menu {n display: none !important;n }n}nn@media (max-width: 974px) {n #jux_megamenucss3 .megamenu .megacol{n &.column1{n width: 190px;n }n &.column2{n width: 78%n }n }n}nn@media (max-width: 878px) {n #jux_megamenucss3 .megamenu .megacol{n &.column1{n width: 185px;n }n &.column2{n width: 76%n }n }n}nnn#js-mainnavcss3 ul.megamenu li.haschild.megacss3:hover > div.childcontent.adddropdown,#js-meganav-off-canvas .childcontent.open > .dropdown-menu,#jux_megamenucss3 .childcontent.open > .dropdown-menu {n opacity: 1;n visibility: visible;n display:block;n -moz-animation:fadeInDown 300ms ease-in ;n -webkit-animation:fadeInDown 300ms ease-in ;n animation:fadeInDown 300ms ease-in ;n}nnt.leaderboard-responsive ,.leaderboard-responsive-alt {ntposition: relative;ntpadding-bottom: 11.365%;ntheight: 0;ntoverflow: auto; nt-webkit-overflow-scrolling:touch;tntmax-width: 728px;ntntiframe {nttposition: absolute;ntttop: 0;nttleft: 0;nttwidth: 100%;nttheight: 100%;nttborder: 0;nt}ntnt@media (max-width : 435px) {nttpadding-bottom: 31.8%;nt}nt@media (min-width : 436px) {nttpadding-bottom: 12.364%;nt}n}nn.wedge-responsive {ntposition: relative;ntpadding-bottom: 14.517%;ntheight: 0;ntoverflow: auto; nt-webkit-overflow-scrolling:touch;tntmax-width: 620px;ntntiframe {nttposition: absolute;ntttop: 0;nttleft: 0;nttwidth: 100%;nttheight: 100%;nttborder: 0;nt}ntnt@media (max-width : 435px) {nttpadding-bottom: 31.8%;nt}nt@media (min-width : 436px) {nttpadding-bottom: 14.517%;nt}n}nn.medrec-responsive {ntposition: relative;ntpadding-bottom: 83.335%;ntheight: 0;ntoverflow: auto; nt-webkit-overflow-scrolling:touch;tntmax-width: 620px;ntntiframe {nttposition: absolute;ntttop: 0;nttleft: 0;nttwidth: 100%;nttheight: 100%;nttborder: 0;nt}tn}nn.popup-responsive-400{ntposition: relative;ntheight: 0;ntoverflow: hidden; nt-webkit-overflow-scrolling:touch;tntmax-width: 400px;ntpadding-bottom: 100%;ntntiframe {nttposition: absolute;ntttop: 0;nttleft: 0;nttwidth: 100%;nttheight: 100%;nttborder: 0;nt}n}ntnt@font-face {n font-family: 'Tex Gyre Adventor';n src: url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/regular.eot");n src: url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/regular.eot?#iefix") format('embedded-opentype'),n url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/regular.woff") format('woff'),n url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/regular.ttf") format('truetype'),n url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/regular.svg#texgyreadventorregular") format('svg');n font-weight: normal;n font-style: normal;n}n@font-face {n font-family: 'Tex Gyre Adventor';n src: url("/templates/yoo_joy/less/fon ts/tex-gyre-adventor/fonts/bold.eot");n src: url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/bold.eot?#iefix") format('embedded-opentype'),n url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/bold.woff") format('woff'),n url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/bold.ttf") format('truetype'),n url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/bold.svg#texgyreadventorbold") format('svg');n font-weight: 700;n font-style: normal;n}n@font-face {n font-family: 'Tex Gyre Adventor';n src: url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/italic.eot");n src: url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/italic.eot?#iefix") format('embedded-opentype'),n url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/italic.woff") format('woff'),n url("/templates/yoo_joy/less/fonts/tex-gyre-ad ventor/fonts/italic.ttf") format('truetype'),n url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/italic.svg#texgyreadventoritalic") format('svg');n font-weight: normal;n font-style: italic;n}n@font-face {n font-family: 'Tex Gyre Adventor';n src: url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/bolditalic.eot");n src: url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/bolditalic.eot?#iefix") format('embedded-opentype'),n url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/bolditalic.woff") format('woff'),n url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/bolditalic.ttf") format('truetype'),n url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/bolditalic.svg#texgyreadventorbold_italic") format('svg');n font-weight: 700;n font-style: italic;n}nnn.tm-page, .tm-navbar {n background: none;n}nn.tm-toolbar {n .tm-logo {n height: auto;n }n}nn.tm-navbar {n .tm-sticky-logo {n display: none;n }nn &.uk-active {n .tm-sticky-logo {n display: block;n }n }n}nn.uk-subnav{n font-family: @navbar-nav-font-family;n /*margin-right: @theme-block-padding-horizontal*/n}nn.uk-panel {n &.uk-panel-header {n .uk-panel-title {n border-bottom: 0;n background: @header-grandient-start;ntttbackground: -moz-linear-gradient(left, @header-grandient-start 0%, @header-grandient-end 100%);ntttbackground: -webkit-linear-gradient(left, @header-grandient-start 0%,@header-grandient-end 100%);ntttbackground: linear-gradient(to right, @header-grandient-start 0%,@header-grandient-end 100%);ntttfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@header-grandient-start', endColorstr='@header-grandient-end',GradientType=1 );n //background: @global-primary-backgroun d;n //padding: @panel-header-title-padding/2 60px @panel-header-title-padding/2 @panel-header-title-padding;n padding: @panel-header-title-padding/2 @panel-header-title-padding;n margin-bottom: @global-grid-gutter;n color: @global-contrast-color;n font-weight: @panel-title-font-weight;n position: relative;n overflow: hidden;nn /*&:before {n content: "";n position: absolute;n top: 0;n right: 0;n border-width: 0 0 80px 80px;n border-style: solid;n border-color: transparent @global-contrast-color @global-contrast-color transparent;n }*/n n a{nt color: @global-contrast-color;nt margin: -@panel-header-title-padding/2 -@panel-header-title-padding;nt padding: @panel-header-title-padding/2 @panel-header- title-padding;nt display: block;nt position: relative;nt z-index: 2;ntnt &:hover{nt color: darken(@global-contrast-color,10%);nt }n }n }n }n}nn#tm-top-b{n background: @header-grandient-start;ntbackground: -moz-linear-gradient(left, @header-grandient-start 0%, @header-grandient-end 100%);ntbackground: -webkit-linear-gradient(left, @header-grandient-start 0%,@header-grandient-end 100%);ntbackground: linear-gradient(to right, @header-grandient-start 0%,@header-grandient-end 100%);ntfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@header-grandient-start', endColorstr='@header-grandient-end',GradientType=1 );n}nn#tm-top-c{n padding: 5px @theme-block-padding-horizontal !important;n}nn.tm-footer {n &.uk-block-secondary {n color: @global-muted-color;n }n @media (max-width: @breakpoint-medium) {n padding-bottom: 45 px;n }n}nn.wing {n position: fixed;n top: 145px;n left: 50%;n padding: 0 !important;n margin: 0;nn a {n display: block;n width: 200px;n }nn img{n max-width: none;n }nn &.wing-left {n margin: 0 0 0 -490px;n a {n margin: 0 0 0 -200px;n }n }nn &.wing-right {n margin: 0 0 0 490px;nn }n}nn.tm-top-b{n h1 {n font-family: 'Courgette', cursive;n font-size: 48px;n span{n font-size: 20px;n line-height: 20px;n display: block;n font-family: @global-heading-font-family;n }n }n}nn.uk-offcanvas {n .uk-nav-sub {n .uk-active a {n background: @nav-offcanvas-active-background;n margin-left: -10px;n padding-left: 10px;n color: @nav-offcanvas-nested-hover-color;n }n }n}n@media (max-width: @breakpoint-small-max) { n .tm-toolbar{n padding: 0;n .uk-clearfix{n padding: 0;n }n }n}nndiv.rssearch_box {n height: 35px;n}nn.articles-no-bg .tm-intro-article .uk-article {n background: none;n}nniframe{ntmax-width: 100% !important;n}nn}n@import 'https://cdn.grantdigital.net.au/fonts/polly/polly.css';nn@global-style: 'newstar';n@global-font-family: Polly, sans-serif;n@global-color: #686868;n@global-heading-color: #1a1a1a;n@global-alt-color: #1a1a1a;n@global-primary-color: #c4242b;n@global-secondary-color: #c6c9d7;n@global-alt-background: #1a1a1a;n@global-primary-background: #c4242b;n@global-secondary-background: #1a1a1a;n@global-dropdown-background: #000;n@global-success-background: #b1d00c;n@global-warning-background: #dea900;n@global-danger-background: #d62e0c;n@icon-font-path: "../../fonts";n@navbar-background: @global-secondary-color;n@navbar-color: #7c7e7f;n@navbar-link-color: #fff;n@navbar-link-hover-color: @ global-primary-color;n@navbar-nav-color: #7c7e7f;n@navbar-nav-hover-color: @global-primary-color;n@navbar-nav-onclick-color: #fff;n@navbar-nav-active-color: @global-alt-color;n@navbar-brand-color: #fff;n@navbar-brand-hover-color: @global-primary-color;n@navbar-toggle-color: @global-primary-color;n@navbar-toggle-hover-color: @global-primary-color;n@dropdown-overlay-background: #000;n@dropdown-color: #fff;n@dropdown-divider-border: #313131;n@dropdown-link-hover: #fff;n@nav-dropdown-hover-color: #7c7e7f;n@nav-dropdown-nested-color: #7c7e7f;n@nav-dropdown-header-color: #fff;n@nav-navbar-header-color: #fff;n@nav-dropdown-divider-border: #313131;n@nav-navbar-divider-border: #313131;n@nav-navbar-hover-color: #c4242b;n@panel-box-primary-link-hover-color: #7c7e7f;n@theme_global-style: 'newstar';n@global-font-style-alt: normal;n@nav-navbar-active-color: #c4242b;n@theme-logo-color: #fff;n@theme-body-background: #1a1a1a;n@theme-dropdown-overlay-background: rgba(0,0,0,0.8) ;n@theme-top-hero-gradient-top: rgba(26,26,26,0);n@theme-top-hero-gradient-bottom: rgba(26,26,26,0);n@theme-list-title-border: #c4242b;n@theme-text-color-1: #c4242b;n@theme-text-color-2: #c4242b;n@theme-text-color-3: #c4242b;n@theme-text-color-4: #c4242b;n@theme-text-color-5: #d8dae3;n@dotnav-hover-border: #c4242b;n@dotnav-onclick-border: #c4242b;n@dotnav-active-border: #c4242b;n@dotnav-before-background: rgba(255,255,255,0.2);n@theme-toolbar-background: #f8f8f8;n@theme-toolbar-subnav-line-border: #ededed;n@theme-navbar-contrast-absolute-hover-background: #000;n@theme-navbar-background: #000;n@theme-navbar-absolute-hover-background: #000;n@theme-page-container-border-width: 0;n@global-grid-gutter-large: 15px;n@global-margin-xlarge: 15px;n@global-grid-gutter: 15px;n@global-margin-small: 15px;n@global-margin-large: 15px;n@global-margin: 15px;n@theme-page-container-margin-top: 0;n@navbar-nav-height: 50px;n@theme-block-padding-large-vertical: 15px;n@theme-block- padding-vertical: 15px;n@theme-block-padding-horizontal: 15px;n@block-large-padding-vertical-large: 15px;n@block-padding-vertical: 15px;n@global-heading-font-family: Polly, sans-serif;n@navbar-nav-font-family: Polly,sans-serif;n@base-heading-font-weight: normal;n@theme-page-container-margin-large-top: 0;n@dropdown-font-size: 14px;n@subnav-margin-vertical: 5px;n@panel-title-font-weight: 700;n@navbar-nav-font-weight: 700;n@offcanvas-bar-background: #000;n@nav-offcanvas-sub-background: #000;n@nav-offcanvas-active-background: #c4242b;n@nav-offcanvas-hover-color: #fff;n@nav-offcanvas-active-color: #fff;n@nav-offcanvas-hover-background: #c4242b;n@nav-offcanvas-nested-hover-color: #fff;n@global-muted-background: #c6c9d7;n@navbar-nav-font-size: 14px;n@base-em-color: #000000;n@subnav-hover-color: @global-primary-color;n@dropdown-menu-color: #c4242b;n@global-line-height: 22px;"},{"target":"custom.css","source":"@font-face {n font-family: 'Tex Gyre Adventor';n src: url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/regular.eot");n src: url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/regular.eot?#iefix") format('embedded-opentype'),n url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/regular.woff") format('woff'),n url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/regular.ttf") format('truetype'),n url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/regular.svg#texgyreadventorregular") format('svg');n font-weight: normal;n font-style: normal;n}n@font-face {n font-family: 'Tex Gyre Adventor';n src: url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/bold.eot");n src: url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/bold.eot?#iefix") format('embedded-opentype'),n url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/bold.woff") format('woff'),n url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/bold.ttf") format('truetype'),n url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/bold.svg#texgyreadventorbold") format('svg');n font-weight: 700;n font-style: normal;n}n@font-face {n font-family: 'Tex Gyre Adventor';n src: url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/italic.eot");n src: url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/italic.eot?#iefix") format('embedded-opentype'),n url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/italic.woff") format('woff'),n url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/italic.ttf") format('truetype'),n url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/italic.svg#texgyreadventoritalic") format('svg');n font-weight: normal;n font-style: italic;n}n@font-face {n font-family: 'Tex Gyre Adventor'; n src: url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/bolditalic.eot");n src: url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/bolditalic.eot?#iefix") format('embedded-opentype'),n url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/bolditalic.woff") format('woff'),n url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/bolditalic.ttf") format('truetype'),n url("/templates/yoo_joy/less/fonts/tex-gyre-adventor/fonts/bolditalic.svg#texgyreadventorbold_italic") format('svg');n font-weight: 700;n font-style: italic;n}nnn.tm-page, .tm-navbar {n background: none;n}nn.tm-toolbar {n .tm-logo {n height: auto;n }n}nn.tm-navbar {n .tm-sticky-logo {n display: none;n }nn &.uk-active {n .tm-sticky-logo {n display: block;n }n }n}nn.uk-subnav{n font-family: @navbar-nav-font-family;n /*mar gin-right: @theme-block-padding-horizontal*/n}nn.uk-panel {n &.uk-panel-header {n .uk-panel-title {n border-bottom: 0;n background: @header-grandient-start;ntttbackground: -moz-linear-gradient(left, @header-grandient-start 0%, @header-grandient-end 100%);ntttbackground: -webkit-linear-gradient(left, @header-grandient-start 0%,@header-grandient-end 100%);ntttbackground: linear-gradient(to right, @header-grandient-start 0%,@header-grandient-end 100%);ntttfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@header-grandient-start', endColorstr='@header-grandient-end',GradientType=1 );n //background: @global-primary-background;n //padding: @panel-header-title-padding/2 60px @panel-header-title-padding/2 @panel-header-title-padding;n padding: @panel-header-title-padding/2 @panel-header-title-padding;n margin-bottom: @global-grid-gutter;n color: @global -contrast-color;n font-weight: @panel-title-font-weight;n position: relative;n overflow: hidden;nn /*&:before {n content: "";n position: absolute;n top: 0;n right: 0;n border-width: 0 0 80px 80px;n border-style: solid;n border-color: transparent @global-contrast-color @global-contrast-color transparent;n }*/n n a{nt color: @global-contrast-color;nt margin: -@panel-header-title-padding/2 -@panel-header-title-padding;nt padding: @panel-header-title-padding/2 @panel-header-title-padding;nt display: block;nt position: relative;nt z-index: 2;ntnt &:hover{nt color: darken(@global-contrast-color,10%);nt }n }n }n }n}nn#tm-top-b{n background: @ header-grandient-start;ntbackground: -moz-linear-gradient(left, @header-grandient-start 0%, @header-grandient-end 100%);ntbackground: -webkit-linear-gradient(left, @header-grandient-start 0%,@header-grandient-end 100%);ntbackground: linear-gradient(to right, @header-grandient-start 0%,@header-grandient-end 100%);ntfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@header-grandient-start', endColorstr='@header-grandient-end',GradientType=1 );n}nn#tm-top-c{n padding: 5px @theme-block-padding-horizontal !important;n}nn.tm-footer {n &.uk-block-secondary {n color: @global-muted-color;n }n @media (max-width: @breakpoint-medium) {n padding-bottom: 45px;n }n}nn.wing {n position: fixed;n top: 145px;n left: 50%;n padding: 0 !important;n margin: 0;nn a {n display: block;n width: 200px;n }nn img{n max-width: none;n }nn &.wing-left {n margin: 0 0 0 -490 px;n a {n margin: 0 0 0 -200px;n }n }nn &.wing-right {n margin: 0 0 0 490px;nn }n}nn.tm-top-b{n h1 {n font-family: 'Courgette', cursive;n font-size: 48px;n span{n font-size: 20px;n line-height: 20px;n display: block;n font-family: @global-heading-font-family;n }n }n}nn.uk-offcanvas {n .uk-nav-sub {n .uk-active a {n background: @nav-offcanvas-active-background;n margin-left: -10px;n padding-left: 10px;n color: @nav-offcanvas-nested-hover-color;n }n }n}n@media (max-width: @breakpoint-small-max) {n .tm-toolbar{n padding: 0;n .uk-clearfix{n padding: 0;n }n }n}nndiv.rssearch_box {n height: 35px;n}nn.articles-no-bg .tm-intro-article .uk-article {n background: none;n}nniframe{ntmax-width: 100% !important;n}n@import 'https://cdn.grantdigital.net.au/fonts/polly/polly.css';nn@global-style: 'newstar';n@global-font-family: Polly, sans-serif;n@global-color: #686868;n@global-heading-color: #1a1a1a;n@global-alt-color: #1a1a1a;n@global-primary-color: #c4242b;n@global-secondary-color: #c6c9d7;n@global-alt-background: #1a1a1a;n@global-primary-background: #c4242b;n@global-secondary-background: #1a1a1a;n@global-dropdown-background: #000;n@global-success-background: #b1d00c;n@global-warning-background: #dea900;n@global-danger-background: #d62e0c;n@icon-font-path: "../../fonts";n@navbar-background: @global-secondary-color;n@navbar-color: #7c7e7f;n@navbar-link-color: #fff;n@navbar-link-hover-color: @global-primary-color;n@navbar-nav-color: #7c7e7f;n@navbar-nav-hover-color: @global-primary-color;n@navbar-nav-onclick-color: #fff;n@navbar-nav-active-color: @global-alt-color;n@navbar-brand-color: #fff;n@navbar-brand-hover-color: @global-primary-color;n@navbar-toggle-color: @globa l-primary-color;n@navbar-toggle-hover-color: @global-primary-color;n@dropdown-overlay-background: #000;n@dropdown-color: #fff;n@dropdown-divider-border: #313131;n@dropdown-link-hover: #fff;n@nav-dropdown-hover-color: #7c7e7f;n@nav-dropdown-nested-color: #7c7e7f;n@nav-dropdown-header-color: #fff;n@nav-navbar-header-color: #fff;n@nav-dropdown-divider-border: #313131;n@nav-navbar-divider-border: #313131;n@nav-navbar-hover-color: #c4242b;n@panel-box-primary-link-hover-color: #7c7e7f;n@theme_global-style: 'newstar';n@global-font-style-alt: normal;n@nav-navbar-active-color: #c4242b;n@theme-logo-color: #fff;n@theme-body-background: #1a1a1a;n@theme-dropdown-overlay-background: rgba(0,0,0,0.8);n@theme-top-hero-gradient-top: rgba(26,26,26,0);n@theme-top-hero-gradient-bottom: rgba(26,26,26,0);n@theme-list-title-border: #c4242b;n@theme-text-color-1: #c4242b;n@theme-text-color-2: #c4242b;n@theme-text-color-3: #c4242b;n@theme-text-color-4: #c4242b;n@theme-text-color-5: #d8 dae3;n@dotnav-hover-border: #c4242b;n@dotnav-onclick-border: #c4242b;n@dotnav-active-border: #c4242b;n@dotnav-before-background: rgba(255,255,255,0.2);n@theme-toolbar-background: #f8f8f8;n@theme-toolbar-subnav-line-border: #ededed;n@theme-navbar-contrast-absolute-hover-background: #000;n@theme-navbar-background: #000;n@theme-navbar-absolute-hover-background: #000;n@theme-page-container-border-width: 0;n@global-grid-gutter-large: 15px;n@global-margin-xlarge: 15px;n@global-grid-gutter: 15px;n@global-margin-small: 15px;n@global-margin-large: 15px;n@global-margin: 15px;n@theme-page-container-margin-top: 0;n@navbar-nav-height: 50px;n@theme-block-padding-large-vertical: 15px;n@theme-block-padding-vertical: 15px;n@theme-block-padding-horizontal: 15px;n@block-large-padding-vertical-large: 15px;n@block-padding-vertical: 15px;n@global-heading-font-family: Polly, sans-serif;n@navbar-nav-font-family: Polly,sans-serif;n@base-heading-font-weight: normal;n@theme-page-contai ner-margin-large-top: 0;n@dropdown-font-size: 14px;n@subnav-margin-vertical: 5px;n@panel-title-font-weight: 700;n@navbar-nav-font-weight: 700;n@offcanvas-bar-background: #000;n@nav-offcanvas-sub-background: #000;n@nav-offcanvas-active-background: #c4242b;n@nav-offcanvas-hover-color: #fff;n@nav-offcanvas-active-color: #fff;n@nav-offcanvas-hover-background: #c4242b;n@nav-offcanvas-nested-hover-color: #fff;n@global-muted-background: #c6c9d7;n@navbar-nav-font-size: 14px;n@base-em-color: #000000;n@subnav-hover-color: @global-primary-color;n@dropdown-menu-color: #c4242b;n@global-line-height: 22px;"}];





Show Header_CK.jpg
 
harry-potter-vans.jpg" width="821" height="576"><br /> <br />Vans has announced their Harry Potter collection by sharing the first look at four shoes as well as a short clip featuring colours of the houses of Hogwarts. Gryffindor, Ravenclaw, Slytherin, and Hufflepuff are all up for grabs – each featuring the official crest logo and a distinct material and colour swatch each house.<br /> <br /> <br /> <br />Stay tuned for release dates! </div>
<div class=


Star Fm 102.7Star 102.7 FM
Level 1, 21 Grafton Street, Cairns QLD, 4870
Phone: (07) 4042 8000
Studio: 1300 89 19 29

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *