pax_global_header00006660000000000000000000000064146463407710014526gustar00rootroot0000000000000052 comment=cb25cf96b428a4a6cf30602a56c7433ead990951 comitup-main-1.42/000077500000000000000000000000001464634077100140565ustar00rootroot00000000000000comitup-main-1.42/.github/000077500000000000000000000000001464634077100154165ustar00rootroot00000000000000comitup-main-1.42/.github/workflows/000077500000000000000000000000001464634077100174535ustar00rootroot00000000000000comitup-main-1.42/.github/workflows/codeql-analysis.yml000066400000000000000000000046311464634077100232720ustar00rootroot00000000000000# For most projects, this workflow file will not need changing; you simply need # to commit it to your repository. # # You may wish to alter this file to override the set of languages analyzed, # or to provide custom queries or build logic. # # ******** NOTE ******** # We have attempted to detect the languages in your repository. Please check # the `language` matrix defined below to confirm you have the correct set of # supported CodeQL languages. # name: "CodeQL" on: push: branches: [ main ] pull_request: # The branches below must be a subset of the branches above branches: [ main ] schedule: - cron: '33 4 * * 0' jobs: analyze: name: Analyze runs-on: ubuntu-latest permissions: actions: read contents: read security-events: write strategy: fail-fast: false matrix: language: [ 'javascript', 'python' ] # CodeQL supports [ 'cpp', 'csharp', 'go', 'java', 'javascript', 'python' ] # Learn more: # https://docs.github.com/en/free-pro-team@latest/github/finding-security-vulnerabilities-and-errors-in-your-code/configuring-code-scanning#changing-the-languages-that-are-analyzed steps: - name: Checkout repository uses: actions/checkout@v2 # Initializes the CodeQL tools for scanning. - name: Initialize CodeQL uses: github/codeql-action/init@v1 with: languages: ${{ matrix.language }} # If you wish to specify custom queries, you can do so here or in a config file. # By default, queries listed here will override any specified in a config file. # Prefix the list here with "+" to use these queries and those in the config file. # queries: ./path/to/local/query, your-org/your-repo/queries@main # Autobuild attempts to build any compiled languages (C/C++, C#, or Java). # If this step fails, then you should remove it and run the build manually (see below) - name: Autobuild uses: github/codeql-action/autobuild@v1 # ℹī¸ Command-line programs to run using the OS shell. # 📚 https://git.io/JvXDl # ✏ī¸ If the Autobuild fails above, remove it and uncomment the following three lines # and modify them (or add more) to build your code if your project # uses a compiled language #- run: | # make bootstrap # make release - name: Perform CodeQL Analysis uses: github/codeql-action/analyze@v1 comitup-main-1.42/.github/workflows/testnox.yml000066400000000000000000000016441464634077100217070ustar00rootroot00000000000000name: Comitup Nox Tests on: push: branches: - main - test pull_request: jobs: noxtest: name: Nox Tests runs-on: ubuntu-latest strategy: matrix: python-version: ["3.8", "3.9", "3.10", "3.11", "3.12", "3.13.0-alpha - 3.13.0"] steps: - name: Check out uses: actions/checkout@v4 - name: Set up Python ${{ matrix.python-version }} uses: actions/setup-python@v5 with: python-version: ${{ matrix.python-version }} - name: Update apt registry run: sudo apt-get update - name: Install deb packages run: > sudo apt-get install libcairo2-dev gobject-introspection libgirepository1.0-dev python3-dev libdbus-glib-1-dev libdbus-1-dev - name: Install pip dependencies run: | python -m pip install --upgrade pip pip install nox - name: Run nox tests run: | python -m nox comitup-main-1.42/.gitignore000066400000000000000000000001641464634077100160470ustar00rootroot00000000000000__pycache__ *.pyc dist .cache .coverage *egg-info *swp build .idea/* venv/* .mypy_cache/* .eggs/* .tox/* .devenv/* comitup-main-1.42/CONTRIBUTING.md000066400000000000000000000030651464634077100163130ustar00rootroot00000000000000 ## Making a code contribution Fork the [repository](https://github.com/davesteele/comitup), make the changes on a new branch off of _main_, and submit a [Pull Request](https://github.com/davesteele/comitup/pulls). Contributions should pass _devtest.py_, otherwise GitHub CI tests will very likely fail. ## Submitting a Bug Report/Troubleshooting request Before you write up a troubleshooting issue consider the following: * Note that the [Comitup Image](https://davesteele.github.io/comitup/) is preferred. If you do use this, do an "apt-get update; apt-get upgrade" to ensure the most recent comitup version. * If you are using the package: * Make sure you have the [most recent](https://davesteele.github.io/comitup/archive.html) version installed * No, really, Make sure the version is up-to-date. A good way to do this is to install the [davesteele-comitup-apt-source](https://davesteele.github.io/comitup/archive.html) package before an apt install or update/upgrade. * Verify that there are no conflicts for the dnsmasq (DHCP), wpa\_supplicant, and resolved (DNS) services, as described in the [Installing Comitup](https://github.com/davesteele/comitup/wiki/Installing-Comitup) page. * Inspect the logs at "systemctl status comitup", /var/log/comitup.log, and /var/log/comitup-web.log, and resolve issues. Make a note in the issue that you have covered these topics. Also note your hardware platform, and whether or not you are running with two WiFi adapters. Another troubleshooting write up - https://github.com/davesteele/comitup/issues/91#issuecomment-576462758 comitup-main-1.42/COPYING000066400000000000000000000432541464634077100151210ustar00rootroot00000000000000 GNU GENERAL PUBLIC LICENSE Version 2, June 1991 Copyright (C) 1989, 1991 Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA Everyone is permitted to copy and distribute verbatim copies of this license document, but changing it is not allowed. Preamble The licenses for most software are designed to take away your freedom to share and change it. By contrast, the GNU General Public License is intended to guarantee your freedom to share and change free software--to make sure the software is free for all its users. This General Public License applies to most of the Free Software Foundation's software and to any other program whose authors commit to using it. (Some other Free Software Foundation software is covered by the GNU Lesser General Public License instead.) You can apply it to your programs, too. When we speak of free software, we are referring to freedom, not price. Our General Public Licenses are designed to make sure that you have the freedom to distribute copies of free software (and charge for this service if you wish), that you receive source code or can get it if you want it, that you can change the software or use pieces of it in new free programs; and that you know you can do these things. To protect your rights, we need to make restrictions that forbid anyone to deny you these rights or to ask you to surrender the rights. These restrictions translate to certain responsibilities for you if you distribute copies of the software, or if you modify it. For example, if you distribute copies of such a program, whether gratis or for a fee, you must give the recipients all the rights that you have. You must make sure that they, too, receive or can get the source code. And you must show them these terms so they know their rights. We protect your rights with two steps: (1) copyright the software, and (2) offer you this license which gives you legal permission to copy, distribute and/or modify the software. Also, for each author's protection and ours, we want to make certain that everyone understands that there is no warranty for this free software. If the software is modified by someone else and passed on, we want its recipients to know that what they have is not the original, so that any problems introduced by others will not reflect on the original authors' reputations. Finally, any free program is threatened constantly by software patents. We wish to avoid the danger that redistributors of a free program will individually obtain patent licenses, in effect making the program proprietary. To prevent this, we have made it clear that any patent must be licensed for everyone's free use or not licensed at all. The precise terms and conditions for copying, distribution and modification follow. GNU GENERAL PUBLIC LICENSE TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION 0. This License applies to any program or other work which contains a notice placed by the copyright holder saying it may be distributed under the terms of this General Public License. The "Program", below, refers to any such program or work, and a "work based on the Program" means either the Program or any derivative work under copyright law: that is to say, a work containing the Program or a portion of it, either verbatim or with modifications and/or translated into another language. (Hereinafter, translation is included without limitation in the term "modification".) Each licensee is addressed as "you". Activities other than copying, distribution and modification are not covered by this License; they are outside its scope. The act of running the Program is not restricted, and the output from the Program is covered only if its contents constitute a work based on the Program (independent of having been made by running the Program). Whether that is true depends on what the Program does. 1. You may copy and distribute verbatim copies of the Program's source code as you receive it, in any medium, provided that you conspicuously and appropriately publish on each copy an appropriate copyright notice and disclaimer of warranty; keep intact all the notices that refer to this License and to the absence of any warranty; and give any other recipients of the Program a copy of this License along with the Program. You may charge a fee for the physical act of transferring a copy, and you may at your option offer warranty protection in exchange for a fee. 2. You may modify your copy or copies of the Program or any portion of it, thus forming a work based on the Program, and copy and distribute such modifications or work under the terms of Section 1 above, provided that you also meet all of these conditions: a) You must cause the modified files to carry prominent notices stating that you changed the files and the date of any change. b) You must cause any work that you distribute or publish, that in whole or in part contains or is derived from the Program or any part thereof, to be licensed as a whole at no charge to all third parties under the terms of this License. c) If the modified program normally reads commands interactively when run, you must cause it, when started running for such interactive use in the most ordinary way, to print or display an announcement including an appropriate copyright notice and a notice that there is no warranty (or else, saying that you provide a warranty) and that users may redistribute the program under these conditions, and telling the user how to view a copy of this License. (Exception: if the Program itself is interactive but does not normally print such an announcement, your work based on the Program is not required to print an announcement.) These requirements apply to the modified work as a whole. If identifiable sections of that work are not derived from the Program, and can be reasonably considered independent and separate works in themselves, then this License, and its terms, do not apply to those sections when you distribute them as separate works. But when you distribute the same sections as part of a whole which is a work based on the Program, the distribution of the whole must be on the terms of this License, whose permissions for other licensees extend to the entire whole, and thus to each and every part regardless of who wrote it. Thus, it is not the intent of this section to claim rights or contest your rights to work written entirely by you; rather, the intent is to exercise the right to control the distribution of derivative or collective works based on the Program. In addition, mere aggregation of another work not based on the Program with the Program (or with a work based on the Program) on a volume of a storage or distribution medium does not bring the other work under the scope of this License. 3. You may copy and distribute the Program (or a work based on it, under Section 2) in object code or executable form under the terms of Sections 1 and 2 above provided that you also do one of the following: a) Accompany it with the complete corresponding machine-readable source code, which must be distributed under the terms of Sections 1 and 2 above on a medium customarily used for software interchange; or, b) Accompany it with a written offer, valid for at least three years, to give any third party, for a charge no more than your cost of physically performing source distribution, a complete machine-readable copy of the corresponding source code, to be distributed under the terms of Sections 1 and 2 above on a medium customarily used for software interchange; or, c) Accompany it with the information you received as to the offer to distribute corresponding source code. (This alternative is allowed only for noncommercial distribution and only if you received the program in object code or executable form with such an offer, in accord with Subsection b above.) The source code for a work means the preferred form of the work for making modifications to it. For an executable work, complete source code means all the source code for all modules it contains, plus any associated interface definition files, plus the scripts used to control compilation and installation of the executable. However, as a special exception, the source code distributed need not include anything that is normally distributed (in either source or binary form) with the major components (compiler, kernel, and so on) of the operating system on which the executable runs, unless that component itself accompanies the executable. If distribution of executable or object code is made by offering access to copy from a designated place, then offering equivalent access to copy the source code from the same place counts as distribution of the source code, even though third parties are not compelled to copy the source along with the object code. 4. You may not copy, modify, sublicense, or distribute the Program except as expressly provided under this License. Any attempt otherwise to copy, modify, sublicense or distribute the Program is void, and will automatically terminate your rights under this License. However, parties who have received copies, or rights, from you under this License will not have their licenses terminated so long as such parties remain in full compliance. 5. You are not required to accept this License, since you have not signed it. However, nothing else grants you permission to modify or distribute the Program or its derivative works. These actions are prohibited by law if you do not accept this License. Therefore, by modifying or distributing the Program (or any work based on the Program), you indicate your acceptance of this License to do so, and all its terms and conditions for copying, distributing or modifying the Program or works based on it. 6. Each time you redistribute the Program (or any work based on the Program), the recipient automatically receives a license from the original licensor to copy, distribute or modify the Program subject to these terms and conditions. You may not impose any further restrictions on the recipients' exercise of the rights granted herein. You are not responsible for enforcing compliance by third parties to this License. 7. If, as a consequence of a court judgment or allegation of patent infringement or for any other reason (not limited to patent issues), conditions are imposed on you (whether by court order, agreement or otherwise) that contradict the conditions of this License, they do not excuse you from the conditions of this License. If you cannot distribute so as to satisfy simultaneously your obligations under this License and any other pertinent obligations, then as a consequence you may not distribute the Program at all. For example, if a patent license would not permit royalty-free redistribution of the Program by all those who receive copies directly or indirectly through you, then the only way you could satisfy both it and this License would be to refrain entirely from distribution of the Program. If any portion of this section is held invalid or unenforceable under any particular circumstance, the balance of the section is intended to apply and the section as a whole is intended to apply in other circumstances. It is not the purpose of this section to induce you to infringe any patents or other property right claims or to contest validity of any such claims; this section has the sole purpose of protecting the integrity of the free software distribution system, which is implemented by public license practices. Many people have made generous contributions to the wide range of software distributed through that system in reliance on consistent application of that system; it is up to the author/donor to decide if he or she is willing to distribute software through any other system and a licensee cannot impose that choice. This section is intended to make thoroughly clear what is believed to be a consequence of the rest of this License. 8. If the distribution and/or use of the Program is restricted in certain countries either by patents or by copyrighted interfaces, the original copyright holder who places the Program under this License may add an explicit geographical distribution limitation excluding those countries, so that distribution is permitted only in or among countries not thus excluded. In such case, this License incorporates the limitation as if written in the body of this License. 9. The Free Software Foundation may publish revised and/or new versions of the General Public License from time to time. Such new versions will be similar in spirit to the present version, but may differ in detail to address new problems or concerns. Each version is given a distinguishing version number. If the Program specifies a version number of this License which applies to it and "any later version", you have the option of following the terms and conditions either of that version or of any later version published by the Free Software Foundation. If the Program does not specify a version number of this License, you may choose any version ever published by the Free Software Foundation. 10. If you wish to incorporate parts of the Program into other free programs whose distribution conditions are different, write to the author to ask for permission. For software which is copyrighted by the Free Software Foundation, write to the Free Software Foundation; we sometimes make exceptions for this. Our decision will be guided by the two goals of preserving the free status of all derivatives of our free software and of promoting the sharing and reuse of software generally. NO WARRANTY 11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU. SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING, REPAIR OR CORRECTION. 12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES. END OF TERMS AND CONDITIONS How to Apply These Terms to Your New Programs If you develop a new program, and you want it to be of the greatest possible use to the public, the best way to achieve this is to make it free software which everyone can redistribute and change under these terms. To do so, attach the following notices to the program. It is safest to attach them to the start of each source file to most effectively convey the exclusion of warranty; and each file should have at least the "copyright" line and a pointer to where the full notice is found. Copyright (C) This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with this program; if not, write to the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA. Also add information on how to contact you by electronic and paper mail. If the program is interactive, make it output a short notice like this when it starts in an interactive mode: Gnomovision version 69, Copyright (C) year name of author Gnomovision comes with ABSOLUTELY NO WARRANTY; for details type `show w'. This is free software, and you are welcome to redistribute it under certain conditions; type `show c' for details. The hypothetical commands `show w' and `show c' should show the appropriate parts of the General Public License. Of course, the commands you use may be called something other than `show w' and `show c'; they could even be mouse-clicks or menu items--whatever suits your program. You should also get your employer (if you work as a programmer) or your school, if any, to sign a "copyright disclaimer" for the program, if necessary. Here is a sample; alter the names: Yoyodyne, Inc., hereby disclaims all copyright interest in the program `Gnomovision' (which makes passes at compilers) written by James Hacker. , 1 April 1989 Ty Coon, President of Vice This General Public License does not permit incorporating your program into proprietary programs. If your program is a subroutine library, you may consider it more useful to permit linking proprietary applications with the library. If this is what you want to do, use the GNU Lesser General Public License instead of this License. comitup-main-1.42/LICENSE000066400000000000000000000431771464634077100150770ustar00rootroot00000000000000 GNU GENERAL PUBLIC LICENSE Version 2, June 1991 Copyright (C) 1989, 1991 Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA Everyone is permitted to copy and distribute verbatim copies of this license document, but changing it is not allowed. Preamble The licenses for most software are designed to take away your freedom to share and change it. By contrast, the GNU General Public License is intended to guarantee your freedom to share and change free software--to make sure the software is free for all its users. This General Public License applies to most of the Free Software Foundation's software and to any other program whose authors commit to using it. (Some other Free Software Foundation software is covered by the GNU Lesser General Public License instead.) You can apply it to your programs, too. When we speak of free software, we are referring to freedom, not price. Our General Public Licenses are designed to make sure that you have the freedom to distribute copies of free software (and charge for this service if you wish), that you receive source code or can get it if you want it, that you can change the software or use pieces of it in new free programs; and that you know you can do these things. To protect your rights, we need to make restrictions that forbid anyone to deny you these rights or to ask you to surrender the rights. These restrictions translate to certain responsibilities for you if you distribute copies of the software, or if you modify it. For example, if you distribute copies of such a program, whether gratis or for a fee, you must give the recipients all the rights that you have. You must make sure that they, too, receive or can get the source code. And you must show them these terms so they know their rights. We protect your rights with two steps: (1) copyright the software, and (2) offer you this license which gives you legal permission to copy, distribute and/or modify the software. Also, for each author's protection and ours, we want to make certain that everyone understands that there is no warranty for this free software. If the software is modified by someone else and passed on, we want its recipients to know that what they have is not the original, so that any problems introduced by others will not reflect on the original authors' reputations. Finally, any free program is threatened constantly by software patents. We wish to avoid the danger that redistributors of a free program will individually obtain patent licenses, in effect making the program proprietary. To prevent this, we have made it clear that any patent must be licensed for everyone's free use or not licensed at all. The precise terms and conditions for copying, distribution and modification follow. GNU GENERAL PUBLIC LICENSE TERMS AND CONDITIONS FOR COPYING, DISTRIBUTION AND MODIFICATION 0. This License applies to any program or other work which contains a notice placed by the copyright holder saying it may be distributed under the terms of this General Public License. The "Program", below, refers to any such program or work, and a "work based on the Program" means either the Program or any derivative work under copyright law: that is to say, a work containing the Program or a portion of it, either verbatim or with modifications and/or translated into another language. (Hereinafter, translation is included without limitation in the term "modification".) Each licensee is addressed as "you". Activities other than copying, distribution and modification are not covered by this License; they are outside its scope. The act of running the Program is not restricted, and the output from the Program is covered only if its contents constitute a work based on the Program (independent of having been made by running the Program). Whether that is true depends on what the Program does. 1. You may copy and distribute verbatim copies of the Program's source code as you receive it, in any medium, provided that you conspicuously and appropriately publish on each copy an appropriate copyright notice and disclaimer of warranty; keep intact all the notices that refer to this License and to the absence of any warranty; and give any other recipients of the Program a copy of this License along with the Program. You may charge a fee for the physical act of transferring a copy, and you may at your option offer warranty protection in exchange for a fee. 2. You may modify your copy or copies of the Program or any portion of it, thus forming a work based on the Program, and copy and distribute such modifications or work under the terms of Section 1 above, provided that you also meet all of these conditions: a) You must cause the modified files to carry prominent notices stating that you changed the files and the date of any change. b) You must cause any work that you distribute or publish, that in whole or in part contains or is derived from the Program or any part thereof, to be licensed as a whole at no charge to all third parties under the terms of this License. c) If the modified program normally reads commands interactively when run, you must cause it, when started running for such interactive use in the most ordinary way, to print or display an announcement including an appropriate copyright notice and a notice that there is no warranty (or else, saying that you provide a warranty) and that users may redistribute the program under these conditions, and telling the user how to view a copy of this License. (Exception: if the Program itself is interactive but does not normally print such an announcement, your work based on the Program is not required to print an announcement.) These requirements apply to the modified work as a whole. If identifiable sections of that work are not derived from the Program, and can be reasonably considered independent and separate works in themselves, then this License, and its terms, do not apply to those sections when you distribute them as separate works. But when you distribute the same sections as part of a whole which is a work based on the Program, the distribution of the whole must be on the terms of this License, whose permissions for other licensees extend to the entire whole, and thus to each and every part regardless of who wrote it. Thus, it is not the intent of this section to claim rights or contest your rights to work written entirely by you; rather, the intent is to exercise the right to control the distribution of derivative or collective works based on the Program. In addition, mere aggregation of another work not based on the Program with the Program (or with a work based on the Program) on a volume of a storage or distribution medium does not bring the other work under the scope of this License. 3. You may copy and distribute the Program (or a work based on it, under Section 2) in object code or executable form under the terms of Sections 1 and 2 above provided that you also do one of the following: a) Accompany it with the complete corresponding machine-readable source code, which must be distributed under the terms of Sections 1 and 2 above on a medium customarily used for software interchange; or, b) Accompany it with a written offer, valid for at least three years, to give any third party, for a charge no more than your cost of physically performing source distribution, a complete machine-readable copy of the corresponding source code, to be distributed under the terms of Sections 1 and 2 above on a medium customarily used for software interchange; or, c) Accompany it with the information you received as to the offer to distribute corresponding source code. (This alternative is allowed only for noncommercial distribution and only if you received the program in object code or executable form with such an offer, in accord with Subsection b above.) The source code for a work means the preferred form of the work for making modifications to it. For an executable work, complete source code means all the source code for all modules it contains, plus any associated interface definition files, plus the scripts used to control compilation and installation of the executable. However, as a special exception, the source code distributed need not include anything that is normally distributed (in either source or binary form) with the major components (compiler, kernel, and so on) of the operating system on which the executable runs, unless that component itself accompanies the executable. If distribution of executable or object code is made by offering access to copy from a designated place, then offering equivalent access to copy the source code from the same place counts as distribution of the source code, even though third parties are not compelled to copy the source along with the object code. 4. You may not copy, modify, sublicense, or distribute the Program except as expressly provided under this License. Any attempt otherwise to copy, modify, sublicense or distribute the Program is void, and will automatically terminate your rights under this License. However, parties who have received copies, or rights, from you under this License will not have their licenses terminated so long as such parties remain in full compliance. 5. You are not required to accept this License, since you have not signed it. However, nothing else grants you permission to modify or distribute the Program or its derivative works. These actions are prohibited by law if you do not accept this License. Therefore, by modifying or distributing the Program (or any work based on the Program), you indicate your acceptance of this License to do so, and all its terms and conditions for copying, distributing or modifying the Program or works based on it. 6. Each time you redistribute the Program (or any work based on the Program), the recipient automatically receives a license from the original licensor to copy, distribute or modify the Program subject to these terms and conditions. You may not impose any further restrictions on the recipients' exercise of the rights granted herein. You are not responsible for enforcing compliance by third parties to this License. 7. If, as a consequence of a court judgment or allegation of patent infringement or for any other reason (not limited to patent issues), conditions are imposed on you (whether by court order, agreement or otherwise) that contradict the conditions of this License, they do not excuse you from the conditions of this License. If you cannot distribute so as to satisfy simultaneously your obligations under this License and any other pertinent obligations, then as a consequence you may not distribute the Program at all. For example, if a patent license would not permit royalty-free redistribution of the Program by all those who receive copies directly or indirectly through you, then the only way you could satisfy both it and this License would be to refrain entirely from distribution of the Program. If any portion of this section is held invalid or unenforceable under any particular circumstance, the balance of the section is intended to apply and the section as a whole is intended to apply in other circumstances. It is not the purpose of this section to induce you to infringe any patents or other property right claims or to contest validity of any such claims; this section has the sole purpose of protecting the integrity of the free software distribution system, which is implemented by public license practices. Many people have made generous contributions to the wide range of software distributed through that system in reliance on consistent application of that system; it is up to the author/donor to decide if he or she is willing to distribute software through any other system and a licensee cannot impose that choice. This section is intended to make thoroughly clear what is believed to be a consequence of the rest of this License. 8. If the distribution and/or use of the Program is restricted in certain countries either by patents or by copyrighted interfaces, the original copyright holder who places the Program under this License may add an explicit geographical distribution limitation excluding those countries, so that distribution is permitted only in or among countries not thus excluded. In such case, this License incorporates the limitation as if written in the body of this License. 9. The Free Software Foundation may publish revised and/or new versions of the General Public License from time to time. Such new versions will be similar in spirit to the present version, but may differ in detail to address new problems or concerns. Each version is given a distinguishing version number. If the Program specifies a version number of this License which applies to it and "any later version", you have the option of following the terms and conditions either of that version or of any later version published by the Free Software Foundation. If the Program does not specify a version number of this License, you may choose any version ever published by the Free Software Foundation. 10. If you wish to incorporate parts of the Program into other free programs whose distribution conditions are different, write to the author to ask for permission. For software which is copyrighted by the Free Software Foundation, write to the Free Software Foundation; we sometimes make exceptions for this. Our decision will be guided by the two goals of preserving the free status of all derivatives of our free software and of promoting the sharing and reuse of software generally. NO WARRANTY 11. BECAUSE THE PROGRAM IS LICENSED FREE OF CHARGE, THERE IS NO WARRANTY FOR THE PROGRAM, TO THE EXTENT PERMITTED BY APPLICABLE LAW. EXCEPT WHEN OTHERWISE STATED IN WRITING THE COPYRIGHT HOLDERS AND/OR OTHER PARTIES PROVIDE THE PROGRAM "AS IS" WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE. THE ENTIRE RISK AS TO THE QUALITY AND PERFORMANCE OF THE PROGRAM IS WITH YOU. SHOULD THE PROGRAM PROVE DEFECTIVE, YOU ASSUME THE COST OF ALL NECESSARY SERVICING, REPAIR OR CORRECTION. 12. IN NO EVENT UNLESS REQUIRED BY APPLICABLE LAW OR AGREED TO IN WRITING WILL ANY COPYRIGHT HOLDER, OR ANY OTHER PARTY WHO MAY MODIFY AND/OR REDISTRIBUTE THE PROGRAM AS PERMITTED ABOVE, BE LIABLE TO YOU FOR DAMAGES, INCLUDING ANY GENERAL, SPECIAL, INCIDENTAL OR CONSEQUENTIAL DAMAGES ARISING OUT OF THE USE OR INABILITY TO USE THE PROGRAM (INCLUDING BUT NOT LIMITED TO LOSS OF DATA OR DATA BEING RENDERED INACCURATE OR LOSSES SUSTAINED BY YOU OR THIRD PARTIES OR A FAILURE OF THE PROGRAM TO OPERATE WITH ANY OTHER PROGRAMS), EVEN IF SUCH HOLDER OR OTHER PARTY HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGES. END OF TERMS AND CONDITIONS How to Apply These Terms to Your New Programs If you develop a new program, and you want it to be of the greatest possible use to the public, the best way to achieve this is to make it free software which everyone can redistribute and change under these terms. To do so, attach the following notices to the program. It is safest to attach them to the start of each source file to most effectively convey the exclusion of warranty; and each file should have at least the "copyright" line and a pointer to where the full notice is found. {description} Copyright (C) {year} {fullname} This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version. This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details. You should have received a copy of the GNU General Public License along with this program; if not, write to the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA. Also add information on how to contact you by electronic and paper mail. If the program is interactive, make it output a short notice like this when it starts in an interactive mode: Gnomovision version 69, Copyright (C) year name of author Gnomovision comes with ABSOLUTELY NO WARRANTY; for details type `show w'. This is free software, and you are welcome to redistribute it under certain conditions; type `show c' for details. The hypothetical commands `show w' and `show c' should show the appropriate parts of the General Public License. Of course, the commands you use may be called something other than `show w' and `show c'; they could even be mouse-clicks or menu items--whatever suits your program. You should also get your employer (if you work as a programmer) or your school, if any, to sign a "copyright disclaimer" for the program, if necessary. Here is a sample; alter the names: Yoyodyne, Inc., hereby disclaims all copyright interest in the program `Gnomovision' (which makes passes at compilers) written by James Hacker. {signature of Ty Coon}, 1 April 1989 Ty Coon, President of Vice This General Public License does not permit incorporating your program into proprietary programs. If your program is a subroutine library, you may consider it more useful to permit linking proprietary applications with the library. If this is what you want to do, use the GNU Lesser General Public License instead of this License. comitup-main-1.42/MANIFEST.in000066400000000000000000000001661464634077100156170ustar00rootroot00000000000000include LICENSE include doc/*.ronn include cli/comitupcli.py include conf/comitup* include README.md include web/*.py comitup-main-1.42/README.md000066400000000000000000000054521464634077100153430ustar00rootroot00000000000000 Comitup ====== [![Build Status](https://github.com/davesteele/comitup/actions/workflows/testnox.yml/badge.svg?branch=master)](https://github.com/davesteele/comitup/actions) [Home Page](https://davesteele.github.io/comitup/) [Wiki](https://github.com/davesteele/comitup/wiki) Bootstrap Wifi using Wifi ------------------------- The __comitup__ service establishes wifi connectivity for a headless Linux system, using wifi as the only access mechanism to the system. If the computer cannot automatically connect to a local wifi access point, __comitup__ will create a custom hotspot, and establish a __comitup-web__ web service on that network. The web service can be used to remotely select and authenticate a visible wifi connection. The hotspot is named _comitup-<nnn>_, where _<nnn>_ is a persistent number. The website is accessible on that hotspot as _ht​tp://comitup-<nnn>.local_ from any device which supports [Bonjour/ZeroConf/Avahi][zeroconf]. For other devices, use a Zeroconf browser ([Android][], [Windows][]) to determine the IP address of the "Comitup Service", and browse to _http://<ipaddress>_. This address will be _http://10.41.0.1/_ The __comitup__ service implements a [captive portal](https://en.wikipedia.org/wiki/Captive_portal) while in HOTSPOT mode. On supported systems (IOS, Android, MacOS, Linux, or anything running Firefox), the connection web page will come up automatically when connecting to the access point. Comitup can remember multiple upstream connections, and will search among them in the connection attempt, making it easier to move your device to different locations. If two wifi interfaces are available, the first can persistently remain the hotspot, and the second can manage the external connection. When both are connected, forwarding and masquerading are enabled so that hotspot-connected devices can access external networks. On the Raspberry Pi, the comitup-web service, running in the hotspot mode, supports a "Locate" feature that blinks the green led on the front of the unit. [zeroconf]: https://en.wikipedia.org/wiki/Zero-configuration_networking [Android]: https://play.google.com/store/apps/details?id=com.melloware.zeroconf&hl=en [Windows]: http://hobbyistsoftware.com/bonjourbrowser The __comitup-cli__ utility is available to interact with _comitup_ from a local terminal session. __comitup__ requires NetworkManager and systemd. See the [Home Page](https://davesteele.github.io/comitup/) for installation information. Man pages --------- * [comitup.8](https://davesteele.github.io/comitup/man/comitup.pdf) * [comitup-conf.5](https://davesteele.github.io/comitup/man/comitup-conf.pdf) * [comitup-web.8](https://davesteele.github.io/comitup/man/comitup-web.pdf) * [comitup-cli.1](https://davesteele.github.io/comitup/man/comitup-cli.pdf) comitup-main-1.42/cli/000077500000000000000000000000001464634077100146255ustar00rootroot00000000000000comitup-main-1.42/cli/__init__.py000066400000000000000000000000001464634077100167240ustar00rootroot00000000000000comitup-main-1.42/cli/__main__.py000066400000000000000000000002571464634077100167230ustar00rootroot00000000000000# Copyright (c) 2022 David Steele # # SPDX-License-Identifier: GPL-2.0-or-later # License-Filename: LICENSE # from . import comitupcli comitupcli.main() comitup-main-1.42/cli/comitupcli.py000077500000000000000000000146551464634077100173650ustar00rootroot00000000000000#!/usr/bin/python3 # Copyright (c) 2017-2019 David Steele # # SPDX-License-Identifier: GPL-2.0-or-later # License-Filename: LICENSE # # Copyright 2016-2017 David Steele # This file is part of comitup # Available under the terms of the GNU General Public License version 2 # or later # import argparse import sys from pathlib import Path from re import MULTILINE, search, sub from subprocess import run from typing import List sys.path.append(".") sys.path.append("..") from collections import OrderedDict, namedtuple # noqa from getpass import getpass # noqa from comitup import client as ciu # noqa def do_reload(ciu_client, connection): pass def do_quit(ciu_client, connection): sys.exit(0) def do_delete(ciu_client, connection): ciu_client.ciu_delete(connection) def do_connect(ciu_client, ssid, password): ciu_client.ciu_connect(ssid, password) def do_info(ciu_client, connection): info = ciu_client.ciu_info(connection) print( "Host %s on comitup version %s" % (info["hostnames"], info["version"]) ) print("'%s' mode" % info["imode"]) state, _ = get_state(ciu_client) print("{} state".format(state)) def do_locate(ciu_client, connection): print("Attempting to blink the Pi front green led once") try: ciu.blink() except PermissionError: print("ERROR: Run as root") def set_conf(key, val): confpath = Path("/etc/comitup.conf") confdata = confpath.read_text() if search("^{}: .+$".format(key), confdata, flags=MULTILINE): confdata = sub( "^{}: .+$".format(key), "{}: {}".format(key, val), confdata, flags=MULTILINE, ) elif search("^# {}:.+$".format(key), confdata, flags=MULTILINE): confdata = sub( "^(# {}:.+)$".format(key), r"\1\n{}: {}".format(key, val), confdata, flags=MULTILINE, ) else: confdata += "{}: {}\n".format(key, val) confpath.write_text(confdata) def do_name(ciu_client, name): with open("/etc/hostname", "w", encoding="utf-8") as fp: fp.write(name) with open("/etc/hosts", "a", encoding="utf-8") as fp: fp.write("127.0.0.1\t{}\n".format(name)) run(["/usr/bin/hostname", name]) set_conf("ap_name", name) run(["/usr/bin/systemctl", "restart", "comitup"]) sys.exit(0) def do_nuke(ciu_client, connection): ciu_client.ciu_nuke() CmdState = namedtuple( "CmdState", "fn, desc, HOTSPOT, CONNECTING, CONNECTED, scriptable" ) commands = OrderedDict( [ ("r", CmdState(do_reload, "(r)eload", True, True, True, False)), ("i", CmdState(do_info, "(i)nfo", True, True, True, True)), ( "l", CmdState(do_locate, "(l)ocate the device", True, True, True, True), ), ( "n", CmdState( do_name, "re(n)ame the device (restarts the service)", True, True, True, True, ), ), ( "d", CmdState( do_delete, "(d)elete connection", False, True, True, True ), ), ( "", CmdState(do_connect, "connect to ", True, False, False, False), ), ( "m", CmdState( do_connect, "(m)anual connection", True, False, False, True ), ), ( "x", CmdState( do_nuke, "(x) Factory reset (no warning)", True, True, True, True, ), ), ("q", CmdState(do_quit, "(q)uit", True, True, True, False)), ] ) def int_value(s): try: return int(s) except (ValueError, TypeError): return None def get_state(ciu_client): state, connection = ciu_client.ciu_state() return state, connection def get_valid_cmds(state): cmds = [x for x in commands.keys() if commands[x].__getattribute__(state)] return cmds def print_cmd_prompts(state, connection, points): print("") print("State: %s" % state) print("Connection: %s" % connection) if state == "HOTSPOT": print("Points:") for point in enumerate(points, start=1): print(" %d: %s" % (point[0], point[1]["ssid"])) print("Available commands:") for cmd in get_valid_cmds(state): print(" %s" % commands[cmd].desc) def interpreter(): ciu_client = ciu.CiuClient() while True: state, connection = get_state(ciu_client) points = ciu_client.ciu_points() print_cmd_prompts(state, connection, points) cmd = input("command?: ") index = int_value(cmd) if index: password = "" if points[index - 1]["security"] == "encrypted": password = getpass("password: ") do_connect(ciu_client, points[index - 1]["ssid"], password) elif cmd == "m": ssid = input("ssid?: ") password = getpass("password (if required)?: ") do_connect(ciu_client, ssid, password) elif cmd == "n": name = input("new host name?: ") do_name(ciu_client, name) else: try: print() commands[cmd].fn(ciu_client, connection) except KeyError: print("\nInvalid command\n") def one_shot(cmdlist: List[str]): cmd = cmdlist[0] if cmd not in commands: print("Invalid command {}".format(cmd)) return if not commands[cmd].scriptable: print("Command is not scriptable") return ciu_client = ciu.CiuClient() state, connection = get_state(ciu_client) if cmd == "m": print("Attempting to connect to {}".format(cmdlist[1])) do_connect(ciu_client, *cmdlist[1:]) elif cmd == "n": do_name(ciu_client, *cmdlist[1:]) else: commands[cmd].fn(ciu_client, connection) def parse_args(): parser = argparse.ArgumentParser( description="A CLI front end for the Comitup service" ) parser.add_argument("command", nargs="*", help="a one-shot command") return parser.parse_args() def main(): args = parse_args() if args.command: one_shot(args.command) else: interpreter() if __name__ == "__main__": main() comitup-main-1.42/comitup/000077500000000000000000000000001464634077100155365ustar00rootroot00000000000000comitup-main-1.42/comitup/__init__.py000066400000000000000000000000001464634077100176350ustar00rootroot00000000000000comitup-main-1.42/comitup/__main__.py000066400000000000000000000002511464634077100176260ustar00rootroot00000000000000# Copyright (c) 2022 David Steele # # SPDX-License-Identifier: GPL-2.0-or-later # License-Filename: LICENSE # from . import comitup comitup.main() comitup-main-1.42/comitup/__version__.py000066400000000000000000000000251464634077100203660ustar00rootroot00000000000000__version__ = "1.42" comitup-main-1.42/comitup/blink.py000066400000000000000000000043141464634077100172110ustar00rootroot00000000000000# Copyright (c) 2022 David Steele # # SPDX-License-Identifier: GPL-2.0-or-later # License-Filename: LICENSE # """ blink.py Add support to blink the green led on a Raspberry pi one time, for a half sec. https://mlagerberg.gitbooks.io/raspberry-pi/content/5.2-leds.html """ import re import time from pathlib import Path from typing import List brightPaths: List[Path] = [ Path("/sys/class/leds/led0/brightness"), Path("/sys/class/leds/ACT/brightness"), ] triggerPaths: List[Path] = [ Path("/sys/class/leds/led0/trigger"), Path("/sys/class/leds/ACT/trigger"), ] modelPath: Path = Path("/sys/firmware/devicetree/base/model") def bright_path(): try: return [x for x in brightPaths if x.exists()][0] except IndexError: return None def trigger_path(): try: return [x for x in triggerPaths if x.exists()][0] except IndexError: return None def onval() -> str: """A "1" turns on the led.""" return "1" def offval() -> str: """Value to turn the led off.""" return "0" if onval() == "1" else "1" def can_blink() -> bool: """Is this a Pi with a blinkable green led?""" return bright_path() and trigger_path() def get_trigger() -> str: """Save the current led trigger, for later restoration.""" text: str = trigger_path().read_text() match = re.search(r"\[(.+)\]", text) mode: str if match: mode = match.group(1) else: mode = "none" return mode def set_trigger(trigger: str) -> None: """Set the green led trigger.""" trigger_path().write_text(trigger) def blink(times: int = 1) -> None: """Blink the green led once.""" if can_blink(): oldtrig = get_trigger() try: set_trigger("gpio") except OSError: set_trigger("input") bright_path().write_text(offval()) for _ in range(times): time.sleep(0.25) bright_path().write_text(onval()) time.sleep(0.5) bright_path().write_text(offval()) time.sleep(0.25) set_trigger(oldtrig) if __name__ == "__main__": print(can_blink()) if can_blink(): print(get_trigger()) blink(3) comitup-main-1.42/comitup/cdns.py000066400000000000000000000033601464634077100170410ustar00rootroot00000000000000# Copyright (c) 2019 David Steele # # SPDX-License-Identifier: GPL-2.0-or-later # License-Filename: LICENSE # import logging import os import signal import subprocess import time from pathlib import Path from comitup import modemgr log = logging.getLogger("comitup") hotspot_config: str = "/usr/share/comitup/dns/dns-hotspot.conf" connected_config: str = "/usr/share/comitup/dns/dns-connected.conf" pidpath: Path = Path("/var/run/comitup-dns") callmatrix = { ("HOTSPOT", "pass", "router"): (lambda: run_dns, lambda: hotspot_config), ("CONNECTING", "start", "router"): ( lambda: run_dns, lambda: connected_config, ), ("HOTSPOT", "pass", "single"): (lambda: run_dns, lambda: hotspot_config), ("CONNECTING", "start", "single"): (lambda: run_dns, lambda: ""), } def kill_dns(ppath: Path, sig: int) -> None: try: pid: int = int(pidpath.read_text().strip()) os.kill(pid, sig) os.waitpid(pid, 0) except ( ValueError, ProcessLookupError, FileNotFoundError, ChildProcessError, ): pass def run_dns(confpath: str) -> None: log.debug("Running dnsmasq using {}".format(confpath)) kill_dns(pidpath, signal.SIGTERM) if os.path.exists(confpath): dev = modemgr.get_ap_device().Interface cmd = "dnsmasq --conf-file={0} --interface={1}".format(confpath, dev) for _ in range(5): cp = subprocess.run(cmd.split()) if cp.returncode == 0: break time.sleep(0.1) def state_callback(state: str, action: str) -> None: try: (fn_fact, svc_fact) = callmatrix[(state, action, modemgr.get_mode())] except KeyError: return fn_fact()(svc_fact()) comitup-main-1.42/comitup/client.py000077500000000000000000000030401464634077100173660ustar00rootroot00000000000000#!/usr/bin/python3 # Copyright (c) 2017-2019 David Steele # # SPDX-License-Identifier: GPL-2.0-or-later # License-Filename: LICENSE # # Copyright 2016-2017 David Steele # This file is part of comitup # Available under the terms of the GNU General Public License version 2 # or later # import sys import dbus from comitup.blink import blink, can_blink # noqa class CiuClient(object): # Make the dbus functions late binding, to facilitate testing. # These are the methods supported, with the corresponding dbus # endpoint name. methods = { "ciu_info": "get_info", "ciu_state": "state", "ciu_points": "access_points", "ciu_connect": "connect", "ciu_delete": "delete_connection", "ciu_nuke": "nuke", } def __init__(self): self.service = None def __getattr__(self, name): if name not in self.methods: raise AttributeError("Attribute {} not found".format(name)) try: if not self.service: bus = dbus.SystemBus() self.service = bus.get_object( "com.github.davesteele.comitup", "/com/github/davesteele/comitup", ) func = self.service.get_dbus_method( self.methods[name], "com.github.davesteele.comitup" ) except dbus.exceptions.DBusException: sys.exit(1) # connect as an unbound function self.__setattr__(name, func) return func comitup-main-1.42/comitup/comitup.py000077500000000000000000000076471464634077100176110ustar00rootroot00000000000000#!/usr/bin/python3 # Copyright (c) 2017-2019 David Steele # # SPDX-License-Identifier: GPL-2.0-or-later # License-Filename: LICENSE import argparse import logging import os import signal import sys import types from logging.handlers import TimedRotatingFileHandler from typing import Optional from dbus.mainloop.glib import DBusGMainLoop DBusGMainLoop(set_as_default=True) from gi.repository.GLib import MainLoop # noqa from comitup import cdns # noqa from comitup import config # noqa from comitup import nftmgr # noqa from comitup import nuke # noqa from comitup import persist # noqa from comitup import statemgr # noqa from comitup import sysd # noqa from comitup import webmgr # noqa from comitup import wificheck # noqa LOG_PATH: str = "/var/log/comitup.log" log: Optional[logging.Logger] = None def deflog(verbose: int) -> logging.Logger: level = logging.INFO if verbose: level = logging.DEBUG log = logging.getLogger("comitup") log.setLevel(level) handler = TimedRotatingFileHandler( LOG_PATH, encoding="utf=8", when="W0", backupCount=8, ) fmtr = logging.Formatter( "%(asctime)s - %(name)s - %(levelname)s - %(message)s" ) handler.setFormatter(fmtr) log.addHandler(handler) return log def check_environment(log: logging.Logger) -> None: for service in ["systemd-resolved", "dnsmasq", "dhcpd", "dhcpcd"]: try: if sysd.sd_unit_jobs("{}.service".format(service)): for msg in [ "Warning: {} service is active.".format(service), "This may interfere with comitup providing " "networking services", ]: print(msg) log.warn(msg) except Exception: pass def parse_args() -> argparse.Namespace: parser = argparse.ArgumentParser(description="") parser.add_argument( "-c", "--check", action="store_true", help="Check the wifi devices and exit", ) parser.add_argument( "-i", "--info", action="store_true", help="Print info and exit", ) parser.add_argument( "-v", "--verbose", action="store_true", help="More verbose logging", ) args = parser.parse_args() return args def cleanup() -> None: # leave the network setup as it, but kill comitup-web webmgr.stop_service(webmgr.COMITUP_SERVICE) nuke.cleanup_nuke() if log: log.info("Stopping comitup") def handle_term(signum: int, handler: types.FrameType) -> None: cleanup() sys.exit(0) def main(): global log if os.geteuid() != 0: exit("Comitup requires root privileges") args = parse_args() (conf, data) = config.load_data() log = deflog(args.verbose or conf.getboolean("verbose")) log.info("Starting comitup") if args.info: for key, val in statemgr.get_info(conf, data).items(): print("{}: {}".format(key, val)) sys.exit(0) if args.check: if wificheck.run_checks(primary_dev=conf.primary_wifi_device): sys.exit(1) else: sys.exit(0) else: wificheck.run_checks( verbose=False, primary_dev=conf.primary_wifi_device, ) check_environment(log) webmgr.init_webmgr(conf.web_service) nftmgr.init_nftmgr() statemgr.init_state_mgr( conf, data, [ webmgr.state_callback, nftmgr.state_callback, cdns.state_callback, ], ) nuke.init_nuke() signal.signal(signal.SIGTERM, handle_term) loop = MainLoop() try: loop.run() except KeyboardInterrupt: pass except Exception: log.error("Terminal exception encountered") raise finally: cleanup() if __name__ == "__main__": main() comitup-main-1.42/comitup/config.py000066400000000000000000000054011464634077100173550ustar00rootroot00000000000000# Copyright (c) 2017-2021 David Steele # # SPDX-License-Identifier: GPL-2.0-or-later # License-Filename: LICENSE # # Copyright 2016-2017 David Steele # This file is part of comitup # Available under the terms of the GNU General Public License version 2 # or later # import configparser import io import os import random import shutil from typing import Optional, Tuple from comitup import persist PERSIST_PATH: str = "/var/lib/comitup/comitup.json" CONF_PATH: str = "/etc/comitup.conf" BOOT_CONF_PATH: str = "/boot/comitup.conf" SECTION: str = "DEFAULT" data_cache: Optional[Tuple["Config", persist.persist]] = None class MyConfigParser(configparser.ConfigParser): def getboolean(self, *args, **kwargs): mappings = {"y": True, "n": False} try: val = mappings[self.get(*args, **kwargs).lower()] except KeyError: val = super().getboolean(*args, **kwargs) return val class Config(object): def __init__(self, filename: str, section: str = SECTION, defaults={}): self._section: str = section self._config = MyConfigParser(defaults=defaults) try: with open(filename, "r") as fp: conf_str = "[%s]\n" % self._section + fp.read() conf_fp = io.StringIO(conf_str) self._config.read_file(conf_fp) except FileNotFoundError: pass def getboolean(self, tag: str) -> bool: return self._config.getboolean(SECTION, tag) def __getattr__(self, tag): try: return self._config.get(self._section, tag) except configparser.NoOptionError: raise AttributeError def load_data() -> Tuple[Config, persist.persist]: global data_cache if not data_cache: if os.path.isfile(BOOT_CONF_PATH): try: dest = shutil.copyfile(BOOT_CONF_PATH, CONF_PATH) print("Boot config file copied:", dest) os.remove(BOOT_CONF_PATH) except Exception: print("Error occurred while copying file.") conf = Config( CONF_PATH, defaults={ "ap_name": "comitup-", "ap_password": "", "web_service": "", "service_name": "comitup", "external_callback": "/usr/local/bin/comitup-callback", "verbose": "0", "enable_appliance_mode": "1", "primary_wifi_device": "", "enable_nuke": "0", "ipv6_link_local": 1, }, ) data = persist.persist( PERSIST_PATH, {"id": str(random.randrange(1000, 9999))}, ) data_cache = (conf, data) return data_cache comitup-main-1.42/comitup/iwscan.py000066400000000000000000000103201464634077100173700ustar00rootroot00000000000000#!/usr/bin/python3 # Copyright (c) 2017-2019 David Steele # # SPDX-License-Identifier: GPL-2.0-or-later # License-Filename: LICENSE import logging import re import struct import subprocess from multiprocessing import Process, Queue from typing import Dict, List, Optional log = logging.getLogger("comitup") # NetworkManager is doing a poor job of maintaining the AP scan list when # in AP mode. Use the 'iw' command to get the AP list. def docmd(cmd: str) -> str: cmd = "timeout 5 " + cmd try: out = subprocess.check_output( cmd.split(), encoding="utf-8", stderr=subprocess.PIPE ) except subprocess.CalledProcessError: out = "" return out def devlist() -> List[str]: """Get a list of supported devices from 'iw'""" log.debug("Getting device list from 'iw'") out = docmd("iw dev") devs = [x.split()[1] for x in out.split("\n") if "Interface" in x] return devs def blk2dict(blk: str) -> Dict[str, str]: """Convert a 'iw dev scan' block into a tagged dict""" lines = [x.strip().split(":") for x in blk.split("\n") if ":" in x] tups = [(x[0].strip(), x[1].strip()) for x in lines if len(x) > 1] return dict(tups) def dbm2pct(dbm: float) -> str: pct = (dbm + 100.0) * 2 pct = max(0, pct) pct = min(100, pct) return str(pct) def decode_x(s: str) -> str: """Take a unicode string of the form "b\xc3\xbct" and fix it""" s = re.sub("\x00", "", s, count=0, flags=re.I) s = re.sub("'", "\\'", s, count=0, flags=re.I) s = eval("'{}'".format(s)) outlist = [] for cp in s: num = ord(cp) if num < 255: outlist.append(struct.pack("B", num)) elif num < 65535: outlist.append(struct.pack(">H", num)) else: b = (num & 0xFF0000) >> 16 H = num & 0xFFFF outlist.append(struct.pack(">bH", b, H)) blist = b"".join(outlist) return blist.decode("utf-8") def devaps(dev: str, dump: str = "") -> List[Dict[str, str]]: """Get a list of Access Points (as dicts) for a device""" if not dump: log.debug("Getting AP list from 'iw' dev %s" % dev) dump = docmd("iw dev %s scan" % dev) aps = [] for blk in re.split("\nBSS ", dump[4:]): try: ap = blk2dict(blk) ap["power"] = dbm2pct(float(ap["signal"].split()[0])) if ap["SSID"] and ap["SSID"].count(r"\x00") == 0: ap["SSID"] = decode_x(ap["SSID"]) aps.append(ap) except KeyError: pass return aps def apgen(dev: str, q: Queue, dump: str = "") -> None: for ap in devaps(dev, dump): pt = {} pt["ssid"] = ap["SSID"] pt["strength"] = ap["power"] if "WPA" in ap or "RSN" in ap: pt["security"] = "encrypted" else: pt["security"] = "unencrypted" q.put(pt) q.put("DONE") def dedup_aplist(aplist: List[Dict[str, str]]) -> List[Dict[str, str]]: apdict = {x["ssid"]: x for x in aplist} return [apdict[x] for x in apdict] def candidates(device: Optional[str] = None) -> List[Dict[str, str]]: """Return a list of reachable Access Point SSIDs, sorted by power""" if device: dev_list = [device] else: dev_list = devlist() jobs = [] q: Queue = Queue() for dev in dev_list: p = Process(target=apgen, args=(dev, q)) p.start() jobs.append(p) clist = [] donecount = 0 while donecount < len(jobs): pt = q.get() if pt == "DONE": donecount += 1 else: clist.append(pt) for p in jobs: p.join() clist = dedup_aplist(clist) clist = sorted(clist, key=lambda x: -float(x["strength"])) return clist def ap_conn_count() -> int: count = 0 for dev in devlist(): log.debug("Getting iw station dump") out = docmd("iw dev %s station dump" % dev) count += len([x for x in out.split("\n") if "Station" in x]) return count if __name__ == "__main__": print(candidates()) print(ap_conn_count()) import sys for ap in devaps(sys.argv[1], sys.stdin.read()): print(ap["SSID"], ap["RSN"], ap["power"], "RSN" in ap) comitup-main-1.42/comitup/mdns.py000077500000000000000000000146331464634077100170630ustar00rootroot00000000000000#!/usr/bin/python3 # Copyright (c) 2017-2019 David Steele # # SPDX-License-Identifier: GPL-2.0-or-later # License-Filename: LICENSE # # Copyright 2016-2017 David Steele # This file is part of comitup # Available under the terms of the GNU General Public License version 2 # or later # import logging import socket import subprocess from typing import Dict, List, Optional import dbus import NetworkManager from comitup import config, nm log = logging.getLogger("comitup") # globals CLASS_IN = 0x01 TYPE_A = 0x01 TYPE_AAAA = 0x1C TTL = 5 DBUS_NAME = "org.freedesktop.Avahi" DBUS_PATH_SERVER = "/" DBUS_INTERFACE_SERVER = "org.freedesktop.Avahi.Server" DBUS_INTERFACE_ENTRY_GROUP = "org.freedesktop.Avahi.EntryGroup" PROTO_UNSPECIFIED = -1 PROTO_INET = 0 PROTO_INET6 = 1 group: Optional[dbus.Interface] = None # functions def establish_group() -> None: global group if not group: bus = dbus.SystemBus() server = dbus.Interface( bus.get_object(DBUS_NAME, DBUS_PATH_SERVER), DBUS_INTERFACE_SERVER ) group = dbus.Interface( bus.get_object(DBUS_NAME, server.EntryGroupNew()), DBUS_INTERFACE_ENTRY_GROUP, ) def encode_dns(name: str) -> bytes: components = [x for x in name.split(".") if len(x) > 0] fixed_name = ".".join(components) return fixed_name.encode("ascii") def make_a_record(host: str, devindex: int, addr: str) -> None: if group: group.AddRecord( devindex, PROTO_INET, dbus.UInt32(0), encode_dns(host), CLASS_IN, TYPE_A, TTL, socket.inet_aton(addr), ) def make_aaaa_record(host: str, devindex: int, addr: str) -> None: if group: group.AddRecord( devindex, PROTO_INET6, dbus.UInt32(0), encode_dns(host), CLASS_IN, TYPE_AAAA, TTL, socket.inet_pton(socket.AF_INET6, addr), ) def string_to_txt_array(strng: str) -> List[bytes]: if strng: return [dbus.Byte(x) for x in strng.encode()] else: return [] def string_array_to_txt_array(txt_array: List[str]) -> List[List[bytes]]: return [string_to_txt_array(x) for x in txt_array] def add_service( host: str, devindex: int, addr: Optional[str], addr6: Optional[str] ) -> None: name = host (conf, data) = config.load_data() if ".local" in name: name = name[: -len(".local")] if group: group.AddService( devindex, PROTO_UNSPECIFIED, dbus.UInt32(0), name, "_%s._tcp" % conf.service_name, "", host, dbus.UInt16(9), string_array_to_txt_array( [ "hostname=%s" % host, ( "ipaddr=%s" % addr if (addr and addr != "0.0.0.0") else "ipaddr=" ), "ip6addr=%s" % addr6 if addr6 else "ip6addr=", "comitup-home=https://davesteele.github.io/comitup/", ] ), ) # public functions def clear_entries(emphatic=False) -> None: global group if group and (not group.IsEmpty() or emphatic): group.Reset() if emphatic: group.Free() group = None establish_group() def get_interface_mapping() -> Dict[str, int]: mapping: Dict[str, int] = {} for line in subprocess.check_output(["ip", "addr"]).decode().split("\n"): try: asc_index, name = line.split(": ")[0:2] mapping[name] = int(asc_index) except ValueError: pass return mapping def add_hosts(hosts: List[str]) -> None: establish_group() int_mapping = get_interface_mapping() devices: Optional[List["NetworkManager.Device"]] = nm.get_devices() if devices is None: log.error("Null device list returned in add_hosts()") return if not devices: log.error("No devices found in add_hosts()") return entries: bool = False for device in devices: try: name = nm.device_name(device) addr = nm.get_active_ip(device) addr6 = nm.get_active_ip6(device) log.debug("add_hosts: {}, {}".format(name, addr)) if name in nm.get_phys_dev_names() and name in int_mapping: index = int_mapping[name] try: if addr and addr != "0.0.0.0": for host in hosts: log.debug( "Add A record {}-{}-{}".format( host, index, addr ) ) make_a_record(host, index, addr) entries = True if addr6: for host in hosts: log.debug( "Add AAAA record {}-{}-{}".format( host, index, addr6 ) ) make_aaaa_record(host, index, addr6) entries = True if addr6 or (addr and addr != "0.0.0.0"): log.debug( "Add service {}, {}, {}-{}".format( host, index, addr, addr6 ) ) add_service(hosts[0], index, addr, addr6) except Exception: log.error("Exception encountered adding avahi record") clear_entries(emphatic=True) entries = False except NetworkManager.ObjectVanished: pass if group and entries: group.Commit() def check_mdns(hosts: List[str]) -> None: reset = False log.debug("Checking mdns") try: socket.gethostbyname(hosts[0]) except socket.gaierror: reset = True if reset: log.error("Mdns check failed - resetting records and services.") clear_entries(emphatic=True) add_hosts(hosts) if __name__ == "__main__": add_hosts(["comitup-1111.local", "comitup.local"]) while True: pass comitup-main-1.42/comitup/modemgr.py000066400000000000000000000036241464634077100175470ustar00rootroot00000000000000#!/usr/bin/python3 # Copyright (c) 2017-2021 David Steele # # SPDX-License-Identifier: GPL-2.0-or-later # License-Filename: LICENSE # # Copyright 2017 David Steele # This file is part of comitup # Available under the terms of the GNU General Public License version 2 # or later # from typing import TYPE_CHECKING, Optional from comitup import config, nm if TYPE_CHECKING: import NetworkManager SINGLE_MODE: str = "single" MULTI_MODE: str = "router" CONF_PATH: str = "/etc/comitup.conf" ap_device: Optional["NetworkManager.Device"] = None link_device: Optional["NetworkManager.Device"] = None def get_conf() -> config.Config: (conf, _) = config.load_data() return conf def dual_enabled() -> bool: return get_conf().getboolean("enable_appliance_mode") def get_mode() -> str: if len(nm.get_wifi_devices()) > 1 and dual_enabled(): return MULTI_MODE else: return SINGLE_MODE def get_ap_device() -> "NetworkManager.Device": global ap_device if not ap_device: devs = nm.get_wifi_devices() spec = get_conf().primary_wifi_device if spec: for dev in devs: if dev.Interface == spec: ap_device = dev if not ap_device: ap_device = devs[0] if ap_device: return ap_device else: raise def get_link_device() -> "NetworkManager.Device": global link_device if not link_device: devs = nm.get_wifi_devices() link_device = get_ap_device() if dual_enabled(): for dev in devs: if dev.Interface != link_device.Interface: link_device = dev return link_device return link_device def get_state_device(state: str) -> "NetworkManager.Device": if state == "HOTSPOT": return get_ap_device() else: return get_link_device() comitup-main-1.42/comitup/nftmgr.py000066400000000000000000000067051464634077100174150ustar00rootroot00000000000000# Copyright (c) 2017-2019 David Steele # # SPDX-License-Identifier: GPL-2.0-or-later # License-Filename: LICENSE # # Copyright 2017 David Steele # This file is part of comitup # Available under the terms of the GNU General Public License version 2 # or later # import logging import subprocess from typing import List, Optional from comitup import modemgr, nm, routemgr log: logging.Logger = logging.getLogger("comitup") def start_hs_rules() -> None: # fmt: off start_cmds: List[str] = [ "nft add table ip filter", "nft 'add chain ip filter COMITUP-OUT {{ type filter hook output priority 100 ; }}'", "nft 'add rule ip filter COMITUP-OUT icmp type destination-unreachable counter drop' ", "nft 'add rule ip filter COMITUP-OUT icmp code port-unreachable counter drop' ", "nft 'add rule ip filter COMITUP-OUT counter return'", ] # fmt: on ap_dev = nm.device_name(modemgr.get_ap_device()) run_cmds(start_cmds, ap=ap_dev) def stop_hs_rules() -> None: # fmt: off end_cmds: List[str] = [ "nft flush chain ip filter COMITUP-OUT >/dev/null 2>&1", "nft delete chain ip filter COMITUP-OUT > /dev/null 2>&1", ] # fmt: on run_cmds(end_cmds) def start_router_rules() -> None: # fmt: off appliance_cmds: List[str] = [ "nft add table ip nat", "nft 'add chain nat COMITUP-FWD {{ type nat hook postrouting priority 100 ; }}'", "nft 'add rule ip nat COMITUP-FWD oifname {link} counter masquerade'", "nft 'add rule ip nat COMITUP-FWD counter return'", "echo 1 > /proc/sys/net/ipv4/ip_forward", ] # fmt: on link_dev = nm.device_name(modemgr.get_link_device()) run_cmds(appliance_cmds, link=link_dev) def stop_router_rules() -> None: # fmt: off appliance_clear: List[str] = [ "nft flush chain ip nat COMITUP-FWD > /dev/null 2>&1", "nft delete chain ip nat COMITUP-FWD > /dev/null 2>&1", ] # fmt: on run_cmds(appliance_clear) def run_cmds(cmds: List[str], **vars) -> None: linkdev = nm.device_name(modemgr.get_link_device()) vars["link"] = linkdev apdev = nm.device_name(modemgr.get_ap_device()) vars["ap"] = apdev for cmd in cmds: runcmd = cmd.format(**vars) log.debug(f'nftmgr - running "{runcmd}"') subprocess.call(runcmd, shell=True) def state_callback(state: str, action: str) -> None: if (state, action) == ("HOTSPOT", "start"): log.debug("nftmgr - Running nft commands for HOTSPOT") stop_hs_rules() start_hs_rules() if modemgr.get_mode() == modemgr.MULTI_MODE: stop_router_rules() log.debug("nftmgr - Done with nft commands for HOTSPOT") elif (state, action) == ("CONNECTED", "start"): log.debug("nftmgr - Running nft commands for CONNECTED") stop_hs_rules() if modemgr.get_mode() == modemgr.MULTI_MODE: stop_router_rules() start_router_rules() defaultdev: Optional[str] = routemgr.defroute_dev() apdev: str = modemgr.get_ap_device().Interface if defaultdev and defaultdev != apdev: run_cmds( [ f"nft 'insert rule ip nat COMITUP-FWD oifname \"{defaultdev}\" counter masquerade'" ], ) log.debug("nftmgr - Done with nft commands for CONNECTED") def init_nftmgr() -> None: pass comitup-main-1.42/comitup/nm.py000077500000000000000000000300121464634077100165210ustar00rootroot00000000000000#!/usr/bin/python3 # Copyright (c) 2017-2019 David Steele # # SPDX-License-Identifier: GPL-2.0-or-later # License-Filename: LICENSE # # Copyright 2016-2017 David Steele # This file is part of comitup # Available under the terms of the GNU General Public License version 2 # or later # import argparse import getpass import logging import pprint import sys import uuid from functools import wraps from typing import Any, Callable, Dict, List, Optional, TypeVar, cast import dbus import NetworkManager as nm device_list: Optional[List[nm.Device]] = None settings_cache: Dict[str, Any] = {} pp = pprint.PrettyPrinter(indent=4) log = logging.getLogger("comitup") def initialize() -> None: nm.Settings.ReloadConnections() A = TypeVar("A") R = TypeVar("R") # TODO - use ParamSpec["A"] once 3.10 become ubiquitous def none_on_exception( *exceptions, ) -> Callable[[Callable[[A], R]], Callable[[A], Optional[R]]]: def _none_on_exception(fp: Callable[..., R]) -> Callable[..., Optional[R]]: @wraps(fp) def wrapper(*args, **kwargs) -> Optional[R]: try: return fp(*args, **kwargs) except exceptions: log.debug("Got an exception, returning None, %s", fp.__name__) return None return wrapper return _none_on_exception def get_devices() -> Optional[List[nm.Device]]: global device_list if not device_list: try: device_list = nm.NetworkManager.GetDevices() except TypeError: # NetworkManager is gone for some reason. Bail big time. sys.exit(1) if not device_list: log.error("No devices found in nm.get_devices()") return device_list def device_name(device: nm.Device) -> str: return device.Interface def get_wifi_devices() -> List[nm.Wireless]: devices: Optional[List[nm.Device]] = get_devices() if devices is not None: devices_filt = [] for device in devices: try: if device.DeviceType == 2: devices_filt.append(device) except nm.ObjectVanished: pass return [cast(nm.Wireless, x) for x in devices_filt] else: log.error("No WiFi devices found in nm.get_wifi_devices()") return [] def get_phys_dev_names() -> List[str]: devices = get_devices() returnval = [] if devices is not None: for device in devices: try: if device.DeviceType in (1, 2): returnval.append(device_name(device)) except nm.ObjectVanished: pass return returnval @none_on_exception(IndexError) def get_wifi_device(index: int = 0) -> Optional[nm.Device]: return get_wifi_devices()[index] def get_device_path(device: nm.Device) -> dbus.ObjectPath: log.debug("Getting specific device for path") return device.SpecificDevice().object_path def disconnect(device: nm.Device) -> None: try: log.debug("Calling disconnect") device.Disconnect() except: # noqa log.debug("Error received in disconnect") def get_connection_settings(connection: nm.Connection) -> Dict[str, Any]: global settings_cache if connection.uuid not in settings_cache: log.debug("Not in cache") settings_cache[connection.uuid] = connection.GetSettings() return settings_cache[connection.uuid] def get_device_settings(device: nm.Device) -> Dict[str, Any]: try: connection = device.ActiveConnection except nm.ObjectVanished: sys.exit(1) return get_connection_settings(connection.Connection) @none_on_exception(AttributeError, nm.ObjectVanished) def get_active_ssid(device: nm.Device) -> Optional[str]: return get_device_settings(device)["802-11-wireless"]["ssid"] @none_on_exception(AttributeError, IndexError, nm.ObjectVanished) def get_active_ip(device: nm.Device) -> Optional[str]: addr: str = device.Ip4Address if addr == "0.0.0.0": addr = device.Ip4Config.Addresses[0][0] return addr @none_on_exception(AttributeError, IndexError, nm.ObjectVanished) def get_active_ip6(device: nm.Device) -> Optional[str]: addr6 = device.Ip6Config.Addresses[0][0] return addr6 def get_all_connections() -> List[nm.Connection]: return [x for x in nm.Settings.ListConnections()] def get_all_wifi_connection_ssids(): for conn in get_all_connections(): ssid = get_ssid_from_connection(conn) if ssid: yield ssid @none_on_exception(AttributeError, KeyError, nm.ObjectVanished) def get_ssid_from_connection(connection: nm.Connection) -> Optional[str]: settings = get_connection_settings(connection) return settings["802-11-wireless"]["ssid"] def get_connection_by_ssid(name: str) -> Optional[nm.Connection]: for connection in get_all_connections(): ssid = get_ssid_from_connection(connection) if name == ssid: return connection return None def del_connection_by_ssid(name: str) -> None: for connection in get_all_connections(): ssid = get_ssid_from_connection(connection) if name == ssid: connection.Delete() def activate_connection_by_ssid(ssid: str, device: nm.Device, path: str = "/"): connection = get_connection_by_ssid(ssid) if connection: log.debug(" {}".format(get_ssid_from_connection(connection))) log.debug(" {}".format(device_name(device))) opath = nm.NetworkManager.ActivateConnection(connection, device, path) log.debug("ActivateConnection returned {}".format(opath.object_path)) else: log.error("Connection for {} not found".format(ssid)) @none_on_exception(AttributeError) def get_access_points(device: nm.Device) -> Optional[List[nm.AccessPoint]]: return device.SpecificDevice().GetAllAccessPoints() def get_candidate_connections(device: nm.Device) -> List[str]: candidates = [] for conn in get_all_connections(): log.debug("Getting settings 2") settings = get_connection_settings(conn) ssid = get_ssid_from_connection(conn) try: if ( ssid and settings["connection"]["type"] == "802-11-wireless" and settings["802-11-wireless"]["mode"] == "infrastructure" ): candidates.append(ssid) except KeyError: log.debug("Unexpected connection format for %s" % ssid) log.debug("candidates: %s" % candidates) return candidates def make_hotspot(name="comitup", device=None, password="", hash="0000"): comitup_uuid = str(uuid.uuid4()) settings = { "connection": { "type": "802-11-wireless", "uuid": comitup_uuid, "id": "{0}-{1}".format(name, hash), "autoconnect": False, }, "802-11-wireless": { "mode": "ap", "ssid": name, "band": "bg", }, "ipv4": { "method": "manual", "address-data": [ { "address": "10.41.0.1", "prefix": 24, } ], }, "ipv6": { "method": "ignore", }, } if device: settings["connection"]["interface-name"] = device_name(device) if password and len(password) >= 8: settings["802-11-wireless-security"] = {} settings["802-11-wireless-security"]["key-mgmt"] = "wpa-psk" settings["802-11-wireless-security"]["psk"] = password nm.Settings.AddConnection(settings) def make_connection_for( ssid: str, password: Optional[str] = None, interface: Optional[str] = None, link_local: bool = True, ) -> None: settings = dbus.Dictionary( { "connection": dbus.Dictionary( { "id": ssid, "type": "802-11-wireless", "uuid": str(uuid.uuid4()), } ), "802-11-wireless": dbus.Dictionary( { "ssid": dbus.ByteArray(ssid.encode()), "mode": "infrastructure", } ), "ipv4": dbus.Dictionary( { # assume DHCP "method": "auto", } ), "ipv6": dbus.Dictionary( { "method": "link-local", } ), } ) if not link_local: settings["ipv6"]["method"] = "auto" if interface: settings["connection"]["interface-name"] = interface # assume privacy = WPA(2) psk if password: settings["802-11-wireless"]["security"] = "802-11-wireless-security" settings["802-11-wireless-security"] = dbus.Dictionary( { "auth-alg": "open", "key-mgmt": "wpa-psk", "psk": password, } ) nm.Settings.AddConnection(settings) # # CLI Interface # def do_listaccess(arg): """List all accessible access points""" rows = [] for point in get_access_points(get_wifi_devices()[-1]): row = ( point.Ssid, point.HwAddress, point.Flags, point.WpaFlags, point.RsnFlags, point.Strength, point.Frequency, ) rows.append(row) bypwr = sorted(rows, key=lambda x: -x[5]) hdrs = ("SSID", "MAC", "Private", "WPA", "RSN", "Power", "Frequency") try: import tabulate print(tabulate.tabulate(bypwr, headers=hdrs)) except: # noqa for entry in bypwr: print(entry) def do_listconnections(arg): """List all defined connections""" for connection in get_all_connections(): ssid = get_ssid_from_connection(connection) if ssid: print(ssid) def do_setconnection(ssid): """Connect to a connection""" activate_connection_by_ssid(ssid, get_wifi_device()) def do_getconnection(dummy): """Print the active connection ssid""" print(get_active_ssid(get_wifi_device())) def do_getip(dummy): """Print the current IP address""" print(get_active_ip(get_wifi_device())) def do_detailconnection(ssid): """Print details about a connection""" connection = get_connection_by_ssid(ssid) pp.pprint(connection.GetSettings()) pp.pprint(connection.GetSecrets()) def do_delconnection(ssid): """Delete a connection id'd by ssid""" del_connection_by_ssid(ssid) def do_makehotspot(dummy): """Create a hotspot connection for future use""" make_hotspot() def do_listcandidates(dummy): """List available connections for current access points""" for candidate in get_candidate_connections(get_wifi_device()): print(candidate) def do_makeconnection(ssid): """Create a connection for an access point, for future use""" password = getpass.getpass("password: ") make_connection_for(ssid, password) def get_command(cmd): cmd_name = "do_" + cmd try: return globals()[cmd_name] except KeyError: return None def parse_args(): prog = "comitup" epilog = "Commands:\n" for x in sorted([x for x in globals().keys() if x[0:3] == "do_"]): epilog += " %s - %s\n" % (x[3:], globals()[x].__doc__) parser = argparse.ArgumentParser( formatter_class=argparse.RawDescriptionHelpFormatter, prog=prog, description="Manage NetworkManager Wifi connections", epilog=epilog, ) parser.add_argument( "command", help="command", ) parser.add_argument( "arg", nargs="?", help="command argument", ) args = parser.parse_args() if get_command(args.command) is None: parser.error("Invalid command") return args def main(): try: initialize() except dbus.exceptions.DBusException: print("Must run as root") sys.exit(1) args = parse_args() fn = get_command(args.command) fn(args.arg) if __name__ == "__main__": main() comitup-main-1.42/comitup/nmmon.py000077500000000000000000000126211464634077100172410ustar00rootroot00000000000000#!/usr/bin/python3 # Copyright (c) 2017-2019 David Steele # # SPDX-License-Identifier: GPL-2.0-or-later # License-Filename: LICENSE # # Copyright 2016-2017 David Steele # This file is part of comitup # Available under the terms of the GNU General Public License version 2 # or later # import logging from functools import partial from typing import Callable, List, Optional import dbus import NetworkManager from dbus.mainloop.glib import DBusGMainLoop from gi.repository.GLib import MainLoop, timeout_add if __name__ == "__main__": DBusGMainLoop(set_as_default=True) if __name__ == "__main__": import os import sys fullpath = os.path.abspath(__file__) parentdir = "/".join(fullpath.split("/")[:-2]) sys.path.insert(0, parentdir) from comitup import modemgr # noqa from comitup import nm # noqa log: logging.Logger = logging.getLogger("comitup") bus: dbus.SystemBus = dbus.SystemBus() monitored_dev: Optional[NetworkManager.Device] = None ap_device: Optional[NetworkManager.Device] = None second_device_name: Optional[str] = None nm_dev_connect: Optional[Callable[[], None]] = None nm_dev_fail: Optional[Callable[[], None]] = None PASS_STATES: List[int] = [ # NetworkManager.NM_DEVICE_STATE_IP_CHECK, NetworkManager.NM_DEVICE_STATE_ACTIVATED ] BASE_FAIL_STATES: List[int] = [NetworkManager.NM_DEVICE_STATE_FAILED] ENHANCED_FAIL_STATES: List[int] = [NetworkManager.NM_DEVICE_STATE_DISCONNECTED] FAIL_STATES: List[int] = BASE_FAIL_STATES def base_fail_states() -> None: global FAIL_STATES FAIL_STATES = BASE_FAIL_STATES def enhance_fail_states() -> None: global FAIL_STATES FAIL_STATES = BASE_FAIL_STATES + ENHANCED_FAIL_STATES def disable() -> None: global monitored_dev, nm_dev_connect, nm_dev_fail monitored_dev = None nm_dev_connect = None nm_dev_fail = None def enable( dev: NetworkManager.Device, connect_fn: Callable[[], None], fail_fn: Callable[[], None], state_id: int, ) -> None: global monitored_dev, nm_dev_connect, nm_dev_fail base_fail_states() monitored_dev = None nm_dev_connect = partial(connect_fn, state_id) nm_dev_fail = partial(fail_fn, state_id) monitored_dev = dev def send_cb(cb: Callable[[], None], reason) -> None: def cb_to(cb, reason): cb(reason) return False timeout_add(0, cb_to, cb, reason) def ap_changed_state(state, oldstate, reason, *args) -> None: log.debug( "nmm - primary state {}, was {}, reason {}".format( state, oldstate, reason ) ) if state in PASS_STATES: log.debug("nmm - primary pass") if nm_dev_connect: send_cb(nm_dev_connect, reason) elif state in FAIL_STATES: log.debug("nmm - primary fail") if nm_dev_fail: send_cb(nm_dev_fail, reason) def second_changed_state(state, oldstate, reason, *args) -> None: log.debug( "nmm - secondary state {}, was {}, reason {}".format( state, oldstate, reason ) ) if state in PASS_STATES: log.debug("nmm - secondary pass") if nm_dev_connect: send_cb(nm_dev_connect, reason) elif state in FAIL_STATES: log.debug("nmm - secondary fail") if nm_dev_fail: send_cb(nm_dev_fail, reason) def any_changed_state(state: int, *args) -> None: from comitup import mdns from comitup.states import dns_names interesting_states = PASS_STATES + FAIL_STATES def reset_mdns(): mdns.clear_entries() mdns.add_hosts(dns_names) if state in interesting_states: timeout_add(0, reset_mdns) def set_device_listeners( ap_dev: NetworkManager.Device, second_dev: NetworkManager.Device, ) -> None: global ap_device, second_device_name if ap_device is None: log.debug("nmm - Setting primary listener for {}".format(ap_dev)) ap_device = ap_dev device_listener = bus.add_signal_receiver( ap_changed_state, signal_name="StateChanged", dbus_interface="org.freedesktop.NetworkManager.Device", path=nm.get_device_path(ap_dev), ) log.debug("Listener is {}".format(device_listener)) if ( second_device_name != second_dev.Interface and ap_dev.Interface != second_dev.Interface ): log.debug("nmm - Setting 2nd listener for {}".format(second_dev)) second_device_name = second_dev.Interface device_listener = bus.add_signal_receiver( second_changed_state, signal_name="StateChanged", dbus_interface="org.freedesktop.NetworkManager.Device", path=nm.get_device_path(second_dev), ) log.debug("Listener is {}".format(device_listener)) device_listener = bus.add_signal_receiver( any_changed_state, signal_name="StateChanged", dbus_interface="org.freedesktop.NetworkManager.Device", path=None, ) def init_nmmon() -> None: set_device_listeners(modemgr.get_ap_device(), modemgr.get_link_device()) def main(): handler = logging.StreamHandler(stream=None) log.addHandler(handler) log.setLevel(logging.DEBUG) log.info("starting") init_nmmon() def up(): print("wifi up") def down(): print("wifi down") enable(modemgr.get_ap_device(), up, down) loop = MainLoop() loop.run() if __name__ == "__main__": main() comitup-main-1.42/comitup/nuke.py000066400000000000000000000032431464634077100170540ustar00rootroot00000000000000# Copyright (c) 2022 David Steele # # SPDX-License-Identifier: GPL-2.0-or-later # License-Filename: LICENSE # import logging import os import signal import time from functools import wraps enabled = False try: import RPi.GPIO as GPIO enabled = True except ModuleNotFoundError: pass from comitup import blink # noqa from comitup import config # noqa from comitup import nm # noqa GPIO_INPUT = 21 log = logging.getLogger("comitup") def checkenabled(fn): @wraps(fn) def wrapper(*args, **kwargs): if not enabled: return (conf, _) = config.load_data() if not conf.getboolean("enable_nuke"): return return fn(*args, **kwargs) return wrapper @checkenabled def nuke(): for ssid in nm.get_all_wifi_connection_ssids(): nm.del_connection_by_ssid(ssid) os.kill(os.getpid(), signal.SIGTERM) def gpio_callback(dummy): log.debug("Nuke start event detected") process_low_event() def process_low_event(): total_time = 3 check_interval = 0.01 for _ in range(int(total_time / check_interval)): time.sleep(check_interval) if GPIO.input(GPIO_INPUT): return log.warning("Nuke function invoked") blink.blink(3) nuke() @checkenabled def init_nuke(): GPIO.setmode(GPIO.BCM) GPIO.setup(GPIO_INPUT, GPIO.IN, pull_up_down=GPIO.PUD_UP) GPIO.add_event_detect(GPIO_INPUT, GPIO.FALLING, gpio_callback, 10) # So maybe the pin is already shorted? process_low_event() @checkenabled def cleanup_nuke(): GPIO.remove_event_detect(GPIO_INPUT) GPIO.setup(GPIO_INPUT, GPIO.IN, pull_up_down=GPIO.PUD_OFF) comitup-main-1.42/comitup/persist.py000066400000000000000000000035001464634077100175770ustar00rootroot00000000000000# Copyright (c) 2017-2019 David Steele # # SPDX-License-Identifier: GPL-2.0-or-later # License-Filename: LICENSE # # Copyright 2016-2017 David Steele # This file is part of comitup # Available under the terms of the GNU General Public License version 2 # or later # import json import os from functools import wraps def persist_decorator(klass): """Add a save behavior to methods that update dict data""" for method in ["__setitem__", "__delitem__", "update", "setdefault"]: setattr(klass, method, klass._addsave(getattr(klass, method))) return klass @persist_decorator class persist(dict): """A JSON-file backed persistent dictionary""" def __init__(self, path, *args, **kwargs): """Initialize with backing file path, and optional dict defaults""" super(persist, self).__init__(*args, **kwargs) self._path = path if os.path.exists(self._path): self._load() self._save() def _save(self): with open(self._path, "w") as fp: json.dump(self, fp, indent=2) def _load(self): with open(self._path, "r") as fp: dct = json.load(fp) super().update(dct) def _addsave(fn): """Decorator to add save behavior to methods""" @wraps(fn) def wrapper(self, *args, **kwargs): retval = fn(self, *args, **kwargs) self._save() return retval return wrapper def __setattr__(self, name, value): if name in self.__dict__ or name.startswith("_"): self.__dict__[name] = value else: self.__setitem__(name, value) def __getattr__(self, name): if name in self.__dict__: return self.__dict__[name] else: return self.__getitem__(name) comitup-main-1.42/comitup/routemgr.py000077500000000000000000000012161464634077100177570ustar00rootroot00000000000000#!/usr/bin/python3 # Copyright (c) 2021 David Steele # # SPDX-License-Identifier: GPL-2.0-or-later # License-Filename: LICENSE import re import subprocess from typing import Optional def defroute_dev() -> Optional[str]: """Return the name of the interface holding the default route.""" cp = subprocess.run( "ip route".split(), stdout=subprocess.PIPE, encoding="utf-8" ) fstline = cp.stdout.split("\n")[0] match = re.search("^default.+dev ([^ ]+)", fstline) if match: return match.group(1) return None if __name__ == "__main__": print("Default route device is", defroute_dev()) comitup-main-1.42/comitup/statemgr.py000077500000000000000000000132061464634077100177430ustar00rootroot00000000000000#!/usr/bin/python3 # Copyright (c) 2017-2019 David Steele # # SPDX-License-Identifier: GPL-2.0-or-later # License-Filename: LICENSE # # Copyright 2016-2017 David Steele # This file is part of comitup # Available under the terms of the GNU General Public License version 2 # or later # import logging import os import re import socket import subprocess import sys from typing import TYPE_CHECKING, Callable, Dict, List, Optional import dbus import dbus.service from comitup import iwscan, nuke if TYPE_CHECKING: from comitup.config import Config from comitup.persist import persist sys.path.append("/usr/share/comitup") import time # noqa from dbus.mainloop.glib import DBusGMainLoop # noqa from gi.repository.GLib import MainLoop, timeout_add # noqa DBusGMainLoop(set_as_default=True) from comitup import modemgr # noqa from comitup import nm # noqa from comitup import states # noqa from comitup.__version__ import __version__ # noqa comitup_path: str = "/com/github/davesteele/comitup" comitup_int: str = "com.github.davesteele.comitup" log: logging.Logger = logging.getLogger("comitup") com_obj: Optional["Comitup"] = None conf: Optional["Config"] = None data: Optional["persist"] = None apcache: List[Dict[str, str]] = [] cachetime: float = 0 class Comitup(dbus.service.Object): def __init__(self): bus_name = dbus.service.BusName(comitup_int, bus=dbus.SystemBus()) dbus.service.Object.__init__(self, bus_name, comitup_path) @dbus.service.method(comitup_int, in_signature="", out_signature="aa{ss}") def access_points(self) -> List[Dict[str, str]]: global apcache, cachetime if time.time() - cachetime > 5: cachetime = time.time() # keep anyone else from processing aps = iwscan.candidates() aps = [x for x in aps if x["ssid"] != states.hotspot_name] apcache = aps # set a timeout, if we got something if len(apcache): cachetime = time.time() # cache time actually starts now else: cachetime = 0 return apcache @dbus.service.method(comitup_int, in_signature="", out_signature="ss") def state(self): return [states.com_state, states.connection] @dbus.service.method(comitup_int, in_signature="ss", out_signature="") def connect(self, ssid: str, password: str) -> None: def to_fn(ssid, password): if nm.get_connection_by_ssid(ssid): nm.del_connection_by_ssid(ssid) nm.make_connection_for( ssid, password, link_local=conf.getboolean("ipv6_link_local") ) states.set_state("CONNECTING", [ssid, ssid]) return False timeout_add(1, to_fn, ssid, password) @dbus.service.method(comitup_int, in_signature="", out_signature="") def delete_connection(self) -> None: def to_fn(): ssid = nm.get_active_ssid(modemgr.get_link_device()) nm.del_connection_by_ssid(ssid) states.set_state("HOTSPOT") return False timeout_add(1, to_fn) @dbus.service.method(comitup_int, in_signature="", out_signature="a{ss}") def get_info(self) -> Dict[str, str]: if not conf or not data: sys.exit(1) return get_info(conf, data) @dbus.service.method(comitup_int, in_signature="", out_signature="") def nuke(self) -> None: def do_nuke(): nuke.nuke() timeout_add(10, do_nuke) def get_info(conf: "Config", data: "persist") -> Dict[str, str]: if not conf or not data: sys.exit(1) info = { "version": __version__, "apname": expand_ap(conf.ap_name, data.id), "hostnames": ";".join(get_hosts(conf, data)), "imode": modemgr.get_mode(), } return info def expand_ap(ap_name: str, id: str) -> str: returnval = ap_name for num in range(5): returnval = re.sub("<{}>".format("n" * num), id[:num], returnval) returnval = re.sub("", socket.gethostname(), returnval) return returnval def get_hosts(conf: "Config", data: "persist") -> List[str]: return [ "{}.local".format(expand_ap(conf.ap_name, data.id)), ] def external_callback(state: str, action: str) -> None: if action != "start": return script: str = conf.external_callback # type: ignore if not os.path.isfile(script): return if not os.access(script, os.X_OK): log.error("Callback script %s is not executable" % script) return log.debug("Calling External callback") def demote(uid, gid): def dodemote(): os.setgroups([]) os.setgid(gid) os.setuid(uid) return dodemote stats = os.stat(script) with open(os.devnull, "w") as nul: subprocess.call( [script, state], stdout=nul, stderr=subprocess.STDOUT, preexec_fn=demote(stats.st_uid, stats.st_gid), ) def init_state_mgr( gconf: "Config", gdata: "persist", callbacks: List[Callable[[str, str], None]], ) -> None: global com_obj, conf, data conf, data = (gconf, gdata) states.init_states( get_hosts(conf, data), callbacks + [external_callback], conf.ap_password, ) com_obj = Comitup() def main(): handler = logging.StreamHandler(stream=None) log.addHandler(handler) log.setLevel(logging.DEBUG) log.info("starting") init_state_mgr("comitup.local", "comitup-1111.local") states.set_state("HOTSPOT", timeout=5) loop = MainLoop() loop.run() if __name__ == "__main__": main() comitup-main-1.42/comitup/states.py000066400000000000000000000260161464634077100174200ustar00rootroot00000000000000#!/usr/bin/python3 # Copyright (c) 2017-2019 David Steele # # SPDX-License-Identifier: GPL-2.0-or-later # License-Filename: LICENSE # # Copyright 2016-2017 David Steele # This file is part of comitup # Available under the terms of the GNU General Public License version 2 # or later # import hashlib import logging from functools import wraps from typing import Callable, List, Optional import dbus import NetworkManager from gi.repository.GLib import timeout_add from comitup import iwscan, mdns, modemgr, nm, nmmon, routemgr, wpa log = logging.getLogger("comitup") # constants DEFAULT_TIMEOUT = 180 # default time for state timeout functions FAIL_TIMEOUT = 360 # hotspot timeout after a connecting fail # Global state information dns_names: List[str] = [] com_state: Optional[str] = None conn_list: List[str] = [] connection: str = "" state_id: int = 0 startup: bool = False state_callbacks: List[Callable[[str, str], None]] = [] hotspot_name: str = "" def state_callback(fn: Callable[[int], None]) -> Callable[[int], None]: @wraps(fn) def wrapper(reason: int) -> None: state: str action: str state, action = fn.__name__.split("_") log.debug("State call - {}-{}".format(state, action)) state = state.upper() fn(reason) call_callbacks(state, action) return wrapper def call_callbacks(state: str, action: str) -> None: if state not in ["HOTSPOT", "CONNECTING", "CONNECTED"]: log.debug("Illegal state {}".format(state)) if action not in ["start", "pass", "fail", "timeout"]: log.debug("Illegal action {}".format(action)) log.debug("Calling callbacks for {}:{}".format(state, action)) for callback in state_callbacks: callback(state, action) log.debug("Callbacks complete") def timeout(fn: Callable[[int], None]) -> Callable[[int, int], bool]: @wraps(fn) def wrapper(id: int, reason: int) -> bool: if id == state_id: fn(reason) return True else: return False return wrapper def dns_to_conn(host: str) -> str: if ".local" in host: return host[: -len(".local")] else: return host # # Hotspot state # def fake_hs_pass(sid: int) -> bool: hotspot_pass(sid, 0) return False @state_callback def hotspot_start(dummy: int) -> None: global conn_list log.info("Activating hotspot") if startup: mdns.clear_entries() mdns.add_hosts(dns_names) hs_ssid: str = dns_to_conn(dns_names[0]) if startup and modemgr.get_mode() == modemgr.SINGLE_MODE: log.debug("Passing on hotspot connection for now") timeout_add(100, fake_hs_pass, state_id) elif hs_ssid != nm.get_active_ssid(modemgr.get_state_device("HOTSPOT")): conn_list = [] log.debug("Activating connection {}".format(hs_ssid)) activate_connection(hs_ssid, "HOTSPOT") else: log.debug("Didn't need to reactivate - already running") # the connect callback won't happen - let's 'pass' manually timeout_add(100, fake_hs_pass, state_id) @timeout @state_callback def hotspot_pass(reason: int) -> None: global startup dev: NetworkManager.Device = modemgr.get_state_device("CONNECTED") conn_list = candidate_connections(dev) active_ssid = nm.get_active_ssid(modemgr.get_state_device("CONNECTED")) if startup or active_ssid in conn_list: set_state("CONNECTING", conn_list) startup = False @timeout @state_callback def hotspot_fail(reason: int) -> None: log.warning("Hotspot mode failure") set_state("HOTSPOT", force=True) @timeout def hotspot_timeout(dummy: int) -> None: if iwscan.ap_conn_count() == 0 or modemgr.get_mode() != "single": log.debug("Periodic connection attempt") dev = modemgr.get_state_device("CONNECTED") conn_list: List[str] = candidate_connections(dev) if conn_list: set_state("CONNECTING", conn_list) else: log.info("No candidates - skipping CONNECTING scan") else: log.info("AP active - skipping CONNECTING scan") wpa.check_wpa(modemgr.get_ap_device().Interface) # # Connecting state # def fake_cg_pass(sid: int) -> bool: connecting_pass(sid, 0) return False @state_callback def connecting_start(dummy: int) -> None: global conn_list, connection dev = modemgr.get_state_device("CONNECTED") full_conn_list = candidate_connections(dev) active_ssid = nm.get_active_ssid(modemgr.get_state_device("CONNECTED")) if active_ssid in full_conn_list: log.debug("Didn't need to connect - already connected") connection = active_ssid # the connect callback won't happen - let's 'pass' manually timeout_add(100, fake_cg_pass, state_id) else: if conn_list: log.debug("states: Calling nm.disconnect()") nm.disconnect(modemgr.get_state_device("CONNECTING")) conn = conn_list.pop(0) log.info("Attempting connection to %s" % conn) try: activate_connection(conn, "CONNECTING") except dbus.exceptions.DBusException: msg = "DBUS failure connecting to {} - skipping".format(conn) log.warning(msg) connecting_fail(state_id, 0) else: set_state("HOTSPOT") @timeout @state_callback def connecting_pass(reason: int) -> None: log.debug("Connection successful") set_state("CONNECTED") @timeout @state_callback def connecting_fail(reason: int) -> None: global conn_list log.debug("Connection failed - reason {}".format(reason)) badreasons: List[int] = [ # NetworkManager.NM_DEVICE_STATE_REASON_NO_SECRETS, # Disable delete ] if reason in badreasons: log.error("Connection {} config failure - DELETING".format(connection)) nm.del_connection_by_ssid(connection) if conn_list: set_state("CONNECTING", force=True) else: set_state("HOTSPOT", timeout=FAIL_TIMEOUT) @timeout def connecting_timeout(dummy: int) -> None: connecting_fail(state_id, 0) # # Connect state # def fake_cn_pass(sid: int) -> bool: connected_pass(sid, 0) return False @state_callback def connected_start(dummy: int) -> None: global conn_list conn_list = [] # Connected mode always passes timeout_add(100, fake_cn_pass, state_id) @timeout @state_callback def connected_pass(reason: int) -> None: pass @timeout @state_callback def connected_fail(reason: int) -> None: global startup log.warning("Connection lost") active_ssid: Optional[str] active_ssid = nm.get_active_ssid(modemgr.get_state_device("HOTSPOT")) if modemgr.get_mode() == modemgr.MULTI_MODE and not active_ssid: log.warning("Hotspot lost while CONNECTED") set_state("HOTSPOT") else: startup = True set_state("HOTSPOT") @timeout def connected_timeout(dummy: int) -> None: active_ssid: Optional[str] active_ssid = nm.get_active_ssid(modemgr.get_state_device("CONNECTED")) log.debug( "connected_timeout comparing {} to {}".format(connection, active_ssid) ) if connection != active_ssid: log.warning("Connection lost on timeout") dev = modemgr.get_state_device("CONNECTED") set_state("CONNECTING", candidate_connections(dev)) if modemgr.get_mode() == modemgr.MULTI_MODE: wpa.check_wpa(modemgr.get_ap_device().Interface) active_ssid = nm.get_active_ssid(modemgr.get_state_device("HOTSPOT")) if not active_ssid: log.warning("Hotspot lost on timeout") set_state("HOTSPOT") defroute_devname: Optional[str] = routemgr.defroute_dev() ap_dev: NetworkManager.Device = modemgr.get_ap_device() link_dev: NetworkManager.Device = modemgr.get_link_device() if defroute_devname == nm.device_name(ap_dev): # default route is bad. Disconnect link and count on state # processing to restore log.error("AP is holding default route while CONNECTED, kicking") nm.disconnect(link_dev) # Leave this out for now. Disabling dhcpcd may have fixed the instability # problem. # mdns.check_mdns(dns_names) # # State Management # class state_matrix(object): """Map e.g. state_matrix('HOTSPOT').pass_fn to the function hotspot_pass""" def __init__(self, state: str): self.state: str = state.lower() def __getattr__(self, attr): try: fname: str = self.state + "_" + attr[:-3] return globals()[fname] except KeyError: print(attr) raise AttributeError def set_state( state: str, connections: List[str] = [], timeout: int = DEFAULT_TIMEOUT, force: bool = False, ) -> None: timeout_add(0, set_state_to, state, connections, timeout, force, state_id) def set_state_to( state: str, connections: List[str], timeout: int, force: bool, curr_state_id: int, ): global com_state, conn_list, state_id if state == com_state and not force: return False if curr_state_id < state_id: return False log.info("Setting state to %s" % state) state_info: state_matrix = state_matrix(state) nmmon.init_nmmon() state_id += 1 nmmon.enable( modemgr.get_state_device(state), state_info.pass_fn, state_info.fail_fn, state_id, ) if state in ["CONNECTED", "HOTSPOT"]: nmmon.enhance_fail_states() if connections: conn_list = connections com_state = state timeout_add(timeout * 1000, state_info.timeout_fn, state_id, 0) state_info.start_fn(0) return False def activate_connection(name: str, state: str) -> None: global connection connection = name log.debug("Connecting to %s" % connection) path = "/" nm.activate_connection_by_ssid( connection, modemgr.get_state_device(state), path=path ) def candidate_connections(device: NetworkManager.Device) -> List[str]: return nm.get_candidate_connections(device) def set_hosts(*args): global dns_names dns_names = args def hash_conf() -> str: m = hashlib.sha256() with open("/etc/comitup.conf", "rb") as fp: m.update(fp.read()) return m.hexdigest()[-4:] def assure_hotspot( ssid: str, device: NetworkManager.Device, password: str ) -> None: nm.del_connection_by_ssid(ssid) if not nm.get_connection_by_ssid(ssid): nm.make_hotspot(ssid, device, password) def init_states( hosts: List[str], callbacks: List[Callable[[str, str], None]], hotspot_pw: str, ) -> None: global hotspot_name, conn_list, connection, startup nmmon.init_nmmon() set_hosts(*hosts) for callback in callbacks: add_state_callback(callback) hotspot_name = dns_to_conn(hosts[0]) assure_hotspot(hotspot_name, modemgr.get_ap_device(), hotspot_pw) startup = True set_state("HOTSPOT") def add_state_callback(callback: Callable[[str, str], None]) -> None: global state_callbacks state_callbacks.append(callback) comitup-main-1.42/comitup/sysd.py000066400000000000000000000017051464634077100170750ustar00rootroot00000000000000# Copyright (c) 2019 David Steele # # SPDX-License-Identifier: GPL-2.0-or-later # License-Filename: LICENSE # # Copyright 2016-2017 David Steele # This file is part of comitup # Available under the terms of the GNU General Public License version 2 # or later # import dbus bus = dbus.SystemBus() systemd_service = bus.get_object( "org.freedesktop.systemd1", "/org/freedesktop/systemd1", ) sd_start_unit = systemd_service.get_dbus_method( "StartUnit", "org.freedesktop.systemd1.Manager", ) sd_stop_unit = systemd_service.get_dbus_method( "StopUnit", "org.freedesktop.systemd1.Manager", ) sd_unit_state = systemd_service.get_dbus_method( "GetUnitFileState", "org.freedesktop.systemd1.Manager", ) sd_unit_jobs = systemd_service.get_dbus_method( "GetUnitProcesses", "org.freedesktop.systemd1.Manager", ) if __name__ == "__main__": print(sd_unit_state("NetworkManager.service")) comitup-main-1.42/comitup/webmgr.py000066400000000000000000000026531464634077100174010ustar00rootroot00000000000000# Copyright (c) 2017-2019 David Steele # # SPDX-License-Identifier: GPL-2.0-or-later # License-Filename: LICENSE # # Copyright 2016-2017 David Steele # This file is part of comitup # Available under the terms of the GNU General Public License version 2 # or later # import logging from .sysd import sd_start_unit, sd_stop_unit log: logging.Logger = logging.getLogger("comitup") COMITUP_SERVICE: str = "comitup-web.service" web_service: str = "" def start_service(service: str) -> None: log.debug("starting %s web service", service) sd_start_unit(service, "replace") def stop_service(service: str) -> None: log.debug("stopping %s web service", service) sd_stop_unit(service, "replace") callmatrix = { ("HOTSPOT", "start"): (lambda: stop_service, lambda: web_service), ("HOTSPOT", "pass"): (lambda: start_service, lambda: COMITUP_SERVICE), ("CONNECTING", "start"): (lambda: stop_service, lambda: COMITUP_SERVICE), ("CONNECTED", "start"): (lambda: start_service, lambda: web_service), } def state_callback(state: str, action: str) -> None: try: (fn_fact, svc_fact) = callmatrix[(state, action)] except KeyError: return if svc_fact(): fn_fact()(svc_fact()) def init_webmgr(web_svc: str) -> None: global web_service stop_service(COMITUP_SERVICE) web_service = web_svc log.debug("web service is %s" % web_service) comitup-main-1.42/comitup/wificheck.py000077500000000000000000000102551464634077100200520ustar00rootroot00000000000000#!/usr/bin/python3 # Copyright (c) 2017-2019 David Steele # # SPDX-License-Identifier: GPL-2.0-or-later # License-Filename: LICENSE import logging import os import re import subprocess import textwrap from collections import namedtuple from typing import List, Optional, Tuple log = logging.getLogger("comitup") class DevInfo(object): def __init__(self, primary_dev: str = ""): self.dev_list: List[Tuple[str, str]] = [] for dev in os.listdir("/sys/class/net"): try: path = "/sys/class/net/{}/phy80211/name".format(dev) with open(path, "r") as fp: phy = fp.read().strip() if dev == primary_dev: self.dev_list.insert(0, (dev, phy)) else: self.dev_list.append((dev, phy)) except (NotADirectoryError, FileNotFoundError): pass def get_devs(self) -> List[str]: return [x[0] for x in self.dev_list] def get_phy(self, dev: str) -> str: return [x[1] for x in self.dev_list if x[0] == dev][0] dev_info: DevInfo = DevInfo() def device_present() -> Optional[str]: if dev_info.get_devs(): return None else: # Fail without comment return "" def device_supports_ap() -> Optional[str]: dev: str for dev in dev_info.get_devs(): phy: str = dev_info.get_phy(dev) try: cmd: str = "iw phy {} info".format(phy) deviceinfo: str = subprocess.check_output(cmd.split()).decode() except subprocess.CalledProcessError: return "" if "* AP\n" in deviceinfo: return None return "" def device_nm_managed() -> Optional[str]: try: cmd: str = "nmcli device show" try: devsinfo: str = subprocess.check_output( cmd.split(), re.MULTILINE ).decode() except UnicodeDecodeError: # shouldn't happen, but it does. Move on return None for dev in dev_info.get_devs(): if dev not in devsinfo: # Fail without comment return "" except subprocess.CalledProcessError: pass return None testspec = namedtuple("testspec", ["testfn", "title", "description"]) testspecs = [ testspec( device_present, "comitup-no-wifi - No wifi devices found", textwrap.dedent( """ Comitup is a wifi device manager. 'sudo iw list' indicates that there are no devices to manage. """ ), ), testspec( device_supports_ap, "comitup-no-ap - The Main wifi device doesn't support AP mode", textwrap.dedent( """ Comitup uses the first wifi device to implement the comitup- Access Point. For this to work, the device must include "AP" in list of "Supported interface modes" returned by "iw list". """ ), ), testspec( device_nm_managed, "comitup-no-nm - Wifi device is not managed by NetworkManager", textwrap.dedent( """ Comitup uses NetworkManager to manage the wifi devices, but the required devices are not listed. This usually means that the devices are listed in /etc/network/interfaces, and are therefore being managed elsewhere. Remove the references to wifi devices from that file. """ ), ), ] def run_checks(logit=True, printit=True, verbose=True, primary_dev="") -> bool: global dev_info dev_info = DevInfo(primary_dev) for testspec in testspecs: testresult = testspec.testfn() if testresult is not None: if logit: log.error(testspec.title) if testresult: log.error(" " + testresult) if printit: print(testspec.title) if testresult: print(" " + testresult) if verbose: print(testspec.description) return True return False if __name__ == "__main__": run_checks(logit=False) comitup-main-1.42/comitup/wpa.py000066400000000000000000000022021464634077100166730ustar00rootroot00000000000000#!/usr/bin/python3 # Copyright (c) 2019 David Steele # # SPDX-License-Identifier: GPL-2.0-or-later # License-Filename: LICENSE import logging import subprocess import time log = logging.getLogger("comitup") # The AP hotspot is eventually failing. Restarting wpa_supplicant recovers it. # I haven't found a way to detect that the wpa_supplicant is not working # properly without involving the outside world. # # The minimal workaround fix is to call disconnect, then reconnect from # wpa_cli. last_kick_time: float = 0 kick_period_secs: int = 5 * 60 def needs_kick(devstring: str) -> bool: return (time.time() - kick_period_secs) > last_kick_time def kick_wpa(devstring: str) -> None: global last_kick_time log.debug("Kicking wpa on {}".format(devstring)) for wpa_cmd in ("disconnect", "reconnect"): shell_cmd = "/sbin/wpa_cli -i {0} {1} > /dev/null 2>&1".format( devstring, wpa_cmd ) subprocess.run(shell_cmd.split(), capture_output=True) last_kick_time = time.time() def check_wpa(devstring: str) -> None: if needs_kick(devstring): kick_wpa(devstring) comitup-main-1.42/conf/000077500000000000000000000000001464634077100150035ustar00rootroot00000000000000comitup-main-1.42/conf/comitup-dbus.conf000066400000000000000000000006641464634077100202730ustar00rootroot00000000000000 comitup-main-1.42/conf/comitup.conf000066400000000000000000000061171464634077100173370ustar00rootroot00000000000000# # Comitup configuration # # ap_name # # This defines the name used for the AP hotspot, and for the ZeroConf # host name. The "" string, if present, will be replaced with an # instance-unique, persistent number of the same length. There may be # up to four "n's" in the string. Similarly, the string "" # is replaced with the system hostname. # # For ZeroConf Service discovery to work properly, this should resolve to an # ASCII string with no spaces or special characters. # # ap_name: comitup- # ap_password # # If an ap_password is defined, then the AP hotspot is configured with # "infrastructure WPA-psk" authentication, requiring this password # to connect. The password must be between 8 and 63 characters. You # should reboot after changing this value. # # ap_password: supersecretpassword # web_service # # The name of a systemd service to be disabled when comitup is managing a # hotspot, and enabled when there is a normal wifi connection. # # Note that the service supplied here should be disabled in systemctl # (e.g. "systemctl disable apache2.service") so that it is managed solely # by comitup. # # web_service: httpd.service # service_name # # The mdns service name to advertise as. Will be merged with "._tcp" to create the # full string. (e.g. "_comitup._tcp") # # service_name: comitup # enable_appliance_mode # # If enabled (true), and if two wifi adapters are available, comitup will # maintain the comitup- hotspot on the first, and make other AP # connections on the second. IP forwarding and NAT are enabled, so that # hosts on the comitup hotspot will be able to access external networks. # # enable_appliance_mode: true # external_callback # # An external script that is called on comitup state changes. It will # include a single argument, either 'HOTSPOT', 'CONNECTING', or # 'CONNECTED'. # # The script must be executable. It will be run with the permissions of the # owning user. # # external_callback: /usr/local/bin/comitup-callback # primary_wifi_device # # By default, the first wifi device returned by NetworkManager is used as # the primary wifi device. This allows you to override this choice. # The primary device is used to spawn the access point. # # primary_wifi_device: wlan0 # verbose # # Enable verbose logging in /var/log/comitup.log. # # verbose: 0 # enable_nuke # # If true, Comitup will monitor, on a Raspberry Pi, for a short between pins 39 # and 40. If the short is maintained for 3 seconds, the device will delete all # defined WiFi connections, flash the board LED 3 times, and restart Comitup. # # enable_nuke: 0 # ipv6_link_local # # Typically, IPv4 addresses assigned by ISPs involve Network Address # Translation. This offers some protection to devices, since such addresses are # not routable from the Internet by default. This is not the case for IPv6. In # this case, extra steps often need to be taken to protect the device. This # option can force Comitup to configure IPv6 on upstream WiFi connections to be # configured only with link-local IPv6 addresses, making them inaccessible from # the Internet for that protocol. # # ipv6_link_local: 1 comitup-main-1.42/conf/comitup.json000066400000000000000000000000031464634077100173470ustar00rootroot00000000000000{} comitup-main-1.42/conf/dns-connected.conf000066400000000000000000000002731464634077100204000ustar00rootroot00000000000000no-dhcp-interface=eth0 dhcp-range=10.41.0.100,10.41.0.150,10m bogus-priv domain-needed dhcp-option=6,10.41.0.1 dhcp-leasefile=/var/lib/comitup/dhcpleaseinfo pid-file=/var/run/comitup-dns comitup-main-1.42/conf/dns-hotspot.conf000066400000000000000000000003751464634077100201410ustar00rootroot00000000000000address=/#/10.41.0.1 auth-ttl=0 no-dhcp-interface=eth0 dhcp-option=160,http://10.41.0.1/ dhcp-option=6,10.41.0.1 dhcp-range=10.41.0.100,10.41.0.150,10m bogus-priv domain-needed dhcp-leasefile=/var/lib/comitup/dhcpleaseinfo pid-file=/var/run/comitup-dns comitup-main-1.42/devtest.py000077500000000000000000000040551464634077100161150ustar00rootroot00000000000000#!/usr/bin/python3 # # Copyright (c) 2022 David Steele # # SPDX-License-Identifier: GPL-2.0-or-later # License-Filename: LICENSE # """ devtest.py This creates a virtual environment, and runs a number of test environments against the comitup code. The venv is persistent, and the tests run in parallel, so this is much quicker than tox or nox. """ import subprocess import sys import venv from concurrent.futures import ThreadPoolExecutor from pathlib import Path from typing import List envpath: Path = Path(__file__).resolve().parent / ".devenv" pythonpath: str = str(envpath / "bin" / "python") pkgs: List[str] = [ "pytest", "mypy", "flake8", "black", "isort", "cachetools", "flask", "types-tabulate", "types-pkg_resources", "types-Flask", "types-cachetools", ] targets: str = "comitup web cli test devtest.py setup.py" def mkcmd(cmd: str) -> List[str]: return [str(pythonpath), "-m"] + cmd.split() def run(cmd: str) -> subprocess.CompletedProcess: cp = subprocess.run( mkcmd(cmd), stdout=subprocess.PIPE, stderr=subprocess.STDOUT ) return cp print("# Tests starting") if not envpath.exists(): print("# Creating virtual environment") virtenv = venv.EnvBuilder( system_site_packages=True, symlinks=True, with_pip=True ) virtenv.create(str(envpath)) print("# Installing packages") run("pip install " + " ".join(pkgs)) tests: List[str] = [ "black --check {}".format(targets), "isort --check {}".format(targets), "mypy {}".format(targets), "flake8 {}".format(targets), "pytest", ] executor = ThreadPoolExecutor(max_workers=5) fail = False for result in executor.map(lambda x: run(x), tests): print("#####################################") print("# Running {}".format(" ".join(result.args))) print(result.stdout.decode()) print("#####################################") print() if result.returncode: fail = True if fail: print("# ERROR(S) ENCOUNTERED") sys.exit(1) print("# Tests complete") comitup-main-1.42/doc/000077500000000000000000000000001464634077100146235ustar00rootroot00000000000000comitup-main-1.42/doc/comitup-cli.1.md000066400000000000000000000070661464634077100175420ustar00rootroot00000000000000% comitup-cli(1) % % Aug 2021 # NAME comitup-cli -- command-line interface for comitup network management ## SYNOPSIS $ `comitup-cli [cmd ...]` State: HOTSPOT Connection: hotspot-123 Points: 1: MyAccessPoint 2: HisAccessPoint Available Commands: (r)eload (q)uit connect to () [l]ocate the device [x] Factory reset (no warning) command?: ## DESCRIPTION The **comitup-cli** utility provides access to the comitup(8) D-Bus interface. It is intended to serve as a debug tool, and a source code example for connecting to the interface. If an argument is provided, a one-shot command is attempted. Oherwise, the program goes into an interpretive mode. If the comitup(8) service is not running, **comitup-cli** will immediately exit. ## Command-Mode Display: * **State** The **comitup** states are **HOTSPOT**, **CONNECTING**, and **CONNECTED**. In the **HOTSPOT** mode, **comitup** creates a wifi hotspot with the name **comitup-<nnn>**, where <nnn> is a persistent number. Once in **HOTSPOT** mode, the system will occasionally (~3 min) cycle through available defined connections, by transitioning to the **CONNECTING** mode. The Access Point list is updated by this process. Any command issued by **comitup-cli** will cause the next timeout instance to be skipped. If any other devices are connected to the Comitup hotspot, the periodic attempt is skipped, to avoid interrupting service to those devices. Once a connection is established, the system will be in the **CONNECTED** mode. If the connection is lost, failed, or deleted, the system will transition back to the **HOTSPOT** state. * **Connection** The `ssid` of the current active connection. * **Points** While in the **HOTSPOT** mode, **comitup-cli** will list the currently-visible access points, by `ssid`. Access points with the strongest signal are sorted to the top of the list. The entries are numbered, for use with the __connect__ command. ## Commands * __r__ - **Reload** Refresh the displayed state, mode, and list of access points. * __q__ - **Quit** Exit **comitup.cli**. * __d__ - **Delete connection** Delete the configuration information for the current wifi connection. This will cause **comitup** to transition to the **HOTSPOT** mode. This command is not available in the **HOTSPOT** mode. * __<n>__ - **Connect to access point <n>** Define a connection for the selected access point, and then attempt to connect. This command is only available in the **HOTSPOT** mode. * __m__ - **Manual connection** Enter an SSID manually. * __i__ - **Get information** Return the comitup version and host name for the current instance. * __l__ - **Locate** Locate the headless Raspberry Pi running Comitup by blinking the front green LED once. * __n__ - **reName** Change the name of the host, Comitup ap_name, and comitup mdns domain name. This also adds an entry in 'hosts'. This causes Comitup to restart, and the cli session to end. * __x__ - **Factory Reset** Remove all defined WiFi connections, and restart the service. There is no confirmation requested. This will terminate the interpreter session. Note that _enable_nuke_ must be enabled in _comitup.conf_ for this to succeed. ## COPYRIGHT Comitup is Copyright (C) 2016-2019 David Steele <steele@debian.org> ## SEE ALSO comitup(8), comitup-conf(5), comitup-web(8), comitup-watch(1) comitup-main-1.42/doc/comitup-conf.5.md000066400000000000000000000063621464634077100177220ustar00rootroot00000000000000% comitup-conf(5) % % July 2021 # NAME comitup.conf -- Comitup configuration file format ## DESCRIPTION The _comitup.conf_ file configures the wifi management service comitup(8). It is located in the _/etc/_ directory. ## PARAMETERS * _ap\_name_: By default, comitup will create a hotspot named **comitup-<nnn>**, publish an avahi-daemon(8) host entry for **comitup-<nnn>**, and establish an mdns identity for **comitup-<nnn>.local**. Setting this parameter will change the **comitup** string with one of the users choosing. If the configuration variable contains an <nnn> string, with between one and four "n's", it will be replaced with a persistent, random number. Similarly, the string <hostname> is replaced with the computer's hostname. For the Avahi Service Discovery publication to work correctly, the name should be ASCII, with no special characters or white space. * _ap\_password_: If this parameter is defined in the configuration file, then the comitup hotspot will require that any connection to the hotspot be authenticated, using this password. * _web\_service_: This defines a user web service to be controlled by **comitup**. This service will be disabled in the **HOTSPOT** state in preference of the comitup web service, and will be enabled in the **CONNECTED** state. This should be the name of the systemd web service, such as _apache2.service_ or _nginx.service_. This defaults to a null string, meaning no service is controlled. * _service\_name_: This defines the mdns service name advertised by **comitup**. This defaults to "comitup", and will be advertised as "_comitup._tcp". * _enable\_appliance\_mode_: By default, comitup will use multiple wifi interfaces, if available, to connect to the local hotspot and to the internet simultaneously. Setting this to something other than "true" will limit comitup to the first wifi interface. * _external\_callback_: The path to an external script that is called on comitup state changes. It will include a single argument, either 'HOTSPOT', 'CONNECTING', or 'CONNECTED'. The script will run as the owning user and group. * _primary\_wifi\_device_; Override the default choice for the primary WiFi device to use. * _verbose_: Set to '1' (or 'yes' or 'true') to enable more verbose logging. * _enable\_nuke_: Set to '1' (or 'yes' or 'true') to enable a hardware-based factory reset function. This will cause all WiFi connection settings to be deleted. On a Raspberry Pi, short out pins 39 and 40 on the GPIO header for three seconds to invoke. The green LED will flash three times to indicate success. This capability is also availble via _comitup-cli_ and the D-BUS interface. * _ipv6\_link\_local_; Set to '1' to force Comitup to create only "link-local" IPv6 addresses for the upstream WiFi connection, affording a higher level of protection for that link. "link-local" addresses cannot route to the Internet. Delete existing connections after changing the value of this parameter. ## COPYRIGHT Comitup is Copyright (C) 2016-2021 David Steele <steele@debian.org> ## SEE ALSO comitup(8), comitup-cli(1), comitup-web(8) comitup-main-1.42/doc/comitup-web.8.md000066400000000000000000000010371464634077100175470ustar00rootroot00000000000000% comitup-web(8) % % April 2021 # NAME comitup-web -- Wifi configuration web server for the Comitup service ## SYNOPSIS `comitup-web` ## DESCRIPTION __comitup-web__ is a web service that provides access to the comitup(8) Wifi bootstrap service. The web interface also supports a "Locate" feature, that blinks the green led on the front of a Raspberry Pi. ## OPTIONS See comitup-conf(5). ## COPYRIGHT Comitup is Copyright (C) 2016-2017 David Steele <steele@debian.org> ## SEE ALSO comitup(8), comitup-conf(5), comitup-cli(1) comitup-main-1.42/doc/comitup.8.md000066400000000000000000000101241464634077100167710ustar00rootroot00000000000000% comitup(8) % % July 2021 # NAME comitup -- Manage wifi connections on headless, unconnected systems ## SYNOPSIS `comitup [options]` ## DESCRIPTION The **comitup** service provides a means to establish a connection between a computer and a wifi access point, in the case where wifi is the only means available to access the computer. On startup, the service will attempt to connect to wifi using established networkmanager(8) connections. If this is not successful, **comitup** will establish a wifi hotspot with the name _comitup-<nnn>_, where <nnn> is a persistent number. While the hotspot is active, a comitup-web(8) service is available to manage connecting to an access point. A captive portal environment is established to aid in discovery of the web service. If two wifi interfaces are available, the hotspot will remain active on the first interface, and the internet connection will be made on the second. Otherwise, the hotspot will be replaced with the internet connection. In all states, avahi-daemon(8) is used to publish the mdns host name _comitup-<nnn>.local_, making the web service accessible as e.g. _http://comitup-123.local_, for systems supporting Zeroconf. For other systems, a _comitup_ Workstation entry is published which is visible to Zeroconf browsing applications, allowing the IP address to be manually determined. The web service address is _http://10.41.0.1_. **comitup** logs to _/var/log/comitup.log_. ## Options * _-h_, _--help_ - Print help and exit * _-c_, _--check_ - Check the wifi device configuration and exit * _-i_, _--info_ - Print info about the current configuration, and exit * _-v_, _--verbose_ - Increase logging to _/var/log/comitup.log_ ## D-Bus Interface **Comitup** provides a D-Bus object which claims the name _com.github.davesteele.comitup_ on the path _/com/github/davesteele/comitup_, supporting the interface _com.github.davesteele.comitup_. The interface includes the following methods. * _get_info()_ Input: None Output: _DICT_ENTRY_ Return information about the current **Comitup** service. The keys are as follows: * _version_ - The package version. * _apname_ - The currently configured AP hotspot name. * _hostnames_ - A list of host names that are published for the service IP address. * _imode_ - The current interface mode for comitup. This returns the string 'single' or 'router'. In 'single' mode, the hotspot is terminated when **CONNECTED**. In 'router' mode, the hotspot is retained, the upstream connection is made with the other wifi device, and traffic is routed between them. The web service is terminated when **CONNECTED**. * _access_points()_ Input: None Output: Array of _DICT_ENTRY_ Return a list of visible access points. This is represented as an array of D-Bus _DICT_ENTRY_. Each _DICT_ENTRY_ contains strings associated with the following keys, _ssid_, _strength_ (0 to 100) and _security_ (_encrypted_ or _unencrypted_). * _state()_ Input: None Output: _state_, _connection_ This returns strings for the current **comitup** state (either **HOTSPOT**, **CONNECTING**, or **CONNECTED**) and the _ssid_ name for the current connection on the wifi device. * _connect()_ Input: _ssid_, _password_ Output: None Delete any existing connection for _ssid_, create a new connection, and attempt to connect to it. The password may be a zero length string if not needed. * _delete_connection()_ Input: _ssid_ Output: None Delete the connection for _ssid_. The system will not be able to reconnect using this connection. * _nuke()_ Input: None Output: None Perform a factory reset of Comitup information on the device, which consists of removing all WiFi connections, and restarting the service. Note that _enable\_nuke_ must be enabled in comitup.conf for this to succeed. ## COPYRIGHT Comitup is Copyright (C) 2016-2019 David Steele <steele@debian.org>. ## SEE ALSO comitup-conf(5), comitup-cli(1), comitup-web(8), comitup-watch(1) comitup-main-1.42/mypy.ini000066400000000000000000000001551464634077100155560ustar00rootroot00000000000000[mypy] mypy_path: stubs [mypy-dbus,dbus.*,gi.*,pytest,RPi.*,venv,setuptools] ignore_missing_imports = true comitup-main-1.42/noxfile.py000066400000000000000000000023541464634077100161000ustar00rootroot00000000000000# Copyright (c) 2022 David Steele # # SPDX-License-Identifier: GPL-2.0-or-later # License-Filename: LICENSE # import subprocess import nox pkgs = [ "libcairo2-dev", "gobject-introspection", "libgirepository1.0-dev", "python3-dev", "libdbus-glib-1-dev", "libdbus-1-dev", ] deps = [ "pytest", "dbus-python", "python-networkmanager", "flask", "pygobject", "cachetools", ] def missing_pkg(pkg): cmd = "dpkg -l {} > /dev/null".format(pkg) return subprocess.run(cmd, shell=True).returncode != 0 @nox.session() def test(session): missings = [x for x in pkgs if missing_pkg(x)] if missings: session.error("Missing packages: %s" % format(" ".join(missings))) for pkg in deps: session.install(pkg) session.run("python", "-m", "pytest") @nox.session() def flake8(session): session.install("flake8") session.run("python", "-m", "flake8", "setup.py", "cli", "comitup", "web", "test") @nox.session() def mypy(session): session.install( "mypy", "types-tabulate", "types-pkg_resources", "types-Flask", "types-cachetools", ) session.run("python", "-m", "mypy", "cli", "comitup", "web", "test") comitup-main-1.42/pyproject.toml000066400000000000000000000002521464634077100167710ustar00rootroot00000000000000[build-system] requires = ["setuptools", "wheel", "pytest-runner"] build-backend = "setuptools.build_meta" [tool.black] line-length = 79 [tool.isort] profile = "black" comitup-main-1.42/pytest.ini000066400000000000000000000001371464634077100161100ustar00rootroot00000000000000[pytest] filterwarnings = ignore default:::comitup default:::web default:::cli comitup-main-1.42/setup.cfg000066400000000000000000000001171464634077100156760ustar00rootroot00000000000000[aliases] test=pytest [flake8] per-file-ignores = comitup/nftmgr.py:E501 comitup-main-1.42/setup.py000066400000000000000000000055411464634077100155750ustar00rootroot00000000000000# Copyright (c) 2017-2019 David Steele # # SPDX-License-Identifier: GPL-2.0-or-later # License-Filename: LICENSE # # Copyright 2016-2017 David Steele # This file is part of comitup # Available under the terms of the GNU General Public License version 2 # or later # import sys from setuptools import setup sys.path.append(".") from comitup import __version__ # noqa setup( name="comitup", packages=["comitup", "web", "cli"], version=__version__.__version__, description="Remotely manage wifi connections on a headless computer", classifiers=[ "Development Status :: 5 - Production/Stable", "Environment :: Web Environment", "Framework :: Flask", "Intended Audience :: End Users/Desktop", "License :: OSI Approved " + ":: GNU General Public License v2 or later (GPLv2+)", "Natural Language :: English", "Operating System :: POSIX :: Linux", "Programming Language :: Python", "Topic :: System :: Networking", ], entry_points={ "console_scripts": [ "comitup-cmd=comitup.comitup:main", "comitup-cli=cli.comitupcli:main", "comitup-web=web.comitupweb:main", ], }, options={ "build_scripts": { "executable": "/usr/bin/python3", }, }, data_files=[ ("/etc", ["conf/comitup.conf"]), ("/usr/share/dbus-1/system.d", ["conf/comitup-dbus.conf"]), ( "/web/templates", [ "web/templates/index.html", "web/templates/connect.html", "web/templates/confirm.html", ], ), ( "/web/templates/css", [ "web/templates/css/uikit.css", "web/templates/css/uikit-rtl.css", "web/templates/css/uikit.min.css", "web/templates/css/uikit-rtl.min.css", ], ), ( "/web/templates/js", [ "web/templates/js/uikit", "web/templates/js/uikit-icons", "web/templates/js/blink.js", ], ), ( "/web/templates/images", [ "web/templates/images/ledon.gif", "web/templates/images/ledoff.gif", ], ), ( "/dns", [ "conf/dns-hotspot.conf", "conf/dns-connected.conf", ], ), ], install_requires=[ "cachetools", "jinja2", "pygobject", "flask", "python-networkmanager", "pycairo", ], setup_requires=["pytest-runner"], tests_require=["pytest"], author="David Steele", author_email="steele@debian.org", url="https://davesteele.github.io/comitup/", ) comitup-main-1.42/stubs/000077500000000000000000000000001464634077100152165ustar00rootroot00000000000000comitup-main-1.42/stubs/NetworkManager.pyi000066400000000000000000000031521464634077100206660ustar00rootroot00000000000000from typing import Any, Dict, List import dbus NM_DEVICE_STATE_ACTIVATED: int NM_DEVICE_STATE_FAILED: int NM_DEVICE_STATE_DISCONNECTED: int NM_DEVICE_STATE_REASON_NO_SECRETS: int class ObjectVanished(Exception): ... class NMDbusInterfaceType(type): ... class NMDbusInterface(object): object_path: dbus.ObjectPath class Device(NMDbusInterface): DeviceType: int Interface: str Ip4Address: str ActiveConnection: Connection @staticmethod def SpecificDevice() -> Device: ... @staticmethod def Disconnect() -> None: ... @staticmethod def GetAllAccessPoints() -> List[AccessPoint]: ... class Ip4Config: Addresses: List[List[str]] class Ip6Config: Addresses: List[List[str]] class Wireless(Device): ... class NetworkManager(NMDbusInterface): State: int @staticmethod def GetDevices() -> List[Device]: ... @staticmethod def ActivateConnection( connection: Connection, dev: Device, path: str ) -> Connection: ... @staticmethod def DeactivateConnection(connection: Connection) -> Connection: ... class Settings(NMDbusInterface): @staticmethod def ListConnections() -> List[Connection]: ... @staticmethod def ReloadConnections() -> None: ... @staticmethod def AddConnection(settings: Dict[str, Any]) -> None: ... class Connection(NMDbusInterface): uuid: str Connection: Any @staticmethod def Delete() -> None: ... @staticmethod def GetSettings() -> Dict[str, Any]: ... class AccessPoint(NMDbusInterface): Strength: int Ssid: str Flags: int WpaFlags: int RsnFlags: int comitup-main-1.42/test/000077500000000000000000000000001464634077100150355ustar00rootroot00000000000000comitup-main-1.42/test/__init__.py000066400000000000000000000000001464634077100171340ustar00rootroot00000000000000comitup-main-1.42/test/test_comitup.py000066400000000000000000000027501464634077100201320ustar00rootroot00000000000000# Copyright (c) 2017-2019 David Steele # # SPDX-License-Identifier: GPL-2.0-or-later # License-Filename: LICENSE import logging import os import sys import textwrap from unittest.mock import Mock import pytest sys.modules["NetworkManager"] = Mock() from comitup import comitup as ciu # noqa from comitup import config # noqa @pytest.fixture() def conf_fxt(tmpdir, monkeypatch): path = os.path.join(tmpdir.__str__(), "conffile") open(path, "w").write( textwrap.dedent( """ ap_name: test """ ) ) monkeypatch.setattr("comitup.comitup.config.CONF_PATH", path) return path @pytest.fixture() def persist_fxt(tmpdir, monkeypatch): path = os.path.join(tmpdir.__str__(), "persistfile") monkeypatch.setattr("comitup.comitup.config.PERSIST_PATH", path) monkeypatch.setattr( "comitup.comitup.config.random.randrange", Mock(return_value=1234) ) return path @pytest.fixture() def log_fxt(tmpdir, monkeypatch): path = os.path.join(tmpdir.__str__(), "logfile") monkeypatch.setattr("comitup.comitup.LOG_PATH", path) return path def test_ciu_deflog(log_fxt): log = ciu.deflog(logging.INFO) log.info("foo") txt = open(log_fxt, "r").read() assert "INFO" in txt assert "foo" in txt assert int(txt[:4]) def test_ciu_loadconf(conf_fxt, persist_fxt): (conf, data) = config.load_data() assert conf.ap_name == "test" assert os.path.isfile(persist_fxt) comitup-main-1.42/test/test_config.py000066400000000000000000000033341464634077100177160ustar00rootroot00000000000000# Copyright (c) 2017-2019 David Steele # # SPDX-License-Identifier: GPL-2.0-or-later # License-Filename: LICENSE import os import textwrap from collections import namedtuple import pytest from comitup import config @pytest.fixture() def conf_fxt(tmpdir): path = os.path.join(tmpdir.__str__(), "conf.conf") with open(path, "w") as fp: fp.write( textwrap.dedent( """ # # comment # tag1=val1 tag2: val2 tag3 = val3 # tag4 = val4 """ ) ) return config.Config(path) @pytest.mark.parametrize("idx", ("1", "2", "3")) def test_conf_vals(idx, conf_fxt): assert eval('conf_fxt.tag{0} == "val{0}"'.format(idx)) def test_conf_miss(conf_fxt): with pytest.raises(AttributeError): conf_fxt.tag4 Case = namedtuple("Case", ["data", "result"]) BoolFixt = namedtuple("BoolFixt", ["config", "result"]) @pytest.fixture( params=[ Case("0", False), Case("1", True), Case("yes", True), Case("Yes", True), Case("no", False), Case("y", True), Case("n", False), Case("true", True), Case("True", True), Case("TRUE", True), Case("false", False), Case("on", True), Case("off", False), ] ) def bool_fixt(tmpdir, request): path = os.path.join(tmpdir.__str__(), "conf.conf") with open(path, "w") as fp: fp.write("tag = {}".format(request.param.data)) return BoolFixt(config.Config(path), request.param.result) def test_conf_bool(bool_fixt): assert bool_fixt.config.getboolean("tag") == bool_fixt.result comitup-main-1.42/test/test_iwscan.py000066400000000000000000000007571464634077100177430ustar00rootroot00000000000000# Copyright (c) 2022 David Steele # # SPDX-License-Identifier: GPL-2.0-or-later # License-Filename: LICENSE # from typing import NamedTuple import pytest from comitup.iwscan import decode_x class Case(NamedTuple): instr: str outstr: str @pytest.mark.parametrize( "case", [ Case("but", "but"), Case("b\xc3\xbct", "bÃŧt"), Case("b\x00\x00t", "bt"), ], ) def test_decode_x(case): assert decode_x(case.instr) == case.outstr comitup-main-1.42/test/test_mdns.py000066400000000000000000000035451464634077100174160ustar00rootroot00000000000000# Copyright (c) 2017-2019 David Steele # # SPDX-License-Identifier: GPL-2.0-or-later # License-Filename: LICENSE from unittest.mock import Mock, patch import pytest from comitup import mdns @pytest.fixture() def avahi_fxt(monkeypatch, request): monkeypatch.setattr("comitup.mdns.dbus.Interface", Mock()) monkeypatch.setattr("comitup.mdns.dbus.SystemBus", Mock()) monkeypatch.setattr("comitup.mdns.log", Mock()) monkeypatch.setattr("comitup.mdns.config.persist", Mock()) save_group = mdns.group mdns.group = Mock() yield None mdns.group = save_group def test_avahi_null(avahi_fxt): pass def test_avahi_establish_group(avahi_fxt): old_group = mdns.group mdns.group = None mdns.establish_group() assert mdns.group is not None mdns.group = old_group def test_avahi_make_a_record(avahi_fxt): mdns.make_a_record("host", 1, "1.2.3.4") assert mdns.group.AddRecord.called # type: ignore def test_avahi_add_service(avahi_fxt): mdns.add_service("host", 1, "1.2.3.4", "::1") assert mdns.group.AddService.called # type: ignore @patch("comitup.mdns.establish_group", Mock()) def test_avahi_clear_entries(avahi_fxt): isempty = Mock(return_value=False) mdns.group = Mock() mdns.group.IsEmpty = isempty oldgroup = mdns.group mdns.clear_entries() assert isempty.called assert oldgroup.Reset.called assert not mdns.log.called # type: ignore @pytest.mark.parametrize( "dns_in, dns_out", ( ("a.b.c", "a.b.c".encode()), ("A.B.C", "A.B.C".encode()), ("a..b", "a.b".encode()), ("a.b.", "a.b".encode()), ), ) def test_avahi_encode_dns(dns_in, dns_out): assert dns_out == mdns.encode_dns(dns_in) @patch("comitup.mdns.log.warn") def test_avahi_clear_fail(warn, avahi_fxt): mdns.group = None mdns.clear_entries() comitup-main-1.42/test/test_nm.py000066400000000000000000000062531464634077100170660ustar00rootroot00000000000000# Copyright (c) 2017-2019 David Steele # # SPDX-License-Identifier: GPL-2.0-or-later # License-Filename: LICENSE from unittest.mock import Mock, patch import pytest from comitup import nm @pytest.fixture() def no_device_fxt(monkeypatch): monkeypatch.setattr( "comitup.nm.nm.NetworkManager.GetDevices", Mock(return_value=[]) ) return None @pytest.fixture() def device_no_conn_fxt(monkeypatch): device = Mock() device.ActiveConnection = None monkeypatch.setattr( "comitup.nm.nm.NetworkManager.GetDevices", Mock(return_value=[device]) ) return None @pytest.fixture() def device_fxt(monkeypatch): device = Mock() device.DeviceType = 2 device.ActiveConnection.Connection.GetSettings.return_value = { "802-11-wireless": { "ssid": "myssid", } } device.Ip4Address = "1.2.3.4" point = Mock() point.Ssid = "myssid" point.Strength = 100 getAllAccessPoints = Mock() getAllAccessPoints.GetAllAccessPoints.return_value = [point] device.SpecificDevice.return_value = getAllAccessPoints monkeypatch.setattr( "comitup.nm.nm.NetworkManager.GetDevices", Mock(return_value=[device]) ) return None @pytest.fixture() def no_connections_fxt(monkeypatch): monkeypatch.setattr( "comitup.nm.nm.Settings.ListConnections", Mock(return_value=[]) ) return None @pytest.fixture() def connections_fxt(monkeypatch): connection = Mock() connection.GetSettings.return_value = { "802-11-wireless": { "ssid": "myssid", } } monkeypatch.setattr( "comitup.nm.nm.Settings.ListConnections", Mock(return_value=[connection]), ) return connection def test_get_active_ssid(device_fxt): assert nm.get_active_ssid(nm.get_wifi_device()) == "myssid" # type: ignore def test_get_active_ip(device_fxt): assert nm.get_active_ip(nm.get_wifi_device()) == "1.2.3.4" # type: ignore def test_no_conn(no_connections_fxt): assert nm.get_connection_by_ssid("ssid") is None def test_get_connection_by_ssid(connections_fxt): assert nm.get_connection_by_ssid("myssid") assert not nm.get_connection_by_ssid("bogusssid") def test_del_connection_by_ssid(connections_fxt): nm.del_connection_by_ssid("myssid") assert connections_fxt.Delete.called @patch("comitup.nm.get_wifi_device") def test_activate_connection_by_id(get_dev, monkeypatch, connections_fxt): activate = Mock() monkeypatch.setattr( "comitup.nm.nm.NetworkManager.ActivateConnection", activate ) nm.activate_connection_by_ssid( "myssid", nm.get_wifi_device() ) # type: ignore assert activate.called def test_make_hotspot(monkeypatch): addconnection = Mock() monkeypatch.setattr("comitup.nm.nm.Settings.AddConnection", addconnection) nm.make_hotspot() assert addconnection.called def test_make_connection_for(monkeypatch): addconnection = Mock() monkeypatch.setattr("comitup.nm.nm.Settings.AddConnection", addconnection) nm.make_connection_for("anssid", "password") assert addconnection.called def test_do_listaccess(device_fxt): nm.do_listaccess(None) comitup-main-1.42/test/test_persist.py000066400000000000000000000051761464634077100201500ustar00rootroot00000000000000# Copyright (c) 2017-2019 David Steele # # SPDX-License-Identifier: GPL-2.0-or-later # License-Filename: LICENSE import os import shutil import tempfile import pytest from comitup.persist import persist @pytest.fixture(scope="module") def dir_fxt(request): dir = tempfile.mkdtemp() def fin(): shutil.rmtree(dir) request.addfinalizer(fin) return dir count = 0 @pytest.fixture() def jsonpath(request, dir_fxt): global count path = os.path.join(dir_fxt, "persist%d.json" % count) count += 1 return path def test_persist_is_dict(jsonpath): mydict = persist(jsonpath) mydict["a"] = "b" assert mydict["a"] == "b" def test_persist_default(jsonpath): mydict = persist(jsonpath, {"a": "b"}) assert mydict["a"] == "b" def test_persist_default_persists(jsonpath): persist(jsonpath, {"a": "b"}) new = persist(jsonpath) assert new["a"] == "b" def test_persist_override_default(jsonpath): persist(jsonpath, {"a": "b"}) new = persist(jsonpath, {"a": "c"}) assert new["a"] == "b" def test_persist_override_default2(jsonpath): mydict = persist(jsonpath, {"a": "a"}) mydict["a"] = "b" new = persist(jsonpath, {"a": "c"}) assert new["a"] == "b" def test_persist_update(jsonpath): mydict = persist(jsonpath, {"a": "a"}) mydict.update({"a": "b"}) new = persist(jsonpath, {"a": "c"}) assert new["a"] == "b" def test_persist_setdefault(jsonpath): mydict = persist(jsonpath) mydict.setdefault("a", "b") new = persist(jsonpath, {"a": "c"}) assert new["a"] == "b" def test_persist_setattr(jsonpath): mydict = persist(jsonpath) mydict.a = "b" assert mydict["a"] == "b" def test_persist_getattr(jsonpath): mydict = persist(jsonpath) mydict["a"] = "b" assert mydict.a == "b" def test_persist_persist_setattr(jsonpath): mydict = persist(jsonpath) mydict.a = "b" new = persist(jsonpath) assert new["a"] == "b" def test_persist_persist_getattr(jsonpath): mydict = persist(jsonpath) mydict["a"] = "b" new = persist(jsonpath) assert new.a == "b" def test_persist_file_format(jsonpath): mydict = persist(jsonpath) mydict["a"] = "b" expected = '{\n "a": "b"\n}' assert open(jsonpath, "r").read() == expected def test_persist_get_attr_dict(jsonpath): mydict = persist(jsonpath) assert mydict._path == jsonpath assert mydict.__getattr__("_path") == jsonpath def test_persist_set_attr_dict(jsonpath): mydict = persist(jsonpath) mydict["_path"] = "foo" mydict["a"] = "b" newdict = persist(jsonpath) assert newdict.a == "b" comitup-main-1.42/test/test_routemgr.py000066400000000000000000000022731464634077100203160ustar00rootroot00000000000000# Copyright (c) 2022 David Steele # # SPDX-License-Identifier: GPL-2.0-or-later # License-Filename: LICENSE # import textwrap from unittest.mock import Mock import pytest from comitup import routemgr routetxt = textwrap.dedent( """ default via 192.168.200.1 dev ethn proto dhcp src 192.168.200.27 default via 192.168.200.1 dev wlan1 proto dhcp src 192.168.200.177 10.41.0.0/24 dev wlan0 proto kernel scope link src 10.41.0.1 169.254.0.0/16 dev wlan0 scope link src 169.254.30.217 metric 303 192.168.200.0/24 dev eth0 proto dhcp scope link src 192.168.200.27 192.168.200.0/24 dev wlan1 proto dhcp scope link src 192.168.200.177 """ ).strip() @pytest.fixture def defroute(monkeypatch): cp = Mock() cp.stdout = routetxt runmethod = Mock(return_value=cp) monkeypatch.setattr("comitup.routemgr.subprocess.run", runmethod) def test_defroute_fixture(defroute): cp = routemgr.subprocess.run( "ip route", stdout=routemgr.subprocess.PIPE, shell=True, encoding="utf-8", ) assert "ethn" in cp.stdout def test_default_dev(defroute): assert routemgr.defroute_dev() == "ethn" comitup-main-1.42/test/test_statemgr.py000066400000000000000000000035521464634077100203010ustar00rootroot00000000000000# Copyright (c) 2017-2019 David Steele # # SPDX-License-Identifier: GPL-2.0-or-later # License-Filename: LICENSE import importlib from collections import namedtuple from unittest.mock import Mock import dbus.service import pytest def nullwrapper(*args, **kwargs): def _nullwrapper(fn): def wrapper(*wargs, **wkwargs): return fn(*wargs, **wkwargs) return wrapper return _nullwrapper dbus.service.method = nullwrapper sm = importlib.import_module("comitup.statemgr") @pytest.fixture() def statemgr_fxt(monkeypatch, request): monkeypatch.setattr("dbus.service.BusName", Mock()) monkeypatch.setattr("dbus.service.Object", Mock()) monkeypatch.setattr("dbus.service.Object", Mock()) save_state = sm.states.com_state save_conn = sm.states.connection def fin(): sm.states.com_state = save_state sm.states.connection = save_conn request.addfinalizer(fin) sm.states.com_state = "CONNECTED" sm.states.connection = "connection" def test_sm_none(statemgr_fxt): pass def test_sm_state(statemgr_fxt): obj = sm.Comitup() assert obj.state() == ["CONNECTED", "connection"] @pytest.fixture() def ap_name_fxt(monkeypatch): monkeypatch.setattr("socket.gethostname", Mock(return_value="host")) return None Case = namedtuple("Case", ["input", "out"]) @pytest.mark.parametrize( "case", [ Case("comitup-", "comitup-123"), Case("", "1"), Case("", "12"), Case("", "123"), Case("", "1234"), Case("", ""), Case("A", "A1"), Case("A", "1A"), Case("", "host"), Case("-", "host-1"), Case("", ""), ], ) def test_expand_ap(ap_name_fxt, case): assert sm.expand_ap(case.input, "1234") == case.out comitup-main-1.42/test/test_states.py000066400000000000000000000062541464634077100177600ustar00rootroot00000000000000# Copyright (c) 2017-2019 David Steele # # SPDX-License-Identifier: GPL-2.0-or-later # License-Filename: LICENSE from unittest.mock import Mock import pytest from comitup import states @pytest.fixture() def state_globals(request): callbacks = states.state_callbacks def fin(): states.state_callbacks = callbacks request.addfinalizer(fin) @pytest.fixture() def state_fxt(monkeypatch, state_globals): monkeypatches = ( ("comitup.states.mdns.clear_entries", None), ("comitup.states.mdns.add_hosts", None), ("comitup.states.nm.activate_connection_by_ssid", None), ("comitup.states.nm.get_candidate_connections", ["c1", "c2"]), ("comitup.states.nm.get_active_ip", "1.2.3.4"), ("comitup.states.nm.get_active_ssid", None), ("comitup.states.nm.deactivate_connection", None), ("comitup.states.nmmon.init_nmmon", None), ("comitup.states.nmmon.set_device_callbacks", None), ("comitup.states.timeout_add", None), ("comitup.states.time.sleep", None), ) for path, return_val in monkeypatches: if return_val: monkeypatch.setattr(path, Mock(return_value=return_val)) else: monkeypatch.setattr(path, Mock()) monkeypatch.setattr( "comitup.states.iwscan.ap_conn_count", Mock(return_value=0) ) monkeypatch.setattr("comitup.states.modemgr.CONF_PATH", "/dev/null") states.set_hosts("hs", "hs-1111") @pytest.fixture() def points_fxt(monkeypatch): pt = { "nmpath": "/", "ssid": "ssid", } monkeypatch.setattr( "comitup.states.nm.get_points_ext", Mock(return_value=[pt]) ) return None @pytest.mark.parametrize("offset, match", ((-1, False), (0, True), (1, False))) def test_state_timeout_wrapper(offset, match): themock = Mock() @states.timeout def timeout_fn(dummy): themock() assert timeout_fn(states.state_id + offset, 0) == match assert themock.called == match def test_state_timeout_activity(): themock = Mock() @states.timeout def timeout_fn(dummy): themock() timeout_fn(states.state_id, 0) assert themock.called def test_state_set_hosts(): states.set_hosts("a", "b") assert states.dns_names == ("a", "b") @pytest.mark.parametrize( "hostin, hostout", (("host", "host"), ("host.local", "host")) ) def test_state_dns_to_conn(hostin, hostout): assert states.dns_to_conn(hostin) == hostout def test_state_callback_decorator(state_globals): callback = Mock() @states.state_callback def foo_bar(dummy): pass states.add_state_callback(callback) foo_bar(0) callback.assert_called_with("FOO", "bar") def test_state_matrix(): assert states.state_matrix("HOTSPOT").pass_fn == states.hotspot_pass @pytest.mark.parametrize( "path, good", ( ("states.state_matrix('HOTSPOT').bogus_fn", False), ("states.state_matrix('HOTSPOT').bogus", False), ("states.state_matrix('HOTSPOT').pass_fn", True), ), ) def test_state_matrix_miss(path, good): if good: eval(path) else: with pytest.raises(AttributeError): eval(path) comitup-main-1.42/test/test_web.py000066400000000000000000000051471464634077100172320ustar00rootroot00000000000000# Copyright (c) 2018-2019 David Steele # # SPDX-License-Identifier: GPL-2.0-or-later # License-Filename: LICENSE import pathlib import urllib from unittest.mock import Mock import pytest from web import comitupweb ssid_list = [ "simple", "simple+", "simplÊ", "simple 2", "simplE", ] @pytest.fixture(params=ssid_list) def ssid(request): return request.param @pytest.fixture def app(monkeypatch): templatedir = pathlib.Path(__file__).parent.parent / "web/templates" monkeypatch.setattr("web.comitupweb.TEMPLATE_PATH", str(templatedir)) app = comitupweb.create_app(Mock()) app.debug = True app.testing = True return app def test_webapp_null(app, ssid): assert "simpl" in ssid def test_webapp_index(app, ssid, monkeypatch): comitupweb.ttl_cache.clear() point = { "ssid": ssid, } client_mock = Mock() client_mock.ciu_points.return_value = [point] monkeypatch.setattr("web.comitupweb.ciu_client", client_mock) # comitupweb.ciu_client = client_mock response = app.test_client().get("/") index_text = response.get_data().decode() assert ssid + "" in index_text assert "ssid=" + urllib.parse.quote(ssid) in index_text def test_webapp_connect(app, ssid, monkeypatch): monkeypatch.setattr("web.comitupweb.Process", Mock()) data = { "ssid": urllib.parse.quote(ssid), "password": urllib.parse.quote("password"), } response = app.test_client().post("connect", data=data) index_text = response.get_data().decode() assert "to " + ssid in index_text @pytest.mark.parametrize("canblink", [True, False]) @pytest.mark.parametrize("path", ["/confirm"]) def test_webapp_blink_confirm(app, canblink, monkeypatch, path): monkeypatch.setattr("web.comitupweb.ciu.can_blink", lambda: canblink) monkeypatch.setattr("web.comitupweb.ciu.blink", Mock()) monkeypatch.setattr("comitup.blink.set_trigger", Mock()) monkeypatch.setattr("web.comitupweb.ciu_client", Mock()) monkeypatch.setattr( "web.comitupweb.ciu_client.ciu_info", Mock(return_value={"imode": "single"}), ) monkeypatch.setattr( "web.comitupweb.ciu_client.ciu_points", Mock(return_value=[]) ) response = app.test_client().get(path) blinktext = response.get_data().decode() assert canblink == ("Locate" in blinktext) def test_webapp_blink(app, monkeypatch): monkeypatch.setattr("comitup.blink.set_trigger", Mock()) monkeypatch.setattr("web.comitupweb.ciu.blink", Mock()) response = app.test_client().get("/blink") assert response.status_code == 200 comitup-main-1.42/test/test_webmgr.py000066400000000000000000000040401464634077100177270ustar00rootroot00000000000000# Copyright (c) 2017-2019 David Steele # # SPDX-License-Identifier: GPL-2.0-or-later # License-Filename: LICENSE from unittest.mock import patch import pytest from comitup import webmgr @pytest.fixture() def websvc_fxt(request): web_svc = webmgr.web_service def fin(): webmgr.web_service = web_svc request.addfinalizer(fin) @pytest.mark.parametrize( "state, action, fn_fact, arg_fact", ( ( "HOTSPOT", "start", lambda: webmgr.stop_service, lambda: webmgr.web_service, ), # noqa ( "HOTSPOT", "pass", lambda: webmgr.start_service, lambda: webmgr.COMITUP_SERVICE, ), # noqa ( "CONNECTING", "start", lambda: webmgr.stop_service, lambda: webmgr.COMITUP_SERVICE, ), # noqa ( "CONNECTED", "start", lambda: webmgr.start_service, lambda: webmgr.web_service, ), # noqa ), ) # noqa @pytest.mark.parametrize("svc", ("", "foo")) @patch("comitup.webmgr.start_service") @patch("comitup.webmgr.stop_service") def test_webmgr_callback( stop_svc, start_svc, svc, state, action, fn_fact, arg_fact, websvc_fxt ): webmgr.web_service = svc webmgr.state_callback(state, action) if arg_fact(): assert fn_fact().called else: assert not fn_fact().called if svc: assert fn_fact().called others = [ (x, y) for x in ("HOTSPOT", "CONNECTING", "CONNECTED") for y in ("fail", "timeout") ] # noqa @pytest.mark.parametrize( "state, action", [ ("CONNECTING", "pass"), ("CONNECTED", "pass"), ] + others, ) @patch("comitup.webmgr.start_service") @patch("comitup.webmgr.stop_service") def test_webmgr_no_callback(stop_svc, start_svc, state, action, websvc_fxt): webmgr.web_service = "foo" webmgr.state_callback(state, action) assert not stop_svc.called assert not start_svc.called comitup-main-1.42/tox.ini000066400000000000000000000011241464634077100153670ustar00rootroot00000000000000[tox] [testenv:TEST] deps = pytest dbus-python python-networkmanager flask pygobject apt-wrapper cachetools commands_pre = apt status libcairo2-dev apt status gobject-introspection apt status libgirepository1.0-dev apt status python3-dev apt status libdbus-glib-1-dev apt status libdbus-1-dev commands = pytest [testenv:PEP8] deps = flake8 commands = flake8 setup.py comitup cli web test [testenv:MYPY] deps = mypy types-tabulate types-pkg_resources types-Flask types-cachetools commands = mypy comitup cli web test comitup-main-1.42/web/000077500000000000000000000000001464634077100146335ustar00rootroot00000000000000comitup-main-1.42/web/__init__.py000066400000000000000000000000001464634077100167320ustar00rootroot00000000000000comitup-main-1.42/web/comitupweb.py000077500000000000000000000106711464634077100173730ustar00rootroot00000000000000#!/usr/bin/python3 # Copyright (c) 2017-2019 David Steele # # SPDX-License-Identifier: GPL-2.0-or-later # License-Filename: LICENSE # # Copyright 2016-2017 David Steele # This file is part of comitup # Available under the terms of the GNU General Public License version 2 # or later # import logging import sys import time import urllib from logging.handlers import TimedRotatingFileHandler from multiprocessing import Process from cachetools import TTLCache, cached from flask import ( Flask, abort, jsonify, redirect, render_template, request, send_from_directory, ) sys.path.append(".") sys.path.append("..") from comitup import client as ciu # noqa ciu_client = None # type: ignore LOG_PATH = "/var/log/comitup-web.log" TEMPLATE_PATH = "/usr/share/comitup/web/templates" ttl_cache: TTLCache = TTLCache(maxsize=10, ttl=5) def deflog(): log = logging.getLogger("comitup_web") log.setLevel(logging.INFO) handler = TimedRotatingFileHandler( LOG_PATH, encoding="utf=8", when="W0", backupCount=8, ) fmtr = logging.Formatter( "%(asctime)s - %(name)s - %(levelname)s - %(message)s" ) handler.setFormatter(fmtr) log.addHandler(handler) return log def do_connect(ssid, password, log): time.sleep(1) log.debug("Calling client connect") ciu_client.service = None # type: ignore ciu_client.ciu_connect(ssid, password) # type: ignore @cached(cache=ttl_cache) def cached_points(): return ciu_client.ciu_points() # type: ignore def create_app(log): app = Flask(__name__, template_folder=TEMPLATE_PATH) @app.after_request def add_header(response): response.cache_control.max_age = 0 return response @app.route("/") def index(): points = cached_points() for point in points: point["ssid_encoded"] = urllib.parse.quote( # type: ignore point["ssid"] ) log.info("index.html - {} points".format(len(points))) return render_template( "index.html", points=points, can_blink=ciu.can_blink() ) @app.route("/confirm") def confirm(): ssid = request.args.get("ssid", "") ssid_encoded = urllib.parse.quote(ssid.encode()) # type: ignore encrypted = request.args.get("encrypted", "unencrypted") mode = ciu_client.ciu_info()["imode"] # type: ignore log.info("confirm.html - ssid {0}, mode {1}".format(ssid, mode)) return render_template( "confirm.html", ssid=ssid, encrypted=encrypted, ssid_encoded=ssid_encoded, mode=mode, can_blink=ciu.can_blink(), ) @app.route("/connect", methods=["POST"]) def connect(): ssid = urllib.parse.unquote(request.form["ssid"]) # type: ignore password = request.form["password"].encode() cached_points() p = Process(target=do_connect, args=(ssid, password, log)) p.start() log.info("connect.html - ssid {0}".format(ssid)) return render_template( "connect.html", ssid=ssid, password=password, ) @app.route("/blink") def blink(): log.info("blinking") ciu.blink() resp = jsonify(success=True) return resp @app.route("/img/favicon.ico") def favicon(): log.info("Returning 404 for favicon request") abort(404) @app.route("/img/") def send_image(path): return send_from_directory(TEMPLATE_PATH + "/images", path) @app.route("/js/") def send_js(path): return send_from_directory(TEMPLATE_PATH + "/js", path) @app.route("/css/") def send_css(path): return send_from_directory(TEMPLATE_PATH + "/css", path) @app.route("/") def catch_all(path): log.info("Redirecting {0}".format(path)) return redirect("http://10.41.0.1/", code=302) @app.errorhandler(500) def internal_error(error): log.error("Internal Error detected") sys.exit(1) return app def main(): log = deflog() log.info("Starting comitup-web") global ciu_client ciu_client = ciu.CiuClient() ciu_client.ciu_state() ciu_client.ciu_points() app = create_app(log) app.run(host="0.0.0.0", port=80, debug=False, threaded=True) if __name__ == "__main__": main() comitup-main-1.42/web/templates/000077500000000000000000000000001464634077100166315ustar00rootroot00000000000000comitup-main-1.42/web/templates/confirm.html000066400000000000000000000052541464634077100211620ustar00rootroot00000000000000 Comitup
Comitup - Built with ComitUp

Connect to Wifi

Press the Connect button to connect this device to {{ ssid }}.

{% if mode == 'single' %} This will terminate the current hotspot. Connect to {{ ssid }}.local for access.

If the connection fails, this hotspot will be re-created.

{% else %} The hotspot will remain, but this web service will be terminated.

If the connection fails, the web service will be restored.

{% endif %}

{% if can_blink %}
{% endif %}
comitup-main-1.42/web/templates/connect.html000066400000000000000000000024401464634077100211500ustar00rootroot00000000000000 Comitup
Comitup - Built with ComitUp

Connecting to Wifi

Connection to {{ ssid }} is being attempted.

comitup-main-1.42/web/templates/css/000077500000000000000000000000001464634077100174215ustar00rootroot00000000000000comitup-main-1.42/web/templates/css/uikit-rtl.css000066400000000000000000013641361464634077100220750ustar00rootroot00000000000000/*! UIkit 3.7.6 | https://www.getuikit.com | (c) 2014 - 2021 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: #dedede; } /* Firefox */ .uk-range::-moz-range-track { height: 3px; background: #ebebeb; border-radius: 500px; } .uk-range:focus::-moz-range-track { background: #dedede; } /* 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: #dedede; } /* ======================================================================== 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: 6px; padding-bottom: 6px; vertical-align: top; } .uk-select[multiple], .uk-select[size] { resize: vertical; } /* 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; } /* Single-line */ .uk-form-small:not(textarea):not([multiple]):not([size]) { height: 30px; padding-right: 8px; padding-left: 8px; } /* Multi-line */ textarea.uk-form-small, [multiple].uk-form-small, [size].uk-form-small { padding: 5px 8px; } .uk-form-small:not(select):not(input):not(textarea) { line-height: 28px; } /* * Large */ .uk-form-large { font-size: 1.25rem; } /* Single-line */ .uk-form-large:not(textarea):not([multiple]):not([size]) { height: 55px; padding-right: 12px; padding-left: 12px; } /* Multi-line */ textarea.uk-form-large, [multiple].uk-form-large, [size].uk-form-large { padding: 7px 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: #666; } /* * 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 !important; } /* 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 { background-color: rgba(0, 0, 0, 0); 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: #333; } /* Hover + Focus */ .uk-button-link:hover, .uk-button-link:focus { color: #999; text-decoration: none; } /* 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-color: #fff; } /* * Muted */ .uk-tile-muted { background-color: #f8f8f8; } /* * Primary */ .uk-tile-primary { background-color: #1e87f0; } /* * Secondary */ .uk-tile-secondary { background-color: #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 ========================================================================== */ /* * 1. Position * 2. Size * 3. Style * 4. Center child vertically */ .uk-card-badge { /* 1 */ position: absolute; top: 15px; left: 15px; z-index: 1; /* 2 */ height: 22px; padding: 0 10px; /* 3 */ background: #1e87f0; color: #fff; font-size: 0.875rem; /* 4 */ display: flex; justify-content: center; align-items: center; line-height: 0; border-radius: 2px; text-transform: uppercase; } /* * 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-color: #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-color: #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-color: #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-color: #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: 18px; height: 18px; padding: 0 5px; border-radius: 500px; vertical-align: middle; /* 1 */ background: #1e87f0; color: #fff !important; font-size: 11px; /* 2 */ display: inline-flex; justify-content: center; align-items: center; line-height: 0; } /* * Required for `a` */ .uk-badge:hover, .uk-badge:focus { 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: 240px; } /* * Input */ .uk-search-default .uk-search-input { height: 40px; padding-right: 10px; padding-left: 10px; background: transparent; border: 1px solid #e5e5e5; } /* Focus */ .uk-search-default .uk-search-input:focus { background-color: rgba(0, 0, 0, 0); border-color: #1e87f0; } /* * 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: 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 ========================================================================== */ /* * Clip child elements */ .uk-slider-container { overflow: hidden; } /* * Widen container to prevent box-shadows from clipping, `large-box-shadow` */ .uk-slider-container-offset { margin: -11px -25px -39px -25px; padding: 11px 25px 39px 25px; } /* 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) * `max-width` needed to keep image responsiveness and prevent content overflow * 3. Create position context * 4. Disable horizontal panning gestures in IE11 and Edge * 5. Suppress outline on focus */ .uk-slider-items > * { /* 1 */ flex: none; max-width: 100%; /* 3 */ position: relative; /* 4 */ touch-action: pan-y; } /* 5 */ .uk-slider-items > :focus { outline: none; } /* ======================================================================== Component: Sticky ========================================================================== */ /* * 1. Force new layer to resolve frame rate issues on devices with lower frame rates */ .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 */ .uk-nav, .uk-nav ul { margin: 0; padding: 0; list-style: none; } /* * 1. Center content vertically, e.g. an icon * 2. Imitate white space gap when using flexbox * 3. Reset link * 4. Space is allocated solely based on content dimensions: 0 0 auto */ .uk-nav li > a { /* 1 */ display: flex; align-items: center; /* 2 */ column-gap: 0.25em; /* 3*/ text-decoration: none; } /* 4 */ .uk-nav li > a > * { flex: none; } /* * Remove default focus style */ .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; margin-right: auto; 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 > .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 ========================================================================== */ /* * 1. Center header * 2. Center items */ /* 1 */ .uk-nav-center { text-align: center; } /* 2 */ .uk-nav-center li > a { justify-content: 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 { margin-right: 0; } /* Style modifier ========================================================================== */ .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider) { margin-top: 0; padding-top: 0; border-top: 1px solid #e5e5e5; } /* ======================================================================== 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. Imitate white space gap when using flexbox * 3. Dimensions * 4. Style * 5. Required for `a` */ .uk-navbar-nav > li > a, .uk-navbar-item, .uk-navbar-toggle { /* 1 */ display: flex; justify-content: center; align-items: center; /* 2 */ column-gap: 0.25em; /* 3 */ box-sizing: border-box; min-height: 80px; padding: 0 15px; /* 4 */ 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"; /* 5 */ 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[aria-expanded="true"] { 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; } /* * Remove margin from the last-child */ .uk-navbar-item > :last-child { margin-bottom: 0; } /* Toggle ========================================================================== */ .uk-navbar-toggle { color: #999; } .uk-navbar-toggle:hover, .uk-navbar-toggle:focus, .uk-navbar-toggle[aria-expanded="true"] { 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. Center items vertically if they have a different height * 3. Gutter * 4. Reset list */ .uk-subnav { display: flex; /* 1 */ flex-wrap: wrap; /* 2 */ align-items: center; /* 3 */ margin-right: -20px; /* 4 */ 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. Center content vertically, e.g. an icon * 2. Imitate white space gap when using flexbox * 3. Style */ .uk-subnav > * > :first-child { /* 1 */ display: flex; align-items: center; /* 2 */ column-gap: 0.25em; /* 3 */ 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 ========================================================================== */ /* * Reset list */ .uk-breadcrumb { padding: 0; list-style: none; } /* * 1. Doesn't generate any box and replaced by child boxes */ .uk-breadcrumb > * { display: contents; } /* Items ========================================================================== */ .uk-breadcrumb > * > * { 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 * 1. Remove space between inline block elements. * 2. Style */ .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before { content: "/"; display: inline-block; /* 1 */ margin: 0 calc(20px - 4px) 0 20px; /* 2 */ 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: 0; /* 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: 0; /* 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 */ padding: 5px 10px; 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 content vertically, e.g. an icon * 2. Imitate white space gap when using flexbox * 3. Center content if a width is set * 4. Style */ .uk-tab > * > a { /* 1 */ display: flex; align-items: center; /* 2 */ column-gap: 0.25em; /* 3 */ justify-content: center; /* 4 */ 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 { justify-content: left; border-left: 1px solid transparent; border-bottom: none; } .uk-tab-left > * > a { justify-content: left; 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. Center content vertically if there is still some text * 2. Imitate white space gap when using flexbox * 3. Force text not to affect item height * 4. Style * 5. Required for `a` if there is still some text */ .uk-iconnav > * > a { /* 1 */ display: flex; align-items: center; /* 2 */ column-gap: 0.25em; /* 3 */ line-height: 0; /* 4 */ color: #999; /* 5 */ text-decoration: none; font-size: 0.875rem; transition: 0.1s ease-in-out; transition-property: color, background-color; } /* 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: 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 + Focus */ .uk-lightbox-button:hover, .uk-lightbox-button:focus { color: #fff; } /* OnClick */ /* Caption ========================================================================== */ .uk-lightbox-caption:empty { display: none; } /* Iframe ========================================================================== */ .uk-lightbox-iframe { width: 80%; height: 80%; } /* ======================================================================== 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; } /* Decoration modifier ========================================================================== */ .uk-text-decoration-none { text-decoration: none !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, .uk-background-width-1-1, .uk-background-height-1-1 { background-position: 50% 50%; background-repeat: no-repeat; } .uk-background-cover { background-size: cover; } .uk-background-contain { background-size: contain; } .uk-background-width-1-1 { background-size: 100%; } .uk-background-height-1-1 { background-size: auto 100%; } /* 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 new layer 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. Fix shadow being clipped in Safari if container is animated */ @supports (filter: blur(0)) { .uk-box-shadow-bottom { display: inline-block; position: relative; z-index: 0; max-width: 100%; vertical-align: middle; } .uk-box-shadow-bottom::after { content: ''; /* 1 */ position: absolute; bottom: -30px; right: 0; left: 0; z-index: -1; /* 2 */ height: 30px; border-radius: 100%; background: #444; filter: blur(20px); /* 3 */ will-change: filter; } } /* 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.03, 1.03); } /* 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.03, 1.03); } .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-light .uk-link-toggle:hover .uk-link, .uk-light .uk-link-toggle:focus .uk-link, .uk-section-primary:not(.uk-preserve-color) a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-link:hover, .uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link, .uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link, .uk-section-secondary:not(.uk-preserve-color) a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-link:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link, .uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link, .uk-tile-primary:not(.uk-preserve-color) a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-link:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link, .uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link, .uk-tile-secondary:not(.uk-preserve-color) a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-link:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link, .uk-card-primary.uk-card-body a:hover, .uk-card-primary.uk-card-body .uk-link:hover, .uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link, .uk-card-primary.uk-card-body .uk-link-toggle:focus .uk-link, .uk-card-primary > :not([class*='uk-card-media']) a:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-link:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link, .uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:focus .uk-link, .uk-card-secondary.uk-card-body a:hover, .uk-card-secondary.uk-card-body .uk-link:hover, .uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link, .uk-card-secondary.uk-card-body .uk-link-toggle:focus .uk-link, .uk-card-secondary > :not([class*='uk-card-media']) a:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-link:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link, .uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:focus .uk-link, .uk-overlay-primary a:hover, .uk-overlay-primary .uk-link:hover, .uk-overlay-primary .uk-link-toggle:hover .uk-link, .uk-overlay-primary .uk-link-toggle:focus .uk-link, .uk-offcanvas-bar a:hover, .uk-offcanvas-bar .uk-link:hover, .uk-offcanvas-bar .uk-link-toggle:hover .uk-link, .uk-offcanvas-bar .uk-link-toggle:focus .uk-link { 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 a.uk-link-muted, .uk-light .uk-link-muted a, .uk-section-primary:not(.uk-preserve-color) a.uk-link-muted, .uk-section-primary:not(.uk-preserve-color) .uk-link-muted a, .uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted, .uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a, .uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted, .uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a, .uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a, .uk-card-primary.uk-card-body a.uk-link-muted, .uk-card-primary.uk-card-body .uk-link-muted a, .uk-card-primary > :not([class*='uk-card-media']) a.uk-link-muted, .uk-card-primary > :not([class*='uk-card-media']) .uk-link-muted a, .uk-card-secondary.uk-card-body a.uk-link-muted, .uk-card-secondary.uk-card-body .uk-link-muted a, .uk-card-secondary > :not([class*='uk-card-media']) a.uk-link-muted, .uk-card-secondary > :not([class*='uk-card-media']) .uk-link-muted a, .uk-overlay-primary a.uk-link-muted, .uk-overlay-primary .uk-link-muted a, .uk-offcanvas-bar a.uk-link-muted, .uk-offcanvas-bar .uk-link-muted a { color: rgba(255, 255, 255, 0.5); } .uk-light a.uk-link-muted:hover, .uk-light .uk-link-muted a:hover, .uk-light .uk-link-toggle:hover .uk-link-muted, .uk-light .uk-link-toggle:focus .uk-link-muted, .uk-section-primary:not(.uk-preserve-color) a.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-toggle:hover .uk-link-muted, .uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-muted, .uk-section-secondary:not(.uk-preserve-color) a.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-toggle:hover .uk-link-muted, .uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-muted, .uk-tile-primary:not(.uk-preserve-color) a.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-toggle:hover .uk-link-muted, .uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-muted, .uk-tile-secondary:not(.uk-preserve-color) a.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-toggle:hover .uk-link-muted, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-muted, .uk-card-primary.uk-card-body a.uk-link-muted:hover, .uk-card-primary.uk-card-body .uk-link-muted a:hover, .uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-muted, .uk-card-primary.uk-card-body .uk-link-toggle:focus .uk-link-muted, .uk-card-primary > :not([class*='uk-card-media']) a.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-toggle:hover .uk-link-muted, .uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:focus .uk-link-muted, .uk-card-secondary.uk-card-body a.uk-link-muted:hover, .uk-card-secondary.uk-card-body .uk-link-muted a:hover, .uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-muted, .uk-card-secondary.uk-card-body .uk-link-toggle:focus .uk-link-muted, .uk-card-secondary > :not([class*='uk-card-media']) a.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-toggle:hover .uk-link-muted, .uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:focus .uk-link-muted, .uk-overlay-primary a.uk-link-muted:hover, .uk-overlay-primary .uk-link-muted a:hover, .uk-overlay-primary .uk-link-toggle:hover .uk-link-muted, .uk-overlay-primary .uk-link-toggle:focus .uk-link-muted, .uk-offcanvas-bar a.uk-link-muted:hover, .uk-offcanvas-bar .uk-link-muted a:hover, .uk-offcanvas-bar .uk-link-toggle:hover .uk-link-muted, .uk-offcanvas-bar .uk-link-toggle:focus .uk-link-muted { color: rgba(255, 255, 255, 0.7); } .uk-light a.uk-link-text:hover, .uk-light .uk-link-text a:hover, .uk-light .uk-link-toggle:hover .uk-link-text, .uk-light .uk-link-toggle:focus .uk-link-text, .uk-section-primary:not(.uk-preserve-color) a.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-toggle:hover .uk-link-text, .uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-text, .uk-section-secondary:not(.uk-preserve-color) a.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-toggle:hover .uk-link-text, .uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-text, .uk-tile-primary:not(.uk-preserve-color) a.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-toggle:hover .uk-link-text, .uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-text, .uk-tile-secondary:not(.uk-preserve-color) a.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-toggle:hover .uk-link-text, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-text, .uk-card-primary.uk-card-body a.uk-link-text:hover, .uk-card-primary.uk-card-body .uk-link-text a:hover, .uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-text, .uk-card-primary.uk-card-body .uk-link-toggle:focus .uk-link-text, .uk-card-primary > :not([class*='uk-card-media']) a.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-toggle:hover .uk-link-text, .uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:focus .uk-link-text, .uk-card-secondary.uk-card-body a.uk-link-text:hover, .uk-card-secondary.uk-card-body .uk-link-text a:hover, .uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-text, .uk-card-secondary.uk-card-body .uk-link-toggle:focus .uk-link-text, .uk-card-secondary > :not([class*='uk-card-media']) a.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-toggle:hover .uk-link-text, .uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:focus .uk-link-text, .uk-overlay-primary a.uk-link-text:hover, .uk-overlay-primary .uk-link-text a:hover, .uk-overlay-primary .uk-link-toggle:hover .uk-link-text, .uk-overlay-primary .uk-link-toggle:focus .uk-link-text, .uk-offcanvas-bar a.uk-link-text:hover, .uk-offcanvas-bar .uk-link-text a:hover, .uk-offcanvas-bar .uk-link-toggle:hover .uk-link-text, .uk-offcanvas-bar .uk-link-toggle:focus .uk-link-text { color: rgba(255, 255, 255, 0.5); } .uk-light a.uk-link-heading:hover, .uk-light .uk-link-heading a:hover, .uk-light .uk-link-toggle:hover .uk-link-heading, .uk-light .uk-link-toggle:focus .uk-link-heading, .uk-section-primary:not(.uk-preserve-color) a.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-toggle:hover .uk-link-heading, .uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-heading, .uk-section-secondary:not(.uk-preserve-color) a.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-toggle:hover .uk-link-heading, .uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-heading, .uk-tile-primary:not(.uk-preserve-color) a.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-toggle:hover .uk-link-heading, .uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-heading, .uk-tile-secondary:not(.uk-preserve-color) a.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-toggle:hover .uk-link-heading, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-heading, .uk-card-primary.uk-card-body a.uk-link-heading:hover, .uk-card-primary.uk-card-body .uk-link-heading a:hover, .uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-heading, .uk-card-primary.uk-card-body .uk-link-toggle:focus .uk-link-heading, .uk-card-primary > :not([class*='uk-card-media']) a.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-toggle:hover .uk-link-heading, .uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:focus .uk-link-heading, .uk-card-secondary.uk-card-body a.uk-link-heading:hover, .uk-card-secondary.uk-card-body .uk-link-heading a:hover, .uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-heading, .uk-card-secondary.uk-card-body .uk-link-toggle:focus .uk-link-heading, .uk-card-secondary > :not([class*='uk-card-media']) a.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-toggle:hover .uk-link-heading, .uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:focus .uk-link-heading, .uk-overlay-primary a.uk-link-heading:hover, .uk-overlay-primary .uk-link-heading a:hover, .uk-overlay-primary .uk-link-toggle:hover .uk-link-heading, .uk-overlay-primary .uk-link-toggle:focus .uk-link-heading, .uk-offcanvas-bar a.uk-link-heading:hover, .uk-offcanvas-bar .uk-link-heading a:hover, .uk-offcanvas-bar .uk-link-toggle:hover .uk-link-heading, .uk-offcanvas-bar .uk-link-toggle:focus .uk-link-heading { 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(255, 255, 255, 0.15); 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(255, 255, 255, 0.2); 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.15); 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(255, 255, 255, 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 { background-color: rgba(255, 255, 255, 0.15); 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: #ffffff; } .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: #fff; } .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.5); } .uk-light.uk-card-badge, .uk-section-primary:not(.uk-preserve-color).uk-card-badge, .uk-section-secondary:not(.uk-preserve-color).uk-card-badge, .uk-tile-primary:not(.uk-preserve-color).uk-card-badge, .uk-tile-secondary:not(.uk-preserve-color).uk-card-badge, .uk-card-primary.uk-card-body.uk-card-badge, .uk-card-primary > :not([class*='uk-card-media']).uk-card-badge, .uk-card-secondary.uk-card-body.uk-card-badge, .uk-card-secondary > :not([class*='uk-card-media']).uk-card-badge, .uk-overlay-primary.uk-card-badge, .uk-offcanvas-bar.uk-card-badge { background-color: #fff; color: #666; } .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 !important; } .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: rgba(0, 0, 0, 0.05); } .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-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), .uk-section-primary:not(.uk-preserve-color) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), .uk-section-secondary:not(.uk-preserve-color) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), .uk-tile-primary:not(.uk-preserve-color) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), .uk-tile-secondary:not(.uk-preserve-color) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), .uk-card-primary.uk-card-body .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), .uk-card-primary > :not([class*='uk-card-media']) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), .uk-card-secondary.uk-card-body .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), .uk-overlay-primary .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), .uk-offcanvas-bar .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider) { border-top-color: rgba(255, 255, 255, 0.2); } .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[aria-expanded="true"], .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[aria-expanded="true"], .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[aria-expanded="true"], .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[aria-expanded="true"], .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[aria-expanded="true"], .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[aria-expanded="true"], .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[aria-expanded="true"], .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[aria-expanded="true"], .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[aria-expanded="true"], .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[aria-expanded="true"], .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[aria-expanded="true"] { 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[aria-expanded="true"], .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[aria-expanded="true"], .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[aria-expanded="true"], .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[aria-expanded="true"], .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[aria-expanded="true"], .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[aria-expanded="true"], .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[aria-expanded="true"], .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[aria-expanded="true"], .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[aria-expanded="true"], .uk-overlay-primary .uk-navbar-toggle:hover, .uk-overlay-primary .uk-navbar-toggle:focus, .uk-overlay-primary .uk-navbar-toggle[aria-expanded="true"], .uk-offcanvas-bar .uk-navbar-toggle:hover, .uk-offcanvas-bar .uk-navbar-toggle:focus, .uk-offcanvas-bar .uk-navbar-toggle[aria-expanded="true"] { 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; } } comitup-main-1.42/web/templates/css/uikit-rtl.min.css000066400000000000000000010306701464634077100226500ustar00rootroot00000000000000/*! UIkit 3.7.6 | https://www.getuikit.com | (c) 2014 - 2021 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:0.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:#dedede}.uk-range::-moz-range-track{height:3px;background:#ebebeb;border-radius:500px}.uk-range:focus::-moz-range-track{background:#dedede}.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:#dedede}.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:6px;padding-bottom:6px;vertical-align:top}.uk-select[multiple],.uk-select[size]{resize:vertical}.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}[multiple].uk-form-small,[size].uk-form-small,textarea.uk-form-small{padding:5px 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}[multiple].uk-form-large,[size].uk-form-large,textarea.uk-form-large{padding:7px 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:#666}.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!important}.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{background-color:rgba(0,0,0,0);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:#333}.uk-button-link:focus,.uk-button-link:hover{color:#999;text-decoration:none}.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-color:#fff}.uk-tile-muted{background-color:#f8f8f8}.uk-tile-primary{background-color:#1e87f0}.uk-tile-secondary{background-color:#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:15px;left:15px;z-index:1;height:22px;padding:0 10px;background:#1e87f0;color:#fff;font-size:.875rem;display:flex;justify-content:center;align-items:center;line-height:0;border-radius:2px;text-transform:uppercase}.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-color:#fff;box-shadow:0 14px 25px rgba(0,0,0,.16)}.uk-card-default{background-color:#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-color:#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-color:#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:18px;height:18px;padding:0 5px;border-radius:500px;vertical-align:middle;background:#1e87f0;color:#fff!important;font-size:11px;display:inline-flex;justify-content:center;align-items:center;line-height:0}.uk-badge:focus,.uk-badge:hover{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:240px}.uk-search-default .uk-search-input{height:40px;padding-right:10px;padding-left:10px;background:0 0;border:1px solid #e5e5e5}.uk-search-default .uk-search-input:focus{background-color:rgba(0,0,0,0);border-color:#1e87f0}.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-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-container-offset{margin:-11px -25px -39px -25px;padding:11px 25px 39px 25px}.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;max-width:100%;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:flex;align-items:center;column-gap:.25em;text-decoration:none}.uk-nav li>a>*{flex: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;margin-right:auto;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>.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 li>a{justify-content: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{margin-right:0}.uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider){margin-top:0;padding-top:0;border-top:1px solid #e5e5e5}.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;column-gap:.25em;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:focus,.uk-navbar-nav>li>a[aria-expanded=true]{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-item>:last-child{margin-bottom:0}.uk-navbar-toggle{color:#999}.uk-navbar-toggle:focus,.uk-navbar-toggle:hover,.uk-navbar-toggle[aria-expanded=true]{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;align-items:center;margin-right:-20px;padding:0;list-style:none}.uk-subnav>*{flex:none;padding-right:20px;position:relative}.uk-subnav>*>:first-child{display:flex;align-items:center;column-gap:.25em;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{padding:0;list-style:none}.uk-breadcrumb>*{display:contents}.uk-breadcrumb>*>*{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 calc(20px - 4px) 0 20px;font-size:.875rem;color:#999}.uk-pagination{display:flex;flex-wrap:wrap;margin-right:0;padding:0;list-style:none}.uk-pagination>*{flex:none;padding-right:0;position:relative}.uk-pagination>*>*{display:block;padding:5px 10px;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:flex;align-items:center;column-gap:.25em;justify-content: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{justify-content:left;border-left:1px solid transparent;border-bottom:none}.uk-tab-left>*>a{justify-content:left;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:flex;align-items:center;column-gap:.25em;line-height:0;color:#999;text-decoration:none;font-size:.875rem;transition:.1s ease-in-out;transition-property:color,background-color}.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}.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:focus,.uk-lightbox-button:hover{color:#fff}.uk-lightbox-caption:empty{display:none}.uk-lightbox-iframe{width:80%;height:80%}[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-decoration-none{text-decoration:none!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,.uk-background-height-1-1,.uk-background-width-1-1{background-position:50% 50%;background-repeat:no-repeat}.uk-background-cover{background-size:cover}.uk-background-contain{background-size:contain}.uk-background-width-1-1{background-size:100%}.uk-background-height-1-1{background-size:auto 100%}.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;z-index:0;max-width:100%;vertical-align:middle}.uk-box-shadow-bottom::after{content:'';position:absolute;bottom:-30px;right:0;left:0;z-index:-1;height:30px;border-radius:100%;background:#444;filter:blur(20px);will-change:filter}}.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.03,1.03)}.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.03,1.03)}.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-toggle:focus .uk-link,.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link,.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-toggle:focus .uk-link,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link,.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-toggle:focus .uk-link,.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link,.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-toggle:focus .uk-link,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link,.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-toggle:focus .uk-link,.uk-light .uk-link-toggle:hover .uk-link,.uk-light .uk-link:hover,.uk-light a:hover,.uk-offcanvas-bar .uk-link-toggle:focus .uk-link,.uk-offcanvas-bar .uk-link-toggle:hover .uk-link,.uk-offcanvas-bar .uk-link:hover,.uk-offcanvas-bar a:hover,.uk-overlay-primary .uk-link-toggle:focus .uk-link,.uk-overlay-primary .uk-link-toggle:hover .uk-link,.uk-overlay-primary .uk-link:hover,.uk-overlay-primary a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link,.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,.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-toggle:focus .uk-link,.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,.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-toggle:focus .uk-link,.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,.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-toggle:focus .uk-link,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,.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 a,.uk-card-primary.uk-card-body a.uk-link-muted,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-muted a,.uk-card-primary>:not([class*=uk-card-media]) a.uk-link-muted,.uk-card-secondary.uk-card-body .uk-link-muted a,.uk-card-secondary.uk-card-body a.uk-link-muted,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-muted a,.uk-card-secondary>:not([class*=uk-card-media]) a.uk-link-muted,.uk-light .uk-link-muted a,.uk-light a.uk-link-muted,.uk-offcanvas-bar .uk-link-muted a,.uk-offcanvas-bar a.uk-link-muted,.uk-overlay-primary .uk-link-muted a,.uk-overlay-primary a.uk-link-muted,.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a,.uk-section-primary:not(.uk-preserve-color) a.uk-link-muted,.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a,.uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted,.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a,.uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a,.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted{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-toggle:focus .uk-link-muted,.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-muted,.uk-card-primary.uk-card-body a.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-toggle:focus .uk-link-muted,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-muted,.uk-card-primary>:not([class*=uk-card-media]) a.uk-link-muted:hover,.uk-card-secondary.uk-card-body .uk-link-muted a:hover,.uk-card-secondary.uk-card-body .uk-link-toggle:focus .uk-link-muted,.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-muted,.uk-card-secondary.uk-card-body a.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-toggle:focus .uk-link-muted,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-muted,.uk-card-secondary>:not([class*=uk-card-media]) a.uk-link-muted:hover,.uk-light .uk-link-muted a:hover,.uk-light .uk-link-toggle:focus .uk-link-muted,.uk-light .uk-link-toggle:hover .uk-link-muted,.uk-light a.uk-link-muted:hover,.uk-offcanvas-bar .uk-link-muted a:hover,.uk-offcanvas-bar .uk-link-toggle:focus .uk-link-muted,.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-muted,.uk-offcanvas-bar a.uk-link-muted:hover,.uk-overlay-primary .uk-link-muted a:hover,.uk-overlay-primary .uk-link-toggle:focus .uk-link-muted,.uk-overlay-primary .uk-link-toggle:hover .uk-link-muted,.uk-overlay-primary a.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-toggle:focus .uk-link-muted,.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,.uk-section-primary:not(.uk-preserve-color) a.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-toggle:focus .uk-link-muted,.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,.uk-section-secondary:not(.uk-preserve-color) a.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-toggle:focus .uk-link-muted,.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,.uk-tile-primary:not(.uk-preserve-color) a.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-toggle:focus .uk-link-muted,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,.uk-tile-secondary:not(.uk-preserve-color) a.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-toggle:focus .uk-link-text,.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-text,.uk-card-primary.uk-card-body a.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-toggle:focus .uk-link-text,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-text,.uk-card-primary>:not([class*=uk-card-media]) a.uk-link-text:hover,.uk-card-secondary.uk-card-body .uk-link-text a:hover,.uk-card-secondary.uk-card-body .uk-link-toggle:focus .uk-link-text,.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-text,.uk-card-secondary.uk-card-body a.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-toggle:focus .uk-link-text,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-text,.uk-card-secondary>:not([class*=uk-card-media]) a.uk-link-text:hover,.uk-light .uk-link-text a:hover,.uk-light .uk-link-toggle:focus .uk-link-text,.uk-light .uk-link-toggle:hover .uk-link-text,.uk-light a.uk-link-text:hover,.uk-offcanvas-bar .uk-link-text a:hover,.uk-offcanvas-bar .uk-link-toggle:focus .uk-link-text,.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-text,.uk-offcanvas-bar a.uk-link-text:hover,.uk-overlay-primary .uk-link-text a:hover,.uk-overlay-primary .uk-link-toggle:focus .uk-link-text,.uk-overlay-primary .uk-link-toggle:hover .uk-link-text,.uk-overlay-primary a.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-toggle:focus .uk-link-text,.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,.uk-section-primary:not(.uk-preserve-color) a.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-toggle:focus .uk-link-text,.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,.uk-section-secondary:not(.uk-preserve-color) a.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-toggle:focus .uk-link-text,.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,.uk-tile-primary:not(.uk-preserve-color) a.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-toggle:focus .uk-link-text,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,.uk-tile-secondary:not(.uk-preserve-color) a.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-toggle:focus .uk-link-heading,.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-heading,.uk-card-primary.uk-card-body a.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-toggle:focus .uk-link-heading,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-heading,.uk-card-primary>:not([class*=uk-card-media]) a.uk-link-heading:hover,.uk-card-secondary.uk-card-body .uk-link-heading a:hover,.uk-card-secondary.uk-card-body .uk-link-toggle:focus .uk-link-heading,.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-heading,.uk-card-secondary.uk-card-body a.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-toggle:focus .uk-link-heading,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-heading,.uk-card-secondary>:not([class*=uk-card-media]) a.uk-link-heading:hover,.uk-light .uk-link-heading a:hover,.uk-light .uk-link-toggle:focus .uk-link-heading,.uk-light .uk-link-toggle:hover .uk-link-heading,.uk-light a.uk-link-heading:hover,.uk-offcanvas-bar .uk-link-heading a:hover,.uk-offcanvas-bar .uk-link-toggle:focus .uk-link-heading,.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-heading,.uk-offcanvas-bar a.uk-link-heading:hover,.uk-overlay-primary .uk-link-heading a:hover,.uk-overlay-primary .uk-link-toggle:focus .uk-link-heading,.uk-overlay-primary .uk-link-toggle:hover .uk-link-heading,.uk-overlay-primary a.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-toggle:focus .uk-link-heading,.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,.uk-section-primary:not(.uk-preserve-color) a.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-toggle:focus .uk-link-heading,.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,.uk-section-secondary:not(.uk-preserve-color) a.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-toggle:focus .uk-link-heading,.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,.uk-tile-primary:not(.uk-preserve-color) a.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-toggle:focus .uk-link-heading,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,.uk-tile-secondary:not(.uk-preserve-color) a.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(255,255,255,.15);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(255,255,255,.2);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,.15);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(255,255,255,.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{background-color:rgba(255,255,255,.15);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:#fff}.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:#fff}.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,.5)}.uk-card-primary.uk-card-body.uk-card-badge,.uk-card-primary>:not([class*=uk-card-media]).uk-card-badge,.uk-card-secondary.uk-card-body.uk-card-badge,.uk-card-secondary>:not([class*=uk-card-media]).uk-card-badge,.uk-light.uk-card-badge,.uk-offcanvas-bar.uk-card-badge,.uk-overlay-primary.uk-card-badge,.uk-section-primary:not(.uk-preserve-color).uk-card-badge,.uk-section-secondary:not(.uk-preserve-color).uk-card-badge,.uk-tile-primary:not(.uk-preserve-color).uk-card-badge,.uk-tile-secondary:not(.uk-preserve-color).uk-card-badge{background-color:#fff;color:#666}.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!important}.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:rgba(0,0,0,.05)}.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-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-card-primary>:not([class*=uk-card-media]) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-card-secondary.uk-card-body .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-light .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-offcanvas-bar .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-overlay-primary .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-section-primary:not(.uk-preserve-color) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-section-secondary:not(.uk-preserve-color) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-tile-primary:not(.uk-preserve-color) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-tile-secondary:not(.uk-preserve-color) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider){border-top-color:rgba(255,255,255,.2)}.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:focus,.uk-card-primary.uk-card-body .uk-navbar-nav>li>a[aria-expanded=true],.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[aria-expanded=true],.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[aria-expanded=true],.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[aria-expanded=true],.uk-light .uk-navbar-nav>li:hover>a,.uk-light .uk-navbar-nav>li>a:focus,.uk-light .uk-navbar-nav>li>a[aria-expanded=true],.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[aria-expanded=true],.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[aria-expanded=true],.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[aria-expanded=true],.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[aria-expanded=true],.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[aria-expanded=true],.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[aria-expanded=true]{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:focus,.uk-card-primary.uk-card-body .uk-navbar-toggle:hover,.uk-card-primary.uk-card-body .uk-navbar-toggle[aria-expanded=true],.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-primary>:not([class*=uk-card-media]) .uk-navbar-toggle[aria-expanded=true],.uk-card-secondary.uk-card-body .uk-navbar-toggle:focus,.uk-card-secondary.uk-card-body .uk-navbar-toggle:hover,.uk-card-secondary.uk-card-body .uk-navbar-toggle[aria-expanded=true],.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-card-secondary>:not([class*=uk-card-media]) .uk-navbar-toggle[aria-expanded=true],.uk-light .uk-navbar-toggle:focus,.uk-light .uk-navbar-toggle:hover,.uk-light .uk-navbar-toggle[aria-expanded=true],.uk-offcanvas-bar .uk-navbar-toggle:focus,.uk-offcanvas-bar .uk-navbar-toggle:hover,.uk-offcanvas-bar .uk-navbar-toggle[aria-expanded=true],.uk-overlay-primary .uk-navbar-toggle:focus,.uk-overlay-primary .uk-navbar-toggle:hover,.uk-overlay-primary .uk-navbar-toggle[aria-expanded=true],.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:focus,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded=true],.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded=true],.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded=true],.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded=true]{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,0.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}}comitup-main-1.42/web/templates/css/uikit.css000066400000000000000000013637721464634077100213030ustar00rootroot00000000000000/*! UIkit 3.7.6 | https://www.getuikit.com | (c) 2014 - 2021 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-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 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-right: calc(5px + 0.2em); border-left: 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 { right: 100%; margin-right: calc(5px + 0.3em); } .uk-heading-line > ::after { left: 100%; margin-left: 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 { right: calc(50% + (50px / 2)); width: 100%; } .uk-divider-icon::after { left: 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-left: auto; margin-right: auto; border-left: 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-left: 30px; } /* * Type modifiers */ .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'; } /* * 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-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%; } /* 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: left; 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: left; 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-left: 0; } .uk-table-justify th:last-child, .uk-table-justify td:last-child { padding-right: 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-left: 0; padding-right: 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: #dedede; } /* Firefox */ .uk-range::-moz-range-track { height: 3px; background: #ebebeb; border-radius: 500px; } .uk-range:focus::-moz-range-track { background: #dedede; } /* 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: #dedede; } /* ======================================================================== 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: 6px; padding-bottom: 6px; vertical-align: top; } .uk-select[multiple], .uk-select[size] { resize: vertical; } /* 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; } /* Single-line */ .uk-form-small:not(textarea):not([multiple]):not([size]) { height: 30px; padding-left: 8px; padding-right: 8px; } /* Multi-line */ textarea.uk-form-small, [multiple].uk-form-small, [size].uk-form-small { padding: 5px 8px; } .uk-form-small:not(select):not(input):not(textarea) { line-height: 28px; } /* * Large */ .uk-form-large { font-size: 1.25rem; } /* Single-line */ .uk-form-large:not(textarea):not([multiple]):not([size]) { height: 55px; padding-left: 12px; padding-right: 12px; } /* Multi-line */ textarea.uk-form-large, [multiple].uk-form-large, [size].uk-form-large { padding: 7px 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-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: #666; } /* * 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-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 !important; } /* 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 { background-color: rgba(0, 0, 0, 0); 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 */ left: 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: 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 ========================================================================== */ /* * 1. Set position * 2. Set width * 3. Center icon vertically and horizontally * 4. Style */ .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; } /* * 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-left: 40px !important; } /* * Position modifier */ .uk-form-icon-flip { right: 0; left: auto; } .uk-form-icon-flip ~ .uk-input { padding-right: 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; left: 0; right: 100%; border-bottom: 1px solid #333; transition: right 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 { right: 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: #333; } /* Hover + Focus */ .uk-button-link:hover, .uk-button-link:focus { color: #999; text-decoration: none; } /* 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-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: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-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; } /* Phone landscape and bigger */ @media (min-width: 640px) { .uk-container { padding-left: 30px; padding-right: 30px; } } /* Tablet landscape and bigger */ @media (min-width: 960px) { .uk-container { padding-left: 40px; padding-right: 40px; } } /* * Remove margin from the last-child */ .uk-container > :last-child { margin-bottom: 0; } /* * Remove padding from nested containers */ .uk-container .uk-container { padding-left: 0; padding-right: 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-left { margin-left: 0; } .uk-container-expand-right { margin-right: 0; } /* 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-container-expand-left.uk-container-small, .uk-container-expand-right.uk-container-small { max-width: calc(50% + (900px / 2) - 30px); } } /* Tablet landscape and bigger */ @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); } } /* 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); } .uk-container-item-padding-remove-left { margin-left: -30px; } .uk-container-item-padding-remove-right { margin-right: -30px; } } /* 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-container-item-padding-remove-left { margin-left: -40px; } .uk-container-item-padding-remove-right { margin-right: -40px; } } /* ======================================================================== Component: Tile ========================================================================== */ .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; } } /* * 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-color: #fff; } /* * Muted */ .uk-tile-muted { background-color: #f8f8f8; } /* * Primary */ .uk-tile-primary { background-color: #1e87f0; } /* * Secondary */ .uk-tile-secondary { background-color: #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 ========================================================================== */ /* * 1. Position * 2. Size * 3. Style * 4. Center child vertically */ .uk-card-badge { /* 1 */ position: absolute; top: 15px; right: 15px; z-index: 1; /* 2 */ height: 22px; padding: 0 10px; /* 3 */ background: #1e87f0; color: #fff; font-size: 0.875rem; /* 4 */ display: flex; justify-content: center; align-items: center; line-height: 0; border-radius: 2px; text-transform: uppercase; } /* * 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-color: #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-color: #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-color: #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-color: #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-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 ========================================================================== */ /* * 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 29px 15px 15px; 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; right: 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: 18px; height: 18px; padding: 0 5px; border-radius: 500px; vertical-align: middle; /* 1 */ background: #1e87f0; color: #fff !important; font-size: 11px; /* 2 */ display: inline-flex; justify-content: center; align-items: center; line-height: 0; } /* * Required for `a` */ .uk-badge:hover, .uk-badge:focus { 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-left: 30px; list-style: none; } /* Tablet and bigger */ @media (min-width: 960px) { .uk-comment-list .uk-comment ~ ul { padding-left: 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; left: 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 { right: 0; left: auto; } /* Default modifier ========================================================================== */ .uk-search-default { width: 240px; } /* * Input */ .uk-search-default .uk-search-input { height: 40px; padding-left: 10px; padding-right: 10px; background: transparent; border: 1px solid #e5e5e5; } /* Focus */ .uk-search-default .uk-search-input:focus { background-color: rgba(0, 0, 0, 0); border-color: #1e87f0; } /* * Icon */ .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; } /* 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-left: 40px; } .uk-search-navbar .uk-search-icon-flip ~ .uk-search-input { padding-right: 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-left: 80px; } .uk-search-large .uk-search-icon-flip ~ .uk-search-input { padding-right: 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-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"); } /* 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-left'] { margin-left: -20px; } [class*='uk-drop-right'] { margin-left: 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-left'] { margin-left: -10px; } [class*='uk-dropdown-right'] { margin-left: 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; 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; } /* Phone landscape and bigger */ @media (min-width: 640px) { .uk-modal { padding: 50px 30px; } } /* Tablet landscape and bigger */ @media (min-width: 960px) { .uk-modal { padding-left: 40px; padding-right: 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; right: 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 */ right: -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 { right: 0; transform: translate(100%, -100%); } } /* * Full */ .uk-modal-close-full { top: 0; right: 0; padding: 20px; background: #fff; } /* ======================================================================== 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; left: 0; /* 2 */ right: 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 ========================================================================== */ /* * Clip child elements */ .uk-slider-container { overflow: hidden; } /* * Widen container to prevent box-shadows from clipping, `large-box-shadow` */ .uk-slider-container-offset { margin: -11px -25px -39px -25px; padding: 11px 25px 39px 25px; } /* 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) * `max-width` needed to keep image responsiveness and prevent content overflow * 3. Create position context * 4. Disable horizontal panning gestures in IE11 and Edge * 5. Suppress outline on focus */ .uk-slider-items > * { /* 1 */ flex: none; max-width: 100%; /* 3 */ position: relative; /* 4 */ touch-action: pan-y; } /* 5 */ .uk-slider-items > :focus { outline: none; } /* ======================================================================== Component: Sticky ========================================================================== */ /* * 1. Force new layer to resolve frame rate issues on devices with lower frame rates */ .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; left: 0; z-index: 1000; } /* * Flip modifier */ .uk-offcanvas-flip .uk-offcanvas { right: 0; left: auto; } /* 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; } /* Tablet landscape and bigger */ @media (min-width: 960px) { .uk-offcanvas-bar { left: -350px; width: 350px; padding: 40px 40px; } } /* Flip modifier */ .uk-offcanvas-flip .uk-offcanvas-bar { left: auto; right: -270px; } /* Tablet landscape and bigger */ @media (min-width: 960px) { .uk-offcanvas-flip .uk-offcanvas-bar { right: -350px; } } /* * Open */ .uk-open > .uk-offcanvas-bar { left: 0; } .uk-offcanvas-flip .uk-open > .uk-offcanvas-bar { left: auto; right: 0; } /* * Slide Animation (Used in slide and push mode) */ .uk-offcanvas-bar-animation { transition: left 0.3s ease-out; } .uk-offcanvas-flip .uk-offcanvas-bar-animation { transition-property: right; } /* * 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-offcanvas-reveal .uk-offcanvas-bar { /* 4 */ left: 0; } .uk-offcanvas-flip .uk-offcanvas-reveal .uk-offcanvas-bar { /* 4 */ left: auto; right: 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 { right: 0; left: auto; } /* Close * Adopts `uk-close` ========================================================================== */ .uk-offcanvas-close { position: absolute; z-index: 1000; top: 20px; right: 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; left: 0; right: 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; left: 0; transition: left 0.3s ease-out; /* 1 */ box-sizing: border-box; width: 100%; } /* * Activate slide-out animation */ :not(.uk-offcanvas-flip).uk-offcanvas-container-animation { left: 270px; } .uk-offcanvas-flip.uk-offcanvas-container-animation { left: -270px; } /* 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; } } /* ======================================================================== 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-left: 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; left: 10px; z-index: 1040; /* 2 */ box-sizing: border-box; width: 350px; } /* Position modifiers ========================================================================== */ .uk-notification-top-right, .uk-notification-bottom-right { left: auto; right: 10px; } .uk-notification-top-center, .uk-notification-bottom-center { left: 50%; margin-left: -175px; } .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; } } /* 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; right: 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-left'] { margin-left: -10px; } [class*='uk-tooltip-right'] { margin-left: 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-left: -30px; } .uk-grid > * { padding-left: 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-left: -40px; } .uk-grid > * { padding-left: 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-left: -15px; } .uk-grid-small > *, .uk-grid-column-small > * { padding-left: 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-left: -30px; } .uk-grid-medium > *, .uk-grid-column-medium > * { padding-left: 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-left: -40px; } .uk-grid-large > *, .uk-grid-column-large > * { padding-left: 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-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; } } /* * Collapse */ /* Horizontal */ .uk-grid-collapse, .uk-grid-column-collapse { margin-left: 0; } .uk-grid-collapse > *, .uk-grid-column-collapse > * { padding-left: 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-left: 1px solid #e5e5e5; } /* Vertical */ .uk-grid-divider.uk-grid-stack > .uk-grid-margin::before { content: ""; position: absolute; left: 0; right: 0; border-top: 1px solid #e5e5e5; } /* * Default */ /* Horizontal */ .uk-grid-divider { margin-left: -60px; } .uk-grid-divider > * { padding-left: 60px; } .uk-grid-divider > :not(.uk-first-column)::before { left: 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; left: 60px; } /* 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; } } /* * Small */ /* Horizontal */ .uk-grid-divider.uk-grid-small, .uk-grid-divider.uk-grid-column-small { margin-left: -30px; } .uk-grid-divider.uk-grid-small > *, .uk-grid-divider.uk-grid-column-small > * { padding-left: 30px; } .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; } /* 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; 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; } /* * Medium */ /* Horizontal */ .uk-grid-divider.uk-grid-medium, .uk-grid-divider.uk-grid-column-medium { margin-left: -60px; } .uk-grid-divider.uk-grid-medium > *, .uk-grid-divider.uk-grid-column-medium > * { padding-left: 60px; } .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; } /* 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; 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; } /* * Large */ /* Horizontal */ .uk-grid-divider.uk-grid-large, .uk-grid-divider.uk-grid-column-large { margin-left: -80px; } .uk-grid-divider.uk-grid-large > *, .uk-grid-divider.uk-grid-column-large > * { padding-left: 80px; } .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; } /* 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; 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; } /* 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; } } /* 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 */ .uk-nav, .uk-nav ul { margin: 0; padding: 0; list-style: none; } /* * 1. Center content vertically, e.g. an icon * 2. Imitate white space gap when using flexbox * 3. Reset link * 4. Space is allocated solely based on content dimensions: 0 0 auto */ .uk-nav li > a { /* 1 */ display: flex; align-items: center; /* 2 */ column-gap: 0.25em; /* 3*/ text-decoration: none; } /* 4 */ .uk-nav li > a > * { flex: none; } /* * Remove default focus style */ .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 0 5px 15px; } /* * Level 3 and deeper */ .uk-nav-sub ul { padding-left: 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; margin-left: auto; 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 > .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 ========================================================================== */ /* * 1. Center header * 2. Center items */ /* 1 */ .uk-nav-center { text-align: center; } /* 2 */ .uk-nav-center li > a { justify-content: center; } /* Sublists */ .uk-nav-center .uk-nav-sub, .uk-nav-center .uk-nav-sub ul { padding-left: 0; } /* Parent icon modifier */ .uk-nav-center.uk-nav-parent-icon > .uk-parent > a::after { margin-left: 0; } /* Style modifier ========================================================================== */ .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider) { margin-top: 0; padding-top: 0; border-top: 1px solid #e5e5e5; } /* ======================================================================== 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-left, .uk-navbar-right, .uk-navbar-center, .uk-navbar-center-left > *, .uk-navbar-center-right > * { 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-right { margin-left: auto; } .uk-navbar-center:only-child { margin-left: auto; margin-right: auto; /* 1 */ position: relative; } .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; } /* 4 */ .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; } /* 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-left, .uk-navbar-right, .uk-navbar-center:only-child { flex-wrap: wrap; } /* * Items * 1. Center content vertically and horizontally * 2. Imitate white space gap when using flexbox * 3. Dimensions * 4. Style * 5. Required for `a` */ .uk-navbar-nav > li > a, .uk-navbar-item, .uk-navbar-toggle { /* 1 */ display: flex; justify-content: center; align-items: center; /* 2 */ column-gap: 0.25em; /* 3 */ box-sizing: border-box; min-height: 80px; padding: 0 15px; /* 4 */ 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"; /* 5 */ 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[aria-expanded="true"] { 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; } /* * Remove margin from the last-child */ .uk-navbar-item > :last-child { margin-bottom: 0; } /* Toggle ========================================================================== */ .uk-navbar-toggle { color: #999; } .uk-navbar-toggle:hover, .uk-navbar-toggle:focus, .uk-navbar-toggle[aria-expanded="true"] { 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-left'] { margin-left: -15px; } [class*='uk-navbar-dropdown-right'] { margin-left: 15px; } /* * Grid * Adopts `uk-grid` */ /* Gutter Horizontal */ .uk-navbar-dropdown-grid { margin-left: -50px; } .uk-navbar-dropdown-grid > * { padding-left: 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; left: 0; right: 0; box-shadow: 0 5px 7px rgba(0, 0, 0, 0.05); } /* * Navbar */ .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; } /* * Grid Divider */ .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; } /* 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: Subnav ========================================================================== */ /* * 1. Allow items to wrap into the next line * 2. Center items vertically if they have a different height * 3. Gutter * 4. Reset list */ .uk-subnav { display: flex; /* 1 */ flex-wrap: wrap; /* 2 */ align-items: center; /* 3 */ margin-left: -20px; /* 4 */ 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-left: 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. Center content vertically, e.g. an icon * 2. Imitate white space gap when using flexbox * 3. Style */ .uk-subnav > * > :first-child { /* 1 */ display: flex; align-items: center; /* 2 */ column-gap: 0.25em; /* 3 */ 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-left: -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-left: 0px; margin-right: 20px; border-left: 1px solid transparent; } /* 1 */ .uk-subnav-divider > :nth-child(n+2):not(.uk-first-column)::before { border-left-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 ========================================================================== */ /* * Reset list */ .uk-breadcrumb { padding: 0; list-style: none; } /* * 1. Doesn't generate any box and replaced by child boxes */ .uk-breadcrumb > * { display: contents; } /* Items ========================================================================== */ .uk-breadcrumb > * > * { 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 * 1. Remove space between inline block elements. * 2. Style */ .uk-breadcrumb > :nth-child(n+2):not(.uk-first-column)::before { content: "/"; display: inline-block; /* 1 */ margin: 0 20px 0 calc(20px - 4px); /* 2 */ 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-left: 0; /* 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-left: 0; /* 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 */ padding: 5px 10px; 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-left: -20px; /* 3 */ padding: 0; list-style: none; position: relative; } .uk-tab::before { content: ""; position: absolute; 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; } /* Items ========================================================================== */ /* * Items must target `a` elements to exclude other elements (e.g. dropdowns) * 1. Center content vertically, e.g. an icon * 2. Imitate white space gap when using flexbox * 3. Center content if a width is set * 4. Style */ .uk-tab > * > a { /* 1 */ display: flex; align-items: center; /* 2 */ column-gap: 0.25em; /* 3 */ justify-content: center; /* 4 */ 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-left, .uk-tab-right { flex-direction: column; /* 1 */ 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 { justify-content: left; border-right: 1px solid transparent; border-bottom: none; } .uk-tab-right > * > a { justify-content: left; border-left: 1px solid transparent; border-bottom: none; } .uk-tab .uk-dropdown { margin-left: 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-left: -12px; } /* * 1. Space is allocated solely based on content dimensions: 0 0 auto * 2. Gutter */ .uk-dotnav > * { /* 1 */ flex: none; /* 2 */ padding-left: 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-left: 0; margin-top: -12px; } /* 2 */ .uk-dotnav-vertical > * { padding-left: 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-left: -15px; } /* * Space is allocated based on content dimensions, but shrinks: 0 1 auto * 1. Gutter */ .uk-thumbnav > * { /* 1 */ padding-left: 15px; } /* Items ========================================================================== */ /* * Items */ .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, 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-left: 0; margin-top: -15px; } /* 2 */ .uk-thumbnav-vertical > * { padding-left: 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-left: -10px; } /* * Space is allocated based on content dimensions, but shrinks: 0 1 auto * 1. Gutter */ .uk-iconnav > * { /* 1 */ padding-left: 10px; } /* Items ========================================================================== */ /* * Items must target `a` elements to exclude other elements (e.g. dropdowns) * 1. Center content vertically if there is still some text * 2. Imitate white space gap when using flexbox * 3. Force text not to affect item height * 4. Style * 5. Required for `a` if there is still some text */ .uk-iconnav > * > a { /* 1 */ display: flex; align-items: center; /* 2 */ column-gap: 0.25em; /* 3 */ line-height: 0; /* 4 */ color: #999; /* 5 */ text-decoration: none; font-size: 0.875rem; transition: 0.1s ease-in-out; transition-property: color, background-color; } /* 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-left: 0; margin-top: -10px; } /* 2 */ .uk-iconnav-vertical > * { padding-left: 0; padding-top: 10px; } /* ======================================================================== 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; } /* * 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; 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; } /* 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 + Focus */ .uk-lightbox-button:hover, .uk-lightbox-button:focus { color: #fff; } /* OnClick */ /* Caption ========================================================================== */ .uk-lightbox-caption:empty { display: none; } /* Iframe ========================================================================== */ .uk-lightbox-iframe { width: 80%; height: 80%; } /* ======================================================================== 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-left { animation-name: uk-fade-left; } .uk-animation-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 { 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; } /* Decoration modifier ========================================================================== */ .uk-text-decoration-none { text-decoration: none !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, .uk-background-width-1-1, .uk-background-height-1-1 { background-position: 50% 50%; background-repeat: no-repeat; } .uk-background-cover { background-size: cover; } .uk-background-contain { background-size: contain; } .uk-background-width-1-1 { background-size: 100%; } .uk-background-height-1-1 { background-size: auto 100%; } /* 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 new layer 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. Fix shadow being clipped in Safari if container is animated */ @supports (filter: blur(0)) { .uk-box-shadow-bottom { display: inline-block; position: relative; z-index: 0; max-width: 100%; vertical-align: middle; } .uk-box-shadow-bottom::after { content: ''; /* 1 */ position: absolute; bottom: -30px; left: 0; right: 0; z-index: -1; /* 2 */ height: 30px; border-radius: 100%; background: #444; filter: blur(20px); /* 3 */ will-change: filter; } } /* 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; } } /* 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-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-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-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; } /* Phone landscape and bigger */ @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; } } /* Tablet landscape and bigger */ @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; } } /* 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; } } /* 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; } } /* * 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-left { margin-left: 20px !important; } .uk-margin-right { margin-right: 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-left { margin-left: 10px !important; } .uk-margin-small-right { margin-right: 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-left { margin-left: 40px !important; } .uk-margin-medium-right { margin-right: 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-left { margin-left: 40px !important; } .uk-margin-large-right { margin-right: 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-left { margin-left: 70px !important; } .uk-margin-large-right { margin-right: 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-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; } } /* Auto ========================================================================== */ .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; } /* 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; } } /* 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; } } /* 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; } } /* 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; } } /* 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-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; } /* 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; } } /* 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; } } /* 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; } } /* 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: 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-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 ========================================================================== */ /* * 1. Prevent content overflow if `max-width: 100%` is used inside position container. */ [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%; } /* Edges ========================================================================== */ /* Don't use `width: 100%` because it is wrong if the parent has padding. */ .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; } /* 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; } /* * Center * 1. Fix text wrapping if content is larger than 50% of the container. */ .uk-position-center { top: 50%; left: 50%; transform: translate(-50%, -50%); /* 1 */ width: max-content; max-width: 100%; box-sizing: border-box; } /* Vertical */ [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; } /* 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; } /* Cover ========================================================================== */ .uk-position-cover { position: absolute; top: 0; bottom: 0; left: 0; right: 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-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); } /* * 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-left'], .uk-position-medium[class*='uk-position-center-right'] { 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-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) ========================================================================== */ /* * 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.03, 1.03); } /* 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.03, 1.03); } .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-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); } /* 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-light .uk-link-toggle:hover .uk-link, .uk-light .uk-link-toggle:focus .uk-link, .uk-section-primary:not(.uk-preserve-color) a:hover, .uk-section-primary:not(.uk-preserve-color) .uk-link:hover, .uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link, .uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link, .uk-section-secondary:not(.uk-preserve-color) a:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-link:hover, .uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link, .uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link, .uk-tile-primary:not(.uk-preserve-color) a:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-link:hover, .uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link, .uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link, .uk-tile-secondary:not(.uk-preserve-color) a:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-link:hover, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link, .uk-card-primary.uk-card-body a:hover, .uk-card-primary.uk-card-body .uk-link:hover, .uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link, .uk-card-primary.uk-card-body .uk-link-toggle:focus .uk-link, .uk-card-primary > :not([class*='uk-card-media']) a:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-link:hover, .uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link, .uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:focus .uk-link, .uk-card-secondary.uk-card-body a:hover, .uk-card-secondary.uk-card-body .uk-link:hover, .uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link, .uk-card-secondary.uk-card-body .uk-link-toggle:focus .uk-link, .uk-card-secondary > :not([class*='uk-card-media']) a:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-link:hover, .uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:hover .uk-link, .uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:focus .uk-link, .uk-overlay-primary a:hover, .uk-overlay-primary .uk-link:hover, .uk-overlay-primary .uk-link-toggle:hover .uk-link, .uk-overlay-primary .uk-link-toggle:focus .uk-link, .uk-offcanvas-bar a:hover, .uk-offcanvas-bar .uk-link:hover, .uk-offcanvas-bar .uk-link-toggle:hover .uk-link, .uk-offcanvas-bar .uk-link-toggle:focus .uk-link { 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 a.uk-link-muted, .uk-light .uk-link-muted a, .uk-section-primary:not(.uk-preserve-color) a.uk-link-muted, .uk-section-primary:not(.uk-preserve-color) .uk-link-muted a, .uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted, .uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a, .uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted, .uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a, .uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a, .uk-card-primary.uk-card-body a.uk-link-muted, .uk-card-primary.uk-card-body .uk-link-muted a, .uk-card-primary > :not([class*='uk-card-media']) a.uk-link-muted, .uk-card-primary > :not([class*='uk-card-media']) .uk-link-muted a, .uk-card-secondary.uk-card-body a.uk-link-muted, .uk-card-secondary.uk-card-body .uk-link-muted a, .uk-card-secondary > :not([class*='uk-card-media']) a.uk-link-muted, .uk-card-secondary > :not([class*='uk-card-media']) .uk-link-muted a, .uk-overlay-primary a.uk-link-muted, .uk-overlay-primary .uk-link-muted a, .uk-offcanvas-bar a.uk-link-muted, .uk-offcanvas-bar .uk-link-muted a { color: rgba(255, 255, 255, 0.5); } .uk-light a.uk-link-muted:hover, .uk-light .uk-link-muted a:hover, .uk-light .uk-link-toggle:hover .uk-link-muted, .uk-light .uk-link-toggle:focus .uk-link-muted, .uk-section-primary:not(.uk-preserve-color) a.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-toggle:hover .uk-link-muted, .uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-muted, .uk-section-secondary:not(.uk-preserve-color) a.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-toggle:hover .uk-link-muted, .uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-muted, .uk-tile-primary:not(.uk-preserve-color) a.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-toggle:hover .uk-link-muted, .uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-muted, .uk-tile-secondary:not(.uk-preserve-color) a.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-toggle:hover .uk-link-muted, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-muted, .uk-card-primary.uk-card-body a.uk-link-muted:hover, .uk-card-primary.uk-card-body .uk-link-muted a:hover, .uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-muted, .uk-card-primary.uk-card-body .uk-link-toggle:focus .uk-link-muted, .uk-card-primary > :not([class*='uk-card-media']) a.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-toggle:hover .uk-link-muted, .uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:focus .uk-link-muted, .uk-card-secondary.uk-card-body a.uk-link-muted:hover, .uk-card-secondary.uk-card-body .uk-link-muted a:hover, .uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-muted, .uk-card-secondary.uk-card-body .uk-link-toggle:focus .uk-link-muted, .uk-card-secondary > :not([class*='uk-card-media']) a.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-toggle:hover .uk-link-muted, .uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:focus .uk-link-muted, .uk-overlay-primary a.uk-link-muted:hover, .uk-overlay-primary .uk-link-muted a:hover, .uk-overlay-primary .uk-link-toggle:hover .uk-link-muted, .uk-overlay-primary .uk-link-toggle:focus .uk-link-muted, .uk-offcanvas-bar a.uk-link-muted:hover, .uk-offcanvas-bar .uk-link-muted a:hover, .uk-offcanvas-bar .uk-link-toggle:hover .uk-link-muted, .uk-offcanvas-bar .uk-link-toggle:focus .uk-link-muted { color: rgba(255, 255, 255, 0.7); } .uk-light a.uk-link-text:hover, .uk-light .uk-link-text a:hover, .uk-light .uk-link-toggle:hover .uk-link-text, .uk-light .uk-link-toggle:focus .uk-link-text, .uk-section-primary:not(.uk-preserve-color) a.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-toggle:hover .uk-link-text, .uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-text, .uk-section-secondary:not(.uk-preserve-color) a.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-toggle:hover .uk-link-text, .uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-text, .uk-tile-primary:not(.uk-preserve-color) a.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-toggle:hover .uk-link-text, .uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-text, .uk-tile-secondary:not(.uk-preserve-color) a.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-toggle:hover .uk-link-text, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-text, .uk-card-primary.uk-card-body a.uk-link-text:hover, .uk-card-primary.uk-card-body .uk-link-text a:hover, .uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-text, .uk-card-primary.uk-card-body .uk-link-toggle:focus .uk-link-text, .uk-card-primary > :not([class*='uk-card-media']) a.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-toggle:hover .uk-link-text, .uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:focus .uk-link-text, .uk-card-secondary.uk-card-body a.uk-link-text:hover, .uk-card-secondary.uk-card-body .uk-link-text a:hover, .uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-text, .uk-card-secondary.uk-card-body .uk-link-toggle:focus .uk-link-text, .uk-card-secondary > :not([class*='uk-card-media']) a.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-toggle:hover .uk-link-text, .uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:focus .uk-link-text, .uk-overlay-primary a.uk-link-text:hover, .uk-overlay-primary .uk-link-text a:hover, .uk-overlay-primary .uk-link-toggle:hover .uk-link-text, .uk-overlay-primary .uk-link-toggle:focus .uk-link-text, .uk-offcanvas-bar a.uk-link-text:hover, .uk-offcanvas-bar .uk-link-text a:hover, .uk-offcanvas-bar .uk-link-toggle:hover .uk-link-text, .uk-offcanvas-bar .uk-link-toggle:focus .uk-link-text { color: rgba(255, 255, 255, 0.5); } .uk-light a.uk-link-heading:hover, .uk-light .uk-link-heading a:hover, .uk-light .uk-link-toggle:hover .uk-link-heading, .uk-light .uk-link-toggle:focus .uk-link-heading, .uk-section-primary:not(.uk-preserve-color) a.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-toggle:hover .uk-link-heading, .uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-heading, .uk-section-secondary:not(.uk-preserve-color) a.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-toggle:hover .uk-link-heading, .uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-heading, .uk-tile-primary:not(.uk-preserve-color) a.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-toggle:hover .uk-link-heading, .uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-heading, .uk-tile-secondary:not(.uk-preserve-color) a.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-toggle:hover .uk-link-heading, .uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link-heading, .uk-card-primary.uk-card-body a.uk-link-heading:hover, .uk-card-primary.uk-card-body .uk-link-heading a:hover, .uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-heading, .uk-card-primary.uk-card-body .uk-link-toggle:focus .uk-link-heading, .uk-card-primary > :not([class*='uk-card-media']) a.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-toggle:hover .uk-link-heading, .uk-card-primary > :not([class*='uk-card-media']) .uk-link-toggle:focus .uk-link-heading, .uk-card-secondary.uk-card-body a.uk-link-heading:hover, .uk-card-secondary.uk-card-body .uk-link-heading a:hover, .uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-heading, .uk-card-secondary.uk-card-body .uk-link-toggle:focus .uk-link-heading, .uk-card-secondary > :not([class*='uk-card-media']) a.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-toggle:hover .uk-link-heading, .uk-card-secondary > :not([class*='uk-card-media']) .uk-link-toggle:focus .uk-link-heading, .uk-overlay-primary a.uk-link-heading:hover, .uk-overlay-primary .uk-link-heading a:hover, .uk-overlay-primary .uk-link-toggle:hover .uk-link-heading, .uk-overlay-primary .uk-link-toggle:focus .uk-link-heading, .uk-offcanvas-bar a.uk-link-heading:hover, .uk-offcanvas-bar .uk-link-heading a:hover, .uk-offcanvas-bar .uk-link-toggle:hover .uk-link-heading, .uk-offcanvas-bar .uk-link-toggle:focus .uk-link-heading { 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(255, 255, 255, 0.15); 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(255, 255, 255, 0.2); 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.15); 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(255, 255, 255, 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 { background-color: rgba(255, 255, 255, 0.15); 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: #ffffff; } .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: #fff; } .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.5); } .uk-light.uk-card-badge, .uk-section-primary:not(.uk-preserve-color).uk-card-badge, .uk-section-secondary:not(.uk-preserve-color).uk-card-badge, .uk-tile-primary:not(.uk-preserve-color).uk-card-badge, .uk-tile-secondary:not(.uk-preserve-color).uk-card-badge, .uk-card-primary.uk-card-body.uk-card-badge, .uk-card-primary > :not([class*='uk-card-media']).uk-card-badge, .uk-card-secondary.uk-card-body.uk-card-badge, .uk-card-secondary > :not([class*='uk-card-media']).uk-card-badge, .uk-overlay-primary.uk-card-badge, .uk-offcanvas-bar.uk-card-badge { background-color: #fff; color: #666; } .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 !important; } .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: rgba(0, 0, 0, 0.05); } .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-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), .uk-section-primary:not(.uk-preserve-color) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), .uk-section-secondary:not(.uk-preserve-color) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), .uk-tile-primary:not(.uk-preserve-color) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), .uk-tile-secondary:not(.uk-preserve-color) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), .uk-card-primary.uk-card-body .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), .uk-card-primary > :not([class*='uk-card-media']) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), .uk-card-secondary.uk-card-body .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), .uk-card-secondary > :not([class*='uk-card-media']) .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), .uk-overlay-primary .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider), .uk-offcanvas-bar .uk-nav.uk-nav-divider > :not(.uk-nav-divider) + :not(.uk-nav-header, .uk-nav-divider) { border-top-color: rgba(255, 255, 255, 0.2); } .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[aria-expanded="true"], .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[aria-expanded="true"], .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[aria-expanded="true"], .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[aria-expanded="true"], .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[aria-expanded="true"], .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[aria-expanded="true"], .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[aria-expanded="true"], .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[aria-expanded="true"], .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[aria-expanded="true"], .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[aria-expanded="true"], .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[aria-expanded="true"] { 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[aria-expanded="true"], .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[aria-expanded="true"], .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[aria-expanded="true"], .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[aria-expanded="true"], .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[aria-expanded="true"], .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[aria-expanded="true"], .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[aria-expanded="true"], .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[aria-expanded="true"], .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[aria-expanded="true"], .uk-overlay-primary .uk-navbar-toggle:hover, .uk-overlay-primary .uk-navbar-toggle:focus, .uk-overlay-primary .uk-navbar-toggle[aria-expanded="true"], .uk-offcanvas-bar .uk-navbar-toggle:hover, .uk-offcanvas-bar .uk-navbar-toggle:focus, .uk-offcanvas-bar .uk-navbar-toggle[aria-expanded="true"] { 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; 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; } } comitup-main-1.42/web/templates/css/uikit.min.css000066400000000000000000010305311464634077100220450ustar00rootroot00000000000000/*! UIkit 3.7.6 | https://www.getuikit.com | (c) 2014 - 2021 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:0.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:#dedede}.uk-range::-moz-range-track{height:3px;background:#ebebeb;border-radius:500px}.uk-range:focus::-moz-range-track{background:#dedede}.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:#dedede}.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:6px;padding-bottom:6px;vertical-align:top}.uk-select[multiple],.uk-select[size]{resize:vertical}.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}[multiple].uk-form-small,[size].uk-form-small,textarea.uk-form-small{padding:5px 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}[multiple].uk-form-large,[size].uk-form-large,textarea.uk-form-large{padding:7px 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:#666}.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!important}.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{background-color:rgba(0,0,0,0);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:#333}.uk-button-link:focus,.uk-button-link:hover{color:#999;text-decoration:none}.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-color:#fff}.uk-tile-muted{background-color:#f8f8f8}.uk-tile-primary{background-color:#1e87f0}.uk-tile-secondary{background-color:#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:15px;right:15px;z-index:1;height:22px;padding:0 10px;background:#1e87f0;color:#fff;font-size:.875rem;display:flex;justify-content:center;align-items:center;line-height:0;border-radius:2px;text-transform:uppercase}.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-color:#fff;box-shadow:0 14px 25px rgba(0,0,0,.16)}.uk-card-default{background-color:#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-color:#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-color:#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:18px;height:18px;padding:0 5px;border-radius:500px;vertical-align:middle;background:#1e87f0;color:#fff!important;font-size:11px;display:inline-flex;justify-content:center;align-items:center;line-height:0}.uk-badge:focus,.uk-badge:hover{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:240px}.uk-search-default .uk-search-input{height:40px;padding-left:10px;padding-right:10px;background:0 0;border:1px solid #e5e5e5}.uk-search-default .uk-search-input:focus{background-color:rgba(0,0,0,0);border-color:#1e87f0}.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-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-container-offset{margin:-11px -25px -39px -25px;padding:11px 25px 39px 25px}.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;max-width:100%;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:flex;align-items:center;column-gap:.25em;text-decoration:none}.uk-nav li>a>*{flex: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;margin-left:auto;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>.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 li>a{justify-content: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{margin-left:0}.uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider){margin-top:0;padding-top:0;border-top:1px solid #e5e5e5}.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;column-gap:.25em;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:focus,.uk-navbar-nav>li>a[aria-expanded=true]{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-item>:last-child{margin-bottom:0}.uk-navbar-toggle{color:#999}.uk-navbar-toggle:focus,.uk-navbar-toggle:hover,.uk-navbar-toggle[aria-expanded=true]{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;align-items:center;margin-left:-20px;padding:0;list-style:none}.uk-subnav>*{flex:none;padding-left:20px;position:relative}.uk-subnav>*>:first-child{display:flex;align-items:center;column-gap:.25em;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{padding:0;list-style:none}.uk-breadcrumb>*{display:contents}.uk-breadcrumb>*>*{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 0 calc(20px - 4px);font-size:.875rem;color:#999}.uk-pagination{display:flex;flex-wrap:wrap;margin-left:0;padding:0;list-style:none}.uk-pagination>*{flex:none;padding-left:0;position:relative}.uk-pagination>*>*{display:block;padding:5px 10px;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:flex;align-items:center;column-gap:.25em;justify-content: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{justify-content:left;border-right:1px solid transparent;border-bottom:none}.uk-tab-right>*>a{justify-content: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:flex;align-items:center;column-gap:.25em;line-height:0;color:#999;text-decoration:none;font-size:.875rem;transition:.1s ease-in-out;transition-property:color,background-color}.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}.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:focus,.uk-lightbox-button:hover{color:#fff}.uk-lightbox-caption:empty{display:none}.uk-lightbox-iframe{width:80%;height:80%}[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-decoration-none{text-decoration:none!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,.uk-background-height-1-1,.uk-background-width-1-1{background-position:50% 50%;background-repeat:no-repeat}.uk-background-cover{background-size:cover}.uk-background-contain{background-size:contain}.uk-background-width-1-1{background-size:100%}.uk-background-height-1-1{background-size:auto 100%}.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;z-index:0;max-width:100%;vertical-align:middle}.uk-box-shadow-bottom::after{content:'';position:absolute;bottom:-30px;left:0;right:0;z-index:-1;height:30px;border-radius:100%;background:#444;filter:blur(20px);will-change:filter}}.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.03,1.03)}.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.03,1.03)}.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-toggle:focus .uk-link,.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link,.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-toggle:focus .uk-link,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link,.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-toggle:focus .uk-link,.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link,.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-toggle:focus .uk-link,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link,.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-toggle:focus .uk-link,.uk-light .uk-link-toggle:hover .uk-link,.uk-light .uk-link:hover,.uk-light a:hover,.uk-offcanvas-bar .uk-link-toggle:focus .uk-link,.uk-offcanvas-bar .uk-link-toggle:hover .uk-link,.uk-offcanvas-bar .uk-link:hover,.uk-offcanvas-bar a:hover,.uk-overlay-primary .uk-link-toggle:focus .uk-link,.uk-overlay-primary .uk-link-toggle:hover .uk-link,.uk-overlay-primary .uk-link:hover,.uk-overlay-primary a:hover,.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:focus .uk-link,.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,.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-toggle:focus .uk-link,.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,.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-toggle:focus .uk-link,.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,.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-toggle:focus .uk-link,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link,.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 a,.uk-card-primary.uk-card-body a.uk-link-muted,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-muted a,.uk-card-primary>:not([class*=uk-card-media]) a.uk-link-muted,.uk-card-secondary.uk-card-body .uk-link-muted a,.uk-card-secondary.uk-card-body a.uk-link-muted,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-muted a,.uk-card-secondary>:not([class*=uk-card-media]) a.uk-link-muted,.uk-light .uk-link-muted a,.uk-light a.uk-link-muted,.uk-offcanvas-bar .uk-link-muted a,.uk-offcanvas-bar a.uk-link-muted,.uk-overlay-primary .uk-link-muted a,.uk-overlay-primary a.uk-link-muted,.uk-section-primary:not(.uk-preserve-color) .uk-link-muted a,.uk-section-primary:not(.uk-preserve-color) a.uk-link-muted,.uk-section-secondary:not(.uk-preserve-color) .uk-link-muted a,.uk-section-secondary:not(.uk-preserve-color) a.uk-link-muted,.uk-tile-primary:not(.uk-preserve-color) .uk-link-muted a,.uk-tile-primary:not(.uk-preserve-color) a.uk-link-muted,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-muted a,.uk-tile-secondary:not(.uk-preserve-color) a.uk-link-muted{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-toggle:focus .uk-link-muted,.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-muted,.uk-card-primary.uk-card-body a.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-toggle:focus .uk-link-muted,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-muted,.uk-card-primary>:not([class*=uk-card-media]) a.uk-link-muted:hover,.uk-card-secondary.uk-card-body .uk-link-muted a:hover,.uk-card-secondary.uk-card-body .uk-link-toggle:focus .uk-link-muted,.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-muted,.uk-card-secondary.uk-card-body a.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-toggle:focus .uk-link-muted,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-muted,.uk-card-secondary>:not([class*=uk-card-media]) a.uk-link-muted:hover,.uk-light .uk-link-muted a:hover,.uk-light .uk-link-toggle:focus .uk-link-muted,.uk-light .uk-link-toggle:hover .uk-link-muted,.uk-light a.uk-link-muted:hover,.uk-offcanvas-bar .uk-link-muted a:hover,.uk-offcanvas-bar .uk-link-toggle:focus .uk-link-muted,.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-muted,.uk-offcanvas-bar a.uk-link-muted:hover,.uk-overlay-primary .uk-link-muted a:hover,.uk-overlay-primary .uk-link-toggle:focus .uk-link-muted,.uk-overlay-primary .uk-link-toggle:hover .uk-link-muted,.uk-overlay-primary a.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-toggle:focus .uk-link-muted,.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,.uk-section-primary:not(.uk-preserve-color) a.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-toggle:focus .uk-link-muted,.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,.uk-section-secondary:not(.uk-preserve-color) a.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-toggle:focus .uk-link-muted,.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,.uk-tile-primary:not(.uk-preserve-color) a.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-toggle:focus .uk-link-muted,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-muted,.uk-tile-secondary:not(.uk-preserve-color) a.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-toggle:focus .uk-link-text,.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-text,.uk-card-primary.uk-card-body a.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-toggle:focus .uk-link-text,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-text,.uk-card-primary>:not([class*=uk-card-media]) a.uk-link-text:hover,.uk-card-secondary.uk-card-body .uk-link-text a:hover,.uk-card-secondary.uk-card-body .uk-link-toggle:focus .uk-link-text,.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-text,.uk-card-secondary.uk-card-body a.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-toggle:focus .uk-link-text,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-text,.uk-card-secondary>:not([class*=uk-card-media]) a.uk-link-text:hover,.uk-light .uk-link-text a:hover,.uk-light .uk-link-toggle:focus .uk-link-text,.uk-light .uk-link-toggle:hover .uk-link-text,.uk-light a.uk-link-text:hover,.uk-offcanvas-bar .uk-link-text a:hover,.uk-offcanvas-bar .uk-link-toggle:focus .uk-link-text,.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-text,.uk-offcanvas-bar a.uk-link-text:hover,.uk-overlay-primary .uk-link-text a:hover,.uk-overlay-primary .uk-link-toggle:focus .uk-link-text,.uk-overlay-primary .uk-link-toggle:hover .uk-link-text,.uk-overlay-primary a.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-toggle:focus .uk-link-text,.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,.uk-section-primary:not(.uk-preserve-color) a.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-toggle:focus .uk-link-text,.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,.uk-section-secondary:not(.uk-preserve-color) a.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-toggle:focus .uk-link-text,.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,.uk-tile-primary:not(.uk-preserve-color) a.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-toggle:focus .uk-link-text,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-text,.uk-tile-secondary:not(.uk-preserve-color) a.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-toggle:focus .uk-link-heading,.uk-card-primary.uk-card-body .uk-link-toggle:hover .uk-link-heading,.uk-card-primary.uk-card-body a.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-toggle:focus .uk-link-heading,.uk-card-primary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-heading,.uk-card-primary>:not([class*=uk-card-media]) a.uk-link-heading:hover,.uk-card-secondary.uk-card-body .uk-link-heading a:hover,.uk-card-secondary.uk-card-body .uk-link-toggle:focus .uk-link-heading,.uk-card-secondary.uk-card-body .uk-link-toggle:hover .uk-link-heading,.uk-card-secondary.uk-card-body a.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-toggle:focus .uk-link-heading,.uk-card-secondary>:not([class*=uk-card-media]) .uk-link-toggle:hover .uk-link-heading,.uk-card-secondary>:not([class*=uk-card-media]) a.uk-link-heading:hover,.uk-light .uk-link-heading a:hover,.uk-light .uk-link-toggle:focus .uk-link-heading,.uk-light .uk-link-toggle:hover .uk-link-heading,.uk-light a.uk-link-heading:hover,.uk-offcanvas-bar .uk-link-heading a:hover,.uk-offcanvas-bar .uk-link-toggle:focus .uk-link-heading,.uk-offcanvas-bar .uk-link-toggle:hover .uk-link-heading,.uk-offcanvas-bar a.uk-link-heading:hover,.uk-overlay-primary .uk-link-heading a:hover,.uk-overlay-primary .uk-link-toggle:focus .uk-link-heading,.uk-overlay-primary .uk-link-toggle:hover .uk-link-heading,.uk-overlay-primary a.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-toggle:focus .uk-link-heading,.uk-section-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,.uk-section-primary:not(.uk-preserve-color) a.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-toggle:focus .uk-link-heading,.uk-section-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,.uk-section-secondary:not(.uk-preserve-color) a.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-toggle:focus .uk-link-heading,.uk-tile-primary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,.uk-tile-primary:not(.uk-preserve-color) a.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-toggle:focus .uk-link-heading,.uk-tile-secondary:not(.uk-preserve-color) .uk-link-toggle:hover .uk-link-heading,.uk-tile-secondary:not(.uk-preserve-color) a.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(255,255,255,.15);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(255,255,255,.2);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,.15);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(255,255,255,.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{background-color:rgba(255,255,255,.15);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:#fff}.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:#fff}.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,.5)}.uk-card-primary.uk-card-body.uk-card-badge,.uk-card-primary>:not([class*=uk-card-media]).uk-card-badge,.uk-card-secondary.uk-card-body.uk-card-badge,.uk-card-secondary>:not([class*=uk-card-media]).uk-card-badge,.uk-light.uk-card-badge,.uk-offcanvas-bar.uk-card-badge,.uk-overlay-primary.uk-card-badge,.uk-section-primary:not(.uk-preserve-color).uk-card-badge,.uk-section-secondary:not(.uk-preserve-color).uk-card-badge,.uk-tile-primary:not(.uk-preserve-color).uk-card-badge,.uk-tile-secondary:not(.uk-preserve-color).uk-card-badge{background-color:#fff;color:#666}.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!important}.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:rgba(0,0,0,.05)}.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-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-card-primary>:not([class*=uk-card-media]) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-card-secondary.uk-card-body .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-card-secondary>:not([class*=uk-card-media]) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-light .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-offcanvas-bar .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-overlay-primary .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-section-primary:not(.uk-preserve-color) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-section-secondary:not(.uk-preserve-color) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-tile-primary:not(.uk-preserve-color) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider),.uk-tile-secondary:not(.uk-preserve-color) .uk-nav.uk-nav-divider>:not(.uk-nav-divider)+:not(.uk-nav-header,.uk-nav-divider){border-top-color:rgba(255,255,255,.2)}.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:focus,.uk-card-primary.uk-card-body .uk-navbar-nav>li>a[aria-expanded=true],.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[aria-expanded=true],.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[aria-expanded=true],.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[aria-expanded=true],.uk-light .uk-navbar-nav>li:hover>a,.uk-light .uk-navbar-nav>li>a:focus,.uk-light .uk-navbar-nav>li>a[aria-expanded=true],.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[aria-expanded=true],.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[aria-expanded=true],.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[aria-expanded=true],.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[aria-expanded=true],.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[aria-expanded=true],.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[aria-expanded=true]{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:focus,.uk-card-primary.uk-card-body .uk-navbar-toggle:hover,.uk-card-primary.uk-card-body .uk-navbar-toggle[aria-expanded=true],.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-primary>:not([class*=uk-card-media]) .uk-navbar-toggle[aria-expanded=true],.uk-card-secondary.uk-card-body .uk-navbar-toggle:focus,.uk-card-secondary.uk-card-body .uk-navbar-toggle:hover,.uk-card-secondary.uk-card-body .uk-navbar-toggle[aria-expanded=true],.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-card-secondary>:not([class*=uk-card-media]) .uk-navbar-toggle[aria-expanded=true],.uk-light .uk-navbar-toggle:focus,.uk-light .uk-navbar-toggle:hover,.uk-light .uk-navbar-toggle[aria-expanded=true],.uk-offcanvas-bar .uk-navbar-toggle:focus,.uk-offcanvas-bar .uk-navbar-toggle:hover,.uk-offcanvas-bar .uk-navbar-toggle[aria-expanded=true],.uk-overlay-primary .uk-navbar-toggle:focus,.uk-overlay-primary .uk-navbar-toggle:hover,.uk-overlay-primary .uk-navbar-toggle[aria-expanded=true],.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:focus,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover,.uk-section-primary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded=true],.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:focus,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover,.uk-section-secondary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded=true],.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:focus,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle:hover,.uk-tile-primary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded=true],.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:focus,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle:hover,.uk-tile-secondary:not(.uk-preserve-color) .uk-navbar-toggle[aria-expanded=true]{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,0.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}}comitup-main-1.42/web/templates/images/000077500000000000000000000000001464634077100200765ustar00rootroot00000000000000comitup-main-1.42/web/templates/images/ledoff.gif000066400000000000000000000001651464634077100220260ustar00rootroot00000000000000GIF89a(€˙˙˙!ūCreated with GIMP!ų ,(7„ŠËíQ˜´Ú‹ŗĖŧëã…â&–iĻĒšl;‚púÎ]mF^âŧåûQ‚ÂQxüE–ĖĻsQ;comitup-main-1.42/web/templates/images/ledon.gif000066400000000000000000000001731464634077100216670ustar00rootroot00000000000000GIF89a(ĄÄ˙˙˙˙˙˙!ūCreated with GIMP!ų ,(7„ŠËíQ˜´Ú‹ŗĖŧëã…â&–iĻĒšl;‚púÎ]mF^âŧåûQ‚ÂQxüE–ĖĻsQ;comitup-main-1.42/web/templates/index.html000066400000000000000000000057101464634077100206310ustar00rootroot00000000000000 Comitup
Comitup - Built with ComitUp

Choose WiFi Connection

{% for point in points %} {% if point.security == 'encrypted' %} {% else %} {% endif %} {% endfor %}
{% if can_blink %}
{% endif %}
comitup-main-1.42/web/templates/js/000077500000000000000000000000001464634077100172455ustar00rootroot00000000000000comitup-main-1.42/web/templates/js/blink.js000066400000000000000000000005711464634077100207050ustar00rootroot00000000000000 function setled(path) { var image = document.getElementById("ledimg"); image.src = path; } function blink() { setled("img/ledoff.gif"); request = new XMLHttpRequest(); request.open("GET", "/blink", true); request.send() setTimeout(setled, 250, "img/ledon.gif"); setTimeout(setled, 750, "img/ledoff.gif"); setTimeout(setled, 1000, "img/ledoff.gif"); } comitup-main-1.42/web/templates/js/country.js000066400000000000000000000506201464634077100213110ustar00rootroot00000000000000 // derived from https://github.com/lukes/ISO-3166-Countries-with-Regional-Codes country_codes = [ { "name": "Afghanistan", "alpha-2": "AF", "country-code": "004" }, { "name": "\u00c5land Islands", "alpha-2": "AX", "country-code": "248" }, { "name": "Albania", "alpha-2": "AL", "country-code": "008" }, { "name": "Algeria", "alpha-2": "DZ", "country-code": "012" }, { "name": "American Samoa", "alpha-2": "AS", "country-code": "016" }, { "name": "Andorra", "alpha-2": "AD", "country-code": "020" }, { "name": "Angola", "alpha-2": "AO", "country-code": "024" }, { "name": "Anguilla", "alpha-2": "AI", "country-code": "660" }, { "name": "Antarctica", "alpha-2": "AQ", "country-code": "010" }, { "name": "Antigua and Barbuda", "alpha-2": "AG", "country-code": "028" }, { "name": "Argentina", "alpha-2": "AR", "country-code": "032" }, { "name": "Armenia", "alpha-2": "AM", "country-code": "051" }, { "name": "Aruba", "alpha-2": "AW", "country-code": "533" }, { "name": "Australia", "alpha-2": "AU", "country-code": "036" }, { "name": "Austria", "alpha-2": "AT", "country-code": "040" }, { "name": "Azerbaijan", "alpha-2": "AZ", "country-code": "031" }, { "name": "Bahamas", "alpha-2": "BS", "country-code": "044" }, { "name": "Bahrain", "alpha-2": "BH", "country-code": "048" }, { "name": "Bangladesh", "alpha-2": "BD", "country-code": "050" }, { "name": "Barbados", "alpha-2": "BB", "country-code": "052" }, { "name": "Belarus", "alpha-2": "BY", "country-code": "112" }, { "name": "Belgium", "alpha-2": "BE", "country-code": "056" }, { "name": "Belize", "alpha-2": "BZ", "country-code": "084" }, { "name": "Benin", "alpha-2": "BJ", "country-code": "204" }, { "name": "Bermuda", "alpha-2": "BM", "country-code": "060" }, { "name": "Bhutan", "alpha-2": "BT", "country-code": "064" }, { "name": "Bolivia (Plurinational State of)", "alpha-2": "BO", "country-code": "068" }, { "name": "Bonaire, Sint Eustatius and Saba", "alpha-2": "BQ", "country-code": "535" }, { "name": "Bosnia and Herzegovina", "alpha-2": "BA", "country-code": "070" }, { "name": "Botswana", "alpha-2": "BW", "country-code": "072" }, { "name": "Bouvet Island", "alpha-2": "BV", "country-code": "074" }, { "name": "Brazil", "alpha-2": "BR", "country-code": "076" }, { "name": "British Indian Ocean Territory", "alpha-2": "IO", "country-code": "086" }, { "name": "Brunei Darussalam", "alpha-2": "BN", "country-code": "096" }, { "name": "Bulgaria", "alpha-2": "BG", "country-code": "100" }, { "name": "Burkina Faso", "alpha-2": "BF", "country-code": "854" }, { "name": "Burundi", "alpha-2": "BI", "country-code": "108" }, { "name": "Cabo Verde", "alpha-2": "CV", "country-code": "132" }, { "name": "Cambodia", "alpha-2": "KH", "country-code": "116" }, { "name": "Cameroon", "alpha-2": "CM", "country-code": "120" }, { "name": "Canada", "alpha-2": "CA", "country-code": "124" }, { "name": "Cayman Islands", "alpha-2": "KY", "country-code": "136" }, { "name": "Central African Republic", "alpha-2": "CF", "country-code": "140" }, { "name": "Chad", "alpha-2": "TD", "country-code": "148" }, { "name": "Chile", "alpha-2": "CL", "country-code": "152" }, { "name": "China", "alpha-2": "CN", "country-code": "156" }, { "name": "Christmas Island", "alpha-2": "CX", "country-code": "162" }, { "name": "Cocos (Keeling) Islands", "alpha-2": "CC", "country-code": "166" }, { "name": "Colombia", "alpha-2": "CO", "country-code": "170" }, { "name": "Comoros", "alpha-2": "KM", "country-code": "174" }, { "name": "Congo", "alpha-2": "CG", "country-code": "178" }, { "name": "Congo, Democratic Republic of the", "alpha-2": "CD", "country-code": "180" }, { "name": "Cook Islands", "alpha-2": "CK", "country-code": "184" }, { "name": "Costa Rica", "alpha-2": "CR", "country-code": "188" }, { "name": "C\u00f4te d'Ivoire", "alpha-2": "CI", "country-code": "384" }, { "name": "Croatia", "alpha-2": "HR", "country-code": "191" }, { "name": "Cuba", "alpha-2": "CU", "country-code": "192" }, { "name": "Cura\u00e7ao", "alpha-2": "CW", "country-code": "531" }, { "name": "Cyprus", "alpha-2": "CY", "country-code": "196" }, { "name": "Czechia", "alpha-2": "CZ", "country-code": "203" }, { "name": "Denmark", "alpha-2": "DK", "country-code": "208" }, { "name": "Djibouti", "alpha-2": "DJ", "country-code": "262" }, { "name": "Dominica", "alpha-2": "DM", "country-code": "212" }, { "name": "Dominican Republic", "alpha-2": "DO", "country-code": "214" }, { "name": "Ecuador", "alpha-2": "EC", "country-code": "218" }, { "name": "Egypt", "alpha-2": "EG", "country-code": "818" }, { "name": "El Salvador", "alpha-2": "SV", "country-code": "222" }, { "name": "Equatorial Guinea", "alpha-2": "GQ", "country-code": "226" }, { "name": "Eritrea", "alpha-2": "ER", "country-code": "232" }, { "name": "Estonia", "alpha-2": "EE", "country-code": "233" }, { "name": "Eswatini", "alpha-2": "SZ", "country-code": "748" }, { "name": "Ethiopia", "alpha-2": "ET", "country-code": "231" }, { "name": "Falkland Islands (Malvinas)", "alpha-2": "FK", "country-code": "238" }, { "name": "Faroe Islands", "alpha-2": "FO", "country-code": "234" }, { "name": "Fiji", "alpha-2": "FJ", "country-code": "242" }, { "name": "Finland", "alpha-2": "FI", "country-code": "246" }, { "name": "France", "alpha-2": "FR", "country-code": "250" }, { "name": "French Guiana", "alpha-2": "GF", "country-code": "254" }, { "name": "French Polynesia", "alpha-2": "PF", "country-code": "258" }, { "name": "French Southern Territories", "alpha-2": "TF", "country-code": "260" }, { "name": "Gabon", "alpha-2": "GA", "country-code": "266" }, { "name": "Gambia", "alpha-2": "GM", "country-code": "270" }, { "name": "Georgia", "alpha-2": "GE", "country-code": "268" }, { "name": "Germany", "alpha-2": "DE", "country-code": "276" }, { "name": "Ghana", "alpha-2": "GH", "country-code": "288" }, { "name": "Gibraltar", "alpha-2": "GI", "country-code": "292" }, { "name": "Greece", "alpha-2": "GR", "country-code": "300" }, { "name": "Greenland", "alpha-2": "GL", "country-code": "304" }, { "name": "Grenada", "alpha-2": "GD", "country-code": "308" }, { "name": "Guadeloupe", "alpha-2": "GP", "country-code": "312" }, { "name": "Guam", "alpha-2": "GU", "country-code": "316" }, { "name": "Guatemala", "alpha-2": "GT", "country-code": "320" }, { "name": "Guernsey", "alpha-2": "GG", "country-code": "831" }, { "name": "Guinea", "alpha-2": "GN", "country-code": "324" }, { "name": "Guinea-Bissau", "alpha-2": "GW", "country-code": "624" }, { "name": "Guyana", "alpha-2": "GY", "country-code": "328" }, { "name": "Haiti", "alpha-2": "HT", "country-code": "332" }, { "name": "Heard Island and McDonald Islands", "alpha-2": "HM", "country-code": "334" }, { "name": "Holy See", "alpha-2": "VA", "country-code": "336" }, { "name": "Honduras", "alpha-2": "HN", "country-code": "340" }, { "name": "Hong Kong", "alpha-2": "HK", "country-code": "344" }, { "name": "Hungary", "alpha-2": "HU", "country-code": "348" }, { "name": "Iceland", "alpha-2": "IS", "country-code": "352" }, { "name": "India", "alpha-2": "IN", "country-code": "356" }, { "name": "Indonesia", "alpha-2": "ID", "country-code": "360" }, { "name": "Iran (Islamic Republic of)", "alpha-2": "IR", "country-code": "364" }, { "name": "Iraq", "alpha-2": "IQ", "country-code": "368" }, { "name": "Ireland", "alpha-2": "IE", "country-code": "372" }, { "name": "Isle of Man", "alpha-2": "IM", "country-code": "833" }, { "name": "Israel", "alpha-2": "IL", "country-code": "376" }, { "name": "Italy", "alpha-2": "IT", "country-code": "380" }, { "name": "Jamaica", "alpha-2": "JM", "country-code": "388" }, { "name": "Japan", "alpha-2": "JP", "country-code": "392" }, { "name": "Jersey", "alpha-2": "JE", "country-code": "832" }, { "name": "Jordan", "alpha-2": "JO", "country-code": "400" }, { "name": "Kazakhstan", "alpha-2": "KZ", "country-code": "398" }, { "name": "Kenya", "alpha-2": "KE", "country-code": "404" }, { "name": "Kiribati", "alpha-2": "KI", "country-code": "296" }, { "name": "Korea (Democratic People's Republic of)", "alpha-2": "KP", "country-code": "408" }, { "name": "Korea, Republic of", "alpha-2": "KR", "country-code": "410" }, { "name": "Kuwait", "alpha-2": "KW", "country-code": "414" }, { "name": "Kyrgyzstan", "alpha-2": "KG", "country-code": "417" }, { "name": "Lao People's Democratic Republic", "alpha-2": "LA", "country-code": "418" }, { "name": "Latvia", "alpha-2": "LV", "country-code": "428" }, { "name": "Lebanon", "alpha-2": "LB", "country-code": "422" }, { "name": "Lesotho", "alpha-2": "LS", "country-code": "426" }, { "name": "Liberia", "alpha-2": "LR", "country-code": "430" }, { "name": "Libya", "alpha-2": "LY", "country-code": "434" }, { "name": "Liechtenstein", "alpha-2": "LI", "country-code": "438" }, { "name": "Lithuania", "alpha-2": "LT", "country-code": "440" }, { "name": "Luxembourg", "alpha-2": "LU", "country-code": "442" }, { "name": "Macao", "alpha-2": "MO", "country-code": "446" }, { "name": "Madagascar", "alpha-2": "MG", "country-code": "450" }, { "name": "Malawi", "alpha-2": "MW", "country-code": "454" }, { "name": "Malaysia", "alpha-2": "MY", "country-code": "458" }, { "name": "Maldives", "alpha-2": "MV", "country-code": "462" }, { "name": "Mali", "alpha-2": "ML", "country-code": "466" }, { "name": "Malta", "alpha-2": "MT", "country-code": "470" }, { "name": "Marshall Islands", "alpha-2": "MH", "country-code": "584" }, { "name": "Martinique", "alpha-2": "MQ", "country-code": "474" }, { "name": "Mauritania", "alpha-2": "MR", "country-code": "478" }, { "name": "Mauritius", "alpha-2": "MU", "country-code": "480" }, { "name": "Mayotte", "alpha-2": "YT", "country-code": "175" }, { "name": "Mexico", "alpha-2": "MX", "country-code": "484" }, { "name": "Micronesia (Federated States of)", "alpha-2": "FM", "country-code": "583" }, { "name": "Moldova, Republic of", "alpha-2": "MD", "country-code": "498" }, { "name": "Monaco", "alpha-2": "MC", "country-code": "492" }, { "name": "Mongolia", "alpha-2": "MN", "country-code": "496" }, { "name": "Montenegro", "alpha-2": "ME", "country-code": "499" }, { "name": "Montserrat", "alpha-2": "MS", "country-code": "500" }, { "name": "Morocco", "alpha-2": "MA", "country-code": "504" }, { "name": "Mozambique", "alpha-2": "MZ", "country-code": "508" }, { "name": "Myanmar", "alpha-2": "MM", "country-code": "104" }, { "name": "Namibia", "alpha-2": "NA", "country-code": "516" }, { "name": "Nauru", "alpha-2": "NR", "country-code": "520" }, { "name": "Nepal", "alpha-2": "NP", "country-code": "524" }, { "name": "Netherlands", "alpha-2": "NL", "country-code": "528" }, { "name": "New Caledonia", "alpha-2": "NC", "country-code": "540" }, { "name": "New Zealand", "alpha-2": "NZ", "country-code": "554" }, { "name": "Nicaragua", "alpha-2": "NI", "country-code": "558" }, { "name": "Niger", "alpha-2": "NE", "country-code": "562" }, { "name": "Nigeria", "alpha-2": "NG", "country-code": "566" }, { "name": "Niue", "alpha-2": "NU", "country-code": "570" }, { "name": "Norfolk Island", "alpha-2": "NF", "country-code": "574" }, { "name": "North Macedonia", "alpha-2": "MK", "country-code": "807" }, { "name": "Northern Mariana Islands", "alpha-2": "MP", "country-code": "580" }, { "name": "Norway", "alpha-2": "NO", "country-code": "578" }, { "name": "Oman", "alpha-2": "OM", "country-code": "512" }, { "name": "Pakistan", "alpha-2": "PK", "country-code": "586" }, { "name": "Palau", "alpha-2": "PW", "country-code": "585" }, { "name": "Palestine, State of", "alpha-2": "PS", "country-code": "275" }, { "name": "Panama", "alpha-2": "PA", "country-code": "591" }, { "name": "Papua New Guinea", "alpha-2": "PG", "country-code": "598" }, { "name": "Paraguay", "alpha-2": "PY", "country-code": "600" }, { "name": "Peru", "alpha-2": "PE", "country-code": "604" }, { "name": "Philippines", "alpha-2": "PH", "country-code": "608" }, { "name": "Pitcairn", "alpha-2": "PN", "country-code": "612" }, { "name": "Poland", "alpha-2": "PL", "country-code": "616" }, { "name": "Portugal", "alpha-2": "PT", "country-code": "620" }, { "name": "Puerto Rico", "alpha-2": "PR", "country-code": "630" }, { "name": "Qatar", "alpha-2": "QA", "country-code": "634" }, { "name": "R\u00e9union", "alpha-2": "RE", "country-code": "638" }, { "name": "Romania", "alpha-2": "RO", "country-code": "642" }, { "name": "Russian Federation", "alpha-2": "RU", "country-code": "643" }, { "name": "Rwanda", "alpha-2": "RW", "country-code": "646" }, { "name": "Saint Barth\u00e9lemy", "alpha-2": "BL", "country-code": "652" }, { "name": "Saint Helena, Ascension and Tristan da Cunha", "alpha-2": "SH", "country-code": "654" }, { "name": "Saint Kitts and Nevis", "alpha-2": "KN", "country-code": "659" }, { "name": "Saint Lucia", "alpha-2": "LC", "country-code": "662" }, { "name": "Saint Martin (French part)", "alpha-2": "MF", "country-code": "663" }, { "name": "Saint Pierre and Miquelon", "alpha-2": "PM", "country-code": "666" }, { "name": "Saint Vincent and the Grenadines", "alpha-2": "VC", "country-code": "670" }, { "name": "Samoa", "alpha-2": "WS", "country-code": "882" }, { "name": "San Marino", "alpha-2": "SM", "country-code": "674" }, { "name": "Sao Tome and Principe", "alpha-2": "ST", "country-code": "678" }, { "name": "Saudi Arabia", "alpha-2": "SA", "country-code": "682" }, { "name": "Senegal", "alpha-2": "SN", "country-code": "686" }, { "name": "Serbia", "alpha-2": "RS", "country-code": "688" }, { "name": "Seychelles", "alpha-2": "SC", "country-code": "690" }, { "name": "Sierra Leone", "alpha-2": "SL", "country-code": "694" }, { "name": "Singapore", "alpha-2": "SG", "country-code": "702" }, { "name": "Sint Maarten (Dutch part)", "alpha-2": "SX", "country-code": "534" }, { "name": "Slovakia", "alpha-2": "SK", "country-code": "703" }, { "name": "Slovenia", "alpha-2": "SI", "country-code": "705" }, { "name": "Solomon Islands", "alpha-2": "SB", "country-code": "090" }, { "name": "Somalia", "alpha-2": "SO", "country-code": "706" }, { "name": "South Africa", "alpha-2": "ZA", "country-code": "710" }, { "name": "South Georgia and the South Sandwich Islands", "alpha-2": "GS", "country-code": "239" }, { "name": "South Sudan", "alpha-2": "SS", "country-code": "728" }, { "name": "Spain", "alpha-2": "ES", "country-code": "724" }, { "name": "Sri Lanka", "alpha-2": "LK", "country-code": "144" }, { "name": "Sudan", "alpha-2": "SD", "country-code": "729" }, { "name": "Suriname", "alpha-2": "SR", "country-code": "740" }, { "name": "Svalbard and Jan Mayen", "alpha-2": "SJ", "country-code": "744" }, { "name": "Sweden", "alpha-2": "SE", "country-code": "752" }, { "name": "Switzerland", "alpha-2": "CH", "country-code": "756" }, { "name": "Syrian Arab Republic", "alpha-2": "SY", "country-code": "760" }, { "name": "Taiwan, Province of China", "alpha-2": "TW", "country-code": "158" }, { "name": "Tajikistan", "alpha-2": "TJ", "country-code": "762" }, { "name": "Tanzania, United Republic of", "alpha-2": "TZ", "country-code": "834" }, { "name": "Thailand", "alpha-2": "TH", "country-code": "764" }, { "name": "Timor-Leste", "alpha-2": "TL", "country-code": "626" }, { "name": "Togo", "alpha-2": "TG", "country-code": "768" }, { "name": "Tokelau", "alpha-2": "TK", "country-code": "772" }, { "name": "Tonga", "alpha-2": "TO", "country-code": "776" }, { "name": "Trinidad and Tobago", "alpha-2": "TT", "country-code": "780" }, { "name": "Tunisia", "alpha-2": "TN", "country-code": "788" }, { "name": "Turkey", "alpha-2": "TR", "country-code": "792" }, { "name": "Turkmenistan", "alpha-2": "TM", "country-code": "795" }, { "name": "Turks and Caicos Islands", "alpha-2": "TC", "country-code": "796" }, { "name": "Tuvalu", "alpha-2": "TV", "country-code": "798" }, { "name": "Uganda", "alpha-2": "UG", "country-code": "800" }, { "name": "Ukraine", "alpha-2": "UA", "country-code": "804" }, { "name": "United Arab Emirates", "alpha-2": "AE", "country-code": "784" }, { "name": "United Kingdom of Great Britain and Northern Ireland", "alpha-2": "GB", "country-code": "826" }, { "name": "United States of America", "alpha-2": "US", "country-code": "840" }, { "name": "United States Minor Outlying Islands", "alpha-2": "UM", "country-code": "581" }, { "name": "Uruguay", "alpha-2": "UY", "country-code": "858" }, { "name": "Uzbekistan", "alpha-2": "UZ", "country-code": "860" }, { "name": "Vanuatu", "alpha-2": "VU", "country-code": "548" }, { "name": "Venezuela (Bolivarian Republic of)", "alpha-2": "VE", "country-code": "862" }, { "name": "Viet Nam", "alpha-2": "VN", "country-code": "704" }, { "name": "Virgin Islands (British)", "alpha-2": "VG", "country-code": "092" }, { "name": "Virgin Islands (U.S.)", "alpha-2": "VI", "country-code": "850" }, { "name": "Wallis and Futuna", "alpha-2": "WF", "country-code": "876" }, { "name": "Western Sahara", "alpha-2": "EH", "country-code": "732" }, { "name": "Yemen", "alpha-2": "YE", "country-code": "887" }, { "name": "Zambia", "alpha-2": "ZM", "country-code": "894" }, { "name": "Zimbabwe", "alpha-2": "ZW", "country-code": "716" } ]; comitup-main-1.42/web/templates/js/uikit000066400000000000000000012713271464634077100203320ustar00rootroot00000000000000/*! UIkit 3.7.6 | https://www.getuikit.com | (c) 2014 - 2021 YOOtheme | MIT License */ (function (global, factory) { typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() : typeof define === 'function' && define.amd ? define('uikit', factory) : (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.UIkit = factory()); })(this, (function () { 'use strict'; var objPrototype = Object.prototype; var hasOwnProperty = objPrototype.hasOwnProperty; function hasOwn(obj, key) { return hasOwnProperty.call(obj, key); } var hyphenateRe = /\B([A-Z])/g; var hyphenate = memoize(function (str) { return str .replace(hyphenateRe, '-$1') .toLowerCase(); } ); var camelizeRe = /-(\w)/g; var camelize = memoize(function (str) { return str.replace(camelizeRe, toUpper); } ); var ucfirst = memoize(function (str) { return str.length ? toUpper(null, str.charAt(0)) + str.slice(1) : ''; } ); function toUpper(_, c) { return c ? c.toUpperCase() : ''; } 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); } var endsWithFn = strPrototype.endsWith || function (search) { return this.substr(-search.length) === search; }; function endsWith(str, search) { return endsWithFn.call(str, search); } var arrPrototype = Array.prototype; var includesFn = function (search, i) { return !!~this.indexOf(search, i); }; var includesStr = strPrototype.includes || includesFn; var includesArray = arrPrototype.includes || includesFn; function includes(obj, search) { return obj && (isString(obj) ? includesStr : includesArray).call(obj, search); } var findIndexFn = arrPrototype.findIndex || function (predicate) { var arguments$1 = arguments; for (var i = 0; i < this.length; i++) { if (predicate.call(arguments$1[1], this[i], i, this)) { return i; } } return -1; }; function findIndex(array, predicate) { return findIndexFn.call(array, predicate); } var isArray = Array.isArray; function isFunction(obj) { return typeof obj === 'function'; } function isObject(obj) { return obj !== null && typeof obj === 'object'; } var toString = objPrototype.toString; function isPlainObject(obj) { return toString.call(obj) === '[object Object]'; } function isWindow(obj) { return isObject(obj) && obj === obj.window; } function isDocument(obj) { return nodeType(obj) === 9; } function isNode(obj) { return nodeType(obj) >= 1; } function isElement(obj) { return nodeType(obj) === 1; } function nodeType(obj) { return !isWindow(obj) && isObject(obj) && obj.nodeType; } function isBoolean(value) { return typeof value === 'boolean'; } function isString(value) { return typeof value === 'string'; } function isNumber(value) { return typeof value === 'number'; } function isNumeric(value) { return isNumber(value) || isString(value) && !isNaN(value - parseFloat(value)); } function isEmpty(obj) { return !(isArray(obj) ? obj.length : isObject(obj) ? Object.keys(obj).length : false ); } function isUndefined(value) { return value === void 0; } function toBoolean(value) { return isBoolean(value) ? value : value === 'true' || value === '1' || value === '' ? true : value === 'false' || value === '0' ? false : value; } function toNumber(value) { var number = Number(value); return !isNaN(number) ? number : false; } function toFloat(value) { return parseFloat(value) || 0; } var toArray = Array.from || (function (value) { return arrPrototype.slice.call(value); }); function toNode(element) { return toNodes(element)[0]; } function toNodes(element) { return element && (isNode(element) ? [element] : toArray(element).filter(isNode)) || []; } function toWindow(element) { if (isWindow(element)) { return element; } element = toNode(element); return element ? (isDocument(element) ? element : element.ownerDocument ).defaultView : window; } function toMs(time) { return !time ? 0 : endsWith(time, 'ms') ? toFloat(time) : toFloat(time) * 1000; } 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]; }); } function swap(value, a, b) { return value.replace( new RegExp((a + "|" + b), 'g'), function (match) { return match === a ? b : a; } ); } 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; }; function last(array) { return array[array.length - 1]; } function each(obj, cb) { for (var key in obj) { if (false === cb(obj[key], key)) { return false; } } return true; } function sortBy$1(array, prop) { return array.slice().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; return propA > propB ? 1 : propB > propA ? -1 : 0; } ); } function uniqueBy(array, prop) { var seen = new Set(); return array.filter(function (ref) { var check = ref[prop]; return seen.has(check) ? false : seen.add(check) || true; } // IE 11 does not return the Set object ); } function clamp(number, min, max) { if ( min === void 0 ) min = 0; if ( max === void 0 ) max = 1; return Math.min(Math.max(toNumber(number) || 0, min), max); } function noop() {} function intersectRect() { var rects = [], len = arguments.length; while ( len-- ) rects[ len ] = arguments[ len ]; return [['bottom', 'top'], ['right', 'left']].every(function (ref) { var minProp = ref[0]; var maxProp = ref[1]; return Math.min.apply(Math, rects.map(function (ref) { var min = ref[minProp]; return min; })) - Math.max.apply(Math, rects.map(function (ref) { var max = ref[maxProp]; return max; })) > 0; } ); } function pointInRect(point, rect) { return point.x <= rect.right && point.x >= rect.left && point.y <= rect.bottom && point.y >= rect.top; } var Dimensions = { ratio: function(dimensions, prop, value) { var obj; var aProp = prop === 'width' ? 'height' : 'width'; return ( obj = {}, obj[aProp] = dimensions[prop] ? Math.round(value * dimensions[aProp] / dimensions[prop]) : dimensions[aProp], obj[prop] = value, obj ); }, contain: function(dimensions, maxDimensions) { var this$1$1 = this; dimensions = assign({}, dimensions); each(dimensions, function (_, prop) { return dimensions = dimensions[prop] > maxDimensions[prop] ? this$1$1.ratio(dimensions, prop, maxDimensions[prop]) : dimensions; } ); return dimensions; }, cover: function(dimensions, maxDimensions) { var this$1$1 = this; dimensions = this.contain(dimensions, maxDimensions); each(dimensions, function (_, prop) { return dimensions = dimensions[prop] < maxDimensions[prop] ? this$1$1.ratio(dimensions, prop, maxDimensions[prop]) : dimensions; } ); return dimensions; } }; 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 : elements.indexOf(toNode(i)); if (finite) { return clamp(i, 0, length - 1); } i %= length; return i < 0 ? i + length : i; } function memoize(fn) { var cache = Object.create(null); return function (key) { return cache[key] || (cache[key] = fn(key)); }; } function attr(element, name, value) { 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)); } if (value === null) { removeAttr(element, name); } else { element.setAttribute(name, value); } }); } } function hasAttr(element, name) { return toNodes(element).some(function (element) { return element.hasAttribute(name); }); } 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 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]); } } } /* global DocumentTouch */ var inBrowser = typeof window !== 'undefined'; var isIE = inBrowser && /msie|trident/i.test(window.navigator.userAgent); var isRtl = inBrowser && attr(document.documentElement, 'dir') === 'rtl'; var hasTouchEvents = inBrowser && 'ontouchstart' in window; var hasPointerEvents = inBrowser && window.PointerEvent; var hasTouch = inBrowser && (hasTouchEvents || window.DocumentTouch && document instanceof DocumentTouch || navigator.maxTouchPoints); // IE >=11 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'; 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; }); } var selInput = 'input,select,textarea,button'; function isInput(element) { return toNodes(element).some(function (element) { return matches(element, selInput); }); } var selFocusable = selInput + ",a[href],[tabindex]"; function isFocusable(element) { return matches(element, selFocusable); } function parent(element) { element = toNode(element); return element && isElement(element.parentNode) && element.parentNode; } function filter$1(element, selector) { return toNodes(element).filter(function (element) { return matches(element, selector); }); } var elProto = inBrowser ? Element.prototype : {}; var matchesFn = elProto.matches || elProto.webkitMatchesSelector || elProto.msMatchesSelector || noop; function matches(element, selector) { return toNodes(element).some(function (element) { return matchesFn.call(element, selector); }); } var closestFn = elProto.closest || function (selector) { var ancestor = this; 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 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); } function parents(element, selector) { var elements = []; while ((element = parent(element))) { if (!selector || matches(element, selector)) { elements.push(element); } } return elements; } function children(element, selector) { element = toNode(element); var children = element ? toNodes(element.children) : []; return selector ? filter$1(children, selector) : children; } function index(element, ref) { return ref ? toNodes(element).indexOf(toNode(ref)) : children(parent(element)).indexOf(element); } function query(selector, context) { return find(selector, getContext(selector, context)); } function queryAll(selector, context) { return findAll(selector, getContext(selector, context)); } function getContext(selector, context) { if ( context === void 0 ) context = document; return isString(selector) && 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; if (!selector || !isString(selector)) { return selector; } selector = selector.replace(contextSanitizeRe, '$1 *'); if (isContextSelector(selector)) { selector = splitSelector(selector).map(function (selector) { var ctx = context; if (selector[0] === '!') { var selectors = selector.substr(1).trim().split(' '); ctx = closest(parent(context), selectors[0]); selector = selectors.slice(1).join(' ').trim(); } if (selector[0] === '-') { 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(' '); } if (!ctx) { return null; } return ((domPath(ctx)) + " " + selector); }).filter(Boolean).join(','); context = document; } try { return context[queryFn](selector); } catch (e) { return null; } } var contextSelectorRe = /(^|[^\\],)\s*[!>+~-]/; var contextSanitizeRe = /([!>+~-])(?=\s+[!>+~-]|\s*$)/g; var isContextSelector = memoize(function (selector) { return selector.match(contextSelectorRe); }); var selectorRe = /.*?[^\\](?:,|$)/g; var splitSelector = memoize(function (selector) { return selector.match(selectorRe).map(function (selector) { return selector.replace(/,$/, '').trim(); } ); } ); function domPath(element) { var names = []; while (element.parentNode) { if (element.id) { names.unshift(("#" + (escape(element.id)))); break; } else { var tagName = element.tagName; if (tagName !== 'HTML') { tagName += ":nth-child(" + (index(element) + 1) + ")"; } names.unshift(tagName); element = element.parentNode; } } return names.join(' > '); } 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) : ''; } function on() { var args = [], len = arguments.length; while ( len-- ) args[ len ] = arguments[ len ]; var ref = getArgs(args); var targets = ref[0]; var type = ref[1]; var selector = ref[2]; var listener = ref[3]; var useCapture = ref[4]; targets = toEventTargets(targets); if (listener.length > 1) { listener = detail(listener); } if (useCapture && useCapture.self) { listener = selfFilter(listener); } if (selector) { listener = delegate(selector, listener); } useCapture = useCaptureFilter(useCapture); type.split(' ').forEach(function (type) { return targets.forEach(function (target) { return target.addEventListener(type, listener, useCapture); } ); } ); return function () { return off(targets, type, listener, useCapture); }; } function off(targets, type, listener, useCapture) { if ( useCapture === void 0 ) useCapture = false; useCapture = useCaptureFilter(useCapture); targets = toEventTargets(targets); type.split(' ').forEach(function (type) { return targets.forEach(function (target) { return target.removeEventListener(type, listener, useCapture); } ); } ); } 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); return off; } function trigger(targets, event, detail) { return toEventTargets(targets).reduce(function (notCanceled, target) { return notCanceled && target.dispatchEvent(createEvent(event, true, true, detail)); } , true); } function createEvent(e, bubbles, cancelable, detail) { if ( bubbles === void 0 ) bubbles = true; if ( cancelable === void 0 ) cancelable = false; if (isString(e)) { var event = document.createEvent('CustomEvent'); // IE 11 event.initCustomEvent(e, bubbles, cancelable, detail); e = event; } return e; } function getArgs(args) { if (isFunction(args[2])) { args.splice(2, 0, false); } return args; } function delegate(selector, listener) { var this$1$1 = this; return function (e) { var current = selector[0] === '>' ? findAll(selector, e.currentTarget).reverse().filter(function (element) { return within(e.target, element); })[0] : closest(e.target, selector); if (current) { e.current = current; listener.call(this$1$1, e); } }; } 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); } }; } function useCaptureFilter(options) { return options && isIE && !isBoolean(options) ? !!options.capture : options; } function isEventTarget(target) { return target && 'addEventListener' in target; } function toEventTarget(target) { return isEventTarget(target) ? target : toNode(target); } function toEventTargets(target) { return isArray(target) ? target.map(toEventTarget).filter(Boolean) : isString(target) ? findAll(target) : isEventTarget(target) ? [target] : toNodes(target); } 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$1 = inBrowser && window.Promise || PromiseFn; var Deferred = function() { var this$1$1 = this; this.promise = new Promise$1(function (resolve, reject) { this$1$1.reject = reject; this$1$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); }); }; PromiseFn.resolve = function (x) { return new PromiseFn(function (resolve, reject) { resolve(x); }); }; PromiseFn.all = function all(iterable) { return new PromiseFn(function (resolve, reject) { var result = []; var count = 0; if (iterable.length === 0) { resolve(result); } function resolver(i) { return function (x) { result[i] = x; count += 1; if (count === iterable.length) { resolve(result); } }; } for (var i = 0; i < iterable.length; i += 1) { PromiseFn.resolve(iterable[i]).then(resolver(i), reject); } }); }; 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); } }); }; var p = PromiseFn.prototype; p.resolve = function resolve(x) { var promise = this; if (promise.state === PENDING) { if (x === promise) { throw new TypeError('Promise settled with itself.'); } var called = false; 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; } promise.state = RESOLVED; promise.value = x; promise.notify(); } }; p.reject = function reject(reason) { var promise = this; if (promise.state === PENDING) { if (reason === promise) { throw new TypeError('Promise settled with itself.'); } promise.state = REJECTED; promise.value = reason; promise.notify(); } }; p.notify = function notify() { var this$1$1 = this; async(function () { if (this$1$1.state !== PENDING) { while (this$1$1.deferred.length) { var ref = this$1$1.deferred.shift(); var onResolved = ref[0]; var onRejected = ref[1]; var resolve = ref[2]; var reject = ref[3]; try { if (this$1$1.state === RESOLVED) { if (isFunction(onResolved)) { resolve(onResolved.call(undefined, this$1$1.value)); } else { resolve(this$1$1.value); } } else if (this$1$1.state === REJECTED) { if (isFunction(onRejected)) { resolve(onRejected.call(undefined, this$1$1.value)); } else { reject(this$1$1.value); } } } catch (e) { reject(e); } } } }); }; p.then = function then(onResolved, onRejected) { var this$1$1 = this; return new PromiseFn(function (resolve, reject) { this$1$1.deferred.push([onResolved, onRejected, resolve, reject]); this$1$1.notify(); }); }; p.catch = function (onRejected) { return this.then(undefined, onRejected); }; function ajax(url, options) { var env = assign({ data: null, method: 'GET', headers: {}, xhr: new XMLHttpRequest(), beforeSend: noop, responseType: '' }, options); return Promise$1.resolve() .then(function () { return env.beforeSend(env); }) .then(function () { return send(url, env); }); } function send(url, env) { return new Promise$1(function (resolve, reject) { 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$1(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 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$1(element) { toNodes(element).forEach(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$1(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$1(node, fn) { if (!isElement(node)) { return; } fn(node); node = node.firstElementChild; while (node) { var next = node.nextElementSibling; apply$1(node, fn); node = next; } } function $(selector, context) { return isHtml(selector) ? toNode(fragment(selector)) : find(selector, context); } function $$(selector, context) { return isHtml(selector) ? toNodes(fragment(selector)) : findAll(selector, context); } function isHtml(str) { return isString(str) && (str[0] === '<' || str.match(/^\s* 0 ) args[ len ] = arguments[ len + 1 ]; apply(element, args, 'add'); } function removeClass(element) { var args = [], len = arguments.length - 1; while ( len-- > 0 ) args[ len ] = arguments[ len + 1 ]; apply(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) { var assign; (assign = getClasses(cls), cls = assign[0]); var nodes = toNodes(element); for (var n = 0; n < nodes.length; n++) { if (cls && nodes[n].classList.contains(cls)) { return true; } } return false; } function toggleClass(element, cls, force) { cls = getClasses(cls); var nodes = toNodes(element); for (var n = 0; n < nodes.length; n++) { var list = nodes[n].classList; for (var i = 0; i < cls.length; i++) { if (isUndefined(force)) { list.toggle(cls[i]); } else if (supports.Force) { list.toggle(cls[i], !!force); } else { list[force ? 'add' : 'remove'](cls[i]); } } } } function apply(element, args, fn) { var ref; args = args.reduce(function (args, arg) { return args.concat(getClasses(arg)); }, []); var nodes = toNodes(element); var loop = function ( n ) { if (supports.Multiple) { (ref = nodes[n].classList)[fn].apply(ref, args); } else { args.forEach(function (cls) { return nodes[n].classList[fn](cls); }); } }; for (var n = 0; n < nodes.length; n++) loop( n ); } function getClasses(str) { return String(str).split(/\s|,/).filter(Boolean); } // IE 11 var supports = { get Multiple() { return this.get('Multiple'); }, get Force() { return this.get('Force'); }, get: function(key) { var ref = document.createElement('_'); var classList = ref.classList; classList.add('a', 'b'); classList.toggle('c', false); supports = { Multiple: classList.contains('b'), Force: !classList.contains('c') }; return supports[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, priority) { if ( priority === void 0 ) priority = ''; 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.setProperty(property, isNumeric(value) && !cssNumber[property] ? (value + "px") : value, priority); } } 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)) { priority = value; each(property, function (value, property) { return css(element, property, value, priority); }); } return element; })[0]; } function getStyles(element, pseudoElt) { return toWindow(element).getComputedStyle(element, pseudoElt); } function getStyle(element, property, pseudoElt) { return getStyles(element, pseudoElt)[property]; } var parseCssVar = memoize(function (name) { /* usage in css: .uk-name:before { content:"xyz" } */ var element = append(document.documentElement, document.createElement('div')); addClass(element, ("uk-" + name)); name = getStyle(element, 'content', ':before').replace(/^["'](.*)["']$/, '$1'); remove$1(element); return name; }); function getCssVar(name) { return !isIE ? getStyles(document.documentElement).getPropertyValue(("--uk-" + name)) : parseCssVar(name); } // https://drafts.csswg.org/cssom/#dom-cssstyledeclaration-setproperty var propName = memoize(function (name) { return vendorPropName(name); }); 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$1.all(toNodes(element).map(function (element) { return new Promise$1(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(element); }, {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$1.resolve(); }, cancel: function(element) { trigger(element, 'transitioncanceled'); }, inProgress: function(element) { return hasClass(element, 'uk-transition'); } }; var animationPrefix = 'uk-animation-'; function animate$1(element, animation, duration, origin, out) { if ( duration === void 0 ) duration = 200; return Promise$1.all(toNodes(element).map(function (element) { return new Promise$1(function (resolve, reject) { trigger(element, 'animationcanceled'); var timer = setTimeout(function () { return trigger(element, 'animationend'); }, duration); once(element, 'animationend animationcanceled', function (ref) { var type = ref.type; clearTimeout(timer); type === 'animationcanceled' ? reject() : resolve(element); 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)) { origin && addClass(element, ("uk-transform-origin-" + origin)); out && addClass(element, (animationPrefix + "reverse")); } }); } )); } var inProgress = new RegExp((animationPrefix + "(enter|leave)")); var Animation = { in: animate$1, out: function(element, animation, duration, origin) { return animate$1(element, animation, duration, origin, true); }, inProgress: function(element) { return inProgress.test(attr(element, 'class')); }, cancel: function(element) { trigger(element, 'animationcanceled'); } }; var dirs$1 = { width: ['left', 'right'], height: ['top', 'bottom'] }; function dimensions(element) { var rect = isElement(element) ? toNode(element).getBoundingClientRect() : {height: height(element), width: width(element), top: 0, left: 0}; return { height: rect.height, width: rect.width, top: rect.top, left: rect.left, bottom: rect.top + rect.height, right: rect.left + rect.width }; } function offset(element, coordinates) { var currentOffset = dimensions(element); var ref = toWindow(element); var pageYOffset = ref.pageYOffset; var pageXOffset = ref.pageXOffset; var offsetBy = {height: pageYOffset, width: pageXOffset}; for (var dir in dirs$1) { for (var i in dirs$1[dir]) { currentOffset[dirs$1[dir][i]] += offsetBy[dir]; } } if (!coordinates) { return currentOffset; } var pos = css(element, 'position'); each(css(element, ['left', 'top']), function (value, prop) { return css(element, prop, coordinates[prop] - currentOffset[prop] + toFloat(pos === 'absolute' && value === 'auto' ? position(element)[prop] : value) ); } ); } function position(element) { var ref = offset(element); var top = ref.top; var left = ref.left; var ref$1 = toNode(element); var ref$1_ownerDocument = ref$1.ownerDocument; var body = ref$1_ownerDocument.body; var documentElement = ref$1_ownerDocument.documentElement; var offsetParent = ref$1.offsetParent; var parent = offsetParent || documentElement; while (parent && (parent === body || parent === documentElement) && css(parent, 'position') === 'static') { parent = parent.parentNode; } if (isElement(parent)) { var parentOffset = offset(parent); top -= parentOffset.top + toFloat(css(parent, 'borderTopWidth')); left -= parentOffset.left + toFloat(css(parent, 'borderLeftWidth')); } return { top: top - toFloat(css(element, 'marginTop')), left: left - toFloat(css(element, 'marginLeft')) }; } 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 { return 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$1[prop].map(ucfirst).reduce(function (value, prop) { return value + toFloat(css(element, ("padding" + prop))) + toFloat(css(element, ("border" + prop + "Width"))); } , 0) : 0; } function flipPosition(pos) { for (var dir in dirs$1) { for (var i in dirs$1[dir]) { if (dirs$1[dir][i] === pos) { return dirs$1[dir][1 - i]; } } } 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(dimensions(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) { remove(this.reads, task); remove(this.writes, task); }, flush: flush }; function flush(recursion) { if ( recursion === void 0 ) recursion = 1; runTasks(fastdom.reads); runTasks(fastdom.writes.splice(0)); 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$1.resolve().then(function () { return flush(recursion); }); } else { requestAnimationFrame(function () { return flush(); }); } } function runTasks(tasks) { var task; while ((task = tasks.shift())) { try { task(); } catch (e) { console.error(e); } } } function remove(array, item) { var index = array.indexOf(item); return ~index && array.splice(index, 1); } function MouseTracker() {} MouseTracker.prototype = { positions: [], init: function() { var this$1$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$1.positions.push(position); if (this$1$1.positions.length > 5) { this$1$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$1(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 {}; } } function play(el) { if (isIFrame(el)) { call(el, {func: 'playVideo', method: 'play'}); } if (isHTML5(el)) { try { el.play().catch(noop); } catch (e) {} } } function pause(el) { if (isIFrame(el)) { call(el, {func: 'pauseVideo', method: 'pause'}); } if (isHTML5(el)) { el.pause(); } } function mute(el) { if (isIFrame(el)) { call(el, {func: 'mute', method: 'setVolume', value: 0}); } if (isHTML5(el)) { el.muted = true; } } function isVideo(el) { return isHTML5(el) || isIFrame(el); } function isHTML5(el) { return el && el.tagName === 'VIDEO'; } function isIFrame(el) { return el && el.tagName === 'IFRAME' && (isYoutube(el) || isVimeo(el)); } function isYoutube(el) { return !!el.src.match(/\/\/.*?youtube(-nocookie)?\.[a-z]+\/(watch\?v=[^&\s]+|embed)|youtu\.be\/.*/); } function isVimeo(el) { return !!el.src.match(/vimeo\.com\/video\/.*/); } function call(el, cmd) { enableApi(el).then(function () { return post(el, cmd); }); } function post(el, cmd) { try { el.contentWindow.postMessage(JSON.stringify(assign({event: 'command'}, cmd)), '*'); } catch (e) {} } var stateKey$1 = '_ukPlayer'; var counter = 0; function enableApi(el) { if (el[stateKey$1]) { return el[stateKey$1]; } var youtube = isYoutube(el); var vimeo = isVimeo(el); var id = ++counter; var poller; return el[stateKey$1] = new Promise$1(function (resolve) { youtube && once(el, 'load', function () { var listener = function () { return post(el, {event: 'listening', id: id}); }; poller = setInterval(listener, 100); listener(); }); once(window, 'message', resolve, false, function (ref) { var data = ref.data; try { data = JSON.parse(data); return data && (youtube && data.id === id && data.event === 'onReady' || vimeo && Number(data.player_id) === id); } catch (e) {} }); el.src = "" + (el.src) + (includes(el.src, '?') ? '&' : '?') + (youtube ? 'enablejsapi=1' : ("api=1&player_id=" + id)); }).then(function () { return clearInterval(poller); }); } function isInView(element, offsetTop, offsetLeft) { if ( offsetTop === void 0 ) offsetTop = 0; if ( offsetLeft === void 0 ) offsetLeft = 0; if (!isVisible(element)) { return false; } return intersectRect.apply(void 0, scrollParents(element).map(function (parent) { var ref = offset(getViewport$1(parent)); var top = ref.top; var left = ref.left; var bottom = ref.bottom; var right = ref.right; return { top: top - offsetTop, left: left - offsetLeft, bottom: bottom + offsetTop, right: right + offsetLeft }; }).concat(offset(element))); } 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; var parents = isVisible(element) ? scrollParents(element) : []; var diff = 0; return parents.reduce(function (fn, scrollElement, i) { var scrollTop = scrollElement.scrollTop; var scrollHeight = scrollElement.scrollHeight; var maxScroll = scrollHeight - getViewportClientHeight(scrollElement); var top = Math.ceil( offset(parents[i - 1] || element).top - offset(getViewport$1(scrollElement)).top - offsetBy + diff + scrollTop ); if (top > maxScroll) { diff = top - maxScroll; top = maxScroll; } else { diff = 0; } return function () { return scrollTo(scrollElement, top - scrollTop).then(fn); }; }, function () { return Promise$1.resolve(); })(); function scrollTo(element, top) { return new Promise$1(function (resolve) { var scroll = element.scrollTop; var duration = getDuration(Math.abs(top)); var start = Date.now(); (function step() { var percent = ease(clamp((Date.now() - start) / duration)); scrollTop(element, scroll + top * percent); // scroll more if we have not reached our destination if (percent !== 1) { requestAnimationFrame(step); } else { resolve(); } })(); }); } 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 ref = scrollParents(element, /auto|scroll/, true); var scrollElement = ref[0]; var scrollHeight = scrollElement.scrollHeight; var scrollTop = scrollElement.scrollTop; var clientHeight = getViewportClientHeight(scrollElement); var viewportTop = offsetPosition(element)[0] - scrollTop - offsetPosition(scrollElement)[0]; var viewportDist = Math.min(clientHeight, viewportTop + scrollTop); var top = viewportTop - viewportDist; var dist = Math.min( element.offsetHeight + heightOffset + viewportDist, scrollHeight - (viewportTop + scrollTop), scrollHeight - clientHeight ); return clamp(-1 * top / dist); } function scrollParents(element, overflowRe, scrollable) { if ( overflowRe === void 0 ) overflowRe = /auto|scroll|hidden/; if ( scrollable === void 0 ) scrollable = false; var scrollEl = getScrollingElement(element); var ancestors = parents(element).reverse(); ancestors = ancestors.slice(ancestors.indexOf(scrollEl) + 1); var fixedIndex = findIndex(ancestors, function (el) { return css(el, 'position') === 'fixed'; }); if (~fixedIndex) { ancestors = ancestors.slice(fixedIndex); } return [scrollEl].concat(ancestors.filter(function (parent) { return overflowRe.test(css(parent, 'overflow')) && (!scrollable || parent.scrollHeight > getViewportClientHeight(parent)); }) ).reverse(); } function getViewport$1(scrollElement) { return scrollElement === getScrollingElement(scrollElement) ? window : scrollElement; } // iOS 12 returns as scrollingElement function getViewportClientHeight(scrollElement) { return (scrollElement === getScrollingElement(scrollElement) ? document.documentElement : scrollElement).clientHeight; } function getScrollingElement(element) { var ref = toWindow(element); var document = ref.document; return document.scrollingElement || document.documentElement; } 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 = offset(element); var targetDim = offset(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 = scrollParents(element).map(getViewport$1); if (boundary && !includes(boundaries, boundary)) { boundaries.unshift(boundary); } boundaries = boundaries.map(function (el) { return offset(el); }); 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 = toFloat((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 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 }; } var util = /*#__PURE__*/Object.freeze({ __proto__: null, ajax: ajax, getImage: getImage, transition: transition, Transition: Transition, animate: animate$1, Animation: Animation, attr: attr, hasAttr: hasAttr, removeAttr: removeAttr, data: data, addClass: addClass, removeClass: removeClass, removeClasses: removeClasses, replaceClass: replaceClass, hasClass: hasClass, toggleClass: toggleClass, dimensions: dimensions, offset: offset, position: position, offsetPosition: offsetPosition, height: height, width: width, boxModelAdjust: boxModelAdjust, flipPosition: flipPosition, toPx: toPx, ready: ready, empty: empty, html: html, prepend: prepend, append: append, before: before, after: after, remove: remove$1, wrapAll: wrapAll, wrapInner: wrapInner, unwrap: unwrap, fragment: fragment, apply: apply$1, $: $, $$: $$, 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, selFocusable: selFocusable, isFocusable: isFocusable, parent: parent, filter: filter$1, matches: matches, closest: closest, within: within, parents: parents, children: children, index: index, 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, isNode: isNode, isElement: isElement, isBoolean: isBoolean, isString: isString, isNumber: isNumber, isNumeric: isNumeric, isEmpty: isEmpty, isUndefined: isUndefined, toBoolean: toBoolean, toNumber: toNumber, toFloat: toFloat, toArray: toArray, toNode: toNode, toNodes: toNodes, toWindow: toWindow, toMs: toMs, isEqual: isEqual, swap: swap, assign: assign, last: last, each: each, sortBy: sortBy$1, uniqueBy: uniqueBy, clamp: clamp, noop: noop, intersectRect: intersectRect, pointInRect: pointInRect, Dimensions: Dimensions, getIndex: getIndex, memoize: memoize, MouseTracker: MouseTracker, mergeOptions: mergeOptions, parseOptions: parseOptions, play: play, pause: pause, mute: mute, isVideo: isVideo, positionAt: positionAt, Promise: Promise$1, Deferred: Deferred, query: query, queryAll: queryAll, find: find, findAll: findAll, escape: escape, css: css, getCssVar: getCssVar, propName: propName, isInView: isInView, scrollTop: scrollTop, scrollIntoView: scrollIntoView, scrolledOver: scrolledOver, scrollParents: scrollParents, getViewport: getViewport$1, getViewportClientHeight: getViewportClientHeight }); 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$1(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$1 = this; var handlers = this.$options[hook]; if (handlers) { handlers.forEach(function (handler) { return handler.call(this$1$1); }); } }; UIkit.prototype._callConnected = function () { if (this._connected) { return; } this._data = {}; this._computeds = {}; this._initProps(); this._callHook('beforeConnect'); this._connected = true; this._initEvents(); this._initObservers(); this._callHook('connected'); this._callUpdate(); }; UIkit.prototype._callDisconnected = function () { if (!this._connected) { return; } this._callHook('beforeDisconnect'); this._disconnectObservers(); this._unbindEvents(); this._callHook('disconnected'); this._connected = false; delete this._watch; }; UIkit.prototype._callUpdate = function (e) { var this$1$1 = this; if ( e === void 0 ) e = 'update'; if (!this._connected) { return; } if (e === 'update' || e === 'resize') { this._callWatches(); } if (!this.$options.update) { return; } if (!this._updates) { this._updates = new Set(); fastdom.read(function () { if (this$1$1._connected) { runUpdates.call(this$1$1, this$1$1._updates); } delete this$1$1._updates; }); } this._updates.add(e.type || e); }; UIkit.prototype._callWatches = function () { var this$1$1 = this; if (this._watch) { return; } var initial = !hasOwn(this, '_watch'); this._watch = fastdom.read(function () { if (this$1$1._connected) { runWatches.call(this$1$1, initial); } this$1$1._watch = null; }); }; function runUpdates(types) { var this$1$1 = this; var updates = this.$options.update; var loop = function ( i ) { var ref = updates[i]; var read = ref.read; var write = ref.write; var events = ref.events; if (!types.has('update') && (!events || !events.some(function (type) { return types.has(type); }))) { return; } var result = (void 0); if (read) { result = read.call(this$1$1, this$1$1._data, types); if (result && isPlainObject(result)) { assign(this$1$1._data, result); } } if (write && result !== false) { fastdom.write(function () { return write.call(this$1$1, this$1$1._data, types); }); } }; for (var i = 0; i < updates.length; i++) loop( i ); } function runWatches(initial) { var ref = this; 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 && ( initial && immediate || hasPrev && !isEqual(prev, this[key]) )) { watch.call(this, this[key], prev); } } } } 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$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$1, event[key], key); } } else { registerEvent(this$1$1, event); } }); } }; UIkit.prototype._unbindEvents = function () { this._events.forEach(function (unbind) { return unbind(); }); delete this._events; }; UIkit.prototype._initObservers = function () { this._observers = [ initChildListObserver(this), initPropsObserver(this) ]; }; UIkit.prototype._disconnectObservers = function () { this._observers.forEach(function (observer) { return observer && observer.disconnect(); } ); }; 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 toList(value) { return isArray(value) ? value : isString(value) ? value.split(/,(?![^(]*\))/).map(function (value) { return isNumeric(value) ? toNumber(value) : toBoolean(value.trim()); }) : [value]; } function normalizeData(ref, ref$1) { var data = ref.data; 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 initChildListObserver(component) { var ref = component.$options; var el = ref.el; var observer = new MutationObserver(function () { return component.$emit(); }); observer.observe(el, { childList: true, subtree: true }); return observer; } function initPropsObserver(component) { var $name = component.$name; var $options = component.$options; var $props = component.$props; var attrs = $options.attrs; var props = $options.props; var el = $options.el; if (!props || attrs === false) { return; } var attributes = isArray(attrs) ? attrs : Object.keys(props); var filter = attributes.map(function (key) { return hyphenate(key); }).concat($name); var observer = new MutationObserver(function (records) { var data = getProps($options, $name); if (records.some(function (ref) { var attributeName = ref.attributeName; var prop = attributeName.replace('data-', ''); return (prop === $name ? attributes : [camelize(prop), camelize(attributeName)]).some(function (prop) { return !isUndefined(data[prop]) && data[prop] !== $props[prop]; } ); })) { component.$reset(); } }); observer.observe(el, { attributes: true, attributeFilter: filter.concat(filter.map(function (key) { return ("data-" + key); })) }); return observer; } } 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$1(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 componentName = memoize(function (name) { return UIkit.prefix + hyphenate(name); }); Object.defineProperties(UIkit.prototype, { $container: Object.getOwnPropertyDescriptor(UIkit, 'container'), $name: { get: function() { return componentName(this.$options.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(); } }; } var getComponentName = memoize(function (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.7.6'; globalAPI(UIkit); hooksAPI(UIkit); stateAPI(UIkit); componentAPI(UIkit); instanceAPI(UIkit); function Core (UIkit) { if (!inBrowser) { return; } // throttle 'resize' var pendingResize; var handleResize = function () { if (pendingResize) { return; } pendingResize = true; fastdom.write(function () { return pendingResize = false; }); UIkit.update(null, 'resize'); }; on(window, 'load resize', handleResize); on(document, 'loadedmetadata load', handleResize, true); if ('ResizeObserver' in window) { (new ResizeObserver(handleResize)).observe(document.documentElement); } // 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.documentElement, 'overflowX', 'hidden'); setTimeout(function () { if (!--started) { css(document.documentElement, 'overflowX', ''); } }, toMs(css(target, 'animationDuration')) + 100); } }, true); on(document, pointerDown, function (e) { if (!isTouch(e)) { return; } // Handle Swipe Gesture var pos = getEventPos(e); var target = 'tagName' in e.target ? e.target : parent(e.target); once(document, (pointerUp + " " + pointerCancel + " scroll"), function (e) { var ref = getEventPos(e); var x = ref.x; var y = ref.y; // swipe if (e.type !== 'scroll' && 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(function () { if (document.body) { apply$1(document.body, connect); } new MutationObserver(function (records) { return records.forEach(applyChildListMutation); } ).observe(document, { childList: true, subtree: true }); new MutationObserver(function (records) { return records.forEach(applyAttributeMutation); } ).observe(document, { attributes: true, subtree: true }); UIkit._initialized = true; }); function applyChildListMutation(ref) { var addedNodes = ref.addedNodes; var removedNodes = ref.removedNodes; for (var i = 0; i < addedNodes.length; i++) { apply$1(addedNodes[i], connect); } for (var i$1 = 0; i$1 < removedNodes.length; i$1++) { apply$1(removedNodes[i$1], disconnect); } } function applyAttributeMutation(ref) { var target = ref.target; var attributeName = ref.attributeName; var name = getComponentName(attributeName); if (!name || !(name in UIkit)) { return; } if (hasAttr(target, attributeName)) { UIkit[name](target); return; } var component = UIkit.getComponent(target, name); if (component) { component.$destroy(); } } } 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', clsEnter: 'uk-togglabe-enter', clsLeave: 'uk-togglabe-leave', 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, toggle, animate) { var this$1$1 = this; return new Promise$1(function (resolve) { return Promise$1.all(toNodes(targets).map(function (el) { var show = isBoolean(toggle) ? toggle : !this$1$1.isToggled(el); if (!trigger(el, ("before" + (show ? 'show' : 'hide')), [this$1$1])) { return Promise$1.reject(); } var promise = ( isFunction(animate) ? animate : animate === false || !this$1$1.hasAnimation ? this$1$1._toggle : this$1$1.hasTransition ? toggleHeight(this$1$1) : toggleAnimation(this$1$1) )(el, show); var cls = show ? this$1$1.clsEnter : this$1$1.clsLeave; addClass(el, cls); trigger(el, show ? 'show' : 'hide', [this$1$1]); var done = function () { removeClass(el, cls); trigger(el, show ? 'shown' : 'hidden', [this$1$1]); this$1$1.$update(el); }; return promise ? promise.then(done, function () { removeClass(el, cls); return Promise$1.reject(); }) : done(); })).then(resolve, noop); } ); }, isToggled: function(el) { var assign; if ( el === void 0 ) el = this.$el; (assign = toNodes(el), el = assign[0]); return hasClass(el, this.clsEnter) ? true : hasClass(el, this.clsLeave) ? false : this.cls ? hasClass(el, this.cls.split(' ')[0]) : isVisible(el); }, _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 === el.hidden; changed && (el.hidden = !toggled); } $$('[autofocus]', el).some(function (el) { return isVisible(el) ? el.focus() || true : el.blur(); }); if (changed) { trigger(el, 'toggled', [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$1 = this; items.forEach(function (el) { return hide($(this$1$1.content, el), !hasClass(el, this$1$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 }, toggles: function(ref) { var toggle = ref.toggle; return this.items.map(function (item) { return $(toggle, item); }); } }, events: [ { name: 'click', delegate: function() { return ((this.targets) + " " + (this.$props.toggle)); }, handler: function(e) { e.preventDefault(); this.toggle(index(this.toggles, e.current)); } } ], methods: { toggle: function(item, animate) { var this$1$1 = this; var items = [this.items[getIndex(item, this.items)]]; var activeItems = filter$1(this.items, ("." + (this.clsOpen))); if (!this.multiple && !includes(activeItems, items[0])) { items = items.concat(activeItems); } if (!this.collapsible && activeItems.length < 2 && !filter$1(items, (":not(." + (this.clsOpen) + ")")).length) { return; } items.forEach(function (el) { return this$1$1.toggleElement(el, !hasClass(el, this$1$1.clsOpen), function (el, show) { toggleClass(el, this$1$1.clsOpen, show); attr($(this$1$1.$props.toggle, el), 'aria-expanded', show); var content = $(("" + (el._wrapper ? '> * ' : '') + (this$1$1.content)), el); if (animate === false || !this$1$1.hasTransition) { hide(content, !show); return; } if (!el._wrapper) { el._wrapper = wrapAll(content, ("")); } hide(content, false); return toggleHeight(this$1$1)(el._wrapper, show).then(function () { hide(content, !show); delete el._wrapper; unwrap(content); if (show) { var toggle = $(this$1$1.$props.toggle, el); if (!isInView(toggle)) { scrollIntoView(toggle, {offset: this$1$1.offset}); } } }); }); }); } } }; function hide(el, hide) { el && (el.hidden = hide); } 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$1 = this; this.toggleElement(this.$el).then(function () { return this$1$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'; } if (this.automute) { mute(this.$el); } }, update: { read: function() { if (!isVideo(this.$el)) { return false; } return { 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) { pause(this.$el); } else if (this.autoplay === true || this.inView && inView) { play(this.$el); } }, 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) || parent(el); 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 Container = { props: { container: Boolean }, data: { container: true }, computed: { container: function(ref) { var container = ref.container; return container === true && this.$container || container && $(container); } } }; 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 ref = this; var offset$1 = ref.offset; var axis = this.getAxis(); if (!isNumeric(offset$1)) { var 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$1; var drop = { mixins: [Container, 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: true, boundaryAlign: false, delayShow: 0, delayHide: 800, clsDrop: false, animation: ['uk-animation-fade'], cls: 'uk-open', container: false }, computed: { boundary: function(ref, $el) { var boundary = ref.boundary; return boundary === true ? window : 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); if (this.toggle && !this.target) { this.target = this.$create('toggle', query(this.toggle, this.$el), { target: this.$el, mode: this.mode }); } }, disconnected: function() { if (this.isActive()) { active$1 = 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.$el, false); } } }, { name: 'toggleshow', self: true, handler: function(e, toggle) { e.preventDefault(); this.show(toggle.$el); } }, { name: 'togglehide', self: true, handler: function(e) { e.preventDefault(); if (!matches(this.$el, ':focus,:hover')) { this.hide(); } } }, { name: (pointerEnter + " focusin"), filter: function() { return includes(this.mode, 'hover'); }, handler: function(e) { if (!isTouch(e)) { this.clearTimers(); } } }, { name: (pointerLeave + " focusout"), filter: function() { return includes(this.mode, 'hover'); }, handler: function(e) { if (!isTouch(e) && e.relatedTarget) { this.hide(); } } }, { name: 'toggled', self: true, handler: function(e, toggled) { if (!toggled) { return; } this.clearTimers(); this.position(); } }, { name: 'show', self: true, handler: function() { var this$1$1 = this; active$1 = this; this.tracker.init(); once(this.$el, 'hide', on(document, pointerDown, function (ref) { var target = ref.target; return !within(target, this$1$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$1.target && within(target, this$1$1.target))) { this$1$1.hide(false); } }, true); } ), {self: true}); once(this.$el, 'hide', on(document, 'keydown', function (e) { if (e.keyCode === 27) { this$1$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$1 = active$1 === null && within(target, this.$el) && this.isToggled() ? this : active$1; return; } active$1 = this.isActive() ? null : active$1; this.tracker.cancel(); } } ], update: { write: function() { if (this.isToggled() && !hasClass(this.$el, this.clsEnter)) { this.position(); } }, events: ['resize'] }, methods: { show: function(target, delay) { var this$1$1 = this; if ( target === void 0 ) target = this.target; if ( delay === void 0 ) delay = true; if (this.isToggled() && target && this.target && target !== this.target) { this.hide(false); } this.target = target; this.clearTimers(); if (this.isActive()) { return; } if (active$1) { if (delay && active$1.isDelaying) { this.showTimer = setTimeout(this.show, 10); return; } var prev; while (active$1 && prev !== active$1 && !within(this.$el, active$1.$el)) { prev = active$1; active$1.hide(false); } } if (this.container && parent(this.$el) !== this.container) { append(this.container, this.$el); } this.showTimer = setTimeout(function () { return this$1$1.toggleElement(this$1$1.$el, true); }, delay && this.delayShow || 0); }, hide: function(delay) { var this$1$1 = this; if ( delay === void 0 ) delay = true; var hide = function () { return this$1$1.toggleElement(this$1$1.$el, false, false); }; this.clearTimers(); this.isDelaying = getPositionedElements(this.$el).some(function (el) { return this$1$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$1 === 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.target); if (this.align === 'justify') { var prop = this.getAxis() === 'y' ? 'width' : 'height'; css(this.$el, prop, alignTo[prop]); } else if (this.boundary && 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.target, this.boundary); } } }; function getPositionedElements(el) { var result = []; apply$1(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 && parent(this.input) === $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 columns = ref.columns; var rows = ref.rows; for (var i = 0; i < rows.length; i++) { for (var j = 0; j < rows[i].length; j++) { toggleClass(rows[i][j], this.margin, i !== 0); toggleClass(rows[i][j], this.firstColumn, !!~columns[0].indexOf(rows[i][j])); } } }, events: ['resize'] } }; function getRows(items) { return sortBy(items, 'top', 'bottom'); } function getColumns(rows) { var columns = []; for (var i = 0; i < rows.length; i++) { var sorted = sortBy(rows[i], 'left', 'right'); for (var j = 0; j < sorted.length; j++) { columns[j] = !columns[j] ? sorted[j] : columns[j].concat(sorted[j]); } } return isRtl ? columns.reverse() : columns; } function sortBy(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(data) { var columns = data.columns; var rows = data.rows; // Filter component makes elements positioned absolute if (!columns.length || !this.masonry && !this.parallax || positionedAbsolute(this.$el)) { data.translates = false; return false; } var translates = false; var nodes = children(this.$el); 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$1(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: translates ? 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; if (positionedAbsolute(this.$el)) { return false; } 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 positionedAbsolute(el) { return children(el).some(function (el) { return css(el, 'position') === 'absolute'; }); } 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$1 = this; this.elements.forEach(function (el) { var height = toFloat(css(el, 'minHeight')); if (height && (this$1$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$1) }; }, 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$1(elements) { if (elements.length < 2) { return {heights: [''], elements: elements}; } var heights = elements.map(getHeight); var max = Math.max.apply(Math, heights); 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', ''); heights = elements.map(getHeight); max = Math.max.apply(Math, heights); } 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 getHeight(element) { var style = false; if (!isVisible(element)) { style = element.style.display; css(element, 'display', 'block', 'important'); } var height = dimensions(element).height - boxModelAdjust(element, 'height', 'content-box'); if (style !== false) { css(element, 'display', style); } return height; } 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) { minHeight = height(window) - (dimensions(document.documentElement).height - dimensions(this.$el).height) - 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 += " - " + (dimensions(this.$el.nextElementSibling).height) + "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 += " - " + (dimensions(query(this.offsetBottom, this.$el)).height) + "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'] } }; 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$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) { if (this$1$1._connected) { var svg = insertSVG(el, this$1$1.$el); if (this$1$1.svgEl && svg !== this$1$1.svgEl) { remove$1(this$1$1.svgEl); } this$1$1.applyAttributes(svg, el); this$1$1.$emit(); return this$1$1.svgEl = svg; } }, noop); }, disconnected: function() { var this$1$1 = this; this.svg.then(function (svg) { if (!this$1$1._connected) { if (isVoidElement(this$1$1.$el)) { this$1$1.$el.hidden = false; } remove$1(svg); this$1$1.svgEl = null; } }); this.svg = 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$1 = this; return loadSVG(this.src).then(function (svg) { return parseSVG(svg, this$1$1.icon) || Promise$1.reject('SVG not found.'); } ); }, applyAttributes: function(el, ref) { var this$1$1 = this; for (var prop in this.$options.props) { if (includes(this.include, prop) && (prop in this)) { attr(el, prop, this[prop]); } } for (var attribute in this.attributes) { var ref$1 = this.attributes[attribute].split(':', 2); var prop$1 = ref$1[0]; var value = ref$1[1]; attr(el, prop$1, value); } if (!this.id) { removeAttr(el, 'id'); } var props = ['width', 'height']; var dimensions = props.map(function (prop) { return this$1$1[prop]; }); if (!dimensions.some(function (val) { return val; })) { dimensions = props.map(function (prop) { return attr(ref, prop); }); } var viewBox = attr(ref, 'viewBox'); if (viewBox && !dimensions.some(function (val) { return val; })) { dimensions = viewBox.split(' ').slice(2); } dimensions.forEach(function (val, i) { return attr(el, props[i], toFloat(val) * this$1$1.ratio || null); } ); } } }; var loadSVG = memoize(function (src) { return new Promise$1(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') { 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 isSVG(el) && isSVG(other) && innerHTML(el) === innerHTML(other); } function isSVG(el) { return el && el.tagName === 'svg'; } function innerHTML(el) { return (el.innerHTML || (new XMLSerializer()).serializeToString(el).replace(/(.*?)<\/svg>/g, '$1')).replace(/\s/g, ''); } 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$3, 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$1.reject('Icon not found.'); } return Promise$1.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$1 = this; this.svg.then(function (svg) { return svg && this$1$1.ratio !== 1 && css($('circle', svg), 'strokeWidth', 1 / this$1$1.ratio); }); } }; var parsed = {}; function install$3(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$1(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: '50vw', 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 (!window.IntersectionObserver) { setSrcAttrs(this.$el, this.dataSrc, this.dataSrcset, this.sizes); return; } if (storage[this.cacheKey]) { setSrcAttrs(this.$el, storage[this.cacheKey], 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 && this.observer.disconnect(); }, update: { read: function(ref) { var this$1$1 = this; var image = ref.image; if (!this.observer) { return false; } 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$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$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$1.$el, currentSrc(img), img.srcset, img.sizes); storage[this$1$1.cacheKey] = currentSrc(img); return img; }, function (e) { return trigger(this$1$1.$el, new e.constructor(e.type, e)); }); this.observer.disconnect(); }, observe: function() { var this$1$1 = this; if (this._connected && !this._data.image) { this.target.forEach(function (el) { return this$1$1.observer.observe(el); }); } } } }; function setSrcAttrs(el, src, srcset, sizes) { if (isImg(el)) { var set = function (prop, val) { return val && val !== el[prop] && (el[prop] = val); }; set('sizes', sizes); set('srcset', srcset); set('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 .slice(5, -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 active = []; 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 (includes(active, this)) { 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, toggle) { if (e.defaultPrevented) { return; } e.preventDefault(); this.target = toggle.$el; if (this.isToggled() === includes(active, this)) { this.toggle(); } } }, { name: 'beforeshow', self: true, handler: function(e) { if (includes(active, this)) { return false; } if (!this.stack && active.length) { Promise$1.all(active.map(function (modal) { return modal.hide(); })).then(this.show); e.preventDefault(); } else { active.push(this); } } }, { name: 'show', self: true, handler: function() { var this$1$1 = this; var docEl = document.documentElement; if (width(window) > docEl.clientWidth && this.overlay) { css(document.body, 'overflowY', 'scroll'); } if (this.stack) { css(this.$el, 'zIndex', toFloat(css(this.$el, 'zIndex')) + active.length); } addClass(docEl, this.clsPage); if (this.bgClose) { once(this.$el, 'hide', on(document, pointerDown, function (ref) { var target = ref.target; if (last(active) !== this$1$1 || this$1$1.overlay && !within(target, this$1$1.$el) || within(target, this$1$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$1.hide(); } }, true); }), {self: true}); } if (this.escClose) { once(this.$el, 'hide', on(document, 'keydown', function (e) { if (e.keyCode === 27 && last(active) === this$1$1) { this$1$1.hide(); } }), {self: true}); } } }, { name: 'shown', self: true, handler: function() { if (!isFocusable(this.$el)) { attr(this.$el, 'tabindex', '0'); } if (!$(':focus', this.$el)) { this.$el.focus(); } } }, { name: 'hide', self: true, handler: function() { if (isFocusable(this.target)) { this.target.focus(); this.target = null; } } }, { name: 'hidden', self: true, handler: function() { var this$1$1 = this; if (includes(active, this)) { active.splice(active.indexOf(this), 1); } if (!active.length) { css(document.body, 'overflowY', ''); } css(this.$el, 'zIndex', ''); if (!active.some(function (modal) { return modal.clsPage === this$1$1.clsPage; })) { removeClass(document.documentElement, this.clsPage); } } } ], methods: { toggle: function() { return this.isToggled() ? this.hide() : this.show(); }, show: function() { var this$1$1 = this; if (this.container && parent(this.$el) !== this.container) { append(this.container, this.$el); return new Promise$1(function (resolve) { return requestAnimationFrame(function () { return this$1$1.show().then(resolve); } ); } ); } return this.toggleElement(this.$el, true, animate(this)); }, hide: function() { return this.toggleElement(this.$el, false, animate(this)); } } }; function animate(ref) { var transitionElement = ref.transitionElement; var _toggle = ref._toggle; return function (el, show) { return new Promise$1(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'))); }); } ).then(function () { return delete el._reject; }); }; } var modal = { install: install$2, 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$2(ref) { var modal = ref.modal; modal.dialog = function (content, options) { var dialog = modal( ("
" + content + "
"), options ); dialog.show(); on(dialog.$el, 'hidden', function () { return Promise$1.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 navItem = '.uk-navbar-nav > li > a, .uk-navbar-item, .uk-navbar-toggle'; var navbar = { mixins: [Class, Container, 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: navItem, 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: navItem, container: false }, 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 }, dropContainer: function(_, $el) { return this.container || $el; }, dropdowns: { get: function(ref, $el) { var this$1$1 = this; var clsDrop = ref.clsDrop; var dropdowns = $$(("." + clsDrop), $el); if (this.dropContainer !== $el) { $$(("." + clsDrop), this.dropContainer).forEach(function (el) { var dropdown = this$1$1.getDropdown(el); if (!includes(dropdowns, el) && dropdown && dropdown.target && within(dropdown.target, this$1$1.$el)) { dropdowns.push(el); } }); } return dropdowns; }, watch: function(dropdowns) { var this$1$1 = this; this.$create( 'drop', dropdowns.filter(function (el) { return !this$1$1.getDropdown(el); }), assign({}, this.$props, {boundary: this.boundary, pos: this.pos, offset: this.dropbar || this.offset}) ); }, immediate: true }, toggles: function(ref, $el) { var dropdown = ref.dropdown; return $$(dropdown, $el); } }, disconnected: function() { this.dropbar && remove$1(this.dropbar); delete this._dropbar; }, events: [ { name: 'mouseover focusin', delegate: function() { return this.dropdown; }, handler: function(ref) { var current = ref.current; var active = this.getActive(); if (active && includes(active.mode, 'hover') && active.target && !within(active.target, current) && !active.tracker.movesTo(active.$el)) { active.hide(false); } } }, { name: 'keydown', delegate: function() { return this.dropdown; }, handler: function(e) { var current = e.current; var keyCode = e.keyCode; var active = this.getActive(); if (keyCode === keyMap.DOWN && hasAttr(current, 'aria-expanded')) { e.preventDefault(); if (!active || active.target !== current) { current.click(); once(this.dropContainer, 'show', function (ref) { var target = ref.target; return focusFirstFocusableElement(target); }); } else { focusFirstFocusableElement(active.$el); } } handleNavItemNavigation(e, this.toggles, active); } }, { name: 'keydown', el: function() { return this.dropContainer; }, delegate: function() { return ("." + (this.clsDrop)); }, handler: function(e) { var current = e.current; var keyCode = e.keyCode; if (!includes(this.dropdowns, current)) { return; } var active = this.getActive(); var elements = $$(selFocusable, current); var i = findIndex(elements, function (el) { return matches(el, ':focus'); }); if (keyCode === keyMap.UP) { e.preventDefault(); if (i > 0) { elements[i - 1].focus(); } } if (keyCode === keyMap.DOWN) { e.preventDefault(); if (i < elements.length - 1) { elements[i + 1].focus(); } } if (keyCode === keyMap.ESC) { active && active.target && active.target.focus(); } handleNavItemNavigation(e, this.toggles, active); } }, { name: 'mouseleave', el: function() { return this.dropbar; }, filter: function() { return this.dropbar; }, handler: function() { var active = this.getActive(); if (active && includes(active.mode, 'hover') && !this.dropdowns.some(function (el) { return matches(el, ':hover'); })) { active.hide(); } } }, { name: 'beforeshow', el: function() { return this.dropContainer; }, filter: function() { return this.dropbar; }, handler: function() { if (!parent(this.dropbar)) { after(this.dropbarAnchor || this.$el, this.dropbar); } } }, { name: 'show', el: function() { return this.dropContainer; }, filter: function() { return this.dropbar; }, handler: function(_, ref) { var $el = ref.$el; var dir = ref.dir; if (!hasClass($el, this.clsDrop)) { return; } if (this.dropbarMode === 'slide') { addClass(this.dropbar, 'uk-navbar-dropbar-slide'); } 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', el: function() { return this.dropContainer; }, 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', el: function() { return this.dropContainer; }, filter: function() { return this.dropbar; }, handler: function(_, ref) { var $el = ref.$el; if (!hasClass($el, this.clsDrop)) { return; } var active = this.getActive(); if (!active || active && active.$el === $el) { this.transitionTo(0); } } } ], methods: { getActive: function() { return active$1 && within(active$1.target, this.$el) && active$1; }, transitionTo: function(newHeight, el) { var this$1$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$1.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$1.$update(dropbar); }); }, getDropdown: function(el) { return this.$getComponent(el, 'drop') || this.$getComponent(el, 'dropdown'); } } }; function handleNavItemNavigation(e, toggles, active) { var current = e.current; var keyCode = e.keyCode; var target = active && active.target || current; var i = toggles.indexOf(target); // Left if (keyCode === keyMap.LEFT && i > 0) { active && active.hide(false); toggles[i - 1].focus(); } // Right if (keyCode === keyMap.RIGHT && i < toggles.length - 1) { active && active.hide(false); toggles[i + 1].focus(); } if (keyCode === keyMap.TAB) { target.focus(); active && active.hide(false); } } function focusFirstFocusableElement(el) { if (!$(':focus', el)) { var focusEl = $(selFocusable, el); if (focusEl) { focusEl.focus(); } } } var keyMap = { TAB: 9, ESC: 27, LEFT: 37, UP: 38, RIGHT: 39, DOWN: 40 }; 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' ? parent(this.panel) : this.panel; } }, update: { read: function() { if (this.isToggled() && !isVisible(this.$el)) { this.hide(); } }, events: ['resize'] }, 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 = e.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(parent(this.panel), this.clsMode)) { wrapAll(this.panel, '
'); addClass(parent(this.panel), 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().content += ',user-scalable=0'; } function resumeUserScale() { var viewport = getViewport(); viewport.content = viewport.content.replace(/,user-scalable=0$/, ''); } function getViewport() { return $('meta[name="viewport"]', document.head) || append(document.head, ''); } var overflowAuto = { mixins: [Class], props: { selContainer: String, selContent: String, minHeight: Number }, data: { selContainer: '.uk-modal', selContent: '.uk-modal-dialog', minHeight: 150 }, 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', this.minHeight); }, update: { read: function() { if (!this.content || !this.container || !isVisible(this.$el)) { return false; } return { current: toFloat(css(this.$el, 'maxHeight')), max: Math.max(this.minHeight, height(this.container) - (dimensions(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(parent(this.$el)), 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$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$1.$el, 'scrolled', [this$1$1, el]); } ); } } }, events: { click: function(e) { if (e.defaultPrevented) { return; } e.preventDefault(); this.scrollTo(("#" + (escape(decodeURIComponent((this.$el.hash || '').substr(1)))))); } } }; var stateKey = '_ukScrollspy'; 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$1(elements, (":not(." + (this.inViewClass) + ")")), 'visibility', 'hidden'); } }, immediate: true } }, disconnected: function() { var this$1$1 = this; this.elements.forEach(function (el) { removeClass(el, this$1$1.inViewClass, el[stateKey] ? el[stateKey].cls : ''); delete el[stateKey]; }); }, update: [ { read: function(data$1) { var this$1$1 = this; // Let child components be applied at least once first if (!data$1.update) { Promise$1.resolve().then(function () { this$1$1.$emit(); data$1.update = true; }); return false; } this.elements.forEach(function (el) { if (!el[stateKey]) { el[stateKey] = {cls: data(el, 'uk-scrollspy-class') || this$1$1.cls}; } el[stateKey].show = isInView(el, this$1$1.offsetTop, this$1$1.offsetLeft); }); }, write: function(data) { var this$1$1 = this; this.elements.forEach(function (el) { var state = el[stateKey]; if (state.show && !state.inview && !state.queued) { state.queued = true; data.promise = (data.promise || Promise$1.resolve()).then(function () { return new Promise$1(function (resolve) { return setTimeout(resolve, this$1$1.delay); } ); } ).then(function () { this$1$1.toggle(el, true); setTimeout(function () { state.queued = false; this$1$1.$emit(); }, 300); }); } else if (!state.show && state.inview && !state.queued && this$1$1.repeat) { this$1$1.toggle(el, false); } }); }, events: ['scroll', 'resize'] } ], methods: { toggle: function(el, inview) { var state = el[stateKey]; state.off && state.off(); css(el, 'visibility', !inview && this.hidden ? 'hidden' : ''); toggleClass(el, this.inViewClass, inview); toggleClass(el, state.cls); if (/\buk-animation-/.test(state.cls)) { state.off = once(el, 'animationcancel animationend', function () { return removeClasses(el, 'uk-animation-[\\w-]+'); } ); } trigger(el, inview ? 'inview' : 'outview'); state.inview = inview; this.$update(el); } } }; 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$1 = this; var ref = this.targets; var length = ref.length; if (!length || !isVisible(this.$el)) { return false; } var ref$1 = scrollParents(this.targets, /auto|scroll/, true); var scrollElement = ref$1[0]; var scrollTop = scrollElement.scrollTop; var scrollHeight = scrollElement.scrollHeight; var max = scrollHeight - getViewportClientHeight(scrollElement); var active = false; if (scrollTop === max) { active = length - 1; } else { this.targets.every(function (el, i) { if (offset(el).top - offset(getViewport$1(scrollElement)).top - this$1$1.offset <= 0) { active = i; return true; } }); if (active === false && this.overflow) { active = 0; } } return {active: active}; }, write: function(ref) { var active = ref.active; var changed = active !== false && !hasClass(this.elements[active], this.cls); this.links.forEach(function (el) { return el.blur(); }); removeClass(this.elements, this.cls); addClass(this.elements[active], this.cls); if (changed) { trigger(this.$el, 'active', [active, this.elements[active]]); } }, 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$1(this.placeholder); this.placeholder = null; this.widthElement = null; }, events: [ { name: 'load hashchange popstate', el: function() { return window; }, handler: function() { var this$1$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$1.$el).top; var elHeight = this$1$1.$el.offsetHeight; if (this$1$1.isFixed && elTop + elHeight >= top && elTop <= top + target.offsetHeight) { scrollTop(window, top - elHeight - (isNumeric(this$1$1.targetOffset) ? this$1$1.targetOffset : 0) - this$1$1.offset); } }); } } } ], update: [ { read: function(ref, types) { var height = ref.height; this.inactive = !this.matchMedia || !isVisible(this.$el); if (this.inactive) { return false; } if (this.isActive && types.has('resize')) { 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.width = dimensions(isVisible(this.widthElement) ? this.widthElement : this.$el).width; return { height: height, top: offsetPosition(this.placeholder)[0], 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); placeholder.hidden = true; } this.isActive = !!this.isActive; // force self-assign }, events: ['resize'] }, { read: function(ref) { var scroll = ref.scroll; if ( scroll === void 0 ) scroll = 0; this.scroll = window.pageYOffset; return { dir: scroll <= this.scroll ? 'down' : 'up', scroll: this.scroll }; }, write: function(data, types) { var this$1$1 = this; var now = Date.now(); var isScrollUpdate = types.has('scroll'); 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; data.lastScroll = scroll; if (scroll < 0 || scroll === lastScroll && isScrollUpdate || this.showOnUp && !isScrollUpdate && !this.isFixed) { 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' && isScrollUpdate || 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$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(); this.placeholder.hidden = false; }, hide: function() { this.isActive = false; removeClass(this.$el, this.clsFixed, this.clsBelow); css(this.$el, {position: '', top: '', width: ''}); this.placeholder.hidden = true; }, 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 ? parent($el) : query(value, $el)).bottom; } } var Switcher = { mixins: [Togglable], args: 'connect', props: { connect: String, toggle: String, itemNav: String, active: Number, swiping: Boolean }, data: { connect: '~.uk-switcher', toggle: '> * > :first-child', itemNav: false, active: 0, swiping: true, cls: 'uk-active', attrItem: 'uk-switcher-item' }, computed: { connects: { get: function(ref, $el) { var connect = ref.connect; return queryAll(connect, $el); }, watch: function(connects) { var this$1$1 = this; if (this.swiping) { css(connects, 'touch-action', 'pan-y pinch-zoom'); } var index = this.index(); this.connects.forEach(function (el) { return children(el).forEach(function (child, i) { return toggleClass(child, this$1$1.cls, i === index); } ); } ); }, 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$1 = this; return children(this.$el).filter(function (child) { return this$1$1.toggles.some(function (toggle) { return within(toggle, child); }); }); } }, events: [ { name: 'click', delegate: function() { return this.toggle; }, handler: function(e) { e.preventDefault(); this.show(e.current); } }, { name: 'click', el: function() { return this.connects.concat(this.itemNav ? queryAll(this.itemNav, this.$el) : []); }, 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$1 = this; return findIndex(this.children, function (el) { return hasClass(el, this$1$1.cls); }); }, show: function(item) { var this$1$1 = this; var prev = this.index(); var next = getIndex( this.children[getIndex(item, this.toggles, prev)], children(this.$el) ); if (prev === next) { return; } this.children.forEach(function (child, i) { toggleClass(child, this$1$1.cls, next === i); attr(this$1$1.toggles[i], 'aria-expanded', next === i); }); this.connects.forEach(function (ref) { var children = ref.children; return this$1$1.toggleElement(toNodes(children).filter(function (child) { return hasClass(child, this$1$1.cls); } ), false, prev >= 0).then(function () { return this$1$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 }, connected: function() { if (!includes(this.mode, 'media') && !isFocusable(this.$el)) { attr(this.$el, 'tabindex', '0'); } }, 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() { this.updateAria(); }, immediate: true } }, events: [ { name: pointerDown, filter: function() { return includes(this.mode, 'hover'); }, handler: function(e) { var this$1$1 = this; if (!isTouch(e) || this._showState) { return; } // Clicking a button does not give it focus on all browsers and platforms // https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#clicking_and_focus trigger(this.$el, 'focus'); once(document, pointerDown, function () { return trigger(this$1$1.$el, 'blur'); }, true, function (e) { return !within(e.target, this$1$1.$el); }); // Prevent initial click to prevent double toggle through focus + click if (includes(this.mode, 'click')) { this._preventClick = true; } } }, { name: (pointerEnter + " " + pointerLeave + " focus blur"), filter: function() { return includes(this.mode, 'hover'); }, handler: function(e) { if (isTouch(e)) { return; } var show = includes([pointerEnter, 'focus'], e.type); var expanded = attr(this.$el, 'aria-expanded'); // Skip hide if still hovered or focused if (!show && ( e.type === pointerLeave && matches(this.$el, ':focus') || e.type === 'blur' && matches(this.$el, ':hover') )) { return; } // Skip if state does not change e.g. hover + focus received if (this._showState && show === (expanded !== this._showState)) { // Ensure reset if state has changed through click if (!show) { this._showState = null; } return; } this._showState = show ? expanded : null; this.toggle(("toggle" + (show ? 'show' : 'hide'))); } }, { name: 'keydown', filter: function() { return includes(this.mode, 'click'); }, handler: function(e) { // Space if (e.keyCode === 32) { e.preventDefault(); this.$el.click(); } } }, { name: 'click', filter: function() { return includes(this.mode, 'click'); }, handler: function(e) { if (this._preventClick) { return this._preventClick = null; } var link; if (closest(e.target, 'a[href="#"], a[href=""]') || (link = closest(e.target, 'a[href]')) && ( attr(this.$el, 'aria-expanded') !== 'true' || link.hash && matches(this.target, link.hash) ) ) { e.preventDefault(); } this.toggle(); } }, { name: 'toggled', self: true, el: function() { return this.target; }, handler: function(e, toggled) { if (e.target === this.target[0]) { this.updateAria(toggled); } } } ], 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$1 = this; if (!trigger(this.target, type || 'toggle', [this])) { return; } if (!this.queued) { return this.toggleElement(this.target); } var leaving = this.target.filter(function (el) { return hasClass(el, this$1$1.clsLeave); }); if (leaving.length) { this.target.forEach(function (el) { var isLeaving = includes(leaving, el); this$1$1.toggleElement(el, isLeaving, isLeaving); }); return; } var toggled = this.target.filter(this.isToggled); this.toggleElement(toggled, false).then(function () { return this$1$1.toggleElement(this$1$1.target.filter(function (el) { return !includes(toggled, el); } ), true); } ); }, updateAria: function(toggled) { if (includes(this.mode, 'media')) { return; } attr(this.$el, 'aria-expanded', isBoolean(toggled) ? toggled : this.isToggled(this.target) ); } } }; var components$1 = /*#__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$1, 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$1 = this; return ['days', 'hours', 'minutes', 'seconds'].filter(function (unit) { return this$1$1[unit]; }); } }, connected: function() { this.start(); }, disconnected: function() { var this$1$1 = this; this.stop(); this.units.forEach(function (unit) { return empty(this$1$1[unit]); }); }, events: [ { name: 'visibilitychange', el: function() { return document; }, handler: function() { if (document.hidden) { this.stop(); } else { this.start(); } } } ], update: { write: function() { var this$1$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$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 clsLeave = 'uk-transition-leave'; var clsEnter = 'uk-transition-enter'; function fade(action, target, duration, stagger) { if ( stagger === void 0 ) stagger = 0; var index = transitionIndex(target, true); var propsIn = {opacity: 1}; var propsOut = {opacity: 0}; var wrapIndexFn = function (fn) { return function () { return index === transitionIndex(target) ? fn() : Promise$1.reject(); }; }; var leaveFn = wrapIndexFn(function () { addClass(target, clsLeave); return Promise$1.all(getTransitionNodes(target).map(function (child, i) { return new Promise$1(function (resolve) { return setTimeout(function () { return Transition.start(child, propsOut, duration / 2, 'ease').then(resolve); }, i * stagger); } ); } )).then(function () { return removeClass(target, clsLeave); }); }); var enterFn = wrapIndexFn(function () { var oldHeight = height(target); addClass(target, clsEnter); action(); css(children(target), {opacity: 0}); // Ensure UIkit updates have propagated return new Promise$1(function (resolve) { return requestAnimationFrame(function () { var nodes = children(target); var newHeight = height(target); // Ensure Grid cells do not stretch when height is applied css(target, 'alignContent', 'flex-start'); height(target, oldHeight); var transitionNodes = getTransitionNodes(target); css(nodes, propsOut); var transitions = transitionNodes.map(function (child, i) { return new Promise$1(function (resolve) { return setTimeout(function () { return Transition.start(child, propsIn, duration / 2, 'ease').then(resolve); }, i * stagger); } ); } ); if (oldHeight !== newHeight) { transitions.push(Transition.start(target, {height: newHeight}, duration / 2 + transitionNodes.length * stagger, 'ease')); } Promise$1.all(transitions).then(function () { removeClass(target, clsEnter); if (index === transitionIndex(target)) { css(target, {height: '', alignContent: ''}); css(nodes, {opacity: ''}); delete target.dataset.transition; } resolve(); }); }); } ); }); return hasClass(target, clsLeave) ? waitTransitionend(target).then(enterFn) : hasClass(target, clsEnter) ? waitTransitionend(target).then(leaveFn).then(enterFn) : leaveFn().then(enterFn); } function transitionIndex(target, next) { if (next) { target.dataset.transition = 1 + transitionIndex(target); } return toNumber(target.dataset.transition) || 0; } function waitTransitionend(target) { return Promise$1.all(children(target).filter(Transition.inProgress).map(function (el) { return new Promise$1(function (resolve) { return once(el, 'transitionend transitioncanceled', resolve); }); } )); } function getTransitionNodes(target) { return getRows(children(target)).reduce(function (nodes, row) { return nodes.concat(sortBy$1(row.filter(function (el) { return isInView(el); }), 'offsetLeft')); }, []); } function slide (action, target, duration) { return new Promise$1(function (resolve) { return requestAnimationFrame(function () { var nodes = children(target); // Get current state var currentProps = nodes.map(function (el) { return getProps(el, true); }); var targetProps = css(target, ['height', 'padding']); // Cancel previous animations Transition.cancel(target); nodes.forEach(Transition.cancel); reset(target); // Adding, sorting, removing nodes action(); // Find new nodes nodes = nodes.concat(children(target).filter(function (el) { return !includes(nodes, el); })); // Wait for update to propagate Promise$1.resolve().then(function () { // Force update fastdom.flush(); // Get new state var targetPropsTo = css(target, ['height', 'padding']); var ref = getTransitionProps(target, nodes, currentProps); var propsTo = ref[0]; var propsFrom = ref[1]; // Reset to previous state nodes.forEach(function (el, i) { return propsFrom[i] && css(el, propsFrom[i]); }); css(target, assign({display: 'block'}, targetProps)); // Start transitions on next frame requestAnimationFrame(function () { var transitions = nodes.map(function (el, i) { return parent(el) === target && Transition.start(el, propsTo[i], duration, 'ease'); } ).concat(Transition.start(target, targetPropsTo, duration, 'ease')); Promise$1.all(transitions).then(function () { nodes.forEach(function (el, i) { return parent(el) === target && css(el, 'display', propsTo[i].opacity === 0 ? 'none' : ''); }); reset(target); }, noop).then(resolve); }); }); }); }); } 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 getTransitionProps(target, nodes, currentProps) { var propsTo = nodes.map(function (el, i) { return parent(el) && i in currentProps ? currentProps[i] ? isVisible(el) ? getPositionWithMargin(el) : {opacity: 0} : {opacity: isVisible(el) ? 1 : 0} : false; }); var propsFrom = propsTo.map(function (props, i) { var from = parent(nodes[i]) === target && (currentProps[i] || getProps(nodes[i])); if (!from) { return false; } 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; }); return [propsTo, propsFrom]; } function reset(el) { css(el.children, { height: '', left: '', opacity: '', pointerEvents: '', position: '', top: '', marginTop: '', marginLeft: '', transform: '', width: '', zIndex: '' }); css(el, {height: '', display: '', padding: ''}); } 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; var ref$2 = css(el, ['marginTop', 'marginLeft']); var marginLeft = ref$2.marginLeft; var marginTop = ref$2.marginTop; return {top: top, left: left, height: height, width: width, marginLeft: marginLeft, marginTop: marginTop, transform: ''}; } var Animate = { props: { duration: Number, animation: Boolean }, data: { duration: 150, animation: 'slide' }, methods: { animate: function(action, target) { var this$1$1 = this; if ( target === void 0 ) target = this.$el; var name = this.animation; var animationFn = name === 'fade' ? fade : name === 'delayed-fade' ? function () { var args = [], len = arguments.length; while ( len-- ) args[ len ] = arguments[ len ]; return fade.apply(void 0, args.concat( [40] )); } : !name ? function () { action(); return Promise$1.resolve(); } : slide; return animationFn(action, target, this.duration) .then(function () { return this$1$1.$update(target, 'resize'); }, noop); } } }; var filter = { mixins: [Animate], args: 'target', props: { target: Boolean, selActive: Boolean }, data: { target: null, selActive: false, attrItem: 'uk-filter-control', cls: 'uk-active', duration: 250 }, computed: { toggles: { get: function(ref, $el) { var attrItem = ref.attrItem; return $$(("[" + attrItem + "],[data-" + attrItem + "]"), $el); }, watch: function() { var this$1$1 = this; this.updateState(); if (this.selActive !== false) { var actives = $$(this.selActive, this.$el); this.toggles.forEach(function (el) { return toggleClass(el, this$1$1.cls, includes(actives, el)); }); } }, immediate: true }, children: { get: function(ref, $el) { var target = ref.target; return $$((target + " > *"), $el); }, watch: function(list, old) { if (old && !isEqualList(list, old)) { this.updateState(); } }, immediate: true } }, events: [ { name: 'click', delegate: function() { return ("[" + (this.attrItem) + "],[data-" + (this.attrItem) + "]"); }, handler: function(e) { e.preventDefault(); this.apply(e.current); } } ], methods: { apply: function(el) { var prevState = this.getState(); var newState = mergeState(el, this.attrItem, this.getState()); if (!isEqualState(prevState, newState)) { this.setState(newState); } }, getState: function() { var this$1$1 = this; return this.toggles .filter(function (item) { return hasClass(item, this$1$1.cls); }) .reduce(function (state, el) { return mergeState(el, this$1$1.attrItem, state); }, {filter: {'': ''}, sort: []}); }, setState: function(state, animate) { var this$1$1 = this; if ( animate === void 0 ) animate = true; state = assign({filter: {'': ''}, sort: []}, state); trigger(this.$el, 'beforeFilter', [this, state]); this.toggles.forEach(function (el) { return toggleClass(el, this$1$1.cls, !!matchFilter(el, this$1$1.attrItem, state)); }); Promise$1.all($$(this.target, this.$el).map(function (target) { var filterFn = function () { applyState(state, target, children(target)); this$1$1.$update(this$1$1.$el); }; return animate ? this$1$1.animate(filterFn, target) : filterFn(); })).then(function () { return trigger(this$1$1.$el, 'afterFilter', [this$1$1]); }); }, updateState: function() { var this$1$1 = this; fastdom.write(function () { return this$1$1.setState(this$1$1.getState(), false); }); } } }; function getFilter(el, attr) { return parseOptions(data(el, attr), ['filter']); } function isEqualState(stateA, stateB) { return ['filter', 'sort'].every(function (prop) { return isEqual(stateA[prop], stateB[prop]); }); } function applyState(state, target, children) { var selector = getSelector(state); children.forEach(function (el) { return css(el, 'display', selector && !matches(el, selector) ? 'none' : ''); }); var ref = state.sort; var sort = ref[0]; var order = ref[1]; if (sort) { var sorted = sortItems(children, sort, order); if (!isEqual(sorted, children)) { append(target, sorted); } } } function mergeState(el, attr, state) { var filterBy = getFilter(el, attr); var filter = filterBy.filter; var group = filterBy.group; var sort = filterBy.sort; var order = filterBy.order; if ( order === void 0 ) order = 'asc'; if (filter || isUndefined(sort)) { if (group) { if (filter) { delete state.filter['']; state.filter[group] = filter; } else { delete state.filter[group]; if (isEmpty(state.filter) || '' in state.filter) { state.filter = {'': filter || ''}; } } } else { state.filter = {'': filter || ''}; } } if (!isUndefined(sort)) { state.sort = [sort, order]; } return state; } function matchFilter(el, attr, ref) { var stateFilter = ref.filter; if ( stateFilter === void 0 ) stateFilter = {'': ''}; var ref_sort = ref.sort; var stateSort = ref_sort[0]; var stateOrder = ref_sort[1]; var ref$1 = getFilter(el, attr); var filter = ref$1.filter; if ( filter === void 0 ) filter = ''; var group = ref$1.group; if ( group === void 0 ) group = ''; var sort = ref$1.sort; var order = ref$1.order; if ( order === void 0 ) order = 'asc'; return isUndefined(sort) ? group in stateFilter && filter === stateFilter[group] || !filter && group && !(group in stateFilter) && !stateFilter[''] : stateSort === sort && stateOrder === order; } function isEqualList(listA, listB) { return listA.length === listB.length && listA.every(function (el) { return ~listB.indexOf(el); }); } function getSelector(ref) { var filter = ref.filter; var selector = ''; each(filter, function (value) { return selector += value || ''; }); return selector; } function sortItems(nodes, sort, order) { return assign([], nodes).sort(function (a, b) { return data(a, sort).localeCompare(data(b, sort), undefined, {numeric: true}) * (order === 'asc' || -1); }); } var Animations$2 = { slide: { show: function(dir) { return [ {transform: translate(dir * -100)}, {transform: translate()} ]; }, percent: function(current) { return translated(current); }, translate: function(percent, dir) { return [ {transform: translate(dir * -100 * percent)}, {transform: translate(dir * 100 * (1 - percent))} ]; } } }; function translated(el) { return Math.abs(css(el, 'transform').split(',')[4] / el.offsetWidth) || 0; } function translate(value, unit) { if ( value === void 0 ) value = 0; if ( unit === void 0 ) unit = '%'; value += value ? unit : ''; return isIE ? ("translateX(" + value + ")") : ("translate3d(" + value + ", 0, 0)"); // currently not translate3d in IE, translate3d within translate3d does not work while transitioning } function scale3d(value) { return ("scale3d(" + value + ", " + value + ", 1)"); } var Animations$1 = assign({}, Animations$2, { fade: { show: function() { return [ {opacity: 0}, {opacity: 1} ]; }, percent: function(current) { return 1 - css(current, 'opacity'); }, translate: function(percent) { return [ {opacity: 1 - percent}, {opacity: percent} ]; } }, scale: { show: function() { return [ {opacity: 0, transform: scale3d(1 - .2)}, {opacity: 1, transform: scale3d(1)} ]; }, percent: function(current) { return 1 - css(current, 'opacity'); }, translate: function(percent) { return [ {opacity: 1 - percent, transform: scale3d(1 - .2 * percent)}, {opacity: percent, transform: scale3d(1 - .2 + .2 * percent)} ]; } } }); function Transitioner$1(prev, next, dir, ref) { var animation = ref.animation; var easing = ref.easing; var percent = animation.percent; var translate = animation.translate; var show = animation.show; if ( show === void 0 ) show = noop; var props = show(dir); var deferred = new Deferred(); return { dir: dir, show: function(duration, percent, linear) { var this$1$1 = this; if ( percent === void 0 ) percent = 0; var timing = linear ? 'linear' : easing; duration -= Math.round(duration * clamp(percent, -1, 1)); this.translate(percent); triggerUpdate$1(next, 'itemin', {percent: percent, duration: duration, timing: timing, dir: dir}); triggerUpdate$1(prev, 'itemout', {percent: 1 - percent, duration: duration, timing: timing, dir: dir}); Promise$1.all([ Transition.start(next, props[1], duration, timing), Transition.start(prev, props[0], duration, timing) ]).then(function () { this$1$1.reset(); deferred.resolve(); }, noop); return deferred.promise; }, cancel: function() { Transition.cancel([next, prev]); }, reset: function() { for (var prop in props[0]) { css([next, prev], prop, ''); } }, forward: function(duration, percent) { if ( percent === void 0 ) percent = this.percent(); Transition.cancel([next, prev]); return this.show(duration, percent, true); }, translate: function(percent) { this.reset(); var props = translate(percent, dir); css(next, props[1]); css(prev, props[0]); triggerUpdate$1(next, 'itemtranslatein', {percent: percent, dir: dir}); triggerUpdate$1(prev, 'itemtranslateout', {percent: 1 - percent, dir: dir}); }, percent: function() { return percent(prev || next, next, dir); }, getDistance: function() { return prev && prev.offsetWidth; } }; } function triggerUpdate$1(el, type, data) { trigger(el, createEvent(type, false, false, data)); } var SliderAutoplay = { props: { autoplay: Boolean, autoplayInterval: Number, pauseOnHover: Boolean }, data: { autoplay: false, autoplayInterval: 7000, pauseOnHover: true }, connected: function() { this.autoplay && this.startAutoplay(); }, disconnected: function() { this.stopAutoplay(); }, update: function() { attr(this.slides, 'tabindex', '-1'); }, events: [ { name: 'visibilitychange', el: function() { return document; }, filter: function() { return this.autoplay; }, handler: function() { if (document.hidden) { this.stopAutoplay(); } else { this.startAutoplay(); } } } ], methods: { startAutoplay: function() { var this$1$1 = this; this.stopAutoplay(); this.interval = setInterval( function () { return (!this$1$1.draggable || !$(':focus', this$1$1.$el)) && (!this$1$1.pauseOnHover || !matches(this$1$1.$el, ':hover')) && !this$1$1.stack.length && this$1$1.show('next'); }, this.autoplayInterval ); }, stopAutoplay: function() { this.interval && clearInterval(this.interval); } } }; var SliderDrag = { props: { draggable: Boolean }, data: { draggable: true, threshold: 10 }, created: function() { var this$1$1 = this; ['start', 'move', 'end'].forEach(function (key) { var fn = this$1$1[key]; this$1$1[key] = function (e) { var pos = getEventPos(e).x * (isRtl ? -1 : 1); this$1$1.prevPos = pos !== this$1$1.pos ? this$1$1.pos : this$1$1.prevPos; this$1$1.pos = pos; fn(e); }; }); }, events: [ { name: pointerDown, delegate: function() { return this.selSlides; }, handler: function(e) { if (!this.draggable || !isTouch(e) && hasTextNodesOnly(e.target) || closest(e.target, selInput) || e.button > 0 || this.length < 2 ) { return; } this.start(e); } }, { name: 'dragstart', handler: function(e) { e.preventDefault(); } } ], methods: { start: function() { this.drag = this.pos; if (this._transitioner) { this.percent = this._transitioner.percent(); this.drag += this._transitioner.getDistance() * this.percent * this.dir; this._transitioner.cancel(); this._transitioner.translate(this.percent); this.dragging = true; this.stack = []; } else { this.prevIndex = this.index; } on(document, pointerMove, this.move, {passive: false}); // 'input' event is triggered by video controls on(document, (pointerUp + " " + pointerCancel + " input"), this.end, true); css(this.list, 'userSelect', 'none'); }, move: function(e) { var this$1$1 = this; var distance = this.pos - this.drag; if (distance === 0 || this.prevPos === this.pos || !this.dragging && Math.abs(distance) < this.threshold) { return; } // prevent click event css(this.list, 'pointerEvents', 'none'); e.cancelable && e.preventDefault(); this.dragging = true; this.dir = (distance < 0 ? 1 : -1); var ref = this; var slides = ref.slides; var ref$1 = this; var prevIndex = ref$1.prevIndex; var dis = Math.abs(distance); var nextIndex = this.getIndex(prevIndex + this.dir, prevIndex); var width = this._getDistance(prevIndex, nextIndex) || slides[prevIndex].offsetWidth; while (nextIndex !== prevIndex && dis > width) { this.drag -= width * this.dir; prevIndex = nextIndex; dis -= width; nextIndex = this.getIndex(prevIndex + this.dir, prevIndex); width = this._getDistance(prevIndex, nextIndex) || slides[prevIndex].offsetWidth; } this.percent = dis / width; var prev = slides[prevIndex]; var next = slides[nextIndex]; var changed = this.index !== nextIndex; var edge = prevIndex === nextIndex; var itemShown; [this.index, this.prevIndex].filter(function (i) { return !includes([nextIndex, prevIndex], i); }).forEach(function (i) { trigger(slides[i], 'itemhidden', [this$1$1]); if (edge) { itemShown = true; this$1$1.prevIndex = prevIndex; } }); if (this.index === prevIndex && this.prevIndex !== prevIndex || itemShown) { trigger(slides[this.index], 'itemshown', [this]); } if (changed) { this.prevIndex = prevIndex; this.index = nextIndex; !edge && trigger(prev, 'beforeitemhide', [this]); trigger(next, 'beforeitemshow', [this]); } this._transitioner = this._translate(Math.abs(this.percent), prev, !edge && next); if (changed) { !edge && trigger(prev, 'itemhide', [this]); trigger(next, 'itemshow', [this]); } }, end: function() { off(document, pointerMove, this.move, {passive: false}); off(document, (pointerUp + " " + pointerCancel + " input"), this.end, true); if (this.dragging) { this.dragging = null; if (this.index === this.prevIndex) { this.percent = 1 - this.percent; this.dir *= -1; this._show(false, this.index, true); this._transitioner = null; } else { var dirChange = (isRtl ? this.dir * (isRtl ? 1 : -1) : this.dir) < 0 === this.prevPos > this.pos; this.index = dirChange ? this.index : this.prevIndex; if (dirChange) { this.percent = 1 - this.percent; } this.show(this.dir > 0 && !dirChange || this.dir < 0 && dirChange ? 'next' : 'previous', true); } } css(this.list, {userSelect: '', pointerEvents: ''}); this.drag = this.percent = null; } } }; function hasTextNodesOnly(el) { return !el.children.length && el.childNodes.length; } var SliderNav = { data: { selNav: false }, computed: { nav: function(ref, $el) { var selNav = ref.selNav; return $(selNav, $el); }, selNavItem: function(ref) { var attrItem = ref.attrItem; return ("[" + attrItem + "],[data-" + attrItem + "]"); }, navItems: function(_, $el) { return $$(this.selNavItem, $el); } }, update: { write: function() { var this$1$1 = this; if (this.nav && this.length !== this.nav.children.length) { html(this.nav, this.slides.map(function (_, i) { return ("
    • "); }).join('')); } this.navItems.concat(this.nav).forEach(function (el) { return el && (el.hidden = !this$1$1.maxIndex); }); this.updateNav(); }, events: ['resize'] }, events: [ { name: 'click', delegate: function() { return this.selNavItem; }, handler: function(e) { e.preventDefault(); this.show(data(e.current, this.attrItem)); } }, { name: 'itemshow', handler: 'updateNav' } ], methods: { updateNav: function() { var this$1$1 = this; var i = this.getValidIndex(); this.navItems.forEach(function (el) { var cmd = data(el, this$1$1.attrItem); toggleClass(el, this$1$1.clsActive, toNumber(cmd) === i); toggleClass(el, 'uk-invisible', this$1$1.finite && (cmd === 'previous' && i === 0 || cmd === 'next' && i >= this$1$1.maxIndex)); }); } } }; var Slider = { mixins: [SliderAutoplay, SliderDrag, SliderNav], props: { clsActivated: Boolean, easing: String, index: Number, finite: Boolean, velocity: Number, selSlides: String }, data: function () { return ({ easing: 'ease', finite: false, velocity: 1, index: 0, prevIndex: -1, stack: [], percent: 0, clsActive: 'uk-active', clsActivated: false, Transitioner: false, transitionOptions: {} }); }, connected: function() { this.prevIndex = -1; this.index = this.getValidIndex(this.$props.index); this.stack = []; }, disconnected: function() { removeClass(this.slides, this.clsActive); }, computed: { duration: function(ref, $el) { var velocity = ref.velocity; return speedUp($el.offsetWidth / velocity); }, list: function(ref, $el) { var selList = ref.selList; return $(selList, $el); }, maxIndex: function() { return this.length - 1; }, selSlides: function(ref) { var selList = ref.selList; var selSlides = ref.selSlides; return (selList + " " + (selSlides || '> *')); }, slides: { get: function() { return $$(this.selSlides, this.$el); }, watch: function() { this.$reset(); } }, length: function() { return this.slides.length; } }, events: { itemshown: function() { this.$update(this.list); } }, methods: { show: function(index, force) { var this$1$1 = this; if ( force === void 0 ) force = false; if (this.dragging || !this.length) { return; } var ref = this; var stack = ref.stack; var queueIndex = force ? 0 : stack.length; var reset = function () { stack.splice(queueIndex, 1); if (stack.length) { this$1$1.show(stack.shift(), true); } }; stack[force ? 'unshift' : 'push'](index); if (!force && stack.length > 1) { if (stack.length === 2) { this._transitioner.forward(Math.min(this.duration, 200)); } return; } var prevIndex = this.getIndex(this.index); var prev = hasClass(this.slides, this.clsActive) && this.slides[prevIndex]; var nextIndex = this.getIndex(index, this.index); var next = this.slides[nextIndex]; if (prev === next) { reset(); return; } this.dir = getDirection(index, prevIndex); this.prevIndex = prevIndex; this.index = nextIndex; if (prev && !trigger(prev, 'beforeitemhide', [this]) || !trigger(next, 'beforeitemshow', [this, prev]) ) { this.index = this.prevIndex; reset(); return; } var promise = this._show(prev, next, force).then(function () { prev && trigger(prev, 'itemhidden', [this$1$1]); trigger(next, 'itemshown', [this$1$1]); return new Promise$1(function (resolve) { fastdom.write(function () { stack.shift(); if (stack.length) { this$1$1.show(stack.shift(), true); } else { this$1$1._transitioner = null; } resolve(); }); }); }); prev && trigger(prev, 'itemhide', [this]); trigger(next, 'itemshow', [this]); return promise; }, getIndex: function(index, prev) { if ( index === void 0 ) index = this.index; if ( prev === void 0 ) prev = this.index; return clamp(getIndex(index, this.slides, prev, this.finite), 0, this.maxIndex); }, getValidIndex: function(index, prevIndex) { if ( index === void 0 ) index = this.index; if ( prevIndex === void 0 ) prevIndex = this.prevIndex; return this.getIndex(index, prevIndex); }, _show: function(prev, next, force) { this._transitioner = this._getTransitioner( prev, next, this.dir, assign({ easing: force ? next.offsetWidth < 600 ? 'cubic-bezier(0.25, 0.46, 0.45, 0.94)' /* easeOutQuad */ : 'cubic-bezier(0.165, 0.84, 0.44, 1)' /* easeOutQuart */ : this.easing }, this.transitionOptions) ); if (!force && !prev) { this._translate(1); return Promise$1.resolve(); } var ref = this.stack; var length = ref.length; return this._transitioner[length > 1 ? 'forward' : 'show'](length > 1 ? Math.min(this.duration, 75 + 75 / (length - 1)) : this.duration, this.percent); }, _getDistance: function(prev, next) { return this._getTransitioner(prev, prev !== next && next).getDistance(); }, _translate: function(percent, prev, next) { if ( prev === void 0 ) prev = this.prevIndex; if ( next === void 0 ) next = this.index; var transitioner = this._getTransitioner(prev !== next ? prev : false, next); transitioner.translate(percent); return transitioner; }, _getTransitioner: function(prev, next, dir, options) { if ( prev === void 0 ) prev = this.prevIndex; if ( next === void 0 ) next = this.index; if ( dir === void 0 ) dir = this.dir || 1; if ( options === void 0 ) options = this.transitionOptions; return new this.Transitioner( isNumber(prev) ? this.slides[prev] : prev, isNumber(next) ? this.slides[next] : next, dir * (isRtl ? -1 : 1), options ); } } }; function getDirection(index, prevIndex) { return index === 'next' ? 1 : index === 'previous' ? -1 : index < prevIndex ? -1 : 1; } function speedUp(x) { return .5 * x + 300; // parabola through (400,500; 600,600; 1800,1200) } var Slideshow = { mixins: [Slider], props: { animation: String }, data: { animation: 'slide', clsActivated: 'uk-transition-active', Animations: Animations$2, Transitioner: Transitioner$1 }, computed: { animation: function(ref) { var animation = ref.animation; var Animations = ref.Animations; return assign(Animations[animation] || Animations.slide, {name: animation}); }, transitionOptions: function() { return {animation: this.animation}; } }, events: { 'itemshow itemhide itemshown itemhidden': function(ref) { var target = ref.target; this.$update(target); }, beforeitemshow: function(ref) { var target = ref.target; addClass(target, this.clsActive); }, itemshown: function(ref) { var target = ref.target; addClass(target, this.clsActivated); }, itemhidden: function(ref) { var target = ref.target; removeClass(target, this.clsActive, this.clsActivated); } } }; var LightboxPanel = { mixins: [Container, Modal, Togglable, Slideshow], functional: true, props: { delayControls: Number, preload: Number, videoAutoplay: Boolean, template: String }, data: function () { return ({ preload: 1, videoAutoplay: false, delayControls: 3000, items: [], cls: 'uk-open', clsPage: 'uk-lightbox-page', selList: '.uk-lightbox-items', attrItem: 'uk-lightbox-item', selClose: '.uk-close-large', selCaption: '.uk-lightbox-caption', pauseOnHover: false, velocity: 2, Animations: Animations$1, template: "
      " }); }, created: function() { var $el = $(this.template); var list = $(this.selList, $el); this.items.forEach(function () { return append(list, '
    • '); }); this.$mount(append(this.container, $el)); }, computed: { caption: function(ref, $el) { var selCaption = ref.selCaption; return $(selCaption, $el); } }, events: [ { name: (pointerMove + " " + pointerDown + " keydown"), handler: 'showControls' }, { name: 'click', self: true, delegate: function() { return this.selSlides; }, handler: function(e) { if (e.defaultPrevented) { return; } this.hide(); } }, { name: 'shown', self: true, handler: function() { this.showControls(); } }, { name: 'hide', self: true, handler: function() { this.hideControls(); removeClass(this.slides, this.clsActive); Transition.stop(this.slides); } }, { name: 'hidden', self: true, handler: function() { this.$destroy(true); } }, { name: 'keyup', el: function() { return document; }, handler: function(e) { if (!this.isToggled(this.$el) || !this.draggable) { return; } switch (e.keyCode) { case 37: this.show('previous'); break; case 39: this.show('next'); break; } } }, { name: 'beforeitemshow', handler: function(e) { if (this.isToggled()) { return; } this.draggable = false; e.preventDefault(); this.toggleElement(this.$el, true, false); this.animation = Animations$1['scale']; removeClass(e.target, this.clsActive); this.stack.splice(1, 0, this.index); } }, { name: 'itemshow', handler: function() { html(this.caption, this.getItem().caption || ''); for (var j = -this.preload; j <= this.preload; j++) { this.loadItem(this.index + j); } } }, { name: 'itemshown', handler: function() { this.draggable = this.$props.draggable; } }, { name: 'itemload', handler: function(_, item) { var this$1$1 = this; var src = item.source; var type = item.type; var alt = item.alt; if ( alt === void 0 ) alt = ''; var poster = item.poster; var attrs = item.attrs; if ( attrs === void 0 ) attrs = {}; this.setItem(item, ''); if (!src) { return; } var matches; var iframeAttrs = { frameborder: '0', allow: 'autoplay', allowfullscreen: '', style: 'max-width: 100%; box-sizing: border-box;', 'uk-responsive': '', 'uk-video': ("" + (this.videoAutoplay)) }; // Image if (type === 'image' || src.match(/\.(avif|jpe?g|a?png|gif|svg|webp)($|\?)/i)) { getImage(src, attrs.srcset, attrs.size).then( function (ref) { var width = ref.width; var height = ref.height; return this$1$1.setItem(item, createEl('img', assign({src: src, width: width, height: height, alt: alt}, attrs))); }, function () { return this$1$1.setError(item); } ); // Video } else if (type === 'video' || src.match(/\.(mp4|webm|ogv)($|\?)/i)) { var video = createEl('video', assign({ src: src, poster: poster, controls: '', playsinline: '', 'uk-video': ("" + (this.videoAutoplay)) }, attrs)); on(video, 'loadedmetadata', function () { attr(video, {width: video.videoWidth, height: video.videoHeight}); this$1$1.setItem(item, video); }); on(video, 'error', function () { return this$1$1.setError(item); }); // Iframe } else if (type === 'iframe' || src.match(/\.(html|php)($|\?)/i)) { this.setItem(item, createEl('iframe', assign({ src: src, frameborder: '0', allowfullscreen: '', class: 'uk-lightbox-iframe' }, attrs))); // YouTube } else if ((matches = src.match(/\/\/(?:.*?youtube(-nocookie)?\..*?[?&]v=|youtu\.be\/)([\w-]{11})[&?]?(.*)?/))) { this.setItem(item, createEl('iframe', assign({ src: ("https://www.youtube" + (matches[1] || '') + ".com/embed/" + (matches[2]) + (matches[3] ? ("?" + (matches[3])) : '')), width: 1920, height: 1080 }, iframeAttrs, attrs))); // Vimeo } else if ((matches = src.match(/\/\/.*?vimeo\.[a-z]+\/(\d+)[&?]?(.*)?/))) { ajax(("https://vimeo.com/api/oembed.json?maxwidth=1920&url=" + (encodeURI(src))), { responseType: 'json', withCredentials: false }).then( function (ref) { var ref_response = ref.response; var height = ref_response.height; var width = ref_response.width; return this$1$1.setItem(item, createEl('iframe', assign({ src: ("https://player.vimeo.com/video/" + (matches[1]) + (matches[2] ? ("?" + (matches[2])) : '')), width: width, height: height }, iframeAttrs, attrs))); }, function () { return this$1$1.setError(item); } ); } } } ], methods: { loadItem: function(index) { if ( index === void 0 ) index = this.index; var item = this.getItem(index); if (!this.getSlide(item).childElementCount) { trigger(this.$el, 'itemload', [item]); } }, getItem: function(index) { if ( index === void 0 ) index = this.index; return this.items[getIndex(index, this.slides)]; }, setItem: function(item, content) { trigger(this.$el, 'itemloaded', [this, html(this.getSlide(item), content) ]); }, getSlide: function(item) { return this.slides[this.items.indexOf(item)]; }, setError: function(item) { this.setItem(item, ''); }, showControls: function() { clearTimeout(this.controlsTimer); this.controlsTimer = setTimeout(this.hideControls, this.delayControls); addClass(this.$el, 'uk-active', 'uk-transition-active'); }, hideControls: function() { removeClass(this.$el, 'uk-active', 'uk-transition-active'); } } }; function createEl(tag, attrs) { var el = fragment(("<" + tag + ">")); attr(el, attrs); return el; } var lightbox = { install: install$1, props: {toggle: String}, data: {toggle: 'a'}, computed: { toggles: { get: function(ref, $el) { var toggle = ref.toggle; return $$(toggle, $el); }, watch: function() { this.hide(); } } }, disconnected: function() { this.hide(); }, events: [ { name: 'click', delegate: function() { return ((this.toggle) + ":not(.uk-disabled)"); }, handler: function(e) { e.preventDefault(); this.show(e.current); } } ], methods: { show: function(index) { var this$1$1 = this; var items = uniqueBy(this.toggles.map(toItem), 'source'); if (isElement(index)) { var ref = toItem(index); var source = ref.source; index = findIndex(items, function (ref) { var src = ref.source; return source === src; }); } this.panel = this.panel || this.$create('lightboxPanel', assign({}, this.$props, {items: items})); on(this.panel.$el, 'hidden', function () { return this$1$1.panel = false; }); return this.panel.show(index); }, hide: function() { return this.panel && this.panel.hide(); } } }; function install$1(UIkit, Lightbox) { if (!UIkit.lightboxPanel) { UIkit.component('lightboxPanel', LightboxPanel); } assign( Lightbox.props, UIkit.component('lightboxPanel').options.props ); } function toItem(el) { var item = {}; ['href', 'caption', 'type', 'poster', 'alt', 'attrs'].forEach(function (attr) { item[attr === 'href' ? 'source' : attr] = data(el, attr); }); item.attrs = parseOptions(item.attrs); return item; } var obj$1; var notification = { mixins: [Container], functional: true, args: ['message', 'status'], data: { message: '', status: '', timeout: 5000, group: null, pos: 'top-center', clsContainer: 'uk-notification', clsClose: 'uk-notification-close', clsMsg: 'uk-notification-message' }, install: install, computed: { marginProp: function(ref) { var pos = ref.pos; return ("margin" + (startsWith(pos, 'top') ? 'Top' : 'Bottom')); }, startProps: function() { var obj; return ( obj = {opacity: 0}, obj[this.marginProp] = -this.$el.offsetHeight, obj ); } }, created: function() { var container = $(("." + (this.clsContainer) + "-" + (this.pos)), this.container) || append(this.container, ("
      ")); this.$mount(append(container, ("
      " + (this.message) + "
      ") )); }, connected: function() { var this$1$1 = this; var obj; var margin = toFloat(css(this.$el, this.marginProp)); Transition.start( css(this.$el, this.startProps), ( obj = {opacity: 1}, obj[this.marginProp] = margin, obj ) ).then(function () { if (this$1$1.timeout) { this$1$1.timer = setTimeout(this$1$1.close, this$1$1.timeout); } }); }, events: ( obj$1 = { click: function(e) { if (closest(e.target, 'a[href="#"],a[href=""]')) { e.preventDefault(); } this.close(); } }, obj$1[pointerEnter] = function () { if (this.timer) { clearTimeout(this.timer); } }, obj$1[pointerLeave] = function () { if (this.timeout) { this.timer = setTimeout(this.close, this.timeout); } }, obj$1 ), methods: { close: function(immediate) { var this$1$1 = this; var removeFn = function (el) { var container = parent(el); trigger(el, 'close', [this$1$1]); remove$1(el); if (container && !container.hasChildNodes()) { remove$1(container); } }; if (this.timer) { clearTimeout(this.timer); } if (immediate) { removeFn(this.$el); } else { Transition.start(this.$el, this.startProps).then(removeFn); } } } }; function install(UIkit) { UIkit.notification.closeAll = function (group, immediate) { apply$1(document.body, function (el) { var notification = UIkit.getComponent(el, 'notification'); if (notification && (!group || group === notification.group)) { notification.close(immediate); } }); }; } var props = ['x', 'y', 'bgx', 'bgy', 'rotate', 'scale', 'color', 'backgroundColor', 'borderColor', 'opacity', 'blur', 'hue', 'grayscale', 'invert', 'saturate', 'sepia', 'fopacity', 'stroke']; var Parallax = { mixins: [Media], props: props.reduce(function (props, prop) { props[prop] = 'list'; return props; }, {}), data: props.reduce(function (data, prop) { data[prop] = undefined; return data; }, {}), computed: { props: function(properties, $el) { var this$1$1 = this; return props.reduce(function (props, prop) { if (isUndefined(properties[prop])) { return props; } var isColor = prop.match(/color/i); var isCssProp = isColor || prop === 'opacity'; var pos, bgPos, diff; var steps = properties[prop].slice(); if (isCssProp) { css($el, prop, ''); } if (steps.length < 2) { steps.unshift((prop === 'scale' ? 1 : isCssProp ? css($el, prop) : 0) || 0); } var unit = getUnit(steps); if (isColor) { var ref = $el.style; var color = ref.color; steps = steps.map(function (step) { return parseColor($el, step); }); $el.style.color = color; } else if (startsWith(prop, 'bg')) { var attr = prop === 'bgy' ? 'height' : 'width'; steps = steps.map(function (step) { return toPx(step, attr, this$1$1.$el); }); css($el, ("background-position-" + (prop[2])), ''); bgPos = css($el, 'backgroundPosition').split(' ')[prop[2] === 'x' ? 0 : 1]; // IE 11 can't read background-position-[x|y] if (this$1$1.covers) { var min = Math.min.apply(Math, steps); var max = Math.max.apply(Math, steps); var down = steps.indexOf(min) < steps.indexOf(max); diff = max - min; steps = steps.map(function (step) { return step - (down ? min : max); }); pos = (down ? -diff : 0) + "px"; } else { pos = bgPos; } } else { steps = steps.map(toFloat); } if (prop === 'stroke') { if (!steps.some(function (step) { return step; })) { return props; } var length = getMaxPathLength(this$1$1.$el); css($el, 'strokeDasharray', length); if (unit === '%') { steps = steps.map(function (step) { return step * length / 100; }); } steps = steps.reverse(); prop = 'strokeDashoffset'; } props[prop] = {steps: steps, unit: unit, pos: pos, bgPos: bgPos, diff: diff}; return props; }, {}); }, bgProps: function() { var this$1$1 = this; return ['bgx', 'bgy'].filter(function (bg) { return bg in this$1$1.props; }); }, covers: function(_, $el) { return covers($el); } }, disconnected: function() { delete this._image; }, update: { read: function(data) { var this$1$1 = this; if (!this.matchMedia) { return; } if (!data.image && this.covers && this.bgProps.length) { var src = css(this.$el, 'backgroundImage').replace(/^none|url\(["']?(.+?)["']?\)$/, '$1'); if (src) { var img = new Image(); img.src = src; data.image = img; if (!img.naturalWidth) { img.onload = function () { return this$1$1.$update(); }; } } } var image = data.image; if (!image || !image.naturalWidth) { return; } var dimEl = { width: this.$el.offsetWidth, height: this.$el.offsetHeight }; var dimImage = { width: image.naturalWidth, height: image.naturalHeight }; var dim = Dimensions.cover(dimImage, dimEl); this.bgProps.forEach(function (prop) { var ref = this$1$1.props[prop]; var diff = ref.diff; var bgPos = ref.bgPos; var steps = ref.steps; var attr = prop === 'bgy' ? 'height' : 'width'; var span = dim[attr] - dimEl[attr]; if (span < diff) { dimEl[attr] = dim[attr] + diff - span; } else if (span > diff) { var posPercentage = dimEl[attr] / toPx(bgPos, attr, this$1$1.$el); if (posPercentage) { this$1$1.props[prop].steps = steps.map(function (step) { return step - (span - diff) / posPercentage; }); } } dim = Dimensions.cover(dimImage, dimEl); }); data.dim = dim; }, write: function(ref) { var dim = ref.dim; if (!this.matchMedia) { css(this.$el, {backgroundSize: '', backgroundRepeat: ''}); return; } dim && css(this.$el, { backgroundSize: ((dim.width) + "px " + (dim.height) + "px"), backgroundRepeat: 'no-repeat' }); }, events: ['resize'] }, methods: { reset: function() { var this$1$1 = this; each(this.getCss(0), function (_, prop) { return css(this$1$1.$el, prop, ''); }); }, getCss: function(percent) { var ref = this; var props = ref.props; return Object.keys(props).reduce(function (css, prop) { var ref = props[prop]; var steps = ref.steps; var unit = ref.unit; var pos = ref.pos; var value = getValue(steps, percent); switch (prop) { // transforms case 'x': case 'y': { unit = unit || 'px'; css.transform += " translate" + (ucfirst(prop)) + "(" + (toFloat(value).toFixed(unit === 'px' ? 0 : 2)) + unit + ")"; break; } case 'rotate': unit = unit || 'deg'; css.transform += " rotate(" + (value + unit) + ")"; break; case 'scale': css.transform += " scale(" + value + ")"; break; // bg image case 'bgy': case 'bgx': css[("background-position-" + (prop[2]))] = "calc(" + pos + " + " + value + "px)"; break; // color case 'color': case 'backgroundColor': case 'borderColor': { var ref$1 = getStep(steps, percent); var start = ref$1[0]; var end = ref$1[1]; var p = ref$1[2]; css[prop] = "rgba(" + (start.map(function (value, i) { value = value + p * (end[i] - value); return i === 3 ? toFloat(value) : parseInt(value, 10); }).join(',')) + ")"; break; } // CSS Filter case 'blur': unit = unit || 'px'; css.filter += " blur(" + (value + unit) + ")"; break; case 'hue': unit = unit || 'deg'; css.filter += " hue-rotate(" + (value + unit) + ")"; break; case 'fopacity': unit = unit || '%'; css.filter += " opacity(" + (value + unit) + ")"; break; case 'grayscale': case 'invert': case 'saturate': case 'sepia': unit = unit || '%'; css.filter += " " + prop + "(" + (value + unit) + ")"; break; default: css[prop] = value; } return css; }, {transform: '', filter: ''}); } } }; function parseColor(el, color) { return css(css(el, 'color', color), 'color') .split(/[(),]/g) .slice(1, -1) .concat(1) .slice(0, 4) .map(toFloat); } function getStep(steps, percent) { var count = steps.length - 1; var index = Math.min(Math.floor(count * percent), count - 1); var step = steps.slice(index, index + 2); step.push(percent === 1 ? 1 : percent % (1 / count) * count); return step; } function getValue(steps, percent, digits) { if ( digits === void 0 ) digits = 2; var ref = getStep(steps, percent); var start = ref[0]; var end = ref[1]; var p = ref[2]; return (isNumber(start) ? start + Math.abs(start - end) * p * (start < end ? 1 : -1) : +end ).toFixed(digits); } function getUnit(steps) { return steps.reduce(function (unit, step) { return isString(step) && step.replace(/-|\d/g, '').trim() || unit; }, ''); } function covers(el) { var ref = el.style; var backgroundSize = ref.backgroundSize; var covers = css(css(el, 'backgroundSize', ''), 'backgroundSize') === 'cover'; el.style.backgroundSize = backgroundSize; return covers; } var parallax = { mixins: [Parallax], props: { target: String, viewport: Number, easing: Number }, data: { target: false, viewport: 1, easing: 1 }, computed: { target: function(ref, $el) { var target = ref.target; return getOffsetElement(target && query(target, $el) || $el); } }, update: { read: function(ref, types) { var percent = ref.percent; if (!types.has('scroll')) { percent = false; } if (!this.matchMedia) { return; } var prev = percent; percent = ease(scrolledOver(this.target) / (this.viewport || 1), this.easing); return { percent: percent, style: prev !== percent ? this.getCss(percent) : false }; }, write: function(ref) { var style = ref.style; if (!this.matchMedia) { this.reset(); return; } style && css(this.$el, style); }, events: ['scroll', 'resize'] } }; function ease(percent, easing) { return clamp(percent * (1 - (easing - easing * percent))); } // SVG elements do not inherit from HTMLElement function getOffsetElement(el) { return el ? 'offsetTop' in el ? el : getOffsetElement(parent(el)) : document.body; } var SliderReactive = { update: { write: function() { if (this.stack.length || this.dragging) { return; } var index = this.getValidIndex(this.index); if (!~this.prevIndex || this.index !== index) { this.show(index); } }, events: ['resize'] } }; function Transitioner (prev, next, dir, ref) { var center = ref.center; var easing = ref.easing; var list = ref.list; var deferred = new Deferred(); var from = prev ? getLeft(prev, list, center) : getLeft(next, list, center) + dimensions(next).width * dir; var to = next ? getLeft(next, list, center) : from + dimensions(prev).width * dir * (isRtl ? -1 : 1); return { dir: dir, show: function(duration, percent, linear) { if ( percent === void 0 ) percent = 0; var timing = linear ? 'linear' : easing; duration -= Math.round(duration * clamp(percent, -1, 1)); this.translate(percent); percent = prev ? percent : clamp(percent, 0, 1); triggerUpdate(this.getItemIn(), 'itemin', {percent: percent, duration: duration, timing: timing, dir: dir}); prev && triggerUpdate(this.getItemIn(true), 'itemout', {percent: 1 - percent, duration: duration, timing: timing, dir: dir}); Transition .start(list, {transform: translate(-to * (isRtl ? -1 : 1), 'px')}, duration, timing) .then(deferred.resolve, noop); return deferred.promise; }, cancel: function() { Transition.cancel(list); }, reset: function() { css(list, 'transform', ''); }, forward: function(duration, percent) { if ( percent === void 0 ) percent = this.percent(); Transition.cancel(list); return this.show(duration, percent, true); }, translate: function(percent) { var distance = this.getDistance() * dir * (isRtl ? -1 : 1); css(list, 'transform', translate(clamp( -to + (distance - distance * percent), -getWidth(list), dimensions(list).width ) * (isRtl ? -1 : 1), 'px')); var actives = this.getActives(); var itemIn = this.getItemIn(); var itemOut = this.getItemIn(true); percent = prev ? clamp(percent, -1, 1) : 0; children(list).forEach(function (slide) { var isActive = includes(actives, slide); var isIn = slide === itemIn; var isOut = slide === itemOut; var translateIn = isIn || !isOut && (isActive || dir * (isRtl ? -1 : 1) === -1 ^ getElLeft(slide, list) > getElLeft(prev || next)); triggerUpdate(slide, ("itemtranslate" + (translateIn ? 'in' : 'out')), { dir: dir, percent: isOut ? 1 - percent : isIn ? percent : isActive ? 1 : 0 }); }); }, percent: function() { return Math.abs((css(list, 'transform').split(',')[4] * (isRtl ? -1 : 1) + from) / (to - from)); }, getDistance: function() { return Math.abs(to - from); }, getItemIn: function(out) { if ( out === void 0 ) out = false; var actives = this.getActives(); var nextActives = inView(list, getLeft(next || prev, list, center)); if (out) { var temp = actives; actives = nextActives; nextActives = temp; } return nextActives[findIndex(nextActives, function (el) { return !includes(actives, el); })]; }, getActives: function() { return inView(list, getLeft(prev || next, list, center)); } }; } function getLeft(el, list, center) { var left = getElLeft(el, list); return center ? left - centerEl(el, list) : Math.min(left, getMax(list)); } function getMax(list) { return Math.max(0, getWidth(list) - dimensions(list).width); } function getWidth(list) { return children(list).reduce(function (right, el) { return dimensions(el).width + right; }, 0); } function centerEl(el, list) { return dimensions(list).width / 2 - dimensions(el).width / 2; } function getElLeft(el, list) { return el && (position(el).left + (isRtl ? dimensions(el).width - dimensions(list).width : 0)) * (isRtl ? -1 : 1) || 0; } function inView(list, listLeft) { listLeft -= 1; var listWidth = dimensions(list).width; var listRight = listLeft + listWidth + 2; return children(list).filter(function (slide) { var slideLeft = getElLeft(slide, list); var slideRight = slideLeft + Math.min(dimensions(slide).width, listWidth); return slideLeft >= listLeft && slideRight <= listRight; }); } function triggerUpdate(el, type, data) { trigger(el, createEvent(type, false, false, data)); } var slider = { mixins: [Class, Slider, SliderReactive], props: { center: Boolean, sets: Boolean }, data: { center: false, sets: false, attrItem: 'uk-slider-item', selList: '.uk-slider-items', selNav: '.uk-slider-nav', clsContainer: 'uk-slider-container', Transitioner: Transitioner }, computed: { avgWidth: function() { return getWidth(this.list) / this.length; }, finite: function(ref) { var finite = ref.finite; return finite || Math.ceil(getWidth(this.list)) < dimensions(this.list).width + getMaxElWidth(this.list) + this.center; }, maxIndex: function() { if (!this.finite || this.center && !this.sets) { return this.length - 1; } if (this.center) { return last(this.sets); } var lft = 0; var max = getMax(this.list); var index = findIndex(this.slides, function (el) { if (lft >= max) { return true; } lft += dimensions(el).width; }); return ~index ? index : this.length - 1; }, sets: function(ref) { var this$1$1 = this; var sets = ref.sets; if (!sets) { return; } var width = dimensions(this.list).width / (this.center ? 2 : 1); var left = 0; var leftCenter = width; var slideLeft = 0; sets = sortBy$1(this.slides, 'offsetLeft').reduce(function (sets, slide, i) { var slideWidth = dimensions(slide).width; var slideRight = slideLeft + slideWidth; if (slideRight > left) { if (!this$1$1.center && i > this$1$1.maxIndex) { i = this$1$1.maxIndex; } if (!includes(sets, i)) { var cmp = this$1$1.slides[i + 1]; if (this$1$1.center && cmp && slideWidth < leftCenter - dimensions(cmp).width / 2) { leftCenter -= slideWidth; } else { leftCenter = width; sets.push(i); left = slideLeft + width + (this$1$1.center ? slideWidth / 2 : 0); } } } slideLeft += slideWidth; return sets; }, []); return !isEmpty(sets) && sets; }, transitionOptions: function() { return { center: this.center, list: this.list }; } }, connected: function() { toggleClass(this.$el, this.clsContainer, !$(("." + (this.clsContainer)), this.$el)); }, update: { write: function() { var this$1$1 = this; this.navItems.forEach(function (el) { var index = toNumber(data(el, this$1$1.attrItem)); if (index !== false) { el.hidden = !this$1$1.maxIndex || index > this$1$1.maxIndex || this$1$1.sets && !includes(this$1$1.sets, index); } }); if (this.length && !this.dragging && !this.stack.length) { this.reorder(); this._translate(1); } var actives = this._getTransitioner(this.index).getActives(); this.slides.forEach(function (slide) { return toggleClass(slide, this$1$1.clsActive, includes(actives, slide)); }); if (this.clsActivated && (!this.sets || includes(this.sets, toFloat(this.index)))) { this.slides.forEach(function (slide) { return toggleClass(slide, this$1$1.clsActivated || '', includes(actives, slide)); }); } }, events: ['resize'] }, events: { beforeitemshow: function(e) { if (!this.dragging && this.sets && this.stack.length < 2 && !includes(this.sets, this.index)) { this.index = this.getValidIndex(); } var diff = Math.abs( this.index - this.prevIndex + (this.dir > 0 && this.index < this.prevIndex || this.dir < 0 && this.index > this.prevIndex ? (this.maxIndex + 1) * this.dir : 0) ); if (!this.dragging && diff > 1) { for (var i = 0; i < diff; i++) { this.stack.splice(1, 0, this.dir > 0 ? 'next' : 'previous'); } e.preventDefault(); return; } var index = this.dir < 0 || !this.slides[this.prevIndex] ? this.index : this.prevIndex; this.duration = speedUp(this.avgWidth / this.velocity) * (dimensions(this.slides[index]).width / this.avgWidth); this.reorder(); }, itemshow: function() { if (~this.prevIndex) { addClass(this._getTransitioner().getItemIn(), this.clsActive); } } }, methods: { reorder: function() { var this$1$1 = this; if (this.finite) { css(this.slides, 'order', ''); return; } var index = this.dir > 0 && this.slides[this.prevIndex] ? this.prevIndex : this.index; this.slides.forEach(function (slide, i) { return css(slide, 'order', this$1$1.dir > 0 && i < index ? 1 : this$1$1.dir < 0 && i >= this$1$1.index ? -1 : '' ); } ); if (!this.center) { return; } var next = this.slides[index]; var width = dimensions(this.list).width / 2 - dimensions(next).width / 2; var j = 0; while (width > 0) { var slideIndex = this.getIndex(--j + index, index); var slide = this.slides[slideIndex]; css(slide, 'order', slideIndex > index ? -2 : -1); width -= dimensions(slide).width; } }, getValidIndex: function(index, prevIndex) { if ( index === void 0 ) index = this.index; if ( prevIndex === void 0 ) prevIndex = this.prevIndex; index = this.getIndex(index, prevIndex); if (!this.sets) { return index; } var prev; do { if (includes(this.sets, index)) { return index; } prev = index; index = this.getIndex(index + this.dir, prevIndex); } while (index !== prev); return index; } } }; function getMaxElWidth(list) { return Math.max.apply(Math, [ 0 ].concat( children(list).map(function (el) { return dimensions(el).width; }) )); } var sliderParallax = { mixins: [Parallax], data: { selItem: '!li' }, computed: { item: function(ref, $el) { var selItem = ref.selItem; return query(selItem, $el); } }, events: [ { name: 'itemin itemout', self: true, el: function() { return this.item; }, handler: function(ref) { var this$1$1 = this; var type = ref.type; var ref_detail = ref.detail; var percent = ref_detail.percent; var duration = ref_detail.duration; var timing = ref_detail.timing; var dir = ref_detail.dir; fastdom.read(function () { var propsFrom = this$1$1.getCss(getCurrentPercent(type, dir, percent)); var propsTo = this$1$1.getCss(isIn(type) ? .5 : dir > 0 ? 1 : 0); fastdom.write(function () { css(this$1$1.$el, propsFrom); Transition.start(this$1$1.$el, propsTo, duration, timing).catch(noop); }); }); } }, { name: 'transitioncanceled transitionend', self: true, el: function() { return this.item; }, handler: function() { Transition.cancel(this.$el); } }, { name: 'itemtranslatein itemtranslateout', self: true, el: function() { return this.item; }, handler: function(ref) { var this$1$1 = this; var type = ref.type; var ref_detail = ref.detail; var percent = ref_detail.percent; var dir = ref_detail.dir; fastdom.read(function () { var props = this$1$1.getCss(getCurrentPercent(type, dir, percent)); fastdom.write(function () { return css(this$1$1.$el, props); }); }); } } ] }; function isIn(type) { return endsWith(type, 'in'); } function getCurrentPercent(type, dir, percent) { percent /= 2; return !isIn(type) ? dir < 0 ? percent : 1 - percent : dir < 0 ? 1 - percent : percent; } var Animations = assign({}, Animations$2, { fade: { show: function() { return [ {opacity: 0, zIndex: 0}, {zIndex: -1} ]; }, percent: function(current) { return 1 - css(current, 'opacity'); }, translate: function(percent) { return [ {opacity: 1 - percent, zIndex: 0}, {zIndex: -1} ]; } }, scale: { show: function() { return [ {opacity: 0, transform: scale3d(1 + .5), zIndex: 0}, {zIndex: -1} ]; }, percent: function(current) { return 1 - css(current, 'opacity'); }, translate: function(percent) { return [ {opacity: 1 - percent, transform: scale3d(1 + .5 * percent), zIndex: 0}, {zIndex: -1} ]; } }, pull: { show: function(dir) { return dir < 0 ? [ {transform: translate(30), zIndex: -1}, {transform: translate(), zIndex: 0} ] : [ {transform: translate(-100), zIndex: 0}, {transform: translate(), zIndex: -1} ]; }, percent: function(current, next, dir) { return dir < 0 ? 1 - translated(next) : translated(current); }, translate: function(percent, dir) { return dir < 0 ? [ {transform: translate(30 * percent), zIndex: -1}, {transform: translate(-100 * (1 - percent)), zIndex: 0} ] : [ {transform: translate(-percent * 100), zIndex: 0}, {transform: translate(30 * (1 - percent)), zIndex: -1} ]; } }, push: { show: function(dir) { return dir < 0 ? [ {transform: translate(100), zIndex: 0}, {transform: translate(), zIndex: -1} ] : [ {transform: translate(-30), zIndex: -1}, {transform: translate(), zIndex: 0} ]; }, percent: function(current, next, dir) { return dir > 0 ? 1 - translated(next) : translated(current); }, translate: function(percent, dir) { return dir < 0 ? [ {transform: translate(percent * 100), zIndex: 0}, {transform: translate(-30 * (1 - percent)), zIndex: -1} ] : [ {transform: translate(-30 * percent), zIndex: -1}, {transform: translate(100 * (1 - percent)), zIndex: 0} ]; } } }); var slideshow = { mixins: [Class, Slideshow, SliderReactive], props: { ratio: String, minHeight: Number, maxHeight: Number }, data: { ratio: '16:9', minHeight: false, maxHeight: false, selList: '.uk-slideshow-items', attrItem: 'uk-slideshow-item', selNav: '.uk-slideshow-nav', Animations: Animations }, update: { read: function() { var ref = this.ratio.split(':').map(Number); var width = ref[0]; var height = ref[1]; height = height * this.list.offsetWidth / width || 0; if (this.minHeight) { height = Math.max(this.minHeight, height); } if (this.maxHeight) { height = Math.min(this.maxHeight, height); } return {height: height - boxModelAdjust(this.list, 'height', 'content-box')}; }, write: function(ref) { var height = ref.height; height > 0 && css(this.list, 'minHeight', height); }, events: ['resize'] } }; var sortable = { mixins: [Class, Animate], props: { group: String, threshold: Number, clsItem: String, clsPlaceholder: String, clsDrag: String, clsDragState: String, clsBase: String, clsNoDrag: String, clsEmpty: String, clsCustom: String, handle: String }, data: { group: false, threshold: 5, clsItem: 'uk-sortable-item', clsPlaceholder: 'uk-sortable-placeholder', clsDrag: 'uk-sortable-drag', clsDragState: 'uk-drag', clsBase: 'uk-sortable', clsNoDrag: 'uk-sortable-nodrag', clsEmpty: 'uk-sortable-empty', clsCustom: '', handle: false, pos: {} }, created: function() { var this$1$1 = this; ['init', 'start', 'move', 'end'].forEach(function (key) { var fn = this$1$1[key]; this$1$1[key] = function (e) { assign(this$1$1.pos, getEventPos(e)); fn(e); }; }); }, events: { name: pointerDown, passive: false, handler: 'init' }, computed: { target: function() { return (this.$el.tBodies || [this.$el])[0]; }, items: function() { return children(this.target); }, isEmpty: { get: function() { return isEmpty(this.items); }, watch: function(empty) { toggleClass(this.target, this.clsEmpty, empty); }, immediate: true }, handles: { get: function(ref, el) { var handle = ref.handle; return handle ? $$(handle, el) : this.items; }, watch: function(handles, prev) { css(prev, {touchAction: '', userSelect: ''}); css(handles, {touchAction: hasTouch ? 'none' : '', userSelect: 'none'}); // touchAction set to 'none' causes a performance drop in Chrome 80 }, immediate: true } }, update: { write: function(data) { if (!this.drag || !parent(this.placeholder)) { return; } var ref = this; var ref_pos = ref.pos; var x = ref_pos.x; var y = ref_pos.y; var ref_origin = ref.origin; var offsetTop = ref_origin.offsetTop; var offsetLeft = ref_origin.offsetLeft; var placeholder = ref.placeholder; css(this.drag, { top: y - offsetTop, left: x - offsetLeft }); var sortable = this.getSortable(document.elementFromPoint(x, y)); if (!sortable) { return; } var items = sortable.items; if (items.some(Transition.inProgress)) { return; } var target = findTarget(items, {x: x, y: y}); if (items.length && (!target || target === placeholder)) { return; } var previous = this.getSortable(placeholder); var insertTarget = findInsertTarget(sortable.target, target, placeholder, x, y, sortable === previous && data.moved !== target); if (insertTarget === false) { return; } if (insertTarget && placeholder === insertTarget) { return; } if (sortable !== previous) { previous.remove(placeholder); data.moved = target; } else { delete data.moved; } sortable.insert(placeholder, insertTarget); this.touched.add(sortable); }, events: ['move'] }, methods: { init: function(e) { var target = e.target; var button = e.button; var defaultPrevented = e.defaultPrevented; var ref = this.items.filter(function (el) { return within(target, el); }); var placeholder = ref[0]; if (!placeholder || defaultPrevented || button > 0 || isInput(target) || within(target, ("." + (this.clsNoDrag))) || this.handle && !within(target, this.handle) ) { return; } e.preventDefault(); this.touched = new Set([this]); this.placeholder = placeholder; this.origin = assign({target: target, index: index(placeholder)}, this.pos); on(document, pointerMove, this.move); on(document, pointerUp, this.end); if (!this.threshold) { this.start(e); } }, start: function(e) { this.drag = appendDrag(this.$container, this.placeholder); var ref = this.placeholder.getBoundingClientRect(); var left = ref.left; var top = ref.top; assign(this.origin, {offsetLeft: this.pos.x - left, offsetTop: this.pos.y - top}); addClass(this.drag, this.clsDrag, this.clsCustom); addClass(this.placeholder, this.clsPlaceholder); addClass(this.items, this.clsItem); addClass(document.documentElement, this.clsDragState); trigger(this.$el, 'start', [this, this.placeholder]); trackScroll(this.pos); this.move(e); }, move: function(e) { if (this.drag) { this.$emit('move'); } else if (Math.abs(this.pos.x - this.origin.x) > this.threshold || Math.abs(this.pos.y - this.origin.y) > this.threshold) { this.start(e); } }, end: function() { var this$1$1 = this; off(document, pointerMove, this.move); off(document, pointerUp, this.end); off(window, 'scroll', this.scroll); if (!this.drag) { return; } untrackScroll(); var sortable = this.getSortable(this.placeholder); if (this === sortable) { if (this.origin.index !== index(this.placeholder)) { trigger(this.$el, 'moved', [this, this.placeholder]); } } else { trigger(sortable.$el, 'added', [sortable, this.placeholder]); trigger(this.$el, 'removed', [this, this.placeholder]); } trigger(this.$el, 'stop', [this, this.placeholder]); remove$1(this.drag); this.drag = null; this.touched.forEach(function (ref) { var clsPlaceholder = ref.clsPlaceholder; var clsItem = ref.clsItem; return this$1$1.touched.forEach(function (sortable) { return removeClass(sortable.items, clsPlaceholder, clsItem); } ); } ); this.touched = null; removeClass(document.documentElement, this.clsDragState); }, insert: function(element, target) { var this$1$1 = this; addClass(this.items, this.clsItem); var insert = function () { return target ? before(target, element) : append(this$1$1.target, element); }; this.animate(insert); }, remove: function(element) { if (!within(element, this.target)) { return; } this.animate(function () { return remove$1(element); }); }, getSortable: function(element) { do { var sortable = this.$getComponent(element, 'sortable'); if (sortable && (sortable === this || this.group !== false && sortable.group === this.group)) { return sortable; } } while ((element = parent(element))); } } }; var trackTimer; function trackScroll(pos) { var last = Date.now(); trackTimer = setInterval(function () { var x = pos.x; var y = pos.y; y += window.pageYOffset; var dist = (Date.now() - last) * .3; last = Date.now(); scrollParents(document.elementFromPoint(x, pos.y)).reverse().some(function (scrollEl) { var scroll = scrollEl.scrollTop; var scrollHeight = scrollEl.scrollHeight; var ref = offset(getViewport$1(scrollEl)); var top = ref.top; var bottom = ref.bottom; var height = ref.height; if (top < y && top + 35 > y) { scroll -= dist; } else if (bottom > y && bottom - 35 < y) { scroll += dist; } else { return; } if (scroll > 0 && scroll < scrollHeight - height) { scrollTop(scrollEl, scroll); return true; } }); }, 15); } function untrackScroll() { clearInterval(trackTimer); } function appendDrag(container, element) { var clone = append(container, element.outerHTML.replace(/(^<)(?:li|tr)|(?:li|tr)(\/>$)/g, '$1div$2')); css(clone, 'margin', '0', 'important'); css(clone, assign({ boxSizing: 'border-box', width: element.offsetWidth, height: element.offsetHeight }, css(element, ['paddingLeft', 'paddingRight', 'paddingTop', 'paddingBottom']))); height(clone.firstElementChild, height(element.firstElementChild)); return clone; } function findTarget(items, point) { return items[findIndex(items, function (item) { return pointInRect(point, item.getBoundingClientRect()); })]; } function findInsertTarget(list, target, placeholder, x, y, sameList) { if (!children(list).length) { return; } var rect = target.getBoundingClientRect(); if (!sameList) { if (!isHorizontal(list, placeholder)) { return y < rect.top + rect.height / 2 ? target : target.nextElementSibling; } return target; } var placeholderRect = placeholder.getBoundingClientRect(); var sameRow = linesIntersect( [rect.top, rect.bottom], [placeholderRect.top, placeholderRect.bottom] ); var pointerPos = sameRow ? x : y; var lengthProp = sameRow ? 'width' : 'height'; var startProp = sameRow ? 'left' : 'top'; var endProp = sameRow ? 'right' : 'bottom'; var diff = placeholderRect[lengthProp] < rect[lengthProp] ? rect[lengthProp] - placeholderRect[lengthProp] : 0; if (placeholderRect[startProp] < rect[startProp]) { if (diff && pointerPos < rect[startProp] + diff) { return false; } return target.nextElementSibling; } if (diff && pointerPos > rect[endProp] - diff) { return false; } return target; } function isHorizontal(list, placeholder) { var single = children(list).length === 1; if (single) { append(list, placeholder); } var items = children(list); var isHorizontal = items.some(function (el, i) { var rectA = el.getBoundingClientRect(); return items.slice(i + 1).some(function (el) { var rectB = el.getBoundingClientRect(); return !linesIntersect([rectA.left, rectA.right], [rectB.left, rectB.right]); }); }); if (single) { remove$1(placeholder); } return isHorizontal; } function linesIntersect(lineA, lineB) { return lineA[1] > lineB[0] && lineB[1] > lineA[0]; } var obj; var tooltip = { mixins: [Container, Togglable, Position], args: 'title', props: { delay: Number, title: String }, data: { pos: 'top', title: '', delay: 0, animation: ['uk-animation-scale-up'], duration: 100, cls: 'uk-active', clsPos: 'uk-tooltip' }, beforeConnect: function() { this._hasTitle = hasAttr(this.$el, 'title'); attr(this.$el, 'title', ''); this.updateAria(false); makeFocusable(this.$el); }, disconnected: function() { this.hide(); attr(this.$el, 'title', this._hasTitle ? this.title : null); }, methods: { show: function() { var this$1$1 = this; if (this.isToggled(this.tooltip || null) || !this.title) { return; } this._unbind = once(document, ("show keydown " + pointerDown), this.hide, false, function (e) { return e.type === pointerDown && !within(e.target, this$1$1.$el) || e.type === 'keydown' && e.keyCode === 27 || e.type === 'show' && e.detail[0] !== this$1$1 && e.detail[0].$name === this$1$1.$name; } ); clearTimeout(this.showTimer); this.showTimer = setTimeout(this._show, this.delay); }, hide: function() { var this$1$1 = this; if (matches(this.$el, 'input:focus')) { return; } clearTimeout(this.showTimer); if (!this.isToggled(this.tooltip || null)) { return; } this.toggleElement(this.tooltip, false, false).then(function () { this$1$1.tooltip = remove$1(this$1$1.tooltip); this$1$1._unbind(); }); }, _show: function() { var this$1$1 = this; this.tooltip = append(this.container, ("
      " + (this.title) + "
      ") ); on(this.tooltip, 'toggled', function (e, toggled) { this$1$1.updateAria(toggled); if (!toggled) { return; } this$1$1.positionAt(this$1$1.tooltip, this$1$1.$el); this$1$1.origin = this$1$1.getAxis() === 'y' ? ((flipPosition(this$1$1.dir)) + "-" + (this$1$1.align)) : ((this$1$1.align) + "-" + (flipPosition(this$1$1.dir))); }); this.toggleElement(this.tooltip, true); }, updateAria: function(toggled) { attr(this.$el, 'aria-expanded', toggled); } }, events: ( obj = { focus: 'show', blur: 'hide' }, obj[(pointerEnter + " " + pointerLeave)] = function (e) { if (!isTouch(e)) { this[e.type === pointerEnter ? 'show' : 'hide'](); } }, obj[pointerDown] = function (e) { if (isTouch(e)) { this.show(); } }, obj ) }; function makeFocusable(el) { if (!isFocusable(el)) { attr(el, 'tabindex', '0'); } } var upload = { props: { allow: String, clsDragover: String, concurrent: Number, maxSize: Number, method: String, mime: String, msgInvalidMime: String, msgInvalidName: String, msgInvalidSize: String, multiple: Boolean, name: String, params: Object, type: String, url: String }, data: { allow: false, clsDragover: 'uk-dragover', concurrent: 1, maxSize: 0, method: 'POST', mime: false, msgInvalidMime: 'Invalid File Type: %s', msgInvalidName: 'Invalid File Name: %s', msgInvalidSize: 'Invalid File Size: %s Kilobytes Max', multiple: false, name: 'files[]', params: {}, type: '', url: '', abort: noop, beforeAll: noop, beforeSend: noop, complete: noop, completeAll: noop, error: noop, fail: noop, load: noop, loadEnd: noop, loadStart: noop, progress: noop }, events: { change: function(e) { if (!matches(e.target, 'input[type="file"]')) { return; } e.preventDefault(); if (e.target.files) { this.upload(e.target.files); } e.target.value = ''; }, drop: function(e) { stop(e); var transfer = e.dataTransfer; if (!transfer || !transfer.files) { return; } removeClass(this.$el, this.clsDragover); this.upload(transfer.files); }, dragenter: function(e) { stop(e); }, dragover: function(e) { stop(e); addClass(this.$el, this.clsDragover); }, dragleave: function(e) { stop(e); removeClass(this.$el, this.clsDragover); } }, methods: { upload: function(files) { var this$1$1 = this; if (!files.length) { return; } trigger(this.$el, 'upload', [files]); for (var i = 0; i < files.length; i++) { if (this.maxSize && this.maxSize * 1000 < files[i].size) { this.fail(this.msgInvalidSize.replace('%s', this.maxSize)); return; } if (this.allow && !match(this.allow, files[i].name)) { this.fail(this.msgInvalidName.replace('%s', this.allow)); return; } if (this.mime && !match(this.mime, files[i].type)) { this.fail(this.msgInvalidMime.replace('%s', this.mime)); return; } } if (!this.multiple) { files = [files[0]]; } this.beforeAll(this, files); var chunks = chunk(files, this.concurrent); var upload = function (files) { var data = new FormData(); files.forEach(function (file) { return data.append(this$1$1.name, file); }); for (var key in this$1$1.params) { data.append(key, this$1$1.params[key]); } ajax(this$1$1.url, { data: data, method: this$1$1.method, responseType: this$1$1.type, beforeSend: function (env) { var xhr = env.xhr; xhr.upload && on(xhr.upload, 'progress', this$1$1.progress); ['loadStart', 'load', 'loadEnd', 'abort'].forEach(function (type) { return on(xhr, type.toLowerCase(), this$1$1[type]); } ); return this$1$1.beforeSend(env); } }).then( function (xhr) { this$1$1.complete(xhr); if (chunks.length) { upload(chunks.shift()); } else { this$1$1.completeAll(xhr); } }, function (e) { return this$1$1.error(e); } ); }; upload(chunks.shift()); } } }; function match(pattern, path) { return path.match(new RegExp(("^" + (pattern.replace(/\//g, '\\/').replace(/\*\*/g, '(\\/[^\\/]+)*').replace(/\*/g, '[^\\/]+').replace(/((?!\\))\?/g, '$1.')) + "$"), 'i')); } function chunk(files, size) { var chunks = []; for (var i = 0; i < files.length; i += size) { var chunk = []; for (var j = 0; j < size; j++) { chunk.push(files[i + j]); } chunks.push(chunk); } return chunks; } function stop(e) { e.preventDefault(); e.stopPropagation(); } var components = /*#__PURE__*/Object.freeze({ __proto__: null, Countdown: countdown, Filter: filter, Lightbox: lightbox, LightboxPanel: LightboxPanel, Notification: notification, Parallax: parallax, Slider: slider, SliderParallax: sliderParallax, Slideshow: slideshow, SlideshowParallax: sliderParallax, Sortable: sortable, Tooltip: tooltip, Upload: upload }); each(components, function (component, name) { return UIkit.component(name, component); } ); return UIkit; })); comitup-main-1.42/web/templates/js/uikit-icons000066400000000000000000002122501464634077100214300ustar00rootroot00000000000000/*! UIkit 3.7.6 | https://www.getuikit.com | (c) 2014 - 2021 YOOtheme | MIT License */ (function (global, factory) { typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory() : typeof define === 'function' && define.amd ? define('uikiticons', factory) : (global = typeof globalThis !== 'undefined' ? globalThis : 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": "", "bag": "", "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": "", "discord": "", "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": "", "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": "", "tiktok": "", "trash": "", "triangle-down": "", "triangle-left": "", "triangle-right": "", "triangle-up": "", "tripadvisor": "", "tumblr": "", "tv": "", "twitch": "", "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; }));