diff --git a/index.html b/index.html index 4e58531..0710e65 100644 --- a/index.html +++ b/index.html @@ -1,148 +1,298 @@ + Brandon Cornejo | binaryatrocity - - - + + + + + +
+
+ [FSF Associate Member] + +
+

Brandon Cornejo

+
+
+
+ +
+
+
    +
  • +
    +

    About Me

    +

    + Welcome! I am Brandon Cornejo, a computer + and technology enthusiast from Milwaukee, Wisconsin with a passion for writing clean, + modern and extensible software. +

    +

    + I've been writing code for over a decade and across a myriad of devices, platforms, frameworks and + languages. Supplemented with my knowledge of network and system administration my skillset can be + described as "full stack" in the broadest sense. I am an open advocate for free (as in freedom) + software and strongly believe everyone has a right to security, privacy and anonymity online. +

    +

    + I have degrees in both Computer Networking and Information Science + from local institutions. Coupled with an ever-growing sphere of self-motivated learning and exploration + my areas of expertise lie across the spectrum, including but not limited to: +

    +
      +
    • Programming Languages (Python, JavaScript/Node, C(#/++), Apex, Lua, Go)
      • +
    • Libraries and Frameworks (Flask, SQLALchemy, Express, Django, Jinja, Nunjucks)
      • +
    • Linux Administration, DevOps, Cloud Computing (AWS, Linode, Heroku)
      • +
    • Memory Stores and Message Queues (Redis, Kafka, RabbitMQ, Celery)
      • +
    • Databases (Postgres, Maria/MySQL, Cassandra, Mongo)
      • +
    • Salesforce (Sales|Service|FSL|Community Clouds, LWC, Apex, Heroku, Einstein)
      • +
    • Network/Applications Security and Cryptography
      • + + +
    +
    +
    • +
  • +
    +

    Employment

    +
    +
    Canpango (ScanSource) - Senior Developer [2016-2020]
    +
    +
      +
    • About: Salesforce consultancy firm. Custom development, systems integrations, data migration, Salesform platform customization/extension.
      • +
    • Technologies: JavaScript, WebComponents (LWC), Apex, Heroku, Redis, Python
      • +
    +
    - -
    -
    - -
    - [FSF Associate Member] - - - -
    -

    Brandon Cornejo

    -
    - -
    +
    Cliq2 Technologies - Developer [2016-2016]
    +
    +
      +
    • About: A small team general-tech consultancy. Systems integrations, ETL, custom websites, CMS extension, etc.
      • +
    • Technologies: C#, JavaScript, AWS, REST, SOAP, Wordpress and similar
      • +
    +
    -
    -
    -
      -
    • - -

      - Ximopanolti (welcome)! I am Brandon Cornejo, - a computer and technology enthusiast from Milwaukee, Wisconsin. I am a life long - developer and advocate for free (as in freedom) software, privacy and anonymity online. -

      - I have earned degrees in both Computer Networking and Information - Science from local universities while improving my abilities as a developer both in my - free time and professionally. Over + years I've filled my life with - a number of passions including but not limited to: -

      -
        -
      • Free Open Source Software (GNU/Mozilla/Tor)
        • -
      • Python (Flask, SQLAlchemy, everything)
        • -
      • Indigenous Mesoamerican Culture
        • -
      • Bitcoin (Cryptocurrencies)
        • -
      • Javascript (Frontend/SPA, Node.js, Titanium Mobile)
        • -
      • Strategy Games (P&P, Board, PC)
        • -
      • Linux/BSD System Administration
        • -
      • Network/Applications Security
        • -
      -
      • +
      Corvisa (CorvisaCloud) - Backend Developer [2014-2016]
      +
      +
        +
      • About: Custom built Business Phone System, Contact Center Software, Lua-based PaaS
        • +
      • Technologies: Python, Django, Tastypie (REST), Redis, Cassandra, RabbitMQ, Lua, SIP
        • +
      +
      -
    • - -

      Employment

      -
      -
      Senior Developer (2017-present)
      Canpango (ScanSource)
      -
      -
        -
      • Roles: Custom system integrations, data migration, Salesforce platform developer, Python application development -
        • -
      • Technologies: Python, Apex, Javascript, Lightning framework, C#, Redis, MongoDB, Postgres, - Flask
        • -
      - -
      -
      Python Developer (2014-2016)
      Corvisa (CorvisaCloud)
      -
      -
        -
      • Roles: Backend python developer for the CorvisaCloud platform. -
        • -
      • Technologies: Python, Django, Tastypie, Postgres, Redis, RabbitMQ, - Cassandra, zmq, Lua
        • -
      - -
      -
      Web Developer/Designer (2012-2014)
      Harley-Davidson Motor Company
      -
      -
        -
      • Roles: Computer-based training developer. Create and manage web - training for employees and global dealership network. Managing translated - digital content. Updating old Flash courses to HTML5.
        • -
      • Technologies: JavaScript (jQuery), HTML5, CSS3, XML, - ActionScript (Flash), SCORM
        • -
      - -
      -
      Client Services Specialist (2010-2012)
      Harley-Davidson Motor Company
      -
      -
        -
          -
        • Roles: H-D Museum interactive exhibit support, Desktop and - application support. Identity Administration (ITIM, Active Directory, - User Access)
          • -
        • Technologies: Windows XP/7, Zebra Printers, Symbol Mobile - scanners and computers (on fork lifts), IBM (Global Service Desk, ITIM, - TEM & Tivoli Provisioning Manager), McAfee Endpoint Encryption
          • +
          Harley-Davidson Motor Company (HDMC) - Web Developer/Designer [2010-2014]
          +
          +
            +
          • About: Developed custom computer-based training for Harley-Davidson University. Create and maintain interactive web training for employees and global dealership network. Managing translations and localizations.
            • +
          • Technologies: JavaScript, HTML5, CSS3, XML, ActionScript (Flash, moving existing CBTs to modern HTML5 framework), SCORM
          -
        -
      -
      + +
    +
    • +
  • +
    +

    Education

    + +
    Degrees
    +
    +
    B.S., Information Science & Technology (2013)
    +
    University of Wisconsin - Milwaukee
    + +
    A.A.S, IT Network Specialist (2010)
    +
    Milwaukee Area Technical College
    +
    + +
    Certifications
    +
    +
    Heroku Architecture Designer - Earned 2020
    +
    Twelve-factor app methodology, Heroku platform specifics, Redis, Kafka, etc
    + +
    Salesforce Platform Developer - Earned 2017
    +
    Apex, Visualforce, Lightning, Salesforce platform specifics
    + +
    Titanium Certified Application Developer - Earned 2012
    +
    Framework for cross-platform mobile app development
    +
    +
    +
    • +
  • +
    +

    Projects

    +
    +
    Twitch Trivia
    +
    +

    + A trivia system for Twitch.tv chat meant for organizations and with a focus on easy statistics and + integration for driving web traffic with leaderboards. +

    + +

    + Git +

    +
    + +
    ACKS Toolkit
    +
    +

    + Tools for the Adventurer Conqueror King tabletop system. Namely the generation of NPC parties + based on an extracted dataset, with importability into the Roll20.net platform + for use on their VTT. +

    + +

    + Includes a fully custom-built character sheet for Roll20.net as well, built with + HTML5/CSS and the Roll20 APIs. +

    + +

    + Git + Web +

    +
    + +
    DotaNoobs.com
    +
    +

    + A friendly DotA community. A safe-harbour from the general toxicity of the DotA universe. Website + with a Teamspeak server. Steam OIDC for logins. Event system integrated with Teamspeak via API and a forum board + via database. Participation points based on time spent in auto-generated Teamspeak rooms for events etc. +

    + +

    + Git + Web +

    +
    + +
    DiscworldMUD TinTin++ Setup
    +
    +

    + Extensive configuration and scripting for the TinTin++ CLI based MUD client specific to the Discworld MUD. +

    + +

    + Git +

    +
    -
  • - -

    Degrees

    -
    -
    B.S., Information Science & Technology (2013)
    University of Wisconsin - Milwaukee, Milwaukee WI
    -
    A.A.S., IT Network Specialist (2010)
    Milwaukee Area Technical College, Milwaukee WI
    -
    -

    Certifications

    -
    -
    Titanium Certified Application Developer
    Earned May 13, 2012 - http://appcelerator.com
    -
    -
    -
    Salesforce Platform Developer
    Earned 2017 - http://salesforce.com
    -
    +
    PacketCrypt
    +
    +

    + A prototype website for a VPN service. +

    + +

    + Git +

    +
    + +
    Orna Equipment Combinator
    +
    +

    + Simple combination calculator for equipment statistics for the Orna GeoRPG. +

    +

    + Git + Web +

    +
    + +
    DiscworldMUD Shop Dashboard
    +
    +

    + A small python/Flask web application to keep track of stock, sales, and profits for + player-run shops in the DiscworldMUD. I had a need to determine if a certain class + of stock was profitable to offer and created this to help make that decision. +

    +

    + Git + Web +

    +
    +
    • + +
    + There are some other personal projects scattered across my self-hosted + Gitea and Github +
    +
    • +
  • +
    +

    Contact

    +
    +
    E-Mail
    +
    me@brandoncornejo.name
    + +
    PGP Key
    +
    Public.asc
    + +
    IRC
    +
    binaryatrocity@irc.oftc.net
    + +
    Twitter
    +
    @binaryatrocity
    + +
    Steam
    +
    binaryatrocity
    + +
    Matrix
    +
    binaryatrocity@atr0phy.net
    +
    Bitcoin Address
    +
    1BinaryZyAXLbZ47XY2Ho92RrLwibK7E2d
    +
    +
    +
    • +
+
+
+
+ +
+ + + + -

  E-Mail
- brandon.cornejo@gmail.com

-

  PGP Key
- Public.asc

-

  IRC
- binaryatrocity @ irc.oftc.net
-

  Twitter
- @binaryatrocity
-

  Steam
- binaryatrocity
-

  Bitcoin Address
- 1BinaryZyAXLbZ47XY2Ho92RrLwibK7E2d @@ -150,7 +300,6 @@

-
@@ -170,3 +319,15 @@ + + + + +--> diff --git a/lib/addons/css/datepicker.almost-flat.css b/lib/addons/css/datepicker.almost-flat.css deleted file mode 100644 index d1ed09f..0000000 --- a/lib/addons/css/datepicker.almost-flat.css +++ /dev/null @@ -1,118 +0,0 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - -/* ======================================================================== - Addon: Datepicker - ========================================================================== */ -/* - * Reset dropdown width - */ -.uk-datepicker { - width: auto; -} -/* Sub-object: `uk-datepicker-nav` -========================================================================== */ -.uk-datepicker-nav { - margin-bottom: 15px; - text-align: center; - line-height: 20px; -} -/* - * Micro clearfix - */ -.uk-datepicker-nav:before, -.uk-datepicker-nav:after { - content: " "; - display: table; -} -.uk-datepicker-nav:after { - clear: both; -} -/* - * Previous and next navigation - */ -.uk-datepicker-nav a { - color: #444444; - text-decoration: none; -} -.uk-datepicker-nav a:hover { - color: #444444; -} -.uk-datepicker-previous { - float: left; -} -.uk-datepicker-next { - float: right; -} -.uk-datepicker-previous:after, -.uk-datepicker-next:after { - width: 20px; - font-family: FontAwesome; -} -.uk-datepicker-previous:after { - content: "\f053"; -} -.uk-datepicker-next:after { - content: "\f054"; -} -/* Sub-object: `uk-datepicker-heading` -========================================================================== */ -/* Sub-object: `uk-datepicker-table` -========================================================================== */ -/* Block element behavior */ -.uk-datepicker-table { - width: 100%; -} -.uk-datepicker-table th, -.uk-datepicker-table td { - padding: 2px; -} -.uk-datepicker-table th { - font-size: 12px; -} -/* - * Item - */ -.uk-datepicker-table a { - display: block; - width: 26px; - line-height: 24px; - text-align: center; - color: #444444; - text-decoration: none; - border: 1px solid transparent; - border-radius: 4px; -} -/* - * Sub-object: `uk-datepicker-table-muted` - */ -a.uk-datepicker-table-muted { - color: #999999; -} -/* - * Hover - * 1. Apply hover style also to focus state - * 2. Remove default focus style - */ -.uk-datepicker-table a:hover, -.uk-datepicker-table a:focus { - background-color: #fafafa; - color: #444444; - /* 2 */ - outline: none; - border-color: rgba(0, 0, 0, 0.16); - text-shadow: 0 1px 0 #ffffff; -} -/* OnClick */ -.uk-datepicker-table a:active { - background-color: #eeeeee; - color: #444444; -} -/* - * Active - */ -.uk-datepicker-table a.uk-active { - background: #00a8e6; - color: #ffffff; - box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05); - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); -} diff --git a/lib/addons/css/datepicker.almost-flat.min.css b/lib/addons/css/datepicker.almost-flat.min.css deleted file mode 100644 index 447acdd..0000000 --- a/lib/addons/css/datepicker.almost-flat.min.css +++ /dev/null @@ -1,3 +0,0 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - -.uk-datepicker{width:auto}.uk-datepicker-nav{margin-bottom:15px;text-align:center;line-height:20px}.uk-datepicker-nav:before,.uk-datepicker-nav:after{content:" ";display:table}.uk-datepicker-nav:after{clear:both}.uk-datepicker-nav a{color:#444;text-decoration:none}.uk-datepicker-nav a:hover{color:#444}.uk-datepicker-previous{float:left}.uk-datepicker-next{float:right}.uk-datepicker-previous:after,.uk-datepicker-next:after{width:20px;font-family:FontAwesome}.uk-datepicker-previous:after{content:"\f053"}.uk-datepicker-next:after{content:"\f054"}.uk-datepicker-table{width:100%}.uk-datepicker-table th,.uk-datepicker-table td{padding:2px}.uk-datepicker-table th{font-size:12px}.uk-datepicker-table a{display:block;width:26px;line-height:24px;text-align:center;color:#444;text-decoration:none;border:1px solid transparent;border-radius:4px}a.uk-datepicker-table-muted{color:#999}.uk-datepicker-table a:hover,.uk-datepicker-table a:focus{background-color:#fafafa;color:#444;outline:0;border-color:rgba(0,0,0,.16);text-shadow:0 1px 0 #fff}.uk-datepicker-table a:active{background-color:#eee;color:#444}.uk-datepicker-table a.uk-active{background:#00a8e6;color:#fff;box-shadow:inset 0 0 5px rgba(0,0,0,.05);text-shadow:0 -1px 0 rgba(0,0,0,.1)} \ No newline at end of file diff --git a/lib/addons/css/datepicker.css b/lib/addons/css/datepicker.css deleted file mode 100644 index 258a9cf..0000000 --- a/lib/addons/css/datepicker.css +++ /dev/null @@ -1,112 +0,0 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - -/* ======================================================================== - Addon: Datepicker - ========================================================================== */ -/* - * Reset dropdown width - */ -.uk-datepicker { - width: auto; -} -/* Sub-object: `uk-datepicker-nav` -========================================================================== */ -.uk-datepicker-nav { - margin-bottom: 15px; - text-align: center; - line-height: 20px; -} -/* - * Micro clearfix - */ -.uk-datepicker-nav:before, -.uk-datepicker-nav:after { - content: " "; - display: table; -} -.uk-datepicker-nav:after { - clear: both; -} -/* - * Previous and next navigation - */ -.uk-datepicker-nav a { - color: #444444; - text-decoration: none; -} -.uk-datepicker-nav a:hover { - color: #444444; -} -.uk-datepicker-previous { - float: left; -} -.uk-datepicker-next { - float: right; -} -.uk-datepicker-previous:after, -.uk-datepicker-next:after { - width: 20px; - font-family: FontAwesome; -} -.uk-datepicker-previous:after { - content: "\f053"; -} -.uk-datepicker-next:after { - content: "\f054"; -} -/* Sub-object: `uk-datepicker-heading` -========================================================================== */ -/* Sub-object: `uk-datepicker-table` -========================================================================== */ -/* Block element behavior */ -.uk-datepicker-table { - width: 100%; -} -.uk-datepicker-table th, -.uk-datepicker-table td { - padding: 2px; -} -.uk-datepicker-table th { - font-size: 12px; -} -/* - * Item - */ -.uk-datepicker-table a { - display: block; - width: 26px; - line-height: 24px; - text-align: center; - color: #444444; - text-decoration: none; -} -/* - * Sub-object: `uk-datepicker-table-muted` - */ -a.uk-datepicker-table-muted { - color: #999999; -} -/* - * Hover - * 1. Apply hover style also to focus state - * 2. Remove default focus style - */ -.uk-datepicker-table a:hover, -.uk-datepicker-table a:focus { - background-color: #dddddd; - color: #444444; - /* 2 */ - outline: none; -} -/* OnClick */ -.uk-datepicker-table a:active { - background-color: #cccccc; - color: #444444; -} -/* - * Active - */ -.uk-datepicker-table a.uk-active { - background: #00a8e6; - color: #ffffff; -} diff --git a/lib/addons/css/datepicker.gradient.css b/lib/addons/css/datepicker.gradient.css deleted file mode 100644 index 738ab16..0000000 --- a/lib/addons/css/datepicker.gradient.css +++ /dev/null @@ -1,128 +0,0 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - -/* ======================================================================== - Addon: Datepicker - ========================================================================== */ -/* - * Reset dropdown width - */ -.uk-datepicker { - width: auto; -} -/* Sub-object: `uk-datepicker-nav` -========================================================================== */ -.uk-datepicker-nav { - margin-bottom: 15px; - text-align: center; - line-height: 20px; -} -/* - * Micro clearfix - */ -.uk-datepicker-nav:before, -.uk-datepicker-nav:after { - content: " "; - display: table; -} -.uk-datepicker-nav:after { - clear: both; -} -/* - * Previous and next navigation - */ -.uk-datepicker-nav a { - color: #444444; - text-decoration: none; -} -.uk-datepicker-nav a:hover { - color: #444444; -} -.uk-datepicker-previous { - float: left; -} -.uk-datepicker-next { - float: right; -} -.uk-datepicker-previous:after, -.uk-datepicker-next:after { - width: 20px; - font-family: FontAwesome; -} -.uk-datepicker-previous:after { - content: "\f053"; -} -.uk-datepicker-next:after { - content: "\f054"; -} -/* Sub-object: `uk-datepicker-heading` -========================================================================== */ -/* Sub-object: `uk-datepicker-table` -========================================================================== */ -/* Block element behavior */ -.uk-datepicker-table { - width: 100%; -} -.uk-datepicker-table th, -.uk-datepicker-table td { - padding: 2px; -} -.uk-datepicker-table th { - font-size: 12px; -} -/* - * Item - */ -.uk-datepicker-table a { - display: block; - width: 26px; - line-height: 24px; - text-align: center; - color: #444444; - text-decoration: none; - border: 1px solid transparent; - border-radius: 4px; - background-origin: border-box; -} -/* - * Sub-object: `uk-datepicker-table-muted` - */ -a.uk-datepicker-table-muted { - color: #999999; -} -/* - * Hover - * 1. Apply hover style also to focus state - * 2. Remove default focus style - */ -.uk-datepicker-table a:hover, -.uk-datepicker-table a:focus { - background-color: #fafafa; - color: #444444; - /* 2 */ - outline: none; - border-color: rgba(0, 0, 0, 0.2); - border-bottom-color: rgba(0, 0, 0, 0.3); - text-shadow: 0 1px 0 #ffffff; -} -/* OnClick */ -.uk-datepicker-table a:active { - background-color: #f5f5f5; - color: #444444; - border-color: rgba(0, 0, 0, 0.2); - border-top-color: rgba(0, 0, 0, 0.3); - background-image: none; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1); -} -/* - * Active - */ -.uk-datepicker-table a.uk-active { - background: #009dd8; - color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.2); - border-bottom-color: rgba(0, 0, 0, 0.4); - background-origin: border-box; - background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5); - background-image: linear-gradient(to bottom, #00b4f5, #008dc5); - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); -} diff --git a/lib/addons/css/datepicker.gradient.min.css b/lib/addons/css/datepicker.gradient.min.css deleted file mode 100644 index b49e750..0000000 --- a/lib/addons/css/datepicker.gradient.min.css +++ /dev/null @@ -1,3 +0,0 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - -.uk-datepicker{width:auto}.uk-datepicker-nav{margin-bottom:15px;text-align:center;line-height:20px}.uk-datepicker-nav:before,.uk-datepicker-nav:after{content:" ";display:table}.uk-datepicker-nav:after{clear:both}.uk-datepicker-nav a{color:#444;text-decoration:none}.uk-datepicker-nav a:hover{color:#444}.uk-datepicker-previous{float:left}.uk-datepicker-next{float:right}.uk-datepicker-previous:after,.uk-datepicker-next:after{width:20px;font-family:FontAwesome}.uk-datepicker-previous:after{content:"\f053"}.uk-datepicker-next:after{content:"\f054"}.uk-datepicker-table{width:100%}.uk-datepicker-table th,.uk-datepicker-table td{padding:2px}.uk-datepicker-table th{font-size:12px}.uk-datepicker-table a{display:block;width:26px;line-height:24px;text-align:center;color:#444;text-decoration:none;border:1px solid transparent;border-radius:4px;background-origin:border-box}a.uk-datepicker-table-muted{color:#999}.uk-datepicker-table a:hover,.uk-datepicker-table a:focus{background-color:#fafafa;color:#444;outline:0;border-color:rgba(0,0,0,.2);border-bottom-color:rgba(0,0,0,.3);text-shadow:0 1px 0 #fff}.uk-datepicker-table a:active{background-color:#f5f5f5;color:#444;border-color:rgba(0,0,0,.2);border-top-color:rgba(0,0,0,.3);background-image:none;box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.uk-datepicker-table a.uk-active{background:#009dd8;color:#fff;border:1px solid rgba(0,0,0,.2);border-bottom-color:rgba(0,0,0,.4);background-origin:border-box;background-image:-webkit-linear-gradient(top,#00b4f5,#008dc5);background-image:linear-gradient(to bottom,#00b4f5,#008dc5);text-shadow:0 -1px 0 rgba(0,0,0,.2)} \ No newline at end of file diff --git a/lib/addons/css/datepicker.min.css b/lib/addons/css/datepicker.min.css deleted file mode 100644 index 0cbd15d..0000000 --- a/lib/addons/css/datepicker.min.css +++ /dev/null @@ -1,3 +0,0 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - -.uk-datepicker{width:auto}.uk-datepicker-nav{margin-bottom:15px;text-align:center;line-height:20px}.uk-datepicker-nav:before,.uk-datepicker-nav:after{content:" ";display:table}.uk-datepicker-nav:after{clear:both}.uk-datepicker-nav a{color:#444;text-decoration:none}.uk-datepicker-nav a:hover{color:#444}.uk-datepicker-previous{float:left}.uk-datepicker-next{float:right}.uk-datepicker-previous:after,.uk-datepicker-next:after{width:20px;font-family:FontAwesome}.uk-datepicker-previous:after{content:"\f053"}.uk-datepicker-next:after{content:"\f054"}.uk-datepicker-table{width:100%}.uk-datepicker-table th,.uk-datepicker-table td{padding:2px}.uk-datepicker-table th{font-size:12px}.uk-datepicker-table a{display:block;width:26px;line-height:24px;text-align:center;color:#444;text-decoration:none}a.uk-datepicker-table-muted{color:#999}.uk-datepicker-table a:hover,.uk-datepicker-table a:focus{background-color:#ddd;color:#444;outline:0}.uk-datepicker-table a:active{background-color:#ccc;color:#444}.uk-datepicker-table a.uk-active{background:#00a8e6;color:#fff} \ No newline at end of file diff --git a/lib/addons/css/form-file.css b/lib/addons/css/form-file.css deleted file mode 100644 index 253ef49..0000000 --- a/lib/addons/css/form-file.css +++ /dev/null @@ -1,28 +0,0 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - -/* ======================================================================== - Addon: Form file - ========================================================================== */ -.uk-form-file { - position: relative; - display: inline-block; - vertical-align: middle; - overflow: hidden; -} -/* - * 1. Required for Firefox - * 2. Required for the cursor - */ -.uk-form-file input[type="file"] { - position: absolute; - top: 0; - bottom: 0; - z-index: 1; - width: 100%; - opacity: 0; - cursor: pointer; - /* 1 */ - left: 0; - /* 2 */ - font-size: 50px; -} diff --git a/lib/addons/css/form-file.min.css b/lib/addons/css/form-file.min.css deleted file mode 100644 index 15e2378..0000000 --- a/lib/addons/css/form-file.min.css +++ /dev/null @@ -1,3 +0,0 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - -.uk-form-file{position:relative;display:inline-block;vertical-align:middle;overflow:hidden}.uk-form-file input[type=file]{position:absolute;top:0;bottom:0;z-index:1;width:100%;opacity:0;cursor:pointer;left:0;font-size:50px} \ No newline at end of file diff --git a/lib/addons/css/form-password.almost-flat.css b/lib/addons/css/form-password.almost-flat.css deleted file mode 100644 index 065db1c..0000000 --- a/lib/addons/css/form-password.almost-flat.css +++ /dev/null @@ -1,27 +0,0 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - -/* ======================================================================== - Addon: Form password - ========================================================================== */ -.uk-form-password { - position: relative; - display: inline-block; - max-width: 100%; -} -.uk-form-password-toggle { - display: block; - position: absolute; - top: 50%; - right: 10px; - margin-top: -6px; - font-size: 13px; - line-height: 13px; - color: #999999; -} -.uk-form-password-toggle:hover { - color: #999999; - text-decoration: none; -} -.uk-form-password > input { - padding-right: 50px !important; -} diff --git a/lib/addons/css/form-password.almost-flat.min.css b/lib/addons/css/form-password.almost-flat.min.css deleted file mode 100644 index 07cef11..0000000 --- a/lib/addons/css/form-password.almost-flat.min.css +++ /dev/null @@ -1,3 +0,0 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - -.uk-form-password{position:relative;display:inline-block;max-width:100%}.uk-form-password-toggle{display:block;position:absolute;top:50%;right:10px;margin-top:-6px;font-size:13px;line-height:13px;color:#999}.uk-form-password-toggle:hover{color:#999;text-decoration:none}.uk-form-password>input{padding-right:50px!important} \ No newline at end of file diff --git a/lib/addons/css/form-password.css b/lib/addons/css/form-password.css deleted file mode 100644 index 065db1c..0000000 --- a/lib/addons/css/form-password.css +++ /dev/null @@ -1,27 +0,0 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - -/* ======================================================================== - Addon: Form password - ========================================================================== */ -.uk-form-password { - position: relative; - display: inline-block; - max-width: 100%; -} -.uk-form-password-toggle { - display: block; - position: absolute; - top: 50%; - right: 10px; - margin-top: -6px; - font-size: 13px; - line-height: 13px; - color: #999999; -} -.uk-form-password-toggle:hover { - color: #999999; - text-decoration: none; -} -.uk-form-password > input { - padding-right: 50px !important; -} diff --git a/lib/addons/css/form-password.gradient.css b/lib/addons/css/form-password.gradient.css deleted file mode 100644 index 065db1c..0000000 --- a/lib/addons/css/form-password.gradient.css +++ /dev/null @@ -1,27 +0,0 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - -/* ======================================================================== - Addon: Form password - ========================================================================== */ -.uk-form-password { - position: relative; - display: inline-block; - max-width: 100%; -} -.uk-form-password-toggle { - display: block; - position: absolute; - top: 50%; - right: 10px; - margin-top: -6px; - font-size: 13px; - line-height: 13px; - color: #999999; -} -.uk-form-password-toggle:hover { - color: #999999; - text-decoration: none; -} -.uk-form-password > input { - padding-right: 50px !important; -} diff --git a/lib/addons/css/form-password.gradient.min.css b/lib/addons/css/form-password.gradient.min.css deleted file mode 100644 index 07cef11..0000000 --- a/lib/addons/css/form-password.gradient.min.css +++ /dev/null @@ -1,3 +0,0 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - -.uk-form-password{position:relative;display:inline-block;max-width:100%}.uk-form-password-toggle{display:block;position:absolute;top:50%;right:10px;margin-top:-6px;font-size:13px;line-height:13px;color:#999}.uk-form-password-toggle:hover{color:#999;text-decoration:none}.uk-form-password>input{padding-right:50px!important} \ No newline at end of file diff --git a/lib/addons/css/form-password.min.css b/lib/addons/css/form-password.min.css deleted file mode 100644 index 07cef11..0000000 --- a/lib/addons/css/form-password.min.css +++ /dev/null @@ -1,3 +0,0 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - -.uk-form-password{position:relative;display:inline-block;max-width:100%}.uk-form-password-toggle{display:block;position:absolute;top:50%;right:10px;margin-top:-6px;font-size:13px;line-height:13px;color:#999}.uk-form-password-toggle:hover{color:#999;text-decoration:none}.uk-form-password>input{padding-right:50px!important} \ No newline at end of file diff --git a/lib/addons/css/markdownarea.almost-flat.css b/lib/addons/css/markdownarea.almost-flat.css deleted file mode 100644 index 911e28d..0000000 --- a/lib/addons/css/markdownarea.almost-flat.css +++ /dev/null @@ -1,158 +0,0 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - -/* ======================================================================== - Addon: Markdownarea - ========================================================================== */ -/* Sub-object `uk-markdownarea-navbar` - ========================================================================== */ -.uk-markdownarea-navbar { - background: #eeeeee; -} -/* - * Micro clearfix - */ -.uk-markdownarea-navbar:before, -.uk-markdownarea-navbar:after { - content: " "; - display: table; -} -.uk-markdownarea-navbar:after { - clear: both; -} -/* Sub-object `uk-markdownarea-navbar-nav` - ========================================================================== */ -.uk-markdownarea-navbar-nav { - margin: 0; - padding: 0; - list-style: none; - float: left; -} -.uk-markdownarea-navbar-nav > li { - float: left; -} -/* - * 1. Dimensions - * 2. Style - */ -.uk-markdownarea-navbar-nav > li > a { - display: block; - -moz-box-sizing: border-box; - box-sizing: border-box; - text-decoration: none; - /* 1 */ - height: 40px; - padding: 0 15px; - line-height: 40px; - /* 2 */ - color: #444444; - font-size: 11px; - cursor: pointer; -} -/* - * Hover - * 1. Apply hover style also to focus state - * 2. Remove default focus style - */ -.uk-markdownarea-navbar-nav > li:hover > a, -.uk-markdownarea-navbar-nav > li > a:focus { - background-color: #f5f5f5; - color: #444444; - outline: none; - /* 2 */ -} -/* OnClick */ -.uk-markdownarea-navbar-nav > li > a:active { - background-color: #dddddd; - color: #444444; -} -/* Active */ -.uk-markdownarea-navbar-nav > li.uk-active > a { - background-color: #f5f5f5; - color: #444444; -} -/* Sub-object: `uk-markdownarea-navbar-flip` - ========================================================================== */ -.uk-markdownarea-navbar-flip { - float: right; -} -/* Sub-object for special buttons - ========================================================================== */ -[data-mode='split'] .uk-markdown-button-markdown, -[data-mode='split'] .uk-markdown-button-preview { - display: none; -} -/* Sub-object `uk-markdownarea-content` - ========================================================================== */ -.uk-markdownarea-content { - border-left: 1px solid #dddddd; - border-right: 1px solid #dddddd; - border-bottom: 1px solid #dddddd; - background: #ffffff; -} -/* - * Micro clearfix - */ -.uk-markdownarea-content:before, -.uk-markdownarea-content:after { - content: " "; - display: table; -} -.uk-markdownarea-content:after { - clear: both; -} -/* Modifier `uk-markdownarea-fullscreen` - ========================================================================== */ -.uk-markdownarea-fullscreen { - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; - z-index: 1030; -} -.uk-markdownarea-fullscreen .uk-markdownarea-content { - position: absolute; - top: 40px; - left: 0; - right: 0; - bottom: 0; -} -.uk-markdownarea-fullscreen .uk-icon-expand:before { - content: "\f066"; -} -/* Sub-objects `uk-markdownarea-code` and `uk-markdownarea-preview` - ========================================================================== */ -.uk-markdownarea-code, -.uk-markdownarea-preview { - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.uk-markdownarea-preview { - padding: 20px; - overflow-y: scroll; -} -/* - * Tab view - */ -[data-mode='tab'][data-active-tab='code'] .uk-markdownarea-preview, -[data-mode='tab'][data-active-tab='preview'] .uk-markdownarea-code { - display: none; -} -/* - * Split view - */ -[data-mode='split'] .uk-markdownarea-code, -[data-mode='split'] .uk-markdownarea-preview { - float: left; - width: 50%; -} -[data-mode='split'] .uk-markdownarea-code { - border-right: 1px solid #eeeeee; -} -/* CodeMirror modifications - ========================================================================== */ -.uk-markdownarea .CodeMirror { - padding: 10px; - -moz-box-sizing: border-box; - box-sizing: border-box; -} diff --git a/lib/addons/css/markdownarea.almost-flat.min.css b/lib/addons/css/markdownarea.almost-flat.min.css deleted file mode 100644 index 8941454..0000000 --- a/lib/addons/css/markdownarea.almost-flat.min.css +++ /dev/null @@ -1,3 +0,0 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - -.uk-markdownarea-navbar{background:#eee}.uk-markdownarea-navbar:before,.uk-markdownarea-navbar:after{content:" ";display:table}.uk-markdownarea-navbar:after{clear:both}.uk-markdownarea-navbar-nav{margin:0;padding:0;list-style:none;float:left}.uk-markdownarea-navbar-nav>li{float:left}.uk-markdownarea-navbar-nav>li>a{display:block;-moz-box-sizing:border-box;box-sizing:border-box;text-decoration:none;height:40px;padding:0 15px;line-height:40px;color:#444;font-size:11px;cursor:pointer}.uk-markdownarea-navbar-nav>li:hover>a,.uk-markdownarea-navbar-nav>li>a:focus{background-color:#f5f5f5;color:#444;outline:0}.uk-markdownarea-navbar-nav>li>a:active{background-color:#ddd;color:#444}.uk-markdownarea-navbar-nav>li.uk-active>a{background-color:#f5f5f5;color:#444}.uk-markdownarea-navbar-flip{float:right}[data-mode=split] .uk-markdown-button-markdown,[data-mode=split] .uk-markdown-button-preview{display:none}.uk-markdownarea-content{border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;background:#fff}.uk-markdownarea-content:before,.uk-markdownarea-content:after{content:" ";display:table}.uk-markdownarea-content:after{clear:both}.uk-markdownarea-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1030}.uk-markdownarea-fullscreen .uk-markdownarea-content{position:absolute;top:40px;left:0;right:0;bottom:0}.uk-markdownarea-fullscreen .uk-icon-expand:before{content:"\f066"}.uk-markdownarea-code,.uk-markdownarea-preview{-moz-box-sizing:border-box;box-sizing:border-box}.uk-markdownarea-preview{padding:20px;overflow-y:scroll}[data-mode=tab][data-active-tab=code] .uk-markdownarea-preview,[data-mode=tab][data-active-tab=preview] .uk-markdownarea-code{display:none}[data-mode=split] .uk-markdownarea-code,[data-mode=split] .uk-markdownarea-preview{float:left;width:50%}[data-mode=split] .uk-markdownarea-code{border-right:1px solid #eee}.uk-markdownarea .CodeMirror{padding:10px;-moz-box-sizing:border-box;box-sizing:border-box} \ No newline at end of file diff --git a/lib/addons/css/markdownarea.css b/lib/addons/css/markdownarea.css deleted file mode 100644 index 911e28d..0000000 --- a/lib/addons/css/markdownarea.css +++ /dev/null @@ -1,158 +0,0 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - -/* ======================================================================== - Addon: Markdownarea - ========================================================================== */ -/* Sub-object `uk-markdownarea-navbar` - ========================================================================== */ -.uk-markdownarea-navbar { - background: #eeeeee; -} -/* - * Micro clearfix - */ -.uk-markdownarea-navbar:before, -.uk-markdownarea-navbar:after { - content: " "; - display: table; -} -.uk-markdownarea-navbar:after { - clear: both; -} -/* Sub-object `uk-markdownarea-navbar-nav` - ========================================================================== */ -.uk-markdownarea-navbar-nav { - margin: 0; - padding: 0; - list-style: none; - float: left; -} -.uk-markdownarea-navbar-nav > li { - float: left; -} -/* - * 1. Dimensions - * 2. Style - */ -.uk-markdownarea-navbar-nav > li > a { - display: block; - -moz-box-sizing: border-box; - box-sizing: border-box; - text-decoration: none; - /* 1 */ - height: 40px; - padding: 0 15px; - line-height: 40px; - /* 2 */ - color: #444444; - font-size: 11px; - cursor: pointer; -} -/* - * Hover - * 1. Apply hover style also to focus state - * 2. Remove default focus style - */ -.uk-markdownarea-navbar-nav > li:hover > a, -.uk-markdownarea-navbar-nav > li > a:focus { - background-color: #f5f5f5; - color: #444444; - outline: none; - /* 2 */ -} -/* OnClick */ -.uk-markdownarea-navbar-nav > li > a:active { - background-color: #dddddd; - color: #444444; -} -/* Active */ -.uk-markdownarea-navbar-nav > li.uk-active > a { - background-color: #f5f5f5; - color: #444444; -} -/* Sub-object: `uk-markdownarea-navbar-flip` - ========================================================================== */ -.uk-markdownarea-navbar-flip { - float: right; -} -/* Sub-object for special buttons - ========================================================================== */ -[data-mode='split'] .uk-markdown-button-markdown, -[data-mode='split'] .uk-markdown-button-preview { - display: none; -} -/* Sub-object `uk-markdownarea-content` - ========================================================================== */ -.uk-markdownarea-content { - border-left: 1px solid #dddddd; - border-right: 1px solid #dddddd; - border-bottom: 1px solid #dddddd; - background: #ffffff; -} -/* - * Micro clearfix - */ -.uk-markdownarea-content:before, -.uk-markdownarea-content:after { - content: " "; - display: table; -} -.uk-markdownarea-content:after { - clear: both; -} -/* Modifier `uk-markdownarea-fullscreen` - ========================================================================== */ -.uk-markdownarea-fullscreen { - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; - z-index: 1030; -} -.uk-markdownarea-fullscreen .uk-markdownarea-content { - position: absolute; - top: 40px; - left: 0; - right: 0; - bottom: 0; -} -.uk-markdownarea-fullscreen .uk-icon-expand:before { - content: "\f066"; -} -/* Sub-objects `uk-markdownarea-code` and `uk-markdownarea-preview` - ========================================================================== */ -.uk-markdownarea-code, -.uk-markdownarea-preview { - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.uk-markdownarea-preview { - padding: 20px; - overflow-y: scroll; -} -/* - * Tab view - */ -[data-mode='tab'][data-active-tab='code'] .uk-markdownarea-preview, -[data-mode='tab'][data-active-tab='preview'] .uk-markdownarea-code { - display: none; -} -/* - * Split view - */ -[data-mode='split'] .uk-markdownarea-code, -[data-mode='split'] .uk-markdownarea-preview { - float: left; - width: 50%; -} -[data-mode='split'] .uk-markdownarea-code { - border-right: 1px solid #eeeeee; -} -/* CodeMirror modifications - ========================================================================== */ -.uk-markdownarea .CodeMirror { - padding: 10px; - -moz-box-sizing: border-box; - box-sizing: border-box; -} diff --git a/lib/addons/css/markdownarea.gradient.css b/lib/addons/css/markdownarea.gradient.css deleted file mode 100644 index 911e28d..0000000 --- a/lib/addons/css/markdownarea.gradient.css +++ /dev/null @@ -1,158 +0,0 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - -/* ======================================================================== - Addon: Markdownarea - ========================================================================== */ -/* Sub-object `uk-markdownarea-navbar` - ========================================================================== */ -.uk-markdownarea-navbar { - background: #eeeeee; -} -/* - * Micro clearfix - */ -.uk-markdownarea-navbar:before, -.uk-markdownarea-navbar:after { - content: " "; - display: table; -} -.uk-markdownarea-navbar:after { - clear: both; -} -/* Sub-object `uk-markdownarea-navbar-nav` - ========================================================================== */ -.uk-markdownarea-navbar-nav { - margin: 0; - padding: 0; - list-style: none; - float: left; -} -.uk-markdownarea-navbar-nav > li { - float: left; -} -/* - * 1. Dimensions - * 2. Style - */ -.uk-markdownarea-navbar-nav > li > a { - display: block; - -moz-box-sizing: border-box; - box-sizing: border-box; - text-decoration: none; - /* 1 */ - height: 40px; - padding: 0 15px; - line-height: 40px; - /* 2 */ - color: #444444; - font-size: 11px; - cursor: pointer; -} -/* - * Hover - * 1. Apply hover style also to focus state - * 2. Remove default focus style - */ -.uk-markdownarea-navbar-nav > li:hover > a, -.uk-markdownarea-navbar-nav > li > a:focus { - background-color: #f5f5f5; - color: #444444; - outline: none; - /* 2 */ -} -/* OnClick */ -.uk-markdownarea-navbar-nav > li > a:active { - background-color: #dddddd; - color: #444444; -} -/* Active */ -.uk-markdownarea-navbar-nav > li.uk-active > a { - background-color: #f5f5f5; - color: #444444; -} -/* Sub-object: `uk-markdownarea-navbar-flip` - ========================================================================== */ -.uk-markdownarea-navbar-flip { - float: right; -} -/* Sub-object for special buttons - ========================================================================== */ -[data-mode='split'] .uk-markdown-button-markdown, -[data-mode='split'] .uk-markdown-button-preview { - display: none; -} -/* Sub-object `uk-markdownarea-content` - ========================================================================== */ -.uk-markdownarea-content { - border-left: 1px solid #dddddd; - border-right: 1px solid #dddddd; - border-bottom: 1px solid #dddddd; - background: #ffffff; -} -/* - * Micro clearfix - */ -.uk-markdownarea-content:before, -.uk-markdownarea-content:after { - content: " "; - display: table; -} -.uk-markdownarea-content:after { - clear: both; -} -/* Modifier `uk-markdownarea-fullscreen` - ========================================================================== */ -.uk-markdownarea-fullscreen { - position: fixed; - top: 0; - left: 0; - right: 0; - bottom: 0; - z-index: 1030; -} -.uk-markdownarea-fullscreen .uk-markdownarea-content { - position: absolute; - top: 40px; - left: 0; - right: 0; - bottom: 0; -} -.uk-markdownarea-fullscreen .uk-icon-expand:before { - content: "\f066"; -} -/* Sub-objects `uk-markdownarea-code` and `uk-markdownarea-preview` - ========================================================================== */ -.uk-markdownarea-code, -.uk-markdownarea-preview { - -moz-box-sizing: border-box; - box-sizing: border-box; -} -.uk-markdownarea-preview { - padding: 20px; - overflow-y: scroll; -} -/* - * Tab view - */ -[data-mode='tab'][data-active-tab='code'] .uk-markdownarea-preview, -[data-mode='tab'][data-active-tab='preview'] .uk-markdownarea-code { - display: none; -} -/* - * Split view - */ -[data-mode='split'] .uk-markdownarea-code, -[data-mode='split'] .uk-markdownarea-preview { - float: left; - width: 50%; -} -[data-mode='split'] .uk-markdownarea-code { - border-right: 1px solid #eeeeee; -} -/* CodeMirror modifications - ========================================================================== */ -.uk-markdownarea .CodeMirror { - padding: 10px; - -moz-box-sizing: border-box; - box-sizing: border-box; -} diff --git a/lib/addons/css/markdownarea.gradient.min.css b/lib/addons/css/markdownarea.gradient.min.css deleted file mode 100644 index 8941454..0000000 --- a/lib/addons/css/markdownarea.gradient.min.css +++ /dev/null @@ -1,3 +0,0 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - -.uk-markdownarea-navbar{background:#eee}.uk-markdownarea-navbar:before,.uk-markdownarea-navbar:after{content:" ";display:table}.uk-markdownarea-navbar:after{clear:both}.uk-markdownarea-navbar-nav{margin:0;padding:0;list-style:none;float:left}.uk-markdownarea-navbar-nav>li{float:left}.uk-markdownarea-navbar-nav>li>a{display:block;-moz-box-sizing:border-box;box-sizing:border-box;text-decoration:none;height:40px;padding:0 15px;line-height:40px;color:#444;font-size:11px;cursor:pointer}.uk-markdownarea-navbar-nav>li:hover>a,.uk-markdownarea-navbar-nav>li>a:focus{background-color:#f5f5f5;color:#444;outline:0}.uk-markdownarea-navbar-nav>li>a:active{background-color:#ddd;color:#444}.uk-markdownarea-navbar-nav>li.uk-active>a{background-color:#f5f5f5;color:#444}.uk-markdownarea-navbar-flip{float:right}[data-mode=split] .uk-markdown-button-markdown,[data-mode=split] .uk-markdown-button-preview{display:none}.uk-markdownarea-content{border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;background:#fff}.uk-markdownarea-content:before,.uk-markdownarea-content:after{content:" ";display:table}.uk-markdownarea-content:after{clear:both}.uk-markdownarea-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1030}.uk-markdownarea-fullscreen .uk-markdownarea-content{position:absolute;top:40px;left:0;right:0;bottom:0}.uk-markdownarea-fullscreen .uk-icon-expand:before{content:"\f066"}.uk-markdownarea-code,.uk-markdownarea-preview{-moz-box-sizing:border-box;box-sizing:border-box}.uk-markdownarea-preview{padding:20px;overflow-y:scroll}[data-mode=tab][data-active-tab=code] .uk-markdownarea-preview,[data-mode=tab][data-active-tab=preview] .uk-markdownarea-code{display:none}[data-mode=split] .uk-markdownarea-code,[data-mode=split] .uk-markdownarea-preview{float:left;width:50%}[data-mode=split] .uk-markdownarea-code{border-right:1px solid #eee}.uk-markdownarea .CodeMirror{padding:10px;-moz-box-sizing:border-box;box-sizing:border-box} \ No newline at end of file diff --git a/lib/addons/css/markdownarea.min.css b/lib/addons/css/markdownarea.min.css deleted file mode 100644 index 8941454..0000000 --- a/lib/addons/css/markdownarea.min.css +++ /dev/null @@ -1,3 +0,0 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - -.uk-markdownarea-navbar{background:#eee}.uk-markdownarea-navbar:before,.uk-markdownarea-navbar:after{content:" ";display:table}.uk-markdownarea-navbar:after{clear:both}.uk-markdownarea-navbar-nav{margin:0;padding:0;list-style:none;float:left}.uk-markdownarea-navbar-nav>li{float:left}.uk-markdownarea-navbar-nav>li>a{display:block;-moz-box-sizing:border-box;box-sizing:border-box;text-decoration:none;height:40px;padding:0 15px;line-height:40px;color:#444;font-size:11px;cursor:pointer}.uk-markdownarea-navbar-nav>li:hover>a,.uk-markdownarea-navbar-nav>li>a:focus{background-color:#f5f5f5;color:#444;outline:0}.uk-markdownarea-navbar-nav>li>a:active{background-color:#ddd;color:#444}.uk-markdownarea-navbar-nav>li.uk-active>a{background-color:#f5f5f5;color:#444}.uk-markdownarea-navbar-flip{float:right}[data-mode=split] .uk-markdown-button-markdown,[data-mode=split] .uk-markdown-button-preview{display:none}.uk-markdownarea-content{border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd;background:#fff}.uk-markdownarea-content:before,.uk-markdownarea-content:after{content:" ";display:table}.uk-markdownarea-content:after{clear:both}.uk-markdownarea-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1030}.uk-markdownarea-fullscreen .uk-markdownarea-content{position:absolute;top:40px;left:0;right:0;bottom:0}.uk-markdownarea-fullscreen .uk-icon-expand:before{content:"\f066"}.uk-markdownarea-code,.uk-markdownarea-preview{-moz-box-sizing:border-box;box-sizing:border-box}.uk-markdownarea-preview{padding:20px;overflow-y:scroll}[data-mode=tab][data-active-tab=code] .uk-markdownarea-preview,[data-mode=tab][data-active-tab=preview] .uk-markdownarea-code{display:none}[data-mode=split] .uk-markdownarea-code,[data-mode=split] .uk-markdownarea-preview{float:left;width:50%}[data-mode=split] .uk-markdownarea-code{border-right:1px solid #eee}.uk-markdownarea .CodeMirror{padding:10px;-moz-box-sizing:border-box;box-sizing:border-box} \ No newline at end of file diff --git a/lib/addons/css/notify.almost-flat.css b/lib/addons/css/notify.almost-flat.css deleted file mode 100644 index de4c47f..0000000 --- a/lib/addons/css/notify.almost-flat.css +++ /dev/null @@ -1,100 +0,0 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - -/* ======================================================================== - Addon: Notify - ========================================================================== */ -/* - * Message container for positioning - */ -.uk-notify { - position: fixed; - top: 10px; - left: 10px; - z-index: 1030; - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 350px; -} -/* Position modifiers -========================================================================== */ -.uk-notify-top-right, -.uk-notify-bottom-right { - left: auto; - right: 10px; -} -.uk-notify-top-center, -.uk-notify-bottom-center { - left: 50%; - margin-left: -175px; -} -.uk-notify-bottom-left, -.uk-notify-bottom-right, -.uk-notify-bottom-center { - top: auto; - bottom: 10px; -} -/* Responsiveness -========================================================================== */ -/* Only phones portrait */ -@media (max-width: 479px) { - /* - * Fit in small screen - */ - .uk-notify { - left: 10px; - right: 10px; - width: auto; - margin: 0; - } -} -/* Sub-object: `uk-notify-message` -========================================================================== */ -.uk-notify-message { - position: relative; - margin-bottom: 10px; - padding: 10px; - background: #444444; - color: #ffffff; - font-size: 16px; - line-height: 22px; - cursor: pointer; - border: 1px solid #444444; - border-radius: 4px; -} -/* Close in notify - ========================================================================== */ -.uk-notify-message > .uk-close { - visibility: hidden; - float: right; -} -.uk-notify-message:hover > .uk-close { - visibility: visible; -} -/* Modifier: `uk-alert-info` - ========================================================================== */ -.uk-notify-message-info { - background: #ebf7fd; - color: #2d7091; - border-color: rgba(45, 112, 145, 0.3); -} -/* Modifier: `uk-alert-success` - ========================================================================== */ -.uk-notify-message-success { - background: #f2fae3; - color: #659f13; - border-color: rgba(101, 159, 19, 0.3); -} -/* Modifier: `uk-notify-message-warning` - ========================================================================== */ -.uk-notify-message-warning { - background: #fffceb; - color: #e28327; - border-color: rgba(226, 131, 39, 0.3); -} -/* Modifier: `uk-notify-message-danger` - ========================================================================== */ -.uk-notify-message-danger { - background: #fff1f0; - color: #d85030; - border-color: rgba(216, 80, 48, 0.3); -} diff --git a/lib/addons/css/notify.almost-flat.min.css b/lib/addons/css/notify.almost-flat.min.css deleted file mode 100644 index df0ceae..0000000 --- a/lib/addons/css/notify.almost-flat.min.css +++ /dev/null @@ -1,3 +0,0 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - -.uk-notify{position:fixed;top:10px;left:10px;z-index:1030;-moz-box-sizing:border-box;box-sizing:border-box;width:350px}.uk-notify-top-right,.uk-notify-bottom-right{left:auto;right:10px}.uk-notify-top-center,.uk-notify-bottom-center{left:50%;margin-left:-175px}.uk-notify-bottom-left,.uk-notify-bottom-right,.uk-notify-bottom-center{top:auto;bottom:10px}@media (max-width:479px){.uk-notify{left:10px;right:10px;width:auto;margin:0}}.uk-notify-message{position:relative;margin-bottom:10px;padding:10px;background:#444;color:#fff;font-size:16px;line-height:22px;cursor:pointer;border:1px solid #444;border-radius:4px}.uk-notify-message>.uk-close{visibility:hidden;float:right}.uk-notify-message:hover>.uk-close{visibility:visible}.uk-notify-message-info{background:#ebf7fd;color:#2d7091;border-color:rgba(45,112,145,.3)}.uk-notify-message-success{background:#f2fae3;color:#659f13;border-color:rgba(101,159,19,.3)}.uk-notify-message-warning{background:#fffceb;color:#e28327;border-color:rgba(226,131,39,.3)}.uk-notify-message-danger{background:#fff1f0;color:#d85030;border-color:rgba(216,80,48,.3)} \ No newline at end of file diff --git a/lib/addons/css/notify.css b/lib/addons/css/notify.css deleted file mode 100644 index e791d51..0000000 --- a/lib/addons/css/notify.css +++ /dev/null @@ -1,94 +0,0 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - -/* ======================================================================== - Addon: Notify - ========================================================================== */ -/* - * Message container for positioning - */ -.uk-notify { - position: fixed; - top: 10px; - left: 10px; - z-index: 1030; - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 350px; -} -/* Position modifiers -========================================================================== */ -.uk-notify-top-right, -.uk-notify-bottom-right { - left: auto; - right: 10px; -} -.uk-notify-top-center, -.uk-notify-bottom-center { - left: 50%; - margin-left: -175px; -} -.uk-notify-bottom-left, -.uk-notify-bottom-right, -.uk-notify-bottom-center { - top: auto; - bottom: 10px; -} -/* Responsiveness -========================================================================== */ -/* Only phones portrait */ -@media (max-width: 479px) { - /* - * Fit in small screen - */ - .uk-notify { - left: 10px; - right: 10px; - width: auto; - margin: 0; - } -} -/* Sub-object: `uk-notify-message` -========================================================================== */ -.uk-notify-message { - position: relative; - margin-bottom: 10px; - padding: 10px; - background: #444444; - color: #ffffff; - font-size: 16px; - line-height: 22px; - cursor: pointer; -} -/* Close in notify - ========================================================================== */ -.uk-notify-message > .uk-close { - visibility: hidden; - float: right; -} -.uk-notify-message:hover > .uk-close { - visibility: visible; -} -/* Modifier: `uk-alert-info` - ========================================================================== */ -.uk-notify-message-info { - background: #ebf7fd; - color: #2d7091; -} -/* Modifier: `uk-alert-success` - ========================================================================== */ -.uk-notify-message-success { - background: #f2fae3; - color: #659f13; -} -/* Modifier: `uk-notify-message-warning` - ========================================================================== */ -.uk-notify-message-warning { - background: #fffceb; - color: #e28327; -} -/* Modifier: `uk-notify-message-danger` - ========================================================================== */ -.uk-notify-message-danger { - background: #fff1f0; - color: #d85030; -} diff --git a/lib/addons/css/notify.gradient.css b/lib/addons/css/notify.gradient.css deleted file mode 100644 index de4c47f..0000000 --- a/lib/addons/css/notify.gradient.css +++ /dev/null @@ -1,100 +0,0 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - -/* ======================================================================== - Addon: Notify - ========================================================================== */ -/* - * Message container for positioning - */ -.uk-notify { - position: fixed; - top: 10px; - left: 10px; - z-index: 1030; - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 350px; -} -/* Position modifiers -========================================================================== */ -.uk-notify-top-right, -.uk-notify-bottom-right { - left: auto; - right: 10px; -} -.uk-notify-top-center, -.uk-notify-bottom-center { - left: 50%; - margin-left: -175px; -} -.uk-notify-bottom-left, -.uk-notify-bottom-right, -.uk-notify-bottom-center { - top: auto; - bottom: 10px; -} -/* Responsiveness -========================================================================== */ -/* Only phones portrait */ -@media (max-width: 479px) { - /* - * Fit in small screen - */ - .uk-notify { - left: 10px; - right: 10px; - width: auto; - margin: 0; - } -} -/* Sub-object: `uk-notify-message` -========================================================================== */ -.uk-notify-message { - position: relative; - margin-bottom: 10px; - padding: 10px; - background: #444444; - color: #ffffff; - font-size: 16px; - line-height: 22px; - cursor: pointer; - border: 1px solid #444444; - border-radius: 4px; -} -/* Close in notify - ========================================================================== */ -.uk-notify-message > .uk-close { - visibility: hidden; - float: right; -} -.uk-notify-message:hover > .uk-close { - visibility: visible; -} -/* Modifier: `uk-alert-info` - ========================================================================== */ -.uk-notify-message-info { - background: #ebf7fd; - color: #2d7091; - border-color: rgba(45, 112, 145, 0.3); -} -/* Modifier: `uk-alert-success` - ========================================================================== */ -.uk-notify-message-success { - background: #f2fae3; - color: #659f13; - border-color: rgba(101, 159, 19, 0.3); -} -/* Modifier: `uk-notify-message-warning` - ========================================================================== */ -.uk-notify-message-warning { - background: #fffceb; - color: #e28327; - border-color: rgba(226, 131, 39, 0.3); -} -/* Modifier: `uk-notify-message-danger` - ========================================================================== */ -.uk-notify-message-danger { - background: #fff1f0; - color: #d85030; - border-color: rgba(216, 80, 48, 0.3); -} diff --git a/lib/addons/css/notify.gradient.min.css b/lib/addons/css/notify.gradient.min.css deleted file mode 100644 index df0ceae..0000000 --- a/lib/addons/css/notify.gradient.min.css +++ /dev/null @@ -1,3 +0,0 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - -.uk-notify{position:fixed;top:10px;left:10px;z-index:1030;-moz-box-sizing:border-box;box-sizing:border-box;width:350px}.uk-notify-top-right,.uk-notify-bottom-right{left:auto;right:10px}.uk-notify-top-center,.uk-notify-bottom-center{left:50%;margin-left:-175px}.uk-notify-bottom-left,.uk-notify-bottom-right,.uk-notify-bottom-center{top:auto;bottom:10px}@media (max-width:479px){.uk-notify{left:10px;right:10px;width:auto;margin:0}}.uk-notify-message{position:relative;margin-bottom:10px;padding:10px;background:#444;color:#fff;font-size:16px;line-height:22px;cursor:pointer;border:1px solid #444;border-radius:4px}.uk-notify-message>.uk-close{visibility:hidden;float:right}.uk-notify-message:hover>.uk-close{visibility:visible}.uk-notify-message-info{background:#ebf7fd;color:#2d7091;border-color:rgba(45,112,145,.3)}.uk-notify-message-success{background:#f2fae3;color:#659f13;border-color:rgba(101,159,19,.3)}.uk-notify-message-warning{background:#fffceb;color:#e28327;border-color:rgba(226,131,39,.3)}.uk-notify-message-danger{background:#fff1f0;color:#d85030;border-color:rgba(216,80,48,.3)} \ No newline at end of file diff --git a/lib/addons/css/notify.min.css b/lib/addons/css/notify.min.css deleted file mode 100644 index a3a2ff8..0000000 --- a/lib/addons/css/notify.min.css +++ /dev/null @@ -1,3 +0,0 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - -.uk-notify{position:fixed;top:10px;left:10px;z-index:1030;-moz-box-sizing:border-box;box-sizing:border-box;width:350px}.uk-notify-top-right,.uk-notify-bottom-right{left:auto;right:10px}.uk-notify-top-center,.uk-notify-bottom-center{left:50%;margin-left:-175px}.uk-notify-bottom-left,.uk-notify-bottom-right,.uk-notify-bottom-center{top:auto;bottom:10px}@media (max-width:479px){.uk-notify{left:10px;right:10px;width:auto;margin:0}}.uk-notify-message{position:relative;margin-bottom:10px;padding:10px;background:#444;color:#fff;font-size:16px;line-height:22px;cursor:pointer}.uk-notify-message>.uk-close{visibility:hidden;float:right}.uk-notify-message:hover>.uk-close{visibility:visible}.uk-notify-message-info{background:#ebf7fd;color:#2d7091}.uk-notify-message-success{background:#f2fae3;color:#659f13}.uk-notify-message-warning{background:#fffceb;color:#e28327}.uk-notify-message-danger{background:#fff1f0;color:#d85030} \ No newline at end of file diff --git a/lib/addons/css/sortable.almost-flat.css b/lib/addons/css/sortable.almost-flat.css deleted file mode 100644 index 2788da1..0000000 --- a/lib/addons/css/sortable.almost-flat.css +++ /dev/null @@ -1,104 +0,0 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - -/* ======================================================================== - Addon: Sortable - ========================================================================== */ -.uk-sortable { - padding: 0; - list-style: none; -} -/* Sub-object `uk-sortable-list` - ========================================================================== */ -.uk-sortable-list { - margin: 0; - padding-left: 40px; - list-style: none; -} -/* Sub-modifier `uk-sortable-list-dragged` - ========================================================================== */ -.uk-sortable-list-dragged { - position: absolute; - z-index: 1040; - padding-left: 0; - pointer-events: none; -} -/* Sub-object `uk-sortable-item` - ========================================================================== */ -.uk-sortable-item { - margin-bottom: 10px; - padding: 5px; - background: #f5f5f5; - border-radius: 4px; - border: 1px solid rgba(0, 0, 0, 0.06); - text-shadow: 0 1px 0 #ffffff; -} -/* Sub-object `uk-sortable-placeholder` - * The placeholder which marks the drop area - ========================================================================== */ -.uk-sortable-placeholder { - -moz-box-sizing: border-box; - box-sizing: border-box; - margin-bottom: 10px; - border: 1px dashed #dddddd; -} -/* Sub-object `uk-sortable-empty` - * The style of an empty list - ========================================================================== */ -.uk-sortable-empty { - min-height: 40px; -} -/* Sub-object `uk-sortable-handle` - ========================================================================== */ -.uk-sortable-handle { - display: inline-block; - font-size: 18px; - color: #dddddd; -} -/* Hover */ -.uk-sortable-handle:hover { - cursor: move; -} -/* Icon */ -.uk-sortable-handle:after { - content: "\f0c9"; - font-family: FontAwesome; -} -/* Sub-object `uk-sortable-moving` - ========================================================================== */ -.uk-sortable-moving, -.uk-sortable-moving * { - cursor: move; -} -/* Sub-object `[data-action='toggle']` - ========================================================================== */ -/* Hidden by default */ -[data-sortable-action='toggle'] { - display: inline-block; - color: #999999; - visibility: hidden; -} -/* Hover */ -[data-sortable-action='toggle']:hover { - color: #444444; - cursor: pointer; -} -/* Icon */ -[data-sortable-action='toggle']:after { - content: "\f147"; - font-family: FontAwesome; -} -/* - * Show if nested - */ -.uk-parent > .uk-sortable-item [data-sortable-action='toggle'] { - visibility: visible; -} -/* - * Collapsed - */ -.uk-collapsed > .uk-sortable-item [data-sortable-action='toggle']:after { - content: "\f196"; -} -.uk-collapsed .uk-sortable-list { - display: none; -} diff --git a/lib/addons/css/sortable.almost-flat.min.css b/lib/addons/css/sortable.almost-flat.min.css deleted file mode 100644 index 954f533..0000000 --- a/lib/addons/css/sortable.almost-flat.min.css +++ /dev/null @@ -1,3 +0,0 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - -.uk-sortable{padding:0;list-style:none}.uk-sortable-list{margin:0;padding-left:40px;list-style:none}.uk-sortable-list-dragged{position:absolute;z-index:1040;padding-left:0;pointer-events:none}.uk-sortable-item{margin-bottom:10px;padding:5px;background:#f5f5f5;border-radius:4px;border:1px solid rgba(0,0,0,.06);text-shadow:0 1px 0 #fff}.uk-sortable-placeholder{-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:10px;border:1px dashed #ddd}.uk-sortable-empty{min-height:40px}.uk-sortable-handle{display:inline-block;font-size:18px;color:#ddd}.uk-sortable-handle:hover{cursor:move}.uk-sortable-handle:after{content:"\f0c9";font-family:FontAwesome}.uk-sortable-moving,.uk-sortable-moving *{cursor:move}[data-sortable-action=toggle]{display:inline-block;color:#999;visibility:hidden}[data-sortable-action=toggle]:hover{color:#444;cursor:pointer}[data-sortable-action=toggle]:after{content:"\f147";font-family:FontAwesome}.uk-parent>.uk-sortable-item [data-sortable-action=toggle]{visibility:visible}.uk-collapsed>.uk-sortable-item [data-sortable-action=toggle]:after{content:"\f196"}.uk-collapsed .uk-sortable-list{display:none} \ No newline at end of file diff --git a/lib/addons/css/sortable.css b/lib/addons/css/sortable.css deleted file mode 100644 index 26b0f35..0000000 --- a/lib/addons/css/sortable.css +++ /dev/null @@ -1,101 +0,0 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - -/* ======================================================================== - Addon: Sortable - ========================================================================== */ -.uk-sortable { - padding: 0; - list-style: none; -} -/* Sub-object `uk-sortable-list` - ========================================================================== */ -.uk-sortable-list { - margin: 0; - padding-left: 40px; - list-style: none; -} -/* Sub-modifier `uk-sortable-list-dragged` - ========================================================================== */ -.uk-sortable-list-dragged { - position: absolute; - z-index: 1040; - padding-left: 0; - pointer-events: none; -} -/* Sub-object `uk-sortable-item` - ========================================================================== */ -.uk-sortable-item { - margin-bottom: 10px; - padding: 5px; - background: #f5f5f5; -} -/* Sub-object `uk-sortable-placeholder` - * The placeholder which marks the drop area - ========================================================================== */ -.uk-sortable-placeholder { - -moz-box-sizing: border-box; - box-sizing: border-box; - margin-bottom: 10px; - border: 1px dashed #dddddd; -} -/* Sub-object `uk-sortable-empty` - * The style of an empty list - ========================================================================== */ -.uk-sortable-empty { - min-height: 40px; -} -/* Sub-object `uk-sortable-handle` - ========================================================================== */ -.uk-sortable-handle { - display: inline-block; - font-size: 18px; - color: #dddddd; -} -/* Hover */ -.uk-sortable-handle:hover { - cursor: move; -} -/* Icon */ -.uk-sortable-handle:after { - content: "\f0c9"; - font-family: FontAwesome; -} -/* Sub-object `uk-sortable-moving` - ========================================================================== */ -.uk-sortable-moving, -.uk-sortable-moving * { - cursor: move; -} -/* Sub-object `[data-action='toggle']` - ========================================================================== */ -/* Hidden by default */ -[data-sortable-action='toggle'] { - display: inline-block; - color: #999999; - visibility: hidden; -} -/* Hover */ -[data-sortable-action='toggle']:hover { - color: #444444; - cursor: pointer; -} -/* Icon */ -[data-sortable-action='toggle']:after { - content: "\f147"; - font-family: FontAwesome; -} -/* - * Show if nested - */ -.uk-parent > .uk-sortable-item [data-sortable-action='toggle'] { - visibility: visible; -} -/* - * Collapsed - */ -.uk-collapsed > .uk-sortable-item [data-sortable-action='toggle']:after { - content: "\f196"; -} -.uk-collapsed .uk-sortable-list { - display: none; -} diff --git a/lib/addons/css/sortable.gradient.css b/lib/addons/css/sortable.gradient.css deleted file mode 100644 index 88de2e0..0000000 --- a/lib/addons/css/sortable.gradient.css +++ /dev/null @@ -1,108 +0,0 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - -/* ======================================================================== - Addon: Sortable - ========================================================================== */ -.uk-sortable { - padding: 0; - list-style: none; -} -/* Sub-object `uk-sortable-list` - ========================================================================== */ -.uk-sortable-list { - margin: 0; - padding-left: 40px; - list-style: none; -} -/* Sub-modifier `uk-sortable-list-dragged` - ========================================================================== */ -.uk-sortable-list-dragged { - position: absolute; - z-index: 1040; - padding-left: 0; - pointer-events: none; -} -/* Sub-object `uk-sortable-item` - ========================================================================== */ -.uk-sortable-item { - margin-bottom: 10px; - padding: 5px; - background: #f7f7f7; - border-radius: 4px; - border: 1px solid rgba(0, 0, 0, 0.2); - border-bottom-color: rgba(0, 0, 0, 0.3); - background-origin: border-box; - background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee); - background-image: linear-gradient(to bottom, #ffffff, #eeeeee); - text-shadow: 0 1px 0 #ffffff; -} -/* Sub-object `uk-sortable-placeholder` - * The placeholder which marks the drop area - ========================================================================== */ -.uk-sortable-placeholder { - -moz-box-sizing: border-box; - box-sizing: border-box; - margin-bottom: 10px; - border: 1px dashed #dddddd; -} -/* Sub-object `uk-sortable-empty` - * The style of an empty list - ========================================================================== */ -.uk-sortable-empty { - min-height: 40px; -} -/* Sub-object `uk-sortable-handle` - ========================================================================== */ -.uk-sortable-handle { - display: inline-block; - font-size: 18px; - color: #dddddd; -} -/* Hover */ -.uk-sortable-handle:hover { - cursor: move; -} -/* Icon */ -.uk-sortable-handle:after { - content: "\f0c9"; - font-family: FontAwesome; -} -/* Sub-object `uk-sortable-moving` - ========================================================================== */ -.uk-sortable-moving, -.uk-sortable-moving * { - cursor: move; -} -/* Sub-object `[data-action='toggle']` - ========================================================================== */ -/* Hidden by default */ -[data-sortable-action='toggle'] { - display: inline-block; - color: #999999; - visibility: hidden; -} -/* Hover */ -[data-sortable-action='toggle']:hover { - color: #444444; - cursor: pointer; -} -/* Icon */ -[data-sortable-action='toggle']:after { - content: "\f147"; - font-family: FontAwesome; -} -/* - * Show if nested - */ -.uk-parent > .uk-sortable-item [data-sortable-action='toggle'] { - visibility: visible; -} -/* - * Collapsed - */ -.uk-collapsed > .uk-sortable-item [data-sortable-action='toggle']:after { - content: "\f196"; -} -.uk-collapsed .uk-sortable-list { - display: none; -} diff --git a/lib/addons/css/sortable.gradient.min.css b/lib/addons/css/sortable.gradient.min.css deleted file mode 100644 index 5dff79b..0000000 --- a/lib/addons/css/sortable.gradient.min.css +++ /dev/null @@ -1,3 +0,0 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - -.uk-sortable{padding:0;list-style:none}.uk-sortable-list{margin:0;padding-left:40px;list-style:none}.uk-sortable-list-dragged{position:absolute;z-index:1040;padding-left:0;pointer-events:none}.uk-sortable-item{margin-bottom:10px;padding:5px;background:#f7f7f7;border-radius:4px;border:1px solid rgba(0,0,0,.2);border-bottom-color:rgba(0,0,0,.3);background-origin:border-box;background-image:-webkit-linear-gradient(top,#fff,#eee);background-image:linear-gradient(to bottom,#fff,#eee);text-shadow:0 1px 0 #fff}.uk-sortable-placeholder{-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:10px;border:1px dashed #ddd}.uk-sortable-empty{min-height:40px}.uk-sortable-handle{display:inline-block;font-size:18px;color:#ddd}.uk-sortable-handle:hover{cursor:move}.uk-sortable-handle:after{content:"\f0c9";font-family:FontAwesome}.uk-sortable-moving,.uk-sortable-moving *{cursor:move}[data-sortable-action=toggle]{display:inline-block;color:#999;visibility:hidden}[data-sortable-action=toggle]:hover{color:#444;cursor:pointer}[data-sortable-action=toggle]:after{content:"\f147";font-family:FontAwesome}.uk-parent>.uk-sortable-item [data-sortable-action=toggle]{visibility:visible}.uk-collapsed>.uk-sortable-item [data-sortable-action=toggle]:after{content:"\f196"}.uk-collapsed .uk-sortable-list{display:none} \ No newline at end of file diff --git a/lib/addons/css/sortable.min.css b/lib/addons/css/sortable.min.css deleted file mode 100644 index 6ed43da..0000000 --- a/lib/addons/css/sortable.min.css +++ /dev/null @@ -1,3 +0,0 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - -.uk-sortable{padding:0;list-style:none}.uk-sortable-list{margin:0;padding-left:40px;list-style:none}.uk-sortable-list-dragged{position:absolute;z-index:1040;padding-left:0;pointer-events:none}.uk-sortable-item{margin-bottom:10px;padding:5px;background:#f5f5f5}.uk-sortable-placeholder{-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:10px;border:1px dashed #ddd}.uk-sortable-empty{min-height:40px}.uk-sortable-handle{display:inline-block;font-size:18px;color:#ddd}.uk-sortable-handle:hover{cursor:move}.uk-sortable-handle:after{content:"\f0c9";font-family:FontAwesome}.uk-sortable-moving,.uk-sortable-moving *{cursor:move}[data-sortable-action=toggle]{display:inline-block;color:#999;visibility:hidden}[data-sortable-action=toggle]:hover{color:#444;cursor:pointer}[data-sortable-action=toggle]:after{content:"\f147";font-family:FontAwesome}.uk-parent>.uk-sortable-item [data-sortable-action=toggle]{visibility:visible}.uk-collapsed>.uk-sortable-item [data-sortable-action=toggle]:after{content:"\f196"}.uk-collapsed .uk-sortable-list{display:none} \ No newline at end of file diff --git a/lib/addons/js/datepicker.js b/lib/addons/js/datepicker.js deleted file mode 100644 index 96c3278..0000000 --- a/lib/addons/js/datepicker.js +++ /dev/null @@ -1,252 +0,0 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - -(function(global, $, UI){ - - // Datepicker - - var active = false, - dropdown = $('
'); - - dropdown.on("click", ".uk-datepicker-next, .uk-datepicker-previous, [data-date]", function(e){ - e.stopPropagation(); - e.preventDefault(); - - var ele = $(this); - - if(ele.is('[data-date]')) { - active.element.val(moment(ele.data("date")).format(active.options.format)).trigger("change"); - dropdown.hide(); - active = false; - } else { - active.add("months", 1 * (ele.hasClass("uk-datepicker-next") ? 1:-1)); - } - }); - - var DatePicker = function(element, options) { - - var $this = this, $element = $(element); - - if($element.data("datepicker")) return; - - this.element = $element; - this.options = $.extend({}, DatePicker.defaults, options); - this.current = this.element.val() ? moment(this.element.val(), this.options.format) : moment(); - - this.element.on("click", function(){ - if(active!==$this) $this.pick(this.value); - }).on("change", function(){ - - if($this.element.val() && !moment($this.element.val(), $this.options.format).isValid()) { - $this.element.val(moment().format($this.options.format)); - } - - }); - - this.element.data("datepicker", this); - }; - - DatePicker.defaults = { - weekstart: 1, - i18n: { - months : ['January','February','March','April','May','June','July','August','September','October','November','December'], - weekdays : ['Sun','Mon','Tue','Wed','Thu','Fri','Sat'] - }, - format: "DD.MM.YYYY", - offsettop: 5, - template: function(data, opts) { - - var content = ''; - - - content += '
'; - content += ''; - content += ''; - content += '
'+ opts.i18n.months[data.month] +' '+ data.year+'
'; - content += '
'; - - content += ''; - content += ''; - for(var i = 0; i < data.weekdays.length; i++) { - if (data.weekdays[i]) { - content += ''; - } - } - content += ''; - - content += ''; - for(var i = 0; i < data.days.length; i++) { - if (data.days[i] && data.days[i].length){ - content += ''; - for(var d = 0; d < data.days[i].length; d++) { - if (data.days[i][d]) { - var day = data.days[i][d], - cls = []; - - if(!day.inmonth) cls.push("uk-datepicker-table-muted"); - if(day.selected) cls.push("uk-active"); - - content += ''; - } - } - content += ''; - } - } - content += ''; - - content += '
'+data.weekdays[i]+'
'+day.day.format("D")+'
'; - - - - return content; - } - }; - - $.extend(DatePicker.prototype, { - - pick: function(initdate) { - - var offset = this.element.offset(), - css = {"top": offset.top + this.element.outerHeight() + this.options.offsettop, "left": offset.left, "right":""}; - - this.current = initdate ? moment(initdate, this.options.format):moment(); - this.initdate = this.current.format("YYYY-MM-DD"); - - this.update(); - - if ($.UIkit.langdirection == 'right') { - css.right = window.innerWidth - (css.left + this.element.outerWidth()); - css.left = ""; - } - - dropdown.css(css).show(); - - active = this; - }, - - add: function(unit, value) { - this.current.add(unit, value); - this.update(); - }, - - setMonth: function(month) { - this.current.month(month); - this.update(); - }, - - setYear: function(year) { - this.current.year(year); - this.update(); - }, - - update: function() { - - var data = this.getRows(this.current.year(), this.current.month()), - tpl = this.options.template(data, this.options); - - dropdown.html(tpl); - }, - - getRows: function(year, month) { - - var opts = this.options, - now = moment().format('YYYY-MM-DD'), - days = [31, (year % 4 === 0 && year % 100 !== 0 || year % 400 === 0) ? 29 : 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31][month], - before = new Date(year, month, 1).getDay(), - data = {"month":month, "year":year,"weekdays":[],"days":[]}, - row = []; - - data.weekdays = (function(){ - - for (var i=0, arr=[]; i < 7; i++) { - - var day = i + (opts.weekstart || 0); - - while (day >= 7) { - day -= 7; - } - - arr.push(opts.i18n.weekdays[day]); - } - - return arr; - })(); - - if (opts.weekstart && opts.weekstart > 0) { - before -= opts.weekstart; - if (before < 0) { - before += 7; - } - } - - var cells = days + before, after = cells; - - while(after > 7) { after -= 7; } - - cells += 7 - after; - - var day, isDisabled, isSelected, isToday, isInMonth; - - for (var i = 0, r = 0; i < cells; i++) { - - day = new Date(year, month, 1 + (i - before)); - isDisabled = (opts.mindate && day < opts.mindate) || (opts.maxdate && day > opts.maxdate); - isInMonth = !(i < before || i >= (days + before)); - - day = moment(day); - - isSelected = this.initdate == day.format("YYYY-MM-DD"); - isToday = now == day.format("YYYY-MM-DD"); - - row.push({"selected": isSelected, "today": isToday, "disabled": isDisabled, "day":day, "inmonth":isInMonth}); - - if (++r === 7) { - data.days.push(row); - row = []; - r = 0; - } - } - - return data; - } - }); - - UI["datepicker"] = DatePicker; - - // init code - $(document).on("focus.datepicker.uikit", "[data-uk-datepicker]", function(e) { - - var ele = $(this); - if (!ele.data("datepicker")) { - e.preventDefault(); - var obj = new DatePicker(ele, UI.Utils.options(ele.attr("data-uk-datepicker"))); - ele.trigger("focus"); - } - }); - - $(document).on("click.datepicker.uikit", function(e) { - - var target = $(e.target); - - if (active && target[0] != dropdown[0] && !target.data("datepicker") && !target.parents(".uk-datepicker:first").length) { - dropdown.hide(); - active = false; - } - }); - - $(function(){ - dropdown.appendTo("body"); - }); - -})(this, jQuery, jQuery.UIkit); - - -if(!window.moment) { - -//! moment.js -//! version : 2.5.1 -//! authors : Tim Wood, Iskren Chernev, Moment.js contributors -//! license : MIT -//! momentjs.com -(function(a){function b(){return{empty:!1,unusedTokens:[],unusedInput:[],overflow:-2,charsLeftOver:0,nullInput:!1,invalidMonth:null,invalidFormat:!1,userInvalidated:!1,iso:!1}}function c(a,b){return function(c){return k(a.call(this,c),b)}}function d(a,b){return function(c){return this.lang().ordinal(a.call(this,c),b)}}function e(){}function f(a){w(a),h(this,a)}function g(a){var b=q(a),c=b.year||0,d=b.month||0,e=b.week||0,f=b.day||0,g=b.hour||0,h=b.minute||0,i=b.second||0,j=b.millisecond||0;this._milliseconds=+j+1e3*i+6e4*h+36e5*g,this._days=+f+7*e,this._months=+d+12*c,this._data={},this._bubble()}function h(a,b){for(var c in b)b.hasOwnProperty(c)&&(a[c]=b[c]);return b.hasOwnProperty("toString")&&(a.toString=b.toString),b.hasOwnProperty("valueOf")&&(a.valueOf=b.valueOf),a}function i(a){var b,c={};for(b in a)a.hasOwnProperty(b)&&qb.hasOwnProperty(b)&&(c[b]=a[b]);return c}function j(a){return 0>a?Math.ceil(a):Math.floor(a)}function k(a,b,c){for(var d=""+Math.abs(a),e=a>=0;d.lengthd;d++)(c&&a[d]!==b[d]||!c&&s(a[d])!==s(b[d]))&&g++;return g+f}function p(a){if(a){var b=a.toLowerCase().replace(/(.)s$/,"$1");a=Tb[a]||Ub[b]||b}return a}function q(a){var b,c,d={};for(c in a)a.hasOwnProperty(c)&&(b=p(c),b&&(d[b]=a[c]));return d}function r(b){var c,d;if(0===b.indexOf("week"))c=7,d="day";else{if(0!==b.indexOf("month"))return;c=12,d="month"}db[b]=function(e,f){var g,h,i=db.fn._lang[b],j=[];if("number"==typeof e&&(f=e,e=a),h=function(a){var b=db().utc().set(d,a);return i.call(db.fn._lang,b,e||"")},null!=f)return h(f);for(g=0;c>g;g++)j.push(h(g));return j}}function s(a){var b=+a,c=0;return 0!==b&&isFinite(b)&&(c=b>=0?Math.floor(b):Math.ceil(b)),c}function t(a,b){return new Date(Date.UTC(a,b+1,0)).getUTCDate()}function u(a){return v(a)?366:365}function v(a){return a%4===0&&a%100!==0||a%400===0}function w(a){var b;a._a&&-2===a._pf.overflow&&(b=a._a[jb]<0||a._a[jb]>11?jb:a._a[kb]<1||a._a[kb]>t(a._a[ib],a._a[jb])?kb:a._a[lb]<0||a._a[lb]>23?lb:a._a[mb]<0||a._a[mb]>59?mb:a._a[nb]<0||a._a[nb]>59?nb:a._a[ob]<0||a._a[ob]>999?ob:-1,a._pf._overflowDayOfYear&&(ib>b||b>kb)&&(b=kb),a._pf.overflow=b)}function x(a){return null==a._isValid&&(a._isValid=!isNaN(a._d.getTime())&&a._pf.overflow<0&&!a._pf.empty&&!a._pf.invalidMonth&&!a._pf.nullInput&&!a._pf.invalidFormat&&!a._pf.userInvalidated,a._strict&&(a._isValid=a._isValid&&0===a._pf.charsLeftOver&&0===a._pf.unusedTokens.length)),a._isValid}function y(a){return a?a.toLowerCase().replace("_","-"):a}function z(a,b){return b._isUTC?db(a).zone(b._offset||0):db(a).local()}function A(a,b){return b.abbr=a,pb[a]||(pb[a]=new e),pb[a].set(b),pb[a]}function B(a){delete pb[a]}function C(a){var b,c,d,e,f=0,g=function(a){if(!pb[a]&&rb)try{require("./lang/"+a)}catch(b){}return pb[a]};if(!a)return db.fn._lang;if(!m(a)){if(c=g(a))return c;a=[a]}for(;f0;){if(c=g(e.slice(0,b).join("-")))return c;if(d&&d.length>=b&&o(e,d,!0)>=b-1)break;b--}f++}return db.fn._lang}function D(a){return a.match(/\[[\s\S]/)?a.replace(/^\[|\]$/g,""):a.replace(/\\/g,"")}function E(a){var b,c,d=a.match(vb);for(b=0,c=d.length;c>b;b++)d[b]=Yb[d[b]]?Yb[d[b]]:D(d[b]);return function(e){var f="";for(b=0;c>b;b++)f+=d[b]instanceof Function?d[b].call(e,a):d[b];return f}}function F(a,b){return a.isValid()?(b=G(b,a.lang()),Vb[b]||(Vb[b]=E(b)),Vb[b](a)):a.lang().invalidDate()}function G(a,b){function c(a){return b.longDateFormat(a)||a}var d=5;for(wb.lastIndex=0;d>=0&&wb.test(a);)a=a.replace(wb,c),wb.lastIndex=0,d-=1;return a}function H(a,b){var c,d=b._strict;switch(a){case"DDDD":return Ib;case"YYYY":case"GGGG":case"gggg":return d?Jb:zb;case"Y":case"G":case"g":return Lb;case"YYYYYY":case"YYYYY":case"GGGGG":case"ggggg":return d?Kb:Ab;case"S":if(d)return Gb;case"SS":if(d)return Hb;case"SSS":if(d)return Ib;case"DDD":return yb;case"MMM":case"MMMM":case"dd":case"ddd":case"dddd":return Cb;case"a":case"A":return C(b._l)._meridiemParse;case"X":return Fb;case"Z":case"ZZ":return Db;case"T":return Eb;case"SSSS":return Bb;case"MM":case"DD":case"YY":case"GG":case"gg":case"HH":case"hh":case"mm":case"ss":case"ww":case"WW":return d?Hb:xb;case"M":case"D":case"d":case"H":case"h":case"m":case"s":case"w":case"W":case"e":case"E":return xb;default:return c=new RegExp(P(O(a.replace("\\","")),"i"))}}function I(a){a=a||"";var b=a.match(Db)||[],c=b[b.length-1]||[],d=(c+"").match(Qb)||["-",0,0],e=+(60*d[1])+s(d[2]);return"+"===d[0]?-e:e}function J(a,b,c){var d,e=c._a;switch(a){case"M":case"MM":null!=b&&(e[jb]=s(b)-1);break;case"MMM":case"MMMM":d=C(c._l).monthsParse(b),null!=d?e[jb]=d:c._pf.invalidMonth=b;break;case"D":case"DD":null!=b&&(e[kb]=s(b));break;case"DDD":case"DDDD":null!=b&&(c._dayOfYear=s(b));break;case"YY":e[ib]=s(b)+(s(b)>68?1900:2e3);break;case"YYYY":case"YYYYY":case"YYYYYY":e[ib]=s(b);break;case"a":case"A":c._isPm=C(c._l).isPM(b);break;case"H":case"HH":case"h":case"hh":e[lb]=s(b);break;case"m":case"mm":e[mb]=s(b);break;case"s":case"ss":e[nb]=s(b);break;case"S":case"SS":case"SSS":case"SSSS":e[ob]=s(1e3*("0."+b));break;case"X":c._d=new Date(1e3*parseFloat(b));break;case"Z":case"ZZ":c._useUTC=!0,c._tzm=I(b);break;case"w":case"ww":case"W":case"WW":case"d":case"dd":case"ddd":case"dddd":case"e":case"E":a=a.substr(0,1);case"gg":case"gggg":case"GG":case"GGGG":case"GGGGG":a=a.substr(0,2),b&&(c._w=c._w||{},c._w[a]=b)}}function K(a){var b,c,d,e,f,g,h,i,j,k,l=[];if(!a._d){for(d=M(a),a._w&&null==a._a[kb]&&null==a._a[jb]&&(f=function(b){var c=parseInt(b,10);return b?b.length<3?c>68?1900+c:2e3+c:c:null==a._a[ib]?db().weekYear():a._a[ib]},g=a._w,null!=g.GG||null!=g.W||null!=g.E?h=Z(f(g.GG),g.W||1,g.E,4,1):(i=C(a._l),j=null!=g.d?V(g.d,i):null!=g.e?parseInt(g.e,10)+i._week.dow:0,k=parseInt(g.w,10)||1,null!=g.d&&ju(e)&&(a._pf._overflowDayOfYear=!0),c=U(e,0,a._dayOfYear),a._a[jb]=c.getUTCMonth(),a._a[kb]=c.getUTCDate()),b=0;3>b&&null==a._a[b];++b)a._a[b]=l[b]=d[b];for(;7>b;b++)a._a[b]=l[b]=null==a._a[b]?2===b?1:0:a._a[b];l[lb]+=s((a._tzm||0)/60),l[mb]+=s((a._tzm||0)%60),a._d=(a._useUTC?U:T).apply(null,l)}}function L(a){var b;a._d||(b=q(a._i),a._a=[b.year,b.month,b.day,b.hour,b.minute,b.second,b.millisecond],K(a))}function M(a){var b=new Date;return a._useUTC?[b.getUTCFullYear(),b.getUTCMonth(),b.getUTCDate()]:[b.getFullYear(),b.getMonth(),b.getDate()]}function N(a){a._a=[],a._pf.empty=!0;var b,c,d,e,f,g=C(a._l),h=""+a._i,i=h.length,j=0;for(d=G(a._f,g).match(vb)||[],b=0;b0&&a._pf.unusedInput.push(f),h=h.slice(h.indexOf(c)+c.length),j+=c.length),Yb[e]?(c?a._pf.empty=!1:a._pf.unusedTokens.push(e),J(e,c,a)):a._strict&&!c&&a._pf.unusedTokens.push(e);a._pf.charsLeftOver=i-j,h.length>0&&a._pf.unusedInput.push(h),a._isPm&&a._a[lb]<12&&(a._a[lb]+=12),a._isPm===!1&&12===a._a[lb]&&(a._a[lb]=0),K(a),w(a)}function O(a){return a.replace(/\\(\[)|\\(\])|\[([^\]\[]*)\]|\\(.)/g,function(a,b,c,d,e){return b||c||d||e})}function P(a){return a.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&")}function Q(a){var c,d,e,f,g;if(0===a._f.length)return a._pf.invalidFormat=!0,a._d=new Date(0/0),void 0;for(f=0;fg)&&(e=g,d=c));h(a,d||c)}function R(a){var b,c,d=a._i,e=Mb.exec(d);if(e){for(a._pf.iso=!0,b=0,c=Ob.length;c>b;b++)if(Ob[b][1].exec(d)){a._f=Ob[b][0]+(e[6]||" ");break}for(b=0,c=Pb.length;c>b;b++)if(Pb[b][1].exec(d)){a._f+=Pb[b][0];break}d.match(Db)&&(a._f+="Z"),N(a)}else a._d=new Date(d)}function S(b){var c=b._i,d=sb.exec(c);c===a?b._d=new Date:d?b._d=new Date(+d[1]):"string"==typeof c?R(b):m(c)?(b._a=c.slice(0),K(b)):n(c)?b._d=new Date(+c):"object"==typeof c?L(b):b._d=new Date(c)}function T(a,b,c,d,e,f,g){var h=new Date(a,b,c,d,e,f,g);return 1970>a&&h.setFullYear(a),h}function U(a){var b=new Date(Date.UTC.apply(null,arguments));return 1970>a&&b.setUTCFullYear(a),b}function V(a,b){if("string"==typeof a)if(isNaN(a)){if(a=b.weekdaysParse(a),"number"!=typeof a)return null}else a=parseInt(a,10);return a}function W(a,b,c,d,e){return e.relativeTime(b||1,!!c,a,d)}function X(a,b,c){var d=hb(Math.abs(a)/1e3),e=hb(d/60),f=hb(e/60),g=hb(f/24),h=hb(g/365),i=45>d&&["s",d]||1===e&&["m"]||45>e&&["mm",e]||1===f&&["h"]||22>f&&["hh",f]||1===g&&["d"]||25>=g&&["dd",g]||45>=g&&["M"]||345>g&&["MM",hb(g/30)]||1===h&&["y"]||["yy",h];return i[2]=b,i[3]=a>0,i[4]=c,W.apply({},i)}function Y(a,b,c){var d,e=c-b,f=c-a.day();return f>e&&(f-=7),e-7>f&&(f+=7),d=db(a).add("d",f),{week:Math.ceil(d.dayOfYear()/7),year:d.year()}}function Z(a,b,c,d,e){var f,g,h=U(a,0,1).getUTCDay();return c=null!=c?c:e,f=e-h+(h>d?7:0)-(e>h?7:0),g=7*(b-1)+(c-e)+f+1,{year:g>0?a:a-1,dayOfYear:g>0?g:u(a-1)+g}}function $(a){var b=a._i,c=a._f;return null===b?db.invalid({nullInput:!0}):("string"==typeof b&&(a._i=b=C().preparse(b)),db.isMoment(b)?(a=i(b),a._d=new Date(+b._d)):c?m(c)?Q(a):N(a):S(a),new f(a))}function _(a,b){db.fn[a]=db.fn[a+"s"]=function(a){var c=this._isUTC?"UTC":"";return null!=a?(this._d["set"+c+b](a),db.updateOffset(this),this):this._d["get"+c+b]()}}function ab(a){db.duration.fn[a]=function(){return this._data[a]}}function bb(a,b){db.duration.fn["as"+a]=function(){return+this/b}}function cb(a){var b=!1,c=db;"undefined"==typeof ender&&(a?(gb.moment=function(){return!b&&console&&console.warn&&(b=!0,console.warn("Accessing Moment through the global scope is deprecated, and will be removed in an upcoming release.")),c.apply(null,arguments)},h(gb.moment,c)):gb.moment=db)}for(var db,eb,fb="2.5.1",gb=this,hb=Math.round,ib=0,jb=1,kb=2,lb=3,mb=4,nb=5,ob=6,pb={},qb={_isAMomentObject:null,_i:null,_f:null,_l:null,_strict:null,_isUTC:null,_offset:null,_pf:null,_lang:null},rb="undefined"!=typeof module&&module.exports&&"undefined"!=typeof require,sb=/^\/?Date\((\-?\d+)/i,tb=/(\-)?(?:(\d*)\.)?(\d+)\:(\d+)(?:\:(\d+)\.?(\d{3})?)?/,ub=/^(-)?P(?:(?:([0-9,.]*)Y)?(?:([0-9,.]*)M)?(?:([0-9,.]*)D)?(?:T(?:([0-9,.]*)H)?(?:([0-9,.]*)M)?(?:([0-9,.]*)S)?)?|([0-9,.]*)W)$/,vb=/(\[[^\[]*\])|(\\)?(Mo|MM?M?M?|Do|DDDo|DD?D?D?|ddd?d?|do?|w[o|w]?|W[o|W]?|YYYYYY|YYYYY|YYYY|YY|gg(ggg?)?|GG(GGG?)?|e|E|a|A|hh?|HH?|mm?|ss?|S{1,4}|X|zz?|ZZ?|.)/g,wb=/(\[[^\[]*\])|(\\)?(LT|LL?L?L?|l{1,4})/g,xb=/\d\d?/,yb=/\d{1,3}/,zb=/\d{1,4}/,Ab=/[+\-]?\d{1,6}/,Bb=/\d+/,Cb=/[0-9]*['a-z\u00A0-\u05FF\u0700-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+|[\u0600-\u06FF\/]+(\s*?[\u0600-\u06FF]+){1,2}/i,Db=/Z|[\+\-]\d\d:?\d\d/gi,Eb=/T/i,Fb=/[\+\-]?\d+(\.\d{1,3})?/,Gb=/\d/,Hb=/\d\d/,Ib=/\d{3}/,Jb=/\d{4}/,Kb=/[+-]?\d{6}/,Lb=/[+-]?\d+/,Mb=/^\s*(?:[+-]\d{6}|\d{4})-(?:(\d\d-\d\d)|(W\d\d$)|(W\d\d-\d)|(\d\d\d))((T| )(\d\d(:\d\d(:\d\d(\.\d+)?)?)?)?([\+\-]\d\d(?::?\d\d)?|\s*Z)?)?$/,Nb="YYYY-MM-DDTHH:mm:ssZ",Ob=[["YYYYYY-MM-DD",/[+-]\d{6}-\d{2}-\d{2}/],["YYYY-MM-DD",/\d{4}-\d{2}-\d{2}/],["GGGG-[W]WW-E",/\d{4}-W\d{2}-\d/],["GGGG-[W]WW",/\d{4}-W\d{2}/],["YYYY-DDD",/\d{4}-\d{3}/]],Pb=[["HH:mm:ss.SSSS",/(T| )\d\d:\d\d:\d\d\.\d{1,3}/],["HH:mm:ss",/(T| )\d\d:\d\d:\d\d/],["HH:mm",/(T| )\d\d:\d\d/],["HH",/(T| )\d\d/]],Qb=/([\+\-]|\d\d)/gi,Rb="Date|Hours|Minutes|Seconds|Milliseconds".split("|"),Sb={Milliseconds:1,Seconds:1e3,Minutes:6e4,Hours:36e5,Days:864e5,Months:2592e6,Years:31536e6},Tb={ms:"millisecond",s:"second",m:"minute",h:"hour",d:"day",D:"date",w:"week",W:"isoWeek",M:"month",y:"year",DDD:"dayOfYear",e:"weekday",E:"isoWeekday",gg:"weekYear",GG:"isoWeekYear"},Ub={dayofyear:"dayOfYear",isoweekday:"isoWeekday",isoweek:"isoWeek",weekyear:"weekYear",isoweekyear:"isoWeekYear"},Vb={},Wb="DDD w W M D d".split(" "),Xb="M D H h m s w W".split(" "),Yb={M:function(){return this.month()+1},MMM:function(a){return this.lang().monthsShort(this,a)},MMMM:function(a){return this.lang().months(this,a)},D:function(){return this.date()},DDD:function(){return this.dayOfYear()},d:function(){return this.day()},dd:function(a){return this.lang().weekdaysMin(this,a)},ddd:function(a){return this.lang().weekdaysShort(this,a)},dddd:function(a){return this.lang().weekdays(this,a)},w:function(){return this.week()},W:function(){return this.isoWeek()},YY:function(){return k(this.year()%100,2)},YYYY:function(){return k(this.year(),4)},YYYYY:function(){return k(this.year(),5)},YYYYYY:function(){var a=this.year(),b=a>=0?"+":"-";return b+k(Math.abs(a),6)},gg:function(){return k(this.weekYear()%100,2)},gggg:function(){return k(this.weekYear(),4)},ggggg:function(){return k(this.weekYear(),5)},GG:function(){return k(this.isoWeekYear()%100,2)},GGGG:function(){return k(this.isoWeekYear(),4)},GGGGG:function(){return k(this.isoWeekYear(),5)},e:function(){return this.weekday()},E:function(){return this.isoWeekday()},a:function(){return this.lang().meridiem(this.hours(),this.minutes(),!0)},A:function(){return this.lang().meridiem(this.hours(),this.minutes(),!1)},H:function(){return this.hours()},h:function(){return this.hours()%12||12},m:function(){return this.minutes()},s:function(){return this.seconds()},S:function(){return s(this.milliseconds()/100)},SS:function(){return k(s(this.milliseconds()/10),2)},SSS:function(){return k(this.milliseconds(),3)},SSSS:function(){return k(this.milliseconds(),3)},Z:function(){var a=-this.zone(),b="+";return 0>a&&(a=-a,b="-"),b+k(s(a/60),2)+":"+k(s(a)%60,2)},ZZ:function(){var a=-this.zone(),b="+";return 0>a&&(a=-a,b="-"),b+k(s(a/60),2)+k(s(a)%60,2)},z:function(){return this.zoneAbbr()},zz:function(){return this.zoneName()},X:function(){return this.unix()},Q:function(){return this.quarter()}},Zb=["months","monthsShort","weekdays","weekdaysShort","weekdaysMin"];Wb.length;)eb=Wb.pop(),Yb[eb+"o"]=d(Yb[eb],eb);for(;Xb.length;)eb=Xb.pop(),Yb[eb+eb]=c(Yb[eb],2);for(Yb.DDDD=c(Yb.DDD,3),h(e.prototype,{set:function(a){var b,c;for(c in a)b=a[c],"function"==typeof b?this[c]=b:this["_"+c]=b},_months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),months:function(a){return this._months[a.month()]},_monthsShort:"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),monthsShort:function(a){return this._monthsShort[a.month()]},monthsParse:function(a){var b,c,d;for(this._monthsParse||(this._monthsParse=[]),b=0;12>b;b++)if(this._monthsParse[b]||(c=db.utc([2e3,b]),d="^"+this.months(c,"")+"|^"+this.monthsShort(c,""),this._monthsParse[b]=new RegExp(d.replace(".",""),"i")),this._monthsParse[b].test(a))return b},_weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),weekdays:function(a){return this._weekdays[a.day()]},_weekdaysShort:"Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),weekdaysShort:function(a){return this._weekdaysShort[a.day()]},_weekdaysMin:"Su_Mo_Tu_We_Th_Fr_Sa".split("_"),weekdaysMin:function(a){return this._weekdaysMin[a.day()]},weekdaysParse:function(a){var b,c,d;for(this._weekdaysParse||(this._weekdaysParse=[]),b=0;7>b;b++)if(this._weekdaysParse[b]||(c=db([2e3,1]).day(b),d="^"+this.weekdays(c,"")+"|^"+this.weekdaysShort(c,"")+"|^"+this.weekdaysMin(c,""),this._weekdaysParse[b]=new RegExp(d.replace(".",""),"i")),this._weekdaysParse[b].test(a))return b},_longDateFormat:{LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D YYYY",LLL:"MMMM D YYYY LT",LLLL:"dddd, MMMM D YYYY LT"},longDateFormat:function(a){var b=this._longDateFormat[a];return!b&&this._longDateFormat[a.toUpperCase()]&&(b=this._longDateFormat[a.toUpperCase()].replace(/MMMM|MM|DD|dddd/g,function(a){return a.slice(1)}),this._longDateFormat[a]=b),b},isPM:function(a){return"p"===(a+"").toLowerCase().charAt(0)},_meridiemParse:/[ap]\.?m?\.?/i,meridiem:function(a,b,c){return a>11?c?"pm":"PM":c?"am":"AM"},_calendar:{sameDay:"[Today at] LT",nextDay:"[Tomorrow at] LT",nextWeek:"dddd [at] LT",lastDay:"[Yesterday at] LT",lastWeek:"[Last] dddd [at] LT",sameElse:"L"},calendar:function(a,b){var c=this._calendar[a];return"function"==typeof c?c.apply(b):c},_relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},relativeTime:function(a,b,c,d){var e=this._relativeTime[c];return"function"==typeof e?e(a,b,c,d):e.replace(/%d/i,a)},pastFuture:function(a,b){var c=this._relativeTime[a>0?"future":"past"];return"function"==typeof c?c(b):c.replace(/%s/i,b)},ordinal:function(a){return this._ordinal.replace("%d",a)},_ordinal:"%d",preparse:function(a){return a},postformat:function(a){return a},week:function(a){return Y(a,this._week.dow,this._week.doy).week},_week:{dow:0,doy:6},_invalidDate:"Invalid date",invalidDate:function(){return this._invalidDate}}),db=function(c,d,e,f){var g;return"boolean"==typeof e&&(f=e,e=a),g={},g._isAMomentObject=!0,g._i=c,g._f=d,g._l=e,g._strict=f,g._isUTC=!1,g._pf=b(),$(g)},db.utc=function(c,d,e,f){var g;return"boolean"==typeof e&&(f=e,e=a),g={},g._isAMomentObject=!0,g._useUTC=!0,g._isUTC=!0,g._l=e,g._i=c,g._f=d,g._strict=f,g._pf=b(),$(g).utc()},db.unix=function(a){return db(1e3*a)},db.duration=function(a,b){var c,d,e,f=a,h=null;return db.isDuration(a)?f={ms:a._milliseconds,d:a._days,M:a._months}:"number"==typeof a?(f={},b?f[b]=a:f.milliseconds=a):(h=tb.exec(a))?(c="-"===h[1]?-1:1,f={y:0,d:s(h[kb])*c,h:s(h[lb])*c,m:s(h[mb])*c,s:s(h[nb])*c,ms:s(h[ob])*c}):(h=ub.exec(a))&&(c="-"===h[1]?-1:1,e=function(a){var b=a&&parseFloat(a.replace(",","."));return(isNaN(b)?0:b)*c},f={y:e(h[2]),M:e(h[3]),d:e(h[4]),h:e(h[5]),m:e(h[6]),s:e(h[7]),w:e(h[8])}),d=new g(f),db.isDuration(a)&&a.hasOwnProperty("_lang")&&(d._lang=a._lang),d},db.version=fb,db.defaultFormat=Nb,db.updateOffset=function(){},db.lang=function(a,b){var c;return a?(b?A(y(a),b):null===b?(B(a),a="en"):pb[a]||C(a),c=db.duration.fn._lang=db.fn._lang=C(a),c._abbr):db.fn._lang._abbr},db.langData=function(a){return a&&a._lang&&a._lang._abbr&&(a=a._lang._abbr),C(a)},db.isMoment=function(a){return a instanceof f||null!=a&&a.hasOwnProperty("_isAMomentObject")},db.isDuration=function(a){return a instanceof g},eb=Zb.length-1;eb>=0;--eb)r(Zb[eb]);for(db.normalizeUnits=function(a){return p(a)},db.invalid=function(a){var b=db.utc(0/0);return null!=a?h(b._pf,a):b._pf.userInvalidated=!0,b},db.parseZone=function(a){return db(a).parseZone()},h(db.fn=f.prototype,{clone:function(){return db(this)},valueOf:function(){return+this._d+6e4*(this._offset||0)},unix:function(){return Math.floor(+this/1e3)},toString:function(){return this.clone().lang("en").format("ddd MMM DD YYYY HH:mm:ss [GMT]ZZ")},toDate:function(){return this._offset?new Date(+this):this._d},toISOString:function(){var a=db(this).utc();return 00:!1},parsingFlags:function(){return h({},this._pf)},invalidAt:function(){return this._pf.overflow},utc:function(){return this.zone(0)},local:function(){return this.zone(0),this._isUTC=!1,this},format:function(a){var b=F(this,a||db.defaultFormat);return this.lang().postformat(b)},add:function(a,b){var c;return c="string"==typeof a?db.duration(+b,a):db.duration(a,b),l(this,c,1),this},subtract:function(a,b){var c;return c="string"==typeof a?db.duration(+b,a):db.duration(a,b),l(this,c,-1),this},diff:function(a,b,c){var d,e,f=z(a,this),g=6e4*(this.zone()-f.zone());return b=p(b),"year"===b||"month"===b?(d=432e5*(this.daysInMonth()+f.daysInMonth()),e=12*(this.year()-f.year())+(this.month()-f.month()),e+=(this-db(this).startOf("month")-(f-db(f).startOf("month")))/d,e-=6e4*(this.zone()-db(this).startOf("month").zone()-(f.zone()-db(f).startOf("month").zone()))/d,"year"===b&&(e/=12)):(d=this-f,e="second"===b?d/1e3:"minute"===b?d/6e4:"hour"===b?d/36e5:"day"===b?(d-g)/864e5:"week"===b?(d-g)/6048e5:d),c?e:j(e)},from:function(a,b){return db.duration(this.diff(a)).lang(this.lang()._abbr).humanize(!b)},fromNow:function(a){return this.from(db(),a)},calendar:function(){var a=z(db(),this).startOf("day"),b=this.diff(a,"days",!0),c=-6>b?"sameElse":-1>b?"lastWeek":0>b?"lastDay":1>b?"sameDay":2>b?"nextDay":7>b?"nextWeek":"sameElse";return this.format(this.lang().calendar(c,this))},isLeapYear:function(){return v(this.year())},isDST:function(){return this.zone()+db(a).startOf(b)},isBefore:function(a,b){return b="undefined"!=typeof b?b:"millisecond",+this.clone().startOf(b)<+db(a).startOf(b)},isSame:function(a,b){return b=b||"ms",+this.clone().startOf(b)===+z(a,this).startOf(b)},min:function(a){return a=db.apply(null,arguments),this>a?this:a},max:function(a){return a=db.apply(null,arguments),a>this?this:a},zone:function(a){var b=this._offset||0;return null==a?this._isUTC?b:this._d.getTimezoneOffset():("string"==typeof a&&(a=I(a)),Math.abs(a)<16&&(a=60*a),this._offset=a,this._isUTC=!0,b!==a&&l(this,db.duration(b-a,"m"),1,!0),this)},zoneAbbr:function(){return this._isUTC?"UTC":""},zoneName:function(){return this._isUTC?"Coordinated Universal Time":""},parseZone:function(){return this._tzm?this.zone(this._tzm):"string"==typeof this._i&&this.zone(this._i),this},hasAlignedHourOffset:function(a){return a=a?db(a).zone():0,(this.zone()-a)%60===0},daysInMonth:function(){return t(this.year(),this.month())},dayOfYear:function(a){var b=hb((db(this).startOf("day")-db(this).startOf("year"))/864e5)+1;return null==a?b:this.add("d",a-b)},quarter:function(){return Math.ceil((this.month()+1)/3)},weekYear:function(a){var b=Y(this,this.lang()._week.dow,this.lang()._week.doy).year;return null==a?b:this.add("y",a-b)},isoWeekYear:function(a){var b=Y(this,1,4).year;return null==a?b:this.add("y",a-b)},week:function(a){var b=this.lang().week(this);return null==a?b:this.add("d",7*(a-b))},isoWeek:function(a){var b=Y(this,1,4).week;return null==a?b:this.add("d",7*(a-b))},weekday:function(a){var b=(this.day()+7-this.lang()._week.dow)%7;return null==a?b:this.add("d",a-b)},isoWeekday:function(a){return null==a?this.day()||7:this.day(this.day()%7?a:a-7)},get:function(a){return a=p(a),this[a]()},set:function(a,b){return a=p(a),"function"==typeof this[a]&&this[a](b),this},lang:function(b){return b===a?this._lang:(this._lang=C(b),this)}}),eb=0;eb
');s.on("click",".uk-datepicker-next, .uk-datepicker-previous, [data-date]",function(t){t.stopPropagation(),t.preventDefault();var n=e(this);n.is("[data-date]")?(i.element.val(moment(n.data("date")).format(i.options.format)).trigger("change"),s.hide(),i=!1):i.add("months",1*(n.hasClass("uk-datepicker-next")?1:-1))});var o=function(t,n){var s=this,a=e(t);a.data("datepicker")||(this.element=a,this.options=e.extend({},o.defaults,n),this.current=this.element.val()?moment(this.element.val(),this.options.format):moment(),this.element.on("click",function(){i!==s&&s.pick(this.value)}).on("change",function(){s.element.val()&&!moment(s.element.val(),s.options.format).isValid()&&s.element.val(moment().format(s.options.format))}),this.element.data("datepicker",this))};o.defaults={weekstart:1,i18n:{months:["January","February","March","April","May","June","July","August","September","October","November","December"],weekdays:["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]},format:"DD.MM.YYYY",offsettop:5,template:function(t,e){var n="";n+='
',n+='',n+='',n+='
'+e.i18n.months[t.month]+" "+t.year+"
",n+="
",n+='',n+="";for(var i=0;t.weekdays.length>i;i++)t.weekdays[i]&&(n+="");n+="",n+="";for(var i=0;t.days.length>i;i++)if(t.days[i]&&t.days[i].length){n+="";for(var s=0;t.days[i].length>s;s++)if(t.days[i][s]){var o=t.days[i][s],a=[];o.inmonth||a.push("uk-datepicker-table-muted"),o.selected&&a.push("uk-active"),n+='"}n+=""}return n+="",n+="
"+t.weekdays[i]+"
'+o.day.format("D")+"
"}},e.extend(o.prototype,{pick:function(t){var n=this.element.offset(),o={top:n.top+this.element.outerHeight()+this.options.offsettop,left:n.left,right:""};this.current=t?moment(t,this.options.format):moment(),this.initdate=this.current.format("YYYY-MM-DD"),this.update(),"right"==e.UIkit.langdirection&&(o.right=window.innerWidth-(o.left+this.element.outerWidth()),o.left=""),s.css(o).show(),i=this},add:function(t,e){this.current.add(t,e),this.update()},setMonth:function(t){this.current.month(t),this.update()},setYear:function(t){this.current.year(t),this.update()},update:function(){var t=this.getRows(this.current.year(),this.current.month()),e=this.options.template(t,this.options);s.html(e)},getRows:function(t,e){var n=this.options,i=moment().format("YYYY-MM-DD"),s=[31,0===t%4&&0!==t%100||0===t%400?29:28,31,30,31,30,31,31,30,31,30,31][e],o=new Date(t,e,1).getDay(),a={month:e,year:t,weekdays:[],days:[]},r=[];a.weekdays=function(){for(var t=0,e=[];7>t;t++){for(var i=t+(n.weekstart||0);i>=7;)i-=7;e.push(n.i18n.weekdays[i])}return e}(),n.weekstart&&n.weekstart>0&&(o-=n.weekstart,0>o&&(o+=7));for(var u=s+o,l=u;l>7;)l-=7;u+=7-l;for(var d,h,c,f,p,m=0,g=0;u>m;m++)d=new Date(t,e,1+(m-o)),h=n.mindate&&n.mindate>d||n.maxdate&&d>n.maxdate,p=!(o>m||m>=s+o),d=moment(d),c=this.initdate==d.format("YYYY-MM-DD"),f=i==d.format("YYYY-MM-DD"),r.push({selected:c,today:f,disabled:h,day:d,inmonth:p}),7===++g&&(a.days.push(r),r=[],g=0);return a}}),n.datepicker=o,e(document).on("focus.datepicker.uikit","[data-uk-datepicker]",function(t){var i=e(this);i.data("datepicker")||(t.preventDefault(),new o(i,n.Utils.options(i.attr("data-uk-datepicker"))),i.trigger("focus"))}),e(document).on("click.datepicker.uikit",function(t){var n=e(t.target);!i||n[0]==s[0]||n.data("datepicker")||n.parents(".uk-datepicker:first").length||(s.hide(),i=!1)}),e(function(){s.appendTo("body")})})(this,jQuery,jQuery.UIkit),window.moment||function(t){function e(){return{empty:!1,unusedTokens:[],unusedInput:[],overflow:-2,charsLeftOver:0,nullInput:!1,invalidMonth:null,invalidFormat:!1,userInvalidated:!1,iso:!1}}function n(t,e){return function(n){return d(t.call(this,n),e)}}function i(t,e){return function(n){return this.lang().ordinal(t.call(this,n),e)}}function s(){}function o(t){b(t),r(this,t)}function a(t){var e=g(t),n=e.year||0,i=e.month||0,s=e.week||0,o=e.day||0,a=e.hour||0,r=e.minute||0,u=e.second||0,l=e.millisecond||0;this._milliseconds=+l+1e3*u+6e4*r+36e5*a,this._days=+o+7*s,this._months=+i+12*n,this._data={},this._bubble()}function r(t,e){for(var n in e)e.hasOwnProperty(n)&&(t[n]=e[n]);return e.hasOwnProperty("toString")&&(t.toString=e.toString),e.hasOwnProperty("valueOf")&&(t.valueOf=e.valueOf),t}function u(t){var e,n={};for(e in t)t.hasOwnProperty(e)&&ge.hasOwnProperty(e)&&(n[e]=t[e]);return n}function l(t){return 0>t?Math.ceil(t):Math.floor(t)}function d(t,e,n){for(var i=""+Math.abs(t),s=t>=0;e>i.length;)i="0"+i;return(s?n?"+":"":"-")+i}function h(t,e,n,i){var s,o,a=e._milliseconds,r=e._days,u=e._months;a&&t._d.setTime(+t._d+a*n),(r||u)&&(s=t.minute(),o=t.hour()),r&&t.date(t.date()+r*n),u&&t.month(t.month()+u*n),a&&!i&&ie.updateOffset(t),(r||u)&&(t.minute(s),t.hour(o))}function c(t){return"[object Array]"===Object.prototype.toString.call(t)}function f(t){return"[object Date]"===Object.prototype.toString.call(t)||t instanceof Date}function p(t,e,n){var i,s=Math.min(t.length,e.length),o=Math.abs(t.length-e.length),a=0;for(i=0;s>i;i++)(n&&t[i]!==e[i]||!n&&k(t[i])!==k(e[i]))&&a++;return a+o}function m(t){if(t){var e=t.toLowerCase().replace(/(.)s$/,"$1");t=Ne[t]||Ze[e]||e}return t}function g(t){var e,n,i={};for(n in t)t.hasOwnProperty(n)&&(e=m(n),e&&(i[e]=t[n]));return i}function v(e){var n,i;if(0===e.indexOf("week"))n=7,i="day";else{if(0!==e.indexOf("month"))return;n=12,i="month"}ie[e]=function(s,o){var a,r,u=ie.fn._lang[e],l=[];if("number"==typeof s&&(o=s,s=t),r=function(t){var e=ie().utc().set(i,t);return u.call(ie.fn._lang,e,s||"")},null!=o)return r(o);for(a=0;n>a;a++)l.push(r(a));return l}}function k(t){var e=+t,n=0;return 0!==e&&isFinite(e)&&(n=e>=0?Math.floor(e):Math.ceil(e)),n}function y(t,e){return new Date(Date.UTC(t,e+1,0)).getUTCDate()}function w(t){return _(t)?366:365}function _(t){return 0===t%4&&0!==t%100||0===t%400}function b(t){var e;t._a&&-2===t._pf.overflow&&(e=0>t._a[le]||t._a[le]>11?le:1>t._a[de]||t._a[de]>y(t._a[ue],t._a[le])?de:0>t._a[he]||t._a[he]>23?he:0>t._a[ce]||t._a[ce]>59?ce:0>t._a[fe]||t._a[fe]>59?fe:0>t._a[pe]||t._a[pe]>999?pe:-1,t._pf._overflowDayOfYear&&(ue>e||e>de)&&(e=de),t._pf.overflow=e)}function M(t){return null==t._isValid&&(t._isValid=!isNaN(t._d.getTime())&&0>t._pf.overflow&&!t._pf.empty&&!t._pf.invalidMonth&&!t._pf.nullInput&&!t._pf.invalidFormat&&!t._pf.userInvalidated,t._strict&&(t._isValid=t._isValid&&0===t._pf.charsLeftOver&&0===t._pf.unusedTokens.length)),t._isValid}function D(t){return t?t.toLowerCase().replace("_","-"):t}function Y(t,e){return e._isUTC?ie(t).zone(e._offset||0):ie(t).local()}function C(t,e){return e.abbr=t,me[t]||(me[t]=new s),me[t].set(e),me[t]}function T(t){delete me[t]}function x(t){var e,n,i,s,o=0,a=function(t){if(!me[t]&&ve)try{require("./lang/"+t)}catch(e){}return me[t]};if(!t)return ie.fn._lang;if(!c(t)){if(n=a(t))return n;t=[t]}for(;t.length>o;){for(s=D(t[o]).split("-"),e=s.length,i=D(t[o+1]),i=i?i.split("-"):null;e>0;){if(n=a(s.slice(0,e).join("-")))return n;if(i&&i.length>=e&&p(s,i,!0)>=e-1)break;e--}o++}return ie.fn._lang}function S(t){return t.match(/\[[\s\S]/)?t.replace(/^\[|\]$/g,""):t.replace(/\\/g,"")}function U(t){var e,n,i=t.match(_e);for(e=0,n=i.length;n>e;e++)i[e]=$e[i[e]]?$e[i[e]]:S(i[e]);return function(s){var o="";for(e=0;n>e;e++)o+=i[e]instanceof Function?i[e].call(s,t):i[e];return o}}function O(t,e){return t.isValid()?(e=I(e,t.lang()),qe[e]||(qe[e]=U(e)),qe[e](t)):t.lang().invalidDate()}function I(t,e){function n(t){return e.longDateFormat(t)||t}var i=5;for(be.lastIndex=0;i>=0&&be.test(t);)t=t.replace(be,n),be.lastIndex=0,i-=1;return t}function j(t,e){var n,i=e._strict;switch(t){case"DDDD":return We;case"YYYY":case"GGGG":case"gggg":return i?Fe:Ye;case"Y":case"G":case"g":return Ge;case"YYYYYY":case"YYYYY":case"GGGGG":case"ggggg":return i?Pe:Ce;case"S":if(i)return Ie;case"SS":if(i)return je;case"SSS":if(i)return We;case"DDD":return De;case"MMM":case"MMMM":case"dd":case"ddd":case"dddd":return xe;case"a":case"A":return x(e._l)._meridiemParse;case"X":return Oe;case"Z":case"ZZ":return Se;case"T":return Ue;case"SSSS":return Te;case"MM":case"DD":case"YY":case"GG":case"gg":case"HH":case"hh":case"mm":case"ss":case"ww":case"WW":return i?je:Me;case"M":case"D":case"d":case"H":case"h":case"m":case"s":case"w":case"W":case"e":case"E":return Me;default:return n=RegExp(R(L(t.replace("\\","")),"i"))}}function W(t){t=t||"";var e=t.match(Se)||[],n=e[e.length-1]||[],i=(n+"").match(Ae)||["-",0,0],s=+(60*i[1])+k(i[2]);return"+"===i[0]?-s:s}function F(t,e,n){var i,s=n._a;switch(t){case"M":case"MM":null!=e&&(s[le]=k(e)-1);break;case"MMM":case"MMMM":i=x(n._l).monthsParse(e),null!=i?s[le]=i:n._pf.invalidMonth=e;break;case"D":case"DD":null!=e&&(s[de]=k(e));break;case"DDD":case"DDDD":null!=e&&(n._dayOfYear=k(e));break;case"YY":s[ue]=k(e)+(k(e)>68?1900:2e3);break;case"YYYY":case"YYYYY":case"YYYYYY":s[ue]=k(e);break;case"a":case"A":n._isPm=x(n._l).isPM(e);break;case"H":case"HH":case"h":case"hh":s[he]=k(e);break;case"m":case"mm":s[ce]=k(e);break;case"s":case"ss":s[fe]=k(e);break;case"S":case"SS":case"SSS":case"SSSS":s[pe]=k(1e3*("0."+e));break;case"X":n._d=new Date(1e3*parseFloat(e));break;case"Z":case"ZZ":n._useUTC=!0,n._tzm=W(e);break;case"w":case"ww":case"W":case"WW":case"d":case"dd":case"ddd":case"dddd":case"e":case"E":t=t.substr(0,1);case"gg":case"gggg":case"GG":case"GGGG":case"GGGGG":t=t.substr(0,2),e&&(n._w=n._w||{},n._w[t]=e)}}function P(t){var e,n,i,s,o,a,r,u,l,d,h=[];if(!t._d){for(i=H(t),t._w&&null==t._a[de]&&null==t._a[le]&&(o=function(e){var n=parseInt(e,10);return e?3>e.length?n>68?1900+n:2e3+n:n:null==t._a[ue]?ie().weekYear():t._a[ue]},a=t._w,null!=a.GG||null!=a.W||null!=a.E?r=X(o(a.GG),a.W||1,a.E,4,1):(u=x(t._l),l=null!=a.d?q(a.d,u):null!=a.e?parseInt(a.e,10)+u._week.dow:0,d=parseInt(a.w,10)||1,null!=a.d&&u._week.dow>l&&d++,r=X(o(a.gg),d,l,u._week.doy,u._week.dow)),t._a[ue]=r.year,t._dayOfYear=r.dayOfYear),t._dayOfYear&&(s=null==t._a[ue]?i[ue]:t._a[ue],t._dayOfYear>w(s)&&(t._pf._overflowDayOfYear=!0),n=Z(s,0,t._dayOfYear),t._a[le]=n.getUTCMonth(),t._a[de]=n.getUTCDate()),e=0;3>e&&null==t._a[e];++e)t._a[e]=h[e]=i[e];for(;7>e;e++)t._a[e]=h[e]=null==t._a[e]?2===e?1:0:t._a[e];h[he]+=k((t._tzm||0)/60),h[ce]+=k((t._tzm||0)%60),t._d=(t._useUTC?Z:N).apply(null,h)}}function G(t){var e;t._d||(e=g(t._i),t._a=[e.year,e.month,e.day,e.hour,e.minute,e.second,e.millisecond],P(t))}function H(t){var e=new Date;return t._useUTC?[e.getUTCFullYear(),e.getUTCMonth(),e.getUTCDate()]:[e.getFullYear(),e.getMonth(),e.getDate()]}function z(t){t._a=[],t._pf.empty=!0;var e,n,i,s,o,a=x(t._l),r=""+t._i,u=r.length,l=0;for(i=I(t._f,a).match(_e)||[],e=0;i.length>e;e++)s=i[e],n=(r.match(j(s,t))||[])[0],n&&(o=r.substr(0,r.indexOf(n)),o.length>0&&t._pf.unusedInput.push(o),r=r.slice(r.indexOf(n)+n.length),l+=n.length),$e[s]?(n?t._pf.empty=!1:t._pf.unusedTokens.push(s),F(s,n,t)):t._strict&&!n&&t._pf.unusedTokens.push(s);t._pf.charsLeftOver=u-l,r.length>0&&t._pf.unusedInput.push(r),t._isPm&&12>t._a[he]&&(t._a[he]+=12),t._isPm===!1&&12===t._a[he]&&(t._a[he]=0),P(t),b(t)}function L(t){return t.replace(/\\(\[)|\\(\])|\[([^\]\[]*)\]|\\(.)/g,function(t,e,n,i,s){return e||n||i||s})}function R(t){return t.replace(/[-\/\\^$*+?.()|[\]{}]/g,"\\$&")}function A(t){var n,i,s,o,a;if(0===t._f.length)return t._pf.invalidFormat=!0,t._d=new Date(0/0),void 0;for(o=0;t._f.length>o;o++)a=0,n=r({},t),n._pf=e(),n._f=t._f[o],z(n),M(n)&&(a+=n._pf.charsLeftOver,a+=10*n._pf.unusedTokens.length,n._pf.score=a,(null==s||s>a)&&(s=a,i=n));r(t,i||n)}function E(t){var e,n,i=t._i,s=He.exec(i);if(s){for(t._pf.iso=!0,e=0,n=Le.length;n>e;e++)if(Le[e][1].exec(i)){t._f=Le[e][0]+(s[6]||" ");break}for(e=0,n=Re.length;n>e;e++)if(Re[e][1].exec(i)){t._f+=Re[e][0];break}i.match(Se)&&(t._f+="Z"),z(t)}else t._d=new Date(i)}function Q(e){var n=e._i,i=ke.exec(n);n===t?e._d=new Date:i?e._d=new Date(+i[1]):"string"==typeof n?E(e):c(n)?(e._a=n.slice(0),P(e)):f(n)?e._d=new Date(+n):"object"==typeof n?G(e):e._d=new Date(n)}function N(t,e,n,i,s,o,a){var r=new Date(t,e,n,i,s,o,a);return 1970>t&&r.setFullYear(t),r}function Z(t){var e=new Date(Date.UTC.apply(null,arguments));return 1970>t&&e.setUTCFullYear(t),e}function q(t,e){if("string"==typeof t)if(isNaN(t)){if(t=e.weekdaysParse(t),"number"!=typeof t)return null}else t=parseInt(t,10);return t}function V(t,e,n,i,s){return s.relativeTime(e||1,!!n,t,i)}function J(t,e,n){var i=re(Math.abs(t)/1e3),s=re(i/60),o=re(s/60),a=re(o/24),r=re(a/365),u=45>i&&["s",i]||1===s&&["m"]||45>s&&["mm",s]||1===o&&["h"]||22>o&&["hh",o]||1===a&&["d"]||25>=a&&["dd",a]||45>=a&&["M"]||345>a&&["MM",re(a/30)]||1===r&&["y"]||["yy",r];return u[2]=e,u[3]=t>0,u[4]=n,V.apply({},u)}function $(t,e,n){var i,s=n-e,o=n-t.day();return o>s&&(o-=7),s-7>o&&(o+=7),i=ie(t).add("d",o),{week:Math.ceil(i.dayOfYear()/7),year:i.year()}}function X(t,e,n,i,s){var o,a,r=Z(t,0,1).getUTCDay();return n=null!=n?n:s,o=s-r+(r>i?7:0)-(s>r?7:0),a=7*(e-1)+(n-s)+o+1,{year:a>0?t:t-1,dayOfYear:a>0?a:w(t-1)+a}}function B(t){var e=t._i,n=t._f;return null===e?ie.invalid({nullInput:!0}):("string"==typeof e&&(t._i=e=x().preparse(e)),ie.isMoment(e)?(t=u(e),t._d=new Date(+e._d)):n?c(n)?A(t):z(t):Q(t),new o(t))}function K(t,e){ie.fn[t]=ie.fn[t+"s"]=function(t){var n=this._isUTC?"UTC":"";return null!=t?(this._d["set"+n+e](t),ie.updateOffset(this),this):this._d["get"+n+e]()}}function te(t){ie.duration.fn[t]=function(){return this._data[t]}}function ee(t,e){ie.duration.fn["as"+t]=function(){return+this/e}}function ne(t){var e=!1,n=ie;"undefined"==typeof ender&&(t?(ae.moment=function(){return!e&&console&&console.warn&&(e=!0,console.warn("Accessing Moment through the global scope is deprecated, and will be removed in an upcoming release.")),n.apply(null,arguments)},r(ae.moment,n)):ae.moment=ie)}for(var ie,se,oe="2.5.1",ae=this,re=Math.round,ue=0,le=1,de=2,he=3,ce=4,fe=5,pe=6,me={},ge={_isAMomentObject:null,_i:null,_f:null,_l:null,_strict:null,_isUTC:null,_offset:null,_pf:null,_lang:null},ve="undefined"!=typeof module&&module.exports&&"undefined"!=typeof require,ke=/^\/?Date\((\-?\d+)/i,ye=/(\-)?(?:(\d*)\.)?(\d+)\:(\d+)(?:\:(\d+)\.?(\d{3})?)?/,we=/^(-)?P(?:(?:([0-9,.]*)Y)?(?:([0-9,.]*)M)?(?:([0-9,.]*)D)?(?:T(?:([0-9,.]*)H)?(?:([0-9,.]*)M)?(?:([0-9,.]*)S)?)?|([0-9,.]*)W)$/,_e=/(\[[^\[]*\])|(\\)?(Mo|MM?M?M?|Do|DDDo|DD?D?D?|ddd?d?|do?|w[o|w]?|W[o|W]?|YYYYYY|YYYYY|YYYY|YY|gg(ggg?)?|GG(GGG?)?|e|E|a|A|hh?|HH?|mm?|ss?|S{1,4}|X|zz?|ZZ?|.)/g,be=/(\[[^\[]*\])|(\\)?(LT|LL?L?L?|l{1,4})/g,Me=/\d\d?/,De=/\d{1,3}/,Ye=/\d{1,4}/,Ce=/[+\-]?\d{1,6}/,Te=/\d+/,xe=/[0-9]*['a-z\u00A0-\u05FF\u0700-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+|[\u0600-\u06FF\/]+(\s*?[\u0600-\u06FF]+){1,2}/i,Se=/Z|[\+\-]\d\d:?\d\d/gi,Ue=/T/i,Oe=/[\+\-]?\d+(\.\d{1,3})?/,Ie=/\d/,je=/\d\d/,We=/\d{3}/,Fe=/\d{4}/,Pe=/[+-]?\d{6}/,Ge=/[+-]?\d+/,He=/^\s*(?:[+-]\d{6}|\d{4})-(?:(\d\d-\d\d)|(W\d\d$)|(W\d\d-\d)|(\d\d\d))((T| )(\d\d(:\d\d(:\d\d(\.\d+)?)?)?)?([\+\-]\d\d(?::?\d\d)?|\s*Z)?)?$/,ze="YYYY-MM-DDTHH:mm:ssZ",Le=[["YYYYYY-MM-DD",/[+-]\d{6}-\d{2}-\d{2}/],["YYYY-MM-DD",/\d{4}-\d{2}-\d{2}/],["GGGG-[W]WW-E",/\d{4}-W\d{2}-\d/],["GGGG-[W]WW",/\d{4}-W\d{2}/],["YYYY-DDD",/\d{4}-\d{3}/]],Re=[["HH:mm:ss.SSSS",/(T| )\d\d:\d\d:\d\d\.\d{1,3}/],["HH:mm:ss",/(T| )\d\d:\d\d:\d\d/],["HH:mm",/(T| )\d\d:\d\d/],["HH",/(T| )\d\d/]],Ae=/([\+\-]|\d\d)/gi,Ee="Date|Hours|Minutes|Seconds|Milliseconds".split("|"),Qe={Milliseconds:1,Seconds:1e3,Minutes:6e4,Hours:36e5,Days:864e5,Months:2592e6,Years:31536e6},Ne={ms:"millisecond",s:"second",m:"minute",h:"hour",d:"day",D:"date",w:"week",W:"isoWeek",M:"month",y:"year",DDD:"dayOfYear",e:"weekday",E:"isoWeekday",gg:"weekYear",GG:"isoWeekYear"},Ze={dayofyear:"dayOfYear",isoweekday:"isoWeekday",isoweek:"isoWeek",weekyear:"weekYear",isoweekyear:"isoWeekYear"},qe={},Ve="DDD w W M D d".split(" "),Je="M D H h m s w W".split(" "),$e={M:function(){return this.month()+1},MMM:function(t){return this.lang().monthsShort(this,t)},MMMM:function(t){return this.lang().months(this,t)},D:function(){return this.date()},DDD:function(){return this.dayOfYear()},d:function(){return this.day()},dd:function(t){return this.lang().weekdaysMin(this,t)},ddd:function(t){return this.lang().weekdaysShort(this,t)},dddd:function(t){return this.lang().weekdays(this,t)},w:function(){return this.week()},W:function(){return this.isoWeek()},YY:function(){return d(this.year()%100,2)},YYYY:function(){return d(this.year(),4)},YYYYY:function(){return d(this.year(),5)},YYYYYY:function(){var t=this.year(),e=t>=0?"+":"-";return e+d(Math.abs(t),6)},gg:function(){return d(this.weekYear()%100,2)},gggg:function(){return d(this.weekYear(),4)},ggggg:function(){return d(this.weekYear(),5)},GG:function(){return d(this.isoWeekYear()%100,2)},GGGG:function(){return d(this.isoWeekYear(),4)},GGGGG:function(){return d(this.isoWeekYear(),5)},e:function(){return this.weekday()},E:function(){return this.isoWeekday()},a:function(){return this.lang().meridiem(this.hours(),this.minutes(),!0)},A:function(){return this.lang().meridiem(this.hours(),this.minutes(),!1)},H:function(){return this.hours()},h:function(){return this.hours()%12||12},m:function(){return this.minutes()},s:function(){return this.seconds()},S:function(){return k(this.milliseconds()/100)},SS:function(){return d(k(this.milliseconds()/10),2)},SSS:function(){return d(this.milliseconds(),3)},SSSS:function(){return d(this.milliseconds(),3)},Z:function(){var t=-this.zone(),e="+";return 0>t&&(t=-t,e="-"),e+d(k(t/60),2)+":"+d(k(t)%60,2)},ZZ:function(){var t=-this.zone(),e="+";return 0>t&&(t=-t,e="-"),e+d(k(t/60),2)+d(k(t)%60,2)},z:function(){return this.zoneAbbr()},zz:function(){return this.zoneName()},X:function(){return this.unix()},Q:function(){return this.quarter()}},Xe=["months","monthsShort","weekdays","weekdaysShort","weekdaysMin"];Ve.length;)se=Ve.pop(),$e[se+"o"]=i($e[se],se);for(;Je.length;)se=Je.pop(),$e[se+se]=n($e[se],2);for($e.DDDD=n($e.DDD,3),r(s.prototype,{set:function(t){var e,n;for(n in t)e=t[n],"function"==typeof e?this[n]=e:this["_"+n]=e},_months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),months:function(t){return this._months[t.month()]},_monthsShort:"Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec".split("_"),monthsShort:function(t){return this._monthsShort[t.month()]},monthsParse:function(t){var e,n,i;for(this._monthsParse||(this._monthsParse=[]),e=0;12>e;e++)if(this._monthsParse[e]||(n=ie.utc([2e3,e]),i="^"+this.months(n,"")+"|^"+this.monthsShort(n,""),this._monthsParse[e]=RegExp(i.replace(".",""),"i")),this._monthsParse[e].test(t))return e},_weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),weekdays:function(t){return this._weekdays[t.day()]},_weekdaysShort:"Sun_Mon_Tue_Wed_Thu_Fri_Sat".split("_"),weekdaysShort:function(t){return this._weekdaysShort[t.day()]},_weekdaysMin:"Su_Mo_Tu_We_Th_Fr_Sa".split("_"),weekdaysMin:function(t){return this._weekdaysMin[t.day()]},weekdaysParse:function(t){var e,n,i;for(this._weekdaysParse||(this._weekdaysParse=[]),e=0;7>e;e++)if(this._weekdaysParse[e]||(n=ie([2e3,1]).day(e),i="^"+this.weekdays(n,"")+"|^"+this.weekdaysShort(n,"")+"|^"+this.weekdaysMin(n,""),this._weekdaysParse[e]=RegExp(i.replace(".",""),"i")),this._weekdaysParse[e].test(t))return e},_longDateFormat:{LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D YYYY",LLL:"MMMM D YYYY LT",LLLL:"dddd, MMMM D YYYY LT"},longDateFormat:function(t){var e=this._longDateFormat[t];return!e&&this._longDateFormat[t.toUpperCase()]&&(e=this._longDateFormat[t.toUpperCase()].replace(/MMMM|MM|DD|dddd/g,function(t){return t.slice(1)}),this._longDateFormat[t]=e),e},isPM:function(t){return"p"===(t+"").toLowerCase().charAt(0)},_meridiemParse:/[ap]\.?m?\.?/i,meridiem:function(t,e,n){return t>11?n?"pm":"PM":n?"am":"AM"},_calendar:{sameDay:"[Today at] LT",nextDay:"[Tomorrow at] LT",nextWeek:"dddd [at] LT",lastDay:"[Yesterday at] LT",lastWeek:"[Last] dddd [at] LT",sameElse:"L"},calendar:function(t,e){var n=this._calendar[t];return"function"==typeof n?n.apply(e):n},_relativeTime:{future:"in %s",past:"%s ago",s:"a few seconds",m:"a minute",mm:"%d minutes",h:"an hour",hh:"%d hours",d:"a day",dd:"%d days",M:"a month",MM:"%d months",y:"a year",yy:"%d years"},relativeTime:function(t,e,n,i){var s=this._relativeTime[n];return"function"==typeof s?s(t,e,n,i):s.replace(/%d/i,t)},pastFuture:function(t,e){var n=this._relativeTime[t>0?"future":"past"];return"function"==typeof n?n(e):n.replace(/%s/i,e)},ordinal:function(t){return this._ordinal.replace("%d",t)},_ordinal:"%d",preparse:function(t){return t},postformat:function(t){return t},week:function(t){return $(t,this._week.dow,this._week.doy).week},_week:{dow:0,doy:6},_invalidDate:"Invalid date",invalidDate:function(){return this._invalidDate}}),ie=function(n,i,s,o){var a;return"boolean"==typeof s&&(o=s,s=t),a={},a._isAMomentObject=!0,a._i=n,a._f=i,a._l=s,a._strict=o,a._isUTC=!1,a._pf=e(),B(a)},ie.utc=function(n,i,s,o){var a;return"boolean"==typeof s&&(o=s,s=t),a={},a._isAMomentObject=!0,a._useUTC=!0,a._isUTC=!0,a._l=s,a._i=n,a._f=i,a._strict=o,a._pf=e(),B(a).utc()},ie.unix=function(t){return ie(1e3*t)},ie.duration=function(t,e){var n,i,s,o=t,r=null;return ie.isDuration(t)?o={ms:t._milliseconds,d:t._days,M:t._months}:"number"==typeof t?(o={},e?o[e]=t:o.milliseconds=t):(r=ye.exec(t))?(n="-"===r[1]?-1:1,o={y:0,d:k(r[de])*n,h:k(r[he])*n,m:k(r[ce])*n,s:k(r[fe])*n,ms:k(r[pe])*n}):(r=we.exec(t))&&(n="-"===r[1]?-1:1,s=function(t){var e=t&&parseFloat(t.replace(",","."));return(isNaN(e)?0:e)*n},o={y:s(r[2]),M:s(r[3]),d:s(r[4]),h:s(r[5]),m:s(r[6]),s:s(r[7]),w:s(r[8])}),i=new a(o),ie.isDuration(t)&&t.hasOwnProperty("_lang")&&(i._lang=t._lang),i},ie.version=oe,ie.defaultFormat=ze,ie.updateOffset=function(){},ie.lang=function(t,e){var n;return t?(e?C(D(t),e):null===e?(T(t),t="en"):me[t]||x(t),n=ie.duration.fn._lang=ie.fn._lang=x(t),n._abbr):ie.fn._lang._abbr},ie.langData=function(t){return t&&t._lang&&t._lang._abbr&&(t=t._lang._abbr),x(t)},ie.isMoment=function(t){return t instanceof o||null!=t&&t.hasOwnProperty("_isAMomentObject")},ie.isDuration=function(t){return t instanceof a},se=Xe.length-1;se>=0;--se)v(Xe[se]);for(ie.normalizeUnits=function(t){return m(t)},ie.invalid=function(t){var e=ie.utc(0/0);return null!=t?r(e._pf,t):e._pf.userInvalidated=!0,e},ie.parseZone=function(t){return ie(t).parseZone()},r(ie.fn=o.prototype,{clone:function(){return ie(this)},valueOf:function(){return+this._d+6e4*(this._offset||0)},unix:function(){return Math.floor(+this/1e3)},toString:function(){return this.clone().lang("en").format("ddd MMM DD YYYY HH:mm:ss [GMT]ZZ")},toDate:function(){return this._offset?new Date(+this):this._d},toISOString:function(){var t=ie(this).utc();return t.year()>0&&9999>=t.year()?O(t,"YYYY-MM-DD[T]HH:mm:ss.SSS[Z]"):O(t,"YYYYYY-MM-DD[T]HH:mm:ss.SSS[Z]")},toArray:function(){var t=this;return[t.year(),t.month(),t.date(),t.hours(),t.minutes(),t.seconds(),t.milliseconds()]},isValid:function(){return M(this)},isDSTShifted:function(){return this._a?this.isValid()&&p(this._a,(this._isUTC?ie.utc(this._a):ie(this._a)).toArray())>0:!1},parsingFlags:function(){return r({},this._pf)},invalidAt:function(){return this._pf.overflow},utc:function(){return this.zone(0)},local:function(){return this.zone(0),this._isUTC=!1,this},format:function(t){var e=O(this,t||ie.defaultFormat);return this.lang().postformat(e)},add:function(t,e){var n;return n="string"==typeof t?ie.duration(+e,t):ie.duration(t,e),h(this,n,1),this},subtract:function(t,e){var n;return n="string"==typeof t?ie.duration(+e,t):ie.duration(t,e),h(this,n,-1),this},diff:function(t,e,n){var i,s,o=Y(t,this),a=6e4*(this.zone()-o.zone());return e=m(e),"year"===e||"month"===e?(i=432e5*(this.daysInMonth()+o.daysInMonth()),s=12*(this.year()-o.year())+(this.month()-o.month()),s+=(this-ie(this).startOf("month")-(o-ie(o).startOf("month")))/i,s-=6e4*(this.zone()-ie(this).startOf("month").zone()-(o.zone()-ie(o).startOf("month").zone()))/i,"year"===e&&(s/=12)):(i=this-o,s="second"===e?i/1e3:"minute"===e?i/6e4:"hour"===e?i/36e5:"day"===e?(i-a)/864e5:"week"===e?(i-a)/6048e5:i),n?s:l(s)},from:function(t,e){return ie.duration(this.diff(t)).lang(this.lang()._abbr).humanize(!e)},fromNow:function(t){return this.from(ie(),t)},calendar:function(){var t=Y(ie(),this).startOf("day"),e=this.diff(t,"days",!0),n=-6>e?"sameElse":-1>e?"lastWeek":0>e?"lastDay":1>e?"sameDay":2>e?"nextDay":7>e?"nextWeek":"sameElse";return this.format(this.lang().calendar(n,this))},isLeapYear:function(){return _(this.year())},isDST:function(){return this.zone()+ie(t).startOf(e)},isBefore:function(t,e){return e=e!==void 0?e:"millisecond",+this.clone().startOf(e)<+ie(t).startOf(e)},isSame:function(t,e){return e=e||"ms",+this.clone().startOf(e)===+Y(t,this).startOf(e)},min:function(t){return t=ie.apply(null,arguments),this>t?this:t},max:function(t){return t=ie.apply(null,arguments),t>this?this:t},zone:function(t){var e=this._offset||0;return null==t?this._isUTC?e:this._d.getTimezoneOffset():("string"==typeof t&&(t=W(t)),16>Math.abs(t)&&(t=60*t),this._offset=t,this._isUTC=!0,e!==t&&h(this,ie.duration(e-t,"m"),1,!0),this)},zoneAbbr:function(){return this._isUTC?"UTC":""},zoneName:function(){return this._isUTC?"Coordinated Universal Time":""},parseZone:function(){return this._tzm?this.zone(this._tzm):"string"==typeof this._i&&this.zone(this._i),this},hasAlignedHourOffset:function(t){return t=t?ie(t).zone():0,0===(this.zone()-t)%60},daysInMonth:function(){return y(this.year(),this.month())},dayOfYear:function(t){var e=re((ie(this).startOf("day")-ie(this).startOf("year"))/864e5)+1;return null==t?e:this.add("d",t-e)},quarter:function(){return Math.ceil((this.month()+1)/3)},weekYear:function(t){var e=$(this,this.lang()._week.dow,this.lang()._week.doy).year;return null==t?e:this.add("y",t-e)},isoWeekYear:function(t){var e=$(this,1,4).year;return null==t?e:this.add("y",t-e)},week:function(t){var e=this.lang().week(this);return null==t?e:this.add("d",7*(t-e))},isoWeek:function(t){var e=$(this,1,4).week;return null==t?e:this.add("d",7*(t-e))},weekday:function(t){var e=(this.day()+7-this.lang()._week.dow)%7;return null==t?e:this.add("d",t-e)},isoWeekday:function(t){return null==t?this.day()||7:this.day(this.day()%7?t:t-7)},get:function(t){return t=m(t),this[t]()},set:function(t,e){return t=m(t),"function"==typeof this[t]&&this[t](e),this},lang:function(e){return e===t?this._lang:(this._lang=x(e),this)}}),se=0;Ee.length>se;se++)K(Ee[se].toLowerCase().replace(/s$/,""),Ee[se]);K("year","FullYear"),ie.fn.days=ie.fn.day,ie.fn.months=ie.fn.month,ie.fn.weeks=ie.fn.week,ie.fn.isoWeeks=ie.fn.isoWeek,ie.fn.toJSON=ie.fn.toISOString,r(ie.duration.fn=a.prototype,{_bubble:function(){var t,e,n,i,s=this._milliseconds,o=this._days,a=this._months,r=this._data;r.milliseconds=s%1e3,t=l(s/1e3),r.seconds=t%60,e=l(t/60),r.minutes=e%60,n=l(e/60),r.hours=n%24,o+=l(n/24),r.days=o%30,a+=l(o/30),r.months=a%12,i=l(a/12),r.years=i},weeks:function(){return l(this.days()/7)},valueOf:function(){return this._milliseconds+864e5*this._days+2592e6*(this._months%12)+31536e6*k(this._months/12)},humanize:function(t){var e=+this,n=J(e,!t,this.lang());return t&&(n=this.lang().pastFuture(e,n)),this.lang().postformat(n)},add:function(t,e){var n=ie.duration(t,e);return this._milliseconds+=n._milliseconds,this._days+=n._days,this._months+=n._months,this._bubble(),this},subtract:function(t,e){var n=ie.duration(t,e);return this._milliseconds-=n._milliseconds,this._days-=n._days,this._months-=n._months,this._bubble(),this},get:function(t){return t=m(t),this[t.toLowerCase()+"s"]()},as:function(t){return t=m(t),this["as"+t.charAt(0).toUpperCase()+t.slice(1)+"s"]()},lang:ie.fn.lang,toIsoString:function(){var t=Math.abs(this.years()),e=Math.abs(this.months()),n=Math.abs(this.days()),i=Math.abs(this.hours()),s=Math.abs(this.minutes()),o=Math.abs(this.seconds()+this.milliseconds()/1e3);return this.asSeconds()?(0>this.asSeconds()?"-":"")+"P"+(t?t+"Y":"")+(e?e+"M":"")+(n?n+"D":"")+(i||s||o?"T":"")+(i?i+"H":"")+(s?s+"M":"")+(o?o+"S":""):"P0D"}});for(se in Qe)Qe.hasOwnProperty(se)&&(ee(se,Qe[se]),te(se.toLowerCase()));ee("Weeks",6048e5),ie.duration.fn.asMonths=function(){return(+this-31536e6*this.years())/2592e6+12*this.years()},ie.lang("en",{ordinal:function(t){var e=t%10,n=1===k(t%100/10)?"th":1===e?"st":2===e?"nd":3===e?"rd":"th";return t+n}}),ve?(module.exports=ie,ne(!0)):"function"==typeof define&&define.amd?define("moment",function(e,n,i){return i.config&&i.config()&&i.config().noGlobal!==!0&&ne(i.config().noGlobal===t),ie}):ne()}.call(this); \ No newline at end of file diff --git a/lib/addons/js/form-file.js b/lib/addons/js/form-file.js deleted file mode 100644 index e13167a..0000000 --- a/lib/addons/js/form-file.js +++ /dev/null @@ -1,42 +0,0 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - -(function($, UI){ - - var FormFile = function(element, options) { - - var $this = this, $element = $(element); - - if($element.data("formfile")) return; - - this.options = $.extend({}, FormFile.defaults, options); - - this.element = $element; - - this.input = this.element.find("input[type='text']:first"); - this.file = this.element.find("input[type='file']:first"); - - this.file.on("change", function(){ - $this.input.val(this.value.replace(/^.*[\/\\]/g, '')); - }); - - this.element.data("formfile", this); - }; - - FormFile.defaults = {}; - - UI["formfile"] = FormFile; - - // init code - $(document).on("click.formfile.uikit", "[data-uk-form-file]", function(e) { - - var ele = $(this); - if (!ele.data("formfile")) { - - e.preventDefault(); - - var obj = new FormFile(ele, UI.Utils.options(ele.attr("data-uk-form-file"))); - ele.trigger("click"); - } - }); - -})(jQuery, jQuery.UIkit); \ No newline at end of file diff --git a/lib/addons/js/form-file.min.js b/lib/addons/js/form-file.min.js deleted file mode 100644 index 05641e4..0000000 --- a/lib/addons/js/form-file.min.js +++ /dev/null @@ -1,3 +0,0 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - -(function(t,e){var n=function(e,i){var s=this,o=t(e);o.data("formfile")||(this.options=t.extend({},n.defaults,i),this.element=o,this.input=this.element.find("input[type='text']:first"),this.file=this.element.find("input[type='file']:first"),this.file.on("change",function(){s.input.val(this.value.replace(/^.*[\/\\]/g,""))}),this.element.data("formfile",this))};n.defaults={},e.formfile=n,t(document).on("click.formfile.uikit","[data-uk-form-file]",function(i){var s=t(this);s.data("formfile")||(i.preventDefault(),new n(s,e.Utils.options(s.attr("data-uk-form-file"))),s.trigger("click"))})})(jQuery,jQuery.UIkit); \ No newline at end of file diff --git a/lib/addons/js/form-password.js b/lib/addons/js/form-password.js deleted file mode 100644 index ef23ffb..0000000 --- a/lib/addons/js/form-password.js +++ /dev/null @@ -1,50 +0,0 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - -(function($, UI){ - - var FormPassword = function(element, options) { - - var $this = this, $element = $(element); - - if($element.data("formPassword")) return; - - this.options = $.extend({}, FormPassword.defaults, options); - - this.element = $element.on("click", function(e) { - - e.preventDefault(); - - if($this.input.length) { - var type = $this.input.attr("type"); - $this.input.attr("type", type=="text" ? "password":"text"); - $this.element.text($this.options[type=="text" ? "lblShow":"lblHide"]); - } - }); - - $this.input = this.element.next("input").length ? this.element.next("input") : this.element.prev("input"); - $this.element.text(this.options[$this.input.is("[type='password']") ? "lblShow":"lblHide"]); - - this.element.data("formPassword", this); - }; - - FormPassword.defaults = { - "lblShow": "Show", - "lblHide": "Hide" - }; - - UI["formPassword"] = FormPassword; - - // init code - $(document).on("click.formpassword.uikit", "[data-uk-form-password]", function(e) { - - var ele = $(this); - if (!ele.data("formPassword")) { - - e.preventDefault(); - - var obj = new FormPassword(ele, UI.Utils.options(ele.attr("data-uk-form-password"))); - ele.trigger("click"); - } - }); - -})(jQuery, jQuery.UIkit); \ No newline at end of file diff --git a/lib/addons/js/form-password.min.js b/lib/addons/js/form-password.min.js deleted file mode 100644 index 360bf26..0000000 --- a/lib/addons/js/form-password.min.js +++ /dev/null @@ -1,3 +0,0 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - -(function(t,e){var n=function(e,i){var s=this,o=t(e);o.data("formPassword")||(this.options=t.extend({},n.defaults,i),this.element=o.on("click",function(t){if(t.preventDefault(),s.input.length){var e=s.input.attr("type");s.input.attr("type","text"==e?"password":"text"),s.element.text(s.options["text"==e?"lblShow":"lblHide"])}}),s.input=this.element.next("input").length?this.element.next("input"):this.element.prev("input"),s.element.text(this.options[s.input.is("[type='password']")?"lblShow":"lblHide"]),this.element.data("formPassword",this))};n.defaults={lblShow:"Show",lblHide:"Hide"},e.formPassword=n,t(document).on("click.formpassword.uikit","[data-uk-form-password]",function(i){var s=t(this);s.data("formPassword")||(i.preventDefault(),new n(s,e.Utils.options(s.attr("data-uk-form-password"))),s.trigger("click"))})})(jQuery,jQuery.UIkit); \ No newline at end of file diff --git a/lib/addons/js/markdownarea.js b/lib/addons/js/markdownarea.js deleted file mode 100644 index 3ba74f0..0000000 --- a/lib/addons/js/markdownarea.js +++ /dev/null @@ -1,336 +0,0 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - -(function(global, $, UI){ - - var Markdownarea = function(element, options){ - - var $element = $(element); - - if($element.data("markdownarea")) return; - - this.element = $element; - this.options = $.extend({}, Markdownarea.defaults, options); - - this.init(); - - this.element.data("markdownarea", this); - }; - - $.extend(Markdownarea.prototype, { - - init: function(){ - - var $this = this, tpl = Markdownarea.template; - - tpl = tpl.replace(/\{\:lblPreview\}/g, this.options.lblPreview); - tpl = tpl.replace(/\{\:lblCodeview\}/g, this.options.lblCodeview); - - this.markdownarea = $(tpl); - this.content = this.markdownarea.find(".uk-markdownarea-content"); - this.toolbar = this.markdownarea.find(".uk-markdownarea-toolbar"); - this.preview = this.markdownarea.find(".uk-markdownarea-preview").children().eq(0); - this.code = this.markdownarea.find(".uk-markdownarea-code"); - - this.element.before(this.markdownarea).appendTo(this.code); - - this.editor = CodeMirror.fromTextArea(this.element[0], this.options.codemirror); - - this.editor.markdownarea = this; - - this.editor.on("change", (function(){ - var render = function(){ - - var value = $this.editor.getValue(); - - $this.originalvalue = String(value); - $this.currentvalue = String(value); - - $this.element.trigger("markdownarea-before", [$this]); - - marked($this.currentvalue, function (err, markdown) { - - if (err) throw err; - - $this.preview.html(markdown); - $this.element.val($this.currentvalue).trigger("markdownarea-update", [$this]); - }); - }; - render(); - return UI.Utils.debounce(render, 200); - })()); - - this._buildtoolbar(); - this.fit(); - - $(window).on("resize", UI.Utils.debounce(function(){ - $this.fit(); - }, 200)); - - - var previewContainer = $this.preview.parent(), - codeContent = this.code.find('.CodeMirror-sizer'), - codeScroll = this.code.find('.CodeMirror-scroll').on('scroll',UI.Utils.debounce(function() { - - if($this.markdownarea.attr("data-mode")=="tab") return; - - // calc position - var codeHeight = codeContent.height() - codeScroll.height(), - previewHeight = previewContainer[0].scrollHeight - previewContainer.height(), - ratio = previewHeight / codeHeight, - previewPostition = codeScroll.scrollTop() * ratio; - - // apply new scroll - previewContainer.scrollTop(previewPostition); - }, 10)); - - this.markdownarea.on("click", ".uk-markdown-button-markdown, .uk-markdown-button-preview", function(e){ - - e.preventDefault(); - - if($this.markdownarea.attr("data-mode")=="tab") { - - $this.markdownarea.find(".uk-markdown-button-markdown, .uk-markdown-button-preview").removeClass("uk-active").filter(this).addClass("uk-active"); - - $this.activetab = $(this).hasClass("uk-markdown-button-markdown") ? "code":"preview"; - $this.markdownarea.attr("data-active-tab", $this.activetab); - } - }); - - this.preview.parent().css("height", this.code.height()); - }, - - _buildtoolbar: function(){ - - if(!(this.options.toolbar && this.options.toolbar.length)) return; - - var $this = this, bar = []; - - this.options.toolbar.forEach(function(cmd){ - if(Markdownarea.commands[cmd]) { - - var title = Markdownarea.commands[cmd].title ? Markdownarea.commands[cmd].title : cmd; - - bar.push('
  • '+Markdownarea.commands[cmd].label+'
    • '); - - if(Markdownarea.commands[cmd].shortcut) { - $this.registerShortcut(Markdownarea.commands[cmd].shortcut, Markdownarea.commands[cmd].action); - } - } - }); - - this.toolbar.html(bar.join("\n")); - - this.markdownarea.on("click", "a[data-markdownarea-cmd]", function(){ - var cmd = $(this).data("markdownareaCmd"); - - if(cmd && Markdownarea.commands[cmd] && (!$this.activetab || $this.activetab=="code")) { - Markdownarea.commands[cmd].action.apply($this, [$this.editor]) - } - - }); - }, - - fit: function() { - - var mode = this.options.mode; - - if(mode=="split" && this.markdownarea.width() < this.options.maxsplitsize) { - mode = "tab"; - } - - if(mode=="tab") { - - if(!this.activetab) { - this.activetab = "code"; - this.markdownarea.attr("data-active-tab", this.activetab); - } - - this.markdownarea.find(".uk-markdown-button-markdown, .uk-markdown-button-preview").removeClass("uk-active") - .filter(this.activetab=="code" ? '.uk-markdown-button-markdown':'.uk-markdown-button-preview').addClass("uk-active"); - - } - - this.markdownarea.attr("data-mode", mode); - }, - - registerShortcut: function(combination, callback){ - - var $this = this; - - combination = $.isArray(combination) ? combination : [combination]; - - for(var i=0,max=combination.length;i < max;i++) { - var map = {}; - - map[combination[i]] = function(){ - callback.apply($this, [$this.editor]); - }; - - $this.editor.addKeyMap(map); - } - } - }); - - //jQuery plugin - - $.fn.markdownarea = function(options){ - - return this.each(function(){ - - var ele = $(this); - - if(!ele.data("markdownarea")) { - var obj = new Markdownarea(ele, options); - } - }); - }; - - var baseReplacer = function(replace, editor){ - var text = editor.getSelection(), - markdown = replace.replace('$1', text); - - editor.replaceSelection(markdown, 'end'); - }; - - Markdownarea.commands = { - "fullscreen": { - "title" : 'Fullscreen', - "label" : '', - "action" : function(editor){ - - editor.markdownarea.markdownarea.toggleClass("uk-markdownarea-fullscreen"); - - var wrap = editor.getWrapperElement(); - - if(editor.markdownarea.markdownarea.hasClass("uk-markdownarea-fullscreen")) { - - editor.state.fullScreenRestore = {scrollTop: window.pageYOffset, scrollLeft: window.pageXOffset, width: wrap.style.width, height: wrap.style.height}; - wrap.style.width = ""; - wrap.style.height = editor.markdownarea.content.height()+"px"; - document.documentElement.style.overflow = "hidden"; - - } else { - - document.documentElement.style.overflow = ""; - var info = editor.state.fullScreenRestore; - wrap.style.width = info.width; wrap.style.height = info.height; - window.scrollTo(info.scrollLeft, info.scrollTop); - } - - editor.refresh(); - editor.markdownarea.preview.parent().css("height", editor.markdownarea.code.height()); - } - }, - - "bold" : { - "title" : "Bold", - "label" : '', - "shortcut": ['Ctrl-B', 'Cmd-B'], - "action" : function(editor){ - - baseReplacer("**$1**", editor); - } - }, - "italic" : { - "title" : "Italic", - "label" : '', - "action" : function(editor){ - baseReplacer("*$1*", editor); - } - }, - "strike" : { - "title" : "Strikethrough", - "label" : '', - "action" : function(editor){ - baseReplacer("~~$1~~", editor); - } - }, - "blockquote" : { - "title" : "Blockquote", - "label" : '', - "action" : function(editor){ - baseReplacer("> $1", editor); - } - }, - "link" : { - "title" : "Link", - "label" : '', - "action" : function(editor){ - baseReplacer("[$1](http://)", editor); - } - }, - "picture" : { - "title" : "Picture", - "label" : '', - "action" : function(editor){ - baseReplacer("![$1](http://)", editor); - } - }, - "listUl" : { - "title" : "Unordered List", - "label" : '', - "action" : function(editor){ - baseReplacer("* $1", editor); - } - }, - "listOl" : { - "title" : "Ordered List", - "label" : '', - "action" : function(editor){ - baseReplacer("1. $1", editor); - } - } - } - - Markdownarea.defaults = { - "mode" : "split", - "maxsplitsize" : 1000, - "codemirror" : { mode: 'gfm', tabMode: 'indent', tabindex: "2", lineWrapping: true, dragDrop: false }, - "toolbar" : [ "bold", "italic", "strike", "link", "picture", "blockquote", "listUl", "listOl" ], - "lblPreview" : "Preview", - "lblCodeview" : "Markdown" - }; - - Markdownarea.template = '
    ' + - '
    ' + - '
      ' + - '
      ' + - '' + - '
      ' + - '
      ' + - '
      ' + - '
      ' + - '
      ' + - '
      ' + - '
      '; - - UI["markdownarea"] = Markdownarea; - - // init code - $(function() { - - marked.setOptions({ - gfm: true, - tables: true, - breaks: true, - pedantic: false, - sanitize: false, - smartLists: true, - smartypants: false, - langPrefix: 'lang-' - }); - - $("textarea[data-uk-markdownarea]").each(function() { - var area = $(this), obj; - - if (!area.data("markdownarea")) { - obj = new Markdownarea(area, UI.Utils.options(area.attr("data-uk-markdownarea"))); - } - }); - }); - -})(window, jQuery, jQuery.UIkit); \ No newline at end of file diff --git a/lib/addons/js/markdownarea.min.js b/lib/addons/js/markdownarea.min.js deleted file mode 100644 index 960766d..0000000 --- a/lib/addons/js/markdownarea.min.js +++ /dev/null @@ -1,3 +0,0 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - -(function(t,e,n){var i=function(t,n){var s=e(t);s.data("markdownarea")||(this.element=s,this.options=e.extend({},i.defaults,n),this.init(),this.element.data("markdownarea",this))};e.extend(i.prototype,{init:function(){var t=this,s=i.template;s=s.replace(/\{\:lblPreview\}/g,this.options.lblPreview),s=s.replace(/\{\:lblCodeview\}/g,this.options.lblCodeview),this.markdownarea=e(s),this.content=this.markdownarea.find(".uk-markdownarea-content"),this.toolbar=this.markdownarea.find(".uk-markdownarea-toolbar"),this.preview=this.markdownarea.find(".uk-markdownarea-preview").children().eq(0),this.code=this.markdownarea.find(".uk-markdownarea-code"),this.element.before(this.markdownarea).appendTo(this.code),this.editor=CodeMirror.fromTextArea(this.element[0],this.options.codemirror),this.editor.markdownarea=this,this.editor.on("change",function(){var e=function(){var e=t.editor.getValue();t.originalvalue=e+"",t.currentvalue=e+"",t.element.trigger("markdownarea-before",[t]),marked(t.currentvalue,function(e,n){if(e)throw e;t.preview.html(n),t.element.val(t.currentvalue).trigger("markdownarea-update",[t])})};return e(),n.Utils.debounce(e,200)}()),this._buildtoolbar(),this.fit(),e(window).on("resize",n.Utils.debounce(function(){t.fit()},200));var a=t.preview.parent(),o=this.code.find(".CodeMirror-sizer"),r=this.code.find(".CodeMirror-scroll").on("scroll",n.Utils.debounce(function(){if("tab"!=t.markdownarea.attr("data-mode")){var e=o.height()-r.height(),n=a[0].scrollHeight-a.height(),i=n/e,s=r.scrollTop()*i;a.scrollTop(s)}},10));this.markdownarea.on("click",".uk-markdown-button-markdown, .uk-markdown-button-preview",function(n){n.preventDefault(),"tab"==t.markdownarea.attr("data-mode")&&(t.markdownarea.find(".uk-markdown-button-markdown, .uk-markdown-button-preview").removeClass("uk-active").filter(this).addClass("uk-active"),t.activetab=e(this).hasClass("uk-markdown-button-markdown")?"code":"preview",t.markdownarea.attr("data-active-tab",t.activetab))}),this.preview.parent().css("height",this.code.height())},_buildtoolbar:function(){if(this.options.toolbar&&this.options.toolbar.length){var t=this,n=[];this.options.toolbar.forEach(function(e){if(i.commands[e]){var s=i.commands[e].title?i.commands[e].title:e;n.push('
    • '+i.commands[e].label+"
      • "),i.commands[e].shortcut&&t.registerShortcut(i.commands[e].shortcut,i.commands[e].action)}}),this.toolbar.html(n.join("\n")),this.markdownarea.on("click","a[data-markdownarea-cmd]",function(){var n=e(this).data("markdownareaCmd");!n||!i.commands[n]||t.activetab&&"code"!=t.activetab||i.commands[n].action.apply(t,[t.editor])})}},fit:function(){var t=this.options.mode;"split"==t&&this.markdownarea.width()s;s++){var o={};o[t[s]]=function(){n.apply(i,[i.editor])},i.editor.addKeyMap(o)}}}),e.fn.markdownarea=function(t){return this.each(function(){var n=e(this);n.data("markdownarea")||new i(n,t)})};var s=function(t,e){var n=e.getSelection(),i=t.replace("$1",n);e.replaceSelection(i,"end")};i.commands={fullscreen:{title:"Fullscreen",label:'',action:function(t){t.markdownarea.markdownarea.toggleClass("uk-markdownarea-fullscreen");var e=t.getWrapperElement();if(t.markdownarea.markdownarea.hasClass("uk-markdownarea-fullscreen"))t.state.fullScreenRestore={scrollTop:window.pageYOffset,scrollLeft:window.pageXOffset,width:e.style.width,height:e.style.height},e.style.width="",e.style.height=t.markdownarea.content.height()+"px",document.documentElement.style.overflow="hidden";else{document.documentElement.style.overflow="";var n=t.state.fullScreenRestore;e.style.width=n.width,e.style.height=n.height,window.scrollTo(n.scrollLeft,n.scrollTop)}t.refresh(),t.markdownarea.preview.parent().css("height",t.markdownarea.code.height())}},bold:{title:"Bold",label:'',shortcut:["Ctrl-B","Cmd-B"],action:function(t){s("**$1**",t)}},italic:{title:"Italic",label:'',action:function(t){s("*$1*",t)}},strike:{title:"Strikethrough",label:'',action:function(t){s("~~$1~~",t)}},blockquote:{title:"Blockquote",label:'',action:function(t){s("> $1",t)}},link:{title:"Link",label:'',action:function(t){s("[$1](http://)",t)}},picture:{title:"Picture",label:'',action:function(t){s("![$1](http://)",t)}},listUl:{title:"Unordered List",label:'',action:function(t){s("* $1",t)}},listOl:{title:"Ordered List",label:'',action:function(t){s("1. $1",t)}}},i.defaults={mode:"split",maxsplitsize:1e3,codemirror:{mode:"gfm",tabMode:"indent",tabindex:"2",lineWrapping:!0,dragDrop:!1},toolbar:["bold","italic","strike","link","picture","blockquote","listUl","listOl"],lblPreview:"Preview",lblCodeview:"Markdown"},i.template='
        ',n.markdownarea=i,e(function(){marked.setOptions({gfm:!0,tables:!0,breaks:!0,pedantic:!1,sanitize:!1,smartLists:!0,smartypants:!1,langPrefix:"lang-"}),e("textarea[data-uk-markdownarea]").each(function(){var t,s=e(this);s.data("markdownarea")||(t=new i(s,n.Utils.options(s.attr("data-uk-markdownarea"))))})})})(window,jQuery,jQuery.UIkit); \ No newline at end of file diff --git a/lib/addons/js/notify.js b/lib/addons/js/notify.js deleted file mode 100644 index 8570f8b..0000000 --- a/lib/addons/js/notify.js +++ /dev/null @@ -1,165 +0,0 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - -(function($, UI){ - - var containers = {}, - messages = {}, - - notify = function(options){ - - if ($.type(options) == 'string') { - options = { message: options }; - } - - if (arguments[1]) { - options = $.extend(options, $.type(arguments[1]) == 'string' ? {status:arguments[1]} : arguments[1]); - } - - - - return (new Message(options)).show(); - }, - closeAll = function(group, instantly){ - if(group) { - for(var id in messages) { if(group===messages[id].group) messages[id].close(instantly); } - } else { - for(var id in messages) { messages[id].close(instantly); } - } - }; - - var Message = function(options){ - - var $this = this; - - this.options = $.extend({}, Message.defaults, options); - - this.uuid = "ID"+(new Date().getTime())+"RAND"+(Math.ceil(Math.random() * 100000)); - this.element = $([ - - '
        ', - '', - '
        '+this.options.message+'
        ', - '
        ' - - ].join('')).data("notifyMessage", this); - - // status - if (this.options.status) { - this.element.addClass('uk-notify-message-'+this.options.status); - this.currentstatus = this.options.status; - } - - this.group = this.options.group; - - messages[this.uuid] = this; - - if(!containers[this.options.pos]) { - containers[this.options.pos] = $('
        ').appendTo('body').on("click", ".uk-notify-message", function(){ - $(this).data("notifyMessage").close(); - }); - } - }; - - - $.extend(Message.prototype, { - - uuid: false, - element: false, - timout: false, - currentstatus: "", - group: false, - - show: function() { - - if (this.element.is(":visible")) return; - - var $this = this; - - containers[this.options.pos].show().prepend(this.element); - - var marginbottom = parseInt(this.element.css("margin-bottom"), 10); - - this.element.css({"opacity":0, "margin-top": -1*this.element.outerHeight(), "margin-bottom":0}).animate({"opacity":1, "margin-top": 0, "margin-bottom":marginbottom}, function(){ - - if ($this.options.timeout) { - - var closefn = function(){ $this.close(); }; - - $this.timeout = setTimeout(closefn, $this.options.timeout); - - $this.element.hover( - function() { clearTimeout($this.timeout); }, - function() { $this.timeout = setTimeout(closefn, $this.options.timeout); } - ); - } - - }); - - return this; - }, - - close: function(instantly) { - - var $this = this, - finalize = function(){ - $this.element.remove(); - - if(!containers[$this.options.pos].children().length) { - containers[$this.options.pos].hide(); - } - - delete messages[$this.uuid]; - }; - - if(this.timeout) clearTimeout(this.timeout); - - if(instantly) { - finalize(); - } else { - this.element.animate({"opacity":0, "margin-top": -1* this.element.outerHeight(), "margin-bottom":0}, function(){ - finalize(); - }); - } - }, - - content: function(html){ - - var container = this.element.find(">div"); - - if(!html) { - return container.html(); - } - - container.html(html); - - return this; - }, - - status: function(status) { - - if(!status) { - return this.currentstatus; - } - - this.element.removeClass('uk-notify-message-'+this.currentstatus).addClass('uk-notify-message-'+status); - - this.currentstatus = status; - - return this; - } - }); - - Message.defaults = { - message: "", - status: "", - timeout: 5000, - group: null, - pos: 'top-center' - }; - - - UI["notify"] = notify; - UI["notify"].message = Message; - UI["notify"].closeAll = closeAll; - -})(jQuery, jQuery.UIkit); \ No newline at end of file diff --git a/lib/addons/js/notify.min.js b/lib/addons/js/notify.min.js deleted file mode 100644 index 1930216..0000000 --- a/lib/addons/js/notify.min.js +++ /dev/null @@ -1,3 +0,0 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - -(function(t,e){var n={},i={},s=function(e){return"string"==t.type(e)&&(e={message:e}),arguments[1]&&(e=t.extend(e,"string"==t.type(arguments[1])?{status:arguments[1]}:arguments[1])),new a(e).show()},o=function(t,e){if(t)for(var n in i)t===i[n].group&&i[n].close(e);else for(var n in i)i[n].close(e)},a=function(e){this.options=t.extend({},a.defaults,e),this.uuid="ID"+(new Date).getTime()+"RAND"+Math.ceil(1e5*Math.random()),this.element=t(['
        ','',"
        "+this.options.message+"
        ","
        "].join("")).data("notifyMessage",this),this.options.status&&(this.element.addClass("uk-notify-message-"+this.options.status),this.currentstatus=this.options.status),this.group=this.options.group,i[this.uuid]=this,n[this.options.pos]||(n[this.options.pos]=t('
        ').appendTo("body").on("click",".uk-notify-message",function(){t(this).data("notifyMessage").close()}))};t.extend(a.prototype,{uuid:!1,element:!1,timout:!1,currentstatus:"",group:!1,show:function(){if(!this.element.is(":visible")){var t=this;n[this.options.pos].show().prepend(this.element);var e=parseInt(this.element.css("margin-bottom"),10);return this.element.css({opacity:0,"margin-top":-1*this.element.outerHeight(),"margin-bottom":0}).animate({opacity:1,"margin-top":0,"margin-bottom":e},function(){if(t.options.timeout){var e=function(){t.close()};t.timeout=setTimeout(e,t.options.timeout),t.element.hover(function(){clearTimeout(t.timeout)},function(){t.timeout=setTimeout(e,t.options.timeout)})}}),this}},close:function(t){var e=this,s=function(){e.element.remove(),n[e.options.pos].children().length||n[e.options.pos].hide(),delete i[e.uuid]};this.timeout&&clearTimeout(this.timeout),t?s():this.element.animate({opacity:0,"margin-top":-1*this.element.outerHeight(),"margin-bottom":0},function(){s()})},content:function(t){var e=this.element.find(">div");return t?(e.html(t),this):e.html()},status:function(t){return t?(this.element.removeClass("uk-notify-message-"+this.currentstatus).addClass("uk-notify-message-"+t),this.currentstatus=t,this):this.currentstatus}}),a.defaults={message:"",status:"",timeout:5e3,group:null,pos:"top-center"},e.notify=s,e.notify.message=a,e.notify.closeAll=o})(jQuery,jQuery.UIkit); \ No newline at end of file diff --git a/lib/addons/js/sortable.js b/lib/addons/js/sortable.js deleted file mode 100644 index 7a210f4..0000000 --- a/lib/addons/js/sortable.js +++ /dev/null @@ -1,592 +0,0 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - -/* - * Based on Nestable jQuery Plugin - Copyright (c) 2012 David Bushell - http://dbushell.com/ - */ - -(function($, UI, window, document, undefined) { - var hasTouch = 'ontouchstart' in window, - html = $("html"), - touchedlists = []; - - /** - * Detect CSS pointer-events property - * events are normally disabled on the dragging element to avoid conflicts - * https://github.com/ausi/Feature-detection-technique-for-pointer-events/blob/master/modernizr-pointerevents.js - */ - var hasPointerEvents = (function() - { - var el = document.createElement('div'), - docEl = document.documentElement; - if (!('pointerEvents' in el.style)) { - return false; - } - el.style.pointerEvents = 'auto'; - el.style.pointerEvents = 'x'; - docEl.appendChild(el); - var supports = window.getComputedStyle && window.getComputedStyle(el, '').pointerEvents === 'auto'; - docEl.removeChild(el); - return !!supports; - })(); - - var eStart = hasTouch ? 'touchstart' : 'mousedown', - eMove = hasTouch ? 'touchmove' : 'mousemove', - eEnd = hasTouch ? 'touchend' : 'mouseup', - eCancel = hasTouch ? 'touchcancel' : 'mouseup'; - - function Plugin(element, options) - { - var $element = $(element); - - if($element.data("uksortable")) return; - - - this.w = $(window); - this.el = $element; - this.options = $.extend({}, $.fn.uksortable.defaults, options); - - this.tplempty = '
        '; - - this.el.find(">"+this.options.itemNodeName).addClass(this.options.listitemClass).end().find("ul:not(.ignore-list)").addClass(this.options.listClass).find(">li").addClass(this.options.listitemClass); - - if(!this.el.children(this.options.itemNodeName).length) { - this.el.append(this.tplempty); - } - - this.el.data("uksortable", this); - this.el.data("uksortable-id", "ID"+(new Date().getTime())+"RAND"+(Math.ceil(Math.random() *100000))); - - this.init(); - } - - Plugin.prototype = { - - init: function() - { - var list = this; - - list.reset(); - - list.el.data('uksortable-group', this.options.group); - - list.placeEl = $('
        '); - - $.each(this.el.find(list.options.itemNodeName), function(k, el) - { - list.setParent($(el)); - }); - - list.el.on('click', '[data-sortable-action]', function(e) - { - if (list.dragEl || (!hasTouch && e.button !== 0)) { - return; - } - - e.preventDefault(); - - var target = $(e.currentTarget), - action = target.data('sortableAction'), - item = target.closest(list.options.itemNodeName); - if (action === 'collapse') { - list.collapseItem(item); - } - if (action === 'expand') { - list.expandItem(item); - } - if (action === 'toggle') { - list.toggleItem(item); - } - }); - - var onStartEvent = function(e) - { - var handle = $(e.target); - if (!handle.hasClass(list.options.handleClass)) { - if (handle.closest('.' + list.options.noDragClass).length) { - return; - } - handle = handle.closest('.' + list.options.handleClass); - } - if (!handle.length || list.dragEl || (!hasTouch && e.button !== 0) || (hasTouch && e.touches.length !== 1)) { - return; - } - e.preventDefault(); - list.dragStart(hasTouch ? e.touches[0] : e); - }; - - var onMoveEvent = function(e) - { - if (list.dragEl) { - e.preventDefault(); - list.dragMove(hasTouch ? e.touches[0] : e); - } - }; - - var onEndEvent = function(e) - { - if (list.dragEl) { - e.preventDefault(); - list.dragStop(hasTouch ? e.touches[0] : e); - } - }; - - if (hasTouch) { - list.el[0].addEventListener(eStart, onStartEvent, false); - window.addEventListener(eMove, onMoveEvent, false); - window.addEventListener(eEnd, onEndEvent, false); - window.addEventListener(eCancel, onEndEvent, false); - } else { - list.el.on(eStart, onStartEvent); - list.w.on(eMove, onMoveEvent); - list.w.on(eEnd, onEndEvent); - } - - }, - - serialize: function() - { - var data, - depth = 0, - list = this; - step = function(level, depth) - { - var array = [ ], - items = level.children(list.options.itemNodeName); - items.each(function() - { - var li = $(this), - item = $.extend({}, li.data()), - sub = li.children(list.options.listNodeName); - if (sub.length) { - item.children = step(sub, depth + 1); - } - array.push(item); - }); - return array; - }; - data = step(list.el, depth); - return data; - }, - - list: function(options) - { - var data = [], - list = this, - depth = 0, - options = $.extend({}, list.options, options), - step = function(level, depth, parent) - { - var items = level.children(options.itemNodeName); - items.each(function(index) - { - var li = $(this), - item = $.extend({parent_id: (parent ? parent : null), depth: depth, order: index}, li.data()), - sub = li.children(options.listNodeName); - - data.push(item); - if (sub.length) { - step(sub, depth + 1, li.data(options.idProperty || 'id')); - } - }); - }; - step(list.el, depth); - return data; - }, - - reset: function() - { - this.mouse = { - offsetX : 0, - offsetY : 0, - startX : 0, - startY : 0, - lastX : 0, - lastY : 0, - nowX : 0, - nowY : 0, - distX : 0, - distY : 0, - dirAx : 0, - dirX : 0, - dirY : 0, - lastDirX : 0, - lastDirY : 0, - distAxX : 0, - distAxY : 0 - }; - this.moving = false; - this.dragEl = null; - this.dragRootEl = null; - this.dragDepth = 0; - this.hasNewRoot = false; - this.pointEl = null; - - for(var i=0; i this.dragDepth) { - this.dragDepth = depth; - } - } - - html.addClass(this.options.movingClass); - }, - - dragStop: function(e) - { - // fix for zepto.js - //this.placeEl.replaceWith(this.dragEl.children(this.options.itemNodeName + ':first').detach()); - var el = this.dragEl.children(this.options.itemNodeName).first(); - el[0].parentNode.removeChild(el[0]); - this.placeEl.replaceWith(el); - - this.dragEl.remove(); - - if (this.tmpDragOnSiblings[0]!=el[0].previousSibling || this.tmpDragOnSiblings[0]!=el[0].previousSibling) { - - this.el.trigger('sortable-change',[el, this.hasNewRoot ? "added":"moved"]); - - if (this.hasNewRoot) { - this.dragRootEl.trigger('sortable-change', [el, "removed"]); - } - } - - this.reset(); - - html.removeClass(this.options.movingClass); - }, - - dragMove: function(e) - { - var list, parent, prev, next, depth, - opt = this.options, - mouse = this.mouse; - - this.dragEl.css({ - left : e.pageX - mouse.offsetX, - top : e.pageY - mouse.offsetY - }); - - // mouse position last events - mouse.lastX = mouse.nowX; - mouse.lastY = mouse.nowY; - // mouse position this events - mouse.nowX = e.pageX; - mouse.nowY = e.pageY; - // distance mouse moved between events - mouse.distX = mouse.nowX - mouse.lastX; - mouse.distY = mouse.nowY - mouse.lastY; - // direction mouse was moving - mouse.lastDirX = mouse.dirX; - mouse.lastDirY = mouse.dirY; - // direction mouse is now moving (on both axis) - mouse.dirX = mouse.distX === 0 ? 0 : mouse.distX > 0 ? 1 : -1; - mouse.dirY = mouse.distY === 0 ? 0 : mouse.distY > 0 ? 1 : -1; - // axis mouse is now moving on - var newAx = Math.abs(mouse.distX) > Math.abs(mouse.distY) ? 1 : 0; - - // do nothing on first move - if (!mouse.moving) { - mouse.dirAx = newAx; - mouse.moving = true; - return; - } - - // calc distance moved on this axis (and direction) - if (mouse.dirAx !== newAx) { - mouse.distAxX = 0; - mouse.distAxY = 0; - } else { - mouse.distAxX += Math.abs(mouse.distX); - if (mouse.dirX !== 0 && mouse.dirX !== mouse.lastDirX) { - mouse.distAxX = 0; - } - mouse.distAxY += Math.abs(mouse.distY); - if (mouse.dirY !== 0 && mouse.dirY !== mouse.lastDirY) { - mouse.distAxY = 0; - } - } - mouse.dirAx = newAx; - - /** - * move horizontal - */ - if (mouse.dirAx && mouse.distAxX >= opt.threshold) { - // reset move distance on x-axis for new phase - mouse.distAxX = 0; - prev = this.placeEl.prev(opt.itemNodeName); - // increase horizontal level if previous sibling exists and is not collapsed - if (mouse.distX > 0 && prev.length && !prev.hasClass(opt.collapsedClass)) { - // cannot increase level when item above is collapsed - list = prev.find(opt.listNodeName).last(); - // check if depth limit has reached - depth = this.placeEl.parents(opt.listNodeName).length; - if (depth + this.dragDepth <= opt.maxDepth) { - // create new sub-level if one doesn't exist - if (!list.length) { - list = $('<' + opt.listNodeName + '/>').addClass(opt.listClass); - list.append(this.placeEl); - prev.append(list); - this.setParent(prev); - } else { - // else append to next level up - list = prev.children(opt.listNodeName).last(); - list.append(this.placeEl); - } - } - } - // decrease horizontal level - if (mouse.distX < 0) { - // we can't decrease a level if an item preceeds the current one - next = this.placeEl.next(opt.itemNodeName); - if (!next.length) { - parent = this.placeEl.parent(); - this.placeEl.closest(opt.itemNodeName).after(this.placeEl); - if (!parent.children().length) { - this.unsetParent(parent.parent()); - } - } - } - } - - var isEmpty = false; - - // find list item under cursor - if (!hasPointerEvents) { - this.dragEl[0].style.visibility = 'hidden'; - } - this.pointEl = $(document.elementFromPoint(e.pageX - document.body.scrollLeft, e.pageY - (window.pageYOffset || document.documentElement.scrollTop))); - if (!hasPointerEvents) { - this.dragEl[0].style.visibility = 'visible'; - } - - if (this.pointEl.hasClass(opt.handleClass)) { - this.pointEl = this.pointEl.closest(opt.itemNodeName); - } else { - - var sortableitem = this.pointEl.closest('.'+opt.itemClass); - - if(sortableitem.length) { - this.pointEl = sortableitem.closest(opt.itemNodeName); - } - } - - if (this.pointEl.hasClass(opt.emptyClass)) { - isEmpty = true; - } - else if (this.pointEl.data('uksortable') && !this.pointEl.children().length) { - isEmpty = true; - this.pointEl = $(this.tplempty).appendTo(this.pointEl); - } - else if (!this.pointEl.length || !this.pointEl.hasClass(opt.listitemClass)) { - return; - } - - // find parent list of item under cursor - var pointElRoot = this.el, - tmpRoot = this.pointEl.closest('.'+this.options.listBaseClass), - isNewRoot = pointElRoot[0] !== this.pointEl.closest('.'+this.options.listBaseClass)[0], - $newRoot = tmpRoot; - - /** - * move vertical - */ - if (!mouse.dirAx || isNewRoot || isEmpty) { - // check if groups match if dragging over new root - if (isNewRoot && opt.group !== $newRoot.data('uksortable-group')) { - return; - } else { - touchedlists.push(pointElRoot); - } - - // check depth limit - depth = this.dragDepth - 1 + this.pointEl.parents(opt.listNodeName).length; - if (depth > opt.maxDepth) { - return; - } - var before = e.pageY < (this.pointEl.offset().top + this.pointEl.height() / 2); - parent = this.placeEl.parent(); - // if empty create new list to replace empty placeholder - if (isEmpty) { - this.pointEl.replaceWith(this.placeEl); - } - else if (before) { - this.pointEl.before(this.placeEl); - } - else { - this.pointEl.after(this.placeEl); - } - if (!parent.children().length) { - if(!parent.data("uksortable")) this.unsetParent(parent.parent()); - } - if (!this.dragRootEl.find(opt.itemNodeName).length && !this.dragRootEl.children().length) { - this.dragRootEl.append(this.tplempty); - } - - // parent root list has changed - if (isNewRoot) { - this.dragRootEl = tmpRoot; - this.hasNewRoot = this.el[0] !== this.dragRootEl[0]; - } - } - } - - }; - - $.fn.uksortable = function(params) - { - var lists = this, - retval = this; - - lists.each(function() - { - var element = $(this), - plugin = element.data("uksortable"); - - if (!plugin) { - plugin = new Plugin(element, params); - } else { - if (typeof params === 'string' && typeof plugin[params] === 'function') { - retval = plugin[params](); - } - } - }); - - return retval || lists; - }; - - $.fn.uksortable.defaults = { - prefix : 'uk', - listNodeName : 'ul', - itemNodeName : 'li', - listBaseClass : '{prefix}-sortable', - listClass : '{prefix}-sortable-list', - listitemClass : '{prefix}-sortable-list-item', - itemClass : '{prefix}-sortable-item', - dragClass : '{prefix}-sortable-list-dragged', - movingClass : '{prefix}-sortable-moving', - handleClass : '{prefix}-sortable-handle', - collapsedClass : '{prefix}-collapsed', - placeClass : '{prefix}-sortable-placeholder', - noDragClass : '{prefix}-sortable-nodrag', - emptyClass : '{prefix}-sortable-empty', - group : 0, - maxDepth : 10, - threshold : 20 - }; - - $(document).on("uk-domready", function(e) { - - $("[data-uk-sortable]").each(function(){ - - var ele = $(this), - options = $.extend({}, $.fn.uksortable.defaults, UI.Utils.options(ele.attr("data-uk-sortable"))); - - Object.keys(options).forEach(function(key){ - - if(String(options[key]).indexOf('{prefix}')!=-1) { - options[key] = options[key].replace('{prefix}', options.prefix); - } - }); - - if(!ele.data("uksortable")) { - ele.uksortable(options); - } - }); - }); - -})(window.jQuery, jQuery.UIkit, window, document); \ No newline at end of file diff --git a/lib/addons/js/sortable.min.js b/lib/addons/js/sortable.min.js deleted file mode 100644 index c7361f6..0000000 --- a/lib/addons/js/sortable.min.js +++ /dev/null @@ -1,3 +0,0 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - -(function(t,e,i,n){function s(e,n){var s=t(e);s.data("uksortable")||(this.w=t(i),this.el=s,this.options=t.extend({},t.fn.uksortable.defaults,n),this.tplempty='
        ',this.el.find(">"+this.options.itemNodeName).addClass(this.options.listitemClass).end().find("ul:not(.ignore-list)").addClass(this.options.listClass).find(">li").addClass(this.options.listitemClass),this.el.children(this.options.itemNodeName).length||this.el.append(this.tplempty),this.el.data("uksortable",this),this.el.data("uksortable-id","ID"+(new Date).getTime()+"RAND"+Math.ceil(1e5*Math.random())),this.init())}var o="ontouchstart"in i,a=t("html"),r=[],l=function(){var t=n.createElement("div"),e=n.documentElement;if(!("pointerEvents"in t.style))return!1;t.style.pointerEvents="auto",t.style.pointerEvents="x",e.appendChild(t);var s=i.getComputedStyle&&"auto"===i.getComputedStyle(t,"").pointerEvents;return e.removeChild(t),!!s}(),u=o?"touchstart":"mousedown",d=o?"touchmove":"mousemove",h=o?"touchend":"mouseup",c=o?"touchcancel":"mouseup";s.prototype={init:function(){var e=this;e.reset(),e.el.data("uksortable-group",this.options.group),e.placeEl=t('
        '),t.each(this.el.find(e.options.itemNodeName),function(i,n){e.setParent(t(n))}),e.el.on("click","[data-sortable-action]",function(i){if(!e.dragEl&&(o||0===i.button)){i.preventDefault();var n=t(i.currentTarget),s=n.data("sortableAction"),a=n.closest(e.options.itemNodeName);"collapse"===s&&e.collapseItem(a),"expand"===s&&e.expandItem(a),"toggle"===s&&e.toggleItem(a)}});var n=function(i){var n=t(i.target);if(!n.hasClass(e.options.handleClass)){if(n.closest("."+e.options.noDragClass).length)return;n=n.closest("."+e.options.handleClass)}!n.length||e.dragEl||!o&&0!==i.button||o&&1!==i.touches.length||(i.preventDefault(),e.dragStart(o?i.touches[0]:i))},s=function(t){e.dragEl&&(t.preventDefault(),e.dragMove(o?t.touches[0]:t))},a=function(t){e.dragEl&&(t.preventDefault(),e.dragStop(o?t.touches[0]:t))};o?(e.el[0].addEventListener(u,n,!1),i.addEventListener(d,s,!1),i.addEventListener(h,a,!1),i.addEventListener(c,a,!1)):(e.el.on(u,n),e.w.on(d,s),e.w.on(h,a))},serialize:function(){var e,i=0,n=this;return step=function(e,i){var s=[],o=e.children(n.options.itemNodeName);return o.each(function(){var e=t(this),o=t.extend({},e.data()),a=e.children(n.options.listNodeName);a.length&&(o.children=step(a,i+1)),s.push(o)}),s},e=step(n.el,i)},list:function(e){var i=[],n=this,s=0,e=t.extend({},n.options,e),o=function(n,s,a){var r=n.children(e.itemNodeName);r.each(function(n){var r=t(this),l=t.extend({parent_id:a?a:null,depth:s,order:n},r.data()),u=r.children(e.listNodeName);i.push(l),u.length&&o(u,s+1,r.data(e.idProperty||"id"))})};return o(n.el,s),i},reset:function(){this.mouse={offsetX:0,offsetY:0,startX:0,startY:0,lastX:0,lastY:0,nowX:0,nowY:0,distX:0,distY:0,dirAx:0,dirX:0,dirY:0,lastDirX:0,lastDirY:0,distAxX:0,distAxY:0},this.moving=!1,this.dragEl=null,this.dragRootEl=null,this.dragDepth=0,this.hasNewRoot=!1,this.pointEl=null;for(var t=0;r.length>t;t++)r[t].children().length||r[t].append(this.tplempty);r=[]},toggleItem:function(t){this[t.hasClass(this.options.collapsedClass)?"expandItem":"collapseItem"](t)},expandItem:function(t){t.removeClass(this.options.collapsedClass)},collapseItem:function(t){var e=t.children(this.options.listNodeName);e.length&&t.addClass(this.options.collapsedClass)},expandAll:function(){var e=this;e.el.find(e.options.itemNodeName).each(function(){e.expandItem(t(this))})},collapseAll:function(){var e=this;e.el.find(e.options.itemNodeName).each(function(){e.collapseItem(t(this))})},setParent:function(t){t.children(this.options.listNodeName).length&&t.addClass("uk-parent")},unsetParent:function(t){t.removeClass("uk-parent "+this.options.collapsedClass),t.children(this.options.listNodeName).remove()},dragStart:function(e){var i=this.mouse,s=t(e.target),o=s.closest(this.options.itemNodeName),r=o.offset();this.placeEl.css("height",o.height()),i.offsetX=e.pageX-r.left,i.offsetY=e.pageY-r.top,i.startX=i.lastX=r.left,i.startY=i.lastY=r.top,this.dragRootEl=this.el,this.dragEl=t(n.createElement(this.options.listNodeName)).addClass(this.options.listClass+" "+this.options.dragClass),this.dragEl.css("width",o.width()),this.tmpDragOnSiblings=[o[0].previousSibling,o[0].nextSibling],o.after(this.placeEl),o[0].parentNode.removeChild(o[0]),o.appendTo(this.dragEl),t(n.body).append(this.dragEl),this.dragEl.css({left:r.left,top:r.top});var l,u,d=this.dragEl.find(this.options.itemNodeName);for(l=0;d.length>l;l++)u=t(d[l]).parents(this.options.listNodeName).length,u>this.dragDepth&&(this.dragDepth=u);a.addClass(this.options.movingClass)},dragStop:function(){var t=this.dragEl.children(this.options.itemNodeName).first();t[0].parentNode.removeChild(t[0]),this.placeEl.replaceWith(t),this.dragEl.remove(),(this.tmpDragOnSiblings[0]!=t[0].previousSibling||this.tmpDragOnSiblings[0]!=t[0].previousSibling)&&(this.el.trigger("sortable-change",[t,this.hasNewRoot?"added":"moved"]),this.hasNewRoot&&this.dragRootEl.trigger("sortable-change",[t,"removed"])),this.reset(),a.removeClass(this.options.movingClass)},dragMove:function(e){var s,o,a,u,d,h=this.options,c=this.mouse;this.dragEl.css({left:e.pageX-c.offsetX,top:e.pageY-c.offsetY}),c.lastX=c.nowX,c.lastY=c.nowY,c.nowX=e.pageX,c.nowY=e.pageY,c.distX=c.nowX-c.lastX,c.distY=c.nowY-c.lastY,c.lastDirX=c.dirX,c.lastDirY=c.dirY,c.dirX=0===c.distX?0:c.distX>0?1:-1,c.dirY=0===c.distY?0:c.distY>0?1:-1;var f=Math.abs(c.distX)>Math.abs(c.distY)?1:0;if(!c.moving)return c.dirAx=f,c.moving=!0,undefined;c.dirAx!==f?(c.distAxX=0,c.distAxY=0):(c.distAxX+=Math.abs(c.distX),0!==c.dirX&&c.dirX!==c.lastDirX&&(c.distAxX=0),c.distAxY+=Math.abs(c.distY),0!==c.dirY&&c.dirY!==c.lastDirY&&(c.distAxY=0)),c.dirAx=f,c.dirAx&&c.distAxX>=h.threshold&&(c.distAxX=0,a=this.placeEl.prev(h.itemNodeName),c.distX>0&&a.length&&!a.hasClass(h.collapsedClass)&&(s=a.find(h.listNodeName).last(),d=this.placeEl.parents(h.listNodeName).length,d+this.dragDepth<=h.maxDepth&&(s.length?(s=a.children(h.listNodeName).last(),s.append(this.placeEl)):(s=t("<"+h.listNodeName+"/>").addClass(h.listClass),s.append(this.placeEl),a.append(s),this.setParent(a)))),0>c.distX&&(u=this.placeEl.next(h.itemNodeName),u.length||(o=this.placeEl.parent(),this.placeEl.closest(h.itemNodeName).after(this.placeEl),o.children().length||this.unsetParent(o.parent()))));var p=!1;if(l||(this.dragEl[0].style.visibility="hidden"),this.pointEl=t(n.elementFromPoint(e.pageX-n.body.scrollLeft,e.pageY-(i.pageYOffset||n.documentElement.scrollTop))),l||(this.dragEl[0].style.visibility="visible"),this.pointEl.hasClass(h.handleClass))this.pointEl=this.pointEl.closest(h.itemNodeName);else{var m=this.pointEl.closest("."+h.itemClass);m.length&&(this.pointEl=m.closest(h.itemNodeName))}if(this.pointEl.hasClass(h.emptyClass))p=!0;else if(this.pointEl.data("uksortable")&&!this.pointEl.children().length)p=!0,this.pointEl=t(this.tplempty).appendTo(this.pointEl);else if(!this.pointEl.length||!this.pointEl.hasClass(h.listitemClass))return;var g=this.el,v=this.pointEl.closest("."+this.options.listBaseClass),k=g[0]!==this.pointEl.closest("."+this.options.listBaseClass)[0],w=v;if(!c.dirAx||k||p){if(k&&h.group!==w.data("uksortable-group"))return;if(r.push(g),d=this.dragDepth-1+this.pointEl.parents(h.listNodeName).length,d>h.maxDepth)return;var y=e.pageY dwh) ? dwh - scrollTop : 0; - - for (var i = 0; i < sticked.length; i++) { - - if(!sticked[i].stickyElement.is(":visible")) { - continue; - } - - var s = sticked[i], elementTop = s.stickyWrapper.offset().top, etse = elementTop - s.top - extra; - - if (scrollTop <= etse) { - - if (s.currentTop !== null) { - s.stickyElement.css({"position":"", "top":"", "width":""}).parent().removeClass(s.clsactive); - s.currentTop = null; - } - - } else { - - var newTop = documentHeight - s.stickyElement.outerHeight() - s.top - s.bottom - scrollTop - extra; - - newTop = newTop<0 ? newTop + s.top : s.top; - - if (s.currentTop != newTop) { - s.stickyElement.css({"position": "fixed", "top": newTop, "width": s.stickyElement.width()}); - - if (typeof s.getWidthFrom !== 'undefined') { - s.stickyElement.css('width', $(s.getWidthFrom).width()); - } - - s.stickyElement.parent().addClass(s.clsactive); - s.currentTop = newTop; - } - } - } - - }, - - resizer = function() { - windowHeight = $window.height(); - }, - - methods = { - - init: function(options) { - - var o = $.extend({}, defaults, options); - - return this.each(function() { - - var stickyElement = $(this); - - if(stickyElement.data("sticky")) return; - - var stickyId = stickyElement.attr('id') || ("s"+Math.ceil(Math.random()*10000)), - wrapper = $('
        ').attr('id', stickyId + '-sticky-wrapper').addClass(o.clswrapper); - - stickyElement.wrapAll(wrapper); - - if (stickyElement.css("float") == "right") { - stickyElement.css({"float":"none"}).parent().css({"float":"right"}); - } - - stickyElement.data("sticky", true); - - var stickyWrapper = stickyElement.parent(); - stickyWrapper.css('height', stickyElement.outerHeight()); - sticked.push({ - top: o.top, - bottom: o.bottom, - stickyElement: stickyElement, - currentTop: null, - stickyWrapper: stickyWrapper, - clsactive: o.clsactive, - getWidthFrom: o.getWidthFrom - }); - }); - }, - - update: scroller - }; - - // should be more efficient than using $window.scroll(scroller) and $window.resize(resizer): - if (window.addEventListener) { - window.addEventListener('scroll', scroller, false); - window.addEventListener('resize', resizer, false); - } else if (window.attachEvent) { - window.attachEvent('onscroll', scroller); - window.attachEvent('onresize', resizer); - } - - $.fn.uksticky = function(method) { - if (methods[method]) { - return methods[method].apply(this, Array.prototype.slice.call(arguments, 1)); - } else if (typeof method === 'object' || !method ) { - return methods.init.apply( this, arguments ); - } else { - $.error('Method ' + method + ' does not exist on jQuery.sticky'); - } - }; - - $(document).on("uk-domready", function(e) { - setTimeout(function(){ - - scroller(); - - $("[data-uk-sticky]").each(function(){ - - var $ele = $(this); - - if(!$ele.data("sticky")) $ele.uksticky(UI.Utils.options($ele.attr('data-uk-sticky'))); - }); - }, 0); - }); - -})(this, jQuery, jQuery.UIkit, jQuery(window), jQuery(document)); \ No newline at end of file diff --git a/lib/addons/js/sticky.min.js b/lib/addons/js/sticky.min.js deleted file mode 100644 index 46dc5ca..0000000 --- a/lib/addons/js/sticky.min.js +++ /dev/null @@ -1,3 +0,0 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - -(function(t,e,i,n,s){var o={top:0,bottom:0,clsactive:"uk-sticky-active",clswrapper:"uk-sticky-wrapper",getWidthFrom:""},a=[],r=n.height(),l=function(){for(var t=n.scrollTop(),i=s.height(),o=i-r,l=t>o?o-t:0,u=0;a.length>u;u++)if(a[u].stickyElement.is(":visible")){var d=a[u],h=d.stickyWrapper.offset().top,c=h-d.top-l;if(c>=t)null!==d.currentTop&&(d.stickyElement.css({position:"",top:"",width:""}).parent().removeClass(d.clsactive),d.currentTop=null);else{var f=i-d.stickyElement.outerHeight()-d.top-d.bottom-t-l;f=0>f?f+d.top:d.top,d.currentTop!=f&&(d.stickyElement.css({position:"fixed",top:f,width:d.stickyElement.width()}),d.getWidthFrom!==void 0&&d.stickyElement.css("width",e(d.getWidthFrom).width()),d.stickyElement.parent().addClass(d.clsactive),d.currentTop=f)}}},u=function(){r=n.height()},d={init:function(t){var i=e.extend({},o,t);return this.each(function(){var t=e(this);if(!t.data("sticky")){var n=t.attr("id")||"s"+Math.ceil(1e4*Math.random()),s=e("
        ").attr("id",n+"-sticky-wrapper").addClass(i.clswrapper);t.wrapAll(s),"right"==t.css("float")&&t.css({"float":"none"}).parent().css({"float":"right"}),t.data("sticky",!0);var o=t.parent();o.css("height",t.outerHeight()),a.push({top:i.top,bottom:i.bottom,stickyElement:t,currentTop:null,stickyWrapper:o,clsactive:i.clsactive,getWidthFrom:i.getWidthFrom})}})},update:l};window.addEventListener?(window.addEventListener("scroll",l,!1),window.addEventListener("resize",u,!1)):window.attachEvent&&(window.attachEvent("onscroll",l),window.attachEvent("onresize",u)),e.fn.uksticky=function(t){return d[t]?d[t].apply(this,Array.prototype.slice.call(arguments,1)):"object"!=typeof t&&t?(e.error("Method "+t+" does not exist on jQuery.sticky"),void 0):d.init.apply(this,arguments)},e(document).on("uk-domready",function(){setTimeout(function(){l(),e("[data-uk-sticky]").each(function(){var t=e(this);t.data("sticky")||t.uksticky(i.Utils.options(t.attr("data-uk-sticky")))})},0)})})(this,jQuery,jQuery.UIkit,jQuery(window),jQuery(document)); \ No newline at end of file diff --git a/lib/addons/js/timepicker.js b/lib/addons/js/timepicker.js deleted file mode 100644 index 9599329..0000000 --- a/lib/addons/js/timepicker.js +++ /dev/null @@ -1,521 +0,0 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - -/* - * Based on https://github.com/jdewit/bootstrap-timepicker - */ - -(function(global, $, UI){ - - // Timepicker - - var TimePicker = function(element, options) { - - var $this = this, $element = $(element); - - if($element.data("timepicker")) return; - - this.$element = $element; - this.element = this.$element[0]; - this.options = $.extend({}, TimePicker.defaults, options); - - this.$element.on({ - 'focus.timepicker.uikit' : $.proxy(this.highlightUnit, this), - 'click.timepicker.uikit' : $.proxy(this.highlightUnit, this), - 'keydown.timepicker.uikit': $.proxy(this.onKeydown, this), - 'blur.timepicker.uikit' : $.proxy(this.blurElement, this) - }); - - this.setDefaultTime(this.options.defaultTime); - - this.element.data("timepicker", this); - }; - - TimePicker.defaults = { - defaultTime: 'current', - disableFocus: false, - minuteStep: 15, - secondStep: 15, - showSeconds: false, - showMeridian: false - }; - - $.extend(TimePicker.prototype, { - - setDefaultTime: function(defaultTime){ - - if (!this.element.value) { - - if (defaultTime === 'current') { - - var d = new Date(); - - this.hour = d.getHours(), - this.minute = Math.floor(d.getMinutes() / this.options.minuteStep) * this.options.minuteStep, - this.second = Math.floor(d.getSeconds() / this.options.secondStep) * this.options.secondStep, - this.meridian = 'AM'; - - if (this.options.showMeridian) { - if (this.hour === 0) { - this.hour = 12; - } else if (this.hour >= 12) { - if (this.hour > 12) this.hour = this.hour - 12; - this.meridian = 'PM'; - } else { - this.meridian = 'AM'; - } - } - - this.update(); - - } else if (defaultTime === false) { - this.hour = 0; - this.minute = 0; - this.second = 0; - this.meridian = 'AM'; - } else { - this.setTime(defaultTime); - } - - } else { - this.updateFromElementVal(); - } - }, - - setTime: function(time) { - var arr, timeArray; - - if (this.options.showMeridian) { - arr = time.split(' '); - timeArray = arr[0].split(':'); - this.meridian = arr[1]; - } else { - timeArray = time.split(':'); - } - - this.hour = parseInt(timeArray[0], 10); - this.minute = parseInt(timeArray[1], 10); - this.second = parseInt(timeArray[2], 10); - - if (isNaN(this.hour)) this.hour = 0; - if (isNaN(this.minute)) this.minute = 0; - - if (this.options.showMeridian) { - if (this.hour > 12) { - this.hour = 12; - } else if (this.hour < 1) { - this.hour = 12; - } - - if (this.meridian === 'am' || this.meridian === 'a') { - this.meridian = 'AM'; - } else if (this.meridian === 'pm' || this.meridian === 'p') { - this.meridian = 'PM'; - } - - if (this.meridian !== 'AM' && this.meridian !== 'PM') { - this.meridian = 'AM'; - } - - } else { - - if (this.hour >= 24) { - this.hour = 23; - } else if (this.hour < 0) { - this.hour = 0; - } - } - - if (this.minute < 0) { - this.minute = 0; - } else if (this.minute >= 60) { - this.minute = 59; - } - - if (this.options.showSeconds) { - if (isNaN(this.second)) { - this.second = 0; - } else if (this.second < 0) { - this.second = 0; - } else if (this.second >= 60) { - this.second = 59; - } - } - - this.update(); - }, - - blurElement: function() { - this.highlightedUnit = undefined; - this.updateFromElementVal(); - }, - - decrementHour: function() { - if (this.options.showMeridian) { - if (this.hour === 1) { - this.hour = 12; - } else if (this.hour === 12) { - this.hour--; - - return this.toggleMeridian(); - } else if (this.hour === 0) { - this.hour = 11; - - return this.toggleMeridian(); - } else { - this.hour--; - } - } else { - if (this.hour === 0) { - this.hour = 23; - } else { - this.hour--; - } - } - this.update(); - }, - - decrementMinute: function(step) { - - var newVal = (step) ? this.minute - step : this.minute - this.options.minuteStep; - - if (newVal < 0) { - this.decrementHour(); - this.minute = newVal + 60; - } else { - this.minute = newVal; - } - this.update(); - }, - - decrementSecond: function() { - var newVal = this.second - this.options.secondStep; - - if (newVal < 0) { - this.decrementMinute(true); - this.second = newVal + 60; - } else { - this.second = newVal; - } - this.update(); - }, - - onKeydown: function(e) { - switch (e.keyCode) { - case 9: //tab - this.updateFromElementVal(); - - switch (this.highlightedUnit) { - case 'hour': - e.preventDefault(); - this.highlightNextUnit(); - break; - case 'minute': - if (this.options.showMeridian || this.options.showSeconds) { - e.preventDefault(); - this.highlightNextUnit(); - } - break; - case 'second': - if (this.options.showMeridian) { - e.preventDefault(); - this.highlightNextUnit(); - } - break; - } - break; - case 27: // escape - this.updateFromElementVal(); - break; - case 37: // left arrow - e.preventDefault(); - this.highlightPrevUnit(); - this.updateFromElementVal(); - break; - case 38: // up arrow - e.preventDefault(); - switch (this.highlightedUnit) { - case 'hour': - this.incrementHour(); - this.highlightHour(); - break; - case 'minute': - this.incrementMinute(); - this.highlightMinute(); - break; - case 'second': - this.incrementSecond(); - this.highlightSecond(); - break; - case 'meridian': - this.toggleMeridian(); - this.highlightMeridian(); - break; - } - break; - case 39: // right arrow - e.preventDefault(); - this.updateFromElementVal(); - this.highlightNextUnit(); - break; - case 40: // down arrow - e.preventDefault(); - switch (this.highlightedUnit) { - case 'hour': - this.decrementHour(); - this.highlightHour(); - break; - case 'minute': - this.decrementMinute(); - this.highlightMinute(); - break; - case 'second': - this.decrementSecond(); - this.highlightSecond(); - break; - case 'meridian': - this.toggleMeridian(); - this.highlightMeridian(); - break; - } - break; - } - }, - - formatTime: function(hour, minute, second, meridian) { - hour = hour < 10 ? '0' + hour : hour; - minute = minute < 10 ? '0' + minute : minute; - second = second < 10 ? '0' + second : second; - - return hour + ':' + minute + (this.options.showSeconds ? ':' + second : '') + (this.options.showMeridian ? ' ' + meridian : ''); - }, - - getCursorPosition: function() { - - if ('selectionStart' in this.element) {// Standard-compliant browsers - - return this.element.selectionStart; - } else if (document.selection) {// IE fix - this.element.focus(); - var sel = document.selection.createRange(), - selLen = document.selection.createRange().text.length; - - sel.moveStart('character', - this.element.value.length); - - return sel.text.length - selLen; - } - }, - - getTime: function() { - return this.formatTime(this.hour, this.minute, this.second, this.meridian); - }, - - highlightUnit: function() { - this.position = this.getCursorPosition(); - if (this.position >= 0 && this.position <= 2) { - this.highlightHour(); - } else if (this.position >= 3 && this.position <= 5) { - this.highlightMinute(); - } else if (this.position >= 6 && this.position <= 8) { - if (this.options.showSeconds) { - this.highlightSecond(); - } else { - this.highlightMeridian(); - } - } else if (this.position >= 9 && this.position <= 11) { - this.highlightMeridian(); - } - }, - - highlightNextUnit: function() { - switch (this.highlightedUnit) { - case 'hour': - this.highlightMinute(); - break; - case 'minute': - if (this.options.showSeconds) { - this.highlightSecond(); - } else if (this.options.showMeridian){ - this.highlightMeridian(); - } else { - this.highlightHour(); - } - break; - case 'second': - if (this.options.showMeridian) { - this.highlightMeridian(); - } else { - this.highlightHour(); - } - break; - case 'meridian': - this.highlightHour(); - break; - } - }, - - highlightPrevUnit: function() { - switch (this.highlightedUnit) { - case 'hour': - this.highlightMeridian(); - break; - case 'minute': - this.highlightHour(); - break; - case 'second': - this.highlightMinute(); - break; - case 'meridian': - if (this.options.showSeconds) { - this.highlightSecond(); - } else { - this.highlightMinute(); - } - break; - } - }, - - highlightHour: function() { - var $element = this.element; - - this.highlightedUnit = 'hour'; - - if ($element.setSelectionRange) { - setTimeout(function() { - $element.setSelectionRange(0,2); - }, 0); - } - }, - - highlightMinute: function() { - var $element = this.element; - - this.highlightedUnit = 'minute'; - - if ($element.setSelectionRange) { - setTimeout(function() { - $element.setSelectionRange(3,5); - }, 0); - } - }, - - highlightSecond: function() { - var $element = this.element; - - this.highlightedUnit = 'second'; - - if ($element.setSelectionRange) { - setTimeout(function() { - $element.setSelectionRange(6,8); - }, 0); - } - }, - - highlightMeridian: function() { - var $element = this.element; - - this.highlightedUnit = 'meridian'; - - if ($element.setSelectionRange) { - if (this.options.showSeconds) { - setTimeout(function() { - $element.setSelectionRange(9,11); - }, 0); - } else { - setTimeout(function() { - $element.setSelectionRange(6,8); - }, 0); - } - } - }, - - incrementHour: function() { - if (this.options.showMeridian) { - if (this.hour === 11) { - this.hour++; - return this.toggleMeridian(); - } else if (this.hour === 12) { - this.hour = 0; - } - } - - if (this.hour === 23) { - this.hour = 0; - return; - } - - this.hour++; - this.update(); - }, - - incrementMinute: function(step) { - - var newVal = step ? (this.minute + step) : (this.minute + this.options.minuteStep - (this.minute % this.options.minuteStep)); - - if (newVal > 59) { - this.incrementHour(); - this.minute = newVal - 60; - } else { - this.minute = newVal; - } - this.update(); - }, - - incrementSecond: function() { - var newVal = this.second + this.options.secondStep - (this.second % this.options.secondStep); - - if (newVal > 59) { - this.incrementMinute(true); - this.second = newVal - 60; - } else { - this.second = newVal; - } - this.update(); - }, - - remove: function() { - $('document').off('.timepicker.uikit'); - delete this.$element.data().timepicker; - }, - - toggleMeridian: function() { - this.meridian = this.meridian === 'AM' ? 'PM' : 'AM'; - this.update(); - }, - - update: function() { - this.$element.trigger({ - 'type': 'changeTime.timepicker', - 'time': { - 'value': this.getTime(), - 'hours': this.hour, - 'minutes': this.minute, - 'seconds': this.second, - 'meridian': this.meridian - } - }); - - this.updateElement(); - }, - - updateElement: function() { - this.$element.val(this.getTime()).trigger("change"); - }, - - updateFromElementVal: function() { - if (this.element.value) this.setTime(this.element.value); - } - - }); - - // init code - $(document).on("focus.timepicker.uikit", "[data-uk-timepicker]", function(e) { - - var ele = $(this); - if (!ele.data("timepicker")) { - e.preventDefault(); - var obj = new TimePicker(ele, UI.Utils.options(ele.attr("data-uk-timepicker"))); - ele.trigger("focus"); - } - }); - -})(this, jQuery, jQuery.UIkit); \ No newline at end of file diff --git a/lib/addons/js/timepicker.min.js b/lib/addons/js/timepicker.min.js deleted file mode 100644 index 89acf84..0000000 --- a/lib/addons/js/timepicker.min.js +++ /dev/null @@ -1,3 +0,0 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - -(function(t,e,i){var n=function(t,i){var s=e(t);s.data("timepicker")||(this.$element=s,this.element=this.$element[0],this.options=e.extend({},n.defaults,i),this.$element.on({"focus.timepicker.uikit":e.proxy(this.highlightUnit,this),"click.timepicker.uikit":e.proxy(this.highlightUnit,this),"keydown.timepicker.uikit":e.proxy(this.onKeydown,this),"blur.timepicker.uikit":e.proxy(this.blurElement,this)}),this.setDefaultTime(this.options.defaultTime),this.element.data("timepicker",this))};n.defaults={defaultTime:"current",disableFocus:!1,minuteStep:15,secondStep:15,showSeconds:!1,showMeridian:!1},e.extend(n.prototype,{setDefaultTime:function(t){if(this.element.value)this.updateFromElementVal();else if("current"===t){var e=new Date;this.hour=e.getHours(),this.minute=Math.floor(e.getMinutes()/this.options.minuteStep)*this.options.minuteStep,this.second=Math.floor(e.getSeconds()/this.options.secondStep)*this.options.secondStep,this.meridian="AM",this.options.showMeridian&&(0===this.hour?this.hour=12:this.hour>=12?(this.hour>12&&(this.hour=this.hour-12),this.meridian="PM"):this.meridian="AM"),this.update()}else t===!1?(this.hour=0,this.minute=0,this.second=0,this.meridian="AM"):this.setTime(t)},setTime:function(t){var e,i;this.options.showMeridian?(e=t.split(" "),i=e[0].split(":"),this.meridian=e[1]):i=t.split(":"),this.hour=parseInt(i[0],10),this.minute=parseInt(i[1],10),this.second=parseInt(i[2],10),isNaN(this.hour)&&(this.hour=0),isNaN(this.minute)&&(this.minute=0),this.options.showMeridian?(this.hour>12?this.hour=12:1>this.hour&&(this.hour=12),"am"===this.meridian||"a"===this.meridian?this.meridian="AM":("pm"===this.meridian||"p"===this.meridian)&&(this.meridian="PM"),"AM"!==this.meridian&&"PM"!==this.meridian&&(this.meridian="AM")):this.hour>=24?this.hour=23:0>this.hour&&(this.hour=0),0>this.minute?this.minute=0:this.minute>=60&&(this.minute=59),this.options.showSeconds&&(isNaN(this.second)?this.second=0:0>this.second?this.second=0:this.second>=60&&(this.second=59)),this.update()},blurElement:function(){this.highlightedUnit=void 0,this.updateFromElementVal()},decrementHour:function(){if(this.options.showMeridian)if(1===this.hour)this.hour=12;else{if(12===this.hour)return this.hour--,this.toggleMeridian();if(0===this.hour)return this.hour=11,this.toggleMeridian();this.hour--}else 0===this.hour?this.hour=23:this.hour--;this.update()},decrementMinute:function(t){var e=t?this.minute-t:this.minute-this.options.minuteStep;0>e?(this.decrementHour(),this.minute=e+60):this.minute=e,this.update()},decrementSecond:function(){var t=this.second-this.options.secondStep;0>t?(this.decrementMinute(!0),this.second=t+60):this.second=t,this.update()},onKeydown:function(t){switch(t.keyCode){case 9:switch(this.updateFromElementVal(),this.highlightedUnit){case"hour":t.preventDefault(),this.highlightNextUnit();break;case"minute":(this.options.showMeridian||this.options.showSeconds)&&(t.preventDefault(),this.highlightNextUnit());break;case"second":this.options.showMeridian&&(t.preventDefault(),this.highlightNextUnit())}break;case 27:this.updateFromElementVal();break;case 37:t.preventDefault(),this.highlightPrevUnit(),this.updateFromElementVal();break;case 38:switch(t.preventDefault(),this.highlightedUnit){case"hour":this.incrementHour(),this.highlightHour();break;case"minute":this.incrementMinute(),this.highlightMinute();break;case"second":this.incrementSecond(),this.highlightSecond();break;case"meridian":this.toggleMeridian(),this.highlightMeridian()}break;case 39:t.preventDefault(),this.updateFromElementVal(),this.highlightNextUnit();break;case 40:switch(t.preventDefault(),this.highlightedUnit){case"hour":this.decrementHour(),this.highlightHour();break;case"minute":this.decrementMinute(),this.highlightMinute();break;case"second":this.decrementSecond(),this.highlightSecond();break;case"meridian":this.toggleMeridian(),this.highlightMeridian()}}},formatTime:function(t,e,i,n){return t=10>t?"0"+t:t,e=10>e?"0"+e:e,i=10>i?"0"+i:i,t+":"+e+(this.options.showSeconds?":"+i:"")+(this.options.showMeridian?" "+n:"")},getCursorPosition:function(){if("selectionStart"in this.element)return this.element.selectionStart;if(document.selection){this.element.focus();var t=document.selection.createRange(),e=document.selection.createRange().text.length;return t.moveStart("character",-this.element.value.length),t.text.length-e}},getTime:function(){return this.formatTime(this.hour,this.minute,this.second,this.meridian)},highlightUnit:function(){this.position=this.getCursorPosition(),this.position>=0&&2>=this.position?this.highlightHour():this.position>=3&&5>=this.position?this.highlightMinute():this.position>=6&&8>=this.position?this.options.showSeconds?this.highlightSecond():this.highlightMeridian():this.position>=9&&11>=this.position&&this.highlightMeridian()},highlightNextUnit:function(){switch(this.highlightedUnit){case"hour":this.highlightMinute();break;case"minute":this.options.showSeconds?this.highlightSecond():this.options.showMeridian?this.highlightMeridian():this.highlightHour();break;case"second":this.options.showMeridian?this.highlightMeridian():this.highlightHour();break;case"meridian":this.highlightHour()}},highlightPrevUnit:function(){switch(this.highlightedUnit){case"hour":this.highlightMeridian();break;case"minute":this.highlightHour();break;case"second":this.highlightMinute();break;case"meridian":this.options.showSeconds?this.highlightSecond():this.highlightMinute()}},highlightHour:function(){var t=this.element;this.highlightedUnit="hour",t.setSelectionRange&&setTimeout(function(){t.setSelectionRange(0,2)},0)},highlightMinute:function(){var t=this.element;this.highlightedUnit="minute",t.setSelectionRange&&setTimeout(function(){t.setSelectionRange(3,5)},0)},highlightSecond:function(){var t=this.element;this.highlightedUnit="second",t.setSelectionRange&&setTimeout(function(){t.setSelectionRange(6,8)},0)},highlightMeridian:function(){var t=this.element;this.highlightedUnit="meridian",t.setSelectionRange&&(this.options.showSeconds?setTimeout(function(){t.setSelectionRange(9,11)},0):setTimeout(function(){t.setSelectionRange(6,8)},0))},incrementHour:function(){if(this.options.showMeridian){if(11===this.hour)return this.hour++,this.toggleMeridian();12===this.hour&&(this.hour=0)}return 23===this.hour?(this.hour=0,void 0):(this.hour++,this.update(),void 0)},incrementMinute:function(t){var e=t?this.minute+t:this.minute+this.options.minuteStep-this.minute%this.options.minuteStep;e>59?(this.incrementHour(),this.minute=e-60):this.minute=e,this.update()},incrementSecond:function(){var t=this.second+this.options.secondStep-this.second%this.options.secondStep;t>59?(this.incrementMinute(!0),this.second=t-60):this.second=t,this.update()},remove:function(){e("document").off(".timepicker.uikit"),delete this.$element.data().timepicker},toggleMeridian:function(){this.meridian="AM"===this.meridian?"PM":"AM",this.update()},update:function(){this.$element.trigger({type:"changeTime.timepicker",time:{value:this.getTime(),hours:this.hour,minutes:this.minute,seconds:this.second,meridian:this.meridian}}),this.updateElement()},updateElement:function(){this.$element.val(this.getTime()).trigger("change")},updateFromElementVal:function(){this.element.value&&this.setTime(this.element.value)}}),e(document).on("focus.timepicker.uikit","[data-uk-timepicker]",function(t){var s=e(this);s.data("timepicker")||(t.preventDefault(),new n(s,i.Utils.options(s.attr("data-uk-timepicker"))),s.trigger("focus"))})})(this,jQuery,jQuery.UIkit); \ No newline at end of file diff --git a/lib/css/uikit-rtl.css b/lib/css/uikit-rtl.css new file mode 100644 index 0000000..c4456e8 --- /dev/null +++ b/lib/css/uikit-rtl.css @@ -0,0 +1,12436 @@ +/*! UIkit 3.5.5 | https://www.getuikit.com | (c) 2014 - 2020 YOOtheme | MIT License */ +/* ======================================================================== + Component: Base + ========================================================================== */ +/* + * 1. Set `font-size` to support `rem` units + * Not using `font` property because a leading hyphen (e.g. -apple-system) causes the font to break in IE11 and Edge + * 2. Prevent adjustments of font size after orientation changes in iOS. + * 3. Style + */ +html { + /* 1 */ + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-size: 16px; + font-weight: normal; + line-height: 1.5; + /* 2 */ + -webkit-text-size-adjust: 100%; + /* 3 */ + background: #fff; + color: #666; +} +/* + * Remove the margin in all browsers. + */ +body { + margin: 0; +} +/* Links + ========================================================================== */ +/* + * Remove the outline on focused links when they are also active or hovered + */ +a:active, +a:hover { + outline: none; +} +/* + * Style + */ +a, +.uk-link { + color: #1e87f0; + text-decoration: none; + cursor: pointer; +} +a:hover, +.uk-link:hover, +.uk-link-toggle:hover .uk-link, +.uk-link-toggle:focus .uk-link { + color: #0f6ecd; + text-decoration: underline; +} +/* Text-level semantics + ========================================================================== */ +/* + * 1. Add the correct text decoration in Edge. + * 2. The shorthand declaration `underline dotted` is not supported in Safari. + */ +abbr[title] { + /* 1 */ + text-decoration: underline dotted; + /* 2 */ + -webkit-text-decoration-style: dotted; +} +/* + * Add the correct font weight in Chrome, Edge, and Safari. + */ +b, +strong { + font-weight: bolder; +} +/* + * 1. Consolas has a better baseline in running text compared to `Courier` + * 2. Correct the odd `em` font sizing in all browsers. + * 3. Style + */ +:not(pre) > code, +:not(pre) > kbd, +:not(pre) > samp { + /* 1 */ + font-family: Consolas, monaco, monospace; + /* 2 */ + font-size: 0.875rem; + /* 3 */ + color: #f0506e; + white-space: nowrap; + padding: 2px 6px; + background: #f8f8f8; +} +/* + * Emphasize + */ +em { + color: #f0506e; +} +/* + * Insert + */ +ins { + background: #ffd; + color: #666; + text-decoration: none; +} +/* + * Mark + */ +mark { + background: #ffd; + color: #666; +} +/* + * Quote + */ +q { + font-style: italic; +} +/* + * Add the correct font size in all browsers. + */ +small { + font-size: 80%; +} +/* + * Prevents `sub` and `sup` affecting `line-height` in all browsers. + */ +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +sup { + top: -0.5em; +} +sub { + bottom: -0.25em; +} +/* Embedded content + ========================================================================== */ +/* + * Remove the gap between embedded content and the bottom of their containers. + */ +audio, +canvas, +iframe, +img, +svg, +video { + vertical-align: middle; +} +/* + * 1. Add responsiveness. + * 2. Auto-scale the height. Only needed if `height` attribute is present. + * 3. Corrects responsive `max-width` behavior if padding and border are used. + * 4. Exclude SVGs for IE11 because they don't preserve their aspect ratio. + */ +canvas, +img, +video { + /* 1 */ + max-width: 100%; + /* 2 */ + height: auto; + /* 3 */ + box-sizing: border-box; +} +/* 4 */ +@supports (display: block) { + svg { + max-width: 100%; + height: auto; + box-sizing: border-box; + } +} +/* + * Hide the overflow in IE. + */ +svg:not(:root) { + overflow: hidden; +} +/* + * 1. Fix lazy loading images if parent element is set to `display: inline` and has `overflow: hidden`. + * 2. Hide `alt` text for lazy loading images. + * Note: Selector for background while loading img[data-src*='.jpg'][src*='data:image'] { background: grey; } + */ +img:not([src]) { + /* 1 */ + min-width: 1px; + /* 2 */ + visibility: hidden; +} +/* + * Iframe + * Remove border in all browsers + */ +iframe { + border: 0; +} +/* Block elements + ========================================================================== */ +/* + * Margins + */ +p, +ul, +ol, +dl, +pre, +address, +fieldset, +figure { + margin: 0 0 20px 0; +} +/* Add margin if adjacent element */ +* + p, +* + ul, +* + ol, +* + dl, +* + pre, +* + address, +* + fieldset, +* + figure { + margin-top: 20px; +} +/* Headings + ========================================================================== */ +h1, +.uk-h1, +h2, +.uk-h2, +h3, +.uk-h3, +h4, +.uk-h4, +h5, +.uk-h5, +h6, +.uk-h6, +.uk-heading-small, +.uk-heading-medium, +.uk-heading-large, +.uk-heading-xlarge, +.uk-heading-2xlarge { + margin: 0 0 20px 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-weight: normal; + color: #333; + text-transform: none; +} +/* Add margin if adjacent element */ +* + h1, +* + .uk-h1, +* + h2, +* + .uk-h2, +* + h3, +* + .uk-h3, +* + h4, +* + .uk-h4, +* + h5, +* + .uk-h5, +* + h6, +* + .uk-h6, +* + .uk-heading-small, +* + .uk-heading-medium, +* + .uk-heading-large, +* + .uk-heading-xlarge, +* + .uk-heading-2xlarge { + margin-top: 40px; +} +/* + * Sizes + */ +h1, +.uk-h1 { + font-size: 2.23125rem; + line-height: 1.2; +} +h2, +.uk-h2 { + font-size: 1.7rem; + line-height: 1.3; +} +h3, +.uk-h3 { + font-size: 1.5rem; + line-height: 1.4; +} +h4, +.uk-h4 { + font-size: 1.25rem; + line-height: 1.4; +} +h5, +.uk-h5 { + font-size: 16px; + line-height: 1.4; +} +h6, +.uk-h6 { + font-size: 0.875rem; + line-height: 1.4; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + h1, + .uk-h1 { + font-size: 2.625rem; + } + h2, + .uk-h2 { + font-size: 2rem; + } +} +/* Lists + ========================================================================== */ +ul, +ol { + padding-right: 30px; +} +/* + * Reset margin for nested lists + */ +ul > li > ul, +ul > li > ol, +ol > li > ol, +ol > li > ul { + margin: 0; +} +/* Description lists + ========================================================================== */ +dt { + font-weight: bold; +} +dd { + margin-right: 0; +} +/* Horizontal rules + ========================================================================== */ +/* + * 1. Show the overflow in Chrome, Edge and IE. + * 2. Add the correct text-align in Edge and IE. + * 3. Style + */ +hr, +.uk-hr { + /* 1 */ + overflow: visible; + /* 2 */ + text-align: inherit; + /* 3 */ + margin: 0 0 20px 0; + border: 0; + border-top: 1px solid #e5e5e5; +} +/* Add margin if adjacent element */ +* + hr, +* + .uk-hr { + margin-top: 20px; +} +/* Address + ========================================================================== */ +address { + font-style: normal; +} +/* Blockquotes + ========================================================================== */ +blockquote { + margin: 0 0 20px 0; + font-size: 1.25rem; + line-height: 1.5; + font-style: italic; + color: #333; +} +/* Add margin if adjacent element */ +* + blockquote { + margin-top: 20px; +} +/* + * Content + */ +blockquote p:last-of-type { + margin-bottom: 0; +} +blockquote footer { + margin-top: 10px; + font-size: 0.875rem; + line-height: 1.5; + color: #666; +} +blockquote footer::before { + content: "— "; +} +/* Preformatted text + ========================================================================== */ +/* + * 1. Contain overflow in all browsers. + */ +pre { + font: 0.875rem / 1.5 Consolas, monaco, monospace; + color: #666; + -moz-tab-size: 4; + tab-size: 4; + /* 1 */ + overflow: auto; + padding: 10px; + border: 1px solid #e5e5e5; + border-radius: 3px; + background: #fff; +} +pre code { + font-family: Consolas, monaco, monospace; +} +/* Selection pseudo-element + ========================================================================== */ +::selection { + background: #39f; + color: #fff; + text-shadow: none; +} +/* HTML5 elements + ========================================================================== */ +/* + * 1. Add the correct display in Edge, IE 10+, and Firefox. + * 2. Add the correct display in IE. + */ +details, +main { + /* 2 */ + display: block; +} +/* + * Add the correct display in all browsers. + */ +summary { + display: list-item; +} +/* + * Add the correct display in IE. + */ +template { + display: none; +} +/* Pass media breakpoints to JS + ========================================================================== */ +/* + * Breakpoints + */ +.uk-breakpoint-s::before { + content: '640px'; +} +.uk-breakpoint-m::before { + content: '960px'; +} +.uk-breakpoint-l::before { + content: '1200px'; +} +.uk-breakpoint-xl::before { + content: '1600px'; +} +:root { + --uk-breakpoint-s: 640px; + --uk-breakpoint-m: 960px; + --uk-breakpoint-l: 1200px; + --uk-breakpoint-xl: 1600px; +} +/* ======================================================================== + Component: Link + ========================================================================== */ +/* Muted + ========================================================================== */ +a.uk-link-muted, +.uk-link-muted a { + color: #999; +} +a.uk-link-muted:hover, +.uk-link-muted a:hover, +.uk-link-toggle:hover .uk-link-muted, +.uk-link-toggle:focus .uk-link-muted { + color: #666; +} +/* Text + ========================================================================== */ +a.uk-link-text, +.uk-link-text a { + color: inherit; +} +a.uk-link-text:hover, +.uk-link-text a:hover, +.uk-link-toggle:hover .uk-link-text, +.uk-link-toggle:focus .uk-link-text { + color: #999; +} +/* Heading + ========================================================================== */ +a.uk-link-heading, +.uk-link-heading a { + color: inherit; +} +a.uk-link-heading:hover, +.uk-link-heading a:hover, +.uk-link-toggle:hover .uk-link-heading, +.uk-link-toggle:focus .uk-link-heading { + color: #1e87f0; + text-decoration: none; +} +/* Reset + ========================================================================== */ +/* + * `!important` needed to override inverse component + */ +a.uk-link-reset, +.uk-link-reset a { + color: inherit !important; + text-decoration: none !important; +} +/* Toggle + ========================================================================== */ +.uk-link-toggle { + color: inherit !important; + text-decoration: none !important; +} +.uk-link-toggle:focus { + outline: none; +} +/* ======================================================================== + Component: Heading + ========================================================================== */ +.uk-heading-small { + font-size: 2.6rem; + line-height: 1.2; +} +.uk-heading-medium { + font-size: 2.8875rem; + line-height: 1.1; +} +.uk-heading-large { + font-size: 3.4rem; + line-height: 1.1; +} +.uk-heading-xlarge { + font-size: 4rem; + line-height: 1; +} +.uk-heading-2xlarge { + font-size: 6rem; + line-height: 1; +} +/* Tablet Landscape and bigger */ +@media (min-width: 960px) { + .uk-heading-small { + font-size: 3.25rem; + } + .uk-heading-medium { + font-size: 3.5rem; + } + .uk-heading-large { + font-size: 4rem; + } + .uk-heading-xlarge { + font-size: 6rem; + } + .uk-heading-2xlarge { + font-size: 8rem; + } +} +/* Laptop and bigger */ +@media (min-width: 1200px) { + .uk-heading-medium { + font-size: 4rem; + } + .uk-heading-large { + font-size: 6rem; + } + .uk-heading-xlarge { + font-size: 8rem; + } + .uk-heading-2xlarge { + font-size: 11rem; + } +} +/* Primary + Deprecated: Use `uk-heading-medium` instead + ========================================================================== */ +/* Tablet landscape and bigger */ +/* Desktop and bigger */ +/* Hero + Deprecated: Use `uk-heading-xlarge` instead + ========================================================================== */ +/* Tablet landscape and bigger */ +/* Desktop and bigger */ +/* Divider + ========================================================================== */ +.uk-heading-divider { + padding-bottom: calc(5px + 0.1em); + border-bottom: calc(0.2px + 0.05em) solid #e5e5e5; +} +/* Bullet + ========================================================================== */ +.uk-heading-bullet { + position: relative; +} +/* + * 1. Using `inline-block` to make it work with text alignment + * 2. Center vertically + * 3. Style + */ +.uk-heading-bullet::before { + content: ""; + /* 1 */ + display: inline-block; + /* 2 */ + position: relative; + top: calc(-0.1 * 1em); + vertical-align: middle; + /* 3 */ + height: calc(4px + 0.7em); + margin-left: calc(5px + 0.2em); + border-right: calc(5px + 0.1em) solid #e5e5e5; +} +/* Line + ========================================================================== */ +/* + * Clip the child element + */ +.uk-heading-line { + overflow: hidden; +} +/* + * Extra markup is needed to make it work with text align + */ +.uk-heading-line > * { + display: inline-block; + position: relative; +} +/* + * 1. Center vertically + * 2. Make the element as large as possible. It's clipped by the container. + * 3. Style + */ +.uk-heading-line > ::before, +.uk-heading-line > ::after { + content: ""; + /* 1 */ + position: absolute; + top: calc(50% - ((0.2px + 0.05em) / 2)); + /* 2 */ + width: 2000px; + /* 3 */ + border-bottom: calc(0.2px + 0.05em) solid #e5e5e5; +} +.uk-heading-line > ::before { + left: 100%; + margin-left: calc(5px + 0.3em); +} +.uk-heading-line > ::after { + right: 100%; + margin-right: calc(5px + 0.3em); +} +/* ======================================================================== + Component: Divider + ========================================================================== */ +/* + * 1. Reset default `hr` + * 2. Set margin if a `div` is used for semantical reason + */ +[class*='uk-divider'] { + /* 1 */ + border: none; + /* 2 */ + margin-bottom: 20px; +} +/* Add margin if adjacent element */ +* + [class*='uk-divider'] { + margin-top: 20px; +} +/* Icon + ========================================================================== */ +.uk-divider-icon { + position: relative; + height: 20px; + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23e5e5e5%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); + background-repeat: no-repeat; + background-position: 50% 50%; +} +.uk-divider-icon::before, +.uk-divider-icon::after { + content: ""; + position: absolute; + top: 50%; + max-width: calc(50% - (50px / 2)); + border-bottom: 1px solid #e5e5e5; +} +.uk-divider-icon::before { + left: calc(50% + (50px / 2)); + width: 100%; +} +.uk-divider-icon::after { + right: calc(50% + (50px / 2)); + width: 100%; +} +/* Small + ========================================================================== */ +/* + * 1. Fix height because of `inline-block` + * 2. Using ::after and inline-block to make `text-align` work + */ +/* 1 */ +.uk-divider-small { + line-height: 0; +} +/* 2 */ +.uk-divider-small::after { + content: ""; + display: inline-block; + width: 100px; + max-width: 100%; + border-top: 1px solid #e5e5e5; + vertical-align: top; +} +/* Vertical + ========================================================================== */ +.uk-divider-vertical { + width: 1px; + height: 100px; + margin-right: auto; + margin-left: auto; + border-right: 1px solid #e5e5e5; +} +/* ======================================================================== + Component: List + ========================================================================== */ +.uk-list { + padding: 0; + list-style: none; +} +/* + * Remove margin from the last-child + */ +.uk-list > * > :last-child { + margin-bottom: 0; +} +/* + * Style + */ +.uk-list > :nth-child(n+2), +.uk-list > * > ul { + margin-top: 10px; +} +/* Marker modifiers + * Moving `::marker` inside `::before` to style it differently + * To style the `::marker` is currently only supported in Firefox and Safari + ========================================================================== */ +.uk-list-disc > *, +.uk-list-circle > *, +.uk-list-square > *, +.uk-list-decimal > *, +.uk-list-hyphen > * { + padding-right: 30px; +} +/* + * Type modifiers + */ +.uk-list-decimal { + counter-reset: decimal; +} +.uk-list-decimal > * { + counter-increment: decimal; +} +[class*='uk-list'] > ::before { + content: ''; + position: relative; + right: -30px; + width: 30px; + height: 1.5em; + margin-bottom: -1.5em; + display: list-item; + list-style-position: inside; + text-align: left; +} +.uk-list-disc > ::before { + list-style-type: disc; +} +.uk-list-circle > ::before { + list-style-type: circle; +} +.uk-list-square > ::before { + list-style-type: square; +} +.uk-list-decimal > ::before { + content: counter(decimal, decimal) '\200A.\00A0'; +} +.uk-list-hyphen > ::before { + content: '–\00A0\00A0'; +} +/* + * Color modifiers + */ +.uk-list-muted > ::before { + color: #999 !important; +} +.uk-list-emphasis > ::before { + color: #333 !important; +} +.uk-list-primary > ::before { + color: #1e87f0 !important; +} +.uk-list-secondary > ::before { + color: #222 !important; +} +/* Image bullet modifier + ========================================================================== */ +.uk-list-bullet > * { + padding-right: 30px; +} +.uk-list-bullet > ::before { + content: ""; + position: relative; + right: -30px; + width: 30px; + height: 1.5em; + margin-bottom: -1.5em; + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E"); + background-repeat: no-repeat; + background-position: 50% 50%; +} +/* Style modifiers + ========================================================================== */ +/* + * Divider + */ +.uk-list-divider > :nth-child(n+2) { + margin-top: 10px; + padding-top: 10px; + border-top: 1px solid #e5e5e5; +} +/* + * Striped + */ +.uk-list-striped > * { + padding: 10px 10px; +} +.uk-list-striped > *:nth-of-type(odd) { + border-top: 1px solid #e5e5e5; + border-bottom: 1px solid #e5e5e5; +} +.uk-list-striped > :nth-of-type(odd) { + background: #f8f8f8; +} +.uk-list-striped > :nth-child(n+2) { + margin-top: 0; +} +/* Size modifier + ========================================================================== */ +.uk-list-large > :nth-child(n+2), +.uk-list-large > * > ul { + margin-top: 20px; +} +.uk-list-collapse > :nth-child(n+2), +.uk-list-collapse > * > ul { + margin-top: 0; +} +/* + * Divider + */ +.uk-list-large.uk-list-divider > :nth-child(n+2) { + margin-top: 20px; + padding-top: 20px; +} +.uk-list-collapse.uk-list-divider > :nth-child(n+2) { + margin-top: 0; + padding-top: 0; +} +/* + * Striped + */ +.uk-list-large.uk-list-striped > * { + padding: 20px 10px; +} +.uk-list-collapse.uk-list-striped > * { + padding-top: 0; + padding-bottom: 0; +} +.uk-list-large.uk-list-striped > :nth-child(n+2), +.uk-list-collapse.uk-list-striped > :nth-child(n+2) { + margin-top: 0; +} +/* ======================================================================== + Component: Description list + ========================================================================== */ +/* + * Term + */ +.uk-description-list > dt { + color: #333; + font-size: 0.875rem; + font-weight: normal; + text-transform: uppercase; +} +.uk-description-list > dt:nth-child(n+2) { + margin-top: 20px; +} +/* + * Description + */ +/* Style modifier + ========================================================================== */ +/* + * Line + */ +.uk-description-list-divider > dt:nth-child(n+2) { + margin-top: 20px; + padding-top: 20px; + border-top: 1px solid #e5e5e5; +} +/* ======================================================================== + Component: Table + ========================================================================== */ +/* + * 1. Remove most spacing between table cells. + * 2. Behave like a block element + * 3. Style + */ +.uk-table { + /* 1 */ + border-collapse: collapse; + border-spacing: 0; + /* 2 */ + width: 100%; + /* 3 */ + margin-bottom: 20px; +} +/* Add margin if adjacent element */ +* + .uk-table { + margin-top: 20px; +} +/* Header cell + ========================================================================== */ +/* + * 1. Style + */ +.uk-table th { + padding: 16px 12px; + text-align: right; + vertical-align: bottom; + /* 1 */ + font-size: 0.875rem; + font-weight: normal; + color: #999; + text-transform: uppercase; +} +/* Cell + ========================================================================== */ +.uk-table td { + padding: 16px 12px; + vertical-align: top; +} +/* + * Remove margin from the last-child + */ +.uk-table td > :last-child { + margin-bottom: 0; +} +/* Footer + ========================================================================== */ +.uk-table tfoot { + font-size: 0.875rem; +} +/* Caption + ========================================================================== */ +.uk-table caption { + font-size: 0.875rem; + text-align: right; + color: #999; +} +/* Alignment modifier + ========================================================================== */ +.uk-table-middle, +.uk-table-middle td { + vertical-align: middle !important; +} +/* Style modifiers + ========================================================================== */ +/* + * Divider + */ +.uk-table-divider > tr:not(:first-child), +.uk-table-divider > :not(:first-child) > tr, +.uk-table-divider > :first-child > tr:not(:first-child) { + border-top: 1px solid #e5e5e5; +} +/* + * Striped + */ +.uk-table-striped > tr:nth-of-type(odd), +.uk-table-striped tbody tr:nth-of-type(odd) { + background: #f8f8f8; + border-top: 1px solid #e5e5e5; + border-bottom: 1px solid #e5e5e5; +} +/* + * Hover + */ +.uk-table-hover > tr:hover, +.uk-table-hover tbody tr:hover { + background: #ffd; +} +/* Active state + ========================================================================== */ +.uk-table > tr.uk-active, +.uk-table tbody tr.uk-active { + background: #ffd; +} +/* Size modifier + ========================================================================== */ +.uk-table-small th, +.uk-table-small td { + padding: 10px 12px; +} +.uk-table-large th, +.uk-table-large td { + padding: 22px 12px; +} +/* Justify modifier + ========================================================================== */ +.uk-table-justify th:first-child, +.uk-table-justify td:first-child { + padding-right: 0; +} +.uk-table-justify th:last-child, +.uk-table-justify td:last-child { + padding-left: 0; +} +/* Cell size modifier + ========================================================================== */ +.uk-table-shrink { + width: 1px; +} +.uk-table-expand { + min-width: 150px; +} +/* Cell link modifier + ========================================================================== */ +/* + * Does not work with `uk-table-justify` at the moment + */ +.uk-table-link { + padding: 0 !important; +} +.uk-table-link > a { + display: block; + padding: 16px 12px; +} +.uk-table-small .uk-table-link > a { + padding: 10px 12px; +} +/* Responsive table + ========================================================================== */ +/* Phone landscape and smaller */ +@media (max-width: 959px) { + .uk-table-responsive, + .uk-table-responsive tbody, + .uk-table-responsive th, + .uk-table-responsive td, + .uk-table-responsive tr { + display: block; + } + .uk-table-responsive thead { + display: none; + } + .uk-table-responsive th, + .uk-table-responsive td { + width: auto !important; + max-width: none !important; + min-width: 0 !important; + overflow: visible !important; + white-space: normal !important; + } + .uk-table-responsive th:not(:first-child):not(.uk-table-link), + .uk-table-responsive td:not(:first-child):not(.uk-table-link), + .uk-table-responsive .uk-table-link:not(:first-child) > a { + padding-top: 5px !important; + } + .uk-table-responsive th:not(:last-child):not(.uk-table-link), + .uk-table-responsive td:not(:last-child):not(.uk-table-link), + .uk-table-responsive .uk-table-link:not(:last-child) > a { + padding-bottom: 5px !important; + } + .uk-table-justify.uk-table-responsive th, + .uk-table-justify.uk-table-responsive td { + padding-right: 0; + padding-left: 0; + } +} +.uk-table tbody tr { + transition: background-color 0.1s linear; +} +/* ======================================================================== + Component: Icon + ========================================================================== */ +/* + * Note: 1. - 7. is required for `button` elements. Needed for Close and Form Icon component. + * 1. Remove margins in Chrome, Safari and Opera. + * 2. Remove borders for `button`. + * 3. Remove border-radius in Chrome. + * 4. Address `overflow` set to `hidden` in IE. + * 5. Correct `font` properties and `color` not being inherited for `button`. + * 6. Remove the inheritance of text transform in Edge, Firefox, and IE. + * 7. Remove default `button` padding and background color + * 8. Style + * 9. Fill all SVG elements with the current text color if no `fill` attribute is set + * 10. Let the container fit the height of the icon + */ +.uk-icon { + /* 1 */ + margin: 0; + /* 2 */ + border: none; + /* 3 */ + border-radius: 0; + /* 4 */ + overflow: visible; + /* 5 */ + font: inherit; + color: inherit; + /* 6 */ + text-transform: none; + /* 7. */ + padding: 0; + background-color: transparent; + /* 8 */ + display: inline-block; + /* 9 */ + fill: currentcolor; + /* 10 */ + line-height: 0; +} +/* Required for `button`. */ +button.uk-icon:not(:disabled) { + cursor: pointer; +} +/* + * Remove the inner border and padding in Firefox. + */ +.uk-icon::-moz-focus-inner { + border: 0; + padding: 0; +} +/* + * Set the fill and stroke color of all SVG elements to the current text color + */ +.uk-icon:not(.uk-preserve) [fill*='#']:not(.uk-preserve) { + fill: currentcolor; +} +.uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) { + stroke: currentcolor; +} +/* + * Fix Firefox blurry SVG rendering: https://bugzilla.mozilla.org/show_bug.cgi?id=1046835 + */ +.uk-icon > * { + transform: translate(0, 0); +} +/* Image modifier + ========================================================================== */ +/* + * Display images in icon dimensions + */ +.uk-icon-image { + width: 20px; + height: 20px; + background-position: 50% 50%; + background-repeat: no-repeat; + background-size: contain; + vertical-align: middle; +} +/* Style modifiers + ========================================================================== */ +/* + * Link + */ +.uk-icon-link { + color: #999; +} +.uk-icon-link:hover, +.uk-icon-link:focus { + color: #666; + outline: none; +} +/* OnClick + Active */ +.uk-icon-link:active, +.uk-active > .uk-icon-link { + color: #595959; +} +/* + * Button + * 1. Center icon vertically and horizontally + */ +.uk-icon-button { + box-sizing: border-box; + width: 36px; + height: 36px; + border-radius: 500px; + background: #f8f8f8; + color: #999; + vertical-align: middle; + /* 1 */ + display: inline-flex; + justify-content: center; + align-items: center; + transition: 0.1s ease-in-out; + transition-property: color, background-color; +} +/* Hover + Focus */ +.uk-icon-button:hover, +.uk-icon-button:focus { + background-color: #ebebeb; + color: #666; + outline: none; +} +/* OnClick + Active */ +.uk-icon-button:active, +.uk-active > .uk-icon-button { + background-color: #dfdfdf; + color: #666; +} +/* ======================================================================== + Component: Form Range + ========================================================================== */ +/* + * 1. Normalize and defaults + * 2. Prevent content overflow if a fixed width is used + * 3. Take the full width + * 4. Remove default style + * 5. Remove white background in Chrome + * 6. Remove padding in IE11 + */ +.uk-range { + /* 1 */ + box-sizing: border-box; + margin: 0; + vertical-align: middle; + /* 2 */ + max-width: 100%; + /* 3 */ + width: 100%; + /* 4 */ + -webkit-appearance: none; + /* 5 */ + background: transparent; + /* 6 */ + padding: 0; +} +/* Focus */ +.uk-range:focus { + outline: none; +} +.uk-range::-moz-focus-outer { + border: none; +} +/* IE11 Reset */ +.uk-range::-ms-track { + height: 15px; + background: transparent; + border-color: transparent; + color: transparent; +} +/* + * Improves consistency of cursor style for clickable elements + */ +.uk-range:not(:disabled)::-webkit-slider-thumb { + cursor: pointer; +} +.uk-range:not(:disabled)::-moz-range-thumb { + cursor: pointer; +} +.uk-range:not(:disabled)::-ms-thumb { + cursor: pointer; +} +/* Thumb + ========================================================================== */ +/* + * 1. Reset + * 2. Style + */ +/* Webkit */ +.uk-range::-webkit-slider-thumb { + /* 1 */ + -webkit-appearance: none; + margin-top: -7px; + /* 2 */ + height: 15px; + width: 15px; + border-radius: 500px; + background: #fff; + border: 1px solid #cccccc; +} +/* Firefox */ +.uk-range::-moz-range-thumb { + /* 1 */ + border: none; + /* 2 */ + height: 15px; + width: 15px; + border-radius: 500px; + background: #fff; + border: 1px solid #cccccc; +} +/* Edge */ +.uk-range::-ms-thumb { + /* 1 */ + margin-top: 0; +} +/* IE11 */ +.uk-range::-ms-thumb { + /* 1 */ + border: none; + /* 2 */ + height: 15px; + width: 15px; + border-radius: 500px; + background: #fff; + border: 1px solid #cccccc; +} +/* Edge + IE11 */ +.uk-range::-ms-tooltip { + display: none; +} +/* Track + ========================================================================== */ +/* + * 1. Safari doesn't have a focus state. Using active instead. + */ +/* Webkit */ +.uk-range::-webkit-slider-runnable-track { + height: 3px; + background: #ebebeb; + border-radius: 500px; +} +.uk-range:focus::-webkit-slider-runnable-track, +.uk-range:active::-webkit-slider-runnable-track { + background: #d2d2d2; +} +/* Firefox */ +.uk-range::-moz-range-track { + height: 3px; + background: #ebebeb; + border-radius: 500px; +} +.uk-range:focus::-moz-range-track { + background: #d2d2d2; +} +/* Edge */ +.uk-range::-ms-fill-lower, +.uk-range::-ms-fill-upper { + height: 3px; + background: #ebebeb; + border-radius: 500px; +} +.uk-range:focus::-ms-fill-lower, +.uk-range:focus::-ms-fill-upper { + background: #d2d2d2; +} +/* ======================================================================== + Component: Form + ========================================================================== */ +/* + * 1. Define consistent box sizing. + * Default is `content-box` with following exceptions set to `border-box` + * `select`, `input[type="checkbox"]` and `input[type="radio"]` + * `input[type="search"]` in Chrome, Safari and Opera + * `input[type="color"]` in Firefox + * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera. + * 3. Remove `border-radius` in iOS. + * 4. Change font properties to `inherit` in all browsers. + */ +.uk-input, +.uk-select, +.uk-textarea, +.uk-radio, +.uk-checkbox { + /* 1 */ + box-sizing: border-box; + /* 2 */ + margin: 0; + /* 3 */ + border-radius: 0; + /* 4 */ + font: inherit; +} +/* + * Show the overflow in Edge. + */ +.uk-input { + overflow: visible; +} +/* + * Remove the inheritance of text transform in Firefox. + */ +.uk-select { + text-transform: none; +} +/* + * 1. Change font properties to `inherit` in all browsers + * 2. Don't inherit the `font-weight` and use `bold` instead. + * NOTE: Both declarations don't work in Chrome, Safari and Opera. + */ +.uk-select optgroup { + /* 1 */ + font: inherit; + /* 2 */ + font-weight: bold; +} +/* + * Remove the default vertical scrollbar in IE 10+. + */ +.uk-textarea { + overflow: auto; +} +/* + * Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X. + */ +.uk-input[type="search"]::-webkit-search-cancel-button, +.uk-input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} +/* + * Correct the cursor style of increment and decrement buttons in Chrome. + */ +.uk-input[type="number"]::-webkit-inner-spin-button, +.uk-input[type="number"]::-webkit-outer-spin-button { + height: auto; +} +/* + * Removes placeholder transparency in Firefox. + */ +.uk-input::-moz-placeholder, +.uk-textarea::-moz-placeholder { + opacity: 1; +} +/* + * Improves consistency of cursor style for clickable elements + */ +.uk-radio:not(:disabled), +.uk-checkbox:not(:disabled) { + cursor: pointer; +} +/* + * Define consistent border, margin, and padding. + */ +.uk-fieldset { + border: none; + margin: 0; + padding: 0; +} +/* Input, select and textarea + * Allowed: `text`, `password`, `datetime`, `datetime-local`, `date`, `month`, + `time`, `week`, `number`, `email`, `url`, `search`, `tel`, `color` + * Disallowed: `range`, `radio`, `checkbox`, `file`, `submit`, `reset` and `image` + ========================================================================== */ +/* + * Remove default style in iOS. + */ +.uk-input, +.uk-textarea { + -webkit-appearance: none; +} +/* + * 1. Prevent content overflow if a fixed width is used + * 2. Take the full width + * 3. Reset default + * 4. Style + */ +.uk-input, +.uk-select, +.uk-textarea { + /* 1 */ + max-width: 100%; + /* 2 */ + width: 100%; + /* 3 */ + border: 0 none; + /* 4 */ + padding: 0 10px; + background: #fff; + color: #666; + border: 1px solid #e5e5e5; + transition: 0.2s ease-in-out; + transition-property: color, background-color, border; +} +/* + * Single-line + * 1. Allow any element to look like an `input` or `select` element + * 2. Make sure line-height is not larger than height + * Also needed to center the text vertically + */ +.uk-input, +.uk-select:not([multiple]):not([size]) { + height: 40px; + vertical-align: middle; + /* 1 */ + display: inline-block; +} +/* 2 */ +.uk-input:not(input), +.uk-select:not(select) { + line-height: 38px; +} +/* + * Multi-line + */ +.uk-select[multiple], +.uk-select[size], +.uk-textarea { + padding-top: 4px; + padding-bottom: 4px; + vertical-align: top; +} +/* Focus */ +.uk-input:focus, +.uk-select:focus, +.uk-textarea:focus { + outline: none; + background-color: #fff; + color: #666; + border-color: #1e87f0; +} +/* Disabled */ +.uk-input:disabled, +.uk-select:disabled, +.uk-textarea:disabled { + background-color: #f8f8f8; + color: #999; + border-color: #e5e5e5; +} +/* + * Placeholder + */ +.uk-input::-ms-input-placeholder { + color: #999 !important; +} +.uk-input::placeholder { + color: #999; +} +.uk-textarea::-ms-input-placeholder { + color: #999 !important; +} +.uk-textarea::placeholder { + color: #999; +} +/* Style modifier (`uk-input`, `uk-select` and `uk-textarea`) + ========================================================================== */ +/* + * Small + */ +.uk-form-small { + font-size: 0.875rem; +} +.uk-form-small:not(textarea):not([multiple]):not([size]) { + height: 30px; + padding-right: 8px; + padding-left: 8px; +} +.uk-form-small:not(select):not(input):not(textarea) { + line-height: 28px; +} +/* + * Large + */ +.uk-form-large { + font-size: 1.25rem; +} +.uk-form-large:not(textarea):not([multiple]):not([size]) { + height: 55px; + padding-right: 12px; + padding-left: 12px; +} +.uk-form-large:not(select):not(input):not(textarea) { + line-height: 53px; +} +/* Style modifier (`uk-input`, `uk-select` and `uk-textarea`) + ========================================================================== */ +/* + * Error + */ +.uk-form-danger, +.uk-form-danger:focus { + color: #f0506e; + border-color: #f0506e; +} +/* + * Success + */ +.uk-form-success, +.uk-form-success:focus { + color: #32d296; + border-color: #32d296; +} +/* + * Blank + */ +.uk-form-blank { + background: none; + border-color: transparent; +} +.uk-form-blank:focus { + border-color: #e5e5e5; + border-style: dashed; +} +/* Width modifiers (`uk-input`, `uk-select` and `uk-textarea`) + ========================================================================== */ +/* + * Fixed widths + * Different widths for mini sized `input` and `select` elements + */ +input.uk-form-width-xsmall { + width: 50px; +} +select.uk-form-width-xsmall { + width: 75px; +} +.uk-form-width-small { + width: 130px; +} +.uk-form-width-medium { + width: 200px; +} +.uk-form-width-large { + width: 500px; +} +/* Select + ========================================================================== */ +/* + * 1. Remove default style. Also works in Firefox + * 2. Style + * 3. Remove default style in IE 10/11 + * 4. Set `color` for options in the select dropdown, because the inherited `color` might be too light. + */ +.uk-select:not([multiple]):not([size]) { + /* 1 */ + -webkit-appearance: none; + -moz-appearance: none; + /* 2 */ + padding-left: 20px; + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); + background-repeat: no-repeat; + background-position: 0% 50%; +} +/* 3 */ +.uk-select:not([multiple]):not([size])::-ms-expand { + display: none; +} +/* 4 */ +.uk-select:not([multiple]):not([size]) option { + color: #444; +} +/* + * Disabled + */ +.uk-select:not([multiple]):not([size]):disabled { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); +} +/* Datalist + ========================================================================== */ +/* + * 1. Remove default style in Chrome + */ +.uk-input[list] { + padding-left: 20px; + background-repeat: no-repeat; + background-position: 0% 50%; +} +.uk-input[list]:hover, +.uk-input[list]:focus { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); +} +/* 1 */ +.uk-input[list]::-webkit-calendar-picker-indicator { + display: none; +} +/* Radio and checkbox + * Note: Does not work in IE11 + ========================================================================== */ +/* + * 1. Style + * 2. Make box more robust so it clips the child element + * 3. Vertical alignment + * 4. Remove default style + * 5. Fix black background on iOS + * 6. Center icons + */ +.uk-radio, +.uk-checkbox { + /* 1 */ + display: inline-block; + height: 16px; + width: 16px; + /* 2 */ + overflow: hidden; + /* 3 */ + margin-top: -4px; + vertical-align: middle; + /* 4 */ + -webkit-appearance: none; + -moz-appearance: none; + /* 5 */ + background-color: transparent; + /* 6 */ + background-repeat: no-repeat; + background-position: 50% 50%; + border: 1px solid #cccccc; + transition: 0.2s ease-in-out; + transition-property: background-color, border; +} +.uk-radio { + border-radius: 50%; +} +/* Focus */ +.uk-radio:focus, +.uk-checkbox:focus { + outline: none; + border-color: #1e87f0; +} +/* + * Checked + */ +.uk-radio:checked, +.uk-checkbox:checked, +.uk-checkbox:indeterminate { + background-color: #1e87f0; + border-color: transparent; +} +/* Focus */ +.uk-radio:checked:focus, +.uk-checkbox:checked:focus, +.uk-checkbox:indeterminate:focus { + background-color: #0e6dcd; +} +/* + * Icons + */ +.uk-radio:checked { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +.uk-checkbox:checked { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); +} +.uk-checkbox:indeterminate { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23fff%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +/* + * Disabled + */ +.uk-radio:disabled, +.uk-checkbox:disabled { + background-color: #f8f8f8; + border-color: #e5e5e5; +} +.uk-radio:disabled:checked { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23999%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +.uk-checkbox:disabled:checked { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); +} +.uk-checkbox:disabled:indeterminate { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23999%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +/* Legend + ========================================================================== */ +/* + * Legend + * 1. Behave like block element + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove padding so people aren't caught out if they zero out fieldsets. + * 4. Style + */ +.uk-legend { + /* 1 */ + width: 100%; + /* 2 */ + color: inherit; + /* 3 */ + padding: 0; + /* 4 */ + font-size: 1.5rem; + line-height: 1.4; +} +/* Custom controls + ========================================================================== */ +/* + * 1. Container fits its content + * 2. Create position context + * 3. Prevent content overflow + * 4. Behave like most inline-block elements + */ +.uk-form-custom { + /* 1 */ + display: inline-block; + /* 2 */ + position: relative; + /* 3 */ + max-width: 100%; + /* 4 */ + vertical-align: middle; +} +/* + * 1. Position and resize the form control to always cover its container + * 2. Required for Firefox for positioning to the left + * 3. Required for Webkit to make `height` work + * 4. Hide controle and show cursor + * 5. Needed for the cursor + * 6. Clip height caused by 5. Needed for Webkit only + */ +.uk-form-custom select, +.uk-form-custom input[type="file"] { + /* 1 */ + position: absolute; + top: 0; + z-index: 1; + width: 100%; + height: 100%; + /* 2 */ + right: 0; + /* 3 */ + -webkit-appearance: none; + /* 4 */ + opacity: 0; + cursor: pointer; +} +.uk-form-custom input[type="file"] { + /* 5 */ + font-size: 500px; + /* 6 */ + overflow: hidden; +} +/* Label + ========================================================================== */ +.uk-form-label { + color: #333; + font-size: 0.875rem; +} +/* Layout + ========================================================================== */ +/* + * Stacked + */ +.uk-form-stacked .uk-form-label { + display: block; + margin-bottom: 5px; +} +/* + * Horizontal + */ +/* Tablet portrait and smaller */ +@media (max-width: 959px) { + /* Behave like `uk-form-stacked` */ + .uk-form-horizontal .uk-form-label { + display: block; + margin-bottom: 5px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-form-horizontal .uk-form-label { + width: 200px; + margin-top: 7px; + float: right; + } + .uk-form-horizontal .uk-form-controls { + margin-right: 215px; + } + /* Better vertical alignment if controls are checkboxes and radio buttons with text */ + .uk-form-horizontal .uk-form-controls-text { + padding-top: 7px; + } +} +/* Icons + ========================================================================== */ +/* + * 1. Set position + * 2. Set width + * 3. Center icon vertically and horizontally + * 4. Style + */ +.uk-form-icon { + /* 1 */ + position: absolute; + top: 0; + bottom: 0; + right: 0; + /* 2 */ + width: 40px; + /* 3 */ + display: inline-flex; + justify-content: center; + align-items: center; + /* 4 */ + color: #999; +} +/* + * Required for `a`. + */ +.uk-form-icon:hover { + color: #666; +} +/* + * Make `input` element clickable through icon, e.g. if it's a `span` + */ +.uk-form-icon:not(a):not(button):not(input) { + pointer-events: none; +} +/* + * Input padding + */ +.uk-form-icon:not(.uk-form-icon-flip) ~ .uk-input { + padding-right: 40px !important; +} +/* + * Position modifier + */ +.uk-form-icon-flip { + left: 0; + right: auto; +} +.uk-form-icon-flip ~ .uk-input { + padding-left: 40px !important; +} +/* ======================================================================== + Component: Button + ========================================================================== */ +/* + * 1. Remove margins in Chrome, Safari and Opera. + * 2. Remove borders for `button`. + * 3. Address `overflow` set to `hidden` in IE. + * 4. Correct `font` properties and `color` not being inherited for `button`. + * 5. Remove the inheritance of text transform in Edge, Firefox, and IE. + * 6. Remove default style for `input type="submit"`in iOS. + * 7. Style + * 8. `line-height` is used to create a height because it also centers the text vertically for `a` elements. + * Better would be to use height and flexbox to center the text vertically but flexbox doesn't work in Firefox on `button` elements. + * 9. Align text if button has a width + * 10. Required for `a`. + */ +.uk-button { + /* 1 */ + margin: 0; + /* 2 */ + border: none; + /* 3 */ + overflow: visible; + /* 4 */ + font: inherit; + color: inherit; + /* 5 */ + text-transform: none; + /* 6 */ + -webkit-appearance: none; + border-radius: 0; + /* 7 */ + display: inline-block; + box-sizing: border-box; + padding: 0 30px; + vertical-align: middle; + font-size: 0.875rem; + /* 8 */ + line-height: 38px; + /* 9 */ + text-align: center; + /* 10 */ + text-decoration: none; + text-transform: uppercase; + transition: 0.1s ease-in-out; + transition-property: color, background-color, border-color; +} +.uk-button:not(:disabled) { + cursor: pointer; +} +/* + * Remove the inner border and padding in Firefox. + */ +.uk-button::-moz-focus-inner { + border: 0; + padding: 0; +} +/* Hover */ +.uk-button:hover { + /* 9 */ + text-decoration: none; +} +/* Focus */ +.uk-button:focus { + outline: none; +} +/* OnClick + Active */ +/* Style modifiers + ========================================================================== */ +/* + * Default + */ +.uk-button-default { + background-color: transparent; + color: #333; + border: 1px solid #e5e5e5; +} +/* Hover + Focus */ +.uk-button-default:hover, +.uk-button-default:focus { + background-color: transparent; + color: #333; + border-color: #b2b2b2; +} +/* OnClick + Active */ +.uk-button-default:active, +.uk-button-default.uk-active { + background-color: transparent; + color: #333; + border-color: #999999; +} +/* + * Primary + */ +.uk-button-primary { + background-color: #1e87f0; + color: #fff; + border: 1px solid transparent; +} +/* Hover + Focus */ +.uk-button-primary:hover, +.uk-button-primary:focus { + background-color: #0f7ae5; + color: #fff; +} +/* OnClick + Active */ +.uk-button-primary:active, +.uk-button-primary.uk-active { + background-color: #0e6dcd; + color: #fff; +} +/* + * Secondary + */ +.uk-button-secondary { + background-color: #222; + color: #fff; + border: 1px solid transparent; +} +/* Hover + Focus */ +.uk-button-secondary:hover, +.uk-button-secondary:focus { + background-color: #151515; + color: #fff; +} +/* OnClick + Active */ +.uk-button-secondary:active, +.uk-button-secondary.uk-active { + background-color: #080808; + color: #fff; +} +/* + * Danger + */ +.uk-button-danger { + background-color: #f0506e; + color: #fff; + border: 1px solid transparent; +} +/* Hover + Focus */ +.uk-button-danger:hover, +.uk-button-danger:focus { + background-color: #ee395b; + color: #fff; +} +/* OnClick + Active */ +.uk-button-danger:active, +.uk-button-danger.uk-active { + background-color: #ec2147; + color: #fff; +} +/* + * Disabled + * The same for all style modifiers + */ +.uk-button-default:disabled, +.uk-button-primary:disabled, +.uk-button-secondary:disabled, +.uk-button-danger:disabled { + background-color: transparent; + color: #999; + border-color: #e5e5e5; +} +/* Size modifiers + ========================================================================== */ +.uk-button-small { + padding: 0 15px; + line-height: 28px; + font-size: 0.875rem; +} +.uk-button-large { + padding: 0 40px; + line-height: 53px; + font-size: 0.875rem; +} +/* Text modifiers + ========================================================================== */ +/* + * Text + * 1. Reset + * 2. Style + */ +.uk-button-text { + /* 1 */ + padding: 0; + line-height: 1.5; + background: none; + /* 2 */ + color: #333; + position: relative; +} +.uk-button-text::before { + content: ""; + position: absolute; + bottom: 0; + right: 0; + left: 100%; + border-bottom: 1px solid #333; + transition: left 0.3s ease-out; +} +/* Hover + Focus */ +.uk-button-text:hover, +.uk-button-text:focus { + color: #333; +} +.uk-button-text:hover::before, +.uk-button-text:focus::before { + left: 0; +} +/* Disabled */ +.uk-button-text:disabled { + color: #999; +} +.uk-button-text:disabled::before { + display: none; +} +/* + * Link + * 1. Reset + * 2. Style + */ +.uk-button-link { + /* 1 */ + padding: 0; + line-height: 1.5; + background: none; + /* 2 */ + color: #1e87f0; +} +/* Hover + Focus */ +.uk-button-link:hover, +.uk-button-link:focus { + color: #0f6ecd; + text-decoration: underline; +} +/* Disabled */ +.uk-button-link:disabled { + color: #999; + text-decoration: none; +} +/* Group + ========================================================================== */ +/* + * 1. Using `flex` instead of `inline-block` to prevent whitespace betweent child elements + * 2. Behave like button + * 3. Create position context + */ +.uk-button-group { + /* 1 */ + display: inline-flex; + /* 2 */ + vertical-align: middle; + /* 3 */ + position: relative; +} +/* Group + ========================================================================== */ +/* + * Collapse border + */ +.uk-button-group > .uk-button:nth-child(n+2), +.uk-button-group > div:nth-child(n+2) .uk-button { + margin-right: -1px; +} +/* + * Create position context to superimpose the successor elements border + * Known issue: If you use an `a` element as button and an icon inside, + * the active state will not work if you click the icon inside the button + * Workaround: Just use a `button` or `input` element as button + */ +.uk-button-group .uk-button:hover, +.uk-button-group .uk-button:focus, +.uk-button-group .uk-button:active, +.uk-button-group .uk-button.uk-active { + position: relative; + z-index: 1; +} +/* ======================================================================== + Component: Progress + ========================================================================== */ +/* + * 1. Add the correct vertical alignment in Chrome, Firefox, and Opera. + * 2. Remove default style + * 3. Behave like a block element + * 4. Remove borders in Firefox and Edge + * 5. Set background color for progress container in Firefox, IE11 and Edge + * 6. Style + */ +.uk-progress { + /* 1 */ + vertical-align: baseline; + /* 2 */ + -webkit-appearance: none; + -moz-appearance: none; + /* 3 */ + display: block; + width: 100%; + /* 4 */ + border: 0; + /* 5 */ + background-color: #f8f8f8; + /* 6 */ + margin-bottom: 20px; + height: 15px; + border-radius: 500px; + overflow: hidden; +} +/* Add margin if adjacent element */ +* + .uk-progress { + margin-top: 20px; +} +/* + * Remove animated circles for indeterminate state in IE11 and Edge + */ +.uk-progress:indeterminate { + color: transparent; +} +/* + * Progress container + * 2. Remove progress bar for indeterminate state in Firefox + */ +.uk-progress::-webkit-progress-bar { + background-color: #f8f8f8; + border-radius: 500px; + overflow: hidden; +} +/* 2 */ +.uk-progress:indeterminate::-moz-progress-bar { + width: 0; +} +/* + * Progress bar + * 1. Remove right border in IE11 and Edge + */ +.uk-progress::-webkit-progress-value { + background-color: #1e87f0; + transition: width 0.6s ease; +} +.uk-progress::-moz-progress-bar { + background-color: #1e87f0; +} +.uk-progress::-ms-fill { + background-color: #1e87f0; + transition: width 0.6s ease; + /* 1 */ + border: 0; +} +/* ======================================================================== + Component: Section + ========================================================================== */ +/* + * 1. Make it work with `100vh` and height in general + */ +.uk-section { + display: flow-root; + box-sizing: border-box; + /* 1 */ + padding-top: 40px; + padding-bottom: 40px; +} +/* Desktop and bigger */ +@media (min-width: 960px) { + .uk-section { + padding-top: 70px; + padding-bottom: 70px; + } +} +/* + * Remove margin from the last-child + */ +.uk-section > :last-child { + margin-bottom: 0; +} +/* Size modifiers + ========================================================================== */ +/* + * XSmall + */ +.uk-section-xsmall { + padding-top: 20px; + padding-bottom: 20px; +} +/* + * Small + */ +.uk-section-small { + padding-top: 40px; + padding-bottom: 40px; +} +/* + * Large + */ +.uk-section-large { + padding-top: 70px; + padding-bottom: 70px; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-section-large { + padding-top: 140px; + padding-bottom: 140px; + } +} +/* + * XLarge + */ +.uk-section-xlarge { + padding-top: 140px; + padding-bottom: 140px; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-section-xlarge { + padding-top: 210px; + padding-bottom: 210px; + } +} +/* Style modifiers + ========================================================================== */ +/* + * Default + */ +.uk-section-default { + background: #fff; +} +/* + * Muted + */ +.uk-section-muted { + background: #f8f8f8; +} +/* + * Primary + */ +.uk-section-primary { + background: #1e87f0; +} +/* + * Secondary + */ +.uk-section-secondary { + background: #222; +} +/* Overlap modifier + ========================================================================== */ +/* + * Reserved modifier to make a section overlap another section with an border image + * Implemented by the theme + */ +/* ======================================================================== + Component: Container + ========================================================================== */ +/* + * 1. Box sizing has to be `content-box` so the max-width is always the same and + * unaffected by the padding on different breakpoints. It's important for the size modifiers. + */ +.uk-container { + display: flow-root; + /* 1 */ + box-sizing: content-box; + max-width: 1200px; + margin-right: auto; + margin-left: auto; + padding-right: 15px; + padding-left: 15px; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-container { + padding-right: 30px; + padding-left: 30px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-container { + padding-right: 40px; + padding-left: 40px; + } +} +/* + * Remove margin from the last-child + */ +.uk-container > :last-child { + margin-bottom: 0; +} +/* + * Remove padding from nested containers + */ +.uk-container .uk-container { + padding-right: 0; + padding-left: 0; +} +/* Size modifier + ========================================================================== */ +.uk-container-xsmall { + max-width: 750px; +} +.uk-container-small { + max-width: 900px; +} +.uk-container-large { + max-width: 1400px; +} +.uk-container-xlarge { + max-width: 1600px; +} +.uk-container-expand { + max-width: none; +} +/* Expand modifier + ========================================================================== */ +/* + * Expand one side only + */ +.uk-container-expand-right { + margin-right: 0; +} +.uk-container-expand-left { + margin-left: 0; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-container-expand-right.uk-container-xsmall, + .uk-container-expand-left.uk-container-xsmall { + max-width: calc(50% + (750px / 2) - 30px); + } + .uk-container-expand-right.uk-container-small, + .uk-container-expand-left.uk-container-small { + max-width: calc(50% + (900px / 2) - 30px); + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-container-expand-right, + .uk-container-expand-left { + max-width: calc(50% + (1200px / 2) - 40px); + } + .uk-container-expand-right.uk-container-xsmall, + .uk-container-expand-left.uk-container-xsmall { + max-width: calc(50% + (750px / 2) - 40px); + } + .uk-container-expand-right.uk-container-small, + .uk-container-expand-left.uk-container-small { + max-width: calc(50% + (900px / 2) - 40px); + } + .uk-container-expand-right.uk-container-large, + .uk-container-expand-left.uk-container-large { + max-width: calc(50% + (1400px / 2) - 40px); + } + .uk-container-expand-right.uk-container-xlarge, + .uk-container-expand-left.uk-container-xlarge { + max-width: calc(50% + (1600px / 2) - 40px); + } +} +/* Item + ========================================================================== */ +/* + * Utility classes to reset container padding on the left or right side + * Note: It has to be negative margin on the item, because it's specific to the item. + */ +.uk-container-item-padding-remove-right, +.uk-container-item-padding-remove-left { + width: calc(100% + 15px); +} +.uk-container-item-padding-remove-right { + margin-right: -15px; +} +.uk-container-item-padding-remove-left { + margin-left: -15px; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-container-item-padding-remove-right, + .uk-container-item-padding-remove-left { + width: calc(100% + 30px); + } + .uk-container-item-padding-remove-right { + margin-right: -30px; + } + .uk-container-item-padding-remove-left { + margin-left: -30px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-container-item-padding-remove-right, + .uk-container-item-padding-remove-left { + width: calc(100% + 40px); + } + .uk-container-item-padding-remove-right { + margin-right: -40px; + } + .uk-container-item-padding-remove-left { + margin-left: -40px; + } +} +/* ======================================================================== + Component: Tile + ========================================================================== */ +.uk-tile { + display: flow-root; + position: relative; + box-sizing: border-box; + padding-right: 15px; + padding-left: 15px; + padding-top: 40px; + padding-bottom: 40px; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-tile { + padding-right: 30px; + padding-left: 30px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-tile { + padding-right: 40px; + padding-left: 40px; + padding-top: 70px; + padding-bottom: 70px; + } +} +/* + * Remove margin from the last-child + */ +.uk-tile > :last-child { + margin-bottom: 0; +} +/* Size modifiers + ========================================================================== */ +/* + * XSmall + */ +.uk-tile-xsmall { + padding-top: 20px; + padding-bottom: 20px; +} +/* + * Small + */ +.uk-tile-small { + padding-top: 40px; + padding-bottom: 40px; +} +/* + * Large + */ +.uk-tile-large { + padding-top: 70px; + padding-bottom: 70px; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-tile-large { + padding-top: 140px; + padding-bottom: 140px; + } +} +/* + * XLarge + */ +.uk-tile-xlarge { + padding-top: 140px; + padding-bottom: 140px; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-tile-xlarge { + padding-top: 210px; + padding-bottom: 210px; + } +} +/* Style modifiers + ========================================================================== */ +/* + * Default + */ +.uk-tile-default { + background: #fff; +} +/* + * Muted + */ +.uk-tile-muted { + background: #f8f8f8; +} +/* + * Primary + */ +.uk-tile-primary { + background: #1e87f0; +} +/* + * Secondary + */ +.uk-tile-secondary { + background: #222; +} +/* ======================================================================== + Component: Card + ========================================================================== */ +.uk-card { + position: relative; + box-sizing: border-box; + transition: box-shadow 0.1s ease-in-out; +} +/* Sections + ========================================================================== */ +.uk-card-body { + display: flow-root; + padding: 30px 30px; +} +.uk-card-header { + display: flow-root; + padding: 15px 30px; +} +.uk-card-footer { + display: flow-root; + padding: 15px 30px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-card-body { + padding: 40px 40px; + } + .uk-card-header { + padding: 20px 40px; + } + .uk-card-footer { + padding: 20px 40px; + } +} +/* + * Remove margin from the last-child + */ +.uk-card-body > :last-child, +.uk-card-header > :last-child, +.uk-card-footer > :last-child { + margin-bottom: 0; +} +/* Media + ========================================================================== */ +/* + * Reserved alignment modifier to style the media element, e.g. with `border-radius` + * Implemented by the theme + */ +/* Title + ========================================================================== */ +.uk-card-title { + font-size: 1.5rem; + line-height: 1.4; +} +/* Badge + ========================================================================== */ +.uk-card-badge { + position: absolute; + top: 30px; + left: 30px; + z-index: 1; +} +/* + * Remove margin from adjacent element + */ +.uk-card-badge:first-child + * { + margin-top: 0; +} +/* Hover modifier + ========================================================================== */ +.uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover { + background: #fff; + box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); +} +/* Style modifiers + ========================================================================== */ +/* + * Default + * Note: Header and Footer are only implemented for the default style + */ +.uk-card-default { + background: #fff; + color: #666; + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); +} +.uk-card-default .uk-card-title { + color: #333; +} +.uk-card-default.uk-card-hover:hover { + background-color: #fff; + box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); +} +.uk-card-default .uk-card-header { + border-bottom: 1px solid #e5e5e5; +} +.uk-card-default .uk-card-footer { + border-top: 1px solid #e5e5e5; +} +/* + * Primary + */ +.uk-card-primary { + background: #1e87f0; + color: #fff; + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); +} +.uk-card-primary .uk-card-title { + color: #fff; +} +.uk-card-primary.uk-card-hover:hover { + background-color: #1e87f0; + box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); +} +/* + * Secondary + */ +.uk-card-secondary { + background: #222; + color: #fff; + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); +} +.uk-card-secondary .uk-card-title { + color: #fff; +} +.uk-card-secondary.uk-card-hover:hover { + background-color: #222; + box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); +} +/* Size modifier + ========================================================================== */ +/* + * Small + */ +.uk-card-small.uk-card-body, +.uk-card-small .uk-card-body { + padding: 20px 20px; +} +.uk-card-small .uk-card-header { + padding: 13px 20px; +} +.uk-card-small .uk-card-footer { + padding: 13px 20px; +} +/* + * Large + */ +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-card-large.uk-card-body, + .uk-card-large .uk-card-body { + padding: 70px 70px; + } + .uk-card-large .uk-card-header { + padding: 35px 70px; + } + .uk-card-large .uk-card-footer { + padding: 35px 70px; + } +} +/* + * Default + */ +.uk-card-body > .uk-nav-default { + margin-right: -30px; + margin-left: -30px; +} +.uk-card-body > .uk-nav-default:only-child { + margin-top: -15px; + margin-bottom: -15px; +} +.uk-card-body .uk-nav-default > li > a, +.uk-card-body .uk-nav-default .uk-nav-header, +.uk-card-body .uk-nav-default .uk-nav-divider { + padding-right: 30px; + padding-left: 30px; +} +.uk-card-body .uk-nav-default .uk-nav-sub { + padding-right: 45px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-card-body > .uk-nav-default { + margin-right: -40px; + margin-left: -40px; + } + .uk-card-body > .uk-nav-default:only-child { + margin-top: -25px; + margin-bottom: -25px; + } + .uk-card-body .uk-nav-default > li > a, + .uk-card-body .uk-nav-default .uk-nav-header, + .uk-card-body .uk-nav-default .uk-nav-divider { + padding-right: 40px; + padding-left: 40px; + } + .uk-card-body .uk-nav-default .uk-nav-sub { + padding-right: 55px; + } +} +/* + * Small + */ +.uk-card-small > .uk-nav-default { + margin-right: -20px; + margin-left: -20px; +} +.uk-card-small > .uk-nav-default:only-child { + margin-top: -5px; + margin-bottom: -5px; +} +.uk-card-small .uk-nav-default > li > a, +.uk-card-small .uk-nav-default .uk-nav-header, +.uk-card-small .uk-nav-default .uk-nav-divider { + padding-right: 20px; + padding-left: 20px; +} +.uk-card-small .uk-nav-default .uk-nav-sub { + padding-right: 35px; +} +/* + * Large + */ +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-card-large > .uk-nav-default { + margin: 0; + } + .uk-card-large > .uk-nav-default:only-child { + margin: 0; + } + .uk-card-large .uk-nav-default > li > a, + .uk-card-large .uk-nav-default .uk-nav-header, + .uk-card-large .uk-nav-default .uk-nav-divider { + padding-right: 0; + padding-left: 0; + } + .uk-card-large .uk-nav-default .uk-nav-sub { + padding-right: 15px; + } +} +/* ======================================================================== + Component: Close + ========================================================================== */ +/* + * Adopts `uk-icon` + */ +.uk-close { + color: #999; + transition: 0.1s ease-in-out; + transition-property: color, opacity; +} +/* Hover + Focus */ +.uk-close:hover, +.uk-close:focus { + color: #666; + outline: none; +} +/* ======================================================================== + Component: Spinner + ========================================================================== */ +/* + * Adopts `uk-icon` + */ +/* SVG + ========================================================================== */ +.uk-spinner > * { + animation: uk-spinner-rotate 1.4s linear infinite; +} +@keyframes uk-spinner-rotate { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(-270deg); + } +} +/* + * Circle + */ +.uk-spinner > * > * { + stroke-dasharray: 88px; + stroke-dashoffset: 0; + transform-origin: center; + animation: uk-spinner-dash 1.4s ease-in-out infinite; + stroke-width: 1; + stroke-linecap: round; +} +@keyframes uk-spinner-dash { + 0% { + stroke-dashoffset: -88px; + } + 50% { + stroke-dashoffset: -22px; + transform: rotate(-135deg); + } + 100% { + stroke-dashoffset: -88px; + transform: rotate(-450deg); + } +} +/* ======================================================================== + Component: Totop + ========================================================================== */ +/* + * Addopts `uk-icon` + */ +.uk-totop { + padding: 5px; + color: #999; + transition: color 0.1s ease-in-out; +} +/* Hover + Focus */ +.uk-totop:hover, +.uk-totop:focus { + color: #666; + outline: none; +} +/* OnClick */ +.uk-totop:active { + color: #333; +} +/* ======================================================================== + Component: Marker + ========================================================================== */ +/* + * Addopts `uk-icon` + */ +.uk-marker { + padding: 5px; + background: #222; + color: #fff; + border-radius: 500px; +} +/* Hover + Focus */ +.uk-marker:hover, +.uk-marker:focus { + color: #fff; + outline: none; +} +/* ======================================================================== + Component: Alert + ========================================================================== */ +.uk-alert { + position: relative; + margin-bottom: 20px; + padding: 15px 15px 15px 29px; + background: #f8f8f8; + color: #666; +} +/* Add margin if adjacent element */ +* + .uk-alert { + margin-top: 20px; +} +/* + * Remove margin from the last-child + */ +.uk-alert > :last-child { + margin-bottom: 0; +} +/* Close + * Adopts `uk-close` + ========================================================================== */ +.uk-alert-close { + position: absolute; + top: 20px; + left: 15px; + color: inherit; + opacity: 0.4; +} +/* + * Remove margin from adjacent element + */ +.uk-alert-close:first-child + * { + margin-top: 0; +} +/* + * Hover + Focus + */ +.uk-alert-close:hover, +.uk-alert-close:focus { + color: inherit; + opacity: 0.8; +} +/* Style modifiers + ========================================================================== */ +/* + * Primary + */ +.uk-alert-primary { + background: #d8eafc; + color: #1e87f0; +} +/* + * Success + */ +.uk-alert-success { + background: #edfbf6; + color: #32d296; +} +/* + * Warning + */ +.uk-alert-warning { + background: #fff6ee; + color: #faa05a; +} +/* + * Danger + */ +.uk-alert-danger { + background: #fef4f6; + color: #f0506e; +} +/* + * Content + */ +.uk-alert h1, +.uk-alert h2, +.uk-alert h3, +.uk-alert h4, +.uk-alert h5, +.uk-alert h6 { + color: inherit; +} +.uk-alert a:not([class]) { + color: inherit; + text-decoration: underline; +} +.uk-alert a:not([class]):hover { + color: inherit; + text-decoration: underline; +} +/* ======================================================================== + Component: Placeholder + ========================================================================== */ +.uk-placeholder { + margin-bottom: 20px; + padding: 30px 30px; + background: transparent; + border: 1px dashed #e5e5e5; +} +/* Add margin if adjacent element */ +* + .uk-placeholder { + margin-top: 20px; +} +/* + * Remove margin from the last-child + */ +.uk-placeholder > :last-child { + margin-bottom: 0; +} +/* ======================================================================== + Component: Badge + ========================================================================== */ +/* + * 1. Style + * 2. Center child vertically and horizontally + */ +.uk-badge { + box-sizing: border-box; + min-width: 22px; + height: 22px; + padding: 0 5px; + border-radius: 500px; + vertical-align: middle; + /* 1 */ + background: #1e87f0; + color: #fff; + font-size: 0.875rem; + /* 2 */ + display: inline-flex; + justify-content: center; + align-items: center; +} +/* + * Required for `a` + */ +.uk-badge:hover, +.uk-badge:focus { + color: #fff; + text-decoration: none; + outline: none; +} +/* ======================================================================== + Component: Label + ========================================================================== */ +.uk-label { + display: inline-block; + padding: 0 10px; + background: #1e87f0; + line-height: 1.5; + font-size: 0.875rem; + color: #fff; + vertical-align: middle; + white-space: nowrap; + border-radius: 2px; + text-transform: uppercase; +} +/* Color modifiers + ========================================================================== */ +/* + * Success + */ +.uk-label-success { + background-color: #32d296; + color: #fff; +} +/* + * Warning + */ +.uk-label-warning { + background-color: #faa05a; + color: #fff; +} +/* + * Danger + */ +.uk-label-danger { + background-color: #f0506e; + color: #fff; +} +/* ======================================================================== + Component: Overlay + ========================================================================== */ +.uk-overlay { + padding: 30px 30px; +} +/* + * Remove margin from the last-child + */ +.uk-overlay > :last-child { + margin-bottom: 0; +} +/* Icon + ========================================================================== */ +/* Style modifiers + ========================================================================== */ +/* + * Default + */ +.uk-overlay-default { + background: rgba(255, 255, 255, 0.8); +} +/* + * Primary + */ +.uk-overlay-primary { + background: rgba(34, 34, 34, 0.8); +} +/* ======================================================================== + Component: Article + ========================================================================== */ +.uk-article { + display: flow-root; +} +/* + * Remove margin from the last-child + */ +.uk-article > :last-child { + margin-bottom: 0; +} +/* Adjacent sibling + ========================================================================== */ +.uk-article + .uk-article { + margin-top: 70px; +} +/* Title + ========================================================================== */ +.uk-article-title { + font-size: 2.23125rem; + line-height: 1.2; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-article-title { + font-size: 2.625rem; + } +} +/* Meta + ========================================================================== */ +.uk-article-meta { + font-size: 0.875rem; + line-height: 1.4; + color: #999; +} +.uk-article-meta a { + color: #999; +} +.uk-article-meta a:hover { + color: #666; + text-decoration: none; +} +/* ======================================================================== + Component: Comment + ========================================================================== */ +/* Sections + ========================================================================== */ +.uk-comment-body { + display: flow-root; + overflow-wrap: break-word; + word-wrap: break-word; +} +.uk-comment-header { + display: flow-root; + margin-bottom: 20px; +} +/* + * Remove margin from the last-child + */ +.uk-comment-body > :last-child, +.uk-comment-header > :last-child { + margin-bottom: 0; +} +/* Title + ========================================================================== */ +.uk-comment-title { + font-size: 1.25rem; + line-height: 1.4; +} +/* Meta + ========================================================================== */ +.uk-comment-meta { + font-size: 0.875rem; + line-height: 1.4; + color: #999; +} +/* Avatar + ========================================================================== */ +/* List + ========================================================================== */ +.uk-comment-list { + padding: 0; + list-style: none; +} +/* Adjacent siblings */ +.uk-comment-list > :nth-child(n+2) { + margin-top: 70px; +} +/* + * Sublists + * Note: General sibling selector allows reply block between comment and sublist + */ +.uk-comment-list .uk-comment ~ ul { + margin: 70px 0 0 0; + padding-right: 30px; + list-style: none; +} +/* Tablet and bigger */ +@media (min-width: 960px) { + .uk-comment-list .uk-comment ~ ul { + padding-right: 100px; + } +} +/* Adjacent siblings */ +.uk-comment-list .uk-comment ~ ul > :nth-child(n+2) { + margin-top: 70px; +} +/* Style modifier + ========================================================================== */ +.uk-comment-primary { + padding: 30px; + background-color: #f8f8f8; +} +/* ======================================================================== + Component: Search + ========================================================================== */ +/* + * 1. Container fits its content + * 2. Create position context + * 3. Prevent content overflow + * 4. Reset `form` + */ +.uk-search { + /* 1 */ + display: inline-block; + /* 2 */ + position: relative; + /* 3 */ + max-width: 100%; + /* 4 */ + margin: 0; +} +/* Input + ========================================================================== */ +/* + * Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X. + */ +.uk-search-input::-webkit-search-cancel-button, +.uk-search-input::-webkit-search-decoration { + -webkit-appearance: none; +} +/* + * Removes placeholder transparency in Firefox. + */ +.uk-search-input::-moz-placeholder { + opacity: 1; +} +/* + * 1. Define consistent box sizing. + * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera. + * 3. Remove `border-radius` in iOS. + * 4. Change font properties to `inherit` in all browsers + * 5. Show the overflow in Edge. + * 6. Remove default style in iOS. + * 7. Vertical alignment + * 8. Take the full container width + * 9. Style + */ +.uk-search-input { + /* 1 */ + box-sizing: border-box; + /* 2 */ + margin: 0; + /* 3 */ + border-radius: 0; + /* 4 */ + font: inherit; + /* 5 */ + overflow: visible; + /* 6 */ + -webkit-appearance: none; + /* 7 */ + vertical-align: middle; + /* 8 */ + width: 100%; + /* 9 */ + border: none; + color: #666; +} +.uk-search-input:focus { + outline: none; +} +/* Placeholder */ +.uk-search-input:-ms-input-placeholder { + color: #999 !important; +} +.uk-search-input::placeholder { + color: #999; +} +/* Icon (Adopts `uk-icon`) + ========================================================================== */ +/* + * Remove default focus style + */ +.uk-search-icon:focus { + outline: none; +} +/* + * Position above input + * 1. Set position + * 2. Center icon vertically and horizontally + * 3. Style + */ +.uk-search .uk-search-icon { + /* 1 */ + position: absolute; + top: 0; + bottom: 0; + right: 0; + /* 2 */ + display: inline-flex; + justify-content: center; + align-items: center; + /* 3 */ + color: #999; +} +/* + * Required for `a`. + */ +.uk-search .uk-search-icon:hover { + color: #999; +} +/* + * Make `input` element clickable through icon, e.g. if it's a `span` + */ +.uk-search .uk-search-icon:not(a):not(button):not(input) { + pointer-events: none; +} +/* + * Position modifier + */ +.uk-search .uk-search-icon-flip { + left: 0; + right: auto; +} +/* Default modifier + ========================================================================== */ +.uk-search-default { + width: 180px; +} +/* + * Input + */ +.uk-search-default .uk-search-input { + height: 40px; + padding-right: 6px; + padding-left: 6px; + background: transparent; + border: 1px solid #e5e5e5; +} +/* Focus */ +.uk-search-default .uk-search-input:focus { + background-color: transparent; +} +/* + * Icon + */ +.uk-search-default .uk-search-icon { + width: 40px; +} +.uk-search-default .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input { + padding-right: 40px; +} +.uk-search-default .uk-search-icon-flip ~ .uk-search-input { + padding-left: 40px; +} +/* Navbar modifier + ========================================================================== */ +.uk-search-navbar { + width: 400px; +} +/* + * Input + */ +.uk-search-navbar .uk-search-input { + height: 40px; + background: transparent; + font-size: 1.5rem; +} +/* + * Icon + */ +.uk-search-navbar .uk-search-icon { + width: 40px; +} +.uk-search-navbar .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input { + padding-right: 40px; +} +.uk-search-navbar .uk-search-icon-flip ~ .uk-search-input { + padding-left: 40px; +} +/* Large modifier + ========================================================================== */ +.uk-search-large { + width: 500px; +} +/* + * Input + */ +.uk-search-large .uk-search-input { + height: 80px; + background: transparent; + font-size: 2.625rem; +} +/* + * Icon + */ +.uk-search-large .uk-search-icon { + width: 80px; +} +.uk-search-large .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input { + padding-right: 80px; +} +.uk-search-large .uk-search-icon-flip ~ .uk-search-input { + padding-left: 80px; +} +/* Toggle + ========================================================================== */ +.uk-search-toggle { + color: #999; +} +/* Hover + Focus */ +.uk-search-toggle:hover, +.uk-search-toggle:focus { + color: #666; +} +/* ======================================================================== + Component: Accordion + ========================================================================== */ +.uk-accordion { + padding: 0; + list-style: none; +} +/* Item + ========================================================================== */ +.uk-accordion > :nth-child(n+2) { + margin-top: 20px; +} +/* Title + ========================================================================== */ +.uk-accordion-title { + display: block; + font-size: 1.25rem; + line-height: 1.4; + color: #333; + overflow: hidden; +} +.uk-accordion-title::before { + content: ""; + width: 1.4em; + height: 1.4em; + margin-right: 10px; + float: left; + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E"); + background-repeat: no-repeat; + background-position: 50% 50%; +} +.uk-open > .uk-accordion-title::before { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +/* Hover + Focus */ +.uk-accordion-title:hover, +.uk-accordion-title:focus { + color: #666; + text-decoration: none; + outline: none; +} +/* Content + ========================================================================== */ +.uk-accordion-content { + display: flow-root; + margin-top: 20px; +} +/* + * Remove margin from the last-child + */ +.uk-accordion-content > :last-child { + margin-bottom: 0; +} +/* ======================================================================== + Component: Drop + ========================================================================== */ +/* + * 1. Hide by default + * 2. Set position + * 3. Set a default width + */ +.uk-drop { + /* 1 */ + display: none; + /* 2 */ + position: absolute; + z-index: 1020; + /* 3 */ + box-sizing: border-box; + width: 300px; +} +/* Show */ +.uk-drop.uk-open { + display: block; +} +/* Direction / Alignment modifiers + ========================================================================== */ +/* Direction */ +[class*='uk-drop-top'] { + margin-top: -20px; +} +[class*='uk-drop-bottom'] { + margin-top: 20px; +} +[class*='uk-drop-right'] { + margin-right: -20px; +} +[class*='uk-drop-left'] { + margin-right: 20px; +} +/* Grid modifiers + ========================================================================== */ +.uk-drop-stack .uk-drop-grid > * { + width: 100% !important; +} +/* ======================================================================== + Component: Dropdown + ========================================================================== */ +/* + * 1. Hide by default + * 2. Set position + * 3. Set a default width + * 4. Style + */ +.uk-dropdown { + /* 1 */ + display: none; + /* 2 */ + position: absolute; + z-index: 1020; + /* 3 */ + box-sizing: border-box; + min-width: 200px; + /* 4 */ + padding: 25px; + background: #fff; + color: #666; + box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15); +} +/* Show */ +.uk-dropdown.uk-open { + display: block; +} +/* Nav + * Adopts `uk-nav` + ========================================================================== */ +.uk-dropdown-nav { + white-space: nowrap; + font-size: 0.875rem; +} +/* + * Items + */ +.uk-dropdown-nav > li > a { + color: #999; +} +/* Hover + Focus + Active */ +.uk-dropdown-nav > li > a:hover, +.uk-dropdown-nav > li > a:focus, +.uk-dropdown-nav > li.uk-active > a { + color: #666; +} +/* + * Header + */ +.uk-dropdown-nav .uk-nav-header { + color: #333; +} +/* + * Divider + */ +.uk-dropdown-nav .uk-nav-divider { + border-top: 1px solid #e5e5e5; +} +/* + * Sublists + */ +.uk-dropdown-nav .uk-nav-sub a { + color: #999; +} +.uk-dropdown-nav .uk-nav-sub a:hover, +.uk-dropdown-nav .uk-nav-sub a:focus, +.uk-dropdown-nav .uk-nav-sub li.uk-active > a { + color: #666; +} +/* Direction / Alignment modifiers + ========================================================================== */ +/* Direction */ +[class*='uk-dropdown-top'] { + margin-top: -10px; +} +[class*='uk-dropdown-bottom'] { + margin-top: 10px; +} +[class*='uk-dropdown-right'] { + margin-right: -10px; +} +[class*='uk-dropdown-left'] { + margin-right: 10px; +} +/* Grid modifiers + ========================================================================== */ +.uk-dropdown-stack .uk-dropdown-grid > * { + width: 100% !important; +} +/* ======================================================================== + Component: Modal + ========================================================================== */ +/* + * 1. Hide by default + * 2. Set position + * 3. Allow scrolling for the modal dialog + * 4. Horizontal padding + * 5. Mask the background page + * 6. Fade-in transition + */ +.uk-modal { + /* 1 */ + display: none; + /* 2 */ + position: fixed; + top: 0; + left: 0; + bottom: 0; + right: 0; + z-index: 1010; + /* 3 */ + overflow-y: auto; + -webkit-overflow-scrolling: touch; + /* 4 */ + padding: 15px 15px; + /* 5 */ + background: rgba(0, 0, 0, 0.6); + /* 6 */ + opacity: 0; + transition: opacity 0.15s linear; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-modal { + padding: 50px 30px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-modal { + padding-right: 40px; + padding-left: 40px; + } +} +/* + * Open + */ +.uk-modal.uk-open { + opacity: 1; +} +/* Page + ========================================================================== */ +/* + * Prevent scrollbars + */ +.uk-modal-page { + overflow: hidden; +} +/* Dialog + ========================================================================== */ +/* + * 1. Create position context for spinner and close button + * 2. Dimensions + * 3. Fix `max-width: 100%` not working in combination with flex and responsive images in IE11 + * `!important` needed to overwrite `uk-width-auto`. See `#modal-media-image` in tests + * 4. Style + * 5. Slide-in transition + */ +.uk-modal-dialog { + /* 1 */ + position: relative; + /* 2 */ + box-sizing: border-box; + margin: 0 auto; + width: 600px; + /* 3 */ + max-width: calc(100% - 0.01px) !important; + /* 4 */ + background: #fff; + /* 5 */ + opacity: 0; + transform: translateY(-100px); + transition: 0.3s linear; + transition-property: opacity, transform; +} +/* + * Open + */ +.uk-open > .uk-modal-dialog { + opacity: 1; + transform: translateY(0); +} +/* Size modifier + ========================================================================== */ +/* + * Container size + * Take the same size as the Container component + */ +.uk-modal-container .uk-modal-dialog { + width: 1200px; +} +/* + * Full size + * 1. Remove padding and background from modal + * 2. Reset all default declarations from modal dialog + */ +/* 1 */ +.uk-modal-full { + padding: 0; + background: none; +} +/* 2 */ +.uk-modal-full .uk-modal-dialog { + margin: 0; + width: 100%; + max-width: 100%; + transform: translateY(0); +} +/* Sections + ========================================================================== */ +.uk-modal-body { + display: flow-root; + padding: 30px 30px; +} +.uk-modal-header { + display: flow-root; + padding: 15px 30px; + background: #fff; + border-bottom: 1px solid #e5e5e5; +} +.uk-modal-footer { + display: flow-root; + padding: 15px 30px; + background: #fff; + border-top: 1px solid #e5e5e5; +} +/* + * Remove margin from the last-child + */ +.uk-modal-body > :last-child, +.uk-modal-header > :last-child, +.uk-modal-footer > :last-child { + margin-bottom: 0; +} +/* Title + ========================================================================== */ +.uk-modal-title { + font-size: 2rem; + line-height: 1.3; +} +/* Close + * Adopts `uk-close` + ========================================================================== */ +[class*='uk-modal-close-'] { + position: absolute; + z-index: 1010; + top: 10px; + left: 10px; + padding: 5px; +} +/* + * Remove margin from adjacent element + */ +[class*='uk-modal-close-']:first-child + * { + margin-top: 0; +} +/* + * Hover + */ +/* + * Default + */ +/* + * Outside + * 1. Prevent scrollbar on small devices + */ +.uk-modal-close-outside { + top: 0; + /* 1 */ + left: -5px; + transform: translate(0, -100%); + color: #ffffff; +} +.uk-modal-close-outside:hover { + color: #fff; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + /* 1 */ + .uk-modal-close-outside { + left: 0; + transform: translate(-100%, -100%); + } +} +/* + * Full + */ +.uk-modal-close-full { + top: 0; + left: 0; + padding: 20px; + background: #fff; +} +/* ======================================================================== + Component: Lightbox + ========================================================================== */ +/* + * 1. Hide by default + * 2. Set position + * 3. Allow scrolling for the modal dialog + * 4. Horizontal padding + * 5. Mask the background page + * 6. Fade-in transition + * 7. Prevent cancellation of pointer events while dragging + */ +.uk-lightbox { + /* 1 */ + display: none; + /* 2 */ + position: fixed; + top: 0; + left: 0; + bottom: 0; + right: 0; + z-index: 1010; + /* 5 */ + background: #000; + /* 6 */ + opacity: 0; + transition: opacity 0.15s linear; + /* 7 */ + touch-action: pinch-zoom; +} +/* + * Open + * 1. Center child + * 2. Fade-in + */ +.uk-lightbox.uk-open { + display: block; + /* 2 */ + opacity: 1; +} +/* Page + ========================================================================== */ +/* + * Prevent scrollbars + */ +.uk-lightbox-page { + overflow: hidden; +} +/* Item + ========================================================================== */ +/* + * 1. Center child within the viewport + * 2. Not visible by default + * 3. Color needed for spinner icon + * 4. Optimize animation + * 5. Responsiveness + * Using `vh` for `max-height` to fix image proportions after resize in Safari and Opera + * Using `vh` and `vw` to make responsive image work in IE11 + * 6. Suppress outline on focus + */ +.uk-lightbox-items > * { + /* 1 */ + position: absolute; + top: 0; + left: 0; + bottom: 0; + right: 0; + /* 2 */ + display: none; + justify-content: center; + align-items: center; + /* 3 */ + color: rgba(255, 255, 255, 0.7); + /* 4 */ + will-change: transform, opacity; +} +/* 5 */ +.uk-lightbox-items > * > * { + max-width: 100vw; + max-height: 100vh; +} +/* 6 */ +.uk-lightbox-items > :focus { + outline: none; +} +.uk-lightbox-items > * > :not(iframe) { + width: auto; + height: auto; +} +.uk-lightbox-items > .uk-active { + display: flex; +} +/* Toolbar + ========================================================================== */ +.uk-lightbox-toolbar { + padding: 10px 10px; + background: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.7); +} +.uk-lightbox-toolbar > * { + color: rgba(255, 255, 255, 0.7); +} +/* Toolbar Icon (Close) + ========================================================================== */ +.uk-lightbox-toolbar-icon { + padding: 5px; + color: rgba(255, 255, 255, 0.7); +} +/* + * Hover + */ +.uk-lightbox-toolbar-icon:hover { + color: #fff; +} +/* Button (Slidenav) + ========================================================================== */ +/* + * 1. Center icon vertically and horizontally + */ +.uk-lightbox-button { + box-sizing: border-box; + width: 50px; + height: 50px; + background: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.7); + /* 1 */ + display: inline-flex; + justify-content: center; + align-items: center; +} +/* + * Hover + */ +.uk-lightbox-button:hover { + color: #fff; +} +/* Caption + ========================================================================== */ +.uk-lightbox-caption:empty { + display: none; +} +/* Iframe + ========================================================================== */ +.uk-lightbox-iframe { + width: 80%; + height: 80%; +} +/* ======================================================================== + Component: Slideshow + ========================================================================== */ +/* + * 1. Prevent tab highlighting on iOS. + */ +.uk-slideshow { + /* 1 */ + -webkit-tap-highlight-color: transparent; +} +/* Items + ========================================================================== */ +/* + * 1. Create position and stacking context + * 2. Reset list + * 3. Clip child elements + * 4. Prevent displaying the callout information on iOS. + */ +.uk-slideshow-items { + /* 1 */ + position: relative; + z-index: 0; + /* 2 */ + margin: 0; + padding: 0; + list-style: none; + /* 3 */ + overflow: hidden; + /* 4 */ + -webkit-touch-callout: none; +} +/* Item + ========================================================================== */ +/* + * 1. Position items above each other + * 2. Take the full width + * 3. Clip child elements, e.g. for `uk-cover` + * 4. Optimize animation + * 5. Disable horizontal panning gestures in IE11 and Edge + * 6. Suppress outline on focus + */ +.uk-slideshow-items > * { + /* 1 */ + position: absolute; + top: 0; + right: 0; + /* 2 */ + left: 0; + bottom: 0; + /* 3 */ + overflow: hidden; + /* 4 */ + will-change: transform, opacity; + /* 5 */ + touch-action: pan-y; +} +/* 6 */ +.uk-slideshow-items > :focus { + outline: none; +} +/* + * Hide not active items + */ +.uk-slideshow-items > :not(.uk-active) { + display: none; +} +/* ======================================================================== + Component: Slider + ========================================================================== */ +/* + * 1. Prevent tab highlighting on iOS. + */ +.uk-slider { + /* 1 */ + -webkit-tap-highlight-color: transparent; +} +/* Container + ========================================================================== */ +/* + * 1. Clip child elements + */ +.uk-slider-container { + /* 1 */ + overflow: hidden; +} +/* Items + ========================================================================== */ +/* + * 1. Optimize animation + * 2. Create a containing block. In Safari it's neither created by `transform` nor `will-change`. + */ +.uk-slider-items { + /* 1 */ + will-change: transform; + /* 2 */ + position: relative; +} +/* + * 1. Reset list style without interfering with grid + * 2. Prevent displaying the callout information on iOS. + */ +.uk-slider-items:not(.uk-grid) { + display: flex; + /* 1 */ + margin: 0; + padding: 0; + list-style: none; + /* 2 */ + -webkit-touch-callout: none; +} +.uk-slider-items.uk-grid { + flex-wrap: nowrap; +} +/* Item + ========================================================================== */ +/* + * 1. Let items take content dimensions (0 0 auto) + * 2. Create position context + * 3. Disable horizontal panning gestures in IE11 and Edge + * 4. Suppress outline on focus + */ +.uk-slider-items > * { + /* 1 */ + flex: none; + /* 2 */ + position: relative; + /* 3 */ + touch-action: pan-y; +} +/* 4 */ +.uk-slider-items > :focus { + outline: none; +} +/* ======================================================================== + Component: Sticky + ========================================================================== */ +/* + * 1. Resolve frame rate issues on devices with lower frame rates by forcing hardware acceleration + */ +.uk-sticky-fixed { + z-index: 980; + box-sizing: border-box; + margin: 0 !important; + /* 1 */ + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +/* + * Faster animations + */ +.uk-sticky[class*='uk-animation-'] { + animation-duration: 0.2s; +} +.uk-sticky.uk-animation-reverse { + animation-duration: 0.2s; +} +/* ======================================================================== + Component: Off-canvas + ========================================================================== */ +/* + * 1. Hide by default + * 2. Set position + */ +.uk-offcanvas { + /* 1 */ + display: none; + /* 2 */ + position: fixed; + top: 0; + bottom: 0; + right: 0; + z-index: 1000; +} +/* + * Flip modifier + */ +.uk-offcanvas-flip .uk-offcanvas { + left: 0; + right: auto; +} +/* Bar + ========================================================================== */ +/* + * 1. Set position + * 2. Size and style + * 3. Allow scrolling + */ +.uk-offcanvas-bar { + /* 1 */ + position: absolute; + top: 0; + bottom: 0; + right: -270px; + /* 2 */ + box-sizing: border-box; + width: 270px; + padding: 20px 20px; + background: #222; + /* 3 */ + overflow-y: auto; + -webkit-overflow-scrolling: touch; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-offcanvas-bar { + right: -350px; + width: 350px; + padding: 40px 40px; + } +} +/* Flip modifier */ +.uk-offcanvas-flip .uk-offcanvas-bar { + right: auto; + left: -270px; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-offcanvas-flip .uk-offcanvas-bar { + left: -350px; + } +} +/* + * Open + */ +.uk-open > .uk-offcanvas-bar { + right: 0; +} +.uk-offcanvas-flip .uk-open > .uk-offcanvas-bar { + right: auto; + left: 0; +} +/* + * Slide Animation (Used in slide and push mode) + */ +.uk-offcanvas-bar-animation { + transition: right 0.3s ease-out; +} +.uk-offcanvas-flip .uk-offcanvas-bar-animation { + transition-property: left; +} +/* + * Reveal Animation + * 1. Set position + * 2. Clip the bar + * 3. Animation + * 4. Reset position + */ +.uk-offcanvas-reveal { + /* 1 */ + position: absolute; + top: 0; + bottom: 0; + right: 0; + /* 2 */ + width: 0; + overflow: hidden; + /* 3 */ + transition: width 0.3s ease-out; +} +.uk-offcanvas-reveal .uk-offcanvas-bar { + /* 4 */ + right: 0; +} +.uk-offcanvas-flip .uk-offcanvas-reveal .uk-offcanvas-bar { + /* 4 */ + right: auto; + left: 0; +} +.uk-open > .uk-offcanvas-reveal { + width: 270px; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-open > .uk-offcanvas-reveal { + width: 350px; + } +} +/* + * Flip modifier + */ +.uk-offcanvas-flip .uk-offcanvas-reveal { + left: 0; + right: auto; +} +/* Close + * Adopts `uk-close` + ========================================================================== */ +.uk-offcanvas-close { + position: absolute; + z-index: 1000; + top: 20px; + left: 20px; + padding: 5px; +} +/* Overlay + ========================================================================== */ +/* + * Overlay the whole page. Needed for the `::before` + * 1. Using `100vw` so no modification is needed when off-canvas is flipped + * 2. Allow for closing with swipe gesture on devices with pointer events. + */ +.uk-offcanvas-overlay { + /* 1 */ + width: 100vw; + /* 2 */ + touch-action: none; +} +/* + * 1. Mask the whole page + * 2. Fade-in transition + */ +.uk-offcanvas-overlay::before { + /* 1 */ + content: ""; + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; + background: rgba(0, 0, 0, 0.1); + /* 2 */ + opacity: 0; + transition: opacity 0.15s linear; +} +.uk-offcanvas-overlay.uk-open::before { + opacity: 1; +} +/* Prevent scrolling + ========================================================================== */ +/* + * Prevent horizontal scrollbar when the content is slide-out + * Has to be on the `html` element too to make it work on the `body` + */ +.uk-offcanvas-page, +.uk-offcanvas-container { + overflow-x: hidden; +} +/* Container + ========================================================================== */ +/* + * Prepare slide-out animation (Used in reveal and push mode) + * Using `position: left` instead of `transform` because position `fixed` elements like sticky navbars + * lose their fixed state and behaves like `absolute` within a transformed container + * 1. Provide a fixed width and prevent shrinking + */ +.uk-offcanvas-container { + position: relative; + right: 0; + transition: right 0.3s ease-out; + /* 1 */ + box-sizing: border-box; + width: 100%; +} +/* + * Activate slide-out animation + */ +:not(.uk-offcanvas-flip).uk-offcanvas-container-animation { + right: 270px; +} +.uk-offcanvas-flip.uk-offcanvas-container-animation { + right: -270px; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + :not(.uk-offcanvas-flip).uk-offcanvas-container-animation { + right: 350px; + } + .uk-offcanvas-flip.uk-offcanvas-container-animation { + right: -350px; + } +} +/* ======================================================================== + Component: Switcher + ========================================================================== */ +/* + * Reset list + */ +.uk-switcher { + margin: 0; + padding: 0; + list-style: none; +} +/* Items + ========================================================================== */ +/* + * Hide not active items + */ +.uk-switcher > :not(.uk-active) { + display: none; +} +/* + * Remove margin from the last-child + */ +.uk-switcher > * > :last-child { + margin-bottom: 0; +} +/* ======================================================================== + Component: Leader + ========================================================================== */ +.uk-leader { + overflow: hidden; +} +/* + * 1. Place element in text flow + * 2. Never break into a new line + * 3. Get a string back with as many repeating characters to fill the container + * 4. Prevent wrapping. Overflowing characters will be clipped by the container + */ +.uk-leader-fill::after { + /* 1 */ + display: inline-block; + margin-right: 15px; + /* 2 */ + width: 0; + /* 3 */ + content: attr(data-fill); + /* 4 */ + white-space: nowrap; +} +/* + * Hide if media does not match + */ +.uk-leader-fill.uk-leader-hide::after { + display: none; +} +/* + * Pass fill character to JS + */ +.uk-leader-fill-content::before { + content: '.'; +} +:root { + --uk-leader-fill-content: .; +} +/* ======================================================================== + Component: Notification + ========================================================================== */ +/* + * 1. Set position + * 2. Dimensions + */ +.uk-notification { + /* 1 */ + position: fixed; + top: 10px; + right: 10px; + z-index: 1040; + /* 2 */ + box-sizing: border-box; + width: 350px; +} +/* Position modifiers +========================================================================== */ +.uk-notification-top-left, +.uk-notification-bottom-left { + right: auto; + left: 10px; +} +.uk-notification-top-center, +.uk-notification-bottom-center { + right: 50%; + margin-right: -175px; +} +.uk-notification-bottom-right, +.uk-notification-bottom-left, +.uk-notification-bottom-center { + top: auto; + bottom: 10px; +} +/* Responsiveness +========================================================================== */ +/* Phones portrait and smaller */ +@media (max-width: 639px) { + .uk-notification { + right: 10px; + left: 10px; + width: auto; + margin: 0; + } +} +/* Message +========================================================================== */ +.uk-notification-message { + position: relative; + padding: 15px; + background: #f8f8f8; + color: #666; + font-size: 1.25rem; + line-height: 1.4; + cursor: pointer; +} +* + .uk-notification-message { + margin-top: 10px; +} +/* Close + * Adopts `uk-close` + ========================================================================== */ +.uk-notification-close { + display: none; + position: absolute; + top: 20px; + left: 15px; +} +.uk-notification-message:hover .uk-notification-close { + display: block; +} +/* Style modifiers + ========================================================================== */ +/* + * Primary + */ +.uk-notification-message-primary { + color: #1e87f0; +} +/* + * Success + */ +.uk-notification-message-success { + color: #32d296; +} +/* + * Warning + */ +.uk-notification-message-warning { + color: #faa05a; +} +/* + * Danger + */ +.uk-notification-message-danger { + color: #f0506e; +} +/* ======================================================================== + Component: Tooltip + ========================================================================== */ +/* + * 1. Hide by default + * 2. Position + * 3. Remove tooltip from document flow to keep the UIkit container from changing its size when injected into the document initially + * 4. Dimensions + * 5. Style + */ +.uk-tooltip { + /* 1 */ + display: none; + /* 2 */ + position: absolute; + z-index: 1030; + /* 3 */ + top: 0; + /* 4 */ + box-sizing: border-box; + max-width: 200px; + padding: 3px 6px; + /* 5 */ + background: #666; + border-radius: 2px; + color: #fff; + font-size: 12px; +} +/* Show */ +.uk-tooltip.uk-active { + display: block; +} +/* Direction / Alignment modifiers + ========================================================================== */ +/* Direction */ +[class*='uk-tooltip-top'] { + margin-top: -10px; +} +[class*='uk-tooltip-bottom'] { + margin-top: 10px; +} +[class*='uk-tooltip-right'] { + margin-right: -10px; +} +[class*='uk-tooltip-left'] { + margin-right: 10px; +} +/* ======================================================================== + Component: Sortable + ========================================================================== */ +.uk-sortable { + position: relative; +} +/* + * Remove margin from the last-child + */ +.uk-sortable > :last-child { + margin-bottom: 0; +} +/* Drag + ========================================================================== */ +.uk-sortable-drag { + position: fixed !important; + z-index: 1050 !important; + pointer-events: none; +} +/* Placeholder + ========================================================================== */ +.uk-sortable-placeholder { + opacity: 0; + pointer-events: none; +} +/* Empty modifier + ========================================================================== */ +.uk-sortable-empty { + min-height: 50px; +} +/* Handle + ========================================================================== */ +/* Hover */ +.uk-sortable-handle:hover { + cursor: move; +} +/* ======================================================================== + Component: Countdown + ========================================================================== */ +/* Item + ========================================================================== */ +/* Number + ========================================================================== */ +/* + * 1. Make numbers all of the same size to prevent jumping. Must be supported by the font. + * 2. Style + */ +.uk-countdown-number { + /* 1 */ + font-variant-numeric: tabular-nums; + /* 2 */ + font-size: 2rem; + line-height: 0.8; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-countdown-number { + font-size: 4rem; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-countdown-number { + font-size: 6rem; + } +} +/* Separator + ========================================================================== */ +.uk-countdown-separator { + font-size: 1rem; + line-height: 1.6; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-countdown-separator { + font-size: 2rem; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-countdown-separator { + font-size: 3rem; + } +} +/* Label + ========================================================================== */ +/* ======================================================================== + Component: Grid + ========================================================================== */ +/* + * 1. Allow cells to wrap into the next line + * 2. Reset list + */ +.uk-grid { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + margin: 0; + padding: 0; + list-style: none; +} +/* + * Grid cell + * Note: Space is allocated solely based on content dimensions, but shrinks: 0 1 auto + * Reset margin for e.g. paragraphs + */ +.uk-grid > * { + margin: 0; +} +/* + * Remove margin from the last-child + */ +.uk-grid > * > :last-child { + margin-bottom: 0; +} +/* Gutter + ========================================================================== */ +/* + * Default + */ +/* Horizontal */ +.uk-grid { + margin-right: -30px; +} +.uk-grid > * { + padding-right: 30px; +} +/* Vertical */ +.uk-grid + .uk-grid, +.uk-grid > .uk-grid-margin, +* + .uk-grid-margin { + margin-top: 30px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + /* Horizontal */ + .uk-grid { + margin-right: -40px; + } + .uk-grid > * { + padding-right: 40px; + } + /* Vertical */ + .uk-grid + .uk-grid, + .uk-grid > .uk-grid-margin, + * + .uk-grid-margin { + margin-top: 40px; + } +} +/* + * Small + */ +/* Horizontal */ +.uk-grid-small, +.uk-grid-column-small { + margin-right: -15px; +} +.uk-grid-small > *, +.uk-grid-column-small > * { + padding-right: 15px; +} +/* Vertical */ +.uk-grid + .uk-grid-small, +.uk-grid + .uk-grid-row-small, +.uk-grid-small > .uk-grid-margin, +.uk-grid-row-small > .uk-grid-margin, +* + .uk-grid-margin-small { + margin-top: 15px; +} +/* + * Medium + */ +/* Horizontal */ +.uk-grid-medium, +.uk-grid-column-medium { + margin-right: -30px; +} +.uk-grid-medium > *, +.uk-grid-column-medium > * { + padding-right: 30px; +} +/* Vertical */ +.uk-grid + .uk-grid-medium, +.uk-grid + .uk-grid-row-medium, +.uk-grid-medium > .uk-grid-margin, +.uk-grid-row-medium > .uk-grid-margin, +* + .uk-grid-margin-medium { + margin-top: 30px; +} +/* + * Large + */ +/* Horizontal */ +.uk-grid-large, +.uk-grid-column-large { + margin-right: -40px; +} +.uk-grid-large > *, +.uk-grid-column-large > * { + padding-right: 40px; +} +/* Vertical */ +.uk-grid + .uk-grid-large, +.uk-grid + .uk-grid-row-large, +.uk-grid-large > .uk-grid-margin, +.uk-grid-row-large > .uk-grid-margin, +* + .uk-grid-margin-large { + margin-top: 40px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + /* Horizontal */ + .uk-grid-large, + .uk-grid-column-large { + margin-right: -70px; + } + .uk-grid-large > *, + .uk-grid-column-large > * { + padding-right: 70px; + } + /* Vertical */ + .uk-grid + .uk-grid-large, + .uk-grid + .uk-grid-row-large, + .uk-grid-large > .uk-grid-margin, + .uk-grid-row-large > .uk-grid-margin, + * + .uk-grid-margin-large { + margin-top: 70px; + } +} +/* + * Collapse + */ +/* Horizontal */ +.uk-grid-collapse, +.uk-grid-column-collapse { + margin-right: 0; +} +.uk-grid-collapse > *, +.uk-grid-column-collapse > * { + padding-right: 0; +} +/* Vertical */ +.uk-grid + .uk-grid-collapse, +.uk-grid + .uk-grid-row-collapse, +.uk-grid-collapse > .uk-grid-margin, +.uk-grid-row-collapse > .uk-grid-margin { + margin-top: 0; +} +/* Divider + ========================================================================== */ +.uk-grid-divider > * { + position: relative; +} +.uk-grid-divider > :not(.uk-first-column)::before { + content: ""; + position: absolute; + top: 0; + bottom: 0; + border-right: 1px solid #e5e5e5; +} +/* Vertical */ +.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { + content: ""; + position: absolute; + right: 0; + left: 0; + border-top: 1px solid #e5e5e5; +} +/* + * Default + */ +/* Horizontal */ +.uk-grid-divider { + margin-right: -60px; +} +.uk-grid-divider > * { + padding-right: 60px; +} +.uk-grid-divider > :not(.uk-first-column)::before { + right: 30px; +} +/* Vertical */ +.uk-grid-divider.uk-grid-stack > .uk-grid-margin { + margin-top: 60px; +} +.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { + top: -30px; + right: 60px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + /* Horizontal */ + .uk-grid-divider { + margin-right: -80px; + } + .uk-grid-divider > * { + padding-right: 80px; + } + .uk-grid-divider > :not(.uk-first-column)::before { + right: 40px; + } + /* Vertical */ + .uk-grid-divider.uk-grid-stack > .uk-grid-margin { + margin-top: 80px; + } + .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { + top: -40px; + right: 80px; + } +} +/* + * Small + */ +/* Horizontal */ +.uk-grid-divider.uk-grid-small, +.uk-grid-divider.uk-grid-column-small { + margin-right: -30px; +} +.uk-grid-divider.uk-grid-small > *, +.uk-grid-divider.uk-grid-column-small > * { + padding-right: 30px; +} +.uk-grid-divider.uk-grid-small > :not(.uk-first-column)::before, +.uk-grid-divider.uk-grid-column-small > :not(.uk-first-column)::before { + right: 15px; +} +/* Vertical */ +.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin, +.uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin { + margin-top: 30px; +} +.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin::before { + top: -15px; + right: 30px; +} +.uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin::before { + top: -15px; +} +.uk-grid-divider.uk-grid-column-small.uk-grid-stack > .uk-grid-margin::before { + right: 30px; +} +/* + * Medium + */ +/* Horizontal */ +.uk-grid-divider.uk-grid-medium, +.uk-grid-divider.uk-grid-column-medium { + margin-right: -60px; +} +.uk-grid-divider.uk-grid-medium > *, +.uk-grid-divider.uk-grid-column-medium > * { + padding-right: 60px; +} +.uk-grid-divider.uk-grid-medium > :not(.uk-first-column)::before, +.uk-grid-divider.uk-grid-column-medium > :not(.uk-first-column)::before { + right: 30px; +} +/* Vertical */ +.uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin, +.uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin { + margin-top: 60px; +} +.uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin::before { + top: -30px; + right: 60px; +} +.uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin::before { + top: -30px; +} +.uk-grid-divider.uk-grid-column-medium.uk-grid-stack > .uk-grid-margin::before { + right: 60px; +} +/* + * Large + */ +/* Horizontal */ +.uk-grid-divider.uk-grid-large, +.uk-grid-divider.uk-grid-column-large { + margin-right: -80px; +} +.uk-grid-divider.uk-grid-large > *, +.uk-grid-divider.uk-grid-column-large > * { + padding-right: 80px; +} +.uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before, +.uk-grid-divider.uk-grid-column-large > :not(.uk-first-column)::before { + right: 40px; +} +/* Vertical */ +.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin, +.uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin { + margin-top: 80px; +} +.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before { + top: -40px; + right: 80px; +} +.uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before { + top: -40px; +} +.uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before { + right: 80px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + /* Horizontal */ + .uk-grid-divider.uk-grid-large, + .uk-grid-divider.uk-grid-column-large { + margin-right: -140px; + } + .uk-grid-divider.uk-grid-large > *, + .uk-grid-divider.uk-grid-column-large > * { + padding-right: 140px; + } + .uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before, + .uk-grid-divider.uk-grid-column-large > :not(.uk-first-column)::before { + right: 70px; + } + /* Vertical */ + .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin, + .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin { + margin-top: 140px; + } + .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before { + top: -70px; + right: 140px; + } + .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before { + top: -70px; + } + .uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before { + right: 140px; + } +} +/* Match child of a grid cell + ========================================================================== */ +/* + * Behave like a block element + * 1. Wrap into the next line + * 2. Take the full width, at least 100%. Only if no class from the Width component is set. + * 3. Expand width even if larger than 100%, e.g. because of negative margin (Needed for nested grids) + */ +.uk-grid-match > *, +.uk-grid-item-match { + display: flex; + /* 1 */ + flex-wrap: wrap; +} +.uk-grid-match > * > :not([class*='uk-width']), +.uk-grid-item-match > :not([class*='uk-width']) { + /* 2 */ + box-sizing: border-box; + width: 100%; + /* 3 */ + flex: auto; +} +/* ======================================================================== + Component: Nav + ========================================================================== */ +/* + * Reset + * 1. Prepare lists + * 2. Prepare links + * 3. Remove default focus style + */ +/* 1 */ +.uk-nav, +.uk-nav ul { + margin: 0; + padding: 0; + list-style: none; +} +/* 2 */ +.uk-nav li > a { + display: block; + text-decoration: none; +} +/* 3 */ +.uk-nav li > a:focus { + outline: none; +} +/* + * Items + * Must target `a` elements to exclude other elements (e.g. lists) + */ +.uk-nav > li > a { + padding: 5px 0; +} +/* Sublists + ========================================================================== */ +/* + * Level 2 + * `ul` needed for higher specificity to override padding + */ +ul.uk-nav-sub { + padding: 5px 15px 5px 0; +} +/* + * Level 3 and deeper + */ +.uk-nav-sub ul { + padding-right: 15px; +} +/* + * Items + */ +.uk-nav-sub a { + padding: 2px 0; +} +/* Parent icon modifier + ========================================================================== */ +.uk-nav-parent-icon > .uk-parent > a::after { + content: ""; + width: 1.5em; + height: 1.5em; + float: left; + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E"); + background-repeat: no-repeat; + background-position: 50% 50%; +} +.uk-nav-parent-icon > .uk-parent.uk-open > a::after { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +/* Header + ========================================================================== */ +.uk-nav-header { + padding: 5px 0; + text-transform: uppercase; + font-size: 0.875rem; +} +.uk-nav-header:not(:first-child) { + margin-top: 20px; +} +/* Divider + ========================================================================== */ +.uk-nav-divider { + margin: 5px 0; +} +/* Default modifier + ========================================================================== */ +.uk-nav-default { + font-size: 0.875rem; +} +/* + * Items + */ +.uk-nav-default > li > a { + color: #999; +} +/* Hover + Focus */ +.uk-nav-default > li > a:hover, +.uk-nav-default > li > a:focus { + color: #666; +} +/* Active */ +.uk-nav-default > li.uk-active > a { + color: #333; +} +/* + * Header + */ +.uk-nav-default .uk-nav-header { + color: #333; +} +/* + * Divider + */ +.uk-nav-default .uk-nav-divider { + border-top: 1px solid #e5e5e5; +} +/* + * Sublists + */ +.uk-nav-default .uk-nav-sub a { + color: #999; +} +.uk-nav-default .uk-nav-sub a:hover, +.uk-nav-default .uk-nav-sub a:focus { + color: #666; +} +.uk-nav-default .uk-nav-sub li.uk-active > a { + color: #333; +} +/* Primary modifier + ========================================================================== */ +/* + * Items + */ +.uk-nav-primary > li > a { + font-size: 1.5rem; + line-height: 1.5; + color: #999; +} +/* Hover + Focus */ +.uk-nav-primary > li > a:hover, +.uk-nav-primary > li > a:focus { + color: #666; +} +/* Active */ +.uk-nav-primary > li.uk-active > a { + color: #333; +} +/* + * Header + */ +.uk-nav-primary .uk-nav-header { + color: #333; +} +/* + * Divider + */ +.uk-nav-primary .uk-nav-divider { + border-top: 1px solid #e5e5e5; +} +/* + * Sublists + */ +.uk-nav-primary .uk-nav-sub a { + color: #999; +} +.uk-nav-primary .uk-nav-sub a:hover, +.uk-nav-primary .uk-nav-sub a:focus { + color: #666; +} +.uk-nav-primary .uk-nav-sub li.uk-active > a { + color: #333; +} +/* Alignment modifier + ========================================================================== */ +.uk-nav-center { + text-align: center; +} +/* Sublists */ +.uk-nav-center .uk-nav-sub, +.uk-nav-center .uk-nav-sub ul { + padding-right: 0; +} +/* Parent icon modifier */ +.uk-nav-center.uk-nav-parent-icon > .uk-parent > a::after { + position: absolute; +} +/* ======================================================================== + Component: Navbar + ========================================================================== */ +/* + * 1. Create position context to center navbar group + */ +.uk-navbar { + display: flex; + /* 1 */ + position: relative; +} +/* Container + ========================================================================== */ +.uk-navbar-container:not(.uk-navbar-transparent) { + background: #f8f8f8; +} +/* + * Remove pseudo elements created by micro clearfix as precaution (if Container component is used) + */ +.uk-navbar-container > ::before, +.uk-navbar-container > ::after { + display: none !important; +} +/* Groups + ========================================================================== */ +/* + * 1. Align navs and items vertically if they have a different height + * 2. Note: IE 11 requires an extra `div` which affects the center selector + */ +.uk-navbar-right, +.uk-navbar-left, +.uk-navbar-center, +.uk-navbar-center-right > *, +.uk-navbar-center-left > * { + display: flex; + /* 1 */ + align-items: center; +} +/* + * Horizontal alignment + * 1. Create position context for centered navbar with sub groups (left/right) + * 2. Fix text wrapping if content is larger than 50% of the container. + * 3. Needed for dropdowns because a new position context is created + * `z-index` must be smaller than off-canvas + * 4. Align sub groups for centered navbar + */ +.uk-navbar-left { + margin-right: auto; +} +.uk-navbar-center:only-child { + margin-right: auto; + margin-left: auto; + /* 1 */ + position: relative; +} +.uk-navbar-center:not(:only-child) { + position: absolute; + top: 50%; + right: 50%; + transform: translate(50%, -50%); + /* 2 */ + width: max-content; + box-sizing: border-box; + /* 3 */ + z-index: 990; +} +/* 4 */ +.uk-navbar-center-right, +.uk-navbar-center-left { + position: absolute; + top: 0; +} +.uk-navbar-center-right { + left: 100%; +} +.uk-navbar-center-left { + right: 100%; +} +[class*='uk-navbar-center-'] { + width: max-content; + box-sizing: border-box; +} +/* Nav + ========================================================================== */ +/* + * 1. Reset list + */ +.uk-navbar-nav { + display: flex; + /* 1 */ + margin: 0; + padding: 0; + list-style: none; +} +/* + * Allow items to wrap into the next line + * Only not `absolute` positioned groups + */ +.uk-navbar-right, +.uk-navbar-left, +.uk-navbar-center:only-child { + flex-wrap: wrap; +} +/* + * Items + * 1. Center content vertically and horizontally + * 2. Dimensions + * 3. Style + * 4. Required for `a` + */ +.uk-navbar-nav > li > a, +.uk-navbar-item, +.uk-navbar-toggle { + /* 1 */ + display: flex; + justify-content: center; + align-items: center; + /* 2 */ + box-sizing: border-box; + min-height: 80px; + padding: 0 15px; + /* 3 */ + font-size: 0.875rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + /* 4 */ + text-decoration: none; +} +/* + * Nav items + */ +.uk-navbar-nav > li > a { + color: #999; + text-transform: uppercase; + transition: 0.1s ease-in-out; + transition-property: color, background-color; +} +/* + * Hover + * Apply hover style also to focus state and if dropdown is opened + */ +.uk-navbar-nav > li:hover > a, +.uk-navbar-nav > li > a:focus, +.uk-navbar-nav > li > a.uk-open { + color: #666; + outline: none; +} +/* OnClick */ +.uk-navbar-nav > li > a:active { + color: #333; +} +/* Active */ +.uk-navbar-nav > li.uk-active > a { + color: #333; +} +/* Item + ========================================================================== */ +.uk-navbar-item { + color: #666; +} +/* Toggle + ========================================================================== */ +.uk-navbar-toggle { + color: #999; +} +.uk-navbar-toggle:hover, +.uk-navbar-toggle:focus, +.uk-navbar-toggle.uk-open { + color: #666; + outline: none; + text-decoration: none; +} +/* + * Icon + * Adopts `uk-icon` + */ +/* Hover + Focus */ +/* Subtitle + ========================================================================== */ +.uk-navbar-subtitle { + font-size: 0.875rem; +} +/* Style modifiers + ========================================================================== */ +/* Dropdown + ========================================================================== */ +/* + * Adopts `uk-dropdown` + * 1. Hide by default + * 2. Set position + * 3. Set a default width + * 4. Style + */ +.uk-navbar-dropdown { + /* 1 */ + display: none; + /* 2 */ + position: absolute; + z-index: 1020; + /* 3 */ + box-sizing: border-box; + width: 200px; + /* 4 */ + padding: 25px; + background: #fff; + color: #666; + box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15); +} +/* Show */ +.uk-navbar-dropdown.uk-open { + display: block; +} +/* + * Direction / Alignment modifiers + */ +/* Direction */ +[class*='uk-navbar-dropdown-top'] { + margin-top: -15px; +} +[class*='uk-navbar-dropdown-bottom'] { + margin-top: 15px; +} +[class*='uk-navbar-dropdown-right'] { + margin-right: -15px; +} +[class*='uk-navbar-dropdown-left'] { + margin-right: 15px; +} +/* + * Grid + * Adopts `uk-grid` + */ +/* Gutter Horizontal */ +.uk-navbar-dropdown-grid { + margin-right: -50px; +} +.uk-navbar-dropdown-grid > * { + padding-right: 50px; +} +/* Gutter Vertical */ +.uk-navbar-dropdown-grid > .uk-grid-margin { + margin-top: 50px; +} +/* Stack */ +.uk-navbar-dropdown-stack .uk-navbar-dropdown-grid > * { + width: 100% !important; +} +/* + * Width modifier + */ +.uk-navbar-dropdown-width-2:not(.uk-navbar-dropdown-stack) { + width: 400px; +} +.uk-navbar-dropdown-width-3:not(.uk-navbar-dropdown-stack) { + width: 600px; +} +.uk-navbar-dropdown-width-4:not(.uk-navbar-dropdown-stack) { + width: 800px; +} +.uk-navbar-dropdown-width-5:not(.uk-navbar-dropdown-stack) { + width: 1000px; +} +/* + * Dropbar modifier + */ +.uk-navbar-dropdown-dropbar { + margin-top: 0; + margin-bottom: 0; + box-shadow: none; +} +/* Dropdown Nav + * Adopts `uk-nav` + ========================================================================== */ +.uk-navbar-dropdown-nav { + font-size: 0.875rem; +} +/* + * Items + */ +.uk-navbar-dropdown-nav > li > a { + color: #999; +} +/* Hover + Focus */ +.uk-navbar-dropdown-nav > li > a:hover, +.uk-navbar-dropdown-nav > li > a:focus { + color: #666; +} +/* Active */ +.uk-navbar-dropdown-nav > li.uk-active > a { + color: #333; +} +/* + * Header + */ +.uk-navbar-dropdown-nav .uk-nav-header { + color: #333; +} +/* + * Divider + */ +.uk-navbar-dropdown-nav .uk-nav-divider { + border-top: 1px solid #e5e5e5; +} +/* + * Sublists + */ +.uk-navbar-dropdown-nav .uk-nav-sub a { + color: #999; +} +.uk-navbar-dropdown-nav .uk-nav-sub a:hover, +.uk-navbar-dropdown-nav .uk-nav-sub a:focus { + color: #666; +} +.uk-navbar-dropdown-nav .uk-nav-sub li.uk-active > a { + color: #333; +} +/* Dropbar + ========================================================================== */ +.uk-navbar-dropbar { + background: #fff; +} +/* + * Slide modifier + */ +.uk-navbar-dropbar-slide { + position: absolute; + z-index: 980; + right: 0; + left: 0; + box-shadow: 0 5px 7px rgba(0, 0, 0, 0.05); +} +/* + * Navbar + */ +.uk-navbar-container > .uk-container .uk-navbar-right { + margin-right: -15px; + margin-left: -15px; +} +.uk-navbar-container > .uk-container .uk-navbar-left { + margin-left: -15px; +} +/* + * Grid Divider + */ +.uk-navbar-dropdown-grid > * { + position: relative; +} +.uk-navbar-dropdown-grid > :not(.uk-first-column)::before { + content: ""; + position: absolute; + top: 0; + bottom: 0; + right: 25px; + border-right: 1px solid #e5e5e5; +} +/* Vertical */ +.uk-navbar-dropdown-grid.uk-grid-stack > .uk-grid-margin::before { + content: ""; + position: absolute; + top: -25px; + right: 50px; + left: 0; + border-top: 1px solid #e5e5e5; +} +/* ======================================================================== + Component: Subnav + ========================================================================== */ +/* + * 1. Allow items to wrap into the next line + * 2. Gutter + * 3. Reset list + */ +.uk-subnav { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + margin-right: -20px; + /* 3 */ + padding: 0; + list-style: none; +} +/* + * 1. Space is allocated solely based on content dimensions: 0 0 auto + * 2. Gutter + * 3. Create position context for dropdowns + */ +.uk-subnav > * { + /* 1 */ + flex: none; + /* 2 */ + padding-right: 20px; + /* 3 */ + position: relative; +} +/* Items + ========================================================================== */ +/* + * Items must target `a` elements to exclude other elements (e.g. dropdowns) + * Using `:first-child` instead of `a` to support `span` elements for text + * 1. Prevent gap if child element is `inline-block`, e.g. an icon + * 2. Style + */ +.uk-subnav > * > :first-child { + /* 1 */ + display: block; + /* 2 */ + color: #999; + font-size: 0.875rem; + text-transform: uppercase; + transition: 0.1s ease-in-out; + transition-property: color, background-color; +} +/* Hover + Focus */ +.uk-subnav > * > a:hover, +.uk-subnav > * > a:focus { + color: #666; + text-decoration: none; + outline: none; +} +/* Active */ +.uk-subnav > .uk-active > a { + color: #333; +} +/* Divider modifier + ========================================================================== */ +/* + * Set gutter + */ +.uk-subnav-divider { + margin-right: -41px; +} +/* + * Align items and divider vertically + */ +.uk-subnav-divider > * { + display: flex; + align-items: center; +} +/* + * Divider + * 1. `nth-child` makes it also work without JS if it's only one row + */ +.uk-subnav-divider > ::before { + content: ""; + height: 1.5em; + margin-right: 0px; + margin-left: 20px; + border-right: 1px solid transparent; +} +/* 1 */ +.uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before { + border-right-color: #e5e5e5; +} +/* Pill modifier + ========================================================================== */ +.uk-subnav-pill > * > :first-child { + padding: 5px 10px; + background: transparent; + color: #999; +} +/* Hover + Focus */ +.uk-subnav-pill > * > a:hover, +.uk-subnav-pill > * > a:focus { + background-color: #f8f8f8; + color: #666; +} +/* OnClick */ +.uk-subnav-pill > * > a:active { + background-color: #f8f8f8; + color: #666; +} +/* Active */ +.uk-subnav-pill > .uk-active > a { + background-color: #1e87f0; + color: #fff; +} +/* Disabled + * The same for all style modifiers + ========================================================================== */ +.uk-subnav > .uk-disabled > a { + color: #999; +} +/* ======================================================================== + Component: Breadcrumb + ========================================================================== */ +/* + * 1. Allow items to wrap into the next line + * 2. Reset list + */ +.uk-breadcrumb { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + padding: 0; + list-style: none; +} +/* + * Space is allocated solely based on content dimensions: 0 0 auto + */ +.uk-breadcrumb > * { + flex: none; +} +/* Items + ========================================================================== */ +.uk-breadcrumb > * > * { + display: inline-block; + font-size: 0.875rem; + color: #999; +} +/* Hover + Focus */ +.uk-breadcrumb > * > :hover, +.uk-breadcrumb > * > :focus { + color: #666; + text-decoration: none; +} +/* Disabled */ +/* Active */ +.uk-breadcrumb > :last-child > span, +.uk-breadcrumb > :last-child > a:not([href]) { + color: #666; +} +/* + * Divider + * `nth-child` makes it also work without JS if it's only one row + */ +.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before { + content: "/"; + display: inline-block; + margin: 0 20px; + font-size: 0.875rem; + color: #999; +} +/* ======================================================================== + Component: Pagination + ========================================================================== */ +/* + * 1. Allow items to wrap into the next line + * 2. Gutter + * 3. Reset list + */ +.uk-pagination { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + margin-right: -20px; + /* 3 */ + padding: 0; + list-style: none; +} +/* + * 1. Space is allocated solely based on content dimensions: 0 0 auto + * 2. Gutter + * 3. Create position context for dropdowns + */ +.uk-pagination > * { + /* 1 */ + flex: none; + /* 2 */ + padding-right: 20px; + /* 3 */ + position: relative; +} +/* Items + ========================================================================== */ +/* + * 1. Prevent gap if child element is `inline-block`, e.g. an icon + * 2. Style + */ +.uk-pagination > * > * { + /* 1 */ + display: block; + /* 2 */ + color: #999; + transition: color 0.1s ease-in-out; +} +/* Hover + Focus */ +.uk-pagination > * > :hover, +.uk-pagination > * > :focus { + color: #666; + text-decoration: none; +} +/* Active */ +.uk-pagination > .uk-active > * { + color: #666; +} +/* Disabled */ +.uk-pagination > .uk-disabled > * { + color: #999; +} +/* ======================================================================== + Component: Tab + ========================================================================== */ +/* + * 1. Allow items to wrap into the next line + * 2. Gutter + * 3. Reset list + */ +.uk-tab { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + margin-right: -20px; + /* 3 */ + padding: 0; + list-style: none; + position: relative; +} +.uk-tab::before { + content: ""; + position: absolute; + bottom: 0; + right: 20px; + left: 0; + border-bottom: 1px solid #e5e5e5; +} +/* + * 1. Space is allocated solely based on content dimensions: 0 0 auto + * 2. Gutter + * 3. Create position context for dropdowns + */ +.uk-tab > * { + /* 1 */ + flex: none; + /* 2 */ + padding-right: 20px; + /* 3 */ + position: relative; +} +/* Items + ========================================================================== */ +/* + * Items must target `a` elements to exclude other elements (e.g. dropdowns) + * 1. Center text if a width is set + * 2. Style + */ +.uk-tab > * > a { + /* 1 */ + display: block; + text-align: center; + /* 2 */ + padding: 5px 10px; + color: #999; + border-bottom: 1px solid transparent; + font-size: 0.875rem; + text-transform: uppercase; + transition: color 0.1s ease-in-out; +} +/* Hover + Focus */ +.uk-tab > * > a:hover, +.uk-tab > * > a:focus { + color: #666; + text-decoration: none; +} +/* Active */ +.uk-tab > .uk-active > a { + color: #333; + border-color: #1e87f0; +} +/* Disabled */ +.uk-tab > .uk-disabled > a { + color: #999; +} +/* Position modifier + ========================================================================== */ +/* + * Bottom + */ +.uk-tab-bottom::before { + top: 0; + bottom: auto; +} +.uk-tab-bottom > * > a { + border-top: 1px solid transparent; + border-bottom: none; +} +/* + * Left + Right + * 1. Reset Gutter + */ +.uk-tab-right, +.uk-tab-left { + flex-direction: column; + /* 1 */ + margin-right: 0; +} +/* 1 */ +.uk-tab-right > *, +.uk-tab-left > * { + padding-right: 0; +} +.uk-tab-right::before { + top: 0; + bottom: 0; + right: auto; + left: 0; + border-right: 1px solid #e5e5e5; + border-bottom: none; +} +.uk-tab-left::before { + top: 0; + bottom: 0; + right: 0; + left: auto; + border-right: 1px solid #e5e5e5; + border-bottom: none; +} +.uk-tab-right > * > a { + text-align: right; + border-left: 1px solid transparent; + border-bottom: none; +} +.uk-tab-left > * > a { + text-align: right; + border-right: 1px solid transparent; + border-bottom: none; +} +.uk-tab .uk-dropdown { + margin-right: 30px; +} +/* ======================================================================== + Component: Slidenav + ========================================================================== */ +/* + * Adopts `uk-icon` + */ +.uk-slidenav { + padding: 5px 10px; + color: rgba(102, 102, 102, 0.5); + transition: color 0.1s ease-in-out; +} +/* Hover + Focus */ +.uk-slidenav:hover, +.uk-slidenav:focus { + color: rgba(102, 102, 102, 0.9); + outline: none; +} +/* OnClick */ +.uk-slidenav:active { + color: rgba(102, 102, 102, 0.5); +} +/* Icon modifier + ========================================================================== */ +/* + * Previous + */ +/* + * Next + */ +/* Size modifier + ========================================================================== */ +.uk-slidenav-large { + padding: 10px 10px; +} +/* Container + ========================================================================== */ +.uk-slidenav-container { + display: flex; +} +/* ======================================================================== + Component: Dotnav + ========================================================================== */ +/* + * 1. Allow items to wrap into the next line + * 2. Reset list + * 3. Gutter + */ +.uk-dotnav { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + margin: 0; + padding: 0; + list-style: none; + /* 3 */ + margin-right: -12px; +} +/* + * 1. Space is allocated solely based on content dimensions: 0 0 auto + * 2. Gutter + */ +.uk-dotnav > * { + /* 1 */ + flex: none; + /* 2 */ + padding-right: 12px; +} +/* Items + ========================================================================== */ +/* + * Items + * 1. Hide text if present + */ +.uk-dotnav > * > * { + display: block; + box-sizing: border-box; + width: 10px; + height: 10px; + border-radius: 50%; + background: transparent; + /* 1 */ + text-indent: 100%; + overflow: hidden; + white-space: nowrap; + border: 1px solid rgba(102, 102, 102, 0.4); + transition: 0.2s ease-in-out; + transition-property: background-color, border-color; +} +/* Hover + Focus */ +.uk-dotnav > * > :hover, +.uk-dotnav > * > :focus { + background-color: rgba(102, 102, 102, 0.6); + outline: none; + border-color: transparent; +} +/* OnClick */ +.uk-dotnav > * > :active { + background-color: rgba(102, 102, 102, 0.2); + border-color: transparent; +} +/* Active */ +.uk-dotnav > .uk-active > * { + background-color: rgba(102, 102, 102, 0.6); + border-color: transparent; +} +/* Modifier: 'uk-dotnav-vertical' + ========================================================================== */ +/* + * 1. Change direction + * 2. Gutter + */ +.uk-dotnav-vertical { + /* 1 */ + flex-direction: column; + /* 2 */ + margin-right: 0; + margin-top: -12px; +} +/* 2 */ +.uk-dotnav-vertical > * { + padding-right: 0; + padding-top: 12px; +} +/* ======================================================================== + Component: Thumbnav + ========================================================================== */ +/* + * 1. Allow items to wrap into the next line + * 2. Reset list + * 3. Gutter + */ +.uk-thumbnav { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + margin: 0; + padding: 0; + list-style: none; + /* 3 */ + margin-right: -15px; +} +/* + * Space is allocated based on content dimensions, but shrinks: 0 1 auto + * 1. Gutter + */ +.uk-thumbnav > * { + /* 1 */ + padding-right: 15px; +} +/* Items + ========================================================================== */ +/* + * Items + */ +.uk-thumbnav > * > * { + display: inline-block; + position: relative; +} +.uk-thumbnav > * > *::after { + content: ""; + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; + background: rgba(255, 255, 255, 0.4); + transition: background-color 0.1s ease-in-out; +} +/* Hover + Focus */ +.uk-thumbnav > * > :hover, +.uk-thumbnav > * > :focus { + outline: none; +} +.uk-thumbnav > * > :hover::after, +.uk-thumbnav > * > :focus::after { + background-color: transparent; +} +/* Active */ +.uk-thumbnav > .uk-active > *::after { + background-color: transparent; +} +/* Modifier: 'uk-thumbnav-vertical' + ========================================================================== */ +/* + * 1. Change direction + * 2. Gutter + */ +.uk-thumbnav-vertical { + /* 1 */ + flex-direction: column; + /* 2 */ + margin-right: 0; + margin-top: -15px; +} +/* 2 */ +.uk-thumbnav-vertical > * { + padding-right: 0; + padding-top: 15px; +} +/* ======================================================================== + Component: Iconnav + ========================================================================== */ +/* + * 1. Allow items to wrap into the next line + * 2. Reset list + * 3. Gutter + */ +.uk-iconnav { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + margin: 0; + padding: 0; + list-style: none; + /* 3 */ + margin-right: -10px; +} +/* + * Space is allocated based on content dimensions, but shrinks: 0 1 auto + * 1. Gutter + */ +.uk-iconnav > * { + /* 1 */ + padding-right: 10px; +} +/* Items + ========================================================================== */ +/* + * Items must target `a` elements to exclude other elements (e.g. dropdowns) + * 1. Prevent gap if child element is `inline-block`, e.g. an icon + * 2. Style + */ +.uk-iconnav > * > a { + /* 1 */ + display: block; + /* 2 */ + color: #999; +} +/* Hover + Focus */ +.uk-iconnav > * > a:hover, +.uk-iconnav > * > a:focus { + color: #666; + outline: none; +} +/* Active */ +.uk-iconnav > .uk-active > a { + color: #666; +} +/* Modifier: 'uk-iconnav-vertical' + ========================================================================== */ +/* + * 1. Change direction + * 2. Gutter + */ +.uk-iconnav-vertical { + /* 1 */ + flex-direction: column; + /* 2 */ + margin-right: 0; + margin-top: -10px; +} +/* 2 */ +.uk-iconnav-vertical > * { + padding-right: 0; + padding-top: 10px; +} +/* ======================================================================== + Component: Animation + ========================================================================== */ +[class*='uk-animation-'] { + animation-duration: 0.5s; + animation-timing-function: ease-out; + animation-fill-mode: both; +} +/* Animations + ========================================================================== */ +/* + * Fade + */ +.uk-animation-fade { + animation-name: uk-fade; + animation-duration: 0.8s; + animation-timing-function: linear; +} +/* + * Scale + */ +.uk-animation-scale-up { + animation-name: uk-fade-scale-02; +} +.uk-animation-scale-down { + animation-name: uk-fade-scale-18; +} +/* + * Slide + */ +.uk-animation-slide-top { + animation-name: uk-fade-top; +} +.uk-animation-slide-bottom { + animation-name: uk-fade-bottom; +} +.uk-animation-slide-right { + animation-name: uk-fade-left; +} +.uk-animation-slide-left { + animation-name: uk-fade-right; +} +/* + * Slide Small + */ +.uk-animation-slide-top-small { + animation-name: uk-fade-top-small; +} +.uk-animation-slide-bottom-small { + animation-name: uk-fade-bottom-small; +} +.uk-animation-slide-right-small { + animation-name: uk-fade-left-small; +} +.uk-animation-slide-left-small { + animation-name: uk-fade-right-small; +} +/* + * Slide Medium + */ +.uk-animation-slide-top-medium { + animation-name: uk-fade-top-medium; +} +.uk-animation-slide-bottom-medium { + animation-name: uk-fade-bottom-medium; +} +.uk-animation-slide-right-medium { + animation-name: uk-fade-left-medium; +} +.uk-animation-slide-left-medium { + animation-name: uk-fade-right-medium; +} +/* + * Kenburns + */ +.uk-animation-kenburns { + animation-name: uk-scale-kenburns; + animation-duration: 15s; +} +/* + * Shake + */ +.uk-animation-shake { + animation-name: uk-shake; +} +/* + * SVG Stroke + * The `--uk-animation-stroke` custom property contains the longest path length. + * Set it manually or use `uk-svg="stroke-animation: true"` to set it automatically. + * All strokes are animated by the same pace and doesn't end simultaneously. + * To end simultaneously, `pathLength="1"` could be used, but it's not working in Safari yet. + */ +.uk-animation-stroke { + animation-name: uk-stroke; + stroke-dasharray: var(--uk-animation-stroke); + animation-duration: 2s; +} +/* Direction modifier + ========================================================================== */ +.uk-animation-reverse { + animation-direction: reverse; + animation-timing-function: ease-in; +} +/* Duration modifier + ========================================================================== */ +.uk-animation-fast { + animation-duration: 0.1s; +} +/* Toggle (Hover + Focus) +========================================================================== */ +/* + * The toggle is triggered on touch devices using `:focus` and tabindex + */ +.uk-animation-toggle:not(:hover):not(:focus) [class*='uk-animation-'] { + animation-name: none; +} +/* + * 1. Prevent tab highlighting on iOS. + */ +.uk-animation-toggle { + /* 1 */ + -webkit-tap-highlight-color: transparent; +} +/* + * Remove outline for `tabindex` + */ +.uk-animation-toggle:focus { + outline: none; +} +/* Keyframes used by animation classes + ========================================================================== */ +/* + * Fade + */ +@keyframes uk-fade { + 0% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +/* + * Slide Top + */ +@keyframes uk-fade-top { + 0% { + opacity: 0; + transform: translateY(-100%); + } + 100% { + opacity: 1; + transform: translateY(0); + } +} +/* + * Slide Bottom + */ +@keyframes uk-fade-bottom { + 0% { + opacity: 0; + transform: translateY(100%); + } + 100% { + opacity: 1; + transform: translateY(0); + } +} +/* + * Slide Left + */ +@keyframes uk-fade-left { + 0% { + opacity: 0; + transform: translateX(100%); + } + 100% { + opacity: 1; + transform: translateX(0); + } +} +/* + * Slide Right + */ +@keyframes uk-fade-right { + 0% { + opacity: 0; + transform: translateX(-100%); + } + 100% { + opacity: 1; + transform: translateX(0); + } +} +/* + * Slide Top Small + */ +@keyframes uk-fade-top-small { + 0% { + opacity: 0; + transform: translateY(-10px); + } + 100% { + opacity: 1; + transform: translateY(0); + } +} +/* + * Slide Bottom Small + */ +@keyframes uk-fade-bottom-small { + 0% { + opacity: 0; + transform: translateY(10px); + } + 100% { + opacity: 1; + transform: translateY(0); + } +} +/* + * Slide Left Small + */ +@keyframes uk-fade-left-small { + 0% { + opacity: 0; + transform: translateX(10px); + } + 100% { + opacity: 1; + transform: translateX(0); + } +} +/* + * Slide Right Small + */ +@keyframes uk-fade-right-small { + 0% { + opacity: 0; + transform: translateX(-10px); + } + 100% { + opacity: 1; + transform: translateX(0); + } +} +/* + * Slide Top Medium + */ +@keyframes uk-fade-top-medium { + 0% { + opacity: 0; + transform: translateY(-50px); + } + 100% { + opacity: 1; + transform: translateY(0); + } +} +/* + * Slide Bottom Medium + */ +@keyframes uk-fade-bottom-medium { + 0% { + opacity: 0; + transform: translateY(50px); + } + 100% { + opacity: 1; + transform: translateY(0); + } +} +/* + * Slide Left Medium + */ +@keyframes uk-fade-left-medium { + 0% { + opacity: 0; + transform: translateX(50px); + } + 100% { + opacity: 1; + transform: translateX(0); + } +} +/* + * Slide Right Medium + */ +@keyframes uk-fade-right-medium { + 0% { + opacity: 0; + transform: translateX(-50px); + } + 100% { + opacity: 1; + transform: translateX(0); + } +} +/* + * Scale Up + */ +@keyframes uk-fade-scale-02 { + 0% { + opacity: 0; + transform: scale(0.2); + } + 100% { + opacity: 1; + transform: scale(1); + } +} +/* + * Scale Down + */ +@keyframes uk-fade-scale-18 { + 0% { + opacity: 0; + transform: scale(1.8); + } + 100% { + opacity: 1; + transform: scale(1); + } +} +/* + * Kenburns + */ +@keyframes uk-scale-kenburns { + 0% { + transform: scale(1); + } + 100% { + transform: scale(1.2); + } +} +/* + * Shake + */ +@keyframes uk-shake { + 0%, + 100% { + transform: translateX(0); + } + 10% { + transform: translateX(9px); + } + 20% { + transform: translateX(-8px); + } + 30% { + transform: translateX(7px); + } + 40% { + transform: translateX(-6px); + } + 50% { + transform: translateX(5px); + } + 60% { + transform: translateX(-4px); + } + 70% { + transform: translateX(3px); + } + 80% { + transform: translateX(-2px); + } + 90% { + transform: translateX(1px); + } +} +/* + * Stroke + */ +@keyframes uk-stroke { + 0% { + stroke-dashoffset: var(--uk-animation-stroke); + } + 100% { + stroke-dashoffset: 0; + } +} +/* ======================================================================== + Component: Width + ========================================================================== */ +/* Equal child widths + ========================================================================== */ +[class*='uk-child-width'] > * { + box-sizing: border-box; + width: 100%; +} +.uk-child-width-1-2 > * { + width: 50%; +} +.uk-child-width-1-3 > * { + width: calc(100% * 1 / 3.001); +} +.uk-child-width-1-4 > * { + width: 25%; +} +.uk-child-width-1-5 > * { + width: 20%; +} +.uk-child-width-1-6 > * { + width: calc(100% * 1 / 6.001); +} +.uk-child-width-auto > * { + width: auto; +} +/* + * 1. Reset the `min-width`, which is set to auto by default, because + * flex items won't shrink below their minimum intrinsic content size. + * Using `1px` instead of `0`, so items still wrap into the next line, + * if they have zero width and padding and the predecessor is 100% wide. + */ +.uk-child-width-expand > :not([class*='uk-width']) { + flex: 1; + /* 1 */ + min-width: 1px; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-child-width-1-1\@s > * { + width: 100%; + } + .uk-child-width-1-2\@s > * { + width: 50%; + } + .uk-child-width-1-3\@s > * { + width: calc(100% * 1 / 3.001); + } + .uk-child-width-1-4\@s > * { + width: 25%; + } + .uk-child-width-1-5\@s > * { + width: 20%; + } + .uk-child-width-1-6\@s > * { + width: calc(100% * 1 / 6.001); + } + .uk-child-width-auto\@s > * { + width: auto; + } + .uk-child-width-expand\@s > :not([class*='uk-width']) { + flex: 1; + min-width: 1px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-child-width-1-1\@m > * { + width: 100%; + } + .uk-child-width-1-2\@m > * { + width: 50%; + } + .uk-child-width-1-3\@m > * { + width: calc(100% * 1 / 3.001); + } + .uk-child-width-1-4\@m > * { + width: 25%; + } + .uk-child-width-1-5\@m > * { + width: 20%; + } + .uk-child-width-1-6\@m > * { + width: calc(100% * 1 / 6.001); + } + .uk-child-width-auto\@m > * { + width: auto; + } + .uk-child-width-expand\@m > :not([class*='uk-width']) { + flex: 1; + min-width: 1px; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-child-width-1-1\@l > * { + width: 100%; + } + .uk-child-width-1-2\@l > * { + width: 50%; + } + .uk-child-width-1-3\@l > * { + width: calc(100% * 1 / 3.001); + } + .uk-child-width-1-4\@l > * { + width: 25%; + } + .uk-child-width-1-5\@l > * { + width: 20%; + } + .uk-child-width-1-6\@l > * { + width: calc(100% * 1 / 6.001); + } + .uk-child-width-auto\@l > * { + width: auto; + } + .uk-child-width-expand\@l > :not([class*='uk-width']) { + flex: 1; + min-width: 1px; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-child-width-1-1\@xl > * { + width: 100%; + } + .uk-child-width-1-2\@xl > * { + width: 50%; + } + .uk-child-width-1-3\@xl > * { + width: calc(100% * 1 / 3.001); + } + .uk-child-width-1-4\@xl > * { + width: 25%; + } + .uk-child-width-1-5\@xl > * { + width: 20%; + } + .uk-child-width-1-6\@xl > * { + width: calc(100% * 1 / 6.001); + } + .uk-child-width-auto\@xl > * { + width: auto; + } + .uk-child-width-expand\@xl > :not([class*='uk-width']) { + flex: 1; + min-width: 1px; + } +} +/* Single Widths + ========================================================================== */ +/* + * 1. `max-width` is needed for the pixel-based classes + */ +[class*='uk-width'] { + box-sizing: border-box; + width: 100%; + /* 1 */ + max-width: 100%; +} +/* Halves */ +.uk-width-1-2 { + width: 50%; +} +/* Thirds */ +.uk-width-1-3 { + width: calc(100% * 1 / 3.001); +} +.uk-width-2-3 { + width: calc(100% * 2 / 3.001); +} +/* Quarters */ +.uk-width-1-4 { + width: 25%; +} +.uk-width-3-4 { + width: 75%; +} +/* Fifths */ +.uk-width-1-5 { + width: 20%; +} +.uk-width-2-5 { + width: 40%; +} +.uk-width-3-5 { + width: 60%; +} +.uk-width-4-5 { + width: 80%; +} +/* Sixths */ +.uk-width-1-6 { + width: calc(100% * 1 / 6.001); +} +.uk-width-5-6 { + width: calc(100% * 5 / 6.001); +} +/* Pixel */ +.uk-width-small { + width: 150px; +} +.uk-width-medium { + width: 300px; +} +.uk-width-large { + width: 450px; +} +.uk-width-xlarge { + width: 600px; +} +.uk-width-2xlarge { + width: 750px; +} +/* Auto */ +.uk-width-auto { + width: auto; +} +/* Expand */ +.uk-width-expand { + flex: 1; + min-width: 1px; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + /* Whole */ + .uk-width-1-1\@s { + width: 100%; + } + /* Halves */ + .uk-width-1-2\@s { + width: 50%; + } + /* Thirds */ + .uk-width-1-3\@s { + width: calc(100% * 1 / 3.001); + } + .uk-width-2-3\@s { + width: calc(100% * 2 / 3.001); + } + /* Quarters */ + .uk-width-1-4\@s { + width: 25%; + } + .uk-width-3-4\@s { + width: 75%; + } + /* Fifths */ + .uk-width-1-5\@s { + width: 20%; + } + .uk-width-2-5\@s { + width: 40%; + } + .uk-width-3-5\@s { + width: 60%; + } + .uk-width-4-5\@s { + width: 80%; + } + /* Sixths */ + .uk-width-1-6\@s { + width: calc(100% * 1 / 6.001); + } + .uk-width-5-6\@s { + width: calc(100% * 5 / 6.001); + } + /* Pixel */ + .uk-width-small\@s { + width: 150px; + } + .uk-width-medium\@s { + width: 300px; + } + .uk-width-large\@s { + width: 450px; + } + .uk-width-xlarge\@s { + width: 600px; + } + .uk-width-2xlarge\@s { + width: 750px; + } + /* Auto */ + .uk-width-auto\@s { + width: auto; + } + /* Expand */ + .uk-width-expand\@s { + flex: 1; + min-width: 1px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + /* Whole */ + .uk-width-1-1\@m { + width: 100%; + } + /* Halves */ + .uk-width-1-2\@m { + width: 50%; + } + /* Thirds */ + .uk-width-1-3\@m { + width: calc(100% * 1 / 3.001); + } + .uk-width-2-3\@m { + width: calc(100% * 2 / 3.001); + } + /* Quarters */ + .uk-width-1-4\@m { + width: 25%; + } + .uk-width-3-4\@m { + width: 75%; + } + /* Fifths */ + .uk-width-1-5\@m { + width: 20%; + } + .uk-width-2-5\@m { + width: 40%; + } + .uk-width-3-5\@m { + width: 60%; + } + .uk-width-4-5\@m { + width: 80%; + } + /* Sixths */ + .uk-width-1-6\@m { + width: calc(100% * 1 / 6.001); + } + .uk-width-5-6\@m { + width: calc(100% * 5 / 6.001); + } + /* Pixel */ + .uk-width-small\@m { + width: 150px; + } + .uk-width-medium\@m { + width: 300px; + } + .uk-width-large\@m { + width: 450px; + } + .uk-width-xlarge\@m { + width: 600px; + } + .uk-width-2xlarge\@m { + width: 750px; + } + /* Auto */ + .uk-width-auto\@m { + width: auto; + } + /* Expand */ + .uk-width-expand\@m { + flex: 1; + min-width: 1px; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + /* Whole */ + .uk-width-1-1\@l { + width: 100%; + } + /* Halves */ + .uk-width-1-2\@l { + width: 50%; + } + /* Thirds */ + .uk-width-1-3\@l { + width: calc(100% * 1 / 3.001); + } + .uk-width-2-3\@l { + width: calc(100% * 2 / 3.001); + } + /* Quarters */ + .uk-width-1-4\@l { + width: 25%; + } + .uk-width-3-4\@l { + width: 75%; + } + /* Fifths */ + .uk-width-1-5\@l { + width: 20%; + } + .uk-width-2-5\@l { + width: 40%; + } + .uk-width-3-5\@l { + width: 60%; + } + .uk-width-4-5\@l { + width: 80%; + } + /* Sixths */ + .uk-width-1-6\@l { + width: calc(100% * 1 / 6.001); + } + .uk-width-5-6\@l { + width: calc(100% * 5 / 6.001); + } + /* Pixel */ + .uk-width-small\@l { + width: 150px; + } + .uk-width-medium\@l { + width: 300px; + } + .uk-width-large\@l { + width: 450px; + } + .uk-width-xlarge\@l { + width: 600px; + } + .uk-width-2xlarge\@l { + width: 750px; + } + /* Auto */ + .uk-width-auto\@l { + width: auto; + } + /* Expand */ + .uk-width-expand\@l { + flex: 1; + min-width: 1px; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + /* Whole */ + .uk-width-1-1\@xl { + width: 100%; + } + /* Halves */ + .uk-width-1-2\@xl { + width: 50%; + } + /* Thirds */ + .uk-width-1-3\@xl { + width: calc(100% * 1 / 3.001); + } + .uk-width-2-3\@xl { + width: calc(100% * 2 / 3.001); + } + /* Quarters */ + .uk-width-1-4\@xl { + width: 25%; + } + .uk-width-3-4\@xl { + width: 75%; + } + /* Fifths */ + .uk-width-1-5\@xl { + width: 20%; + } + .uk-width-2-5\@xl { + width: 40%; + } + .uk-width-3-5\@xl { + width: 60%; + } + .uk-width-4-5\@xl { + width: 80%; + } + /* Sixths */ + .uk-width-1-6\@xl { + width: calc(100% * 1 / 6.001); + } + .uk-width-5-6\@xl { + width: calc(100% * 5 / 6.001); + } + /* Pixel */ + .uk-width-small\@xl { + width: 150px; + } + .uk-width-medium\@xl { + width: 300px; + } + .uk-width-large\@xl { + width: 450px; + } + .uk-width-xlarge\@xl { + width: 600px; + } + .uk-width-2xlarge\@xl { + width: 750px; + } + /* Auto */ + .uk-width-auto\@xl { + width: auto; + } + /* Expand */ + .uk-width-expand\@xl { + flex: 1; + min-width: 1px; + } +} +/* ======================================================================== + Component: Height + ========================================================================== */ +[class*='uk-height'] { + box-sizing: border-box; +} +/* + * Only works if parent element has a height set + */ +.uk-height-1-1 { + height: 100%; +} +/* + * Useful to create image teasers + */ +.uk-height-viewport { + min-height: 100vh; +} +/* + * Pixel + * Useful for `overflow: auto` + */ +.uk-height-small { + height: 150px; +} +.uk-height-medium { + height: 300px; +} +.uk-height-large { + height: 450px; +} +.uk-height-max-small { + max-height: 150px; +} +.uk-height-max-medium { + max-height: 300px; +} +.uk-height-max-large { + max-height: 450px; +} +/* ======================================================================== + Component: Text + ========================================================================== */ +/* Style modifiers + ========================================================================== */ +.uk-text-lead { + font-size: 1.5rem; + line-height: 1.5; + color: #333; +} +.uk-text-meta { + font-size: 0.875rem; + line-height: 1.4; + color: #999; +} +.uk-text-meta a { + color: #999; +} +.uk-text-meta a:hover { + color: #666; + text-decoration: none; +} +/* Size modifiers + ========================================================================== */ +.uk-text-small { + font-size: 0.875rem; + line-height: 1.5; +} +.uk-text-large { + font-size: 1.5rem; + line-height: 1.5; +} +.uk-text-default { + font-size: 16px; + line-height: 1.5; +} +/* Weight modifier + ========================================================================== */ +.uk-text-light { + font-weight: 300; +} +.uk-text-normal { + font-weight: 400; +} +.uk-text-bold { + font-weight: 700; +} +.uk-text-lighter { + font-weight: lighter; +} +.uk-text-bolder { + font-weight: bolder; +} +/* Style modifier + ========================================================================== */ +.uk-text-italic { + font-style: italic; +} +/* Transform modifier + ========================================================================== */ +.uk-text-capitalize { + text-transform: capitalize !important; +} +.uk-text-uppercase { + text-transform: uppercase !important; +} +.uk-text-lowercase { + text-transform: lowercase !important; +} +/* Color modifiers + ========================================================================== */ +.uk-text-muted { + color: #999 !important; +} +.uk-text-emphasis { + color: #333 !important; +} +.uk-text-primary { + color: #1e87f0 !important; +} +.uk-text-secondary { + color: #222 !important; +} +.uk-text-success { + color: #32d296 !important; +} +.uk-text-warning { + color: #faa05a !important; +} +.uk-text-danger { + color: #f0506e !important; +} +/* Background modifier + ========================================================================== */ +/* + * 1. The background clips to the foreground text. Works in Chrome, Firefox, Safari, Edge and Opera + * Default color is set to transparent + * 2. Container fits the text + * 3. Fallback color for IE11 + */ +.uk-text-background { + /* 1 */ + -webkit-background-clip: text; + /* 2 */ + display: inline-block; + /* 3 */ + color: #1e87f0 !important; +} +@supports (-webkit-background-clip: text) { + .uk-text-background { + background-color: #1e87f0; + color: transparent !important; + } +} +/* Alignment modifiers + ========================================================================== */ +.uk-text-right { + text-align: right !important; +} +.uk-text-left { + text-align: left !important; +} +.uk-text-center { + text-align: center !important; +} +.uk-text-justify { + text-align: justify !important; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-text-right\@s { + text-align: right !important; + } + .uk-text-left\@s { + text-align: left !important; + } + .uk-text-center\@s { + text-align: center !important; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-text-right\@m { + text-align: right !important; + } + .uk-text-left\@m { + text-align: left !important; + } + .uk-text-center\@m { + text-align: center !important; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-text-right\@l { + text-align: right !important; + } + .uk-text-left\@l { + text-align: left !important; + } + .uk-text-center\@l { + text-align: center !important; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-text-right\@xl { + text-align: right !important; + } + .uk-text-left\@xl { + text-align: left !important; + } + .uk-text-center\@xl { + text-align: center !important; + } +} +/* + * Vertical + */ +.uk-text-top { + vertical-align: top !important; +} +.uk-text-middle { + vertical-align: middle !important; +} +.uk-text-bottom { + vertical-align: bottom !important; +} +.uk-text-baseline { + vertical-align: baseline !important; +} +/* Wrap modifiers + ========================================================================== */ +/* + * Prevent text from wrapping onto multiple lines + */ +.uk-text-nowrap { + white-space: nowrap; +} +/* + * 1. Make sure a max-width is set after which truncation can occur + * 2. Prevent text from wrapping onto multiple lines, and truncate with an ellipsis + * 3. Fix for table cells + */ +.uk-text-truncate { + /* 1 */ + max-width: 100%; + /* 2 */ + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +/* 2 */ +th.uk-text-truncate, +td.uk-text-truncate { + max-width: 0; +} +/* + * 1. Wrap long words onto the next line and break them if they are too long to fit + * 2. Legacy `word-wrap` as fallback for `overflow-wrap` + * 3. Fix `overflow-wrap` which doesn't work with table cells in Chrome, Opera, IE11 and Edge + * Must use `break-all` to support IE11 and Edge + * Note: Not using `hyphens: auto;` because it hyphenates text even if not needed + */ +.uk-text-break { + /* 1 */ + overflow-wrap: break-word; + /* 2 */ + word-wrap: break-word; +} +/* 3 */ +th.uk-text-break, +td.uk-text-break { + word-break: break-all; +} +/* ======================================================================== + Component: Column + ========================================================================== */ +[class*='uk-column-'] { + column-gap: 30px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + [class*='uk-column-'] { + column-gap: 40px; + } +} +/* + * Fix image 1px line wrapping into the next column in Chrome + */ +[class*='uk-column-'] img { + transform: translate3d(0, 0, 0); +} +/* Divider + ========================================================================== */ +/* + * 1. Double the column gap + */ +.uk-column-divider { + column-rule: 1px solid #e5e5e5; + /* 1 */ + column-gap: 60px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-column-divider { + column-gap: 80px; + } +} +/* Width modifiers + ========================================================================== */ +.uk-column-1-2 { + column-count: 2; +} +.uk-column-1-3 { + column-count: 3; +} +.uk-column-1-4 { + column-count: 4; +} +.uk-column-1-5 { + column-count: 5; +} +.uk-column-1-6 { + column-count: 6; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-column-1-2\@s { + column-count: 2; + } + .uk-column-1-3\@s { + column-count: 3; + } + .uk-column-1-4\@s { + column-count: 4; + } + .uk-column-1-5\@s { + column-count: 5; + } + .uk-column-1-6\@s { + column-count: 6; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-column-1-2\@m { + column-count: 2; + } + .uk-column-1-3\@m { + column-count: 3; + } + .uk-column-1-4\@m { + column-count: 4; + } + .uk-column-1-5\@m { + column-count: 5; + } + .uk-column-1-6\@m { + column-count: 6; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-column-1-2\@l { + column-count: 2; + } + .uk-column-1-3\@l { + column-count: 3; + } + .uk-column-1-4\@l { + column-count: 4; + } + .uk-column-1-5\@l { + column-count: 5; + } + .uk-column-1-6\@l { + column-count: 6; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-column-1-2\@xl { + column-count: 2; + } + .uk-column-1-3\@xl { + column-count: 3; + } + .uk-column-1-4\@xl { + column-count: 4; + } + .uk-column-1-5\@xl { + column-count: 5; + } + .uk-column-1-6\@xl { + column-count: 6; + } +} +/* Make element span across all columns + * Does not work in Firefox yet + ========================================================================== */ +.uk-column-span { + column-span: all; +} +/* ======================================================================== + Component: Cover + ========================================================================== */ +/* + * Works with iframes and embedded content + * 1. Reset responsiveness for embedded content + * 2. Center object + * Note: Percent values on the `top` property only works if this element + * is absolute positioned or if the container has a height + */ +.uk-cover { + /* 1 */ + max-width: none; + /* 2 */ + position: absolute; + right: 50%; + top: 50%; + transform: translate(50%, -50%); +} +iframe.uk-cover { + pointer-events: none; +} +/* Container + ========================================================================== */ +/* + * 1. Parent container which clips resized object + * 2. Needed if the child is positioned absolute. See note above + */ +.uk-cover-container { + /* 1 */ + overflow: hidden; + /* 2 */ + position: relative; +} +/* ======================================================================== + Component: Background + ========================================================================== */ +/* Color + ========================================================================== */ +.uk-background-default { + background-color: #fff; +} +.uk-background-muted { + background-color: #f8f8f8; +} +.uk-background-primary { + background-color: #1e87f0; +} +.uk-background-secondary { + background-color: #222; +} +/* Size + ========================================================================== */ +.uk-background-cover, +.uk-background-contain { + background-position: 50% 50%; + background-repeat: no-repeat; +} +.uk-background-cover { + background-size: cover; +} +.uk-background-contain { + background-size: contain; +} +/* Position + ========================================================================== */ +.uk-background-top-right { + background-position: 100% 0; +} +.uk-background-top-center { + background-position: 50% 0; +} +.uk-background-top-left { + background-position: 0% 0; +} +.uk-background-center-right { + background-position: 100% 50%; +} +.uk-background-center-center { + background-position: 50% 50%; +} +.uk-background-center-left { + background-position: 0% 50%; +} +.uk-background-bottom-right { + background-position: 100% 100%; +} +.uk-background-bottom-center { + background-position: 50% 100%; +} +.uk-background-bottom-left { + background-position: 0% 100%; +} +/* Repeat + ========================================================================== */ +.uk-background-norepeat { + background-repeat: no-repeat; +} +/* Attachment + ========================================================================== */ +/* + * 1. Fix bug introduced in Chrome 67: the background image is not visible if any element on the page uses `translate3d` + */ +.uk-background-fixed { + background-attachment: fixed; + /* 1 */ + backface-visibility: hidden; +} +/* + * Exclude touch devices because `fixed` doesn't work on iOS and Android + */ +@media (pointer: coarse) { + .uk-background-fixed { + background-attachment: scroll; + } +} +/* Image + ========================================================================== */ +/* Phone portrait and smaller */ +@media (max-width: 639px) { + .uk-background-image\@s { + background-image: none !important; + } +} +/* Phone landscape and smaller */ +@media (max-width: 959px) { + .uk-background-image\@m { + background-image: none !important; + } +} +/* Tablet landscape and smaller */ +@media (max-width: 1199px) { + .uk-background-image\@l { + background-image: none !important; + } +} +/* Desktop and smaller */ +@media (max-width: 1599px) { + .uk-background-image\@xl { + background-image: none !important; + } +} +/* Blend modes + ========================================================================== */ +.uk-background-blend-multiply { + background-blend-mode: multiply; +} +.uk-background-blend-screen { + background-blend-mode: screen; +} +.uk-background-blend-overlay { + background-blend-mode: overlay; +} +.uk-background-blend-darken { + background-blend-mode: darken; +} +.uk-background-blend-lighten { + background-blend-mode: lighten; +} +.uk-background-blend-color-dodge { + background-blend-mode: color-dodge; +} +.uk-background-blend-color-burn { + background-blend-mode: color-burn; +} +.uk-background-blend-hard-light { + background-blend-mode: hard-light; +} +.uk-background-blend-soft-light { + background-blend-mode: soft-light; +} +.uk-background-blend-difference { + background-blend-mode: difference; +} +.uk-background-blend-exclusion { + background-blend-mode: exclusion; +} +.uk-background-blend-hue { + background-blend-mode: hue; +} +.uk-background-blend-saturation { + background-blend-mode: saturation; +} +.uk-background-blend-color { + background-blend-mode: color; +} +.uk-background-blend-luminosity { + background-blend-mode: luminosity; +} +/* ======================================================================== + Component: Align + ========================================================================== */ +/* + * Default + */ +[class*='uk-align'] { + display: block; + margin-bottom: 30px; +} +* + [class*='uk-align'] { + margin-top: 30px; +} +/* + * Center + */ +.uk-align-center { + margin-right: auto; + margin-left: auto; +} +/* + * Left/Right + */ +.uk-align-right { + margin-top: 0; + margin-left: 30px; + float: right; +} +.uk-align-left { + margin-top: 0; + margin-right: 30px; + float: left; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-align-right\@s { + margin-top: 0; + margin-left: 30px; + float: right; + } + .uk-align-left\@s { + margin-top: 0; + margin-right: 30px; + float: left; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-align-right\@m { + margin-top: 0; + margin-left: 30px; + float: right; + } + .uk-align-left\@m { + margin-top: 0; + margin-right: 30px; + float: left; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-align-right\@l { + margin-top: 0; + float: right; + } + .uk-align-left\@l { + margin-top: 0; + float: left; + } + .uk-align-right, + .uk-align-right\@s, + .uk-align-right\@m, + .uk-align-right\@l { + margin-left: 40px; + } + .uk-align-left, + .uk-align-left\@s, + .uk-align-left\@m, + .uk-align-left\@l { + margin-right: 40px; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-align-right\@xl { + margin-top: 0; + margin-left: 40px; + float: right; + } + .uk-align-left\@xl { + margin-top: 0; + margin-right: 40px; + float: left; + } +} +/* ======================================================================== + Component: SVG + ========================================================================== */ +/* + * 1. Fill all SVG elements with the current text color if no `fill` attribute is set + * 2. Set the fill and stroke color of all SVG elements to the current text color + */ +/* 1 */ +.uk-svg, +.uk-svg:not(.uk-preserve) [fill*='#']:not(.uk-preserve) { + fill: currentcolor; +} +.uk-svg:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) { + stroke: currentcolor; +} +/* + * Fix Firefox blurry SVG rendering: https://bugzilla.mozilla.org/show_bug.cgi?id=1046835 + */ +.uk-svg { + transform: translate(0, 0); +} +/* ======================================================================== + Component: Utility + ========================================================================== */ +/* Panel + ========================================================================== */ +.uk-panel { + display: flow-root; + position: relative; + box-sizing: border-box; +} +/* + * Remove margin from the last-child + */ +.uk-panel > :last-child { + margin-bottom: 0; +} +/* + * Scrollable + */ +.uk-panel-scrollable { + height: 170px; + padding: 10px; + border: 1px solid #e5e5e5; + overflow: auto; + -webkit-overflow-scrolling: touch; + resize: both; +} +/* Clearfix + ========================================================================== */ +/* + * 1. `table-cell` is used with `::before` because `table` creates a 1px gap when it becomes a flex item, only in Webkit + * 2. `table` is used again with `::after` because `clear` only works with block elements. + * Note: `display: block` with `overflow: hidden` is currently not working in the latest Safari + */ +/* 1 */ +.uk-clearfix::before { + content: ""; + display: table-cell; +} +/* 2 */ +.uk-clearfix::after { + content: ""; + display: table; + clear: both; +} +/* Float + ========================================================================== */ +/* + * 1. Prevent content overflow + */ +.uk-float-right { + float: right; +} +.uk-float-left { + float: left; +} +/* 1 */ +[class*='uk-float-'] { + max-width: 100%; +} +/* Overfow + ========================================================================== */ +.uk-overflow-hidden { + overflow: hidden; +} +/* + * Enable scrollbars if content is clipped + * Note: Firefox ignores `padding-bottom` for the scrollable overflow https://bugzilla.mozilla.org/show_bug.cgi?id=748518 + */ +.uk-overflow-auto { + overflow: auto; + -webkit-overflow-scrolling: touch; +} +.uk-overflow-auto > :last-child { + margin-bottom: 0; +} +/* Resize + ========================================================================== */ +.uk-resize { + resize: both; +} +.uk-resize-vertical { + resize: vertical; +} +/* Display + ========================================================================== */ +.uk-display-block { + display: block !important; +} +.uk-display-inline { + display: inline !important; +} +.uk-display-inline-block { + display: inline-block !important; +} +/* Inline + ========================================================================== */ +/* + * 1. Container fits its content + * 2. Create position context + * 3. Prevent content overflow + * 4. Behave like most inline-block elements + * 5. Force hardware acceleration without creating a new stacking context + * to fix 1px glitch when combined with overlays and transitions in Webkit + * 6. Clip child elements + */ +[class*='uk-inline'] { + /* 1 */ + display: inline-block; + /* 2 */ + position: relative; + /* 3 */ + max-width: 100%; + /* 4 */ + vertical-align: middle; + /* 5 */ + -webkit-backface-visibility: hidden; +} +.uk-inline-clip { + /* 6 */ + overflow: hidden; +} +/* Responsive objects + ========================================================================== */ +/* + * Preserve original dimensions + * Because `img, `video`, `canvas` and `audio` are already responsive by default, see Base component + */ +.uk-preserve-width, +.uk-preserve-width canvas, +.uk-preserve-width img, +.uk-preserve-width svg, +.uk-preserve-width video { + max-width: none; +} +/* + * Responsiveness + * Corrects `max-width` and `max-height` behavior if padding and border are used + */ +.uk-responsive-width, +.uk-responsive-height { + box-sizing: border-box; +} +/* + * 1. Set a maximum width. `important` needed to override `uk-preserve-width img` + * 2. Auto scale the height. Only needed if `height` attribute is present + */ +.uk-responsive-width { + /* 1 */ + max-width: 100% !important; + /* 2 */ + height: auto; +} +/* + * 1. Set a maximum height. Only works if the parent element has a fixed height + * 2. Auto scale the width. Only needed if `width` attribute is present + * 3. Reset max-width, which `img, `video`, `canvas` and `audio` already have by default + */ +.uk-responsive-height { + /* 1 */ + max-height: 100%; + /* 2 */ + width: auto; + /* 3 */ + max-width: none; +} +/* Border + ========================================================================== */ +.uk-border-circle { + border-radius: 50%; +} +.uk-border-pill { + border-radius: 500px; +} +.uk-border-rounded { + border-radius: 5px; +} +/* + * Fix `overflow: hidden` to be ignored with border-radius and CSS transforms in Webkit + */ +.uk-inline-clip[class*='uk-border-'] { + -webkit-transform: translateZ(0); +} +/* Box-shadow + ========================================================================== */ +.uk-box-shadow-small { + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); +} +.uk-box-shadow-medium { + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); +} +.uk-box-shadow-large { + box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); +} +.uk-box-shadow-xlarge { + box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16); +} +/* + * Hover + */ +[class*='uk-box-shadow-hover'] { + transition: box-shadow 0.1s ease-in-out; +} +.uk-box-shadow-hover-small:hover { + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); +} +.uk-box-shadow-hover-medium:hover { + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); +} +.uk-box-shadow-hover-large:hover { + box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); +} +.uk-box-shadow-hover-xlarge:hover { + box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16); +} +/* Box-shadow bottom + ========================================================================== */ +/* + * 1. Set position. + * 2. Set style + * 3. Blur doesn't work on pseudo elements with negative `z-index` in Edge. + * Solved by using `before` and add position context to child elements. + */ +@supports (filter: blur(0)) { + .uk-box-shadow-bottom { + display: inline-block; + position: relative; + max-width: 100%; + vertical-align: middle; + } + .uk-box-shadow-bottom::before { + content: ''; + /* 1 */ + position: absolute; + bottom: -30px; + right: 0; + left: 0; + /* 2 */ + height: 30px; + border-radius: 100%; + background: #444; + filter: blur(20px); + } + /* 3 */ + .uk-box-shadow-bottom > * { + position: relative; + } +} +/* Drop cap + ========================================================================== */ +/* + * 1. Firefox doesn't apply `::first-letter` if the first letter is inside child elements + * https://bugzilla.mozilla.org/show_bug.cgi?id=214004 + * 2. In Firefox, a floating `::first-letter` doesn't have a line box and there for no `line-height` + * https://bugzilla.mozilla.org/show_bug.cgi?id=317933 + * 3. Caused by 1.: Edge creates two nested `::first-letter` containers, one for each selector + * This doubles the `font-size` exponential when using the `em` unit. + */ +.uk-dropcap::first-letter, +.uk-dropcap > p:first-of-type::first-letter { + display: block; + margin-left: 10px; + float: right; + font-size: 4.5em; + line-height: 1; + margin-bottom: -2px; +} +/* 2 */ +@-moz-document url-prefix() { + .uk-dropcap::first-letter, + .uk-dropcap > p:first-of-type::first-letter { + margin-top: 1.1%; + } +} +/* 3 */ +@supports (-ms-ime-align: auto) { + .uk-dropcap > p:first-of-type::first-letter { + font-size: 1em; + } +} +/* Logo + ========================================================================== */ +/* + * 1. Required for `a` + */ +.uk-logo { + font-size: 1.5rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + color: #666; + /* 1 */ + text-decoration: none; +} +/* Hover + Focus */ +.uk-logo:hover, +.uk-logo:focus { + color: #666; + outline: none; + /* 1 */ + text-decoration: none; +} +.uk-logo-inverse { + display: none; +} +/* Disabled State + ========================================================================== */ +.uk-disabled { + pointer-events: none; +} +/* Drag State + ========================================================================== */ +/* + * 1. Needed if moving over elements with have their own cursor on hover, e.g. links or buttons + * 2. Fix dragging over iframes + */ +.uk-drag, +.uk-drag * { + cursor: move; +} +/* 2 */ +.uk-drag iframe { + pointer-events: none; +} +/* Dragover State + ========================================================================== */ +/* + * Create a box-shadow when dragging a file over the upload area + */ +.uk-dragover { + box-shadow: 0 0 20px rgba(100, 100, 100, 0.3); +} +/* Blend modes + ========================================================================== */ +.uk-blend-multiply { + mix-blend-mode: multiply; +} +.uk-blend-screen { + mix-blend-mode: screen; +} +.uk-blend-overlay { + mix-blend-mode: overlay; +} +.uk-blend-darken { + mix-blend-mode: darken; +} +.uk-blend-lighten { + mix-blend-mode: lighten; +} +.uk-blend-color-dodge { + mix-blend-mode: color-dodge; +} +.uk-blend-color-burn { + mix-blend-mode: color-burn; +} +.uk-blend-hard-light { + mix-blend-mode: hard-light; +} +.uk-blend-soft-light { + mix-blend-mode: soft-light; +} +.uk-blend-difference { + mix-blend-mode: difference; +} +.uk-blend-exclusion { + mix-blend-mode: exclusion; +} +.uk-blend-hue { + mix-blend-mode: hue; +} +.uk-blend-saturation { + mix-blend-mode: saturation; +} +.uk-blend-color { + mix-blend-mode: color; +} +.uk-blend-luminosity { + mix-blend-mode: luminosity; +} +/* Transform +========================================================================== */ +.uk-transform-center { + transform: translate(50%, -50%); +} +/* Transform Origin +========================================================================== */ +.uk-transform-origin-top-right { + transform-origin: 100% 0; +} +.uk-transform-origin-top-center { + transform-origin: 50% 0; +} +.uk-transform-origin-top-left { + transform-origin: 0% 0; +} +.uk-transform-origin-center-right { + transform-origin: 100% 50%; +} +.uk-transform-origin-center-left { + transform-origin: 0% 50%; +} +.uk-transform-origin-bottom-right { + transform-origin: 100% 100%; +} +.uk-transform-origin-bottom-center { + transform-origin: 50% 100%; +} +.uk-transform-origin-bottom-left { + transform-origin: 0% 100%; +} +/* ======================================================================== + Component: Flex + ========================================================================== */ +.uk-flex { + display: flex; +} +.uk-flex-inline { + display: inline-flex; +} +/* + * Remove pseudo elements created by micro clearfix as precaution + */ +.uk-flex::before, +.uk-flex::after, +.uk-flex-inline::before, +.uk-flex-inline::after { + display: none; +} +/* Alignment + ========================================================================== */ +/* + * Align items along the main axis of the current line of the flex container + * Row: Horizontal + */ +.uk-flex-right { + justify-content: flex-start; +} +.uk-flex-center { + justify-content: center; +} +.uk-flex-left { + justify-content: flex-end; +} +.uk-flex-between { + justify-content: space-between; +} +.uk-flex-around { + justify-content: space-around; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-flex-right\@s { + justify-content: flex-start; + } + .uk-flex-center\@s { + justify-content: center; + } + .uk-flex-left\@s { + justify-content: flex-end; + } + .uk-flex-between\@s { + justify-content: space-between; + } + .uk-flex-around\@s { + justify-content: space-around; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-flex-right\@m { + justify-content: flex-start; + } + .uk-flex-center\@m { + justify-content: center; + } + .uk-flex-left\@m { + justify-content: flex-end; + } + .uk-flex-between\@m { + justify-content: space-between; + } + .uk-flex-around\@m { + justify-content: space-around; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-flex-right\@l { + justify-content: flex-start; + } + .uk-flex-center\@l { + justify-content: center; + } + .uk-flex-left\@l { + justify-content: flex-end; + } + .uk-flex-between\@l { + justify-content: space-between; + } + .uk-flex-around\@l { + justify-content: space-around; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-flex-right\@xl { + justify-content: flex-start; + } + .uk-flex-center\@xl { + justify-content: center; + } + .uk-flex-left\@xl { + justify-content: flex-end; + } + .uk-flex-between\@xl { + justify-content: space-between; + } + .uk-flex-around\@xl { + justify-content: space-around; + } +} +/* + * Align items in the cross axis of the current line of the flex container + * Row: Vertical + */ +.uk-flex-stretch { + align-items: stretch; +} +.uk-flex-top { + align-items: flex-start; +} +.uk-flex-middle { + align-items: center; +} +.uk-flex-bottom { + align-items: flex-end; +} +/* Direction + ========================================================================== */ +.uk-flex-row { + flex-direction: row; +} +.uk-flex-row-reverse { + flex-direction: row-reverse; +} +.uk-flex-column { + flex-direction: column; +} +.uk-flex-column-reverse { + flex-direction: column-reverse; +} +/* Wrap + ========================================================================== */ +.uk-flex-nowrap { + flex-wrap: nowrap; +} +.uk-flex-wrap { + flex-wrap: wrap; +} +.uk-flex-wrap-reverse { + flex-wrap: wrap-reverse; +} +/* + * Aligns items within the flex container when there is extra space in the cross-axis + * Only works if there is more than one line of flex items + */ +.uk-flex-wrap-stretch { + align-content: stretch; +} +.uk-flex-wrap-top { + align-content: flex-start; +} +.uk-flex-wrap-middle { + align-content: center; +} +.uk-flex-wrap-bottom { + align-content: flex-end; +} +.uk-flex-wrap-between { + align-content: space-between; +} +.uk-flex-wrap-around { + align-content: space-around; +} +/* Item ordering + ========================================================================== */ +/* + * Default is 0 + */ +.uk-flex-first { + order: -1; +} +.uk-flex-last { + order: 99; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-flex-first\@s { + order: -1; + } + .uk-flex-last\@s { + order: 99; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-flex-first\@m { + order: -1; + } + .uk-flex-last\@m { + order: 99; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-flex-first\@l { + order: -1; + } + .uk-flex-last\@l { + order: 99; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-flex-first\@xl { + order: -1; + } + .uk-flex-last\@xl { + order: 99; + } +} +/* Item dimensions + ========================================================================== */ +/* + * Initial: 0 1 auto + * Content dimensions, but shrinks + */ +/* + * No Flex: 0 0 auto + * Content dimensions + */ +.uk-flex-none { + flex: none; +} +/* + * Relative Flex: 1 1 auto + * Space is allocated considering content + */ +.uk-flex-auto { + flex: auto; +} +/* + * Absolute Flex: 1 1 0% + * Space is allocated solely based on flex + */ +.uk-flex-1 { + flex: 1; +} +/* ======================================================================== + Component: Margin + ========================================================================== */ +/* + * Default + */ +.uk-margin { + margin-bottom: 20px; +} +* + .uk-margin { + margin-top: 20px !important; +} +.uk-margin-top { + margin-top: 20px !important; +} +.uk-margin-bottom { + margin-bottom: 20px !important; +} +.uk-margin-right { + margin-right: 20px !important; +} +.uk-margin-left { + margin-left: 20px !important; +} +/* Small + ========================================================================== */ +.uk-margin-small { + margin-bottom: 10px; +} +* + .uk-margin-small { + margin-top: 10px !important; +} +.uk-margin-small-top { + margin-top: 10px !important; +} +.uk-margin-small-bottom { + margin-bottom: 10px !important; +} +.uk-margin-small-right { + margin-right: 10px !important; +} +.uk-margin-small-left { + margin-left: 10px !important; +} +/* Medium + ========================================================================== */ +.uk-margin-medium { + margin-bottom: 40px; +} +* + .uk-margin-medium { + margin-top: 40px !important; +} +.uk-margin-medium-top { + margin-top: 40px !important; +} +.uk-margin-medium-bottom { + margin-bottom: 40px !important; +} +.uk-margin-medium-right { + margin-right: 40px !important; +} +.uk-margin-medium-left { + margin-left: 40px !important; +} +/* Large + ========================================================================== */ +.uk-margin-large { + margin-bottom: 40px; +} +* + .uk-margin-large { + margin-top: 40px !important; +} +.uk-margin-large-top { + margin-top: 40px !important; +} +.uk-margin-large-bottom { + margin-bottom: 40px !important; +} +.uk-margin-large-right { + margin-right: 40px !important; +} +.uk-margin-large-left { + margin-left: 40px !important; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-margin-large { + margin-bottom: 70px; + } + * + .uk-margin-large { + margin-top: 70px !important; + } + .uk-margin-large-top { + margin-top: 70px !important; + } + .uk-margin-large-bottom { + margin-bottom: 70px !important; + } + .uk-margin-large-right { + margin-right: 70px !important; + } + .uk-margin-large-left { + margin-left: 70px !important; + } +} +/* XLarge + ========================================================================== */ +.uk-margin-xlarge { + margin-bottom: 70px; +} +* + .uk-margin-xlarge { + margin-top: 70px !important; +} +.uk-margin-xlarge-top { + margin-top: 70px !important; +} +.uk-margin-xlarge-bottom { + margin-bottom: 70px !important; +} +.uk-margin-xlarge-right { + margin-right: 70px !important; +} +.uk-margin-xlarge-left { + margin-left: 70px !important; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-margin-xlarge { + margin-bottom: 140px; + } + * + .uk-margin-xlarge { + margin-top: 140px !important; + } + .uk-margin-xlarge-top { + margin-top: 140px !important; + } + .uk-margin-xlarge-bottom { + margin-bottom: 140px !important; + } + .uk-margin-xlarge-right { + margin-right: 140px !important; + } + .uk-margin-xlarge-left { + margin-left: 140px !important; + } +} +/* Auto + ========================================================================== */ +.uk-margin-auto { + margin-right: auto !important; + margin-left: auto !important; +} +.uk-margin-auto-top { + margin-top: auto !important; +} +.uk-margin-auto-bottom { + margin-bottom: auto !important; +} +.uk-margin-auto-right { + margin-right: auto !important; +} +.uk-margin-auto-left { + margin-left: auto !important; +} +.uk-margin-auto-vertical { + margin-top: auto !important; + margin-bottom: auto !important; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-margin-auto\@s { + margin-right: auto !important; + margin-left: auto !important; + } + .uk-margin-auto-right\@s { + margin-right: auto !important; + } + .uk-margin-auto-left\@s { + margin-left: auto !important; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-margin-auto\@m { + margin-right: auto !important; + margin-left: auto !important; + } + .uk-margin-auto-right\@m { + margin-right: auto !important; + } + .uk-margin-auto-left\@m { + margin-left: auto !important; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-margin-auto\@l { + margin-right: auto !important; + margin-left: auto !important; + } + .uk-margin-auto-right\@l { + margin-right: auto !important; + } + .uk-margin-auto-left\@l { + margin-left: auto !important; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-margin-auto\@xl { + margin-right: auto !important; + margin-left: auto !important; + } + .uk-margin-auto-right\@xl { + margin-right: auto !important; + } + .uk-margin-auto-left\@xl { + margin-left: auto !important; + } +} +/* Remove + ========================================================================== */ +.uk-margin-remove { + margin: 0 !important; +} +.uk-margin-remove-top { + margin-top: 0 !important; +} +.uk-margin-remove-bottom { + margin-bottom: 0 !important; +} +.uk-margin-remove-right { + margin-right: 0 !important; +} +.uk-margin-remove-left { + margin-left: 0 !important; +} +.uk-margin-remove-vertical { + margin-top: 0 !important; + margin-bottom: 0 !important; +} +.uk-margin-remove-adjacent + *, +.uk-margin-remove-first-child > :first-child { + margin-top: 0 !important; +} +.uk-margin-remove-last-child > :last-child { + margin-bottom: 0 !important; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-margin-remove-right\@s { + margin-right: 0 !important; + } + .uk-margin-remove-left\@s { + margin-left: 0 !important; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-margin-remove-right\@m { + margin-right: 0 !important; + } + .uk-margin-remove-left\@m { + margin-left: 0 !important; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-margin-remove-right\@l { + margin-right: 0 !important; + } + .uk-margin-remove-left\@l { + margin-left: 0 !important; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-margin-remove-right\@xl { + margin-right: 0 !important; + } + .uk-margin-remove-left\@xl { + margin-left: 0 !important; + } +} +/* ======================================================================== + Component: Padding + ========================================================================== */ +.uk-padding { + padding: 30px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-padding { + padding: 40px; + } +} +/* Small + ========================================================================== */ +.uk-padding-small { + padding: 15px; +} +/* Large + ========================================================================== */ +.uk-padding-large { + padding: 30px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-padding-large { + padding: 70px; + } +} +/* Remove + ========================================================================== */ +.uk-padding-remove { + padding: 0 !important; +} +.uk-padding-remove-top { + padding-top: 0 !important; +} +.uk-padding-remove-bottom { + padding-bottom: 0 !important; +} +.uk-padding-remove-right { + padding-right: 0 !important; +} +.uk-padding-remove-left { + padding-left: 0 !important; +} +.uk-padding-remove-vertical { + padding-top: 0 !important; + padding-bottom: 0 !important; +} +.uk-padding-remove-horizontal { + padding-right: 0 !important; + padding-left: 0 !important; +} +/* ======================================================================== + Component: Position + ========================================================================== */ +/* Directions + ========================================================================== */ +/* + * 1. Prevent content overflow if `max-width: 100%` is used inside position container. + */ +[class*='uk-position-top'], +[class*='uk-position-bottom'], +[class*='uk-position-right'], +[class*='uk-position-left'], +[class*='uk-position-center'] { + position: absolute !important; + /* 1 */ + max-width: 100%; +} +/* Edges + ========================================================================== */ +/* Don't use `width: 100%` because it is wrong if the parent has padding. */ +.uk-position-top { + top: 0; + right: 0; + left: 0; +} +.uk-position-bottom { + bottom: 0; + right: 0; + left: 0; +} +.uk-position-right { + top: 0; + bottom: 0; + right: 0; +} +.uk-position-left { + top: 0; + bottom: 0; + left: 0; +} +/* Corners + ========================================================================== */ +.uk-position-top-right { + top: 0; + right: 0; +} +.uk-position-top-left { + top: 0; + left: 0; +} +.uk-position-bottom-right { + bottom: 0; + right: 0; +} +.uk-position-bottom-left { + bottom: 0; + left: 0; +} +/* + * Center + * 1. Fix text wrapping if content is larger than 50% of the container. + */ +.uk-position-center { + top: 50%; + right: 50%; + transform: translate(50%, -50%); + /* 1 */ + width: max-content; + max-width: 100%; + box-sizing: border-box; +} +/* Vertical */ +[class*='uk-position-center-right'], +[class*='uk-position-center-left'] { + top: 50%; + transform: translateY(-50%); +} +.uk-position-center-right { + right: 0; +} +.uk-position-center-left { + left: 0; +} +.uk-position-center-right-out { + left: 100%; + width: max-content; +} +.uk-position-center-left-out { + right: 100%; + width: max-content; +} +/* Horizontal */ +.uk-position-top-center, +.uk-position-bottom-center { + right: 50%; + transform: translateX(50%); + /* 1 */ + width: max-content; + max-width: 100%; + box-sizing: border-box; +} +.uk-position-top-center { + top: 0; +} +.uk-position-bottom-center { + bottom: 0; +} +/* Cover + ========================================================================== */ +.uk-position-cover { + position: absolute; + top: 0; + bottom: 0; + right: 0; + left: 0; +} +/* Utility + ========================================================================== */ +.uk-position-relative { + position: relative !important; +} +.uk-position-absolute { + position: absolute !important; +} +.uk-position-fixed { + position: fixed !important; +} +.uk-position-z-index { + z-index: 1; +} +/* Margin modifier + ========================================================================== */ +/* + * Small + */ +.uk-position-small { + max-width: calc(100% - (15px * 2)); + margin: 15px; +} +.uk-position-small.uk-position-center { + transform: translate(50%, -50%) translate(15px, -15px); +} +.uk-position-small[class*='uk-position-center-right'], +.uk-position-small[class*='uk-position-center-left'] { + transform: translateY(-50%) translateY(-15px); +} +.uk-position-small.uk-position-top-center, +.uk-position-small.uk-position-bottom-center { + transform: translateX(50%) translateX(15px); +} +/* + * Medium + */ +.uk-position-medium { + max-width: calc(100% - (30px * 2)); + margin: 30px; +} +.uk-position-medium.uk-position-center { + transform: translate(50%, -50%) translate(30px, -30px); +} +.uk-position-medium[class*='uk-position-center-right'], +.uk-position-medium[class*='uk-position-center-left'] { + transform: translateY(-50%) translateY(-30px); +} +.uk-position-medium.uk-position-top-center, +.uk-position-medium.uk-position-bottom-center { + transform: translateX(50%) translateX(30px); +} +/* + * Large + */ +.uk-position-large { + max-width: calc(100% - (30px * 2)); + margin: 30px; +} +.uk-position-large.uk-position-center { + transform: translate(50%, -50%) translate(30px, -30px); +} +.uk-position-large[class*='uk-position-center-right'], +.uk-position-large[class*='uk-position-center-left'] { + transform: translateY(-50%) translateY(-30px); +} +.uk-position-large.uk-position-top-center, +.uk-position-large.uk-position-bottom-center { + transform: translateX(50%) translateX(30px); +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-position-large { + max-width: calc(100% - (50px * 2)); + margin: 50px; + } + .uk-position-large.uk-position-center { + transform: translate(50%, -50%) translate(50px, -50px); + } + .uk-position-large[class*='uk-position-center-right'], + .uk-position-large[class*='uk-position-center-left'] { + transform: translateY(-50%) translateY(-50px); + } + .uk-position-large.uk-position-top-center, + .uk-position-large.uk-position-bottom-center { + transform: translateX(50%) translateX(50px); + } +} +/* ======================================================================== + Component: Transition + ========================================================================== */ +/* Toggle (Hover + Focus) + ========================================================================== */ +/* + * 1. Prevent tab highlighting on iOS. + */ +.uk-transition-toggle { + /* 1 */ + -webkit-tap-highlight-color: transparent; +} +/* + * Remove outline for `tabindex` + */ +.uk-transition-toggle:focus { + outline: none; +} +/* Transitions + ========================================================================== */ +/* + * The toggle is triggered on touch devices by two methods: + * 1. Using `:focus` and tabindex + * 2. Using `:hover` and a `touchstart` event listener registered on the document + * (Doesn't work on Surface touch devices) + * + * Note: Transitions don't work with `uk-postion-center-*` classes because they also use `transform`, + * therefore it's recommended to use an extra `div` for the transition. + */ +.uk-transition-fade, +[class*='uk-transition-scale'], +[class*='uk-transition-slide'] { + transition: 0.3s ease-out; + transition-property: opacity, transform, filter; + opacity: 0; +} +/* + * Fade + */ +.uk-transition-toggle:hover .uk-transition-fade, +.uk-transition-toggle:focus .uk-transition-fade, +.uk-transition-active.uk-active .uk-transition-fade { + opacity: 1; +} +/* + * Scale + */ +.uk-transition-scale-up { + transform: scale(1, 1); +} +.uk-transition-scale-down { + transform: scale(1.1, 1.1); +} +/* Show */ +.uk-transition-toggle:hover .uk-transition-scale-up, +.uk-transition-toggle:focus .uk-transition-scale-up, +.uk-transition-active.uk-active .uk-transition-scale-up { + opacity: 1; + transform: scale(1.1, 1.1); +} +.uk-transition-toggle:hover .uk-transition-scale-down, +.uk-transition-toggle:focus .uk-transition-scale-down, +.uk-transition-active.uk-active .uk-transition-scale-down { + opacity: 1; + transform: scale(1, 1); +} +/* + * Slide + */ +.uk-transition-slide-top { + transform: translateY(-100%); +} +.uk-transition-slide-bottom { + transform: translateY(100%); +} +.uk-transition-slide-right { + transform: translateX(100%); +} +.uk-transition-slide-left { + transform: translateX(-100%); +} +.uk-transition-slide-top-small { + transform: translateY(-10px); +} +.uk-transition-slide-bottom-small { + transform: translateY(10px); +} +.uk-transition-slide-right-small { + transform: translateX(10px); +} +.uk-transition-slide-left-small { + transform: translateX(-10px); +} +.uk-transition-slide-top-medium { + transform: translateY(-50px); +} +.uk-transition-slide-bottom-medium { + transform: translateY(50px); +} +.uk-transition-slide-right-medium { + transform: translateX(50px); +} +.uk-transition-slide-left-medium { + transform: translateX(-50px); +} +/* Show */ +.uk-transition-toggle:hover [class*='uk-transition-slide'], +.uk-transition-toggle:focus [class*='uk-transition-slide'], +.uk-transition-active.uk-active [class*='uk-transition-slide'] { + opacity: 1; + transform: translate(0, 0); +} +/* Opacity modifier + ========================================================================== */ +.uk-transition-opaque { + opacity: 1; +} +/* Duration modifiers + ========================================================================== */ +.uk-transition-slow { + transition-duration: 0.7s; +} +/* ======================================================================== + Component: Visibility + ========================================================================== */ +/* + * Hidden + * `hidden` attribute also set here to make it stronger + */ +[hidden], +.uk-hidden { + display: none !important; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-hidden\@s { + display: none !important; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-hidden\@m { + display: none !important; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-hidden\@l { + display: none !important; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-hidden\@xl { + display: none !important; + } +} +/* + * Visible + */ +/* Phone portrait and smaller */ +@media (max-width: 639px) { + .uk-visible\@s { + display: none !important; + } +} +/* Phone landscape and smaller */ +@media (max-width: 959px) { + .uk-visible\@m { + display: none !important; + } +} +/* Tablet landscape and smaller */ +@media (max-width: 1199px) { + .uk-visible\@l { + display: none !important; + } +} +/* Desktop and smaller */ +@media (max-width: 1599px) { + .uk-visible\@xl { + display: none !important; + } +} +/* Visibility + ========================================================================== */ +.uk-invisible { + visibility: hidden !important; +} +/* Toggle (Hover + Focus) + ========================================================================== */ +/* + * Hidden + * 1. The toggle is triggered on touch devices using `:focus` and tabindex + * 2. The target stays visible if any element within receives focus through keyboard + * Doesn't work in Edge, yet. + * 3. Can't use `display: none` nor `visibility: hidden` because both are not focusable. + * + */ +/* 1 + 2 */ +.uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within) { + /* 3 */ + position: absolute !important; + width: 0 !important; + height: 0 !important; + padding: 0 !important; + margin: 0 !important; + overflow: hidden !important; +} +/* + * Invisible + */ +/* 1 + 2 */ +.uk-visible-toggle:not(:hover):not(:focus) .uk-invisible-hover:not(:focus-within) { + /* 3 */ + opacity: 0 !important; +} +/* + * 1. Prevent tab highlighting on iOS. + */ +.uk-visible-toggle { + /* 1 */ + -webkit-tap-highlight-color: transparent; +} +/* + * Remove outline for `tabindex` + */ +.uk-visible-toggle:focus { + outline: none; +} +/* Touch + ========================================================================== */ +/* + * Hide if primary pointing device has limited accuracy, e.g. a touch screen. + * Works on mobile browsers: Safari, Chrome and Android browser + */ +@media (pointer: coarse) { + .uk-hidden-touch { + display: none !important; + } +} +/* + * Hide if primary pointing device is accurate, e.g. mouse. + * 1. Fallback for IE11 and Firefox, because `pointer` is not supported + * 2. Reset if supported + */ +/* 1 */ +.uk-hidden-notouch { + display: none !important; +} +@media (pointer: coarse) { + .uk-hidden-notouch { + display: block !important; + } +} +/* ======================================================================== + Component: Inverse + ========================================================================== */ +/* + * Implemented class depends on the general theme color + * `uk-light` is for light colors on dark backgrounds + * `uk-dark` is or dark colors on light backgrounds + */ +.uk-light, +.uk-section-primary:not(.uk-preserve-color), +.uk-section-secondary:not(.uk-preserve-color), +.uk-tile-primary:not(.uk-preserve-color), +.uk-tile-secondary:not(.uk-preserve-color), +.uk-card-primary.uk-card-body, +.uk-card-primary > :not([class*='uk-card-media']), +.uk-card-secondary.uk-card-body, +.uk-card-secondary > :not([class*='uk-card-media']), +.uk-overlay-primary, +.uk-offcanvas-bar { + color: rgba(255, 255, 255, 0.7); +} +.uk-light a, +.uk-light .uk-link, +.uk-section-primary:not(.uk-preserve-color) a, +.uk-section-primary:not(.uk-preserve-color) .uk-link, +.uk-section-secondary:not(.uk-preserve-color) a, +.uk-section-secondary:not(.uk-preserve-color) .uk-link, +.uk-tile-primary:not(.uk-preserve-color) a, +.uk-tile-primary:not(.uk-preserve-color) .uk-link, +.uk-tile-secondary:not(.uk-preserve-color) a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link, +.uk-card-primary.uk-card-body a, +.uk-card-primary.uk-card-body .uk-link, +.uk-card-primary > :not([class*='uk-card-media']) a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link, +.uk-card-secondary.uk-card-body a, +.uk-card-secondary.uk-card-body .uk-link, +.uk-card-secondary > :not([class*='uk-card-media']) a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link, +.uk-overlay-primary a, +.uk-overlay-primary .uk-link, +.uk-offcanvas-bar a, +.uk-offcanvas-bar .uk-link { + color: #fff; +} +.uk-light a:hover, +.uk-light .uk-link:hover, +.uk-section-primary:not(.uk-preserve-color) a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link:hover, +.uk-section-secondary:not(.uk-preserve-color) a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link:hover, +.uk-tile-primary:not(.uk-preserve-color) a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link:hover, +.uk-tile-secondary:not(.uk-preserve-color) a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link:hover, +.uk-card-primary.uk-card-body a:hover, +.uk-card-primary.uk-card-body .uk-link:hover, +.uk-card-primary > :not([class*='uk-card-media']) a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link:hover, +.uk-card-secondary.uk-card-body a:hover, +.uk-card-secondary.uk-card-body .uk-link:hover, +.uk-card-secondary > :not([class*='uk-card-media']) a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link:hover, +.uk-overlay-primary a:hover, +.uk-overlay-primary .uk-link:hover, +.uk-offcanvas-bar a:hover, +.uk-offcanvas-bar .uk-link:hover { + color: #fff; +} +.uk-light :not(pre) > code, +.uk-light :not(pre) > kbd, +.uk-light :not(pre) > samp, +.uk-section-primary:not(.uk-preserve-color) :not(pre) > code, +.uk-section-primary:not(.uk-preserve-color) :not(pre) > kbd, +.uk-section-primary:not(.uk-preserve-color) :not(pre) > samp, +.uk-section-secondary:not(.uk-preserve-color) :not(pre) > code, +.uk-section-secondary:not(.uk-preserve-color) :not(pre) > kbd, +.uk-section-secondary:not(.uk-preserve-color) :not(pre) > samp, +.uk-tile-primary:not(.uk-preserve-color) :not(pre) > code, +.uk-tile-primary:not(.uk-preserve-color) :not(pre) > kbd, +.uk-tile-primary:not(.uk-preserve-color) :not(pre) > samp, +.uk-tile-secondary:not(.uk-preserve-color) :not(pre) > code, +.uk-tile-secondary:not(.uk-preserve-color) :not(pre) > kbd, +.uk-tile-secondary:not(.uk-preserve-color) :not(pre) > samp, +.uk-card-primary.uk-card-body :not(pre) > code, +.uk-card-primary.uk-card-body :not(pre) > kbd, +.uk-card-primary.uk-card-body :not(pre) > samp, +.uk-card-primary > :not([class*='uk-card-media']) :not(pre) > code, +.uk-card-primary > :not([class*='uk-card-media']) :not(pre) > kbd, +.uk-card-primary > :not([class*='uk-card-media']) :not(pre) > samp, +.uk-card-secondary.uk-card-body :not(pre) > code, +.uk-card-secondary.uk-card-body :not(pre) > kbd, +.uk-card-secondary.uk-card-body :not(pre) > samp, +.uk-card-secondary > :not([class*='uk-card-media']) :not(pre) > code, +.uk-card-secondary > :not([class*='uk-card-media']) :not(pre) > kbd, +.uk-card-secondary > :not([class*='uk-card-media']) :not(pre) > samp, +.uk-overlay-primary :not(pre) > code, +.uk-overlay-primary :not(pre) > kbd, +.uk-overlay-primary :not(pre) > samp, +.uk-offcanvas-bar :not(pre) > code, +.uk-offcanvas-bar :not(pre) > kbd, +.uk-offcanvas-bar :not(pre) > samp { + color: rgba(255, 255, 255, 0.7); + background: rgba(255, 255, 255, 0.1); +} +.uk-light em, +.uk-section-primary:not(.uk-preserve-color) em, +.uk-section-secondary:not(.uk-preserve-color) em, +.uk-tile-primary:not(.uk-preserve-color) em, +.uk-tile-secondary:not(.uk-preserve-color) em, +.uk-card-primary.uk-card-body em, +.uk-card-primary > :not([class*='uk-card-media']) em, +.uk-card-secondary.uk-card-body em, +.uk-card-secondary > :not([class*='uk-card-media']) em, +.uk-overlay-primary em, +.uk-offcanvas-bar em { + color: #fff; +} +.uk-light h1, +.uk-light .uk-h1, +.uk-light h2, +.uk-light .uk-h2, +.uk-light h3, +.uk-light .uk-h3, +.uk-light h4, +.uk-light .uk-h4, +.uk-light h5, +.uk-light .uk-h5, +.uk-light h6, +.uk-light .uk-h6, +.uk-light .uk-heading-small, +.uk-light .uk-heading-medium, +.uk-light .uk-heading-large, +.uk-light .uk-heading-xlarge, +.uk-light .uk-heading-2xlarge, +.uk-section-primary:not(.uk-preserve-color) h1, +.uk-section-primary:not(.uk-preserve-color) .uk-h1, +.uk-section-primary:not(.uk-preserve-color) h2, +.uk-section-primary:not(.uk-preserve-color) .uk-h2, +.uk-section-primary:not(.uk-preserve-color) h3, +.uk-section-primary:not(.uk-preserve-color) .uk-h3, +.uk-section-primary:not(.uk-preserve-color) h4, +.uk-section-primary:not(.uk-preserve-color) .uk-h4, +.uk-section-primary:not(.uk-preserve-color) h5, +.uk-section-primary:not(.uk-preserve-color) .uk-h5, +.uk-section-primary:not(.uk-preserve-color) h6, +.uk-section-primary:not(.uk-preserve-color) .uk-h6, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-small, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-medium, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-large, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-xlarge, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-2xlarge, +.uk-section-secondary:not(.uk-preserve-color) h1, +.uk-section-secondary:not(.uk-preserve-color) .uk-h1, +.uk-section-secondary:not(.uk-preserve-color) h2, +.uk-section-secondary:not(.uk-preserve-color) .uk-h2, +.uk-section-secondary:not(.uk-preserve-color) h3, +.uk-section-secondary:not(.uk-preserve-color) .uk-h3, +.uk-section-secondary:not(.uk-preserve-color) h4, +.uk-section-secondary:not(.uk-preserve-color) .uk-h4, +.uk-section-secondary:not(.uk-preserve-color) h5, +.uk-section-secondary:not(.uk-preserve-color) .uk-h5, +.uk-section-secondary:not(.uk-preserve-color) h6, +.uk-section-secondary:not(.uk-preserve-color) .uk-h6, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-small, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-medium, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-large, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-xlarge, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-2xlarge, +.uk-tile-primary:not(.uk-preserve-color) h1, +.uk-tile-primary:not(.uk-preserve-color) .uk-h1, +.uk-tile-primary:not(.uk-preserve-color) h2, +.uk-tile-primary:not(.uk-preserve-color) .uk-h2, +.uk-tile-primary:not(.uk-preserve-color) h3, +.uk-tile-primary:not(.uk-preserve-color) .uk-h3, +.uk-tile-primary:not(.uk-preserve-color) h4, +.uk-tile-primary:not(.uk-preserve-color) .uk-h4, +.uk-tile-primary:not(.uk-preserve-color) h5, +.uk-tile-primary:not(.uk-preserve-color) .uk-h5, +.uk-tile-primary:not(.uk-preserve-color) h6, +.uk-tile-primary:not(.uk-preserve-color) .uk-h6, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-small, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-medium, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-large, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-xlarge, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-2xlarge, +.uk-tile-secondary:not(.uk-preserve-color) h1, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h1, +.uk-tile-secondary:not(.uk-preserve-color) h2, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h2, +.uk-tile-secondary:not(.uk-preserve-color) h3, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h3, +.uk-tile-secondary:not(.uk-preserve-color) h4, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h4, +.uk-tile-secondary:not(.uk-preserve-color) h5, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h5, +.uk-tile-secondary:not(.uk-preserve-color) h6, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h6, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-small, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-medium, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-large, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-xlarge, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-2xlarge, +.uk-card-primary.uk-card-body h1, +.uk-card-primary.uk-card-body .uk-h1, +.uk-card-primary.uk-card-body h2, +.uk-card-primary.uk-card-body .uk-h2, +.uk-card-primary.uk-card-body h3, +.uk-card-primary.uk-card-body .uk-h3, +.uk-card-primary.uk-card-body h4, +.uk-card-primary.uk-card-body .uk-h4, +.uk-card-primary.uk-card-body h5, +.uk-card-primary.uk-card-body .uk-h5, +.uk-card-primary.uk-card-body h6, +.uk-card-primary.uk-card-body .uk-h6, +.uk-card-primary.uk-card-body .uk-heading-small, +.uk-card-primary.uk-card-body .uk-heading-medium, +.uk-card-primary.uk-card-body .uk-heading-large, +.uk-card-primary.uk-card-body .uk-heading-xlarge, +.uk-card-primary.uk-card-body .uk-heading-2xlarge, +.uk-card-primary > :not([class*='uk-card-media']) h1, +.uk-card-primary > :not([class*='uk-card-media']) .uk-h1, +.uk-card-primary > :not([class*='uk-card-media']) h2, +.uk-card-primary > :not([class*='uk-card-media']) .uk-h2, +.uk-card-primary > :not([class*='uk-card-media']) h3, +.uk-card-primary > :not([class*='uk-card-media']) .uk-h3, +.uk-card-primary > :not([class*='uk-card-media']) h4, +.uk-card-primary > :not([class*='uk-card-media']) .uk-h4, +.uk-card-primary > :not([class*='uk-card-media']) h5, +.uk-card-primary > :not([class*='uk-card-media']) .uk-h5, +.uk-card-primary > :not([class*='uk-card-media']) h6, +.uk-card-primary > :not([class*='uk-card-media']) .uk-h6, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-small, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-medium, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-large, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-xlarge, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-2xlarge, +.uk-card-secondary.uk-card-body h1, +.uk-card-secondary.uk-card-body .uk-h1, +.uk-card-secondary.uk-card-body h2, +.uk-card-secondary.uk-card-body .uk-h2, +.uk-card-secondary.uk-card-body h3, +.uk-card-secondary.uk-card-body .uk-h3, +.uk-card-secondary.uk-card-body h4, +.uk-card-secondary.uk-card-body .uk-h4, +.uk-card-secondary.uk-card-body h5, +.uk-card-secondary.uk-card-body .uk-h5, +.uk-card-secondary.uk-card-body h6, +.uk-card-secondary.uk-card-body .uk-h6, +.uk-card-secondary.uk-card-body .uk-heading-small, +.uk-card-secondary.uk-card-body .uk-heading-medium, +.uk-card-secondary.uk-card-body .uk-heading-large, +.uk-card-secondary.uk-card-body .uk-heading-xlarge, +.uk-card-secondary.uk-card-body .uk-heading-2xlarge, +.uk-card-secondary > :not([class*='uk-card-media']) h1, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-h1, +.uk-card-secondary > :not([class*='uk-card-media']) h2, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-h2, +.uk-card-secondary > :not([class*='uk-card-media']) h3, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-h3, +.uk-card-secondary > :not([class*='uk-card-media']) h4, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-h4, +.uk-card-secondary > :not([class*='uk-card-media']) h5, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-h5, +.uk-card-secondary > :not([class*='uk-card-media']) h6, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-h6, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-small, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-medium, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-large, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-xlarge, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-2xlarge, +.uk-overlay-primary h1, +.uk-overlay-primary .uk-h1, +.uk-overlay-primary h2, +.uk-overlay-primary .uk-h2, +.uk-overlay-primary h3, +.uk-overlay-primary .uk-h3, +.uk-overlay-primary h4, +.uk-overlay-primary .uk-h4, +.uk-overlay-primary h5, +.uk-overlay-primary .uk-h5, +.uk-overlay-primary h6, +.uk-overlay-primary .uk-h6, +.uk-overlay-primary .uk-heading-small, +.uk-overlay-primary .uk-heading-medium, +.uk-overlay-primary .uk-heading-large, +.uk-overlay-primary .uk-heading-xlarge, +.uk-overlay-primary .uk-heading-2xlarge, +.uk-offcanvas-bar h1, +.uk-offcanvas-bar .uk-h1, +.uk-offcanvas-bar h2, +.uk-offcanvas-bar .uk-h2, +.uk-offcanvas-bar h3, +.uk-offcanvas-bar .uk-h3, +.uk-offcanvas-bar h4, +.uk-offcanvas-bar .uk-h4, +.uk-offcanvas-bar h5, +.uk-offcanvas-bar .uk-h5, +.uk-offcanvas-bar h6, +.uk-offcanvas-bar .uk-h6, +.uk-offcanvas-bar .uk-heading-small, +.uk-offcanvas-bar .uk-heading-medium, +.uk-offcanvas-bar .uk-heading-large, +.uk-offcanvas-bar .uk-heading-xlarge, +.uk-offcanvas-bar .uk-heading-2xlarge { + color: #fff; +} +.uk-light blockquote, +.uk-section-primary:not(.uk-preserve-color) blockquote, +.uk-section-secondary:not(.uk-preserve-color) blockquote, +.uk-tile-primary:not(.uk-preserve-color) blockquote, +.uk-tile-secondary:not(.uk-preserve-color) blockquote, +.uk-card-primary.uk-card-body blockquote, +.uk-card-primary > :not([class*='uk-card-media']) blockquote, +.uk-card-secondary.uk-card-body blockquote, +.uk-card-secondary > :not([class*='uk-card-media']) blockquote, +.uk-overlay-primary blockquote, +.uk-offcanvas-bar blockquote { + color: #fff; +} +.uk-light blockquote footer, +.uk-section-primary:not(.uk-preserve-color) blockquote footer, +.uk-section-secondary:not(.uk-preserve-color) blockquote footer, +.uk-tile-primary:not(.uk-preserve-color) blockquote footer, +.uk-tile-secondary:not(.uk-preserve-color) blockquote footer, +.uk-card-primary.uk-card-body blockquote footer, +.uk-card-primary > :not([class*='uk-card-media']) blockquote footer, +.uk-card-secondary.uk-card-body blockquote footer, +.uk-card-secondary > :not([class*='uk-card-media']) blockquote footer, +.uk-overlay-primary blockquote footer, +.uk-offcanvas-bar blockquote footer { + color: rgba(255, 255, 255, 0.7); +} +.uk-light hr, +.uk-light .uk-hr, +.uk-section-primary:not(.uk-preserve-color) hr, +.uk-section-primary:not(.uk-preserve-color) .uk-hr, +.uk-section-secondary:not(.uk-preserve-color) hr, +.uk-section-secondary:not(.uk-preserve-color) .uk-hr, +.uk-tile-primary:not(.uk-preserve-color) hr, +.uk-tile-primary:not(.uk-preserve-color) .uk-hr, +.uk-tile-secondary:not(.uk-preserve-color) hr, +.uk-tile-secondary:not(.uk-preserve-color) .uk-hr, +.uk-card-primary.uk-card-body hr, +.uk-card-primary.uk-card-body .uk-hr, +.uk-card-primary > :not([class*='uk-card-media']) hr, +.uk-card-primary > :not([class*='uk-card-media']) .uk-hr, +.uk-card-secondary.uk-card-body hr, +.uk-card-secondary.uk-card-body .uk-hr, +.uk-card-secondary > :not([class*='uk-card-media']) hr, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-hr, +.uk-overlay-primary hr, +.uk-overlay-primary .uk-hr, +.uk-offcanvas-bar hr, +.uk-offcanvas-bar .uk-hr { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-link-muted, +.uk-light .uk-link-muted a, +.uk-section-primary:not(.uk-preserve-color) .uk-link-muted, +.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a, +.uk-card-primary.uk-card-body .uk-link-muted, +.uk-card-primary.uk-card-body .uk-link-muted a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link-muted, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link-muted a, +.uk-card-secondary.uk-card-body .uk-link-muted, +.uk-card-secondary.uk-card-body .uk-link-muted a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-muted, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-muted a, +.uk-overlay-primary .uk-link-muted, +.uk-overlay-primary .uk-link-muted a, +.uk-offcanvas-bar .uk-link-muted, +.uk-offcanvas-bar .uk-link-muted a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-link-muted:hover, +.uk-light .uk-link-muted a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-muted:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a:hover, +.uk-card-primary.uk-card-body .uk-link-muted:hover, +.uk-card-primary.uk-card-body .uk-link-muted a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link-muted:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link-muted a:hover, +.uk-card-secondary.uk-card-body .uk-link-muted:hover, +.uk-card-secondary.uk-card-body .uk-link-muted a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-muted:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-muted a:hover, +.uk-overlay-primary .uk-link-muted:hover, +.uk-overlay-primary .uk-link-muted a:hover, +.uk-offcanvas-bar .uk-link-muted:hover, +.uk-offcanvas-bar .uk-link-muted a:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-link-text:hover, +.uk-light .uk-link-text a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-text:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-text a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-text:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-text a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-text:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-text a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-text:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-text a:hover, +.uk-card-primary.uk-card-body .uk-link-text:hover, +.uk-card-primary.uk-card-body .uk-link-text a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link-text:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link-text a:hover, +.uk-card-secondary.uk-card-body .uk-link-text:hover, +.uk-card-secondary.uk-card-body .uk-link-text a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-text:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-text a:hover, +.uk-overlay-primary .uk-link-text:hover, +.uk-overlay-primary .uk-link-text a:hover, +.uk-offcanvas-bar .uk-link-text:hover, +.uk-offcanvas-bar .uk-link-text a:hover { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-link-heading:hover, +.uk-light .uk-link-heading a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-heading:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-heading a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-heading:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-heading a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-heading:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-heading a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-heading:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-heading a:hover, +.uk-card-primary.uk-card-body .uk-link-heading:hover, +.uk-card-primary.uk-card-body .uk-link-heading a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link-heading:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link-heading a:hover, +.uk-card-secondary.uk-card-body .uk-link-heading:hover, +.uk-card-secondary.uk-card-body .uk-link-heading a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-heading:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-heading a:hover, +.uk-overlay-primary .uk-link-heading:hover, +.uk-overlay-primary .uk-link-heading a:hover, +.uk-offcanvas-bar .uk-link-heading:hover, +.uk-offcanvas-bar .uk-link-heading a:hover { + color: #fff; +} +.uk-light .uk-heading-divider, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-divider, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-divider, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-divider, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-divider, +.uk-card-primary.uk-card-body .uk-heading-divider, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-divider, +.uk-card-secondary.uk-card-body .uk-heading-divider, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-divider, +.uk-overlay-primary .uk-heading-divider, +.uk-offcanvas-bar .uk-heading-divider { + border-bottom-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-heading-bullet::before, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-bullet::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-bullet::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-bullet::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-bullet::before, +.uk-card-primary.uk-card-body .uk-heading-bullet::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-bullet::before, +.uk-card-secondary.uk-card-body .uk-heading-bullet::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-bullet::before, +.uk-overlay-primary .uk-heading-bullet::before, +.uk-offcanvas-bar .uk-heading-bullet::before { + border-right-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-heading-line > ::before, +.uk-light .uk-heading-line > ::after, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-line > ::before, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-line > ::after, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line > ::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line > ::after, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line > ::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line > ::after, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line > ::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line > ::after, +.uk-card-primary.uk-card-body .uk-heading-line > ::before, +.uk-card-primary.uk-card-body .uk-heading-line > ::after, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-line > ::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-line > ::after, +.uk-card-secondary.uk-card-body .uk-heading-line > ::before, +.uk-card-secondary.uk-card-body .uk-heading-line > ::after, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-line > ::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-line > ::after, +.uk-overlay-primary .uk-heading-line > ::before, +.uk-overlay-primary .uk-heading-line > ::after, +.uk-offcanvas-bar .uk-heading-line > ::before, +.uk-offcanvas-bar .uk-heading-line > ::after { + border-bottom-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-divider-icon, +.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon, +.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon, +.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon, +.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon, +.uk-card-primary.uk-card-body .uk-divider-icon, +.uk-card-primary > :not([class*='uk-card-media']) .uk-divider-icon, +.uk-card-secondary.uk-card-body .uk-divider-icon, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-icon, +.uk-overlay-primary .uk-divider-icon, +.uk-offcanvas-bar .uk-divider-icon { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.2%29%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); +} +.uk-light .uk-divider-icon::before, +.uk-light .uk-divider-icon::after, +.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::before, +.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::after, +.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::after, +.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::after, +.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::after, +.uk-card-primary.uk-card-body .uk-divider-icon::before, +.uk-card-primary.uk-card-body .uk-divider-icon::after, +.uk-card-primary > :not([class*='uk-card-media']) .uk-divider-icon::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-divider-icon::after, +.uk-card-secondary.uk-card-body .uk-divider-icon::before, +.uk-card-secondary.uk-card-body .uk-divider-icon::after, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-icon::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-icon::after, +.uk-overlay-primary .uk-divider-icon::before, +.uk-overlay-primary .uk-divider-icon::after, +.uk-offcanvas-bar .uk-divider-icon::before, +.uk-offcanvas-bar .uk-divider-icon::after { + border-bottom-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-divider-small::after, +.uk-section-primary:not(.uk-preserve-color) .uk-divider-small::after, +.uk-section-secondary:not(.uk-preserve-color) .uk-divider-small::after, +.uk-tile-primary:not(.uk-preserve-color) .uk-divider-small::after, +.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-small::after, +.uk-card-primary.uk-card-body .uk-divider-small::after, +.uk-card-primary > :not([class*='uk-card-media']) .uk-divider-small::after, +.uk-card-secondary.uk-card-body .uk-divider-small::after, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-small::after, +.uk-overlay-primary .uk-divider-small::after, +.uk-offcanvas-bar .uk-divider-small::after { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-divider-vertical, +.uk-section-primary:not(.uk-preserve-color) .uk-divider-vertical, +.uk-section-secondary:not(.uk-preserve-color) .uk-divider-vertical, +.uk-tile-primary:not(.uk-preserve-color) .uk-divider-vertical, +.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-vertical, +.uk-card-primary.uk-card-body .uk-divider-vertical, +.uk-card-primary > :not([class*='uk-card-media']) .uk-divider-vertical, +.uk-card-secondary.uk-card-body .uk-divider-vertical, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-vertical, +.uk-overlay-primary .uk-divider-vertical, +.uk-offcanvas-bar .uk-divider-vertical { + border-right-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-list-muted > ::before, +.uk-section-primary:not(.uk-preserve-color) .uk-list-muted > ::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-list-muted > ::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-list-muted > ::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-muted > ::before, +.uk-card-primary.uk-card-body .uk-list-muted > ::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-muted > ::before, +.uk-card-secondary.uk-card-body .uk-list-muted > ::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-muted > ::before, +.uk-overlay-primary .uk-list-muted > ::before, +.uk-offcanvas-bar .uk-list-muted > ::before { + color: rgba(255, 255, 255, 0.5) !important; +} +.uk-light .uk-list-emphasis > ::before, +.uk-section-primary:not(.uk-preserve-color) .uk-list-emphasis > ::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-list-emphasis > ::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-list-emphasis > ::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-emphasis > ::before, +.uk-card-primary.uk-card-body .uk-list-emphasis > ::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-emphasis > ::before, +.uk-card-secondary.uk-card-body .uk-list-emphasis > ::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-emphasis > ::before, +.uk-overlay-primary .uk-list-emphasis > ::before, +.uk-offcanvas-bar .uk-list-emphasis > ::before { + color: #fff !important; +} +.uk-light .uk-list-primary > ::before, +.uk-section-primary:not(.uk-preserve-color) .uk-list-primary > ::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-list-primary > ::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-list-primary > ::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-primary > ::before, +.uk-card-primary.uk-card-body .uk-list-primary > ::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-primary > ::before, +.uk-card-secondary.uk-card-body .uk-list-primary > ::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-primary > ::before, +.uk-overlay-primary .uk-list-primary > ::before, +.uk-offcanvas-bar .uk-list-primary > ::before { + color: #fff !important; +} +.uk-light .uk-list-secondary > ::before, +.uk-section-primary:not(.uk-preserve-color) .uk-list-secondary > ::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-list-secondary > ::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-list-secondary > ::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-secondary > ::before, +.uk-card-primary.uk-card-body .uk-list-secondary > ::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-secondary > ::before, +.uk-card-secondary.uk-card-body .uk-list-secondary > ::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-secondary > ::before, +.uk-overlay-primary .uk-list-secondary > ::before, +.uk-offcanvas-bar .uk-list-secondary > ::before { + color: #fff !important; +} +.uk-light .uk-list-bullet > ::before, +.uk-section-primary:not(.uk-preserve-color) .uk-list-bullet > ::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-list-bullet > ::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-list-bullet > ::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-bullet > ::before, +.uk-card-primary.uk-card-body .uk-list-bullet > ::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-bullet > ::before, +.uk-card-secondary.uk-card-body .uk-list-bullet > ::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-bullet > ::before, +.uk-overlay-primary .uk-list-bullet > ::before, +.uk-offcanvas-bar .uk-list-bullet > ::before { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +.uk-light .uk-list-divider > :nth-child(n+2), +.uk-section-primary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n+2), +.uk-section-secondary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n+2), +.uk-tile-primary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n+2), +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n+2), +.uk-card-primary.uk-card-body .uk-list-divider > :nth-child(n+2), +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-divider > :nth-child(n+2), +.uk-card-secondary.uk-card-body .uk-list-divider > :nth-child(n+2), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-divider > :nth-child(n+2), +.uk-overlay-primary .uk-list-divider > :nth-child(n+2), +.uk-offcanvas-bar .uk-list-divider > :nth-child(n+2) { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-list-striped > *:nth-of-type(odd), +.uk-section-primary:not(.uk-preserve-color) .uk-list-striped > *:nth-of-type(odd), +.uk-section-secondary:not(.uk-preserve-color) .uk-list-striped > *:nth-of-type(odd), +.uk-tile-primary:not(.uk-preserve-color) .uk-list-striped > *:nth-of-type(odd), +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped > *:nth-of-type(odd), +.uk-card-primary.uk-card-body .uk-list-striped > *:nth-of-type(odd), +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-striped > *:nth-of-type(odd), +.uk-card-secondary.uk-card-body .uk-list-striped > *:nth-of-type(odd), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-striped > *:nth-of-type(odd), +.uk-overlay-primary .uk-list-striped > *:nth-of-type(odd), +.uk-offcanvas-bar .uk-list-striped > *:nth-of-type(odd) { + border-top-color: rgba(255, 255, 255, 0.2); + border-bottom-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-list-striped > :nth-of-type(odd), +.uk-section-primary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd), +.uk-section-secondary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd), +.uk-tile-primary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd), +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd), +.uk-card-primary.uk-card-body .uk-list-striped > :nth-of-type(odd), +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-striped > :nth-of-type(odd), +.uk-card-secondary.uk-card-body .uk-list-striped > :nth-of-type(odd), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-striped > :nth-of-type(odd), +.uk-overlay-primary .uk-list-striped > :nth-of-type(odd), +.uk-offcanvas-bar .uk-list-striped > :nth-of-type(odd) { + background-color: rgba(255, 255, 255, 0.1); +} +.uk-light .uk-table th, +.uk-section-primary:not(.uk-preserve-color) .uk-table th, +.uk-section-secondary:not(.uk-preserve-color) .uk-table th, +.uk-tile-primary:not(.uk-preserve-color) .uk-table th, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table th, +.uk-card-primary.uk-card-body .uk-table th, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table th, +.uk-card-secondary.uk-card-body .uk-table th, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table th, +.uk-overlay-primary .uk-table th, +.uk-offcanvas-bar .uk-table th { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-table caption, +.uk-section-primary:not(.uk-preserve-color) .uk-table caption, +.uk-section-secondary:not(.uk-preserve-color) .uk-table caption, +.uk-tile-primary:not(.uk-preserve-color) .uk-table caption, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table caption, +.uk-card-primary.uk-card-body .uk-table caption, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table caption, +.uk-card-secondary.uk-card-body .uk-table caption, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table caption, +.uk-overlay-primary .uk-table caption, +.uk-offcanvas-bar .uk-table caption { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-table > tr.uk-active, +.uk-light .uk-table tbody tr.uk-active, +.uk-section-primary:not(.uk-preserve-color) .uk-table > tr.uk-active, +.uk-section-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, +.uk-section-secondary:not(.uk-preserve-color) .uk-table > tr.uk-active, +.uk-section-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, +.uk-tile-primary:not(.uk-preserve-color) .uk-table > tr.uk-active, +.uk-tile-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table > tr.uk-active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, +.uk-card-primary.uk-card-body .uk-table > tr.uk-active, +.uk-card-primary.uk-card-body .uk-table tbody tr.uk-active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table > tr.uk-active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table tbody tr.uk-active, +.uk-card-secondary.uk-card-body .uk-table > tr.uk-active, +.uk-card-secondary.uk-card-body .uk-table tbody tr.uk-active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table > tr.uk-active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table tbody tr.uk-active, +.uk-overlay-primary .uk-table > tr.uk-active, +.uk-overlay-primary .uk-table tbody tr.uk-active, +.uk-offcanvas-bar .uk-table > tr.uk-active, +.uk-offcanvas-bar .uk-table tbody tr.uk-active { + background: rgba(255, 255, 255, 0.08); +} +.uk-light .uk-table-divider > tr:not(:first-child), +.uk-light .uk-table-divider > :not(:first-child) > tr, +.uk-light .uk-table-divider > :first-child > tr:not(:first-child), +.uk-section-primary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child), +.uk-section-primary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, +.uk-section-primary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child), +.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, +.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child), +.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, +.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child), +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-card-primary.uk-card-body .uk-table-divider > tr:not(:first-child), +.uk-card-primary.uk-card-body .uk-table-divider > :not(:first-child) > tr, +.uk-card-primary.uk-card-body .uk-table-divider > :first-child > tr:not(:first-child), +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-divider > tr:not(:first-child), +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-divider > :not(:first-child) > tr, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-card-secondary.uk-card-body .uk-table-divider > tr:not(:first-child), +.uk-card-secondary.uk-card-body .uk-table-divider > :not(:first-child) > tr, +.uk-card-secondary.uk-card-body .uk-table-divider > :first-child > tr:not(:first-child), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-divider > tr:not(:first-child), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-divider > :not(:first-child) > tr, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-overlay-primary .uk-table-divider > tr:not(:first-child), +.uk-overlay-primary .uk-table-divider > :not(:first-child) > tr, +.uk-overlay-primary .uk-table-divider > :first-child > tr:not(:first-child), +.uk-offcanvas-bar .uk-table-divider > tr:not(:first-child), +.uk-offcanvas-bar .uk-table-divider > :not(:first-child) > tr, +.uk-offcanvas-bar .uk-table-divider > :first-child > tr:not(:first-child) { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-table-striped > tr:nth-of-type(odd), +.uk-light .uk-table-striped tbody tr:nth-of-type(odd), +.uk-section-primary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd), +.uk-section-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd), +.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd), +.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd), +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-card-primary.uk-card-body .uk-table-striped > tr:nth-of-type(odd), +.uk-card-primary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd), +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-striped > tr:nth-of-type(odd), +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-card-secondary.uk-card-body .uk-table-striped > tr:nth-of-type(odd), +.uk-card-secondary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-striped > tr:nth-of-type(odd), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-overlay-primary .uk-table-striped > tr:nth-of-type(odd), +.uk-overlay-primary .uk-table-striped tbody tr:nth-of-type(odd), +.uk-offcanvas-bar .uk-table-striped > tr:nth-of-type(odd), +.uk-offcanvas-bar .uk-table-striped tbody tr:nth-of-type(odd) { + background: rgba(255, 255, 255, 0.1); + border-top-color: rgba(255, 255, 255, 0.2); + border-bottom-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-table-hover > tr:hover, +.uk-light .uk-table-hover tbody tr:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-table-hover > tr:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-table-hover > tr:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-table-hover > tr:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover > tr:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, +.uk-card-primary.uk-card-body .uk-table-hover > tr:hover, +.uk-card-primary.uk-card-body .uk-table-hover tbody tr:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-hover > tr:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-hover tbody tr:hover, +.uk-card-secondary.uk-card-body .uk-table-hover > tr:hover, +.uk-card-secondary.uk-card-body .uk-table-hover tbody tr:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-hover > tr:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-hover tbody tr:hover, +.uk-overlay-primary .uk-table-hover > tr:hover, +.uk-overlay-primary .uk-table-hover tbody tr:hover, +.uk-offcanvas-bar .uk-table-hover > tr:hover, +.uk-offcanvas-bar .uk-table-hover tbody tr:hover { + background: rgba(255, 255, 255, 0.08); +} +.uk-light .uk-icon-link, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-link, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link, +.uk-card-primary.uk-card-body .uk-icon-link, +.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-link, +.uk-card-secondary.uk-card-body .uk-icon-link, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-link, +.uk-overlay-primary .uk-icon-link, +.uk-offcanvas-bar .uk-icon-link { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-icon-link:hover, +.uk-light .uk-icon-link:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:focus, +.uk-card-primary.uk-card-body .uk-icon-link:hover, +.uk-card-primary.uk-card-body .uk-icon-link:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-link:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-link:focus, +.uk-card-secondary.uk-card-body .uk-icon-link:hover, +.uk-card-secondary.uk-card-body .uk-icon-link:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-link:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-link:focus, +.uk-overlay-primary .uk-icon-link:hover, +.uk-overlay-primary .uk-icon-link:focus, +.uk-offcanvas-bar .uk-icon-link:hover, +.uk-offcanvas-bar .uk-icon-link:focus { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-icon-link:active, +.uk-light .uk-active > .uk-icon-link, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:active, +.uk-section-primary:not(.uk-preserve-color) .uk-active > .uk-icon-link, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-active > .uk-icon-link, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-active > .uk-icon-link, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-active > .uk-icon-link, +.uk-card-primary.uk-card-body .uk-icon-link:active, +.uk-card-primary.uk-card-body .uk-active > .uk-icon-link, +.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-link:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-active > .uk-icon-link, +.uk-card-secondary.uk-card-body .uk-icon-link:active, +.uk-card-secondary.uk-card-body .uk-active > .uk-icon-link, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-link:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-active > .uk-icon-link, +.uk-overlay-primary .uk-icon-link:active, +.uk-overlay-primary .uk-active > .uk-icon-link, +.uk-offcanvas-bar .uk-icon-link:active, +.uk-offcanvas-bar .uk-active > .uk-icon-link { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-icon-button, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-button, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button, +.uk-card-primary.uk-card-body .uk-icon-button, +.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-button, +.uk-card-secondary.uk-card-body .uk-icon-button, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-button, +.uk-overlay-primary .uk-icon-button, +.uk-offcanvas-bar .uk-icon-button { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-icon-button:hover, +.uk-light .uk-icon-button:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:focus, +.uk-card-primary.uk-card-body .uk-icon-button:hover, +.uk-card-primary.uk-card-body .uk-icon-button:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-button:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-button:focus, +.uk-card-secondary.uk-card-body .uk-icon-button:hover, +.uk-card-secondary.uk-card-body .uk-icon-button:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-button:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-button:focus, +.uk-overlay-primary .uk-icon-button:hover, +.uk-overlay-primary .uk-icon-button:focus, +.uk-offcanvas-bar .uk-icon-button:hover, +.uk-offcanvas-bar .uk-icon-button:focus { + background-color: rgba(242, 242, 242, 0.1); + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-icon-button:active, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:active, +.uk-card-primary.uk-card-body .uk-icon-button:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-button:active, +.uk-card-secondary.uk-card-body .uk-icon-button:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-button:active, +.uk-overlay-primary .uk-icon-button:active, +.uk-offcanvas-bar .uk-icon-button:active { + background-color: rgba(230, 230, 230, 0.1); + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-input, +.uk-light .uk-select, +.uk-light .uk-textarea, +.uk-section-primary:not(.uk-preserve-color) .uk-input, +.uk-section-primary:not(.uk-preserve-color) .uk-select, +.uk-section-primary:not(.uk-preserve-color) .uk-textarea, +.uk-section-secondary:not(.uk-preserve-color) .uk-input, +.uk-section-secondary:not(.uk-preserve-color) .uk-select, +.uk-section-secondary:not(.uk-preserve-color) .uk-textarea, +.uk-tile-primary:not(.uk-preserve-color) .uk-input, +.uk-tile-primary:not(.uk-preserve-color) .uk-select, +.uk-tile-primary:not(.uk-preserve-color) .uk-textarea, +.uk-tile-secondary:not(.uk-preserve-color) .uk-input, +.uk-tile-secondary:not(.uk-preserve-color) .uk-select, +.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea, +.uk-card-primary.uk-card-body .uk-input, +.uk-card-primary.uk-card-body .uk-select, +.uk-card-primary.uk-card-body .uk-textarea, +.uk-card-primary > :not([class*='uk-card-media']) .uk-input, +.uk-card-primary > :not([class*='uk-card-media']) .uk-select, +.uk-card-primary > :not([class*='uk-card-media']) .uk-textarea, +.uk-card-secondary.uk-card-body .uk-input, +.uk-card-secondary.uk-card-body .uk-select, +.uk-card-secondary.uk-card-body .uk-textarea, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-input, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-select, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-textarea, +.uk-overlay-primary .uk-input, +.uk-overlay-primary .uk-select, +.uk-overlay-primary .uk-textarea, +.uk-offcanvas-bar .uk-input, +.uk-offcanvas-bar .uk-select, +.uk-offcanvas-bar .uk-textarea { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.7); + background-clip: padding-box; + border-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-input:focus, +.uk-light .uk-select:focus, +.uk-light .uk-textarea:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-input:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-select:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-textarea:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-input:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-select:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-textarea:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-input:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-select:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-textarea:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-input:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-select:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea:focus, +.uk-card-primary.uk-card-body .uk-input:focus, +.uk-card-primary.uk-card-body .uk-select:focus, +.uk-card-primary.uk-card-body .uk-textarea:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-input:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-select:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-textarea:focus, +.uk-card-secondary.uk-card-body .uk-input:focus, +.uk-card-secondary.uk-card-body .uk-select:focus, +.uk-card-secondary.uk-card-body .uk-textarea:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-input:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-select:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-textarea:focus, +.uk-overlay-primary .uk-input:focus, +.uk-overlay-primary .uk-select:focus, +.uk-overlay-primary .uk-textarea:focus, +.uk-offcanvas-bar .uk-input:focus, +.uk-offcanvas-bar .uk-select:focus, +.uk-offcanvas-bar .uk-textarea:focus { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.7); + border-color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-input::-ms-input-placeholder, +.uk-section-primary:not(.uk-preserve-color) .uk-input::-ms-input-placeholder, +.uk-section-secondary:not(.uk-preserve-color) .uk-input::-ms-input-placeholder, +.uk-tile-primary:not(.uk-preserve-color) .uk-input::-ms-input-placeholder, +.uk-tile-secondary:not(.uk-preserve-color) .uk-input::-ms-input-placeholder, +.uk-card-primary.uk-card-body .uk-input::-ms-input-placeholder, +.uk-card-primary > :not([class*='uk-card-media']) .uk-input::-ms-input-placeholder, +.uk-card-secondary.uk-card-body .uk-input::-ms-input-placeholder, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-input::-ms-input-placeholder, +.uk-overlay-primary .uk-input::-ms-input-placeholder, +.uk-offcanvas-bar .uk-input::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.5) !important; +} +.uk-light .uk-input::placeholder, +.uk-section-primary:not(.uk-preserve-color) .uk-input::placeholder, +.uk-section-secondary:not(.uk-preserve-color) .uk-input::placeholder, +.uk-tile-primary:not(.uk-preserve-color) .uk-input::placeholder, +.uk-tile-secondary:not(.uk-preserve-color) .uk-input::placeholder, +.uk-card-primary.uk-card-body .uk-input::placeholder, +.uk-card-primary > :not([class*='uk-card-media']) .uk-input::placeholder, +.uk-card-secondary.uk-card-body .uk-input::placeholder, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-input::placeholder, +.uk-overlay-primary .uk-input::placeholder, +.uk-offcanvas-bar .uk-input::placeholder { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-textarea::-ms-input-placeholder, +.uk-section-primary:not(.uk-preserve-color) .uk-textarea::-ms-input-placeholder, +.uk-section-secondary:not(.uk-preserve-color) .uk-textarea::-ms-input-placeholder, +.uk-tile-primary:not(.uk-preserve-color) .uk-textarea::-ms-input-placeholder, +.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::-ms-input-placeholder, +.uk-card-primary.uk-card-body .uk-textarea::-ms-input-placeholder, +.uk-card-primary > :not([class*='uk-card-media']) .uk-textarea::-ms-input-placeholder, +.uk-card-secondary.uk-card-body .uk-textarea::-ms-input-placeholder, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-textarea::-ms-input-placeholder, +.uk-overlay-primary .uk-textarea::-ms-input-placeholder, +.uk-offcanvas-bar .uk-textarea::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.5) !important; +} +.uk-light .uk-textarea::placeholder, +.uk-section-primary:not(.uk-preserve-color) .uk-textarea::placeholder, +.uk-section-secondary:not(.uk-preserve-color) .uk-textarea::placeholder, +.uk-tile-primary:not(.uk-preserve-color) .uk-textarea::placeholder, +.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::placeholder, +.uk-card-primary.uk-card-body .uk-textarea::placeholder, +.uk-card-primary > :not([class*='uk-card-media']) .uk-textarea::placeholder, +.uk-card-secondary.uk-card-body .uk-textarea::placeholder, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-textarea::placeholder, +.uk-overlay-primary .uk-textarea::placeholder, +.uk-offcanvas-bar .uk-textarea::placeholder { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-select:not([multiple]):not([size]), +.uk-section-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), +.uk-section-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), +.uk-tile-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), +.uk-tile-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), +.uk-card-primary.uk-card-body .uk-select:not([multiple]):not([size]), +.uk-card-primary > :not([class*='uk-card-media']) .uk-select:not([multiple]):not([size]), +.uk-card-secondary.uk-card-body .uk-select:not([multiple]):not([size]), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-select:not([multiple]):not([size]), +.uk-overlay-primary .uk-select:not([multiple]):not([size]), +.uk-offcanvas-bar .uk-select:not([multiple]):not([size]) { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); +} +.uk-light .uk-input[list]:hover, +.uk-light .uk-input[list]:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-input[list]:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-input[list]:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:focus, +.uk-card-primary.uk-card-body .uk-input[list]:hover, +.uk-card-primary.uk-card-body .uk-input[list]:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-input[list]:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-input[list]:focus, +.uk-card-secondary.uk-card-body .uk-input[list]:hover, +.uk-card-secondary.uk-card-body .uk-input[list]:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-input[list]:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-input[list]:focus, +.uk-overlay-primary .uk-input[list]:hover, +.uk-overlay-primary .uk-input[list]:focus, +.uk-offcanvas-bar .uk-input[list]:hover, +.uk-offcanvas-bar .uk-input[list]:focus { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); +} +.uk-light .uk-radio, +.uk-light .uk-checkbox, +.uk-section-primary:not(.uk-preserve-color) .uk-radio, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox, +.uk-section-secondary:not(.uk-preserve-color) .uk-radio, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox, +.uk-tile-primary:not(.uk-preserve-color) .uk-radio, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox, +.uk-tile-secondary:not(.uk-preserve-color) .uk-radio, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox, +.uk-card-primary.uk-card-body .uk-radio, +.uk-card-primary.uk-card-body .uk-checkbox, +.uk-card-primary > :not([class*='uk-card-media']) .uk-radio, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox, +.uk-card-secondary.uk-card-body .uk-radio, +.uk-card-secondary.uk-card-body .uk-checkbox, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-radio, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox, +.uk-overlay-primary .uk-radio, +.uk-overlay-primary .uk-checkbox, +.uk-offcanvas-bar .uk-radio, +.uk-offcanvas-bar .uk-checkbox { + background-color: rgba(242, 242, 242, 0.1); + border-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-radio:focus, +.uk-light .uk-checkbox:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-radio:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-radio:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-radio:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:focus, +.uk-card-primary.uk-card-body .uk-radio:focus, +.uk-card-primary.uk-card-body .uk-checkbox:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-radio:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:focus, +.uk-card-secondary.uk-card-body .uk-radio:focus, +.uk-card-secondary.uk-card-body .uk-checkbox:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-radio:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:focus, +.uk-overlay-primary .uk-radio:focus, +.uk-overlay-primary .uk-checkbox:focus, +.uk-offcanvas-bar .uk-radio:focus, +.uk-offcanvas-bar .uk-checkbox:focus { + border-color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-radio:checked, +.uk-light .uk-checkbox:checked, +.uk-light .uk-checkbox:indeterminate, +.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-card-primary.uk-card-body .uk-radio:checked, +.uk-card-primary.uk-card-body .uk-checkbox:checked, +.uk-card-primary.uk-card-body .uk-checkbox:indeterminate, +.uk-card-primary > :not([class*='uk-card-media']) .uk-radio:checked, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:checked, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate, +.uk-card-secondary.uk-card-body .uk-radio:checked, +.uk-card-secondary.uk-card-body .uk-checkbox:checked, +.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-radio:checked, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:checked, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate, +.uk-overlay-primary .uk-radio:checked, +.uk-overlay-primary .uk-checkbox:checked, +.uk-overlay-primary .uk-checkbox:indeterminate, +.uk-offcanvas-bar .uk-radio:checked, +.uk-offcanvas-bar .uk-checkbox:checked, +.uk-offcanvas-bar .uk-checkbox:indeterminate { + background-color: #fff; + border-color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-radio:checked:focus, +.uk-light .uk-checkbox:checked:focus, +.uk-light .uk-checkbox:indeterminate:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, +.uk-card-primary.uk-card-body .uk-radio:checked:focus, +.uk-card-primary.uk-card-body .uk-checkbox:checked:focus, +.uk-card-primary.uk-card-body .uk-checkbox:indeterminate:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-radio:checked:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:checked:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate:focus, +.uk-card-secondary.uk-card-body .uk-radio:checked:focus, +.uk-card-secondary.uk-card-body .uk-checkbox:checked:focus, +.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-radio:checked:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:checked:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate:focus, +.uk-overlay-primary .uk-radio:checked:focus, +.uk-overlay-primary .uk-checkbox:checked:focus, +.uk-overlay-primary .uk-checkbox:indeterminate:focus, +.uk-offcanvas-bar .uk-radio:checked:focus, +.uk-offcanvas-bar .uk-checkbox:checked:focus, +.uk-offcanvas-bar .uk-checkbox:indeterminate:focus { + background-color: #e6e6e6; +} +.uk-light .uk-radio:checked, +.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked, +.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked, +.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked, +.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked, +.uk-card-primary.uk-card-body .uk-radio:checked, +.uk-card-primary > :not([class*='uk-card-media']) .uk-radio:checked, +.uk-card-secondary.uk-card-body .uk-radio:checked, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-radio:checked, +.uk-overlay-primary .uk-radio:checked, +.uk-offcanvas-bar .uk-radio:checked { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +.uk-light .uk-checkbox:checked, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-card-primary.uk-card-body .uk-checkbox:checked, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:checked, +.uk-card-secondary.uk-card-body .uk-checkbox:checked, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:checked, +.uk-overlay-primary .uk-checkbox:checked, +.uk-offcanvas-bar .uk-checkbox:checked { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); +} +.uk-light .uk-checkbox:indeterminate, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-card-primary.uk-card-body .uk-checkbox:indeterminate, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate, +.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate, +.uk-overlay-primary .uk-checkbox:indeterminate, +.uk-offcanvas-bar .uk-checkbox:indeterminate { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +.uk-light .uk-form-label, +.uk-section-primary:not(.uk-preserve-color) .uk-form-label, +.uk-section-secondary:not(.uk-preserve-color) .uk-form-label, +.uk-tile-primary:not(.uk-preserve-color) .uk-form-label, +.uk-tile-secondary:not(.uk-preserve-color) .uk-form-label, +.uk-card-primary.uk-card-body .uk-form-label, +.uk-card-primary > :not([class*='uk-card-media']) .uk-form-label, +.uk-card-secondary.uk-card-body .uk-form-label, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-form-label, +.uk-overlay-primary .uk-form-label, +.uk-offcanvas-bar .uk-form-label { + color: #fff; +} +.uk-light .uk-form-icon, +.uk-section-primary:not(.uk-preserve-color) .uk-form-icon, +.uk-section-secondary:not(.uk-preserve-color) .uk-form-icon, +.uk-tile-primary:not(.uk-preserve-color) .uk-form-icon, +.uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon, +.uk-card-primary.uk-card-body .uk-form-icon, +.uk-card-primary > :not([class*='uk-card-media']) .uk-form-icon, +.uk-card-secondary.uk-card-body .uk-form-icon, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-form-icon, +.uk-overlay-primary .uk-form-icon, +.uk-offcanvas-bar .uk-form-icon { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-form-icon:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-form-icon:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-form-icon:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-form-icon:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon:hover, +.uk-card-primary.uk-card-body .uk-form-icon:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-form-icon:hover, +.uk-card-secondary.uk-card-body .uk-form-icon:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-form-icon:hover, +.uk-overlay-primary .uk-form-icon:hover, +.uk-offcanvas-bar .uk-form-icon:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-button-default, +.uk-section-primary:not(.uk-preserve-color) .uk-button-default, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-default, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-default, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default, +.uk-card-primary.uk-card-body .uk-button-default, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-default, +.uk-card-secondary.uk-card-body .uk-button-default, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default, +.uk-overlay-primary .uk-button-default, +.uk-offcanvas-bar .uk-button-default { + background-color: transparent; + color: #fff; + border-color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-button-default:hover, +.uk-light .uk-button-default:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-button-default:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-button-default:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:focus, +.uk-card-primary.uk-card-body .uk-button-default:hover, +.uk-card-primary.uk-card-body .uk-button-default:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-default:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-default:focus, +.uk-card-secondary.uk-card-body .uk-button-default:hover, +.uk-card-secondary.uk-card-body .uk-button-default:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default:focus, +.uk-overlay-primary .uk-button-default:hover, +.uk-overlay-primary .uk-button-default:focus, +.uk-offcanvas-bar .uk-button-default:hover, +.uk-offcanvas-bar .uk-button-default:focus { + background-color: transparent; + color: #fff; + border-color: #fff; +} +.uk-light .uk-button-default:active, +.uk-light .uk-button-default.uk-active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-default:active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-default.uk-active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-default.uk-active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-default.uk-active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default.uk-active, +.uk-card-primary.uk-card-body .uk-button-default:active, +.uk-card-primary.uk-card-body .uk-button-default.uk-active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-default:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-default.uk-active, +.uk-card-secondary.uk-card-body .uk-button-default:active, +.uk-card-secondary.uk-card-body .uk-button-default.uk-active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default.uk-active, +.uk-overlay-primary .uk-button-default:active, +.uk-overlay-primary .uk-button-default.uk-active, +.uk-offcanvas-bar .uk-button-default:active, +.uk-offcanvas-bar .uk-button-default.uk-active { + background-color: transparent; + color: #fff; + border-color: #fff; +} +.uk-light .uk-button-primary, +.uk-section-primary:not(.uk-preserve-color) .uk-button-primary, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary, +.uk-card-primary.uk-card-body .uk-button-primary, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary, +.uk-card-secondary.uk-card-body .uk-button-primary, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary, +.uk-overlay-primary .uk-button-primary, +.uk-offcanvas-bar .uk-button-primary { + background-color: #fff; + color: #666; +} +.uk-light .uk-button-primary:hover, +.uk-light .uk-button-primary:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:focus, +.uk-card-primary.uk-card-body .uk-button-primary:hover, +.uk-card-primary.uk-card-body .uk-button-primary:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary:focus, +.uk-card-secondary.uk-card-body .uk-button-primary:hover, +.uk-card-secondary.uk-card-body .uk-button-primary:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary:focus, +.uk-overlay-primary .uk-button-primary:hover, +.uk-overlay-primary .uk-button-primary:focus, +.uk-offcanvas-bar .uk-button-primary:hover, +.uk-offcanvas-bar .uk-button-primary:focus { + background-color: #f2f2f2; + color: #666; +} +.uk-light .uk-button-primary:active, +.uk-light .uk-button-primary.uk-active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-primary.uk-active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary.uk-active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active, +.uk-card-primary.uk-card-body .uk-button-primary:active, +.uk-card-primary.uk-card-body .uk-button-primary.uk-active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary.uk-active, +.uk-card-secondary.uk-card-body .uk-button-primary:active, +.uk-card-secondary.uk-card-body .uk-button-primary.uk-active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary.uk-active, +.uk-overlay-primary .uk-button-primary:active, +.uk-overlay-primary .uk-button-primary.uk-active, +.uk-offcanvas-bar .uk-button-primary:active, +.uk-offcanvas-bar .uk-button-primary.uk-active { + background-color: #e6e6e6; + color: #666; +} +.uk-light .uk-button-secondary, +.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary, +.uk-card-primary.uk-card-body .uk-button-secondary, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary, +.uk-card-secondary.uk-card-body .uk-button-secondary, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary, +.uk-overlay-primary .uk-button-secondary, +.uk-offcanvas-bar .uk-button-secondary { + background-color: #fff; + color: #666; +} +.uk-light .uk-button-secondary:hover, +.uk-light .uk-button-secondary:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:focus, +.uk-card-primary.uk-card-body .uk-button-secondary:hover, +.uk-card-primary.uk-card-body .uk-button-secondary:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary:focus, +.uk-card-secondary.uk-card-body .uk-button-secondary:hover, +.uk-card-secondary.uk-card-body .uk-button-secondary:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary:focus, +.uk-overlay-primary .uk-button-secondary:hover, +.uk-overlay-primary .uk-button-secondary:focus, +.uk-offcanvas-bar .uk-button-secondary:hover, +.uk-offcanvas-bar .uk-button-secondary:focus { + background-color: #f2f2f2; + color: #666; +} +.uk-light .uk-button-secondary:active, +.uk-light .uk-button-secondary.uk-active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active, +.uk-card-primary.uk-card-body .uk-button-secondary:active, +.uk-card-primary.uk-card-body .uk-button-secondary.uk-active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary.uk-active, +.uk-card-secondary.uk-card-body .uk-button-secondary:active, +.uk-card-secondary.uk-card-body .uk-button-secondary.uk-active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary.uk-active, +.uk-overlay-primary .uk-button-secondary:active, +.uk-overlay-primary .uk-button-secondary.uk-active, +.uk-offcanvas-bar .uk-button-secondary:active, +.uk-offcanvas-bar .uk-button-secondary.uk-active { + background-color: #e6e6e6; + color: #666; +} +.uk-light .uk-button-text, +.uk-section-primary:not(.uk-preserve-color) .uk-button-text, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-text, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-text, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text, +.uk-card-primary.uk-card-body .uk-button-text, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-text, +.uk-card-secondary.uk-card-body .uk-button-text, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text, +.uk-overlay-primary .uk-button-text, +.uk-offcanvas-bar .uk-button-text { + color: #fff; +} +.uk-light .uk-button-text::before, +.uk-section-primary:not(.uk-preserve-color) .uk-button-text::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-text::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-text::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text::before, +.uk-card-primary.uk-card-body .uk-button-text::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-text::before, +.uk-card-secondary.uk-card-body .uk-button-text::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text::before, +.uk-overlay-primary .uk-button-text::before, +.uk-offcanvas-bar .uk-button-text::before { + border-bottom-color: #fff; +} +.uk-light .uk-button-text:hover, +.uk-light .uk-button-text:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-button-text:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-button-text:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:focus, +.uk-card-primary.uk-card-body .uk-button-text:hover, +.uk-card-primary.uk-card-body .uk-button-text:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-text:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-text:focus, +.uk-card-secondary.uk-card-body .uk-button-text:hover, +.uk-card-secondary.uk-card-body .uk-button-text:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text:focus, +.uk-overlay-primary .uk-button-text:hover, +.uk-overlay-primary .uk-button-text:focus, +.uk-offcanvas-bar .uk-button-text:hover, +.uk-offcanvas-bar .uk-button-text:focus { + color: #fff; +} +.uk-light .uk-button-text:disabled, +.uk-section-primary:not(.uk-preserve-color) .uk-button-text:disabled, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:disabled, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:disabled, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:disabled, +.uk-card-primary.uk-card-body .uk-button-text:disabled, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-text:disabled, +.uk-card-secondary.uk-card-body .uk-button-text:disabled, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text:disabled, +.uk-overlay-primary .uk-button-text:disabled, +.uk-offcanvas-bar .uk-button-text:disabled { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-button-link, +.uk-section-primary:not(.uk-preserve-color) .uk-button-link, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-link, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-link, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link, +.uk-card-primary.uk-card-body .uk-button-link, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-link, +.uk-card-secondary.uk-card-body .uk-button-link, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-link, +.uk-overlay-primary .uk-button-link, +.uk-offcanvas-bar .uk-button-link { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-button-link:hover, +.uk-light .uk-button-link:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-button-link:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-button-link:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-link:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-link:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-link:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-link:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:focus, +.uk-card-primary.uk-card-body .uk-button-link:hover, +.uk-card-primary.uk-card-body .uk-button-link:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-link:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-link:focus, +.uk-card-secondary.uk-card-body .uk-button-link:hover, +.uk-card-secondary.uk-card-body .uk-button-link:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-link:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-link:focus, +.uk-overlay-primary .uk-button-link:hover, +.uk-overlay-primary .uk-button-link:focus, +.uk-offcanvas-bar .uk-button-link:hover, +.uk-offcanvas-bar .uk-button-link:focus { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-close, +.uk-section-primary:not(.uk-preserve-color) .uk-close, +.uk-section-secondary:not(.uk-preserve-color) .uk-close, +.uk-tile-primary:not(.uk-preserve-color) .uk-close, +.uk-tile-secondary:not(.uk-preserve-color) .uk-close, +.uk-card-primary.uk-card-body .uk-close, +.uk-card-primary > :not([class*='uk-card-media']) .uk-close, +.uk-card-secondary.uk-card-body .uk-close, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-close, +.uk-overlay-primary .uk-close, +.uk-offcanvas-bar .uk-close { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-close:hover, +.uk-light .uk-close:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-close:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-close:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-close:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-close:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-close:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-close:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-close:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-close:focus, +.uk-card-primary.uk-card-body .uk-close:hover, +.uk-card-primary.uk-card-body .uk-close:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-close:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-close:focus, +.uk-card-secondary.uk-card-body .uk-close:hover, +.uk-card-secondary.uk-card-body .uk-close:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-close:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-close:focus, +.uk-overlay-primary .uk-close:hover, +.uk-overlay-primary .uk-close:focus, +.uk-offcanvas-bar .uk-close:hover, +.uk-offcanvas-bar .uk-close:focus { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-totop, +.uk-section-primary:not(.uk-preserve-color) .uk-totop, +.uk-section-secondary:not(.uk-preserve-color) .uk-totop, +.uk-tile-primary:not(.uk-preserve-color) .uk-totop, +.uk-tile-secondary:not(.uk-preserve-color) .uk-totop, +.uk-card-primary.uk-card-body .uk-totop, +.uk-card-primary > :not([class*='uk-card-media']) .uk-totop, +.uk-card-secondary.uk-card-body .uk-totop, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-totop, +.uk-overlay-primary .uk-totop, +.uk-offcanvas-bar .uk-totop { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-totop:hover, +.uk-light .uk-totop:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-totop:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-totop:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-totop:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-totop:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-totop:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-totop:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:focus, +.uk-card-primary.uk-card-body .uk-totop:hover, +.uk-card-primary.uk-card-body .uk-totop:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-totop:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-totop:focus, +.uk-card-secondary.uk-card-body .uk-totop:hover, +.uk-card-secondary.uk-card-body .uk-totop:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-totop:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-totop:focus, +.uk-overlay-primary .uk-totop:hover, +.uk-overlay-primary .uk-totop:focus, +.uk-offcanvas-bar .uk-totop:hover, +.uk-offcanvas-bar .uk-totop:focus { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-totop:active, +.uk-section-primary:not(.uk-preserve-color) .uk-totop:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-totop:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-totop:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:active, +.uk-card-primary.uk-card-body .uk-totop:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-totop:active, +.uk-card-secondary.uk-card-body .uk-totop:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-totop:active, +.uk-overlay-primary .uk-totop:active, +.uk-offcanvas-bar .uk-totop:active { + color: #fff; +} +.uk-light .uk-marker, +.uk-section-primary:not(.uk-preserve-color) .uk-marker, +.uk-section-secondary:not(.uk-preserve-color) .uk-marker, +.uk-tile-primary:not(.uk-preserve-color) .uk-marker, +.uk-tile-secondary:not(.uk-preserve-color) .uk-marker, +.uk-card-primary.uk-card-body .uk-marker, +.uk-card-primary > :not([class*='uk-card-media']) .uk-marker, +.uk-card-secondary.uk-card-body .uk-marker, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-marker, +.uk-overlay-primary .uk-marker, +.uk-offcanvas-bar .uk-marker { + background: #f8f8f8; + color: #666; +} +.uk-light .uk-marker:hover, +.uk-light .uk-marker:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-marker:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-marker:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-marker:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-marker:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-marker:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-marker:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-marker:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-marker:focus, +.uk-card-primary.uk-card-body .uk-marker:hover, +.uk-card-primary.uk-card-body .uk-marker:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-marker:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-marker:focus, +.uk-card-secondary.uk-card-body .uk-marker:hover, +.uk-card-secondary.uk-card-body .uk-marker:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-marker:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-marker:focus, +.uk-overlay-primary .uk-marker:hover, +.uk-overlay-primary .uk-marker:focus, +.uk-offcanvas-bar .uk-marker:hover, +.uk-offcanvas-bar .uk-marker:focus { + color: #666; +} +.uk-light .uk-badge, +.uk-section-primary:not(.uk-preserve-color) .uk-badge, +.uk-section-secondary:not(.uk-preserve-color) .uk-badge, +.uk-tile-primary:not(.uk-preserve-color) .uk-badge, +.uk-tile-secondary:not(.uk-preserve-color) .uk-badge, +.uk-card-primary.uk-card-body .uk-badge, +.uk-card-primary > :not([class*='uk-card-media']) .uk-badge, +.uk-card-secondary.uk-card-body .uk-badge, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-badge, +.uk-overlay-primary .uk-badge, +.uk-offcanvas-bar .uk-badge { + background-color: #fff; + color: #666; +} +.uk-light .uk-badge:hover, +.uk-light .uk-badge:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-badge:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-badge:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-badge:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-badge:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-badge:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-badge:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-badge:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-badge:focus, +.uk-card-primary.uk-card-body .uk-badge:hover, +.uk-card-primary.uk-card-body .uk-badge:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-badge:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-badge:focus, +.uk-card-secondary.uk-card-body .uk-badge:hover, +.uk-card-secondary.uk-card-body .uk-badge:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-badge:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-badge:focus, +.uk-overlay-primary .uk-badge:hover, +.uk-overlay-primary .uk-badge:focus, +.uk-offcanvas-bar .uk-badge:hover, +.uk-offcanvas-bar .uk-badge:focus { + color: #666; +} +.uk-light .uk-label, +.uk-section-primary:not(.uk-preserve-color) .uk-label, +.uk-section-secondary:not(.uk-preserve-color) .uk-label, +.uk-tile-primary:not(.uk-preserve-color) .uk-label, +.uk-tile-secondary:not(.uk-preserve-color) .uk-label, +.uk-card-primary.uk-card-body .uk-label, +.uk-card-primary > :not([class*='uk-card-media']) .uk-label, +.uk-card-secondary.uk-card-body .uk-label, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-label, +.uk-overlay-primary .uk-label, +.uk-offcanvas-bar .uk-label { + background-color: #fff; + color: #666; +} +.uk-light .uk-article-meta, +.uk-section-primary:not(.uk-preserve-color) .uk-article-meta, +.uk-section-secondary:not(.uk-preserve-color) .uk-article-meta, +.uk-tile-primary:not(.uk-preserve-color) .uk-article-meta, +.uk-tile-secondary:not(.uk-preserve-color) .uk-article-meta, +.uk-card-primary.uk-card-body .uk-article-meta, +.uk-card-primary > :not([class*='uk-card-media']) .uk-article-meta, +.uk-card-secondary.uk-card-body .uk-article-meta, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-article-meta, +.uk-overlay-primary .uk-article-meta, +.uk-offcanvas-bar .uk-article-meta { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-search-input, +.uk-section-primary:not(.uk-preserve-color) .uk-search-input, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-input, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-input, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input, +.uk-card-primary.uk-card-body .uk-search-input, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-input, +.uk-card-secondary.uk-card-body .uk-search-input, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-input, +.uk-overlay-primary .uk-search-input, +.uk-offcanvas-bar .uk-search-input { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-search-input:-ms-input-placeholder, +.uk-section-primary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder, +.uk-card-primary.uk-card-body .uk-search-input:-ms-input-placeholder, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-input:-ms-input-placeholder, +.uk-card-secondary.uk-card-body .uk-search-input:-ms-input-placeholder, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-input:-ms-input-placeholder, +.uk-overlay-primary .uk-search-input:-ms-input-placeholder, +.uk-offcanvas-bar .uk-search-input:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.5) !important; +} +.uk-light .uk-search-input::placeholder, +.uk-section-primary:not(.uk-preserve-color) .uk-search-input::placeholder, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-input::placeholder, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-input::placeholder, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::placeholder, +.uk-card-primary.uk-card-body .uk-search-input::placeholder, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-input::placeholder, +.uk-card-secondary.uk-card-body .uk-search-input::placeholder, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-input::placeholder, +.uk-overlay-primary .uk-search-input::placeholder, +.uk-offcanvas-bar .uk-search-input::placeholder { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-search .uk-search-icon, +.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon, +.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon, +.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon, +.uk-card-primary.uk-card-body .uk-search .uk-search-icon, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search .uk-search-icon, +.uk-card-secondary.uk-card-body .uk-search .uk-search-icon, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search .uk-search-icon, +.uk-overlay-primary .uk-search .uk-search-icon, +.uk-offcanvas-bar .uk-search .uk-search-icon { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-search .uk-search-icon:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, +.uk-card-primary.uk-card-body .uk-search .uk-search-icon:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search .uk-search-icon:hover, +.uk-card-secondary.uk-card-body .uk-search .uk-search-icon:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search .uk-search-icon:hover, +.uk-overlay-primary .uk-search .uk-search-icon:hover, +.uk-offcanvas-bar .uk-search .uk-search-icon:hover { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-search-default .uk-search-input, +.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input, +.uk-card-primary.uk-card-body .uk-search-default .uk-search-input, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-default .uk-search-input, +.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-default .uk-search-input, +.uk-overlay-primary .uk-search-default .uk-search-input, +.uk-offcanvas-bar .uk-search-default .uk-search-input { + background-color: transparent; + border-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-search-default .uk-search-input:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, +.uk-card-primary.uk-card-body .uk-search-default .uk-search-input:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-default .uk-search-input:focus, +.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-default .uk-search-input:focus, +.uk-overlay-primary .uk-search-default .uk-search-input:focus, +.uk-offcanvas-bar .uk-search-default .uk-search-input:focus { + background-color: transparent; +} +.uk-light .uk-search-navbar .uk-search-input, +.uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, +.uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-navbar .uk-search-input, +.uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-navbar .uk-search-input, +.uk-overlay-primary .uk-search-navbar .uk-search-input, +.uk-offcanvas-bar .uk-search-navbar .uk-search-input { + background-color: transparent; +} +.uk-light .uk-search-large .uk-search-input, +.uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input, +.uk-card-primary.uk-card-body .uk-search-large .uk-search-input, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-large .uk-search-input, +.uk-card-secondary.uk-card-body .uk-search-large .uk-search-input, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-large .uk-search-input, +.uk-overlay-primary .uk-search-large .uk-search-input, +.uk-offcanvas-bar .uk-search-large .uk-search-input { + background-color: transparent; +} +.uk-light .uk-search-toggle, +.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle, +.uk-card-primary.uk-card-body .uk-search-toggle, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-toggle, +.uk-card-secondary.uk-card-body .uk-search-toggle, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-toggle, +.uk-overlay-primary .uk-search-toggle, +.uk-offcanvas-bar .uk-search-toggle { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-search-toggle:hover, +.uk-light .uk-search-toggle:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:focus, +.uk-card-primary.uk-card-body .uk-search-toggle:hover, +.uk-card-primary.uk-card-body .uk-search-toggle:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-toggle:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-toggle:focus, +.uk-card-secondary.uk-card-body .uk-search-toggle:hover, +.uk-card-secondary.uk-card-body .uk-search-toggle:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-toggle:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-toggle:focus, +.uk-overlay-primary .uk-search-toggle:hover, +.uk-overlay-primary .uk-search-toggle:focus, +.uk-offcanvas-bar .uk-search-toggle:hover, +.uk-offcanvas-bar .uk-search-toggle:focus { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-accordion-title, +.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title, +.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title, +.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title, +.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title, +.uk-card-primary.uk-card-body .uk-accordion-title, +.uk-card-primary > :not([class*='uk-card-media']) .uk-accordion-title, +.uk-card-secondary.uk-card-body .uk-accordion-title, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-accordion-title, +.uk-overlay-primary .uk-accordion-title, +.uk-offcanvas-bar .uk-accordion-title { + color: #fff; +} +.uk-light .uk-accordion-title:hover, +.uk-light .uk-accordion-title:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:focus, +.uk-card-primary.uk-card-body .uk-accordion-title:hover, +.uk-card-primary.uk-card-body .uk-accordion-title:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-accordion-title:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-accordion-title:focus, +.uk-card-secondary.uk-card-body .uk-accordion-title:hover, +.uk-card-secondary.uk-card-body .uk-accordion-title:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-accordion-title:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-accordion-title:focus, +.uk-overlay-primary .uk-accordion-title:hover, +.uk-overlay-primary .uk-accordion-title:focus, +.uk-offcanvas-bar .uk-accordion-title:hover, +.uk-offcanvas-bar .uk-accordion-title:focus { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-grid-divider > :not(.uk-first-column)::before, +.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-card-primary.uk-card-body .uk-grid-divider > :not(.uk-first-column)::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-card-secondary.uk-card-body .uk-grid-divider > :not(.uk-first-column)::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-overlay-primary .uk-grid-divider > :not(.uk-first-column)::before, +.uk-offcanvas-bar .uk-grid-divider > :not(.uk-first-column)::before { + border-right-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-card-primary.uk-card-body .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-card-secondary.uk-card-body .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-overlay-primary .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-offcanvas-bar .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-nav-parent-icon > .uk-parent > a::after, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent > a::after, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent > a::after, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent > a::after, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent > a::after, +.uk-card-primary.uk-card-body .uk-nav-parent-icon > .uk-parent > a::after, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-parent-icon > .uk-parent > a::after, +.uk-card-secondary.uk-card-body .uk-nav-parent-icon > .uk-parent > a::after, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-parent-icon > .uk-parent > a::after, +.uk-overlay-primary .uk-nav-parent-icon > .uk-parent > a::after, +.uk-offcanvas-bar .uk-nav-parent-icon > .uk-parent > a::after { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +.uk-light .uk-nav-parent-icon > .uk-parent.uk-open > a::after, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after, +.uk-card-primary.uk-card-body .uk-nav-parent-icon > .uk-parent.uk-open > a::after, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-parent-icon > .uk-parent.uk-open > a::after, +.uk-card-secondary.uk-card-body .uk-nav-parent-icon > .uk-parent.uk-open > a::after, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-parent-icon > .uk-parent.uk-open > a::after, +.uk-overlay-primary .uk-nav-parent-icon > .uk-parent.uk-open > a::after, +.uk-offcanvas-bar .uk-nav-parent-icon > .uk-parent.uk-open > a::after { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +.uk-light .uk-nav-default > li > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a, +.uk-card-primary.uk-card-body .uk-nav-default > li > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default > li > a, +.uk-card-secondary.uk-card-body .uk-nav-default > li > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default > li > a, +.uk-overlay-primary .uk-nav-default > li > a, +.uk-offcanvas-bar .uk-nav-default > li > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-nav-default > li > a:hover, +.uk-light .uk-nav-default > li > a:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:focus, +.uk-card-primary.uk-card-body .uk-nav-default > li > a:hover, +.uk-card-primary.uk-card-body .uk-nav-default > li > a:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default > li > a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default > li > a:focus, +.uk-card-secondary.uk-card-body .uk-nav-default > li > a:hover, +.uk-card-secondary.uk-card-body .uk-nav-default > li > a:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default > li > a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default > li > a:focus, +.uk-overlay-primary .uk-nav-default > li > a:hover, +.uk-overlay-primary .uk-nav-default > li > a:focus, +.uk-offcanvas-bar .uk-nav-default > li > a:hover, +.uk-offcanvas-bar .uk-nav-default > li > a:focus { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-nav-default > li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, +.uk-card-primary.uk-card-body .uk-nav-default > li.uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default > li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-nav-default > li.uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default > li.uk-active > a, +.uk-overlay-primary .uk-nav-default > li.uk-active > a, +.uk-offcanvas-bar .uk-nav-default > li.uk-active > a { + color: #fff; +} +.uk-light .uk-nav-default .uk-nav-header, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, +.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-header, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-header, +.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-header, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-header, +.uk-overlay-primary .uk-nav-default .uk-nav-header, +.uk-offcanvas-bar .uk-nav-default .uk-nav-header { + color: #fff; +} +.uk-light .uk-nav-default .uk-nav-divider, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, +.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-divider, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-divider, +.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-divider, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-divider, +.uk-overlay-primary .uk-nav-default .uk-nav-divider, +.uk-offcanvas-bar .uk-nav-default .uk-nav-divider { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-nav-default .uk-nav-sub a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, +.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a, +.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a, +.uk-overlay-primary .uk-nav-default .uk-nav-sub a, +.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-nav-default .uk-nav-sub a:hover, +.uk-light .uk-nav-default .uk-nav-sub a:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus, +.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:hover, +.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a:focus, +.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:hover, +.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a:focus, +.uk-overlay-primary .uk-nav-default .uk-nav-sub a:hover, +.uk-overlay-primary .uk-nav-default .uk-nav-sub a:focus, +.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover, +.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:focus { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-overlay-primary .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-offcanvas-bar .uk-nav-default .uk-nav-sub li.uk-active > a { + color: #fff; +} +.uk-light .uk-nav-primary > li > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a, +.uk-card-primary.uk-card-body .uk-nav-primary > li > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary > li > a, +.uk-card-secondary.uk-card-body .uk-nav-primary > li > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary > li > a, +.uk-overlay-primary .uk-nav-primary > li > a, +.uk-offcanvas-bar .uk-nav-primary > li > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-nav-primary > li > a:hover, +.uk-light .uk-nav-primary > li > a:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:focus, +.uk-card-primary.uk-card-body .uk-nav-primary > li > a:hover, +.uk-card-primary.uk-card-body .uk-nav-primary > li > a:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary > li > a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary > li > a:focus, +.uk-card-secondary.uk-card-body .uk-nav-primary > li > a:hover, +.uk-card-secondary.uk-card-body .uk-nav-primary > li > a:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary > li > a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary > li > a:focus, +.uk-overlay-primary .uk-nav-primary > li > a:hover, +.uk-overlay-primary .uk-nav-primary > li > a:focus, +.uk-offcanvas-bar .uk-nav-primary > li > a:hover, +.uk-offcanvas-bar .uk-nav-primary > li > a:focus { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-nav-primary > li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, +.uk-card-primary.uk-card-body .uk-nav-primary > li.uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary > li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-nav-primary > li.uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary > li.uk-active > a, +.uk-overlay-primary .uk-nav-primary > li.uk-active > a, +.uk-offcanvas-bar .uk-nav-primary > li.uk-active > a { + color: #fff; +} +.uk-light .uk-nav-primary .uk-nav-header, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, +.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-header, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-header, +.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-header, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-header, +.uk-overlay-primary .uk-nav-primary .uk-nav-header, +.uk-offcanvas-bar .uk-nav-primary .uk-nav-header { + color: #fff; +} +.uk-light .uk-nav-primary .uk-nav-divider, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, +.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-divider, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-divider, +.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-divider, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-divider, +.uk-overlay-primary .uk-nav-primary .uk-nav-divider, +.uk-offcanvas-bar .uk-nav-primary .uk-nav-divider { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-nav-primary .uk-nav-sub a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, +.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a, +.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a, +.uk-overlay-primary .uk-nav-primary .uk-nav-sub a, +.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-nav-primary .uk-nav-sub a:hover, +.uk-light .uk-nav-primary .uk-nav-sub a:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus, +.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover, +.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a:focus, +.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover, +.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a:focus, +.uk-overlay-primary .uk-nav-primary .uk-nav-sub a:hover, +.uk-overlay-primary .uk-nav-primary .uk-nav-sub a:focus, +.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:hover, +.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:focus { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-overlay-primary .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub li.uk-active > a { + color: #fff; +} +.uk-light .uk-navbar-nav > li > a, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a, +.uk-card-primary.uk-card-body .uk-navbar-nav > li > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a, +.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a, +.uk-overlay-primary .uk-navbar-nav > li > a, +.uk-offcanvas-bar .uk-navbar-nav > li > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-navbar-nav > li:hover > a, +.uk-light .uk-navbar-nav > li > a:focus, +.uk-light .uk-navbar-nav > li > a.uk-open, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open, +.uk-card-primary.uk-card-body .uk-navbar-nav > li:hover > a, +.uk-card-primary.uk-card-body .uk-navbar-nav > li > a:focus, +.uk-card-primary.uk-card-body .uk-navbar-nav > li > a.uk-open, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li:hover > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a.uk-open, +.uk-card-secondary.uk-card-body .uk-navbar-nav > li:hover > a, +.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a:focus, +.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a.uk-open, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li:hover > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a.uk-open, +.uk-overlay-primary .uk-navbar-nav > li:hover > a, +.uk-overlay-primary .uk-navbar-nav > li > a:focus, +.uk-overlay-primary .uk-navbar-nav > li > a.uk-open, +.uk-offcanvas-bar .uk-navbar-nav > li:hover > a, +.uk-offcanvas-bar .uk-navbar-nav > li > a:focus, +.uk-offcanvas-bar .uk-navbar-nav > li > a.uk-open { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-navbar-nav > li > a:active, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, +.uk-card-primary.uk-card-body .uk-navbar-nav > li > a:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a:active, +.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a:active, +.uk-overlay-primary .uk-navbar-nav > li > a:active, +.uk-offcanvas-bar .uk-navbar-nav > li > a:active { + color: #fff; +} +.uk-light .uk-navbar-nav > li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, +.uk-card-primary.uk-card-body .uk-navbar-nav > li.uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-navbar-nav > li.uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li.uk-active > a, +.uk-overlay-primary .uk-navbar-nav > li.uk-active > a, +.uk-offcanvas-bar .uk-navbar-nav > li.uk-active > a { + color: #fff; +} +.uk-light .uk-navbar-item, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-item, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-item, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-item, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-item, +.uk-card-primary.uk-card-body .uk-navbar-item, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-item, +.uk-card-secondary.uk-card-body .uk-navbar-item, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-item, +.uk-overlay-primary .uk-navbar-item, +.uk-offcanvas-bar .uk-navbar-item { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-navbar-toggle, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle, +.uk-card-primary.uk-card-body .uk-navbar-toggle, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-toggle, +.uk-card-secondary.uk-card-body .uk-navbar-toggle, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-toggle, +.uk-overlay-primary .uk-navbar-toggle, +.uk-offcanvas-bar .uk-navbar-toggle { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-navbar-toggle:hover, +.uk-light .uk-navbar-toggle:focus, +.uk-light .uk-navbar-toggle.uk-open, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open, +.uk-card-primary.uk-card-body .uk-navbar-toggle:hover, +.uk-card-primary.uk-card-body .uk-navbar-toggle:focus, +.uk-card-primary.uk-card-body .uk-navbar-toggle.uk-open, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-toggle:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-toggle:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-toggle.uk-open, +.uk-card-secondary.uk-card-body .uk-navbar-toggle:hover, +.uk-card-secondary.uk-card-body .uk-navbar-toggle:focus, +.uk-card-secondary.uk-card-body .uk-navbar-toggle.uk-open, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-toggle:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-toggle:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-toggle.uk-open, +.uk-overlay-primary .uk-navbar-toggle:hover, +.uk-overlay-primary .uk-navbar-toggle:focus, +.uk-overlay-primary .uk-navbar-toggle.uk-open, +.uk-offcanvas-bar .uk-navbar-toggle:hover, +.uk-offcanvas-bar .uk-navbar-toggle:focus, +.uk-offcanvas-bar .uk-navbar-toggle.uk-open { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-subnav > * > :first-child, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > :first-child, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > :first-child, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > :first-child, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > :first-child, +.uk-card-primary.uk-card-body .uk-subnav > * > :first-child, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > * > :first-child, +.uk-card-secondary.uk-card-body .uk-subnav > * > :first-child, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > * > :first-child, +.uk-overlay-primary .uk-subnav > * > :first-child, +.uk-offcanvas-bar .uk-subnav > * > :first-child { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-subnav > * > a:hover, +.uk-light .uk-subnav > * > a:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > a:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > a:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > a:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > a:focus, +.uk-card-primary.uk-card-body .uk-subnav > * > a:hover, +.uk-card-primary.uk-card-body .uk-subnav > * > a:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > * > a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > * > a:focus, +.uk-card-secondary.uk-card-body .uk-subnav > * > a:hover, +.uk-card-secondary.uk-card-body .uk-subnav > * > a:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > * > a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > * > a:focus, +.uk-overlay-primary .uk-subnav > * > a:hover, +.uk-overlay-primary .uk-subnav > * > a:focus, +.uk-offcanvas-bar .uk-subnav > * > a:hover, +.uk-offcanvas-bar .uk-subnav > * > a:focus { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-subnav > .uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, +.uk-card-primary.uk-card-body .uk-subnav > .uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > .uk-active > a, +.uk-card-secondary.uk-card-body .uk-subnav > .uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > .uk-active > a, +.uk-overlay-primary .uk-subnav > .uk-active > a, +.uk-offcanvas-bar .uk-subnav > .uk-active > a { + color: #fff; +} +.uk-light .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-primary.uk-card-body .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-secondary.uk-card-body .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-overlay-primary .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-offcanvas-bar .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before { + border-right-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-subnav-pill > * > :first-child, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, +.uk-card-primary.uk-card-body .uk-subnav-pill > * > :first-child, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > * > :first-child, +.uk-card-secondary.uk-card-body .uk-subnav-pill > * > :first-child, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > * > :first-child, +.uk-overlay-primary .uk-subnav-pill > * > :first-child, +.uk-offcanvas-bar .uk-subnav-pill > * > :first-child { + background-color: transparent; + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-subnav-pill > * > a:hover, +.uk-light .uk-subnav-pill > * > a:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:focus, +.uk-card-primary.uk-card-body .uk-subnav-pill > * > a:hover, +.uk-card-primary.uk-card-body .uk-subnav-pill > * > a:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:focus, +.uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:hover, +.uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:focus, +.uk-overlay-primary .uk-subnav-pill > * > a:hover, +.uk-overlay-primary .uk-subnav-pill > * > a:focus, +.uk-offcanvas-bar .uk-subnav-pill > * > a:hover, +.uk-offcanvas-bar .uk-subnav-pill > * > a:focus { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-subnav-pill > * > a:active, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, +.uk-card-primary.uk-card-body .uk-subnav-pill > * > a:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:active, +.uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:active, +.uk-overlay-primary .uk-subnav-pill > * > a:active, +.uk-offcanvas-bar .uk-subnav-pill > * > a:active { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-subnav-pill > .uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, +.uk-card-primary.uk-card-body .uk-subnav-pill > .uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > .uk-active > a, +.uk-card-secondary.uk-card-body .uk-subnav-pill > .uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > .uk-active > a, +.uk-overlay-primary .uk-subnav-pill > .uk-active > a, +.uk-offcanvas-bar .uk-subnav-pill > .uk-active > a { + background-color: #fff; + color: #666; +} +.uk-light .uk-subnav > .uk-disabled > a, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, +.uk-card-primary.uk-card-body .uk-subnav > .uk-disabled > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > .uk-disabled > a, +.uk-card-secondary.uk-card-body .uk-subnav > .uk-disabled > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > .uk-disabled > a, +.uk-overlay-primary .uk-subnav > .uk-disabled > a, +.uk-offcanvas-bar .uk-subnav > .uk-disabled > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-breadcrumb > * > *, +.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > *, +.uk-card-primary.uk-card-body .uk-breadcrumb > * > *, +.uk-card-primary > :not([class*='uk-card-media']) .uk-breadcrumb > * > *, +.uk-card-secondary.uk-card-body .uk-breadcrumb > * > *, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-breadcrumb > * > *, +.uk-overlay-primary .uk-breadcrumb > * > *, +.uk-offcanvas-bar .uk-breadcrumb > * > * { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-breadcrumb > * > :hover, +.uk-light .uk-breadcrumb > * > :focus, +.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, +.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :focus, +.uk-card-primary.uk-card-body .uk-breadcrumb > * > :hover, +.uk-card-primary.uk-card-body .uk-breadcrumb > * > :focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-breadcrumb > * > :hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-breadcrumb > * > :focus, +.uk-card-secondary.uk-card-body .uk-breadcrumb > * > :hover, +.uk-card-secondary.uk-card-body .uk-breadcrumb > * > :focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-breadcrumb > * > :hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-breadcrumb > * > :focus, +.uk-overlay-primary .uk-breadcrumb > * > :hover, +.uk-overlay-primary .uk-breadcrumb > * > :focus, +.uk-offcanvas-bar .uk-breadcrumb > * > :hover, +.uk-offcanvas-bar .uk-breadcrumb > * > :focus { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-breadcrumb > :last-child > *, +.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, +.uk-card-primary.uk-card-body .uk-breadcrumb > :last-child > *, +.uk-card-primary > :not([class*='uk-card-media']) .uk-breadcrumb > :last-child > *, +.uk-card-secondary.uk-card-body .uk-breadcrumb > :last-child > *, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-breadcrumb > :last-child > *, +.uk-overlay-primary .uk-breadcrumb > :last-child > *, +.uk-offcanvas-bar .uk-breadcrumb > :last-child > * { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-primary.uk-card-body .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-secondary.uk-card-body .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-overlay-primary .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-offcanvas-bar .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-pagination > * > *, +.uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > *, +.uk-card-primary.uk-card-body .uk-pagination > * > *, +.uk-card-primary > :not([class*='uk-card-media']) .uk-pagination > * > *, +.uk-card-secondary.uk-card-body .uk-pagination > * > *, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-pagination > * > *, +.uk-overlay-primary .uk-pagination > * > *, +.uk-offcanvas-bar .uk-pagination > * > * { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-pagination > * > :hover, +.uk-light .uk-pagination > * > :focus, +.uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > :hover, +.uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > :focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > :hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > :focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > :hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > :focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > :hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > :focus, +.uk-card-primary.uk-card-body .uk-pagination > * > :hover, +.uk-card-primary.uk-card-body .uk-pagination > * > :focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-pagination > * > :hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-pagination > * > :focus, +.uk-card-secondary.uk-card-body .uk-pagination > * > :hover, +.uk-card-secondary.uk-card-body .uk-pagination > * > :focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-pagination > * > :hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-pagination > * > :focus, +.uk-overlay-primary .uk-pagination > * > :hover, +.uk-overlay-primary .uk-pagination > * > :focus, +.uk-offcanvas-bar .uk-pagination > * > :hover, +.uk-offcanvas-bar .uk-pagination > * > :focus { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-pagination > .uk-active > *, +.uk-section-primary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, +.uk-card-primary.uk-card-body .uk-pagination > .uk-active > *, +.uk-card-primary > :not([class*='uk-card-media']) .uk-pagination > .uk-active > *, +.uk-card-secondary.uk-card-body .uk-pagination > .uk-active > *, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-pagination > .uk-active > *, +.uk-overlay-primary .uk-pagination > .uk-active > *, +.uk-offcanvas-bar .uk-pagination > .uk-active > * { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-pagination > .uk-disabled > *, +.uk-section-primary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, +.uk-card-primary.uk-card-body .uk-pagination > .uk-disabled > *, +.uk-card-primary > :not([class*='uk-card-media']) .uk-pagination > .uk-disabled > *, +.uk-card-secondary.uk-card-body .uk-pagination > .uk-disabled > *, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-pagination > .uk-disabled > *, +.uk-overlay-primary .uk-pagination > .uk-disabled > *, +.uk-offcanvas-bar .uk-pagination > .uk-disabled > * { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-tab::before, +.uk-section-primary:not(.uk-preserve-color) .uk-tab::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-tab::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-tab::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-tab::before, +.uk-card-primary.uk-card-body .uk-tab::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-tab::before, +.uk-card-secondary.uk-card-body .uk-tab::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-tab::before, +.uk-overlay-primary .uk-tab::before, +.uk-offcanvas-bar .uk-tab::before { + border-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-tab > * > a, +.uk-section-primary:not(.uk-preserve-color) .uk-tab > * > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a, +.uk-card-primary.uk-card-body .uk-tab > * > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-tab > * > a, +.uk-card-secondary.uk-card-body .uk-tab > * > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > * > a, +.uk-overlay-primary .uk-tab > * > a, +.uk-offcanvas-bar .uk-tab > * > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-tab > * > a:hover, +.uk-light .uk-tab > * > a:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-tab > * > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-tab > * > a:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a:focus, +.uk-card-primary.uk-card-body .uk-tab > * > a:hover, +.uk-card-primary.uk-card-body .uk-tab > * > a:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-tab > * > a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-tab > * > a:focus, +.uk-card-secondary.uk-card-body .uk-tab > * > a:hover, +.uk-card-secondary.uk-card-body .uk-tab > * > a:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > * > a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > * > a:focus, +.uk-overlay-primary .uk-tab > * > a:hover, +.uk-overlay-primary .uk-tab > * > a:focus, +.uk-offcanvas-bar .uk-tab > * > a:hover, +.uk-offcanvas-bar .uk-tab > * > a:focus { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-tab > .uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-tab > .uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-tab > .uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-tab > .uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > .uk-active > a, +.uk-card-primary.uk-card-body .uk-tab > .uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-tab > .uk-active > a, +.uk-card-secondary.uk-card-body .uk-tab > .uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > .uk-active > a, +.uk-overlay-primary .uk-tab > .uk-active > a, +.uk-offcanvas-bar .uk-tab > .uk-active > a { + color: #fff; + border-color: #fff; +} +.uk-light .uk-tab > .uk-disabled > a, +.uk-section-primary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, +.uk-card-primary.uk-card-body .uk-tab > .uk-disabled > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-tab > .uk-disabled > a, +.uk-card-secondary.uk-card-body .uk-tab > .uk-disabled > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > .uk-disabled > a, +.uk-overlay-primary .uk-tab > .uk-disabled > a, +.uk-offcanvas-bar .uk-tab > .uk-disabled > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-slidenav, +.uk-section-primary:not(.uk-preserve-color) .uk-slidenav, +.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav, +.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav, +.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav, +.uk-card-primary.uk-card-body .uk-slidenav, +.uk-card-primary > :not([class*='uk-card-media']) .uk-slidenav, +.uk-card-secondary.uk-card-body .uk-slidenav, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-slidenav, +.uk-overlay-primary .uk-slidenav, +.uk-offcanvas-bar .uk-slidenav { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-slidenav:hover, +.uk-light .uk-slidenav:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:focus, +.uk-card-primary.uk-card-body .uk-slidenav:hover, +.uk-card-primary.uk-card-body .uk-slidenav:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-slidenav:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-slidenav:focus, +.uk-card-secondary.uk-card-body .uk-slidenav:hover, +.uk-card-secondary.uk-card-body .uk-slidenav:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-slidenav:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-slidenav:focus, +.uk-overlay-primary .uk-slidenav:hover, +.uk-overlay-primary .uk-slidenav:focus, +.uk-offcanvas-bar .uk-slidenav:hover, +.uk-offcanvas-bar .uk-slidenav:focus { + color: rgba(255, 255, 255, 0.95); +} +.uk-light .uk-slidenav:active, +.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:active, +.uk-card-primary.uk-card-body .uk-slidenav:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-slidenav:active, +.uk-card-secondary.uk-card-body .uk-slidenav:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-slidenav:active, +.uk-overlay-primary .uk-slidenav:active, +.uk-offcanvas-bar .uk-slidenav:active { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-dotnav > * > *, +.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > *, +.uk-card-primary.uk-card-body .uk-dotnav > * > *, +.uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > * > *, +.uk-card-secondary.uk-card-body .uk-dotnav > * > *, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > * > *, +.uk-overlay-primary .uk-dotnav > * > *, +.uk-offcanvas-bar .uk-dotnav > * > * { + background-color: transparent; + border-color: rgba(255, 255, 255, 0.9); +} +.uk-light .uk-dotnav > * > :hover, +.uk-light .uk-dotnav > * > :focus, +.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :hover, +.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :focus, +.uk-card-primary.uk-card-body .uk-dotnav > * > :hover, +.uk-card-primary.uk-card-body .uk-dotnav > * > :focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > * > :hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > * > :focus, +.uk-card-secondary.uk-card-body .uk-dotnav > * > :hover, +.uk-card-secondary.uk-card-body .uk-dotnav > * > :focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > * > :hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > * > :focus, +.uk-overlay-primary .uk-dotnav > * > :hover, +.uk-overlay-primary .uk-dotnav > * > :focus, +.uk-offcanvas-bar .uk-dotnav > * > :hover, +.uk-offcanvas-bar .uk-dotnav > * > :focus { + background-color: rgba(255, 255, 255, 0.9); + border-color: transparent; +} +.uk-light .uk-dotnav > * > :active, +.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :active, +.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :active, +.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :active, +.uk-card-primary.uk-card-body .uk-dotnav > * > :active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > * > :active, +.uk-card-secondary.uk-card-body .uk-dotnav > * > :active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > * > :active, +.uk-overlay-primary .uk-dotnav > * > :active, +.uk-offcanvas-bar .uk-dotnav > * > :active { + background-color: rgba(255, 255, 255, 0.5); + border-color: transparent; +} +.uk-light .uk-dotnav > .uk-active > *, +.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, +.uk-card-primary.uk-card-body .uk-dotnav > .uk-active > *, +.uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > .uk-active > *, +.uk-card-secondary.uk-card-body .uk-dotnav > .uk-active > *, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > .uk-active > *, +.uk-overlay-primary .uk-dotnav > .uk-active > *, +.uk-offcanvas-bar .uk-dotnav > .uk-active > * { + background-color: rgba(255, 255, 255, 0.9); + border-color: transparent; +} +.uk-light .uk-iconnav > * > a, +.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > a, +.uk-card-primary.uk-card-body .uk-iconnav > * > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-iconnav > * > a, +.uk-card-secondary.uk-card-body .uk-iconnav > * > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-iconnav > * > a, +.uk-overlay-primary .uk-iconnav > * > a, +.uk-offcanvas-bar .uk-iconnav > * > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-iconnav > * > a:hover, +.uk-light .uk-iconnav > * > a:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > a:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > a:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:focus, +.uk-card-primary.uk-card-body .uk-iconnav > * > a:hover, +.uk-card-primary.uk-card-body .uk-iconnav > * > a:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-iconnav > * > a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-iconnav > * > a:focus, +.uk-card-secondary.uk-card-body .uk-iconnav > * > a:hover, +.uk-card-secondary.uk-card-body .uk-iconnav > * > a:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-iconnav > * > a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-iconnav > * > a:focus, +.uk-overlay-primary .uk-iconnav > * > a:hover, +.uk-overlay-primary .uk-iconnav > * > a:focus, +.uk-offcanvas-bar .uk-iconnav > * > a:hover, +.uk-offcanvas-bar .uk-iconnav > * > a:focus { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-iconnav > .uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a, +.uk-card-primary.uk-card-body .uk-iconnav > .uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-iconnav > .uk-active > a, +.uk-card-secondary.uk-card-body .uk-iconnav > .uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-iconnav > .uk-active > a, +.uk-overlay-primary .uk-iconnav > .uk-active > a, +.uk-offcanvas-bar .uk-iconnav > .uk-active > a { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-text-lead, +.uk-section-primary:not(.uk-preserve-color) .uk-text-lead, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-lead, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-lead, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-lead, +.uk-card-primary.uk-card-body .uk-text-lead, +.uk-card-primary > :not([class*='uk-card-media']) .uk-text-lead, +.uk-card-secondary.uk-card-body .uk-text-lead, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-text-lead, +.uk-overlay-primary .uk-text-lead, +.uk-offcanvas-bar .uk-text-lead { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-text-meta, +.uk-section-primary:not(.uk-preserve-color) .uk-text-meta, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-meta, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-meta, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-meta, +.uk-card-primary.uk-card-body .uk-text-meta, +.uk-card-primary > :not([class*='uk-card-media']) .uk-text-meta, +.uk-card-secondary.uk-card-body .uk-text-meta, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-text-meta, +.uk-overlay-primary .uk-text-meta, +.uk-offcanvas-bar .uk-text-meta { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-text-muted, +.uk-section-primary:not(.uk-preserve-color) .uk-text-muted, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-muted, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-muted, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-muted, +.uk-card-primary.uk-card-body .uk-text-muted, +.uk-card-primary > :not([class*='uk-card-media']) .uk-text-muted, +.uk-card-secondary.uk-card-body .uk-text-muted, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-text-muted, +.uk-overlay-primary .uk-text-muted, +.uk-offcanvas-bar .uk-text-muted { + color: rgba(255, 255, 255, 0.5) !important; +} +.uk-light .uk-text-emphasis, +.uk-section-primary:not(.uk-preserve-color) .uk-text-emphasis, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-emphasis, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-emphasis, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-emphasis, +.uk-card-primary.uk-card-body .uk-text-emphasis, +.uk-card-primary > :not([class*='uk-card-media']) .uk-text-emphasis, +.uk-card-secondary.uk-card-body .uk-text-emphasis, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-text-emphasis, +.uk-overlay-primary .uk-text-emphasis, +.uk-offcanvas-bar .uk-text-emphasis { + color: #fff !important; +} +.uk-light .uk-text-primary, +.uk-section-primary:not(.uk-preserve-color) .uk-text-primary, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-primary, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-primary, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-primary, +.uk-card-primary.uk-card-body .uk-text-primary, +.uk-card-primary > :not([class*='uk-card-media']) .uk-text-primary, +.uk-card-secondary.uk-card-body .uk-text-primary, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-text-primary, +.uk-overlay-primary .uk-text-primary, +.uk-offcanvas-bar .uk-text-primary { + color: #fff !important; +} +.uk-light .uk-text-secondary, +.uk-section-primary:not(.uk-preserve-color) .uk-text-secondary, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-secondary, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-secondary, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-secondary, +.uk-card-primary.uk-card-body .uk-text-secondary, +.uk-card-primary > :not([class*='uk-card-media']) .uk-text-secondary, +.uk-card-secondary.uk-card-body .uk-text-secondary, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-text-secondary, +.uk-overlay-primary .uk-text-secondary, +.uk-offcanvas-bar .uk-text-secondary { + color: #fff !important; +} +.uk-light .uk-column-divider, +.uk-section-primary:not(.uk-preserve-color) .uk-column-divider, +.uk-section-secondary:not(.uk-preserve-color) .uk-column-divider, +.uk-tile-primary:not(.uk-preserve-color) .uk-column-divider, +.uk-tile-secondary:not(.uk-preserve-color) .uk-column-divider, +.uk-card-primary.uk-card-body .uk-column-divider, +.uk-card-primary > :not([class*='uk-card-media']) .uk-column-divider, +.uk-card-secondary.uk-card-body .uk-column-divider, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-column-divider, +.uk-overlay-primary .uk-column-divider, +.uk-offcanvas-bar .uk-column-divider { + column-rule-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-logo, +.uk-section-primary:not(.uk-preserve-color) .uk-logo, +.uk-section-secondary:not(.uk-preserve-color) .uk-logo, +.uk-tile-primary:not(.uk-preserve-color) .uk-logo, +.uk-tile-secondary:not(.uk-preserve-color) .uk-logo, +.uk-card-primary.uk-card-body .uk-logo, +.uk-card-primary > :not([class*='uk-card-media']) .uk-logo, +.uk-card-secondary.uk-card-body .uk-logo, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-logo, +.uk-overlay-primary .uk-logo, +.uk-offcanvas-bar .uk-logo { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-logo:hover, +.uk-light .uk-logo:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-logo:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-logo:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-logo:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-logo:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-logo:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-logo:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:focus, +.uk-card-primary.uk-card-body .uk-logo:hover, +.uk-card-primary.uk-card-body .uk-logo:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-logo:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-logo:focus, +.uk-card-secondary.uk-card-body .uk-logo:hover, +.uk-card-secondary.uk-card-body .uk-logo:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-logo:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-logo:focus, +.uk-overlay-primary .uk-logo:hover, +.uk-overlay-primary .uk-logo:focus, +.uk-offcanvas-bar .uk-logo:hover, +.uk-offcanvas-bar .uk-logo:focus { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), +.uk-section-primary:not(.uk-preserve-color) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), +.uk-section-secondary:not(.uk-preserve-color) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), +.uk-tile-primary:not(.uk-preserve-color) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), +.uk-tile-secondary:not(.uk-preserve-color) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), +.uk-card-primary.uk-card-body .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), +.uk-card-primary > :not([class*='uk-card-media']) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), +.uk-card-secondary.uk-card-body .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), +.uk-overlay-primary .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), +.uk-offcanvas-bar .uk-logo > :not(.uk-logo-inverse):not(:only-of-type) { + display: none; +} +.uk-light .uk-logo-inverse, +.uk-section-primary:not(.uk-preserve-color) .uk-logo-inverse, +.uk-section-secondary:not(.uk-preserve-color) .uk-logo-inverse, +.uk-tile-primary:not(.uk-preserve-color) .uk-logo-inverse, +.uk-tile-secondary:not(.uk-preserve-color) .uk-logo-inverse, +.uk-card-primary.uk-card-body .uk-logo-inverse, +.uk-card-primary > :not([class*='uk-card-media']) .uk-logo-inverse, +.uk-card-secondary.uk-card-body .uk-logo-inverse, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-logo-inverse, +.uk-overlay-primary .uk-logo-inverse, +.uk-offcanvas-bar .uk-logo-inverse { + display: inline; +} +.uk-light .uk-accordion-title::before, +.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title::before, +.uk-card-primary.uk-card-body .uk-accordion-title::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-accordion-title::before, +.uk-card-secondary.uk-card-body .uk-accordion-title::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-accordion-title::before, +.uk-overlay-primary .uk-accordion-title::before, +.uk-offcanvas-bar .uk-accordion-title::before { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +.uk-light .uk-open > .uk-accordion-title::before, +.uk-section-primary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before, +.uk-card-primary.uk-card-body .uk-open > .uk-accordion-title::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-open > .uk-accordion-title::before, +.uk-card-secondary.uk-card-body .uk-open > .uk-accordion-title::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-open > .uk-accordion-title::before, +.uk-overlay-primary .uk-open > .uk-accordion-title::before, +.uk-offcanvas-bar .uk-open > .uk-accordion-title::before { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +/* ======================================================================== + Component: Print + ========================================================================== */ +@media print { + *, + *::before, + *::after { + background: transparent !important; + color: black !important; + box-shadow: none !important; + text-shadow: none !important; + } + a, + a:visited { + text-decoration: underline; + } + pre, + blockquote { + border: 1px solid #999; + page-break-inside: avoid; + } + thead { + display: table-header-group; + } + tr, + img { + page-break-inside: avoid; + } + img { + max-width: 100% !important; + } + @page { + margin: 0.5cm; + } + p, + h2, + h3 { + orphans: 3; + widows: 3; + } + h2, + h3 { + page-break-after: avoid; + } +} diff --git a/lib/css/uikit-rtl.min.css b/lib/css/uikit-rtl.min.css new file mode 100644 index 0000000..9aaf28a --- /dev/null +++ b/lib/css/uikit-rtl.min.css @@ -0,0 +1 @@ +/*! UIkit 3.5.5 | https://www.getuikit.com | (c) 2014 - 2020 YOOtheme | MIT License */html{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:16px;font-weight:400;line-height:1.5;-webkit-text-size-adjust:100%;background:#fff;color:#666}body{margin:0}a:active,a:hover{outline:0}.uk-link,a{color:#1e87f0;text-decoration:none;cursor:pointer}.uk-link-toggle:focus .uk-link,.uk-link-toggle:hover .uk-link,.uk-link:hover,a:hover{color:#0f6ecd;text-decoration:underline}abbr[title]{text-decoration:underline dotted;-webkit-text-decoration-style:dotted}b,strong{font-weight:bolder}:not(pre)>code,:not(pre)>kbd,:not(pre)>samp{font-family:Consolas,monaco,monospace;font-size:.875rem;color:#f0506e;white-space:nowrap;padding:2px 6px;background:#f8f8f8}em{color:#f0506e}ins{background:#ffd;color:#666;text-decoration:none}mark{background:#ffd;color:#666}q{font-style:italic}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}audio,canvas,iframe,img,svg,video{vertical-align:middle}canvas,img,video{max-width:100%;height:auto;box-sizing:border-box}@supports (display:block){svg{max-width:100%;height:auto;box-sizing:border-box}}svg:not(:root){overflow:hidden}img:not([src]){min-width:1px;visibility:hidden}iframe{border:0}address,dl,fieldset,figure,ol,p,pre,ul{margin:0 0 20px 0}*+address,*+dl,*+fieldset,*+figure,*+ol,*+p,*+pre,*+ul{margin-top:20px}.uk-h1,.uk-h2,.uk-h3,.uk-h4,.uk-h5,.uk-h6,.uk-heading-2xlarge,.uk-heading-large,.uk-heading-medium,.uk-heading-small,.uk-heading-xlarge,h1,h2,h3,h4,h5,h6{margin:0 0 20px 0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:400;color:#333;text-transform:none}*+.uk-h1,*+.uk-h2,*+.uk-h3,*+.uk-h4,*+.uk-h5,*+.uk-h6,*+.uk-heading-2xlarge,*+.uk-heading-large,*+.uk-heading-medium,*+.uk-heading-small,*+.uk-heading-xlarge,*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:40px}.uk-h1,h1{font-size:2.23125rem;line-height:1.2}.uk-h2,h2{font-size:1.7rem;line-height:1.3}.uk-h3,h3{font-size:1.5rem;line-height:1.4}.uk-h4,h4{font-size:1.25rem;line-height:1.4}.uk-h5,h5{font-size:16px;line-height:1.4}.uk-h6,h6{font-size:.875rem;line-height:1.4}@media (min-width:960px){.uk-h1,h1{font-size:2.625rem}.uk-h2,h2{font-size:2rem}}ol,ul{padding-right:30px}ol>li>ol,ol>li>ul,ul>li>ol,ul>li>ul{margin:0}dt{font-weight:700}dd{margin-right:0}.uk-hr,hr{overflow:visible;text-align:inherit;margin:0 0 20px 0;border:0;border-top:1px solid #e5e5e5}*+.uk-hr,*+hr{margin-top:20px}address{font-style:normal}blockquote{margin:0 0 20px 0;font-size:1.25rem;line-height:1.5;font-style:italic;color:#333}*+blockquote{margin-top:20px}blockquote p:last-of-type{margin-bottom:0}blockquote footer{margin-top:10px;font-size:.875rem;line-height:1.5;color:#666}blockquote footer::before{content:"— "}pre{font:.875rem/1.5 Consolas,monaco,monospace;color:#666;-moz-tab-size:4;tab-size:4;overflow:auto;padding:10px;border:1px solid #e5e5e5;border-radius:3px;background:#fff}pre code{font-family:Consolas,monaco,monospace}::selection{background:#39f;color:#fff;text-shadow:none}details,main{display:block}summary{display:list-item}template{display:none}.uk-breakpoint-s::before{content:'640px'}.uk-breakpoint-m::before{content:'960px'}.uk-breakpoint-l::before{content:'1200px'}.uk-breakpoint-xl::before{content:'1600px'}:root{--uk-breakpoint-s:640px;--uk-breakpoint-m:960px;--uk-breakpoint-l:1200px;--uk-breakpoint-xl:1600px}.uk-link-muted a,a.uk-link-muted{color:#999}.uk-link-muted a:hover,.uk-link-toggle:focus .uk-link-muted,.uk-link-toggle:hover .uk-link-muted,a.uk-link-muted:hover{color:#666}.uk-link-text a,a.uk-link-text{color:inherit}.uk-link-text a:hover,.uk-link-toggle:focus .uk-link-text,.uk-link-toggle:hover .uk-link-text,a.uk-link-text:hover{color:#999}.uk-link-heading a,a.uk-link-heading{color:inherit}.uk-link-heading a:hover,.uk-link-toggle:focus .uk-link-heading,.uk-link-toggle:hover .uk-link-heading,a.uk-link-heading:hover{color:#1e87f0;text-decoration:none}.uk-link-reset a,a.uk-link-reset{color:inherit!important;text-decoration:none!important}.uk-link-toggle{color:inherit!important;text-decoration:none!important}.uk-link-toggle:focus{outline:0}.uk-heading-small{font-size:2.6rem;line-height:1.2}.uk-heading-medium{font-size:2.8875rem;line-height:1.1}.uk-heading-large{font-size:3.4rem;line-height:1.1}.uk-heading-xlarge{font-size:4rem;line-height:1}.uk-heading-2xlarge{font-size:6rem;line-height:1}@media (min-width:960px){.uk-heading-small{font-size:3.25rem}.uk-heading-medium{font-size:3.5rem}.uk-heading-large{font-size:4rem}.uk-heading-xlarge{font-size:6rem}.uk-heading-2xlarge{font-size:8rem}}@media (min-width:1200px){.uk-heading-medium{font-size:4rem}.uk-heading-large{font-size:6rem}.uk-heading-xlarge{font-size:8rem}.uk-heading-2xlarge{font-size:11rem}}.uk-heading-divider{padding-bottom:calc(5px + .1em);border-bottom:calc(.2px + .05em) solid #e5e5e5}.uk-heading-bullet{position:relative}.uk-heading-bullet::before{content:"";display:inline-block;position:relative;top:calc(-.1 * 1em);vertical-align:middle;height:calc(4px + .7em);margin-left:calc(5px + .2em);border-right:calc(5px + .1em) solid #e5e5e5}.uk-heading-line{overflow:hidden}.uk-heading-line>*{display:inline-block;position:relative}.uk-heading-line>::after,.uk-heading-line>::before{content:"";position:absolute;top:calc(50% - ((.2px + .05em)/ 2));width:2000px;border-bottom:calc(.2px + .05em) solid #e5e5e5}.uk-heading-line>::before{left:100%;margin-left:calc(5px + .3em)}.uk-heading-line>::after{right:100%;margin-right:calc(5px + .3em)}[class*=uk-divider]{border:none;margin-bottom:20px}*+[class*=uk-divider]{margin-top:20px}.uk-divider-icon{position:relative;height:20px;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23e5e5e5%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");background-repeat:no-repeat;background-position:50% 50%}.uk-divider-icon::after,.uk-divider-icon::before{content:"";position:absolute;top:50%;max-width:calc(50% - (50px / 2));border-bottom:1px solid #e5e5e5}.uk-divider-icon::before{left:calc(50% + (50px / 2));width:100%}.uk-divider-icon::after{right:calc(50% + (50px / 2));width:100%}.uk-divider-small{line-height:0}.uk-divider-small::after{content:"";display:inline-block;width:100px;max-width:100%;border-top:1px solid #e5e5e5;vertical-align:top}.uk-divider-vertical{width:1px;height:100px;margin-right:auto;margin-left:auto;border-right:1px solid #e5e5e5}.uk-list{padding:0;list-style:none}.uk-list>*>:last-child{margin-bottom:0}.uk-list>*>ul,.uk-list>:nth-child(n+2){margin-top:10px}.uk-list-circle>*,.uk-list-decimal>*,.uk-list-disc>*,.uk-list-hyphen>*,.uk-list-square>*{padding-right:30px}.uk-list-decimal{counter-reset:decimal}.uk-list-decimal>*{counter-increment:decimal}[class*=uk-list]>::before{content:'';position:relative;right:-30px;width:30px;height:1.5em;margin-bottom:-1.5em;display:list-item;list-style-position:inside;text-align:left}.uk-list-disc>::before{list-style-type:disc}.uk-list-circle>::before{list-style-type:circle}.uk-list-square>::before{list-style-type:square}.uk-list-decimal>::before{content:counter(decimal,decimal) '\200A.\00A0'}.uk-list-hyphen>::before{content:'–\00A0\00A0'}.uk-list-muted>::before{color:#999!important}.uk-list-emphasis>::before{color:#333!important}.uk-list-primary>::before{color:#1e87f0!important}.uk-list-secondary>::before{color:#222!important}.uk-list-bullet>*{padding-right:30px}.uk-list-bullet>::before{content:"";position:relative;right:-30px;width:30px;height:1.5em;margin-bottom:-1.5em;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:50% 50%}.uk-list-divider>:nth-child(n+2){margin-top:10px;padding-top:10px;border-top:1px solid #e5e5e5}.uk-list-striped>*{padding:10px 10px}.uk-list-striped>:nth-of-type(odd){border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}.uk-list-striped>:nth-of-type(odd){background:#f8f8f8}.uk-list-striped>:nth-child(n+2){margin-top:0}.uk-list-large>*>ul,.uk-list-large>:nth-child(n+2){margin-top:20px}.uk-list-collapse>*>ul,.uk-list-collapse>:nth-child(n+2){margin-top:0}.uk-list-large.uk-list-divider>:nth-child(n+2){margin-top:20px;padding-top:20px}.uk-list-collapse.uk-list-divider>:nth-child(n+2){margin-top:0;padding-top:0}.uk-list-large.uk-list-striped>*{padding:20px 10px}.uk-list-collapse.uk-list-striped>*{padding-top:0;padding-bottom:0}.uk-list-collapse.uk-list-striped>:nth-child(n+2),.uk-list-large.uk-list-striped>:nth-child(n+2){margin-top:0}.uk-description-list>dt{color:#333;font-size:.875rem;font-weight:400;text-transform:uppercase}.uk-description-list>dt:nth-child(n+2){margin-top:20px}.uk-description-list-divider>dt:nth-child(n+2){margin-top:20px;padding-top:20px;border-top:1px solid #e5e5e5}.uk-table{border-collapse:collapse;border-spacing:0;width:100%;margin-bottom:20px}*+.uk-table{margin-top:20px}.uk-table th{padding:16px 12px;text-align:right;vertical-align:bottom;font-size:.875rem;font-weight:400;color:#999;text-transform:uppercase}.uk-table td{padding:16px 12px;vertical-align:top}.uk-table td>:last-child{margin-bottom:0}.uk-table tfoot{font-size:.875rem}.uk-table caption{font-size:.875rem;text-align:right;color:#999}.uk-table-middle,.uk-table-middle td{vertical-align:middle!important}.uk-table-divider>:first-child>tr:not(:first-child),.uk-table-divider>:not(:first-child)>tr,.uk-table-divider>tr:not(:first-child){border-top:1px solid #e5e5e5}.uk-table-striped tbody tr:nth-of-type(odd),.uk-table-striped>tr:nth-of-type(odd){background:#f8f8f8;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}.uk-table-hover tbody tr:hover,.uk-table-hover>tr:hover{background:#ffd}.uk-table tbody tr.uk-active,.uk-table>tr.uk-active{background:#ffd}.uk-table-small td,.uk-table-small th{padding:10px 12px}.uk-table-large td,.uk-table-large th{padding:22px 12px}.uk-table-justify td:first-child,.uk-table-justify th:first-child{padding-right:0}.uk-table-justify td:last-child,.uk-table-justify th:last-child{padding-left:0}.uk-table-shrink{width:1px}.uk-table-expand{min-width:150px}.uk-table-link{padding:0!important}.uk-table-link>a{display:block;padding:16px 12px}.uk-table-small .uk-table-link>a{padding:10px 12px}@media (max-width:959px){.uk-table-responsive,.uk-table-responsive tbody,.uk-table-responsive td,.uk-table-responsive th,.uk-table-responsive tr{display:block}.uk-table-responsive thead{display:none}.uk-table-responsive td,.uk-table-responsive th{width:auto!important;max-width:none!important;min-width:0!important;overflow:visible!important;white-space:normal!important}.uk-table-responsive .uk-table-link:not(:first-child)>a,.uk-table-responsive td:not(:first-child):not(.uk-table-link),.uk-table-responsive th:not(:first-child):not(.uk-table-link){padding-top:5px!important}.uk-table-responsive .uk-table-link:not(:last-child)>a,.uk-table-responsive td:not(:last-child):not(.uk-table-link),.uk-table-responsive th:not(:last-child):not(.uk-table-link){padding-bottom:5px!important}.uk-table-justify.uk-table-responsive td,.uk-table-justify.uk-table-responsive th{padding-right:0;padding-left:0}}.uk-table tbody tr{transition:background-color .1s linear}.uk-icon{margin:0;border:none;border-radius:0;overflow:visible;font:inherit;color:inherit;text-transform:none;padding:0;background-color:transparent;display:inline-block;fill:currentcolor;line-height:0}button.uk-icon:not(:disabled){cursor:pointer}.uk-icon::-moz-focus-inner{border:0;padding:0}.uk-icon:not(.uk-preserve) [fill*='#']:not(.uk-preserve){fill:currentcolor}.uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve){stroke:currentcolor}.uk-icon>*{transform:translate(0,0)}.uk-icon-image{width:20px;height:20px;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;vertical-align:middle}.uk-icon-link{color:#999}.uk-icon-link:focus,.uk-icon-link:hover{color:#666;outline:0}.uk-active>.uk-icon-link,.uk-icon-link:active{color:#595959}.uk-icon-button{box-sizing:border-box;width:36px;height:36px;border-radius:500px;background:#f8f8f8;color:#999;vertical-align:middle;display:inline-flex;justify-content:center;align-items:center;transition:.1s ease-in-out;transition-property:color,background-color}.uk-icon-button:focus,.uk-icon-button:hover{background-color:#ebebeb;color:#666;outline:0}.uk-active>.uk-icon-button,.uk-icon-button:active{background-color:#dfdfdf;color:#666}.uk-range{box-sizing:border-box;margin:0;vertical-align:middle;max-width:100%;width:100%;-webkit-appearance:none;background:0 0;padding:0}.uk-range:focus{outline:0}.uk-range::-moz-focus-outer{border:none}.uk-range::-ms-track{height:15px;background:0 0;border-color:transparent;color:transparent}.uk-range:not(:disabled)::-webkit-slider-thumb{cursor:pointer}.uk-range:not(:disabled)::-moz-range-thumb{cursor:pointer}.uk-range:not(:disabled)::-ms-thumb{cursor:pointer}.uk-range::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-7px;height:15px;width:15px;border-radius:500px;background:#fff;border:1px solid #ccc}.uk-range::-moz-range-thumb{border:none;height:15px;width:15px;border-radius:500px;background:#fff;border:1px solid #ccc}.uk-range::-ms-thumb{margin-top:0}.uk-range::-ms-thumb{border:none;height:15px;width:15px;border-radius:500px;background:#fff;border:1px solid #ccc}.uk-range::-ms-tooltip{display:none}.uk-range::-webkit-slider-runnable-track{height:3px;background:#ebebeb;border-radius:500px}.uk-range:active::-webkit-slider-runnable-track,.uk-range:focus::-webkit-slider-runnable-track{background:#d2d2d2}.uk-range::-moz-range-track{height:3px;background:#ebebeb;border-radius:500px}.uk-range:focus::-moz-range-track{background:#d2d2d2}.uk-range::-ms-fill-lower,.uk-range::-ms-fill-upper{height:3px;background:#ebebeb;border-radius:500px}.uk-range:focus::-ms-fill-lower,.uk-range:focus::-ms-fill-upper{background:#d2d2d2}.uk-checkbox,.uk-input,.uk-radio,.uk-select,.uk-textarea{box-sizing:border-box;margin:0;border-radius:0;font:inherit}.uk-input{overflow:visible}.uk-select{text-transform:none}.uk-select optgroup{font:inherit;font-weight:700}.uk-textarea{overflow:auto}.uk-input[type=search]::-webkit-search-cancel-button,.uk-input[type=search]::-webkit-search-decoration{-webkit-appearance:none}.uk-input[type=number]::-webkit-inner-spin-button,.uk-input[type=number]::-webkit-outer-spin-button{height:auto}.uk-input::-moz-placeholder,.uk-textarea::-moz-placeholder{opacity:1}.uk-checkbox:not(:disabled),.uk-radio:not(:disabled){cursor:pointer}.uk-fieldset{border:none;margin:0;padding:0}.uk-input,.uk-textarea{-webkit-appearance:none}.uk-input,.uk-select,.uk-textarea{max-width:100%;width:100%;border:0 none;padding:0 10px;background:#fff;color:#666;border:1px solid #e5e5e5;transition:.2s ease-in-out;transition-property:color,background-color,border}.uk-input,.uk-select:not([multiple]):not([size]){height:40px;vertical-align:middle;display:inline-block}.uk-input:not(input),.uk-select:not(select){line-height:38px}.uk-select[multiple],.uk-select[size],.uk-textarea{padding-top:4px;padding-bottom:4px;vertical-align:top}.uk-input:focus,.uk-select:focus,.uk-textarea:focus{outline:0;background-color:#fff;color:#666;border-color:#1e87f0}.uk-input:disabled,.uk-select:disabled,.uk-textarea:disabled{background-color:#f8f8f8;color:#999;border-color:#e5e5e5}.uk-input::-ms-input-placeholder{color:#999!important}.uk-input::placeholder{color:#999}.uk-textarea::-ms-input-placeholder{color:#999!important}.uk-textarea::placeholder{color:#999}.uk-form-small{font-size:.875rem}.uk-form-small:not(textarea):not([multiple]):not([size]){height:30px;padding-right:8px;padding-left:8px}.uk-form-small:not(select):not(input):not(textarea){line-height:28px}.uk-form-large{font-size:1.25rem}.uk-form-large:not(textarea):not([multiple]):not([size]){height:55px;padding-right:12px;padding-left:12px}.uk-form-large:not(select):not(input):not(textarea){line-height:53px}.uk-form-danger,.uk-form-danger:focus{color:#f0506e;border-color:#f0506e}.uk-form-success,.uk-form-success:focus{color:#32d296;border-color:#32d296}.uk-form-blank{background:0 0;border-color:transparent}.uk-form-blank:focus{border-color:#e5e5e5;border-style:dashed}input.uk-form-width-xsmall{width:50px}select.uk-form-width-xsmall{width:75px}.uk-form-width-small{width:130px}.uk-form-width-medium{width:200px}.uk-form-width-large{width:500px}.uk-select:not([multiple]):not([size]){-webkit-appearance:none;-moz-appearance:none;padding-left:20px;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");background-repeat:no-repeat;background-position:0 50%}.uk-select:not([multiple]):not([size])::-ms-expand{display:none}.uk-select:not([multiple]):not([size]) option{color:#444}.uk-select:not([multiple]):not([size]):disabled{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-input[list]{padding-left:20px;background-repeat:no-repeat;background-position:0 50%}.uk-input[list]:focus,.uk-input[list]:hover{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-input[list]::-webkit-calendar-picker-indicator{display:none}.uk-checkbox,.uk-radio{display:inline-block;height:16px;width:16px;overflow:hidden;margin-top:-4px;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;background-color:transparent;background-repeat:no-repeat;background-position:50% 50%;border:1px solid #ccc;transition:.2s ease-in-out;transition-property:background-color,border}.uk-radio{border-radius:50%}.uk-checkbox:focus,.uk-radio:focus{outline:0;border-color:#1e87f0}.uk-checkbox:checked,.uk-checkbox:indeterminate,.uk-radio:checked{background-color:#1e87f0;border-color:transparent}.uk-checkbox:checked:focus,.uk-checkbox:indeterminate:focus,.uk-radio:checked:focus{background-color:#0e6dcd}.uk-radio:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-checkbox:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-checkbox:indeterminate{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23fff%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-checkbox:disabled,.uk-radio:disabled{background-color:#f8f8f8;border-color:#e5e5e5}.uk-radio:disabled:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23999%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-checkbox:disabled:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-checkbox:disabled:indeterminate{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23999%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-legend{width:100%;color:inherit;padding:0;font-size:1.5rem;line-height:1.4}.uk-form-custom{display:inline-block;position:relative;max-width:100%;vertical-align:middle}.uk-form-custom input[type=file],.uk-form-custom select{position:absolute;top:0;z-index:1;width:100%;height:100%;right:0;-webkit-appearance:none;opacity:0;cursor:pointer}.uk-form-custom input[type=file]{font-size:500px;overflow:hidden}.uk-form-label{color:#333;font-size:.875rem}.uk-form-stacked .uk-form-label{display:block;margin-bottom:5px}@media (max-width:959px){.uk-form-horizontal .uk-form-label{display:block;margin-bottom:5px}}@media (min-width:960px){.uk-form-horizontal .uk-form-label{width:200px;margin-top:7px;float:right}.uk-form-horizontal .uk-form-controls{margin-right:215px}.uk-form-horizontal .uk-form-controls-text{padding-top:7px}}.uk-form-icon{position:absolute;top:0;bottom:0;right:0;width:40px;display:inline-flex;justify-content:center;align-items:center;color:#999}.uk-form-icon:hover{color:#666}.uk-form-icon:not(a):not(button):not(input){pointer-events:none}.uk-form-icon:not(.uk-form-icon-flip)~.uk-input{padding-right:40px!important}.uk-form-icon-flip{left:0;right:auto}.uk-form-icon-flip~.uk-input{padding-left:40px!important}.uk-button{margin:0;border:none;overflow:visible;font:inherit;color:inherit;text-transform:none;-webkit-appearance:none;border-radius:0;display:inline-block;box-sizing:border-box;padding:0 30px;vertical-align:middle;font-size:.875rem;line-height:38px;text-align:center;text-decoration:none;text-transform:uppercase;transition:.1s ease-in-out;transition-property:color,background-color,border-color}.uk-button:not(:disabled){cursor:pointer}.uk-button::-moz-focus-inner{border:0;padding:0}.uk-button:hover{text-decoration:none}.uk-button:focus{outline:0}.uk-button-default{background-color:transparent;color:#333;border:1px solid #e5e5e5}.uk-button-default:focus,.uk-button-default:hover{background-color:transparent;color:#333;border-color:#b2b2b2}.uk-button-default.uk-active,.uk-button-default:active{background-color:transparent;color:#333;border-color:#999}.uk-button-primary{background-color:#1e87f0;color:#fff;border:1px solid transparent}.uk-button-primary:focus,.uk-button-primary:hover{background-color:#0f7ae5;color:#fff}.uk-button-primary.uk-active,.uk-button-primary:active{background-color:#0e6dcd;color:#fff}.uk-button-secondary{background-color:#222;color:#fff;border:1px solid transparent}.uk-button-secondary:focus,.uk-button-secondary:hover{background-color:#151515;color:#fff}.uk-button-secondary.uk-active,.uk-button-secondary:active{background-color:#080808;color:#fff}.uk-button-danger{background-color:#f0506e;color:#fff;border:1px solid transparent}.uk-button-danger:focus,.uk-button-danger:hover{background-color:#ee395b;color:#fff}.uk-button-danger.uk-active,.uk-button-danger:active{background-color:#ec2147;color:#fff}.uk-button-danger:disabled,.uk-button-default:disabled,.uk-button-primary:disabled,.uk-button-secondary:disabled{background-color:transparent;color:#999;border-color:#e5e5e5}.uk-button-small{padding:0 15px;line-height:28px;font-size:.875rem}.uk-button-large{padding:0 40px;line-height:53px;font-size:.875rem}.uk-button-text{padding:0;line-height:1.5;background:0 0;color:#333;position:relative}.uk-button-text::before{content:"";position:absolute;bottom:0;right:0;left:100%;border-bottom:1px solid #333;transition:left .3s ease-out}.uk-button-text:focus,.uk-button-text:hover{color:#333}.uk-button-text:focus::before,.uk-button-text:hover::before{left:0}.uk-button-text:disabled{color:#999}.uk-button-text:disabled::before{display:none}.uk-button-link{padding:0;line-height:1.5;background:0 0;color:#1e87f0}.uk-button-link:focus,.uk-button-link:hover{color:#0f6ecd;text-decoration:underline}.uk-button-link:disabled{color:#999;text-decoration:none}.uk-button-group{display:inline-flex;vertical-align:middle;position:relative}.uk-button-group>.uk-button:nth-child(n+2),.uk-button-group>div:nth-child(n+2) .uk-button{margin-right:-1px}.uk-button-group .uk-button.uk-active,.uk-button-group .uk-button:active,.uk-button-group .uk-button:focus,.uk-button-group .uk-button:hover{position:relative;z-index:1}.uk-progress{vertical-align:baseline;-webkit-appearance:none;-moz-appearance:none;display:block;width:100%;border:0;background-color:#f8f8f8;margin-bottom:20px;height:15px;border-radius:500px;overflow:hidden}*+.uk-progress{margin-top:20px}.uk-progress:indeterminate{color:transparent}.uk-progress::-webkit-progress-bar{background-color:#f8f8f8;border-radius:500px;overflow:hidden}.uk-progress:indeterminate::-moz-progress-bar{width:0}.uk-progress::-webkit-progress-value{background-color:#1e87f0;transition:width .6s ease}.uk-progress::-moz-progress-bar{background-color:#1e87f0}.uk-progress::-ms-fill{background-color:#1e87f0;transition:width .6s ease;border:0}.uk-section{display:flow-root;box-sizing:border-box;padding-top:40px;padding-bottom:40px}@media (min-width:960px){.uk-section{padding-top:70px;padding-bottom:70px}}.uk-section>:last-child{margin-bottom:0}.uk-section-xsmall{padding-top:20px;padding-bottom:20px}.uk-section-small{padding-top:40px;padding-bottom:40px}.uk-section-large{padding-top:70px;padding-bottom:70px}@media (min-width:960px){.uk-section-large{padding-top:140px;padding-bottom:140px}}.uk-section-xlarge{padding-top:140px;padding-bottom:140px}@media (min-width:960px){.uk-section-xlarge{padding-top:210px;padding-bottom:210px}}.uk-section-default{background:#fff}.uk-section-muted{background:#f8f8f8}.uk-section-primary{background:#1e87f0}.uk-section-secondary{background:#222}.uk-container{display:flow-root;box-sizing:content-box;max-width:1200px;margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px}@media (min-width:640px){.uk-container{padding-right:30px;padding-left:30px}}@media (min-width:960px){.uk-container{padding-right:40px;padding-left:40px}}.uk-container>:last-child{margin-bottom:0}.uk-container .uk-container{padding-right:0;padding-left:0}.uk-container-xsmall{max-width:750px}.uk-container-small{max-width:900px}.uk-container-large{max-width:1400px}.uk-container-xlarge{max-width:1600px}.uk-container-expand{max-width:none}.uk-container-expand-right{margin-right:0}.uk-container-expand-left{margin-left:0}@media (min-width:640px){.uk-container-expand-left.uk-container-xsmall,.uk-container-expand-right.uk-container-xsmall{max-width:calc(50% + (750px / 2) - 30px)}.uk-container-expand-left.uk-container-small,.uk-container-expand-right.uk-container-small{max-width:calc(50% + (900px / 2) - 30px)}}@media (min-width:960px){.uk-container-expand-left,.uk-container-expand-right{max-width:calc(50% + (1200px / 2) - 40px)}.uk-container-expand-left.uk-container-xsmall,.uk-container-expand-right.uk-container-xsmall{max-width:calc(50% + (750px / 2) - 40px)}.uk-container-expand-left.uk-container-small,.uk-container-expand-right.uk-container-small{max-width:calc(50% + (900px / 2) - 40px)}.uk-container-expand-left.uk-container-large,.uk-container-expand-right.uk-container-large{max-width:calc(50% + (1400px / 2) - 40px)}.uk-container-expand-left.uk-container-xlarge,.uk-container-expand-right.uk-container-xlarge{max-width:calc(50% + (1600px / 2) - 40px)}}.uk-container-item-padding-remove-left,.uk-container-item-padding-remove-right{width:calc(100% + 15px)}.uk-container-item-padding-remove-right{margin-right:-15px}.uk-container-item-padding-remove-left{margin-left:-15px}@media (min-width:640px){.uk-container-item-padding-remove-left,.uk-container-item-padding-remove-right{width:calc(100% + 30px)}.uk-container-item-padding-remove-right{margin-right:-30px}.uk-container-item-padding-remove-left{margin-left:-30px}}@media (min-width:960px){.uk-container-item-padding-remove-left,.uk-container-item-padding-remove-right{width:calc(100% + 40px)}.uk-container-item-padding-remove-right{margin-right:-40px}.uk-container-item-padding-remove-left{margin-left:-40px}}.uk-tile{display:flow-root;position:relative;box-sizing:border-box;padding-right:15px;padding-left:15px;padding-top:40px;padding-bottom:40px}@media (min-width:640px){.uk-tile{padding-right:30px;padding-left:30px}}@media (min-width:960px){.uk-tile{padding-right:40px;padding-left:40px;padding-top:70px;padding-bottom:70px}}.uk-tile>:last-child{margin-bottom:0}.uk-tile-xsmall{padding-top:20px;padding-bottom:20px}.uk-tile-small{padding-top:40px;padding-bottom:40px}.uk-tile-large{padding-top:70px;padding-bottom:70px}@media (min-width:960px){.uk-tile-large{padding-top:140px;padding-bottom:140px}}.uk-tile-xlarge{padding-top:140px;padding-bottom:140px}@media (min-width:960px){.uk-tile-xlarge{padding-top:210px;padding-bottom:210px}}.uk-tile-default{background:#fff}.uk-tile-muted{background:#f8f8f8}.uk-tile-primary{background:#1e87f0}.uk-tile-secondary{background:#222}.uk-card{position:relative;box-sizing:border-box;transition:box-shadow .1s ease-in-out}.uk-card-body{display:flow-root;padding:30px 30px}.uk-card-header{display:flow-root;padding:15px 30px}.uk-card-footer{display:flow-root;padding:15px 30px}@media (min-width:1200px){.uk-card-body{padding:40px 40px}.uk-card-header{padding:20px 40px}.uk-card-footer{padding:20px 40px}}.uk-card-body>:last-child,.uk-card-footer>:last-child,.uk-card-header>:last-child{margin-bottom:0}.uk-card-title{font-size:1.5rem;line-height:1.4}.uk-card-badge{position:absolute;top:30px;left:30px;z-index:1}.uk-card-badge:first-child+*{margin-top:0}.uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover{background:#fff;box-shadow:0 14px 25px rgba(0,0,0,.16)}.uk-card-default{background:#fff;color:#666;box-shadow:0 5px 15px rgba(0,0,0,.08)}.uk-card-default .uk-card-title{color:#333}.uk-card-default.uk-card-hover:hover{background-color:#fff;box-shadow:0 14px 25px rgba(0,0,0,.16)}.uk-card-default .uk-card-header{border-bottom:1px solid #e5e5e5}.uk-card-default .uk-card-footer{border-top:1px solid #e5e5e5}.uk-card-primary{background:#1e87f0;color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.08)}.uk-card-primary .uk-card-title{color:#fff}.uk-card-primary.uk-card-hover:hover{background-color:#1e87f0;box-shadow:0 14px 25px rgba(0,0,0,.16)}.uk-card-secondary{background:#222;color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.08)}.uk-card-secondary .uk-card-title{color:#fff}.uk-card-secondary.uk-card-hover:hover{background-color:#222;box-shadow:0 14px 25px rgba(0,0,0,.16)}.uk-card-small .uk-card-body,.uk-card-small.uk-card-body{padding:20px 20px}.uk-card-small .uk-card-header{padding:13px 20px}.uk-card-small .uk-card-footer{padding:13px 20px}@media (min-width:1200px){.uk-card-large .uk-card-body,.uk-card-large.uk-card-body{padding:70px 70px}.uk-card-large .uk-card-header{padding:35px 70px}.uk-card-large .uk-card-footer{padding:35px 70px}}.uk-card-body>.uk-nav-default{margin-right:-30px;margin-left:-30px}.uk-card-body>.uk-nav-default:only-child{margin-top:-15px;margin-bottom:-15px}.uk-card-body .uk-nav-default .uk-nav-divider,.uk-card-body .uk-nav-default .uk-nav-header,.uk-card-body .uk-nav-default>li>a{padding-right:30px;padding-left:30px}.uk-card-body .uk-nav-default .uk-nav-sub{padding-right:45px}@media (min-width:1200px){.uk-card-body>.uk-nav-default{margin-right:-40px;margin-left:-40px}.uk-card-body>.uk-nav-default:only-child{margin-top:-25px;margin-bottom:-25px}.uk-card-body .uk-nav-default .uk-nav-divider,.uk-card-body .uk-nav-default .uk-nav-header,.uk-card-body .uk-nav-default>li>a{padding-right:40px;padding-left:40px}.uk-card-body .uk-nav-default .uk-nav-sub{padding-right:55px}}.uk-card-small>.uk-nav-default{margin-right:-20px;margin-left:-20px}.uk-card-small>.uk-nav-default:only-child{margin-top:-5px;margin-bottom:-5px}.uk-card-small .uk-nav-default .uk-nav-divider,.uk-card-small .uk-nav-default .uk-nav-header,.uk-card-small .uk-nav-default>li>a{padding-right:20px;padding-left:20px}.uk-card-small .uk-nav-default .uk-nav-sub{padding-right:35px}@media (min-width:1200px){.uk-card-large>.uk-nav-default{margin:0}.uk-card-large>.uk-nav-default:only-child{margin:0}.uk-card-large .uk-nav-default .uk-nav-divider,.uk-card-large .uk-nav-default .uk-nav-header,.uk-card-large .uk-nav-default>li>a{padding-right:0;padding-left:0}.uk-card-large .uk-nav-default .uk-nav-sub{padding-right:15px}}.uk-close{color:#999;transition:.1s ease-in-out;transition-property:color,opacity}.uk-close:focus,.uk-close:hover{color:#666;outline:0}.uk-spinner>*{animation:uk-spinner-rotate 1.4s linear infinite}@keyframes uk-spinner-rotate{0%{transform:rotate(0)}100%{transform:rotate(-270deg)}}.uk-spinner>*>*{stroke-dasharray:88px;stroke-dashoffset:0;transform-origin:center;animation:uk-spinner-dash 1.4s ease-in-out infinite;stroke-width:1;stroke-linecap:round}@keyframes uk-spinner-dash{0%{stroke-dashoffset:-88px}50%{stroke-dashoffset:-22px;transform:rotate(-135deg)}100%{stroke-dashoffset:-88px;transform:rotate(-450deg)}}.uk-totop{padding:5px;color:#999;transition:color .1s ease-in-out}.uk-totop:focus,.uk-totop:hover{color:#666;outline:0}.uk-totop:active{color:#333}.uk-marker{padding:5px;background:#222;color:#fff;border-radius:500px}.uk-marker:focus,.uk-marker:hover{color:#fff;outline:0}.uk-alert{position:relative;margin-bottom:20px;padding:15px 15px 15px 29px;background:#f8f8f8;color:#666}*+.uk-alert{margin-top:20px}.uk-alert>:last-child{margin-bottom:0}.uk-alert-close{position:absolute;top:20px;left:15px;color:inherit;opacity:.4}.uk-alert-close:first-child+*{margin-top:0}.uk-alert-close:focus,.uk-alert-close:hover{color:inherit;opacity:.8}.uk-alert-primary{background:#d8eafc;color:#1e87f0}.uk-alert-success{background:#edfbf6;color:#32d296}.uk-alert-warning{background:#fff6ee;color:#faa05a}.uk-alert-danger{background:#fef4f6;color:#f0506e}.uk-alert h1,.uk-alert h2,.uk-alert h3,.uk-alert h4,.uk-alert h5,.uk-alert h6{color:inherit}.uk-alert a:not([class]){color:inherit;text-decoration:underline}.uk-alert a:not([class]):hover{color:inherit;text-decoration:underline}.uk-placeholder{margin-bottom:20px;padding:30px 30px;background:0 0;border:1px dashed #e5e5e5}*+.uk-placeholder{margin-top:20px}.uk-placeholder>:last-child{margin-bottom:0}.uk-badge{box-sizing:border-box;min-width:22px;height:22px;padding:0 5px;border-radius:500px;vertical-align:middle;background:#1e87f0;color:#fff;font-size:.875rem;display:inline-flex;justify-content:center;align-items:center}.uk-badge:focus,.uk-badge:hover{color:#fff;text-decoration:none;outline:0}.uk-label{display:inline-block;padding:0 10px;background:#1e87f0;line-height:1.5;font-size:.875rem;color:#fff;vertical-align:middle;white-space:nowrap;border-radius:2px;text-transform:uppercase}.uk-label-success{background-color:#32d296;color:#fff}.uk-label-warning{background-color:#faa05a;color:#fff}.uk-label-danger{background-color:#f0506e;color:#fff}.uk-overlay{padding:30px 30px}.uk-overlay>:last-child{margin-bottom:0}.uk-overlay-default{background:rgba(255,255,255,.8)}.uk-overlay-primary{background:rgba(34,34,34,.8)}.uk-article{display:flow-root}.uk-article>:last-child{margin-bottom:0}.uk-article+.uk-article{margin-top:70px}.uk-article-title{font-size:2.23125rem;line-height:1.2}@media (min-width:960px){.uk-article-title{font-size:2.625rem}}.uk-article-meta{font-size:.875rem;line-height:1.4;color:#999}.uk-article-meta a{color:#999}.uk-article-meta a:hover{color:#666;text-decoration:none}.uk-comment-body{display:flow-root;overflow-wrap:break-word;word-wrap:break-word}.uk-comment-header{display:flow-root;margin-bottom:20px}.uk-comment-body>:last-child,.uk-comment-header>:last-child{margin-bottom:0}.uk-comment-title{font-size:1.25rem;line-height:1.4}.uk-comment-meta{font-size:.875rem;line-height:1.4;color:#999}.uk-comment-list{padding:0;list-style:none}.uk-comment-list>:nth-child(n+2){margin-top:70px}.uk-comment-list .uk-comment~ul{margin:70px 0 0 0;padding-right:30px;list-style:none}@media (min-width:960px){.uk-comment-list .uk-comment~ul{padding-right:100px}}.uk-comment-list .uk-comment~ul>:nth-child(n+2){margin-top:70px}.uk-comment-primary{padding:30px;background-color:#f8f8f8}.uk-search{display:inline-block;position:relative;max-width:100%;margin:0}.uk-search-input::-webkit-search-cancel-button,.uk-search-input::-webkit-search-decoration{-webkit-appearance:none}.uk-search-input::-moz-placeholder{opacity:1}.uk-search-input{box-sizing:border-box;margin:0;border-radius:0;font:inherit;overflow:visible;-webkit-appearance:none;vertical-align:middle;width:100%;border:none;color:#666}.uk-search-input:focus{outline:0}.uk-search-input:-ms-input-placeholder{color:#999!important}.uk-search-input::placeholder{color:#999}.uk-search-icon:focus{outline:0}.uk-search .uk-search-icon{position:absolute;top:0;bottom:0;right:0;display:inline-flex;justify-content:center;align-items:center;color:#999}.uk-search .uk-search-icon:hover{color:#999}.uk-search .uk-search-icon:not(a):not(button):not(input){pointer-events:none}.uk-search .uk-search-icon-flip{left:0;right:auto}.uk-search-default{width:180px}.uk-search-default .uk-search-input{height:40px;padding-right:6px;padding-left:6px;background:0 0;border:1px solid #e5e5e5}.uk-search-default .uk-search-input:focus{background-color:transparent}.uk-search-default .uk-search-icon{width:40px}.uk-search-default .uk-search-icon:not(.uk-search-icon-flip)~.uk-search-input{padding-right:40px}.uk-search-default .uk-search-icon-flip~.uk-search-input{padding-left:40px}.uk-search-navbar{width:400px}.uk-search-navbar .uk-search-input{height:40px;background:0 0;font-size:1.5rem}.uk-search-navbar .uk-search-icon{width:40px}.uk-search-navbar .uk-search-icon:not(.uk-search-icon-flip)~.uk-search-input{padding-right:40px}.uk-search-navbar .uk-search-icon-flip~.uk-search-input{padding-left:40px}.uk-search-large{width:500px}.uk-search-large .uk-search-input{height:80px;background:0 0;font-size:2.625rem}.uk-search-large .uk-search-icon{width:80px}.uk-search-large .uk-search-icon:not(.uk-search-icon-flip)~.uk-search-input{padding-right:80px}.uk-search-large .uk-search-icon-flip~.uk-search-input{padding-left:80px}.uk-search-toggle{color:#999}.uk-search-toggle:focus,.uk-search-toggle:hover{color:#666}.uk-accordion{padding:0;list-style:none}.uk-accordion>:nth-child(n+2){margin-top:20px}.uk-accordion-title{display:block;font-size:1.25rem;line-height:1.4;color:#333;overflow:hidden}.uk-accordion-title::before{content:"";width:1.4em;height:1.4em;margin-right:10px;float:left;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:50% 50%}.uk-open>.uk-accordion-title::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-accordion-title:focus,.uk-accordion-title:hover{color:#666;text-decoration:none;outline:0}.uk-accordion-content{display:flow-root;margin-top:20px}.uk-accordion-content>:last-child{margin-bottom:0}.uk-drop{display:none;position:absolute;z-index:1020;box-sizing:border-box;width:300px}.uk-drop.uk-open{display:block}[class*=uk-drop-top]{margin-top:-20px}[class*=uk-drop-bottom]{margin-top:20px}[class*=uk-drop-right]{margin-right:-20px}[class*=uk-drop-left]{margin-right:20px}.uk-drop-stack .uk-drop-grid>*{width:100%!important}.uk-dropdown{display:none;position:absolute;z-index:1020;box-sizing:border-box;min-width:200px;padding:25px;background:#fff;color:#666;box-shadow:0 5px 12px rgba(0,0,0,.15)}.uk-dropdown.uk-open{display:block}.uk-dropdown-nav{white-space:nowrap;font-size:.875rem}.uk-dropdown-nav>li>a{color:#999}.uk-dropdown-nav>li.uk-active>a,.uk-dropdown-nav>li>a:focus,.uk-dropdown-nav>li>a:hover{color:#666}.uk-dropdown-nav .uk-nav-header{color:#333}.uk-dropdown-nav .uk-nav-divider{border-top:1px solid #e5e5e5}.uk-dropdown-nav .uk-nav-sub a{color:#999}.uk-dropdown-nav .uk-nav-sub a:focus,.uk-dropdown-nav .uk-nav-sub a:hover,.uk-dropdown-nav .uk-nav-sub li.uk-active>a{color:#666}[class*=uk-dropdown-top]{margin-top:-10px}[class*=uk-dropdown-bottom]{margin-top:10px}[class*=uk-dropdown-right]{margin-right:-10px}[class*=uk-dropdown-left]{margin-right:10px}.uk-dropdown-stack .uk-dropdown-grid>*{width:100%!important}.uk-modal{display:none;position:fixed;top:0;left:0;bottom:0;right:0;z-index:1010;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:15px 15px;background:rgba(0,0,0,.6);opacity:0;transition:opacity .15s linear}@media (min-width:640px){.uk-modal{padding:50px 30px}}@media (min-width:960px){.uk-modal{padding-right:40px;padding-left:40px}}.uk-modal.uk-open{opacity:1}.uk-modal-page{overflow:hidden}.uk-modal-dialog{position:relative;box-sizing:border-box;margin:0 auto;width:600px;max-width:calc(100% - .01px)!important;background:#fff;opacity:0;transform:translateY(-100px);transition:.3s linear;transition-property:opacity,transform}.uk-open>.uk-modal-dialog{opacity:1;transform:translateY(0)}.uk-modal-container .uk-modal-dialog{width:1200px}.uk-modal-full{padding:0;background:0 0}.uk-modal-full .uk-modal-dialog{margin:0;width:100%;max-width:100%;transform:translateY(0)}.uk-modal-body{display:flow-root;padding:30px 30px}.uk-modal-header{display:flow-root;padding:15px 30px;background:#fff;border-bottom:1px solid #e5e5e5}.uk-modal-footer{display:flow-root;padding:15px 30px;background:#fff;border-top:1px solid #e5e5e5}.uk-modal-body>:last-child,.uk-modal-footer>:last-child,.uk-modal-header>:last-child{margin-bottom:0}.uk-modal-title{font-size:2rem;line-height:1.3}[class*=uk-modal-close-]{position:absolute;z-index:1010;top:10px;left:10px;padding:5px}[class*=uk-modal-close-]:first-child+*{margin-top:0}.uk-modal-close-outside{top:0;left:-5px;transform:translate(0,-100%);color:#fff}.uk-modal-close-outside:hover{color:#fff}@media (min-width:960px){.uk-modal-close-outside{left:0;transform:translate(-100%,-100%)}}.uk-modal-close-full{top:0;left:0;padding:20px;background:#fff}.uk-lightbox{display:none;position:fixed;top:0;left:0;bottom:0;right:0;z-index:1010;background:#000;opacity:0;transition:opacity .15s linear;touch-action:pinch-zoom}.uk-lightbox.uk-open{display:block;opacity:1}.uk-lightbox-page{overflow:hidden}.uk-lightbox-items>*{position:absolute;top:0;left:0;bottom:0;right:0;display:none;justify-content:center;align-items:center;color:rgba(255,255,255,.7);will-change:transform,opacity}.uk-lightbox-items>*>*{max-width:100vw;max-height:100vh}.uk-lightbox-items>:focus{outline:0}.uk-lightbox-items>*>:not(iframe){width:auto;height:auto}.uk-lightbox-items>.uk-active{display:flex}.uk-lightbox-toolbar{padding:10px 10px;background:rgba(0,0,0,.3);color:rgba(255,255,255,.7)}.uk-lightbox-toolbar>*{color:rgba(255,255,255,.7)}.uk-lightbox-toolbar-icon{padding:5px;color:rgba(255,255,255,.7)}.uk-lightbox-toolbar-icon:hover{color:#fff}.uk-lightbox-button{box-sizing:border-box;width:50px;height:50px;background:rgba(0,0,0,.3);color:rgba(255,255,255,.7);display:inline-flex;justify-content:center;align-items:center}.uk-lightbox-button:hover{color:#fff}.uk-lightbox-caption:empty{display:none}.uk-lightbox-iframe{width:80%;height:80%}.uk-slideshow{-webkit-tap-highlight-color:transparent}.uk-slideshow-items{position:relative;z-index:0;margin:0;padding:0;list-style:none;overflow:hidden;-webkit-touch-callout:none}.uk-slideshow-items>*{position:absolute;top:0;right:0;left:0;bottom:0;overflow:hidden;will-change:transform,opacity;touch-action:pan-y}.uk-slideshow-items>:focus{outline:0}.uk-slideshow-items>:not(.uk-active){display:none}.uk-slider{-webkit-tap-highlight-color:transparent}.uk-slider-container{overflow:hidden}.uk-slider-items{will-change:transform;position:relative}.uk-slider-items:not(.uk-grid){display:flex;margin:0;padding:0;list-style:none;-webkit-touch-callout:none}.uk-slider-items.uk-grid{flex-wrap:nowrap}.uk-slider-items>*{flex:none;position:relative;touch-action:pan-y}.uk-slider-items>:focus{outline:0}.uk-sticky-fixed{z-index:980;box-sizing:border-box;margin:0!important;-webkit-backface-visibility:hidden;backface-visibility:hidden}.uk-sticky[class*=uk-animation-]{animation-duration:.2s}.uk-sticky.uk-animation-reverse{animation-duration:.2s}.uk-offcanvas{display:none;position:fixed;top:0;bottom:0;right:0;z-index:1000}.uk-offcanvas-flip .uk-offcanvas{left:0;right:auto}.uk-offcanvas-bar{position:absolute;top:0;bottom:0;right:-270px;box-sizing:border-box;width:270px;padding:20px 20px;background:#222;overflow-y:auto;-webkit-overflow-scrolling:touch}@media (min-width:960px){.uk-offcanvas-bar{right:-350px;width:350px;padding:40px 40px}}.uk-offcanvas-flip .uk-offcanvas-bar{right:auto;left:-270px}@media (min-width:960px){.uk-offcanvas-flip .uk-offcanvas-bar{left:-350px}}.uk-open>.uk-offcanvas-bar{right:0}.uk-offcanvas-flip .uk-open>.uk-offcanvas-bar{right:auto;left:0}.uk-offcanvas-bar-animation{transition:right .3s ease-out}.uk-offcanvas-flip .uk-offcanvas-bar-animation{transition-property:left}.uk-offcanvas-reveal{position:absolute;top:0;bottom:0;right:0;width:0;overflow:hidden;transition:width .3s ease-out}.uk-offcanvas-reveal .uk-offcanvas-bar{right:0}.uk-offcanvas-flip .uk-offcanvas-reveal .uk-offcanvas-bar{right:auto;left:0}.uk-open>.uk-offcanvas-reveal{width:270px}@media (min-width:960px){.uk-open>.uk-offcanvas-reveal{width:350px}}.uk-offcanvas-flip .uk-offcanvas-reveal{left:0;right:auto}.uk-offcanvas-close{position:absolute;z-index:1000;top:20px;left:20px;padding:5px}.uk-offcanvas-overlay{width:100vw;touch-action:none}.uk-offcanvas-overlay::before{content:"";position:absolute;top:0;bottom:0;right:0;left:0;background:rgba(0,0,0,.1);opacity:0;transition:opacity .15s linear}.uk-offcanvas-overlay.uk-open::before{opacity:1}.uk-offcanvas-container,.uk-offcanvas-page{overflow-x:hidden}.uk-offcanvas-container{position:relative;right:0;transition:right .3s ease-out;box-sizing:border-box;width:100%}:not(.uk-offcanvas-flip).uk-offcanvas-container-animation{right:270px}.uk-offcanvas-flip.uk-offcanvas-container-animation{right:-270px}@media (min-width:960px){:not(.uk-offcanvas-flip).uk-offcanvas-container-animation{right:350px}.uk-offcanvas-flip.uk-offcanvas-container-animation{right:-350px}}.uk-switcher{margin:0;padding:0;list-style:none}.uk-switcher>:not(.uk-active){display:none}.uk-switcher>*>:last-child{margin-bottom:0}.uk-leader{overflow:hidden}.uk-leader-fill::after{display:inline-block;margin-right:15px;width:0;content:attr(data-fill);white-space:nowrap}.uk-leader-fill.uk-leader-hide::after{display:none}.uk-leader-fill-content::before{content:'.'}:root{--uk-leader-fill-content:.}.uk-notification{position:fixed;top:10px;right:10px;z-index:1040;box-sizing:border-box;width:350px}.uk-notification-bottom-left,.uk-notification-top-left{right:auto;left:10px}.uk-notification-bottom-center,.uk-notification-top-center{right:50%;margin-right:-175px}.uk-notification-bottom-center,.uk-notification-bottom-left,.uk-notification-bottom-right{top:auto;bottom:10px}@media (max-width:639px){.uk-notification{right:10px;left:10px;width:auto;margin:0}}.uk-notification-message{position:relative;padding:15px;background:#f8f8f8;color:#666;font-size:1.25rem;line-height:1.4;cursor:pointer}*+.uk-notification-message{margin-top:10px}.uk-notification-close{display:none;position:absolute;top:20px;left:15px}.uk-notification-message:hover .uk-notification-close{display:block}.uk-notification-message-primary{color:#1e87f0}.uk-notification-message-success{color:#32d296}.uk-notification-message-warning{color:#faa05a}.uk-notification-message-danger{color:#f0506e}.uk-tooltip{display:none;position:absolute;z-index:1030;top:0;box-sizing:border-box;max-width:200px;padding:3px 6px;background:#666;border-radius:2px;color:#fff;font-size:12px}.uk-tooltip.uk-active{display:block}[class*=uk-tooltip-top]{margin-top:-10px}[class*=uk-tooltip-bottom]{margin-top:10px}[class*=uk-tooltip-right]{margin-right:-10px}[class*=uk-tooltip-left]{margin-right:10px}.uk-sortable{position:relative}.uk-sortable>:last-child{margin-bottom:0}.uk-sortable-drag{position:fixed!important;z-index:1050!important;pointer-events:none}.uk-sortable-placeholder{opacity:0;pointer-events:none}.uk-sortable-empty{min-height:50px}.uk-sortable-handle:hover{cursor:move}.uk-countdown-number{font-variant-numeric:tabular-nums;font-size:2rem;line-height:.8}@media (min-width:640px){.uk-countdown-number{font-size:4rem}}@media (min-width:960px){.uk-countdown-number{font-size:6rem}}.uk-countdown-separator{font-size:1rem;line-height:1.6}@media (min-width:640px){.uk-countdown-separator{font-size:2rem}}@media (min-width:960px){.uk-countdown-separator{font-size:3rem}}.uk-grid{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none}.uk-grid>*{margin:0}.uk-grid>*>:last-child{margin-bottom:0}.uk-grid{margin-right:-30px}.uk-grid>*{padding-right:30px}*+.uk-grid-margin,.uk-grid+.uk-grid,.uk-grid>.uk-grid-margin{margin-top:30px}@media (min-width:1200px){.uk-grid{margin-right:-40px}.uk-grid>*{padding-right:40px}*+.uk-grid-margin,.uk-grid+.uk-grid,.uk-grid>.uk-grid-margin{margin-top:40px}}.uk-grid-column-small,.uk-grid-small{margin-right:-15px}.uk-grid-column-small>*,.uk-grid-small>*{padding-right:15px}*+.uk-grid-margin-small,.uk-grid+.uk-grid-row-small,.uk-grid+.uk-grid-small,.uk-grid-row-small>.uk-grid-margin,.uk-grid-small>.uk-grid-margin{margin-top:15px}.uk-grid-column-medium,.uk-grid-medium{margin-right:-30px}.uk-grid-column-medium>*,.uk-grid-medium>*{padding-right:30px}*+.uk-grid-margin-medium,.uk-grid+.uk-grid-medium,.uk-grid+.uk-grid-row-medium,.uk-grid-medium>.uk-grid-margin,.uk-grid-row-medium>.uk-grid-margin{margin-top:30px}.uk-grid-column-large,.uk-grid-large{margin-right:-40px}.uk-grid-column-large>*,.uk-grid-large>*{padding-right:40px}*+.uk-grid-margin-large,.uk-grid+.uk-grid-large,.uk-grid+.uk-grid-row-large,.uk-grid-large>.uk-grid-margin,.uk-grid-row-large>.uk-grid-margin{margin-top:40px}@media (min-width:1200px){.uk-grid-column-large,.uk-grid-large{margin-right:-70px}.uk-grid-column-large>*,.uk-grid-large>*{padding-right:70px}*+.uk-grid-margin-large,.uk-grid+.uk-grid-large,.uk-grid+.uk-grid-row-large,.uk-grid-large>.uk-grid-margin,.uk-grid-row-large>.uk-grid-margin{margin-top:70px}}.uk-grid-collapse,.uk-grid-column-collapse{margin-right:0}.uk-grid-collapse>*,.uk-grid-column-collapse>*{padding-right:0}.uk-grid+.uk-grid-collapse,.uk-grid+.uk-grid-row-collapse,.uk-grid-collapse>.uk-grid-margin,.uk-grid-row-collapse>.uk-grid-margin{margin-top:0}.uk-grid-divider>*{position:relative}.uk-grid-divider>:not(.uk-first-column)::before{content:"";position:absolute;top:0;bottom:0;border-right:1px solid #e5e5e5}.uk-grid-divider.uk-grid-stack>.uk-grid-margin::before{content:"";position:absolute;right:0;left:0;border-top:1px solid #e5e5e5}.uk-grid-divider{margin-right:-60px}.uk-grid-divider>*{padding-right:60px}.uk-grid-divider>:not(.uk-first-column)::before{right:30px}.uk-grid-divider.uk-grid-stack>.uk-grid-margin{margin-top:60px}.uk-grid-divider.uk-grid-stack>.uk-grid-margin::before{top:-30px;right:60px}@media (min-width:1200px){.uk-grid-divider{margin-right:-80px}.uk-grid-divider>*{padding-right:80px}.uk-grid-divider>:not(.uk-first-column)::before{right:40px}.uk-grid-divider.uk-grid-stack>.uk-grid-margin{margin-top:80px}.uk-grid-divider.uk-grid-stack>.uk-grid-margin::before{top:-40px;right:80px}}.uk-grid-divider.uk-grid-column-small,.uk-grid-divider.uk-grid-small{margin-right:-30px}.uk-grid-divider.uk-grid-column-small>*,.uk-grid-divider.uk-grid-small>*{padding-right:30px}.uk-grid-divider.uk-grid-column-small>:not(.uk-first-column)::before,.uk-grid-divider.uk-grid-small>:not(.uk-first-column)::before{right:15px}.uk-grid-divider.uk-grid-row-small.uk-grid-stack>.uk-grid-margin,.uk-grid-divider.uk-grid-small.uk-grid-stack>.uk-grid-margin{margin-top:30px}.uk-grid-divider.uk-grid-small.uk-grid-stack>.uk-grid-margin::before{top:-15px;right:30px}.uk-grid-divider.uk-grid-row-small.uk-grid-stack>.uk-grid-margin::before{top:-15px}.uk-grid-divider.uk-grid-column-small.uk-grid-stack>.uk-grid-margin::before{right:30px}.uk-grid-divider.uk-grid-column-medium,.uk-grid-divider.uk-grid-medium{margin-right:-60px}.uk-grid-divider.uk-grid-column-medium>*,.uk-grid-divider.uk-grid-medium>*{padding-right:60px}.uk-grid-divider.uk-grid-column-medium>:not(.uk-first-column)::before,.uk-grid-divider.uk-grid-medium>:not(.uk-first-column)::before{right:30px}.uk-grid-divider.uk-grid-medium.uk-grid-stack>.uk-grid-margin,.uk-grid-divider.uk-grid-row-medium.uk-grid-stack>.uk-grid-margin{margin-top:60px}.uk-grid-divider.uk-grid-medium.uk-grid-stack>.uk-grid-margin::before{top:-30px;right:60px}.uk-grid-divider.uk-grid-row-medium.uk-grid-stack>.uk-grid-margin::before{top:-30px}.uk-grid-divider.uk-grid-column-medium.uk-grid-stack>.uk-grid-margin::before{right:60px}.uk-grid-divider.uk-grid-column-large,.uk-grid-divider.uk-grid-large{margin-right:-80px}.uk-grid-divider.uk-grid-column-large>*,.uk-grid-divider.uk-grid-large>*{padding-right:80px}.uk-grid-divider.uk-grid-column-large>:not(.uk-first-column)::before,.uk-grid-divider.uk-grid-large>:not(.uk-first-column)::before{right:40px}.uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin,.uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin{margin-top:80px}.uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin::before{top:-40px;right:80px}.uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin::before{top:-40px}.uk-grid-divider.uk-grid-column-large.uk-grid-stack>.uk-grid-margin::before{right:80px}@media (min-width:1200px){.uk-grid-divider.uk-grid-column-large,.uk-grid-divider.uk-grid-large{margin-right:-140px}.uk-grid-divider.uk-grid-column-large>*,.uk-grid-divider.uk-grid-large>*{padding-right:140px}.uk-grid-divider.uk-grid-column-large>:not(.uk-first-column)::before,.uk-grid-divider.uk-grid-large>:not(.uk-first-column)::before{right:70px}.uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin,.uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin{margin-top:140px}.uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin::before{top:-70px;right:140px}.uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin::before{top:-70px}.uk-grid-divider.uk-grid-column-large.uk-grid-stack>.uk-grid-margin::before{right:140px}}.uk-grid-item-match,.uk-grid-match>*{display:flex;flex-wrap:wrap}.uk-grid-item-match>:not([class*=uk-width]),.uk-grid-match>*>:not([class*=uk-width]){box-sizing:border-box;width:100%;flex:auto}.uk-nav,.uk-nav ul{margin:0;padding:0;list-style:none}.uk-nav li>a{display:block;text-decoration:none}.uk-nav li>a:focus{outline:0}.uk-nav>li>a{padding:5px 0}ul.uk-nav-sub{padding:5px 15px 5px 0}.uk-nav-sub ul{padding-right:15px}.uk-nav-sub a{padding:2px 0}.uk-nav-parent-icon>.uk-parent>a::after{content:"";width:1.5em;height:1.5em;float:left;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:50% 50%}.uk-nav-parent-icon>.uk-parent.uk-open>a::after{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-nav-header{padding:5px 0;text-transform:uppercase;font-size:.875rem}.uk-nav-header:not(:first-child){margin-top:20px}.uk-nav-divider{margin:5px 0}.uk-nav-default{font-size:.875rem}.uk-nav-default>li>a{color:#999}.uk-nav-default>li>a:focus,.uk-nav-default>li>a:hover{color:#666}.uk-nav-default>li.uk-active>a{color:#333}.uk-nav-default .uk-nav-header{color:#333}.uk-nav-default .uk-nav-divider{border-top:1px solid #e5e5e5}.uk-nav-default .uk-nav-sub a{color:#999}.uk-nav-default .uk-nav-sub a:focus,.uk-nav-default .uk-nav-sub a:hover{color:#666}.uk-nav-default .uk-nav-sub li.uk-active>a{color:#333}.uk-nav-primary>li>a{font-size:1.5rem;line-height:1.5;color:#999}.uk-nav-primary>li>a:focus,.uk-nav-primary>li>a:hover{color:#666}.uk-nav-primary>li.uk-active>a{color:#333}.uk-nav-primary .uk-nav-header{color:#333}.uk-nav-primary .uk-nav-divider{border-top:1px solid #e5e5e5}.uk-nav-primary .uk-nav-sub a{color:#999}.uk-nav-primary .uk-nav-sub a:focus,.uk-nav-primary .uk-nav-sub a:hover{color:#666}.uk-nav-primary .uk-nav-sub li.uk-active>a{color:#333}.uk-nav-center{text-align:center}.uk-nav-center .uk-nav-sub,.uk-nav-center .uk-nav-sub ul{padding-right:0}.uk-nav-center.uk-nav-parent-icon>.uk-parent>a::after{position:absolute}.uk-navbar{display:flex;position:relative}.uk-navbar-container:not(.uk-navbar-transparent){background:#f8f8f8}.uk-navbar-container>::after,.uk-navbar-container>::before{display:none!important}.uk-navbar-center,.uk-navbar-center-left>*,.uk-navbar-center-right>*,.uk-navbar-left,.uk-navbar-right{display:flex;align-items:center}.uk-navbar-left{margin-right:auto}.uk-navbar-center:only-child{margin-right:auto;margin-left:auto;position:relative}.uk-navbar-center:not(:only-child){position:absolute;top:50%;right:50%;transform:translate(50%,-50%);width:max-content;box-sizing:border-box;z-index:990}.uk-navbar-center-left,.uk-navbar-center-right{position:absolute;top:0}.uk-navbar-center-right{left:100%}.uk-navbar-center-left{right:100%}[class*=uk-navbar-center-]{width:max-content;box-sizing:border-box}.uk-navbar-nav{display:flex;margin:0;padding:0;list-style:none}.uk-navbar-center:only-child,.uk-navbar-left,.uk-navbar-right{flex-wrap:wrap}.uk-navbar-item,.uk-navbar-nav>li>a,.uk-navbar-toggle{display:flex;justify-content:center;align-items:center;box-sizing:border-box;min-height:80px;padding:0 15px;font-size:.875rem;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";text-decoration:none}.uk-navbar-nav>li>a{color:#999;text-transform:uppercase;transition:.1s ease-in-out;transition-property:color,background-color}.uk-navbar-nav>li:hover>a,.uk-navbar-nav>li>a.uk-open,.uk-navbar-nav>li>a:focus{color:#666;outline:0}.uk-navbar-nav>li>a:active{color:#333}.uk-navbar-nav>li.uk-active>a{color:#333}.uk-navbar-item{color:#666}.uk-navbar-toggle{color:#999}.uk-navbar-toggle.uk-open,.uk-navbar-toggle:focus,.uk-navbar-toggle:hover{color:#666;outline:0;text-decoration:none}.uk-navbar-subtitle{font-size:.875rem}.uk-navbar-dropdown{display:none;position:absolute;z-index:1020;box-sizing:border-box;width:200px;padding:25px;background:#fff;color:#666;box-shadow:0 5px 12px rgba(0,0,0,.15)}.uk-navbar-dropdown.uk-open{display:block}[class*=uk-navbar-dropdown-top]{margin-top:-15px}[class*=uk-navbar-dropdown-bottom]{margin-top:15px}[class*=uk-navbar-dropdown-right]{margin-right:-15px}[class*=uk-navbar-dropdown-left]{margin-right:15px}.uk-navbar-dropdown-grid{margin-right:-50px}.uk-navbar-dropdown-grid>*{padding-right:50px}.uk-navbar-dropdown-grid>.uk-grid-margin{margin-top:50px}.uk-navbar-dropdown-stack .uk-navbar-dropdown-grid>*{width:100%!important}.uk-navbar-dropdown-width-2:not(.uk-navbar-dropdown-stack){width:400px}.uk-navbar-dropdown-width-3:not(.uk-navbar-dropdown-stack){width:600px}.uk-navbar-dropdown-width-4:not(.uk-navbar-dropdown-stack){width:800px}.uk-navbar-dropdown-width-5:not(.uk-navbar-dropdown-stack){width:1000px}.uk-navbar-dropdown-dropbar{margin-top:0;margin-bottom:0;box-shadow:none}.uk-navbar-dropdown-nav{font-size:.875rem}.uk-navbar-dropdown-nav>li>a{color:#999}.uk-navbar-dropdown-nav>li>a:focus,.uk-navbar-dropdown-nav>li>a:hover{color:#666}.uk-navbar-dropdown-nav>li.uk-active>a{color:#333}.uk-navbar-dropdown-nav .uk-nav-header{color:#333}.uk-navbar-dropdown-nav .uk-nav-divider{border-top:1px solid #e5e5e5}.uk-navbar-dropdown-nav .uk-nav-sub a{color:#999}.uk-navbar-dropdown-nav .uk-nav-sub a:focus,.uk-navbar-dropdown-nav .uk-nav-sub a:hover{color:#666}.uk-navbar-dropdown-nav .uk-nav-sub li.uk-active>a{color:#333}.uk-navbar-dropbar{background:#fff}.uk-navbar-dropbar-slide{position:absolute;z-index:980;right:0;left:0;box-shadow:0 5px 7px rgba(0,0,0,.05)}.uk-navbar-container>.uk-container .uk-navbar-right{margin-right:-15px;margin-left:-15px}.uk-navbar-container>.uk-container .uk-navbar-left{margin-left:-15px}.uk-navbar-dropdown-grid>*{position:relative}.uk-navbar-dropdown-grid>:not(.uk-first-column)::before{content:"";position:absolute;top:0;bottom:0;right:25px;border-right:1px solid #e5e5e5}.uk-navbar-dropdown-grid.uk-grid-stack>.uk-grid-margin::before{content:"";position:absolute;top:-25px;right:50px;left:0;border-top:1px solid #e5e5e5}.uk-subnav{display:flex;flex-wrap:wrap;margin-right:-20px;padding:0;list-style:none}.uk-subnav>*{flex:none;padding-right:20px;position:relative}.uk-subnav>*>:first-child{display:block;color:#999;font-size:.875rem;text-transform:uppercase;transition:.1s ease-in-out;transition-property:color,background-color}.uk-subnav>*>a:focus,.uk-subnav>*>a:hover{color:#666;text-decoration:none;outline:0}.uk-subnav>.uk-active>a{color:#333}.uk-subnav-divider{margin-right:-41px}.uk-subnav-divider>*{display:flex;align-items:center}.uk-subnav-divider>::before{content:"";height:1.5em;margin-right:0;margin-left:20px;border-right:1px solid transparent}.uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before{border-right-color:#e5e5e5}.uk-subnav-pill>*>:first-child{padding:5px 10px;background:0 0;color:#999}.uk-subnav-pill>*>a:focus,.uk-subnav-pill>*>a:hover{background-color:#f8f8f8;color:#666}.uk-subnav-pill>*>a:active{background-color:#f8f8f8;color:#666}.uk-subnav-pill>.uk-active>a{background-color:#1e87f0;color:#fff}.uk-subnav>.uk-disabled>a{color:#999}.uk-breadcrumb{display:flex;flex-wrap:wrap;padding:0;list-style:none}.uk-breadcrumb>*{flex:none}.uk-breadcrumb>*>*{display:inline-block;font-size:.875rem;color:#999}.uk-breadcrumb>*>:focus,.uk-breadcrumb>*>:hover{color:#666;text-decoration:none}.uk-breadcrumb>:last-child>a:not([href]),.uk-breadcrumb>:last-child>span{color:#666}.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before{content:"/";display:inline-block;margin:0 20px;font-size:.875rem;color:#999}.uk-pagination{display:flex;flex-wrap:wrap;margin-right:-20px;padding:0;list-style:none}.uk-pagination>*{flex:none;padding-right:20px;position:relative}.uk-pagination>*>*{display:block;color:#999;transition:color .1s ease-in-out}.uk-pagination>*>:focus,.uk-pagination>*>:hover{color:#666;text-decoration:none}.uk-pagination>.uk-active>*{color:#666}.uk-pagination>.uk-disabled>*{color:#999}.uk-tab{display:flex;flex-wrap:wrap;margin-right:-20px;padding:0;list-style:none;position:relative}.uk-tab::before{content:"";position:absolute;bottom:0;right:20px;left:0;border-bottom:1px solid #e5e5e5}.uk-tab>*{flex:none;padding-right:20px;position:relative}.uk-tab>*>a{display:block;text-align:center;padding:5px 10px;color:#999;border-bottom:1px solid transparent;font-size:.875rem;text-transform:uppercase;transition:color .1s ease-in-out}.uk-tab>*>a:focus,.uk-tab>*>a:hover{color:#666;text-decoration:none}.uk-tab>.uk-active>a{color:#333;border-color:#1e87f0}.uk-tab>.uk-disabled>a{color:#999}.uk-tab-bottom::before{top:0;bottom:auto}.uk-tab-bottom>*>a{border-top:1px solid transparent;border-bottom:none}.uk-tab-left,.uk-tab-right{flex-direction:column;margin-right:0}.uk-tab-left>*,.uk-tab-right>*{padding-right:0}.uk-tab-right::before{top:0;bottom:0;right:auto;left:0;border-right:1px solid #e5e5e5;border-bottom:none}.uk-tab-left::before{top:0;bottom:0;right:0;left:auto;border-right:1px solid #e5e5e5;border-bottom:none}.uk-tab-right>*>a{text-align:right;border-left:1px solid transparent;border-bottom:none}.uk-tab-left>*>a{text-align:right;border-right:1px solid transparent;border-bottom:none}.uk-tab .uk-dropdown{margin-right:30px}.uk-slidenav{padding:5px 10px;color:rgba(102,102,102,.5);transition:color .1s ease-in-out}.uk-slidenav:focus,.uk-slidenav:hover{color:rgba(102,102,102,.9);outline:0}.uk-slidenav:active{color:rgba(102,102,102,.5)}.uk-slidenav-large{padding:10px 10px}.uk-slidenav-container{display:flex}.uk-dotnav{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;margin-right:-12px}.uk-dotnav>*{flex:none;padding-right:12px}.uk-dotnav>*>*{display:block;box-sizing:border-box;width:10px;height:10px;border-radius:50%;background:0 0;text-indent:100%;overflow:hidden;white-space:nowrap;border:1px solid rgba(102,102,102,.4);transition:.2s ease-in-out;transition-property:background-color,border-color}.uk-dotnav>*>:focus,.uk-dotnav>*>:hover{background-color:rgba(102,102,102,.6);outline:0;border-color:transparent}.uk-dotnav>*>:active{background-color:rgba(102,102,102,.2);border-color:transparent}.uk-dotnav>.uk-active>*{background-color:rgba(102,102,102,.6);border-color:transparent}.uk-dotnav-vertical{flex-direction:column;margin-right:0;margin-top:-12px}.uk-dotnav-vertical>*{padding-right:0;padding-top:12px}.uk-thumbnav{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;margin-right:-15px}.uk-thumbnav>*{padding-right:15px}.uk-thumbnav>*>*{display:inline-block;position:relative}.uk-thumbnav>*>::after{content:"";position:absolute;top:0;bottom:0;right:0;left:0;background:rgba(255,255,255,.4);transition:background-color .1s ease-in-out}.uk-thumbnav>*>:focus,.uk-thumbnav>*>:hover{outline:0}.uk-thumbnav>*>:focus::after,.uk-thumbnav>*>:hover::after{background-color:transparent}.uk-thumbnav>.uk-active>::after{background-color:transparent}.uk-thumbnav-vertical{flex-direction:column;margin-right:0;margin-top:-15px}.uk-thumbnav-vertical>*{padding-right:0;padding-top:15px}.uk-iconnav{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;margin-right:-10px}.uk-iconnav>*{padding-right:10px}.uk-iconnav>*>a{display:block;color:#999}.uk-iconnav>*>a:focus,.uk-iconnav>*>a:hover{color:#666;outline:0}.uk-iconnav>.uk-active>a{color:#666}.uk-iconnav-vertical{flex-direction:column;margin-right:0;margin-top:-10px}.uk-iconnav-vertical>*{padding-right:0;padding-top:10px}[class*=uk-animation-]{animation-duration:.5s;animation-timing-function:ease-out;animation-fill-mode:both}.uk-animation-fade{animation-name:uk-fade;animation-duration:.8s;animation-timing-function:linear}.uk-animation-scale-up{animation-name:uk-fade-scale-02}.uk-animation-scale-down{animation-name:uk-fade-scale-18}.uk-animation-slide-top{animation-name:uk-fade-top}.uk-animation-slide-bottom{animation-name:uk-fade-bottom}.uk-animation-slide-right{animation-name:uk-fade-left}.uk-animation-slide-left{animation-name:uk-fade-right}.uk-animation-slide-top-small{animation-name:uk-fade-top-small}.uk-animation-slide-bottom-small{animation-name:uk-fade-bottom-small}.uk-animation-slide-right-small{animation-name:uk-fade-left-small}.uk-animation-slide-left-small{animation-name:uk-fade-right-small}.uk-animation-slide-top-medium{animation-name:uk-fade-top-medium}.uk-animation-slide-bottom-medium{animation-name:uk-fade-bottom-medium}.uk-animation-slide-right-medium{animation-name:uk-fade-left-medium}.uk-animation-slide-left-medium{animation-name:uk-fade-right-medium}.uk-animation-kenburns{animation-name:uk-scale-kenburns;animation-duration:15s}.uk-animation-shake{animation-name:uk-shake}.uk-animation-stroke{animation-name:uk-stroke;stroke-dasharray:var(--uk-animation-stroke);animation-duration:2s}.uk-animation-reverse{animation-direction:reverse;animation-timing-function:ease-in}.uk-animation-fast{animation-duration:.1s}.uk-animation-toggle:not(:hover):not(:focus) [class*=uk-animation-]{animation-name:none}.uk-animation-toggle{-webkit-tap-highlight-color:transparent}.uk-animation-toggle:focus{outline:0}@keyframes uk-fade{0%{opacity:0}100%{opacity:1}}@keyframes uk-fade-top{0%{opacity:0;transform:translateY(-100%)}100%{opacity:1;transform:translateY(0)}}@keyframes uk-fade-bottom{0%{opacity:0;transform:translateY(100%)}100%{opacity:1;transform:translateY(0)}}@keyframes uk-fade-left{0%{opacity:0;transform:translateX(100%)}100%{opacity:1;transform:translateX(0)}}@keyframes uk-fade-right{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}}@keyframes uk-fade-top-small{0%{opacity:0;transform:translateY(-10px)}100%{opacity:1;transform:translateY(0)}}@keyframes uk-fade-bottom-small{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}@keyframes uk-fade-left-small{0%{opacity:0;transform:translateX(10px)}100%{opacity:1;transform:translateX(0)}}@keyframes uk-fade-right-small{0%{opacity:0;transform:translateX(-10px)}100%{opacity:1;transform:translateX(0)}}@keyframes uk-fade-top-medium{0%{opacity:0;transform:translateY(-50px)}100%{opacity:1;transform:translateY(0)}}@keyframes uk-fade-bottom-medium{0%{opacity:0;transform:translateY(50px)}100%{opacity:1;transform:translateY(0)}}@keyframes uk-fade-left-medium{0%{opacity:0;transform:translateX(50px)}100%{opacity:1;transform:translateX(0)}}@keyframes uk-fade-right-medium{0%{opacity:0;transform:translateX(-50px)}100%{opacity:1;transform:translateX(0)}}@keyframes uk-fade-scale-02{0%{opacity:0;transform:scale(.2)}100%{opacity:1;transform:scale(1)}}@keyframes uk-fade-scale-18{0%{opacity:0;transform:scale(1.8)}100%{opacity:1;transform:scale(1)}}@keyframes uk-scale-kenburns{0%{transform:scale(1)}100%{transform:scale(1.2)}}@keyframes uk-shake{0%,100%{transform:translateX(0)}10%{transform:translateX(9px)}20%{transform:translateX(-8px)}30%{transform:translateX(7px)}40%{transform:translateX(-6px)}50%{transform:translateX(5px)}60%{transform:translateX(-4px)}70%{transform:translateX(3px)}80%{transform:translateX(-2px)}90%{transform:translateX(1px)}}@keyframes uk-stroke{0%{stroke-dashoffset:var(--uk-animation-stroke)}100%{stroke-dashoffset:0}}[class*=uk-child-width]>*{box-sizing:border-box;width:100%}.uk-child-width-1-2>*{width:50%}.uk-child-width-1-3>*{width:calc(100% * 1 / 3.001)}.uk-child-width-1-4>*{width:25%}.uk-child-width-1-5>*{width:20%}.uk-child-width-1-6>*{width:calc(100% * 1 / 6.001)}.uk-child-width-auto>*{width:auto}.uk-child-width-expand>:not([class*=uk-width]){flex:1;min-width:1px}@media (min-width:640px){.uk-child-width-1-1\@s>*{width:100%}.uk-child-width-1-2\@s>*{width:50%}.uk-child-width-1-3\@s>*{width:calc(100% * 1 / 3.001)}.uk-child-width-1-4\@s>*{width:25%}.uk-child-width-1-5\@s>*{width:20%}.uk-child-width-1-6\@s>*{width:calc(100% * 1 / 6.001)}.uk-child-width-auto\@s>*{width:auto}.uk-child-width-expand\@s>:not([class*=uk-width]){flex:1;min-width:1px}}@media (min-width:960px){.uk-child-width-1-1\@m>*{width:100%}.uk-child-width-1-2\@m>*{width:50%}.uk-child-width-1-3\@m>*{width:calc(100% * 1 / 3.001)}.uk-child-width-1-4\@m>*{width:25%}.uk-child-width-1-5\@m>*{width:20%}.uk-child-width-1-6\@m>*{width:calc(100% * 1 / 6.001)}.uk-child-width-auto\@m>*{width:auto}.uk-child-width-expand\@m>:not([class*=uk-width]){flex:1;min-width:1px}}@media (min-width:1200px){.uk-child-width-1-1\@l>*{width:100%}.uk-child-width-1-2\@l>*{width:50%}.uk-child-width-1-3\@l>*{width:calc(100% * 1 / 3.001)}.uk-child-width-1-4\@l>*{width:25%}.uk-child-width-1-5\@l>*{width:20%}.uk-child-width-1-6\@l>*{width:calc(100% * 1 / 6.001)}.uk-child-width-auto\@l>*{width:auto}.uk-child-width-expand\@l>:not([class*=uk-width]){flex:1;min-width:1px}}@media (min-width:1600px){.uk-child-width-1-1\@xl>*{width:100%}.uk-child-width-1-2\@xl>*{width:50%}.uk-child-width-1-3\@xl>*{width:calc(100% * 1 / 3.001)}.uk-child-width-1-4\@xl>*{width:25%}.uk-child-width-1-5\@xl>*{width:20%}.uk-child-width-1-6\@xl>*{width:calc(100% * 1 / 6.001)}.uk-child-width-auto\@xl>*{width:auto}.uk-child-width-expand\@xl>:not([class*=uk-width]){flex:1;min-width:1px}}[class*=uk-width]{box-sizing:border-box;width:100%;max-width:100%}.uk-width-1-2{width:50%}.uk-width-1-3{width:calc(100% * 1 / 3.001)}.uk-width-2-3{width:calc(100% * 2 / 3.001)}.uk-width-1-4{width:25%}.uk-width-3-4{width:75%}.uk-width-1-5{width:20%}.uk-width-2-5{width:40%}.uk-width-3-5{width:60%}.uk-width-4-5{width:80%}.uk-width-1-6{width:calc(100% * 1 / 6.001)}.uk-width-5-6{width:calc(100% * 5 / 6.001)}.uk-width-small{width:150px}.uk-width-medium{width:300px}.uk-width-large{width:450px}.uk-width-xlarge{width:600px}.uk-width-2xlarge{width:750px}.uk-width-auto{width:auto}.uk-width-expand{flex:1;min-width:1px}@media (min-width:640px){.uk-width-1-1\@s{width:100%}.uk-width-1-2\@s{width:50%}.uk-width-1-3\@s{width:calc(100% * 1 / 3.001)}.uk-width-2-3\@s{width:calc(100% * 2 / 3.001)}.uk-width-1-4\@s{width:25%}.uk-width-3-4\@s{width:75%}.uk-width-1-5\@s{width:20%}.uk-width-2-5\@s{width:40%}.uk-width-3-5\@s{width:60%}.uk-width-4-5\@s{width:80%}.uk-width-1-6\@s{width:calc(100% * 1 / 6.001)}.uk-width-5-6\@s{width:calc(100% * 5 / 6.001)}.uk-width-small\@s{width:150px}.uk-width-medium\@s{width:300px}.uk-width-large\@s{width:450px}.uk-width-xlarge\@s{width:600px}.uk-width-2xlarge\@s{width:750px}.uk-width-auto\@s{width:auto}.uk-width-expand\@s{flex:1;min-width:1px}}@media (min-width:960px){.uk-width-1-1\@m{width:100%}.uk-width-1-2\@m{width:50%}.uk-width-1-3\@m{width:calc(100% * 1 / 3.001)}.uk-width-2-3\@m{width:calc(100% * 2 / 3.001)}.uk-width-1-4\@m{width:25%}.uk-width-3-4\@m{width:75%}.uk-width-1-5\@m{width:20%}.uk-width-2-5\@m{width:40%}.uk-width-3-5\@m{width:60%}.uk-width-4-5\@m{width:80%}.uk-width-1-6\@m{width:calc(100% * 1 / 6.001)}.uk-width-5-6\@m{width:calc(100% * 5 / 6.001)}.uk-width-small\@m{width:150px}.uk-width-medium\@m{width:300px}.uk-width-large\@m{width:450px}.uk-width-xlarge\@m{width:600px}.uk-width-2xlarge\@m{width:750px}.uk-width-auto\@m{width:auto}.uk-width-expand\@m{flex:1;min-width:1px}}@media (min-width:1200px){.uk-width-1-1\@l{width:100%}.uk-width-1-2\@l{width:50%}.uk-width-1-3\@l{width:calc(100% * 1 / 3.001)}.uk-width-2-3\@l{width:calc(100% * 2 / 3.001)}.uk-width-1-4\@l{width:25%}.uk-width-3-4\@l{width:75%}.uk-width-1-5\@l{width:20%}.uk-width-2-5\@l{width:40%}.uk-width-3-5\@l{width:60%}.uk-width-4-5\@l{width:80%}.uk-width-1-6\@l{width:calc(100% * 1 / 6.001)}.uk-width-5-6\@l{width:calc(100% * 5 / 6.001)}.uk-width-small\@l{width:150px}.uk-width-medium\@l{width:300px}.uk-width-large\@l{width:450px}.uk-width-xlarge\@l{width:600px}.uk-width-2xlarge\@l{width:750px}.uk-width-auto\@l{width:auto}.uk-width-expand\@l{flex:1;min-width:1px}}@media (min-width:1600px){.uk-width-1-1\@xl{width:100%}.uk-width-1-2\@xl{width:50%}.uk-width-1-3\@xl{width:calc(100% * 1 / 3.001)}.uk-width-2-3\@xl{width:calc(100% * 2 / 3.001)}.uk-width-1-4\@xl{width:25%}.uk-width-3-4\@xl{width:75%}.uk-width-1-5\@xl{width:20%}.uk-width-2-5\@xl{width:40%}.uk-width-3-5\@xl{width:60%}.uk-width-4-5\@xl{width:80%}.uk-width-1-6\@xl{width:calc(100% * 1 / 6.001)}.uk-width-5-6\@xl{width:calc(100% * 5 / 6.001)}.uk-width-small\@xl{width:150px}.uk-width-medium\@xl{width:300px}.uk-width-large\@xl{width:450px}.uk-width-xlarge\@xl{width:600px}.uk-width-2xlarge\@xl{width:750px}.uk-width-auto\@xl{width:auto}.uk-width-expand\@xl{flex:1;min-width:1px}}[class*=uk-height]{box-sizing:border-box}.uk-height-1-1{height:100%}.uk-height-viewport{min-height:100vh}.uk-height-small{height:150px}.uk-height-medium{height:300px}.uk-height-large{height:450px}.uk-height-max-small{max-height:150px}.uk-height-max-medium{max-height:300px}.uk-height-max-large{max-height:450px}.uk-text-lead{font-size:1.5rem;line-height:1.5;color:#333}.uk-text-meta{font-size:.875rem;line-height:1.4;color:#999}.uk-text-meta a{color:#999}.uk-text-meta a:hover{color:#666;text-decoration:none}.uk-text-small{font-size:.875rem;line-height:1.5}.uk-text-large{font-size:1.5rem;line-height:1.5}.uk-text-default{font-size:16px;line-height:1.5}.uk-text-light{font-weight:300}.uk-text-normal{font-weight:400}.uk-text-bold{font-weight:700}.uk-text-lighter{font-weight:lighter}.uk-text-bolder{font-weight:bolder}.uk-text-italic{font-style:italic}.uk-text-capitalize{text-transform:capitalize!important}.uk-text-uppercase{text-transform:uppercase!important}.uk-text-lowercase{text-transform:lowercase!important}.uk-text-muted{color:#999!important}.uk-text-emphasis{color:#333!important}.uk-text-primary{color:#1e87f0!important}.uk-text-secondary{color:#222!important}.uk-text-success{color:#32d296!important}.uk-text-warning{color:#faa05a!important}.uk-text-danger{color:#f0506e!important}.uk-text-background{-webkit-background-clip:text;display:inline-block;color:#1e87f0!important}@supports (-webkit-background-clip:text){.uk-text-background{background-color:#1e87f0;color:transparent!important}}.uk-text-right{text-align:right!important}.uk-text-left{text-align:left!important}.uk-text-center{text-align:center!important}.uk-text-justify{text-align:justify!important}@media (min-width:640px){.uk-text-right\@s{text-align:right!important}.uk-text-left\@s{text-align:left!important}.uk-text-center\@s{text-align:center!important}}@media (min-width:960px){.uk-text-right\@m{text-align:right!important}.uk-text-left\@m{text-align:left!important}.uk-text-center\@m{text-align:center!important}}@media (min-width:1200px){.uk-text-right\@l{text-align:right!important}.uk-text-left\@l{text-align:left!important}.uk-text-center\@l{text-align:center!important}}@media (min-width:1600px){.uk-text-right\@xl{text-align:right!important}.uk-text-left\@xl{text-align:left!important}.uk-text-center\@xl{text-align:center!important}}.uk-text-top{vertical-align:top!important}.uk-text-middle{vertical-align:middle!important}.uk-text-bottom{vertical-align:bottom!important}.uk-text-baseline{vertical-align:baseline!important}.uk-text-nowrap{white-space:nowrap}.uk-text-truncate{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}td.uk-text-truncate,th.uk-text-truncate{max-width:0}.uk-text-break{overflow-wrap:break-word;word-wrap:break-word}td.uk-text-break,th.uk-text-break{word-break:break-all}[class*=uk-column-]{column-gap:30px}@media (min-width:1200px){[class*=uk-column-]{column-gap:40px}}[class*=uk-column-] img{transform:translate3d(0,0,0)}.uk-column-divider{column-rule:1px solid #e5e5e5;column-gap:60px}@media (min-width:1200px){.uk-column-divider{column-gap:80px}}.uk-column-1-2{column-count:2}.uk-column-1-3{column-count:3}.uk-column-1-4{column-count:4}.uk-column-1-5{column-count:5}.uk-column-1-6{column-count:6}@media (min-width:640px){.uk-column-1-2\@s{column-count:2}.uk-column-1-3\@s{column-count:3}.uk-column-1-4\@s{column-count:4}.uk-column-1-5\@s{column-count:5}.uk-column-1-6\@s{column-count:6}}@media (min-width:960px){.uk-column-1-2\@m{column-count:2}.uk-column-1-3\@m{column-count:3}.uk-column-1-4\@m{column-count:4}.uk-column-1-5\@m{column-count:5}.uk-column-1-6\@m{column-count:6}}@media (min-width:1200px){.uk-column-1-2\@l{column-count:2}.uk-column-1-3\@l{column-count:3}.uk-column-1-4\@l{column-count:4}.uk-column-1-5\@l{column-count:5}.uk-column-1-6\@l{column-count:6}}@media (min-width:1600px){.uk-column-1-2\@xl{column-count:2}.uk-column-1-3\@xl{column-count:3}.uk-column-1-4\@xl{column-count:4}.uk-column-1-5\@xl{column-count:5}.uk-column-1-6\@xl{column-count:6}}.uk-column-span{column-span:all}.uk-cover{max-width:none;position:absolute;right:50%;top:50%;transform:translate(50%,-50%)}iframe.uk-cover{pointer-events:none}.uk-cover-container{overflow:hidden;position:relative}.uk-background-default{background-color:#fff}.uk-background-muted{background-color:#f8f8f8}.uk-background-primary{background-color:#1e87f0}.uk-background-secondary{background-color:#222}.uk-background-contain,.uk-background-cover{background-position:50% 50%;background-repeat:no-repeat}.uk-background-cover{background-size:cover}.uk-background-contain{background-size:contain}.uk-background-top-right{background-position:100% 0}.uk-background-top-center{background-position:50% 0}.uk-background-top-left{background-position:0 0}.uk-background-center-right{background-position:100% 50%}.uk-background-center-center{background-position:50% 50%}.uk-background-center-left{background-position:0 50%}.uk-background-bottom-right{background-position:100% 100%}.uk-background-bottom-center{background-position:50% 100%}.uk-background-bottom-left{background-position:0 100%}.uk-background-norepeat{background-repeat:no-repeat}.uk-background-fixed{background-attachment:fixed;backface-visibility:hidden}@media (pointer:coarse){.uk-background-fixed{background-attachment:scroll}}@media (max-width:639px){.uk-background-image\@s{background-image:none!important}}@media (max-width:959px){.uk-background-image\@m{background-image:none!important}}@media (max-width:1199px){.uk-background-image\@l{background-image:none!important}}@media (max-width:1599px){.uk-background-image\@xl{background-image:none!important}}.uk-background-blend-multiply{background-blend-mode:multiply}.uk-background-blend-screen{background-blend-mode:screen}.uk-background-blend-overlay{background-blend-mode:overlay}.uk-background-blend-darken{background-blend-mode:darken}.uk-background-blend-lighten{background-blend-mode:lighten}.uk-background-blend-color-dodge{background-blend-mode:color-dodge}.uk-background-blend-color-burn{background-blend-mode:color-burn}.uk-background-blend-hard-light{background-blend-mode:hard-light}.uk-background-blend-soft-light{background-blend-mode:soft-light}.uk-background-blend-difference{background-blend-mode:difference}.uk-background-blend-exclusion{background-blend-mode:exclusion}.uk-background-blend-hue{background-blend-mode:hue}.uk-background-blend-saturation{background-blend-mode:saturation}.uk-background-blend-color{background-blend-mode:color}.uk-background-blend-luminosity{background-blend-mode:luminosity}[class*=uk-align]{display:block;margin-bottom:30px}*+[class*=uk-align]{margin-top:30px}.uk-align-center{margin-right:auto;margin-left:auto}.uk-align-right{margin-top:0;margin-left:30px;float:right}.uk-align-left{margin-top:0;margin-right:30px;float:left}@media (min-width:640px){.uk-align-right\@s{margin-top:0;margin-left:30px;float:right}.uk-align-left\@s{margin-top:0;margin-right:30px;float:left}}@media (min-width:960px){.uk-align-right\@m{margin-top:0;margin-left:30px;float:right}.uk-align-left\@m{margin-top:0;margin-right:30px;float:left}}@media (min-width:1200px){.uk-align-right\@l{margin-top:0;float:right}.uk-align-left\@l{margin-top:0;float:left}.uk-align-right,.uk-align-right\@l,.uk-align-right\@m,.uk-align-right\@s{margin-left:40px}.uk-align-left,.uk-align-left\@l,.uk-align-left\@m,.uk-align-left\@s{margin-right:40px}}@media (min-width:1600px){.uk-align-right\@xl{margin-top:0;margin-left:40px;float:right}.uk-align-left\@xl{margin-top:0;margin-right:40px;float:left}}.uk-svg,.uk-svg:not(.uk-preserve) [fill*='#']:not(.uk-preserve){fill:currentcolor}.uk-svg:not(.uk-preserve) [stroke*='#']:not(.uk-preserve){stroke:currentcolor}.uk-svg{transform:translate(0,0)}.uk-panel{display:flow-root;position:relative;box-sizing:border-box}.uk-panel>:last-child{margin-bottom:0}.uk-panel-scrollable{height:170px;padding:10px;border:1px solid #e5e5e5;overflow:auto;-webkit-overflow-scrolling:touch;resize:both}.uk-clearfix::before{content:"";display:table-cell}.uk-clearfix::after{content:"";display:table;clear:both}.uk-float-right{float:right}.uk-float-left{float:left}[class*=uk-float-]{max-width:100%}.uk-overflow-hidden{overflow:hidden}.uk-overflow-auto{overflow:auto;-webkit-overflow-scrolling:touch}.uk-overflow-auto>:last-child{margin-bottom:0}.uk-resize{resize:both}.uk-resize-vertical{resize:vertical}.uk-display-block{display:block!important}.uk-display-inline{display:inline!important}.uk-display-inline-block{display:inline-block!important}[class*=uk-inline]{display:inline-block;position:relative;max-width:100%;vertical-align:middle;-webkit-backface-visibility:hidden}.uk-inline-clip{overflow:hidden}.uk-preserve-width,.uk-preserve-width canvas,.uk-preserve-width img,.uk-preserve-width svg,.uk-preserve-width video{max-width:none}.uk-responsive-height,.uk-responsive-width{box-sizing:border-box}.uk-responsive-width{max-width:100%!important;height:auto}.uk-responsive-height{max-height:100%;width:auto;max-width:none}.uk-border-circle{border-radius:50%}.uk-border-pill{border-radius:500px}.uk-border-rounded{border-radius:5px}.uk-inline-clip[class*=uk-border-]{-webkit-transform:translateZ(0)}.uk-box-shadow-small{box-shadow:0 2px 8px rgba(0,0,0,.08)}.uk-box-shadow-medium{box-shadow:0 5px 15px rgba(0,0,0,.08)}.uk-box-shadow-large{box-shadow:0 14px 25px rgba(0,0,0,.16)}.uk-box-shadow-xlarge{box-shadow:0 28px 50px rgba(0,0,0,.16)}[class*=uk-box-shadow-hover]{transition:box-shadow .1s ease-in-out}.uk-box-shadow-hover-small:hover{box-shadow:0 2px 8px rgba(0,0,0,.08)}.uk-box-shadow-hover-medium:hover{box-shadow:0 5px 15px rgba(0,0,0,.08)}.uk-box-shadow-hover-large:hover{box-shadow:0 14px 25px rgba(0,0,0,.16)}.uk-box-shadow-hover-xlarge:hover{box-shadow:0 28px 50px rgba(0,0,0,.16)}@supports (filter:blur(0)){.uk-box-shadow-bottom{display:inline-block;position:relative;max-width:100%;vertical-align:middle}.uk-box-shadow-bottom::before{content:'';position:absolute;bottom:-30px;right:0;left:0;height:30px;border-radius:100%;background:#444;filter:blur(20px)}.uk-box-shadow-bottom>*{position:relative}}.uk-dropcap::first-letter,.uk-dropcap>p:first-of-type::first-letter{display:block;margin-left:10px;float:right;font-size:4.5em;line-height:1;margin-bottom:-2px}@-moz-document url-prefix(){.uk-dropcap::first-letter,.uk-dropcap>p:first-of-type::first-letter{margin-top:1.1%}}@supports (-ms-ime-align:auto){.uk-dropcap>p:first-of-type::first-letter{font-size:1em}}.uk-logo{font-size:1.5rem;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";color:#666;text-decoration:none}.uk-logo:focus,.uk-logo:hover{color:#666;outline:0;text-decoration:none}.uk-logo-inverse{display:none}.uk-disabled{pointer-events:none}.uk-drag,.uk-drag *{cursor:move}.uk-drag iframe{pointer-events:none}.uk-dragover{box-shadow:0 0 20px rgba(100,100,100,.3)}.uk-blend-multiply{mix-blend-mode:multiply}.uk-blend-screen{mix-blend-mode:screen}.uk-blend-overlay{mix-blend-mode:overlay}.uk-blend-darken{mix-blend-mode:darken}.uk-blend-lighten{mix-blend-mode:lighten}.uk-blend-color-dodge{mix-blend-mode:color-dodge}.uk-blend-color-burn{mix-blend-mode:color-burn}.uk-blend-hard-light{mix-blend-mode:hard-light}.uk-blend-soft-light{mix-blend-mode:soft-light}.uk-blend-difference{mix-blend-mode:difference}.uk-blend-exclusion{mix-blend-mode:exclusion}.uk-blend-hue{mix-blend-mode:hue}.uk-blend-saturation{mix-blend-mode:saturation}.uk-blend-color{mix-blend-mode:color}.uk-blend-luminosity{mix-blend-mode:luminosity}.uk-transform-center{transform:translate(50%,-50%)}.uk-transform-origin-top-right{transform-origin:100% 0}.uk-transform-origin-top-center{transform-origin:50% 0}.uk-transform-origin-top-left{transform-origin:0 0}.uk-transform-origin-center-right{transform-origin:100% 50%}.uk-transform-origin-center-left{transform-origin:0 50%}.uk-transform-origin-bottom-right{transform-origin:100% 100%}.uk-transform-origin-bottom-center{transform-origin:50% 100%}.uk-transform-origin-bottom-left{transform-origin:0 100%}.uk-flex{display:flex}.uk-flex-inline{display:inline-flex}.uk-flex-inline::after,.uk-flex-inline::before,.uk-flex::after,.uk-flex::before{display:none}.uk-flex-right{justify-content:flex-start}.uk-flex-center{justify-content:center}.uk-flex-left{justify-content:flex-end}.uk-flex-between{justify-content:space-between}.uk-flex-around{justify-content:space-around}@media (min-width:640px){.uk-flex-right\@s{justify-content:flex-start}.uk-flex-center\@s{justify-content:center}.uk-flex-left\@s{justify-content:flex-end}.uk-flex-between\@s{justify-content:space-between}.uk-flex-around\@s{justify-content:space-around}}@media (min-width:960px){.uk-flex-right\@m{justify-content:flex-start}.uk-flex-center\@m{justify-content:center}.uk-flex-left\@m{justify-content:flex-end}.uk-flex-between\@m{justify-content:space-between}.uk-flex-around\@m{justify-content:space-around}}@media (min-width:1200px){.uk-flex-right\@l{justify-content:flex-start}.uk-flex-center\@l{justify-content:center}.uk-flex-left\@l{justify-content:flex-end}.uk-flex-between\@l{justify-content:space-between}.uk-flex-around\@l{justify-content:space-around}}@media (min-width:1600px){.uk-flex-right\@xl{justify-content:flex-start}.uk-flex-center\@xl{justify-content:center}.uk-flex-left\@xl{justify-content:flex-end}.uk-flex-between\@xl{justify-content:space-between}.uk-flex-around\@xl{justify-content:space-around}}.uk-flex-stretch{align-items:stretch}.uk-flex-top{align-items:flex-start}.uk-flex-middle{align-items:center}.uk-flex-bottom{align-items:flex-end}.uk-flex-row{flex-direction:row}.uk-flex-row-reverse{flex-direction:row-reverse}.uk-flex-column{flex-direction:column}.uk-flex-column-reverse{flex-direction:column-reverse}.uk-flex-nowrap{flex-wrap:nowrap}.uk-flex-wrap{flex-wrap:wrap}.uk-flex-wrap-reverse{flex-wrap:wrap-reverse}.uk-flex-wrap-stretch{align-content:stretch}.uk-flex-wrap-top{align-content:flex-start}.uk-flex-wrap-middle{align-content:center}.uk-flex-wrap-bottom{align-content:flex-end}.uk-flex-wrap-between{align-content:space-between}.uk-flex-wrap-around{align-content:space-around}.uk-flex-first{order:-1}.uk-flex-last{order:99}@media (min-width:640px){.uk-flex-first\@s{order:-1}.uk-flex-last\@s{order:99}}@media (min-width:960px){.uk-flex-first\@m{order:-1}.uk-flex-last\@m{order:99}}@media (min-width:1200px){.uk-flex-first\@l{order:-1}.uk-flex-last\@l{order:99}}@media (min-width:1600px){.uk-flex-first\@xl{order:-1}.uk-flex-last\@xl{order:99}}.uk-flex-none{flex:none}.uk-flex-auto{flex:auto}.uk-flex-1{flex:1}.uk-margin{margin-bottom:20px}*+.uk-margin{margin-top:20px!important}.uk-margin-top{margin-top:20px!important}.uk-margin-bottom{margin-bottom:20px!important}.uk-margin-right{margin-right:20px!important}.uk-margin-left{margin-left:20px!important}.uk-margin-small{margin-bottom:10px}*+.uk-margin-small{margin-top:10px!important}.uk-margin-small-top{margin-top:10px!important}.uk-margin-small-bottom{margin-bottom:10px!important}.uk-margin-small-right{margin-right:10px!important}.uk-margin-small-left{margin-left:10px!important}.uk-margin-medium{margin-bottom:40px}*+.uk-margin-medium{margin-top:40px!important}.uk-margin-medium-top{margin-top:40px!important}.uk-margin-medium-bottom{margin-bottom:40px!important}.uk-margin-medium-right{margin-right:40px!important}.uk-margin-medium-left{margin-left:40px!important}.uk-margin-large{margin-bottom:40px}*+.uk-margin-large{margin-top:40px!important}.uk-margin-large-top{margin-top:40px!important}.uk-margin-large-bottom{margin-bottom:40px!important}.uk-margin-large-right{margin-right:40px!important}.uk-margin-large-left{margin-left:40px!important}@media (min-width:1200px){.uk-margin-large{margin-bottom:70px}*+.uk-margin-large{margin-top:70px!important}.uk-margin-large-top{margin-top:70px!important}.uk-margin-large-bottom{margin-bottom:70px!important}.uk-margin-large-right{margin-right:70px!important}.uk-margin-large-left{margin-left:70px!important}}.uk-margin-xlarge{margin-bottom:70px}*+.uk-margin-xlarge{margin-top:70px!important}.uk-margin-xlarge-top{margin-top:70px!important}.uk-margin-xlarge-bottom{margin-bottom:70px!important}.uk-margin-xlarge-right{margin-right:70px!important}.uk-margin-xlarge-left{margin-left:70px!important}@media (min-width:1200px){.uk-margin-xlarge{margin-bottom:140px}*+.uk-margin-xlarge{margin-top:140px!important}.uk-margin-xlarge-top{margin-top:140px!important}.uk-margin-xlarge-bottom{margin-bottom:140px!important}.uk-margin-xlarge-right{margin-right:140px!important}.uk-margin-xlarge-left{margin-left:140px!important}}.uk-margin-auto{margin-right:auto!important;margin-left:auto!important}.uk-margin-auto-top{margin-top:auto!important}.uk-margin-auto-bottom{margin-bottom:auto!important}.uk-margin-auto-right{margin-right:auto!important}.uk-margin-auto-left{margin-left:auto!important}.uk-margin-auto-vertical{margin-top:auto!important;margin-bottom:auto!important}@media (min-width:640px){.uk-margin-auto\@s{margin-right:auto!important;margin-left:auto!important}.uk-margin-auto-right\@s{margin-right:auto!important}.uk-margin-auto-left\@s{margin-left:auto!important}}@media (min-width:960px){.uk-margin-auto\@m{margin-right:auto!important;margin-left:auto!important}.uk-margin-auto-right\@m{margin-right:auto!important}.uk-margin-auto-left\@m{margin-left:auto!important}}@media (min-width:1200px){.uk-margin-auto\@l{margin-right:auto!important;margin-left:auto!important}.uk-margin-auto-right\@l{margin-right:auto!important}.uk-margin-auto-left\@l{margin-left:auto!important}}@media (min-width:1600px){.uk-margin-auto\@xl{margin-right:auto!important;margin-left:auto!important}.uk-margin-auto-right\@xl{margin-right:auto!important}.uk-margin-auto-left\@xl{margin-left:auto!important}}.uk-margin-remove{margin:0!important}.uk-margin-remove-top{margin-top:0!important}.uk-margin-remove-bottom{margin-bottom:0!important}.uk-margin-remove-right{margin-right:0!important}.uk-margin-remove-left{margin-left:0!important}.uk-margin-remove-vertical{margin-top:0!important;margin-bottom:0!important}.uk-margin-remove-adjacent+*,.uk-margin-remove-first-child>:first-child{margin-top:0!important}.uk-margin-remove-last-child>:last-child{margin-bottom:0!important}@media (min-width:640px){.uk-margin-remove-right\@s{margin-right:0!important}.uk-margin-remove-left\@s{margin-left:0!important}}@media (min-width:960px){.uk-margin-remove-right\@m{margin-right:0!important}.uk-margin-remove-left\@m{margin-left:0!important}}@media (min-width:1200px){.uk-margin-remove-right\@l{margin-right:0!important}.uk-margin-remove-left\@l{margin-left:0!important}}@media (min-width:1600px){.uk-margin-remove-right\@xl{margin-right:0!important}.uk-margin-remove-left\@xl{margin-left:0!important}}.uk-padding{padding:30px}@media (min-width:1200px){.uk-padding{padding:40px}}.uk-padding-small{padding:15px}.uk-padding-large{padding:30px}@media (min-width:1200px){.uk-padding-large{padding:70px}}.uk-padding-remove{padding:0!important}.uk-padding-remove-top{padding-top:0!important}.uk-padding-remove-bottom{padding-bottom:0!important}.uk-padding-remove-right{padding-right:0!important}.uk-padding-remove-left{padding-left:0!important}.uk-padding-remove-vertical{padding-top:0!important;padding-bottom:0!important}.uk-padding-remove-horizontal{padding-right:0!important;padding-left:0!important}[class*=uk-position-bottom],[class*=uk-position-center],[class*=uk-position-left],[class*=uk-position-right],[class*=uk-position-top]{position:absolute!important;max-width:100%}.uk-position-top{top:0;right:0;left:0}.uk-position-bottom{bottom:0;right:0;left:0}.uk-position-right{top:0;bottom:0;right:0}.uk-position-left{top:0;bottom:0;left:0}.uk-position-top-right{top:0;right:0}.uk-position-top-left{top:0;left:0}.uk-position-bottom-right{bottom:0;right:0}.uk-position-bottom-left{bottom:0;left:0}.uk-position-center{top:50%;right:50%;transform:translate(50%,-50%);width:max-content;max-width:100%;box-sizing:border-box}[class*=uk-position-center-left],[class*=uk-position-center-right]{top:50%;transform:translateY(-50%)}.uk-position-center-right{right:0}.uk-position-center-left{left:0}.uk-position-center-right-out{left:100%;width:max-content}.uk-position-center-left-out{right:100%;width:max-content}.uk-position-bottom-center,.uk-position-top-center{right:50%;transform:translateX(50%);width:max-content;max-width:100%;box-sizing:border-box}.uk-position-top-center{top:0}.uk-position-bottom-center{bottom:0}.uk-position-cover{position:absolute;top:0;bottom:0;right:0;left:0}.uk-position-relative{position:relative!important}.uk-position-absolute{position:absolute!important}.uk-position-fixed{position:fixed!important}.uk-position-z-index{z-index:1}.uk-position-small{max-width:calc(100% - (15px * 2));margin:15px}.uk-position-small.uk-position-center{transform:translate(50%,-50%) translate(15px,-15px)}.uk-position-small[class*=uk-position-center-left],.uk-position-small[class*=uk-position-center-right]{transform:translateY(-50%) translateY(-15px)}.uk-position-small.uk-position-bottom-center,.uk-position-small.uk-position-top-center{transform:translateX(50%) translateX(15px)}.uk-position-medium{max-width:calc(100% - (30px * 2));margin:30px}.uk-position-medium.uk-position-center{transform:translate(50%,-50%) translate(30px,-30px)}.uk-position-medium[class*=uk-position-center-left],.uk-position-medium[class*=uk-position-center-right]{transform:translateY(-50%) translateY(-30px)}.uk-position-medium.uk-position-bottom-center,.uk-position-medium.uk-position-top-center{transform:translateX(50%) translateX(30px)}.uk-position-large{max-width:calc(100% - (30px * 2));margin:30px}.uk-position-large.uk-position-center{transform:translate(50%,-50%) translate(30px,-30px)}.uk-position-large[class*=uk-position-center-left],.uk-position-large[class*=uk-position-center-right]{transform:translateY(-50%) translateY(-30px)}.uk-position-large.uk-position-bottom-center,.uk-position-large.uk-position-top-center{transform:translateX(50%) translateX(30px)}@media (min-width:1200px){.uk-position-large{max-width:calc(100% - (50px * 2));margin:50px}.uk-position-large.uk-position-center{transform:translate(50%,-50%) translate(50px,-50px)}.uk-position-large[class*=uk-position-center-left],.uk-position-large[class*=uk-position-center-right]{transform:translateY(-50%) translateY(-50px)}.uk-position-large.uk-position-bottom-center,.uk-position-large.uk-position-top-center{transform:translateX(50%) translateX(50px)}}.uk-transition-toggle{-webkit-tap-highlight-color:transparent}.uk-transition-toggle:focus{outline:0}.uk-transition-fade,[class*=uk-transition-scale],[class*=uk-transition-slide]{transition:.3s ease-out;transition-property:opacity,transform,filter;opacity:0}.uk-transition-active.uk-active .uk-transition-fade,.uk-transition-toggle:focus .uk-transition-fade,.uk-transition-toggle:hover .uk-transition-fade{opacity:1}.uk-transition-scale-up{transform:scale(1,1)}.uk-transition-scale-down{transform:scale(1.1,1.1)}.uk-transition-active.uk-active .uk-transition-scale-up,.uk-transition-toggle:focus .uk-transition-scale-up,.uk-transition-toggle:hover .uk-transition-scale-up{opacity:1;transform:scale(1.1,1.1)}.uk-transition-active.uk-active .uk-transition-scale-down,.uk-transition-toggle:focus .uk-transition-scale-down,.uk-transition-toggle:hover .uk-transition-scale-down{opacity:1;transform:scale(1,1)}.uk-transition-slide-top{transform:translateY(-100%)}.uk-transition-slide-bottom{transform:translateY(100%)}.uk-transition-slide-right{transform:translateX(100%)}.uk-transition-slide-left{transform:translateX(-100%)}.uk-transition-slide-top-small{transform:translateY(-10px)}.uk-transition-slide-bottom-small{transform:translateY(10px)}.uk-transition-slide-right-small{transform:translateX(10px)}.uk-transition-slide-left-small{transform:translateX(-10px)}.uk-transition-slide-top-medium{transform:translateY(-50px)}.uk-transition-slide-bottom-medium{transform:translateY(50px)}.uk-transition-slide-right-medium{transform:translateX(50px)}.uk-transition-slide-left-medium{transform:translateX(-50px)}.uk-transition-active.uk-active [class*=uk-transition-slide],.uk-transition-toggle:focus [class*=uk-transition-slide],.uk-transition-toggle:hover [class*=uk-transition-slide]{opacity:1;transform:translate(0,0)}.uk-transition-opaque{opacity:1}.uk-transition-slow{transition-duration:.7s}.uk-hidden,[hidden]{display:none!important}@media (min-width:640px){.uk-hidden\@s{display:none!important}}@media (min-width:960px){.uk-hidden\@m{display:none!important}}@media (min-width:1200px){.uk-hidden\@l{display:none!important}}@media (min-width:1600px){.uk-hidden\@xl{display:none!important}}@media (max-width:639px){.uk-visible\@s{display:none!important}}@media (max-width:959px){.uk-visible\@m{display:none!important}}@media (max-width:1199px){.uk-visible\@l{display:none!important}}@media (max-width:1599px){.uk-visible\@xl{display:none!important}}.uk-invisible{visibility:hidden!important}.uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within){position:absolute!important;width:0!important;height:0!important;padding:0!important;margin:0!important;overflow:hidden!important}.uk-visible-toggle:not(:hover):not(:focus) .uk-invisible-hover:not(:focus-within){opacity:0!important}.uk-visible-toggle{-webkit-tap-highlight-color:transparent}.uk-visible-toggle:focus{outline:0}@media (pointer:coarse){.uk-hidden-touch{display:none!important}}.uk-hidden-notouch{display:none!important}@media (pointer:coarse){.uk-hidden-notouch{display:block!important}}.uk-card-primary.uk-card-body,.uk-card-primary>:not([class*=uk-card-media]),.uk-card-secondary.uk-card-body,.uk-card-secondary>:not([class*=uk-card-media]),.uk-light,.uk-offcanvas-bar,.uk-overlay-primary,.uk-section-primary:not(.uk-preserve-color),.uk-section-secondary:not(.uk-preserve-color),.uk-tile-primary:not(.uk-preserve-color),.uk-tile-secondary:not(.uk-preserve-color){color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-link,.uk-card-primary.uk-card-body a,.uk-card-primary>:not([class*=uk-card-media]) .uk-link,.uk-card-primary>:not([class*=uk-card-media]) a,.uk-card-secondary.uk-card-body .uk-link,.uk-card-secondary.uk-card-body a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link,.uk-card-secondary>:not([class*=uk-card-media]) a,.uk-light .uk-link,.uk-light a,.uk-offcanvas-bar .uk-link,.uk-offcanvas-bar a,.uk-overlay-primary .uk-link,.uk-overlay-primary a,.uk-section-primary:not(.uk-preserve-color) .uk-link,.uk-section-primary:not(.uk-preserve-color) a,.uk-section-secondary:not(.uk-preserve-color) .uk-link,.uk-section-secondary:not(.uk-preserve-color) a,.uk-tile-primary:not(.uk-preserve-color) .uk-link,.uk-tile-primary:not(.uk-preserve-color) a,.uk-tile-secondary:not(.uk-preserve-color) .uk-link,.uk-tile-secondary:not(.uk-preserve-color) a{color:#fff}.uk-card-primary.uk-card-body .uk-link:hover,.uk-card-primary.uk-card-body a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-link:hover,.uk-card-primary>:not([class*=uk-card-media]) a:hover,.uk-card-secondary.uk-card-body .uk-link:hover,.uk-card-secondary.uk-card-body a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link:hover,.uk-card-secondary>:not([class*=uk-card-media]) a:hover,.uk-light .uk-link:hover,.uk-light a:hover,.uk-offcanvas-bar .uk-link:hover,.uk-offcanvas-bar a:hover,.uk-overlay-primary .uk-link:hover,.uk-overlay-primary a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link:hover,.uk-section-primary:not(.uk-preserve-color) a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link:hover,.uk-section-secondary:not(.uk-preserve-color) a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link:hover,.uk-tile-primary:not(.uk-preserve-color) a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link:hover,.uk-tile-secondary:not(.uk-preserve-color) a:hover{color:#fff}.uk-card-primary.uk-card-body :not(pre)>code,.uk-card-primary.uk-card-body :not(pre)>kbd,.uk-card-primary.uk-card-body :not(pre)>samp,.uk-card-primary>:not([class*=uk-card-media]) :not(pre)>code,.uk-card-primary>:not([class*=uk-card-media]) :not(pre)>kbd,.uk-card-primary>:not([class*=uk-card-media]) :not(pre)>samp,.uk-card-secondary.uk-card-body :not(pre)>code,.uk-card-secondary.uk-card-body :not(pre)>kbd,.uk-card-secondary.uk-card-body :not(pre)>samp,.uk-card-secondary>:not([class*=uk-card-media]) :not(pre)>code,.uk-card-secondary>:not([class*=uk-card-media]) :not(pre)>kbd,.uk-card-secondary>:not([class*=uk-card-media]) :not(pre)>samp,.uk-light :not(pre)>code,.uk-light :not(pre)>kbd,.uk-light :not(pre)>samp,.uk-offcanvas-bar :not(pre)>code,.uk-offcanvas-bar :not(pre)>kbd,.uk-offcanvas-bar :not(pre)>samp,.uk-overlay-primary :not(pre)>code,.uk-overlay-primary :not(pre)>kbd,.uk-overlay-primary :not(pre)>samp,.uk-section-primary:not(.uk-preserve-color) :not(pre)>code,.uk-section-primary:not(.uk-preserve-color) :not(pre)>kbd,.uk-section-primary:not(.uk-preserve-color) :not(pre)>samp,.uk-section-secondary:not(.uk-preserve-color) :not(pre)>code,.uk-section-secondary:not(.uk-preserve-color) :not(pre)>kbd,.uk-section-secondary:not(.uk-preserve-color) :not(pre)>samp,.uk-tile-primary:not(.uk-preserve-color) :not(pre)>code,.uk-tile-primary:not(.uk-preserve-color) :not(pre)>kbd,.uk-tile-primary:not(.uk-preserve-color) :not(pre)>samp,.uk-tile-secondary:not(.uk-preserve-color) :not(pre)>code,.uk-tile-secondary:not(.uk-preserve-color) :not(pre)>kbd,.uk-tile-secondary:not(.uk-preserve-color) :not(pre)>samp{color:rgba(255,255,255,.7);background:rgba(255,255,255,.1)}.uk-card-primary.uk-card-body em,.uk-card-primary>:not([class*=uk-card-media]) em,.uk-card-secondary.uk-card-body em,.uk-card-secondary>:not([class*=uk-card-media]) em,.uk-light em,.uk-offcanvas-bar em,.uk-overlay-primary em,.uk-section-primary:not(.uk-preserve-color) em,.uk-section-secondary:not(.uk-preserve-color) em,.uk-tile-primary:not(.uk-preserve-color) em,.uk-tile-secondary:not(.uk-preserve-color) em{color:#fff}.uk-card-primary.uk-card-body .uk-h1,.uk-card-primary.uk-card-body .uk-h2,.uk-card-primary.uk-card-body .uk-h3,.uk-card-primary.uk-card-body .uk-h4,.uk-card-primary.uk-card-body .uk-h5,.uk-card-primary.uk-card-body .uk-h6,.uk-card-primary.uk-card-body .uk-heading-2xlarge,.uk-card-primary.uk-card-body .uk-heading-large,.uk-card-primary.uk-card-body .uk-heading-medium,.uk-card-primary.uk-card-body .uk-heading-small,.uk-card-primary.uk-card-body .uk-heading-xlarge,.uk-card-primary.uk-card-body h1,.uk-card-primary.uk-card-body h2,.uk-card-primary.uk-card-body h3,.uk-card-primary.uk-card-body h4,.uk-card-primary.uk-card-body h5,.uk-card-primary.uk-card-body h6,.uk-card-primary>:not([class*=uk-card-media]) .uk-h1,.uk-card-primary>:not([class*=uk-card-media]) .uk-h2,.uk-card-primary>:not([class*=uk-card-media]) .uk-h3,.uk-card-primary>:not([class*=uk-card-media]) .uk-h4,.uk-card-primary>:not([class*=uk-card-media]) .uk-h5,.uk-card-primary>:not([class*=uk-card-media]) .uk-h6,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-2xlarge,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-large,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-medium,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-small,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-xlarge,.uk-card-primary>:not([class*=uk-card-media]) h1,.uk-card-primary>:not([class*=uk-card-media]) h2,.uk-card-primary>:not([class*=uk-card-media]) h3,.uk-card-primary>:not([class*=uk-card-media]) h4,.uk-card-primary>:not([class*=uk-card-media]) h5,.uk-card-primary>:not([class*=uk-card-media]) h6,.uk-card-secondary.uk-card-body .uk-h1,.uk-card-secondary.uk-card-body .uk-h2,.uk-card-secondary.uk-card-body .uk-h3,.uk-card-secondary.uk-card-body .uk-h4,.uk-card-secondary.uk-card-body .uk-h5,.uk-card-secondary.uk-card-body .uk-h6,.uk-card-secondary.uk-card-body .uk-heading-2xlarge,.uk-card-secondary.uk-card-body .uk-heading-large,.uk-card-secondary.uk-card-body .uk-heading-medium,.uk-card-secondary.uk-card-body .uk-heading-small,.uk-card-secondary.uk-card-body .uk-heading-xlarge,.uk-card-secondary.uk-card-body h1,.uk-card-secondary.uk-card-body h2,.uk-card-secondary.uk-card-body h3,.uk-card-secondary.uk-card-body h4,.uk-card-secondary.uk-card-body h5,.uk-card-secondary.uk-card-body h6,.uk-card-secondary>:not([class*=uk-card-media]) .uk-h1,.uk-card-secondary>:not([class*=uk-card-media]) .uk-h2,.uk-card-secondary>:not([class*=uk-card-media]) .uk-h3,.uk-card-secondary>:not([class*=uk-card-media]) .uk-h4,.uk-card-secondary>:not([class*=uk-card-media]) .uk-h5,.uk-card-secondary>:not([class*=uk-card-media]) .uk-h6,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-2xlarge,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-large,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-medium,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-small,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-xlarge,.uk-card-secondary>:not([class*=uk-card-media]) h1,.uk-card-secondary>:not([class*=uk-card-media]) h2,.uk-card-secondary>:not([class*=uk-card-media]) h3,.uk-card-secondary>:not([class*=uk-card-media]) h4,.uk-card-secondary>:not([class*=uk-card-media]) h5,.uk-card-secondary>:not([class*=uk-card-media]) h6,.uk-light .uk-h1,.uk-light .uk-h2,.uk-light .uk-h3,.uk-light .uk-h4,.uk-light .uk-h5,.uk-light .uk-h6,.uk-light .uk-heading-2xlarge,.uk-light .uk-heading-large,.uk-light .uk-heading-medium,.uk-light .uk-heading-small,.uk-light .uk-heading-xlarge,.uk-light h1,.uk-light h2,.uk-light h3,.uk-light h4,.uk-light h5,.uk-light h6,.uk-offcanvas-bar .uk-h1,.uk-offcanvas-bar .uk-h2,.uk-offcanvas-bar .uk-h3,.uk-offcanvas-bar .uk-h4,.uk-offcanvas-bar .uk-h5,.uk-offcanvas-bar .uk-h6,.uk-offcanvas-bar .uk-heading-2xlarge,.uk-offcanvas-bar .uk-heading-large,.uk-offcanvas-bar .uk-heading-medium,.uk-offcanvas-bar .uk-heading-small,.uk-offcanvas-bar .uk-heading-xlarge,.uk-offcanvas-bar h1,.uk-offcanvas-bar h2,.uk-offcanvas-bar h3,.uk-offcanvas-bar h4,.uk-offcanvas-bar h5,.uk-offcanvas-bar h6,.uk-overlay-primary .uk-h1,.uk-overlay-primary .uk-h2,.uk-overlay-primary .uk-h3,.uk-overlay-primary .uk-h4,.uk-overlay-primary .uk-h5,.uk-overlay-primary .uk-h6,.uk-overlay-primary .uk-heading-2xlarge,.uk-overlay-primary .uk-heading-large,.uk-overlay-primary .uk-heading-medium,.uk-overlay-primary .uk-heading-small,.uk-overlay-primary .uk-heading-xlarge,.uk-overlay-primary h1,.uk-overlay-primary h2,.uk-overlay-primary h3,.uk-overlay-primary h4,.uk-overlay-primary h5,.uk-overlay-primary h6,.uk-section-primary:not(.uk-preserve-color) .uk-h1,.uk-section-primary:not(.uk-preserve-color) .uk-h2,.uk-section-primary:not(.uk-preserve-color) .uk-h3,.uk-section-primary:not(.uk-preserve-color) .uk-h4,.uk-section-primary:not(.uk-preserve-color) .uk-h5,.uk-section-primary:not(.uk-preserve-color) .uk-h6,.uk-section-primary:not(.uk-preserve-color) .uk-heading-2xlarge,.uk-section-primary:not(.uk-preserve-color) .uk-heading-large,.uk-section-primary:not(.uk-preserve-color) .uk-heading-medium,.uk-section-primary:not(.uk-preserve-color) .uk-heading-small,.uk-section-primary:not(.uk-preserve-color) .uk-heading-xlarge,.uk-section-primary:not(.uk-preserve-color) h1,.uk-section-primary:not(.uk-preserve-color) h2,.uk-section-primary:not(.uk-preserve-color) h3,.uk-section-primary:not(.uk-preserve-color) h4,.uk-section-primary:not(.uk-preserve-color) h5,.uk-section-primary:not(.uk-preserve-color) h6,.uk-section-secondary:not(.uk-preserve-color) .uk-h1,.uk-section-secondary:not(.uk-preserve-color) .uk-h2,.uk-section-secondary:not(.uk-preserve-color) .uk-h3,.uk-section-secondary:not(.uk-preserve-color) .uk-h4,.uk-section-secondary:not(.uk-preserve-color) .uk-h5,.uk-section-secondary:not(.uk-preserve-color) .uk-h6,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-2xlarge,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-large,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-medium,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-small,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-xlarge,.uk-section-secondary:not(.uk-preserve-color) h1,.uk-section-secondary:not(.uk-preserve-color) h2,.uk-section-secondary:not(.uk-preserve-color) h3,.uk-section-secondary:not(.uk-preserve-color) h4,.uk-section-secondary:not(.uk-preserve-color) h5,.uk-section-secondary:not(.uk-preserve-color) h6,.uk-tile-primary:not(.uk-preserve-color) .uk-h1,.uk-tile-primary:not(.uk-preserve-color) .uk-h2,.uk-tile-primary:not(.uk-preserve-color) .uk-h3,.uk-tile-primary:not(.uk-preserve-color) .uk-h4,.uk-tile-primary:not(.uk-preserve-color) .uk-h5,.uk-tile-primary:not(.uk-preserve-color) .uk-h6,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-2xlarge,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-large,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-medium,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-small,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-xlarge,.uk-tile-primary:not(.uk-preserve-color) h1,.uk-tile-primary:not(.uk-preserve-color) h2,.uk-tile-primary:not(.uk-preserve-color) h3,.uk-tile-primary:not(.uk-preserve-color) h4,.uk-tile-primary:not(.uk-preserve-color) h5,.uk-tile-primary:not(.uk-preserve-color) h6,.uk-tile-secondary:not(.uk-preserve-color) .uk-h1,.uk-tile-secondary:not(.uk-preserve-color) .uk-h2,.uk-tile-secondary:not(.uk-preserve-color) .uk-h3,.uk-tile-secondary:not(.uk-preserve-color) .uk-h4,.uk-tile-secondary:not(.uk-preserve-color) .uk-h5,.uk-tile-secondary:not(.uk-preserve-color) .uk-h6,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-2xlarge,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-large,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-medium,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-small,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-xlarge,.uk-tile-secondary:not(.uk-preserve-color) h1,.uk-tile-secondary:not(.uk-preserve-color) h2,.uk-tile-secondary:not(.uk-preserve-color) h3,.uk-tile-secondary:not(.uk-preserve-color) h4,.uk-tile-secondary:not(.uk-preserve-color) h5,.uk-tile-secondary:not(.uk-preserve-color) h6{color:#fff}.uk-card-primary.uk-card-body blockquote,.uk-card-primary>:not([class*=uk-card-media]) blockquote,.uk-card-secondary.uk-card-body blockquote,.uk-card-secondary>:not([class*=uk-card-media]) blockquote,.uk-light blockquote,.uk-offcanvas-bar blockquote,.uk-overlay-primary blockquote,.uk-section-primary:not(.uk-preserve-color) blockquote,.uk-section-secondary:not(.uk-preserve-color) blockquote,.uk-tile-primary:not(.uk-preserve-color) blockquote,.uk-tile-secondary:not(.uk-preserve-color) blockquote{color:#fff}.uk-card-primary.uk-card-body blockquote footer,.uk-card-primary>:not([class*=uk-card-media]) blockquote footer,.uk-card-secondary.uk-card-body blockquote footer,.uk-card-secondary>:not([class*=uk-card-media]) blockquote footer,.uk-light blockquote footer,.uk-offcanvas-bar blockquote footer,.uk-overlay-primary blockquote footer,.uk-section-primary:not(.uk-preserve-color) blockquote footer,.uk-section-secondary:not(.uk-preserve-color) blockquote footer,.uk-tile-primary:not(.uk-preserve-color) blockquote footer,.uk-tile-secondary:not(.uk-preserve-color) blockquote footer{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-hr,.uk-card-primary.uk-card-body hr,.uk-card-primary>:not([class*=uk-card-media]) .uk-hr,.uk-card-primary>:not([class*=uk-card-media]) hr,.uk-card-secondary.uk-card-body .uk-hr,.uk-card-secondary.uk-card-body hr,.uk-card-secondary>:not([class*=uk-card-media]) .uk-hr,.uk-card-secondary>:not([class*=uk-card-media]) hr,.uk-light .uk-hr,.uk-light hr,.uk-offcanvas-bar .uk-hr,.uk-offcanvas-bar hr,.uk-overlay-primary .uk-hr,.uk-overlay-primary hr,.uk-section-primary:not(.uk-preserve-color) .uk-hr,.uk-section-primary:not(.uk-preserve-color) hr,.uk-section-secondary:not(.uk-preserve-color) .uk-hr,.uk-section-secondary:not(.uk-preserve-color) hr,.uk-tile-primary:not(.uk-preserve-color) .uk-hr,.uk-tile-primary:not(.uk-preserve-color) hr,.uk-tile-secondary:not(.uk-preserve-color) .uk-hr,.uk-tile-secondary:not(.uk-preserve-color) hr{border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-link-muted,.uk-card-primary.uk-card-body .uk-link-muted a,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-muted,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-muted a,.uk-card-secondary.uk-card-body .uk-link-muted,.uk-card-secondary.uk-card-body .uk-link-muted a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-muted,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-muted a,.uk-light .uk-link-muted,.uk-light .uk-link-muted a,.uk-offcanvas-bar .uk-link-muted,.uk-offcanvas-bar .uk-link-muted a,.uk-overlay-primary .uk-link-muted,.uk-overlay-primary .uk-link-muted a,.uk-section-primary:not(.uk-preserve-color) .uk-link-muted,.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a,.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted,.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a,.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted,.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-link-muted a:hover,.uk-card-primary.uk-card-body .uk-link-muted:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-muted a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-muted:hover,.uk-card-secondary.uk-card-body .uk-link-muted a:hover,.uk-card-secondary.uk-card-body .uk-link-muted:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-muted a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-muted:hover,.uk-light .uk-link-muted a:hover,.uk-light .uk-link-muted:hover,.uk-offcanvas-bar .uk-link-muted a:hover,.uk-offcanvas-bar .uk-link-muted:hover,.uk-overlay-primary .uk-link-muted a:hover,.uk-overlay-primary .uk-link-muted:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-muted:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-link-text a:hover,.uk-card-primary.uk-card-body .uk-link-text:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-text a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-text:hover,.uk-card-secondary.uk-card-body .uk-link-text a:hover,.uk-card-secondary.uk-card-body .uk-link-text:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-text a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-text:hover,.uk-light .uk-link-text a:hover,.uk-light .uk-link-text:hover,.uk-offcanvas-bar .uk-link-text a:hover,.uk-offcanvas-bar .uk-link-text:hover,.uk-overlay-primary .uk-link-text a:hover,.uk-overlay-primary .uk-link-text:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-text a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-text:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-text a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-text:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-text a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-text:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-text a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-text:hover{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-link-heading a:hover,.uk-card-primary.uk-card-body .uk-link-heading:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-heading a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-heading:hover,.uk-card-secondary.uk-card-body .uk-link-heading a:hover,.uk-card-secondary.uk-card-body .uk-link-heading:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-heading a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-heading:hover,.uk-light .uk-link-heading a:hover,.uk-light .uk-link-heading:hover,.uk-offcanvas-bar .uk-link-heading a:hover,.uk-offcanvas-bar .uk-link-heading:hover,.uk-overlay-primary .uk-link-heading a:hover,.uk-overlay-primary .uk-link-heading:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-heading a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-heading:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-heading a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-heading:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-heading a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-heading:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-heading a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-heading:hover{color:#fff}.uk-card-primary.uk-card-body .uk-heading-divider,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-divider,.uk-card-secondary.uk-card-body .uk-heading-divider,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-divider,.uk-light .uk-heading-divider,.uk-offcanvas-bar .uk-heading-divider,.uk-overlay-primary .uk-heading-divider,.uk-section-primary:not(.uk-preserve-color) .uk-heading-divider,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-divider,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-divider,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-divider{border-bottom-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-heading-bullet::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-bullet::before,.uk-card-secondary.uk-card-body .uk-heading-bullet::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-bullet::before,.uk-light .uk-heading-bullet::before,.uk-offcanvas-bar .uk-heading-bullet::before,.uk-overlay-primary .uk-heading-bullet::before,.uk-section-primary:not(.uk-preserve-color) .uk-heading-bullet::before,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-bullet::before,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-bullet::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-bullet::before{border-right-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-heading-line>::after,.uk-card-primary.uk-card-body .uk-heading-line>::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-line>::after,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-line>::before,.uk-card-secondary.uk-card-body .uk-heading-line>::after,.uk-card-secondary.uk-card-body .uk-heading-line>::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-line>::after,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-line>::before,.uk-light .uk-heading-line>::after,.uk-light .uk-heading-line>::before,.uk-offcanvas-bar .uk-heading-line>::after,.uk-offcanvas-bar .uk-heading-line>::before,.uk-overlay-primary .uk-heading-line>::after,.uk-overlay-primary .uk-heading-line>::before,.uk-section-primary:not(.uk-preserve-color) .uk-heading-line>::after,.uk-section-primary:not(.uk-preserve-color) .uk-heading-line>::before,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line>::after,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line>::before,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line>::after,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line>::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line>::after,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line>::before{border-bottom-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-divider-icon,.uk-card-primary>:not([class*=uk-card-media]) .uk-divider-icon,.uk-card-secondary.uk-card-body .uk-divider-icon,.uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-icon,.uk-light .uk-divider-icon,.uk-offcanvas-bar .uk-divider-icon,.uk-overlay-primary .uk-divider-icon,.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon,.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon,.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon,.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.2%29%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-card-primary.uk-card-body .uk-divider-icon::after,.uk-card-primary.uk-card-body .uk-divider-icon::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-divider-icon::after,.uk-card-primary>:not([class*=uk-card-media]) .uk-divider-icon::before,.uk-card-secondary.uk-card-body .uk-divider-icon::after,.uk-card-secondary.uk-card-body .uk-divider-icon::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-icon::after,.uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-icon::before,.uk-light .uk-divider-icon::after,.uk-light .uk-divider-icon::before,.uk-offcanvas-bar .uk-divider-icon::after,.uk-offcanvas-bar .uk-divider-icon::before,.uk-overlay-primary .uk-divider-icon::after,.uk-overlay-primary .uk-divider-icon::before,.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::after,.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::before,.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::after,.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::before,.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::after,.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::after,.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::before{border-bottom-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-divider-small::after,.uk-card-primary>:not([class*=uk-card-media]) .uk-divider-small::after,.uk-card-secondary.uk-card-body .uk-divider-small::after,.uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-small::after,.uk-light .uk-divider-small::after,.uk-offcanvas-bar .uk-divider-small::after,.uk-overlay-primary .uk-divider-small::after,.uk-section-primary:not(.uk-preserve-color) .uk-divider-small::after,.uk-section-secondary:not(.uk-preserve-color) .uk-divider-small::after,.uk-tile-primary:not(.uk-preserve-color) .uk-divider-small::after,.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-small::after{border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-divider-vertical,.uk-card-primary>:not([class*=uk-card-media]) .uk-divider-vertical,.uk-card-secondary.uk-card-body .uk-divider-vertical,.uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-vertical,.uk-light .uk-divider-vertical,.uk-offcanvas-bar .uk-divider-vertical,.uk-overlay-primary .uk-divider-vertical,.uk-section-primary:not(.uk-preserve-color) .uk-divider-vertical,.uk-section-secondary:not(.uk-preserve-color) .uk-divider-vertical,.uk-tile-primary:not(.uk-preserve-color) .uk-divider-vertical,.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-vertical{border-right-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-list-muted>::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-list-muted>::before,.uk-card-secondary.uk-card-body .uk-list-muted>::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-muted>::before,.uk-light .uk-list-muted>::before,.uk-offcanvas-bar .uk-list-muted>::before,.uk-overlay-primary .uk-list-muted>::before,.uk-section-primary:not(.uk-preserve-color) .uk-list-muted>::before,.uk-section-secondary:not(.uk-preserve-color) .uk-list-muted>::before,.uk-tile-primary:not(.uk-preserve-color) .uk-list-muted>::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-muted>::before{color:rgba(255,255,255,.5)!important}.uk-card-primary.uk-card-body .uk-list-emphasis>::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-list-emphasis>::before,.uk-card-secondary.uk-card-body .uk-list-emphasis>::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-emphasis>::before,.uk-light .uk-list-emphasis>::before,.uk-offcanvas-bar .uk-list-emphasis>::before,.uk-overlay-primary .uk-list-emphasis>::before,.uk-section-primary:not(.uk-preserve-color) .uk-list-emphasis>::before,.uk-section-secondary:not(.uk-preserve-color) .uk-list-emphasis>::before,.uk-tile-primary:not(.uk-preserve-color) .uk-list-emphasis>::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-emphasis>::before{color:#fff!important}.uk-card-primary.uk-card-body .uk-list-primary>::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-list-primary>::before,.uk-card-secondary.uk-card-body .uk-list-primary>::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-primary>::before,.uk-light .uk-list-primary>::before,.uk-offcanvas-bar .uk-list-primary>::before,.uk-overlay-primary .uk-list-primary>::before,.uk-section-primary:not(.uk-preserve-color) .uk-list-primary>::before,.uk-section-secondary:not(.uk-preserve-color) .uk-list-primary>::before,.uk-tile-primary:not(.uk-preserve-color) .uk-list-primary>::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-primary>::before{color:#fff!important}.uk-card-primary.uk-card-body .uk-list-secondary>::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-list-secondary>::before,.uk-card-secondary.uk-card-body .uk-list-secondary>::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-secondary>::before,.uk-light .uk-list-secondary>::before,.uk-offcanvas-bar .uk-list-secondary>::before,.uk-overlay-primary .uk-list-secondary>::before,.uk-section-primary:not(.uk-preserve-color) .uk-list-secondary>::before,.uk-section-secondary:not(.uk-preserve-color) .uk-list-secondary>::before,.uk-tile-primary:not(.uk-preserve-color) .uk-list-secondary>::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-secondary>::before{color:#fff!important}.uk-card-primary.uk-card-body .uk-list-bullet>::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-list-bullet>::before,.uk-card-secondary.uk-card-body .uk-list-bullet>::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-bullet>::before,.uk-light .uk-list-bullet>::before,.uk-offcanvas-bar .uk-list-bullet>::before,.uk-overlay-primary .uk-list-bullet>::before,.uk-section-primary:not(.uk-preserve-color) .uk-list-bullet>::before,.uk-section-secondary:not(.uk-preserve-color) .uk-list-bullet>::before,.uk-tile-primary:not(.uk-preserve-color) .uk-list-bullet>::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-bullet>::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-card-primary.uk-card-body .uk-list-divider>:nth-child(n+2),.uk-card-primary>:not([class*=uk-card-media]) .uk-list-divider>:nth-child(n+2),.uk-card-secondary.uk-card-body .uk-list-divider>:nth-child(n+2),.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-divider>:nth-child(n+2),.uk-light .uk-list-divider>:nth-child(n+2),.uk-offcanvas-bar .uk-list-divider>:nth-child(n+2),.uk-overlay-primary .uk-list-divider>:nth-child(n+2),.uk-section-primary:not(.uk-preserve-color) .uk-list-divider>:nth-child(n+2),.uk-section-secondary:not(.uk-preserve-color) .uk-list-divider>:nth-child(n+2),.uk-tile-primary:not(.uk-preserve-color) .uk-list-divider>:nth-child(n+2),.uk-tile-secondary:not(.uk-preserve-color) .uk-list-divider>:nth-child(n+2){border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-list-striped>:nth-of-type(odd),.uk-card-primary>:not([class*=uk-card-media]) .uk-list-striped>:nth-of-type(odd),.uk-card-secondary.uk-card-body .uk-list-striped>:nth-of-type(odd),.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-striped>:nth-of-type(odd),.uk-light .uk-list-striped>:nth-of-type(odd),.uk-offcanvas-bar .uk-list-striped>:nth-of-type(odd),.uk-overlay-primary .uk-list-striped>:nth-of-type(odd),.uk-section-primary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),.uk-section-secondary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),.uk-tile-primary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),.uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd){border-top-color:rgba(255,255,255,.2);border-bottom-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-list-striped>:nth-of-type(odd),.uk-card-primary>:not([class*=uk-card-media]) .uk-list-striped>:nth-of-type(odd),.uk-card-secondary.uk-card-body .uk-list-striped>:nth-of-type(odd),.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-striped>:nth-of-type(odd),.uk-light .uk-list-striped>:nth-of-type(odd),.uk-offcanvas-bar .uk-list-striped>:nth-of-type(odd),.uk-overlay-primary .uk-list-striped>:nth-of-type(odd),.uk-section-primary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),.uk-section-secondary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),.uk-tile-primary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),.uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd){background-color:rgba(255,255,255,.1)}.uk-card-primary.uk-card-body .uk-table th,.uk-card-primary>:not([class*=uk-card-media]) .uk-table th,.uk-card-secondary.uk-card-body .uk-table th,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table th,.uk-light .uk-table th,.uk-offcanvas-bar .uk-table th,.uk-overlay-primary .uk-table th,.uk-section-primary:not(.uk-preserve-color) .uk-table th,.uk-section-secondary:not(.uk-preserve-color) .uk-table th,.uk-tile-primary:not(.uk-preserve-color) .uk-table th,.uk-tile-secondary:not(.uk-preserve-color) .uk-table th{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-table caption,.uk-card-primary>:not([class*=uk-card-media]) .uk-table caption,.uk-card-secondary.uk-card-body .uk-table caption,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table caption,.uk-light .uk-table caption,.uk-offcanvas-bar .uk-table caption,.uk-overlay-primary .uk-table caption,.uk-section-primary:not(.uk-preserve-color) .uk-table caption,.uk-section-secondary:not(.uk-preserve-color) .uk-table caption,.uk-tile-primary:not(.uk-preserve-color) .uk-table caption,.uk-tile-secondary:not(.uk-preserve-color) .uk-table caption{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-table tbody tr.uk-active,.uk-card-primary.uk-card-body .uk-table>tr.uk-active,.uk-card-primary>:not([class*=uk-card-media]) .uk-table tbody tr.uk-active,.uk-card-primary>:not([class*=uk-card-media]) .uk-table>tr.uk-active,.uk-card-secondary.uk-card-body .uk-table tbody tr.uk-active,.uk-card-secondary.uk-card-body .uk-table>tr.uk-active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table tbody tr.uk-active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table>tr.uk-active,.uk-light .uk-table tbody tr.uk-active,.uk-light .uk-table>tr.uk-active,.uk-offcanvas-bar .uk-table tbody tr.uk-active,.uk-offcanvas-bar .uk-table>tr.uk-active,.uk-overlay-primary .uk-table tbody tr.uk-active,.uk-overlay-primary .uk-table>tr.uk-active,.uk-section-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,.uk-section-primary:not(.uk-preserve-color) .uk-table>tr.uk-active,.uk-section-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,.uk-section-secondary:not(.uk-preserve-color) .uk-table>tr.uk-active,.uk-tile-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,.uk-tile-primary:not(.uk-preserve-color) .uk-table>tr.uk-active,.uk-tile-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,.uk-tile-secondary:not(.uk-preserve-color) .uk-table>tr.uk-active{background:rgba(255,255,255,.08)}.uk-card-primary.uk-card-body .uk-table-divider>:first-child>tr:not(:first-child),.uk-card-primary.uk-card-body .uk-table-divider>:not(:first-child)>tr,.uk-card-primary.uk-card-body .uk-table-divider>tr:not(:first-child),.uk-card-primary>:not([class*=uk-card-media]) .uk-table-divider>:first-child>tr:not(:first-child),.uk-card-primary>:not([class*=uk-card-media]) .uk-table-divider>:not(:first-child)>tr,.uk-card-primary>:not([class*=uk-card-media]) .uk-table-divider>tr:not(:first-child),.uk-card-secondary.uk-card-body .uk-table-divider>:first-child>tr:not(:first-child),.uk-card-secondary.uk-card-body .uk-table-divider>:not(:first-child)>tr,.uk-card-secondary.uk-card-body .uk-table-divider>tr:not(:first-child),.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-divider>:first-child>tr:not(:first-child),.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-divider>:not(:first-child)>tr,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-divider>tr:not(:first-child),.uk-light .uk-table-divider>:first-child>tr:not(:first-child),.uk-light .uk-table-divider>:not(:first-child)>tr,.uk-light .uk-table-divider>tr:not(:first-child),.uk-offcanvas-bar .uk-table-divider>:first-child>tr:not(:first-child),.uk-offcanvas-bar .uk-table-divider>:not(:first-child)>tr,.uk-offcanvas-bar .uk-table-divider>tr:not(:first-child),.uk-overlay-primary .uk-table-divider>:first-child>tr:not(:first-child),.uk-overlay-primary .uk-table-divider>:not(:first-child)>tr,.uk-overlay-primary .uk-table-divider>tr:not(:first-child),.uk-section-primary:not(.uk-preserve-color) .uk-table-divider>:first-child>tr:not(:first-child),.uk-section-primary:not(.uk-preserve-color) .uk-table-divider>:not(:first-child)>tr,.uk-section-primary:not(.uk-preserve-color) .uk-table-divider>tr:not(:first-child),.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider>:first-child>tr:not(:first-child),.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider>:not(:first-child)>tr,.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider>tr:not(:first-child),.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider>:first-child>tr:not(:first-child),.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider>:not(:first-child)>tr,.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider>tr:not(:first-child),.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider>:first-child>tr:not(:first-child),.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider>:not(:first-child)>tr,.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider>tr:not(:first-child){border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd),.uk-card-primary.uk-card-body .uk-table-striped>tr:nth-of-type(odd),.uk-card-primary>:not([class*=uk-card-media]) .uk-table-striped tbody tr:nth-of-type(odd),.uk-card-primary>:not([class*=uk-card-media]) .uk-table-striped>tr:nth-of-type(odd),.uk-card-secondary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd),.uk-card-secondary.uk-card-body .uk-table-striped>tr:nth-of-type(odd),.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-striped tbody tr:nth-of-type(odd),.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-striped>tr:nth-of-type(odd),.uk-light .uk-table-striped tbody tr:nth-of-type(odd),.uk-light .uk-table-striped>tr:nth-of-type(odd),.uk-offcanvas-bar .uk-table-striped tbody tr:nth-of-type(odd),.uk-offcanvas-bar .uk-table-striped>tr:nth-of-type(odd),.uk-overlay-primary .uk-table-striped tbody tr:nth-of-type(odd),.uk-overlay-primary .uk-table-striped>tr:nth-of-type(odd),.uk-section-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),.uk-section-primary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(odd),.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(odd),.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(odd),.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(odd){background:rgba(255,255,255,.1);border-top-color:rgba(255,255,255,.2);border-bottom-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-table-hover tbody tr:hover,.uk-card-primary.uk-card-body .uk-table-hover>tr:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-table-hover tbody tr:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-table-hover>tr:hover,.uk-card-secondary.uk-card-body .uk-table-hover tbody tr:hover,.uk-card-secondary.uk-card-body .uk-table-hover>tr:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-hover tbody tr:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-hover>tr:hover,.uk-light .uk-table-hover tbody tr:hover,.uk-light .uk-table-hover>tr:hover,.uk-offcanvas-bar .uk-table-hover tbody tr:hover,.uk-offcanvas-bar .uk-table-hover>tr:hover,.uk-overlay-primary .uk-table-hover tbody tr:hover,.uk-overlay-primary .uk-table-hover>tr:hover,.uk-section-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,.uk-section-primary:not(.uk-preserve-color) .uk-table-hover>tr:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-table-hover>tr:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-table-hover>tr:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover>tr:hover{background:rgba(255,255,255,.08)}.uk-card-primary.uk-card-body .uk-icon-link,.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-link,.uk-card-secondary.uk-card-body .uk-icon-link,.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-link,.uk-light .uk-icon-link,.uk-offcanvas-bar .uk-icon-link,.uk-overlay-primary .uk-icon-link,.uk-section-primary:not(.uk-preserve-color) .uk-icon-link,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-icon-link:focus,.uk-card-primary.uk-card-body .uk-icon-link:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-link:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-link:hover,.uk-card-secondary.uk-card-body .uk-icon-link:focus,.uk-card-secondary.uk-card-body .uk-icon-link:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-link:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-link:hover,.uk-light .uk-icon-link:focus,.uk-light .uk-icon-link:hover,.uk-offcanvas-bar .uk-icon-link:focus,.uk-offcanvas-bar .uk-icon-link:hover,.uk-overlay-primary .uk-icon-link:focus,.uk-overlay-primary .uk-icon-link:hover,.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:focus,.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-active>.uk-icon-link,.uk-card-primary.uk-card-body .uk-icon-link:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-active>.uk-icon-link,.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-link:active,.uk-card-secondary.uk-card-body .uk-active>.uk-icon-link,.uk-card-secondary.uk-card-body .uk-icon-link:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-active>.uk-icon-link,.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-link:active,.uk-light .uk-active>.uk-icon-link,.uk-light .uk-icon-link:active,.uk-offcanvas-bar .uk-active>.uk-icon-link,.uk-offcanvas-bar .uk-icon-link:active,.uk-overlay-primary .uk-active>.uk-icon-link,.uk-overlay-primary .uk-icon-link:active,.uk-section-primary:not(.uk-preserve-color) .uk-active>.uk-icon-link,.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:active,.uk-section-secondary:not(.uk-preserve-color) .uk-active>.uk-icon-link,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:active,.uk-tile-primary:not(.uk-preserve-color) .uk-active>.uk-icon-link,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-active>.uk-icon-link,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:active{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-icon-button,.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-button,.uk-card-secondary.uk-card-body .uk-icon-button,.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-button,.uk-light .uk-icon-button,.uk-offcanvas-bar .uk-icon-button,.uk-overlay-primary .uk-icon-button,.uk-section-primary:not(.uk-preserve-color) .uk-icon-button,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button{background-color:rgba(255,255,255,.1);color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-icon-button:focus,.uk-card-primary.uk-card-body .uk-icon-button:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-button:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-button:hover,.uk-card-secondary.uk-card-body .uk-icon-button:focus,.uk-card-secondary.uk-card-body .uk-icon-button:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-button:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-button:hover,.uk-light .uk-icon-button:focus,.uk-light .uk-icon-button:hover,.uk-offcanvas-bar .uk-icon-button:focus,.uk-offcanvas-bar .uk-icon-button:hover,.uk-overlay-primary .uk-icon-button:focus,.uk-overlay-primary .uk-icon-button:hover,.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:focus,.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:hover{background-color:rgba(242,242,242,.1);color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-icon-button:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-button:active,.uk-card-secondary.uk-card-body .uk-icon-button:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-button:active,.uk-light .uk-icon-button:active,.uk-offcanvas-bar .uk-icon-button:active,.uk-overlay-primary .uk-icon-button:active,.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:active,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:active,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:active{background-color:rgba(230,230,230,.1);color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-input,.uk-card-primary.uk-card-body .uk-select,.uk-card-primary.uk-card-body .uk-textarea,.uk-card-primary>:not([class*=uk-card-media]) .uk-input,.uk-card-primary>:not([class*=uk-card-media]) .uk-select,.uk-card-primary>:not([class*=uk-card-media]) .uk-textarea,.uk-card-secondary.uk-card-body .uk-input,.uk-card-secondary.uk-card-body .uk-select,.uk-card-secondary.uk-card-body .uk-textarea,.uk-card-secondary>:not([class*=uk-card-media]) .uk-input,.uk-card-secondary>:not([class*=uk-card-media]) .uk-select,.uk-card-secondary>:not([class*=uk-card-media]) .uk-textarea,.uk-light .uk-input,.uk-light .uk-select,.uk-light .uk-textarea,.uk-offcanvas-bar .uk-input,.uk-offcanvas-bar .uk-select,.uk-offcanvas-bar .uk-textarea,.uk-overlay-primary .uk-input,.uk-overlay-primary .uk-select,.uk-overlay-primary .uk-textarea,.uk-section-primary:not(.uk-preserve-color) .uk-input,.uk-section-primary:not(.uk-preserve-color) .uk-select,.uk-section-primary:not(.uk-preserve-color) .uk-textarea,.uk-section-secondary:not(.uk-preserve-color) .uk-input,.uk-section-secondary:not(.uk-preserve-color) .uk-select,.uk-section-secondary:not(.uk-preserve-color) .uk-textarea,.uk-tile-primary:not(.uk-preserve-color) .uk-input,.uk-tile-primary:not(.uk-preserve-color) .uk-select,.uk-tile-primary:not(.uk-preserve-color) .uk-textarea,.uk-tile-secondary:not(.uk-preserve-color) .uk-input,.uk-tile-secondary:not(.uk-preserve-color) .uk-select,.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea{background-color:rgba(255,255,255,.1);color:rgba(255,255,255,.7);background-clip:padding-box;border-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-input:focus,.uk-card-primary.uk-card-body .uk-select:focus,.uk-card-primary.uk-card-body .uk-textarea:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-input:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-select:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-textarea:focus,.uk-card-secondary.uk-card-body .uk-input:focus,.uk-card-secondary.uk-card-body .uk-select:focus,.uk-card-secondary.uk-card-body .uk-textarea:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-input:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-select:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-textarea:focus,.uk-light .uk-input:focus,.uk-light .uk-select:focus,.uk-light .uk-textarea:focus,.uk-offcanvas-bar .uk-input:focus,.uk-offcanvas-bar .uk-select:focus,.uk-offcanvas-bar .uk-textarea:focus,.uk-overlay-primary .uk-input:focus,.uk-overlay-primary .uk-select:focus,.uk-overlay-primary .uk-textarea:focus,.uk-section-primary:not(.uk-preserve-color) .uk-input:focus,.uk-section-primary:not(.uk-preserve-color) .uk-select:focus,.uk-section-primary:not(.uk-preserve-color) .uk-textarea:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-input:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-select:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-textarea:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-input:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-select:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-textarea:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-input:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-select:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea:focus{background-color:rgba(255,255,255,.1);color:rgba(255,255,255,.7);border-color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-input::-ms-input-placeholder,.uk-card-primary>:not([class*=uk-card-media]) .uk-input::-ms-input-placeholder,.uk-card-secondary.uk-card-body .uk-input::-ms-input-placeholder,.uk-card-secondary>:not([class*=uk-card-media]) .uk-input::-ms-input-placeholder,.uk-light .uk-input::-ms-input-placeholder,.uk-offcanvas-bar .uk-input::-ms-input-placeholder,.uk-overlay-primary .uk-input::-ms-input-placeholder,.uk-section-primary:not(.uk-preserve-color) .uk-input::-ms-input-placeholder,.uk-section-secondary:not(.uk-preserve-color) .uk-input::-ms-input-placeholder,.uk-tile-primary:not(.uk-preserve-color) .uk-input::-ms-input-placeholder,.uk-tile-secondary:not(.uk-preserve-color) .uk-input::-ms-input-placeholder{color:rgba(255,255,255,.5)!important}.uk-card-primary.uk-card-body .uk-input::placeholder,.uk-card-primary>:not([class*=uk-card-media]) .uk-input::placeholder,.uk-card-secondary.uk-card-body .uk-input::placeholder,.uk-card-secondary>:not([class*=uk-card-media]) .uk-input::placeholder,.uk-light .uk-input::placeholder,.uk-offcanvas-bar .uk-input::placeholder,.uk-overlay-primary .uk-input::placeholder,.uk-section-primary:not(.uk-preserve-color) .uk-input::placeholder,.uk-section-secondary:not(.uk-preserve-color) .uk-input::placeholder,.uk-tile-primary:not(.uk-preserve-color) .uk-input::placeholder,.uk-tile-secondary:not(.uk-preserve-color) .uk-input::placeholder{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-textarea::-ms-input-placeholder,.uk-card-primary>:not([class*=uk-card-media]) .uk-textarea::-ms-input-placeholder,.uk-card-secondary.uk-card-body .uk-textarea::-ms-input-placeholder,.uk-card-secondary>:not([class*=uk-card-media]) .uk-textarea::-ms-input-placeholder,.uk-light .uk-textarea::-ms-input-placeholder,.uk-offcanvas-bar .uk-textarea::-ms-input-placeholder,.uk-overlay-primary .uk-textarea::-ms-input-placeholder,.uk-section-primary:not(.uk-preserve-color) .uk-textarea::-ms-input-placeholder,.uk-section-secondary:not(.uk-preserve-color) .uk-textarea::-ms-input-placeholder,.uk-tile-primary:not(.uk-preserve-color) .uk-textarea::-ms-input-placeholder,.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::-ms-input-placeholder{color:rgba(255,255,255,.5)!important}.uk-card-primary.uk-card-body .uk-textarea::placeholder,.uk-card-primary>:not([class*=uk-card-media]) .uk-textarea::placeholder,.uk-card-secondary.uk-card-body .uk-textarea::placeholder,.uk-card-secondary>:not([class*=uk-card-media]) .uk-textarea::placeholder,.uk-light .uk-textarea::placeholder,.uk-offcanvas-bar .uk-textarea::placeholder,.uk-overlay-primary .uk-textarea::placeholder,.uk-section-primary:not(.uk-preserve-color) .uk-textarea::placeholder,.uk-section-secondary:not(.uk-preserve-color) .uk-textarea::placeholder,.uk-tile-primary:not(.uk-preserve-color) .uk-textarea::placeholder,.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::placeholder{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-select:not([multiple]):not([size]),.uk-card-primary>:not([class*=uk-card-media]) .uk-select:not([multiple]):not([size]),.uk-card-secondary.uk-card-body .uk-select:not([multiple]):not([size]),.uk-card-secondary>:not([class*=uk-card-media]) .uk-select:not([multiple]):not([size]),.uk-light .uk-select:not([multiple]):not([size]),.uk-offcanvas-bar .uk-select:not([multiple]):not([size]),.uk-overlay-primary .uk-select:not([multiple]):not([size]),.uk-section-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),.uk-section-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),.uk-tile-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),.uk-tile-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]){background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-card-primary.uk-card-body .uk-input[list]:focus,.uk-card-primary.uk-card-body .uk-input[list]:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-input[list]:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-input[list]:hover,.uk-card-secondary.uk-card-body .uk-input[list]:focus,.uk-card-secondary.uk-card-body .uk-input[list]:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-input[list]:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-input[list]:hover,.uk-light .uk-input[list]:focus,.uk-light .uk-input[list]:hover,.uk-offcanvas-bar .uk-input[list]:focus,.uk-offcanvas-bar .uk-input[list]:hover,.uk-overlay-primary .uk-input[list]:focus,.uk-overlay-primary .uk-input[list]:hover,.uk-section-primary:not(.uk-preserve-color) .uk-input[list]:focus,.uk-section-primary:not(.uk-preserve-color) .uk-input[list]:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:hover{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-card-primary.uk-card-body .uk-checkbox,.uk-card-primary.uk-card-body .uk-radio,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox,.uk-card-primary>:not([class*=uk-card-media]) .uk-radio,.uk-card-secondary.uk-card-body .uk-checkbox,.uk-card-secondary.uk-card-body .uk-radio,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox,.uk-card-secondary>:not([class*=uk-card-media]) .uk-radio,.uk-light .uk-checkbox,.uk-light .uk-radio,.uk-offcanvas-bar .uk-checkbox,.uk-offcanvas-bar .uk-radio,.uk-overlay-primary .uk-checkbox,.uk-overlay-primary .uk-radio,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox,.uk-section-primary:not(.uk-preserve-color) .uk-radio,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox,.uk-section-secondary:not(.uk-preserve-color) .uk-radio,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox,.uk-tile-primary:not(.uk-preserve-color) .uk-radio,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox,.uk-tile-secondary:not(.uk-preserve-color) .uk-radio{background-color:rgba(242,242,242,.1);border-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-checkbox:focus,.uk-card-primary.uk-card-body .uk-radio:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-radio:focus,.uk-card-secondary.uk-card-body .uk-checkbox:focus,.uk-card-secondary.uk-card-body .uk-radio:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-radio:focus,.uk-light .uk-checkbox:focus,.uk-light .uk-radio:focus,.uk-offcanvas-bar .uk-checkbox:focus,.uk-offcanvas-bar .uk-radio:focus,.uk-overlay-primary .uk-checkbox:focus,.uk-overlay-primary .uk-radio:focus,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:focus,.uk-section-primary:not(.uk-preserve-color) .uk-radio:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-radio:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-radio:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:focus{border-color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-checkbox:checked,.uk-card-primary.uk-card-body .uk-checkbox:indeterminate,.uk-card-primary.uk-card-body .uk-radio:checked,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:checked,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate,.uk-card-primary>:not([class*=uk-card-media]) .uk-radio:checked,.uk-card-secondary.uk-card-body .uk-checkbox:checked,.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate,.uk-card-secondary.uk-card-body .uk-radio:checked,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:checked,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate,.uk-card-secondary>:not([class*=uk-card-media]) .uk-radio:checked,.uk-light .uk-checkbox:checked,.uk-light .uk-checkbox:indeterminate,.uk-light .uk-radio:checked,.uk-offcanvas-bar .uk-checkbox:checked,.uk-offcanvas-bar .uk-checkbox:indeterminate,.uk-offcanvas-bar .uk-radio:checked,.uk-overlay-primary .uk-checkbox:checked,.uk-overlay-primary .uk-checkbox:indeterminate,.uk-overlay-primary .uk-radio:checked,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked{background-color:#fff;border-color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-checkbox:checked:focus,.uk-card-primary.uk-card-body .uk-checkbox:indeterminate:focus,.uk-card-primary.uk-card-body .uk-radio:checked:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:checked:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-radio:checked:focus,.uk-card-secondary.uk-card-body .uk-checkbox:checked:focus,.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate:focus,.uk-card-secondary.uk-card-body .uk-radio:checked:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:checked:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-radio:checked:focus,.uk-light .uk-checkbox:checked:focus,.uk-light .uk-checkbox:indeterminate:focus,.uk-light .uk-radio:checked:focus,.uk-offcanvas-bar .uk-checkbox:checked:focus,.uk-offcanvas-bar .uk-checkbox:indeterminate:focus,.uk-offcanvas-bar .uk-radio:checked:focus,.uk-overlay-primary .uk-checkbox:checked:focus,.uk-overlay-primary .uk-checkbox:indeterminate:focus,.uk-overlay-primary .uk-radio:checked:focus,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked:focus{background-color:#e6e6e6}.uk-card-primary.uk-card-body .uk-radio:checked,.uk-card-primary>:not([class*=uk-card-media]) .uk-radio:checked,.uk-card-secondary.uk-card-body .uk-radio:checked,.uk-card-secondary>:not([class*=uk-card-media]) .uk-radio:checked,.uk-light .uk-radio:checked,.uk-offcanvas-bar .uk-radio:checked,.uk-overlay-primary .uk-radio:checked,.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked,.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked,.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked,.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-card-primary.uk-card-body .uk-checkbox:checked,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:checked,.uk-card-secondary.uk-card-body .uk-checkbox:checked,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:checked,.uk-light .uk-checkbox:checked,.uk-offcanvas-bar .uk-checkbox:checked,.uk-overlay-primary .uk-checkbox:checked,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-card-primary.uk-card-body .uk-checkbox:indeterminate,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate,.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate,.uk-light .uk-checkbox:indeterminate,.uk-offcanvas-bar .uk-checkbox:indeterminate,.uk-overlay-primary .uk-checkbox:indeterminate,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-card-primary.uk-card-body .uk-form-label,.uk-card-primary>:not([class*=uk-card-media]) .uk-form-label,.uk-card-secondary.uk-card-body .uk-form-label,.uk-card-secondary>:not([class*=uk-card-media]) .uk-form-label,.uk-light .uk-form-label,.uk-offcanvas-bar .uk-form-label,.uk-overlay-primary .uk-form-label,.uk-section-primary:not(.uk-preserve-color) .uk-form-label,.uk-section-secondary:not(.uk-preserve-color) .uk-form-label,.uk-tile-primary:not(.uk-preserve-color) .uk-form-label,.uk-tile-secondary:not(.uk-preserve-color) .uk-form-label{color:#fff}.uk-card-primary.uk-card-body .uk-form-icon,.uk-card-primary>:not([class*=uk-card-media]) .uk-form-icon,.uk-card-secondary.uk-card-body .uk-form-icon,.uk-card-secondary>:not([class*=uk-card-media]) .uk-form-icon,.uk-light .uk-form-icon,.uk-offcanvas-bar .uk-form-icon,.uk-overlay-primary .uk-form-icon,.uk-section-primary:not(.uk-preserve-color) .uk-form-icon,.uk-section-secondary:not(.uk-preserve-color) .uk-form-icon,.uk-tile-primary:not(.uk-preserve-color) .uk-form-icon,.uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-form-icon:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-form-icon:hover,.uk-card-secondary.uk-card-body .uk-form-icon:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-form-icon:hover,.uk-light .uk-form-icon:hover,.uk-offcanvas-bar .uk-form-icon:hover,.uk-overlay-primary .uk-form-icon:hover,.uk-section-primary:not(.uk-preserve-color) .uk-form-icon:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-form-icon:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-form-icon:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-button-default,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-default,.uk-card-secondary.uk-card-body .uk-button-default,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default,.uk-light .uk-button-default,.uk-offcanvas-bar .uk-button-default,.uk-overlay-primary .uk-button-default,.uk-section-primary:not(.uk-preserve-color) .uk-button-default,.uk-section-secondary:not(.uk-preserve-color) .uk-button-default,.uk-tile-primary:not(.uk-preserve-color) .uk-button-default,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default{background-color:transparent;color:#fff;border-color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-button-default:focus,.uk-card-primary.uk-card-body .uk-button-default:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-default:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-default:hover,.uk-card-secondary.uk-card-body .uk-button-default:focus,.uk-card-secondary.uk-card-body .uk-button-default:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default:hover,.uk-light .uk-button-default:focus,.uk-light .uk-button-default:hover,.uk-offcanvas-bar .uk-button-default:focus,.uk-offcanvas-bar .uk-button-default:hover,.uk-overlay-primary .uk-button-default:focus,.uk-overlay-primary .uk-button-default:hover,.uk-section-primary:not(.uk-preserve-color) .uk-button-default:focus,.uk-section-primary:not(.uk-preserve-color) .uk-button-default:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:hover{background-color:transparent;color:#fff;border-color:#fff}.uk-card-primary.uk-card-body .uk-button-default.uk-active,.uk-card-primary.uk-card-body .uk-button-default:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-default.uk-active,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-default:active,.uk-card-secondary.uk-card-body .uk-button-default.uk-active,.uk-card-secondary.uk-card-body .uk-button-default:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default.uk-active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default:active,.uk-light .uk-button-default.uk-active,.uk-light .uk-button-default:active,.uk-offcanvas-bar .uk-button-default.uk-active,.uk-offcanvas-bar .uk-button-default:active,.uk-overlay-primary .uk-button-default.uk-active,.uk-overlay-primary .uk-button-default:active,.uk-section-primary:not(.uk-preserve-color) .uk-button-default.uk-active,.uk-section-primary:not(.uk-preserve-color) .uk-button-default:active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-default.uk-active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-default.uk-active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default.uk-active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:active{background-color:transparent;color:#fff;border-color:#fff}.uk-card-primary.uk-card-body .uk-button-primary,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary,.uk-card-secondary.uk-card-body .uk-button-primary,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary,.uk-light .uk-button-primary,.uk-offcanvas-bar .uk-button-primary,.uk-overlay-primary .uk-button-primary,.uk-section-primary:not(.uk-preserve-color) .uk-button-primary,.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary,.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary{background-color:#fff;color:#666}.uk-card-primary.uk-card-body .uk-button-primary:focus,.uk-card-primary.uk-card-body .uk-button-primary:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary:hover,.uk-card-secondary.uk-card-body .uk-button-primary:focus,.uk-card-secondary.uk-card-body .uk-button-primary:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary:hover,.uk-light .uk-button-primary:focus,.uk-light .uk-button-primary:hover,.uk-offcanvas-bar .uk-button-primary:focus,.uk-offcanvas-bar .uk-button-primary:hover,.uk-overlay-primary .uk-button-primary:focus,.uk-overlay-primary .uk-button-primary:hover,.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:focus,.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:hover{background-color:#f2f2f2;color:#666}.uk-card-primary.uk-card-body .uk-button-primary.uk-active,.uk-card-primary.uk-card-body .uk-button-primary:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary.uk-active,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary:active,.uk-card-secondary.uk-card-body .uk-button-primary.uk-active,.uk-card-secondary.uk-card-body .uk-button-primary:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary.uk-active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary:active,.uk-light .uk-button-primary.uk-active,.uk-light .uk-button-primary:active,.uk-offcanvas-bar .uk-button-primary.uk-active,.uk-offcanvas-bar .uk-button-primary:active,.uk-overlay-primary .uk-button-primary.uk-active,.uk-overlay-primary .uk-button-primary:active,.uk-section-primary:not(.uk-preserve-color) .uk-button-primary.uk-active,.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary.uk-active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:active{background-color:#e6e6e6;color:#666}.uk-card-primary.uk-card-body .uk-button-secondary,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary,.uk-card-secondary.uk-card-body .uk-button-secondary,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary,.uk-light .uk-button-secondary,.uk-offcanvas-bar .uk-button-secondary,.uk-overlay-primary .uk-button-secondary,.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary,.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary,.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary{background-color:#fff;color:#666}.uk-card-primary.uk-card-body .uk-button-secondary:focus,.uk-card-primary.uk-card-body .uk-button-secondary:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary:hover,.uk-card-secondary.uk-card-body .uk-button-secondary:focus,.uk-card-secondary.uk-card-body .uk-button-secondary:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary:hover,.uk-light .uk-button-secondary:focus,.uk-light .uk-button-secondary:hover,.uk-offcanvas-bar .uk-button-secondary:focus,.uk-offcanvas-bar .uk-button-secondary:hover,.uk-overlay-primary .uk-button-secondary:focus,.uk-overlay-primary .uk-button-secondary:hover,.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:focus,.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:hover{background-color:#f2f2f2;color:#666}.uk-card-primary.uk-card-body .uk-button-secondary.uk-active,.uk-card-primary.uk-card-body .uk-button-secondary:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary.uk-active,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary:active,.uk-card-secondary.uk-card-body .uk-button-secondary.uk-active,.uk-card-secondary.uk-card-body .uk-button-secondary:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary.uk-active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary:active,.uk-light .uk-button-secondary.uk-active,.uk-light .uk-button-secondary:active,.uk-offcanvas-bar .uk-button-secondary.uk-active,.uk-offcanvas-bar .uk-button-secondary:active,.uk-overlay-primary .uk-button-secondary.uk-active,.uk-overlay-primary .uk-button-secondary:active,.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active,.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:active{background-color:#e6e6e6;color:#666}.uk-card-primary.uk-card-body .uk-button-text,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-text,.uk-card-secondary.uk-card-body .uk-button-text,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text,.uk-light .uk-button-text,.uk-offcanvas-bar .uk-button-text,.uk-overlay-primary .uk-button-text,.uk-section-primary:not(.uk-preserve-color) .uk-button-text,.uk-section-secondary:not(.uk-preserve-color) .uk-button-text,.uk-tile-primary:not(.uk-preserve-color) .uk-button-text,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text{color:#fff}.uk-card-primary.uk-card-body .uk-button-text::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-text::before,.uk-card-secondary.uk-card-body .uk-button-text::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text::before,.uk-light .uk-button-text::before,.uk-offcanvas-bar .uk-button-text::before,.uk-overlay-primary .uk-button-text::before,.uk-section-primary:not(.uk-preserve-color) .uk-button-text::before,.uk-section-secondary:not(.uk-preserve-color) .uk-button-text::before,.uk-tile-primary:not(.uk-preserve-color) .uk-button-text::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text::before{border-bottom-color:#fff}.uk-card-primary.uk-card-body .uk-button-text:focus,.uk-card-primary.uk-card-body .uk-button-text:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-text:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-text:hover,.uk-card-secondary.uk-card-body .uk-button-text:focus,.uk-card-secondary.uk-card-body .uk-button-text:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text:hover,.uk-light .uk-button-text:focus,.uk-light .uk-button-text:hover,.uk-offcanvas-bar .uk-button-text:focus,.uk-offcanvas-bar .uk-button-text:hover,.uk-overlay-primary .uk-button-text:focus,.uk-overlay-primary .uk-button-text:hover,.uk-section-primary:not(.uk-preserve-color) .uk-button-text:focus,.uk-section-primary:not(.uk-preserve-color) .uk-button-text:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:hover{color:#fff}.uk-card-primary.uk-card-body .uk-button-text:disabled,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-text:disabled,.uk-card-secondary.uk-card-body .uk-button-text:disabled,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text:disabled,.uk-light .uk-button-text:disabled,.uk-offcanvas-bar .uk-button-text:disabled,.uk-overlay-primary .uk-button-text:disabled,.uk-section-primary:not(.uk-preserve-color) .uk-button-text:disabled,.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:disabled,.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:disabled,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:disabled{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-button-link,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-link,.uk-card-secondary.uk-card-body .uk-button-link,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-link,.uk-light .uk-button-link,.uk-offcanvas-bar .uk-button-link,.uk-overlay-primary .uk-button-link,.uk-section-primary:not(.uk-preserve-color) .uk-button-link,.uk-section-secondary:not(.uk-preserve-color) .uk-button-link,.uk-tile-primary:not(.uk-preserve-color) .uk-button-link,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-button-link:focus,.uk-card-primary.uk-card-body .uk-button-link:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-link:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-link:hover,.uk-card-secondary.uk-card-body .uk-button-link:focus,.uk-card-secondary.uk-card-body .uk-button-link:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-link:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-link:hover,.uk-light .uk-button-link:focus,.uk-light .uk-button-link:hover,.uk-offcanvas-bar .uk-button-link:focus,.uk-offcanvas-bar .uk-button-link:hover,.uk-overlay-primary .uk-button-link:focus,.uk-overlay-primary .uk-button-link:hover,.uk-section-primary:not(.uk-preserve-color) .uk-button-link:focus,.uk-section-primary:not(.uk-preserve-color) .uk-button-link:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-button-link:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-button-link:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-button-link:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-button-link:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-close,.uk-card-primary>:not([class*=uk-card-media]) .uk-close,.uk-card-secondary.uk-card-body .uk-close,.uk-card-secondary>:not([class*=uk-card-media]) .uk-close,.uk-light .uk-close,.uk-offcanvas-bar .uk-close,.uk-overlay-primary .uk-close,.uk-section-primary:not(.uk-preserve-color) .uk-close,.uk-section-secondary:not(.uk-preserve-color) .uk-close,.uk-tile-primary:not(.uk-preserve-color) .uk-close,.uk-tile-secondary:not(.uk-preserve-color) .uk-close{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-close:focus,.uk-card-primary.uk-card-body .uk-close:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-close:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-close:hover,.uk-card-secondary.uk-card-body .uk-close:focus,.uk-card-secondary.uk-card-body .uk-close:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-close:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-close:hover,.uk-light .uk-close:focus,.uk-light .uk-close:hover,.uk-offcanvas-bar .uk-close:focus,.uk-offcanvas-bar .uk-close:hover,.uk-overlay-primary .uk-close:focus,.uk-overlay-primary .uk-close:hover,.uk-section-primary:not(.uk-preserve-color) .uk-close:focus,.uk-section-primary:not(.uk-preserve-color) .uk-close:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-close:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-close:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-close:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-close:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-close:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-close:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-totop,.uk-card-primary>:not([class*=uk-card-media]) .uk-totop,.uk-card-secondary.uk-card-body .uk-totop,.uk-card-secondary>:not([class*=uk-card-media]) .uk-totop,.uk-light .uk-totop,.uk-offcanvas-bar .uk-totop,.uk-overlay-primary .uk-totop,.uk-section-primary:not(.uk-preserve-color) .uk-totop,.uk-section-secondary:not(.uk-preserve-color) .uk-totop,.uk-tile-primary:not(.uk-preserve-color) .uk-totop,.uk-tile-secondary:not(.uk-preserve-color) .uk-totop{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-totop:focus,.uk-card-primary.uk-card-body .uk-totop:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-totop:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-totop:hover,.uk-card-secondary.uk-card-body .uk-totop:focus,.uk-card-secondary.uk-card-body .uk-totop:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-totop:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-totop:hover,.uk-light .uk-totop:focus,.uk-light .uk-totop:hover,.uk-offcanvas-bar .uk-totop:focus,.uk-offcanvas-bar .uk-totop:hover,.uk-overlay-primary .uk-totop:focus,.uk-overlay-primary .uk-totop:hover,.uk-section-primary:not(.uk-preserve-color) .uk-totop:focus,.uk-section-primary:not(.uk-preserve-color) .uk-totop:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-totop:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-totop:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-totop:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-totop:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-totop:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-totop:active,.uk-card-secondary.uk-card-body .uk-totop:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-totop:active,.uk-light .uk-totop:active,.uk-offcanvas-bar .uk-totop:active,.uk-overlay-primary .uk-totop:active,.uk-section-primary:not(.uk-preserve-color) .uk-totop:active,.uk-section-secondary:not(.uk-preserve-color) .uk-totop:active,.uk-tile-primary:not(.uk-preserve-color) .uk-totop:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:active{color:#fff}.uk-card-primary.uk-card-body .uk-marker,.uk-card-primary>:not([class*=uk-card-media]) .uk-marker,.uk-card-secondary.uk-card-body .uk-marker,.uk-card-secondary>:not([class*=uk-card-media]) .uk-marker,.uk-light .uk-marker,.uk-offcanvas-bar .uk-marker,.uk-overlay-primary .uk-marker,.uk-section-primary:not(.uk-preserve-color) .uk-marker,.uk-section-secondary:not(.uk-preserve-color) .uk-marker,.uk-tile-primary:not(.uk-preserve-color) .uk-marker,.uk-tile-secondary:not(.uk-preserve-color) .uk-marker{background:#f8f8f8;color:#666}.uk-card-primary.uk-card-body .uk-marker:focus,.uk-card-primary.uk-card-body .uk-marker:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-marker:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-marker:hover,.uk-card-secondary.uk-card-body .uk-marker:focus,.uk-card-secondary.uk-card-body .uk-marker:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-marker:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-marker:hover,.uk-light .uk-marker:focus,.uk-light .uk-marker:hover,.uk-offcanvas-bar .uk-marker:focus,.uk-offcanvas-bar .uk-marker:hover,.uk-overlay-primary .uk-marker:focus,.uk-overlay-primary .uk-marker:hover,.uk-section-primary:not(.uk-preserve-color) .uk-marker:focus,.uk-section-primary:not(.uk-preserve-color) .uk-marker:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-marker:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-marker:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-marker:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-marker:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-marker:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-marker:hover{color:#666}.uk-card-primary.uk-card-body .uk-badge,.uk-card-primary>:not([class*=uk-card-media]) .uk-badge,.uk-card-secondary.uk-card-body .uk-badge,.uk-card-secondary>:not([class*=uk-card-media]) .uk-badge,.uk-light .uk-badge,.uk-offcanvas-bar .uk-badge,.uk-overlay-primary .uk-badge,.uk-section-primary:not(.uk-preserve-color) .uk-badge,.uk-section-secondary:not(.uk-preserve-color) .uk-badge,.uk-tile-primary:not(.uk-preserve-color) .uk-badge,.uk-tile-secondary:not(.uk-preserve-color) .uk-badge{background-color:#fff;color:#666}.uk-card-primary.uk-card-body .uk-badge:focus,.uk-card-primary.uk-card-body .uk-badge:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-badge:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-badge:hover,.uk-card-secondary.uk-card-body .uk-badge:focus,.uk-card-secondary.uk-card-body .uk-badge:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-badge:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-badge:hover,.uk-light .uk-badge:focus,.uk-light .uk-badge:hover,.uk-offcanvas-bar .uk-badge:focus,.uk-offcanvas-bar .uk-badge:hover,.uk-overlay-primary .uk-badge:focus,.uk-overlay-primary .uk-badge:hover,.uk-section-primary:not(.uk-preserve-color) .uk-badge:focus,.uk-section-primary:not(.uk-preserve-color) .uk-badge:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-badge:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-badge:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-badge:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-badge:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-badge:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-badge:hover{color:#666}.uk-card-primary.uk-card-body .uk-label,.uk-card-primary>:not([class*=uk-card-media]) .uk-label,.uk-card-secondary.uk-card-body .uk-label,.uk-card-secondary>:not([class*=uk-card-media]) .uk-label,.uk-light .uk-label,.uk-offcanvas-bar .uk-label,.uk-overlay-primary .uk-label,.uk-section-primary:not(.uk-preserve-color) .uk-label,.uk-section-secondary:not(.uk-preserve-color) .uk-label,.uk-tile-primary:not(.uk-preserve-color) .uk-label,.uk-tile-secondary:not(.uk-preserve-color) .uk-label{background-color:#fff;color:#666}.uk-card-primary.uk-card-body .uk-article-meta,.uk-card-primary>:not([class*=uk-card-media]) .uk-article-meta,.uk-card-secondary.uk-card-body .uk-article-meta,.uk-card-secondary>:not([class*=uk-card-media]) .uk-article-meta,.uk-light .uk-article-meta,.uk-offcanvas-bar .uk-article-meta,.uk-overlay-primary .uk-article-meta,.uk-section-primary:not(.uk-preserve-color) .uk-article-meta,.uk-section-secondary:not(.uk-preserve-color) .uk-article-meta,.uk-tile-primary:not(.uk-preserve-color) .uk-article-meta,.uk-tile-secondary:not(.uk-preserve-color) .uk-article-meta{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-search-input,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-input,.uk-card-secondary.uk-card-body .uk-search-input,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-input,.uk-light .uk-search-input,.uk-offcanvas-bar .uk-search-input,.uk-overlay-primary .uk-search-input,.uk-section-primary:not(.uk-preserve-color) .uk-search-input,.uk-section-secondary:not(.uk-preserve-color) .uk-search-input,.uk-tile-primary:not(.uk-preserve-color) .uk-search-input,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-search-input:-ms-input-placeholder,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-input:-ms-input-placeholder,.uk-card-secondary.uk-card-body .uk-search-input:-ms-input-placeholder,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-input:-ms-input-placeholder,.uk-light .uk-search-input:-ms-input-placeholder,.uk-offcanvas-bar .uk-search-input:-ms-input-placeholder,.uk-overlay-primary .uk-search-input:-ms-input-placeholder,.uk-section-primary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder,.uk-section-secondary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder,.uk-tile-primary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder{color:rgba(255,255,255,.5)!important}.uk-card-primary.uk-card-body .uk-search-input::placeholder,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-input::placeholder,.uk-card-secondary.uk-card-body .uk-search-input::placeholder,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-input::placeholder,.uk-light .uk-search-input::placeholder,.uk-offcanvas-bar .uk-search-input::placeholder,.uk-overlay-primary .uk-search-input::placeholder,.uk-section-primary:not(.uk-preserve-color) .uk-search-input::placeholder,.uk-section-secondary:not(.uk-preserve-color) .uk-search-input::placeholder,.uk-tile-primary:not(.uk-preserve-color) .uk-search-input::placeholder,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::placeholder{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-search .uk-search-icon,.uk-card-primary>:not([class*=uk-card-media]) .uk-search .uk-search-icon,.uk-card-secondary.uk-card-body .uk-search .uk-search-icon,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search .uk-search-icon,.uk-light .uk-search .uk-search-icon,.uk-offcanvas-bar .uk-search .uk-search-icon,.uk-overlay-primary .uk-search .uk-search-icon,.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon,.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-search .uk-search-icon:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-search .uk-search-icon:hover,.uk-card-secondary.uk-card-body .uk-search .uk-search-icon:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search .uk-search-icon:hover,.uk-light .uk-search .uk-search-icon:hover,.uk-offcanvas-bar .uk-search .uk-search-icon:hover,.uk-overlay-primary .uk-search .uk-search-icon:hover,.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-search-default .uk-search-input,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-default .uk-search-input,.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-default .uk-search-input,.uk-light .uk-search-default .uk-search-input,.uk-offcanvas-bar .uk-search-default .uk-search-input,.uk-overlay-primary .uk-search-default .uk-search-input,.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input,.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input{background-color:transparent;border-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-search-default .uk-search-input:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-default .uk-search-input:focus,.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-default .uk-search-input:focus,.uk-light .uk-search-default .uk-search-input:focus,.uk-offcanvas-bar .uk-search-default .uk-search-input:focus,.uk-overlay-primary .uk-search-default .uk-search-input:focus,.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus{background-color:transparent}.uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-navbar .uk-search-input,.uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-navbar .uk-search-input,.uk-light .uk-search-navbar .uk-search-input,.uk-offcanvas-bar .uk-search-navbar .uk-search-input,.uk-overlay-primary .uk-search-navbar .uk-search-input,.uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,.uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,.uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input{background-color:transparent}.uk-card-primary.uk-card-body .uk-search-large .uk-search-input,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-large .uk-search-input,.uk-card-secondary.uk-card-body .uk-search-large .uk-search-input,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-large .uk-search-input,.uk-light .uk-search-large .uk-search-input,.uk-offcanvas-bar .uk-search-large .uk-search-input,.uk-overlay-primary .uk-search-large .uk-search-input,.uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,.uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input,.uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input{background-color:transparent}.uk-card-primary.uk-card-body .uk-search-toggle,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-toggle,.uk-card-secondary.uk-card-body .uk-search-toggle,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-toggle,.uk-light .uk-search-toggle,.uk-offcanvas-bar .uk-search-toggle,.uk-overlay-primary .uk-search-toggle,.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle,.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle,.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-search-toggle:focus,.uk-card-primary.uk-card-body .uk-search-toggle:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-toggle:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-toggle:hover,.uk-card-secondary.uk-card-body .uk-search-toggle:focus,.uk-card-secondary.uk-card-body .uk-search-toggle:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-toggle:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-toggle:hover,.uk-light .uk-search-toggle:focus,.uk-light .uk-search-toggle:hover,.uk-offcanvas-bar .uk-search-toggle:focus,.uk-offcanvas-bar .uk-search-toggle:hover,.uk-overlay-primary .uk-search-toggle:focus,.uk-overlay-primary .uk-search-toggle:hover,.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:focus,.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-accordion-title,.uk-card-primary>:not([class*=uk-card-media]) .uk-accordion-title,.uk-card-secondary.uk-card-body .uk-accordion-title,.uk-card-secondary>:not([class*=uk-card-media]) .uk-accordion-title,.uk-light .uk-accordion-title,.uk-offcanvas-bar .uk-accordion-title,.uk-overlay-primary .uk-accordion-title,.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title,.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title,.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title,.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title{color:#fff}.uk-card-primary.uk-card-body .uk-accordion-title:focus,.uk-card-primary.uk-card-body .uk-accordion-title:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-accordion-title:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-accordion-title:hover,.uk-card-secondary.uk-card-body .uk-accordion-title:focus,.uk-card-secondary.uk-card-body .uk-accordion-title:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-accordion-title:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-accordion-title:hover,.uk-light .uk-accordion-title:focus,.uk-light .uk-accordion-title:hover,.uk-offcanvas-bar .uk-accordion-title:focus,.uk-offcanvas-bar .uk-accordion-title:hover,.uk-overlay-primary .uk-accordion-title:focus,.uk-overlay-primary .uk-accordion-title:hover,.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title:focus,.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-grid-divider>:not(.uk-first-column)::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-grid-divider>:not(.uk-first-column)::before,.uk-card-secondary.uk-card-body .uk-grid-divider>:not(.uk-first-column)::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-grid-divider>:not(.uk-first-column)::before,.uk-light .uk-grid-divider>:not(.uk-first-column)::before,.uk-offcanvas-bar .uk-grid-divider>:not(.uk-first-column)::before,.uk-overlay-primary .uk-grid-divider>:not(.uk-first-column)::before,.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before,.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before,.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before{border-right-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-card-secondary.uk-card-body .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-light .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-offcanvas-bar .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-overlay-primary .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before{border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-nav-parent-icon>.uk-parent>a::after,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-parent-icon>.uk-parent>a::after,.uk-card-secondary.uk-card-body .uk-nav-parent-icon>.uk-parent>a::after,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-parent-icon>.uk-parent>a::after,.uk-light .uk-nav-parent-icon>.uk-parent>a::after,.uk-offcanvas-bar .uk-nav-parent-icon>.uk-parent>a::after,.uk-overlay-primary .uk-nav-parent-icon>.uk-parent>a::after,.uk-section-primary:not(.uk-preserve-color) .uk-nav-parent-icon>.uk-parent>a::after,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-parent-icon>.uk-parent>a::after,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-parent-icon>.uk-parent>a::after,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-parent-icon>.uk-parent>a::after{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-card-primary.uk-card-body .uk-nav-parent-icon>.uk-parent.uk-open>a::after,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-parent-icon>.uk-parent.uk-open>a::after,.uk-card-secondary.uk-card-body .uk-nav-parent-icon>.uk-parent.uk-open>a::after,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-parent-icon>.uk-parent.uk-open>a::after,.uk-light .uk-nav-parent-icon>.uk-parent.uk-open>a::after,.uk-offcanvas-bar .uk-nav-parent-icon>.uk-parent.uk-open>a::after,.uk-overlay-primary .uk-nav-parent-icon>.uk-parent.uk-open>a::after,.uk-section-primary:not(.uk-preserve-color) .uk-nav-parent-icon>.uk-parent.uk-open>a::after,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-parent-icon>.uk-parent.uk-open>a::after,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-parent-icon>.uk-parent.uk-open>a::after,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-parent-icon>.uk-parent.uk-open>a::after{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-card-primary.uk-card-body .uk-nav-default>li>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default>li>a,.uk-card-secondary.uk-card-body .uk-nav-default>li>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default>li>a,.uk-light .uk-nav-default>li>a,.uk-offcanvas-bar .uk-nav-default>li>a,.uk-overlay-primary .uk-nav-default>li>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li>a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-nav-default>li>a:focus,.uk-card-primary.uk-card-body .uk-nav-default>li>a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default>li>a:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default>li>a:hover,.uk-card-secondary.uk-card-body .uk-nav-default>li>a:focus,.uk-card-secondary.uk-card-body .uk-nav-default>li>a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default>li>a:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default>li>a:hover,.uk-light .uk-nav-default>li>a:focus,.uk-light .uk-nav-default>li>a:hover,.uk-offcanvas-bar .uk-nav-default>li>a:focus,.uk-offcanvas-bar .uk-nav-default>li>a:hover,.uk-overlay-primary .uk-nav-default>li>a:focus,.uk-overlay-primary .uk-nav-default>li>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li>a:focus,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li>a:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li>a:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li>a:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li>a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-nav-default>li.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default>li.uk-active>a,.uk-card-secondary.uk-card-body .uk-nav-default>li.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default>li.uk-active>a,.uk-light .uk-nav-default>li.uk-active>a,.uk-offcanvas-bar .uk-nav-default>li.uk-active>a,.uk-overlay-primary .uk-nav-default>li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a{color:#fff}.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-header,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-header,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-header,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-header,.uk-light .uk-nav-default .uk-nav-header,.uk-offcanvas-bar .uk-nav-default .uk-nav-header,.uk-overlay-primary .uk-nav-default .uk-nav-header,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header{color:#fff}.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-divider,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-divider,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-divider,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-divider,.uk-light .uk-nav-default .uk-nav-divider,.uk-offcanvas-bar .uk-nav-default .uk-nav-divider,.uk-overlay-primary .uk-nav-default .uk-nav-divider,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider{border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a,.uk-light .uk-nav-default .uk-nav-sub a,.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a,.uk-overlay-primary .uk-nav-default .uk-nav-sub a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:focus,.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a:hover,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:focus,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a:hover,.uk-light .uk-nav-default .uk-nav-sub a:focus,.uk-light .uk-nav-default .uk-nav-sub a:hover,.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:focus,.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover,.uk-overlay-primary .uk-nav-default .uk-nav-sub a:focus,.uk-overlay-primary .uk-nav-default .uk-nav-sub a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-light .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-offcanvas-bar .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-overlay-primary .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a{color:#fff}.uk-card-primary.uk-card-body .uk-nav-primary>li>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary>li>a,.uk-card-secondary.uk-card-body .uk-nav-primary>li>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary>li>a,.uk-light .uk-nav-primary>li>a,.uk-offcanvas-bar .uk-nav-primary>li>a,.uk-overlay-primary .uk-nav-primary>li>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary>li>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary>li>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-nav-primary>li>a:focus,.uk-card-primary.uk-card-body .uk-nav-primary>li>a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary>li>a:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary>li>a:hover,.uk-card-secondary.uk-card-body .uk-nav-primary>li>a:focus,.uk-card-secondary.uk-card-body .uk-nav-primary>li>a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary>li>a:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary>li>a:hover,.uk-light .uk-nav-primary>li>a:focus,.uk-light .uk-nav-primary>li>a:hover,.uk-offcanvas-bar .uk-nav-primary>li>a:focus,.uk-offcanvas-bar .uk-nav-primary>li>a:hover,.uk-overlay-primary .uk-nav-primary>li>a:focus,.uk-overlay-primary .uk-nav-primary>li>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary>li>a:focus,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary>li>a:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-nav-primary>li.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary>li.uk-active>a,.uk-card-secondary.uk-card-body .uk-nav-primary>li.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary>li.uk-active>a,.uk-light .uk-nav-primary>li.uk-active>a,.uk-offcanvas-bar .uk-nav-primary>li.uk-active>a,.uk-overlay-primary .uk-nav-primary>li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a{color:#fff}.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-header,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-header,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-header,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-header,.uk-light .uk-nav-primary .uk-nav-header,.uk-offcanvas-bar .uk-nav-primary .uk-nav-header,.uk-overlay-primary .uk-nav-primary .uk-nav-header,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header{color:#fff}.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-divider,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-divider,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-divider,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-divider,.uk-light .uk-nav-primary .uk-nav-divider,.uk-offcanvas-bar .uk-nav-primary .uk-nav-divider,.uk-overlay-primary .uk-nav-primary .uk-nav-divider,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider{border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a,.uk-light .uk-nav-primary .uk-nav-sub a,.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a,.uk-overlay-primary .uk-nav-primary .uk-nav-sub a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:focus,.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a:hover,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:focus,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a:hover,.uk-light .uk-nav-primary .uk-nav-sub a:focus,.uk-light .uk-nav-primary .uk-nav-sub a:hover,.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:focus,.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:hover,.uk-overlay-primary .uk-nav-primary .uk-nav-sub a:focus,.uk-overlay-primary .uk-nav-primary .uk-nav-sub a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-light .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-overlay-primary .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a{color:#fff}.uk-card-primary.uk-card-body .uk-navbar-nav>li>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a,.uk-card-secondary.uk-card-body .uk-navbar-nav>li>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a,.uk-light .uk-navbar-nav>li>a,.uk-offcanvas-bar .uk-navbar-nav>li>a,.uk-overlay-primary .uk-navbar-nav>li>a,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-navbar-nav>li:hover>a,.uk-card-primary.uk-card-body .uk-navbar-nav>li>a.uk-open,.uk-card-primary.uk-card-body .uk-navbar-nav>li>a:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li:hover>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a.uk-open,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a:focus,.uk-card-secondary.uk-card-body .uk-navbar-nav>li:hover>a,.uk-card-secondary.uk-card-body .uk-navbar-nav>li>a.uk-open,.uk-card-secondary.uk-card-body .uk-navbar-nav>li>a:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li:hover>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a.uk-open,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a:focus,.uk-light .uk-navbar-nav>li:hover>a,.uk-light .uk-navbar-nav>li>a.uk-open,.uk-light .uk-navbar-nav>li>a:focus,.uk-offcanvas-bar .uk-navbar-nav>li:hover>a,.uk-offcanvas-bar .uk-navbar-nav>li>a.uk-open,.uk-offcanvas-bar .uk-navbar-nav>li>a:focus,.uk-overlay-primary .uk-navbar-nav>li:hover>a,.uk-overlay-primary .uk-navbar-nav>li>a.uk-open,.uk-overlay-primary .uk-navbar-nav>li>a:focus,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a.uk-open,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a.uk-open,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a.uk-open,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a.uk-open,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a:focus{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-navbar-nav>li>a:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a:active,.uk-card-secondary.uk-card-body .uk-navbar-nav>li>a:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a:active,.uk-light .uk-navbar-nav>li>a:active,.uk-offcanvas-bar .uk-navbar-nav>li>a:active,.uk-overlay-primary .uk-navbar-nav>li>a:active,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active{color:#fff}.uk-card-primary.uk-card-body .uk-navbar-nav>li.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li.uk-active>a,.uk-card-secondary.uk-card-body .uk-navbar-nav>li.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li.uk-active>a,.uk-light .uk-navbar-nav>li.uk-active>a,.uk-offcanvas-bar .uk-navbar-nav>li.uk-active>a,.uk-overlay-primary .uk-navbar-nav>li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a{color:#fff}.uk-card-primary.uk-card-body .uk-navbar-item,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-item,.uk-card-secondary.uk-card-body .uk-navbar-item,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-item,.uk-light .uk-navbar-item,.uk-offcanvas-bar .uk-navbar-item,.uk-overlay-primary .uk-navbar-item,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-item,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-item,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-item,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-item{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-navbar-toggle,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-toggle,.uk-card-secondary.uk-card-body .uk-navbar-toggle,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-toggle,.uk-light .uk-navbar-toggle,.uk-offcanvas-bar .uk-navbar-toggle,.uk-overlay-primary .uk-navbar-toggle,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-navbar-toggle.uk-open,.uk-card-primary.uk-card-body .uk-navbar-toggle:focus,.uk-card-primary.uk-card-body .uk-navbar-toggle:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-toggle.uk-open,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-toggle:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-toggle:hover,.uk-card-secondary.uk-card-body .uk-navbar-toggle.uk-open,.uk-card-secondary.uk-card-body .uk-navbar-toggle:focus,.uk-card-secondary.uk-card-body .uk-navbar-toggle:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-toggle.uk-open,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-toggle:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-toggle:hover,.uk-light .uk-navbar-toggle.uk-open,.uk-light .uk-navbar-toggle:focus,.uk-light .uk-navbar-toggle:hover,.uk-offcanvas-bar .uk-navbar-toggle.uk-open,.uk-offcanvas-bar .uk-navbar-toggle:focus,.uk-offcanvas-bar .uk-navbar-toggle:hover,.uk-overlay-primary .uk-navbar-toggle.uk-open,.uk-overlay-primary .uk-navbar-toggle:focus,.uk-overlay-primary .uk-navbar-toggle:hover,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:focus,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-subnav>*>:first-child,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>*>:first-child,.uk-card-secondary.uk-card-body .uk-subnav>*>:first-child,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav>*>:first-child,.uk-light .uk-subnav>*>:first-child,.uk-offcanvas-bar .uk-subnav>*>:first-child,.uk-overlay-primary .uk-subnav>*>:first-child,.uk-section-primary:not(.uk-preserve-color) .uk-subnav>*>:first-child,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav>*>:first-child,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav>*>:first-child,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>*>:first-child{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-subnav>*>a:focus,.uk-card-primary.uk-card-body .uk-subnav>*>a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>*>a:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>*>a:hover,.uk-card-secondary.uk-card-body .uk-subnav>*>a:focus,.uk-card-secondary.uk-card-body .uk-subnav>*>a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav>*>a:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav>*>a:hover,.uk-light .uk-subnav>*>a:focus,.uk-light .uk-subnav>*>a:hover,.uk-offcanvas-bar .uk-subnav>*>a:focus,.uk-offcanvas-bar .uk-subnav>*>a:hover,.uk-overlay-primary .uk-subnav>*>a:focus,.uk-overlay-primary .uk-subnav>*>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-subnav>*>a:focus,.uk-section-primary:not(.uk-preserve-color) .uk-subnav>*>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav>*>a:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav>*>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav>*>a:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav>*>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>*>a:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>*>a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-subnav>.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>.uk-active>a,.uk-card-secondary.uk-card-body .uk-subnav>.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav>.uk-active>a,.uk-light .uk-subnav>.uk-active>a,.uk-offcanvas-bar .uk-subnav>.uk-active>a,.uk-overlay-primary .uk-subnav>.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-subnav>.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav>.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav>.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>.uk-active>a{color:#fff}.uk-card-primary.uk-card-body .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-secondary.uk-card-body .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-light .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-offcanvas-bar .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-overlay-primary .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before{border-right-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-subnav-pill>*>:first-child,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>*>:first-child,.uk-card-secondary.uk-card-body .uk-subnav-pill>*>:first-child,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill>*>:first-child,.uk-light .uk-subnav-pill>*>:first-child,.uk-offcanvas-bar .uk-subnav-pill>*>:first-child,.uk-overlay-primary .uk-subnav-pill>*>:first-child,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child{background-color:transparent;color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-subnav-pill>*>a:focus,.uk-card-primary.uk-card-body .uk-subnav-pill>*>a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:hover,.uk-card-secondary.uk-card-body .uk-subnav-pill>*>a:focus,.uk-card-secondary.uk-card-body .uk-subnav-pill>*>a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:hover,.uk-light .uk-subnav-pill>*>a:focus,.uk-light .uk-subnav-pill>*>a:hover,.uk-offcanvas-bar .uk-subnav-pill>*>a:focus,.uk-offcanvas-bar .uk-subnav-pill>*>a:hover,.uk-overlay-primary .uk-subnav-pill>*>a:focus,.uk-overlay-primary .uk-subnav-pill>*>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:focus,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover{background-color:rgba(255,255,255,.1);color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-subnav-pill>*>a:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:active,.uk-card-secondary.uk-card-body .uk-subnav-pill>*>a:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:active,.uk-light .uk-subnav-pill>*>a:active,.uk-offcanvas-bar .uk-subnav-pill>*>a:active,.uk-overlay-primary .uk-subnav-pill>*>a:active,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active{background-color:rgba(255,255,255,.1);color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-subnav-pill>.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>.uk-active>a,.uk-card-secondary.uk-card-body .uk-subnav-pill>.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill>.uk-active>a,.uk-light .uk-subnav-pill>.uk-active>a,.uk-offcanvas-bar .uk-subnav-pill>.uk-active>a,.uk-overlay-primary .uk-subnav-pill>.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a{background-color:#fff;color:#666}.uk-card-primary.uk-card-body .uk-subnav>.uk-disabled>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>.uk-disabled>a,.uk-card-secondary.uk-card-body .uk-subnav>.uk-disabled>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav>.uk-disabled>a,.uk-light .uk-subnav>.uk-disabled>a,.uk-offcanvas-bar .uk-subnav>.uk-disabled>a,.uk-overlay-primary .uk-subnav>.uk-disabled>a,.uk-section-primary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-breadcrumb>*>*,.uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>*>*,.uk-card-secondary.uk-card-body .uk-breadcrumb>*>*,.uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb>*>*,.uk-light .uk-breadcrumb>*>*,.uk-offcanvas-bar .uk-breadcrumb>*>*,.uk-overlay-primary .uk-breadcrumb>*>*,.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>*>*,.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>*,.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>*>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>*{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-breadcrumb>*>:focus,.uk-card-primary.uk-card-body .uk-breadcrumb>*>:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>*>:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>*>:hover,.uk-card-secondary.uk-card-body .uk-breadcrumb>*>:focus,.uk-card-secondary.uk-card-body .uk-breadcrumb>*>:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb>*>:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb>*>:hover,.uk-light .uk-breadcrumb>*>:focus,.uk-light .uk-breadcrumb>*>:hover,.uk-offcanvas-bar .uk-breadcrumb>*>:focus,.uk-offcanvas-bar .uk-breadcrumb>*>:hover,.uk-overlay-primary .uk-breadcrumb>*>:focus,.uk-overlay-primary .uk-breadcrumb>*>:hover,.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>*>:focus,.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>*>:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-breadcrumb>:last-child>*,.uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>:last-child>*,.uk-card-secondary.uk-card-body .uk-breadcrumb>:last-child>*,.uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb>:last-child>*,.uk-light .uk-breadcrumb>:last-child>*,.uk-offcanvas-bar .uk-breadcrumb>:last-child>*,.uk-overlay-primary .uk-breadcrumb>:last-child>*,.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*,.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*,.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-secondary.uk-card-body .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-light .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-offcanvas-bar .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-overlay-primary .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-pagination>*>*,.uk-card-primary>:not([class*=uk-card-media]) .uk-pagination>*>*,.uk-card-secondary.uk-card-body .uk-pagination>*>*,.uk-card-secondary>:not([class*=uk-card-media]) .uk-pagination>*>*,.uk-light .uk-pagination>*>*,.uk-offcanvas-bar .uk-pagination>*>*,.uk-overlay-primary .uk-pagination>*>*,.uk-section-primary:not(.uk-preserve-color) .uk-pagination>*>*,.uk-section-secondary:not(.uk-preserve-color) .uk-pagination>*>*,.uk-tile-primary:not(.uk-preserve-color) .uk-pagination>*>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>*>*{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-pagination>*>:focus,.uk-card-primary.uk-card-body .uk-pagination>*>:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-pagination>*>:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-pagination>*>:hover,.uk-card-secondary.uk-card-body .uk-pagination>*>:focus,.uk-card-secondary.uk-card-body .uk-pagination>*>:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-pagination>*>:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-pagination>*>:hover,.uk-light .uk-pagination>*>:focus,.uk-light .uk-pagination>*>:hover,.uk-offcanvas-bar .uk-pagination>*>:focus,.uk-offcanvas-bar .uk-pagination>*>:hover,.uk-overlay-primary .uk-pagination>*>:focus,.uk-overlay-primary .uk-pagination>*>:hover,.uk-section-primary:not(.uk-preserve-color) .uk-pagination>*>:focus,.uk-section-primary:not(.uk-preserve-color) .uk-pagination>*>:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-pagination>*>:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-pagination>*>:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-pagination>*>:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-pagination>*>:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>*>:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>*>:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-pagination>.uk-active>*,.uk-card-primary>:not([class*=uk-card-media]) .uk-pagination>.uk-active>*,.uk-card-secondary.uk-card-body .uk-pagination>.uk-active>*,.uk-card-secondary>:not([class*=uk-card-media]) .uk-pagination>.uk-active>*,.uk-light .uk-pagination>.uk-active>*,.uk-offcanvas-bar .uk-pagination>.uk-active>*,.uk-overlay-primary .uk-pagination>.uk-active>*,.uk-section-primary:not(.uk-preserve-color) .uk-pagination>.uk-active>*,.uk-section-secondary:not(.uk-preserve-color) .uk-pagination>.uk-active>*,.uk-tile-primary:not(.uk-preserve-color) .uk-pagination>.uk-active>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>.uk-active>*{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-pagination>.uk-disabled>*,.uk-card-primary>:not([class*=uk-card-media]) .uk-pagination>.uk-disabled>*,.uk-card-secondary.uk-card-body .uk-pagination>.uk-disabled>*,.uk-card-secondary>:not([class*=uk-card-media]) .uk-pagination>.uk-disabled>*,.uk-light .uk-pagination>.uk-disabled>*,.uk-offcanvas-bar .uk-pagination>.uk-disabled>*,.uk-overlay-primary .uk-pagination>.uk-disabled>*,.uk-section-primary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>*,.uk-section-secondary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>*,.uk-tile-primary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>*{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-tab::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-tab::before,.uk-card-secondary.uk-card-body .uk-tab::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-tab::before,.uk-light .uk-tab::before,.uk-offcanvas-bar .uk-tab::before,.uk-overlay-primary .uk-tab::before,.uk-section-primary:not(.uk-preserve-color) .uk-tab::before,.uk-section-secondary:not(.uk-preserve-color) .uk-tab::before,.uk-tile-primary:not(.uk-preserve-color) .uk-tab::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab::before{border-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-tab>*>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-tab>*>a,.uk-card-secondary.uk-card-body .uk-tab>*>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-tab>*>a,.uk-light .uk-tab>*>a,.uk-offcanvas-bar .uk-tab>*>a,.uk-overlay-primary .uk-tab>*>a,.uk-section-primary:not(.uk-preserve-color) .uk-tab>*>a,.uk-section-secondary:not(.uk-preserve-color) .uk-tab>*>a,.uk-tile-primary:not(.uk-preserve-color) .uk-tab>*>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab>*>a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-tab>*>a:focus,.uk-card-primary.uk-card-body .uk-tab>*>a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-tab>*>a:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-tab>*>a:hover,.uk-card-secondary.uk-card-body .uk-tab>*>a:focus,.uk-card-secondary.uk-card-body .uk-tab>*>a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-tab>*>a:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-tab>*>a:hover,.uk-light .uk-tab>*>a:focus,.uk-light .uk-tab>*>a:hover,.uk-offcanvas-bar .uk-tab>*>a:focus,.uk-offcanvas-bar .uk-tab>*>a:hover,.uk-overlay-primary .uk-tab>*>a:focus,.uk-overlay-primary .uk-tab>*>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-tab>*>a:focus,.uk-section-primary:not(.uk-preserve-color) .uk-tab>*>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-tab>*>a:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-tab>*>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-tab>*>a:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-tab>*>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab>*>a:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab>*>a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-tab>.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-tab>.uk-active>a,.uk-card-secondary.uk-card-body .uk-tab>.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-tab>.uk-active>a,.uk-light .uk-tab>.uk-active>a,.uk-offcanvas-bar .uk-tab>.uk-active>a,.uk-overlay-primary .uk-tab>.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-tab>.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-tab>.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-tab>.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab>.uk-active>a{color:#fff;border-color:#fff}.uk-card-primary.uk-card-body .uk-tab>.uk-disabled>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-tab>.uk-disabled>a,.uk-card-secondary.uk-card-body .uk-tab>.uk-disabled>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-tab>.uk-disabled>a,.uk-light .uk-tab>.uk-disabled>a,.uk-offcanvas-bar .uk-tab>.uk-disabled>a,.uk-overlay-primary .uk-tab>.uk-disabled>a,.uk-section-primary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a,.uk-section-secondary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a,.uk-tile-primary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-slidenav,.uk-card-primary>:not([class*=uk-card-media]) .uk-slidenav,.uk-card-secondary.uk-card-body .uk-slidenav,.uk-card-secondary>:not([class*=uk-card-media]) .uk-slidenav,.uk-light .uk-slidenav,.uk-offcanvas-bar .uk-slidenav,.uk-overlay-primary .uk-slidenav,.uk-section-primary:not(.uk-preserve-color) .uk-slidenav,.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav,.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav,.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-slidenav:focus,.uk-card-primary.uk-card-body .uk-slidenav:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-slidenav:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-slidenav:hover,.uk-card-secondary.uk-card-body .uk-slidenav:focus,.uk-card-secondary.uk-card-body .uk-slidenav:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-slidenav:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-slidenav:hover,.uk-light .uk-slidenav:focus,.uk-light .uk-slidenav:hover,.uk-offcanvas-bar .uk-slidenav:focus,.uk-offcanvas-bar .uk-slidenav:hover,.uk-overlay-primary .uk-slidenav:focus,.uk-overlay-primary .uk-slidenav:hover,.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:focus,.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:hover{color:rgba(255,255,255,.95)}.uk-card-primary.uk-card-body .uk-slidenav:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-slidenav:active,.uk-card-secondary.uk-card-body .uk-slidenav:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-slidenav:active,.uk-light .uk-slidenav:active,.uk-offcanvas-bar .uk-slidenav:active,.uk-overlay-primary .uk-slidenav:active,.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:active,.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:active,.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:active{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-dotnav>*>*,.uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>*>*,.uk-card-secondary.uk-card-body .uk-dotnav>*>*,.uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav>*>*,.uk-light .uk-dotnav>*>*,.uk-offcanvas-bar .uk-dotnav>*>*,.uk-overlay-primary .uk-dotnav>*>*,.uk-section-primary:not(.uk-preserve-color) .uk-dotnav>*>*,.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>*>*,.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>*>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>*>*{background-color:transparent;border-color:rgba(255,255,255,.9)}.uk-card-primary.uk-card-body .uk-dotnav>*>:focus,.uk-card-primary.uk-card-body .uk-dotnav>*>:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>*>:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>*>:hover,.uk-card-secondary.uk-card-body .uk-dotnav>*>:focus,.uk-card-secondary.uk-card-body .uk-dotnav>*>:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav>*>:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav>*>:hover,.uk-light .uk-dotnav>*>:focus,.uk-light .uk-dotnav>*>:hover,.uk-offcanvas-bar .uk-dotnav>*>:focus,.uk-offcanvas-bar .uk-dotnav>*>:hover,.uk-overlay-primary .uk-dotnav>*>:focus,.uk-overlay-primary .uk-dotnav>*>:hover,.uk-section-primary:not(.uk-preserve-color) .uk-dotnav>*>:focus,.uk-section-primary:not(.uk-preserve-color) .uk-dotnav>*>:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>*>:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>*>:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>*>:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>*>:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>*>:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>*>:hover{background-color:rgba(255,255,255,.9);border-color:transparent}.uk-card-primary.uk-card-body .uk-dotnav>*>:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>*>:active,.uk-card-secondary.uk-card-body .uk-dotnav>*>:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav>*>:active,.uk-light .uk-dotnav>*>:active,.uk-offcanvas-bar .uk-dotnav>*>:active,.uk-overlay-primary .uk-dotnav>*>:active,.uk-section-primary:not(.uk-preserve-color) .uk-dotnav>*>:active,.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>*>:active,.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>*>:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>*>:active{background-color:rgba(255,255,255,.5);border-color:transparent}.uk-card-primary.uk-card-body .uk-dotnav>.uk-active>*,.uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>.uk-active>*,.uk-card-secondary.uk-card-body .uk-dotnav>.uk-active>*,.uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav>.uk-active>*,.uk-light .uk-dotnav>.uk-active>*,.uk-offcanvas-bar .uk-dotnav>.uk-active>*,.uk-overlay-primary .uk-dotnav>.uk-active>*,.uk-section-primary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*,.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*,.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*{background-color:rgba(255,255,255,.9);border-color:transparent}.uk-card-primary.uk-card-body .uk-iconnav>*>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-iconnav>*>a,.uk-card-secondary.uk-card-body .uk-iconnav>*>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-iconnav>*>a,.uk-light .uk-iconnav>*>a,.uk-offcanvas-bar .uk-iconnav>*>a,.uk-overlay-primary .uk-iconnav>*>a,.uk-section-primary:not(.uk-preserve-color) .uk-iconnav>*>a,.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav>*>a,.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav>*>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav>*>a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-iconnav>*>a:focus,.uk-card-primary.uk-card-body .uk-iconnav>*>a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-iconnav>*>a:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-iconnav>*>a:hover,.uk-card-secondary.uk-card-body .uk-iconnav>*>a:focus,.uk-card-secondary.uk-card-body .uk-iconnav>*>a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-iconnav>*>a:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-iconnav>*>a:hover,.uk-light .uk-iconnav>*>a:focus,.uk-light .uk-iconnav>*>a:hover,.uk-offcanvas-bar .uk-iconnav>*>a:focus,.uk-offcanvas-bar .uk-iconnav>*>a:hover,.uk-overlay-primary .uk-iconnav>*>a:focus,.uk-overlay-primary .uk-iconnav>*>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-iconnav>*>a:focus,.uk-section-primary:not(.uk-preserve-color) .uk-iconnav>*>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav>*>a:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav>*>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav>*>a:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav>*>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav>*>a:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav>*>a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-iconnav>.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-iconnav>.uk-active>a,.uk-card-secondary.uk-card-body .uk-iconnav>.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-iconnav>.uk-active>a,.uk-light .uk-iconnav>.uk-active>a,.uk-offcanvas-bar .uk-iconnav>.uk-active>a,.uk-overlay-primary .uk-iconnav>.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-text-lead,.uk-card-primary>:not([class*=uk-card-media]) .uk-text-lead,.uk-card-secondary.uk-card-body .uk-text-lead,.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-lead,.uk-light .uk-text-lead,.uk-offcanvas-bar .uk-text-lead,.uk-overlay-primary .uk-text-lead,.uk-section-primary:not(.uk-preserve-color) .uk-text-lead,.uk-section-secondary:not(.uk-preserve-color) .uk-text-lead,.uk-tile-primary:not(.uk-preserve-color) .uk-text-lead,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-lead{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-text-meta,.uk-card-primary>:not([class*=uk-card-media]) .uk-text-meta,.uk-card-secondary.uk-card-body .uk-text-meta,.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-meta,.uk-light .uk-text-meta,.uk-offcanvas-bar .uk-text-meta,.uk-overlay-primary .uk-text-meta,.uk-section-primary:not(.uk-preserve-color) .uk-text-meta,.uk-section-secondary:not(.uk-preserve-color) .uk-text-meta,.uk-tile-primary:not(.uk-preserve-color) .uk-text-meta,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-meta{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-text-muted,.uk-card-primary>:not([class*=uk-card-media]) .uk-text-muted,.uk-card-secondary.uk-card-body .uk-text-muted,.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-muted,.uk-light .uk-text-muted,.uk-offcanvas-bar .uk-text-muted,.uk-overlay-primary .uk-text-muted,.uk-section-primary:not(.uk-preserve-color) .uk-text-muted,.uk-section-secondary:not(.uk-preserve-color) .uk-text-muted,.uk-tile-primary:not(.uk-preserve-color) .uk-text-muted,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-muted{color:rgba(255,255,255,.5)!important}.uk-card-primary.uk-card-body .uk-text-emphasis,.uk-card-primary>:not([class*=uk-card-media]) .uk-text-emphasis,.uk-card-secondary.uk-card-body .uk-text-emphasis,.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-emphasis,.uk-light .uk-text-emphasis,.uk-offcanvas-bar .uk-text-emphasis,.uk-overlay-primary .uk-text-emphasis,.uk-section-primary:not(.uk-preserve-color) .uk-text-emphasis,.uk-section-secondary:not(.uk-preserve-color) .uk-text-emphasis,.uk-tile-primary:not(.uk-preserve-color) .uk-text-emphasis,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-emphasis{color:#fff!important}.uk-card-primary.uk-card-body .uk-text-primary,.uk-card-primary>:not([class*=uk-card-media]) .uk-text-primary,.uk-card-secondary.uk-card-body .uk-text-primary,.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-primary,.uk-light .uk-text-primary,.uk-offcanvas-bar .uk-text-primary,.uk-overlay-primary .uk-text-primary,.uk-section-primary:not(.uk-preserve-color) .uk-text-primary,.uk-section-secondary:not(.uk-preserve-color) .uk-text-primary,.uk-tile-primary:not(.uk-preserve-color) .uk-text-primary,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-primary{color:#fff!important}.uk-card-primary.uk-card-body .uk-text-secondary,.uk-card-primary>:not([class*=uk-card-media]) .uk-text-secondary,.uk-card-secondary.uk-card-body .uk-text-secondary,.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-secondary,.uk-light .uk-text-secondary,.uk-offcanvas-bar .uk-text-secondary,.uk-overlay-primary .uk-text-secondary,.uk-section-primary:not(.uk-preserve-color) .uk-text-secondary,.uk-section-secondary:not(.uk-preserve-color) .uk-text-secondary,.uk-tile-primary:not(.uk-preserve-color) .uk-text-secondary,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-secondary{color:#fff!important}.uk-card-primary.uk-card-body .uk-column-divider,.uk-card-primary>:not([class*=uk-card-media]) .uk-column-divider,.uk-card-secondary.uk-card-body .uk-column-divider,.uk-card-secondary>:not([class*=uk-card-media]) .uk-column-divider,.uk-light .uk-column-divider,.uk-offcanvas-bar .uk-column-divider,.uk-overlay-primary .uk-column-divider,.uk-section-primary:not(.uk-preserve-color) .uk-column-divider,.uk-section-secondary:not(.uk-preserve-color) .uk-column-divider,.uk-tile-primary:not(.uk-preserve-color) .uk-column-divider,.uk-tile-secondary:not(.uk-preserve-color) .uk-column-divider{column-rule-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-logo,.uk-card-primary>:not([class*=uk-card-media]) .uk-logo,.uk-card-secondary.uk-card-body .uk-logo,.uk-card-secondary>:not([class*=uk-card-media]) .uk-logo,.uk-light .uk-logo,.uk-offcanvas-bar .uk-logo,.uk-overlay-primary .uk-logo,.uk-section-primary:not(.uk-preserve-color) .uk-logo,.uk-section-secondary:not(.uk-preserve-color) .uk-logo,.uk-tile-primary:not(.uk-preserve-color) .uk-logo,.uk-tile-secondary:not(.uk-preserve-color) .uk-logo{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-logo:focus,.uk-card-primary.uk-card-body .uk-logo:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-logo:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-logo:hover,.uk-card-secondary.uk-card-body .uk-logo:focus,.uk-card-secondary.uk-card-body .uk-logo:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-logo:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-logo:hover,.uk-light .uk-logo:focus,.uk-light .uk-logo:hover,.uk-offcanvas-bar .uk-logo:focus,.uk-offcanvas-bar .uk-logo:hover,.uk-overlay-primary .uk-logo:focus,.uk-overlay-primary .uk-logo:hover,.uk-section-primary:not(.uk-preserve-color) .uk-logo:focus,.uk-section-primary:not(.uk-preserve-color) .uk-logo:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-logo:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-logo:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-logo:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-logo:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-logo>:not(.uk-logo-inverse):not(:only-of-type),.uk-card-primary>:not([class*=uk-card-media]) .uk-logo>:not(.uk-logo-inverse):not(:only-of-type),.uk-card-secondary.uk-card-body .uk-logo>:not(.uk-logo-inverse):not(:only-of-type),.uk-card-secondary>:not([class*=uk-card-media]) .uk-logo>:not(.uk-logo-inverse):not(:only-of-type),.uk-light .uk-logo>:not(.uk-logo-inverse):not(:only-of-type),.uk-offcanvas-bar .uk-logo>:not(.uk-logo-inverse):not(:only-of-type),.uk-overlay-primary .uk-logo>:not(.uk-logo-inverse):not(:only-of-type),.uk-section-primary:not(.uk-preserve-color) .uk-logo>:not(.uk-logo-inverse):not(:only-of-type),.uk-section-secondary:not(.uk-preserve-color) .uk-logo>:not(.uk-logo-inverse):not(:only-of-type),.uk-tile-primary:not(.uk-preserve-color) .uk-logo>:not(.uk-logo-inverse):not(:only-of-type),.uk-tile-secondary:not(.uk-preserve-color) .uk-logo>:not(.uk-logo-inverse):not(:only-of-type){display:none}.uk-card-primary.uk-card-body .uk-logo-inverse,.uk-card-primary>:not([class*=uk-card-media]) .uk-logo-inverse,.uk-card-secondary.uk-card-body .uk-logo-inverse,.uk-card-secondary>:not([class*=uk-card-media]) .uk-logo-inverse,.uk-light .uk-logo-inverse,.uk-offcanvas-bar .uk-logo-inverse,.uk-overlay-primary .uk-logo-inverse,.uk-section-primary:not(.uk-preserve-color) .uk-logo-inverse,.uk-section-secondary:not(.uk-preserve-color) .uk-logo-inverse,.uk-tile-primary:not(.uk-preserve-color) .uk-logo-inverse,.uk-tile-secondary:not(.uk-preserve-color) .uk-logo-inverse{display:inline}.uk-card-primary.uk-card-body .uk-accordion-title::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-accordion-title::before,.uk-card-secondary.uk-card-body .uk-accordion-title::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-accordion-title::before,.uk-light .uk-accordion-title::before,.uk-offcanvas-bar .uk-accordion-title::before,.uk-overlay-primary .uk-accordion-title::before,.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title::before,.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title::before,.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-card-primary.uk-card-body .uk-open>.uk-accordion-title::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-open>.uk-accordion-title::before,.uk-card-secondary.uk-card-body .uk-open>.uk-accordion-title::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-open>.uk-accordion-title::before,.uk-light .uk-open>.uk-accordion-title::before,.uk-offcanvas-bar .uk-open>.uk-accordion-title::before,.uk-overlay-primary .uk-open>.uk-accordion-title::before,.uk-section-primary:not(.uk-preserve-color) .uk-open>.uk-accordion-title::before,.uk-section-secondary:not(.uk-preserve-color) .uk-open>.uk-accordion-title::before,.uk-tile-primary:not(.uk-preserve-color) .uk-open>.uk-accordion-title::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-open>.uk-accordion-title::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E")}@media print{*,::after,::before{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}} \ No newline at end of file diff --git a/lib/css/uikit.almost-flat.css b/lib/css/uikit.almost-flat.css deleted file mode 100644 index fa20eef..0000000 --- a/lib/css/uikit.almost-flat.css +++ /dev/null @@ -1,6622 +0,0 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - -/* ======================================================================== - Component: Normalize - ========================================================================== */ -/* Base - ========================================================================== */ -/* - * 1. Sets default font family to sans-serif. - * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom. - */ -html { - /* 1 */ - font-family: sans-serif; - /* 2 */ - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; -} -/* - * Removes default margin. - */ -body { - margin: 0; -} -/* HTML5 display definitions - ========================================================================== */ -/* - * Corrects `block` display not defined in IE 8/9. - */ -article, -aside, -details, -figcaption, -figure, -footer, -header, -main, -nav, -section, -summary { - display: block; -} -/* - * 1. Correct `inline-block` display not defined in IE 8/9. - * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. - */ -audio, -canvas, -progress, -video { - /* 1 */ - display: inline-block; - /* 2 */ - vertical-align: baseline; -} -/* - * Prevents modern browsers from displaying `audio` without controls. - * Remove excess height in iOS 5 devices. - */ -audio:not([controls]) { - display: none; - height: 0; -} -/* - * Address `[hidden]` styling not present in IE 8/9. - * Hide the `template` element in IE, Safari, and Firefox < 22. - */ -[hidden], -template { - display: none; -} -/* Links - ========================================================================== */ -/* - * Remove the gray background color from active links in IE 10. - */ -a { - background: transparent; -} -/* - * Improves readability when focused and also mouse hovered in all browsers. - */ -a:active, -a:hover { - outline: 0; -} -/* Text-level semantics - ========================================================================== */ -/* - * Addresses styling not present in IE 8/9, Safari 5, and Chrome. - */ -abbr[title] { - border-bottom: 1px dotted; -} -/* - * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome. - */ -b, -strong { - font-weight: bold; -} -/* - * Addresses styling not present in Safari 5 and Chrome. - */ -dfn { - font-style: italic; -} -/* - * Addresses inconsistent and variable font size in all browsers. - */ -small { - font-size: 80%; -} -/* - * Prevents `sub` and `sup` affecting `line-height` in all browsers. - */ -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} -sup { - top: -0.5em; -} -sub { - bottom: -0.25em; -} -/* Embedded content - ========================================================================== */ -/* - * Removes border when inside `a` element in IE 8/9. - */ -img { - border: 0; -} -/* - * Corrects overflow displayed oddly in IE 9. - */ -svg:not(:root) { - overflow: hidden; -} -/* Grouping content - ========================================================================== */ -/* - * Addresses margin not present in IE 8/9 and Safari 5. - */ -figure { - margin: 0; -} -/* - * Address differences between Firefox and other browsers. - */ -hr { - -moz-box-sizing: content-box; - box-sizing: content-box; - height: 0; -} -/* - * Contain overflow in all browsers. - */ -pre { - overflow: auto; -} -/* - * Address odd `em`-unit font size rendering in all browsers. - * 1. Consolas has a better baseline in running text compared to `Courier` - */ -code, -kbd, -pre, -samp { - font-size: 1em; - /* 1 */ - font-family: Consolas, monospace, serif; -} -/* Forms - ========================================================================== */ -/* - * 1. Correct color not being inherited. Known issue: affects color of disabled elements. - * 2. Correct font properties not being inherited. - * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. - * 4. Define consistent box sizing - * Defaults: `button`, `input` and `textarea` have box sizing set to `content-box` - * `select`, `input[type="checkbox"]` and `input[type="radio"]` have box sizing set to `border-box` - * Exceptions: `input[type="checkbox"]` and `input[type="radio"]` have box sizing set to `content-box` in IE 8/9. - * `input[type="search"]` has box sizing set to `border-box` in Safari 5 and Chrome. - */ -button, -input, -optgroup, -select, -textarea { - /* 1 */ - color: inherit; - /* 2 */ - font: inherit; - /* 3 */ - margin: 0; - /* 4 */ - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -/** - * Don't inherit the `font-weight` (applied by a rule above). - * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. - */ -optgroup { - font-weight: bold; -} -/** - * Address `overflow` set to `hidden` in IE 8/9/10. - */ -button { - overflow: visible; -} -/* - * Address inconsistent `text-transform` inheritance for `button` and `select`. - * All other form control elements do not inherit `text-transform` values. - * Correct `button` style inheritance in Firefox, IE 8+, and Opera - * Correct `select` style inheritance in Firefox. - */ -button, -select { - text-transform: none; -} -/* - * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. - * 2. Correct inability to style clickable `input` types in iOS. - * 3. Improve usability and consistency of cursor style between image-type `input` and others. - */ -button, -html input[type="button"], -input[type="reset"], -input[type="submit"] { - /* 2 */ - -webkit-appearance: button; - /* 3 */ - cursor: pointer; -} -/* - * Re-set default cursor for disabled elements. - */ -button:disabled, -html input:disabled { - cursor: default; -} -/* - * Removes inner padding and border in Firefox 4+. - */ -button::-moz-focus-inner, -input::-moz-focus-inner { - border: 0; - padding: 0; -} -/* - * Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. - */ -input { - line-height: normal; -} -/* - * 1. Removes excess padding in IE 8/9. - * 2. Improves consistency of cursor style for clickable elements - */ -input[type="checkbox"], -input[type="radio"] { - /* 1 */ - padding: 0; - /* 2 */ - cursor: pointer; -} -/* - * Fix the cursor style for Chrome's increment/decrement buttons. For certain - * `font-size` values of the `input`, it causes the cursor style of the - * decrement button to change from `default` to `text`. - */ -input[type="number"]::-webkit-inner-spin-button, -input[type="number"]::-webkit-outer-spin-button { - height: auto; -} -/* - * Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. - */ -input[type="search"] { - -webkit-appearance: textfield; -} -/* - * Remove inner padding and search cancel button in Safari and Chrome on OS X. - * Safari (but not Chrome) clips the cancel button when the search input has - * padding (and `textfield` appearance). - */ -input[type="search"]::-webkit-search-cancel-button, -input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} -/* - * Define consistent border, margin, and padding. - */ -fieldset { - border: none; - margin: 0; - padding: 0; -} -/* - * 1. Corrects color not being inherited in IE 8/9. - * 2. Remove padding so people aren't caught out if they zero out fieldsets. - */ -legend { - /* 1 */ - border: 0; - /* 2 */ - padding: 0; -} -/** - * 1. Remove default vertical scrollbar in IE 8/9. - * 2. Improve readability and alignment in all browsers. - */ -textarea { - overflow: auto; - /* 1 */ - vertical-align: top; - /* 2 */ -} -/* - * Removes placeholder transparency in Firefox. - */ -::-moz-placeholder { - opacity: 1; -} -/* Tables - ========================================================================== */ -/* - * Remove most spacing between table cells. - */ -table { - border-collapse: collapse; - border-spacing: 0; -} -/* ======================================================================== - Component: Base - ========================================================================== */ -/* Body - ========================================================================== */ -/* - * `font-size` is set in `html` element to support the `rem` unit for font-sizes - */ -html { - font-size: 14px; -} -body { - background: #ffffff; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-weight: normal; - line-height: 20px; - color: #444444; -} -/* Only phones */ -@media (max-width: 767px) { - /* - * Break strings if their length exceeds the width of their container - */ - body { - word-wrap: break-word; - -webkit-hyphens: auto; - -ms-hyphens: auto; - -moz-hyphens: auto; - hyphens: auto; - } -} -/* Text-level semantics - ========================================================================== */ -/* - * Links - */ -a, -.uk-link { - color: #0077dd; - text-decoration: none; - cursor: pointer; -} -a:hover, -.uk-link:hover { - color: #005599; - text-decoration: underline; -} -/* - * Emphasize - */ -em { - color: #dd0055; -} -/* - * Insert - */ -ins { - background: #ffffaa; - color: #444444; - text-decoration: none; -} -/* - * Mark - * Note: Addresses styling not present in IE 8/9. - */ -mark { - background: #ffffaa; - color: #444444; -} -/* - * Selection highlight - */ -::-moz-selection { - background: #3399ff; - color: #ffffff; - text-shadow: none; -} -::selection { - background: #3399ff; - color: #ffffff; - text-shadow: none; -} -/* - * Abbreviation and definition - */ -abbr[title], -dfn[title] { - cursor: help; -} -dfn[title] { - border-bottom: 1px dotted; - font-style: normal; -} -/* Embedded content - ========================================================================== */ -/* - * 1. Corrects max-width behavior (2.) if padding and border are used - * 2. Responsiveness: Sets a maxium width relative to the parent and auto scales the height - * 3. Remove the gap between images and the bottom of their containers - */ -img { - /* 1 */ - -moz-box-sizing: border-box; - box-sizing: border-box; - /* 2 */ - max-width: 100%; - height: auto; - /* 3 */ - vertical-align: middle; -} -/* - * Preserve original image dimensions - * 1. Fix Google maps automatically via URL detection - */ -.uk-img-preserve, -.uk-img-preserve img, -img[src*="maps.gstatic.com"], -img[src*="googleapis.com"] { - max-width: none; -} -/* Spacing for block elements - ========================================================================== */ -p, -hr, -ul, -ol, -dl, -blockquote, -pre, -address, -fieldset, -figure { - margin: 0 0 15px 0; -} -/* - * Don't worry about the universal selector. - * There is no mentionable performance impact. - */ -* + p, -* + hr, -* + ul, -* + ol, -* + dl, -* + blockquote, -* + pre, -* + address, -* + fieldset, -* + figure { - margin-top: 15px; -} -/* Headings - ========================================================================== */ -h1, -h2, -h3, -h4, -h5, -h6 { - margin: 0 0 15px 0; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-weight: normal; - color: #444444; - text-transform: none; -} -/* - * Don't worry about the universal selector. - * There is no mentionable performance impact. - */ -* + h1, -* + h2, -* + h3, -* + h4, -* + h5, -* + h6 { - margin-top: 25px; -} -h1, -.uk-h1 { - font-size: 36px; - line-height: 42px; -} -h2, -.uk-h2 { - font-size: 24px; - line-height: 30px; -} -h3, -.uk-h3 { - font-size: 18px; - line-height: 24px; -} -h4, -.uk-h4 { - font-size: 16px; - line-height: 22px; -} -h5, -.uk-h5 { - font-size: 14px; - line-height: 20px; -} -h6, -.uk-h6 { - font-size: 12px; - line-height: 18px; -} -/* Lists - ========================================================================== */ -/* - * Ordered and unordered lists - */ -ul, -ol { - padding-left: 30px; -} -/* Reset margin for nested lists */ -ul > li > ul, -ul > li > ol, -ol > li > ol, -ol > li > ul { - margin: 0; -} -/* - * Description lists - */ -dt { - font-weight: bold; -} -dd { - margin-left: 0; -} -/* Horizontal rule - ========================================================================== */ -hr { - display: block; - padding: 0; - border: 0; - border-top: 1px solid #dddddd; -} -/* Address - ========================================================================== */ -address { - font-style: normal; -} -/* Quotes - ========================================================================== */ -q, -blockquote { - font-style: italic; -} -blockquote { - padding-left: 15px; - border-left: 5px solid #dddddd; - font-size: 16px; - line-height: 22px; -} -/* Small print for identifying the source */ -blockquote small { - display: block; - color: #999999; - font-style: normal; -} -/* Smaller margin if `small` follows */ -blockquote p:last-of-type { - margin-bottom: 5px; -} -/* Code and preformatted text - ========================================================================== */ -code { - color: #dd0055; - font-size: 12px; - white-space: nowrap; - padding: 0 4px; - border: 1px solid #dddddd; - border-radius: 3px; - background: #fafafa; -} -/* Reset code elements if parent of pre elements */ -pre code { - color: inherit; - white-space: pre-wrap; - padding: 0; - border: 0; - background: transparent; -} -pre { - padding: 10px; - background: #fafafa; - color: #444444; - font-size: 12px; - line-height: 18px; - -moz-tab-size: 4; - tab-size: 4; - border: 1px solid #dddddd; - border-radius: 3px; -} -/* Forms - ========================================================================== */ -/* - * Vertical alignment - * Exclude `radio` and `checkbox` elements because the default `baseline` value aligns better with text - */ -button, -input:not([type="radio"]):not([type="checkbox"]), -select { - vertical-align: middle; -} -/* Iframe - ========================================================================== */ -iframe { - border: 0; -} -/* Fix viewport for IE10 snap mode - ========================================================================== */ -@media screen and (max-width: 400px) { - @-ms-viewport { - width: device-width; - } -} -/* ======================================================================== - Component: Grid - ========================================================================== */ -/* - * Micro clearfix - */ -.uk-grid:before, -.uk-grid:after { - content: " "; - display: table; -} -.uk-grid:after { - clear: both; -} -/* - * 1. Needed for the gutter - * 2. Makes grid more robust so that it can be used with other block elements like lists - */ -.uk-grid { - /* 1 */ - margin: 0 0 0 -25px; - /* 2 */ - padding: 0; - list-style: none; -} -/* - * Vertical gutter - */ -.uk-grid + .uk-grid { - margin-top: 25px; -} -/* Grid column - ========================================================================== */ -/* - * 1. Makes grid more robust so that it can be used with other block elements - * 2. Create horizontal gutter - * 3. `float` is set by default so columns always behave the same and create a new block format context - */ -.uk-grid > [class*='uk-width-'] { - /* 1 */ - margin: 0; - /* 2 */ - padding-left: 25px; - /* 3 */ - float: left; -} -/* - * Remove margin from the last-child - */ -.uk-grid > [class*='uk-width-'] > :last-child { - margin-bottom: 0; -} -/* Sub-modifier: `uk-grid-margin` - ========================================================================== */ -/* - * This class is set by JavaScript and applies a vertical gutter if the columns stack or float into the next row - * Higher specificity to override margin - */ -.uk-grid > .uk-grid-margin { - margin-top: 25px; -} -/* Modifier: `uk-grid-divider` - ========================================================================== */ -/* - * Horizontal divider - * Does not work with `uk-push-*`, `uk-pull-*` and not if the columns float into the next row - */ -.uk-grid-divider:not(:empty) { - margin-left: -25px; - margin-right: -25px; -} -.uk-grid-divider:not(:empty) > [class*='uk-width-'] { - padding-left: 25px; - padding-right: 25px; -} -.uk-grid-divider:not(:empty) > [class*='uk-width-1-']:not(.uk-width-1-1):nth-child(n+2), -.uk-grid-divider:not(:empty) > [class*='uk-width-2-']:nth-child(n+2), -.uk-grid-divider:not(:empty) > [class*='uk-width-3-']:nth-child(n+2), -.uk-grid-divider:not(:empty) > [class*='uk-width-4-']:nth-child(n+2), -.uk-grid-divider:not(:empty) > [class*='uk-width-5-']:nth-child(n+2), -.uk-grid-divider:not(:empty) > [class*='uk-width-6-']:nth-child(n+2), -.uk-grid-divider:not(:empty) > [class*='uk-width-7-']:nth-child(n+2), -.uk-grid-divider:not(:empty) > [class*='uk-width-8-']:nth-child(n+2), -.uk-grid-divider:not(:empty) > [class*='uk-width-9-']:nth-child(n+2) { - border-left: 1px solid #dddddd; -} -/* Only tablets and desktop */ -@media (min-width: 768px) { - .uk-grid-divider:not(:empty) > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) { - border-left: 1px solid #dddddd; - } -} -/* Only desktop */ -@media (min-width: 960px) { - .uk-grid-divider:not(:empty) > [class*='uk-width-large-']:not(.uk-width-large-1-1):nth-child(n+2) { - border-left: 1px solid #dddddd; - } -} -/* - * Vertical divider - */ -.uk-grid-divider:empty { - margin-top: 25px; - margin-bottom: 25px; - border-top: 1px solid #dddddd; -} -/* Panel in grid - ========================================================================== */ -/* - * Vertical gutter for panels - */ -.uk-grid > [class*='uk-width-'] > .uk-panel + .uk-panel { - margin-top: 25px; -} -/* Large gutter - ========================================================================== */ -/* Only large screens */ -@media (min-width: 1220px) { - /* - * Grid - */ - /* Horizontal gutter */ - .uk-grid:not(.uk-grid-preserve) { - margin-left: -35px; - } - .uk-grid:not(.uk-grid-preserve) > [class*='uk-width-'] { - padding-left: 35px; - } - /* Vertical gutter */ - .uk-grid:not(.uk-grid-preserve) + .uk-grid { - margin-top: 35px; - } - .uk-grid:not(.uk-grid-preserve) > .uk-grid-margin { - margin-top: 35px; - } - /* Vertical gutter for panels */ - .uk-grid:not(.uk-grid-preserve) > [class*='uk-width-'] > .uk-panel + .uk-panel { - margin-top: 35px; - } - /* - * Modifier: `uk-grid-divider` - */ - .uk-grid-divider:not(.uk-grid-preserve):not(:empty) { - margin-left: -35px; - margin-right: -35px; - } - .uk-grid-divider:not(.uk-grid-preserve):not(:empty) > [class*='uk-width-'] { - padding-left: 35px; - padding-right: 35px; - } - .uk-grid-divider:not(.uk-grid-preserve):empty { - margin-top: 35px; - margin-bottom: 35px; - } -} -/* Sub-object: `uk-width-*` - ========================================================================== */ -[class*='uk-width-'] { - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 100%; -} -/* - * Widths - */ -/* Whole */ -.uk-width-1-1 { - width: 100%; -} -/* Halves */ -.uk-width-1-2, -.uk-width-2-4, -.uk-width-3-6, -.uk-width-5-10 { - width: 50%; -} -/* Thirds */ -.uk-width-1-3, -.uk-width-2-6 { - width: 33.333%; -} -.uk-width-2-3, -.uk-width-4-6 { - width: 66.666%; -} -/* Quarters */ -.uk-width-1-4 { - width: 25%; -} -.uk-width-3-4 { - width: 75%; -} -/* Fifths */ -.uk-width-1-5, -.uk-width-2-10 { - width: 20%; -} -.uk-width-2-5, -.uk-width-4-10 { - width: 40%; -} -.uk-width-3-5, -.uk-width-6-10 { - width: 60%; -} -.uk-width-4-5, -.uk-width-8-10 { - width: 80%; -} -/* Sixths */ -.uk-width-1-6 { - width: 16.666%; -} -.uk-width-5-6 { - width: 83.333%; -} -/* Tenths */ -.uk-width-1-10 { - width: 10%; -} -.uk-width-3-10 { - width: 30%; -} -.uk-width-7-10 { - width: 70%; -} -.uk-width-9-10 { - width: 90%; -} -/* Only tablets and desktop */ -@media (min-width: 768px) { - /* Whole */ - .uk-width-medium-1-1 { - width: 100%; - } - /* Halves */ - .uk-width-medium-1-2, - .uk-width-medium-2-4, - .uk-width-medium-3-6, - .uk-width-medium-5-10 { - width: 50%; - } - /* Thirds */ - .uk-width-medium-1-3, - .uk-width-medium-2-6 { - width: 33.333%; - } - .uk-width-medium-2-3, - .uk-width-medium-4-6 { - width: 66.666%; - } - /* Quarters */ - .uk-width-medium-1-4 { - width: 25%; - } - .uk-width-medium-3-4 { - width: 75%; - } - /* Fifths */ - .uk-width-medium-1-5, - .uk-width-medium-2-10 { - width: 20%; - } - .uk-width-medium-2-5, - .uk-width-medium-4-10 { - width: 40%; - } - .uk-width-medium-3-5, - .uk-width-medium-6-10 { - width: 60%; - } - .uk-width-medium-4-5, - .uk-width-medium-8-10 { - width: 80%; - } - /* Sixths */ - .uk-width-medium-1-6 { - width: 16.666%; - } - .uk-width-medium-5-6 { - width: 83.333%; - } - /* Tenths */ - .uk-width-medium-1-10 { - width: 10%; - } - .uk-width-medium-3-10 { - width: 30%; - } - .uk-width-medium-7-10 { - width: 70%; - } - .uk-width-medium-9-10 { - width: 90%; - } -} -/* Only desktop */ -@media (min-width: 960px) { - /* Whole */ - .uk-width-large-1-1 { - width: 100%; - } - /* Halves */ - .uk-width-large-1-2, - .uk-width-large-2-4, - .uk-width-large-3-6, - .uk-width-large-5-10 { - width: 50%; - } - /* Thirds */ - .uk-width-large-1-3, - .uk-width-large-2-6 { - width: 33.333%; - } - .uk-width-large-2-3, - .uk-width-large-4-6 { - width: 66.666%; - } - /* Quarters */ - .uk-width-large-1-4 { - width: 25%; - } - .uk-width-large-3-4 { - width: 75%; - } - /* Fifths */ - .uk-width-large-1-5, - .uk-width-large-2-10 { - width: 20%; - } - .uk-width-large-2-5, - .uk-width-large-4-10 { - width: 40%; - } - .uk-width-large-3-5, - .uk-width-large-6-10 { - width: 60%; - } - .uk-width-large-4-5, - .uk-width-large-8-10 { - width: 80%; - } - /* Sixths */ - .uk-width-large-1-6 { - width: 16.666%; - } - .uk-width-large-5-6 { - width: 83.333%; - } - /* Tenths */ - .uk-width-large-1-10 { - width: 10%; - } - .uk-width-large-3-10 { - width: 30%; - } - .uk-width-large-7-10 { - width: 70%; - } - .uk-width-large-9-10 { - width: 90%; - } -} -/* Sub-object: `uk-push-*` and `uk-pull-*` - ========================================================================== */ -/* - * Source ordering - * Works only with `uk-width-medium-*` - */ -/* Only tablets and desktop */ -@media (min-width: 768px) { - [class*='uk-push-'], - [class*='uk-pull-'] { - position: relative; - } - /* - * Push - */ - /* Halves */ - .uk-push-1-2, - .uk-push-2-4, - .uk-push-3-6, - .uk-push-5-10 { - left: 50%; - } - /* Thirds */ - .uk-push-1-3, - .uk-push-2-6 { - left: 33.333%; - } - .uk-push-2-3, - .uk-push-4-6 { - left: 66.666%; - } - /* Quarters */ - .uk-push-1-4 { - left: 25%; - } - .uk-push-3-4 { - left: 75%; - } - /* Fifths */ - .uk-push-1-5, - .uk-push-2-10 { - left: 20%; - } - .uk-push-2-5, - .uk-push-4-10 { - left: 40%; - } - .uk-push-3-5, - .uk-push-6-10 { - left: 60%; - } - .uk-push-4-5, - .uk-push-8-10 { - left: 80%; - } - /* Sixths */ - .uk-push-1-6 { - left: 16.666%; - } - .uk-push-5-6 { - left: 83.333%; - } - /* Tenths */ - .uk-push-1-10 { - left: 10%; - } - .uk-push-3-10 { - left: 30%; - } - .uk-push-7-10 { - left: 70%; - } - .uk-push-9-10 { - left: 90%; - } - /* - * Pull - */ - /* Halves */ - .uk-pull-1-2, - .uk-pull-2-4, - .uk-pull-3-6, - .uk-pull-5-10 { - left: -50%; - } - /* Thirds */ - .uk-pull-1-3, - .uk-pull-2-6 { - left: -33.333%; - } - .uk-pull-2-3, - .uk-pull-4-6 { - left: -66.666%; - } - /* Quarters */ - .uk-pull-1-4 { - left: -25%; - } - .uk-pull-3-4 { - left: -75%; - } - /* Fifths */ - .uk-pull-1-5, - .uk-pull-2-10 { - left: -20%; - } - .uk-pull-2-5, - .uk-pull-4-10 { - left: -40%; - } - .uk-pull-3-5, - .uk-pull-6-10 { - left: -60%; - } - .uk-pull-4-5, - .uk-pull-8-10 { - left: -80%; - } - /* Sixths */ - .uk-pull-1-6 { - left: -16.666%; - } - .uk-pull-5-6 { - left: -83.333%; - } - /* Tenths */ - .uk-pull-1-10 { - left: -10%; - } - .uk-pull-3-10 { - left: -30%; - } - .uk-pull-7-10 { - left: -70%; - } - .uk-pull-9-10 { - left: -90%; - } -} -/* ======================================================================== - Component: Panel - ========================================================================== */ -/* - * 1. Needed for `a` elements - * 2. Create position context for badges - */ -.uk-panel { - /* 1 */ - display: block; - /* 2 */ - position: relative; -} -/* - * Micro clearfix to make panels more robust - */ -.uk-panel:before, -.uk-panel:after { - content: " "; - display: table; -} -.uk-panel:after { - clear: both; -} -/* - * Remove margin from the last-child if not `uk-widget-title` - */ -.uk-panel > :not(.uk-panel-title):last-child { - margin-bottom: 0; -} -/* Sub-object: `uk-panel-title` - ========================================================================== */ -.uk-panel-title { - margin-top: 0; - margin-bottom: 15px; - font-size: 18px; - line-height: 24px; - font-weight: normal; - text-transform: none; - color: #444444; -} -/* Sub-object: `uk-panel-badge` - ========================================================================== */ -.uk-panel-badge { - position: absolute; - top: 0; - right: 0; - z-index: 1; -} -/* Modifier: `uk-panel-box` - ========================================================================== */ -.uk-panel-box { - padding: 15px; - background: #fafafa; - color: #444444; - border: 1px solid #dddddd; - border-radius: 4px; -} -.uk-panel-box .uk-panel-title { - color: #444444; -} -.uk-panel-box .uk-panel-badge { - top: 10px; - right: 10px; -} -.uk-panel-box .uk-panel-teaser { - margin: -16px -16px 15px -16px; -} -/* - * Nav in panel - */ -.uk-panel-box > .uk-nav-side { - margin: 0 -15px; -} -/* - * Sub-modifier: `uk-panel-box-primary` - */ -.uk-panel-box-primary { - background-color: #ebf7fd; - color: #2d7091; - border-color: rgba(45, 112, 145, 0.3); -} -.uk-panel-box-primary .uk-panel-title { - color: #2d7091; -} -/* - * Sub-modifier: `uk-panel-box-secondary` - */ -.uk-panel-box-secondary { - background-color: #ffffff; - color: #444444; -} -.uk-panel-box-secondary .uk-panel-title { - color: #444444; -} -/* Modifier: `uk-panel-header` - ========================================================================== */ -.uk-panel-header .uk-panel-title { - padding-bottom: 10px; - border-bottom: 1px solid #dddddd; - color: #444444; -} -/* Modifier: `uk-panel-space` - ========================================================================== */ -.uk-panel-space { - padding: 30px; -} -.uk-panel-space .uk-panel-badge { - top: 30px; - right: 30px; -} -/* Modifier: `uk-panel-divider` - ========================================================================== */ -.uk-panel + .uk-panel-divider { - margin-top: 50px !important; -} -.uk-panel + .uk-panel-divider:before { - content: ""; - display: block; - position: absolute; - top: -25px; - left: 0; - right: 0; - border-top: 1px solid #dddddd; -} -/* Only large screens */ -@media (min-width: 1220px) { - .uk-panel + .uk-panel-divider { - margin-top: 70px !important; - } - .uk-panel + .uk-panel-divider:before { - top: -35px; - } -} -.uk-panel-box img { - border-top-left-radius: 4px; - border-top-right-radius: 4px; -} -/* ======================================================================== - Component: Article - ========================================================================== */ -/* - * Micro clearfix to make articles more robust - */ -.uk-article:before, -.uk-article:after { - content: " "; - display: table; -} -.uk-article:after { - clear: both; -} -/* - * Remove margin from the last-child - */ -.uk-article > :last-child { - margin-bottom: 0; -} -/* - * Vertical gutter for articles - */ -.uk-article + .uk-article { - margin-top: 15px; -} -/* Sub-object `uk-article-title` - ========================================================================== */ -.uk-article-title { - font-size: 36px; - line-height: 42px; - font-weight: normal; - text-transform: none; -} -.uk-article-title a { - color: inherit; - text-decoration: none; -} -/* Sub-object `uk-article-meta` - ========================================================================== */ -.uk-article-meta { - font-size: 12px; - line-height: 18px; - color: #999999; -} -/* Sub-object `uk-article-lead` - ========================================================================== */ -.uk-article-lead { - color: #444444; - font-size: 18px; - line-height: 24px; - font-weight: normal; -} -/* Sub-object `uk-article-divider` - ========================================================================== */ -.uk-article-divider { - margin-bottom: 25px; - border-color: #dddddd; -} -* + .uk-article-divider { - margin-top: 25px; -} -.uk-article + .uk-article { - padding-top: 15px; - border-top: 1px solid #dddddd; -} -/* ======================================================================== - Component: Comment - ========================================================================== */ -/* Sub-object `uk-comment-header` - ========================================================================== */ -.uk-comment-header { - margin-bottom: 15px; - padding: 10px; - border: 1px solid #dddddd; - border-radius: 4px; - background: #fafafa; -} -/* - * Micro clearfix - */ -.uk-comment-header:before, -.uk-comment-header:after { - content: " "; - display: table; -} -.uk-comment-header:after { - clear: both; -} -/* Sub-object `uk-comment-avatar` - ========================================================================== */ -.uk-comment-avatar { - margin-right: 15px; - float: left; -} -/* Sub-object `uk-comment-title` - ========================================================================== */ -.uk-comment-title { - margin: 5px 0 0 0; - font-size: 16px; - line-height: 22px; -} -/* Sub-object `uk-comment-meta` - ========================================================================== */ -.uk-comment-meta { - margin: 2px 0 0 0; - font-size: 11px; - line-height: 16px; - color: #999999; -} -/* Sub-object `uk-comment-body` - ========================================================================== */ -/* - * Remove margin from the last-child - */ -.uk-comment-body > :last-child { - margin-bottom: 0; -} -/* Sub-object `uk-comment-list` - ========================================================================== */ -.uk-comment-list { - padding: 0; - list-style: none; -} -.uk-comment-list .uk-comment + ul { - margin: 25px 0 0 0; - list-style: none; -} -.uk-comment-list > li:nth-child(n+2), -.uk-comment-list .uk-comment + ul > li:nth-child(n+2) { - margin-top: 25px; -} -/* Only tablets and desktops */ -@media (min-width: 768px) { - .uk-comment-list .uk-comment + ul { - padding-left: 100px; - } -} -/* Modifier `uk-comment-primary` - ========================================================================== */ -/* Sub-object `uk-comment-body` - ========================================================================== */ -.uk-comment-body { - padding-left: 10px; - padding-right: 10px; -} -.uk-comment-primary .uk-comment-header { - border-color: rgba(45, 112, 145, 0.3); - background-color: #ebf7fd; - color: #2d7091; - text-shadow: 0 1px 0 #ffffff; -} -/* ======================================================================== - Component: Nav - ========================================================================== */ -.uk-nav, -.uk-nav ul { - margin: 0; - padding: 0; - list-style: none; -} -/* - * Items - */ -.uk-nav li > a { - display: block; - text-decoration: none; -} -.uk-nav > li > a { - padding: 5px 15px; -} -/* - * Nested items - */ -.uk-nav ul { - padding-left: 15px; -} -.uk-nav ul a { - padding: 2px 0; -} -/* - * Item subtitle - */ -.uk-nav li > a > div { - font-size: 12px; - line-height: 18px; -} -/* Sub-object: `uk-nav-header` - ========================================================================== */ -.uk-nav-header { - padding: 5px 15px; - text-transform: uppercase; - font-weight: bold; - font-size: 12px; -} -.uk-nav-header:not(:first-child) { - margin-top: 15px; -} -/* Sub-object: `uk-nav-divider` - ========================================================================== */ -.uk-nav-divider { - margin: 9px 15px; -} -/* Sub-object: `uk-nav-sub` - ========================================================================== */ -/* - * `ul` needed for higher specificity to override padding - */ -ul.uk-nav-sub { - padding: 5px 0 5px 15px; -} -/* Modifier: `uk-nav-parent-icon` - ========================================================================== */ -.uk-nav-parent-icon > .uk-parent > a:after { - content: "\f104"; - width: 20px; - margin-right: -10px; - float: right; - font-family: FontAwesome; - text-align: center; -} -.uk-nav-parent-icon > .uk-parent.uk-open > a:after { - content: "\f107"; -} -/* Modifier `uk-nav-side` - ========================================================================== */ -/* - * Items - */ -.uk-nav-side > li > a { - color: #444444; -} -/* - * Hover - * 1. Apply hover style also to focus state - * 2. Remove default focus style - */ -.uk-nav-side > li > a:hover, -.uk-nav-side > li > a:focus { - background: rgba(0, 0, 0, 0.03); - color: #444444; - /* 2 */ - outline: none; - box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.06); - text-shadow: 0 -1px 0 #ffffff; -} -/* Active */ -.uk-nav-side > li.uk-active > a { - background: #00a8e6; - color: #ffffff; - box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05); - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); -} -/* - * Sub-object: `uk-nav-header` - */ -.uk-nav-side .uk-nav-header { - color: #444444; -} -/* - * Sub-object: `uk-nav-divider` - */ -.uk-nav-side .uk-nav-divider { - border-top: 1px solid #dddddd; - box-shadow: 0 1px 0 #ffffff; -} -/* - * Nested items - */ -.uk-nav-side ul a { - color: #0077dd; -} -.uk-nav-side ul a:hover { - color: #005599; -} -/* Modifier `uk-nav-dropdown` - ========================================================================== */ -/* - * Items - */ -.uk-nav-dropdown > li > a { - color: #444444; -} -/* - * Hover - * 1. Apply hover style also to focus state - * 2. Remove default focus style - */ -.uk-nav-dropdown > li > a:hover, -.uk-nav-dropdown > li > a:focus { - background: #00a8e6; - color: #ffffff; - /* 2 */ - outline: none; - box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05); - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); -} -/* - * Sub-object: `uk-nav-header` - */ -.uk-nav-dropdown .uk-nav-header { - color: #999999; -} -/* - * Sub-object: `uk-nav-divider` - */ -.uk-nav-dropdown .uk-nav-divider { - border-top: 1px solid #dddddd; -} -/* - * Nested items - */ -.uk-nav-dropdown ul a { - color: #0077dd; -} -.uk-nav-dropdown ul a:hover { - color: #005599; -} -/* Modifier `uk-nav-navbar` - ========================================================================== */ -/* - * Items - */ -.uk-nav-navbar > li > a { - color: #444444; -} -/* - * Hover - * 1. Apply hover style also to focus state - * 2. Remove default focus style - */ -.uk-nav-navbar > li > a:hover, -.uk-nav-navbar > li > a:focus { - background: #00a8e6; - color: #ffffff; - /* 2 */ - outline: none; - box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05); - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); -} -/* - * Sub-object: `uk-nav-header` - */ -.uk-nav-navbar .uk-nav-header { - color: #999999; -} -/* - * Sub-object: `uk-nav-divider` - */ -.uk-nav-navbar .uk-nav-divider { - border-top: 1px solid #dddddd; -} -/* - * Nested items - */ -.uk-nav-navbar ul a { - color: #0077dd; -} -.uk-nav-navbar ul a:hover { - color: #005599; -} -/* Modifier `uk-nav-search` - ========================================================================== */ -/* - * Items - */ -.uk-nav-search > li > a { - color: #444444; -} -/* - * Active - * 1. Remove default focus style - */ -.uk-nav-search > li.uk-active > a { - background: #00a8e6; - color: #ffffff; - /* 1 */ - outline: none; - box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05); - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); -} -/* - * Sub-object: `uk-nav-header` - */ -.uk-nav-search .uk-nav-header { - color: #999999; -} -/* - * Sub-object: `uk-nav-divider` - */ -.uk-nav-search .uk-nav-divider { - border-top: 1px solid #dddddd; -} -/* - * Nested items - */ -.uk-nav-search ul a { - color: #0077dd; -} -.uk-nav-search ul a:hover { - color: #005599; -} -/* Modifier `uk-nav-offcanvas` - ========================================================================== */ -/* - * Items - */ -.uk-nav-offcanvas > li > a { - color: #cccccc; - padding: 10px 15px; - border-top: 1px solid rgba(0, 0, 0, 0.3); - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05); - text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); -} -/* - * Hover - * No hover on touch devices because it behaves buggy in fixed offcanvas - * 1. Apply hover style also to focus state - * 2. Remove default focus style - */ -.uk-nav-offcanvas > .uk-open > a, -html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover, -html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus { - background: #404040; - color: #ffffff; - /* 2 */ - outline: none; -} -/* - * Active - * `html .uk-nav` needed for higher specificity to override hover - */ -html .uk-nav.uk-nav-offcanvas > li.uk-active > a { - background: #1a1a1a; - color: #ffffff; - box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3); -} -/* - * Sub-object: `uk-nav-header` - */ -.uk-nav-offcanvas .uk-nav-header { - color: #777777; - margin-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.3); - background: #404040; - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05); - text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); -} -/* - * Sub-object: `uk-nav-divider` - */ -.uk-nav-offcanvas .uk-nav-divider { - border-top: 1px solid rgba(255, 255, 255, 0.01); - margin: 0; - height: 4px; - background: rgba(0, 0, 0, 0.2); - box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3); -} -/* - * Nested items - * No hover on touch devices because it behaves buggy in fixed offcanvas - */ -.uk-nav-offcanvas ul a { - color: #cccccc; -} -html:not(.uk-touch) .uk-nav-offcanvas ul a:hover { - color: #ffffff; -} -/* - * Modifier `uk-nav-offcanvas` - */ -.uk-nav-offcanvas { - border-bottom: 1px solid rgba(0, 0, 0, 0.3); - box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); -} -/* - * Sub-object: `uk-nav-sub` - */ -.uk-nav-offcanvas .uk-nav-sub { - border-top: 1px solid rgba(0, 0, 0, 0.3); - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05); -} -/* ======================================================================== - Component: Navbar - ========================================================================== */ -.uk-navbar { - background: #f5f5f5; - color: #444444; - border: 1px solid rgba(0, 0, 0, 0.06); -} -/* - * Micro clearfix - */ -.uk-navbar:before, -.uk-navbar:after { - content: " "; - display: table; -} -.uk-navbar:after { - clear: both; -} -/* Sub-object: `uk-navbar-nav` - ========================================================================== */ -.uk-navbar-nav { - margin: 0; - padding: 0; - list-style: none; - float: left; -} -/* - * 1. Create position context for dropdowns - */ -.uk-navbar-nav > li { - float: left; - /* 1 */ - position: relative; -} -/* - * 1. Dimensions - * 2. Style - */ -.uk-navbar-nav > li > a { - display: block; - -moz-box-sizing: border-box; - box-sizing: border-box; - text-decoration: none; - /* 1 */ - height: 40px; - padding: 0 15px; - line-height: 40px; - /* 2 */ - color: #444444; - font-size: 14px; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-weight: normal; - margin-top: -1px; - margin-left: -1px; - height: 41px; - border: 1px solid transparent; - border-bottom-width: 0; - text-shadow: 0 1px 0 #ffffff; -} -/* Appear not as link */ -.uk-navbar-nav > li > a[href='#'] { - cursor: text; -} -/* - * Hover - * 1. Apply hover style also to focus state - * 2. Also apply if dropdown is opened - * 3. Remove default focus style - */ -.uk-navbar-nav > li:hover > a, -.uk-navbar-nav > li > a:focus, -.uk-navbar-nav > li.uk-open > a { - background-color: #fafafa; - color: #444444; - /* 3 */ - outline: none; - position: relative; - z-index: 1; - border-left-color: rgba(0, 0, 0, 0.1); - border-right-color: rgba(0, 0, 0, 0.1); - border-top-color: rgba(0, 0, 0, 0.1); -} -/* OnClick */ -.uk-navbar-nav > li > a:active { - background-color: #eeeeee; - color: #444444; - border-left-color: rgba(0, 0, 0, 0.1); - border-right-color: rgba(0, 0, 0, 0.1); - border-top-color: rgba(0, 0, 0, 0.2); -} -/* Active */ -.uk-navbar-nav > li.uk-active > a { - background-color: #fafafa; - color: #444444; - border-left-color: rgba(0, 0, 0, 0.1); - border-right-color: rgba(0, 0, 0, 0.1); - border-top-color: rgba(0, 0, 0, 0.1); -} -/* Sub-objects: `uk-navbar-nav-subtitle` - ========================================================================== */ -.uk-navbar-nav .uk-navbar-nav-subtitle { - line-height: 28px; -} -.uk-navbar-nav-subtitle > div { - margin-top: -6px; - font-size: 10px; - line-height: 12px; -} -/* Sub-objects: `uk-navbar-content`, `uk-navbar-brand`, `uk-navbar-toggle` - ========================================================================== */ -/* - * Imitate navbar items - */ -.uk-navbar-content, -.uk-navbar-brand, -.uk-navbar-toggle { - -moz-box-sizing: border-box; - box-sizing: border-box; - display: block; - height: 40px; - padding: 0 15px; - float: left; - text-shadow: 0 1px 0 #ffffff; -} -/* - * Helper to center all child elements vertically - */ -.uk-navbar-content:before, -.uk-navbar-brand:before, -.uk-navbar-toggle:before { - content: ''; - display: inline-block; - height: 100%; - vertical-align: middle; -} -/* Sub-objects: `uk-navbar-content` - ========================================================================== */ -/* - * Better sibling spacing - */ -.uk-navbar-content + .uk-navbar-content:not(.uk-navbar-center) { - padding-left: 0; -} -/* - * Link colors - */ -.uk-navbar-content > a:not([class]) { - color: #0077dd; -} -.uk-navbar-content > a:not([class]):hover { - color: #005599; -} -/* Sub-objects: `uk-navbar-brand` - ========================================================================== */ -.uk-navbar-brand { - font-size: 18px; - color: #444444; -} -/* - * 1. Apply hover style also to focus state - * 2. Remove default focus style - */ -.uk-navbar-brand:hover, -.uk-navbar-brand:focus { - color: #444444; - text-decoration: none; - /* 2 */ - outline: none; -} -/* Sub-object: `uk-navbar-toggle` - ========================================================================== */ -.uk-navbar-toggle { - font-size: 18px; - color: #444444; -} -/* - * 1. Apply hover style also to focus state - * 2. Remove default focus style - */ -.uk-navbar-toggle:hover, -.uk-navbar-toggle:focus { - color: #444444; - text-decoration: none; - /* 2 */ - outline: none; -} -/* - * 1. Center icon vertically - */ -.uk-navbar-toggle:after { - content: "\f0c9"; - font-family: FontAwesome; - /* 1 */ - vertical-align: middle; -} -.uk-navbar-toggle-alt:after { - content: "\f002"; -} -/* Sub-object: `uk-navbar-center` - ========================================================================== */ -/* - * The element with this class needs to be last child in the navbar - * 1. This hack is needed because other float elements shift centered text - */ -.uk-navbar-center { - float: none; - text-align: center; - /* 1 */ - max-width: 50%; - margin: auto; -} -/* Sub-object: `uk-navbar-flip` - ========================================================================== */ -.uk-navbar-flip { - float: right; -} -.uk-navbar:not(.uk-navbar-attached) { - border-radius: 4px; -} -/* - * Apply same `border-radius` as `uk-navbar` - */ -.uk-navbar:not(.uk-navbar-attached) .uk-navbar-nav:first-child > li:first-child > a { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} -/* - * Sub-modifier `uk-navbar-flip` - */ -/* Collapse border */ -.uk-navbar .uk-navbar-flip .uk-navbar-nav > li > a { - margin-left: 0; - margin-right: -1px; -} -/* Apply same `border-radius` as `uk-navbar` */ -.uk-navbar .uk-navbar-flip .uk-navbar-nav:first-child > li:first-child > a { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.uk-navbar:not(.uk-navbar-attached) .uk-navbar-flip .uk-navbar-nav:last-child > li:last-child > a { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} -/* ======================================================================== - Component: Subnav - ========================================================================== */ -/* - * 1. Remove default list style - * 2. Remove whitespace between child elements when using `inline-block` - */ -.uk-subnav { - /* 1 */ - padding: 0; - list-style: none; - /* 2 */ - letter-spacing: -0.31em; -} -/* Items - ========================================================================== */ -/* - * 1. Create position context for dropdowns - * 2. Reset whitespace hack - */ -.uk-subnav > li { - /* 1 */ - position: relative; - /* 2 */ - letter-spacing: normal; -} -.uk-subnav > li, -.uk-subnav > li > a, -.uk-subnav > li > span { - display: inline-block; -} -.uk-subnav > li:nth-child(n+2) { - margin-left: 10px; -} -/* - * Items - */ -.uk-subnav > li > a { - color: #0077dd; -} -.uk-subnav > li > a:hover { - color: #005599; -} -/* - * Disabled - */ -.uk-subnav > li > span { - color: #999999; -} -/* Modifier: 'subnav-line' - ========================================================================== */ -.uk-subnav-line > li:nth-child(n+2):before { - content: ""; - display: inline-block; - height: 10px; - margin-right: 10px; - border-left: 1px solid #dddddd; -} -/* Modifier: 'subnav-pill' - ========================================================================== */ -.uk-subnav-pill > li > a, -.uk-subnav-pill > li > span { - padding: 3px 9px; - text-decoration: none; - border-radius: 4px; -} -/* - * Hover - * 1. Apply hover style also to focus state - * 2. Remove default focus style - */ -.uk-subnav-pill > li > a:hover, -.uk-subnav-pill > li > a:focus { - background: #fafafa; - color: #444444; - /* 2 */ - outline: none; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15); -} -/* - * Active - * `li` needed for higher specificity to override hover - */ -.uk-subnav-pill > li.uk-active > a { - background: #00a8e6; - color: #ffffff; - box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05); -} -/* ======================================================================== - Component: Breadcrumb - ========================================================================== */ -/* - * 1. Remove default list style - * 2. Remove whitespace between child elements when using `inline-block` - */ -.uk-breadcrumb { - /* 1 */ - padding: 0; - list-style: none; - /* 2 */ - letter-spacing: -0.31em; -} -/* Items - ========================================================================== */ -/* - * Reset whitespace hack - */ -.uk-breadcrumb > li { - letter-spacing: normal; -} -.uk-breadcrumb > li, -.uk-breadcrumb > li > a, -.uk-breadcrumb > li > span { - display: inline-block; -} -.uk-breadcrumb > li:nth-child(n+2):before { - content: "/"; - display: inline-block; - margin: 0 8px; -} -/* - * Disabled - */ -.uk-breadcrumb > li:not(.uk-active) > span { - color: #999999; -} -/* ======================================================================== - Component: Pagination - ========================================================================== */ -/* - * 1. Remove default list style - * 2. Center pagination by default - * 3. Remove whitespace between child elements when using `inline-block` - */ -.uk-pagination { - /* 1 */ - padding: 0; - list-style: none; - /* 2 */ - text-align: center; - /* 3 */ - letter-spacing: -0.31em; -} -/* - * Micro clearfix - * Needed if `uk-pagination-previous` or `uk-pagination-next` sub-objects are used - */ -.uk-pagination:before, -.uk-pagination:after { - content: " "; - display: table; -} -.uk-pagination:after { - clear: both; -} -/* Items - ========================================================================== */ -/* - * 1. Reset whitespace hack - */ -.uk-pagination > li { - display: inline-block; - /* 1 */ - letter-spacing: normal; -} -.uk-pagination > li:nth-child(n+2) { - margin-left: 5px; -} -/* - * 1. Makes pagination more robust against different box-sizing use - * 2. Reset text-align to center if alignment modifier is used - */ -.uk-pagination > li > a, -.uk-pagination > li > span { - display: inline-block; - min-width: 16px; - padding: 3px 5px; - line-height: 20px; - text-decoration: none; - /* 1 */ - -moz-box-sizing: content-box; - box-sizing: content-box; - /* 2 */ - text-align: center; - border-radius: 4px; -} -/* - * Links - */ -.uk-pagination > li > a { - background: #f5f5f5; - color: #444444; - border: 1px solid rgba(0, 0, 0, 0.06); - text-shadow: 0 1px 0 #ffffff; -} -/* - * Hover - * 1. Apply hover style also to focus state - * 2. Remove default focus style - */ -.uk-pagination > li > a:hover, -.uk-pagination > li > a:focus { - background-color: #fafafa; - color: #444444; - /* 2 */ - outline: none; - border-color: rgba(0, 0, 0, 0.16); -} -/* OnClick */ -.uk-pagination > li > a:active { - background-color: #eeeeee; - color: #444444; -} -/* - * Active - */ -.uk-pagination > .uk-active > span { - background: #00a8e6; - color: #ffffff; - box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05); - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); -} -/* - * Disabled - */ -.uk-pagination > .uk-disabled > span { - background-color: #fafafa; - color: #999999; - border: 1px solid rgba(0, 0, 0, 0.06); - text-shadow: 0 1px 0 #ffffff; -} -/* Previous and next navigation - ========================================================================== */ -.uk-pagination-previous { - float: left; -} -.uk-pagination-next { - float: right; -} -/* Alignment modifiers - ========================================================================== */ -.uk-pagination-left { - text-align: left; -} -.uk-pagination-right { - text-align: right; -} -/* ======================================================================== - Component: Tab - ========================================================================== */ -.uk-tab { - margin: 0; - padding: 0; - list-style: none; - border-bottom: 1px solid #dddddd; -} -/* - * Micro clearfix on the deepest container - */ -.uk-tab:before, -.uk-tab:after { - content: " "; - display: table; -} -.uk-tab:after { - clear: both; -} -/* - * Items - * 1. Create position context for dropdowns - */ -.uk-tab > li { - margin-bottom: -1px; - float: left; - /* 1 */ - position: relative; -} -.uk-tab > li > a { - display: block; - padding: 8px 12px 8px 12px; - border: 1px solid transparent; - border-bottom-width: 0; - color: #0077dd; - text-decoration: none; - border-radius: 4px 4px 0 0; - text-shadow: 0 1px 0 #ffffff; -} -.uk-tab > li:nth-child(n+2) > a { - margin-left: 5px; -} -/* - * Hover - * 1. Apply hover style also to focus state - * 2. Also apply if dropdown is opened - * 3. Remove default focus style - */ -.uk-tab > li > a:hover, -.uk-tab > li > a:focus, -.uk-tab > li.uk-open > a { - border-color: rgba(0, 0, 0, 0.06); - background: #f5f5f5; - color: #005599; - /* 2 */ - outline: none; -} -.uk-tab > li:not(.uk-active) > a:hover, -.uk-tab > li:not(.uk-active) > a:focus, -.uk-tab > li.uk-open:not(.uk-active) > a { - margin-bottom: 1px; - padding-bottom: 7px; -} -/* Active */ -.uk-tab > li.uk-active > a { - border-color: #dddddd; - border-bottom-color: transparent; - background: #ffffff; - color: #444444; -} -/* Disabled */ -.uk-tab > li.uk-disabled > a { - color: #999999; - cursor: auto; -} -.uk-tab > li.uk-disabled > a:hover, -.uk-tab > li.uk-disabled > a:focus, -.uk-tab > li.uk-disabled.uk-active > a { - background: none; - border-color: transparent; -} -/* Modifier: 'tab-flip' - ========================================================================== */ -.uk-tab-flip > li { - float: right; -} -.uk-tab-flip > li:nth-child(n+2) > a { - margin-left: 0; - margin-right: 5px; -} -/* Modifier: 'tab-responsive' - ========================================================================== */ -/* - * Hidden by default - */ -.uk-tab-responsive { - display: none; -} -.uk-tab-responsive > a:before { - content: "\f0c9\00a0"; - font-family: FontAwesome; -} -/* Only phones */ -@media (max-width: 767px) { - [data-uk-tab] > li { - display: none; - } - [data-uk-tab] > li.uk-tab-responsive { - display: block; - } - [data-uk-tab] > li.uk-tab-responsive > a { - margin-left: 0; - margin-right: 0; - } -} -/* Modifier: 'tab-center' - ========================================================================== */ -.uk-tab-center { - border-bottom: 1px solid #dddddd; -} -.uk-tab-center-bottom { - border-bottom: none; - border-top: 1px solid #dddddd; -} -.uk-tab-center:before, -.uk-tab-center:after { - content: " "; - display: table; -} -.uk-tab-center:after { - clear: both; -} -.uk-tab-center .uk-tab { - position: relative; - left: 50%; - border: none; - float: left; -} -.uk-tab-center .uk-tab > li { - position: relative; - left: -50%; -} -.uk-tab-center .uk-tab > li > a { - text-align: center; -} -/* Modifier: 'tab-bottom' - ========================================================================== */ -.uk-tab-bottom { - border-top: 1px solid #dddddd; - border-bottom: none; -} -.uk-tab-bottom > li { - margin-top: -1px; - margin-bottom: 0; -} -.uk-tab-bottom > li > a { - padding-top: 8px; - padding-bottom: 8px; - border-bottom-width: 1px; - border-top-width: 0; -} -.uk-tab-bottom > li:not(.uk-active) > a:hover, -.uk-tab-bottom > li:not(.uk-active) > a:focus, -.uk-tab-bottom > li.uk-open:not(.uk-active) > a { - margin-bottom: 0; - margin-top: 1px; - padding-bottom: 8px; - padding-top: 7px; -} -.uk-tab-bottom > li.uk-active > a { - border-top-color: transparent; - border-bottom-color: #dddddd; -} -/* Modifier: 'tab-grid' - ========================================================================== */ -/* - * 1. Create position context to prevent hidden border because of negative `z-index` - */ -.uk-tab-grid { - margin-left: -5px; - border-bottom: none; - /* 1 */ - position: relative; - z-index: 0; -} -.uk-tab-grid:before { - display: block; - position: absolute; - left: 5px; - right: 0; - bottom: -1px; - border-top: 1px solid #dddddd; - /* 1 */ - z-index: -1; -} -.uk-tab-grid > li:first-child > a { - margin-left: 5px; -} -.uk-tab-grid > li > a { - text-align: center; -} -/* - * If `uk-tab-bottom` - */ -.uk-tab-grid.uk-tab-bottom { - border-top: none; -} -.uk-tab-grid.uk-tab-bottom:before { - top: -1px; - bottom: auto; -} -/* Modifier: 'tab-left', 'tab-right' - ========================================================================== */ -/* Only tablets and desktops */ -@media (min-width: 768px) { - .uk-tab-left, - .uk-tab-right { - border-bottom: none; - } - .uk-tab-left > li, - .uk-tab-right > li { - margin-bottom: 0; - float: none; - } - .uk-tab-left > li > a, - .uk-tab-right > li > a { - padding-top: 8px; - padding-bottom: 8px; - } - .uk-tab-left > li:nth-child(n+2) > a, - .uk-tab-right > li:nth-child(n+2) > a { - margin-left: 0; - margin-top: 5px; - } - .uk-tab-left > li.uk-active > a, - .uk-tab-right > li.uk-active > a { - border-color: #dddddd; - } - /* - * Modifier: 'tab-left' - */ - .uk-tab-left { - border-right: 1px solid #dddddd; - } - .uk-tab-left > li { - margin-right: -1px; - } - .uk-tab-left > li > a { - border-bottom-width: 1px; - border-right-width: 0; - } - .uk-tab-left > li:not(.uk-active) > a:hover, - .uk-tab-left > li:not(.uk-active) > a:focus { - margin-bottom: 0; - margin-right: 1px; - padding-bottom: 8px; - padding-right: 11px; - } - .uk-tab-left > li.uk-active > a { - border-right-color: transparent; - } - /* - * Modifier: 'tab-right' - */ - .uk-tab-right { - border-left: 1px solid #dddddd; - } - .uk-tab-right > li { - margin-left: -1px; - } - .uk-tab-right > li > a { - border-bottom-width: 1px; - border-left-width: 0; - } - .uk-tab-right > li:not(.uk-active) > a:hover, - .uk-tab-right > li:not(.uk-active) > a:focus { - margin-bottom: 0; - margin-left: 1px; - padding-bottom: 8px; - padding-left: 11px; - } - .uk-tab-right > li.uk-active > a { - border-left-color: transparent; - } -} -/* Modifier: `uk-tab-bottom' - ========================================================================== */ -.uk-tab-bottom > li > a { - border-radius: 0 0 4px 4px; -} -/* Modifier: `uk-tab-left', `uk-tab-right' - ========================================================================== */ -/* Only tablets and desktops */ -@media (min-width: 768px) { - /* - * Modifier: `uk-tab-left' - */ - .uk-tab-left > li > a { - border-radius: 4px 0 0 4px; - } - /* - * Modifier: `uk-tab-right' - */ - .uk-tab-right > li > a { - border-radius: 0 4px 4px 0; - } -} -/* ======================================================================== - Component: List - ========================================================================== */ -.uk-list { - padding: 0; - list-style: none; -} -/* - * Nested lists - */ -.uk-list ul { - margin: 0; - padding-left: 20px; - list-style: none; -} -/* Modifier: `uk-list-line` - ========================================================================== */ -.uk-list-line > li:nth-child(n+2) { - margin-top: 5px; - padding-top: 5px; - border-top: 1px solid #dddddd; -} -/* Modifier: `uk-list-striped` - ========================================================================== */ -.uk-list-striped > li { - padding: 5px 5px; - border-bottom: 1px solid #dddddd; -} -.uk-list-striped > li:nth-of-type(odd) { - background: #fafafa; -} -/* Modifier: `uk-list-space` - ========================================================================== */ -.uk-list-space > li:nth-child(n+2) { - margin-top: 10px; -} -.uk-list-striped > li:first-child { - border-top: 1px solid #dddddd; -} -/* ======================================================================== - Component: Description list - ========================================================================== */ -/* Modifier: `uk-description-list-horizontal` - ========================================================================== */ -/* Only tablets and desktops */ -@media (min-width: 768px) { - .uk-description-list-horizontal { - overflow: hidden; - } - .uk-description-list-horizontal > dt { - width: 160px; - float: left; - clear: both; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } - .uk-description-list-horizontal > dd { - margin-left: 180px; - } -} -/* Modifier: `uk-description-list-line` - ========================================================================== */ -.uk-description-list-line > dt { - font-weight: normal; -} -.uk-description-list-line > dt:nth-child(n+2) { - margin-top: 5px; - padding-top: 5px; - border-top: 1px solid #dddddd; -} -.uk-description-list-line > dd { - color: #999999; -} -/* ======================================================================== - Component: Table - ========================================================================== */ -/* - * Block element behavior - */ -.uk-table { - width: 100%; - margin-bottom: 15px; -} -/* - * Add margin if adjacent element - */ -* + .uk-table { - margin-top: 15px; -} -.uk-table th, -.uk-table td { - padding: 8px 8px; - border-bottom: 1px solid #dddddd; -} -/* - * Set alignment - */ -.uk-table th { - text-align: left; -} -.uk-table td { - vertical-align: top; -} -.uk-table thead th { - vertical-align: bottom; -} -/* - * Caption and footer - */ -.uk-table caption, -.uk-table tfoot { - font-size: 12px; - font-style: italic; -} -.uk-table caption { - text-align: left; - color: #999999; -} -/* Sub-modifier: `uk-table-middel` - ========================================================================== */ -.uk-table-middle, -.uk-table-middle td { - vertical-align: middle !important; -} -/* Modifier: `uk-table-striped` - ========================================================================== */ -.uk-table-striped tbody tr:nth-of-type(odd) { - background: #fafafa; -} -/* Modifier: `uk-table-condensed` - ========================================================================== */ -.uk-table-condensed td { - padding: 4px 8px; -} -/* Modifier: `uk-table-hover` - ========================================================================== */ -.uk-table-hover tbody tr:hover { - background: #f0f0f0; -} -/* ======================================================================== - Component: Form - ========================================================================== */ -/* - * Remove margin from the last-child - */ -.uk-form > :last-child { - margin-bottom: 0; -} -/* - * Controls - * Except for `range`, `radio`, `checkbox`, `file`, `submit`, `reset`, `button` and `image` - * 1. Must be `height` because `min-height` is not working in OSX - * 2. Responsiveness: Sets a maximum width relative to the parent to scale on narrower viewports - * 3. Vertical `padding` needed for `select` elements in Firefox - * 4. Style - */ -.uk-form select, -.uk-form textarea, -.uk-form input:not([type]), -.uk-form input[type="text"], -.uk-form input[type="password"], -.uk-form input[type="datetime"], -.uk-form input[type="datetime-local"], -.uk-form input[type="date"], -.uk-form input[type="month"], -.uk-form input[type="time"], -.uk-form input[type="week"], -.uk-form input[type="number"], -.uk-form input[type="email"], -.uk-form input[type="url"], -.uk-form input[type="search"], -.uk-form input[type="tel"], -.uk-form input[type="color"] { - /* 1 */ - height: 30px; - /* 2 */ - max-width: 100%; - /* 3 */ - padding: 4px 6px; - /* 4 */ - border: 1px solid #dddddd; - background: #ffffff; - color: #444444; - -webkit-transition: all linear 0.2s; - transition: all linear 0.2s; - border-radius: 4px; - /* Focus state */ - /* Disabled state */ -} -.uk-form select:focus, -.uk-form textarea:focus, -.uk-form input:not([type]):focus, -.uk-form input[type="text"]:focus, -.uk-form input[type="password"]:focus, -.uk-form input[type="datetime"]:focus, -.uk-form input[type="datetime-local"]:focus, -.uk-form input[type="date"]:focus, -.uk-form input[type="month"]:focus, -.uk-form input[type="time"]:focus, -.uk-form input[type="week"]:focus, -.uk-form input[type="number"]:focus, -.uk-form input[type="email"]:focus, -.uk-form input[type="url"]:focus, -.uk-form input[type="search"]:focus, -.uk-form input[type="tel"]:focus, -.uk-form input[type="color"]:focus { - border-color: #99baca; - outline: 0; - background: #f5fbfe; - color: #444444; -} -.uk-form select:disabled, -.uk-form textarea:disabled, -.uk-form input:not([type]):disabled, -.uk-form input[type="text"]:disabled, -.uk-form input[type="password"]:disabled, -.uk-form input[type="datetime"]:disabled, -.uk-form input[type="datetime-local"]:disabled, -.uk-form input[type="date"]:disabled, -.uk-form input[type="month"]:disabled, -.uk-form input[type="time"]:disabled, -.uk-form input[type="week"]:disabled, -.uk-form input[type="number"]:disabled, -.uk-form input[type="email"]:disabled, -.uk-form input[type="url"]:disabled, -.uk-form input[type="search"]:disabled, -.uk-form input[type="tel"]:disabled, -.uk-form input[type="color"]:disabled { - border-color: #dddddd; - background-color: #fafafa; - color: #999999; -} -/* - * Placeholder - * 1. Higher specificity needed to override color in IE - */ -.uk-form :-ms-input-placeholder { - color: #999999 !important; -} -/* 1. */ -.uk-form ::-moz-placeholder { - color: #999999; -} -.uk-form ::-webkit-input-placeholder { - color: #999999; -} -.uk-form :disabled:-ms-input-placeholder { - color: #999999 !important; -} -/* 1. */ -.uk-form :disabled::-moz-placeholder { - color: #999999; -} -.uk-form :disabled::-webkit-input-placeholder { - color: #999999; -} -/* - * Legend style - * 1. `margin-bottom` is not working in Safari and Opera. - * Using `padding` and :after instead to create the border - * 2. Style - */ -.uk-form legend { - width: 100%; - /* 1 */ - padding-bottom: 15px; - /* 2 */ - font-size: 18px; - line-height: 30px; -} -/* 1 */ -.uk-form legend:after { - content: ""; - display: block; - border-bottom: 1px solid #dddddd; -} -/* Size modifiers - * Using !important to keep the selector simple - ========================================================================== */ -.uk-form-small { - height: 25px !important; - padding: 3px 3px !important; - font-size: 12px; -} -.uk-form-large { - height: 40px !important; - padding: 8px 6px !important; - font-size: 16px; -} -/* Reset height - * Must be after size modifiers - ========================================================================== */ -.uk-form textarea, -.uk-form select[multiple], -.uk-form select[size] { - height: auto !important; -} -/* Validation states - * Using !important to keep the selector simple - ========================================================================== */ -/* - * Error state - */ -.uk-form-danger { - border-color: #dc8d99 !important; - background: #fff7f8 !important; - color: #c91032 !important; -} -/* - * Success state - */ -.uk-form-success { - border-color: #8ec73b !important; - background: #fafff2 !important; - color: #539022 !important; -} -/* Style modifiers - * Using !important to keep the selector simple - ========================================================================== */ -/* - * Blank form - */ -.uk-form-blank { - border-color: transparent !important; - border-style: dashed !important; - background: none !important; -} -.uk-form-blank:focus { - border-color: #dddddd !important; -} -/* Size sub-modifiers - ========================================================================== */ -/* - * Fixed widths - * Different widths for mini sized `input` and `select` elements - */ -input.uk-form-width-mini { - width: 40px; -} -select.uk-form-width-mini { - width: 65px; -} -.uk-form-width-small { - width: 130px; -} -.uk-form-width-medium { - width: 200px; -} -.uk-form-width-large { - width: 500px; -} -/* Sub-objects: `uk-form-row` - * Groups labels and controls in rows - ========================================================================== */ -/* - * Micro clearfix - * Needed for `uk-form-horizontal` modifier - */ -.uk-form-row:before, -.uk-form-row:after { - content: " "; - display: table; -} -.uk-form-row:after { - clear: both; -} -/* - * Vertical gutter - */ -.uk-form-row + .uk-form-row { - margin-top: 15px; -} -/* Help text - * Sub-object: `uk-form-help-inline`, `uk-form-help-block` - ========================================================================== */ -.uk-form-help-inline { - display: inline-block; - margin: 0 0 0 10px; -} -.uk-form-help-block { - margin: 5px 0 0 0; -} -/* Controls content - * Sub-object: `uk-form-controls`, `uk-form-controls-condensed` - ========================================================================== */ -/* - * Remove margins - */ -.uk-form-controls > :first-child { - margin-top: 0; -} -.uk-form-controls > :last-child { - margin-bottom: 0; -} -/* - * Group controls and text into blocks with a small spacing between blocks - */ -.uk-form-controls-condensed { - margin: 5px 0; -} -/* Modifier: `uk-form-stacked` - * Requrires sub-object: `uk-form-label` - ========================================================================== */ -.uk-form-stacked .uk-form-label { - display: block; - margin-bottom: 5px; - font-weight: bold; -} -/* Modifier: `uk-form-horizontal` - * Requrires sub-objects: `uk-form-label`, `uk-form-controls` - ========================================================================== */ -/* Only phones and tablets portrait */ -@media (max-width: 959px) { - /* Behave like `uk-form-stacked` */ - .uk-form-horizontal .uk-form-label { - display: block; - margin-bottom: 5px; - font-weight: bold; - } -} -/* Only tablets and desktops */ -@media (min-width: 960px) { - .uk-form-horizontal .uk-form-label { - width: 200px; - margin-top: 5px; - float: left; - } - .uk-form-horizontal .uk-form-controls { - margin-left: 215px; - } - /* Better vertical alignment if controls are checkboxes and radio buttons with text */ - .uk-form-horizontal .uk-form-controls-text { - padding-top: 5px; - } -} -/* Sub-object: `uk-form-icon` - ========================================================================== */ -.uk-form-icon { - position: relative; - display: inline-block; - max-width: 100%; -} -.uk-form-icon > [class*='uk-icon-'] { - position: absolute; - top: 50%; - width: 30px; - margin-top: -7px; - font-size: 14px; - color: #999999; - text-align: center; -} -.uk-form-icon:not(.uk-form-icon-flip) > input { - padding-left: 30px !important; -} -/* - * Sub-modifier: `uk-form-icon-flip` - */ -.uk-form-icon-flip > [class*='uk-icon-'] { - right: 0; -} -.uk-form-icon-flip > input { - padding-right: 30px !important; -} -/* ======================================================================== - Component: Button - ========================================================================== */ -/* - * 1. Required for `a` elements - * 2. Required for `button` and `input` elements - * 3. `line-height` is used to create a height - * 4. `min-height` is neccesary for `input` elments in Firefox and Opera because `line-height` is not working. - * 5. Reset button group whitespace hack - * 6. Style - */ -.uk-button { - /* 1 */ - display: inline-block; - -moz-box-sizing: border-box; - box-sizing: border-box; - vertical-align: middle; - text-decoration: none; - text-align: center; - /* 2 */ - border: none; - /* 3 */ - line-height: 28px; - /* 4 */ - min-height: 30px; - /* 5 */ - letter-spacing: normal; - /* 6 */ - padding: 0 12px; - background: #f5f5f5; - color: #444444; - border: 1px solid rgba(0, 0, 0, 0.06); - border-radius: 4px; - text-shadow: 0 1px 0 #ffffff; -} -/* - * Hover - * 1. Apply hover style also to focus state - * 2. Remove default focus style - * 3. Required for `a` elements - */ -.uk-button:hover, -.uk-button:focus { - background-color: #fafafa; - color: #444444; - /* 2 */ - outline: none; - /* 3 */ - text-decoration: none; - border-color: rgba(0, 0, 0, 0.16); -} -/* Active */ -.uk-button:active, -.uk-button.uk-active { - background-color: #eeeeee; - color: #444444; -} -/* Color modifiers - ========================================================================== */ -/* - * Modifier: `uk-button-primary` - */ -.uk-button-primary { - background-color: #00a8e6; - color: #ffffff; -} -/* Hover */ -.uk-button-primary:hover, -.uk-button-primary:focus { - background-color: #35b3ee; - color: #ffffff; -} -/* Active */ -.uk-button-primary:active, -.uk-button-primary.uk-active { - background-color: #0091ca; - color: #ffffff; -} -/* - * Modifier: `uk-button-success` - */ -.uk-button-success { - background-color: #8cc14c; - color: #ffffff; -} -/* Hover */ -.uk-button-success:hover, -.uk-button-success:focus { - background-color: #8ec73b; - color: #ffffff; -} -/* Active */ -.uk-button-success:active, -.uk-button-success.uk-active { - background-color: #72ae41; - color: #ffffff; -} -/* - * Modifier: `uk-button-danger` - */ -.uk-button-danger { - background-color: #da314b; - color: #ffffff; -} -/* Hover */ -.uk-button-danger:hover, -.uk-button-danger:focus { - background-color: #e4354f; - color: #ffffff; -} -/* Active */ -.uk-button-danger:active, -.uk-button-danger.uk-active { - background-color: #c91032; - color: #ffffff; -} -/* Disabled state - * Overrides also the color modifiers - ========================================================================== */ -/* Equal for all button types */ -.uk-button:disabled { - background-color: #fafafa; - color: #999999; - border-color: rgba(0, 0, 0, 0.06); - box-shadow: none; - text-shadow: 0 1px 0 #ffffff; -} -/* Modifier: `uk-button-link` - ========================================================================== */ -/* Reset */ -.uk-button-link, -.uk-button-link:hover, -.uk-button-link:focus, -.uk-button-link:active, -.uk-button-link.uk-active, -.uk-button-link:disabled { - border-color: transparent; - background: none; - box-shadow: none; - text-shadow: none; -} -/* Color */ -.uk-button-link { - color: #0077dd; -} -.uk-button-link:hover, -.uk-button-link:focus, -.uk-button-link:active, -.uk-button-link.uk-active { - color: #005599; - text-decoration: underline; -} -.uk-button-link:disabled { - color: #999999; -} -/* Focus */ -.uk-button-link:focus { - outline: 1px dotted; -} -/* Size modifiers - ========================================================================== */ -.uk-button-mini { - min-height: 20px; - padding: 0 6px; - line-height: 18px; - font-size: 11px; -} -.uk-button-small { - min-height: 25px; - padding: 0 10px; - line-height: 23px; - font-size: 12px; -} -.uk-button-large { - min-height: 40px; - padding: 0 15px; - line-height: 38px; - font-size: 16px; - border-radius: 5px; -} -/* Sub-object `uk-button-group` - ========================================================================== */ -/* - * 1. Behave like buttons - * 2. Create position context for dropdowns - * 3. Remove whitespace between child elements when using `inline-block` - * 4. Prevent buttons from wrapping - */ -.uk-button-group { - /* 1 */ - display: inline-block; - vertical-align: middle; - /* 2 */ - position: relative; - /* 3 */ - letter-spacing: -0.31em; - /* 4 */ - white-space: nowrap; -} -.uk-button-group > * { - display: inline-block; -} -/* Sub-object: `uk-button-dropdown` - ========================================================================== */ -/* - * 1. Behave like buttons - * 2. Create position context for dropdowns - */ -.uk-button-dropdown { - /* 1 */ - display: inline-block; - vertical-align: middle; - /* 2 */ - position: relative; -} -/* Color modifiers - ========================================================================== */ -.uk-button-primary, -.uk-button-success, -.uk-button-danger { - box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05); - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); -} -.uk-button-primary:hover, -.uk-button-primary:focus, -.uk-button-success:hover, -.uk-button-success:focus, -.uk-button-danger:hover, -.uk-button-danger:focus { - border-color: rgba(0, 0, 0, 0.21); -} -/* Sub-object `uk-button-group` - ========================================================================== */ -/* - * Reset border-radius - */ -.uk-button-group > .uk-button:not(:first-child):not(:last-child), -.uk-button-group > div:not(:first-child):not(:last-child) .uk-button { - border-left-color: rgba(0, 0, 0, 0.1); - border-right-color: rgba(0, 0, 0, 0.1); - border-radius: 0; -} -.uk-button-group > .uk-button:first-child, -.uk-button-group > div:first-child .uk-button { - border-right-color: rgba(0, 0, 0, 0.1); - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.uk-button-group > .uk-button:last-child, -.uk-button-group > div:last-child .uk-button { - border-left-color: rgba(0, 0, 0, 0.1); - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -/* - * Collapse border - */ -.uk-button-group > .uk-button:nth-child(n+2), -.uk-button-group > div:nth-child(n+2) .uk-button { - margin-left: -1px; -} -/* - * Create position context to superimpose the successor elements border - * Known issue: If you use an `a` element as button and an icon inside, - * the active state will not work if you click the icon inside the button - * Workaround: Just use a `button` or `input` element as button - */ -.uk-button-group .uk-button:hover, -.uk-button-group .uk-button:active { - position: relative; -} -/* ======================================================================== - Component: Icon - ========================================================================== */ -@font-face { - font-family: 'FontAwesome'; - src: url("../fonts/fontawesome-webfont.eot"); - src: url("../fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.ttf") format("truetype"); - font-weight: normal; - font-style: normal; -} -/* - * 1. Allow margin - * 2. Prevent inherit font style - * 4. Correct line-height - * 5. Better font rendering - */ -[class*='uk-icon-'] { - font-family: FontAwesome; - /* 1 */ - display: inline-block; - /* 2 */ - font-weight: normal; - font-style: normal; - /* 4 */ - line-height: 1; - /* 5 */ - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} -/* Size modifiers - ========================================================================== */ -.uk-icon-small:before { - font-size: 150%; - vertical-align: -10%; -} -.uk-icon-medium:before { - font-size: 200%; - vertical-align: -16%; -} -.uk-icon-large:before { - font-size: 250%; - vertical-align: -22%; -} -/* Modifier: `uk-icon-spin` - ========================================================================== */ -.uk-icon-spin { - display: inline-block; - -webkit-animation: uk-spin 2s infinite linear; - animation: uk-spin 2s infinite linear; -} -/* Modifier: `uk-icon-button` - ========================================================================== */ -.uk-icon-button { - -moz-box-sizing: border-box; - box-sizing: border-box; - display: inline-block; - width: 35px; - height: 35px; - border-radius: 100%; - background: #f5f5f5; - line-height: 35px; - color: #444444; - font-size: 18px; - text-align: center; - border: 1px solid #e7e7e7; - text-shadow: 0 1px 0 #ffffff; -} -/* - * Hover - * 1. Apply hover style also to focus state - * 2. Remove default focus style - */ -.uk-icon-button:hover, -.uk-icon-button:focus { - background-color: #fafafa; - color: #444444; - text-decoration: none; - /* 2 */ - outline: none; - border-color: #d3d3d3; -} -/* Active */ -.uk-icon-button:active { - background-color: #eeeeee; - color: #444444; -} -/* Icon mapping - ========================================================================== */ -.uk-icon-glass:before { - content: "\f000"; -} -.uk-icon-music:before { - content: "\f001"; -} -.uk-icon-search:before { - content: "\f002"; -} -.uk-icon-envelope-o:before { - content: "\f003"; -} -.uk-icon-heart:before { - content: "\f004"; -} -.uk-icon-star:before { - content: "\f005"; -} -.uk-icon-star-o:before { - content: "\f006"; -} -.uk-icon-user:before { - content: "\f007"; -} -.uk-icon-film:before { - content: "\f008"; -} -.uk-icon-th-large:before { - content: "\f009"; -} -.uk-icon-th:before { - content: "\f00a"; -} -.uk-icon-th-list:before { - content: "\f00b"; -} -.uk-icon-check:before { - content: "\f00c"; -} -.uk-icon-times:before { - content: "\f00d"; -} -.uk-icon-search-plus:before { - content: "\f00e"; -} -.uk-icon-search-minus:before { - content: "\f010"; -} -.uk-icon-power-off:before { - content: "\f011"; -} -.uk-icon-signal:before { - content: "\f012"; -} -.uk-icon-gear:before, -.uk-icon-cog:before { - content: "\f013"; -} -.uk-icon-trash-o:before { - content: "\f014"; -} -.uk-icon-home:before { - content: "\f015"; -} -.uk-icon-file-o:before { - content: "\f016"; -} -.uk-icon-clock-o:before { - content: "\f017"; -} -.uk-icon-road:before { - content: "\f018"; -} -.uk-icon-download:before { - content: "\f019"; -} -.uk-icon-arrow-circle-o-down:before { - content: "\f01a"; -} -.uk-icon-arrow-circle-o-up:before { - content: "\f01b"; -} -.uk-icon-inbox:before { - content: "\f01c"; -} -.uk-icon-play-circle-o:before { - content: "\f01d"; -} -.uk-icon-rotate-right:before, -.uk-icon-repeat:before { - content: "\f01e"; -} -.uk-icon-refresh:before { - content: "\f021"; -} -.uk-icon-list-alt:before { - content: "\f022"; -} -.uk-icon-lock:before { - content: "\f023"; -} -.uk-icon-flag:before { - content: "\f024"; -} -.uk-icon-headphones:before { - content: "\f025"; -} -.uk-icon-volume-off:before { - content: "\f026"; -} -.uk-icon-volume-down:before { - content: "\f027"; -} -.uk-icon-volume-up:before { - content: "\f028"; -} -.uk-icon-qrcode:before { - content: "\f029"; -} -.uk-icon-barcode:before { - content: "\f02a"; -} -.uk-icon-tag:before { - content: "\f02b"; -} -.uk-icon-tags:before { - content: "\f02c"; -} -.uk-icon-book:before { - content: "\f02d"; -} -.uk-icon-bookmark:before { - content: "\f02e"; -} -.uk-icon-print:before { - content: "\f02f"; -} -.uk-icon-camera:before { - content: "\f030"; -} -.uk-icon-font:before { - content: "\f031"; -} -.uk-icon-bold:before { - content: "\f032"; -} -.uk-icon-italic:before { - content: "\f033"; -} -.uk-icon-text-height:before { - content: "\f034"; -} -.uk-icon-text-width:before { - content: "\f035"; -} -.uk-icon-align-left:before { - content: "\f036"; -} -.uk-icon-align-center:before { - content: "\f037"; -} -.uk-icon-align-right:before { - content: "\f038"; -} -.uk-icon-align-justify:before { - content: "\f039"; -} -.uk-icon-list:before { - content: "\f03a"; -} -.uk-icon-dedent:before, -.uk-icon-outdent:before { - content: "\f03b"; -} -.uk-icon-indent:before { - content: "\f03c"; -} -.uk-icon-video-camera:before { - content: "\f03d"; -} -.uk-icon-picture-o:before { - content: "\f03e"; -} -.uk-icon-pencil:before { - content: "\f040"; -} -.uk-icon-map-marker:before { - content: "\f041"; -} -.uk-icon-adjust:before { - content: "\f042"; -} -.uk-icon-tint:before { - content: "\f043"; -} -.uk-icon-edit:before, -.uk-icon-pencil-square-o:before { - content: "\f044"; -} -.uk-icon-share-square-o:before { - content: "\f045"; -} -.uk-icon-check-square-o:before { - content: "\f046"; -} -.uk-icon-arrows:before { - content: "\f047"; -} -.uk-icon-step-backward:before { - content: "\f048"; -} -.uk-icon-fast-backward:before { - content: "\f049"; -} -.uk-icon-backward:before { - content: "\f04a"; -} -.uk-icon-play:before { - content: "\f04b"; -} -.uk-icon-pause:before { - content: "\f04c"; -} -.uk-icon-stop:before { - content: "\f04d"; -} -.uk-icon-forward:before { - content: "\f04e"; -} -.uk-icon-fast-forward:before { - content: "\f050"; -} -.uk-icon-step-forward:before { - content: "\f051"; -} -.uk-icon-eject:before { - content: "\f052"; -} -.uk-icon-chevron-left:before { - content: "\f053"; -} -.uk-icon-chevron-right:before { - content: "\f054"; -} -.uk-icon-plus-circle:before { - content: "\f055"; -} -.uk-icon-minus-circle:before { - content: "\f056"; -} -.uk-icon-times-circle:before { - content: "\f057"; -} -.uk-icon-check-circle:before { - content: "\f058"; -} -.uk-icon-question-circle:before { - content: "\f059"; -} -.uk-icon-info-circle:before { - content: "\f05a"; -} -.uk-icon-crosshairs:before { - content: "\f05b"; -} -.uk-icon-times-circle-o:before { - content: "\f05c"; -} -.uk-icon-check-circle-o:before { - content: "\f05d"; -} -.uk-icon-ban:before { - content: "\f05e"; -} -.uk-icon-arrow-left:before { - content: "\f060"; -} -.uk-icon-arrow-right:before { - content: "\f061"; -} -.uk-icon-arrow-up:before { - content: "\f062"; -} -.uk-icon-arrow-down:before { - content: "\f063"; -} -.uk-icon-mail-forward:before, -.uk-icon-share:before { - content: "\f064"; -} -.uk-icon-expand:before { - content: "\f065"; -} -.uk-icon-compress:before { - content: "\f066"; -} -.uk-icon-plus:before { - content: "\f067"; -} -.uk-icon-minus:before { - content: "\f068"; -} -.uk-icon-asterisk:before { - content: "\f069"; -} -.uk-icon-exclamation-circle:before { - content: "\f06a"; -} -.uk-icon-gift:before { - content: "\f06b"; -} -.uk-icon-leaf:before { - content: "\f06c"; -} -.uk-icon-fire:before { - content: "\f06d"; -} -.uk-icon-eye:before { - content: "\f06e"; -} -.uk-icon-eye-slash:before { - content: "\f070"; -} -.uk-icon-warning:before, -.uk-icon-exclamation-triangle:before { - content: "\f071"; -} -.uk-icon-plane:before { - content: "\f072"; -} -.uk-icon-calendar:before { - content: "\f073"; -} -.uk-icon-random:before { - content: "\f074"; -} -.uk-icon-comment:before { - content: "\f075"; -} -.uk-icon-magnet:before { - content: "\f076"; -} -.uk-icon-chevron-up:before { - content: "\f077"; -} -.uk-icon-chevron-down:before { - content: "\f078"; -} -.uk-icon-retweet:before { - content: "\f079"; -} -.uk-icon-shopping-cart:before { - content: "\f07a"; -} -.uk-icon-folder:before { - content: "\f07b"; -} -.uk-icon-folder-open:before { - content: "\f07c"; -} -.uk-icon-arrows-v:before { - content: "\f07d"; -} -.uk-icon-arrows-h:before { - content: "\f07e"; -} -.uk-icon-bar-chart-o:before { - content: "\f080"; -} -.uk-icon-twitter-square:before { - content: "\f081"; -} -.uk-icon-facebook-square:before { - content: "\f082"; -} -.uk-icon-camera-retro:before { - content: "\f083"; -} -.uk-icon-key:before { - content: "\f084"; -} -.uk-icon-gears:before, -.uk-icon-cogs:before { - content: "\f085"; -} -.uk-icon-comments:before { - content: "\f086"; -} -.uk-icon-thumbs-o-up:before { - content: "\f087"; -} -.uk-icon-thumbs-o-down:before { - content: "\f088"; -} -.uk-icon-star-half:before { - content: "\f089"; -} -.uk-icon-heart-o:before { - content: "\f08a"; -} -.uk-icon-sign-out:before { - content: "\f08b"; -} -.uk-icon-linkedin-square:before { - content: "\f08c"; -} -.uk-icon-thumb-tack:before { - content: "\f08d"; -} -.uk-icon-external-link:before { - content: "\f08e"; -} -.uk-icon-sign-in:before { - content: "\f090"; -} -.uk-icon-trophy:before { - content: "\f091"; -} -.uk-icon-github-square:before { - content: "\f092"; -} -.uk-icon-upload:before { - content: "\f093"; -} -.uk-icon-lemon-o:before { - content: "\f094"; -} -.uk-icon-phone:before { - content: "\f095"; -} -.uk-icon-square-o:before { - content: "\f096"; -} -.uk-icon-bookmark-o:before { - content: "\f097"; -} -.uk-icon-phone-square:before { - content: "\f098"; -} -.uk-icon-twitter:before { - content: "\f099"; -} -.uk-icon-facebook:before { - content: "\f09a"; -} -.uk-icon-github:before { - content: "\f09b"; -} -.uk-icon-unlock:before { - content: "\f09c"; -} -.uk-icon-credit-card:before { - content: "\f09d"; -} -.uk-icon-rss:before { - content: "\f09e"; -} -.uk-icon-hdd-o:before { - content: "\f0a0"; -} -.uk-icon-bullhorn:before { - content: "\f0a1"; -} -.uk-icon-bell:before { - content: "\f0f3"; -} -.uk-icon-certificate:before { - content: "\f0a3"; -} -.uk-icon-hand-o-right:before { - content: "\f0a4"; -} -.uk-icon-hand-o-left:before { - content: "\f0a5"; -} -.uk-icon-hand-o-up:before { - content: "\f0a6"; -} -.uk-icon-hand-o-down:before { - content: "\f0a7"; -} -.uk-icon-arrow-circle-left:before { - content: "\f0a8"; -} -.uk-icon-arrow-circle-right:before { - content: "\f0a9"; -} -.uk-icon-arrow-circle-up:before { - content: "\f0aa"; -} -.uk-icon-arrow-circle-down:before { - content: "\f0ab"; -} -.uk-icon-globe:before { - content: "\f0ac"; -} -.uk-icon-wrench:before { - content: "\f0ad"; -} -.uk-icon-tasks:before { - content: "\f0ae"; -} -.uk-icon-filter:before { - content: "\f0b0"; -} -.uk-icon-briefcase:before { - content: "\f0b1"; -} -.uk-icon-arrows-alt:before { - content: "\f0b2"; -} -.uk-icon-group:before, -.uk-icon-users:before { - content: "\f0c0"; -} -.uk-icon-chain:before, -.uk-icon-link:before { - content: "\f0c1"; -} -.uk-icon-cloud:before { - content: "\f0c2"; -} -.uk-icon-flask:before { - content: "\f0c3"; -} -.uk-icon-cut:before, -.uk-icon-scissors:before { - content: "\f0c4"; -} -.uk-icon-copy:before, -.uk-icon-files-o:before { - content: "\f0c5"; -} -.uk-icon-paperclip:before { - content: "\f0c6"; -} -.uk-icon-save:before, -.uk-icon-floppy-o:before { - content: "\f0c7"; -} -.uk-icon-square:before { - content: "\f0c8"; -} -.uk-icon-bars:before { - content: "\f0c9"; -} -.uk-icon-list-ul:before { - content: "\f0ca"; -} -.uk-icon-list-ol:before { - content: "\f0cb"; -} -.uk-icon-strikethrough:before { - content: "\f0cc"; -} -.uk-icon-underline:before { - content: "\f0cd"; -} -.uk-icon-table:before { - content: "\f0ce"; -} -.uk-icon-magic:before { - content: "\f0d0"; -} -.uk-icon-truck:before { - content: "\f0d1"; -} -.uk-icon-pinterest:before { - content: "\f0d2"; -} -.uk-icon-pinterest-square:before { - content: "\f0d3"; -} -.uk-icon-google-plus-square:before { - content: "\f0d4"; -} -.uk-icon-google-plus:before { - content: "\f0d5"; -} -.uk-icon-money:before { - content: "\f0d6"; -} -.uk-icon-caret-down:before { - content: "\f0d7"; -} -.uk-icon-caret-up:before { - content: "\f0d8"; -} -.uk-icon-caret-left:before { - content: "\f0d9"; -} -.uk-icon-caret-right:before { - content: "\f0da"; -} -.uk-icon-columns:before { - content: "\f0db"; -} -.uk-icon-unsorted:before, -.uk-icon-sort:before { - content: "\f0dc"; -} -.uk-icon-sort-down:before, -.uk-icon-sort-asc:before { - content: "\f0dd"; -} -.uk-icon-sort-up:before, -.uk-icon-sort-desc:before { - content: "\f0de"; -} -.uk-icon-envelope:before { - content: "\f0e0"; -} -.uk-icon-linkedin:before { - content: "\f0e1"; -} -.uk-icon-rotate-left:before, -.uk-icon-undo:before { - content: "\f0e2"; -} -.uk-icon-legal:before, -.uk-icon-gavel:before { - content: "\f0e3"; -} -.uk-icon-dashboard:before, -.uk-icon-tachometer:before { - content: "\f0e4"; -} -.uk-icon-comment-o:before { - content: "\f0e5"; -} -.uk-icon-comments-o:before { - content: "\f0e6"; -} -.uk-icon-flash:before, -.uk-icon-bolt:before { - content: "\f0e7"; -} -.uk-icon-sitemap:before { - content: "\f0e8"; -} -.uk-icon-umbrella:before { - content: "\f0e9"; -} -.uk-icon-paste:before, -.uk-icon-clipboard:before { - content: "\f0ea"; -} -.uk-icon-lightbulb-o:before { - content: "\f0eb"; -} -.uk-icon-exchange:before { - content: "\f0ec"; -} -.uk-icon-cloud-download:before { - content: "\f0ed"; -} -.uk-icon-cloud-upload:before { - content: "\f0ee"; -} -.uk-icon-user-md:before { - content: "\f0f0"; -} -.uk-icon-stethoscope:before { - content: "\f0f1"; -} -.uk-icon-suitcase:before { - content: "\f0f2"; -} -.uk-icon-bell-o:before { - content: "\f0a2"; -} -.uk-icon-coffee:before { - content: "\f0f4"; -} -.uk-icon-cutlery:before { - content: "\f0f5"; -} -.uk-icon-file-text-o:before { - content: "\f0f6"; -} -.uk-icon-building-o:before { - content: "\f0f7"; -} -.uk-icon-hospital-o:before { - content: "\f0f8"; -} -.uk-icon-ambulance:before { - content: "\f0f9"; -} -.uk-icon-medkit:before { - content: "\f0fa"; -} -.uk-icon-fighter-jet:before { - content: "\f0fb"; -} -.uk-icon-beer:before { - content: "\f0fc"; -} -.uk-icon-h-square:before { - content: "\f0fd"; -} -.uk-icon-plus-square:before { - content: "\f0fe"; -} -.uk-icon-angle-double-left:before { - content: "\f100"; -} -.uk-icon-angle-double-right:before { - content: "\f101"; -} -.uk-icon-angle-double-up:before { - content: "\f102"; -} -.uk-icon-angle-double-down:before { - content: "\f103"; -} -.uk-icon-angle-left:before { - content: "\f104"; -} -.uk-icon-angle-right:before { - content: "\f105"; -} -.uk-icon-angle-up:before { - content: "\f106"; -} -.uk-icon-angle-down:before { - content: "\f107"; -} -.uk-icon-desktop:before { - content: "\f108"; -} -.uk-icon-laptop:before { - content: "\f109"; -} -.uk-icon-tablet:before { - content: "\f10a"; -} -.uk-icon-mobile-phone:before, -.uk-icon-mobile:before { - content: "\f10b"; -} -.uk-icon-circle-o:before { - content: "\f10c"; -} -.uk-icon-quote-left:before { - content: "\f10d"; -} -.uk-icon-quote-right:before { - content: "\f10e"; -} -.uk-icon-spinner:before { - content: "\f110"; -} -.uk-icon-circle:before { - content: "\f111"; -} -.uk-icon-mail-reply:before, -.uk-icon-reply:before { - content: "\f112"; -} -.uk-icon-github-alt:before { - content: "\f113"; -} -.uk-icon-folder-o:before { - content: "\f114"; -} -.uk-icon-folder-open-o:before { - content: "\f115"; -} -.uk-icon-smile-o:before { - content: "\f118"; -} -.uk-icon-frown-o:before { - content: "\f119"; -} -.uk-icon-meh-o:before { - content: "\f11a"; -} -.uk-icon-gamepad:before { - content: "\f11b"; -} -.uk-icon-keyboard-o:before { - content: "\f11c"; -} -.uk-icon-flag-o:before { - content: "\f11d"; -} -.uk-icon-flag-checkered:before { - content: "\f11e"; -} -.uk-icon-terminal:before { - content: "\f120"; -} -.uk-icon-code:before { - content: "\f121"; -} -.uk-icon-reply-all:before { - content: "\f122"; -} -.uk-icon-mail-reply-all:before { - content: "\f122"; -} -.uk-icon-star-half-empty:before, -.uk-icon-star-half-full:before, -.uk-icon-star-half-o:before { - content: "\f123"; -} -.uk-icon-location-arrow:before { - content: "\f124"; -} -.uk-icon-crop:before { - content: "\f125"; -} -.uk-icon-code-fork:before { - content: "\f126"; -} -.uk-icon-unlink:before, -.uk-icon-chain-broken:before { - content: "\f127"; -} -.uk-icon-question:before { - content: "\f128"; -} -.uk-icon-info:before { - content: "\f129"; -} -.uk-icon-exclamation:before { - content: "\f12a"; -} -.uk-icon-superscript:before { - content: "\f12b"; -} -.uk-icon-subscript:before { - content: "\f12c"; -} -.uk-icon-eraser:before { - content: "\f12d"; -} -.uk-icon-puzzle-piece:before { - content: "\f12e"; -} -.uk-icon-microphone:before { - content: "\f130"; -} -.uk-icon-microphone-slash:before { - content: "\f131"; -} -.uk-icon-shield:before { - content: "\f132"; -} -.uk-icon-calendar-o:before { - content: "\f133"; -} -.uk-icon-fire-extinguisher:before { - content: "\f134"; -} -.uk-icon-rocket:before { - content: "\f135"; -} -.uk-icon-maxcdn:before { - content: "\f136"; -} -.uk-icon-chevron-circle-left:before { - content: "\f137"; -} -.uk-icon-chevron-circle-right:before { - content: "\f138"; -} -.uk-icon-chevron-circle-up:before { - content: "\f139"; -} -.uk-icon-chevron-circle-down:before { - content: "\f13a"; -} -.uk-icon-html5:before { - content: "\f13b"; -} -.uk-icon-css3:before { - content: "\f13c"; -} -.uk-icon-anchor:before { - content: "\f13d"; -} -.uk-icon-unlock-alt:before { - content: "\f13e"; -} -.uk-icon-bullseye:before { - content: "\f140"; -} -.uk-icon-ellipsis-h:before { - content: "\f141"; -} -.uk-icon-ellipsis-v:before { - content: "\f142"; -} -.uk-icon-rss-square:before { - content: "\f143"; -} -.uk-icon-play-circle:before { - content: "\f144"; -} -.uk-icon-ticket:before { - content: "\f145"; -} -.uk-icon-minus-square:before { - content: "\f146"; -} -.uk-icon-minus-square-o:before { - content: "\f147"; -} -.uk-icon-level-up:before { - content: "\f148"; -} -.uk-icon-level-down:before { - content: "\f149"; -} -.uk-icon-check-square:before { - content: "\f14a"; -} -.uk-icon-pencil-square:before { - content: "\f14b"; -} -.uk-icon-external-link-square:before { - content: "\f14c"; -} -.uk-icon-share-square:before { - content: "\f14d"; -} -.uk-icon-compass:before { - content: "\f14e"; -} -.uk-icon-toggle-down:before, -.uk-icon-caret-square-o-down:before { - content: "\f150"; -} -.uk-icon-toggle-up:before, -.uk-icon-caret-square-o-up:before { - content: "\f151"; -} -.uk-icon-toggle-right:before, -.uk-icon-caret-square-o-right:before { - content: "\f152"; -} -.uk-icon-euro:before, -.uk-icon-eur:before { - content: "\f153"; -} -.uk-icon-gbp:before { - content: "\f154"; -} -.uk-icon-dollar:before, -.uk-icon-usd:before { - content: "\f155"; -} -.uk-icon-rupee:before, -.uk-icon-inr:before { - content: "\f156"; -} -.uk-icon-cny:before, -.uk-icon-rmb:before, -.uk-icon-yen:before, -.uk-icon-jpy:before { - content: "\f157"; -} -.uk-icon-ruble:before, -.uk-icon-rouble:before, -.uk-icon-rub:before { - content: "\f158"; -} -.uk-icon-won:before, -.uk-icon-krw:before { - content: "\f159"; -} -.uk-icon-bitcoin:before, -.uk-icon-btc:before { - content: "\f15a"; -} -.uk-icon-file:before { - content: "\f15b"; -} -.uk-icon-file-text:before { - content: "\f15c"; -} -.uk-icon-sort-alpha-asc:before { - content: "\f15d"; -} -.uk-icon-sort-alpha-desc:before { - content: "\f15e"; -} -.uk-icon-sort-amount-asc:before { - content: "\f160"; -} -.uk-icon-sort-amount-desc:before { - content: "\f161"; -} -.uk-icon-sort-numeric-asc:before { - content: "\f162"; -} -.uk-icon-sort-numeric-desc:before { - content: "\f163"; -} -.uk-icon-thumbs-up:before { - content: "\f164"; -} -.uk-icon-thumbs-down:before { - content: "\f165"; -} -.uk-icon-youtube-square:before { - content: "\f166"; -} -.uk-icon-youtube:before { - content: "\f167"; -} -.uk-icon-xing:before { - content: "\f168"; -} -.uk-icon-xing-square:before { - content: "\f169"; -} -.uk-icon-youtube-play:before { - content: "\f16a"; -} -.uk-icon-dropbox:before { - content: "\f16b"; -} -.uk-icon-stack-overflow:before { - content: "\f16c"; -} -.uk-icon-instagram:before { - content: "\f16d"; -} -.uk-icon-flickr:before { - content: "\f16e"; -} -.uk-icon-adn:before { - content: "\f170"; -} -.uk-icon-bitbucket:before { - content: "\f171"; -} -.uk-icon-bitbucket-square:before { - content: "\f172"; -} -.uk-icon-tumblr:before { - content: "\f173"; -} -.uk-icon-tumblr-square:before { - content: "\f174"; -} -.uk-icon-long-arrow-down:before { - content: "\f175"; -} -.uk-icon-long-arrow-up:before { - content: "\f176"; -} -.uk-icon-long-arrow-left:before { - content: "\f177"; -} -.uk-icon-long-arrow-right:before { - content: "\f178"; -} -.uk-icon-apple:before { - content: "\f179"; -} -.uk-icon-windows:before { - content: "\f17a"; -} -.uk-icon-android:before { - content: "\f17b"; -} -.uk-icon-linux:before { - content: "\f17c"; -} -.uk-icon-dribbble:before { - content: "\f17d"; -} -.uk-icon-skype:before { - content: "\f17e"; -} -.uk-icon-foursquare:before { - content: "\f180"; -} -.uk-icon-trello:before { - content: "\f181"; -} -.uk-icon-female:before { - content: "\f182"; -} -.uk-icon-male:before { - content: "\f183"; -} -.uk-icon-gittip:before { - content: "\f184"; -} -.uk-icon-sun-o:before { - content: "\f185"; -} -.uk-icon-moon-o:before { - content: "\f186"; -} -.uk-icon-archive:before { - content: "\f187"; -} -.uk-icon-bug:before { - content: "\f188"; -} -.uk-icon-vk:before { - content: "\f189"; -} -.uk-icon-weibo:before { - content: "\f18a"; -} -.uk-icon-renren:before { - content: "\f18b"; -} -.uk-icon-pagelines:before { - content: "\f18c"; -} -.uk-icon-stack-exchange:before { - content: "\f18d"; -} -.uk-icon-arrow-circle-o-right:before { - content: "\f18e"; -} -.uk-icon-arrow-circle-o-left:before { - content: "\f190"; -} -.uk-icon-toggle-left:before, -.uk-icon-caret-square-o-left:before { - content: "\f191"; -} -.uk-icon-dot-circle-o:before { - content: "\f192"; -} -.uk-icon-wheelchair:before { - content: "\f193"; -} -.uk-icon-vimeo-square:before { - content: "\f194"; -} -.uk-icon-turkish-lira:before, -.uk-icon-try:before { - content: "\f195"; -} -.uk-icon-plus-square-o:before { - content: "\f196"; -} -/* ======================================================================== - Component: Close - ========================================================================== */ -/* - * 1. Required for `button` elements and makes - * close button more robust against different box-sizing use - * 2. Style - * 3. Required for `button` elements - * 4. Needed for Sarari - */ -.uk-close { - /* 1 */ - -moz-box-sizing: content-box; - box-sizing: content-box; - /* 2 */ - display: inline-block; - width: 20px; - line-height: 20px; - text-align: center; - color: inherit; - opacity: 0.3; - /* 3. */ - padding: 0; - border: 0; - -webkit-appearance: none; - /* 4. */ - background: transparent; -} -/* Icon */ -.uk-close:after { - display: block; - content: "\f00d"; - font-family: FontAwesome; -} -/* - * Hover - * 1. Apply hover style also to focus state - * 2. Remove default focus style - * 3. Required for `a` elements - */ -.uk-close:hover, -.uk-close:focus { - opacity: 0.5; - /* 2 */ - outline: none; - /* 3 */ - color: inherit; - text-decoration: none; - cursor: pointer; -} -/* Modifier - ========================================================================== */ -.uk-close-alt { - padding: 2px; - border-radius: 50%; - background: #ffffff; - opacity: 1; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 6px rgba(0, 0, 0, 0.3); -} -/* Hover */ -.uk-close-alt:hover, -.uk-close-alt:focus { - opacity: 1; -} -/* Icon */ -.uk-close-alt:after { - opacity: 0.5; -} -.uk-close-alt:hover:after, -.uk-close-alt:focus:after { - opacity: 0.8; -} -/* ======================================================================== - Component: Badge - ========================================================================== */ -.uk-badge { - display: inline-block; - padding: 0 5px; - background: #00a8e6; - font-size: 10px; - font-weight: bold; - line-height: 14px; - color: #ffffff; - text-align: center; - vertical-align: middle; - text-transform: none; - border: 1px solid rgba(0, 0, 0, 0.06); - border-radius: 2px; - text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1); -} -/* Modifier: `uk-badge-notification`; - ========================================================================== */ -.uk-badge-notification { - -moz-box-sizing: border-box; - box-sizing: border-box; - min-width: 18px; - border-radius: 50%; - font-size: 12px; - line-height: 18px; -} -/* Color modifier - ========================================================================== */ -/* - * Modifier: `uk-badge-success` - */ -.uk-badge-success { - background-color: #8cc14c; -} -/* - * Modifier: `uk-badge-warning` - */ -.uk-badge-warning { - background-color: #faa732; -} -/* - * Modifier: `uk-badge-danger` - */ -.uk-badge-danger { - background-color: #da314b; -} -/* ======================================================================== - Component: Alert - ========================================================================== */ -.uk-alert { - margin-bottom: 15px; - padding: 10px; - background: #ebf7fd; - color: #2d7091; - border: 1px solid rgba(45, 112, 145, 0.3); - border-radius: 4px; - text-shadow: 0 1px 0 #ffffff; -} -/* - * Add margin if adjacent element - */ -* + .uk-alert { - margin-top: 15px; -} -/* - * Remove margin from the last-child - */ -.uk-alert > :last-child { - margin-bottom: 0; -} -/* - * Keep color for headings if the default heading color is changed - */ -.uk-alert h1, -.uk-alert h2, -.uk-alert h3, -.uk-alert h4, -.uk-alert h5, -.uk-alert h6 { - color: inherit; -} -/* Close in alert - ========================================================================== */ -.uk-alert > .uk-close:first-child { - float: right; -} -/* - * Remove margin from adjacent element - */ -.uk-alert > .uk-close:first-child + * { - margin-top: 0; -} -/* Modifier: `uk-alert-success` - ========================================================================== */ -.uk-alert-success { - background: #f2fae3; - color: #659f13; - border-color: rgba(101, 159, 19, 0.3); -} -/* Modifier: `uk-alert-warning` - ========================================================================== */ -.uk-alert-warning { - background: #fffceb; - color: #e28327; - border-color: rgba(226, 131, 39, 0.3); -} -/* Modifier: `uk-alert-danger` - ========================================================================== */ -.uk-alert-danger { - background: #fff1f0; - color: #d85030; - border-color: rgba(216, 80, 48, 0.3); -} -/* Modifier: `uk-alert-large` - ========================================================================== */ -.uk-alert-large { - padding: 20px; -} -.uk-alert-large > .uk-close:first-child { - margin: -10px -10px 0 0; -} -/* ======================================================================== - Component: Thumbnail - ========================================================================== */ -/* - * 1. Corrects max-width behavior (2.) if padding and border are used - * 2. Responsive behavior - * 3. Required for `figure` element - * 4. Style - */ -.uk-thumbnail { - display: inline-block; - /* 1 */ - -moz-box-sizing: border-box; - box-sizing: border-box; - /* 2 */ - max-width: 100%; - /* 3 */ - margin: 0; - /* 4 */ - padding: 4px; - border: 1px solid #dddddd; - background: #ffffff; - border-radius: 4px; -} -/* - * Hover state for `a` elements - * 1. Apply hover style also to focus state - * 2. Needed for caption - * 3. Remove default focus style - */ -a.uk-thumbnail:hover, -a.uk-thumbnail:focus { - border-color: #aaaaaa; - background-color: #ffffff; - /* 2 */ - text-decoration: none; - /* 3 */ - outline: none; -} -/* Caption - ========================================================================== */ -.uk-thumbnail-caption { - padding-top: 4px; - text-align: center; - color: #444444; -} -/* Sizes - ========================================================================== */ -.uk-thumbnail-mini { - width: 150px; -} -.uk-thumbnail-small { - width: 200px; -} -.uk-thumbnail-medium { - width: 300px; -} -.uk-thumbnail-large { - width: 400px; -} -.uk-thumbnail-expand, -.uk-thumbnail-expand > img { - width: 100%; -} -/* ======================================================================== - Component: Overlay - ========================================================================== */ -/* - * 1. Container width fits its content - * 2. Create position context - * 3. Set max-width for responsive images to prevent `inline-block` consequences - * 4. Remove the gap between the container and its child element - */ -.uk-overlay { - /* 1 */ - display: inline-block; - /* 2 */ - position: relative; - /* 3 */ - max-width: 100%; - /* 4 */ - vertical-align: middle; -} -/* Sub-object `uk-overlay-area` - ========================================================================== */ -/* - * 1. Set position - * 2. Set style - * 3. Fade-in transition - */ -.uk-overlay-area { - /* 1 */ - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - /* 2 */ - background: rgba(0, 0, 0, 0.3); - /* 3 */ - opacity: 0; - -webkit-transition: opacity 0.15s linear; - transition: opacity 0.15s linear; -} -/* - * Hover - * 1. Use optional `uk-overlay-toggle` to trigger the overlay earlier - */ -.uk-overlay:hover .uk-overlay-area, -.uk-overlay-toggle:hover .uk-overlay-area { - opacity: 1; -} -/* - * Icon - */ -.uk-overlay-area:empty:before { - content: "\f002"; - position: absolute; - top: 50%; - left: 50%; - width: 50px; - height: 50px; - margin-top: -25px; - margin-left: -25px; - font-size: 50px; - line-height: 1; - font-family: FontAwesome; - text-align: center; - color: #ffffff; -} -/* Sub-object `uk-overlay-area-content` - ========================================================================== */ -/* - * Remove whitespace between child elements when using `inline-block` - * Needed for Firefox - */ -.uk-overlay-area:not(:empty) { - letter-spacing: -0.31em; -} -/* - * 1. Needed for vertical alignment - */ -.uk-overlay-area:not(:empty):before { - content: ''; - display: inline-block; - height: 100%; - vertical-align: middle; -} -/* - * 1. Set vertical alignment - * 2. Reset whitespace hack - * 3. Set horizontal alignment - * 4. Set style - */ -.uk-overlay-area-content { - /* 1 */ - display: inline-block; - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 100%; - vertical-align: middle; - /* 2 */ - letter-spacing: normal; - /* 3 */ - text-align: center; - /* 4 */ - padding: 0 15px; - color: #ffffff; -} -/* - * Remove margin from the last-child - */ -.uk-overlay-area-content > :last-child { - margin-bottom: 0; -} -/* - * Links in overlay area - */ -.uk-overlay-area-content a:not([class]), -.uk-overlay-area-content a:not([class]):hover { - color: inherit; -} -/* Sub-object `uk-overlay-caption` - ========================================================================== */ -/* - * 1. Set position - * 2. Set style - * 3. Fade-in transition - */ -.uk-overlay-caption { - /* 1 */ - position: absolute; - bottom: 0; - left: 0; - right: 0; - /* 2 */ - padding: 15px; - background: rgba(0, 0, 0, 0.5); - color: #ffffff; - /* 3 */ - opacity: 0; - -webkit-transition: opacity 0.15s linear; - transition: opacity 0.15s linear; -} -/* - * Hover - * 1. Use optional `uk-overlay-toggle` to trigger the overlay earlier - */ -.uk-overlay:hover .uk-overlay-caption, -.uk-overlay-toggle:hover .uk-overlay-caption { - opacity: 1; -} -/* ======================================================================== - Component: Progress - ========================================================================== */ -/* - * 1. Clearing - * 2. Vertical alignment if text is used - */ -.uk-progress { - -moz-box-sizing: border-box; - box-sizing: border-box; - height: 20px; - margin-bottom: 15px; - background: #f5f5f5; - /* 1 */ - overflow: hidden; - /* 2 */ - line-height: 20px; - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.06); - border-radius: 4px; -} -/* - * Add margin if adjacent element - */ -* + .uk-progress { - margin-top: 15px; -} -/* Sub-object: `uk-progress-bar` - ========================================================================== */ -/* - * 1. Transition - * 2. Needed for text - */ -.uk-progress-bar { - width: 0; - height: 100%; - background: #00a8e6; - float: left; - /* 1 */ - -webkit-transition: width 0.6s ease; - transition: width 0.6s ease; - /* 2 */ - font-size: 12px; - color: #ffffff; - text-align: center; - box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05); - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); -} -/* Size modifiers - ========================================================================== */ -/* Mini */ -.uk-progress-mini { - height: 6px; -} -/* Small */ -.uk-progress-small { - height: 12px; -} -/* Color modifiers - ========================================================================== */ -.uk-progress-success .uk-progress-bar { - background-color: #8cc14c; -} -.uk-progress-warning .uk-progress-bar { - background-color: #faa732; -} -.uk-progress-danger .uk-progress-bar { - background-color: #da314b; -} -/* Modifier: `uk-progress-striped` - ========================================================================== */ -.uk-progress-striped .uk-progress-bar { - 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); - 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); - background-size: 30px 30px; -} -/* - * Animation - */ -.uk-progress-striped.uk-active .uk-progress-bar { - -webkit-animation: uk-progress-bar-stripes 2s linear infinite; - animation: uk-progress-bar-stripes 2s linear infinite; -} -@-webkit-keyframes uk-progress-bar-stripes { - 0% { - background-position: 0 0; - } - 100% { - background-position: 30px 0; - } -} -@keyframes uk-progress-bar-stripes { - 0% { - background-position: 0 0; - } - 100% { - background-position: 30px 0; - } -} -/* Size modifiers - ========================================================================== */ -.uk-progress-mini, -.uk-progress-small { - border-radius: 500px; -} -/* ======================================================================== - Component: Search - ========================================================================== */ -/* - * 1. Create position context for dropdowns - * 2. Needed for `form` element - */ -.uk-search { - display: inline-block; - /* 1 */ - position: relative; - /* 2 */ - margin: 0; -} -/* - * Icon - */ -.uk-search:before { - content: "\f002"; - position: absolute; - top: 0; - left: 0; - width: 30px; - line-height: 30px; - text-align: center; - font-family: FontAwesome; - font-size: 14px; - color: rgba(0, 0, 0, 0.2); -} -/* Sub-object `uk-search-field` - ========================================================================== */ -/* - * 1. Needed to reset iOS `input[type="search"]` appearance - */ -.uk-search-field { - width: 120px; - height: 30px; - padding: 0 30px; - border: 1px solid rgba(0, 0, 0, 0); - background: rgba(0, 0, 0, 0); - color: #444444; - -webkit-transition: all linear 0.2s; - transition: all linear 0.2s; - /* 1 */ - border-radius: 0; -} -/* - * Needed to reset iOS `input[type="search"]` appearance - * Higher specificity to override appearance set by normalize.less - */ -input.uk-search-field { - -webkit-appearance: none; -} -/* Placeholder */ -.uk-search-field:-ms-input-placeholder { - color: #999999; -} -.uk-search-field::-moz-placeholder { - color: #999999; -} -.uk-search-field::-webkit-input-placeholder { - color: #999999; -} -/* Removes cancel button in IE10 */ -.uk-search-field::-ms-clear { - display: none; -} -/* Focus */ -.uk-search-field:focus { - outline: 0; -} -/* Focus + active */ -.uk-search-field:focus, -.uk-active .uk-search-field { - width: 180px; -} -/* Sub-object `uk-search-close` - ========================================================================== */ -/* - * 1. Required for `button` elements - * 2. Needed for Sarari - */ -.uk-search-close { - display: none; - position: absolute; - top: 0; - right: 0; - width: 30px; - line-height: 30px; - text-align: center; - font-size: 14px; - color: rgba(0, 0, 0, 0.2); - /* 1. */ - padding: 0; - border: 0; - -webkit-appearance: none; - /* 2. */ - background: transparent; -} -.uk-loading > .uk-search-close, -.uk-active > .uk-search-close { - display: block; -} -/* - * Icon - */ -.uk-search-close:after { - display: block; - content: "\f00d"; - font-family: FontAwesome; -} -/* Loading icon */ -.uk-loading > .uk-search-close:after { - content: "\f110"; - -webkit-animation: uk-spin 2s infinite linear; - animation: uk-spin 2s infinite linear; -} -/* ======================================================================== - Component: Animation - ========================================================================== */ -[class*='uk-animation-'] { - -webkit-animation-duration: 0.5s; - animation-duration: 0.5s; - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; -} -/* Hide animated element if scrollspy is used */ -[data-uk-scrollspy*='uk-animation-'] { - opacity: 0; -} -/* - * Fade - */ -.uk-animation-fade { - -webkit-animation-name: uk-fade; - animation-name: uk-fade; - -webkit-animation-duration: 0.8s; - animation-duration: 0.8s; - -webkit-animation-timing-function: linear; - animation-timing-function: linear; -} -/* - * Scale - */ -.uk-animation-scale-up { - -webkit-animation-name: uk-scale-up; - animation-name: uk-scale-up; -} -.uk-animation-scale-down { - -webkit-animation-name: uk-scale-down; - animation-name: uk-scale-down; -} -/* - * Slide - */ -.uk-animation-slide-top { - -webkit-animation-name: uk-slide-top; - animation-name: uk-slide-top; -} -.uk-animation-slide-bottom { - -webkit-animation-name: uk-slide-bottom; - animation-name: uk-slide-bottom; -} -.uk-animation-slide-left { - -webkit-animation-name: uk-slide-left; - animation-name: uk-slide-left; -} -.uk-animation-slide-right { - -webkit-animation-name: uk-slide-right; - animation-name: uk-slide-right; -} -/* - * Shake - */ -.uk-animation-shake { - -webkit-animation-name: uk-shake; - animation-name: uk-shake; -} -/* Modifiers - ========================================================================== */ -.uk-animation-reverse { - -webkit-animation-direction: reverse; - animation-direction: reverse; -} -/* Keyframes - ========================================================================== */ -/* - * Fade - */ -@-webkit-keyframes uk-fade { - 0% { - opacity: 0; - } - 100% { - opacity: 1; - } -} -@keyframes uk-fade { - 0% { - opacity: 0; - } - 100% { - opacity: 1; - } -} -/* - * Scale up - */ -@-webkit-keyframes uk-scale-up { - 0% { - opacity: 0; - -webkit-transform: scale(0.2); - } - 100% { - opacity: 1; - -webkit-transform: scale(1); - } -} -@keyframes uk-scale-up { - 0% { - opacity: 0; - transform: scale(0.2); - } - 100% { - opacity: 1; - transform: scale(1); - } -} -/* - * Scale down - */ -@-webkit-keyframes uk-scale-down { - 0% { - opacity: 0; - -webkit-transform: scale(1.8); - } - 100% { - opacity: 1; - -webkit-transform: scale(1); - } -} -@keyframes uk-scale-down { - 0% { - opacity: 0; - transform: scale(1.8); - } - 100% { - opacity: 1; - transform: scale(1); - } -} -/* - * Slide top - */ -@-webkit-keyframes uk-slide-top { - 0% { - opacity: 0; - -webkit-transform: translateY(-100%); - } - 100% { - opacity: 1; - -webkit-transform: translateY(0); - } -} -@keyframes uk-slide-top { - 0% { - opacity: 0; - transform: translateY(-100%); - } - 100% { - opacity: 1; - transform: translateY(0); - } -} -/* - * Slide bottom - */ -@-webkit-keyframes uk-slide-bottom { - 0% { - opacity: 0; - -webkit-transform: translateY(100%); - } - 100% { - opacity: 1; - -webkit-transform: translateY(0); - } -} -@keyframes uk-slide-bottom { - 0% { - opacity: 0; - transform: translateY(100%); - } - 100% { - opacity: 1; - transform: translateY(0); - } -} -/* - * Slide left - */ -@-webkit-keyframes uk-slide-left { - 0% { - opacity: 0; - -webkit-transform: translateX(-100%); - } - 100% { - opacity: 1; - -webkit-transform: translateX(0); - } -} -@keyframes uk-slide-left { - 0% { - opacity: 0; - transform: translateX(-100%); - } - 100% { - opacity: 1; - transform: translateX(0); - } -} -/* - * Slide right - */ -@-webkit-keyframes uk-slide-right { - 0% { - opacity: 0; - -webkit-transform: translateX(100%); - } - 100% { - opacity: 1; - -webkit-transform: translateX(0); - } -} -@keyframes uk-slide-right { - 0% { - opacity: 0; - transform: translateX(100%); - } - 100% { - opacity: 1; - transform: translateX(0); - } -} -/* - * Shake - */ -@-webkit-keyframes uk-shake { - 0%, - 100% { - -webkit-transform: translateX(0); - } - 10% { - -webkit-transform: translateX(-9px); - } - 20% { - -webkit-transform: translateX(8px); - } - 30% { - -webkit-transform: translateX(-7px); - } - 40% { - -webkit-transform: translateX(6px); - } - 50% { - -webkit-transform: translateX(-5px); - } - 60% { - -webkit-transform: translateX(4px); - } - 70% { - -webkit-transform: translateX(-3px); - } - 80% { - -webkit-transform: translateX(2px); - } - 90% { - -webkit-transform: translateX(-1px); - } -} -@keyframes uk-shake { - 0%, - 100% { - transform: translateX(0); - } - 10% { - transform: translateX(-9px); - } - 20% { - transform: translateX(8px); - } - 30% { - transform: translateX(-7px); - } - 40% { - transform: translateX(6px); - } - 50% { - transform: translateX(-5px); - } - 60% { - transform: translateX(4px); - } - 70% { - transform: translateX(-3px); - } - 80% { - transform: translateX(2px); - } - 90% { - transform: translateX(-1px); - } -} -/* - * Slide top fixed - */ -@-webkit-keyframes uk-slide-top-fixed { - 0% { - opacity: 0; - -webkit-transform: translateY(-10px); - } - 100% { - opacity: 1; - -webkit-transform: translateY(0); - } -} -@keyframes uk-slide-top-fixed { - 0% { - opacity: 0; - transform: translateY(-10px); - } - 100% { - opacity: 1; - transform: translateY(0); - } -} -/* - * Slide bottom fixed - */ -@-webkit-keyframes uk-slide-bottom-fixed { - 0% { - opacity: 0; - -webkit-transform: translateY(10px); - } - 100% { - opacity: 1; - -webkit-transform: translateY(0); - } -} -@keyframes uk-slide-bottom-fixed { - 0% { - opacity: 0; - transform: translateY(10px); - } - 100% { - opacity: 1; - transform: translateY(0); - } -} -/* - * Spin - */ -@-webkit-keyframes uk-spin { - 0% { - -webkit-transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(359deg); - } -} -@keyframes uk-spin { - 0% { - transform: rotate(0deg); - } - 100% { - transform: rotate(359deg); - } -} -/* ======================================================================== - Component: Dropdown - ========================================================================== */ -/* - * 1. Hide by default - * 2. Set position - * 3. Box-sizing is needed for `uk-dropdown-justify` - * 4. Set style - * 5. Reset button group whitespace hack - */ -.uk-dropdown { - /* 1 */ - display: none; - /* 2 */ - position: absolute; - top: 100%; - left: 0; - z-index: 1000; - /* 3 */ - -moz-box-sizing: border-box; - box-sizing: border-box; - /* 4 */ - width: 200px; - margin-top: 5px; - padding: 15px; - background: #ffffff; - color: #444444; - /* 5 */ - letter-spacing: normal; - border: 1px solid #dddddd; - border-radius: 4px; -} -/* - * 1. Show dropdown - * 2. Set animation - * 3. Needed for scale animation - */ -.uk-open > .uk-dropdown { - /* 1 */ - display: block; - /* 2 */ - -webkit-animation: uk-fade 0.2s ease-in-out; - animation: uk-fade 0.2s ease-in-out; - /* 3 */ - -webkit-transform-origin: 0 0; - transform-origin: 0 0; -} -/* Alignment modifiers - ========================================================================== */ -/* - * Modifier `uk-dropdown-flip` - */ -.uk-dropdown-flip { - left: auto; - right: 0; -} -/* - * Modifier `uk-dropdown-up` - */ -.uk-dropdown-up { - top: auto; - bottom: 100%; - margin-top: auto; - margin-bottom: 5px; -} -/* Nav in dropdown - ========================================================================== */ -.uk-dropdown .uk-nav { - margin: 0 -15px; -} -/* Grid and panel in dropdown - ========================================================================== */ -/* -* Vertical gutter -*/ -/* Grid */ -.uk-dropdown > .uk-grid + .uk-grid { - margin-top: 15px; -} -/* Panels */ -.uk-dropdown > .uk-grid > [class*='uk-width-'] > .uk-panel + .uk-panel { - margin-top: 15px; -} -/* Only tablets and desktops */ -@media (min-width: 768px) { - /* - * Horizontal gutter - */ - .uk-dropdown:not(.uk-dropdown-stack) > .uk-grid { - margin-left: -15px; - margin-right: -15px; - } - .uk-dropdown:not(.uk-dropdown-stack) > .uk-grid > [class*='uk-width-'] { - padding-left: 15px; - padding-right: 15px; - } - /* - * Column divider - */ - .uk-dropdown:not(.uk-dropdown-stack) > .uk-grid > [class*='uk-width-']:nth-child(n+2) { - border-left: 1px solid #dddddd; - } - /* - * Width multiplier for dropdown columns - */ - .uk-dropdown-width-2:not(.uk-dropdown-stack) { - width: 400px; - } - .uk-dropdown-width-3:not(.uk-dropdown-stack) { - width: 600px; - } - .uk-dropdown-width-4:not(.uk-dropdown-stack) { - width: 800px; - } - .uk-dropdown-width-5:not(.uk-dropdown-stack) { - width: 1000px; - } -} -/* Only phones */ -@media (max-width: 767px) { - /* - * Stack columns and take full width - */ - .uk-dropdown > .uk-grid > [class*='uk-width-'] { - width: 100%; - } - /* - * Vertical gutter - */ - .uk-dropdown > .uk-grid > [class*='uk-width-']:nth-child(n+2) { - margin-top: 15px; - } -} -/* -* Stack grid columns -*/ -.uk-dropdown-stack > .uk-grid > [class*='uk-width-'] { - width: 100%; -} -.uk-dropdown-stack > .uk-grid > [class*='uk-width-']:nth-child(n+2) { - margin-top: 15px; -} -/* Modifier `uk-dropdown-small` - ========================================================================== */ -/* - * Set min-width and text expands dropdown if needed - */ -.uk-dropdown-small { - min-width: 150px; - width: auto; - padding: 5px; - white-space: nowrap; -} -/* - * Nav in dropdown - */ -.uk-dropdown-small .uk-nav { - margin: 0 -5px; -} -/* Modifier: `uk-dropdown-navbar` - ========================================================================== */ -.uk-dropdown-navbar { - margin-top: 6px; - background: #ffffff; - color: #444444; - left: -1px; - border: 1px solid #dddddd; - border-radius: 4px; -} -.uk-open > .uk-dropdown-navbar { - -webkit-animation: uk-slide-top-fixed 0.2s ease-in-out; - animation: uk-slide-top-fixed 0.2s ease-in-out; -} -/* Modifier: `uk-dropdown-search` - ========================================================================== */ -.uk-dropdown-search { - width: 300px; - margin-top: 0; - background: #ffffff; - color: #444444; -} -.uk-open > .uk-dropdown-search { - -webkit-animation: uk-slide-top-fixed 0.2s ease-in-out; - animation: uk-slide-top-fixed 0.2s ease-in-out; -} -/* - * Dependency `uk-navbar-flip` - */ -.uk-navbar-flip .uk-dropdown-search { - margin-top: 11px; - margin-right: -16px; -} -.uk-dropdown-navbar.uk-dropdown-flip { - left: auto; -} -/* ======================================================================== - Component: Modal - ========================================================================== */ -/* - * This is the modal overlay and modal dialog container - * 1. Hide by default - * 2. Set fixed position - * 3. Webkit needs a height to position the modal dialog vertically in percent - * 4. Allow scrolling for the modal dialog - * 5. Mask the background page - * 6. Fade-in transition - */ -.uk-modal { - /* 1 */ - display: none; - /* 2 */ - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1020; - /* 3 */ - height: 100%; - /* 4 */ - overflow-y: auto; - -webkit-overflow-scrolling: touch; - /* 5 */ - background: rgba(0, 0, 0, 0.6); - /* 6 */ - opacity: 0; - -webkit-transition: opacity 0.15s linear; - transition: opacity 0.15s linear; -} -/* - * Open state - */ -.uk-modal.uk-open { - opacity: 1; -} -/* - * Prevents dublicated scrollbar caused by 4. - */ -.uk-modal-page { - overflow: hidden; -} -/* Sub-object: `uk-modal-dialog` - ========================================================================== */ -/* - * 1. Set position - * 2. Set box sizing - * 3. Center dialog box - * 4. Style - */ -.uk-modal-dialog { - /* 1 */ - position: relative; - top: 10%; - left: 50%; - /* 2 */ - -moz-box-sizing: border-box; - box-sizing: border-box; - padding: 20px; - width: 600px; - /* 3 */ - margin-left: -300px; - /* 4 */ - background: #ffffff; - border-radius: 4px; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -} -/* Only phones */ -@media (max-width: 767px) { - /* - * Fit in small screen - */ - .uk-modal-dialog { - top: 0; - left: 0; - right: 0; - width: auto; - margin: 10px; - } -} -/* - * Remove margin from the last-child - */ -.uk-modal-dialog > :last-child { - margin-bottom: 0; -} -/* Modifier: `uk-modal-dialog-slide` - ========================================================================== */ -/* - * Adds a slide-in transition to the modal dialog - */ -.uk-modal-dialog-slide { - opacity: 0; - -webkit-transform: translateY(-25%); - transform: translateY(-25%); - -webkit-transition: opacity 0.3s linear, -webkit-transform 0.3s ease-out; - transition: opacity 0.3s linear, transform 0.3s ease-out; -} -.uk-open .uk-modal-dialog-slide { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); -} -/* Close in modal - ========================================================================== */ -.uk-modal-dialog > .uk-close:first-child { - margin: -10px -10px 0 0; - float: right; -} -/* - * Remove margin from adjacent element - */ -.uk-modal-dialog > .uk-close:first-child + * { - margin-top: 0; -} -/* Modifier: `uk-modal-dialog-frameless` - ========================================================================== */ -.uk-modal-dialog-frameless { - padding: 0; -} -/* - * Close in modal - */ -.uk-modal-dialog-frameless > .uk-close:first-child { - position: absolute; - top: -12px; - right: -12px; - margin: 0; - float: none; -} -/* Only phones */ -@media (max-width: 767px) { - .uk-modal-dialog-frameless > .uk-close:first-child { - top: -7px; - right: -7px; - } -} -/* ======================================================================== - Component: Off-canvas - ========================================================================== */ -/* - * This is the offcanvas overlay and bar container - * 1. Hide by default - * 2. Set fixed position - * 3. Mask the background page - */ -.uk-offcanvas { - /* 1 */ - display: none; - /* 2 */ - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1010; - /* 3 */ - background: rgba(0, 0, 0, 0.1); -} -.uk-offcanvas.uk-active { - display: block; -} -/* Sub-object `uk-offcanvas-page` - ========================================================================== */ -/* - * Prepares the whole HTML page to slide-out - * 1. Fix the main page and disallow scrolling - * 2. Side-out transition - */ -.uk-offcanvas-page { - /* 1 */ - position: fixed; - /* 2 */ - -webkit-transition: margin-left 0.3s ease-in-out 50ms; - transition: margin-left 0.3s ease-in-out 50ms; -} -/* Sub-object `uk-offcanvas-bar` - ========================================================================== */ -/* - * This is the offcanvas bar - * 1. Set fixed position - * 2. Size and style - * 3. Allow scrolling - * 4. Side-out transition - */ -.uk-offcanvas-bar { - /* 1 */ - position: fixed; - top: 0; - bottom: 0; - left: 0; - -webkit-transform: translateX(-100%); - transform: translateX(-100%); - z-index: 1011; - /* 2 */ - width: 270px; - max-width: 100%; - background: #333333; - /* 3 */ - overflow-y: auto; - -webkit-overflow-scrolling: touch; - /* 4 */ - -webkit-transition: -webkit-transform 0.3s ease-in-out; - transition: transform 0.3s ease-in-out; -} -.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show { - -webkit-transform: translateX(0%); - transform: translateX(0%); -} -/* Modifier `uk-offcanvas-bar-flip` - ========================================================================== */ -.uk-offcanvas-bar-flip { - left: auto; - right: 0; - -webkit-transform: translateX(100%); - transform: translateX(100%); -} -/* Panel in offcanvas - ========================================================================== */ -.uk-offcanvas .uk-panel { - margin: 20px 15px; - color: #777777; - text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); -} -.uk-offcanvas .uk-panel-title { - color: #cccccc; -} -.uk-offcanvas .uk-panel a:not([class]) { - color: #cccccc; -} -.uk-offcanvas .uk-panel a:not([class]):hover { - color: #ffffff; -} -/* Search in offcanvas - ========================================================================== */ -.uk-offcanvas .uk-search { - display: block; - margin: 20px 15px; -} -.uk-offcanvas .uk-search:before { - color: #777777; -} -.uk-offcanvas .uk-search-field { - width: 100%; - border-color: rgba(0, 0, 0, 0); - background: #1a1a1a; - color: #cccccc; -} -.uk-offcanvas .uk-search-field:-ms-input-placeholder { - color: #777777; -} -.uk-offcanvas .uk-search-field::-moz-placeholder { - color: #777777; -} -.uk-offcanvas .uk-search-field::-webkit-input-placeholder { - color: #777777; -} -.uk-offcanvas-bar:after { - content: ""; - display: block; - position: absolute; - top: 0; - bottom: 0; - right: 0; - width: 1px; - background: rgba(0, 0, 0, 0.6); - box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.6); -} -.uk-offcanvas-bar-flip:after { - right: auto; - left: 0; - width: 1px; - background: rgba(0, 0, 0, 0.6); - box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.6); -} -/* ======================================================================== - Component: Switcher - ========================================================================== */ -.uk-switcher { - margin: 0; - padding: 0; - list-style: none; -} -/* - * Items - */ -.uk-switcher > *:not(.uk-active) { - display: none; -} -/* ======================================================================== - Component: Tooltip - ========================================================================== */ -/* - * 1. Hide by default - * 2. Set fixed position - * 3. Set dimensions - * 4. Set style - */ -.uk-tooltip { - /* 1 */ - display: none; - /* 2 */ - position: absolute; - z-index: 1030; - /* 3 */ - -moz-box-sizing: border-box; - box-sizing: border-box; - max-width: 200px; - padding: 5px 8px; - /* 4 */ - background: #333333; - color: rgba(255, 255, 255, 0.7); - font-size: 12px; - line-height: 18px; - text-align: center; - border-radius: 3px; - text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); -} -/* Triangle - ========================================================================== */ -/* - * 1. Dashed is less antialised than solid - */ -.uk-tooltip:after { - content: ""; - display: block; - position: absolute; - width: 0; - height: 0; - /* 1 */ - border: 5px dashed #333333; -} -/* Direction modifiers - ========================================================================== */ -/* - * Top - */ -.uk-tooltip-top:after, -.uk-tooltip-top-left:after, -.uk-tooltip-top-right:after { - bottom: -5px; - border-top-style: solid; - border-bottom: none; - border-left-color: transparent; - border-right-color: transparent; - border-top-color: #333333; -} -/* - * Bottom - */ -.uk-tooltip-bottom:after, -.uk-tooltip-bottom-left:after, -.uk-tooltip-bottom-right:after { - top: -5px; - border-bottom-style: solid; - border-top: none; - border-left-color: transparent; - border-right-color: transparent; - border-bottom-color: #333333; -} -/* - * Top/Bottom center - */ -.uk-tooltip-top:after, -.uk-tooltip-bottom:after { - left: 50%; - margin-left: -5px; -} -/* - * Top/Bottom left - */ -.uk-tooltip-top-left:after, -.uk-tooltip-bottom-left:after { - left: 10px; -} -/* - * Top/Bottom right - */ -.uk-tooltip-top-right:after, -.uk-tooltip-bottom-right:after { - right: 10px; -} -/* - * Left - */ -.uk-tooltip-left:after { - right: -5px; - top: 50%; - margin-top: -5px; - border-left-style: solid; - border-right: none; - border-top-color: transparent; - border-bottom-color: transparent; - border-left-color: #333333; -} -/* - * Right - */ -.uk-tooltip-right:after { - left: -5px; - top: 50%; - margin-top: -5px; - border-right-style: solid; - border-left: none; - border-top-color: transparent; - border-bottom-color: transparent; - border-right-color: #333333; -} -/* ======================================================================== - Component: Text - ========================================================================== */ -/* Size modifiers - ========================================================================== */ -.uk-text-small { - font-size: 11px; - line-height: 16px; -} -.uk-text-large { - font-size: 18px; - line-height: 24px; -} -/* Weight modifiers - ========================================================================== */ -.uk-text-bold { - font-weight: bold; -} -/* Color modifiers - ========================================================================== */ -.uk-text-muted { - color: #999999 !important; -} -.uk-text-info { - color: #2d7091 !important; -} -.uk-text-success { - color: #659f13 !important; -} -.uk-text-warning { - color: #e28327 !important; -} -.uk-text-danger { - color: #d85030 !important; -} -/* Alignment modifiers - ========================================================================== */ -.uk-text-left { - text-align: left !important; -} -.uk-text-right { - text-align: right !important; -} -.uk-text-center { - text-align: center !important; -} -.uk-text-justify { - text-align: justify !important; -} -/* Wrap modifiers - ========================================================================== */ -/* - * Prevent text from wrapping onto multiple lines - */ -.uk-text-nowrap { - white-space: nowrap; -} -/* - * Prevent text from wrapping onto multiple lines, and truncate with an ellipsis - */ -.uk-text-truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} -/* - * Break strings if their length exceeds the width of their container - */ -.uk-text-break { - word-wrap: break-word; - -webkit-hyphens: auto; - -ms-hyphens: auto; - -moz-hyphens: auto; - hyphens: auto; -} -/* ======================================================================== - Component: Utility - ========================================================================== */ -/* Container - ========================================================================== */ -.uk-container { - -moz-box-sizing: border-box; - box-sizing: border-box; - max-width: 980px; - padding: 0 25px; -} -/* Only large screens */ -@media (min-width: 1220px) { - .uk-container { - max-width: 1200px; - padding: 0 35px; - } -} -/* - * Micro clearfix - */ -.uk-container:before, -.uk-container:after { - content: " "; - display: table; -} -.uk-container:after { - clear: both; -} -/* - * Center container - */ -.uk-container-center { - margin-left: auto; - margin-right: auto; -} -/* Clearing - ========================================================================== */ -/* - * Micro clearfix - */ -.uk-clearfix:before, -.uk-clearfix:after { - content: " "; - display: table; -} -.uk-clearfix:after { - clear: both; -} -/* - * Create a new block formatting context - */ -.uk-nbfc { - overflow: hidden; -} -.uk-nbfc-alt { - display: table-cell; - width: 10000px; -} -/* Alignment of block elements - ========================================================================== */ -/* - * Float blocks - * 1. Prevent content overflow on small devices - */ -.uk-float-left { - float: left; -} -.uk-float-right { - float: right; -} -/* 1 */ -[class*='uk-float-'] { - max-width: 100%; -} -/* Alignment of images and objects - ========================================================================== */ -/* - * Alignment - */ -[class*='uk-align-'] { - display: block; - margin-bottom: 15px; -} -.uk-align-left { - margin-right: 15px; - float: left; -} -.uk-align-right { - margin-left: 15px; - float: right; -} -/* Only tablets and desktop */ -@media (min-width: 768px) { - .uk-align-medium-left { - margin-right: 15px; - margin-bottom: 15px; - float: left; - } - .uk-align-medium-right { - margin-left: 15px; - margin-bottom: 15px; - float: right; - } -} -.uk-align-center { - margin-left: auto; - margin-right: auto; -} -/* Vertical alignment - ========================================================================== */ -/* - * Remove whitespace between child elements when using `inline-block` - */ -.uk-vertical-align { - letter-spacing: -0.31em; -} -/* - * The `uk-vertical-align` container needs a specific height - */ -.uk-vertical-align:before { - content: ''; - display: inline-block; - height: 100%; - vertical-align: middle; -} -/* - * Sub-object which can have any height - * 1. Reset whitespace hack - */ -.uk-vertical-align-middle, -.uk-vertical-align-bottom { - display: inline-block; - max-width: 100%; - /* 1 */ - letter-spacing: normal; -} -.uk-vertical-align-middle { - vertical-align: middle; -} -.uk-vertical-align-bottom { - vertical-align: bottom; -} -/* - * This helper class is very useful to extend the `html` and `body` element to the full height of the page. - */ -.uk-height-1-1 { - height: 100%; -} -/* Responsive objects - * Note: Images are already responsive by default, see Base component - ========================================================================== */ -/* - * 1. Corrects max-width/max-height behavior if padding and border are used - */ -.uk-responsive-width, -.uk-responsive-height { - -moz-box-sizing: border-box; - box-sizing: border-box; -} -/* - * Responsiveness: Sets a maxium width relative to the parent and auto scales the height - */ -.uk-responsive-width { - max-width: 100%; - height: auto; -} -/* - * Responsiveness: Sets a maxium height relative to the parent and auto scales the width - * Only works if the parent element has a fixed height. - */ -.uk-responsive-height { - max-height: 100%; - width: auto; -} -/* Margin - ========================================================================== */ -/* - * Create a block with the same margin of a paragraph - */ -.uk-margin { - margin-bottom: 15px; -} -/* - * Add margin if adjacent element - */ -* + .uk-margin { - margin-top: 15px; -} -/* - * Margins - */ -.uk-margin-top { - margin-top: 15px !important; -} -.uk-margin-bottom { - margin-bottom: 15px !important; -} -.uk-margin-left { - margin-left: 15px !important; -} -.uk-margin-right { - margin-right: 15px !important; -} -/* - * Smaller margins - */ -.uk-margin-small-top { - margin-top: 5px !important; -} -.uk-margin-small-bottom { - margin-bottom: 5px !important; -} -.uk-margin-small-left { - margin-left: 5px !important; -} -.uk-margin-small-right { - margin-right: 5px !important; -} -/* - * Remove margins - */ -.uk-margin-remove { - margin: 0 !important; -} -.uk-margin-top-remove { - margin-top: 0 !important; -} -.uk-margin-bottom-remove { - margin-bottom: 0 !important; -} -/* Border - ========================================================================== */ -.uk-border-circle { - border-radius: 50%; -} -/* Headings - ========================================================================== */ -/* Only tablets and desktops */ -@media (min-width: 768px) { - .uk-heading-large { - font-size: 52px; - line-height: 64px; - } -} -/* Link - ========================================================================== */ -.uk-link-muted, -.uk-link-muted a { - color: #444444; -} -.uk-link-muted:hover, -.uk-link-muted a:hover { - color: #444444; -} -/* Scrollable - ========================================================================== */ -/* - * Enable scrolling for preformatted text - */ -.uk-scrollable-text { - max-height: 300px; - overflow-y: scroll; -} -/* - * Box with scrolling enabled - */ -.uk-scrollable-box { - -moz-box-sizing: border-box; - box-sizing: border-box; - max-height: 170px; - padding: 10px; - border: 1px solid #dddddd; - overflow: auto; - border-radius: 3px; -} -/* - * Remove margin from the last-child - */ -.uk-scrollable-box > :last-child { - margin-bottom: 0; -} -/* Display - ========================================================================== */ -/* - * Display - */ -.uk-display-block { - display: block !important; -} -.uk-display-inline { - display: inline !important; -} -.uk-display-inline-block { - display: inline-block !important; -} -/* - * Visibility - * Avoids setting display to `block` - */ -/* Only desktops */ -@media (min-width: 960px) { - .uk-visible-small { - display: none !important; - } - .uk-visible-medium { - display: none !important; - } - .uk-hidden-large { - display: none !important; - } -} -/* Only tablets portrait */ -@media (min-width: 768px) and (max-width: 959px) { - .uk-visible-small { - display: none !important; - } - .uk-visible-large { - display: none !important ; - } - .uk-hidden-medium { - display: none !important; - } -} -/* Only phones */ -@media (max-width: 767px) { - .uk-visible-medium { - display: none !important; - } - .uk-visible-large { - display: none !important; - } - .uk-hidden-small { - display: none !important; - } -} -/* Remove from the flow and screen readers on any device */ -.uk-hidden { - display: none !important; - visibility: hidden !important; -} -/* It's hidden, but still affects layout */ -.uk-invisible { - visibility: hidden !important; -} -/* Show on hover */ -.uk-visible-hover:hover .uk-hidden, -.uk-visible-hover:hover .uk-invisible { - display: block !important; - visibility: visible !important; -} -.uk-visible-hover-inline:hover .uk-hidden, -.uk-visible-hover-inline:hover .uk-invisible { - display: inline-block !important; - visibility: visible !important; -} -/* ======================================================================== - Component: Print - ========================================================================== */ -@media print { - * { - background: transparent !important; - color: black !important; - box-shadow: none !important; - text-shadow: none !important; - } - a, - a:visited { - text-decoration: underline; - } - pre, - blockquote { - border: 1px solid #999; - page-break-inside: avoid; - } - thead { - display: table-header-group; - } - tr, - img { - page-break-inside: avoid; - } - img { - max-width: 100% !important; - } - @page { - margin: 0.5cm; - } - p, - h2, - h3 { - orphans: 3; - widows: 3; - } - h2, - h3 { - page-break-after: avoid; - } -} diff --git a/lib/css/uikit.almost-flat.min.css b/lib/css/uikit.almost-flat.min.css deleted file mode 100644 index 0ccd861..0000000 --- a/lib/css/uikit.almost-flat.min.css +++ /dev/null @@ -1,3 +0,0 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - -html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-size:1em;font-family:Consolas,monospace,serif}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}optgroup{font-weight:700}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button:disabled,html input:disabled{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{padding:0;cursor:pointer}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:0;margin:0;padding:0}legend{border:0;padding:0}textarea{overflow:auto;vertical-align:top}::-moz-placeholder{opacity:1}table{border-collapse:collapse;border-spacing:0}html{font-size:14px}body{background:#fff;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;line-height:20px;color:#444}@media (max-width:767px){body{word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;-moz-hyphens:auto;hyphens:auto}}a,.uk-link{color:#07d;text-decoration:none;cursor:pointer}a:hover,.uk-link:hover{color:#059;text-decoration:underline}em{color:#d05}ins{background:#ffa;color:#444;text-decoration:none}mark{background:#ffa;color:#444}::-moz-selection{background:#39f;color:#fff;text-shadow:none}::selection{background:#39f;color:#fff;text-shadow:none}abbr[title],dfn[title]{cursor:help}dfn[title]{border-bottom:1px dotted;font-style:normal}img{-moz-box-sizing:border-box;box-sizing:border-box;max-width:100%;height:auto;vertical-align:middle}.uk-img-preserve,.uk-img-preserve img,img[src*="maps.gstatic.com"],img[src*="googleapis.com"]{max-width:none}p,hr,ul,ol,dl,blockquote,pre,address,fieldset,figure{margin:0 0 15px}*+p,*+hr,*+ul,*+ol,*+dl,*+blockquote,*+pre,*+address,*+fieldset,*+figure{margin-top:15px}h1,h2,h3,h4,h5,h6{margin:0 0 15px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;color:#444;text-transform:none}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:25px}h1,.uk-h1{font-size:36px;line-height:42px}h2,.uk-h2{font-size:24px;line-height:30px}h3,.uk-h3{font-size:18px;line-height:24px}h4,.uk-h4{font-size:16px;line-height:22px}h5,.uk-h5{font-size:14px;line-height:20px}h6,.uk-h6{font-size:12px;line-height:18px}ul,ol{padding-left:30px}ul>li>ul,ul>li>ol,ol>li>ol,ol>li>ul{margin:0}dt{font-weight:700}dd{margin-left:0}hr{display:block;padding:0;border:0;border-top:1px solid #ddd}address{font-style:normal}q,blockquote{font-style:italic}blockquote{padding-left:15px;border-left:5px solid #ddd;font-size:16px;line-height:22px}blockquote small{display:block;color:#999;font-style:normal}blockquote p:last-of-type{margin-bottom:5px}code{color:#d05;font-size:12px;white-space:nowrap;padding:0 4px;border:1px solid #ddd;border-radius:3px;background:#fafafa}pre code{color:inherit;white-space:pre-wrap;padding:0;border:0;background:0 0}pre{padding:10px;background:#fafafa;color:#444;font-size:12px;line-height:18px;-moz-tab-size:4;tab-size:4;border:1px solid #ddd;border-radius:3px}button,input:not([type=radio]):not([type=checkbox]),select{vertical-align:middle}iframe{border:0}@media screen and (max-width:400px){@-ms-viewport{width:device-width}}.uk-grid:before,.uk-grid:after{content:" ";display:table}.uk-grid:after{clear:both}.uk-grid{margin:0 0 0 -25px;padding:0;list-style:none}.uk-grid+.uk-grid{margin-top:25px}.uk-grid>[class*=uk-width-]{margin:0;padding-left:25px;float:left}.uk-grid>[class*=uk-width-]>:last-child{margin-bottom:0}.uk-grid>.uk-grid-margin{margin-top:25px}.uk-grid-divider:not(:empty){margin-left:-25px;margin-right:-25px}.uk-grid-divider:not(:empty)>[class*=uk-width-]{padding-left:25px;padding-right:25px}.uk-grid-divider:not(:empty)>[class*=uk-width-1-]:not(.uk-width-1-1):nth-child(n+2),.uk-grid-divider:not(:empty)>[class*=uk-width-2-]:nth-child(n+2),.uk-grid-divider:not(:empty)>[class*=uk-width-3-]:nth-child(n+2),.uk-grid-divider:not(:empty)>[class*=uk-width-4-]:nth-child(n+2),.uk-grid-divider:not(:empty)>[class*=uk-width-5-]:nth-child(n+2),.uk-grid-divider:not(:empty)>[class*=uk-width-6-]:nth-child(n+2),.uk-grid-divider:not(:empty)>[class*=uk-width-7-]:nth-child(n+2),.uk-grid-divider:not(:empty)>[class*=uk-width-8-]:nth-child(n+2),.uk-grid-divider:not(:empty)>[class*=uk-width-9-]:nth-child(n+2){border-left:1px solid #ddd}@media (min-width:768px){.uk-grid-divider:not(:empty)>[class*=uk-width-medium-]:not(.uk-width-medium-1-1):nth-child(n+2){border-left:1px solid #ddd}}@media (min-width:960px){.uk-grid-divider:not(:empty)>[class*=uk-width-large-]:not(.uk-width-large-1-1):nth-child(n+2){border-left:1px solid #ddd}}.uk-grid-divider:empty{margin-top:25px;margin-bottom:25px;border-top:1px solid #ddd}.uk-grid>[class*=uk-width-]>.uk-panel+.uk-panel{margin-top:25px}@media (min-width:1220px){.uk-grid:not(.uk-grid-preserve){margin-left:-35px}.uk-grid:not(.uk-grid-preserve)>[class*=uk-width-]{padding-left:35px}.uk-grid:not(.uk-grid-preserve)+.uk-grid{margin-top:35px}.uk-grid:not(.uk-grid-preserve)>.uk-grid-margin{margin-top:35px}.uk-grid:not(.uk-grid-preserve)>[class*=uk-width-]>.uk-panel+.uk-panel{margin-top:35px}.uk-grid-divider:not(.uk-grid-preserve):not(:empty){margin-left:-35px;margin-right:-35px}.uk-grid-divider:not(.uk-grid-preserve):not(:empty)>[class*=uk-width-]{padding-left:35px;padding-right:35px}.uk-grid-divider:not(.uk-grid-preserve):empty{margin-top:35px;margin-bottom:35px}}[class*=uk-width-]{-moz-box-sizing:border-box;box-sizing:border-box;width:100%}.uk-width-1-1{width:100%}.uk-width-1-2,.uk-width-2-4,.uk-width-3-6,.uk-width-5-10{width:50%}.uk-width-1-3,.uk-width-2-6{width:33.333%}.uk-width-2-3,.uk-width-4-6{width:66.666%}.uk-width-1-4{width:25%}.uk-width-3-4{width:75%}.uk-width-1-5,.uk-width-2-10{width:20%}.uk-width-2-5,.uk-width-4-10{width:40%}.uk-width-3-5,.uk-width-6-10{width:60%}.uk-width-4-5,.uk-width-8-10{width:80%}.uk-width-1-6{width:16.666%}.uk-width-5-6{width:83.333%}.uk-width-1-10{width:10%}.uk-width-3-10{width:30%}.uk-width-7-10{width:70%}.uk-width-9-10{width:90%}@media (min-width:768px){.uk-width-medium-1-1{width:100%}.uk-width-medium-1-2,.uk-width-medium-2-4,.uk-width-medium-3-6,.uk-width-medium-5-10{width:50%}.uk-width-medium-1-3,.uk-width-medium-2-6{width:33.333%}.uk-width-medium-2-3,.uk-width-medium-4-6{width:66.666%}.uk-width-medium-1-4{width:25%}.uk-width-medium-3-4{width:75%}.uk-width-medium-1-5,.uk-width-medium-2-10{width:20%}.uk-width-medium-2-5,.uk-width-medium-4-10{width:40%}.uk-width-medium-3-5,.uk-width-medium-6-10{width:60%}.uk-width-medium-4-5,.uk-width-medium-8-10{width:80%}.uk-width-medium-1-6{width:16.666%}.uk-width-medium-5-6{width:83.333%}.uk-width-medium-1-10{width:10%}.uk-width-medium-3-10{width:30%}.uk-width-medium-7-10{width:70%}.uk-width-medium-9-10{width:90%}}@media (min-width:960px){.uk-width-large-1-1{width:100%}.uk-width-large-1-2,.uk-width-large-2-4,.uk-width-large-3-6,.uk-width-large-5-10{width:50%}.uk-width-large-1-3,.uk-width-large-2-6{width:33.333%}.uk-width-large-2-3,.uk-width-large-4-6{width:66.666%}.uk-width-large-1-4{width:25%}.uk-width-large-3-4{width:75%}.uk-width-large-1-5,.uk-width-large-2-10{width:20%}.uk-width-large-2-5,.uk-width-large-4-10{width:40%}.uk-width-large-3-5,.uk-width-large-6-10{width:60%}.uk-width-large-4-5,.uk-width-large-8-10{width:80%}.uk-width-large-1-6{width:16.666%}.uk-width-large-5-6{width:83.333%}.uk-width-large-1-10{width:10%}.uk-width-large-3-10{width:30%}.uk-width-large-7-10{width:70%}.uk-width-large-9-10{width:90%}}@media (min-width:768px){[class*=uk-push-],[class*=uk-pull-]{position:relative}.uk-push-1-2,.uk-push-2-4,.uk-push-3-6,.uk-push-5-10{left:50%}.uk-push-1-3,.uk-push-2-6{left:33.333%}.uk-push-2-3,.uk-push-4-6{left:66.666%}.uk-push-1-4{left:25%}.uk-push-3-4{left:75%}.uk-push-1-5,.uk-push-2-10{left:20%}.uk-push-2-5,.uk-push-4-10{left:40%}.uk-push-3-5,.uk-push-6-10{left:60%}.uk-push-4-5,.uk-push-8-10{left:80%}.uk-push-1-6{left:16.666%}.uk-push-5-6{left:83.333%}.uk-push-1-10{left:10%}.uk-push-3-10{left:30%}.uk-push-7-10{left:70%}.uk-push-9-10{left:90%}.uk-pull-1-2,.uk-pull-2-4,.uk-pull-3-6,.uk-pull-5-10{left:-50%}.uk-pull-1-3,.uk-pull-2-6{left:-33.333%}.uk-pull-2-3,.uk-pull-4-6{left:-66.666%}.uk-pull-1-4{left:-25%}.uk-pull-3-4{left:-75%}.uk-pull-1-5,.uk-pull-2-10{left:-20%}.uk-pull-2-5,.uk-pull-4-10{left:-40%}.uk-pull-3-5,.uk-pull-6-10{left:-60%}.uk-pull-4-5,.uk-pull-8-10{left:-80%}.uk-pull-1-6{left:-16.666%}.uk-pull-5-6{left:-83.333%}.uk-pull-1-10{left:-10%}.uk-pull-3-10{left:-30%}.uk-pull-7-10{left:-70%}.uk-pull-9-10{left:-90%}}.uk-panel{display:block;position:relative}.uk-panel:before,.uk-panel:after{content:" ";display:table}.uk-panel:after{clear:both}.uk-panel>:not(.uk-panel-title):last-child{margin-bottom:0}.uk-panel-title{margin-top:0;margin-bottom:15px;font-size:18px;line-height:24px;font-weight:400;text-transform:none;color:#444}.uk-panel-badge{position:absolute;top:0;right:0;z-index:1}.uk-panel-box{padding:15px;background:#fafafa;color:#444;border:1px solid #ddd;border-radius:4px}.uk-panel-box .uk-panel-title{color:#444}.uk-panel-box .uk-panel-badge{top:10px;right:10px}.uk-panel-box .uk-panel-teaser{margin:-16px -16px 15px -16px}.uk-panel-box>.uk-nav-side{margin:0 -15px}.uk-panel-box-primary{background-color:#ebf7fd;color:#2d7091;border-color:rgba(45,112,145,.3)}.uk-panel-box-primary .uk-panel-title{color:#2d7091}.uk-panel-box-secondary{background-color:#fff;color:#444}.uk-panel-box-secondary .uk-panel-title{color:#444}.uk-panel-header .uk-panel-title{padding-bottom:10px;border-bottom:1px solid #ddd;color:#444}.uk-panel-space{padding:30px}.uk-panel-space .uk-panel-badge{top:30px;right:30px}.uk-panel+.uk-panel-divider{margin-top:50px!important}.uk-panel+.uk-panel-divider:before{content:"";display:block;position:absolute;top:-25px;left:0;right:0;border-top:1px solid #ddd}@media (min-width:1220px){.uk-panel+.uk-panel-divider{margin-top:70px!important}.uk-panel+.uk-panel-divider:before{top:-35px}}.uk-panel-box img{border-top-left-radius:4px;border-top-right-radius:4px}.uk-article:before,.uk-article:after{content:" ";display:table}.uk-article:after{clear:both}.uk-article>:last-child{margin-bottom:0}.uk-article+.uk-article{margin-top:15px}.uk-article-title{font-size:36px;line-height:42px;font-weight:400;text-transform:none}.uk-article-title a{color:inherit;text-decoration:none}.uk-article-meta{font-size:12px;line-height:18px;color:#999}.uk-article-lead{color:#444;font-size:18px;line-height:24px;font-weight:400}.uk-article-divider{margin-bottom:25px;border-color:#ddd}*+.uk-article-divider{margin-top:25px}.uk-article+.uk-article{padding-top:15px;border-top:1px solid #ddd}.uk-comment-header{margin-bottom:15px;padding:10px;border:1px solid #ddd;border-radius:4px;background:#fafafa}.uk-comment-header:before,.uk-comment-header:after{content:" ";display:table}.uk-comment-header:after{clear:both}.uk-comment-avatar{margin-right:15px;float:left}.uk-comment-title{margin:5px 0 0;font-size:16px;line-height:22px}.uk-comment-meta{margin:2px 0 0;font-size:11px;line-height:16px;color:#999}.uk-comment-body>:last-child{margin-bottom:0}.uk-comment-list{padding:0;list-style:none}.uk-comment-list .uk-comment+ul{margin:25px 0 0;list-style:none}.uk-comment-list>li:nth-child(n+2),.uk-comment-list .uk-comment+ul>li:nth-child(n+2){margin-top:25px}@media (min-width:768px){.uk-comment-list .uk-comment+ul{padding-left:100px}}.uk-comment-body{padding-left:10px;padding-right:10px}.uk-comment-primary .uk-comment-header{border-color:rgba(45,112,145,.3);background-color:#ebf7fd;color:#2d7091;text-shadow:0 1px 0 #fff}.uk-nav,.uk-nav ul{margin:0;padding:0;list-style:none}.uk-nav li>a{display:block;text-decoration:none}.uk-nav>li>a{padding:5px 15px}.uk-nav ul{padding-left:15px}.uk-nav ul a{padding:2px 0}.uk-nav li>a>div{font-size:12px;line-height:18px}.uk-nav-header{padding:5px 15px;text-transform:uppercase;font-weight:700;font-size:12px}.uk-nav-header:not(:first-child){margin-top:15px}.uk-nav-divider{margin:9px 15px}ul.uk-nav-sub{padding:5px 0 5px 15px}.uk-nav-parent-icon>.uk-parent>a:after{content:"\f104";width:20px;margin-right:-10px;float:right;font-family:FontAwesome;text-align:center}.uk-nav-parent-icon>.uk-parent.uk-open>a:after{content:"\f107"}.uk-nav-side>li>a{color:#444}.uk-nav-side>li>a:hover,.uk-nav-side>li>a:focus{background:rgba(0,0,0,.03);color:#444;outline:0;box-shadow:inset 0 0 1px rgba(0,0,0,.06);text-shadow:0 -1px 0 #fff}.uk-nav-side>li.uk-active>a{background:#00a8e6;color:#fff;box-shadow:inset 0 0 5px rgba(0,0,0,.05);text-shadow:0 -1px 0 rgba(0,0,0,.1)}.uk-nav-side .uk-nav-header{color:#444}.uk-nav-side .uk-nav-divider{border-top:1px solid #ddd;box-shadow:0 1px 0 #fff}.uk-nav-side ul a{color:#07d}.uk-nav-side ul a:hover{color:#059}.uk-nav-dropdown>li>a{color:#444}.uk-nav-dropdown>li>a:hover,.uk-nav-dropdown>li>a:focus{background:#00a8e6;color:#fff;outline:0;box-shadow:inset 0 0 5px rgba(0,0,0,.05);text-shadow:0 -1px 0 rgba(0,0,0,.1)}.uk-nav-dropdown .uk-nav-header{color:#999}.uk-nav-dropdown .uk-nav-divider{border-top:1px solid #ddd}.uk-nav-dropdown ul a{color:#07d}.uk-nav-dropdown ul a:hover{color:#059}.uk-nav-navbar>li>a{color:#444}.uk-nav-navbar>li>a:hover,.uk-nav-navbar>li>a:focus{background:#00a8e6;color:#fff;outline:0;box-shadow:inset 0 0 5px rgba(0,0,0,.05);text-shadow:0 -1px 0 rgba(0,0,0,.1)}.uk-nav-navbar .uk-nav-header{color:#999}.uk-nav-navbar .uk-nav-divider{border-top:1px solid #ddd}.uk-nav-navbar ul a{color:#07d}.uk-nav-navbar ul a:hover{color:#059}.uk-nav-search>li>a{color:#444}.uk-nav-search>li.uk-active>a{background:#00a8e6;color:#fff;outline:0;box-shadow:inset 0 0 5px rgba(0,0,0,.05);text-shadow:0 -1px 0 rgba(0,0,0,.1)}.uk-nav-search .uk-nav-header{color:#999}.uk-nav-search .uk-nav-divider{border-top:1px solid #ddd}.uk-nav-search ul a{color:#07d}.uk-nav-search ul a:hover{color:#059}.uk-nav-offcanvas>li>a{color:#ccc;padding:10px 15px;border-top:1px solid rgba(0,0,0,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);text-shadow:0 1px 0 rgba(0,0,0,.5)}.uk-nav-offcanvas>.uk-open>a,html:not(.uk-touch) .uk-nav-offcanvas>li>a:hover,html:not(.uk-touch) .uk-nav-offcanvas>li>a:focus{background:#404040;color:#fff;outline:0}html .uk-nav.uk-nav-offcanvas>li.uk-active>a{background:#1a1a1a;color:#fff;box-shadow:inset 0 1px 3px rgba(0,0,0,.3)}.uk-nav-offcanvas .uk-nav-header{color:#777;margin-top:0;border-top:1px solid rgba(0,0,0,.3);background:#404040;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);text-shadow:0 1px 0 rgba(0,0,0,.5)}.uk-nav-offcanvas .uk-nav-divider{border-top:1px solid rgba(255,255,255,.01);margin:0;height:4px;background:rgba(0,0,0,.2);box-shadow:inset 0 1px 3px rgba(0,0,0,.3)}.uk-nav-offcanvas ul a{color:#ccc}html:not(.uk-touch) .uk-nav-offcanvas ul a:hover{color:#fff}.uk-nav-offcanvas{border-bottom:1px solid rgba(0,0,0,.3);box-shadow:0 1px 0 rgba(255,255,255,.05)}.uk-nav-offcanvas .uk-nav-sub{border-top:1px solid rgba(0,0,0,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.uk-navbar{background:#f5f5f5;color:#444;border:1px solid rgba(0,0,0,.06)}.uk-navbar:before,.uk-navbar:after{content:" ";display:table}.uk-navbar:after{clear:both}.uk-navbar-nav{margin:0;padding:0;list-style:none;float:left}.uk-navbar-nav>li{float:left;position:relative}.uk-navbar-nav>li>a{display:block;-moz-box-sizing:border-box;box-sizing:border-box;text-decoration:none;height:40px;padding:0 15px;line-height:40px;color:#444;font-size:14px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;margin-top:-1px;margin-left:-1px;height:41px;border:1px solid transparent;border-bottom-width:0;text-shadow:0 1px 0 #fff}.uk-navbar-nav>li>a[href='#']{cursor:text}.uk-navbar-nav>li:hover>a,.uk-navbar-nav>li>a:focus,.uk-navbar-nav>li.uk-open>a{background-color:#fafafa;color:#444;outline:0;position:relative;z-index:1;border-left-color:rgba(0,0,0,.1);border-right-color:rgba(0,0,0,.1);border-top-color:rgba(0,0,0,.1)}.uk-navbar-nav>li>a:active{background-color:#eee;color:#444;border-left-color:rgba(0,0,0,.1);border-right-color:rgba(0,0,0,.1);border-top-color:rgba(0,0,0,.2)}.uk-navbar-nav>li.uk-active>a{background-color:#fafafa;color:#444;border-left-color:rgba(0,0,0,.1);border-right-color:rgba(0,0,0,.1);border-top-color:rgba(0,0,0,.1)}.uk-navbar-nav .uk-navbar-nav-subtitle{line-height:28px}.uk-navbar-nav-subtitle>div{margin-top:-6px;font-size:10px;line-height:12px}.uk-navbar-content,.uk-navbar-brand,.uk-navbar-toggle{-moz-box-sizing:border-box;box-sizing:border-box;display:block;height:40px;padding:0 15px;float:left;text-shadow:0 1px 0 #fff}.uk-navbar-content:before,.uk-navbar-brand:before,.uk-navbar-toggle:before{content:'';display:inline-block;height:100%;vertical-align:middle}.uk-navbar-content+.uk-navbar-content:not(.uk-navbar-center){padding-left:0}.uk-navbar-content>a:not([class]){color:#07d}.uk-navbar-content>a:not([class]):hover{color:#059}.uk-navbar-brand{font-size:18px;color:#444}.uk-navbar-brand:hover,.uk-navbar-brand:focus{color:#444;text-decoration:none;outline:0}.uk-navbar-toggle{font-size:18px;color:#444}.uk-navbar-toggle:hover,.uk-navbar-toggle:focus{color:#444;text-decoration:none;outline:0}.uk-navbar-toggle:after{content:"\f0c9";font-family:FontAwesome;vertical-align:middle}.uk-navbar-toggle-alt:after{content:"\f002"}.uk-navbar-center{float:none;text-align:center;max-width:50%;margin:auto}.uk-navbar-flip{float:right}.uk-navbar:not(.uk-navbar-attached){border-radius:4px}.uk-navbar:not(.uk-navbar-attached) .uk-navbar-nav:first-child>li:first-child>a{border-top-left-radius:4px;border-bottom-left-radius:4px}.uk-navbar .uk-navbar-flip .uk-navbar-nav>li>a{margin-left:0;margin-right:-1px}.uk-navbar .uk-navbar-flip .uk-navbar-nav:first-child>li:first-child>a{border-top-left-radius:0;border-bottom-left-radius:0}.uk-navbar:not(.uk-navbar-attached) .uk-navbar-flip .uk-navbar-nav:last-child>li:last-child>a{border-top-right-radius:4px;border-bottom-right-radius:4px}.uk-subnav{padding:0;list-style:none;letter-spacing:-.31em}.uk-subnav>li{position:relative;letter-spacing:normal}.uk-subnav>li,.uk-subnav>li>a,.uk-subnav>li>span{display:inline-block}.uk-subnav>li:nth-child(n+2){margin-left:10px}.uk-subnav>li>a{color:#07d}.uk-subnav>li>a:hover{color:#059}.uk-subnav>li>span{color:#999}.uk-subnav-line>li:nth-child(n+2):before{content:"";display:inline-block;height:10px;margin-right:10px;border-left:1px solid #ddd}.uk-subnav-pill>li>a,.uk-subnav-pill>li>span{padding:3px 9px;text-decoration:none;border-radius:4px}.uk-subnav-pill>li>a:hover,.uk-subnav-pill>li>a:focus{background:#fafafa;color:#444;outline:0;box-shadow:0 0 0 1px rgba(0,0,0,.15)}.uk-subnav-pill>li.uk-active>a{background:#00a8e6;color:#fff;box-shadow:inset 0 0 5px rgba(0,0,0,.05)}.uk-breadcrumb{padding:0;list-style:none;letter-spacing:-.31em}.uk-breadcrumb>li{letter-spacing:normal}.uk-breadcrumb>li,.uk-breadcrumb>li>a,.uk-breadcrumb>li>span{display:inline-block}.uk-breadcrumb>li:nth-child(n+2):before{content:"/";display:inline-block;margin:0 8px}.uk-breadcrumb>li:not(.uk-active)>span{color:#999}.uk-pagination{padding:0;list-style:none;text-align:center;letter-spacing:-.31em}.uk-pagination:before,.uk-pagination:after{content:" ";display:table}.uk-pagination:after{clear:both}.uk-pagination>li{display:inline-block;letter-spacing:normal}.uk-pagination>li:nth-child(n+2){margin-left:5px}.uk-pagination>li>a,.uk-pagination>li>span{display:inline-block;min-width:16px;padding:3px 5px;line-height:20px;text-decoration:none;-moz-box-sizing:content-box;box-sizing:content-box;text-align:center;border-radius:4px}.uk-pagination>li>a{background:#f5f5f5;color:#444;border:1px solid rgba(0,0,0,.06);text-shadow:0 1px 0 #fff}.uk-pagination>li>a:hover,.uk-pagination>li>a:focus{background-color:#fafafa;color:#444;outline:0;border-color:rgba(0,0,0,.16)}.uk-pagination>li>a:active{background-color:#eee;color:#444}.uk-pagination>.uk-active>span{background:#00a8e6;color:#fff;box-shadow:inset 0 0 5px rgba(0,0,0,.05);text-shadow:0 -1px 0 rgba(0,0,0,.1)}.uk-pagination>.uk-disabled>span{background-color:#fafafa;color:#999;border:1px solid rgba(0,0,0,.06);text-shadow:0 1px 0 #fff}.uk-pagination-previous{float:left}.uk-pagination-next{float:right}.uk-pagination-left{text-align:left}.uk-pagination-right{text-align:right}.uk-tab{margin:0;padding:0;list-style:none;border-bottom:1px solid #ddd}.uk-tab:before,.uk-tab:after{content:" ";display:table}.uk-tab:after{clear:both}.uk-tab>li{margin-bottom:-1px;float:left;position:relative}.uk-tab>li>a{display:block;padding:8px 12px;border:1px solid transparent;border-bottom-width:0;color:#07d;text-decoration:none;border-radius:4px 4px 0 0;text-shadow:0 1px 0 #fff}.uk-tab>li:nth-child(n+2)>a{margin-left:5px}.uk-tab>li>a:hover,.uk-tab>li>a:focus,.uk-tab>li.uk-open>a{border-color:rgba(0,0,0,.06);background:#f5f5f5;color:#059;outline:0}.uk-tab>li:not(.uk-active)>a:hover,.uk-tab>li:not(.uk-active)>a:focus,.uk-tab>li.uk-open:not(.uk-active)>a{margin-bottom:1px;padding-bottom:7px}.uk-tab>li.uk-active>a{border-color:#ddd;border-bottom-color:transparent;background:#fff;color:#444}.uk-tab>li.uk-disabled>a{color:#999;cursor:auto}.uk-tab>li.uk-disabled>a:hover,.uk-tab>li.uk-disabled>a:focus,.uk-tab>li.uk-disabled.uk-active>a{background:0 0;border-color:transparent}.uk-tab-flip>li{float:right}.uk-tab-flip>li:nth-child(n+2)>a{margin-left:0;margin-right:5px}.uk-tab-responsive{display:none}.uk-tab-responsive>a:before{content:"\f0c9\00a0";font-family:FontAwesome}@media (max-width:767px){[data-uk-tab]>li{display:none}[data-uk-tab]>li.uk-tab-responsive{display:block}[data-uk-tab]>li.uk-tab-responsive>a{margin-left:0;margin-right:0}}.uk-tab-center{border-bottom:1px solid #ddd}.uk-tab-center-bottom{border-bottom:0;border-top:1px solid #ddd}.uk-tab-center:before,.uk-tab-center:after{content:" ";display:table}.uk-tab-center:after{clear:both}.uk-tab-center .uk-tab{position:relative;left:50%;border:0;float:left}.uk-tab-center .uk-tab>li{position:relative;left:-50%}.uk-tab-center .uk-tab>li>a{text-align:center}.uk-tab-bottom{border-top:1px solid #ddd;border-bottom:0}.uk-tab-bottom>li{margin-top:-1px;margin-bottom:0}.uk-tab-bottom>li>a{padding-top:8px;padding-bottom:8px;border-bottom-width:1px;border-top-width:0}.uk-tab-bottom>li:not(.uk-active)>a:hover,.uk-tab-bottom>li:not(.uk-active)>a:focus,.uk-tab-bottom>li.uk-open:not(.uk-active)>a{margin-bottom:0;margin-top:1px;padding-bottom:8px;padding-top:7px}.uk-tab-bottom>li.uk-active>a{border-top-color:transparent;border-bottom-color:#ddd}.uk-tab-grid{margin-left:-5px;border-bottom:0;position:relative;z-index:0}.uk-tab-grid:before{display:block;position:absolute;left:5px;right:0;bottom:-1px;border-top:1px solid #ddd;z-index:-1}.uk-tab-grid>li:first-child>a{margin-left:5px}.uk-tab-grid>li>a{text-align:center}.uk-tab-grid.uk-tab-bottom{border-top:0}.uk-tab-grid.uk-tab-bottom:before{top:-1px;bottom:auto}@media (min-width:768px){.uk-tab-left,.uk-tab-right{border-bottom:0}.uk-tab-left>li,.uk-tab-right>li{margin-bottom:0;float:none}.uk-tab-left>li>a,.uk-tab-right>li>a{padding-top:8px;padding-bottom:8px}.uk-tab-left>li:nth-child(n+2)>a,.uk-tab-right>li:nth-child(n+2)>a{margin-left:0;margin-top:5px}.uk-tab-left>li.uk-active>a,.uk-tab-right>li.uk-active>a{border-color:#ddd}.uk-tab-left{border-right:1px solid #ddd}.uk-tab-left>li{margin-right:-1px}.uk-tab-left>li>a{border-bottom-width:1px;border-right-width:0}.uk-tab-left>li:not(.uk-active)>a:hover,.uk-tab-left>li:not(.uk-active)>a:focus{margin-bottom:0;margin-right:1px;padding-bottom:8px;padding-right:11px}.uk-tab-left>li.uk-active>a{border-right-color:transparent}.uk-tab-right{border-left:1px solid #ddd}.uk-tab-right>li{margin-left:-1px}.uk-tab-right>li>a{border-bottom-width:1px;border-left-width:0}.uk-tab-right>li:not(.uk-active)>a:hover,.uk-tab-right>li:not(.uk-active)>a:focus{margin-bottom:0;margin-left:1px;padding-bottom:8px;padding-left:11px}.uk-tab-right>li.uk-active>a{border-left-color:transparent}}.uk-tab-bottom>li>a{border-radius:0 0 4px 4px}@media (min-width:768px){.uk-tab-left>li>a{border-radius:4px 0 0 4px}.uk-tab-right>li>a{border-radius:0 4px 4px 0}}.uk-list{padding:0;list-style:none}.uk-list ul{margin:0;padding-left:20px;list-style:none}.uk-list-line>li:nth-child(n+2){margin-top:5px;padding-top:5px;border-top:1px solid #ddd}.uk-list-striped>li{padding:5px;border-bottom:1px solid #ddd}.uk-list-striped>li:nth-of-type(odd){background:#fafafa}.uk-list-space>li:nth-child(n+2){margin-top:10px}.uk-list-striped>li:first-child{border-top:1px solid #ddd}@media (min-width:768px){.uk-description-list-horizontal{overflow:hidden}.uk-description-list-horizontal>dt{width:160px;float:left;clear:both;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uk-description-list-horizontal>dd{margin-left:180px}}.uk-description-list-line>dt{font-weight:400}.uk-description-list-line>dt:nth-child(n+2){margin-top:5px;padding-top:5px;border-top:1px solid #ddd}.uk-description-list-line>dd{color:#999}.uk-table{width:100%;margin-bottom:15px}*+.uk-table{margin-top:15px}.uk-table th,.uk-table td{padding:8px;border-bottom:1px solid #ddd}.uk-table th{text-align:left}.uk-table td{vertical-align:top}.uk-table thead th{vertical-align:bottom}.uk-table caption,.uk-table tfoot{font-size:12px;font-style:italic}.uk-table caption{text-align:left;color:#999}.uk-table-middle,.uk-table-middle td{vertical-align:middle!important}.uk-table-striped tbody tr:nth-of-type(odd){background:#fafafa}.uk-table-condensed td{padding:4px 8px}.uk-table-hover tbody tr:hover{background:#f0f0f0}.uk-form>:last-child{margin-bottom:0}.uk-form select,.uk-form textarea,.uk-form input:not([type]),.uk-form input[type=text],.uk-form input[type=password],.uk-form input[type=datetime],.uk-form input[type=datetime-local],.uk-form input[type=date],.uk-form input[type=month],.uk-form input[type=time],.uk-form input[type=week],.uk-form input[type=number],.uk-form input[type=email],.uk-form input[type=url],.uk-form input[type=search],.uk-form input[type=tel],.uk-form input[type=color]{height:30px;max-width:100%;padding:4px 6px;border:1px solid #ddd;background:#fff;color:#444;-webkit-transition:all linear .2s;transition:all linear .2s;border-radius:4px}.uk-form select:focus,.uk-form textarea:focus,.uk-form input:not([type]):focus,.uk-form input[type=text]:focus,.uk-form input[type=password]:focus,.uk-form input[type=datetime]:focus,.uk-form input[type=datetime-local]:focus,.uk-form input[type=date]:focus,.uk-form input[type=month]:focus,.uk-form input[type=time]:focus,.uk-form input[type=week]:focus,.uk-form input[type=number]:focus,.uk-form input[type=email]:focus,.uk-form input[type=url]:focus,.uk-form input[type=search]:focus,.uk-form input[type=tel]:focus,.uk-form input[type=color]:focus{border-color:#99baca;outline:0;background:#f5fbfe;color:#444}.uk-form select:disabled,.uk-form textarea:disabled,.uk-form input:not([type]):disabled,.uk-form input[type=text]:disabled,.uk-form input[type=password]:disabled,.uk-form input[type=datetime]:disabled,.uk-form input[type=datetime-local]:disabled,.uk-form input[type=date]:disabled,.uk-form input[type=month]:disabled,.uk-form input[type=time]:disabled,.uk-form input[type=week]:disabled,.uk-form input[type=number]:disabled,.uk-form input[type=email]:disabled,.uk-form input[type=url]:disabled,.uk-form input[type=search]:disabled,.uk-form input[type=tel]:disabled,.uk-form input[type=color]:disabled{border-color:#ddd;background-color:#fafafa;color:#999}.uk-form :-ms-input-placeholder{color:#999!important}.uk-form ::-moz-placeholder{color:#999}.uk-form ::-webkit-input-placeholder{color:#999}.uk-form :disabled:-ms-input-placeholder{color:#999!important}.uk-form :disabled::-moz-placeholder{color:#999}.uk-form :disabled::-webkit-input-placeholder{color:#999}.uk-form legend{width:100%;padding-bottom:15px;font-size:18px;line-height:30px}.uk-form legend:after{content:"";display:block;border-bottom:1px solid #ddd}.uk-form-small{height:25px!important;padding:3px 3px!important;font-size:12px}.uk-form-large{height:40px!important;padding:8px 6px!important;font-size:16px}.uk-form textarea,.uk-form select[multiple],.uk-form select[size]{height:auto!important}.uk-form-danger{border-color:#dc8d99!important;background:#fff7f8!important;color:#c91032!important}.uk-form-success{border-color:#8ec73b!important;background:#fafff2!important;color:#539022!important}.uk-form-blank{border-color:transparent!important;border-style:dashed!important;background:none!important}.uk-form-blank:focus{border-color:#ddd!important}input.uk-form-width-mini{width:40px}select.uk-form-width-mini{width:65px}.uk-form-width-small{width:130px}.uk-form-width-medium{width:200px}.uk-form-width-large{width:500px}.uk-form-row:before,.uk-form-row:after{content:" ";display:table}.uk-form-row:after{clear:both}.uk-form-row+.uk-form-row{margin-top:15px}.uk-form-help-inline{display:inline-block;margin:0 0 0 10px}.uk-form-help-block{margin:5px 0 0}.uk-form-controls>:first-child{margin-top:0}.uk-form-controls>:last-child{margin-bottom:0}.uk-form-controls-condensed{margin:5px 0}.uk-form-stacked .uk-form-label{display:block;margin-bottom:5px;font-weight:700}@media (max-width:959px){.uk-form-horizontal .uk-form-label{display:block;margin-bottom:5px;font-weight:700}}@media (min-width:960px){.uk-form-horizontal .uk-form-label{width:200px;margin-top:5px;float:left}.uk-form-horizontal .uk-form-controls{margin-left:215px}.uk-form-horizontal .uk-form-controls-text{padding-top:5px}}.uk-form-icon{position:relative;display:inline-block;max-width:100%}.uk-form-icon>[class*=uk-icon-]{position:absolute;top:50%;width:30px;margin-top:-7px;font-size:14px;color:#999;text-align:center}.uk-form-icon:not(.uk-form-icon-flip)>input{padding-left:30px!important}.uk-form-icon-flip>[class*=uk-icon-]{right:0}.uk-form-icon-flip>input{padding-right:30px!important}.uk-button{display:inline-block;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;text-decoration:none;text-align:center;border:0;line-height:28px;min-height:30px;letter-spacing:normal;padding:0 12px;background:#f5f5f5;color:#444;border:1px solid rgba(0,0,0,.06);border-radius:4px;text-shadow:0 1px 0 #fff}.uk-button:hover,.uk-button:focus{background-color:#fafafa;color:#444;outline:0;text-decoration:none;border-color:rgba(0,0,0,.16)}.uk-button:active,.uk-button.uk-active{background-color:#eee;color:#444}.uk-button-primary{background-color:#00a8e6;color:#fff}.uk-button-primary:hover,.uk-button-primary:focus{background-color:#35b3ee;color:#fff}.uk-button-primary:active,.uk-button-primary.uk-active{background-color:#0091ca;color:#fff}.uk-button-success{background-color:#8cc14c;color:#fff}.uk-button-success:hover,.uk-button-success:focus{background-color:#8ec73b;color:#fff}.uk-button-success:active,.uk-button-success.uk-active{background-color:#72ae41;color:#fff}.uk-button-danger{background-color:#da314b;color:#fff}.uk-button-danger:hover,.uk-button-danger:focus{background-color:#e4354f;color:#fff}.uk-button-danger:active,.uk-button-danger.uk-active{background-color:#c91032;color:#fff}.uk-button:disabled{background-color:#fafafa;color:#999;border-color:rgba(0,0,0,.06);box-shadow:none;text-shadow:0 1px 0 #fff}.uk-button-link,.uk-button-link:hover,.uk-button-link:focus,.uk-button-link:active,.uk-button-link.uk-active,.uk-button-link:disabled{border-color:transparent;background:0 0;box-shadow:none;text-shadow:none}.uk-button-link{color:#07d}.uk-button-link:hover,.uk-button-link:focus,.uk-button-link:active,.uk-button-link.uk-active{color:#059;text-decoration:underline}.uk-button-link:disabled{color:#999}.uk-button-link:focus{outline:1px dotted}.uk-button-mini{min-height:20px;padding:0 6px;line-height:18px;font-size:11px}.uk-button-small{min-height:25px;padding:0 10px;line-height:23px;font-size:12px}.uk-button-large{min-height:40px;padding:0 15px;line-height:38px;font-size:16px;border-radius:5px}.uk-button-group{display:inline-block;vertical-align:middle;position:relative;letter-spacing:-.31em;white-space:nowrap}.uk-button-group>*{display:inline-block}.uk-button-dropdown{display:inline-block;vertical-align:middle;position:relative}.uk-button-primary,.uk-button-success,.uk-button-danger{box-shadow:inset 0 0 5px rgba(0,0,0,.05);text-shadow:0 -1px 0 rgba(0,0,0,.1)}.uk-button-primary:hover,.uk-button-primary:focus,.uk-button-success:hover,.uk-button-success:focus,.uk-button-danger:hover,.uk-button-danger:focus{border-color:rgba(0,0,0,.21)}.uk-button-group>.uk-button:not(:first-child):not(:last-child),.uk-button-group>div:not(:first-child):not(:last-child) .uk-button{border-left-color:rgba(0,0,0,.1);border-right-color:rgba(0,0,0,.1);border-radius:0}.uk-button-group>.uk-button:first-child,.uk-button-group>div:first-child .uk-button{border-right-color:rgba(0,0,0,.1);border-top-right-radius:0;border-bottom-right-radius:0}.uk-button-group>.uk-button:last-child,.uk-button-group>div:last-child .uk-button{border-left-color:rgba(0,0,0,.1);border-top-left-radius:0;border-bottom-left-radius:0}.uk-button-group>.uk-button:nth-child(n+2),.uk-button-group>div:nth-child(n+2) .uk-button{margin-left:-1px}.uk-button-group .uk-button:hover,.uk-button-group .uk-button:active{position:relative}@font-face{font-family:FontAwesome;src:url(../fonts/fontawesome-webfont.eot);src:url(../fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/fontawesome-webfont.woff) format("woff"),url(../fonts/fontawesome-webfont.ttf) format("truetype");font-weight:400;font-style:normal}[class*=uk-icon-]{font-family:FontAwesome;display:inline-block;font-weight:400;font-style:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.uk-icon-small:before{font-size:150%;vertical-align:-10%}.uk-icon-medium:before{font-size:200%;vertical-align:-16%}.uk-icon-large:before{font-size:250%;vertical-align:-22%}.uk-icon-spin{display:inline-block;-webkit-animation:uk-spin 2s infinite linear;animation:uk-spin 2s infinite linear}.uk-icon-button{-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;width:35px;height:35px;border-radius:100%;background:#f5f5f5;line-height:35px;color:#444;font-size:18px;text-align:center;border:1px solid #e7e7e7;text-shadow:0 1px 0 #fff}.uk-icon-button:hover,.uk-icon-button:focus{background-color:#fafafa;color:#444;text-decoration:none;outline:0;border-color:#d3d3d3}.uk-icon-button:active{background-color:#eee;color:#444}.uk-icon-glass:before{content:"\f000"}.uk-icon-music:before{content:"\f001"}.uk-icon-search:before{content:"\f002"}.uk-icon-envelope-o:before{content:"\f003"}.uk-icon-heart:before{content:"\f004"}.uk-icon-star:before{content:"\f005"}.uk-icon-star-o:before{content:"\f006"}.uk-icon-user:before{content:"\f007"}.uk-icon-film:before{content:"\f008"}.uk-icon-th-large:before{content:"\f009"}.uk-icon-th:before{content:"\f00a"}.uk-icon-th-list:before{content:"\f00b"}.uk-icon-check:before{content:"\f00c"}.uk-icon-times:before{content:"\f00d"}.uk-icon-search-plus:before{content:"\f00e"}.uk-icon-search-minus:before{content:"\f010"}.uk-icon-power-off:before{content:"\f011"}.uk-icon-signal:before{content:"\f012"}.uk-icon-gear:before,.uk-icon-cog:before{content:"\f013"}.uk-icon-trash-o:before{content:"\f014"}.uk-icon-home:before{content:"\f015"}.uk-icon-file-o:before{content:"\f016"}.uk-icon-clock-o:before{content:"\f017"}.uk-icon-road:before{content:"\f018"}.uk-icon-download:before{content:"\f019"}.uk-icon-arrow-circle-o-down:before{content:"\f01a"}.uk-icon-arrow-circle-o-up:before{content:"\f01b"}.uk-icon-inbox:before{content:"\f01c"}.uk-icon-play-circle-o:before{content:"\f01d"}.uk-icon-rotate-right:before,.uk-icon-repeat:before{content:"\f01e"}.uk-icon-refresh:before{content:"\f021"}.uk-icon-list-alt:before{content:"\f022"}.uk-icon-lock:before{content:"\f023"}.uk-icon-flag:before{content:"\f024"}.uk-icon-headphones:before{content:"\f025"}.uk-icon-volume-off:before{content:"\f026"}.uk-icon-volume-down:before{content:"\f027"}.uk-icon-volume-up:before{content:"\f028"}.uk-icon-qrcode:before{content:"\f029"}.uk-icon-barcode:before{content:"\f02a"}.uk-icon-tag:before{content:"\f02b"}.uk-icon-tags:before{content:"\f02c"}.uk-icon-book:before{content:"\f02d"}.uk-icon-bookmark:before{content:"\f02e"}.uk-icon-print:before{content:"\f02f"}.uk-icon-camera:before{content:"\f030"}.uk-icon-font:before{content:"\f031"}.uk-icon-bold:before{content:"\f032"}.uk-icon-italic:before{content:"\f033"}.uk-icon-text-height:before{content:"\f034"}.uk-icon-text-width:before{content:"\f035"}.uk-icon-align-left:before{content:"\f036"}.uk-icon-align-center:before{content:"\f037"}.uk-icon-align-right:before{content:"\f038"}.uk-icon-align-justify:before{content:"\f039"}.uk-icon-list:before{content:"\f03a"}.uk-icon-dedent:before,.uk-icon-outdent:before{content:"\f03b"}.uk-icon-indent:before{content:"\f03c"}.uk-icon-video-camera:before{content:"\f03d"}.uk-icon-picture-o:before{content:"\f03e"}.uk-icon-pencil:before{content:"\f040"}.uk-icon-map-marker:before{content:"\f041"}.uk-icon-adjust:before{content:"\f042"}.uk-icon-tint:before{content:"\f043"}.uk-icon-edit:before,.uk-icon-pencil-square-o:before{content:"\f044"}.uk-icon-share-square-o:before{content:"\f045"}.uk-icon-check-square-o:before{content:"\f046"}.uk-icon-arrows:before{content:"\f047"}.uk-icon-step-backward:before{content:"\f048"}.uk-icon-fast-backward:before{content:"\f049"}.uk-icon-backward:before{content:"\f04a"}.uk-icon-play:before{content:"\f04b"}.uk-icon-pause:before{content:"\f04c"}.uk-icon-stop:before{content:"\f04d"}.uk-icon-forward:before{content:"\f04e"}.uk-icon-fast-forward:before{content:"\f050"}.uk-icon-step-forward:before{content:"\f051"}.uk-icon-eject:before{content:"\f052"}.uk-icon-chevron-left:before{content:"\f053"}.uk-icon-chevron-right:before{content:"\f054"}.uk-icon-plus-circle:before{content:"\f055"}.uk-icon-minus-circle:before{content:"\f056"}.uk-icon-times-circle:before{content:"\f057"}.uk-icon-check-circle:before{content:"\f058"}.uk-icon-question-circle:before{content:"\f059"}.uk-icon-info-circle:before{content:"\f05a"}.uk-icon-crosshairs:before{content:"\f05b"}.uk-icon-times-circle-o:before{content:"\f05c"}.uk-icon-check-circle-o:before{content:"\f05d"}.uk-icon-ban:before{content:"\f05e"}.uk-icon-arrow-left:before{content:"\f060"}.uk-icon-arrow-right:before{content:"\f061"}.uk-icon-arrow-up:before{content:"\f062"}.uk-icon-arrow-down:before{content:"\f063"}.uk-icon-mail-forward:before,.uk-icon-share:before{content:"\f064"}.uk-icon-expand:before{content:"\f065"}.uk-icon-compress:before{content:"\f066"}.uk-icon-plus:before{content:"\f067"}.uk-icon-minus:before{content:"\f068"}.uk-icon-asterisk:before{content:"\f069"}.uk-icon-exclamation-circle:before{content:"\f06a"}.uk-icon-gift:before{content:"\f06b"}.uk-icon-leaf:before{content:"\f06c"}.uk-icon-fire:before{content:"\f06d"}.uk-icon-eye:before{content:"\f06e"}.uk-icon-eye-slash:before{content:"\f070"}.uk-icon-warning:before,.uk-icon-exclamation-triangle:before{content:"\f071"}.uk-icon-plane:before{content:"\f072"}.uk-icon-calendar:before{content:"\f073"}.uk-icon-random:before{content:"\f074"}.uk-icon-comment:before{content:"\f075"}.uk-icon-magnet:before{content:"\f076"}.uk-icon-chevron-up:before{content:"\f077"}.uk-icon-chevron-down:before{content:"\f078"}.uk-icon-retweet:before{content:"\f079"}.uk-icon-shopping-cart:before{content:"\f07a"}.uk-icon-folder:before{content:"\f07b"}.uk-icon-folder-open:before{content:"\f07c"}.uk-icon-arrows-v:before{content:"\f07d"}.uk-icon-arrows-h:before{content:"\f07e"}.uk-icon-bar-chart-o:before{content:"\f080"}.uk-icon-twitter-square:before{content:"\f081"}.uk-icon-facebook-square:before{content:"\f082"}.uk-icon-camera-retro:before{content:"\f083"}.uk-icon-key:before{content:"\f084"}.uk-icon-gears:before,.uk-icon-cogs:before{content:"\f085"}.uk-icon-comments:before{content:"\f086"}.uk-icon-thumbs-o-up:before{content:"\f087"}.uk-icon-thumbs-o-down:before{content:"\f088"}.uk-icon-star-half:before{content:"\f089"}.uk-icon-heart-o:before{content:"\f08a"}.uk-icon-sign-out:before{content:"\f08b"}.uk-icon-linkedin-square:before{content:"\f08c"}.uk-icon-thumb-tack:before{content:"\f08d"}.uk-icon-external-link:before{content:"\f08e"}.uk-icon-sign-in:before{content:"\f090"}.uk-icon-trophy:before{content:"\f091"}.uk-icon-github-square:before{content:"\f092"}.uk-icon-upload:before{content:"\f093"}.uk-icon-lemon-o:before{content:"\f094"}.uk-icon-phone:before{content:"\f095"}.uk-icon-square-o:before{content:"\f096"}.uk-icon-bookmark-o:before{content:"\f097"}.uk-icon-phone-square:before{content:"\f098"}.uk-icon-twitter:before{content:"\f099"}.uk-icon-facebook:before{content:"\f09a"}.uk-icon-github:before{content:"\f09b"}.uk-icon-unlock:before{content:"\f09c"}.uk-icon-credit-card:before{content:"\f09d"}.uk-icon-rss:before{content:"\f09e"}.uk-icon-hdd-o:before{content:"\f0a0"}.uk-icon-bullhorn:before{content:"\f0a1"}.uk-icon-bell:before{content:"\f0f3"}.uk-icon-certificate:before{content:"\f0a3"}.uk-icon-hand-o-right:before{content:"\f0a4"}.uk-icon-hand-o-left:before{content:"\f0a5"}.uk-icon-hand-o-up:before{content:"\f0a6"}.uk-icon-hand-o-down:before{content:"\f0a7"}.uk-icon-arrow-circle-left:before{content:"\f0a8"}.uk-icon-arrow-circle-right:before{content:"\f0a9"}.uk-icon-arrow-circle-up:before{content:"\f0aa"}.uk-icon-arrow-circle-down:before{content:"\f0ab"}.uk-icon-globe:before{content:"\f0ac"}.uk-icon-wrench:before{content:"\f0ad"}.uk-icon-tasks:before{content:"\f0ae"}.uk-icon-filter:before{content:"\f0b0"}.uk-icon-briefcase:before{content:"\f0b1"}.uk-icon-arrows-alt:before{content:"\f0b2"}.uk-icon-group:before,.uk-icon-users:before{content:"\f0c0"}.uk-icon-chain:before,.uk-icon-link:before{content:"\f0c1"}.uk-icon-cloud:before{content:"\f0c2"}.uk-icon-flask:before{content:"\f0c3"}.uk-icon-cut:before,.uk-icon-scissors:before{content:"\f0c4"}.uk-icon-copy:before,.uk-icon-files-o:before{content:"\f0c5"}.uk-icon-paperclip:before{content:"\f0c6"}.uk-icon-save:before,.uk-icon-floppy-o:before{content:"\f0c7"}.uk-icon-square:before{content:"\f0c8"}.uk-icon-bars:before{content:"\f0c9"}.uk-icon-list-ul:before{content:"\f0ca"}.uk-icon-list-ol:before{content:"\f0cb"}.uk-icon-strikethrough:before{content:"\f0cc"}.uk-icon-underline:before{content:"\f0cd"}.uk-icon-table:before{content:"\f0ce"}.uk-icon-magic:before{content:"\f0d0"}.uk-icon-truck:before{content:"\f0d1"}.uk-icon-pinterest:before{content:"\f0d2"}.uk-icon-pinterest-square:before{content:"\f0d3"}.uk-icon-google-plus-square:before{content:"\f0d4"}.uk-icon-google-plus:before{content:"\f0d5"}.uk-icon-money:before{content:"\f0d6"}.uk-icon-caret-down:before{content:"\f0d7"}.uk-icon-caret-up:before{content:"\f0d8"}.uk-icon-caret-left:before{content:"\f0d9"}.uk-icon-caret-right:before{content:"\f0da"}.uk-icon-columns:before{content:"\f0db"}.uk-icon-unsorted:before,.uk-icon-sort:before{content:"\f0dc"}.uk-icon-sort-down:before,.uk-icon-sort-asc:before{content:"\f0dd"}.uk-icon-sort-up:before,.uk-icon-sort-desc:before{content:"\f0de"}.uk-icon-envelope:before{content:"\f0e0"}.uk-icon-linkedin:before{content:"\f0e1"}.uk-icon-rotate-left:before,.uk-icon-undo:before{content:"\f0e2"}.uk-icon-legal:before,.uk-icon-gavel:before{content:"\f0e3"}.uk-icon-dashboard:before,.uk-icon-tachometer:before{content:"\f0e4"}.uk-icon-comment-o:before{content:"\f0e5"}.uk-icon-comments-o:before{content:"\f0e6"}.uk-icon-flash:before,.uk-icon-bolt:before{content:"\f0e7"}.uk-icon-sitemap:before{content:"\f0e8"}.uk-icon-umbrella:before{content:"\f0e9"}.uk-icon-paste:before,.uk-icon-clipboard:before{content:"\f0ea"}.uk-icon-lightbulb-o:before{content:"\f0eb"}.uk-icon-exchange:before{content:"\f0ec"}.uk-icon-cloud-download:before{content:"\f0ed"}.uk-icon-cloud-upload:before{content:"\f0ee"}.uk-icon-user-md:before{content:"\f0f0"}.uk-icon-stethoscope:before{content:"\f0f1"}.uk-icon-suitcase:before{content:"\f0f2"}.uk-icon-bell-o:before{content:"\f0a2"}.uk-icon-coffee:before{content:"\f0f4"}.uk-icon-cutlery:before{content:"\f0f5"}.uk-icon-file-text-o:before{content:"\f0f6"}.uk-icon-building-o:before{content:"\f0f7"}.uk-icon-hospital-o:before{content:"\f0f8"}.uk-icon-ambulance:before{content:"\f0f9"}.uk-icon-medkit:before{content:"\f0fa"}.uk-icon-fighter-jet:before{content:"\f0fb"}.uk-icon-beer:before{content:"\f0fc"}.uk-icon-h-square:before{content:"\f0fd"}.uk-icon-plus-square:before{content:"\f0fe"}.uk-icon-angle-double-left:before{content:"\f100"}.uk-icon-angle-double-right:before{content:"\f101"}.uk-icon-angle-double-up:before{content:"\f102"}.uk-icon-angle-double-down:before{content:"\f103"}.uk-icon-angle-left:before{content:"\f104"}.uk-icon-angle-right:before{content:"\f105"}.uk-icon-angle-up:before{content:"\f106"}.uk-icon-angle-down:before{content:"\f107"}.uk-icon-desktop:before{content:"\f108"}.uk-icon-laptop:before{content:"\f109"}.uk-icon-tablet:before{content:"\f10a"}.uk-icon-mobile-phone:before,.uk-icon-mobile:before{content:"\f10b"}.uk-icon-circle-o:before{content:"\f10c"}.uk-icon-quote-left:before{content:"\f10d"}.uk-icon-quote-right:before{content:"\f10e"}.uk-icon-spinner:before{content:"\f110"}.uk-icon-circle:before{content:"\f111"}.uk-icon-mail-reply:before,.uk-icon-reply:before{content:"\f112"}.uk-icon-github-alt:before{content:"\f113"}.uk-icon-folder-o:before{content:"\f114"}.uk-icon-folder-open-o:before{content:"\f115"}.uk-icon-smile-o:before{content:"\f118"}.uk-icon-frown-o:before{content:"\f119"}.uk-icon-meh-o:before{content:"\f11a"}.uk-icon-gamepad:before{content:"\f11b"}.uk-icon-keyboard-o:before{content:"\f11c"}.uk-icon-flag-o:before{content:"\f11d"}.uk-icon-flag-checkered:before{content:"\f11e"}.uk-icon-terminal:before{content:"\f120"}.uk-icon-code:before{content:"\f121"}.uk-icon-reply-all:before{content:"\f122"}.uk-icon-mail-reply-all:before{content:"\f122"}.uk-icon-star-half-empty:before,.uk-icon-star-half-full:before,.uk-icon-star-half-o:before{content:"\f123"}.uk-icon-location-arrow:before{content:"\f124"}.uk-icon-crop:before{content:"\f125"}.uk-icon-code-fork:before{content:"\f126"}.uk-icon-unlink:before,.uk-icon-chain-broken:before{content:"\f127"}.uk-icon-question:before{content:"\f128"}.uk-icon-info:before{content:"\f129"}.uk-icon-exclamation:before{content:"\f12a"}.uk-icon-superscript:before{content:"\f12b"}.uk-icon-subscript:before{content:"\f12c"}.uk-icon-eraser:before{content:"\f12d"}.uk-icon-puzzle-piece:before{content:"\f12e"}.uk-icon-microphone:before{content:"\f130"}.uk-icon-microphone-slash:before{content:"\f131"}.uk-icon-shield:before{content:"\f132"}.uk-icon-calendar-o:before{content:"\f133"}.uk-icon-fire-extinguisher:before{content:"\f134"}.uk-icon-rocket:before{content:"\f135"}.uk-icon-maxcdn:before{content:"\f136"}.uk-icon-chevron-circle-left:before{content:"\f137"}.uk-icon-chevron-circle-right:before{content:"\f138"}.uk-icon-chevron-circle-up:before{content:"\f139"}.uk-icon-chevron-circle-down:before{content:"\f13a"}.uk-icon-html5:before{content:"\f13b"}.uk-icon-css3:before{content:"\f13c"}.uk-icon-anchor:before{content:"\f13d"}.uk-icon-unlock-alt:before{content:"\f13e"}.uk-icon-bullseye:before{content:"\f140"}.uk-icon-ellipsis-h:before{content:"\f141"}.uk-icon-ellipsis-v:before{content:"\f142"}.uk-icon-rss-square:before{content:"\f143"}.uk-icon-play-circle:before{content:"\f144"}.uk-icon-ticket:before{content:"\f145"}.uk-icon-minus-square:before{content:"\f146"}.uk-icon-minus-square-o:before{content:"\f147"}.uk-icon-level-up:before{content:"\f148"}.uk-icon-level-down:before{content:"\f149"}.uk-icon-check-square:before{content:"\f14a"}.uk-icon-pencil-square:before{content:"\f14b"}.uk-icon-external-link-square:before{content:"\f14c"}.uk-icon-share-square:before{content:"\f14d"}.uk-icon-compass:before{content:"\f14e"}.uk-icon-toggle-down:before,.uk-icon-caret-square-o-down:before{content:"\f150"}.uk-icon-toggle-up:before,.uk-icon-caret-square-o-up:before{content:"\f151"}.uk-icon-toggle-right:before,.uk-icon-caret-square-o-right:before{content:"\f152"}.uk-icon-euro:before,.uk-icon-eur:before{content:"\f153"}.uk-icon-gbp:before{content:"\f154"}.uk-icon-dollar:before,.uk-icon-usd:before{content:"\f155"}.uk-icon-rupee:before,.uk-icon-inr:before{content:"\f156"}.uk-icon-cny:before,.uk-icon-rmb:before,.uk-icon-yen:before,.uk-icon-jpy:before{content:"\f157"}.uk-icon-ruble:before,.uk-icon-rouble:before,.uk-icon-rub:before{content:"\f158"}.uk-icon-won:before,.uk-icon-krw:before{content:"\f159"}.uk-icon-bitcoin:before,.uk-icon-btc:before{content:"\f15a"}.uk-icon-file:before{content:"\f15b"}.uk-icon-file-text:before{content:"\f15c"}.uk-icon-sort-alpha-asc:before{content:"\f15d"}.uk-icon-sort-alpha-desc:before{content:"\f15e"}.uk-icon-sort-amount-asc:before{content:"\f160"}.uk-icon-sort-amount-desc:before{content:"\f161"}.uk-icon-sort-numeric-asc:before{content:"\f162"}.uk-icon-sort-numeric-desc:before{content:"\f163"}.uk-icon-thumbs-up:before{content:"\f164"}.uk-icon-thumbs-down:before{content:"\f165"}.uk-icon-youtube-square:before{content:"\f166"}.uk-icon-youtube:before{content:"\f167"}.uk-icon-xing:before{content:"\f168"}.uk-icon-xing-square:before{content:"\f169"}.uk-icon-youtube-play:before{content:"\f16a"}.uk-icon-dropbox:before{content:"\f16b"}.uk-icon-stack-overflow:before{content:"\f16c"}.uk-icon-instagram:before{content:"\f16d"}.uk-icon-flickr:before{content:"\f16e"}.uk-icon-adn:before{content:"\f170"}.uk-icon-bitbucket:before{content:"\f171"}.uk-icon-bitbucket-square:before{content:"\f172"}.uk-icon-tumblr:before{content:"\f173"}.uk-icon-tumblr-square:before{content:"\f174"}.uk-icon-long-arrow-down:before{content:"\f175"}.uk-icon-long-arrow-up:before{content:"\f176"}.uk-icon-long-arrow-left:before{content:"\f177"}.uk-icon-long-arrow-right:before{content:"\f178"}.uk-icon-apple:before{content:"\f179"}.uk-icon-windows:before{content:"\f17a"}.uk-icon-android:before{content:"\f17b"}.uk-icon-linux:before{content:"\f17c"}.uk-icon-dribbble:before{content:"\f17d"}.uk-icon-skype:before{content:"\f17e"}.uk-icon-foursquare:before{content:"\f180"}.uk-icon-trello:before{content:"\f181"}.uk-icon-female:before{content:"\f182"}.uk-icon-male:before{content:"\f183"}.uk-icon-gittip:before{content:"\f184"}.uk-icon-sun-o:before{content:"\f185"}.uk-icon-moon-o:before{content:"\f186"}.uk-icon-archive:before{content:"\f187"}.uk-icon-bug:before{content:"\f188"}.uk-icon-vk:before{content:"\f189"}.uk-icon-weibo:before{content:"\f18a"}.uk-icon-renren:before{content:"\f18b"}.uk-icon-pagelines:before{content:"\f18c"}.uk-icon-stack-exchange:before{content:"\f18d"}.uk-icon-arrow-circle-o-right:before{content:"\f18e"}.uk-icon-arrow-circle-o-left:before{content:"\f190"}.uk-icon-toggle-left:before,.uk-icon-caret-square-o-left:before{content:"\f191"}.uk-icon-dot-circle-o:before{content:"\f192"}.uk-icon-wheelchair:before{content:"\f193"}.uk-icon-vimeo-square:before{content:"\f194"}.uk-icon-turkish-lira:before,.uk-icon-try:before{content:"\f195"}.uk-icon-plus-square-o:before{content:"\f196"}.uk-close{-moz-box-sizing:content-box;box-sizing:content-box;display:inline-block;width:20px;line-height:20px;text-align:center;color:inherit;opacity:.3;padding:0;border:0;-webkit-appearance:none;background:0 0}.uk-close:after{display:block;content:"\f00d";font-family:FontAwesome}.uk-close:hover,.uk-close:focus{opacity:.5;outline:0;color:inherit;text-decoration:none;cursor:pointer}.uk-close-alt{padding:2px;border-radius:50%;background:#fff;opacity:1;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 0 6px rgba(0,0,0,.3)}.uk-close-alt:hover,.uk-close-alt:focus{opacity:1}.uk-close-alt:after{opacity:.5}.uk-close-alt:hover:after,.uk-close-alt:focus:after{opacity:.8}.uk-badge{display:inline-block;padding:0 5px;background:#00a8e6;font-size:10px;font-weight:700;line-height:14px;color:#fff;text-align:center;vertical-align:middle;text-transform:none;border:1px solid rgba(0,0,0,.06);border-radius:2px;text-shadow:0 1px 0 rgba(0,0,0,.1)}.uk-badge-notification{-moz-box-sizing:border-box;box-sizing:border-box;min-width:18px;border-radius:50%;font-size:12px;line-height:18px}.uk-badge-success{background-color:#8cc14c}.uk-badge-warning{background-color:#faa732}.uk-badge-danger{background-color:#da314b}.uk-alert{margin-bottom:15px;padding:10px;background:#ebf7fd;color:#2d7091;border:1px solid rgba(45,112,145,.3);border-radius:4px;text-shadow:0 1px 0 #fff}*+.uk-alert{margin-top:15px}.uk-alert>:last-child{margin-bottom:0}.uk-alert h1,.uk-alert h2,.uk-alert h3,.uk-alert h4,.uk-alert h5,.uk-alert h6{color:inherit}.uk-alert>.uk-close:first-child{float:right}.uk-alert>.uk-close:first-child+*{margin-top:0}.uk-alert-success{background:#f2fae3;color:#659f13;border-color:rgba(101,159,19,.3)}.uk-alert-warning{background:#fffceb;color:#e28327;border-color:rgba(226,131,39,.3)}.uk-alert-danger{background:#fff1f0;color:#d85030;border-color:rgba(216,80,48,.3)}.uk-alert-large{padding:20px}.uk-alert-large>.uk-close:first-child{margin:-10px -10px 0 0}.uk-thumbnail{display:inline-block;-moz-box-sizing:border-box;box-sizing:border-box;max-width:100%;margin:0;padding:4px;border:1px solid #ddd;background:#fff;border-radius:4px}a.uk-thumbnail:hover,a.uk-thumbnail:focus{border-color:#aaa;background-color:#fff;text-decoration:none;outline:0}.uk-thumbnail-caption{padding-top:4px;text-align:center;color:#444}.uk-thumbnail-mini{width:150px}.uk-thumbnail-small{width:200px}.uk-thumbnail-medium{width:300px}.uk-thumbnail-large{width:400px}.uk-thumbnail-expand,.uk-thumbnail-expand>img{width:100%}.uk-overlay{display:inline-block;position:relative;max-width:100%;vertical-align:middle}.uk-overlay-area{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.3);opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.uk-overlay:hover .uk-overlay-area,.uk-overlay-toggle:hover .uk-overlay-area{opacity:1}.uk-overlay-area:empty:before{content:"\f002";position:absolute;top:50%;left:50%;width:50px;height:50px;margin-top:-25px;margin-left:-25px;font-size:50px;line-height:1;font-family:FontAwesome;text-align:center;color:#fff}.uk-overlay-area:not(:empty){letter-spacing:-.31em}.uk-overlay-area:not(:empty):before{content:'';display:inline-block;height:100%;vertical-align:middle}.uk-overlay-area-content{display:inline-block;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;vertical-align:middle;letter-spacing:normal;text-align:center;padding:0 15px;color:#fff}.uk-overlay-area-content>:last-child{margin-bottom:0}.uk-overlay-area-content a:not([class]),.uk-overlay-area-content a:not([class]):hover{color:inherit}.uk-overlay-caption{position:absolute;bottom:0;left:0;right:0;padding:15px;background:rgba(0,0,0,.5);color:#fff;opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.uk-overlay:hover .uk-overlay-caption,.uk-overlay-toggle:hover .uk-overlay-caption{opacity:1}.uk-progress{-moz-box-sizing:border-box;box-sizing:border-box;height:20px;margin-bottom:15px;background:#f5f5f5;overflow:hidden;line-height:20px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);border-radius:4px}*+.uk-progress{margin-top:15px}.uk-progress-bar{width:0;height:100%;background:#00a8e6;float:left;-webkit-transition:width .6s ease;transition:width .6s ease;font-size:12px;color:#fff;text-align:center;box-shadow:inset 0 0 5px rgba(0,0,0,.05);text-shadow:0 -1px 0 rgba(0,0,0,.1)}.uk-progress-mini{height:6px}.uk-progress-small{height:12px}.uk-progress-success .uk-progress-bar{background-color:#8cc14c}.uk-progress-warning .uk-progress-bar{background-color:#faa732}.uk-progress-danger .uk-progress-bar{background-color:#da314b}.uk-progress-striped .uk-progress-bar{background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:30px 30px}.uk-progress-striped.uk-active .uk-progress-bar{-webkit-animation:uk-progress-bar-stripes 2s linear infinite;animation:uk-progress-bar-stripes 2s linear infinite}@-webkit-keyframes uk-progress-bar-stripes{0%{background-position:0 0}100%{background-position:30px 0}}@keyframes uk-progress-bar-stripes{0%{background-position:0 0}100%{background-position:30px 0}}.uk-progress-mini,.uk-progress-small{border-radius:500px}.uk-search{display:inline-block;position:relative;margin:0}.uk-search:before{content:"\f002";position:absolute;top:0;left:0;width:30px;line-height:30px;text-align:center;font-family:FontAwesome;font-size:14px;color:rgba(0,0,0,.2)}.uk-search-field{width:120px;height:30px;padding:0 30px;border:1px solid rgba(0,0,0,0);background:rgba(0,0,0,0);color:#444;-webkit-transition:all linear .2s;transition:all linear .2s;border-radius:0}input.uk-search-field{-webkit-appearance:none}.uk-search-field:-ms-input-placeholder{color:#999}.uk-search-field::-moz-placeholder{color:#999}.uk-search-field::-webkit-input-placeholder{color:#999}.uk-search-field::-ms-clear{display:none}.uk-search-field:focus{outline:0}.uk-search-field:focus,.uk-active .uk-search-field{width:180px}.uk-search-close{display:none;position:absolute;top:0;right:0;width:30px;line-height:30px;text-align:center;font-size:14px;color:rgba(0,0,0,.2);padding:0;border:0;-webkit-appearance:none;background:0 0}.uk-loading>.uk-search-close,.uk-active>.uk-search-close{display:block}.uk-search-close:after{display:block;content:"\f00d";font-family:FontAwesome}.uk-loading>.uk-search-close:after{content:"\f110";-webkit-animation:uk-spin 2s infinite linear;animation:uk-spin 2s infinite linear}[class*=uk-animation-]{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}[data-uk-scrollspy*=uk-animation-]{opacity:0}.uk-animation-fade{-webkit-animation-name:uk-fade;animation-name:uk-fade;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-timing-function:linear;animation-timing-function:linear}.uk-animation-scale-up{-webkit-animation-name:uk-scale-up;animation-name:uk-scale-up}.uk-animation-scale-down{-webkit-animation-name:uk-scale-down;animation-name:uk-scale-down}.uk-animation-slide-top{-webkit-animation-name:uk-slide-top;animation-name:uk-slide-top}.uk-animation-slide-bottom{-webkit-animation-name:uk-slide-bottom;animation-name:uk-slide-bottom}.uk-animation-slide-left{-webkit-animation-name:uk-slide-left;animation-name:uk-slide-left}.uk-animation-slide-right{-webkit-animation-name:uk-slide-right;animation-name:uk-slide-right}.uk-animation-shake{-webkit-animation-name:uk-shake;animation-name:uk-shake}.uk-animation-reverse{-webkit-animation-direction:reverse;animation-direction:reverse}@-webkit-keyframes uk-fade{0%{opacity:0}100%{opacity:1}}@keyframes uk-fade{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes uk-scale-up{0%{opacity:0;-webkit-transform:scale(0.2)}100%{opacity:1;-webkit-transform:scale(1)}}@keyframes uk-scale-up{0%{opacity:0;transform:scale(0.2)}100%{opacity:1;transform:scale(1)}}@-webkit-keyframes uk-scale-down{0%{opacity:0;-webkit-transform:scale(1.8)}100%{opacity:1;-webkit-transform:scale(1)}}@keyframes uk-scale-down{0%{opacity:0;transform:scale(1.8)}100%{opacity:1;transform:scale(1)}}@-webkit-keyframes uk-slide-top{0%{opacity:0;-webkit-transform:translateY(-100%)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes uk-slide-top{0%{opacity:0;transform:translateY(-100%)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes uk-slide-bottom{0%{opacity:0;-webkit-transform:translateY(100%)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes uk-slide-bottom{0%{opacity:0;transform:translateY(100%)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes uk-slide-left{0%{opacity:0;-webkit-transform:translateX(-100%)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes uk-slide-left{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}}@-webkit-keyframes uk-slide-right{0%{opacity:0;-webkit-transform:translateX(100%)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes uk-slide-right{0%{opacity:0;transform:translateX(100%)}100%{opacity:1;transform:translateX(0)}}@-webkit-keyframes uk-shake{0%,100%{-webkit-transform:translateX(0)}10%{-webkit-transform:translateX(-9px)}20%{-webkit-transform:translateX(8px)}30%{-webkit-transform:translateX(-7px)}40%{-webkit-transform:translateX(6px)}50%{-webkit-transform:translateX(-5px)}60%{-webkit-transform:translateX(4px)}70%{-webkit-transform:translateX(-3px)}80%{-webkit-transform:translateX(2px)}90%{-webkit-transform:translateX(-1px)}}@keyframes uk-shake{0%,100%{transform:translateX(0)}10%{transform:translateX(-9px)}20%{transform:translateX(8px)}30%{transform:translateX(-7px)}40%{transform:translateX(6px)}50%{transform:translateX(-5px)}60%{transform:translateX(4px)}70%{transform:translateX(-3px)}80%{transform:translateX(2px)}90%{transform:translateX(-1px)}}@-webkit-keyframes uk-slide-top-fixed{0%{opacity:0;-webkit-transform:translateY(-10px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes uk-slide-top-fixed{0%{opacity:0;transform:translateY(-10px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes uk-slide-bottom-fixed{0%{opacity:0;-webkit-transform:translateY(10px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes uk-slide-bottom-fixed{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes uk-spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@keyframes uk-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.uk-dropdown{display:none;position:absolute;top:100%;left:0;z-index:1000;-moz-box-sizing:border-box;box-sizing:border-box;width:200px;margin-top:5px;padding:15px;background:#fff;color:#444;letter-spacing:normal;border:1px solid #ddd;border-radius:4px}.uk-open>.uk-dropdown{display:block;-webkit-animation:uk-fade .2s ease-in-out;animation:uk-fade .2s ease-in-out;-webkit-transform-origin:0 0;transform-origin:0 0}.uk-dropdown-flip{left:auto;right:0}.uk-dropdown-up{top:auto;bottom:100%;margin-top:auto;margin-bottom:5px}.uk-dropdown .uk-nav{margin:0 -15px}.uk-dropdown>.uk-grid+.uk-grid{margin-top:15px}.uk-dropdown>.uk-grid>[class*=uk-width-]>.uk-panel+.uk-panel{margin-top:15px}@media (min-width:768px){.uk-dropdown:not(.uk-dropdown-stack)>.uk-grid{margin-left:-15px;margin-right:-15px}.uk-dropdown:not(.uk-dropdown-stack)>.uk-grid>[class*=uk-width-]{padding-left:15px;padding-right:15px}.uk-dropdown:not(.uk-dropdown-stack)>.uk-grid>[class*=uk-width-]:nth-child(n+2){border-left:1px solid #ddd}.uk-dropdown-width-2:not(.uk-dropdown-stack){width:400px}.uk-dropdown-width-3:not(.uk-dropdown-stack){width:600px}.uk-dropdown-width-4:not(.uk-dropdown-stack){width:800px}.uk-dropdown-width-5:not(.uk-dropdown-stack){width:1000px}}@media (max-width:767px){.uk-dropdown>.uk-grid>[class*=uk-width-]{width:100%}.uk-dropdown>.uk-grid>[class*=uk-width-]:nth-child(n+2){margin-top:15px}}.uk-dropdown-stack>.uk-grid>[class*=uk-width-]{width:100%}.uk-dropdown-stack>.uk-grid>[class*=uk-width-]:nth-child(n+2){margin-top:15px}.uk-dropdown-small{min-width:150px;width:auto;padding:5px;white-space:nowrap}.uk-dropdown-small .uk-nav{margin:0 -5px}.uk-dropdown-navbar{margin-top:6px;background:#fff;color:#444;left:-1px;border:1px solid #ddd;border-radius:4px}.uk-open>.uk-dropdown-navbar{-webkit-animation:uk-slide-top-fixed .2s ease-in-out;animation:uk-slide-top-fixed .2s ease-in-out}.uk-dropdown-search{width:300px;margin-top:0;background:#fff;color:#444}.uk-open>.uk-dropdown-search{-webkit-animation:uk-slide-top-fixed .2s ease-in-out;animation:uk-slide-top-fixed .2s ease-in-out}.uk-navbar-flip .uk-dropdown-search{margin-top:11px;margin-right:-16px}.uk-dropdown-navbar.uk-dropdown-flip{left:auto}.uk-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1020;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;background:rgba(0,0,0,.6);opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.uk-modal.uk-open{opacity:1}.uk-modal-page{overflow:hidden}.uk-modal-dialog{position:relative;top:10%;left:50%;-moz-box-sizing:border-box;box-sizing:border-box;padding:20px;width:600px;margin-left:-300px;background:#fff;border-radius:4px;box-shadow:0 0 10px rgba(0,0,0,.3)}@media (max-width:767px){.uk-modal-dialog{top:0;left:0;right:0;width:auto;margin:10px}}.uk-modal-dialog>:last-child{margin-bottom:0}.uk-modal-dialog-slide{opacity:0;-webkit-transform:translateY(-25%);transform:translateY(-25%);-webkit-transition:opacity .3s linear,-webkit-transform .3s ease-out;transition:opacity .3s linear,transform .3s ease-out}.uk-open .uk-modal-dialog-slide{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.uk-modal-dialog>.uk-close:first-child{margin:-10px -10px 0 0;float:right}.uk-modal-dialog>.uk-close:first-child+*{margin-top:0}.uk-modal-dialog-frameless{padding:0}.uk-modal-dialog-frameless>.uk-close:first-child{position:absolute;top:-12px;right:-12px;margin:0;float:none}@media (max-width:767px){.uk-modal-dialog-frameless>.uk-close:first-child{top:-7px;right:-7px}}.uk-offcanvas{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1010;background:rgba(0,0,0,.1)}.uk-offcanvas.uk-active{display:block}.uk-offcanvas-page{position:fixed;-webkit-transition:margin-left .3s ease-in-out 50ms;transition:margin-left .3s ease-in-out 50ms}.uk-offcanvas-bar{position:fixed;top:0;bottom:0;left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);z-index:1011;width:270px;max-width:100%;background:#333;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out}.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show{-webkit-transform:translateX(0%);transform:translateX(0%)}.uk-offcanvas-bar-flip{left:auto;right:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.uk-offcanvas .uk-panel{margin:20px 15px;color:#777;text-shadow:0 1px 0 rgba(0,0,0,.5)}.uk-offcanvas .uk-panel-title{color:#ccc}.uk-offcanvas .uk-panel a:not([class]){color:#ccc}.uk-offcanvas .uk-panel a:not([class]):hover{color:#fff}.uk-offcanvas .uk-search{display:block;margin:20px 15px}.uk-offcanvas .uk-search:before{color:#777}.uk-offcanvas .uk-search-field{width:100%;border-color:rgba(0,0,0,0);background:#1a1a1a;color:#ccc}.uk-offcanvas .uk-search-field:-ms-input-placeholder{color:#777}.uk-offcanvas .uk-search-field::-moz-placeholder{color:#777}.uk-offcanvas .uk-search-field::-webkit-input-placeholder{color:#777}.uk-offcanvas-bar:after{content:"";display:block;position:absolute;top:0;bottom:0;right:0;width:1px;background:rgba(0,0,0,.6);box-shadow:0 0 5px 2px rgba(0,0,0,.6)}.uk-offcanvas-bar-flip:after{right:auto;left:0;width:1px;background:rgba(0,0,0,.6);box-shadow:0 0 5px 2px rgba(0,0,0,.6)}.uk-switcher{margin:0;padding:0;list-style:none}.uk-switcher>:not(.uk-active){display:none}.uk-tooltip{display:none;position:absolute;z-index:1030;-moz-box-sizing:border-box;box-sizing:border-box;max-width:200px;padding:5px 8px;background:#333;color:rgba(255,255,255,.7);font-size:12px;line-height:18px;text-align:center;border-radius:3px;text-shadow:0 1px 0 rgba(0,0,0,.5)}.uk-tooltip:after{content:"";display:block;position:absolute;width:0;height:0;border:5px dashed #333}.uk-tooltip-top:after,.uk-tooltip-top-left:after,.uk-tooltip-top-right:after{bottom:-5px;border-top-style:solid;border-bottom:0;border-left-color:transparent;border-right-color:transparent;border-top-color:#333}.uk-tooltip-bottom:after,.uk-tooltip-bottom-left:after,.uk-tooltip-bottom-right:after{top:-5px;border-bottom-style:solid;border-top:0;border-left-color:transparent;border-right-color:transparent;border-bottom-color:#333}.uk-tooltip-top:after,.uk-tooltip-bottom:after{left:50%;margin-left:-5px}.uk-tooltip-top-left:after,.uk-tooltip-bottom-left:after{left:10px}.uk-tooltip-top-right:after,.uk-tooltip-bottom-right:after{right:10px}.uk-tooltip-left:after{right:-5px;top:50%;margin-top:-5px;border-left-style:solid;border-right:0;border-top-color:transparent;border-bottom-color:transparent;border-left-color:#333}.uk-tooltip-right:after{left:-5px;top:50%;margin-top:-5px;border-right-style:solid;border-left:0;border-top-color:transparent;border-bottom-color:transparent;border-right-color:#333}.uk-text-small{font-size:11px;line-height:16px}.uk-text-large{font-size:18px;line-height:24px}.uk-text-bold{font-weight:700}.uk-text-muted{color:#999!important}.uk-text-info{color:#2d7091!important}.uk-text-success{color:#659f13!important}.uk-text-warning{color:#e28327!important}.uk-text-danger{color:#d85030!important}.uk-text-left{text-align:left!important}.uk-text-right{text-align:right!important}.uk-text-center{text-align:center!important}.uk-text-justify{text-align:justify!important}.uk-text-nowrap{white-space:nowrap}.uk-text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uk-text-break{word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;-moz-hyphens:auto;hyphens:auto}.uk-container{-moz-box-sizing:border-box;box-sizing:border-box;max-width:980px;padding:0 25px}@media (min-width:1220px){.uk-container{max-width:1200px;padding:0 35px}}.uk-container:before,.uk-container:after{content:" ";display:table}.uk-container:after{clear:both}.uk-container-center{margin-left:auto;margin-right:auto}.uk-clearfix:before,.uk-clearfix:after{content:" ";display:table}.uk-clearfix:after{clear:both}.uk-nbfc{overflow:hidden}.uk-nbfc-alt{display:table-cell;width:10000px}.uk-float-left{float:left}.uk-float-right{float:right}[class*=uk-float-]{max-width:100%}[class*=uk-align-]{display:block;margin-bottom:15px}.uk-align-left{margin-right:15px;float:left}.uk-align-right{margin-left:15px;float:right}@media (min-width:768px){.uk-align-medium-left{margin-right:15px;margin-bottom:15px;float:left}.uk-align-medium-right{margin-left:15px;margin-bottom:15px;float:right}}.uk-align-center{margin-left:auto;margin-right:auto}.uk-vertical-align{letter-spacing:-.31em}.uk-vertical-align:before{content:'';display:inline-block;height:100%;vertical-align:middle}.uk-vertical-align-middle,.uk-vertical-align-bottom{display:inline-block;max-width:100%;letter-spacing:normal}.uk-vertical-align-middle{vertical-align:middle}.uk-vertical-align-bottom{vertical-align:bottom}.uk-height-1-1{height:100%}.uk-responsive-width,.uk-responsive-height{-moz-box-sizing:border-box;box-sizing:border-box}.uk-responsive-width{max-width:100%;height:auto}.uk-responsive-height{max-height:100%;width:auto}.uk-margin{margin-bottom:15px}*+.uk-margin{margin-top:15px}.uk-margin-top{margin-top:15px!important}.uk-margin-bottom{margin-bottom:15px!important}.uk-margin-left{margin-left:15px!important}.uk-margin-right{margin-right:15px!important}.uk-margin-small-top{margin-top:5px!important}.uk-margin-small-bottom{margin-bottom:5px!important}.uk-margin-small-left{margin-left:5px!important}.uk-margin-small-right{margin-right:5px!important}.uk-margin-remove{margin:0!important}.uk-margin-top-remove{margin-top:0!important}.uk-margin-bottom-remove{margin-bottom:0!important}.uk-border-circle{border-radius:50%}@media (min-width:768px){.uk-heading-large{font-size:52px;line-height:64px}}.uk-link-muted,.uk-link-muted a{color:#444}.uk-link-muted:hover,.uk-link-muted a:hover{color:#444}.uk-scrollable-text{max-height:300px;overflow-y:scroll}.uk-scrollable-box{-moz-box-sizing:border-box;box-sizing:border-box;max-height:170px;padding:10px;border:1px solid #ddd;overflow:auto;border-radius:3px}.uk-scrollable-box>:last-child{margin-bottom:0}.uk-display-block{display:block!important}.uk-display-inline{display:inline!important}.uk-display-inline-block{display:inline-block!important}@media (min-width:960px){.uk-visible-small{display:none!important}.uk-visible-medium{display:none!important}.uk-hidden-large{display:none!important}}@media (min-width:768px) and (max-width:959px){.uk-visible-small{display:none!important}.uk-visible-large{display:none!important}.uk-hidden-medium{display:none!important}}@media (max-width:767px){.uk-visible-medium{display:none!important}.uk-visible-large{display:none!important}.uk-hidden-small{display:none!important}}.uk-hidden{display:none!important;visibility:hidden!important}.uk-invisible{visibility:hidden!important}.uk-visible-hover:hover .uk-hidden,.uk-visible-hover:hover .uk-invisible{display:block!important;visibility:visible!important}.uk-visible-hover-inline:hover .uk-hidden,.uk-visible-hover-inline:hover .uk-invisible{display:inline-block!important;visibility:visible!important}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}} \ No newline at end of file diff --git a/lib/css/uikit.css b/lib/css/uikit.css index 38c345d..bb879aa 100644 --- a/lib/css/uikit.css +++ b/lib/css/uikit.css @@ -1,112 +1,122 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - +/*! UIkit 3.5.5 | https://www.getuikit.com | (c) 2014 - 2020 YOOtheme | MIT License */ /* ======================================================================== - Component: Normalize - ========================================================================== */ -/* Base + Component: Base ========================================================================== */ /* - * 1. Sets default font family to sans-serif. - * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom. + * 1. Set `font-size` to support `rem` units + * Not using `font` property because a leading hyphen (e.g. -apple-system) causes the font to break in IE11 and Edge + * 2. Prevent adjustments of font size after orientation changes in iOS. + * 3. Style */ html { /* 1 */ - font-family: sans-serif; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-size: 16px; + font-weight: normal; + line-height: 1.5; /* 2 */ -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; + /* 3 */ + background: #fff; + color: #666; } /* - * Removes default margin. + * Remove the margin in all browsers. */ body { margin: 0; } -/* HTML5 display definitions +/* Links ========================================================================== */ /* - * Corrects `block` display not defined in IE 8/9. + * Remove the outline on focused links when they are also active or hovered */ -article, -aside, -details, -figcaption, -figure, -footer, -header, -main, -nav, -section, -summary { - display: block; +a:active, +a:hover { + outline: none; } /* - * 1. Correct `inline-block` display not defined in IE 8/9. - * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. + * Style */ -audio, -canvas, -progress, -video { - /* 1 */ - display: inline-block; - /* 2 */ - vertical-align: baseline; +a, +.uk-link { + color: #1e87f0; + text-decoration: none; + cursor: pointer; +} +a:hover, +.uk-link:hover, +.uk-link-toggle:hover .uk-link, +.uk-link-toggle:focus .uk-link { + color: #0f6ecd; + text-decoration: underline; } +/* Text-level semantics + ========================================================================== */ /* - * Prevents modern browsers from displaying `audio` without controls. - * Remove excess height in iOS 5 devices. + * 1. Add the correct text decoration in Edge. + * 2. The shorthand declaration `underline dotted` is not supported in Safari. */ -audio:not([controls]) { - display: none; - height: 0; +abbr[title] { + /* 1 */ + text-decoration: underline dotted; + /* 2 */ + -webkit-text-decoration-style: dotted; } /* - * Address `[hidden]` styling not present in IE 8/9. - * Hide the `template` element in IE, Safari, and Firefox < 22. + * Add the correct font weight in Chrome, Edge, and Safari. */ -[hidden], -template { - display: none; +b, +strong { + font-weight: bolder; } -/* Links - ========================================================================== */ /* - * Remove the gray background color from active links in IE 10. + * 1. Consolas has a better baseline in running text compared to `Courier` + * 2. Correct the odd `em` font sizing in all browsers. + * 3. Style */ -a { - background: transparent; +:not(pre) > code, +:not(pre) > kbd, +:not(pre) > samp { + /* 1 */ + font-family: Consolas, monaco, monospace; + /* 2 */ + font-size: 0.875rem; + /* 3 */ + color: #f0506e; + white-space: nowrap; + padding: 2px 6px; + background: #f8f8f8; } /* - * Improves readability when focused and also mouse hovered in all browsers. + * Emphasize */ -a:active, -a:hover { - outline: 0; +em { + color: #f0506e; } -/* Text-level semantics - ========================================================================== */ /* - * Addresses styling not present in IE 8/9, Safari 5, and Chrome. + * Insert */ -abbr[title] { - border-bottom: 1px dotted; +ins { + background: #ffd; + color: #666; + text-decoration: none; } /* - * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome. + * Mark */ -b, -strong { - font-weight: bold; +mark { + background: #ffd; + color: #666; } /* - * Addresses styling not present in Safari 5 and Chrome. + * Quote */ -dfn { +q { font-style: italic; } /* - * Addresses inconsistent and variable font size in all browsers. + * Add the correct font size in all browsers. */ small { font-size: 80%; @@ -130,4877 +140,6252 @@ sub { /* Embedded content ========================================================================== */ /* - * Removes border when inside `a` element in IE 8/9. - */ -img { - border: 0; -} -/* - * Corrects overflow displayed oddly in IE 9. - */ -svg:not(:root) { - overflow: hidden; -} -/* Grouping content - ========================================================================== */ -/* - * Addresses margin not present in IE 8/9 and Safari 5. - */ -figure { - margin: 0; -} -/* - * Address differences between Firefox and other browsers. - */ -hr { - -moz-box-sizing: content-box; - box-sizing: content-box; - height: 0; -} -/* - * Contain overflow in all browsers. - */ -pre { - overflow: auto; -} -/* - * Address odd `em`-unit font size rendering in all browsers. - * 1. Consolas has a better baseline in running text compared to `Courier` + * Remove the gap between embedded content and the bottom of their containers. */ -code, -kbd, -pre, -samp { - font-size: 1em; - /* 1 */ - font-family: Consolas, monospace, serif; +audio, +canvas, +iframe, +img, +svg, +video { + vertical-align: middle; } -/* Forms - ========================================================================== */ /* - * 1. Correct color not being inherited. Known issue: affects color of disabled elements. - * 2. Correct font properties not being inherited. - * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. - * 4. Define consistent box sizing - * Defaults: `button`, `input` and `textarea` have box sizing set to `content-box` - * `select`, `input[type="checkbox"]` and `input[type="radio"]` have box sizing set to `border-box` - * Exceptions: `input[type="checkbox"]` and `input[type="radio"]` have box sizing set to `content-box` in IE 8/9. - * `input[type="search"]` has box sizing set to `border-box` in Safari 5 and Chrome. + * 1. Add responsiveness. + * 2. Auto-scale the height. Only needed if `height` attribute is present. + * 3. Corrects responsive `max-width` behavior if padding and border are used. + * 4. Exclude SVGs for IE11 because they don't preserve their aspect ratio. */ -button, -input, -optgroup, -select, -textarea { +canvas, +img, +video { /* 1 */ - color: inherit; + max-width: 100%; /* 2 */ - font: inherit; + height: auto; /* 3 */ - margin: 0; - /* 4 */ - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; box-sizing: border-box; } -/** - * Don't inherit the `font-weight` (applied by a rule above). - * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. - */ -optgroup { - font-weight: bold; -} -/** - * Address `overflow` set to `hidden` in IE 8/9/10. - */ -button { - overflow: visible; -} -/* - * Address inconsistent `text-transform` inheritance for `button` and `select`. - * All other form control elements do not inherit `text-transform` values. - * Correct `button` style inheritance in Firefox, IE 8+, and Opera - * Correct `select` style inheritance in Firefox. - */ -button, -select { - text-transform: none; -} -/* - * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. - * 2. Correct inability to style clickable `input` types in iOS. - * 3. Improve usability and consistency of cursor style between image-type `input` and others. - */ -button, -html input[type="button"], -input[type="reset"], -input[type="submit"] { - /* 2 */ - -webkit-appearance: button; - /* 3 */ - cursor: pointer; -} -/* - * Re-set default cursor for disabled elements. - */ -button:disabled, -html input:disabled { - cursor: default; -} -/* - * Removes inner padding and border in Firefox 4+. - */ -button::-moz-focus-inner, -input::-moz-focus-inner { - border: 0; - padding: 0; +/* 4 */ +@supports (display: block) { + svg { + max-width: 100%; + height: auto; + box-sizing: border-box; + } } /* - * Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. + * Hide the overflow in IE. */ -input { - line-height: normal; +svg:not(:root) { + overflow: hidden; } /* - * 1. Removes excess padding in IE 8/9. - * 2. Improves consistency of cursor style for clickable elements + * 1. Fix lazy loading images if parent element is set to `display: inline` and has `overflow: hidden`. + * 2. Hide `alt` text for lazy loading images. + * Note: Selector for background while loading img[data-src*='.jpg'][src*='data:image'] { background: grey; } */ -input[type="checkbox"], -input[type="radio"] { +img:not([src]) { /* 1 */ - padding: 0; + min-width: 1px; /* 2 */ - cursor: pointer; + visibility: hidden; } /* - * Fix the cursor style for Chrome's increment/decrement buttons. For certain - * `font-size` values of the `input`, it causes the cursor style of the - * decrement button to change from `default` to `text`. + * Iframe + * Remove border in all browsers */ -input[type="number"]::-webkit-inner-spin-button, -input[type="number"]::-webkit-outer-spin-button { - height: auto; -} -/* - * Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. - */ -input[type="search"] { - -webkit-appearance: textfield; -} -/* - * Remove inner padding and search cancel button in Safari and Chrome on OS X. - * Safari (but not Chrome) clips the cancel button when the search input has - * padding (and `textfield` appearance). - */ -input[type="search"]::-webkit-search-cancel-button, -input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} -/* - * Define consistent border, margin, and padding. - */ -fieldset { - border: none; - margin: 0; - padding: 0; -} -/* - * 1. Corrects color not being inherited in IE 8/9. - * 2. Remove padding so people aren't caught out if they zero out fieldsets. - */ -legend { - /* 1 */ +iframe { border: 0; - /* 2 */ - padding: 0; -} -/** - * 1. Remove default vertical scrollbar in IE 8/9. - * 2. Improve readability and alignment in all browsers. - */ -textarea { - overflow: auto; - /* 1 */ - vertical-align: top; - /* 2 */ -} -/* - * Removes placeholder transparency in Firefox. - */ -::-moz-placeholder { - opacity: 1; -} -/* Tables - ========================================================================== */ -/* - * Remove most spacing between table cells. - */ -table { - border-collapse: collapse; - border-spacing: 0; -} -/* ======================================================================== - Component: Base - ========================================================================== */ -/* Body - ========================================================================== */ -/* - * `font-size` is set in `html` element to support the `rem` unit for font-sizes - */ -html { - font-size: 14px; -} -body { - background: #ffffff; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-weight: normal; - line-height: 20px; - color: #444444; -} -/* Only phones */ -@media (max-width: 767px) { - /* - * Break strings if their length exceeds the width of their container - */ - body { - word-wrap: break-word; - -webkit-hyphens: auto; - -ms-hyphens: auto; - -moz-hyphens: auto; - hyphens: auto; - } -} -/* Text-level semantics - ========================================================================== */ -/* - * Links - */ -a, -.uk-link { - color: #0077dd; - text-decoration: none; - cursor: pointer; -} -a:hover, -.uk-link:hover { - color: #005599; - text-decoration: underline; -} -/* - * Emphasize - */ -em { - color: #dd0055; -} -/* - * Insert - */ -ins { - background: #ffffaa; - color: #444444; - text-decoration: none; -} -/* - * Mark - * Note: Addresses styling not present in IE 8/9. - */ -mark { - background: #ffffaa; - color: #444444; -} -/* - * Selection highlight - */ -::-moz-selection { - background: #3399ff; - color: #ffffff; - text-shadow: none; -} -::selection { - background: #3399ff; - color: #ffffff; - text-shadow: none; -} -/* - * Abbreviation and definition - */ -abbr[title], -dfn[title] { - cursor: help; -} -dfn[title] { - border-bottom: 1px dotted; - font-style: normal; } -/* Embedded content +/* Block elements ========================================================================== */ /* - * 1. Corrects max-width behavior (2.) if padding and border are used - * 2. Responsiveness: Sets a maxium width relative to the parent and auto scales the height - * 3. Remove the gap between images and the bottom of their containers - */ -img { - /* 1 */ - -moz-box-sizing: border-box; - box-sizing: border-box; - /* 2 */ - max-width: 100%; - height: auto; - /* 3 */ - vertical-align: middle; -} -/* - * Preserve original image dimensions - * 1. Fix Google maps automatically via URL detection + * Margins */ -.uk-img-preserve, -.uk-img-preserve img, -img[src*="maps.gstatic.com"], -img[src*="googleapis.com"] { - max-width: none; -} -/* Spacing for block elements - ========================================================================== */ p, -hr, ul, ol, dl, -blockquote, pre, address, fieldset, figure { - margin: 0 0 15px 0; + margin: 0 0 20px 0; } -/* - * Don't worry about the universal selector. - * There is no mentionable performance impact. - */ +/* Add margin if adjacent element */ * + p, -* + hr, * + ul, * + ol, * + dl, -* + blockquote, * + pre, * + address, * + fieldset, * + figure { - margin-top: 15px; + margin-top: 20px; } /* Headings ========================================================================== */ h1, +.uk-h1, h2, +.uk-h2, h3, +.uk-h3, h4, +.uk-h4, h5, -h6 { - margin: 0 0 15px 0; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; +.uk-h5, +h6, +.uk-h6, +.uk-heading-small, +.uk-heading-medium, +.uk-heading-large, +.uk-heading-xlarge, +.uk-heading-2xlarge { + margin: 0 0 20px 0; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-weight: normal; - color: #444444; + color: #333; text-transform: none; } -/* - * Don't worry about the universal selector. - * There is no mentionable performance impact. - */ +/* Add margin if adjacent element */ * + h1, +* + .uk-h1, * + h2, +* + .uk-h2, * + h3, +* + .uk-h3, * + h4, +* + .uk-h4, * + h5, -* + h6 { - margin-top: 25px; +* + .uk-h5, +* + h6, +* + .uk-h6, +* + .uk-heading-small, +* + .uk-heading-medium, +* + .uk-heading-large, +* + .uk-heading-xlarge, +* + .uk-heading-2xlarge { + margin-top: 40px; } +/* + * Sizes + */ h1, .uk-h1 { - font-size: 36px; - line-height: 42px; + font-size: 2.23125rem; + line-height: 1.2; } h2, .uk-h2 { - font-size: 24px; - line-height: 30px; + font-size: 1.7rem; + line-height: 1.3; } h3, .uk-h3 { - font-size: 18px; - line-height: 24px; + font-size: 1.5rem; + line-height: 1.4; } h4, .uk-h4 { - font-size: 16px; - line-height: 22px; + font-size: 1.25rem; + line-height: 1.4; } h5, .uk-h5 { - font-size: 14px; - line-height: 20px; + font-size: 16px; + line-height: 1.4; } h6, .uk-h6 { - font-size: 12px; - line-height: 18px; + font-size: 0.875rem; + line-height: 1.4; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + h1, + .uk-h1 { + font-size: 2.625rem; + } + h2, + .uk-h2 { + font-size: 2rem; + } } /* Lists ========================================================================== */ -/* - * Ordered and unordered lists - */ ul, ol { padding-left: 30px; } -/* Reset margin for nested lists */ +/* + * Reset margin for nested lists + */ ul > li > ul, ul > li > ol, ol > li > ol, ol > li > ul { margin: 0; } -/* - * Description lists - */ +/* Description lists + ========================================================================== */ dt { font-weight: bold; } dd { margin-left: 0; } -/* Horizontal rule +/* Horizontal rules ========================================================================== */ -hr { - display: block; - padding: 0; +/* + * 1. Show the overflow in Chrome, Edge and IE. + * 2. Add the correct text-align in Edge and IE. + * 3. Style + */ +hr, +.uk-hr { + /* 1 */ + overflow: visible; + /* 2 */ + text-align: inherit; + /* 3 */ + margin: 0 0 20px 0; border: 0; - border-top: 1px solid #dddddd; + border-top: 1px solid #e5e5e5; +} +/* Add margin if adjacent element */ +* + hr, +* + .uk-hr { + margin-top: 20px; } /* Address ========================================================================== */ address { font-style: normal; } -/* Quotes +/* Blockquotes ========================================================================== */ -q, blockquote { + margin: 0 0 20px 0; + font-size: 1.25rem; + line-height: 1.5; font-style: italic; + color: #333; } -blockquote { - padding-left: 15px; - border-left: 5px solid #dddddd; - font-size: 16px; - line-height: 22px; -} -/* Small print for identifying the source */ -blockquote small { - display: block; - color: #999999; - font-style: normal; +/* Add margin if adjacent element */ +* + blockquote { + margin-top: 20px; } -/* Smaller margin if `small` follows */ +/* + * Content + */ blockquote p:last-of-type { - margin-bottom: 5px; + margin-bottom: 0; } -/* Code and preformatted text - ========================================================================== */ -code { - color: #dd0055; - font-size: 12px; - white-space: nowrap; +blockquote footer { + margin-top: 10px; + font-size: 0.875rem; + line-height: 1.5; + color: #666; } -/* Reset code elements if parent of pre elements */ -pre code { - color: inherit; - white-space: pre-wrap; +blockquote footer::before { + content: "— "; } +/* Preformatted text + ========================================================================== */ +/* + * 1. Contain overflow in all browsers. + */ pre { - padding: 10px; - background: #f5f5f5; - color: #444444; - font-size: 12px; - line-height: 18px; + font: 0.875rem / 1.5 Consolas, monaco, monospace; + color: #666; -moz-tab-size: 4; tab-size: 4; + /* 1 */ + overflow: auto; + padding: 10px; + border: 1px solid #e5e5e5; + border-radius: 3px; + background: #fff; +} +pre code { + font-family: Consolas, monaco, monospace; +} +/* Selection pseudo-element + ========================================================================== */ +::selection { + background: #39f; + color: #fff; + text-shadow: none; } -/* Forms +/* HTML5 elements ========================================================================== */ /* - * Vertical alignment - * Exclude `radio` and `checkbox` elements because the default `baseline` value aligns better with text + * 1. Add the correct display in Edge, IE 10+, and Firefox. + * 2. Add the correct display in IE. */ -button, -input:not([type="radio"]):not([type="checkbox"]), -select { - vertical-align: middle; +details, +main { + /* 2 */ + display: block; } -/* Iframe - ========================================================================== */ -iframe { - border: 0; +/* + * Add the correct display in all browsers. + */ +summary { + display: list-item; +} +/* + * Add the correct display in IE. + */ +template { + display: none; } -/* Fix viewport for IE10 snap mode +/* Pass media breakpoints to JS ========================================================================== */ -@media screen and (max-width: 400px) { - @-ms-viewport { - width: device-width; - } +/* + * Breakpoints + */ +.uk-breakpoint-s::before { + content: '640px'; +} +.uk-breakpoint-m::before { + content: '960px'; +} +.uk-breakpoint-l::before { + content: '1200px'; +} +.uk-breakpoint-xl::before { + content: '1600px'; +} +:root { + --uk-breakpoint-s: 640px; + --uk-breakpoint-m: 960px; + --uk-breakpoint-l: 1200px; + --uk-breakpoint-xl: 1600px; } /* ======================================================================== - Component: Grid + Component: Link + ========================================================================== */ +/* Muted + ========================================================================== */ +a.uk-link-muted, +.uk-link-muted a { + color: #999; +} +a.uk-link-muted:hover, +.uk-link-muted a:hover, +.uk-link-toggle:hover .uk-link-muted, +.uk-link-toggle:focus .uk-link-muted { + color: #666; +} +/* Text + ========================================================================== */ +a.uk-link-text, +.uk-link-text a { + color: inherit; +} +a.uk-link-text:hover, +.uk-link-text a:hover, +.uk-link-toggle:hover .uk-link-text, +.uk-link-toggle:focus .uk-link-text { + color: #999; +} +/* Heading + ========================================================================== */ +a.uk-link-heading, +.uk-link-heading a { + color: inherit; +} +a.uk-link-heading:hover, +.uk-link-heading a:hover, +.uk-link-toggle:hover .uk-link-heading, +.uk-link-toggle:focus .uk-link-heading { + color: #1e87f0; + text-decoration: none; +} +/* Reset ========================================================================== */ /* - * Micro clearfix + * `!important` needed to override inverse component */ -.uk-grid:before, -.uk-grid:after { - content: " "; - display: table; +a.uk-link-reset, +.uk-link-reset a { + color: inherit !important; + text-decoration: none !important; } -.uk-grid:after { - clear: both; +/* Toggle + ========================================================================== */ +.uk-link-toggle { + color: inherit !important; + text-decoration: none !important; +} +.uk-link-toggle:focus { + outline: none; +} +/* ======================================================================== + Component: Heading + ========================================================================== */ +.uk-heading-small { + font-size: 2.6rem; + line-height: 1.2; +} +.uk-heading-medium { + font-size: 2.8875rem; + line-height: 1.1; +} +.uk-heading-large { + font-size: 3.4rem; + line-height: 1.1; +} +.uk-heading-xlarge { + font-size: 4rem; + line-height: 1; +} +.uk-heading-2xlarge { + font-size: 6rem; + line-height: 1; +} +/* Tablet Landscape and bigger */ +@media (min-width: 960px) { + .uk-heading-small { + font-size: 3.25rem; + } + .uk-heading-medium { + font-size: 3.5rem; + } + .uk-heading-large { + font-size: 4rem; + } + .uk-heading-xlarge { + font-size: 6rem; + } + .uk-heading-2xlarge { + font-size: 8rem; + } +} +/* Laptop and bigger */ +@media (min-width: 1200px) { + .uk-heading-medium { + font-size: 4rem; + } + .uk-heading-large { + font-size: 6rem; + } + .uk-heading-xlarge { + font-size: 8rem; + } + .uk-heading-2xlarge { + font-size: 11rem; + } +} +/* Primary + Deprecated: Use `uk-heading-medium` instead + ========================================================================== */ +/* Tablet landscape and bigger */ +/* Desktop and bigger */ +/* Hero + Deprecated: Use `uk-heading-xlarge` instead + ========================================================================== */ +/* Tablet landscape and bigger */ +/* Desktop and bigger */ +/* Divider + ========================================================================== */ +.uk-heading-divider { + padding-bottom: calc(5px + 0.1em); + border-bottom: calc(0.2px + 0.05em) solid #e5e5e5; +} +/* Bullet + ========================================================================== */ +.uk-heading-bullet { + position: relative; } /* - * 1. Needed for the gutter - * 2. Makes grid more robust so that it can be used with other block elements like lists + * 1. Using `inline-block` to make it work with text alignment + * 2. Center vertically + * 3. Style */ -.uk-grid { +.uk-heading-bullet::before { + content: ""; /* 1 */ - margin: 0 0 0 -25px; + display: inline-block; /* 2 */ - padding: 0; - list-style: none; + position: relative; + top: calc(-0.1 * 1em); + vertical-align: middle; + /* 3 */ + height: calc(4px + 0.7em); + margin-right: calc(5px + 0.2em); + border-left: calc(5px + 0.1em) solid #e5e5e5; } +/* Line + ========================================================================== */ /* - * Vertical gutter + * Clip the child element */ -.uk-grid + .uk-grid { - margin-top: 25px; +.uk-heading-line { + overflow: hidden; +} +/* + * Extra markup is needed to make it work with text align + */ +.uk-heading-line > * { + display: inline-block; + position: relative; } -/* Grid column - ========================================================================== */ /* - * 1. Makes grid more robust so that it can be used with other block elements - * 2. Create horizontal gutter - * 3. `float` is set by default so columns always behave the same and create a new block format context + * 1. Center vertically + * 2. Make the element as large as possible. It's clipped by the container. + * 3. Style */ -.uk-grid > [class*='uk-width-'] { +.uk-heading-line > ::before, +.uk-heading-line > ::after { + content: ""; /* 1 */ - margin: 0; + position: absolute; + top: calc(50% - ((0.2px + 0.05em) / 2)); /* 2 */ - padding-left: 25px; + width: 2000px; /* 3 */ - float: left; + border-bottom: calc(0.2px + 0.05em) solid #e5e5e5; } -/* - * Remove margin from the last-child - */ -.uk-grid > [class*='uk-width-'] > :last-child { - margin-bottom: 0; +.uk-heading-line > ::before { + right: 100%; + margin-right: calc(5px + 0.3em); +} +.uk-heading-line > ::after { + left: 100%; + margin-left: calc(5px + 0.3em); } -/* Sub-modifier: `uk-grid-margin` +/* ======================================================================== + Component: Divider ========================================================================== */ /* - * This class is set by JavaScript and applies a vertical gutter if the columns stack or float into the next row - * Higher specificity to override margin + * 1. Reset default `hr` + * 2. Set margin if a `div` is used for semantical reason */ -.uk-grid > .uk-grid-margin { - margin-top: 25px; +[class*='uk-divider'] { + /* 1 */ + border: none; + /* 2 */ + margin-bottom: 20px; +} +/* Add margin if adjacent element */ +* + [class*='uk-divider'] { + margin-top: 20px; +} +/* Icon + ========================================================================== */ +.uk-divider-icon { + position: relative; + height: 20px; + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23e5e5e5%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); + background-repeat: no-repeat; + background-position: 50% 50%; +} +.uk-divider-icon::before, +.uk-divider-icon::after { + content: ""; + position: absolute; + top: 50%; + max-width: calc(50% - (50px / 2)); + border-bottom: 1px solid #e5e5e5; +} +.uk-divider-icon::before { + right: calc(50% + (50px / 2)); + width: 100%; +} +.uk-divider-icon::after { + left: calc(50% + (50px / 2)); + width: 100%; } -/* Modifier: `uk-grid-divider` +/* Small ========================================================================== */ /* - * Horizontal divider - * Does not work with `uk-push-*`, `uk-pull-*` and not if the columns float into the next row + * 1. Fix height because of `inline-block` + * 2. Using ::after and inline-block to make `text-align` work */ -.uk-grid-divider:not(:empty) { - margin-left: -25px; - margin-right: -25px; +/* 1 */ +.uk-divider-small { + line-height: 0; } -.uk-grid-divider:not(:empty) > [class*='uk-width-'] { - padding-left: 25px; - padding-right: 25px; +/* 2 */ +.uk-divider-small::after { + content: ""; + display: inline-block; + width: 100px; + max-width: 100%; + border-top: 1px solid #e5e5e5; + vertical-align: top; } -.uk-grid-divider:not(:empty) > [class*='uk-width-1-']:not(.uk-width-1-1):nth-child(n+2), -.uk-grid-divider:not(:empty) > [class*='uk-width-2-']:nth-child(n+2), -.uk-grid-divider:not(:empty) > [class*='uk-width-3-']:nth-child(n+2), -.uk-grid-divider:not(:empty) > [class*='uk-width-4-']:nth-child(n+2), -.uk-grid-divider:not(:empty) > [class*='uk-width-5-']:nth-child(n+2), -.uk-grid-divider:not(:empty) > [class*='uk-width-6-']:nth-child(n+2), -.uk-grid-divider:not(:empty) > [class*='uk-width-7-']:nth-child(n+2), -.uk-grid-divider:not(:empty) > [class*='uk-width-8-']:nth-child(n+2), -.uk-grid-divider:not(:empty) > [class*='uk-width-9-']:nth-child(n+2) { - border-left: 1px solid #dddddd; +/* Vertical + ========================================================================== */ +.uk-divider-vertical { + width: 1px; + height: 100px; + margin-left: auto; + margin-right: auto; + border-left: 1px solid #e5e5e5; } -/* Only tablets and desktop */ -@media (min-width: 768px) { - .uk-grid-divider:not(:empty) > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) { - border-left: 1px solid #dddddd; - } +/* ======================================================================== + Component: List + ========================================================================== */ +.uk-list { + padding: 0; + list-style: none; } -/* Only desktop */ -@media (min-width: 960px) { - .uk-grid-divider:not(:empty) > [class*='uk-width-large-']:not(.uk-width-large-1-1):nth-child(n+2) { - border-left: 1px solid #dddddd; - } +/* + * Remove margin from the last-child + */ +.uk-list > * > :last-child { + margin-bottom: 0; } /* - * Vertical divider + * Style */ -.uk-grid-divider:empty { - margin-top: 25px; - margin-bottom: 25px; - border-top: 1px solid #dddddd; +.uk-list > :nth-child(n+2), +.uk-list > * > ul { + margin-top: 10px; } -/* Panel in grid +/* Marker modifiers + * Moving `::marker` inside `::before` to style it differently + * To style the `::marker` is currently only supported in Firefox and Safari ========================================================================== */ +.uk-list-disc > *, +.uk-list-circle > *, +.uk-list-square > *, +.uk-list-decimal > *, +.uk-list-hyphen > * { + padding-left: 30px; +} /* - * Vertical gutter for panels + * Type modifiers */ -.uk-grid > [class*='uk-width-'] > .uk-panel + .uk-panel { - margin-top: 25px; +.uk-list-decimal { + counter-reset: decimal; } -/* Large gutter - ========================================================================== */ -/* Only large screens */ -@media (min-width: 1220px) { - /* - * Grid - */ - /* Horizontal gutter */ - .uk-grid:not(.uk-grid-preserve) { - margin-left: -35px; - } - .uk-grid:not(.uk-grid-preserve) > [class*='uk-width-'] { - padding-left: 35px; - } - /* Vertical gutter */ - .uk-grid:not(.uk-grid-preserve) + .uk-grid { - margin-top: 35px; - } - .uk-grid:not(.uk-grid-preserve) > .uk-grid-margin { - margin-top: 35px; - } - /* Vertical gutter for panels */ - .uk-grid:not(.uk-grid-preserve) > [class*='uk-width-'] > .uk-panel + .uk-panel { - margin-top: 35px; - } - /* - * Modifier: `uk-grid-divider` - */ - .uk-grid-divider:not(.uk-grid-preserve):not(:empty) { - margin-left: -35px; - margin-right: -35px; - } - .uk-grid-divider:not(.uk-grid-preserve):not(:empty) > [class*='uk-width-'] { - padding-left: 35px; - padding-right: 35px; - } - .uk-grid-divider:not(.uk-grid-preserve):empty { - margin-top: 35px; - margin-bottom: 35px; - } +.uk-list-decimal > * { + counter-increment: decimal; } -/* Sub-object: `uk-width-*` - ========================================================================== */ -[class*='uk-width-'] { - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 100%; +[class*='uk-list'] > ::before { + content: ''; + position: relative; + left: -30px; + width: 30px; + height: 1.5em; + margin-bottom: -1.5em; + display: list-item; + list-style-position: inside; + text-align: right; +} +.uk-list-disc > ::before { + list-style-type: disc; +} +.uk-list-circle > ::before { + list-style-type: circle; +} +.uk-list-square > ::before { + list-style-type: square; +} +.uk-list-decimal > ::before { + content: counter(decimal, decimal) '\200A.\00A0'; +} +.uk-list-hyphen > ::before { + content: '–\00A0\00A0'; } /* - * Widths + * Color modifiers */ -/* Whole */ -.uk-width-1-1 { - width: 100%; +.uk-list-muted > ::before { + color: #999 !important; } -/* Halves */ -.uk-width-1-2, -.uk-width-2-4, -.uk-width-3-6, -.uk-width-5-10 { - width: 50%; +.uk-list-emphasis > ::before { + color: #333 !important; } -/* Thirds */ -.uk-width-1-3, -.uk-width-2-6 { - width: 33.333%; +.uk-list-primary > ::before { + color: #1e87f0 !important; } -.uk-width-2-3, -.uk-width-4-6 { - width: 66.666%; +.uk-list-secondary > ::before { + color: #222 !important; } -/* Quarters */ -.uk-width-1-4 { - width: 25%; +/* Image bullet modifier + ========================================================================== */ +.uk-list-bullet > * { + padding-left: 30px; } -.uk-width-3-4 { - width: 75%; +.uk-list-bullet > ::before { + content: ""; + position: relative; + left: -30px; + width: 30px; + height: 1.5em; + margin-bottom: -1.5em; + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E"); + background-repeat: no-repeat; + background-position: 50% 50%; } -/* Fifths */ -.uk-width-1-5, -.uk-width-2-10 { - width: 20%; +/* Style modifiers + ========================================================================== */ +/* + * Divider + */ +.uk-list-divider > :nth-child(n+2) { + margin-top: 10px; + padding-top: 10px; + border-top: 1px solid #e5e5e5; } -.uk-width-2-5, -.uk-width-4-10 { - width: 40%; +/* + * Striped + */ +.uk-list-striped > * { + padding: 10px 10px; } -.uk-width-3-5, -.uk-width-6-10 { - width: 60%; +.uk-list-striped > *:nth-of-type(odd) { + border-top: 1px solid #e5e5e5; + border-bottom: 1px solid #e5e5e5; } -.uk-width-4-5, -.uk-width-8-10 { - width: 80%; +.uk-list-striped > :nth-of-type(odd) { + background: #f8f8f8; } -/* Sixths */ -.uk-width-1-6 { - width: 16.666%; +.uk-list-striped > :nth-child(n+2) { + margin-top: 0; } -.uk-width-5-6 { - width: 83.333%; +/* Size modifier + ========================================================================== */ +.uk-list-large > :nth-child(n+2), +.uk-list-large > * > ul { + margin-top: 20px; } -/* Tenths */ -.uk-width-1-10 { - width: 10%; +.uk-list-collapse > :nth-child(n+2), +.uk-list-collapse > * > ul { + margin-top: 0; } -.uk-width-3-10 { - width: 30%; +/* + * Divider + */ +.uk-list-large.uk-list-divider > :nth-child(n+2) { + margin-top: 20px; + padding-top: 20px; } -.uk-width-7-10 { - width: 70%; +.uk-list-collapse.uk-list-divider > :nth-child(n+2) { + margin-top: 0; + padding-top: 0; } -.uk-width-9-10 { - width: 90%; +/* + * Striped + */ +.uk-list-large.uk-list-striped > * { + padding: 20px 10px; } -/* Only tablets and desktop */ -@media (min-width: 768px) { - /* Whole */ - .uk-width-medium-1-1 { - width: 100%; - } - /* Halves */ - .uk-width-medium-1-2, - .uk-width-medium-2-4, - .uk-width-medium-3-6, - .uk-width-medium-5-10 { - width: 50%; - } - /* Thirds */ - .uk-width-medium-1-3, - .uk-width-medium-2-6 { - width: 33.333%; - } - .uk-width-medium-2-3, - .uk-width-medium-4-6 { - width: 66.666%; - } - /* Quarters */ - .uk-width-medium-1-4 { - width: 25%; - } - .uk-width-medium-3-4 { - width: 75%; - } - /* Fifths */ - .uk-width-medium-1-5, - .uk-width-medium-2-10 { - width: 20%; - } - .uk-width-medium-2-5, - .uk-width-medium-4-10 { - width: 40%; - } - .uk-width-medium-3-5, - .uk-width-medium-6-10 { - width: 60%; - } - .uk-width-medium-4-5, - .uk-width-medium-8-10 { - width: 80%; - } - /* Sixths */ - .uk-width-medium-1-6 { - width: 16.666%; - } - .uk-width-medium-5-6 { - width: 83.333%; - } - /* Tenths */ - .uk-width-medium-1-10 { - width: 10%; - } - .uk-width-medium-3-10 { - width: 30%; - } - .uk-width-medium-7-10 { - width: 70%; - } - .uk-width-medium-9-10 { - width: 90%; - } +.uk-list-collapse.uk-list-striped > * { + padding-top: 0; + padding-bottom: 0; } -/* Only desktop */ -@media (min-width: 960px) { - /* Whole */ - .uk-width-large-1-1 { - width: 100%; - } - /* Halves */ - .uk-width-large-1-2, - .uk-width-large-2-4, - .uk-width-large-3-6, - .uk-width-large-5-10 { - width: 50%; - } - /* Thirds */ - .uk-width-large-1-3, - .uk-width-large-2-6 { - width: 33.333%; - } - .uk-width-large-2-3, - .uk-width-large-4-6 { - width: 66.666%; - } - /* Quarters */ - .uk-width-large-1-4 { - width: 25%; - } - .uk-width-large-3-4 { - width: 75%; - } - /* Fifths */ - .uk-width-large-1-5, - .uk-width-large-2-10 { - width: 20%; - } - .uk-width-large-2-5, - .uk-width-large-4-10 { - width: 40%; - } - .uk-width-large-3-5, - .uk-width-large-6-10 { - width: 60%; - } - .uk-width-large-4-5, - .uk-width-large-8-10 { - width: 80%; - } - /* Sixths */ - .uk-width-large-1-6 { - width: 16.666%; - } - .uk-width-large-5-6 { - width: 83.333%; - } - /* Tenths */ - .uk-width-large-1-10 { - width: 10%; - } - .uk-width-large-3-10 { - width: 30%; - } - .uk-width-large-7-10 { - width: 70%; - } - .uk-width-large-9-10 { - width: 90%; - } +.uk-list-large.uk-list-striped > :nth-child(n+2), +.uk-list-collapse.uk-list-striped > :nth-child(n+2) { + margin-top: 0; } -/* Sub-object: `uk-push-*` and `uk-pull-*` +/* ======================================================================== + Component: Description list ========================================================================== */ /* - * Source ordering - * Works only with `uk-width-medium-*` + * Term */ -/* Only tablets and desktop */ -@media (min-width: 768px) { - [class*='uk-push-'], - [class*='uk-pull-'] { - position: relative; - } - /* - * Push - */ - /* Halves */ - .uk-push-1-2, - .uk-push-2-4, - .uk-push-3-6, - .uk-push-5-10 { - left: 50%; - } - /* Thirds */ - .uk-push-1-3, - .uk-push-2-6 { - left: 33.333%; - } - .uk-push-2-3, - .uk-push-4-6 { - left: 66.666%; - } - /* Quarters */ - .uk-push-1-4 { - left: 25%; - } - .uk-push-3-4 { - left: 75%; - } - /* Fifths */ - .uk-push-1-5, - .uk-push-2-10 { - left: 20%; - } - .uk-push-2-5, - .uk-push-4-10 { - left: 40%; - } - .uk-push-3-5, - .uk-push-6-10 { - left: 60%; - } - .uk-push-4-5, - .uk-push-8-10 { - left: 80%; - } - /* Sixths */ - .uk-push-1-6 { - left: 16.666%; - } - .uk-push-5-6 { - left: 83.333%; - } - /* Tenths */ - .uk-push-1-10 { - left: 10%; - } - .uk-push-3-10 { - left: 30%; - } - .uk-push-7-10 { - left: 70%; - } - .uk-push-9-10 { - left: 90%; - } - /* - * Pull - */ - /* Halves */ - .uk-pull-1-2, - .uk-pull-2-4, - .uk-pull-3-6, - .uk-pull-5-10 { - left: -50%; - } - /* Thirds */ - .uk-pull-1-3, - .uk-pull-2-6 { - left: -33.333%; - } - .uk-pull-2-3, - .uk-pull-4-6 { - left: -66.666%; - } - /* Quarters */ - .uk-pull-1-4 { - left: -25%; - } - .uk-pull-3-4 { - left: -75%; - } - /* Fifths */ - .uk-pull-1-5, - .uk-pull-2-10 { - left: -20%; - } - .uk-pull-2-5, - .uk-pull-4-10 { - left: -40%; - } - .uk-pull-3-5, - .uk-pull-6-10 { - left: -60%; - } - .uk-pull-4-5, - .uk-pull-8-10 { - left: -80%; - } - /* Sixths */ - .uk-pull-1-6 { - left: -16.666%; - } - .uk-pull-5-6 { - left: -83.333%; - } - /* Tenths */ - .uk-pull-1-10 { - left: -10%; - } - .uk-pull-3-10 { - left: -30%; - } - .uk-pull-7-10 { - left: -70%; - } - .uk-pull-9-10 { - left: -90%; - } +.uk-description-list > dt { + color: #333; + font-size: 0.875rem; + font-weight: normal; + text-transform: uppercase; +} +.uk-description-list > dt:nth-child(n+2) { + margin-top: 20px; +} +/* + * Description + */ +/* Style modifier + ========================================================================== */ +/* + * Line + */ +.uk-description-list-divider > dt:nth-child(n+2) { + margin-top: 20px; + padding-top: 20px; + border-top: 1px solid #e5e5e5; } /* ======================================================================== - Component: Panel + Component: Table ========================================================================== */ /* - * 1. Needed for `a` elements - * 2. Create position context for badges + * 1. Remove most spacing between table cells. + * 2. Behave like a block element + * 3. Style */ -.uk-panel { +.uk-table { /* 1 */ - display: block; + border-collapse: collapse; + border-spacing: 0; /* 2 */ - position: relative; + width: 100%; + /* 3 */ + margin-bottom: 20px; +} +/* Add margin if adjacent element */ +* + .uk-table { + margin-top: 20px; } +/* Header cell + ========================================================================== */ /* - * Micro clearfix to make panels more robust + * 1. Style */ -.uk-panel:before, -.uk-panel:after { - content: " "; - display: table; +.uk-table th { + padding: 16px 12px; + text-align: left; + vertical-align: bottom; + /* 1 */ + font-size: 0.875rem; + font-weight: normal; + color: #999; + text-transform: uppercase; } -.uk-panel:after { - clear: both; +/* Cell + ========================================================================== */ +.uk-table td { + padding: 16px 12px; + vertical-align: top; } /* - * Remove margin from the last-child if not `uk-widget-title` + * Remove margin from the last-child */ -.uk-panel > :not(.uk-panel-title):last-child { +.uk-table td > :last-child { margin-bottom: 0; } -/* Sub-object: `uk-panel-title` +/* Footer ========================================================================== */ -.uk-panel-title { - margin-top: 0; - margin-bottom: 15px; - font-size: 18px; - line-height: 24px; - font-weight: normal; - text-transform: none; - color: #444444; +.uk-table tfoot { + font-size: 0.875rem; } -/* Sub-object: `uk-panel-badge` +/* Caption ========================================================================== */ -.uk-panel-badge { - position: absolute; - top: 0; - right: 0; - z-index: 1; +.uk-table caption { + font-size: 0.875rem; + text-align: left; + color: #999; } -/* Modifier: `uk-panel-box` +/* Alignment modifier ========================================================================== */ -.uk-panel-box { - padding: 15px; - background: #f5f5f5; - color: #444444; -} -.uk-panel-box .uk-panel-title { - color: #444444; -} -.uk-panel-box .uk-panel-badge { - top: 10px; - right: 10px; -} -.uk-panel-box .uk-panel-teaser { - margin: -15px -15px 15px -15px; +.uk-table-middle, +.uk-table-middle td { + vertical-align: middle !important; } +/* Style modifiers + ========================================================================== */ /* - * Nav in panel + * Divider */ -.uk-panel-box > .uk-nav-side { - margin: 0 -15px; +.uk-table-divider > tr:not(:first-child), +.uk-table-divider > :not(:first-child) > tr, +.uk-table-divider > :first-child > tr:not(:first-child) { + border-top: 1px solid #e5e5e5; } /* - * Sub-modifier: `uk-panel-box-primary` + * Striped */ -.uk-panel-box-primary { - background-color: #ebf7fd; - color: #2d7091; -} -.uk-panel-box-primary .uk-panel-title { - color: #2d7091; +.uk-table-striped > tr:nth-of-type(odd), +.uk-table-striped tbody tr:nth-of-type(odd) { + background: #f8f8f8; + border-top: 1px solid #e5e5e5; + border-bottom: 1px solid #e5e5e5; } /* - * Sub-modifier: `uk-panel-box-secondary` + * Hover */ -.uk-panel-box-secondary { - background-color: #eeeeee; - color: #444444; +.uk-table-hover > tr:hover, +.uk-table-hover tbody tr:hover { + background: #ffd; +} +/* Active state + ========================================================================== */ +.uk-table > tr.uk-active, +.uk-table tbody tr.uk-active { + background: #ffd; +} +/* Size modifier + ========================================================================== */ +.uk-table-small th, +.uk-table-small td { + padding: 10px 12px; } -.uk-panel-box-secondary .uk-panel-title { - color: #444444; +.uk-table-large th, +.uk-table-large td { + padding: 22px 12px; } -/* Modifier: `uk-panel-header` +/* Justify modifier ========================================================================== */ -.uk-panel-header .uk-panel-title { - padding-bottom: 10px; - border-bottom: 1px solid #dddddd; - color: #444444; +.uk-table-justify th:first-child, +.uk-table-justify td:first-child { + padding-left: 0; } -/* Modifier: `uk-panel-space` +.uk-table-justify th:last-child, +.uk-table-justify td:last-child { + padding-right: 0; +} +/* Cell size modifier ========================================================================== */ -.uk-panel-space { - padding: 30px; +.uk-table-shrink { + width: 1px; } -.uk-panel-space .uk-panel-badge { - top: 30px; - right: 30px; +.uk-table-expand { + min-width: 150px; } -/* Modifier: `uk-panel-divider` +/* Cell link modifier ========================================================================== */ -.uk-panel + .uk-panel-divider { - margin-top: 50px !important; +/* + * Does not work with `uk-table-justify` at the moment + */ +.uk-table-link { + padding: 0 !important; } -.uk-panel + .uk-panel-divider:before { - content: ""; +.uk-table-link > a { display: block; - position: absolute; - top: -25px; - left: 0; - right: 0; - border-top: 1px solid #dddddd; + padding: 16px 12px; } -/* Only large screens */ -@media (min-width: 1220px) { - .uk-panel + .uk-panel-divider { - margin-top: 70px !important; +.uk-table-small .uk-table-link > a { + padding: 10px 12px; +} +/* Responsive table + ========================================================================== */ +/* Phone landscape and smaller */ +@media (max-width: 959px) { + .uk-table-responsive, + .uk-table-responsive tbody, + .uk-table-responsive th, + .uk-table-responsive td, + .uk-table-responsive tr { + display: block; + } + .uk-table-responsive thead { + display: none; + } + .uk-table-responsive th, + .uk-table-responsive td { + width: auto !important; + max-width: none !important; + min-width: 0 !important; + overflow: visible !important; + white-space: normal !important; } - .uk-panel + .uk-panel-divider:before { - top: -35px; + .uk-table-responsive th:not(:first-child):not(.uk-table-link), + .uk-table-responsive td:not(:first-child):not(.uk-table-link), + .uk-table-responsive .uk-table-link:not(:first-child) > a { + padding-top: 5px !important; + } + .uk-table-responsive th:not(:last-child):not(.uk-table-link), + .uk-table-responsive td:not(:last-child):not(.uk-table-link), + .uk-table-responsive .uk-table-link:not(:last-child) > a { + padding-bottom: 5px !important; + } + .uk-table-justify.uk-table-responsive th, + .uk-table-justify.uk-table-responsive td { + padding-left: 0; + padding-right: 0; } } +.uk-table tbody tr { + transition: background-color 0.1s linear; +} /* ======================================================================== - Component: Article + Component: Icon ========================================================================== */ /* - * Micro clearfix to make articles more robust + * Note: 1. - 7. is required for `button` elements. Needed for Close and Form Icon component. + * 1. Remove margins in Chrome, Safari and Opera. + * 2. Remove borders for `button`. + * 3. Remove border-radius in Chrome. + * 4. Address `overflow` set to `hidden` in IE. + * 5. Correct `font` properties and `color` not being inherited for `button`. + * 6. Remove the inheritance of text transform in Edge, Firefox, and IE. + * 7. Remove default `button` padding and background color + * 8. Style + * 9. Fill all SVG elements with the current text color if no `fill` attribute is set + * 10. Let the container fit the height of the icon */ -.uk-article:before, -.uk-article:after { - content: " "; - display: table; +.uk-icon { + /* 1 */ + margin: 0; + /* 2 */ + border: none; + /* 3 */ + border-radius: 0; + /* 4 */ + overflow: visible; + /* 5 */ + font: inherit; + color: inherit; + /* 6 */ + text-transform: none; + /* 7. */ + padding: 0; + background-color: transparent; + /* 8 */ + display: inline-block; + /* 9 */ + fill: currentcolor; + /* 10 */ + line-height: 0; } -.uk-article:after { - clear: both; +/* Required for `button`. */ +button.uk-icon:not(:disabled) { + cursor: pointer; } /* - * Remove margin from the last-child + * Remove the inner border and padding in Firefox. */ -.uk-article > :last-child { - margin-bottom: 0; +.uk-icon::-moz-focus-inner { + border: 0; + padding: 0; } /* - * Vertical gutter for articles + * Set the fill and stroke color of all SVG elements to the current text color */ -.uk-article + .uk-article { - margin-top: 15px; -} -/* Sub-object `uk-article-title` - ========================================================================== */ -.uk-article-title { - font-size: 36px; - line-height: 42px; - font-weight: normal; - text-transform: none; +.uk-icon:not(.uk-preserve) [fill*='#']:not(.uk-preserve) { + fill: currentcolor; } -.uk-article-title a { - color: inherit; - text-decoration: none; +.uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) { + stroke: currentcolor; } -/* Sub-object `uk-article-meta` - ========================================================================== */ -.uk-article-meta { - font-size: 12px; - line-height: 18px; - color: #999999; +/* + * Fix Firefox blurry SVG rendering: https://bugzilla.mozilla.org/show_bug.cgi?id=1046835 + */ +.uk-icon > * { + transform: translate(0, 0); } -/* Sub-object `uk-article-lead` +/* Image modifier ========================================================================== */ -.uk-article-lead { - color: #444444; - font-size: 18px; - line-height: 24px; - font-weight: normal; +/* + * Display images in icon dimensions + */ +.uk-icon-image { + width: 20px; + height: 20px; + background-position: 50% 50%; + background-repeat: no-repeat; + background-size: contain; + vertical-align: middle; } -/* Sub-object `uk-article-divider` +/* Style modifiers ========================================================================== */ -.uk-article-divider { - margin-bottom: 25px; - border-color: #dddddd; +/* + * Link + */ +.uk-icon-link { + color: #999; } -* + .uk-article-divider { - margin-top: 25px; +.uk-icon-link:hover, +.uk-icon-link:focus { + color: #666; + outline: none; } -/* ======================================================================== - Component: Comment - ========================================================================== */ -/* Sub-object `uk-comment-header` - ========================================================================== */ -.uk-comment-header { - margin-bottom: 15px; +/* OnClick + Active */ +.uk-icon-link:active, +.uk-active > .uk-icon-link { + color: #595959; } /* - * Micro clearfix + * Button + * 1. Center icon vertically and horizontally */ -.uk-comment-header:before, -.uk-comment-header:after { - content: " "; - display: table; +.uk-icon-button { + box-sizing: border-box; + width: 36px; + height: 36px; + border-radius: 500px; + background: #f8f8f8; + color: #999; + vertical-align: middle; + /* 1 */ + display: inline-flex; + justify-content: center; + align-items: center; + transition: 0.1s ease-in-out; + transition-property: color, background-color; } -.uk-comment-header:after { - clear: both; +/* Hover + Focus */ +.uk-icon-button:hover, +.uk-icon-button:focus { + background-color: #ebebeb; + color: #666; + outline: none; } -/* Sub-object `uk-comment-avatar` - ========================================================================== */ -.uk-comment-avatar { - margin-right: 15px; - float: left; +/* OnClick + Active */ +.uk-icon-button:active, +.uk-active > .uk-icon-button { + background-color: #dfdfdf; + color: #666; } -/* Sub-object `uk-comment-title` - ========================================================================== */ -.uk-comment-title { - margin: 5px 0 0 0; - font-size: 16px; - line-height: 22px; -} -/* Sub-object `uk-comment-meta` - ========================================================================== */ -.uk-comment-meta { - margin: 2px 0 0 0; - font-size: 11px; - line-height: 16px; - color: #999999; -} -/* Sub-object `uk-comment-body` +/* ======================================================================== + Component: Form Range ========================================================================== */ /* - * Remove margin from the last-child + * 1. Normalize and defaults + * 2. Prevent content overflow if a fixed width is used + * 3. Take the full width + * 4. Remove default style + * 5. Remove white background in Chrome + * 6. Remove padding in IE11 */ -.uk-comment-body > :last-child { - margin-bottom: 0; -} -/* Sub-object `uk-comment-list` - ========================================================================== */ -.uk-comment-list { +.uk-range { + /* 1 */ + box-sizing: border-box; + margin: 0; + vertical-align: middle; + /* 2 */ + max-width: 100%; + /* 3 */ + width: 100%; + /* 4 */ + -webkit-appearance: none; + /* 5 */ + background: transparent; + /* 6 */ padding: 0; - list-style: none; } -.uk-comment-list .uk-comment + ul { - margin: 15px 0 0 0; - list-style: none; -} -.uk-comment-list > li:nth-child(n+2), -.uk-comment-list .uk-comment + ul > li:nth-child(n+2) { - margin-top: 15px; +/* Focus */ +.uk-range:focus { + outline: none; } -/* Only tablets and desktops */ -@media (min-width: 768px) { - .uk-comment-list .uk-comment + ul { - padding-left: 100px; - } +.uk-range::-moz-focus-outer { + border: none; } -/* Modifier `uk-comment-primary` - ========================================================================== */ -/* ======================================================================== - Component: Nav - ========================================================================== */ -.uk-nav, -.uk-nav ul { - margin: 0; - padding: 0; - list-style: none; +/* IE11 Reset */ +.uk-range::-ms-track { + height: 15px; + background: transparent; + border-color: transparent; + color: transparent; } /* - * Items + * Improves consistency of cursor style for clickable elements */ -.uk-nav li > a { - display: block; - text-decoration: none; +.uk-range:not(:disabled)::-webkit-slider-thumb { + cursor: pointer; } -.uk-nav > li > a { - padding: 5px 15px; +.uk-range:not(:disabled)::-moz-range-thumb { + cursor: pointer; +} +.uk-range:not(:disabled)::-ms-thumb { + cursor: pointer; } +/* Thumb + ========================================================================== */ /* - * Nested items + * 1. Reset + * 2. Style */ -.uk-nav ul { - padding-left: 15px; +/* Webkit */ +.uk-range::-webkit-slider-thumb { + /* 1 */ + -webkit-appearance: none; + margin-top: -7px; + /* 2 */ + height: 15px; + width: 15px; + border-radius: 500px; + background: #fff; + border: 1px solid #cccccc; +} +/* Firefox */ +.uk-range::-moz-range-thumb { + /* 1 */ + border: none; + /* 2 */ + height: 15px; + width: 15px; + border-radius: 500px; + background: #fff; + border: 1px solid #cccccc; +} +/* Edge */ +.uk-range::-ms-thumb { + /* 1 */ + margin-top: 0; } -.uk-nav ul a { - padding: 2px 0; +/* IE11 */ +.uk-range::-ms-thumb { + /* 1 */ + border: none; + /* 2 */ + height: 15px; + width: 15px; + border-radius: 500px; + background: #fff; + border: 1px solid #cccccc; +} +/* Edge + IE11 */ +.uk-range::-ms-tooltip { + display: none; } +/* Track + ========================================================================== */ /* - * Item subtitle + * 1. Safari doesn't have a focus state. Using active instead. */ -.uk-nav li > a > div { - font-size: 12px; - line-height: 18px; +/* Webkit */ +.uk-range::-webkit-slider-runnable-track { + height: 3px; + background: #ebebeb; + border-radius: 500px; } -/* Sub-object: `uk-nav-header` - ========================================================================== */ -.uk-nav-header { - padding: 5px 15px; - text-transform: uppercase; - font-weight: bold; - font-size: 12px; -} -.uk-nav-header:not(:first-child) { - margin-top: 15px; +.uk-range:focus::-webkit-slider-runnable-track, +.uk-range:active::-webkit-slider-runnable-track { + background: #d2d2d2; } -/* Sub-object: `uk-nav-divider` - ========================================================================== */ -.uk-nav-divider { - margin: 9px 15px; +/* Firefox */ +.uk-range::-moz-range-track { + height: 3px; + background: #ebebeb; + border-radius: 500px; } -/* Sub-object: `uk-nav-sub` - ========================================================================== */ -/* - * `ul` needed for higher specificity to override padding - */ -ul.uk-nav-sub { - padding: 5px 0 5px 15px; +.uk-range:focus::-moz-range-track { + background: #d2d2d2; } -/* Modifier: `uk-nav-parent-icon` - ========================================================================== */ -.uk-nav-parent-icon > .uk-parent > a:after { - content: "\f104"; - width: 20px; - margin-right: -10px; - float: right; - font-family: FontAwesome; - text-align: center; +/* Edge */ +.uk-range::-ms-fill-lower, +.uk-range::-ms-fill-upper { + height: 3px; + background: #ebebeb; + border-radius: 500px; } -.uk-nav-parent-icon > .uk-parent.uk-open > a:after { - content: "\f107"; +.uk-range:focus::-ms-fill-lower, +.uk-range:focus::-ms-fill-upper { + background: #d2d2d2; } -/* Modifier `uk-nav-side` +/* ======================================================================== + Component: Form ========================================================================== */ /* - * Items - */ -.uk-nav-side > li > a { - color: #444444; + * 1. Define consistent box sizing. + * Default is `content-box` with following exceptions set to `border-box` + * `select`, `input[type="checkbox"]` and `input[type="radio"]` + * `input[type="search"]` in Chrome, Safari and Opera + * `input[type="color"]` in Firefox + * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera. + * 3. Remove `border-radius` in iOS. + * 4. Change font properties to `inherit` in all browsers. + */ +.uk-input, +.uk-select, +.uk-textarea, +.uk-radio, +.uk-checkbox { + /* 1 */ + box-sizing: border-box; + /* 2 */ + margin: 0; + /* 3 */ + border-radius: 0; + /* 4 */ + font: inherit; } /* - * Hover - * 1. Apply hover style also to focus state - * 2. Remove default focus style + * Show the overflow in Edge. */ -.uk-nav-side > li > a:hover, -.uk-nav-side > li > a:focus { - background: rgba(0, 0, 0, 0.05); - color: #444444; - /* 2 */ - outline: none; -} -/* Active */ -.uk-nav-side > li.uk-active > a { - background: #00a8e6; - color: #ffffff; +.uk-input { + overflow: visible; } /* - * Sub-object: `uk-nav-header` + * Remove the inheritance of text transform in Firefox. */ -.uk-nav-side .uk-nav-header { - color: #444444; +.uk-select { + text-transform: none; } /* - * Sub-object: `uk-nav-divider` + * 1. Change font properties to `inherit` in all browsers + * 2. Don't inherit the `font-weight` and use `bold` instead. + * NOTE: Both declarations don't work in Chrome, Safari and Opera. */ -.uk-nav-side .uk-nav-divider { - border-top: 1px solid #dddddd; +.uk-select optgroup { + /* 1 */ + font: inherit; + /* 2 */ + font-weight: bold; } /* - * Nested items + * Remove the default vertical scrollbar in IE 10+. */ -.uk-nav-side ul a { - color: #0077dd; -} -.uk-nav-side ul a:hover { - color: #005599; +.uk-textarea { + overflow: auto; } -/* Modifier `uk-nav-dropdown` - ========================================================================== */ /* - * Items + * Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X. */ -.uk-nav-dropdown > li > a { - color: #444444; +.uk-input[type="search"]::-webkit-search-cancel-button, +.uk-input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; } /* - * Hover - * 1. Apply hover style also to focus state - * 2. Remove default focus style + * Correct the cursor style of increment and decrement buttons in Chrome. */ -.uk-nav-dropdown > li > a:hover, -.uk-nav-dropdown > li > a:focus { - background: #00a8e6; - color: #ffffff; - /* 2 */ - outline: none; +.uk-input[type="number"]::-webkit-inner-spin-button, +.uk-input[type="number"]::-webkit-outer-spin-button { + height: auto; } /* - * Sub-object: `uk-nav-header` + * Removes placeholder transparency in Firefox. */ -.uk-nav-dropdown .uk-nav-header { - color: #999999; +.uk-input::-moz-placeholder, +.uk-textarea::-moz-placeholder { + opacity: 1; } /* - * Sub-object: `uk-nav-divider` + * Improves consistency of cursor style for clickable elements */ -.uk-nav-dropdown .uk-nav-divider { - border-top: 1px solid #dddddd; +.uk-radio:not(:disabled), +.uk-checkbox:not(:disabled) { + cursor: pointer; } /* - * Nested items + * Define consistent border, margin, and padding. */ -.uk-nav-dropdown ul a { - color: #0077dd; -} -.uk-nav-dropdown ul a:hover { - color: #005599; +.uk-fieldset { + border: none; + margin: 0; + padding: 0; } -/* Modifier `uk-nav-navbar` +/* Input, select and textarea + * Allowed: `text`, `password`, `datetime`, `datetime-local`, `date`, `month`, + `time`, `week`, `number`, `email`, `url`, `search`, `tel`, `color` + * Disallowed: `range`, `radio`, `checkbox`, `file`, `submit`, `reset` and `image` ========================================================================== */ /* - * Items + * Remove default style in iOS. */ -.uk-nav-navbar > li > a { - color: #444444; +.uk-input, +.uk-textarea { + -webkit-appearance: none; } /* - * Hover - * 1. Apply hover style also to focus state - * 2. Remove default focus style + * 1. Prevent content overflow if a fixed width is used + * 2. Take the full width + * 3. Reset default + * 4. Style */ -.uk-nav-navbar > li > a:hover, -.uk-nav-navbar > li > a:focus { - background: #00a8e6; - color: #ffffff; +.uk-input, +.uk-select, +.uk-textarea { + /* 1 */ + max-width: 100%; /* 2 */ - outline: none; + width: 100%; + /* 3 */ + border: 0 none; + /* 4 */ + padding: 0 10px; + background: #fff; + color: #666; + border: 1px solid #e5e5e5; + transition: 0.2s ease-in-out; + transition-property: color, background-color, border; } /* - * Sub-object: `uk-nav-header` + * Single-line + * 1. Allow any element to look like an `input` or `select` element + * 2. Make sure line-height is not larger than height + * Also needed to center the text vertically */ -.uk-nav-navbar .uk-nav-header { - color: #999999; +.uk-input, +.uk-select:not([multiple]):not([size]) { + height: 40px; + vertical-align: middle; + /* 1 */ + display: inline-block; +} +/* 2 */ +.uk-input:not(input), +.uk-select:not(select) { + line-height: 38px; } /* - * Sub-object: `uk-nav-divider` + * Multi-line */ -.uk-nav-navbar .uk-nav-divider { - border-top: 1px solid #dddddd; +.uk-select[multiple], +.uk-select[size], +.uk-textarea { + padding-top: 4px; + padding-bottom: 4px; + vertical-align: top; +} +/* Focus */ +.uk-input:focus, +.uk-select:focus, +.uk-textarea:focus { + outline: none; + background-color: #fff; + color: #666; + border-color: #1e87f0; +} +/* Disabled */ +.uk-input:disabled, +.uk-select:disabled, +.uk-textarea:disabled { + background-color: #f8f8f8; + color: #999; + border-color: #e5e5e5; } /* - * Nested items + * Placeholder */ -.uk-nav-navbar ul a { - color: #0077dd; +.uk-input::-ms-input-placeholder { + color: #999 !important; +} +.uk-input::placeholder { + color: #999; } -.uk-nav-navbar ul a:hover { - color: #005599; +.uk-textarea::-ms-input-placeholder { + color: #999 !important; } -/* Modifier `uk-nav-search` +.uk-textarea::placeholder { + color: #999; +} +/* Style modifier (`uk-input`, `uk-select` and `uk-textarea`) ========================================================================== */ /* - * Items + * Small */ -.uk-nav-search > li > a { - color: #444444; +.uk-form-small { + font-size: 0.875rem; +} +.uk-form-small:not(textarea):not([multiple]):not([size]) { + height: 30px; + padding-left: 8px; + padding-right: 8px; +} +.uk-form-small:not(select):not(input):not(textarea) { + line-height: 28px; } /* - * Active - * 1. Remove default focus style + * Large */ -.uk-nav-search > li.uk-active > a { - background: #00a8e6; - color: #ffffff; - /* 1 */ - outline: none; +.uk-form-large { + font-size: 1.25rem; +} +.uk-form-large:not(textarea):not([multiple]):not([size]) { + height: 55px; + padding-left: 12px; + padding-right: 12px; } +.uk-form-large:not(select):not(input):not(textarea) { + line-height: 53px; +} +/* Style modifier (`uk-input`, `uk-select` and `uk-textarea`) + ========================================================================== */ /* - * Sub-object: `uk-nav-header` + * Error */ -.uk-nav-search .uk-nav-header { - color: #999999; +.uk-form-danger, +.uk-form-danger:focus { + color: #f0506e; + border-color: #f0506e; } /* - * Sub-object: `uk-nav-divider` + * Success */ -.uk-nav-search .uk-nav-divider { - border-top: 1px solid #dddddd; +.uk-form-success, +.uk-form-success:focus { + color: #32d296; + border-color: #32d296; } /* - * Nested items + * Blank */ -.uk-nav-search ul a { - color: #0077dd; +.uk-form-blank { + background: none; + border-color: transparent; } -.uk-nav-search ul a:hover { - color: #005599; +.uk-form-blank:focus { + border-color: #e5e5e5; + border-style: dashed; } -/* Modifier `uk-nav-offcanvas` +/* Width modifiers (`uk-input`, `uk-select` and `uk-textarea`) ========================================================================== */ /* - * Items + * Fixed widths + * Different widths for mini sized `input` and `select` elements */ -.uk-nav-offcanvas > li > a { - color: #cccccc; - padding: 10px 15px; +input.uk-form-width-xsmall { + width: 50px; +} +select.uk-form-width-xsmall { + width: 75px; +} +.uk-form-width-small { + width: 130px; +} +.uk-form-width-medium { + width: 200px; +} +.uk-form-width-large { + width: 500px; } +/* Select + ========================================================================== */ /* - * Hover - * No hover on touch devices because it behaves buggy in fixed offcanvas - * 1. Apply hover style also to focus state - * 2. Remove default focus style - */ -.uk-nav-offcanvas > .uk-open > a, -html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover, -html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus { - background: #404040; - color: #ffffff; + * 1. Remove default style. Also works in Firefox + * 2. Style + * 3. Remove default style in IE 10/11 + * 4. Set `color` for options in the select dropdown, because the inherited `color` might be too light. + */ +.uk-select:not([multiple]):not([size]) { + /* 1 */ + -webkit-appearance: none; + -moz-appearance: none; /* 2 */ - outline: none; + padding-right: 20px; + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); + background-repeat: no-repeat; + background-position: 100% 50%; +} +/* 3 */ +.uk-select:not([multiple]):not([size])::-ms-expand { + display: none; +} +/* 4 */ +.uk-select:not([multiple]):not([size]) option { + color: #444; } /* - * Active - * `html .uk-nav` needed for higher specificity to override hover + * Disabled */ -html .uk-nav.uk-nav-offcanvas > li.uk-active > a { - background: #1a1a1a; - color: #ffffff; +.uk-select:not([multiple]):not([size]):disabled { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); } +/* Datalist + ========================================================================== */ /* - * Sub-object: `uk-nav-header` + * 1. Remove default style in Chrome */ -.uk-nav-offcanvas .uk-nav-header { - color: #777777; +.uk-input[list] { + padding-right: 20px; + background-repeat: no-repeat; + background-position: 100% 50%; +} +.uk-input[list]:hover, +.uk-input[list]:focus { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); +} +/* 1 */ +.uk-input[list]::-webkit-calendar-picker-indicator { + display: none; } +/* Radio and checkbox + * Note: Does not work in IE11 + ========================================================================== */ /* - * Sub-object: `uk-nav-divider` + * 1. Style + * 2. Make box more robust so it clips the child element + * 3. Vertical alignment + * 4. Remove default style + * 5. Fix black background on iOS + * 6. Center icons */ -.uk-nav-offcanvas .uk-nav-divider { - border-top: 1px solid #1a1a1a; +.uk-radio, +.uk-checkbox { + /* 1 */ + display: inline-block; + height: 16px; + width: 16px; + /* 2 */ + overflow: hidden; + /* 3 */ + margin-top: -4px; + vertical-align: middle; + /* 4 */ + -webkit-appearance: none; + -moz-appearance: none; + /* 5 */ + background-color: transparent; + /* 6 */ + background-repeat: no-repeat; + background-position: 50% 50%; + border: 1px solid #cccccc; + transition: 0.2s ease-in-out; + transition-property: background-color, border; +} +.uk-radio { + border-radius: 50%; +} +/* Focus */ +.uk-radio:focus, +.uk-checkbox:focus { + outline: none; + border-color: #1e87f0; } /* - * Nested items - * No hover on touch devices because it behaves buggy in fixed offcanvas + * Checked */ -.uk-nav-offcanvas ul a { - color: #cccccc; -} -html:not(.uk-touch) .uk-nav-offcanvas ul a:hover { - color: #ffffff; +.uk-radio:checked, +.uk-checkbox:checked, +.uk-checkbox:indeterminate { + background-color: #1e87f0; + border-color: transparent; } -/* ======================================================================== - Component: Navbar - ========================================================================== */ -.uk-navbar { - background: #eeeeee; - color: #444444; +/* Focus */ +.uk-radio:checked:focus, +.uk-checkbox:checked:focus, +.uk-checkbox:indeterminate:focus { + background-color: #0e6dcd; } /* - * Micro clearfix + * Icons */ -.uk-navbar:before, -.uk-navbar:after { - content: " "; - display: table; +.uk-radio:checked { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E"); } -.uk-navbar:after { - clear: both; +.uk-checkbox:checked { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); } -/* Sub-object: `uk-navbar-nav` - ========================================================================== */ -.uk-navbar-nav { - margin: 0; - padding: 0; - list-style: none; - float: left; +.uk-checkbox:indeterminate { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23fff%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E"); } /* - * 1. Create position context for dropdowns + * Disabled */ -.uk-navbar-nav > li { - float: left; - /* 1 */ - position: relative; +.uk-radio:disabled, +.uk-checkbox:disabled { + background-color: #f8f8f8; + border-color: #e5e5e5; +} +.uk-radio:disabled:checked { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23999%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +.uk-checkbox:disabled:checked { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); } +.uk-checkbox:disabled:indeterminate { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23999%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +/* Legend + ========================================================================== */ /* - * 1. Dimensions - * 2. Style + * Legend + * 1. Behave like block element + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove padding so people aren't caught out if they zero out fieldsets. + * 4. Style */ -.uk-navbar-nav > li > a { - display: block; - -moz-box-sizing: border-box; - box-sizing: border-box; - text-decoration: none; +.uk-legend { /* 1 */ - height: 40px; - padding: 0 15px; - line-height: 40px; + width: 100%; /* 2 */ - color: #444444; - font-size: 14px; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-weight: normal; -} -/* Appear not as link */ -.uk-navbar-nav > li > a[href='#'] { - cursor: text; + color: inherit; + /* 3 */ + padding: 0; + /* 4 */ + font-size: 1.5rem; + line-height: 1.4; } +/* Custom controls + ========================================================================== */ /* - * Hover - * 1. Apply hover style also to focus state - * 2. Also apply if dropdown is opened - * 3. Remove default focus style + * 1. Container fits its content + * 2. Create position context + * 3. Prevent content overflow + * 4. Behave like most inline-block elements */ -.uk-navbar-nav > li:hover > a, -.uk-navbar-nav > li > a:focus, -.uk-navbar-nav > li.uk-open > a { - background-color: #f5f5f5; - color: #444444; +.uk-form-custom { + /* 1 */ + display: inline-block; + /* 2 */ + position: relative; /* 3 */ - outline: none; + max-width: 100%; + /* 4 */ + vertical-align: middle; } -/* OnClick */ -.uk-navbar-nav > li > a:active { - background-color: #dddddd; - color: #444444; +/* + * 1. Position and resize the form control to always cover its container + * 2. Required for Firefox for positioning to the left + * 3. Required for Webkit to make `height` work + * 4. Hide controle and show cursor + * 5. Needed for the cursor + * 6. Clip height caused by 5. Needed for Webkit only + */ +.uk-form-custom select, +.uk-form-custom input[type="file"] { + /* 1 */ + position: absolute; + top: 0; + z-index: 1; + width: 100%; + height: 100%; + /* 2 */ + left: 0; + /* 3 */ + -webkit-appearance: none; + /* 4 */ + opacity: 0; + cursor: pointer; } -/* Active */ -.uk-navbar-nav > li.uk-active > a { - background-color: #f5f5f5; - color: #444444; +.uk-form-custom input[type="file"] { + /* 5 */ + font-size: 500px; + /* 6 */ + overflow: hidden; } -/* Sub-objects: `uk-navbar-nav-subtitle` +/* Label ========================================================================== */ -.uk-navbar-nav .uk-navbar-nav-subtitle { - line-height: 28px; +.uk-form-label { + color: #333; + font-size: 0.875rem; } -.uk-navbar-nav-subtitle > div { - margin-top: -6px; - font-size: 10px; - line-height: 12px; -} -/* Sub-objects: `uk-navbar-content`, `uk-navbar-brand`, `uk-navbar-toggle` +/* Layout ========================================================================== */ /* - * Imitate navbar items + * Stacked */ -.uk-navbar-content, -.uk-navbar-brand, -.uk-navbar-toggle { - -moz-box-sizing: border-box; - box-sizing: border-box; +.uk-form-stacked .uk-form-label { display: block; - height: 40px; - padding: 0 15px; - float: left; + margin-bottom: 5px; } /* - * Helper to center all child elements vertically + * Horizontal */ -.uk-navbar-content:before, -.uk-navbar-brand:before, -.uk-navbar-toggle:before { - content: ''; - display: inline-block; - height: 100%; - vertical-align: middle; +/* Tablet portrait and smaller */ +@media (max-width: 959px) { + /* Behave like `uk-form-stacked` */ + .uk-form-horizontal .uk-form-label { + display: block; + margin-bottom: 5px; + } } -/* Sub-objects: `uk-navbar-content` +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-form-horizontal .uk-form-label { + width: 200px; + margin-top: 7px; + float: left; + } + .uk-form-horizontal .uk-form-controls { + margin-left: 215px; + } + /* Better vertical alignment if controls are checkboxes and radio buttons with text */ + .uk-form-horizontal .uk-form-controls-text { + padding-top: 7px; + } +} +/* Icons ========================================================================== */ /* - * Better sibling spacing + * 1. Set position + * 2. Set width + * 3. Center icon vertically and horizontally + * 4. Style */ -.uk-navbar-content + .uk-navbar-content:not(.uk-navbar-center) { - padding-left: 0; +.uk-form-icon { + /* 1 */ + position: absolute; + top: 0; + bottom: 0; + left: 0; + /* 2 */ + width: 40px; + /* 3 */ + display: inline-flex; + justify-content: center; + align-items: center; + /* 4 */ + color: #999; } /* - * Link colors + * Required for `a`. */ -.uk-navbar-content > a:not([class]) { - color: #0077dd; -} -.uk-navbar-content > a:not([class]):hover { - color: #005599; -} -/* Sub-objects: `uk-navbar-brand` - ========================================================================== */ -.uk-navbar-brand { - font-size: 18px; - color: #444444; +.uk-form-icon:hover { + color: #666; } /* - * 1. Apply hover style also to focus state - * 2. Remove default focus style + * Make `input` element clickable through icon, e.g. if it's a `span` */ -.uk-navbar-brand:hover, -.uk-navbar-brand:focus { - color: #444444; - text-decoration: none; - /* 2 */ - outline: none; -} -/* Sub-object: `uk-navbar-toggle` - ========================================================================== */ -.uk-navbar-toggle { - font-size: 18px; - color: #444444; +.uk-form-icon:not(a):not(button):not(input) { + pointer-events: none; } /* - * 1. Apply hover style also to focus state - * 2. Remove default focus style + * Input padding */ -.uk-navbar-toggle:hover, -.uk-navbar-toggle:focus { - color: #444444; - text-decoration: none; - /* 2 */ - outline: none; +.uk-form-icon:not(.uk-form-icon-flip) ~ .uk-input { + padding-left: 40px !important; } /* - * 1. Center icon vertically + * Position modifier */ -.uk-navbar-toggle:after { - content: "\f0c9"; - font-family: FontAwesome; - /* 1 */ - vertical-align: middle; +.uk-form-icon-flip { + right: 0; + left: auto; } -.uk-navbar-toggle-alt:after { - content: "\f002"; +.uk-form-icon-flip ~ .uk-input { + padding-right: 40px !important; } -/* Sub-object: `uk-navbar-center` +/* ======================================================================== + Component: Button ========================================================================== */ /* - * The element with this class needs to be last child in the navbar - * 1. This hack is needed because other float elements shift centered text + * 1. Remove margins in Chrome, Safari and Opera. + * 2. Remove borders for `button`. + * 3. Address `overflow` set to `hidden` in IE. + * 4. Correct `font` properties and `color` not being inherited for `button`. + * 5. Remove the inheritance of text transform in Edge, Firefox, and IE. + * 6. Remove default style for `input type="submit"`in iOS. + * 7. Style + * 8. `line-height` is used to create a height because it also centers the text vertically for `a` elements. + * Better would be to use height and flexbox to center the text vertically but flexbox doesn't work in Firefox on `button` elements. + * 9. Align text if button has a width + * 10. Required for `a`. */ -.uk-navbar-center { - float: none; - text-align: center; +.uk-button { /* 1 */ - max-width: 50%; - margin: auto; + margin: 0; + /* 2 */ + border: none; + /* 3 */ + overflow: visible; + /* 4 */ + font: inherit; + color: inherit; + /* 5 */ + text-transform: none; + /* 6 */ + -webkit-appearance: none; + border-radius: 0; + /* 7 */ + display: inline-block; + box-sizing: border-box; + padding: 0 30px; + vertical-align: middle; + font-size: 0.875rem; + /* 8 */ + line-height: 38px; + /* 9 */ + text-align: center; + /* 10 */ + text-decoration: none; + text-transform: uppercase; + transition: 0.1s ease-in-out; + transition-property: color, background-color, border-color; } -/* Sub-object: `uk-navbar-flip` - ========================================================================== */ -.uk-navbar-flip { - float: right; +.uk-button:not(:disabled) { + cursor: pointer; } -/* ======================================================================== - Component: Subnav - ========================================================================== */ /* - * 1. Remove default list style - * 2. Remove whitespace between child elements when using `inline-block` + * Remove the inner border and padding in Firefox. */ -.uk-subnav { - /* 1 */ +.uk-button::-moz-focus-inner { + border: 0; padding: 0; - list-style: none; - /* 2 */ - letter-spacing: -0.31em; } -/* Items +/* Hover */ +.uk-button:hover { + /* 9 */ + text-decoration: none; +} +/* Focus */ +.uk-button:focus { + outline: none; +} +/* OnClick + Active */ +/* Style modifiers ========================================================================== */ /* - * 1. Create position context for dropdowns - * 2. Reset whitespace hack + * Default */ -.uk-subnav > li { - /* 1 */ - position: relative; - /* 2 */ - letter-spacing: normal; +.uk-button-default { + background-color: transparent; + color: #333; + border: 1px solid #e5e5e5; } -.uk-subnav > li, -.uk-subnav > li > a, -.uk-subnav > li > span { - display: inline-block; +/* Hover + Focus */ +.uk-button-default:hover, +.uk-button-default:focus { + background-color: transparent; + color: #333; + border-color: #b2b2b2; } -.uk-subnav > li:nth-child(n+2) { - margin-left: 10px; +/* OnClick + Active */ +.uk-button-default:active, +.uk-button-default.uk-active { + background-color: transparent; + color: #333; + border-color: #999999; } /* - * Items + * Primary */ -.uk-subnav > li > a { - color: #0077dd; +.uk-button-primary { + background-color: #1e87f0; + color: #fff; + border: 1px solid transparent; +} +/* Hover + Focus */ +.uk-button-primary:hover, +.uk-button-primary:focus { + background-color: #0f7ae5; + color: #fff; } -.uk-subnav > li > a:hover { - color: #005599; +/* OnClick + Active */ +.uk-button-primary:active, +.uk-button-primary.uk-active { + background-color: #0e6dcd; + color: #fff; } /* - * Disabled + * Secondary */ -.uk-subnav > li > span { - color: #999999; +.uk-button-secondary { + background-color: #222; + color: #fff; + border: 1px solid transparent; } -/* Modifier: 'subnav-line' - ========================================================================== */ -.uk-subnav-line > li:nth-child(n+2):before { - content: ""; - display: inline-block; - height: 10px; - margin-right: 10px; - border-left: 1px solid #dddddd; +/* Hover + Focus */ +.uk-button-secondary:hover, +.uk-button-secondary:focus { + background-color: #151515; + color: #fff; } -/* Modifier: 'subnav-pill' - ========================================================================== */ -.uk-subnav-pill > li > a, -.uk-subnav-pill > li > span { - padding: 3px 9px; - text-decoration: none; +/* OnClick + Active */ +.uk-button-secondary:active, +.uk-button-secondary.uk-active { + background-color: #080808; + color: #fff; } /* - * Hover - * 1. Apply hover style also to focus state - * 2. Remove default focus style + * Danger */ -.uk-subnav-pill > li > a:hover, -.uk-subnav-pill > li > a:focus { - background: #eeeeee; - color: #444444; - /* 2 */ - outline: none; +.uk-button-danger { + background-color: #f0506e; + color: #fff; + border: 1px solid transparent; +} +/* Hover + Focus */ +.uk-button-danger:hover, +.uk-button-danger:focus { + background-color: #ee395b; + color: #fff; +} +/* OnClick + Active */ +.uk-button-danger:active, +.uk-button-danger.uk-active { + background-color: #ec2147; + color: #fff; } /* - * Active - * `li` needed for higher specificity to override hover + * Disabled + * The same for all style modifiers */ -.uk-subnav-pill > li.uk-active > a { - background: #00a8e6; - color: #ffffff; +.uk-button-default:disabled, +.uk-button-primary:disabled, +.uk-button-secondary:disabled, +.uk-button-danger:disabled { + background-color: transparent; + color: #999; + border-color: #e5e5e5; } -/* ======================================================================== - Component: Breadcrumb +/* Size modifiers + ========================================================================== */ +.uk-button-small { + padding: 0 15px; + line-height: 28px; + font-size: 0.875rem; +} +.uk-button-large { + padding: 0 40px; + line-height: 53px; + font-size: 0.875rem; +} +/* Text modifiers ========================================================================== */ /* - * 1. Remove default list style - * 2. Remove whitespace between child elements when using `inline-block` + * Text + * 1. Reset + * 2. Style */ -.uk-breadcrumb { +.uk-button-text { /* 1 */ padding: 0; - list-style: none; + line-height: 1.5; + background: none; /* 2 */ - letter-spacing: -0.31em; + color: #333; + position: relative; } -/* Items - ========================================================================== */ -/* - * Reset whitespace hack - */ -.uk-breadcrumb > li { - letter-spacing: normal; +.uk-button-text::before { + content: ""; + position: absolute; + bottom: 0; + left: 0; + right: 100%; + border-bottom: 1px solid #333; + transition: right 0.3s ease-out; } -.uk-breadcrumb > li, -.uk-breadcrumb > li > a, -.uk-breadcrumb > li > span { - display: inline-block; +/* Hover + Focus */ +.uk-button-text:hover, +.uk-button-text:focus { + color: #333; } -.uk-breadcrumb > li:nth-child(n+2):before { - content: "/"; - display: inline-block; - margin: 0 8px; +.uk-button-text:hover::before, +.uk-button-text:focus::before { + right: 0; } -/* - * Disabled - */ -.uk-breadcrumb > li:not(.uk-active) > span { - color: #999999; +/* Disabled */ +.uk-button-text:disabled { + color: #999; +} +.uk-button-text:disabled::before { + display: none; } -/* ======================================================================== - Component: Pagination - ========================================================================== */ /* - * 1. Remove default list style - * 2. Center pagination by default - * 3. Remove whitespace between child elements when using `inline-block` + * Link + * 1. Reset + * 2. Style */ -.uk-pagination { +.uk-button-link { /* 1 */ padding: 0; - list-style: none; + line-height: 1.5; + background: none; /* 2 */ - text-align: center; - /* 3 */ - letter-spacing: -0.31em; + color: #1e87f0; } -/* - * Micro clearfix - * Needed if `uk-pagination-previous` or `uk-pagination-next` sub-objects are used - */ -.uk-pagination:before, -.uk-pagination:after { - content: " "; - display: table; +/* Hover + Focus */ +.uk-button-link:hover, +.uk-button-link:focus { + color: #0f6ecd; + text-decoration: underline; } -.uk-pagination:after { - clear: both; +/* Disabled */ +.uk-button-link:disabled { + color: #999; + text-decoration: none; } -/* Items +/* Group ========================================================================== */ /* - * 1. Reset whitespace hack - */ -.uk-pagination > li { - display: inline-block; - /* 1 */ - letter-spacing: normal; -} -.uk-pagination > li:nth-child(n+2) { - margin-left: 5px; -} -/* - * 1. Makes pagination more robust against different box-sizing use - * 2. Reset text-align to center if alignment modifier is used + * 1. Using `flex` instead of `inline-block` to prevent whitespace betweent child elements + * 2. Behave like button + * 3. Create position context */ -.uk-pagination > li > a, -.uk-pagination > li > span { - display: inline-block; - min-width: 16px; - padding: 3px 5px; - line-height: 20px; - text-decoration: none; +.uk-button-group { /* 1 */ - -moz-box-sizing: content-box; - box-sizing: content-box; + display: inline-flex; /* 2 */ - text-align: center; + vertical-align: middle; + /* 3 */ + position: relative; } +/* Group + ========================================================================== */ /* - * Links - */ -.uk-pagination > li > a { - background: #eeeeee; - color: #444444; + * Collapse border + */ +.uk-button-group > .uk-button:nth-child(n+2), +.uk-button-group > div:nth-child(n+2) .uk-button { + margin-left: -1px; } /* - * Hover - * 1. Apply hover style also to focus state - * 2. Remove default focus style + * Create position context to superimpose the successor elements border + * Known issue: If you use an `a` element as button and an icon inside, + * the active state will not work if you click the icon inside the button + * Workaround: Just use a `button` or `input` element as button + */ +.uk-button-group .uk-button:hover, +.uk-button-group .uk-button:focus, +.uk-button-group .uk-button:active, +.uk-button-group .uk-button.uk-active { + position: relative; + z-index: 1; +} +/* ======================================================================== + Component: Progress + ========================================================================== */ +/* + * 1. Add the correct vertical alignment in Chrome, Firefox, and Opera. + * 2. Remove default style + * 3. Behave like a block element + * 4. Remove borders in Firefox and Edge + * 5. Set background color for progress container in Firefox, IE11 and Edge + * 6. Style */ -.uk-pagination > li > a:hover, -.uk-pagination > li > a:focus { - background-color: #f5f5f5; - color: #444444; +.uk-progress { + /* 1 */ + vertical-align: baseline; /* 2 */ - outline: none; + -webkit-appearance: none; + -moz-appearance: none; + /* 3 */ + display: block; + width: 100%; + /* 4 */ + border: 0; + /* 5 */ + background-color: #f8f8f8; + /* 6 */ + margin-bottom: 20px; + height: 15px; + border-radius: 500px; + overflow: hidden; } -/* OnClick */ -.uk-pagination > li > a:active { - background-color: #dddddd; - color: #444444; +/* Add margin if adjacent element */ +* + .uk-progress { + margin-top: 20px; } /* - * Active + * Remove animated circles for indeterminate state in IE11 and Edge */ -.uk-pagination > .uk-active > span { - background: #00a8e6; - color: #ffffff; +.uk-progress:indeterminate { + color: transparent; } /* - * Disabled + * Progress container + * 2. Remove progress bar for indeterminate state in Firefox */ -.uk-pagination > .uk-disabled > span { - background-color: #f5f5f5; - color: #999999; +.uk-progress::-webkit-progress-bar { + background-color: #f8f8f8; + border-radius: 500px; + overflow: hidden; } -/* Previous and next navigation - ========================================================================== */ -.uk-pagination-previous { - float: left; +/* 2 */ +.uk-progress:indeterminate::-moz-progress-bar { + width: 0; } -.uk-pagination-next { - float: right; +/* + * Progress bar + * 1. Remove right border in IE11 and Edge + */ +.uk-progress::-webkit-progress-value { + background-color: #1e87f0; + transition: width 0.6s ease; } -/* Alignment modifiers - ========================================================================== */ -.uk-pagination-left { - text-align: left; +.uk-progress::-moz-progress-bar { + background-color: #1e87f0; } -.uk-pagination-right { - text-align: right; +.uk-progress::-ms-fill { + background-color: #1e87f0; + transition: width 0.6s ease; + /* 1 */ + border: 0; } /* ======================================================================== - Component: Tab + Component: Section ========================================================================== */ -.uk-tab { - margin: 0; - padding: 0; - list-style: none; - border-bottom: 1px solid #dddddd; -} /* - * Micro clearfix on the deepest container + * 1. Make it work with `100vh` and height in general */ -.uk-tab:before, -.uk-tab:after { - content: " "; - display: table; +.uk-section { + display: flow-root; + box-sizing: border-box; + /* 1 */ + padding-top: 40px; + padding-bottom: 40px; } -.uk-tab:after { - clear: both; +/* Desktop and bigger */ +@media (min-width: 960px) { + .uk-section { + padding-top: 70px; + padding-bottom: 70px; + } } /* - * Items - * 1. Create position context for dropdowns + * Remove margin from the last-child */ -.uk-tab > li { - margin-bottom: -1px; - float: left; - /* 1 */ - position: relative; -} -.uk-tab > li > a { - display: block; - padding: 8px 12px 8px 12px; - border: 1px solid transparent; - border-bottom-width: 0; - color: #0077dd; - text-decoration: none; -} -.uk-tab > li:nth-child(n+2) > a { - margin-left: 5px; +.uk-section > :last-child { + margin-bottom: 0; } +/* Size modifiers + ========================================================================== */ /* - * Hover - * 1. Apply hover style also to focus state - * 2. Also apply if dropdown is opened - * 3. Remove default focus style + * XSmall */ -.uk-tab > li > a:hover, -.uk-tab > li > a:focus, -.uk-tab > li.uk-open > a { - border-color: #f5f5f5; - background: #f5f5f5; - color: #005599; - /* 2 */ - outline: none; -} -.uk-tab > li:not(.uk-active) > a:hover, -.uk-tab > li:not(.uk-active) > a:focus, -.uk-tab > li.uk-open:not(.uk-active) > a { - margin-bottom: 1px; - padding-bottom: 7px; -} -/* Active */ -.uk-tab > li.uk-active > a { - border-color: #dddddd; - border-bottom-color: transparent; - background: #ffffff; - color: #444444; -} -/* Disabled */ -.uk-tab > li.uk-disabled > a { - color: #999999; - cursor: auto; +.uk-section-xsmall { + padding-top: 20px; + padding-bottom: 20px; } -.uk-tab > li.uk-disabled > a:hover, -.uk-tab > li.uk-disabled > a:focus, -.uk-tab > li.uk-disabled.uk-active > a { - background: none; - border-color: transparent; +/* + * Small + */ +.uk-section-small { + padding-top: 40px; + padding-bottom: 40px; } -/* Modifier: 'tab-flip' - ========================================================================== */ -.uk-tab-flip > li { - float: right; +/* + * Large + */ +.uk-section-large { + padding-top: 70px; + padding-bottom: 70px; } -.uk-tab-flip > li:nth-child(n+2) > a { - margin-left: 0; - margin-right: 5px; +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-section-large { + padding-top: 140px; + padding-bottom: 140px; + } } -/* Modifier: 'tab-responsive' - ========================================================================== */ /* - * Hidden by default + * XLarge */ -.uk-tab-responsive { - display: none; +.uk-section-xlarge { + padding-top: 140px; + padding-bottom: 140px; } -.uk-tab-responsive > a:before { - content: "\f0c9\00a0"; - font-family: FontAwesome; -} -/* Only phones */ -@media (max-width: 767px) { - [data-uk-tab] > li { - display: none; - } - [data-uk-tab] > li.uk-tab-responsive { - display: block; - } - [data-uk-tab] > li.uk-tab-responsive > a { - margin-left: 0; - margin-right: 0; +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-section-xlarge { + padding-top: 210px; + padding-bottom: 210px; } } -/* Modifier: 'tab-center' +/* Style modifiers ========================================================================== */ -.uk-tab-center { - border-bottom: 1px solid #dddddd; -} -.uk-tab-center-bottom { - border-bottom: none; - border-top: 1px solid #dddddd; -} -.uk-tab-center:before, -.uk-tab-center:after { - content: " "; - display: table; -} -.uk-tab-center:after { - clear: both; +/* + * Default + */ +.uk-section-default { + background: #fff; } -.uk-tab-center .uk-tab { - position: relative; - left: 50%; - border: none; - float: left; +/* + * Muted + */ +.uk-section-muted { + background: #f8f8f8; } -.uk-tab-center .uk-tab > li { - position: relative; - left: -50%; +/* + * Primary + */ +.uk-section-primary { + background: #1e87f0; } -.uk-tab-center .uk-tab > li > a { - text-align: center; +/* + * Secondary + */ +.uk-section-secondary { + background: #222; } -/* Modifier: 'tab-bottom' +/* Overlap modifier ========================================================================== */ -.uk-tab-bottom { - border-top: 1px solid #dddddd; - border-bottom: none; +/* + * Reserved modifier to make a section overlap another section with an border image + * Implemented by the theme + */ +/* ======================================================================== + Component: Container + ========================================================================== */ +/* + * 1. Box sizing has to be `content-box` so the max-width is always the same and + * unaffected by the padding on different breakpoints. It's important for the size modifiers. + */ +.uk-container { + display: flow-root; + /* 1 */ + box-sizing: content-box; + max-width: 1200px; + margin-left: auto; + margin-right: auto; + padding-left: 15px; + padding-right: 15px; } -.uk-tab-bottom > li { - margin-top: -1px; - margin-bottom: 0; +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-container { + padding-left: 30px; + padding-right: 30px; + } } -.uk-tab-bottom > li > a { - padding-top: 8px; - padding-bottom: 8px; - border-bottom-width: 1px; - border-top-width: 0; +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-container { + padding-left: 40px; + padding-right: 40px; + } } -.uk-tab-bottom > li:not(.uk-active) > a:hover, -.uk-tab-bottom > li:not(.uk-active) > a:focus, -.uk-tab-bottom > li.uk-open:not(.uk-active) > a { +/* + * Remove margin from the last-child + */ +.uk-container > :last-child { margin-bottom: 0; - margin-top: 1px; - padding-bottom: 8px; - padding-top: 7px; -} -.uk-tab-bottom > li.uk-active > a { - border-top-color: transparent; - border-bottom-color: #dddddd; } -/* Modifier: 'tab-grid' - ========================================================================== */ /* - * 1. Create position context to prevent hidden border because of negative `z-index` + * Remove padding from nested containers */ -.uk-tab-grid { - margin-left: -5px; - border-bottom: none; - /* 1 */ - position: relative; - z-index: 0; +.uk-container .uk-container { + padding-left: 0; + padding-right: 0; } -.uk-tab-grid:before { - display: block; - position: absolute; - left: 5px; - right: 0; - bottom: -1px; - border-top: 1px solid #dddddd; - /* 1 */ - z-index: -1; +/* Size modifier + ========================================================================== */ +.uk-container-xsmall { + max-width: 750px; } -.uk-tab-grid > li:first-child > a { - margin-left: 5px; +.uk-container-small { + max-width: 900px; } -.uk-tab-grid > li > a { - text-align: center; +.uk-container-large { + max-width: 1400px; +} +.uk-container-xlarge { + max-width: 1600px; +} +.uk-container-expand { + max-width: none; } +/* Expand modifier + ========================================================================== */ /* - * If `uk-tab-bottom` + * Expand one side only */ -.uk-tab-grid.uk-tab-bottom { - border-top: none; +.uk-container-expand-left { + margin-left: 0; } -.uk-tab-grid.uk-tab-bottom:before { - top: -1px; - bottom: auto; +.uk-container-expand-right { + margin-right: 0; } -/* Modifier: 'tab-left', 'tab-right' - ========================================================================== */ -/* Only tablets and desktops */ -@media (min-width: 768px) { - .uk-tab-left, - .uk-tab-right { - border-bottom: none; - } - .uk-tab-left > li, - .uk-tab-right > li { - margin-bottom: 0; - float: none; +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-container-expand-left.uk-container-xsmall, + .uk-container-expand-right.uk-container-xsmall { + max-width: calc(50% + (750px / 2) - 30px); } - .uk-tab-left > li > a, - .uk-tab-right > li > a { - padding-top: 8px; - padding-bottom: 8px; + .uk-container-expand-left.uk-container-small, + .uk-container-expand-right.uk-container-small { + max-width: calc(50% + (900px / 2) - 30px); } - .uk-tab-left > li:nth-child(n+2) > a, - .uk-tab-right > li:nth-child(n+2) > a { - margin-left: 0; - margin-top: 5px; - } - .uk-tab-left > li.uk-active > a, - .uk-tab-right > li.uk-active > a { - border-color: #dddddd; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-container-expand-left, + .uk-container-expand-right { + max-width: calc(50% + (1200px / 2) - 40px); } - /* - * Modifier: 'tab-left' - */ - .uk-tab-left { - border-right: 1px solid #dddddd; + .uk-container-expand-left.uk-container-xsmall, + .uk-container-expand-right.uk-container-xsmall { + max-width: calc(50% + (750px / 2) - 40px); } - .uk-tab-left > li { - margin-right: -1px; + .uk-container-expand-left.uk-container-small, + .uk-container-expand-right.uk-container-small { + max-width: calc(50% + (900px / 2) - 40px); } - .uk-tab-left > li > a { - border-bottom-width: 1px; - border-right-width: 0; + .uk-container-expand-left.uk-container-large, + .uk-container-expand-right.uk-container-large { + max-width: calc(50% + (1400px / 2) - 40px); } - .uk-tab-left > li:not(.uk-active) > a:hover, - .uk-tab-left > li:not(.uk-active) > a:focus { - margin-bottom: 0; - margin-right: 1px; - padding-bottom: 8px; - padding-right: 11px; + .uk-container-expand-left.uk-container-xlarge, + .uk-container-expand-right.uk-container-xlarge { + max-width: calc(50% + (1600px / 2) - 40px); } - .uk-tab-left > li.uk-active > a { - border-right-color: transparent; +} +/* Item + ========================================================================== */ +/* + * Utility classes to reset container padding on the left or right side + * Note: It has to be negative margin on the item, because it's specific to the item. + */ +.uk-container-item-padding-remove-left, +.uk-container-item-padding-remove-right { + width: calc(100% + 15px); +} +.uk-container-item-padding-remove-left { + margin-left: -15px; +} +.uk-container-item-padding-remove-right { + margin-right: -15px; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-container-item-padding-remove-left, + .uk-container-item-padding-remove-right { + width: calc(100% + 30px); } - /* - * Modifier: 'tab-right' - */ - .uk-tab-right { - border-left: 1px solid #dddddd; + .uk-container-item-padding-remove-left { + margin-left: -30px; } - .uk-tab-right > li { - margin-left: -1px; + .uk-container-item-padding-remove-right { + margin-right: -30px; } - .uk-tab-right > li > a { - border-bottom-width: 1px; - border-left-width: 0; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-container-item-padding-remove-left, + .uk-container-item-padding-remove-right { + width: calc(100% + 40px); } - .uk-tab-right > li:not(.uk-active) > a:hover, - .uk-tab-right > li:not(.uk-active) > a:focus { - margin-bottom: 0; - margin-left: 1px; - padding-bottom: 8px; - padding-left: 11px; + .uk-container-item-padding-remove-left { + margin-left: -40px; } - .uk-tab-right > li.uk-active > a { - border-left-color: transparent; + .uk-container-item-padding-remove-right { + margin-right: -40px; } } /* ======================================================================== - Component: List + Component: Tile ========================================================================== */ -.uk-list { - padding: 0; - list-style: none; +.uk-tile { + display: flow-root; + position: relative; + box-sizing: border-box; + padding-left: 15px; + padding-right: 15px; + padding-top: 40px; + padding-bottom: 40px; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-tile { + padding-left: 30px; + padding-right: 30px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-tile { + padding-left: 40px; + padding-right: 40px; + padding-top: 70px; + padding-bottom: 70px; + } } /* - * Nested lists + * Remove margin from the last-child */ -.uk-list ul { - margin: 0; - padding-left: 20px; - list-style: none; -} -/* Modifier: `uk-list-line` - ========================================================================== */ -.uk-list-line > li:nth-child(n+2) { - margin-top: 5px; - padding-top: 5px; - border-top: 1px solid #dddddd; +.uk-tile > :last-child { + margin-bottom: 0; } -/* Modifier: `uk-list-striped` +/* Size modifiers ========================================================================== */ -.uk-list-striped > li { - padding: 5px 5px; +/* + * XSmall + */ +.uk-tile-xsmall { + padding-top: 20px; + padding-bottom: 20px; } -.uk-list-striped > li:nth-of-type(odd) { - background: #f5f5f5; +/* + * Small + */ +.uk-tile-small { + padding-top: 40px; + padding-bottom: 40px; } -/* Modifier: `uk-list-space` - ========================================================================== */ -.uk-list-space > li:nth-child(n+2) { - margin-top: 10px; +/* + * Large + */ +.uk-tile-large { + padding-top: 70px; + padding-bottom: 70px; } -/* ======================================================================== - Component: Description list - ========================================================================== */ -/* Modifier: `uk-description-list-horizontal` - ========================================================================== */ -/* Only tablets and desktops */ -@media (min-width: 768px) { - .uk-description-list-horizontal { - overflow: hidden; - } - .uk-description-list-horizontal > dt { - width: 160px; - float: left; - clear: both; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } - .uk-description-list-horizontal > dd { - margin-left: 180px; +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-tile-large { + padding-top: 140px; + padding-bottom: 140px; } } -/* Modifier: `uk-description-list-line` - ========================================================================== */ -.uk-description-list-line > dt { - font-weight: normal; -} -.uk-description-list-line > dt:nth-child(n+2) { - margin-top: 5px; - padding-top: 5px; - border-top: 1px solid #dddddd; +/* + * XLarge + */ +.uk-tile-xlarge { + padding-top: 140px; + padding-bottom: 140px; } -.uk-description-list-line > dd { - color: #999999; +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-tile-xlarge { + padding-top: 210px; + padding-bottom: 210px; + } } -/* ======================================================================== - Component: Table +/* Style modifiers ========================================================================== */ /* - * Block element behavior + * Default */ -.uk-table { - width: 100%; - margin-bottom: 15px; +.uk-tile-default { + background: #fff; } /* - * Add margin if adjacent element + * Muted */ -* + .uk-table { - margin-top: 15px; -} -.uk-table th, -.uk-table td { - padding: 8px 8px; +.uk-tile-muted { + background: #f8f8f8; } /* - * Set alignment + * Primary */ -.uk-table th { - text-align: left; -} -.uk-table td { - vertical-align: top; -} -.uk-table thead th { - vertical-align: bottom; +.uk-tile-primary { + background: #1e87f0; } /* - * Caption and footer + * Secondary */ -.uk-table caption, -.uk-table tfoot { - font-size: 12px; - font-style: italic; -} -.uk-table caption { - text-align: left; - color: #999999; +.uk-tile-secondary { + background: #222; } -/* Sub-modifier: `uk-table-middel` +/* ======================================================================== + Component: Card ========================================================================== */ -.uk-table-middle, -.uk-table-middle td { - vertical-align: middle !important; +.uk-card { + position: relative; + box-sizing: border-box; + transition: box-shadow 0.1s ease-in-out; } -/* Modifier: `uk-table-striped` +/* Sections ========================================================================== */ -.uk-table-striped tbody tr:nth-of-type(odd) { - background: #f5f5f5; +.uk-card-body { + display: flow-root; + padding: 30px 30px; } -/* Modifier: `uk-table-condensed` - ========================================================================== */ -.uk-table-condensed td { - padding: 4px 8px; +.uk-card-header { + display: flow-root; + padding: 15px 30px; } -/* Modifier: `uk-table-hover` - ========================================================================== */ -.uk-table-hover tbody tr:hover { - background: #eeeeee; +.uk-card-footer { + display: flow-root; + padding: 15px 30px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-card-body { + padding: 40px 40px; + } + .uk-card-header { + padding: 20px 40px; + } + .uk-card-footer { + padding: 20px 40px; + } } -/* ======================================================================== - Component: Form - ========================================================================== */ /* * Remove margin from the last-child */ -.uk-form > :last-child { +.uk-card-body > :last-child, +.uk-card-header > :last-child, +.uk-card-footer > :last-child { margin-bottom: 0; } +/* Media + ========================================================================== */ /* - * Controls - * Except for `range`, `radio`, `checkbox`, `file`, `submit`, `reset`, `button` and `image` - * 1. Must be `height` because `min-height` is not working in OSX - * 2. Responsiveness: Sets a maximum width relative to the parent to scale on narrower viewports - * 3. Vertical `padding` needed for `select` elements in Firefox - * 4. Style + * Reserved alignment modifier to style the media element, e.g. with `border-radius` + * Implemented by the theme */ -.uk-form select, -.uk-form textarea, -.uk-form input:not([type]), -.uk-form input[type="text"], -.uk-form input[type="password"], -.uk-form input[type="datetime"], -.uk-form input[type="datetime-local"], -.uk-form input[type="date"], -.uk-form input[type="month"], -.uk-form input[type="time"], -.uk-form input[type="week"], -.uk-form input[type="number"], -.uk-form input[type="email"], -.uk-form input[type="url"], -.uk-form input[type="search"], -.uk-form input[type="tel"], -.uk-form input[type="color"] { - /* 1 */ - height: 30px; - /* 2 */ - max-width: 100%; - /* 3 */ - padding: 4px 6px; - /* 4 */ - border: 1px solid #dddddd; - background: #ffffff; - color: #444444; - -webkit-transition: all linear 0.2s; - transition: all linear 0.2s; - /* Focus state */ - /* Disabled state */ -} -.uk-form select:focus, -.uk-form textarea:focus, -.uk-form input:not([type]):focus, -.uk-form input[type="text"]:focus, -.uk-form input[type="password"]:focus, -.uk-form input[type="datetime"]:focus, -.uk-form input[type="datetime-local"]:focus, -.uk-form input[type="date"]:focus, -.uk-form input[type="month"]:focus, -.uk-form input[type="time"]:focus, -.uk-form input[type="week"]:focus, -.uk-form input[type="number"]:focus, -.uk-form input[type="email"]:focus, -.uk-form input[type="url"]:focus, -.uk-form input[type="search"]:focus, -.uk-form input[type="tel"]:focus, -.uk-form input[type="color"]:focus { - border-color: #99baca; - outline: 0; - background: #f5fbfe; - color: #444444; -} -.uk-form select:disabled, -.uk-form textarea:disabled, -.uk-form input:not([type]):disabled, -.uk-form input[type="text"]:disabled, -.uk-form input[type="password"]:disabled, -.uk-form input[type="datetime"]:disabled, -.uk-form input[type="datetime-local"]:disabled, -.uk-form input[type="date"]:disabled, -.uk-form input[type="month"]:disabled, -.uk-form input[type="time"]:disabled, -.uk-form input[type="week"]:disabled, -.uk-form input[type="number"]:disabled, -.uk-form input[type="email"]:disabled, -.uk-form input[type="url"]:disabled, -.uk-form input[type="search"]:disabled, -.uk-form input[type="tel"]:disabled, -.uk-form input[type="color"]:disabled { - border-color: #dddddd; - background-color: #f5f5f5; - color: #999999; +/* Title + ========================================================================== */ +.uk-card-title { + font-size: 1.5rem; + line-height: 1.4; +} +/* Badge + ========================================================================== */ +.uk-card-badge { + position: absolute; + top: 30px; + right: 30px; + z-index: 1; } /* - * Placeholder - * 1. Higher specificity needed to override color in IE + * Remove margin from adjacent element */ -.uk-form :-ms-input-placeholder { - color: #999999 !important; +.uk-card-badge:first-child + * { + margin-top: 0; +} +/* Hover modifier + ========================================================================== */ +.uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover { + background: #fff; + box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); } -/* 1. */ -.uk-form ::-moz-placeholder { - color: #999999; +/* Style modifiers + ========================================================================== */ +/* + * Default + * Note: Header and Footer are only implemented for the default style + */ +.uk-card-default { + background: #fff; + color: #666; + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); } -.uk-form ::-webkit-input-placeholder { - color: #999999; +.uk-card-default .uk-card-title { + color: #333; } -.uk-form :disabled:-ms-input-placeholder { - color: #999999 !important; +.uk-card-default.uk-card-hover:hover { + background-color: #fff; + box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); } -/* 1. */ -.uk-form :disabled::-moz-placeholder { - color: #999999; +.uk-card-default .uk-card-header { + border-bottom: 1px solid #e5e5e5; } -.uk-form :disabled::-webkit-input-placeholder { - color: #999999; +.uk-card-default .uk-card-footer { + border-top: 1px solid #e5e5e5; } /* - * Legend style - * 1. `margin-bottom` is not working in Safari and Opera. - * Using `padding` and :after instead to create the border - * 2. Style + * Primary */ -.uk-form legend { - width: 100%; - /* 1 */ - padding-bottom: 15px; - /* 2 */ - font-size: 18px; - line-height: 30px; +.uk-card-primary { + background: #1e87f0; + color: #fff; + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); } -/* 1 */ -.uk-form legend:after { - content: ""; - display: block; - border-bottom: 1px solid #dddddd; +.uk-card-primary .uk-card-title { + color: #fff; } -/* Size modifiers - * Using !important to keep the selector simple - ========================================================================== */ -.uk-form-small { - height: 25px !important; - padding: 3px 3px !important; - font-size: 12px; +.uk-card-primary.uk-card-hover:hover { + background-color: #1e87f0; + box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); } -.uk-form-large { - height: 40px !important; - padding: 8px 6px !important; - font-size: 16px; +/* + * Secondary + */ +.uk-card-secondary { + background: #222; + color: #fff; + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); } -/* Reset height - * Must be after size modifiers - ========================================================================== */ -.uk-form textarea, -.uk-form select[multiple], -.uk-form select[size] { - height: auto !important; +.uk-card-secondary .uk-card-title { + color: #fff; +} +.uk-card-secondary.uk-card-hover:hover { + background-color: #222; + box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); } -/* Validation states - * Using !important to keep the selector simple +/* Size modifier ========================================================================== */ /* - * Error state + * Small */ -.uk-form-danger { - border-color: #dc8d99 !important; - background: #fff7f8 !important; - color: #c91032 !important; +.uk-card-small.uk-card-body, +.uk-card-small .uk-card-body { + padding: 20px 20px; +} +.uk-card-small .uk-card-header { + padding: 13px 20px; +} +.uk-card-small .uk-card-footer { + padding: 13px 20px; } /* - * Success state + * Large */ -.uk-form-success { - border-color: #8ec73b !important; - background: #fafff2 !important; - color: #539022 !important; +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-card-large.uk-card-body, + .uk-card-large .uk-card-body { + padding: 70px 70px; + } + .uk-card-large .uk-card-header { + padding: 35px 70px; + } + .uk-card-large .uk-card-footer { + padding: 35px 70px; + } } -/* Style modifiers - * Using !important to keep the selector simple +/* + * Default + */ +.uk-card-body > .uk-nav-default { + margin-left: -30px; + margin-right: -30px; +} +.uk-card-body > .uk-nav-default:only-child { + margin-top: -15px; + margin-bottom: -15px; +} +.uk-card-body .uk-nav-default > li > a, +.uk-card-body .uk-nav-default .uk-nav-header, +.uk-card-body .uk-nav-default .uk-nav-divider { + padding-left: 30px; + padding-right: 30px; +} +.uk-card-body .uk-nav-default .uk-nav-sub { + padding-left: 45px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-card-body > .uk-nav-default { + margin-left: -40px; + margin-right: -40px; + } + .uk-card-body > .uk-nav-default:only-child { + margin-top: -25px; + margin-bottom: -25px; + } + .uk-card-body .uk-nav-default > li > a, + .uk-card-body .uk-nav-default .uk-nav-header, + .uk-card-body .uk-nav-default .uk-nav-divider { + padding-left: 40px; + padding-right: 40px; + } + .uk-card-body .uk-nav-default .uk-nav-sub { + padding-left: 55px; + } +} +/* + * Small + */ +.uk-card-small > .uk-nav-default { + margin-left: -20px; + margin-right: -20px; +} +.uk-card-small > .uk-nav-default:only-child { + margin-top: -5px; + margin-bottom: -5px; +} +.uk-card-small .uk-nav-default > li > a, +.uk-card-small .uk-nav-default .uk-nav-header, +.uk-card-small .uk-nav-default .uk-nav-divider { + padding-left: 20px; + padding-right: 20px; +} +.uk-card-small .uk-nav-default .uk-nav-sub { + padding-left: 35px; +} +/* + * Large + */ +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-card-large > .uk-nav-default { + margin: 0; + } + .uk-card-large > .uk-nav-default:only-child { + margin: 0; + } + .uk-card-large .uk-nav-default > li > a, + .uk-card-large .uk-nav-default .uk-nav-header, + .uk-card-large .uk-nav-default .uk-nav-divider { + padding-left: 0; + padding-right: 0; + } + .uk-card-large .uk-nav-default .uk-nav-sub { + padding-left: 15px; + } +} +/* ======================================================================== + Component: Close ========================================================================== */ /* - * Blank form + * Adopts `uk-icon` */ -.uk-form-blank { - border-color: transparent !important; - border-style: dashed !important; - background: none !important; +.uk-close { + color: #999; + transition: 0.1s ease-in-out; + transition-property: color, opacity; } -.uk-form-blank:focus { - border-color: #dddddd !important; +/* Hover + Focus */ +.uk-close:hover, +.uk-close:focus { + color: #666; + outline: none; } -/* Size sub-modifiers +/* ======================================================================== + Component: Spinner ========================================================================== */ /* - * Fixed widths - * Different widths for mini sized `input` and `select` elements + * Adopts `uk-icon` */ -input.uk-form-width-mini { - width: 40px; -} -select.uk-form-width-mini { - width: 65px; +/* SVG + ========================================================================== */ +.uk-spinner > * { + animation: uk-spinner-rotate 1.4s linear infinite; } -.uk-form-width-small { - width: 130px; +@keyframes uk-spinner-rotate { + 0% { + transform: rotate(0deg); + } + 100% { + transform: rotate(270deg); + } } -.uk-form-width-medium { - width: 200px; +/* + * Circle + */ +.uk-spinner > * > * { + stroke-dasharray: 88px; + stroke-dashoffset: 0; + transform-origin: center; + animation: uk-spinner-dash 1.4s ease-in-out infinite; + stroke-width: 1; + stroke-linecap: round; } -.uk-form-width-large { - width: 500px; +@keyframes uk-spinner-dash { + 0% { + stroke-dashoffset: 88px; + } + 50% { + stroke-dashoffset: 22px; + transform: rotate(135deg); + } + 100% { + stroke-dashoffset: 88px; + transform: rotate(450deg); + } } -/* Sub-objects: `uk-form-row` - * Groups labels and controls in rows +/* ======================================================================== + Component: Totop ========================================================================== */ /* - * Micro clearfix - * Needed for `uk-form-horizontal` modifier + * Addopts `uk-icon` */ -.uk-form-row:before, -.uk-form-row:after { - content: " "; - display: table; +.uk-totop { + padding: 5px; + color: #999; + transition: color 0.1s ease-in-out; } -.uk-form-row:after { - clear: both; +/* Hover + Focus */ +.uk-totop:hover, +.uk-totop:focus { + color: #666; + outline: none; } +/* OnClick */ +.uk-totop:active { + color: #333; +} +/* ======================================================================== + Component: Marker + ========================================================================== */ /* - * Vertical gutter + * Addopts `uk-icon` */ -.uk-form-row + .uk-form-row { - margin-top: 15px; +.uk-marker { + padding: 5px; + background: #222; + color: #fff; + border-radius: 500px; +} +/* Hover + Focus */ +.uk-marker:hover, +.uk-marker:focus { + color: #fff; + outline: none; } -/* Help text - * Sub-object: `uk-form-help-inline`, `uk-form-help-block` +/* ======================================================================== + Component: Alert ========================================================================== */ -.uk-form-help-inline { - display: inline-block; - margin: 0 0 0 10px; +.uk-alert { + position: relative; + margin-bottom: 20px; + padding: 15px 29px 15px 15px; + background: #f8f8f8; + color: #666; } -.uk-form-help-block { - margin: 5px 0 0 0; +/* Add margin if adjacent element */ +* + .uk-alert { + margin-top: 20px; +} +/* + * Remove margin from the last-child + */ +.uk-alert > :last-child { + margin-bottom: 0; } -/* Controls content - * Sub-object: `uk-form-controls`, `uk-form-controls-condensed` +/* Close + * Adopts `uk-close` ========================================================================== */ +.uk-alert-close { + position: absolute; + top: 20px; + right: 15px; + color: inherit; + opacity: 0.4; +} /* - * Remove margins + * Remove margin from adjacent element */ -.uk-form-controls > :first-child { +.uk-alert-close:first-child + * { margin-top: 0; } -.uk-form-controls > :last-child { - margin-bottom: 0; -} /* - * Group controls and text into blocks with a small spacing between blocks + * Hover + Focus */ -.uk-form-controls-condensed { - margin: 5px 0; +.uk-alert-close:hover, +.uk-alert-close:focus { + color: inherit; + opacity: 0.8; } -/* Modifier: `uk-form-stacked` - * Requrires sub-object: `uk-form-label` +/* Style modifiers ========================================================================== */ -.uk-form-stacked .uk-form-label { - display: block; - margin-bottom: 5px; - font-weight: bold; +/* + * Primary + */ +.uk-alert-primary { + background: #d8eafc; + color: #1e87f0; } -/* Modifier: `uk-form-horizontal` - * Requrires sub-objects: `uk-form-label`, `uk-form-controls` - ========================================================================== */ -/* Only phones and tablets portrait */ -@media (max-width: 959px) { - /* Behave like `uk-form-stacked` */ - .uk-form-horizontal .uk-form-label { - display: block; - margin-bottom: 5px; - font-weight: bold; - } +/* + * Success + */ +.uk-alert-success { + background: #edfbf6; + color: #32d296; } -/* Only tablets and desktops */ -@media (min-width: 960px) { - .uk-form-horizontal .uk-form-label { - width: 200px; - margin-top: 5px; - float: left; - } - .uk-form-horizontal .uk-form-controls { - margin-left: 215px; - } - /* Better vertical alignment if controls are checkboxes and radio buttons with text */ - .uk-form-horizontal .uk-form-controls-text { - padding-top: 5px; - } +/* + * Warning + */ +.uk-alert-warning { + background: #fff6ee; + color: #faa05a; } -/* Sub-object: `uk-form-icon` - ========================================================================== */ -.uk-form-icon { - position: relative; - display: inline-block; - max-width: 100%; +/* + * Danger + */ +.uk-alert-danger { + background: #fef4f6; + color: #f0506e; } -.uk-form-icon > [class*='uk-icon-'] { - position: absolute; - top: 50%; - width: 30px; - margin-top: -7px; - font-size: 14px; - color: #999999; - text-align: center; +/* + * Content + */ +.uk-alert h1, +.uk-alert h2, +.uk-alert h3, +.uk-alert h4, +.uk-alert h5, +.uk-alert h6 { + color: inherit; +} +.uk-alert a:not([class]) { + color: inherit; + text-decoration: underline; +} +.uk-alert a:not([class]):hover { + color: inherit; + text-decoration: underline; +} +/* ======================================================================== + Component: Placeholder + ========================================================================== */ +.uk-placeholder { + margin-bottom: 20px; + padding: 30px 30px; + background: transparent; + border: 1px dashed #e5e5e5; } -.uk-form-icon:not(.uk-form-icon-flip) > input { - padding-left: 30px !important; +/* Add margin if adjacent element */ +* + .uk-placeholder { + margin-top: 20px; } /* - * Sub-modifier: `uk-form-icon-flip` + * Remove margin from the last-child */ -.uk-form-icon-flip > [class*='uk-icon-'] { - right: 0; -} -.uk-form-icon-flip > input { - padding-right: 30px !important; +.uk-placeholder > :last-child { + margin-bottom: 0; } /* ======================================================================== - Component: Button + Component: Badge ========================================================================== */ /* - * 1. Required for `a` elements - * 2. Required for `button` and `input` elements - * 3. `line-height` is used to create a height - * 4. `min-height` is neccesary for `input` elments in Firefox and Opera because `line-height` is not working. - * 5. Reset button group whitespace hack - * 6. Style + * 1. Style + * 2. Center child vertically and horizontally */ -.uk-button { - /* 1 */ - display: inline-block; - -moz-box-sizing: border-box; +.uk-badge { box-sizing: border-box; + min-width: 22px; + height: 22px; + padding: 0 5px; + border-radius: 500px; vertical-align: middle; - text-decoration: none; - text-align: center; + /* 1 */ + background: #1e87f0; + color: #fff; + font-size: 0.875rem; /* 2 */ - border: none; - /* 3 */ - line-height: 30px; - /* 4 */ - min-height: 30px; - /* 5 */ - letter-spacing: normal; - /* 6 */ - padding: 0 12px; - background: #eeeeee; - color: #444444; + display: inline-flex; + justify-content: center; + align-items: center; } /* - * Hover - * 1. Apply hover style also to focus state - * 2. Remove default focus style - * 3. Required for `a` elements + * Required for `a` */ -.uk-button:hover, -.uk-button:focus { - background-color: #f5f5f5; - color: #444444; - /* 2 */ - outline: none; - /* 3 */ +.uk-badge:hover, +.uk-badge:focus { + color: #fff; text-decoration: none; + outline: none; } -/* Active */ -.uk-button:active, -.uk-button.uk-active { - background-color: #dddddd; - color: #444444; +/* ======================================================================== + Component: Label + ========================================================================== */ +.uk-label { + display: inline-block; + padding: 0 10px; + background: #1e87f0; + line-height: 1.5; + font-size: 0.875rem; + color: #fff; + vertical-align: middle; + white-space: nowrap; + border-radius: 2px; + text-transform: uppercase; } /* Color modifiers ========================================================================== */ /* - * Modifier: `uk-button-primary` + * Success */ -.uk-button-primary { - background-color: #00a8e6; - color: #ffffff; -} -/* Hover */ -.uk-button-primary:hover, -.uk-button-primary:focus { - background-color: #35b3ee; - color: #ffffff; -} -/* Active */ -.uk-button-primary:active, -.uk-button-primary.uk-active { - background-color: #0091ca; - color: #ffffff; +.uk-label-success { + background-color: #32d296; + color: #fff; } /* - * Modifier: `uk-button-success` + * Warning */ -.uk-button-success { - background-color: #8cc14c; - color: #ffffff; -} -/* Hover */ -.uk-button-success:hover, -.uk-button-success:focus { - background-color: #8ec73b; - color: #ffffff; -} -/* Active */ -.uk-button-success:active, -.uk-button-success.uk-active { - background-color: #72ae41; - color: #ffffff; +.uk-label-warning { + background-color: #faa05a; + color: #fff; } /* - * Modifier: `uk-button-danger` + * Danger */ -.uk-button-danger { - background-color: #da314b; - color: #ffffff; -} -/* Hover */ -.uk-button-danger:hover, -.uk-button-danger:focus { - background-color: #e4354f; - color: #ffffff; -} -/* Active */ -.uk-button-danger:active, -.uk-button-danger.uk-active { - background-color: #c91032; - color: #ffffff; +.uk-label-danger { + background-color: #f0506e; + color: #fff; } -/* Disabled state - * Overrides also the color modifiers - ========================================================================== */ -/* Equal for all button types */ -.uk-button:disabled { - background-color: #f5f5f5; - color: #999999; -} -/* Modifier: `uk-button-link` +/* ======================================================================== + Component: Overlay ========================================================================== */ -/* Reset */ -.uk-button-link, -.uk-button-link:hover, -.uk-button-link:focus, -.uk-button-link:active, -.uk-button-link.uk-active, -.uk-button-link:disabled { - border-color: transparent; - background: none; -} -/* Color */ -.uk-button-link { - color: #0077dd; -} -.uk-button-link:hover, -.uk-button-link:focus, -.uk-button-link:active, -.uk-button-link.uk-active { - color: #005599; - text-decoration: underline; -} -.uk-button-link:disabled { - color: #999999; +.uk-overlay { + padding: 30px 30px; } -/* Focus */ -.uk-button-link:focus { - outline: 1px dotted; +/* + * Remove margin from the last-child + */ +.uk-overlay > :last-child { + margin-bottom: 0; } -/* Size modifiers +/* Icon ========================================================================== */ -.uk-button-mini { - min-height: 20px; - padding: 0 6px; - line-height: 20px; - font-size: 11px; -} -.uk-button-small { - min-height: 25px; - padding: 0 10px; - line-height: 25px; - font-size: 12px; -} -.uk-button-large { - min-height: 40px; - padding: 0 15px; - line-height: 40px; - font-size: 16px; -} -/* Sub-object `uk-button-group` +/* Style modifiers ========================================================================== */ /* - * 1. Behave like buttons - * 2. Create position context for dropdowns - * 3. Remove whitespace between child elements when using `inline-block` - * 4. Prevent buttons from wrapping + * Default */ -.uk-button-group { - /* 1 */ - display: inline-block; - vertical-align: middle; - /* 2 */ - position: relative; - /* 3 */ - letter-spacing: -0.31em; - /* 4 */ - white-space: nowrap; -} -.uk-button-group > * { - display: inline-block; +.uk-overlay-default { + background: rgba(255, 255, 255, 0.8); } -/* Sub-object: `uk-button-dropdown` - ========================================================================== */ /* - * 1. Behave like buttons - * 2. Create position context for dropdowns + * Primary */ -.uk-button-dropdown { - /* 1 */ - display: inline-block; - vertical-align: middle; - /* 2 */ - position: relative; +.uk-overlay-primary { + background: rgba(34, 34, 34, 0.8); } /* ======================================================================== - Component: Icon + Component: Article ========================================================================== */ -@font-face { - font-family: 'FontAwesome'; - src: url("../fonts/fontawesome-webfont.eot"); - src: url("../fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.ttf") format("truetype"); - font-weight: normal; - font-style: normal; +.uk-article { + display: flow-root; } /* - * 1. Allow margin - * 2. Prevent inherit font style - * 4. Correct line-height - * 5. Better font rendering + * Remove margin from the last-child */ -[class*='uk-icon-'] { - font-family: FontAwesome; - /* 1 */ - display: inline-block; - /* 2 */ - font-weight: normal; - font-style: normal; - /* 4 */ - line-height: 1; - /* 5 */ - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; +.uk-article > :last-child { + margin-bottom: 0; } -/* Size modifiers +/* Adjacent sibling ========================================================================== */ -.uk-icon-small:before { - font-size: 150%; - vertical-align: -10%; +.uk-article + .uk-article { + margin-top: 70px; } -.uk-icon-medium:before { - font-size: 200%; - vertical-align: -16%; +/* Title + ========================================================================== */ +.uk-article-title { + font-size: 2.23125rem; + line-height: 1.2; } -.uk-icon-large:before { - font-size: 250%; - vertical-align: -22%; +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-article-title { + font-size: 2.625rem; + } } -/* Modifier: `uk-icon-spin` +/* Meta ========================================================================== */ -.uk-icon-spin { - display: inline-block; - -webkit-animation: uk-spin 2s infinite linear; - animation: uk-spin 2s infinite linear; +.uk-article-meta { + font-size: 0.875rem; + line-height: 1.4; + color: #999; } -/* Modifier: `uk-icon-button` - ========================================================================== */ -.uk-icon-button { - -moz-box-sizing: border-box; - box-sizing: border-box; - display: inline-block; - width: 35px; - height: 35px; - border-radius: 100%; - background: #eeeeee; - line-height: 35px; - color: #444444; - font-size: 18px; - text-align: center; +.uk-article-meta a { + color: #999; } -/* - * Hover - * 1. Apply hover style also to focus state - * 2. Remove default focus style - */ -.uk-icon-button:hover, -.uk-icon-button:focus { - background-color: #f5f5f5; - color: #444444; +.uk-article-meta a:hover { + color: #666; text-decoration: none; - /* 2 */ - outline: none; -} -/* Active */ -.uk-icon-button:active { - background-color: #dddddd; - color: #444444; } -/* Icon mapping +/* ======================================================================== + Component: Comment ========================================================================== */ -.uk-icon-glass:before { - content: "\f000"; -} -.uk-icon-music:before { - content: "\f001"; +/* Sections + ========================================================================== */ +.uk-comment-body { + display: flow-root; + overflow-wrap: break-word; + word-wrap: break-word; } -.uk-icon-search:before { - content: "\f002"; +.uk-comment-header { + display: flow-root; + margin-bottom: 20px; } -.uk-icon-envelope-o:before { - content: "\f003"; +/* + * Remove margin from the last-child + */ +.uk-comment-body > :last-child, +.uk-comment-header > :last-child { + margin-bottom: 0; } -.uk-icon-heart:before { - content: "\f004"; +/* Title + ========================================================================== */ +.uk-comment-title { + font-size: 1.25rem; + line-height: 1.4; } -.uk-icon-star:before { - content: "\f005"; +/* Meta + ========================================================================== */ +.uk-comment-meta { + font-size: 0.875rem; + line-height: 1.4; + color: #999; } -.uk-icon-star-o:before { - content: "\f006"; +/* Avatar + ========================================================================== */ +/* List + ========================================================================== */ +.uk-comment-list { + padding: 0; + list-style: none; } -.uk-icon-user:before { - content: "\f007"; +/* Adjacent siblings */ +.uk-comment-list > :nth-child(n+2) { + margin-top: 70px; } -.uk-icon-film:before { - content: "\f008"; +/* + * Sublists + * Note: General sibling selector allows reply block between comment and sublist + */ +.uk-comment-list .uk-comment ~ ul { + margin: 70px 0 0 0; + padding-left: 30px; + list-style: none; } -.uk-icon-th-large:before { - content: "\f009"; +/* Tablet and bigger */ +@media (min-width: 960px) { + .uk-comment-list .uk-comment ~ ul { + padding-left: 100px; + } } -.uk-icon-th:before { - content: "\f00a"; +/* Adjacent siblings */ +.uk-comment-list .uk-comment ~ ul > :nth-child(n+2) { + margin-top: 70px; } -.uk-icon-th-list:before { - content: "\f00b"; +/* Style modifier + ========================================================================== */ +.uk-comment-primary { + padding: 30px; + background-color: #f8f8f8; } -.uk-icon-check:before { - content: "\f00c"; +/* ======================================================================== + Component: Search + ========================================================================== */ +/* + * 1. Container fits its content + * 2. Create position context + * 3. Prevent content overflow + * 4. Reset `form` + */ +.uk-search { + /* 1 */ + display: inline-block; + /* 2 */ + position: relative; + /* 3 */ + max-width: 100%; + /* 4 */ + margin: 0; } -.uk-icon-times:before { - content: "\f00d"; +/* Input + ========================================================================== */ +/* + * Remove the inner padding and cancel buttons in Chrome on OS X and Safari on OS X. + */ +.uk-search-input::-webkit-search-cancel-button, +.uk-search-input::-webkit-search-decoration { + -webkit-appearance: none; } -.uk-icon-search-plus:before { - content: "\f00e"; +/* + * Removes placeholder transparency in Firefox. + */ +.uk-search-input::-moz-placeholder { + opacity: 1; } -.uk-icon-search-minus:before { - content: "\f010"; +/* + * 1. Define consistent box sizing. + * 2. Address margins set differently in Firefox/IE and Chrome/Safari/Opera. + * 3. Remove `border-radius` in iOS. + * 4. Change font properties to `inherit` in all browsers + * 5. Show the overflow in Edge. + * 6. Remove default style in iOS. + * 7. Vertical alignment + * 8. Take the full container width + * 9. Style + */ +.uk-search-input { + /* 1 */ + box-sizing: border-box; + /* 2 */ + margin: 0; + /* 3 */ + border-radius: 0; + /* 4 */ + font: inherit; + /* 5 */ + overflow: visible; + /* 6 */ + -webkit-appearance: none; + /* 7 */ + vertical-align: middle; + /* 8 */ + width: 100%; + /* 9 */ + border: none; + color: #666; } -.uk-icon-power-off:before { - content: "\f011"; +.uk-search-input:focus { + outline: none; } -.uk-icon-signal:before { - content: "\f012"; +/* Placeholder */ +.uk-search-input:-ms-input-placeholder { + color: #999 !important; } -.uk-icon-gear:before, -.uk-icon-cog:before { - content: "\f013"; +.uk-search-input::placeholder { + color: #999; } -.uk-icon-trash-o:before { - content: "\f014"; +/* Icon (Adopts `uk-icon`) + ========================================================================== */ +/* + * Remove default focus style + */ +.uk-search-icon:focus { + outline: none; } -.uk-icon-home:before { - content: "\f015"; +/* + * Position above input + * 1. Set position + * 2. Center icon vertically and horizontally + * 3. Style + */ +.uk-search .uk-search-icon { + /* 1 */ + position: absolute; + top: 0; + bottom: 0; + left: 0; + /* 2 */ + display: inline-flex; + justify-content: center; + align-items: center; + /* 3 */ + color: #999; } -.uk-icon-file-o:before { - content: "\f016"; +/* + * Required for `a`. + */ +.uk-search .uk-search-icon:hover { + color: #999; } -.uk-icon-clock-o:before { - content: "\f017"; +/* + * Make `input` element clickable through icon, e.g. if it's a `span` + */ +.uk-search .uk-search-icon:not(a):not(button):not(input) { + pointer-events: none; } -.uk-icon-road:before { - content: "\f018"; +/* + * Position modifier + */ +.uk-search .uk-search-icon-flip { + right: 0; + left: auto; } -.uk-icon-download:before { - content: "\f019"; +/* Default modifier + ========================================================================== */ +.uk-search-default { + width: 180px; } -.uk-icon-arrow-circle-o-down:before { - content: "\f01a"; +/* + * Input + */ +.uk-search-default .uk-search-input { + height: 40px; + padding-left: 6px; + padding-right: 6px; + background: transparent; + border: 1px solid #e5e5e5; } -.uk-icon-arrow-circle-o-up:before { - content: "\f01b"; +/* Focus */ +.uk-search-default .uk-search-input:focus { + background-color: transparent; } -.uk-icon-inbox:before { - content: "\f01c"; +/* + * Icon + */ +.uk-search-default .uk-search-icon { + width: 40px; } -.uk-icon-play-circle-o:before { - content: "\f01d"; +.uk-search-default .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input { + padding-left: 40px; } -.uk-icon-rotate-right:before, -.uk-icon-repeat:before { - content: "\f01e"; +.uk-search-default .uk-search-icon-flip ~ .uk-search-input { + padding-right: 40px; } -.uk-icon-refresh:before { - content: "\f021"; +/* Navbar modifier + ========================================================================== */ +.uk-search-navbar { + width: 400px; } -.uk-icon-list-alt:before { - content: "\f022"; +/* + * Input + */ +.uk-search-navbar .uk-search-input { + height: 40px; + background: transparent; + font-size: 1.5rem; } -.uk-icon-lock:before { - content: "\f023"; +/* + * Icon + */ +.uk-search-navbar .uk-search-icon { + width: 40px; } -.uk-icon-flag:before { - content: "\f024"; +.uk-search-navbar .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input { + padding-left: 40px; } -.uk-icon-headphones:before { - content: "\f025"; +.uk-search-navbar .uk-search-icon-flip ~ .uk-search-input { + padding-right: 40px; } -.uk-icon-volume-off:before { - content: "\f026"; +/* Large modifier + ========================================================================== */ +.uk-search-large { + width: 500px; } -.uk-icon-volume-down:before { - content: "\f027"; +/* + * Input + */ +.uk-search-large .uk-search-input { + height: 80px; + background: transparent; + font-size: 2.625rem; } -.uk-icon-volume-up:before { - content: "\f028"; +/* + * Icon + */ +.uk-search-large .uk-search-icon { + width: 80px; } -.uk-icon-qrcode:before { - content: "\f029"; +.uk-search-large .uk-search-icon:not(.uk-search-icon-flip) ~ .uk-search-input { + padding-left: 80px; } -.uk-icon-barcode:before { - content: "\f02a"; +.uk-search-large .uk-search-icon-flip ~ .uk-search-input { + padding-right: 80px; } -.uk-icon-tag:before { - content: "\f02b"; +/* Toggle + ========================================================================== */ +.uk-search-toggle { + color: #999; } -.uk-icon-tags:before { - content: "\f02c"; +/* Hover + Focus */ +.uk-search-toggle:hover, +.uk-search-toggle:focus { + color: #666; } -.uk-icon-book:before { - content: "\f02d"; +/* ======================================================================== + Component: Accordion + ========================================================================== */ +.uk-accordion { + padding: 0; + list-style: none; } -.uk-icon-bookmark:before { - content: "\f02e"; +/* Item + ========================================================================== */ +.uk-accordion > :nth-child(n+2) { + margin-top: 20px; } -.uk-icon-print:before { - content: "\f02f"; +/* Title + ========================================================================== */ +.uk-accordion-title { + display: block; + font-size: 1.25rem; + line-height: 1.4; + color: #333; + overflow: hidden; } -.uk-icon-camera:before { - content: "\f030"; +.uk-accordion-title::before { + content: ""; + width: 1.4em; + height: 1.4em; + margin-left: 10px; + float: right; + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E"); + background-repeat: no-repeat; + background-position: 50% 50%; } -.uk-icon-font:before { - content: "\f031"; +.uk-open > .uk-accordion-title::before { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E"); } -.uk-icon-bold:before { - content: "\f032"; +/* Hover + Focus */ +.uk-accordion-title:hover, +.uk-accordion-title:focus { + color: #666; + text-decoration: none; + outline: none; } -.uk-icon-italic:before { - content: "\f033"; +/* Content + ========================================================================== */ +.uk-accordion-content { + display: flow-root; + margin-top: 20px; } -.uk-icon-text-height:before { - content: "\f034"; +/* + * Remove margin from the last-child + */ +.uk-accordion-content > :last-child { + margin-bottom: 0; } -.uk-icon-text-width:before { - content: "\f035"; +/* ======================================================================== + Component: Drop + ========================================================================== */ +/* + * 1. Hide by default + * 2. Set position + * 3. Set a default width + */ +.uk-drop { + /* 1 */ + display: none; + /* 2 */ + position: absolute; + z-index: 1020; + /* 3 */ + box-sizing: border-box; + width: 300px; } -.uk-icon-align-left:before { - content: "\f036"; +/* Show */ +.uk-drop.uk-open { + display: block; } -.uk-icon-align-center:before { - content: "\f037"; +/* Direction / Alignment modifiers + ========================================================================== */ +/* Direction */ +[class*='uk-drop-top'] { + margin-top: -20px; } -.uk-icon-align-right:before { - content: "\f038"; +[class*='uk-drop-bottom'] { + margin-top: 20px; } -.uk-icon-align-justify:before { - content: "\f039"; +[class*='uk-drop-left'] { + margin-left: -20px; } -.uk-icon-list:before { - content: "\f03a"; +[class*='uk-drop-right'] { + margin-left: 20px; } -.uk-icon-dedent:before, -.uk-icon-outdent:before { - content: "\f03b"; +/* Grid modifiers + ========================================================================== */ +.uk-drop-stack .uk-drop-grid > * { + width: 100% !important; } -.uk-icon-indent:before { - content: "\f03c"; +/* ======================================================================== + Component: Dropdown + ========================================================================== */ +/* + * 1. Hide by default + * 2. Set position + * 3. Set a default width + * 4. Style + */ +.uk-dropdown { + /* 1 */ + display: none; + /* 2 */ + position: absolute; + z-index: 1020; + /* 3 */ + box-sizing: border-box; + min-width: 200px; + /* 4 */ + padding: 25px; + background: #fff; + color: #666; + box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15); } -.uk-icon-video-camera:before { - content: "\f03d"; +/* Show */ +.uk-dropdown.uk-open { + display: block; } -.uk-icon-picture-o:before { - content: "\f03e"; +/* Nav + * Adopts `uk-nav` + ========================================================================== */ +.uk-dropdown-nav { + white-space: nowrap; + font-size: 0.875rem; } -.uk-icon-pencil:before { - content: "\f040"; +/* + * Items + */ +.uk-dropdown-nav > li > a { + color: #999; } -.uk-icon-map-marker:before { - content: "\f041"; +/* Hover + Focus + Active */ +.uk-dropdown-nav > li > a:hover, +.uk-dropdown-nav > li > a:focus, +.uk-dropdown-nav > li.uk-active > a { + color: #666; } -.uk-icon-adjust:before { - content: "\f042"; +/* + * Header + */ +.uk-dropdown-nav .uk-nav-header { + color: #333; } -.uk-icon-tint:before { - content: "\f043"; +/* + * Divider + */ +.uk-dropdown-nav .uk-nav-divider { + border-top: 1px solid #e5e5e5; } -.uk-icon-edit:before, -.uk-icon-pencil-square-o:before { - content: "\f044"; +/* + * Sublists + */ +.uk-dropdown-nav .uk-nav-sub a { + color: #999; } -.uk-icon-share-square-o:before { - content: "\f045"; +.uk-dropdown-nav .uk-nav-sub a:hover, +.uk-dropdown-nav .uk-nav-sub a:focus, +.uk-dropdown-nav .uk-nav-sub li.uk-active > a { + color: #666; } -.uk-icon-check-square-o:before { - content: "\f046"; +/* Direction / Alignment modifiers + ========================================================================== */ +/* Direction */ +[class*='uk-dropdown-top'] { + margin-top: -10px; } -.uk-icon-arrows:before { - content: "\f047"; +[class*='uk-dropdown-bottom'] { + margin-top: 10px; } -.uk-icon-step-backward:before { - content: "\f048"; +[class*='uk-dropdown-left'] { + margin-left: -10px; } -.uk-icon-fast-backward:before { - content: "\f049"; +[class*='uk-dropdown-right'] { + margin-left: 10px; } -.uk-icon-backward:before { - content: "\f04a"; +/* Grid modifiers + ========================================================================== */ +.uk-dropdown-stack .uk-dropdown-grid > * { + width: 100% !important; } -.uk-icon-play:before { - content: "\f04b"; +/* ======================================================================== + Component: Modal + ========================================================================== */ +/* + * 1. Hide by default + * 2. Set position + * 3. Allow scrolling for the modal dialog + * 4. Horizontal padding + * 5. Mask the background page + * 6. Fade-in transition + */ +.uk-modal { + /* 1 */ + display: none; + /* 2 */ + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1010; + /* 3 */ + overflow-y: auto; + -webkit-overflow-scrolling: touch; + /* 4 */ + padding: 15px 15px; + /* 5 */ + background: rgba(0, 0, 0, 0.6); + /* 6 */ + opacity: 0; + transition: opacity 0.15s linear; } -.uk-icon-pause:before { - content: "\f04c"; +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-modal { + padding: 50px 30px; + } } -.uk-icon-stop:before { - content: "\f04d"; +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-modal { + padding-left: 40px; + padding-right: 40px; + } } -.uk-icon-forward:before { - content: "\f04e"; +/* + * Open + */ +.uk-modal.uk-open { + opacity: 1; } -.uk-icon-fast-forward:before { - content: "\f050"; +/* Page + ========================================================================== */ +/* + * Prevent scrollbars + */ +.uk-modal-page { + overflow: hidden; } -.uk-icon-step-forward:before { - content: "\f051"; +/* Dialog + ========================================================================== */ +/* + * 1. Create position context for spinner and close button + * 2. Dimensions + * 3. Fix `max-width: 100%` not working in combination with flex and responsive images in IE11 + * `!important` needed to overwrite `uk-width-auto`. See `#modal-media-image` in tests + * 4. Style + * 5. Slide-in transition + */ +.uk-modal-dialog { + /* 1 */ + position: relative; + /* 2 */ + box-sizing: border-box; + margin: 0 auto; + width: 600px; + /* 3 */ + max-width: calc(100% - 0.01px) !important; + /* 4 */ + background: #fff; + /* 5 */ + opacity: 0; + transform: translateY(-100px); + transition: 0.3s linear; + transition-property: opacity, transform; } -.uk-icon-eject:before { - content: "\f052"; +/* + * Open + */ +.uk-open > .uk-modal-dialog { + opacity: 1; + transform: translateY(0); } -.uk-icon-chevron-left:before { - content: "\f053"; +/* Size modifier + ========================================================================== */ +/* + * Container size + * Take the same size as the Container component + */ +.uk-modal-container .uk-modal-dialog { + width: 1200px; } -.uk-icon-chevron-right:before { - content: "\f054"; +/* + * Full size + * 1. Remove padding and background from modal + * 2. Reset all default declarations from modal dialog + */ +/* 1 */ +.uk-modal-full { + padding: 0; + background: none; } -.uk-icon-plus-circle:before { - content: "\f055"; +/* 2 */ +.uk-modal-full .uk-modal-dialog { + margin: 0; + width: 100%; + max-width: 100%; + transform: translateY(0); } -.uk-icon-minus-circle:before { - content: "\f056"; +/* Sections + ========================================================================== */ +.uk-modal-body { + display: flow-root; + padding: 30px 30px; } -.uk-icon-times-circle:before { - content: "\f057"; +.uk-modal-header { + display: flow-root; + padding: 15px 30px; + background: #fff; + border-bottom: 1px solid #e5e5e5; } -.uk-icon-check-circle:before { - content: "\f058"; +.uk-modal-footer { + display: flow-root; + padding: 15px 30px; + background: #fff; + border-top: 1px solid #e5e5e5; } -.uk-icon-question-circle:before { - content: "\f059"; +/* + * Remove margin from the last-child + */ +.uk-modal-body > :last-child, +.uk-modal-header > :last-child, +.uk-modal-footer > :last-child { + margin-bottom: 0; } -.uk-icon-info-circle:before { - content: "\f05a"; +/* Title + ========================================================================== */ +.uk-modal-title { + font-size: 2rem; + line-height: 1.3; } -.uk-icon-crosshairs:before { - content: "\f05b"; +/* Close + * Adopts `uk-close` + ========================================================================== */ +[class*='uk-modal-close-'] { + position: absolute; + z-index: 1010; + top: 10px; + right: 10px; + padding: 5px; } -.uk-icon-times-circle-o:before { - content: "\f05c"; +/* + * Remove margin from adjacent element + */ +[class*='uk-modal-close-']:first-child + * { + margin-top: 0; } -.uk-icon-check-circle-o:before { - content: "\f05d"; +/* + * Hover + */ +/* + * Default + */ +/* + * Outside + * 1. Prevent scrollbar on small devices + */ +.uk-modal-close-outside { + top: 0; + /* 1 */ + right: -5px; + transform: translate(0, -100%); + color: #ffffff; } -.uk-icon-ban:before { - content: "\f05e"; +.uk-modal-close-outside:hover { + color: #fff; } -.uk-icon-arrow-left:before { - content: "\f060"; +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + /* 1 */ + .uk-modal-close-outside { + right: 0; + transform: translate(100%, -100%); + } } -.uk-icon-arrow-right:before { - content: "\f061"; +/* + * Full + */ +.uk-modal-close-full { + top: 0; + right: 0; + padding: 20px; + background: #fff; } -.uk-icon-arrow-up:before { - content: "\f062"; +/* ======================================================================== + Component: Lightbox + ========================================================================== */ +/* + * 1. Hide by default + * 2. Set position + * 3. Allow scrolling for the modal dialog + * 4. Horizontal padding + * 5. Mask the background page + * 6. Fade-in transition + * 7. Prevent cancellation of pointer events while dragging + */ +.uk-lightbox { + /* 1 */ + display: none; + /* 2 */ + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1010; + /* 5 */ + background: #000; + /* 6 */ + opacity: 0; + transition: opacity 0.15s linear; + /* 7 */ + touch-action: pinch-zoom; } -.uk-icon-arrow-down:before { - content: "\f063"; +/* + * Open + * 1. Center child + * 2. Fade-in + */ +.uk-lightbox.uk-open { + display: block; + /* 2 */ + opacity: 1; } -.uk-icon-mail-forward:before, -.uk-icon-share:before { - content: "\f064"; +/* Page + ========================================================================== */ +/* + * Prevent scrollbars + */ +.uk-lightbox-page { + overflow: hidden; } -.uk-icon-expand:before { - content: "\f065"; +/* Item + ========================================================================== */ +/* + * 1. Center child within the viewport + * 2. Not visible by default + * 3. Color needed for spinner icon + * 4. Optimize animation + * 5. Responsiveness + * Using `vh` for `max-height` to fix image proportions after resize in Safari and Opera + * Using `vh` and `vw` to make responsive image work in IE11 + * 6. Suppress outline on focus + */ +.uk-lightbox-items > * { + /* 1 */ + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + /* 2 */ + display: none; + justify-content: center; + align-items: center; + /* 3 */ + color: rgba(255, 255, 255, 0.7); + /* 4 */ + will-change: transform, opacity; } -.uk-icon-compress:before { - content: "\f066"; +/* 5 */ +.uk-lightbox-items > * > * { + max-width: 100vw; + max-height: 100vh; } -.uk-icon-plus:before { - content: "\f067"; +/* 6 */ +.uk-lightbox-items > :focus { + outline: none; } -.uk-icon-minus:before { - content: "\f068"; +.uk-lightbox-items > * > :not(iframe) { + width: auto; + height: auto; } -.uk-icon-asterisk:before { - content: "\f069"; +.uk-lightbox-items > .uk-active { + display: flex; } -.uk-icon-exclamation-circle:before { - content: "\f06a"; +/* Toolbar + ========================================================================== */ +.uk-lightbox-toolbar { + padding: 10px 10px; + background: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.7); } -.uk-icon-gift:before { - content: "\f06b"; +.uk-lightbox-toolbar > * { + color: rgba(255, 255, 255, 0.7); } -.uk-icon-leaf:before { - content: "\f06c"; +/* Toolbar Icon (Close) + ========================================================================== */ +.uk-lightbox-toolbar-icon { + padding: 5px; + color: rgba(255, 255, 255, 0.7); } -.uk-icon-fire:before { - content: "\f06d"; +/* + * Hover + */ +.uk-lightbox-toolbar-icon:hover { + color: #fff; } -.uk-icon-eye:before { - content: "\f06e"; +/* Button (Slidenav) + ========================================================================== */ +/* + * 1. Center icon vertically and horizontally + */ +.uk-lightbox-button { + box-sizing: border-box; + width: 50px; + height: 50px; + background: rgba(0, 0, 0, 0.3); + color: rgba(255, 255, 255, 0.7); + /* 1 */ + display: inline-flex; + justify-content: center; + align-items: center; } -.uk-icon-eye-slash:before { - content: "\f070"; +/* + * Hover + */ +.uk-lightbox-button:hover { + color: #fff; } -.uk-icon-warning:before, -.uk-icon-exclamation-triangle:before { - content: "\f071"; +/* Caption + ========================================================================== */ +.uk-lightbox-caption:empty { + display: none; } -.uk-icon-plane:before { - content: "\f072"; +/* Iframe + ========================================================================== */ +.uk-lightbox-iframe { + width: 80%; + height: 80%; } -.uk-icon-calendar:before { - content: "\f073"; +/* ======================================================================== + Component: Slideshow + ========================================================================== */ +/* + * 1. Prevent tab highlighting on iOS. + */ +.uk-slideshow { + /* 1 */ + -webkit-tap-highlight-color: transparent; } -.uk-icon-random:before { - content: "\f074"; +/* Items + ========================================================================== */ +/* + * 1. Create position and stacking context + * 2. Reset list + * 3. Clip child elements + * 4. Prevent displaying the callout information on iOS. + */ +.uk-slideshow-items { + /* 1 */ + position: relative; + z-index: 0; + /* 2 */ + margin: 0; + padding: 0; + list-style: none; + /* 3 */ + overflow: hidden; + /* 4 */ + -webkit-touch-callout: none; } -.uk-icon-comment:before { - content: "\f075"; +/* Item + ========================================================================== */ +/* + * 1. Position items above each other + * 2. Take the full width + * 3. Clip child elements, e.g. for `uk-cover` + * 4. Optimize animation + * 5. Disable horizontal panning gestures in IE11 and Edge + * 6. Suppress outline on focus + */ +.uk-slideshow-items > * { + /* 1 */ + position: absolute; + top: 0; + left: 0; + /* 2 */ + right: 0; + bottom: 0; + /* 3 */ + overflow: hidden; + /* 4 */ + will-change: transform, opacity; + /* 5 */ + touch-action: pan-y; } -.uk-icon-magnet:before { - content: "\f076"; +/* 6 */ +.uk-slideshow-items > :focus { + outline: none; } -.uk-icon-chevron-up:before { - content: "\f077"; +/* + * Hide not active items + */ +.uk-slideshow-items > :not(.uk-active) { + display: none; } -.uk-icon-chevron-down:before { - content: "\f078"; +/* ======================================================================== + Component: Slider + ========================================================================== */ +/* + * 1. Prevent tab highlighting on iOS. + */ +.uk-slider { + /* 1 */ + -webkit-tap-highlight-color: transparent; } -.uk-icon-retweet:before { - content: "\f079"; +/* Container + ========================================================================== */ +/* + * 1. Clip child elements + */ +.uk-slider-container { + /* 1 */ + overflow: hidden; } -.uk-icon-shopping-cart:before { - content: "\f07a"; +/* Items + ========================================================================== */ +/* + * 1. Optimize animation + * 2. Create a containing block. In Safari it's neither created by `transform` nor `will-change`. + */ +.uk-slider-items { + /* 1 */ + will-change: transform; + /* 2 */ + position: relative; } -.uk-icon-folder:before { - content: "\f07b"; +/* + * 1. Reset list style without interfering with grid + * 2. Prevent displaying the callout information on iOS. + */ +.uk-slider-items:not(.uk-grid) { + display: flex; + /* 1 */ + margin: 0; + padding: 0; + list-style: none; + /* 2 */ + -webkit-touch-callout: none; } -.uk-icon-folder-open:before { - content: "\f07c"; +.uk-slider-items.uk-grid { + flex-wrap: nowrap; } -.uk-icon-arrows-v:before { - content: "\f07d"; +/* Item + ========================================================================== */ +/* + * 1. Let items take content dimensions (0 0 auto) + * 2. Create position context + * 3. Disable horizontal panning gestures in IE11 and Edge + * 4. Suppress outline on focus + */ +.uk-slider-items > * { + /* 1 */ + flex: none; + /* 2 */ + position: relative; + /* 3 */ + touch-action: pan-y; } -.uk-icon-arrows-h:before { - content: "\f07e"; +/* 4 */ +.uk-slider-items > :focus { + outline: none; } -.uk-icon-bar-chart-o:before { - content: "\f080"; +/* ======================================================================== + Component: Sticky + ========================================================================== */ +/* + * 1. Resolve frame rate issues on devices with lower frame rates by forcing hardware acceleration + */ +.uk-sticky-fixed { + z-index: 980; + box-sizing: border-box; + margin: 0 !important; + /* 1 */ + -webkit-backface-visibility: hidden; + backface-visibility: hidden; } -.uk-icon-twitter-square:before { - content: "\f081"; +/* + * Faster animations + */ +.uk-sticky[class*='uk-animation-'] { + animation-duration: 0.2s; } -.uk-icon-facebook-square:before { - content: "\f082"; +.uk-sticky.uk-animation-reverse { + animation-duration: 0.2s; } -.uk-icon-camera-retro:before { - content: "\f083"; +/* ======================================================================== + Component: Off-canvas + ========================================================================== */ +/* + * 1. Hide by default + * 2. Set position + */ +.uk-offcanvas { + /* 1 */ + display: none; + /* 2 */ + position: fixed; + top: 0; + bottom: 0; + left: 0; + z-index: 1000; } -.uk-icon-key:before { - content: "\f084"; +/* + * Flip modifier + */ +.uk-offcanvas-flip .uk-offcanvas { + right: 0; + left: auto; } -.uk-icon-gears:before, -.uk-icon-cogs:before { - content: "\f085"; +/* Bar + ========================================================================== */ +/* + * 1. Set position + * 2. Size and style + * 3. Allow scrolling + */ +.uk-offcanvas-bar { + /* 1 */ + position: absolute; + top: 0; + bottom: 0; + left: -270px; + /* 2 */ + box-sizing: border-box; + width: 270px; + padding: 20px 20px; + background: #222; + /* 3 */ + overflow-y: auto; + -webkit-overflow-scrolling: touch; } -.uk-icon-comments:before { - content: "\f086"; +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-offcanvas-bar { + left: -350px; + width: 350px; + padding: 40px 40px; + } } -.uk-icon-thumbs-o-up:before { - content: "\f087"; +/* Flip modifier */ +.uk-offcanvas-flip .uk-offcanvas-bar { + left: auto; + right: -270px; } -.uk-icon-thumbs-o-down:before { - content: "\f088"; +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-offcanvas-flip .uk-offcanvas-bar { + right: -350px; + } } -.uk-icon-star-half:before { - content: "\f089"; +/* + * Open + */ +.uk-open > .uk-offcanvas-bar { + left: 0; } -.uk-icon-heart-o:before { - content: "\f08a"; +.uk-offcanvas-flip .uk-open > .uk-offcanvas-bar { + left: auto; + right: 0; } -.uk-icon-sign-out:before { - content: "\f08b"; +/* + * Slide Animation (Used in slide and push mode) + */ +.uk-offcanvas-bar-animation { + transition: left 0.3s ease-out; } -.uk-icon-linkedin-square:before { - content: "\f08c"; +.uk-offcanvas-flip .uk-offcanvas-bar-animation { + transition-property: right; } -.uk-icon-thumb-tack:before { - content: "\f08d"; +/* + * Reveal Animation + * 1. Set position + * 2. Clip the bar + * 3. Animation + * 4. Reset position + */ +.uk-offcanvas-reveal { + /* 1 */ + position: absolute; + top: 0; + bottom: 0; + left: 0; + /* 2 */ + width: 0; + overflow: hidden; + /* 3 */ + transition: width 0.3s ease-out; } -.uk-icon-external-link:before { - content: "\f08e"; +.uk-offcanvas-reveal .uk-offcanvas-bar { + /* 4 */ + left: 0; } -.uk-icon-sign-in:before { - content: "\f090"; +.uk-offcanvas-flip .uk-offcanvas-reveal .uk-offcanvas-bar { + /* 4 */ + left: auto; + right: 0; } -.uk-icon-trophy:before { - content: "\f091"; +.uk-open > .uk-offcanvas-reveal { + width: 270px; } -.uk-icon-github-square:before { - content: "\f092"; +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-open > .uk-offcanvas-reveal { + width: 350px; + } } -.uk-icon-upload:before { - content: "\f093"; +/* + * Flip modifier + */ +.uk-offcanvas-flip .uk-offcanvas-reveal { + right: 0; + left: auto; } -.uk-icon-lemon-o:before { - content: "\f094"; +/* Close + * Adopts `uk-close` + ========================================================================== */ +.uk-offcanvas-close { + position: absolute; + z-index: 1000; + top: 20px; + right: 20px; + padding: 5px; } -.uk-icon-phone:before { - content: "\f095"; +/* Overlay + ========================================================================== */ +/* + * Overlay the whole page. Needed for the `::before` + * 1. Using `100vw` so no modification is needed when off-canvas is flipped + * 2. Allow for closing with swipe gesture on devices with pointer events. + */ +.uk-offcanvas-overlay { + /* 1 */ + width: 100vw; + /* 2 */ + touch-action: none; } -.uk-icon-square-o:before { - content: "\f096"; +/* + * 1. Mask the whole page + * 2. Fade-in transition + */ +.uk-offcanvas-overlay::before { + /* 1 */ + content: ""; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + background: rgba(0, 0, 0, 0.1); + /* 2 */ + opacity: 0; + transition: opacity 0.15s linear; } -.uk-icon-bookmark-o:before { - content: "\f097"; +.uk-offcanvas-overlay.uk-open::before { + opacity: 1; } -.uk-icon-phone-square:before { - content: "\f098"; +/* Prevent scrolling + ========================================================================== */ +/* + * Prevent horizontal scrollbar when the content is slide-out + * Has to be on the `html` element too to make it work on the `body` + */ +.uk-offcanvas-page, +.uk-offcanvas-container { + overflow-x: hidden; } -.uk-icon-twitter:before { - content: "\f099"; +/* Container + ========================================================================== */ +/* + * Prepare slide-out animation (Used in reveal and push mode) + * Using `position: left` instead of `transform` because position `fixed` elements like sticky navbars + * lose their fixed state and behaves like `absolute` within a transformed container + * 1. Provide a fixed width and prevent shrinking + */ +.uk-offcanvas-container { + position: relative; + left: 0; + transition: left 0.3s ease-out; + /* 1 */ + box-sizing: border-box; + width: 100%; } -.uk-icon-facebook:before { - content: "\f09a"; +/* + * Activate slide-out animation + */ +:not(.uk-offcanvas-flip).uk-offcanvas-container-animation { + left: 270px; } -.uk-icon-github:before { - content: "\f09b"; +.uk-offcanvas-flip.uk-offcanvas-container-animation { + left: -270px; } -.uk-icon-unlock:before { - content: "\f09c"; +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + :not(.uk-offcanvas-flip).uk-offcanvas-container-animation { + left: 350px; + } + .uk-offcanvas-flip.uk-offcanvas-container-animation { + left: -350px; + } } -.uk-icon-credit-card:before { - content: "\f09d"; +/* ======================================================================== + Component: Switcher + ========================================================================== */ +/* + * Reset list + */ +.uk-switcher { + margin: 0; + padding: 0; + list-style: none; } -.uk-icon-rss:before { - content: "\f09e"; +/* Items + ========================================================================== */ +/* + * Hide not active items + */ +.uk-switcher > :not(.uk-active) { + display: none; } -.uk-icon-hdd-o:before { - content: "\f0a0"; +/* + * Remove margin from the last-child + */ +.uk-switcher > * > :last-child { + margin-bottom: 0; } -.uk-icon-bullhorn:before { - content: "\f0a1"; +/* ======================================================================== + Component: Leader + ========================================================================== */ +.uk-leader { + overflow: hidden; } -.uk-icon-bell:before { - content: "\f0f3"; +/* + * 1. Place element in text flow + * 2. Never break into a new line + * 3. Get a string back with as many repeating characters to fill the container + * 4. Prevent wrapping. Overflowing characters will be clipped by the container + */ +.uk-leader-fill::after { + /* 1 */ + display: inline-block; + margin-left: 15px; + /* 2 */ + width: 0; + /* 3 */ + content: attr(data-fill); + /* 4 */ + white-space: nowrap; } -.uk-icon-certificate:before { - content: "\f0a3"; +/* + * Hide if media does not match + */ +.uk-leader-fill.uk-leader-hide::after { + display: none; } -.uk-icon-hand-o-right:before { - content: "\f0a4"; +/* + * Pass fill character to JS + */ +.uk-leader-fill-content::before { + content: '.'; } -.uk-icon-hand-o-left:before { - content: "\f0a5"; +:root { + --uk-leader-fill-content: .; } -.uk-icon-hand-o-up:before { - content: "\f0a6"; +/* ======================================================================== + Component: Notification + ========================================================================== */ +/* + * 1. Set position + * 2. Dimensions + */ +.uk-notification { + /* 1 */ + position: fixed; + top: 10px; + left: 10px; + z-index: 1040; + /* 2 */ + box-sizing: border-box; + width: 350px; } -.uk-icon-hand-o-down:before { - content: "\f0a7"; +/* Position modifiers +========================================================================== */ +.uk-notification-top-right, +.uk-notification-bottom-right { + left: auto; + right: 10px; } -.uk-icon-arrow-circle-left:before { - content: "\f0a8"; +.uk-notification-top-center, +.uk-notification-bottom-center { + left: 50%; + margin-left: -175px; } -.uk-icon-arrow-circle-right:before { - content: "\f0a9"; +.uk-notification-bottom-left, +.uk-notification-bottom-right, +.uk-notification-bottom-center { + top: auto; + bottom: 10px; +} +/* Responsiveness +========================================================================== */ +/* Phones portrait and smaller */ +@media (max-width: 639px) { + .uk-notification { + left: 10px; + right: 10px; + width: auto; + margin: 0; + } } -.uk-icon-arrow-circle-up:before { - content: "\f0aa"; +/* Message +========================================================================== */ +.uk-notification-message { + position: relative; + padding: 15px; + background: #f8f8f8; + color: #666; + font-size: 1.25rem; + line-height: 1.4; + cursor: pointer; } -.uk-icon-arrow-circle-down:before { - content: "\f0ab"; +* + .uk-notification-message { + margin-top: 10px; } -.uk-icon-globe:before { - content: "\f0ac"; +/* Close + * Adopts `uk-close` + ========================================================================== */ +.uk-notification-close { + display: none; + position: absolute; + top: 20px; + right: 15px; } -.uk-icon-wrench:before { - content: "\f0ad"; +.uk-notification-message:hover .uk-notification-close { + display: block; } -.uk-icon-tasks:before { - content: "\f0ae"; +/* Style modifiers + ========================================================================== */ +/* + * Primary + */ +.uk-notification-message-primary { + color: #1e87f0; } -.uk-icon-filter:before { - content: "\f0b0"; +/* + * Success + */ +.uk-notification-message-success { + color: #32d296; } -.uk-icon-briefcase:before { - content: "\f0b1"; +/* + * Warning + */ +.uk-notification-message-warning { + color: #faa05a; } -.uk-icon-arrows-alt:before { - content: "\f0b2"; +/* + * Danger + */ +.uk-notification-message-danger { + color: #f0506e; } -.uk-icon-group:before, -.uk-icon-users:before { - content: "\f0c0"; +/* ======================================================================== + Component: Tooltip + ========================================================================== */ +/* + * 1. Hide by default + * 2. Position + * 3. Remove tooltip from document flow to keep the UIkit container from changing its size when injected into the document initially + * 4. Dimensions + * 5. Style + */ +.uk-tooltip { + /* 1 */ + display: none; + /* 2 */ + position: absolute; + z-index: 1030; + /* 3 */ + top: 0; + /* 4 */ + box-sizing: border-box; + max-width: 200px; + padding: 3px 6px; + /* 5 */ + background: #666; + border-radius: 2px; + color: #fff; + font-size: 12px; } -.uk-icon-chain:before, -.uk-icon-link:before { - content: "\f0c1"; +/* Show */ +.uk-tooltip.uk-active { + display: block; } -.uk-icon-cloud:before { - content: "\f0c2"; +/* Direction / Alignment modifiers + ========================================================================== */ +/* Direction */ +[class*='uk-tooltip-top'] { + margin-top: -10px; } -.uk-icon-flask:before { - content: "\f0c3"; +[class*='uk-tooltip-bottom'] { + margin-top: 10px; } -.uk-icon-cut:before, -.uk-icon-scissors:before { - content: "\f0c4"; +[class*='uk-tooltip-left'] { + margin-left: -10px; } -.uk-icon-copy:before, -.uk-icon-files-o:before { - content: "\f0c5"; +[class*='uk-tooltip-right'] { + margin-left: 10px; } -.uk-icon-paperclip:before { - content: "\f0c6"; +/* ======================================================================== + Component: Sortable + ========================================================================== */ +.uk-sortable { + position: relative; } -.uk-icon-save:before, -.uk-icon-floppy-o:before { - content: "\f0c7"; +/* + * Remove margin from the last-child + */ +.uk-sortable > :last-child { + margin-bottom: 0; } -.uk-icon-square:before { - content: "\f0c8"; +/* Drag + ========================================================================== */ +.uk-sortable-drag { + position: fixed !important; + z-index: 1050 !important; + pointer-events: none; } -.uk-icon-bars:before { - content: "\f0c9"; +/* Placeholder + ========================================================================== */ +.uk-sortable-placeholder { + opacity: 0; + pointer-events: none; } -.uk-icon-list-ul:before { - content: "\f0ca"; +/* Empty modifier + ========================================================================== */ +.uk-sortable-empty { + min-height: 50px; } -.uk-icon-list-ol:before { - content: "\f0cb"; -} -.uk-icon-strikethrough:before { - content: "\f0cc"; -} -.uk-icon-underline:before { - content: "\f0cd"; -} -.uk-icon-table:before { - content: "\f0ce"; -} -.uk-icon-magic:before { - content: "\f0d0"; -} -.uk-icon-truck:before { - content: "\f0d1"; -} -.uk-icon-pinterest:before { - content: "\f0d2"; -} -.uk-icon-pinterest-square:before { - content: "\f0d3"; -} -.uk-icon-google-plus-square:before { - content: "\f0d4"; +/* Handle + ========================================================================== */ +/* Hover */ +.uk-sortable-handle:hover { + cursor: move; } -.uk-icon-google-plus:before { - content: "\f0d5"; +/* ======================================================================== + Component: Countdown + ========================================================================== */ +/* Item + ========================================================================== */ +/* Number + ========================================================================== */ +/* + * 1. Make numbers all of the same size to prevent jumping. Must be supported by the font. + * 2. Style + */ +.uk-countdown-number { + /* 1 */ + font-variant-numeric: tabular-nums; + /* 2 */ + font-size: 2rem; + line-height: 0.8; } -.uk-icon-money:before { - content: "\f0d6"; +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-countdown-number { + font-size: 4rem; + } } -.uk-icon-caret-down:before { - content: "\f0d7"; +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-countdown-number { + font-size: 6rem; + } } -.uk-icon-caret-up:before { - content: "\f0d8"; +/* Separator + ========================================================================== */ +.uk-countdown-separator { + font-size: 1rem; + line-height: 1.6; } -.uk-icon-caret-left:before { - content: "\f0d9"; +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-countdown-separator { + font-size: 2rem; + } } -.uk-icon-caret-right:before { - content: "\f0da"; +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-countdown-separator { + font-size: 3rem; + } } -.uk-icon-columns:before { - content: "\f0db"; +/* Label + ========================================================================== */ +/* ======================================================================== + Component: Grid + ========================================================================== */ +/* + * 1. Allow cells to wrap into the next line + * 2. Reset list + */ +.uk-grid { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + margin: 0; + padding: 0; + list-style: none; } -.uk-icon-unsorted:before, -.uk-icon-sort:before { - content: "\f0dc"; +/* + * Grid cell + * Note: Space is allocated solely based on content dimensions, but shrinks: 0 1 auto + * Reset margin for e.g. paragraphs + */ +.uk-grid > * { + margin: 0; } -.uk-icon-sort-down:before, -.uk-icon-sort-asc:before { - content: "\f0dd"; +/* + * Remove margin from the last-child + */ +.uk-grid > * > :last-child { + margin-bottom: 0; } -.uk-icon-sort-up:before, -.uk-icon-sort-desc:before { - content: "\f0de"; +/* Gutter + ========================================================================== */ +/* + * Default + */ +/* Horizontal */ +.uk-grid { + margin-left: -30px; } -.uk-icon-envelope:before { - content: "\f0e0"; +.uk-grid > * { + padding-left: 30px; } -.uk-icon-linkedin:before { - content: "\f0e1"; +/* Vertical */ +.uk-grid + .uk-grid, +.uk-grid > .uk-grid-margin, +* + .uk-grid-margin { + margin-top: 30px; } -.uk-icon-rotate-left:before, -.uk-icon-undo:before { - content: "\f0e2"; +/* Desktop and bigger */ +@media (min-width: 1200px) { + /* Horizontal */ + .uk-grid { + margin-left: -40px; + } + .uk-grid > * { + padding-left: 40px; + } + /* Vertical */ + .uk-grid + .uk-grid, + .uk-grid > .uk-grid-margin, + * + .uk-grid-margin { + margin-top: 40px; + } } -.uk-icon-legal:before, -.uk-icon-gavel:before { - content: "\f0e3"; +/* + * Small + */ +/* Horizontal */ +.uk-grid-small, +.uk-grid-column-small { + margin-left: -15px; } -.uk-icon-dashboard:before, -.uk-icon-tachometer:before { - content: "\f0e4"; +.uk-grid-small > *, +.uk-grid-column-small > * { + padding-left: 15px; } -.uk-icon-comment-o:before { - content: "\f0e5"; +/* Vertical */ +.uk-grid + .uk-grid-small, +.uk-grid + .uk-grid-row-small, +.uk-grid-small > .uk-grid-margin, +.uk-grid-row-small > .uk-grid-margin, +* + .uk-grid-margin-small { + margin-top: 15px; } -.uk-icon-comments-o:before { - content: "\f0e6"; +/* + * Medium + */ +/* Horizontal */ +.uk-grid-medium, +.uk-grid-column-medium { + margin-left: -30px; } -.uk-icon-flash:before, -.uk-icon-bolt:before { - content: "\f0e7"; +.uk-grid-medium > *, +.uk-grid-column-medium > * { + padding-left: 30px; } -.uk-icon-sitemap:before { - content: "\f0e8"; +/* Vertical */ +.uk-grid + .uk-grid-medium, +.uk-grid + .uk-grid-row-medium, +.uk-grid-medium > .uk-grid-margin, +.uk-grid-row-medium > .uk-grid-margin, +* + .uk-grid-margin-medium { + margin-top: 30px; } -.uk-icon-umbrella:before { - content: "\f0e9"; +/* + * Large + */ +/* Horizontal */ +.uk-grid-large, +.uk-grid-column-large { + margin-left: -40px; } -.uk-icon-paste:before, -.uk-icon-clipboard:before { - content: "\f0ea"; +.uk-grid-large > *, +.uk-grid-column-large > * { + padding-left: 40px; } -.uk-icon-lightbulb-o:before { - content: "\f0eb"; +/* Vertical */ +.uk-grid + .uk-grid-large, +.uk-grid + .uk-grid-row-large, +.uk-grid-large > .uk-grid-margin, +.uk-grid-row-large > .uk-grid-margin, +* + .uk-grid-margin-large { + margin-top: 40px; } -.uk-icon-exchange:before { - content: "\f0ec"; +/* Desktop and bigger */ +@media (min-width: 1200px) { + /* Horizontal */ + .uk-grid-large, + .uk-grid-column-large { + margin-left: -70px; + } + .uk-grid-large > *, + .uk-grid-column-large > * { + padding-left: 70px; + } + /* Vertical */ + .uk-grid + .uk-grid-large, + .uk-grid + .uk-grid-row-large, + .uk-grid-large > .uk-grid-margin, + .uk-grid-row-large > .uk-grid-margin, + * + .uk-grid-margin-large { + margin-top: 70px; + } } -.uk-icon-cloud-download:before { - content: "\f0ed"; +/* + * Collapse + */ +/* Horizontal */ +.uk-grid-collapse, +.uk-grid-column-collapse { + margin-left: 0; } -.uk-icon-cloud-upload:before { - content: "\f0ee"; +.uk-grid-collapse > *, +.uk-grid-column-collapse > * { + padding-left: 0; } -.uk-icon-user-md:before { - content: "\f0f0"; +/* Vertical */ +.uk-grid + .uk-grid-collapse, +.uk-grid + .uk-grid-row-collapse, +.uk-grid-collapse > .uk-grid-margin, +.uk-grid-row-collapse > .uk-grid-margin { + margin-top: 0; } -.uk-icon-stethoscope:before { - content: "\f0f1"; +/* Divider + ========================================================================== */ +.uk-grid-divider > * { + position: relative; } -.uk-icon-suitcase:before { - content: "\f0f2"; +.uk-grid-divider > :not(.uk-first-column)::before { + content: ""; + position: absolute; + top: 0; + bottom: 0; + border-left: 1px solid #e5e5e5; } -.uk-icon-bell-o:before { - content: "\f0a2"; +/* Vertical */ +.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { + content: ""; + position: absolute; + left: 0; + right: 0; + border-top: 1px solid #e5e5e5; } -.uk-icon-coffee:before { - content: "\f0f4"; +/* + * Default + */ +/* Horizontal */ +.uk-grid-divider { + margin-left: -60px; } -.uk-icon-cutlery:before { - content: "\f0f5"; +.uk-grid-divider > * { + padding-left: 60px; } -.uk-icon-file-text-o:before { - content: "\f0f6"; +.uk-grid-divider > :not(.uk-first-column)::before { + left: 30px; } -.uk-icon-building-o:before { - content: "\f0f7"; +/* Vertical */ +.uk-grid-divider.uk-grid-stack > .uk-grid-margin { + margin-top: 60px; } -.uk-icon-hospital-o:before { - content: "\f0f8"; +.uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { + top: -30px; + left: 60px; } -.uk-icon-ambulance:before { - content: "\f0f9"; +/* Desktop and bigger */ +@media (min-width: 1200px) { + /* Horizontal */ + .uk-grid-divider { + margin-left: -80px; + } + .uk-grid-divider > * { + padding-left: 80px; + } + .uk-grid-divider > :not(.uk-first-column)::before { + left: 40px; + } + /* Vertical */ + .uk-grid-divider.uk-grid-stack > .uk-grid-margin { + margin-top: 80px; + } + .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { + top: -40px; + left: 80px; + } } -.uk-icon-medkit:before { - content: "\f0fa"; +/* + * Small + */ +/* Horizontal */ +.uk-grid-divider.uk-grid-small, +.uk-grid-divider.uk-grid-column-small { + margin-left: -30px; } -.uk-icon-fighter-jet:before { - content: "\f0fb"; +.uk-grid-divider.uk-grid-small > *, +.uk-grid-divider.uk-grid-column-small > * { + padding-left: 30px; } -.uk-icon-beer:before { - content: "\f0fc"; +.uk-grid-divider.uk-grid-small > :not(.uk-first-column)::before, +.uk-grid-divider.uk-grid-column-small > :not(.uk-first-column)::before { + left: 15px; } -.uk-icon-h-square:before { - content: "\f0fd"; +/* Vertical */ +.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin, +.uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin { + margin-top: 30px; } -.uk-icon-plus-square:before { - content: "\f0fe"; +.uk-grid-divider.uk-grid-small.uk-grid-stack > .uk-grid-margin::before { + top: -15px; + left: 30px; } -.uk-icon-angle-double-left:before { - content: "\f100"; +.uk-grid-divider.uk-grid-row-small.uk-grid-stack > .uk-grid-margin::before { + top: -15px; } -.uk-icon-angle-double-right:before { - content: "\f101"; +.uk-grid-divider.uk-grid-column-small.uk-grid-stack > .uk-grid-margin::before { + left: 30px; } -.uk-icon-angle-double-up:before { - content: "\f102"; +/* + * Medium + */ +/* Horizontal */ +.uk-grid-divider.uk-grid-medium, +.uk-grid-divider.uk-grid-column-medium { + margin-left: -60px; } -.uk-icon-angle-double-down:before { - content: "\f103"; +.uk-grid-divider.uk-grid-medium > *, +.uk-grid-divider.uk-grid-column-medium > * { + padding-left: 60px; } -.uk-icon-angle-left:before { - content: "\f104"; +.uk-grid-divider.uk-grid-medium > :not(.uk-first-column)::before, +.uk-grid-divider.uk-grid-column-medium > :not(.uk-first-column)::before { + left: 30px; } -.uk-icon-angle-right:before { - content: "\f105"; +/* Vertical */ +.uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin, +.uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin { + margin-top: 60px; } -.uk-icon-angle-up:before { - content: "\f106"; +.uk-grid-divider.uk-grid-medium.uk-grid-stack > .uk-grid-margin::before { + top: -30px; + left: 60px; } -.uk-icon-angle-down:before { - content: "\f107"; +.uk-grid-divider.uk-grid-row-medium.uk-grid-stack > .uk-grid-margin::before { + top: -30px; } -.uk-icon-desktop:before { - content: "\f108"; +.uk-grid-divider.uk-grid-column-medium.uk-grid-stack > .uk-grid-margin::before { + left: 60px; } -.uk-icon-laptop:before { - content: "\f109"; +/* + * Large + */ +/* Horizontal */ +.uk-grid-divider.uk-grid-large, +.uk-grid-divider.uk-grid-column-large { + margin-left: -80px; } -.uk-icon-tablet:before { - content: "\f10a"; +.uk-grid-divider.uk-grid-large > *, +.uk-grid-divider.uk-grid-column-large > * { + padding-left: 80px; } -.uk-icon-mobile-phone:before, -.uk-icon-mobile:before { - content: "\f10b"; +.uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before, +.uk-grid-divider.uk-grid-column-large > :not(.uk-first-column)::before { + left: 40px; } -.uk-icon-circle-o:before { - content: "\f10c"; +/* Vertical */ +.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin, +.uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin { + margin-top: 80px; } -.uk-icon-quote-left:before { - content: "\f10d"; +.uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before { + top: -40px; + left: 80px; } -.uk-icon-quote-right:before { - content: "\f10e"; +.uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before { + top: -40px; } -.uk-icon-spinner:before { - content: "\f110"; +.uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before { + left: 80px; } -.uk-icon-circle:before { - content: "\f111"; +/* Desktop and bigger */ +@media (min-width: 1200px) { + /* Horizontal */ + .uk-grid-divider.uk-grid-large, + .uk-grid-divider.uk-grid-column-large { + margin-left: -140px; + } + .uk-grid-divider.uk-grid-large > *, + .uk-grid-divider.uk-grid-column-large > * { + padding-left: 140px; + } + .uk-grid-divider.uk-grid-large > :not(.uk-first-column)::before, + .uk-grid-divider.uk-grid-column-large > :not(.uk-first-column)::before { + left: 70px; + } + /* Vertical */ + .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin, + .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin { + margin-top: 140px; + } + .uk-grid-divider.uk-grid-large.uk-grid-stack > .uk-grid-margin::before { + top: -70px; + left: 140px; + } + .uk-grid-divider.uk-grid-row-large.uk-grid-stack > .uk-grid-margin::before { + top: -70px; + } + .uk-grid-divider.uk-grid-column-large.uk-grid-stack > .uk-grid-margin::before { + left: 140px; + } } -.uk-icon-mail-reply:before, -.uk-icon-reply:before { - content: "\f112"; +/* Match child of a grid cell + ========================================================================== */ +/* + * Behave like a block element + * 1. Wrap into the next line + * 2. Take the full width, at least 100%. Only if no class from the Width component is set. + * 3. Expand width even if larger than 100%, e.g. because of negative margin (Needed for nested grids) + */ +.uk-grid-match > *, +.uk-grid-item-match { + display: flex; + /* 1 */ + flex-wrap: wrap; } -.uk-icon-github-alt:before { - content: "\f113"; +.uk-grid-match > * > :not([class*='uk-width']), +.uk-grid-item-match > :not([class*='uk-width']) { + /* 2 */ + box-sizing: border-box; + width: 100%; + /* 3 */ + flex: auto; } -.uk-icon-folder-o:before { - content: "\f114"; +/* ======================================================================== + Component: Nav + ========================================================================== */ +/* + * Reset + * 1. Prepare lists + * 2. Prepare links + * 3. Remove default focus style + */ +/* 1 */ +.uk-nav, +.uk-nav ul { + margin: 0; + padding: 0; + list-style: none; } -.uk-icon-folder-open-o:before { - content: "\f115"; +/* 2 */ +.uk-nav li > a { + display: block; + text-decoration: none; } -.uk-icon-smile-o:before { - content: "\f118"; +/* 3 */ +.uk-nav li > a:focus { + outline: none; } -.uk-icon-frown-o:before { - content: "\f119"; +/* + * Items + * Must target `a` elements to exclude other elements (e.g. lists) + */ +.uk-nav > li > a { + padding: 5px 0; } -.uk-icon-meh-o:before { - content: "\f11a"; +/* Sublists + ========================================================================== */ +/* + * Level 2 + * `ul` needed for higher specificity to override padding + */ +ul.uk-nav-sub { + padding: 5px 0 5px 15px; } -.uk-icon-gamepad:before { - content: "\f11b"; +/* + * Level 3 and deeper + */ +.uk-nav-sub ul { + padding-left: 15px; } -.uk-icon-keyboard-o:before { - content: "\f11c"; +/* + * Items + */ +.uk-nav-sub a { + padding: 2px 0; } -.uk-icon-flag-o:before { - content: "\f11d"; +/* Parent icon modifier + ========================================================================== */ +.uk-nav-parent-icon > .uk-parent > a::after { + content: ""; + width: 1.5em; + height: 1.5em; + float: right; + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E"); + background-repeat: no-repeat; + background-position: 50% 50%; } -.uk-icon-flag-checkered:before { - content: "\f11e"; +.uk-nav-parent-icon > .uk-parent.uk-open > a::after { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E"); } -.uk-icon-terminal:before { - content: "\f120"; +/* Header + ========================================================================== */ +.uk-nav-header { + padding: 5px 0; + text-transform: uppercase; + font-size: 0.875rem; } -.uk-icon-code:before { - content: "\f121"; +.uk-nav-header:not(:first-child) { + margin-top: 20px; } -.uk-icon-reply-all:before { - content: "\f122"; +/* Divider + ========================================================================== */ +.uk-nav-divider { + margin: 5px 0; } -.uk-icon-mail-reply-all:before { - content: "\f122"; +/* Default modifier + ========================================================================== */ +.uk-nav-default { + font-size: 0.875rem; } -.uk-icon-star-half-empty:before, -.uk-icon-star-half-full:before, -.uk-icon-star-half-o:before { - content: "\f123"; +/* + * Items + */ +.uk-nav-default > li > a { + color: #999; } -.uk-icon-location-arrow:before { - content: "\f124"; +/* Hover + Focus */ +.uk-nav-default > li > a:hover, +.uk-nav-default > li > a:focus { + color: #666; } -.uk-icon-crop:before { - content: "\f125"; +/* Active */ +.uk-nav-default > li.uk-active > a { + color: #333; } -.uk-icon-code-fork:before { - content: "\f126"; +/* + * Header + */ +.uk-nav-default .uk-nav-header { + color: #333; } -.uk-icon-unlink:before, -.uk-icon-chain-broken:before { - content: "\f127"; +/* + * Divider + */ +.uk-nav-default .uk-nav-divider { + border-top: 1px solid #e5e5e5; } -.uk-icon-question:before { - content: "\f128"; +/* + * Sublists + */ +.uk-nav-default .uk-nav-sub a { + color: #999; } -.uk-icon-info:before { - content: "\f129"; +.uk-nav-default .uk-nav-sub a:hover, +.uk-nav-default .uk-nav-sub a:focus { + color: #666; } -.uk-icon-exclamation:before { - content: "\f12a"; +.uk-nav-default .uk-nav-sub li.uk-active > a { + color: #333; } -.uk-icon-superscript:before { - content: "\f12b"; +/* Primary modifier + ========================================================================== */ +/* + * Items + */ +.uk-nav-primary > li > a { + font-size: 1.5rem; + line-height: 1.5; + color: #999; } -.uk-icon-subscript:before { - content: "\f12c"; +/* Hover + Focus */ +.uk-nav-primary > li > a:hover, +.uk-nav-primary > li > a:focus { + color: #666; } -.uk-icon-eraser:before { - content: "\f12d"; +/* Active */ +.uk-nav-primary > li.uk-active > a { + color: #333; } -.uk-icon-puzzle-piece:before { - content: "\f12e"; +/* + * Header + */ +.uk-nav-primary .uk-nav-header { + color: #333; } -.uk-icon-microphone:before { - content: "\f130"; +/* + * Divider + */ +.uk-nav-primary .uk-nav-divider { + border-top: 1px solid #e5e5e5; } -.uk-icon-microphone-slash:before { - content: "\f131"; +/* + * Sublists + */ +.uk-nav-primary .uk-nav-sub a { + color: #999; } -.uk-icon-shield:before { - content: "\f132"; +.uk-nav-primary .uk-nav-sub a:hover, +.uk-nav-primary .uk-nav-sub a:focus { + color: #666; } -.uk-icon-calendar-o:before { - content: "\f133"; +.uk-nav-primary .uk-nav-sub li.uk-active > a { + color: #333; } -.uk-icon-fire-extinguisher:before { - content: "\f134"; +/* Alignment modifier + ========================================================================== */ +.uk-nav-center { + text-align: center; } -.uk-icon-rocket:before { - content: "\f135"; +/* Sublists */ +.uk-nav-center .uk-nav-sub, +.uk-nav-center .uk-nav-sub ul { + padding-left: 0; } -.uk-icon-maxcdn:before { - content: "\f136"; +/* Parent icon modifier */ +.uk-nav-center.uk-nav-parent-icon > .uk-parent > a::after { + position: absolute; } -.uk-icon-chevron-circle-left:before { - content: "\f137"; +/* ======================================================================== + Component: Navbar + ========================================================================== */ +/* + * 1. Create position context to center navbar group + */ +.uk-navbar { + display: flex; + /* 1 */ + position: relative; } -.uk-icon-chevron-circle-right:before { - content: "\f138"; +/* Container + ========================================================================== */ +.uk-navbar-container:not(.uk-navbar-transparent) { + background: #f8f8f8; } -.uk-icon-chevron-circle-up:before { - content: "\f139"; +/* + * Remove pseudo elements created by micro clearfix as precaution (if Container component is used) + */ +.uk-navbar-container > ::before, +.uk-navbar-container > ::after { + display: none !important; } -.uk-icon-chevron-circle-down:before { - content: "\f13a"; +/* Groups + ========================================================================== */ +/* + * 1. Align navs and items vertically if they have a different height + * 2. Note: IE 11 requires an extra `div` which affects the center selector + */ +.uk-navbar-left, +.uk-navbar-right, +.uk-navbar-center, +.uk-navbar-center-left > *, +.uk-navbar-center-right > * { + display: flex; + /* 1 */ + align-items: center; } -.uk-icon-html5:before { - content: "\f13b"; +/* + * Horizontal alignment + * 1. Create position context for centered navbar with sub groups (left/right) + * 2. Fix text wrapping if content is larger than 50% of the container. + * 3. Needed for dropdowns because a new position context is created + * `z-index` must be smaller than off-canvas + * 4. Align sub groups for centered navbar + */ +.uk-navbar-right { + margin-left: auto; } -.uk-icon-css3:before { - content: "\f13c"; +.uk-navbar-center:only-child { + margin-left: auto; + margin-right: auto; + /* 1 */ + position: relative; } -.uk-icon-anchor:before { - content: "\f13d"; +.uk-navbar-center:not(:only-child) { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + /* 2 */ + width: max-content; + box-sizing: border-box; + /* 3 */ + z-index: 990; } -.uk-icon-unlock-alt:before { - content: "\f13e"; +/* 4 */ +.uk-navbar-center-left, +.uk-navbar-center-right { + position: absolute; + top: 0; } -.uk-icon-bullseye:before { - content: "\f140"; +.uk-navbar-center-left { + right: 100%; } -.uk-icon-ellipsis-h:before { - content: "\f141"; +.uk-navbar-center-right { + left: 100%; } -.uk-icon-ellipsis-v:before { - content: "\f142"; +[class*='uk-navbar-center-'] { + width: max-content; + box-sizing: border-box; } -.uk-icon-rss-square:before { - content: "\f143"; +/* Nav + ========================================================================== */ +/* + * 1. Reset list + */ +.uk-navbar-nav { + display: flex; + /* 1 */ + margin: 0; + padding: 0; + list-style: none; } -.uk-icon-play-circle:before { - content: "\f144"; +/* + * Allow items to wrap into the next line + * Only not `absolute` positioned groups + */ +.uk-navbar-left, +.uk-navbar-right, +.uk-navbar-center:only-child { + flex-wrap: wrap; } -.uk-icon-ticket:before { - content: "\f145"; +/* + * Items + * 1. Center content vertically and horizontally + * 2. Dimensions + * 3. Style + * 4. Required for `a` + */ +.uk-navbar-nav > li > a, +.uk-navbar-item, +.uk-navbar-toggle { + /* 1 */ + display: flex; + justify-content: center; + align-items: center; + /* 2 */ + box-sizing: border-box; + min-height: 80px; + padding: 0 15px; + /* 3 */ + font-size: 0.875rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + /* 4 */ + text-decoration: none; } -.uk-icon-minus-square:before { - content: "\f146"; +/* + * Nav items + */ +.uk-navbar-nav > li > a { + color: #999; + text-transform: uppercase; + transition: 0.1s ease-in-out; + transition-property: color, background-color; } -.uk-icon-minus-square-o:before { - content: "\f147"; +/* + * Hover + * Apply hover style also to focus state and if dropdown is opened + */ +.uk-navbar-nav > li:hover > a, +.uk-navbar-nav > li > a:focus, +.uk-navbar-nav > li > a.uk-open { + color: #666; + outline: none; } -.uk-icon-level-up:before { - content: "\f148"; +/* OnClick */ +.uk-navbar-nav > li > a:active { + color: #333; } -.uk-icon-level-down:before { - content: "\f149"; +/* Active */ +.uk-navbar-nav > li.uk-active > a { + color: #333; } -.uk-icon-check-square:before { - content: "\f14a"; +/* Item + ========================================================================== */ +.uk-navbar-item { + color: #666; } -.uk-icon-pencil-square:before { - content: "\f14b"; +/* Toggle + ========================================================================== */ +.uk-navbar-toggle { + color: #999; } -.uk-icon-external-link-square:before { - content: "\f14c"; +.uk-navbar-toggle:hover, +.uk-navbar-toggle:focus, +.uk-navbar-toggle.uk-open { + color: #666; + outline: none; + text-decoration: none; } -.uk-icon-share-square:before { - content: "\f14d"; +/* + * Icon + * Adopts `uk-icon` + */ +/* Hover + Focus */ +/* Subtitle + ========================================================================== */ +.uk-navbar-subtitle { + font-size: 0.875rem; } -.uk-icon-compass:before { - content: "\f14e"; -} -.uk-icon-toggle-down:before, -.uk-icon-caret-square-o-down:before { - content: "\f150"; -} -.uk-icon-toggle-up:before, -.uk-icon-caret-square-o-up:before { - content: "\f151"; -} -.uk-icon-toggle-right:before, -.uk-icon-caret-square-o-right:before { - content: "\f152"; -} -.uk-icon-euro:before, -.uk-icon-eur:before { - content: "\f153"; -} -.uk-icon-gbp:before { - content: "\f154"; -} -.uk-icon-dollar:before, -.uk-icon-usd:before { - content: "\f155"; -} -.uk-icon-rupee:before, -.uk-icon-inr:before { - content: "\f156"; -} -.uk-icon-cny:before, -.uk-icon-rmb:before, -.uk-icon-yen:before, -.uk-icon-jpy:before { - content: "\f157"; -} -.uk-icon-ruble:before, -.uk-icon-rouble:before, -.uk-icon-rub:before { - content: "\f158"; -} -.uk-icon-won:before, -.uk-icon-krw:before { - content: "\f159"; -} -.uk-icon-bitcoin:before, -.uk-icon-btc:before { - content: "\f15a"; -} -.uk-icon-file:before { - content: "\f15b"; -} -.uk-icon-file-text:before { - content: "\f15c"; -} -.uk-icon-sort-alpha-asc:before { - content: "\f15d"; -} -.uk-icon-sort-alpha-desc:before { - content: "\f15e"; -} -.uk-icon-sort-amount-asc:before { - content: "\f160"; -} -.uk-icon-sort-amount-desc:before { - content: "\f161"; -} -.uk-icon-sort-numeric-asc:before { - content: "\f162"; -} -.uk-icon-sort-numeric-desc:before { - content: "\f163"; -} -.uk-icon-thumbs-up:before { - content: "\f164"; -} -.uk-icon-thumbs-down:before { - content: "\f165"; -} -.uk-icon-youtube-square:before { - content: "\f166"; -} -.uk-icon-youtube:before { - content: "\f167"; -} -.uk-icon-xing:before { - content: "\f168"; -} -.uk-icon-xing-square:before { - content: "\f169"; -} -.uk-icon-youtube-play:before { - content: "\f16a"; -} -.uk-icon-dropbox:before { - content: "\f16b"; -} -.uk-icon-stack-overflow:before { - content: "\f16c"; -} -.uk-icon-instagram:before { - content: "\f16d"; -} -.uk-icon-flickr:before { - content: "\f16e"; -} -.uk-icon-adn:before { - content: "\f170"; -} -.uk-icon-bitbucket:before { - content: "\f171"; -} -.uk-icon-bitbucket-square:before { - content: "\f172"; -} -.uk-icon-tumblr:before { - content: "\f173"; -} -.uk-icon-tumblr-square:before { - content: "\f174"; -} -.uk-icon-long-arrow-down:before { - content: "\f175"; -} -.uk-icon-long-arrow-up:before { - content: "\f176"; +/* Style modifiers + ========================================================================== */ +/* Dropdown + ========================================================================== */ +/* + * Adopts `uk-dropdown` + * 1. Hide by default + * 2. Set position + * 3. Set a default width + * 4. Style + */ +.uk-navbar-dropdown { + /* 1 */ + display: none; + /* 2 */ + position: absolute; + z-index: 1020; + /* 3 */ + box-sizing: border-box; + width: 200px; + /* 4 */ + padding: 25px; + background: #fff; + color: #666; + box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15); } -.uk-icon-long-arrow-left:before { - content: "\f177"; +/* Show */ +.uk-navbar-dropdown.uk-open { + display: block; } -.uk-icon-long-arrow-right:before { - content: "\f178"; +/* + * Direction / Alignment modifiers + */ +/* Direction */ +[class*='uk-navbar-dropdown-top'] { + margin-top: -15px; } -.uk-icon-apple:before { - content: "\f179"; +[class*='uk-navbar-dropdown-bottom'] { + margin-top: 15px; } -.uk-icon-windows:before { - content: "\f17a"; +[class*='uk-navbar-dropdown-left'] { + margin-left: -15px; } -.uk-icon-android:before { - content: "\f17b"; +[class*='uk-navbar-dropdown-right'] { + margin-left: 15px; } -.uk-icon-linux:before { - content: "\f17c"; +/* + * Grid + * Adopts `uk-grid` + */ +/* Gutter Horizontal */ +.uk-navbar-dropdown-grid { + margin-left: -50px; } -.uk-icon-dribbble:before { - content: "\f17d"; +.uk-navbar-dropdown-grid > * { + padding-left: 50px; } -.uk-icon-skype:before { - content: "\f17e"; +/* Gutter Vertical */ +.uk-navbar-dropdown-grid > .uk-grid-margin { + margin-top: 50px; } -.uk-icon-foursquare:before { - content: "\f180"; +/* Stack */ +.uk-navbar-dropdown-stack .uk-navbar-dropdown-grid > * { + width: 100% !important; } -.uk-icon-trello:before { - content: "\f181"; +/* + * Width modifier + */ +.uk-navbar-dropdown-width-2:not(.uk-navbar-dropdown-stack) { + width: 400px; } -.uk-icon-female:before { - content: "\f182"; +.uk-navbar-dropdown-width-3:not(.uk-navbar-dropdown-stack) { + width: 600px; } -.uk-icon-male:before { - content: "\f183"; +.uk-navbar-dropdown-width-4:not(.uk-navbar-dropdown-stack) { + width: 800px; } -.uk-icon-gittip:before { - content: "\f184"; +.uk-navbar-dropdown-width-5:not(.uk-navbar-dropdown-stack) { + width: 1000px; } -.uk-icon-sun-o:before { - content: "\f185"; +/* + * Dropbar modifier + */ +.uk-navbar-dropdown-dropbar { + margin-top: 0; + margin-bottom: 0; + box-shadow: none; } -.uk-icon-moon-o:before { - content: "\f186"; +/* Dropdown Nav + * Adopts `uk-nav` + ========================================================================== */ +.uk-navbar-dropdown-nav { + font-size: 0.875rem; } -.uk-icon-archive:before { - content: "\f187"; +/* + * Items + */ +.uk-navbar-dropdown-nav > li > a { + color: #999; } -.uk-icon-bug:before { - content: "\f188"; +/* Hover + Focus */ +.uk-navbar-dropdown-nav > li > a:hover, +.uk-navbar-dropdown-nav > li > a:focus { + color: #666; } -.uk-icon-vk:before { - content: "\f189"; +/* Active */ +.uk-navbar-dropdown-nav > li.uk-active > a { + color: #333; } -.uk-icon-weibo:before { - content: "\f18a"; +/* + * Header + */ +.uk-navbar-dropdown-nav .uk-nav-header { + color: #333; } -.uk-icon-renren:before { - content: "\f18b"; +/* + * Divider + */ +.uk-navbar-dropdown-nav .uk-nav-divider { + border-top: 1px solid #e5e5e5; } -.uk-icon-pagelines:before { - content: "\f18c"; +/* + * Sublists + */ +.uk-navbar-dropdown-nav .uk-nav-sub a { + color: #999; } -.uk-icon-stack-exchange:before { - content: "\f18d"; +.uk-navbar-dropdown-nav .uk-nav-sub a:hover, +.uk-navbar-dropdown-nav .uk-nav-sub a:focus { + color: #666; } -.uk-icon-arrow-circle-o-right:before { - content: "\f18e"; +.uk-navbar-dropdown-nav .uk-nav-sub li.uk-active > a { + color: #333; } -.uk-icon-arrow-circle-o-left:before { - content: "\f190"; +/* Dropbar + ========================================================================== */ +.uk-navbar-dropbar { + background: #fff; } -.uk-icon-toggle-left:before, -.uk-icon-caret-square-o-left:before { - content: "\f191"; +/* + * Slide modifier + */ +.uk-navbar-dropbar-slide { + position: absolute; + z-index: 980; + left: 0; + right: 0; + box-shadow: 0 5px 7px rgba(0, 0, 0, 0.05); } -.uk-icon-dot-circle-o:before { - content: "\f192"; +/* + * Navbar + */ +.uk-navbar-container > .uk-container .uk-navbar-left { + margin-left: -15px; + margin-right: -15px; } -.uk-icon-wheelchair:before { - content: "\f193"; +.uk-navbar-container > .uk-container .uk-navbar-right { + margin-right: -15px; } -.uk-icon-vimeo-square:before { - content: "\f194"; +/* + * Grid Divider + */ +.uk-navbar-dropdown-grid > * { + position: relative; } -.uk-icon-turkish-lira:before, -.uk-icon-try:before { - content: "\f195"; +.uk-navbar-dropdown-grid > :not(.uk-first-column)::before { + content: ""; + position: absolute; + top: 0; + bottom: 0; + left: 25px; + border-left: 1px solid #e5e5e5; } -.uk-icon-plus-square-o:before { - content: "\f196"; +/* Vertical */ +.uk-navbar-dropdown-grid.uk-grid-stack > .uk-grid-margin::before { + content: ""; + position: absolute; + top: -25px; + left: 50px; + right: 0; + border-top: 1px solid #e5e5e5; } /* ======================================================================== - Component: Close + Component: Subnav ========================================================================== */ /* - * 1. Required for `button` elements and makes - * close button more robust against different box-sizing use - * 2. Style - * 3. Required for `button` elements - * 4. Needed for Sarari + * 1. Allow items to wrap into the next line + * 2. Gutter + * 3. Reset list */ -.uk-close { +.uk-subnav { + display: flex; /* 1 */ - -moz-box-sizing: content-box; - box-sizing: content-box; + flex-wrap: wrap; /* 2 */ - display: inline-block; - width: 20px; - line-height: 20px; - text-align: center; - color: inherit; - opacity: 0.3; - /* 3. */ + margin-left: -20px; + /* 3 */ padding: 0; - border: 0; - -webkit-appearance: none; - /* 4. */ - background: transparent; -} -/* Icon */ -.uk-close:after { - display: block; - content: "\f00d"; - font-family: FontAwesome; + list-style: none; } /* - * Hover - * 1. Apply hover style also to focus state - * 2. Remove default focus style - * 3. Required for `a` elements + * 1. Space is allocated solely based on content dimensions: 0 0 auto + * 2. Gutter + * 3. Create position context for dropdowns */ -.uk-close:hover, -.uk-close:focus { - opacity: 0.5; +.uk-subnav > * { + /* 1 */ + flex: none; /* 2 */ - outline: none; + padding-left: 20px; /* 3 */ - color: inherit; - text-decoration: none; - cursor: pointer; -} -/* Modifier - ========================================================================== */ -.uk-close-alt { - padding: 2px; - border-radius: 50%; - background: #eeeeee; - opacity: 1; -} -/* Hover */ -.uk-close-alt:hover, -.uk-close-alt:focus { - opacity: 1; -} -/* Icon */ -.uk-close-alt:after { - opacity: 0.5; -} -.uk-close-alt:hover:after, -.uk-close-alt:focus:after { - opacity: 0.8; -} -/* ======================================================================== - Component: Badge - ========================================================================== */ -.uk-badge { - display: inline-block; - padding: 0 5px; - background: #00a8e6; - font-size: 10px; - font-weight: bold; - line-height: 14px; - color: #ffffff; - text-align: center; - vertical-align: middle; - text-transform: none; -} -/* Modifier: `uk-badge-notification`; - ========================================================================== */ -.uk-badge-notification { - -moz-box-sizing: border-box; - box-sizing: border-box; - min-width: 18px; - border-radius: 50%; - font-size: 12px; - line-height: 18px; + position: relative; } -/* Color modifier +/* Items ========================================================================== */ /* - * Modifier: `uk-badge-success` + * Items must target `a` elements to exclude other elements (e.g. dropdowns) + * Using `:first-child` instead of `a` to support `span` elements for text + * 1. Prevent gap if child element is `inline-block`, e.g. an icon + * 2. Style */ -.uk-badge-success { - background-color: #8cc14c; +.uk-subnav > * > :first-child { + /* 1 */ + display: block; + /* 2 */ + color: #999; + font-size: 0.875rem; + text-transform: uppercase; + transition: 0.1s ease-in-out; + transition-property: color, background-color; } -/* - * Modifier: `uk-badge-warning` - */ -.uk-badge-warning { - background-color: #faa732; +/* Hover + Focus */ +.uk-subnav > * > a:hover, +.uk-subnav > * > a:focus { + color: #666; + text-decoration: none; + outline: none; } -/* - * Modifier: `uk-badge-danger` - */ -.uk-badge-danger { - background-color: #da314b; +/* Active */ +.uk-subnav > .uk-active > a { + color: #333; } -/* ======================================================================== - Component: Alert +/* Divider modifier ========================================================================== */ -.uk-alert { - margin-bottom: 15px; - padding: 10px; - background: #ebf7fd; - color: #2d7091; -} /* - * Add margin if adjacent element + * Set gutter */ -* + .uk-alert { - margin-top: 15px; +.uk-subnav-divider { + margin-left: -41px; } /* - * Remove margin from the last-child + * Align items and divider vertically */ -.uk-alert > :last-child { - margin-bottom: 0; +.uk-subnav-divider > * { + display: flex; + align-items: center; } /* - * Keep color for headings if the default heading color is changed + * Divider + * 1. `nth-child` makes it also work without JS if it's only one row */ -.uk-alert h1, -.uk-alert h2, -.uk-alert h3, -.uk-alert h4, -.uk-alert h5, -.uk-alert h6 { - color: inherit; -} -/* Close in alert - ========================================================================== */ -.uk-alert > .uk-close:first-child { - float: right; +.uk-subnav-divider > ::before { + content: ""; + height: 1.5em; + margin-left: 0px; + margin-right: 20px; + border-left: 1px solid transparent; } -/* - * Remove margin from adjacent element - */ -.uk-alert > .uk-close:first-child + * { - margin-top: 0; +/* 1 */ +.uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before { + border-left-color: #e5e5e5; } -/* Modifier: `uk-alert-success` +/* Pill modifier ========================================================================== */ -.uk-alert-success { - background: #f2fae3; - color: #659f13; +.uk-subnav-pill > * > :first-child { + padding: 5px 10px; + background: transparent; + color: #999; } -/* Modifier: `uk-alert-warning` - ========================================================================== */ -.uk-alert-warning { - background: #fffceb; - color: #e28327; +/* Hover + Focus */ +.uk-subnav-pill > * > a:hover, +.uk-subnav-pill > * > a:focus { + background-color: #f8f8f8; + color: #666; } -/* Modifier: `uk-alert-danger` - ========================================================================== */ -.uk-alert-danger { - background: #fff1f0; - color: #d85030; +/* OnClick */ +.uk-subnav-pill > * > a:active { + background-color: #f8f8f8; + color: #666; } -/* Modifier: `uk-alert-large` - ========================================================================== */ -.uk-alert-large { - padding: 20px; +/* Active */ +.uk-subnav-pill > .uk-active > a { + background-color: #1e87f0; + color: #fff; } -.uk-alert-large > .uk-close:first-child { - margin: -10px -10px 0 0; +/* Disabled + * The same for all style modifiers + ========================================================================== */ +.uk-subnav > .uk-disabled > a { + color: #999; } /* ======================================================================== - Component: Thumbnail + Component: Breadcrumb ========================================================================== */ /* - * 1. Corrects max-width behavior (2.) if padding and border are used - * 2. Responsive behavior - * 3. Required for `figure` element - * 4. Style + * 1. Allow items to wrap into the next line + * 2. Reset list */ -.uk-thumbnail { - display: inline-block; +.uk-breadcrumb { + display: flex; /* 1 */ - -moz-box-sizing: border-box; - box-sizing: border-box; + flex-wrap: wrap; /* 2 */ - max-width: 100%; - /* 3 */ - margin: 0; - /* 4 */ - padding: 4px; - border: 1px solid #dddddd; - background: #ffffff; + padding: 0; + list-style: none; } /* - * Hover state for `a` elements - * 1. Apply hover style also to focus state - * 2. Needed for caption - * 3. Remove default focus style + * Space is allocated solely based on content dimensions: 0 0 auto */ -a.uk-thumbnail:hover, -a.uk-thumbnail:focus { - border-color: #aaaaaa; - background-color: #ffffff; - /* 2 */ - text-decoration: none; - /* 3 */ - outline: none; -} -/* Caption - ========================================================================== */ -.uk-thumbnail-caption { - padding-top: 4px; - text-align: center; - color: #444444; +.uk-breadcrumb > * { + flex: none; } -/* Sizes +/* Items ========================================================================== */ -.uk-thumbnail-mini { - width: 150px; -} -.uk-thumbnail-small { - width: 200px; +.uk-breadcrumb > * > * { + display: inline-block; + font-size: 0.875rem; + color: #999; } -.uk-thumbnail-medium { - width: 300px; +/* Hover + Focus */ +.uk-breadcrumb > * > :hover, +.uk-breadcrumb > * > :focus { + color: #666; + text-decoration: none; } -.uk-thumbnail-large { - width: 400px; +/* Disabled */ +/* Active */ +.uk-breadcrumb > :last-child > span, +.uk-breadcrumb > :last-child > a:not([href]) { + color: #666; } -.uk-thumbnail-expand, -.uk-thumbnail-expand > img { - width: 100%; +/* + * Divider + * `nth-child` makes it also work without JS if it's only one row + */ +.uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before { + content: "/"; + display: inline-block; + margin: 0 20px; + font-size: 0.875rem; + color: #999; } /* ======================================================================== - Component: Overlay + Component: Pagination ========================================================================== */ /* - * 1. Container width fits its content - * 2. Create position context - * 3. Set max-width for responsive images to prevent `inline-block` consequences - * 4. Remove the gap between the container and its child element + * 1. Allow items to wrap into the next line + * 2. Gutter + * 3. Reset list */ -.uk-overlay { +.uk-pagination { + display: flex; /* 1 */ - display: inline-block; + flex-wrap: wrap; /* 2 */ - position: relative; + margin-left: -20px; /* 3 */ - max-width: 100%; - /* 4 */ - vertical-align: middle; + padding: 0; + list-style: none; } -/* Sub-object `uk-overlay-area` - ========================================================================== */ /* - * 1. Set position - * 2. Set style - * 3. Fade-in transition + * 1. Space is allocated solely based on content dimensions: 0 0 auto + * 2. Gutter + * 3. Create position context for dropdowns */ -.uk-overlay-area { +.uk-pagination > * { /* 1 */ - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; + flex: none; /* 2 */ - background: rgba(0, 0, 0, 0.3); + padding-left: 20px; /* 3 */ - opacity: 0; - -webkit-transition: opacity 0.15s linear; - transition: opacity 0.15s linear; + position: relative; } +/* Items + ========================================================================== */ /* - * Hover - * 1. Use optional `uk-overlay-toggle` to trigger the overlay earlier + * 1. Prevent gap if child element is `inline-block`, e.g. an icon + * 2. Style */ -.uk-overlay:hover .uk-overlay-area, -.uk-overlay-toggle:hover .uk-overlay-area { - opacity: 1; +.uk-pagination > * > * { + /* 1 */ + display: block; + /* 2 */ + color: #999; + transition: color 0.1s ease-in-out; +} +/* Hover + Focus */ +.uk-pagination > * > :hover, +.uk-pagination > * > :focus { + color: #666; + text-decoration: none; +} +/* Active */ +.uk-pagination > .uk-active > * { + color: #666; +} +/* Disabled */ +.uk-pagination > .uk-disabled > * { + color: #999; } +/* ======================================================================== + Component: Tab + ========================================================================== */ /* - * Icon + * 1. Allow items to wrap into the next line + * 2. Gutter + * 3. Reset list */ -.uk-overlay-area:empty:before { - content: "\f002"; +.uk-tab { + display: flex; + /* 1 */ + flex-wrap: wrap; + /* 2 */ + margin-left: -20px; + /* 3 */ + padding: 0; + list-style: none; + position: relative; +} +.uk-tab::before { + content: ""; position: absolute; - top: 50%; - left: 50%; - width: 50px; - height: 50px; - margin-top: -25px; - margin-left: -25px; - font-size: 50px; - line-height: 1; - font-family: FontAwesome; - text-align: center; - color: #ffffff; + bottom: 0; + left: 20px; + right: 0; + border-bottom: 1px solid #e5e5e5; +} +/* + * 1. Space is allocated solely based on content dimensions: 0 0 auto + * 2. Gutter + * 3. Create position context for dropdowns + */ +.uk-tab > * { + /* 1 */ + flex: none; + /* 2 */ + padding-left: 20px; + /* 3 */ + position: relative; } -/* Sub-object `uk-overlay-area-content` +/* Items ========================================================================== */ /* - * Remove whitespace between child elements when using `inline-block` - * Needed for Firefox + * Items must target `a` elements to exclude other elements (e.g. dropdowns) + * 1. Center text if a width is set + * 2. Style */ -.uk-overlay-area:not(:empty) { - letter-spacing: -0.31em; +.uk-tab > * > a { + /* 1 */ + display: block; + text-align: center; + /* 2 */ + padding: 5px 10px; + color: #999; + border-bottom: 1px solid transparent; + font-size: 0.875rem; + text-transform: uppercase; + transition: color 0.1s ease-in-out; +} +/* Hover + Focus */ +.uk-tab > * > a:hover, +.uk-tab > * > a:focus { + color: #666; + text-decoration: none; +} +/* Active */ +.uk-tab > .uk-active > a { + color: #333; + border-color: #1e87f0; +} +/* Disabled */ +.uk-tab > .uk-disabled > a { + color: #999; } +/* Position modifier + ========================================================================== */ /* - * 1. Needed for vertical alignment + * Bottom */ -.uk-overlay-area:not(:empty):before { - content: ''; - display: inline-block; - height: 100%; - vertical-align: middle; +.uk-tab-bottom::before { + top: 0; + bottom: auto; +} +.uk-tab-bottom > * > a { + border-top: 1px solid transparent; + border-bottom: none; } /* - * 1. Set vertical alignment - * 2. Reset whitespace hack - * 3. Set horizontal alignment - * 4. Set style + * Left + Right + * 1. Reset Gutter */ -.uk-overlay-area-content { +.uk-tab-left, +.uk-tab-right { + flex-direction: column; /* 1 */ - display: inline-block; - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 100%; - vertical-align: middle; - /* 2 */ - letter-spacing: normal; - /* 3 */ - text-align: center; - /* 4 */ - padding: 0 15px; - color: #ffffff; + margin-left: 0; +} +/* 1 */ +.uk-tab-left > *, +.uk-tab-right > * { + padding-left: 0; +} +.uk-tab-left::before { + top: 0; + bottom: 0; + left: auto; + right: 0; + border-left: 1px solid #e5e5e5; + border-bottom: none; +} +.uk-tab-right::before { + top: 0; + bottom: 0; + left: 0; + right: auto; + border-left: 1px solid #e5e5e5; + border-bottom: none; +} +.uk-tab-left > * > a { + text-align: left; + border-right: 1px solid transparent; + border-bottom: none; +} +.uk-tab-right > * > a { + text-align: left; + border-left: 1px solid transparent; + border-bottom: none; } +.uk-tab .uk-dropdown { + margin-left: 30px; +} +/* ======================================================================== + Component: Slidenav + ========================================================================== */ /* - * Remove margin from the last-child + * Adopts `uk-icon` */ -.uk-overlay-area-content > :last-child { - margin-bottom: 0; +.uk-slidenav { + padding: 5px 10px; + color: rgba(102, 102, 102, 0.5); + transition: color 0.1s ease-in-out; +} +/* Hover + Focus */ +.uk-slidenav:hover, +.uk-slidenav:focus { + color: rgba(102, 102, 102, 0.9); + outline: none; +} +/* OnClick */ +.uk-slidenav:active { + color: rgba(102, 102, 102, 0.5); } +/* Icon modifier + ========================================================================== */ /* - * Links in overlay area + * Previous */ -.uk-overlay-area-content a:not([class]), -.uk-overlay-area-content a:not([class]):hover { - color: inherit; +/* + * Next + */ +/* Size modifier + ========================================================================== */ +.uk-slidenav-large { + padding: 10px 10px; +} +/* Container + ========================================================================== */ +.uk-slidenav-container { + display: flex; } -/* Sub-object `uk-overlay-caption` +/* ======================================================================== + Component: Dotnav ========================================================================== */ /* - * 1. Set position - * 2. Set style - * 3. Fade-in transition + * 1. Allow items to wrap into the next line + * 2. Reset list + * 3. Gutter */ -.uk-overlay-caption { +.uk-dotnav { + display: flex; /* 1 */ - position: absolute; - bottom: 0; - left: 0; - right: 0; + flex-wrap: wrap; /* 2 */ - padding: 15px; - background: rgba(0, 0, 0, 0.5); - color: #ffffff; + margin: 0; + padding: 0; + list-style: none; /* 3 */ - opacity: 0; - -webkit-transition: opacity 0.15s linear; - transition: opacity 0.15s linear; + margin-left: -12px; } /* - * Hover - * 1. Use optional `uk-overlay-toggle` to trigger the overlay earlier + * 1. Space is allocated solely based on content dimensions: 0 0 auto + * 2. Gutter */ -.uk-overlay:hover .uk-overlay-caption, -.uk-overlay-toggle:hover .uk-overlay-caption { - opacity: 1; +.uk-dotnav > * { + /* 1 */ + flex: none; + /* 2 */ + padding-left: 12px; } -/* ======================================================================== - Component: Progress +/* Items ========================================================================== */ /* - * 1. Clearing - * 2. Vertical alignment if text is used + * Items + * 1. Hide text if present */ -.uk-progress { - -moz-box-sizing: border-box; +.uk-dotnav > * > * { + display: block; box-sizing: border-box; - height: 20px; - margin-bottom: 15px; - background: #eeeeee; + width: 10px; + height: 10px; + border-radius: 50%; + background: transparent; /* 1 */ + text-indent: 100%; overflow: hidden; - /* 2 */ - line-height: 20px; + white-space: nowrap; + border: 1px solid rgba(102, 102, 102, 0.4); + transition: 0.2s ease-in-out; + transition-property: background-color, border-color; +} +/* Hover + Focus */ +.uk-dotnav > * > :hover, +.uk-dotnav > * > :focus { + background-color: rgba(102, 102, 102, 0.6); + outline: none; + border-color: transparent; +} +/* OnClick */ +.uk-dotnav > * > :active { + background-color: rgba(102, 102, 102, 0.2); + border-color: transparent; } +/* Active */ +.uk-dotnav > .uk-active > * { + background-color: rgba(102, 102, 102, 0.6); + border-color: transparent; +} +/* Modifier: 'uk-dotnav-vertical' + ========================================================================== */ /* - * Add margin if adjacent element + * 1. Change direction + * 2. Gutter */ -* + .uk-progress { - margin-top: 15px; +.uk-dotnav-vertical { + /* 1 */ + flex-direction: column; + /* 2 */ + margin-left: 0; + margin-top: -12px; +} +/* 2 */ +.uk-dotnav-vertical > * { + padding-left: 0; + padding-top: 12px; } -/* Sub-object: `uk-progress-bar` +/* ======================================================================== + Component: Thumbnav ========================================================================== */ /* - * 1. Transition - * 2. Needed for text + * 1. Allow items to wrap into the next line + * 2. Reset list + * 3. Gutter */ -.uk-progress-bar { - width: 0; - height: 100%; - background: #00a8e6; - float: left; +.uk-thumbnav { + display: flex; /* 1 */ - -webkit-transition: width 0.6s ease; - transition: width 0.6s ease; + flex-wrap: wrap; /* 2 */ - font-size: 12px; - color: #ffffff; - text-align: center; + margin: 0; + padding: 0; + list-style: none; + /* 3 */ + margin-left: -15px; } -/* Size modifiers +/* + * Space is allocated based on content dimensions, but shrinks: 0 1 auto + * 1. Gutter + */ +.uk-thumbnav > * { + /* 1 */ + padding-left: 15px; +} +/* Items ========================================================================== */ -/* Mini */ -.uk-progress-mini { - height: 6px; +/* + * Items + */ +.uk-thumbnav > * > * { + display: inline-block; + position: relative; } -/* Small */ -.uk-progress-small { - height: 12px; +.uk-thumbnav > * > *::after { + content: ""; + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; + background: rgba(255, 255, 255, 0.4); + transition: background-color 0.1s ease-in-out; } -/* Color modifiers - ========================================================================== */ -.uk-progress-success .uk-progress-bar { - background-color: #8cc14c; +/* Hover + Focus */ +.uk-thumbnav > * > :hover, +.uk-thumbnav > * > :focus { + outline: none; } -.uk-progress-warning .uk-progress-bar { - background-color: #faa732; +.uk-thumbnav > * > :hover::after, +.uk-thumbnav > * > :focus::after { + background-color: transparent; } -.uk-progress-danger .uk-progress-bar { - background-color: #da314b; +/* Active */ +.uk-thumbnav > .uk-active > *::after { + background-color: transparent; } -/* Modifier: `uk-progress-striped` +/* Modifier: 'uk-thumbnav-vertical' ========================================================================== */ -.uk-progress-striped .uk-progress-bar { - 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); - 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); - background-size: 30px 30px; -} /* - * Animation + * 1. Change direction + * 2. Gutter */ -.uk-progress-striped.uk-active .uk-progress-bar { - -webkit-animation: uk-progress-bar-stripes 2s linear infinite; - animation: uk-progress-bar-stripes 2s linear infinite; -} -@-webkit-keyframes uk-progress-bar-stripes { - 0% { - background-position: 0 0; - } - 100% { - background-position: 30px 0; - } +.uk-thumbnav-vertical { + /* 1 */ + flex-direction: column; + /* 2 */ + margin-left: 0; + margin-top: -15px; } -@keyframes uk-progress-bar-stripes { - 0% { - background-position: 0 0; - } - 100% { - background-position: 30px 0; - } +/* 2 */ +.uk-thumbnav-vertical > * { + padding-left: 0; + padding-top: 15px; } /* ======================================================================== - Component: Search + Component: Iconnav ========================================================================== */ /* - * 1. Create position context for dropdowns - * 2. Needed for `form` element + * 1. Allow items to wrap into the next line + * 2. Reset list + * 3. Gutter */ -.uk-search { - display: inline-block; +.uk-iconnav { + display: flex; /* 1 */ - position: relative; + flex-wrap: wrap; /* 2 */ margin: 0; + padding: 0; + list-style: none; + /* 3 */ + margin-left: -10px; } /* - * Icon + * Space is allocated based on content dimensions, but shrinks: 0 1 auto + * 1. Gutter */ -.uk-search:before { - content: "\f002"; - position: absolute; - top: 0; - left: 0; - width: 30px; - line-height: 30px; - text-align: center; - font-family: FontAwesome; - font-size: 14px; - color: rgba(0, 0, 0, 0.2); +.uk-iconnav > * { + /* 1 */ + padding-left: 10px; } -/* Sub-object `uk-search-field` +/* Items ========================================================================== */ /* - * 1. Needed to reset iOS `input[type="search"]` appearance + * Items must target `a` elements to exclude other elements (e.g. dropdowns) + * 1. Prevent gap if child element is `inline-block`, e.g. an icon + * 2. Style */ -.uk-search-field { - width: 120px; - height: 30px; - padding: 0 30px; - border: 1px solid rgba(0, 0, 0, 0); - background: rgba(0, 0, 0, 0); - color: #444444; - -webkit-transition: all linear 0.2s; - transition: all linear 0.2s; +.uk-iconnav > * > a { /* 1 */ - border-radius: 0; -} -/* - * Needed to reset iOS `input[type="search"]` appearance - * Higher specificity to override appearance set by normalize.less - */ -input.uk-search-field { - -webkit-appearance: none; -} -/* Placeholder */ -.uk-search-field:-ms-input-placeholder { - color: #999999; -} -.uk-search-field::-moz-placeholder { - color: #999999; -} -.uk-search-field::-webkit-input-placeholder { - color: #999999; -} -/* Removes cancel button in IE10 */ -.uk-search-field::-ms-clear { - display: none; + display: block; + /* 2 */ + color: #999; } -/* Focus */ -.uk-search-field:focus { - outline: 0; +/* Hover + Focus */ +.uk-iconnav > * > a:hover, +.uk-iconnav > * > a:focus { + color: #666; + outline: none; } -/* Focus + active */ -.uk-search-field:focus, -.uk-active .uk-search-field { - width: 180px; +/* Active */ +.uk-iconnav > .uk-active > a { + color: #666; } -/* Sub-object `uk-search-close` +/* Modifier: 'uk-iconnav-vertical' ========================================================================== */ /* - * 1. Required for `button` elements - * 2. Needed for Sarari + * 1. Change direction + * 2. Gutter */ -.uk-search-close { - display: none; - position: absolute; - top: 0; - right: 0; - width: 30px; - line-height: 30px; - text-align: center; - font-size: 14px; - color: rgba(0, 0, 0, 0.2); - /* 1. */ - padding: 0; - border: 0; - -webkit-appearance: none; - /* 2. */ - background: transparent; -} -.uk-loading > .uk-search-close, -.uk-active > .uk-search-close { - display: block; -} -/* - * Icon - */ -.uk-search-close:after { - display: block; - content: "\f00d"; - font-family: FontAwesome; +.uk-iconnav-vertical { + /* 1 */ + flex-direction: column; + /* 2 */ + margin-left: 0; + margin-top: -10px; } -/* Loading icon */ -.uk-loading > .uk-search-close:after { - content: "\f110"; - -webkit-animation: uk-spin 2s infinite linear; - animation: uk-spin 2s infinite linear; +/* 2 */ +.uk-iconnav-vertical > * { + padding-left: 0; + padding-top: 10px; } /* ======================================================================== Component: Animation ========================================================================== */ [class*='uk-animation-'] { - -webkit-animation-duration: 0.5s; animation-duration: 0.5s; - -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; - -webkit-animation-fill-mode: both; animation-fill-mode: both; } -/* Hide animated element if scrollspy is used */ -[data-uk-scrollspy*='uk-animation-'] { - opacity: 0; -} +/* Animations + ========================================================================== */ /* * Fade */ .uk-animation-fade { - -webkit-animation-name: uk-fade; animation-name: uk-fade; - -webkit-animation-duration: 0.8s; animation-duration: 0.8s; - -webkit-animation-timing-function: linear; animation-timing-function: linear; } /* * Scale */ .uk-animation-scale-up { - -webkit-animation-name: uk-scale-up; - animation-name: uk-scale-up; + animation-name: uk-fade-scale-02; } .uk-animation-scale-down { - -webkit-animation-name: uk-scale-down; - animation-name: uk-scale-down; + animation-name: uk-fade-scale-18; } /* * Slide */ .uk-animation-slide-top { - -webkit-animation-name: uk-slide-top; - animation-name: uk-slide-top; + animation-name: uk-fade-top; } .uk-animation-slide-bottom { - -webkit-animation-name: uk-slide-bottom; - animation-name: uk-slide-bottom; + animation-name: uk-fade-bottom; } .uk-animation-slide-left { - -webkit-animation-name: uk-slide-left; - animation-name: uk-slide-left; + animation-name: uk-fade-left; } .uk-animation-slide-right { - -webkit-animation-name: uk-slide-right; - animation-name: uk-slide-right; + animation-name: uk-fade-right; +} +/* + * Slide Small + */ +.uk-animation-slide-top-small { + animation-name: uk-fade-top-small; +} +.uk-animation-slide-bottom-small { + animation-name: uk-fade-bottom-small; +} +.uk-animation-slide-left-small { + animation-name: uk-fade-left-small; +} +.uk-animation-slide-right-small { + animation-name: uk-fade-right-small; +} +/* + * Slide Medium + */ +.uk-animation-slide-top-medium { + animation-name: uk-fade-top-medium; +} +.uk-animation-slide-bottom-medium { + animation-name: uk-fade-bottom-medium; +} +.uk-animation-slide-left-medium { + animation-name: uk-fade-left-medium; +} +.uk-animation-slide-right-medium { + animation-name: uk-fade-right-medium; +} +/* + * Kenburns + */ +.uk-animation-kenburns { + animation-name: uk-scale-kenburns; + animation-duration: 15s; } /* * Shake */ .uk-animation-shake { - -webkit-animation-name: uk-shake; animation-name: uk-shake; } -/* Modifiers +/* + * SVG Stroke + * The `--uk-animation-stroke` custom property contains the longest path length. + * Set it manually or use `uk-svg="stroke-animation: true"` to set it automatically. + * All strokes are animated by the same pace and doesn't end simultaneously. + * To end simultaneously, `pathLength="1"` could be used, but it's not working in Safari yet. + */ +.uk-animation-stroke { + animation-name: uk-stroke; + stroke-dasharray: var(--uk-animation-stroke); + animation-duration: 2s; +} +/* Direction modifier ========================================================================== */ .uk-animation-reverse { - -webkit-animation-direction: reverse; animation-direction: reverse; + animation-timing-function: ease-in; +} +/* Duration modifier + ========================================================================== */ +.uk-animation-fast { + animation-duration: 0.1s; +} +/* Toggle (Hover + Focus) +========================================================================== */ +/* + * The toggle is triggered on touch devices using `:focus` and tabindex + */ +.uk-animation-toggle:not(:hover):not(:focus) [class*='uk-animation-'] { + animation-name: none; +} +/* + * 1. Prevent tab highlighting on iOS. + */ +.uk-animation-toggle { + /* 1 */ + -webkit-tap-highlight-color: transparent; +} +/* + * Remove outline for `tabindex` + */ +.uk-animation-toggle:focus { + outline: none; } -/* Keyframes +/* Keyframes used by animation classes ========================================================================== */ /* * Fade */ -@-webkit-keyframes uk-fade { +@keyframes uk-fade { 0% { opacity: 0; } @@ -5008,100 +6393,117 @@ input.uk-search-field { opacity: 1; } } -@keyframes uk-fade { +/* + * Slide Top + */ +@keyframes uk-fade-top { 0% { opacity: 0; + transform: translateY(-100%); } 100% { opacity: 1; + transform: translateY(0); } } /* - * Scale up + * Slide Bottom */ -@-webkit-keyframes uk-scale-up { +@keyframes uk-fade-bottom { 0% { opacity: 0; - -webkit-transform: scale(0.2); + transform: translateY(100%); } 100% { opacity: 1; - -webkit-transform: scale(1); + transform: translateY(0); } } -@keyframes uk-scale-up { +/* + * Slide Left + */ +@keyframes uk-fade-left { 0% { opacity: 0; - transform: scale(0.2); + transform: translateX(-100%); } 100% { opacity: 1; - transform: scale(1); + transform: translateX(0); } } /* - * Scale down + * Slide Right */ -@-webkit-keyframes uk-scale-down { +@keyframes uk-fade-right { 0% { opacity: 0; - -webkit-transform: scale(1.8); + transform: translateX(100%); } 100% { opacity: 1; - -webkit-transform: scale(1); + transform: translateX(0); } } -@keyframes uk-scale-down { +/* + * Slide Top Small + */ +@keyframes uk-fade-top-small { 0% { opacity: 0; - transform: scale(1.8); + transform: translateY(-10px); } 100% { opacity: 1; - transform: scale(1); + transform: translateY(0); } } /* - * Slide top + * Slide Bottom Small */ -@-webkit-keyframes uk-slide-top { +@keyframes uk-fade-bottom-small { 0% { opacity: 0; - -webkit-transform: translateY(-100%); + transform: translateY(10px); } 100% { opacity: 1; - -webkit-transform: translateY(0); + transform: translateY(0); } } -@keyframes uk-slide-top { +/* + * Slide Left Small + */ +@keyframes uk-fade-left-small { 0% { opacity: 0; - transform: translateY(-100%); + transform: translateX(-10px); } 100% { opacity: 1; - transform: translateY(0); + transform: translateX(0); } } /* - * Slide bottom + * Slide Right Small */ -@-webkit-keyframes uk-slide-bottom { +@keyframes uk-fade-right-small { 0% { opacity: 0; - -webkit-transform: translateY(100%); + transform: translateX(10px); } 100% { opacity: 1; - -webkit-transform: translateY(0); + transform: translateX(0); } } -@keyframes uk-slide-bottom { +/* + * Slide Top Medium + */ +@keyframes uk-fade-top-medium { 0% { opacity: 0; - transform: translateY(100%); + transform: translateY(-50px); } 100% { opacity: 1; @@ -5109,22 +6511,25 @@ input.uk-search-field { } } /* - * Slide left + * Slide Bottom Medium */ -@-webkit-keyframes uk-slide-left { +@keyframes uk-fade-bottom-medium { 0% { opacity: 0; - -webkit-transform: translateX(-100%); + transform: translateY(50px); } 100% { opacity: 1; - -webkit-transform: translateX(0); + transform: translateY(0); } } -@keyframes uk-slide-left { +/* + * Slide Left Medium + */ +@keyframes uk-fade-left-medium { 0% { opacity: 0; - transform: translateX(-100%); + transform: translateX(-50px); } 100% { opacity: 1; @@ -5132,64 +6537,58 @@ input.uk-search-field { } } /* - * Slide right + * Slide Right Medium */ -@-webkit-keyframes uk-slide-right { +@keyframes uk-fade-right-medium { 0% { opacity: 0; - -webkit-transform: translateX(100%); + transform: translateX(50px); } 100% { opacity: 1; - -webkit-transform: translateX(0); + transform: translateX(0); } } -@keyframes uk-slide-right { +/* + * Scale Up + */ +@keyframes uk-fade-scale-02 { 0% { opacity: 0; - transform: translateX(100%); + transform: scale(0.2); } 100% { opacity: 1; - transform: translateX(0); + transform: scale(1); } } /* - * Shake + * Scale Down */ -@-webkit-keyframes uk-shake { - 0%, - 100% { - -webkit-transform: translateX(0); - } - 10% { - -webkit-transform: translateX(-9px); - } - 20% { - -webkit-transform: translateX(8px); - } - 30% { - -webkit-transform: translateX(-7px); - } - 40% { - -webkit-transform: translateX(6px); - } - 50% { - -webkit-transform: translateX(-5px); - } - 60% { - -webkit-transform: translateX(4px); +@keyframes uk-fade-scale-18 { + 0% { + opacity: 0; + transform: scale(1.8); } - 70% { - -webkit-transform: translateX(-3px); + 100% { + opacity: 1; + transform: scale(1); } - 80% { - -webkit-transform: translateX(2px); +} +/* + * Kenburns + */ +@keyframes uk-scale-kenburns { + 0% { + transform: scale(1); } - 90% { - -webkit-transform: translateX(-1px); + 100% { + transform: scale(1.2); } } +/* + * Shake + */ @keyframes uk-shake { 0%, 100% { @@ -5224,1081 +6623,5779 @@ input.uk-search-field { } } /* - * Slide top fixed + * Stroke */ -@-webkit-keyframes uk-slide-top-fixed { +@keyframes uk-stroke { 0% { - opacity: 0; - -webkit-transform: translateY(-10px); + stroke-dashoffset: var(--uk-animation-stroke); } 100% { - opacity: 1; - -webkit-transform: translateY(0); + stroke-dashoffset: 0; } } -@keyframes uk-slide-top-fixed { - 0% { - opacity: 0; - transform: translateY(-10px); - } - 100% { - opacity: 1; - transform: translateY(0); - } +/* ======================================================================== + Component: Width + ========================================================================== */ +/* Equal child widths + ========================================================================== */ +[class*='uk-child-width'] > * { + box-sizing: border-box; + width: 100%; +} +.uk-child-width-1-2 > * { + width: 50%; +} +.uk-child-width-1-3 > * { + width: calc(100% * 1 / 3.001); +} +.uk-child-width-1-4 > * { + width: 25%; +} +.uk-child-width-1-5 > * { + width: 20%; +} +.uk-child-width-1-6 > * { + width: calc(100% * 1 / 6.001); +} +.uk-child-width-auto > * { + width: auto; } /* - * Slide bottom fixed + * 1. Reset the `min-width`, which is set to auto by default, because + * flex items won't shrink below their minimum intrinsic content size. + * Using `1px` instead of `0`, so items still wrap into the next line, + * if they have zero width and padding and the predecessor is 100% wide. */ -@-webkit-keyframes uk-slide-bottom-fixed { - 0% { - opacity: 0; - -webkit-transform: translateY(10px); +.uk-child-width-expand > :not([class*='uk-width']) { + flex: 1; + /* 1 */ + min-width: 1px; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-child-width-1-1\@s > * { + width: 100%; } - 100% { - opacity: 1; - -webkit-transform: translateY(0); + .uk-child-width-1-2\@s > * { + width: 50%; + } + .uk-child-width-1-3\@s > * { + width: calc(100% * 1 / 3.001); + } + .uk-child-width-1-4\@s > * { + width: 25%; + } + .uk-child-width-1-5\@s > * { + width: 20%; + } + .uk-child-width-1-6\@s > * { + width: calc(100% * 1 / 6.001); + } + .uk-child-width-auto\@s > * { + width: auto; + } + .uk-child-width-expand\@s > :not([class*='uk-width']) { + flex: 1; + min-width: 1px; } } -@keyframes uk-slide-bottom-fixed { - 0% { - opacity: 0; - transform: translateY(10px); +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-child-width-1-1\@m > * { + width: 100%; } - 100% { - opacity: 1; - transform: translateY(0); + .uk-child-width-1-2\@m > * { + width: 50%; + } + .uk-child-width-1-3\@m > * { + width: calc(100% * 1 / 3.001); + } + .uk-child-width-1-4\@m > * { + width: 25%; + } + .uk-child-width-1-5\@m > * { + width: 20%; + } + .uk-child-width-1-6\@m > * { + width: calc(100% * 1 / 6.001); + } + .uk-child-width-auto\@m > * { + width: auto; + } + .uk-child-width-expand\@m > :not([class*='uk-width']) { + flex: 1; + min-width: 1px; } } -/* - * Spin - */ -@-webkit-keyframes uk-spin { - 0% { - -webkit-transform: rotate(0deg); +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-child-width-1-1\@l > * { + width: 100%; } - 100% { - -webkit-transform: rotate(359deg); + .uk-child-width-1-2\@l > * { + width: 50%; + } + .uk-child-width-1-3\@l > * { + width: calc(100% * 1 / 3.001); + } + .uk-child-width-1-4\@l > * { + width: 25%; + } + .uk-child-width-1-5\@l > * { + width: 20%; + } + .uk-child-width-1-6\@l > * { + width: calc(100% * 1 / 6.001); + } + .uk-child-width-auto\@l > * { + width: auto; + } + .uk-child-width-expand\@l > :not([class*='uk-width']) { + flex: 1; + min-width: 1px; } } -@keyframes uk-spin { - 0% { - transform: rotate(0deg); +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-child-width-1-1\@xl > * { + width: 100%; } - 100% { - transform: rotate(359deg); + .uk-child-width-1-2\@xl > * { + width: 50%; + } + .uk-child-width-1-3\@xl > * { + width: calc(100% * 1 / 3.001); + } + .uk-child-width-1-4\@xl > * { + width: 25%; + } + .uk-child-width-1-5\@xl > * { + width: 20%; + } + .uk-child-width-1-6\@xl > * { + width: calc(100% * 1 / 6.001); + } + .uk-child-width-auto\@xl > * { + width: auto; + } + .uk-child-width-expand\@xl > :not([class*='uk-width']) { + flex: 1; + min-width: 1px; + } +} +/* Single Widths + ========================================================================== */ +/* + * 1. `max-width` is needed for the pixel-based classes + */ +[class*='uk-width'] { + box-sizing: border-box; + width: 100%; + /* 1 */ + max-width: 100%; +} +/* Halves */ +.uk-width-1-2 { + width: 50%; +} +/* Thirds */ +.uk-width-1-3 { + width: calc(100% * 1 / 3.001); +} +.uk-width-2-3 { + width: calc(100% * 2 / 3.001); +} +/* Quarters */ +.uk-width-1-4 { + width: 25%; +} +.uk-width-3-4 { + width: 75%; +} +/* Fifths */ +.uk-width-1-5 { + width: 20%; +} +.uk-width-2-5 { + width: 40%; +} +.uk-width-3-5 { + width: 60%; +} +.uk-width-4-5 { + width: 80%; +} +/* Sixths */ +.uk-width-1-6 { + width: calc(100% * 1 / 6.001); +} +.uk-width-5-6 { + width: calc(100% * 5 / 6.001); +} +/* Pixel */ +.uk-width-small { + width: 150px; +} +.uk-width-medium { + width: 300px; +} +.uk-width-large { + width: 450px; +} +.uk-width-xlarge { + width: 600px; +} +.uk-width-2xlarge { + width: 750px; +} +/* Auto */ +.uk-width-auto { + width: auto; +} +/* Expand */ +.uk-width-expand { + flex: 1; + min-width: 1px; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + /* Whole */ + .uk-width-1-1\@s { + width: 100%; + } + /* Halves */ + .uk-width-1-2\@s { + width: 50%; + } + /* Thirds */ + .uk-width-1-3\@s { + width: calc(100% * 1 / 3.001); + } + .uk-width-2-3\@s { + width: calc(100% * 2 / 3.001); + } + /* Quarters */ + .uk-width-1-4\@s { + width: 25%; + } + .uk-width-3-4\@s { + width: 75%; + } + /* Fifths */ + .uk-width-1-5\@s { + width: 20%; + } + .uk-width-2-5\@s { + width: 40%; + } + .uk-width-3-5\@s { + width: 60%; + } + .uk-width-4-5\@s { + width: 80%; + } + /* Sixths */ + .uk-width-1-6\@s { + width: calc(100% * 1 / 6.001); + } + .uk-width-5-6\@s { + width: calc(100% * 5 / 6.001); + } + /* Pixel */ + .uk-width-small\@s { + width: 150px; + } + .uk-width-medium\@s { + width: 300px; + } + .uk-width-large\@s { + width: 450px; + } + .uk-width-xlarge\@s { + width: 600px; + } + .uk-width-2xlarge\@s { + width: 750px; + } + /* Auto */ + .uk-width-auto\@s { + width: auto; + } + /* Expand */ + .uk-width-expand\@s { + flex: 1; + min-width: 1px; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + /* Whole */ + .uk-width-1-1\@m { + width: 100%; + } + /* Halves */ + .uk-width-1-2\@m { + width: 50%; + } + /* Thirds */ + .uk-width-1-3\@m { + width: calc(100% * 1 / 3.001); + } + .uk-width-2-3\@m { + width: calc(100% * 2 / 3.001); + } + /* Quarters */ + .uk-width-1-4\@m { + width: 25%; + } + .uk-width-3-4\@m { + width: 75%; + } + /* Fifths */ + .uk-width-1-5\@m { + width: 20%; + } + .uk-width-2-5\@m { + width: 40%; + } + .uk-width-3-5\@m { + width: 60%; + } + .uk-width-4-5\@m { + width: 80%; + } + /* Sixths */ + .uk-width-1-6\@m { + width: calc(100% * 1 / 6.001); + } + .uk-width-5-6\@m { + width: calc(100% * 5 / 6.001); + } + /* Pixel */ + .uk-width-small\@m { + width: 150px; + } + .uk-width-medium\@m { + width: 300px; + } + .uk-width-large\@m { + width: 450px; + } + .uk-width-xlarge\@m { + width: 600px; + } + .uk-width-2xlarge\@m { + width: 750px; + } + /* Auto */ + .uk-width-auto\@m { + width: auto; + } + /* Expand */ + .uk-width-expand\@m { + flex: 1; + min-width: 1px; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + /* Whole */ + .uk-width-1-1\@l { + width: 100%; + } + /* Halves */ + .uk-width-1-2\@l { + width: 50%; + } + /* Thirds */ + .uk-width-1-3\@l { + width: calc(100% * 1 / 3.001); + } + .uk-width-2-3\@l { + width: calc(100% * 2 / 3.001); + } + /* Quarters */ + .uk-width-1-4\@l { + width: 25%; + } + .uk-width-3-4\@l { + width: 75%; + } + /* Fifths */ + .uk-width-1-5\@l { + width: 20%; + } + .uk-width-2-5\@l { + width: 40%; + } + .uk-width-3-5\@l { + width: 60%; + } + .uk-width-4-5\@l { + width: 80%; + } + /* Sixths */ + .uk-width-1-6\@l { + width: calc(100% * 1 / 6.001); + } + .uk-width-5-6\@l { + width: calc(100% * 5 / 6.001); + } + /* Pixel */ + .uk-width-small\@l { + width: 150px; + } + .uk-width-medium\@l { + width: 300px; + } + .uk-width-large\@l { + width: 450px; + } + .uk-width-xlarge\@l { + width: 600px; + } + .uk-width-2xlarge\@l { + width: 750px; + } + /* Auto */ + .uk-width-auto\@l { + width: auto; + } + /* Expand */ + .uk-width-expand\@l { + flex: 1; + min-width: 1px; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + /* Whole */ + .uk-width-1-1\@xl { + width: 100%; + } + /* Halves */ + .uk-width-1-2\@xl { + width: 50%; + } + /* Thirds */ + .uk-width-1-3\@xl { + width: calc(100% * 1 / 3.001); + } + .uk-width-2-3\@xl { + width: calc(100% * 2 / 3.001); + } + /* Quarters */ + .uk-width-1-4\@xl { + width: 25%; + } + .uk-width-3-4\@xl { + width: 75%; + } + /* Fifths */ + .uk-width-1-5\@xl { + width: 20%; + } + .uk-width-2-5\@xl { + width: 40%; + } + .uk-width-3-5\@xl { + width: 60%; + } + .uk-width-4-5\@xl { + width: 80%; + } + /* Sixths */ + .uk-width-1-6\@xl { + width: calc(100% * 1 / 6.001); + } + .uk-width-5-6\@xl { + width: calc(100% * 5 / 6.001); + } + /* Pixel */ + .uk-width-small\@xl { + width: 150px; + } + .uk-width-medium\@xl { + width: 300px; + } + .uk-width-large\@xl { + width: 450px; + } + .uk-width-xlarge\@xl { + width: 600px; + } + .uk-width-2xlarge\@xl { + width: 750px; + } + /* Auto */ + .uk-width-auto\@xl { + width: auto; + } + /* Expand */ + .uk-width-expand\@xl { + flex: 1; + min-width: 1px; + } +} +/* ======================================================================== + Component: Height + ========================================================================== */ +[class*='uk-height'] { + box-sizing: border-box; +} +/* + * Only works if parent element has a height set + */ +.uk-height-1-1 { + height: 100%; +} +/* + * Useful to create image teasers + */ +.uk-height-viewport { + min-height: 100vh; +} +/* + * Pixel + * Useful for `overflow: auto` + */ +.uk-height-small { + height: 150px; +} +.uk-height-medium { + height: 300px; +} +.uk-height-large { + height: 450px; +} +.uk-height-max-small { + max-height: 150px; +} +.uk-height-max-medium { + max-height: 300px; +} +.uk-height-max-large { + max-height: 450px; +} +/* ======================================================================== + Component: Text + ========================================================================== */ +/* Style modifiers + ========================================================================== */ +.uk-text-lead { + font-size: 1.5rem; + line-height: 1.5; + color: #333; +} +.uk-text-meta { + font-size: 0.875rem; + line-height: 1.4; + color: #999; +} +.uk-text-meta a { + color: #999; +} +.uk-text-meta a:hover { + color: #666; + text-decoration: none; +} +/* Size modifiers + ========================================================================== */ +.uk-text-small { + font-size: 0.875rem; + line-height: 1.5; +} +.uk-text-large { + font-size: 1.5rem; + line-height: 1.5; +} +.uk-text-default { + font-size: 16px; + line-height: 1.5; +} +/* Weight modifier + ========================================================================== */ +.uk-text-light { + font-weight: 300; +} +.uk-text-normal { + font-weight: 400; +} +.uk-text-bold { + font-weight: 700; +} +.uk-text-lighter { + font-weight: lighter; +} +.uk-text-bolder { + font-weight: bolder; +} +/* Style modifier + ========================================================================== */ +.uk-text-italic { + font-style: italic; +} +/* Transform modifier + ========================================================================== */ +.uk-text-capitalize { + text-transform: capitalize !important; +} +.uk-text-uppercase { + text-transform: uppercase !important; +} +.uk-text-lowercase { + text-transform: lowercase !important; +} +/* Color modifiers + ========================================================================== */ +.uk-text-muted { + color: #999 !important; +} +.uk-text-emphasis { + color: #333 !important; +} +.uk-text-primary { + color: #1e87f0 !important; +} +.uk-text-secondary { + color: #222 !important; +} +.uk-text-success { + color: #32d296 !important; +} +.uk-text-warning { + color: #faa05a !important; +} +.uk-text-danger { + color: #f0506e !important; +} +/* Background modifier + ========================================================================== */ +/* + * 1. The background clips to the foreground text. Works in Chrome, Firefox, Safari, Edge and Opera + * Default color is set to transparent + * 2. Container fits the text + * 3. Fallback color for IE11 + */ +.uk-text-background { + /* 1 */ + -webkit-background-clip: text; + /* 2 */ + display: inline-block; + /* 3 */ + color: #1e87f0 !important; +} +@supports (-webkit-background-clip: text) { + .uk-text-background { + background-color: #1e87f0; + color: transparent !important; + } +} +/* Alignment modifiers + ========================================================================== */ +.uk-text-left { + text-align: left !important; +} +.uk-text-right { + text-align: right !important; +} +.uk-text-center { + text-align: center !important; +} +.uk-text-justify { + text-align: justify !important; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-text-left\@s { + text-align: left !important; + } + .uk-text-right\@s { + text-align: right !important; + } + .uk-text-center\@s { + text-align: center !important; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-text-left\@m { + text-align: left !important; + } + .uk-text-right\@m { + text-align: right !important; + } + .uk-text-center\@m { + text-align: center !important; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-text-left\@l { + text-align: left !important; + } + .uk-text-right\@l { + text-align: right !important; + } + .uk-text-center\@l { + text-align: center !important; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-text-left\@xl { + text-align: left !important; + } + .uk-text-right\@xl { + text-align: right !important; + } + .uk-text-center\@xl { + text-align: center !important; + } +} +/* + * Vertical + */ +.uk-text-top { + vertical-align: top !important; +} +.uk-text-middle { + vertical-align: middle !important; +} +.uk-text-bottom { + vertical-align: bottom !important; +} +.uk-text-baseline { + vertical-align: baseline !important; +} +/* Wrap modifiers + ========================================================================== */ +/* + * Prevent text from wrapping onto multiple lines + */ +.uk-text-nowrap { + white-space: nowrap; +} +/* + * 1. Make sure a max-width is set after which truncation can occur + * 2. Prevent text from wrapping onto multiple lines, and truncate with an ellipsis + * 3. Fix for table cells + */ +.uk-text-truncate { + /* 1 */ + max-width: 100%; + /* 2 */ + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +/* 2 */ +th.uk-text-truncate, +td.uk-text-truncate { + max-width: 0; +} +/* + * 1. Wrap long words onto the next line and break them if they are too long to fit + * 2. Legacy `word-wrap` as fallback for `overflow-wrap` + * 3. Fix `overflow-wrap` which doesn't work with table cells in Chrome, Opera, IE11 and Edge + * Must use `break-all` to support IE11 and Edge + * Note: Not using `hyphens: auto;` because it hyphenates text even if not needed + */ +.uk-text-break { + /* 1 */ + overflow-wrap: break-word; + /* 2 */ + word-wrap: break-word; +} +/* 3 */ +th.uk-text-break, +td.uk-text-break { + word-break: break-all; +} +/* ======================================================================== + Component: Column + ========================================================================== */ +[class*='uk-column-'] { + column-gap: 30px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + [class*='uk-column-'] { + column-gap: 40px; + } +} +/* + * Fix image 1px line wrapping into the next column in Chrome + */ +[class*='uk-column-'] img { + transform: translate3d(0, 0, 0); +} +/* Divider + ========================================================================== */ +/* + * 1. Double the column gap + */ +.uk-column-divider { + column-rule: 1px solid #e5e5e5; + /* 1 */ + column-gap: 60px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-column-divider { + column-gap: 80px; + } +} +/* Width modifiers + ========================================================================== */ +.uk-column-1-2 { + column-count: 2; +} +.uk-column-1-3 { + column-count: 3; +} +.uk-column-1-4 { + column-count: 4; +} +.uk-column-1-5 { + column-count: 5; +} +.uk-column-1-6 { + column-count: 6; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-column-1-2\@s { + column-count: 2; + } + .uk-column-1-3\@s { + column-count: 3; + } + .uk-column-1-4\@s { + column-count: 4; + } + .uk-column-1-5\@s { + column-count: 5; + } + .uk-column-1-6\@s { + column-count: 6; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-column-1-2\@m { + column-count: 2; + } + .uk-column-1-3\@m { + column-count: 3; + } + .uk-column-1-4\@m { + column-count: 4; + } + .uk-column-1-5\@m { + column-count: 5; + } + .uk-column-1-6\@m { + column-count: 6; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-column-1-2\@l { + column-count: 2; + } + .uk-column-1-3\@l { + column-count: 3; + } + .uk-column-1-4\@l { + column-count: 4; + } + .uk-column-1-5\@l { + column-count: 5; + } + .uk-column-1-6\@l { + column-count: 6; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-column-1-2\@xl { + column-count: 2; + } + .uk-column-1-3\@xl { + column-count: 3; + } + .uk-column-1-4\@xl { + column-count: 4; + } + .uk-column-1-5\@xl { + column-count: 5; + } + .uk-column-1-6\@xl { + column-count: 6; + } +} +/* Make element span across all columns + * Does not work in Firefox yet + ========================================================================== */ +.uk-column-span { + column-span: all; +} +/* ======================================================================== + Component: Cover + ========================================================================== */ +/* + * Works with iframes and embedded content + * 1. Reset responsiveness for embedded content + * 2. Center object + * Note: Percent values on the `top` property only works if this element + * is absolute positioned or if the container has a height + */ +.uk-cover { + /* 1 */ + max-width: none; + /* 2 */ + position: absolute; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); +} +iframe.uk-cover { + pointer-events: none; +} +/* Container + ========================================================================== */ +/* + * 1. Parent container which clips resized object + * 2. Needed if the child is positioned absolute. See note above + */ +.uk-cover-container { + /* 1 */ + overflow: hidden; + /* 2 */ + position: relative; +} +/* ======================================================================== + Component: Background + ========================================================================== */ +/* Color + ========================================================================== */ +.uk-background-default { + background-color: #fff; +} +.uk-background-muted { + background-color: #f8f8f8; +} +.uk-background-primary { + background-color: #1e87f0; +} +.uk-background-secondary { + background-color: #222; +} +/* Size + ========================================================================== */ +.uk-background-cover, +.uk-background-contain { + background-position: 50% 50%; + background-repeat: no-repeat; +} +.uk-background-cover { + background-size: cover; +} +.uk-background-contain { + background-size: contain; +} +/* Position + ========================================================================== */ +.uk-background-top-left { + background-position: 0 0; +} +.uk-background-top-center { + background-position: 50% 0; +} +.uk-background-top-right { + background-position: 100% 0; +} +.uk-background-center-left { + background-position: 0 50%; +} +.uk-background-center-center { + background-position: 50% 50%; +} +.uk-background-center-right { + background-position: 100% 50%; +} +.uk-background-bottom-left { + background-position: 0 100%; +} +.uk-background-bottom-center { + background-position: 50% 100%; +} +.uk-background-bottom-right { + background-position: 100% 100%; +} +/* Repeat + ========================================================================== */ +.uk-background-norepeat { + background-repeat: no-repeat; +} +/* Attachment + ========================================================================== */ +/* + * 1. Fix bug introduced in Chrome 67: the background image is not visible if any element on the page uses `translate3d` + */ +.uk-background-fixed { + background-attachment: fixed; + /* 1 */ + backface-visibility: hidden; +} +/* + * Exclude touch devices because `fixed` doesn't work on iOS and Android + */ +@media (pointer: coarse) { + .uk-background-fixed { + background-attachment: scroll; + } +} +/* Image + ========================================================================== */ +/* Phone portrait and smaller */ +@media (max-width: 639px) { + .uk-background-image\@s { + background-image: none !important; + } +} +/* Phone landscape and smaller */ +@media (max-width: 959px) { + .uk-background-image\@m { + background-image: none !important; + } +} +/* Tablet landscape and smaller */ +@media (max-width: 1199px) { + .uk-background-image\@l { + background-image: none !important; + } +} +/* Desktop and smaller */ +@media (max-width: 1599px) { + .uk-background-image\@xl { + background-image: none !important; + } +} +/* Blend modes + ========================================================================== */ +.uk-background-blend-multiply { + background-blend-mode: multiply; +} +.uk-background-blend-screen { + background-blend-mode: screen; +} +.uk-background-blend-overlay { + background-blend-mode: overlay; +} +.uk-background-blend-darken { + background-blend-mode: darken; +} +.uk-background-blend-lighten { + background-blend-mode: lighten; +} +.uk-background-blend-color-dodge { + background-blend-mode: color-dodge; +} +.uk-background-blend-color-burn { + background-blend-mode: color-burn; +} +.uk-background-blend-hard-light { + background-blend-mode: hard-light; +} +.uk-background-blend-soft-light { + background-blend-mode: soft-light; +} +.uk-background-blend-difference { + background-blend-mode: difference; +} +.uk-background-blend-exclusion { + background-blend-mode: exclusion; +} +.uk-background-blend-hue { + background-blend-mode: hue; +} +.uk-background-blend-saturation { + background-blend-mode: saturation; +} +.uk-background-blend-color { + background-blend-mode: color; +} +.uk-background-blend-luminosity { + background-blend-mode: luminosity; +} +/* ======================================================================== + Component: Align + ========================================================================== */ +/* + * Default + */ +[class*='uk-align'] { + display: block; + margin-bottom: 30px; +} +* + [class*='uk-align'] { + margin-top: 30px; +} +/* + * Center + */ +.uk-align-center { + margin-left: auto; + margin-right: auto; +} +/* + * Left/Right + */ +.uk-align-left { + margin-top: 0; + margin-right: 30px; + float: left; +} +.uk-align-right { + margin-top: 0; + margin-left: 30px; + float: right; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-align-left\@s { + margin-top: 0; + margin-right: 30px; + float: left; + } + .uk-align-right\@s { + margin-top: 0; + margin-left: 30px; + float: right; + } +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-align-left\@m { + margin-top: 0; + margin-right: 30px; + float: left; + } + .uk-align-right\@m { + margin-top: 0; + margin-left: 30px; + float: right; + } +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-align-left\@l { + margin-top: 0; + float: left; + } + .uk-align-right\@l { + margin-top: 0; + float: right; + } + .uk-align-left, + .uk-align-left\@s, + .uk-align-left\@m, + .uk-align-left\@l { + margin-right: 40px; + } + .uk-align-right, + .uk-align-right\@s, + .uk-align-right\@m, + .uk-align-right\@l { + margin-left: 40px; + } +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-align-left\@xl { + margin-top: 0; + margin-right: 40px; + float: left; + } + .uk-align-right\@xl { + margin-top: 0; + margin-left: 40px; + float: right; + } +} +/* ======================================================================== + Component: SVG + ========================================================================== */ +/* + * 1. Fill all SVG elements with the current text color if no `fill` attribute is set + * 2. Set the fill and stroke color of all SVG elements to the current text color + */ +/* 1 */ +.uk-svg, +.uk-svg:not(.uk-preserve) [fill*='#']:not(.uk-preserve) { + fill: currentcolor; +} +.uk-svg:not(.uk-preserve) [stroke*='#']:not(.uk-preserve) { + stroke: currentcolor; +} +/* + * Fix Firefox blurry SVG rendering: https://bugzilla.mozilla.org/show_bug.cgi?id=1046835 + */ +.uk-svg { + transform: translate(0, 0); +} +/* ======================================================================== + Component: Utility + ========================================================================== */ +/* Panel + ========================================================================== */ +.uk-panel { + display: flow-root; + position: relative; + box-sizing: border-box; +} +/* + * Remove margin from the last-child + */ +.uk-panel > :last-child { + margin-bottom: 0; +} +/* + * Scrollable + */ +.uk-panel-scrollable { + height: 170px; + padding: 10px; + border: 1px solid #e5e5e5; + overflow: auto; + -webkit-overflow-scrolling: touch; + resize: both; +} +/* Clearfix + ========================================================================== */ +/* + * 1. `table-cell` is used with `::before` because `table` creates a 1px gap when it becomes a flex item, only in Webkit + * 2. `table` is used again with `::after` because `clear` only works with block elements. + * Note: `display: block` with `overflow: hidden` is currently not working in the latest Safari + */ +/* 1 */ +.uk-clearfix::before { + content: ""; + display: table-cell; +} +/* 2 */ +.uk-clearfix::after { + content: ""; + display: table; + clear: both; +} +/* Float + ========================================================================== */ +/* + * 1. Prevent content overflow + */ +.uk-float-left { + float: left; +} +.uk-float-right { + float: right; +} +/* 1 */ +[class*='uk-float-'] { + max-width: 100%; +} +/* Overfow + ========================================================================== */ +.uk-overflow-hidden { + overflow: hidden; +} +/* + * Enable scrollbars if content is clipped + * Note: Firefox ignores `padding-bottom` for the scrollable overflow https://bugzilla.mozilla.org/show_bug.cgi?id=748518 + */ +.uk-overflow-auto { + overflow: auto; + -webkit-overflow-scrolling: touch; +} +.uk-overflow-auto > :last-child { + margin-bottom: 0; +} +/* Resize + ========================================================================== */ +.uk-resize { + resize: both; +} +.uk-resize-vertical { + resize: vertical; +} +/* Display + ========================================================================== */ +.uk-display-block { + display: block !important; +} +.uk-display-inline { + display: inline !important; +} +.uk-display-inline-block { + display: inline-block !important; +} +/* Inline + ========================================================================== */ +/* + * 1. Container fits its content + * 2. Create position context + * 3. Prevent content overflow + * 4. Behave like most inline-block elements + * 5. Force hardware acceleration without creating a new stacking context + * to fix 1px glitch when combined with overlays and transitions in Webkit + * 6. Clip child elements + */ +[class*='uk-inline'] { + /* 1 */ + display: inline-block; + /* 2 */ + position: relative; + /* 3 */ + max-width: 100%; + /* 4 */ + vertical-align: middle; + /* 5 */ + -webkit-backface-visibility: hidden; +} +.uk-inline-clip { + /* 6 */ + overflow: hidden; +} +/* Responsive objects + ========================================================================== */ +/* + * Preserve original dimensions + * Because `img, `video`, `canvas` and `audio` are already responsive by default, see Base component + */ +.uk-preserve-width, +.uk-preserve-width canvas, +.uk-preserve-width img, +.uk-preserve-width svg, +.uk-preserve-width video { + max-width: none; +} +/* + * Responsiveness + * Corrects `max-width` and `max-height` behavior if padding and border are used + */ +.uk-responsive-width, +.uk-responsive-height { + box-sizing: border-box; +} +/* + * 1. Set a maximum width. `important` needed to override `uk-preserve-width img` + * 2. Auto scale the height. Only needed if `height` attribute is present + */ +.uk-responsive-width { + /* 1 */ + max-width: 100% !important; + /* 2 */ + height: auto; +} +/* + * 1. Set a maximum height. Only works if the parent element has a fixed height + * 2. Auto scale the width. Only needed if `width` attribute is present + * 3. Reset max-width, which `img, `video`, `canvas` and `audio` already have by default + */ +.uk-responsive-height { + /* 1 */ + max-height: 100%; + /* 2 */ + width: auto; + /* 3 */ + max-width: none; +} +/* Border + ========================================================================== */ +.uk-border-circle { + border-radius: 50%; +} +.uk-border-pill { + border-radius: 500px; +} +.uk-border-rounded { + border-radius: 5px; +} +/* + * Fix `overflow: hidden` to be ignored with border-radius and CSS transforms in Webkit + */ +.uk-inline-clip[class*='uk-border-'] { + -webkit-transform: translateZ(0); +} +/* Box-shadow + ========================================================================== */ +.uk-box-shadow-small { + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); +} +.uk-box-shadow-medium { + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); +} +.uk-box-shadow-large { + box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); +} +.uk-box-shadow-xlarge { + box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16); +} +/* + * Hover + */ +[class*='uk-box-shadow-hover'] { + transition: box-shadow 0.1s ease-in-out; +} +.uk-box-shadow-hover-small:hover { + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); +} +.uk-box-shadow-hover-medium:hover { + box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08); +} +.uk-box-shadow-hover-large:hover { + box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16); +} +.uk-box-shadow-hover-xlarge:hover { + box-shadow: 0 28px 50px rgba(0, 0, 0, 0.16); +} +/* Box-shadow bottom + ========================================================================== */ +/* + * 1. Set position. + * 2. Set style + * 3. Blur doesn't work on pseudo elements with negative `z-index` in Edge. + * Solved by using `before` and add position context to child elements. + */ +@supports (filter: blur(0)) { + .uk-box-shadow-bottom { + display: inline-block; + position: relative; + max-width: 100%; + vertical-align: middle; + } + .uk-box-shadow-bottom::before { + content: ''; + /* 1 */ + position: absolute; + bottom: -30px; + left: 0; + right: 0; + /* 2 */ + height: 30px; + border-radius: 100%; + background: #444; + filter: blur(20px); + } + /* 3 */ + .uk-box-shadow-bottom > * { + position: relative; + } +} +/* Drop cap + ========================================================================== */ +/* + * 1. Firefox doesn't apply `::first-letter` if the first letter is inside child elements + * https://bugzilla.mozilla.org/show_bug.cgi?id=214004 + * 2. In Firefox, a floating `::first-letter` doesn't have a line box and there for no `line-height` + * https://bugzilla.mozilla.org/show_bug.cgi?id=317933 + * 3. Caused by 1.: Edge creates two nested `::first-letter` containers, one for each selector + * This doubles the `font-size` exponential when using the `em` unit. + */ +.uk-dropcap::first-letter, +.uk-dropcap > p:first-of-type::first-letter { + display: block; + margin-right: 10px; + float: left; + font-size: 4.5em; + line-height: 1; + margin-bottom: -2px; +} +/* 2 */ +@-moz-document url-prefix() { + .uk-dropcap::first-letter, + .uk-dropcap > p:first-of-type::first-letter { + margin-top: 1.1%; + } +} +/* 3 */ +@supports (-ms-ime-align: auto) { + .uk-dropcap > p:first-of-type::first-letter { + font-size: 1em; } } -/* ======================================================================== - Component: Dropdown +/* Logo ========================================================================== */ /* - * 1. Hide by default - * 2. Set position - * 3. Box-sizing is needed for `uk-dropdown-justify` - * 4. Set style - * 5. Reset button group whitespace hack + * 1. Required for `a` */ -.uk-dropdown { +.uk-logo { + font-size: 1.5rem; + font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + color: #666; /* 1 */ - display: none; - /* 2 */ - position: absolute; - top: 100%; - left: 0; - z-index: 1000; - /* 3 */ - -moz-box-sizing: border-box; - box-sizing: border-box; - /* 4 */ - width: 200px; - margin-top: 5px; - padding: 15px; - background: #f5f5f5; - color: #444444; - /* 5 */ - letter-spacing: normal; + text-decoration: none; } -/* - * 1. Show dropdown - * 2. Set animation - * 3. Needed for scale animation - */ -.uk-open > .uk-dropdown { +/* Hover + Focus */ +.uk-logo:hover, +.uk-logo:focus { + color: #666; + outline: none; /* 1 */ - display: block; - /* 2 */ - -webkit-animation: uk-fade 0.2s ease-in-out; - animation: uk-fade 0.2s ease-in-out; - /* 3 */ - -webkit-transform-origin: 0 0; - transform-origin: 0 0; + text-decoration: none; } -/* Alignment modifiers +.uk-logo-inverse { + display: none; +} +/* Disabled State + ========================================================================== */ +.uk-disabled { + pointer-events: none; +} +/* Drag State ========================================================================== */ /* - * Modifier `uk-dropdown-flip` + * 1. Needed if moving over elements with have their own cursor on hover, e.g. links or buttons + * 2. Fix dragging over iframes */ -.uk-dropdown-flip { - left: auto; - right: 0; +.uk-drag, +.uk-drag * { + cursor: move; +} +/* 2 */ +.uk-drag iframe { + pointer-events: none; } +/* Dragover State + ========================================================================== */ /* - * Modifier `uk-dropdown-up` + * Create a box-shadow when dragging a file over the upload area */ -.uk-dropdown-up { - top: auto; - bottom: 100%; - margin-top: auto; - margin-bottom: 5px; +.uk-dragover { + box-shadow: 0 0 20px rgba(100, 100, 100, 0.3); +} +/* Blend modes + ========================================================================== */ +.uk-blend-multiply { + mix-blend-mode: multiply; +} +.uk-blend-screen { + mix-blend-mode: screen; +} +.uk-blend-overlay { + mix-blend-mode: overlay; +} +.uk-blend-darken { + mix-blend-mode: darken; +} +.uk-blend-lighten { + mix-blend-mode: lighten; +} +.uk-blend-color-dodge { + mix-blend-mode: color-dodge; +} +.uk-blend-color-burn { + mix-blend-mode: color-burn; +} +.uk-blend-hard-light { + mix-blend-mode: hard-light; +} +.uk-blend-soft-light { + mix-blend-mode: soft-light; +} +.uk-blend-difference { + mix-blend-mode: difference; } -/* Nav in dropdown +.uk-blend-exclusion { + mix-blend-mode: exclusion; +} +.uk-blend-hue { + mix-blend-mode: hue; +} +.uk-blend-saturation { + mix-blend-mode: saturation; +} +.uk-blend-color { + mix-blend-mode: color; +} +.uk-blend-luminosity { + mix-blend-mode: luminosity; +} +/* Transform +========================================================================== */ +.uk-transform-center { + transform: translate(-50%, -50%); +} +/* Transform Origin +========================================================================== */ +.uk-transform-origin-top-left { + transform-origin: 0 0; +} +.uk-transform-origin-top-center { + transform-origin: 50% 0; +} +.uk-transform-origin-top-right { + transform-origin: 100% 0; +} +.uk-transform-origin-center-left { + transform-origin: 0 50%; +} +.uk-transform-origin-center-right { + transform-origin: 100% 50%; +} +.uk-transform-origin-bottom-left { + transform-origin: 0 100%; +} +.uk-transform-origin-bottom-center { + transform-origin: 50% 100%; +} +.uk-transform-origin-bottom-right { + transform-origin: 100% 100%; +} +/* ======================================================================== + Component: Flex ========================================================================== */ -.uk-dropdown .uk-nav { - margin: 0 -15px; +.uk-flex { + display: flex; } -/* Grid and panel in dropdown +.uk-flex-inline { + display: inline-flex; +} +/* + * Remove pseudo elements created by micro clearfix as precaution + */ +.uk-flex::before, +.uk-flex::after, +.uk-flex-inline::before, +.uk-flex-inline::after { + display: none; +} +/* Alignment ========================================================================== */ /* -* Vertical gutter -*/ -/* Grid */ -.uk-dropdown > .uk-grid + .uk-grid { - margin-top: 15px; + * Align items along the main axis of the current line of the flex container + * Row: Horizontal + */ +.uk-flex-left { + justify-content: flex-start; } -/* Panels */ -.uk-dropdown > .uk-grid > [class*='uk-width-'] > .uk-panel + .uk-panel { - margin-top: 15px; +.uk-flex-center { + justify-content: center; } -/* Only tablets and desktops */ -@media (min-width: 768px) { - /* - * Horizontal gutter - */ - .uk-dropdown:not(.uk-dropdown-stack) > .uk-grid { - margin-left: -15px; - margin-right: -15px; +.uk-flex-right { + justify-content: flex-end; +} +.uk-flex-between { + justify-content: space-between; +} +.uk-flex-around { + justify-content: space-around; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-flex-left\@s { + justify-content: flex-start; } - .uk-dropdown:not(.uk-dropdown-stack) > .uk-grid > [class*='uk-width-'] { - padding-left: 15px; - padding-right: 15px; + .uk-flex-center\@s { + justify-content: center; } - /* - * Column divider - */ - .uk-dropdown:not(.uk-dropdown-stack) > .uk-grid > [class*='uk-width-']:nth-child(n+2) { - border-left: 1px solid #dddddd; + .uk-flex-right\@s { + justify-content: flex-end; } - /* - * Width multiplier for dropdown columns - */ - .uk-dropdown-width-2:not(.uk-dropdown-stack) { - width: 400px; + .uk-flex-between\@s { + justify-content: space-between; } - .uk-dropdown-width-3:not(.uk-dropdown-stack) { - width: 600px; + .uk-flex-around\@s { + justify-content: space-around; } - .uk-dropdown-width-4:not(.uk-dropdown-stack) { - width: 800px; +} +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-flex-left\@m { + justify-content: flex-start; } - .uk-dropdown-width-5:not(.uk-dropdown-stack) { - width: 1000px; + .uk-flex-center\@m { + justify-content: center; } -} -/* Only phones */ -@media (max-width: 767px) { - /* - * Stack columns and take full width - */ - .uk-dropdown > .uk-grid > [class*='uk-width-'] { - width: 100%; + .uk-flex-right\@m { + justify-content: flex-end; } - /* - * Vertical gutter - */ - .uk-dropdown > .uk-grid > [class*='uk-width-']:nth-child(n+2) { - margin-top: 15px; + .uk-flex-between\@m { + justify-content: space-between; + } + .uk-flex-around\@m { + justify-content: space-around; } } -/* -* Stack grid columns -*/ -.uk-dropdown-stack > .uk-grid > [class*='uk-width-'] { - width: 100%; +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-flex-left\@l { + justify-content: flex-start; + } + .uk-flex-center\@l { + justify-content: center; + } + .uk-flex-right\@l { + justify-content: flex-end; + } + .uk-flex-between\@l { + justify-content: space-between; + } + .uk-flex-around\@l { + justify-content: space-around; + } } -.uk-dropdown-stack > .uk-grid > [class*='uk-width-']:nth-child(n+2) { - margin-top: 15px; +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-flex-left\@xl { + justify-content: flex-start; + } + .uk-flex-center\@xl { + justify-content: center; + } + .uk-flex-right\@xl { + justify-content: flex-end; + } + .uk-flex-between\@xl { + justify-content: space-between; + } + .uk-flex-around\@xl { + justify-content: space-around; + } } -/* Modifier `uk-dropdown-small` - ========================================================================== */ /* - * Set min-width and text expands dropdown if needed + * Align items in the cross axis of the current line of the flex container + * Row: Vertical */ -.uk-dropdown-small { - min-width: 150px; - width: auto; - padding: 5px; - white-space: nowrap; +.uk-flex-stretch { + align-items: stretch; } -/* - * Nav in dropdown - */ -.uk-dropdown-small .uk-nav { - margin: 0 -5px; +.uk-flex-top { + align-items: flex-start; } -/* Modifier: `uk-dropdown-navbar` - ========================================================================== */ -.uk-dropdown-navbar { - margin-top: 0; - background: #f5f5f5; - color: #444444; +.uk-flex-middle { + align-items: center; } -.uk-open > .uk-dropdown-navbar { - -webkit-animation: uk-slide-top-fixed 0.2s ease-in-out; - animation: uk-slide-top-fixed 0.2s ease-in-out; +.uk-flex-bottom { + align-items: flex-end; } -/* Modifier: `uk-dropdown-search` +/* Direction ========================================================================== */ -.uk-dropdown-search { - width: 300px; - margin-top: 0; - background: #f5f5f5; - color: #444444; +.uk-flex-row { + flex-direction: row; } -.uk-open > .uk-dropdown-search { - -webkit-animation: uk-slide-top-fixed 0.2s ease-in-out; - animation: uk-slide-top-fixed 0.2s ease-in-out; +.uk-flex-row-reverse { + flex-direction: row-reverse; } -/* - * Dependency `uk-navbar-flip` - */ -.uk-navbar-flip .uk-dropdown-search { - margin-top: 5px; - margin-right: -15px; +.uk-flex-column { + flex-direction: column; } -/* ======================================================================== - Component: Modal +.uk-flex-column-reverse { + flex-direction: column-reverse; +} +/* Wrap ========================================================================== */ -/* - * This is the modal overlay and modal dialog container - * 1. Hide by default - * 2. Set fixed position - * 3. Webkit needs a height to position the modal dialog vertically in percent - * 4. Allow scrolling for the modal dialog - * 5. Mask the background page - * 6. Fade-in transition - */ -.uk-modal { - /* 1 */ - display: none; - /* 2 */ - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1020; - /* 3 */ - height: 100%; - /* 4 */ - overflow-y: auto; - -webkit-overflow-scrolling: touch; - /* 5 */ - background: rgba(0, 0, 0, 0.6); - /* 6 */ - opacity: 0; - -webkit-transition: opacity 0.15s linear; - transition: opacity 0.15s linear; +.uk-flex-nowrap { + flex-wrap: nowrap; } -/* - * Open state - */ -.uk-modal.uk-open { - opacity: 1; +.uk-flex-wrap { + flex-wrap: wrap; +} +.uk-flex-wrap-reverse { + flex-wrap: wrap-reverse; } /* - * Prevents dublicated scrollbar caused by 4. + * Aligns items within the flex container when there is extra space in the cross-axis + * Only works if there is more than one line of flex items */ -.uk-modal-page { - overflow: hidden; +.uk-flex-wrap-stretch { + align-content: stretch; +} +.uk-flex-wrap-top { + align-content: flex-start; +} +.uk-flex-wrap-middle { + align-content: center; +} +.uk-flex-wrap-bottom { + align-content: flex-end; } -/* Sub-object: `uk-modal-dialog` +.uk-flex-wrap-between { + align-content: space-between; +} +.uk-flex-wrap-around { + align-content: space-around; +} +/* Item ordering ========================================================================== */ /* - * 1. Set position - * 2. Set box sizing - * 3. Center dialog box - * 4. Style + * Default is 0 */ -.uk-modal-dialog { - /* 1 */ - position: relative; - top: 10%; - left: 50%; - /* 2 */ - -moz-box-sizing: border-box; - box-sizing: border-box; - padding: 20px; - width: 600px; - /* 3 */ - margin-left: -300px; - /* 4 */ - background: #ffffff; +.uk-flex-first { + order: -1; } -/* Only phones */ -@media (max-width: 767px) { - /* - * Fit in small screen - */ - .uk-modal-dialog { - top: 0; - left: 0; - right: 0; - width: auto; - margin: 10px; +.uk-flex-last { + order: 99; +} +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-flex-first\@s { + order: -1; + } + .uk-flex-last\@s { + order: 99; } } -/* - * Remove margin from the last-child - */ -.uk-modal-dialog > :last-child { - margin-bottom: 0; +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-flex-first\@m { + order: -1; + } + .uk-flex-last\@m { + order: 99; + } } -/* Modifier: `uk-modal-dialog-slide` - ========================================================================== */ -/* - * Adds a slide-in transition to the modal dialog - */ -.uk-modal-dialog-slide { - opacity: 0; - -webkit-transform: translateY(-25%); - transform: translateY(-25%); - -webkit-transition: opacity 0.3s linear, -webkit-transform 0.3s ease-out; - transition: opacity 0.3s linear, transform 0.3s ease-out; +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-flex-first\@l { + order: -1; + } + .uk-flex-last\@l { + order: 99; + } } -.uk-open .uk-modal-dialog-slide { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-flex-first\@xl { + order: -1; + } + .uk-flex-last\@xl { + order: 99; + } } -/* Close in modal +/* Item dimensions ========================================================================== */ -.uk-modal-dialog > .uk-close:first-child { - margin: -10px -10px 0 0; - float: right; -} /* - * Remove margin from adjacent element + * Initial: 0 1 auto + * Content dimensions, but shrinks */ -.uk-modal-dialog > .uk-close:first-child + * { - margin-top: 0; -} -/* Modifier: `uk-modal-dialog-frameless` - ========================================================================== */ -.uk-modal-dialog-frameless { - padding: 0; +/* + * No Flex: 0 0 auto + * Content dimensions + */ +.uk-flex-none { + flex: none; } /* - * Close in modal + * Relative Flex: 1 1 auto + * Space is allocated considering content */ -.uk-modal-dialog-frameless > .uk-close:first-child { - position: absolute; - top: -12px; - right: -12px; - margin: 0; - float: none; +.uk-flex-auto { + flex: auto; } -/* Only phones */ -@media (max-width: 767px) { - .uk-modal-dialog-frameless > .uk-close:first-child { - top: -7px; - right: -7px; - } +/* + * Absolute Flex: 1 1 0% + * Space is allocated solely based on flex + */ +.uk-flex-1 { + flex: 1; } /* ======================================================================== - Component: Off-canvas + Component: Margin ========================================================================== */ /* - * This is the offcanvas overlay and bar container - * 1. Hide by default - * 2. Set fixed position - * 3. Mask the background page + * Default */ -.uk-offcanvas { - /* 1 */ - display: none; - /* 2 */ - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1010; - /* 3 */ - background: rgba(0, 0, 0, 0.1); +.uk-margin { + margin-bottom: 20px; } -.uk-offcanvas.uk-active { - display: block; +* + .uk-margin { + margin-top: 20px !important; } -/* Sub-object `uk-offcanvas-page` - ========================================================================== */ -/* - * Prepares the whole HTML page to slide-out - * 1. Fix the main page and disallow scrolling - * 2. Side-out transition - */ -.uk-offcanvas-page { - /* 1 */ - position: fixed; - /* 2 */ - -webkit-transition: margin-left 0.3s ease-in-out 50ms; - transition: margin-left 0.3s ease-in-out 50ms; +.uk-margin-top { + margin-top: 20px !important; +} +.uk-margin-bottom { + margin-bottom: 20px !important; +} +.uk-margin-left { + margin-left: 20px !important; +} +.uk-margin-right { + margin-right: 20px !important; } -/* Sub-object `uk-offcanvas-bar` +/* Small ========================================================================== */ -/* - * This is the offcanvas bar - * 1. Set fixed position - * 2. Size and style - * 3. Allow scrolling - * 4. Side-out transition - */ -.uk-offcanvas-bar { - /* 1 */ - position: fixed; - top: 0; - bottom: 0; - left: 0; - -webkit-transform: translateX(-100%); - transform: translateX(-100%); - z-index: 1011; - /* 2 */ - width: 270px; - max-width: 100%; - background: #333333; - /* 3 */ - overflow-y: auto; - -webkit-overflow-scrolling: touch; - /* 4 */ - -webkit-transition: -webkit-transform 0.3s ease-in-out; - transition: transform 0.3s ease-in-out; +.uk-margin-small { + margin-bottom: 10px; +} +* + .uk-margin-small { + margin-top: 10px !important; +} +.uk-margin-small-top { + margin-top: 10px !important; +} +.uk-margin-small-bottom { + margin-bottom: 10px !important; } -.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show { - -webkit-transform: translateX(0%); - transform: translateX(0%); +.uk-margin-small-left { + margin-left: 10px !important; } -/* Modifier `uk-offcanvas-bar-flip` - ========================================================================== */ -.uk-offcanvas-bar-flip { - left: auto; - right: 0; - -webkit-transform: translateX(100%); - transform: translateX(100%); +.uk-margin-small-right { + margin-right: 10px !important; } -/* Panel in offcanvas +/* Medium ========================================================================== */ -.uk-offcanvas .uk-panel { - margin: 20px 15px; - color: #777777; +.uk-margin-medium { + margin-bottom: 40px; } -.uk-offcanvas .uk-panel-title { - color: #cccccc; +* + .uk-margin-medium { + margin-top: 40px !important; } -.uk-offcanvas .uk-panel a:not([class]) { - color: #cccccc; +.uk-margin-medium-top { + margin-top: 40px !important; } -.uk-offcanvas .uk-panel a:not([class]):hover { - color: #ffffff; +.uk-margin-medium-bottom { + margin-bottom: 40px !important; +} +.uk-margin-medium-left { + margin-left: 40px !important; } -/* Search in offcanvas +.uk-margin-medium-right { + margin-right: 40px !important; +} +/* Large ========================================================================== */ -.uk-offcanvas .uk-search { - display: block; - margin: 20px 15px; +.uk-margin-large { + margin-bottom: 40px; } -.uk-offcanvas .uk-search:before { - color: #777777; +* + .uk-margin-large { + margin-top: 40px !important; } -.uk-offcanvas .uk-search-field { - width: 100%; - border-color: rgba(0, 0, 0, 0); - background: #1a1a1a; - color: #cccccc; +.uk-margin-large-top { + margin-top: 40px !important; } -.uk-offcanvas .uk-search-field:-ms-input-placeholder { - color: #777777; +.uk-margin-large-bottom { + margin-bottom: 40px !important; } -.uk-offcanvas .uk-search-field::-moz-placeholder { - color: #777777; +.uk-margin-large-left { + margin-left: 40px !important; } -.uk-offcanvas .uk-search-field::-webkit-input-placeholder { - color: #777777; +.uk-margin-large-right { + margin-right: 40px !important; } -/* ======================================================================== - Component: Switcher +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-margin-large { + margin-bottom: 70px; + } + * + .uk-margin-large { + margin-top: 70px !important; + } + .uk-margin-large-top { + margin-top: 70px !important; + } + .uk-margin-large-bottom { + margin-bottom: 70px !important; + } + .uk-margin-large-left { + margin-left: 70px !important; + } + .uk-margin-large-right { + margin-right: 70px !important; + } +} +/* XLarge ========================================================================== */ -.uk-switcher { - margin: 0; - padding: 0; - list-style: none; +.uk-margin-xlarge { + margin-bottom: 70px; } -/* - * Items - */ -.uk-switcher > *:not(.uk-active) { - display: none; +* + .uk-margin-xlarge { + margin-top: 70px !important; } -/* ======================================================================== - Component: Tooltip - ========================================================================== */ -/* - * 1. Hide by default - * 2. Set fixed position - * 3. Set dimensions - * 4. Set style - */ -.uk-tooltip { - /* 1 */ - display: none; - /* 2 */ - position: absolute; - z-index: 1030; - /* 3 */ - -moz-box-sizing: border-box; - box-sizing: border-box; - max-width: 200px; - padding: 5px 8px; - /* 4 */ - background: #333333; - color: rgba(255, 255, 255, 0.7); - font-size: 12px; - line-height: 18px; - text-align: center; +.uk-margin-xlarge-top { + margin-top: 70px !important; } -/* Triangle - ========================================================================== */ -/* - * 1. Dashed is less antialised than solid - */ -.uk-tooltip:after { - content: ""; - display: block; - position: absolute; - width: 0; - height: 0; - /* 1 */ - border: 5px dashed #333333; +.uk-margin-xlarge-bottom { + margin-bottom: 70px !important; +} +.uk-margin-xlarge-left { + margin-left: 70px !important; +} +.uk-margin-xlarge-right { + margin-right: 70px !important; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-margin-xlarge { + margin-bottom: 140px; + } + * + .uk-margin-xlarge { + margin-top: 140px !important; + } + .uk-margin-xlarge-top { + margin-top: 140px !important; + } + .uk-margin-xlarge-bottom { + margin-bottom: 140px !important; + } + .uk-margin-xlarge-left { + margin-left: 140px !important; + } + .uk-margin-xlarge-right { + margin-right: 140px !important; + } } -/* Direction modifiers +/* Auto ========================================================================== */ -/* - * Top - */ -.uk-tooltip-top:after, -.uk-tooltip-top-left:after, -.uk-tooltip-top-right:after { - bottom: -5px; - border-top-style: solid; - border-bottom: none; - border-left-color: transparent; - border-right-color: transparent; - border-top-color: #333333; +.uk-margin-auto { + margin-left: auto !important; + margin-right: auto !important; } -/* - * Bottom - */ -.uk-tooltip-bottom:after, -.uk-tooltip-bottom-left:after, -.uk-tooltip-bottom-right:after { - top: -5px; - border-bottom-style: solid; - border-top: none; - border-left-color: transparent; - border-right-color: transparent; - border-bottom-color: #333333; +.uk-margin-auto-top { + margin-top: auto !important; } -/* - * Top/Bottom center - */ -.uk-tooltip-top:after, -.uk-tooltip-bottom:after { - left: 50%; - margin-left: -5px; +.uk-margin-auto-bottom { + margin-bottom: auto !important; } -/* - * Top/Bottom left - */ -.uk-tooltip-top-left:after, -.uk-tooltip-bottom-left:after { - left: 10px; +.uk-margin-auto-left { + margin-left: auto !important; } -/* - * Top/Bottom right - */ -.uk-tooltip-top-right:after, -.uk-tooltip-bottom-right:after { - right: 10px; +.uk-margin-auto-right { + margin-right: auto !important; } -/* - * Left - */ -.uk-tooltip-left:after { - right: -5px; - top: 50%; - margin-top: -5px; - border-left-style: solid; - border-right: none; - border-top-color: transparent; - border-bottom-color: transparent; - border-left-color: #333333; +.uk-margin-auto-vertical { + margin-top: auto !important; + margin-bottom: auto !important; } -/* - * Right - */ -.uk-tooltip-right:after { - left: -5px; - top: 50%; - margin-top: -5px; - border-right-style: solid; - border-left: none; - border-top-color: transparent; - border-bottom-color: transparent; - border-right-color: #333333; +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-margin-auto\@s { + margin-left: auto !important; + margin-right: auto !important; + } + .uk-margin-auto-left\@s { + margin-left: auto !important; + } + .uk-margin-auto-right\@s { + margin-right: auto !important; + } } -/* ======================================================================== - Component: Text - ========================================================================== */ -/* Size modifiers - ========================================================================== */ -.uk-text-small { - font-size: 11px; - line-height: 16px; +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-margin-auto\@m { + margin-left: auto !important; + margin-right: auto !important; + } + .uk-margin-auto-left\@m { + margin-left: auto !important; + } + .uk-margin-auto-right\@m { + margin-right: auto !important; + } } -.uk-text-large { - font-size: 18px; - line-height: 24px; +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-margin-auto\@l { + margin-left: auto !important; + margin-right: auto !important; + } + .uk-margin-auto-left\@l { + margin-left: auto !important; + } + .uk-margin-auto-right\@l { + margin-right: auto !important; + } } -/* Weight modifiers - ========================================================================== */ -.uk-text-bold { - font-weight: bold; +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-margin-auto\@xl { + margin-left: auto !important; + margin-right: auto !important; + } + .uk-margin-auto-left\@xl { + margin-left: auto !important; + } + .uk-margin-auto-right\@xl { + margin-right: auto !important; + } } -/* Color modifiers +/* Remove ========================================================================== */ -.uk-text-muted { - color: #999999 !important; +.uk-margin-remove { + margin: 0 !important; } -.uk-text-info { - color: #2d7091 !important; +.uk-margin-remove-top { + margin-top: 0 !important; } -.uk-text-success { - color: #659f13 !important; +.uk-margin-remove-bottom { + margin-bottom: 0 !important; } -.uk-text-warning { - color: #e28327 !important; +.uk-margin-remove-left { + margin-left: 0 !important; } -.uk-text-danger { - color: #d85030 !important; +.uk-margin-remove-right { + margin-right: 0 !important; } -/* Alignment modifiers - ========================================================================== */ -.uk-text-left { - text-align: left !important; +.uk-margin-remove-vertical { + margin-top: 0 !important; + margin-bottom: 0 !important; } -.uk-text-right { - text-align: right !important; +.uk-margin-remove-adjacent + *, +.uk-margin-remove-first-child > :first-child { + margin-top: 0 !important; } -.uk-text-center { - text-align: center !important; +.uk-margin-remove-last-child > :last-child { + margin-bottom: 0 !important; } -.uk-text-justify { - text-align: justify !important; +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-margin-remove-left\@s { + margin-left: 0 !important; + } + .uk-margin-remove-right\@s { + margin-right: 0 !important; + } } -/* Wrap modifiers - ========================================================================== */ -/* - * Prevent text from wrapping onto multiple lines - */ -.uk-text-nowrap { - white-space: nowrap; +/* Tablet landscape and bigger */ +@media (min-width: 960px) { + .uk-margin-remove-left\@m { + margin-left: 0 !important; + } + .uk-margin-remove-right\@m { + margin-right: 0 !important; + } } -/* - * Prevent text from wrapping onto multiple lines, and truncate with an ellipsis - */ -.uk-text-truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-margin-remove-left\@l { + margin-left: 0 !important; + } + .uk-margin-remove-right\@l { + margin-right: 0 !important; + } } -/* - * Break strings if their length exceeds the width of their container - */ -.uk-text-break { - word-wrap: break-word; - -webkit-hyphens: auto; - -ms-hyphens: auto; - -moz-hyphens: auto; - hyphens: auto; +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-margin-remove-left\@xl { + margin-left: 0 !important; + } + .uk-margin-remove-right\@xl { + margin-right: 0 !important; + } } /* ======================================================================== - Component: Utility + Component: Padding ========================================================================== */ -/* Container +.uk-padding { + padding: 30px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-padding { + padding: 40px; + } +} +/* Small ========================================================================== */ -.uk-container { - -moz-box-sizing: border-box; - box-sizing: border-box; - max-width: 980px; - padding: 0 25px; +.uk-padding-small { + padding: 15px; } -/* Only large screens */ -@media (min-width: 1220px) { - .uk-container { - max-width: 1200px; - padding: 0 35px; +/* Large + ========================================================================== */ +.uk-padding-large { + padding: 30px; +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-padding-large { + padding: 70px; } } -/* - * Micro clearfix - */ -.uk-container:before, -.uk-container:after { - content: " "; - display: table; +/* Remove + ========================================================================== */ +.uk-padding-remove { + padding: 0 !important; } -.uk-container:after { - clear: both; +.uk-padding-remove-top { + padding-top: 0 !important; } -/* - * Center container - */ -.uk-container-center { - margin-left: auto; - margin-right: auto; +.uk-padding-remove-bottom { + padding-bottom: 0 !important; } -/* Clearing +.uk-padding-remove-left { + padding-left: 0 !important; +} +.uk-padding-remove-right { + padding-right: 0 !important; +} +.uk-padding-remove-vertical { + padding-top: 0 !important; + padding-bottom: 0 !important; +} +.uk-padding-remove-horizontal { + padding-left: 0 !important; + padding-right: 0 !important; +} +/* ======================================================================== + Component: Position + ========================================================================== */ +/* Directions ========================================================================== */ /* - * Micro clearfix + * 1. Prevent content overflow if `max-width: 100%` is used inside position container. */ -.uk-clearfix:before, -.uk-clearfix:after { - content: " "; - display: table; +[class*='uk-position-top'], +[class*='uk-position-bottom'], +[class*='uk-position-left'], +[class*='uk-position-right'], +[class*='uk-position-center'] { + position: absolute !important; + /* 1 */ + max-width: 100%; } -.uk-clearfix:after { - clear: both; +/* Edges + ========================================================================== */ +/* Don't use `width: 100%` because it is wrong if the parent has padding. */ +.uk-position-top { + top: 0; + left: 0; + right: 0; } -/* - * Create a new block formatting context - */ -.uk-nbfc { - overflow: hidden; +.uk-position-bottom { + bottom: 0; + left: 0; + right: 0; } -.uk-nbfc-alt { - display: table-cell; - width: 10000px; +.uk-position-left { + top: 0; + bottom: 0; + left: 0; } -/* Alignment of block elements +.uk-position-right { + top: 0; + bottom: 0; + right: 0; +} +/* Corners ========================================================================== */ +.uk-position-top-left { + top: 0; + left: 0; +} +.uk-position-top-right { + top: 0; + right: 0; +} +.uk-position-bottom-left { + bottom: 0; + left: 0; +} +.uk-position-bottom-right { + bottom: 0; + right: 0; +} /* - * Float blocks - * 1. Prevent content overflow on small devices + * Center + * 1. Fix text wrapping if content is larger than 50% of the container. */ -.uk-float-left { - float: left; +.uk-position-center { + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + /* 1 */ + width: max-content; + max-width: 100%; + box-sizing: border-box; } -.uk-float-right { - float: right; +/* Vertical */ +[class*='uk-position-center-left'], +[class*='uk-position-center-right'] { + top: 50%; + transform: translateY(-50%); } -/* 1 */ -[class*='uk-float-'] { +.uk-position-center-left { + left: 0; +} +.uk-position-center-right { + right: 0; +} +.uk-position-center-left-out { + right: 100%; + width: max-content; +} +.uk-position-center-right-out { + left: 100%; + width: max-content; +} +/* Horizontal */ +.uk-position-top-center, +.uk-position-bottom-center { + left: 50%; + transform: translateX(-50%); + /* 1 */ + width: max-content; max-width: 100%; + box-sizing: border-box; +} +.uk-position-top-center { + top: 0; +} +.uk-position-bottom-center { + bottom: 0; } -/* Alignment of images and objects +/* Cover ========================================================================== */ -/* - * Alignment - */ -[class*='uk-align-'] { - display: block; - margin-bottom: 15px; +.uk-position-cover { + position: absolute; + top: 0; + bottom: 0; + left: 0; + right: 0; } -.uk-align-left { - margin-right: 15px; - float: left; +/* Utility + ========================================================================== */ +.uk-position-relative { + position: relative !important; } -.uk-align-right { - margin-left: 15px; - float: right; +.uk-position-absolute { + position: absolute !important; } -/* Only tablets and desktop */ -@media (min-width: 768px) { - .uk-align-medium-left { - margin-right: 15px; - margin-bottom: 15px; - float: left; - } - .uk-align-medium-right { - margin-left: 15px; - margin-bottom: 15px; - float: right; - } +.uk-position-fixed { + position: fixed !important; } -.uk-align-center { - margin-left: auto; - margin-right: auto; +.uk-position-z-index { + z-index: 1; } -/* Vertical alignment +/* Margin modifier ========================================================================== */ /* - * Remove whitespace between child elements when using `inline-block` + * Small */ -.uk-vertical-align { - letter-spacing: -0.31em; +.uk-position-small { + max-width: calc(100% - (15px * 2)); + margin: 15px; } -/* - * The `uk-vertical-align` container needs a specific height - */ -.uk-vertical-align:before { - content: ''; - display: inline-block; - height: 100%; - vertical-align: middle; +.uk-position-small.uk-position-center { + transform: translate(-50%, -50%) translate(-15px, -15px); +} +.uk-position-small[class*='uk-position-center-left'], +.uk-position-small[class*='uk-position-center-right'] { + transform: translateY(-50%) translateY(-15px); +} +.uk-position-small.uk-position-top-center, +.uk-position-small.uk-position-bottom-center { + transform: translateX(-50%) translateX(-15px); } /* - * Sub-object which can have any height - * 1. Reset whitespace hack + * Medium */ -.uk-vertical-align-middle, -.uk-vertical-align-bottom { - display: inline-block; - max-width: 100%; - /* 1 */ - letter-spacing: normal; +.uk-position-medium { + max-width: calc(100% - (30px * 2)); + margin: 30px; } -.uk-vertical-align-middle { - vertical-align: middle; +.uk-position-medium.uk-position-center { + transform: translate(-50%, -50%) translate(-30px, -30px); } -.uk-vertical-align-bottom { - vertical-align: bottom; +.uk-position-medium[class*='uk-position-center-left'], +.uk-position-medium[class*='uk-position-center-right'] { + transform: translateY(-50%) translateY(-30px); } -/* - * This helper class is very useful to extend the `html` and `body` element to the full height of the page. - */ -.uk-height-1-1 { - height: 100%; +.uk-position-medium.uk-position-top-center, +.uk-position-medium.uk-position-bottom-center { + transform: translateX(-50%) translateX(-30px); } -/* Responsive objects - * Note: Images are already responsive by default, see Base component - ========================================================================== */ /* - * 1. Corrects max-width/max-height behavior if padding and border are used + * Large */ -.uk-responsive-width, -.uk-responsive-height { - -moz-box-sizing: border-box; - box-sizing: border-box; +.uk-position-large { + max-width: calc(100% - (30px * 2)); + margin: 30px; +} +.uk-position-large.uk-position-center { + transform: translate(-50%, -50%) translate(-30px, -30px); +} +.uk-position-large[class*='uk-position-center-left'], +.uk-position-large[class*='uk-position-center-right'] { + transform: translateY(-50%) translateY(-30px); +} +.uk-position-large.uk-position-top-center, +.uk-position-large.uk-position-bottom-center { + transform: translateX(-50%) translateX(-30px); +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-position-large { + max-width: calc(100% - (50px * 2)); + margin: 50px; + } + .uk-position-large.uk-position-center { + transform: translate(-50%, -50%) translate(-50px, -50px); + } + .uk-position-large[class*='uk-position-center-left'], + .uk-position-large[class*='uk-position-center-right'] { + transform: translateY(-50%) translateY(-50px); + } + .uk-position-large.uk-position-top-center, + .uk-position-large.uk-position-bottom-center { + transform: translateX(-50%) translateX(-50px); + } } +/* ======================================================================== + Component: Transition + ========================================================================== */ +/* Toggle (Hover + Focus) + ========================================================================== */ /* - * Responsiveness: Sets a maxium width relative to the parent and auto scales the height + * 1. Prevent tab highlighting on iOS. */ -.uk-responsive-width { - max-width: 100%; - height: auto; +.uk-transition-toggle { + /* 1 */ + -webkit-tap-highlight-color: transparent; } /* - * Responsiveness: Sets a maxium height relative to the parent and auto scales the width - * Only works if the parent element has a fixed height. + * Remove outline for `tabindex` */ -.uk-responsive-height { - max-height: 100%; - width: auto; +.uk-transition-toggle:focus { + outline: none; } -/* Margin +/* Transitions ========================================================================== */ -/* - * Create a block with the same margin of a paragraph +/* + * The toggle is triggered on touch devices by two methods: + * 1. Using `:focus` and tabindex + * 2. Using `:hover` and a `touchstart` event listener registered on the document + * (Doesn't work on Surface touch devices) + * + * Note: Transitions don't work with `uk-postion-center-*` classes because they also use `transform`, + * therefore it's recommended to use an extra `div` for the transition. */ -.uk-margin { - margin-bottom: 15px; +.uk-transition-fade, +[class*='uk-transition-scale'], +[class*='uk-transition-slide'] { + transition: 0.3s ease-out; + transition-property: opacity, transform, filter; + opacity: 0; } /* - * Add margin if adjacent element + * Fade */ -* + .uk-margin { - margin-top: 15px; +.uk-transition-toggle:hover .uk-transition-fade, +.uk-transition-toggle:focus .uk-transition-fade, +.uk-transition-active.uk-active .uk-transition-fade { + opacity: 1; } /* - * Margins + * Scale */ -.uk-margin-top { - margin-top: 15px !important; +.uk-transition-scale-up { + transform: scale(1, 1); } -.uk-margin-bottom { - margin-bottom: 15px !important; +.uk-transition-scale-down { + transform: scale(1.1, 1.1); } -.uk-margin-left { - margin-left: 15px !important; +/* Show */ +.uk-transition-toggle:hover .uk-transition-scale-up, +.uk-transition-toggle:focus .uk-transition-scale-up, +.uk-transition-active.uk-active .uk-transition-scale-up { + opacity: 1; + transform: scale(1.1, 1.1); } -.uk-margin-right { - margin-right: 15px !important; +.uk-transition-toggle:hover .uk-transition-scale-down, +.uk-transition-toggle:focus .uk-transition-scale-down, +.uk-transition-active.uk-active .uk-transition-scale-down { + opacity: 1; + transform: scale(1, 1); } /* - * Smaller margins + * Slide */ -.uk-margin-small-top { - margin-top: 5px !important; +.uk-transition-slide-top { + transform: translateY(-100%); } -.uk-margin-small-bottom { - margin-bottom: 5px !important; +.uk-transition-slide-bottom { + transform: translateY(100%); } -.uk-margin-small-left { - margin-left: 5px !important; +.uk-transition-slide-left { + transform: translateX(-100%); } -.uk-margin-small-right { - margin-right: 5px !important; +.uk-transition-slide-right { + transform: translateX(100%); } -/* - * Remove margins - */ -.uk-margin-remove { - margin: 0 !important; +.uk-transition-slide-top-small { + transform: translateY(-10px); } -.uk-margin-top-remove { - margin-top: 0 !important; +.uk-transition-slide-bottom-small { + transform: translateY(10px); } -.uk-margin-bottom-remove { - margin-bottom: 0 !important; +.uk-transition-slide-left-small { + transform: translateX(-10px); } -/* Border - ========================================================================== */ -.uk-border-circle { - border-radius: 50%; +.uk-transition-slide-right-small { + transform: translateX(10px); } -/* Headings - ========================================================================== */ -/* Only tablets and desktops */ -@media (min-width: 768px) { - .uk-heading-large { - font-size: 52px; - line-height: 64px; - } +.uk-transition-slide-top-medium { + transform: translateY(-50px); } -/* Link - ========================================================================== */ -.uk-link-muted, -.uk-link-muted a { - color: #444444; +.uk-transition-slide-bottom-medium { + transform: translateY(50px); } -.uk-link-muted:hover, -.uk-link-muted a:hover { - color: #444444; +.uk-transition-slide-left-medium { + transform: translateX(-50px); } -/* Scrollable - ========================================================================== */ -/* - * Enable scrolling for preformatted text - */ -.uk-scrollable-text { - max-height: 300px; - overflow-y: scroll; +.uk-transition-slide-right-medium { + transform: translateX(50px); } -/* - * Box with scrolling enabled - */ -.uk-scrollable-box { - -moz-box-sizing: border-box; - box-sizing: border-box; - max-height: 170px; - padding: 10px; - border: 1px solid #dddddd; - overflow: auto; +/* Show */ +.uk-transition-toggle:hover [class*='uk-transition-slide'], +.uk-transition-toggle:focus [class*='uk-transition-slide'], +.uk-transition-active.uk-active [class*='uk-transition-slide'] { + opacity: 1; + transform: translate(0, 0); } -/* - * Remove margin from the last-child - */ -.uk-scrollable-box > :last-child { - margin-bottom: 0; +/* Opacity modifier + ========================================================================== */ +.uk-transition-opaque { + opacity: 1; } -/* Display +/* Duration modifiers + ========================================================================== */ +.uk-transition-slow { + transition-duration: 0.7s; +} +/* ======================================================================== + Component: Visibility ========================================================================== */ /* - * Display + * Hidden + * `hidden` attribute also set here to make it stronger */ -.uk-display-block { - display: block !important; -} -.uk-display-inline { - display: inline !important; +[hidden], +.uk-hidden { + display: none !important; } -.uk-display-inline-block { - display: inline-block !important; +/* Phone landscape and bigger */ +@media (min-width: 640px) { + .uk-hidden\@s { + display: none !important; + } } -/* - * Visibility - * Avoids setting display to `block` - */ -/* Only desktops */ +/* Tablet landscape and bigger */ @media (min-width: 960px) { - .uk-visible-small { + .uk-hidden\@m { display: none !important; } - .uk-visible-medium { +} +/* Desktop and bigger */ +@media (min-width: 1200px) { + .uk-hidden\@l { display: none !important; } - .uk-hidden-large { +} +/* Large screen and bigger */ +@media (min-width: 1600px) { + .uk-hidden\@xl { display: none !important; } } -/* Only tablets portrait */ -@media (min-width: 768px) and (max-width: 959px) { - .uk-visible-small { +/* + * Visible + */ +/* Phone portrait and smaller */ +@media (max-width: 639px) { + .uk-visible\@s { display: none !important; } - .uk-visible-large { - display: none !important ; - } - .uk-hidden-medium { +} +/* Phone landscape and smaller */ +@media (max-width: 959px) { + .uk-visible\@m { display: none !important; } } -/* Only phones */ -@media (max-width: 767px) { - .uk-visible-medium { +/* Tablet landscape and smaller */ +@media (max-width: 1199px) { + .uk-visible\@l { display: none !important; } - .uk-visible-large { +} +/* Desktop and smaller */ +@media (max-width: 1599px) { + .uk-visible\@xl { display: none !important; } - .uk-hidden-small { +} +/* Visibility + ========================================================================== */ +.uk-invisible { + visibility: hidden !important; +} +/* Toggle (Hover + Focus) + ========================================================================== */ +/* + * Hidden + * 1. The toggle is triggered on touch devices using `:focus` and tabindex + * 2. The target stays visible if any element within receives focus through keyboard + * Doesn't work in Edge, yet. + * 3. Can't use `display: none` nor `visibility: hidden` because both are not focusable. + * + */ +/* 1 + 2 */ +.uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within) { + /* 3 */ + position: absolute !important; + width: 0 !important; + height: 0 !important; + padding: 0 !important; + margin: 0 !important; + overflow: hidden !important; +} +/* + * Invisible + */ +/* 1 + 2 */ +.uk-visible-toggle:not(:hover):not(:focus) .uk-invisible-hover:not(:focus-within) { + /* 3 */ + opacity: 0 !important; +} +/* + * 1. Prevent tab highlighting on iOS. + */ +.uk-visible-toggle { + /* 1 */ + -webkit-tap-highlight-color: transparent; +} +/* + * Remove outline for `tabindex` + */ +.uk-visible-toggle:focus { + outline: none; +} +/* Touch + ========================================================================== */ +/* + * Hide if primary pointing device has limited accuracy, e.g. a touch screen. + * Works on mobile browsers: Safari, Chrome and Android browser + */ +@media (pointer: coarse) { + .uk-hidden-touch { display: none !important; } } -/* Remove from the flow and screen readers on any device */ -.uk-hidden { +/* + * Hide if primary pointing device is accurate, e.g. mouse. + * 1. Fallback for IE11 and Firefox, because `pointer` is not supported + * 2. Reset if supported + */ +/* 1 */ +.uk-hidden-notouch { display: none !important; - visibility: hidden !important; } -/* It's hidden, but still affects layout */ -.uk-invisible { - visibility: hidden !important; +@media (pointer: coarse) { + .uk-hidden-notouch { + display: block !important; + } } -/* Show on hover */ -.uk-visible-hover:hover .uk-hidden, -.uk-visible-hover:hover .uk-invisible { - display: block !important; - visibility: visible !important; +/* ======================================================================== + Component: Inverse + ========================================================================== */ +/* + * Implemented class depends on the general theme color + * `uk-light` is for light colors on dark backgrounds + * `uk-dark` is or dark colors on light backgrounds + */ +.uk-light, +.uk-section-primary:not(.uk-preserve-color), +.uk-section-secondary:not(.uk-preserve-color), +.uk-tile-primary:not(.uk-preserve-color), +.uk-tile-secondary:not(.uk-preserve-color), +.uk-card-primary.uk-card-body, +.uk-card-primary > :not([class*='uk-card-media']), +.uk-card-secondary.uk-card-body, +.uk-card-secondary > :not([class*='uk-card-media']), +.uk-overlay-primary, +.uk-offcanvas-bar { + color: rgba(255, 255, 255, 0.7); } -.uk-visible-hover-inline:hover .uk-hidden, -.uk-visible-hover-inline:hover .uk-invisible { - display: inline-block !important; - visibility: visible !important; +.uk-light a, +.uk-light .uk-link, +.uk-section-primary:not(.uk-preserve-color) a, +.uk-section-primary:not(.uk-preserve-color) .uk-link, +.uk-section-secondary:not(.uk-preserve-color) a, +.uk-section-secondary:not(.uk-preserve-color) .uk-link, +.uk-tile-primary:not(.uk-preserve-color) a, +.uk-tile-primary:not(.uk-preserve-color) .uk-link, +.uk-tile-secondary:not(.uk-preserve-color) a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link, +.uk-card-primary.uk-card-body a, +.uk-card-primary.uk-card-body .uk-link, +.uk-card-primary > :not([class*='uk-card-media']) a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link, +.uk-card-secondary.uk-card-body a, +.uk-card-secondary.uk-card-body .uk-link, +.uk-card-secondary > :not([class*='uk-card-media']) a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link, +.uk-overlay-primary a, +.uk-overlay-primary .uk-link, +.uk-offcanvas-bar a, +.uk-offcanvas-bar .uk-link { + color: #fff; +} +.uk-light a:hover, +.uk-light .uk-link:hover, +.uk-section-primary:not(.uk-preserve-color) a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link:hover, +.uk-section-secondary:not(.uk-preserve-color) a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link:hover, +.uk-tile-primary:not(.uk-preserve-color) a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link:hover, +.uk-tile-secondary:not(.uk-preserve-color) a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link:hover, +.uk-card-primary.uk-card-body a:hover, +.uk-card-primary.uk-card-body .uk-link:hover, +.uk-card-primary > :not([class*='uk-card-media']) a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link:hover, +.uk-card-secondary.uk-card-body a:hover, +.uk-card-secondary.uk-card-body .uk-link:hover, +.uk-card-secondary > :not([class*='uk-card-media']) a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link:hover, +.uk-overlay-primary a:hover, +.uk-overlay-primary .uk-link:hover, +.uk-offcanvas-bar a:hover, +.uk-offcanvas-bar .uk-link:hover { + color: #fff; +} +.uk-light :not(pre) > code, +.uk-light :not(pre) > kbd, +.uk-light :not(pre) > samp, +.uk-section-primary:not(.uk-preserve-color) :not(pre) > code, +.uk-section-primary:not(.uk-preserve-color) :not(pre) > kbd, +.uk-section-primary:not(.uk-preserve-color) :not(pre) > samp, +.uk-section-secondary:not(.uk-preserve-color) :not(pre) > code, +.uk-section-secondary:not(.uk-preserve-color) :not(pre) > kbd, +.uk-section-secondary:not(.uk-preserve-color) :not(pre) > samp, +.uk-tile-primary:not(.uk-preserve-color) :not(pre) > code, +.uk-tile-primary:not(.uk-preserve-color) :not(pre) > kbd, +.uk-tile-primary:not(.uk-preserve-color) :not(pre) > samp, +.uk-tile-secondary:not(.uk-preserve-color) :not(pre) > code, +.uk-tile-secondary:not(.uk-preserve-color) :not(pre) > kbd, +.uk-tile-secondary:not(.uk-preserve-color) :not(pre) > samp, +.uk-card-primary.uk-card-body :not(pre) > code, +.uk-card-primary.uk-card-body :not(pre) > kbd, +.uk-card-primary.uk-card-body :not(pre) > samp, +.uk-card-primary > :not([class*='uk-card-media']) :not(pre) > code, +.uk-card-primary > :not([class*='uk-card-media']) :not(pre) > kbd, +.uk-card-primary > :not([class*='uk-card-media']) :not(pre) > samp, +.uk-card-secondary.uk-card-body :not(pre) > code, +.uk-card-secondary.uk-card-body :not(pre) > kbd, +.uk-card-secondary.uk-card-body :not(pre) > samp, +.uk-card-secondary > :not([class*='uk-card-media']) :not(pre) > code, +.uk-card-secondary > :not([class*='uk-card-media']) :not(pre) > kbd, +.uk-card-secondary > :not([class*='uk-card-media']) :not(pre) > samp, +.uk-overlay-primary :not(pre) > code, +.uk-overlay-primary :not(pre) > kbd, +.uk-overlay-primary :not(pre) > samp, +.uk-offcanvas-bar :not(pre) > code, +.uk-offcanvas-bar :not(pre) > kbd, +.uk-offcanvas-bar :not(pre) > samp { + color: rgba(255, 255, 255, 0.7); + background: rgba(255, 255, 255, 0.1); +} +.uk-light em, +.uk-section-primary:not(.uk-preserve-color) em, +.uk-section-secondary:not(.uk-preserve-color) em, +.uk-tile-primary:not(.uk-preserve-color) em, +.uk-tile-secondary:not(.uk-preserve-color) em, +.uk-card-primary.uk-card-body em, +.uk-card-primary > :not([class*='uk-card-media']) em, +.uk-card-secondary.uk-card-body em, +.uk-card-secondary > :not([class*='uk-card-media']) em, +.uk-overlay-primary em, +.uk-offcanvas-bar em { + color: #fff; +} +.uk-light h1, +.uk-light .uk-h1, +.uk-light h2, +.uk-light .uk-h2, +.uk-light h3, +.uk-light .uk-h3, +.uk-light h4, +.uk-light .uk-h4, +.uk-light h5, +.uk-light .uk-h5, +.uk-light h6, +.uk-light .uk-h6, +.uk-light .uk-heading-small, +.uk-light .uk-heading-medium, +.uk-light .uk-heading-large, +.uk-light .uk-heading-xlarge, +.uk-light .uk-heading-2xlarge, +.uk-section-primary:not(.uk-preserve-color) h1, +.uk-section-primary:not(.uk-preserve-color) .uk-h1, +.uk-section-primary:not(.uk-preserve-color) h2, +.uk-section-primary:not(.uk-preserve-color) .uk-h2, +.uk-section-primary:not(.uk-preserve-color) h3, +.uk-section-primary:not(.uk-preserve-color) .uk-h3, +.uk-section-primary:not(.uk-preserve-color) h4, +.uk-section-primary:not(.uk-preserve-color) .uk-h4, +.uk-section-primary:not(.uk-preserve-color) h5, +.uk-section-primary:not(.uk-preserve-color) .uk-h5, +.uk-section-primary:not(.uk-preserve-color) h6, +.uk-section-primary:not(.uk-preserve-color) .uk-h6, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-small, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-medium, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-large, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-xlarge, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-2xlarge, +.uk-section-secondary:not(.uk-preserve-color) h1, +.uk-section-secondary:not(.uk-preserve-color) .uk-h1, +.uk-section-secondary:not(.uk-preserve-color) h2, +.uk-section-secondary:not(.uk-preserve-color) .uk-h2, +.uk-section-secondary:not(.uk-preserve-color) h3, +.uk-section-secondary:not(.uk-preserve-color) .uk-h3, +.uk-section-secondary:not(.uk-preserve-color) h4, +.uk-section-secondary:not(.uk-preserve-color) .uk-h4, +.uk-section-secondary:not(.uk-preserve-color) h5, +.uk-section-secondary:not(.uk-preserve-color) .uk-h5, +.uk-section-secondary:not(.uk-preserve-color) h6, +.uk-section-secondary:not(.uk-preserve-color) .uk-h6, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-small, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-medium, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-large, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-xlarge, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-2xlarge, +.uk-tile-primary:not(.uk-preserve-color) h1, +.uk-tile-primary:not(.uk-preserve-color) .uk-h1, +.uk-tile-primary:not(.uk-preserve-color) h2, +.uk-tile-primary:not(.uk-preserve-color) .uk-h2, +.uk-tile-primary:not(.uk-preserve-color) h3, +.uk-tile-primary:not(.uk-preserve-color) .uk-h3, +.uk-tile-primary:not(.uk-preserve-color) h4, +.uk-tile-primary:not(.uk-preserve-color) .uk-h4, +.uk-tile-primary:not(.uk-preserve-color) h5, +.uk-tile-primary:not(.uk-preserve-color) .uk-h5, +.uk-tile-primary:not(.uk-preserve-color) h6, +.uk-tile-primary:not(.uk-preserve-color) .uk-h6, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-small, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-medium, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-large, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-xlarge, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-2xlarge, +.uk-tile-secondary:not(.uk-preserve-color) h1, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h1, +.uk-tile-secondary:not(.uk-preserve-color) h2, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h2, +.uk-tile-secondary:not(.uk-preserve-color) h3, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h3, +.uk-tile-secondary:not(.uk-preserve-color) h4, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h4, +.uk-tile-secondary:not(.uk-preserve-color) h5, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h5, +.uk-tile-secondary:not(.uk-preserve-color) h6, +.uk-tile-secondary:not(.uk-preserve-color) .uk-h6, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-small, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-medium, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-large, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-xlarge, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-2xlarge, +.uk-card-primary.uk-card-body h1, +.uk-card-primary.uk-card-body .uk-h1, +.uk-card-primary.uk-card-body h2, +.uk-card-primary.uk-card-body .uk-h2, +.uk-card-primary.uk-card-body h3, +.uk-card-primary.uk-card-body .uk-h3, +.uk-card-primary.uk-card-body h4, +.uk-card-primary.uk-card-body .uk-h4, +.uk-card-primary.uk-card-body h5, +.uk-card-primary.uk-card-body .uk-h5, +.uk-card-primary.uk-card-body h6, +.uk-card-primary.uk-card-body .uk-h6, +.uk-card-primary.uk-card-body .uk-heading-small, +.uk-card-primary.uk-card-body .uk-heading-medium, +.uk-card-primary.uk-card-body .uk-heading-large, +.uk-card-primary.uk-card-body .uk-heading-xlarge, +.uk-card-primary.uk-card-body .uk-heading-2xlarge, +.uk-card-primary > :not([class*='uk-card-media']) h1, +.uk-card-primary > :not([class*='uk-card-media']) .uk-h1, +.uk-card-primary > :not([class*='uk-card-media']) h2, +.uk-card-primary > :not([class*='uk-card-media']) .uk-h2, +.uk-card-primary > :not([class*='uk-card-media']) h3, +.uk-card-primary > :not([class*='uk-card-media']) .uk-h3, +.uk-card-primary > :not([class*='uk-card-media']) h4, +.uk-card-primary > :not([class*='uk-card-media']) .uk-h4, +.uk-card-primary > :not([class*='uk-card-media']) h5, +.uk-card-primary > :not([class*='uk-card-media']) .uk-h5, +.uk-card-primary > :not([class*='uk-card-media']) h6, +.uk-card-primary > :not([class*='uk-card-media']) .uk-h6, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-small, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-medium, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-large, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-xlarge, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-2xlarge, +.uk-card-secondary.uk-card-body h1, +.uk-card-secondary.uk-card-body .uk-h1, +.uk-card-secondary.uk-card-body h2, +.uk-card-secondary.uk-card-body .uk-h2, +.uk-card-secondary.uk-card-body h3, +.uk-card-secondary.uk-card-body .uk-h3, +.uk-card-secondary.uk-card-body h4, +.uk-card-secondary.uk-card-body .uk-h4, +.uk-card-secondary.uk-card-body h5, +.uk-card-secondary.uk-card-body .uk-h5, +.uk-card-secondary.uk-card-body h6, +.uk-card-secondary.uk-card-body .uk-h6, +.uk-card-secondary.uk-card-body .uk-heading-small, +.uk-card-secondary.uk-card-body .uk-heading-medium, +.uk-card-secondary.uk-card-body .uk-heading-large, +.uk-card-secondary.uk-card-body .uk-heading-xlarge, +.uk-card-secondary.uk-card-body .uk-heading-2xlarge, +.uk-card-secondary > :not([class*='uk-card-media']) h1, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-h1, +.uk-card-secondary > :not([class*='uk-card-media']) h2, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-h2, +.uk-card-secondary > :not([class*='uk-card-media']) h3, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-h3, +.uk-card-secondary > :not([class*='uk-card-media']) h4, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-h4, +.uk-card-secondary > :not([class*='uk-card-media']) h5, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-h5, +.uk-card-secondary > :not([class*='uk-card-media']) h6, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-h6, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-small, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-medium, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-large, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-xlarge, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-2xlarge, +.uk-overlay-primary h1, +.uk-overlay-primary .uk-h1, +.uk-overlay-primary h2, +.uk-overlay-primary .uk-h2, +.uk-overlay-primary h3, +.uk-overlay-primary .uk-h3, +.uk-overlay-primary h4, +.uk-overlay-primary .uk-h4, +.uk-overlay-primary h5, +.uk-overlay-primary .uk-h5, +.uk-overlay-primary h6, +.uk-overlay-primary .uk-h6, +.uk-overlay-primary .uk-heading-small, +.uk-overlay-primary .uk-heading-medium, +.uk-overlay-primary .uk-heading-large, +.uk-overlay-primary .uk-heading-xlarge, +.uk-overlay-primary .uk-heading-2xlarge, +.uk-offcanvas-bar h1, +.uk-offcanvas-bar .uk-h1, +.uk-offcanvas-bar h2, +.uk-offcanvas-bar .uk-h2, +.uk-offcanvas-bar h3, +.uk-offcanvas-bar .uk-h3, +.uk-offcanvas-bar h4, +.uk-offcanvas-bar .uk-h4, +.uk-offcanvas-bar h5, +.uk-offcanvas-bar .uk-h5, +.uk-offcanvas-bar h6, +.uk-offcanvas-bar .uk-h6, +.uk-offcanvas-bar .uk-heading-small, +.uk-offcanvas-bar .uk-heading-medium, +.uk-offcanvas-bar .uk-heading-large, +.uk-offcanvas-bar .uk-heading-xlarge, +.uk-offcanvas-bar .uk-heading-2xlarge { + color: #fff; +} +.uk-light blockquote, +.uk-section-primary:not(.uk-preserve-color) blockquote, +.uk-section-secondary:not(.uk-preserve-color) blockquote, +.uk-tile-primary:not(.uk-preserve-color) blockquote, +.uk-tile-secondary:not(.uk-preserve-color) blockquote, +.uk-card-primary.uk-card-body blockquote, +.uk-card-primary > :not([class*='uk-card-media']) blockquote, +.uk-card-secondary.uk-card-body blockquote, +.uk-card-secondary > :not([class*='uk-card-media']) blockquote, +.uk-overlay-primary blockquote, +.uk-offcanvas-bar blockquote { + color: #fff; +} +.uk-light blockquote footer, +.uk-section-primary:not(.uk-preserve-color) blockquote footer, +.uk-section-secondary:not(.uk-preserve-color) blockquote footer, +.uk-tile-primary:not(.uk-preserve-color) blockquote footer, +.uk-tile-secondary:not(.uk-preserve-color) blockquote footer, +.uk-card-primary.uk-card-body blockquote footer, +.uk-card-primary > :not([class*='uk-card-media']) blockquote footer, +.uk-card-secondary.uk-card-body blockquote footer, +.uk-card-secondary > :not([class*='uk-card-media']) blockquote footer, +.uk-overlay-primary blockquote footer, +.uk-offcanvas-bar blockquote footer { + color: rgba(255, 255, 255, 0.7); +} +.uk-light hr, +.uk-light .uk-hr, +.uk-section-primary:not(.uk-preserve-color) hr, +.uk-section-primary:not(.uk-preserve-color) .uk-hr, +.uk-section-secondary:not(.uk-preserve-color) hr, +.uk-section-secondary:not(.uk-preserve-color) .uk-hr, +.uk-tile-primary:not(.uk-preserve-color) hr, +.uk-tile-primary:not(.uk-preserve-color) .uk-hr, +.uk-tile-secondary:not(.uk-preserve-color) hr, +.uk-tile-secondary:not(.uk-preserve-color) .uk-hr, +.uk-card-primary.uk-card-body hr, +.uk-card-primary.uk-card-body .uk-hr, +.uk-card-primary > :not([class*='uk-card-media']) hr, +.uk-card-primary > :not([class*='uk-card-media']) .uk-hr, +.uk-card-secondary.uk-card-body hr, +.uk-card-secondary.uk-card-body .uk-hr, +.uk-card-secondary > :not([class*='uk-card-media']) hr, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-hr, +.uk-overlay-primary hr, +.uk-overlay-primary .uk-hr, +.uk-offcanvas-bar hr, +.uk-offcanvas-bar .uk-hr { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-link-muted, +.uk-light .uk-link-muted a, +.uk-section-primary:not(.uk-preserve-color) .uk-link-muted, +.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a, +.uk-card-primary.uk-card-body .uk-link-muted, +.uk-card-primary.uk-card-body .uk-link-muted a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link-muted, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link-muted a, +.uk-card-secondary.uk-card-body .uk-link-muted, +.uk-card-secondary.uk-card-body .uk-link-muted a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-muted, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-muted a, +.uk-overlay-primary .uk-link-muted, +.uk-overlay-primary .uk-link-muted a, +.uk-offcanvas-bar .uk-link-muted, +.uk-offcanvas-bar .uk-link-muted a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-link-muted:hover, +.uk-light .uk-link-muted a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-muted:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a:hover, +.uk-card-primary.uk-card-body .uk-link-muted:hover, +.uk-card-primary.uk-card-body .uk-link-muted a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link-muted:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link-muted a:hover, +.uk-card-secondary.uk-card-body .uk-link-muted:hover, +.uk-card-secondary.uk-card-body .uk-link-muted a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-muted:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-muted a:hover, +.uk-overlay-primary .uk-link-muted:hover, +.uk-overlay-primary .uk-link-muted a:hover, +.uk-offcanvas-bar .uk-link-muted:hover, +.uk-offcanvas-bar .uk-link-muted a:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-link-text:hover, +.uk-light .uk-link-text a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-text:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-text a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-text:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-text a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-text:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-text a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-text:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-text a:hover, +.uk-card-primary.uk-card-body .uk-link-text:hover, +.uk-card-primary.uk-card-body .uk-link-text a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link-text:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link-text a:hover, +.uk-card-secondary.uk-card-body .uk-link-text:hover, +.uk-card-secondary.uk-card-body .uk-link-text a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-text:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-text a:hover, +.uk-overlay-primary .uk-link-text:hover, +.uk-overlay-primary .uk-link-text a:hover, +.uk-offcanvas-bar .uk-link-text:hover, +.uk-offcanvas-bar .uk-link-text a:hover { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-link-heading:hover, +.uk-light .uk-link-heading a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-heading:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-link-heading a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-heading:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-link-heading a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-heading:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-link-heading a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-heading:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-link-heading a:hover, +.uk-card-primary.uk-card-body .uk-link-heading:hover, +.uk-card-primary.uk-card-body .uk-link-heading a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link-heading:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-link-heading a:hover, +.uk-card-secondary.uk-card-body .uk-link-heading:hover, +.uk-card-secondary.uk-card-body .uk-link-heading a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-heading:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-link-heading a:hover, +.uk-overlay-primary .uk-link-heading:hover, +.uk-overlay-primary .uk-link-heading a:hover, +.uk-offcanvas-bar .uk-link-heading:hover, +.uk-offcanvas-bar .uk-link-heading a:hover { + color: #fff; +} +.uk-light .uk-heading-divider, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-divider, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-divider, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-divider, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-divider, +.uk-card-primary.uk-card-body .uk-heading-divider, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-divider, +.uk-card-secondary.uk-card-body .uk-heading-divider, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-divider, +.uk-overlay-primary .uk-heading-divider, +.uk-offcanvas-bar .uk-heading-divider { + border-bottom-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-heading-bullet::before, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-bullet::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-bullet::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-bullet::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-bullet::before, +.uk-card-primary.uk-card-body .uk-heading-bullet::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-bullet::before, +.uk-card-secondary.uk-card-body .uk-heading-bullet::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-bullet::before, +.uk-overlay-primary .uk-heading-bullet::before, +.uk-offcanvas-bar .uk-heading-bullet::before { + border-left-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-heading-line > ::before, +.uk-light .uk-heading-line > ::after, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-line > ::before, +.uk-section-primary:not(.uk-preserve-color) .uk-heading-line > ::after, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line > ::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line > ::after, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line > ::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line > ::after, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line > ::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line > ::after, +.uk-card-primary.uk-card-body .uk-heading-line > ::before, +.uk-card-primary.uk-card-body .uk-heading-line > ::after, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-line > ::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-heading-line > ::after, +.uk-card-secondary.uk-card-body .uk-heading-line > ::before, +.uk-card-secondary.uk-card-body .uk-heading-line > ::after, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-line > ::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-heading-line > ::after, +.uk-overlay-primary .uk-heading-line > ::before, +.uk-overlay-primary .uk-heading-line > ::after, +.uk-offcanvas-bar .uk-heading-line > ::before, +.uk-offcanvas-bar .uk-heading-line > ::after { + border-bottom-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-divider-icon, +.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon, +.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon, +.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon, +.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon, +.uk-card-primary.uk-card-body .uk-divider-icon, +.uk-card-primary > :not([class*='uk-card-media']) .uk-divider-icon, +.uk-card-secondary.uk-card-body .uk-divider-icon, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-icon, +.uk-overlay-primary .uk-divider-icon, +.uk-offcanvas-bar .uk-divider-icon { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.2%29%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); +} +.uk-light .uk-divider-icon::before, +.uk-light .uk-divider-icon::after, +.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::before, +.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::after, +.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::after, +.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::after, +.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::after, +.uk-card-primary.uk-card-body .uk-divider-icon::before, +.uk-card-primary.uk-card-body .uk-divider-icon::after, +.uk-card-primary > :not([class*='uk-card-media']) .uk-divider-icon::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-divider-icon::after, +.uk-card-secondary.uk-card-body .uk-divider-icon::before, +.uk-card-secondary.uk-card-body .uk-divider-icon::after, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-icon::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-icon::after, +.uk-overlay-primary .uk-divider-icon::before, +.uk-overlay-primary .uk-divider-icon::after, +.uk-offcanvas-bar .uk-divider-icon::before, +.uk-offcanvas-bar .uk-divider-icon::after { + border-bottom-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-divider-small::after, +.uk-section-primary:not(.uk-preserve-color) .uk-divider-small::after, +.uk-section-secondary:not(.uk-preserve-color) .uk-divider-small::after, +.uk-tile-primary:not(.uk-preserve-color) .uk-divider-small::after, +.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-small::after, +.uk-card-primary.uk-card-body .uk-divider-small::after, +.uk-card-primary > :not([class*='uk-card-media']) .uk-divider-small::after, +.uk-card-secondary.uk-card-body .uk-divider-small::after, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-small::after, +.uk-overlay-primary .uk-divider-small::after, +.uk-offcanvas-bar .uk-divider-small::after { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-divider-vertical, +.uk-section-primary:not(.uk-preserve-color) .uk-divider-vertical, +.uk-section-secondary:not(.uk-preserve-color) .uk-divider-vertical, +.uk-tile-primary:not(.uk-preserve-color) .uk-divider-vertical, +.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-vertical, +.uk-card-primary.uk-card-body .uk-divider-vertical, +.uk-card-primary > :not([class*='uk-card-media']) .uk-divider-vertical, +.uk-card-secondary.uk-card-body .uk-divider-vertical, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-divider-vertical, +.uk-overlay-primary .uk-divider-vertical, +.uk-offcanvas-bar .uk-divider-vertical { + border-left-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-list-muted > ::before, +.uk-section-primary:not(.uk-preserve-color) .uk-list-muted > ::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-list-muted > ::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-list-muted > ::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-muted > ::before, +.uk-card-primary.uk-card-body .uk-list-muted > ::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-muted > ::before, +.uk-card-secondary.uk-card-body .uk-list-muted > ::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-muted > ::before, +.uk-overlay-primary .uk-list-muted > ::before, +.uk-offcanvas-bar .uk-list-muted > ::before { + color: rgba(255, 255, 255, 0.5) !important; +} +.uk-light .uk-list-emphasis > ::before, +.uk-section-primary:not(.uk-preserve-color) .uk-list-emphasis > ::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-list-emphasis > ::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-list-emphasis > ::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-emphasis > ::before, +.uk-card-primary.uk-card-body .uk-list-emphasis > ::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-emphasis > ::before, +.uk-card-secondary.uk-card-body .uk-list-emphasis > ::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-emphasis > ::before, +.uk-overlay-primary .uk-list-emphasis > ::before, +.uk-offcanvas-bar .uk-list-emphasis > ::before { + color: #fff !important; +} +.uk-light .uk-list-primary > ::before, +.uk-section-primary:not(.uk-preserve-color) .uk-list-primary > ::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-list-primary > ::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-list-primary > ::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-primary > ::before, +.uk-card-primary.uk-card-body .uk-list-primary > ::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-primary > ::before, +.uk-card-secondary.uk-card-body .uk-list-primary > ::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-primary > ::before, +.uk-overlay-primary .uk-list-primary > ::before, +.uk-offcanvas-bar .uk-list-primary > ::before { + color: #fff !important; +} +.uk-light .uk-list-secondary > ::before, +.uk-section-primary:not(.uk-preserve-color) .uk-list-secondary > ::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-list-secondary > ::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-list-secondary > ::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-secondary > ::before, +.uk-card-primary.uk-card-body .uk-list-secondary > ::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-secondary > ::before, +.uk-card-secondary.uk-card-body .uk-list-secondary > ::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-secondary > ::before, +.uk-overlay-primary .uk-list-secondary > ::before, +.uk-offcanvas-bar .uk-list-secondary > ::before { + color: #fff !important; +} +.uk-light .uk-list-bullet > ::before, +.uk-section-primary:not(.uk-preserve-color) .uk-list-bullet > ::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-list-bullet > ::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-list-bullet > ::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-bullet > ::before, +.uk-card-primary.uk-card-body .uk-list-bullet > ::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-bullet > ::before, +.uk-card-secondary.uk-card-body .uk-list-bullet > ::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-bullet > ::before, +.uk-overlay-primary .uk-list-bullet > ::before, +.uk-offcanvas-bar .uk-list-bullet > ::before { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +.uk-light .uk-list-divider > :nth-child(n+2), +.uk-section-primary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n+2), +.uk-section-secondary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n+2), +.uk-tile-primary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n+2), +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-divider > :nth-child(n+2), +.uk-card-primary.uk-card-body .uk-list-divider > :nth-child(n+2), +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-divider > :nth-child(n+2), +.uk-card-secondary.uk-card-body .uk-list-divider > :nth-child(n+2), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-divider > :nth-child(n+2), +.uk-overlay-primary .uk-list-divider > :nth-child(n+2), +.uk-offcanvas-bar .uk-list-divider > :nth-child(n+2) { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-list-striped > *:nth-of-type(odd), +.uk-section-primary:not(.uk-preserve-color) .uk-list-striped > *:nth-of-type(odd), +.uk-section-secondary:not(.uk-preserve-color) .uk-list-striped > *:nth-of-type(odd), +.uk-tile-primary:not(.uk-preserve-color) .uk-list-striped > *:nth-of-type(odd), +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped > *:nth-of-type(odd), +.uk-card-primary.uk-card-body .uk-list-striped > *:nth-of-type(odd), +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-striped > *:nth-of-type(odd), +.uk-card-secondary.uk-card-body .uk-list-striped > *:nth-of-type(odd), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-striped > *:nth-of-type(odd), +.uk-overlay-primary .uk-list-striped > *:nth-of-type(odd), +.uk-offcanvas-bar .uk-list-striped > *:nth-of-type(odd) { + border-top-color: rgba(255, 255, 255, 0.2); + border-bottom-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-list-striped > :nth-of-type(odd), +.uk-section-primary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd), +.uk-section-secondary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd), +.uk-tile-primary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd), +.uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped > :nth-of-type(odd), +.uk-card-primary.uk-card-body .uk-list-striped > :nth-of-type(odd), +.uk-card-primary > :not([class*='uk-card-media']) .uk-list-striped > :nth-of-type(odd), +.uk-card-secondary.uk-card-body .uk-list-striped > :nth-of-type(odd), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-list-striped > :nth-of-type(odd), +.uk-overlay-primary .uk-list-striped > :nth-of-type(odd), +.uk-offcanvas-bar .uk-list-striped > :nth-of-type(odd) { + background-color: rgba(255, 255, 255, 0.1); +} +.uk-light .uk-table th, +.uk-section-primary:not(.uk-preserve-color) .uk-table th, +.uk-section-secondary:not(.uk-preserve-color) .uk-table th, +.uk-tile-primary:not(.uk-preserve-color) .uk-table th, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table th, +.uk-card-primary.uk-card-body .uk-table th, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table th, +.uk-card-secondary.uk-card-body .uk-table th, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table th, +.uk-overlay-primary .uk-table th, +.uk-offcanvas-bar .uk-table th { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-table caption, +.uk-section-primary:not(.uk-preserve-color) .uk-table caption, +.uk-section-secondary:not(.uk-preserve-color) .uk-table caption, +.uk-tile-primary:not(.uk-preserve-color) .uk-table caption, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table caption, +.uk-card-primary.uk-card-body .uk-table caption, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table caption, +.uk-card-secondary.uk-card-body .uk-table caption, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table caption, +.uk-overlay-primary .uk-table caption, +.uk-offcanvas-bar .uk-table caption { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-table > tr.uk-active, +.uk-light .uk-table tbody tr.uk-active, +.uk-section-primary:not(.uk-preserve-color) .uk-table > tr.uk-active, +.uk-section-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, +.uk-section-secondary:not(.uk-preserve-color) .uk-table > tr.uk-active, +.uk-section-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, +.uk-tile-primary:not(.uk-preserve-color) .uk-table > tr.uk-active, +.uk-tile-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table > tr.uk-active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active, +.uk-card-primary.uk-card-body .uk-table > tr.uk-active, +.uk-card-primary.uk-card-body .uk-table tbody tr.uk-active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table > tr.uk-active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table tbody tr.uk-active, +.uk-card-secondary.uk-card-body .uk-table > tr.uk-active, +.uk-card-secondary.uk-card-body .uk-table tbody tr.uk-active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table > tr.uk-active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table tbody tr.uk-active, +.uk-overlay-primary .uk-table > tr.uk-active, +.uk-overlay-primary .uk-table tbody tr.uk-active, +.uk-offcanvas-bar .uk-table > tr.uk-active, +.uk-offcanvas-bar .uk-table tbody tr.uk-active { + background: rgba(255, 255, 255, 0.08); +} +.uk-light .uk-table-divider > tr:not(:first-child), +.uk-light .uk-table-divider > :not(:first-child) > tr, +.uk-light .uk-table-divider > :first-child > tr:not(:first-child), +.uk-section-primary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child), +.uk-section-primary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, +.uk-section-primary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child), +.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, +.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child), +.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, +.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider > tr:not(:first-child), +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider > :not(:first-child) > tr, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-card-primary.uk-card-body .uk-table-divider > tr:not(:first-child), +.uk-card-primary.uk-card-body .uk-table-divider > :not(:first-child) > tr, +.uk-card-primary.uk-card-body .uk-table-divider > :first-child > tr:not(:first-child), +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-divider > tr:not(:first-child), +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-divider > :not(:first-child) > tr, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-card-secondary.uk-card-body .uk-table-divider > tr:not(:first-child), +.uk-card-secondary.uk-card-body .uk-table-divider > :not(:first-child) > tr, +.uk-card-secondary.uk-card-body .uk-table-divider > :first-child > tr:not(:first-child), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-divider > tr:not(:first-child), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-divider > :not(:first-child) > tr, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-divider > :first-child > tr:not(:first-child), +.uk-overlay-primary .uk-table-divider > tr:not(:first-child), +.uk-overlay-primary .uk-table-divider > :not(:first-child) > tr, +.uk-overlay-primary .uk-table-divider > :first-child > tr:not(:first-child), +.uk-offcanvas-bar .uk-table-divider > tr:not(:first-child), +.uk-offcanvas-bar .uk-table-divider > :not(:first-child) > tr, +.uk-offcanvas-bar .uk-table-divider > :first-child > tr:not(:first-child) { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-table-striped > tr:nth-of-type(odd), +.uk-light .uk-table-striped tbody tr:nth-of-type(odd), +.uk-section-primary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd), +.uk-section-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd), +.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd), +.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped > tr:nth-of-type(odd), +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-card-primary.uk-card-body .uk-table-striped > tr:nth-of-type(odd), +.uk-card-primary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd), +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-striped > tr:nth-of-type(odd), +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-card-secondary.uk-card-body .uk-table-striped > tr:nth-of-type(odd), +.uk-card-secondary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-striped > tr:nth-of-type(odd), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-striped tbody tr:nth-of-type(odd), +.uk-overlay-primary .uk-table-striped > tr:nth-of-type(odd), +.uk-overlay-primary .uk-table-striped tbody tr:nth-of-type(odd), +.uk-offcanvas-bar .uk-table-striped > tr:nth-of-type(odd), +.uk-offcanvas-bar .uk-table-striped tbody tr:nth-of-type(odd) { + background: rgba(255, 255, 255, 0.1); + border-top-color: rgba(255, 255, 255, 0.2); + border-bottom-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-table-hover > tr:hover, +.uk-light .uk-table-hover tbody tr:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-table-hover > tr:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-table-hover > tr:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-table-hover > tr:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover > tr:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover, +.uk-card-primary.uk-card-body .uk-table-hover > tr:hover, +.uk-card-primary.uk-card-body .uk-table-hover tbody tr:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-hover > tr:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-table-hover tbody tr:hover, +.uk-card-secondary.uk-card-body .uk-table-hover > tr:hover, +.uk-card-secondary.uk-card-body .uk-table-hover tbody tr:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-hover > tr:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-table-hover tbody tr:hover, +.uk-overlay-primary .uk-table-hover > tr:hover, +.uk-overlay-primary .uk-table-hover tbody tr:hover, +.uk-offcanvas-bar .uk-table-hover > tr:hover, +.uk-offcanvas-bar .uk-table-hover tbody tr:hover { + background: rgba(255, 255, 255, 0.08); +} +.uk-light .uk-icon-link, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-link, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link, +.uk-card-primary.uk-card-body .uk-icon-link, +.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-link, +.uk-card-secondary.uk-card-body .uk-icon-link, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-link, +.uk-overlay-primary .uk-icon-link, +.uk-offcanvas-bar .uk-icon-link { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-icon-link:hover, +.uk-light .uk-icon-link:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:focus, +.uk-card-primary.uk-card-body .uk-icon-link:hover, +.uk-card-primary.uk-card-body .uk-icon-link:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-link:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-link:focus, +.uk-card-secondary.uk-card-body .uk-icon-link:hover, +.uk-card-secondary.uk-card-body .uk-icon-link:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-link:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-link:focus, +.uk-overlay-primary .uk-icon-link:hover, +.uk-overlay-primary .uk-icon-link:focus, +.uk-offcanvas-bar .uk-icon-link:hover, +.uk-offcanvas-bar .uk-icon-link:focus { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-icon-link:active, +.uk-light .uk-active > .uk-icon-link, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:active, +.uk-section-primary:not(.uk-preserve-color) .uk-active > .uk-icon-link, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-active > .uk-icon-link, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-active > .uk-icon-link, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-active > .uk-icon-link, +.uk-card-primary.uk-card-body .uk-icon-link:active, +.uk-card-primary.uk-card-body .uk-active > .uk-icon-link, +.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-link:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-active > .uk-icon-link, +.uk-card-secondary.uk-card-body .uk-icon-link:active, +.uk-card-secondary.uk-card-body .uk-active > .uk-icon-link, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-link:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-active > .uk-icon-link, +.uk-overlay-primary .uk-icon-link:active, +.uk-overlay-primary .uk-active > .uk-icon-link, +.uk-offcanvas-bar .uk-icon-link:active, +.uk-offcanvas-bar .uk-active > .uk-icon-link { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-icon-button, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-button, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button, +.uk-card-primary.uk-card-body .uk-icon-button, +.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-button, +.uk-card-secondary.uk-card-body .uk-icon-button, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-button, +.uk-overlay-primary .uk-icon-button, +.uk-offcanvas-bar .uk-icon-button { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-icon-button:hover, +.uk-light .uk-icon-button:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:focus, +.uk-card-primary.uk-card-body .uk-icon-button:hover, +.uk-card-primary.uk-card-body .uk-icon-button:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-button:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-button:focus, +.uk-card-secondary.uk-card-body .uk-icon-button:hover, +.uk-card-secondary.uk-card-body .uk-icon-button:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-button:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-button:focus, +.uk-overlay-primary .uk-icon-button:hover, +.uk-overlay-primary .uk-icon-button:focus, +.uk-offcanvas-bar .uk-icon-button:hover, +.uk-offcanvas-bar .uk-icon-button:focus { + background-color: rgba(242, 242, 242, 0.1); + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-icon-button:active, +.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:active, +.uk-card-primary.uk-card-body .uk-icon-button:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-icon-button:active, +.uk-card-secondary.uk-card-body .uk-icon-button:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-icon-button:active, +.uk-overlay-primary .uk-icon-button:active, +.uk-offcanvas-bar .uk-icon-button:active { + background-color: rgba(230, 230, 230, 0.1); + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-input, +.uk-light .uk-select, +.uk-light .uk-textarea, +.uk-section-primary:not(.uk-preserve-color) .uk-input, +.uk-section-primary:not(.uk-preserve-color) .uk-select, +.uk-section-primary:not(.uk-preserve-color) .uk-textarea, +.uk-section-secondary:not(.uk-preserve-color) .uk-input, +.uk-section-secondary:not(.uk-preserve-color) .uk-select, +.uk-section-secondary:not(.uk-preserve-color) .uk-textarea, +.uk-tile-primary:not(.uk-preserve-color) .uk-input, +.uk-tile-primary:not(.uk-preserve-color) .uk-select, +.uk-tile-primary:not(.uk-preserve-color) .uk-textarea, +.uk-tile-secondary:not(.uk-preserve-color) .uk-input, +.uk-tile-secondary:not(.uk-preserve-color) .uk-select, +.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea, +.uk-card-primary.uk-card-body .uk-input, +.uk-card-primary.uk-card-body .uk-select, +.uk-card-primary.uk-card-body .uk-textarea, +.uk-card-primary > :not([class*='uk-card-media']) .uk-input, +.uk-card-primary > :not([class*='uk-card-media']) .uk-select, +.uk-card-primary > :not([class*='uk-card-media']) .uk-textarea, +.uk-card-secondary.uk-card-body .uk-input, +.uk-card-secondary.uk-card-body .uk-select, +.uk-card-secondary.uk-card-body .uk-textarea, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-input, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-select, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-textarea, +.uk-overlay-primary .uk-input, +.uk-overlay-primary .uk-select, +.uk-overlay-primary .uk-textarea, +.uk-offcanvas-bar .uk-input, +.uk-offcanvas-bar .uk-select, +.uk-offcanvas-bar .uk-textarea { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.7); + background-clip: padding-box; + border-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-input:focus, +.uk-light .uk-select:focus, +.uk-light .uk-textarea:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-input:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-select:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-textarea:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-input:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-select:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-textarea:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-input:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-select:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-textarea:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-input:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-select:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea:focus, +.uk-card-primary.uk-card-body .uk-input:focus, +.uk-card-primary.uk-card-body .uk-select:focus, +.uk-card-primary.uk-card-body .uk-textarea:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-input:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-select:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-textarea:focus, +.uk-card-secondary.uk-card-body .uk-input:focus, +.uk-card-secondary.uk-card-body .uk-select:focus, +.uk-card-secondary.uk-card-body .uk-textarea:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-input:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-select:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-textarea:focus, +.uk-overlay-primary .uk-input:focus, +.uk-overlay-primary .uk-select:focus, +.uk-overlay-primary .uk-textarea:focus, +.uk-offcanvas-bar .uk-input:focus, +.uk-offcanvas-bar .uk-select:focus, +.uk-offcanvas-bar .uk-textarea:focus { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.7); + border-color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-input::-ms-input-placeholder, +.uk-section-primary:not(.uk-preserve-color) .uk-input::-ms-input-placeholder, +.uk-section-secondary:not(.uk-preserve-color) .uk-input::-ms-input-placeholder, +.uk-tile-primary:not(.uk-preserve-color) .uk-input::-ms-input-placeholder, +.uk-tile-secondary:not(.uk-preserve-color) .uk-input::-ms-input-placeholder, +.uk-card-primary.uk-card-body .uk-input::-ms-input-placeholder, +.uk-card-primary > :not([class*='uk-card-media']) .uk-input::-ms-input-placeholder, +.uk-card-secondary.uk-card-body .uk-input::-ms-input-placeholder, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-input::-ms-input-placeholder, +.uk-overlay-primary .uk-input::-ms-input-placeholder, +.uk-offcanvas-bar .uk-input::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.5) !important; +} +.uk-light .uk-input::placeholder, +.uk-section-primary:not(.uk-preserve-color) .uk-input::placeholder, +.uk-section-secondary:not(.uk-preserve-color) .uk-input::placeholder, +.uk-tile-primary:not(.uk-preserve-color) .uk-input::placeholder, +.uk-tile-secondary:not(.uk-preserve-color) .uk-input::placeholder, +.uk-card-primary.uk-card-body .uk-input::placeholder, +.uk-card-primary > :not([class*='uk-card-media']) .uk-input::placeholder, +.uk-card-secondary.uk-card-body .uk-input::placeholder, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-input::placeholder, +.uk-overlay-primary .uk-input::placeholder, +.uk-offcanvas-bar .uk-input::placeholder { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-textarea::-ms-input-placeholder, +.uk-section-primary:not(.uk-preserve-color) .uk-textarea::-ms-input-placeholder, +.uk-section-secondary:not(.uk-preserve-color) .uk-textarea::-ms-input-placeholder, +.uk-tile-primary:not(.uk-preserve-color) .uk-textarea::-ms-input-placeholder, +.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::-ms-input-placeholder, +.uk-card-primary.uk-card-body .uk-textarea::-ms-input-placeholder, +.uk-card-primary > :not([class*='uk-card-media']) .uk-textarea::-ms-input-placeholder, +.uk-card-secondary.uk-card-body .uk-textarea::-ms-input-placeholder, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-textarea::-ms-input-placeholder, +.uk-overlay-primary .uk-textarea::-ms-input-placeholder, +.uk-offcanvas-bar .uk-textarea::-ms-input-placeholder { + color: rgba(255, 255, 255, 0.5) !important; +} +.uk-light .uk-textarea::placeholder, +.uk-section-primary:not(.uk-preserve-color) .uk-textarea::placeholder, +.uk-section-secondary:not(.uk-preserve-color) .uk-textarea::placeholder, +.uk-tile-primary:not(.uk-preserve-color) .uk-textarea::placeholder, +.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::placeholder, +.uk-card-primary.uk-card-body .uk-textarea::placeholder, +.uk-card-primary > :not([class*='uk-card-media']) .uk-textarea::placeholder, +.uk-card-secondary.uk-card-body .uk-textarea::placeholder, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-textarea::placeholder, +.uk-overlay-primary .uk-textarea::placeholder, +.uk-offcanvas-bar .uk-textarea::placeholder { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-select:not([multiple]):not([size]), +.uk-section-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), +.uk-section-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), +.uk-tile-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), +.uk-tile-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]), +.uk-card-primary.uk-card-body .uk-select:not([multiple]):not([size]), +.uk-card-primary > :not([class*='uk-card-media']) .uk-select:not([multiple]):not([size]), +.uk-card-secondary.uk-card-body .uk-select:not([multiple]):not([size]), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-select:not([multiple]):not([size]), +.uk-overlay-primary .uk-select:not([multiple]):not([size]), +.uk-offcanvas-bar .uk-select:not([multiple]):not([size]) { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); +} +.uk-light .uk-input[list]:hover, +.uk-light .uk-input[list]:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-input[list]:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-input[list]:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:focus, +.uk-card-primary.uk-card-body .uk-input[list]:hover, +.uk-card-primary.uk-card-body .uk-input[list]:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-input[list]:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-input[list]:focus, +.uk-card-secondary.uk-card-body .uk-input[list]:hover, +.uk-card-secondary.uk-card-body .uk-input[list]:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-input[list]:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-input[list]:focus, +.uk-overlay-primary .uk-input[list]:hover, +.uk-overlay-primary .uk-input[list]:focus, +.uk-offcanvas-bar .uk-input[list]:hover, +.uk-offcanvas-bar .uk-input[list]:focus { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); +} +.uk-light .uk-radio, +.uk-light .uk-checkbox, +.uk-section-primary:not(.uk-preserve-color) .uk-radio, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox, +.uk-section-secondary:not(.uk-preserve-color) .uk-radio, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox, +.uk-tile-primary:not(.uk-preserve-color) .uk-radio, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox, +.uk-tile-secondary:not(.uk-preserve-color) .uk-radio, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox, +.uk-card-primary.uk-card-body .uk-radio, +.uk-card-primary.uk-card-body .uk-checkbox, +.uk-card-primary > :not([class*='uk-card-media']) .uk-radio, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox, +.uk-card-secondary.uk-card-body .uk-radio, +.uk-card-secondary.uk-card-body .uk-checkbox, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-radio, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox, +.uk-overlay-primary .uk-radio, +.uk-overlay-primary .uk-checkbox, +.uk-offcanvas-bar .uk-radio, +.uk-offcanvas-bar .uk-checkbox { + background-color: rgba(242, 242, 242, 0.1); + border-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-radio:focus, +.uk-light .uk-checkbox:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-radio:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-radio:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-radio:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:focus, +.uk-card-primary.uk-card-body .uk-radio:focus, +.uk-card-primary.uk-card-body .uk-checkbox:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-radio:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:focus, +.uk-card-secondary.uk-card-body .uk-radio:focus, +.uk-card-secondary.uk-card-body .uk-checkbox:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-radio:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:focus, +.uk-overlay-primary .uk-radio:focus, +.uk-overlay-primary .uk-checkbox:focus, +.uk-offcanvas-bar .uk-radio:focus, +.uk-offcanvas-bar .uk-checkbox:focus { + border-color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-radio:checked, +.uk-light .uk-checkbox:checked, +.uk-light .uk-checkbox:indeterminate, +.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-card-primary.uk-card-body .uk-radio:checked, +.uk-card-primary.uk-card-body .uk-checkbox:checked, +.uk-card-primary.uk-card-body .uk-checkbox:indeterminate, +.uk-card-primary > :not([class*='uk-card-media']) .uk-radio:checked, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:checked, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate, +.uk-card-secondary.uk-card-body .uk-radio:checked, +.uk-card-secondary.uk-card-body .uk-checkbox:checked, +.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-radio:checked, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:checked, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate, +.uk-overlay-primary .uk-radio:checked, +.uk-overlay-primary .uk-checkbox:checked, +.uk-overlay-primary .uk-checkbox:indeterminate, +.uk-offcanvas-bar .uk-radio:checked, +.uk-offcanvas-bar .uk-checkbox:checked, +.uk-offcanvas-bar .uk-checkbox:indeterminate { + background-color: #fff; + border-color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-radio:checked:focus, +.uk-light .uk-checkbox:checked:focus, +.uk-light .uk-checkbox:indeterminate:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus, +.uk-card-primary.uk-card-body .uk-radio:checked:focus, +.uk-card-primary.uk-card-body .uk-checkbox:checked:focus, +.uk-card-primary.uk-card-body .uk-checkbox:indeterminate:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-radio:checked:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:checked:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate:focus, +.uk-card-secondary.uk-card-body .uk-radio:checked:focus, +.uk-card-secondary.uk-card-body .uk-checkbox:checked:focus, +.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-radio:checked:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:checked:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate:focus, +.uk-overlay-primary .uk-radio:checked:focus, +.uk-overlay-primary .uk-checkbox:checked:focus, +.uk-overlay-primary .uk-checkbox:indeterminate:focus, +.uk-offcanvas-bar .uk-radio:checked:focus, +.uk-offcanvas-bar .uk-checkbox:checked:focus, +.uk-offcanvas-bar .uk-checkbox:indeterminate:focus { + background-color: #e6e6e6; +} +.uk-light .uk-radio:checked, +.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked, +.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked, +.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked, +.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked, +.uk-card-primary.uk-card-body .uk-radio:checked, +.uk-card-primary > :not([class*='uk-card-media']) .uk-radio:checked, +.uk-card-secondary.uk-card-body .uk-radio:checked, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-radio:checked, +.uk-overlay-primary .uk-radio:checked, +.uk-offcanvas-bar .uk-radio:checked { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +.uk-light .uk-checkbox:checked, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked, +.uk-card-primary.uk-card-body .uk-checkbox:checked, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:checked, +.uk-card-secondary.uk-card-body .uk-checkbox:checked, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:checked, +.uk-overlay-primary .uk-checkbox:checked, +.uk-offcanvas-bar .uk-checkbox:checked { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A"); +} +.uk-light .uk-checkbox:indeterminate, +.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate, +.uk-card-primary.uk-card-body .uk-checkbox:indeterminate, +.uk-card-primary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate, +.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-checkbox:indeterminate, +.uk-overlay-primary .uk-checkbox:indeterminate, +.uk-offcanvas-bar .uk-checkbox:indeterminate { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +.uk-light .uk-form-label, +.uk-section-primary:not(.uk-preserve-color) .uk-form-label, +.uk-section-secondary:not(.uk-preserve-color) .uk-form-label, +.uk-tile-primary:not(.uk-preserve-color) .uk-form-label, +.uk-tile-secondary:not(.uk-preserve-color) .uk-form-label, +.uk-card-primary.uk-card-body .uk-form-label, +.uk-card-primary > :not([class*='uk-card-media']) .uk-form-label, +.uk-card-secondary.uk-card-body .uk-form-label, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-form-label, +.uk-overlay-primary .uk-form-label, +.uk-offcanvas-bar .uk-form-label { + color: #fff; +} +.uk-light .uk-form-icon, +.uk-section-primary:not(.uk-preserve-color) .uk-form-icon, +.uk-section-secondary:not(.uk-preserve-color) .uk-form-icon, +.uk-tile-primary:not(.uk-preserve-color) .uk-form-icon, +.uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon, +.uk-card-primary.uk-card-body .uk-form-icon, +.uk-card-primary > :not([class*='uk-card-media']) .uk-form-icon, +.uk-card-secondary.uk-card-body .uk-form-icon, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-form-icon, +.uk-overlay-primary .uk-form-icon, +.uk-offcanvas-bar .uk-form-icon { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-form-icon:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-form-icon:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-form-icon:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-form-icon:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon:hover, +.uk-card-primary.uk-card-body .uk-form-icon:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-form-icon:hover, +.uk-card-secondary.uk-card-body .uk-form-icon:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-form-icon:hover, +.uk-overlay-primary .uk-form-icon:hover, +.uk-offcanvas-bar .uk-form-icon:hover { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-button-default, +.uk-section-primary:not(.uk-preserve-color) .uk-button-default, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-default, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-default, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default, +.uk-card-primary.uk-card-body .uk-button-default, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-default, +.uk-card-secondary.uk-card-body .uk-button-default, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default, +.uk-overlay-primary .uk-button-default, +.uk-offcanvas-bar .uk-button-default { + background-color: transparent; + color: #fff; + border-color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-button-default:hover, +.uk-light .uk-button-default:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-button-default:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-button-default:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:focus, +.uk-card-primary.uk-card-body .uk-button-default:hover, +.uk-card-primary.uk-card-body .uk-button-default:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-default:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-default:focus, +.uk-card-secondary.uk-card-body .uk-button-default:hover, +.uk-card-secondary.uk-card-body .uk-button-default:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default:focus, +.uk-overlay-primary .uk-button-default:hover, +.uk-overlay-primary .uk-button-default:focus, +.uk-offcanvas-bar .uk-button-default:hover, +.uk-offcanvas-bar .uk-button-default:focus { + background-color: transparent; + color: #fff; + border-color: #fff; +} +.uk-light .uk-button-default:active, +.uk-light .uk-button-default.uk-active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-default:active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-default.uk-active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-default.uk-active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-default.uk-active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default.uk-active, +.uk-card-primary.uk-card-body .uk-button-default:active, +.uk-card-primary.uk-card-body .uk-button-default.uk-active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-default:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-default.uk-active, +.uk-card-secondary.uk-card-body .uk-button-default:active, +.uk-card-secondary.uk-card-body .uk-button-default.uk-active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-default.uk-active, +.uk-overlay-primary .uk-button-default:active, +.uk-overlay-primary .uk-button-default.uk-active, +.uk-offcanvas-bar .uk-button-default:active, +.uk-offcanvas-bar .uk-button-default.uk-active { + background-color: transparent; + color: #fff; + border-color: #fff; +} +.uk-light .uk-button-primary, +.uk-section-primary:not(.uk-preserve-color) .uk-button-primary, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary, +.uk-card-primary.uk-card-body .uk-button-primary, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary, +.uk-card-secondary.uk-card-body .uk-button-primary, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary, +.uk-overlay-primary .uk-button-primary, +.uk-offcanvas-bar .uk-button-primary { + background-color: #fff; + color: #666; +} +.uk-light .uk-button-primary:hover, +.uk-light .uk-button-primary:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:focus, +.uk-card-primary.uk-card-body .uk-button-primary:hover, +.uk-card-primary.uk-card-body .uk-button-primary:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary:focus, +.uk-card-secondary.uk-card-body .uk-button-primary:hover, +.uk-card-secondary.uk-card-body .uk-button-primary:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary:focus, +.uk-overlay-primary .uk-button-primary:hover, +.uk-overlay-primary .uk-button-primary:focus, +.uk-offcanvas-bar .uk-button-primary:hover, +.uk-offcanvas-bar .uk-button-primary:focus { + background-color: #f2f2f2; + color: #666; +} +.uk-light .uk-button-primary:active, +.uk-light .uk-button-primary.uk-active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-primary.uk-active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary.uk-active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active, +.uk-card-primary.uk-card-body .uk-button-primary:active, +.uk-card-primary.uk-card-body .uk-button-primary.uk-active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-primary.uk-active, +.uk-card-secondary.uk-card-body .uk-button-primary:active, +.uk-card-secondary.uk-card-body .uk-button-primary.uk-active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-primary.uk-active, +.uk-overlay-primary .uk-button-primary:active, +.uk-overlay-primary .uk-button-primary.uk-active, +.uk-offcanvas-bar .uk-button-primary:active, +.uk-offcanvas-bar .uk-button-primary.uk-active { + background-color: #e6e6e6; + color: #666; +} +.uk-light .uk-button-secondary, +.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary, +.uk-card-primary.uk-card-body .uk-button-secondary, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary, +.uk-card-secondary.uk-card-body .uk-button-secondary, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary, +.uk-overlay-primary .uk-button-secondary, +.uk-offcanvas-bar .uk-button-secondary { + background-color: #fff; + color: #666; +} +.uk-light .uk-button-secondary:hover, +.uk-light .uk-button-secondary:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:focus, +.uk-card-primary.uk-card-body .uk-button-secondary:hover, +.uk-card-primary.uk-card-body .uk-button-secondary:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary:focus, +.uk-card-secondary.uk-card-body .uk-button-secondary:hover, +.uk-card-secondary.uk-card-body .uk-button-secondary:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary:focus, +.uk-overlay-primary .uk-button-secondary:hover, +.uk-overlay-primary .uk-button-secondary:focus, +.uk-offcanvas-bar .uk-button-secondary:hover, +.uk-offcanvas-bar .uk-button-secondary:focus { + background-color: #f2f2f2; + color: #666; +} +.uk-light .uk-button-secondary:active, +.uk-light .uk-button-secondary.uk-active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:active, +.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active, +.uk-card-primary.uk-card-body .uk-button-secondary:active, +.uk-card-primary.uk-card-body .uk-button-secondary.uk-active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-secondary.uk-active, +.uk-card-secondary.uk-card-body .uk-button-secondary:active, +.uk-card-secondary.uk-card-body .uk-button-secondary.uk-active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-secondary.uk-active, +.uk-overlay-primary .uk-button-secondary:active, +.uk-overlay-primary .uk-button-secondary.uk-active, +.uk-offcanvas-bar .uk-button-secondary:active, +.uk-offcanvas-bar .uk-button-secondary.uk-active { + background-color: #e6e6e6; + color: #666; +} +.uk-light .uk-button-text, +.uk-section-primary:not(.uk-preserve-color) .uk-button-text, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-text, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-text, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text, +.uk-card-primary.uk-card-body .uk-button-text, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-text, +.uk-card-secondary.uk-card-body .uk-button-text, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text, +.uk-overlay-primary .uk-button-text, +.uk-offcanvas-bar .uk-button-text { + color: #fff; +} +.uk-light .uk-button-text::before, +.uk-section-primary:not(.uk-preserve-color) .uk-button-text::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-text::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-text::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text::before, +.uk-card-primary.uk-card-body .uk-button-text::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-text::before, +.uk-card-secondary.uk-card-body .uk-button-text::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text::before, +.uk-overlay-primary .uk-button-text::before, +.uk-offcanvas-bar .uk-button-text::before { + border-bottom-color: #fff; +} +.uk-light .uk-button-text:hover, +.uk-light .uk-button-text:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-button-text:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-button-text:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:focus, +.uk-card-primary.uk-card-body .uk-button-text:hover, +.uk-card-primary.uk-card-body .uk-button-text:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-text:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-text:focus, +.uk-card-secondary.uk-card-body .uk-button-text:hover, +.uk-card-secondary.uk-card-body .uk-button-text:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text:focus, +.uk-overlay-primary .uk-button-text:hover, +.uk-overlay-primary .uk-button-text:focus, +.uk-offcanvas-bar .uk-button-text:hover, +.uk-offcanvas-bar .uk-button-text:focus { + color: #fff; +} +.uk-light .uk-button-text:disabled, +.uk-section-primary:not(.uk-preserve-color) .uk-button-text:disabled, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:disabled, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:disabled, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:disabled, +.uk-card-primary.uk-card-body .uk-button-text:disabled, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-text:disabled, +.uk-card-secondary.uk-card-body .uk-button-text:disabled, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-text:disabled, +.uk-overlay-primary .uk-button-text:disabled, +.uk-offcanvas-bar .uk-button-text:disabled { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-button-link, +.uk-section-primary:not(.uk-preserve-color) .uk-button-link, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-link, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-link, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link, +.uk-card-primary.uk-card-body .uk-button-link, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-link, +.uk-card-secondary.uk-card-body .uk-button-link, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-link, +.uk-overlay-primary .uk-button-link, +.uk-offcanvas-bar .uk-button-link { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-button-link:hover, +.uk-light .uk-button-link:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-button-link:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-button-link:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-link:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-button-link:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-link:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-button-link:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:focus, +.uk-card-primary.uk-card-body .uk-button-link:hover, +.uk-card-primary.uk-card-body .uk-button-link:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-link:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-button-link:focus, +.uk-card-secondary.uk-card-body .uk-button-link:hover, +.uk-card-secondary.uk-card-body .uk-button-link:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-link:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-button-link:focus, +.uk-overlay-primary .uk-button-link:hover, +.uk-overlay-primary .uk-button-link:focus, +.uk-offcanvas-bar .uk-button-link:hover, +.uk-offcanvas-bar .uk-button-link:focus { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-close, +.uk-section-primary:not(.uk-preserve-color) .uk-close, +.uk-section-secondary:not(.uk-preserve-color) .uk-close, +.uk-tile-primary:not(.uk-preserve-color) .uk-close, +.uk-tile-secondary:not(.uk-preserve-color) .uk-close, +.uk-card-primary.uk-card-body .uk-close, +.uk-card-primary > :not([class*='uk-card-media']) .uk-close, +.uk-card-secondary.uk-card-body .uk-close, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-close, +.uk-overlay-primary .uk-close, +.uk-offcanvas-bar .uk-close { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-close:hover, +.uk-light .uk-close:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-close:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-close:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-close:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-close:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-close:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-close:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-close:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-close:focus, +.uk-card-primary.uk-card-body .uk-close:hover, +.uk-card-primary.uk-card-body .uk-close:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-close:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-close:focus, +.uk-card-secondary.uk-card-body .uk-close:hover, +.uk-card-secondary.uk-card-body .uk-close:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-close:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-close:focus, +.uk-overlay-primary .uk-close:hover, +.uk-overlay-primary .uk-close:focus, +.uk-offcanvas-bar .uk-close:hover, +.uk-offcanvas-bar .uk-close:focus { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-totop, +.uk-section-primary:not(.uk-preserve-color) .uk-totop, +.uk-section-secondary:not(.uk-preserve-color) .uk-totop, +.uk-tile-primary:not(.uk-preserve-color) .uk-totop, +.uk-tile-secondary:not(.uk-preserve-color) .uk-totop, +.uk-card-primary.uk-card-body .uk-totop, +.uk-card-primary > :not([class*='uk-card-media']) .uk-totop, +.uk-card-secondary.uk-card-body .uk-totop, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-totop, +.uk-overlay-primary .uk-totop, +.uk-offcanvas-bar .uk-totop { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-totop:hover, +.uk-light .uk-totop:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-totop:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-totop:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-totop:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-totop:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-totop:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-totop:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:focus, +.uk-card-primary.uk-card-body .uk-totop:hover, +.uk-card-primary.uk-card-body .uk-totop:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-totop:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-totop:focus, +.uk-card-secondary.uk-card-body .uk-totop:hover, +.uk-card-secondary.uk-card-body .uk-totop:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-totop:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-totop:focus, +.uk-overlay-primary .uk-totop:hover, +.uk-overlay-primary .uk-totop:focus, +.uk-offcanvas-bar .uk-totop:hover, +.uk-offcanvas-bar .uk-totop:focus { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-totop:active, +.uk-section-primary:not(.uk-preserve-color) .uk-totop:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-totop:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-totop:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:active, +.uk-card-primary.uk-card-body .uk-totop:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-totop:active, +.uk-card-secondary.uk-card-body .uk-totop:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-totop:active, +.uk-overlay-primary .uk-totop:active, +.uk-offcanvas-bar .uk-totop:active { + color: #fff; +} +.uk-light .uk-marker, +.uk-section-primary:not(.uk-preserve-color) .uk-marker, +.uk-section-secondary:not(.uk-preserve-color) .uk-marker, +.uk-tile-primary:not(.uk-preserve-color) .uk-marker, +.uk-tile-secondary:not(.uk-preserve-color) .uk-marker, +.uk-card-primary.uk-card-body .uk-marker, +.uk-card-primary > :not([class*='uk-card-media']) .uk-marker, +.uk-card-secondary.uk-card-body .uk-marker, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-marker, +.uk-overlay-primary .uk-marker, +.uk-offcanvas-bar .uk-marker { + background: #f8f8f8; + color: #666; +} +.uk-light .uk-marker:hover, +.uk-light .uk-marker:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-marker:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-marker:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-marker:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-marker:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-marker:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-marker:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-marker:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-marker:focus, +.uk-card-primary.uk-card-body .uk-marker:hover, +.uk-card-primary.uk-card-body .uk-marker:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-marker:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-marker:focus, +.uk-card-secondary.uk-card-body .uk-marker:hover, +.uk-card-secondary.uk-card-body .uk-marker:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-marker:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-marker:focus, +.uk-overlay-primary .uk-marker:hover, +.uk-overlay-primary .uk-marker:focus, +.uk-offcanvas-bar .uk-marker:hover, +.uk-offcanvas-bar .uk-marker:focus { + color: #666; +} +.uk-light .uk-badge, +.uk-section-primary:not(.uk-preserve-color) .uk-badge, +.uk-section-secondary:not(.uk-preserve-color) .uk-badge, +.uk-tile-primary:not(.uk-preserve-color) .uk-badge, +.uk-tile-secondary:not(.uk-preserve-color) .uk-badge, +.uk-card-primary.uk-card-body .uk-badge, +.uk-card-primary > :not([class*='uk-card-media']) .uk-badge, +.uk-card-secondary.uk-card-body .uk-badge, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-badge, +.uk-overlay-primary .uk-badge, +.uk-offcanvas-bar .uk-badge { + background-color: #fff; + color: #666; +} +.uk-light .uk-badge:hover, +.uk-light .uk-badge:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-badge:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-badge:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-badge:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-badge:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-badge:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-badge:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-badge:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-badge:focus, +.uk-card-primary.uk-card-body .uk-badge:hover, +.uk-card-primary.uk-card-body .uk-badge:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-badge:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-badge:focus, +.uk-card-secondary.uk-card-body .uk-badge:hover, +.uk-card-secondary.uk-card-body .uk-badge:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-badge:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-badge:focus, +.uk-overlay-primary .uk-badge:hover, +.uk-overlay-primary .uk-badge:focus, +.uk-offcanvas-bar .uk-badge:hover, +.uk-offcanvas-bar .uk-badge:focus { + color: #666; +} +.uk-light .uk-label, +.uk-section-primary:not(.uk-preserve-color) .uk-label, +.uk-section-secondary:not(.uk-preserve-color) .uk-label, +.uk-tile-primary:not(.uk-preserve-color) .uk-label, +.uk-tile-secondary:not(.uk-preserve-color) .uk-label, +.uk-card-primary.uk-card-body .uk-label, +.uk-card-primary > :not([class*='uk-card-media']) .uk-label, +.uk-card-secondary.uk-card-body .uk-label, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-label, +.uk-overlay-primary .uk-label, +.uk-offcanvas-bar .uk-label { + background-color: #fff; + color: #666; +} +.uk-light .uk-article-meta, +.uk-section-primary:not(.uk-preserve-color) .uk-article-meta, +.uk-section-secondary:not(.uk-preserve-color) .uk-article-meta, +.uk-tile-primary:not(.uk-preserve-color) .uk-article-meta, +.uk-tile-secondary:not(.uk-preserve-color) .uk-article-meta, +.uk-card-primary.uk-card-body .uk-article-meta, +.uk-card-primary > :not([class*='uk-card-media']) .uk-article-meta, +.uk-card-secondary.uk-card-body .uk-article-meta, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-article-meta, +.uk-overlay-primary .uk-article-meta, +.uk-offcanvas-bar .uk-article-meta { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-search-input, +.uk-section-primary:not(.uk-preserve-color) .uk-search-input, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-input, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-input, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input, +.uk-card-primary.uk-card-body .uk-search-input, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-input, +.uk-card-secondary.uk-card-body .uk-search-input, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-input, +.uk-overlay-primary .uk-search-input, +.uk-offcanvas-bar .uk-search-input { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-search-input:-ms-input-placeholder, +.uk-section-primary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder, +.uk-card-primary.uk-card-body .uk-search-input:-ms-input-placeholder, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-input:-ms-input-placeholder, +.uk-card-secondary.uk-card-body .uk-search-input:-ms-input-placeholder, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-input:-ms-input-placeholder, +.uk-overlay-primary .uk-search-input:-ms-input-placeholder, +.uk-offcanvas-bar .uk-search-input:-ms-input-placeholder { + color: rgba(255, 255, 255, 0.5) !important; +} +.uk-light .uk-search-input::placeholder, +.uk-section-primary:not(.uk-preserve-color) .uk-search-input::placeholder, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-input::placeholder, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-input::placeholder, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::placeholder, +.uk-card-primary.uk-card-body .uk-search-input::placeholder, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-input::placeholder, +.uk-card-secondary.uk-card-body .uk-search-input::placeholder, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-input::placeholder, +.uk-overlay-primary .uk-search-input::placeholder, +.uk-offcanvas-bar .uk-search-input::placeholder { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-search .uk-search-icon, +.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon, +.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon, +.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon, +.uk-card-primary.uk-card-body .uk-search .uk-search-icon, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search .uk-search-icon, +.uk-card-secondary.uk-card-body .uk-search .uk-search-icon, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search .uk-search-icon, +.uk-overlay-primary .uk-search .uk-search-icon, +.uk-offcanvas-bar .uk-search .uk-search-icon { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-search .uk-search-icon:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover, +.uk-card-primary.uk-card-body .uk-search .uk-search-icon:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search .uk-search-icon:hover, +.uk-card-secondary.uk-card-body .uk-search .uk-search-icon:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search .uk-search-icon:hover, +.uk-overlay-primary .uk-search .uk-search-icon:hover, +.uk-offcanvas-bar .uk-search .uk-search-icon:hover { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-search-default .uk-search-input, +.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input, +.uk-card-primary.uk-card-body .uk-search-default .uk-search-input, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-default .uk-search-input, +.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-default .uk-search-input, +.uk-overlay-primary .uk-search-default .uk-search-input, +.uk-offcanvas-bar .uk-search-default .uk-search-input { + background-color: transparent; + border-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-search-default .uk-search-input:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus, +.uk-card-primary.uk-card-body .uk-search-default .uk-search-input:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-default .uk-search-input:focus, +.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-default .uk-search-input:focus, +.uk-overlay-primary .uk-search-default .uk-search-input:focus, +.uk-offcanvas-bar .uk-search-default .uk-search-input:focus { + background-color: transparent; +} +.uk-light .uk-search-navbar .uk-search-input, +.uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input, +.uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-navbar .uk-search-input, +.uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-navbar .uk-search-input, +.uk-overlay-primary .uk-search-navbar .uk-search-input, +.uk-offcanvas-bar .uk-search-navbar .uk-search-input { + background-color: transparent; +} +.uk-light .uk-search-large .uk-search-input, +.uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input, +.uk-card-primary.uk-card-body .uk-search-large .uk-search-input, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-large .uk-search-input, +.uk-card-secondary.uk-card-body .uk-search-large .uk-search-input, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-large .uk-search-input, +.uk-overlay-primary .uk-search-large .uk-search-input, +.uk-offcanvas-bar .uk-search-large .uk-search-input { + background-color: transparent; +} +.uk-light .uk-search-toggle, +.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle, +.uk-card-primary.uk-card-body .uk-search-toggle, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-toggle, +.uk-card-secondary.uk-card-body .uk-search-toggle, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-toggle, +.uk-overlay-primary .uk-search-toggle, +.uk-offcanvas-bar .uk-search-toggle { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-search-toggle:hover, +.uk-light .uk-search-toggle:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:focus, +.uk-card-primary.uk-card-body .uk-search-toggle:hover, +.uk-card-primary.uk-card-body .uk-search-toggle:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-toggle:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-search-toggle:focus, +.uk-card-secondary.uk-card-body .uk-search-toggle:hover, +.uk-card-secondary.uk-card-body .uk-search-toggle:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-toggle:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-search-toggle:focus, +.uk-overlay-primary .uk-search-toggle:hover, +.uk-overlay-primary .uk-search-toggle:focus, +.uk-offcanvas-bar .uk-search-toggle:hover, +.uk-offcanvas-bar .uk-search-toggle:focus { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-accordion-title, +.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title, +.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title, +.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title, +.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title, +.uk-card-primary.uk-card-body .uk-accordion-title, +.uk-card-primary > :not([class*='uk-card-media']) .uk-accordion-title, +.uk-card-secondary.uk-card-body .uk-accordion-title, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-accordion-title, +.uk-overlay-primary .uk-accordion-title, +.uk-offcanvas-bar .uk-accordion-title { + color: #fff; +} +.uk-light .uk-accordion-title:hover, +.uk-light .uk-accordion-title:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:focus, +.uk-card-primary.uk-card-body .uk-accordion-title:hover, +.uk-card-primary.uk-card-body .uk-accordion-title:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-accordion-title:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-accordion-title:focus, +.uk-card-secondary.uk-card-body .uk-accordion-title:hover, +.uk-card-secondary.uk-card-body .uk-accordion-title:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-accordion-title:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-accordion-title:focus, +.uk-overlay-primary .uk-accordion-title:hover, +.uk-overlay-primary .uk-accordion-title:focus, +.uk-offcanvas-bar .uk-accordion-title:hover, +.uk-offcanvas-bar .uk-accordion-title:focus { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-grid-divider > :not(.uk-first-column)::before, +.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-card-primary.uk-card-body .uk-grid-divider > :not(.uk-first-column)::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-card-secondary.uk-card-body .uk-grid-divider > :not(.uk-first-column)::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-grid-divider > :not(.uk-first-column)::before, +.uk-overlay-primary .uk-grid-divider > :not(.uk-first-column)::before, +.uk-offcanvas-bar .uk-grid-divider > :not(.uk-first-column)::before { + border-left-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-card-primary.uk-card-body .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-card-secondary.uk-card-body .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-overlay-primary .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before, +.uk-offcanvas-bar .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-nav-parent-icon > .uk-parent > a::after, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent > a::after, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent > a::after, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent > a::after, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent > a::after, +.uk-card-primary.uk-card-body .uk-nav-parent-icon > .uk-parent > a::after, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-parent-icon > .uk-parent > a::after, +.uk-card-secondary.uk-card-body .uk-nav-parent-icon > .uk-parent > a::after, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-parent-icon > .uk-parent > a::after, +.uk-overlay-primary .uk-nav-parent-icon > .uk-parent > a::after, +.uk-offcanvas-bar .uk-nav-parent-icon > .uk-parent > a::after { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +.uk-light .uk-nav-parent-icon > .uk-parent.uk-open > a::after, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-parent-icon > .uk-parent.uk-open > a::after, +.uk-card-primary.uk-card-body .uk-nav-parent-icon > .uk-parent.uk-open > a::after, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-parent-icon > .uk-parent.uk-open > a::after, +.uk-card-secondary.uk-card-body .uk-nav-parent-icon > .uk-parent.uk-open > a::after, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-parent-icon > .uk-parent.uk-open > a::after, +.uk-overlay-primary .uk-nav-parent-icon > .uk-parent.uk-open > a::after, +.uk-offcanvas-bar .uk-nav-parent-icon > .uk-parent.uk-open > a::after { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +.uk-light .uk-nav-default > li > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a, +.uk-card-primary.uk-card-body .uk-nav-default > li > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default > li > a, +.uk-card-secondary.uk-card-body .uk-nav-default > li > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default > li > a, +.uk-overlay-primary .uk-nav-default > li > a, +.uk-offcanvas-bar .uk-nav-default > li > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-nav-default > li > a:hover, +.uk-light .uk-nav-default > li > a:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li > a:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li > a:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li > a:focus, +.uk-card-primary.uk-card-body .uk-nav-default > li > a:hover, +.uk-card-primary.uk-card-body .uk-nav-default > li > a:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default > li > a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default > li > a:focus, +.uk-card-secondary.uk-card-body .uk-nav-default > li > a:hover, +.uk-card-secondary.uk-card-body .uk-nav-default > li > a:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default > li > a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default > li > a:focus, +.uk-overlay-primary .uk-nav-default > li > a:hover, +.uk-overlay-primary .uk-nav-default > li > a:focus, +.uk-offcanvas-bar .uk-nav-default > li > a:hover, +.uk-offcanvas-bar .uk-nav-default > li > a:focus { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-nav-default > li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default > li.uk-active > a, +.uk-card-primary.uk-card-body .uk-nav-default > li.uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default > li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-nav-default > li.uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default > li.uk-active > a, +.uk-overlay-primary .uk-nav-default > li.uk-active > a, +.uk-offcanvas-bar .uk-nav-default > li.uk-active > a { + color: #fff; +} +.uk-light .uk-nav-default .uk-nav-header, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header, +.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-header, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-header, +.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-header, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-header, +.uk-overlay-primary .uk-nav-default .uk-nav-header, +.uk-offcanvas-bar .uk-nav-default .uk-nav-header { + color: #fff; +} +.uk-light .uk-nav-default .uk-nav-divider, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider, +.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-divider, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-divider, +.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-divider, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-divider, +.uk-overlay-primary .uk-nav-default .uk-nav-divider, +.uk-offcanvas-bar .uk-nav-default .uk-nav-divider { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-nav-default .uk-nav-sub a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a, +.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a, +.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a, +.uk-overlay-primary .uk-nav-default .uk-nav-sub a, +.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-nav-default .uk-nav-sub a:hover, +.uk-light .uk-nav-default .uk-nav-sub a:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus, +.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:hover, +.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a:focus, +.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:hover, +.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub a:focus, +.uk-overlay-primary .uk-nav-default .uk-nav-sub a:hover, +.uk-overlay-primary .uk-nav-default .uk-nav-sub a:focus, +.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover, +.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:focus { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-overlay-primary .uk-nav-default .uk-nav-sub li.uk-active > a, +.uk-offcanvas-bar .uk-nav-default .uk-nav-sub li.uk-active > a { + color: #fff; +} +.uk-light .uk-nav-primary > li > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a, +.uk-card-primary.uk-card-body .uk-nav-primary > li > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary > li > a, +.uk-card-secondary.uk-card-body .uk-nav-primary > li > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary > li > a, +.uk-overlay-primary .uk-nav-primary > li > a, +.uk-offcanvas-bar .uk-nav-primary > li > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-nav-primary > li > a:hover, +.uk-light .uk-nav-primary > li > a:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li > a:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li > a:focus, +.uk-card-primary.uk-card-body .uk-nav-primary > li > a:hover, +.uk-card-primary.uk-card-body .uk-nav-primary > li > a:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary > li > a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary > li > a:focus, +.uk-card-secondary.uk-card-body .uk-nav-primary > li > a:hover, +.uk-card-secondary.uk-card-body .uk-nav-primary > li > a:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary > li > a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary > li > a:focus, +.uk-overlay-primary .uk-nav-primary > li > a:hover, +.uk-overlay-primary .uk-nav-primary > li > a:focus, +.uk-offcanvas-bar .uk-nav-primary > li > a:hover, +.uk-offcanvas-bar .uk-nav-primary > li > a:focus { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-nav-primary > li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary > li.uk-active > a, +.uk-card-primary.uk-card-body .uk-nav-primary > li.uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary > li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-nav-primary > li.uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary > li.uk-active > a, +.uk-overlay-primary .uk-nav-primary > li.uk-active > a, +.uk-offcanvas-bar .uk-nav-primary > li.uk-active > a { + color: #fff; +} +.uk-light .uk-nav-primary .uk-nav-header, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header, +.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-header, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-header, +.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-header, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-header, +.uk-overlay-primary .uk-nav-primary .uk-nav-header, +.uk-offcanvas-bar .uk-nav-primary .uk-nav-header { + color: #fff; +} +.uk-light .uk-nav-primary .uk-nav-divider, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider, +.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-divider, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-divider, +.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-divider, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-divider, +.uk-overlay-primary .uk-nav-primary .uk-nav-divider, +.uk-offcanvas-bar .uk-nav-primary .uk-nav-divider { + border-top-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-nav-primary .uk-nav-sub a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a, +.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a, +.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a, +.uk-overlay-primary .uk-nav-primary .uk-nav-sub a, +.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-nav-primary .uk-nav-sub a:hover, +.uk-light .uk-nav-primary .uk-nav-sub a:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus, +.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover, +.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a:focus, +.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover, +.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub a:focus, +.uk-overlay-primary .uk-nav-primary .uk-nav-sub a:hover, +.uk-overlay-primary .uk-nav-primary .uk-nav-sub a:focus, +.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:hover, +.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:focus { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-overlay-primary .uk-nav-primary .uk-nav-sub li.uk-active > a, +.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub li.uk-active > a { + color: #fff; +} +.uk-light .uk-navbar-nav > li > a, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a, +.uk-card-primary.uk-card-body .uk-navbar-nav > li > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a, +.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a, +.uk-overlay-primary .uk-navbar-nav > li > a, +.uk-offcanvas-bar .uk-navbar-nav > li > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-navbar-nav > li:hover > a, +.uk-light .uk-navbar-nav > li > a:focus, +.uk-light .uk-navbar-nav > li > a.uk-open, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li:hover > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a.uk-open, +.uk-card-primary.uk-card-body .uk-navbar-nav > li:hover > a, +.uk-card-primary.uk-card-body .uk-navbar-nav > li > a:focus, +.uk-card-primary.uk-card-body .uk-navbar-nav > li > a.uk-open, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li:hover > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a.uk-open, +.uk-card-secondary.uk-card-body .uk-navbar-nav > li:hover > a, +.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a:focus, +.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a.uk-open, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li:hover > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a.uk-open, +.uk-overlay-primary .uk-navbar-nav > li:hover > a, +.uk-overlay-primary .uk-navbar-nav > li > a:focus, +.uk-overlay-primary .uk-navbar-nav > li > a.uk-open, +.uk-offcanvas-bar .uk-navbar-nav > li:hover > a, +.uk-offcanvas-bar .uk-navbar-nav > li > a:focus, +.uk-offcanvas-bar .uk-navbar-nav > li > a.uk-open { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-navbar-nav > li > a:active, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li > a:active, +.uk-card-primary.uk-card-body .uk-navbar-nav > li > a:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a:active, +.uk-card-secondary.uk-card-body .uk-navbar-nav > li > a:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li > a:active, +.uk-overlay-primary .uk-navbar-nav > li > a:active, +.uk-offcanvas-bar .uk-navbar-nav > li > a:active { + color: #fff; +} +.uk-light .uk-navbar-nav > li.uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav > li.uk-active > a, +.uk-card-primary.uk-card-body .uk-navbar-nav > li.uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-nav > li.uk-active > a, +.uk-card-secondary.uk-card-body .uk-navbar-nav > li.uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-nav > li.uk-active > a, +.uk-overlay-primary .uk-navbar-nav > li.uk-active > a, +.uk-offcanvas-bar .uk-navbar-nav > li.uk-active > a { + color: #fff; +} +.uk-light .uk-navbar-item, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-item, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-item, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-item, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-item, +.uk-card-primary.uk-card-body .uk-navbar-item, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-item, +.uk-card-secondary.uk-card-body .uk-navbar-item, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-item, +.uk-overlay-primary .uk-navbar-item, +.uk-offcanvas-bar .uk-navbar-item { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-navbar-toggle, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle, +.uk-card-primary.uk-card-body .uk-navbar-toggle, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-toggle, +.uk-card-secondary.uk-card-body .uk-navbar-toggle, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-toggle, +.uk-overlay-primary .uk-navbar-toggle, +.uk-offcanvas-bar .uk-navbar-toggle { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-navbar-toggle:hover, +.uk-light .uk-navbar-toggle:focus, +.uk-light .uk-navbar-toggle.uk-open, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open, +.uk-card-primary.uk-card-body .uk-navbar-toggle:hover, +.uk-card-primary.uk-card-body .uk-navbar-toggle:focus, +.uk-card-primary.uk-card-body .uk-navbar-toggle.uk-open, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-toggle:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-toggle:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-navbar-toggle.uk-open, +.uk-card-secondary.uk-card-body .uk-navbar-toggle:hover, +.uk-card-secondary.uk-card-body .uk-navbar-toggle:focus, +.uk-card-secondary.uk-card-body .uk-navbar-toggle.uk-open, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-toggle:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-toggle:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-navbar-toggle.uk-open, +.uk-overlay-primary .uk-navbar-toggle:hover, +.uk-overlay-primary .uk-navbar-toggle:focus, +.uk-overlay-primary .uk-navbar-toggle.uk-open, +.uk-offcanvas-bar .uk-navbar-toggle:hover, +.uk-offcanvas-bar .uk-navbar-toggle:focus, +.uk-offcanvas-bar .uk-navbar-toggle.uk-open { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-subnav > * > :first-child, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > :first-child, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > :first-child, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > :first-child, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > :first-child, +.uk-card-primary.uk-card-body .uk-subnav > * > :first-child, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > * > :first-child, +.uk-card-secondary.uk-card-body .uk-subnav > * > :first-child, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > * > :first-child, +.uk-overlay-primary .uk-subnav > * > :first-child, +.uk-offcanvas-bar .uk-subnav > * > :first-child { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-subnav > * > a:hover, +.uk-light .uk-subnav > * > a:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav > * > a:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > * > a:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > * > a:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > * > a:focus, +.uk-card-primary.uk-card-body .uk-subnav > * > a:hover, +.uk-card-primary.uk-card-body .uk-subnav > * > a:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > * > a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > * > a:focus, +.uk-card-secondary.uk-card-body .uk-subnav > * > a:hover, +.uk-card-secondary.uk-card-body .uk-subnav > * > a:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > * > a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > * > a:focus, +.uk-overlay-primary .uk-subnav > * > a:hover, +.uk-overlay-primary .uk-subnav > * > a:focus, +.uk-offcanvas-bar .uk-subnav > * > a:hover, +.uk-offcanvas-bar .uk-subnav > * > a:focus { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-subnav > .uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > .uk-active > a, +.uk-card-primary.uk-card-body .uk-subnav > .uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > .uk-active > a, +.uk-card-secondary.uk-card-body .uk-subnav > .uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > .uk-active > a, +.uk-overlay-primary .uk-subnav > .uk-active > a, +.uk-offcanvas-bar .uk-subnav > .uk-active > a { + color: #fff; +} +.uk-light .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-primary.uk-card-body .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-secondary.uk-card-body .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-overlay-primary .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before, +.uk-offcanvas-bar .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before { + border-left-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-subnav-pill > * > :first-child, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > :first-child, +.uk-card-primary.uk-card-body .uk-subnav-pill > * > :first-child, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > * > :first-child, +.uk-card-secondary.uk-card-body .uk-subnav-pill > * > :first-child, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > * > :first-child, +.uk-overlay-primary .uk-subnav-pill > * > :first-child, +.uk-offcanvas-bar .uk-subnav-pill > * > :first-child { + background-color: transparent; + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-subnav-pill > * > a:hover, +.uk-light .uk-subnav-pill > * > a:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:focus, +.uk-card-primary.uk-card-body .uk-subnav-pill > * > a:hover, +.uk-card-primary.uk-card-body .uk-subnav-pill > * > a:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:focus, +.uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:hover, +.uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:focus, +.uk-overlay-primary .uk-subnav-pill > * > a:hover, +.uk-overlay-primary .uk-subnav-pill > * > a:focus, +.uk-offcanvas-bar .uk-subnav-pill > * > a:hover, +.uk-offcanvas-bar .uk-subnav-pill > * > a:focus { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-subnav-pill > * > a:active, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > * > a:active, +.uk-card-primary.uk-card-body .uk-subnav-pill > * > a:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:active, +.uk-card-secondary.uk-card-body .uk-subnav-pill > * > a:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > * > a:active, +.uk-overlay-primary .uk-subnav-pill > * > a:active, +.uk-offcanvas-bar .uk-subnav-pill > * > a:active { + background-color: rgba(255, 255, 255, 0.1); + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-subnav-pill > .uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill > .uk-active > a, +.uk-card-primary.uk-card-body .uk-subnav-pill > .uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav-pill > .uk-active > a, +.uk-card-secondary.uk-card-body .uk-subnav-pill > .uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav-pill > .uk-active > a, +.uk-overlay-primary .uk-subnav-pill > .uk-active > a, +.uk-offcanvas-bar .uk-subnav-pill > .uk-active > a { + background-color: #fff; + color: #666; +} +.uk-light .uk-subnav > .uk-disabled > a, +.uk-section-primary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav > .uk-disabled > a, +.uk-card-primary.uk-card-body .uk-subnav > .uk-disabled > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-subnav > .uk-disabled > a, +.uk-card-secondary.uk-card-body .uk-subnav > .uk-disabled > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-subnav > .uk-disabled > a, +.uk-overlay-primary .uk-subnav > .uk-disabled > a, +.uk-offcanvas-bar .uk-subnav > .uk-disabled > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-breadcrumb > * > *, +.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > *, +.uk-card-primary.uk-card-body .uk-breadcrumb > * > *, +.uk-card-primary > :not([class*='uk-card-media']) .uk-breadcrumb > * > *, +.uk-card-secondary.uk-card-body .uk-breadcrumb > * > *, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-breadcrumb > * > *, +.uk-overlay-primary .uk-breadcrumb > * > *, +.uk-offcanvas-bar .uk-breadcrumb > * > * { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-breadcrumb > * > :hover, +.uk-light .uk-breadcrumb > * > :focus, +.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, +.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > * > :focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > * > :focus, +.uk-card-primary.uk-card-body .uk-breadcrumb > * > :hover, +.uk-card-primary.uk-card-body .uk-breadcrumb > * > :focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-breadcrumb > * > :hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-breadcrumb > * > :focus, +.uk-card-secondary.uk-card-body .uk-breadcrumb > * > :hover, +.uk-card-secondary.uk-card-body .uk-breadcrumb > * > :focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-breadcrumb > * > :hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-breadcrumb > * > :focus, +.uk-overlay-primary .uk-breadcrumb > * > :hover, +.uk-overlay-primary .uk-breadcrumb > * > :focus, +.uk-offcanvas-bar .uk-breadcrumb > * > :hover, +.uk-offcanvas-bar .uk-breadcrumb > * > :focus { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-breadcrumb > :last-child > *, +.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > :last-child > *, +.uk-card-primary.uk-card-body .uk-breadcrumb > :last-child > *, +.uk-card-primary > :not([class*='uk-card-media']) .uk-breadcrumb > :last-child > *, +.uk-card-secondary.uk-card-body .uk-breadcrumb > :last-child > *, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-breadcrumb > :last-child > *, +.uk-overlay-primary .uk-breadcrumb > :last-child > *, +.uk-offcanvas-bar .uk-breadcrumb > :last-child > * { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-primary.uk-card-body .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-secondary.uk-card-body .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-overlay-primary .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before, +.uk-offcanvas-bar .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-pagination > * > *, +.uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > *, +.uk-card-primary.uk-card-body .uk-pagination > * > *, +.uk-card-primary > :not([class*='uk-card-media']) .uk-pagination > * > *, +.uk-card-secondary.uk-card-body .uk-pagination > * > *, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-pagination > * > *, +.uk-overlay-primary .uk-pagination > * > *, +.uk-offcanvas-bar .uk-pagination > * > * { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-pagination > * > :hover, +.uk-light .uk-pagination > * > :focus, +.uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > :hover, +.uk-section-primary:not(.uk-preserve-color) .uk-pagination > * > :focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > :hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > * > :focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > :hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > * > :focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > :hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > * > :focus, +.uk-card-primary.uk-card-body .uk-pagination > * > :hover, +.uk-card-primary.uk-card-body .uk-pagination > * > :focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-pagination > * > :hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-pagination > * > :focus, +.uk-card-secondary.uk-card-body .uk-pagination > * > :hover, +.uk-card-secondary.uk-card-body .uk-pagination > * > :focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-pagination > * > :hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-pagination > * > :focus, +.uk-overlay-primary .uk-pagination > * > :hover, +.uk-overlay-primary .uk-pagination > * > :focus, +.uk-offcanvas-bar .uk-pagination > * > :hover, +.uk-offcanvas-bar .uk-pagination > * > :focus { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-pagination > .uk-active > *, +.uk-section-primary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > .uk-active > *, +.uk-card-primary.uk-card-body .uk-pagination > .uk-active > *, +.uk-card-primary > :not([class*='uk-card-media']) .uk-pagination > .uk-active > *, +.uk-card-secondary.uk-card-body .uk-pagination > .uk-active > *, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-pagination > .uk-active > *, +.uk-overlay-primary .uk-pagination > .uk-active > *, +.uk-offcanvas-bar .uk-pagination > .uk-active > * { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-pagination > .uk-disabled > *, +.uk-section-primary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination > .uk-disabled > *, +.uk-card-primary.uk-card-body .uk-pagination > .uk-disabled > *, +.uk-card-primary > :not([class*='uk-card-media']) .uk-pagination > .uk-disabled > *, +.uk-card-secondary.uk-card-body .uk-pagination > .uk-disabled > *, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-pagination > .uk-disabled > *, +.uk-overlay-primary .uk-pagination > .uk-disabled > *, +.uk-offcanvas-bar .uk-pagination > .uk-disabled > * { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-tab::before, +.uk-section-primary:not(.uk-preserve-color) .uk-tab::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-tab::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-tab::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-tab::before, +.uk-card-primary.uk-card-body .uk-tab::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-tab::before, +.uk-card-secondary.uk-card-body .uk-tab::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-tab::before, +.uk-overlay-primary .uk-tab::before, +.uk-offcanvas-bar .uk-tab::before { + border-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-tab > * > a, +.uk-section-primary:not(.uk-preserve-color) .uk-tab > * > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a, +.uk-card-primary.uk-card-body .uk-tab > * > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-tab > * > a, +.uk-card-secondary.uk-card-body .uk-tab > * > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > * > a, +.uk-overlay-primary .uk-tab > * > a, +.uk-offcanvas-bar .uk-tab > * > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-tab > * > a:hover, +.uk-light .uk-tab > * > a:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-tab > * > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-tab > * > a:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-tab > * > a:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-tab > * > a:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > * > a:focus, +.uk-card-primary.uk-card-body .uk-tab > * > a:hover, +.uk-card-primary.uk-card-body .uk-tab > * > a:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-tab > * > a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-tab > * > a:focus, +.uk-card-secondary.uk-card-body .uk-tab > * > a:hover, +.uk-card-secondary.uk-card-body .uk-tab > * > a:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > * > a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > * > a:focus, +.uk-overlay-primary .uk-tab > * > a:hover, +.uk-overlay-primary .uk-tab > * > a:focus, +.uk-offcanvas-bar .uk-tab > * > a:hover, +.uk-offcanvas-bar .uk-tab > * > a:focus { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-tab > .uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-tab > .uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-tab > .uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-tab > .uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > .uk-active > a, +.uk-card-primary.uk-card-body .uk-tab > .uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-tab > .uk-active > a, +.uk-card-secondary.uk-card-body .uk-tab > .uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > .uk-active > a, +.uk-overlay-primary .uk-tab > .uk-active > a, +.uk-offcanvas-bar .uk-tab > .uk-active > a { + color: #fff; + border-color: #fff; +} +.uk-light .uk-tab > .uk-disabled > a, +.uk-section-primary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-tab > .uk-disabled > a, +.uk-card-primary.uk-card-body .uk-tab > .uk-disabled > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-tab > .uk-disabled > a, +.uk-card-secondary.uk-card-body .uk-tab > .uk-disabled > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-tab > .uk-disabled > a, +.uk-overlay-primary .uk-tab > .uk-disabled > a, +.uk-offcanvas-bar .uk-tab > .uk-disabled > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-slidenav, +.uk-section-primary:not(.uk-preserve-color) .uk-slidenav, +.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav, +.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav, +.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav, +.uk-card-primary.uk-card-body .uk-slidenav, +.uk-card-primary > :not([class*='uk-card-media']) .uk-slidenav, +.uk-card-secondary.uk-card-body .uk-slidenav, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-slidenav, +.uk-overlay-primary .uk-slidenav, +.uk-offcanvas-bar .uk-slidenav { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-slidenav:hover, +.uk-light .uk-slidenav:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:focus, +.uk-card-primary.uk-card-body .uk-slidenav:hover, +.uk-card-primary.uk-card-body .uk-slidenav:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-slidenav:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-slidenav:focus, +.uk-card-secondary.uk-card-body .uk-slidenav:hover, +.uk-card-secondary.uk-card-body .uk-slidenav:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-slidenav:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-slidenav:focus, +.uk-overlay-primary .uk-slidenav:hover, +.uk-overlay-primary .uk-slidenav:focus, +.uk-offcanvas-bar .uk-slidenav:hover, +.uk-offcanvas-bar .uk-slidenav:focus { + color: rgba(255, 255, 255, 0.95); +} +.uk-light .uk-slidenav:active, +.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:active, +.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:active, +.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:active, +.uk-card-primary.uk-card-body .uk-slidenav:active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-slidenav:active, +.uk-card-secondary.uk-card-body .uk-slidenav:active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-slidenav:active, +.uk-overlay-primary .uk-slidenav:active, +.uk-offcanvas-bar .uk-slidenav:active { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-dotnav > * > *, +.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > *, +.uk-card-primary.uk-card-body .uk-dotnav > * > *, +.uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > * > *, +.uk-card-secondary.uk-card-body .uk-dotnav > * > *, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > * > *, +.uk-overlay-primary .uk-dotnav > * > *, +.uk-offcanvas-bar .uk-dotnav > * > * { + background-color: transparent; + border-color: rgba(255, 255, 255, 0.9); +} +.uk-light .uk-dotnav > * > :hover, +.uk-light .uk-dotnav > * > :focus, +.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :hover, +.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :focus, +.uk-card-primary.uk-card-body .uk-dotnav > * > :hover, +.uk-card-primary.uk-card-body .uk-dotnav > * > :focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > * > :hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > * > :focus, +.uk-card-secondary.uk-card-body .uk-dotnav > * > :hover, +.uk-card-secondary.uk-card-body .uk-dotnav > * > :focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > * > :hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > * > :focus, +.uk-overlay-primary .uk-dotnav > * > :hover, +.uk-overlay-primary .uk-dotnav > * > :focus, +.uk-offcanvas-bar .uk-dotnav > * > :hover, +.uk-offcanvas-bar .uk-dotnav > * > :focus { + background-color: rgba(255, 255, 255, 0.9); + border-color: transparent; +} +.uk-light .uk-dotnav > * > :active, +.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > * > :active, +.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > * > :active, +.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > * > :active, +.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > * > :active, +.uk-card-primary.uk-card-body .uk-dotnav > * > :active, +.uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > * > :active, +.uk-card-secondary.uk-card-body .uk-dotnav > * > :active, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > * > :active, +.uk-overlay-primary .uk-dotnav > * > :active, +.uk-offcanvas-bar .uk-dotnav > * > :active { + background-color: rgba(255, 255, 255, 0.5); + border-color: transparent; +} +.uk-light .uk-dotnav > .uk-active > *, +.uk-section-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, +.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, +.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, +.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, +.uk-card-primary.uk-card-body .uk-dotnav > .uk-active > *, +.uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > .uk-active > *, +.uk-card-secondary.uk-card-body .uk-dotnav > .uk-active > *, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > .uk-active > *, +.uk-overlay-primary .uk-dotnav > .uk-active > *, +.uk-offcanvas-bar .uk-dotnav > .uk-active > * { + background-color: rgba(255, 255, 255, 0.9); + border-color: transparent; +} +.uk-light .uk-iconnav > * > a, +.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > a, +.uk-card-primary.uk-card-body .uk-iconnav > * > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-iconnav > * > a, +.uk-card-secondary.uk-card-body .uk-iconnav > * > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-iconnav > * > a, +.uk-overlay-primary .uk-iconnav > * > a, +.uk-offcanvas-bar .uk-iconnav > * > a { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-iconnav > * > a:hover, +.uk-light .uk-iconnav > * > a:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > * > a:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > * > a:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > * > a:focus, +.uk-card-primary.uk-card-body .uk-iconnav > * > a:hover, +.uk-card-primary.uk-card-body .uk-iconnav > * > a:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-iconnav > * > a:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-iconnav > * > a:focus, +.uk-card-secondary.uk-card-body .uk-iconnav > * > a:hover, +.uk-card-secondary.uk-card-body .uk-iconnav > * > a:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-iconnav > * > a:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-iconnav > * > a:focus, +.uk-overlay-primary .uk-iconnav > * > a:hover, +.uk-overlay-primary .uk-iconnav > * > a:focus, +.uk-offcanvas-bar .uk-iconnav > * > a:hover, +.uk-offcanvas-bar .uk-iconnav > * > a:focus { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-iconnav > .uk-active > a, +.uk-section-primary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a, +.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a, +.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a, +.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav > .uk-active > a, +.uk-card-primary.uk-card-body .uk-iconnav > .uk-active > a, +.uk-card-primary > :not([class*='uk-card-media']) .uk-iconnav > .uk-active > a, +.uk-card-secondary.uk-card-body .uk-iconnav > .uk-active > a, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-iconnav > .uk-active > a, +.uk-overlay-primary .uk-iconnav > .uk-active > a, +.uk-offcanvas-bar .uk-iconnav > .uk-active > a { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-text-lead, +.uk-section-primary:not(.uk-preserve-color) .uk-text-lead, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-lead, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-lead, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-lead, +.uk-card-primary.uk-card-body .uk-text-lead, +.uk-card-primary > :not([class*='uk-card-media']) .uk-text-lead, +.uk-card-secondary.uk-card-body .uk-text-lead, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-text-lead, +.uk-overlay-primary .uk-text-lead, +.uk-offcanvas-bar .uk-text-lead { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-text-meta, +.uk-section-primary:not(.uk-preserve-color) .uk-text-meta, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-meta, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-meta, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-meta, +.uk-card-primary.uk-card-body .uk-text-meta, +.uk-card-primary > :not([class*='uk-card-media']) .uk-text-meta, +.uk-card-secondary.uk-card-body .uk-text-meta, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-text-meta, +.uk-overlay-primary .uk-text-meta, +.uk-offcanvas-bar .uk-text-meta { + color: rgba(255, 255, 255, 0.5); +} +.uk-light .uk-text-muted, +.uk-section-primary:not(.uk-preserve-color) .uk-text-muted, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-muted, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-muted, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-muted, +.uk-card-primary.uk-card-body .uk-text-muted, +.uk-card-primary > :not([class*='uk-card-media']) .uk-text-muted, +.uk-card-secondary.uk-card-body .uk-text-muted, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-text-muted, +.uk-overlay-primary .uk-text-muted, +.uk-offcanvas-bar .uk-text-muted { + color: rgba(255, 255, 255, 0.5) !important; +} +.uk-light .uk-text-emphasis, +.uk-section-primary:not(.uk-preserve-color) .uk-text-emphasis, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-emphasis, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-emphasis, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-emphasis, +.uk-card-primary.uk-card-body .uk-text-emphasis, +.uk-card-primary > :not([class*='uk-card-media']) .uk-text-emphasis, +.uk-card-secondary.uk-card-body .uk-text-emphasis, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-text-emphasis, +.uk-overlay-primary .uk-text-emphasis, +.uk-offcanvas-bar .uk-text-emphasis { + color: #fff !important; +} +.uk-light .uk-text-primary, +.uk-section-primary:not(.uk-preserve-color) .uk-text-primary, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-primary, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-primary, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-primary, +.uk-card-primary.uk-card-body .uk-text-primary, +.uk-card-primary > :not([class*='uk-card-media']) .uk-text-primary, +.uk-card-secondary.uk-card-body .uk-text-primary, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-text-primary, +.uk-overlay-primary .uk-text-primary, +.uk-offcanvas-bar .uk-text-primary { + color: #fff !important; +} +.uk-light .uk-text-secondary, +.uk-section-primary:not(.uk-preserve-color) .uk-text-secondary, +.uk-section-secondary:not(.uk-preserve-color) .uk-text-secondary, +.uk-tile-primary:not(.uk-preserve-color) .uk-text-secondary, +.uk-tile-secondary:not(.uk-preserve-color) .uk-text-secondary, +.uk-card-primary.uk-card-body .uk-text-secondary, +.uk-card-primary > :not([class*='uk-card-media']) .uk-text-secondary, +.uk-card-secondary.uk-card-body .uk-text-secondary, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-text-secondary, +.uk-overlay-primary .uk-text-secondary, +.uk-offcanvas-bar .uk-text-secondary { + color: #fff !important; +} +.uk-light .uk-column-divider, +.uk-section-primary:not(.uk-preserve-color) .uk-column-divider, +.uk-section-secondary:not(.uk-preserve-color) .uk-column-divider, +.uk-tile-primary:not(.uk-preserve-color) .uk-column-divider, +.uk-tile-secondary:not(.uk-preserve-color) .uk-column-divider, +.uk-card-primary.uk-card-body .uk-column-divider, +.uk-card-primary > :not([class*='uk-card-media']) .uk-column-divider, +.uk-card-secondary.uk-card-body .uk-column-divider, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-column-divider, +.uk-overlay-primary .uk-column-divider, +.uk-offcanvas-bar .uk-column-divider { + column-rule-color: rgba(255, 255, 255, 0.2); +} +.uk-light .uk-logo, +.uk-section-primary:not(.uk-preserve-color) .uk-logo, +.uk-section-secondary:not(.uk-preserve-color) .uk-logo, +.uk-tile-primary:not(.uk-preserve-color) .uk-logo, +.uk-tile-secondary:not(.uk-preserve-color) .uk-logo, +.uk-card-primary.uk-card-body .uk-logo, +.uk-card-primary > :not([class*='uk-card-media']) .uk-logo, +.uk-card-secondary.uk-card-body .uk-logo, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-logo, +.uk-overlay-primary .uk-logo, +.uk-offcanvas-bar .uk-logo { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-logo:hover, +.uk-light .uk-logo:focus, +.uk-section-primary:not(.uk-preserve-color) .uk-logo:hover, +.uk-section-primary:not(.uk-preserve-color) .uk-logo:focus, +.uk-section-secondary:not(.uk-preserve-color) .uk-logo:hover, +.uk-section-secondary:not(.uk-preserve-color) .uk-logo:focus, +.uk-tile-primary:not(.uk-preserve-color) .uk-logo:hover, +.uk-tile-primary:not(.uk-preserve-color) .uk-logo:focus, +.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:hover, +.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:focus, +.uk-card-primary.uk-card-body .uk-logo:hover, +.uk-card-primary.uk-card-body .uk-logo:focus, +.uk-card-primary > :not([class*='uk-card-media']) .uk-logo:hover, +.uk-card-primary > :not([class*='uk-card-media']) .uk-logo:focus, +.uk-card-secondary.uk-card-body .uk-logo:hover, +.uk-card-secondary.uk-card-body .uk-logo:focus, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-logo:hover, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-logo:focus, +.uk-overlay-primary .uk-logo:hover, +.uk-overlay-primary .uk-logo:focus, +.uk-offcanvas-bar .uk-logo:hover, +.uk-offcanvas-bar .uk-logo:focus { + color: rgba(255, 255, 255, 0.7); +} +.uk-light .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), +.uk-section-primary:not(.uk-preserve-color) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), +.uk-section-secondary:not(.uk-preserve-color) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), +.uk-tile-primary:not(.uk-preserve-color) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), +.uk-tile-secondary:not(.uk-preserve-color) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), +.uk-card-primary.uk-card-body .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), +.uk-card-primary > :not([class*='uk-card-media']) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), +.uk-card-secondary.uk-card-body .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), +.uk-card-secondary > :not([class*='uk-card-media']) .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), +.uk-overlay-primary .uk-logo > :not(.uk-logo-inverse):not(:only-of-type), +.uk-offcanvas-bar .uk-logo > :not(.uk-logo-inverse):not(:only-of-type) { + display: none; +} +.uk-light .uk-logo-inverse, +.uk-section-primary:not(.uk-preserve-color) .uk-logo-inverse, +.uk-section-secondary:not(.uk-preserve-color) .uk-logo-inverse, +.uk-tile-primary:not(.uk-preserve-color) .uk-logo-inverse, +.uk-tile-secondary:not(.uk-preserve-color) .uk-logo-inverse, +.uk-card-primary.uk-card-body .uk-logo-inverse, +.uk-card-primary > :not([class*='uk-card-media']) .uk-logo-inverse, +.uk-card-secondary.uk-card-body .uk-logo-inverse, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-logo-inverse, +.uk-overlay-primary .uk-logo-inverse, +.uk-offcanvas-bar .uk-logo-inverse { + display: inline; +} +.uk-light .uk-accordion-title::before, +.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title::before, +.uk-card-primary.uk-card-body .uk-accordion-title::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-accordion-title::before, +.uk-card-secondary.uk-card-body .uk-accordion-title::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-accordion-title::before, +.uk-overlay-primary .uk-accordion-title::before, +.uk-offcanvas-bar .uk-accordion-title::before { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E"); +} +.uk-light .uk-open > .uk-accordion-title::before, +.uk-section-primary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before, +.uk-section-secondary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before, +.uk-tile-primary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before, +.uk-tile-secondary:not(.uk-preserve-color) .uk-open > .uk-accordion-title::before, +.uk-card-primary.uk-card-body .uk-open > .uk-accordion-title::before, +.uk-card-primary > :not([class*='uk-card-media']) .uk-open > .uk-accordion-title::before, +.uk-card-secondary.uk-card-body .uk-open > .uk-accordion-title::before, +.uk-card-secondary > :not([class*='uk-card-media']) .uk-open > .uk-accordion-title::before, +.uk-overlay-primary .uk-open > .uk-accordion-title::before, +.uk-offcanvas-bar .uk-open > .uk-accordion-title::before { + background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E"); } /* ======================================================================== Component: Print ========================================================================== */ @media print { - * { + *, + *::before, + *::after { background: transparent !important; color: black !important; box-shadow: none !important; diff --git a/lib/css/uikit.gradient.css b/lib/css/uikit.gradient.css deleted file mode 100644 index 5b63d74..0000000 --- a/lib/css/uikit.gradient.css +++ /dev/null @@ -1,6696 +0,0 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - -/* ======================================================================== - Component: Normalize - ========================================================================== */ -/* Base - ========================================================================== */ -/* - * 1. Sets default font family to sans-serif. - * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom. - */ -html { - /* 1 */ - font-family: sans-serif; - /* 2 */ - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; -} -/* - * Removes default margin. - */ -body { - margin: 0; -} -/* HTML5 display definitions - ========================================================================== */ -/* - * Corrects `block` display not defined in IE 8/9. - */ -article, -aside, -details, -figcaption, -figure, -footer, -header, -main, -nav, -section, -summary { - display: block; -} -/* - * 1. Correct `inline-block` display not defined in IE 8/9. - * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. - */ -audio, -canvas, -progress, -video { - /* 1 */ - display: inline-block; - /* 2 */ - vertical-align: baseline; -} -/* - * Prevents modern browsers from displaying `audio` without controls. - * Remove excess height in iOS 5 devices. - */ -audio:not([controls]) { - display: none; - height: 0; -} -/* - * Address `[hidden]` styling not present in IE 8/9. - * Hide the `template` element in IE, Safari, and Firefox < 22. - */ -[hidden], -template { - display: none; -} -/* Links - ========================================================================== */ -/* - * Remove the gray background color from active links in IE 10. - */ -a { - background: transparent; -} -/* - * Improves readability when focused and also mouse hovered in all browsers. - */ -a:active, -a:hover { - outline: 0; -} -/* Text-level semantics - ========================================================================== */ -/* - * Addresses styling not present in IE 8/9, Safari 5, and Chrome. - */ -abbr[title] { - border-bottom: 1px dotted; -} -/* - * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome. - */ -b, -strong { - font-weight: bold; -} -/* - * Addresses styling not present in Safari 5 and Chrome. - */ -dfn { - font-style: italic; -} -/* - * Addresses inconsistent and variable font size in all browsers. - */ -small { - font-size: 80%; -} -/* - * Prevents `sub` and `sup` affecting `line-height` in all browsers. - */ -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} -sup { - top: -0.5em; -} -sub { - bottom: -0.25em; -} -/* Embedded content - ========================================================================== */ -/* - * Removes border when inside `a` element in IE 8/9. - */ -img { - border: 0; -} -/* - * Corrects overflow displayed oddly in IE 9. - */ -svg:not(:root) { - overflow: hidden; -} -/* Grouping content - ========================================================================== */ -/* - * Addresses margin not present in IE 8/9 and Safari 5. - */ -figure { - margin: 0; -} -/* - * Address differences between Firefox and other browsers. - */ -hr { - -moz-box-sizing: content-box; - box-sizing: content-box; - height: 0; -} -/* - * Contain overflow in all browsers. - */ -pre { - overflow: auto; -} -/* - * Address odd `em`-unit font size rendering in all browsers. - * 1. Consolas has a better baseline in running text compared to `Courier` - */ -code, -kbd, -pre, -samp { - font-size: 1em; - /* 1 */ - font-family: Consolas, monospace, serif; -} -/* Forms - ========================================================================== */ -/* - * 1. Correct color not being inherited. Known issue: affects color of disabled elements. - * 2. Correct font properties not being inherited. - * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. - * 4. Define consistent box sizing - * Defaults: `button`, `input` and `textarea` have box sizing set to `content-box` - * `select`, `input[type="checkbox"]` and `input[type="radio"]` have box sizing set to `border-box` - * Exceptions: `input[type="checkbox"]` and `input[type="radio"]` have box sizing set to `content-box` in IE 8/9. - * `input[type="search"]` has box sizing set to `border-box` in Safari 5 and Chrome. - */ -button, -input, -optgroup, -select, -textarea { - /* 1 */ - color: inherit; - /* 2 */ - font: inherit; - /* 3 */ - margin: 0; - /* 4 */ - -moz-box-sizing: border-box; - -webkit-box-sizing: border-box; - box-sizing: border-box; -} -/** - * Don't inherit the `font-weight` (applied by a rule above). - * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. - */ -optgroup { - font-weight: bold; -} -/** - * Address `overflow` set to `hidden` in IE 8/9/10. - */ -button { - overflow: visible; -} -/* - * Address inconsistent `text-transform` inheritance for `button` and `select`. - * All other form control elements do not inherit `text-transform` values. - * Correct `button` style inheritance in Firefox, IE 8+, and Opera - * Correct `select` style inheritance in Firefox. - */ -button, -select { - text-transform: none; -} -/* - * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. - * 2. Correct inability to style clickable `input` types in iOS. - * 3. Improve usability and consistency of cursor style between image-type `input` and others. - */ -button, -html input[type="button"], -input[type="reset"], -input[type="submit"] { - /* 2 */ - -webkit-appearance: button; - /* 3 */ - cursor: pointer; -} -/* - * Re-set default cursor for disabled elements. - */ -button:disabled, -html input:disabled { - cursor: default; -} -/* - * Removes inner padding and border in Firefox 4+. - */ -button::-moz-focus-inner, -input::-moz-focus-inner { - border: 0; - padding: 0; -} -/* - * Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. - */ -input { - line-height: normal; -} -/* - * 1. Removes excess padding in IE 8/9. - * 2. Improves consistency of cursor style for clickable elements - */ -input[type="checkbox"], -input[type="radio"] { - /* 1 */ - padding: 0; - /* 2 */ - cursor: pointer; -} -/* - * Fix the cursor style for Chrome's increment/decrement buttons. For certain - * `font-size` values of the `input`, it causes the cursor style of the - * decrement button to change from `default` to `text`. - */ -input[type="number"]::-webkit-inner-spin-button, -input[type="number"]::-webkit-outer-spin-button { - height: auto; -} -/* - * Addresses `appearance` set to `searchfield` in Safari 5 and Chrome. - */ -input[type="search"] { - -webkit-appearance: textfield; -} -/* - * Remove inner padding and search cancel button in Safari and Chrome on OS X. - * Safari (but not Chrome) clips the cancel button when the search input has - * padding (and `textfield` appearance). - */ -input[type="search"]::-webkit-search-cancel-button, -input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} -/* - * Define consistent border, margin, and padding. - */ -fieldset { - border: none; - margin: 0; - padding: 0; -} -/* - * 1. Corrects color not being inherited in IE 8/9. - * 2. Remove padding so people aren't caught out if they zero out fieldsets. - */ -legend { - /* 1 */ - border: 0; - /* 2 */ - padding: 0; -} -/** - * 1. Remove default vertical scrollbar in IE 8/9. - * 2. Improve readability and alignment in all browsers. - */ -textarea { - overflow: auto; - /* 1 */ - vertical-align: top; - /* 2 */ -} -/* - * Removes placeholder transparency in Firefox. - */ -::-moz-placeholder { - opacity: 1; -} -/* Tables - ========================================================================== */ -/* - * Remove most spacing between table cells. - */ -table { - border-collapse: collapse; - border-spacing: 0; -} -/* ======================================================================== - Component: Base - ========================================================================== */ -/* Body - ========================================================================== */ -/* - * `font-size` is set in `html` element to support the `rem` unit for font-sizes - */ -html { - font-size: 14px; -} -body { - background: #ffffff; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-weight: normal; - line-height: 20px; - color: #444444; - background-image: -webkit-radial-gradient(100% 100%, center, #ffffff, #ffffff); - background-image: radial-gradient(100% 100% at center, #ffffff, #ffffff); -} -/* Only phones */ -@media (max-width: 767px) { - /* - * Break strings if their length exceeds the width of their container - */ - body { - word-wrap: break-word; - -webkit-hyphens: auto; - -ms-hyphens: auto; - -moz-hyphens: auto; - hyphens: auto; - } -} -/* Text-level semantics - ========================================================================== */ -/* - * Links - */ -a, -.uk-link { - color: #0077dd; - text-decoration: none; - cursor: pointer; -} -a:hover, -.uk-link:hover { - color: #005599; - text-decoration: underline; -} -/* - * Emphasize - */ -em { - color: #dd0055; -} -/* - * Insert - */ -ins { - background: #ffffaa; - color: #444444; - text-decoration: none; -} -/* - * Mark - * Note: Addresses styling not present in IE 8/9. - */ -mark { - background: #ffffaa; - color: #444444; -} -/* - * Selection highlight - */ -::-moz-selection { - background: #3399ff; - color: #ffffff; - text-shadow: none; -} -::selection { - background: #3399ff; - color: #ffffff; - text-shadow: none; -} -/* - * Abbreviation and definition - */ -abbr[title], -dfn[title] { - cursor: help; -} -dfn[title] { - border-bottom: 1px dotted; - font-style: normal; -} -/* Embedded content - ========================================================================== */ -/* - * 1. Corrects max-width behavior (2.) if padding and border are used - * 2. Responsiveness: Sets a maxium width relative to the parent and auto scales the height - * 3. Remove the gap between images and the bottom of their containers - */ -img { - /* 1 */ - -moz-box-sizing: border-box; - box-sizing: border-box; - /* 2 */ - max-width: 100%; - height: auto; - /* 3 */ - vertical-align: middle; -} -/* - * Preserve original image dimensions - * 1. Fix Google maps automatically via URL detection - */ -.uk-img-preserve, -.uk-img-preserve img, -img[src*="maps.gstatic.com"], -img[src*="googleapis.com"] { - max-width: none; -} -/* Spacing for block elements - ========================================================================== */ -p, -hr, -ul, -ol, -dl, -blockquote, -pre, -address, -fieldset, -figure { - margin: 0 0 15px 0; -} -/* - * Don't worry about the universal selector. - * There is no mentionable performance impact. - */ -* + p, -* + hr, -* + ul, -* + ol, -* + dl, -* + blockquote, -* + pre, -* + address, -* + fieldset, -* + figure { - margin-top: 15px; -} -/* Headings - ========================================================================== */ -h1, -h2, -h3, -h4, -h5, -h6 { - margin: 0 0 15px 0; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-weight: normal; - color: #444444; - text-transform: none; -} -/* - * Don't worry about the universal selector. - * There is no mentionable performance impact. - */ -* + h1, -* + h2, -* + h3, -* + h4, -* + h5, -* + h6 { - margin-top: 25px; -} -h1, -.uk-h1 { - font-size: 36px; - line-height: 42px; -} -h2, -.uk-h2 { - font-size: 24px; - line-height: 30px; -} -h3, -.uk-h3 { - font-size: 18px; - line-height: 24px; -} -h4, -.uk-h4 { - font-size: 16px; - line-height: 22px; -} -h5, -.uk-h5 { - font-size: 14px; - line-height: 20px; -} -h6, -.uk-h6 { - font-size: 12px; - line-height: 18px; -} -/* Lists - ========================================================================== */ -/* - * Ordered and unordered lists - */ -ul, -ol { - padding-left: 30px; -} -/* Reset margin for nested lists */ -ul > li > ul, -ul > li > ol, -ol > li > ol, -ol > li > ul { - margin: 0; -} -/* - * Description lists - */ -dt { - font-weight: bold; -} -dd { - margin-left: 0; -} -/* Horizontal rule - ========================================================================== */ -hr { - display: block; - padding: 0; - border: 0; - border-top: 1px solid #dddddd; -} -/* Address - ========================================================================== */ -address { - font-style: normal; -} -/* Quotes - ========================================================================== */ -q, -blockquote { - font-style: italic; -} -blockquote { - padding-left: 15px; - border-left: 5px solid #dddddd; - font-size: 16px; - line-height: 22px; -} -/* Small print for identifying the source */ -blockquote small { - display: block; - color: #999999; - font-style: normal; -} -/* Smaller margin if `small` follows */ -blockquote p:last-of-type { - margin-bottom: 5px; -} -/* Code and preformatted text - ========================================================================== */ -code { - color: #dd0055; - font-size: 12px; - white-space: nowrap; - padding: 0 4px; - border: 1px solid #dddddd; - border-radius: 3px; - background: #fafafa; -} -/* Reset code elements if parent of pre elements */ -pre code { - color: inherit; - white-space: pre-wrap; - padding: 0; - border: 0; - background: transparent; -} -pre { - padding: 10px; - background: #fafafa; - color: #444444; - font-size: 12px; - line-height: 18px; - -moz-tab-size: 4; - tab-size: 4; - border: 1px solid #dddddd; - border-radius: 3px; -} -/* Forms - ========================================================================== */ -/* - * Vertical alignment - * Exclude `radio` and `checkbox` elements because the default `baseline` value aligns better with text - */ -button, -input:not([type="radio"]):not([type="checkbox"]), -select { - vertical-align: middle; -} -/* Iframe - ========================================================================== */ -iframe { - border: 0; -} -/* Fix viewport for IE10 snap mode - ========================================================================== */ -@media screen and (max-width: 400px) { - @-ms-viewport { - width: device-width; - } -} -/* ======================================================================== - Component: Grid - ========================================================================== */ -/* - * Micro clearfix - */ -.uk-grid:before, -.uk-grid:after { - content: " "; - display: table; -} -.uk-grid:after { - clear: both; -} -/* - * 1. Needed for the gutter - * 2. Makes grid more robust so that it can be used with other block elements like lists - */ -.uk-grid { - /* 1 */ - margin: 0 0 0 -25px; - /* 2 */ - padding: 0; - list-style: none; -} -/* - * Vertical gutter - */ -.uk-grid + .uk-grid { - margin-top: 25px; -} -/* Grid column - ========================================================================== */ -/* - * 1. Makes grid more robust so that it can be used with other block elements - * 2. Create horizontal gutter - * 3. `float` is set by default so columns always behave the same and create a new block format context - */ -.uk-grid > [class*='uk-width-'] { - /* 1 */ - margin: 0; - /* 2 */ - padding-left: 25px; - /* 3 */ - float: left; -} -/* - * Remove margin from the last-child - */ -.uk-grid > [class*='uk-width-'] > :last-child { - margin-bottom: 0; -} -/* Sub-modifier: `uk-grid-margin` - ========================================================================== */ -/* - * This class is set by JavaScript and applies a vertical gutter if the columns stack or float into the next row - * Higher specificity to override margin - */ -.uk-grid > .uk-grid-margin { - margin-top: 25px; -} -/* Modifier: `uk-grid-divider` - ========================================================================== */ -/* - * Horizontal divider - * Does not work with `uk-push-*`, `uk-pull-*` and not if the columns float into the next row - */ -.uk-grid-divider:not(:empty) { - margin-left: -25px; - margin-right: -25px; -} -.uk-grid-divider:not(:empty) > [class*='uk-width-'] { - padding-left: 25px; - padding-right: 25px; -} -.uk-grid-divider:not(:empty) > [class*='uk-width-1-']:not(.uk-width-1-1):nth-child(n+2), -.uk-grid-divider:not(:empty) > [class*='uk-width-2-']:nth-child(n+2), -.uk-grid-divider:not(:empty) > [class*='uk-width-3-']:nth-child(n+2), -.uk-grid-divider:not(:empty) > [class*='uk-width-4-']:nth-child(n+2), -.uk-grid-divider:not(:empty) > [class*='uk-width-5-']:nth-child(n+2), -.uk-grid-divider:not(:empty) > [class*='uk-width-6-']:nth-child(n+2), -.uk-grid-divider:not(:empty) > [class*='uk-width-7-']:nth-child(n+2), -.uk-grid-divider:not(:empty) > [class*='uk-width-8-']:nth-child(n+2), -.uk-grid-divider:not(:empty) > [class*='uk-width-9-']:nth-child(n+2) { - border-left: 1px solid #dddddd; -} -/* Only tablets and desktop */ -@media (min-width: 768px) { - .uk-grid-divider:not(:empty) > [class*='uk-width-medium-']:not(.uk-width-medium-1-1):nth-child(n+2) { - border-left: 1px solid #dddddd; - } -} -/* Only desktop */ -@media (min-width: 960px) { - .uk-grid-divider:not(:empty) > [class*='uk-width-large-']:not(.uk-width-large-1-1):nth-child(n+2) { - border-left: 1px solid #dddddd; - } -} -/* - * Vertical divider - */ -.uk-grid-divider:empty { - margin-top: 25px; - margin-bottom: 25px; - border-top: 1px solid #dddddd; -} -/* Panel in grid - ========================================================================== */ -/* - * Vertical gutter for panels - */ -.uk-grid > [class*='uk-width-'] > .uk-panel + .uk-panel { - margin-top: 25px; -} -/* Large gutter - ========================================================================== */ -/* Only large screens */ -@media (min-width: 1220px) { - /* - * Grid - */ - /* Horizontal gutter */ - .uk-grid:not(.uk-grid-preserve) { - margin-left: -35px; - } - .uk-grid:not(.uk-grid-preserve) > [class*='uk-width-'] { - padding-left: 35px; - } - /* Vertical gutter */ - .uk-grid:not(.uk-grid-preserve) + .uk-grid { - margin-top: 35px; - } - .uk-grid:not(.uk-grid-preserve) > .uk-grid-margin { - margin-top: 35px; - } - /* Vertical gutter for panels */ - .uk-grid:not(.uk-grid-preserve) > [class*='uk-width-'] > .uk-panel + .uk-panel { - margin-top: 35px; - } - /* - * Modifier: `uk-grid-divider` - */ - .uk-grid-divider:not(.uk-grid-preserve):not(:empty) { - margin-left: -35px; - margin-right: -35px; - } - .uk-grid-divider:not(.uk-grid-preserve):not(:empty) > [class*='uk-width-'] { - padding-left: 35px; - padding-right: 35px; - } - .uk-grid-divider:not(.uk-grid-preserve):empty { - margin-top: 35px; - margin-bottom: 35px; - } -} -/* Sub-object: `uk-width-*` - ========================================================================== */ -[class*='uk-width-'] { - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 100%; -} -/* - * Widths - */ -/* Whole */ -.uk-width-1-1 { - width: 100%; -} -/* Halves */ -.uk-width-1-2, -.uk-width-2-4, -.uk-width-3-6, -.uk-width-5-10 { - width: 50%; -} -/* Thirds */ -.uk-width-1-3, -.uk-width-2-6 { - width: 33.333%; -} -.uk-width-2-3, -.uk-width-4-6 { - width: 66.666%; -} -/* Quarters */ -.uk-width-1-4 { - width: 25%; -} -.uk-width-3-4 { - width: 75%; -} -/* Fifths */ -.uk-width-1-5, -.uk-width-2-10 { - width: 20%; -} -.uk-width-2-5, -.uk-width-4-10 { - width: 40%; -} -.uk-width-3-5, -.uk-width-6-10 { - width: 60%; -} -.uk-width-4-5, -.uk-width-8-10 { - width: 80%; -} -/* Sixths */ -.uk-width-1-6 { - width: 16.666%; -} -.uk-width-5-6 { - width: 83.333%; -} -/* Tenths */ -.uk-width-1-10 { - width: 10%; -} -.uk-width-3-10 { - width: 30%; -} -.uk-width-7-10 { - width: 70%; -} -.uk-width-9-10 { - width: 90%; -} -/* Only tablets and desktop */ -@media (min-width: 768px) { - /* Whole */ - .uk-width-medium-1-1 { - width: 100%; - } - /* Halves */ - .uk-width-medium-1-2, - .uk-width-medium-2-4, - .uk-width-medium-3-6, - .uk-width-medium-5-10 { - width: 50%; - } - /* Thirds */ - .uk-width-medium-1-3, - .uk-width-medium-2-6 { - width: 33.333%; - } - .uk-width-medium-2-3, - .uk-width-medium-4-6 { - width: 66.666%; - } - /* Quarters */ - .uk-width-medium-1-4 { - width: 25%; - } - .uk-width-medium-3-4 { - width: 75%; - } - /* Fifths */ - .uk-width-medium-1-5, - .uk-width-medium-2-10 { - width: 20%; - } - .uk-width-medium-2-5, - .uk-width-medium-4-10 { - width: 40%; - } - .uk-width-medium-3-5, - .uk-width-medium-6-10 { - width: 60%; - } - .uk-width-medium-4-5, - .uk-width-medium-8-10 { - width: 80%; - } - /* Sixths */ - .uk-width-medium-1-6 { - width: 16.666%; - } - .uk-width-medium-5-6 { - width: 83.333%; - } - /* Tenths */ - .uk-width-medium-1-10 { - width: 10%; - } - .uk-width-medium-3-10 { - width: 30%; - } - .uk-width-medium-7-10 { - width: 70%; - } - .uk-width-medium-9-10 { - width: 90%; - } -} -/* Only desktop */ -@media (min-width: 960px) { - /* Whole */ - .uk-width-large-1-1 { - width: 100%; - } - /* Halves */ - .uk-width-large-1-2, - .uk-width-large-2-4, - .uk-width-large-3-6, - .uk-width-large-5-10 { - width: 50%; - } - /* Thirds */ - .uk-width-large-1-3, - .uk-width-large-2-6 { - width: 33.333%; - } - .uk-width-large-2-3, - .uk-width-large-4-6 { - width: 66.666%; - } - /* Quarters */ - .uk-width-large-1-4 { - width: 25%; - } - .uk-width-large-3-4 { - width: 75%; - } - /* Fifths */ - .uk-width-large-1-5, - .uk-width-large-2-10 { - width: 20%; - } - .uk-width-large-2-5, - .uk-width-large-4-10 { - width: 40%; - } - .uk-width-large-3-5, - .uk-width-large-6-10 { - width: 60%; - } - .uk-width-large-4-5, - .uk-width-large-8-10 { - width: 80%; - } - /* Sixths */ - .uk-width-large-1-6 { - width: 16.666%; - } - .uk-width-large-5-6 { - width: 83.333%; - } - /* Tenths */ - .uk-width-large-1-10 { - width: 10%; - } - .uk-width-large-3-10 { - width: 30%; - } - .uk-width-large-7-10 { - width: 70%; - } - .uk-width-large-9-10 { - width: 90%; - } -} -/* Sub-object: `uk-push-*` and `uk-pull-*` - ========================================================================== */ -/* - * Source ordering - * Works only with `uk-width-medium-*` - */ -/* Only tablets and desktop */ -@media (min-width: 768px) { - [class*='uk-push-'], - [class*='uk-pull-'] { - position: relative; - } - /* - * Push - */ - /* Halves */ - .uk-push-1-2, - .uk-push-2-4, - .uk-push-3-6, - .uk-push-5-10 { - left: 50%; - } - /* Thirds */ - .uk-push-1-3, - .uk-push-2-6 { - left: 33.333%; - } - .uk-push-2-3, - .uk-push-4-6 { - left: 66.666%; - } - /* Quarters */ - .uk-push-1-4 { - left: 25%; - } - .uk-push-3-4 { - left: 75%; - } - /* Fifths */ - .uk-push-1-5, - .uk-push-2-10 { - left: 20%; - } - .uk-push-2-5, - .uk-push-4-10 { - left: 40%; - } - .uk-push-3-5, - .uk-push-6-10 { - left: 60%; - } - .uk-push-4-5, - .uk-push-8-10 { - left: 80%; - } - /* Sixths */ - .uk-push-1-6 { - left: 16.666%; - } - .uk-push-5-6 { - left: 83.333%; - } - /* Tenths */ - .uk-push-1-10 { - left: 10%; - } - .uk-push-3-10 { - left: 30%; - } - .uk-push-7-10 { - left: 70%; - } - .uk-push-9-10 { - left: 90%; - } - /* - * Pull - */ - /* Halves */ - .uk-pull-1-2, - .uk-pull-2-4, - .uk-pull-3-6, - .uk-pull-5-10 { - left: -50%; - } - /* Thirds */ - .uk-pull-1-3, - .uk-pull-2-6 { - left: -33.333%; - } - .uk-pull-2-3, - .uk-pull-4-6 { - left: -66.666%; - } - /* Quarters */ - .uk-pull-1-4 { - left: -25%; - } - .uk-pull-3-4 { - left: -75%; - } - /* Fifths */ - .uk-pull-1-5, - .uk-pull-2-10 { - left: -20%; - } - .uk-pull-2-5, - .uk-pull-4-10 { - left: -40%; - } - .uk-pull-3-5, - .uk-pull-6-10 { - left: -60%; - } - .uk-pull-4-5, - .uk-pull-8-10 { - left: -80%; - } - /* Sixths */ - .uk-pull-1-6 { - left: -16.666%; - } - .uk-pull-5-6 { - left: -83.333%; - } - /* Tenths */ - .uk-pull-1-10 { - left: -10%; - } - .uk-pull-3-10 { - left: -30%; - } - .uk-pull-7-10 { - left: -70%; - } - .uk-pull-9-10 { - left: -90%; - } -} -/* ======================================================================== - Component: Panel - ========================================================================== */ -/* - * 1. Needed for `a` elements - * 2. Create position context for badges - */ -.uk-panel { - /* 1 */ - display: block; - /* 2 */ - position: relative; -} -/* - * Micro clearfix to make panels more robust - */ -.uk-panel:before, -.uk-panel:after { - content: " "; - display: table; -} -.uk-panel:after { - clear: both; -} -/* - * Remove margin from the last-child if not `uk-widget-title` - */ -.uk-panel > :not(.uk-panel-title):last-child { - margin-bottom: 0; -} -/* Sub-object: `uk-panel-title` - ========================================================================== */ -.uk-panel-title { - margin-top: 0; - margin-bottom: 15px; - font-size: 18px; - line-height: 24px; - font-weight: normal; - text-transform: none; - color: #444444; -} -/* Sub-object: `uk-panel-badge` - ========================================================================== */ -.uk-panel-badge { - position: absolute; - top: 0; - right: 0; - z-index: 1; -} -/* Modifier: `uk-panel-box` - ========================================================================== */ -.uk-panel-box { - padding: 15px; - background: #fafafa; - color: #444444; - border: 1px solid #dddddd; - border-radius: 4px; -} -.uk-panel-box .uk-panel-title { - color: #444444; -} -.uk-panel-box .uk-panel-badge { - top: 10px; - right: 10px; -} -.uk-panel-box .uk-panel-teaser { - margin: -16px -16px 15px -16px; -} -/* - * Nav in panel - */ -.uk-panel-box > .uk-nav-side { - margin: 0 -15px; -} -/* - * Sub-modifier: `uk-panel-box-primary` - */ -.uk-panel-box-primary { - background-color: #ebf7fd; - color: #2d7091; - border-color: rgba(45, 112, 145, 0.3); -} -.uk-panel-box-primary .uk-panel-title { - color: #2d7091; -} -/* - * Sub-modifier: `uk-panel-box-secondary` - */ -.uk-panel-box-secondary { - background-color: #ffffff; - color: #444444; -} -.uk-panel-box-secondary .uk-panel-title { - color: #444444; -} -/* Modifier: `uk-panel-header` - ========================================================================== */ -.uk-panel-header .uk-panel-title { - padding-bottom: 10px; - border-bottom: 1px solid #dddddd; - color: #444444; -} -/* Modifier: `uk-panel-space` - ========================================================================== */ -.uk-panel-space { - padding: 30px; -} -.uk-panel-space .uk-panel-badge { - top: 30px; - right: 30px; -} -/* Modifier: `uk-panel-divider` - ========================================================================== */ -.uk-panel + .uk-panel-divider { - margin-top: 50px !important; -} -.uk-panel + .uk-panel-divider:before { - content: ""; - display: block; - position: absolute; - top: -25px; - left: 0; - right: 0; - border-top: 1px solid #dddddd; -} -/* Only large screens */ -@media (min-width: 1220px) { - .uk-panel + .uk-panel-divider { - margin-top: 70px !important; - } - .uk-panel + .uk-panel-divider:before { - top: -35px; - } -} -.uk-panel-box img { - border-top-left-radius: 4px; - border-top-right-radius: 4px; -} -/* ======================================================================== - Component: Article - ========================================================================== */ -/* - * Micro clearfix to make articles more robust - */ -.uk-article:before, -.uk-article:after { - content: " "; - display: table; -} -.uk-article:after { - clear: both; -} -/* - * Remove margin from the last-child - */ -.uk-article > :last-child { - margin-bottom: 0; -} -/* - * Vertical gutter for articles - */ -.uk-article + .uk-article { - margin-top: 15px; -} -/* Sub-object `uk-article-title` - ========================================================================== */ -.uk-article-title { - font-size: 36px; - line-height: 42px; - font-weight: normal; - text-transform: none; -} -.uk-article-title a { - color: inherit; - text-decoration: none; -} -/* Sub-object `uk-article-meta` - ========================================================================== */ -.uk-article-meta { - font-size: 12px; - line-height: 18px; - color: #999999; -} -/* Sub-object `uk-article-lead` - ========================================================================== */ -.uk-article-lead { - color: #444444; - font-size: 18px; - line-height: 24px; - font-weight: normal; -} -/* Sub-object `uk-article-divider` - ========================================================================== */ -.uk-article-divider { - margin-bottom: 25px; - border-color: #dddddd; -} -* + .uk-article-divider { - margin-top: 25px; -} -.uk-article + .uk-article { - padding-top: 15px; - border-top: 1px solid #dddddd; -} -/* ======================================================================== - Component: Comment - ========================================================================== */ -/* Sub-object `uk-comment-header` - ========================================================================== */ -.uk-comment-header { - margin-bottom: 15px; - padding: 10px; - border: 1px solid #dddddd; - border-radius: 4px; - background: #fafafa; -} -/* - * Micro clearfix - */ -.uk-comment-header:before, -.uk-comment-header:after { - content: " "; - display: table; -} -.uk-comment-header:after { - clear: both; -} -/* Sub-object `uk-comment-avatar` - ========================================================================== */ -.uk-comment-avatar { - margin-right: 15px; - float: left; -} -/* Sub-object `uk-comment-title` - ========================================================================== */ -.uk-comment-title { - margin: 5px 0 0 0; - font-size: 16px; - line-height: 22px; -} -/* Sub-object `uk-comment-meta` - ========================================================================== */ -.uk-comment-meta { - margin: 2px 0 0 0; - font-size: 11px; - line-height: 16px; - color: #999999; -} -/* Sub-object `uk-comment-body` - ========================================================================== */ -/* - * Remove margin from the last-child - */ -.uk-comment-body > :last-child { - margin-bottom: 0; -} -/* Sub-object `uk-comment-list` - ========================================================================== */ -.uk-comment-list { - padding: 0; - list-style: none; -} -.uk-comment-list .uk-comment + ul { - margin: 25px 0 0 0; - list-style: none; -} -.uk-comment-list > li:nth-child(n+2), -.uk-comment-list .uk-comment + ul > li:nth-child(n+2) { - margin-top: 25px; -} -/* Only tablets and desktops */ -@media (min-width: 768px) { - .uk-comment-list .uk-comment + ul { - padding-left: 100px; - } -} -/* Modifier `uk-comment-primary` - ========================================================================== */ -/* Sub-object `uk-comment-body` - ========================================================================== */ -.uk-comment-body { - padding-left: 10px; - padding-right: 10px; -} -.uk-comment-primary .uk-comment-header { - border-color: rgba(45, 112, 145, 0.3); - background-color: #ebf7fd; - color: #2d7091; - text-shadow: 0 1px 0 #ffffff; -} -/* ======================================================================== - Component: Nav - ========================================================================== */ -.uk-nav, -.uk-nav ul { - margin: 0; - padding: 0; - list-style: none; -} -/* - * Items - */ -.uk-nav li > a { - display: block; - text-decoration: none; -} -.uk-nav > li > a { - padding: 5px 15px; -} -/* - * Nested items - */ -.uk-nav ul { - padding-left: 15px; -} -.uk-nav ul a { - padding: 2px 0; -} -/* - * Item subtitle - */ -.uk-nav li > a > div { - font-size: 12px; - line-height: 18px; -} -/* Sub-object: `uk-nav-header` - ========================================================================== */ -.uk-nav-header { - padding: 5px 15px; - text-transform: uppercase; - font-weight: bold; - font-size: 12px; -} -.uk-nav-header:not(:first-child) { - margin-top: 15px; -} -/* Sub-object: `uk-nav-divider` - ========================================================================== */ -.uk-nav-divider { - margin: 9px 15px; -} -/* Sub-object: `uk-nav-sub` - ========================================================================== */ -/* - * `ul` needed for higher specificity to override padding - */ -ul.uk-nav-sub { - padding: 5px 0 5px 15px; -} -/* Modifier: `uk-nav-parent-icon` - ========================================================================== */ -.uk-nav-parent-icon > .uk-parent > a:after { - content: "\f104"; - width: 20px; - margin-right: -10px; - float: right; - font-family: FontAwesome; - text-align: center; -} -.uk-nav-parent-icon > .uk-parent.uk-open > a:after { - content: "\f107"; -} -/* Modifier `uk-nav-side` - ========================================================================== */ -/* - * Items - */ -.uk-nav-side > li > a { - color: #444444; -} -/* - * Hover - * 1. Apply hover style also to focus state - * 2. Remove default focus style - */ -.uk-nav-side > li > a:hover, -.uk-nav-side > li > a:focus { - background: rgba(0, 0, 0, 0.03); - color: #444444; - /* 2 */ - outline: none; - box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1); - text-shadow: 0 -1px 0 #ffffff; -} -/* Active */ -.uk-nav-side > li.uk-active > a { - background: #009dd8; - color: #ffffff; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2); - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); -} -/* - * Sub-object: `uk-nav-header` - */ -.uk-nav-side .uk-nav-header { - color: #444444; -} -/* - * Sub-object: `uk-nav-divider` - */ -.uk-nav-side .uk-nav-divider { - border-top: 1px solid #dddddd; - box-shadow: 0 1px 0 #ffffff; -} -/* - * Nested items - */ -.uk-nav-side ul a { - color: #0077dd; -} -.uk-nav-side ul a:hover { - color: #005599; -} -/* Modifier `uk-nav-dropdown` - ========================================================================== */ -/* - * Items - */ -.uk-nav-dropdown > li > a { - color: #444444; -} -/* - * Hover - * 1. Apply hover style also to focus state - * 2. Remove default focus style - */ -.uk-nav-dropdown > li > a:hover, -.uk-nav-dropdown > li > a:focus { - background: #009dd8; - color: #ffffff; - /* 2 */ - outline: none; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2); - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); -} -/* - * Sub-object: `uk-nav-header` - */ -.uk-nav-dropdown .uk-nav-header { - color: #999999; -} -/* - * Sub-object: `uk-nav-divider` - */ -.uk-nav-dropdown .uk-nav-divider { - border-top: 1px solid #dddddd; -} -/* - * Nested items - */ -.uk-nav-dropdown ul a { - color: #0077dd; -} -.uk-nav-dropdown ul a:hover { - color: #005599; -} -/* Modifier `uk-nav-navbar` - ========================================================================== */ -/* - * Items - */ -.uk-nav-navbar > li > a { - color: #444444; -} -/* - * Hover - * 1. Apply hover style also to focus state - * 2. Remove default focus style - */ -.uk-nav-navbar > li > a:hover, -.uk-nav-navbar > li > a:focus { - background: #009dd8; - color: #ffffff; - /* 2 */ - outline: none; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2); - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); -} -/* - * Sub-object: `uk-nav-header` - */ -.uk-nav-navbar .uk-nav-header { - color: #999999; -} -/* - * Sub-object: `uk-nav-divider` - */ -.uk-nav-navbar .uk-nav-divider { - border-top: 1px solid #dddddd; -} -/* - * Nested items - */ -.uk-nav-navbar ul a { - color: #0077dd; -} -.uk-nav-navbar ul a:hover { - color: #005599; -} -/* Modifier `uk-nav-search` - ========================================================================== */ -/* - * Items - */ -.uk-nav-search > li > a { - color: #444444; - text-shadow: none; -} -/* - * Active - * 1. Remove default focus style - */ -.uk-nav-search > li.uk-active > a { - background: #009dd8; - color: #ffffff; - /* 1 */ - outline: none; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2); - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); -} -/* - * Sub-object: `uk-nav-header` - */ -.uk-nav-search .uk-nav-header { - color: #999999; - text-shadow: none; -} -/* - * Sub-object: `uk-nav-divider` - */ -.uk-nav-search .uk-nav-divider { - border-top: 1px solid #dddddd; -} -/* - * Nested items - */ -.uk-nav-search ul a { - color: #0077dd; -} -.uk-nav-search ul a:hover { - color: #005599; -} -/* Modifier `uk-nav-offcanvas` - ========================================================================== */ -/* - * Items - */ -.uk-nav-offcanvas > li > a { - color: #cccccc; - padding: 10px 15px; - border-top: 1px solid rgba(0, 0, 0, 0.3); - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05); - text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); -} -/* - * Hover - * No hover on touch devices because it behaves buggy in fixed offcanvas - * 1. Apply hover style also to focus state - * 2. Remove default focus style - */ -.uk-nav-offcanvas > .uk-open > a, -html:not(.uk-touch) .uk-nav-offcanvas > li > a:hover, -html:not(.uk-touch) .uk-nav-offcanvas > li > a:focus { - background: #404040; - color: #ffffff; - /* 2 */ - outline: none; -} -/* - * Active - * `html .uk-nav` needed for higher specificity to override hover - */ -html .uk-nav.uk-nav-offcanvas > li.uk-active > a { - background: #1a1a1a; - color: #ffffff; - box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3); -} -/* - * Sub-object: `uk-nav-header` - */ -.uk-nav-offcanvas .uk-nav-header { - color: #777777; - margin-top: 0; - border-top: 1px solid rgba(0, 0, 0, 0.3); - background: #404040; - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05); - text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); -} -/* - * Sub-object: `uk-nav-divider` - */ -.uk-nav-offcanvas .uk-nav-divider { - border-top: 1px solid rgba(255, 255, 255, 0.01); - margin: 0; - height: 4px; - background: rgba(0, 0, 0, 0.2); - box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3); -} -/* - * Nested items - * No hover on touch devices because it behaves buggy in fixed offcanvas - */ -.uk-nav-offcanvas ul a { - color: #cccccc; -} -html:not(.uk-touch) .uk-nav-offcanvas ul a:hover { - color: #ffffff; -} -/* - * Modifier `uk-nav-offcanvas` - */ -.uk-nav-offcanvas { - border-bottom: 1px solid rgba(0, 0, 0, 0.3); - box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05); -} -/* - * Sub-object: `uk-nav-sub` - */ -.uk-nav-offcanvas .uk-nav-sub { - border-top: 1px solid rgba(0, 0, 0, 0.3); - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05); -} -/* ======================================================================== - Component: Navbar - ========================================================================== */ -.uk-navbar { - background: #f7f7f7; - color: #444444; - border: 1px solid rgba(0, 0, 0, 0.1); - border-bottom-color: rgba(0, 0, 0, 0.3); - background-origin: border-box; - background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee); - background-image: linear-gradient(to bottom, #ffffff, #eeeeee); -} -/* - * Micro clearfix - */ -.uk-navbar:before, -.uk-navbar:after { - content: " "; - display: table; -} -.uk-navbar:after { - clear: both; -} -/* Sub-object: `uk-navbar-nav` - ========================================================================== */ -.uk-navbar-nav { - margin: 0; - padding: 0; - list-style: none; - float: left; -} -/* - * 1. Create position context for dropdowns - */ -.uk-navbar-nav > li { - float: left; - /* 1 */ - position: relative; -} -/* - * 1. Dimensions - * 2. Style - */ -.uk-navbar-nav > li > a { - display: block; - -moz-box-sizing: border-box; - box-sizing: border-box; - text-decoration: none; - /* 1 */ - height: 40px; - padding: 0 15px; - line-height: 40px; - /* 2 */ - color: #444444; - font-size: 14px; - font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; - font-weight: normal; - margin-top: -1px; - margin-left: -1px; - height: 41px; - border: 1px solid transparent; - border-bottom-width: 0; - text-shadow: 0 1px 0 #ffffff; -} -/* Appear not as link */ -.uk-navbar-nav > li > a[href='#'] { - cursor: text; -} -/* - * Hover - * 1. Apply hover style also to focus state - * 2. Also apply if dropdown is opened - * 3. Remove default focus style - */ -.uk-navbar-nav > li:hover > a, -.uk-navbar-nav > li > a:focus, -.uk-navbar-nav > li.uk-open > a { - background-color: transparent; - color: #444444; - /* 3 */ - outline: none; - position: relative; - z-index: 1; - border-left-color: rgba(0, 0, 0, 0.1); - border-right-color: rgba(0, 0, 0, 0.1); - border-top-color: rgba(0, 0, 0, 0.1); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1); -} -/* OnClick */ -.uk-navbar-nav > li > a:active { - background-color: #f5f5f5; - color: #444444; - border-left-color: rgba(0, 0, 0, 0.1); - border-right-color: rgba(0, 0, 0, 0.1); - border-top-color: rgba(0, 0, 0, 0.2); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1); -} -/* Active */ -.uk-navbar-nav > li.uk-active > a { - background-color: #fafafa; - color: #444444; - border-left-color: rgba(0, 0, 0, 0.1); - border-right-color: rgba(0, 0, 0, 0.1); - border-top-color: rgba(0, 0, 0, 0.2); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1); -} -/* Sub-objects: `uk-navbar-nav-subtitle` - ========================================================================== */ -.uk-navbar-nav .uk-navbar-nav-subtitle { - line-height: 28px; -} -.uk-navbar-nav-subtitle > div { - margin-top: -6px; - font-size: 10px; - line-height: 12px; -} -/* Sub-objects: `uk-navbar-content`, `uk-navbar-brand`, `uk-navbar-toggle` - ========================================================================== */ -/* - * Imitate navbar items - */ -.uk-navbar-content, -.uk-navbar-brand, -.uk-navbar-toggle { - -moz-box-sizing: border-box; - box-sizing: border-box; - display: block; - height: 40px; - padding: 0 15px; - float: left; - text-shadow: 0 1px 0 #ffffff; -} -/* - * Helper to center all child elements vertically - */ -.uk-navbar-content:before, -.uk-navbar-brand:before, -.uk-navbar-toggle:before { - content: ''; - display: inline-block; - height: 100%; - vertical-align: middle; -} -/* Sub-objects: `uk-navbar-content` - ========================================================================== */ -/* - * Better sibling spacing - */ -.uk-navbar-content + .uk-navbar-content:not(.uk-navbar-center) { - padding-left: 0; -} -/* - * Link colors - */ -.uk-navbar-content > a:not([class]) { - color: #0077dd; -} -.uk-navbar-content > a:not([class]):hover { - color: #005599; -} -/* Sub-objects: `uk-navbar-brand` - ========================================================================== */ -.uk-navbar-brand { - font-size: 18px; - color: #444444; -} -/* - * 1. Apply hover style also to focus state - * 2. Remove default focus style - */ -.uk-navbar-brand:hover, -.uk-navbar-brand:focus { - color: #444444; - text-decoration: none; - /* 2 */ - outline: none; -} -/* Sub-object: `uk-navbar-toggle` - ========================================================================== */ -.uk-navbar-toggle { - font-size: 18px; - color: #444444; -} -/* - * 1. Apply hover style also to focus state - * 2. Remove default focus style - */ -.uk-navbar-toggle:hover, -.uk-navbar-toggle:focus { - color: #444444; - text-decoration: none; - /* 2 */ - outline: none; -} -/* - * 1. Center icon vertically - */ -.uk-navbar-toggle:after { - content: "\f0c9"; - font-family: FontAwesome; - /* 1 */ - vertical-align: middle; -} -.uk-navbar-toggle-alt:after { - content: "\f002"; -} -/* Sub-object: `uk-navbar-center` - ========================================================================== */ -/* - * The element with this class needs to be last child in the navbar - * 1. This hack is needed because other float elements shift centered text - */ -.uk-navbar-center { - float: none; - text-align: center; - /* 1 */ - max-width: 50%; - margin: auto; -} -/* Sub-object: `uk-navbar-flip` - ========================================================================== */ -.uk-navbar-flip { - float: right; -} -.uk-navbar:not(.uk-navbar-attached) { - border-radius: 4px; -} -/* - * Apply same `border-radius` as `uk-navbar` - */ -.uk-navbar:not(.uk-navbar-attached) .uk-navbar-nav:first-child > li:first-child > a { - border-top-left-radius: 4px; - border-bottom-left-radius: 4px; -} -/* - * Sub-modifier `uk-navbar-flip` - */ -.uk-navbar .uk-navbar-flip .uk-navbar-nav > li > a { - margin-left: 0; - margin-right: -1px; -} -.uk-navbar .uk-navbar-flip .uk-navbar-nav:first-child > li:first-child > a { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -.uk-navbar:not(.uk-navbar-attached) .uk-navbar-flip .uk-navbar-nav:last-child > li:last-child > a { - border-top-right-radius: 4px; - border-bottom-right-radius: 4px; -} -/* ======================================================================== - Component: Subnav - ========================================================================== */ -/* - * 1. Remove default list style - * 2. Remove whitespace between child elements when using `inline-block` - */ -.uk-subnav { - /* 1 */ - padding: 0; - list-style: none; - /* 2 */ - letter-spacing: -0.31em; -} -/* Items - ========================================================================== */ -/* - * 1. Create position context for dropdowns - * 2. Reset whitespace hack - */ -.uk-subnav > li { - /* 1 */ - position: relative; - /* 2 */ - letter-spacing: normal; -} -.uk-subnav > li, -.uk-subnav > li > a, -.uk-subnav > li > span { - display: inline-block; -} -.uk-subnav > li:nth-child(n+2) { - margin-left: 10px; -} -/* - * Items - */ -.uk-subnav > li > a { - color: #0077dd; -} -.uk-subnav > li > a:hover { - color: #005599; -} -/* - * Disabled - */ -.uk-subnav > li > span { - color: #999999; -} -/* Modifier: 'subnav-line' - ========================================================================== */ -.uk-subnav-line > li:nth-child(n+2):before { - content: ""; - display: inline-block; - height: 10px; - margin-right: 10px; - border-left: 1px solid #dddddd; -} -/* Modifier: 'subnav-pill' - ========================================================================== */ -.uk-subnav-pill > li > a, -.uk-subnav-pill > li > span { - padding: 3px 9px; - text-decoration: none; - border-radius: 4px; -} -/* - * Hover - * 1. Apply hover style also to focus state - * 2. Remove default focus style - */ -.uk-subnav-pill > li > a:hover, -.uk-subnav-pill > li > a:focus { - background: #fafafa; - color: #444444; - /* 2 */ - outline: none; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); -} -/* - * Active - * `li` needed for higher specificity to override hover - */ -.uk-subnav-pill > li.uk-active > a { - background: #009dd8; - color: #ffffff; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2); -} -/* ======================================================================== - Component: Breadcrumb - ========================================================================== */ -/* - * 1. Remove default list style - * 2. Remove whitespace between child elements when using `inline-block` - */ -.uk-breadcrumb { - /* 1 */ - padding: 0; - list-style: none; - /* 2 */ - letter-spacing: -0.31em; -} -/* Items - ========================================================================== */ -/* - * Reset whitespace hack - */ -.uk-breadcrumb > li { - letter-spacing: normal; -} -.uk-breadcrumb > li, -.uk-breadcrumb > li > a, -.uk-breadcrumb > li > span { - display: inline-block; -} -.uk-breadcrumb > li:nth-child(n+2):before { - content: "/"; - display: inline-block; - margin: 0 8px; -} -/* - * Disabled - */ -.uk-breadcrumb > li:not(.uk-active) > span { - color: #999999; -} -/* ======================================================================== - Component: Pagination - ========================================================================== */ -/* - * 1. Remove default list style - * 2. Center pagination by default - * 3. Remove whitespace between child elements when using `inline-block` - */ -.uk-pagination { - /* 1 */ - padding: 0; - list-style: none; - /* 2 */ - text-align: center; - /* 3 */ - letter-spacing: -0.31em; -} -/* - * Micro clearfix - * Needed if `uk-pagination-previous` or `uk-pagination-next` sub-objects are used - */ -.uk-pagination:before, -.uk-pagination:after { - content: " "; - display: table; -} -.uk-pagination:after { - clear: both; -} -/* Items - ========================================================================== */ -/* - * 1. Reset whitespace hack - */ -.uk-pagination > li { - display: inline-block; - /* 1 */ - letter-spacing: normal; -} -.uk-pagination > li:nth-child(n+2) { - margin-left: 5px; -} -/* - * 1. Makes pagination more robust against different box-sizing use - * 2. Reset text-align to center if alignment modifier is used - */ -.uk-pagination > li > a, -.uk-pagination > li > span { - display: inline-block; - min-width: 16px; - padding: 3px 5px; - line-height: 20px; - text-decoration: none; - /* 1 */ - -moz-box-sizing: content-box; - box-sizing: content-box; - /* 2 */ - text-align: center; - border-radius: 4px; -} -/* - * Links - */ -.uk-pagination > li > a { - background: #f7f7f7; - color: #444444; - border: 1px solid rgba(0, 0, 0, 0.2); - border-bottom-color: rgba(0, 0, 0, 0.3); - background-origin: border-box; - background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee); - background-image: linear-gradient(to bottom, #ffffff, #eeeeee); - text-shadow: 0 1px 0 #ffffff; -} -/* - * Hover - * 1. Apply hover style also to focus state - * 2. Remove default focus style - */ -.uk-pagination > li > a:hover, -.uk-pagination > li > a:focus { - background-color: #fafafa; - color: #444444; - /* 2 */ - outline: none; - background-image: none; -} -/* OnClick */ -.uk-pagination > li > a:active { - background-color: #f5f5f5; - color: #444444; - border-color: rgba(0, 0, 0, 0.2); - border-top-color: rgba(0, 0, 0, 0.3); - background-image: none; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1); -} -/* - * Active - */ -.uk-pagination > .uk-active > span { - background: #009dd8; - color: #ffffff; - border: 1px solid rgba(0, 0, 0, 0.2); - border-bottom-color: rgba(0, 0, 0, 0.4); - background-origin: border-box; - background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5); - background-image: linear-gradient(to bottom, #00b4f5, #008dc5); - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); -} -/* - * Disabled - */ -.uk-pagination > .uk-disabled > span { - background-color: #fafafa; - color: #999999; - border: 1px solid rgba(0, 0, 0, 0.2); - text-shadow: 0 1px 0 #ffffff; -} -/* Previous and next navigation - ========================================================================== */ -.uk-pagination-previous { - float: left; -} -.uk-pagination-next { - float: right; -} -/* Alignment modifiers - ========================================================================== */ -.uk-pagination-left { - text-align: left; -} -.uk-pagination-right { - text-align: right; -} -/* ======================================================================== - Component: Tab - ========================================================================== */ -.uk-tab { - margin: 0; - padding: 0; - list-style: none; - border-bottom: 1px solid #dddddd; -} -/* - * Micro clearfix on the deepest container - */ -.uk-tab:before, -.uk-tab:after { - content: " "; - display: table; -} -.uk-tab:after { - clear: both; -} -/* - * Items - * 1. Create position context for dropdowns - */ -.uk-tab > li { - margin-bottom: -1px; - float: left; - /* 1 */ - position: relative; -} -.uk-tab > li > a { - display: block; - padding: 8px 12px 8px 12px; - border: 1px solid transparent; - border-bottom-width: 0; - color: #0077dd; - text-decoration: none; - border-radius: 4px 4px 0 0; - text-shadow: 0 1px 0 #ffffff; -} -.uk-tab > li:nth-child(n+2) > a { - margin-left: 5px; -} -/* - * Hover - * 1. Apply hover style also to focus state - * 2. Also apply if dropdown is opened - * 3. Remove default focus style - */ -.uk-tab > li > a:hover, -.uk-tab > li > a:focus, -.uk-tab > li.uk-open > a { - border-color: #dddddd; - background: #fafafa; - color: #005599; - /* 2 */ - outline: none; -} -.uk-tab > li:not(.uk-active) > a:hover, -.uk-tab > li:not(.uk-active) > a:focus, -.uk-tab > li.uk-open:not(.uk-active) > a { - margin-bottom: 1px; - padding-bottom: 7px; -} -/* Active */ -.uk-tab > li.uk-active > a { - border-color: #dddddd; - border-bottom-color: transparent; - background: #ffffff; - color: #444444; -} -/* Disabled */ -.uk-tab > li.uk-disabled > a { - color: #999999; - cursor: auto; -} -.uk-tab > li.uk-disabled > a:hover, -.uk-tab > li.uk-disabled > a:focus, -.uk-tab > li.uk-disabled.uk-active > a { - background: none; - border-color: transparent; -} -/* Modifier: 'tab-flip' - ========================================================================== */ -.uk-tab-flip > li { - float: right; -} -.uk-tab-flip > li:nth-child(n+2) > a { - margin-left: 0; - margin-right: 5px; -} -/* Modifier: 'tab-responsive' - ========================================================================== */ -/* - * Hidden by default - */ -.uk-tab-responsive { - display: none; -} -.uk-tab-responsive > a:before { - content: "\f0c9\00a0"; - font-family: FontAwesome; -} -/* Only phones */ -@media (max-width: 767px) { - [data-uk-tab] > li { - display: none; - } - [data-uk-tab] > li.uk-tab-responsive { - display: block; - } - [data-uk-tab] > li.uk-tab-responsive > a { - margin-left: 0; - margin-right: 0; - } -} -/* Modifier: 'tab-center' - ========================================================================== */ -.uk-tab-center { - border-bottom: 1px solid #dddddd; -} -.uk-tab-center-bottom { - border-bottom: none; - border-top: 1px solid #dddddd; -} -.uk-tab-center:before, -.uk-tab-center:after { - content: " "; - display: table; -} -.uk-tab-center:after { - clear: both; -} -.uk-tab-center .uk-tab { - position: relative; - left: 50%; - border: none; - float: left; -} -.uk-tab-center .uk-tab > li { - position: relative; - left: -50%; -} -.uk-tab-center .uk-tab > li > a { - text-align: center; -} -/* Modifier: 'tab-bottom' - ========================================================================== */ -.uk-tab-bottom { - border-top: 1px solid #dddddd; - border-bottom: none; -} -.uk-tab-bottom > li { - margin-top: -1px; - margin-bottom: 0; -} -.uk-tab-bottom > li > a { - padding-top: 8px; - padding-bottom: 8px; - border-bottom-width: 1px; - border-top-width: 0; -} -.uk-tab-bottom > li:not(.uk-active) > a:hover, -.uk-tab-bottom > li:not(.uk-active) > a:focus, -.uk-tab-bottom > li.uk-open:not(.uk-active) > a { - margin-bottom: 0; - margin-top: 1px; - padding-bottom: 8px; - padding-top: 7px; -} -.uk-tab-bottom > li.uk-active > a { - border-top-color: transparent; - border-bottom-color: #dddddd; -} -/* Modifier: 'tab-grid' - ========================================================================== */ -/* - * 1. Create position context to prevent hidden border because of negative `z-index` - */ -.uk-tab-grid { - margin-left: -5px; - border-bottom: none; - /* 1 */ - position: relative; - z-index: 0; -} -.uk-tab-grid:before { - display: block; - position: absolute; - left: 5px; - right: 0; - bottom: -1px; - border-top: 1px solid #dddddd; - /* 1 */ - z-index: -1; -} -.uk-tab-grid > li:first-child > a { - margin-left: 5px; -} -.uk-tab-grid > li > a { - text-align: center; -} -/* - * If `uk-tab-bottom` - */ -.uk-tab-grid.uk-tab-bottom { - border-top: none; -} -.uk-tab-grid.uk-tab-bottom:before { - top: -1px; - bottom: auto; -} -/* Modifier: 'tab-left', 'tab-right' - ========================================================================== */ -/* Only tablets and desktops */ -@media (min-width: 768px) { - .uk-tab-left, - .uk-tab-right { - border-bottom: none; - } - .uk-tab-left > li, - .uk-tab-right > li { - margin-bottom: 0; - float: none; - } - .uk-tab-left > li > a, - .uk-tab-right > li > a { - padding-top: 8px; - padding-bottom: 8px; - } - .uk-tab-left > li:nth-child(n+2) > a, - .uk-tab-right > li:nth-child(n+2) > a { - margin-left: 0; - margin-top: 5px; - } - .uk-tab-left > li.uk-active > a, - .uk-tab-right > li.uk-active > a { - border-color: #dddddd; - } - /* - * Modifier: 'tab-left' - */ - .uk-tab-left { - border-right: 1px solid #dddddd; - } - .uk-tab-left > li { - margin-right: -1px; - } - .uk-tab-left > li > a { - border-bottom-width: 1px; - border-right-width: 0; - } - .uk-tab-left > li:not(.uk-active) > a:hover, - .uk-tab-left > li:not(.uk-active) > a:focus { - margin-bottom: 0; - margin-right: 1px; - padding-bottom: 8px; - padding-right: 11px; - } - .uk-tab-left > li.uk-active > a { - border-right-color: transparent; - } - /* - * Modifier: 'tab-right' - */ - .uk-tab-right { - border-left: 1px solid #dddddd; - } - .uk-tab-right > li { - margin-left: -1px; - } - .uk-tab-right > li > a { - border-bottom-width: 1px; - border-left-width: 0; - } - .uk-tab-right > li:not(.uk-active) > a:hover, - .uk-tab-right > li:not(.uk-active) > a:focus { - margin-bottom: 0; - margin-left: 1px; - padding-bottom: 8px; - padding-left: 11px; - } - .uk-tab-right > li.uk-active > a { - border-left-color: transparent; - } -} -/* Modifier: `uk-tab-bottom' - ========================================================================== */ -.uk-tab-bottom > li > a { - border-radius: 0 0 4px 4px; -} -/* Modifier: `uk-tab-left', `uk-tab-right' - ========================================================================== */ -/* Only tablets and desktops */ -@media (min-width: 768px) { - /* - * Modifier: `uk-tab-left' - */ - .uk-tab-left > li > a { - border-radius: 4px 0 0 4px; - } - /* - * Modifier: `uk-tab-right' - */ - .uk-tab-right > li > a { - border-radius: 0 4px 4px 0; - } -} -/* ======================================================================== - Component: List - ========================================================================== */ -.uk-list { - padding: 0; - list-style: none; -} -/* - * Nested lists - */ -.uk-list ul { - margin: 0; - padding-left: 20px; - list-style: none; -} -/* Modifier: `uk-list-line` - ========================================================================== */ -.uk-list-line > li:nth-child(n+2) { - margin-top: 5px; - padding-top: 5px; - border-top: 1px solid #dddddd; -} -/* Modifier: `uk-list-striped` - ========================================================================== */ -.uk-list-striped > li { - padding: 5px 5px; - border-bottom: 1px solid #dddddd; -} -.uk-list-striped > li:nth-of-type(odd) { - background: #fafafa; -} -/* Modifier: `uk-list-space` - ========================================================================== */ -.uk-list-space > li:nth-child(n+2) { - margin-top: 10px; -} -.uk-list-striped > li:first-child { - border-top: 1px solid #dddddd; -} -/* ======================================================================== - Component: Description list - ========================================================================== */ -/* Modifier: `uk-description-list-horizontal` - ========================================================================== */ -/* Only tablets and desktops */ -@media (min-width: 768px) { - .uk-description-list-horizontal { - overflow: hidden; - } - .uk-description-list-horizontal > dt { - width: 160px; - float: left; - clear: both; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } - .uk-description-list-horizontal > dd { - margin-left: 180px; - } -} -/* Modifier: `uk-description-list-line` - ========================================================================== */ -.uk-description-list-line > dt { - font-weight: normal; -} -.uk-description-list-line > dt:nth-child(n+2) { - margin-top: 5px; - padding-top: 5px; - border-top: 1px solid #dddddd; -} -.uk-description-list-line > dd { - color: #999999; -} -/* ======================================================================== - Component: Table - ========================================================================== */ -/* - * Block element behavior - */ -.uk-table { - width: 100%; - margin-bottom: 15px; -} -/* - * Add margin if adjacent element - */ -* + .uk-table { - margin-top: 15px; -} -.uk-table th, -.uk-table td { - padding: 8px 8px; - border-bottom: 1px solid #dddddd; -} -/* - * Set alignment - */ -.uk-table th { - text-align: left; -} -.uk-table td { - vertical-align: top; -} -.uk-table thead th { - vertical-align: bottom; -} -/* - * Caption and footer - */ -.uk-table caption, -.uk-table tfoot { - font-size: 12px; - font-style: italic; -} -.uk-table caption { - text-align: left; - color: #999999; -} -/* Sub-modifier: `uk-table-middel` - ========================================================================== */ -.uk-table-middle, -.uk-table-middle td { - vertical-align: middle !important; -} -/* Modifier: `uk-table-striped` - ========================================================================== */ -.uk-table-striped tbody tr:nth-of-type(odd) { - background: #fafafa; -} -/* Modifier: `uk-table-condensed` - ========================================================================== */ -.uk-table-condensed td { - padding: 4px 8px; -} -/* Modifier: `uk-table-hover` - ========================================================================== */ -.uk-table-hover tbody tr:hover { - background: #f0f0f0; -} -/* ======================================================================== - Component: Form - ========================================================================== */ -/* - * Remove margin from the last-child - */ -.uk-form > :last-child { - margin-bottom: 0; -} -/* - * Controls - * Except for `range`, `radio`, `checkbox`, `file`, `submit`, `reset`, `button` and `image` - * 1. Must be `height` because `min-height` is not working in OSX - * 2. Responsiveness: Sets a maximum width relative to the parent to scale on narrower viewports - * 3. Vertical `padding` needed for `select` elements in Firefox - * 4. Style - */ -.uk-form select, -.uk-form textarea, -.uk-form input:not([type]), -.uk-form input[type="text"], -.uk-form input[type="password"], -.uk-form input[type="datetime"], -.uk-form input[type="datetime-local"], -.uk-form input[type="date"], -.uk-form input[type="month"], -.uk-form input[type="time"], -.uk-form input[type="week"], -.uk-form input[type="number"], -.uk-form input[type="email"], -.uk-form input[type="url"], -.uk-form input[type="search"], -.uk-form input[type="tel"], -.uk-form input[type="color"] { - /* 1 */ - height: 30px; - /* 2 */ - max-width: 100%; - /* 3 */ - padding: 4px 6px; - /* 4 */ - border: 1px solid #dddddd; - background: #ffffff; - color: #444444; - -webkit-transition: all linear 0.2s; - transition: all linear 0.2s; - border-radius: 4px; - /* Focus state */ - /* Disabled state */ -} -.uk-form select:focus, -.uk-form textarea:focus, -.uk-form input:not([type]):focus, -.uk-form input[type="text"]:focus, -.uk-form input[type="password"]:focus, -.uk-form input[type="datetime"]:focus, -.uk-form input[type="datetime-local"]:focus, -.uk-form input[type="date"]:focus, -.uk-form input[type="month"]:focus, -.uk-form input[type="time"]:focus, -.uk-form input[type="week"]:focus, -.uk-form input[type="number"]:focus, -.uk-form input[type="email"]:focus, -.uk-form input[type="url"]:focus, -.uk-form input[type="search"]:focus, -.uk-form input[type="tel"]:focus, -.uk-form input[type="color"]:focus { - border-color: #99baca; - outline: 0; - background: #f5fbfe; - color: #444444; -} -.uk-form select:disabled, -.uk-form textarea:disabled, -.uk-form input:not([type]):disabled, -.uk-form input[type="text"]:disabled, -.uk-form input[type="password"]:disabled, -.uk-form input[type="datetime"]:disabled, -.uk-form input[type="datetime-local"]:disabled, -.uk-form input[type="date"]:disabled, -.uk-form input[type="month"]:disabled, -.uk-form input[type="time"]:disabled, -.uk-form input[type="week"]:disabled, -.uk-form input[type="number"]:disabled, -.uk-form input[type="email"]:disabled, -.uk-form input[type="url"]:disabled, -.uk-form input[type="search"]:disabled, -.uk-form input[type="tel"]:disabled, -.uk-form input[type="color"]:disabled { - border-color: #dddddd; - background-color: #fafafa; - color: #999999; -} -/* - * Placeholder - * 1. Higher specificity needed to override color in IE - */ -.uk-form :-ms-input-placeholder { - color: #999999 !important; -} -/* 1. */ -.uk-form ::-moz-placeholder { - color: #999999; -} -.uk-form ::-webkit-input-placeholder { - color: #999999; -} -.uk-form :disabled:-ms-input-placeholder { - color: #999999 !important; -} -/* 1. */ -.uk-form :disabled::-moz-placeholder { - color: #999999; -} -.uk-form :disabled::-webkit-input-placeholder { - color: #999999; -} -/* - * Legend style - * 1. `margin-bottom` is not working in Safari and Opera. - * Using `padding` and :after instead to create the border - * 2. Style - */ -.uk-form legend { - width: 100%; - /* 1 */ - padding-bottom: 15px; - /* 2 */ - font-size: 18px; - line-height: 30px; -} -/* 1 */ -.uk-form legend:after { - content: ""; - display: block; - border-bottom: 1px solid #dddddd; -} -/* Size modifiers - * Using !important to keep the selector simple - ========================================================================== */ -.uk-form-small { - height: 25px !important; - padding: 3px 3px !important; - font-size: 12px; -} -.uk-form-large { - height: 40px !important; - padding: 8px 6px !important; - font-size: 16px; -} -/* Reset height - * Must be after size modifiers - ========================================================================== */ -.uk-form textarea, -.uk-form select[multiple], -.uk-form select[size] { - height: auto !important; -} -/* Validation states - * Using !important to keep the selector simple - ========================================================================== */ -/* - * Error state - */ -.uk-form-danger { - border-color: #dc8d99 !important; - background: #fff7f8 !important; - color: #c91032 !important; -} -/* - * Success state - */ -.uk-form-success { - border-color: #8ec73b !important; - background: #fafff2 !important; - color: #539022 !important; -} -/* Style modifiers - * Using !important to keep the selector simple - ========================================================================== */ -/* - * Blank form - */ -.uk-form-blank { - border-color: transparent !important; - border-style: dashed !important; - background: none !important; -} -.uk-form-blank:focus { - border-color: #dddddd !important; -} -/* Size sub-modifiers - ========================================================================== */ -/* - * Fixed widths - * Different widths for mini sized `input` and `select` elements - */ -input.uk-form-width-mini { - width: 40px; -} -select.uk-form-width-mini { - width: 65px; -} -.uk-form-width-small { - width: 130px; -} -.uk-form-width-medium { - width: 200px; -} -.uk-form-width-large { - width: 500px; -} -/* Sub-objects: `uk-form-row` - * Groups labels and controls in rows - ========================================================================== */ -/* - * Micro clearfix - * Needed for `uk-form-horizontal` modifier - */ -.uk-form-row:before, -.uk-form-row:after { - content: " "; - display: table; -} -.uk-form-row:after { - clear: both; -} -/* - * Vertical gutter - */ -.uk-form-row + .uk-form-row { - margin-top: 15px; -} -/* Help text - * Sub-object: `uk-form-help-inline`, `uk-form-help-block` - ========================================================================== */ -.uk-form-help-inline { - display: inline-block; - margin: 0 0 0 10px; -} -.uk-form-help-block { - margin: 5px 0 0 0; -} -/* Controls content - * Sub-object: `uk-form-controls`, `uk-form-controls-condensed` - ========================================================================== */ -/* - * Remove margins - */ -.uk-form-controls > :first-child { - margin-top: 0; -} -.uk-form-controls > :last-child { - margin-bottom: 0; -} -/* - * Group controls and text into blocks with a small spacing between blocks - */ -.uk-form-controls-condensed { - margin: 5px 0; -} -/* Modifier: `uk-form-stacked` - * Requrires sub-object: `uk-form-label` - ========================================================================== */ -.uk-form-stacked .uk-form-label { - display: block; - margin-bottom: 5px; - font-weight: bold; -} -/* Modifier: `uk-form-horizontal` - * Requrires sub-objects: `uk-form-label`, `uk-form-controls` - ========================================================================== */ -/* Only phones and tablets portrait */ -@media (max-width: 959px) { - /* Behave like `uk-form-stacked` */ - .uk-form-horizontal .uk-form-label { - display: block; - margin-bottom: 5px; - font-weight: bold; - } -} -/* Only tablets and desktops */ -@media (min-width: 960px) { - .uk-form-horizontal .uk-form-label { - width: 200px; - margin-top: 5px; - float: left; - } - .uk-form-horizontal .uk-form-controls { - margin-left: 215px; - } - /* Better vertical alignment if controls are checkboxes and radio buttons with text */ - .uk-form-horizontal .uk-form-controls-text { - padding-top: 5px; - } -} -/* Sub-object: `uk-form-icon` - ========================================================================== */ -.uk-form-icon { - position: relative; - display: inline-block; - max-width: 100%; -} -.uk-form-icon > [class*='uk-icon-'] { - position: absolute; - top: 50%; - width: 30px; - margin-top: -7px; - font-size: 14px; - color: #999999; - text-align: center; -} -.uk-form-icon:not(.uk-form-icon-flip) > input { - padding-left: 30px !important; -} -/* - * Sub-modifier: `uk-form-icon-flip` - */ -.uk-form-icon-flip > [class*='uk-icon-'] { - right: 0; -} -.uk-form-icon-flip > input { - padding-right: 30px !important; -} -/* ======================================================================== - Component: Button - ========================================================================== */ -/* - * 1. Required for `a` elements - * 2. Required for `button` and `input` elements - * 3. `line-height` is used to create a height - * 4. `min-height` is neccesary for `input` elments in Firefox and Opera because `line-height` is not working. - * 5. Reset button group whitespace hack - * 6. Style - */ -.uk-button { - /* 1 */ - display: inline-block; - -moz-box-sizing: border-box; - box-sizing: border-box; - vertical-align: middle; - text-decoration: none; - text-align: center; - /* 2 */ - border: none; - /* 3 */ - line-height: 28px; - /* 4 */ - min-height: 30px; - /* 5 */ - letter-spacing: normal; - /* 6 */ - padding: 0 12px; - background: #f7f7f7; - color: #444444; - border: 1px solid rgba(0, 0, 0, 0.2); - border-bottom-color: rgba(0, 0, 0, 0.3); - background-origin: border-box; - background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee); - background-image: linear-gradient(to bottom, #ffffff, #eeeeee); - border-radius: 4px; - text-shadow: 0 1px 0 #ffffff; -} -/* - * Hover - * 1. Apply hover style also to focus state - * 2. Remove default focus style - * 3. Required for `a` elements - */ -.uk-button:hover, -.uk-button:focus { - background-color: #fafafa; - color: #444444; - /* 2 */ - outline: none; - /* 3 */ - text-decoration: none; - background-image: none; -} -/* Active */ -.uk-button:active, -.uk-button.uk-active { - background-color: #f5f5f5; - color: #444444; - border-color: rgba(0, 0, 0, 0.2); - border-top-color: rgba(0, 0, 0, 0.3); - background-image: none; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1); -} -/* Color modifiers - ========================================================================== */ -/* - * Modifier: `uk-button-primary` - */ -.uk-button-primary { - background-color: #009dd8; - color: #ffffff; - background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5); - background-image: linear-gradient(to bottom, #00b4f5, #008dc5); - border-color: rgba(0, 0, 0, 0.2); - border-bottom-color: rgba(0, 0, 0, 0.4); - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); -} -/* Hover */ -.uk-button-primary:hover, -.uk-button-primary:focus { - background-color: #00aff2; - color: #ffffff; - background-image: none; -} -/* Active */ -.uk-button-primary:active, -.uk-button-primary.uk-active { - background-color: #008abf; - color: #ffffff; - background-image: none; - border-color: rgba(0, 0, 0, 0.2); - border-top-color: rgba(0, 0, 0, 0.4); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2); -} -/* - * Modifier: `uk-button-success` - */ -.uk-button-success { - background-color: #82bb42; - color: #ffffff; - background-image: -webkit-linear-gradient(top, #9fd256, #6fac34); - background-image: linear-gradient(to bottom, #9fd256, #6fac34); - border-color: rgba(0, 0, 0, 0.2); - border-bottom-color: rgba(0, 0, 0, 0.4); - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); -} -/* Hover */ -.uk-button-success:hover, -.uk-button-success:focus { - background-color: #8fce48; - color: #ffffff; - background-image: none; -} -/* Active */ -.uk-button-success:active, -.uk-button-success.uk-active { - background-color: #76b430; - color: #ffffff; - background-image: none; - border-color: rgba(0, 0, 0, 0.2); - border-top-color: rgba(0, 0, 0, 0.4); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2); -} -/* - * Modifier: `uk-button-danger` - */ -.uk-button-danger { - background-color: #d32c46; - color: #ffffff; - background-image: -webkit-linear-gradient(top, #ee465a, #c11a39); - background-image: linear-gradient(to bottom, #ee465a, #c11a39); - border-color: rgba(0, 0, 0, 0.2); - border-bottom-color: rgba(0, 0, 0, 0.4); - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); -} -/* Hover */ -.uk-button-danger:hover, -.uk-button-danger:focus { - background-color: #e33551; - color: #ffffff; - background-image: none; -} -/* Active */ -.uk-button-danger:active, -.uk-button-danger.uk-active { - background-color: #c91c37; - color: #ffffff; - background-image: none; - border-color: rgba(0, 0, 0, 0.2); - border-top-color: rgba(0, 0, 0, 0.4); - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.2); -} -/* Disabled state - * Overrides also the color modifiers - ========================================================================== */ -/* Equal for all button types */ -.uk-button:disabled { - background-color: #fafafa; - color: #999999; - border-color: rgba(0, 0, 0, 0.2); - background-image: none; - box-shadow: none; - text-shadow: 0 1px 0 #ffffff; -} -/* Modifier: `uk-button-link` - ========================================================================== */ -/* Reset */ -.uk-button-link, -.uk-button-link:hover, -.uk-button-link:focus, -.uk-button-link:active, -.uk-button-link.uk-active, -.uk-button-link:disabled { - border-color: transparent; - background: none; - box-shadow: none; - text-shadow: none; -} -/* Color */ -.uk-button-link { - color: #0077dd; -} -.uk-button-link:hover, -.uk-button-link:focus, -.uk-button-link:active, -.uk-button-link.uk-active { - color: #005599; - text-decoration: underline; -} -.uk-button-link:disabled { - color: #999999; -} -/* Focus */ -.uk-button-link:focus { - outline: 1px dotted; -} -/* Size modifiers - ========================================================================== */ -.uk-button-mini { - min-height: 20px; - padding: 0 6px; - line-height: 18px; - font-size: 11px; -} -.uk-button-small { - min-height: 25px; - padding: 0 10px; - line-height: 23px; - font-size: 12px; -} -.uk-button-large { - min-height: 40px; - padding: 0 15px; - line-height: 38px; - font-size: 16px; - border-radius: 5px; -} -/* Sub-object `uk-button-group` - ========================================================================== */ -/* - * 1. Behave like buttons - * 2. Create position context for dropdowns - * 3. Remove whitespace between child elements when using `inline-block` - * 4. Prevent buttons from wrapping - */ -.uk-button-group { - /* 1 */ - display: inline-block; - vertical-align: middle; - /* 2 */ - position: relative; - /* 3 */ - letter-spacing: -0.31em; - /* 4 */ - white-space: nowrap; -} -.uk-button-group > * { - display: inline-block; -} -/* Sub-object: `uk-button-dropdown` - ========================================================================== */ -/* - * 1. Behave like buttons - * 2. Create position context for dropdowns - */ -.uk-button-dropdown { - /* 1 */ - display: inline-block; - vertical-align: middle; - /* 2 */ - position: relative; -} -/* Sub-object `uk-button-group` - ========================================================================== */ -/* - * Reset border-radius - */ -.uk-button-group > .uk-button:not(:first-child):not(:last-child), -.uk-button-group > div:not(:first-child):not(:last-child) .uk-button { - border-radius: 0; -} -.uk-button-group > .uk-button:first-child, -.uk-button-group > div:first-child .uk-button { - border-top-right-radius: 0; - border-bottom-right-radius: 0; -} -.uk-button-group > .uk-button:last-child, -.uk-button-group > div:last-child .uk-button { - border-top-left-radius: 0; - border-bottom-left-radius: 0; -} -/* - * Collapse border - */ -.uk-button-group > .uk-button:nth-child(n+2), -.uk-button-group > div:nth-child(n+2) .uk-button { - margin-left: -1px; -} -/* - * Create position context to superimpose the successor elements border - * Known issue: If you use an `a` element as button and an icon inside, - * the active state will not work if you click the icon inside the button - * Workaround: Just use a `button` or `input` element as button - */ -.uk-button-group .uk-button:active { - position: relative; -} -/* ======================================================================== - Component: Icon - ========================================================================== */ -@font-face { - font-family: 'FontAwesome'; - src: url("../fonts/fontawesome-webfont.eot"); - src: url("../fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff") format("woff"), url("../fonts/fontawesome-webfont.ttf") format("truetype"); - font-weight: normal; - font-style: normal; -} -/* - * 1. Allow margin - * 2. Prevent inherit font style - * 4. Correct line-height - * 5. Better font rendering - */ -[class*='uk-icon-'] { - font-family: FontAwesome; - /* 1 */ - display: inline-block; - /* 2 */ - font-weight: normal; - font-style: normal; - /* 4 */ - line-height: 1; - /* 5 */ - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} -/* Size modifiers - ========================================================================== */ -.uk-icon-small:before { - font-size: 150%; - vertical-align: -10%; -} -.uk-icon-medium:before { - font-size: 200%; - vertical-align: -16%; -} -.uk-icon-large:before { - font-size: 250%; - vertical-align: -22%; -} -/* Modifier: `uk-icon-spin` - ========================================================================== */ -.uk-icon-spin { - display: inline-block; - -webkit-animation: uk-spin 2s infinite linear; - animation: uk-spin 2s infinite linear; -} -/* Modifier: `uk-icon-button` - ========================================================================== */ -.uk-icon-button { - -moz-box-sizing: border-box; - box-sizing: border-box; - display: inline-block; - width: 35px; - height: 35px; - border-radius: 100%; - background: #f7f7f7; - line-height: 35px; - color: #444444; - font-size: 18px; - text-align: center; - border: 1px solid #cccccc; - border-bottom-color: #bbbbbb; - background-origin: border-box; - background-image: -webkit-linear-gradient(top, #ffffff, #eeeeee); - background-image: linear-gradient(to bottom, #ffffff, #eeeeee); - text-shadow: 0 1px 0 #ffffff; -} -/* - * Hover - * 1. Apply hover style also to focus state - * 2. Remove default focus style - */ -.uk-icon-button:hover, -.uk-icon-button:focus { - background-color: #fafafa; - color: #444444; - text-decoration: none; - /* 2 */ - outline: none; - background-image: none; -} -/* Active */ -.uk-icon-button:active { - background-color: #f5f5f5; - color: #444444; - border-color: #cccccc; - border-top-color: #bbbbbb; - background-image: none; - box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1); -} -/* Icon mapping - ========================================================================== */ -.uk-icon-glass:before { - content: "\f000"; -} -.uk-icon-music:before { - content: "\f001"; -} -.uk-icon-search:before { - content: "\f002"; -} -.uk-icon-envelope-o:before { - content: "\f003"; -} -.uk-icon-heart:before { - content: "\f004"; -} -.uk-icon-star:before { - content: "\f005"; -} -.uk-icon-star-o:before { - content: "\f006"; -} -.uk-icon-user:before { - content: "\f007"; -} -.uk-icon-film:before { - content: "\f008"; -} -.uk-icon-th-large:before { - content: "\f009"; -} -.uk-icon-th:before { - content: "\f00a"; -} -.uk-icon-th-list:before { - content: "\f00b"; -} -.uk-icon-check:before { - content: "\f00c"; -} -.uk-icon-times:before { - content: "\f00d"; -} -.uk-icon-search-plus:before { - content: "\f00e"; -} -.uk-icon-search-minus:before { - content: "\f010"; -} -.uk-icon-power-off:before { - content: "\f011"; -} -.uk-icon-signal:before { - content: "\f012"; -} -.uk-icon-gear:before, -.uk-icon-cog:before { - content: "\f013"; -} -.uk-icon-trash-o:before { - content: "\f014"; -} -.uk-icon-home:before { - content: "\f015"; -} -.uk-icon-file-o:before { - content: "\f016"; -} -.uk-icon-clock-o:before { - content: "\f017"; -} -.uk-icon-road:before { - content: "\f018"; -} -.uk-icon-download:before { - content: "\f019"; -} -.uk-icon-arrow-circle-o-down:before { - content: "\f01a"; -} -.uk-icon-arrow-circle-o-up:before { - content: "\f01b"; -} -.uk-icon-inbox:before { - content: "\f01c"; -} -.uk-icon-play-circle-o:before { - content: "\f01d"; -} -.uk-icon-rotate-right:before, -.uk-icon-repeat:before { - content: "\f01e"; -} -.uk-icon-refresh:before { - content: "\f021"; -} -.uk-icon-list-alt:before { - content: "\f022"; -} -.uk-icon-lock:before { - content: "\f023"; -} -.uk-icon-flag:before { - content: "\f024"; -} -.uk-icon-headphones:before { - content: "\f025"; -} -.uk-icon-volume-off:before { - content: "\f026"; -} -.uk-icon-volume-down:before { - content: "\f027"; -} -.uk-icon-volume-up:before { - content: "\f028"; -} -.uk-icon-qrcode:before { - content: "\f029"; -} -.uk-icon-barcode:before { - content: "\f02a"; -} -.uk-icon-tag:before { - content: "\f02b"; -} -.uk-icon-tags:before { - content: "\f02c"; -} -.uk-icon-book:before { - content: "\f02d"; -} -.uk-icon-bookmark:before { - content: "\f02e"; -} -.uk-icon-print:before { - content: "\f02f"; -} -.uk-icon-camera:before { - content: "\f030"; -} -.uk-icon-font:before { - content: "\f031"; -} -.uk-icon-bold:before { - content: "\f032"; -} -.uk-icon-italic:before { - content: "\f033"; -} -.uk-icon-text-height:before { - content: "\f034"; -} -.uk-icon-text-width:before { - content: "\f035"; -} -.uk-icon-align-left:before { - content: "\f036"; -} -.uk-icon-align-center:before { - content: "\f037"; -} -.uk-icon-align-right:before { - content: "\f038"; -} -.uk-icon-align-justify:before { - content: "\f039"; -} -.uk-icon-list:before { - content: "\f03a"; -} -.uk-icon-dedent:before, -.uk-icon-outdent:before { - content: "\f03b"; -} -.uk-icon-indent:before { - content: "\f03c"; -} -.uk-icon-video-camera:before { - content: "\f03d"; -} -.uk-icon-picture-o:before { - content: "\f03e"; -} -.uk-icon-pencil:before { - content: "\f040"; -} -.uk-icon-map-marker:before { - content: "\f041"; -} -.uk-icon-adjust:before { - content: "\f042"; -} -.uk-icon-tint:before { - content: "\f043"; -} -.uk-icon-edit:before, -.uk-icon-pencil-square-o:before { - content: "\f044"; -} -.uk-icon-share-square-o:before { - content: "\f045"; -} -.uk-icon-check-square-o:before { - content: "\f046"; -} -.uk-icon-arrows:before { - content: "\f047"; -} -.uk-icon-step-backward:before { - content: "\f048"; -} -.uk-icon-fast-backward:before { - content: "\f049"; -} -.uk-icon-backward:before { - content: "\f04a"; -} -.uk-icon-play:before { - content: "\f04b"; -} -.uk-icon-pause:before { - content: "\f04c"; -} -.uk-icon-stop:before { - content: "\f04d"; -} -.uk-icon-forward:before { - content: "\f04e"; -} -.uk-icon-fast-forward:before { - content: "\f050"; -} -.uk-icon-step-forward:before { - content: "\f051"; -} -.uk-icon-eject:before { - content: "\f052"; -} -.uk-icon-chevron-left:before { - content: "\f053"; -} -.uk-icon-chevron-right:before { - content: "\f054"; -} -.uk-icon-plus-circle:before { - content: "\f055"; -} -.uk-icon-minus-circle:before { - content: "\f056"; -} -.uk-icon-times-circle:before { - content: "\f057"; -} -.uk-icon-check-circle:before { - content: "\f058"; -} -.uk-icon-question-circle:before { - content: "\f059"; -} -.uk-icon-info-circle:before { - content: "\f05a"; -} -.uk-icon-crosshairs:before { - content: "\f05b"; -} -.uk-icon-times-circle-o:before { - content: "\f05c"; -} -.uk-icon-check-circle-o:before { - content: "\f05d"; -} -.uk-icon-ban:before { - content: "\f05e"; -} -.uk-icon-arrow-left:before { - content: "\f060"; -} -.uk-icon-arrow-right:before { - content: "\f061"; -} -.uk-icon-arrow-up:before { - content: "\f062"; -} -.uk-icon-arrow-down:before { - content: "\f063"; -} -.uk-icon-mail-forward:before, -.uk-icon-share:before { - content: "\f064"; -} -.uk-icon-expand:before { - content: "\f065"; -} -.uk-icon-compress:before { - content: "\f066"; -} -.uk-icon-plus:before { - content: "\f067"; -} -.uk-icon-minus:before { - content: "\f068"; -} -.uk-icon-asterisk:before { - content: "\f069"; -} -.uk-icon-exclamation-circle:before { - content: "\f06a"; -} -.uk-icon-gift:before { - content: "\f06b"; -} -.uk-icon-leaf:before { - content: "\f06c"; -} -.uk-icon-fire:before { - content: "\f06d"; -} -.uk-icon-eye:before { - content: "\f06e"; -} -.uk-icon-eye-slash:before { - content: "\f070"; -} -.uk-icon-warning:before, -.uk-icon-exclamation-triangle:before { - content: "\f071"; -} -.uk-icon-plane:before { - content: "\f072"; -} -.uk-icon-calendar:before { - content: "\f073"; -} -.uk-icon-random:before { - content: "\f074"; -} -.uk-icon-comment:before { - content: "\f075"; -} -.uk-icon-magnet:before { - content: "\f076"; -} -.uk-icon-chevron-up:before { - content: "\f077"; -} -.uk-icon-chevron-down:before { - content: "\f078"; -} -.uk-icon-retweet:before { - content: "\f079"; -} -.uk-icon-shopping-cart:before { - content: "\f07a"; -} -.uk-icon-folder:before { - content: "\f07b"; -} -.uk-icon-folder-open:before { - content: "\f07c"; -} -.uk-icon-arrows-v:before { - content: "\f07d"; -} -.uk-icon-arrows-h:before { - content: "\f07e"; -} -.uk-icon-bar-chart-o:before { - content: "\f080"; -} -.uk-icon-twitter-square:before { - content: "\f081"; -} -.uk-icon-facebook-square:before { - content: "\f082"; -} -.uk-icon-camera-retro:before { - content: "\f083"; -} -.uk-icon-key:before { - content: "\f084"; -} -.uk-icon-gears:before, -.uk-icon-cogs:before { - content: "\f085"; -} -.uk-icon-comments:before { - content: "\f086"; -} -.uk-icon-thumbs-o-up:before { - content: "\f087"; -} -.uk-icon-thumbs-o-down:before { - content: "\f088"; -} -.uk-icon-star-half:before { - content: "\f089"; -} -.uk-icon-heart-o:before { - content: "\f08a"; -} -.uk-icon-sign-out:before { - content: "\f08b"; -} -.uk-icon-linkedin-square:before { - content: "\f08c"; -} -.uk-icon-thumb-tack:before { - content: "\f08d"; -} -.uk-icon-external-link:before { - content: "\f08e"; -} -.uk-icon-sign-in:before { - content: "\f090"; -} -.uk-icon-trophy:before { - content: "\f091"; -} -.uk-icon-github-square:before { - content: "\f092"; -} -.uk-icon-upload:before { - content: "\f093"; -} -.uk-icon-lemon-o:before { - content: "\f094"; -} -.uk-icon-phone:before { - content: "\f095"; -} -.uk-icon-square-o:before { - content: "\f096"; -} -.uk-icon-bookmark-o:before { - content: "\f097"; -} -.uk-icon-phone-square:before { - content: "\f098"; -} -.uk-icon-twitter:before { - content: "\f099"; -} -.uk-icon-facebook:before { - content: "\f09a"; -} -.uk-icon-github:before { - content: "\f09b"; -} -.uk-icon-unlock:before { - content: "\f09c"; -} -.uk-icon-credit-card:before { - content: "\f09d"; -} -.uk-icon-rss:before { - content: "\f09e"; -} -.uk-icon-hdd-o:before { - content: "\f0a0"; -} -.uk-icon-bullhorn:before { - content: "\f0a1"; -} -.uk-icon-bell:before { - content: "\f0f3"; -} -.uk-icon-certificate:before { - content: "\f0a3"; -} -.uk-icon-hand-o-right:before { - content: "\f0a4"; -} -.uk-icon-hand-o-left:before { - content: "\f0a5"; -} -.uk-icon-hand-o-up:before { - content: "\f0a6"; -} -.uk-icon-hand-o-down:before { - content: "\f0a7"; -} -.uk-icon-arrow-circle-left:before { - content: "\f0a8"; -} -.uk-icon-arrow-circle-right:before { - content: "\f0a9"; -} -.uk-icon-arrow-circle-up:before { - content: "\f0aa"; -} -.uk-icon-arrow-circle-down:before { - content: "\f0ab"; -} -.uk-icon-globe:before { - content: "\f0ac"; -} -.uk-icon-wrench:before { - content: "\f0ad"; -} -.uk-icon-tasks:before { - content: "\f0ae"; -} -.uk-icon-filter:before { - content: "\f0b0"; -} -.uk-icon-briefcase:before { - content: "\f0b1"; -} -.uk-icon-arrows-alt:before { - content: "\f0b2"; -} -.uk-icon-group:before, -.uk-icon-users:before { - content: "\f0c0"; -} -.uk-icon-chain:before, -.uk-icon-link:before { - content: "\f0c1"; -} -.uk-icon-cloud:before { - content: "\f0c2"; -} -.uk-icon-flask:before { - content: "\f0c3"; -} -.uk-icon-cut:before, -.uk-icon-scissors:before { - content: "\f0c4"; -} -.uk-icon-copy:before, -.uk-icon-files-o:before { - content: "\f0c5"; -} -.uk-icon-paperclip:before { - content: "\f0c6"; -} -.uk-icon-save:before, -.uk-icon-floppy-o:before { - content: "\f0c7"; -} -.uk-icon-square:before { - content: "\f0c8"; -} -.uk-icon-bars:before { - content: "\f0c9"; -} -.uk-icon-list-ul:before { - content: "\f0ca"; -} -.uk-icon-list-ol:before { - content: "\f0cb"; -} -.uk-icon-strikethrough:before { - content: "\f0cc"; -} -.uk-icon-underline:before { - content: "\f0cd"; -} -.uk-icon-table:before { - content: "\f0ce"; -} -.uk-icon-magic:before { - content: "\f0d0"; -} -.uk-icon-truck:before { - content: "\f0d1"; -} -.uk-icon-pinterest:before { - content: "\f0d2"; -} -.uk-icon-pinterest-square:before { - content: "\f0d3"; -} -.uk-icon-google-plus-square:before { - content: "\f0d4"; -} -.uk-icon-google-plus:before { - content: "\f0d5"; -} -.uk-icon-money:before { - content: "\f0d6"; -} -.uk-icon-caret-down:before { - content: "\f0d7"; -} -.uk-icon-caret-up:before { - content: "\f0d8"; -} -.uk-icon-caret-left:before { - content: "\f0d9"; -} -.uk-icon-caret-right:before { - content: "\f0da"; -} -.uk-icon-columns:before { - content: "\f0db"; -} -.uk-icon-unsorted:before, -.uk-icon-sort:before { - content: "\f0dc"; -} -.uk-icon-sort-down:before, -.uk-icon-sort-asc:before { - content: "\f0dd"; -} -.uk-icon-sort-up:before, -.uk-icon-sort-desc:before { - content: "\f0de"; -} -.uk-icon-envelope:before { - content: "\f0e0"; -} -.uk-icon-linkedin:before { - content: "\f0e1"; -} -.uk-icon-rotate-left:before, -.uk-icon-undo:before { - content: "\f0e2"; -} -.uk-icon-legal:before, -.uk-icon-gavel:before { - content: "\f0e3"; -} -.uk-icon-dashboard:before, -.uk-icon-tachometer:before { - content: "\f0e4"; -} -.uk-icon-comment-o:before { - content: "\f0e5"; -} -.uk-icon-comments-o:before { - content: "\f0e6"; -} -.uk-icon-flash:before, -.uk-icon-bolt:before { - content: "\f0e7"; -} -.uk-icon-sitemap:before { - content: "\f0e8"; -} -.uk-icon-umbrella:before { - content: "\f0e9"; -} -.uk-icon-paste:before, -.uk-icon-clipboard:before { - content: "\f0ea"; -} -.uk-icon-lightbulb-o:before { - content: "\f0eb"; -} -.uk-icon-exchange:before { - content: "\f0ec"; -} -.uk-icon-cloud-download:before { - content: "\f0ed"; -} -.uk-icon-cloud-upload:before { - content: "\f0ee"; -} -.uk-icon-user-md:before { - content: "\f0f0"; -} -.uk-icon-stethoscope:before { - content: "\f0f1"; -} -.uk-icon-suitcase:before { - content: "\f0f2"; -} -.uk-icon-bell-o:before { - content: "\f0a2"; -} -.uk-icon-coffee:before { - content: "\f0f4"; -} -.uk-icon-cutlery:before { - content: "\f0f5"; -} -.uk-icon-file-text-o:before { - content: "\f0f6"; -} -.uk-icon-building-o:before { - content: "\f0f7"; -} -.uk-icon-hospital-o:before { - content: "\f0f8"; -} -.uk-icon-ambulance:before { - content: "\f0f9"; -} -.uk-icon-medkit:before { - content: "\f0fa"; -} -.uk-icon-fighter-jet:before { - content: "\f0fb"; -} -.uk-icon-beer:before { - content: "\f0fc"; -} -.uk-icon-h-square:before { - content: "\f0fd"; -} -.uk-icon-plus-square:before { - content: "\f0fe"; -} -.uk-icon-angle-double-left:before { - content: "\f100"; -} -.uk-icon-angle-double-right:before { - content: "\f101"; -} -.uk-icon-angle-double-up:before { - content: "\f102"; -} -.uk-icon-angle-double-down:before { - content: "\f103"; -} -.uk-icon-angle-left:before { - content: "\f104"; -} -.uk-icon-angle-right:before { - content: "\f105"; -} -.uk-icon-angle-up:before { - content: "\f106"; -} -.uk-icon-angle-down:before { - content: "\f107"; -} -.uk-icon-desktop:before { - content: "\f108"; -} -.uk-icon-laptop:before { - content: "\f109"; -} -.uk-icon-tablet:before { - content: "\f10a"; -} -.uk-icon-mobile-phone:before, -.uk-icon-mobile:before { - content: "\f10b"; -} -.uk-icon-circle-o:before { - content: "\f10c"; -} -.uk-icon-quote-left:before { - content: "\f10d"; -} -.uk-icon-quote-right:before { - content: "\f10e"; -} -.uk-icon-spinner:before { - content: "\f110"; -} -.uk-icon-circle:before { - content: "\f111"; -} -.uk-icon-mail-reply:before, -.uk-icon-reply:before { - content: "\f112"; -} -.uk-icon-github-alt:before { - content: "\f113"; -} -.uk-icon-folder-o:before { - content: "\f114"; -} -.uk-icon-folder-open-o:before { - content: "\f115"; -} -.uk-icon-smile-o:before { - content: "\f118"; -} -.uk-icon-frown-o:before { - content: "\f119"; -} -.uk-icon-meh-o:before { - content: "\f11a"; -} -.uk-icon-gamepad:before { - content: "\f11b"; -} -.uk-icon-keyboard-o:before { - content: "\f11c"; -} -.uk-icon-flag-o:before { - content: "\f11d"; -} -.uk-icon-flag-checkered:before { - content: "\f11e"; -} -.uk-icon-terminal:before { - content: "\f120"; -} -.uk-icon-code:before { - content: "\f121"; -} -.uk-icon-reply-all:before { - content: "\f122"; -} -.uk-icon-mail-reply-all:before { - content: "\f122"; -} -.uk-icon-star-half-empty:before, -.uk-icon-star-half-full:before, -.uk-icon-star-half-o:before { - content: "\f123"; -} -.uk-icon-location-arrow:before { - content: "\f124"; -} -.uk-icon-crop:before { - content: "\f125"; -} -.uk-icon-code-fork:before { - content: "\f126"; -} -.uk-icon-unlink:before, -.uk-icon-chain-broken:before { - content: "\f127"; -} -.uk-icon-question:before { - content: "\f128"; -} -.uk-icon-info:before { - content: "\f129"; -} -.uk-icon-exclamation:before { - content: "\f12a"; -} -.uk-icon-superscript:before { - content: "\f12b"; -} -.uk-icon-subscript:before { - content: "\f12c"; -} -.uk-icon-eraser:before { - content: "\f12d"; -} -.uk-icon-puzzle-piece:before { - content: "\f12e"; -} -.uk-icon-microphone:before { - content: "\f130"; -} -.uk-icon-microphone-slash:before { - content: "\f131"; -} -.uk-icon-shield:before { - content: "\f132"; -} -.uk-icon-calendar-o:before { - content: "\f133"; -} -.uk-icon-fire-extinguisher:before { - content: "\f134"; -} -.uk-icon-rocket:before { - content: "\f135"; -} -.uk-icon-maxcdn:before { - content: "\f136"; -} -.uk-icon-chevron-circle-left:before { - content: "\f137"; -} -.uk-icon-chevron-circle-right:before { - content: "\f138"; -} -.uk-icon-chevron-circle-up:before { - content: "\f139"; -} -.uk-icon-chevron-circle-down:before { - content: "\f13a"; -} -.uk-icon-html5:before { - content: "\f13b"; -} -.uk-icon-css3:before { - content: "\f13c"; -} -.uk-icon-anchor:before { - content: "\f13d"; -} -.uk-icon-unlock-alt:before { - content: "\f13e"; -} -.uk-icon-bullseye:before { - content: "\f140"; -} -.uk-icon-ellipsis-h:before { - content: "\f141"; -} -.uk-icon-ellipsis-v:before { - content: "\f142"; -} -.uk-icon-rss-square:before { - content: "\f143"; -} -.uk-icon-play-circle:before { - content: "\f144"; -} -.uk-icon-ticket:before { - content: "\f145"; -} -.uk-icon-minus-square:before { - content: "\f146"; -} -.uk-icon-minus-square-o:before { - content: "\f147"; -} -.uk-icon-level-up:before { - content: "\f148"; -} -.uk-icon-level-down:before { - content: "\f149"; -} -.uk-icon-check-square:before { - content: "\f14a"; -} -.uk-icon-pencil-square:before { - content: "\f14b"; -} -.uk-icon-external-link-square:before { - content: "\f14c"; -} -.uk-icon-share-square:before { - content: "\f14d"; -} -.uk-icon-compass:before { - content: "\f14e"; -} -.uk-icon-toggle-down:before, -.uk-icon-caret-square-o-down:before { - content: "\f150"; -} -.uk-icon-toggle-up:before, -.uk-icon-caret-square-o-up:before { - content: "\f151"; -} -.uk-icon-toggle-right:before, -.uk-icon-caret-square-o-right:before { - content: "\f152"; -} -.uk-icon-euro:before, -.uk-icon-eur:before { - content: "\f153"; -} -.uk-icon-gbp:before { - content: "\f154"; -} -.uk-icon-dollar:before, -.uk-icon-usd:before { - content: "\f155"; -} -.uk-icon-rupee:before, -.uk-icon-inr:before { - content: "\f156"; -} -.uk-icon-cny:before, -.uk-icon-rmb:before, -.uk-icon-yen:before, -.uk-icon-jpy:before { - content: "\f157"; -} -.uk-icon-ruble:before, -.uk-icon-rouble:before, -.uk-icon-rub:before { - content: "\f158"; -} -.uk-icon-won:before, -.uk-icon-krw:before { - content: "\f159"; -} -.uk-icon-bitcoin:before, -.uk-icon-btc:before { - content: "\f15a"; -} -.uk-icon-file:before { - content: "\f15b"; -} -.uk-icon-file-text:before { - content: "\f15c"; -} -.uk-icon-sort-alpha-asc:before { - content: "\f15d"; -} -.uk-icon-sort-alpha-desc:before { - content: "\f15e"; -} -.uk-icon-sort-amount-asc:before { - content: "\f160"; -} -.uk-icon-sort-amount-desc:before { - content: "\f161"; -} -.uk-icon-sort-numeric-asc:before { - content: "\f162"; -} -.uk-icon-sort-numeric-desc:before { - content: "\f163"; -} -.uk-icon-thumbs-up:before { - content: "\f164"; -} -.uk-icon-thumbs-down:before { - content: "\f165"; -} -.uk-icon-youtube-square:before { - content: "\f166"; -} -.uk-icon-youtube:before { - content: "\f167"; -} -.uk-icon-xing:before { - content: "\f168"; -} -.uk-icon-xing-square:before { - content: "\f169"; -} -.uk-icon-youtube-play:before { - content: "\f16a"; -} -.uk-icon-dropbox:before { - content: "\f16b"; -} -.uk-icon-stack-overflow:before { - content: "\f16c"; -} -.uk-icon-instagram:before { - content: "\f16d"; -} -.uk-icon-flickr:before { - content: "\f16e"; -} -.uk-icon-adn:before { - content: "\f170"; -} -.uk-icon-bitbucket:before { - content: "\f171"; -} -.uk-icon-bitbucket-square:before { - content: "\f172"; -} -.uk-icon-tumblr:before { - content: "\f173"; -} -.uk-icon-tumblr-square:before { - content: "\f174"; -} -.uk-icon-long-arrow-down:before { - content: "\f175"; -} -.uk-icon-long-arrow-up:before { - content: "\f176"; -} -.uk-icon-long-arrow-left:before { - content: "\f177"; -} -.uk-icon-long-arrow-right:before { - content: "\f178"; -} -.uk-icon-apple:before { - content: "\f179"; -} -.uk-icon-windows:before { - content: "\f17a"; -} -.uk-icon-android:before { - content: "\f17b"; -} -.uk-icon-linux:before { - content: "\f17c"; -} -.uk-icon-dribbble:before { - content: "\f17d"; -} -.uk-icon-skype:before { - content: "\f17e"; -} -.uk-icon-foursquare:before { - content: "\f180"; -} -.uk-icon-trello:before { - content: "\f181"; -} -.uk-icon-female:before { - content: "\f182"; -} -.uk-icon-male:before { - content: "\f183"; -} -.uk-icon-gittip:before { - content: "\f184"; -} -.uk-icon-sun-o:before { - content: "\f185"; -} -.uk-icon-moon-o:before { - content: "\f186"; -} -.uk-icon-archive:before { - content: "\f187"; -} -.uk-icon-bug:before { - content: "\f188"; -} -.uk-icon-vk:before { - content: "\f189"; -} -.uk-icon-weibo:before { - content: "\f18a"; -} -.uk-icon-renren:before { - content: "\f18b"; -} -.uk-icon-pagelines:before { - content: "\f18c"; -} -.uk-icon-stack-exchange:before { - content: "\f18d"; -} -.uk-icon-arrow-circle-o-right:before { - content: "\f18e"; -} -.uk-icon-arrow-circle-o-left:before { - content: "\f190"; -} -.uk-icon-toggle-left:before, -.uk-icon-caret-square-o-left:before { - content: "\f191"; -} -.uk-icon-dot-circle-o:before { - content: "\f192"; -} -.uk-icon-wheelchair:before { - content: "\f193"; -} -.uk-icon-vimeo-square:before { - content: "\f194"; -} -.uk-icon-turkish-lira:before, -.uk-icon-try:before { - content: "\f195"; -} -.uk-icon-plus-square-o:before { - content: "\f196"; -} -/* ======================================================================== - Component: Close - ========================================================================== */ -/* - * 1. Required for `button` elements and makes - * close button more robust against different box-sizing use - * 2. Style - * 3. Required for `button` elements - * 4. Needed for Sarari - */ -.uk-close { - /* 1 */ - -moz-box-sizing: content-box; - box-sizing: content-box; - /* 2 */ - display: inline-block; - width: 20px; - line-height: 20px; - text-align: center; - color: inherit; - opacity: 0.3; - /* 3. */ - padding: 0; - border: 0; - -webkit-appearance: none; - /* 4. */ - background: transparent; -} -/* Icon */ -.uk-close:after { - display: block; - content: "\f00d"; - font-family: FontAwesome; -} -/* - * Hover - * 1. Apply hover style also to focus state - * 2. Remove default focus style - * 3. Required for `a` elements - */ -.uk-close:hover, -.uk-close:focus { - opacity: 0.5; - /* 2 */ - outline: none; - /* 3 */ - color: inherit; - text-decoration: none; - cursor: pointer; -} -/* Modifier - ========================================================================== */ -.uk-close-alt { - padding: 2px; - border-radius: 50%; - background: #ffffff; - opacity: 1; - box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 0 6px rgba(0, 0, 0, 0.3); -} -/* Hover */ -.uk-close-alt:hover, -.uk-close-alt:focus { - opacity: 1; -} -/* Icon */ -.uk-close-alt:after { - opacity: 0.5; -} -.uk-close-alt:hover:after, -.uk-close-alt:focus:after { - opacity: 0.8; -} -/* ======================================================================== - Component: Badge - ========================================================================== */ -.uk-badge { - display: inline-block; - padding: 0 5px; - background: #009dd8; - font-size: 10px; - font-weight: bold; - line-height: 14px; - color: #ffffff; - text-align: center; - vertical-align: middle; - text-transform: none; - border: 1px solid rgba(0, 0, 0, 0.2); - border-bottom-color: rgba(0, 0, 0, 0.3); - background-origin: border-box; - background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5); - background-image: linear-gradient(to bottom, #00b4f5, #008dc5); - border-radius: 2px; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); -} -/* Modifier: `uk-badge-notification`; - ========================================================================== */ -.uk-badge-notification { - -moz-box-sizing: border-box; - box-sizing: border-box; - min-width: 18px; - border-radius: 50%; - font-size: 12px; - line-height: 18px; -} -/* Color modifier - ========================================================================== */ -/* - * Modifier: `uk-badge-success` - */ -.uk-badge-success { - background-color: #82bb42; - background-image: -webkit-linear-gradient(top, #9fd256, #6fac34); - background-image: linear-gradient(to bottom, #9fd256, #6fac34); -} -/* - * Modifier: `uk-badge-warning` - */ -.uk-badge-warning { - background-color: #f9a124; - background-image: -webkit-linear-gradient(top, #fbb450, #f89406); - background-image: linear-gradient(to bottom, #fbb450, #f89406); -} -/* - * Modifier: `uk-badge-danger` - */ -.uk-badge-danger { - background-color: #d32c46; - background-image: -webkit-linear-gradient(top, #ee465a, #c11a39); - background-image: linear-gradient(to bottom, #ee465a, #c11a39); -} -/* ======================================================================== - Component: Alert - ========================================================================== */ -.uk-alert { - margin-bottom: 15px; - padding: 10px; - background: #ebf7fd; - color: #2d7091; - border: 1px solid rgba(45, 112, 145, 0.3); - border-radius: 4px; - text-shadow: 0 1px 0 #ffffff; -} -/* - * Add margin if adjacent element - */ -* + .uk-alert { - margin-top: 15px; -} -/* - * Remove margin from the last-child - */ -.uk-alert > :last-child { - margin-bottom: 0; -} -/* - * Keep color for headings if the default heading color is changed - */ -.uk-alert h1, -.uk-alert h2, -.uk-alert h3, -.uk-alert h4, -.uk-alert h5, -.uk-alert h6 { - color: inherit; -} -/* Close in alert - ========================================================================== */ -.uk-alert > .uk-close:first-child { - float: right; -} -/* - * Remove margin from adjacent element - */ -.uk-alert > .uk-close:first-child + * { - margin-top: 0; -} -/* Modifier: `uk-alert-success` - ========================================================================== */ -.uk-alert-success { - background: #f2fae3; - color: #659f13; - border-color: rgba(101, 159, 19, 0.3); -} -/* Modifier: `uk-alert-warning` - ========================================================================== */ -.uk-alert-warning { - background: #fffceb; - color: #e28327; - border-color: rgba(226, 131, 39, 0.3); -} -/* Modifier: `uk-alert-danger` - ========================================================================== */ -.uk-alert-danger { - background: #fff1f0; - color: #d85030; - border-color: rgba(216, 80, 48, 0.3); -} -/* Modifier: `uk-alert-large` - ========================================================================== */ -.uk-alert-large { - padding: 20px; -} -.uk-alert-large > .uk-close:first-child { - margin: -10px -10px 0 0; -} -/* ======================================================================== - Component: Thumbnail - ========================================================================== */ -/* - * 1. Corrects max-width behavior (2.) if padding and border are used - * 2. Responsive behavior - * 3. Required for `figure` element - * 4. Style - */ -.uk-thumbnail { - display: inline-block; - /* 1 */ - -moz-box-sizing: border-box; - box-sizing: border-box; - /* 2 */ - max-width: 100%; - /* 3 */ - margin: 0; - /* 4 */ - padding: 4px; - border: 1px solid #dddddd; - background: #ffffff; - border-radius: 4px; - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); -} -/* - * Hover state for `a` elements - * 1. Apply hover style also to focus state - * 2. Needed for caption - * 3. Remove default focus style - */ -a.uk-thumbnail:hover, -a.uk-thumbnail:focus { - border-color: #aaaaaa; - background-color: #ffffff; - /* 2 */ - text-decoration: none; - /* 3 */ - outline: none; - box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); -} -/* Caption - ========================================================================== */ -.uk-thumbnail-caption { - padding-top: 4px; - text-align: center; - color: #444444; -} -/* Sizes - ========================================================================== */ -.uk-thumbnail-mini { - width: 150px; -} -.uk-thumbnail-small { - width: 200px; -} -.uk-thumbnail-medium { - width: 300px; -} -.uk-thumbnail-large { - width: 400px; -} -.uk-thumbnail-expand, -.uk-thumbnail-expand > img { - width: 100%; -} -/* ======================================================================== - Component: Overlay - ========================================================================== */ -/* - * 1. Container width fits its content - * 2. Create position context - * 3. Set max-width for responsive images to prevent `inline-block` consequences - * 4. Remove the gap between the container and its child element - */ -.uk-overlay { - /* 1 */ - display: inline-block; - /* 2 */ - position: relative; - /* 3 */ - max-width: 100%; - /* 4 */ - vertical-align: middle; -} -/* Sub-object `uk-overlay-area` - ========================================================================== */ -/* - * 1. Set position - * 2. Set style - * 3. Fade-in transition - */ -.uk-overlay-area { - /* 1 */ - position: absolute; - top: 0; - bottom: 0; - left: 0; - right: 0; - /* 2 */ - background: rgba(0, 0, 0, 0.3); - /* 3 */ - opacity: 0; - -webkit-transition: opacity 0.15s linear; - transition: opacity 0.15s linear; -} -/* - * Hover - * 1. Use optional `uk-overlay-toggle` to trigger the overlay earlier - */ -.uk-overlay:hover .uk-overlay-area, -.uk-overlay-toggle:hover .uk-overlay-area { - opacity: 1; -} -/* - * Icon - */ -.uk-overlay-area:empty:before { - content: "\f002"; - position: absolute; - top: 50%; - left: 50%; - width: 50px; - height: 50px; - margin-top: -25px; - margin-left: -25px; - font-size: 50px; - line-height: 1; - font-family: FontAwesome; - text-align: center; - color: #ffffff; -} -/* Sub-object `uk-overlay-area-content` - ========================================================================== */ -/* - * Remove whitespace between child elements when using `inline-block` - * Needed for Firefox - */ -.uk-overlay-area:not(:empty) { - letter-spacing: -0.31em; -} -/* - * 1. Needed for vertical alignment - */ -.uk-overlay-area:not(:empty):before { - content: ''; - display: inline-block; - height: 100%; - vertical-align: middle; -} -/* - * 1. Set vertical alignment - * 2. Reset whitespace hack - * 3. Set horizontal alignment - * 4. Set style - */ -.uk-overlay-area-content { - /* 1 */ - display: inline-block; - -moz-box-sizing: border-box; - box-sizing: border-box; - width: 100%; - vertical-align: middle; - /* 2 */ - letter-spacing: normal; - /* 3 */ - text-align: center; - /* 4 */ - padding: 0 15px; - color: #ffffff; -} -/* - * Remove margin from the last-child - */ -.uk-overlay-area-content > :last-child { - margin-bottom: 0; -} -/* - * Links in overlay area - */ -.uk-overlay-area-content a:not([class]), -.uk-overlay-area-content a:not([class]):hover { - color: inherit; -} -/* Sub-object `uk-overlay-caption` - ========================================================================== */ -/* - * 1. Set position - * 2. Set style - * 3. Fade-in transition - */ -.uk-overlay-caption { - /* 1 */ - position: absolute; - bottom: 0; - left: 0; - right: 0; - /* 2 */ - padding: 15px; - background: rgba(0, 0, 0, 0.5); - color: #ffffff; - /* 3 */ - opacity: 0; - -webkit-transition: opacity 0.15s linear; - transition: opacity 0.15s linear; -} -/* - * Hover - * 1. Use optional `uk-overlay-toggle` to trigger the overlay earlier - */ -.uk-overlay:hover .uk-overlay-caption, -.uk-overlay-toggle:hover .uk-overlay-caption { - opacity: 1; -} -/* ======================================================================== - Component: Progress - ========================================================================== */ -/* - * 1. Clearing - * 2. Vertical alignment if text is used - */ -.uk-progress { - -moz-box-sizing: border-box; - box-sizing: border-box; - height: 20px; - margin-bottom: 15px; - background: #f7f7f7; - /* 1 */ - overflow: hidden; - /* 2 */ - line-height: 20px; - box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.07), inset 0 2px 2px rgba(0, 0, 0, 0.07); - border-radius: 4px; -} -/* - * Add margin if adjacent element - */ -* + .uk-progress { - margin-top: 15px; -} -/* Sub-object: `uk-progress-bar` - ========================================================================== */ -/* - * 1. Transition - * 2. Needed for text - */ -.uk-progress-bar { - width: 0; - height: 100%; - background: #009dd8; - float: left; - /* 1 */ - -webkit-transition: width 0.6s ease; - transition: width 0.6s ease; - /* 2 */ - font-size: 12px; - color: #ffffff; - text-align: center; - background-image: -webkit-linear-gradient(top, #00b4f5, #008dc5); - background-image: linear-gradient(to bottom, #00b4f5, #008dc5); - box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.2), inset 0 0 0 1px rgba(0, 0, 0, 0.1); - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); -} -/* Size modifiers - ========================================================================== */ -/* Mini */ -.uk-progress-mini { - height: 6px; -} -/* Small */ -.uk-progress-small { - height: 12px; -} -/* Color modifiers - ========================================================================== */ -.uk-progress-success .uk-progress-bar { - background-color: #82bb42; - background-image: -webkit-linear-gradient(top, #9fd256, #6fac34); - background-image: linear-gradient(to bottom, #9fd256, #6fac34); -} -.uk-progress-warning .uk-progress-bar { - background-color: #f9a124; - background-image: -webkit-linear-gradient(top, #fbb450, #f89406); - background-image: linear-gradient(to bottom, #fbb450, #f89406); -} -.uk-progress-danger .uk-progress-bar { - background-color: #d32c46; - background-image: -webkit-linear-gradient(top, #ee465a, #c11a39); - background-image: linear-gradient(to bottom, #ee465a, #c11a39); -} -/* Modifier: `uk-progress-striped` - ========================================================================== */ -.uk-progress-striped .uk-progress-bar { - 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); - 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); - background-size: 30px 30px; -} -/* - * Animation - */ -.uk-progress-striped.uk-active .uk-progress-bar { - -webkit-animation: uk-progress-bar-stripes 2s linear infinite; - animation: uk-progress-bar-stripes 2s linear infinite; -} -@-webkit-keyframes uk-progress-bar-stripes { - 0% { - background-position: 0 0; - } - 100% { - background-position: 30px 0; - } -} -@keyframes uk-progress-bar-stripes { - 0% { - background-position: 0 0; - } - 100% { - background-position: 30px 0; - } -} -/* Size modifiers - ========================================================================== */ -.uk-progress-mini, -.uk-progress-small { - border-radius: 500px; -} -/* ======================================================================== - Component: Search - ========================================================================== */ -/* - * 1. Create position context for dropdowns - * 2. Needed for `form` element - */ -.uk-search { - display: inline-block; - /* 1 */ - position: relative; - /* 2 */ - margin: 0; -} -/* - * Icon - */ -.uk-search:before { - content: "\f002"; - position: absolute; - top: 0; - left: 0; - width: 30px; - line-height: 30px; - text-align: center; - font-family: FontAwesome; - font-size: 14px; - color: rgba(0, 0, 0, 0.2); -} -/* Sub-object `uk-search-field` - ========================================================================== */ -/* - * 1. Needed to reset iOS `input[type="search"]` appearance - */ -.uk-search-field { - width: 120px; - height: 30px; - padding: 0 30px; - border: 1px solid rgba(0, 0, 0, 0); - background: rgba(0, 0, 0, 0); - color: #444444; - -webkit-transition: all linear 0.2s; - transition: all linear 0.2s; - /* 1 */ - border-radius: 0; -} -/* - * Needed to reset iOS `input[type="search"]` appearance - * Higher specificity to override appearance set by normalize.less - */ -input.uk-search-field { - -webkit-appearance: none; -} -/* Placeholder */ -.uk-search-field:-ms-input-placeholder { - color: #999999; -} -.uk-search-field::-moz-placeholder { - color: #999999; -} -.uk-search-field::-webkit-input-placeholder { - color: #999999; -} -/* Removes cancel button in IE10 */ -.uk-search-field::-ms-clear { - display: none; -} -/* Focus */ -.uk-search-field:focus { - outline: 0; -} -/* Focus + active */ -.uk-search-field:focus, -.uk-active .uk-search-field { - width: 180px; -} -/* Sub-object `uk-search-close` - ========================================================================== */ -/* - * 1. Required for `button` elements - * 2. Needed for Sarari - */ -.uk-search-close { - display: none; - position: absolute; - top: 0; - right: 0; - width: 30px; - line-height: 30px; - text-align: center; - font-size: 14px; - color: rgba(0, 0, 0, 0.2); - /* 1. */ - padding: 0; - border: 0; - -webkit-appearance: none; - /* 2. */ - background: transparent; -} -.uk-loading > .uk-search-close, -.uk-active > .uk-search-close { - display: block; -} -/* - * Icon - */ -.uk-search-close:after { - display: block; - content: "\f00d"; - font-family: FontAwesome; -} -/* Loading icon */ -.uk-loading > .uk-search-close:after { - content: "\f110"; - -webkit-animation: uk-spin 2s infinite linear; - animation: uk-spin 2s infinite linear; -} -/* ======================================================================== - Component: Animation - ========================================================================== */ -[class*='uk-animation-'] { - -webkit-animation-duration: 0.5s; - animation-duration: 0.5s; - -webkit-animation-timing-function: ease-out; - animation-timing-function: ease-out; - -webkit-animation-fill-mode: both; - animation-fill-mode: both; -} -/* Hide animated element if scrollspy is used */ -[data-uk-scrollspy*='uk-animation-'] { - opacity: 0; -} -/* - * Fade - */ -.uk-animation-fade { - -webkit-animation-name: uk-fade; - animation-name: uk-fade; - -webkit-animation-duration: 0.8s; - animation-duration: 0.8s; - -webkit-animation-timing-function: linear; - animation-timing-function: linear; -} -/* - * Scale - */ -.uk-animation-scale-up { - -webkit-animation-name: uk-scale-up; - animation-name: uk-scale-up; -} -.uk-animation-scale-down { - -webkit-animation-name: uk-scale-down; - animation-name: uk-scale-down; -} -/* - * Slide - */ -.uk-animation-slide-top { - -webkit-animation-name: uk-slide-top; - animation-name: uk-slide-top; -} -.uk-animation-slide-bottom { - -webkit-animation-name: uk-slide-bottom; - animation-name: uk-slide-bottom; -} -.uk-animation-slide-left { - -webkit-animation-name: uk-slide-left; - animation-name: uk-slide-left; -} -.uk-animation-slide-right { - -webkit-animation-name: uk-slide-right; - animation-name: uk-slide-right; -} -/* - * Shake - */ -.uk-animation-shake { - -webkit-animation-name: uk-shake; - animation-name: uk-shake; -} -/* Modifiers - ========================================================================== */ -.uk-animation-reverse { - -webkit-animation-direction: reverse; - animation-direction: reverse; -} -/* Keyframes - ========================================================================== */ -/* - * Fade - */ -@-webkit-keyframes uk-fade { - 0% { - opacity: 0; - } - 100% { - opacity: 1; - } -} -@keyframes uk-fade { - 0% { - opacity: 0; - } - 100% { - opacity: 1; - } -} -/* - * Scale up - */ -@-webkit-keyframes uk-scale-up { - 0% { - opacity: 0; - -webkit-transform: scale(0.2); - } - 100% { - opacity: 1; - -webkit-transform: scale(1); - } -} -@keyframes uk-scale-up { - 0% { - opacity: 0; - transform: scale(0.2); - } - 100% { - opacity: 1; - transform: scale(1); - } -} -/* - * Scale down - */ -@-webkit-keyframes uk-scale-down { - 0% { - opacity: 0; - -webkit-transform: scale(1.8); - } - 100% { - opacity: 1; - -webkit-transform: scale(1); - } -} -@keyframes uk-scale-down { - 0% { - opacity: 0; - transform: scale(1.8); - } - 100% { - opacity: 1; - transform: scale(1); - } -} -/* - * Slide top - */ -@-webkit-keyframes uk-slide-top { - 0% { - opacity: 0; - -webkit-transform: translateY(-100%); - } - 100% { - opacity: 1; - -webkit-transform: translateY(0); - } -} -@keyframes uk-slide-top { - 0% { - opacity: 0; - transform: translateY(-100%); - } - 100% { - opacity: 1; - transform: translateY(0); - } -} -/* - * Slide bottom - */ -@-webkit-keyframes uk-slide-bottom { - 0% { - opacity: 0; - -webkit-transform: translateY(100%); - } - 100% { - opacity: 1; - -webkit-transform: translateY(0); - } -} -@keyframes uk-slide-bottom { - 0% { - opacity: 0; - transform: translateY(100%); - } - 100% { - opacity: 1; - transform: translateY(0); - } -} -/* - * Slide left - */ -@-webkit-keyframes uk-slide-left { - 0% { - opacity: 0; - -webkit-transform: translateX(-100%); - } - 100% { - opacity: 1; - -webkit-transform: translateX(0); - } -} -@keyframes uk-slide-left { - 0% { - opacity: 0; - transform: translateX(-100%); - } - 100% { - opacity: 1; - transform: translateX(0); - } -} -/* - * Slide right - */ -@-webkit-keyframes uk-slide-right { - 0% { - opacity: 0; - -webkit-transform: translateX(100%); - } - 100% { - opacity: 1; - -webkit-transform: translateX(0); - } -} -@keyframes uk-slide-right { - 0% { - opacity: 0; - transform: translateX(100%); - } - 100% { - opacity: 1; - transform: translateX(0); - } -} -/* - * Shake - */ -@-webkit-keyframes uk-shake { - 0%, - 100% { - -webkit-transform: translateX(0); - } - 10% { - -webkit-transform: translateX(-9px); - } - 20% { - -webkit-transform: translateX(8px); - } - 30% { - -webkit-transform: translateX(-7px); - } - 40% { - -webkit-transform: translateX(6px); - } - 50% { - -webkit-transform: translateX(-5px); - } - 60% { - -webkit-transform: translateX(4px); - } - 70% { - -webkit-transform: translateX(-3px); - } - 80% { - -webkit-transform: translateX(2px); - } - 90% { - -webkit-transform: translateX(-1px); - } -} -@keyframes uk-shake { - 0%, - 100% { - transform: translateX(0); - } - 10% { - transform: translateX(-9px); - } - 20% { - transform: translateX(8px); - } - 30% { - transform: translateX(-7px); - } - 40% { - transform: translateX(6px); - } - 50% { - transform: translateX(-5px); - } - 60% { - transform: translateX(4px); - } - 70% { - transform: translateX(-3px); - } - 80% { - transform: translateX(2px); - } - 90% { - transform: translateX(-1px); - } -} -/* - * Slide top fixed - */ -@-webkit-keyframes uk-slide-top-fixed { - 0% { - opacity: 0; - -webkit-transform: translateY(-10px); - } - 100% { - opacity: 1; - -webkit-transform: translateY(0); - } -} -@keyframes uk-slide-top-fixed { - 0% { - opacity: 0; - transform: translateY(-10px); - } - 100% { - opacity: 1; - transform: translateY(0); - } -} -/* - * Slide bottom fixed - */ -@-webkit-keyframes uk-slide-bottom-fixed { - 0% { - opacity: 0; - -webkit-transform: translateY(10px); - } - 100% { - opacity: 1; - -webkit-transform: translateY(0); - } -} -@keyframes uk-slide-bottom-fixed { - 0% { - opacity: 0; - transform: translateY(10px); - } - 100% { - opacity: 1; - transform: translateY(0); - } -} -/* - * Spin - */ -@-webkit-keyframes uk-spin { - 0% { - -webkit-transform: rotate(0deg); - } - 100% { - -webkit-transform: rotate(359deg); - } -} -@keyframes uk-spin { - 0% { - transform: rotate(0deg); - } - 100% { - transform: rotate(359deg); - } -} -/* ======================================================================== - Component: Dropdown - ========================================================================== */ -/* - * 1. Hide by default - * 2. Set position - * 3. Box-sizing is needed for `uk-dropdown-justify` - * 4. Set style - * 5. Reset button group whitespace hack - */ -.uk-dropdown { - /* 1 */ - display: none; - /* 2 */ - position: absolute; - top: 100%; - left: 0; - z-index: 1000; - /* 3 */ - -moz-box-sizing: border-box; - box-sizing: border-box; - /* 4 */ - width: 200px; - margin-top: 5px; - padding: 15px; - background: #ffffff; - color: #444444; - /* 5 */ - letter-spacing: normal; - border: 1px solid #cbcbcb; - border-radius: 4px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); -} -/* - * 1. Show dropdown - * 2. Set animation - * 3. Needed for scale animation - */ -.uk-open > .uk-dropdown { - /* 1 */ - display: block; - /* 2 */ - -webkit-animation: uk-fade 0.2s ease-in-out; - animation: uk-fade 0.2s ease-in-out; - /* 3 */ - -webkit-transform-origin: 0 0; - transform-origin: 0 0; -} -/* Alignment modifiers - ========================================================================== */ -/* - * Modifier `uk-dropdown-flip` - */ -.uk-dropdown-flip { - left: auto; - right: 0; -} -/* - * Modifier `uk-dropdown-up` - */ -.uk-dropdown-up { - top: auto; - bottom: 100%; - margin-top: auto; - margin-bottom: 5px; -} -/* Nav in dropdown - ========================================================================== */ -.uk-dropdown .uk-nav { - margin: 0 -15px; -} -/* Grid and panel in dropdown - ========================================================================== */ -/* -* Vertical gutter -*/ -/* Grid */ -.uk-dropdown > .uk-grid + .uk-grid { - margin-top: 15px; -} -/* Panels */ -.uk-dropdown > .uk-grid > [class*='uk-width-'] > .uk-panel + .uk-panel { - margin-top: 15px; -} -/* Only tablets and desktops */ -@media (min-width: 768px) { - /* - * Horizontal gutter - */ - .uk-dropdown:not(.uk-dropdown-stack) > .uk-grid { - margin-left: -15px; - margin-right: -15px; - } - .uk-dropdown:not(.uk-dropdown-stack) > .uk-grid > [class*='uk-width-'] { - padding-left: 15px; - padding-right: 15px; - } - /* - * Column divider - */ - .uk-dropdown:not(.uk-dropdown-stack) > .uk-grid > [class*='uk-width-']:nth-child(n+2) { - border-left: 1px solid #dddddd; - } - /* - * Width multiplier for dropdown columns - */ - .uk-dropdown-width-2:not(.uk-dropdown-stack) { - width: 400px; - } - .uk-dropdown-width-3:not(.uk-dropdown-stack) { - width: 600px; - } - .uk-dropdown-width-4:not(.uk-dropdown-stack) { - width: 800px; - } - .uk-dropdown-width-5:not(.uk-dropdown-stack) { - width: 1000px; - } -} -/* Only phones */ -@media (max-width: 767px) { - /* - * Stack columns and take full width - */ - .uk-dropdown > .uk-grid > [class*='uk-width-'] { - width: 100%; - } - /* - * Vertical gutter - */ - .uk-dropdown > .uk-grid > [class*='uk-width-']:nth-child(n+2) { - margin-top: 15px; - } -} -/* -* Stack grid columns -*/ -.uk-dropdown-stack > .uk-grid > [class*='uk-width-'] { - width: 100%; -} -.uk-dropdown-stack > .uk-grid > [class*='uk-width-']:nth-child(n+2) { - margin-top: 15px; -} -/* Modifier `uk-dropdown-small` - ========================================================================== */ -/* - * Set min-width and text expands dropdown if needed - */ -.uk-dropdown-small { - min-width: 150px; - width: auto; - padding: 5px; - white-space: nowrap; -} -/* - * Nav in dropdown - */ -.uk-dropdown-small .uk-nav { - margin: 0 -5px; -} -/* Modifier: `uk-dropdown-navbar` - ========================================================================== */ -.uk-dropdown-navbar { - margin-top: 6px; - background: #ffffff; - color: #444444; - left: -1px; - border: 1px solid #cbcbcb; - border-radius: 4px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); -} -.uk-open > .uk-dropdown-navbar { - -webkit-animation: uk-slide-top-fixed 0.2s ease-in-out; - animation: uk-slide-top-fixed 0.2s ease-in-out; -} -/* Modifier: `uk-dropdown-search` - ========================================================================== */ -.uk-dropdown-search { - width: 300px; - margin-top: 0; - background: #ffffff; - color: #444444; -} -.uk-open > .uk-dropdown-search { - -webkit-animation: uk-slide-top-fixed 0.2s ease-in-out; - animation: uk-slide-top-fixed 0.2s ease-in-out; -} -/* - * Dependency `uk-navbar-flip` - */ -.uk-navbar-flip .uk-dropdown-search { - margin-top: 11px; - margin-right: -16px; -} -.uk-dropdown-navbar.uk-dropdown-flip { - left: auto; -} -/* ======================================================================== - Component: Modal - ========================================================================== */ -/* - * This is the modal overlay and modal dialog container - * 1. Hide by default - * 2. Set fixed position - * 3. Webkit needs a height to position the modal dialog vertically in percent - * 4. Allow scrolling for the modal dialog - * 5. Mask the background page - * 6. Fade-in transition - */ -.uk-modal { - /* 1 */ - display: none; - /* 2 */ - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1020; - /* 3 */ - height: 100%; - /* 4 */ - overflow-y: auto; - -webkit-overflow-scrolling: touch; - /* 5 */ - background: rgba(0, 0, 0, 0.6); - /* 6 */ - opacity: 0; - -webkit-transition: opacity 0.15s linear; - transition: opacity 0.15s linear; -} -/* - * Open state - */ -.uk-modal.uk-open { - opacity: 1; -} -/* - * Prevents dublicated scrollbar caused by 4. - */ -.uk-modal-page { - overflow: hidden; -} -/* Sub-object: `uk-modal-dialog` - ========================================================================== */ -/* - * 1. Set position - * 2. Set box sizing - * 3. Center dialog box - * 4. Style - */ -.uk-modal-dialog { - /* 1 */ - position: relative; - top: 10%; - left: 50%; - /* 2 */ - -moz-box-sizing: border-box; - box-sizing: border-box; - padding: 20px; - width: 600px; - /* 3 */ - margin-left: -300px; - /* 4 */ - background: #ffffff; - border-radius: 4px; - box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -} -/* Only phones */ -@media (max-width: 767px) { - /* - * Fit in small screen - */ - .uk-modal-dialog { - top: 0; - left: 0; - right: 0; - width: auto; - margin: 10px; - } -} -/* - * Remove margin from the last-child - */ -.uk-modal-dialog > :last-child { - margin-bottom: 0; -} -/* Modifier: `uk-modal-dialog-slide` - ========================================================================== */ -/* - * Adds a slide-in transition to the modal dialog - */ -.uk-modal-dialog-slide { - opacity: 0; - -webkit-transform: translateY(-25%); - transform: translateY(-25%); - -webkit-transition: opacity 0.3s linear, -webkit-transform 0.3s ease-out; - transition: opacity 0.3s linear, transform 0.3s ease-out; -} -.uk-open .uk-modal-dialog-slide { - opacity: 1; - -webkit-transform: translateY(0); - transform: translateY(0); -} -/* Close in modal - ========================================================================== */ -.uk-modal-dialog > .uk-close:first-child { - margin: -10px -10px 0 0; - float: right; -} -/* - * Remove margin from adjacent element - */ -.uk-modal-dialog > .uk-close:first-child + * { - margin-top: 0; -} -/* Modifier: `uk-modal-dialog-frameless` - ========================================================================== */ -.uk-modal-dialog-frameless { - padding: 0; -} -/* - * Close in modal - */ -.uk-modal-dialog-frameless > .uk-close:first-child { - position: absolute; - top: -12px; - right: -12px; - margin: 0; - float: none; -} -/* Only phones */ -@media (max-width: 767px) { - .uk-modal-dialog-frameless > .uk-close:first-child { - top: -7px; - right: -7px; - } -} -/* ======================================================================== - Component: Off-canvas - ========================================================================== */ -/* - * This is the offcanvas overlay and bar container - * 1. Hide by default - * 2. Set fixed position - * 3. Mask the background page - */ -.uk-offcanvas { - /* 1 */ - display: none; - /* 2 */ - position: fixed; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1010; - /* 3 */ - background: rgba(0, 0, 0, 0.1); -} -.uk-offcanvas.uk-active { - display: block; -} -/* Sub-object `uk-offcanvas-page` - ========================================================================== */ -/* - * Prepares the whole HTML page to slide-out - * 1. Fix the main page and disallow scrolling - * 2. Side-out transition - */ -.uk-offcanvas-page { - /* 1 */ - position: fixed; - /* 2 */ - -webkit-transition: margin-left 0.3s ease-in-out 50ms; - transition: margin-left 0.3s ease-in-out 50ms; -} -/* Sub-object `uk-offcanvas-bar` - ========================================================================== */ -/* - * This is the offcanvas bar - * 1. Set fixed position - * 2. Size and style - * 3. Allow scrolling - * 4. Side-out transition - */ -.uk-offcanvas-bar { - /* 1 */ - position: fixed; - top: 0; - bottom: 0; - left: 0; - -webkit-transform: translateX(-100%); - transform: translateX(-100%); - z-index: 1011; - /* 2 */ - width: 270px; - max-width: 100%; - background: #333333; - /* 3 */ - overflow-y: auto; - -webkit-overflow-scrolling: touch; - /* 4 */ - -webkit-transition: -webkit-transform 0.3s ease-in-out; - transition: transform 0.3s ease-in-out; -} -.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show { - -webkit-transform: translateX(0%); - transform: translateX(0%); -} -/* Modifier `uk-offcanvas-bar-flip` - ========================================================================== */ -.uk-offcanvas-bar-flip { - left: auto; - right: 0; - -webkit-transform: translateX(100%); - transform: translateX(100%); -} -/* Panel in offcanvas - ========================================================================== */ -.uk-offcanvas .uk-panel { - margin: 20px 15px; - color: #777777; - text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); -} -.uk-offcanvas .uk-panel-title { - color: #cccccc; -} -.uk-offcanvas .uk-panel a:not([class]) { - color: #cccccc; -} -.uk-offcanvas .uk-panel a:not([class]):hover { - color: #ffffff; -} -/* Search in offcanvas - ========================================================================== */ -.uk-offcanvas .uk-search { - display: block; - margin: 20px 15px; -} -.uk-offcanvas .uk-search:before { - color: #777777; -} -.uk-offcanvas .uk-search-field { - width: 100%; - border-color: rgba(0, 0, 0, 0); - background: #1a1a1a; - color: #cccccc; -} -.uk-offcanvas .uk-search-field:-ms-input-placeholder { - color: #777777; -} -.uk-offcanvas .uk-search-field::-moz-placeholder { - color: #777777; -} -.uk-offcanvas .uk-search-field::-webkit-input-placeholder { - color: #777777; -} -.uk-offcanvas-bar:after { - content: ""; - display: block; - position: absolute; - top: 0; - bottom: 0; - right: 0; - width: 1px; - background: rgba(0, 0, 0, 0.6); - box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.6); -} -.uk-offcanvas-bar-flip:after { - right: auto; - left: 0; - width: 1px; - background: rgba(0, 0, 0, 0.6); - box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.6); -} -/* ======================================================================== - Component: Switcher - ========================================================================== */ -.uk-switcher { - margin: 0; - padding: 0; - list-style: none; -} -/* - * Items - */ -.uk-switcher > *:not(.uk-active) { - display: none; -} -/* ======================================================================== - Component: Tooltip - ========================================================================== */ -/* - * 1. Hide by default - * 2. Set fixed position - * 3. Set dimensions - * 4. Set style - */ -.uk-tooltip { - /* 1 */ - display: none; - /* 2 */ - position: absolute; - z-index: 1030; - /* 3 */ - -moz-box-sizing: border-box; - box-sizing: border-box; - max-width: 200px; - padding: 5px 8px; - /* 4 */ - background: #333333; - color: rgba(255, 255, 255, 0.7); - font-size: 12px; - line-height: 18px; - text-align: center; - border-radius: 3px; - text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); -} -/* Triangle - ========================================================================== */ -/* - * 1. Dashed is less antialised than solid - */ -.uk-tooltip:after { - content: ""; - display: block; - position: absolute; - width: 0; - height: 0; - /* 1 */ - border: 5px dashed #333333; -} -/* Direction modifiers - ========================================================================== */ -/* - * Top - */ -.uk-tooltip-top:after, -.uk-tooltip-top-left:after, -.uk-tooltip-top-right:after { - bottom: -5px; - border-top-style: solid; - border-bottom: none; - border-left-color: transparent; - border-right-color: transparent; - border-top-color: #333333; -} -/* - * Bottom - */ -.uk-tooltip-bottom:after, -.uk-tooltip-bottom-left:after, -.uk-tooltip-bottom-right:after { - top: -5px; - border-bottom-style: solid; - border-top: none; - border-left-color: transparent; - border-right-color: transparent; - border-bottom-color: #333333; -} -/* - * Top/Bottom center - */ -.uk-tooltip-top:after, -.uk-tooltip-bottom:after { - left: 50%; - margin-left: -5px; -} -/* - * Top/Bottom left - */ -.uk-tooltip-top-left:after, -.uk-tooltip-bottom-left:after { - left: 10px; -} -/* - * Top/Bottom right - */ -.uk-tooltip-top-right:after, -.uk-tooltip-bottom-right:after { - right: 10px; -} -/* - * Left - */ -.uk-tooltip-left:after { - right: -5px; - top: 50%; - margin-top: -5px; - border-left-style: solid; - border-right: none; - border-top-color: transparent; - border-bottom-color: transparent; - border-left-color: #333333; -} -/* - * Right - */ -.uk-tooltip-right:after { - left: -5px; - top: 50%; - margin-top: -5px; - border-right-style: solid; - border-left: none; - border-top-color: transparent; - border-bottom-color: transparent; - border-right-color: #333333; -} -/* ======================================================================== - Component: Text - ========================================================================== */ -/* Size modifiers - ========================================================================== */ -.uk-text-small { - font-size: 11px; - line-height: 16px; -} -.uk-text-large { - font-size: 18px; - line-height: 24px; -} -/* Weight modifiers - ========================================================================== */ -.uk-text-bold { - font-weight: bold; -} -/* Color modifiers - ========================================================================== */ -.uk-text-muted { - color: #999999 !important; -} -.uk-text-info { - color: #2d7091 !important; -} -.uk-text-success { - color: #659f13 !important; -} -.uk-text-warning { - color: #e28327 !important; -} -.uk-text-danger { - color: #d85030 !important; -} -/* Alignment modifiers - ========================================================================== */ -.uk-text-left { - text-align: left !important; -} -.uk-text-right { - text-align: right !important; -} -.uk-text-center { - text-align: center !important; -} -.uk-text-justify { - text-align: justify !important; -} -/* Wrap modifiers - ========================================================================== */ -/* - * Prevent text from wrapping onto multiple lines - */ -.uk-text-nowrap { - white-space: nowrap; -} -/* - * Prevent text from wrapping onto multiple lines, and truncate with an ellipsis - */ -.uk-text-truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; -} -/* - * Break strings if their length exceeds the width of their container - */ -.uk-text-break { - word-wrap: break-word; - -webkit-hyphens: auto; - -ms-hyphens: auto; - -moz-hyphens: auto; - hyphens: auto; -} -/* ======================================================================== - Component: Utility - ========================================================================== */ -/* Container - ========================================================================== */ -.uk-container { - -moz-box-sizing: border-box; - box-sizing: border-box; - max-width: 980px; - padding: 0 25px; -} -/* Only large screens */ -@media (min-width: 1220px) { - .uk-container { - max-width: 1200px; - padding: 0 35px; - } -} -/* - * Micro clearfix - */ -.uk-container:before, -.uk-container:after { - content: " "; - display: table; -} -.uk-container:after { - clear: both; -} -/* - * Center container - */ -.uk-container-center { - margin-left: auto; - margin-right: auto; -} -/* Clearing - ========================================================================== */ -/* - * Micro clearfix - */ -.uk-clearfix:before, -.uk-clearfix:after { - content: " "; - display: table; -} -.uk-clearfix:after { - clear: both; -} -/* - * Create a new block formatting context - */ -.uk-nbfc { - overflow: hidden; -} -.uk-nbfc-alt { - display: table-cell; - width: 10000px; -} -/* Alignment of block elements - ========================================================================== */ -/* - * Float blocks - * 1. Prevent content overflow on small devices - */ -.uk-float-left { - float: left; -} -.uk-float-right { - float: right; -} -/* 1 */ -[class*='uk-float-'] { - max-width: 100%; -} -/* Alignment of images and objects - ========================================================================== */ -/* - * Alignment - */ -[class*='uk-align-'] { - display: block; - margin-bottom: 15px; -} -.uk-align-left { - margin-right: 15px; - float: left; -} -.uk-align-right { - margin-left: 15px; - float: right; -} -/* Only tablets and desktop */ -@media (min-width: 768px) { - .uk-align-medium-left { - margin-right: 15px; - margin-bottom: 15px; - float: left; - } - .uk-align-medium-right { - margin-left: 15px; - margin-bottom: 15px; - float: right; - } -} -.uk-align-center { - margin-left: auto; - margin-right: auto; -} -/* Vertical alignment - ========================================================================== */ -/* - * Remove whitespace between child elements when using `inline-block` - */ -.uk-vertical-align { - letter-spacing: -0.31em; -} -/* - * The `uk-vertical-align` container needs a specific height - */ -.uk-vertical-align:before { - content: ''; - display: inline-block; - height: 100%; - vertical-align: middle; -} -/* - * Sub-object which can have any height - * 1. Reset whitespace hack - */ -.uk-vertical-align-middle, -.uk-vertical-align-bottom { - display: inline-block; - max-width: 100%; - /* 1 */ - letter-spacing: normal; -} -.uk-vertical-align-middle { - vertical-align: middle; -} -.uk-vertical-align-bottom { - vertical-align: bottom; -} -/* - * This helper class is very useful to extend the `html` and `body` element to the full height of the page. - */ -.uk-height-1-1 { - height: 100%; -} -/* Responsive objects - * Note: Images are already responsive by default, see Base component - ========================================================================== */ -/* - * 1. Corrects max-width/max-height behavior if padding and border are used - */ -.uk-responsive-width, -.uk-responsive-height { - -moz-box-sizing: border-box; - box-sizing: border-box; -} -/* - * Responsiveness: Sets a maxium width relative to the parent and auto scales the height - */ -.uk-responsive-width { - max-width: 100%; - height: auto; -} -/* - * Responsiveness: Sets a maxium height relative to the parent and auto scales the width - * Only works if the parent element has a fixed height. - */ -.uk-responsive-height { - max-height: 100%; - width: auto; -} -/* Margin - ========================================================================== */ -/* - * Create a block with the same margin of a paragraph - */ -.uk-margin { - margin-bottom: 15px; -} -/* - * Add margin if adjacent element - */ -* + .uk-margin { - margin-top: 15px; -} -/* - * Margins - */ -.uk-margin-top { - margin-top: 15px !important; -} -.uk-margin-bottom { - margin-bottom: 15px !important; -} -.uk-margin-left { - margin-left: 15px !important; -} -.uk-margin-right { - margin-right: 15px !important; -} -/* - * Smaller margins - */ -.uk-margin-small-top { - margin-top: 5px !important; -} -.uk-margin-small-bottom { - margin-bottom: 5px !important; -} -.uk-margin-small-left { - margin-left: 5px !important; -} -.uk-margin-small-right { - margin-right: 5px !important; -} -/* - * Remove margins - */ -.uk-margin-remove { - margin: 0 !important; -} -.uk-margin-top-remove { - margin-top: 0 !important; -} -.uk-margin-bottom-remove { - margin-bottom: 0 !important; -} -/* Border - ========================================================================== */ -.uk-border-circle { - border-radius: 50%; -} -/* Headings - ========================================================================== */ -/* Only tablets and desktops */ -@media (min-width: 768px) { - .uk-heading-large { - font-size: 52px; - line-height: 64px; - } -} -/* Link - ========================================================================== */ -.uk-link-muted, -.uk-link-muted a { - color: #444444; -} -.uk-link-muted:hover, -.uk-link-muted a:hover { - color: #444444; -} -/* Scrollable - ========================================================================== */ -/* - * Enable scrolling for preformatted text - */ -.uk-scrollable-text { - max-height: 300px; - overflow-y: scroll; -} -/* - * Box with scrolling enabled - */ -.uk-scrollable-box { - -moz-box-sizing: border-box; - box-sizing: border-box; - max-height: 170px; - padding: 10px; - border: 1px solid #dddddd; - overflow: auto; - border-radius: 3px; -} -/* - * Remove margin from the last-child - */ -.uk-scrollable-box > :last-child { - margin-bottom: 0; -} -/* Display - ========================================================================== */ -/* - * Display - */ -.uk-display-block { - display: block !important; -} -.uk-display-inline { - display: inline !important; -} -.uk-display-inline-block { - display: inline-block !important; -} -/* - * Visibility - * Avoids setting display to `block` - */ -/* Only desktops */ -@media (min-width: 960px) { - .uk-visible-small { - display: none !important; - } - .uk-visible-medium { - display: none !important; - } - .uk-hidden-large { - display: none !important; - } -} -/* Only tablets portrait */ -@media (min-width: 768px) and (max-width: 959px) { - .uk-visible-small { - display: none !important; - } - .uk-visible-large { - display: none !important ; - } - .uk-hidden-medium { - display: none !important; - } -} -/* Only phones */ -@media (max-width: 767px) { - .uk-visible-medium { - display: none !important; - } - .uk-visible-large { - display: none !important; - } - .uk-hidden-small { - display: none !important; - } -} -/* Remove from the flow and screen readers on any device */ -.uk-hidden { - display: none !important; - visibility: hidden !important; -} -/* It's hidden, but still affects layout */ -.uk-invisible { - visibility: hidden !important; -} -/* Show on hover */ -.uk-visible-hover:hover .uk-hidden, -.uk-visible-hover:hover .uk-invisible { - display: block !important; - visibility: visible !important; -} -.uk-visible-hover-inline:hover .uk-hidden, -.uk-visible-hover-inline:hover .uk-invisible { - display: inline-block !important; - visibility: visible !important; -} -/* ======================================================================== - Component: Print - ========================================================================== */ -@media print { - * { - background: transparent !important; - color: black !important; - box-shadow: none !important; - text-shadow: none !important; - } - a, - a:visited { - text-decoration: underline; - } - pre, - blockquote { - border: 1px solid #999; - page-break-inside: avoid; - } - thead { - display: table-header-group; - } - tr, - img { - page-break-inside: avoid; - } - img { - max-width: 100% !important; - } - @page { - margin: 0.5cm; - } - p, - h2, - h3 { - orphans: 3; - widows: 3; - } - h2, - h3 { - page-break-after: avoid; - } -} -/* - * Needed for hover - * 1. Create position context to superimpose the successor elements border - * 2. Needed because the `li` elements have already a position context - */ diff --git a/lib/css/uikit.gradient.min.css b/lib/css/uikit.gradient.min.css deleted file mode 100644 index 2530aaa..0000000 --- a/lib/css/uikit.gradient.min.css +++ /dev/null @@ -1,3 +0,0 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - -html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-size:1em;font-family:Consolas,monospace,serif}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}optgroup{font-weight:700}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button:disabled,html input:disabled{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{padding:0;cursor:pointer}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:0;margin:0;padding:0}legend{border:0;padding:0}textarea{overflow:auto;vertical-align:top}::-moz-placeholder{opacity:1}table{border-collapse:collapse;border-spacing:0}html{font-size:14px}body{background:#fff;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;line-height:20px;color:#444;background-image:-webkit-radial-gradient(100% 100%,center,#fff,#fff);background-image:radial-gradient(100% 100% at center,#fff,#fff)}@media (max-width:767px){body{word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;-moz-hyphens:auto;hyphens:auto}}a,.uk-link{color:#07d;text-decoration:none;cursor:pointer}a:hover,.uk-link:hover{color:#059;text-decoration:underline}em{color:#d05}ins{background:#ffa;color:#444;text-decoration:none}mark{background:#ffa;color:#444}::-moz-selection{background:#39f;color:#fff;text-shadow:none}::selection{background:#39f;color:#fff;text-shadow:none}abbr[title],dfn[title]{cursor:help}dfn[title]{border-bottom:1px dotted;font-style:normal}img{-moz-box-sizing:border-box;box-sizing:border-box;max-width:100%;height:auto;vertical-align:middle}.uk-img-preserve,.uk-img-preserve img,img[src*="maps.gstatic.com"],img[src*="googleapis.com"]{max-width:none}p,hr,ul,ol,dl,blockquote,pre,address,fieldset,figure{margin:0 0 15px}*+p,*+hr,*+ul,*+ol,*+dl,*+blockquote,*+pre,*+address,*+fieldset,*+figure{margin-top:15px}h1,h2,h3,h4,h5,h6{margin:0 0 15px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;color:#444;text-transform:none}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:25px}h1,.uk-h1{font-size:36px;line-height:42px}h2,.uk-h2{font-size:24px;line-height:30px}h3,.uk-h3{font-size:18px;line-height:24px}h4,.uk-h4{font-size:16px;line-height:22px}h5,.uk-h5{font-size:14px;line-height:20px}h6,.uk-h6{font-size:12px;line-height:18px}ul,ol{padding-left:30px}ul>li>ul,ul>li>ol,ol>li>ol,ol>li>ul{margin:0}dt{font-weight:700}dd{margin-left:0}hr{display:block;padding:0;border:0;border-top:1px solid #ddd}address{font-style:normal}q,blockquote{font-style:italic}blockquote{padding-left:15px;border-left:5px solid #ddd;font-size:16px;line-height:22px}blockquote small{display:block;color:#999;font-style:normal}blockquote p:last-of-type{margin-bottom:5px}code{color:#d05;font-size:12px;white-space:nowrap;padding:0 4px;border:1px solid #ddd;border-radius:3px;background:#fafafa}pre code{color:inherit;white-space:pre-wrap;padding:0;border:0;background:0 0}pre{padding:10px;background:#fafafa;color:#444;font-size:12px;line-height:18px;-moz-tab-size:4;tab-size:4;border:1px solid #ddd;border-radius:3px}button,input:not([type=radio]):not([type=checkbox]),select{vertical-align:middle}iframe{border:0}@media screen and (max-width:400px){@-ms-viewport{width:device-width}}.uk-grid:before,.uk-grid:after{content:" ";display:table}.uk-grid:after{clear:both}.uk-grid{margin:0 0 0 -25px;padding:0;list-style:none}.uk-grid+.uk-grid{margin-top:25px}.uk-grid>[class*=uk-width-]{margin:0;padding-left:25px;float:left}.uk-grid>[class*=uk-width-]>:last-child{margin-bottom:0}.uk-grid>.uk-grid-margin{margin-top:25px}.uk-grid-divider:not(:empty){margin-left:-25px;margin-right:-25px}.uk-grid-divider:not(:empty)>[class*=uk-width-]{padding-left:25px;padding-right:25px}.uk-grid-divider:not(:empty)>[class*=uk-width-1-]:not(.uk-width-1-1):nth-child(n+2),.uk-grid-divider:not(:empty)>[class*=uk-width-2-]:nth-child(n+2),.uk-grid-divider:not(:empty)>[class*=uk-width-3-]:nth-child(n+2),.uk-grid-divider:not(:empty)>[class*=uk-width-4-]:nth-child(n+2),.uk-grid-divider:not(:empty)>[class*=uk-width-5-]:nth-child(n+2),.uk-grid-divider:not(:empty)>[class*=uk-width-6-]:nth-child(n+2),.uk-grid-divider:not(:empty)>[class*=uk-width-7-]:nth-child(n+2),.uk-grid-divider:not(:empty)>[class*=uk-width-8-]:nth-child(n+2),.uk-grid-divider:not(:empty)>[class*=uk-width-9-]:nth-child(n+2){border-left:1px solid #ddd}@media (min-width:768px){.uk-grid-divider:not(:empty)>[class*=uk-width-medium-]:not(.uk-width-medium-1-1):nth-child(n+2){border-left:1px solid #ddd}}@media (min-width:960px){.uk-grid-divider:not(:empty)>[class*=uk-width-large-]:not(.uk-width-large-1-1):nth-child(n+2){border-left:1px solid #ddd}}.uk-grid-divider:empty{margin-top:25px;margin-bottom:25px;border-top:1px solid #ddd}.uk-grid>[class*=uk-width-]>.uk-panel+.uk-panel{margin-top:25px}@media (min-width:1220px){.uk-grid:not(.uk-grid-preserve){margin-left:-35px}.uk-grid:not(.uk-grid-preserve)>[class*=uk-width-]{padding-left:35px}.uk-grid:not(.uk-grid-preserve)+.uk-grid{margin-top:35px}.uk-grid:not(.uk-grid-preserve)>.uk-grid-margin{margin-top:35px}.uk-grid:not(.uk-grid-preserve)>[class*=uk-width-]>.uk-panel+.uk-panel{margin-top:35px}.uk-grid-divider:not(.uk-grid-preserve):not(:empty){margin-left:-35px;margin-right:-35px}.uk-grid-divider:not(.uk-grid-preserve):not(:empty)>[class*=uk-width-]{padding-left:35px;padding-right:35px}.uk-grid-divider:not(.uk-grid-preserve):empty{margin-top:35px;margin-bottom:35px}}[class*=uk-width-]{-moz-box-sizing:border-box;box-sizing:border-box;width:100%}.uk-width-1-1{width:100%}.uk-width-1-2,.uk-width-2-4,.uk-width-3-6,.uk-width-5-10{width:50%}.uk-width-1-3,.uk-width-2-6{width:33.333%}.uk-width-2-3,.uk-width-4-6{width:66.666%}.uk-width-1-4{width:25%}.uk-width-3-4{width:75%}.uk-width-1-5,.uk-width-2-10{width:20%}.uk-width-2-5,.uk-width-4-10{width:40%}.uk-width-3-5,.uk-width-6-10{width:60%}.uk-width-4-5,.uk-width-8-10{width:80%}.uk-width-1-6{width:16.666%}.uk-width-5-6{width:83.333%}.uk-width-1-10{width:10%}.uk-width-3-10{width:30%}.uk-width-7-10{width:70%}.uk-width-9-10{width:90%}@media (min-width:768px){.uk-width-medium-1-1{width:100%}.uk-width-medium-1-2,.uk-width-medium-2-4,.uk-width-medium-3-6,.uk-width-medium-5-10{width:50%}.uk-width-medium-1-3,.uk-width-medium-2-6{width:33.333%}.uk-width-medium-2-3,.uk-width-medium-4-6{width:66.666%}.uk-width-medium-1-4{width:25%}.uk-width-medium-3-4{width:75%}.uk-width-medium-1-5,.uk-width-medium-2-10{width:20%}.uk-width-medium-2-5,.uk-width-medium-4-10{width:40%}.uk-width-medium-3-5,.uk-width-medium-6-10{width:60%}.uk-width-medium-4-5,.uk-width-medium-8-10{width:80%}.uk-width-medium-1-6{width:16.666%}.uk-width-medium-5-6{width:83.333%}.uk-width-medium-1-10{width:10%}.uk-width-medium-3-10{width:30%}.uk-width-medium-7-10{width:70%}.uk-width-medium-9-10{width:90%}}@media (min-width:960px){.uk-width-large-1-1{width:100%}.uk-width-large-1-2,.uk-width-large-2-4,.uk-width-large-3-6,.uk-width-large-5-10{width:50%}.uk-width-large-1-3,.uk-width-large-2-6{width:33.333%}.uk-width-large-2-3,.uk-width-large-4-6{width:66.666%}.uk-width-large-1-4{width:25%}.uk-width-large-3-4{width:75%}.uk-width-large-1-5,.uk-width-large-2-10{width:20%}.uk-width-large-2-5,.uk-width-large-4-10{width:40%}.uk-width-large-3-5,.uk-width-large-6-10{width:60%}.uk-width-large-4-5,.uk-width-large-8-10{width:80%}.uk-width-large-1-6{width:16.666%}.uk-width-large-5-6{width:83.333%}.uk-width-large-1-10{width:10%}.uk-width-large-3-10{width:30%}.uk-width-large-7-10{width:70%}.uk-width-large-9-10{width:90%}}@media (min-width:768px){[class*=uk-push-],[class*=uk-pull-]{position:relative}.uk-push-1-2,.uk-push-2-4,.uk-push-3-6,.uk-push-5-10{left:50%}.uk-push-1-3,.uk-push-2-6{left:33.333%}.uk-push-2-3,.uk-push-4-6{left:66.666%}.uk-push-1-4{left:25%}.uk-push-3-4{left:75%}.uk-push-1-5,.uk-push-2-10{left:20%}.uk-push-2-5,.uk-push-4-10{left:40%}.uk-push-3-5,.uk-push-6-10{left:60%}.uk-push-4-5,.uk-push-8-10{left:80%}.uk-push-1-6{left:16.666%}.uk-push-5-6{left:83.333%}.uk-push-1-10{left:10%}.uk-push-3-10{left:30%}.uk-push-7-10{left:70%}.uk-push-9-10{left:90%}.uk-pull-1-2,.uk-pull-2-4,.uk-pull-3-6,.uk-pull-5-10{left:-50%}.uk-pull-1-3,.uk-pull-2-6{left:-33.333%}.uk-pull-2-3,.uk-pull-4-6{left:-66.666%}.uk-pull-1-4{left:-25%}.uk-pull-3-4{left:-75%}.uk-pull-1-5,.uk-pull-2-10{left:-20%}.uk-pull-2-5,.uk-pull-4-10{left:-40%}.uk-pull-3-5,.uk-pull-6-10{left:-60%}.uk-pull-4-5,.uk-pull-8-10{left:-80%}.uk-pull-1-6{left:-16.666%}.uk-pull-5-6{left:-83.333%}.uk-pull-1-10{left:-10%}.uk-pull-3-10{left:-30%}.uk-pull-7-10{left:-70%}.uk-pull-9-10{left:-90%}}.uk-panel{display:block;position:relative}.uk-panel:before,.uk-panel:after{content:" ";display:table}.uk-panel:after{clear:both}.uk-panel>:not(.uk-panel-title):last-child{margin-bottom:0}.uk-panel-title{margin-top:0;margin-bottom:15px;font-size:18px;line-height:24px;font-weight:400;text-transform:none;color:#444}.uk-panel-badge{position:absolute;top:0;right:0;z-index:1}.uk-panel-box{padding:15px;background:#fafafa;color:#444;border:1px solid #ddd;border-radius:4px}.uk-panel-box .uk-panel-title{color:#444}.uk-panel-box .uk-panel-badge{top:10px;right:10px}.uk-panel-box .uk-panel-teaser{margin:-16px -16px 15px -16px}.uk-panel-box>.uk-nav-side{margin:0 -15px}.uk-panel-box-primary{background-color:#ebf7fd;color:#2d7091;border-color:rgba(45,112,145,.3)}.uk-panel-box-primary .uk-panel-title{color:#2d7091}.uk-panel-box-secondary{background-color:#fff;color:#444}.uk-panel-box-secondary .uk-panel-title{color:#444}.uk-panel-header .uk-panel-title{padding-bottom:10px;border-bottom:1px solid #ddd;color:#444}.uk-panel-space{padding:30px}.uk-panel-space .uk-panel-badge{top:30px;right:30px}.uk-panel+.uk-panel-divider{margin-top:50px!important}.uk-panel+.uk-panel-divider:before{content:"";display:block;position:absolute;top:-25px;left:0;right:0;border-top:1px solid #ddd}@media (min-width:1220px){.uk-panel+.uk-panel-divider{margin-top:70px!important}.uk-panel+.uk-panel-divider:before{top:-35px}}.uk-panel-box img{border-top-left-radius:4px;border-top-right-radius:4px}.uk-article:before,.uk-article:after{content:" ";display:table}.uk-article:after{clear:both}.uk-article>:last-child{margin-bottom:0}.uk-article+.uk-article{margin-top:15px}.uk-article-title{font-size:36px;line-height:42px;font-weight:400;text-transform:none}.uk-article-title a{color:inherit;text-decoration:none}.uk-article-meta{font-size:12px;line-height:18px;color:#999}.uk-article-lead{color:#444;font-size:18px;line-height:24px;font-weight:400}.uk-article-divider{margin-bottom:25px;border-color:#ddd}*+.uk-article-divider{margin-top:25px}.uk-article+.uk-article{padding-top:15px;border-top:1px solid #ddd}.uk-comment-header{margin-bottom:15px;padding:10px;border:1px solid #ddd;border-radius:4px;background:#fafafa}.uk-comment-header:before,.uk-comment-header:after{content:" ";display:table}.uk-comment-header:after{clear:both}.uk-comment-avatar{margin-right:15px;float:left}.uk-comment-title{margin:5px 0 0;font-size:16px;line-height:22px}.uk-comment-meta{margin:2px 0 0;font-size:11px;line-height:16px;color:#999}.uk-comment-body>:last-child{margin-bottom:0}.uk-comment-list{padding:0;list-style:none}.uk-comment-list .uk-comment+ul{margin:25px 0 0;list-style:none}.uk-comment-list>li:nth-child(n+2),.uk-comment-list .uk-comment+ul>li:nth-child(n+2){margin-top:25px}@media (min-width:768px){.uk-comment-list .uk-comment+ul{padding-left:100px}}.uk-comment-body{padding-left:10px;padding-right:10px}.uk-comment-primary .uk-comment-header{border-color:rgba(45,112,145,.3);background-color:#ebf7fd;color:#2d7091;text-shadow:0 1px 0 #fff}.uk-nav,.uk-nav ul{margin:0;padding:0;list-style:none}.uk-nav li>a{display:block;text-decoration:none}.uk-nav>li>a{padding:5px 15px}.uk-nav ul{padding-left:15px}.uk-nav ul a{padding:2px 0}.uk-nav li>a>div{font-size:12px;line-height:18px}.uk-nav-header{padding:5px 15px;text-transform:uppercase;font-weight:700;font-size:12px}.uk-nav-header:not(:first-child){margin-top:15px}.uk-nav-divider{margin:9px 15px}ul.uk-nav-sub{padding:5px 0 5px 15px}.uk-nav-parent-icon>.uk-parent>a:after{content:"\f104";width:20px;margin-right:-10px;float:right;font-family:FontAwesome;text-align:center}.uk-nav-parent-icon>.uk-parent.uk-open>a:after{content:"\f107"}.uk-nav-side>li>a{color:#444}.uk-nav-side>li>a:hover,.uk-nav-side>li>a:focus{background:rgba(0,0,0,.03);color:#444;outline:0;box-shadow:inset 0 0 1px rgba(0,0,0,.1);text-shadow:0 -1px 0 #fff}.uk-nav-side>li.uk-active>a{background:#009dd8;color:#fff;box-shadow:inset 0 2px 4px rgba(0,0,0,.2);text-shadow:0 -1px 0 rgba(0,0,0,.2)}.uk-nav-side .uk-nav-header{color:#444}.uk-nav-side .uk-nav-divider{border-top:1px solid #ddd;box-shadow:0 1px 0 #fff}.uk-nav-side ul a{color:#07d}.uk-nav-side ul a:hover{color:#059}.uk-nav-dropdown>li>a{color:#444}.uk-nav-dropdown>li>a:hover,.uk-nav-dropdown>li>a:focus{background:#009dd8;color:#fff;outline:0;box-shadow:inset 0 2px 4px rgba(0,0,0,.2);text-shadow:0 -1px 0 rgba(0,0,0,.2)}.uk-nav-dropdown .uk-nav-header{color:#999}.uk-nav-dropdown .uk-nav-divider{border-top:1px solid #ddd}.uk-nav-dropdown ul a{color:#07d}.uk-nav-dropdown ul a:hover{color:#059}.uk-nav-navbar>li>a{color:#444}.uk-nav-navbar>li>a:hover,.uk-nav-navbar>li>a:focus{background:#009dd8;color:#fff;outline:0;box-shadow:inset 0 2px 4px rgba(0,0,0,.2);text-shadow:0 -1px 0 rgba(0,0,0,.2)}.uk-nav-navbar .uk-nav-header{color:#999}.uk-nav-navbar .uk-nav-divider{border-top:1px solid #ddd}.uk-nav-navbar ul a{color:#07d}.uk-nav-navbar ul a:hover{color:#059}.uk-nav-search>li>a{color:#444;text-shadow:none}.uk-nav-search>li.uk-active>a{background:#009dd8;color:#fff;outline:0;box-shadow:inset 0 2px 4px rgba(0,0,0,.2);text-shadow:0 -1px 0 rgba(0,0,0,.2)}.uk-nav-search .uk-nav-header{color:#999;text-shadow:none}.uk-nav-search .uk-nav-divider{border-top:1px solid #ddd}.uk-nav-search ul a{color:#07d}.uk-nav-search ul a:hover{color:#059}.uk-nav-offcanvas>li>a{color:#ccc;padding:10px 15px;border-top:1px solid rgba(0,0,0,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);text-shadow:0 1px 0 rgba(0,0,0,.5)}.uk-nav-offcanvas>.uk-open>a,html:not(.uk-touch) .uk-nav-offcanvas>li>a:hover,html:not(.uk-touch) .uk-nav-offcanvas>li>a:focus{background:#404040;color:#fff;outline:0}html .uk-nav.uk-nav-offcanvas>li.uk-active>a{background:#1a1a1a;color:#fff;box-shadow:inset 0 1px 3px rgba(0,0,0,.3)}.uk-nav-offcanvas .uk-nav-header{color:#777;margin-top:0;border-top:1px solid rgba(0,0,0,.3);background:#404040;box-shadow:inset 0 1px 0 rgba(255,255,255,.05);text-shadow:0 1px 0 rgba(0,0,0,.5)}.uk-nav-offcanvas .uk-nav-divider{border-top:1px solid rgba(255,255,255,.01);margin:0;height:4px;background:rgba(0,0,0,.2);box-shadow:inset 0 1px 3px rgba(0,0,0,.3)}.uk-nav-offcanvas ul a{color:#ccc}html:not(.uk-touch) .uk-nav-offcanvas ul a:hover{color:#fff}.uk-nav-offcanvas{border-bottom:1px solid rgba(0,0,0,.3);box-shadow:0 1px 0 rgba(255,255,255,.05)}.uk-nav-offcanvas .uk-nav-sub{border-top:1px solid rgba(0,0,0,.3);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.uk-navbar{background:#f7f7f7;color:#444;border:1px solid rgba(0,0,0,.1);border-bottom-color:rgba(0,0,0,.3);background-origin:border-box;background-image:-webkit-linear-gradient(top,#fff,#eee);background-image:linear-gradient(to bottom,#fff,#eee)}.uk-navbar:before,.uk-navbar:after{content:" ";display:table}.uk-navbar:after{clear:both}.uk-navbar-nav{margin:0;padding:0;list-style:none;float:left}.uk-navbar-nav>li{float:left;position:relative}.uk-navbar-nav>li>a{display:block;-moz-box-sizing:border-box;box-sizing:border-box;text-decoration:none;height:40px;padding:0 15px;line-height:40px;color:#444;font-size:14px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;margin-top:-1px;margin-left:-1px;height:41px;border:1px solid transparent;border-bottom-width:0;text-shadow:0 1px 0 #fff}.uk-navbar-nav>li>a[href='#']{cursor:text}.uk-navbar-nav>li:hover>a,.uk-navbar-nav>li>a:focus,.uk-navbar-nav>li.uk-open>a{background-color:transparent;color:#444;outline:0;position:relative;z-index:1;border-left-color:rgba(0,0,0,.1);border-right-color:rgba(0,0,0,.1);border-top-color:rgba(0,0,0,.1);box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.uk-navbar-nav>li>a:active{background-color:#f5f5f5;color:#444;border-left-color:rgba(0,0,0,.1);border-right-color:rgba(0,0,0,.1);border-top-color:rgba(0,0,0,.2);box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.uk-navbar-nav>li.uk-active>a{background-color:#fafafa;color:#444;border-left-color:rgba(0,0,0,.1);border-right-color:rgba(0,0,0,.1);border-top-color:rgba(0,0,0,.2);box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.uk-navbar-nav .uk-navbar-nav-subtitle{line-height:28px}.uk-navbar-nav-subtitle>div{margin-top:-6px;font-size:10px;line-height:12px}.uk-navbar-content,.uk-navbar-brand,.uk-navbar-toggle{-moz-box-sizing:border-box;box-sizing:border-box;display:block;height:40px;padding:0 15px;float:left;text-shadow:0 1px 0 #fff}.uk-navbar-content:before,.uk-navbar-brand:before,.uk-navbar-toggle:before{content:'';display:inline-block;height:100%;vertical-align:middle}.uk-navbar-content+.uk-navbar-content:not(.uk-navbar-center){padding-left:0}.uk-navbar-content>a:not([class]){color:#07d}.uk-navbar-content>a:not([class]):hover{color:#059}.uk-navbar-brand{font-size:18px;color:#444}.uk-navbar-brand:hover,.uk-navbar-brand:focus{color:#444;text-decoration:none;outline:0}.uk-navbar-toggle{font-size:18px;color:#444}.uk-navbar-toggle:hover,.uk-navbar-toggle:focus{color:#444;text-decoration:none;outline:0}.uk-navbar-toggle:after{content:"\f0c9";font-family:FontAwesome;vertical-align:middle}.uk-navbar-toggle-alt:after{content:"\f002"}.uk-navbar-center{float:none;text-align:center;max-width:50%;margin:auto}.uk-navbar-flip{float:right}.uk-navbar:not(.uk-navbar-attached){border-radius:4px}.uk-navbar:not(.uk-navbar-attached) .uk-navbar-nav:first-child>li:first-child>a{border-top-left-radius:4px;border-bottom-left-radius:4px}.uk-navbar .uk-navbar-flip .uk-navbar-nav>li>a{margin-left:0;margin-right:-1px}.uk-navbar .uk-navbar-flip .uk-navbar-nav:first-child>li:first-child>a{border-top-left-radius:0;border-bottom-left-radius:0}.uk-navbar:not(.uk-navbar-attached) .uk-navbar-flip .uk-navbar-nav:last-child>li:last-child>a{border-top-right-radius:4px;border-bottom-right-radius:4px}.uk-subnav{padding:0;list-style:none;letter-spacing:-.31em}.uk-subnav>li{position:relative;letter-spacing:normal}.uk-subnav>li,.uk-subnav>li>a,.uk-subnav>li>span{display:inline-block}.uk-subnav>li:nth-child(n+2){margin-left:10px}.uk-subnav>li>a{color:#07d}.uk-subnav>li>a:hover{color:#059}.uk-subnav>li>span{color:#999}.uk-subnav-line>li:nth-child(n+2):before{content:"";display:inline-block;height:10px;margin-right:10px;border-left:1px solid #ddd}.uk-subnav-pill>li>a,.uk-subnav-pill>li>span{padding:3px 9px;text-decoration:none;border-radius:4px}.uk-subnav-pill>li>a:hover,.uk-subnav-pill>li>a:focus{background:#fafafa;color:#444;outline:0;box-shadow:0 0 0 1px rgba(0,0,0,.1)}.uk-subnav-pill>li.uk-active>a{background:#009dd8;color:#fff;box-shadow:inset 0 2px 4px rgba(0,0,0,.2)}.uk-breadcrumb{padding:0;list-style:none;letter-spacing:-.31em}.uk-breadcrumb>li{letter-spacing:normal}.uk-breadcrumb>li,.uk-breadcrumb>li>a,.uk-breadcrumb>li>span{display:inline-block}.uk-breadcrumb>li:nth-child(n+2):before{content:"/";display:inline-block;margin:0 8px}.uk-breadcrumb>li:not(.uk-active)>span{color:#999}.uk-pagination{padding:0;list-style:none;text-align:center;letter-spacing:-.31em}.uk-pagination:before,.uk-pagination:after{content:" ";display:table}.uk-pagination:after{clear:both}.uk-pagination>li{display:inline-block;letter-spacing:normal}.uk-pagination>li:nth-child(n+2){margin-left:5px}.uk-pagination>li>a,.uk-pagination>li>span{display:inline-block;min-width:16px;padding:3px 5px;line-height:20px;text-decoration:none;-moz-box-sizing:content-box;box-sizing:content-box;text-align:center;border-radius:4px}.uk-pagination>li>a{background:#f7f7f7;color:#444;border:1px solid rgba(0,0,0,.2);border-bottom-color:rgba(0,0,0,.3);background-origin:border-box;background-image:-webkit-linear-gradient(top,#fff,#eee);background-image:linear-gradient(to bottom,#fff,#eee);text-shadow:0 1px 0 #fff}.uk-pagination>li>a:hover,.uk-pagination>li>a:focus{background-color:#fafafa;color:#444;outline:0;background-image:none}.uk-pagination>li>a:active{background-color:#f5f5f5;color:#444;border-color:rgba(0,0,0,.2);border-top-color:rgba(0,0,0,.3);background-image:none;box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.uk-pagination>.uk-active>span{background:#009dd8;color:#fff;border:1px solid rgba(0,0,0,.2);border-bottom-color:rgba(0,0,0,.4);background-origin:border-box;background-image:-webkit-linear-gradient(top,#00b4f5,#008dc5);background-image:linear-gradient(to bottom,#00b4f5,#008dc5);text-shadow:0 -1px 0 rgba(0,0,0,.2)}.uk-pagination>.uk-disabled>span{background-color:#fafafa;color:#999;border:1px solid rgba(0,0,0,.2);text-shadow:0 1px 0 #fff}.uk-pagination-previous{float:left}.uk-pagination-next{float:right}.uk-pagination-left{text-align:left}.uk-pagination-right{text-align:right}.uk-tab{margin:0;padding:0;list-style:none;border-bottom:1px solid #ddd}.uk-tab:before,.uk-tab:after{content:" ";display:table}.uk-tab:after{clear:both}.uk-tab>li{margin-bottom:-1px;float:left;position:relative}.uk-tab>li>a{display:block;padding:8px 12px;border:1px solid transparent;border-bottom-width:0;color:#07d;text-decoration:none;border-radius:4px 4px 0 0;text-shadow:0 1px 0 #fff}.uk-tab>li:nth-child(n+2)>a{margin-left:5px}.uk-tab>li>a:hover,.uk-tab>li>a:focus,.uk-tab>li.uk-open>a{border-color:#ddd;background:#fafafa;color:#059;outline:0}.uk-tab>li:not(.uk-active)>a:hover,.uk-tab>li:not(.uk-active)>a:focus,.uk-tab>li.uk-open:not(.uk-active)>a{margin-bottom:1px;padding-bottom:7px}.uk-tab>li.uk-active>a{border-color:#ddd;border-bottom-color:transparent;background:#fff;color:#444}.uk-tab>li.uk-disabled>a{color:#999;cursor:auto}.uk-tab>li.uk-disabled>a:hover,.uk-tab>li.uk-disabled>a:focus,.uk-tab>li.uk-disabled.uk-active>a{background:0 0;border-color:transparent}.uk-tab-flip>li{float:right}.uk-tab-flip>li:nth-child(n+2)>a{margin-left:0;margin-right:5px}.uk-tab-responsive{display:none}.uk-tab-responsive>a:before{content:"\f0c9\00a0";font-family:FontAwesome}@media (max-width:767px){[data-uk-tab]>li{display:none}[data-uk-tab]>li.uk-tab-responsive{display:block}[data-uk-tab]>li.uk-tab-responsive>a{margin-left:0;margin-right:0}}.uk-tab-center{border-bottom:1px solid #ddd}.uk-tab-center-bottom{border-bottom:0;border-top:1px solid #ddd}.uk-tab-center:before,.uk-tab-center:after{content:" ";display:table}.uk-tab-center:after{clear:both}.uk-tab-center .uk-tab{position:relative;left:50%;border:0;float:left}.uk-tab-center .uk-tab>li{position:relative;left:-50%}.uk-tab-center .uk-tab>li>a{text-align:center}.uk-tab-bottom{border-top:1px solid #ddd;border-bottom:0}.uk-tab-bottom>li{margin-top:-1px;margin-bottom:0}.uk-tab-bottom>li>a{padding-top:8px;padding-bottom:8px;border-bottom-width:1px;border-top-width:0}.uk-tab-bottom>li:not(.uk-active)>a:hover,.uk-tab-bottom>li:not(.uk-active)>a:focus,.uk-tab-bottom>li.uk-open:not(.uk-active)>a{margin-bottom:0;margin-top:1px;padding-bottom:8px;padding-top:7px}.uk-tab-bottom>li.uk-active>a{border-top-color:transparent;border-bottom-color:#ddd}.uk-tab-grid{margin-left:-5px;border-bottom:0;position:relative;z-index:0}.uk-tab-grid:before{display:block;position:absolute;left:5px;right:0;bottom:-1px;border-top:1px solid #ddd;z-index:-1}.uk-tab-grid>li:first-child>a{margin-left:5px}.uk-tab-grid>li>a{text-align:center}.uk-tab-grid.uk-tab-bottom{border-top:0}.uk-tab-grid.uk-tab-bottom:before{top:-1px;bottom:auto}@media (min-width:768px){.uk-tab-left,.uk-tab-right{border-bottom:0}.uk-tab-left>li,.uk-tab-right>li{margin-bottom:0;float:none}.uk-tab-left>li>a,.uk-tab-right>li>a{padding-top:8px;padding-bottom:8px}.uk-tab-left>li:nth-child(n+2)>a,.uk-tab-right>li:nth-child(n+2)>a{margin-left:0;margin-top:5px}.uk-tab-left>li.uk-active>a,.uk-tab-right>li.uk-active>a{border-color:#ddd}.uk-tab-left{border-right:1px solid #ddd}.uk-tab-left>li{margin-right:-1px}.uk-tab-left>li>a{border-bottom-width:1px;border-right-width:0}.uk-tab-left>li:not(.uk-active)>a:hover,.uk-tab-left>li:not(.uk-active)>a:focus{margin-bottom:0;margin-right:1px;padding-bottom:8px;padding-right:11px}.uk-tab-left>li.uk-active>a{border-right-color:transparent}.uk-tab-right{border-left:1px solid #ddd}.uk-tab-right>li{margin-left:-1px}.uk-tab-right>li>a{border-bottom-width:1px;border-left-width:0}.uk-tab-right>li:not(.uk-active)>a:hover,.uk-tab-right>li:not(.uk-active)>a:focus{margin-bottom:0;margin-left:1px;padding-bottom:8px;padding-left:11px}.uk-tab-right>li.uk-active>a{border-left-color:transparent}}.uk-tab-bottom>li>a{border-radius:0 0 4px 4px}@media (min-width:768px){.uk-tab-left>li>a{border-radius:4px 0 0 4px}.uk-tab-right>li>a{border-radius:0 4px 4px 0}}.uk-list{padding:0;list-style:none}.uk-list ul{margin:0;padding-left:20px;list-style:none}.uk-list-line>li:nth-child(n+2){margin-top:5px;padding-top:5px;border-top:1px solid #ddd}.uk-list-striped>li{padding:5px;border-bottom:1px solid #ddd}.uk-list-striped>li:nth-of-type(odd){background:#fafafa}.uk-list-space>li:nth-child(n+2){margin-top:10px}.uk-list-striped>li:first-child{border-top:1px solid #ddd}@media (min-width:768px){.uk-description-list-horizontal{overflow:hidden}.uk-description-list-horizontal>dt{width:160px;float:left;clear:both;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uk-description-list-horizontal>dd{margin-left:180px}}.uk-description-list-line>dt{font-weight:400}.uk-description-list-line>dt:nth-child(n+2){margin-top:5px;padding-top:5px;border-top:1px solid #ddd}.uk-description-list-line>dd{color:#999}.uk-table{width:100%;margin-bottom:15px}*+.uk-table{margin-top:15px}.uk-table th,.uk-table td{padding:8px;border-bottom:1px solid #ddd}.uk-table th{text-align:left}.uk-table td{vertical-align:top}.uk-table thead th{vertical-align:bottom}.uk-table caption,.uk-table tfoot{font-size:12px;font-style:italic}.uk-table caption{text-align:left;color:#999}.uk-table-middle,.uk-table-middle td{vertical-align:middle!important}.uk-table-striped tbody tr:nth-of-type(odd){background:#fafafa}.uk-table-condensed td{padding:4px 8px}.uk-table-hover tbody tr:hover{background:#f0f0f0}.uk-form>:last-child{margin-bottom:0}.uk-form select,.uk-form textarea,.uk-form input:not([type]),.uk-form input[type=text],.uk-form input[type=password],.uk-form input[type=datetime],.uk-form input[type=datetime-local],.uk-form input[type=date],.uk-form input[type=month],.uk-form input[type=time],.uk-form input[type=week],.uk-form input[type=number],.uk-form input[type=email],.uk-form input[type=url],.uk-form input[type=search],.uk-form input[type=tel],.uk-form input[type=color]{height:30px;max-width:100%;padding:4px 6px;border:1px solid #ddd;background:#fff;color:#444;-webkit-transition:all linear .2s;transition:all linear .2s;border-radius:4px}.uk-form select:focus,.uk-form textarea:focus,.uk-form input:not([type]):focus,.uk-form input[type=text]:focus,.uk-form input[type=password]:focus,.uk-form input[type=datetime]:focus,.uk-form input[type=datetime-local]:focus,.uk-form input[type=date]:focus,.uk-form input[type=month]:focus,.uk-form input[type=time]:focus,.uk-form input[type=week]:focus,.uk-form input[type=number]:focus,.uk-form input[type=email]:focus,.uk-form input[type=url]:focus,.uk-form input[type=search]:focus,.uk-form input[type=tel]:focus,.uk-form input[type=color]:focus{border-color:#99baca;outline:0;background:#f5fbfe;color:#444}.uk-form select:disabled,.uk-form textarea:disabled,.uk-form input:not([type]):disabled,.uk-form input[type=text]:disabled,.uk-form input[type=password]:disabled,.uk-form input[type=datetime]:disabled,.uk-form input[type=datetime-local]:disabled,.uk-form input[type=date]:disabled,.uk-form input[type=month]:disabled,.uk-form input[type=time]:disabled,.uk-form input[type=week]:disabled,.uk-form input[type=number]:disabled,.uk-form input[type=email]:disabled,.uk-form input[type=url]:disabled,.uk-form input[type=search]:disabled,.uk-form input[type=tel]:disabled,.uk-form input[type=color]:disabled{border-color:#ddd;background-color:#fafafa;color:#999}.uk-form :-ms-input-placeholder{color:#999!important}.uk-form ::-moz-placeholder{color:#999}.uk-form ::-webkit-input-placeholder{color:#999}.uk-form :disabled:-ms-input-placeholder{color:#999!important}.uk-form :disabled::-moz-placeholder{color:#999}.uk-form :disabled::-webkit-input-placeholder{color:#999}.uk-form legend{width:100%;padding-bottom:15px;font-size:18px;line-height:30px}.uk-form legend:after{content:"";display:block;border-bottom:1px solid #ddd}.uk-form-small{height:25px!important;padding:3px 3px!important;font-size:12px}.uk-form-large{height:40px!important;padding:8px 6px!important;font-size:16px}.uk-form textarea,.uk-form select[multiple],.uk-form select[size]{height:auto!important}.uk-form-danger{border-color:#dc8d99!important;background:#fff7f8!important;color:#c91032!important}.uk-form-success{border-color:#8ec73b!important;background:#fafff2!important;color:#539022!important}.uk-form-blank{border-color:transparent!important;border-style:dashed!important;background:none!important}.uk-form-blank:focus{border-color:#ddd!important}input.uk-form-width-mini{width:40px}select.uk-form-width-mini{width:65px}.uk-form-width-small{width:130px}.uk-form-width-medium{width:200px}.uk-form-width-large{width:500px}.uk-form-row:before,.uk-form-row:after{content:" ";display:table}.uk-form-row:after{clear:both}.uk-form-row+.uk-form-row{margin-top:15px}.uk-form-help-inline{display:inline-block;margin:0 0 0 10px}.uk-form-help-block{margin:5px 0 0}.uk-form-controls>:first-child{margin-top:0}.uk-form-controls>:last-child{margin-bottom:0}.uk-form-controls-condensed{margin:5px 0}.uk-form-stacked .uk-form-label{display:block;margin-bottom:5px;font-weight:700}@media (max-width:959px){.uk-form-horizontal .uk-form-label{display:block;margin-bottom:5px;font-weight:700}}@media (min-width:960px){.uk-form-horizontal .uk-form-label{width:200px;margin-top:5px;float:left}.uk-form-horizontal .uk-form-controls{margin-left:215px}.uk-form-horizontal .uk-form-controls-text{padding-top:5px}}.uk-form-icon{position:relative;display:inline-block;max-width:100%}.uk-form-icon>[class*=uk-icon-]{position:absolute;top:50%;width:30px;margin-top:-7px;font-size:14px;color:#999;text-align:center}.uk-form-icon:not(.uk-form-icon-flip)>input{padding-left:30px!important}.uk-form-icon-flip>[class*=uk-icon-]{right:0}.uk-form-icon-flip>input{padding-right:30px!important}.uk-button{display:inline-block;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;text-decoration:none;text-align:center;border:0;line-height:28px;min-height:30px;letter-spacing:normal;padding:0 12px;background:#f7f7f7;color:#444;border:1px solid rgba(0,0,0,.2);border-bottom-color:rgba(0,0,0,.3);background-origin:border-box;background-image:-webkit-linear-gradient(top,#fff,#eee);background-image:linear-gradient(to bottom,#fff,#eee);border-radius:4px;text-shadow:0 1px 0 #fff}.uk-button:hover,.uk-button:focus{background-color:#fafafa;color:#444;outline:0;text-decoration:none;background-image:none}.uk-button:active,.uk-button.uk-active{background-color:#f5f5f5;color:#444;border-color:rgba(0,0,0,.2);border-top-color:rgba(0,0,0,.3);background-image:none;box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.uk-button-primary{background-color:#009dd8;color:#fff;background-image:-webkit-linear-gradient(top,#00b4f5,#008dc5);background-image:linear-gradient(to bottom,#00b4f5,#008dc5);border-color:rgba(0,0,0,.2);border-bottom-color:rgba(0,0,0,.4);text-shadow:0 -1px 0 rgba(0,0,0,.2)}.uk-button-primary:hover,.uk-button-primary:focus{background-color:#00aff2;color:#fff;background-image:none}.uk-button-primary:active,.uk-button-primary.uk-active{background-color:#008abf;color:#fff;background-image:none;border-color:rgba(0,0,0,.2);border-top-color:rgba(0,0,0,.4);box-shadow:inset 0 2px 4px rgba(0,0,0,.2)}.uk-button-success{background-color:#82bb42;color:#fff;background-image:-webkit-linear-gradient(top,#9fd256,#6fac34);background-image:linear-gradient(to bottom,#9fd256,#6fac34);border-color:rgba(0,0,0,.2);border-bottom-color:rgba(0,0,0,.4);text-shadow:0 -1px 0 rgba(0,0,0,.2)}.uk-button-success:hover,.uk-button-success:focus{background-color:#8fce48;color:#fff;background-image:none}.uk-button-success:active,.uk-button-success.uk-active{background-color:#76b430;color:#fff;background-image:none;border-color:rgba(0,0,0,.2);border-top-color:rgba(0,0,0,.4);box-shadow:inset 0 2px 4px rgba(0,0,0,.2)}.uk-button-danger{background-color:#d32c46;color:#fff;background-image:-webkit-linear-gradient(top,#ee465a,#c11a39);background-image:linear-gradient(to bottom,#ee465a,#c11a39);border-color:rgba(0,0,0,.2);border-bottom-color:rgba(0,0,0,.4);text-shadow:0 -1px 0 rgba(0,0,0,.2)}.uk-button-danger:hover,.uk-button-danger:focus{background-color:#e33551;color:#fff;background-image:none}.uk-button-danger:active,.uk-button-danger.uk-active{background-color:#c91c37;color:#fff;background-image:none;border-color:rgba(0,0,0,.2);border-top-color:rgba(0,0,0,.4);box-shadow:inset 0 2px 4px rgba(0,0,0,.2)}.uk-button:disabled{background-color:#fafafa;color:#999;border-color:rgba(0,0,0,.2);background-image:none;box-shadow:none;text-shadow:0 1px 0 #fff}.uk-button-link,.uk-button-link:hover,.uk-button-link:focus,.uk-button-link:active,.uk-button-link.uk-active,.uk-button-link:disabled{border-color:transparent;background:0 0;box-shadow:none;text-shadow:none}.uk-button-link{color:#07d}.uk-button-link:hover,.uk-button-link:focus,.uk-button-link:active,.uk-button-link.uk-active{color:#059;text-decoration:underline}.uk-button-link:disabled{color:#999}.uk-button-link:focus{outline:1px dotted}.uk-button-mini{min-height:20px;padding:0 6px;line-height:18px;font-size:11px}.uk-button-small{min-height:25px;padding:0 10px;line-height:23px;font-size:12px}.uk-button-large{min-height:40px;padding:0 15px;line-height:38px;font-size:16px;border-radius:5px}.uk-button-group{display:inline-block;vertical-align:middle;position:relative;letter-spacing:-.31em;white-space:nowrap}.uk-button-group>*{display:inline-block}.uk-button-dropdown{display:inline-block;vertical-align:middle;position:relative}.uk-button-group>.uk-button:not(:first-child):not(:last-child),.uk-button-group>div:not(:first-child):not(:last-child) .uk-button{border-radius:0}.uk-button-group>.uk-button:first-child,.uk-button-group>div:first-child .uk-button{border-top-right-radius:0;border-bottom-right-radius:0}.uk-button-group>.uk-button:last-child,.uk-button-group>div:last-child .uk-button{border-top-left-radius:0;border-bottom-left-radius:0}.uk-button-group>.uk-button:nth-child(n+2),.uk-button-group>div:nth-child(n+2) .uk-button{margin-left:-1px}.uk-button-group .uk-button:active{position:relative}@font-face{font-family:FontAwesome;src:url(../fonts/fontawesome-webfont.eot);src:url(../fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/fontawesome-webfont.woff) format("woff"),url(../fonts/fontawesome-webfont.ttf) format("truetype");font-weight:400;font-style:normal}[class*=uk-icon-]{font-family:FontAwesome;display:inline-block;font-weight:400;font-style:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.uk-icon-small:before{font-size:150%;vertical-align:-10%}.uk-icon-medium:before{font-size:200%;vertical-align:-16%}.uk-icon-large:before{font-size:250%;vertical-align:-22%}.uk-icon-spin{display:inline-block;-webkit-animation:uk-spin 2s infinite linear;animation:uk-spin 2s infinite linear}.uk-icon-button{-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;width:35px;height:35px;border-radius:100%;background:#f7f7f7;line-height:35px;color:#444;font-size:18px;text-align:center;border:1px solid #ccc;border-bottom-color:#bbb;background-origin:border-box;background-image:-webkit-linear-gradient(top,#fff,#eee);background-image:linear-gradient(to bottom,#fff,#eee);text-shadow:0 1px 0 #fff}.uk-icon-button:hover,.uk-icon-button:focus{background-color:#fafafa;color:#444;text-decoration:none;outline:0;background-image:none}.uk-icon-button:active{background-color:#f5f5f5;color:#444;border-color:#ccc;border-top-color:#bbb;background-image:none;box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.uk-icon-glass:before{content:"\f000"}.uk-icon-music:before{content:"\f001"}.uk-icon-search:before{content:"\f002"}.uk-icon-envelope-o:before{content:"\f003"}.uk-icon-heart:before{content:"\f004"}.uk-icon-star:before{content:"\f005"}.uk-icon-star-o:before{content:"\f006"}.uk-icon-user:before{content:"\f007"}.uk-icon-film:before{content:"\f008"}.uk-icon-th-large:before{content:"\f009"}.uk-icon-th:before{content:"\f00a"}.uk-icon-th-list:before{content:"\f00b"}.uk-icon-check:before{content:"\f00c"}.uk-icon-times:before{content:"\f00d"}.uk-icon-search-plus:before{content:"\f00e"}.uk-icon-search-minus:before{content:"\f010"}.uk-icon-power-off:before{content:"\f011"}.uk-icon-signal:before{content:"\f012"}.uk-icon-gear:before,.uk-icon-cog:before{content:"\f013"}.uk-icon-trash-o:before{content:"\f014"}.uk-icon-home:before{content:"\f015"}.uk-icon-file-o:before{content:"\f016"}.uk-icon-clock-o:before{content:"\f017"}.uk-icon-road:before{content:"\f018"}.uk-icon-download:before{content:"\f019"}.uk-icon-arrow-circle-o-down:before{content:"\f01a"}.uk-icon-arrow-circle-o-up:before{content:"\f01b"}.uk-icon-inbox:before{content:"\f01c"}.uk-icon-play-circle-o:before{content:"\f01d"}.uk-icon-rotate-right:before,.uk-icon-repeat:before{content:"\f01e"}.uk-icon-refresh:before{content:"\f021"}.uk-icon-list-alt:before{content:"\f022"}.uk-icon-lock:before{content:"\f023"}.uk-icon-flag:before{content:"\f024"}.uk-icon-headphones:before{content:"\f025"}.uk-icon-volume-off:before{content:"\f026"}.uk-icon-volume-down:before{content:"\f027"}.uk-icon-volume-up:before{content:"\f028"}.uk-icon-qrcode:before{content:"\f029"}.uk-icon-barcode:before{content:"\f02a"}.uk-icon-tag:before{content:"\f02b"}.uk-icon-tags:before{content:"\f02c"}.uk-icon-book:before{content:"\f02d"}.uk-icon-bookmark:before{content:"\f02e"}.uk-icon-print:before{content:"\f02f"}.uk-icon-camera:before{content:"\f030"}.uk-icon-font:before{content:"\f031"}.uk-icon-bold:before{content:"\f032"}.uk-icon-italic:before{content:"\f033"}.uk-icon-text-height:before{content:"\f034"}.uk-icon-text-width:before{content:"\f035"}.uk-icon-align-left:before{content:"\f036"}.uk-icon-align-center:before{content:"\f037"}.uk-icon-align-right:before{content:"\f038"}.uk-icon-align-justify:before{content:"\f039"}.uk-icon-list:before{content:"\f03a"}.uk-icon-dedent:before,.uk-icon-outdent:before{content:"\f03b"}.uk-icon-indent:before{content:"\f03c"}.uk-icon-video-camera:before{content:"\f03d"}.uk-icon-picture-o:before{content:"\f03e"}.uk-icon-pencil:before{content:"\f040"}.uk-icon-map-marker:before{content:"\f041"}.uk-icon-adjust:before{content:"\f042"}.uk-icon-tint:before{content:"\f043"}.uk-icon-edit:before,.uk-icon-pencil-square-o:before{content:"\f044"}.uk-icon-share-square-o:before{content:"\f045"}.uk-icon-check-square-o:before{content:"\f046"}.uk-icon-arrows:before{content:"\f047"}.uk-icon-step-backward:before{content:"\f048"}.uk-icon-fast-backward:before{content:"\f049"}.uk-icon-backward:before{content:"\f04a"}.uk-icon-play:before{content:"\f04b"}.uk-icon-pause:before{content:"\f04c"}.uk-icon-stop:before{content:"\f04d"}.uk-icon-forward:before{content:"\f04e"}.uk-icon-fast-forward:before{content:"\f050"}.uk-icon-step-forward:before{content:"\f051"}.uk-icon-eject:before{content:"\f052"}.uk-icon-chevron-left:before{content:"\f053"}.uk-icon-chevron-right:before{content:"\f054"}.uk-icon-plus-circle:before{content:"\f055"}.uk-icon-minus-circle:before{content:"\f056"}.uk-icon-times-circle:before{content:"\f057"}.uk-icon-check-circle:before{content:"\f058"}.uk-icon-question-circle:before{content:"\f059"}.uk-icon-info-circle:before{content:"\f05a"}.uk-icon-crosshairs:before{content:"\f05b"}.uk-icon-times-circle-o:before{content:"\f05c"}.uk-icon-check-circle-o:before{content:"\f05d"}.uk-icon-ban:before{content:"\f05e"}.uk-icon-arrow-left:before{content:"\f060"}.uk-icon-arrow-right:before{content:"\f061"}.uk-icon-arrow-up:before{content:"\f062"}.uk-icon-arrow-down:before{content:"\f063"}.uk-icon-mail-forward:before,.uk-icon-share:before{content:"\f064"}.uk-icon-expand:before{content:"\f065"}.uk-icon-compress:before{content:"\f066"}.uk-icon-plus:before{content:"\f067"}.uk-icon-minus:before{content:"\f068"}.uk-icon-asterisk:before{content:"\f069"}.uk-icon-exclamation-circle:before{content:"\f06a"}.uk-icon-gift:before{content:"\f06b"}.uk-icon-leaf:before{content:"\f06c"}.uk-icon-fire:before{content:"\f06d"}.uk-icon-eye:before{content:"\f06e"}.uk-icon-eye-slash:before{content:"\f070"}.uk-icon-warning:before,.uk-icon-exclamation-triangle:before{content:"\f071"}.uk-icon-plane:before{content:"\f072"}.uk-icon-calendar:before{content:"\f073"}.uk-icon-random:before{content:"\f074"}.uk-icon-comment:before{content:"\f075"}.uk-icon-magnet:before{content:"\f076"}.uk-icon-chevron-up:before{content:"\f077"}.uk-icon-chevron-down:before{content:"\f078"}.uk-icon-retweet:before{content:"\f079"}.uk-icon-shopping-cart:before{content:"\f07a"}.uk-icon-folder:before{content:"\f07b"}.uk-icon-folder-open:before{content:"\f07c"}.uk-icon-arrows-v:before{content:"\f07d"}.uk-icon-arrows-h:before{content:"\f07e"}.uk-icon-bar-chart-o:before{content:"\f080"}.uk-icon-twitter-square:before{content:"\f081"}.uk-icon-facebook-square:before{content:"\f082"}.uk-icon-camera-retro:before{content:"\f083"}.uk-icon-key:before{content:"\f084"}.uk-icon-gears:before,.uk-icon-cogs:before{content:"\f085"}.uk-icon-comments:before{content:"\f086"}.uk-icon-thumbs-o-up:before{content:"\f087"}.uk-icon-thumbs-o-down:before{content:"\f088"}.uk-icon-star-half:before{content:"\f089"}.uk-icon-heart-o:before{content:"\f08a"}.uk-icon-sign-out:before{content:"\f08b"}.uk-icon-linkedin-square:before{content:"\f08c"}.uk-icon-thumb-tack:before{content:"\f08d"}.uk-icon-external-link:before{content:"\f08e"}.uk-icon-sign-in:before{content:"\f090"}.uk-icon-trophy:before{content:"\f091"}.uk-icon-github-square:before{content:"\f092"}.uk-icon-upload:before{content:"\f093"}.uk-icon-lemon-o:before{content:"\f094"}.uk-icon-phone:before{content:"\f095"}.uk-icon-square-o:before{content:"\f096"}.uk-icon-bookmark-o:before{content:"\f097"}.uk-icon-phone-square:before{content:"\f098"}.uk-icon-twitter:before{content:"\f099"}.uk-icon-facebook:before{content:"\f09a"}.uk-icon-github:before{content:"\f09b"}.uk-icon-unlock:before{content:"\f09c"}.uk-icon-credit-card:before{content:"\f09d"}.uk-icon-rss:before{content:"\f09e"}.uk-icon-hdd-o:before{content:"\f0a0"}.uk-icon-bullhorn:before{content:"\f0a1"}.uk-icon-bell:before{content:"\f0f3"}.uk-icon-certificate:before{content:"\f0a3"}.uk-icon-hand-o-right:before{content:"\f0a4"}.uk-icon-hand-o-left:before{content:"\f0a5"}.uk-icon-hand-o-up:before{content:"\f0a6"}.uk-icon-hand-o-down:before{content:"\f0a7"}.uk-icon-arrow-circle-left:before{content:"\f0a8"}.uk-icon-arrow-circle-right:before{content:"\f0a9"}.uk-icon-arrow-circle-up:before{content:"\f0aa"}.uk-icon-arrow-circle-down:before{content:"\f0ab"}.uk-icon-globe:before{content:"\f0ac"}.uk-icon-wrench:before{content:"\f0ad"}.uk-icon-tasks:before{content:"\f0ae"}.uk-icon-filter:before{content:"\f0b0"}.uk-icon-briefcase:before{content:"\f0b1"}.uk-icon-arrows-alt:before{content:"\f0b2"}.uk-icon-group:before,.uk-icon-users:before{content:"\f0c0"}.uk-icon-chain:before,.uk-icon-link:before{content:"\f0c1"}.uk-icon-cloud:before{content:"\f0c2"}.uk-icon-flask:before{content:"\f0c3"}.uk-icon-cut:before,.uk-icon-scissors:before{content:"\f0c4"}.uk-icon-copy:before,.uk-icon-files-o:before{content:"\f0c5"}.uk-icon-paperclip:before{content:"\f0c6"}.uk-icon-save:before,.uk-icon-floppy-o:before{content:"\f0c7"}.uk-icon-square:before{content:"\f0c8"}.uk-icon-bars:before{content:"\f0c9"}.uk-icon-list-ul:before{content:"\f0ca"}.uk-icon-list-ol:before{content:"\f0cb"}.uk-icon-strikethrough:before{content:"\f0cc"}.uk-icon-underline:before{content:"\f0cd"}.uk-icon-table:before{content:"\f0ce"}.uk-icon-magic:before{content:"\f0d0"}.uk-icon-truck:before{content:"\f0d1"}.uk-icon-pinterest:before{content:"\f0d2"}.uk-icon-pinterest-square:before{content:"\f0d3"}.uk-icon-google-plus-square:before{content:"\f0d4"}.uk-icon-google-plus:before{content:"\f0d5"}.uk-icon-money:before{content:"\f0d6"}.uk-icon-caret-down:before{content:"\f0d7"}.uk-icon-caret-up:before{content:"\f0d8"}.uk-icon-caret-left:before{content:"\f0d9"}.uk-icon-caret-right:before{content:"\f0da"}.uk-icon-columns:before{content:"\f0db"}.uk-icon-unsorted:before,.uk-icon-sort:before{content:"\f0dc"}.uk-icon-sort-down:before,.uk-icon-sort-asc:before{content:"\f0dd"}.uk-icon-sort-up:before,.uk-icon-sort-desc:before{content:"\f0de"}.uk-icon-envelope:before{content:"\f0e0"}.uk-icon-linkedin:before{content:"\f0e1"}.uk-icon-rotate-left:before,.uk-icon-undo:before{content:"\f0e2"}.uk-icon-legal:before,.uk-icon-gavel:before{content:"\f0e3"}.uk-icon-dashboard:before,.uk-icon-tachometer:before{content:"\f0e4"}.uk-icon-comment-o:before{content:"\f0e5"}.uk-icon-comments-o:before{content:"\f0e6"}.uk-icon-flash:before,.uk-icon-bolt:before{content:"\f0e7"}.uk-icon-sitemap:before{content:"\f0e8"}.uk-icon-umbrella:before{content:"\f0e9"}.uk-icon-paste:before,.uk-icon-clipboard:before{content:"\f0ea"}.uk-icon-lightbulb-o:before{content:"\f0eb"}.uk-icon-exchange:before{content:"\f0ec"}.uk-icon-cloud-download:before{content:"\f0ed"}.uk-icon-cloud-upload:before{content:"\f0ee"}.uk-icon-user-md:before{content:"\f0f0"}.uk-icon-stethoscope:before{content:"\f0f1"}.uk-icon-suitcase:before{content:"\f0f2"}.uk-icon-bell-o:before{content:"\f0a2"}.uk-icon-coffee:before{content:"\f0f4"}.uk-icon-cutlery:before{content:"\f0f5"}.uk-icon-file-text-o:before{content:"\f0f6"}.uk-icon-building-o:before{content:"\f0f7"}.uk-icon-hospital-o:before{content:"\f0f8"}.uk-icon-ambulance:before{content:"\f0f9"}.uk-icon-medkit:before{content:"\f0fa"}.uk-icon-fighter-jet:before{content:"\f0fb"}.uk-icon-beer:before{content:"\f0fc"}.uk-icon-h-square:before{content:"\f0fd"}.uk-icon-plus-square:before{content:"\f0fe"}.uk-icon-angle-double-left:before{content:"\f100"}.uk-icon-angle-double-right:before{content:"\f101"}.uk-icon-angle-double-up:before{content:"\f102"}.uk-icon-angle-double-down:before{content:"\f103"}.uk-icon-angle-left:before{content:"\f104"}.uk-icon-angle-right:before{content:"\f105"}.uk-icon-angle-up:before{content:"\f106"}.uk-icon-angle-down:before{content:"\f107"}.uk-icon-desktop:before{content:"\f108"}.uk-icon-laptop:before{content:"\f109"}.uk-icon-tablet:before{content:"\f10a"}.uk-icon-mobile-phone:before,.uk-icon-mobile:before{content:"\f10b"}.uk-icon-circle-o:before{content:"\f10c"}.uk-icon-quote-left:before{content:"\f10d"}.uk-icon-quote-right:before{content:"\f10e"}.uk-icon-spinner:before{content:"\f110"}.uk-icon-circle:before{content:"\f111"}.uk-icon-mail-reply:before,.uk-icon-reply:before{content:"\f112"}.uk-icon-github-alt:before{content:"\f113"}.uk-icon-folder-o:before{content:"\f114"}.uk-icon-folder-open-o:before{content:"\f115"}.uk-icon-smile-o:before{content:"\f118"}.uk-icon-frown-o:before{content:"\f119"}.uk-icon-meh-o:before{content:"\f11a"}.uk-icon-gamepad:before{content:"\f11b"}.uk-icon-keyboard-o:before{content:"\f11c"}.uk-icon-flag-o:before{content:"\f11d"}.uk-icon-flag-checkered:before{content:"\f11e"}.uk-icon-terminal:before{content:"\f120"}.uk-icon-code:before{content:"\f121"}.uk-icon-reply-all:before{content:"\f122"}.uk-icon-mail-reply-all:before{content:"\f122"}.uk-icon-star-half-empty:before,.uk-icon-star-half-full:before,.uk-icon-star-half-o:before{content:"\f123"}.uk-icon-location-arrow:before{content:"\f124"}.uk-icon-crop:before{content:"\f125"}.uk-icon-code-fork:before{content:"\f126"}.uk-icon-unlink:before,.uk-icon-chain-broken:before{content:"\f127"}.uk-icon-question:before{content:"\f128"}.uk-icon-info:before{content:"\f129"}.uk-icon-exclamation:before{content:"\f12a"}.uk-icon-superscript:before{content:"\f12b"}.uk-icon-subscript:before{content:"\f12c"}.uk-icon-eraser:before{content:"\f12d"}.uk-icon-puzzle-piece:before{content:"\f12e"}.uk-icon-microphone:before{content:"\f130"}.uk-icon-microphone-slash:before{content:"\f131"}.uk-icon-shield:before{content:"\f132"}.uk-icon-calendar-o:before{content:"\f133"}.uk-icon-fire-extinguisher:before{content:"\f134"}.uk-icon-rocket:before{content:"\f135"}.uk-icon-maxcdn:before{content:"\f136"}.uk-icon-chevron-circle-left:before{content:"\f137"}.uk-icon-chevron-circle-right:before{content:"\f138"}.uk-icon-chevron-circle-up:before{content:"\f139"}.uk-icon-chevron-circle-down:before{content:"\f13a"}.uk-icon-html5:before{content:"\f13b"}.uk-icon-css3:before{content:"\f13c"}.uk-icon-anchor:before{content:"\f13d"}.uk-icon-unlock-alt:before{content:"\f13e"}.uk-icon-bullseye:before{content:"\f140"}.uk-icon-ellipsis-h:before{content:"\f141"}.uk-icon-ellipsis-v:before{content:"\f142"}.uk-icon-rss-square:before{content:"\f143"}.uk-icon-play-circle:before{content:"\f144"}.uk-icon-ticket:before{content:"\f145"}.uk-icon-minus-square:before{content:"\f146"}.uk-icon-minus-square-o:before{content:"\f147"}.uk-icon-level-up:before{content:"\f148"}.uk-icon-level-down:before{content:"\f149"}.uk-icon-check-square:before{content:"\f14a"}.uk-icon-pencil-square:before{content:"\f14b"}.uk-icon-external-link-square:before{content:"\f14c"}.uk-icon-share-square:before{content:"\f14d"}.uk-icon-compass:before{content:"\f14e"}.uk-icon-toggle-down:before,.uk-icon-caret-square-o-down:before{content:"\f150"}.uk-icon-toggle-up:before,.uk-icon-caret-square-o-up:before{content:"\f151"}.uk-icon-toggle-right:before,.uk-icon-caret-square-o-right:before{content:"\f152"}.uk-icon-euro:before,.uk-icon-eur:before{content:"\f153"}.uk-icon-gbp:before{content:"\f154"}.uk-icon-dollar:before,.uk-icon-usd:before{content:"\f155"}.uk-icon-rupee:before,.uk-icon-inr:before{content:"\f156"}.uk-icon-cny:before,.uk-icon-rmb:before,.uk-icon-yen:before,.uk-icon-jpy:before{content:"\f157"}.uk-icon-ruble:before,.uk-icon-rouble:before,.uk-icon-rub:before{content:"\f158"}.uk-icon-won:before,.uk-icon-krw:before{content:"\f159"}.uk-icon-bitcoin:before,.uk-icon-btc:before{content:"\f15a"}.uk-icon-file:before{content:"\f15b"}.uk-icon-file-text:before{content:"\f15c"}.uk-icon-sort-alpha-asc:before{content:"\f15d"}.uk-icon-sort-alpha-desc:before{content:"\f15e"}.uk-icon-sort-amount-asc:before{content:"\f160"}.uk-icon-sort-amount-desc:before{content:"\f161"}.uk-icon-sort-numeric-asc:before{content:"\f162"}.uk-icon-sort-numeric-desc:before{content:"\f163"}.uk-icon-thumbs-up:before{content:"\f164"}.uk-icon-thumbs-down:before{content:"\f165"}.uk-icon-youtube-square:before{content:"\f166"}.uk-icon-youtube:before{content:"\f167"}.uk-icon-xing:before{content:"\f168"}.uk-icon-xing-square:before{content:"\f169"}.uk-icon-youtube-play:before{content:"\f16a"}.uk-icon-dropbox:before{content:"\f16b"}.uk-icon-stack-overflow:before{content:"\f16c"}.uk-icon-instagram:before{content:"\f16d"}.uk-icon-flickr:before{content:"\f16e"}.uk-icon-adn:before{content:"\f170"}.uk-icon-bitbucket:before{content:"\f171"}.uk-icon-bitbucket-square:before{content:"\f172"}.uk-icon-tumblr:before{content:"\f173"}.uk-icon-tumblr-square:before{content:"\f174"}.uk-icon-long-arrow-down:before{content:"\f175"}.uk-icon-long-arrow-up:before{content:"\f176"}.uk-icon-long-arrow-left:before{content:"\f177"}.uk-icon-long-arrow-right:before{content:"\f178"}.uk-icon-apple:before{content:"\f179"}.uk-icon-windows:before{content:"\f17a"}.uk-icon-android:before{content:"\f17b"}.uk-icon-linux:before{content:"\f17c"}.uk-icon-dribbble:before{content:"\f17d"}.uk-icon-skype:before{content:"\f17e"}.uk-icon-foursquare:before{content:"\f180"}.uk-icon-trello:before{content:"\f181"}.uk-icon-female:before{content:"\f182"}.uk-icon-male:before{content:"\f183"}.uk-icon-gittip:before{content:"\f184"}.uk-icon-sun-o:before{content:"\f185"}.uk-icon-moon-o:before{content:"\f186"}.uk-icon-archive:before{content:"\f187"}.uk-icon-bug:before{content:"\f188"}.uk-icon-vk:before{content:"\f189"}.uk-icon-weibo:before{content:"\f18a"}.uk-icon-renren:before{content:"\f18b"}.uk-icon-pagelines:before{content:"\f18c"}.uk-icon-stack-exchange:before{content:"\f18d"}.uk-icon-arrow-circle-o-right:before{content:"\f18e"}.uk-icon-arrow-circle-o-left:before{content:"\f190"}.uk-icon-toggle-left:before,.uk-icon-caret-square-o-left:before{content:"\f191"}.uk-icon-dot-circle-o:before{content:"\f192"}.uk-icon-wheelchair:before{content:"\f193"}.uk-icon-vimeo-square:before{content:"\f194"}.uk-icon-turkish-lira:before,.uk-icon-try:before{content:"\f195"}.uk-icon-plus-square-o:before{content:"\f196"}.uk-close{-moz-box-sizing:content-box;box-sizing:content-box;display:inline-block;width:20px;line-height:20px;text-align:center;color:inherit;opacity:.3;padding:0;border:0;-webkit-appearance:none;background:0 0}.uk-close:after{display:block;content:"\f00d";font-family:FontAwesome}.uk-close:hover,.uk-close:focus{opacity:.5;outline:0;color:inherit;text-decoration:none;cursor:pointer}.uk-close-alt{padding:2px;border-radius:50%;background:#fff;opacity:1;box-shadow:0 0 0 1px rgba(0,0,0,.1),0 0 6px rgba(0,0,0,.3)}.uk-close-alt:hover,.uk-close-alt:focus{opacity:1}.uk-close-alt:after{opacity:.5}.uk-close-alt:hover:after,.uk-close-alt:focus:after{opacity:.8}.uk-badge{display:inline-block;padding:0 5px;background:#009dd8;font-size:10px;font-weight:700;line-height:14px;color:#fff;text-align:center;vertical-align:middle;text-transform:none;border:1px solid rgba(0,0,0,.2);border-bottom-color:rgba(0,0,0,.3);background-origin:border-box;background-image:-webkit-linear-gradient(top,#00b4f5,#008dc5);background-image:linear-gradient(to bottom,#00b4f5,#008dc5);border-radius:2px;text-shadow:0 -1px 0 rgba(0,0,0,.2)}.uk-badge-notification{-moz-box-sizing:border-box;box-sizing:border-box;min-width:18px;border-radius:50%;font-size:12px;line-height:18px}.uk-badge-success{background-color:#82bb42;background-image:-webkit-linear-gradient(top,#9fd256,#6fac34);background-image:linear-gradient(to bottom,#9fd256,#6fac34)}.uk-badge-warning{background-color:#f9a124;background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406)}.uk-badge-danger{background-color:#d32c46;background-image:-webkit-linear-gradient(top,#ee465a,#c11a39);background-image:linear-gradient(to bottom,#ee465a,#c11a39)}.uk-alert{margin-bottom:15px;padding:10px;background:#ebf7fd;color:#2d7091;border:1px solid rgba(45,112,145,.3);border-radius:4px;text-shadow:0 1px 0 #fff}*+.uk-alert{margin-top:15px}.uk-alert>:last-child{margin-bottom:0}.uk-alert h1,.uk-alert h2,.uk-alert h3,.uk-alert h4,.uk-alert h5,.uk-alert h6{color:inherit}.uk-alert>.uk-close:first-child{float:right}.uk-alert>.uk-close:first-child+*{margin-top:0}.uk-alert-success{background:#f2fae3;color:#659f13;border-color:rgba(101,159,19,.3)}.uk-alert-warning{background:#fffceb;color:#e28327;border-color:rgba(226,131,39,.3)}.uk-alert-danger{background:#fff1f0;color:#d85030;border-color:rgba(216,80,48,.3)}.uk-alert-large{padding:20px}.uk-alert-large>.uk-close:first-child{margin:-10px -10px 0 0}.uk-thumbnail{display:inline-block;-moz-box-sizing:border-box;box-sizing:border-box;max-width:100%;margin:0;padding:4px;border:1px solid #ddd;background:#fff;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.05)}a.uk-thumbnail:hover,a.uk-thumbnail:focus{border-color:#aaa;background-color:#fff;text-decoration:none;outline:0;box-shadow:0 1px 4px rgba(0,0,0,.3)}.uk-thumbnail-caption{padding-top:4px;text-align:center;color:#444}.uk-thumbnail-mini{width:150px}.uk-thumbnail-small{width:200px}.uk-thumbnail-medium{width:300px}.uk-thumbnail-large{width:400px}.uk-thumbnail-expand,.uk-thumbnail-expand>img{width:100%}.uk-overlay{display:inline-block;position:relative;max-width:100%;vertical-align:middle}.uk-overlay-area{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.3);opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.uk-overlay:hover .uk-overlay-area,.uk-overlay-toggle:hover .uk-overlay-area{opacity:1}.uk-overlay-area:empty:before{content:"\f002";position:absolute;top:50%;left:50%;width:50px;height:50px;margin-top:-25px;margin-left:-25px;font-size:50px;line-height:1;font-family:FontAwesome;text-align:center;color:#fff}.uk-overlay-area:not(:empty){letter-spacing:-.31em}.uk-overlay-area:not(:empty):before{content:'';display:inline-block;height:100%;vertical-align:middle}.uk-overlay-area-content{display:inline-block;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;vertical-align:middle;letter-spacing:normal;text-align:center;padding:0 15px;color:#fff}.uk-overlay-area-content>:last-child{margin-bottom:0}.uk-overlay-area-content a:not([class]),.uk-overlay-area-content a:not([class]):hover{color:inherit}.uk-overlay-caption{position:absolute;bottom:0;left:0;right:0;padding:15px;background:rgba(0,0,0,.5);color:#fff;opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.uk-overlay:hover .uk-overlay-caption,.uk-overlay-toggle:hover .uk-overlay-caption{opacity:1}.uk-progress{-moz-box-sizing:border-box;box-sizing:border-box;height:20px;margin-bottom:15px;background:#f7f7f7;overflow:hidden;line-height:20px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.07),inset 0 2px 2px rgba(0,0,0,.07);border-radius:4px}*+.uk-progress{margin-top:15px}.uk-progress-bar{width:0;height:100%;background:#009dd8;float:left;-webkit-transition:width .6s ease;transition:width .6s ease;font-size:12px;color:#fff;text-align:center;background-image:-webkit-linear-gradient(top,#00b4f5,#008dc5);background-image:linear-gradient(to bottom,#00b4f5,#008dc5);box-shadow:inset 0 -1px 0 rgba(0,0,0,.2),inset 0 0 0 1px rgba(0,0,0,.1);text-shadow:0 -1px 0 rgba(0,0,0,.2)}.uk-progress-mini{height:6px}.uk-progress-small{height:12px}.uk-progress-success .uk-progress-bar{background-color:#82bb42;background-image:-webkit-linear-gradient(top,#9fd256,#6fac34);background-image:linear-gradient(to bottom,#9fd256,#6fac34)}.uk-progress-warning .uk-progress-bar{background-color:#f9a124;background-image:-webkit-linear-gradient(top,#fbb450,#f89406);background-image:linear-gradient(to bottom,#fbb450,#f89406)}.uk-progress-danger .uk-progress-bar{background-color:#d32c46;background-image:-webkit-linear-gradient(top,#ee465a,#c11a39);background-image:linear-gradient(to bottom,#ee465a,#c11a39)}.uk-progress-striped .uk-progress-bar{background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:30px 30px}.uk-progress-striped.uk-active .uk-progress-bar{-webkit-animation:uk-progress-bar-stripes 2s linear infinite;animation:uk-progress-bar-stripes 2s linear infinite}@-webkit-keyframes uk-progress-bar-stripes{0%{background-position:0 0}100%{background-position:30px 0}}@keyframes uk-progress-bar-stripes{0%{background-position:0 0}100%{background-position:30px 0}}.uk-progress-mini,.uk-progress-small{border-radius:500px}.uk-search{display:inline-block;position:relative;margin:0}.uk-search:before{content:"\f002";position:absolute;top:0;left:0;width:30px;line-height:30px;text-align:center;font-family:FontAwesome;font-size:14px;color:rgba(0,0,0,.2)}.uk-search-field{width:120px;height:30px;padding:0 30px;border:1px solid rgba(0,0,0,0);background:rgba(0,0,0,0);color:#444;-webkit-transition:all linear .2s;transition:all linear .2s;border-radius:0}input.uk-search-field{-webkit-appearance:none}.uk-search-field:-ms-input-placeholder{color:#999}.uk-search-field::-moz-placeholder{color:#999}.uk-search-field::-webkit-input-placeholder{color:#999}.uk-search-field::-ms-clear{display:none}.uk-search-field:focus{outline:0}.uk-search-field:focus,.uk-active .uk-search-field{width:180px}.uk-search-close{display:none;position:absolute;top:0;right:0;width:30px;line-height:30px;text-align:center;font-size:14px;color:rgba(0,0,0,.2);padding:0;border:0;-webkit-appearance:none;background:0 0}.uk-loading>.uk-search-close,.uk-active>.uk-search-close{display:block}.uk-search-close:after{display:block;content:"\f00d";font-family:FontAwesome}.uk-loading>.uk-search-close:after{content:"\f110";-webkit-animation:uk-spin 2s infinite linear;animation:uk-spin 2s infinite linear}[class*=uk-animation-]{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}[data-uk-scrollspy*=uk-animation-]{opacity:0}.uk-animation-fade{-webkit-animation-name:uk-fade;animation-name:uk-fade;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-timing-function:linear;animation-timing-function:linear}.uk-animation-scale-up{-webkit-animation-name:uk-scale-up;animation-name:uk-scale-up}.uk-animation-scale-down{-webkit-animation-name:uk-scale-down;animation-name:uk-scale-down}.uk-animation-slide-top{-webkit-animation-name:uk-slide-top;animation-name:uk-slide-top}.uk-animation-slide-bottom{-webkit-animation-name:uk-slide-bottom;animation-name:uk-slide-bottom}.uk-animation-slide-left{-webkit-animation-name:uk-slide-left;animation-name:uk-slide-left}.uk-animation-slide-right{-webkit-animation-name:uk-slide-right;animation-name:uk-slide-right}.uk-animation-shake{-webkit-animation-name:uk-shake;animation-name:uk-shake}.uk-animation-reverse{-webkit-animation-direction:reverse;animation-direction:reverse}@-webkit-keyframes uk-fade{0%{opacity:0}100%{opacity:1}}@keyframes uk-fade{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes uk-scale-up{0%{opacity:0;-webkit-transform:scale(0.2)}100%{opacity:1;-webkit-transform:scale(1)}}@keyframes uk-scale-up{0%{opacity:0;transform:scale(0.2)}100%{opacity:1;transform:scale(1)}}@-webkit-keyframes uk-scale-down{0%{opacity:0;-webkit-transform:scale(1.8)}100%{opacity:1;-webkit-transform:scale(1)}}@keyframes uk-scale-down{0%{opacity:0;transform:scale(1.8)}100%{opacity:1;transform:scale(1)}}@-webkit-keyframes uk-slide-top{0%{opacity:0;-webkit-transform:translateY(-100%)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes uk-slide-top{0%{opacity:0;transform:translateY(-100%)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes uk-slide-bottom{0%{opacity:0;-webkit-transform:translateY(100%)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes uk-slide-bottom{0%{opacity:0;transform:translateY(100%)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes uk-slide-left{0%{opacity:0;-webkit-transform:translateX(-100%)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes uk-slide-left{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}}@-webkit-keyframes uk-slide-right{0%{opacity:0;-webkit-transform:translateX(100%)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes uk-slide-right{0%{opacity:0;transform:translateX(100%)}100%{opacity:1;transform:translateX(0)}}@-webkit-keyframes uk-shake{0%,100%{-webkit-transform:translateX(0)}10%{-webkit-transform:translateX(-9px)}20%{-webkit-transform:translateX(8px)}30%{-webkit-transform:translateX(-7px)}40%{-webkit-transform:translateX(6px)}50%{-webkit-transform:translateX(-5px)}60%{-webkit-transform:translateX(4px)}70%{-webkit-transform:translateX(-3px)}80%{-webkit-transform:translateX(2px)}90%{-webkit-transform:translateX(-1px)}}@keyframes uk-shake{0%,100%{transform:translateX(0)}10%{transform:translateX(-9px)}20%{transform:translateX(8px)}30%{transform:translateX(-7px)}40%{transform:translateX(6px)}50%{transform:translateX(-5px)}60%{transform:translateX(4px)}70%{transform:translateX(-3px)}80%{transform:translateX(2px)}90%{transform:translateX(-1px)}}@-webkit-keyframes uk-slide-top-fixed{0%{opacity:0;-webkit-transform:translateY(-10px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes uk-slide-top-fixed{0%{opacity:0;transform:translateY(-10px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes uk-slide-bottom-fixed{0%{opacity:0;-webkit-transform:translateY(10px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes uk-slide-bottom-fixed{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes uk-spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@keyframes uk-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.uk-dropdown{display:none;position:absolute;top:100%;left:0;z-index:1000;-moz-box-sizing:border-box;box-sizing:border-box;width:200px;margin-top:5px;padding:15px;background:#fff;color:#444;letter-spacing:normal;border:1px solid #cbcbcb;border-radius:4px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.uk-open>.uk-dropdown{display:block;-webkit-animation:uk-fade .2s ease-in-out;animation:uk-fade .2s ease-in-out;-webkit-transform-origin:0 0;transform-origin:0 0}.uk-dropdown-flip{left:auto;right:0}.uk-dropdown-up{top:auto;bottom:100%;margin-top:auto;margin-bottom:5px}.uk-dropdown .uk-nav{margin:0 -15px}.uk-dropdown>.uk-grid+.uk-grid{margin-top:15px}.uk-dropdown>.uk-grid>[class*=uk-width-]>.uk-panel+.uk-panel{margin-top:15px}@media (min-width:768px){.uk-dropdown:not(.uk-dropdown-stack)>.uk-grid{margin-left:-15px;margin-right:-15px}.uk-dropdown:not(.uk-dropdown-stack)>.uk-grid>[class*=uk-width-]{padding-left:15px;padding-right:15px}.uk-dropdown:not(.uk-dropdown-stack)>.uk-grid>[class*=uk-width-]:nth-child(n+2){border-left:1px solid #ddd}.uk-dropdown-width-2:not(.uk-dropdown-stack){width:400px}.uk-dropdown-width-3:not(.uk-dropdown-stack){width:600px}.uk-dropdown-width-4:not(.uk-dropdown-stack){width:800px}.uk-dropdown-width-5:not(.uk-dropdown-stack){width:1000px}}@media (max-width:767px){.uk-dropdown>.uk-grid>[class*=uk-width-]{width:100%}.uk-dropdown>.uk-grid>[class*=uk-width-]:nth-child(n+2){margin-top:15px}}.uk-dropdown-stack>.uk-grid>[class*=uk-width-]{width:100%}.uk-dropdown-stack>.uk-grid>[class*=uk-width-]:nth-child(n+2){margin-top:15px}.uk-dropdown-small{min-width:150px;width:auto;padding:5px;white-space:nowrap}.uk-dropdown-small .uk-nav{margin:0 -5px}.uk-dropdown-navbar{margin-top:6px;background:#fff;color:#444;left:-1px;border:1px solid #cbcbcb;border-radius:4px;box-shadow:0 2px 5px rgba(0,0,0,.1)}.uk-open>.uk-dropdown-navbar{-webkit-animation:uk-slide-top-fixed .2s ease-in-out;animation:uk-slide-top-fixed .2s ease-in-out}.uk-dropdown-search{width:300px;margin-top:0;background:#fff;color:#444}.uk-open>.uk-dropdown-search{-webkit-animation:uk-slide-top-fixed .2s ease-in-out;animation:uk-slide-top-fixed .2s ease-in-out}.uk-navbar-flip .uk-dropdown-search{margin-top:11px;margin-right:-16px}.uk-dropdown-navbar.uk-dropdown-flip{left:auto}.uk-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1020;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;background:rgba(0,0,0,.6);opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.uk-modal.uk-open{opacity:1}.uk-modal-page{overflow:hidden}.uk-modal-dialog{position:relative;top:10%;left:50%;-moz-box-sizing:border-box;box-sizing:border-box;padding:20px;width:600px;margin-left:-300px;background:#fff;border-radius:4px;box-shadow:0 0 10px rgba(0,0,0,.3)}@media (max-width:767px){.uk-modal-dialog{top:0;left:0;right:0;width:auto;margin:10px}}.uk-modal-dialog>:last-child{margin-bottom:0}.uk-modal-dialog-slide{opacity:0;-webkit-transform:translateY(-25%);transform:translateY(-25%);-webkit-transition:opacity .3s linear,-webkit-transform .3s ease-out;transition:opacity .3s linear,transform .3s ease-out}.uk-open .uk-modal-dialog-slide{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.uk-modal-dialog>.uk-close:first-child{margin:-10px -10px 0 0;float:right}.uk-modal-dialog>.uk-close:first-child+*{margin-top:0}.uk-modal-dialog-frameless{padding:0}.uk-modal-dialog-frameless>.uk-close:first-child{position:absolute;top:-12px;right:-12px;margin:0;float:none}@media (max-width:767px){.uk-modal-dialog-frameless>.uk-close:first-child{top:-7px;right:-7px}}.uk-offcanvas{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1010;background:rgba(0,0,0,.1)}.uk-offcanvas.uk-active{display:block}.uk-offcanvas-page{position:fixed;-webkit-transition:margin-left .3s ease-in-out 50ms;transition:margin-left .3s ease-in-out 50ms}.uk-offcanvas-bar{position:fixed;top:0;bottom:0;left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);z-index:1011;width:270px;max-width:100%;background:#333;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out}.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show{-webkit-transform:translateX(0%);transform:translateX(0%)}.uk-offcanvas-bar-flip{left:auto;right:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.uk-offcanvas .uk-panel{margin:20px 15px;color:#777;text-shadow:0 1px 0 rgba(0,0,0,.5)}.uk-offcanvas .uk-panel-title{color:#ccc}.uk-offcanvas .uk-panel a:not([class]){color:#ccc}.uk-offcanvas .uk-panel a:not([class]):hover{color:#fff}.uk-offcanvas .uk-search{display:block;margin:20px 15px}.uk-offcanvas .uk-search:before{color:#777}.uk-offcanvas .uk-search-field{width:100%;border-color:rgba(0,0,0,0);background:#1a1a1a;color:#ccc}.uk-offcanvas .uk-search-field:-ms-input-placeholder{color:#777}.uk-offcanvas .uk-search-field::-moz-placeholder{color:#777}.uk-offcanvas .uk-search-field::-webkit-input-placeholder{color:#777}.uk-offcanvas-bar:after{content:"";display:block;position:absolute;top:0;bottom:0;right:0;width:1px;background:rgba(0,0,0,.6);box-shadow:0 0 5px 2px rgba(0,0,0,.6)}.uk-offcanvas-bar-flip:after{right:auto;left:0;width:1px;background:rgba(0,0,0,.6);box-shadow:0 0 5px 2px rgba(0,0,0,.6)}.uk-switcher{margin:0;padding:0;list-style:none}.uk-switcher>:not(.uk-active){display:none}.uk-tooltip{display:none;position:absolute;z-index:1030;-moz-box-sizing:border-box;box-sizing:border-box;max-width:200px;padding:5px 8px;background:#333;color:rgba(255,255,255,.7);font-size:12px;line-height:18px;text-align:center;border-radius:3px;text-shadow:0 1px 0 rgba(0,0,0,.5)}.uk-tooltip:after{content:"";display:block;position:absolute;width:0;height:0;border:5px dashed #333}.uk-tooltip-top:after,.uk-tooltip-top-left:after,.uk-tooltip-top-right:after{bottom:-5px;border-top-style:solid;border-bottom:0;border-left-color:transparent;border-right-color:transparent;border-top-color:#333}.uk-tooltip-bottom:after,.uk-tooltip-bottom-left:after,.uk-tooltip-bottom-right:after{top:-5px;border-bottom-style:solid;border-top:0;border-left-color:transparent;border-right-color:transparent;border-bottom-color:#333}.uk-tooltip-top:after,.uk-tooltip-bottom:after{left:50%;margin-left:-5px}.uk-tooltip-top-left:after,.uk-tooltip-bottom-left:after{left:10px}.uk-tooltip-top-right:after,.uk-tooltip-bottom-right:after{right:10px}.uk-tooltip-left:after{right:-5px;top:50%;margin-top:-5px;border-left-style:solid;border-right:0;border-top-color:transparent;border-bottom-color:transparent;border-left-color:#333}.uk-tooltip-right:after{left:-5px;top:50%;margin-top:-5px;border-right-style:solid;border-left:0;border-top-color:transparent;border-bottom-color:transparent;border-right-color:#333}.uk-text-small{font-size:11px;line-height:16px}.uk-text-large{font-size:18px;line-height:24px}.uk-text-bold{font-weight:700}.uk-text-muted{color:#999!important}.uk-text-info{color:#2d7091!important}.uk-text-success{color:#659f13!important}.uk-text-warning{color:#e28327!important}.uk-text-danger{color:#d85030!important}.uk-text-left{text-align:left!important}.uk-text-right{text-align:right!important}.uk-text-center{text-align:center!important}.uk-text-justify{text-align:justify!important}.uk-text-nowrap{white-space:nowrap}.uk-text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uk-text-break{word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;-moz-hyphens:auto;hyphens:auto}.uk-container{-moz-box-sizing:border-box;box-sizing:border-box;max-width:980px;padding:0 25px}@media (min-width:1220px){.uk-container{max-width:1200px;padding:0 35px}}.uk-container:before,.uk-container:after{content:" ";display:table}.uk-container:after{clear:both}.uk-container-center{margin-left:auto;margin-right:auto}.uk-clearfix:before,.uk-clearfix:after{content:" ";display:table}.uk-clearfix:after{clear:both}.uk-nbfc{overflow:hidden}.uk-nbfc-alt{display:table-cell;width:10000px}.uk-float-left{float:left}.uk-float-right{float:right}[class*=uk-float-]{max-width:100%}[class*=uk-align-]{display:block;margin-bottom:15px}.uk-align-left{margin-right:15px;float:left}.uk-align-right{margin-left:15px;float:right}@media (min-width:768px){.uk-align-medium-left{margin-right:15px;margin-bottom:15px;float:left}.uk-align-medium-right{margin-left:15px;margin-bottom:15px;float:right}}.uk-align-center{margin-left:auto;margin-right:auto}.uk-vertical-align{letter-spacing:-.31em}.uk-vertical-align:before{content:'';display:inline-block;height:100%;vertical-align:middle}.uk-vertical-align-middle,.uk-vertical-align-bottom{display:inline-block;max-width:100%;letter-spacing:normal}.uk-vertical-align-middle{vertical-align:middle}.uk-vertical-align-bottom{vertical-align:bottom}.uk-height-1-1{height:100%}.uk-responsive-width,.uk-responsive-height{-moz-box-sizing:border-box;box-sizing:border-box}.uk-responsive-width{max-width:100%;height:auto}.uk-responsive-height{max-height:100%;width:auto}.uk-margin{margin-bottom:15px}*+.uk-margin{margin-top:15px}.uk-margin-top{margin-top:15px!important}.uk-margin-bottom{margin-bottom:15px!important}.uk-margin-left{margin-left:15px!important}.uk-margin-right{margin-right:15px!important}.uk-margin-small-top{margin-top:5px!important}.uk-margin-small-bottom{margin-bottom:5px!important}.uk-margin-small-left{margin-left:5px!important}.uk-margin-small-right{margin-right:5px!important}.uk-margin-remove{margin:0!important}.uk-margin-top-remove{margin-top:0!important}.uk-margin-bottom-remove{margin-bottom:0!important}.uk-border-circle{border-radius:50%}@media (min-width:768px){.uk-heading-large{font-size:52px;line-height:64px}}.uk-link-muted,.uk-link-muted a{color:#444}.uk-link-muted:hover,.uk-link-muted a:hover{color:#444}.uk-scrollable-text{max-height:300px;overflow-y:scroll}.uk-scrollable-box{-moz-box-sizing:border-box;box-sizing:border-box;max-height:170px;padding:10px;border:1px solid #ddd;overflow:auto;border-radius:3px}.uk-scrollable-box>:last-child{margin-bottom:0}.uk-display-block{display:block!important}.uk-display-inline{display:inline!important}.uk-display-inline-block{display:inline-block!important}@media (min-width:960px){.uk-visible-small{display:none!important}.uk-visible-medium{display:none!important}.uk-hidden-large{display:none!important}}@media (min-width:768px) and (max-width:959px){.uk-visible-small{display:none!important}.uk-visible-large{display:none!important}.uk-hidden-medium{display:none!important}}@media (max-width:767px){.uk-visible-medium{display:none!important}.uk-visible-large{display:none!important}.uk-hidden-small{display:none!important}}.uk-hidden{display:none!important;visibility:hidden!important}.uk-invisible{visibility:hidden!important}.uk-visible-hover:hover .uk-hidden,.uk-visible-hover:hover .uk-invisible{display:block!important;visibility:visible!important}.uk-visible-hover-inline:hover .uk-hidden,.uk-visible-hover-inline:hover .uk-invisible{display:inline-block!important;visibility:visible!important}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}} \ No newline at end of file diff --git a/lib/css/uikit.min.css b/lib/css/uikit.min.css index d936bbf..7ea0278 100644 --- a/lib/css/uikit.min.css +++ b/lib/css/uikit.min.css @@ -1,3 +1 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ - -html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background:0 0}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-size:1em;font-family:Consolas,monospace,serif}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}optgroup{font-weight:700}button{overflow:visible}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button:disabled,html input:disabled{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{padding:0;cursor:pointer}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:0;margin:0;padding:0}legend{border:0;padding:0}textarea{overflow:auto;vertical-align:top}::-moz-placeholder{opacity:1}table{border-collapse:collapse;border-spacing:0}html{font-size:14px}body{background:#fff;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;line-height:20px;color:#444}@media (max-width:767px){body{word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;-moz-hyphens:auto;hyphens:auto}}a,.uk-link{color:#07d;text-decoration:none;cursor:pointer}a:hover,.uk-link:hover{color:#059;text-decoration:underline}em{color:#d05}ins{background:#ffa;color:#444;text-decoration:none}mark{background:#ffa;color:#444}::-moz-selection{background:#39f;color:#fff;text-shadow:none}::selection{background:#39f;color:#fff;text-shadow:none}abbr[title],dfn[title]{cursor:help}dfn[title]{border-bottom:1px dotted;font-style:normal}img{-moz-box-sizing:border-box;box-sizing:border-box;max-width:100%;height:auto;vertical-align:middle}.uk-img-preserve,.uk-img-preserve img,img[src*="maps.gstatic.com"],img[src*="googleapis.com"]{max-width:none}p,hr,ul,ol,dl,blockquote,pre,address,fieldset,figure{margin:0 0 15px}*+p,*+hr,*+ul,*+ol,*+dl,*+blockquote,*+pre,*+address,*+fieldset,*+figure{margin-top:15px}h1,h2,h3,h4,h5,h6{margin:0 0 15px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;color:#444;text-transform:none}*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:25px}h1,.uk-h1{font-size:36px;line-height:42px}h2,.uk-h2{font-size:24px;line-height:30px}h3,.uk-h3{font-size:18px;line-height:24px}h4,.uk-h4{font-size:16px;line-height:22px}h5,.uk-h5{font-size:14px;line-height:20px}h6,.uk-h6{font-size:12px;line-height:18px}ul,ol{padding-left:30px}ul>li>ul,ul>li>ol,ol>li>ol,ol>li>ul{margin:0}dt{font-weight:700}dd{margin-left:0}hr{display:block;padding:0;border:0;border-top:1px solid #ddd}address{font-style:normal}q,blockquote{font-style:italic}blockquote{padding-left:15px;border-left:5px solid #ddd;font-size:16px;line-height:22px}blockquote small{display:block;color:#999;font-style:normal}blockquote p:last-of-type{margin-bottom:5px}code{color:#d05;font-size:12px;white-space:nowrap}pre code{color:inherit;white-space:pre-wrap}pre{padding:10px;background:#f5f5f5;color:#444;font-size:12px;line-height:18px;-moz-tab-size:4;tab-size:4}button,input:not([type=radio]):not([type=checkbox]),select{vertical-align:middle}iframe{border:0}@media screen and (max-width:400px){@-ms-viewport{width:device-width}}.uk-grid:before,.uk-grid:after{content:" ";display:table}.uk-grid:after{clear:both}.uk-grid{margin:0 0 0 -25px;padding:0;list-style:none}.uk-grid+.uk-grid{margin-top:25px}.uk-grid>[class*=uk-width-]{margin:0;padding-left:25px;float:left}.uk-grid>[class*=uk-width-]>:last-child{margin-bottom:0}.uk-grid>.uk-grid-margin{margin-top:25px}.uk-grid-divider:not(:empty){margin-left:-25px;margin-right:-25px}.uk-grid-divider:not(:empty)>[class*=uk-width-]{padding-left:25px;padding-right:25px}.uk-grid-divider:not(:empty)>[class*=uk-width-1-]:not(.uk-width-1-1):nth-child(n+2),.uk-grid-divider:not(:empty)>[class*=uk-width-2-]:nth-child(n+2),.uk-grid-divider:not(:empty)>[class*=uk-width-3-]:nth-child(n+2),.uk-grid-divider:not(:empty)>[class*=uk-width-4-]:nth-child(n+2),.uk-grid-divider:not(:empty)>[class*=uk-width-5-]:nth-child(n+2),.uk-grid-divider:not(:empty)>[class*=uk-width-6-]:nth-child(n+2),.uk-grid-divider:not(:empty)>[class*=uk-width-7-]:nth-child(n+2),.uk-grid-divider:not(:empty)>[class*=uk-width-8-]:nth-child(n+2),.uk-grid-divider:not(:empty)>[class*=uk-width-9-]:nth-child(n+2){border-left:1px solid #ddd}@media (min-width:768px){.uk-grid-divider:not(:empty)>[class*=uk-width-medium-]:not(.uk-width-medium-1-1):nth-child(n+2){border-left:1px solid #ddd}}@media (min-width:960px){.uk-grid-divider:not(:empty)>[class*=uk-width-large-]:not(.uk-width-large-1-1):nth-child(n+2){border-left:1px solid #ddd}}.uk-grid-divider:empty{margin-top:25px;margin-bottom:25px;border-top:1px solid #ddd}.uk-grid>[class*=uk-width-]>.uk-panel+.uk-panel{margin-top:25px}@media (min-width:1220px){.uk-grid:not(.uk-grid-preserve){margin-left:-35px}.uk-grid:not(.uk-grid-preserve)>[class*=uk-width-]{padding-left:35px}.uk-grid:not(.uk-grid-preserve)+.uk-grid{margin-top:35px}.uk-grid:not(.uk-grid-preserve)>.uk-grid-margin{margin-top:35px}.uk-grid:not(.uk-grid-preserve)>[class*=uk-width-]>.uk-panel+.uk-panel{margin-top:35px}.uk-grid-divider:not(.uk-grid-preserve):not(:empty){margin-left:-35px;margin-right:-35px}.uk-grid-divider:not(.uk-grid-preserve):not(:empty)>[class*=uk-width-]{padding-left:35px;padding-right:35px}.uk-grid-divider:not(.uk-grid-preserve):empty{margin-top:35px;margin-bottom:35px}}[class*=uk-width-]{-moz-box-sizing:border-box;box-sizing:border-box;width:100%}.uk-width-1-1{width:100%}.uk-width-1-2,.uk-width-2-4,.uk-width-3-6,.uk-width-5-10{width:50%}.uk-width-1-3,.uk-width-2-6{width:33.333%}.uk-width-2-3,.uk-width-4-6{width:66.666%}.uk-width-1-4{width:25%}.uk-width-3-4{width:75%}.uk-width-1-5,.uk-width-2-10{width:20%}.uk-width-2-5,.uk-width-4-10{width:40%}.uk-width-3-5,.uk-width-6-10{width:60%}.uk-width-4-5,.uk-width-8-10{width:80%}.uk-width-1-6{width:16.666%}.uk-width-5-6{width:83.333%}.uk-width-1-10{width:10%}.uk-width-3-10{width:30%}.uk-width-7-10{width:70%}.uk-width-9-10{width:90%}@media (min-width:768px){.uk-width-medium-1-1{width:100%}.uk-width-medium-1-2,.uk-width-medium-2-4,.uk-width-medium-3-6,.uk-width-medium-5-10{width:50%}.uk-width-medium-1-3,.uk-width-medium-2-6{width:33.333%}.uk-width-medium-2-3,.uk-width-medium-4-6{width:66.666%}.uk-width-medium-1-4{width:25%}.uk-width-medium-3-4{width:75%}.uk-width-medium-1-5,.uk-width-medium-2-10{width:20%}.uk-width-medium-2-5,.uk-width-medium-4-10{width:40%}.uk-width-medium-3-5,.uk-width-medium-6-10{width:60%}.uk-width-medium-4-5,.uk-width-medium-8-10{width:80%}.uk-width-medium-1-6{width:16.666%}.uk-width-medium-5-6{width:83.333%}.uk-width-medium-1-10{width:10%}.uk-width-medium-3-10{width:30%}.uk-width-medium-7-10{width:70%}.uk-width-medium-9-10{width:90%}}@media (min-width:960px){.uk-width-large-1-1{width:100%}.uk-width-large-1-2,.uk-width-large-2-4,.uk-width-large-3-6,.uk-width-large-5-10{width:50%}.uk-width-large-1-3,.uk-width-large-2-6{width:33.333%}.uk-width-large-2-3,.uk-width-large-4-6{width:66.666%}.uk-width-large-1-4{width:25%}.uk-width-large-3-4{width:75%}.uk-width-large-1-5,.uk-width-large-2-10{width:20%}.uk-width-large-2-5,.uk-width-large-4-10{width:40%}.uk-width-large-3-5,.uk-width-large-6-10{width:60%}.uk-width-large-4-5,.uk-width-large-8-10{width:80%}.uk-width-large-1-6{width:16.666%}.uk-width-large-5-6{width:83.333%}.uk-width-large-1-10{width:10%}.uk-width-large-3-10{width:30%}.uk-width-large-7-10{width:70%}.uk-width-large-9-10{width:90%}}@media (min-width:768px){[class*=uk-push-],[class*=uk-pull-]{position:relative}.uk-push-1-2,.uk-push-2-4,.uk-push-3-6,.uk-push-5-10{left:50%}.uk-push-1-3,.uk-push-2-6{left:33.333%}.uk-push-2-3,.uk-push-4-6{left:66.666%}.uk-push-1-4{left:25%}.uk-push-3-4{left:75%}.uk-push-1-5,.uk-push-2-10{left:20%}.uk-push-2-5,.uk-push-4-10{left:40%}.uk-push-3-5,.uk-push-6-10{left:60%}.uk-push-4-5,.uk-push-8-10{left:80%}.uk-push-1-6{left:16.666%}.uk-push-5-6{left:83.333%}.uk-push-1-10{left:10%}.uk-push-3-10{left:30%}.uk-push-7-10{left:70%}.uk-push-9-10{left:90%}.uk-pull-1-2,.uk-pull-2-4,.uk-pull-3-6,.uk-pull-5-10{left:-50%}.uk-pull-1-3,.uk-pull-2-6{left:-33.333%}.uk-pull-2-3,.uk-pull-4-6{left:-66.666%}.uk-pull-1-4{left:-25%}.uk-pull-3-4{left:-75%}.uk-pull-1-5,.uk-pull-2-10{left:-20%}.uk-pull-2-5,.uk-pull-4-10{left:-40%}.uk-pull-3-5,.uk-pull-6-10{left:-60%}.uk-pull-4-5,.uk-pull-8-10{left:-80%}.uk-pull-1-6{left:-16.666%}.uk-pull-5-6{left:-83.333%}.uk-pull-1-10{left:-10%}.uk-pull-3-10{left:-30%}.uk-pull-7-10{left:-70%}.uk-pull-9-10{left:-90%}}.uk-panel{display:block;position:relative}.uk-panel:before,.uk-panel:after{content:" ";display:table}.uk-panel:after{clear:both}.uk-panel>:not(.uk-panel-title):last-child{margin-bottom:0}.uk-panel-title{margin-top:0;margin-bottom:15px;font-size:18px;line-height:24px;font-weight:400;text-transform:none;color:#444}.uk-panel-badge{position:absolute;top:0;right:0;z-index:1}.uk-panel-box{padding:15px;background:#f5f5f5;color:#444}.uk-panel-box .uk-panel-title{color:#444}.uk-panel-box .uk-panel-badge{top:10px;right:10px}.uk-panel-box .uk-panel-teaser{margin:-15px -15px 15px -15px}.uk-panel-box>.uk-nav-side{margin:0 -15px}.uk-panel-box-primary{background-color:#ebf7fd;color:#2d7091}.uk-panel-box-primary .uk-panel-title{color:#2d7091}.uk-panel-box-secondary{background-color:#eee;color:#444}.uk-panel-box-secondary .uk-panel-title{color:#444}.uk-panel-header .uk-panel-title{padding-bottom:10px;border-bottom:1px solid #ddd;color:#444}.uk-panel-space{padding:30px}.uk-panel-space .uk-panel-badge{top:30px;right:30px}.uk-panel+.uk-panel-divider{margin-top:50px!important}.uk-panel+.uk-panel-divider:before{content:"";display:block;position:absolute;top:-25px;left:0;right:0;border-top:1px solid #ddd}@media (min-width:1220px){.uk-panel+.uk-panel-divider{margin-top:70px!important}.uk-panel+.uk-panel-divider:before{top:-35px}}.uk-article:before,.uk-article:after{content:" ";display:table}.uk-article:after{clear:both}.uk-article>:last-child{margin-bottom:0}.uk-article+.uk-article{margin-top:15px}.uk-article-title{font-size:36px;line-height:42px;font-weight:400;text-transform:none}.uk-article-title a{color:inherit;text-decoration:none}.uk-article-meta{font-size:12px;line-height:18px;color:#999}.uk-article-lead{color:#444;font-size:18px;line-height:24px;font-weight:400}.uk-article-divider{margin-bottom:25px;border-color:#ddd}*+.uk-article-divider{margin-top:25px}.uk-comment-header{margin-bottom:15px}.uk-comment-header:before,.uk-comment-header:after{content:" ";display:table}.uk-comment-header:after{clear:both}.uk-comment-avatar{margin-right:15px;float:left}.uk-comment-title{margin:5px 0 0;font-size:16px;line-height:22px}.uk-comment-meta{margin:2px 0 0;font-size:11px;line-height:16px;color:#999}.uk-comment-body>:last-child{margin-bottom:0}.uk-comment-list{padding:0;list-style:none}.uk-comment-list .uk-comment+ul{margin:15px 0 0;list-style:none}.uk-comment-list>li:nth-child(n+2),.uk-comment-list .uk-comment+ul>li:nth-child(n+2){margin-top:15px}@media (min-width:768px){.uk-comment-list .uk-comment+ul{padding-left:100px}}.uk-nav,.uk-nav ul{margin:0;padding:0;list-style:none}.uk-nav li>a{display:block;text-decoration:none}.uk-nav>li>a{padding:5px 15px}.uk-nav ul{padding-left:15px}.uk-nav ul a{padding:2px 0}.uk-nav li>a>div{font-size:12px;line-height:18px}.uk-nav-header{padding:5px 15px;text-transform:uppercase;font-weight:700;font-size:12px}.uk-nav-header:not(:first-child){margin-top:15px}.uk-nav-divider{margin:9px 15px}ul.uk-nav-sub{padding:5px 0 5px 15px}.uk-nav-parent-icon>.uk-parent>a:after{content:"\f104";width:20px;margin-right:-10px;float:right;font-family:FontAwesome;text-align:center}.uk-nav-parent-icon>.uk-parent.uk-open>a:after{content:"\f107"}.uk-nav-side>li>a{color:#444}.uk-nav-side>li>a:hover,.uk-nav-side>li>a:focus{background:rgba(0,0,0,.05);color:#444;outline:0}.uk-nav-side>li.uk-active>a{background:#00a8e6;color:#fff}.uk-nav-side .uk-nav-header{color:#444}.uk-nav-side .uk-nav-divider{border-top:1px solid #ddd}.uk-nav-side ul a{color:#07d}.uk-nav-side ul a:hover{color:#059}.uk-nav-dropdown>li>a{color:#444}.uk-nav-dropdown>li>a:hover,.uk-nav-dropdown>li>a:focus{background:#00a8e6;color:#fff;outline:0}.uk-nav-dropdown .uk-nav-header{color:#999}.uk-nav-dropdown .uk-nav-divider{border-top:1px solid #ddd}.uk-nav-dropdown ul a{color:#07d}.uk-nav-dropdown ul a:hover{color:#059}.uk-nav-navbar>li>a{color:#444}.uk-nav-navbar>li>a:hover,.uk-nav-navbar>li>a:focus{background:#00a8e6;color:#fff;outline:0}.uk-nav-navbar .uk-nav-header{color:#999}.uk-nav-navbar .uk-nav-divider{border-top:1px solid #ddd}.uk-nav-navbar ul a{color:#07d}.uk-nav-navbar ul a:hover{color:#059}.uk-nav-search>li>a{color:#444}.uk-nav-search>li.uk-active>a{background:#00a8e6;color:#fff;outline:0}.uk-nav-search .uk-nav-header{color:#999}.uk-nav-search .uk-nav-divider{border-top:1px solid #ddd}.uk-nav-search ul a{color:#07d}.uk-nav-search ul a:hover{color:#059}.uk-nav-offcanvas>li>a{color:#ccc;padding:10px 15px}.uk-nav-offcanvas>.uk-open>a,html:not(.uk-touch) .uk-nav-offcanvas>li>a:hover,html:not(.uk-touch) .uk-nav-offcanvas>li>a:focus{background:#404040;color:#fff;outline:0}html .uk-nav.uk-nav-offcanvas>li.uk-active>a{background:#1a1a1a;color:#fff}.uk-nav-offcanvas .uk-nav-header{color:#777}.uk-nav-offcanvas .uk-nav-divider{border-top:1px solid #1a1a1a}.uk-nav-offcanvas ul a{color:#ccc}html:not(.uk-touch) .uk-nav-offcanvas ul a:hover{color:#fff}.uk-navbar{background:#eee;color:#444}.uk-navbar:before,.uk-navbar:after{content:" ";display:table}.uk-navbar:after{clear:both}.uk-navbar-nav{margin:0;padding:0;list-style:none;float:left}.uk-navbar-nav>li{float:left;position:relative}.uk-navbar-nav>li>a{display:block;-moz-box-sizing:border-box;box-sizing:border-box;text-decoration:none;height:40px;padding:0 15px;line-height:40px;color:#444;font-size:14px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400}.uk-navbar-nav>li>a[href='#']{cursor:text}.uk-navbar-nav>li:hover>a,.uk-navbar-nav>li>a:focus,.uk-navbar-nav>li.uk-open>a{background-color:#f5f5f5;color:#444;outline:0}.uk-navbar-nav>li>a:active{background-color:#ddd;color:#444}.uk-navbar-nav>li.uk-active>a{background-color:#f5f5f5;color:#444}.uk-navbar-nav .uk-navbar-nav-subtitle{line-height:28px}.uk-navbar-nav-subtitle>div{margin-top:-6px;font-size:10px;line-height:12px}.uk-navbar-content,.uk-navbar-brand,.uk-navbar-toggle{-moz-box-sizing:border-box;box-sizing:border-box;display:block;height:40px;padding:0 15px;float:left}.uk-navbar-content:before,.uk-navbar-brand:before,.uk-navbar-toggle:before{content:'';display:inline-block;height:100%;vertical-align:middle}.uk-navbar-content+.uk-navbar-content:not(.uk-navbar-center){padding-left:0}.uk-navbar-content>a:not([class]){color:#07d}.uk-navbar-content>a:not([class]):hover{color:#059}.uk-navbar-brand{font-size:18px;color:#444}.uk-navbar-brand:hover,.uk-navbar-brand:focus{color:#444;text-decoration:none;outline:0}.uk-navbar-toggle{font-size:18px;color:#444}.uk-navbar-toggle:hover,.uk-navbar-toggle:focus{color:#444;text-decoration:none;outline:0}.uk-navbar-toggle:after{content:"\f0c9";font-family:FontAwesome;vertical-align:middle}.uk-navbar-toggle-alt:after{content:"\f002"}.uk-navbar-center{float:none;text-align:center;max-width:50%;margin:auto}.uk-navbar-flip{float:right}.uk-subnav{padding:0;list-style:none;letter-spacing:-.31em}.uk-subnav>li{position:relative;letter-spacing:normal}.uk-subnav>li,.uk-subnav>li>a,.uk-subnav>li>span{display:inline-block}.uk-subnav>li:nth-child(n+2){margin-left:10px}.uk-subnav>li>a{color:#07d}.uk-subnav>li>a:hover{color:#059}.uk-subnav>li>span{color:#999}.uk-subnav-line>li:nth-child(n+2):before{content:"";display:inline-block;height:10px;margin-right:10px;border-left:1px solid #ddd}.uk-subnav-pill>li>a,.uk-subnav-pill>li>span{padding:3px 9px;text-decoration:none}.uk-subnav-pill>li>a:hover,.uk-subnav-pill>li>a:focus{background:#eee;color:#444;outline:0}.uk-subnav-pill>li.uk-active>a{background:#00a8e6;color:#fff}.uk-breadcrumb{padding:0;list-style:none;letter-spacing:-.31em}.uk-breadcrumb>li{letter-spacing:normal}.uk-breadcrumb>li,.uk-breadcrumb>li>a,.uk-breadcrumb>li>span{display:inline-block}.uk-breadcrumb>li:nth-child(n+2):before{content:"/";display:inline-block;margin:0 8px}.uk-breadcrumb>li:not(.uk-active)>span{color:#999}.uk-pagination{padding:0;list-style:none;text-align:center;letter-spacing:-.31em}.uk-pagination:before,.uk-pagination:after{content:" ";display:table}.uk-pagination:after{clear:both}.uk-pagination>li{display:inline-block;letter-spacing:normal}.uk-pagination>li:nth-child(n+2){margin-left:5px}.uk-pagination>li>a,.uk-pagination>li>span{display:inline-block;min-width:16px;padding:3px 5px;line-height:20px;text-decoration:none;-moz-box-sizing:content-box;box-sizing:content-box;text-align:center}.uk-pagination>li>a{background:#eee;color:#444}.uk-pagination>li>a:hover,.uk-pagination>li>a:focus{background-color:#f5f5f5;color:#444;outline:0}.uk-pagination>li>a:active{background-color:#ddd;color:#444}.uk-pagination>.uk-active>span{background:#00a8e6;color:#fff}.uk-pagination>.uk-disabled>span{background-color:#f5f5f5;color:#999}.uk-pagination-previous{float:left}.uk-pagination-next{float:right}.uk-pagination-left{text-align:left}.uk-pagination-right{text-align:right}.uk-tab{margin:0;padding:0;list-style:none;border-bottom:1px solid #ddd}.uk-tab:before,.uk-tab:after{content:" ";display:table}.uk-tab:after{clear:both}.uk-tab>li{margin-bottom:-1px;float:left;position:relative}.uk-tab>li>a{display:block;padding:8px 12px;border:1px solid transparent;border-bottom-width:0;color:#07d;text-decoration:none}.uk-tab>li:nth-child(n+2)>a{margin-left:5px}.uk-tab>li>a:hover,.uk-tab>li>a:focus,.uk-tab>li.uk-open>a{border-color:#f5f5f5;background:#f5f5f5;color:#059;outline:0}.uk-tab>li:not(.uk-active)>a:hover,.uk-tab>li:not(.uk-active)>a:focus,.uk-tab>li.uk-open:not(.uk-active)>a{margin-bottom:1px;padding-bottom:7px}.uk-tab>li.uk-active>a{border-color:#ddd;border-bottom-color:transparent;background:#fff;color:#444}.uk-tab>li.uk-disabled>a{color:#999;cursor:auto}.uk-tab>li.uk-disabled>a:hover,.uk-tab>li.uk-disabled>a:focus,.uk-tab>li.uk-disabled.uk-active>a{background:0 0;border-color:transparent}.uk-tab-flip>li{float:right}.uk-tab-flip>li:nth-child(n+2)>a{margin-left:0;margin-right:5px}.uk-tab-responsive{display:none}.uk-tab-responsive>a:before{content:"\f0c9\00a0";font-family:FontAwesome}@media (max-width:767px){[data-uk-tab]>li{display:none}[data-uk-tab]>li.uk-tab-responsive{display:block}[data-uk-tab]>li.uk-tab-responsive>a{margin-left:0;margin-right:0}}.uk-tab-center{border-bottom:1px solid #ddd}.uk-tab-center-bottom{border-bottom:0;border-top:1px solid #ddd}.uk-tab-center:before,.uk-tab-center:after{content:" ";display:table}.uk-tab-center:after{clear:both}.uk-tab-center .uk-tab{position:relative;left:50%;border:0;float:left}.uk-tab-center .uk-tab>li{position:relative;left:-50%}.uk-tab-center .uk-tab>li>a{text-align:center}.uk-tab-bottom{border-top:1px solid #ddd;border-bottom:0}.uk-tab-bottom>li{margin-top:-1px;margin-bottom:0}.uk-tab-bottom>li>a{padding-top:8px;padding-bottom:8px;border-bottom-width:1px;border-top-width:0}.uk-tab-bottom>li:not(.uk-active)>a:hover,.uk-tab-bottom>li:not(.uk-active)>a:focus,.uk-tab-bottom>li.uk-open:not(.uk-active)>a{margin-bottom:0;margin-top:1px;padding-bottom:8px;padding-top:7px}.uk-tab-bottom>li.uk-active>a{border-top-color:transparent;border-bottom-color:#ddd}.uk-tab-grid{margin-left:-5px;border-bottom:0;position:relative;z-index:0}.uk-tab-grid:before{display:block;position:absolute;left:5px;right:0;bottom:-1px;border-top:1px solid #ddd;z-index:-1}.uk-tab-grid>li:first-child>a{margin-left:5px}.uk-tab-grid>li>a{text-align:center}.uk-tab-grid.uk-tab-bottom{border-top:0}.uk-tab-grid.uk-tab-bottom:before{top:-1px;bottom:auto}@media (min-width:768px){.uk-tab-left,.uk-tab-right{border-bottom:0}.uk-tab-left>li,.uk-tab-right>li{margin-bottom:0;float:none}.uk-tab-left>li>a,.uk-tab-right>li>a{padding-top:8px;padding-bottom:8px}.uk-tab-left>li:nth-child(n+2)>a,.uk-tab-right>li:nth-child(n+2)>a{margin-left:0;margin-top:5px}.uk-tab-left>li.uk-active>a,.uk-tab-right>li.uk-active>a{border-color:#ddd}.uk-tab-left{border-right:1px solid #ddd}.uk-tab-left>li{margin-right:-1px}.uk-tab-left>li>a{border-bottom-width:1px;border-right-width:0}.uk-tab-left>li:not(.uk-active)>a:hover,.uk-tab-left>li:not(.uk-active)>a:focus{margin-bottom:0;margin-right:1px;padding-bottom:8px;padding-right:11px}.uk-tab-left>li.uk-active>a{border-right-color:transparent}.uk-tab-right{border-left:1px solid #ddd}.uk-tab-right>li{margin-left:-1px}.uk-tab-right>li>a{border-bottom-width:1px;border-left-width:0}.uk-tab-right>li:not(.uk-active)>a:hover,.uk-tab-right>li:not(.uk-active)>a:focus{margin-bottom:0;margin-left:1px;padding-bottom:8px;padding-left:11px}.uk-tab-right>li.uk-active>a{border-left-color:transparent}}.uk-list{padding:0;list-style:none}.uk-list ul{margin:0;padding-left:20px;list-style:none}.uk-list-line>li:nth-child(n+2){margin-top:5px;padding-top:5px;border-top:1px solid #ddd}.uk-list-striped>li{padding:5px}.uk-list-striped>li:nth-of-type(odd){background:#f5f5f5}.uk-list-space>li:nth-child(n+2){margin-top:10px}@media (min-width:768px){.uk-description-list-horizontal{overflow:hidden}.uk-description-list-horizontal>dt{width:160px;float:left;clear:both;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uk-description-list-horizontal>dd{margin-left:180px}}.uk-description-list-line>dt{font-weight:400}.uk-description-list-line>dt:nth-child(n+2){margin-top:5px;padding-top:5px;border-top:1px solid #ddd}.uk-description-list-line>dd{color:#999}.uk-table{width:100%;margin-bottom:15px}*+.uk-table{margin-top:15px}.uk-table th,.uk-table td{padding:8px}.uk-table th{text-align:left}.uk-table td{vertical-align:top}.uk-table thead th{vertical-align:bottom}.uk-table caption,.uk-table tfoot{font-size:12px;font-style:italic}.uk-table caption{text-align:left;color:#999}.uk-table-middle,.uk-table-middle td{vertical-align:middle!important}.uk-table-striped tbody tr:nth-of-type(odd){background:#f5f5f5}.uk-table-condensed td{padding:4px 8px}.uk-table-hover tbody tr:hover{background:#eee}.uk-form>:last-child{margin-bottom:0}.uk-form select,.uk-form textarea,.uk-form input:not([type]),.uk-form input[type=text],.uk-form input[type=password],.uk-form input[type=datetime],.uk-form input[type=datetime-local],.uk-form input[type=date],.uk-form input[type=month],.uk-form input[type=time],.uk-form input[type=week],.uk-form input[type=number],.uk-form input[type=email],.uk-form input[type=url],.uk-form input[type=search],.uk-form input[type=tel],.uk-form input[type=color]{height:30px;max-width:100%;padding:4px 6px;border:1px solid #ddd;background:#fff;color:#444;-webkit-transition:all linear .2s;transition:all linear .2s}.uk-form select:focus,.uk-form textarea:focus,.uk-form input:not([type]):focus,.uk-form input[type=text]:focus,.uk-form input[type=password]:focus,.uk-form input[type=datetime]:focus,.uk-form input[type=datetime-local]:focus,.uk-form input[type=date]:focus,.uk-form input[type=month]:focus,.uk-form input[type=time]:focus,.uk-form input[type=week]:focus,.uk-form input[type=number]:focus,.uk-form input[type=email]:focus,.uk-form input[type=url]:focus,.uk-form input[type=search]:focus,.uk-form input[type=tel]:focus,.uk-form input[type=color]:focus{border-color:#99baca;outline:0;background:#f5fbfe;color:#444}.uk-form select:disabled,.uk-form textarea:disabled,.uk-form input:not([type]):disabled,.uk-form input[type=text]:disabled,.uk-form input[type=password]:disabled,.uk-form input[type=datetime]:disabled,.uk-form input[type=datetime-local]:disabled,.uk-form input[type=date]:disabled,.uk-form input[type=month]:disabled,.uk-form input[type=time]:disabled,.uk-form input[type=week]:disabled,.uk-form input[type=number]:disabled,.uk-form input[type=email]:disabled,.uk-form input[type=url]:disabled,.uk-form input[type=search]:disabled,.uk-form input[type=tel]:disabled,.uk-form input[type=color]:disabled{border-color:#ddd;background-color:#f5f5f5;color:#999}.uk-form :-ms-input-placeholder{color:#999!important}.uk-form ::-moz-placeholder{color:#999}.uk-form ::-webkit-input-placeholder{color:#999}.uk-form :disabled:-ms-input-placeholder{color:#999!important}.uk-form :disabled::-moz-placeholder{color:#999}.uk-form :disabled::-webkit-input-placeholder{color:#999}.uk-form legend{width:100%;padding-bottom:15px;font-size:18px;line-height:30px}.uk-form legend:after{content:"";display:block;border-bottom:1px solid #ddd}.uk-form-small{height:25px!important;padding:3px 3px!important;font-size:12px}.uk-form-large{height:40px!important;padding:8px 6px!important;font-size:16px}.uk-form textarea,.uk-form select[multiple],.uk-form select[size]{height:auto!important}.uk-form-danger{border-color:#dc8d99!important;background:#fff7f8!important;color:#c91032!important}.uk-form-success{border-color:#8ec73b!important;background:#fafff2!important;color:#539022!important}.uk-form-blank{border-color:transparent!important;border-style:dashed!important;background:none!important}.uk-form-blank:focus{border-color:#ddd!important}input.uk-form-width-mini{width:40px}select.uk-form-width-mini{width:65px}.uk-form-width-small{width:130px}.uk-form-width-medium{width:200px}.uk-form-width-large{width:500px}.uk-form-row:before,.uk-form-row:after{content:" ";display:table}.uk-form-row:after{clear:both}.uk-form-row+.uk-form-row{margin-top:15px}.uk-form-help-inline{display:inline-block;margin:0 0 0 10px}.uk-form-help-block{margin:5px 0 0}.uk-form-controls>:first-child{margin-top:0}.uk-form-controls>:last-child{margin-bottom:0}.uk-form-controls-condensed{margin:5px 0}.uk-form-stacked .uk-form-label{display:block;margin-bottom:5px;font-weight:700}@media (max-width:959px){.uk-form-horizontal .uk-form-label{display:block;margin-bottom:5px;font-weight:700}}@media (min-width:960px){.uk-form-horizontal .uk-form-label{width:200px;margin-top:5px;float:left}.uk-form-horizontal .uk-form-controls{margin-left:215px}.uk-form-horizontal .uk-form-controls-text{padding-top:5px}}.uk-form-icon{position:relative;display:inline-block;max-width:100%}.uk-form-icon>[class*=uk-icon-]{position:absolute;top:50%;width:30px;margin-top:-7px;font-size:14px;color:#999;text-align:center}.uk-form-icon:not(.uk-form-icon-flip)>input{padding-left:30px!important}.uk-form-icon-flip>[class*=uk-icon-]{right:0}.uk-form-icon-flip>input{padding-right:30px!important}.uk-button{display:inline-block;-moz-box-sizing:border-box;box-sizing:border-box;vertical-align:middle;text-decoration:none;text-align:center;border:0;line-height:30px;min-height:30px;letter-spacing:normal;padding:0 12px;background:#eee;color:#444}.uk-button:hover,.uk-button:focus{background-color:#f5f5f5;color:#444;outline:0;text-decoration:none}.uk-button:active,.uk-button.uk-active{background-color:#ddd;color:#444}.uk-button-primary{background-color:#00a8e6;color:#fff}.uk-button-primary:hover,.uk-button-primary:focus{background-color:#35b3ee;color:#fff}.uk-button-primary:active,.uk-button-primary.uk-active{background-color:#0091ca;color:#fff}.uk-button-success{background-color:#8cc14c;color:#fff}.uk-button-success:hover,.uk-button-success:focus{background-color:#8ec73b;color:#fff}.uk-button-success:active,.uk-button-success.uk-active{background-color:#72ae41;color:#fff}.uk-button-danger{background-color:#da314b;color:#fff}.uk-button-danger:hover,.uk-button-danger:focus{background-color:#e4354f;color:#fff}.uk-button-danger:active,.uk-button-danger.uk-active{background-color:#c91032;color:#fff}.uk-button:disabled{background-color:#f5f5f5;color:#999}.uk-button-link,.uk-button-link:hover,.uk-button-link:focus,.uk-button-link:active,.uk-button-link.uk-active,.uk-button-link:disabled{border-color:transparent;background:0 0}.uk-button-link{color:#07d}.uk-button-link:hover,.uk-button-link:focus,.uk-button-link:active,.uk-button-link.uk-active{color:#059;text-decoration:underline}.uk-button-link:disabled{color:#999}.uk-button-link:focus{outline:1px dotted}.uk-button-mini{min-height:20px;padding:0 6px;line-height:20px;font-size:11px}.uk-button-small{min-height:25px;padding:0 10px;line-height:25px;font-size:12px}.uk-button-large{min-height:40px;padding:0 15px;line-height:40px;font-size:16px}.uk-button-group{display:inline-block;vertical-align:middle;position:relative;letter-spacing:-.31em;white-space:nowrap}.uk-button-group>*{display:inline-block}.uk-button-dropdown{display:inline-block;vertical-align:middle;position:relative}@font-face{font-family:FontAwesome;src:url(../fonts/fontawesome-webfont.eot);src:url(../fonts/fontawesome-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/fontawesome-webfont.woff) format("woff"),url(../fonts/fontawesome-webfont.ttf) format("truetype");font-weight:400;font-style:normal}[class*=uk-icon-]{font-family:FontAwesome;display:inline-block;font-weight:400;font-style:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.uk-icon-small:before{font-size:150%;vertical-align:-10%}.uk-icon-medium:before{font-size:200%;vertical-align:-16%}.uk-icon-large:before{font-size:250%;vertical-align:-22%}.uk-icon-spin{display:inline-block;-webkit-animation:uk-spin 2s infinite linear;animation:uk-spin 2s infinite linear}.uk-icon-button{-moz-box-sizing:border-box;box-sizing:border-box;display:inline-block;width:35px;height:35px;border-radius:100%;background:#eee;line-height:35px;color:#444;font-size:18px;text-align:center}.uk-icon-button:hover,.uk-icon-button:focus{background-color:#f5f5f5;color:#444;text-decoration:none;outline:0}.uk-icon-button:active{background-color:#ddd;color:#444}.uk-icon-glass:before{content:"\f000"}.uk-icon-music:before{content:"\f001"}.uk-icon-search:before{content:"\f002"}.uk-icon-envelope-o:before{content:"\f003"}.uk-icon-heart:before{content:"\f004"}.uk-icon-star:before{content:"\f005"}.uk-icon-star-o:before{content:"\f006"}.uk-icon-user:before{content:"\f007"}.uk-icon-film:before{content:"\f008"}.uk-icon-th-large:before{content:"\f009"}.uk-icon-th:before{content:"\f00a"}.uk-icon-th-list:before{content:"\f00b"}.uk-icon-check:before{content:"\f00c"}.uk-icon-times:before{content:"\f00d"}.uk-icon-search-plus:before{content:"\f00e"}.uk-icon-search-minus:before{content:"\f010"}.uk-icon-power-off:before{content:"\f011"}.uk-icon-signal:before{content:"\f012"}.uk-icon-gear:before,.uk-icon-cog:before{content:"\f013"}.uk-icon-trash-o:before{content:"\f014"}.uk-icon-home:before{content:"\f015"}.uk-icon-file-o:before{content:"\f016"}.uk-icon-clock-o:before{content:"\f017"}.uk-icon-road:before{content:"\f018"}.uk-icon-download:before{content:"\f019"}.uk-icon-arrow-circle-o-down:before{content:"\f01a"}.uk-icon-arrow-circle-o-up:before{content:"\f01b"}.uk-icon-inbox:before{content:"\f01c"}.uk-icon-play-circle-o:before{content:"\f01d"}.uk-icon-rotate-right:before,.uk-icon-repeat:before{content:"\f01e"}.uk-icon-refresh:before{content:"\f021"}.uk-icon-list-alt:before{content:"\f022"}.uk-icon-lock:before{content:"\f023"}.uk-icon-flag:before{content:"\f024"}.uk-icon-headphones:before{content:"\f025"}.uk-icon-volume-off:before{content:"\f026"}.uk-icon-volume-down:before{content:"\f027"}.uk-icon-volume-up:before{content:"\f028"}.uk-icon-qrcode:before{content:"\f029"}.uk-icon-barcode:before{content:"\f02a"}.uk-icon-tag:before{content:"\f02b"}.uk-icon-tags:before{content:"\f02c"}.uk-icon-book:before{content:"\f02d"}.uk-icon-bookmark:before{content:"\f02e"}.uk-icon-print:before{content:"\f02f"}.uk-icon-camera:before{content:"\f030"}.uk-icon-font:before{content:"\f031"}.uk-icon-bold:before{content:"\f032"}.uk-icon-italic:before{content:"\f033"}.uk-icon-text-height:before{content:"\f034"}.uk-icon-text-width:before{content:"\f035"}.uk-icon-align-left:before{content:"\f036"}.uk-icon-align-center:before{content:"\f037"}.uk-icon-align-right:before{content:"\f038"}.uk-icon-align-justify:before{content:"\f039"}.uk-icon-list:before{content:"\f03a"}.uk-icon-dedent:before,.uk-icon-outdent:before{content:"\f03b"}.uk-icon-indent:before{content:"\f03c"}.uk-icon-video-camera:before{content:"\f03d"}.uk-icon-picture-o:before{content:"\f03e"}.uk-icon-pencil:before{content:"\f040"}.uk-icon-map-marker:before{content:"\f041"}.uk-icon-adjust:before{content:"\f042"}.uk-icon-tint:before{content:"\f043"}.uk-icon-edit:before,.uk-icon-pencil-square-o:before{content:"\f044"}.uk-icon-share-square-o:before{content:"\f045"}.uk-icon-check-square-o:before{content:"\f046"}.uk-icon-arrows:before{content:"\f047"}.uk-icon-step-backward:before{content:"\f048"}.uk-icon-fast-backward:before{content:"\f049"}.uk-icon-backward:before{content:"\f04a"}.uk-icon-play:before{content:"\f04b"}.uk-icon-pause:before{content:"\f04c"}.uk-icon-stop:before{content:"\f04d"}.uk-icon-forward:before{content:"\f04e"}.uk-icon-fast-forward:before{content:"\f050"}.uk-icon-step-forward:before{content:"\f051"}.uk-icon-eject:before{content:"\f052"}.uk-icon-chevron-left:before{content:"\f053"}.uk-icon-chevron-right:before{content:"\f054"}.uk-icon-plus-circle:before{content:"\f055"}.uk-icon-minus-circle:before{content:"\f056"}.uk-icon-times-circle:before{content:"\f057"}.uk-icon-check-circle:before{content:"\f058"}.uk-icon-question-circle:before{content:"\f059"}.uk-icon-info-circle:before{content:"\f05a"}.uk-icon-crosshairs:before{content:"\f05b"}.uk-icon-times-circle-o:before{content:"\f05c"}.uk-icon-check-circle-o:before{content:"\f05d"}.uk-icon-ban:before{content:"\f05e"}.uk-icon-arrow-left:before{content:"\f060"}.uk-icon-arrow-right:before{content:"\f061"}.uk-icon-arrow-up:before{content:"\f062"}.uk-icon-arrow-down:before{content:"\f063"}.uk-icon-mail-forward:before,.uk-icon-share:before{content:"\f064"}.uk-icon-expand:before{content:"\f065"}.uk-icon-compress:before{content:"\f066"}.uk-icon-plus:before{content:"\f067"}.uk-icon-minus:before{content:"\f068"}.uk-icon-asterisk:before{content:"\f069"}.uk-icon-exclamation-circle:before{content:"\f06a"}.uk-icon-gift:before{content:"\f06b"}.uk-icon-leaf:before{content:"\f06c"}.uk-icon-fire:before{content:"\f06d"}.uk-icon-eye:before{content:"\f06e"}.uk-icon-eye-slash:before{content:"\f070"}.uk-icon-warning:before,.uk-icon-exclamation-triangle:before{content:"\f071"}.uk-icon-plane:before{content:"\f072"}.uk-icon-calendar:before{content:"\f073"}.uk-icon-random:before{content:"\f074"}.uk-icon-comment:before{content:"\f075"}.uk-icon-magnet:before{content:"\f076"}.uk-icon-chevron-up:before{content:"\f077"}.uk-icon-chevron-down:before{content:"\f078"}.uk-icon-retweet:before{content:"\f079"}.uk-icon-shopping-cart:before{content:"\f07a"}.uk-icon-folder:before{content:"\f07b"}.uk-icon-folder-open:before{content:"\f07c"}.uk-icon-arrows-v:before{content:"\f07d"}.uk-icon-arrows-h:before{content:"\f07e"}.uk-icon-bar-chart-o:before{content:"\f080"}.uk-icon-twitter-square:before{content:"\f081"}.uk-icon-facebook-square:before{content:"\f082"}.uk-icon-camera-retro:before{content:"\f083"}.uk-icon-key:before{content:"\f084"}.uk-icon-gears:before,.uk-icon-cogs:before{content:"\f085"}.uk-icon-comments:before{content:"\f086"}.uk-icon-thumbs-o-up:before{content:"\f087"}.uk-icon-thumbs-o-down:before{content:"\f088"}.uk-icon-star-half:before{content:"\f089"}.uk-icon-heart-o:before{content:"\f08a"}.uk-icon-sign-out:before{content:"\f08b"}.uk-icon-linkedin-square:before{content:"\f08c"}.uk-icon-thumb-tack:before{content:"\f08d"}.uk-icon-external-link:before{content:"\f08e"}.uk-icon-sign-in:before{content:"\f090"}.uk-icon-trophy:before{content:"\f091"}.uk-icon-github-square:before{content:"\f092"}.uk-icon-upload:before{content:"\f093"}.uk-icon-lemon-o:before{content:"\f094"}.uk-icon-phone:before{content:"\f095"}.uk-icon-square-o:before{content:"\f096"}.uk-icon-bookmark-o:before{content:"\f097"}.uk-icon-phone-square:before{content:"\f098"}.uk-icon-twitter:before{content:"\f099"}.uk-icon-facebook:before{content:"\f09a"}.uk-icon-github:before{content:"\f09b"}.uk-icon-unlock:before{content:"\f09c"}.uk-icon-credit-card:before{content:"\f09d"}.uk-icon-rss:before{content:"\f09e"}.uk-icon-hdd-o:before{content:"\f0a0"}.uk-icon-bullhorn:before{content:"\f0a1"}.uk-icon-bell:before{content:"\f0f3"}.uk-icon-certificate:before{content:"\f0a3"}.uk-icon-hand-o-right:before{content:"\f0a4"}.uk-icon-hand-o-left:before{content:"\f0a5"}.uk-icon-hand-o-up:before{content:"\f0a6"}.uk-icon-hand-o-down:before{content:"\f0a7"}.uk-icon-arrow-circle-left:before{content:"\f0a8"}.uk-icon-arrow-circle-right:before{content:"\f0a9"}.uk-icon-arrow-circle-up:before{content:"\f0aa"}.uk-icon-arrow-circle-down:before{content:"\f0ab"}.uk-icon-globe:before{content:"\f0ac"}.uk-icon-wrench:before{content:"\f0ad"}.uk-icon-tasks:before{content:"\f0ae"}.uk-icon-filter:before{content:"\f0b0"}.uk-icon-briefcase:before{content:"\f0b1"}.uk-icon-arrows-alt:before{content:"\f0b2"}.uk-icon-group:before,.uk-icon-users:before{content:"\f0c0"}.uk-icon-chain:before,.uk-icon-link:before{content:"\f0c1"}.uk-icon-cloud:before{content:"\f0c2"}.uk-icon-flask:before{content:"\f0c3"}.uk-icon-cut:before,.uk-icon-scissors:before{content:"\f0c4"}.uk-icon-copy:before,.uk-icon-files-o:before{content:"\f0c5"}.uk-icon-paperclip:before{content:"\f0c6"}.uk-icon-save:before,.uk-icon-floppy-o:before{content:"\f0c7"}.uk-icon-square:before{content:"\f0c8"}.uk-icon-bars:before{content:"\f0c9"}.uk-icon-list-ul:before{content:"\f0ca"}.uk-icon-list-ol:before{content:"\f0cb"}.uk-icon-strikethrough:before{content:"\f0cc"}.uk-icon-underline:before{content:"\f0cd"}.uk-icon-table:before{content:"\f0ce"}.uk-icon-magic:before{content:"\f0d0"}.uk-icon-truck:before{content:"\f0d1"}.uk-icon-pinterest:before{content:"\f0d2"}.uk-icon-pinterest-square:before{content:"\f0d3"}.uk-icon-google-plus-square:before{content:"\f0d4"}.uk-icon-google-plus:before{content:"\f0d5"}.uk-icon-money:before{content:"\f0d6"}.uk-icon-caret-down:before{content:"\f0d7"}.uk-icon-caret-up:before{content:"\f0d8"}.uk-icon-caret-left:before{content:"\f0d9"}.uk-icon-caret-right:before{content:"\f0da"}.uk-icon-columns:before{content:"\f0db"}.uk-icon-unsorted:before,.uk-icon-sort:before{content:"\f0dc"}.uk-icon-sort-down:before,.uk-icon-sort-asc:before{content:"\f0dd"}.uk-icon-sort-up:before,.uk-icon-sort-desc:before{content:"\f0de"}.uk-icon-envelope:before{content:"\f0e0"}.uk-icon-linkedin:before{content:"\f0e1"}.uk-icon-rotate-left:before,.uk-icon-undo:before{content:"\f0e2"}.uk-icon-legal:before,.uk-icon-gavel:before{content:"\f0e3"}.uk-icon-dashboard:before,.uk-icon-tachometer:before{content:"\f0e4"}.uk-icon-comment-o:before{content:"\f0e5"}.uk-icon-comments-o:before{content:"\f0e6"}.uk-icon-flash:before,.uk-icon-bolt:before{content:"\f0e7"}.uk-icon-sitemap:before{content:"\f0e8"}.uk-icon-umbrella:before{content:"\f0e9"}.uk-icon-paste:before,.uk-icon-clipboard:before{content:"\f0ea"}.uk-icon-lightbulb-o:before{content:"\f0eb"}.uk-icon-exchange:before{content:"\f0ec"}.uk-icon-cloud-download:before{content:"\f0ed"}.uk-icon-cloud-upload:before{content:"\f0ee"}.uk-icon-user-md:before{content:"\f0f0"}.uk-icon-stethoscope:before{content:"\f0f1"}.uk-icon-suitcase:before{content:"\f0f2"}.uk-icon-bell-o:before{content:"\f0a2"}.uk-icon-coffee:before{content:"\f0f4"}.uk-icon-cutlery:before{content:"\f0f5"}.uk-icon-file-text-o:before{content:"\f0f6"}.uk-icon-building-o:before{content:"\f0f7"}.uk-icon-hospital-o:before{content:"\f0f8"}.uk-icon-ambulance:before{content:"\f0f9"}.uk-icon-medkit:before{content:"\f0fa"}.uk-icon-fighter-jet:before{content:"\f0fb"}.uk-icon-beer:before{content:"\f0fc"}.uk-icon-h-square:before{content:"\f0fd"}.uk-icon-plus-square:before{content:"\f0fe"}.uk-icon-angle-double-left:before{content:"\f100"}.uk-icon-angle-double-right:before{content:"\f101"}.uk-icon-angle-double-up:before{content:"\f102"}.uk-icon-angle-double-down:before{content:"\f103"}.uk-icon-angle-left:before{content:"\f104"}.uk-icon-angle-right:before{content:"\f105"}.uk-icon-angle-up:before{content:"\f106"}.uk-icon-angle-down:before{content:"\f107"}.uk-icon-desktop:before{content:"\f108"}.uk-icon-laptop:before{content:"\f109"}.uk-icon-tablet:before{content:"\f10a"}.uk-icon-mobile-phone:before,.uk-icon-mobile:before{content:"\f10b"}.uk-icon-circle-o:before{content:"\f10c"}.uk-icon-quote-left:before{content:"\f10d"}.uk-icon-quote-right:before{content:"\f10e"}.uk-icon-spinner:before{content:"\f110"}.uk-icon-circle:before{content:"\f111"}.uk-icon-mail-reply:before,.uk-icon-reply:before{content:"\f112"}.uk-icon-github-alt:before{content:"\f113"}.uk-icon-folder-o:before{content:"\f114"}.uk-icon-folder-open-o:before{content:"\f115"}.uk-icon-smile-o:before{content:"\f118"}.uk-icon-frown-o:before{content:"\f119"}.uk-icon-meh-o:before{content:"\f11a"}.uk-icon-gamepad:before{content:"\f11b"}.uk-icon-keyboard-o:before{content:"\f11c"}.uk-icon-flag-o:before{content:"\f11d"}.uk-icon-flag-checkered:before{content:"\f11e"}.uk-icon-terminal:before{content:"\f120"}.uk-icon-code:before{content:"\f121"}.uk-icon-reply-all:before{content:"\f122"}.uk-icon-mail-reply-all:before{content:"\f122"}.uk-icon-star-half-empty:before,.uk-icon-star-half-full:before,.uk-icon-star-half-o:before{content:"\f123"}.uk-icon-location-arrow:before{content:"\f124"}.uk-icon-crop:before{content:"\f125"}.uk-icon-code-fork:before{content:"\f126"}.uk-icon-unlink:before,.uk-icon-chain-broken:before{content:"\f127"}.uk-icon-question:before{content:"\f128"}.uk-icon-info:before{content:"\f129"}.uk-icon-exclamation:before{content:"\f12a"}.uk-icon-superscript:before{content:"\f12b"}.uk-icon-subscript:before{content:"\f12c"}.uk-icon-eraser:before{content:"\f12d"}.uk-icon-puzzle-piece:before{content:"\f12e"}.uk-icon-microphone:before{content:"\f130"}.uk-icon-microphone-slash:before{content:"\f131"}.uk-icon-shield:before{content:"\f132"}.uk-icon-calendar-o:before{content:"\f133"}.uk-icon-fire-extinguisher:before{content:"\f134"}.uk-icon-rocket:before{content:"\f135"}.uk-icon-maxcdn:before{content:"\f136"}.uk-icon-chevron-circle-left:before{content:"\f137"}.uk-icon-chevron-circle-right:before{content:"\f138"}.uk-icon-chevron-circle-up:before{content:"\f139"}.uk-icon-chevron-circle-down:before{content:"\f13a"}.uk-icon-html5:before{content:"\f13b"}.uk-icon-css3:before{content:"\f13c"}.uk-icon-anchor:before{content:"\f13d"}.uk-icon-unlock-alt:before{content:"\f13e"}.uk-icon-bullseye:before{content:"\f140"}.uk-icon-ellipsis-h:before{content:"\f141"}.uk-icon-ellipsis-v:before{content:"\f142"}.uk-icon-rss-square:before{content:"\f143"}.uk-icon-play-circle:before{content:"\f144"}.uk-icon-ticket:before{content:"\f145"}.uk-icon-minus-square:before{content:"\f146"}.uk-icon-minus-square-o:before{content:"\f147"}.uk-icon-level-up:before{content:"\f148"}.uk-icon-level-down:before{content:"\f149"}.uk-icon-check-square:before{content:"\f14a"}.uk-icon-pencil-square:before{content:"\f14b"}.uk-icon-external-link-square:before{content:"\f14c"}.uk-icon-share-square:before{content:"\f14d"}.uk-icon-compass:before{content:"\f14e"}.uk-icon-toggle-down:before,.uk-icon-caret-square-o-down:before{content:"\f150"}.uk-icon-toggle-up:before,.uk-icon-caret-square-o-up:before{content:"\f151"}.uk-icon-toggle-right:before,.uk-icon-caret-square-o-right:before{content:"\f152"}.uk-icon-euro:before,.uk-icon-eur:before{content:"\f153"}.uk-icon-gbp:before{content:"\f154"}.uk-icon-dollar:before,.uk-icon-usd:before{content:"\f155"}.uk-icon-rupee:before,.uk-icon-inr:before{content:"\f156"}.uk-icon-cny:before,.uk-icon-rmb:before,.uk-icon-yen:before,.uk-icon-jpy:before{content:"\f157"}.uk-icon-ruble:before,.uk-icon-rouble:before,.uk-icon-rub:before{content:"\f158"}.uk-icon-won:before,.uk-icon-krw:before{content:"\f159"}.uk-icon-bitcoin:before,.uk-icon-btc:before{content:"\f15a"}.uk-icon-file:before{content:"\f15b"}.uk-icon-file-text:before{content:"\f15c"}.uk-icon-sort-alpha-asc:before{content:"\f15d"}.uk-icon-sort-alpha-desc:before{content:"\f15e"}.uk-icon-sort-amount-asc:before{content:"\f160"}.uk-icon-sort-amount-desc:before{content:"\f161"}.uk-icon-sort-numeric-asc:before{content:"\f162"}.uk-icon-sort-numeric-desc:before{content:"\f163"}.uk-icon-thumbs-up:before{content:"\f164"}.uk-icon-thumbs-down:before{content:"\f165"}.uk-icon-youtube-square:before{content:"\f166"}.uk-icon-youtube:before{content:"\f167"}.uk-icon-xing:before{content:"\f168"}.uk-icon-xing-square:before{content:"\f169"}.uk-icon-youtube-play:before{content:"\f16a"}.uk-icon-dropbox:before{content:"\f16b"}.uk-icon-stack-overflow:before{content:"\f16c"}.uk-icon-instagram:before{content:"\f16d"}.uk-icon-flickr:before{content:"\f16e"}.uk-icon-adn:before{content:"\f170"}.uk-icon-bitbucket:before{content:"\f171"}.uk-icon-bitbucket-square:before{content:"\f172"}.uk-icon-tumblr:before{content:"\f173"}.uk-icon-tumblr-square:before{content:"\f174"}.uk-icon-long-arrow-down:before{content:"\f175"}.uk-icon-long-arrow-up:before{content:"\f176"}.uk-icon-long-arrow-left:before{content:"\f177"}.uk-icon-long-arrow-right:before{content:"\f178"}.uk-icon-apple:before{content:"\f179"}.uk-icon-windows:before{content:"\f17a"}.uk-icon-android:before{content:"\f17b"}.uk-icon-linux:before{content:"\f17c"}.uk-icon-dribbble:before{content:"\f17d"}.uk-icon-skype:before{content:"\f17e"}.uk-icon-foursquare:before{content:"\f180"}.uk-icon-trello:before{content:"\f181"}.uk-icon-female:before{content:"\f182"}.uk-icon-male:before{content:"\f183"}.uk-icon-gittip:before{content:"\f184"}.uk-icon-sun-o:before{content:"\f185"}.uk-icon-moon-o:before{content:"\f186"}.uk-icon-archive:before{content:"\f187"}.uk-icon-bug:before{content:"\f188"}.uk-icon-vk:before{content:"\f189"}.uk-icon-weibo:before{content:"\f18a"}.uk-icon-renren:before{content:"\f18b"}.uk-icon-pagelines:before{content:"\f18c"}.uk-icon-stack-exchange:before{content:"\f18d"}.uk-icon-arrow-circle-o-right:before{content:"\f18e"}.uk-icon-arrow-circle-o-left:before{content:"\f190"}.uk-icon-toggle-left:before,.uk-icon-caret-square-o-left:before{content:"\f191"}.uk-icon-dot-circle-o:before{content:"\f192"}.uk-icon-wheelchair:before{content:"\f193"}.uk-icon-vimeo-square:before{content:"\f194"}.uk-icon-turkish-lira:before,.uk-icon-try:before{content:"\f195"}.uk-icon-plus-square-o:before{content:"\f196"}.uk-close{-moz-box-sizing:content-box;box-sizing:content-box;display:inline-block;width:20px;line-height:20px;text-align:center;color:inherit;opacity:.3;padding:0;border:0;-webkit-appearance:none;background:0 0}.uk-close:after{display:block;content:"\f00d";font-family:FontAwesome}.uk-close:hover,.uk-close:focus{opacity:.5;outline:0;color:inherit;text-decoration:none;cursor:pointer}.uk-close-alt{padding:2px;border-radius:50%;background:#eee;opacity:1}.uk-close-alt:hover,.uk-close-alt:focus{opacity:1}.uk-close-alt:after{opacity:.5}.uk-close-alt:hover:after,.uk-close-alt:focus:after{opacity:.8}.uk-badge{display:inline-block;padding:0 5px;background:#00a8e6;font-size:10px;font-weight:700;line-height:14px;color:#fff;text-align:center;vertical-align:middle;text-transform:none}.uk-badge-notification{-moz-box-sizing:border-box;box-sizing:border-box;min-width:18px;border-radius:50%;font-size:12px;line-height:18px}.uk-badge-success{background-color:#8cc14c}.uk-badge-warning{background-color:#faa732}.uk-badge-danger{background-color:#da314b}.uk-alert{margin-bottom:15px;padding:10px;background:#ebf7fd;color:#2d7091}*+.uk-alert{margin-top:15px}.uk-alert>:last-child{margin-bottom:0}.uk-alert h1,.uk-alert h2,.uk-alert h3,.uk-alert h4,.uk-alert h5,.uk-alert h6{color:inherit}.uk-alert>.uk-close:first-child{float:right}.uk-alert>.uk-close:first-child+*{margin-top:0}.uk-alert-success{background:#f2fae3;color:#659f13}.uk-alert-warning{background:#fffceb;color:#e28327}.uk-alert-danger{background:#fff1f0;color:#d85030}.uk-alert-large{padding:20px}.uk-alert-large>.uk-close:first-child{margin:-10px -10px 0 0}.uk-thumbnail{display:inline-block;-moz-box-sizing:border-box;box-sizing:border-box;max-width:100%;margin:0;padding:4px;border:1px solid #ddd;background:#fff}a.uk-thumbnail:hover,a.uk-thumbnail:focus{border-color:#aaa;background-color:#fff;text-decoration:none;outline:0}.uk-thumbnail-caption{padding-top:4px;text-align:center;color:#444}.uk-thumbnail-mini{width:150px}.uk-thumbnail-small{width:200px}.uk-thumbnail-medium{width:300px}.uk-thumbnail-large{width:400px}.uk-thumbnail-expand,.uk-thumbnail-expand>img{width:100%}.uk-overlay{display:inline-block;position:relative;max-width:100%;vertical-align:middle}.uk-overlay-area{position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.3);opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.uk-overlay:hover .uk-overlay-area,.uk-overlay-toggle:hover .uk-overlay-area{opacity:1}.uk-overlay-area:empty:before{content:"\f002";position:absolute;top:50%;left:50%;width:50px;height:50px;margin-top:-25px;margin-left:-25px;font-size:50px;line-height:1;font-family:FontAwesome;text-align:center;color:#fff}.uk-overlay-area:not(:empty){letter-spacing:-.31em}.uk-overlay-area:not(:empty):before{content:'';display:inline-block;height:100%;vertical-align:middle}.uk-overlay-area-content{display:inline-block;-moz-box-sizing:border-box;box-sizing:border-box;width:100%;vertical-align:middle;letter-spacing:normal;text-align:center;padding:0 15px;color:#fff}.uk-overlay-area-content>:last-child{margin-bottom:0}.uk-overlay-area-content a:not([class]),.uk-overlay-area-content a:not([class]):hover{color:inherit}.uk-overlay-caption{position:absolute;bottom:0;left:0;right:0;padding:15px;background:rgba(0,0,0,.5);color:#fff;opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.uk-overlay:hover .uk-overlay-caption,.uk-overlay-toggle:hover .uk-overlay-caption{opacity:1}.uk-progress{-moz-box-sizing:border-box;box-sizing:border-box;height:20px;margin-bottom:15px;background:#eee;overflow:hidden;line-height:20px}*+.uk-progress{margin-top:15px}.uk-progress-bar{width:0;height:100%;background:#00a8e6;float:left;-webkit-transition:width .6s ease;transition:width .6s ease;font-size:12px;color:#fff;text-align:center}.uk-progress-mini{height:6px}.uk-progress-small{height:12px}.uk-progress-success .uk-progress-bar{background-color:#8cc14c}.uk-progress-warning .uk-progress-bar{background-color:#faa732}.uk-progress-danger .uk-progress-bar{background-color:#da314b}.uk-progress-striped .uk-progress-bar{background-image:-webkit-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-image:linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:30px 30px}.uk-progress-striped.uk-active .uk-progress-bar{-webkit-animation:uk-progress-bar-stripes 2s linear infinite;animation:uk-progress-bar-stripes 2s linear infinite}@-webkit-keyframes uk-progress-bar-stripes{0%{background-position:0 0}100%{background-position:30px 0}}@keyframes uk-progress-bar-stripes{0%{background-position:0 0}100%{background-position:30px 0}}.uk-search{display:inline-block;position:relative;margin:0}.uk-search:before{content:"\f002";position:absolute;top:0;left:0;width:30px;line-height:30px;text-align:center;font-family:FontAwesome;font-size:14px;color:rgba(0,0,0,.2)}.uk-search-field{width:120px;height:30px;padding:0 30px;border:1px solid rgba(0,0,0,0);background:rgba(0,0,0,0);color:#444;-webkit-transition:all linear .2s;transition:all linear .2s;border-radius:0}input.uk-search-field{-webkit-appearance:none}.uk-search-field:-ms-input-placeholder{color:#999}.uk-search-field::-moz-placeholder{color:#999}.uk-search-field::-webkit-input-placeholder{color:#999}.uk-search-field::-ms-clear{display:none}.uk-search-field:focus{outline:0}.uk-search-field:focus,.uk-active .uk-search-field{width:180px}.uk-search-close{display:none;position:absolute;top:0;right:0;width:30px;line-height:30px;text-align:center;font-size:14px;color:rgba(0,0,0,.2);padding:0;border:0;-webkit-appearance:none;background:0 0}.uk-loading>.uk-search-close,.uk-active>.uk-search-close{display:block}.uk-search-close:after{display:block;content:"\f00d";font-family:FontAwesome}.uk-loading>.uk-search-close:after{content:"\f110";-webkit-animation:uk-spin 2s infinite linear;animation:uk-spin 2s infinite linear}[class*=uk-animation-]{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}[data-uk-scrollspy*=uk-animation-]{opacity:0}.uk-animation-fade{-webkit-animation-name:uk-fade;animation-name:uk-fade;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-timing-function:linear;animation-timing-function:linear}.uk-animation-scale-up{-webkit-animation-name:uk-scale-up;animation-name:uk-scale-up}.uk-animation-scale-down{-webkit-animation-name:uk-scale-down;animation-name:uk-scale-down}.uk-animation-slide-top{-webkit-animation-name:uk-slide-top;animation-name:uk-slide-top}.uk-animation-slide-bottom{-webkit-animation-name:uk-slide-bottom;animation-name:uk-slide-bottom}.uk-animation-slide-left{-webkit-animation-name:uk-slide-left;animation-name:uk-slide-left}.uk-animation-slide-right{-webkit-animation-name:uk-slide-right;animation-name:uk-slide-right}.uk-animation-shake{-webkit-animation-name:uk-shake;animation-name:uk-shake}.uk-animation-reverse{-webkit-animation-direction:reverse;animation-direction:reverse}@-webkit-keyframes uk-fade{0%{opacity:0}100%{opacity:1}}@keyframes uk-fade{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes uk-scale-up{0%{opacity:0;-webkit-transform:scale(0.2)}100%{opacity:1;-webkit-transform:scale(1)}}@keyframes uk-scale-up{0%{opacity:0;transform:scale(0.2)}100%{opacity:1;transform:scale(1)}}@-webkit-keyframes uk-scale-down{0%{opacity:0;-webkit-transform:scale(1.8)}100%{opacity:1;-webkit-transform:scale(1)}}@keyframes uk-scale-down{0%{opacity:0;transform:scale(1.8)}100%{opacity:1;transform:scale(1)}}@-webkit-keyframes uk-slide-top{0%{opacity:0;-webkit-transform:translateY(-100%)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes uk-slide-top{0%{opacity:0;transform:translateY(-100%)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes uk-slide-bottom{0%{opacity:0;-webkit-transform:translateY(100%)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes uk-slide-bottom{0%{opacity:0;transform:translateY(100%)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes uk-slide-left{0%{opacity:0;-webkit-transform:translateX(-100%)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes uk-slide-left{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}}@-webkit-keyframes uk-slide-right{0%{opacity:0;-webkit-transform:translateX(100%)}100%{opacity:1;-webkit-transform:translateX(0)}}@keyframes uk-slide-right{0%{opacity:0;transform:translateX(100%)}100%{opacity:1;transform:translateX(0)}}@-webkit-keyframes uk-shake{0%,100%{-webkit-transform:translateX(0)}10%{-webkit-transform:translateX(-9px)}20%{-webkit-transform:translateX(8px)}30%{-webkit-transform:translateX(-7px)}40%{-webkit-transform:translateX(6px)}50%{-webkit-transform:translateX(-5px)}60%{-webkit-transform:translateX(4px)}70%{-webkit-transform:translateX(-3px)}80%{-webkit-transform:translateX(2px)}90%{-webkit-transform:translateX(-1px)}}@keyframes uk-shake{0%,100%{transform:translateX(0)}10%{transform:translateX(-9px)}20%{transform:translateX(8px)}30%{transform:translateX(-7px)}40%{transform:translateX(6px)}50%{transform:translateX(-5px)}60%{transform:translateX(4px)}70%{transform:translateX(-3px)}80%{transform:translateX(2px)}90%{transform:translateX(-1px)}}@-webkit-keyframes uk-slide-top-fixed{0%{opacity:0;-webkit-transform:translateY(-10px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes uk-slide-top-fixed{0%{opacity:0;transform:translateY(-10px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes uk-slide-bottom-fixed{0%{opacity:0;-webkit-transform:translateY(10px)}100%{opacity:1;-webkit-transform:translateY(0)}}@keyframes uk-slide-bottom-fixed{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}@-webkit-keyframes uk-spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@keyframes uk-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.uk-dropdown{display:none;position:absolute;top:100%;left:0;z-index:1000;-moz-box-sizing:border-box;box-sizing:border-box;width:200px;margin-top:5px;padding:15px;background:#f5f5f5;color:#444;letter-spacing:normal}.uk-open>.uk-dropdown{display:block;-webkit-animation:uk-fade .2s ease-in-out;animation:uk-fade .2s ease-in-out;-webkit-transform-origin:0 0;transform-origin:0 0}.uk-dropdown-flip{left:auto;right:0}.uk-dropdown-up{top:auto;bottom:100%;margin-top:auto;margin-bottom:5px}.uk-dropdown .uk-nav{margin:0 -15px}.uk-dropdown>.uk-grid+.uk-grid{margin-top:15px}.uk-dropdown>.uk-grid>[class*=uk-width-]>.uk-panel+.uk-panel{margin-top:15px}@media (min-width:768px){.uk-dropdown:not(.uk-dropdown-stack)>.uk-grid{margin-left:-15px;margin-right:-15px}.uk-dropdown:not(.uk-dropdown-stack)>.uk-grid>[class*=uk-width-]{padding-left:15px;padding-right:15px}.uk-dropdown:not(.uk-dropdown-stack)>.uk-grid>[class*=uk-width-]:nth-child(n+2){border-left:1px solid #ddd}.uk-dropdown-width-2:not(.uk-dropdown-stack){width:400px}.uk-dropdown-width-3:not(.uk-dropdown-stack){width:600px}.uk-dropdown-width-4:not(.uk-dropdown-stack){width:800px}.uk-dropdown-width-5:not(.uk-dropdown-stack){width:1000px}}@media (max-width:767px){.uk-dropdown>.uk-grid>[class*=uk-width-]{width:100%}.uk-dropdown>.uk-grid>[class*=uk-width-]:nth-child(n+2){margin-top:15px}}.uk-dropdown-stack>.uk-grid>[class*=uk-width-]{width:100%}.uk-dropdown-stack>.uk-grid>[class*=uk-width-]:nth-child(n+2){margin-top:15px}.uk-dropdown-small{min-width:150px;width:auto;padding:5px;white-space:nowrap}.uk-dropdown-small .uk-nav{margin:0 -5px}.uk-dropdown-navbar{margin-top:0;background:#f5f5f5;color:#444}.uk-open>.uk-dropdown-navbar{-webkit-animation:uk-slide-top-fixed .2s ease-in-out;animation:uk-slide-top-fixed .2s ease-in-out}.uk-dropdown-search{width:300px;margin-top:0;background:#f5f5f5;color:#444}.uk-open>.uk-dropdown-search{-webkit-animation:uk-slide-top-fixed .2s ease-in-out;animation:uk-slide-top-fixed .2s ease-in-out}.uk-navbar-flip .uk-dropdown-search{margin-top:5px;margin-right:-15px}.uk-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1020;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;background:rgba(0,0,0,.6);opacity:0;-webkit-transition:opacity .15s linear;transition:opacity .15s linear}.uk-modal.uk-open{opacity:1}.uk-modal-page{overflow:hidden}.uk-modal-dialog{position:relative;top:10%;left:50%;-moz-box-sizing:border-box;box-sizing:border-box;padding:20px;width:600px;margin-left:-300px;background:#fff}@media (max-width:767px){.uk-modal-dialog{top:0;left:0;right:0;width:auto;margin:10px}}.uk-modal-dialog>:last-child{margin-bottom:0}.uk-modal-dialog-slide{opacity:0;-webkit-transform:translateY(-25%);transform:translateY(-25%);-webkit-transition:opacity .3s linear,-webkit-transform .3s ease-out;transition:opacity .3s linear,transform .3s ease-out}.uk-open .uk-modal-dialog-slide{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}.uk-modal-dialog>.uk-close:first-child{margin:-10px -10px 0 0;float:right}.uk-modal-dialog>.uk-close:first-child+*{margin-top:0}.uk-modal-dialog-frameless{padding:0}.uk-modal-dialog-frameless>.uk-close:first-child{position:absolute;top:-12px;right:-12px;margin:0;float:none}@media (max-width:767px){.uk-modal-dialog-frameless>.uk-close:first-child{top:-7px;right:-7px}}.uk-offcanvas{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1010;background:rgba(0,0,0,.1)}.uk-offcanvas.uk-active{display:block}.uk-offcanvas-page{position:fixed;-webkit-transition:margin-left .3s ease-in-out 50ms;transition:margin-left .3s ease-in-out 50ms}.uk-offcanvas-bar{position:fixed;top:0;bottom:0;left:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);z-index:1011;width:270px;max-width:100%;background:#333;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out}.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show{-webkit-transform:translateX(0%);transform:translateX(0%)}.uk-offcanvas-bar-flip{left:auto;right:0;-webkit-transform:translateX(100%);transform:translateX(100%)}.uk-offcanvas .uk-panel{margin:20px 15px;color:#777}.uk-offcanvas .uk-panel-title{color:#ccc}.uk-offcanvas .uk-panel a:not([class]){color:#ccc}.uk-offcanvas .uk-panel a:not([class]):hover{color:#fff}.uk-offcanvas .uk-search{display:block;margin:20px 15px}.uk-offcanvas .uk-search:before{color:#777}.uk-offcanvas .uk-search-field{width:100%;border-color:rgba(0,0,0,0);background:#1a1a1a;color:#ccc}.uk-offcanvas .uk-search-field:-ms-input-placeholder{color:#777}.uk-offcanvas .uk-search-field::-moz-placeholder{color:#777}.uk-offcanvas .uk-search-field::-webkit-input-placeholder{color:#777}.uk-switcher{margin:0;padding:0;list-style:none}.uk-switcher>:not(.uk-active){display:none}.uk-tooltip{display:none;position:absolute;z-index:1030;-moz-box-sizing:border-box;box-sizing:border-box;max-width:200px;padding:5px 8px;background:#333;color:rgba(255,255,255,.7);font-size:12px;line-height:18px;text-align:center}.uk-tooltip:after{content:"";display:block;position:absolute;width:0;height:0;border:5px dashed #333}.uk-tooltip-top:after,.uk-tooltip-top-left:after,.uk-tooltip-top-right:after{bottom:-5px;border-top-style:solid;border-bottom:0;border-left-color:transparent;border-right-color:transparent;border-top-color:#333}.uk-tooltip-bottom:after,.uk-tooltip-bottom-left:after,.uk-tooltip-bottom-right:after{top:-5px;border-bottom-style:solid;border-top:0;border-left-color:transparent;border-right-color:transparent;border-bottom-color:#333}.uk-tooltip-top:after,.uk-tooltip-bottom:after{left:50%;margin-left:-5px}.uk-tooltip-top-left:after,.uk-tooltip-bottom-left:after{left:10px}.uk-tooltip-top-right:after,.uk-tooltip-bottom-right:after{right:10px}.uk-tooltip-left:after{right:-5px;top:50%;margin-top:-5px;border-left-style:solid;border-right:0;border-top-color:transparent;border-bottom-color:transparent;border-left-color:#333}.uk-tooltip-right:after{left:-5px;top:50%;margin-top:-5px;border-right-style:solid;border-left:0;border-top-color:transparent;border-bottom-color:transparent;border-right-color:#333}.uk-text-small{font-size:11px;line-height:16px}.uk-text-large{font-size:18px;line-height:24px}.uk-text-bold{font-weight:700}.uk-text-muted{color:#999!important}.uk-text-info{color:#2d7091!important}.uk-text-success{color:#659f13!important}.uk-text-warning{color:#e28327!important}.uk-text-danger{color:#d85030!important}.uk-text-left{text-align:left!important}.uk-text-right{text-align:right!important}.uk-text-center{text-align:center!important}.uk-text-justify{text-align:justify!important}.uk-text-nowrap{white-space:nowrap}.uk-text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uk-text-break{word-wrap:break-word;-webkit-hyphens:auto;-ms-hyphens:auto;-moz-hyphens:auto;hyphens:auto}.uk-container{-moz-box-sizing:border-box;box-sizing:border-box;max-width:980px;padding:0 25px}@media (min-width:1220px){.uk-container{max-width:1200px;padding:0 35px}}.uk-container:before,.uk-container:after{content:" ";display:table}.uk-container:after{clear:both}.uk-container-center{margin-left:auto;margin-right:auto}.uk-clearfix:before,.uk-clearfix:after{content:" ";display:table}.uk-clearfix:after{clear:both}.uk-nbfc{overflow:hidden}.uk-nbfc-alt{display:table-cell;width:10000px}.uk-float-left{float:left}.uk-float-right{float:right}[class*=uk-float-]{max-width:100%}[class*=uk-align-]{display:block;margin-bottom:15px}.uk-align-left{margin-right:15px;float:left}.uk-align-right{margin-left:15px;float:right}@media (min-width:768px){.uk-align-medium-left{margin-right:15px;margin-bottom:15px;float:left}.uk-align-medium-right{margin-left:15px;margin-bottom:15px;float:right}}.uk-align-center{margin-left:auto;margin-right:auto}.uk-vertical-align{letter-spacing:-.31em}.uk-vertical-align:before{content:'';display:inline-block;height:100%;vertical-align:middle}.uk-vertical-align-middle,.uk-vertical-align-bottom{display:inline-block;max-width:100%;letter-spacing:normal}.uk-vertical-align-middle{vertical-align:middle}.uk-vertical-align-bottom{vertical-align:bottom}.uk-height-1-1{height:100%}.uk-responsive-width,.uk-responsive-height{-moz-box-sizing:border-box;box-sizing:border-box}.uk-responsive-width{max-width:100%;height:auto}.uk-responsive-height{max-height:100%;width:auto}.uk-margin{margin-bottom:15px}*+.uk-margin{margin-top:15px}.uk-margin-top{margin-top:15px!important}.uk-margin-bottom{margin-bottom:15px!important}.uk-margin-left{margin-left:15px!important}.uk-margin-right{margin-right:15px!important}.uk-margin-small-top{margin-top:5px!important}.uk-margin-small-bottom{margin-bottom:5px!important}.uk-margin-small-left{margin-left:5px!important}.uk-margin-small-right{margin-right:5px!important}.uk-margin-remove{margin:0!important}.uk-margin-top-remove{margin-top:0!important}.uk-margin-bottom-remove{margin-bottom:0!important}.uk-border-circle{border-radius:50%}@media (min-width:768px){.uk-heading-large{font-size:52px;line-height:64px}}.uk-link-muted,.uk-link-muted a{color:#444}.uk-link-muted:hover,.uk-link-muted a:hover{color:#444}.uk-scrollable-text{max-height:300px;overflow-y:scroll}.uk-scrollable-box{-moz-box-sizing:border-box;box-sizing:border-box;max-height:170px;padding:10px;border:1px solid #ddd;overflow:auto}.uk-scrollable-box>:last-child{margin-bottom:0}.uk-display-block{display:block!important}.uk-display-inline{display:inline!important}.uk-display-inline-block{display:inline-block!important}@media (min-width:960px){.uk-visible-small{display:none!important}.uk-visible-medium{display:none!important}.uk-hidden-large{display:none!important}}@media (min-width:768px) and (max-width:959px){.uk-visible-small{display:none!important}.uk-visible-large{display:none!important}.uk-hidden-medium{display:none!important}}@media (max-width:767px){.uk-visible-medium{display:none!important}.uk-visible-large{display:none!important}.uk-hidden-small{display:none!important}}.uk-hidden{display:none!important;visibility:hidden!important}.uk-invisible{visibility:hidden!important}.uk-visible-hover:hover .uk-hidden,.uk-visible-hover:hover .uk-invisible{display:block!important;visibility:visible!important}.uk-visible-hover-inline:hover .uk-hidden,.uk-visible-hover-inline:hover .uk-invisible{display:inline-block!important;visibility:visible!important}@media print{*{background:transparent!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}pre,blockquote{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}tr,img{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}} \ No newline at end of file +/*! UIkit 3.5.5 | https://www.getuikit.com | (c) 2014 - 2020 YOOtheme | MIT License */html{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:16px;font-weight:400;line-height:1.5;-webkit-text-size-adjust:100%;background:#fff;color:#666}body{margin:0}a:active,a:hover{outline:0}.uk-link,a{color:#1e87f0;text-decoration:none;cursor:pointer}.uk-link-toggle:focus .uk-link,.uk-link-toggle:hover .uk-link,.uk-link:hover,a:hover{color:#0f6ecd;text-decoration:underline}abbr[title]{text-decoration:underline dotted;-webkit-text-decoration-style:dotted}b,strong{font-weight:bolder}:not(pre)>code,:not(pre)>kbd,:not(pre)>samp{font-family:Consolas,monaco,monospace;font-size:.875rem;color:#f0506e;white-space:nowrap;padding:2px 6px;background:#f8f8f8}em{color:#f0506e}ins{background:#ffd;color:#666;text-decoration:none}mark{background:#ffd;color:#666}q{font-style:italic}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}audio,canvas,iframe,img,svg,video{vertical-align:middle}canvas,img,video{max-width:100%;height:auto;box-sizing:border-box}@supports (display:block){svg{max-width:100%;height:auto;box-sizing:border-box}}svg:not(:root){overflow:hidden}img:not([src]){min-width:1px;visibility:hidden}iframe{border:0}address,dl,fieldset,figure,ol,p,pre,ul{margin:0 0 20px 0}*+address,*+dl,*+fieldset,*+figure,*+ol,*+p,*+pre,*+ul{margin-top:20px}.uk-h1,.uk-h2,.uk-h3,.uk-h4,.uk-h5,.uk-h6,.uk-heading-2xlarge,.uk-heading-large,.uk-heading-medium,.uk-heading-small,.uk-heading-xlarge,h1,h2,h3,h4,h5,h6{margin:0 0 20px 0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-weight:400;color:#333;text-transform:none}*+.uk-h1,*+.uk-h2,*+.uk-h3,*+.uk-h4,*+.uk-h5,*+.uk-h6,*+.uk-heading-2xlarge,*+.uk-heading-large,*+.uk-heading-medium,*+.uk-heading-small,*+.uk-heading-xlarge,*+h1,*+h2,*+h3,*+h4,*+h5,*+h6{margin-top:40px}.uk-h1,h1{font-size:2.23125rem;line-height:1.2}.uk-h2,h2{font-size:1.7rem;line-height:1.3}.uk-h3,h3{font-size:1.5rem;line-height:1.4}.uk-h4,h4{font-size:1.25rem;line-height:1.4}.uk-h5,h5{font-size:16px;line-height:1.4}.uk-h6,h6{font-size:.875rem;line-height:1.4}@media (min-width:960px){.uk-h1,h1{font-size:2.625rem}.uk-h2,h2{font-size:2rem}}ol,ul{padding-left:30px}ol>li>ol,ol>li>ul,ul>li>ol,ul>li>ul{margin:0}dt{font-weight:700}dd{margin-left:0}.uk-hr,hr{overflow:visible;text-align:inherit;margin:0 0 20px 0;border:0;border-top:1px solid #e5e5e5}*+.uk-hr,*+hr{margin-top:20px}address{font-style:normal}blockquote{margin:0 0 20px 0;font-size:1.25rem;line-height:1.5;font-style:italic;color:#333}*+blockquote{margin-top:20px}blockquote p:last-of-type{margin-bottom:0}blockquote footer{margin-top:10px;font-size:.875rem;line-height:1.5;color:#666}blockquote footer::before{content:"— "}pre{font:.875rem/1.5 Consolas,monaco,monospace;color:#666;-moz-tab-size:4;tab-size:4;overflow:auto;padding:10px;border:1px solid #e5e5e5;border-radius:3px;background:#fff}pre code{font-family:Consolas,monaco,monospace}::selection{background:#39f;color:#fff;text-shadow:none}details,main{display:block}summary{display:list-item}template{display:none}.uk-breakpoint-s::before{content:'640px'}.uk-breakpoint-m::before{content:'960px'}.uk-breakpoint-l::before{content:'1200px'}.uk-breakpoint-xl::before{content:'1600px'}:root{--uk-breakpoint-s:640px;--uk-breakpoint-m:960px;--uk-breakpoint-l:1200px;--uk-breakpoint-xl:1600px}.uk-link-muted a,a.uk-link-muted{color:#999}.uk-link-muted a:hover,.uk-link-toggle:focus .uk-link-muted,.uk-link-toggle:hover .uk-link-muted,a.uk-link-muted:hover{color:#666}.uk-link-text a,a.uk-link-text{color:inherit}.uk-link-text a:hover,.uk-link-toggle:focus .uk-link-text,.uk-link-toggle:hover .uk-link-text,a.uk-link-text:hover{color:#999}.uk-link-heading a,a.uk-link-heading{color:inherit}.uk-link-heading a:hover,.uk-link-toggle:focus .uk-link-heading,.uk-link-toggle:hover .uk-link-heading,a.uk-link-heading:hover{color:#1e87f0;text-decoration:none}.uk-link-reset a,a.uk-link-reset{color:inherit!important;text-decoration:none!important}.uk-link-toggle{color:inherit!important;text-decoration:none!important}.uk-link-toggle:focus{outline:0}.uk-heading-small{font-size:2.6rem;line-height:1.2}.uk-heading-medium{font-size:2.8875rem;line-height:1.1}.uk-heading-large{font-size:3.4rem;line-height:1.1}.uk-heading-xlarge{font-size:4rem;line-height:1}.uk-heading-2xlarge{font-size:6rem;line-height:1}@media (min-width:960px){.uk-heading-small{font-size:3.25rem}.uk-heading-medium{font-size:3.5rem}.uk-heading-large{font-size:4rem}.uk-heading-xlarge{font-size:6rem}.uk-heading-2xlarge{font-size:8rem}}@media (min-width:1200px){.uk-heading-medium{font-size:4rem}.uk-heading-large{font-size:6rem}.uk-heading-xlarge{font-size:8rem}.uk-heading-2xlarge{font-size:11rem}}.uk-heading-divider{padding-bottom:calc(5px + .1em);border-bottom:calc(.2px + .05em) solid #e5e5e5}.uk-heading-bullet{position:relative}.uk-heading-bullet::before{content:"";display:inline-block;position:relative;top:calc(-.1 * 1em);vertical-align:middle;height:calc(4px + .7em);margin-right:calc(5px + .2em);border-left:calc(5px + .1em) solid #e5e5e5}.uk-heading-line{overflow:hidden}.uk-heading-line>*{display:inline-block;position:relative}.uk-heading-line>::after,.uk-heading-line>::before{content:"";position:absolute;top:calc(50% - ((.2px + .05em)/ 2));width:2000px;border-bottom:calc(.2px + .05em) solid #e5e5e5}.uk-heading-line>::before{right:100%;margin-right:calc(5px + .3em)}.uk-heading-line>::after{left:100%;margin-left:calc(5px + .3em)}[class*=uk-divider]{border:none;margin-bottom:20px}*+[class*=uk-divider]{margin-top:20px}.uk-divider-icon{position:relative;height:20px;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23e5e5e5%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");background-repeat:no-repeat;background-position:50% 50%}.uk-divider-icon::after,.uk-divider-icon::before{content:"";position:absolute;top:50%;max-width:calc(50% - (50px / 2));border-bottom:1px solid #e5e5e5}.uk-divider-icon::before{right:calc(50% + (50px / 2));width:100%}.uk-divider-icon::after{left:calc(50% + (50px / 2));width:100%}.uk-divider-small{line-height:0}.uk-divider-small::after{content:"";display:inline-block;width:100px;max-width:100%;border-top:1px solid #e5e5e5;vertical-align:top}.uk-divider-vertical{width:1px;height:100px;margin-left:auto;margin-right:auto;border-left:1px solid #e5e5e5}.uk-list{padding:0;list-style:none}.uk-list>*>:last-child{margin-bottom:0}.uk-list>*>ul,.uk-list>:nth-child(n+2){margin-top:10px}.uk-list-circle>*,.uk-list-decimal>*,.uk-list-disc>*,.uk-list-hyphen>*,.uk-list-square>*{padding-left:30px}.uk-list-decimal{counter-reset:decimal}.uk-list-decimal>*{counter-increment:decimal}[class*=uk-list]>::before{content:'';position:relative;left:-30px;width:30px;height:1.5em;margin-bottom:-1.5em;display:list-item;list-style-position:inside;text-align:right}.uk-list-disc>::before{list-style-type:disc}.uk-list-circle>::before{list-style-type:circle}.uk-list-square>::before{list-style-type:square}.uk-list-decimal>::before{content:counter(decimal,decimal) '\200A.\00A0'}.uk-list-hyphen>::before{content:'–\00A0\00A0'}.uk-list-muted>::before{color:#999!important}.uk-list-emphasis>::before{color:#333!important}.uk-list-primary>::before{color:#1e87f0!important}.uk-list-secondary>::before{color:#222!important}.uk-list-bullet>*{padding-left:30px}.uk-list-bullet>::before{content:"";position:relative;left:-30px;width:30px;height:1.5em;margin-bottom:-1.5em;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:50% 50%}.uk-list-divider>:nth-child(n+2){margin-top:10px;padding-top:10px;border-top:1px solid #e5e5e5}.uk-list-striped>*{padding:10px 10px}.uk-list-striped>:nth-of-type(odd){border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}.uk-list-striped>:nth-of-type(odd){background:#f8f8f8}.uk-list-striped>:nth-child(n+2){margin-top:0}.uk-list-large>*>ul,.uk-list-large>:nth-child(n+2){margin-top:20px}.uk-list-collapse>*>ul,.uk-list-collapse>:nth-child(n+2){margin-top:0}.uk-list-large.uk-list-divider>:nth-child(n+2){margin-top:20px;padding-top:20px}.uk-list-collapse.uk-list-divider>:nth-child(n+2){margin-top:0;padding-top:0}.uk-list-large.uk-list-striped>*{padding:20px 10px}.uk-list-collapse.uk-list-striped>*{padding-top:0;padding-bottom:0}.uk-list-collapse.uk-list-striped>:nth-child(n+2),.uk-list-large.uk-list-striped>:nth-child(n+2){margin-top:0}.uk-description-list>dt{color:#333;font-size:.875rem;font-weight:400;text-transform:uppercase}.uk-description-list>dt:nth-child(n+2){margin-top:20px}.uk-description-list-divider>dt:nth-child(n+2){margin-top:20px;padding-top:20px;border-top:1px solid #e5e5e5}.uk-table{border-collapse:collapse;border-spacing:0;width:100%;margin-bottom:20px}*+.uk-table{margin-top:20px}.uk-table th{padding:16px 12px;text-align:left;vertical-align:bottom;font-size:.875rem;font-weight:400;color:#999;text-transform:uppercase}.uk-table td{padding:16px 12px;vertical-align:top}.uk-table td>:last-child{margin-bottom:0}.uk-table tfoot{font-size:.875rem}.uk-table caption{font-size:.875rem;text-align:left;color:#999}.uk-table-middle,.uk-table-middle td{vertical-align:middle!important}.uk-table-divider>:first-child>tr:not(:first-child),.uk-table-divider>:not(:first-child)>tr,.uk-table-divider>tr:not(:first-child){border-top:1px solid #e5e5e5}.uk-table-striped tbody tr:nth-of-type(odd),.uk-table-striped>tr:nth-of-type(odd){background:#f8f8f8;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}.uk-table-hover tbody tr:hover,.uk-table-hover>tr:hover{background:#ffd}.uk-table tbody tr.uk-active,.uk-table>tr.uk-active{background:#ffd}.uk-table-small td,.uk-table-small th{padding:10px 12px}.uk-table-large td,.uk-table-large th{padding:22px 12px}.uk-table-justify td:first-child,.uk-table-justify th:first-child{padding-left:0}.uk-table-justify td:last-child,.uk-table-justify th:last-child{padding-right:0}.uk-table-shrink{width:1px}.uk-table-expand{min-width:150px}.uk-table-link{padding:0!important}.uk-table-link>a{display:block;padding:16px 12px}.uk-table-small .uk-table-link>a{padding:10px 12px}@media (max-width:959px){.uk-table-responsive,.uk-table-responsive tbody,.uk-table-responsive td,.uk-table-responsive th,.uk-table-responsive tr{display:block}.uk-table-responsive thead{display:none}.uk-table-responsive td,.uk-table-responsive th{width:auto!important;max-width:none!important;min-width:0!important;overflow:visible!important;white-space:normal!important}.uk-table-responsive .uk-table-link:not(:first-child)>a,.uk-table-responsive td:not(:first-child):not(.uk-table-link),.uk-table-responsive th:not(:first-child):not(.uk-table-link){padding-top:5px!important}.uk-table-responsive .uk-table-link:not(:last-child)>a,.uk-table-responsive td:not(:last-child):not(.uk-table-link),.uk-table-responsive th:not(:last-child):not(.uk-table-link){padding-bottom:5px!important}.uk-table-justify.uk-table-responsive td,.uk-table-justify.uk-table-responsive th{padding-left:0;padding-right:0}}.uk-table tbody tr{transition:background-color .1s linear}.uk-icon{margin:0;border:none;border-radius:0;overflow:visible;font:inherit;color:inherit;text-transform:none;padding:0;background-color:transparent;display:inline-block;fill:currentcolor;line-height:0}button.uk-icon:not(:disabled){cursor:pointer}.uk-icon::-moz-focus-inner{border:0;padding:0}.uk-icon:not(.uk-preserve) [fill*='#']:not(.uk-preserve){fill:currentcolor}.uk-icon:not(.uk-preserve) [stroke*='#']:not(.uk-preserve){stroke:currentcolor}.uk-icon>*{transform:translate(0,0)}.uk-icon-image{width:20px;height:20px;background-position:50% 50%;background-repeat:no-repeat;background-size:contain;vertical-align:middle}.uk-icon-link{color:#999}.uk-icon-link:focus,.uk-icon-link:hover{color:#666;outline:0}.uk-active>.uk-icon-link,.uk-icon-link:active{color:#595959}.uk-icon-button{box-sizing:border-box;width:36px;height:36px;border-radius:500px;background:#f8f8f8;color:#999;vertical-align:middle;display:inline-flex;justify-content:center;align-items:center;transition:.1s ease-in-out;transition-property:color,background-color}.uk-icon-button:focus,.uk-icon-button:hover{background-color:#ebebeb;color:#666;outline:0}.uk-active>.uk-icon-button,.uk-icon-button:active{background-color:#dfdfdf;color:#666}.uk-range{box-sizing:border-box;margin:0;vertical-align:middle;max-width:100%;width:100%;-webkit-appearance:none;background:0 0;padding:0}.uk-range:focus{outline:0}.uk-range::-moz-focus-outer{border:none}.uk-range::-ms-track{height:15px;background:0 0;border-color:transparent;color:transparent}.uk-range:not(:disabled)::-webkit-slider-thumb{cursor:pointer}.uk-range:not(:disabled)::-moz-range-thumb{cursor:pointer}.uk-range:not(:disabled)::-ms-thumb{cursor:pointer}.uk-range::-webkit-slider-thumb{-webkit-appearance:none;margin-top:-7px;height:15px;width:15px;border-radius:500px;background:#fff;border:1px solid #ccc}.uk-range::-moz-range-thumb{border:none;height:15px;width:15px;border-radius:500px;background:#fff;border:1px solid #ccc}.uk-range::-ms-thumb{margin-top:0}.uk-range::-ms-thumb{border:none;height:15px;width:15px;border-radius:500px;background:#fff;border:1px solid #ccc}.uk-range::-ms-tooltip{display:none}.uk-range::-webkit-slider-runnable-track{height:3px;background:#ebebeb;border-radius:500px}.uk-range:active::-webkit-slider-runnable-track,.uk-range:focus::-webkit-slider-runnable-track{background:#d2d2d2}.uk-range::-moz-range-track{height:3px;background:#ebebeb;border-radius:500px}.uk-range:focus::-moz-range-track{background:#d2d2d2}.uk-range::-ms-fill-lower,.uk-range::-ms-fill-upper{height:3px;background:#ebebeb;border-radius:500px}.uk-range:focus::-ms-fill-lower,.uk-range:focus::-ms-fill-upper{background:#d2d2d2}.uk-checkbox,.uk-input,.uk-radio,.uk-select,.uk-textarea{box-sizing:border-box;margin:0;border-radius:0;font:inherit}.uk-input{overflow:visible}.uk-select{text-transform:none}.uk-select optgroup{font:inherit;font-weight:700}.uk-textarea{overflow:auto}.uk-input[type=search]::-webkit-search-cancel-button,.uk-input[type=search]::-webkit-search-decoration{-webkit-appearance:none}.uk-input[type=number]::-webkit-inner-spin-button,.uk-input[type=number]::-webkit-outer-spin-button{height:auto}.uk-input::-moz-placeholder,.uk-textarea::-moz-placeholder{opacity:1}.uk-checkbox:not(:disabled),.uk-radio:not(:disabled){cursor:pointer}.uk-fieldset{border:none;margin:0;padding:0}.uk-input,.uk-textarea{-webkit-appearance:none}.uk-input,.uk-select,.uk-textarea{max-width:100%;width:100%;border:0 none;padding:0 10px;background:#fff;color:#666;border:1px solid #e5e5e5;transition:.2s ease-in-out;transition-property:color,background-color,border}.uk-input,.uk-select:not([multiple]):not([size]){height:40px;vertical-align:middle;display:inline-block}.uk-input:not(input),.uk-select:not(select){line-height:38px}.uk-select[multiple],.uk-select[size],.uk-textarea{padding-top:4px;padding-bottom:4px;vertical-align:top}.uk-input:focus,.uk-select:focus,.uk-textarea:focus{outline:0;background-color:#fff;color:#666;border-color:#1e87f0}.uk-input:disabled,.uk-select:disabled,.uk-textarea:disabled{background-color:#f8f8f8;color:#999;border-color:#e5e5e5}.uk-input::-ms-input-placeholder{color:#999!important}.uk-input::placeholder{color:#999}.uk-textarea::-ms-input-placeholder{color:#999!important}.uk-textarea::placeholder{color:#999}.uk-form-small{font-size:.875rem}.uk-form-small:not(textarea):not([multiple]):not([size]){height:30px;padding-left:8px;padding-right:8px}.uk-form-small:not(select):not(input):not(textarea){line-height:28px}.uk-form-large{font-size:1.25rem}.uk-form-large:not(textarea):not([multiple]):not([size]){height:55px;padding-left:12px;padding-right:12px}.uk-form-large:not(select):not(input):not(textarea){line-height:53px}.uk-form-danger,.uk-form-danger:focus{color:#f0506e;border-color:#f0506e}.uk-form-success,.uk-form-success:focus{color:#32d296;border-color:#32d296}.uk-form-blank{background:0 0;border-color:transparent}.uk-form-blank:focus{border-color:#e5e5e5;border-style:dashed}input.uk-form-width-xsmall{width:50px}select.uk-form-width-xsmall{width:75px}.uk-form-width-small{width:130px}.uk-form-width-medium{width:200px}.uk-form-width-large{width:500px}.uk-select:not([multiple]):not([size]){-webkit-appearance:none;-moz-appearance:none;padding-right:20px;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A");background-repeat:no-repeat;background-position:100% 50%}.uk-select:not([multiple]):not([size])::-ms-expand{display:none}.uk-select:not([multiple]):not([size]) option{color:#444}.uk-select:not([multiple]):not([size]):disabled{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-input[list]{padding-right:20px;background-repeat:no-repeat;background-position:100% 50%}.uk-input[list]:focus,.uk-input[list]:hover{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-input[list]::-webkit-calendar-picker-indicator{display:none}.uk-checkbox,.uk-radio{display:inline-block;height:16px;width:16px;overflow:hidden;margin-top:-4px;vertical-align:middle;-webkit-appearance:none;-moz-appearance:none;background-color:transparent;background-repeat:no-repeat;background-position:50% 50%;border:1px solid #ccc;transition:.2s ease-in-out;transition-property:background-color,border}.uk-radio{border-radius:50%}.uk-checkbox:focus,.uk-radio:focus{outline:0;border-color:#1e87f0}.uk-checkbox:checked,.uk-checkbox:indeterminate,.uk-radio:checked{background-color:#1e87f0;border-color:transparent}.uk-checkbox:checked:focus,.uk-checkbox:indeterminate:focus,.uk-radio:checked:focus{background-color:#0e6dcd}.uk-radio:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-checkbox:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23fff%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-checkbox:indeterminate{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23fff%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-checkbox:disabled,.uk-radio:disabled{background-color:#f8f8f8;border-color:#e5e5e5}.uk-radio:disabled:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23999%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-checkbox:disabled:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23999%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-checkbox:disabled:indeterminate{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23999%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-legend{width:100%;color:inherit;padding:0;font-size:1.5rem;line-height:1.4}.uk-form-custom{display:inline-block;position:relative;max-width:100%;vertical-align:middle}.uk-form-custom input[type=file],.uk-form-custom select{position:absolute;top:0;z-index:1;width:100%;height:100%;left:0;-webkit-appearance:none;opacity:0;cursor:pointer}.uk-form-custom input[type=file]{font-size:500px;overflow:hidden}.uk-form-label{color:#333;font-size:.875rem}.uk-form-stacked .uk-form-label{display:block;margin-bottom:5px}@media (max-width:959px){.uk-form-horizontal .uk-form-label{display:block;margin-bottom:5px}}@media (min-width:960px){.uk-form-horizontal .uk-form-label{width:200px;margin-top:7px;float:left}.uk-form-horizontal .uk-form-controls{margin-left:215px}.uk-form-horizontal .uk-form-controls-text{padding-top:7px}}.uk-form-icon{position:absolute;top:0;bottom:0;left:0;width:40px;display:inline-flex;justify-content:center;align-items:center;color:#999}.uk-form-icon:hover{color:#666}.uk-form-icon:not(a):not(button):not(input){pointer-events:none}.uk-form-icon:not(.uk-form-icon-flip)~.uk-input{padding-left:40px!important}.uk-form-icon-flip{right:0;left:auto}.uk-form-icon-flip~.uk-input{padding-right:40px!important}.uk-button{margin:0;border:none;overflow:visible;font:inherit;color:inherit;text-transform:none;-webkit-appearance:none;border-radius:0;display:inline-block;box-sizing:border-box;padding:0 30px;vertical-align:middle;font-size:.875rem;line-height:38px;text-align:center;text-decoration:none;text-transform:uppercase;transition:.1s ease-in-out;transition-property:color,background-color,border-color}.uk-button:not(:disabled){cursor:pointer}.uk-button::-moz-focus-inner{border:0;padding:0}.uk-button:hover{text-decoration:none}.uk-button:focus{outline:0}.uk-button-default{background-color:transparent;color:#333;border:1px solid #e5e5e5}.uk-button-default:focus,.uk-button-default:hover{background-color:transparent;color:#333;border-color:#b2b2b2}.uk-button-default.uk-active,.uk-button-default:active{background-color:transparent;color:#333;border-color:#999}.uk-button-primary{background-color:#1e87f0;color:#fff;border:1px solid transparent}.uk-button-primary:focus,.uk-button-primary:hover{background-color:#0f7ae5;color:#fff}.uk-button-primary.uk-active,.uk-button-primary:active{background-color:#0e6dcd;color:#fff}.uk-button-secondary{background-color:#222;color:#fff;border:1px solid transparent}.uk-button-secondary:focus,.uk-button-secondary:hover{background-color:#151515;color:#fff}.uk-button-secondary.uk-active,.uk-button-secondary:active{background-color:#080808;color:#fff}.uk-button-danger{background-color:#f0506e;color:#fff;border:1px solid transparent}.uk-button-danger:focus,.uk-button-danger:hover{background-color:#ee395b;color:#fff}.uk-button-danger.uk-active,.uk-button-danger:active{background-color:#ec2147;color:#fff}.uk-button-danger:disabled,.uk-button-default:disabled,.uk-button-primary:disabled,.uk-button-secondary:disabled{background-color:transparent;color:#999;border-color:#e5e5e5}.uk-button-small{padding:0 15px;line-height:28px;font-size:.875rem}.uk-button-large{padding:0 40px;line-height:53px;font-size:.875rem}.uk-button-text{padding:0;line-height:1.5;background:0 0;color:#333;position:relative}.uk-button-text::before{content:"";position:absolute;bottom:0;left:0;right:100%;border-bottom:1px solid #333;transition:right .3s ease-out}.uk-button-text:focus,.uk-button-text:hover{color:#333}.uk-button-text:focus::before,.uk-button-text:hover::before{right:0}.uk-button-text:disabled{color:#999}.uk-button-text:disabled::before{display:none}.uk-button-link{padding:0;line-height:1.5;background:0 0;color:#1e87f0}.uk-button-link:focus,.uk-button-link:hover{color:#0f6ecd;text-decoration:underline}.uk-button-link:disabled{color:#999;text-decoration:none}.uk-button-group{display:inline-flex;vertical-align:middle;position:relative}.uk-button-group>.uk-button:nth-child(n+2),.uk-button-group>div:nth-child(n+2) .uk-button{margin-left:-1px}.uk-button-group .uk-button.uk-active,.uk-button-group .uk-button:active,.uk-button-group .uk-button:focus,.uk-button-group .uk-button:hover{position:relative;z-index:1}.uk-progress{vertical-align:baseline;-webkit-appearance:none;-moz-appearance:none;display:block;width:100%;border:0;background-color:#f8f8f8;margin-bottom:20px;height:15px;border-radius:500px;overflow:hidden}*+.uk-progress{margin-top:20px}.uk-progress:indeterminate{color:transparent}.uk-progress::-webkit-progress-bar{background-color:#f8f8f8;border-radius:500px;overflow:hidden}.uk-progress:indeterminate::-moz-progress-bar{width:0}.uk-progress::-webkit-progress-value{background-color:#1e87f0;transition:width .6s ease}.uk-progress::-moz-progress-bar{background-color:#1e87f0}.uk-progress::-ms-fill{background-color:#1e87f0;transition:width .6s ease;border:0}.uk-section{display:flow-root;box-sizing:border-box;padding-top:40px;padding-bottom:40px}@media (min-width:960px){.uk-section{padding-top:70px;padding-bottom:70px}}.uk-section>:last-child{margin-bottom:0}.uk-section-xsmall{padding-top:20px;padding-bottom:20px}.uk-section-small{padding-top:40px;padding-bottom:40px}.uk-section-large{padding-top:70px;padding-bottom:70px}@media (min-width:960px){.uk-section-large{padding-top:140px;padding-bottom:140px}}.uk-section-xlarge{padding-top:140px;padding-bottom:140px}@media (min-width:960px){.uk-section-xlarge{padding-top:210px;padding-bottom:210px}}.uk-section-default{background:#fff}.uk-section-muted{background:#f8f8f8}.uk-section-primary{background:#1e87f0}.uk-section-secondary{background:#222}.uk-container{display:flow-root;box-sizing:content-box;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px}@media (min-width:640px){.uk-container{padding-left:30px;padding-right:30px}}@media (min-width:960px){.uk-container{padding-left:40px;padding-right:40px}}.uk-container>:last-child{margin-bottom:0}.uk-container .uk-container{padding-left:0;padding-right:0}.uk-container-xsmall{max-width:750px}.uk-container-small{max-width:900px}.uk-container-large{max-width:1400px}.uk-container-xlarge{max-width:1600px}.uk-container-expand{max-width:none}.uk-container-expand-left{margin-left:0}.uk-container-expand-right{margin-right:0}@media (min-width:640px){.uk-container-expand-left.uk-container-xsmall,.uk-container-expand-right.uk-container-xsmall{max-width:calc(50% + (750px / 2) - 30px)}.uk-container-expand-left.uk-container-small,.uk-container-expand-right.uk-container-small{max-width:calc(50% + (900px / 2) - 30px)}}@media (min-width:960px){.uk-container-expand-left,.uk-container-expand-right{max-width:calc(50% + (1200px / 2) - 40px)}.uk-container-expand-left.uk-container-xsmall,.uk-container-expand-right.uk-container-xsmall{max-width:calc(50% + (750px / 2) - 40px)}.uk-container-expand-left.uk-container-small,.uk-container-expand-right.uk-container-small{max-width:calc(50% + (900px / 2) - 40px)}.uk-container-expand-left.uk-container-large,.uk-container-expand-right.uk-container-large{max-width:calc(50% + (1400px / 2) - 40px)}.uk-container-expand-left.uk-container-xlarge,.uk-container-expand-right.uk-container-xlarge{max-width:calc(50% + (1600px / 2) - 40px)}}.uk-container-item-padding-remove-left,.uk-container-item-padding-remove-right{width:calc(100% + 15px)}.uk-container-item-padding-remove-left{margin-left:-15px}.uk-container-item-padding-remove-right{margin-right:-15px}@media (min-width:640px){.uk-container-item-padding-remove-left,.uk-container-item-padding-remove-right{width:calc(100% + 30px)}.uk-container-item-padding-remove-left{margin-left:-30px}.uk-container-item-padding-remove-right{margin-right:-30px}}@media (min-width:960px){.uk-container-item-padding-remove-left,.uk-container-item-padding-remove-right{width:calc(100% + 40px)}.uk-container-item-padding-remove-left{margin-left:-40px}.uk-container-item-padding-remove-right{margin-right:-40px}}.uk-tile{display:flow-root;position:relative;box-sizing:border-box;padding-left:15px;padding-right:15px;padding-top:40px;padding-bottom:40px}@media (min-width:640px){.uk-tile{padding-left:30px;padding-right:30px}}@media (min-width:960px){.uk-tile{padding-left:40px;padding-right:40px;padding-top:70px;padding-bottom:70px}}.uk-tile>:last-child{margin-bottom:0}.uk-tile-xsmall{padding-top:20px;padding-bottom:20px}.uk-tile-small{padding-top:40px;padding-bottom:40px}.uk-tile-large{padding-top:70px;padding-bottom:70px}@media (min-width:960px){.uk-tile-large{padding-top:140px;padding-bottom:140px}}.uk-tile-xlarge{padding-top:140px;padding-bottom:140px}@media (min-width:960px){.uk-tile-xlarge{padding-top:210px;padding-bottom:210px}}.uk-tile-default{background:#fff}.uk-tile-muted{background:#f8f8f8}.uk-tile-primary{background:#1e87f0}.uk-tile-secondary{background:#222}.uk-card{position:relative;box-sizing:border-box;transition:box-shadow .1s ease-in-out}.uk-card-body{display:flow-root;padding:30px 30px}.uk-card-header{display:flow-root;padding:15px 30px}.uk-card-footer{display:flow-root;padding:15px 30px}@media (min-width:1200px){.uk-card-body{padding:40px 40px}.uk-card-header{padding:20px 40px}.uk-card-footer{padding:20px 40px}}.uk-card-body>:last-child,.uk-card-footer>:last-child,.uk-card-header>:last-child{margin-bottom:0}.uk-card-title{font-size:1.5rem;line-height:1.4}.uk-card-badge{position:absolute;top:30px;right:30px;z-index:1}.uk-card-badge:first-child+*{margin-top:0}.uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover{background:#fff;box-shadow:0 14px 25px rgba(0,0,0,.16)}.uk-card-default{background:#fff;color:#666;box-shadow:0 5px 15px rgba(0,0,0,.08)}.uk-card-default .uk-card-title{color:#333}.uk-card-default.uk-card-hover:hover{background-color:#fff;box-shadow:0 14px 25px rgba(0,0,0,.16)}.uk-card-default .uk-card-header{border-bottom:1px solid #e5e5e5}.uk-card-default .uk-card-footer{border-top:1px solid #e5e5e5}.uk-card-primary{background:#1e87f0;color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.08)}.uk-card-primary .uk-card-title{color:#fff}.uk-card-primary.uk-card-hover:hover{background-color:#1e87f0;box-shadow:0 14px 25px rgba(0,0,0,.16)}.uk-card-secondary{background:#222;color:#fff;box-shadow:0 5px 15px rgba(0,0,0,.08)}.uk-card-secondary .uk-card-title{color:#fff}.uk-card-secondary.uk-card-hover:hover{background-color:#222;box-shadow:0 14px 25px rgba(0,0,0,.16)}.uk-card-small .uk-card-body,.uk-card-small.uk-card-body{padding:20px 20px}.uk-card-small .uk-card-header{padding:13px 20px}.uk-card-small .uk-card-footer{padding:13px 20px}@media (min-width:1200px){.uk-card-large .uk-card-body,.uk-card-large.uk-card-body{padding:70px 70px}.uk-card-large .uk-card-header{padding:35px 70px}.uk-card-large .uk-card-footer{padding:35px 70px}}.uk-card-body>.uk-nav-default{margin-left:-30px;margin-right:-30px}.uk-card-body>.uk-nav-default:only-child{margin-top:-15px;margin-bottom:-15px}.uk-card-body .uk-nav-default .uk-nav-divider,.uk-card-body .uk-nav-default .uk-nav-header,.uk-card-body .uk-nav-default>li>a{padding-left:30px;padding-right:30px}.uk-card-body .uk-nav-default .uk-nav-sub{padding-left:45px}@media (min-width:1200px){.uk-card-body>.uk-nav-default{margin-left:-40px;margin-right:-40px}.uk-card-body>.uk-nav-default:only-child{margin-top:-25px;margin-bottom:-25px}.uk-card-body .uk-nav-default .uk-nav-divider,.uk-card-body .uk-nav-default .uk-nav-header,.uk-card-body .uk-nav-default>li>a{padding-left:40px;padding-right:40px}.uk-card-body .uk-nav-default .uk-nav-sub{padding-left:55px}}.uk-card-small>.uk-nav-default{margin-left:-20px;margin-right:-20px}.uk-card-small>.uk-nav-default:only-child{margin-top:-5px;margin-bottom:-5px}.uk-card-small .uk-nav-default .uk-nav-divider,.uk-card-small .uk-nav-default .uk-nav-header,.uk-card-small .uk-nav-default>li>a{padding-left:20px;padding-right:20px}.uk-card-small .uk-nav-default .uk-nav-sub{padding-left:35px}@media (min-width:1200px){.uk-card-large>.uk-nav-default{margin:0}.uk-card-large>.uk-nav-default:only-child{margin:0}.uk-card-large .uk-nav-default .uk-nav-divider,.uk-card-large .uk-nav-default .uk-nav-header,.uk-card-large .uk-nav-default>li>a{padding-left:0;padding-right:0}.uk-card-large .uk-nav-default .uk-nav-sub{padding-left:15px}}.uk-close{color:#999;transition:.1s ease-in-out;transition-property:color,opacity}.uk-close:focus,.uk-close:hover{color:#666;outline:0}.uk-spinner>*{animation:uk-spinner-rotate 1.4s linear infinite}@keyframes uk-spinner-rotate{0%{transform:rotate(0)}100%{transform:rotate(270deg)}}.uk-spinner>*>*{stroke-dasharray:88px;stroke-dashoffset:0;transform-origin:center;animation:uk-spinner-dash 1.4s ease-in-out infinite;stroke-width:1;stroke-linecap:round}@keyframes uk-spinner-dash{0%{stroke-dashoffset:88px}50%{stroke-dashoffset:22px;transform:rotate(135deg)}100%{stroke-dashoffset:88px;transform:rotate(450deg)}}.uk-totop{padding:5px;color:#999;transition:color .1s ease-in-out}.uk-totop:focus,.uk-totop:hover{color:#666;outline:0}.uk-totop:active{color:#333}.uk-marker{padding:5px;background:#222;color:#fff;border-radius:500px}.uk-marker:focus,.uk-marker:hover{color:#fff;outline:0}.uk-alert{position:relative;margin-bottom:20px;padding:15px 29px 15px 15px;background:#f8f8f8;color:#666}*+.uk-alert{margin-top:20px}.uk-alert>:last-child{margin-bottom:0}.uk-alert-close{position:absolute;top:20px;right:15px;color:inherit;opacity:.4}.uk-alert-close:first-child+*{margin-top:0}.uk-alert-close:focus,.uk-alert-close:hover{color:inherit;opacity:.8}.uk-alert-primary{background:#d8eafc;color:#1e87f0}.uk-alert-success{background:#edfbf6;color:#32d296}.uk-alert-warning{background:#fff6ee;color:#faa05a}.uk-alert-danger{background:#fef4f6;color:#f0506e}.uk-alert h1,.uk-alert h2,.uk-alert h3,.uk-alert h4,.uk-alert h5,.uk-alert h6{color:inherit}.uk-alert a:not([class]){color:inherit;text-decoration:underline}.uk-alert a:not([class]):hover{color:inherit;text-decoration:underline}.uk-placeholder{margin-bottom:20px;padding:30px 30px;background:0 0;border:1px dashed #e5e5e5}*+.uk-placeholder{margin-top:20px}.uk-placeholder>:last-child{margin-bottom:0}.uk-badge{box-sizing:border-box;min-width:22px;height:22px;padding:0 5px;border-radius:500px;vertical-align:middle;background:#1e87f0;color:#fff;font-size:.875rem;display:inline-flex;justify-content:center;align-items:center}.uk-badge:focus,.uk-badge:hover{color:#fff;text-decoration:none;outline:0}.uk-label{display:inline-block;padding:0 10px;background:#1e87f0;line-height:1.5;font-size:.875rem;color:#fff;vertical-align:middle;white-space:nowrap;border-radius:2px;text-transform:uppercase}.uk-label-success{background-color:#32d296;color:#fff}.uk-label-warning{background-color:#faa05a;color:#fff}.uk-label-danger{background-color:#f0506e;color:#fff}.uk-overlay{padding:30px 30px}.uk-overlay>:last-child{margin-bottom:0}.uk-overlay-default{background:rgba(255,255,255,.8)}.uk-overlay-primary{background:rgba(34,34,34,.8)}.uk-article{display:flow-root}.uk-article>:last-child{margin-bottom:0}.uk-article+.uk-article{margin-top:70px}.uk-article-title{font-size:2.23125rem;line-height:1.2}@media (min-width:960px){.uk-article-title{font-size:2.625rem}}.uk-article-meta{font-size:.875rem;line-height:1.4;color:#999}.uk-article-meta a{color:#999}.uk-article-meta a:hover{color:#666;text-decoration:none}.uk-comment-body{display:flow-root;overflow-wrap:break-word;word-wrap:break-word}.uk-comment-header{display:flow-root;margin-bottom:20px}.uk-comment-body>:last-child,.uk-comment-header>:last-child{margin-bottom:0}.uk-comment-title{font-size:1.25rem;line-height:1.4}.uk-comment-meta{font-size:.875rem;line-height:1.4;color:#999}.uk-comment-list{padding:0;list-style:none}.uk-comment-list>:nth-child(n+2){margin-top:70px}.uk-comment-list .uk-comment~ul{margin:70px 0 0 0;padding-left:30px;list-style:none}@media (min-width:960px){.uk-comment-list .uk-comment~ul{padding-left:100px}}.uk-comment-list .uk-comment~ul>:nth-child(n+2){margin-top:70px}.uk-comment-primary{padding:30px;background-color:#f8f8f8}.uk-search{display:inline-block;position:relative;max-width:100%;margin:0}.uk-search-input::-webkit-search-cancel-button,.uk-search-input::-webkit-search-decoration{-webkit-appearance:none}.uk-search-input::-moz-placeholder{opacity:1}.uk-search-input{box-sizing:border-box;margin:0;border-radius:0;font:inherit;overflow:visible;-webkit-appearance:none;vertical-align:middle;width:100%;border:none;color:#666}.uk-search-input:focus{outline:0}.uk-search-input:-ms-input-placeholder{color:#999!important}.uk-search-input::placeholder{color:#999}.uk-search-icon:focus{outline:0}.uk-search .uk-search-icon{position:absolute;top:0;bottom:0;left:0;display:inline-flex;justify-content:center;align-items:center;color:#999}.uk-search .uk-search-icon:hover{color:#999}.uk-search .uk-search-icon:not(a):not(button):not(input){pointer-events:none}.uk-search .uk-search-icon-flip{right:0;left:auto}.uk-search-default{width:180px}.uk-search-default .uk-search-input{height:40px;padding-left:6px;padding-right:6px;background:0 0;border:1px solid #e5e5e5}.uk-search-default .uk-search-input:focus{background-color:transparent}.uk-search-default .uk-search-icon{width:40px}.uk-search-default .uk-search-icon:not(.uk-search-icon-flip)~.uk-search-input{padding-left:40px}.uk-search-default .uk-search-icon-flip~.uk-search-input{padding-right:40px}.uk-search-navbar{width:400px}.uk-search-navbar .uk-search-input{height:40px;background:0 0;font-size:1.5rem}.uk-search-navbar .uk-search-icon{width:40px}.uk-search-navbar .uk-search-icon:not(.uk-search-icon-flip)~.uk-search-input{padding-left:40px}.uk-search-navbar .uk-search-icon-flip~.uk-search-input{padding-right:40px}.uk-search-large{width:500px}.uk-search-large .uk-search-input{height:80px;background:0 0;font-size:2.625rem}.uk-search-large .uk-search-icon{width:80px}.uk-search-large .uk-search-icon:not(.uk-search-icon-flip)~.uk-search-input{padding-left:80px}.uk-search-large .uk-search-icon-flip~.uk-search-input{padding-right:80px}.uk-search-toggle{color:#999}.uk-search-toggle:focus,.uk-search-toggle:hover{color:#666}.uk-accordion{padding:0;list-style:none}.uk-accordion>:nth-child(n+2){margin-top:20px}.uk-accordion-title{display:block;font-size:1.25rem;line-height:1.4;color:#333;overflow:hidden}.uk-accordion-title::before{content:"";width:1.4em;height:1.4em;margin-left:10px;float:right;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:50% 50%}.uk-open>.uk-accordion-title::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-accordion-title:focus,.uk-accordion-title:hover{color:#666;text-decoration:none;outline:0}.uk-accordion-content{display:flow-root;margin-top:20px}.uk-accordion-content>:last-child{margin-bottom:0}.uk-drop{display:none;position:absolute;z-index:1020;box-sizing:border-box;width:300px}.uk-drop.uk-open{display:block}[class*=uk-drop-top]{margin-top:-20px}[class*=uk-drop-bottom]{margin-top:20px}[class*=uk-drop-left]{margin-left:-20px}[class*=uk-drop-right]{margin-left:20px}.uk-drop-stack .uk-drop-grid>*{width:100%!important}.uk-dropdown{display:none;position:absolute;z-index:1020;box-sizing:border-box;min-width:200px;padding:25px;background:#fff;color:#666;box-shadow:0 5px 12px rgba(0,0,0,.15)}.uk-dropdown.uk-open{display:block}.uk-dropdown-nav{white-space:nowrap;font-size:.875rem}.uk-dropdown-nav>li>a{color:#999}.uk-dropdown-nav>li.uk-active>a,.uk-dropdown-nav>li>a:focus,.uk-dropdown-nav>li>a:hover{color:#666}.uk-dropdown-nav .uk-nav-header{color:#333}.uk-dropdown-nav .uk-nav-divider{border-top:1px solid #e5e5e5}.uk-dropdown-nav .uk-nav-sub a{color:#999}.uk-dropdown-nav .uk-nav-sub a:focus,.uk-dropdown-nav .uk-nav-sub a:hover,.uk-dropdown-nav .uk-nav-sub li.uk-active>a{color:#666}[class*=uk-dropdown-top]{margin-top:-10px}[class*=uk-dropdown-bottom]{margin-top:10px}[class*=uk-dropdown-left]{margin-left:-10px}[class*=uk-dropdown-right]{margin-left:10px}.uk-dropdown-stack .uk-dropdown-grid>*{width:100%!important}.uk-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1010;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:15px 15px;background:rgba(0,0,0,.6);opacity:0;transition:opacity .15s linear}@media (min-width:640px){.uk-modal{padding:50px 30px}}@media (min-width:960px){.uk-modal{padding-left:40px;padding-right:40px}}.uk-modal.uk-open{opacity:1}.uk-modal-page{overflow:hidden}.uk-modal-dialog{position:relative;box-sizing:border-box;margin:0 auto;width:600px;max-width:calc(100% - .01px)!important;background:#fff;opacity:0;transform:translateY(-100px);transition:.3s linear;transition-property:opacity,transform}.uk-open>.uk-modal-dialog{opacity:1;transform:translateY(0)}.uk-modal-container .uk-modal-dialog{width:1200px}.uk-modal-full{padding:0;background:0 0}.uk-modal-full .uk-modal-dialog{margin:0;width:100%;max-width:100%;transform:translateY(0)}.uk-modal-body{display:flow-root;padding:30px 30px}.uk-modal-header{display:flow-root;padding:15px 30px;background:#fff;border-bottom:1px solid #e5e5e5}.uk-modal-footer{display:flow-root;padding:15px 30px;background:#fff;border-top:1px solid #e5e5e5}.uk-modal-body>:last-child,.uk-modal-footer>:last-child,.uk-modal-header>:last-child{margin-bottom:0}.uk-modal-title{font-size:2rem;line-height:1.3}[class*=uk-modal-close-]{position:absolute;z-index:1010;top:10px;right:10px;padding:5px}[class*=uk-modal-close-]:first-child+*{margin-top:0}.uk-modal-close-outside{top:0;right:-5px;transform:translate(0,-100%);color:#fff}.uk-modal-close-outside:hover{color:#fff}@media (min-width:960px){.uk-modal-close-outside{right:0;transform:translate(100%,-100%)}}.uk-modal-close-full{top:0;right:0;padding:20px;background:#fff}.uk-lightbox{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1010;background:#000;opacity:0;transition:opacity .15s linear;touch-action:pinch-zoom}.uk-lightbox.uk-open{display:block;opacity:1}.uk-lightbox-page{overflow:hidden}.uk-lightbox-items>*{position:absolute;top:0;right:0;bottom:0;left:0;display:none;justify-content:center;align-items:center;color:rgba(255,255,255,.7);will-change:transform,opacity}.uk-lightbox-items>*>*{max-width:100vw;max-height:100vh}.uk-lightbox-items>:focus{outline:0}.uk-lightbox-items>*>:not(iframe){width:auto;height:auto}.uk-lightbox-items>.uk-active{display:flex}.uk-lightbox-toolbar{padding:10px 10px;background:rgba(0,0,0,.3);color:rgba(255,255,255,.7)}.uk-lightbox-toolbar>*{color:rgba(255,255,255,.7)}.uk-lightbox-toolbar-icon{padding:5px;color:rgba(255,255,255,.7)}.uk-lightbox-toolbar-icon:hover{color:#fff}.uk-lightbox-button{box-sizing:border-box;width:50px;height:50px;background:rgba(0,0,0,.3);color:rgba(255,255,255,.7);display:inline-flex;justify-content:center;align-items:center}.uk-lightbox-button:hover{color:#fff}.uk-lightbox-caption:empty{display:none}.uk-lightbox-iframe{width:80%;height:80%}.uk-slideshow{-webkit-tap-highlight-color:transparent}.uk-slideshow-items{position:relative;z-index:0;margin:0;padding:0;list-style:none;overflow:hidden;-webkit-touch-callout:none}.uk-slideshow-items>*{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;will-change:transform,opacity;touch-action:pan-y}.uk-slideshow-items>:focus{outline:0}.uk-slideshow-items>:not(.uk-active){display:none}.uk-slider{-webkit-tap-highlight-color:transparent}.uk-slider-container{overflow:hidden}.uk-slider-items{will-change:transform;position:relative}.uk-slider-items:not(.uk-grid){display:flex;margin:0;padding:0;list-style:none;-webkit-touch-callout:none}.uk-slider-items.uk-grid{flex-wrap:nowrap}.uk-slider-items>*{flex:none;position:relative;touch-action:pan-y}.uk-slider-items>:focus{outline:0}.uk-sticky-fixed{z-index:980;box-sizing:border-box;margin:0!important;-webkit-backface-visibility:hidden;backface-visibility:hidden}.uk-sticky[class*=uk-animation-]{animation-duration:.2s}.uk-sticky.uk-animation-reverse{animation-duration:.2s}.uk-offcanvas{display:none;position:fixed;top:0;bottom:0;left:0;z-index:1000}.uk-offcanvas-flip .uk-offcanvas{right:0;left:auto}.uk-offcanvas-bar{position:absolute;top:0;bottom:0;left:-270px;box-sizing:border-box;width:270px;padding:20px 20px;background:#222;overflow-y:auto;-webkit-overflow-scrolling:touch}@media (min-width:960px){.uk-offcanvas-bar{left:-350px;width:350px;padding:40px 40px}}.uk-offcanvas-flip .uk-offcanvas-bar{left:auto;right:-270px}@media (min-width:960px){.uk-offcanvas-flip .uk-offcanvas-bar{right:-350px}}.uk-open>.uk-offcanvas-bar{left:0}.uk-offcanvas-flip .uk-open>.uk-offcanvas-bar{left:auto;right:0}.uk-offcanvas-bar-animation{transition:left .3s ease-out}.uk-offcanvas-flip .uk-offcanvas-bar-animation{transition-property:right}.uk-offcanvas-reveal{position:absolute;top:0;bottom:0;left:0;width:0;overflow:hidden;transition:width .3s ease-out}.uk-offcanvas-reveal .uk-offcanvas-bar{left:0}.uk-offcanvas-flip .uk-offcanvas-reveal .uk-offcanvas-bar{left:auto;right:0}.uk-open>.uk-offcanvas-reveal{width:270px}@media (min-width:960px){.uk-open>.uk-offcanvas-reveal{width:350px}}.uk-offcanvas-flip .uk-offcanvas-reveal{right:0;left:auto}.uk-offcanvas-close{position:absolute;z-index:1000;top:20px;right:20px;padding:5px}.uk-offcanvas-overlay{width:100vw;touch-action:none}.uk-offcanvas-overlay::before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.1);opacity:0;transition:opacity .15s linear}.uk-offcanvas-overlay.uk-open::before{opacity:1}.uk-offcanvas-container,.uk-offcanvas-page{overflow-x:hidden}.uk-offcanvas-container{position:relative;left:0;transition:left .3s ease-out;box-sizing:border-box;width:100%}:not(.uk-offcanvas-flip).uk-offcanvas-container-animation{left:270px}.uk-offcanvas-flip.uk-offcanvas-container-animation{left:-270px}@media (min-width:960px){:not(.uk-offcanvas-flip).uk-offcanvas-container-animation{left:350px}.uk-offcanvas-flip.uk-offcanvas-container-animation{left:-350px}}.uk-switcher{margin:0;padding:0;list-style:none}.uk-switcher>:not(.uk-active){display:none}.uk-switcher>*>:last-child{margin-bottom:0}.uk-leader{overflow:hidden}.uk-leader-fill::after{display:inline-block;margin-left:15px;width:0;content:attr(data-fill);white-space:nowrap}.uk-leader-fill.uk-leader-hide::after{display:none}.uk-leader-fill-content::before{content:'.'}:root{--uk-leader-fill-content:.}.uk-notification{position:fixed;top:10px;left:10px;z-index:1040;box-sizing:border-box;width:350px}.uk-notification-bottom-right,.uk-notification-top-right{left:auto;right:10px}.uk-notification-bottom-center,.uk-notification-top-center{left:50%;margin-left:-175px}.uk-notification-bottom-center,.uk-notification-bottom-left,.uk-notification-bottom-right{top:auto;bottom:10px}@media (max-width:639px){.uk-notification{left:10px;right:10px;width:auto;margin:0}}.uk-notification-message{position:relative;padding:15px;background:#f8f8f8;color:#666;font-size:1.25rem;line-height:1.4;cursor:pointer}*+.uk-notification-message{margin-top:10px}.uk-notification-close{display:none;position:absolute;top:20px;right:15px}.uk-notification-message:hover .uk-notification-close{display:block}.uk-notification-message-primary{color:#1e87f0}.uk-notification-message-success{color:#32d296}.uk-notification-message-warning{color:#faa05a}.uk-notification-message-danger{color:#f0506e}.uk-tooltip{display:none;position:absolute;z-index:1030;top:0;box-sizing:border-box;max-width:200px;padding:3px 6px;background:#666;border-radius:2px;color:#fff;font-size:12px}.uk-tooltip.uk-active{display:block}[class*=uk-tooltip-top]{margin-top:-10px}[class*=uk-tooltip-bottom]{margin-top:10px}[class*=uk-tooltip-left]{margin-left:-10px}[class*=uk-tooltip-right]{margin-left:10px}.uk-sortable{position:relative}.uk-sortable>:last-child{margin-bottom:0}.uk-sortable-drag{position:fixed!important;z-index:1050!important;pointer-events:none}.uk-sortable-placeholder{opacity:0;pointer-events:none}.uk-sortable-empty{min-height:50px}.uk-sortable-handle:hover{cursor:move}.uk-countdown-number{font-variant-numeric:tabular-nums;font-size:2rem;line-height:.8}@media (min-width:640px){.uk-countdown-number{font-size:4rem}}@media (min-width:960px){.uk-countdown-number{font-size:6rem}}.uk-countdown-separator{font-size:1rem;line-height:1.6}@media (min-width:640px){.uk-countdown-separator{font-size:2rem}}@media (min-width:960px){.uk-countdown-separator{font-size:3rem}}.uk-grid{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none}.uk-grid>*{margin:0}.uk-grid>*>:last-child{margin-bottom:0}.uk-grid{margin-left:-30px}.uk-grid>*{padding-left:30px}*+.uk-grid-margin,.uk-grid+.uk-grid,.uk-grid>.uk-grid-margin{margin-top:30px}@media (min-width:1200px){.uk-grid{margin-left:-40px}.uk-grid>*{padding-left:40px}*+.uk-grid-margin,.uk-grid+.uk-grid,.uk-grid>.uk-grid-margin{margin-top:40px}}.uk-grid-column-small,.uk-grid-small{margin-left:-15px}.uk-grid-column-small>*,.uk-grid-small>*{padding-left:15px}*+.uk-grid-margin-small,.uk-grid+.uk-grid-row-small,.uk-grid+.uk-grid-small,.uk-grid-row-small>.uk-grid-margin,.uk-grid-small>.uk-grid-margin{margin-top:15px}.uk-grid-column-medium,.uk-grid-medium{margin-left:-30px}.uk-grid-column-medium>*,.uk-grid-medium>*{padding-left:30px}*+.uk-grid-margin-medium,.uk-grid+.uk-grid-medium,.uk-grid+.uk-grid-row-medium,.uk-grid-medium>.uk-grid-margin,.uk-grid-row-medium>.uk-grid-margin{margin-top:30px}.uk-grid-column-large,.uk-grid-large{margin-left:-40px}.uk-grid-column-large>*,.uk-grid-large>*{padding-left:40px}*+.uk-grid-margin-large,.uk-grid+.uk-grid-large,.uk-grid+.uk-grid-row-large,.uk-grid-large>.uk-grid-margin,.uk-grid-row-large>.uk-grid-margin{margin-top:40px}@media (min-width:1200px){.uk-grid-column-large,.uk-grid-large{margin-left:-70px}.uk-grid-column-large>*,.uk-grid-large>*{padding-left:70px}*+.uk-grid-margin-large,.uk-grid+.uk-grid-large,.uk-grid+.uk-grid-row-large,.uk-grid-large>.uk-grid-margin,.uk-grid-row-large>.uk-grid-margin{margin-top:70px}}.uk-grid-collapse,.uk-grid-column-collapse{margin-left:0}.uk-grid-collapse>*,.uk-grid-column-collapse>*{padding-left:0}.uk-grid+.uk-grid-collapse,.uk-grid+.uk-grid-row-collapse,.uk-grid-collapse>.uk-grid-margin,.uk-grid-row-collapse>.uk-grid-margin{margin-top:0}.uk-grid-divider>*{position:relative}.uk-grid-divider>:not(.uk-first-column)::before{content:"";position:absolute;top:0;bottom:0;border-left:1px solid #e5e5e5}.uk-grid-divider.uk-grid-stack>.uk-grid-margin::before{content:"";position:absolute;left:0;right:0;border-top:1px solid #e5e5e5}.uk-grid-divider{margin-left:-60px}.uk-grid-divider>*{padding-left:60px}.uk-grid-divider>:not(.uk-first-column)::before{left:30px}.uk-grid-divider.uk-grid-stack>.uk-grid-margin{margin-top:60px}.uk-grid-divider.uk-grid-stack>.uk-grid-margin::before{top:-30px;left:60px}@media (min-width:1200px){.uk-grid-divider{margin-left:-80px}.uk-grid-divider>*{padding-left:80px}.uk-grid-divider>:not(.uk-first-column)::before{left:40px}.uk-grid-divider.uk-grid-stack>.uk-grid-margin{margin-top:80px}.uk-grid-divider.uk-grid-stack>.uk-grid-margin::before{top:-40px;left:80px}}.uk-grid-divider.uk-grid-column-small,.uk-grid-divider.uk-grid-small{margin-left:-30px}.uk-grid-divider.uk-grid-column-small>*,.uk-grid-divider.uk-grid-small>*{padding-left:30px}.uk-grid-divider.uk-grid-column-small>:not(.uk-first-column)::before,.uk-grid-divider.uk-grid-small>:not(.uk-first-column)::before{left:15px}.uk-grid-divider.uk-grid-row-small.uk-grid-stack>.uk-grid-margin,.uk-grid-divider.uk-grid-small.uk-grid-stack>.uk-grid-margin{margin-top:30px}.uk-grid-divider.uk-grid-small.uk-grid-stack>.uk-grid-margin::before{top:-15px;left:30px}.uk-grid-divider.uk-grid-row-small.uk-grid-stack>.uk-grid-margin::before{top:-15px}.uk-grid-divider.uk-grid-column-small.uk-grid-stack>.uk-grid-margin::before{left:30px}.uk-grid-divider.uk-grid-column-medium,.uk-grid-divider.uk-grid-medium{margin-left:-60px}.uk-grid-divider.uk-grid-column-medium>*,.uk-grid-divider.uk-grid-medium>*{padding-left:60px}.uk-grid-divider.uk-grid-column-medium>:not(.uk-first-column)::before,.uk-grid-divider.uk-grid-medium>:not(.uk-first-column)::before{left:30px}.uk-grid-divider.uk-grid-medium.uk-grid-stack>.uk-grid-margin,.uk-grid-divider.uk-grid-row-medium.uk-grid-stack>.uk-grid-margin{margin-top:60px}.uk-grid-divider.uk-grid-medium.uk-grid-stack>.uk-grid-margin::before{top:-30px;left:60px}.uk-grid-divider.uk-grid-row-medium.uk-grid-stack>.uk-grid-margin::before{top:-30px}.uk-grid-divider.uk-grid-column-medium.uk-grid-stack>.uk-grid-margin::before{left:60px}.uk-grid-divider.uk-grid-column-large,.uk-grid-divider.uk-grid-large{margin-left:-80px}.uk-grid-divider.uk-grid-column-large>*,.uk-grid-divider.uk-grid-large>*{padding-left:80px}.uk-grid-divider.uk-grid-column-large>:not(.uk-first-column)::before,.uk-grid-divider.uk-grid-large>:not(.uk-first-column)::before{left:40px}.uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin,.uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin{margin-top:80px}.uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin::before{top:-40px;left:80px}.uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin::before{top:-40px}.uk-grid-divider.uk-grid-column-large.uk-grid-stack>.uk-grid-margin::before{left:80px}@media (min-width:1200px){.uk-grid-divider.uk-grid-column-large,.uk-grid-divider.uk-grid-large{margin-left:-140px}.uk-grid-divider.uk-grid-column-large>*,.uk-grid-divider.uk-grid-large>*{padding-left:140px}.uk-grid-divider.uk-grid-column-large>:not(.uk-first-column)::before,.uk-grid-divider.uk-grid-large>:not(.uk-first-column)::before{left:70px}.uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin,.uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin{margin-top:140px}.uk-grid-divider.uk-grid-large.uk-grid-stack>.uk-grid-margin::before{top:-70px;left:140px}.uk-grid-divider.uk-grid-row-large.uk-grid-stack>.uk-grid-margin::before{top:-70px}.uk-grid-divider.uk-grid-column-large.uk-grid-stack>.uk-grid-margin::before{left:140px}}.uk-grid-item-match,.uk-grid-match>*{display:flex;flex-wrap:wrap}.uk-grid-item-match>:not([class*=uk-width]),.uk-grid-match>*>:not([class*=uk-width]){box-sizing:border-box;width:100%;flex:auto}.uk-nav,.uk-nav ul{margin:0;padding:0;list-style:none}.uk-nav li>a{display:block;text-decoration:none}.uk-nav li>a:focus{outline:0}.uk-nav>li>a{padding:5px 0}ul.uk-nav-sub{padding:5px 0 5px 15px}.uk-nav-sub ul{padding-left:15px}.uk-nav-sub a{padding:2px 0}.uk-nav-parent-icon>.uk-parent>a::after{content:"";width:1.5em;height:1.5em;float:right;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:50% 50%}.uk-nav-parent-icon>.uk-parent.uk-open>a::after{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22%23666%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-nav-header{padding:5px 0;text-transform:uppercase;font-size:.875rem}.uk-nav-header:not(:first-child){margin-top:20px}.uk-nav-divider{margin:5px 0}.uk-nav-default{font-size:.875rem}.uk-nav-default>li>a{color:#999}.uk-nav-default>li>a:focus,.uk-nav-default>li>a:hover{color:#666}.uk-nav-default>li.uk-active>a{color:#333}.uk-nav-default .uk-nav-header{color:#333}.uk-nav-default .uk-nav-divider{border-top:1px solid #e5e5e5}.uk-nav-default .uk-nav-sub a{color:#999}.uk-nav-default .uk-nav-sub a:focus,.uk-nav-default .uk-nav-sub a:hover{color:#666}.uk-nav-default .uk-nav-sub li.uk-active>a{color:#333}.uk-nav-primary>li>a{font-size:1.5rem;line-height:1.5;color:#999}.uk-nav-primary>li>a:focus,.uk-nav-primary>li>a:hover{color:#666}.uk-nav-primary>li.uk-active>a{color:#333}.uk-nav-primary .uk-nav-header{color:#333}.uk-nav-primary .uk-nav-divider{border-top:1px solid #e5e5e5}.uk-nav-primary .uk-nav-sub a{color:#999}.uk-nav-primary .uk-nav-sub a:focus,.uk-nav-primary .uk-nav-sub a:hover{color:#666}.uk-nav-primary .uk-nav-sub li.uk-active>a{color:#333}.uk-nav-center{text-align:center}.uk-nav-center .uk-nav-sub,.uk-nav-center .uk-nav-sub ul{padding-left:0}.uk-nav-center.uk-nav-parent-icon>.uk-parent>a::after{position:absolute}.uk-navbar{display:flex;position:relative}.uk-navbar-container:not(.uk-navbar-transparent){background:#f8f8f8}.uk-navbar-container>::after,.uk-navbar-container>::before{display:none!important}.uk-navbar-center,.uk-navbar-center-left>*,.uk-navbar-center-right>*,.uk-navbar-left,.uk-navbar-right{display:flex;align-items:center}.uk-navbar-right{margin-left:auto}.uk-navbar-center:only-child{margin-left:auto;margin-right:auto;position:relative}.uk-navbar-center:not(:only-child){position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:max-content;box-sizing:border-box;z-index:990}.uk-navbar-center-left,.uk-navbar-center-right{position:absolute;top:0}.uk-navbar-center-left{right:100%}.uk-navbar-center-right{left:100%}[class*=uk-navbar-center-]{width:max-content;box-sizing:border-box}.uk-navbar-nav{display:flex;margin:0;padding:0;list-style:none}.uk-navbar-center:only-child,.uk-navbar-left,.uk-navbar-right{flex-wrap:wrap}.uk-navbar-item,.uk-navbar-nav>li>a,.uk-navbar-toggle{display:flex;justify-content:center;align-items:center;box-sizing:border-box;min-height:80px;padding:0 15px;font-size:.875rem;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";text-decoration:none}.uk-navbar-nav>li>a{color:#999;text-transform:uppercase;transition:.1s ease-in-out;transition-property:color,background-color}.uk-navbar-nav>li:hover>a,.uk-navbar-nav>li>a.uk-open,.uk-navbar-nav>li>a:focus{color:#666;outline:0}.uk-navbar-nav>li>a:active{color:#333}.uk-navbar-nav>li.uk-active>a{color:#333}.uk-navbar-item{color:#666}.uk-navbar-toggle{color:#999}.uk-navbar-toggle.uk-open,.uk-navbar-toggle:focus,.uk-navbar-toggle:hover{color:#666;outline:0;text-decoration:none}.uk-navbar-subtitle{font-size:.875rem}.uk-navbar-dropdown{display:none;position:absolute;z-index:1020;box-sizing:border-box;width:200px;padding:25px;background:#fff;color:#666;box-shadow:0 5px 12px rgba(0,0,0,.15)}.uk-navbar-dropdown.uk-open{display:block}[class*=uk-navbar-dropdown-top]{margin-top:-15px}[class*=uk-navbar-dropdown-bottom]{margin-top:15px}[class*=uk-navbar-dropdown-left]{margin-left:-15px}[class*=uk-navbar-dropdown-right]{margin-left:15px}.uk-navbar-dropdown-grid{margin-left:-50px}.uk-navbar-dropdown-grid>*{padding-left:50px}.uk-navbar-dropdown-grid>.uk-grid-margin{margin-top:50px}.uk-navbar-dropdown-stack .uk-navbar-dropdown-grid>*{width:100%!important}.uk-navbar-dropdown-width-2:not(.uk-navbar-dropdown-stack){width:400px}.uk-navbar-dropdown-width-3:not(.uk-navbar-dropdown-stack){width:600px}.uk-navbar-dropdown-width-4:not(.uk-navbar-dropdown-stack){width:800px}.uk-navbar-dropdown-width-5:not(.uk-navbar-dropdown-stack){width:1000px}.uk-navbar-dropdown-dropbar{margin-top:0;margin-bottom:0;box-shadow:none}.uk-navbar-dropdown-nav{font-size:.875rem}.uk-navbar-dropdown-nav>li>a{color:#999}.uk-navbar-dropdown-nav>li>a:focus,.uk-navbar-dropdown-nav>li>a:hover{color:#666}.uk-navbar-dropdown-nav>li.uk-active>a{color:#333}.uk-navbar-dropdown-nav .uk-nav-header{color:#333}.uk-navbar-dropdown-nav .uk-nav-divider{border-top:1px solid #e5e5e5}.uk-navbar-dropdown-nav .uk-nav-sub a{color:#999}.uk-navbar-dropdown-nav .uk-nav-sub a:focus,.uk-navbar-dropdown-nav .uk-nav-sub a:hover{color:#666}.uk-navbar-dropdown-nav .uk-nav-sub li.uk-active>a{color:#333}.uk-navbar-dropbar{background:#fff}.uk-navbar-dropbar-slide{position:absolute;z-index:980;left:0;right:0;box-shadow:0 5px 7px rgba(0,0,0,.05)}.uk-navbar-container>.uk-container .uk-navbar-left{margin-left:-15px;margin-right:-15px}.uk-navbar-container>.uk-container .uk-navbar-right{margin-right:-15px}.uk-navbar-dropdown-grid>*{position:relative}.uk-navbar-dropdown-grid>:not(.uk-first-column)::before{content:"";position:absolute;top:0;bottom:0;left:25px;border-left:1px solid #e5e5e5}.uk-navbar-dropdown-grid.uk-grid-stack>.uk-grid-margin::before{content:"";position:absolute;top:-25px;left:50px;right:0;border-top:1px solid #e5e5e5}.uk-subnav{display:flex;flex-wrap:wrap;margin-left:-20px;padding:0;list-style:none}.uk-subnav>*{flex:none;padding-left:20px;position:relative}.uk-subnav>*>:first-child{display:block;color:#999;font-size:.875rem;text-transform:uppercase;transition:.1s ease-in-out;transition-property:color,background-color}.uk-subnav>*>a:focus,.uk-subnav>*>a:hover{color:#666;text-decoration:none;outline:0}.uk-subnav>.uk-active>a{color:#333}.uk-subnav-divider{margin-left:-41px}.uk-subnav-divider>*{display:flex;align-items:center}.uk-subnav-divider>::before{content:"";height:1.5em;margin-left:0;margin-right:20px;border-left:1px solid transparent}.uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before{border-left-color:#e5e5e5}.uk-subnav-pill>*>:first-child{padding:5px 10px;background:0 0;color:#999}.uk-subnav-pill>*>a:focus,.uk-subnav-pill>*>a:hover{background-color:#f8f8f8;color:#666}.uk-subnav-pill>*>a:active{background-color:#f8f8f8;color:#666}.uk-subnav-pill>.uk-active>a{background-color:#1e87f0;color:#fff}.uk-subnav>.uk-disabled>a{color:#999}.uk-breadcrumb{display:flex;flex-wrap:wrap;padding:0;list-style:none}.uk-breadcrumb>*{flex:none}.uk-breadcrumb>*>*{display:inline-block;font-size:.875rem;color:#999}.uk-breadcrumb>*>:focus,.uk-breadcrumb>*>:hover{color:#666;text-decoration:none}.uk-breadcrumb>:last-child>a:not([href]),.uk-breadcrumb>:last-child>span{color:#666}.uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before{content:"/";display:inline-block;margin:0 20px;font-size:.875rem;color:#999}.uk-pagination{display:flex;flex-wrap:wrap;margin-left:-20px;padding:0;list-style:none}.uk-pagination>*{flex:none;padding-left:20px;position:relative}.uk-pagination>*>*{display:block;color:#999;transition:color .1s ease-in-out}.uk-pagination>*>:focus,.uk-pagination>*>:hover{color:#666;text-decoration:none}.uk-pagination>.uk-active>*{color:#666}.uk-pagination>.uk-disabled>*{color:#999}.uk-tab{display:flex;flex-wrap:wrap;margin-left:-20px;padding:0;list-style:none;position:relative}.uk-tab::before{content:"";position:absolute;bottom:0;left:20px;right:0;border-bottom:1px solid #e5e5e5}.uk-tab>*{flex:none;padding-left:20px;position:relative}.uk-tab>*>a{display:block;text-align:center;padding:5px 10px;color:#999;border-bottom:1px solid transparent;font-size:.875rem;text-transform:uppercase;transition:color .1s ease-in-out}.uk-tab>*>a:focus,.uk-tab>*>a:hover{color:#666;text-decoration:none}.uk-tab>.uk-active>a{color:#333;border-color:#1e87f0}.uk-tab>.uk-disabled>a{color:#999}.uk-tab-bottom::before{top:0;bottom:auto}.uk-tab-bottom>*>a{border-top:1px solid transparent;border-bottom:none}.uk-tab-left,.uk-tab-right{flex-direction:column;margin-left:0}.uk-tab-left>*,.uk-tab-right>*{padding-left:0}.uk-tab-left::before{top:0;bottom:0;left:auto;right:0;border-left:1px solid #e5e5e5;border-bottom:none}.uk-tab-right::before{top:0;bottom:0;left:0;right:auto;border-left:1px solid #e5e5e5;border-bottom:none}.uk-tab-left>*>a{text-align:left;border-right:1px solid transparent;border-bottom:none}.uk-tab-right>*>a{text-align:left;border-left:1px solid transparent;border-bottom:none}.uk-tab .uk-dropdown{margin-left:30px}.uk-slidenav{padding:5px 10px;color:rgba(102,102,102,.5);transition:color .1s ease-in-out}.uk-slidenav:focus,.uk-slidenav:hover{color:rgba(102,102,102,.9);outline:0}.uk-slidenav:active{color:rgba(102,102,102,.5)}.uk-slidenav-large{padding:10px 10px}.uk-slidenav-container{display:flex}.uk-dotnav{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;margin-left:-12px}.uk-dotnav>*{flex:none;padding-left:12px}.uk-dotnav>*>*{display:block;box-sizing:border-box;width:10px;height:10px;border-radius:50%;background:0 0;text-indent:100%;overflow:hidden;white-space:nowrap;border:1px solid rgba(102,102,102,.4);transition:.2s ease-in-out;transition-property:background-color,border-color}.uk-dotnav>*>:focus,.uk-dotnav>*>:hover{background-color:rgba(102,102,102,.6);outline:0;border-color:transparent}.uk-dotnav>*>:active{background-color:rgba(102,102,102,.2);border-color:transparent}.uk-dotnav>.uk-active>*{background-color:rgba(102,102,102,.6);border-color:transparent}.uk-dotnav-vertical{flex-direction:column;margin-left:0;margin-top:-12px}.uk-dotnav-vertical>*{padding-left:0;padding-top:12px}.uk-thumbnav{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;margin-left:-15px}.uk-thumbnav>*{padding-left:15px}.uk-thumbnav>*>*{display:inline-block;position:relative}.uk-thumbnav>*>::after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(255,255,255,.4);transition:background-color .1s ease-in-out}.uk-thumbnav>*>:focus,.uk-thumbnav>*>:hover{outline:0}.uk-thumbnav>*>:focus::after,.uk-thumbnav>*>:hover::after{background-color:transparent}.uk-thumbnav>.uk-active>::after{background-color:transparent}.uk-thumbnav-vertical{flex-direction:column;margin-left:0;margin-top:-15px}.uk-thumbnav-vertical>*{padding-left:0;padding-top:15px}.uk-iconnav{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none;margin-left:-10px}.uk-iconnav>*{padding-left:10px}.uk-iconnav>*>a{display:block;color:#999}.uk-iconnav>*>a:focus,.uk-iconnav>*>a:hover{color:#666;outline:0}.uk-iconnav>.uk-active>a{color:#666}.uk-iconnav-vertical{flex-direction:column;margin-left:0;margin-top:-10px}.uk-iconnav-vertical>*{padding-left:0;padding-top:10px}[class*=uk-animation-]{animation-duration:.5s;animation-timing-function:ease-out;animation-fill-mode:both}.uk-animation-fade{animation-name:uk-fade;animation-duration:.8s;animation-timing-function:linear}.uk-animation-scale-up{animation-name:uk-fade-scale-02}.uk-animation-scale-down{animation-name:uk-fade-scale-18}.uk-animation-slide-top{animation-name:uk-fade-top}.uk-animation-slide-bottom{animation-name:uk-fade-bottom}.uk-animation-slide-left{animation-name:uk-fade-left}.uk-animation-slide-right{animation-name:uk-fade-right}.uk-animation-slide-top-small{animation-name:uk-fade-top-small}.uk-animation-slide-bottom-small{animation-name:uk-fade-bottom-small}.uk-animation-slide-left-small{animation-name:uk-fade-left-small}.uk-animation-slide-right-small{animation-name:uk-fade-right-small}.uk-animation-slide-top-medium{animation-name:uk-fade-top-medium}.uk-animation-slide-bottom-medium{animation-name:uk-fade-bottom-medium}.uk-animation-slide-left-medium{animation-name:uk-fade-left-medium}.uk-animation-slide-right-medium{animation-name:uk-fade-right-medium}.uk-animation-kenburns{animation-name:uk-scale-kenburns;animation-duration:15s}.uk-animation-shake{animation-name:uk-shake}.uk-animation-stroke{animation-name:uk-stroke;stroke-dasharray:var(--uk-animation-stroke);animation-duration:2s}.uk-animation-reverse{animation-direction:reverse;animation-timing-function:ease-in}.uk-animation-fast{animation-duration:.1s}.uk-animation-toggle:not(:hover):not(:focus) [class*=uk-animation-]{animation-name:none}.uk-animation-toggle{-webkit-tap-highlight-color:transparent}.uk-animation-toggle:focus{outline:0}@keyframes uk-fade{0%{opacity:0}100%{opacity:1}}@keyframes uk-fade-top{0%{opacity:0;transform:translateY(-100%)}100%{opacity:1;transform:translateY(0)}}@keyframes uk-fade-bottom{0%{opacity:0;transform:translateY(100%)}100%{opacity:1;transform:translateY(0)}}@keyframes uk-fade-left{0%{opacity:0;transform:translateX(-100%)}100%{opacity:1;transform:translateX(0)}}@keyframes uk-fade-right{0%{opacity:0;transform:translateX(100%)}100%{opacity:1;transform:translateX(0)}}@keyframes uk-fade-top-small{0%{opacity:0;transform:translateY(-10px)}100%{opacity:1;transform:translateY(0)}}@keyframes uk-fade-bottom-small{0%{opacity:0;transform:translateY(10px)}100%{opacity:1;transform:translateY(0)}}@keyframes uk-fade-left-small{0%{opacity:0;transform:translateX(-10px)}100%{opacity:1;transform:translateX(0)}}@keyframes uk-fade-right-small{0%{opacity:0;transform:translateX(10px)}100%{opacity:1;transform:translateX(0)}}@keyframes uk-fade-top-medium{0%{opacity:0;transform:translateY(-50px)}100%{opacity:1;transform:translateY(0)}}@keyframes uk-fade-bottom-medium{0%{opacity:0;transform:translateY(50px)}100%{opacity:1;transform:translateY(0)}}@keyframes uk-fade-left-medium{0%{opacity:0;transform:translateX(-50px)}100%{opacity:1;transform:translateX(0)}}@keyframes uk-fade-right-medium{0%{opacity:0;transform:translateX(50px)}100%{opacity:1;transform:translateX(0)}}@keyframes uk-fade-scale-02{0%{opacity:0;transform:scale(.2)}100%{opacity:1;transform:scale(1)}}@keyframes uk-fade-scale-18{0%{opacity:0;transform:scale(1.8)}100%{opacity:1;transform:scale(1)}}@keyframes uk-scale-kenburns{0%{transform:scale(1)}100%{transform:scale(1.2)}}@keyframes uk-shake{0%,100%{transform:translateX(0)}10%{transform:translateX(-9px)}20%{transform:translateX(8px)}30%{transform:translateX(-7px)}40%{transform:translateX(6px)}50%{transform:translateX(-5px)}60%{transform:translateX(4px)}70%{transform:translateX(-3px)}80%{transform:translateX(2px)}90%{transform:translateX(-1px)}}@keyframes uk-stroke{0%{stroke-dashoffset:var(--uk-animation-stroke)}100%{stroke-dashoffset:0}}[class*=uk-child-width]>*{box-sizing:border-box;width:100%}.uk-child-width-1-2>*{width:50%}.uk-child-width-1-3>*{width:calc(100% * 1 / 3.001)}.uk-child-width-1-4>*{width:25%}.uk-child-width-1-5>*{width:20%}.uk-child-width-1-6>*{width:calc(100% * 1 / 6.001)}.uk-child-width-auto>*{width:auto}.uk-child-width-expand>:not([class*=uk-width]){flex:1;min-width:1px}@media (min-width:640px){.uk-child-width-1-1\@s>*{width:100%}.uk-child-width-1-2\@s>*{width:50%}.uk-child-width-1-3\@s>*{width:calc(100% * 1 / 3.001)}.uk-child-width-1-4\@s>*{width:25%}.uk-child-width-1-5\@s>*{width:20%}.uk-child-width-1-6\@s>*{width:calc(100% * 1 / 6.001)}.uk-child-width-auto\@s>*{width:auto}.uk-child-width-expand\@s>:not([class*=uk-width]){flex:1;min-width:1px}}@media (min-width:960px){.uk-child-width-1-1\@m>*{width:100%}.uk-child-width-1-2\@m>*{width:50%}.uk-child-width-1-3\@m>*{width:calc(100% * 1 / 3.001)}.uk-child-width-1-4\@m>*{width:25%}.uk-child-width-1-5\@m>*{width:20%}.uk-child-width-1-6\@m>*{width:calc(100% * 1 / 6.001)}.uk-child-width-auto\@m>*{width:auto}.uk-child-width-expand\@m>:not([class*=uk-width]){flex:1;min-width:1px}}@media (min-width:1200px){.uk-child-width-1-1\@l>*{width:100%}.uk-child-width-1-2\@l>*{width:50%}.uk-child-width-1-3\@l>*{width:calc(100% * 1 / 3.001)}.uk-child-width-1-4\@l>*{width:25%}.uk-child-width-1-5\@l>*{width:20%}.uk-child-width-1-6\@l>*{width:calc(100% * 1 / 6.001)}.uk-child-width-auto\@l>*{width:auto}.uk-child-width-expand\@l>:not([class*=uk-width]){flex:1;min-width:1px}}@media (min-width:1600px){.uk-child-width-1-1\@xl>*{width:100%}.uk-child-width-1-2\@xl>*{width:50%}.uk-child-width-1-3\@xl>*{width:calc(100% * 1 / 3.001)}.uk-child-width-1-4\@xl>*{width:25%}.uk-child-width-1-5\@xl>*{width:20%}.uk-child-width-1-6\@xl>*{width:calc(100% * 1 / 6.001)}.uk-child-width-auto\@xl>*{width:auto}.uk-child-width-expand\@xl>:not([class*=uk-width]){flex:1;min-width:1px}}[class*=uk-width]{box-sizing:border-box;width:100%;max-width:100%}.uk-width-1-2{width:50%}.uk-width-1-3{width:calc(100% * 1 / 3.001)}.uk-width-2-3{width:calc(100% * 2 / 3.001)}.uk-width-1-4{width:25%}.uk-width-3-4{width:75%}.uk-width-1-5{width:20%}.uk-width-2-5{width:40%}.uk-width-3-5{width:60%}.uk-width-4-5{width:80%}.uk-width-1-6{width:calc(100% * 1 / 6.001)}.uk-width-5-6{width:calc(100% * 5 / 6.001)}.uk-width-small{width:150px}.uk-width-medium{width:300px}.uk-width-large{width:450px}.uk-width-xlarge{width:600px}.uk-width-2xlarge{width:750px}.uk-width-auto{width:auto}.uk-width-expand{flex:1;min-width:1px}@media (min-width:640px){.uk-width-1-1\@s{width:100%}.uk-width-1-2\@s{width:50%}.uk-width-1-3\@s{width:calc(100% * 1 / 3.001)}.uk-width-2-3\@s{width:calc(100% * 2 / 3.001)}.uk-width-1-4\@s{width:25%}.uk-width-3-4\@s{width:75%}.uk-width-1-5\@s{width:20%}.uk-width-2-5\@s{width:40%}.uk-width-3-5\@s{width:60%}.uk-width-4-5\@s{width:80%}.uk-width-1-6\@s{width:calc(100% * 1 / 6.001)}.uk-width-5-6\@s{width:calc(100% * 5 / 6.001)}.uk-width-small\@s{width:150px}.uk-width-medium\@s{width:300px}.uk-width-large\@s{width:450px}.uk-width-xlarge\@s{width:600px}.uk-width-2xlarge\@s{width:750px}.uk-width-auto\@s{width:auto}.uk-width-expand\@s{flex:1;min-width:1px}}@media (min-width:960px){.uk-width-1-1\@m{width:100%}.uk-width-1-2\@m{width:50%}.uk-width-1-3\@m{width:calc(100% * 1 / 3.001)}.uk-width-2-3\@m{width:calc(100% * 2 / 3.001)}.uk-width-1-4\@m{width:25%}.uk-width-3-4\@m{width:75%}.uk-width-1-5\@m{width:20%}.uk-width-2-5\@m{width:40%}.uk-width-3-5\@m{width:60%}.uk-width-4-5\@m{width:80%}.uk-width-1-6\@m{width:calc(100% * 1 / 6.001)}.uk-width-5-6\@m{width:calc(100% * 5 / 6.001)}.uk-width-small\@m{width:150px}.uk-width-medium\@m{width:300px}.uk-width-large\@m{width:450px}.uk-width-xlarge\@m{width:600px}.uk-width-2xlarge\@m{width:750px}.uk-width-auto\@m{width:auto}.uk-width-expand\@m{flex:1;min-width:1px}}@media (min-width:1200px){.uk-width-1-1\@l{width:100%}.uk-width-1-2\@l{width:50%}.uk-width-1-3\@l{width:calc(100% * 1 / 3.001)}.uk-width-2-3\@l{width:calc(100% * 2 / 3.001)}.uk-width-1-4\@l{width:25%}.uk-width-3-4\@l{width:75%}.uk-width-1-5\@l{width:20%}.uk-width-2-5\@l{width:40%}.uk-width-3-5\@l{width:60%}.uk-width-4-5\@l{width:80%}.uk-width-1-6\@l{width:calc(100% * 1 / 6.001)}.uk-width-5-6\@l{width:calc(100% * 5 / 6.001)}.uk-width-small\@l{width:150px}.uk-width-medium\@l{width:300px}.uk-width-large\@l{width:450px}.uk-width-xlarge\@l{width:600px}.uk-width-2xlarge\@l{width:750px}.uk-width-auto\@l{width:auto}.uk-width-expand\@l{flex:1;min-width:1px}}@media (min-width:1600px){.uk-width-1-1\@xl{width:100%}.uk-width-1-2\@xl{width:50%}.uk-width-1-3\@xl{width:calc(100% * 1 / 3.001)}.uk-width-2-3\@xl{width:calc(100% * 2 / 3.001)}.uk-width-1-4\@xl{width:25%}.uk-width-3-4\@xl{width:75%}.uk-width-1-5\@xl{width:20%}.uk-width-2-5\@xl{width:40%}.uk-width-3-5\@xl{width:60%}.uk-width-4-5\@xl{width:80%}.uk-width-1-6\@xl{width:calc(100% * 1 / 6.001)}.uk-width-5-6\@xl{width:calc(100% * 5 / 6.001)}.uk-width-small\@xl{width:150px}.uk-width-medium\@xl{width:300px}.uk-width-large\@xl{width:450px}.uk-width-xlarge\@xl{width:600px}.uk-width-2xlarge\@xl{width:750px}.uk-width-auto\@xl{width:auto}.uk-width-expand\@xl{flex:1;min-width:1px}}[class*=uk-height]{box-sizing:border-box}.uk-height-1-1{height:100%}.uk-height-viewport{min-height:100vh}.uk-height-small{height:150px}.uk-height-medium{height:300px}.uk-height-large{height:450px}.uk-height-max-small{max-height:150px}.uk-height-max-medium{max-height:300px}.uk-height-max-large{max-height:450px}.uk-text-lead{font-size:1.5rem;line-height:1.5;color:#333}.uk-text-meta{font-size:.875rem;line-height:1.4;color:#999}.uk-text-meta a{color:#999}.uk-text-meta a:hover{color:#666;text-decoration:none}.uk-text-small{font-size:.875rem;line-height:1.5}.uk-text-large{font-size:1.5rem;line-height:1.5}.uk-text-default{font-size:16px;line-height:1.5}.uk-text-light{font-weight:300}.uk-text-normal{font-weight:400}.uk-text-bold{font-weight:700}.uk-text-lighter{font-weight:lighter}.uk-text-bolder{font-weight:bolder}.uk-text-italic{font-style:italic}.uk-text-capitalize{text-transform:capitalize!important}.uk-text-uppercase{text-transform:uppercase!important}.uk-text-lowercase{text-transform:lowercase!important}.uk-text-muted{color:#999!important}.uk-text-emphasis{color:#333!important}.uk-text-primary{color:#1e87f0!important}.uk-text-secondary{color:#222!important}.uk-text-success{color:#32d296!important}.uk-text-warning{color:#faa05a!important}.uk-text-danger{color:#f0506e!important}.uk-text-background{-webkit-background-clip:text;display:inline-block;color:#1e87f0!important}@supports (-webkit-background-clip:text){.uk-text-background{background-color:#1e87f0;color:transparent!important}}.uk-text-left{text-align:left!important}.uk-text-right{text-align:right!important}.uk-text-center{text-align:center!important}.uk-text-justify{text-align:justify!important}@media (min-width:640px){.uk-text-left\@s{text-align:left!important}.uk-text-right\@s{text-align:right!important}.uk-text-center\@s{text-align:center!important}}@media (min-width:960px){.uk-text-left\@m{text-align:left!important}.uk-text-right\@m{text-align:right!important}.uk-text-center\@m{text-align:center!important}}@media (min-width:1200px){.uk-text-left\@l{text-align:left!important}.uk-text-right\@l{text-align:right!important}.uk-text-center\@l{text-align:center!important}}@media (min-width:1600px){.uk-text-left\@xl{text-align:left!important}.uk-text-right\@xl{text-align:right!important}.uk-text-center\@xl{text-align:center!important}}.uk-text-top{vertical-align:top!important}.uk-text-middle{vertical-align:middle!important}.uk-text-bottom{vertical-align:bottom!important}.uk-text-baseline{vertical-align:baseline!important}.uk-text-nowrap{white-space:nowrap}.uk-text-truncate{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}td.uk-text-truncate,th.uk-text-truncate{max-width:0}.uk-text-break{overflow-wrap:break-word;word-wrap:break-word}td.uk-text-break,th.uk-text-break{word-break:break-all}[class*=uk-column-]{column-gap:30px}@media (min-width:1200px){[class*=uk-column-]{column-gap:40px}}[class*=uk-column-] img{transform:translate3d(0,0,0)}.uk-column-divider{column-rule:1px solid #e5e5e5;column-gap:60px}@media (min-width:1200px){.uk-column-divider{column-gap:80px}}.uk-column-1-2{column-count:2}.uk-column-1-3{column-count:3}.uk-column-1-4{column-count:4}.uk-column-1-5{column-count:5}.uk-column-1-6{column-count:6}@media (min-width:640px){.uk-column-1-2\@s{column-count:2}.uk-column-1-3\@s{column-count:3}.uk-column-1-4\@s{column-count:4}.uk-column-1-5\@s{column-count:5}.uk-column-1-6\@s{column-count:6}}@media (min-width:960px){.uk-column-1-2\@m{column-count:2}.uk-column-1-3\@m{column-count:3}.uk-column-1-4\@m{column-count:4}.uk-column-1-5\@m{column-count:5}.uk-column-1-6\@m{column-count:6}}@media (min-width:1200px){.uk-column-1-2\@l{column-count:2}.uk-column-1-3\@l{column-count:3}.uk-column-1-4\@l{column-count:4}.uk-column-1-5\@l{column-count:5}.uk-column-1-6\@l{column-count:6}}@media (min-width:1600px){.uk-column-1-2\@xl{column-count:2}.uk-column-1-3\@xl{column-count:3}.uk-column-1-4\@xl{column-count:4}.uk-column-1-5\@xl{column-count:5}.uk-column-1-6\@xl{column-count:6}}.uk-column-span{column-span:all}.uk-cover{max-width:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}iframe.uk-cover{pointer-events:none}.uk-cover-container{overflow:hidden;position:relative}.uk-background-default{background-color:#fff}.uk-background-muted{background-color:#f8f8f8}.uk-background-primary{background-color:#1e87f0}.uk-background-secondary{background-color:#222}.uk-background-contain,.uk-background-cover{background-position:50% 50%;background-repeat:no-repeat}.uk-background-cover{background-size:cover}.uk-background-contain{background-size:contain}.uk-background-top-left{background-position:0 0}.uk-background-top-center{background-position:50% 0}.uk-background-top-right{background-position:100% 0}.uk-background-center-left{background-position:0 50%}.uk-background-center-center{background-position:50% 50%}.uk-background-center-right{background-position:100% 50%}.uk-background-bottom-left{background-position:0 100%}.uk-background-bottom-center{background-position:50% 100%}.uk-background-bottom-right{background-position:100% 100%}.uk-background-norepeat{background-repeat:no-repeat}.uk-background-fixed{background-attachment:fixed;backface-visibility:hidden}@media (pointer:coarse){.uk-background-fixed{background-attachment:scroll}}@media (max-width:639px){.uk-background-image\@s{background-image:none!important}}@media (max-width:959px){.uk-background-image\@m{background-image:none!important}}@media (max-width:1199px){.uk-background-image\@l{background-image:none!important}}@media (max-width:1599px){.uk-background-image\@xl{background-image:none!important}}.uk-background-blend-multiply{background-blend-mode:multiply}.uk-background-blend-screen{background-blend-mode:screen}.uk-background-blend-overlay{background-blend-mode:overlay}.uk-background-blend-darken{background-blend-mode:darken}.uk-background-blend-lighten{background-blend-mode:lighten}.uk-background-blend-color-dodge{background-blend-mode:color-dodge}.uk-background-blend-color-burn{background-blend-mode:color-burn}.uk-background-blend-hard-light{background-blend-mode:hard-light}.uk-background-blend-soft-light{background-blend-mode:soft-light}.uk-background-blend-difference{background-blend-mode:difference}.uk-background-blend-exclusion{background-blend-mode:exclusion}.uk-background-blend-hue{background-blend-mode:hue}.uk-background-blend-saturation{background-blend-mode:saturation}.uk-background-blend-color{background-blend-mode:color}.uk-background-blend-luminosity{background-blend-mode:luminosity}[class*=uk-align]{display:block;margin-bottom:30px}*+[class*=uk-align]{margin-top:30px}.uk-align-center{margin-left:auto;margin-right:auto}.uk-align-left{margin-top:0;margin-right:30px;float:left}.uk-align-right{margin-top:0;margin-left:30px;float:right}@media (min-width:640px){.uk-align-left\@s{margin-top:0;margin-right:30px;float:left}.uk-align-right\@s{margin-top:0;margin-left:30px;float:right}}@media (min-width:960px){.uk-align-left\@m{margin-top:0;margin-right:30px;float:left}.uk-align-right\@m{margin-top:0;margin-left:30px;float:right}}@media (min-width:1200px){.uk-align-left\@l{margin-top:0;float:left}.uk-align-right\@l{margin-top:0;float:right}.uk-align-left,.uk-align-left\@l,.uk-align-left\@m,.uk-align-left\@s{margin-right:40px}.uk-align-right,.uk-align-right\@l,.uk-align-right\@m,.uk-align-right\@s{margin-left:40px}}@media (min-width:1600px){.uk-align-left\@xl{margin-top:0;margin-right:40px;float:left}.uk-align-right\@xl{margin-top:0;margin-left:40px;float:right}}.uk-svg,.uk-svg:not(.uk-preserve) [fill*='#']:not(.uk-preserve){fill:currentcolor}.uk-svg:not(.uk-preserve) [stroke*='#']:not(.uk-preserve){stroke:currentcolor}.uk-svg{transform:translate(0,0)}.uk-panel{display:flow-root;position:relative;box-sizing:border-box}.uk-panel>:last-child{margin-bottom:0}.uk-panel-scrollable{height:170px;padding:10px;border:1px solid #e5e5e5;overflow:auto;-webkit-overflow-scrolling:touch;resize:both}.uk-clearfix::before{content:"";display:table-cell}.uk-clearfix::after{content:"";display:table;clear:both}.uk-float-left{float:left}.uk-float-right{float:right}[class*=uk-float-]{max-width:100%}.uk-overflow-hidden{overflow:hidden}.uk-overflow-auto{overflow:auto;-webkit-overflow-scrolling:touch}.uk-overflow-auto>:last-child{margin-bottom:0}.uk-resize{resize:both}.uk-resize-vertical{resize:vertical}.uk-display-block{display:block!important}.uk-display-inline{display:inline!important}.uk-display-inline-block{display:inline-block!important}[class*=uk-inline]{display:inline-block;position:relative;max-width:100%;vertical-align:middle;-webkit-backface-visibility:hidden}.uk-inline-clip{overflow:hidden}.uk-preserve-width,.uk-preserve-width canvas,.uk-preserve-width img,.uk-preserve-width svg,.uk-preserve-width video{max-width:none}.uk-responsive-height,.uk-responsive-width{box-sizing:border-box}.uk-responsive-width{max-width:100%!important;height:auto}.uk-responsive-height{max-height:100%;width:auto;max-width:none}.uk-border-circle{border-radius:50%}.uk-border-pill{border-radius:500px}.uk-border-rounded{border-radius:5px}.uk-inline-clip[class*=uk-border-]{-webkit-transform:translateZ(0)}.uk-box-shadow-small{box-shadow:0 2px 8px rgba(0,0,0,.08)}.uk-box-shadow-medium{box-shadow:0 5px 15px rgba(0,0,0,.08)}.uk-box-shadow-large{box-shadow:0 14px 25px rgba(0,0,0,.16)}.uk-box-shadow-xlarge{box-shadow:0 28px 50px rgba(0,0,0,.16)}[class*=uk-box-shadow-hover]{transition:box-shadow .1s ease-in-out}.uk-box-shadow-hover-small:hover{box-shadow:0 2px 8px rgba(0,0,0,.08)}.uk-box-shadow-hover-medium:hover{box-shadow:0 5px 15px rgba(0,0,0,.08)}.uk-box-shadow-hover-large:hover{box-shadow:0 14px 25px rgba(0,0,0,.16)}.uk-box-shadow-hover-xlarge:hover{box-shadow:0 28px 50px rgba(0,0,0,.16)}@supports (filter:blur(0)){.uk-box-shadow-bottom{display:inline-block;position:relative;max-width:100%;vertical-align:middle}.uk-box-shadow-bottom::before{content:'';position:absolute;bottom:-30px;left:0;right:0;height:30px;border-radius:100%;background:#444;filter:blur(20px)}.uk-box-shadow-bottom>*{position:relative}}.uk-dropcap::first-letter,.uk-dropcap>p:first-of-type::first-letter{display:block;margin-right:10px;float:left;font-size:4.5em;line-height:1;margin-bottom:-2px}@-moz-document url-prefix(){.uk-dropcap::first-letter,.uk-dropcap>p:first-of-type::first-letter{margin-top:1.1%}}@supports (-ms-ime-align:auto){.uk-dropcap>p:first-of-type::first-letter{font-size:1em}}.uk-logo{font-size:1.5rem;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";color:#666;text-decoration:none}.uk-logo:focus,.uk-logo:hover{color:#666;outline:0;text-decoration:none}.uk-logo-inverse{display:none}.uk-disabled{pointer-events:none}.uk-drag,.uk-drag *{cursor:move}.uk-drag iframe{pointer-events:none}.uk-dragover{box-shadow:0 0 20px rgba(100,100,100,.3)}.uk-blend-multiply{mix-blend-mode:multiply}.uk-blend-screen{mix-blend-mode:screen}.uk-blend-overlay{mix-blend-mode:overlay}.uk-blend-darken{mix-blend-mode:darken}.uk-blend-lighten{mix-blend-mode:lighten}.uk-blend-color-dodge{mix-blend-mode:color-dodge}.uk-blend-color-burn{mix-blend-mode:color-burn}.uk-blend-hard-light{mix-blend-mode:hard-light}.uk-blend-soft-light{mix-blend-mode:soft-light}.uk-blend-difference{mix-blend-mode:difference}.uk-blend-exclusion{mix-blend-mode:exclusion}.uk-blend-hue{mix-blend-mode:hue}.uk-blend-saturation{mix-blend-mode:saturation}.uk-blend-color{mix-blend-mode:color}.uk-blend-luminosity{mix-blend-mode:luminosity}.uk-transform-center{transform:translate(-50%,-50%)}.uk-transform-origin-top-left{transform-origin:0 0}.uk-transform-origin-top-center{transform-origin:50% 0}.uk-transform-origin-top-right{transform-origin:100% 0}.uk-transform-origin-center-left{transform-origin:0 50%}.uk-transform-origin-center-right{transform-origin:100% 50%}.uk-transform-origin-bottom-left{transform-origin:0 100%}.uk-transform-origin-bottom-center{transform-origin:50% 100%}.uk-transform-origin-bottom-right{transform-origin:100% 100%}.uk-flex{display:flex}.uk-flex-inline{display:inline-flex}.uk-flex-inline::after,.uk-flex-inline::before,.uk-flex::after,.uk-flex::before{display:none}.uk-flex-left{justify-content:flex-start}.uk-flex-center{justify-content:center}.uk-flex-right{justify-content:flex-end}.uk-flex-between{justify-content:space-between}.uk-flex-around{justify-content:space-around}@media (min-width:640px){.uk-flex-left\@s{justify-content:flex-start}.uk-flex-center\@s{justify-content:center}.uk-flex-right\@s{justify-content:flex-end}.uk-flex-between\@s{justify-content:space-between}.uk-flex-around\@s{justify-content:space-around}}@media (min-width:960px){.uk-flex-left\@m{justify-content:flex-start}.uk-flex-center\@m{justify-content:center}.uk-flex-right\@m{justify-content:flex-end}.uk-flex-between\@m{justify-content:space-between}.uk-flex-around\@m{justify-content:space-around}}@media (min-width:1200px){.uk-flex-left\@l{justify-content:flex-start}.uk-flex-center\@l{justify-content:center}.uk-flex-right\@l{justify-content:flex-end}.uk-flex-between\@l{justify-content:space-between}.uk-flex-around\@l{justify-content:space-around}}@media (min-width:1600px){.uk-flex-left\@xl{justify-content:flex-start}.uk-flex-center\@xl{justify-content:center}.uk-flex-right\@xl{justify-content:flex-end}.uk-flex-between\@xl{justify-content:space-between}.uk-flex-around\@xl{justify-content:space-around}}.uk-flex-stretch{align-items:stretch}.uk-flex-top{align-items:flex-start}.uk-flex-middle{align-items:center}.uk-flex-bottom{align-items:flex-end}.uk-flex-row{flex-direction:row}.uk-flex-row-reverse{flex-direction:row-reverse}.uk-flex-column{flex-direction:column}.uk-flex-column-reverse{flex-direction:column-reverse}.uk-flex-nowrap{flex-wrap:nowrap}.uk-flex-wrap{flex-wrap:wrap}.uk-flex-wrap-reverse{flex-wrap:wrap-reverse}.uk-flex-wrap-stretch{align-content:stretch}.uk-flex-wrap-top{align-content:flex-start}.uk-flex-wrap-middle{align-content:center}.uk-flex-wrap-bottom{align-content:flex-end}.uk-flex-wrap-between{align-content:space-between}.uk-flex-wrap-around{align-content:space-around}.uk-flex-first{order:-1}.uk-flex-last{order:99}@media (min-width:640px){.uk-flex-first\@s{order:-1}.uk-flex-last\@s{order:99}}@media (min-width:960px){.uk-flex-first\@m{order:-1}.uk-flex-last\@m{order:99}}@media (min-width:1200px){.uk-flex-first\@l{order:-1}.uk-flex-last\@l{order:99}}@media (min-width:1600px){.uk-flex-first\@xl{order:-1}.uk-flex-last\@xl{order:99}}.uk-flex-none{flex:none}.uk-flex-auto{flex:auto}.uk-flex-1{flex:1}.uk-margin{margin-bottom:20px}*+.uk-margin{margin-top:20px!important}.uk-margin-top{margin-top:20px!important}.uk-margin-bottom{margin-bottom:20px!important}.uk-margin-left{margin-left:20px!important}.uk-margin-right{margin-right:20px!important}.uk-margin-small{margin-bottom:10px}*+.uk-margin-small{margin-top:10px!important}.uk-margin-small-top{margin-top:10px!important}.uk-margin-small-bottom{margin-bottom:10px!important}.uk-margin-small-left{margin-left:10px!important}.uk-margin-small-right{margin-right:10px!important}.uk-margin-medium{margin-bottom:40px}*+.uk-margin-medium{margin-top:40px!important}.uk-margin-medium-top{margin-top:40px!important}.uk-margin-medium-bottom{margin-bottom:40px!important}.uk-margin-medium-left{margin-left:40px!important}.uk-margin-medium-right{margin-right:40px!important}.uk-margin-large{margin-bottom:40px}*+.uk-margin-large{margin-top:40px!important}.uk-margin-large-top{margin-top:40px!important}.uk-margin-large-bottom{margin-bottom:40px!important}.uk-margin-large-left{margin-left:40px!important}.uk-margin-large-right{margin-right:40px!important}@media (min-width:1200px){.uk-margin-large{margin-bottom:70px}*+.uk-margin-large{margin-top:70px!important}.uk-margin-large-top{margin-top:70px!important}.uk-margin-large-bottom{margin-bottom:70px!important}.uk-margin-large-left{margin-left:70px!important}.uk-margin-large-right{margin-right:70px!important}}.uk-margin-xlarge{margin-bottom:70px}*+.uk-margin-xlarge{margin-top:70px!important}.uk-margin-xlarge-top{margin-top:70px!important}.uk-margin-xlarge-bottom{margin-bottom:70px!important}.uk-margin-xlarge-left{margin-left:70px!important}.uk-margin-xlarge-right{margin-right:70px!important}@media (min-width:1200px){.uk-margin-xlarge{margin-bottom:140px}*+.uk-margin-xlarge{margin-top:140px!important}.uk-margin-xlarge-top{margin-top:140px!important}.uk-margin-xlarge-bottom{margin-bottom:140px!important}.uk-margin-xlarge-left{margin-left:140px!important}.uk-margin-xlarge-right{margin-right:140px!important}}.uk-margin-auto{margin-left:auto!important;margin-right:auto!important}.uk-margin-auto-top{margin-top:auto!important}.uk-margin-auto-bottom{margin-bottom:auto!important}.uk-margin-auto-left{margin-left:auto!important}.uk-margin-auto-right{margin-right:auto!important}.uk-margin-auto-vertical{margin-top:auto!important;margin-bottom:auto!important}@media (min-width:640px){.uk-margin-auto\@s{margin-left:auto!important;margin-right:auto!important}.uk-margin-auto-left\@s{margin-left:auto!important}.uk-margin-auto-right\@s{margin-right:auto!important}}@media (min-width:960px){.uk-margin-auto\@m{margin-left:auto!important;margin-right:auto!important}.uk-margin-auto-left\@m{margin-left:auto!important}.uk-margin-auto-right\@m{margin-right:auto!important}}@media (min-width:1200px){.uk-margin-auto\@l{margin-left:auto!important;margin-right:auto!important}.uk-margin-auto-left\@l{margin-left:auto!important}.uk-margin-auto-right\@l{margin-right:auto!important}}@media (min-width:1600px){.uk-margin-auto\@xl{margin-left:auto!important;margin-right:auto!important}.uk-margin-auto-left\@xl{margin-left:auto!important}.uk-margin-auto-right\@xl{margin-right:auto!important}}.uk-margin-remove{margin:0!important}.uk-margin-remove-top{margin-top:0!important}.uk-margin-remove-bottom{margin-bottom:0!important}.uk-margin-remove-left{margin-left:0!important}.uk-margin-remove-right{margin-right:0!important}.uk-margin-remove-vertical{margin-top:0!important;margin-bottom:0!important}.uk-margin-remove-adjacent+*,.uk-margin-remove-first-child>:first-child{margin-top:0!important}.uk-margin-remove-last-child>:last-child{margin-bottom:0!important}@media (min-width:640px){.uk-margin-remove-left\@s{margin-left:0!important}.uk-margin-remove-right\@s{margin-right:0!important}}@media (min-width:960px){.uk-margin-remove-left\@m{margin-left:0!important}.uk-margin-remove-right\@m{margin-right:0!important}}@media (min-width:1200px){.uk-margin-remove-left\@l{margin-left:0!important}.uk-margin-remove-right\@l{margin-right:0!important}}@media (min-width:1600px){.uk-margin-remove-left\@xl{margin-left:0!important}.uk-margin-remove-right\@xl{margin-right:0!important}}.uk-padding{padding:30px}@media (min-width:1200px){.uk-padding{padding:40px}}.uk-padding-small{padding:15px}.uk-padding-large{padding:30px}@media (min-width:1200px){.uk-padding-large{padding:70px}}.uk-padding-remove{padding:0!important}.uk-padding-remove-top{padding-top:0!important}.uk-padding-remove-bottom{padding-bottom:0!important}.uk-padding-remove-left{padding-left:0!important}.uk-padding-remove-right{padding-right:0!important}.uk-padding-remove-vertical{padding-top:0!important;padding-bottom:0!important}.uk-padding-remove-horizontal{padding-left:0!important;padding-right:0!important}[class*=uk-position-bottom],[class*=uk-position-center],[class*=uk-position-left],[class*=uk-position-right],[class*=uk-position-top]{position:absolute!important;max-width:100%}.uk-position-top{top:0;left:0;right:0}.uk-position-bottom{bottom:0;left:0;right:0}.uk-position-left{top:0;bottom:0;left:0}.uk-position-right{top:0;bottom:0;right:0}.uk-position-top-left{top:0;left:0}.uk-position-top-right{top:0;right:0}.uk-position-bottom-left{bottom:0;left:0}.uk-position-bottom-right{bottom:0;right:0}.uk-position-center{top:50%;left:50%;transform:translate(-50%,-50%);width:max-content;max-width:100%;box-sizing:border-box}[class*=uk-position-center-left],[class*=uk-position-center-right]{top:50%;transform:translateY(-50%)}.uk-position-center-left{left:0}.uk-position-center-right{right:0}.uk-position-center-left-out{right:100%;width:max-content}.uk-position-center-right-out{left:100%;width:max-content}.uk-position-bottom-center,.uk-position-top-center{left:50%;transform:translateX(-50%);width:max-content;max-width:100%;box-sizing:border-box}.uk-position-top-center{top:0}.uk-position-bottom-center{bottom:0}.uk-position-cover{position:absolute;top:0;bottom:0;left:0;right:0}.uk-position-relative{position:relative!important}.uk-position-absolute{position:absolute!important}.uk-position-fixed{position:fixed!important}.uk-position-z-index{z-index:1}.uk-position-small{max-width:calc(100% - (15px * 2));margin:15px}.uk-position-small.uk-position-center{transform:translate(-50%,-50%) translate(-15px,-15px)}.uk-position-small[class*=uk-position-center-left],.uk-position-small[class*=uk-position-center-right]{transform:translateY(-50%) translateY(-15px)}.uk-position-small.uk-position-bottom-center,.uk-position-small.uk-position-top-center{transform:translateX(-50%) translateX(-15px)}.uk-position-medium{max-width:calc(100% - (30px * 2));margin:30px}.uk-position-medium.uk-position-center{transform:translate(-50%,-50%) translate(-30px,-30px)}.uk-position-medium[class*=uk-position-center-left],.uk-position-medium[class*=uk-position-center-right]{transform:translateY(-50%) translateY(-30px)}.uk-position-medium.uk-position-bottom-center,.uk-position-medium.uk-position-top-center{transform:translateX(-50%) translateX(-30px)}.uk-position-large{max-width:calc(100% - (30px * 2));margin:30px}.uk-position-large.uk-position-center{transform:translate(-50%,-50%) translate(-30px,-30px)}.uk-position-large[class*=uk-position-center-left],.uk-position-large[class*=uk-position-center-right]{transform:translateY(-50%) translateY(-30px)}.uk-position-large.uk-position-bottom-center,.uk-position-large.uk-position-top-center{transform:translateX(-50%) translateX(-30px)}@media (min-width:1200px){.uk-position-large{max-width:calc(100% - (50px * 2));margin:50px}.uk-position-large.uk-position-center{transform:translate(-50%,-50%) translate(-50px,-50px)}.uk-position-large[class*=uk-position-center-left],.uk-position-large[class*=uk-position-center-right]{transform:translateY(-50%) translateY(-50px)}.uk-position-large.uk-position-bottom-center,.uk-position-large.uk-position-top-center{transform:translateX(-50%) translateX(-50px)}}.uk-transition-toggle{-webkit-tap-highlight-color:transparent}.uk-transition-toggle:focus{outline:0}.uk-transition-fade,[class*=uk-transition-scale],[class*=uk-transition-slide]{transition:.3s ease-out;transition-property:opacity,transform,filter;opacity:0}.uk-transition-active.uk-active .uk-transition-fade,.uk-transition-toggle:focus .uk-transition-fade,.uk-transition-toggle:hover .uk-transition-fade{opacity:1}.uk-transition-scale-up{transform:scale(1,1)}.uk-transition-scale-down{transform:scale(1.1,1.1)}.uk-transition-active.uk-active .uk-transition-scale-up,.uk-transition-toggle:focus .uk-transition-scale-up,.uk-transition-toggle:hover .uk-transition-scale-up{opacity:1;transform:scale(1.1,1.1)}.uk-transition-active.uk-active .uk-transition-scale-down,.uk-transition-toggle:focus .uk-transition-scale-down,.uk-transition-toggle:hover .uk-transition-scale-down{opacity:1;transform:scale(1,1)}.uk-transition-slide-top{transform:translateY(-100%)}.uk-transition-slide-bottom{transform:translateY(100%)}.uk-transition-slide-left{transform:translateX(-100%)}.uk-transition-slide-right{transform:translateX(100%)}.uk-transition-slide-top-small{transform:translateY(-10px)}.uk-transition-slide-bottom-small{transform:translateY(10px)}.uk-transition-slide-left-small{transform:translateX(-10px)}.uk-transition-slide-right-small{transform:translateX(10px)}.uk-transition-slide-top-medium{transform:translateY(-50px)}.uk-transition-slide-bottom-medium{transform:translateY(50px)}.uk-transition-slide-left-medium{transform:translateX(-50px)}.uk-transition-slide-right-medium{transform:translateX(50px)}.uk-transition-active.uk-active [class*=uk-transition-slide],.uk-transition-toggle:focus [class*=uk-transition-slide],.uk-transition-toggle:hover [class*=uk-transition-slide]{opacity:1;transform:translate(0,0)}.uk-transition-opaque{opacity:1}.uk-transition-slow{transition-duration:.7s}.uk-hidden,[hidden]{display:none!important}@media (min-width:640px){.uk-hidden\@s{display:none!important}}@media (min-width:960px){.uk-hidden\@m{display:none!important}}@media (min-width:1200px){.uk-hidden\@l{display:none!important}}@media (min-width:1600px){.uk-hidden\@xl{display:none!important}}@media (max-width:639px){.uk-visible\@s{display:none!important}}@media (max-width:959px){.uk-visible\@m{display:none!important}}@media (max-width:1199px){.uk-visible\@l{display:none!important}}@media (max-width:1599px){.uk-visible\@xl{display:none!important}}.uk-invisible{visibility:hidden!important}.uk-visible-toggle:not(:hover):not(:focus) .uk-hidden-hover:not(:focus-within){position:absolute!important;width:0!important;height:0!important;padding:0!important;margin:0!important;overflow:hidden!important}.uk-visible-toggle:not(:hover):not(:focus) .uk-invisible-hover:not(:focus-within){opacity:0!important}.uk-visible-toggle{-webkit-tap-highlight-color:transparent}.uk-visible-toggle:focus{outline:0}@media (pointer:coarse){.uk-hidden-touch{display:none!important}}.uk-hidden-notouch{display:none!important}@media (pointer:coarse){.uk-hidden-notouch{display:block!important}}.uk-card-primary.uk-card-body,.uk-card-primary>:not([class*=uk-card-media]),.uk-card-secondary.uk-card-body,.uk-card-secondary>:not([class*=uk-card-media]),.uk-light,.uk-offcanvas-bar,.uk-overlay-primary,.uk-section-primary:not(.uk-preserve-color),.uk-section-secondary:not(.uk-preserve-color),.uk-tile-primary:not(.uk-preserve-color),.uk-tile-secondary:not(.uk-preserve-color){color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-link,.uk-card-primary.uk-card-body a,.uk-card-primary>:not([class*=uk-card-media]) .uk-link,.uk-card-primary>:not([class*=uk-card-media]) a,.uk-card-secondary.uk-card-body .uk-link,.uk-card-secondary.uk-card-body a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link,.uk-card-secondary>:not([class*=uk-card-media]) a,.uk-light .uk-link,.uk-light a,.uk-offcanvas-bar .uk-link,.uk-offcanvas-bar a,.uk-overlay-primary .uk-link,.uk-overlay-primary a,.uk-section-primary:not(.uk-preserve-color) .uk-link,.uk-section-primary:not(.uk-preserve-color) a,.uk-section-secondary:not(.uk-preserve-color) .uk-link,.uk-section-secondary:not(.uk-preserve-color) a,.uk-tile-primary:not(.uk-preserve-color) .uk-link,.uk-tile-primary:not(.uk-preserve-color) a,.uk-tile-secondary:not(.uk-preserve-color) .uk-link,.uk-tile-secondary:not(.uk-preserve-color) a{color:#fff}.uk-card-primary.uk-card-body .uk-link:hover,.uk-card-primary.uk-card-body a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-link:hover,.uk-card-primary>:not([class*=uk-card-media]) a:hover,.uk-card-secondary.uk-card-body .uk-link:hover,.uk-card-secondary.uk-card-body a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link:hover,.uk-card-secondary>:not([class*=uk-card-media]) a:hover,.uk-light .uk-link:hover,.uk-light a:hover,.uk-offcanvas-bar .uk-link:hover,.uk-offcanvas-bar a:hover,.uk-overlay-primary .uk-link:hover,.uk-overlay-primary a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link:hover,.uk-section-primary:not(.uk-preserve-color) a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link:hover,.uk-section-secondary:not(.uk-preserve-color) a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link:hover,.uk-tile-primary:not(.uk-preserve-color) a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link:hover,.uk-tile-secondary:not(.uk-preserve-color) a:hover{color:#fff}.uk-card-primary.uk-card-body :not(pre)>code,.uk-card-primary.uk-card-body :not(pre)>kbd,.uk-card-primary.uk-card-body :not(pre)>samp,.uk-card-primary>:not([class*=uk-card-media]) :not(pre)>code,.uk-card-primary>:not([class*=uk-card-media]) :not(pre)>kbd,.uk-card-primary>:not([class*=uk-card-media]) :not(pre)>samp,.uk-card-secondary.uk-card-body :not(pre)>code,.uk-card-secondary.uk-card-body :not(pre)>kbd,.uk-card-secondary.uk-card-body :not(pre)>samp,.uk-card-secondary>:not([class*=uk-card-media]) :not(pre)>code,.uk-card-secondary>:not([class*=uk-card-media]) :not(pre)>kbd,.uk-card-secondary>:not([class*=uk-card-media]) :not(pre)>samp,.uk-light :not(pre)>code,.uk-light :not(pre)>kbd,.uk-light :not(pre)>samp,.uk-offcanvas-bar :not(pre)>code,.uk-offcanvas-bar :not(pre)>kbd,.uk-offcanvas-bar :not(pre)>samp,.uk-overlay-primary :not(pre)>code,.uk-overlay-primary :not(pre)>kbd,.uk-overlay-primary :not(pre)>samp,.uk-section-primary:not(.uk-preserve-color) :not(pre)>code,.uk-section-primary:not(.uk-preserve-color) :not(pre)>kbd,.uk-section-primary:not(.uk-preserve-color) :not(pre)>samp,.uk-section-secondary:not(.uk-preserve-color) :not(pre)>code,.uk-section-secondary:not(.uk-preserve-color) :not(pre)>kbd,.uk-section-secondary:not(.uk-preserve-color) :not(pre)>samp,.uk-tile-primary:not(.uk-preserve-color) :not(pre)>code,.uk-tile-primary:not(.uk-preserve-color) :not(pre)>kbd,.uk-tile-primary:not(.uk-preserve-color) :not(pre)>samp,.uk-tile-secondary:not(.uk-preserve-color) :not(pre)>code,.uk-tile-secondary:not(.uk-preserve-color) :not(pre)>kbd,.uk-tile-secondary:not(.uk-preserve-color) :not(pre)>samp{color:rgba(255,255,255,.7);background:rgba(255,255,255,.1)}.uk-card-primary.uk-card-body em,.uk-card-primary>:not([class*=uk-card-media]) em,.uk-card-secondary.uk-card-body em,.uk-card-secondary>:not([class*=uk-card-media]) em,.uk-light em,.uk-offcanvas-bar em,.uk-overlay-primary em,.uk-section-primary:not(.uk-preserve-color) em,.uk-section-secondary:not(.uk-preserve-color) em,.uk-tile-primary:not(.uk-preserve-color) em,.uk-tile-secondary:not(.uk-preserve-color) em{color:#fff}.uk-card-primary.uk-card-body .uk-h1,.uk-card-primary.uk-card-body .uk-h2,.uk-card-primary.uk-card-body .uk-h3,.uk-card-primary.uk-card-body .uk-h4,.uk-card-primary.uk-card-body .uk-h5,.uk-card-primary.uk-card-body .uk-h6,.uk-card-primary.uk-card-body .uk-heading-2xlarge,.uk-card-primary.uk-card-body .uk-heading-large,.uk-card-primary.uk-card-body .uk-heading-medium,.uk-card-primary.uk-card-body .uk-heading-small,.uk-card-primary.uk-card-body .uk-heading-xlarge,.uk-card-primary.uk-card-body h1,.uk-card-primary.uk-card-body h2,.uk-card-primary.uk-card-body h3,.uk-card-primary.uk-card-body h4,.uk-card-primary.uk-card-body h5,.uk-card-primary.uk-card-body h6,.uk-card-primary>:not([class*=uk-card-media]) .uk-h1,.uk-card-primary>:not([class*=uk-card-media]) .uk-h2,.uk-card-primary>:not([class*=uk-card-media]) .uk-h3,.uk-card-primary>:not([class*=uk-card-media]) .uk-h4,.uk-card-primary>:not([class*=uk-card-media]) .uk-h5,.uk-card-primary>:not([class*=uk-card-media]) .uk-h6,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-2xlarge,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-large,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-medium,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-small,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-xlarge,.uk-card-primary>:not([class*=uk-card-media]) h1,.uk-card-primary>:not([class*=uk-card-media]) h2,.uk-card-primary>:not([class*=uk-card-media]) h3,.uk-card-primary>:not([class*=uk-card-media]) h4,.uk-card-primary>:not([class*=uk-card-media]) h5,.uk-card-primary>:not([class*=uk-card-media]) h6,.uk-card-secondary.uk-card-body .uk-h1,.uk-card-secondary.uk-card-body .uk-h2,.uk-card-secondary.uk-card-body .uk-h3,.uk-card-secondary.uk-card-body .uk-h4,.uk-card-secondary.uk-card-body .uk-h5,.uk-card-secondary.uk-card-body .uk-h6,.uk-card-secondary.uk-card-body .uk-heading-2xlarge,.uk-card-secondary.uk-card-body .uk-heading-large,.uk-card-secondary.uk-card-body .uk-heading-medium,.uk-card-secondary.uk-card-body .uk-heading-small,.uk-card-secondary.uk-card-body .uk-heading-xlarge,.uk-card-secondary.uk-card-body h1,.uk-card-secondary.uk-card-body h2,.uk-card-secondary.uk-card-body h3,.uk-card-secondary.uk-card-body h4,.uk-card-secondary.uk-card-body h5,.uk-card-secondary.uk-card-body h6,.uk-card-secondary>:not([class*=uk-card-media]) .uk-h1,.uk-card-secondary>:not([class*=uk-card-media]) .uk-h2,.uk-card-secondary>:not([class*=uk-card-media]) .uk-h3,.uk-card-secondary>:not([class*=uk-card-media]) .uk-h4,.uk-card-secondary>:not([class*=uk-card-media]) .uk-h5,.uk-card-secondary>:not([class*=uk-card-media]) .uk-h6,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-2xlarge,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-large,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-medium,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-small,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-xlarge,.uk-card-secondary>:not([class*=uk-card-media]) h1,.uk-card-secondary>:not([class*=uk-card-media]) h2,.uk-card-secondary>:not([class*=uk-card-media]) h3,.uk-card-secondary>:not([class*=uk-card-media]) h4,.uk-card-secondary>:not([class*=uk-card-media]) h5,.uk-card-secondary>:not([class*=uk-card-media]) h6,.uk-light .uk-h1,.uk-light .uk-h2,.uk-light .uk-h3,.uk-light .uk-h4,.uk-light .uk-h5,.uk-light .uk-h6,.uk-light .uk-heading-2xlarge,.uk-light .uk-heading-large,.uk-light .uk-heading-medium,.uk-light .uk-heading-small,.uk-light .uk-heading-xlarge,.uk-light h1,.uk-light h2,.uk-light h3,.uk-light h4,.uk-light h5,.uk-light h6,.uk-offcanvas-bar .uk-h1,.uk-offcanvas-bar .uk-h2,.uk-offcanvas-bar .uk-h3,.uk-offcanvas-bar .uk-h4,.uk-offcanvas-bar .uk-h5,.uk-offcanvas-bar .uk-h6,.uk-offcanvas-bar .uk-heading-2xlarge,.uk-offcanvas-bar .uk-heading-large,.uk-offcanvas-bar .uk-heading-medium,.uk-offcanvas-bar .uk-heading-small,.uk-offcanvas-bar .uk-heading-xlarge,.uk-offcanvas-bar h1,.uk-offcanvas-bar h2,.uk-offcanvas-bar h3,.uk-offcanvas-bar h4,.uk-offcanvas-bar h5,.uk-offcanvas-bar h6,.uk-overlay-primary .uk-h1,.uk-overlay-primary .uk-h2,.uk-overlay-primary .uk-h3,.uk-overlay-primary .uk-h4,.uk-overlay-primary .uk-h5,.uk-overlay-primary .uk-h6,.uk-overlay-primary .uk-heading-2xlarge,.uk-overlay-primary .uk-heading-large,.uk-overlay-primary .uk-heading-medium,.uk-overlay-primary .uk-heading-small,.uk-overlay-primary .uk-heading-xlarge,.uk-overlay-primary h1,.uk-overlay-primary h2,.uk-overlay-primary h3,.uk-overlay-primary h4,.uk-overlay-primary h5,.uk-overlay-primary h6,.uk-section-primary:not(.uk-preserve-color) .uk-h1,.uk-section-primary:not(.uk-preserve-color) .uk-h2,.uk-section-primary:not(.uk-preserve-color) .uk-h3,.uk-section-primary:not(.uk-preserve-color) .uk-h4,.uk-section-primary:not(.uk-preserve-color) .uk-h5,.uk-section-primary:not(.uk-preserve-color) .uk-h6,.uk-section-primary:not(.uk-preserve-color) .uk-heading-2xlarge,.uk-section-primary:not(.uk-preserve-color) .uk-heading-large,.uk-section-primary:not(.uk-preserve-color) .uk-heading-medium,.uk-section-primary:not(.uk-preserve-color) .uk-heading-small,.uk-section-primary:not(.uk-preserve-color) .uk-heading-xlarge,.uk-section-primary:not(.uk-preserve-color) h1,.uk-section-primary:not(.uk-preserve-color) h2,.uk-section-primary:not(.uk-preserve-color) h3,.uk-section-primary:not(.uk-preserve-color) h4,.uk-section-primary:not(.uk-preserve-color) h5,.uk-section-primary:not(.uk-preserve-color) h6,.uk-section-secondary:not(.uk-preserve-color) .uk-h1,.uk-section-secondary:not(.uk-preserve-color) .uk-h2,.uk-section-secondary:not(.uk-preserve-color) .uk-h3,.uk-section-secondary:not(.uk-preserve-color) .uk-h4,.uk-section-secondary:not(.uk-preserve-color) .uk-h5,.uk-section-secondary:not(.uk-preserve-color) .uk-h6,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-2xlarge,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-large,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-medium,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-small,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-xlarge,.uk-section-secondary:not(.uk-preserve-color) h1,.uk-section-secondary:not(.uk-preserve-color) h2,.uk-section-secondary:not(.uk-preserve-color) h3,.uk-section-secondary:not(.uk-preserve-color) h4,.uk-section-secondary:not(.uk-preserve-color) h5,.uk-section-secondary:not(.uk-preserve-color) h6,.uk-tile-primary:not(.uk-preserve-color) .uk-h1,.uk-tile-primary:not(.uk-preserve-color) .uk-h2,.uk-tile-primary:not(.uk-preserve-color) .uk-h3,.uk-tile-primary:not(.uk-preserve-color) .uk-h4,.uk-tile-primary:not(.uk-preserve-color) .uk-h5,.uk-tile-primary:not(.uk-preserve-color) .uk-h6,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-2xlarge,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-large,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-medium,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-small,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-xlarge,.uk-tile-primary:not(.uk-preserve-color) h1,.uk-tile-primary:not(.uk-preserve-color) h2,.uk-tile-primary:not(.uk-preserve-color) h3,.uk-tile-primary:not(.uk-preserve-color) h4,.uk-tile-primary:not(.uk-preserve-color) h5,.uk-tile-primary:not(.uk-preserve-color) h6,.uk-tile-secondary:not(.uk-preserve-color) .uk-h1,.uk-tile-secondary:not(.uk-preserve-color) .uk-h2,.uk-tile-secondary:not(.uk-preserve-color) .uk-h3,.uk-tile-secondary:not(.uk-preserve-color) .uk-h4,.uk-tile-secondary:not(.uk-preserve-color) .uk-h5,.uk-tile-secondary:not(.uk-preserve-color) .uk-h6,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-2xlarge,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-large,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-medium,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-small,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-xlarge,.uk-tile-secondary:not(.uk-preserve-color) h1,.uk-tile-secondary:not(.uk-preserve-color) h2,.uk-tile-secondary:not(.uk-preserve-color) h3,.uk-tile-secondary:not(.uk-preserve-color) h4,.uk-tile-secondary:not(.uk-preserve-color) h5,.uk-tile-secondary:not(.uk-preserve-color) h6{color:#fff}.uk-card-primary.uk-card-body blockquote,.uk-card-primary>:not([class*=uk-card-media]) blockquote,.uk-card-secondary.uk-card-body blockquote,.uk-card-secondary>:not([class*=uk-card-media]) blockquote,.uk-light blockquote,.uk-offcanvas-bar blockquote,.uk-overlay-primary blockquote,.uk-section-primary:not(.uk-preserve-color) blockquote,.uk-section-secondary:not(.uk-preserve-color) blockquote,.uk-tile-primary:not(.uk-preserve-color) blockquote,.uk-tile-secondary:not(.uk-preserve-color) blockquote{color:#fff}.uk-card-primary.uk-card-body blockquote footer,.uk-card-primary>:not([class*=uk-card-media]) blockquote footer,.uk-card-secondary.uk-card-body blockquote footer,.uk-card-secondary>:not([class*=uk-card-media]) blockquote footer,.uk-light blockquote footer,.uk-offcanvas-bar blockquote footer,.uk-overlay-primary blockquote footer,.uk-section-primary:not(.uk-preserve-color) blockquote footer,.uk-section-secondary:not(.uk-preserve-color) blockquote footer,.uk-tile-primary:not(.uk-preserve-color) blockquote footer,.uk-tile-secondary:not(.uk-preserve-color) blockquote footer{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-hr,.uk-card-primary.uk-card-body hr,.uk-card-primary>:not([class*=uk-card-media]) .uk-hr,.uk-card-primary>:not([class*=uk-card-media]) hr,.uk-card-secondary.uk-card-body .uk-hr,.uk-card-secondary.uk-card-body hr,.uk-card-secondary>:not([class*=uk-card-media]) .uk-hr,.uk-card-secondary>:not([class*=uk-card-media]) hr,.uk-light .uk-hr,.uk-light hr,.uk-offcanvas-bar .uk-hr,.uk-offcanvas-bar hr,.uk-overlay-primary .uk-hr,.uk-overlay-primary hr,.uk-section-primary:not(.uk-preserve-color) .uk-hr,.uk-section-primary:not(.uk-preserve-color) hr,.uk-section-secondary:not(.uk-preserve-color) .uk-hr,.uk-section-secondary:not(.uk-preserve-color) hr,.uk-tile-primary:not(.uk-preserve-color) .uk-hr,.uk-tile-primary:not(.uk-preserve-color) hr,.uk-tile-secondary:not(.uk-preserve-color) .uk-hr,.uk-tile-secondary:not(.uk-preserve-color) hr{border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-link-muted,.uk-card-primary.uk-card-body .uk-link-muted a,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-muted,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-muted a,.uk-card-secondary.uk-card-body .uk-link-muted,.uk-card-secondary.uk-card-body .uk-link-muted a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-muted,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-muted a,.uk-light .uk-link-muted,.uk-light .uk-link-muted a,.uk-offcanvas-bar .uk-link-muted,.uk-offcanvas-bar .uk-link-muted a,.uk-overlay-primary .uk-link-muted,.uk-overlay-primary .uk-link-muted a,.uk-section-primary:not(.uk-preserve-color) .uk-link-muted,.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a,.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted,.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a,.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted,.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-link-muted a:hover,.uk-card-primary.uk-card-body .uk-link-muted:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-muted a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-muted:hover,.uk-card-secondary.uk-card-body .uk-link-muted a:hover,.uk-card-secondary.uk-card-body .uk-link-muted:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-muted a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-muted:hover,.uk-light .uk-link-muted a:hover,.uk-light .uk-link-muted:hover,.uk-offcanvas-bar .uk-link-muted a:hover,.uk-offcanvas-bar .uk-link-muted:hover,.uk-overlay-primary .uk-link-muted a:hover,.uk-overlay-primary .uk-link-muted:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-muted:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-link-text a:hover,.uk-card-primary.uk-card-body .uk-link-text:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-text a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-text:hover,.uk-card-secondary.uk-card-body .uk-link-text a:hover,.uk-card-secondary.uk-card-body .uk-link-text:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-text a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-text:hover,.uk-light .uk-link-text a:hover,.uk-light .uk-link-text:hover,.uk-offcanvas-bar .uk-link-text a:hover,.uk-offcanvas-bar .uk-link-text:hover,.uk-overlay-primary .uk-link-text a:hover,.uk-overlay-primary .uk-link-text:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-text a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-text:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-text a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-text:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-text a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-text:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-text a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-text:hover{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-link-heading a:hover,.uk-card-primary.uk-card-body .uk-link-heading:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-heading a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-heading:hover,.uk-card-secondary.uk-card-body .uk-link-heading a:hover,.uk-card-secondary.uk-card-body .uk-link-heading:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-heading a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-heading:hover,.uk-light .uk-link-heading a:hover,.uk-light .uk-link-heading:hover,.uk-offcanvas-bar .uk-link-heading a:hover,.uk-offcanvas-bar .uk-link-heading:hover,.uk-overlay-primary .uk-link-heading a:hover,.uk-overlay-primary .uk-link-heading:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-heading a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-heading:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-heading a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-link-heading:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-heading a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-link-heading:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-heading a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-heading:hover{color:#fff}.uk-card-primary.uk-card-body .uk-heading-divider,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-divider,.uk-card-secondary.uk-card-body .uk-heading-divider,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-divider,.uk-light .uk-heading-divider,.uk-offcanvas-bar .uk-heading-divider,.uk-overlay-primary .uk-heading-divider,.uk-section-primary:not(.uk-preserve-color) .uk-heading-divider,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-divider,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-divider,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-divider{border-bottom-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-heading-bullet::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-bullet::before,.uk-card-secondary.uk-card-body .uk-heading-bullet::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-bullet::before,.uk-light .uk-heading-bullet::before,.uk-offcanvas-bar .uk-heading-bullet::before,.uk-overlay-primary .uk-heading-bullet::before,.uk-section-primary:not(.uk-preserve-color) .uk-heading-bullet::before,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-bullet::before,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-bullet::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-bullet::before{border-left-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-heading-line>::after,.uk-card-primary.uk-card-body .uk-heading-line>::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-line>::after,.uk-card-primary>:not([class*=uk-card-media]) .uk-heading-line>::before,.uk-card-secondary.uk-card-body .uk-heading-line>::after,.uk-card-secondary.uk-card-body .uk-heading-line>::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-line>::after,.uk-card-secondary>:not([class*=uk-card-media]) .uk-heading-line>::before,.uk-light .uk-heading-line>::after,.uk-light .uk-heading-line>::before,.uk-offcanvas-bar .uk-heading-line>::after,.uk-offcanvas-bar .uk-heading-line>::before,.uk-overlay-primary .uk-heading-line>::after,.uk-overlay-primary .uk-heading-line>::before,.uk-section-primary:not(.uk-preserve-color) .uk-heading-line>::after,.uk-section-primary:not(.uk-preserve-color) .uk-heading-line>::before,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line>::after,.uk-section-secondary:not(.uk-preserve-color) .uk-heading-line>::before,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line>::after,.uk-tile-primary:not(.uk-preserve-color) .uk-heading-line>::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line>::after,.uk-tile-secondary:not(.uk-preserve-color) .uk-heading-line>::before{border-bottom-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-divider-icon,.uk-card-primary>:not([class*=uk-card-media]) .uk-divider-icon,.uk-card-secondary.uk-card-body .uk-divider-icon,.uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-icon,.uk-light .uk-divider-icon,.uk-offcanvas-bar .uk-divider-icon,.uk-overlay-primary .uk-divider-icon,.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon,.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon,.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon,.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.2%29%22%20stroke-width%3D%222%22%20cx%3D%2210%22%20cy%3D%2210%22%20r%3D%227%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-card-primary.uk-card-body .uk-divider-icon::after,.uk-card-primary.uk-card-body .uk-divider-icon::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-divider-icon::after,.uk-card-primary>:not([class*=uk-card-media]) .uk-divider-icon::before,.uk-card-secondary.uk-card-body .uk-divider-icon::after,.uk-card-secondary.uk-card-body .uk-divider-icon::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-icon::after,.uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-icon::before,.uk-light .uk-divider-icon::after,.uk-light .uk-divider-icon::before,.uk-offcanvas-bar .uk-divider-icon::after,.uk-offcanvas-bar .uk-divider-icon::before,.uk-overlay-primary .uk-divider-icon::after,.uk-overlay-primary .uk-divider-icon::before,.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::after,.uk-section-primary:not(.uk-preserve-color) .uk-divider-icon::before,.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::after,.uk-section-secondary:not(.uk-preserve-color) .uk-divider-icon::before,.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::after,.uk-tile-primary:not(.uk-preserve-color) .uk-divider-icon::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::after,.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-icon::before{border-bottom-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-divider-small::after,.uk-card-primary>:not([class*=uk-card-media]) .uk-divider-small::after,.uk-card-secondary.uk-card-body .uk-divider-small::after,.uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-small::after,.uk-light .uk-divider-small::after,.uk-offcanvas-bar .uk-divider-small::after,.uk-overlay-primary .uk-divider-small::after,.uk-section-primary:not(.uk-preserve-color) .uk-divider-small::after,.uk-section-secondary:not(.uk-preserve-color) .uk-divider-small::after,.uk-tile-primary:not(.uk-preserve-color) .uk-divider-small::after,.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-small::after{border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-divider-vertical,.uk-card-primary>:not([class*=uk-card-media]) .uk-divider-vertical,.uk-card-secondary.uk-card-body .uk-divider-vertical,.uk-card-secondary>:not([class*=uk-card-media]) .uk-divider-vertical,.uk-light .uk-divider-vertical,.uk-offcanvas-bar .uk-divider-vertical,.uk-overlay-primary .uk-divider-vertical,.uk-section-primary:not(.uk-preserve-color) .uk-divider-vertical,.uk-section-secondary:not(.uk-preserve-color) .uk-divider-vertical,.uk-tile-primary:not(.uk-preserve-color) .uk-divider-vertical,.uk-tile-secondary:not(.uk-preserve-color) .uk-divider-vertical{border-left-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-list-muted>::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-list-muted>::before,.uk-card-secondary.uk-card-body .uk-list-muted>::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-muted>::before,.uk-light .uk-list-muted>::before,.uk-offcanvas-bar .uk-list-muted>::before,.uk-overlay-primary .uk-list-muted>::before,.uk-section-primary:not(.uk-preserve-color) .uk-list-muted>::before,.uk-section-secondary:not(.uk-preserve-color) .uk-list-muted>::before,.uk-tile-primary:not(.uk-preserve-color) .uk-list-muted>::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-muted>::before{color:rgba(255,255,255,.5)!important}.uk-card-primary.uk-card-body .uk-list-emphasis>::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-list-emphasis>::before,.uk-card-secondary.uk-card-body .uk-list-emphasis>::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-emphasis>::before,.uk-light .uk-list-emphasis>::before,.uk-offcanvas-bar .uk-list-emphasis>::before,.uk-overlay-primary .uk-list-emphasis>::before,.uk-section-primary:not(.uk-preserve-color) .uk-list-emphasis>::before,.uk-section-secondary:not(.uk-preserve-color) .uk-list-emphasis>::before,.uk-tile-primary:not(.uk-preserve-color) .uk-list-emphasis>::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-emphasis>::before{color:#fff!important}.uk-card-primary.uk-card-body .uk-list-primary>::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-list-primary>::before,.uk-card-secondary.uk-card-body .uk-list-primary>::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-primary>::before,.uk-light .uk-list-primary>::before,.uk-offcanvas-bar .uk-list-primary>::before,.uk-overlay-primary .uk-list-primary>::before,.uk-section-primary:not(.uk-preserve-color) .uk-list-primary>::before,.uk-section-secondary:not(.uk-preserve-color) .uk-list-primary>::before,.uk-tile-primary:not(.uk-preserve-color) .uk-list-primary>::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-primary>::before{color:#fff!important}.uk-card-primary.uk-card-body .uk-list-secondary>::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-list-secondary>::before,.uk-card-secondary.uk-card-body .uk-list-secondary>::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-secondary>::before,.uk-light .uk-list-secondary>::before,.uk-offcanvas-bar .uk-list-secondary>::before,.uk-overlay-primary .uk-list-secondary>::before,.uk-section-primary:not(.uk-preserve-color) .uk-list-secondary>::before,.uk-section-secondary:not(.uk-preserve-color) .uk-list-secondary>::before,.uk-tile-primary:not(.uk-preserve-color) .uk-list-secondary>::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-secondary>::before{color:#fff!important}.uk-card-primary.uk-card-body .uk-list-bullet>::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-list-bullet>::before,.uk-card-secondary.uk-card-body .uk-list-bullet>::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-bullet>::before,.uk-light .uk-list-bullet>::before,.uk-offcanvas-bar .uk-list-bullet>::before,.uk-overlay-primary .uk-list-bullet>::before,.uk-section-primary:not(.uk-preserve-color) .uk-list-bullet>::before,.uk-section-secondary:not(.uk-preserve-color) .uk-list-bullet>::before,.uk-tile-primary:not(.uk-preserve-color) .uk-list-bullet>::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-list-bullet>::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%226%22%20height%3D%226%22%20viewBox%3D%220%200%206%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20cx%3D%223%22%20cy%3D%223%22%20r%3D%223%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-card-primary.uk-card-body .uk-list-divider>:nth-child(n+2),.uk-card-primary>:not([class*=uk-card-media]) .uk-list-divider>:nth-child(n+2),.uk-card-secondary.uk-card-body .uk-list-divider>:nth-child(n+2),.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-divider>:nth-child(n+2),.uk-light .uk-list-divider>:nth-child(n+2),.uk-offcanvas-bar .uk-list-divider>:nth-child(n+2),.uk-overlay-primary .uk-list-divider>:nth-child(n+2),.uk-section-primary:not(.uk-preserve-color) .uk-list-divider>:nth-child(n+2),.uk-section-secondary:not(.uk-preserve-color) .uk-list-divider>:nth-child(n+2),.uk-tile-primary:not(.uk-preserve-color) .uk-list-divider>:nth-child(n+2),.uk-tile-secondary:not(.uk-preserve-color) .uk-list-divider>:nth-child(n+2){border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-list-striped>:nth-of-type(odd),.uk-card-primary>:not([class*=uk-card-media]) .uk-list-striped>:nth-of-type(odd),.uk-card-secondary.uk-card-body .uk-list-striped>:nth-of-type(odd),.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-striped>:nth-of-type(odd),.uk-light .uk-list-striped>:nth-of-type(odd),.uk-offcanvas-bar .uk-list-striped>:nth-of-type(odd),.uk-overlay-primary .uk-list-striped>:nth-of-type(odd),.uk-section-primary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),.uk-section-secondary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),.uk-tile-primary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),.uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd){border-top-color:rgba(255,255,255,.2);border-bottom-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-list-striped>:nth-of-type(odd),.uk-card-primary>:not([class*=uk-card-media]) .uk-list-striped>:nth-of-type(odd),.uk-card-secondary.uk-card-body .uk-list-striped>:nth-of-type(odd),.uk-card-secondary>:not([class*=uk-card-media]) .uk-list-striped>:nth-of-type(odd),.uk-light .uk-list-striped>:nth-of-type(odd),.uk-offcanvas-bar .uk-list-striped>:nth-of-type(odd),.uk-overlay-primary .uk-list-striped>:nth-of-type(odd),.uk-section-primary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),.uk-section-secondary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),.uk-tile-primary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd),.uk-tile-secondary:not(.uk-preserve-color) .uk-list-striped>:nth-of-type(odd){background-color:rgba(255,255,255,.1)}.uk-card-primary.uk-card-body .uk-table th,.uk-card-primary>:not([class*=uk-card-media]) .uk-table th,.uk-card-secondary.uk-card-body .uk-table th,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table th,.uk-light .uk-table th,.uk-offcanvas-bar .uk-table th,.uk-overlay-primary .uk-table th,.uk-section-primary:not(.uk-preserve-color) .uk-table th,.uk-section-secondary:not(.uk-preserve-color) .uk-table th,.uk-tile-primary:not(.uk-preserve-color) .uk-table th,.uk-tile-secondary:not(.uk-preserve-color) .uk-table th{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-table caption,.uk-card-primary>:not([class*=uk-card-media]) .uk-table caption,.uk-card-secondary.uk-card-body .uk-table caption,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table caption,.uk-light .uk-table caption,.uk-offcanvas-bar .uk-table caption,.uk-overlay-primary .uk-table caption,.uk-section-primary:not(.uk-preserve-color) .uk-table caption,.uk-section-secondary:not(.uk-preserve-color) .uk-table caption,.uk-tile-primary:not(.uk-preserve-color) .uk-table caption,.uk-tile-secondary:not(.uk-preserve-color) .uk-table caption{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-table tbody tr.uk-active,.uk-card-primary.uk-card-body .uk-table>tr.uk-active,.uk-card-primary>:not([class*=uk-card-media]) .uk-table tbody tr.uk-active,.uk-card-primary>:not([class*=uk-card-media]) .uk-table>tr.uk-active,.uk-card-secondary.uk-card-body .uk-table tbody tr.uk-active,.uk-card-secondary.uk-card-body .uk-table>tr.uk-active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table tbody tr.uk-active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table>tr.uk-active,.uk-light .uk-table tbody tr.uk-active,.uk-light .uk-table>tr.uk-active,.uk-offcanvas-bar .uk-table tbody tr.uk-active,.uk-offcanvas-bar .uk-table>tr.uk-active,.uk-overlay-primary .uk-table tbody tr.uk-active,.uk-overlay-primary .uk-table>tr.uk-active,.uk-section-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,.uk-section-primary:not(.uk-preserve-color) .uk-table>tr.uk-active,.uk-section-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,.uk-section-secondary:not(.uk-preserve-color) .uk-table>tr.uk-active,.uk-tile-primary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,.uk-tile-primary:not(.uk-preserve-color) .uk-table>tr.uk-active,.uk-tile-secondary:not(.uk-preserve-color) .uk-table tbody tr.uk-active,.uk-tile-secondary:not(.uk-preserve-color) .uk-table>tr.uk-active{background:rgba(255,255,255,.08)}.uk-card-primary.uk-card-body .uk-table-divider>:first-child>tr:not(:first-child),.uk-card-primary.uk-card-body .uk-table-divider>:not(:first-child)>tr,.uk-card-primary.uk-card-body .uk-table-divider>tr:not(:first-child),.uk-card-primary>:not([class*=uk-card-media]) .uk-table-divider>:first-child>tr:not(:first-child),.uk-card-primary>:not([class*=uk-card-media]) .uk-table-divider>:not(:first-child)>tr,.uk-card-primary>:not([class*=uk-card-media]) .uk-table-divider>tr:not(:first-child),.uk-card-secondary.uk-card-body .uk-table-divider>:first-child>tr:not(:first-child),.uk-card-secondary.uk-card-body .uk-table-divider>:not(:first-child)>tr,.uk-card-secondary.uk-card-body .uk-table-divider>tr:not(:first-child),.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-divider>:first-child>tr:not(:first-child),.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-divider>:not(:first-child)>tr,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-divider>tr:not(:first-child),.uk-light .uk-table-divider>:first-child>tr:not(:first-child),.uk-light .uk-table-divider>:not(:first-child)>tr,.uk-light .uk-table-divider>tr:not(:first-child),.uk-offcanvas-bar .uk-table-divider>:first-child>tr:not(:first-child),.uk-offcanvas-bar .uk-table-divider>:not(:first-child)>tr,.uk-offcanvas-bar .uk-table-divider>tr:not(:first-child),.uk-overlay-primary .uk-table-divider>:first-child>tr:not(:first-child),.uk-overlay-primary .uk-table-divider>:not(:first-child)>tr,.uk-overlay-primary .uk-table-divider>tr:not(:first-child),.uk-section-primary:not(.uk-preserve-color) .uk-table-divider>:first-child>tr:not(:first-child),.uk-section-primary:not(.uk-preserve-color) .uk-table-divider>:not(:first-child)>tr,.uk-section-primary:not(.uk-preserve-color) .uk-table-divider>tr:not(:first-child),.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider>:first-child>tr:not(:first-child),.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider>:not(:first-child)>tr,.uk-section-secondary:not(.uk-preserve-color) .uk-table-divider>tr:not(:first-child),.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider>:first-child>tr:not(:first-child),.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider>:not(:first-child)>tr,.uk-tile-primary:not(.uk-preserve-color) .uk-table-divider>tr:not(:first-child),.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider>:first-child>tr:not(:first-child),.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider>:not(:first-child)>tr,.uk-tile-secondary:not(.uk-preserve-color) .uk-table-divider>tr:not(:first-child){border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd),.uk-card-primary.uk-card-body .uk-table-striped>tr:nth-of-type(odd),.uk-card-primary>:not([class*=uk-card-media]) .uk-table-striped tbody tr:nth-of-type(odd),.uk-card-primary>:not([class*=uk-card-media]) .uk-table-striped>tr:nth-of-type(odd),.uk-card-secondary.uk-card-body .uk-table-striped tbody tr:nth-of-type(odd),.uk-card-secondary.uk-card-body .uk-table-striped>tr:nth-of-type(odd),.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-striped tbody tr:nth-of-type(odd),.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-striped>tr:nth-of-type(odd),.uk-light .uk-table-striped tbody tr:nth-of-type(odd),.uk-light .uk-table-striped>tr:nth-of-type(odd),.uk-offcanvas-bar .uk-table-striped tbody tr:nth-of-type(odd),.uk-offcanvas-bar .uk-table-striped>tr:nth-of-type(odd),.uk-overlay-primary .uk-table-striped tbody tr:nth-of-type(odd),.uk-overlay-primary .uk-table-striped>tr:nth-of-type(odd),.uk-section-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),.uk-section-primary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(odd),.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),.uk-section-secondary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(odd),.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),.uk-tile-primary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(odd),.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped tbody tr:nth-of-type(odd),.uk-tile-secondary:not(.uk-preserve-color) .uk-table-striped>tr:nth-of-type(odd){background:rgba(255,255,255,.1);border-top-color:rgba(255,255,255,.2);border-bottom-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-table-hover tbody tr:hover,.uk-card-primary.uk-card-body .uk-table-hover>tr:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-table-hover tbody tr:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-table-hover>tr:hover,.uk-card-secondary.uk-card-body .uk-table-hover tbody tr:hover,.uk-card-secondary.uk-card-body .uk-table-hover>tr:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-hover tbody tr:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-table-hover>tr:hover,.uk-light .uk-table-hover tbody tr:hover,.uk-light .uk-table-hover>tr:hover,.uk-offcanvas-bar .uk-table-hover tbody tr:hover,.uk-offcanvas-bar .uk-table-hover>tr:hover,.uk-overlay-primary .uk-table-hover tbody tr:hover,.uk-overlay-primary .uk-table-hover>tr:hover,.uk-section-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,.uk-section-primary:not(.uk-preserve-color) .uk-table-hover>tr:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-table-hover>tr:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-table-hover>tr:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover tbody tr:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-table-hover>tr:hover{background:rgba(255,255,255,.08)}.uk-card-primary.uk-card-body .uk-icon-link,.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-link,.uk-card-secondary.uk-card-body .uk-icon-link,.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-link,.uk-light .uk-icon-link,.uk-offcanvas-bar .uk-icon-link,.uk-overlay-primary .uk-icon-link,.uk-section-primary:not(.uk-preserve-color) .uk-icon-link,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-icon-link:focus,.uk-card-primary.uk-card-body .uk-icon-link:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-link:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-link:hover,.uk-card-secondary.uk-card-body .uk-icon-link:focus,.uk-card-secondary.uk-card-body .uk-icon-link:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-link:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-link:hover,.uk-light .uk-icon-link:focus,.uk-light .uk-icon-link:hover,.uk-offcanvas-bar .uk-icon-link:focus,.uk-offcanvas-bar .uk-icon-link:hover,.uk-overlay-primary .uk-icon-link:focus,.uk-overlay-primary .uk-icon-link:hover,.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:focus,.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-active>.uk-icon-link,.uk-card-primary.uk-card-body .uk-icon-link:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-active>.uk-icon-link,.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-link:active,.uk-card-secondary.uk-card-body .uk-active>.uk-icon-link,.uk-card-secondary.uk-card-body .uk-icon-link:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-active>.uk-icon-link,.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-link:active,.uk-light .uk-active>.uk-icon-link,.uk-light .uk-icon-link:active,.uk-offcanvas-bar .uk-active>.uk-icon-link,.uk-offcanvas-bar .uk-icon-link:active,.uk-overlay-primary .uk-active>.uk-icon-link,.uk-overlay-primary .uk-icon-link:active,.uk-section-primary:not(.uk-preserve-color) .uk-active>.uk-icon-link,.uk-section-primary:not(.uk-preserve-color) .uk-icon-link:active,.uk-section-secondary:not(.uk-preserve-color) .uk-active>.uk-icon-link,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-link:active,.uk-tile-primary:not(.uk-preserve-color) .uk-active>.uk-icon-link,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-link:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-active>.uk-icon-link,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-link:active{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-icon-button,.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-button,.uk-card-secondary.uk-card-body .uk-icon-button,.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-button,.uk-light .uk-icon-button,.uk-offcanvas-bar .uk-icon-button,.uk-overlay-primary .uk-icon-button,.uk-section-primary:not(.uk-preserve-color) .uk-icon-button,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button{background-color:rgba(255,255,255,.1);color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-icon-button:focus,.uk-card-primary.uk-card-body .uk-icon-button:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-button:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-button:hover,.uk-card-secondary.uk-card-body .uk-icon-button:focus,.uk-card-secondary.uk-card-body .uk-icon-button:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-button:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-button:hover,.uk-light .uk-icon-button:focus,.uk-light .uk-icon-button:hover,.uk-offcanvas-bar .uk-icon-button:focus,.uk-offcanvas-bar .uk-icon-button:hover,.uk-overlay-primary .uk-icon-button:focus,.uk-overlay-primary .uk-icon-button:hover,.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:focus,.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:hover{background-color:rgba(242,242,242,.1);color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-icon-button:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-icon-button:active,.uk-card-secondary.uk-card-body .uk-icon-button:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-icon-button:active,.uk-light .uk-icon-button:active,.uk-offcanvas-bar .uk-icon-button:active,.uk-overlay-primary .uk-icon-button:active,.uk-section-primary:not(.uk-preserve-color) .uk-icon-button:active,.uk-section-secondary:not(.uk-preserve-color) .uk-icon-button:active,.uk-tile-primary:not(.uk-preserve-color) .uk-icon-button:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-icon-button:active{background-color:rgba(230,230,230,.1);color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-input,.uk-card-primary.uk-card-body .uk-select,.uk-card-primary.uk-card-body .uk-textarea,.uk-card-primary>:not([class*=uk-card-media]) .uk-input,.uk-card-primary>:not([class*=uk-card-media]) .uk-select,.uk-card-primary>:not([class*=uk-card-media]) .uk-textarea,.uk-card-secondary.uk-card-body .uk-input,.uk-card-secondary.uk-card-body .uk-select,.uk-card-secondary.uk-card-body .uk-textarea,.uk-card-secondary>:not([class*=uk-card-media]) .uk-input,.uk-card-secondary>:not([class*=uk-card-media]) .uk-select,.uk-card-secondary>:not([class*=uk-card-media]) .uk-textarea,.uk-light .uk-input,.uk-light .uk-select,.uk-light .uk-textarea,.uk-offcanvas-bar .uk-input,.uk-offcanvas-bar .uk-select,.uk-offcanvas-bar .uk-textarea,.uk-overlay-primary .uk-input,.uk-overlay-primary .uk-select,.uk-overlay-primary .uk-textarea,.uk-section-primary:not(.uk-preserve-color) .uk-input,.uk-section-primary:not(.uk-preserve-color) .uk-select,.uk-section-primary:not(.uk-preserve-color) .uk-textarea,.uk-section-secondary:not(.uk-preserve-color) .uk-input,.uk-section-secondary:not(.uk-preserve-color) .uk-select,.uk-section-secondary:not(.uk-preserve-color) .uk-textarea,.uk-tile-primary:not(.uk-preserve-color) .uk-input,.uk-tile-primary:not(.uk-preserve-color) .uk-select,.uk-tile-primary:not(.uk-preserve-color) .uk-textarea,.uk-tile-secondary:not(.uk-preserve-color) .uk-input,.uk-tile-secondary:not(.uk-preserve-color) .uk-select,.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea{background-color:rgba(255,255,255,.1);color:rgba(255,255,255,.7);background-clip:padding-box;border-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-input:focus,.uk-card-primary.uk-card-body .uk-select:focus,.uk-card-primary.uk-card-body .uk-textarea:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-input:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-select:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-textarea:focus,.uk-card-secondary.uk-card-body .uk-input:focus,.uk-card-secondary.uk-card-body .uk-select:focus,.uk-card-secondary.uk-card-body .uk-textarea:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-input:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-select:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-textarea:focus,.uk-light .uk-input:focus,.uk-light .uk-select:focus,.uk-light .uk-textarea:focus,.uk-offcanvas-bar .uk-input:focus,.uk-offcanvas-bar .uk-select:focus,.uk-offcanvas-bar .uk-textarea:focus,.uk-overlay-primary .uk-input:focus,.uk-overlay-primary .uk-select:focus,.uk-overlay-primary .uk-textarea:focus,.uk-section-primary:not(.uk-preserve-color) .uk-input:focus,.uk-section-primary:not(.uk-preserve-color) .uk-select:focus,.uk-section-primary:not(.uk-preserve-color) .uk-textarea:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-input:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-select:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-textarea:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-input:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-select:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-textarea:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-input:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-select:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea:focus{background-color:rgba(255,255,255,.1);color:rgba(255,255,255,.7);border-color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-input::-ms-input-placeholder,.uk-card-primary>:not([class*=uk-card-media]) .uk-input::-ms-input-placeholder,.uk-card-secondary.uk-card-body .uk-input::-ms-input-placeholder,.uk-card-secondary>:not([class*=uk-card-media]) .uk-input::-ms-input-placeholder,.uk-light .uk-input::-ms-input-placeholder,.uk-offcanvas-bar .uk-input::-ms-input-placeholder,.uk-overlay-primary .uk-input::-ms-input-placeholder,.uk-section-primary:not(.uk-preserve-color) .uk-input::-ms-input-placeholder,.uk-section-secondary:not(.uk-preserve-color) .uk-input::-ms-input-placeholder,.uk-tile-primary:not(.uk-preserve-color) .uk-input::-ms-input-placeholder,.uk-tile-secondary:not(.uk-preserve-color) .uk-input::-ms-input-placeholder{color:rgba(255,255,255,.5)!important}.uk-card-primary.uk-card-body .uk-input::placeholder,.uk-card-primary>:not([class*=uk-card-media]) .uk-input::placeholder,.uk-card-secondary.uk-card-body .uk-input::placeholder,.uk-card-secondary>:not([class*=uk-card-media]) .uk-input::placeholder,.uk-light .uk-input::placeholder,.uk-offcanvas-bar .uk-input::placeholder,.uk-overlay-primary .uk-input::placeholder,.uk-section-primary:not(.uk-preserve-color) .uk-input::placeholder,.uk-section-secondary:not(.uk-preserve-color) .uk-input::placeholder,.uk-tile-primary:not(.uk-preserve-color) .uk-input::placeholder,.uk-tile-secondary:not(.uk-preserve-color) .uk-input::placeholder{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-textarea::-ms-input-placeholder,.uk-card-primary>:not([class*=uk-card-media]) .uk-textarea::-ms-input-placeholder,.uk-card-secondary.uk-card-body .uk-textarea::-ms-input-placeholder,.uk-card-secondary>:not([class*=uk-card-media]) .uk-textarea::-ms-input-placeholder,.uk-light .uk-textarea::-ms-input-placeholder,.uk-offcanvas-bar .uk-textarea::-ms-input-placeholder,.uk-overlay-primary .uk-textarea::-ms-input-placeholder,.uk-section-primary:not(.uk-preserve-color) .uk-textarea::-ms-input-placeholder,.uk-section-secondary:not(.uk-preserve-color) .uk-textarea::-ms-input-placeholder,.uk-tile-primary:not(.uk-preserve-color) .uk-textarea::-ms-input-placeholder,.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::-ms-input-placeholder{color:rgba(255,255,255,.5)!important}.uk-card-primary.uk-card-body .uk-textarea::placeholder,.uk-card-primary>:not([class*=uk-card-media]) .uk-textarea::placeholder,.uk-card-secondary.uk-card-body .uk-textarea::placeholder,.uk-card-secondary>:not([class*=uk-card-media]) .uk-textarea::placeholder,.uk-light .uk-textarea::placeholder,.uk-offcanvas-bar .uk-textarea::placeholder,.uk-overlay-primary .uk-textarea::placeholder,.uk-section-primary:not(.uk-preserve-color) .uk-textarea::placeholder,.uk-section-secondary:not(.uk-preserve-color) .uk-textarea::placeholder,.uk-tile-primary:not(.uk-preserve-color) .uk-textarea::placeholder,.uk-tile-secondary:not(.uk-preserve-color) .uk-textarea::placeholder{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-select:not([multiple]):not([size]),.uk-card-primary>:not([class*=uk-card-media]) .uk-select:not([multiple]):not([size]),.uk-card-secondary.uk-card-body .uk-select:not([multiple]):not([size]),.uk-card-secondary>:not([class*=uk-card-media]) .uk-select:not([multiple]):not([size]),.uk-light .uk-select:not([multiple]):not([size]),.uk-offcanvas-bar .uk-select:not([multiple]):not([size]),.uk-overlay-primary .uk-select:not([multiple]):not([size]),.uk-section-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),.uk-section-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),.uk-tile-primary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]),.uk-tile-secondary:not(.uk-preserve-color) .uk-select:not([multiple]):not([size]){background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%201%209%206%2015%206%22%20%2F%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2013%209%208%2015%208%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-card-primary.uk-card-body .uk-input[list]:focus,.uk-card-primary.uk-card-body .uk-input[list]:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-input[list]:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-input[list]:hover,.uk-card-secondary.uk-card-body .uk-input[list]:focus,.uk-card-secondary.uk-card-body .uk-input[list]:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-input[list]:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-input[list]:hover,.uk-light .uk-input[list]:focus,.uk-light .uk-input[list]:hover,.uk-offcanvas-bar .uk-input[list]:focus,.uk-offcanvas-bar .uk-input[list]:hover,.uk-overlay-primary .uk-input[list]:focus,.uk-overlay-primary .uk-input[list]:hover,.uk-section-primary:not(.uk-preserve-color) .uk-input[list]:focus,.uk-section-primary:not(.uk-preserve-color) .uk-input[list]:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-input[list]:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-input[list]:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-input[list]:hover{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2224%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20points%3D%2212%2012%208%206%2016%206%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-card-primary.uk-card-body .uk-checkbox,.uk-card-primary.uk-card-body .uk-radio,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox,.uk-card-primary>:not([class*=uk-card-media]) .uk-radio,.uk-card-secondary.uk-card-body .uk-checkbox,.uk-card-secondary.uk-card-body .uk-radio,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox,.uk-card-secondary>:not([class*=uk-card-media]) .uk-radio,.uk-light .uk-checkbox,.uk-light .uk-radio,.uk-offcanvas-bar .uk-checkbox,.uk-offcanvas-bar .uk-radio,.uk-overlay-primary .uk-checkbox,.uk-overlay-primary .uk-radio,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox,.uk-section-primary:not(.uk-preserve-color) .uk-radio,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox,.uk-section-secondary:not(.uk-preserve-color) .uk-radio,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox,.uk-tile-primary:not(.uk-preserve-color) .uk-radio,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox,.uk-tile-secondary:not(.uk-preserve-color) .uk-radio{background-color:rgba(242,242,242,.1);border-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-checkbox:focus,.uk-card-primary.uk-card-body .uk-radio:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-radio:focus,.uk-card-secondary.uk-card-body .uk-checkbox:focus,.uk-card-secondary.uk-card-body .uk-radio:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-radio:focus,.uk-light .uk-checkbox:focus,.uk-light .uk-radio:focus,.uk-offcanvas-bar .uk-checkbox:focus,.uk-offcanvas-bar .uk-radio:focus,.uk-overlay-primary .uk-checkbox:focus,.uk-overlay-primary .uk-radio:focus,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:focus,.uk-section-primary:not(.uk-preserve-color) .uk-radio:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-radio:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-radio:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:focus{border-color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-checkbox:checked,.uk-card-primary.uk-card-body .uk-checkbox:indeterminate,.uk-card-primary.uk-card-body .uk-radio:checked,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:checked,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate,.uk-card-primary>:not([class*=uk-card-media]) .uk-radio:checked,.uk-card-secondary.uk-card-body .uk-checkbox:checked,.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate,.uk-card-secondary.uk-card-body .uk-radio:checked,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:checked,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate,.uk-card-secondary>:not([class*=uk-card-media]) .uk-radio:checked,.uk-light .uk-checkbox:checked,.uk-light .uk-checkbox:indeterminate,.uk-light .uk-radio:checked,.uk-offcanvas-bar .uk-checkbox:checked,.uk-offcanvas-bar .uk-checkbox:indeterminate,.uk-offcanvas-bar .uk-radio:checked,.uk-overlay-primary .uk-checkbox:checked,.uk-overlay-primary .uk-checkbox:indeterminate,.uk-overlay-primary .uk-radio:checked,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked{background-color:#fff;border-color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-checkbox:checked:focus,.uk-card-primary.uk-card-body .uk-checkbox:indeterminate:focus,.uk-card-primary.uk-card-body .uk-radio:checked:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:checked:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-radio:checked:focus,.uk-card-secondary.uk-card-body .uk-checkbox:checked:focus,.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate:focus,.uk-card-secondary.uk-card-body .uk-radio:checked:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:checked:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-radio:checked:focus,.uk-light .uk-checkbox:checked:focus,.uk-light .uk-checkbox:indeterminate:focus,.uk-light .uk-radio:checked:focus,.uk-offcanvas-bar .uk-checkbox:checked:focus,.uk-offcanvas-bar .uk-checkbox:indeterminate:focus,.uk-offcanvas-bar .uk-radio:checked:focus,.uk-overlay-primary .uk-checkbox:checked:focus,.uk-overlay-primary .uk-checkbox:indeterminate:focus,.uk-overlay-primary .uk-radio:checked:focus,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked:focus{background-color:#e6e6e6}.uk-card-primary.uk-card-body .uk-radio:checked,.uk-card-primary>:not([class*=uk-card-media]) .uk-radio:checked,.uk-card-secondary.uk-card-body .uk-radio:checked,.uk-card-secondary>:not([class*=uk-card-media]) .uk-radio:checked,.uk-light .uk-radio:checked,.uk-offcanvas-bar .uk-radio:checked,.uk-overlay-primary .uk-radio:checked,.uk-section-primary:not(.uk-preserve-color) .uk-radio:checked,.uk-section-secondary:not(.uk-preserve-color) .uk-radio:checked,.uk-tile-primary:not(.uk-preserve-color) .uk-radio:checked,.uk-tile-secondary:not(.uk-preserve-color) .uk-radio:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23666%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-card-primary.uk-card-body .uk-checkbox:checked,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:checked,.uk-card-secondary.uk-card-body .uk-checkbox:checked,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:checked,.uk-light .uk-checkbox:checked,.uk-offcanvas-bar .uk-checkbox:checked,.uk-overlay-primary .uk-checkbox:checked,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:checked,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:checked{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2211%22%20viewBox%3D%220%200%2014%2011%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolygon%20fill%3D%22%23666%22%20points%3D%2212%201%205%207.5%202%205%201%205.5%205%2010%2013%201.5%22%20%2F%3E%0A%3C%2Fsvg%3E%0A")}.uk-card-primary.uk-card-body .uk-checkbox:indeterminate,.uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate,.uk-card-secondary.uk-card-body .uk-checkbox:indeterminate,.uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox:indeterminate,.uk-light .uk-checkbox:indeterminate,.uk-offcanvas-bar .uk-checkbox:indeterminate,.uk-overlay-primary .uk-checkbox:indeterminate,.uk-section-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-section-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-tile-primary:not(.uk-preserve-color) .uk-checkbox:indeterminate,.uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox:indeterminate{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22%23666%22%20x%3D%223%22%20y%3D%228%22%20width%3D%2210%22%20height%3D%221%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-card-primary.uk-card-body .uk-form-label,.uk-card-primary>:not([class*=uk-card-media]) .uk-form-label,.uk-card-secondary.uk-card-body .uk-form-label,.uk-card-secondary>:not([class*=uk-card-media]) .uk-form-label,.uk-light .uk-form-label,.uk-offcanvas-bar .uk-form-label,.uk-overlay-primary .uk-form-label,.uk-section-primary:not(.uk-preserve-color) .uk-form-label,.uk-section-secondary:not(.uk-preserve-color) .uk-form-label,.uk-tile-primary:not(.uk-preserve-color) .uk-form-label,.uk-tile-secondary:not(.uk-preserve-color) .uk-form-label{color:#fff}.uk-card-primary.uk-card-body .uk-form-icon,.uk-card-primary>:not([class*=uk-card-media]) .uk-form-icon,.uk-card-secondary.uk-card-body .uk-form-icon,.uk-card-secondary>:not([class*=uk-card-media]) .uk-form-icon,.uk-light .uk-form-icon,.uk-offcanvas-bar .uk-form-icon,.uk-overlay-primary .uk-form-icon,.uk-section-primary:not(.uk-preserve-color) .uk-form-icon,.uk-section-secondary:not(.uk-preserve-color) .uk-form-icon,.uk-tile-primary:not(.uk-preserve-color) .uk-form-icon,.uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-form-icon:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-form-icon:hover,.uk-card-secondary.uk-card-body .uk-form-icon:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-form-icon:hover,.uk-light .uk-form-icon:hover,.uk-offcanvas-bar .uk-form-icon:hover,.uk-overlay-primary .uk-form-icon:hover,.uk-section-primary:not(.uk-preserve-color) .uk-form-icon:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-form-icon:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-form-icon:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-form-icon:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-button-default,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-default,.uk-card-secondary.uk-card-body .uk-button-default,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default,.uk-light .uk-button-default,.uk-offcanvas-bar .uk-button-default,.uk-overlay-primary .uk-button-default,.uk-section-primary:not(.uk-preserve-color) .uk-button-default,.uk-section-secondary:not(.uk-preserve-color) .uk-button-default,.uk-tile-primary:not(.uk-preserve-color) .uk-button-default,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default{background-color:transparent;color:#fff;border-color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-button-default:focus,.uk-card-primary.uk-card-body .uk-button-default:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-default:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-default:hover,.uk-card-secondary.uk-card-body .uk-button-default:focus,.uk-card-secondary.uk-card-body .uk-button-default:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default:hover,.uk-light .uk-button-default:focus,.uk-light .uk-button-default:hover,.uk-offcanvas-bar .uk-button-default:focus,.uk-offcanvas-bar .uk-button-default:hover,.uk-overlay-primary .uk-button-default:focus,.uk-overlay-primary .uk-button-default:hover,.uk-section-primary:not(.uk-preserve-color) .uk-button-default:focus,.uk-section-primary:not(.uk-preserve-color) .uk-button-default:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:hover{background-color:transparent;color:#fff;border-color:#fff}.uk-card-primary.uk-card-body .uk-button-default.uk-active,.uk-card-primary.uk-card-body .uk-button-default:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-default.uk-active,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-default:active,.uk-card-secondary.uk-card-body .uk-button-default.uk-active,.uk-card-secondary.uk-card-body .uk-button-default:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default.uk-active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-default:active,.uk-light .uk-button-default.uk-active,.uk-light .uk-button-default:active,.uk-offcanvas-bar .uk-button-default.uk-active,.uk-offcanvas-bar .uk-button-default:active,.uk-overlay-primary .uk-button-default.uk-active,.uk-overlay-primary .uk-button-default:active,.uk-section-primary:not(.uk-preserve-color) .uk-button-default.uk-active,.uk-section-primary:not(.uk-preserve-color) .uk-button-default:active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-default.uk-active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-default:active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-default.uk-active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-default:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default.uk-active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-default:active{background-color:transparent;color:#fff;border-color:#fff}.uk-card-primary.uk-card-body .uk-button-primary,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary,.uk-card-secondary.uk-card-body .uk-button-primary,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary,.uk-light .uk-button-primary,.uk-offcanvas-bar .uk-button-primary,.uk-overlay-primary .uk-button-primary,.uk-section-primary:not(.uk-preserve-color) .uk-button-primary,.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary,.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary{background-color:#fff;color:#666}.uk-card-primary.uk-card-body .uk-button-primary:focus,.uk-card-primary.uk-card-body .uk-button-primary:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary:hover,.uk-card-secondary.uk-card-body .uk-button-primary:focus,.uk-card-secondary.uk-card-body .uk-button-primary:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary:hover,.uk-light .uk-button-primary:focus,.uk-light .uk-button-primary:hover,.uk-offcanvas-bar .uk-button-primary:focus,.uk-offcanvas-bar .uk-button-primary:hover,.uk-overlay-primary .uk-button-primary:focus,.uk-overlay-primary .uk-button-primary:hover,.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:focus,.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:hover{background-color:#f2f2f2;color:#666}.uk-card-primary.uk-card-body .uk-button-primary.uk-active,.uk-card-primary.uk-card-body .uk-button-primary:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary.uk-active,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-primary:active,.uk-card-secondary.uk-card-body .uk-button-primary.uk-active,.uk-card-secondary.uk-card-body .uk-button-primary:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary.uk-active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-primary:active,.uk-light .uk-button-primary.uk-active,.uk-light .uk-button-primary:active,.uk-offcanvas-bar .uk-button-primary.uk-active,.uk-offcanvas-bar .uk-button-primary:active,.uk-overlay-primary .uk-button-primary.uk-active,.uk-overlay-primary .uk-button-primary:active,.uk-section-primary:not(.uk-preserve-color) .uk-button-primary.uk-active,.uk-section-primary:not(.uk-preserve-color) .uk-button-primary:active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-primary:active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary.uk-active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-primary:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary.uk-active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-primary:active{background-color:#e6e6e6;color:#666}.uk-card-primary.uk-card-body .uk-button-secondary,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary,.uk-card-secondary.uk-card-body .uk-button-secondary,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary,.uk-light .uk-button-secondary,.uk-offcanvas-bar .uk-button-secondary,.uk-overlay-primary .uk-button-secondary,.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary,.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary,.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary{background-color:#fff;color:#666}.uk-card-primary.uk-card-body .uk-button-secondary:focus,.uk-card-primary.uk-card-body .uk-button-secondary:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary:hover,.uk-card-secondary.uk-card-body .uk-button-secondary:focus,.uk-card-secondary.uk-card-body .uk-button-secondary:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary:hover,.uk-light .uk-button-secondary:focus,.uk-light .uk-button-secondary:hover,.uk-offcanvas-bar .uk-button-secondary:focus,.uk-offcanvas-bar .uk-button-secondary:hover,.uk-overlay-primary .uk-button-secondary:focus,.uk-overlay-primary .uk-button-secondary:hover,.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:focus,.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:hover{background-color:#f2f2f2;color:#666}.uk-card-primary.uk-card-body .uk-button-secondary.uk-active,.uk-card-primary.uk-card-body .uk-button-secondary:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary.uk-active,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-secondary:active,.uk-card-secondary.uk-card-body .uk-button-secondary.uk-active,.uk-card-secondary.uk-card-body .uk-button-secondary:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary.uk-active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-secondary:active,.uk-light .uk-button-secondary.uk-active,.uk-light .uk-button-secondary:active,.uk-offcanvas-bar .uk-button-secondary.uk-active,.uk-offcanvas-bar .uk-button-secondary:active,.uk-overlay-primary .uk-button-secondary.uk-active,.uk-overlay-primary .uk-button-secondary:active,.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active,.uk-section-primary:not(.uk-preserve-color) .uk-button-secondary:active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active,.uk-section-secondary:not(.uk-preserve-color) .uk-button-secondary:active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary.uk-active,.uk-tile-primary:not(.uk-preserve-color) .uk-button-secondary:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary.uk-active,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-secondary:active{background-color:#e6e6e6;color:#666}.uk-card-primary.uk-card-body .uk-button-text,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-text,.uk-card-secondary.uk-card-body .uk-button-text,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text,.uk-light .uk-button-text,.uk-offcanvas-bar .uk-button-text,.uk-overlay-primary .uk-button-text,.uk-section-primary:not(.uk-preserve-color) .uk-button-text,.uk-section-secondary:not(.uk-preserve-color) .uk-button-text,.uk-tile-primary:not(.uk-preserve-color) .uk-button-text,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text{color:#fff}.uk-card-primary.uk-card-body .uk-button-text::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-text::before,.uk-card-secondary.uk-card-body .uk-button-text::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text::before,.uk-light .uk-button-text::before,.uk-offcanvas-bar .uk-button-text::before,.uk-overlay-primary .uk-button-text::before,.uk-section-primary:not(.uk-preserve-color) .uk-button-text::before,.uk-section-secondary:not(.uk-preserve-color) .uk-button-text::before,.uk-tile-primary:not(.uk-preserve-color) .uk-button-text::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text::before{border-bottom-color:#fff}.uk-card-primary.uk-card-body .uk-button-text:focus,.uk-card-primary.uk-card-body .uk-button-text:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-text:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-text:hover,.uk-card-secondary.uk-card-body .uk-button-text:focus,.uk-card-secondary.uk-card-body .uk-button-text:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text:hover,.uk-light .uk-button-text:focus,.uk-light .uk-button-text:hover,.uk-offcanvas-bar .uk-button-text:focus,.uk-offcanvas-bar .uk-button-text:hover,.uk-overlay-primary .uk-button-text:focus,.uk-overlay-primary .uk-button-text:hover,.uk-section-primary:not(.uk-preserve-color) .uk-button-text:focus,.uk-section-primary:not(.uk-preserve-color) .uk-button-text:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:hover{color:#fff}.uk-card-primary.uk-card-body .uk-button-text:disabled,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-text:disabled,.uk-card-secondary.uk-card-body .uk-button-text:disabled,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-text:disabled,.uk-light .uk-button-text:disabled,.uk-offcanvas-bar .uk-button-text:disabled,.uk-overlay-primary .uk-button-text:disabled,.uk-section-primary:not(.uk-preserve-color) .uk-button-text:disabled,.uk-section-secondary:not(.uk-preserve-color) .uk-button-text:disabled,.uk-tile-primary:not(.uk-preserve-color) .uk-button-text:disabled,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-text:disabled{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-button-link,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-link,.uk-card-secondary.uk-card-body .uk-button-link,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-link,.uk-light .uk-button-link,.uk-offcanvas-bar .uk-button-link,.uk-overlay-primary .uk-button-link,.uk-section-primary:not(.uk-preserve-color) .uk-button-link,.uk-section-secondary:not(.uk-preserve-color) .uk-button-link,.uk-tile-primary:not(.uk-preserve-color) .uk-button-link,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-button-link:focus,.uk-card-primary.uk-card-body .uk-button-link:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-link:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-button-link:hover,.uk-card-secondary.uk-card-body .uk-button-link:focus,.uk-card-secondary.uk-card-body .uk-button-link:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-link:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-button-link:hover,.uk-light .uk-button-link:focus,.uk-light .uk-button-link:hover,.uk-offcanvas-bar .uk-button-link:focus,.uk-offcanvas-bar .uk-button-link:hover,.uk-overlay-primary .uk-button-link:focus,.uk-overlay-primary .uk-button-link:hover,.uk-section-primary:not(.uk-preserve-color) .uk-button-link:focus,.uk-section-primary:not(.uk-preserve-color) .uk-button-link:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-button-link:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-button-link:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-button-link:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-button-link:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-button-link:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-close,.uk-card-primary>:not([class*=uk-card-media]) .uk-close,.uk-card-secondary.uk-card-body .uk-close,.uk-card-secondary>:not([class*=uk-card-media]) .uk-close,.uk-light .uk-close,.uk-offcanvas-bar .uk-close,.uk-overlay-primary .uk-close,.uk-section-primary:not(.uk-preserve-color) .uk-close,.uk-section-secondary:not(.uk-preserve-color) .uk-close,.uk-tile-primary:not(.uk-preserve-color) .uk-close,.uk-tile-secondary:not(.uk-preserve-color) .uk-close{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-close:focus,.uk-card-primary.uk-card-body .uk-close:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-close:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-close:hover,.uk-card-secondary.uk-card-body .uk-close:focus,.uk-card-secondary.uk-card-body .uk-close:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-close:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-close:hover,.uk-light .uk-close:focus,.uk-light .uk-close:hover,.uk-offcanvas-bar .uk-close:focus,.uk-offcanvas-bar .uk-close:hover,.uk-overlay-primary .uk-close:focus,.uk-overlay-primary .uk-close:hover,.uk-section-primary:not(.uk-preserve-color) .uk-close:focus,.uk-section-primary:not(.uk-preserve-color) .uk-close:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-close:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-close:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-close:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-close:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-close:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-close:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-totop,.uk-card-primary>:not([class*=uk-card-media]) .uk-totop,.uk-card-secondary.uk-card-body .uk-totop,.uk-card-secondary>:not([class*=uk-card-media]) .uk-totop,.uk-light .uk-totop,.uk-offcanvas-bar .uk-totop,.uk-overlay-primary .uk-totop,.uk-section-primary:not(.uk-preserve-color) .uk-totop,.uk-section-secondary:not(.uk-preserve-color) .uk-totop,.uk-tile-primary:not(.uk-preserve-color) .uk-totop,.uk-tile-secondary:not(.uk-preserve-color) .uk-totop{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-totop:focus,.uk-card-primary.uk-card-body .uk-totop:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-totop:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-totop:hover,.uk-card-secondary.uk-card-body .uk-totop:focus,.uk-card-secondary.uk-card-body .uk-totop:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-totop:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-totop:hover,.uk-light .uk-totop:focus,.uk-light .uk-totop:hover,.uk-offcanvas-bar .uk-totop:focus,.uk-offcanvas-bar .uk-totop:hover,.uk-overlay-primary .uk-totop:focus,.uk-overlay-primary .uk-totop:hover,.uk-section-primary:not(.uk-preserve-color) .uk-totop:focus,.uk-section-primary:not(.uk-preserve-color) .uk-totop:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-totop:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-totop:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-totop:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-totop:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-totop:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-totop:active,.uk-card-secondary.uk-card-body .uk-totop:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-totop:active,.uk-light .uk-totop:active,.uk-offcanvas-bar .uk-totop:active,.uk-overlay-primary .uk-totop:active,.uk-section-primary:not(.uk-preserve-color) .uk-totop:active,.uk-section-secondary:not(.uk-preserve-color) .uk-totop:active,.uk-tile-primary:not(.uk-preserve-color) .uk-totop:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-totop:active{color:#fff}.uk-card-primary.uk-card-body .uk-marker,.uk-card-primary>:not([class*=uk-card-media]) .uk-marker,.uk-card-secondary.uk-card-body .uk-marker,.uk-card-secondary>:not([class*=uk-card-media]) .uk-marker,.uk-light .uk-marker,.uk-offcanvas-bar .uk-marker,.uk-overlay-primary .uk-marker,.uk-section-primary:not(.uk-preserve-color) .uk-marker,.uk-section-secondary:not(.uk-preserve-color) .uk-marker,.uk-tile-primary:not(.uk-preserve-color) .uk-marker,.uk-tile-secondary:not(.uk-preserve-color) .uk-marker{background:#f8f8f8;color:#666}.uk-card-primary.uk-card-body .uk-marker:focus,.uk-card-primary.uk-card-body .uk-marker:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-marker:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-marker:hover,.uk-card-secondary.uk-card-body .uk-marker:focus,.uk-card-secondary.uk-card-body .uk-marker:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-marker:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-marker:hover,.uk-light .uk-marker:focus,.uk-light .uk-marker:hover,.uk-offcanvas-bar .uk-marker:focus,.uk-offcanvas-bar .uk-marker:hover,.uk-overlay-primary .uk-marker:focus,.uk-overlay-primary .uk-marker:hover,.uk-section-primary:not(.uk-preserve-color) .uk-marker:focus,.uk-section-primary:not(.uk-preserve-color) .uk-marker:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-marker:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-marker:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-marker:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-marker:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-marker:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-marker:hover{color:#666}.uk-card-primary.uk-card-body .uk-badge,.uk-card-primary>:not([class*=uk-card-media]) .uk-badge,.uk-card-secondary.uk-card-body .uk-badge,.uk-card-secondary>:not([class*=uk-card-media]) .uk-badge,.uk-light .uk-badge,.uk-offcanvas-bar .uk-badge,.uk-overlay-primary .uk-badge,.uk-section-primary:not(.uk-preserve-color) .uk-badge,.uk-section-secondary:not(.uk-preserve-color) .uk-badge,.uk-tile-primary:not(.uk-preserve-color) .uk-badge,.uk-tile-secondary:not(.uk-preserve-color) .uk-badge{background-color:#fff;color:#666}.uk-card-primary.uk-card-body .uk-badge:focus,.uk-card-primary.uk-card-body .uk-badge:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-badge:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-badge:hover,.uk-card-secondary.uk-card-body .uk-badge:focus,.uk-card-secondary.uk-card-body .uk-badge:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-badge:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-badge:hover,.uk-light .uk-badge:focus,.uk-light .uk-badge:hover,.uk-offcanvas-bar .uk-badge:focus,.uk-offcanvas-bar .uk-badge:hover,.uk-overlay-primary .uk-badge:focus,.uk-overlay-primary .uk-badge:hover,.uk-section-primary:not(.uk-preserve-color) .uk-badge:focus,.uk-section-primary:not(.uk-preserve-color) .uk-badge:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-badge:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-badge:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-badge:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-badge:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-badge:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-badge:hover{color:#666}.uk-card-primary.uk-card-body .uk-label,.uk-card-primary>:not([class*=uk-card-media]) .uk-label,.uk-card-secondary.uk-card-body .uk-label,.uk-card-secondary>:not([class*=uk-card-media]) .uk-label,.uk-light .uk-label,.uk-offcanvas-bar .uk-label,.uk-overlay-primary .uk-label,.uk-section-primary:not(.uk-preserve-color) .uk-label,.uk-section-secondary:not(.uk-preserve-color) .uk-label,.uk-tile-primary:not(.uk-preserve-color) .uk-label,.uk-tile-secondary:not(.uk-preserve-color) .uk-label{background-color:#fff;color:#666}.uk-card-primary.uk-card-body .uk-article-meta,.uk-card-primary>:not([class*=uk-card-media]) .uk-article-meta,.uk-card-secondary.uk-card-body .uk-article-meta,.uk-card-secondary>:not([class*=uk-card-media]) .uk-article-meta,.uk-light .uk-article-meta,.uk-offcanvas-bar .uk-article-meta,.uk-overlay-primary .uk-article-meta,.uk-section-primary:not(.uk-preserve-color) .uk-article-meta,.uk-section-secondary:not(.uk-preserve-color) .uk-article-meta,.uk-tile-primary:not(.uk-preserve-color) .uk-article-meta,.uk-tile-secondary:not(.uk-preserve-color) .uk-article-meta{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-search-input,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-input,.uk-card-secondary.uk-card-body .uk-search-input,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-input,.uk-light .uk-search-input,.uk-offcanvas-bar .uk-search-input,.uk-overlay-primary .uk-search-input,.uk-section-primary:not(.uk-preserve-color) .uk-search-input,.uk-section-secondary:not(.uk-preserve-color) .uk-search-input,.uk-tile-primary:not(.uk-preserve-color) .uk-search-input,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-search-input:-ms-input-placeholder,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-input:-ms-input-placeholder,.uk-card-secondary.uk-card-body .uk-search-input:-ms-input-placeholder,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-input:-ms-input-placeholder,.uk-light .uk-search-input:-ms-input-placeholder,.uk-offcanvas-bar .uk-search-input:-ms-input-placeholder,.uk-overlay-primary .uk-search-input:-ms-input-placeholder,.uk-section-primary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder,.uk-section-secondary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder,.uk-tile-primary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input:-ms-input-placeholder{color:rgba(255,255,255,.5)!important}.uk-card-primary.uk-card-body .uk-search-input::placeholder,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-input::placeholder,.uk-card-secondary.uk-card-body .uk-search-input::placeholder,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-input::placeholder,.uk-light .uk-search-input::placeholder,.uk-offcanvas-bar .uk-search-input::placeholder,.uk-overlay-primary .uk-search-input::placeholder,.uk-section-primary:not(.uk-preserve-color) .uk-search-input::placeholder,.uk-section-secondary:not(.uk-preserve-color) .uk-search-input::placeholder,.uk-tile-primary:not(.uk-preserve-color) .uk-search-input::placeholder,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-input::placeholder{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-search .uk-search-icon,.uk-card-primary>:not([class*=uk-card-media]) .uk-search .uk-search-icon,.uk-card-secondary.uk-card-body .uk-search .uk-search-icon,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search .uk-search-icon,.uk-light .uk-search .uk-search-icon,.uk-offcanvas-bar .uk-search .uk-search-icon,.uk-overlay-primary .uk-search .uk-search-icon,.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon,.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon,.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-search .uk-search-icon:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-search .uk-search-icon:hover,.uk-card-secondary.uk-card-body .uk-search .uk-search-icon:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search .uk-search-icon:hover,.uk-light .uk-search .uk-search-icon:hover,.uk-offcanvas-bar .uk-search .uk-search-icon:hover,.uk-overlay-primary .uk-search .uk-search-icon:hover,.uk-section-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-search .uk-search-icon:hover{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-search-default .uk-search-input,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-default .uk-search-input,.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-default .uk-search-input,.uk-light .uk-search-default .uk-search-input,.uk-offcanvas-bar .uk-search-default .uk-search-input,.uk-overlay-primary .uk-search-default .uk-search-input,.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input,.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input{background-color:transparent;border-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-search-default .uk-search-input:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-default .uk-search-input:focus,.uk-card-secondary.uk-card-body .uk-search-default .uk-search-input:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-default .uk-search-input:focus,.uk-light .uk-search-default .uk-search-input:focus,.uk-offcanvas-bar .uk-search-default .uk-search-input:focus,.uk-overlay-primary .uk-search-default .uk-search-input:focus,.uk-section-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-default .uk-search-input:focus{background-color:transparent}.uk-card-primary.uk-card-body .uk-search-navbar .uk-search-input,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-navbar .uk-search-input,.uk-card-secondary.uk-card-body .uk-search-navbar .uk-search-input,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-navbar .uk-search-input,.uk-light .uk-search-navbar .uk-search-input,.uk-offcanvas-bar .uk-search-navbar .uk-search-input,.uk-overlay-primary .uk-search-navbar .uk-search-input,.uk-section-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,.uk-section-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,.uk-tile-primary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-navbar .uk-search-input{background-color:transparent}.uk-card-primary.uk-card-body .uk-search-large .uk-search-input,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-large .uk-search-input,.uk-card-secondary.uk-card-body .uk-search-large .uk-search-input,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-large .uk-search-input,.uk-light .uk-search-large .uk-search-input,.uk-offcanvas-bar .uk-search-large .uk-search-input,.uk-overlay-primary .uk-search-large .uk-search-input,.uk-section-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,.uk-section-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input,.uk-tile-primary:not(.uk-preserve-color) .uk-search-large .uk-search-input,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-large .uk-search-input{background-color:transparent}.uk-card-primary.uk-card-body .uk-search-toggle,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-toggle,.uk-card-secondary.uk-card-body .uk-search-toggle,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-toggle,.uk-light .uk-search-toggle,.uk-offcanvas-bar .uk-search-toggle,.uk-overlay-primary .uk-search-toggle,.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle,.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle,.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-search-toggle:focus,.uk-card-primary.uk-card-body .uk-search-toggle:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-toggle:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-search-toggle:hover,.uk-card-secondary.uk-card-body .uk-search-toggle:focus,.uk-card-secondary.uk-card-body .uk-search-toggle:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-toggle:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-search-toggle:hover,.uk-light .uk-search-toggle:focus,.uk-light .uk-search-toggle:hover,.uk-offcanvas-bar .uk-search-toggle:focus,.uk-offcanvas-bar .uk-search-toggle:hover,.uk-overlay-primary .uk-search-toggle:focus,.uk-overlay-primary .uk-search-toggle:hover,.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:focus,.uk-section-primary:not(.uk-preserve-color) .uk-search-toggle:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-search-toggle:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-search-toggle:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-search-toggle:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-accordion-title,.uk-card-primary>:not([class*=uk-card-media]) .uk-accordion-title,.uk-card-secondary.uk-card-body .uk-accordion-title,.uk-card-secondary>:not([class*=uk-card-media]) .uk-accordion-title,.uk-light .uk-accordion-title,.uk-offcanvas-bar .uk-accordion-title,.uk-overlay-primary .uk-accordion-title,.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title,.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title,.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title,.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title{color:#fff}.uk-card-primary.uk-card-body .uk-accordion-title:focus,.uk-card-primary.uk-card-body .uk-accordion-title:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-accordion-title:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-accordion-title:hover,.uk-card-secondary.uk-card-body .uk-accordion-title:focus,.uk-card-secondary.uk-card-body .uk-accordion-title:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-accordion-title:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-accordion-title:hover,.uk-light .uk-accordion-title:focus,.uk-light .uk-accordion-title:hover,.uk-offcanvas-bar .uk-accordion-title:focus,.uk-offcanvas-bar .uk-accordion-title:hover,.uk-overlay-primary .uk-accordion-title:focus,.uk-overlay-primary .uk-accordion-title:hover,.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title:focus,.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-grid-divider>:not(.uk-first-column)::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-grid-divider>:not(.uk-first-column)::before,.uk-card-secondary.uk-card-body .uk-grid-divider>:not(.uk-first-column)::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-grid-divider>:not(.uk-first-column)::before,.uk-light .uk-grid-divider>:not(.uk-first-column)::before,.uk-offcanvas-bar .uk-grid-divider>:not(.uk-first-column)::before,.uk-overlay-primary .uk-grid-divider>:not(.uk-first-column)::before,.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before,.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before,.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider>:not(.uk-first-column)::before{border-left-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-card-secondary.uk-card-body .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-light .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-offcanvas-bar .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-overlay-primary .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-section-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-section-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-tile-primary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-grid-divider.uk-grid-stack>.uk-grid-margin::before{border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-nav-parent-icon>.uk-parent>a::after,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-parent-icon>.uk-parent>a::after,.uk-card-secondary.uk-card-body .uk-nav-parent-icon>.uk-parent>a::after,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-parent-icon>.uk-parent>a::after,.uk-light .uk-nav-parent-icon>.uk-parent>a::after,.uk-offcanvas-bar .uk-nav-parent-icon>.uk-parent>a::after,.uk-overlay-primary .uk-nav-parent-icon>.uk-parent>a::after,.uk-section-primary:not(.uk-preserve-color) .uk-nav-parent-icon>.uk-parent>a::after,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-parent-icon>.uk-parent>a::after,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-parent-icon>.uk-parent>a::after,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-parent-icon>.uk-parent>a::after{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20stroke-width%3D%221.1%22%20points%3D%2210%201%204%207%2010%2013%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-card-primary.uk-card-body .uk-nav-parent-icon>.uk-parent.uk-open>a::after,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-parent-icon>.uk-parent.uk-open>a::after,.uk-card-secondary.uk-card-body .uk-nav-parent-icon>.uk-parent.uk-open>a::after,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-parent-icon>.uk-parent.uk-open>a::after,.uk-light .uk-nav-parent-icon>.uk-parent.uk-open>a::after,.uk-offcanvas-bar .uk-nav-parent-icon>.uk-parent.uk-open>a::after,.uk-overlay-primary .uk-nav-parent-icon>.uk-parent.uk-open>a::after,.uk-section-primary:not(.uk-preserve-color) .uk-nav-parent-icon>.uk-parent.uk-open>a::after,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-parent-icon>.uk-parent.uk-open>a::after,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-parent-icon>.uk-parent.uk-open>a::after,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-parent-icon>.uk-parent.uk-open>a::after{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Cpolyline%20fill%3D%22none%22%20stroke%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20stroke-width%3D%221.1%22%20points%3D%221%204%207%2010%2013%204%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-card-primary.uk-card-body .uk-nav-default>li>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default>li>a,.uk-card-secondary.uk-card-body .uk-nav-default>li>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default>li>a,.uk-light .uk-nav-default>li>a,.uk-offcanvas-bar .uk-nav-default>li>a,.uk-overlay-primary .uk-nav-default>li>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li>a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-nav-default>li>a:focus,.uk-card-primary.uk-card-body .uk-nav-default>li>a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default>li>a:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default>li>a:hover,.uk-card-secondary.uk-card-body .uk-nav-default>li>a:focus,.uk-card-secondary.uk-card-body .uk-nav-default>li>a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default>li>a:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default>li>a:hover,.uk-light .uk-nav-default>li>a:focus,.uk-light .uk-nav-default>li>a:hover,.uk-offcanvas-bar .uk-nav-default>li>a:focus,.uk-offcanvas-bar .uk-nav-default>li>a:hover,.uk-overlay-primary .uk-nav-default>li>a:focus,.uk-overlay-primary .uk-nav-default>li>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li>a:focus,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li>a:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li>a:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li>a:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li>a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-nav-default>li.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default>li.uk-active>a,.uk-card-secondary.uk-card-body .uk-nav-default>li.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default>li.uk-active>a,.uk-light .uk-nav-default>li.uk-active>a,.uk-offcanvas-bar .uk-nav-default>li.uk-active>a,.uk-overlay-primary .uk-nav-default>li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default>li.uk-active>a{color:#fff}.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-header,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-header,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-header,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-header,.uk-light .uk-nav-default .uk-nav-header,.uk-offcanvas-bar .uk-nav-default .uk-nav-header,.uk-overlay-primary .uk-nav-default .uk-nav-header,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-header{color:#fff}.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-divider,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-divider,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-divider,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-divider,.uk-light .uk-nav-default .uk-nav-divider,.uk-offcanvas-bar .uk-nav-default .uk-nav-divider,.uk-overlay-primary .uk-nav-default .uk-nav-divider,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-divider{border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a,.uk-light .uk-nav-default .uk-nav-sub a,.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a,.uk-overlay-primary .uk-nav-default .uk-nav-sub a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:focus,.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a:hover,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:focus,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub a:hover,.uk-light .uk-nav-default .uk-nav-sub a:focus,.uk-light .uk-nav-default .uk-nav-sub a:hover,.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:focus,.uk-offcanvas-bar .uk-nav-default .uk-nav-sub a:hover,.uk-overlay-primary .uk-nav-default .uk-nav-sub a:focus,.uk-overlay-primary .uk-nav-default .uk-nav-sub a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-card-secondary.uk-card-body .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-light .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-offcanvas-bar .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-overlay-primary .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-default .uk-nav-sub li.uk-active>a{color:#fff}.uk-card-primary.uk-card-body .uk-nav-primary>li>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary>li>a,.uk-card-secondary.uk-card-body .uk-nav-primary>li>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary>li>a,.uk-light .uk-nav-primary>li>a,.uk-offcanvas-bar .uk-nav-primary>li>a,.uk-overlay-primary .uk-nav-primary>li>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary>li>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary>li>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-nav-primary>li>a:focus,.uk-card-primary.uk-card-body .uk-nav-primary>li>a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary>li>a:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary>li>a:hover,.uk-card-secondary.uk-card-body .uk-nav-primary>li>a:focus,.uk-card-secondary.uk-card-body .uk-nav-primary>li>a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary>li>a:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary>li>a:hover,.uk-light .uk-nav-primary>li>a:focus,.uk-light .uk-nav-primary>li>a:hover,.uk-offcanvas-bar .uk-nav-primary>li>a:focus,.uk-offcanvas-bar .uk-nav-primary>li>a:hover,.uk-overlay-primary .uk-nav-primary>li>a:focus,.uk-overlay-primary .uk-nav-primary>li>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary>li>a:focus,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary>li>a:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary>li>a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-nav-primary>li.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary>li.uk-active>a,.uk-card-secondary.uk-card-body .uk-nav-primary>li.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary>li.uk-active>a,.uk-light .uk-nav-primary>li.uk-active>a,.uk-offcanvas-bar .uk-nav-primary>li.uk-active>a,.uk-overlay-primary .uk-nav-primary>li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary>li.uk-active>a{color:#fff}.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-header,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-header,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-header,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-header,.uk-light .uk-nav-primary .uk-nav-header,.uk-offcanvas-bar .uk-nav-primary .uk-nav-header,.uk-overlay-primary .uk-nav-primary .uk-nav-header,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-header{color:#fff}.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-divider,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-divider,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-divider,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-divider,.uk-light .uk-nav-primary .uk-nav-divider,.uk-offcanvas-bar .uk-nav-primary .uk-nav-divider,.uk-overlay-primary .uk-nav-primary .uk-nav-divider,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-divider{border-top-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a,.uk-light .uk-nav-primary .uk-nav-sub a,.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a,.uk-overlay-primary .uk-nav-primary .uk-nav-sub a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:focus,.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a:hover,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:focus,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub a:hover,.uk-light .uk-nav-primary .uk-nav-sub a:focus,.uk-light .uk-nav-primary .uk-nav-sub a:hover,.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:focus,.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub a:hover,.uk-overlay-primary .uk-nav-primary .uk-nav-sub a:focus,.uk-overlay-primary .uk-nav-primary .uk-nav-sub a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-card-secondary.uk-card-body .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-light .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-offcanvas-bar .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-overlay-primary .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-nav-primary .uk-nav-sub li.uk-active>a{color:#fff}.uk-card-primary.uk-card-body .uk-navbar-nav>li>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a,.uk-card-secondary.uk-card-body .uk-navbar-nav>li>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a,.uk-light .uk-navbar-nav>li>a,.uk-offcanvas-bar .uk-navbar-nav>li>a,.uk-overlay-primary .uk-navbar-nav>li>a,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-navbar-nav>li:hover>a,.uk-card-primary.uk-card-body .uk-navbar-nav>li>a.uk-open,.uk-card-primary.uk-card-body .uk-navbar-nav>li>a:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li:hover>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a.uk-open,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a:focus,.uk-card-secondary.uk-card-body .uk-navbar-nav>li:hover>a,.uk-card-secondary.uk-card-body .uk-navbar-nav>li>a.uk-open,.uk-card-secondary.uk-card-body .uk-navbar-nav>li>a:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li:hover>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a.uk-open,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a:focus,.uk-light .uk-navbar-nav>li:hover>a,.uk-light .uk-navbar-nav>li>a.uk-open,.uk-light .uk-navbar-nav>li>a:focus,.uk-offcanvas-bar .uk-navbar-nav>li:hover>a,.uk-offcanvas-bar .uk-navbar-nav>li>a.uk-open,.uk-offcanvas-bar .uk-navbar-nav>li>a:focus,.uk-overlay-primary .uk-navbar-nav>li:hover>a,.uk-overlay-primary .uk-navbar-nav>li>a.uk-open,.uk-overlay-primary .uk-navbar-nav>li>a:focus,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a.uk-open,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a.uk-open,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a.uk-open,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li:hover>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a.uk-open,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a:focus{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-navbar-nav>li>a:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a:active,.uk-card-secondary.uk-card-body .uk-navbar-nav>li>a:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li>a:active,.uk-light .uk-navbar-nav>li>a:active,.uk-offcanvas-bar .uk-navbar-nav>li>a:active,.uk-overlay-primary .uk-navbar-nav>li>a:active,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li>a:active{color:#fff}.uk-card-primary.uk-card-body .uk-navbar-nav>li.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-nav>li.uk-active>a,.uk-card-secondary.uk-card-body .uk-navbar-nav>li.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-nav>li.uk-active>a,.uk-light .uk-navbar-nav>li.uk-active>a,.uk-offcanvas-bar .uk-navbar-nav>li.uk-active>a,.uk-overlay-primary .uk-navbar-nav>li.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-nav>li.uk-active>a{color:#fff}.uk-card-primary.uk-card-body .uk-navbar-item,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-item,.uk-card-secondary.uk-card-body .uk-navbar-item,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-item,.uk-light .uk-navbar-item,.uk-offcanvas-bar .uk-navbar-item,.uk-overlay-primary .uk-navbar-item,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-item,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-item,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-item,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-item{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-navbar-toggle,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-toggle,.uk-card-secondary.uk-card-body .uk-navbar-toggle,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-toggle,.uk-light .uk-navbar-toggle,.uk-offcanvas-bar .uk-navbar-toggle,.uk-overlay-primary .uk-navbar-toggle,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-navbar-toggle.uk-open,.uk-card-primary.uk-card-body .uk-navbar-toggle:focus,.uk-card-primary.uk-card-body .uk-navbar-toggle:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-toggle.uk-open,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-toggle:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-navbar-toggle:hover,.uk-card-secondary.uk-card-body .uk-navbar-toggle.uk-open,.uk-card-secondary.uk-card-body .uk-navbar-toggle:focus,.uk-card-secondary.uk-card-body .uk-navbar-toggle:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-toggle.uk-open,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-toggle:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-navbar-toggle:hover,.uk-light .uk-navbar-toggle.uk-open,.uk-light .uk-navbar-toggle:focus,.uk-light .uk-navbar-toggle:hover,.uk-offcanvas-bar .uk-navbar-toggle.uk-open,.uk-offcanvas-bar .uk-navbar-toggle:focus,.uk-offcanvas-bar .uk-navbar-toggle:hover,.uk-overlay-primary .uk-navbar-toggle.uk-open,.uk-overlay-primary .uk-navbar-toggle:focus,.uk-overlay-primary .uk-navbar-toggle:hover,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:focus,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle.uk-open,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-subnav>*>:first-child,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>*>:first-child,.uk-card-secondary.uk-card-body .uk-subnav>*>:first-child,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav>*>:first-child,.uk-light .uk-subnav>*>:first-child,.uk-offcanvas-bar .uk-subnav>*>:first-child,.uk-overlay-primary .uk-subnav>*>:first-child,.uk-section-primary:not(.uk-preserve-color) .uk-subnav>*>:first-child,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav>*>:first-child,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav>*>:first-child,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>*>:first-child{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-subnav>*>a:focus,.uk-card-primary.uk-card-body .uk-subnav>*>a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>*>a:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>*>a:hover,.uk-card-secondary.uk-card-body .uk-subnav>*>a:focus,.uk-card-secondary.uk-card-body .uk-subnav>*>a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav>*>a:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav>*>a:hover,.uk-light .uk-subnav>*>a:focus,.uk-light .uk-subnav>*>a:hover,.uk-offcanvas-bar .uk-subnav>*>a:focus,.uk-offcanvas-bar .uk-subnav>*>a:hover,.uk-overlay-primary .uk-subnav>*>a:focus,.uk-overlay-primary .uk-subnav>*>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-subnav>*>a:focus,.uk-section-primary:not(.uk-preserve-color) .uk-subnav>*>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav>*>a:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav>*>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav>*>a:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav>*>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>*>a:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>*>a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-subnav>.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>.uk-active>a,.uk-card-secondary.uk-card-body .uk-subnav>.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav>.uk-active>a,.uk-light .uk-subnav>.uk-active>a,.uk-offcanvas-bar .uk-subnav>.uk-active>a,.uk-overlay-primary .uk-subnav>.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-subnav>.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav>.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav>.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>.uk-active>a{color:#fff}.uk-card-primary.uk-card-body .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-secondary.uk-card-body .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-light .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-offcanvas-bar .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-overlay-primary .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-divider>:nth-child(n+2):not(.uk-first-column)::before{border-left-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-subnav-pill>*>:first-child,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>*>:first-child,.uk-card-secondary.uk-card-body .uk-subnav-pill>*>:first-child,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill>*>:first-child,.uk-light .uk-subnav-pill>*>:first-child,.uk-offcanvas-bar .uk-subnav-pill>*>:first-child,.uk-overlay-primary .uk-subnav-pill>*>:first-child,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>:first-child{background-color:transparent;color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-subnav-pill>*>a:focus,.uk-card-primary.uk-card-body .uk-subnav-pill>*>a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:hover,.uk-card-secondary.uk-card-body .uk-subnav-pill>*>a:focus,.uk-card-secondary.uk-card-body .uk-subnav-pill>*>a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:hover,.uk-light .uk-subnav-pill>*>a:focus,.uk-light .uk-subnav-pill>*>a:hover,.uk-offcanvas-bar .uk-subnav-pill>*>a:focus,.uk-offcanvas-bar .uk-subnav-pill>*>a:hover,.uk-overlay-primary .uk-subnav-pill>*>a:focus,.uk-overlay-primary .uk-subnav-pill>*>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:focus,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:hover{background-color:rgba(255,255,255,.1);color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-subnav-pill>*>a:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:active,.uk-card-secondary.uk-card-body .uk-subnav-pill>*>a:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill>*>a:active,.uk-light .uk-subnav-pill>*>a:active,.uk-offcanvas-bar .uk-subnav-pill>*>a:active,.uk-overlay-primary .uk-subnav-pill>*>a:active,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>*>a:active{background-color:rgba(255,255,255,.1);color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-subnav-pill>.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav-pill>.uk-active>a,.uk-card-secondary.uk-card-body .uk-subnav-pill>.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav-pill>.uk-active>a,.uk-light .uk-subnav-pill>.uk-active>a,.uk-offcanvas-bar .uk-subnav-pill>.uk-active>a,.uk-overlay-primary .uk-subnav-pill>.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav-pill>.uk-active>a{background-color:#fff;color:#666}.uk-card-primary.uk-card-body .uk-subnav>.uk-disabled>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-subnav>.uk-disabled>a,.uk-card-secondary.uk-card-body .uk-subnav>.uk-disabled>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-subnav>.uk-disabled>a,.uk-light .uk-subnav>.uk-disabled>a,.uk-offcanvas-bar .uk-subnav>.uk-disabled>a,.uk-overlay-primary .uk-subnav>.uk-disabled>a,.uk-section-primary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a,.uk-section-secondary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a,.uk-tile-primary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-subnav>.uk-disabled>a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-breadcrumb>*>*,.uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>*>*,.uk-card-secondary.uk-card-body .uk-breadcrumb>*>*,.uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb>*>*,.uk-light .uk-breadcrumb>*>*,.uk-offcanvas-bar .uk-breadcrumb>*>*,.uk-overlay-primary .uk-breadcrumb>*>*,.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>*>*,.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>*,.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>*>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>*{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-breadcrumb>*>:focus,.uk-card-primary.uk-card-body .uk-breadcrumb>*>:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>*>:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>*>:hover,.uk-card-secondary.uk-card-body .uk-breadcrumb>*>:focus,.uk-card-secondary.uk-card-body .uk-breadcrumb>*>:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb>*>:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb>*>:hover,.uk-light .uk-breadcrumb>*>:focus,.uk-light .uk-breadcrumb>*>:hover,.uk-offcanvas-bar .uk-breadcrumb>*>:focus,.uk-offcanvas-bar .uk-breadcrumb>*>:hover,.uk-overlay-primary .uk-breadcrumb>*>:focus,.uk-overlay-primary .uk-breadcrumb>*>:hover,.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>*>:focus,.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>*>:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>*>:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-breadcrumb>:last-child>*,.uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>:last-child>*,.uk-card-secondary.uk-card-body .uk-breadcrumb>:last-child>*,.uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb>:last-child>*,.uk-light .uk-breadcrumb>:last-child>*,.uk-offcanvas-bar .uk-breadcrumb>:last-child>*,.uk-overlay-primary .uk-breadcrumb>:last-child>*,.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*,.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*,.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>:last-child>*{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-secondary.uk-card-body .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-light .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-offcanvas-bar .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-overlay-primary .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-section-primary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-section-secondary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-tile-primary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-breadcrumb>:nth-child(n+2):not(.uk-first-column)::before{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-pagination>*>*,.uk-card-primary>:not([class*=uk-card-media]) .uk-pagination>*>*,.uk-card-secondary.uk-card-body .uk-pagination>*>*,.uk-card-secondary>:not([class*=uk-card-media]) .uk-pagination>*>*,.uk-light .uk-pagination>*>*,.uk-offcanvas-bar .uk-pagination>*>*,.uk-overlay-primary .uk-pagination>*>*,.uk-section-primary:not(.uk-preserve-color) .uk-pagination>*>*,.uk-section-secondary:not(.uk-preserve-color) .uk-pagination>*>*,.uk-tile-primary:not(.uk-preserve-color) .uk-pagination>*>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>*>*{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-pagination>*>:focus,.uk-card-primary.uk-card-body .uk-pagination>*>:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-pagination>*>:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-pagination>*>:hover,.uk-card-secondary.uk-card-body .uk-pagination>*>:focus,.uk-card-secondary.uk-card-body .uk-pagination>*>:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-pagination>*>:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-pagination>*>:hover,.uk-light .uk-pagination>*>:focus,.uk-light .uk-pagination>*>:hover,.uk-offcanvas-bar .uk-pagination>*>:focus,.uk-offcanvas-bar .uk-pagination>*>:hover,.uk-overlay-primary .uk-pagination>*>:focus,.uk-overlay-primary .uk-pagination>*>:hover,.uk-section-primary:not(.uk-preserve-color) .uk-pagination>*>:focus,.uk-section-primary:not(.uk-preserve-color) .uk-pagination>*>:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-pagination>*>:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-pagination>*>:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-pagination>*>:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-pagination>*>:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>*>:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>*>:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-pagination>.uk-active>*,.uk-card-primary>:not([class*=uk-card-media]) .uk-pagination>.uk-active>*,.uk-card-secondary.uk-card-body .uk-pagination>.uk-active>*,.uk-card-secondary>:not([class*=uk-card-media]) .uk-pagination>.uk-active>*,.uk-light .uk-pagination>.uk-active>*,.uk-offcanvas-bar .uk-pagination>.uk-active>*,.uk-overlay-primary .uk-pagination>.uk-active>*,.uk-section-primary:not(.uk-preserve-color) .uk-pagination>.uk-active>*,.uk-section-secondary:not(.uk-preserve-color) .uk-pagination>.uk-active>*,.uk-tile-primary:not(.uk-preserve-color) .uk-pagination>.uk-active>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>.uk-active>*{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-pagination>.uk-disabled>*,.uk-card-primary>:not([class*=uk-card-media]) .uk-pagination>.uk-disabled>*,.uk-card-secondary.uk-card-body .uk-pagination>.uk-disabled>*,.uk-card-secondary>:not([class*=uk-card-media]) .uk-pagination>.uk-disabled>*,.uk-light .uk-pagination>.uk-disabled>*,.uk-offcanvas-bar .uk-pagination>.uk-disabled>*,.uk-overlay-primary .uk-pagination>.uk-disabled>*,.uk-section-primary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>*,.uk-section-secondary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>*,.uk-tile-primary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-pagination>.uk-disabled>*{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-tab::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-tab::before,.uk-card-secondary.uk-card-body .uk-tab::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-tab::before,.uk-light .uk-tab::before,.uk-offcanvas-bar .uk-tab::before,.uk-overlay-primary .uk-tab::before,.uk-section-primary:not(.uk-preserve-color) .uk-tab::before,.uk-section-secondary:not(.uk-preserve-color) .uk-tab::before,.uk-tile-primary:not(.uk-preserve-color) .uk-tab::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab::before{border-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-tab>*>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-tab>*>a,.uk-card-secondary.uk-card-body .uk-tab>*>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-tab>*>a,.uk-light .uk-tab>*>a,.uk-offcanvas-bar .uk-tab>*>a,.uk-overlay-primary .uk-tab>*>a,.uk-section-primary:not(.uk-preserve-color) .uk-tab>*>a,.uk-section-secondary:not(.uk-preserve-color) .uk-tab>*>a,.uk-tile-primary:not(.uk-preserve-color) .uk-tab>*>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab>*>a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-tab>*>a:focus,.uk-card-primary.uk-card-body .uk-tab>*>a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-tab>*>a:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-tab>*>a:hover,.uk-card-secondary.uk-card-body .uk-tab>*>a:focus,.uk-card-secondary.uk-card-body .uk-tab>*>a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-tab>*>a:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-tab>*>a:hover,.uk-light .uk-tab>*>a:focus,.uk-light .uk-tab>*>a:hover,.uk-offcanvas-bar .uk-tab>*>a:focus,.uk-offcanvas-bar .uk-tab>*>a:hover,.uk-overlay-primary .uk-tab>*>a:focus,.uk-overlay-primary .uk-tab>*>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-tab>*>a:focus,.uk-section-primary:not(.uk-preserve-color) .uk-tab>*>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-tab>*>a:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-tab>*>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-tab>*>a:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-tab>*>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab>*>a:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab>*>a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-tab>.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-tab>.uk-active>a,.uk-card-secondary.uk-card-body .uk-tab>.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-tab>.uk-active>a,.uk-light .uk-tab>.uk-active>a,.uk-offcanvas-bar .uk-tab>.uk-active>a,.uk-overlay-primary .uk-tab>.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-tab>.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-tab>.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-tab>.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab>.uk-active>a{color:#fff;border-color:#fff}.uk-card-primary.uk-card-body .uk-tab>.uk-disabled>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-tab>.uk-disabled>a,.uk-card-secondary.uk-card-body .uk-tab>.uk-disabled>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-tab>.uk-disabled>a,.uk-light .uk-tab>.uk-disabled>a,.uk-offcanvas-bar .uk-tab>.uk-disabled>a,.uk-overlay-primary .uk-tab>.uk-disabled>a,.uk-section-primary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a,.uk-section-secondary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a,.uk-tile-primary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-tab>.uk-disabled>a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-slidenav,.uk-card-primary>:not([class*=uk-card-media]) .uk-slidenav,.uk-card-secondary.uk-card-body .uk-slidenav,.uk-card-secondary>:not([class*=uk-card-media]) .uk-slidenav,.uk-light .uk-slidenav,.uk-offcanvas-bar .uk-slidenav,.uk-overlay-primary .uk-slidenav,.uk-section-primary:not(.uk-preserve-color) .uk-slidenav,.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav,.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav,.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-slidenav:focus,.uk-card-primary.uk-card-body .uk-slidenav:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-slidenav:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-slidenav:hover,.uk-card-secondary.uk-card-body .uk-slidenav:focus,.uk-card-secondary.uk-card-body .uk-slidenav:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-slidenav:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-slidenav:hover,.uk-light .uk-slidenav:focus,.uk-light .uk-slidenav:hover,.uk-offcanvas-bar .uk-slidenav:focus,.uk-offcanvas-bar .uk-slidenav:hover,.uk-overlay-primary .uk-slidenav:focus,.uk-overlay-primary .uk-slidenav:hover,.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:focus,.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:hover{color:rgba(255,255,255,.95)}.uk-card-primary.uk-card-body .uk-slidenav:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-slidenav:active,.uk-card-secondary.uk-card-body .uk-slidenav:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-slidenav:active,.uk-light .uk-slidenav:active,.uk-offcanvas-bar .uk-slidenav:active,.uk-overlay-primary .uk-slidenav:active,.uk-section-primary:not(.uk-preserve-color) .uk-slidenav:active,.uk-section-secondary:not(.uk-preserve-color) .uk-slidenav:active,.uk-tile-primary:not(.uk-preserve-color) .uk-slidenav:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-slidenav:active{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-dotnav>*>*,.uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>*>*,.uk-card-secondary.uk-card-body .uk-dotnav>*>*,.uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav>*>*,.uk-light .uk-dotnav>*>*,.uk-offcanvas-bar .uk-dotnav>*>*,.uk-overlay-primary .uk-dotnav>*>*,.uk-section-primary:not(.uk-preserve-color) .uk-dotnav>*>*,.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>*>*,.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>*>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>*>*{background-color:transparent;border-color:rgba(255,255,255,.9)}.uk-card-primary.uk-card-body .uk-dotnav>*>:focus,.uk-card-primary.uk-card-body .uk-dotnav>*>:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>*>:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>*>:hover,.uk-card-secondary.uk-card-body .uk-dotnav>*>:focus,.uk-card-secondary.uk-card-body .uk-dotnav>*>:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav>*>:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav>*>:hover,.uk-light .uk-dotnav>*>:focus,.uk-light .uk-dotnav>*>:hover,.uk-offcanvas-bar .uk-dotnav>*>:focus,.uk-offcanvas-bar .uk-dotnav>*>:hover,.uk-overlay-primary .uk-dotnav>*>:focus,.uk-overlay-primary .uk-dotnav>*>:hover,.uk-section-primary:not(.uk-preserve-color) .uk-dotnav>*>:focus,.uk-section-primary:not(.uk-preserve-color) .uk-dotnav>*>:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>*>:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>*>:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>*>:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>*>:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>*>:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>*>:hover{background-color:rgba(255,255,255,.9);border-color:transparent}.uk-card-primary.uk-card-body .uk-dotnav>*>:active,.uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>*>:active,.uk-card-secondary.uk-card-body .uk-dotnav>*>:active,.uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav>*>:active,.uk-light .uk-dotnav>*>:active,.uk-offcanvas-bar .uk-dotnav>*>:active,.uk-overlay-primary .uk-dotnav>*>:active,.uk-section-primary:not(.uk-preserve-color) .uk-dotnav>*>:active,.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>*>:active,.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>*>:active,.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>*>:active{background-color:rgba(255,255,255,.5);border-color:transparent}.uk-card-primary.uk-card-body .uk-dotnav>.uk-active>*,.uk-card-primary>:not([class*=uk-card-media]) .uk-dotnav>.uk-active>*,.uk-card-secondary.uk-card-body .uk-dotnav>.uk-active>*,.uk-card-secondary>:not([class*=uk-card-media]) .uk-dotnav>.uk-active>*,.uk-light .uk-dotnav>.uk-active>*,.uk-offcanvas-bar .uk-dotnav>.uk-active>*,.uk-overlay-primary .uk-dotnav>.uk-active>*,.uk-section-primary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*,.uk-section-secondary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*,.uk-tile-primary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*,.uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav>.uk-active>*{background-color:rgba(255,255,255,.9);border-color:transparent}.uk-card-primary.uk-card-body .uk-iconnav>*>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-iconnav>*>a,.uk-card-secondary.uk-card-body .uk-iconnav>*>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-iconnav>*>a,.uk-light .uk-iconnav>*>a,.uk-offcanvas-bar .uk-iconnav>*>a,.uk-overlay-primary .uk-iconnav>*>a,.uk-section-primary:not(.uk-preserve-color) .uk-iconnav>*>a,.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav>*>a,.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav>*>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav>*>a{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-iconnav>*>a:focus,.uk-card-primary.uk-card-body .uk-iconnav>*>a:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-iconnav>*>a:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-iconnav>*>a:hover,.uk-card-secondary.uk-card-body .uk-iconnav>*>a:focus,.uk-card-secondary.uk-card-body .uk-iconnav>*>a:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-iconnav>*>a:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-iconnav>*>a:hover,.uk-light .uk-iconnav>*>a:focus,.uk-light .uk-iconnav>*>a:hover,.uk-offcanvas-bar .uk-iconnav>*>a:focus,.uk-offcanvas-bar .uk-iconnav>*>a:hover,.uk-overlay-primary .uk-iconnav>*>a:focus,.uk-overlay-primary .uk-iconnav>*>a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-iconnav>*>a:focus,.uk-section-primary:not(.uk-preserve-color) .uk-iconnav>*>a:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav>*>a:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav>*>a:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav>*>a:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav>*>a:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav>*>a:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav>*>a:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-iconnav>.uk-active>a,.uk-card-primary>:not([class*=uk-card-media]) .uk-iconnav>.uk-active>a,.uk-card-secondary.uk-card-body .uk-iconnav>.uk-active>a,.uk-card-secondary>:not([class*=uk-card-media]) .uk-iconnav>.uk-active>a,.uk-light .uk-iconnav>.uk-active>a,.uk-offcanvas-bar .uk-iconnav>.uk-active>a,.uk-overlay-primary .uk-iconnav>.uk-active>a,.uk-section-primary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a,.uk-section-secondary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a,.uk-tile-primary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a,.uk-tile-secondary:not(.uk-preserve-color) .uk-iconnav>.uk-active>a{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-text-lead,.uk-card-primary>:not([class*=uk-card-media]) .uk-text-lead,.uk-card-secondary.uk-card-body .uk-text-lead,.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-lead,.uk-light .uk-text-lead,.uk-offcanvas-bar .uk-text-lead,.uk-overlay-primary .uk-text-lead,.uk-section-primary:not(.uk-preserve-color) .uk-text-lead,.uk-section-secondary:not(.uk-preserve-color) .uk-text-lead,.uk-tile-primary:not(.uk-preserve-color) .uk-text-lead,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-lead{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-text-meta,.uk-card-primary>:not([class*=uk-card-media]) .uk-text-meta,.uk-card-secondary.uk-card-body .uk-text-meta,.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-meta,.uk-light .uk-text-meta,.uk-offcanvas-bar .uk-text-meta,.uk-overlay-primary .uk-text-meta,.uk-section-primary:not(.uk-preserve-color) .uk-text-meta,.uk-section-secondary:not(.uk-preserve-color) .uk-text-meta,.uk-tile-primary:not(.uk-preserve-color) .uk-text-meta,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-meta{color:rgba(255,255,255,.5)}.uk-card-primary.uk-card-body .uk-text-muted,.uk-card-primary>:not([class*=uk-card-media]) .uk-text-muted,.uk-card-secondary.uk-card-body .uk-text-muted,.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-muted,.uk-light .uk-text-muted,.uk-offcanvas-bar .uk-text-muted,.uk-overlay-primary .uk-text-muted,.uk-section-primary:not(.uk-preserve-color) .uk-text-muted,.uk-section-secondary:not(.uk-preserve-color) .uk-text-muted,.uk-tile-primary:not(.uk-preserve-color) .uk-text-muted,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-muted{color:rgba(255,255,255,.5)!important}.uk-card-primary.uk-card-body .uk-text-emphasis,.uk-card-primary>:not([class*=uk-card-media]) .uk-text-emphasis,.uk-card-secondary.uk-card-body .uk-text-emphasis,.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-emphasis,.uk-light .uk-text-emphasis,.uk-offcanvas-bar .uk-text-emphasis,.uk-overlay-primary .uk-text-emphasis,.uk-section-primary:not(.uk-preserve-color) .uk-text-emphasis,.uk-section-secondary:not(.uk-preserve-color) .uk-text-emphasis,.uk-tile-primary:not(.uk-preserve-color) .uk-text-emphasis,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-emphasis{color:#fff!important}.uk-card-primary.uk-card-body .uk-text-primary,.uk-card-primary>:not([class*=uk-card-media]) .uk-text-primary,.uk-card-secondary.uk-card-body .uk-text-primary,.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-primary,.uk-light .uk-text-primary,.uk-offcanvas-bar .uk-text-primary,.uk-overlay-primary .uk-text-primary,.uk-section-primary:not(.uk-preserve-color) .uk-text-primary,.uk-section-secondary:not(.uk-preserve-color) .uk-text-primary,.uk-tile-primary:not(.uk-preserve-color) .uk-text-primary,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-primary{color:#fff!important}.uk-card-primary.uk-card-body .uk-text-secondary,.uk-card-primary>:not([class*=uk-card-media]) .uk-text-secondary,.uk-card-secondary.uk-card-body .uk-text-secondary,.uk-card-secondary>:not([class*=uk-card-media]) .uk-text-secondary,.uk-light .uk-text-secondary,.uk-offcanvas-bar .uk-text-secondary,.uk-overlay-primary .uk-text-secondary,.uk-section-primary:not(.uk-preserve-color) .uk-text-secondary,.uk-section-secondary:not(.uk-preserve-color) .uk-text-secondary,.uk-tile-primary:not(.uk-preserve-color) .uk-text-secondary,.uk-tile-secondary:not(.uk-preserve-color) .uk-text-secondary{color:#fff!important}.uk-card-primary.uk-card-body .uk-column-divider,.uk-card-primary>:not([class*=uk-card-media]) .uk-column-divider,.uk-card-secondary.uk-card-body .uk-column-divider,.uk-card-secondary>:not([class*=uk-card-media]) .uk-column-divider,.uk-light .uk-column-divider,.uk-offcanvas-bar .uk-column-divider,.uk-overlay-primary .uk-column-divider,.uk-section-primary:not(.uk-preserve-color) .uk-column-divider,.uk-section-secondary:not(.uk-preserve-color) .uk-column-divider,.uk-tile-primary:not(.uk-preserve-color) .uk-column-divider,.uk-tile-secondary:not(.uk-preserve-color) .uk-column-divider{column-rule-color:rgba(255,255,255,.2)}.uk-card-primary.uk-card-body .uk-logo,.uk-card-primary>:not([class*=uk-card-media]) .uk-logo,.uk-card-secondary.uk-card-body .uk-logo,.uk-card-secondary>:not([class*=uk-card-media]) .uk-logo,.uk-light .uk-logo,.uk-offcanvas-bar .uk-logo,.uk-overlay-primary .uk-logo,.uk-section-primary:not(.uk-preserve-color) .uk-logo,.uk-section-secondary:not(.uk-preserve-color) .uk-logo,.uk-tile-primary:not(.uk-preserve-color) .uk-logo,.uk-tile-secondary:not(.uk-preserve-color) .uk-logo{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-logo:focus,.uk-card-primary.uk-card-body .uk-logo:hover,.uk-card-primary>:not([class*=uk-card-media]) .uk-logo:focus,.uk-card-primary>:not([class*=uk-card-media]) .uk-logo:hover,.uk-card-secondary.uk-card-body .uk-logo:focus,.uk-card-secondary.uk-card-body .uk-logo:hover,.uk-card-secondary>:not([class*=uk-card-media]) .uk-logo:focus,.uk-card-secondary>:not([class*=uk-card-media]) .uk-logo:hover,.uk-light .uk-logo:focus,.uk-light .uk-logo:hover,.uk-offcanvas-bar .uk-logo:focus,.uk-offcanvas-bar .uk-logo:hover,.uk-overlay-primary .uk-logo:focus,.uk-overlay-primary .uk-logo:hover,.uk-section-primary:not(.uk-preserve-color) .uk-logo:focus,.uk-section-primary:not(.uk-preserve-color) .uk-logo:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-logo:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-logo:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-logo:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-logo:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-logo:hover{color:rgba(255,255,255,.7)}.uk-card-primary.uk-card-body .uk-logo>:not(.uk-logo-inverse):not(:only-of-type),.uk-card-primary>:not([class*=uk-card-media]) .uk-logo>:not(.uk-logo-inverse):not(:only-of-type),.uk-card-secondary.uk-card-body .uk-logo>:not(.uk-logo-inverse):not(:only-of-type),.uk-card-secondary>:not([class*=uk-card-media]) .uk-logo>:not(.uk-logo-inverse):not(:only-of-type),.uk-light .uk-logo>:not(.uk-logo-inverse):not(:only-of-type),.uk-offcanvas-bar .uk-logo>:not(.uk-logo-inverse):not(:only-of-type),.uk-overlay-primary .uk-logo>:not(.uk-logo-inverse):not(:only-of-type),.uk-section-primary:not(.uk-preserve-color) .uk-logo>:not(.uk-logo-inverse):not(:only-of-type),.uk-section-secondary:not(.uk-preserve-color) .uk-logo>:not(.uk-logo-inverse):not(:only-of-type),.uk-tile-primary:not(.uk-preserve-color) .uk-logo>:not(.uk-logo-inverse):not(:only-of-type),.uk-tile-secondary:not(.uk-preserve-color) .uk-logo>:not(.uk-logo-inverse):not(:only-of-type){display:none}.uk-card-primary.uk-card-body .uk-logo-inverse,.uk-card-primary>:not([class*=uk-card-media]) .uk-logo-inverse,.uk-card-secondary.uk-card-body .uk-logo-inverse,.uk-card-secondary>:not([class*=uk-card-media]) .uk-logo-inverse,.uk-light .uk-logo-inverse,.uk-offcanvas-bar .uk-logo-inverse,.uk-overlay-primary .uk-logo-inverse,.uk-section-primary:not(.uk-preserve-color) .uk-logo-inverse,.uk-section-secondary:not(.uk-preserve-color) .uk-logo-inverse,.uk-tile-primary:not(.uk-preserve-color) .uk-logo-inverse,.uk-tile-secondary:not(.uk-preserve-color) .uk-logo-inverse{display:inline}.uk-card-primary.uk-card-body .uk-accordion-title::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-accordion-title::before,.uk-card-secondary.uk-card-body .uk-accordion-title::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-accordion-title::before,.uk-light .uk-accordion-title::before,.uk-offcanvas-bar .uk-accordion-title::before,.uk-overlay-primary .uk-accordion-title::before,.uk-section-primary:not(.uk-preserve-color) .uk-accordion-title::before,.uk-section-secondary:not(.uk-preserve-color) .uk-accordion-title::before,.uk-tile-primary:not(.uk-preserve-color) .uk-accordion-title::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-accordion-title::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%221%22%20height%3D%2213%22%20x%3D%226%22%20y%3D%220%22%20%2F%3E%0A%3C%2Fsvg%3E")}.uk-card-primary.uk-card-body .uk-open>.uk-accordion-title::before,.uk-card-primary>:not([class*=uk-card-media]) .uk-open>.uk-accordion-title::before,.uk-card-secondary.uk-card-body .uk-open>.uk-accordion-title::before,.uk-card-secondary>:not([class*=uk-card-media]) .uk-open>.uk-accordion-title::before,.uk-light .uk-open>.uk-accordion-title::before,.uk-offcanvas-bar .uk-open>.uk-accordion-title::before,.uk-overlay-primary .uk-open>.uk-accordion-title::before,.uk-section-primary:not(.uk-preserve-color) .uk-open>.uk-accordion-title::before,.uk-section-secondary:not(.uk-preserve-color) .uk-open>.uk-accordion-title::before,.uk-tile-primary:not(.uk-preserve-color) .uk-open>.uk-accordion-title::before,.uk-tile-secondary:not(.uk-preserve-color) .uk-open>.uk-accordion-title::before{background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2213%22%20height%3D%2213%22%20viewBox%3D%220%200%2013%2013%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Crect%20fill%3D%22rgba%28255,%20255,%20255,%200.7%29%22%20width%3D%2213%22%20height%3D%221%22%20x%3D%220%22%20y%3D%226%22%20%2F%3E%0A%3C%2Fsvg%3E")}@media print{*,::after,::before{background:0 0!important;color:#000!important;box-shadow:none!important;text-shadow:none!important}a,a:visited{text-decoration:underline}blockquote,pre{border:1px solid #999;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}img{max-width:100%!important}@page{margin:.5cm}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}} \ No newline at end of file diff --git a/lib/fonts/FontAwesome.otf b/lib/fonts/FontAwesome.otf deleted file mode 100644 index 8b0f54e..0000000 Binary files a/lib/fonts/FontAwesome.otf and /dev/null differ diff --git a/lib/fonts/fontawesome-webfont.eot b/lib/fonts/fontawesome-webfont.eot deleted file mode 100644 index 7c79c6a..0000000 Binary files a/lib/fonts/fontawesome-webfont.eot and /dev/null differ diff --git a/lib/fonts/fontawesome-webfont.ttf b/lib/fonts/fontawesome-webfont.ttf deleted file mode 100644 index e89738d..0000000 Binary files a/lib/fonts/fontawesome-webfont.ttf and /dev/null differ diff --git a/lib/fonts/fontawesome-webfont.woff b/lib/fonts/fontawesome-webfont.woff deleted file mode 100644 index 8c1748a..0000000 Binary files a/lib/fonts/fontawesome-webfont.woff and /dev/null differ diff --git a/lib/js/uikit-icons.js b/lib/js/uikit-icons.js new file mode 100644 index 0000000..5865f64 --- /dev/null +++ b/lib/js/uikit-icons.js @@ -0,0 +1,167 @@ +/*! UIkit 3.5.5 | https://www.getuikit.com | (c) 2014 - 2020 YOOtheme | MIT License */ + +(function (global, factory) { + typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() : + typeof define === 'function' && define.amd ? define('uikiticons', factory) : + (global = global || self, global.UIkitIcons = factory()); +}(this, (function () { 'use strict'; + + function plugin(UIkit) { + + if (plugin.installed) { + return; + } + + UIkit.icon.add({ + "500px": "", + "album": "", + "arrow-down": "", + "arrow-left": "", + "arrow-right": "", + "arrow-up": "", + "ban": "", + "behance": "", + "bell": "", + "bold": "", + "bolt": "", + "bookmark": "", + "calendar": "", + "camera": "", + "cart": "", + "check": "", + "chevron-double-left": "", + "chevron-double-right": "", + "chevron-down": "", + "chevron-left": "", + "chevron-right": "", + "chevron-up": "", + "clock": "", + "close": "", + "cloud-download": "", + "cloud-upload": "", + "code": "", + "cog": "", + "comment": "", + "commenting": "", + "comments": "", + "copy": "", + "credit-card": "", + "database": "", + "desktop": "", + "download": "", + "dribbble": "", + "etsy": "", + "expand": "", + "facebook": "", + "file-edit": "", + "file-pdf": "", + "file-text": "", + "file": "", + "flickr": "", + "folder": "", + "forward": "", + "foursquare": "", + "future": "", + "git-branch": "", + "git-fork": "", + "github-alt": "", + "github": "", + "gitter": "", + "google-plus": "", + "google": "", + "grid": "", + "happy": "", + "hashtag": "", + "heart": "", + "history": "", + "home": "", + "image": "", + "info": "", + "instagram": "", + "italic": "", + "joomla": "", + "laptop": "", + "lifesaver": "", + "link": "", + "linkedin": "", + "list": "", + "location": "", + "lock": "", + "mail": "", + "menu": "", + "microphone": "", + "minus-circle": "", + "minus": "", + "more-vertical": "", + "more": "", + "move": "", + "nut": "", + "pagekit": "", + "paint-bucket": "", + "pencil": "", + "phone-landscape": "", + "phone": "", + "pinterest": "", + "play-circle": "", + "play": "", + "plus-circle": "", + "plus": "", + "print": "", + "pull": "", + "push": "", + "question": "", + "quote-right": "", + "receiver": "", + "reddit": "", + "refresh": "", + "reply": "", + "rss": "", + "search": "", + "server": "", + "settings": "", + "shrink": "", + "sign-in": "", + "sign-out": "", + "social": "", + "soundcloud": "", + "star": "", + "strikethrough": "", + "table": "", + "tablet-landscape": "", + "tablet": "", + "tag": "", + "thumbnails": "", + "trash": "", + "triangle-down": "", + "triangle-left": "", + "triangle-right": "", + "triangle-up": "", + "tripadvisor": "", + "tumblr": "", + "tv": "", + "twitter": "", + "uikit": "", + "unlock": "", + "upload": "", + "user": "", + "users": "", + "video-camera": "", + "vimeo": "", + "warning": "", + "whatsapp": "", + "wordpress": "", + "world": "", + "xing": "", + "yelp": "", + "youtube": "" + }); + + } + + if (typeof window !== 'undefined' && window.UIkit) { + window.UIkit.use(plugin); + } + + return plugin; + +}))); diff --git a/lib/js/uikit-icons.min.js b/lib/js/uikit-icons.min.js new file mode 100644 index 0000000..79014e5 --- /dev/null +++ b/lib/js/uikit-icons.min.js @@ -0,0 +1,3 @@ +/*! UIkit 3.5.5 | https://www.getuikit.com | (c) 2014 - 2020 YOOtheme | MIT License */ + +!function(t,i){"object"==typeof exports&&"undefined"!=typeof module?module.exports=i():"function"==typeof define&&define.amd?define("uikiticons",i):(t=t||self).UIkitIcons=i()}(this,function(){"use strict";function i(t){i.installed||t.icon.add({"500px":'',album:'',"arrow-down":'',"arrow-left":'',"arrow-right":'',"arrow-up":'',ban:'',behance:'',bell:'',bold:'',bolt:'',bookmark:'',calendar:'',camera:'',cart:'',check:'',"chevron-double-left":'',"chevron-double-right":'',"chevron-down":'',"chevron-left":'',"chevron-right":'',"chevron-up":'',clock:'',close:'',"cloud-download":'',"cloud-upload":'',code:'',cog:'',comment:'',commenting:'',comments:'',copy:'',"credit-card":'',database:'',desktop:'',download:'',dribbble:'',etsy:'',expand:'',facebook:'',"file-edit":'',"file-pdf":'',"file-text":'',file:'',flickr:'',folder:'',forward:'',foursquare:'',future:'',"git-branch":'',"git-fork":'',"github-alt":'',github:'',gitter:'',"google-plus":'',google:'',grid:'',happy:'',hashtag:'',heart:'',history:'',home:'',image:'',info:'',instagram:'',italic:'',joomla:'',laptop:'',lifesaver:'',link:'',linkedin:'',list:'',location:'',lock:'',mail:'',menu:'',microphone:'',"minus-circle":'',minus:'',"more-vertical":'',more:'',move:'',nut:'',pagekit:'',"paint-bucket":'',pencil:'',"phone-landscape":'',phone:'',pinterest:'',"play-circle":'',play:'',"plus-circle":'',plus:'',print:'',pull:'',push:'',question:'',"quote-right":'',receiver:'',reddit:'',refresh:'',reply:'',rss:'',search:'',server:'',settings:'',shrink:'',"sign-in":'',"sign-out":'',social:'',soundcloud:'',star:'',strikethrough:'',table:'',"tablet-landscape":'',tablet:'',tag:'',thumbnails:'',trash:'',"triangle-down":'',"triangle-left":'',"triangle-right":'',"triangle-up":'',tripadvisor:'',tumblr:'',tv:'',twitter:'',uikit:'',unlock:'',upload:'',user:'',users:'',"video-camera":'',vimeo:'',warning:'',whatsapp:'',wordpress:'',world:'',xing:'',yelp:'',youtube:''})}return"undefined"!=typeof window&&window.UIkit&&window.UIkit.use(i),i}); \ No newline at end of file diff --git a/lib/js/uikit.js b/lib/js/uikit.js index 69dbc7e..a49ac56 100644 --- a/lib/js/uikit.js +++ b/lib/js/uikit.js @@ -1,2389 +1,12212 @@ -/*! UIkit 2.3.1 | http://www.getuikit.com | (c) 2014 YOOtheme | MIT License */ +/*! UIkit 3.5.5 | https://www.getuikit.com | (c) 2014 - 2020 YOOtheme | MIT License */ -(function($, doc, global) { +(function (global, factory) { + typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() : + typeof define === 'function' && define.amd ? define('uikit', factory) : + (global = global || self, global.UIkit = factory()); +}(this, (function () { 'use strict'; - "use strict"; + var objPrototype = Object.prototype; + var hasOwnProperty = objPrototype.hasOwnProperty; - var UI = $.UIkit || {}, $html = $("html"), $win = $(window); - - if (UI.fn) { - return; + function hasOwn(obj, key) { + return hasOwnProperty.call(obj, key); } - UI.version = '2.3.1'; - - UI.fn = function(command, options) { + var hyphenateCache = {}; + var hyphenateRe = /([a-z\d])([A-Z])/g; - var args = arguments, cmd = command.match(/^([a-z\-]+)(?:\.([a-z]+))?/i), component = cmd[1], method = cmd[2]; + function hyphenate(str) { - if (!UI[component]) { - $.error("UIkit component [" + component + "] does not exist."); - return this; + if (!(str in hyphenateCache)) { + hyphenateCache[str] = str + .replace(hyphenateRe, '$1-$2') + .toLowerCase(); } - return this.each(function() { - var $this = $(this), data = $this.data(component); - if (!data) $this.data(component, (data = new UI[component](this, method ? undefined : options))); - if (method) data[method].apply(data, Array.prototype.slice.call(args, 1)); - }); - }; + return hyphenateCache[str]; + } + var camelizeRe = /-(\w)/g; - UI.support = {}; - UI.support.transition = (function() { + function camelize(str) { + return str.replace(camelizeRe, toUpper); + } - var transitionEnd = (function() { + function toUpper(_, c) { + return c ? c.toUpperCase() : ''; + } - var element = doc.body || doc.documentElement, - transEndEventNames = { - WebkitTransition: 'webkitTransitionEnd', - MozTransition: 'transitionend', - OTransition: 'oTransitionEnd otransitionend', - transition: 'transitionend' - }, name; + function ucfirst(str) { + return str.length ? toUpper(null, str.charAt(0)) + str.slice(1) : ''; + } - for (name in transEndEventNames) { - if (element.style[name] !== undefined) { - return transEndEventNames[name]; - } - } + var strPrototype = String.prototype; + var startsWithFn = strPrototype.startsWith || function (search) { return this.lastIndexOf(search, 0) === 0; }; - }()); + function startsWith(str, search) { + return startsWithFn.call(str, search); + } - return transitionEnd && { end: transitionEnd }; - })(); + var endsWithFn = strPrototype.endsWith || function (search) { return this.substr(-search.length) === search; }; - UI.support.requestAnimationFrame = global.requestAnimationFrame || global.webkitRequestAnimationFrame || global.mozRequestAnimationFrame || global.msRequestAnimationFrame || global.oRequestAnimationFrame || function(callback){ global.setTimeout(callback, 1000/60); }; - UI.support.touch = ( - ('ontouchstart' in window && navigator.userAgent.toLowerCase().match(/mobile|tablet/)) || - (global.DocumentTouch && document instanceof global.DocumentTouch) || - (global.navigator['msPointerEnabled'] && global.navigator['msMaxTouchPoints'] > 0) || //IE 10 - (global.navigator['pointerEnabled'] && global.navigator['maxTouchPoints'] > 0) || //IE >=11 - false - ); - UI.support.mutationobserver = (global.MutationObserver || global.WebKitMutationObserver || global.MozMutationObserver || null); + function endsWith(str, search) { + return endsWithFn.call(str, search); + } - UI.Utils = {}; + var arrPrototype = Array.prototype; - UI.Utils.debounce = function(func, wait, immediate) { - var timeout; - return function() { - var context = this, args = arguments; - var later = function() { - timeout = null; - if (!immediate) func.apply(context, args); - }; - var callNow = immediate && !timeout; - clearTimeout(timeout); - timeout = setTimeout(later, wait); - if (callNow) func.apply(context, args); - }; - }; + var includesFn = function (search, i) { return !!~this.indexOf(search, i); }; + var includesStr = strPrototype.includes || includesFn; + var includesArray = arrPrototype.includes || includesFn; - UI.Utils.removeCssRules = function(selectorRegEx) { - var idx, idxs, stylesheet, _i, _j, _k, _len, _len1, _len2, _ref; + function includes(obj, search) { + return obj && (isString(obj) ? includesStr : includesArray).call(obj, search); + } - if(!selectorRegEx) return; + var findIndexFn = arrPrototype.findIndex || function (predicate) { + var arguments$1 = arguments; - setTimeout(function(){ - try { - _ref = document.styleSheets; - for (_i = 0, _len = _ref.length; _i < _len; _i++) { - stylesheet = _ref[_i]; - idxs = []; - stylesheet.cssRules = stylesheet.cssRules; - for (idx = _j = 0, _len1 = stylesheet.cssRules.length; _j < _len1; idx = ++_j) { - if (stylesheet.cssRules[idx].type === CSSRule.STYLE_RULE && selectorRegEx.test(stylesheet.cssRules[idx].selectorText)) { - idxs.unshift(idx); - } - } - for (_k = 0, _len2 = idxs.length; _k < _len2; _k++) { - stylesheet.deleteRule(idxs[_k]); - } - } - } catch (_error) {} - }, 0); + for (var i = 0; i < this.length; i++) { + if (predicate.call(arguments$1[1], this[i], i, this)) { + return i; + } + } + return -1; }; - UI.Utils.isInView = function(element, options) { + function findIndex(array, predicate) { + return findIndexFn.call(array, predicate); + } - var $element = $(element); + var isArray = Array.isArray; - if (!$element.is(':visible')) { - return false; - } + function isFunction(obj) { + return typeof obj === 'function'; + } - var window_left = $win.scrollLeft(), window_top = $win.scrollTop(), offset = $element.offset(), left = offset.left, top = offset.top; + function isObject(obj) { + return obj !== null && typeof obj === 'object'; + } - options = $.extend({topoffset:0, leftoffset:0}, options); + var toString = objPrototype.toString; + function isPlainObject(obj) { + return toString.call(obj) === '[object Object]'; + } - if (top + $element.height() >= window_top && top - options.topoffset <= window_top + $win.height() && - left + $element.width() >= window_left && left - options.leftoffset <= window_left + $win.width()) { - return true; - } else { - return false; - } - }; + function isWindow(obj) { + return isObject(obj) && obj === obj.window; + } - UI.Utils.options = function(string) { + function isDocument(obj) { + return isObject(obj) && obj.nodeType === 9; + } - if ($.isPlainObject(string)) return string; + function isJQuery(obj) { + return isObject(obj) && !!obj.jquery; + } - var start = (string ? string.indexOf("{") : -1), options = {}; + function isNode(obj) { + return isObject(obj) && obj.nodeType >= 1; + } - if (start != -1) { - try { - options = (new Function("", "var json = " + string.substr(start) + "; return JSON.parse(JSON.stringify(json));"))(); - } catch (e) {} - } + function isElement(obj) { + return isObject(obj) && obj.nodeType === 1; + } - return options; - }; + function isNodeCollection(obj) { + return toString.call(obj).match(/^\[object (NodeList|HTMLCollection)\]$/); + } + + function isBoolean(value) { + return typeof value === 'boolean'; + } + + function isString(value) { + return typeof value === 'string'; + } + + function isNumber(value) { + return typeof value === 'number'; + } - UI.Utils.events = {}; - UI.Utils.events.click = UI.support.touch ? 'tap' : 'click'; + function isNumeric(value) { + return isNumber(value) || isString(value) && !isNaN(value - parseFloat(value)); + } - $.UIkit = UI; - $.fn.uk = UI.fn; + function isEmpty(obj) { + return !(isArray(obj) + ? obj.length + : isObject(obj) + ? Object.keys(obj).length + : false + ); + } - $.UIkit.langdirection = $html.attr("dir") == "rtl" ? "right" : "left"; + function isUndefined(value) { + return value === void 0; + } - $(function(){ + function toBoolean(value) { + return isBoolean(value) + ? value + : value === 'true' || value === '1' || value === '' + ? true + : value === 'false' || value === '0' + ? false + : value; + } - $(doc).trigger("uk-domready"); + function toNumber(value) { + var number = Number(value); + return !isNaN(number) ? number : false; + } - // Check for dom modifications - if(!UI.support.mutationobserver) return; + function toFloat(value) { + return parseFloat(value) || 0; + } - var observer = new UI.support.mutationobserver(UI.Utils.debounce(function(mutations) { - $(doc).trigger("uk-domready"); - }, 300)); + function toNode(element) { + return isNode(element) + ? element + : isNodeCollection(element) || isJQuery(element) + ? element[0] + : isArray(element) + ? toNode(element[0]) + : null; + } - // pass in the target node, as well as the observer options - observer.observe(document.body, { childList: true, subtree: true }); + function toNodes(element) { + return isNode(element) + ? [element] + : isNodeCollection(element) + ? arrPrototype.slice.call(element) + : isArray(element) + ? element.map(toNode).filter(Boolean) + : isJQuery(element) + ? element.toArray() + : []; + } - // remove css hover rules for touch devices - if (UI.support.touch) { - //UI.Utils.removeCssRules(/\.uk-(?!navbar).*:hover/); + function toWindow(element) { + if (isWindow(element)) { + return element; } - }); - // add touch identifier class - $html.addClass(UI.support.touch ? "uk-touch" : "uk-notouch"); + element = toNode(element); -})(jQuery, document, window); + return element + ? (isDocument(element) + ? element + : element.ownerDocument + ).defaultView + : window; + } + function toList(value) { + return isArray(value) + ? value + : isString(value) + ? value.split(/,(?![^(]*\))/).map(function (value) { return isNumeric(value) + ? toNumber(value) + : toBoolean(value.trim()); }) + : [value]; + } -(function($, UI) { + function toMs(time) { + return !time + ? 0 + : endsWith(time, 'ms') + ? toFloat(time) + : toFloat(time) * 1000; + } - "use strict"; + function isEqual(value, other) { + return value === other + || isObject(value) + && isObject(other) + && Object.keys(value).length === Object.keys(other).length + && each(value, function (val, key) { return val === other[key]; }); + } - var win = $(window), event = 'resize orientationchange'; + function swap(value, a, b) { + return value.replace( + new RegExp((a + "|" + b), 'g'), + function (match) { return match === a ? b : a; } + ); + } - var StackMargin = function(element, options) { + var assign = Object.assign || function (target) { + var args = [], len = arguments.length - 1; + while ( len-- > 0 ) args[ len ] = arguments[ len + 1 ]; + + target = Object(target); + for (var i = 0; i < args.length; i++) { + var source = args[i]; + if (source !== null) { + for (var key in source) { + if (hasOwn(source, key)) { + target[key] = source[key]; + } + } + } + } + return target; + }; - var $this = this, $element = $(element); + function last(array) { + return array[array.length - 1]; + } - if($element.data("stackMargin")) return; + function each(obj, cb) { + for (var key in obj) { + if (false === cb(obj[key], key)) { + return false; + } + } + return true; + } - this.element = $element; - this.columns = this.element.children(); - this.options = $.extend({}, StackMargin.defaults, options); + function sortBy(array, prop) { + return array.sort(function (ref, ref$1) { + var propA = ref[prop]; if ( propA === void 0 ) propA = 0; + var propB = ref$1[prop]; if ( propB === void 0 ) propB = 0; - if (!this.columns.length) return; + return propA > propB + ? 1 + : propB > propA + ? -1 + : 0; + } + ); + } - win.on(event, (function() { - var fn = function() { - $this.process(); - }; + function uniqueBy(array, prop) { + var seen = new Set(); + return array.filter(function (ref) { + var check = ref[prop]; - $(function() { - fn(); - win.on("load", fn); - }); + return seen.has(check) + ? false + : seen.add(check) || true; + } // IE 11 does not return the Set object + ); + } - return UI.Utils.debounce(fn, 150); - })()); + function clamp(number, min, max) { + if ( min === void 0 ) min = 0; + if ( max === void 0 ) max = 1; - $(document).on("uk-domready", function(e) { - $this.columns = $this.element.children(); - $this.process(); - }); + return Math.min(Math.max(toNumber(number) || 0, min), max); + } - this.element.data("stackMargin", this); - }; + function noop() {} - $.extend(StackMargin.prototype, { + function intersectRect(r1, r2) { + return r1.left < r2.right && + r1.right > r2.left && + r1.top < r2.bottom && + r1.bottom > r2.top; + } - process: function() { + function pointInRect(point, rect) { + return point.x <= rect.right && + point.x >= rect.left && + point.y <= rect.bottom && + point.y >= rect.top; + } - var $this = this; + var Dimensions = { - this.revert(); + ratio: function(dimensions, prop, value) { + var obj; - var skip = false, - firstvisible = this.columns.filter(":visible:first"), - offset = firstvisible.length ? firstvisible.offset().top : false; - if (offset === false) return; + var aProp = prop === 'width' ? 'height' : 'width'; - this.columns.each(function() { + return ( obj = {}, obj[aProp] = dimensions[prop] ? Math.round(value * dimensions[aProp] / dimensions[prop]) : dimensions[aProp], obj[prop] = value, obj ); + }, - var column = $(this); + contain: function(dimensions, maxDimensions) { + var this$1 = this; - if (column.is(":visible")) { + dimensions = assign({}, dimensions); - if (skip) { - column.addClass($this.options.cls); - } else { - if (column.offset().top != offset) { - column.addClass($this.options.cls); - skip = true; - } - } - } - }); + each(dimensions, function (_, prop) { return dimensions = dimensions[prop] > maxDimensions[prop] + ? this$1.ratio(dimensions, prop, maxDimensions[prop]) + : dimensions; } + ); - return this; + return dimensions; }, - revert: function() { - this.columns.removeClass(this.options.cls); - return this; - } + cover: function(dimensions, maxDimensions) { + var this$1 = this; - }); + dimensions = this.contain(dimensions, maxDimensions); - StackMargin.defaults = { - 'cls': 'uk-margin-small-top' - }; + each(dimensions, function (_, prop) { return dimensions = dimensions[prop] < maxDimensions[prop] + ? this$1.ratio(dimensions, prop, maxDimensions[prop]) + : dimensions; } + ); + return dimensions; + } - UI["stackMargin"] = StackMargin; + }; - // init code - $(document).on("uk-domready", function(e) { - $("[data-uk-margin]").each(function() { - var ele = $(this), obj; + function attr(element, name, value) { - if (!ele.data("stackMargin")) { - obj = new StackMargin(ele, UI.Utils.options(ele.attr("data-uk-margin"))); + if (isObject(name)) { + for (var key in name) { + attr(element, key, name[key]); } - }); - }); + return; + } + + if (isUndefined(value)) { + element = toNode(element); + return element && element.getAttribute(name); + } else { + toNodes(element).forEach(function (element) { + if (isFunction(value)) { + value = value.call(element, attr(element, name)); + } -})(jQuery, jQuery.UIkit); + if (value === null) { + removeAttr(element, name); + } else { + element.setAttribute(name, value); + } + }); + } -// Based on Zeptos touch.js -// https://raw.github.com/madrobby/zepto/master/src/touch.js -// Zepto.js may be freely distributed under the MIT license. + } -;(function($){ - var touch = {}, - touchTimeout, tapTimeout, swipeTimeout, longTapTimeout, - longTapDelay = 750, - gesture; + function hasAttr(element, name) { + return toNodes(element).some(function (element) { return element.hasAttribute(name); }); + } - function swipeDirection(x1, x2, y1, y2) { - return Math.abs(x1 - x2) >= Math.abs(y1 - y2) ? (x1 - x2 > 0 ? 'Left' : 'Right') : (y1 - y2 > 0 ? 'Up' : 'Down'); - } + function removeAttr(element, name) { + element = toNodes(element); + name.split(' ').forEach(function (name) { return element.forEach(function (element) { return element.hasAttribute(name) && element.removeAttribute(name); } + ); } + ); + } - function longTap() { - longTapTimeout = null; - if (touch.last) { - touch.el.trigger('longTap'); - touch = {}; + function data(element, attribute) { + for (var i = 0, attrs = [attribute, ("data-" + attribute)]; i < attrs.length; i++) { + if (hasAttr(element, attrs[i])) { + return attr(element, attrs[i]); + } + } } - } - function cancelLongTap() { - if (longTapTimeout) clearTimeout(longTapTimeout); - longTapTimeout = null; - } + /* global DocumentTouch */ - function cancelAll() { - if (touchTimeout) clearTimeout(touchTimeout); - if (tapTimeout) clearTimeout(tapTimeout); - if (swipeTimeout) clearTimeout(swipeTimeout); - if (longTapTimeout) clearTimeout(longTapTimeout); - touchTimeout = tapTimeout = swipeTimeout = longTapTimeout = null; - touch = {}; - } + var inBrowser = typeof window !== 'undefined'; + var isIE = inBrowser && /msie|trident/i.test(window.navigator.userAgent); + var isRtl = inBrowser && attr(document.documentElement, 'dir') === 'rtl'; - function isPrimaryTouch(event){ - return event.pointerType == event.MSPOINTER_TYPE_TOUCH && event.isPrimary; - } + var hasTouchEvents = inBrowser && 'ontouchstart' in window; + var hasPointerEvents = inBrowser && window.PointerEvent; + var hasTouch = inBrowser && (hasTouchEvents + || window.DocumentTouch && document instanceof DocumentTouch + || navigator.maxTouchPoints); // IE >=11 - $(function(){ - var now, delta, deltaX = 0, deltaY = 0, firstTouch; + var pointerDown = hasPointerEvents ? 'pointerdown' : hasTouchEvents ? 'touchstart' : 'mousedown'; + var pointerMove = hasPointerEvents ? 'pointermove' : hasTouchEvents ? 'touchmove' : 'mousemove'; + var pointerUp = hasPointerEvents ? 'pointerup' : hasTouchEvents ? 'touchend' : 'mouseup'; + var pointerEnter = hasPointerEvents ? 'pointerenter' : hasTouchEvents ? '' : 'mouseenter'; + var pointerLeave = hasPointerEvents ? 'pointerleave' : hasTouchEvents ? '' : 'mouseleave'; + var pointerCancel = hasPointerEvents ? 'pointercancel' : 'touchcancel'; - if ('MSGesture' in window) { - gesture = new MSGesture(); - gesture.target = document.body; + function query(selector, context) { + return toNode(selector) || find(selector, getContext(selector, context)); } - $(document) - .bind('MSGestureEnd', function(e){ - var swipeDirectionFromVelocity = e.originalEvent.velocityX > 1 ? 'Right' : e.originalEvent.velocityX < -1 ? 'Left' : e.originalEvent.velocityY > 1 ? 'Down' : e.originalEvent.velocityY < -1 ? 'Up' : null; + function queryAll(selector, context) { + var nodes = toNodes(selector); + return nodes.length && nodes || findAll(selector, getContext(selector, context)); + } - if (swipeDirectionFromVelocity) { - touch.el.trigger('swipe'); - touch.el.trigger('swipe'+ swipeDirectionFromVelocity); - } - }) - .on('touchstart MSPointerDown', function(e){ + function getContext(selector, context) { + if ( context === void 0 ) context = document; - if(e.type == 'MSPointerDown' && !isPrimaryTouch(e.originalEvent)) return; + return isContextSelector(selector) || isDocument(context) + ? context + : context.ownerDocument; + } + + function find(selector, context) { + return toNode(_query(selector, context, 'querySelector')); + } + + function findAll(selector, context) { + return toNodes(_query(selector, context, 'querySelectorAll')); + } + + function _query(selector, context, queryFn) { + if ( context === void 0 ) context = document; - firstTouch = e.type == 'MSPointerDown' ? e : e.originalEvent.touches[0]; - now = Date.now(); - delta = now - (touch.last || now); - touch.el = $('tagName' in firstTouch.target ? firstTouch.target : firstTouch.target.parentNode); + if (!selector || !isString(selector)) { + return null; + } - if(touchTimeout) clearTimeout(touchTimeout); + selector = selector.replace(contextSanitizeRe, '$1 *'); - touch.x1 = firstTouch.pageX; - touch.y1 = firstTouch.pageY; + var removes; - if (delta > 0 && delta <= 250) touch.isDoubleTap = true; + if (isContextSelector(selector)) { - touch.last = now; - longTapTimeout = setTimeout(longTap, longTapDelay); + removes = []; - // adds the current touch contact for IE gesture recognition - if (gesture && e.type == 'MSPointerDown') gesture.addPointer(e.originalEvent.pointerId); - }) - .on('touchmove MSPointerMove', function(e){ + selector = splitSelector(selector).map(function (selector, i) { - if(e.type == 'MSPointerMove' && !isPrimaryTouch(e.originalEvent)) return; + var ctx = context; - firstTouch = e.type == 'MSPointerMove' ? e : e.originalEvent.touches[0]; + if (selector[0] === '!') { - cancelLongTap(); - touch.x2 = firstTouch.pageX; - touch.y2 = firstTouch.pageY; + var selectors = selector.substr(1).trim().split(' '); + ctx = closest(parent(context), selectors[0]); + selector = selectors.slice(1).join(' ').trim(); - deltaX += Math.abs(touch.x1 - touch.x2); - deltaY += Math.abs(touch.y1 - touch.y2); - }) - .on('touchend MSPointerUp', function(e){ + } - if(e.type == 'MSPointerUp' && !isPrimaryTouch(e.originalEvent)) return; + if (selector[0] === '-') { - cancelLongTap(); + var selectors$1 = selector.substr(1).trim().split(' '); + var prev = (ctx || context).previousElementSibling; + ctx = matches(prev, selector.substr(1)) ? prev : null; + selector = selectors$1.slice(1).join(' '); - // swipe - if ((touch.x2 && Math.abs(touch.x1 - touch.x2) > 30) || (touch.y2 && Math.abs(touch.y1 - touch.y2) > 30)){ + } - swipeTimeout = setTimeout(function() { - touch.el.trigger('swipe'); - touch.el.trigger('swipe' + (swipeDirection(touch.x1, touch.x2, touch.y1, touch.y2))); - touch = {}; - }, 0); + if (!ctx) { + return null; + } - // normal tap - } else if ('last' in touch) { + if (!ctx.id) { + ctx.id = "uk-" + (Date.now()) + i; + removes.push(function () { return removeAttr(ctx, 'id'); }); + } - // don't fire tap when delta position changed by more than 30 pixels, - // for instance when moving to a point and back to origin - if (isNaN(deltaX) || (deltaX < 30 && deltaY < 30)) { - // delay by one tick so we can cancel the 'tap' event if 'scroll' fires - // ('tap' fires before 'scroll') - tapTimeout = setTimeout(function() { + return ("#" + (escape(ctx.id)) + " " + selector); - // trigger universal 'tap' with the option to cancelTouch() - // (cancelTouch cancels processing of single vs double taps for faster 'tap' response) - var event = $.Event('tap'); - event.cancelTouch = cancelAll; - touch.el.trigger(event); + }).filter(Boolean).join(','); - // trigger double tap immediately - if (touch.isDoubleTap) { - touch.el.trigger('doubleTap'); - touch = {}; - } + context = document; - // trigger single tap after 250ms of inactivity - else { - touchTimeout = setTimeout(function(){ - touchTimeout = null; - touch.el.trigger('singleTap'); - touch = {}; - }, 250); - } - }, 0); - } else { - touch = {}; - } - deltaX = deltaY = 0; } - }) - // when the browser window loses focus, - // for example when a modal dialog is shown, - // cancel all ongoing events - .on('touchcancel MSPointerCancel', cancelAll); - // scrolling the window indicates intention of the user - // to scroll, not tap or swipe, so cancel all ongoing events - $(window).on('scroll', cancelAll); - }); + try { + + return context[queryFn](selector); - ['swipe', 'swipeLeft', 'swipeRight', 'swipeUp', 'swipeDown', 'doubleTap', 'tap', 'singleTap', 'longTap'].forEach(function(eventName){ - $.fn[eventName] = function(callback){ return $(this).on(eventName, callback); }; - }); -})(jQuery); + } catch (e) { -(function($, UI) { + return null; - "use strict"; + } finally { - var Alert = function(element, options) { + removes && removes.forEach(function (remove) { return remove(); }); - var $this = this; + } - this.options = $.extend({}, Alert.defaults, options); - this.element = $(element); + } - if(this.element.data("alert")) return; - - this.element.on("click", this.options.trigger, function(e) { - e.preventDefault(); - $this.close(); - }); + var contextSelectorRe = /(^|[^\\],)\s*[!>+~-]/; + var contextSanitizeRe = /([!>+~-])(?=\s+[!>+~-]|\s*$)/g; - this.element.data("alert", this); - }; + function isContextSelector(selector) { + return isString(selector) && selector.match(contextSelectorRe); + } - $.extend(Alert.prototype, { + var selectorRe = /.*?[^\\](?:,|$)/g; - close: function() { + function splitSelector(selector) { + return selector.match(selectorRe).map(function (selector) { return selector.replace(/,$/, '').trim(); }); + } - var element = this.element.trigger("close"); + var elProto = inBrowser ? Element.prototype : {}; + var matchesFn = elProto.matches || elProto.webkitMatchesSelector || elProto.msMatchesSelector || noop; - if (this.options.fade) { - element.css("overflow", "hidden").css("max-height", element.height()).animate({ - "height": 0, - "opacity": 0, - "padding-top": 0, - "padding-bottom": 0, - "margin-top": 0, - "margin-bottom": 0 - }, this.options.duration, removeElement); - } else { - removeElement(); - } + function matches(element, selector) { + return toNodes(element).some(function (element) { return matchesFn.call(element, selector); }); + } + + var closestFn = elProto.closest || function (selector) { + var ancestor = this; - function removeElement() { - element.trigger("closed").remove(); + do { + + if (matches(ancestor, selector)) { + return ancestor; } + + } while ((ancestor = parent(ancestor))); + }; + + function closest(element, selector) { + + if (startsWith(selector, '>')) { + selector = selector.slice(1); } - }); + return isElement(element) + ? closestFn.call(element, selector) + : toNodes(element).map(function (element) { return closest(element, selector); }).filter(Boolean); + } + + function parent(element) { + element = toNode(element); + return element && isElement(element.parentNode) && element.parentNode; + } + + var escapeFn = inBrowser && window.CSS && CSS.escape || function (css) { return css.replace(/([^\x7f-\uFFFF\w-])/g, function (match) { return ("\\" + match); }); }; + function escape(css) { + return isString(css) ? escapeFn.call(null, css) : ''; + } - Alert.defaults = { - "fade": true, - "duration": 200, - "trigger": ".uk-alert-close" + var voidElements = { + area: true, + base: true, + br: true, + col: true, + embed: true, + hr: true, + img: true, + input: true, + keygen: true, + link: true, + menuitem: true, + meta: true, + param: true, + source: true, + track: true, + wbr: true }; + function isVoidElement(element) { + return toNodes(element).some(function (element) { return voidElements[element.tagName.toLowerCase()]; }); + } + + function isVisible(element) { + return toNodes(element).some(function (element) { return element.offsetWidth || element.offsetHeight || element.getClientRects().length; }); + } - UI["alert"] = Alert; + var selInput = 'input,select,textarea,button'; + function isInput(element) { + return toNodes(element).some(function (element) { return matches(element, selInput); }); + } - // init code - $(document).on("click.alert.uikit", "[data-uk-alert]", function(e) { + function filter(element, selector) { + return toNodes(element).filter(function (element) { return matches(element, selector); }); + } - var ele = $(this); - if (!ele.data("alert")) { + function within(element, selector) { + return !isString(selector) + ? element === selector || (isDocument(selector) + ? selector.documentElement + : toNode(selector)).contains(toNode(element)) // IE 11 document does not implement contains + : matches(element, selector) || !!closest(element, selector); + } - var alert = new Alert(ele, UI.Utils.options(ele.data("uk-alert"))); + function parents(element, selector) { + var elements = []; - if ($(e.target).is(ele.data("alert").options.trigger)) { - e.preventDefault(); - alert.close(); + while ((element = parent(element))) { + if (!selector || matches(element, selector)) { + elements.push(element); } } - }); - -})(jQuery, jQuery.UIkit); -(function($, UI) { + return elements; + } - "use strict"; + function children(element, selector) { + element = toNode(element); + var children = element ? toNodes(element.children) : []; + return selector ? filter(children, selector) : children; + } - var ButtonRadio = function(element, options) { + function on() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; - var $this = this, $element = $(element); - if($element.data("buttonRadio")) return; + var ref = getArgs(args); + var targets = ref[0]; + var type = ref[1]; + var selector = ref[2]; + var listener = ref[3]; + var useCapture = ref[4]; - this.options = $.extend({}, ButtonRadio.defaults, options); - this.element = $element.on("click", this.options.target, function(e) { - e.preventDefault(); - $element.find($this.options.target).not(this).removeClass("uk-active").blur(); - $element.trigger("change", [$(this).addClass("uk-active")]); - }); + targets = toEventTargets(targets); - this.element.data("buttonRadio", this); - }; + if (listener.length > 1) { + listener = detail(listener); + } - $.extend(ButtonRadio.prototype, { + if (useCapture && useCapture.self) { + listener = selfFilter(listener); + } - getSelected: function() { - this.element.find(".uk-active"); + if (selector) { + listener = delegate(targets, selector, listener); } - }); + useCapture = useCaptureFilter(useCapture); - ButtonRadio.defaults = { - "target": ".uk-button" - }; + type.split(' ').forEach(function (type) { return targets.forEach(function (target) { return target.addEventListener(type, listener, useCapture); } + ); } + ); + return function () { return off(targets, type, listener, useCapture); }; + } - var ButtonCheckbox = function(element, options) { + function off(targets, type, listener, useCapture) { + if ( useCapture === void 0 ) useCapture = false; - var $element = $(element); + useCapture = useCaptureFilter(useCapture); + targets = toEventTargets(targets); + type.split(' ').forEach(function (type) { return targets.forEach(function (target) { return target.removeEventListener(type, listener, useCapture); } + ); } + ); + } - if($element.data("buttonCheckbox")) return; + function once() { + var args = [], len = arguments.length; + while ( len-- ) args[ len ] = arguments[ len ]; + + + var ref = getArgs(args); + var element = ref[0]; + var type = ref[1]; + var selector = ref[2]; + var listener = ref[3]; + var useCapture = ref[4]; + var condition = ref[5]; + var off = on(element, type, selector, function (e) { + var result = !condition || condition(e); + if (result) { + off(); + listener(e, result); + } + }, useCapture); - this.options = $.extend({}, ButtonCheckbox.defaults, options); - this.element = $element.on("click", this.options.target, function(e) { - e.preventDefault(); - $element.trigger("change", [$(this).toggleClass("uk-active").blur()]); - }); + return off; + } - this.element.data("buttonCheckbox", this); - }; + function trigger(targets, event, detail) { + return toEventTargets(targets).reduce(function (notCanceled, target) { return notCanceled && target.dispatchEvent(createEvent(event, true, true, detail)); } + , true); + } - $.extend(ButtonCheckbox.prototype, { + function createEvent(e, bubbles, cancelable, detail) { + if ( bubbles === void 0 ) bubbles = true; + if ( cancelable === void 0 ) cancelable = false; - getSelected: function() { - this.element.find(".uk-active"); + if (isString(e)) { + var event = document.createEvent('CustomEvent'); // IE 11 + event.initCustomEvent(e, bubbles, cancelable, detail); + e = event; } - }); + return e; + } - ButtonCheckbox.defaults = { - "target": ".uk-button" - }; + function getArgs(args) { + if (isFunction(args[2])) { + args.splice(2, 0, false); + } + return args; + } - var Button = function(element, options) { + function delegate(delegates, selector, listener) { + var this$1 = this; - var $this = this, $element = $(element); + return function (e) { - if($element.data("button")) return; + delegates.forEach(function (delegate) { - this.options = $.extend({}, Button.defaults, options); - this.element = $element.on("click", function(e) { - e.preventDefault(); - $this.toggle(); - $element.trigger("change", [$element.blur().hasClass("uk-active")]); - }); + var current = selector[0] === '>' + ? findAll(selector, delegate).reverse().filter(function (element) { return within(e.target, element); })[0] + : closest(e.target, selector); - this.element.data("button", this); - }; + if (current) { + e.delegate = delegate; + e.current = current; - $.extend(Button.prototype, { + listener.call(this$1, e); + } - options: {}, + }); - toggle: function() { - this.element.toggleClass("uk-active"); - } + }; + } - }); + function detail(listener) { + return function (e) { return isArray(e.detail) ? listener.apply(void 0, [ e ].concat( e.detail )) : listener(e); }; + } + + function selfFilter(listener) { + return function (e) { + if (e.target === e.currentTarget || e.target === e.current) { + return listener.call(null, e); + } + }; + } - Button.defaults = {}; + function useCaptureFilter(options) { + return options && isIE && !isBoolean(options) + ? !!options.capture + : options; + } - UI["button"] = Button; - UI["buttonCheckbox"] = ButtonCheckbox; - UI["buttonRadio"] = ButtonRadio; + function isEventTarget(target) { + return target && 'addEventListener' in target; + } - // init code - $(document).on("click.buttonradio.uikit", "[data-uk-button-radio]", function(e) { - var ele = $(this); + function toEventTarget(target) { + return isEventTarget(target) ? target : toNode(target); + } - if (!ele.data("buttonRadio")) { - var obj = new ButtonRadio(ele, UI.Utils.options(ele.attr("data-uk-button-radio"))); + function toEventTargets(target) { + return isArray(target) + ? target.map(toEventTarget).filter(Boolean) + : isString(target) + ? findAll(target) + : isEventTarget(target) + ? [target] + : toNodes(target); + } - if ($(e.target).is(obj.options.target)) { - $(e.target).trigger("click"); - } + function isTouch(e) { + return e.pointerType === 'touch' || !!e.touches; + } + + function getEventPos(e) { + var touches = e.touches; + var changedTouches = e.changedTouches; + var ref = touches && touches[0] || changedTouches && changedTouches[0] || e; + var x = ref.clientX; + var y = ref.clientY; + + return {x: x, y: y}; + } + + /* global setImmediate */ + + var Promise = inBrowser && window.Promise || PromiseFn; + + var Deferred = function() { + var this$1 = this; + + this.promise = new Promise(function (resolve, reject) { + this$1.reject = reject; + this$1.resolve = resolve; + }); + }; + + /** + * Promises/A+ polyfill v1.1.4 (https://github.com/bramstein/promis) + */ + + var RESOLVED = 0; + var REJECTED = 1; + var PENDING = 2; + + var async = inBrowser && window.setImmediate || setTimeout; + + function PromiseFn(executor) { + + this.state = PENDING; + this.value = undefined; + this.deferred = []; + + var promise = this; + + try { + executor( + function (x) { + promise.resolve(x); + }, + function (r) { + promise.reject(r); + } + ); + } catch (e) { + promise.reject(e); } - }); + } + + PromiseFn.reject = function (r) { + return new PromiseFn(function (resolve, reject) { + reject(r); + }); + }; - $(document).on("click.buttoncheckbox.uikit", "[data-uk-button-checkbox]", function(e) { - var ele = $(this); + PromiseFn.resolve = function (x) { + return new PromiseFn(function (resolve, reject) { + resolve(x); + }); + }; - if (!ele.data("buttonCheckbox")) { - var obj = new ButtonCheckbox(ele, UI.Utils.options(ele.attr("data-uk-button-checkbox"))); + PromiseFn.all = function all(iterable) { + return new PromiseFn(function (resolve, reject) { + var result = []; + var count = 0; - if ($(e.target).is(obj.options.target)) { - $(e.target).trigger("click"); + if (iterable.length === 0) { + resolve(result); } - } - }); - $(document).on("click.button.uikit", "[data-uk-button]", function(e) { - var ele = $(this); + function resolver(i) { + return function (x) { + result[i] = x; + count += 1; - if (!ele.data("button")) { + if (count === iterable.length) { + resolve(result); + } + }; + } - var obj = new Button(ele, ele.attr("data-uk-button")); - ele.trigger("click"); - } - }); + for (var i = 0; i < iterable.length; i += 1) { + PromiseFn.resolve(iterable[i]).then(resolver(i), reject); + } + }); + }; -})(jQuery, jQuery.UIkit); + PromiseFn.race = function race(iterable) { + return new PromiseFn(function (resolve, reject) { + for (var i = 0; i < iterable.length; i += 1) { + PromiseFn.resolve(iterable[i]).then(resolve, reject); + } + }); + }; -(function($, UI) { + var p = PromiseFn.prototype; - "use strict"; + p.resolve = function resolve(x) { + var promise = this; - var active = false, - Dropdown = function(element, options) { + if (promise.state === PENDING) { + if (x === promise) { + throw new TypeError('Promise settled with itself.'); + } - var $this = this, $element = $(element); + var called = false; - if($element.data("dropdown")) return; + try { + var then = x && x.then; + + if (x !== null && isObject(x) && isFunction(then)) { + then.call( + x, + function (x) { + if (!called) { + promise.resolve(x); + } + called = true; + }, + function (r) { + if (!called) { + promise.reject(r); + } + called = true; + } + ); + return; + } + } catch (e) { + if (!called) { + promise.reject(e); + } + return; + } - this.options = $.extend({}, Dropdown.defaults, options); - this.element = $element; - this.dropdown = this.element.find(".uk-dropdown"); + promise.state = RESOLVED; + promise.value = x; + promise.notify(); + } + }; - this.centered = this.dropdown.hasClass("uk-dropdown-center"); - this.justified = this.options.justify ? $(this.options.justify) : false; + p.reject = function reject(reason) { + var promise = this; - this.boundary = $(this.options.boundary); + if (promise.state === PENDING) { + if (reason === promise) { + throw new TypeError('Promise settled with itself.'); + } - if(!this.boundary.length) { - this.boundary = $(window); + promise.state = REJECTED; + promise.value = reason; + promise.notify(); } + }; + + p.notify = function notify() { + var this$1 = this; + + async(function () { + if (this$1.state !== PENDING) { + while (this$1.deferred.length) { + var ref = this$1.deferred.shift(); + var onResolved = ref[0]; + var onRejected = ref[1]; + var resolve = ref[2]; + var reject = ref[3]; + + try { + if (this$1.state === RESOLVED) { + if (isFunction(onResolved)) { + resolve(onResolved.call(undefined, this$1.value)); + } else { + resolve(this$1.value); + } + } else if (this$1.state === REJECTED) { + if (isFunction(onRejected)) { + resolve(onRejected.call(undefined, this$1.value)); + } else { + reject(this$1.value); + } + } + } catch (e) { + reject(e); + } + } + } + }); + }; + + p.then = function then(onResolved, onRejected) { + var this$1 = this; + + return new PromiseFn(function (resolve, reject) { + this$1.deferred.push([onResolved, onRejected, resolve, reject]); + this$1.notify(); + }); + }; + + p.catch = function (onRejected) { + return this.then(undefined, onRejected); + }; + + function ajax(url, options) { + return new Promise(function (resolve, reject) { + + var env = assign({ + data: null, + method: 'GET', + headers: {}, + xhr: new XMLHttpRequest(), + beforeSend: noop, + responseType: '' + }, options); + + env.beforeSend(env); + + var xhr = env.xhr; + + for (var prop in env) { + if (prop in xhr) { + try { + + xhr[prop] = env[prop]; + + } catch (e) {} + } + } + + xhr.open(env.method.toUpperCase(), url); + + for (var header in env.headers) { + xhr.setRequestHeader(header, env.headers[header]); + } + + on(xhr, 'load', function () { + + if (xhr.status === 0 || xhr.status >= 200 && xhr.status < 300 || xhr.status === 304) { + + // IE 11 does not support responseType 'json' + if (env.responseType === 'json' && isString(xhr.response)) { + xhr = assign(copyXhr(xhr), {response: JSON.parse(xhr.response)}); + } + + resolve(xhr); + + } else { + reject(assign(Error(xhr.statusText), { + xhr: xhr, + status: xhr.status + })); + } + + }); + + on(xhr, 'error', function () { return reject(assign(Error('Network Error'), {xhr: xhr})); }); + on(xhr, 'timeout', function () { return reject(assign(Error('Network Timeout'), {xhr: xhr})); }); + + xhr.send(env.data); + }); + } + + function getImage(src, srcset, sizes) { + + return new Promise(function (resolve, reject) { + var img = new Image(); + + img.onerror = function (e) { return reject(e); }; + img.onload = function () { return resolve(img); }; + + sizes && (img.sizes = sizes); + srcset && (img.srcset = srcset); + img.src = src; + }); + + } + + function copyXhr(source) { + var target = {}; + for (var key in source) { + target[key] = source[key]; + } + return target; + } + + function ready(fn) { + + if (document.readyState !== 'loading') { + fn(); + return; + } + + var unbind = on(document, 'DOMContentLoaded', function () { + unbind(); + fn(); + }); + } + + function index(element, ref) { + return ref + ? toNodes(element).indexOf(toNode(ref)) + : children(parent(element)).indexOf(element); + } + + function getIndex(i, elements, current, finite) { + if ( current === void 0 ) current = 0; + if ( finite === void 0 ) finite = false; + + + elements = toNodes(elements); + + var length = elements.length; + + i = isNumeric(i) + ? toNumber(i) + : i === 'next' + ? current + 1 + : i === 'previous' + ? current - 1 + : index(elements, i); + + if (finite) { + return clamp(i, 0, length - 1); + } + + i %= length; + + return i < 0 ? i + length : i; + } + + function empty(element) { + element = $(element); + element.innerHTML = ''; + return element; + } + + function html(parent, html) { + parent = $(parent); + return isUndefined(html) + ? parent.innerHTML + : append(parent.hasChildNodes() ? empty(parent) : parent, html); + } + + function prepend(parent, element) { + + parent = $(parent); + + if (!parent.hasChildNodes()) { + return append(parent, element); + } else { + return insertNodes(element, function (element) { return parent.insertBefore(element, parent.firstChild); }); + } + } + + function append(parent, element) { + parent = $(parent); + return insertNodes(element, function (element) { return parent.appendChild(element); }); + } + + function before(ref, element) { + ref = $(ref); + return insertNodes(element, function (element) { return ref.parentNode.insertBefore(element, ref); }); + } + + function after(ref, element) { + ref = $(ref); + return insertNodes(element, function (element) { return ref.nextSibling + ? before(ref.nextSibling, element) + : append(ref.parentNode, element); } + ); + } + + function insertNodes(element, fn) { + element = isString(element) ? fragment(element) : element; + return element + ? 'length' in element + ? toNodes(element).map(fn) + : fn(element) + : null; + } + + function remove(element) { + toNodes(element).map(function (element) { return element.parentNode && element.parentNode.removeChild(element); }); + } + + function wrapAll(element, structure) { + + structure = toNode(before(element, structure)); + + while (structure.firstChild) { + structure = structure.firstChild; + } + + append(structure, element); + + return structure; + } + + function wrapInner(element, structure) { + return toNodes(toNodes(element).map(function (element) { return element.hasChildNodes ? wrapAll(toNodes(element.childNodes), structure) : append(element, structure); } + )); + } + + function unwrap(element) { + toNodes(element) + .map(parent) + .filter(function (value, index, self) { return self.indexOf(value) === index; }) + .forEach(function (parent) { + before(parent, parent.childNodes); + remove(parent); + }); + } + + var fragmentRe = /^\s*<(\w+|!)[^>]*>/; + var singleTagRe = /^<(\w+)\s*\/?>(?:<\/\1>)?$/; + + function fragment(html) { + + var matches = singleTagRe.exec(html); + if (matches) { + return document.createElement(matches[1]); + } + + var container = document.createElement('div'); + if (fragmentRe.test(html)) { + container.insertAdjacentHTML('beforeend', html.trim()); + } else { + container.textContent = html; + } + + return container.childNodes.length > 1 ? toNodes(container.childNodes) : container.firstChild; + + } + + function apply(node, fn) { + + if (!isElement(node)) { + return; + } + + fn(node); + node = node.firstElementChild; + while (node) { + var next = node.nextElementSibling; + apply(node, fn); + node = next; + } + } + + function $(selector, context) { + return !isString(selector) + ? toNode(selector) + : isHtml(selector) + ? toNode(fragment(selector)) + : find(selector, context); + } + + function $$(selector, context) { + return !isString(selector) + ? toNodes(selector) + : isHtml(selector) + ? toNodes(fragment(selector)) + : findAll(selector, context); + } + + function isHtml(str) { + return str[0] === '<' || str.match(/^\s* 0 ) args[ len ] = arguments[ len + 1 ]; + + apply$1(element, args, 'add'); + } + + function removeClass(element) { + var args = [], len = arguments.length - 1; + while ( len-- > 0 ) args[ len ] = arguments[ len + 1 ]; + + apply$1(element, args, 'remove'); + } + + function removeClasses(element, cls) { + attr(element, 'class', function (value) { return (value || '').replace(new RegExp(("\\b" + cls + "\\b"), 'g'), ''); }); + } + + function replaceClass(element) { + var args = [], len = arguments.length - 1; + while ( len-- > 0 ) args[ len ] = arguments[ len + 1 ]; + + args[0] && removeClass(element, args[0]); + args[1] && addClass(element, args[1]); + } + + function hasClass(element, cls) { + return cls && toNodes(element).some(function (element) { return element.classList.contains(cls.split(' ')[0]); }); + } + + function toggleClass(element) { + var args = [], len = arguments.length - 1; + while ( len-- > 0 ) args[ len ] = arguments[ len + 1 ]; + + + if (!args.length) { + return; + } + + args = getArgs$1(args); + + var force = !isString(last(args)) ? args.pop() : []; // in iOS 9.3 force === undefined evaluates to false + + args = args.filter(Boolean); + + toNodes(element).forEach(function (ref) { + var classList = ref.classList; + + for (var i = 0; i < args.length; i++) { + supports.Force + ? classList.toggle.apply(classList, [args[i]].concat(force)) + : (classList[(!isUndefined(force) ? force : !classList.contains(args[i])) ? 'add' : 'remove'](args[i])); + } + }); + + } + + function apply$1(element, args, fn) { + args = getArgs$1(args).filter(Boolean); + + args.length && toNodes(element).forEach(function (ref) { + var classList = ref.classList; + + supports.Multiple + ? classList[fn].apply(classList, args) + : args.forEach(function (cls) { return classList[fn](cls); }); + }); + } + + function getArgs$1(args) { + return args.reduce(function (args, arg) { return args.concat.call(args, isString(arg) && includes(arg, ' ') ? arg.trim().split(' ') : arg); } + , []); + } + + // IE 11 + var supports = { + + get Multiple() { + return this.get('_multiple'); + }, + + get Force() { + return this.get('_force'); + }, + + get: function(key) { + + if (!hasOwn(this, key)) { + var ref = document.createElement('_'); + var classList = ref.classList; + classList.add('a', 'b'); + classList.toggle('c', false); + this._multiple = classList.contains('b'); + this._force = !classList.contains('c'); + } + + return this[key]; + } + + }; + + var cssNumber = { + 'animation-iteration-count': true, + 'column-count': true, + 'fill-opacity': true, + 'flex-grow': true, + 'flex-shrink': true, + 'font-weight': true, + 'line-height': true, + 'opacity': true, + 'order': true, + 'orphans': true, + 'stroke-dasharray': true, + 'stroke-dashoffset': true, + 'widows': true, + 'z-index': true, + 'zoom': true + }; + + function css(element, property, value) { + + return toNodes(element).map(function (element) { + + if (isString(property)) { + + property = propName(property); + + if (isUndefined(value)) { + return getStyle(element, property); + } else if (!value && !isNumber(value)) { + element.style.removeProperty(property); + } else { + element.style[property] = isNumeric(value) && !cssNumber[property] ? (value + "px") : value; + } + + } else if (isArray(property)) { + + var styles = getStyles(element); + + return property.reduce(function (props, property) { + props[property] = styles[propName(property)]; + return props; + }, {}); + + } else if (isObject(property)) { + each(property, function (value, property) { return css(element, property, value); }); + } + + return element; + + })[0]; + + } + + function getStyles(element, pseudoElt) { + element = toNode(element); + return element.ownerDocument.defaultView.getComputedStyle(element, pseudoElt); + } + + function getStyle(element, property, pseudoElt) { + return getStyles(element, pseudoElt)[property]; + } + + var vars = {}; + + function getCssVar(name) { + + var docEl = document.documentElement; + + if (!isIE) { + return getStyles(docEl).getPropertyValue(("--uk-" + name)); + } + + if (!(name in vars)) { + + /* usage in css: .uk-name:before { content:"xyz" } */ + + var element = append(docEl, document.createElement('div')); + + addClass(element, ("uk-" + name)); + + vars[name] = getStyle(element, 'content', ':before').replace(/^["'](.*)["']$/, '$1'); + + remove(element); + + } + + return vars[name]; + + } + + var cssProps = {}; + + function propName(name) { + + var ret = cssProps[name]; + if (!ret) { + ret = cssProps[name] = vendorPropName(name) || name; + } + return ret; + } + + var cssPrefixes = ['webkit', 'moz', 'ms']; + + function vendorPropName(name) { + + name = hyphenate(name); + + var ref = document.documentElement; + var style = ref.style; + + if (name in style) { + return name; + } + + var i = cssPrefixes.length, prefixedName; + + while (i--) { + prefixedName = "-" + (cssPrefixes[i]) + "-" + name; + if (prefixedName in style) { + return prefixedName; + } + } + } + + function transition(element, props, duration, timing) { + if ( duration === void 0 ) duration = 400; + if ( timing === void 0 ) timing = 'linear'; + + + return Promise.all(toNodes(element).map(function (element) { return new Promise(function (resolve, reject) { + + for (var name in props) { + var value = css(element, name); + if (value === '') { + css(element, name, value); + } + } + + var timer = setTimeout(function () { return trigger(element, 'transitionend'); }, duration); + + once(element, 'transitionend transitioncanceled', function (ref) { + var type = ref.type; + + clearTimeout(timer); + removeClass(element, 'uk-transition'); + css(element, { + transitionProperty: '', + transitionDuration: '', + transitionTimingFunction: '' + }); + type === 'transitioncanceled' ? reject() : resolve(); + }, {self: true}); + + addClass(element, 'uk-transition'); + css(element, assign({ + transitionProperty: Object.keys(props).map(propName).join(','), + transitionDuration: (duration + "ms"), + transitionTimingFunction: timing + }, props)); + + }); } + )); + + } + + var Transition = { + + start: transition, + + stop: function(element) { + trigger(element, 'transitionend'); + return Promise.resolve(); + }, + + cancel: function(element) { + trigger(element, 'transitioncanceled'); + }, + + inProgress: function(element) { + return hasClass(element, 'uk-transition'); + } + + }; + + var animationPrefix = 'uk-animation-'; + + function animate(element, animation, duration, origin, out) { + if ( duration === void 0 ) duration = 200; + + + return Promise.all(toNodes(element).map(function (element) { return new Promise(function (resolve, reject) { + + trigger(element, 'animationcancel'); + var timer = setTimeout(function () { return trigger(element, 'animationend'); }, duration); + + once(element, 'animationend animationcancel', function (ref) { + var type = ref.type; + + + clearTimeout(timer); + + type === 'animationcancel' ? reject() : resolve(); + + css(element, 'animationDuration', ''); + removeClasses(element, (animationPrefix + "\\S*")); + + }, {self: true}); + + css(element, 'animationDuration', (duration + "ms")); + addClass(element, animation, animationPrefix + (out ? 'leave' : 'enter')); + + if (startsWith(animation, animationPrefix)) { + addClass(element, origin && ("uk-transform-origin-" + origin), out && (animationPrefix + "reverse")); + } + + }); } + )); + + } + + var inProgress = new RegExp((animationPrefix + "(enter|leave)")); + var Animation = { + + in: animate, + + out: function(element, animation, duration, origin) { + return animate(element, animation, duration, origin, true); + }, + + inProgress: function(element) { + return inProgress.test(attr(element, 'class')); + }, + + cancel: function(element) { + trigger(element, 'animationcancel'); + } + + }; + + var dirs = { + width: ['x', 'left', 'right'], + height: ['y', 'top', 'bottom'] + }; + + function positionAt(element, target, elAttach, targetAttach, elOffset, targetOffset, flip, boundary) { + + elAttach = getPos(elAttach); + targetAttach = getPos(targetAttach); + + var flipped = {element: elAttach, target: targetAttach}; + + if (!element || !target) { + return flipped; + } + + var dim = getDimensions(element); + var targetDim = getDimensions(target); + var position = targetDim; + + moveTo(position, elAttach, dim, -1); + moveTo(position, targetAttach, targetDim, 1); + + elOffset = getOffsets(elOffset, dim.width, dim.height); + targetOffset = getOffsets(targetOffset, targetDim.width, targetDim.height); + + elOffset['x'] += targetOffset['x']; + elOffset['y'] += targetOffset['y']; + + position.left += elOffset['x']; + position.top += elOffset['y']; + + if (flip) { + + var boundaries = [getDimensions(toWindow(element))]; + + if (boundary) { + boundaries.unshift(getDimensions(boundary)); + } + + each(dirs, function (ref, prop) { + var dir = ref[0]; + var align = ref[1]; + var alignFlip = ref[2]; + + + if (!(flip === true || includes(flip, dir))) { + return; + } + + boundaries.some(function (boundary) { + + var elemOffset = elAttach[dir] === align + ? -dim[prop] + : elAttach[dir] === alignFlip + ? dim[prop] + : 0; + + var targetOffset = targetAttach[dir] === align + ? targetDim[prop] + : targetAttach[dir] === alignFlip + ? -targetDim[prop] + : 0; + + if (position[align] < boundary[align] || position[align] + dim[prop] > boundary[alignFlip]) { + + var centerOffset = dim[prop] / 2; + var centerTargetOffset = targetAttach[dir] === 'center' ? -targetDim[prop] / 2 : 0; + + return elAttach[dir] === 'center' && ( + apply(centerOffset, centerTargetOffset) + || apply(-centerOffset, -centerTargetOffset) + ) || apply(elemOffset, targetOffset); + + } + + function apply(elemOffset, targetOffset) { + + var newVal = (position[align] + elemOffset + targetOffset - elOffset[dir] * 2).toFixed(4); + + if (newVal >= boundary[align] && newVal + dim[prop] <= boundary[alignFlip]) { + position[align] = newVal; + + ['element', 'target'].forEach(function (el) { + flipped[el][dir] = !elemOffset + ? flipped[el][dir] + : flipped[el][dir] === dirs[prop][1] + ? dirs[prop][2] + : dirs[prop][1]; + }); + + return true; + } + + } + + }); + + }); + } + + offset(element, position); + + return flipped; + } + + function offset(element, coordinates) { + + if (!coordinates) { + return getDimensions(element); + } + + var currentOffset = getDimensions(element); + var pos = css(element, 'position'); + + ['left', 'top'].forEach(function (prop) { + if (prop in coordinates) { + var value = css(element, prop); + css(element, prop, coordinates[prop] - currentOffset[prop] + + toFloat(pos === 'absolute' && value === 'auto' + ? position(element)[prop] + : value) + ); + } + }); + } + + function getDimensions(element) { + + if (!element) { + return {}; + } + + var ref = toWindow(element); + var top = ref.pageYOffset; + var left = ref.pageXOffset; + + if (isWindow(element)) { + + var height = element.innerHeight; + var width = element.innerWidth; + + return { + top: top, + left: left, + height: height, + width: width, + bottom: top + height, + right: left + width + }; + } + + var style, hidden; + + if (!isVisible(element) && css(element, 'display') === 'none') { + + style = attr(element, 'style'); + hidden = attr(element, 'hidden'); + + attr(element, { + style: ((style || '') + ";display:block !important;"), + hidden: null + }); + } + + element = toNode(element); + + var rect = element.getBoundingClientRect(); + + if (!isUndefined(style)) { + attr(element, {style: style, hidden: hidden}); + } + + return { + height: rect.height, + width: rect.width, + top: rect.top + top, + left: rect.left + left, + bottom: rect.bottom + top, + right: rect.right + left + }; + } + + function position(element, parent) { + + parent = parent || (toNode(element) || {}).offsetParent || toWindow(element).document.documentElement; + + var elementOffset = offset(element); + var parentOffset = offset(parent); + + return { + top: elementOffset.top - parentOffset.top - toFloat(css(parent, 'borderTopWidth')), + left: elementOffset.left - parentOffset.left - toFloat(css(parent, 'borderLeftWidth')) + }; + } + + function offsetPosition(element) { + var offset = [0, 0]; + + element = toNode(element); + + do { + + offset[0] += element.offsetTop; + offset[1] += element.offsetLeft; + + if (css(element, 'position') === 'fixed') { + var win = toWindow(element); + offset[0] += win.pageYOffset; + offset[1] += win.pageXOffset; + return offset; + } + + } while ((element = element.offsetParent)); + + return offset; + } + + var height = dimension('height'); + var width = dimension('width'); + + function dimension(prop) { + var propName = ucfirst(prop); + return function (element, value) { + + if (isUndefined(value)) { + + if (isWindow(element)) { + return element[("inner" + propName)]; + } + + if (isDocument(element)) { + var doc = element.documentElement; + return Math.max(doc[("offset" + propName)], doc[("scroll" + propName)]); + } + + element = toNode(element); + + value = css(element, prop); + value = value === 'auto' ? element[("offset" + propName)] : toFloat(value) || 0; + + return value - boxModelAdjust(element, prop); + + } else { + + css(element, prop, !value && value !== 0 + ? '' + : +value + boxModelAdjust(element, prop) + 'px' + ); + + } + + }; + } + + function boxModelAdjust(element, prop, sizing) { + if ( sizing === void 0 ) sizing = 'border-box'; + + return css(element, 'boxSizing') === sizing + ? dirs[prop].slice(1).map(ucfirst).reduce(function (value, prop) { return value + + toFloat(css(element, ("padding" + prop))) + + toFloat(css(element, ("border" + prop + "Width"))); } + , 0) + : 0; + } + + function moveTo(position, attach, dim, factor) { + each(dirs, function (ref, prop) { + var dir = ref[0]; + var align = ref[1]; + var alignFlip = ref[2]; + + if (attach[dir] === alignFlip) { + position[align] += dim[prop] * factor; + } else if (attach[dir] === 'center') { + position[align] += dim[prop] * factor / 2; + } + }); + } + + function getPos(pos) { + + var x = /left|center|right/; + var y = /top|center|bottom/; + + pos = (pos || '').split(' '); + + if (pos.length === 1) { + pos = x.test(pos[0]) + ? pos.concat('center') + : y.test(pos[0]) + ? ['center'].concat(pos) + : ['center', 'center']; + } + + return { + x: x.test(pos[0]) ? pos[0] : 'center', + y: y.test(pos[1]) ? pos[1] : 'center' + }; + } + + function getOffsets(offsets, width, height) { + + var ref = (offsets || '').split(' '); + var x = ref[0]; + var y = ref[1]; + + return { + x: x ? toFloat(x) * (endsWith(x, '%') ? width / 100 : 1) : 0, + y: y ? toFloat(y) * (endsWith(y, '%') ? height / 100 : 1) : 0 + }; + } + + function flipPosition(pos) { + switch (pos) { + case 'left': + return 'right'; + case 'right': + return 'left'; + case 'top': + return 'bottom'; + case 'bottom': + return 'top'; + default: + return pos; + } + } + + function toPx(value, property, element) { + if ( property === void 0 ) property = 'width'; + if ( element === void 0 ) element = window; + + return isNumeric(value) + ? +value + : endsWith(value, 'vh') + ? percent(height(toWindow(element)), value) + : endsWith(value, 'vw') + ? percent(width(toWindow(element)), value) + : endsWith(value, '%') + ? percent(getDimensions(element)[property], value) + : toFloat(value); + } + + function percent(base, value) { + return base * toFloat(value) / 100; + } + + /* + Based on: + Copyright (c) 2016 Wilson Page wilsonpage@me.com + https://github.com/wilsonpage/fastdom + */ + + var fastdom = { + + reads: [], + writes: [], + + read: function(task) { + this.reads.push(task); + scheduleFlush(); + return task; + }, + + write: function(task) { + this.writes.push(task); + scheduleFlush(); + return task; + }, + + clear: function(task) { + return remove$1(this.reads, task) || remove$1(this.writes, task); + }, + + flush: flush + + }; + + function flush(recursion) { + if ( recursion === void 0 ) recursion = 1; + + runTasks(fastdom.reads); + runTasks(fastdom.writes.splice(0, fastdom.writes.length)); + + fastdom.scheduled = false; + + if (fastdom.reads.length || fastdom.writes.length) { + scheduleFlush(recursion + 1); + } + } + + var RECURSION_LIMIT = 4; + function scheduleFlush(recursion) { + + if (fastdom.scheduled) { + return; + } + + fastdom.scheduled = true; + if (recursion && recursion < RECURSION_LIMIT) { + Promise.resolve().then(function () { return flush(recursion); }); + } else { + requestAnimationFrame(function () { return flush(); }); + } + + } + + function runTasks(tasks) { + var task; + while ((task = tasks.shift())) { + task(); + } + } + + function remove$1(array, item) { + var index = array.indexOf(item); + return !!~index && !!array.splice(index, 1); + } + + function MouseTracker() {} + + MouseTracker.prototype = { + + positions: [], + + init: function() { + var this$1 = this; + + + this.positions = []; + + var position; + this.unbind = on(document, 'mousemove', function (e) { return position = getEventPos(e); }); + this.interval = setInterval(function () { + + if (!position) { + return; + } + + this$1.positions.push(position); + + if (this$1.positions.length > 5) { + this$1.positions.shift(); + } + }, 50); + + }, + + cancel: function() { + this.unbind && this.unbind(); + this.interval && clearInterval(this.interval); + }, + + movesTo: function(target) { + + if (this.positions.length < 2) { + return false; + } + + var p = target.getBoundingClientRect(); + var left = p.left; + var right = p.right; + var top = p.top; + var bottom = p.bottom; + + var ref = this.positions; + var prevPosition = ref[0]; + var position = last(this.positions); + var path = [prevPosition, position]; + + if (pointInRect(position, p)) { + return false; + } + + var diagonals = [[{x: left, y: top}, {x: right, y: bottom}], [{x: left, y: bottom}, {x: right, y: top}]]; + + return diagonals.some(function (diagonal) { + var intersection = intersect(path, diagonal); + return intersection && pointInRect(intersection, p); + }); + } + + }; + + // Inspired by http://paulbourke.net/geometry/pointlineplane/ + function intersect(ref, ref$1) { + var ref_0 = ref[0]; + var x1 = ref_0.x; + var y1 = ref_0.y; + var ref_1 = ref[1]; + var x2 = ref_1.x; + var y2 = ref_1.y; + var ref$1_0 = ref$1[0]; + var x3 = ref$1_0.x; + var y3 = ref$1_0.y; + var ref$1_1 = ref$1[1]; + var x4 = ref$1_1.x; + var y4 = ref$1_1.y; + + + var denominator = (y4 - y3) * (x2 - x1) - (x4 - x3) * (y2 - y1); + + // Lines are parallel + if (denominator === 0) { + return false; + } + + var ua = ((x4 - x3) * (y1 - y3) - (y4 - y3) * (x1 - x3)) / denominator; + + if (ua < 0) { + return false; + } + + // Return an object with the x and y coordinates of the intersection + return {x: x1 + ua * (x2 - x1), y: y1 + ua * (y2 - y1)}; + } + + var strats = {}; + + strats.events = + strats.created = + strats.beforeConnect = + strats.connected = + strats.beforeDisconnect = + strats.disconnected = + strats.destroy = concatStrat; + + // args strategy + strats.args = function (parentVal, childVal) { + return childVal !== false && concatStrat(childVal || parentVal); + }; + + // update strategy + strats.update = function (parentVal, childVal) { + return sortBy(concatStrat(parentVal, isFunction(childVal) ? {read: childVal} : childVal), 'order'); + }; + + // property strategy + strats.props = function (parentVal, childVal) { + + if (isArray(childVal)) { + childVal = childVal.reduce(function (value, key) { + value[key] = String; + return value; + }, {}); + } + + return strats.methods(parentVal, childVal); + }; + + // extend strategy + strats.computed = + strats.methods = function (parentVal, childVal) { + return childVal + ? parentVal + ? assign({}, parentVal, childVal) + : childVal + : parentVal; + }; + + // data strategy + strats.data = function (parentVal, childVal, vm) { + + if (!vm) { + + if (!childVal) { + return parentVal; + } + + if (!parentVal) { + return childVal; + } + + return function (vm) { + return mergeFnData(parentVal, childVal, vm); + }; + + } + + return mergeFnData(parentVal, childVal, vm); + }; + + function mergeFnData(parentVal, childVal, vm) { + return strats.computed( + isFunction(parentVal) + ? parentVal.call(vm, vm) + : parentVal, + isFunction(childVal) + ? childVal.call(vm, vm) + : childVal + ); + } + + // concat strategy + function concatStrat(parentVal, childVal) { + + parentVal = parentVal && !isArray(parentVal) ? [parentVal] : parentVal; + + return childVal + ? parentVal + ? parentVal.concat(childVal) + : isArray(childVal) + ? childVal + : [childVal] + : parentVal; + } + + // default strategy + function defaultStrat(parentVal, childVal) { + return isUndefined(childVal) ? parentVal : childVal; + } + + function mergeOptions(parent, child, vm) { + + var options = {}; + + if (isFunction(child)) { + child = child.options; + } + + if (child.extends) { + parent = mergeOptions(parent, child.extends, vm); + } + + if (child.mixins) { + for (var i = 0, l = child.mixins.length; i < l; i++) { + parent = mergeOptions(parent, child.mixins[i], vm); + } + } + + for (var key in parent) { + mergeKey(key); + } + + for (var key$1 in child) { + if (!hasOwn(parent, key$1)) { + mergeKey(key$1); + } + } + + function mergeKey(key) { + options[key] = (strats[key] || defaultStrat)(parent[key], child[key], vm); + } + + return options; + } + + function parseOptions(options, args) { + var obj; + + if ( args === void 0 ) args = []; + + try { + + return !options + ? {} + : startsWith(options, '{') + ? JSON.parse(options) + : args.length && !includes(options, ':') + ? (( obj = {}, obj[args[0]] = options, obj )) + : options.split(';').reduce(function (options, option) { + var ref = option.split(/:(.*)/); + var key = ref[0]; + var value = ref[1]; + if (key && !isUndefined(value)) { + options[key.trim()] = value.trim(); + } + return options; + }, {}); + + } catch (e) { + return {}; + } + + } + + var id = 0; + + var Player = function(el) { + this.id = ++id; + this.el = toNode(el); + }; + + Player.prototype.isVideo = function () { + return this.isYoutube() || this.isVimeo() || this.isHTML5(); + }; + + Player.prototype.isHTML5 = function () { + return this.el.tagName === 'VIDEO'; + }; + + Player.prototype.isIFrame = function () { + return this.el.tagName === 'IFRAME'; + }; + + Player.prototype.isYoutube = function () { + return this.isIFrame() && !!this.el.src.match(/\/\/.*?youtube(-nocookie)?\.[a-z]+\/(watch\?v=[^&\s]+|embed)|youtu\.be\/.*/); + }; + + Player.prototype.isVimeo = function () { + return this.isIFrame() && !!this.el.src.match(/vimeo\.com\/video\/.*/); + }; + + Player.prototype.enableApi = function () { + var this$1 = this; + + + if (this.ready) { + return this.ready; + } + + var youtube = this.isYoutube(); + var vimeo = this.isVimeo(); + + var poller; + + if (youtube || vimeo) { + + return this.ready = new Promise(function (resolve) { + + once(this$1.el, 'load', function () { + if (youtube) { + var listener = function () { return post(this$1.el, {event: 'listening', id: this$1.id}); }; + poller = setInterval(listener, 100); + listener(); + } + }); + + listen(function (data) { return youtube && data.id === this$1.id && data.event === 'onReady' || vimeo && Number(data.player_id) === this$1.id; }) + .then(function () { + resolve(); + poller && clearInterval(poller); + }); + + attr(this$1.el, 'src', ("" + (this$1.el.src) + (includes(this$1.el.src, '?') ? '&' : '?') + (youtube ? 'enablejsapi=1' : ("api=1&player_id=" + (this$1.id))))); + + }); + + } + + return Promise.resolve(); + + }; + + Player.prototype.play = function () { + var this$1 = this; + + + if (!this.isVideo()) { + return; + } + + if (this.isIFrame()) { + this.enableApi().then(function () { return post(this$1.el, {func: 'playVideo', method: 'play'}); }); + } else if (this.isHTML5()) { + try { + var promise = this.el.play(); + + if (promise) { + promise.catch(noop); + } + } catch (e) {} + } + }; + + Player.prototype.pause = function () { + var this$1 = this; + + + if (!this.isVideo()) { + return; + } + + if (this.isIFrame()) { + this.enableApi().then(function () { return post(this$1.el, {func: 'pauseVideo', method: 'pause'}); }); + } else if (this.isHTML5()) { + this.el.pause(); + } + }; + + Player.prototype.mute = function () { + var this$1 = this; + + + if (!this.isVideo()) { + return; + } + + if (this.isIFrame()) { + this.enableApi().then(function () { return post(this$1.el, {func: 'mute', method: 'setVolume', value: 0}); }); + } else if (this.isHTML5()) { + this.el.muted = true; + attr(this.el, 'muted', ''); + } + + }; + + function post(el, cmd) { + try { + el.contentWindow.postMessage(JSON.stringify(assign({event: 'command'}, cmd)), '*'); + } catch (e) {} + } + + function listen(cb) { + + return new Promise(function (resolve) { return once(window, 'message', function (_, data) { return resolve(data); }, false, function (ref) { + var data = ref.data; + + + try { + data = JSON.parse(data); + return data && cb(data); + } catch (e) {} + + }); } + + ); + + } + + function isInView(element, offsetTop, offsetLeft) { + if ( offsetTop === void 0 ) offsetTop = 0; + if ( offsetLeft === void 0 ) offsetLeft = 0; + + + if (!isVisible(element)) { + return false; + } + + var parents = overflowParents(element); + + return parents.every(function (parent, i) { + + var client = offset(parents[i + 1] || element); + var ref = offset(getViewport(parent)); + var top = ref.top; + var left = ref.left; + var bottom = ref.bottom; + var right = ref.right; + + return intersectRect(client, { + top: top - offsetTop, + left: left - offsetLeft, + bottom: bottom + offsetTop, + right: right + offsetLeft + }); + }); + } + + function scrollTop(element, top) { + + if (isWindow(element) || isDocument(element)) { + element = getScrollingElement(element); + } else { + element = toNode(element); + } + + element.scrollTop = top; + } + + function scrollIntoView(element, ref) { + if ( ref === void 0 ) ref = {}; + var offsetBy = ref.offset; if ( offsetBy === void 0 ) offsetBy = 0; + + + if (!isVisible(element)) { + return; + } + + var parents = overflowParents(element).concat(element); + + var promise = Promise.resolve(); + var loop = function ( i ) { + promise = promise.then(function () { return new Promise(function (resolve) { + + var scrollElement = parents[i]; + var element = parents[i + 1]; + + var scroll = scrollElement.scrollTop; + var top = Math.ceil(position(element, getViewport(scrollElement)).top - offsetBy); + var duration = getDuration(Math.abs(top)); + + var start = Date.now(); + var step = function () { + + var percent = ease(clamp((Date.now() - start) / duration)); + + scrollTop(scrollElement, scroll + top * percent); + + // scroll more if we have not reached our destination + if (percent !== 1) { + requestAnimationFrame(step); + } else { + resolve(); + } + + }; + + step(); + }); } + ); + }; + + for (var i = 0; i < parents.length - 1; i++) loop( i ); + + return promise; + + function getDuration(dist) { + return 40 * Math.pow(dist, .375); + } + + function ease(k) { + return 0.5 * (1 - Math.cos(Math.PI * k)); + } + + } + + function scrolledOver(element, heightOffset) { + if ( heightOffset === void 0 ) heightOffset = 0; + + + if (!isVisible(element)) { + return 0; + } + + var scrollElement = last(scrollParents(element)); + var scrollHeight = scrollElement.scrollHeight; + var scrollTop = scrollElement.scrollTop; + var viewport = getViewport(scrollElement); + var viewportHeight = offset(viewport).height; + var viewportTop = offsetPosition(element)[0] - scrollTop - offsetPosition(scrollElement)[0]; + var viewportDist = Math.min(viewportHeight, viewportTop + scrollTop); + + var top = viewportTop - viewportDist; + var dist = Math.min( + offset(element).height + heightOffset + viewportDist, + scrollHeight - (viewportTop + scrollTop), + scrollHeight - viewportHeight + ); + + return clamp(-1 * top / dist); + } + + function scrollParents(element, overflowRe) { + if ( overflowRe === void 0 ) overflowRe = /auto|scroll/; + + var scrollEl = getScrollingElement(element); + var scrollParents = parents(element).filter(function (parent) { return parent === scrollEl + || overflowRe.test(css(parent, 'overflow')) + && parent.scrollHeight > Math.round(offset(parent).height); } + ).reverse(); + return scrollParents.length ? scrollParents : [scrollEl]; + } + + function getViewport(scrollElement) { + return scrollElement === getScrollingElement(scrollElement) ? window : scrollElement; + } + + function overflowParents(element) { + return scrollParents(element, /auto|scroll|hidden/); + } + + function getScrollingElement(element) { + var ref = toWindow(element); + var document = ref.document; + return document.scrollingElement || document.documentElement; + } + + var IntersectionObserver = inBrowser && window.IntersectionObserver + || /*@__PURE__*/(function () { + function IntersectionObserverClass(callback, ref) { + var this$1 = this; + if ( ref === void 0 ) ref = {}; + var rootMargin = ref.rootMargin; if ( rootMargin === void 0 ) rootMargin = '0 0'; + + + this.targets = []; + + var ref$1 = (rootMargin || '0 0').split(' ').map(toFloat); + var offsetTop = ref$1[0]; + var offsetLeft = ref$1[1]; + + this.offsetTop = offsetTop; + this.offsetLeft = offsetLeft; + + var pending; + this.apply = function () { + + if (pending) { + return; + } + + pending = requestAnimationFrame(function () { return setTimeout(function () { + var records = this$1.takeRecords(); + + if (records.length) { + callback(records, this$1); + } + + pending = false; + }); }); + + }; + + this.off = on(window, 'scroll resize load', this.apply, {passive: true, capture: true}); + + } + + IntersectionObserverClass.prototype.takeRecords = function () { + var this$1 = this; + + return this.targets.filter(function (entry) { + + var inView = isInView(entry.target, this$1.offsetTop, this$1.offsetLeft); + + if (entry.isIntersecting === null || inView ^ entry.isIntersecting) { + entry.isIntersecting = inView; + return true; + } + + }); + }; + + IntersectionObserverClass.prototype.observe = function (target) { + this.targets.push({ + target: target, + isIntersecting: null + }); + this.apply(); + }; + + IntersectionObserverClass.prototype.disconnect = function () { + this.targets = []; + this.off(); + }; + + return IntersectionObserverClass; + }()); + + var util = /*#__PURE__*/Object.freeze({ + __proto__: null, + ajax: ajax, + getImage: getImage, + transition: transition, + Transition: Transition, + animate: animate, + Animation: Animation, + attr: attr, + hasAttr: hasAttr, + removeAttr: removeAttr, + data: data, + addClass: addClass, + removeClass: removeClass, + removeClasses: removeClasses, + replaceClass: replaceClass, + hasClass: hasClass, + toggleClass: toggleClass, + positionAt: positionAt, + offset: offset, + position: position, + offsetPosition: offsetPosition, + height: height, + width: width, + boxModelAdjust: boxModelAdjust, + flipPosition: flipPosition, + toPx: toPx, + ready: ready, + index: index, + getIndex: getIndex, + empty: empty, + html: html, + prepend: prepend, + append: append, + before: before, + after: after, + remove: remove, + wrapAll: wrapAll, + wrapInner: wrapInner, + unwrap: unwrap, + fragment: fragment, + apply: apply, + $: $, + $$: $$, + inBrowser: inBrowser, + isIE: isIE, + isRtl: isRtl, + hasTouch: hasTouch, + pointerDown: pointerDown, + pointerMove: pointerMove, + pointerUp: pointerUp, + pointerEnter: pointerEnter, + pointerLeave: pointerLeave, + pointerCancel: pointerCancel, + on: on, + off: off, + once: once, + trigger: trigger, + createEvent: createEvent, + toEventTargets: toEventTargets, + isTouch: isTouch, + getEventPos: getEventPos, + fastdom: fastdom, + isVoidElement: isVoidElement, + isVisible: isVisible, + selInput: selInput, + isInput: isInput, + filter: filter, + within: within, + parents: parents, + children: children, + hasOwn: hasOwn, + hyphenate: hyphenate, + camelize: camelize, + ucfirst: ucfirst, + startsWith: startsWith, + endsWith: endsWith, + includes: includes, + findIndex: findIndex, + isArray: isArray, + isFunction: isFunction, + isObject: isObject, + isPlainObject: isPlainObject, + isWindow: isWindow, + isDocument: isDocument, + isJQuery: isJQuery, + isNode: isNode, + isElement: isElement, + isNodeCollection: isNodeCollection, + isBoolean: isBoolean, + isString: isString, + isNumber: isNumber, + isNumeric: isNumeric, + isEmpty: isEmpty, + isUndefined: isUndefined, + toBoolean: toBoolean, + toNumber: toNumber, + toFloat: toFloat, + toNode: toNode, + toNodes: toNodes, + toWindow: toWindow, + toList: toList, + toMs: toMs, + isEqual: isEqual, + swap: swap, + assign: assign, + last: last, + each: each, + sortBy: sortBy, + uniqueBy: uniqueBy, + clamp: clamp, + noop: noop, + intersectRect: intersectRect, + pointInRect: pointInRect, + Dimensions: Dimensions, + MouseTracker: MouseTracker, + mergeOptions: mergeOptions, + parseOptions: parseOptions, + Player: Player, + Promise: Promise, + Deferred: Deferred, + IntersectionObserver: IntersectionObserver, + query: query, + queryAll: queryAll, + find: find, + findAll: findAll, + matches: matches, + closest: closest, + parent: parent, + escape: escape, + css: css, + getStyles: getStyles, + getStyle: getStyle, + getCssVar: getCssVar, + propName: propName, + isInView: isInView, + scrollTop: scrollTop, + scrollIntoView: scrollIntoView, + scrolledOver: scrolledOver, + scrollParents: scrollParents, + getViewport: getViewport + }); + + function globalAPI (UIkit) { + + var DATA = UIkit.data; + + UIkit.use = function (plugin) { + + if (plugin.installed) { + return; + } + + plugin.call(null, this); + plugin.installed = true; + + return this; + }; + + UIkit.mixin = function (mixin, component) { + component = (isString(component) ? UIkit.component(component) : component) || this; + component.options = mergeOptions(component.options, mixin); + }; + + UIkit.extend = function (options) { + + options = options || {}; + + var Super = this; + var Sub = function UIkitComponent(options) { + this._init(options); + }; + + Sub.prototype = Object.create(Super.prototype); + Sub.prototype.constructor = Sub; + Sub.options = mergeOptions(Super.options, options); + + Sub.super = Super; + Sub.extend = Super.extend; + + return Sub; + }; + + UIkit.update = function (element, e) { + + element = element ? toNode(element) : document.body; + + parents(element).reverse().forEach(function (element) { return update(element[DATA], e); }); + apply(element, function (element) { return update(element[DATA], e); }); + + }; + + var container; + Object.defineProperty(UIkit, 'container', { + + get: function() { + return container || document.body; + }, + + set: function(element) { + container = $(element); + } + + }); + + function update(data, e) { + + if (!data) { + return; + } + + for (var name in data) { + if (data[name]._connected) { + data[name]._callUpdate(e); + } + } + + } + } + + function hooksAPI (UIkit) { + + UIkit.prototype._callHook = function (hook) { + var this$1 = this; + + + var handlers = this.$options[hook]; + + if (handlers) { + handlers.forEach(function (handler) { return handler.call(this$1); }); + } + }; + + UIkit.prototype._callConnected = function () { + + if (this._connected) { + return; + } + + this._data = {}; + this._computeds = {}; + this._frames = {reads: {}, writes: {}}; + + this._initProps(); + + this._callHook('beforeConnect'); + this._connected = true; + + this._initEvents(); + this._initObserver(); + + this._callHook('connected'); + this._callUpdate(); + }; + + UIkit.prototype._callDisconnected = function () { + + if (!this._connected) { + return; + } + + this._callHook('beforeDisconnect'); + + if (this._observer) { + this._observer.disconnect(); + this._observer = null; + } + + this._unbindEvents(); + this._callHook('disconnected'); + + this._connected = false; + + }; + + UIkit.prototype._callUpdate = function (e) { + var this$1 = this; + if ( e === void 0 ) e = 'update'; + + + var type = e.type || e; + + if (includes(['update', 'resize'], type)) { + this._callWatches(); + } + + var updates = this.$options.update; + var ref = this._frames; + var reads = ref.reads; + var writes = ref.writes; + + if (!updates) { + return; + } + + updates.forEach(function (ref, i) { + var read = ref.read; + var write = ref.write; + var events = ref.events; + + + if (type !== 'update' && !includes(events, type)) { + return; + } + + if (read && !includes(fastdom.reads, reads[i])) { + reads[i] = fastdom.read(function () { + + var result = this$1._connected && read.call(this$1, this$1._data, type); + + if (result === false && write) { + fastdom.clear(writes[i]); + } else if (isPlainObject(result)) { + assign(this$1._data, result); + } + }); + } + + if (write && !includes(fastdom.writes, writes[i])) { + writes[i] = fastdom.write(function () { return this$1._connected && write.call(this$1, this$1._data, type); }); + } + + }); + + }; + + UIkit.prototype._callWatches = function () { + var this$1 = this; + + + var ref = this; + var _frames = ref._frames; + + if (_frames._watch) { + return; + } + + var initital = !hasOwn(_frames, '_watch'); + + _frames._watch = fastdom.read(function () { + + if (!this$1._connected) { + return; + } + + var ref = this$1; + var computed = ref.$options.computed; + var _computeds = ref._computeds; + + for (var key in computed) { + + var hasPrev = hasOwn(_computeds, key); + var prev = _computeds[key]; + + delete _computeds[key]; + + var ref$1 = computed[key]; + var watch = ref$1.watch; + var immediate = ref$1.immediate; + if (watch && ( + initital && immediate + || hasPrev && !isEqual(prev, this$1[key]) + )) { + watch.call(this$1, this$1[key], prev); + } + + } + + _frames._watch = null; + + }); + + }; + + } + + function stateAPI (UIkit) { + + var uid = 0; + + UIkit.prototype._init = function (options) { + + options = options || {}; + options.data = normalizeData(options, this.constructor.options); + + this.$options = mergeOptions(this.constructor.options, options, this); + this.$el = null; + this.$props = {}; + + this._uid = uid++; + this._initData(); + this._initMethods(); + this._initComputeds(); + this._callHook('created'); + + if (options.el) { + this.$mount(options.el); + } + }; + + UIkit.prototype._initData = function () { + + var ref = this.$options; + var data = ref.data; if ( data === void 0 ) data = {}; + + for (var key in data) { + this.$props[key] = this[key] = data[key]; + } + }; + + UIkit.prototype._initMethods = function () { + + var ref = this.$options; + var methods = ref.methods; + + if (methods) { + for (var key in methods) { + this[key] = methods[key].bind(this); + } + } + }; + + UIkit.prototype._initComputeds = function () { + + var ref = this.$options; + var computed = ref.computed; + + this._computeds = {}; + + if (computed) { + for (var key in computed) { + registerComputed(this, key, computed[key]); + } + } + }; + + UIkit.prototype._initProps = function (props) { + + var key; + + props = props || getProps(this.$options, this.$name); + + for (key in props) { + if (!isUndefined(props[key])) { + this.$props[key] = props[key]; + } + } + + var exclude = [this.$options.computed, this.$options.methods]; + for (key in this.$props) { + if (key in props && notIn(exclude, key)) { + this[key] = this.$props[key]; + } + } + }; + + UIkit.prototype._initEvents = function () { + var this$1 = this; + + + this._events = []; + + var ref = this.$options; + var events = ref.events; + + if (events) { + + events.forEach(function (event) { + + if (!hasOwn(event, 'handler')) { + for (var key in event) { + registerEvent(this$1, event[key], key); + } + } else { + registerEvent(this$1, event); + } + + }); + } + }; + + UIkit.prototype._unbindEvents = function () { + this._events.forEach(function (unbind) { return unbind(); }); + delete this._events; + }; + + UIkit.prototype._initObserver = function () { + var this$1 = this; + + + var ref = this.$options; + var attrs = ref.attrs; + var props = ref.props; + var el = ref.el; + if (this._observer || !props || attrs === false) { + return; + } + + attrs = isArray(attrs) ? attrs : Object.keys(props); + + this._observer = new MutationObserver(function (records) { + var data = getProps(this$1.$options, this$1.$name); + if (records.some(function (ref) { + var attributeName = ref.attributeName; + + var prop = attributeName.replace('data-', ''); + return (prop === this$1.$name ? attrs : [camelize(prop), camelize(attributeName)]).some(function (prop) { return !isUndefined(data[prop]) && data[prop] !== this$1.$props[prop]; } + ); + })) { + this$1.$reset(); + } + + }); + + var filter = attrs.map(function (key) { return hyphenate(key); }).concat(this.$name); + + this._observer.observe(el, { + attributes: true, + attributeFilter: filter.concat(filter.map(function (key) { return ("data-" + key); })) + }); + }; + + function getProps(opts, name) { + + var data$1 = {}; + var args = opts.args; if ( args === void 0 ) args = []; + var props = opts.props; if ( props === void 0 ) props = {}; + var el = opts.el; + + if (!props) { + return data$1; + } + + for (var key in props) { + var prop = hyphenate(key); + var value = data(el, prop); + + if (isUndefined(value)) { + continue; + } + + value = props[key] === Boolean && value === '' + ? true + : coerce(props[key], value); + + if (prop === 'target' && (!value || startsWith(value, '_'))) { + continue; + } + + data$1[key] = value; + } + + var options = parseOptions(data(el, name), args); + + for (var key$1 in options) { + var prop$1 = camelize(key$1); + if (props[prop$1] !== undefined) { + data$1[prop$1] = coerce(props[prop$1], options[key$1]); + } + } + + return data$1; + } + + function registerComputed(component, key, cb) { + Object.defineProperty(component, key, { + + enumerable: true, + + get: function() { + + var _computeds = component._computeds; + var $props = component.$props; + var $el = component.$el; + + if (!hasOwn(_computeds, key)) { + _computeds[key] = (cb.get || cb).call(component, $props, $el); + } + + return _computeds[key]; + }, + + set: function(value) { + + var _computeds = component._computeds; + + _computeds[key] = cb.set ? cb.set.call(component, value) : value; + + if (isUndefined(_computeds[key])) { + delete _computeds[key]; + } + } + + }); + } + + function registerEvent(component, event, key) { + + if (!isPlainObject(event)) { + event = ({name: key, handler: event}); + } + + var name = event.name; + var el = event.el; + var handler = event.handler; + var capture = event.capture; + var passive = event.passive; + var delegate = event.delegate; + var filter = event.filter; + var self = event.self; + el = isFunction(el) + ? el.call(component) + : el || component.$el; + + if (isArray(el)) { + el.forEach(function (el) { return registerEvent(component, assign({}, event, {el: el}), key); }); + return; + } + + if (!el || filter && !filter.call(component)) { + return; + } + + component._events.push( + on( + el, + name, + !delegate + ? null + : isString(delegate) + ? delegate + : delegate.call(component), + isString(handler) ? component[handler] : handler.bind(component), + {passive: passive, capture: capture, self: self} + ) + ); + + } + + function notIn(options, key) { + return options.every(function (arr) { return !arr || !hasOwn(arr, key); }); + } + + function coerce(type, value) { + + if (type === Boolean) { + return toBoolean(value); + } else if (type === Number) { + return toNumber(value); + } else if (type === 'list') { + return toList(value); + } + + return type ? type(value) : value; + } + + function normalizeData(ref, ref$1) { + var data = ref.data; + var el = ref.el; + var args = ref$1.args; + var props = ref$1.props; if ( props === void 0 ) props = {}; + + data = isArray(data) + ? !isEmpty(args) + ? data.slice(0, args.length).reduce(function (data, value, index) { + if (isPlainObject(value)) { + assign(data, value); + } else { + data[args[index]] = value; + } + return data; + }, {}) + : undefined + : data; + + if (data) { + for (var key in data) { + if (isUndefined(data[key])) { + delete data[key]; + } else { + data[key] = props[key] ? coerce(props[key], data[key]) : data[key]; + } + } + } + + return data; + } + } + + function instanceAPI (UIkit) { + + var DATA = UIkit.data; + + UIkit.prototype.$create = function (component, element, data) { + return UIkit[component](element, data); + }; + + UIkit.prototype.$mount = function (el) { + + var ref = this.$options; + var name = ref.name; + + if (!el[DATA]) { + el[DATA] = {}; + } + + if (el[DATA][name]) { + return; + } + + el[DATA][name] = this; + + this.$el = this.$options.el = this.$options.el || el; + + if (within(el, document)) { + this._callConnected(); + } + }; + + UIkit.prototype.$reset = function () { + this._callDisconnected(); + this._callConnected(); + }; + + UIkit.prototype.$destroy = function (removeEl) { + if ( removeEl === void 0 ) removeEl = false; + + + var ref = this.$options; + var el = ref.el; + var name = ref.name; + + if (el) { + this._callDisconnected(); + } + + this._callHook('destroy'); + + if (!el || !el[DATA]) { + return; + } + + delete el[DATA][name]; + + if (!isEmpty(el[DATA])) { + delete el[DATA]; + } + + if (removeEl) { + remove(this.$el); + } + }; + + UIkit.prototype.$emit = function (e) { + this._callUpdate(e); + }; + + UIkit.prototype.$update = function (element, e) { + if ( element === void 0 ) element = this.$el; + + UIkit.update(element, e); + }; + + UIkit.prototype.$getComponent = UIkit.getComponent; + + var names = {}; + Object.defineProperties(UIkit.prototype, { + + $container: Object.getOwnPropertyDescriptor(UIkit, 'container'), + + $name: { + + get: function() { + var ref = this.$options; + var name = ref.name; + + if (!names[name]) { + names[name] = UIkit.prefix + hyphenate(name); + } + + return names[name]; + } + + } + + }); + + } + + function componentAPI (UIkit) { + + var DATA = UIkit.data; + + var components = {}; + + UIkit.component = function (name, options) { + + var id = hyphenate(name); + + name = camelize(id); + + if (!options) { + + if (isPlainObject(components[name])) { + components[name] = UIkit.extend(components[name]); + } + + return components[name]; + + } + + UIkit[name] = function (element, data) { + var i = arguments.length, argsArray = Array(i); + while ( i-- ) argsArray[i] = arguments[i]; + + + var component = UIkit.component(name); + + return component.options.functional + ? new component({data: isPlainObject(element) ? element : [].concat( argsArray )}) + : !element ? init(element) : $$(element).map(init)[0]; + + function init(element) { + + var instance = UIkit.getComponent(element, name); + + if (instance) { + if (!data) { + return instance; + } else { + instance.$destroy(); + } + } + + return new component({el: element, data: data}); + + } + + }; + + var opt = isPlainObject(options) ? assign({}, options) : options.options; + + opt.name = name; + + if (opt.install) { + opt.install(UIkit, opt, name); + } + + if (UIkit._initialized && !opt.functional) { + fastdom.read(function () { return UIkit[name](("[uk-" + id + "],[data-uk-" + id + "]")); }); + } + + return components[name] = isPlainObject(options) ? opt : options; + }; + + UIkit.getComponents = function (element) { return element && element[DATA] || {}; }; + UIkit.getComponent = function (element, name) { return UIkit.getComponents(element)[name]; }; + + UIkit.connect = function (node) { + + if (node[DATA]) { + for (var name in node[DATA]) { + node[DATA][name]._callConnected(); + } + } + + for (var i = 0; i < node.attributes.length; i++) { + + var name$1 = getComponentName(node.attributes[i].name); + + if (name$1 && name$1 in components) { + UIkit[name$1](node); + } + + } + + }; + + UIkit.disconnect = function (node) { + for (var name in node[DATA]) { + node[DATA][name]._callDisconnected(); + } + }; + + } + + function getComponentName(attribute) { + return startsWith(attribute, 'uk-') || startsWith(attribute, 'data-uk-') + ? camelize(attribute.replace('data-uk-', '').replace('uk-', '')) + : false; + } + + var UIkit = function (options) { + this._init(options); + }; + + UIkit.util = util; + UIkit.data = '__uikit__'; + UIkit.prefix = 'uk-'; + UIkit.options = {}; + UIkit.version = '3.5.5'; + + globalAPI(UIkit); + hooksAPI(UIkit); + stateAPI(UIkit); + componentAPI(UIkit); + instanceAPI(UIkit); + + function Core (UIkit) { + + inBrowser && ready(function () { + + UIkit.update(); + on(window, 'load resize', function () { return UIkit.update(null, 'resize'); }); + on(document, 'loadedmetadata load', function (ref) { + var target = ref.target; + + return UIkit.update(target, 'resize'); + }, true); + + // throttle `scroll` event (Safari triggers multiple `scroll` events per frame) + var pending; + on(window, 'scroll', function (e) { + + if (pending) { + return; + } + pending = true; + fastdom.write(function () { return pending = false; }); + + UIkit.update(null, e.type); + + }, {passive: true, capture: true}); + + var started = 0; + on(document, 'animationstart', function (ref) { + var target = ref.target; + + if ((css(target, 'animationName') || '').match(/^uk-.*(left|right)/)) { + + started++; + css(document.body, 'overflowX', 'hidden'); + setTimeout(function () { + if (!--started) { + css(document.body, 'overflowX', ''); + } + }, toMs(css(target, 'animationDuration')) + 100); + } + }, true); + + var off; + on(document, pointerDown, function (e) { + + off && off(); + + if (!isTouch(e)) { + return; + } + + // Handle Swipe Gesture + var pos = getEventPos(e); + var target = 'tagName' in e.target ? e.target : e.target.parentNode; + off = once(document, (pointerUp + " " + pointerCancel), function (e) { + + var ref = getEventPos(e); + var x = ref.x; + var y = ref.y; + + // swipe + if (target && x && Math.abs(pos.x - x) > 100 || y && Math.abs(pos.y - y) > 100) { + + setTimeout(function () { + trigger(target, 'swipe'); + trigger(target, ("swipe" + (swipeDirection(pos.x, pos.y, x, y)))); + }); + + } + + }); + + }, {passive: true}); + + }); + + } + + function swipeDirection(x1, y1, x2, y2) { + return Math.abs(x1 - x2) >= Math.abs(y1 - y2) + ? x1 - x2 > 0 + ? 'Left' + : 'Right' + : y1 - y2 > 0 + ? 'Up' + : 'Down'; + } + + function boot (UIkit) { + + var connect = UIkit.connect; + var disconnect = UIkit.disconnect; + + if (!inBrowser || !window.MutationObserver) { + return; + } + + fastdom.read(init); + + function init() { + + if (document.body) { + apply(document.body, connect); + } + + (new MutationObserver(function (mutations) { + var updates = []; + mutations.forEach(function (mutation) { return applyMutation(mutation, updates); }); + updates.forEach(function (el) { return UIkit.update(el); }); + })).observe(document, { + childList: true, + subtree: true, + characterData: true, + attributes: true + }); + + UIkit._initialized = true; + } + + function applyMutation(mutation, updates) { + + var target = mutation.target; + var type = mutation.type; + + var update = type !== 'attributes' + ? applyChildList(mutation) + : applyAttribute(mutation); + + if (update && !updates.some(function (element) { return element.contains(target); })) { + updates.push(target.contains ? target : target.parentNode); // IE 11 text node does not implement contains + } + + } + + function applyAttribute(ref) { + var target = ref.target; + var attributeName = ref.attributeName; + + + if (attributeName === 'href') { + return true; + } + + var name = getComponentName(attributeName); + + if (!name || !(name in UIkit)) { + return; + } + + if (hasAttr(target, attributeName)) { + UIkit[name](target); + return true; + } + + var component = UIkit.getComponent(target, name); + + if (component) { + component.$destroy(); + return true; + } + + } + + function applyChildList(ref) { + var addedNodes = ref.addedNodes; + var removedNodes = ref.removedNodes; + + + for (var i = 0; i < addedNodes.length; i++) { + apply(addedNodes[i], connect); + } + + for (var i$1 = 0; i$1 < removedNodes.length; i$1++) { + apply(removedNodes[i$1], disconnect); + } + + return true; + } + + } + + var Class = { + + connected: function() { + !hasClass(this.$el, this.$name) && addClass(this.$el, this.$name); + } + + }; + + var Togglable = { + + props: { + cls: Boolean, + animation: 'list', + duration: Number, + origin: String, + transition: String + }, + + data: { + cls: false, + animation: [false], + duration: 200, + origin: false, + transition: 'linear', + + initProps: { + overflow: '', + height: '', + paddingTop: '', + paddingBottom: '', + marginTop: '', + marginBottom: '' + }, + + hideProps: { + overflow: 'hidden', + height: 0, + paddingTop: 0, + paddingBottom: 0, + marginTop: 0, + marginBottom: 0 + } + + }, + + computed: { + + hasAnimation: function(ref) { + var animation = ref.animation; + + return !!animation[0]; + }, + + hasTransition: function(ref) { + var animation = ref.animation; + + return this.hasAnimation && animation[0] === true; + } + + }, + + methods: { + + toggleElement: function(targets, show, animate) { + var this$1 = this; + + return Promise.all(toNodes(targets).map(function (el) { return new Promise(function (resolve) { return this$1._toggleElement(el, show, animate).then(resolve, noop); } + ); } + )); + }, + + isToggled: function(el) { + var nodes = toNodes(el || this.$el); + return this.cls + ? hasClass(nodes, this.cls.split(' ')[0]) + : !hasAttr(nodes, 'hidden'); + }, + + updateAria: function(el) { + if (this.cls === false) { + attr(el, 'aria-hidden', !this.isToggled(el)); + } + }, + + _toggleElement: function(el, show, animate) { + var this$1 = this; + + + show = isBoolean(show) + ? show + : Animation.inProgress(el) + ? hasClass(el, 'uk-animation-leave') + : Transition.inProgress(el) + ? el.style.height === '0px' + : !this.isToggled(el); + + if (!trigger(el, ("before" + (show ? 'show' : 'hide')), [this])) { + return Promise.reject(); + } + + var promise = ( + isFunction(animate) + ? animate + : animate === false || !this.hasAnimation + ? this._toggle + : this.hasTransition + ? toggleHeight(this) + : toggleAnimation(this) + )(el, show); + + trigger(el, show ? 'show' : 'hide', [this]); + + var final = function () { + trigger(el, show ? 'shown' : 'hidden', [this$1]); + this$1.$update(el); + }; + + return (promise || Promise.resolve()).then(final); + }, + + _toggle: function(el, toggled) { + + if (!el) { + return; + } + + toggled = Boolean(toggled); + + var changed; + if (this.cls) { + changed = includes(this.cls, ' ') || toggled !== hasClass(el, this.cls); + changed && toggleClass(el, this.cls, includes(this.cls, ' ') ? undefined : toggled); + } else { + changed = toggled === hasAttr(el, 'hidden'); + changed && attr(el, 'hidden', !toggled ? '' : null); + } + + $$('[autofocus]', el).some(function (el) { return isVisible(el) ? el.focus() || true : el.blur(); }); + + this.updateAria(el); + + if (changed) { + trigger(el, 'toggled', [this]); + this.$update(el); + } + } + + } + + }; + + function toggleHeight(ref) { + var isToggled = ref.isToggled; + var duration = ref.duration; + var initProps = ref.initProps; + var hideProps = ref.hideProps; + var transition = ref.transition; + var _toggle = ref._toggle; + + return function (el, show) { + + var inProgress = Transition.inProgress(el); + var inner = el.hasChildNodes ? toFloat(css(el.firstElementChild, 'marginTop')) + toFloat(css(el.lastElementChild, 'marginBottom')) : 0; + var currentHeight = isVisible(el) ? height(el) + (inProgress ? 0 : inner) : 0; + + Transition.cancel(el); + + if (!isToggled(el)) { + _toggle(el, true); + } + + height(el, ''); + + // Update child components first + fastdom.flush(); + + var endHeight = height(el) + (inProgress ? 0 : inner); + height(el, currentHeight); + + return (show + ? Transition.start(el, assign({}, initProps, {overflow: 'hidden', height: endHeight}), Math.round(duration * (1 - currentHeight / endHeight)), transition) + : Transition.start(el, hideProps, Math.round(duration * (currentHeight / endHeight)), transition).then(function () { return _toggle(el, false); }) + ).then(function () { return css(el, initProps); }); + + }; + } + + function toggleAnimation(cmp) { + return function (el, show) { + + Animation.cancel(el); + + var animation = cmp.animation; + var duration = cmp.duration; + var _toggle = cmp._toggle; + + if (show) { + _toggle(el, true); + return Animation.in(el, animation[0], duration, cmp.origin); + } + + return Animation.out(el, animation[1] || animation[0], duration, cmp.origin).then(function () { return _toggle(el, false); }); + }; + } + + var Accordion = { + + mixins: [Class, Togglable], + + props: { + targets: String, + active: null, + collapsible: Boolean, + multiple: Boolean, + toggle: String, + content: String, + transition: String, + offset: Number + }, + + data: { + targets: '> *', + active: false, + animation: [true], + collapsible: true, + multiple: false, + clsOpen: 'uk-open', + toggle: '> .uk-accordion-title', + content: '> .uk-accordion-content', + transition: 'ease', + offset: 0 + }, + + computed: { + + items: { + + get: function(ref, $el) { + var targets = ref.targets; + + return $$(targets, $el); + }, + + watch: function(items, prev) { + var this$1 = this; + + + items.forEach(function (el) { return hide($(this$1.content, el), !hasClass(el, this$1.clsOpen)); }); + + if (prev || hasClass(items, this.clsOpen)) { + return; + } + + var active = this.active !== false && items[Number(this.active)] + || !this.collapsible && items[0]; + + if (active) { + this.toggle(active, false); + } + + }, + + immediate: true + + } + + }, + + events: [ + + { + + name: 'click', + + delegate: function() { + return ((this.targets) + " " + (this.$props.toggle)); + }, + + handler: function(e) { + e.preventDefault(); + this.toggle(index($$(((this.targets) + " " + (this.$props.toggle)), this.$el), e.current)); + } + + } + + ], + + methods: { + + toggle: function(item, animate) { + var this$1 = this; + + + var items = [this.items[getIndex(item, this.items)]]; + var activeItems = filter(this.items, ("." + (this.clsOpen))); + + if (!this.multiple && !includes(activeItems, items[0])) { + items = items.concat(activeItems); + } + + if (!this.collapsible && activeItems.length < 2 && !filter(items, (":not(." + (this.clsOpen) + ")")).length) { + return; + } + + items.forEach(function (el) { return this$1.toggleElement(el, !hasClass(el, this$1.clsOpen), function (el, show) { + + toggleClass(el, this$1.clsOpen, show); + + var content = $(("" + (el._wrapper ? '> * ' : '') + (this$1.content)), el); + + if (animate === false || !this$1.hasTransition) { + hide(content, !show); + return; + } + + if (!el._wrapper) { + el._wrapper = wrapAll(content, ("")); + } + + hide(content, false); + return toggleHeight(this$1)(el._wrapper, show).then(function () { + hide(content, !show); + delete el._wrapper; + unwrap(content); + + if (show) { + var toggle = $(this$1.$props.toggle, el); + if (!isInView(toggle)) { + scrollIntoView(toggle, {offset: this$1.offset}); + } + } + }); + }); }); + } + + } + + }; + + function hide(el, hide) { + attr(el, 'hidden', hide ? '' : null); + } + + var alert = { + + mixins: [Class, Togglable], + + args: 'animation', + + props: { + close: String + }, + + data: { + animation: [true], + selClose: '.uk-alert-close', + duration: 150, + hideProps: assign({opacity: 0}, Togglable.data.hideProps) + }, + + events: [ + + { + + name: 'click', + + delegate: function() { + return this.selClose; + }, + + handler: function(e) { + e.preventDefault(); + this.close(); + } + + } + + ], + + methods: { + + close: function() { + var this$1 = this; + + this.toggleElement(this.$el).then(function () { return this$1.$destroy(true); }); + } + + } + + }; + + var Video = { + + args: 'autoplay', + + props: { + automute: Boolean, + autoplay: Boolean + }, + + data: { + automute: false, + autoplay: true + }, + + computed: { + + inView: function(ref) { + var autoplay = ref.autoplay; + + return autoplay === 'inview'; + } + + }, + + connected: function() { + + if (this.inView && !hasAttr(this.$el, 'preload')) { + this.$el.preload = 'none'; + } + + this.player = new Player(this.$el); + + if (this.automute) { + this.player.mute(); + } + + }, + + update: { + + read: function() { + + return !this.player + ? false + : { + visible: isVisible(this.$el) && css(this.$el, 'visibility') !== 'hidden', + inView: this.inView && isInView(this.$el) + }; + }, + + write: function(ref) { + var visible = ref.visible; + var inView = ref.inView; + + + if (!visible || this.inView && !inView) { + this.player.pause(); + } else if (this.autoplay === true || this.inView && inView) { + this.player.play(); + } + + }, + + events: ['resize', 'scroll'] + + } + + }; + + var cover = { + + mixins: [Class, Video], + + props: { + width: Number, + height: Number + }, + + data: { + automute: true + }, + + update: { + + read: function() { + + var el = this.$el; + var ref = getPositionedParent(el) || el.parentNode; + var height = ref.offsetHeight; + var width = ref.offsetWidth; + var dim = Dimensions.cover( + { + width: this.width || el.naturalWidth || el.videoWidth || el.clientWidth, + height: this.height || el.naturalHeight || el.videoHeight || el.clientHeight + }, + { + width: width + (width % 2 ? 1 : 0), + height: height + (height % 2 ? 1 : 0) + } + ); + + if (!dim.width || !dim.height) { + return false; + } + + return dim; + }, + + write: function(ref) { + var height = ref.height; + var width = ref.width; + + css(this.$el, {height: height, width: width}); + }, + + events: ['resize'] + + } + + }; + + function getPositionedParent(el) { + while ((el = parent(el))) { + if (css(el, 'position') !== 'static') { + return el; + } + } + } + + var Position = { + + props: { + pos: String, + offset: null, + flip: Boolean, + clsPos: String + }, + + data: { + pos: ("bottom-" + (!isRtl ? 'left' : 'right')), + flip: true, + offset: false, + clsPos: '' + }, + + computed: { + + pos: function(ref) { + var pos = ref.pos; + + return (pos + (!includes(pos, '-') ? '-center' : '')).split('-'); + }, + + dir: function() { + return this.pos[0]; + }, + + align: function() { + return this.pos[1]; + } + + }, + + methods: { + + positionAt: function(element, target, boundary) { + + removeClasses(element, ((this.clsPos) + "-(top|bottom|left|right)(-[a-z]+)?")); + + var node; + var ref = this; + var offset$1 = ref.offset; + var axis = this.getAxis(); + + if (!isNumeric(offset$1)) { + node = $(offset$1); + offset$1 = node + ? offset(node)[axis === 'x' ? 'left' : 'top'] - offset(target)[axis === 'x' ? 'right' : 'bottom'] + : 0; + } + + var ref$1 = positionAt( + element, + target, + axis === 'x' ? ((flipPosition(this.dir)) + " " + (this.align)) : ((this.align) + " " + (flipPosition(this.dir))), + axis === 'x' ? ((this.dir) + " " + (this.align)) : ((this.align) + " " + (this.dir)), + axis === 'x' ? ("" + (this.dir === 'left' ? -offset$1 : offset$1)) : (" " + (this.dir === 'top' ? -offset$1 : offset$1)), + null, + this.flip, + boundary + ).target; + var x = ref$1.x; + var y = ref$1.y; + + this.dir = axis === 'x' ? x : y; + this.align = axis === 'x' ? y : x; + + toggleClass(element, ((this.clsPos) + "-" + (this.dir) + "-" + (this.align)), this.offset === false); + + }, + + getAxis: function() { + return this.dir === 'top' || this.dir === 'bottom' ? 'y' : 'x'; + } + + } + + }; + + var active; + + var drop = { + + mixins: [Position, Togglable], + + args: 'pos', + + props: { + mode: 'list', + toggle: Boolean, + boundary: Boolean, + boundaryAlign: Boolean, + delayShow: Number, + delayHide: Number, + clsDrop: String + }, + + data: { + mode: ['click', 'hover'], + toggle: '- *', + boundary: inBrowser && window, + boundaryAlign: false, + delayShow: 0, + delayHide: 800, + clsDrop: false, + animation: ['uk-animation-fade'], + cls: 'uk-open' + }, + + computed: { + + boundary: function(ref, $el) { + var boundary = ref.boundary; + + return query(boundary, $el); + }, + + clsDrop: function(ref) { + var clsDrop = ref.clsDrop; + + return clsDrop || ("uk-" + (this.$options.name)); + }, + + clsPos: function() { + return this.clsDrop; + } + + }, + + created: function() { + this.tracker = new MouseTracker(); + }, + + connected: function() { + + addClass(this.$el, this.clsDrop); + + var ref = this.$props; + var toggle = ref.toggle; + this.toggle = toggle && this.$create('toggle', query(toggle, this.$el), { + target: this.$el, + mode: this.mode + }); + + !this.toggle && trigger(this.$el, 'updatearia'); + + }, + + disconnected: function() { + if (this.isActive()) { + active = null; + } + }, + + events: [ + + { + + name: 'click', + + delegate: function() { + return ("." + (this.clsDrop) + "-close"); + }, + + handler: function(e) { + e.preventDefault(); + this.hide(false); + } + + }, + + { + + name: 'click', + + delegate: function() { + return 'a[href^="#"]'; + }, + + handler: function(ref) { + var defaultPrevented = ref.defaultPrevented; + var hash = ref.current.hash; + + if (!defaultPrevented && hash && !within(hash, this.$el)) { + this.hide(false); + } + } + + }, + + { + + name: 'beforescroll', + + handler: function() { + this.hide(false); + } + + }, + + { + + name: 'toggle', + + self: true, + + handler: function(e, toggle) { + + e.preventDefault(); + + if (this.isToggled()) { + this.hide(false); + } else { + this.show(toggle, false); + } + } + + }, + + { + + name: 'toggleshow', + + self: true, + + handler: function(e, toggle) { + e.preventDefault(); + this.show(toggle); + } + + }, + + { + + name: 'togglehide', + + self: true, + + handler: function(e) { + e.preventDefault(); + this.hide(); + } + + }, + + { + + name: pointerEnter, + + filter: function() { + return includes(this.mode, 'hover'); + }, + + handler: function(e) { + if (!isTouch(e)) { + this.clearTimers(); + } + } + + }, + + { + + name: pointerLeave, + + filter: function() { + return includes(this.mode, 'hover'); + }, + + handler: function(e) { + if (!isTouch(e) && e.relatedTarget) { + this.hide(); + } + } + + }, + + { + + name: 'toggled', + + self: true, + + handler: function() { + + if (!this.isToggled()) { + return; + } + + this.clearTimers(); + this.position(); + } + + }, + + { + + name: 'show', + + self: true, + + handler: function() { + var this$1 = this; + + + active = this; + + this.tracker.init(); + trigger(this.$el, 'updatearia'); + + once(this.$el, 'hide', on(document, pointerDown, function (ref) { + var target = ref.target; + + return !within(target, this$1.$el) && once(document, (pointerUp + " " + pointerCancel + " scroll"), function (ref) { + var defaultPrevented = ref.defaultPrevented; + var type = ref.type; + var newTarget = ref.target; + + if (!defaultPrevented && type === pointerUp && target === newTarget && !(this$1.toggle && within(target, this$1.toggle.$el))) { + this$1.hide(false); + } + }, true); + } + ), {self: true}); + + once(this.$el, 'hide', on(document, 'keydown', function (e) { + if (e.keyCode === 27) { + e.preventDefault(); + this$1.hide(false); + } + }), {self: true}); + + } + + }, + + { + + name: 'beforehide', + + self: true, + + handler: function() { + this.clearTimers(); + } + + }, + + { + + name: 'hide', + + handler: function(ref) { + var target = ref.target; + + + if (this.$el !== target) { + active = active === null && within(target, this.$el) && this.isToggled() ? this : active; + return; + } + + active = this.isActive() ? null : active; + trigger(this.$el, 'updatearia'); + this.tracker.cancel(); + } + + }, + + { + + name: 'updatearia', + + self: true, + + handler: function(e, toggle) { + + e.preventDefault(); + + this.updateAria(this.$el); + + if (toggle || this.toggle) { + attr((toggle || this.toggle).$el, 'aria-expanded', this.isToggled()); + toggleClass(this.toggle.$el, this.cls, this.isToggled()); + } + } + } + + ], + + update: { + + write: function() { + + if (this.isToggled() && !Animation.inProgress(this.$el)) { + this.position(); + } + + }, + + events: ['resize'] + + }, + + methods: { + + show: function(toggle, delay) { + var this$1 = this; + if ( toggle === void 0 ) toggle = this.toggle; + if ( delay === void 0 ) delay = true; + + + if (this.isToggled() && toggle && this.toggle && toggle.$el !== this.toggle.$el) { + this.hide(false); + } + + this.toggle = toggle; + + this.clearTimers(); + + if (this.isActive()) { + return; + } + + if (active) { + + if (delay && active.isDelaying) { + this.showTimer = setTimeout(this.show, 10); + return; + } + + var prev; + while (active && prev !== active && !within(this.$el, active.$el)) { + prev = active; + active.hide(false); + } + + } + + this.showTimer = setTimeout(function () { return !this$1.isToggled() && this$1.toggleElement(this$1.$el, true); }, delay && this.delayShow || 0); + + }, + + hide: function(delay) { + var this$1 = this; + if ( delay === void 0 ) delay = true; + + + var hide = function () { return this$1.toggleElement(this$1.$el, false, false); }; + + this.clearTimers(); + + this.isDelaying = getPositionedElements(this.$el).some(function (el) { return this$1.tracker.movesTo(el); }); + + if (delay && this.isDelaying) { + this.hideTimer = setTimeout(this.hide, 50); + } else if (delay && this.delayHide) { + this.hideTimer = setTimeout(hide, this.delayHide); + } else { + hide(); + } + }, + + clearTimers: function() { + clearTimeout(this.showTimer); + clearTimeout(this.hideTimer); + this.showTimer = null; + this.hideTimer = null; + this.isDelaying = false; + }, + + isActive: function() { + return active === this; + }, + + position: function() { + + removeClass(this.$el, ((this.clsDrop) + "-stack")); + toggleClass(this.$el, ((this.clsDrop) + "-boundary"), this.boundaryAlign); + + var boundary = offset(this.boundary); + var alignTo = this.boundaryAlign ? boundary : offset(this.toggle.$el); + + if (this.align === 'justify') { + var prop = this.getAxis() === 'y' ? 'width' : 'height'; + css(this.$el, prop, alignTo[prop]); + } else if (this.$el.offsetWidth > Math.max(boundary.right - alignTo.left, alignTo.right - boundary.left)) { + addClass(this.$el, ((this.clsDrop) + "-stack")); + } + + this.positionAt(this.$el, this.boundaryAlign ? this.boundary : this.toggle.$el, this.boundary); + + } + + } + + }; + + function getPositionedElements(el) { + var result = []; + apply(el, function (el) { return css(el, 'position') !== 'static' && result.push(el); }); + return result; + } + + var formCustom = { + + mixins: [Class], + + args: 'target', + + props: { + target: Boolean + }, + + data: { + target: false + }, + + computed: { + + input: function(_, $el) { + return $(selInput, $el); + }, + + state: function() { + return this.input.nextElementSibling; + }, + + target: function(ref, $el) { + var target = ref.target; + + return target && (target === true + && this.input.parentNode === $el + && this.input.nextElementSibling + || query(target, $el)); + } + + }, + + update: function() { + + var ref = this; + var target = ref.target; + var input = ref.input; + + if (!target) { + return; + } + + var option; + var prop = isInput(target) ? 'value' : 'textContent'; + var prev = target[prop]; + var value = input.files && input.files[0] + ? input.files[0].name + : matches(input, 'select') && (option = $$('option', input).filter(function (el) { return el.selected; })[0]) // eslint-disable-line prefer-destructuring + ? option.textContent + : input.value; + + if (prev !== value) { + target[prop] = value; + } + + }, + + events: [ + + { + name: 'change', + + handler: function() { + this.$update(); + } + }, + + { + name: 'reset', + + el: function() { + return closest(this.$el, 'form'); + }, + + handler: function() { + this.$update(); + } + } + + ] + + }; + + // Deprecated + var gif = { + + update: { + + read: function(data) { + + var inview = isInView(this.$el); + + if (!inview || data.isInView === inview) { + return false; + } + + data.isInView = inview; + }, + + write: function() { + this.$el.src = '' + this.$el.src; // force self-assign + }, + + events: ['scroll', 'resize'] + } + + }; + + var Margin = { + + props: { + margin: String, + firstColumn: Boolean + }, + + data: { + margin: 'uk-margin-small-top', + firstColumn: 'uk-first-column' + }, + + update: { + + read: function() { + + var rows = getRows(this.$el.children); + + return { + rows: rows, + columns: getColumns(rows) + }; + }, + + write: function(ref) { + var this$1 = this; + var columns = ref.columns; + var rows = ref.rows; + + rows.forEach(function (row, i) { return row.forEach(function (el) { + toggleClass(el, this$1.margin, i !== 0); + toggleClass(el, this$1.firstColumn, includes(columns[0], el)); + }); } + ); + }, + + events: ['resize'] + + } + + }; + + function getRows(items) { + return sortBy$1(items, 'top', 'bottom'); + } + + function getColumns(rows) { + + var columns = [[]]; + + rows.forEach(function (row) { return sortBy$1(row, 'left', 'right').forEach(function (column, i) { return columns[i] = !columns[i] ? column : columns[i].concat(column); } + ); } + ); + + return isRtl + ? columns.reverse() + : columns; + } + + function sortBy$1(items, startProp, endProp) { + + var sorted = [[]]; + + for (var i = 0; i < items.length; i++) { + + var el = items[i]; + + if (!isVisible(el)) { + continue; + } + + var dim = getOffset(el); + + for (var j = sorted.length - 1; j >= 0; j--) { + + var current = sorted[j]; + + if (!current[0]) { + current.push(el); + break; + } + + var startDim = (void 0); + if (current[0].offsetParent === el.offsetParent) { + startDim = getOffset(current[0]); + } else { + dim = getOffset(el, true); + startDim = getOffset(current[0], true); + } + + if (dim[startProp] >= startDim[endProp] - 1 && dim[startProp] !== startDim[startProp]) { + sorted.push([el]); + break; + } + + if (dim[endProp] - 1 > startDim[startProp] || dim[startProp] === startDim[startProp]) { + current.push(el); + break; + } + + if (j === 0) { + sorted.unshift([el]); + break; + } + + } + + } + + return sorted; + } + + function getOffset(element, offset) { + var assign; + + if ( offset === void 0 ) offset = false; + + var offsetTop = element.offsetTop; + var offsetLeft = element.offsetLeft; + var offsetHeight = element.offsetHeight; + var offsetWidth = element.offsetWidth; + + if (offset) { + (assign = offsetPosition(element), offsetTop = assign[0], offsetLeft = assign[1]); + } + + return { + top: offsetTop, + left: offsetLeft, + bottom: offsetTop + offsetHeight, + right: offsetLeft + offsetWidth + }; + } + + var grid = { + + extends: Margin, + + mixins: [Class], + + name: 'grid', + + props: { + masonry: Boolean, + parallax: Number + }, + + data: { + margin: 'uk-grid-margin', + clsStack: 'uk-grid-stack', + masonry: false, + parallax: 0 + }, + + connected: function() { + this.masonry && addClass(this.$el, 'uk-flex-top uk-flex-wrap-top'); + }, + + update: [ + + { + + write: function(ref) { + var columns = ref.columns; + + toggleClass(this.$el, this.clsStack, columns.length < 2); + }, + + events: ['resize'] + + }, + + { + + read: function(ref) { + var columns = ref.columns; + var rows = ref.rows; + + + var nodes = children(this.$el); + + if (!nodes.length || !this.masonry && !this.parallax) { + return false; + } + + var transitionInProgress = nodes.some(Transition.inProgress); + var translates = false; + + var columnHeights = getColumnHeights(columns); + var margin = getMarginTop(nodes, this.margin) * (rows.length - 1); + var elHeight = Math.max.apply(Math, columnHeights) + margin; + + if (this.masonry) { + columns = columns.map(function (column) { return sortBy(column, 'offsetTop'); }); + translates = getTranslates(rows, columns); + } + + var padding = Math.abs(this.parallax); + if (padding) { + padding = columnHeights.reduce(function (newPadding, hgt, i) { return Math.max(newPadding, hgt + margin + (i % 2 ? padding : padding / 8) - elHeight); } + , 0); + } + + return {padding: padding, columns: columns, translates: translates, height: transitionInProgress ? false : this.masonry ? elHeight : ''}; + + }, + + write: function(ref) { + var height = ref.height; + var padding = ref.padding; + + + css(this.$el, 'paddingBottom', padding || ''); + height !== false && css(this.$el, 'height', height); + + }, + + events: ['resize'] + + }, + + { + + read: function(ref) { + var height$1 = ref.height; + + return { + scrolled: this.parallax + ? scrolledOver(this.$el, height$1 ? height$1 - height(this.$el) : 0) * Math.abs(this.parallax) + : false + }; + }, + + write: function(ref) { + var columns = ref.columns; + var scrolled = ref.scrolled; + var translates = ref.translates; + + + if (scrolled === false && !translates) { + return; + } + + columns.forEach(function (column, i) { return column.forEach(function (el, j) { return css(el, 'transform', !scrolled && !translates ? '' : ("translateY(" + ((translates && -translates[i][j]) + (scrolled ? i % 2 ? scrolled : scrolled / 8 : 0)) + "px)")); } + ); } + ); + + }, + + events: ['scroll', 'resize'] + + } + + ] + + }; + + function getTranslates(rows, columns) { + + var rowHeights = rows.map(function (row) { return Math.max.apply(Math, row.map(function (el) { return el.offsetHeight; })); } + ); + + return columns.map(function (elements) { + var prev = 0; + return elements.map(function (element, row) { return prev += row + ? rowHeights[row - 1] - elements[row - 1].offsetHeight + : 0; } + ); + }); + } + + function getMarginTop(nodes, cls) { + + var ref = nodes.filter(function (el) { return hasClass(el, cls); }); + var node = ref[0]; + + return toFloat(node + ? css(node, 'marginTop') + : css(nodes[0], 'paddingLeft')); + } + + function getColumnHeights(columns) { + return columns.map(function (column) { return column.reduce(function (sum, el) { return sum + el.offsetHeight; }, 0); } + ); + } + + // IE 11 fix (min-height on a flex container won't apply to its flex items) + var FlexBug = isIE ? { + + props: { + selMinHeight: String + }, + + data: { + selMinHeight: false, + forceHeight: false + }, + + computed: { + + elements: function(ref, $el) { + var selMinHeight = ref.selMinHeight; + + return selMinHeight ? $$(selMinHeight, $el) : [$el]; + } + + }, + + update: [ + + { + + read: function() { + css(this.elements, 'height', ''); + }, + + order: -5, + + events: ['resize'] + + }, + + { + + write: function() { + var this$1 = this; + + this.elements.forEach(function (el) { + var height = toFloat(css(el, 'minHeight')); + if (height && (this$1.forceHeight || Math.round(height + boxModelAdjust(el, 'height', 'content-box')) >= el.offsetHeight)) { + css(el, 'height', height); + } + }); + }, + + order: 5, + + events: ['resize'] + + } + + ] + + } : {}; + + var heightMatch = { + + mixins: [FlexBug], + + args: 'target', + + props: { + target: String, + row: Boolean + }, + + data: { + target: '> *', + row: true, + forceHeight: true + }, + + computed: { + + elements: function(ref, $el) { + var target = ref.target; + + return $$(target, $el); + } + + }, + + update: { + + read: function() { + return { + rows: (this.row ? getRows(this.elements) : [this.elements]).map(match) + }; + }, + + write: function(ref) { + var rows = ref.rows; + + rows.forEach(function (ref) { + var heights = ref.heights; + var elements = ref.elements; + + return elements.forEach(function (el, i) { return css(el, 'minHeight', heights[i]); } + ); + } + ); + }, + + events: ['resize'] + + } + + }; + + function match(elements) { + var assign; + + + if (elements.length < 2) { + return {heights: [''], elements: elements}; + } + + var ref = getHeights(elements); + var heights = ref.heights; + var max = ref.max; + var hasMinHeight = elements.some(function (el) { return el.style.minHeight; }); + var hasShrunk = elements.some(function (el, i) { return !el.style.minHeight && heights[i] < max; }); + + if (hasMinHeight && hasShrunk) { + css(elements, 'minHeight', ''); + ((assign = getHeights(elements), heights = assign.heights, max = assign.max)); + } + + heights = elements.map(function (el, i) { return heights[i] === max && toFloat(el.style.minHeight).toFixed(2) !== max.toFixed(2) ? '' : max; } + ); + + return {heights: heights, elements: elements}; + } + + function getHeights(elements) { + var heights = elements.map(function (el) { return offset(el).height - boxModelAdjust(el, 'height', 'content-box'); }); + var max = Math.max.apply(null, heights); + + return {heights: heights, max: max}; + } + + var heightViewport = { + + mixins: [FlexBug], + + props: { + expand: Boolean, + offsetTop: Boolean, + offsetBottom: Boolean, + minHeight: Number + }, + + data: { + expand: false, + offsetTop: false, + offsetBottom: false, + minHeight: 0 + }, + + update: { + + read: function(ref) { + var prev = ref.minHeight; + + + if (!isVisible(this.$el)) { + return false; + } + + var minHeight = ''; + var box = boxModelAdjust(this.$el, 'height', 'content-box'); + + if (this.expand) { + + this.$el.dataset.heightExpand = ''; + + if ($('[data-height-expand]') !== this.$el) { + return false; + } + + minHeight = height(window) - (offsetHeight(document.documentElement) - offsetHeight(this.$el)) - box || ''; + + } else { + + // on mobile devices (iOS and Android) window.innerHeight !== 100vh + minHeight = 'calc(100vh'; + + if (this.offsetTop) { + + var ref$1 = offset(this.$el); + var top = ref$1.top; + minHeight += top > 0 && top < height(window) / 2 ? (" - " + top + "px") : ''; + + } + + if (this.offsetBottom === true) { + + minHeight += " - " + (offsetHeight(this.$el.nextElementSibling)) + "px"; + + } else if (isNumeric(this.offsetBottom)) { + + minHeight += " - " + (this.offsetBottom) + "vh"; + + } else if (this.offsetBottom && endsWith(this.offsetBottom, 'px')) { + + minHeight += " - " + (toFloat(this.offsetBottom)) + "px"; + + } else if (isString(this.offsetBottom)) { + + minHeight += " - " + (offsetHeight(query(this.offsetBottom, this.$el))) + "px"; + + } + + minHeight += (box ? (" - " + box + "px") : '') + ")"; + + } + + return {minHeight: minHeight, prev: prev}; + }, + + write: function(ref) { + var minHeight = ref.minHeight; + var prev = ref.prev; + + + css(this.$el, {minHeight: minHeight}); + + if (minHeight !== prev) { + this.$update(this.$el, 'resize'); + } + + if (this.minHeight && toFloat(css(this.$el, 'minHeight')) < this.minHeight) { + css(this.$el, 'minHeight', this.minHeight); + } + + }, + + events: ['resize'] + + } + + }; + + function offsetHeight(el) { + return el && offset(el).height || 0; + } + + var SVG = { + + args: 'src', + + props: { + id: Boolean, + icon: String, + src: String, + style: String, + width: Number, + height: Number, + ratio: Number, + class: String, + strokeAnimation: Boolean, + focusable: Boolean, // IE 11 + attributes: 'list' + }, + + data: { + ratio: 1, + include: ['style', 'class', 'focusable'], + class: '', + strokeAnimation: false + }, + + beforeConnect: function() { + this.class += ' uk-svg'; + }, + + connected: function() { + var this$1 = this; + var assign; + + + if (!this.icon && includes(this.src, '#')) { + (assign = this.src.split('#'), this.src = assign[0], this.icon = assign[1]); + } + + this.svg = this.getSvg().then(function (el) { + this$1.applyAttributes(el); + return this$1.svgEl = insertSVG(el, this$1.$el); + }, noop); + + }, + + disconnected: function() { + var this$1 = this; + + + if (isVoidElement(this.$el)) { + attr(this.$el, 'hidden', null); + } + + if (this.svg) { + this.svg.then(function (svg) { return (!this$1._connected || svg !== this$1.svgEl) && remove(svg); }, noop); + } + + this.svg = this.svgEl = null; + + }, + + update: { + + read: function() { + return !!(this.strokeAnimation && this.svgEl && isVisible(this.svgEl)); + }, + + write: function() { + applyAnimation(this.svgEl); + }, + + type: ['resize'] + + }, + + methods: { + + getSvg: function() { + var this$1 = this; + + return loadSVG(this.src).then(function (svg) { return parseSVG(svg, this$1.icon) || Promise.reject('SVG not found.'); } + ); + }, + + applyAttributes: function(el) { + var this$1 = this; + + + for (var prop in this.$options.props) { + if (this[prop] && includes(this.include, prop)) { + attr(el, prop, this[prop]); + } + } + + for (var attribute in this.attributes) { + var ref = this.attributes[attribute].split(':', 2); + var prop$1 = ref[0]; + var value = ref[1]; + attr(el, prop$1, value); + } + + if (!this.id) { + removeAttr(el, 'id'); + } + + var props = ['width', 'height']; + var dimensions = [this.width, this.height]; + + if (!dimensions.some(function (val) { return val; })) { + dimensions = props.map(function (prop) { return attr(el, prop); }); + } + + var viewBox = attr(el, 'viewBox'); + if (viewBox && !dimensions.some(function (val) { return val; })) { + dimensions = viewBox.split(' ').slice(2); + } + + dimensions.forEach(function (val, i) { + val = (val | 0) * this$1.ratio; + val && attr(el, props[i], val); + + if (val && !dimensions[i ^ 1]) { + removeAttr(el, props[i ^ 1]); + } + }); + + attr(el, 'data-svg', this.icon || this.src); + + } + + } + + }; + + var svgs = {}; + + function loadSVG(src) { + + if (svgs[src]) { + return svgs[src]; + } + + return svgs[src] = new Promise(function (resolve, reject) { + + if (!src) { + reject(); + return; + } + + if (startsWith(src, 'data:')) { + resolve(decodeURIComponent(src.split(',')[1])); + } else { + + ajax(src).then( + function (xhr) { return resolve(xhr.response); }, + function () { return reject('SVG not found.'); } + ); + + } + + }); + } + + function parseSVG(svg, icon) { + + if (icon && includes(svg, '/g; + var symbols = {}; + + function parseSymbols(svg, icon) { + + if (!symbols[svg]) { + + symbols[svg] = {}; + + symbolRe.lastIndex = 0; + + var match; + while ((match = symbolRe.exec(svg))) { + symbols[svg][match[3]] = ""; + } + + } + + return symbols[svg][icon]; + } + + function applyAnimation(el) { + + var length = getMaxPathLength(el); + + if (length) { + el.style.setProperty('--uk-animation-stroke', length); + } + + } + + function getMaxPathLength(el) { + return Math.ceil(Math.max.apply(Math, [ 0 ].concat( $$('[stroke]', el).map(function (stroke) { + try { + return stroke.getTotalLength(); + } catch (e) { + return 0; + } + }) ))); + } + + function insertSVG(el, root) { + + if (isVoidElement(root) || root.tagName === 'CANVAS') { + + attr(root, 'hidden', true); + + var next = root.nextElementSibling; + return equals(el, next) + ? next + : after(root, el); + + } + + var last = root.lastElementChild; + return equals(el, last) + ? last + : append(root, el); + } + + function equals(el, other) { + return attr(el, 'data-svg') === attr(other, 'data-svg'); + } + + var closeIcon = ""; + + var closeLarge = ""; + + var marker = ""; + + var navbarToggleIcon = ""; + + var overlayIcon = ""; + + var paginationNext = ""; + + var paginationPrevious = ""; + + var searchIcon = ""; + + var searchLarge = ""; + + var searchNavbar = ""; + + var slidenavNext = ""; + + var slidenavNextLarge = ""; + + var slidenavPrevious = ""; + + var slidenavPreviousLarge = ""; + + var spinner = ""; + + var totop = ""; + + var icons = { + spinner: spinner, + totop: totop, + marker: marker, + 'close-icon': closeIcon, + 'close-large': closeLarge, + 'navbar-toggle-icon': navbarToggleIcon, + 'overlay-icon': overlayIcon, + 'pagination-next': paginationNext, + 'pagination-previous': paginationPrevious, + 'search-icon': searchIcon, + 'search-large': searchLarge, + 'search-navbar': searchNavbar, + 'slidenav-next': slidenavNext, + 'slidenav-next-large': slidenavNextLarge, + 'slidenav-previous': slidenavPrevious, + 'slidenav-previous-large': slidenavPreviousLarge + }; + + var Icon = { + + install: install, + + extends: SVG, + + args: 'icon', + + props: ['icon'], + + data: { + include: ['focusable'] + }, + + isIcon: true, + + beforeConnect: function() { + addClass(this.$el, 'uk-icon'); + }, + + methods: { + + getSvg: function() { + + var icon = getIcon(this.icon); + + if (!icon) { + return Promise.reject('Icon not found.'); + } + + return Promise.resolve(icon); + } + + } + + }; + + var IconComponent = { + + args: false, + + extends: Icon, + + data: function (vm) { return ({ + icon: hyphenate(vm.constructor.options.name) + }); }, + + beforeConnect: function() { + addClass(this.$el, this.$name); + } + + }; + + var Slidenav = { + + extends: IconComponent, + + beforeConnect: function() { + addClass(this.$el, 'uk-slidenav'); + }, + + computed: { + + icon: function(ref, $el) { + var icon = ref.icon; + + return hasClass($el, 'uk-slidenav-large') + ? (icon + "-large") + : icon; + } + + } + + }; + + var Search = { + + extends: IconComponent, + + computed: { + + icon: function(ref, $el) { + var icon = ref.icon; + + return hasClass($el, 'uk-search-icon') && parents($el, '.uk-search-large').length + ? 'search-large' + : parents($el, '.uk-search-navbar').length + ? 'search-navbar' + : icon; + } + + } + + }; + + var Close = { + + extends: IconComponent, + + computed: { + + icon: function() { + return ("close-" + (hasClass(this.$el, 'uk-close-large') ? 'large' : 'icon')); + } + + } + + }; + + var Spinner = { + + extends: IconComponent, + + connected: function() { + var this$1 = this; + + this.svg.then(function (svg) { return this$1.ratio !== 1 && css($('circle', svg), 'strokeWidth', 1 / this$1.ratio); }, noop); + } + + }; + + var parsed = {}; + function install(UIkit) { + UIkit.icon.add = function (name, svg) { + var obj; + + + var added = isString(name) ? (( obj = {}, obj[name] = svg, obj )) : name; + each(added, function (svg, name) { + icons[name] = svg; + delete parsed[name]; + }); + + if (UIkit._initialized) { + apply(document.body, function (el) { return each(UIkit.getComponents(el), function (cmp) { + cmp.$options.isIcon && cmp.icon in added && cmp.$reset(); + }); } + ); + } + }; + } + + function getIcon(icon) { + + if (!icons[icon]) { + return null; + } + + if (!parsed[icon]) { + parsed[icon] = $((icons[applyRtl(icon)] || icons[icon]).trim()); + } + + return parsed[icon].cloneNode(true); + } + + function applyRtl(icon) { + return isRtl ? swap(swap(icon, 'left', 'right'), 'previous', 'next') : icon; + } + + var img = { + + args: 'dataSrc', + + props: { + dataSrc: String, + dataSrcset: Boolean, + sizes: String, + width: Number, + height: Number, + offsetTop: String, + offsetLeft: String, + target: String + }, + + data: { + dataSrc: '', + dataSrcset: false, + sizes: false, + width: false, + height: false, + offsetTop: '50vh', + offsetLeft: 0, + target: false + }, + + computed: { + + cacheKey: function(ref) { + var dataSrc = ref.dataSrc; + + return ((this.$name) + "." + dataSrc); + }, + + width: function(ref) { + var width = ref.width; + var dataWidth = ref.dataWidth; + + return width || dataWidth; + }, + + height: function(ref) { + var height = ref.height; + var dataHeight = ref.dataHeight; + + return height || dataHeight; + }, + + sizes: function(ref) { + var sizes = ref.sizes; + var dataSizes = ref.dataSizes; + + return sizes || dataSizes; + }, + + isImg: function(_, $el) { + return isImg($el); + }, + + target: { + + get: function(ref) { + var target = ref.target; + + return [this.$el ].concat( queryAll(target, this.$el)); + }, + + watch: function() { + this.observe(); + } + + }, + + offsetTop: function(ref) { + var offsetTop = ref.offsetTop; + + return toPx(offsetTop, 'height'); + }, + + offsetLeft: function(ref) { + var offsetLeft = ref.offsetLeft; + + return toPx(offsetLeft, 'width'); + } + + }, + + connected: function() { + + if (storage[this.cacheKey]) { + setSrcAttrs(this.$el, storage[this.cacheKey] || this.dataSrc, this.dataSrcset, this.sizes); + } else if (this.isImg && this.width && this.height) { + setSrcAttrs(this.$el, getPlaceholderImage(this.width, this.height, this.sizes)); + } + + this.observer = new IntersectionObserver(this.load, { + rootMargin: ((this.offsetTop) + "px " + (this.offsetLeft) + "px") + }); + + requestAnimationFrame(this.observe); + + }, + + disconnected: function() { + this.observer.disconnect(); + }, + + update: { + + read: function(ref) { + var this$1 = this; + var image = ref.image; + + + if (!image && document.readyState === 'complete') { + this.load(this.observer.takeRecords()); + } + + if (this.isImg) { + return false; + } + + image && image.then(function (img) { return img && img.currentSrc !== '' && setSrcAttrs(this$1.$el, currentSrc(img)); }); + + }, + + write: function(data) { + + if (this.dataSrcset && window.devicePixelRatio !== 1) { + + var bgSize = css(this.$el, 'backgroundSize'); + if (bgSize.match(/^(auto\s?)+$/) || toFloat(bgSize) === data.bgSize) { + data.bgSize = getSourceSize(this.dataSrcset, this.sizes); + css(this.$el, 'backgroundSize', ((data.bgSize) + "px")); + } + + } + + }, + + events: ['resize'] + + }, + + methods: { + + load: function(entries) { + var this$1 = this; + + + // Old chromium based browsers (UC Browser) did not implement `isIntersecting` + if (!entries.some(function (entry) { return isUndefined(entry.isIntersecting) || entry.isIntersecting; })) { + return; + } + + this._data.image = getImage(this.dataSrc, this.dataSrcset, this.sizes).then(function (img) { + + setSrcAttrs(this$1.$el, currentSrc(img), img.srcset, img.sizes); + storage[this$1.cacheKey] = currentSrc(img); + return img; + + }, function (e) { return trigger(this$1.$el, new e.constructor(e.type, e)); }); + + this.observer.disconnect(); + }, + + observe: function() { + var this$1 = this; + + if (this._connected && !this._data.image) { + this.target.forEach(function (el) { return this$1.observer.observe(el); }); + } + } + + } + + }; + + function setSrcAttrs(el, src, srcset, sizes) { + + if (isImg(el)) { + sizes && (el.sizes = sizes); + srcset && (el.srcset = srcset); + src && (el.src = src); + } else if (src) { + + var change = !includes(el.style.backgroundImage, src); + if (change) { + css(el, 'backgroundImage', ("url(" + (escape(src)) + ")")); + trigger(el, createEvent('load', false)); + } + + } + + } + + function getPlaceholderImage(width, height, sizes) { + var assign; + + + if (sizes) { + ((assign = Dimensions.ratio({width: width, height: height}, 'width', toPx(sizesToPixel(sizes))), width = assign.width, height = assign.height)); + } + + return ("data:image/svg+xml;utf8,"); + } + + var sizesRe = /\s*(.*?)\s*(\w+|calc\(.*?\))\s*(?:,|$)/g; + function sizesToPixel(sizes) { + var matches; + + sizesRe.lastIndex = 0; + + while ((matches = sizesRe.exec(sizes))) { + if (!matches[1] || window.matchMedia(matches[1]).matches) { + matches = evaluateSize(matches[2]); + break; + } + } + + return matches || '100vw'; + } + + var sizeRe = /\d+(?:\w+|%)/g; + var additionRe = /[+-]?(\d+)/g; + function evaluateSize(size) { + return startsWith(size, 'calc') + ? size + .substring(5, size.length - 1) + .replace(sizeRe, function (size) { return toPx(size); }) + .replace(/ /g, '') + .match(additionRe) + .reduce(function (a, b) { return a + +b; }, 0) + : size; + } + + var srcSetRe = /\s+\d+w\s*(?:,|$)/g; + function getSourceSize(srcset, sizes) { + var srcSize = toPx(sizesToPixel(sizes)); + var descriptors = (srcset.match(srcSetRe) || []).map(toFloat).sort(function (a, b) { return a - b; }); + + return descriptors.filter(function (size) { return size >= srcSize; })[0] || descriptors.pop() || ''; + } + + function isImg(el) { + return el.tagName === 'IMG'; + } + + function currentSrc(el) { + return el.currentSrc || el.src; + } + + var key = '__test__'; + var storage; + + // workaround for Safari's private browsing mode and accessing sessionStorage in Blink + try { + storage = window.sessionStorage || {}; + storage[key] = 1; + delete storage[key]; + } catch (e) { + storage = {}; + } + + var Media = { + + props: { + media: Boolean + }, + + data: { + media: false + }, + + computed: { + + matchMedia: function() { + var media = toMedia(this.media); + return !media || window.matchMedia(media).matches; + } + + } + + }; + + function toMedia(value) { + + if (isString(value)) { + if (value[0] === '@') { + var name = "breakpoint-" + (value.substr(1)); + value = toFloat(getCssVar(name)); + } else if (isNaN(value)) { + return value; + } + } + + return value && !isNaN(value) ? ("(min-width: " + value + "px)") : false; + } + + var leader = { + + mixins: [Class, Media], + + props: { + fill: String + }, + + data: { + fill: '', + clsWrapper: 'uk-leader-fill', + clsHide: 'uk-leader-hide', + attrFill: 'data-fill' + }, + + computed: { + + fill: function(ref) { + var fill = ref.fill; + + return fill || getCssVar('leader-fill-content'); + } + + }, + + connected: function() { + var assign; + + (assign = wrapInner(this.$el, ("")), this.wrapper = assign[0]); + }, + + disconnected: function() { + unwrap(this.wrapper.childNodes); + }, + + update: { + + read: function(ref) { + var changed = ref.changed; + var width = ref.width; + + + var prev = width; + + width = Math.floor(this.$el.offsetWidth / 2); + + return { + width: width, + fill: this.fill, + changed: changed || prev !== width, + hide: !this.matchMedia + }; + }, + + write: function(data) { + + toggleClass(this.wrapper, this.clsHide, data.hide); + + if (data.changed) { + data.changed = false; + attr(this.wrapper, this.attrFill, new Array(data.width).join(data.fill)); + } + + }, + + events: ['resize'] + + } + + }; + + var Container = { + + props: { + container: Boolean + }, + + data: { + container: true + }, + + computed: { + + container: function(ref) { + var container = ref.container; + + return container === true && this.$container || container && $(container); + } + + } + + }; + + var active$1 = []; + + var Modal = { + + mixins: [Class, Container, Togglable], + + props: { + selPanel: String, + selClose: String, + escClose: Boolean, + bgClose: Boolean, + stack: Boolean + }, + + data: { + cls: 'uk-open', + escClose: true, + bgClose: true, + overlay: true, + stack: false + }, + + computed: { + + panel: function(ref, $el) { + var selPanel = ref.selPanel; + + return $(selPanel, $el); + }, + + transitionElement: function() { + return this.panel; + }, + + bgClose: function(ref) { + var bgClose = ref.bgClose; + + return bgClose && this.panel; + } + + }, + + beforeDisconnect: function() { + if (this.isToggled()) { + this.toggleElement(this.$el, false, false); + } + }, + + events: [ + + { + + name: 'click', + + delegate: function() { + return this.selClose; + }, + + handler: function(e) { + e.preventDefault(); + this.hide(); + } + + }, + + { + + name: 'toggle', + + self: true, + + handler: function(e) { + + if (e.defaultPrevented) { + return; + } + + e.preventDefault(); + + if (this.isToggled() === includes(active$1, this)) { + this.toggle(); + } + } + + }, + + { + name: 'beforeshow', + + self: true, + + handler: function(e) { + + if (includes(active$1, this)) { + return false; + } + + if (!this.stack && active$1.length) { + Promise.all(active$1.map(function (modal) { return modal.hide(); })).then(this.show); + e.preventDefault(); + } else { + active$1.push(this); + } + } + + }, + + { + + name: 'show', + + self: true, + + handler: function() { + var this$1 = this; + + + if (width(window) - width(document) && this.overlay) { + css(document.body, 'overflowY', 'scroll'); + } + + this.stack && css(this.$el, 'zIndex', css(this.$el, 'zIndex') + active$1.length); + + addClass(document.documentElement, this.clsPage); + + if (this.bgClose) { + once(this.$el, 'hide', on(document, pointerDown, function (ref) { + var target = ref.target; + + + if (last(active$1) !== this$1 || this$1.overlay && !within(target, this$1.$el) || within(target, this$1.panel)) { + return; + } + + once(document, (pointerUp + " " + pointerCancel + " scroll"), function (ref) { + var defaultPrevented = ref.defaultPrevented; + var type = ref.type; + var newTarget = ref.target; + + if (!defaultPrevented && type === pointerUp && target === newTarget) { + this$1.hide(); + } + }, true); + + }), {self: true}); + } + + if (this.escClose) { + once(this.$el, 'hide', on(document, 'keydown', function (e) { + if (e.keyCode === 27 && last(active$1) === this$1) { + e.preventDefault(); + this$1.hide(); + } + }), {self: true}); + } + } + + }, + + { + + name: 'hidden', + + self: true, + + handler: function() { + var this$1 = this; + + + active$1.splice(active$1.indexOf(this), 1); + + if (!active$1.length) { + css(document.body, 'overflowY', ''); + } + + css(this.$el, 'zIndex', ''); + + if (!active$1.some(function (modal) { return modal.clsPage === this$1.clsPage; })) { + removeClass(document.documentElement, this.clsPage); + } + + } + + } + + ], + + methods: { + + toggle: function() { + return this.isToggled() ? this.hide() : this.show(); + }, + + show: function() { + var this$1 = this; + + + if (this.container && this.$el.parentNode !== this.container) { + append(this.container, this.$el); + return new Promise(function (resolve) { return requestAnimationFrame(function () { return this$1.show().then(resolve); } + ); } + ); + } + + return this.toggleElement(this.$el, true, animate$1(this)); + }, + + hide: function() { + return this.toggleElement(this.$el, false, animate$1(this)); + } + + } + + }; + + function animate$1(ref) { + var transitionElement = ref.transitionElement; + var _toggle = ref._toggle; + + return function (el, show) { return new Promise(function (resolve, reject) { return once(el, 'show hide', function () { + el._reject && el._reject(); + el._reject = reject; + + _toggle(el, show); + + var off = once(transitionElement, 'transitionstart', function () { + once(transitionElement, 'transitionend transitioncancel', resolve, {self: true}); + clearTimeout(timer); + }, {self: true}); + + var timer = setTimeout(function () { + off(); + resolve(); + }, toMs(css(transitionElement, 'transitionDuration'))); + + }); } + ); }; + } + + var modal = { + + install: install$1, + + mixins: [Modal], + + data: { + clsPage: 'uk-modal-page', + selPanel: '.uk-modal-dialog', + selClose: '.uk-modal-close, .uk-modal-close-default, .uk-modal-close-outside, .uk-modal-close-full' + }, + + events: [ + + { + name: 'show', + + self: true, + + handler: function() { + + if (hasClass(this.panel, 'uk-margin-auto-vertical')) { + addClass(this.$el, 'uk-flex'); + } else { + css(this.$el, 'display', 'block'); + } + + height(this.$el); // force reflow + } + }, + + { + name: 'hidden', + + self: true, + + handler: function() { + + css(this.$el, 'display', ''); + removeClass(this.$el, 'uk-flex'); + + } + } + + ] + + }; + + function install$1(ref) { + var modal = ref.modal; + + + modal.dialog = function (content, options) { + + var dialog = modal( + ("
        " + content + "
        "), + options + ); + + dialog.show(); + + on(dialog.$el, 'hidden', function () { return Promise.resolve().then(function () { return dialog.$destroy(true); } + ); }, {self: true} + ); + + return dialog; + }; + + modal.alert = function (message, options) { + return openDialog( + function (ref) { + var labels = ref.labels; + + return ("
        " + (isString(message) ? message : html(message)) + "
        "); + }, + options, + function (deferred) { return deferred.resolve(); } + ); + }; + + modal.confirm = function (message, options) { + return openDialog( + function (ref) { + var labels = ref.labels; + + return ("
        " + (isString(message) ? message : html(message)) + "
        "); + }, + options, + function (deferred) { return deferred.reject(); } + ); + }; + + modal.prompt = function (message, value, options) { + return openDialog( + function (ref) { + var labels = ref.labels; + + return ("
        "); + }, + options, + function (deferred) { return deferred.resolve(null); }, + function (dialog) { return $('input', dialog.$el).value; } + ); + }; + + modal.labels = { + ok: 'Ok', + cancel: 'Cancel' + }; + + function openDialog(tmpl, options, hideFn, submitFn) { + + options = assign({bgClose: false, escClose: true, labels: modal.labels}, options); + + var dialog = modal.dialog(tmpl(options), options); + var deferred = new Deferred(); + + var resolved = false; + + on(dialog.$el, 'submit', 'form', function (e) { + e.preventDefault(); + deferred.resolve(submitFn && submitFn(dialog)); + resolved = true; + dialog.hide(); + }); + + on(dialog.$el, 'hide', function () { return !resolved && hideFn(deferred); }); + + deferred.promise.dialog = dialog; + + return deferred.promise; + } + + } + + var nav = { + + extends: Accordion, + + data: { + targets: '> .uk-parent', + toggle: '> a', + content: '> ul' + } + + }; + + var navbar = { + + mixins: [Class, FlexBug], + + props: { + dropdown: String, + mode: 'list', + align: String, + offset: Number, + boundary: Boolean, + boundaryAlign: Boolean, + clsDrop: String, + delayShow: Number, + delayHide: Number, + dropbar: Boolean, + dropbarMode: String, + dropbarAnchor: Boolean, + duration: Number + }, + + data: { + dropdown: '.uk-navbar-nav > li', + align: !isRtl ? 'left' : 'right', + clsDrop: 'uk-navbar-dropdown', + mode: undefined, + offset: undefined, + delayShow: undefined, + delayHide: undefined, + boundaryAlign: undefined, + flip: 'x', + boundary: true, + dropbar: false, + dropbarMode: 'slide', + dropbarAnchor: false, + duration: 200, + forceHeight: true, + selMinHeight: '.uk-navbar-nav > li > a, .uk-navbar-item, .uk-navbar-toggle' + }, + + computed: { + + boundary: function(ref, $el) { + var boundary = ref.boundary; + var boundaryAlign = ref.boundaryAlign; + + return (boundary === true || boundaryAlign) ? $el : boundary; + }, + + dropbarAnchor: function(ref, $el) { + var dropbarAnchor = ref.dropbarAnchor; + + return query(dropbarAnchor, $el); + }, + + pos: function(ref) { + var align = ref.align; + + return ("bottom-" + align); + }, + + dropbar: { + + get: function(ref) { + var dropbar = ref.dropbar; + + + if (!dropbar) { + return null; + } + + dropbar = this._dropbar || query(dropbar, this.$el) || $('+ .uk-navbar-dropbar', this.$el); + + return dropbar ? dropbar : (this._dropbar = $('
        ')); + + }, + + watch: function(dropbar) { + addClass(dropbar, 'uk-navbar-dropbar'); + }, + + immediate: true + + }, + + dropdowns: { + + get: function(ref, $el) { + var dropdown = ref.dropdown; + var clsDrop = ref.clsDrop; + + return $$((dropdown + " ." + clsDrop), $el); + }, + + watch: function(dropdowns) { + var this$1 = this; + + this.$create( + 'drop', + dropdowns.filter(function (el) { return !this$1.getDropdown(el); }), + assign({}, this.$props, {boundary: this.boundary, pos: this.pos, offset: this.dropbar || this.offset}) + ); + }, + + immediate: true + + } + + }, + + disconnected: function() { + this.dropbar && remove(this.dropbar); + delete this._dropbar; + }, + + events: [ + + { + name: 'mouseover', + + delegate: function() { + return this.dropdown; + }, + + handler: function(ref) { + var current = ref.current; + + var active = this.getActive(); + if (active && active.toggle && !within(active.toggle.$el, current) && !active.tracker.movesTo(active.$el)) { + active.hide(false); + } + } + + }, + + { + name: 'mouseleave', + + el: function() { + return this.dropbar; + }, + + handler: function() { + var active = this.getActive(); + + if (active && !this.dropdowns.some(function (el) { return matches(el, ':hover'); })) { + active.hide(); + } + } + }, + + { + name: 'beforeshow', + + capture: true, + + filter: function() { + return this.dropbar; + }, + + handler: function() { + + if (!this.dropbar.parentNode) { + after(this.dropbarAnchor || this.$el, this.dropbar); + } + + } + }, + + { + name: 'show', + + filter: function() { + return this.dropbar; + }, + + handler: function(_, ref) { + var $el = ref.$el; + var dir = ref.dir; + + + toggleClass(this.dropbar, 'uk-navbar-dropbar-slide', this.dropbarMode === 'slide' || parents(this.$el).some(function (el) { return css(el, 'position') !== 'static'; })); + + this.clsDrop && addClass($el, ((this.clsDrop) + "-dropbar")); + + if (dir === 'bottom') { + this.transitionTo($el.offsetHeight + toFloat(css($el, 'marginTop')) + toFloat(css($el, 'marginBottom')), $el); + } + } + }, + + { + name: 'beforehide', + + filter: function() { + return this.dropbar; + }, + + handler: function(e, ref) { + var $el = ref.$el; + + + var active = this.getActive(); + + if (matches(this.dropbar, ':hover') && active && active.$el === $el) { + e.preventDefault(); + } + } + }, + + { + name: 'hide', + + filter: function() { + return this.dropbar; + }, + + handler: function(_, ref) { + var $el = ref.$el; + + + var active = this.getActive(); + + if (!active || active && active.$el === $el) { + this.transitionTo(0); + } + } + } + + ], + + methods: { + + getActive: function() { + var ref = this.dropdowns.map(this.getDropdown).filter(function (drop) { return drop && drop.isActive(); }); + var active = ref[0]; + return active && includes(active.mode, 'hover') && within(active.toggle.$el, this.$el) && active; + }, + + transitionTo: function(newHeight, el) { + var this$1 = this; + + + var ref = this; + var dropbar = ref.dropbar; + var oldHeight = isVisible(dropbar) ? height(dropbar) : 0; + + el = oldHeight < newHeight && el; + + css(el, 'clip', ("rect(0," + (el.offsetWidth) + "px," + oldHeight + "px,0)")); + + height(dropbar, oldHeight); + + Transition.cancel([el, dropbar]); + return Promise.all([ + Transition.start(dropbar, {height: newHeight}, this.duration), + Transition.start(el, {clip: ("rect(0," + (el.offsetWidth) + "px," + newHeight + "px,0)")}, this.duration) + ]) + .catch(noop) + .then(function () { + css(el, {clip: ''}); + this$1.$update(dropbar); + }); + }, + + getDropdown: function(el) { + return this.$getComponent(el, 'drop') || this.$getComponent(el, 'dropdown'); + } + + } + + }; + + var offcanvas = { + + mixins: [Modal], + + args: 'mode', + + props: { + mode: String, + flip: Boolean, + overlay: Boolean + }, + + data: { + mode: 'slide', + flip: false, + overlay: false, + clsPage: 'uk-offcanvas-page', + clsContainer: 'uk-offcanvas-container', + selPanel: '.uk-offcanvas-bar', + clsFlip: 'uk-offcanvas-flip', + clsContainerAnimation: 'uk-offcanvas-container-animation', + clsSidebarAnimation: 'uk-offcanvas-bar-animation', + clsMode: 'uk-offcanvas', + clsOverlay: 'uk-offcanvas-overlay', + selClose: '.uk-offcanvas-close', + container: false + }, + + computed: { + + clsFlip: function(ref) { + var flip = ref.flip; + var clsFlip = ref.clsFlip; + + return flip ? clsFlip : ''; + }, + + clsOverlay: function(ref) { + var overlay = ref.overlay; + var clsOverlay = ref.clsOverlay; + + return overlay ? clsOverlay : ''; + }, + + clsMode: function(ref) { + var mode = ref.mode; + var clsMode = ref.clsMode; + + return (clsMode + "-" + mode); + }, + + clsSidebarAnimation: function(ref) { + var mode = ref.mode; + var clsSidebarAnimation = ref.clsSidebarAnimation; + + return mode === 'none' || mode === 'reveal' ? '' : clsSidebarAnimation; + }, + + clsContainerAnimation: function(ref) { + var mode = ref.mode; + var clsContainerAnimation = ref.clsContainerAnimation; + + return mode !== 'push' && mode !== 'reveal' ? '' : clsContainerAnimation; + }, + + transitionElement: function(ref) { + var mode = ref.mode; + + return mode === 'reveal' ? this.panel.parentNode : this.panel; + } + + }, + + events: [ + + { + + name: 'click', + + delegate: function() { + return 'a[href^="#"]'; + }, + + handler: function(ref) { + var hash = ref.current.hash; + var defaultPrevented = ref.defaultPrevented; + + if (!defaultPrevented && hash && $(hash, document.body)) { + this.hide(); + } + } + + }, + + { + name: 'touchstart', + + passive: true, + + el: function() { + return this.panel; + }, + + handler: function(ref) { + var targetTouches = ref.targetTouches; + + + if (targetTouches.length === 1) { + this.clientY = targetTouches[0].clientY; + } + + } + + }, + + { + name: 'touchmove', + + self: true, + passive: false, + + filter: function() { + return this.overlay; + }, + + handler: function(e) { + e.cancelable && e.preventDefault(); + } + + }, + + { + name: 'touchmove', + + passive: false, + + el: function() { + return this.panel; + }, + + handler: function(e) { + + if (e.targetTouches.length !== 1) { + return; + } + + var clientY = event.targetTouches[0].clientY - this.clientY; + var ref = this.panel; + var scrollTop = ref.scrollTop; + var scrollHeight = ref.scrollHeight; + var clientHeight = ref.clientHeight; + + if (clientHeight >= scrollHeight + || scrollTop === 0 && clientY > 0 + || scrollHeight - scrollTop <= clientHeight && clientY < 0 + ) { + e.cancelable && e.preventDefault(); + } + + } + + }, + + { + name: 'show', + + self: true, + + handler: function() { + + if (this.mode === 'reveal' && !hasClass(this.panel.parentNode, this.clsMode)) { + wrapAll(this.panel, '
        '); + addClass(this.panel.parentNode, this.clsMode); + } + + css(document.documentElement, 'overflowY', this.overlay ? 'hidden' : ''); + addClass(document.body, this.clsContainer, this.clsFlip); + css(document.body, 'touch-action', 'pan-y pinch-zoom'); + css(this.$el, 'display', 'block'); + addClass(this.$el, this.clsOverlay); + addClass(this.panel, this.clsSidebarAnimation, this.mode !== 'reveal' ? this.clsMode : ''); + + height(document.body); // force reflow + addClass(document.body, this.clsContainerAnimation); + + this.clsContainerAnimation && suppressUserScale(); + + + } + }, + + { + name: 'hide', + + self: true, + + handler: function() { + removeClass(document.body, this.clsContainerAnimation); + css(document.body, 'touch-action', ''); + } + }, + + { + name: 'hidden', + + self: true, + + handler: function() { + + this.clsContainerAnimation && resumeUserScale(); + + if (this.mode === 'reveal') { + unwrap(this.panel); + } + + removeClass(this.panel, this.clsSidebarAnimation, this.clsMode); + removeClass(this.$el, this.clsOverlay); + css(this.$el, 'display', ''); + removeClass(document.body, this.clsContainer, this.clsFlip); + + css(document.documentElement, 'overflowY', ''); + + } + }, + + { + name: 'swipeLeft swipeRight', + + handler: function(e) { + + if (this.isToggled() && endsWith(e.type, 'Left') ^ this.flip) { + this.hide(); + } + + } + } + + ] + + }; + + // Chrome in responsive mode zooms page upon opening offcanvas + function suppressUserScale() { + getViewport$1().content += ',user-scalable=0'; + } + + function resumeUserScale() { + var viewport = getViewport$1(); + viewport.content = viewport.content.replace(/,user-scalable=0$/, ''); + } + + function getViewport$1() { + return $('meta[name="viewport"]', document.head) || append(document.head, ''); + } + + var overflowAuto = { + + mixins: [Class], + + props: { + selContainer: String, + selContent: String + }, + + data: { + selContainer: '.uk-modal', + selContent: '.uk-modal-dialog' + }, + + computed: { + + container: function(ref, $el) { + var selContainer = ref.selContainer; + + return closest($el, selContainer); + }, + + content: function(ref, $el) { + var selContent = ref.selContent; + + return closest($el, selContent); + } + + }, + + connected: function() { + css(this.$el, 'minHeight', 150); + }, + + update: { + + read: function() { + + if (!this.content || !this.container) { + return false; + } + + return { + current: toFloat(css(this.$el, 'maxHeight')), + max: Math.max(150, height(this.container) - (offset(this.content).height - height(this.$el))) + }; + }, + + write: function(ref) { + var current = ref.current; + var max = ref.max; + + css(this.$el, 'maxHeight', max); + if (Math.round(current) !== Math.round(max)) { + trigger(this.$el, 'resize'); + } + }, + + events: ['resize'] + + } + + }; + + var responsive = { + + props: ['width', 'height'], + + connected: function() { + addClass(this.$el, 'uk-responsive-width'); + }, + + update: { + + read: function() { + return isVisible(this.$el) && this.width && this.height + ? {width: width(this.$el.parentNode), height: this.height} + : false; + }, + + write: function(dim) { + height(this.$el, Dimensions.contain({ + height: this.height, + width: this.width + }, dim).height); + }, + + events: ['resize'] + + } + + }; + + var scroll = { + + props: { + offset: Number + }, + + data: { + offset: 0 + }, + + methods: { + + scrollTo: function(el) { + var this$1 = this; + + + el = el && $(el) || document.body; + + if (trigger(this.$el, 'beforescroll', [this, el])) { + scrollIntoView(el, {offset: this.offset}).then(function () { return trigger(this$1.$el, 'scrolled', [this$1, el]); } + ); + } + + } + + }, + + events: { + + click: function(e) { + + if (e.defaultPrevented) { + return; + } + + e.preventDefault(); + this.scrollTo(escape(decodeURIComponent(this.$el.hash)).substr(1)); + } + + } + + }; + + var scrollspy = { + + args: 'cls', + + props: { + cls: String, + target: String, + hidden: Boolean, + offsetTop: Number, + offsetLeft: Number, + repeat: Boolean, + delay: Number + }, + + data: function () { return ({ + cls: false, + target: false, + hidden: true, + offsetTop: 0, + offsetLeft: 0, + repeat: false, + delay: 0, + inViewClass: 'uk-scrollspy-inview' + }); }, + + computed: { + + elements: { + + get: function(ref, $el) { + var target = ref.target; + + return target ? $$(target, $el) : [$el]; + }, + + watch: function(elements) { + if (this.hidden) { + css(filter(elements, (":not(." + (this.inViewClass) + ")")), 'visibility', 'hidden'); + } + }, + + immediate: true + + } + + }, + + update: [ + + { + + read: function(ref) { + var this$1 = this; + var update = ref.update; + + + if (!update) { + return; + } + + this.elements.forEach(function (el) { + + var state = el._ukScrollspyState; + + if (!state) { + state = {cls: data(el, 'uk-scrollspy-class') || this$1.cls}; + } + + state.show = isInView(el, this$1.offsetTop, this$1.offsetLeft); + el._ukScrollspyState = state; + + }); + + }, + + write: function(data) { + var this$1 = this; + + + // Let child components be applied at least once first + if (!data.update) { + this.$emit(); + return data.update = true; + } + + this.elements.forEach(function (el) { + + var state = el._ukScrollspyState; + var toggle = function (inview) { + + css(el, 'visibility', !inview && this$1.hidden ? 'hidden' : ''); + + toggleClass(el, this$1.inViewClass, inview); + toggleClass(el, state.cls); + + trigger(el, inview ? 'inview' : 'outview'); + + state.inview = inview; + + this$1.$update(el); + + }; + + if (state.show && !state.inview && !state.queued) { + + state.queued = true; + + data.promise = (data.promise || Promise.resolve()).then(function () { return new Promise(function (resolve) { return setTimeout(resolve, this$1.delay); } + ); } + ).then(function () { + toggle(true); + setTimeout(function () { + state.queued = false; + this$1.$emit(); + }, 300); + }); + + } else if (!state.show && state.inview && !state.queued && this$1.repeat) { + + toggle(false); + + } + + }); + + }, + + events: ['scroll', 'resize'] + + } + + ] + + }; + + var scrollspyNav = { + + props: { + cls: String, + closest: String, + scroll: Boolean, + overflow: Boolean, + offset: Number + }, + + data: { + cls: 'uk-active', + closest: false, + scroll: false, + overflow: true, + offset: 0 + }, + + computed: { + + links: { + + get: function(_, $el) { + return $$('a[href^="#"]', $el).filter(function (el) { return el.hash; }); + }, + + watch: function(links) { + if (this.scroll) { + this.$create('scroll', links, {offset: this.offset || 0}); + } + }, + + immediate: true + + }, + + targets: function() { + return $$(this.links.map(function (el) { return escape(el.hash).substr(1); }).join(',')); + }, + + elements: function(ref) { + var selector = ref.closest; + + return closest(this.links, selector || '*'); + } + + }, + + update: [ + + { + + read: function() { + var this$1 = this; + + + var ref = this.targets; + var length = ref.length; + + if (!length || !isVisible(this.$el)) { + return false; + } + + var scrollElement = last(scrollParents(this.targets[0])); + var scrollTop = scrollElement.scrollTop; + var scrollHeight = scrollElement.scrollHeight; + var viewport = getViewport(scrollElement); + var max = scrollHeight - offset(viewport).height; + var active = false; + + if (scrollTop === max) { + active = length - 1; + } else { + + this.targets.every(function (el, i) { + if (position(el, viewport).top - this$1.offset <= 0) { + active = i; + return true; + } + }); + + if (active === false && this.overflow) { + active = 0; + } + } + + return {active: active}; + }, + + write: function(ref) { + var active = ref.active; + + + this.links.forEach(function (el) { return el.blur(); }); + removeClass(this.elements, this.cls); + + if (active !== false) { + trigger(this.$el, 'active', [active, addClass(this.elements[active], this.cls)]); + } + + }, + + events: ['scroll', 'resize'] + + } + + ] + + }; + + var sticky = { + + mixins: [Class, Media], + + props: { + top: null, + bottom: Boolean, + offset: String, + animation: String, + clsActive: String, + clsInactive: String, + clsFixed: String, + clsBelow: String, + selTarget: String, + widthElement: Boolean, + showOnUp: Boolean, + targetOffset: Number + }, + + data: { + top: 0, + bottom: false, + offset: 0, + animation: '', + clsActive: 'uk-active', + clsInactive: '', + clsFixed: 'uk-sticky-fixed', + clsBelow: 'uk-sticky-below', + selTarget: '', + widthElement: false, + showOnUp: false, + targetOffset: false + }, + + computed: { + + offset: function(ref) { + var offset = ref.offset; + + return toPx(offset); + }, + + selTarget: function(ref, $el) { + var selTarget = ref.selTarget; + + return selTarget && $(selTarget, $el) || $el; + }, + + widthElement: function(ref, $el) { + var widthElement = ref.widthElement; + + return query(widthElement, $el) || this.placeholder; + }, + + isActive: { + + get: function() { + return hasClass(this.selTarget, this.clsActive); + }, + + set: function(value) { + if (value && !this.isActive) { + replaceClass(this.selTarget, this.clsInactive, this.clsActive); + trigger(this.$el, 'active'); + } else if (!value && !hasClass(this.selTarget, this.clsInactive)) { + replaceClass(this.selTarget, this.clsActive, this.clsInactive); + trigger(this.$el, 'inactive'); + } + } + + } + + }, + + connected: function() { + this.placeholder = $('+ .uk-sticky-placeholder', this.$el) || $('
        '); + this.isFixed = false; + this.isActive = false; + }, + + disconnected: function() { + + if (this.isFixed) { + this.hide(); + removeClass(this.selTarget, this.clsInactive); + } + + remove(this.placeholder); + this.placeholder = null; + this.widthElement = null; + }, + + events: [ + + { + + name: 'load hashchange popstate', + + el: inBrowser && window, + + handler: function() { + var this$1 = this; + + + if (!(this.targetOffset !== false && location.hash && window.pageYOffset > 0)) { + return; + } + + var target = $(location.hash); + + if (target) { + fastdom.read(function () { + + var ref = offset(target); + var top = ref.top; + var elTop = offset(this$1.$el).top; + var elHeight = this$1.$el.offsetHeight; + + if (this$1.isFixed && elTop + elHeight >= top && elTop <= top + target.offsetHeight) { + scrollTop(window, top - elHeight - (isNumeric(this$1.targetOffset) ? this$1.targetOffset : 0) - this$1.offset); + } + + }); + } + + } + + } + + ], + + update: [ + + { + + read: function(ref, type) { + var height = ref.height; + + + if (this.isActive && type !== 'update') { + this.hide(); + height = this.$el.offsetHeight; + this.show(); + } + + height = !this.isActive ? this.$el.offsetHeight : height; + + this.topOffset = offset(this.isFixed ? this.placeholder : this.$el).top; + this.bottomOffset = this.topOffset + height; + + var bottom = parseProp('bottom', this); + + this.top = Math.max(toFloat(parseProp('top', this)), this.topOffset) - this.offset; + this.bottom = bottom && bottom - this.$el.offsetHeight; + this.inactive = !this.matchMedia; + + return { + lastScroll: false, + height: height, + margins: css(this.$el, ['marginTop', 'marginBottom', 'marginLeft', 'marginRight']) + }; + }, + + write: function(ref) { + var height = ref.height; + var margins = ref.margins; + + + var ref$1 = this; + var placeholder = ref$1.placeholder; + + css(placeholder, assign({height: height}, margins)); + + if (!within(placeholder, document)) { + after(this.$el, placeholder); + attr(placeholder, 'hidden', ''); + } + + this.isActive = !!this.isActive; // force self-assign + + }, + + events: ['resize'] + + }, + + { + + read: function(ref) { + var scroll = ref.scroll; if ( scroll === void 0 ) scroll = 0; + + + this.width = offset(isVisible(this.widthElement) ? this.widthElement : this.$el).width; + + this.scroll = window.pageYOffset; + + return { + dir: scroll <= this.scroll ? 'down' : 'up', + scroll: this.scroll, + visible: isVisible(this.$el), + top: offsetPosition(this.placeholder)[0] + }; + }, + + write: function(data, type) { + var this$1 = this; + + + var initTimestamp = data.initTimestamp; if ( initTimestamp === void 0 ) initTimestamp = 0; + var dir = data.dir; + var lastDir = data.lastDir; + var lastScroll = data.lastScroll; + var scroll = data.scroll; + var top = data.top; + var visible = data.visible; + var now = performance.now(); + + data.lastScroll = scroll; + + if (scroll < 0 || scroll === lastScroll || !visible || this.disabled || this.showOnUp && type !== 'scroll') { + return; + } + + if (now - initTimestamp > 300 || dir !== lastDir) { + data.initScroll = scroll; + data.initTimestamp = now; + } + + data.lastDir = dir; + + if (this.showOnUp && !this.isFixed && Math.abs(data.initScroll - scroll) <= 30 && Math.abs(lastScroll - scroll) <= 10) { + return; + } + + if (this.inactive + || scroll < this.top + || this.showOnUp && (scroll <= this.top || dir === 'down' || dir === 'up' && !this.isFixed && scroll <= this.bottomOffset) + ) { + + if (!this.isFixed) { + + if (Animation.inProgress(this.$el) && top > scroll) { + Animation.cancel(this.$el); + this.hide(); + } + + return; + } + + this.isFixed = false; + + if (this.animation && scroll > this.topOffset) { + Animation.cancel(this.$el); + Animation.out(this.$el, this.animation).then(function () { return this$1.hide(); }, noop); + } else { + this.hide(); + } + + } else if (this.isFixed) { + + this.update(); + + } else if (this.animation) { + + Animation.cancel(this.$el); + this.show(); + Animation.in(this.$el, this.animation).catch(noop); + + } else { + this.show(); + } + + }, + + events: ['resize', 'scroll'] + + } + + ], + + methods: { + + show: function() { + + this.isFixed = true; + this.update(); + attr(this.placeholder, 'hidden', null); + + }, + + hide: function() { + + this.isActive = false; + removeClass(this.$el, this.clsFixed, this.clsBelow); + css(this.$el, {position: '', top: '', width: ''}); + attr(this.placeholder, 'hidden', ''); + + }, + + update: function() { + + var active = this.top !== 0 || this.scroll > this.top; + var top = Math.max(0, this.offset); + + if (isNumeric(this.bottom) && this.scroll > this.bottom - this.offset) { + top = this.bottom - this.scroll; + } + + css(this.$el, { + position: 'fixed', + top: (top + "px"), + width: this.width + }); + + this.isActive = active; + toggleClass(this.$el, this.clsBelow, this.scroll > this.bottomOffset); + addClass(this.$el, this.clsFixed); + + } + + } + + }; + + function parseProp(prop, ref) { + var $props = ref.$props; + var $el = ref.$el; + var propOffset = ref[(prop + "Offset")]; + + + var value = $props[prop]; + + if (!value) { + return; + } + + if (isString(value) && value.match(/^-?\d/)) { + + return propOffset + toPx(value); + + } else { + + return offset(value === true ? $el.parentNode : query(value, $el)).bottom; + + } + } + + var Switcher = { + + mixins: [Togglable], + + args: 'connect', + + props: { + connect: String, + toggle: String, + active: Number, + swiping: Boolean + }, + + data: { + connect: '~.uk-switcher', + toggle: '> * > :first-child', + active: 0, + swiping: true, + cls: 'uk-active', + clsContainer: 'uk-switcher', + attrItem: 'uk-switcher-item' + }, + + computed: { + + connects: { + + get: function(ref, $el) { + var connect = ref.connect; + + return queryAll(connect, $el); + }, + + watch: function(connects) { + var this$1 = this; + + + connects.forEach(function (list) { return this$1.updateAria(list.children); }); + + if (this.swiping) { + css(connects, 'touch-action', 'pan-y pinch-zoom'); + } + + }, + + immediate: true + + }, + + toggles: { + + get: function(ref, $el) { + var toggle = ref.toggle; + + return $$(toggle, $el).filter(function (el) { return !matches(el, '.uk-disabled *, .uk-disabled, [disabled]'); }); + }, + + watch: function(toggles) { + var active = this.index(); + this.show(~active && active || toggles[this.active] || toggles[0]); + }, + + immediate: true + + }, + + children: function() { + var this$1 = this; + + return children(this.$el).filter(function (child) { return this$1.toggles.some(function (toggle) { return within(toggle, child); }); }); + } + + }, + + events: [ + + { + + name: 'click', + + delegate: function() { + return this.toggle; + }, + + handler: function(e) { + if (!includes(this.toggles, e.current)) { + return; + } + e.preventDefault(); + this.show(e.current); + } + + }, + + { + name: 'click', + + el: function() { + return this.connects; + }, + + delegate: function() { + return ("[" + (this.attrItem) + "],[data-" + (this.attrItem) + "]"); + }, + + handler: function(e) { + e.preventDefault(); + this.show(data(e.current, this.attrItem)); + } + }, + + { + name: 'swipeRight swipeLeft', + + filter: function() { + return this.swiping; + }, + + el: function() { + return this.connects; + }, + + handler: function(ref) { + var type = ref.type; + + this.show(endsWith(type, 'Left') ? 'next' : 'previous'); + } + } + + ], + + methods: { + + index: function() { + var this$1 = this; + + return findIndex(this.children, function (el) { return hasClass(el, this$1.cls); }); + }, + + show: function(item) { + var this$1 = this; + + + var prev = this.index(); + var next = getIndex(item, this.toggles, prev); + + this.children.forEach(function (child, i) { + toggleClass(child, this$1.cls, next === i); + attr(this$1.toggles[i], 'aria-expanded', next === i); + }); + + this.connects.forEach(function (ref) { + var children = ref.children; + + return this$1.toggleElement(toNodes(children).filter(function (child, i) { return i !== next && this$1.isToggled(child); } + ), false, prev >= 0).then(function () { return this$1.toggleElement(children[next], true, prev >= 0); } + ); + } + ); + } + + } + + }; + + var tab = { + + mixins: [Class], + + extends: Switcher, + + props: { + media: Boolean + }, + + data: { + media: 960, + attrItem: 'uk-tab-item' + }, + + connected: function() { + + var cls = hasClass(this.$el, 'uk-tab-left') + ? 'uk-tab-left' + : hasClass(this.$el, 'uk-tab-right') + ? 'uk-tab-right' + : false; + + if (cls) { + this.$create('toggle', this.$el, {cls: cls, mode: 'media', media: this.media}); + } + } + + }; + + var toggle = { + + mixins: [Media, Togglable], + + args: 'target', + + props: { + href: String, + target: null, + mode: 'list', + queued: Boolean + }, + + data: { + href: false, + target: false, + mode: 'click', + queued: true + }, + + computed: { + + target: { + + get: function(ref, $el) { + var href = ref.href; + var target = ref.target; + + target = queryAll(target || href, $el); + return target.length && target || [$el]; + }, + + watch: function() { + trigger(this.target, 'updatearia', [this]); + }, + + immediate: true + + } + + }, + + events: [ + + { + + name: (pointerEnter + " " + pointerLeave), + + filter: function() { + return includes(this.mode, 'hover'); + }, + + handler: function(e) { + if (!isTouch(e)) { + this.toggle(("toggle" + (e.type === pointerEnter ? 'show' : 'hide'))); + } + } + + }, + + { + + name: 'click', + + filter: function() { + return includes(this.mode, 'click') || hasTouch && includes(this.mode, 'hover'); + }, + + handler: function(e) { + + // TODO better isToggled handling + var link; + if (closest(e.target, 'a[href="#"], a[href=""]') + || (link = closest(e.target, 'a[href]')) && ( + this.cls && !hasClass(this.target, this.cls.split(' ')[0]) + || !isVisible(this.target) + || link.hash && matches(this.target, link.hash) + ) + ) { + e.preventDefault(); + } + + this.toggle(); + } + + } + + ], + + update: { + + read: function() { + return includes(this.mode, 'media') && this.media + ? {match: this.matchMedia} + : false; + }, + + write: function(ref) { + var match = ref.match; + + + var toggled = this.isToggled(this.target); + if (match ? !toggled : toggled) { + this.toggle(); + } + + }, + + events: ['resize'] + + }, + + methods: { + + toggle: function(type) { + var this$1 = this; + + + if (!trigger(this.target, type || 'toggle', [this])) { + return; + } + + if (this.queued) { + + var toggled = this.target.filter(this.isToggled); + this.toggleElement(toggled, false).then(function () { return this$1.toggleElement(this$1.target.filter(function (el) { return !includes(toggled, el); } + ), true); } + ); + + } else { + this.toggleElement(this.target); + } + } + + } + + }; + + var components = /*#__PURE__*/Object.freeze({ + __proto__: null, + Accordion: Accordion, + Alert: alert, + Cover: cover, + Drop: drop, + Dropdown: drop, + FormCustom: formCustom, + Gif: gif, + Grid: grid, + HeightMatch: heightMatch, + HeightViewport: heightViewport, + Icon: Icon, + Img: img, + Leader: leader, + Margin: Margin, + Modal: modal, + Nav: nav, + Navbar: navbar, + Offcanvas: offcanvas, + OverflowAuto: overflowAuto, + Responsive: responsive, + Scroll: scroll, + Scrollspy: scrollspy, + ScrollspyNav: scrollspyNav, + Sticky: sticky, + Svg: SVG, + Switcher: Switcher, + Tab: tab, + Toggle: toggle, + Video: Video, + Close: Close, + Spinner: Spinner, + SlidenavNext: Slidenav, + SlidenavPrevious: Slidenav, + SearchIcon: Search, + Marker: IconComponent, + NavbarToggleIcon: IconComponent, + OverlayIcon: IconComponent, + PaginationNext: IconComponent, + PaginationPrevious: IconComponent, + Totop: IconComponent + }); + + // register components + each(components, function (component, name) { return UIkit.component(name, component); } + ); + + // core functionality + UIkit.use(Core); + + boot(UIkit); + + var countdown = { + + mixins: [Class], + + props: { + date: String, + clsWrapper: String + }, + + data: { + date: '', + clsWrapper: '.uk-countdown-%unit%' + }, + + computed: { + + date: function(ref) { + var date = ref.date; + + return Date.parse(date); + }, + + days: function(ref, $el) { + var clsWrapper = ref.clsWrapper; + + return $(clsWrapper.replace('%unit%', 'days'), $el); + }, + + hours: function(ref, $el) { + var clsWrapper = ref.clsWrapper; + + return $(clsWrapper.replace('%unit%', 'hours'), $el); + }, + + minutes: function(ref, $el) { + var clsWrapper = ref.clsWrapper; + + return $(clsWrapper.replace('%unit%', 'minutes'), $el); + }, + + seconds: function(ref, $el) { + var clsWrapper = ref.clsWrapper; + + return $(clsWrapper.replace('%unit%', 'seconds'), $el); + }, + + units: function() { + var this$1 = this; + + return ['days', 'hours', 'minutes', 'seconds'].filter(function (unit) { return this$1[unit]; }); + } + + }, + + connected: function() { + this.start(); + }, + + disconnected: function() { + var this$1 = this; + + this.stop(); + this.units.forEach(function (unit) { return empty(this$1[unit]); }); + }, + + events: [ + + { + + name: 'visibilitychange', + + el: inBrowser && document, + + handler: function() { + if (document.hidden) { + this.stop(); + } else { + this.start(); + } + } + + } + + ], + + update: { + + write: function() { + var this$1 = this; + + + var timespan = getTimeSpan(this.date); + + if (timespan.total <= 0) { + + this.stop(); + + timespan.days + = timespan.hours + = timespan.minutes + = timespan.seconds + = 0; + } + + this.units.forEach(function (unit) { + + var digits = String(Math.floor(timespan[unit])); + + digits = digits.length < 2 ? ("0" + digits) : digits; + + var el = this$1[unit]; + if (el.textContent !== digits) { + digits = digits.split(''); + + if (digits.length !== el.children.length) { + html(el, digits.map(function () { return ''; }).join('')); + } + + digits.forEach(function (digit, i) { return el.children[i].textContent = digit; }); + } + + }); + + } + + }, + + methods: { + + start: function() { + + this.stop(); + + if (this.date && this.units.length) { + this.$update(); + this.timer = setInterval(this.$update, 1000); + } + + }, + + stop: function() { + + if (this.timer) { + clearInterval(this.timer); + this.timer = null; + } + + } + + } + + }; + + function getTimeSpan(date) { + + var total = date - Date.now(); + + return { + total: total, + seconds: total / 1000 % 60, + minutes: total / 1000 / 60 % 60, + hours: total / 1000 / 60 / 60 % 24, + days: total / 1000 / 60 / 60 / 24 + }; + } + + var targetClass = 'uk-animation-target'; + + var Animate = { + + props: { + animation: Number + }, + + data: { + animation: 150 + }, + + methods: { + + animate: function(action, target) { + var this$1 = this; + if ( target === void 0 ) target = this.$el; + + + addStyle(); + + var children$1 = children(target); + var propsFrom = children$1.map(function (el) { return getProps(el, true); }); + + var oldHeight = height(target); + var oldScrollY = window.pageYOffset; + + action(); + + Transition.cancel(target); + children$1.forEach(Transition.cancel); + + reset(target); + this.$update(target, 'resize'); + fastdom.flush(); + + var newHeight = height(target); + + children$1 = children$1.concat(children(target).filter(function (el) { return !includes(children$1, el); })); + + var propsTo = children$1.map(function (el, i) { return el.parentNode && i in propsFrom + ? propsFrom[i] + ? isVisible(el) + ? getPositionWithMargin(el) + : {opacity: 0} + : {opacity: isVisible(el) ? 1 : 0} + : false; } + ); + + propsFrom = propsTo.map(function (props, i) { + var from = children$1[i].parentNode === target + ? propsFrom[i] || getProps(children$1[i]) + : false; + + if (from) { + if (!props) { + delete from.opacity; + } else if (!('opacity' in props)) { + var opacity = from.opacity; + + if (opacity % 1) { + props.opacity = 1; + } else { + delete from.opacity; + } + } + } + + return from; + }); + + addClass(target, targetClass); + children$1.forEach(function (el, i) { return propsFrom[i] && css(el, propsFrom[i]); }); + css(target, {height: oldHeight, display: 'block'}); + scrollTop(window, oldScrollY); + + return Promise.all( + children$1.map(function (el, i) { return ['top', 'left', 'height', 'width'].some(function (prop) { return propsFrom[i][prop] !== propsTo[i][prop]; } + ) && Transition.start(el, propsTo[i], this$1.animation, 'ease'); } + ).concat(oldHeight !== newHeight && Transition.start(target, {height: newHeight}, this.animation, 'ease')) + ).then(function () { + children$1.forEach(function (el, i) { return css(el, {display: propsTo[i].opacity === 0 ? 'none' : '', zIndex: ''}); }); + reset(target); + this$1.$update(target, 'resize'); + fastdom.flush(); // needed for IE11 + }, noop); + + } + } + }; + + function getProps(el, opacity) { + + var zIndex = css(el, 'zIndex'); + + return isVisible(el) + ? assign({ + display: '', + opacity: opacity ? css(el, 'opacity') : '0', + pointerEvents: 'none', + position: 'absolute', + zIndex: zIndex === 'auto' ? index(el) : zIndex + }, getPositionWithMargin(el)) + : false; + } + + function reset(el) { + css(el.children, { + height: '', + left: '', + opacity: '', + pointerEvents: '', + position: '', + top: '', + width: '' + }); + removeClass(el, targetClass); + css(el, {height: '', display: ''}); + } + + function getPositionWithMargin(el) { + var ref = offset(el); + var height = ref.height; + var width = ref.width; + var ref$1 = position(el); + var top = ref$1.top; + var left = ref$1.left; + + return {top: top, left: left, height: height, width: width}; + } + + var style; + + function addStyle() { + if (style) { + return; + } + style = append(document.head, '